/********** Template CSS **********/
/* Footer gallery images */
.navbar-brand img {
    width: 220px !important;
    height: auto !important;
}




.footer .row.g-2 .col-4 img {
    height: 70px;       /* Set the desired height */
    width: 77px;        /* Maintain aspect ratio */
    object-fit: cover;  /* Crop to fit nicely without distortion */
    display: block;     /* Remove any inline spacing */
}







#header-carousel .carousel-item img {
    height: 400px;  /* Example height */
    width: 100%;    /* Fill container width */
    object-fit: cover; /* Crop to fit nicely */
}


/* Make all project images uniform */
.project-item .position-relative {
    width: 100%;
    height: 220px; /* adjust to your preferred height */
    overflow: hidden;
}

.project-item img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* keeps image proportional & fills the box */
    display: block;
}




.container-fluid.page-header.py-5.mb-5.wow.fadeIn {
    position: relative;
    overflow: hidden; /* Ensure the image doesn't overflow out of the container */
  }
  
  .container-fluid.page-header.py-5.mb-5.wow.fadeIn::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url('img/pexels-cottonbro-6535346.jpg'); /* Replace with your image path */
    background-size: cover;
    background-position: center;
    z-index: -1; /* Ensure the image stays behind other content */
  }
  
.container-fluid.page-header.py-5.mb-5.wow.fadeIn3 {
    position: relative;
    overflow: hidden; /* Ensure the image doesn't overflow out of the container */
  }
  
  .container-fluid.page-header.py-5.mb-5.wow.fadeIn3::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url('img/pexels-pixabay-4158.jpg'); /* Replace with your image path */
    background-size: cover;
    background-position: center;
    z-index: -1; /* Ensure the image stays behind other content */
  }
  

  .container-fluid.page-header.py-5.mb-5.wow.fadeIn4 {
    position: relative;
    overflow: hidden; /* Ensure the image doesn't overflow out of the container */
  }
  
  .container-fluid.page-header.py-5.mb-5.wow.fadeIn4::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url('img/pexels-ron-lach-10347148.jpg'); /* Replace with your image path */
    background-size: cover;
    background-position: center;
    z-index: -1; /* Ensure the image stays behind other content */
  }
  




.img-fluid.rounded.mb-4 {
    width: 300px; /* Set the width you prefer */
    max-height: 200px; /* Adjust the maximum height to 200px (or any other value you want) */
    object-fit: cover; /* Ensures the image covers the space without distortion */
    object-position: top; /* Display the top part of the image */
  }
  
  
.mb-0 {
    font-size: 13px; /* Adjust the size as needed */
}

/* Target the paragraphs with the address, phone, and email */
.col-lg-3 .fa-map-marker-alt, 
.col-lg-3 .fa-phone-alt, 
.col-lg-3 .fa-envelope {
    font-size: 14px; /* Adjust this value to your desired smaller font size */
}

.col-lg-3 p {
    font-size: 14px; /* Apply smaller font size to all <p> elements within this section */

}


/* Target the links in the "Quick Links" section */
.col-lg-3 a {
    font-size: 14px; /* Adjust this value to make the text smaller */
    color: #ccc; /* Optional: Change text color to a lighter shade */
    text-decoration: none; /* Optional: Remove underline if you want */
}

/* Optional: Adjust the hover effect if needed */
.col-lg-3 a:hover {
    color: #ccc; /* Change hover color if desired */
    text-decoration: underline; /* Optional: Add underline on hover */
}

.col-lg-3.col-md-6 .btn-link {
    color: #ccc;
}







:root {
    --primary: #009CFF;
    --secondary: #777777;
    --light: #F8F8F8;
    --dark: #252525;
}

.back-to-top {
    position: fixed;
    display: none;
    right: 30px;
    bottom: 30px;
    z-index: 99;
}


/*** Spinner ***/
#spinner {
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s ease-out, visibility 0s linear .5s;
    z-index: 99999;
}

#spinner.show {
    transition: opacity .5s ease-out, visibility 0s linear 0s;
    visibility: visible;
    opacity: 1;
}


/*** Button ***/
.btn {
    font-weight: 500;
    transition: .5s;
}

.btn.btn-primary {
    color: #FFFFFF;
}

.btn-square {
    width: 38px;
    height: 38px;
}

.btn-sm-square {
    width: 32px;
    height: 32px;
}

.btn-lg-square {
    width: 48px;
    height: 48px;
}

.btn-square,
.btn-sm-square,
.btn-lg-square {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: normal;
}


/*** Navbar ***/
.navbar .dropdown-toggle::after {
    border: none;
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    vertical-align: middle;
    margin-left: 8px;
}

.navbar .navbar-nav .nav-link {
    margin-right: 30px;
    padding: 20px 0;
    color: #FFFFFF;
    font-weight: 500;
    outline: none;
}

.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link.active {
    color: var(--dark);
}

.navbar.sticky-top {
    top: -100px;
    transition: .5s;
}

@media (max-width: 991.98px) {
    .navbar .navbar-nav .nav-link {
        margin-right: 0;
        padding: 8px 0;
    }

    .navbar .navbar-nav {
        margin-top: 8px;
        border-top: 1px solid rgba(256, 256, 256, .1)
    }
}

@media (min-width: 992px) {
    .navbar .nav-item .dropdown-menu {
        display: block;
        visibility: hidden;
        top: 100%;
        transform: rotateX(-75deg);
        transform-origin: 0% 0%;
        transition: .5s;
        opacity: 0;
    }

    .navbar .nav-item:hover .dropdown-menu {
        transform: rotateX(0deg);
        visibility: visible;
        transition: .5s;
        opacity: 1;
    }
}


/*** Header ***/
#header-carousel .carousel-caption {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, .5);
    z-index: 1;
}

#header-carousel .carousel-control-prev,
#header-carousel .carousel-control-next {
    width: 10%;
}

#header-carousel .carousel-control-prev-icon,
#header-carousel .carousel-control-next-icon {
    width: 3rem;
    height: 3rem;
}

@media (max-width: 768px) {
    #header-carousel .carousel-item {
        position: relative;
        min-height: 500px;
    }
    
    #header-carousel .carousel-item img {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}

#header-carousel .carousel-indicators [data-bs-target] {
    width: 60px;
    height: 60px;
    text-indent: 0;
    margin-bottom: 15px;
    border: 2px solid #FFFFFF;
    border-radius: 60px;
    overflow: hidden;
}

#header-carousel .carousel-indicators [data-bs-target] img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.page-header {
    background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/carousel-1.jpg) center center no-repeat;
    background-size: cover;
}

.breadcrumb-item+.breadcrumb-item::before {
    color: var(--secondary);
}

.page-header .breadcrumb-item+.breadcrumb-item::before {
    color: var(--light);
}


/*** Section Title ***/
.section-title {
    position: relative;
    display: inline-block;
    text-transform: uppercase;
}

.section-title::before {
    position: absolute;
    content: "";
    width: calc(100% + 80px);
    height: 2px;
    top: 4px;
    left: -40px;
    background: var(--primary);
    z-index: -1;
}

.section-title::after {
    position: absolute;
    content: "";
    width: calc(100% + 120px);
    height: 2px;
    bottom: 4px;
    left: -60px;
    background: var(--primary);
    z-index: -1;
}

.section-title.text-start::before {
    width: calc(100% + 40px);
    left: 0;
}

.section-title.text-start::after {
    width: calc(100% + 60px);
    left: 0;
}



/*** Img Border ***/
.img-border {
    position: relative;
    height: 100%;
    min-height: 400px;
}

.img-border::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 3rem;
    bottom: 3rem;
    border: 0px solid var(--primary);
    border-radius: 6px;
}

.img-border img {
    position: absolute;
    top: 3rem;
    left: 3rem;
    width: calc(100% - 3rem);
    height: calc(100% - 3rem);
    object-fit: cover;
    border-radius: 6px;
}


/*** Facts ***/
.fact-item {
    transition: .5s;
}

.fact-item:hover {
    margin-top: -10px;
    background: #FFFFFF !important;
    box-shadow: 0 0 45px rgba(0, 0, 0, .07);
}


/*** Service ***/
.service-item {
    box-shadow: 0 0 45px rgba(0, 0, 0, .07);
    border: 1px solid transparent;
    transition: .5s;
}

.service-item:hover {
    margin-top: -10px;
    box-shadow: none;
    border: 1px solid #DEE2E6;
}


/*** Feature ***/
.progress {
    height: 5px;
}

.progress .progress-bar {
    width: 0px;
    transition: 3s;
}


/*** Project ***/
.project-item a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    background: rgba(0, 0, 0, .5);
    border-radius: 6px;
    opacity: 0;
    transition: .5s;
}

.project-item:hover a {
    opacity: 1;
}

.project-carousel .owl-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 20px;
}

.project-carousel .owl-dot {
    width: 35px;
    height: 35px;
    margin: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #DEE2E6;
    border-radius: 35px;
    transition: .5s;
}

.project-carousel .owl-dot:hover,
.project-carousel .owl-dot.active {
    color: #FFFFFF;
    border-color: var(--primary);
    background: var(--primary);
}


/*** Team ***/
.team-item {
    box-shadow: 0 0 45px rgba(0, 0, 0, .07);
}

.team-item .team-text {
    position: relative;
    height: 65px;
    overflow: hidden;
}

.team-item .team-title {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: .5s;
}

.team-item:hover .team-title {
    top: -65px;
}

.team-item .team-social {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 65px;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FFFFFF;
    transition: .5s;
}

.team-item .team-social .btn {
    margin: 0 3px;
}

.team-item:hover .team-social {
    top: 0;
}


/*** Testimonial ***/

.testimonial-carousel .owl-item .testimonial-item img {
    width: 60px;
    height: 60px;
}

.testimonial-carousel .owl-item .testimonial-item,
.testimonial-carousel .owl-item .testimonial-item * {
    transition: .5s;
}

.testimonial-carousel .owl-item.center .testimonial-item {
    background: var(--primary) !important;
}

.testimonial-carousel .owl-item.center .testimonial-item * {
    color: #FFFFFF !important;
}

