/*
Theme Name: Sunspaze
Theme URI: https://wordpress.org/themes/sunspaze/
Author: the WordPress team
Author URI: https://wordpress.org
Description: Sunspaze emphasizes simplicity and adaptability. It offers flexible design options, supported by a variety of patterns for different page types, such as services and landing pages, making it ideal for building personal blogs, professional portfolios, online magazines, or business websites. Its templates cater to various blog styles, from text-focused to image-heavy layouts. Additionally, it supports international typography and diverse color palettes, ensuring accessibility and customization for users worldwide.
Requires at least: 6.7
Tested up to: 6.8
Requires PHP: 7.2
Version: 1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sunspaze
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/
@font-face {
  font-family: 'Instrument Sans';
  font-style: italic;
  font-weight: 400 700;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/instrumentsans/v4/pxitypc9vsFDm051Uf6KVwgkfoSbSnNPooZAN0lInHGpCWNu2ZGRu3k.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Instrument Sans';
  font-style: italic;
  font-weight: 400 700;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/instrumentsans/v4/pxitypc9vsFDm051Uf6KVwgkfoSbSnNPooZAN0lInHGpCWNu15GR.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Instrument Sans';
  font-style: normal;
  font-weight: 400 700;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/instrumentsans/v4/pxiTypc9vsFDm051Uf6KVwgkfoSxQ0GsQv8ToedPibnr0She1YmV.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Instrument Sans';
  font-style: normal;
  font-weight: 400 700;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/instrumentsans/v4/pxiTypc9vsFDm051Uf6KVwgkfoSxQ0GsQv8ToedPibnr0SZe1Q.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
a {
	text-decoration-thickness: 1px !important;
	text-underline-offset: .1em;
}

/* Focus styles */
:where(.wp-site-blocks *:focus) {
	outline-width: 2px;
	outline-style: solid;
}

/* Increase the bottom margin on submenus, so that the outline is visible. */
.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
	margin-bottom: 3px;
}

/* Increase the outline offset on the parent menu items, so that the outline does not touch the text. */
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
	outline-offset: 4px;
}

/* Remove outline offset from the submenus, otherwise the outline is visible outside the submenu container. */
.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	outline-offset: 0;
}

/*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
	text-wrap: pretty;
}

/*
 * Change the position of the more block on the front, by making it a block level element.
 * https://github.com/WordPress/gutenberg/issues/65934
*/
.more-link {
	display: block;
}

body,html,code{
	font-family: "Instrument Sans", sans-serif !important;
}


:root {
    
    --common-unit  : 0.0625rem;
    
  --f-18-16:clamp(1rem, calc(0.9375vw + var(--common-unit)) , 1.125rem);
  --f-90-28:clamp(1.75rem, calc(4.68vw + var(--common-unit)) , 5.625rem);
  --f-44-24:clamp(1.5rem, calc(2.29vw + var(--common-unit)) ,2.75rem);
   --f-24-20:clamp(1.25rem, calc(1.25vw + var(--common-unit)) ,1.5rem);
--f-24-18:clamp(1.25rem, calc(1.25vw + var(--common-unit)) ,1.125rem);
  --f-20-18:clamp(1.125rem, calc(1.04vw + var(--common-unit)) ,1.25rem);
  
  --f-32-20:clamp(1.25rem, calc(1.66vw + var(--common-unit)) ,2rem);
  
  --f-80-28:clamp(1.75rem, calc(4.16vw + var(--common-unit)) ,5rem);
  
   --f-60-50:clamp(3.125rem, calc(3.125vw + var(--common-unit)) ,3.75rem);
  
  --f-100-60:clamp(3.75rem, calc(5.2vw + var(--common-unit)) ,6.25rem);
  
  --line-top:0;
  
  --bg-image:https://sunspazeinfra.com/wp-content/uploads/2025/11/E-commerce.webp;
  
 
  --f-180-45:clamp(2.813rem, calc(9.375vw + var(--common-unit)) ,11.25rem);
  --f-88-44:clamp(2.125rem, calc(4.58vw + var(--common-unit)) ,5.5rem);  
  
  --f-70-24:clamp(1.5rem, calc(3.64vw + var(--common-unit)) ,4.375rem);
  
  
  --f-40-20:clamp(1.25rem, calc(2.08vw + var(--common-unit)) ,2.5rem);
  
  
}

 p{font-weight:400;}

.f-90-28{font-size:var(--f-90-28) !important;}
.f-18-16{font-size:var(--f-18-16) !important;}
.f-44-24{font-size:var(--f-44-24) !important;}
.f-24-20{font-size:var(--f-24-20) !important;}
.f-24-18{font-size:var(--f-24-18) !important;}
.f-20-18{font-size:var(--f-20-18) !important;}
.f-32-20{font-size:var(--f-32-20) !important;}
.f-80-28{font-size:var(--f-80-28) !important;}

.f-60-50{font-size:var(--f-60-50) !important;}


.f-100-60{font-size:var(--f-100-60) !important;}
.f-180-45{font-size:var(--f-180-45) !important;}


.f-88-44{font-size:var(--f-88-44) !important;}


.f-70-24{font-size:var(--f-70-24) !important;}


