@media only screen and (max-width: 1699.98px) {
    .home-projects-section {padding-bottom: 35.8%;}
}

@media only screen and (max-width: 1399.98px) {
    :root {
        --color-white: #FFFFFF;
        --color-black: #000000;
        --color-black-B: #001E2B;
        --color-black-C: #374151;
        --color-black-D: #737373;
        --color-black-E: #736B4F;
        --color-yellow: #EFB709;
        --color-yellow-fade: #FEFCF5;
    
        --primary-font: "Spline Sans", serif;
        --secondary-font: "Space Grotesk", serif;
    
        --transition: all 0.3s ease;
    }

    /* * {outline: 1px solid black;} */

    .site-header-nav {gap: 4rem;}

    .site-header-nav ul {gap: 4rem;}

    .home-about-section {max-height: 77.1rem;}

    .about-overlay {max-height: 77.1rem;}

    .about-overlay-figure {height: 77.1rem;}

    .home-about-fig-back {width: 38.5rem;}

    .home-about-fig-back img.image-parallax-common {height: 170%;}

    .product-figure {height: 24.4rem;}

    .footer-bubble-shape {right: 0;}

    .footer-wrapper .z-shape-figure {display: none;}

    .project-details-content.specification-common-bg {padding-top: 3rem;}

    .contact-figure {width: 57.4rem;}

    .home-projects-section {padding-bottom: 48%; overflow-x: clip;}

    .home-projects-slider .swiper-button-next {left: auto; right: calc(100% - 85%);}

    .related-projects-wrapper .swiper-pagination-project {display: none;}

    .product-single-img-slider .swiper-slide {height: 41rem;}

}

@media only screen and (max-width: 1199.98px) {
    :root {
        --color-white: #FFFFFF;
        --color-black: #000000;
        --color-black-B: #001E2B;
        --color-black-C: #374151;
        --color-black-D: #737373;
        --color-black-E: #736B4F;
        --color-yellow: #EFB709;
        --color-yellow-fade: #FEFCF5;
    
        --primary-font: "Spline Sans", serif;
        --secondary-font: "Space Grotesk", serif;
    
        --transition: all 0.3s ease;
    }

    /* * {outline: 1px solid black;} */

    .site-header-nav {gap: 2.5rem;}

    .site-header-nav ul {gap: 2.5rem;}

    .site-header-nav ul li a {font-size: 1.5rem;}

    .home-about-section {max-height: 120rem;}

    .home-about-figure-side {width: 65%; left: 50%; transform: translateX(-50%);}

    .home-about-content-side {width: 100%; padding-top: 5rem;}

    .about-overlay {max-height: 90rem;}

    .about-overlay-figure { width: 100%; height: 90rem;}

    .home-about-fig-back img.image-parallax-common {position: static; height: 100%;}

    .about-overlay-figure img {object-fit: cover;}

    .product-content {padding-right: 2.5rem; padding-bottom: 5.1rem; padding-left: 2.5rem;}

    .product-slider-wrap .swiper-button-next {right: -1rem;} 

    .product-slider-wrap .swiper-button-prev {left: -1rem;}    

    .home-projects-section .z-shape-figure {top: 83.5%;}

    .product-wrapper .swiper-pagination .swiper-pagination-bullet {width:1.5rem; height:1.5rem; background-color:rgb(137 137 137);}

    .product-wrapper .swiper-pagination .swiper-pagination-bullet-active {width:1.5rem; height:1.5rem; background-color:rgb(239, 183, 9);}

    .home-projects-section {padding-bottom: 11.8%;}

    .home-projects-slider {position: relative;}

    .home-projects-wrapper.swiper-initialized .swiper-wrapper.row {margin-left: 0;}

    .home-projects-slider .swiper-button-next {background-color: var(--color-white); width: 5.9rem; height: 5.9rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.07); right: -1rem;}

    .home-projects-slider .swiper-button-next:hover {background-color: var(--color-yellow);}

    .home-projects-slider .swiper-button-next:hover::after {color: var(--color-white);}

    .home-projects-slider .swiper-button-prev {background-color: var(--color-white); width: 5.9rem; height: 5.9rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.07); left: -1rem;}

    .home-projects-slider .swiper-button-prev:hover {background-color: var(--color-yellow);}

    .home-projects-slider .swiper-button-prev:hover::after {color: var(--color-white);}

    .home-projects-slider .swiper-button-next::after {font-size: 1.6rem; font-weight: 900; color: var(--color-black);}

    .home-projects-slider .swiper-button-prev::after {font-size: 1.6rem; font-weight: 900; color: var(--color-black);}

    .home-projects-content-heading {font-size: 2rem; line-height: 2.4rem;}

    .contact-figure-side {display: flex; align-items: center;}

    .contact-figure {width: 100%; height: auto; padding-left: 5rem;}

    .contact-figure img.image-parallax-common {position: static; height: auto;}

    .footer-bubble-shape {right: 0;}

    .footer-wrapper .z-shape-figure {left: 0;}

    .footer-address a {align-items: baseline;}

    .related-projects-wrapper .swiper-pagination-project {text-align: center; padding-top: 5rem;}

    .related-projects-wrapper .swiper-pagination-project .swiper-pagination-bullet {width: 1.5rem; height: 1.5rem; background-color: transparent; border: 0.1rem solid var(--color-black);}

    .related-projects-wrapper .swiper-pagination-project .swiper-pagination-bullet-active {width: 1.5rem; height: 1.5rem; background-color: var(--color-yellow); border: 0.1rem solid var(--color-yellow);}

    .product-heading {font-size: 2rem;}

    .product-single-img-slider .swiper-slide {height: 35.4rem;}

    .pdf-link {gap: 3rem;}

    .related-projects-loop .home-projects-content-heading {font-size: 2.4rem; line-height: 3.4rem;}
    
}