.testimonial-carousel .owl-nav {
    margin-top: 30px;
    display: flex;
    justify-content: center;
}

.testimonial-carousel .owl-nav .owl-prev,
.testimonial-carousel .owl-nav .owl-next {
    margin: 0 12px;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #DEE2E6;
    border-radius: 50px;
    font-size: 18px;
    transition: .5s;
}

.testimonial-carousel .owl-nav .owl-prev:hover,
.testimonial-carousel .owl-nav .owl-next:hover {
    color: #FFFFFF;
    border-color: var(--primary);
    background: var(--primary);
}


/*** Footer ***/
.footer .btn.btn-link {
    display: block;
    margin-bottom: 5px;
    padding: 0;
    text-align: left;
    color: var(--secondary);
    font-weight: normal;
    text-transform: capitalize;
    transition: .3s;
}

.footer .btn.btn-link::before {
    position: relative;
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: var(--secondary);
    margin-right: 10px;
}

.footer .btn.btn-link:hover {
    color: var(--primary);
    letter-spacing: 1px;
    box-shadow: none;
}

.footer .copyright {
    padding: 25px 0;
    font-size: 15px;
    border-top: 1px solid rgba(256, 256, 256, .1);
}

.footer .copyright a {
    color: var(--light);
}

.footer .copyright a:hover {
    color: var(--primary);
}


/* =========================================
   SIGNERGY PREMIUM FOOTER
========================================= */

.signergy-footer {
    background: var(--dark);
    color: var(--light);
    position: relative;
    overflow: hidden;
}


/* TOP BLUE ACCENT */

.signergy-footer::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: var(--primary);
}


/* MAIN FOOTER */

.signergy-footer-main {
    padding: 80px 0 65px;
    position: relative;
}


/* SUBTLE BACKGROUND DETAIL */

.signergy-footer-main::after {
    content: "";
    position: absolute;
    width: 420px;
    height: 420px;
    right: -180px;
    bottom: -220px;
    border: 1px solid rgba(0, 156, 255, 0.12);
    border-radius: 50%;
    pointer-events: none;
}


/* LOGO */

.signergy-logo {
    display: flex;
    align-items: center;
    gap: 13px;
    margin-bottom: 24px;
}


.signergy-logo-icon {
    width: 52px;
    height: 52px;
    border-radius: 12px;
    background: var(--primary);
    color: var(--light);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 21px;
    box-shadow: 0 8px 25px rgba(0, 156, 255, 0.25);
    position: relative;
}


.signergy-logo-icon::after {
    content: "";
    position: absolute;
    width: 62px;
    height: 62px;
    border: 1px solid rgba(0, 156, 255, 0.3);
    border-radius: 14px;
}


.signergy-logo-text {
    font-size: 28px;
    font-weight: 800;
    letter-spacing: 2px;
    color: var(--light);
}


.signergy-logo-text span {
    color: var(--primary);
}


/* DESCRIPTION */

.signergy-description {
    max-width: 390px;
    color: #bcbcbc;
    line-height: 1.8;
    font-size: 14px;
    margin-bottom: 27px;
}


/* SOCIAL ICONS */

.signergy-socials {
    display: flex;
    gap: 10px;
}


.signergy-socials a {
    width: 40px;
    height: 40px;
    border: 1px solid #444;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #aaa;
    font-size: 14px;
    text-decoration: none;
    transition: all 0.3s ease;
}


.signergy-socials a:hover {
    background: var(--primary);
    border-color: var(--primary);
    color: var(--light);
    transform: translateY(-4px);
}


/* FOOTER HEADINGS */

.signergy-footer-title {
    color: var(--light);
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 25px;
    position: relative;
    padding-bottom: 12px;
}


.signergy-footer-title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 35px;
    height: 2px;
    background: var(--primary);
}


/* LINKS */

.signergy-footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
}


.signergy-footer-links li {
    margin-bottom: 13px;
}


.signergy-footer-links a {
    color: #999;
    text-decoration: none;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    transition: all 0.3s ease;
}


.signergy-footer-links a i {
    color: var(--primary);
    font-size: 11px;
}


.signergy-footer-links a:hover {
    color: var(--light);
    padding-left: 5px;
}


/* CONTACT */

.signergy-contact-item {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin-bottom: 22px;
}


.signergy-contact-icon {
    width: 39px;
    height: 39px;
    min-width: 39px;
    border: 1px solid rgba(0, 156, 255, 0.45);
    border-radius: 9px;
    color: var(--primary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    transition: all 0.3s ease;
}


.signergy-contact-item:hover .signergy-contact-icon {
    background: var(--primary);
    color: var(--light);
}


.signergy-contact-item span {
    display: block;
    color: #777;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 5px;
}


.signergy-contact-item p {
    margin: 0;
    color: #bbb;
    font-size: 13px;
    line-height: 1.7;
}


.signergy-contact-item a {
    color: #bbb;
    text-decoration: none;
    transition: 0.3s;
}


.signergy-contact-item a:hover {
    color: var(--primary);
}


/* FOOTER BOTTOM */

.signergy-footer-bottom {
    border-top: 1px solid #3a3a3a;
    background: #202020;
    position: relative;
    z-index: 2;
}


.signergy-footer-bottom-inner {
    min-height: 70px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}


.signergy-footer-bottom p {
    margin: 0;
    color: #777;
    font-size: 12px;
}


.signergy-footer-bottom strong {
    color: var(--light);
    font-weight: 600;
}


.signergy-footer-tagline {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #777;
    font-size: 11px;
    letter-spacing: 0.5px;
}


.signergy-footer-tagline span {
    width: 20px;
    height: 1px;
    background: var(--primary);
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 991px) {

    .signergy-footer-main {
        padding: 65px 0 45px;
    }

    .signergy-description {
        max-width: 100%;
    }

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .signergy-footer-main {
        padding: 55px 0 35px;
    }

    .signergy-footer-title {
        margin-top: 10px;
    }

    .signergy-footer-bottom-inner {
        padding: 18px 0;
        flex-direction: column;
        justify-content: center;
        text-align: center;
        gap: 10px;
    }

    .signergy-footer-tagline {
        justify-content: center;
        text-align: center;
    }

}


/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 480px) {

    .signergy-logo-text {
        font-size: 24px;
    }

    .signergy-logo-icon {
        width: 46px;
        height: 46px;
    }

    .signergy-footer-main {
        padding-left: 8px;
        padding-right: 8px;
    }

}

:root {
    --primary: #009CFF;
    --secondary: #777777;
    --light: #F8F8F8;
    --dark: #252525;
}


/* =========================================
   SIGNERGY TOP HEADER
========================================= */

.signergy-top-header {
    background: var(--light);
    border-bottom: 1px solid #e5e5e5;
    position: relative;
    z-index: 100;
}


.signergy-top-inner {
    min-height: 92px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
}


/* LOGO */

.signergy-logo {
    display: inline-flex;
    align-items: center;
    gap: 13px;
    text-decoration: none;
}


.signergy-logo-icon {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--primary);
    color: #fff;
    border-radius: 10px;
    font-size: 19px;
    box-shadow: 0 7px 18px rgba(0,156,255,.18);
}


.signergy-logo-text {
    color: var(--dark);
    font-size: 27px;
    font-weight: 800;
    letter-spacing: 2px;
}


.signergy-logo-text span {
    color: var(--primary);
}


/* HEADER DETAILS */

.signergy-header-details {
    display: flex;
    align-items: center;
    gap: 35px;
}


.signergy-header-item {
    display: flex;
    align-items: center;
    gap: 11px;
}


.signergy-header-icon {
    width: 40px;
    height: 40px;
    border: 1px solid #ddd;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--primary);
    font-size: 13px;
}


.signergy-header-item small {
    display: block;
    color: var(--secondary);
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 3px;
}


.signergy-header-item strong {
    display: block;
    color: var(--dark);
    font-size: 13px;
    font-weight: 600;
}


/* WHATSAPP */

.signergy-whatsapp {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 11px 18px;
    background: #25D366;
    color: #fff;
    border-radius: 6px;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
    transition: .3s ease;
}


.signergy-whatsapp i {
    font-size: 22px;
}


.signergy-whatsapp small {
    display: block;
    font-size: 9px;
    font-weight: 400;
    opacity: .85;
}


.signergy-whatsapp:hover {
    background: #1ebe5d;
    color: #fff;
    transform: translateY(-2px);
}


/* =========================================
   NAVBAR
========================================= */

.signergy-navbar {
    background: var(--dark);
    position: sticky;
    top: 0;
    z-index: 999;
}


.signergy-nav-inner {
    min-height: 62px;
    display: flex;
    align-items: center;
}


.signergy-nav-links {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 4px;
}


.signergy-nav-links a {
    height: 62px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 20px;
    color: #bbb;
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
    transition: .3s ease;
}


.signergy-nav-links a i {
    color: var(--primary);
    font-size: 12px;
}


.signergy-nav-links a:hover,
.signergy-nav-links a.active {
    color: #fff;
    background: rgba(0,156,255,.12);
}


.signergy-nav-links a.active {
    border-bottom: 3px solid var(--primary);
}


.signergy-nav-whatsapp {
    margin-left: auto;
    background: #25D366 !important;
    color: #fff !important;
    border-bottom: none !important;
    border-radius: 4px;
    height: 42px !important;
    padding: 0 18px !important;
}


.signergy-nav-whatsapp i {
    color: #fff !important;
}


.signergy-mobile-brand,
.signergy-menu-toggle {
    display: none;
}


/* =========================================
   HERO
========================================= */

.signergy-hero {
    min-height: 620px;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
}


.signergy-hero-image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}


.signergy-hero-overlay {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(
            90deg,
            rgba(37,37,37,.94) 0%,
            rgba(37,37,37,.78) 42%,
            rgba(37,37,37,.30) 75%,
            rgba(37,37,37,.15) 100%
        );
}


.signergy-hero-content {
    position: relative;
    z-index: 2;
    max-width: 720px;
    padding: 80px 0;
}


.signergy-hero-label {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--primary);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    margin-bottom: 20px;
}