/*.o-hidden{overflow:hidden !important;}*/

.mx-100{max-width:100% !important;}
.o-hid{overflow:hidden !important;}

.owl-carousel.award-slider .owl-dots button span,.testi-container .owl-carousel.testi-slider .owl-dots button span{    margin: 0 5px;
    width: 37px;
    height: 4px;background: #D9D9D9;}

.owl-carousel.award-slider .owl-dots button,.testi-container .owl-carousel.testi-slider .owl-dots button {outline:none;border:none;}

.owl-carousel.award-slider .owl-dots .owl-dot.active span,.testi-container .owl-carousel.testi-slider .owl-dots .owl-dot.active span{background: #F6921E;}



.owl-carousel.award-slider .owl-dots{ margin-top: 3rem;}



/* ============ TEXT ANIMATION ============ */
.cta-sec a,
.cta-sec button {
  display: flex;
  align-items: center;
  gap: 0;
  text-decoration: none;
  outline: none;
  border: none;
  background: none;
  cursor: pointer;
}

/* LEFT TEXT ANIMATION */
.cta-sec a .left,
.cta-sec button .left {
  position: relative;
  overflow: hidden;
  display: inline-block;
}

.cta-sec a .left .first-one,
.cta-sec button .left .first-one {
  position: absolute;
  bottom: -50px;
  transition: bottom 0.3s ease-in-out;color: #424242;
}

.cta-sec a .left .second-one,
.cta-sec button .left .second-one {
  position: relative;
  bottom: 0;
  transition: bottom 0.3s ease-in-out;color: #424242;
}

.cta-sec a:hover .left .first-one,
.cta-sec button:hover .left .first-one {
  bottom: 0;
}

.cta-sec a:hover .left .second-one,
.cta-sec button:hover .left .second-one {
  bottom: 50px;
}

/* ARROW ANIMATION */
.c-arrow {
  position: relative;
  overflow: hidden;
  width: 24px;
  height: 24px;
}

.c-arrow .arrow-wrap {
  position: relative;
  width: 100%;
  height: 100%;
}

.c-arrow .first-one,
.c-arrow .second-one {
  position: absolute;
  left: 0;
  right: 0;
  transition: bottom 0.3s ease-in-out;
}

.c-arrow .first-one {
  bottom: -50px;
}

.c-arrow .second-one {
  bottom: -8px;
}

.cta-sec a:hover .c-arrow .first-one,
.cta-sec button:hover .c-arrow .first-one {
  bottom: -8px;
}

.cta-sec a:hover .c-arrow .second-one,
.cta-sec button:hover .c-arrow .second-one {
  bottom: 50px;
}

/* Optional rotation (kept same as before) */
.c-arrow svg path {
  transition: transform 0.3s ease-in-out;
  transform-origin: center;
}

.cta-sec a:hover .c-arrow svg path,
.cta-sec button:hover .c-arrow svg path {
  /* transform: rotate(45deg); */
}

/* SPAN STYLING */
.cta-sec a .span,
.cta-sec button .span {
  background: #F6921E;
  border-radius: 50px;
  padding: 15px 25px;
}

.cta-sec a .span .left,
.cta-sec button .span .left {
  display: flex;
}

.cta-sec a .c-arrow,
.cta-sec button .c-arrow {
  background: #F6921E;
  border-radius: 50%;
  padding: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cta-sec a .c-arrow .arrow-wrap,
.cta-sec button .c-arrow .arrow-wrap {
  display: flex;
  align-items: center;
}

.cta-sec a .left span,
.cta-sec button .left span {
  font-weight: 700;
  font-size: var(--f-18-16);
}

/* BANNER VARIATION */
#banner .cta-sec a .span,
#banner .cta-sec button .span,
#banner .cta-sec a .c-arrow,
#banner .cta-sec button .c-arrow {
  backdrop-filter: blur(4px);
  background: transparent;
  border: 1px solid #F6921E;
}

#banner .cta-sec a .left span,
#banner .cta-sec button .left span {
  color: #fff;
}

#banner .c-arrow svg path {
  fill: #fff !important;
}

/* WHITE VARIATION */
.cta-sec a.white .span,
.cta-sec a.white .c-arrow,
.cta-sec button.white .span,
.cta-sec button.white .c-arrow {
  background: #fff;
}



.cta-sec button .c-arrow .second-one {
    bottom: -3px;
}


.cta-sec button:hover .c-arrow .first-one {
    bottom: -3px;
}





#leader .grid-3{gap:2rem !important;}








.owl-carousel.award-slider .owl-item .item figure img{max-width:70% !important;}


.owl-carousel.award-slider .owl-item .item figure{
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 1rem !important
}


