.elementor-7760 .elementor-element.elementor-element-faf99ac{--display:flex;--min-height:507px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--overlay-opacity:0.5;--margin-top:-90px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;overflow:visible;}.elementor-7760 .elementor-element.elementor-element-faf99ac:not(.elementor-motion-effects-element-type-background), .elementor-7760 .elementor-element.elementor-element-faf99ac > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ginosolar.online/wp-content/uploads/2026/05/bg-1.png");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-7760 .elementor-element.elementor-element-faf99ac::before, .elementor-7760 .elementor-element.elementor-element-faf99ac > .elementor-background-video-container::before, .elementor-7760 .elementor-element.elementor-element-faf99ac > .e-con-inner > .elementor-background-video-container::before, .elementor-7760 .elementor-element.elementor-element-faf99ac > .elementor-background-slideshow::before, .elementor-7760 .elementor-element.elementor-element-faf99ac > .e-con-inner > .elementor-background-slideshow::before, .elementor-7760 .elementor-element.elementor-element-faf99ac > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#0C050561;--background-overlay:'';}.elementor-7760 .elementor-element.elementor-element-64cf838{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:90px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;overflow:visible;}.elementor-7760 .elementor-element.elementor-element-64cf838.e-con{--align-self:center;}.elementor-7760 .elementor-element.elementor-element-85e849f{text-align:center;}.elementor-7760 .elementor-element.elementor-element-85e849f .elementor-heading-title{font-family:"KG", Sans-serif;font-weight:500;color:#FFFFFF;}.elementor-7760 .elementor-element.elementor-element-a470150 .ekit-breadcrumb > li:not(.brd_sep){color:var( --e-global-color-0d6cce7 );margin:1px 1px 1px 1px;}.elementor-7760 .elementor-element.elementor-element-a470150 .ekit-breadcrumb > li > a{color:#FFFFFF;}.elementor-7760 .elementor-element.elementor-element-a470150 .ekit-breadcrumb > li > span.ekit_home_icon{color:#FFFFFF;}.elementor-7760 .elementor-element.elementor-element-a470150 .ekit-breadcrumb > li > span.ekit_home_icon svg{fill:#FFFFFF;}.elementor-7760 .elementor-element.elementor-element-a470150 .ekit-breadcrumb{font-family:"Quicksand", Sans-serif;font-size:17px;font-weight:700;justify-content:center;}.elementor-7760 .elementor-element.elementor-element-a470150 .ekit-breadcrumb .ekit_breadcrumbs_start .ekit_home_icon{color:var( --e-global-color-0d6cce7 );margin-right:5px;}.elementor-7760 .elementor-element.elementor-element-a470150 .ekit-breadcrumb .ekit_breadcrumbs_start .ekit_home_icon svg{fill:var( --e-global-color-0d6cce7 );}.elementor-7760 .elementor-element.elementor-element-a470150 .ekit-breadcrumb > li:is(.brd_sep){color:var( --e-global-color-0d6cce7 );}.elementor-7760 .elementor-element.elementor-element-a470150 .ekit-breadcrumb > li:is(.brd_sep) svg{fill:var( --e-global-color-0d6cce7 );}.elementor-7760 .elementor-element.elementor-element-8860ee3{margin-top:0px;margin-bottom:0px;padding:30px 20px 20px 20px;overflow:visible;}.elementor-7760 .elementor-element.elementor-element-80490db.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-7760 .elementor-element.elementor-element-07103fe .divider-text-wrap{display:flex;justify-content:center;align-items:center;}.elementor-7760 .elementor-element.elementor-element-07103fe{text-align:center;}.elementor-7760 .elementor-element.elementor-element-07103fe .eael-divider, .elementor-7760 .elementor-element.elementor-element-07103fe .divider-border{border-style:solid;}.elementor-7760 .elementor-element.elementor-element-07103fe .eael-divider.horizontal{border-bottom-width:2px;width:261px;}.elementor-7760 .elementor-element.elementor-element-07103fe .divider-border{border-top-width:2px;}.elementor-7760 .elementor-element.elementor-element-07103fe .divider-text-container{width:261px;}.elementor-7760 .elementor-element.elementor-element-07103fe .divider-border-left .divider-border{border-color:var( --e-global-color-e5436b1 );}.elementor-7760 .elementor-element.elementor-element-07103fe .divider-border-right .divider-border{border-color:var( --e-global-color-e5436b1 );}.elementor-7760 .elementor-element.elementor-element-07103fe .eael-divider-text{color:var( --e-global-color-e5436b1 );font-size:14px;font-weight:600;}.elementor-7760 .elementor-element.elementor-element-07103fe.eael-divider-center .eael-divider-wrap.divider-direction-horizontal .eael-divider-content{margin-left:8px;margin-right:8px;}.elementor-7760 .elementor-element.elementor-element-07103fe.eael-divider-left .eael-divider-wrap.divider-direction-horizontal .eael-divider-content{margin-right:8px;}.elementor-7760 .elementor-element.elementor-element-07103fe.eael-divider-right .eael-divider-wrap.divider-direction-horizontal .eael-divider-content{margin-left:8px;}.elementor-7760 .elementor-element.elementor-element-07103fe.eael-divider-center .eael-divider-wrap.divider-direction-vertical .eael-divider-content{margin-top:8px;margin-bottom:8px;}.elementor-7760 .elementor-element.elementor-element-07103fe.eael-divider-left .eael-divider-wrap.divider-direction-vertical .eael-divider-content{margin-bottom:8px;}.elementor-7760 .elementor-element.elementor-element-07103fe.eael-divider-right .eael-divider-wrap.divider-direction-vertical .eael-divider-content{margin-top:8px;}.elementor-7760 .elementor-element.elementor-element-45553e8{text-align:center;}.elementor-7760 .elementor-element.elementor-element-45553e8 .elementor-heading-title{font-size:40px;}.elementor-7760 .elementor-element.elementor-element-418da7b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;overflow:visible;}.elementor-7760 .elementor-element.elementor-element-4b4a15a > .elementor-widget-container{margin:0px 0px 30px 0px;}.elementor-7760 .elementor-element.elementor-element-4b4a15a .cspt-ele-header-area{text-align:center;}@media(max-width:767px){.elementor-7760 .elementor-element.elementor-element-faf99ac{--min-height:218px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7760 .elementor-element.elementor-element-64cf838{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-7760 .elementor-element.elementor-element-85e849f .elementor-heading-title{font-size:30px;}.elementor-7760 .elementor-element.elementor-element-45553e8{text-align:center;}.elementor-7760 .elementor-element.elementor-element-45553e8 .elementor-heading-title{font-size:30px;line-height:1.3em;}.elementor-7760 .elementor-element.elementor-element-418da7b{--margin-top:0px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-7760 .elementor-element.elementor-element-4b4a15a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 10px 0px 10px;}}/* Start custom CSS for container, class: .elementor-element-faf99ac */.elementor-7760 .elementor-element.elementor-element-faf99ac {
  width: 100vw;
  max-width: 100vw;
  margin-left: -50vw;
  left: 50%;
  position: relative;
}/* End custom CSS */
/* Start custom CSS for cspt_service_element, class: .elementor-element-4b4a15a *//* =======================
   POSTS WRAPPER (GRID FIX)
======================= */
.cspt-element-posts-wrapper {
    display: flex;
    flex-wrap: wrap;
    position: static !important;
    height: auto !important;
   /* 🔥 space above cards */
}