.signergy-hero-label span {
    width: 38px;
    height: 2px;
    background: var(--primary);
}


.signergy-hero h1 {
    color: #fff;
    font-size: clamp(42px, 5vw, 70px);
    line-height: 1.08;
    font-weight: 700;
    margin-bottom: 25px;
}


.signergy-hero h1 strong {
    color: var(--primary);
    font-weight: 700;
}


.signergy-hero p {
    max-width: 610px;
    color: rgba(255,255,255,.82);
    font-size: 17px;
    line-height: 1.8;
    margin-bottom: 32px;
}


.signergy-hero-buttons {
    display: flex;
    align-items: center;
    gap: 13px;
    flex-wrap: wrap;
}


.signergy-primary-btn,
.signergy-hero-whatsapp {
    min-height: 52px;
    padding: 0 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    border-radius: 4px;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
    transition: .3s ease;
}


.signergy-primary-btn {
    background: var(--primary);
    color: #fff;
}


.signergy-primary-btn:hover {
    background: #0087df;
    color: #fff;
    transform: translateY(-2px);
}


.signergy-hero-whatsapp {
    background: #25D366;
    color: #fff;
}


.signergy-hero-whatsapp:hover {
    background: #1ebe5d;
    color: #fff;
    transform: translateY(-2px);
}


.signergy-hero-whatsapp i {
    font-size: 19px;
}


.signergy-scroll-indicator {
    position: absolute;
    bottom: 28px;
    left: 50%;
    transform: translateX(-50%);
    color: rgba(255,255,255,.6);
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 2px;
    display: flex;
    align-items: center;
    gap: 9px;
}


.signergy-scroll-indicator span {
    width: 22px;
    height: 1px;
    background: var(--primary);
}


/* =========================================
   SERVICES STRIP
========================================= */

.signergy-services-strip {
    background: var(--light);
    border-bottom: 1px solid #e6e6e6;
}


.signergy-service-item {
    min-height: 105px;
    padding: 20px 25px;
    display: flex;
    align-items: center;
    gap: 15px;
    border-right: 1px solid #e2e2e2;
}


.signergy-service-icon {
    width: 48px;
    height: 48px;
    min-width: 48px;
    border: 1px solid rgba(0,156,255,.3);
    color: var(--primary);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    font-size: 18px;
}


.signergy-service-item h4 {
    color: var(--dark);
    font-size: 14px;
    font-weight: 700;
    margin: 0 0 4px;
}


.signergy-service-item p {
    color: var(--secondary);
    font-size: 11px;
    margin: 0;
}


/* =========================================
   STATS
========================================= */

.signergy-stats {
    padding: 55px 0;
    background: #fff;
}


.signergy-stats-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    border: 1px solid #e7e7e7;
}


.signergy-stat {
    min-height: 125px;
    padding: 25px;
    display: flex;
    align-items: center;
    gap: 17px;
    border-right: 1px solid #e7e7e7;
}


.signergy-stat:last-child {
    border-right: none;
}


.signergy-stat-icon {
    width: 50px;
    height: 50px;
    min-width: 50px;
    background: rgba(0,156,255,.08);
    color: var(--primary);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 17px;
}


.signergy-stat h3 {
    color: var(--dark);
    font-size: 27px;
    font-weight: 800;
    margin: 0 0 3px;
}


.signergy-stat p {
    color: var(--secondary);
    font-size: 11px;
    margin: 0;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 991px) {

    .signergy-header-details {
        gap: 15px;
    }

    .signergy-header-item:first-child {
        display: none;
    }

    .signergy-nav-links a {
        padding: 0 13px;
    }

    .signergy-stats-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .signergy-stat:nth-child(2) {
        border-right: none;
    }

    .signergy-stat:nth-child(-n+2) {
        border-bottom: 1px solid #e7e7e7;
    }

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .signergy-top-inner {
        min-height: 75px;
        justify-content: center;
    }

    .signergy-header-details {
        display: none;
    }

    .signergy-logo-text {
        font-size: 24px;
    }

    .signergy-logo-icon {
        width: 43px;
        height: 43px;
    }


    /* NAV */

    .signergy-nav-inner {
        min-height: 58px;
        justify-content: space-between;
    }

    .signergy-mobile-brand {
        display: block;
        color: #fff;
        font-size: 19px;
        font-weight: 800;
        letter-spacing: 1px;
        text-decoration: none;
    }

    .signergy-mobile-brand span {
        color: var(--primary);
    }

    .signergy-menu-toggle {
        display: block;
        border: none;
        background: transparent;
        color: #fff;
        font-size: 21px;
        padding: 10px;
    }

    .signergy-nav-links {
        display: none;
        position: absolute;
        top: 58px;
        left: 0;
        width: 100%;
        background: var(--dark);
        flex-direction: column;
        align-items: stretch;
        padding: 8px 15px 15px;
    }

    .signergy-nav-links.signergy-menu-open {
        display: flex;
    }

    .signergy-nav-links a {
        height: 48px;
        padding: 0 15px;
    }

    .signergy-nav-whatsapp {
        margin: 5px 0 0;
        justify-content: center;
    }


    /* HERO */

    .signergy-hero {
        min-height: 570px;
    }

    .signergy-hero-overlay {
        background:
            linear-gradient(
                90deg,
                rgba(37,37,37,.92),
                rgba(37,37,37,.68)
            );
    }

    .signergy-hero-content {
        padding: 60px 20px;
    }

    .signergy-hero h1 {
        font-size: 40px;
    }

    .signergy-hero p {
        font-size: 15px;
    }

    .signergy-scroll-indicator {
        display: none;
    }


    /* SERVICES */

    .signergy-service-item {
        border-right: none;
        border-bottom: 1px solid #e2e2e2;
    }


    /* STATS */

    .signergy-stats {
        padding: 35px 15px;
    }

    .signergy-stats-grid {
        grid-template-columns: 1fr;
    }

    .signergy-stat,
    .signergy-stat:nth-child(2) {
        border-right: none;
        border-bottom: 1px solid #e7e7e7;
    }

    .signergy-stat:last-child {
        border-bottom: none;
    }

}

.signergy-stats {
    background: #F8F8F8;
    padding: 55px 0;
    width: 100%;
}

.signergy-stats-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0;
    background: #F8F8F8;
}

.signergy-stat {
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 25px 30px;
    background: #F8F8F8;
    border-right: 1px solid rgba(119, 119, 119, 0.18);
}

.signergy-stat:last-child {
    border-right: none;
}

.signergy-stat-icon {
    width: 52px;
    height: 52px;
    min-width: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #009CFF;
    color: #ffffff;
    border-radius: 50%;
    font-size: 20px;
}

.signergy-stat h3 {
    margin: 0 0 5px;
    color: #252525;
    font-size: 30px;
    font-weight: 700;
    line-height: 1;
}

.signergy-stat p {
    margin: 0;
    color: #777777;
    font-size: 14px;
    font-weight: 500;
}


/* TABLET */
@media (max-width: 991px) {

    .signergy-stats {
        padding: 40px 0;
    }

    .signergy-stats-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .signergy-stat {
        border-bottom: 1px solid rgba(119, 119, 119, 0.18);
    }

    .signergy-stat:nth-child(2) {
        border-right: none;
    }

    .signergy-stat:nth-child(3),
    .signergy-stat:nth-child(4) {
        border-bottom: none;
    }

    .signergy-stat:nth-child(4) {
        border-right: none;
    }
}


/* MOBILE */
@media (max-width: 575px) {

    .signergy-stats {
        padding: 30px 15px;
    }

    .signergy-stats-grid {
        grid-template-columns: 1fr;
    }

    .signergy-stat {
        border-right: none;
        border-bottom: 1px solid rgba(119, 119, 119, 0.18) !important;
        padding: 22px 15px;
    }

    .signergy-stat:last-child {
        border-bottom: none !important;
    }
}

.signergy-welcome-section {
    position: relative;
    background: #F8F8F8;
    padding: 90px 0 0;
    overflow: hidden;
}

.signergy-welcome-grid {
    display: grid;
    grid-template-columns: 1.05fr 0.95fr;
    align-items: center;
    gap: 75px;
}


/* LEFT CONTENT */

.signergy-welcome-content {
    position: relative;
    z-index: 2;
}

.signergy-welcome-label {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;
    color: #009CFF;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
}

.signergy-welcome-label span {
    width: 38px;
    height: 2px;
    background: #009CFF;
    display: inline-block;
}

.signergy-welcome-content h2 {
    margin: 0 0 25px;
    color: #252525;
    font-size: 46px;
    line-height: 1.15;
    font-weight: 700;
    letter-spacing: -1px;
}

.signergy-welcome-content h2 strong {
    display: block;
    color: #009CFF;
    font-weight: 700;
}

.signergy-welcome-intro {
    max-width: 650px;
    margin: 0 0 17px;
    color: #252525;
    font-size: 18px;
    line-height: 1.75;
    font-weight: 500;
}

.signergy-welcome-text {
    max-width: 650px;
    margin: 0 0 30px;
    color: #777777;
    font-size: 15px;
    line-height: 1.8;
}


/* BUTTON */

.signergy-welcome-button {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    padding: 15px 24px;
    background: #009CFF;
    color: #ffffff;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    border-radius: 4px;
    transition: all 0.3s ease;
}

.signergy-welcome-button i {
    transition: transform 0.3s ease;
}

.signergy-welcome-button:hover {
    background: #252525;
    color: #ffffff;
}

.signergy-welcome-button:hover i {
    transform: translateX(5px);
}


/* IMAGE */

.signergy-welcome-visual {
    position: relative;
}

.signergy-welcome-image-wrap {
    position: relative;
    padding-left: 18px;
    padding-bottom: 18px;
}

.signergy-welcome-image-wrap::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 75%;
    height: 75%;
    background: #009CFF;
    z-index: 0;
}

.signergy-welcome-image {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: 440px;
    object-fit: cover;
    border-radius: 4px;
}


/* IMAGE BADGE */