.cod-or code{color:#f6921e;}


.head-w-icon{position:relative;font-size:var(--f-18-16);font-weight:700;    padding-left: 20px;
    display: flex;
    align-items: center;}
.head-w-icon::before{    content: "";
    height: 20px;
    width: 20px;
    background: linear-gradient(90deg, transparent 0%, transparent 50%, #f6921e 51%, #f6921e 100%);
    border-radius: 0 200% 200% 0;
    transform: translateX(-10px);
    position: absolute;left: 0;}


.d-flex{display:flex;}



footer .cred-inline{    display: flex;
    align-items: center;
    gap: 10px;}






.video-overlay {
    z-index: 1;
    display: flex
;    
    justify-content: center;
    align-items: center;
    padding: 0;
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
padding: 5%;background: #000000A6;

}



.video-overlay .content{
    margin-left: unset !important;
    margin-right: unset !important;
    max-width: 1280px;
    width: 100%;}




.video-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    overflow: hidden;    margin: 0;
}
.bg-video {
    width: 100%;
    height: 100%;
    object-fit: cover;opacity:1;
}


#banner{    position: relative;
    width: 100%;
    min-height: 100vh;
    overflow: hidden;display: flex
;
    align-items: center;
    justify-content: center;
}


header{position: fixed;
    top: 0;
    z-index: 9999;
    width: 100%;
    transition: 0.5s all ease-in-out;}


.relative{position:relative;}
.min-h100{min-height:100vh;}



#h-about .r-ele{    position: absolute;
    right: 0;
    bottom: 0;
    max-width: 40vw;}

.z-1{z-index:1;}

footer{margin:0px;}

.w-100{width:100%;}



.head-w-icon.white::before {background: linear-gradient(90deg, transparent 0%, transparent 50%, #fbfbfb 51%, #f9f9f9 100%);}

.grid-3{display: grid !important;
    grid-template-columns: 1fr 1fr 1fr;
      gap: 4rem 6rem;
    padding-top: 2rem;}


#h-infra{    background-attachment: fixed;}

.l-btn a,.resource-listing .l-btn{display:flex;gap:0.15rem;}

a{outline:none;}

.sticky-sec{position: sticky;
    top: calc(var(--header-height) + 3rem);}



.resource-listing .thumb img{    aspect-ratio: 627 / 388;}



.resource-listing .d-flex{    position: absolute;
    top: 0;
    background: #fff;
    right: 20px;
    border-radius: 4px;}

.cat-sec p,.cat-sec time,.cat-sec a{color:#1c1c1c !important;position:relative;text-decoration:unset !important;}

.cat-sec p::after, .cat-sec time::after {
    content: "";
    width: 1px;
    height: 100%;
    background-color: #bebebe;
    position: absolute;
    right: -10px;
}



.resource-listing .cat-sec{padding: 10px 15px;}
#h-contact{overflow:hidden;}
#h-contact .r-ele{position: absolute;
    right: -7%;
    top: 0;    max-width: 50%;
    height: 100%;}
#h-contact .r-ele img{height:100%;}




header .inn-header{ transition: 0.8s all ease-in-out;}

body.bg header .inn-header,.page-id-1154 header .inn-header,.error404 header .inn-header,body.page-id-1188 header .inn-header,body.page-id-1207 header .inn-header,body.search header .inn-header{
    box-shadow: 0px 2px 10px 0px #4F4F4F1A;
    border: 0.5px solid #C8C8C8;
    background: #fff;
    border-radius: 8px;
    margin-top: 2rem;}
header .inn-header .s-logo{transition: 0.5s all ease-in-out;}
body.bg header .inn-header .s-logo,.page-id-1154 header .inn-header .s-logo,.error404 header .inn-header .s-logo,body.page-id-1188 header .inn-header .s-logo,body.search header .inn-header .s-logo,body.page-id-1207 header .inn-header .s-logo{max-width: 67px; height: auto}


body.bg header .s-logo .path-fill path,.page-id-1154 header .s-logo .path-fill path,.error404 header .s-logo .path-fill path,body.page-id-1188 header .s-logo .path-fill path,body.search header .s-logo .path-fill path,body.page-id-1207 header .s-logo .path-fill path{fill:#424242 !important;}


body.bg header .search-icon path,.page-id-1154 header .search-icon path,.error404 header .search-icon path,body.page-id-1188 header .search-icon path,body.search header .search-icon path,body.page-id-1207 header .search-icon path{fill:#424242 !important;}
body.bg header .menu-icon path,.page-id-1154 header .menu-icon path,.error404 header .menu-icon path,body.page-id-1188 header .menu-icon path,body.search header .menu-icon path,body.page-id-1207 header .menu-icon path{fill:#F6921E !important;}
body.bg header .menu-icon circle,.page-id-1154 header .menu-icon circle,.error404 header .menu-icon circle,body.page-id-1188 header .menu-icon circle,body.search header .menu-icon circle,body.page-id-1207 header .menu-icon circle{stroke:#F6921E !important;}

.desktop{display:block !important;}
 .mobile{display:none !important;}
 
 .warehouse-owl-slider .owl-item .content-right{transform: translateX(100vw);
    transition: 0.8s all linear;opacity:0;}
 .warehouse-owl-slider .owl-item.active .content-right{transform: translateX(0vw);opacity:1;}
 
 
 
#ser .sticky-sec {
    top: calc(var(--header-height) + 1rem);
}
 
 
#ser .ser-ul{    list-style: none;
    gap: 1rem;
    display: flex;
    flex-direction: column;}
 
 #ser .ser-ul li{display:flex;gap:0.5rem;}
 
 #ser .ser-ul li a{
 display: flex;
    gap: 0.5rem;
    text-decoration: none;
 }
 
 
 
#ser .m-item{transition:0.3s all ease-in-out;} 
#ser .m-item.active, #ser .m-item.active a{color: var(--wp--preset--color--orange);font-weight:700 !important;}
 
 
#process .num-round{    display: flex;
    flex-direction: column;
    width: 50px;
    height: 50px;
    align-items: center;
    justify-content: center} 
 
.f-24{font-size:24px !important;}
 
 
 .line-sec::before{    content: "";
    background: #F0F0F0;
    width: 4px;
    display: flex;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 0;z-index:0;}
 
.line-sec::after{content:"";   position: absolute;
    left: 50%;    z-index: 1;
    width: 4px;
    top: 0;background: linear-gradient(180deg, rgba(246, 146, 30, 0) 0%, #F6921E 100%);z-index:1;height:350px;
      top: var(--line-top, 0);
  transition: top 0.1s linear;
} 



#lineSec{overflow:hidden;}


.min-w85{min-width:85px !important;}
 



.testi-container .quote-img{position: absolute;left: 0;top: 3rem;}
.testi-container .item{padding-left:80px !important;}

.ser-related ul li:nth-child(1) .b-item{border-left:unset !important;}

#lineSec {
        gap: 2rem !important;
        display: flex;
        flex-direction: column;
        padding-top: 2rem !important;
    }



html {
  scroll-behavior: smooth;        
    scroll-padding-top: calc(var(--header-height) + 2rem);      
}


#ind .sticky-sec,#infra .sticky-sec { top: calc(var(--header-height));}

.p-r-z{position:relative;z-index:-1;}


.img-col {
  position: relative;
  overflow: hidden;
}

/* All .img-sec are absolute and centered */
.img-sec {
  position: absolute;
  top: 0%;
  left: 50%;
  transform: translate(-50%, 0%) scale(0);
  opacity: 0;
  transition: transform 1.5s ease, opacity 1.5s ease;
  width: 100%;
  /*height: 100%;*/
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  z-index: 0;
}

.img-sec img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* When active: scale up and show */
.img-sec.active {
  transform: translate(-50%, 0%) scale(1);
  opacity: 1;
  /*z-index: 2;*/
}




.just-cen{justify-content: center !important;}


#ind .item-cont {
    min-height: 85vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#ind .sticky-sec.fix{top: calc(var(--header-height) + 75px);}



.m-item a,.i-item a{text-decoration:none !important;transition:0.3s all linear;}

.m-item.active a,.i-item.active a{color: var(--wp--preset--color--orange) !important;}


.marque-container {
  overflow: hidden;
  width: 100%;
  position: relative;
}

.marquee-track {
  display: flex;
  gap: 2rem;    
  width: max-content;
  animation: marquee 25s linear infinite;width: 100%;
}

.marquee-track:hover {
  animation-play-state: paused;
}

.mar-item {
  flex: 0 0 calc(100% / 8 - 2rem); /* 8 visible items */
}

.mar-item img {
  width: 100%;
  height: auto;
  display: block;
}

@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}



.inf-menu {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr);
  justify-items: center;
  row-gap: 1.2rem; /* space between rows */
}