/* EACH CARD COLUMN */
.cspt-element-posts-wrapper .cspt-ele {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 33.33%;
    display: flex;
    padding: 10px;
    box-sizing: border-box;
}

/* TABLET */
@media (max-width: 992px) {
    .cspt-element-posts-wrapper .cspt-ele {
        width: 50%;
    }
}

/* MOBILE */
@media (max-width: 768px) {
    .cspt-element-posts-wrapper .cspt-ele {
        width: 100%;
    }
}

/* =======================
   CARD STRUCTURE
======================= */
.creativesplanet-ele-service,
.creativesplanet-post-item {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
}

/* CONTENT AREA */
.creativesplanet-box-content,
.creativesplanet-box-content-inner {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

/* BUTTON AT BOTTOM */
/*.cspt-service-btn {*/
/*    margin-top: auto;*/
/*}*/

/* IMAGE SAME HEIGHT */
.cspt-featured-wrapper img {
    width: 100%;
    height: 220px;
    object-fit: cover;
}

/* =======================
   FILTER BUTTONS (FINAL FIX)
======================= */
.cspt-sortable-list-ul {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    padding: 0;
    margin: 0;
    list-style: none;
    justify-content: center; /* 🔥 center in desktop */
}

/* 🔥 NEW: HIDE THE "ALL" BUTTON */
.cspt-sortable-list-ul li:first-child {
    display: none !important;
}

/* REMOVE FULL WIDTH ISSUE */
.cspt-sortable-list-ul li {
    flex: 0 0 auto;
}

/* BUTTON STYLE */
.cspt-sortable-link {
    display: inline-block;
    padding: 10px 20px;
    border-radius: 6px;
    background: #f5f5f5;
    text-align: center;
    white-space: nowrap;
    transition: 0.3s ease;
}

/* ACTIVE BUTTON */
.cspt-sortable-link.cspt-selected {
    background: #7dbd2f;
    color: #fff;
}

/* =======================
   MOBILE SPACING FIX
======================= */
@media (max-width: 768px) {
    .cspt-sortable-list-ul {
        margin-top: 40px;
    }
}

/* SMALL MOBILE (STACK BUTTONS) */
@media (max-width: 480px) {
    .cspt-sortable-list-ul li {
        flex: 1 1 100%;
    }

    .cspt-sortable-link {
        width: 100%;
    }
}/* End custom CSS */