.signergy-welcome-image-badge {
    position: absolute;
    right: -18px;
    bottom: 38px;
    z-index: 3;
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 16px 20px;
    background: #252525;
    color: #ffffff;
    border-left: 4px solid #009CFF;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.16);
}

.signergy-welcome-image-badge i {
    color: #009CFF;
    font-size: 25px;
}

.signergy-welcome-image-badge strong {
    display: block;
    font-size: 14px;
    font-weight: 700;
}

.signergy-welcome-image-badge span {
    display: block;
    margin-top: 2px;
    color: #aaaaaa;
    font-size: 12px;
}


/* STATS */

.signergy-welcome-stats {
    position: relative;
    z-index: 4;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin-top: 75px;
    background: #252525;
}

.signergy-welcome-stat {
    display: flex;
    align-items: center;
    gap: 17px;
    min-height: 105px;
    padding: 22px 28px;
    border-right: 1px solid rgba(255, 255, 255, 0.10);
}

.signergy-welcome-stat:last-child {
    border-right: none;
}

.signergy-welcome-stat-icon {
    width: 48px;
    height: 48px;
    min-width: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 156, 255, 0.13);
    color: #009CFF;
    border: 1px solid rgba(0, 156, 255, 0.35);
    border-radius: 50%;
    font-size: 18px;
}

.signergy-welcome-stat h3 {
    margin: 0 0 4px;
    color: #ffffff;
    font-size: 27px;
    line-height: 1;
    font-weight: 700;
}

.signergy-welcome-stat p {
    margin: 0;
    color: #999999;
    font-size: 12px;
    line-height: 1.4;
}


/* TABLET */

@media (max-width: 991px) {

    .signergy-welcome-section {
        padding-top: 70px;
    }

    .signergy-welcome-grid {
        grid-template-columns: 1fr;
        gap: 50px;
    }

    .signergy-welcome-content h2 {
        font-size: 40px;
    }

    .signergy-welcome-visual {
        max-width: 720px;
        width: 100%;
        margin: 0 auto;
    }

    .signergy-welcome-image {
        height: 400px;
    }

    .signergy-welcome-stats {
        grid-template-columns: repeat(2, 1fr);
        margin-top: 60px;
    }

    .signergy-welcome-stat:nth-child(2) {
        border-right: none;
    }

    .signergy-welcome-stat:nth-child(1),
    .signergy-welcome-stat:nth-child(2) {
        border-bottom: 1px solid rgba(255, 255, 255, 0.10);
    }
}


/* MOBILE */

@media (max-width: 575px) {

    .signergy-welcome-section {
        padding: 55px 15px 0;
    }

    .signergy-welcome-grid {
        gap: 40px;
    }

    .signergy-welcome-content h2 {
        font-size: 32px;
        line-height: 1.2;
        letter-spacing: -0.5px;
    }

    .signergy-welcome-intro {
        font-size: 16px;
        line-height: 1.7;
    }

    .signergy-welcome-text {
        font-size: 14px;
    }

    .signergy-welcome-image-wrap {
        padding-left: 10px;
        padding-bottom: 10px;
    }

    .signergy-welcome-image {
        height: 300px;
    }

    .signergy-welcome-image-badge {
        right: -5px;
        bottom: 25px;
        padding: 13px 15px;
    }

    .signergy-welcome-stats {
        grid-template-columns: 1fr;
        margin-top: 45px;
    }

    .signergy-welcome-stat {
        min-height: 90px;
        padding: 20px;
        border-right: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.10);
    }

    .signergy-welcome-stat:last-child {
        border-bottom: none;
    }
}

/* =========================================
   SIGNERGY PRE-FOOTER
========================================= */

.signergy-prefooter {
    position: relative;
    background: #F8FCFF;
    padding: 70px 0;
    border-top: 1px solid #edf3f7;
    overflow: hidden;
}


/* SUBTLE BLUE DETAIL */

.signergy-prefooter::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: #009CFF;
}


.signergy-prefooter-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 50px;
}


/* LABEL */

.signergy-prefooter-label {
    display: flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 16px;
    color: #009CFF;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
}


.signergy-prefooter-label span {
    width: 30px;
    height: 2px;
    background: #009CFF;
    display: inline-block;
}


/* HEADING */

.signergy-prefooter-content h2 {
    max-width: 760px;
    margin: 0 0 15px;
    color: #252525;
    font-size: 35px;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: -0.7px;
}


.signergy-prefooter-content h2 strong {
    color: #009CFF;
    font-weight: 700;
}


.signergy-prefooter-content p {
    max-width: 620px;
    margin: 0;
    color: #777777;
    font-size: 15px;
    line-height: 1.7;
}


/* BUTTON AREA */

.signergy-prefooter-action {
    display: flex;
    align-items: center;
    gap: 18px;
    flex-shrink: 0;
}


/* PRIMARY BUTTON */

.signergy-prefooter-btn {
    display: inline-flex;
    align-items: center;
    gap: 13px;
    padding: 15px 23px;
    background: #009CFF;
    color: #ffffff;
    border: 1px solid #009CFF;
    border-radius: 3px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    white-space: nowrap;
    transition: all 0.3s ease;
}


.signergy-prefooter-btn i {
    transition: transform 0.3s ease;
}


.signergy-prefooter-btn:hover {
    background: #252525;
    border-color: #252525;
    color: #ffffff;
}


.signergy-prefooter-btn:hover i {
    transform: translateX(5px);
}


/* WHATSAPP */

.signergy-prefooter-whatsapp {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: #252525;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    white-space: nowrap;
    transition: color 0.3s ease;
}


.signergy-prefooter-whatsapp i {
    color: #252525;
    font-size: 17px;
}


.signergy-prefooter-whatsapp:hover {
    color: #009CFF;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 991px) {

    .signergy-prefooter {
        padding: 60px 0;
    }

    .signergy-prefooter-inner {
        flex-direction: column;
        align-items: flex-start;
        gap: 30px;
    }

    .signergy-prefooter-content h2 {
        font-size: 32px;
    }

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 575px) {

    .signergy-prefooter {
        padding: 50px 15px;
    }

    .signergy-prefooter-content h2 {
        font-size: 28px;
        line-height: 1.25;
    }

    .signergy-prefooter-content p {
        font-size: 14px;
    }

    .signergy-prefooter-action {
        flex-wrap: wrap;
        gap: 18px;
    }

    .signergy-prefooter-btn {
        padding: 14px 20px;
    }

}

/* =========================================
   SIGNERGY CONTACT INTRO
========================================= */

.signergy-contact-intro {
    position: relative;
    background: #ffffff;
    padding: 95px 0 90px;
    overflow: hidden;
}

.signergy-contact-intro::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 90px;
    height: 3px;
    background: #009CFF;
}

.signergy-contact-intro-grid {
    display: grid;
    grid-template-columns: 1.15fr 0.85fr;
    gap: 75px;
    align-items: center;
}

/* LEFT */

.signergy-contact-intro-content {
    max-width: 700px;
}

.signergy-contact-eyebrow {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #009CFF;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2.5px;
    margin-bottom: 22px;
}

.signergy-contact-eyebrow span {
    display: inline-block;
    width: 38px;
    height: 2px;
    background: #009CFF;
}

.signergy-contact-intro-content h2 {
    margin: 0 0 25px;
    color: #252525;
    font-size: clamp(38px, 4vw, 58px);
    line-height: 1.08;
    font-weight: 700;
    letter-spacing: -1.5px;
}

.signergy-contact-intro-content h2 strong {
    display: block;
    color: #009CFF;
    font-weight: 700;
}

.signergy-contact-lead {
    color: #444444;
    font-size: 18px;
    line-height: 1.75;
    margin-bottom: 14px;
}

.signergy-contact-intro-content > p:not(.signergy-contact-lead) {
    color: #777777;
    font-size: 15px;
    line-height: 1.8;
    max-width: 630px;
}

/* CONTACT DETAILS */

.signergy-contact-highlights {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
    margin-top: 35px;
}

.signergy-contact-highlight {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    padding: 20px;
    background: #F8F8F8;
    border-left: 3px solid #009CFF;
}

.signergy-contact-highlight-icon {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #009CFF;
    color: #ffffff;
    font-size: 15px;
}

.signergy-contact-highlight span {
    display: block;
    color: #777777;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    margin-bottom: 6px;
}

.signergy-contact-highlight strong {
    display: block;
    color: #252525;
    font-size: 14px;
    line-height: 1.6;
    font-weight: 600;
}

/* RIGHT CARD */

.signergy-contact-card {
    position: relative;
    background: #252525;
    padding: 42px;
    box-shadow: 0 22px 55px rgba(37, 37, 37, 0.14);
    overflow: hidden;
}

.signergy-contact-card::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 110px;
    height: 110px;
    border-right: 3px solid #009CFF;
    border-top: 3px solid #009CFF;
}

.signergy-contact-card::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 75px;
    height: 3px;
    background: #009CFF;
}

.signergy-contact-card-top {
    display: flex;
    align-items: center;
    gap: 18px;
}

.signergy-contact-card-icon {
    width: 58px;
    height: 58px;
    flex: 0 0 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #009CFF;
    color: #ffffff;
    font-size: 22px;
}

.signergy-contact-card-top span {
    display: block;
    color: #009CFF;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2px;
    margin-bottom: 7px;
}

.signergy-contact-card-top h3 {
    margin: 0;
    color: #ffffff;
    font-size: 25px;
    line-height: 1.25;
    font-weight: 600;
}

.signergy-contact-card-line {
    width: 100%;
    height: 1px;
    background: rgba(255,255,255,0.12);
    margin: 30px 0 25px;
}

.signergy-contact-card > p {
    color: #cccccc;
    font-size: 15px;
    line-height: 1.8;
    margin-bottom: 30px;
}

.signergy-contact-card-button {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    padding: 16px 19px;
    background: #009CFF;
    color: #ffffff;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
    transition: all 0.3s ease;
}

.signergy-contact-card-button .fa-arrow-right {
    margin-left: auto;
}

.signergy-contact-card-button:hover {
    background: #ffffff;
    color: #252525;
    transform: translateY(-2px);
}