.inf-menu .i-item {
  text-align: center;
}


.inf-menu .i-item:nth-child(5),
.inf-menu .i-item:nth-child(6) {
  grid-column: span 1;
}

.inf-menu .i-item:nth-child(5) {
  grid-column: span 4; /* place under 2nd column */
}
.inf-menu .i-item:nth-child(6) {
  grid-column: 3; 
}


.inf-menu .i-item a{text-decoration:none !important;}





#ind .sticky-sec,#infra .sticky-sec{z-index:10;}


   .horizontal-scroll-section {
           
            min-height: 100vh;
            display: flex;
            align-items: center;
            overflow: hidden;
            position: sticky;
            top: 0;
            z-index: 10;    display: flex;
    align-items: center;
    justify-content: center;
        }

        .spacer {
            height: 300vh;
            position: relative;    background-attachment: fixed !important;
        }

        .scroll-container {
            display: flex;
            gap: 30px;
            padding: 40px;
            transition: transform 0.3s ease-out;
            will-change: transform;    padding-left: 0;
        }

        .scroll-item {
            min-width: 400px;

            padding: 40px 30px;
            display: flex;
            flex-direction: column;
            gap: 10px;
            transition: transform 0.3s ease;
        }

       


        .section-title {
            font-size: 48px;
            font-weight: bold;
            text-align: center;
        }

        .scroll-indicator {
            position: absolute;
            bottom: 30px;
            left: 50%;
            transform: translateX(-50%);
            color: rgba(255, 255, 255, 0.8);
            font-size: 14px;
            animation: bounce 2s infinite;
        }

        @keyframes bounce {
            0%, 100% {
                transform: translateX(-50%) translateY(0);
            }
            50% {
                transform: translateX(-50%) translateY(-10px);
            }
        }

#spacer{padding-left:0px !important;padding-right:0px !important;}