@media only screen and (max-width: 991.98px) {
    :root {
        --color-white: #FFFFFF;
        --color-black: #000000;
        --color-black-B: #001E2B;
        --color-black-C: #374151;
        --color-black-D: #737373;
        --color-black-E: #736B4F;
        --color-yellow: #EFB709;
        --color-yellow-fade: #FEFCF5;
    
        --primary-font: "Spline Sans", serif;
        --secondary-font: "Space Grotesk", serif;
    
        --transition: all 0.3s ease;
    }

    .mobile-site-navbar {display: block;}

    body.logged-in .site-header { top: 0; }

    .site-header.stick .header-search button span {color: var(--color-yellow);}

    .site-header.no-banner .header-search button span {color: var(--color-yellow);}

    .header-search {display: flex; align-items: center; background-color: rgb(12, 11, 6); border-radius: 0.4rem;}

    .search-wrapper input[type="search"] {width: 100%;}

    .offcanvas-header button {font-size: 1rem; width: 0.5em; height: 0.5em;}

    .mobilemenu_icon {display: flex; align-items: center; justify-content: center; flex-direction: column; width: 3.1rem; height: 3.1rem; border-radius: 0.4rem; background-color: var(--color-white); padding: 0 0.5rem;}

    .mobilemenu_icon span {display: block; width: 100%; height:2px; border-radius: 0.2rem; background-color: rgb(12, 11, 6); margin-bottom: 0.4rem;}

    .mobilemenu_icon span:last-of-type {margin-bottom: 0;}

    .site-header.stick .mobilemenu_icon {background-color: var(--color-yellow);}

    .site-header.no-banner .mobilemenu_icon {background-color: var(--color-yellow);}

    .mm-wrapper--position-left .mm-slideout, .mm-wrapper--position-right .mm-slideout{transform: none;}

    .mm-menu--position-left, .mm-menu--position-left-front, .mm-menu--position-right, .mm-menu--position-right-front {width: 100%; opacity: 0;}

    body.mm-wrapper--opened  .mm-menu--position-left,  body.mm-wrapper--opened .mm-menu--position-left-front,  body.mm-wrapper--opened .mm-menu--position-right,  body.mm-wrapper--opened .mm-menu--position-right-front{opacity: 1;}

    .mm-wrapper--position-left.mm-wrapper--opened .mm-slideout, .mm-wrapper--position-right.mm-wrapper--opened .mm-slideout{transform: translate3d(-100%, 0, 0);-webkit-transform:translate3d(-100%, 0, 0);}

    .mobile-nav-section {background-image: url(../images/mobile-menu-bg.jpg); background-repeat: no-repeat; background-position: center; background-size: cover;}

    .mm-menu.mm-menu--offcanvas.mm-menu--position-right.mm-menu--theme-light {--mm-color-background:none; --mm-color-border:none; --mm-color-icon:none; --mm-color-text:none; --mm-color-text-dimmed:none; --mm-color-background-highlight:none; --mm-color-background-emphasis:none; --mm-color-focusring:none;}

    .mobile-nav-section .mm-navbars--top .mm-navbar {display: flex; align-items: center; justify-content: space-between; padding: 3rem 2rem;}

    .mobile-nav-section .mm-navbars--top .mm-navbar .mm-navbar__title {padding: 0; justify-content: flex-start; color: var(--color-white); font-family: var(--secondary-font); font-size: 3rem; font-style: normal; font-weight: 600; line-height: 2rem; text-transform: uppercase;}

    .mobile-nav-section .mm-navbars--top .mm-navbar .mm-btn--close {font-size: 3rem; color: rgb(32 26 28); background-color: var(--color-yellow); width: 3.1rem; height: 3.1rem; border-radius: 0.4rem; display: flex; align-items: center; justify-content: center; padding-bottom: 0.2rem;}

    .mobile-nav-section .mm-navbars--top .mm-navbar .mm-btn--close:before {font-size:3rem; color:rgb(32 26 28); background-color:var(--color-yellow); width:3.1rem; height:3.1rem; border-radius:0.4rem; display:flex; align-items:center; justify-content:center; padding-bottom:0.2rem;}

    .mm-listitem {position:relative; padding-right:2.9rem; padding-bottom:4.9rem; margin-left:2.9rem; border-color:transparent;}

    .mm-listitem a {color:var(--color-white) !important; font-family:var(--primary-font); font-size:2rem; font-style:normal; font-weight:500; line-height:1.5rem; letter-spacing:1px; text-transform:uppercase; padding:0 0 1rem 0; position:relative; display:inline-block; flex-basis:fit-content; flex-grow:unset;}

    .mm-listitem.current-menu-item a::after {content:""; position:absolute; bottom:0; left:0; width:80%; height:0.3rem; background-color:var(--color-yellow); border-radius:50px;}

    .mm-listitem.current_page_item a::after {content:""; position:absolute; bottom:0; left:0; width:80%; height:0.3rem; background-color:var(--color-yellow); border-radius:50px;}
    
    .mm-navbars--bottom .mm-navbar .mobile_contact_button {color:var(--color-black) !important; text-align:center; font-family:var(--primary-font); font-size:2rem; font-style:normal; font-weight:500; line-height:1.8rem; letter-spacing:1px; text-transform:uppercase; height:5rem; width:29.9rem; background-color:var(--color-yellow); display:flex; align-items:center; justify-content:center; border-radius:0.4rem; margin:0 3.7rem 2rem; transition:var(--transition);}

    .site-header-nav {justify-content:space-between; gap:0; padding: 1.1rem 0;}
    
    .site-header-logo {width:30%;}

    .site-header-logo a svg {width:100%; height:100%;}

    .site-header-nav .menu-left-list {display:none;}

    .site-header-nav .menu-right-list {display:none;}

    .banner-content {position: absolute; top: 65%; left: 50%; transform: translate(-50%, -50%); text-align:center;}

    .banner-slider-figure {height: 100vh;}

    .banner-heading {font-size:5rem; line-height:5.5rem; text-align:center;}

    .banner-heading-line {right:12rem; width:50%; bottom:-0.5rem;}

    .banner-heading-line svg {width:100%;}

    .banner-text {font-size:1.5rem; line-height:2.2rem;}

    .banner-contact-button {margin-top:2.7rem; display:flex; justify-content:center;}

    .banner-slider-figure img {object-fit:cover;}

    .home-about-section {padding: 6rem 2.3rem 3rem; max-height: unset;}

    .about-overlay {display: none;}

    .home-about-figure-side {width: 90%; left: 53%;}

    .home-about-content-side {padding-top: 5rem;}

    .home-about-content-side .common-heading {text-align: center;}

    .home-about-content-side .short-heading {justify-content: center;}

    .home-about-content-side .common-text p {text-align: center;}

    .home-products-section {padding: 5rem 0 5rem 0;}

    .product-figure {height: 22.4rem;}

    .product-wrapper.swiper-initialized .swiper-wrapper.row {padding-bottom: 5rem;}

    .home-products-section .common-button {margin-top: 2.5rem;}

    .product-wrapper .swiper-pagination .swiper-pagination-bullet {width:0.8rem; height:0.8rem; background-color:rgb(137 137 137);}

    .product-wrapper .swiper-pagination .swiper-pagination-bullet-active {width:0.8rem; height:0.8rem; background-color:rgb(239, 183, 9);}

    .home-projects-section {padding-bottom: 10%;}

    .product-slider-wrap .swiper-button-next {display: none;}

    .product-slider-wrap .swiper-button-prev {display: none;}

    .home-projects-slider .swiper-button-next {background-color: var(--color-white); width: 5.9rem; height: 5.9rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.07); right: -1rem;}

    .home-projects-slider .swiper-button-next:hover {background-color: var(--color-yellow);}

    .home-projects-slider .swiper-button-next:hover::after {color: var(--color-white);}

    .home-projects-slider .swiper-button-prev {background-color: var(--color-white); width: 5.9rem; height: 5.9rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.07); left: -1rem;}

    .home-projects-slider .swiper-button-prev:hover {background-color: var(--color-yellow);}

    .home-projects-slider .swiper-button-prev:hover::after {color: var(--color-white);}

    .home-projects-slider .swiper-button-next::after {font-size: 1.6rem; font-weight: 900; color: var(--color-black);}

    .home-projects-slider .swiper-button-prev::after {font-size: 1.6rem; font-weight: 900; color: var(--color-black);}

    .home-projects-slider {position: relative;}

    .home-projects-wrapper.swiper-initialized .swiper-wrapper.row {margin-left: 0;}

    .home-projects-content {text-align: left; left: 50%; transform: translateX(-50%); width: 100%;}

    section.home-documents-section {padding-top:5rem; padding-right:2.3rem; padding-left:2.3rem; padding-bottom:5rem;}

    .home-documents {height:auto; background-color:var(--color-black);}

    .home-documents-figure {position:relative; height:auto; width:100%;}

    .home-documents-figure::after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:linear-gradient(0deg, #0C0B06 0%, rgba(12, 11, 6, 0.00) 76.48%);}

    .home-documents-content {position:static; transform:none; background:linear-gradient(360deg, rgb(239, 183, 9) 3.3%, rgba(51, 51, 51, 0.00) 58.28%); padding:0 3rem; text-align: center;}

    .home-documents::after {display:none;}

    .home-documents-content .common-text p {padding-bottom:2.7rem; max-width: none;}

    .home-documents-content .cta-repeater {justify-content: center; padding-bottom: 5rem;}

    .home-contact-section {padding-top: 5rem; padding-bottom: 5rem;}

    .contact-figure {padding-left: 0;}

    .contact-form-side {text-align: center;}

    .contact-form-submit input {display: block;}

    .contact-form-submit {display: flex; justify-content: center;}

    .contact-figure {width: 100%; height: auto;}

    .footer-logo {margin-bottom:3rem;}

    .footer-wrapper {flex-direction:column; padding-top:5rem; padding-right:2.3rem; padding-bottom:3rem; padding-left:2.3rem; align-items:center; gap:1rem;}

    .footer-menus ul {font-size:1.3rem; display:flex; justify-content:space-between; gap:2.7rem; margin:0;}

    .footer-menus ul li {padding-bottom:0;}

    .footer-menus ul li a {font-size:1.3rem;}

    .footer-address {gap:1rem; flex-wrap:wrap; flex-direction:row; justify-content:center; width: 40%;}

    .footer-address a {font-size:1.3rem; gap:0.5rem; text-align: center;}

    .footer-address a span {font-size:1.3rem;}

    .footer-copyright {flex-direction:column; text-align:center; gap:1rem;}

    .footer-copyright p {font-size:1.3rem; line-height:1.3rem;}

    .project-details-section {padding-right: 4.3rem; padding-left: 4.3rem;}

    .related-projects-section {padding-right: 2.3rem; padding-left: 2.3rem;}

    .project-details-img-slider .swiper-button-next {right: 4%;}

    .project-details-img-slider .swiper-button-prev {left: 4%;}

    .project-details-content.specification-common-bg {padding-top: 5rem;}

    .related-projects-wrapper .swiper-pagination-project {text-align: center; padding-top: 5rem;}

    .related-projects-wrapper .swiper-pagination-project .swiper-pagination-bullet {width: 1.5rem; height: 1.5rem; background-color: transparent; border: 0.1rem solid var(--color-black);}

    .related-projects-wrapper .swiper-pagination-project .swiper-pagination-bullet-active {width: 1.5rem; height: 1.5rem; background-color: var(--color-yellow); border: 0.1rem solid var(--color-yellow);}

    .product-details-figure-side {width: 100%;}

    .product-details-content-side {width: 100%; padding-top: 5rem;}

    .common-heading .section-heading {font-size: 3.6rem; line-height: 4.6rem;}

    .home-projects-content-heading {line-height: 2.8rem;}

    .specification-common-bg .accordion-header {display: none;}

    .specification-common-bg .collapse:not(.show) {display: block;}

    .pdf-link {grid-template-columns: repeat(2, 1fr); gap: 5rem;}

    .technical-document-list-loop {padding: 1.3rem 2rem; margin-bottom: 2.5rem;}

    .technical-document-heading {font-size: 2rem; line-height: 2.4rem;}

    .technical-document .common-text p {padding-bottom: 1.5rem; font-size: 1.5rem; line-height: 2rem;}

    .technical-document a {font-size: 1.3rem;}

    .thank-you-heading {font-size: 6.4rem;}

    .thank-you-heading-shape {position: absolute; top: 6rem; width: 11.5rem;}

    .thank-you-heading-shape svg {width: 100%; height: auto;}

    .thank-you-heading-wrapper {margin-top: 3.9rem; margin-bottom: 5.6rem;}

    .thank-you-text p {font-size: 2rem; line-height: 3rem;}

    .back-to-home-button {margin-top: 1.5rem;}

    .notfound-section {padding: 5rem 2.3rem;}

    .notfound-top-heading {font-size: 3rem; line-height: 3rem;}

    .notfound-top-heading-wrap {padding-top: 1.5rem;}

    .notfound-figure-wrapper {padding-top: 2rem; padding-bottom: 1.5rem;}

    .notfound-figure {width: 25.3rem; height: 11.5rem;}

    .notfound-figure svg {width: 100%; height: 100%;}

    .notfound-text p:first-child {font-size: 2.2rem; line-height: 3.2rem;}

    .notfound-text p:last-child {font-size: 2rem; line-height: 3rem;}

    .back-to-home-button .back-to-home-link {font-size: 1.3rem; line-height: 1.8rem; width: 13.5rem; height: 3.5rem;}

    .contact-form-side .wpcf7-response-output {margin: 1rem auto 2.5rem auto !important;}
    
} 