.signergy-contact-card-note {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-top: 22px;
    color: #999999;
    font-size: 12px;
}

.signergy-contact-card-note i {
    color: #009CFF;
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 991px) {

    .signergy-contact-intro {
        padding: 75px 0;
    }

    .signergy-contact-intro-grid {
        grid-template-columns: 1fr;
        gap: 45px;
    }

    .signergy-contact-intro-content {
        max-width: 100%;
    }

    .signergy-contact-card {
        max-width: 700px;
        width: 100%;
    }
}


@media (max-width: 575px) {

    .signergy-contact-intro {
        padding: 60px 0;
    }

    .signergy-contact-intro-content h2 {
        font-size: 36px;
        letter-spacing: -0.8px;
    }

    .signergy-contact-lead {
        font-size: 16px;
    }

    .signergy-contact-highlights {
        grid-template-columns: 1fr;
    }

    .signergy-contact-card {
        padding: 30px 24px;
    }

    .signergy-contact-card-top h3 {
        font-size: 21px;
    }
}



/* =========================================
   SIGNERGY MAP & CONTACT FORM
========================================= */

.signergy-map-form {
    position: relative;
    padding: 95px 0 100px;
    background: #F8F8F8;
    border-top: 1px solid #eeeeee;
}

.signergy-map-form-heading {
    max-width: 720px;
    margin: 0 auto 55px;
    text-align: center;
}

.signergy-map-form-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: #009CFF;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2.5px;
    margin-bottom: 18px;
}

.signergy-map-form-eyebrow span {
    width: 32px;
    height: 2px;
    background: #009CFF;
}

.signergy-map-form-heading h2 {
    margin: 0 0 18px;
    color: #252525;
    font-size: clamp(36px, 4vw, 52px);
    line-height: 1.1;
    font-weight: 700;
    letter-spacing: -1px;
}

.signergy-map-form-heading h2 strong {
    color: #009CFF;
}

.signergy-map-form-heading p {
    margin: 0 auto;
    max-width: 620px;
    color: #777777;
    font-size: 15px;
    line-height: 1.8;
}


/* =========================================
   TWO COLUMN LAYOUT
========================================= */

.signergy-map-form-grid {
    display: grid;
    grid-template-columns: 0.95fr 1.05fr;
    gap: 35px;
    align-items: stretch;
}


/* =========================================
   MAP BOX
========================================= */

.signergy-map-box {
    background: #252525;
    box-shadow: 0 18px 45px rgba(37, 37, 37, 0.12);
}

.signergy-map-header {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 27px 30px;
}

.signergy-map-icon {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background: #009CFF;
    color: #ffffff;
    font-size: 18px;
}

.signergy-map-header span {
    display: block;
    margin-bottom: 5px;
    color: #009CFF;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2px;
}

.signergy-map-header h3 {
    margin: 0;
    color: #ffffff;
    font-size: 22px;
    font-weight: 600;
}

.signergy-map-frame {
    width: 100%;
    height: 375px;
    overflow: hidden;
}

.signergy-map-frame iframe {
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
    filter: grayscale(20%);
}

.signergy-map-address {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    padding: 25px 30px 28px;
}

.signergy-map-address > i {
    margin-top: 3px;
    color: #009CFF;
    font-size: 17px;
}

.signergy-map-address span {
    display: block;
    margin-bottom: 6px;
    color: #888888;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.5px;
}

.signergy-map-address strong {
    display: block;
    color: #ffffff;
    font-size: 14px;
    line-height: 1.7;
    font-weight: 500;
}


/* =========================================
   FORM BOX
========================================= */

.signergy-form-box {
    background: #ffffff;
    padding: 42px 45px;
    border: 1px solid #e8e8e8;
    box-shadow: 0 18px 45px rgba(37, 37, 37, 0.07);
}

.signergy-form-header {
    margin-bottom: 30px;
}

.signergy-form-header > span {
    display: block;
    margin-bottom: 9px;
    color: #009CFF;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2px;
}

.signergy-form-header h3 {
    margin: 0 0 10px;
    color: #252525;
    font-size: 28px;
    font-weight: 700;
}

.signergy-form-header p {
    margin: 0;
    color: #777777;
    font-size: 14px;
    line-height: 1.7;
}


/* =========================================
   FORM FIELDS
========================================= */

.signergy-contact-form {
    width: 100%;
}

.signergy-form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
}

.signergy-form-group {
    margin-bottom: 20px;
}

.signergy-form-group label {
    display: block;
    margin-bottom: 8px;
    color: #252525;
    font-size: 12px;
    font-weight: 700;
}

.signergy-input-wrap,
.signergy-textarea-wrap {
    position: relative;
}

.signergy-input-wrap > i,
.signergy-textarea-wrap > i {
    position: absolute;
    top: 17px;
    left: 17px;
    color: #009CFF;
    font-size: 13px;
    z-index: 2;
}

.signergy-textarea-wrap > i {
    top: 18px;
}

.signergy-contact-form input,
.signergy-contact-form select,
.signergy-contact-form textarea {
    width: 100%;
    border: 1px solid #dddddd;
    border-radius: 0;
    outline: none;
    background: #F8F8F8;
    color: #252525;
    font-family: inherit;
    font-size: 13px;
    transition: all 0.25s ease;
}

.signergy-contact-form input,
.signergy-contact-form select {
    height: 52px;
    padding: 0 16px 0 45px;
}

.signergy-contact-form textarea {
    min-height: 135px;
    padding: 16px 16px 16px 45px;
    resize: vertical;
}

.signergy-contact-form input::placeholder,
.signergy-contact-form textarea::placeholder {
    color: #999999;
}

.signergy-contact-form select {
    cursor: pointer;
    appearance: auto;
}

.signergy-contact-form input:focus,
.signergy-contact-form select:focus,
.signergy-contact-form textarea:focus {
    border-color: #009CFF;
    background: #ffffff;
    box-shadow: 0 0 0 3px rgba(0, 156, 255, 0.08);
}


/* =========================================
   SUBMIT BUTTON
========================================= */

.signergy-submit-button {
    width: 100%;
    min-height: 55px;
    margin-top: 3px;
    padding: 15px 22px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 0;
    background: #009CFF;
    color: #ffffff;
    cursor: pointer;
    font-family: inherit;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.3px;
    transition: all 0.3s ease;
}

.signergy-submit-button i {
    transition: transform 0.3s ease;
}

.signergy-submit-button:hover {
    background: #252525;
}

.signergy-submit-button:hover i {
    transform: translateX(5px);
}


/* =========================================
   RESPONSIVE
========================================= */

@media (max-width: 991px) {

    .signergy-map-form {
        padding: 75px 0 80px;
    }

    .signergy-map-form-grid {
        grid-template-columns: 1fr;
    }

    .signergy-map-box,
    .signergy-form-box {
        width: 100%;
    }

    .signergy-map-frame {
        height: 350px;
    }
}


@media (max-width: 575px) {

    .signergy-map-form {
        padding: 60px 0 65px;
    }

    .signergy-map-form-heading {
        margin-bottom: 40px;
    }

    .signergy-map-form-heading h2 {
        font-size: 35px;
    }

    .signergy-form-box {
        padding: 30px 22px;
    }

    .signergy-map-header {
        padding: 22px;
    }

    .signergy-map-address {
        padding: 22px;
    }

    .signergy-map-frame {
        height: 300px;
    }

    .signergy-form-row {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .signergy-form-header h3 {
        font-size: 24px;
    }
}


/* =========================================
   SIGNERGY PACKAGES INTRO
========================================= */

.signergy-packages-intro {
    position: relative;
    background: #ffffff;
    padding: 95px 0 100px;
    overflow: hidden;
}

.signergy-packages-intro::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 3px;
    background: #009CFF;
}

.signergy-packages-intro-grid {
    display: grid;
    grid-template-columns: 1.05fr 0.95fr;
    gap: 85px;
    align-items: center;
}


/* =========================================
   LEFT CONTENT
========================================= */

.signergy-packages-intro-content {
    max-width: 680px;
}

.signergy-packages-eyebrow {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 22px;
    color: #009CFF;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2.5px;
}

.signergy-packages-eyebrow span {
    width: 38px;
    height: 2px;
    background: #009CFF;
}

.signergy-packages-intro-content h2 {
    margin: 0 0 25px;
    color: #252525;
    font-size: clamp(38px, 4vw, 56px);
    line-height: 1.08;
    font-weight: 700;
    letter-spacing: -1.5px;
}

.signergy-packages-intro-content h2 strong {
    display: block;
    color: #009CFF;
    font-weight: 700;
}

.signergy-packages-lead {
    margin-bottom: 15px;
    color: #444444;
    font-size: 18px;
    line-height: 1.75;
}

.signergy-packages-intro-content > p:not(.signergy-packages-lead) {
    max-width: 620px;
    margin-bottom: 30px;
    color: #777777;
    font-size: 15px;
    line-height: 1.8;
}


/* =========================================
   EXPLORE LINK
========================================= */

.signergy-packages-link {
    display: inline-flex;
    align-items: center;
    gap: 13px;
    padding: 15px 22px;
    background: #252525;
    color: #ffffff;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
    transition: all 0.3s ease;
}

.signergy-packages-link i {
    color: #009CFF;
    transition: transform 0.3s ease;
}

.signergy-packages-link:hover {
    background: #009CFF;
    color: #ffffff;
}

.signergy-packages-link:hover i {
    color: #ffffff;
    transform: translateX(5px);
}


/* =========================================
   RIGHT VISUAL
========================================= */