.scroll-container::before {
      content: "";
      position: absolute;
      top: 70px;
      left: 0;
      right: 0;
      height: 3px;
      background:transparent;
      z-index: 1;
    }

    /* --- Animated white line --- */
    .scroll-line {
      position: absolute;
      top: 70px;
      left: 0;
      height: 3px;
      background: #fff;
      width: 0;
      opacity: 0;
      border-radius: 10px;
      z-index: 2;
      transition: width 0.2s ease-out, opacity 0.3s ease;
    }

    /* --- Circles on the line --- */
    .circle {
      position: absolute;
      top: 62px;
      width: 20px;
      height: 20px;
      background: rgba(255, 255, 255, 0.2);
      border: 3px solid #fff;
      border-radius: 50%;
      transform: translateX(-50%) scale(0.8);
      opacity: 0;
      z-index: 3;
      transition: all 0.4s ease;background: #ff8c00;
    }

    .scroll-item.active .circle{
         opacity: 1;
    }



#scrollContainer .scroll-item:nth-child(1){padding-left:0px !important;}

.scroll-container .num-sec{    display: flex;
    align-items: center;
    justify-content: flex-start;}
.scroll-container .num-sec p{height: 25px;
    width: 25px;
    align-items: center;
    line-height: 1;
    display: flex;
    gap: 0;
    justify-content: center;
}

.cert-slider .owl-item .item{transform: scale(0.5) translateX(-290px);margin: 10px;    background: #fff;}

.cert-slider .owl-item.active .item{box-shadow: 0px 2px 4px 0px #00000040;border-radius:12px;transition:0.75s all linear;transform: scale(1);}
.cert-slider .owl-item .item .content{opacity:0;transition:0.5s all ease-in-out;}
.cert-slider .owl-item.active .item .content{opacity:1;}



.cert-slider{max-width:65% !important;}
.cert-slider .owl-stage-outer{overflow:visible !important;}


#certificate .slide-count{    margin: 0;
    position: absolute;
    bottom: 0;
    left: 20px;}

#certificate .slide-count span,#certificate .slide-count{color: #C5C5C5;font-size:44px;}

#certificate .slide-count #current{color: #424242;}
#certificate .custom-nav{position: absolute;right: 0;bottom: -80px;}
#certificate .custom-nav button{
    outline: none;
    border: none;
    background: transparent;cursor:pointer;}

.inline-img{    display: flex;
    align-items: center;
    gap: 15px;
}

.inline-img a{text-decoration:none !important;}

.al-strt{align-items: flex-start;}

.d-flex{display:flex;}



.h-height{padding-top: calc(var(--header-height) + 5rem) !important;}


#search-container .wp-block-search__inside-wrapper{border:none !important;border-bottom:1px solid #fff !important;    align-items: center;}

#search-container .wp-block-search__inside-wrapper input,#search-container .wp-block-search__inside-wrapper input::placeholder{
    background: transparent;
    color: #fff;
    font-size: var(--f-70-24);
    font-weight: 300;    padding-left: 0;    border-radius: 0;}


#search-container .wp-block-search__button{    background: transparent;
    padding: 0;
    margin: 0;
    background-image: url(https://sunspazeinfra.com/wp-content/uploads/2025/11/up-right-arrow-2.png);
    height: 32px;
    width: 32px;
    display: block;
    background-size: cover;}

#search-container .wp-block-search__button svg{display:none;}

#search-container{
position: fixed;
    top: 0;
    width: 100%;
    min-height: 85vh;
    z-index: 9999;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    padding: 5%;
    box-sizing: border-box;transform: translateY(-100vh);
    transition: 0.3s all 
linear;}

#search-container .inner-search{    min-height: 70vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;padding: 0;}

#search-container .close-icon{    position: absolute;
    top: 0;
    right: 0;cursor:pointer;}


#search-container .close-icon{max-width:30px;}



#search-container.open{transform: translateY(0vh)}


.search-icon{cursor:pointer;}


#search-container input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  appearance: none;
}



body.search #search-container {
    position: relative;min-height:unset;    transform: unset;z-index:1 !important;}

body.search #search-container .inner-search {
    min-height: 40vh;}

body.search header .search-icon,body.search #search-container .close-icon{display:none !important;}



body.search footer #search-container{display:none !important;}


.img-404 img{max-width: 70%;}

.menu{position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
    top: 0rem;
    backdrop-filter: blur(60px);    transition: 0.8s all 
ease-in-out;
    transform: translateX(200vw);}

.menu.open{ transform: translateX(0vw);}