@media only screen and (max-width: 767.98px) {
    :root {
        --color-white: #FFFFFF;
        --color-black: #000000;
        --color-black-B: #001E2B;
        --color-black-C: #374151;
        --color-black-D: #737373;
        --color-black-E: #736B4F;
        --color-yellow: #EFB709;
        --color-yellow-fade: #FEFCF5;
    
        --primary-font: "Spline Sans", serif;
        --secondary-font: "Space Grotesk", serif;
    
        --transition: all 0.3s ease;
    }

    .mobile-site-navbar {display: block;}

    body.logged-in .site-header { top: 0; }

    .site-header.stick .header-search button span {color: var(--color-yellow);}

    .site-header.no-banner .header-search button span {color: var(--color-yellow);}

    .header-search {display: flex; align-items: center; background-color: rgb(12, 11, 6); border-radius: 0.4rem;}

    .site-header .offcanvas-top {min-height: 15rem;}

    .search-wrapper input[type="search"] {width: 100%;}

    .offcanvas-header button {font-size: 1rem; width: 0.5em; height: 0.5em;}

    .mobilemenu_icon {display: flex; align-items: center; justify-content: center; flex-direction: column; width: 3.1rem; height: 3.1rem; border-radius: 0.4rem; background-color: var(--color-white); padding: 0 0.5rem;}

    .mobilemenu_icon span {display: block; width: 100%; height:2px; border-radius: 0.2rem; background-color: rgb(12, 11, 6); margin-bottom: 0.4rem;}

    .mobilemenu_icon span:last-of-type {margin-bottom: 0;}

    .site-header.stick .mobilemenu_icon {background-color: var(--color-yellow);}

    .site-header.no-banner .mobilemenu_icon {background-color: var(--color-yellow);}

    .mm-wrapper--position-left .mm-slideout, .mm-wrapper--position-right .mm-slideout{transform: none;}

    .mm-menu--position-left, .mm-menu--position-left-front, .mm-menu--position-right, .mm-menu--position-right-front {width: 100%; opacity: 0;}

    body.mm-wrapper--opened  .mm-menu--position-left,  body.mm-wrapper--opened .mm-menu--position-left-front,  body.mm-wrapper--opened .mm-menu--position-right,  body.mm-wrapper--opened .mm-menu--position-right-front{opacity: 1;}

    .mm-wrapper--position-left.mm-wrapper--opened .mm-slideout, .mm-wrapper--position-right.mm-wrapper--opened .mm-slideout{transform: translate3d(-100%, 0, 0);-webkit-transform:translate3d(-100%, 0, 0);}

    .mobile-nav-section {background-image: url(../images/mobile-menu-bg.jpg); background-repeat: no-repeat; background-position: center; background-size: cover;}

    .mm-menu.mm-menu--offcanvas.mm-menu--position-right.mm-menu--theme-light {--mm-color-background:none; --mm-color-border:none; --mm-color-icon:none; --mm-color-text:none; --mm-color-text-dimmed:none; --mm-color-background-highlight:none; --mm-color-background-emphasis:none; --mm-color-focusring:none;}

    .mobile-nav-section .mm-navbars--top .mm-navbar {display: flex; align-items: center; justify-content: space-between; padding: 3rem 2.6rem 6rem;}

    .mobile-nav-section .mm-navbars--top .mm-navbar .mm-navbar__title {padding: 0; justify-content: flex-start; color: var(--color-white); font-family: var(--secondary-font); font-size: 3rem; font-style: normal; font-weight: 600; line-height: 2rem; text-transform: uppercase;}

    .mobile-nav-section .mm-navbars--top .mm-navbar .mm-btn--close {font-size: 3rem; color: rgb(32 26 28); background-color: var(--color-yellow); width: 3.1rem; height: 3.1rem; border-radius: 0.4rem; display: flex; align-items: center; justify-content: center; padding-bottom: 0.2rem;}

    .mobile-nav-section .mm-navbars--top .mm-navbar .mm-btn--close:before {font-size:3rem; color:rgb(32 26 28); background-color:var(--color-yellow); width:3.1rem; height:3.1rem; border-radius:0.4rem; display:flex; align-items:center; justify-content:center; padding-bottom:0.2rem;}

    .mm-listitem {position:relative; padding-right:2.9rem; padding-bottom:4.9rem; margin-left:2.9rem; border-color:transparent;}

    .mm-listitem a {color:var(--color-white) !important; font-family:var(--primary-font); font-size:2rem; font-style:normal; font-weight:500; line-height:1.5rem; letter-spacing:1px; text-transform:uppercase; padding:0 0 1rem 0; position:relative; display:inline-block; flex-basis:fit-content; flex-grow:unset;}

    .mm-listitem.current-menu-item a::after {content:""; position:absolute; bottom:0; left:0; width:80%; height:0.3rem; background-color:var(--color-yellow); border-radius:50px;}

    .mm-listitem.current_page_item a::after {content:""; position:absolute; bottom:0; left:0; width:80%; height:0.3rem; background-color:var(--color-yellow); border-radius:50px;}
    
    .mm-navbars--bottom .mm-navbar .mobile_contact_button {color:var(--color-black) !important; text-align:center; font-family:var(--primary-font); font-size:2rem; font-style:normal; font-weight:500; line-height:1.8rem; letter-spacing:1px; text-transform:uppercase; height:5rem; width:29.9rem; background-color:var(--color-yellow); display:flex; align-items:center; justify-content:center; border-radius:0.4rem; margin:0 3.7rem 2rem; transition:var(--transition);}

    .site-header-nav {justify-content:space-between; gap:0; padding: 1.1rem 0;} 
    
    .site-header-logo {width:35%;}

    .site-header-logo a svg {width:100%; height:100%;}

    .site-header-nav .menu-left-list {display:none;}

    .site-header-nav .menu-right-list {display:none;}

    .banner-section {height: 100vh;}

    .banner-slider-figure {height: 100vh;}

    .banner-heading {font-size:3rem; line-height:3.5rem; text-align:center;}

    .banner-heading-line { right: 10rem; width: 45%; bottom: -15px;}

    .banner-text {margin-top: 2.5rem ;}

    .banner-heading-line svg {width:100%;}

    .banner-text {font-size:1.5rem; line-height:2.2rem;}

    .banner-contact-button {margin-top:2.7rem; display:flex; justify-content:center;}

    .banner-slider-figure img {object-fit:cover;}

    .footer-wrapper .z-shape-figure {display:none;}

    .about-overlay::after {display:none;}

    .documents-shape {display:none;}

    .home-projects-section .z-shape-figure {display:none;}

    .contact-shape-top {display:none;}

    .footer-bubble {display:none;}

    .home-products-shape {display:none;}

    .home-about-section {padding:5rem 2.3rem; max-height:unset;}

    .about-overlay {display:none;}

    .home-about-figure-side {min-height:auto; max-height:unset; margin-bottom:2.5rem; width: 85%;left: 50%;}

    .home-about-fig-back {max-width:35rem; height:auto;}

    .home-about-fig-front {right:0; width:24rem; height:auto;}

    .about-exprience {right:7rem;}

    .common-heading {text-align:center;}

    .short-heading {justify-content:center;}

    .short-heading figure {width:3.5rem; height:3.5rem;}

    .short-heading figure svg {width:50%;}

    .short-heading span {font-size:1.2rem; line-height:1.8rem; letter-spacing:3px; padding:0.5rem 1rem 0.5rem 4rem;}

    .common-heading .section-heading {font-size:2.4rem; line-height:3rem;}

    .home-about-content-side .common-text p:last-child {padding-bottom:0;}

    .common-text p {text-align:center; font-size:1.5rem; line-height:2.2rem; padding-bottom:3rem;}

    body.privacy-policy .common-text p { text-align: left; }

    .home-products-section {padding:3rem 2.3rem 4.5rem 2.3rem;}

    .product-wrapper .swiper-slide {padding:0;}

    .product {margin:0;}

    .product-heading {font-size: 2rem; line-height: 2.6rem; min-height: 0;}

    .product-content {padding-top:5rem; padding-right:3rem; padding-bottom:2.6rem; padding-left:3rem;}

    .product-wrapper.swiper-initialized .swiper-wrapper.row {margin-bottom:2.1rem;}

    .home-products-section .common-button {margin-top:1.7rem;}

    .product-wrapper .swiper-pagination .swiper-pagination-bullet {width:0.8rem; height:0.8rem; background-color:rgb(137 137 137);}

    .product-wrapper .swiper-pagination .swiper-pagination-bullet-active {width:0.8rem; height:0.8rem; background-color:rgb(239, 183, 9);}

    .common-button a {font-size:1.2rem; line-height:1.6rem; width:12rem; height:3.5rem;}

    .home-projects-top {margin-bottom:1.8rem; flex-direction:column;}

    .home-projects-top .common-button {display:none;}

    .home-projects-section {padding-top:5rem; padding-right:2.3rem; padding-bottom:4rem; padding-left:2.3rem;}

    .home-projects-slider {position:static;}

    .home-projects-wrapper .swiper-slide {padding:0;}

    .home-projects-wrapper.swiper-initialized .swiper-wrapper.row {margin:0;}

    .home-projects {margin:1rem 0;}

    .home-projects:hover {margin: 1rem 1rem;}

    .home-projects-content-heading {font-size:2rem; text-align:center;}

    .home-projects-slider .swiper-button-prev {width: 5.9rem; height: 5.9rem; left: 4.5rem;}

    .home-projects-slider .swiper-button-next {width: 5.9rem; height: 5.9rem; right: 4.5rem;}

    .home-projects-slider .swiper-button-next::after {font-size: 1.4rem;}

    .home-projects-slider .swiper-button-prev::after {font-size: 1.4rem;}

    section.home-documents-section {padding-right:2.3rem; padding-left:2.3rem; padding-bottom:5rem;}

    section.home-documents-section {padding-top:5rem; padding-right:2.3rem; padding-left:2.3rem; padding-bottom:5rem;}

    .home-documents {height:auto; background-color:var(--color-black);}

    .home-documents-figure {position:relative; height:auto; width:100%;}

    .home-documents-figure::after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:linear-gradient(0deg, #0C0B06 0%, rgba(12, 11, 6, 0.00) 76.48%);}

    .home-documents-content {position:static; transform:none; background:linear-gradient(360deg, rgb(239, 183, 9) 3.3%, rgba(51, 51, 51, 0.00) 58.28%); padding:0 3rem;}

    .home-documents::after {display:none;}

    .home-documents-content .common-text p {padding-bottom:2.7rem;}

    .cta-repeater {justify-content:center; padding-bottom:4.6rem;}

    .home-contact-section {padding-top:3rem; padding-right:2.3rem; padding-bottom:3rem; padding-left:2.3rem;}

    .contact-form-side .contact-form-submit p {padding-bottom:0;}

    .contact-form-submit .wpcf7-spinner {display:block; margin:0 auto;}

    .contact-figure-side {margin-top:0.6rem;}

    .contact-figure {width:100%;}

    .label-input-group input {padding: 1rem 2.1rem; font-size: 1.3rem; letter-spacing: 0.65px;}

    .common-text .label-input-group p {padding-bottom: 2rem;}

    .footer-logo {margin-bottom:3rem;}

    .footer-wrapper {flex-direction:column; padding-top:5rem; padding-right:2.3rem; padding-bottom:3rem; padding-left:2.3rem; align-items:center; gap:1rem;}

    .footer-menus ul {font-size:1.3rem; display:flex; justify-content:space-between; gap:2.7rem; margin:0;}

    .footer-menus ul li {padding-bottom:0;}

    .footer-menus ul li a {font-size:1.3rem;}

    .footer-address {gap:1rem; flex-wrap:wrap; flex-direction:row; justify-content:center; width: 60%;}

    .footer-address a {font-size:1.3rem; gap:0.5rem;}

    .footer-address a span {font-size:1.3rem;}

    .footer-copyright {flex-direction:column; text-align:center; gap:1rem;}

    .footer-copyright p {font-size:1.3rem; line-height:1.3rem;}

    .inner-banner-section {height:35rem;}

    .inner-banner-content {left:0; width:100%; text-align:center; padding:0 2.3rem;}

    .inner-banner-heading {font-size:3.5rem; line-height:4rem;}

    .product-listing-page-link {display:none;}

    .product-listing-section {padding-top:5rem; padding-right:2.3rem; padding-bottom:5rem; padding-left:2.3rem;}

    .product-list-loop {margin-bottom:2.6rem;}

    .product-list-loop:last-child {margin-bottom:0;}

    .content-pagination {margin-top:3rem;}

    .content-pagination ul li a {padding:0.5rem 1rem; font-size:1.2rem;}

    .content-pagination ul li span {padding:0.5rem 1rem; font-size:1.2rem;}

    .product-details-section {padding-top:10rem; padding-right:2.3rem; padding-left:2.3rem; padding-bottom: 1.7rem;}

    .product-single-img-slider .swiper-slide {height:35.4rem;}

    .product-single-img-slider .swiper-slide  .product-details-figure .product-slider-fancybox::after {line-height: 1.4rem; font-size: 1.4rem; width: 3rem; height: 3rem; top: 1rem; right: 1rem;}

    .product-thumble-slider .swiper-slide {height:auto;}

    .product-thumble-slider .product-details-figure {height:auto;}

    .project-details-section {padding: 11.4rem 2.3rem 0;}

    .project-details-img-slider {margin-top: 0.4rem; padding: 0;}

    .product-details-content-side {padding-left:calc(var(--bs-gutter-x) * .5); padding-top: 2rem;}

    .product-details-content-side h2 {font-size:2rem; line-height:2.8rem; text-align:center;}

    .product-details-content-side ul {margin:0 0 1.3rem 7rem;}

    .product-details-content-side ul li {font-size:1.5rem; line-height:2.2rem;}

    .project-listing-section {padding: 5rem 2.3rem 5rem 2.3rem;}

    .project-details-img-slider .swiper-slide {height: auto;}

    .project-details-img-slider .swiper-button-next {right: -2rem; width: 5rem; height: 5rem;}
    
    .project-details-img-slider .swiper-button-next::after {font-size: 2rem;}

    .project-details-img-slider .swiper-button-prev {left: -2rem; width: 5rem; height: 5rem;}

    .project-details-img-slider .swiper-button-prev::after {font-size: 2rem;}

    section.specification-section {padding: 0 3rem;}

    .tab-content>.tab-pane {display: block; opacity: 1;}

    .specification-common-bg .accordion-header {display: block;}

    .specification-common-bg .collapse:not(.show) {display: none;}

    .accordion-item:not(:first-of-type) {border-top: 0.1rem solid var(--color-black-D);}
    
    .specification-common-bg {border: 0.1rem solid var(--color-black-D); margin-bottom: 1rem;}

    .specification-common-bg .accordion-header button:focus {outline: none; box-shadow: none;}

    .specification-common-bg .accordion-header .accordion-button {font-family: var(--secondary-font); color: var(--color-black-B); font-size: 1.6rem; font-weight: 500; line-height: 2.2rem; text-transform: uppercase;}

    .specification-common-bg .accordion-button:not(.collapsed) {background-color: var(--color-yellow);}

    .specification-common-bg.active {padding-top: 0; padding-bottom: 0; border-top: 0.1rem solid var(--color-black-D);}

    .specification-common-bg .common-text h3 {font-size: 2rem; line-height: 2.2rem; text-align: center;}

    .specification-list {display: none;}

    .specification-common-bg h2 {font-size: 2rem; line-height: 3.5rem; text-align: center; margin-bottom: 0;}

    .project-details-content.specification-common-bg .common-text ul {margin-bottom: 2.8rem;}

    .specification-common-bg .common-text ul li {font-size: 1.5rem; line-height: 1.9rem; padding-left: 3rem; padding-bottom: 1.5rem;} 

    .specification-common-bg .common-text ul li::before {font-size: 1rem; width: 2rem; height: 2rem;}

    .pdf-link {grid-template-columns: repeat(1, 1fr); gap: 2rem;}

    .pdf-link a {align-items: baseline; gap: 1.4rem; font-size: 1.5rem; line-height: 2.2rem;}

    .pdf-link a span {font-size: 1.5rem;}

    .project-details-video {height: auto;}

    .projects-video-gallery-loop {padding: 0 0 2rem 0;}

    .project-details-video-gallery {padding: 0 0.7rem;}

    .related-projects-wrapper .swiper-pagination-project {padding-top: 0;}

    .related-projects-loop {margin-bottom: 3rem; padding: 0;}

    .related-projects-loop:last-child {margin-bottom: 0;}

    .related-projects-section {background-color: var(--color-white); padding-top: 0; padding-right: 2.3rem; padding-bottom: 5rem; padding-left: 2.3rem;}
    
    .related-projects-wrapper {margin-top: 1.2rem;}

    .swiper-pagination-project {text-align: center;}

    .related-projects-wrapper .swiper-pagination-project .swiper-pagination-bullet {width: 1rem; height: 1rem; background-color: transparent; border: 0.1rem solid var(--color-black);}

    .related-projects-wrapper .swiper-pagination-project .swiper-pagination-bullet-active {width: 1rem; height: 1rem; background-color: var(--color-yellow); border: 0.1rem solid var(--color-yellow);}

    .product-listing-loop {margin-bottom: 2rem;}

    .project-details-content.specification-common-bg {border: none; padding-top: 2rem;}

    .technical-document-section {padding-top: 5rem; padding-right: 3rem; padding-left: 3rem;}

    .technical-document-heading {font-size: 2rem; line-height: 2.4rem; text-align: center;}

    .technical-document a {font-size: 1.3rem; justify-content: center;}

    .technical-document-list-loop::after {width: 92%; height: 0.1rem; top: auto; left: 50%; transform: translateX(-50%); bottom: -1.6rem;}

    .technical-document-list-loop:nth-child(3n+3)::after {opacity: 1;}

    .technical-document-list-loop:nth-child(1)::after {opacity: 1;}
    
    .technical-document-list-loop:last-child::after {opacity: 0;}

    .technical-document-list-loop {padding: 1.3rem 1rem; margin-bottom: 2.8rem; width: 50%;}

    .thank-you-heading {font-size: 6.4rem;}

    .thank-you-section {height: 100%; padding: 5rem 0;}

    .thank-you-bg {height: 100%;} 

    .thank-you-heading-shape {position: absolute; top: 6rem; width: 11.5rem;}

    .thank-you-heading-shape svg {width: 100%; height: auto;}

    .thank-you-heading-wrapper {margin-top: 3.9rem; margin-bottom: 5.6rem;}

    .thank-you-text p {font-size: 2rem; line-height: 3rem;}

    .back-to-home-button {margin-top: 3.7rem;}

    .notfound-section {padding: 5rem 2.3rem; height: 100%;}

    .notfound-bg {height: 100%;}

    .notfound-top-heading {font-size: 3rem; line-height: 3rem;}

    .notfound-top-heading-wrap {padding-top: 3.1rem;}

    .notfound-figure-wrapper {padding-top: 3.9rem; padding-bottom: 4.1rem;}

    .notfound-figure {width: 25.3rem; height: 11.5rem;}

    .notfound-figure svg {width: 100%; height: 100%;}

    .notfound-text p:first-child {font-size: 2.2rem; line-height: 3.2rem;}

    .notfound-text p:last-child {font-size: 2rem; line-height: 3rem;}

    .back-to-home-button .back-to-home-link {font-size: 1.3rem; line-height: 1.8rem; width: 13.5rem; height: 3.5rem;}
}

@media only screen and (max-width: 575.98px) {
    :root {
        --color-white: #FFFFFF;
        --color-black: #000000;
        --color-black-B: #001E2B;
        --color-black-C: #374151;
        --color-black-D: #737373;
        --color-black-E: #736B4F;
        --color-yellow: #EFB709;
        --color-yellow-fade: #FEFCF5;
    
        --primary-font: "Spline Sans", serif;
        --secondary-font: "Space Grotesk", serif;
    
        --transition: all 0.3s ease;
    }

    .mobile-site-navbar {display: block;}

    body.logged-in .site-header { top: 0; }

    .site-header.stick .header-search button span {color: var(--color-yellow);}

    .site-header.no-banner .header-search button span {color: var(--color-yellow);}

    .header-search {display: flex; align-items: center; background-color: rgb(12, 11, 6); border-radius: 0.4rem;}

    .search-wrapper input[type="search"] {width: 100%;}

    .offcanvas-header button {font-size: 1rem; width: 0.5em; height: 0.5em;}

    .mobilemenu_icon {display: flex; align-items: center; justify-content: center; flex-direction: column; width: 3.1rem; height: 3.1rem; border-radius: 0.4rem; background-color: var(--color-white); padding: 0 0.5rem;}

    .mobilemenu_icon span {display: block; width: 100%; height:2px; border-radius: 0.2rem; background-color: rgb(12, 11, 6); margin-bottom: 0.4rem;}

    .mobilemenu_icon span:last-of-type {margin-bottom: 0;}

    .site-header.stick .mobilemenu_icon {background-color: var(--color-yellow);}

    .site-header.no-banner .mobilemenu_icon {background-color: var(--color-yellow);}

    .mm-wrapper--position-left .mm-slideout, .mm-wrapper--position-right .mm-slideout{transform: none;}

    .mm-menu--position-left, .mm-menu--position-left-front, .mm-menu--position-right, .mm-menu--position-right-front {width: 100%; opacity: 0;}

    body.mm-wrapper--opened  .mm-menu--position-left,  body.mm-wrapper--opened .mm-menu--position-left-front,  body.mm-wrapper--opened .mm-menu--position-right,  body.mm-wrapper--opened .mm-menu--position-right-front{opacity: 1;}

    .mm-wrapper--position-left.mm-wrapper--opened .mm-slideout, .mm-wrapper--position-right.mm-wrapper--opened .mm-slideout{transform: translate3d(-100%, 0, 0);-webkit-transform:translate3d(-100%, 0, 0);}

    .mobile-nav-section {background-image: url(../images/mobile-menu-bg.jpg); background-repeat: no-repeat; background-position: center; background-size: cover;}

    .mm-menu.mm-menu--offcanvas.mm-menu--position-right.mm-menu--theme-light {--mm-color-background:none; --mm-color-border:none; --mm-color-icon:none; --mm-color-text:none; --mm-color-text-dimmed:none; --mm-color-background-highlight:none; --mm-color-background-emphasis:none; --mm-color-focusring:none;}

    .mobile-nav-section .mm-navbars--top .mm-navbar {display: flex; align-items: center; justify-content: space-between; padding: 3rem 2.6rem 6rem;}

    .mobile-nav-section .mm-navbars--top .mm-navbar .mm-navbar__title {padding: 0; justify-content: flex-start; color: var(--color-white); font-family: var(--secondary-font); font-size: 3rem; font-style: normal; font-weight: 600; line-height: 2rem; text-transform: uppercase;}

    .mobile-nav-section .mm-navbars--top .mm-navbar .mm-btn--close {font-size: 3rem; color: rgb(32 26 28); background-color: var(--color-yellow); width: 3.1rem; height: 3.1rem; border-radius: 0.4rem; display: flex; align-items: center; justify-content: center; padding-bottom: 0.2rem;}

    .mobile-nav-section .mm-navbars--top .mm-navbar .mm-btn--close:before {font-size:3rem; color:rgb(32 26 28); background-color:var(--color-yellow); width:3.1rem; height:3.1rem; border-radius:0.4rem; display:flex; align-items:center; justify-content:center; padding-bottom:0.2rem;}

    .mm-listitem {position:relative; padding-right:2.9rem; padding-bottom:4.9rem; margin-left:2.9rem; border-color:transparent;}

    .mm-listitem a {color:var(--color-white) !important; font-family:var(--primary-font); font-size:2rem; font-style:normal; font-weight:500; line-height:1.5rem; letter-spacing:1px; text-transform:uppercase; padding:0 0 1rem 0; position:relative; display:inline-block; flex-basis:fit-content; flex-grow:unset;}

    .mm-listitem.current-menu-item a::after {content:""; position:absolute; bottom:0; left:0; width:80%; height:0.3rem; background-color:var(--color-yellow); border-radius:50px;}

    .mm-listitem.current_page_item a::after {content:""; position:absolute; bottom:0; left:0; width:80%; height:0.3rem; background-color:var(--color-yellow); border-radius:50px;}
    
    .mm-navbars--bottom .mm-navbar .mobile_contact_button {color:var(--color-black) !important; text-align:center; font-family:var(--primary-font); font-size:2rem; font-style:normal; font-weight:500; line-height:1.8rem; letter-spacing:1px; text-transform:uppercase; height:5rem; width:29.9rem; background-color:var(--color-yellow); display:flex; align-items:center; justify-content:center; border-radius:0.4rem; margin:0 3.7rem 2rem; transition:var(--transition);}

    .site-header-nav {justify-content:space-between; gap:0; padding: 1.1rem 2.3rem;}
    
    .site-header-logo {width:35%;}

    .site-header-logo a svg {width:100%; height:100%;}

    .site-header-nav .menu-left-list {display:none;}

    .site-header-nav .menu-right-list {display:none;} 

    .banner-section {height: 78vh;}

    .banner-slider-figure {height: 78vh;}

    .banner-heading {font-size:5rem; line-height:5.5rem; text-align:center;}

    .banner-heading-line {right:5rem; width:65%; bottom:-0.5rem;}

    .banner-heading-line svg {width:100%;}

    .banner-text {font-size:1.5rem; line-height:2.2rem;}

    .banner-contact-button {margin-top:2.7rem; display:flex; justify-content:center;}

    .swiper-banner-slider .swiper-pagination {bottom:2rem; left:0; transform:rotate(0deg);}

    .banner-slider-figure img {object-fit:cover;}

    .footer-wrapper .z-shape-figure {display:none;}

    .home-about-content-side {padding-top: 0;}

    .about-overlay::after {display:none;}

    .documents-shape {display:none;}

    .home-projects-section .z-shape-figure {display:none;}

    .contact-shape-top {display:none;}

    .footer-bubble {display:none;}

    .home-products-shape {display:none;}

    .home-about-section {padding:5rem 2.3rem; max-height:unset;}

    .about-overlay {display:none;}

    .home-about-figure-side {min-height:auto; max-height:unset; margin-bottom:8.9rem; left: 40%; width: 75%; overflow: visible;}

    .home-about-fig-back {max-width:25.9rem; height:auto;}

    .home-about-fig-back img.image-parallax-common {position: static; height: auto;}

    .home-about-fig-front {right:-6.5rem; width:15.8rem; height:auto;}

    .about-exprience {right:-3rem;}

    .common-heading {text-align:center;}

    .short-heading {justify-content:center;}

    .short-heading figure {width:3.5rem; height:3.5rem;}

    .short-heading figure svg {width:50%;}

    .short-heading span {font-size:1.2rem; line-height:1.8rem; letter-spacing:3px; padding:0.5rem 1rem 0.5rem 4rem;}

    .common-heading .section-heading {font-size:2.4rem; line-height:3rem;}

    .home-about-content-side .common-text p:last-child {padding-bottom:0;}

    .home-projects-content {padding: 0 2rem 2.6rem;}

    .common-text p {text-align:center; font-size:1.5rem; line-height:2.2rem; padding-bottom:3rem;}

    .home-products-section {padding:3rem 2.3rem 4.5rem 2.3rem;}

    .product-wrapper .swiper-slide {padding:0;}

    .product-figure {margin-bottom: 4rem;}

    .product {margin:0;}

    .product-arrow {width:6rem; height:6rem; bottom: -5rem;}

    .product-arrow .icon-arrow {font-size: 2.4rem; top: -3.2rem; margin-left: -0.8rem;}

    .product-heading {font-size: 2rem; line-height: 2.6rem; min-height: 0;}

    .product-content {padding-top:1rem; padding-right:3rem; padding-bottom:2.6rem; padding-left:3rem;}

    .product-wrapper.swiper-initialized .swiper-wrapper.row {margin-bottom:0; padding-bottom:2.5rem;}

    .product-wrapper .swiper-pagination {bottom: 0.5rem;}

    .home-products-section .common-button {margin-top:1.7rem;}

    .product-wrapper .swiper-pagination .swiper-pagination-bullet {width:0.8rem; height:0.8rem; background-color:rgb(137 137 137);}

    .product-wrapper .swiper-pagination .swiper-pagination-bullet-active {width:0.8rem; height:0.8rem; background-color:rgb(239, 183, 9);}

    .common-button a {font-size:1.2rem; line-height:1.6rem; width:12rem; height:3.5rem;}

    .home-projects-top {margin-bottom:1.8rem; flex-direction:column;}

    .home-projects-top .common-button {display:none;}

    .home-projects-section {padding-top:5rem; padding-right:2.3rem; padding-bottom:4rem; padding-left:2.3rem;}

    .home-projects-slider {position:relative;}

    .home-projects-wrapper .swiper-slide {padding:0;}

    .home-projects-wrapper.swiper-initialized .swiper-wrapper.row {margin:0;}

    .home-projects {margin:1rem 0;}

    .home-projects:hover {margin: 1rem 1rem;}

    .home-projects-content-heading {font-size:2rem; text-align:center; line-height: 2.6rem;}

    .home-projects-slider .swiper-button-prev {width: 3.9rem; height: 3.9rem; left: -2rem; transition: var(--transition);}

    .home-projects-slider .swiper-button-next {width: 3.9rem; height: 3.9rem; right: -2rem; transition: var(--transition);}

    .home-projects-slider .swiper-button-next::after {font-size: 1.4rem;}

    .home-projects-slider .swiper-button-prev::after {font-size: 1.4rem;}

    section.home-documents-section {padding-top:5rem; padding-right:2.3rem; padding-left:2.3rem; padding-bottom:5rem;}

    .home-documents {height:auto; background-color:var(--color-black);}

    .home-documents-figure {position:relative; height:auto; width:100%;}

    .home-documents-figure::after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:linear-gradient(0deg, #0C0B06 0%, rgba(12, 11, 6, 0.00) 76.48%);}

    .home-documents-content {position:static; transform:none; background:linear-gradient(360deg, rgb(239, 183, 9) 3.3%, rgba(51, 51, 51, 0.00) 58.28%); padding:0 3rem;}

    .home-documents::after {display:none;}

    .home-documents-content .common-text p {padding-bottom:2.7rem;}

    .cta-repeater {justify-content:center; padding-bottom:4.6rem;}

    .home-contact-section {padding-top:3rem; padding-right:2.3rem; padding-bottom:3rem; padding-left:2.3rem;}

    .contact-form-side .contact-form-submit p {padding-bottom:0;}
    
    .contact-form-submit input {width: 12rem; height: 3.5rem; font-size: 1.2rem; letter-spacing: 0.65px;}

    .contact-form-submit .wpcf7-spinner {display:block; margin:0 auto;}

    .contact-figure-side {margin-top:0.6rem;}

    .contact-figure {width:100%; height: auto;}

    .contact-figure img.image-parallax-common {position: static; height: auto;}

    .footer-logo {margin-bottom:3rem;}

    .footer-wrapper {flex-direction:column; padding-top:5rem; padding-right:2.3rem; padding-bottom:3rem; padding-left:2.3rem; align-items:center; gap:1rem;}

    .footer-menus ul {font-size:1.3rem; display:flex; justify-content:space-between; gap:2.3rem; margin:0; padding: 0;}

    .footer-menus ul li {padding-bottom:0;}

    .footer-menus ul li a {font-size:1.3rem; }

    .footer-address {gap:1rem; flex-wrap:wrap; flex-direction:row; justify-content:center; width: 85%;}

    .footer-address a {font-size:1.3rem; gap:0.5rem;}

    .footer-address a span {font-size:1.3rem;}

    .footer-copyright {flex-direction:column; text-align:center; gap:1rem;}

    .footer-copyright p {font-size:1.3rem; line-height:1.3rem;}

    .inner-banner-section {height:35rem;}

    .inner-banner-content {left:0; width:100%; text-align:center; padding:0 2.3rem;}

    .inner-banner-heading {font-size:3.5rem; line-height:4rem;}

    .product-listing-page-link {display:none;}

    .product-listing-section {padding-top:5rem; padding-right:2.3rem; padding-bottom:5rem; padding-left:2.3rem;}

    .product-list-loop {margin-bottom:2.6rem;}

    .product-list-loop:last-child {margin-bottom:0;}

    .content-pagination {margin-top:3rem;}

    .content-pagination ul li a {padding:0.5rem 1rem; font-size:1.2rem;}

    .content-pagination ul li span {padding:0.5rem 1rem; font-size:1.2rem;}

    .product-details-section {padding-top:10rem; padding-right:2.3rem; padding-left:2.3rem; padding-bottom: 1.7rem;}

    .product-single-img-slider .swiper-slide {height:auto;}

    .product-thumble-slider .swiper-slide {height:auto;}

    .product-thumble-slider .product-details-figure {height:auto;}

    .project-details-section {padding: 11.4rem 2.3rem 0;}

    .project-details-img-slider {margin-top: 0.4rem; padding: 0;}

    .product-details-content-side {padding-left:calc(var(--bs-gutter-x) * .5); padding-top: 2rem;}

    .product-details-content-side h2 {font-size:2rem; line-height:2.8rem; text-align:center;}

    .product-details-content-side ul {margin:0 0 1.3rem 7rem;}

    .product-details-content-side ul li {font-size:1.5rem; line-height:2.2rem;}

    .project-listing-section {padding: 5rem 2.3rem 5rem 2.3rem;}

    .project-details-img-slider .swiper-slide {height: auto;}

    .project-details-img-slider .swiper-button-next {right: -2rem; width: 5rem; height: 5rem;}
    
    .project-details-img-slider .swiper-button-next::after {font-size: 2rem;}

    .project-details-img-slider .swiper-button-prev {left: -2rem; width: 5rem; height: 5rem;}

    .project-details-img-slider .swiper-button-prev::after {font-size: 2rem;}

    section.specification-section {padding: 0 3rem;}

    .tab-content>.tab-pane {display: block; opacity: 1;}

    .specification-common-bg .accordion-header {display: block;}

    .specification-common-bg .collapse:not(.show) {display: none;}

    .accordion-item:not(:first-of-type) {border-top: 0.1rem solid var(--color-black-D);}
    
    .specification-common-bg {border: 0.1rem solid var(--color-black-D); margin-bottom: 1rem;}

    .specification-common-bg .accordion-header button:focus {outline: none; box-shadow: none;}

    .specification-common-bg .accordion-header .accordion-button {font-family: var(--secondary-font); color: var(--color-black-B); font-size: 1.6rem; font-weight: 500; line-height: 2.2rem; text-transform: uppercase;}

    .specification-common-bg .accordion-button:not(.collapsed) {background-color: var(--color-yellow);}

    .specification-common-bg.active {padding-top: 0; padding-bottom: 0; border-top: 0.1rem solid var(--color-black-D);}

    .specification-common-bg .common-text h3 {font-size: 2rem; line-height: 2.2rem; text-align: center;}

    .specification-list {display: none;}

    .specification-common-bg h2 {font-size: 2rem; line-height: 3.5rem; text-align: center; margin-bottom: 0;}

    .project-details-content.specification-common-bg .common-text ul {margin-bottom: 2.8rem;}

    .specification-common-bg .common-text ul li {font-size: 1.5rem; line-height: 1.9rem; padding-left: 3rem; padding-bottom: 1.5rem;} 

    .specification-common-bg .common-text ul li::before {font-size: 1rem; width: 2rem; height: 2rem;}

    .pdf-link {grid-template-columns: repeat(1, 1fr); gap: 2rem;}

    .pdf-link a {align-items: baseline; gap: 1.4rem; font-size: 1.5rem; line-height: 2.2rem;}

    .pdf-link a span {font-size: 1.5rem;}

    .project-details-video {height: auto;}

    .projects-video-gallery-loop {padding: 0 0 2rem 0;}

    .project-details-video-gallery {padding: 0 0.7rem;}

    .related-projects-loop {margin-bottom: 3rem; padding: 0;}

    .related-projects-loop:last-child {margin-bottom: 0;}

    .related-projects-section {background-color: var(--color-white); padding-top: 0; padding-right: 2.3rem; padding-bottom: 5rem; padding-left: 2.3rem;}
    
    .related-projects-wrapper {margin-top: 1.2rem;}

    .swiper-pagination-project {text-align: center;}

    .related-projects-wrapper .swiper-pagination-project .swiper-pagination-bullet {width: 1rem; height: 1rem; background-color: transparent; border: 0.1rem solid var(--color-black);}

    .related-projects-wrapper .swiper-pagination-project .swiper-pagination-bullet-active {width: 1rem; height: 1rem; background-color: var(--color-yellow); border: 0.1rem solid var(--color-yellow);}

    .product-listing-loop {margin-bottom: 2rem;}

    .project-details-content.specification-common-bg {border: none;}

    .technical-document-section {padding-top: 5rem; padding-right: 3rem; padding-left: 3rem;}

    .technical-document-heading {font-size: 2rem; line-height: 2.4rem; text-align: center;}

    .technical-document a {font-size: 1.3rem; justify-content: center;}

    .technical-document-list-loop::after {width: 100%; height: 0.1rem; top: auto; bottom: -1.6rem;}

    .technical-document-list-loop:nth-child(3n+3)::after {opacity: 1;}

    .technical-document-list-loop:nth-child(1)::after {opacity: 1;}

    .technical-document-list-loop:last-child::after {opacity: 0;}

    .technical-document-list-loop {padding: 1.3rem 0; margin-bottom: 2.8rem; width: 100%;}

    body.search .inner-banner-section {height: 20rem;}

    body.search .inner-banner-heading {font-size: 3rem; line-height: 3.4rem;}

    .listing-notfound {padding: 0 2.3rem; font-size: 2rem; line-height: 2.4rem;}

    .thank-you-section {height: 100vh; padding: 5rem 2.3rem;}

    .thank-you-bg {height: 100vh;}

    .thank-you-heading {font-size: 6.4rem;}

    .thank-you-heading-shape {position: absolute; top: 6rem; width: 11.5rem;}

    .thank-you-heading-shape svg {width: 100%; height: auto;}

    .thank-you-heading-wrapper {margin-top: 3.9rem; margin-bottom: 5.6rem;}

    .thank-you-text p {font-size: 2rem; line-height: 3rem;}

    .back-to-home-button {margin-top: 3.7rem;}
    
    .notfound-section {padding: 5rem 2.3rem; height: 100vh;}

    .notfound-bg {height: 100vh;}

    .notfound-top-heading {font-size: 2.8rem; line-height: 3rem;}

    .notfound-top-heading-wrap {padding-top: 3.1rem;}
    
    .notfound-figure-wrapper {padding-top: 3.9rem; padding-bottom: 4.1rem;}

    .notfound-figure {width: 25.3rem; height: 11.5rem;}

    .notfound-figure svg {width: 100%; height: 100%;}

    .notfound-text p:first-child {font-size: 2.2rem; line-height: 3.2rem;}

    .notfound-text p:last-child {font-size: 2rem; line-height: 3rem;}

    .back-to-home-button .back-to-home-link {font-size: 1.3rem; line-height: 1.8rem; width: 13.5rem; height: 3.5rem;}
    
}