.signergy-packages-visual {
    position: relative;
    min-height: 450px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.signergy-packages-visual-main {
    position: relative;
    width: 82%;
    min-height: 390px;
    padding: 55px 45px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: #252525;
    box-shadow: 0 25px 55px rgba(37, 37, 37, 0.16);
    overflow: hidden;
}

.signergy-packages-visual-main::after {
    content: "";
    position: absolute;
    right: -70px;
    bottom: -70px;
    width: 210px;
    height: 210px;
    border: 35px solid rgba(0, 156, 255, 0.12);
    border-radius: 50%;
}

.signergy-packages-visual-main > i {
    width: 58px;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 35px;
    background: #009CFF;
    color: #ffffff;
    font-size: 22px;
}

.signergy-packages-visual-main > span {
    margin-bottom: 13px;
    color: #009CFF;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2.5px;
}

.signergy-packages-visual-main h3 {
    margin: 0;
    color: #ffffff;
    font-size: 36px;
    line-height: 1.2;
    font-weight: 600;
}


/* =========================================
   SMALL VISUAL CARD
========================================= */

.signergy-packages-visual-small {
    position: absolute;
    right: 0;
    top: 35px;
    width: 175px;
    padding: 20px;
    display: flex;
    align-items: center;
    gap: 12px;
    background: #ffffff;
    border-left: 3px solid #009CFF;
    box-shadow: 0 15px 35px rgba(37, 37, 37, 0.12);
}

.signergy-packages-visual-small i {
    color: #009CFF;
    font-size: 20px;
}

.signergy-packages-visual-small span {
    color: #252525;
    font-size: 11px;
    font-weight: 700;
}


/* =========================================
   NUMBER CARD
========================================= */

.signergy-packages-visual-number {
    position: absolute;
    left: 0;
    bottom: 35px;
    width: 125px;
    height: 125px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 22px;
    background: #009CFF;
    color: #ffffff;
    box-shadow: 0 15px 35px rgba(0, 156, 255, 0.18);
}

.signergy-packages-visual-number strong {
    display: block;
    font-size: 38px;
    line-height: 1;
    font-weight: 700;
}

.signergy-packages-visual-number span {
    margin-top: 7px;
    font-size: 9px;
    line-height: 1.4;
    font-weight: 700;
    letter-spacing: 1.5px;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 991px) {

    .signergy-packages-intro {
        padding: 75px 0 80px;
    }

    .signergy-packages-intro-grid {
        grid-template-columns: 1fr;
        gap: 60px;
    }

    .signergy-packages-intro-content {
        max-width: 100%;
    }

    .signergy-packages-visual {
        max-width: 650px;
        width: 100%;
        margin: 0 auto;
    }
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 575px) {

    .signergy-packages-intro {
        padding: 60px 0 65px;
    }

    .signergy-packages-intro-content h2 {
        font-size: 36px;
    }

    .signergy-packages-lead {
        font-size: 16px;
    }

    .signergy-packages-visual {
        min-height: 380px;
    }

    .signergy-packages-visual-main {
        width: 88%;
        min-height: 330px;
        padding: 40px 28px;
    }

    .signergy-packages-visual-main h3 {
        font-size: 29px;
    }

    .signergy-packages-visual-small {
        width: 145px;
        right: -5px;
        top: 20px;
    }

    .signergy-packages-visual-number {
        width: 105px;
        height: 105px;
        left: -5px;
        bottom: 20px;
    }

    .signergy-packages-visual-number strong {
        font-size: 31px;
    }
}


/* =========================================================
   SIGNERGY ELEGANT PRICING SECTION
   ========================================================= */

.signergy-pricing-section {
    position: relative;
    padding: 100px 20px 110px;
    background: #ffffff;
    overflow: hidden;
}

.signergy-pricing-section::before {
    content: "";
    position: absolute;
    width: 500px;
    height: 500px;
    border-radius: 50%;
    background: rgba(0, 156, 255, 0.045);
    left: -280px;
    top: 180px;
}

.signergy-pricing-section::after {
    content: "";
    position: absolute;
    width: 450px;
    height: 450px;
    border-radius: 50%;
    background: rgba(124, 58, 237, 0.035);
    right: -250px;
    bottom: 50px;
}

.signergy-pricing-container {
    position: relative;
    z-index: 2;
    max-width: 1200px;
    margin: 0 auto;
}


/* =========================================================
   HEADING
   ========================================================= */

.signergy-pricing-heading {
    max-width: 760px;
    margin: 0 auto 65px;
    text-align: center;
}

.signergy-pricing-eyebrow {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 13px;
    margin-bottom: 17px;
    color: #009CFF;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 3px;
}

.signergy-pricing-eyebrow span {
    display: block;
    width: 34px;
    height: 2px;
    background: #009CFF;
}

.signergy-pricing-heading h2 {
    margin: 0 0 18px;
    color: #252525;
    font-size: 42px;
    line-height: 1.15;
    font-weight: 800;
    letter-spacing: -1px;
}

.signergy-pricing-heading h2 span {
    color: #009CFF;
    margin: 0 6px;
}

.signergy-pricing-heading p {
    max-width: 650px;
    margin: 0 auto;
    color: #777777;
    font-size: 16px;
    line-height: 1.8;
}


/* =========================================================
   PACKAGE GRID
   ========================================================= */

.signergy-pricing-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
    align-items: stretch;
}


/* =========================================================
   GENERAL CARD
   ========================================================= */

.signergy-package-card {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 42px 34px 36px;
    border-radius: 20px;
    min-height: 680px;
    overflow: hidden;
    transition: all 0.35s ease;
}

.signergy-package-card:hover {
    transform: translateY(-8px);
}


/* =========================================================
   BASIC CARD — BLUE
   ========================================================= */

.signergy-basic {
    background: #EAF6FF;
    border: 1px solid rgba(0, 156, 255, 0.18);
    box-shadow: 0 18px 45px rgba(0, 156, 255, 0.10);
}

.signergy-basic::before {
    content: "";
    position: absolute;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    background: rgba(0, 156, 255, 0.08);
    right: -80px;
    top: -80px;
}


/* =========================================================
   STANDARD CARD — NAVY
   ========================================================= */

.signergy-standard {
    background: #172B4D;
    border: 1px solid #213d68;
    box-shadow: 0 25px 60px rgba(23, 43, 77, 0.28);
    transform: translateY(-12px);
}

.signergy-standard:hover {
    transform: translateY(-20px);
}

.signergy-standard::before {
    content: "";
    position: absolute;
    width: 280px;
    height: 280px;
    border-radius: 50%;
    background: rgba(56, 189, 248, 0.08);
    right: -140px;
    top: -110px;
}

.signergy-standard::after {
    content: "";
    position: absolute;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    background: rgba(0, 156, 255, 0.06);
    left: -100px;
    bottom: -80px;
}


/* =========================================================
   PREMIUM CARD — PURPLE
   ========================================================= */

.signergy-premium {
    background: #F3EEFF;
    border: 1px solid rgba(124, 58, 237, 0.18);
    box-shadow: 0 18px 45px rgba(124, 58, 237, 0.10);
}

.signergy-premium::before {
    content: "";
    position: absolute;
    width: 190px;
    height: 190px;
    border-radius: 50%;
    background: rgba(124, 58, 237, 0.08);
    right: -90px;
    top: -80px;
}


/* =========================================================
   POPULAR BADGE
   ========================================================= */

.signergy-popular-badge {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    padding: 10px 23px;
    background: #38BDF8;
    color: #172B4D;
    border-radius: 0 0 10px 10px;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 1.5px;
    white-space: nowrap;
}


/* =========================================================
   ICON
   ========================================================= */

.signergy-package-icon {
    position: relative;
    z-index: 2;
    width: 58px;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 22px;
    border-radius: 15px;
    font-size: 22px;
}

.signergy-basic .signergy-package-icon {
    background: rgba(0, 156, 255, 0.12);
    color: #009CFF;
}

.signergy-standard .signergy-package-icon {
    background: rgba(56, 189, 248, 0.13);
    color: #38BDF8;
}

.signergy-premium .signergy-package-icon {
    background: rgba(124, 58, 237, 0.12);
    color: #7C3AED;
}


/* =========================================================
   PACKAGE NAME
   ========================================================= */

.signergy-package-name {
    position: relative;
    z-index: 2;
    font-size: 17px;
    font-weight: 900;
    letter-spacing: 1.5px;
}

.signergy-basic .signergy-package-name,
.signergy-premium .signergy-package-name {
    color: #252525;
}

.signergy-standard .signergy-package-name {
    color: #ffffff;
}


/* =========================================================
   SMALL BLUE / PURPLE LINE
   ========================================================= */

.signergy-package-line {
    position: relative;
    z-index: 2;
    width: 38px;
    height: 3px;
    margin: 13px 0 20px;
}

.signergy-basic .signergy-package-line {
    background: #009CFF;
}

.signergy-standard .signergy-package-line {
    background: #38BDF8;
}

.signergy-premium .signergy-package-line {
    background: #7C3AED;
}


/* =========================================================
   PRICE
   ========================================================= */

.signergy-package-price {
    position: relative;
    z-index: 2;
    font-size: 40px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: -1px;
}

.signergy-package-price small {
    font-size: 21px;
    font-weight: 700;
    vertical-align: top;
    margin-right: 2px;
}

.signergy-package-price span {
    font-size: 20px;
    vertical-align: top;
    margin-top: 4px;
}

.signergy-basic .signergy-package-price,
.signergy-premium .signergy-package-price {
    color: #252525;
}

.signergy-standard .signergy-package-price {
    color: #ffffff;
}


/* =========================================================
   DIVIDER
   ========================================================= */

.signergy-package-divider {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 1px;
    margin: 25px 0 23px;
}

.signergy-basic .signergy-package-divider {
    background: rgba(0, 156, 255, 0.15);
}

.signergy-standard .signergy-package-divider {
    background: rgba(255, 255, 255, 0.13);
}

.signergy-premium .signergy-package-divider {
    background: rgba(124, 58, 237, 0.15);
}


/* =========================================================
   FEATURES
   ========================================================= */

.signergy-package-features {
    position: relative;
    z-index: 2;
    list-style: none;
    padding: 0;
    margin: 0;
    flex: 1;
}

.signergy-package-features li {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    margin-bottom: 13px;
    font-size: 13px;
    line-height: 1.45;
}

.signergy-basic .signergy-package-features li,
.signergy-premium .signergy-package-features li {
    color: #52657a;
}

.signergy-standard .signergy-package-features li {
    color: rgba(255, 255, 255, 0.82);
}