.menu .menu-container{height:calc(100vh);max-height: calc(100vh);overflow-y:scroll;
    box-sizing: border-box;scrollbar-width: none;
  -ms-overflow-style: none; background-image: url(https://sunspazeinfra.com/wp-content/uploads/2025/11/Layer_1-5.png);
    background-size: cover;
}

.menu .menu-container::-webkit-scrollbar {
  display: none;
}

.menu .menu-container .wp-block-navigation-item__label{font-size:var(--f-32-20) !important;}
.menu .menu-container ul li a,.menu .menu-container ul li a:hover,.menu .menu-container .menu-blw a,.menu .menu-container .menu-blw a:hover{text-decoration:none !important;outline:none !important;border:none !important;}
.menu .menu-container li.current-menu-item span{color:#F37021 !important;}

.menu .menu-container ul li a{font-size:var(--f-32-20);color:#ffffff40 !important;}


.menu .menu-container ul li a:hover,.menu .menu-container .menu-blw a:hover,.menu .menu-container .current-menu-item a{
    color: #F6921E !important;
    transition: 0.3s all 
linear;
}





.menu .menu-container ul li ul li .wp-block-navigation-item__label{font-size:var(--f-28-18) !important;}

.menu .menu-container ul li.open-on-hover-click{display: flex; flex-direction: column;align-items: flex-start;padding-right: 40px;    outline: none;}
.menu .menu-container ul li.open-on-hover-click button{
    position: absolute;
    right: 0;
    width: 30px;
    height: 20px;
    top: 18px;outline:none;border:none;
}




.menu .menu-container ul li.open-on-hover-click .wp-block-navigation__submenu-container{position:relative;background: transparent;}
.menu .menu-container .wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content {
    padding-top: 15px;
    padding-bottom: 0;
}




/* Smooth transition for WordPress navigation submenu */
.wp-block-navigation__submenu-container {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  visibility: hidden;
  transform: translateY(-10px);
  transition: all 0.4s ease;
}

/* When menu is open (WordPress adds this class dynamically) */
.wp-block-navigation-item.has-child.open-on-hover-click[aria-expanded="true"] > .wp-block-navigation__submenu-container,
.wp-block-navigation-item.has-child.open-on-hover-click:hover > .wp-block-navigation__submenu-container,
.wp-block-navigation-item.has-child.open-on-hover-click:focus-within > .wp-block-navigation__submenu-container,
.wp-block-navigation-item.has-child.open-on-hover-click.is-menu-open > .wp-block-navigation__submenu-container {
  max-height: 500px; /* adjust as needed */
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}



.menu .menu-container ul li.has-child ul li a{font-size:20px !important;}
.menu .menu-container ul li.has-child ul{border:none;outline:none;}


.menu .menu-container ul li.has-child svg path{stroke:#ffffff40 !important;}
.menu .menu-container ul li.has-child:hover svg path{stroke:#ffffff !important;}
.menu .menu-container ul li.has-child:hover a span{color:#fff !important;}
.menu .menu-container ul li.has-child:hover ul li a span{color:#ffffff40 !important;}


.menu .menu-container ul li.has-child ul li:hover a span{
    color: #F6921E !important;}


.menu .menu-container .wp-block-navigation .has-child .wp-block-navigation__submenu-container {transition: all .5s linear !important;}

.menu .menu-container .menu-blw{gap: 0.75rem;display: flex;flex-direction: column;}






.menu-icon,.c-icon{cursor:pointer;}





#wp-block-search__input-1:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px transparent inset !important;
  -webkit-text-fill-color: inherit !important;
  transition: background-color 5000s ease-in-out 0s;
}

#wp-block-search__input-1:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px transparent inset !important;
  -webkit-text-fill-color: inherit !important;
}






.contact-form .error-message{font-size: 14px;
    color: red;
    padding-top: 8px;}


.hide{
	display:none !important;
}

.counter-box{min-width: 33.33% !important;}

.txt-dec-none a{text-decoration:none !important;}



.p-r-1{    position: relative;
    z-index: 1;}



@media (max-width: 768px) {
  .mar-item {
    flex: 0 0 calc(100% / 3 - 1rem);
  }

  .marquee-track {
    gap: 1rem;
    animation-duration: 18s;
  }
	.m-hide{
	display:none !important;
}

}



@media screen and (max-width: 768px) {
    
    
    
html {
  scroll-behavior: smooth;        
    scroll-padding-top:var(--header-height);      
}
    
    
    header .inn-header{padding-left:0px !important;padding-right:0px !important;}
    
    header .inn-header .s-logo{max-width:45px;height:auto;}
    #banner{min-height:430px;}
    #banner .content .wp-block-group {margin-top:3px !important;}
    .cta-sec a .c-arrow, .cta-sec button .c-arrow{padding:12px;}
    .cta-sec a .span, .cta-sec button .span{padding:12px 25px;}
    .min-h100 {min-height: unset;}
    #h-about .r-ele {
    position: relative;
    right: 0;
    bottom: 0;
    max-width: unset;
    margin: 0;
    height: unset;        border-left: 1px solid #dbdbdb;}
    
    
    #h-about .min-h100{padding-bottom: 2rem !important;}
    #h-service .wp-container-core-group-is-layout-ad6ebff7,#h-industry .wp-container-core-group-is-layout-ad6ebff7,#h-resource .wp-container-core-group-is-layout-ad6ebff7,#h-career .wp-container-core-group-is-layout-ad6ebff7,#h-why .wp-container-core-group-is-layout-ad6ebff7,#h-infra .wp-container-core-group-is-layout-78ade2ee{padding-top:10% !important;        padding-bottom: 3.5rem !important;}
    #h-service .wp-container-core-group-is-layout-630afb0a,#h-industry .wp-container-core-group-is-layout-630afb0a,#h-resource .wp-container-core-group-is-layout-630afb0a{    padding-left: 10px !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;}
    
    #h-why .grid-3{display: grid !important;grid-template-columns: 1fr;gap: 3rem;}
    
    #h-infra .wp-container-core-columns-is-layout-28f84493 {width:100% !important;}
    
    
    #h-infra .item{padding:1rem !important;}
    

     #h-infra .owl-prev{background-image:url('https://sunspazeinfra.com/wp-content/uploads/2025/10/Group-1000006877.png');        display: flex;
        height: 30px;outline:none;
        width: 30px;
        background-size: cover;}
      #h-infra .owl-next{background-image:url('https://sunspazeinfra.com/wp-content/uploads/2025/10/Frame-221.png');        display: flex;
        height: 30px;
        width: 30px;outline:none;
        background-size: cover;}
    
    #h-infra .owl-prev span,#h-infra .owl-next span{opacity:0;}
    
    #h-infra .owl-nav{    display: flex;padding-top: 1rem;justify-content: center;}
     #h-infra .item figure img{
        aspect-ratio: 458 / 280;}
    

    #h-contact .r-ele {
    position: relative;
    right: 0;
    top: 0;
    max-width: unset;
    height: 100%;
    left: -7%;
    width: calc(100% + 14%);
}
    
    
    
    
    #h-contact .w-100 .wp-block-column:nth-child(1){padding-top:10% !important;}
    
    #h-contact .form-row{flex-direction:column;}
    #h-contact .form-row .form-group{
        margin-bottom: 0px;}
    
     #h-contact .contact-form{gap: 20px;
    display: flex;
    flex-direction: column}
    .form-group.full-width{width:100%;}
    
    
    footer .wp-container-core-group-is-layout-e1744af9{border-bottom:unset !important;border-right:unset !important;padding: 10% 15px 6% 15px !important;}
    footer .wp-container-core-columns-is-layout-35b47e0a{display: grid !important;grid-template-columns: 1fr 1fr;}
    footer .wp-container-core-columns-is-layout-54b5f3e1{gap:0px !important}
    
    .newsletter form {border-radius: 25px; padding: 5px 5px 5px 5px;}
    
    .newsletter .form-group { margin-bottom: 0;}
    
    .newsletter .form-group input{padding-left: 15px;
    width: 100%;
    box-sizing: border-box;}
    
    footer .wp-container-core-group-is-layout-cb46ffcb{    display: flex;
    flex-direction: column;
    justify-content: center;}
    
    footer .cred-inline {flex-direction: column;}
    
    
    body.bg header .inn-header,.page-id-1154 header .inn-header,.error404 header .inn-header,body.page-id-1188 header .inn-header,body.page-id-1207 header .inn-header,body.search header .inn-header{margin-top:0.75rem;padding: 10px 10px !important;}
    
    body.bg header .inn-header .s-logo,.page-id-1154 header .inn-header .s-logo,.error404 header .inn-header .s-logo,body.page-id-1188 header .inn-header .s-logo,body.search header .inn-header .s-logo,body.page-id-1207 header .inn-header .s-logo{
    max-width: 45px;}
    
    
    body header .inn-header .search-icon{max-width:24px !important;height:auto;}
    body header .inn-header .menu-icon{max-width:28px !important;height:auto;}
    
    body header .inn-header .wp-container-core-group-is-layout-e9ca2c11{gap:0.75rem !important;}
    
    .desktop{display:none !important;}
     .mobile{display:block !important;}
    
    
    .b2b-container{flex-direction:column;gap:0px !important;}
    
    .b2b-right{    padding: 20px 10px 0px 10px;}
    
    #h-industry .learn-more{margin-bottom:0px !important;}
    .b2b-section{padding:20px 0px 0px 0px;}
    
    
    
    .b2b-section{position:relative;        position: relative;
        flex-direction: column;
        gap: 1.5rem;}
        
    .b2b-dropdown.mobile{    outline: none;
    background: #424242;
    padding: 15px 10px;
    color: #fff;
    font-weight: 700;
    font-size: 1.125rem;
    left: -7%;
    position: relative;
    width: calc(100% + 13%);
    font-family: 'Instrument Sans';        background-image: url(https://sunspazeinfra.com/wp-content/uploads/2025/10/fi_2223615.png);
        background-repeat: no-repeat;
        background-position: 95% 50%;
}    
        
    #h-industry    
        
       .b2b-dropdown {
  -webkit-appearance: none; /* Safari & Chrome */
  -moz-appearance: none;    /* Firefox */
  appearance: none;         /* Modern browsers */
 
  cursor: pointer;
} 
        
.mob-brightnone{border-right:unset !important;}       
        
        
   #h-infra .owl-next,#h-infra .owl-prev{height:40px;width:40px;}     
        
  .slider-nav-custom img{width:40px !important;height:auto;}      
        
        
    .inner-banner{min-height:400px !important;}    
    
    
    .mob-pt10,#ser-detail{padding-top:10% !important;padding-bottom:10% !important;}
     
      #ser-detail.mob-p0{padding-top:0% !important;padding-bottom: 0% !important;}   
      #ser-detail .mob-pb5{padding-bottom: 10% !important;}  
        
    #overview .counter{display: flex;
    flex-direction: column;
    gap: 0;}
    
    
    
    #overview .counter .counter-box {
    padding: 1rem !important;
    border-right: unset !important;
}
    
        
.mob-col-rev{    flex-direction: column-reverse !important;gap: 0;}        



#leader .grid-3 {
    grid-template-columns: 1fr;
}


#ser .ser-item{padding-left:0px !important;padding-top:2rem !important;        padding-bottom: 2rem !important;}

.breadcrumb{display:none !important;}

#ser{overflow:hidden;}

.ser-select{       background-color: #F6921E !important;
        border: none;
        padding: 15px 20px;
        width: calc(100% + 10% + 30px);
        margin-left: calc(-5% - 25px);
        display: flex;
        box-sizing: border-box;
        position: sticky;
        font-size: 18px;
        color: #0B2033;
        background-image: url(https://sunspazeinfra.com/wp-content/uploads/2025/10/fi_2985150-3.png) !important;
        background-repeat: no-repeat !important;
        background-position: 95% 50% !important;
    }



#ind .mobile-select,#infra .mobile-select{
        background-color: #F6921E !important;
        border: none;
        padding: 15px 20px;
        width: calc(100% + 10% + 12px);
        margin-left: calc(-5% - 10px);
        display: flex;
        box-sizing: border-box;
        position: sticky;
        font-size: 18px;
        color: #0B2033;
        background-image: url(https://sunspazeinfra.com/wp-content/uploads/2025/10/fi_2985150-3.png) !important;
        background-repeat: no-repeat !important;
        background-position: 95% 50% !important;
    }


#ind .mobile-select,.ser-select,#infra .mobile-select{
  appearance: none;           /* Standard */
  -webkit-appearance: none;   /* Safari / Chrome */
  -moz-appearance: none;      /* Firefox */
  background: none;           /* Remove default background arrow */
  background-image: none;     /* Extra safe */
}