.signergy-package-features li i {
    flex-shrink: 0;
    margin-top: 3px;
    font-size: 11px;
}

.signergy-basic .signergy-package-features li i {
    color: #009CFF;
}

.signergy-standard .signergy-package-features li i {
    color: #38BDF8;
}

.signergy-premium .signergy-package-features li i {
    color: #7C3AED;
}


/* =========================================================
   BUTTON
   ========================================================= */

.signergy-package-button {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    width: 100%;
    min-height: 54px;
    margin-top: 25px;
    border-radius: 10px;
    text-decoration: none;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1px;
    transition: all 0.3s ease;
}

.signergy-basic .signergy-package-button {
    color: #009CFF;
    background: #ffffff;
    border: 1px solid #009CFF;
}

.signergy-basic .signergy-package-button:hover {
    color: #ffffff;
    background: #009CFF;
}

.signergy-standard .signergy-package-button {
    color: #172B4D;
    background: #38BDF8;
    border: 1px solid #38BDF8;
}

.signergy-standard .signergy-package-button:hover {
    background: #ffffff;
    border-color: #ffffff;
}

.signergy-premium .signergy-package-button {
    color: #7C3AED;
    background: #ffffff;
    border: 1px solid #7C3AED;
}

.signergy-premium .signergy-package-button:hover {
    color: #ffffff;
    background: #7C3AED;
}

.signergy-package-button i {
    transition: transform 0.3s ease;
}

.signergy-package-button:hover i {
    transform: translateX(5px);
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991px) {

    .signergy-pricing-section {
        padding: 80px 20px 90px;
    }

    .signergy-pricing-heading {
        margin-bottom: 50px;
    }

    .signergy-pricing-heading h2 {
        font-size: 35px;
    }

    .signergy-pricing-grid {
        grid-template-columns: 1fr;
        max-width: 600px;
        margin: 0 auto;
        gap: 30px;
    }

    .signergy-package-card {
        min-height: auto;
    }

    .signergy-standard {
        transform: none;
    }

    .signergy-standard:hover {
        transform: translateY(-8px);
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 575px) {

    .signergy-pricing-section {
        padding: 65px 15px 75px;
    }

    .signergy-pricing-heading {
        margin-bottom: 40px;
    }

    .signergy-pricing-eyebrow {
        font-size: 10px;
        letter-spacing: 2px;
    }

    .signergy-pricing-eyebrow span {
        width: 25px;
    }

    .signergy-pricing-heading h2 {
        font-size: 29px;
        letter-spacing: -0.5px;
    }

    .signergy-pricing-heading h2 span {
        margin: 0 3px;
    }

    .signergy-pricing-heading p {
        font-size: 14px;
        line-height: 1.7;
    }

    .signergy-pricing-grid {
        gap: 22px;
    }

    .signergy-package-card {
        padding: 35px 25px 30px;
        border-radius: 17px;
    }

    .signergy-package-price {
        font-size: 36px;
    }

    .signergy-package-features li {
        font-size: 13px;
    }

}

.signergy-basic {
    background: #FFE0C2;
    border: 1px solid rgba(245, 130, 32, 0.28);
    box-shadow: 0 18px 45px rgba(245, 130, 32, 0.16);
}

.signergy-basic::before {
    background: rgba(245, 130, 32, 0.13);
}

.signergy-basic .signergy-package-icon {
    background: rgba(245, 130, 32, 0.16);
    color: #E56F00;
}

.signergy-basic .signergy-package-name {
    color: #252525;
}

.signergy-basic .signergy-package-line {
    background: #E56F00;
}

.signergy-basic .signergy-package-price {
    color: #252525;
}

.signergy-basic .signergy-package-divider {
    background: rgba(229, 111, 0, 0.20);
}

.signergy-basic .signergy-package-features li {
    color: #55483E;
}

.signergy-basic .signergy-package-features li i {
    color: #E56F00;
}

.signergy-basic .signergy-package-button {
    color: #E56F00;
    background: #ffffff;
    border: 1px solid #E56F00;
}

.signergy-basic .signergy-package-button:hover {
    color: #ffffff;
    background: #E56F00;
}

/* =========================================================
   SIGNERGY — COMPACT ELEGANT TESTIMONIALS
   ========================================================= */

.signergy-testimonials {
    position: relative;
    padding: 75px 20px 80px;
    background: #ffffff;
    overflow: hidden;
}

.signergy-testimonials-container {
    position: relative;
    z-index: 2;
    max-width: 1080px;
    margin: 0 auto;
}


/* HEADING */

.signergy-testimonials-heading {
    max-width: 620px;
    margin: 0 auto 45px;
    text-align: center;
}

.signergy-testimonials-eyebrow {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-bottom: 12px;
    color: #E56F00;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 2.5px;
}

.signergy-testimonials-eyebrow span {
    width: 25px;
    height: 2px;
    background: #E56F00;
}

.signergy-testimonials-heading h2 {
    margin: 0 0 12px;
    color: #172B4D;
    font-size: 34px;
    line-height: 1.2;
    font-weight: 800;
    letter-spacing: -0.5px;
}

.signergy-testimonials-heading h2 em {
    color: #E56F00;
    font-style: normal;
}

.signergy-testimonials-heading p {
    max-width: 560px;
    margin: 0 auto;
    color: #727B84;
    font-size: 14px;
    line-height: 1.7;
}


/* GRID */

.signergy-testimonials-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
}


/* CARD */

.signergy-testimonial-card {
    position: relative;
    min-height: 255px;
    padding: 27px 29px 25px;
    border-radius: 14px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.signergy-testimonial-card:hover {
    transform: translateY(-4px);
}


/* COLOURS */

.signergy-testimonial-orange {
    background: #FFE0C2;
    border: 1px solid rgba(229, 111, 0, 0.18);
    box-shadow: 0 12px 30px rgba(229, 111, 0, 0.08);
}

.signergy-testimonial-navy {
    background: #172B4D;
    border: 1px solid #213D68;
    box-shadow: 0 12px 30px rgba(23, 43, 77, 0.15);
}

.signergy-testimonial-green {
    background: #D8F0DD;
    border: 1px solid rgba(56, 142, 60, 0.18);
    box-shadow: 0 12px 30px rgba(56, 142, 60, 0.08);
}

.signergy-testimonial-light {
    background: #F3F6F4;
    border: 1px solid #E3E9E4;
    box-shadow: 0 12px 30px rgba(23, 43, 77, 0.06);
}


/* TOP ROW */

.signergy-testimonial-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 17px;
}

.signergy-testimonial-stars {
    display: flex;
    gap: 3px;
    color: #E56F00;
    font-size: 9px;
}

.signergy-testimonial-navy .signergy-testimonial-stars {
    color: #38BDF8;
}

.signergy-testimonial-green .signergy-testimonial-stars {
    color: #388E3C;
}

.signergy-testimonial-light .signergy-testimonial-stars {
    color: #E56F00;
}


/* QUOTE */

.signergy-testimonial-quote {
    color: #172B4D;
    font-size: 25px;
    opacity: 0.14;
}

.signergy-testimonial-navy .signergy-testimonial-quote {
    color: #ffffff;
}


/* TEXT */

.signergy-testimonial-text {
    margin: 0;
    max-width: 500px;
    color: #4D5964;
    font-size: 13px;
    line-height: 1.7;
    font-weight: 500;
}

.signergy-testimonial-navy .signergy-testimonial-text {
    color: rgba(255, 255, 255, 0.82);
}


/* CLIENT */

.signergy-testimonial-client {
    display: flex;
    align-items: center;
    gap: 11px;
    margin-top: auto;
    padding-top: 20px;
}

.signergy-testimonial-client img {
    width: 42px;
    height: 42px;
    flex-shrink: 0;
    object-fit: cover;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, 0.85);
}

.signergy-testimonial-client h4 {
    margin: 0 0 3px;
    color: #172B4D;
    font-size: 12px;
    font-weight: 800;
}

.signergy-testimonial-client span {
    color: #737D86;
    font-size: 10px;
    font-weight: 600;
}

.signergy-testimonial-navy .signergy-testimonial-client h4 {
    color: #ffffff;
}

.signergy-testimonial-navy .signergy-testimonial-client span {
    color: rgba(255, 255, 255, 0.58);
}


/* MOBILE */

@media (max-width: 767px) {

    .signergy-testimonials {
        padding: 60px 18px 65px;
    }

    .signergy-testimonials-heading {
        margin-bottom: 35px;
    }

    .signergy-testimonials-heading h2 {
        font-size: 29px;
    }

    .signergy-testimonials-grid {
        grid-template-columns: 1fr;
        gap: 15px;
        max-width: 560px;
        margin: 0 auto;
    }

    .signergy-testimonial-card {
        min-height: 225px;
        padding: 24px 23px;
    }

}


/* SMALL MOBILE */

@media (max-width: 480px) {

    .signergy-testimonials {
        padding: 50px 15px 55px;
    }

    .signergy-testimonials-heading h2 {
        font-size: 26px;
    }

    .signergy-testimonials-heading p {
        font-size: 13px;
    }

    .signergy-testimonial-card {
        min-height: 215px;
        padding: 22px 20px;
        border-radius: 12px;
    }

    .signergy-testimonial-text {
        font-size: 12.5px;
        line-height: 1.65;
    }

    .signergy-testimonial-client {
        padding-top: 17px;
    }

}

.signergy-testimonials {
    position: relative;
    padding: 20px 10px 50px;
    background: #ffffff;
    overflow: hidden;
}

/* =========================================================
   SIGNERGY — OUR WORK INTRO
   ========================================================= */

.signergy-work-intro {
    position: relative;
    padding: 70px 20px 65px;
    background: #ffffff;
    overflow: hidden;
}

.signergy-work-intro-container {
    max-width: 1080px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1.6fr 0.7fr;
    gap: 70px;
    align-items: end;
}


/* LEFT CONTENT */

.signergy-work-intro-content {
    position: relative;
}

.signergy-work-eyebrow {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
    color: #E56F00;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 2.5px;
}