/* Optional: remove extra spacing and add your own custom arrow or icon */
.ser-select::-ms-expand {
  display: none; /* Remove arrow in Internet Explorer */
}




#why-sunspaze .grid-3 {grid-template-columns: 1fr; gap: 2rem 6rem;}

.mob-bg-none{background-image:unset !important;}


.line-sec::before,.line-sec::after{display:none !important;}


#lineSec .mob-l-align .wp-block-group{justify-content: flex-start !important;}
#lineSec .mob-l-align h2,#lineSec .mob-l-align p{justify-content: flex-start !important;text-align: left !important;}

#lineSec .mob-l-align .wp-block-group .num-round{
    justify-content: center  !important;}

#lineSec .wp-block-columns{gap:0px !important;}


.testi-container{padding-top:1rem !important;}
.testi-container .quote-img {
    position: relative;
    left: 0;
    top: 0;
}

.testi-container .quote-img img{max-width:56px !important;height:auto;}

.testi-container .item {
    padding-left: 20px !important;
    padding-top: 0px !important;
}
.testi-container .item p{margin-top:0px !important;}
.testi-container .item .testi-data p{margin-top:8px !important;        line-height: 1.2;}




.ser-related ul li .b-item {
    border: unset !important;}


#ind .item-cont {
    min-height: unset;        padding-top: 2.25rem !important;}

#ind .sticky-sec {
    top: calc(var(--header-height) + 1rem);
}

 
 
.anim-sec .wp-block-column figure.mobile{margin-top:10px !important;} 
 
.inf-menu {display:none !important;}
    
    
    
.scroll-line,.scroll-line::before,.scroll-line::after{display:none;}    
 
 
 
.scroll-item {
    min-width: unset;            margin: 0;    padding: 0px 20px;} 

.spacer {
    height: unset;} 
        
.scroll-container{flex-direction: column;
    padding-top: 1.5rem;        gap: 15px;
    margin: 0;}


.spacer  .circle{display:none !important;}

.horizontal-scroll-section{
    padding-left: 20px !important;
    position: relative;}

.cert-slider{max-width:100% !important;}


.cert-slider .owl-item.active .item{border-radius:5px;}

.mob-pb70{padding-bottom:70px !important;}
#certificate .custom-nav{bottom:0px;}

#certificate .custom-nav button img{max-width:45px;}


#thankyou-container .t-pad,#404-container{padding-top: calc(var(--header-height)) !important;
        padding-bottom: 50px !important;}

.mob-pl0{padding-left:0px !important;}


.img-404{max-width: 70%;}


.search-item{padding-bottom:2rem !important;        padding-top: 0.8rem !important;}



.menu .menu-container {max-height: 100vh;height:100vh;
        border-radius: 0px !important;
        min-width: 100% !important;
        padding: 5% !important;
        overflow-y: scroll;}

.menu{    padding-top: 0 !important;
    padding-bottom: 0 !important;}

.menu .menu-container ul li.open-on-hover-click button {top:4px;}

.menu .wp-container-core-group-is-layout-17124a9a,.search-container .wp-container-core-group-is-layout-17124a9a{
        justify-content: end;}
        
        
.search-container .cta-btn .banner-btn {min-width:unset !important;}
.search-container .l-ele,.search-container .r-ele{display:none;}        
.search-container .inner-s-content{padding:0px !important;}        

.menu .close-icon .banner-btn {
    min-width: unset !important;
}

.menu .menu-container ul li ul li .wp-block-navigation-item__label {
    font-size: 18px !important;
}


.c-icon img{max-width:35px;}


.menu .menu-container .men-icons figure{    max-width: 30px !important;}



    
}