.signergy-work-eyebrow span {
    width: 27px;
    height: 2px;
    background: #E56F00;
    display: block;
}

.signergy-work-intro h1 {
    margin: 0 0 17px;
    color: #172B4D;
    font-size: 48px;
    line-height: 1.08;
    font-weight: 800;
    letter-spacing: -1.5px;
}

.signergy-work-intro h1 em {
    color: #E56F00;
    font-style: normal;
}

.signergy-work-intro-content > p {
    max-width: 650px;
    margin: 0;
    color: #66717B;
    font-size: 14px;
    line-height: 1.8;
}


/* TAGS */

.signergy-work-intro-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 25px;
}

.signergy-work-intro-tags span {
    padding: 7px 13px;
    border-radius: 50px;
    background: #F3F6F4;
    border: 1px solid #E3E9E4;
    color: #172B4D;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.5px;
}


/* RIGHT SIDE */

.signergy-work-intro-side {
    padding-left: 28px;
    border-left: 1px solid #E4E8EB;
}

.signergy-work-number {
    display: flex;
    align-items: baseline;
    gap: 10px;
    margin-bottom: 17px;
}

.signergy-work-number strong {
    color: #172B4D;
    font-size: 34px;
    line-height: 1;
    font-weight: 800;
}

.signergy-work-number span {
    color: #8A9299;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.signergy-work-line {
    width: 45px;
    height: 3px;
    margin-bottom: 17px;
    background: #E56F00;
}

.signergy-work-intro-side p {
    max-width: 220px;
    margin: 0;
    color: #7A838B;
    font-size: 12px;
    line-height: 1.7;
}


/* TABLET */

@media (max-width: 767px) {

    .signergy-work-intro {
        padding: 55px 20px 50px;
    }

    .signergy-work-intro-container {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .signergy-work-intro h1 {
        font-size: 39px;
    }

    .signergy-work-intro-side {
        padding-left: 0;
        padding-top: 20px;
        border-left: none;
        border-top: 1px solid #E4E8EB;
    }

    .signergy-work-intro-side p {
        max-width: 450px;
    }

}


/* SMALL MOBILE */

@media (max-width: 480px) {

    .signergy-work-intro {
        padding: 45px 15px 45px;
    }

    .signergy-work-intro h1 {
        font-size: 32px;
        letter-spacing: -1px;
    }

    .signergy-work-intro-content > p {
        font-size: 13px;
        line-height: 1.7;
    }

    .signergy-work-intro-tags {
        margin-top: 20px;
    }

}

/* =========================================================
   SIGNERGY — OUR WORK HERO
   ========================================================= */

.signergy-work-hero {
    position: relative;
    padding: 65px 20px 75px;
    background: #ffffff;
    overflow: hidden;
}

.signergy-work-hero::before {
    content: "";
    position: absolute;
    width: 330px;
    height: 330px;
    border-radius: 50%;
    background: rgba(0, 156, 255, 0.045);
    left: -190px;
    top: 40px;
}

.signergy-work-hero-container {
    position: relative;
    z-index: 2;
    max-width: 1120px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 0.9fr;
    gap: 70px;
    align-items: center;
}


/* =========================================================
   CONTENT
   ========================================================= */

.signergy-work-hero-content {
    max-width: 600px;
}

.signergy-work-hero-label {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
    color: #009CFF;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 2.5px;
}

.signergy-work-hero-label span {
    display: block;
    width: 28px;
    height: 2px;
    background: #009CFF;
}

.signergy-work-hero h1 {
    margin: 0 0 18px;
    color: #252525;
    font-size: 47px;
    line-height: 1.08;
    font-weight: 700;
    letter-spacing: -1.5px;
}

.signergy-work-hero h1 strong {
    color: #009CFF;
    font-weight: 800;
}

.signergy-work-hero-content > p {
    max-width: 550px;
    margin: 0;
    color: #777777;
    font-size: 14px;
    line-height: 1.8;
}


/* =========================================================
   BUTTONS
   ========================================================= */

.signergy-work-hero-buttons {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 27px;
}

.signergy-work-primary-btn,
.signergy-work-secondary-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 45px;
    padding: 0 19px;
    border-radius: 7px;
    text-decoration: none;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.4px;
    transition: all 0.3s ease;
}

.signergy-work-primary-btn {
    color: #ffffff;
    background: #009CFF;
    border: 1px solid #009CFF;
}

.signergy-work-primary-btn:hover {
    color: #ffffff;
    background: #252525;
    border-color: #252525;
}

.signergy-work-secondary-btn {
    color: #252525;
    background: #ffffff;
    border: 1px solid #D9D9D9;
}

.signergy-work-secondary-btn:hover {
    color: #009CFF;
    border-color: #009CFF;
}

.signergy-work-primary-btn i,
.signergy-work-secondary-btn i {
    font-size: 9px;
    transition: transform 0.3s ease;
}

.signergy-work-primary-btn:hover i {
    transform: translateY(3px);
}

.signergy-work-secondary-btn:hover i {
    transform: translateX(4px);
}


/* =========================================================
   VISUAL
   ========================================================= */

.signergy-work-hero-visual {
    position: relative;
    min-height: 390px;
}

.signergy-work-visual-main {
    position: absolute;
    top: 0;
    right: 0;
    width: 88%;
    height: 330px;
    padding: 9px;
    background: #F8F8F8;
    border: 1px solid #E9E9E9;
    box-shadow: 0 20px 45px rgba(37, 37, 37, 0.10);
}

.signergy-work-visual-main img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}


/* SMALL FLOATING CARD */

.signergy-work-visual-card {
    position: absolute;
    left: 0;
    bottom: 28px;
    width: 185px;
    padding: 17px 18px;
    background: #252525;
    box-shadow: 0 15px 35px rgba(37, 37, 37, 0.20);
}

.signergy-work-visual-card span {
    display: block;
    margin-bottom: 5px;
    color: #009CFF;
    font-size: 8px;
    font-weight: 800;
    letter-spacing: 1.5px;
}

.signergy-work-visual-card strong {
    display: block;
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
}

.signergy-work-visual-card i {
    position: absolute;
    right: 16px;
    bottom: 17px;
    color: #009CFF;
    font-size: 12px;
}


/* NUMBER */

.signergy-work-visual-number {
    position: absolute;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: baseline;
    gap: 8px;
}

.signergy-work-visual-number strong {
    color: #009CFF;
    font-size: 27px;
    font-weight: 800;
}

.signergy-work-visual-number span {
    color: #777777;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 900px) {

    .signergy-work-hero-container {
        grid-template-columns: 1fr 0.85fr;
        gap: 40px;
    }

    .signergy-work-hero h1 {
        font-size: 40px;
    }

    .signergy-work-hero-visual {
        min-height: 340px;
    }

    .signergy-work-visual-main {
        height: 285px;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .signergy-work-hero {
        padding: 50px 18px 60px;
    }

    .signergy-work-hero-container {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .signergy-work-hero h1 {
        font-size: 36px;
    }

    .signergy-work-hero-content > p {
        font-size: 13px;
    }

    .signergy-work-hero-visual {
        min-height: 320px;
        max-width: 560px;
        width: 100%;
        margin: 0 auto;
    }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

    .signergy-work-hero {
        padding: 45px 15px 50px;
    }

    .signergy-work-hero h1 {
        font-size: 31px;
        letter-spacing: -0.8px;
    }

    .signergy-work-hero-buttons {
        gap: 8px;
    }

    .signergy-work-primary-btn,
    .signergy-work-secondary-btn {
        min-height: 42px;
        padding: 0 14px;
        font-size: 10px;
    }

    .signergy-work-hero-visual {
        min-height: 280px;
    }

    .signergy-work-visual-main {
        width: 87%;
        height: 235px;
    }

    .signergy-work-visual-card {
        width: 160px;
        padding: 14px;
        bottom: 18px;
    }

    .signergy-work-visual-number {
        right: 0;
    }

    .signergy-work-visual-number strong {
        font-size: 22px;
    }

}
/* =========================================================
   SIGNERGY — FLOATING WHATSAPP BUTTON
   ========================================================= */

.signergy-whatsapp-float {
    position: fixed;
    right: 25px;
    bottom: 25px;
    width: 58px;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #25D366;
    color: #ffffff;
    border-radius: 50%;
    text-decoration: none;
    z-index: 9999;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.20);
    transition: all 0.3s ease;
}

.signergy-whatsapp-float i {
    position: relative;
    z-index: 3;
    font-size: 28px;
}

.signergy-whatsapp-float:hover {
    color: #ffffff;
    background: #009CFF;
    transform: translateY(-5px);
    box-shadow: 0 15px 35px rgba(0, 156, 255, 0.30);
}

/* Pulse ring */

.signergy-whatsapp-pulse {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 2px solid #25D366;
    animation: signergyWhatsappPulse 2s infinite;
    opacity: 0;
}

@keyframes signergyWhatsappPulse {
    0% {
        transform: scale(1);
        opacity: 0.65;
    }

    70% {
        transform: scale(1.45);
        opacity: 0;
    }

    100% {
        transform: scale(1.45);
        opacity: 0;
    }
}

/* Tooltip */

.signergy-whatsapp-tooltip {
    position: absolute;
    right: 70px;
    top: 50%;
    transform: translateY(-50%) translateX(8px);
    padding: 9px 13px;
    background: #252525;
    color: #ffffff;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transition: all 0.25s ease;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

.signergy-whatsapp-tooltip::after {
    content: "";
    position: absolute;
    right: -5px;
    top: 50%;
    width: 10px;
    height: 10px;
    background: #252525;
    transform: translateY(-50%) rotate(45deg);
}

.signergy-whatsapp-float:hover .signergy-whatsapp-tooltip {
    opacity: 1;
    visibility: visible;
    transform: translateY(-50%) translateX(0);
}

/* Mobile */

@media (max-width: 767px) {

    .signergy-whatsapp-float {
        right: 18px;
        bottom: 18px;
        width: 54px;
        height: 54px;
    }

    .signergy-whatsapp-float i {
        font-size: 25px;
    }

    .signergy-whatsapp-tooltip {
        display: none;
    }

}