:root {
    --primary: #1f2933;
    --secondary: #ffffff;
    --accent: #006d77;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: "Mulish", sans-serif;
    overflow-x: hidden;
}

.navbar {
    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    padding: 18px 0;

    z-index: 999;

    transition: 0.4s;
}

.navbar.scrolled {
    position: fixed;

    background: #ffffff;

    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.15);

    padding: 8px 0;
}

.logo img {
    width: 150px;
    max-height: 75px;
    object-fit: contain;
}

.navbar.scrolled .logo img {
    width: 120px;
    max-height: 55px;
}

.nav-link {
    color: #fff !important;

    font-size: 15px;

    font-weight: 700;

    margin-left: 22px;

    transition: all 0.3s ease;

    position: relative;
}

.nav-link::before {
    content: "";

    position: absolute;

    left: 50%;

    bottom: -8px;

    width: 0;

    height: 3px;

    background: #006d77;

    border-radius: 10px;

    transform: translateX(-50%);

    transition: 0.35s ease;
}

.nav-link:hover {
    color: #fff !important;
}

.nav-link:hover::before {
    width: 85%;
}

.dropdown-toggle::after {
    margin-left: 6px;

    vertical-align: middle;

    border-top: 0.35em solid #fff;

    border-right: 0.35em solid transparent;

    border-left: 0.35em solid transparent;
}

.navbar.scrolled .dropdown-toggle::after {
    border-top-color: #1f2933;
}

.navbar.scrolled .nav-link {
    color: var(--primary) !important;
}

.navbar.scrolled .contact-btn {
    color: #fff !important;
}

.contact-btn {
    background: #006d77;

    padding: 12px 28px !important;

    min-width: 135px;

    border-radius: 50px;

    color: #fff !important;

    font-weight: 700;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 10px;

    box-shadow: 0 10px 25px rgba(0, 109, 119, 0.35);

    transition: all 0.35s ease;

    cursor: pointer;

    position: relative;

    overflow: hidden;
}

.contact-btn i {
    font-size: 13px;

    transition: 0.3s ease;
}

.contact-btn:hover {
    background: #00565f;

    color: #fff !important;

    transform: translateY(-4px);

    box-shadow: 0 15px 35px rgba(0, 109, 119, 0.45);
}

.contact-btn:hover i {
    transform: translateX(6px);
}

.dropdown-menu {
    border: none;

    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);

    padding: 15px;
}

.dropdown-item {
    padding: 10px 20px;

    font-weight: 600;
}

.dropdown-item:hover {
    background: var(--accent);

    color: white;
}

.hero {
    height: 100vh;

    position: relative;

    overflow: hidden;
}

.carousel-item {
    height: 100vh;
}

.carousel-item img {
    height: 100%;

    width: 100%;

    object-fit: cover;
}

.hero-overlay {
    position: absolute;

    inset: 0;

    background: linear-gradient(90deg, rgba(31, 41, 51, 0.3), rgba(31, 41, 51, 0.12));

    z-index: 1;
}

.hero-content {
    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    z-index: 2;

    color: #fff;

    max-width: 850px;
}

.hero-small {
    font-size: 15px;

    font-weight: 800;

    letter-spacing: 4px;

    display: block;

    margin-bottom: 25px;
}

.hero-content h1 {
    font-size: 40px;

    font-weight: 900;

    line-height: 1.1;
}

.hero-content h1 span {
    color: #0bb7c5;
}

.hero-content p {
    font-size: 20px;

    line-height: 1.8;

    max-width: 500px;

    margin: 30px 0;
}

.btn-main {
    display: inline-block;
    background: #006d77;
    padding: 14px 34px;
    border-radius: 50px;
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    transition: 0.3s;
    margin-right: 12px;
    box-shadow: 0 8px 20px rgba(0, 109, 119, 0.35);
}

.btn-main:hover {
    background: #fff;
    color: #006d77;
    transform: translateY(-3px);
}

.btn-outline {
    display: inline-block;
    border: 2px solid #fff;
    padding: 12px 32px;
    border-radius: 50px;
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    transition: 0.3s;
}

.btn-outline:hover {
    background: #fff;
    color: #1f2933;
    transform: translateY(-3px);
}

.carousel-indicators button {
    width: 12px !important;

    height: 12px !important;

    border-radius: 50%;
}

@media (max-width: 1200px) {
    .hero-content h1 {
        font-size: 60px;
    }
}

@media (max-width: 991px) {
    .navbar {
        padding: 20px 0;
    }

    .hero-content {
        padding: 0 25px;
    }

    .hero-content h1 {
        font-size: 45px;
    }

    .hero-content p {
        font-size: 17px;
    }
}

@media (max-width: 576px) {
    .logo img {
        width: 145px;
    }

    .hero,
    .carousel-item {
        height: 90vh;
    }

    .hero-content h1 {
        font-size: 34px;
    }

    .hero-small {
        font-size: 12px;

        letter-spacing: 2px;
    }

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

    .btn-main,
    .btn-outline {
        display: block;

        width: max-content;

        margin: 15px 0;
    }
}

.mobile-overlay {
    position: fixed;

    inset: 0;

    background: rgba(11, 18, 24, 0.72);

    backdrop-filter: blur(4px);

    -webkit-backdrop-filter: blur(4px);

    z-index: 9998;

    opacity: 0;

    visibility: hidden;

    transition:
        opacity 0.35s ease,
        visibility 0.35s ease;
}

.mobile-overlay.active {
    opacity: 1;

    visibility: visible;
}

.mobile-sidebar {
    position: fixed;

    top: 0;

    right: 0;

    width: 380px;

    max-width: 92%;

    height: 100dvh;

    background: #fff;

    z-index: 9999;

    display: flex;

    flex-direction: column;

    transform: translateX(105%);

    transition: transform 0.45s cubic-bezier(0.77, 0, 0.18, 1);

    box-shadow: -18px 0 55px rgba(0, 0, 0, 0.22);

    overflow-y: auto;
}

.mobile-sidebar.active {
    transform: translateX(0);
}

.sidebar-top {
    min-height: 92px;

    padding: 20px 25px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    border-bottom: 1px solid #e8ecef;
}

.sidebar-logo img {
    width: 150px;

    max-height: 64px;

    object-fit: contain;
}

.close-menu {
    width: 44px;

    height: 44px;

    border: 0;

    outline: 0;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    background: #f2f5f6;

    color: var(--primary);

    font-size: 21px;

    transition: 0.3s;
}

.close-menu:hover {
    background: var(--accent);

    color: #fff;

    transform: rotate(90deg);
}

.sidebar-menu-wrap {
    padding: 20px 25px;
}

.mobile-menu {
    margin: 0;

    padding: 0;

    list-style: none;
}

.mobile-menu > li {
    border-bottom: 1px solid #edf0f2;
}

.mobile-menu > li > a,
.mobile-service-toggle {
    width: 100%;

    min-height: 56px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    border: 0;

    background: transparent;

    text-decoration: none;

    color: var(--primary);

    font-size: 16px;

    font-weight: 700;

    text-align: left;

    transition: 0.3s;
}

.mobile-menu > li > a i {
    color: #a2abb3;

    font-size: 13px;

    transition: 0.3s;
}

.mobile-menu > li > a:hover {
    color: var(--accent);

    padding-left: 7px;
}

.mobile-menu > li > a:hover i {
    color: var(--accent);
}

.mobile-service-toggle i {
    font-size: 13px;

    transition: 0.3s;
}

.mobile-service-toggle.active {
    color: var(--accent);
}

.mobile-service-toggle.active i {
    transform: rotate(180deg);
}

.mobile-service-dropdown {
    list-style: none;

    padding: 0 0 12px 13px;

    margin: 0;

    display: none;
}

.mobile-service-dropdown.active {
    display: block;
}

.mobile-service-dropdown li a {
    display: block;

    padding: 8px 10px;

    color: #5e6871;

    text-decoration: none;

    font-size: 14px;

    font-weight: 600;

    border-left: 2px solid #e0e6e8;

    transition: 0.3s;
}

.mobile-service-dropdown li a:hover {
    color: var(--accent);

    border-color: var(--accent);

    padding-left: 16px;
}

.sidebar-bottom {
    margin-top: auto;

    padding: 28px 25px;

    background: var(--primary);
}

.sidebar-bottom > span {
    display: block;

    color: #6fd0d6;

    font-size: 11px;

    font-weight: 800;

    letter-spacing: 2px;

    margin-bottom: 9px;
}

.sidebar-bottom p {
    color: #d8e0e5;

    font-size: 14px;

    line-height: 1.7;

    margin-bottom: 18px;
}

.sidebar-contact-btn {
    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: 13px 17px;

    background: var(--accent);

    color: #fff;

    text-decoration: none;

    border-radius: 5px;

    font-weight: 700;

    transition: 0.3s;
}

.sidebar-contact-btn:hover {
    background: #fff;

    color: var(--primary);
}

.footer {
    position: relative;

    background: #121b23;

    color: #fff;
}

.footer-top {
    padding: 60px 0 45px;

    position: relative;

    overflow: hidden;
}

.footer-top::before {
    content: "";

    position: absolute;

    width: 330px;

    height: 330px;

    border: 65px solid rgba(0, 109, 119, 0.055);

    border-radius: 50%;

    right: -110px;

    top: -120px;

    pointer-events: none;
}

.footer-logo {
    width: 125px;

    max-height: 60px;

    object-fit: contain;

    margin-bottom: 18px;

    margin-left: -20px;
}

.footer-brand p {
    max-width: 390px;

    color: #abb7c1;

    font-size: 15px;

    line-height: 1.85;

    margin-bottom: 25px;
}

.footer-social {
    display: flex;

    align-items: center;

    gap: 9px;
}

.footer-social a {
    width: 42px;

    height: 42px;

    display: flex;

    align-items: center;

    justify-content: center;

    border: 1px solid rgba(255, 255, 255, 0.13);

    background: rgba(255, 255, 255, 0.04);

    border-radius: 4px;

    color: #fff;

    text-decoration: none;

    transition: 0.3s;
}

.footer-social a:hover {
    background: var(--accent);

    border-color: var(--accent);

    transform: translateY(-4px);
}

.footer-column h4 {
    position: relative;

    font-size: 18px;

    font-weight: 800;

    padding-bottom: 15px;

    margin-bottom: 24px;
}

.footer-column h4::before {
    content: "";

    position: absolute;

    left: 0;

    bottom: 0;

    width: 34px;

    height: 2px;

    background: var(--accent);
}

.footer-column ul {
    list-style: none;

    margin: 0;

    padding: 0;
}

.footer-column ul li {
    margin-bottom: 13px;
}

.footer-column ul li a {
    display: inline-flex;

    align-items: center;

    gap: 8px;

    color: #abb7c1;

    text-decoration: none;

    font-size: 15px;

    transition: 0.3s;
}

.footer-column ul li a i {
    color: var(--accent);

    font-size: 10px;
}

.footer-column ul li a:hover {
    color: #fff;

    transform: translateX(5px);
}

.footer-contact-item {
    display: flex;

    gap: 14px;

    margin-bottom: 20px;
}

.contact-icon {
    flex: 0 0 38px;

    width: 38px;

    height: 38px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 4px;

    background: rgba(0, 109, 119, 0.17);

    color: #61c9d0;
}

.footer-contact-item span {
    display: block;

    color: #fff;

    font-size: 13px;

    font-weight: 700;

    margin-bottom: 3px;
}

.footer-contact-item p {
    color: #abb7c1;

    font-size: 14px;

    margin: 0;

    line-height: 1.55;
}

.footer-bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.09);

    background: #0d151c;
}

.footer-bottom-inner {
    min-height: 70px;

    display: flex;

    justify-content: center;

    align-items: center;

    gap: 20px;
}

.footer-bottom p {
    margin: 0;

    color: #85929d;

    font-size: 13px;
}

.footer-bottom-links {
    display: flex;

    align-items: center;

    gap: 12px;
}

.footer-bottom-links a {
    color: #85929d;

    font-size: 13px;

    text-decoration: none;

    transition: 0.3s;
}

.footer-bottom-links a:hover {
    color: #fff;
}

.footer-bottom-links span {
    width: 1px;

    height: 13px;

    background: #46515a;
}

@media (min-width: 992px) {
    .navbar .container {
        max-width: 1320px;

        display: flex;

        align-items: center;
    }

    .navbar-brand.logo {
        flex-shrink: 0;

        margin-right: 60px;
    }

    .navbar-nav {
        align-items: center;

        flex-wrap: nowrap;

        margin-left: 0 !important;

        gap: 12px;
    }

    .nav-item {
        white-space: nowrap;
    }

    .nav-link {
        margin-left: 10px;

        font-size: 16px;
    }

    .contact-btn {
        margin-left: 5px;

        padding: 12px 22px !important;
    }

    .navbar-toggler {
        display: none;
    }

    .mobile-sidebar,
    .mobile-overlay {
        display: none;
    }

    .navbar {
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .navbar-brand.logo {
        transform: translateX(40px);
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .logo img {
        width: 155px;
    }

    .nav-link {
        font-size: 12.7px;

        margin-left: 8px;
    }

    .contact-btn {
        margin-left: 9px;

        padding: 11px 15px !important;
    }

    .hero-content h1 {
        font-size: 55px;
    }
}

@media (max-width: 991.98px) {
    .navbar {
        padding: 10px 0;
        background: #ffffff !important;
    }

    .navbar .container {
        padding-left: 20px;
        padding-right: 20px;
    }

    .navbar-collapse {
        display: none !important;
    }

    .navbar-toggler {
        display: flex !important;

        align-items: center;
        justify-content: center;

        width: 46px;
        height: 46px;

        padding: 0;

        border: 1px solid #1f2933;

        border-radius: 5px;

        box-shadow: none !important;

        background: #ffffff;
    }

    .navbar-toggler i {
        font-size: 21px;
        color: #1f2933;
    }

    .navbar.scrolled {
        background: #ffffff !important;
    }

    .navbar.scrolled .navbar-toggler {
        border-color: #1f2933;
    }

    body.menu-open {
        overflow: hidden;
    }

    .hero {
        min-height: 760px;
        height: 100svh;
    }

    .carousel-item {
        min-height: 760px;
        height: 100svh;
    }

    .carousel-item img {
        object-position: center;
    }

    .hero-content {
        left: 0;
        right: 0;
        max-width: 680px;
        padding: 0 32px;
    }

    .hero-overlay {
        background: linear-gradient(
            90deg,
            rgba(31, 41, 51, 0.94) 0%,
            rgba(31, 41, 51, 0.72) 60%,
            rgba(31, 41, 51, 0.55) 100%
        );
    }
}

@media (max-width: 575.98px) {
    .navbar {
        padding: 8px 0;
    }

    .navbar.scrolled {
        padding: 11px 0;
    }

    .logo img {
        width: 120px;

        max-height: 50px;

        object-fit: contain;

        margin-left: -15px;
    }

    .navbar-toggler {
        width: 40px;
        height: 40px;
    }

    .hero {
        min-height: 600px;
        height: 90svh;
    }

    .carousel-item {
        min-height: 600px;
        height: 90svh;
    }

    .carousel-item {
        min-height: 680px;

        height: 100svh;
    }

    .carousel-item img {
        object-position: 58% center;
    }

    .hero-overlay {
        background: linear-gradient(
            180deg,
            rgba(31, 41, 51, 0.3) 0%,
            rgba(31, 41, 51, 0.45) 55%,
            rgba(31, 41, 51, 0.55) 100%
        );
    }

    .hero-content {
        top: 50%;
        left: 0;
        right: 0;
        padding: 0 20px;
        max-width: 100%;
        text-align: center;
    }

    .hero-small {
        font-size: 10px;

        letter-spacing: 2.2px;

        margin-bottom: 16px;
    }

    .hero-content h1 {
        font-size: 24px;
        line-height: 1.2;
        margin-bottom: 0;
        white-space: nowrap;
    }

    .hero-content p {
        max-width: 320px;
        margin: 15px auto 20px;
        font-size: 13px;
        line-height: 1.6;
        text-align: center;
    }

    .btn-main,
    .btn-outline {
        width: 220px;
        max-width: 100%;
        text-align: center;
        margin: 8px auto;
        padding: 11px 18px;
        font-size: 13px;
    }
    .carousel-indicators {
        bottom: 15px;
    }

    .mobile-sidebar {
        width: 310px;

        max-width: 90%;
    }

    .sidebar-top {
        min-height: 80px;

        padding: 15px 20px;
    }

    .sidebar-logo img {
        width: 135px;
        margin-left: -15px;
    }

    .sidebar-menu-wrap {
        padding: 12px 20px;
    }

    .mobile-menu > li > a,
    .mobile-service-toggle {
        min-height: 50px;

        font-size: 15px;
    }

    .sidebar-bottom {
        padding: 22px 20px;
    }

    .footer-top {
        padding: 60px 0 45px;
    }

    .footer-logo {
        width: 165px;
        margin-left: -35px;
    }

    .footer-bottom-inner {
        padding: 20px 0;

        flex-direction: column;

        justify-content: center;

        text-align: center;

        min-height: auto;
    }
}

@media (max-width: 375px) {
    .hero-content h1 {
        font-size: 31px;
    }

    .hero-content p {
        font-size: 13.5px;
    }

    .mobile-sidebar {
        width: 285px;
    }
}

/* Home Page About Section */
.about-section{

    padding:100px 0;

    background:#ffffff;

}

.about-image{
    height:100%;
}

.about-image img{
    width:100%;
    height:100%;
    min-height:520px;
    object-fit:cover;
    border-radius:12px;
}

.about-content{

    padding-left:20px;

}

.section-tag{

    display:inline-block;

    color:#006d77;

    font-size:18px;

    font-weight:900;

    letter-spacing:4px;

    margin-bottom:22px;

    position:relative;

    padding-bottom:15px;

}

.section-tag::after{

    content:"";

    position:absolute;

    left:0;

    bottom:0;

    width:85px;

    height:4px;

    background:#006d77;

    border-radius:10px;

}

.about-content h2{

    font-size:38px;

    line-height:1.15;

    font-weight:900;

    color:#12202b;

    margin-bottom:25px;

    max-width:560px;

}

.about-content p{

    font-size:17px;

    line-height:1.9;

    color:#46515c;

    font-weight:500;

    max-width:580px;

    margin-bottom:18px;

}

.about-btn{

    margin-top:25px;

    display:inline-flex;

    align-items:center;

    gap:12px;

    padding:15px 35px;

    background:#006d77;

    color:#ffffff;

    text-decoration:none;

    border-radius:50px;

    font-size:16px;

    font-weight:800;

    transition:all 0.35s ease;

}

.about-btn i{

    transition:0.3s ease;

}

.about-btn:hover{

    background:#00565f;

    color:#ffffff;

    transform:translateY(-5px);

    box-shadow:0 15px 35px rgba(0,109,119,0.35);

}

.about-btn:hover i{

    transform:translateX(6px);

}

@media(max-width:991px){

    .about-section{
        padding:30px 0;
        text-align:center;
    }

    .about-content{

        padding-left:0;
        text-align:center;

    }

    .section-tag{

        display:block;
        text-align:center;

    }

    .about-content h2{

        font-size:34px;
        line-height:1.2;
        text-align:center;
        margin:15px auto 25px;
        max-width:600px;

    }

    .about-content h2::after{

        margin:18px auto 0;

    }

    .about-content p{

        text-align:center;
        font-size:16px;
        line-height:1.8;
        margin-left:auto;
        margin-right:auto;
        max-width:600px;

    }

    .about-btn{

        margin:25px auto 0;
        display:inline-flex;

    }

    .section-tag::after{

        left:50%;

        transform:translateX(-50%);

    }

}

@media(max-width:767px){

    .about-section{
        padding:60px 0;
    }

    .about-content h2{

        font-size:32px;

    }

    .about-content p{

        font-size:15px;

    }

}

@media(max-width:576px){

    .about-content h2{

        font-size:29px;

    }

    .about-content p{

        font-size:15px;
        line-height:1.7;

    }

}

@media(max-width:480px){

    .about-content h2{

        font-size:27px;

    }

}

@media(max-width:360px){

    .about-content h2{

        font-size:24px;

    }

    .about-content p{

        font-size:14px;

    }

}

@media(max-width:300px){

    .about-content h2{

        font-size:22px;

    }

}

/* Home Page Services Section */
/* .we-services{

    padding:5px 0;
    background:#f5f9fa;

} */

.we-services{

    padding:80px 0;

    background:
    linear-gradient(
        135deg,
        #1f2933 0%,
        #123b44 55%,
        var(--accent) 100%
    );

}

.we-heading{

    max-width:800px;
    margin:auto;
    text-align:center;

}

.we-heading span{

    color:#007582;

    font-size:25px;

    font-weight:900;

    letter-spacing:4px;

    display:inline-block;

    position:relative;

    padding-bottom:12px;

}

.we-heading span::after{

    content:"";

    position:absolute;

    left:50%;

    bottom:0;

    transform:translateX(-50%);

    width:70px;

    height:4px;

    background:#007582;

    border-radius:10px;

}

.we-heading h2{

    font-size:38px;
    line-height:1.15;
    font-weight:900;
    color:#10212b;
    margin:15px 0;

}

.we-heading h2 strong{

    color:#007582;

}

.we-heading p{

    max-width:700px;
    margin:15px auto 0;
    color:#59656d;
    font-size:16px;
    line-height:1.8;

}

.we-service-grid{

    margin-top:60px;

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:28px;

}

.we-card{

    height:430px;

    position:relative;

    overflow:hidden;

    border-radius:22px;

    background:#ddd;

    box-shadow:
    0 15px 35px rgba(0,0,0,0.10);

    transition:.4s ease;

}

.we-card:hover{

    transform:translateY(-10px);

    box-shadow:
    0 25px 50px rgba(0,117,130,.20);

}

.we-card img{

    width:100%;

    height:100%;

    object-fit:cover;

    object-position:center;

    transition:.7s ease;

}

.we-card:hover img{

    transform:scale(1.03);

}

.we-card::after{

    content:"";

    position:absolute;

    inset:0;

    background:
    linear-gradient(
    to top,
    rgba(0,0,0,.90),
    rgba(0,0,0,.15)
    );

}

.we-number{

    position:absolute;

    top:25px;

    left:25px;


    width:52px;

    height:52px;


    display:flex;

    align-items:center;

    justify-content:center;


    background:#007582;

    color:#fff;


    border-radius:50%;


    font-size:16px;

    font-weight:900;


    z-index:2;


    border:3px solid rgba(255,255,255,.5);


    box-shadow:
    0 8px 20px rgba(0,0,0,.25);

}

.we-card-content{

    position:absolute;

    left:0;

    bottom:0;


    padding:35px;


    color:#fff;

    z-index:3;

}

.we-card-content h3{

    font-size:26px;

    line-height:1.3;

    font-weight:900;

    margin-bottom:12px;

}

.we-card-content p{

    font-size:15px;

    line-height:1.7;

    color:#eeeeee;

    margin-bottom:0;

}

.we-card-content a{

    display:inline-flex;

    align-items:center;

    gap:10px;

    margin-top:20px;

    padding:12px 28px;

    border-radius:50px;

    background:#007582;

    color:#fff;

    text-decoration:none;

    font-size:14px;

    font-weight:700;

    transition:.35s;

    box-shadow:
    0 8px 20px rgba(0,117,130,.35);

}

.we-card-content a:hover{

    background:#fff;

    color:#007582;

    transform:translateY(-3px);

}

.we-cta-box{

    height:430px;


    background:
        linear-gradient(
        135deg,
        #ffffff,
        #eef8f9
        );

    border-radius:22px;


    padding:50px;


    display:flex;

    justify-content:center;

    flex-direction:column;


    box-shadow:
    0 20px 45px rgba(0,0,0,.08);


    border:1px solid #e5eeee;


}

.we-cta-box span{

    color:#007582;

    font-size:12px;

    letter-spacing:3px;

    font-weight:800;

}

.we-cta-box h3{

    font-size:36px;

    line-height:1.3;

    color:#10212b;

    font-weight:900;

    margin:15px 0;

}

.we-cta-box h3 strong{

    color:#007582;

}

.we-cta-box p{

    color:#59656d;

    font-size:16px;

    line-height:1.8;

}

.we-cta-box a{

    margin-top:20px;


    width:max-content;


    padding:14px 30px;


    background:#007582;


    color:#fff;


    border-radius:40px;


    text-decoration:none;


    font-weight:700;


    transition:.3s;


}

.we-cta-box a:hover{

    background:#10212b;

}

.we-card.last-card{

    grid-column:1 / 2;

    margin-right:-12px;

}

.we-cta-box{

    grid-column:2 / 4;

    margin-left:-12px;

}

@media(max-width:991px){

    .we-service-grid{

        grid-template-columns:repeat(2,1fr);

    }

    .we-card,
    .we-cta-box{

        height:400px;

    }

}

@media(max-width:768px){

    .we-services{

        padding:10px 0;

    }

    .we-service-grid{

        grid-template-columns:1fr;

    }

    .we-card.last-card,
    .we-cta-box{

        grid-column:auto;

        margin:0;

    }

    .we-heading h2{

        font-size:34px;

    }

}

@media(max-width:576px){

    .we-heading h2{

        font-size:30px;

    }

    .we-heading p{

        font-size:15px;

    }

    .we-card{

        height:380px;

    }

    .we-card-content{

        padding:25px;

    }

    .we-card-content h3{

        font-size:22px;

    }
    
    .we-cta-box{

        padding:30px;

    }

}

@media(max-width:486px){

    .we-card-content p{

        font-size:14px;

    }

    .we-card-content a{

        padding:10px 22px;

    }

    .we-cta-box h3{

        font-size:28px;

    }

}

@media(max-width:360px){

    .we-heading h2{

        font-size:25px;

    }

    .we-card{

        height:350px;

    }

    .we-card-content{

        padding:20px;

    }

    .we-card-content h3{

        font-size:19px;

    }

}

@media(max-width:300px){

    .we-card{

        height:330px;

    }

    .we-card-content p{

        display:none;

    }

    .we-card-content h3{

        font-size:18px;

    }

    .we-cta-box h3{

        font-size:22px;

    }

}

/* Home Page Projects Section
.we-featured-projects{

    padding:100px 0;

    background:#f6fafb;

}

.featured-project-heading{

    max-width:800px;

    margin:auto;

    text-align:center;

}

.featured-project-heading span{

    color:#007582;

    font-size:25px;

    font-weight:900;

    letter-spacing:4px;

    display:inline-block;

    position:relative;

    padding-bottom:12px;

}

.featured-project-heading span::after{

    content:"";

    position:absolute;

    left:50%;

    bottom:0;

    transform:translateX(-50%);

    width:70px;

    height:4px;

    background:#007582;

    border-radius:10px;

}

.featured-project-heading h2{

    font-size:38px;

    line-height:1.15;

    color:#10212b;

    font-weight:900;

    margin:15px 0;

}

.featured-project-heading h2 strong{

    color:#007582;

}

.featured-project-heading p{

    color:#59656d;

    font-size:16px;

    line-height:1.8;

}

.project-grid{

    margin-top:60px;

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:30px;

    align-items:stretch;

}

.project-card{

    background:#fff;

    border-radius:20px;

    overflow:hidden;

    position:relative;

    border:1px solid #e5eeee;

    transition:.4s ease;

    display:flex;

    flex-direction:column;

    height:100%;

}

.project-card:hover{

    transform:translateY(-10px);

    box-shadow:0 25px 50px rgba(0,0,0,.12);

}

.project-image{

    height:260px;

    overflow:hidden;

    position:relative;

    flex-shrink:0;

}

.project-image img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:.7s ease;

}

.project-card:hover .project-image img{

    transform:scale(1.08);

}

.project-status{

    position:absolute;

    top:20px;

    right:20px;

    background:#007582;

    color:#fff;

    padding:8px 18px;

    border-radius:30px;

    font-size:12px;

    font-weight:700;

}

.project-status.completed{

    background:#10212b;

}

.project-content{

    padding:28px;

    display:flex;

    flex-direction:column;

    flex:1;

}

.project-number{

    width:45px;

    height:45px;

    background:#007582;

    color:#fff;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:16px;

    font-weight:900;

    margin-top:-50px;

    position:relative;

    border:4px solid #fff;

    flex-shrink:0;

}

.project-content h3{

    font-size:23px;

    color:#10212b;

    font-weight:900;

    line-height:1.3;

    margin:18px 0 10px;

    min-height:60px;

}

.project-location{

    color:#007582;

    font-size:14px;

    font-weight:700;

    margin-bottom:15px;

}

.project-content p{

    color:#59656d;

    font-size:14px;

    line-height:1.7;

    margin-bottom:20px;

    min-height:50px;

}

.project-content a{

    display:inline-flex;

    margin-top:auto;

    padding:11px 25px;

    background:#007582;

    color:#fff;

    border-radius:40px;

    text-decoration:none;

    font-size:14px;

    font-weight:700;

    width:max-content;

    transition:.3s;

}

.project-content a:hover{

    background:#10212b;

}

.view-all-projects{

    text-align:center;

    margin-top:50px;

}

.view-all-projects a{

    display:inline-flex;

    padding:14px 35px;

    background:#10212b;

    color:#fff;

    border-radius:40px;

    text-decoration:none;

    font-weight:700;

    transition:.3s;

}

.view-all-projects a:hover{

    background:#007582;

}

@media(max-width:991px){

    .project-grid{

        grid-template-columns:repeat(2,1fr);

    }

}

@media(max-width:768px){

    .we-featured-projects{

        padding:50px 0;

    }

    .project-grid{

        grid-template-columns:1fr;

    }

    .featured-project-heading h2{

        font-size:34px;

    }

}

@media(max-width:576px){

    .featured-project-heading h2{

        font-size:30px;

    }

    .project-image{

        height:230px;

    }

    .project-content{

        padding:25px;

    }

    .project-content h3{

        font-size:21px;

    }

}

@media(max-width:486px){

    .project-status{

        padding:7px 14px;

    }

    .project-content p{

        font-size:13px;

    }

    .project-content a{

        padding:10px 20px;

    }

}

@media(max-width:360px){

    .featured-project-heading h2{

        font-size:25px;

    }

    .project-image{

        height:200px;

    }

    .project-content h3{

        font-size:19px;

    }

    .project-number{

        width:40px;

        height:40px;

    }

}

@media(max-width:300px){

    .project-image{

        height:170px;

    }

    .project-content{

        padding:18px;

    }

    .project-content h3{

        font-size:17px;

    }

} */

.home-project-section {
    padding: 100px 0;
    background: #f6fafb;
}


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

.home-project-heading {
    max-width: 820px;
    margin: 0 auto;
    text-align: center;
}

.home-project-heading .home-project-small-title {
    display: inline-block;
    position: relative;

    padding-bottom: 12px;

    color: #007582;

    font-size: 13px;
    font-weight: 900;

    letter-spacing: 4px;
    text-transform: uppercase;
}

.home-project-heading .home-project-small-title::after {
    content: "";

    position: absolute;

    left: 50%;
    bottom: 0;

    transform: translateX(-50%);

    width: 70px;
    height: 4px;

    background: #007582;

    border-radius: 20px;
}

.home-project-heading h2 {
    margin: 17px 0 14px;

    color: #10212b;

    font-size: 38px;
    font-weight: 900;

    line-height: 1.2;
}

.home-project-heading h2 strong {
    color: #007582;
}

.home-project-heading p {
    max-width: 690px;

    margin: 0 auto;

    color: #65737a;

    font-size: 15px;

    line-height: 1.8;
}


/* =========================================================
   PROJECT GRID
========================================================= */

.home-project-grid {
    margin-top: 58px;

    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 28px;

    align-items: stretch;
}


/* =========================================================
   PROJECT CARD
========================================================= */

.home-project-card {
    position: relative;

    height: 100%;

    display: flex;
    flex-direction: column;

    overflow: hidden;

    background: #ffffff;

    border: 1px solid #dce9eb;
    border-radius: 18px;

    box-shadow:
        0 7px 25px rgba(16, 33, 43, .06);

    transition:
        transform .35s ease,
        box-shadow .35s ease,
        border-color .35s ease;
}

.home-project-card:hover {
    transform: translateY(-8px);

    border-color: #b7dfe2;

    box-shadow:
        0 22px 45px rgba(16, 33, 43, .13);
}


/* =========================================================
   PROJECT IMAGE
========================================================= */

.home-project-image {
    position: relative;

    width: 100%;
    height: 235px;

    overflow: hidden;

    flex-shrink: 0;
}

.home-project-image::after {
    content: "";

    position: absolute;

    left: 0;
    right: 0;
    bottom: 0;

    height: 115px;

    background:
        linear-gradient(
            to top,
            rgba(3, 45, 52, .52),
            rgba(3, 45, 52, 0)
        );

    pointer-events: none;

    z-index: 1;
}

.home-project-image img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    transition:
        transform .6s ease;
}

.home-project-card:hover
.home-project-image img {
    transform: scale(1.07);
}


/* =========================================================
   STATUS BADGE
========================================================= */

.home-project-status {
    position: absolute;

    top: 16px;
    right: 16px;

    z-index: 4;

    min-width: 82px;

    padding: 7px 15px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    color: #ffffff;

    background: #008594;

    border:
        1px solid rgba(255,255,255,.25);

    border-radius: 30px;

    font-size: 10px;
    font-weight: 900;

    text-transform: uppercase;

    letter-spacing: .4px;

    box-shadow:
        0 5px 15px rgba(0,0,0,.15);
}

.home-project-status.completed {
    background: #102f38;
}


/* =========================================================
   IMAGE BOTTOM INFO
========================================================= */

.home-project-image-info {
    position: absolute;

    left: 17px;
    right: 17px;
    bottom: 15px;

    z-index: 5;

    display: flex;
    align-items: flex-end;
    justify-content: space-between;

    gap: 15px;
}


/* =========================================================
   PROJECT NUMBER
========================================================= */

.home-project-number {
    width: 46px;
    height: 46px;

    flex-shrink: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #ffffff;

    background:
        linear-gradient(
            135deg,
            #007582,
            #00a0ae
        );

    border:
        3px solid #ffffff;

    border-radius: 50%;

    font-size: 12px;
    font-weight: 900;

    box-shadow:
        0 6px 16px rgba(0,0,0,.18);
}


/* =========================================================
   PROGRESS / COMPLETED CIRCLE
========================================================= */

.home-project-highlight {
    width: 72px;
    height: 72px;

    flex-shrink: 0;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    background: #ffffff;

    border:
        1px solid rgba(0,117,130,.16);

    border-radius: 50%;

    box-shadow:
        0 7px 20px rgba(0,0,0,.17);

    text-align: center;
}

.home-project-highlight span {
    display: block;

    margin-bottom: 3px;

    color: #87989c;

    font-size: 7px;
    font-weight: 900;

    line-height: 1;

    text-transform: uppercase;
}

.home-project-highlight strong {
    display: block;

    color: #007582;

    font-size: 17px;
    font-weight: 900;

    line-height: 1;
}

.home-project-highlight.completed strong {
    color: #08764a;
}


/* =========================================================
   CARD BODY
========================================================= */

.home-project-body {
    position: relative;

    padding:
        23px 23px 24px;

    display: flex;
    flex-direction: column;

    flex: 1;
}


/* =========================================================
   CATEGORY
========================================================= */

.home-project-category {
    margin-bottom: 9px;

    color: #007582;

    font-size: 10px;
    font-weight: 900;

    text-transform: uppercase;

    letter-spacing: 1px;
}


/* =========================================================
   TITLE
========================================================= */

.home-project-body h3 {
    margin:
        0 0 15px;

    color: #10212b;

    font-size: 20px;
    font-weight: 900;

    line-height: 1.35;
}


.home-project-meta {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 8px;

    margin-bottom: 17px;
}

.home-project-meta-item {
    min-width: 0;

    padding: 8px 9px;

    display: flex;
    align-items: center;

    gap: 7px;

    background: #f6fafb;

    border:
        1px solid #e4edef;

    border-radius: 7px;

    color: #65767c;

    font-size: 10px;
    font-weight: 700;

    line-height: 1.4;
}

.home-project-meta-item i {
    flex-shrink: 0;

    color: #008997;

    font-size: 10px;
}

.home-project-meta-item span {
    min-width: 0;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;
}


.home-project-description {
    margin:
        0 0 20px;

    color: #68777d;

    font-size: 12px;

    line-height: 1.75;

    display: -webkit-box;

    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;

    overflow: hidden;
}


.home-project-button-wrap {
    margin-top: auto;
}

.home-project-button {
    width: max-content;

    min-height: 38px;

    padding: 0 18px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 7px;

    color: #ffffff !important;

    background:
        linear-gradient(
            135deg,
            #007582,
            #0099a7
        );

    border-radius: 30px;

    text-decoration: none;

    font-size: 10px;
    font-weight: 900;

    transition: .3s ease;
}

.home-project-button i {
    font-size: 9px;

    transition:
        transform .3s ease;
}

.home-project-button:hover {
    color: #ffffff !important;

    background: #102f38;
}

.home-project-button:hover i {
    transform: translateX(3px);
}


.home-project-view-all {
    margin-top: 48px;

    text-align: center;
}

.home-project-view-all a {
    min-height: 44px;

    padding: 0 28px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 8px;

    color: #ffffff;

    background: #102f38;

    border-radius: 30px;

    text-decoration: none;

    font-size: 11px;
    font-weight: 900;

    transition: .3s ease;
}

.home-project-view-all a:hover {
    color: #ffffff;

    background: #007582;

    transform:
        translateY(-2px);
}



@media(max-width:991px) {

    .home-project-section {
        padding:
            80px 0;
    }

    .home-project-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

}


@media(max-width:767px) {

    .home-project-section {
        padding:
            55px 0;
    }

    .home-project-grid {
        margin-top: 42px;

        grid-template-columns:
            1fr;

        gap: 22px;
    }

    .home-project-heading h2 {
        font-size: 31px;
    }

    .home-project-heading p {
        font-size: 14px;
    }

    .home-project-image {
        height: 250px;
    }

}

@media(max-width:576px) {

    .home-project-heading
    .home-project-small-title {
        font-size: 11px;

        letter-spacing: 3px;
    }

    .home-project-heading h2 {
        font-size: 28px;
    }

    .home-project-image {
        height: 220px;
    }

    .home-project-body {
        padding:
            21px 19px 21px;
    }

    .home-project-body h3 {
        font-size: 19px;
    }

    .home-project-image-info {
        left: 14px;
        right: 14px;
        bottom: 13px;
    }

    .home-project-number {
        width: 43px;
        height: 43px;

        font-size: 11px;
    }

    .home-project-highlight {
        width: 67px;
        height: 67px;
    }

    .home-project-highlight strong {
        font-size: 16px;
    }

}

@media(max-width:400px) {

    .home-project-heading h2 {
        font-size: 25px;
    }

    .home-project-image {
        height: 195px;
    }

    .home-project-meta {
        grid-template-columns: 1fr;
    }

}

/* Home Page Clients Section */
.we-clients{
    padding:80px 0;
    background:#fff;
    overflow:hidden;
}

.clients-heading{
    max-width:800px;
    margin:auto;
    text-align:center;
}

.clients-heading > span{

    display:inline-block;

    color:#007582;

    font-size:25px;

    font-weight:900;

    letter-spacing:4px;

    margin-bottom:20px;

    position:relative;

    padding-bottom:12px;

}

.clients-heading > span::after{

    content:"";

    position:absolute;

    left:50%;

    bottom:0;

    transform:translateX(-50%);

    width:70px;

    height:4px;

    background:#007582;

    border-radius:10px;

}

.clients-heading h2{
    margin:0;
    font-size:38px;
    line-height:1.15;
    font-weight:900;
    color:#10212b;
}

.clients-heading h2 strong{
    color:#007582;
}

.clients-heading p{
    max-width:700px;
    margin:18px auto 0;
    color:#59656d;
    font-size:16px;
    line-height:1.8;
}

/* .client-marquee{
    width:100%;
    margin-top:55px;
    padding:32px 0;
    background:#ffffff;
    overflow:hidden;
}

.client-marquee-track{
    display:flex;
    align-items:center;
    width:max-content;
    flex-wrap:nowrap;
    will-change:transform;
}

.client-item{

    width:220px;
    min-width:220px;
    height:120px;

    display:flex;
    align-items:center;
    justify-content:center;

    padding:8px 18px;

    flex-shrink:0;

    overflow:hidden;

    background:#ffffff;
}

.client-item img{
    width:100%;
    max-width:190px;

    height:90px;
    max-height:90px;

    object-fit:contain;
    object-position:center;

    display:block;

    transform:scale(1.25);

    cursor:pointer;

    transition:.3s ease;
} */

.client-marquee{
    width:100%;
    margin-top:55px;
    padding:25px 0;
    background:transparent;
    overflow:hidden;
}

.client-marquee-track{
    display:flex;
    align-items:center;
    gap:22px;
    width:max-content;
    flex-wrap:nowrap;
    will-change:transform;
}

.client-item{
    width:220px;
    min-width:220px;
    height:130px;

    display:flex;
    align-items:center;
    justify-content:center;

    padding:18px;

    flex-shrink:0;

    background:#ffffff;
    border-radius:18px;

    box-shadow:
        0 10px 30px rgba(0,0,0,.16);

    border:1px solid rgba(255,255,255,.18);

    overflow:hidden;

    transition:.35s ease;
}

.client-item:hover{
    transform:translateY(-6px);
}

.client-item img{
    width:100%;
    max-width:170px;

    height:85px;
    max-height:85px;

    object-fit:contain;
    object-position:center;

    display:block;

    transform:none;

    transition:.3s ease;
}

.client-item:hover img{
    transform:scale(1.08);
}

.client-view-btn{
    text-align:center;
    margin-top:45px;
}

.client-view-btn a{
    display:inline-flex;
    align-items:center;
    gap:8px;

    padding:14px 32px;

    background:#007582;
    color:#fff;

    border-radius:50px;

    text-decoration:none;
    font-weight:700;

    transition:.3s;
}

.client-view-btn a:hover{
    background:#10212b;
}

@media(max-width:991px){

    .clients-heading h2{
        font-size:40px;
    }

    .client-item{
        width:200px;
        min-width:200px;
        height:115px;
        padding:8px 16px;
    }

    .client-item img{
        max-width:175px;
        width:100%;
        height:85px;
        max-height:85px;
        object-fit:contain;
        transform:scale(1.22);
    }

}

@media(max-width:768px){

    .we-clients{
        padding:70px 0;
    }

    .clients-heading h2{
        font-size:34px;
    }

    .client-item{
        width:180px;
        min-width:180px;
        height:105px;
        padding:8px 14px;
    }

    .client-item img{
        max-width:160px;
        width:100%;
        height:78px;
        max-height:78px;
        object-fit:contain;
        transform:scale(1.20);
    }

}

@media(max-width:576px){

    .we-clients{
        padding:20px 0;
    }

    .clients-heading{
        padding:0 15px;
    }

    .clients-heading h2{
        font-size:30px;
    }

    .client-item{
        width:160px;
        min-width:160px;
        height:95px;
        padding:5px 12px;
    }

    .client-item img{
        max-width:140px;
        width:100%;
        height:70px;
        max-height:70px;
        object-fit:contain;
        transform:scale(1.18);
    }

}

@media(max-width:360px){

    .clients-heading h2{
        font-size:25px;
    }

    .client-item{
        width:145px;
        min-width:145px;
        height:90px;
        padding:5px 10px;
    }

    .client-item img{
        max-width:125px;
        width:100%;
        height:62px;
        max-height:62px;
        object-fit:contain;
        transform:scale(1.15);
    }

}

/* Home Page EQUIPMENT Section */
/* .equipment-section{

    padding:80px 0;
    background:#ffffff;
    overflow:hidden;

}
.equipment-header{

    max-width:850px;
    margin:0 auto 60px;
    text-align:center;

}

.equipment-header span{

    display:inline-block;

    color:#007582;

    font-size:25px;

    font-weight:900;

    letter-spacing:4px;

    margin-bottom:20px;

    position:relative;

    padding-bottom:12px;

}

.equipment-header span::after{

    content:"";

    position:absolute;

    left:50%;

    bottom:0;

    transform:translateX(-50%);

    width:70px;

    height:4px;

    background:#007582;

    border-radius:10px;

}

.equipment-header h2{

    margin:0;

    font-size:38px;

    line-height:1.15;

    color:#10212b;

    font-weight:900;

}

.equipment-header h2 strong{

    color:#007582;

}

.equipment-header p{

    max-width:720px;

    margin:20px auto 0;

    color:#59656d;

    font-size:16px;

    line-height:1.8;

}

.equipment-wrapper{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:55px;

    align-items:center;

}

.equipment-image-box{

    position:relative;

}

.equipment-image-box img{

    width:100%;

    height:520px;

    object-fit:cover;

    border-radius:25px;

    display:block;

}

.equipment-floating{

    position:absolute;

    left:30px;

    bottom:30px;

    background:#ffffff;

    padding:25px 30px;

    border-radius:18px;

    box-shadow:0 15px 40px rgba(0,0,0,.12);

}

.equipment-floating strong{

    display:block;

    font-size:42px;

    color:#007582;

    font-weight:900;

}

.equipment-floating span{

    display:block;

    color:#10212b;

    font-size:14px;

    font-weight:700;

}

.right-equipment-cards{

    display:flex;

    flex-direction:column;

    gap:20px;

}

.equipment-bottom-cards{

    margin-top:60px;

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:25px;

}

.equipment-card{

    position:relative;

    display:flex;

    align-items:center;

    gap:20px;

    padding:25px;

    background:#ffffff;

    border:1px solid #e5eeee;

    border-radius:20px;

    box-shadow:0 8px 25px rgba(0,0,0,.06);

    overflow:hidden;

    transition:.35s ease;

}

.equipment-card::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    height:100%;

    width:5px;

    background:#007582;

    border-radius:20px 0 0 20px;

}

.equipment-card:hover{

    transform:translateY(-8px);

    border-color:#007582;

    box-shadow:0 20px 45px rgba(0,117,130,.15);

}

.equipment-icon{

    width:65px;

    height:65px;

    flex-shrink:0;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#007582;

    color:#ffffff;

    border-radius:18px;

    font-size:26px;

}

.card-content h3{

    margin:0 0 8px;

    color:#10212b;

    font-size:21px;

    font-weight:900;

}

.card-content p{

    margin:0;

    color:#59656d;

    font-size:14px;

    line-height:1.6;

}

.equipment-btn{

    text-align:center;

    margin-top:35px;

}

.equipment-btn a{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    padding:14px 34px;

    background:#007582;

    color:#ffffff;

    text-decoration:none;

    border-radius:50px;

    font-size:14px;

    font-weight:800;

    box-shadow:0 8px 22px rgba(0,117,130,.20);

    transition:.35s ease;

}

.equipment-btn a:hover{

    background:#10212b;

    transform:translateY(-3px);

}

.equipment-btn span{

    font-size:20px;

    line-height:1;

    transition:.35s ease;

}

.equipment-btn a:hover span{

    transform:translateX(4px);

}

@media(max-width:991px){

    .equipment-header h2{

        font-size:40px;

    }

    .equipment-wrapper{

        grid-template-columns:1fr;

    }

    .equipment-bottom-cards{

        grid-template-columns:repeat(2,1fr);

    }

}

@media(max-width:768px){

    .equipment-section{

        padding:50px 0;

    }

    .equipment-header h2{

        font-size:34px;

    }

    .equipment-image-box img{

        height:380px;

    }

    .equipment-bottom-cards{

        grid-template-columns:1fr;

    }

}

@media(max-width:576px){

    .equipment-header h2{

        font-size:30px;

    }

    .equipment-image-box img{

        height:300px;

    }

    .equipment-floating{

        left:15px;

        bottom:15px;

        padding:20px;

    }

    .equipment-card{

        flex-direction:column;

        align-items:flex-start;

    }

    .equipment-icon{

        width:55px;

        height:55px;

    }

    .card-content h3{

        font-size:19px;

    }

}

@media(max-width:360px){

    .equipment-header h2{

        font-size:25px;

    }

    .equipment-image-box img{

        height:240px;

    }

    .equipment-card{

        padding:20px;

    }

} */

.home-equipment-section{
    padding:95px 0;
    position:relative;
    overflow:hidden;

    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #f3f8f9 100%
        );
}

.home-equipment-section .container{
    position:relative;
    z-index:2;
}


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

.home-equipment-heading{
    max-width:760px;
    margin:0 auto 48px;
    text-align:center;
}

.home-equipment-kicker{
    display:inline-flex;
    align-items:center;
    gap:10px;

    margin-bottom:12px;

    color:#007582;

    font-size:10px;
    font-weight:900;
    letter-spacing:2.2px;
}

.home-equipment-kicker::before,
.home-equipment-kicker::after{
    content:"";

    width:25px;
    height:2px;

    border-radius:10px;

    background:#00a9b7;
}

.home-equipment-heading h2{
    max-width:680px;
    margin:0 auto;

    color:#10232c;

    font-size:43px;
    line-height:1.1;

    font-weight:900;

    letter-spacing:-1px;
}

.home-equipment-heading h2 strong{
    color:#007582;
}

.home-equipment-heading p{
    max-width:610px;

    margin:15px auto 0;

    color:#718287;

    font-size:13px;
    line-height:1.75;
}


/* =========================================================
   MAIN LAYOUT
========================================================= */

.home-equipment-main{
    max-width:1180px;

    margin:0 auto;

    display:grid;

    grid-template-columns:1.08fr .92fr;

    gap:22px;

    align-items:stretch;
}


/* =========================================================
   LEFT FEATURE CARD
========================================================= */

.home-equipment-feature{
    min-height:505px;

    position:relative;

    overflow:hidden;

    border-radius:24px;

    background:#07343c;

    box-shadow:
        0 24px 60px rgba(12,52,61,.14);
}

.home-equipment-feature > img{
    position:absolute;
    inset:0;

    width:100%;
    height:100%;

    display:block;

    object-fit:cover;

    transition:.6s ease;
}

.home-equipment-feature:hover > img{
    transform:scale(1.05);
}

.home-equipment-feature-overlay{
    position:absolute;
    inset:0;

    background:
        linear-gradient(
            180deg,
            rgba(5,37,44,.03) 10%,
            rgba(5,37,44,.16) 45%,
            rgba(5,37,44,.92) 100%
        );
}


/* CATEGORY TOP LEFT */

.home-equipment-feature-category{
    position:absolute;

    top:22px;
    left:22px;

    z-index:3;

    padding:9px 14px;

    border-radius:50px;

    background:rgba(255,255,255,.94);

    color:#007582;

    font-size:7px;
    font-weight:900;

    letter-spacing:1.1px;

    box-shadow:
        0 8px 20px rgba(0,0,0,.08);
}


/* CONTENT */

.home-equipment-feature-content{
    max-width:490px;

    position:absolute;

    left:30px;
    right:30px;
    bottom:30px;

    z-index:3;
}

.home-equipment-feature-content h3{
    margin:0;

    color:#ffffff;

    font-size:31px;
    line-height:1.15;

    font-weight:900;
}

.home-equipment-feature-content p{
    max-width:430px;

    margin:11px 0 18px;

    color:#d0dcde;

    font-size:11px;
    line-height:1.7;
}

.home-equipment-feature-content a{
    min-height:40px;

    padding:0 17px;

    display:inline-flex;

    align-items:center;

    gap:10px;

    border-radius:50px;

    background:#00a9b7;

    color:#ffffff;

    text-decoration:none;

    font-size:8px;

    font-weight:900;

    transition:.3s ease;
}

.home-equipment-feature-content a:hover{
    background:#ffffff;

    color:#07343c;

    transform:translateY(-2px);
}


/* =========================================================
   RIGHT SIDE LIST
========================================================= */

.home-equipment-side-list{
    display:grid;

    grid-template-columns:1fr;

    gap:14px;
}


/* =========================================================
   RIGHT CARD
========================================================= */

/* =========================================================
   RIGHT SIDE CARD - SPACING FIX
========================================================= */

.home-equipment-side-card{
    min-height:158px;

    display:grid;

    grid-template-columns:165px 1fr;

    gap:14px;

    padding:9px;

    overflow:hidden;

    border:1px solid #dce9eb;

    border-radius:18px;

    background:#ffffff;

    box-shadow:
        0 12px 32px rgba(16,52,61,.07);

    transition:.35s ease;
}


.home-equipment-side-card:hover{
    transform:translateY(-4px);

    border-color:#00a9b7;

    box-shadow:
        0 20px 42px rgba(16,52,61,.11);
}


/* IMAGE */

.home-equipment-side-image{
    position:relative;

    min-height:140px;

    overflow:hidden;

    border-radius:13px;

    background:#07343c;
}


.home-equipment-side-image img{
    position:absolute;

    inset:0;

    width:100%;
    height:100%;

    display:block;

    object-fit:cover;

    object-position:center;

    transition:.5s ease;
}


.home-equipment-side-card:hover
.home-equipment-side-image img{
    transform:scale(1.06);
}


.home-equipment-side-image-overlay{
    position:absolute;

    inset:0;

    background:
        linear-gradient(
            180deg,
            rgba(5,37,44,.02),
            rgba(5,37,44,.18)
        );
}


.home-equipment-side-number{
    position:absolute;

    top:10px;
    left:10px;

    z-index:2;

    width:29px;
    height:29px;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:rgba(7,52,61,.84);

    border:1px solid rgba(255,255,255,.45);

    color:#ffffff;

    font-size:7px;

    font-weight:900;
}


/* CONTENT */

.home-equipment-side-content{
    padding:14px 13px 14px 2px;

    display:flex;

    flex-direction:column;

    justify-content:center;
}


.home-equipment-side-content small{
    display:block;

    margin-bottom:6px;

    color:#00a9b7;

    font-size:6px;

    font-weight:900;

    letter-spacing:1px;
}


.home-equipment-side-content h3{
    margin:0 0 7px;

    color:#10232c;

    font-size:15px;

    line-height:1.3;

    font-weight:900;
}


.home-equipment-side-content p{
    margin:0;

    color:#718287;

    font-size:8px;

    line-height:1.6;
}


.home-equipment-side-content a{
    margin-top:10px;

    display:inline-flex;

    align-items:center;

    gap:7px;

    color:#007582;

    text-decoration:none;

    font-size:7px;

    font-weight:900;
}


.home-equipment-side-content a i{
    transition:.3s ease;
}


.home-equipment-side-content a:hover i{
    transform:translateX(4px);
}


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

.home-equipment-button-wrap{
    margin-top:32px;

    text-align:center;
}

.home-equipment-button{
    min-height:48px;

    padding:4px 5px 4px 19px;

    display:inline-flex;

    align-items:center;

    gap:17px;

    border-radius:50px;

    background:#007582;

    color:#ffffff;

    text-decoration:none;

    font-size:9px;

    font-weight:900;

    box-shadow:
        0 12px 28px rgba(0,117,130,.18);

    transition:.3s ease;
}

.home-equipment-button > span{
    width:38px;
    height:38px;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:rgba(255,255,255,.15);

    font-size:8px;
}

.home-equipment-button:hover{
    background:#07343c;

    color:#ffffff;

    transform:translateY(-3px);
}


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

@media(max-width:991px){

    .home-equipment-section{
        padding:80px 15px;
    }

    .home-equipment-main{
        max-width:820px;

        grid-template-columns:1fr;
    }

    .home-equipment-feature{
        min-height:430px;
    }

    .home-equipment-side-card{
        grid-template-columns:220px 1fr;
    }

}


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

@media(max-width:768px){

    .home-equipment-section{
        padding:58px 10px;
    }

    .home-equipment-heading{
        margin-bottom:30px;
    }

    .home-equipment-heading h2{
        font-size:31px;
    }

    .home-equipment-heading p{
        max-width:360px;

        font-size:10.5px;
    }

    .home-equipment-main{
        max-width:460px;
    }

    .home-equipment-feature{
        min-height:360px;

        border-radius:19px;
    }

    .home-equipment-feature-category{
        top:15px;
        left:15px;
    }

    .home-equipment-feature-content{
        left:20px;
        right:20px;
        bottom:20px;
    }

    .home-equipment-feature-content h3{
        font-size:24px;
    }

    .home-equipment-side-card{
        grid-template-columns:140px 1fr;
        gap:11px;
        padding:8px;
    }

    .home-equipment-side-image{
        min-height:130px;
    }

}


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

@media(max-width:480px){

    .home-equipment-section{
        padding:50px 8px;
    }

    .home-equipment-heading h2{
        font-size:27px;
    }

    .home-equipment-feature{
        min-height:320px;
    }

    .home-equipment-feature-content{
        left:16px;
        right:16px;
        bottom:16px;
    }

    .home-equipment-feature-content h3{
        font-size:21px;
    }

    .home-equipment-feature-content p{
        font-size:9px;
    }

    .home-equipment-side-card{
        grid-template-columns:118px 1fr;
        gap:9px;
        padding:7px;
    }

    .home-equipment-side-image{
        min-height:120px;
    }

    .home-equipment-side-content{
        padding:10px 8px 10px 1px;
    }

    .home-equipment-side-content h3{
        font-size:13px;
    }

    .home-equipment-side-content p{
        font-size:7px;
    }

}


/* =========================================================
   EXTRA SMALL
========================================================= */

@media(max-width:360px){

    .home-equipment-side-card{
        grid-template-columns:105px 1fr;
    }

    .home-equipment-side-content{
        padding:12px;
    }

    .home-equipment-side-content h3{
        font-size:12px;
    }

}

/* RIGHT SIDE EQUIPMENT CARD TEXT SIZE FIX */

.home-equipment-side-content small{
    font-size:8px !important;
    letter-spacing:1.2px !important;
}

.home-equipment-side-content h3{
    font-size:18px !important;
    line-height:1.3 !important;
    margin-bottom:8px !important;
}

.home-equipment-side-content p{
    font-size:11px !important;
    line-height:1.65 !important;
}

.home-equipment-side-content a{
    font-size:9px !important;
    margin-top:12px !important;
}

/* Home Page QUALITY & SAFETY Section */    
.qs-button-wrapper{

    margin-top:30px;

    text-align:center;

}

.qs-detail-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    padding:14px 34px;

    background:#007582;

    color:#ffffff;

    text-decoration:none;

    border-radius:50px;

    font-size:14px;

    font-weight:800;

    box-shadow:0 8px 22px rgba(0,117,130,.20);

    transition:.35s ease;

}

.qs-detail-btn span{

    font-size:20px;

    line-height:1;

    transition:.35s ease;

}

.qs-detail-btn:hover{

    background:#10212b;

    transform:translateY(-3px);

}

.qs-detail-btn:hover span{

    transform:translateX(4px);

}

.quality-safety-section{

    padding:80px 0;

    background:#ffffff;

    overflow:hidden;

}

.qs-heading{

    max-width:850px;

    margin:0 auto 70px;

    text-align:center;

}

.qs-heading span{

    display:inline-block;

    color:#007582;

    font-size:25px;

    font-weight:900;

    letter-spacing:4px;

    margin-bottom:20px;

    position:relative;

    padding-bottom:12px;

}

.qs-heading span::after{

    content:"";

    position:absolute;

    left:50%;

    bottom:0;

    transform:translateX(-50%);

    width:70px;

    height:4px;

    background:#007582;

    border-radius:10px;

}

.qs-heading h2{

    margin:0;

    color:#10212b;

    font-size:38px;

    line-height:1.15;

    font-weight:900;

}

.qs-heading h2 strong{

    color:#007582;

}

.qs-heading p{

    max-width:720px;

    margin:20px auto 0;

    color:#66737b;

    font-size:16px;

    line-height:1.8;

}

.qs-main-wrapper{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:70px;

    align-items:center;

}

.qs-content-box{

    background:#f8fbfb;

    padding:45px;

    border-radius:30px;

    border:1px solid #e4eeee;

    position:relative;

}

.qs-content-box::before{

    content:"";

    position:absolute;

    left:0;

    top:30px;

    height:calc(100% - 60px);

    width:5px;

    background:#007582;

    border-radius:20px;

}

.qs-tag{

    display:inline-block;

    padding:8px 18px;

    background:#007582;

    color:#ffffff;

    border-radius:50px;

    font-size:12px;

    font-weight:800;

    letter-spacing:1px;

    margin-bottom:20px;

}

.qs-content-box h3{

    margin:0 0 18px;

    color:#10212b;

    font-size:32px;

    line-height:1.3;

    font-weight:900;

}

.qs-content-box p{

    color:#59656d;

    font-size:16px;

    line-height:1.8;

}

.qs-benefits{

    margin-top:35px;

    display:flex;

    gap:20px;

}

.benefit-item{

    display:flex;

    align-items:center;

    gap:15px;

    padding:18px;

    background:#ffffff;

    border-radius:18px;

    border:1px solid #e5eeee;

    transition:.3s ease;

}

.benefit-item:hover{

    transform:translateY(-6px);

    border-color:#007582;

}

.benefit-icon{

    width:45px;

    height:45px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#007582;

    color:#ffffff;

    border-radius:14px;

    font-size:20px;

}

.benefit-item h4{

    margin:0 0 5px;

    font-size:15px;

    color:#10212b;

    font-weight:900;

}

.benefit-item span{

    font-size:12px;

    color:#66737b;

}

.qs-system{

    display:flex;

    justify-content:center;

}

.quality-ring{

    width:390px;

    height:390px;

    border-radius:50%;

    position:relative;

    display:flex;

    justify-content:center;

    align-items:center;

}

.quality-ring::before{

    content:"";

    position:absolute;

    inset:0;

    border-radius:50%;

    border:2px dashed #007582;

    animation:circleRotate 15s linear infinite;

}

@keyframes circleRotate{

    from{

        transform:rotate(0deg);

    }


    to{

        transform:rotate(360deg);

    }

}

.ring-center{

    width:130px;

    height:130px;

    border-radius:50%;

    background:#007582;

    color:white;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:32px;

    font-weight:900;

    box-shadow:0 20px 45px rgba(0,117,130,.25);

}

.ring-point{

    position:absolute;

    width:125px;

    padding:18px;

    background:#ffffff;

    border-radius:18px;

    text-align:center;

    border:1px solid #e5eeee;

    box-shadow:0 15px 35px rgba(0,0,0,.10);

    transition:.3s ease;

}

.ring-point:hover{

    transform:translateY(-8px);

    border-color:#007582;

}

.ring-point strong{

    display:block;

    color:#007582;

    font-size:18px;

}

.ring-point span{

    color:#10212b;

    font-size:13px;

    font-weight:800;

}

.point-top{

    top:-30px;

    left:50%;

    transform:translateX(-50%);

}

.point-right{

    right:-35px;

    top:50%;

    transform:translateY(-50%);

}

.point-bottom{

    bottom:-30px;

    left:50%;

    transform:translateX(-50%);

}

.point-left{

    left:-35px;

    top:50%;

    transform:translateY(-50%);

}

.qs-process-bar{

    margin-top:80px;

    display:flex;

    justify-content:center;

    align-items:center;

    gap:20px;

}

.process-box{

    width:140px;

    height:85px;

    background:#ffffff;

    border:1px solid #e5eeee;

    border-radius:20px;

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

    color:#10212b;

    font-weight:800;

    box-shadow:0 10px 25px rgba(0,0,0,.06);

    transition:.3s ease;

}

.process-box:hover{

    transform:translateY(-8px);

    border-color:#007582;

}

.process-box span{

    color:#007582;

    font-size:14px;

    margin-bottom:8px;

}

.process-divider{

    width:60px;

    height:2px;

    background:#007582;

}

.qs-content-box,

.quality-ring,

.process-box{

    animation:fadeUp .8s ease;

}

@keyframes fadeUp{

    from{

        opacity:0;

        transform:translateY(30px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}

@media(max-width:991px){

    .qs-main-wrapper{

        grid-template-columns:1fr;

    }

    .qs-content-box{

        text-align:center;

    }

    .qs-benefits{

        justify-content:center;

    }

    .quality-ring{

        width:330px;

        height:330px;

    }

}

@media(max-width:768px){

    .qs-heading h2{

        font-size:35px;

    }

    .qs-content-box{

        padding:30px;

    }

    .qs-content-box h3{

        font-size:25px;

    }

    .qs-benefits{

        flex-direction:column;

    }

    .qs-process-bar{

        flex-wrap:wrap;

    }

    .process-divider{

        display:none;

    }

}

@media(max-width:576px){

    .qs-heading h2{

        font-size:28px;

    }

    .quality-ring{

        width:260px;

        height:260px;

    }

    .ring-center{

        width:90px;

        height:90px;

        font-size:22px;

    }

    .ring-point{

        width:95px;

        padding:10px;

    }

    .ring-point span{

        font-size:11px;

    }

    .point-right{

        right:-20px;

    }

    .point-left{

        left:-20px;

    }

    .process-box{

        width:110px;

    }

}

/* Home Page Blogs Section */
.news-insight-section{

    padding:80px 0;

    background:#ffffff;

    overflow:hidden;

}

.news-insight-heading{

    max-width:850px;

    margin:0 auto 60px;

    text-align:center;

}

.news-insight-heading span{

    display:inline-block;

    color:#007582;

    font-size:25px;

    font-weight:900;

    letter-spacing:4px;

    margin-bottom:20px;

    position:relative;

    padding-bottom:12px;

}

.news-insight-heading span::after{

    content:"";

    position:absolute;

    left:50%;

    bottom:0;

    transform:translateX(-50%);

    width:70px;

    height:4px;

    background:#007582;

    border-radius:10px;

}

.news-insight-heading h2{

    margin:0;

    color:#10212b;

    font-size:38px;

    line-height:1.15;

    font-weight:900;

}

.news-insight-heading h2 strong{

    color:#007582;

}

.news-insight-heading p{

    max-width:700px;

    margin:20px auto 0;

    color:#66737b;

    font-size:16px;

    line-height:1.8;

}

.news-insight-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:30px;

}

.news-insight-card{

    background:#ffffff;

    border-radius:26px;

    overflow:hidden;

    border:1px solid #e5eeee;

    display:flex;

    flex-direction:column;

    height:100%;

    transition:.35s ease;

    box-shadow:0 10px 30px rgba(0,0,0,.05);

}

.news-insight-card:hover{

    transform:translateY(-10px);

    border-color:#007582;

    box-shadow:0 20px 45px rgba(0,117,130,.15);

}

.news-insight-image{

    height:240px;

    overflow:hidden;

}

.news-insight-image img{

    width:100%;

    height:100%;

    object-fit:cover;

    display:block;

    transition:.5s ease;

}

.news-insight-card:hover .news-insight-image img{

    transform:scale(1.08);

}

.news-insight-content{

    padding:30px;

    display:flex;

    flex-direction:column;

    flex:1;

}

.news-info{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding-bottom:15px;

    margin-bottom:18px;

    border-bottom:1px solid #edf2f2;

}

.news-info span{

    color:#007582;

    font-size:13px;

    font-weight:700;

}

.news-insight-content h3{

    margin:0 0 15px;

    color:#10212b;

    font-size:22px;

    line-height:1.4;

    font-weight:900;

}

.news-insight-content p{

    margin:0 0 25px;

    color:#59656d;

    font-size:14px;

    line-height:1.7;

}

.news-action{

    margin-top:auto;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:8px;

    width:max-content;

    padding:9px 20px;

    background:#007582;

    color:#ffffff;

    text-decoration:none;

    border-radius:50px;

    font-size:12px;

    font-weight:800;

    transition:.35s ease;

}


.news-action span{

    font-size:16px;

    transition:.35s ease;

}

.news-action:hover{

    background:#10212b;

    transform:translateY(-3px);

}

.news-action:hover span{

    transform:translateX(4px);

}

.news-all-button{

    text-align:center;

    margin-top:50px;

}

.news-all-button a{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:8px;

    padding:11px 28px;

    background:#007582;

    color:#ffffff;

    text-decoration:none;

    border-radius:50px;

    font-size:13px;

    font-weight:800;

    box-shadow:0 6px 18px rgba(0,117,130,.18);

    transition:.35s ease;

}

.news-all-button span{

    font-size:18px;

    transition:.35s ease;

}

.news-all-button a:hover{

    background:#10212b;

    transform:translateY(-3px);

}

.news-all-button a:hover span{

    transform:translateX(4px);

}

.news-insight-card{

    animation:newsFade .8s ease;

}

@keyframes newsFade{

    from{

        opacity:0;

        transform:translateY(40px);

    }


    to{

        opacity:1;

        transform:translateY(0);

    }

}

@media(max-width:991px){

    .news-insight-heading h2{

        font-size:40px;

    }

    .news-insight-grid{

        grid-template-columns:repeat(2,1fr);

    }

}

@media(max-width:768px){

    .news-insight-section{

        padding:40px 0;

    }

    .news-insight-heading h2{

        font-size:34px;

    }

    .news-insight-grid{

        grid-template-columns:1fr;

    }

    .news-insight-image{

        height:220px;

    }

}

@media(max-width:576px){

    .news-insight-heading h2{

        font-size:30px;

    }

    .news-insight-content{

        padding:25px;

    }

    .news-insight-content h3{

        font-size:20px;

    }

    .news-info{

        flex-direction:column;

        align-items:flex-start;

        gap:6px;

    }

}

.news-insight-image{

    position:relative;

}

.blog-category-badge{

    position:absolute;

    top:20px;

    left:20px;

    background:#007582;

    color:#fff;

    padding:7px 16px;

    border-radius:50px;

    font-size:12px;

    font-weight:800;

    z-index:2;

}

@media(max-width:768px){

    .blog-category-badge{

        top:15px;

        left:15px;

        font-size:11px;

        padding:6px 14px;

    }

}

/* Home Page Faq Section */
.premium-faq-section{

    padding:80px 0;

    background:#ffffff;

}

.premium-faq-heading{

    max-width:850px;

    margin:0 auto 60px;

    text-align:center;

}

.premium-faq-heading span{

    display:inline-block;

    color:#007582;

    font-size:18px;

    font-weight:900;

    letter-spacing:4px;

    margin-bottom:20px;

    position:relative;

    padding-bottom:12px;

}

.premium-faq-heading span::after{

    content:"";

    position:absolute;

    left:50%;

    bottom:0;

    transform:translateX(-50%);

    width:70px;

    height:4px;

    background:#007582;

    border-radius:10px;

}

.premium-faq-heading h2{

    font-size:38px;

    line-height:1.15;

    font-weight:900;

    color:#10212b;

    margin:0;

}

.premium-faq-heading h2 strong{

    color:#007582;

}

.premium-faq-heading p{

    margin-top:20px;

    color:#66737b;

    font-size:16px;

}

.premium-faq-wrapper{

    max-width:950px;

    margin:auto;

    display:flex;

    flex-direction:column;

    gap:25px;

}

.premium-faq-card{

    position:relative;

    background:#ffffff;

    border:1px solid #007582;

    border-radius:28px;

    overflow:hidden;

    box-shadow:0 12px 35px rgba(0,0,0,.06);

    transition:.35s ease;

}

.premium-faq-card::before{

    content:"";

    position:absolute;

    left:0;

    top:25px;

    bottom:25px;

    width:5px;

    background:#007582;

    border-radius:0 20px 20px 0;

}

.premium-faq-card:hover{

    transform:translateY(-5px);

    border-color:#007582;

    box-shadow:0 20px 45px rgba(0,117,130,.15);

}

.premium-faq-question{

    width:100%;

    padding:28px 35px 28px 45px;

    border:none;

    background:#fff;

    display:flex;

    align-items:center;

    justify-content:space-between;

    cursor:pointer;

}

.faq-question-left{

    display:flex;

    align-items:center;

    gap:25px;

}

.faq-count{

    width:58px;

    height:58px;

    background:#eaf7f8;

    border-radius:18px;

    display:flex;

    align-items:center;

    justify-content:center;

    color:#007582;

    font-size:17px;

    font-weight:900;

}

.premium-faq-card.active .faq-count{

    background:#007582;

    color:white;

}

.faq-question-left h3{

    margin:0;

    font-size:18px;

    font-weight:900;

    color:#10212b;

    text-align:left;

}

.faq-icon{

    width:48px;

    height:48px;

    border-radius:50%;

    background:#007582;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:28px;

    font-weight:700;

    transition:.35s ease;

    box-shadow:0 10px 25px rgba(0,117,130,.25);

}

.premium-faq-card.active .faq-icon{

    background:#10212b;

    transform:rotate(45deg);

}

.premium-faq-answer{

    max-height:0;

    overflow:hidden;

    transition:.4s ease;

}

.premium-faq-card.active .premium-faq-answer{

    max-height:150px;

}

.premium-faq-answer p{

    margin:0;

    padding:0 45px 30px 128px;

    background:none;

    border:none;

    color:#59656d;

    font-size:15px;

    line-height:1.8;

}

@media(max-width:991px){

    .premium-faq-section{

        padding:80px 0;

    }

    .premium-faq-heading h2{

        font-size:40px;

    }

    .premium-faq-heading p{

        font-size:15px;

    }

    .premium-faq-wrapper{

        max-width:100%;

    }

    .premium-faq-question{

        padding:25px 30px 25px 35px;

    }

    .faq-count{

        width:52px;

        height:52px;

    }

    .faq-question-left{

        gap:20px;

    }

    .faq-question-left h3{

        font-size:16px;

    }

    .faq-icon{

        width:44px;

        height:44px;

        font-size:24px;

    }

    .premium-faq-answer p{

        padding:0 35px 25px 105px;

    }

}

@media(max-width:768px){

    .premium-faq-section{

        padding:20px 0;

    }

    .premium-faq-heading{

        margin-bottom:45px;

    }

    .premium-faq-heading h2{

        font-size:34px;

    }

    .premium-faq-heading p{

        font-size:14px;

    }

    .premium-faq-wrapper{

        gap:18px;

    }

    .premium-faq-card{

        border-radius:22px;

    }

    .premium-faq-question{

        padding:20px 22px;

    }

    .faq-question-left{

        gap:15px;

    }

    .faq-count{

        width:45px;

        height:45px;

        border-radius:14px;

        font-size:14px;

    }

    .faq-question-left h3{

        font-size:14px;

    }

    .faq-icon{

        width:38px;

        height:38px;

        font-size:22px;

    }

    .premium-faq-answer p{

        padding:0 22px 22px;

        font-size:14px;

    }

}

@media(max-width:576px){

    .premium-faq-section{

        padding:20px 0 40px;

    }

    .premium-faq-heading span{

        font-size:11px;

        letter-spacing:2px;

    }

    .premium-faq-heading h2{

        font-size:28px;

    }

    .premium-faq-heading p{

        font-size:13px;

    }

    .premium-faq-question{

        padding:18px;

    }

    .faq-question-left{

        gap:12px;

    }

    .faq-count{

        width:38px;

        height:38px;

        border-radius:12px;

        font-size:12px;

    }

    .faq-question-left h3{

        font-size:13px;

    }

    .faq-icon{

        width:34px;

        height:34px;

        font-size:20px;

    }

    .premium-faq-answer p{

        font-size:13px;

        line-height:1.7;

    }

}

@media(max-width:480px){

    .premium-faq-heading h2{

        font-size:25px;

    }

    .premium-faq-question{

        padding:16px;

    }

    .faq-question-left{

        gap:10px;

    }

    .faq-count{

        width:35px;

        height:35px;

    }

    .faq-question-left h3{

        font-size:12px;

    }

    .faq-icon{

        width:32px;

        height:32px;

    }

    .premium-faq-answer p{

        padding:0 18px 20px;

    }

}

@media(max-width:360px){

    .premium-faq-heading h2{

        font-size:22px;

    }

    .premium-faq-heading span{

        font-size:10px;

    }

    .premium-faq-question{

        padding:14px;

    }

    .faq-question-left{

        gap:8px;

    }

    .faq-count{

        width:32px;

        height:32px;

    }

    .faq-question-left h3{

        font-size:11px;

    }

    .faq-icon{

        width:30px;

        height:30px;

        font-size:18px;

    }

    .premium-faq-answer p{

        font-size:12px;

    }

}

@media(max-width:300px){

    .premium-faq-section{

        padding:45px 0;

    }

    .premium-faq-heading h2{

        font-size:20px;

    }

    .premium-faq-question{

        flex-direction:column;

        align-items:flex-start;

        gap:15px;

    }

    .faq-question-left{

        width:100%;

    }

    .faq-icon{

        align-self:flex-end;

    }

    .faq-question-left h3{

        font-size:11px;

    }

    .premium-faq-answer p{

        padding:0 15px 18px;

        font-size:11px;

    }

}

/* Terms & Conditions Page */
/* .terms-banner{

    height:75vh;

    position:relative;

    overflow:hidden;

} */

.terms-banner{

    height:75vh;

    position:relative;

    overflow:hidden;

    background:
    linear-gradient(
        135deg,
        #1f2933 0%,
        #123b44 45%,
        var(--accent) 100%
    );

}

.terms-banner img{

    width:100%;

    height:100%;

    object-fit:cover;

}

.terms-banner-overlay{

    position:absolute;

    inset:0;

    background:linear-gradient(
        90deg,
        rgba(31,41,51,.65),
        rgba(0,109,119,.35)
    );

}

.terms-banner-content{

    position:absolute;

    top:50%;

    left:0;

    transform:translateY(-50%);

    color:#fff;

    text-align:center;

    width:100%;

}

.terms-banner-content h1{

    font-size:60px;

    font-weight:900;

    margin-bottom:25px;

}

.terms-breadcrumb{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:15px;

    font-size:17px;

    font-weight:700;

}

.terms-breadcrumb i{

    font-style:normal;

    color:#0bb7c5;

}

@media(max-width:991px){

    .terms-banner{

        height:90vh;

    }

    .terms-banner-content h1{

        font-size:45px;

    }

}

@media(max-width:768px){

    .terms-banner{

        height:500px;

    }
    
    .terms-banner img{

        width:100%;

        height:500px;

        object-fit:cover;

        object-position:center;

    }

    .terms-banner-content{

        padding:0 20px;

    }

    .terms-banner-content h1{

        font-size:38px;

        line-height:1.2;

    }

    .terms-breadcrumb{

        font-size:15px;

    }

}

@media(max-width:576px){

    .terms-banner{

        height:420px;

    }

    .terms-banner-content{

        padding:0 20px;

    }

    .terms-banner-content h1{

        font-size:32px;

        line-height:1.2;

    }

    .terms-breadcrumb{

        font-size:14px;

    }

}

@media(max-width:360px){

    .terms-banner{

        height:380px;

    }

    .terms-banner-content h1{

        font-size:28px;

    }

}

.terms-modern-section{

    padding:50px 0 100px;

    background:#f7fbfb;

}

.terms-modern-header{

    max-width:850px;

    margin:auto;

    text-align:center;

}

.terms-modern-header span{

    display:inline-block;

    color:#007582;

    font-size:17px;

    font-weight:900;

    letter-spacing:4px;

    position:relative;

    padding-bottom:12px;

}

.terms-modern-header span::after{

    content:"";

    position:absolute;

    bottom:0;

    left:50%;

    transform:translateX(-50%);

    width:80px;

    height:4px;

    background:#007582;

    border-radius:10px;

}

.terms-modern-header h1{

    margin:25px 0 35px;
    font-size:52px;
    line-height:1.2;
    font-weight:900;
    color:#10212b;
    position:relative;
    padding-bottom:18px;
    white-space:nowrap;

}

.terms-modern-header h1::after{

    content:"";

    position:absolute;

    left:50%;

    bottom:0;

    transform:translateX(-50%);

    width:80px;

    height:4px;

    background:#007582;

    border-radius:10px;

}

.terms-modern-header h1 strong{

    color:#007582;

}

.terms-modern-header p{

    color:#59656d;

    font-size:17px;

    line-height:1.8;

}

.terms-modern-content{

    max-width:950px;

    margin:40px auto 0;

    background:#ffffff;

    padding:55px;

    border-radius:35px;

    box-shadow:
    0 25px 60px rgba(0,0,0,.08);

    position:relative;

    transition:.45s ease;

}

.terms-modern-content:hover{

    transform:translateY(-12px);

    box-shadow:
    0 45px 90px rgba(0,117,130,.18);

}

.terms-modern-content::before{

    content:"";

    position:absolute;

    left:0;

    top:45px;

    bottom:45px;

    width:6px;

    background:#007582;

    border-radius:0 20px 20px 0;

    transition:.4s ease;

}

.terms-intro-box{

    background:#f0f9fa;

    padding:30px;

    border-radius:22px;

    margin-bottom:40px;

}

.terms-intro-box h2{

    color:#10212b;

    font-size:25px;

    font-weight:900;

    margin-bottom:12px;

}

.terms-modern-content h3{

    font-size:24px;

    color:#10212b;

    font-weight:900;

    margin-top:35px;

    margin-bottom:12px;

    position:relative;

    padding-left:20px;

}

.terms-modern-content h3::before{

    content:"";

    position:absolute;

    left:0;

    top:8px;

    width:8px;

    height:8px;

    background:#007582;

    border-radius:50%;

}

.terms-modern-content p{

    color:#59656d;

    font-size:16px;

    line-height:1.9;

    margin-bottom:20px;

}

@media(max-width:991px){

    .terms-modern-section{

        padding:80px 0;

    }

    .terms-modern-header h1{

        font-size:42px;

    }

    .terms-modern-header p{

        font-size:16px;

    }

    .terms-modern-content{

        margin-top:50px;

        padding:45px;

    }

    .terms-modern-content h3{

        font-size:22px;

    }

}

@media(max-width:768px){

    .terms-modern-section{

        padding:70px 0;

    }

    .terms-modern-header span{

        font-size:15px;

        letter-spacing:3px;

    }

    .terms-modern-header h1{

        font-size:36px;

        line-height:1.25;

    }

    .terms-modern-header p{

        font-size:15px;

        line-height:1.7;

    }

    .terms-modern-content{

        margin-top:40px;

        padding:35px;

        border-radius:25px;

    }

    .terms-modern-content::before{

        width:5px;

    }

    .terms-intro-box{

        padding:25px;

        border-radius:18px;

    }

    .terms-intro-box h2{

        font-size:22px;

    }

    .terms-modern-content h3{

        font-size:21px;

        margin-top:30px;

    }

    .terms-modern-content p{

        font-size:15px;

        line-height:1.8;

    }

}

@media(max-width:576px){

    .terms-modern-section{

        padding:60px 0;

    }

    .terms-modern-header{

        padding:0 15px;

    }

    .terms-modern-header span{

        font-size:13px;

        letter-spacing:2px;

    }

    .terms-modern-header h1{

        font-size:30px;
        white-space:normal;

    }

    .terms-modern-header p{

        font-size:14px;

    }

    .terms-modern-content{

        padding:28px;

        margin-top:20px;

        border-radius:22px;

    }

    .terms-modern-content::before{

        top:25px;

        bottom:25px;

    }

    .terms-intro-box{

        padding:20px;

        margin-bottom:30px;

    }

    .terms-intro-box h2{

        font-size:20px;

    }

    .terms-modern-content h3{

        font-size:19px;

        padding-left:16px;

    }

    .terms-modern-content h3::before{

        width:7px;

        height:7px;

    }

    .terms-modern-content p{

        font-size:14px;

        line-height:1.7;

    }

}

@media(max-width:480px){

    .terms-modern-section{

        padding:50px 0;

    }

    .terms-modern-header h1{

        font-size:27px;

    }

    .terms-modern-header span{

        font-size:12px;

    }

    .terms-modern-content{

        padding:22px;

        border-radius:18px;

    }

    .terms-intro-box{

        padding:18px;

    }

    .terms-intro-box h2{

        font-size:18px;

    }

    .terms-modern-content h3{

        font-size:17px;

        margin-top:25px;

    }

    .terms-modern-content p{

        font-size:13px;

    }

}

@media(max-width:360px){

    .terms-modern-section{

        padding:40px 0;

    }

    .terms-modern-header h1{

        font-size:24px;

    }

    .terms-modern-header p{

        font-size:13px;

    }

    .terms-modern-content{

        padding:18px;

    }

    .terms-intro-box h2{

        font-size:17px;

    }

    .terms-modern-content h3{

        font-size:16px;

        padding-left:14px;

    }

    .terms-modern-content p{

        font-size:12px;

        line-height:1.6;

    }

}

@media(max-width:300px){

    .terms-modern-section{

        padding:35px 0;

    }

    .terms-modern-header h1{

        font-size:21px;

    }

    .terms-modern-header span{

        font-size:11px;

    }

    .terms-modern-content{

        padding:15px;

        border-radius:15px;

    }

    .terms-intro-box{

        padding:15px;

    }

    .terms-modern-content h3{

        font-size:15px;

    }

    .terms-modern-content p{

        font-size:11px;

    }

}

/* Privacy & Policy Page */
/* .privacy-banner{

    height:75vh;

    position:relative;

    overflow:hidden;

} */

.privacy-banner{

    height:75vh;

    position:relative;

    overflow:hidden;

    background:
    linear-gradient(
        135deg,
        #1f2933 0%,
        #123b44 45%,
        var(--accent) 100%
    );

}

.privacy-banner img{

    width:100%;

    height:100%;

    object-fit:cover;

}

.privacy-banner-overlay{

    position:absolute;

    inset:0;

    background:linear-gradient(
        90deg,
        rgba(31,41,51,.65),
        rgba(0,109,119,.35)
    );

}

.privacy-banner-content{

    position:absolute;

    top:50%;

    left:0;

    transform:translateY(-50%);

    width:100%;

    text-align:center;

    color:#ffffff;

}

.privacy-banner-content h1{

    font-size:60px;

    font-weight:900;

    margin-bottom:25px;

}

.privacy-breadcrumb{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:15px;

    font-size:17px;

    font-weight:700;

}

.privacy-breadcrumb i{

    font-style:normal;

    color:#0bb7c5;

}

.privacy-modern-section{

    padding:50px 0 100px;

    background:#f7fbfb;

}

.privacy-modern-header{

    max-width:850px;

    margin:auto;

    text-align:center;

}

.privacy-modern-header h1{

    margin:25px 0 35px;

    font-size:52px;

    line-height:1.2;

    font-weight:900;

    color:#10212b;

    position:relative;

    padding-bottom:18px;

    white-space:nowrap;

}

.privacy-modern-header h1::after{

    content:"";

    position:absolute;

    left:50%;

    bottom:0;

    transform:translateX(-50%);

    width:80px;

    height:4px;

    background:#007582;

    border-radius:10px;

}

.privacy-modern-header h1 strong{

    color:#007582;

}

.privacy-modern-header p{

    color:#59656d;

    font-size:17px;

    line-height:1.8;

}

.privacy-modern-content{

    max-width:950px;

    margin:40px auto 0;

    background:#ffffff;

    padding:55px;

    border-radius:35px;

    box-shadow:0 25px 60px rgba(0,0,0,.08);

    position:relative;

    transition:.45s ease;

}

.privacy-modern-content:hover{

    transform:translateY(-12px);

    box-shadow:0 45px 90px rgba(0,117,130,.18);

}

.privacy-modern-content::before{

    content:"";

    position:absolute;

    left:0;

    top:45px;

    bottom:45px;

    width:6px;

    background:#007582;

    border-radius:0 20px 20px 0;

}

.privacy-intro-box{

    background:#f0f9fa;

    padding:30px;

    border-radius:22px;

    margin-bottom:40px;

}

.privacy-intro-box h2{

    color:#10212b;

    font-size:25px;

    font-weight:900;

    margin-bottom:12px;

}

.privacy-modern-content h3{

    font-size:24px;

    color:#10212b;

    font-weight:900;

    margin-top:35px;

    margin-bottom:12px;

    position:relative;

    padding-left:20px;

}

.privacy-modern-content h3::before{

    content:"";

    position:absolute;

    left:0;

    top:8px;

    width:8px;

    height:8px;

    background:#007582;

    border-radius:50%;

}

.privacy-modern-content p{

    color:#59656d;

    font-size:16px;

    line-height:1.9;

    margin-bottom:20px;

}

@media(max-width:991px){

    .privacy-banner{

        height:90vh;

    }

    .privacy-banner-content h1{

        font-size:45px;

    }

    .privacy-modern-section{

        padding:80px 0;

    }

    .privacy-modern-header h1{

        font-size:42px;

    }

    .privacy-modern-content{

        padding:45px;

    }

}

@media(max-width:768px){

    .privacy-banner{

        height:500px;

    }

    .privacy-banner img{

        height:500px;

        object-fit:cover;

        object-position:center;

    }

    .privacy-banner-content{

        padding:0 20px;

    }

    .privacy-banner-content h1{

        font-size:38px;

    }

    .privacy-modern-section{

        padding:70px 0;

    }

    .privacy-modern-header h1{

        font-size:36px;

        white-space:normal;

    }

    .privacy-modern-content{

        padding:35px;

        border-radius:25px;

    }

    .privacy-modern-content h3{

        font-size:21px;

    }

}

@media(max-width:576px){

    .privacy-banner{

        height:420px;

    }

    .privacy-banner-content h1{

        font-size:32px;

    }

    .privacy-breadcrumb{

        font-size:14px;

    }

    .privacy-modern-section{

        padding:60px 0;

    }

    .privacy-modern-header{

        padding:0 15px;

    }

    .privacy-modern-header h1{

        font-size:30px;

    }

    .privacy-modern-content{

        padding:28px;

        margin-top:20px;

    }

    .privacy-intro-box{

        padding:20px;

    }

    .privacy-modern-content h3{

        font-size:19px;

    }

    .privacy-modern-content p{

        font-size:14px;

    }

}

@media(max-width:480px){

    .privacy-modern-section{

        padding:50px 0;

    }

    .privacy-modern-header h1{

        font-size:27px;

    }

    .privacy-modern-content{

        padding:22px;

        border-radius:18px;

    }

    .privacy-intro-box h2{

        font-size:18px;

    }

    .privacy-modern-content h3{

        font-size:17px;

    }

    .privacy-modern-content p{

        font-size:13px;

    }

}

@media(max-width:360px){

    .privacy-banner{

        height:380px;

    }

    .privacy-banner-content h1{

        font-size:28px;

    }

    .privacy-modern-header h1{

        font-size:24px;

    }

    .privacy-modern-content{

        padding:18px;

    }

    .privacy-modern-content h3{

        font-size:16px;

    }

    .privacy-modern-content p{

        font-size:12px;

    }

}

@media(max-width:300px){

    .privacy-modern-section{

        padding:35px 0;

    }

    .privacy-modern-header h1{

        font-size:21px;

    }

    .privacy-modern-content{

        padding:15px;

    }

    .privacy-modern-content h3{

        font-size:15px;

    }

    .privacy-modern-content p{

        font-size:11px;

    }

}

/* Contact Page */
/* .contact-banner{

    height:75vh;
    position:relative;
    overflow:hidden;

} */

.contact-banner{

    height:75vh;
    position:relative;
    overflow:hidden;

    background:
    linear-gradient(
        135deg,
        #1f2933 0%,
        #123b44 45%,
        var(--accent) 100%
    );

}

.contact-banner img{

    width:100%;
    height:100%;
    object-fit:cover;

}

.contact-banner-overlay{

    position:absolute;
    inset:0;

    background:
    linear-gradient(
        90deg,
        rgba(16,33,43,.85),
        rgba(0,117,130,.35)
    );

}

.contact-banner-content{

    position:absolute;

    top:50%;
    left:0;

    transform:translateY(-50%);

    width:100%;

    text-align:center;

    color:#fff;

}

.contact-banner-content h1{

    font-size:60px;

    font-weight:900;

    margin-bottom:25px;

}

.contact-breadcrumb{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:15px;

    font-size:17px;

    font-weight:700;

}

.contact-breadcrumb i{

    color:#0bb7c5;

    font-style:normal;

}

.contact-main-section{

    padding:100px 0;

    background:#f7fbfb;

}

.contact-main-wrapper{

    display:grid;

    grid-template-columns:45% 55%;

    gap:35px;

    align-items:stretch;

}

.contact-left-box{

    background:
    linear-gradient(
    145deg,
    #10212b,
    #00434d
    );

    padding:55px 45px;

    border-radius:35px;

    color:#fff;

    position:relative;

    overflow:hidden;

}

.contact-left-box::after{

    content:"";

    position:absolute;

    width:240px;

    height:240px;

    right:-100px;

    bottom:-100px;

    background:rgba(255,255,255,.08);

    border-radius:50%;

}

.contact-tag{

    color:#0bb7c5;

    font-size:14px;

    font-weight:800;

    letter-spacing:1px;

}

.contact-left-box h2{

    margin-top:20px;

    font-size:42px;

    line-height:1.25;

    font-weight:900;

}

.contact-left-box h2 strong{

    color:#0bb7c5;

}

.contact-left-box > p{


    margin-top:20px;

    color:#d5dfe2;

    line-height:1.8;

    font-size:16px;


}

.contact-info-list{

    margin-top:45px;

}

.contact-info-item{

    display:flex;

    align-items:flex-start;

    gap:20px;

    margin-bottom:30px;

    position:relative;

}

.contact-icon{

    width:50px;

    height:50px;

    min-width:50px;

    background:linear-gradient(
        135deg,
        #0bb7c5,
        #007582
    );

    border-radius:15px;

    display:flex;

    align-items:center;

    justify-content:center;

    color:#fff;

    font-size:19px;

    box-shadow: 0 10px 25px rgba(11,183,197,.35);

    transition:.3s ease;

}

.contact-info-item:hover .contact-icon{

    transform:translateY(-5px) scale(1.05);

}

.contact-info-item h4{

    margin:3px 0 8px;

    font-size:18px;

    font-weight:800;

    color:#ffffff;

    letter-spacing:.2px;

}

.contact-info-item p{

    margin:0;

    font-size:14px;

    color:#cbd9dc;

    line-height:1.6;

}

.contact-info-item:not(:last-child)::after{

    content:"";

    position:absolute;

    left:25px;

    bottom:-15px;

    height:1px;

    width:70%;

    background:rgba(255,255,255,.12);

}

.contact-social{

    display:none;

}

.contact-right-box{

    background:#fff;

    padding:45px;

    border-radius:35px;

    border:1px solid #e7eeee;

    box-shadow:

    0 25px 70px rgba(0,0,0,.08);

}

.contact-form-title span{

    display:inline-block;

    color:#006d77;

    font-size:20px;

    font-weight:900;

    letter-spacing:4px;

    margin-bottom:22px;

    position:relative;

    padding-bottom:15px;

}

.contact-form-title span::after{

    content:"";

    position:absolute;

    left:0;

    bottom:0;

    width:85px;

    height:4px;

    background:#006d77;

    border-radius:10px;

}

.contact-form-title h2{

    font-size:30px;

    line-height:1.15;

    font-weight:900;

    color:#12202b;

    margin-bottom:25px;

}

.contact-form-title h2 strong{

    color:#006d77;

}

.contact-form-title p{

    font-size:15px;

    line-height:1.9;

    color:#46515c;

    margin-bottom:35px;

}

.contact-input-grid{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:18px;

}

.input-box{

    position:relative;

}

.input-box i{

    position:absolute;

    left:18px;

    top:50%;

    transform:translateY(-50%);

    width:28px;

    height:28px;

    background:#eaf7f8;

    color:#007582;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:12px;

}

.input-box input,
.input-box textarea{

    width:100%;

    background:#f7fbfb;

    border:1px solid #e4eeee;

    outline:none;

    border-radius:14px;

    padding:17px 18px 17px 58px;

    font-size:14px;

    color:#10212b;

    transition:.3s;

}

.input-box input:hover,
.input-box textarea:hover{

    border-color:#007582;

}

.input-box input:focus,
.input-box textarea:focus{

    background:#fff;

    border-color:#007582;

    box-shadow:

    0 10px 30px rgba(0,117,130,.12);

}

.textarea-box{

    grid-column:1/3;

}

.textarea-box i{

    top:25px;

    transform:none;

}

.input-box textarea{

    height:140px;

    resize:none;

}

.submit-btn{

    margin-top:25px;

    background:#007582;

    color:#fff;

    border:none;

    padding:16px 35px;

    border-radius:50px;

    font-size:15px;

    font-weight:800;

    box-shadow:

    0 15px 35px rgba(0,117,130,.25);

    transition:.3s;

}

.submit-btn:hover{

    background:#10212b;

    transform:translateY(-4px);

}

.why-connect-section{

    padding:0 0 50px;

    background:#ffffff;

}

.why-connect-heading{

    max-width:850px;

    margin:auto;

    text-align:center;

}

.why-connect-heading span,
.map-heading span{


    display:inline-block;

    color:#006d77;

    font-size:25px;

    font-weight:900;

    letter-spacing:4px;

    margin-bottom:22px;

    position:relative;

    padding-bottom:15px;


}

.why-connect-heading span::after,
.map-heading span::after{


    content:"";

    position:absolute;

    left:50%;

    bottom:0;

    transform:translateX(-50%);

    width:85px;

    height:4px;

    background:#006d77;

    border-radius:10px;


}

.why-connect-heading h2,
.map-heading h2{


    margin-top:10px;

    font-size:38px;

    line-height:1.15;

    font-weight:900;

    color:#12202b;

    margin-bottom:25px;


}

.why-connect-heading h2 strong,
.map-heading h2 strong{

    color:#006d77;

}

.why-connect-heading p,
.map-heading p{

    margin-top:15px;

    color:#46515c;

    font-size:17px;

    line-height:1.9;

    max-width:600px;

    margin-left:auto;

    margin-right:auto;

}

.why-connect-grid{

    margin-top:55px;

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:30px;

}

.why-connect-card{

    background:#ffffff;

    padding:35px 30px;

    border-radius:28px;

    border:1px solid #e4eeee;

    position:relative;

    overflow:hidden;

    transition:.4s ease;

}

.why-connect-card::before{

    content:"";

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:4px;

    background:#007582;

}

.why-connect-card:hover{

    transform:translateY(-12px);

    box-shadow: 0 25px 70px rgba(0,117,130,.15);

}

.why-number{

    width:55px;

    height:55px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#007582;

    color:#ffffff;

    border-radius:16px;

    font-size:22px;

    font-weight:900;

}

.why-icon{

    margin-top:25px;

    width:60px;

    height:60px;

    border-radius:50%;

    background:#eaf7f8;

    color:#007582;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:24px;

}

.why-connect-card h3{

    margin-top:22px;

    font-size:23px;

    font-weight:900;

    color:#10212b;

}

.why-connect-card p{

    margin-top:12px;

    color:#59656d;

    line-height:1.7;

}

.contact-map-section{

    padding:0px 0 70px;

    background:#f7fbfb;

}

.map-heading{

    text-align:center;

    margin-bottom:25px;

}

.map-box{

    background:#ffffff;

    padding:15px;

    border-radius:35px;

    box-shadow:

    0 25px 70px rgba(0,0,0,.08);

}

.map-box iframe{

    width:100%;

    height:480px;

    border:0;

    border-radius:25px;

}

@media(max-width:1100px){

    .contact-main-wrapper{

        grid-template-columns:1fr;

    }

    .contact-left-box{

        padding:45px;

    }

}

@media(max-width:991px){

    .why-connect-grid{

        grid-template-columns:1fr 1fr;

    }

    .contact-banner-content h1{

        font-size:45px;

    }

}

@media(max-width:768px){

    .contact-banner{

        height:500px;

    }

    .contact-banner-content h1{

        font-size:38px;

    }

    .contact-main-section{

        padding:70px 0;

    }

    .contact-left-box{

        padding:35px 25px;

    }

    .contact-right-box{

        padding:30px 25px;

    }

    .contact-left-box h2,
    .contact-form-title h2{

        font-size:32px;

    }

    .contact-input-grid{

        grid-template-columns:1fr;

    }

    .textarea-box{

        grid-column:auto;

    }

    .why-connect-section,
    .contact-map-section{

        padding-top:0px;

    }

    .why-connect-grid{

        grid-template-columns:1fr;

    }

    .why-connect-heading h2,
    .map-heading h2{

        font-size:32px;

    }

    .map-box iframe{

        height:350px;

    }

}

@media(max-width:576px){

    .contact-banner{

        height:420px;

    }

    .contact-banner-content h1{

        font-size:32px;

    }

    .contact-breadcrumb{

        font-size:14px;

    }

    .contact-info-item{

        align-items:flex-start;

    }

    .contact-icon{

        width:50px;

        height:50px;

    }

    .why-connect-heading h2,
    .map-heading h2{

        font-size:28px;

    }

    .map-box{

        padding:8px;

        border-radius:20px;

    }

    .map-box iframe{

        height:300px;

    }

}

@media(max-width:360px){

    .contact-banner-content h1{

        font-size:28px;

    }

    .contact-left-box{

        padding:25px 18px;

    }

    .contact-right-box{

        padding:20px;

    }

    .why-connect-card{

        padding:25px 20px;

    }

    .why-number{

        width:48px;

        height:48px;

        font-size:18px;

    }

}

@media(max-width:991px){

    .why-connect-heading,
    .map-heading{

        padding:0 20px;

    }

    .why-connect-heading span,
    .map-heading span{

        font-size:16px;

        letter-spacing:3px;

        margin-bottom:18px;

    }

    .why-connect-heading h2,
    .map-heading h2{

        font-size:34px;

        line-height:1.2;

        margin-bottom:20px;

    }

    .why-connect-heading p,
    .map-heading p{

        font-size:16px;

        line-height:1.8;

    }

}

@media(max-width:576px){

    .why-connect-heading,
    .map-heading{

        padding:0 15px;

    }

    .why-connect-heading span,
    .map-heading span{

        font-size:14px;

        letter-spacing:2px;

        padding-bottom:12px;

    }

    .why-connect-heading span::after,
    .map-heading span::after{

        width:65px;

        height:3px;

    }

    .why-connect-heading h2,
    .map-heading h2{

        font-size:29px;

        line-height:1.25;

    }

    .why-connect-heading p,
    .map-heading p{

        font-size:15px;

        line-height:1.7;

    }

}

@media(max-width:360px){

    .why-connect-heading span,
    .map-heading span{

        font-size:13px;

    }

    .why-connect-heading h2,
    .map-heading h2{

        font-size:25px;

    }

    .why-connect-heading p,
    .map-heading p{

        font-size:14px;

    }

}

/* ========================================
   CONTACT FORM VALIDATION
   ADD AT THE VERY END OF CONTACT PAGE CSS
======================================== */

/* Input Wrapper */
.contact-right-box .input-box {
    position: relative;
    align-self: start;
}

/* Normal Field Icons
   Error icon par ye CSS apply nahi hogi
======================================== */

.contact-right-box .input-box > i:not(.contact-error-icon) {
    position: absolute;
    left: 18px;
    top: 15px;
    transform: none;

    width: 28px;
    height: 28px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #eaf7f8;
    color: #007582;

    border-radius: 50%;
    font-size: 12px;

    z-index: 2;
    pointer-events: none;
}

/* Textarea Icon */
.contact-right-box .textarea-box > i:not(.contact-error-icon) {
    top: 17px;
}

/* ========================================
   ERROR FIELD
======================================== */

.contact-right-box .input-box.input-box-error input,
.contact-right-box .input-box.input-box-error textarea {
    border: 1.5px solid #ef5b64 !important;
    background: #fffafb !important;

    box-shadow:
        0 0 0 3px rgba(239, 91, 100, 0.08) !important;
}

/* Hover par red border remove na ho */
.contact-right-box .input-box.input-box-error input:hover,
.contact-right-box .input-box.input-box-error textarea:hover {
    border-color: #ef5b64 !important;
}

/* Focus par bhi clean red validation */
.contact-right-box .input-box.input-box-error input:focus,
.contact-right-box .input-box.input-box-error textarea:focus {
    border-color: #ef5b64 !important;

    box-shadow:
        0 0 0 3px rgba(239, 91, 100, 0.10) !important;
}

/* ========================================
   ERROR MESSAGE
======================================== */

.contact-right-box .contact-field-error {
    width: 100%;

    margin-top: 7px;
    padding: 0 2px;

    display: flex;
    align-items: center;
    gap: 7px;

    color: #dc3545;

    font-size: 12px;
    font-weight: 600;
    line-height: 1.4;
}

/* Error ! Icon */
.contact-right-box .contact-field-error .contact-error-icon {
    position: static !important;

    left: auto !important;
    top: auto !important;

    transform: none !important;

    width: 16px !important;
    height: 16px !important;
    min-width: 16px;

    margin: 0 !important;
    padding: 0 !important;

    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    flex-shrink: 0;

    background: #ef4d5a !important;
    color: #ffffff !important;

    border-radius: 50%;

    font-size: 8px !important;
    line-height: 1 !important;

    box-shadow: none !important;
}

/* Error Text */
.contact-right-box .contact-field-error span {
    display: block;
    color: #dc3545;
}

/* ========================================
   SUCCESS MESSAGE
======================================== */

.contact-success-message {
    width: 100%;

    margin-bottom: 22px;
    padding: 14px 16px;

    display: flex;
    align-items: center;
    gap: 12px;

    background: #f0fbf7;
    border: 1px solid #c4eadb;
    border-radius: 12px;
}

.contact-success-icon {
    width: 36px;
    height: 36px;
    min-width: 36px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #139b69;
    color: #ffffff;

    border-radius: 50%;
    font-size: 14px;
}

.contact-success-icon i {
    position: static !important;
    transform: none !important;

    width: auto !important;
    height: auto !important;

    background: transparent !important;
    color: #ffffff !important;

    font-size: 13px !important;
}

.contact-success-text {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.contact-success-text strong {
    color: #126b51;
    font-size: 14px;
    font-weight: 800;
}

.contact-success-text span {
    color: #58746b;
    font-size: 12px;
    line-height: 1.5;
}

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

@media (max-width: 768px) {

    .contact-right-box .contact-field-error {
        font-size: 11.5px;
    }

    .contact-success-message {
        padding: 12px 14px;
    }
}

/* =========================================================
   WHY CONNECT WITH US - DARK PREMIUM FINAL VERSION
   ADD THIS AT THE VERY END OF CSS
========================================================= */

.why-connect-section{
    position:relative;
    overflow:hidden;

    padding:90px 0 95px !important;

    background:
        linear-gradient(
            135deg,
            #052a32 0%,
            #07343d 52%,
            #06444d 100%
        ) !important;
}


/* =========================================================
   BACKGROUND DECORATION
========================================================= */

.why-connect-section::before{
    content:"";

    position:absolute;

    width:420px;
    height:420px;

    top:-255px;
    right:-210px;

    border:70px solid rgba(255,255,255,.025);

    border-radius:50%;

    pointer-events:none;
}


.why-connect-section::after{
    content:"";

    position:absolute;

    width:300px;
    height:300px;

    left:-170px;
    bottom:-170px;

    border-radius:50%;

    background:rgba(0,183,197,.045);

    pointer-events:none;
}


.why-connect-section .container{
    position:relative;

    z-index:2;
}


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

.why-connect-heading{
    max-width:850px !important;

    margin:0 auto !important;

    text-align:center;
}


.why-connect-heading span{
    display:inline-block;

    position:relative;

    margin-bottom:17px !important;

    padding-bottom:13px !important;

    color:#5cdae2 !important;

    font-size:13px !important;

    font-weight:900 !important;

    letter-spacing:3px !important;
}


.why-connect-heading span::after{
    content:"";

    position:absolute;

    left:50% !important;
    bottom:0;

    width:64px !important;
    height:3px !important;

    transform:translateX(-50%);

    border-radius:20px;

    background:#00b7c5 !important;
}


.why-connect-heading h2{
    max-width:670px;

    margin:7px auto 17px !important;

    color:#ffffff !important;

    font-size:39px !important;

    line-height:1.15 !important;

    font-weight:900 !important;

    letter-spacing:-.5px;
}


.why-connect-heading h2 strong{
    color:#50d4dc !important;
}


.why-connect-heading p{
    max-width:610px !important;

    margin:0 auto !important;

    color:#b7cbd0 !important;

    font-size:14px !important;

    line-height:1.8 !important;
}


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

.why-connect-grid{
    max-width:1180px;

    margin:48px auto 0 !important;

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:22px !important;
}


/* =========================================================
   CARDS
========================================================= */

.why-connect-card{
    min-height:285px;

    position:relative;

    overflow:hidden;

    padding:29px 27px !important;

    border:
        1px solid rgba(255,255,255,.10) !important;

    border-radius:22px !important;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.085),
            rgba(255,255,255,.04)
        ) !important;

    box-shadow:
        0 20px 50px rgba(0,0,0,.13);

    transition:.35s ease !important;

    backdrop-filter:blur(6px);
}


.why-connect-card::before{
    content:"";

    position:absolute;

    top:0;
    left:0;

    width:100%;
    height:4px !important;

    background:
        linear-gradient(
            90deg,
            #00b7c5,
            #49d4dc
        ) !important;
}


.why-connect-card::after{
    content:"";

    position:absolute;

    width:130px;
    height:130px;

    right:-70px;
    bottom:-70px;

    border-radius:50%;

    background:rgba(0,183,197,.05);

    pointer-events:none;
}


.why-connect-card:hover{
    transform:translateY(-8px) !important;

    border-color:
        rgba(74,211,220,.45) !important;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.12),
            rgba(255,255,255,.065)
        ) !important;

    box-shadow:
        0 28px 65px rgba(0,0,0,.20) !important;
}


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

.why-number{
    width:47px !important;
    height:47px !important;

    display:flex !important;

    align-items:center !important;
    justify-content:center !important;

    border-radius:13px !important;

    background:
        linear-gradient(
            135deg,
            #00a9b7,
            #007582
        ) !important;

    color:#ffffff !important;

    font-size:14px !important;

    font-weight:900 !important;

    box-shadow:
        0 10px 24px rgba(0,169,183,.24);
}


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

.why-icon{
    width:49px !important;
    height:49px !important;

    margin-top:19px !important;

    display:flex !important;

    align-items:center !important;
    justify-content:center !important;

    border:
        1px solid rgba(95,218,226,.18);

    border-radius:14px !important;

    background:
        rgba(255,255,255,.07) !important;

    color:#59d8e0 !important;

    font-size:18px !important;

    transition:.3s ease;
}


.why-connect-card:hover .why-icon{
    background:#00a9b7 !important;

    color:#ffffff !important;

    border-color:#00a9b7;

    transform:translateY(-3px);
}


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

.why-connect-card h3{
    margin-top:19px !important;

    color:#ffffff !important;

    font-size:19px !important;

    line-height:1.3 !important;

    font-weight:900 !important;
}


.why-connect-card p{
    margin-top:10px !important;

    color:#b9cdd1 !important;

    font-size:13px !important;

    line-height:1.75 !important;
}


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

@media(max-width:991px){

    .why-connect-section{
        padding:78px 15px 82px !important;
    }


    .why-connect-grid{
        max-width:820px;

        grid-template-columns:repeat(2,1fr);
    }


    .why-connect-heading h2{
        font-size:34px !important;
    }

}


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

@media(max-width:768px){

    .why-connect-section{
        padding:62px 12px 68px !important;
    }


    .why-connect-heading{
        padding:0 10px !important;
    }


    .why-connect-heading span{
        font-size:11px !important;

        letter-spacing:2.2px !important;
    }


    .why-connect-heading h2{
        max-width:390px;

        font-size:30px !important;
    }


    .why-connect-heading p{
        max-width:390px !important;

        font-size:13px !important;
    }


    .why-connect-grid{
        max-width:460px;

        grid-template-columns:1fr;

        margin-top:36px !important;
    }


    .why-connect-card{
        min-height:auto;

        padding:25px 22px !important;
    }

}


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

@media(max-width:480px){

    .why-connect-section{
        padding:54px 9px 60px !important;
    }


    .why-connect-heading h2{
        font-size:27px !important;
    }


    .why-connect-heading p{
        font-size:12px !important;
    }


    .why-number{
        width:43px !important;
        height:43px !important;

        font-size:12px !important;
    }


    .why-icon{
        width:44px !important;
        height:44px !important;

        font-size:16px !important;
    }


    .why-connect-card h3{
        font-size:18px !important;
    }


    .why-connect-card p{
        font-size:12px !important;
    }

}

/* =========================================================
   WHY CONNECT CARD - NUMBER LEFT / ICON RIGHT FIX
   ADD AT THE VERY END
========================================================= */

.why-connect-card{
    position:relative !important;

    padding-top:28px !important;
}


/* NUMBER LEFT TOP */

.why-number{
    margin:0 !important;

    position:relative !important;

    z-index:2;
}


/* ICON TOP RIGHT */

.why-icon{
    position:absolute !important;

    top:28px !important;
    right:26px !important;

    margin:0 !important;

    width:47px !important;
    height:47px !important;

    display:flex !important;

    align-items:center !important;
    justify-content:center !important;

    border-radius:13px !important;

    background:rgba(255,255,255,.07) !important;

    border:1px solid rgba(95,218,226,.20) !important;

    color:#59d8e0 !important;

    font-size:17px !important;
}


/* CONTENT SPACING */

.why-connect-card h3{
    margin-top:28px !important;
}


.why-connect-card p{
    margin-top:10px !important;
}


/* HOVER */

.why-connect-card:hover .why-icon{
    background:#00a9b7 !important;

    color:#ffffff !important;

    border-color:#00a9b7 !important;

    transform:translateY(-2px) !important;
}


/* MOBILE */

@media(max-width:480px){

    .why-icon{
        top:22px !important;
        right:20px !important;

        width:43px !important;
        height:43px !important;

        font-size:15px !important;
    }

    .why-connect-card h3{
        margin-top:25px !important;
    }

}

/* =========================================================
   WHY CONNECT CARD - FINAL BALANCE FIX
   REPLACE PREVIOUS FIX WITH THIS
========================================================= */

.why-connect-card{
    min-height:270px !important;
    height:auto !important;

    padding:26px 26px 24px !important;

    position:relative !important;

    display:block !important;
}


/* NUMBER LEFT TOP */

.why-number{
    margin:0 !important;

    position:relative !important;

    z-index:2;
}


/* ICON RIGHT TOP */

.why-icon{
    position:absolute !important;

    top:26px !important;
    right:26px !important;

    margin:0 !important;

    width:47px !important;
    height:47px !important;

    display:flex !important;

    align-items:center !important;
    justify-content:center !important;

    border-radius:13px !important;

    background:rgba(255,255,255,.07) !important;

    border:1px solid rgba(95,218,226,.20) !important;

    color:#59d8e0 !important;

    font-size:17px !important;
}


/* TEXT THODA AUR NICHE */

.why-connect-card h3{
    margin-top:58px !important;
    margin-bottom:0 !important;

    font-size:19px !important;
    line-height:1.3 !important;
}


.why-connect-card p{
    margin-top:10px !important;
    margin-bottom:0 !important;

    font-size:13px !important;
    line-height:1.6 !important;
}


/* SAME HEIGHT */

.why-connect-grid{
    align-items:stretch !important;
}


/* HOVER */

.why-connect-card:hover .why-icon{
    background:#00a9b7 !important;

    color:#ffffff !important;

    border-color:#00a9b7 !important;

    transform:translateY(-2px) !important;
}


/* TABLET */

@media(max-width:991px){

    .why-connect-card{
        min-height:255px !important;
    }

}


/* MOBILE */

@media(max-width:768px){

    .why-connect-card{
        min-height:235px !important;

        padding:23px 21px 22px !important;
    }

    .why-icon{
        top:23px !important;
        right:21px !important;
    }

    .why-connect-card h3{
        margin-top:52px !important;
    }

}


/* SMALL MOBILE */

@media(max-width:480px){

    .why-connect-card{
        min-height:220px !important;
    }

    .why-connect-card h3{
        margin-top:48px !important;
    }

}

/* CONTACT FORM CARD - TOP BORDER ONLY */

.contact-right-box{
    position:relative !important;
    overflow:hidden !important;
}


/* TOP PREMIUM BORDER */

.contact-right-box::before{
    content:"";

    position:absolute !important;

    top:0 !important;
    left:0 !important;

    width:100% !important;
    height:4px !important;

    display:block !important;

    background:
        linear-gradient(
            90deg,
            #07343d 0%,
            #007582 45%,
            #00b7c5 100%
        ) !important;

    z-index:5 !important;
}


/* KEEP HEIGHT / PADDING UNTOUCHED */

.contact-right-box{
    height:inherit !important;
    min-height:inherit !important;
}

/* CONTACT FORM CARD - HOVER EFFECT */

.contact-right-box{
    transition:
        transform .3s ease,
        box-shadow .3s ease !important;
}

.contact-right-box:hover{
    transform:translateY(-5px) !important;

    box-shadow:
        0 24px 55px rgba(7,52,61,.14) !important;
}

/* Our Clients Page ! */
/* .we-client-page-banner{

    height:75vh;
    position:relative;
    overflow:hidden;

} */

.we-client-page-banner{

    height:75vh;
    position:relative;
    overflow:hidden;

    background:
    linear-gradient(
        135deg,
        #1f2933 0%,
        #123b44 45%,
        var(--accent) 100%
    );

}

.we-client-page-banner img{

    width:100%;
    height:100%;
    object-fit:cover;

}

.we-client-page-banner-overlay{

    position:absolute;
    inset:0;

    background:
    linear-gradient(
        90deg,
        rgba(16,33,43,.85),
        rgba(0,117,130,.35)
    );

}

.we-client-page-banner-content{

    position:absolute;

    top:50%;
    left:0;

    transform:translateY(-50%);

    width:100%;

    text-align:center;

    color:#fff;

}

.we-client-page-banner-content h1{

    font-size:60px;

    font-weight:900;

    margin-bottom:25px;

}

.we-client-page-breadcrumb{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:15px;

    font-size:17px;

    font-weight:700;

}

.we-client-page-breadcrumb i{

    color:#0bb7c5;

    font-style:normal;

}

.we-client-overview-section{

    padding:100px 0;

    background:#fff;

}

.we-client-overview-wrapper{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:60px;

    align-items:center;

}

.we-client-small-title{

    display:inline-block;

    color:#006d77;

    font-size:20px;

    font-weight:900;

    letter-spacing:4px;

    margin-bottom:22px;

    position:relative;

    padding-bottom:15px;

}


.we-client-small-title::after{

    content:"";

    position:absolute;

    left:0;

    bottom:0;

    width:85px;

    height:4px;

    background:#006d77;

    border-radius:10px;

}


.we-client-overview-content h2{

    margin:20px 0;

    font-size:35px;

    line-height:1.2;

    font-weight:900;

    color:#12202b;

}

.we-client-overview-content h2 strong{

    color:#006d77;

}

.we-client-overview-content p{

    font-size:17px;

    line-height:1.8;

    color:#59656d;

    margin-bottom:18px;

}

.we-client-overview-btn{

    display:inline-flex;

    align-items:center;

    gap:12px;

    margin-top:20px;

    padding:15px 35px;

    background:#006d77;

    color:#fff;

    border-radius:50px;

    text-decoration:none;

    font-weight:800;

}

.we-client-overview-image img{

    width:100%;

    height:520px;

    object-fit:cover;

    border-radius:25px;

}

.we-client-logo-section{

    padding:90px 0;

    background:#f7fbfb;

}

.we-client-logo-heading{

    max-width:850px;

    margin:auto;

    text-align:center;

}

.we-client-logo-heading span{

    display:inline-block;

    color:#006d77;

    font-size:25px;

    font-weight:900;

    letter-spacing:4px;

    margin-bottom:22px;

    position:relative;

    padding-bottom:15px;

}


.we-client-logo-heading span::after{

    content:"";

    position:absolute;

    left:50%;

    bottom:0;

    transform:translateX(-50%);

    width:85px;

    height:4px;

    background:#006d77;

    border-radius:10px;

}


.we-client-logo-heading h2{

    margin-top:10px;

    font-size:38px;

    line-height:1.15;

    font-weight:900;

    color:#12202b;

    margin-bottom:25px;

}

.we-client-logo-heading h2 strong{

    color:#006d77;

}

.we-client-logo-heading p{

    font-size:17px;

    color:#59656d;

    line-height:1.8;

}

.we-client-logo-grid{

    margin-top:50px;

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:30px;

}

.we-client-logo-card{

    height:150px;

    background:#fff;

    border-radius:20px;

    display:flex;

    align-items:center;

    justify-content:center;

    padding:30px;

    box-shadow:0 15px 40px rgba(0,0,0,.08);

    transition:.35s ease;

}

.we-client-logo-card:hover{

    transform:translateY(-8px);

}

.we-client-logo-card img{

    max-width:100%;

    max-height:75px;

    object-fit:contain;

}

.we-client-partnership-section{

    padding:110px 0;

    background:#f7fbfb;

}

.we-client-partnership-box{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:70px;

    align-items:center;

}

.we-client-partnership-image-box{

    position:relative;

}

.we-client-partnership-image img{

    width:100%;

    height:560px;

    object-fit:cover;

    border-radius:30px;

}

.we-client-partnership-floating-card{

    position:absolute;

    bottom:35px;

    right:-25px;

    background:#006d77;

    color:#fff;

    padding:25px 35px;

    border-radius:20px;

    display:flex;

    flex-direction:column;

    box-shadow:0 20px 40px rgba(0,0,0,.2);

}

.we-client-partnership-floating-card strong{

    font-size:35px;

    line-height:1;

}

.we-client-partnership-floating-card span{

    font-size:14px;

}

.we-client-partnership-tag{

    display:inline-block;

    color:#006d77;

    font-size:20px;

    font-weight:900;

    letter-spacing:4px;

    margin-bottom:1px;

    position:relative;

    padding-bottom:15px;

}

.we-client-partnership-tag::after{

    content:"";

    position:absolute;

    left:0;

    bottom:0;

    width:85px;

    height:4px;

    background:#006d77;

    border-radius:10px;

}

.we-client-partnership-content h2{

    margin:20px 0;

    font-size:38px;

    line-height:1.15;

    font-weight:900;

    color:#12202b;

}

.we-client-partnership-content h2 strong{

    color:#006d77;

}

.we-client-partnership-content > p{

    color:#59656d;

    font-size:17px;

    line-height:1.8;

}

.we-client-feature-list{

    margin-top:35px;

}

.we-client-feature-card{

    display:flex;

    gap:20px;

    align-items:center;

    background:#fff;

    padding:18px;

    border-radius:18px;

    margin-bottom:18px;

    box-shadow:0 10px 30px rgba(0,0,0,.06);

}

.we-client-feature-icon{

    width:55px;

    height:55px;

    min-width:55px;

    border-radius:50%;

    background:#006d77;

    color:#fff;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:20px;

}

.we-client-feature-card h4{

    margin:0 0 5px;

    font-size:18px;

    font-weight:900;

    color:#12202b;

}

.we-client-feature-card p{

    margin:0;

    color:#59656d;

    font-size:14px;

}

@media(max-width:991px){

   .we-client-page-banner{

        height:500px;

    }

    .we-client-page-banner-content h1{

        font-size:45px;

    }

    .we-client-overview-section,
    .we-client-logo-section,
    .we-client-partnership-section{

        padding:70px 0;

    }

    .we-client-overview-wrapper{

        grid-template-columns:1fr;

        gap:40px;

    }

    .we-client-overview-content h2{

        font-size:36px;

    }

    .we-client-overview-image img{

        height:450px;

    }

    .we-client-logo-grid{

        grid-template-columns:repeat(3,1fr);

    }

    .we-client-partnership-box{

        grid-template-columns:1fr;

        gap:45px;

    }

    .we-client-partnership-image img{

        height:480px;

    }

    .we-client-partnership-floating-card{

        right:20px;

        bottom:25px;

    }

    .we-client-partnership-content h2{

        font-size:36px;

    }

    .we-client-feature-card{

        padding:16px;

    }

}

@media(max-width:768px){

    .we-client-page-banner{

        height:500px;

    }

    .we-client-page-banner-content h1{

        font-size:38px;

    }

    .we-client-page-breadcrumb{

        font-size:14px;

    }

    .we-client-overview-content h2{

        font-size:32px;

    }

    .we-client-overview-content p{

        font-size:15px;

    }

    .we-client-logo-heading h2{

        font-size:32px;

    }

    .we-client-logo-heading p{

        font-size:15px;

    }

    .we-client-logo-grid{

        grid-template-columns:repeat(2,1fr);

        gap:20px;

    }

    .we-client-logo-card{

        height:130px;

        padding:20px;

    }


    .we-client-partnership-image img{

        height:420px;

    }

    .we-client-partnership-floating-card strong{

        font-size:28px;

    }

    .we-client-partnership-floating-card span{

        font-size:12px;

    }

    .we-client-partnership-tag{

        font-size:13px;

    }

    .we-client-partnership-content h2{

        font-size:32px;

    }

    .we-client-partnership-content > p{

        font-size:15px;

    }

    .we-client-feature-icon{

        width:50px;

        height:50px;

        min-width:50px;

    }

    .we-client-feature-card h4{

        font-size:16px;

    }

    .we-client-feature-card p{

        font-size:13px;

    }

}

@media(max-width:576px){

    .we-client-page-banner{

        height:420px;

    }

    .we-client-page-banner-content h1{

        font-size:32px;

    }

    .we-client-overview-section,
    .we-client-logo-section,
    .we-client-partnership-section{

        padding:50px 0;

    }

    .we-client-small-title,
    .we-client-logo-heading span,
    .we-client-partnership-tag{

        font-size:13px;

        letter-spacing:2px;

    }

    .we-client-overview-content h2,
    .we-client-logo-heading h2,
    .we-client-partnership-content h2{

        font-size:28px;

    }

    .we-client-overview-content p{

        font-size:14px;

    }

    .we-client-overview-btn{

        padding:13px 25px;

    }

    .we-client-logo-grid{

        grid-template-columns:1fr;

    }

    .we-client-logo-card{

        height:120px;

    }

    .we-client-overview-image img{

        height:330px;

    }

    .we-client-partnership-image img{

        height:330px;

        border-radius:20px;

    }

    .we-client-partnership-floating-card{

        padding:16px 22px;

        border-radius:15px;

    }

    .we-client-partnership-floating-card strong{

        font-size:24px;

    }

    .we-client-partnership-content h2{

        font-size:26px;

    }

    .we-client-partnership-content > p{

        font-size:14px;

    }

    .we-client-feature-list{

        margin-top:25px;

    }

    .we-client-feature-card{

        padding:14px;

        border-radius:15px;

    }

    .we-client-feature-icon{

        width:42px;

        height:42px;

        min-width:42px;

        font-size:16px;

    }

    .we-client-feature-card h4{

        font-size:15px;

    }

    .we-client-feature-card p{

        font-size:12px;

    }

}

@media(max-width:480px){

    .we-client-page-banner-content h1{

        font-size:29px;

    }

    .we-client-overview-content h2,
    .we-client-logo-heading h2,
    .we-client-partnership-content h2{

        font-size:25px;

    }

    .we-client-partnership-image img{

        height:300px;

    }

    .we-client-partnership-floating-card{

        right:10px;

        bottom:15px;

    }

    .we-client-feature-card{

        gap:12px;

    }

    .we-client-feature-icon{

        width:38px;

        height:38px;

        min-width:38px;

    }

}

@media(max-width:360px){

    .we-client-page-banner{

        height:380px;

    }

    .we-client-page-banner-content h1{

        font-size:28px;

    }

    .we-client-overview-content h2,
    .we-client-logo-heading h2,
    .we-client-partnership-content h2{

        font-size:22px;

    }

    .we-client-partnership-image img{

        height:260px;

    }

    .we-client-partnership-floating-card{

        padding:12px 16px;

    }

    .we-client-partnership-floating-card strong{

        font-size:20px;

    }

    .we-client-feature-card{

        gap:10px;

    }

    .we-client-feature-card h4{

        font-size:14px;

    }

    .we-client-feature-card p{

        font-size:11px;

    }

}

@media(max-width:300px){

    .we-client-page-banner{

        height:320px;

    }

    .we-client-page-banner-content h1{

        font-size:24px;

    }

    .we-client-overview-content h2,
    .we-client-logo-heading h2,
    .we-client-partnership-content h2{

        font-size:20px;

    }

    .we-client-overview-content p{

        font-size:12px;

    }

    .we-client-partnership-image img{

        height:220px;

    }

    .we-client-feature-icon{

        width:34px;

        height:34px;

        min-width:34px;

        font-size:14px;

    }

    .we-client-feature-card h4{

        font-size:13px;

    }

    .we-client-feature-card p{

        font-size:10px;

    }

}

.we-client-logo-card{

    background:rgba(0,109,119,0.08);

    border:1px solid rgba(0,109,119,0.15);

    box-shadow:0 15px 40px rgba(0,109,119,0.12);

}

.we-client-logo-card img{

    mix-blend-mode:multiply;

}

.we-client-logo-card:hover{

    background:rgba(0,109,119,0.15);

    transform:translateY(-8px);

}

.we-client-logo-card img{

    max-width:160px;

    max-height:100px;

}

@media(max-width:576px){

    .we-client-logo-grid{

        padding:0 25px;

    }

    .we-client-logo-card{

        width:100%;

    }

}

.we-client-load-more-wrap{

    text-align:center;

    margin-top:50px;

}

.we-client-load-more-btn{

    display:inline-flex;

    align-items:center;

    gap:12px;

    padding:14px 35px;

    background:#006d77;

    color:#fff;

    border:none;

    border-radius:50px;

    font-size:16px;

    font-weight:800;

    cursor:pointer;

    transition:.3s ease;

}

.we-client-load-more-btn i{

    font-size:14px;

}

.we-client-load-more-btn:hover{

    background:#004f56;

    transform:translateY(-3px);

}

.we-client-overview-btn{

    position:relative;

    overflow:hidden;

    transition:.35s ease;

}

.we-client-overview-btn:hover{

    background:#004f56;

    transform:translateY(-3px);

    box-shadow:0 12px 25px rgba(0,109,119,.25);

}

.we-client-overview-btn i{

    transition:.3s ease;

}

.we-client-overview-btn:hover i{

    transform:translateX(6px);

}

@media(max-width:768px){

    .we-client-overview-content{

        text-align:center;

    }

    .we-client-overview-content h2,
    .we-client-overview-content p{

        text-align:center;

    }

    .we-client-overview-btn{

        padding:10px 22px;

        font-size:14px;

    }

}

.we-client-feature-card{

    transition:.35s ease;

    cursor:pointer;

}

.we-client-feature-card:hover{

    transform:translateY(-8px);

    box-shadow:0 20px 45px rgba(0,109,119,.18);

}

.we-client-feature-icon{

    transition:.35s ease;

}

.we-client-feature-card:hover .we-client-feature-icon{

    transform:rotate(360deg);

    background:#004f56;

}

@media(max-width:768px){

    .we-client-partnership-content{

        text-align:center;

    }

    .we-client-partnership-tag{

        display:block;

        text-align:center;

    }

    .we-client-partnership-content h2{

        text-align:center;

    }

    .we-client-partnership-content > p{

        text-align:center;

    }

    .we-client-feature-card{

        transition:.35s ease;

        text-align:left;

    }

    .we-client-feature-card:hover{

        transform:translateY(-5px);

        box-shadow:0 15px 35px rgba(0,109,119,.15);

    }

    .we-client-feature-icon{

        transition:.35s ease;

    }

    .we-client-feature-card:hover .we-client-feature-icon{

        transform:scale(1.1);

    }

}

@media(max-width:768px){

    .we-client-small-title{

        display:inline-block;

        font-size:14px;

        letter-spacing:2px;

        padding-bottom:12px;

    }

    .we-client-small-title::after{

        width:65px;

        height:3px;

    }

    .we-client-overview-content h2{

        font-size:30px;

        line-height:1.2;

        margin:18px 0;

    }

    .we-client-overview-content p{

        font-size:15px;

        line-height:1.7;

    }

}

@media(max-width:768px){

    .we-client-partnership-tag{

        display:block;

        text-align:center;

        font-size:14px;

        letter-spacing:2px;

        margin-bottom:18px;

        padding-bottom:12px;

    }

    .we-client-partnership-tag::after{

        left:50%;

        transform:translateX(-50%);

        width:65px;

        height:3px;

    }

    .we-client-partnership-content h2{

        text-align:center;

        font-size:30px;

        line-height:1.2;

        margin:18px 0;

    }

}

@media(max-width:768px){

    .we-client-overview-content{

        text-align:center;

    }

    .we-client-small-title{

        display:block;

        text-align:center;

        font-size:14px;

        letter-spacing:2px;

        padding-bottom:12px;

    }

    .we-client-small-title::after{

        left:50%;

        transform:translateX(-50%);

        width:65px;

        height:3px;

    }

    .we-client-overview-content h2{

        text-align:center;

        font-size:30px;

        line-height:1.2;

        margin:18px 0;

    }

    .we-client-overview-content p{

        text-align:center;

        font-size:15px;

        line-height:1.7;

    }

}

/* Careers Page Banner Section */
/* .careers-banner{

    height:75vh;
    position:relative;
    overflow:hidden;

} */

.careers-banner{

    height:75vh;
    position:relative;
    overflow:hidden;

    background:
    linear-gradient(
        135deg,
        #1f2933 0%,
        #123b44 45%,
        var(--accent) 100%
    );

}

.careers-banner img{

    width:100%;
    height:100%;
    object-fit:cover;

}

.careers-banner-overlay{

    position:absolute;
    inset:0;

    background:
    linear-gradient(
        90deg,
        rgba(16,33,43,.85),
        rgba(0,117,130,.35)
    );

}

.careers-banner-content{

    position:absolute;

    top:50%;
    left:0;

    transform:translateY(-50%);

    width:100%;

    text-align:center;

    color:#fff;

}

.careers-banner-content h1{

    font-size:60px;

    font-weight:900;

    margin-bottom:25px;

}

.careers-breadcrumb{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:15px;

    font-size:17px;

    font-weight:700;

}

.careers-breadcrumb i{

    color:#0bb7c5;

    font-style:normal;

}

@media(max-width:991px){

   .careers-banner{

        height:500px;

    }

    .careers-banner-content h1{

        font-size:45px;

    }

}

@media(max-width:768px){

    .careers-banner{

        height:500px;

    }

    .careers-banner-content h1{

        font-size:38px;

    }

    .careers-breadcrumb{

        font-size:14px;

    }

}

@media(max-width:576px){

    .careers-banner{

        height:420px;

    }

    .careers-banner-content h1{

        font-size:32px;

    }

}

@media(max-width:480px){

    .careers-banner-content h1{

        font-size:29px;

    }

}

@media(max-width:360px){

    .careers-banner{

        height:380px;

    }

    .careers-banner-content h1{

        font-size:28px;

    }

}

@media(max-width:300px){

    .careers-banner{

        height:320px;

    }

    .careers-banner-content h1{

        font-size:24px;

    }

}

/* Careers Page First Section */
.careers-overview-section{

    padding:100px 0;

    background:#f7fbfb;

}

.careers-overview-heading{

    max-width:850px;

    margin:auto;

    text-align:center;

}

.careers-overview-heading span{

    color:#006d77;

    font-size:15px;

    font-weight:900;

    letter-spacing:3px;

    position:relative;

    padding-bottom:15px;

    display:inline-block;

}

.careers-overview-heading span::after{

    content:"";

    position:absolute;

    left:50%;

    bottom:0;

    transform:translateX(-50%);

    width:70px;

    height:4px;

    background:#006d77;

    border-radius:10px;

}

.careers-overview-heading h2{

    margin:25px 0 20px;

    font-size:44px;

    line-height:1.2;

    font-weight:900;

    color:#12202b;

}

.careers-overview-heading h2 strong{

    color:#006d77;

}

.careers-overview-heading p{

    font-size:17px;

    line-height:1.8;

    color:#59656d;

}

.careers-benefits-grid{

    margin-top:60px;

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:30px;

}

.careers-benefit-card{

    background:#fff;

    padding:35px 30px;

    border-radius:25px;

    text-align:center;

    transition:.35s ease;

    box-shadow:0 15px 35px rgba(0,109,119,.08);

}

.careers-benefit-card:hover{

    transform:translateY(-10px);

    box-shadow:0 20px 45px rgba(0,109,119,.18);

}

.careers-benefit-icon{

    width:70px;

    height:70px;

    margin:auto;

    background:#006d77;

    color:#fff;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:28px;

}

.careers-benefit-card h3{

    margin:25px 0 12px;

    font-size:22px;

    font-weight:900;

    color:#12202b;

}

.careers-benefit-card p{

    font-size:15px;

    line-height:1.7;

    color:#59656d;

}

@media(max-width:768px){

    .careers-overview-section{

        padding:60px 0;

    }

    .careers-overview-heading span{

        font-size:14px;

        letter-spacing:2px;

    }

    .careers-overview-heading h2{

        font-size:30px;

        line-height:1.2;

    }

    .careers-overview-heading p{

        font-size:15px;

    }

    .careers-benefits-grid{

        grid-template-columns:1fr;

        gap:20px;

        margin-top:40px;

    }

    .careers-benefit-card{

        padding:30px 20px;

    }

    .careers-benefit-card h3{

        font-size:20px;

    }

}

.careers-benefit-card{

    position:relative;

    overflow:hidden;

    transition:.35s ease;

}

.careers-benefit-card::before{

    content:"";

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:4px;

    background:#006d77;

    transform:scaleX(0);

    transition:.35s ease;

}

.careers-benefit-card:hover::before{

    transform:scaleX(1);

}

.careers-benefit-card:hover{

    transform:translateY(-12px);

    box-shadow:0 25px 50px rgba(0,109,119,.18);

}

.careers-benefit-icon{

    transition:.35s ease;

}

.careers-benefit-card:hover .careers-benefit-icon{

    transform:rotateY(360deg) scale(1.1);

}

.careers-benefit-card:hover .careers-benefit-icon{

    background:#004f56;

}

/* Careers Page Second Section */
.careers-opening-section{

    padding:100px 0;

    background:#fff;

}

.careers-opening-header{

    text-align:center;

    max-width:850px;

    margin:auto;

}

.careers-opening-header span{

    display:inline-block;

    color:#006d77;

    font-size:15px;

    font-weight:900;

    letter-spacing:3px;

    position:relative;

    padding-bottom:15px;

}

.careers-opening-header span::after{

    content:"";

    position:absolute;

    left:50%;

    bottom:0;

    transform:translateX(-50%);

    width:70px;

    height:4px;

    background:#006d77;

    border-radius:10px;

}

.careers-opening-header h2{

    margin:20px 0;

    font-size:42px;

    line-height:1.2;

    font-weight:900;

    color:#12202b;

}

.careers-opening-header h2 strong{

    color:#006d77;

}    

.careers-opening-header p{

    color:#59656d;

    font-size:17px;

    line-height:1.8;

}

.job-opening-grid{

    margin-top:60px;

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:30px;

}

.job-opening-card{

    background:#f7fbfb;

    padding:35px;

    border-radius:25px;

    border:1px solid rgba(0,109,119,.15);

    position:relative;

    overflow:hidden;

    transition:.35s ease;

}

.job-opening-card::before{

    content:"";

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:5px;

    background:#006d77;

    border-radius:25px 25px 0 0;

}

.job-opening-card:hover::before{

    transform:scaleX(1);

}

.job-opening-card:hover{

    transform:translateY(-10px);

    background:#fff;

    box-shadow:0 25px 50px rgba(0,109,119,.15);

}

.job-card-top{

    display:flex;

    justify-content:space-between;

    align-items:center;

}

.job-icon{

    width:60px;

    height:60px;

    border-radius:50%;

    background:#006d77;

    color:#fff;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:24px;

}

.job-card-top span{

    color:#006d77;

    font-size:13px;

    font-weight:800;

}

.job-opening-card h3{

    margin:25px 0;

    font-size:25px;

    font-weight:900;

    color:#12202b;

}

.job-short-details p{

    display:flex;

    gap:12px;

    align-items:center;

    color:#59656d;

    font-size:14px;

    margin-bottom:15px;

}

.job-short-details i{

    color:#006d77;

}

.view-job-btn{

    margin-top:20px;

    border:none;

    background:#006d77;

    color:#fff;

    padding:12px 25px;

    border-radius:50px;

    font-weight:800;

    cursor:pointer;

    display:flex;

    align-items:center;

    gap:10px;

    transition:.35s ease;

}

.view-job-btn:hover{

    background:#004f56;

    transform:translateX(5px);

}

.job-modal{

    position:fixed;

    inset:0;

    background:rgba(0,0,0,.65);

    display:none;

    align-items:center;

    justify-content:center;

    z-index:9999;

    padding:20px;

}

.job-modal.active{

    display:flex;

}

.job-modal-box{

    background:#fff;

    width:600px;

    max-width:100%;

    border-radius:25px;

    padding:35px;

    position:relative;

    animation:jobPopup .3s ease;

}

@keyframes jobPopup{

    from{

        transform:translateY(40px);

        opacity:0;

    }

    to{

        transform:translateY(0);

        opacity:1;

    }

}

.job-modal-close{

    position:absolute;

    right:20px;

    top:20px;

    width:35px;

    height:35px;

    border-radius:50%;

    border:none;

    background:#006d77;

    color:#fff;

    cursor:pointer;

}

.job-modal-box h2{

    font-size:32px;

    font-weight:900;

    color:#12202b;

    margin-bottom:20px;

}

.job-modal-box h2 strong{

    color:#006d77;

}

.job-modal-box h4{

    margin-top:20px;

    color:#006d77;

    font-weight:900;

}

.job-modal-box p,
.job-modal-box li{

    color:#59656d;

    line-height:1.7;

}

.job-modal-box ul{

    padding-left:20px;

}

@media(max-width:768px){

    .careers-opening-section{

        padding:60px 0;

    }

    .careers-opening-header h2{

        font-size:30px;

    }

    .careers-opening-header p{

        font-size:15px;

    }

    .job-opening-grid{

        grid-template-columns:1fr;

        gap:20px;

    }

    .job-opening-card{

        padding:25px 20px;

    }

    .job-opening-card h3{

        font-size:22px;

    }

    .job-icon{

        width:55px;

        height:55px;

    }

    .job-modal-box{

        padding:25px 20px;

    }

    .job-modal-box h2{

        font-size:25px;

    }

}

.modal-apply-btn{

    display:flex;

    width:max-content;

    margin:30px auto 0;

    align-items:center;

    justify-content:center;

    gap:12px;

    padding:14px 35px;

    background:#006d77;

    color:#fff;

    border-radius:50px;

    font-size:15px;

    font-weight:900;

    text-decoration:none;

    transition:.35s ease;

}

.modal-apply-btn::before{

    content:"";

    position:absolute;

    top:0;

    left:-100%;

    width:100%;

    height:100%;

    background:rgba(255,255,255,.2);

    transition:.4s ease;

}

.modal-apply-btn:hover::before{

    left:100%;

}

.modal-apply-btn i{

    transition:.35s ease;

}

.modal-apply-btn:hover{

    background:#004f56;

    transform:translateY(-5px);

    box-shadow:0 15px 35px rgba(0,109,119,.35);

}

.modal-apply-btn:hover i{

    transform:translateX(7px);

}

@media(max-width:768px){

    .careers-opening-section{

        padding:60px 0;

    }

    .careers-opening-header span{

        font-size:13px;

        letter-spacing:2px;

    }

    .careers-opening-header h2{

        font-size:30px;

        line-height:1.25;

        margin:18px 0;

    }

    .careers-opening-header p{

        font-size:14px;

        line-height:1.7;

    }

    .job-opening-grid{

        grid-template-columns:1fr;

        gap:20px;

        margin-top:35px;

    }

    .job-opening-card{

        padding:25px 20px;

        border-radius:22px;

    }

    .job-card-top{

        margin-bottom:18px;

    }

    .job-icon{

        width:50px;

        height:50px;

        font-size:20px;

    }

    .job-card-top span{

        font-size:12px;

    }

    .job-opening-card h3{

        font-size:22px;

        margin:20px 0;

    }

    .job-short-details p{

        font-size:13px;

        margin-bottom:12px;

    }

    .view-job-btn{

        padding:10px 20px;

        font-size:13px;

    }

    .job-opening-card::before{

        height:4px;

    }

}

@media(max-width:768px){

    .job-modal{

        padding:15px;

        align-items:center;

    }

    .job-modal-box{

        width:100%;

        max-height:90vh;

        overflow-y:auto;

        padding:25px 20px;

        border-radius:25px;

    }

    .job-modal-close{

        width:32px;

        height:32px;

        top:15px;

        right:15px;

        font-size:14px;

    }

    .job-modal-box h2{

        font-size:24px;

        line-height:1.3;

        margin-bottom:20px;

    }

    .job-modal-box h4{

        font-size:20px;

        margin-top:22px;

        margin-bottom:10px;

    }

    .job-modal-box p{

        font-size:14px;

        line-height:1.7;

    }

    .job-modal-box ul{

        padding-left:18px;

        margin-bottom:15px;

    }

    .job-modal-box li{

        font-size:14px;

        margin-bottom:8px;

        line-height:1.5;

    }

    .modal-apply-btn{

        padding:12px 28px;

        font-size:14px;

        margin:25px auto 5px;

    }

    .modal-apply-btn i{

        font-size:13px;

    }

}

/* Careers Page Third Section */
.career-apply-section{

    padding:100px 0;

    background:#f7fbfb;

}

.career-apply-wrapper{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:70px;

    align-items:center;

}

.career-apply-tag{

    display:inline-block;

    color:#006d77;

    font-size:15px;

    font-weight:900;

    letter-spacing:3px;

    position:relative;

    padding-bottom:15px;

}

.career-apply-tag::after{

    content:"";

    position:absolute;

    left:0;

    bottom:0;

    width:75px;

    height:4px;

    background:#006d77;

    border-radius:10px;

}

.career-apply-content h2{

    margin:25px 0;

    font-size:44px;

    line-height:1.2;

    font-weight:900;

    color:#12202b;

}

.career-apply-content h2 strong{

    color:#006d77;

}

.career-apply-content > p{

    font-size:17px;

    color:#59656d;

    line-height:1.8;

    margin-bottom:35px;

}

.career-benefit-item{

    display:flex;

    align-items:center;

    gap:18px;

    margin-bottom:20px;

}

.career-benefit-item i{

    width:55px;

    height:55px;

    min-width:55px;

    border-radius:50%;

    background:#006d77;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:22px;

}

.career-benefit-item h4{

    margin:0 0 5px;

    font-size:18px;

    font-weight:900;

    color:#12202b;

}

.career-benefit-item p{

    margin:0;

    color:#59656d;

    font-size:14px;

}

.career-apply-form{

    background:#12202b;

    padding:40px;

    border-radius:30px;

}

.career-apply-form h3{

    color:#fff;

    font-size:30px;

    font-weight:900;

    margin-bottom:30px;

}

.career-form-grid{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:20px;

}

.career-apply-form input,
.career-apply-form select,
.career-apply-form textarea{

    width:100%;

    border:none;

    outline:none;

    background:#fff;

    padding:15px 18px;

    border-radius:12px;

    font-size:14px;

    color:#12202b;

}

.resume-input{

    margin-top:20px;

}

.career-apply-form textarea{

    margin-top:20px;

    height:120px;

    resize:none;

}

.career-apply-form button{

    margin-top:25px;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:12px;

    border:none;

    background:#006d77;

    color:#fff;

    padding:14px 35px;

    border-radius:50px;

    font-weight:900;

    cursor:pointer;

    transition:.35s ease;

}

.career-apply-form button:hover{

    background:#004f56;

    transform:translateX(5px);

}

@media(max-width:768px){

    .career-apply-section{

        padding:60px 0;

    }

    .career-apply-wrapper{

        grid-template-columns:1fr;

        gap:40px;

    }

    .career-apply-content{

        text-align:center;

    }

    .career-apply-tag{

        font-size:13px;

        letter-spacing:2px;

    }

    .career-apply-tag::after{

        left:50%;

        transform:translateX(-50%);

    }

    .career-apply-content h2{

        font-size:30px;

    }

    .career-apply-content > p{

        font-size:15px;

    }

    .career-benefit-item{

        flex-direction:column;

        text-align:center;

    }

    .career-benefit-item i{

        width:50px;

        height:50px;

        min-width:50px;

    }

    .career-apply-form{

        padding:25px 20px;

        border-radius:25px;

    }

    .career-apply-form h3{

        font-size:24px;

        text-align:center;

    }

    .career-form-grid{

        grid-template-columns:1fr;

        gap:15px;

    }

    .career-apply-form button{

        width:100%;

    }

}

.career-apply-form{

    box-shadow:0 25px 60px rgba(0,0,0,.15);

    position:relative;

    overflow:hidden;

}

.career-apply-form::before{

    content:"";

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:5px;

    background:#00a7b5;

}

.career-apply-form h3{

    position:relative;

    letter-spacing:.3px;

}

.career-benefit-item{

    padding:15px;

    border-radius:18px;

    transition:.35s ease;

}

.career-benefit-item:hover{

    background:#fff;

    transform:translateX(10px);

    box-shadow:0 15px 35px rgba(0,109,119,.12);

}

.career-benefit-item i{

    transition:.35s ease;

}

.career-benefit-item:hover i{

    transform:rotate(10deg) scale(1.1);

}

.career-apply-form input,
.career-apply-form select,
.career-apply-form textarea{

    transition:.3s ease;

}

.career-apply-form input:focus,
.career-apply-form select:focus,
.career-apply-form textarea:focus{

    box-shadow:0 0 0 3px rgba(0,109,119,.2);

}

.career-apply-form button{

    position:relative;

    overflow:hidden;

}

.career-apply-form button::before{

    content:"";

    position:absolute;

    top:0;

    left:-100%;

    width:100%;

    height:100%;

    background:rgba(255,255,255,.25);

    transition:.4s ease;

}

.career-apply-form button:hover::before{

    left:100%;

}

.career-apply-form button:hover{

    transform:translateY(-5px);

    box-shadow:0 15px 30px rgba(0,109,119,.35);

}

@media(max-width:768px){

    .career-benefit-item:hover{

        transform:none;

    }

}

.career-apply-section{

    position:relative;

    overflow:hidden;

}

.career-apply-section::before{

    content:"";

    position:absolute;

    top:-150px;

    right:-120px;

    width:300px;

    height:300px;

    background:rgba(0,109,119,.08);

    border-radius:50%;

}

.career-apply-content h2{

    letter-spacing:-1px;

}

.career-benefit-item{

    background:rgba(255,255,255,.6);

    border:1px solid rgba(0,109,119,.08);

    padding:18px;

}

.career-benefit-item:hover{

    background:#fff;

    border-color:rgba(0,109,119,.25);

    transform:translateX(12px);

}

.career-benefit-item i{

    box-shadow:0 10px 25px rgba(0,109,119,.25);

}

.career-apply-form{

    box-shadow:
    0 30px 70px rgba(18,32,43,.25);

}

.career-apply-form h3{

    position:relative;

    padding-bottom:18px;

}

.career-apply-form h3::after{

    content:"";

    position:absolute;

    left:0;

    bottom:0;

    width:70px;

    height:3px;

    background:#00a7b5;

    border-radius:10px;

}

.career-apply-form input,
.career-apply-form select,
.career-apply-form textarea{

    border:1px solid transparent;

    transition:.3s ease;

}

.career-apply-form input:hover,
.career-apply-form select:hover,
.career-apply-form textarea:hover{

    border-color:#006d77;

}

.career-apply-form button{

    min-width:220px;

    justify-content:center;

}

.career-apply-form button i{

    transition:.3s ease;

}

.career-apply-form button:hover i{

    transform:translateX(8px);

}

@media(max-width:768px){

    .career-benefit-item:hover{

        transform:none;

    }

    .career-apply-form h3::after{

        left:50%;

        transform:translateX(-50%);

    }

}

.career-form-grid{

    grid-template-columns:1fr;

}

.career-form-grid input,
.career-form-grid select{

    width:100%;

}

.career-form-grid input:nth-child(3),
.career-form-grid select{

    width:100%;

}

/* Careers Page Fourth Section */
.life-infra-section{

    padding:100px 0;

    background:#fff;

}

.life-infra-wrapper{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:70px;

    align-items:center;

}

.life-infra-image{

    position:relative;

}

.life-infra-image img{

    width:100%;

    height:550px;

    object-fit:cover;

    border-radius:30px;

}

.life-image-badge{

    position:absolute;

    left:30px;

    bottom:30px;

    background:#006d77;

    color:#fff;

    padding:20px 30px;

    border-radius:20px;

}

.life-image-badge strong{

    display:block;

    font-size:30px;

    font-weight:900;

}

.life-image-badge span{

    font-size:14px;

}

.life-small-title{

    display:inline-block;

    color:#006d77;

    font-size:15px;

    font-weight:900;

    letter-spacing:3px;

    position:relative;

    padding-bottom:15px;

}

.life-small-title::after{

    content:"";

    position:absolute;

    left:0;

    bottom:0;

    width:75px;

    height:4px;

    background:#006d77;

    border-radius:10px;

}

.life-infra-content h2{

    margin:25px 0;

    font-size:44px;

    line-height:1.2;

    font-weight:900;

    color:#12202b;

}

.life-infra-content h2 strong{

    color:#006d77;

}

.life-infra-content > p{

    color:#59656d;

    font-size:17px;

    line-height:1.8;

}

.life-highlights{

    margin-top:35px;

}

.life-highlight-box{

    display:flex;

    gap:18px;

    align-items:center;

    padding:18px;

    background:#f7fbfb;

    border-radius:18px;

    margin-bottom:15px;

    transition:.35s ease;

}

.life-highlight-box:hover{

    transform:translateX(8px);

    box-shadow:0 15px 35px rgba(0,109,119,.12);

}

.life-highlight-box i{

    width:50px;

    height:50px;

    border-radius:50%;

    background:#006d77;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:20px;

}

.life-highlight-box h4{

    margin:0 0 5px;

    font-size:18px;

    font-weight:900;

    color:#12202b;

}

.life-highlight-box p{

    margin:0;

    font-size:14px;

    color:#59656d;

}

@media(max-width:768px){

    .life-infra-section{

        padding:60px 0;

    }

    .life-infra-wrapper{

        grid-template-columns:1fr;

        gap:40px;

    }

    .life-infra-image img{

        height:350px;

        border-radius:25px;

    }

    .life-image-badge{

        left:15px;

        bottom:15px;

        padding:15px 20px;

    }

    .life-image-badge strong{

        font-size:24px;

    }

    .life-small-title{

        font-size:13px;

        letter-spacing:2px;

    }

    .life-infra-content h2{

        font-size:30px;

    }

    .life-infra-content > p{

        font-size:15px;

    }

    .life-highlight-box{

        padding:15px;

    }

    .life-highlight-box i{

        width:45px;

        height:45px;

        min-width:45px;

    }

    .life-highlight-box h4{

        font-size:16px;

    }

    .life-highlight-box p{

        font-size:13px;

    }

}

@media(max-width:768px){

    .life-infra-content{

        text-align:center;

    }

    .life-small-title{

        display:inline-block;

        text-align:center;

    }

    .life-small-title::after{

        left:50%;

        transform:translateX(-50%);

    }

    .life-infra-content h2{

        text-align:center;

    }

    .life-infra-content > p{

        text-align:center;

    }

    .life-highlight-box{

        flex-direction:column;

        text-align:center;

        justify-content:center;

        align-items:center;

        padding:22px 15px;

        gap:12px;

    }

    .life-highlight-box i{

        margin:auto;

    }

    .life-highlight-box h4{

        text-align:center;

        margin-bottom:8px;

    }

    .life-highlight-box p{

        text-align:center;

        margin:0;

    }

}

/* Careers Page Fifth Section */
.general-application-section{

    padding:100px 0;

    background:#12202b;

    position:relative;

    overflow:hidden;

}

.general-application-section::before{

    content:"";

    position:absolute;

    width:350px;

    height:350px;

    right:-150px;

    top:-120px;

    background:rgba(0,109,119,.25);

    border-radius:50%;

}

.general-application-wrapper{

    display:grid;

    grid-template-columns:1fr .8fr;

    gap:70px;

    align-items:center;

}

.general-application-tag{

    display:inline-block;

    color:#00a7b5;

    font-size:15px;

    font-weight:900;

    letter-spacing:3px;

    position:relative;

    padding-bottom:15px;

}

.general-application-tag::after{

    content:"";

    position:absolute;

    left:0;

    bottom:0;

    width:75px;

    height:4px;

    background:#00a7b5;

    border-radius:10px;

}

.general-application-content h2{

    margin:25px 0;

    font-size:44px;

    line-height:1.2;

    font-weight:900;

    color:#fff;

}

.general-application-content h2 strong{

    color:#00a7b5;

}

.general-application-content > p{

    color:#d0d7da;

    font-size:17px;

    line-height:1.8;

    max-width:600px;

}

.general-points{

    margin-top:35px;

}

.general-point{

    display:flex;

    gap:18px;

    align-items:center;

    margin-bottom:20px;

    padding:18px;

    border-radius:18px;

    background:rgba(255,255,255,.08);

    transition:.35s ease;

}

.general-point:hover{

    transform:translateX(10px);

    background:rgba(255,255,255,.15);

}

.general-point i{

    width:55px;

    height:55px;

    min-width:55px;

    border-radius:50%;

    background:#006d77;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:22px;

}

.general-point h4{

    margin:0 0 5px;

    color:#fff;

    font-size:18px;

    font-weight:900;

}

.general-point p{

    margin:0;

    color:#d0d7da;

    font-size:14px;

}

.general-application-card{

    background:#fff;

    padding:35px;

    border-radius:30px;

    box-shadow:0 30px 70px rgba(0,0,0,.3);

    position:relative;

}

.general-card-header{

    text-align:center;

}

.general-card-header i{

    width:70px;

    height:70px;

    border-radius:50%;

    background:#006d77;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    margin:0 auto 20px;

    font-size:30px;

}

.general-card-header h3{

    margin:0 0 10px;

    color:#12202b;

    font-size:26px;

    font-weight:900;

}

.general-card-header p{

    color:#59656d;

    font-size:14px;

}

.profile-action-box{

    margin-top:30px;

    padding:30px;

    border:2px dashed rgba(0,109,119,.35);

    border-radius:20px;

    text-align:center;

}

.profile-action-box i{

    font-size:35px;

    color:#006d77;

}

.profile-action-box h4{

    margin:15px 0 5px;

    color:#12202b;

    font-size:20px;

    font-weight:900;

}

.profile-action-box p{

    color:#59656d;

    font-size:14px;

}

.profile-action-box input{

    margin-top:15px;

}

.profile-submit-btn{

    margin-top:25px;

    width:100%;

    border:none;

    padding:15px;

    border-radius:50px;

    background:#006d77;

    color:#fff;

    font-size:15px;

    font-weight:900;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:12px;

    cursor:pointer;

    transition:.35s ease;

}

.profile-submit-btn:hover{

    background:#004f56;

    transform:translateY(-5px);

    box-shadow:0 15px 35px rgba(0,109,119,.35);

}

.profile-submit-btn i{

    transition:.35s ease;

}

.profile-submit-btn:hover i{

    transform:translateX(8px);

}

@media(max-width:768px){

    .general-application-section{

        padding:60px 0;

    }

    .general-application-wrapper{

        grid-template-columns:1fr;

        gap:40px;

    }

    .general-application-content{

        text-align:center;

    }

    .general-application-tag{

        font-size:13px;

        letter-spacing:2px;

    }

    .general-application-tag::after{

        left:50%;

        transform:translateX(-50%);

    }

    .general-application-content h2{

        font-size:30px;

    }

    .general-application-content > p{

        font-size:15px;

    }

    .general-point{

        flex-direction:column;

        text-align:center;

    }

    .general-point:hover{

        transform:none;

    }

    .general-application-card{

        padding:25px 20px;

        border-radius:25px;

    }

    .general-card-header h3{

        font-size:22px;

    }

    .profile-action-box{

        padding:20px;

    }

}  

@media(max-width:768px){

    .general-application-section{

        padding:60px 0;

    }

    .general-application-content{

        text-align:center;

        padding:0 10px;

    }

    .general-application-tag{

        font-size:13px;

        letter-spacing:2px;

    }

    .general-application-tag::after{

        left:50%;

        transform:translateX(-50%);

    }

    .general-application-content h2{

        font-size:30px;

        line-height:1.25;

        margin:25px 0;

    }

    .general-application-content > p{

        font-size:15px;

        line-height:1.8;

        margin:0 auto;

    }

    .general-points{

        margin-top:30px;

    }

    .general-point{

        flex-direction:column;

        text-align:center;

        padding:25px 15px;

        gap:12px;

    }

    .general-point i{

        width:55px;

        height:55px;

    }

    .general-point h4{

        font-size:18px;

    }

    .general-point p{

        font-size:14px;

    }

    .general-application-card{

        margin-top:20px;

        padding:25px 18px;

        border-radius:25px;

    }

    .general-card-header i{

        width:65px;

        height:65px;

        font-size:26px;

    }

    .general-card-header h3{

        font-size:23px;

    }

    .profile-action-box{

        padding:25px 15px;

        margin-top:25px;

    }

    .profile-action-box input{

        width:100%;

    }

    .profile-submit-btn{

        font-size:14px;

    }

}

/* Blogs Page Banner Section */
/* .blogs-banner{

    height:75vh;
    position:relative;
    overflow:hidden;

} */

.blogs-banner{

    height:75vh;
    position:relative;
    overflow:hidden;

    background:
    linear-gradient(
        135deg,
        #1f2933 0%,
        #123b44 45%,
        var(--accent) 100%
    );

}

.blogs-banner img{

    width:100%;
    height:100%;
    object-fit:cover;

}

.blogs-banner-overlay{

    position:absolute;
    inset:0;

    background:
    linear-gradient(
        90deg,
        rgba(16,33,43,.85),
        rgba(0,117,130,.35)
    );

}

.blogs-banner-content{

    position:absolute;

    top:50%;
    left:0;

    transform:translateY(-50%);

    width:100%;

    text-align:center;

    color:#fff;

}

.blogs-banner-content h1{

    font-size:60px;

    font-weight:900;

    margin-bottom:25px;

}

.blogs-breadcrumb{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:15px;

    font-size:17px;

    font-weight:700;

}

.blogs-breadcrumb i{

    color:#0bb7c5;

    font-style:normal;

}

@media(max-width:991px){

   .blogs-banner{

        height:500px;

    }

    .blogs-banner-content h1{

        font-size:45px;

    }

}

@media(max-width:768px){

    .blogs-banner{

        height:500px;

    }

    .blogs-banner-content h1{

        font-size:38px;

    }

    .blogs-breadcrumb{

        font-size:14px;

    }

}

@media(max-width:576px){

    .blogs-banner{

        height:420px;

    }

    .blogs-banner-content h1{

        font-size:32px;

    }

}

@media(max-width:480px){

    .blogs-banner-content h1{

        font-size:29px;

    }

}

@media(max-width:360px){

    .blogs-banner{

        height:380px;

    }

    .blogs-banner-content h1{

        font-size:28px;

    }

}

@media(max-width:300px){

    .blogs-banner{

        height:320px;

    }

    .blogs-banner-content h1{

        font-size:24px;

    }

}

/* Blogs Page First Section */
.blog-listing-section{

    padding:100px 0;

    background:#f7fbfb;

}

.blog-page-header{

    text-align:center;

    max-width:850px;

    margin:auto;

}

.blog-page-tag{

    display:inline-block;

    color:#006d77;

    font-size:15px;

    font-weight:900;

    letter-spacing:3px;

    position:relative;

    padding-bottom:15px;

}

.blog-page-tag::after{

    content:"";

    position:absolute;

    left:50%;

    bottom:0;

    transform:translateX(-50%);

    width:75px;

    height:4px;

    background:#006d77;

    border-radius:10px;

}

.blog-page-header h1{

    margin:25px 0 20px;

    font-size:46px;

    line-height:1.2;

    font-weight:900;

    color:#12202b;

}

.blog-page-header h1 strong{

    color:#006d77;

}

.blog-page-header p{

    font-size:17px;

    color:#59656d;

    line-height:1.8;

}

.blog-category-filter{

    margin:50px 0;

    display:flex;

    justify-content:center;

    gap:15px;

    flex-wrap:wrap;

}

.blog-category-filter button{

    padding:12px 25px;

    border-radius:50px;

    border:1px solid rgba(0,109,119,.15);

    background:#fff;

    color:#12202b;

    font-size:14px;

    font-weight:800;

    cursor:pointer;

    transition:.35s ease;

}

.blog-category-filter button:hover,
.blog-category-filter button.active{

    background:#006d77;

    color:#fff;

}

.blog-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:30px;

}

.blog-card{

    background:#fff;

    border-radius:25px;

    overflow:hidden;

    border:1px solid rgba(0,109,119,.12);

    display:flex;

    flex-direction:column;

    transition:.35s ease;

}

.blog-card:hover{

    transform:translateY(-10px);

    box-shadow:0 25px 50px rgba(0,109,119,.15);

}

.blog-image{

    height:240px;

    position:relative;

    overflow:hidden;

}

.blog-image img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:.5s ease;

}

.blog-card:hover .blog-image img{

    transform:scale(1.08);

}

.blog-image span{

    position:absolute;

    top:20px;

    left:20px;

    background:#006d77;

    color:#fff;

    padding:7px 15px;

    border-radius:30px;

    font-size:12px;

    font-weight:800;

}

.blog-content{

    padding:25px;

    display:flex;

    flex-direction:column;

    flex:1;

}

.blog-date{

    color:#006d77;

    font-size:13px;

    font-weight:700;

    margin-bottom:15px;

}

.blog-content h2{

    font-size:22px;

    line-height:1.35;

    color:#12202b;

    font-weight:900;

    margin-bottom:15px;

}

.blog-content p{

    color:#59656d;

    font-size:14px;

    line-height:1.7;

    flex:1;

}

.blog-content a{

    margin-top:20px;

    width:max-content;

    padding:11px 24px;

    border-radius:50px;

    background:#006d77;

    color:#fff;

    text-decoration:none;

    font-size:14px;

    font-weight:900;

    display:flex;

    align-items:center;

    gap:10px;

    transition:.35s ease;

}

.blog-content a:hover{

    background:#004f56;

    transform:translateY(-4px);

}

.blog-pagination{

    margin-top:60px;

    display:flex;

    justify-content:center;

    gap:10px;

}

.blog-pagination a{

    width:42px;

    height:42px;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    background:#fff;

    color:#12202b;

    text-decoration:none;

    font-weight:800;

    border:1px solid rgba(0,109,119,.15);

}

.blog-pagination a:first-child,
.blog-pagination a:last-child{

    width:auto;

    padding:0 20px;

    border-radius:30px;

}

.blog-pagination a.active,
.blog-pagination a:hover{

    background:#006d77;

    color:#fff;

}

@media(max-width:768px){

    .blog-listing-section{

        padding:60px 0;

    }

    .blog-page-header{

        padding:0 10px;

    }

    .blog-page-tag{

        font-size:13px;

        letter-spacing:2px;

    }

    .blog-page-header h1{

        font-size:30px;

    }

    .blog-page-header p{

        font-size:15px;

    }

    .blog-category-filter{

        margin:35px 0;

        gap:10px;

    }

    .blog-category-filter button{

        padding:10px 18px;

        font-size:12px;

    }

    .blog-grid{

        grid-template-columns:1fr;

        gap:25px;

    }

    .blog-image{

        height:220px;

    }

    .blog-content{

        padding:20px;

    }

    .blog-content h2{

        font-size:20px;

    }

    .blog-content a{

        margin-left:auto;

        margin-right:auto;

    }

    .blog-pagination{

        margin-top:40px;

        flex-wrap:wrap;

    }

}

@media(max-width:768px){

    .blog-category-filter{

        display:flex;

        flex-wrap:nowrap;

        overflow-x:auto;

        justify-content:flex-start;

        gap:10px;

        padding:5px 10px 15px;

        scrollbar-width:none;

    }

    .blog-category-filter::-webkit-scrollbar{

        display:none;

    }

    .blog-category-filter button{

        flex:0 0 auto;

        white-space:nowrap;

        padding:10px 20px;

        font-size:13px;

    }

    .blog-card{

        border-radius:22px;

    }

    .blog-image{

        height:220px;

    }

    .blog-content{

        padding:22px 20px;

    }

    .blog-content h2{

        font-size:21px;

        line-height:1.4;

    }

    .blog-content p{

        font-size:14px;

    }

}

.blog-meta-row{

    width:100%;

    display:flex;

    justify-content:space-between;

    align-items:center;

    flex-direction:row;

    margin-bottom:15px;

}

.blog-meta-row .blog-date{

    margin-bottom:0;

    display:flex;

    align-items:center;

}

.blog-author{

    display:flex;

    align-items:center;

    color:#006d77;

    font-size:13px;

    font-weight:700;

    white-space:nowrap;

}

.blog-date i,
.blog-author i{

    margin-right:6px;

}

@media(max-width:768px){

    .blog-meta-row{

        width:100%;

    }

    .blog-author,
    .blog-meta-row .blog-date{

        font-size:12px;

    }

}

.blog-card{

    background:#ffffff;

    border:1px solid #007580;

    border-radius:25px;

    box-shadow:
    0 12px 35px rgba(0,109,119,.10);

}

/* Blog Details Page Banner Section */
/* .blog-details-banner{

    height:75vh;
    position:relative;
    overflow:hidden;

} */

.blog-details-banner{

    height:75vh;
    position:relative;
    overflow:hidden;

    background:
    linear-gradient(
        135deg,
        #1f2933 0%,
        #123b44 45%,
        var(--accent) 100%
    );

}

.blog-details-banner img{

    width:100%;
    height:100%;
    object-fit:cover;

}

.blog-details-banner-overlay{

    position:absolute;
    inset:0;

    background:
    linear-gradient(
        90deg,
        rgba(16,33,43,.85),
        rgba(0,117,130,.35)
    );

}

.blog-details-banner-content{

    position:absolute;

    top:50%;
    left:0;

    transform:translateY(-50%);

    width:100%;

    text-align:center;

    color:#fff;

}

.blog-details-banner-content h1{

    font-size:60px;

    font-weight:900;

    margin-bottom:25px;

}

.blog-details-breadcrumb{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:15px;

    font-size:17px;

    font-weight:700;

}

.blog-details-breadcrumb i{

    color:#0bb7c5;

    font-style:normal;

}

@media(max-width:991px){

   .blog-details-banner{

        height:500px;

    }

    .blog-details-banner-content h1{

        font-size:45px;

    }

}

@media(max-width:768px){

    .blog-details-banner{

        height:500px;

    }

    .blog-details-banner-content h1{

        font-size:38px;

    }

    .blog-details-breadcrumb{

        font-size:14px;

    }

}

@media(max-width:576px){

    .blog-details-banner{

        height:420px;

    }

    .blog-details-banner-content h1{

        font-size:32px;

    }

}

@media(max-width:480px){

    .blog-details-banner-content h1{

        font-size:29px;

    }

}

@media(max-width:360px){

    .blog-details-banner{

        height:380px;

    }

    .blog-details-banner-content h1{

        font-size:28px;

    }

}

@media(max-width:300px){

    .blog-details-banner{

        height:320px;

    }

    .blog-details-banner-content h1{

        font-size:24px;

    }

}

.blog-details-banner-content h1{

    font-size:38px;

}

@media(max-width:768px){

    .blog-details-banner-content h1{

        font-size:24px;

        line-height:1.25;

        max-width:100%;

        margin-bottom:18px;

    }

    .blog-details-breadcrumb{

        display:flex;

        flex-wrap:wrap;

        justify-content:center;

        align-items:center;

        gap:8px;

        font-size:11px;

        line-height:1.5;

        text-align:center;

        padding:0 10px;

    }

    .blog-details-breadcrumb span:nth-of-type(1),
    .blog-details-breadcrumb span:nth-of-type(2),
    .blog-details-breadcrumb i{

        white-space:nowrap;

    }

    .blog-details-breadcrumb span:last-child{

        width:100%;

        margin-top:5px;

        white-space:normal;

        text-align:center;

        max-width:100%;

    }

}

/* Blog Details Page First Section */
.blog-details-content-section{

    padding:100px 0;

    background:#f7fbfb;

}

.blog-details-layout{

    display:grid;

    grid-template-columns:2fr 1fr;

    gap:50px;

    align-items:start;

}

.blog-article-content{

    background:#fff;

    padding:40px;

    border-radius:30px;

    border:1px solid rgba(0,109,119,.12);

}

.blog-feature-image{

    width:100%;

    height:450px;

    overflow:hidden;

    border-radius:25px;

    margin-bottom:30px;

}

.blog-feature-image img{

    width:100%;

    height:100%;

    object-fit:cover;

}

.blog-article-meta{

    display:flex;

    gap:25px;

    flex-wrap:wrap;

    margin-bottom:25px;

}

.blog-article-meta span{

    color:#006d77;

    font-size:14px;

    font-weight:800;

}

.blog-article-meta i{

    margin-right:8px;

}

.blog-article-content h2{

    font-size:38px;

    line-height:1.25;

    font-weight:900;

    color:#12202b;

    margin-bottom:25px;

}

.blog-article-content h3{

    margin-top:35px;

    margin-bottom:15px;

    font-size:26px;

    font-weight:900;

    color:#12202b;

}

.blog-article-content p{

    font-size:16px;

    line-height:1.9;

    color:#59656d;

    margin-bottom:20px;

}

.blog-article-content ul{

    padding-left:25px;

    margin-bottom:25px;

}

.blog-article-content li{

    color:#59656d;

    margin-bottom:12px;

    line-height:1.7;

}

.blog-sidebar{

    position:sticky;

    top:100px;

}

.related-blog-box{

    background:#fff;

    padding:30px;

    border-radius:30px;

    border:1px solid rgba(0,109,119,.12);

}

.related-blog-box > h3{

    font-size:28px;

    font-weight:900;

    color:#12202b;

    margin-bottom:25px;

}

.related-blog-card{

    display:flex;

    gap:15px;

    padding-bottom:25px;

    margin-bottom:25px;

    border-bottom:1px solid rgba(0,0,0,.08);

}

.related-blog-card:last-child{

    border-bottom:none;

    margin-bottom:0;

    padding-bottom:0;

}

.related-blog-card img{

    width:95px;

    height:85px;

    object-fit:cover;

    border-radius:15px;

}

.related-blog-card span{

    color:#006d77;

    font-size:11px;

    font-weight:800;

}

.related-blog-card h4{

    font-size:15px;

    line-height:1.4;

    color:#12202b;

    font-weight:900;

    margin:6px 0 10px;

}

.related-blog-card a{

    font-size:12px;

    color:#006d77;

    font-weight:800;

    text-decoration:none;

}

.related-blog-card a i{

    margin-left:5px;

}

.related-blog-card:hover h4{

    color:#006d77;

}

@media(max-width:991px){

    .blog-details-layout{

        grid-template-columns:1fr;

        gap:30px;

    }

    .blog-sidebar{

        position:static;

    }

}

@media(max-width:768px){

    .blog-details-content-section{

        padding:60px 0;

    }

    .blog-article-content{

        padding:25px 20px;

        border-radius:22px;

    }

    .blog-feature-image{

        height:250px;

        border-radius:18px;

    }

    .blog-article-content h2{

        font-size:28px;

    }

    .blog-article-content h3{

        font-size:22px;

    }

    .blog-article-content p{

        font-size:15px;

    }

    .related-blog-box{

        padding:22px;

        border-radius:22px;

    }

    .related-blog-card img{

        width:85px;

        height:75px;

    }

}

.blog-category-box{

    background:#fff;

    padding:30px;

    border-radius:30px;

    border:1px solid rgba(0,109,119,.12);

    margin-bottom:30px;

}

.blog-category-box h3{

    font-size:28px;

    font-weight:900;

    color:#12202b;

    margin-bottom:25px;

}

.blog-category-box ul{

    list-style:none;

    padding:0;

    margin:0;

}

.blog-category-box ul li{

    margin-bottom:12px;

}

.blog-category-box ul li a{

    display:flex;

    align-items:center;

    justify-content:space-between;

    padding:14px 18px;

    background:#f7fbfb;

    border-radius:15px;

    color:#12202b;

    text-decoration:none;

    font-size:15px;

    font-weight:800;

    transition:.35s ease;

}

.blog-category-box ul li a i{

    color:#006d77;

    font-size:13px;

    transition:.35s ease;

}

.blog-category-box ul li a:hover{

    background:#006d77;

    color:#fff;

    transform:translateX(5px);

}

.blog-category-box ul li a:hover i{

    color:#fff;

    transform:translateX(5px);

}

@media(max-width:768px){

    .blog-category-box{

        padding:22px;

        border-radius:22px;

    }

    .blog-category-box h3{

        font-size:24px;

    }

    .blog-category-box ul li a{

        padding:12px 15px;

        font-size:14px;

    }

}

.blog-cta-section{

    padding:70px 0;

    background:#fff;

}

.blog-cta-box{

    background:#006d77;

    border-radius:30px;

    padding:35px 45px;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:30px;

    position:relative;

    overflow:hidden;

}

.blog-cta-box::before{

    content:"";

    position:absolute;

    width:300px;

    height:300px;

    right:-120px;

    top:-120px;

    background:rgba(255,255,255,.08);

    border-radius:50%;

}

.blog-cta-icon{

    width:65px;

    height:65px;

    border-radius:18px;

    background:rgba(255,255,255,.18);

    display:flex;

    align-items:center;

    justify-content:center;

    color:#fff;

    font-size:28px;

    flex-shrink:0;

}

.blog-cta-content{

    flex:1;

}

.blog-cta-content h3{

    color:#fff;

    font-size:30px;

    font-weight:900;

    margin-bottom:10px;

}

.blog-cta-content p{

    color:rgba(255,255,255,.85);

    font-size:16px;

    line-height:1.6;

    margin:0;

}

.blog-cta-button a{

    display:flex;

    align-items:center;

    gap:12px;

    background:#fff;

    color:#006d77;

    padding:15px 30px;

    border-radius:50px;

    text-decoration:none;

    font-weight:900;

    white-space:nowrap;

    transition:.35s ease;

}

.blog-cta-button a:hover{

    transform:translateX(5px);

    box-shadow:0 15px 30px rgba(0,0,0,.15);

}

.blog-cta-button i{

    transition:.35s ease;

}

.blog-cta-button a:hover i{

    transform:translateX(5px);

}

@media(max-width:768px){

    .blog-cta-section{

        padding:50px 0;

    }

    .blog-cta-box{

        padding:30px 22px;

        border-radius:22px;

        flex-direction:column;

        text-align:center;

        gap:20px;

    }

    .blog-cta-icon{

        width:55px;

        height:55px;

        font-size:22px;

    }

    .blog-cta-content h3{

        font-size:24px;

    }

    .blog-cta-content p{

        font-size:14px;

    }

    .blog-cta-button a{

        padding:13px 25px;

        font-size:14px;

    }

}

.blog-cta-box{

    transition:.4s ease;

}

.blog-cta-box:hover{

    transform:translateY(-5px);

    box-shadow:0 25px 50px rgba(0,109,119,.18);

}

.blog-cta-icon{

    transition:.4s ease;

}

.blog-cta-box:hover .blog-cta-icon{

    transform:rotate(-5deg) scale(1.08);

    background:rgba(255,255,255,.28);

}

.blog-cta-button a{

    position:relative;

    overflow:hidden;

}

.blog-cta-button a::before{

    content:"";

    position:absolute;

    top:0;

    left:-100%;

    width:100%;

    height:100%;

    background:rgba(0,109,119,.12);

    transition:.4s ease;

}

.blog-cta-button a:hover::before{

    left:100%;

}

.blog-cta-button a:hover{

    background:#ffffff;

    color:#004f56;

    transform:translateX(8px);

    box-shadow:0 12px 30px rgba(0,0,0,.18);

}

.blog-cta-button a i{

    transition:.35s ease;

}

.blog-cta-button a:hover i{

    transform:translateX(6px);

}

@media(max-width:768px){

    .blog-cta-box:hover{

        transform:none;

    }

}

.blog-cta-section{

    padding-top:40px;

    padding-bottom:60px;

}

@media(max-width:768px){

    .blog-cta-section{

        padding-top:30px;

        padding-bottom:40px;

    }

    .blog-cta-box{

        padding:25px 20px;

    }

}

.blog-article-meta{

    display:flex;

    justify-content:space-between;

    align-items:center;

    width:100%;

}

.blog-article-meta .meta-author{

    margin-left:auto;

}

.meta-left{

    display:flex;

    gap:25px;

}

@media(max-width:768px){

    .blog-article-meta{

        flex-wrap:wrap;

    }

    .meta-author{

        margin-left:0;

    }

}

.blog-feature-image{

    position:relative;

}

.blog-image-category{

    position:absolute;

    top:20px;

    left:20px;

    background:#006d77;

    color:#fff;

    padding:8px 18px;

    border-radius:50px;

    font-size:13px;

    font-weight:800;

    z-index:2;

    letter-spacing:.3px;

    transition:.35s ease;

}

.blog-image-category:hover{

    background:#004f56;

    transform:translateY(-3px);

}

@media(max-width:768px){

    .blog-image-category{

        top:15px;

        left:15px;

        padding:7px 15px;

        font-size:12px;

    }

}

.blog-article-content,
.blog-category-box,
.related-blog-box{

    background:#f2f8f8;

    border:1px solid #8fcfd2;

    border-radius:28px;

    box-shadow:0 10px 30px rgba(0,109,119,.08);

}

.blog-article-content{

    padding:35px;

}

.blog-category-box,
.related-blog-box{

    padding:25px;

}

.related-blog-card{

    background:#ffffff;

    border:1px solid #9ed5d8;

    border-radius:16px;

    padding:15px;

    margin-bottom:18px;

}

.related-blog-card:hover{

    border-color:#007580;

    box-shadow:0 10px 25px rgba(0,109,119,.15);

}

.blog-category-box ul li a{

    background:#ffffff;

    border:1px solid #9ed5d8;

    border-radius:12px;

}

.blog-category-box ul li a:hover{

    background:#007580;

    color:#fff;

}

@media(max-width:768px){

    .blog-article-content,
    .blog-category-box,
    .related-blog-box{

        border-radius:22px;

    }

}

.blog-article-content,
.blog-category-box,
.related-blog-box{

    transition:.3s ease;

}

.blog-article-content:hover,
.blog-category-box:hover,
.related-blog-box:hover{

    transform:translateY(-3px);

    box-shadow:0 12px 30px rgba(0,109,119,.12);

}

/* About Us Page Banner Section */
/* .about-us-banner{

    height:75vh;
    position:relative;
    overflow:hidden;

} */

.about-us-banner{

    height:75vh;
    position:relative;
    overflow:hidden;

    background:
    linear-gradient(
        135deg,
        #1f2933 0%,
        #123b44 45%,
        var(--accent) 100%
    );

}

.about-us-banner img{

    width:100%;
    height:100%;
    object-fit:cover;

}

.about-us-banner-overlay{

    position:absolute;
    inset:0;

    background:
    linear-gradient(
        90deg,
        rgba(16,33,43,.85),
        rgba(0,117,130,.35)
    );

}

.about-us-banner-content{

    position:absolute;

    top:50%;
    left:0;

    transform:translateY(-50%);

    width:100%;

    text-align:center;

    color:#fff;

}

.about-us-banner-content h1{

    font-size:60px;

    font-weight:900;

    margin-bottom:25px;

}

.about-us-breadcrumb{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:15px;

    font-size:17px;

    font-weight:700;

}

.about-us-breadcrumb i{

    color:#0bb7c5;

    font-style:normal;

}

@media(max-width:991px){

   .about-us-banner{

        height:500px;

    }

    .about-us-banner-content h1{

        font-size:45px;

    }

}

@media(max-width:768px){

    .about-us-banner{

        height:500px;

    }

    .about-us-banner-content h1{

        font-size:38px;

    }

    .about-us-breadcrumb{

        font-size:14px;

    }

}

@media(max-width:576px){

    .about-us-banner{

        height:420px;

    }

    .about-us-banner-content h1{

        font-size:32px;

    }

}

@media(max-width:480px){

    .about-us-banner-content h1{

        font-size:29px;

    }

}

@media(max-width:360px){

    .about-us-banner{

        height:380px;

    }

    .about-us-banner-content h1{

        font-size:28px;

    }

}

@media(max-width:300px){

    .about-us-banner{

        height:320px;

    }

    .about-us-banner-content h1{

        font-size:24px;

    }

}

/* About Us Page First Section */
.infra-profile-section{

    padding:100px 0;

    background:#ffffff;

}

.infra-profile-top{

    max-width:850px;

    text-align:center;

    margin:0 auto 70px;

}

.infra-profile-top span{

    color:#006d77;

    font-size:25px;

    font-weight:900;

    letter-spacing:3px;

    position:relative;

    padding-bottom:15px;

    display:inline-block;

}

.infra-profile-top span::after{

    content:"";

    position:absolute;

    left:50%;

    bottom:0;

    transform:translateX(-50%);

    width:70px;

    height:4px;

    background:#006d77;

    border-radius:10px;

}

.infra-profile-top h2{

    margin:25px 0 20px;

    font-size:38px;

    line-height:1.15;

    font-weight:900;

    color:#12202b;

}

.infra-profile-top h2 strong{

    color:#006d77;

}

.infra-profile-top p{

    color:#59656d;

    font-size:16px;

    line-height:1.8;

}

.infra-profile-main{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:70px;

    align-items:center;

}

.infra-profile-image{

    position:relative;

}

.infra-profile-image img{

    width:100%;

    height:500px;

    object-fit:cover;

    border-radius:35px;

}

.infra-profile-years{

    position:absolute;

    bottom:30px;

    left:30px;

    background:#007582;

    color:#fff;

    padding:25px 35px;

    border-radius:20px;

}

.infra-profile-years strong{

    display:block;

    font-size:45px;

    line-height:1;

}

.infra-profile-years span{

    font-size:13px;

    font-weight:700;

}

.infra-profile-content h3{

    font-size:32px;

    color:#10212b;

    font-weight:900;

    margin-bottom:20px;

}

.infra-profile-content p{

    color:#59656d;

    font-size:16px;

    line-height:1.8;

    margin-bottom:18px;

}

.infra-profile-content ul{

    padding:0;

    margin-top:30px;

    list-style:none;

}

.infra-profile-content li{

    margin-bottom:15px;

    color:#10212b;

    font-weight:700;

}

.infra-profile-content li i{

    color:#007582;

    margin-right:10px;

}

.infra-profile-stats{

    margin-top:70px;

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:30px;

}

.infra-profile-stats div{

    background:#f7fbfb;

    padding:30px;

    text-align:center;

    border-radius:25px;

    border:1px solid rgba(0,117,130,.12);

}

.infra-profile-stats strong{

    display:block;

    font-size:38px;

    color:#007582;

    font-weight:900;

}

.infra-profile-stats span{

    color:#59656d;

    font-size:14px;

    font-weight:700;

}

@media(max-width:991px){

    .infra-profile-main{

        grid-template-columns:1fr;

    }

}

@media(max-width:768px){

    .infra-profile-section{

        padding:70px 0;

    }

    .infra-profile-top h2{

        font-size:32px;

    }

    .infra-profile-image img{

        height:380px;

    }

    .infra-profile-stats{

        grid-template-columns:1fr;

    }

}

.infra-profile-stats div{

    background:#ffffff;

    border:1px solid rgba(0,117,130,.15);

    border-radius:25px;

    padding:35px 25px;

    position:relative;

    overflow:hidden;

    box-shadow:0 10px 30px rgba(0,117,130,.08);

    transition:.35s ease;

}

.infra-profile-stats div::before{

    content:"";

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:4px;

    background:#007582;

}

.infra-profile-stats div:hover{

    transform:translateY(-8px);

    box-shadow:0 20px 45px rgba(0,117,130,.15);

}

.infra-profile-stats strong{

    font-size:42px;

    color:#007582;

    font-weight:900;

}

.infra-profile-stats span{

    margin-top:8px;

    display:block;

    color:#59656d;

    font-size:14px;

    font-weight:700;

}

.infra-profile-main{

    align-items:stretch;

}

.infra-profile-image{

    height:100%;

}

.infra-profile-image img{

    height:100%;

    min-height:520px;

}

.infra-profile-content{

    display:flex;

    flex-direction:column;

    justify-content:center;

    padding:25px 0;

}

.infra-profile-content h3{

    font-size:34px;

    line-height:1.25;

    margin-bottom:25px;

}

.infra-profile-content p{

    font-size:16px;

    line-height:1.9;

    max-width:560px;

}

.infra-profile-content ul{

    margin-top:25px;

}

.infra-profile-content li{

    display:flex;

    align-items:center;

    gap:8px;

    margin-bottom:18px;

}

.infra-profile-content li i{

    width:22px;

    height:22px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#007582;

    color:#fff;

    border-radius:50%;

    font-size:11px;

}

@media(max-width:991px){

    .infra-profile-image img{

        min-height:420px;

    }

}


@media(max-width:768px){

    .infra-profile-content{

        padding:10px 0;

    }

    .infra-profile-content h3{

        font-size:28px;

    }

    .infra-profile-content p{

        font-size:15px;

    }

    .infra-profile-image img{

        min-height:auto;

        height:380px;

    }

    .infra-profile-years{

        left:20px;

        bottom:20px;

        padding:20px 25px;

    }

    .infra-profile-years strong{

        font-size:38px;

    }

}

@media(max-width:768px){

    .infra-profile-content{

        text-align:left;

        padding:20px 15px;

    }

    .infra-profile-content h3{

        text-align:left;

        font-size:28px;

        line-height:1.3;

    }

    .infra-profile-content p{

        text-align:left;

        line-height:1.8;

    }

    .infra-profile-content ul{

        padding-left:0;

    }

    .infra-profile-content li{

        justify-content:flex-start;

        text-align:left;

        font-size:15px;

    }

}

@media(max-width:768px){

    .infra-profile-content ul{

        margin-bottom:0;

    }

    .infra-profile-content li:last-child{

        margin-bottom:0;

    }

    .infra-profile-main{

        gap:25px;

    }

}

@media(max-width:768px){

    .infra-profile-top span{

        font-size:18px;

        letter-spacing:3px;

        padding-bottom:12px;

    }

    .infra-profile-top span::after{

        width:60px;

        height:3px;

    }

    .infra-profile-top h2{

        font-size:30px;

        line-height:1.25;

        margin:20px 10px;

    }

    .infra-profile-top p{

        font-size:15px;

        line-height:1.8;

        padding:0 10px;

    }

}

.infra-profile-image img{

    transition:.4s ease;

}

.infra-profile-image:hover img{

    transform:scale(1.03);

}

/* About Us Page Second Section */
.infra-vision-section{

    padding:110px 0;

    background:#ffffff;

}

.infra-vision-heading{

    max-width:850px;

    margin:0 auto 70px;

    text-align:center;

}

.infra-vision-heading span{

    color:#006d77;

    font-size:25px;

    font-weight:900;

    letter-spacing:3px;

    position:relative;

    padding-bottom:15px;

    display:inline-block;

}

.infra-vision-heading span::after{

    content:"";

    position:absolute;

    left:50%;

    bottom:0;

    transform:translateX(-50%);

    width:70px;

    height:4px;

    background:#006d77;

    border-radius:10px;

}

.infra-vision-heading h2{

    margin:25px 0 20px;

    font-size:42px;

    line-height:1.2;

    font-weight:900;

    color:#12202b;

}

.infra-vision-heading h2 strong{

    color:#006d77;

}

.infra-vision-heading p{

    color:#59656d;

    font-size:16px;

    line-height:1.8;

}

.infra-vision-wrapper{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:35px;

}

.infra-vision-main{

    background:#10212b;

    padding:45px;

    border-radius:35px;

    display:flex;

    gap:30px;

    align-items:flex-start;

    position:relative;

    overflow:hidden;

    border:1px solid rgba(255,255,255,.08);

    box-shadow:0 20px 50px rgba(16,33,43,.15);

    transition:.35s ease;

}

.infra-vision-main::after{

    content:"";

    position:absolute;

    width:180px;

    height:180px;

    right:-60px;

    bottom:-60px;

    background:rgba(0,183,197,.12);

    border-radius:50%;

}

.infra-vision-main:hover{

    transform:translateY(-8px);

    box-shadow:0 30px 60px rgba(16,33,43,.25);

}

.infra-circle{

    min-width:75px;

    height:75px;

    border-radius:22px;

    background:#006d77;

    color:#ffffff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:28px;

    position:relative;

    z-index:1;

}

.infra-vision-content{

    position:relative;

    z-index:1;

}

.infra-vision-content small{

    color:#0bb7c5;

    font-size:13px;

    font-weight:900;

    letter-spacing:2px;

}

.infra-vision-content h3{

    margin:12px 0 15px;

    color:#ffffff;

    font-size:30px;

    font-weight:900;

}

.infra-vision-content p{

    margin:0;

    color:#d5e1e3;

    font-size:15px;

    line-height:1.8;

}

@media(max-width:991px){

    .infra-vision-wrapper{

        grid-template-columns:1fr;

    }

}

@media(max-width:768px){

    .infra-vision-section{

        padding:70px 0;

    }

    .infra-vision-heading h2{

        font-size:32px;

    }

    .infra-vision-main{

        padding:30px;

        flex-direction:column;

        gap:20px;

    }

    .infra-vision-content h3{

        font-size:25px;

    }

}

/* About Us Page Third Section */
.infra-journey-section{

    padding:110px 0;

    background:#f7fbfb;

}

.infra-journey-heading{

    max-width:850px;

    margin:0 auto 80px;

    text-align:center;

}

.infra-journey-heading span{

    color:#006d77;

    font-size:25px;

    font-weight:900;

    letter-spacing:3px;

    position:relative;

    display:inline-block;

    padding-bottom:15px;

}

.infra-journey-heading span::after{

    content:"";

    position:absolute;

    left:50%;

    bottom:0;

    transform:translateX(-50%);

    width:70px;

    height:4px;

    background:#006d77;

    border-radius:10px;

}

.infra-journey-heading h2{

    margin:25px 0 20px;

    font-size:40px;

    line-height:1.2;

    font-weight:900;

    color:#12202b;

}

.infra-journey-heading h2 strong{

    color:#006d77;

}

.infra-journey-heading p{

    color:#59656d;

    font-size:16px;

    line-height:1.8;

}

.infra-journey-timeline{

    max-width:950px;

    margin:auto;

    position:relative;

}

.infra-journey-timeline::before{

    content:"";

    position:absolute;

    left:50%;

    top:0;

    transform:translateX(-50%);

    width:3px;

    height:100%;

    background:#006d77;

}

.journey-item{

    display:grid;

    grid-template-columns:1fr 80px 1fr;

    align-items:center;

    margin-bottom:60px;

    position:relative;

}

.journey-year{

    font-size:38px;

    font-weight:900;

    color:#006d77;

    text-align:right;

    padding-right:30px;

}

.journey-item:nth-child(even) .journey-year{

    order:3;

    text-align:left;

    padding-left:30px;

    padding-right:0;

}

.journey-dot{

    width:22px;

    height:22px;

    background:#006d77;

    border-radius:50%;

    margin:auto;

    position:relative;

    z-index:2;

    box-shadow:0 0 0 8px rgba(0,109,119,.12);

}

.journey-content{

    background:#10212b;

    padding:35px;

    border-radius:28px;

    color:#ffffff;

    position:relative;

    transition:.35s ease;

}

.journey-content:hover{

    transform:translateY(-8px);

    box-shadow:0 25px 50px rgba(16,33,43,.25);

}

.journey-content h3{

    margin:0 0 15px;

    font-size:26px;

    font-weight:900;

}

.journey-content p{

    margin:0;

    color:#d5e1e3;

    font-size:15px;

    line-height:1.8;

}

.journey-item:nth-child(even) .journey-content{

    grid-column:1;

    grid-row:1;

}

@media(max-width:768px){

    .infra-journey-section{

        padding:70px 0;

    }

    .infra-journey-heading h2{

        font-size:32px;

    }

    .infra-journey-timeline::before{

        left:15px;

    }

    .journey-item{

        display:block;

        margin-bottom:45px;

        padding-left:45px;

    }

    .journey-year{

        text-align:left;

        padding:0;

        font-size:30px;

        margin-bottom:15px;

    }

    .journey-dot{

        position:absolute;

        left:4px;

        top:10px;

    }

    .journey-content{

        padding:25px;

    }

    .journey-content h3{

        font-size:22px;

    }

}

/* About Us Page Fourth Section */
.leadership-section{

    padding:110px 0;

    background:#10212b;

}

.leadership-heading{

    max-width:850px;

    margin:0 auto 70px;

    text-align:center;

}

.leadership-heading span{

    color:#0bb7c5;

    font-size:25px;

    font-weight:900;

    letter-spacing:3px;

    position:relative;

    display:inline-block;

    padding-bottom:15px;

}

.leadership-heading span::after{

    content:"";

    position:absolute;

    left:50%;

    bottom:0;

    transform:translateX(-50%);

    width:70px;

    height:4px;

    background:#0bb7c5;

    border-radius:10px;

}

.leadership-heading h2{

    margin:25px 0 20px;

    font-size:42px;

    line-height:1.2;

    font-weight:900;

    color:#ffffff;

}

.leadership-heading h2 strong{

    color:#0bb7c5;

}

.leadership-heading p{

    color:#d5e1e3;

    font-size:16px;

    line-height:1.8;

}

.leadership-wrapper{

    display:grid;

    grid-template-columns:1.1fr .9fr;

    gap:50px;

    align-items:center;

}

.leader-profile{

    background:#ffffff;

    border-radius:35px;

    padding:25px;

    display:grid;

    grid-template-columns:300px 1fr;

    gap:35px;

    align-items:center;

}

.leader-image{

    position:relative;

}

.leader-image img{

    width:100%;

    height:360px;

    object-fit:cover;

    border-radius:25px;

}

.leader-number{

    position:absolute;

    bottom:20px;

    left:20px;

    width:55px;

    height:55px;

    background:#006d77;

    color:#fff;

    border-radius:15px;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:20px;

    font-weight:900;

}

.leader-info h3{

    font-size:28px;

    color:#10212b;

    font-weight:900;

    margin:0 0 8px;

}

.leader-info span{

    color:#006d77;

    font-size:14px;

    font-weight:800;

}

.leader-info p{

    margin-top:20px;

    color:#59656d;

    font-size:15px;

    line-height:1.8;

}

.leader-highlights{

    display:flex;

    flex-direction:column;

    gap:20px;

}

.leader-point{

    background:rgba(255,255,255,.08);

    padding:25px;

    border-radius:25px;

    border:1px solid rgba(255,255,255,.12);

}

.leader-point i{

    width:50px;

    height:50px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#006d77;

    color:#ffffff;

    border-radius:15px;

    font-size:20px;

}

.leader-point h4{

    color:#ffffff;

    font-size:20px;

    margin:15px 0 8px;

    font-weight:900;

}

.leader-point p{

    color:#d5e1e3;

    margin:0;

    font-size:14px;

    line-height:1.7;

}

@media(max-width:991px){

    .leadership-wrapper{

        grid-template-columns:1fr;

    }

}

@media(max-width:768px){

    .leadership-section{

        padding:70px 0;

    }

    .leadership-heading h2{

        font-size:32px;

    }

    .leader-profile{

        grid-template-columns:1fr;

        padding:20px;

    }

    .leader-image img{

        height:330px;

    }

}

.leader-image{

    overflow:hidden;

    border-radius:25px;

}

.leader-image img{

    transition:.5s ease;

    filter:saturate(1.05);

}

.leader-image:hover img{

    transform:scale(1.05);

}

.leader-image img{

    object-position:center 15%;

}

.leader-point{

    transition:.35s ease;

}

.leader-point:hover{

    transform:translateY(-8px);

    background:rgba(0,117,130,.18);

    border-color:rgba(11,183,197,.5);

    box-shadow:0 20px 40px rgba(0,0,0,.25);

}

.leader-point i{

    transition:.35s ease;

}

.leader-point:hover i{

    transform:scale(1.1) rotate(5deg);

    background:#0bb7c5;

    box-shadow:0 10px 25px rgba(11,183,197,.35);

}

.leader-profile{

    transition:.35s ease;

}

.leader-profile:hover{

    transform:translateY(-8px);

    box-shadow:0 25px 50px rgba(0,0,0,.18);

}

.leader-image img{

    transition:.5s ease;

}

.leader-profile:hover .leader-image img{

    transform:scale(1.04);

}

/* About Us Page Fifth Section */
.expertise-premium-section{

    padding:110px 0;

    background:#ffffff;

}

.expertise-premium-heading{

    max-width:850px;

    margin:0 auto 80px;

    text-align:center;

}

.expertise-premium-heading span{

    color:#006d77;

    font-size:25px;

    font-weight:900;

    letter-spacing:3px;

    position:relative;

    display:inline-block;

    padding-bottom:15px;

}

.expertise-premium-heading span::after{

    content:"";

    position:absolute;

    left:50%;

    bottom:0;

    transform:translateX(-50%);

    width:70px;

    height:4px;

    background:#006d77;

    border-radius:10px;

}

.expertise-premium-heading h2{

    margin:25px 0 20px;

    font-size:38px;

    line-height:1.2;

    font-weight:900;

    color:#12202b;

}

.expertise-premium-heading h2 strong{

    color:#006d77;

}

.expertise-premium-heading p{

    color:#59656d;

    font-size:16px;

    line-height:1.8;

}

.expertise-premium-wrapper{

    display:grid;

    grid-template-columns:380px 1fr;

    gap:70px;

    align-items:center;

}

.expertise-center{

    display:flex;

    justify-content:center;

}

.expertise-core{

    width:300px;

    height:300px;

    border-radius:50%;

    background:#10212b;

    color:#ffffff;

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

    text-align:center;

    padding:40px;

    position:relative;

    box-shadow:0 25px 60px rgba(16,33,43,.18);

}

.expertise-core::before{

    content:"";

    position:absolute;

    inset:-15px;

    border-radius:50%;

    border:1px dashed #006d77;

}

.expertise-core i{

    width:70px;

    height:70px;

    border-radius:20px;

    background:#006d77;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:30px;

    margin-bottom:20px;

}

.expertise-core h3{

    margin:0 0 12px;

    font-size:25px;

    font-weight:900;

}

.expertise-core p{

    margin:0;

    color:#d5e1e3;

    font-size:14px;

    line-height:1.7;

}

.expertise-items{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:25px;

}

.expertise-item{

    background:#f7fbfb;

    padding:30px;

    border-radius:25px;

    display:flex;

    gap:20px;

    align-items:center;

    border:1px solid rgba(0,109,119,.12);

    transition:.35s ease;

}

.expertise-item:hover{

    transform:translateY(-8px);

    background:#10212b;

    box-shadow:0 20px 45px rgba(16,33,43,.15);

}

.expertise-item:hover h4{

    color:#ffffff;

}

.expertise-item:hover p{

    color:#d5e1e3;

}

.expertise-icon{

    min-width:55px;

    height:55px;

    border-radius:16px;

    background:#006d77;

    color:#ffffff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:22px;

}

.expertise-item h4{

    margin:0 0 8px;

    font-size:20px;

    font-weight:900;

    color:#12202b;

    transition:.35s ease;

}

.expertise-item p{

    margin:0;

    color:#59656d;

    font-size:13px;

    line-height:1.6;

    transition:.35s ease;

}

@media(max-width:991px){

    .expertise-premium-wrapper{

        grid-template-columns:1fr;

        gap:50px;

    }

    .expertise-items{

        grid-template-columns:1fr 1fr;

    }

}

@media(max-width:768px){

    .expertise-premium-section{

        padding:70px 0;

    }

    .expertise-premium-heading h2{

        font-size:32px;

    }

    .expertise-core{

        width:250px;

        height:250px;

    }

    .expertise-items{

        grid-template-columns:1fr;

    }

    .expertise-item{

        padding:25px;

    }

}

.expertise-item{

    background:#ffffff;

    border:1px solid #d6eeee;

    border-radius:28px;

    padding:32px;

    position:relative;

    overflow:hidden;

    box-shadow:
    0 18px 45px rgba(0,109,119,.12);

    transition:.4s ease;

}

.expertise-item::before{

    content:"";

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:4px;

    background:linear-gradient(
        90deg,
        #006d77,
        #0bb7c5
    );

}

.expertise-item h4{

    color:#10212b !important;

    font-size:21px;

    font-weight:900;

}

.expertise-item p{

    color:#59656d !important;

}

.expertise-icon{

    background:#006d77;

    box-shadow:
    0 10px 25px rgba(0,109,119,.25);

    transition:.35s ease;

}

.expertise-item:hover{

    background:#10212b;

    transform:translateY(-12px);

    border-color:#0bb7c5;

    box-shadow:
    0 30px 60px rgba(0,109,119,.25);

}

.expertise-item:hover h4{

    color:#ffffff !important;

}

.expertise-item:hover p{

    color:#d8e5e7 !important;

}

.expertise-item:hover .expertise-icon{

    background:#0bb7c5;

    transform:scale(1.12) rotate(5deg);

}

.expertise-item::after{

    content:"";

    position:absolute;

    width:140px;

    height:140px;

    right:-50px;

    bottom:-50px;

    background:rgba(0,109,119,.08);

    border-radius:50%;

    transition:.4s ease;

}

.expertise-item:hover::after{

    background:rgba(11,183,197,.15);

    transform:scale(1.3);

}

.expertise-core{

    background:
    radial-gradient(
        circle at top,
        #123945,
        #071f29
    );

    border:1px solid rgba(11,183,197,.35);

    box-shadow:
    0 25px 60px rgba(7,31,41,.30);

    transition:.4s ease;

}

.expertise-core::before{

    border:1px dashed rgba(11,183,197,.7);

    animation:none;

}

.expertise-core i{

    background:linear-gradient(
        135deg,
        #0bb7c5,
        #006d77
    );

    box-shadow:
    0 10px 25px rgba(11,183,197,.35);

    transition:.35s ease;

}

.expertise-core:hover{

    transform:translateY(-8px);

    box-shadow:
    0 35px 70px rgba(0,109,119,.35);

}

.expertise-core:hover i{

    transform:scale(1.08);

}

/* About Us Page Sixth Section */
.strength-section{

    padding:110px 0;

    background:#f7fbfb;

}

.strength-heading{

    max-width:850px;

    margin:0 auto 80px;

    text-align:center;

}

.strength-heading span{

    color:#006d77;

    font-size:25px;

    font-weight:900;

    letter-spacing:3px;

    display:inline-block;

    position:relative;

    padding-bottom:15px;

}

.strength-heading span::after{

    content:"";

    position:absolute;

    left:50%;

    bottom:0;

    transform:translateX(-50%);

    width:70px;

    height:4px;

    background:#006d77;

    border-radius:10px;

}

.strength-heading h2{

    margin:25px 0 20px;

    font-size:38px;

    line-height:1.2;

    font-weight:900;

    color:#12202b;

}

.strength-heading h2 strong{

    color:#006d77;

}

.strength-heading p{

    color:#59656d;

    font-size:16px;

    line-height:1.8;

}

.strength-wrapper{

    display:grid;

    grid-template-columns:.9fr 1.1fr;

    gap:50px;

    align-items:center;

}

.strength-main{

    background:#10212b;

    padding:50px;

    border-radius:35px;

    color:#ffffff;

    position:relative;

    overflow:hidden;

    box-shadow:0 25px 60px rgba(16,33,43,.18);

}

.strength-main::after{

    content:"";

    position:absolute;

    width:220px;

    height:220px;

    right:-70px;

    bottom:-70px;

    background:rgba(11,183,197,.15);

    border-radius:50%;

}

.strength-number{

    font-size:70px;

    font-weight:900;

    color:#0bb7c5;

    line-height:1;

    margin-bottom:25px;

}

.strength-main h3{

    font-size:32px;

    font-weight:900;

    margin:0 0 15px;

}

.strength-main p{

    color:#d5e1e3;

    font-size:15px;

    line-height:1.8;

}

.strength-list{

    display:flex;

    flex-direction:column;

    gap:22px;

}

.strength-item{

    background:#ffffff;

    border:1px solid rgba(0,109,119,.15);

    padding:25px;

    border-radius:25px;

    display:flex;

    gap:25px;

    align-items:flex-start;

    transition:.35s ease;

}

.strength-item span{

    min-width:55px;

    height:55px;

    background:#006d77;

    color:#ffffff;

    border-radius:18px;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:18px;

    font-weight:900;

}

.strength-item h4{

    margin:0 0 8px;

    font-size:21px;

    color:#12202b;

    font-weight:900;

}

.strength-item p{

    margin:0;

    color:#59656d;

    font-size:14px;

    line-height:1.7;

}

.strength-item:hover{

    transform:translateX(10px);

    background:#10212b;

    border-color:#006d77;

    box-shadow:0 20px 40px rgba(0,109,119,.18);

}

.strength-item:hover h4{

    color:#ffffff;

}

.strength-item:hover p{

    color:#d5e1e3;

}

.strength-item:hover span{

    background:#0bb7c5;

}

@media(max-width:991px){

    .strength-wrapper{

        grid-template-columns:1fr;

    }

}

@media(max-width:768px){

    .strength-section{

        padding:70px 0;

    }

    .strength-heading h2{

        font-size:32px;

    }

    .strength-main{

        padding:35px;

    }

    .strength-main h3{

        font-size:26px;

    }

    .strength-item{

        padding:20px;

    }

}

.strength-item{

    position:relative;

    overflow:hidden;

}

.strength-item::before{

    content:"";

    position:absolute;

    top:20px;

    left:0;

    width:5px;

    height:55px;

    background:linear-gradient(
        180deg,
        #0bb7c5,
        #006d77
    );

    border-radius:0 10px 10px 0;

}

/* About Us Page Seventh Section */
.infra-resource-showcase{

    padding:120px 0;

    background:
    linear-gradient(
        135deg,
        #061b23,
        #102f38
    );

    overflow:hidden;

}

.resource-show-head{

    max-width:850px;

    margin:0 auto 80px;

    text-align:center;

}

.resource-show-head span{

    color:#0bb7c5;

    font-size:15px;

    font-weight:900;

    letter-spacing:3px;

    position:relative;

    display:inline-block;

    padding-bottom:15px;

}

.resource-show-head span::after{

    content:"";

    position:absolute;

    left:50%;

    bottom:0;

    transform:translateX(-50%);

    width:70px;

    height:4px;

    background:#0bb7c5;

    border-radius:20px;

}

.resource-show-head h2{

    margin:25px 0 20px;

    color:#ffffff;

    font-size:44px;

    line-height:1.2;

    font-weight:900;

}

.resource-show-head h2 strong{

    color:#0bb7c5;

}

.resource-show-head p{

    color:#bfd4d8;

    font-size:16px;

    line-height:1.8;

}

.resource-number-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:30px;

}

.resource-number-card{

    padding:45px 35px;

    border-radius:30px;

    background:rgba(255,255,255,.06);

    border:1px solid rgba(255,255,255,.15);

    position:relative;

    overflow:hidden;

    transition:.4s ease;

}

.resource-number-card::before{

    content:"";

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:4px;

    background:#006d77;

}

.resource-number-card span{

    font-size:55px;

    font-weight:900;

    color:#0bb7c5;

    display:block;

    margin-bottom:20px;

}

.resource-number-card h3{

    color:#ffffff;

    font-size:25px;

    font-weight:900;

    margin-bottom:12px;

}

.resource-number-card p{

    color:#bfd4d8;

    font-size:14px;

    line-height:1.8;

}

.resource-number-card.active{

    background:

    linear-gradient(
        145deg,
        #006d77,
        #08343d
    );

    transform:translateY(-15px);

}

.resource-number-card.active::before{

    background:#0bb7c5;

}

.resource-number-card.active span{

    color:#ffffff;

}

.resource-number-card:hover{

    transform:translateY(-12px);

    border-color:#0bb7c5;

    box-shadow:

    0 30px 60px rgba(0,0,0,.35);

}

.resource-bottom-banner{

    margin-top:70px;

    padding:45px;

    border-radius:35px;

    background:#ffffff;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:30px;

}

.resource-bottom-banner h3{

    max-width:500px;

    color:#12202b;

    font-size:30px;

    font-weight:900;

}

.resource-bottom-banner strong{

    color:#006d77;

    font-size:38px;

    font-weight:900;

}

@media(max-width:991px){

    .resource-number-grid{

        grid-template-columns:1fr;

    }

    .resource-number-card.active{

        transform:none;

    }

    .resource-bottom-banner{

        flex-direction:column;

        text-align:center;

    }

}

@media(max-width:768px){

    .infra-resource-showcase{

        padding:70px 0;

    }

    .resource-show-head h2{

        font-size:32px;

    }

    .resource-number-card{

        padding:35px 25px;

    }

}

.resource-bottom-banner{

    padding:40px 55px;

    border-radius:35px;

    background:#ffffff;

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:45px;

    position:relative;

    overflow:hidden;

    border:1px solid rgba(0,109,119,.15);

    box-shadow:
    0 25px 60px rgba(0,109,119,.16);

}

.resource-bottom-banner::before{

    content:"";

    position:absolute;

    width:170px;

    height:170px;

    left:-70px;

    top:-70px;

    background:rgba(11,183,197,.08);

    border-radius:50%;

}

.resource-bottom-banner::after{

    content:"";

    position:absolute;

    width:190px;

    height:190px;

    right:-80px;

    bottom:-80px;

    background:rgba(0,109,119,.10);

    border-radius:50%;

}

.resource-banner-text{

    max-width:500px;

    position:relative;

    z-index:2;

}

.resource-banner-text h3{

    margin:0 0 12px;

    font-size:32px;

    line-height:1.15;

    font-weight:900;

    color:#12202b;

}

.resource-banner-text p{

    margin:0;

    color:#59656d;

    font-size:15px;

    line-height:1.7;

}

.resource-banner-points{

    position:relative;

    z-index:2;

    display:flex;

    flex-direction:column;

    gap:12px;

}

.resource-banner-points div{

    min-width:300px;

    padding:12px 18px;

    display:flex;

    align-items:center;

    gap:15px;

    background:#f5fafb;

    border-radius:15px;

    border:1px solid rgba(0,109,119,.12);

    transition:.35s ease;

}

.resource-banner-points span{

    width:34px;

    height:34px;

    border-radius:50%;

    background:linear-gradient(
        135deg,
        #0bb7c5,
        #006d77
    );

    color:#ffffff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:15px;

    font-weight:900;

    box-shadow:
    0 8px 18px rgba(0,109,119,.22);

}

.resource-banner-points p{

    margin:0;

    color:#12202b;

    font-size:14px;

    font-weight:800;

}

.resource-banner-points div:hover{

    transform:translateX(-6px);

    background:#10212b;

}

.resource-banner-points div:hover p{

    color:#ffffff;

}

.resource-banner-points div:hover span{

    background:#0bb7c5;

}

.resource-bottom-banner:hover{

    transform:translateY(-5px);

    transition:.35s ease;

}

@media(max-width:768px){

    .resource-bottom-banner{

        flex-direction:column;

        padding:30px 25px;

        align-items:flex-start;

    }

    .resource-banner-text h3{

        font-size:26px;

    }

    .resource-banner-points div{

        min-width:auto;

    }

}

/* About Us Page Eight Section */
.quality-framework-section{

    padding:120px 0;

    background:#f7fbfb;

}

.quality-framework-head{

    max-width:900px;

    margin:0 auto 80px;

    text-align:center;

}

.quality-framework-head span{

    color:#006d77;

    font-size:15px;

    font-weight:900;

    letter-spacing:3px;

    display:inline-block;

    position:relative;

    padding-bottom:15px;

}

.quality-framework-head span::after{

    content:"";

    position:absolute;

    left:50%;

    bottom:0;

    transform:translateX(-50%);

    width:75px;

    height:4px;

    background:#006d77;

    border-radius:20px;

}

.quality-framework-head h2{

    margin:25px 0 20px;

    color:#12202b;

    font-size:44px;

    line-height:1.2;

    font-weight:900;

}

.quality-framework-head h2 strong{

    color:#006d77;

}

.quality-framework-head p{

    color:#59656d;

    font-size:16px;

    line-height:1.8;

}

.quality-process{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:0;

}

.quality-step{

    width:230px;

    text-align:center;

    position:relative;

}

.step-icon{

    width:85px;

    height:85px;

    margin:0 auto 25px;

    border-radius:50%;

    background:#ffffff;

    border:2px solid #006d77;

    color:#006d77;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:32px;

    box-shadow:

    0 15px 35px rgba(0,109,119,.15);

    transition:.35s ease;

}

.quality-step:hover .step-icon{

    background:#006d77;

    color:#ffffff;

    transform:translateY(-8px);

}

.quality-step h3{

    margin:0 0 12px;

    color:#12202b;

    font-size:22px;

    font-weight:900;

}

.quality-step p{

    margin:0;

    color:#59656d;

    font-size:14px;

    line-height:1.7;

}

.step-line{

    width:80px;

    height:2px;

    background:#0bb7c5;

    position:relative;

}

.step-line::after{

    content:"";

    position:absolute;

    right:0;

    top:-4px;

    width:10px;

    height:10px;

    background:#006d77;

    border-radius:50%;

}

.quality-bottom-strip{

    margin-top:80px;

    padding:35px 50px;

    background:#12202b;

    border-radius:30px;

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:30px;

}

.quality-bottom-strip h3{

    margin:0;

    color:#ffffff;

    font-size:28px;

    font-weight:900;

}

.quality-bottom-strip span{

    color:#0bb7c5;

    font-weight:800;

    font-size:15px;

}

@media(max-width:991px){

    .quality-process{

        flex-direction:column;

        gap:35px;

    }

    .step-line{

        width:2px;

        height:50px;

    }

    .quality-bottom-strip{

        flex-direction:column;

        text-align:center;

    }

}

@media(max-width:768px){

    .quality-framework-section{

        padding:70px 0;

    }

    .quality-framework-head h2{

        font-size:32px;

    }

    .quality-bottom-strip{

        padding:30px 25px;

    }

    .quality-bottom-strip h3{

        font-size:23px;

    }

}

.quality-bottom-strip{

    position:relative;

    overflow:hidden;

    backdrop-filter:blur(8px);

}

.quality-bottom-strip::before{

    content:"";

    position:absolute;

    top:0;

    left:50px;

    width:120px;

    height:3px;

    background:linear-gradient(
        90deg,
        #0bb7c5,
        transparent
    );

    border-radius:20px;

}

.quality-bottom-strip h3{

    letter-spacing:-.5px;

}

.quality-bottom-strip span{

    padding:12px 20px;

    background:rgba(11,183,197,.10);

    border-radius:30px;

    border:1px solid rgba(11,183,197,.25);

}

.quality-bottom-strip:hover{

    border-color:rgba(11,183,197,.45);

}

.quality-bottom-strip:hover span{

    background:rgba(11,183,197,.18);

    transition:.35s ease;

}

@media(max-width:768px){

    .quality-bottom-strip span{

        padding:10px 15px;

    }

}

/* Quality & Safety Page Banner Section */
/* .quality-safety-banner{

    height:75vh;
    position:relative;
    overflow:hidden;

} */

.quality-safety-banner{

    height:75vh;
    position:relative;
    overflow:hidden;

    background:
    linear-gradient(
        135deg,
        #1f2933 0%,
        #123b44 45%,
        var(--accent) 100%
    );

}

.quality-safety-banner img{

    width:100%;
    height:100%;
    object-fit:cover;

}

.quality-safety-banner-overlay{

    position:absolute;
    inset:0;

    background:
    linear-gradient(
        90deg,
        rgba(16,33,43,.85),
        rgba(0,117,130,.35)
    );

}

.quality-safety-banner-content{

    position:absolute;

    top:50%;
    left:0;

    transform:translateY(-50%);

    width:100%;

    text-align:center;

    color:#fff;

}

.quality-safety-banner-content h1{

    font-size:60px;

    font-weight:900;

    margin-bottom:25px;

}

.quality-safety-breadcrumb{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:15px;

    font-size:17px;

    font-weight:700;

}

.quality-safety-breadcrumb i{

    color:#0bb7c5;

    font-style:normal;

}

@media(max-width:991px){

   .quality-safety-banner{

        height:500px;

    }

    .quality-safety-banner-content h1{

        font-size:45px;

    }

}

@media(max-width:768px){

    .quality-safety-banner{

        height:500px;

    }

    .quality-safety-banner-content h1{

        font-size:38px;

    }

    .quality-safety-breadcrumb{

        font-size:14px;

    }

}

@media(max-width:576px){

    .quality-safety-banner{

        height:420px;

    }

    .quality-safety-banner-content h1{

        font-size:32px;

    }

}

@media(max-width:480px){

    .quality-safety-banner-content h1{

        font-size:29px;

    }

}

@media(max-width:360px){

    .quality-safety-banner{

        height:380px;

    }

    .quality-safety-banner-content h1{

        font-size:28px;

    }

}

@media(max-width:300px){

    .quality-safety-banner{

        height:320px;

    }

    .quality-safety-banner-content h1{

        font-size:24px;

    }

}

/* Quality & Safety Page First Section */
.qs-main-hero{

    padding:110px 0;

    background:#f7fbfb;

    position:relative;

    overflow:hidden;

}

.qs-main-hero::before{

    content:"";

    position:absolute;

    width:300px;

    height:300px;

    top:-100px;

    right:-100px;

    background:rgba(0,109,119,.08);

    border-radius:50%;

}

.qs-hero-layout{

    display:grid;

    grid-template-columns:1fr 520px;

    gap:70px;

    align-items:center;

}

.qs-hero-info{

    max-width:620px;

}

.qs-main-tag{

    display:inline-block;

    color:#006d77;

    font-size:25px;

    font-weight:900;

    letter-spacing:3px;

    position:relative;

    padding-bottom:12px;

}

.qs-main-tag::after{

    content:"";

    position:absolute;

    left:0;

    bottom:0;

    width:65px;

    height:3px;

    background:#006d77;

    border-radius:20px;

}

.qs-hero-info h1{

    margin:25px 0 20px;

    font-size:45px;

    line-height:1.15;

    font-weight:900;

    color:#12202b;

}

.qs-hero-info h1 strong{

    color:#006d77;

}

.qs-hero-info p{

    font-size:16px;

    color:#59656d;

    line-height:1.8;

    margin-bottom:35px;

}

.qs-hero-points{

    display:flex;

    gap:35px;

}

.qs-point{

    display:flex;

    align-items:center;

    gap:12px;

}

.qs-point i{

    width:45px;

    height:45px;

    background:#006d77;

    color:white;

    border-radius:14px;

    display:flex;

    align-items:center;

    justify-content:center;

}

.qs-point h4{

    margin:0 0 4px;

    color:#12202b;

    font-size:15px;

    font-weight:900;

}

.qs-point span{

    color:#59656d;

    font-size:12px;

}

.qs-hero-dashboard{

    position:relative;

    height:560px;

}

.qs-image-card{

    width:100%;

    height:560px;

    border-radius:40px;

    overflow:hidden;

    position:absolute;

    inset:0;

}

.qs-image-card img{

    width:100%;

    height:100%;

    object-fit:cover;

}

.qs-image-card::after{

    content:"";

    position:absolute;

    inset:0;

    background:

    linear-gradient(
        180deg,
        rgba(0,0,0,.05),
        rgba(0,0,0,.25)
    );

}

.qs-dashboard-card{

    position:absolute;

    right:-45px;

    bottom:45px;

    width:280px;

    background:#ffffff;

    padding:32px;

    border-radius:30px;

    z-index:3;

    box-shadow:

    0 30px 70px rgba(0,0,0,.18);

}

.qs-card-top{

    display:flex;

    justify-content:space-between;

    align-items:center;

}

.qs-card-top span{

    font-size:11px;

    font-weight:900;

    letter-spacing:2px;

    color:#006d77;

}

.qs-card-top i{

    width:32px;

    height:32px;

    border-radius:50%;

    background:#006d77;

    color:white;

    display:flex;

    justify-content:center;

    align-items:center;

}

.qs-dashboard-card h2{

    margin:25px 0 0;

    font-size:60px;

    color:#006d77;

    font-weight:900;

}

.qs-dashboard-card p{

    margin:0;

    color:#12202b;

    font-weight:800;

}

.qs-progress{

    height:7px;

    background:#e5f2f3;

    border-radius:20px;

    margin:20px 0;

}

.qs-progress span{

    display:block;

    width:100%;

    height:100%;

    background:#0bb7c5;

    border-radius:20px;

}

.qs-dashboard-list div{

    margin:12px 0;

    font-size:13px;

    font-weight:800;

    color:#12202b;

}

.qs-dashboard-list i{

    color:#006d77;

    margin-right:8px;

}

.qs-floating-label{

    position:absolute;

    left:-35px;

    bottom:55px;

    background:#10212b;

    padding:20px 25px;

    border-radius:20px;

    color:white;

    z-index:4;

}

.qs-floating-label strong{

    color:#0bb7c5;

    display:block;

    font-size:18px;

}

.qs-floating-label span{

    font-size:12px;

}

.qs-dashboard-card:hover{

    transform:translateY(-8px);

    transition:.35s ease;

}

@media(max-width:991px){

    .qs-hero-layout{

        grid-template-columns:1fr;

    }

    .qs-hero-dashboard{

        width:100%;

    }

    .qs-dashboard-card{

        right:20px;

    }

}

@media(max-width:768px){

    .qs-hero-info h1{

        font-size:34px;

    }

    .qs-hero-points{

        flex-direction:column;

    }

    .qs-hero-dashboard{

        height:450px;

    }

    .qs-image-card{

        height:450px;

    }

    .qs-dashboard-card{

        position:absolute;

        width:240px;

        padding:25px;

    }

}

.qs-image-card{

    z-index:1;

}

.qs-image-card img{

    display:block;

    object-position:center;

}

.qs-dashboard-card{

    width:210px;

    padding:22px;

    right:-25px;

    bottom:35px;

    border-radius:22px;

    z-index:5;

}

.qs-card-top span{

    font-size:9px;

}

.qs-card-top i{

    width:25px;

    height:25px;

    font-size:11px;

}

.qs-dashboard-card h2{

    font-size:42px;

    margin:18px 0 3px;

}

.qs-dashboard-card p{

    font-size:12px;

}

.qs-progress{

    height:5px;

    margin:15px 0;

}

.qs-dashboard-list div{

    font-size:11px;

    margin:8px 0;

}

.qs-floating-label{

    left:-15px;

    bottom:25px;

    padding:12px 18px;

    border-radius:15px;

}

.qs-floating-label strong{

    font-size:13px;

}

.qs-floating-label span{

    font-size:9px;

}

.qs-hero-dashboard{

    overflow:visible;

}

.qs-image-card{

    height:500px;

    border-radius:30px;

}

.qs-main-hero{

    position:relative;

}

.qs-main-hero::after{

    content:"";

    position:absolute;

    width:250px;

    height:250px;

    right:5%;

    bottom:-80px;

    background:rgba(11,183,197,.08);

    border-radius:50%;

    filter:blur(10px);

}

.qs-image-card{

    box-shadow:
    0 35px 90px rgba(0,109,119,.20);

    transition:.4s ease;

}

.qs-image-card:hover{

    transform:translateY(-8px);

}

.qs-dashboard-card{

    border:1px solid rgba(11,183,197,.18);

    backdrop-filter:blur(8px);

}

.qs-card-top i{

    animation:qsPulse 2.5s infinite;

}

@keyframes qsPulse{

    0%{

        box-shadow:0 0 0 0 rgba(11,183,197,.4);

    }

    70%{

        box-shadow:0 0 0 12px rgba(11,183,197,0);

    }

    100%{

        box-shadow:0 0 0 0 rgba(11,183,197,0);

    }

}

.qs-point i{

    box-shadow:

    0 10px 25px rgba(0,109,119,.25);

}

.qs-hero-info,
.qs-hero-dashboard{

    animation:qsFadeUp .8s ease both;

}

@keyframes qsFadeUp{

    from{

        opacity:0;

        transform:translateY(25px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}

@media(max-width:768px){

    .qs-main-hero{

        padding:50px 15px;

        overflow:hidden;

    }

    .qs-hero-layout{

        display:flex;

        flex-direction:column;

        gap:35px;

    }

    .qs-hero-info{

        text-align:left;

    }

    .qs-main-tag{

        font-size:20px;

    }

    .qs-main-tag::after{

        left:0;

        transform:none;

    }

    .qs-hero-info h1{

        font-size:32px;

        line-height:1.18;

        text-align:left;

    }

    .qs-hero-info p{

        font-size:15px;

        line-height:1.7;

        text-align:left;

    }

    .qs-hero-points{

        align-items:flex-start;

        margin-top:30px;

        gap:15px;

    }

    .qs-point{

        max-width:100%;

        justify-content:flex-start;

    }

    .qs-hero-dashboard{

        height:390px;

        width:100%;

        margin-top:20px;

    }

    .qs-image-card{

        height:390px;

        width:100%;

        border-radius:25px;

    }

    .qs-image-card img{

        object-fit:cover;

        object-position:center;

    }

    .qs-dashboard-card{

        width:170px;

        right:5px;

        bottom:25px;

        padding:18px;

        border-radius:20px;

    }

    .qs-card-top span{

        font-size:8px;

    }

    .qs-card-top i{

        width:24px;

        height:24px;

        font-size:10px;

    }

    .qs-dashboard-card h2{

        font-size:34px;

        margin:15px 0 3px;

    }

    .qs-dashboard-card p{

        font-size:11px;

    }

    .qs-progress{

        margin:12px 0;

        height:4px;

    }

    .qs-dashboard-list div{

        font-size:9px;

        margin:7px 0;

    }

    .qs-floating-label{

        left:8px;

        bottom:18px;

        padding:12px 15px;

        border-radius:14px;

    }

    .qs-floating-label strong{

        font-size:12px;

    }

    .qs-floating-label span{

        font-size:9px;

    }

}

@media(max-width:768px){

    .qs-hero-info{

        text-align:center !important;

        padding:0 10px;

    }

    .qs-main-tag{

        display:inline-block;

        text-align:center;

    }

    .qs-main-tag::after{

        left:50% !important;

        transform:translateX(-50%) !important;

    }

    .qs-hero-info h1{

        text-align:center !important;

        margin-left:auto;

        margin-right:auto;

        max-width:350px;

    }

    .qs-hero-info p{

        text-align:center !important;

        margin-left:auto;

        margin-right:auto;

        max-width:350px;

    }

    .qs-hero-points{

        align-items:center !important;

    }

    .qs-point{

        justify-content:flex-start;

        text-align:left;

    }

}

@media(max-width:768px){

    .qs-hero-points{

        align-items:flex-start !important;

        width:100%;

    }

    .qs-point{

        justify-content:flex-start !important;

        text-align:left !important;

        margin-left:0;

    }

    .qs-point div{

        text-align:left !important;

    }

    .qs-point h4{

        text-align:left !important;

    }

    .qs-point span{

        text-align:left !important;

    }

}

@media(max-width:768px){

    .qs-dashboard-card{

        bottom:-25px !important;

        right:5px !important;

        width:160px !important;

        padding:16px !important;

        transform:scale(.95);

    }

    .qs-floating-label{

        bottom:-15px !important;

        left:8px !important;

        transform:scale(.9);

    }

}

@media(max-width:768px){

    .qs-hero-points{

        gap:28px !important;

    }

    .qs-point{

        margin-bottom:5px;

    }

}

/* Quality & Safety Page Second Section */
.safety-dashboard-section{

    padding:110px 0;

    background:#f7fbfb;

    position:relative;

    overflow:hidden;

}

.safety-dashboard-section::before{

    content:"";

    position:absolute;

    width:280px;

    height:280px;

    right:-100px;

    top:80px;

    background:rgba(0,109,119,.08);

    border-radius:50%;

}

.safety-dashboard-header{

    max-width:850px;

    margin:0 auto 70px;

    text-align:center;

}

.safety-dashboard-tag{

    display:inline-block;

    color:#006d77;

    font-size:25px;

    font-weight:900;

    letter-spacing:4px;

    padding-bottom:12px;

    position:relative;

}

.safety-dashboard-tag::after{

    content:"";

    position:absolute;

    width:65px;

    height:3px;

    background:#006d77;

    bottom:0;

    left:50%;

    transform:translateX(-50%);

}

.safety-dashboard-header h2{

    margin:25px 0 18px;

    font-size:38px;

    line-height:1.2;

    font-weight:900;

    color:#12202b;

}

.safety-dashboard-header h2 strong{

    color:#006d77;

}

.safety-dashboard-header p{

    color:#59656d;

    font-size:16px;

    line-height:1.8;

}

.safety-dashboard-wrap{

    display:grid;

    grid-template-columns:420px 1fr;

    gap:60px;

    align-items:center;

}

.safety-visual-panel{

    background:#10212b;

    min-height:420px;

    border-radius:45px;

    color:#ffffff;

    padding:45px;

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

    text-align:center;

    position:relative;

    box-shadow:

    0 30px 70px rgba(0,109,119,.25);

}

.safety-visual-panel::after{

    content:"";

    position:absolute;

    width:180px;

    height:180px;

    bottom:-60px;

    right:-50px;

    background:rgba(11,183,197,.18);

    border-radius:50%;

}

.safety-circle{

    width:90px;

    height:90px;

    border-radius:30px;

    background:linear-gradient(

        135deg,

        #0bb7c5,

        #006d77

    );

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:40px;

    margin-bottom:25px;

}

.safety-visual-panel h3{

    font-size:32px;

    margin:0 0 10px;

    font-weight:900;

}

.safety-visual-panel p{

    color:#d5e3e5;

    line-height:1.7;

}

.safety-score{

    margin-top:35px;

    padding:18px 35px;

    background:#ffffff;

    border-radius:20px;

    display:flex;

    flex-direction:column;

}

.safety-score strong{

    color:#006d77;

    font-size:42px;

    font-weight:900;

}

.safety-score span{

    color:#12202b;

    font-size:13px;

    font-weight:800;

}

.safety-feature-panel{

    display:flex;

    flex-direction:column;

    gap:22px;

}

.safety-feature-card{

    background:#ffffff;

    border-radius:28px;

    padding:28px;

    display:flex;

    align-items:center;

    gap:22px;

    border:1px solid rgba(0,109,119,.15);

    transition:.35s ease;

}

.safety-feature-card:hover{

    transform:translateX(10px);

    box-shadow:

    0 25px 55px rgba(0,109,119,.15);

    border-color:#0bb7c5;

}

.feature-icon{

    width:60px;

    height:60px;

    flex-shrink:0;

    border-radius:20px;

    background:#e8f7f8;

    color:#006d77;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:24px;

}

.safety-feature-card h4{

    margin:0 0 8px;

    color:#12202b;

    font-size:20px;

    font-weight:900;

}

.safety-feature-card p{

    margin:0;

    color:#59656d;

    font-size:14px;

    line-height:1.6;

}

@media(max-width:991px){

    .safety-dashboard-wrap{

        grid-template-columns:1fr;

        gap:35px;

    }

}

@media(max-width:768px){

    .safety-dashboard-section{

        padding:70px 15px;

    }

    .safety-dashboard-header h2{

        font-size:32px;

    }

    .safety-visual-panel{

        min-height:350px;

        padding:35px 25px;

    }

    .safety-feature-card{

        padding:22px;

    }

}

.safety-feature-panel{

    gap:24px !important;

}

.safety-feature-card{

    min-height:145px !important;

    padding:32px 38px !important;

    border-radius:32px !important;

    background:linear-gradient(
        135deg,
        #ffffff,
        #f4fbfb
    ) !important;

    border:1px solid rgba(0,109,119,.18) !important;

    position:relative;

    overflow:hidden;

    box-shadow:
    0 15px 40px rgba(0,109,119,.08);

}

.safety-feature-card::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:5px;

    height:100%;

    background:linear-gradient(
        #0bb7c5,
        #006d77
    );

}

.feature-icon{

    width:72px !important;

    height:72px !important;

    border-radius:24px !important;

    background:linear-gradient(
        135deg,
        #006d77,
        #0bb7c5
    ) !important;

    color:#ffffff !important;

    font-size:28px !important;

    box-shadow:

    0 15px 30px rgba(0,109,119,.25);

}

.safety-feature-card h4{

    font-size:24px !important;

    margin-bottom:10px !important;

    color:#10212b !important;

}

.safety-feature-card p{

    font-size:15px !important;

    color:#59656d !important;

    max-width:420px;

}

.safety-feature-card::after{

    width:140px !important;

    height:140px !important;

    right:-60px !important;

    bottom:-60px !important;

    background:rgba(0,109,119,.10) !important;

}

.safety-feature-card:hover{

    transform:translateY(-8px) !important;

    background:#ffffff !important;

    box-shadow:

    0 30px 70px rgba(0,109,119,.18);

}

.safety-visual-panel{

    background:

    linear-gradient(
        145deg,
        #071f2a,
        #103845
    ) !important;

}

.safety-score{

    border-radius:25px !important;

}

.safety-score strong{

    font-size:48px !important;

}

@media(max-width:768px){

    .safety-feature-card{

        padding:25px !important;

        min-height:120px !important;

    }

    .feature-icon{

        width:55px !important;

        height:55px !important;

        font-size:22px !important;

    }

    .safety-feature-card h4{

        font-size:20px !important;

    }

}

@media(max-width:768px){

    .safety-dashboard-tag{

        font-size:22px !important;

        letter-spacing:3px;

        padding-bottom:10px;

    }

    .safety-dashboard-tag::after{

        width:55px;

        height:3px;

    }

    .safety-dashboard-header h2{

        font-size:30px !important;

        line-height:1.2;

        margin:22px 0 15px;

    }

}

/* Quality & Safety Page Third Section */
.qc-matrix-section{

    padding:110px 0;

    background:

    linear-gradient(
        145deg,
        #061f29,
        #0d3440
    );

    position:relative;

    overflow:hidden;

}

.qc-matrix-section::before{

    content:"";

    position:absolute;

    width:350px;

    height:350px;

    right:-120px;

    top:-100px;

    background:rgba(11,183,197,.12);

    border-radius:50%;

}

.qc-matrix-header{

    max-width:850px;

    margin:0 auto 70px;

    text-align:center;

}

.qc-matrix-tag{

    color:#0bb7c5;

    font-size:25px;

    font-weight:900;

    letter-spacing:4px;

    display:inline-block;

    padding-bottom:12px;

    position:relative;

}

.qc-matrix-tag::after{

    content:"";

    position:absolute;

    width:70px;

    height:3px;

    background:#0bb7c5;

    bottom:0;

    left:50%;

    transform:translateX(-50%);

}

.qc-matrix-header h2{

    margin:25px 0 18px;

    color:#ffffff;

    font-size:38px;

    line-height:1.2;

    font-weight:900;

}

.qc-matrix-header h2 strong{

    color:#0bb7c5;

}

.qc-matrix-header p{

    color:#c6d8db;

    line-height:1.8;

}

.qc-score-panel{

    display:grid;

    grid-template-columns:320px 1fr;

    gap:35px;

    padding:40px;

    background:rgba(255,255,255,.06);

    border:1px solid rgba(255,255,255,.12);

    border-radius:35px;

    backdrop-filter:blur(10px);

    margin-bottom:50px;

}

.qc-score-content{

    background:#10212b;

    border-radius:30px;

    padding:35px;

    text-align:center;

    color:#ffffff;

}

.qc-score-content span{

    color:#0bb7c5;

    font-size:12px;

    letter-spacing:2px;

    font-weight:900;

}

.qc-score-content h3{

    margin:20px 0 5px;

    font-size:65px;

    color:#0bb7c5;

    font-weight:900;

}

.qc-score-content p{

    color:#d5e5e7;

}

.qc-score-details{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:20px;

    align-items:center;

}

.qc-score-details div{

    padding:30px 20px;

    border-radius:25px;

    background:rgba(255,255,255,.07);

    border:1px solid rgba(11,183,197,.20);

}

.qc-score-details strong{

    display:block;

    color:#ffffff;

    font-size:18px;

    margin-bottom:10px;

}

.qc-score-details span{

    color:#bcd0d4;

    font-size:14px;

}

.qc-process-flow{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:25px;

}

.qc-process-step{

    background:#ffffff;

    padding:35px 30px;

    border-radius:30px;

    display:flex;

    flex-direction:column;

    gap:20px;

    transition:.35s ease;

}

.qc-process-step:hover{

    transform:translateY(-10px);

    box-shadow:

    0 30px 60px rgba(0,0,0,.25);

}

.qc-step-number{

    width:55px;

    height:55px;

    border-radius:18px;

    background:#006d77;

    color:#ffffff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-weight:900;

}

.qc-process-step h4{

    margin:0;

    color:#12202b;

    font-size:22px;

    font-weight:900;

}

.qc-process-step p{

    margin:0;

    color:#59656d;

    line-height:1.7;

}

@media(max-width:991px){

    .qc-score-panel{

        grid-template-columns:1fr;

    }

    .qc-process-flow{

        grid-template-columns:1fr;

    }

}

@media(max-width:768px){

    .qc-matrix-section{

        padding:70px 15px;

    }

    .qc-matrix-header h2{

        font-size:32px;

    }

    .qc-score-panel{

        padding:20px;

    }

    .qc-score-details{

        grid-template-columns:1fr;

    }

}

.qc-score-panel{

    transition:.4s ease;

}

.qc-score-panel:hover{

    transform:translateY(-8px);

    border-color:rgba(11,183,197,.45);

    box-shadow:

    0 35px 80px rgba(0,0,0,.35);

}

.qc-score-content{

    position:relative;

    overflow:hidden;

}

.qc-score-content::before{

    content:"";

    position:absolute;

    width:150px;

    height:150px;

    right:-60px;

    top:-60px;

    background:rgba(11,183,197,.15);

    border-radius:50%;

}

.qc-score-content h3{

    text-shadow:

    0 0 25px rgba(11,183,197,.5);

}

.qc-score-details div{

    transition:.35s ease;

    position:relative;

    overflow:hidden;

}

.qc-score-details div::before{

    content:"";

    position:absolute;

    left:0;

    bottom:0;

    width:0%;

    height:3px;

    background:#0bb7c5;

    transition:.35s ease;

}

.qc-score-details div:hover::before{

    width:100%;

}

.qc-score-details div:hover{

    transform:translateY(-8px);

    background:rgba(11,183,197,.12);

}

.qc-process-step{

    position:relative;

    overflow:hidden;

    transition:.4s ease;

}

.qc-process-step::after{

    content:"";

    position:absolute;

    width:100px;

    height:100px;

    right:-40px;

    bottom:-40px;

    background:rgba(0,109,119,.10);

    border-radius:50%;

}

.qc-process-step:hover{

    transform:translateY(-12px);

    box-shadow:

    0 35px 70px rgba(0,0,0,.30);

}

.qc-step-number{

    transition:.35s ease;

}

.qc-process-step:hover .qc-step-number{

    transform:rotate(8deg) scale(1.1);

    background:#0bb7c5;

}

.qc-score-content,

.qc-score-details div,

.qc-process-step{

    animation:qcFade .7s ease both;

}

@keyframes qcFade{

    from{

        opacity:0;

        transform:translateY(20px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}

.qc-process-step{

    position:relative;

    border:1px solid rgba(0,109,119,.12);

    box-shadow:
    0 15px 35px rgba(0,0,0,.12);

    overflow:hidden;

    transition:.35s ease;

}

.qc-process-step::before{

    content:"";

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:4px;

    background:

    linear-gradient(
        90deg,
        #006d77,
        #0bb7c5
    );

}

.qc-process-step::after{

    content:"";

    position:absolute;

    width:120px;

    height:120px;

    right:-50px;

    bottom:-50px;

    background:rgba(0,109,119,.08);

    border-radius:50%;

}

.qc-process-step:hover{

    transform:translateY(-10px);

    box-shadow:

    0 30px 65px rgba(0,109,119,.22);

    border-color:#0bb7c5;

}

.qc-step-number{

    position:relative;

    z-index:2;

    box-shadow:

    0 12px 25px rgba(0,109,119,.25);

}

.qc-process-step h4{

    position:relative;

    z-index:2;

    transition:.3s ease;

}

.qc-process-step:hover h4{

    color:#006d77;

}

.qc-process-step p{

    position:relative;

    z-index:2;

}

@media(max-width:768px){

    .qc-matrix-tag{

        font-size:18px !important;

        letter-spacing:3px;

        padding-bottom:10px;

    }

    .qc-matrix-tag::after{

        width:55px;

        height:3px;

    }

    .qc-matrix-header h2{

        font-size:28px !important;

        line-height:1.2;

        margin:20px 0 15px;

    }

}

/* Quality & Safety Page Fourth Section */
.site-safety-command{

    padding:120px 0;

    background:#ffffff;

    position:relative;

    overflow:hidden;

}

.site-safety-command::before{

    content:"";

    position:absolute;

    width:420px;

    height:420px;

    right:-150px;

    top:80px;

    background:rgba(0,109,119,.06);

    border-radius:50%;

}

.site-safety-command-header{

    max-width:850px;

    text-align:center;

    margin:0 auto 80px;

}

.site-safety-command-tag{

    color:#006d77;

    font-size:25px;

    font-weight:900;

    letter-spacing:4px;

    position:relative;

    display:inline-block;

    padding-bottom:12px;

}

.site-safety-command-tag::after{

    content:"";

    position:absolute;

    width:70px;

    height:3px;

    background:#006d77;

    bottom:0;

    left:50%;

    transform:translateX(-50%);

}

.site-safety-command-header h2{

    margin:25px 0 18px;

    font-size:42px;

    line-height:1.2;

    font-weight:900;

    color:#12202b;

}

.site-safety-command-header h2 strong{

    color:#006d77;

}

.site-safety-command-header p{

    color:#59656d;

    line-height:1.8;

}

.safety-control-framework{

    max-width:1000px;

    margin:auto;

    display:grid;

    grid-template-columns:1fr 260px 1fr;

    grid-template-rows:auto auto auto;

    gap:35px;

    align-items:center;

}

.safety-module-card{

    background:#ffffff;

    border:1px solid rgba(0,109,119,.15);

    padding:28px;

    border-radius:28px;

    box-shadow:

    0 15px 35px rgba(0,109,119,.08);

    transition:.35s ease;

}

.safety-module-card:hover{

    transform:translateY(-8px);

    border-color:#0bb7c5;

    box-shadow:

    0 25px 55px rgba(0,109,119,.18);

}

.safety-module-icon{

    width:55px;

    height:55px;

    border-radius:18px;

    background:#e9f7f8;

    color:#006d77;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:22px;

    margin-bottom:18px;

}

.safety-module-card h4{

    margin:0 0 8px;

    font-size:20px;

    font-weight:900;

    color:#12202b;

}

.safety-module-card p{

    margin:0;

    color:#59656d;

    line-height:1.6;

    font-size:14px;

}

.safety-hub-card{

    grid-column:2;

    grid-row:2;

    background:

    linear-gradient(
        145deg,
        #006d77,
        #0bb7c5
    );

    color:#ffffff;

    padding:40px 25px;

    border-radius:40px;

    text-align:center;

    box-shadow:

    0 30px 70px rgba(0,109,119,.30);

}

.safety-hub-icon{

    width:75px;

    height:75px;

    margin:0 auto 20px;

    border-radius:25px;

    background:rgba(255,255,255,.18);

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:30px;

}

.safety-hub-card span{

    font-size:11px;

    letter-spacing:2px;

    font-weight:900;

}

.safety-hub-card h3{

    margin:18px 0 8px;

    font-size:35px;

}

.safety-hub-card p{

    margin:0;

}

.safety-compliance-box{

    margin:60px auto 0;

    width:max-content;

    padding:18px 45px;

    border-radius:40px;

    background:#12202b;

    color:#ffffff;

    display:flex;

    gap:25px;

    align-items:center;

}

.safety-compliance-box span{

    font-size:12px;

    font-weight:800;

}

.safety-compliance-box strong{

    color:#0bb7c5;

    font-size:28px;

}

.module-one{

    grid-column:1;

    grid-row:1;

}

.module-two{

    grid-column:3;

    grid-row:1;

}

.risk-card{

    grid-column:2;

    grid-row:3;

}

.module-three{

    grid-column:1;

    grid-row:3;

}

.module-four{

    grid-column:3;

    grid-row:3;

}

@media(max-width:991px){

    .safety-control-framework{

        grid-template-columns:1fr;

    }

    .safety-hub-card,
    .module-one,
    .module-two,
    .module-three,
    .module-four,
    .risk-card{

        grid-column:auto;

        grid-row:auto;

    }

}

@media(max-width:768px){

    .site-safety-command{

        padding:70px 15px;

    }

    .site-safety-command-header h2{

        font-size:32px;

    }

    .safety-module-card{

        padding:22px;

    }

}

.safety-control-framework{

    gap:35px !important;

    position:relative;

}

.safety-module-card{

    background:

    linear-gradient(
        145deg,
        #092832,
        #123f4a
    ) !important;

    border:1px solid rgba(11,183,197,.35);

    box-shadow:

    0 25px 60px rgba(0,0,0,.25);

    border-radius:28px;

    transition:.4s ease;

    position:relative;

    overflow:hidden;

}

.safety-module-card::before{

    content:"";

    position:absolute;

    width:120px;

    height:120px;

    right:-40px;

    bottom:-40px;

    background:rgba(11,183,197,.15);

    border-radius:50%;

}

.safety-module-card::after{

    content:"";

    position:absolute;

    width:70px;

    height:2px;

    background:

    linear-gradient(
        90deg,
        #0bb7c5,
        transparent
    );

    top:50%;

    right:-70px;

    opacity:.7;

}

.module-two::after,
.module-four::after{

    display:none;

}

.safety-module-card:hover{

    transform:

    translateY(-12px)
    scale(1.03);

    border-color:#0bb7c5;

    box-shadow:

    0 35px 80px rgba(11,183,197,.25);

}

.safety-module-icon{

    background:

    linear-gradient(
        135deg,
        #0bb7c5,
        #006d77
    ) !important;

    color:#ffffff !important;

    box-shadow:

    0 15px 35px rgba(11,183,197,.35);

}

.safety-module-card h4{

    color:#ffffff !important;

    font-weight:900;

}

.safety-module-card p{

    color:#c5d9dd !important;

}

.safety-hub-card{

    background:

    linear-gradient(
        145deg,
        #061f29,
        #006d77
    ) !important;

    border-radius:45px;

    transform:scale(1.12);

    border:1px solid rgba(11,183,197,.45);

    box-shadow:

    0 45px 100px rgba(0,109,119,.55);

}

.safety-hub-card:hover{

    transform:scale(1.18);

}

.safety-hub-card::before{

    content:"";

    position:absolute;

    inset:-12px;

    border-radius:55px;

    border:1px solid rgba(11,183,197,.35);

}

.safety-hub-card span{

    color:#bdf5fa !important;

}

.safety-hub-card h3{

    color:#ffffff !important;

}

.safety-hub-card p{

    color:#d5eef1 !important;

}

.safety-compliance-box{

    background:

    linear-gradient(
        135deg,
        #061f29,
        #123f4a
    ) !important;

    border:1px solid rgba(11,183,197,.35);

    box-shadow:

    0 25px 60px rgba(0,0,0,.35);

}

.safety-compliance-box strong{

    color:#0bb7c5 !important;

}

@media(max-width:768px){

    .safety-hub-card{

        transform:none;

    }

    .safety-hub-card:hover{


        transform:none;


    }

    .safety-module-card::after{

        display:none;

    }

}

.safety-hub-card{

    transform:translateY(-35px) scale(1.12) !important;

    z-index:5;

}

.safety-module-card{

    position:relative;

}

.module-one::after,
.module-three::after{

    content:"";

    position:absolute;

    width:80px;

    height:2px;

    right:-80px;

    top:50%;

    background:linear-gradient(
        90deg,
        #0bb7c5,
        rgba(11,183,197,.1)
    );

}

.module-two::before,
.module-four::before{

    content:"";

    position:absolute;

    width:80px;

    height:2px;

    left:-80px;

    top:50%;

    background:linear-gradient(
        90deg,
        rgba(11,183,197,.1),
        #0bb7c5
    );

}

.risk-card::before{

    content:"";

    position:absolute;

    width:2px;

    height:45px;

    top:-45px;

    left:50%;

    background:#0bb7c5;

}

.safety-control-framework{

    column-gap:45px !important;

    row-gap:45px !important;

}

@media(max-width:768px){

    .safety-hub-card{

        transform:none !important;

    }

    .module-one::after,
    .module-two::before,
    .module-three::after,
    .module-four::before,
    .risk-card::before{

        display:none;

    }

}

@media(max-width:768px){

    .site-safety-command-tag{

        font-size:15px !important;

        letter-spacing:3px;

        padding-bottom:10px;

    }

    .site-safety-command-tag::after{

        width:55px;

        height:2px;

    }

    .site-safety-command-header h2{

        font-size:28px !important;

        line-height:1.15;

        margin:20px 0 15px;

    }

}

/* Quality & Safety Page Fifth Section */
.standard-section{

    padding:120px 0;

    background:#ffffff;

    position:relative;

    overflow:hidden;

}

.standard-section::before{

    content:"";

    position:absolute;

    width:450px;

    height:450px;

    right:-180px;

    top:50px;

    background:rgba(0,109,119,.06);

    border-radius:50%;

}

.standard-header{

    max-width:850px;

    margin:0 auto 80px;

    text-align:center;

}

.standard-tag{

    color:#006d77;

    font-size:25px;

    font-weight:900;

    letter-spacing:4px;

    display:inline-block;

    position:relative;

    padding-bottom:12px;

}

.standard-tag::after{

    content:"";

    position:absolute;

    width:70px;

    height:3px;

    background:#006d77;

    bottom:0;

    left:50%;

    transform:translateX(-50%);

}

.standard-header h2{

    margin:25px 0 18px;

    font-size:40px;

    line-height:1.2;

    font-weight:900;

    color:#12202b;

}

.standard-header h2 strong{

    color:#006d77;

}

.standard-header p{

    color:#59656d;

    line-height:1.8;

}

.standard-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:30px;

}

.standard-card{

    padding:45px 35px;

    background:

    linear-gradient(
        145deg,
        #f8fcfc,
        #ffffff
    );

    border-radius:35px;

    border:1px solid rgba(0,109,119,.15);

    position:relative;

    overflow:hidden;

    transition:.4s ease;

}

.standard-card::before{

    content:"";

    position:absolute;

    width:130px;

    height:130px;

    right:-50px;

    bottom:-50px;

    background:rgba(0,109,119,.08);

    border-radius:50%;

}

.standard-card:hover{

    transform:translateY(-12px);

    box-shadow:

    0 35px 80px rgba(0,109,119,.18);

    border-color:#0bb7c5;

}

.standard-card.active{

    background:

    linear-gradient(
        145deg,
        #062b36,
        #006d77
    );

    color:#ffffff;

    transform:translateY(-20px);

    box-shadow:

    0 40px 90px rgba(0,109,119,.35);

}

.standard-card.active h3{

    color:#ffffff;

}

.standard-card.active p{

    color:#d8edef;

}

.standard-card.active span{

    color:#0bb7c5;

}

.standard-badge{

    width:80px;

    height:80px;

    border-radius:28px;

    background:#e7f7f8;

    color:#006d77;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:28px;

    font-weight:900;

    margin-bottom:25px;

}

.standard-card.active .standard-badge{

    background:rgba(255,255,255,.18);

    color:#ffffff;

}

.standard-card h3{

    font-size:24px;

    font-weight:900;

    color:#12202b;

    margin-bottom:12px;

}

.standard-card p{

    color:#59656d;

    line-height:1.7;

    margin-bottom:25px;

}

.standard-card span{

    color:#006d77;

    font-size:11px;

    font-weight:900;

    letter-spacing:2px;

}

.standard-timeline{

    margin-top:80px;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:25px;

}

.standard-step{

    width:130px;

    height:130px;

    border-radius:50%;


    background:#062b36;


    color:#ffffff;


    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;


    box-shadow:

    0 20px 50px rgba(0,0,0,.18);

}

.standard-step strong{

    color:#0bb7c5;

    font-size:30px;

}

.standard-step span{

    font-size:13px;

}

.standard-line{

    width:80px;

    height:2px;

    background:#0bb7c5;

}

@media(max-width:991px){

    .standard-grid{

        grid-template-columns:1fr;

    }

    .standard-card.active{

        transform:none;

    }

}

@media(max-width:768px){

    .standard-section{

        padding:70px 15px;

    }

    .standard-header h2{

        font-size:32px;

    }

    .standard-timeline{

        flex-direction:column;

    }

    .standard-line{

        width:2px;

        height:50px;

    }

}

.standard-card:not(.active){

    border:1px solid rgba(0,109,119,.25) !important;


    box-shadow:

    0 20px 45px rgba(0,109,119,.10);

}

.standard-card:not(.active):hover{

    border-color:#0bb7c5 !important;

    box-shadow:

    0 30px 70px rgba(0,109,119,.20);

}

.standard-card.active{

    border:1px solid rgba(11,183,197,.55);


    position:relative;

}

.standard-card.active::after{

    content:"";

    position:absolute;

    inset:-8px;

    border-radius:40px;

    border:1px solid rgba(11,183,197,.25);

    z-index:-1;

}

.standard-step{

    position:relative;

    transition:.35s ease;

}

.standard-step:hover{

    transform:translateY(-8px);


    box-shadow:

    0 30px 60px rgba(0,109,119,.35);

}

.standard-step strong{

    transition:.3s ease;

}

.standard-step:hover strong{

    color:#ffffff;

}

.standard-line{

    position:relative;

}

.standard-line::after{

    content:"";

    position:absolute;

    width:8px;

    height:8px;

    border-radius:50%;

    background:#0bb7c5;

    top:50%;

    right:0;

    transform:translateY(-50%);

}

.standard-step::before{

    content:"";

    position:absolute;

    inset:-8px;

    border-radius:50%;

    border:1px solid rgba(11,183,197,.25);

}

@media(max-width:768px){

    .standard-step:hover{

        transform:none;

    }

}

.standard-card:first-child,
.standard-card:last-child{

    border:1px solid rgba(0,109,119,.35) !important;

    box-shadow:

    0 20px 50px rgba(0,109,119,.12);

    position:relative;

    overflow:hidden;

}

.standard-card:first-child::before,
.standard-card:last-child::before{

    content:"";

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:3px;

    background:linear-gradient(
        90deg,
        #006d77,
        #0bb7c5
    );

}

.standard-card:first-child:hover,
.standard-card:last-child:hover{

    transform:translateY(-10px);

    border-color:#0bb7c5 !important;

    box-shadow:

    0 35px 80px rgba(0,109,119,.22);

}

.standard-card:first-child,
.standard-card:last-child{

    transition:.35s ease;

}

@media(max-width:768px){

    .standard-tag{

        font-size:22px !important;

        letter-spacing:3px;

        padding-bottom:10px;

    }

    .standard-tag::after{

        width:55px;

        height:2px;

    }

    .standard-header h2{

        font-size:30px !important;

        line-height:1.25;

        margin:20px 0 15px;

    }

}

@media(max-width:768px){

    .standard-tag{

        font-size:18px !important;

        letter-spacing:2px !important;

        white-space:nowrap;

    }

}

/* Quality & Safety Page Sixth Section */
.training-awareness-section{

    padding:120px 0;

    background:

    linear-gradient(
        135deg,
        #041f29,
        #073b46
    );

    position:relative;

    overflow:hidden;

}

.training-awareness-section::before{

    content:"";

    position:absolute;

    width:450px;

    height:450px;

    right:-180px;

    top:-100px;

    background:rgba(11,183,197,.12);

    border-radius:50%;

}

.training-awareness-header{

    max-width:850px;

    margin:0 auto 80px;

    text-align:center;

}

.training-awareness-tag{

    color:#0bb7c5;

    font-size:25px;

    font-weight:900;

    letter-spacing:4px;

    display:inline-block;

    position:relative;

    padding-bottom:12px;

}

.training-awareness-tag::after{

    content:"";

    position:absolute;

    width:70px;

    height:3px;

    background:#0bb7c5;

    bottom:0;

    left:50%;

    transform:translateX(-50%);

}

.training-awareness-header h2{

    margin:25px 0 18px;

    color:#ffffff;

    font-size:38px;

    line-height:1.2;

    font-weight:900;

}

.training-awareness-header h2 strong{

    color:#0bb7c5;

}

.training-awareness-header p{

    color:#c7dfe3;

    line-height:1.8;

}

.training-journey{

    display:grid;

    grid-template-columns:360px 1fr;

    gap:70px;

    align-items:center;

}

.training-core{

    padding:45px 35px;

    border-radius:40px;

    background:

    rgba(255,255,255,.08);

    border:1px solid rgba(11,183,197,.35);

    backdrop-filter:blur(12px);

    color:#ffffff;

    text-align:center;

    box-shadow:

    0 30px 80px rgba(0,0,0,.35);

}

.training-core-icon{

    width:85px;

    height:85px;

    margin:auto;

    border-radius:30px;

    background:

    linear-gradient(
        135deg,
        #0bb7c5,
        #006d77
    );

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:35px;

    margin-bottom:25px;

}

.training-core span{

    font-size:12px;

    letter-spacing:3px;

    font-weight:900;

    color:#0bb7c5;

}

.training-core h3{

    font-size:34px;

    margin:20px 0 15px;

}

.training-core p{

    color:#d5e8eb;

    line-height:1.7;

}

.training-road{

    position:relative;

    display:flex;

    flex-direction:column;

    gap:25px;

}

.training-road::before{

    content:"";

    position:absolute;

    left:32px;

    top:35px;

    bottom:35px;

    width:2px;

    background:

    linear-gradient(
        to bottom,
        #0bb7c5,
        rgba(11,183,197,.15)
    );

}

.training-step{

    display:flex;

    align-items:center;

    gap:25px;

    padding:25px 30px;

    background:

    rgba(255,255,255,.06);

    border:1px solid rgba(255,255,255,.12);

    border-radius:25px;

    position:relative;

    transition:.35s ease;

}

.training-step:hover{

    transform:translateX(12px);

    border-color:#0bb7c5;

    background:

    rgba(11,183,197,.12);

}

.step-number{

    width:65px;

    height:65px;

    flex-shrink:0;

    border-radius:50%;

    background:#0bb7c5;

    color:#062b36;

    display:flex;

    align-items:center;

    justify-content:center;

    font-weight:900;

    font-size:20px;

    position:relative;

    z-index:2;

}

.training-step h4{

    color:#ffffff;

    font-size:22px;

    margin:0 0 8px;

}

.training-step p{

    color:#c8dadd;

    margin:0;

    line-height:1.6;

}

.training-message{

    margin-top:70px;

    padding:25px;

    border-radius:30px;

    text-align:center;

    background:rgba(255,255,255,.06);

    border:1px solid rgba(11,183,197,.25);

}

.training-message strong{

    color:#0bb7c5;

    display:block;

    font-size:22px;

}

.training-message span{

    color:#ffffff;

}

@media(max-width:991px){

    .training-journey{

        grid-template-columns:1fr;

    }

}

@media(max-width:768px){

    .training-awareness-section{

        padding:70px 15px;

    }

    .training-awareness-header h2{

        font-size:32px;

    }

    .training-step{

        padding:20px;

    }

}

.training-core{

    position:relative;

    overflow:hidden;

    transition:.4s ease;

}

.training-core::before{

    content:"";

    position:absolute;

    width:180px;

    height:180px;

    right:-70px;

    top:-70px;

    background:rgba(11,183,197,.18);

    border-radius:50%;

    transition:.5s ease;

}

.training-core:hover{

    transform:translateY(-12px);

    border-color:#0bb7c5;

    box-shadow:

    0 35px 90px rgba(11,183,197,.35);

}

.training-core:hover::before{

    transform:scale(1.4);

}

.training-core-icon{

    transition:.35s ease;

}

.training-core:hover .training-core-icon{

    transform:scale(1.12) rotate(5deg);

    box-shadow:

    0 20px 45px rgba(11,183,197,.45);

}

.training-message{

    max-width:520px;

    margin:60px auto 0 !important;

    padding:25px 35px !important;

    border-radius:28px;

    transition:.35s ease;

    text-align:center;

}

.training-message:hover{

    transform:translateY(-8px);

    border-color:#0bb7c5;

    box-shadow:

    0 25px 60px rgba(11,183,197,.25);

}

.training-message strong{

    font-size:20px !important;

    letter-spacing:1px;

}

.training-message span{

    font-size:14px;

    opacity:.9;

}

@media(max-width:768px){

    .training-message{

        max-width:100%;

        padding:22px 20px !important;

    }

}

@media(max-width:768px){

    .training-awareness-tag{

        font-size:18px !important;

        letter-spacing:3px !important;

        white-space:nowrap;

    }

    .training-awareness-tag::after{

        width:55px;

        height:2px;

    }

    .training-awareness-header h2{

        font-size:30px !important;

        line-height:1.25 !important;

        margin:20px 0 15px !important;

    }

}

/* Equipment Page Banner Section */
/* .equipment-banner{

    height:75vh;
    position:relative;
    overflow:hidden;

} */

.equipment-banner{

    height:75vh;
    position:relative;
    overflow:hidden;

    background:
    linear-gradient(
        135deg,
        #1f2933 0%,
        #123b44 45%,
        var(--accent) 100%
    );

}

.equipment-banner img{

    width:100%;
    height:100%;
    object-fit:cover;

}

.equipment-banner-overlay{

    position:absolute;
    inset:0;

    background:
    linear-gradient(
        90deg,
        rgba(16,33,43,.85),
        rgba(0,117,130,.35)
    );

}

.equipment-banner-content{

    position:absolute;

    top:50%;
    left:0;

    transform:translateY(-50%);

    width:100%;

    text-align:center;

    color:#fff;

}

.equipment-banner-content h1{

    font-size:60px;

    font-weight:900;

    margin-bottom:25px;

}

.equipment-breadcrumb{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:15px;

    font-size:17px;

    font-weight:700;

}

.equipment-breadcrumb i{

    color:#0bb7c5;

    font-style:normal;

}

@media(max-width:991px){

   .equipment-banner{

        height:500px;

    }

    .equipment-banner-content h1{

        font-size:45px;

    }

}

@media(max-width:768px){

    .equipment-banner{

        height:500px;

    }

    .equipment-banner-content h1{

        font-size:38px;

    }

    .equipment-breadcrumb{

        font-size:14px;

    }

}

@media(max-width:576px){

    .equipment-banner{

        height:420px;

    }

    .equipment-banner-content h1{

        font-size:32px;

    }

}

@media(max-width:480px){

    .equipment-banner-content h1{

        font-size:29px;

    }

}

@media(max-width:360px){

    .equipment-banner{

        height:380px;

    }

    .equipment-banner-content h1{

        font-size:28px;

    }

}

@media(max-width:300px){

    .equipment-banner{

        height:320px;

    }

    .equipment-banner-content h1{

        font-size:24px;

    }

}

/* Equipment Page First Section */
.equipment-hero-overview{

    padding:120px 0;

    background:#ffffff;

    overflow:hidden;

}




.equipment-hero-wrapper{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:55px;

    align-items:center;

}





/* IMAGE SIDE */


.equipment-image-side{

    position:relative;

    height:620px;

    overflow:hidden;

    border-radius:0 80px 0 80px;

    box-shadow:

    0 35px 90px rgba(0,109,119,.20);

}



.equipment-image-side img{

    width:100%;

    height:100%;

    object-fit:cover;

}



.equipment-image-overlay{

    position:absolute;

    inset:0;

    background:

    linear-gradient(

        135deg,

        rgba(0,109,119,.55),

        transparent 55%

    );

    z-index:1;

}




.equipment-round-icon{

    position:absolute;

    right:-35px;

    top:80px;

    width:110px;

    height:110px;

    border-radius:50%;

    background:#063540;

    border:2px solid #0bb7c5;

    color:white;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:35px;

    z-index:2;

    box-shadow:

    0 20px 50px rgba(0,109,119,.35);

}







/* CONTENT */


/* .equipment-content-side > span{

    color:#006d77;

    font-size:13px;

    letter-spacing:4px;

    font-weight:900;

} */



/* .equipment-content-side h2{

    margin:25px 0 20px;

    font-size:46px;

    line-height:1.2;

    font-weight:900;

    color:#10232c;

}
 */



/* .equipment-content-side h2 strong{

    color:#006d77;

} */

/* =========================================
   EQUIPMENT OVERVIEW HEADING STYLE FIX
   Client Page Style
   ADD AT END ONLY
========================================= */

.equipment-content-side > span{

    display:inline-block;

    color:#006d77;

    font-size:20px;

    font-weight:900;

    letter-spacing:4px;

    margin-bottom:22px;

    position:relative;

    padding-bottom:15px;

}


/* underline only under EQUIPMENT OVERVIEW */

.equipment-content-side > span::after{

    content:"";

    position:absolute;

    left:0;

    bottom:0;

    width:85px;

    height:4px;

    background:#006d77;

    border-radius:10px;

}


/* MAIN HEADING */

.equipment-content-side h2{

    margin:20px 0;

    font-size:35px;

    line-height:1.2;

    font-weight:900;

    color:#12202b;

    letter-spacing:0;

}


/* teal highlight only */

.equipment-content-side h2 strong{

    color:#006d77;

    position:static;

}


/* REMOVE OLD MAIN HEADING UNDERLINE */

.equipment-content-side h2 strong::after{

    display:none !important;

    content:none !important;

}

.equipment-content-side p{

    color:#64757c;

    line-height:1.8;

}








/* POINTS */


.equipment-points{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:18px;

    margin:45px 0;

}



.equipment-point{

    text-align:center;

}



.point-icon{

    width:65px;

    height:65px;

    margin:auto;

    border-radius:50%;

    background:#edf7f8;

    color:#006d77;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:25px;

    transition:.35s ease;

}



.equipment-point:hover .point-icon{

    background:#006d77;

    color:white;

    transform:translateY(-8px);

}



.equipment-point h4{

    font-size:15px;

    color:#10232c;

    margin-top:15px;

}








/* STATS BOX */


.equipment-stats{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    background:

    linear-gradient(

        135deg,

        #062b36,

        #006d77

    );

    padding:35px;

    border-radius:35px;

    color:white;

    box-shadow:

    0 30px 70px rgba(0,109,119,.30);

}



.equipment-stats div{

    text-align:center;

    border-right:1px solid rgba(255,255,255,.2);

}



.equipment-stats div:last-child{

    border:none;

}



.equipment-stats strong{

    display:block;

    font-size:28px;

    color:#0bb7c5;

}



.equipment-stats span{

    font-size:13px;

    color:#d9edef;

}







/* RESPONSIVE */


@media(max-width:991px){

    .equipment-hero-wrapper{

        grid-template-columns:1fr;

    }


    .equipment-image-side{

        height:450px;

    }

}



@media(max-width:768px){

    .equipment-hero-overview{

        padding:70px 15px;

    }


    .equipment-content-side h2{

        font-size:32px;

    }


    .equipment-points{

        grid-template-columns:repeat(2,1fr);

    }


    .equipment-stats{

        grid-template-columns:1fr;

        gap:25px;

    }


    .equipment-stats div{

        border:none;

    }

}

/* =========================================
   EQUIPMENT OVERVIEW EXTRA PREMIUM DESIGN
   ADD AT END ONLY
========================================= */


.equipment-hero-overview{
    position:relative;
}


.equipment-hero-wrapper{
    position:relative;
}


/* IMAGE PREMIUM EFFECT */

.equipment-image-side{
    border-radius:30px 90px 30px 90px;
    box-shadow:
    0 30px 80px rgba(0,109,119,.18),
    inset 0 0 40px rgba(255,255,255,.25);
    transform:translateY(0);
    transition:.5s ease;
}


.equipment-image-side:hover{
    transform:translateY(-10px);
}


.equipment-image-side img{
    transition:.6s ease;
}


.equipment-image-side:hover img{
    transform:scale(1.05);
}


/* FLOATING GEAR BUTTON */

.equipment-round-icon{
    animation:equipmentPulse 3s infinite;
}


@keyframes equipmentPulse{

    0%{
        box-shadow:0 0 0 0 rgba(11,183,197,.5);
    }

    70%{
        box-shadow:0 0 0 25px rgba(11,183,197,0);
    }

    100%{
        box-shadow:0 0 0 0 rgba(11,183,197,0);
    }

}



/* RIGHT CONTENT */

.equipment-content-side{
    position:relative;
}


.equipment-content-side h2{
    letter-spacing:-1px;
}


.equipment-content-side h2 strong{
    position:relative;
}


/* .equipment-content-side h2 strong:after{

    content:"";

    position:absolute;

    left:0;

    bottom:-8px;

    width:80px;

    height:4px;

    background:#0bb7c5;

    border-radius:20px;

} */





/* POINT BOX DESIGN */

.equipment-point{

    background:#ffffff;

    padding:18px 10px;

    border-radius:20px;

    transition:.4s ease;

}


.equipment-point:hover{

    transform:translateY(-8px);

    box-shadow:
    0 20px 40px rgba(0,109,119,.12);

}



.point-icon{

    box-shadow:
    0 10px 25px rgba(0,109,119,.12);

}



/* STATS PREMIUM */

.equipment-stats{

    position:relative;

    overflow:hidden;

}


.equipment-stats:before{

    content:"";

    position:absolute;

    width:180px;

    height:180px;

    right:-60px;

    top:-70px;

    background:rgba(255,255,255,.08);

    border-radius:50%;

}



.equipment-stats div{

    position:relative;

    z-index:2;

}



.equipment-stats strong{

    font-size:32px;

}



/* EXTRA SOFT BACKGROUND EFFECT */

.equipment-hero-overview:before{

    content:"";

    position:absolute;

    width:350px;

    height:350px;

    left:-180px;

    top:100px;

    background:#e9f8fa;

    filter:blur(80px);

    border-radius:50%;

    z-index:-1;

}



/* MOBILE FIX */

@media(max-width:768px){

    .equipment-image-side{

        border-radius:30px;

    }


    .equipment-point{

        padding:15px 5px;

    }

}

/* ===================================
   EQUIPMENT MOBILE CONTENT ALIGNMENT
   ADD AT END ONLY
=================================== */

@media(max-width:768px){

    .equipment-content-side{
        text-align:left !important;
    }


    .equipment-content-side > span{
        display:block;
        text-align:left !important;
    }


    .equipment-content-side h2{
        text-align:left !important;
    }


    .equipment-content-side p{
        text-align:left !important;
    }


    .equipment-points{
        text-align:left !important;
    }


    .equipment-point{
        text-align:center;
    }


    .equipment-stats{
        text-align:center;
    }

}

/* ===================================
   EQUIPMENT MOBILE HEADING FIX
   ADD AT END ONLY
=================================== */

@media(max-width:768px){

    .equipment-content-side h2{
        text-align:center !important;
        font-size:32px;
        line-height:1.18;
        max-width:350px;
        margin-left:auto;
        margin-right:auto;
        letter-spacing:-0.5px;
    }


    .equipment-content-side h2 strong{
        display:inline;
    }


    .equipment-content-side h2 strong:after{
        left:50%;
        transform:translateX(-50%);
    }

}

/* Equipment Overview Label Mobile Center */

@media(max-width:768px){

    .equipment-content-side > span{
        text-align:center !important;
        display:block;
        width:100%;
    }

}

@media(max-width:768px){

    .equipment-content-side > span{

        display:table;

        margin-left:auto;

        margin-right:auto;

        text-align:center !important;

        font-size:14px;

        letter-spacing:3px;

        padding-bottom:12px;

        margin-bottom:20px;

    }


    .equipment-content-side > span::after{

        left:50%;

        transform:translateX(-50%);

        width:70px;

        height:3px;

    }


    .equipment-content-side h2{

        font-size:30px;

        line-height:1.2;

        margin:18px auto 20px;

        max-width:360px;

        text-align:center !important;

    }


    .equipment-content-side h2 strong::after{

        display:none !important;

        content:none !important;

    }

}

/* Equipment Page Second Section */
.we-machine-showcase-section{

    padding:120px 0;

    background:#f5fafb;

    overflow:hidden;

}




/* HEADING */

.we-machine-heading{

    max-width:800px;

    margin:0 auto 70px;

    text-align:center;

}


.we-machine-heading span{

    display:block;

    color:#006d77;

    font-size:12px;

    font-weight:900;

    letter-spacing:5px;

    margin-bottom:18px;

}



.we-machine-heading h2{

    font-size:46px;

    line-height:1.2;

    font-weight:900;

    color:#10232c;

    margin-bottom:20px;

}



.we-machine-heading h2 strong{

    color:#006d77;

}



.we-machine-heading p{

    color:#64757c;

    line-height:1.8;

    max-width:650px;

    margin:auto;

}





/* MAIN WRAPPER */


.we-machine-showcase-wrapper{

    display:grid;

    grid-template-columns:1.05fr .95fr;

    gap:45px;

    align-items:stretch;

}





/* FEATURE IMAGE */


.we-machine-feature{

    position:relative;

    min-height:600px;

    border-radius:40px;

    overflow:hidden;

    box-shadow:

    0 35px 90px rgba(0,109,119,.18);

}



.we-machine-feature img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:.6s ease;

}



.we-machine-feature:hover img{

    transform:scale(1.06);

}



.we-machine-feature-overlay{

    position:absolute;

    inset:0;

    background:

    linear-gradient(

        180deg,

        transparent 30%,

        rgba(4,27,34,.95)

    );

}





/* FEATURE CONTENT */


.we-machine-feature-content{

    position:absolute;

    left:45px;

    bottom:45px;

    color:white;

    max-width:420px;

}



.we-machine-feature-content span{

    color:#0bb7c5;

    font-size:12px;

    letter-spacing:3px;

    font-weight:800;

}



.we-machine-feature-content h3{

    font-size:38px;

    font-weight:900;

    margin:15px 0;

}



.we-machine-feature-content p{

    color:#d7e7ea;

    line-height:1.7;

}



.we-machine-feature-content a{

    display:inline-flex;

    align-items:center;

    gap:12px;

    margin-top:20px;

    padding:13px 25px;

    border-radius:50px;

    background:#006d77;

    color:white;

    text-decoration:none;

    font-weight:700;

}





/* RIGHT LIST */


.we-machine-list{

    display:flex;

    flex-direction:column;

    gap:18px;

}





.we-machine-item{

    display:flex;

    align-items:center;

    gap:22px;

    padding:28px;

    background:white;

    border-radius:25px;

    border:1px solid rgba(0,109,119,.08);

    transition:.4s ease;

    cursor:pointer;

}



.we-machine-item:hover,

.we-machine-item.active{

    background:#063540;

    color:white;

    transform:translateX(10px);

    box-shadow:

    0 20px 50px rgba(0,109,119,.20);

}





.machine-number{

    min-width:55px;

    height:55px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#e8f7f8;

    color:#006d77;

    font-weight:900;

    font-size:18px;

}





.we-machine-item.active .machine-number,

.we-machine-item:hover .machine-number{

    background:#0bb7c5;

    color:white;

}





.machine-text{

    flex:1;

}



.machine-text h3{

    font-size:20px;

    margin-bottom:8px;

    font-weight:800;

}



.machine-text p{

    margin:0;

    font-size:14px;

    color:#6d7c82;

}



.we-machine-item.active .machine-text p,

.we-machine-item:hover .machine-text p{

    color:#d7e7ea;

}



.we-machine-item i{

    color:#006d77;

}



.we-machine-item.active i,

.we-machine-item:hover i{

    color:#0bb7c5;

}





/* RESPONSIVE */


@media(max-width:991px){


    .we-machine-showcase-wrapper{

        grid-template-columns:1fr;

    }


    .we-machine-feature{

        min-height:500px;

    }


}




@media(max-width:768px){


    .we-machine-showcase-section{

        padding:70px 15px;

    }


    .we-machine-heading h2{

        font-size:32px;

    }


    .we-machine-feature{

        min-height:420px;

        border-radius:25px;

    }


    .we-machine-feature-content{

        left:25px;

        bottom:25px;

    }


    .we-machine-feature-content h3{

        font-size:28px;

    }


    .we-machine-item{

        padding:20px;

    }


    .machine-text h3{

        font-size:17px;

    }


}

/* =====================================
   EQUIPMENT SECTION MOBILE FIX
===================================== */


@media(max-width:768px){


.we-machine-showcase-section{
    padding:50px 15px;
}



.we-machine-heading{
    margin-bottom:40px;
    padding:0 10px;
}



.we-machine-heading span{

    font-size:10px;
    letter-spacing:4px;
    margin-bottom:15px;

}



.we-machine-heading h2{

    font-size:32px;
    line-height:1.15;
    margin-bottom:18px;

}



.we-machine-heading p{

    font-size:15px;
    line-height:1.6;

}




/* MAIN MOBILE STACK */


.we-machine-showcase-wrapper{

    display:flex;
    flex-direction:column;
    gap:25px;

}



/* LEFT FEATURE CARD */


.we-machine-feature{

    min-height:420px;
    height:420px;
    border-radius:25px;

}



.we-machine-feature img{

    height:100%;
    object-fit:cover;

}



.we-machine-feature-content{

    left:25px;
    bottom:25px;
    max-width:280px;

}



.we-machine-feature-content span{

    font-size:10px;
    letter-spacing:3px;

}



.we-machine-feature-content h3{

    font-size:28px;
    line-height:1.15;
    margin:12px 0;

}



.we-machine-feature-content p{

    font-size:14px;
    line-height:1.6;

}



.we-machine-feature-content a{

    padding:11px 22px;
    font-size:14px;

}



/* RIGHT CARDS */


.we-machine-list{

    gap:15px;

}



.we-machine-item{

    padding:20px;
    border-radius:22px;
    gap:15px;

}



.machine-number{

    min-width:48px;
    height:48px;
    font-size:16px;

}



.machine-text h3{

    font-size:17px;
    line-height:1.2;
    margin-bottom:6px;

}



.machine-text p{

    font-size:13px;
    line-height:1.5;

}



.we-machine-item i{

    font-size:15px;

}



.we-machine-item:hover,
.we-machine-item.active{

    transform:none;

}



}

/* =========================================
   EQUIPMENT CATEGORIES HEADING STYLE FIX
   ADD AT END ONLY
========================================= */

.we-machine-heading span{

    display:inline-block;

    color:#006d77;

    font-size:20px;

    font-weight:900;

    letter-spacing:4px;

    margin-bottom:22px;

    position:relative;

    padding-bottom:15px;

}


/* underline only under small heading */

.we-machine-heading span::after{

    content:"";

    position:absolute;

    left:50%;

    bottom:0;

    transform:translateX(-50%);

    width:85px;

    height:4px;

    background:#006d77;

    border-radius:10px;

}


/* MAIN HEADING */

.we-machine-heading h2{

    font-size:35px;

    line-height:1.2;

    font-weight:900;

    color:#12202b;

    margin:20px 0;

    letter-spacing:0;

}


/* only teal highlight */

.we-machine-heading h2 strong{

    color:#006d77;

    position:static;

}


/* remove any underline from strong text */

.we-machine-heading h2 strong::after{

    display:none !important;

    content:none !important;

}


/* description */

.we-machine-heading p{

    color:#64757c;

    line-height:1.8;

    max-width:650px;

    margin:auto;

    font-size:16px;

}

@media(max-width:768px){

    .we-machine-heading span{

        display:inline-block;

        font-size:14px !important;

        letter-spacing:3px !important;

        padding-bottom:12px !important;

        margin-bottom:18px !important;

    }


    .we-machine-heading span::after{

        left:50%;

        transform:translateX(-50%);

        width:70px;

        height:3px;

    }


    .we-machine-heading h2{

        font-size:30px !important;

        line-height:1.2 !important;

        max-width:360px;

        margin:18px auto 20px !important;

        text-align:center;

    }


    .we-machine-heading h2 strong{

        display:inline;

    }


    .we-machine-heading h2 strong::after{

        display:none !important;

        content:none !important;

    }


    .we-machine-heading p{

        font-size:14px !important;

        line-height:1.7 !important;

        max-width:360px;

        margin:auto;

        text-align:center;

    }

}

/* Equipment Page Third Section */
.equipment-detail-section{

    padding:120px 0;

    background:#ffffff;

    overflow:hidden;

}




/* HEADING */


.equipment-detail-heading{

    max-width:800px;

    margin:0 auto 70px;

    text-align:center;

}



.equipment-detail-heading span{

    display:block;

    color:#006d77;

    font-size:12px;

    font-weight:900;

    letter-spacing:5px;

    margin-bottom:18px;

}



.equipment-detail-heading h2{

    font-size:46px;

    line-height:1.2;

    font-weight:900;

    color:#10232c;

    margin-bottom:20px;

}



.equipment-detail-heading h2 strong{

    color:#006d77;

}



.equipment-detail-heading p{

    max-width:650px;

    margin:auto;

    color:#64757c;

    line-height:1.8;

}





/* MAIN WRAPPER */


.equipment-detail-wrapper{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:70px;

    align-items:center;

}





/* IMAGE */


.equipment-detail-image{

    position:relative;

    height:600px;

    border-radius:40px;

    overflow:hidden;

    box-shadow:

    0 35px 80px rgba(0,109,119,.18);

}



.equipment-detail-image img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:.6s ease;

}



.equipment-detail-image:hover img{

    transform:scale(1.06);

}





/* IMAGE BADGE */


.equipment-image-badge{

    position:absolute;

    bottom:35px;

    left:35px;

    background:#063540;

    color:white;

    padding:18px 25px;

    border-radius:50px;

    display:flex;

    align-items:center;

    gap:12px;

    font-weight:700;

}



.equipment-image-badge i{

    color:#0bb7c5;

}





/* CONTENT */


.equipment-detail-content{

    max-width:520px;

}



.equipment-tag{

    color:#006d77;

    font-size:12px;

    font-weight:900;

    letter-spacing:4px;

}



.equipment-detail-content h3{

    font-size:42px;

    font-weight:900;

    color:#10232c;

    margin:18px 0;

}



.equipment-detail-content p{

    color:#64757c;

    line-height:1.8;

    margin-bottom:35px;

}





/* SPECIFICATION BOX */


.equipment-spec-grid{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:18px;

    margin-bottom:35px;

}



.equipment-spec{

    padding:22px;

    background:#f5fafb;

    border-radius:22px;

    border:1px solid rgba(0,109,119,.08);

}



.equipment-spec span{

    display:block;

    font-size:12px;

    color:#64757c;

    margin-bottom:8px;

    text-transform:uppercase;

    letter-spacing:1px;

}



.equipment-spec strong{

    color:#063540;

    font-size:18px;

}





/* FEATURES */


.equipment-detail-content h4{

    font-size:24px;

    font-weight:900;

    color:#10232c;

    margin-bottom:20px;

}



.equipment-features{

    list-style:none;

    padding:0;

    margin:0;

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:15px;

}



.equipment-features li{

    display:flex;

    align-items:center;

    gap:12px;

    color:#465960;

    font-size:15px;

}



.equipment-features i{

    width:28px;

    height:28px;

    border-radius:50%;

    background:#e8f7f8;

    color:#006d77;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:12px;

}





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


@media(max-width:991px){


.equipment-detail-wrapper{

    grid-template-columns:1fr;

    gap:40px;

}



.equipment-detail-content{

    max-width:100%;

}



.equipment-detail-image{

    height:500px;

}



}






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


@media(max-width:768px){


.equipment-detail-section{

    padding:70px 15px;

}



.equipment-detail-heading{

    margin-bottom:40px;

}



.equipment-detail-heading h2{

    font-size:32px;

}



.equipment-detail-heading p{

    font-size:15px;

}



.equipment-detail-wrapper{

    gap:30px;

}



.equipment-detail-image{

    height:380px;

    border-radius:25px;

}



.equipment-image-badge{

    left:20px;

    bottom:20px;

    padding:14px 18px;

    font-size:13px;

}



.equipment-detail-content h3{

    font-size:30px;

}



.equipment-detail-content p{

    font-size:14px;

}



.equipment-spec-grid{

    grid-template-columns:1fr;

    gap:12px;

}



.equipment-spec{

    padding:18px;

}



.equipment-features{

    grid-template-columns:1fr;

}



}

/* =====================================
   EQUIPMENT DETAIL PREMIUM INTERACTION
===================================== */


/* MAIN IMAGE CARD */

.equipment-detail-image{

    position:relative;

    overflow:hidden;

    border-radius:40px;

    border:1px solid rgba(0,109,119,.12);

    transition:.6s cubic-bezier(.2,.8,.2,1);

    background:#ffffff;

}



.equipment-detail-image:hover{

    transform:translateY(-12px);

    box-shadow:

    0 45px 100px rgba(0,109,119,.22);

}





/* IMAGE EFFECT */

.equipment-detail-image img{

    transition:

    transform .8s ease;

}



.equipment-detail-image:hover img{

    transform:scale(1.08);

}





/* PREMIUM COLOR OVERLAY */

.equipment-detail-image::before{

    content:"";

    position:absolute;

    inset:0;

    background:

    linear-gradient(

    180deg,

    transparent 45%,

    rgba(3,35,42,.45)

    );

    opacity:0;

    transition:.5s ease;

    z-index:1;

}



.equipment-detail-image:hover::before{

    opacity:1;

}





/* MOVING LIGHT EFFECT */


.equipment-detail-image::after{

    content:"";

    position:absolute;

    top:0;

    left:-120%;

    width:70%;

    height:100%;

    background:

    linear-gradient(

    90deg,

    transparent,

    rgba(255,255,255,.18),

    transparent

    );

    transform:skewX(-25deg);

    transition:.8s ease;

    z-index:2;

}



.equipment-detail-image:hover::after{

    left:130%;

}





/* BADGE */


.equipment-image-badge{

    z-index:3;

    backdrop-filter:blur(10px);

    background:#063540;

    border:1px solid rgba(255,255,255,.15);

    transition:.4s ease;

}



.equipment-detail-image:hover 
.equipment-image-badge{

    transform:translateY(-10px);

    background:#0bb7c5;

    box-shadow:

    0 15px 35px rgba(11,183,197,.35);

}





/* SPECIFICATION BOX */


.equipment-spec{

    position:relative;

    overflow:hidden;

    transition:.45s ease;

}



.equipment-spec:hover{

    transform:translateY(-10px);

    border-color:#0bb7c5;

    box-shadow:

    0 20px 45px rgba(0,109,119,.15);

}





.equipment-spec strong{

    transition:.3s ease;

}



.equipment-spec:hover strong{

    color:#006d77;

}





/* FEATURES PREMIUM */


.equipment-features li{

    position:relative;

    transition:.35s ease;

    border-radius:14px;

}



.equipment-features li:hover{

    background:#f1fafb;

    transform:translateX(10px);

    padding-left:15px;

}



.equipment-features li i{

    transition:.35s ease;

}



.equipment-features li:hover i{

    transform:rotate(360deg);

    background:#006d77;

    color:white;

}





/* RIGHT SIDE CONTENT */


.equipment-detail-content{

    animation:

    equipmentContent .8s ease;

}



@keyframes equipmentContent{


from{

opacity:0;

transform:translateY(25px);

}


to{

opacity:1;

transform:translateY(0);

}


}





.equipment-detail-content h3{

    transition:.4s ease;

}



.equipment-detail-content h3:hover{

    letter-spacing:.5px;

    color:#006d77;

}





/* MOBILE */

@media(max-width:768px){


.equipment-detail-image:hover{

transform:none;

}


.equipment-spec:hover{

transform:none;

}


.equipment-features li:hover{

transform:none;

}


}

/* =========================================
   EQUIPMENT DETAILS HEADING STYLE FIX
   ADD AT END ONLY
========================================= */

.equipment-detail-heading span{

    display:inline-block;

    color:#006d77;

    font-size:20px;

    font-weight:900;

    letter-spacing:4px;

    margin-bottom:22px;

    position:relative;

    padding-bottom:15px;

}


/* underline only under MACHINERY DETAILS */

.equipment-detail-heading span::after{

    content:"";

    position:absolute;

    left:50%;

    bottom:0;

    transform:translateX(-50%);

    width:85px;

    height:4px;

    background:#006d77;

    border-radius:10px;

}


/* MAIN HEADING */

.equipment-detail-heading h2{

    font-size:35px;

    line-height:1.2;

    font-weight:900;

    color:#12202b;

    margin:20px 0;

    letter-spacing:0;

}


/* teal strong text only */

.equipment-detail-heading h2 strong{

    color:#006d77;

    position:static;

}


/* remove underline if any old CSS applies */

.equipment-detail-heading h2 strong::after{

    display:none !important;

    content:none !important;

}


/* DESCRIPTION */

.equipment-detail-heading p{

    max-width:650px;

    margin:auto;

    color:#64757c;

    line-height:1.8;

    font-size:16px;

}

@media(max-width:768px){

    .equipment-detail-heading span{

        display:inline-block;

        font-size:14px !important;

        letter-spacing:3px !important;

        padding-bottom:12px !important;

        margin-bottom:18px !important;

    }


    .equipment-detail-heading span::after{

        left:50%;

        transform:translateX(-50%);

        width:70px;

        height:3px;

    }


    .equipment-detail-heading h2{

        font-size:30px !important;

        line-height:1.2 !important;

        max-width:360px;

        margin:18px auto 20px !important;

        text-align:center;

    }


    .equipment-detail-heading h2 strong{

        display:inline;

    }


    .equipment-detail-heading h2 strong::after{

        display:none !important;

        content:none !important;

    }


    .equipment-detail-heading p{

        font-size:14px !important;

        line-height:1.7 !important;

        max-width:360px;

        margin:auto;

        text-align:center;

    }

}

/* Equipment Page Fourth Section */
.equipment-project-usage-section{

    padding:120px 0;

    background:#f4f8f9;

    overflow:hidden;

}


/* HEADING */

.equipment-usage-heading{

    max-width:820px;

    margin:0 auto 65px;

    text-align:center;

}


.equipment-usage-heading > span{

    display:inline-block;

    color:#006d77;

    font-size:12px;

    font-weight:900;

    letter-spacing:5px;

    margin-bottom:18px;

}


.equipment-usage-heading h2{

    font-size:46px;

    line-height:1.18;

    color:#10232c;

    font-weight:900;

    margin-bottom:20px;

}


.equipment-usage-heading h2 strong{

    color:#006d77;

}


.equipment-usage-heading p{

    max-width:690px;

    margin:auto;

    font-size:16px;

    line-height:1.8;

    color:#64757c;

}



/* ===============================
   MAIN STAGE
================================ */

.equipment-usage-stage{

    position:relative;

    min-height:680px;

}


/* MAIN VISUAL */

.equipment-usage-visual{

    position:relative;

    width:100%;

    min-height:600px;

    overflow:hidden;

    border-radius:38px;

    background:#10232c;

    box-shadow:
    0 35px 80px rgba(5,43,52,.15);

}


.equipment-usage-visual img{

    position:absolute;

    inset:0;

    width:100%;

    height:100%;

    object-fit:cover;

    transition:
    opacity .35s ease,
    transform .8s ease;

}


.equipment-usage-visual:hover img{

    transform:scale(1.035);

}


/* DARK GRADIENT */

.equipment-usage-overlay{

    position:absolute;

    inset:0;

    background:
    linear-gradient(
        90deg,
        rgba(7,30,37,.94) 0%,
        rgba(7,30,37,.78) 35%,
        rgba(7,30,37,.30) 70%,
        rgba(7,30,37,.12) 100%
    );

}


/* MAIN CONTENT */

.equipment-usage-main-content{

    position:absolute;

    left:65px;

    top:50%;

    transform:translateY(-50%);

    max-width:510px;

    color:white;

    z-index:2;

}


.usage-project-number{

    width:70px;

    height:70px;

    display:flex;

    align-items:center;

    justify-content:center;

    margin-bottom:28px;

    background:#006d77;

    border-radius:50%;

    color:white;

    font-size:19px;

    font-weight:900;

    border:5px solid rgba(255,255,255,.18);

}


.equipment-usage-main-content > span{

    display:block;

    color:#55d2db;

    font-size:11px;

    font-weight:900;

    letter-spacing:4px;

    margin-bottom:15px;

}


.equipment-usage-main-content h3{

    font-size:45px;

    font-weight:900;

    line-height:1.15;

    margin-bottom:20px;

}


.equipment-usage-main-content p{

    margin:0;

    max-width:470px;

    color:#d7e3e5;

    font-size:16px;

    line-height:1.8;

}



/* ==================================
   BOTTOM USAGE NAVIGATION
================================== */

.equipment-usage-navigation{

    position:relative;

    z-index:5;

    width:calc(100% - 90px);

    margin:-70px auto 0;

    display:grid;

    grid-template-columns:repeat(4,1fr);

    background:#ffffff;

    border-radius:25px;

    box-shadow:
    0 25px 60px rgba(0,0,0,.13);

    overflow:hidden;

}


.equipment-usage-item{

    position:relative;

    min-height:145px;

    padding:24px 22px;

    border:0;

    border-right:1px solid #e4ebed;

    background:#ffffff;

    display:flex;

    align-items:center;

    gap:16px;

    text-align:left;

    cursor:pointer;

    transition:.35s ease;

}


.equipment-usage-item:last-child{

    border-right:0;

}


.equipment-usage-item::before{

    content:"";

    position:absolute;

    left:0;

    bottom:0;

    width:100%;

    height:4px;

    background:#006d77;

    transform:scaleX(0);

    transform-origin:left;

    transition:.35s ease;

}


.equipment-usage-item:hover::before,
.equipment-usage-item.active::before{

    transform:scaleX(1);

}


.equipment-usage-item:hover,
.equipment-usage-item.active{

    background:#f2f9fa;

}



/* ICON */

.usage-nav-icon{

    min-width:52px;

    width:52px;

    height:52px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#e7f4f5;

    color:#006d77;

    border-radius:16px;

    font-size:20px;

    transition:.35s ease;

}


.equipment-usage-item.active .usage-nav-icon,
.equipment-usage-item:hover .usage-nav-icon{

    background:#006d77;

    color:#fff;

}


/* NAV CONTENT */

.usage-nav-content{

    flex:1;

}


.usage-nav-content span{

    display:block;

    color:#006d77;

    font-size:11px;

    font-weight:900;

    letter-spacing:1px;

    margin-bottom:6px;

}


.usage-nav-content h4{

    margin:0;

    color:#10232c;

    font-size:16px;

    line-height:1.35;

    font-weight:900;

}


.usage-arrow{

    color:#a0afb3;

    font-size:13px;

    transition:.3s ease;

}


.equipment-usage-item:hover .usage-arrow,
.equipment-usage-item.active .usage-arrow{

    color:#006d77;

    transform:translateX(4px);

}



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

@media(max-width:1100px){

    .equipment-usage-navigation{

        width:calc(100% - 45px);

    }


    .equipment-usage-item{

        padding:20px 15px;

    }


    .usage-nav-icon{

        min-width:46px;

        width:46px;

        height:46px;

    }


    .usage-nav-content h4{

        font-size:14px;

    }

}



@media(max-width:991px){

    .equipment-project-usage-section{

        padding:90px 0;

    }


    .equipment-usage-heading h2{

        font-size:40px;

    }


    .equipment-usage-main-content{

        left:45px;

        max-width:480px;

    }


    .equipment-usage-main-content h3{

        font-size:38px;

    }


    .equipment-usage-navigation{

        grid-template-columns:repeat(2,1fr);

        margin-top:-55px;

    }


    .equipment-usage-item{

        border-bottom:1px solid #e4ebed;

    }


    .equipment-usage-item:nth-child(2){

        border-right:0;

    }


    .equipment-usage-item:nth-child(3),
    .equipment-usage-item:nth-child(4){

        border-bottom:0;

    }

}



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

@media(max-width:768px){

    .equipment-project-usage-section{

        padding:65px 15px;

    }


    .equipment-usage-heading{

        margin-bottom:40px;

    }


    .equipment-usage-heading > span{

        font-size:10px;

        letter-spacing:3px;

    }


    .equipment-usage-heading h2{

        font-size:32px;

        line-height:1.2;

    }


    .equipment-usage-heading p{

        font-size:15px;

        line-height:1.7;

    }


    .equipment-usage-stage{

        min-height:auto;

    }


    .equipment-usage-visual{

        min-height:540px;

        border-radius:26px;

    }


    .equipment-usage-overlay{

        background:
        linear-gradient(
            180deg,
            rgba(7,30,37,.22) 0%,
            rgba(7,30,37,.60) 42%,
            rgba(7,30,37,.96) 100%
        );

    }


    .equipment-usage-main-content{

        left:25px;

        right:25px;

        top:auto;

        bottom:35px;

        transform:none;

        max-width:none;

    }


    .usage-project-number{

        width:58px;

        height:58px;

        margin-bottom:20px;

        font-size:16px;

    }


    .equipment-usage-main-content h3{

        font-size:30px;

    }


    .equipment-usage-main-content p{

        font-size:14px;

        line-height:1.7;

    }


    .equipment-usage-navigation{

        width:calc(100% - 20px);

        grid-template-columns:1fr;

        margin:-5px auto 0;

        border-radius:0 0 25px 25px;

    }


    .equipment-usage-item{

        min-height:auto;

        padding:18px 20px;

        border-right:0;

        border-bottom:1px solid #e4ebed;

    }


    .equipment-usage-item:nth-child(3){

        border-bottom:1px solid #e4ebed;

    }


    .equipment-usage-item:last-child{

        border-bottom:0;

    }


    .usage-nav-content h4{

        font-size:15px;

    }

}



@media(max-width:480px){

    .equipment-project-usage-section{

        padding:55px 12px;

    }


    .equipment-usage-heading h2{

        font-size:28px;

    }


    .equipment-usage-visual{

        min-height:510px;

    }


    .equipment-usage-main-content{

        left:20px;

        right:20px;

        bottom:28px;

    }


    .equipment-usage-main-content h3{

        font-size:26px;

    }


    .usage-project-number{

        width:52px;

        height:52px;

    }


    .usage-nav-icon{

        min-width:44px;

        width:44px;

        height:44px;

        border-radius:13px;

    }

}



@media(max-width:360px){

    .equipment-usage-heading h2{

        font-size:25px;

    }


    .equipment-usage-visual{

        min-height:480px;

    }


    .equipment-usage-main-content h3{

        font-size:23px;

    }


    .equipment-usage-main-content p{

        font-size:13px;

    }


    .equipment-usage-item{

        padding:16px;

    }


    .usage-nav-content h4{

        font-size:14px;

    }

}

/* =========================================
   EQUIPMENT PROJECT USAGE HEADING STYLE FIX
   ADD AT END ONLY
========================================= */

.equipment-usage-heading > span{

    display:inline-block;

    color:#006d77;

    font-size:20px;

    font-weight:900;

    letter-spacing:4px;

    margin-bottom:22px;

    position:relative;

    padding-bottom:15px;

}


/* underline only under EQUIPMENT IN ACTION */

.equipment-usage-heading > span::after{

    content:"";

    position:absolute;

    left:50%;

    bottom:0;

    transform:translateX(-50%);

    width:85px;

    height:4px;

    background:#006d77;

    border-radius:10px;

}


/* MAIN HEADING */

.equipment-usage-heading h2{

    font-size:35px;

    line-height:1.2;

    color:#12202b;

    font-weight:900;

    margin:20px 0;

    letter-spacing:0;

}


/* highlight strong text only */

.equipment-usage-heading h2 strong{

    color:#006d77;

    position:static;

}


/* remove any underline from strong text */

.equipment-usage-heading h2 strong::after{

    display:none !important;

    content:none !important;

}


/* DESCRIPTION */

.equipment-usage-heading p{

    max-width:690px;

    margin:auto;

    font-size:16px;

    line-height:1.8;

    color:#64757c;

}

@media(max-width:768px){

    .equipment-usage-heading > span{

        display:inline-block;

        font-size:14px !important;

        letter-spacing:3px !important;

        padding-bottom:12px !important;

        margin-bottom:18px !important;

    }


    .equipment-usage-heading > span::after{

        left:50%;

        transform:translateX(-50%);

        width:70px;

        height:3px;

    }


    .equipment-usage-heading h2{

        font-size:30px !important;

        line-height:1.2 !important;

        max-width:360px;

        margin:18px auto 20px !important;

        text-align:center;

    }


    .equipment-usage-heading h2 strong{

        display:inline;

    }


    .equipment-usage-heading h2 strong::after{

        display:none !important;

        content:none !important;

    }


    .equipment-usage-heading p{

        font-size:14px !important;

        line-height:1.7 !important;

        max-width:360px;

        margin:auto;

        text-align:center;

    }

}

/* Equipment Page Fifth Section */
.we-equipment-gallery-section{

    padding:120px 0;

    background:#ffffff;

    overflow:hidden;

}


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

.we-gallery-heading{

    display:grid;

    grid-template-columns:1.15fr .85fr;

    gap:80px;

    align-items:end;

    margin-bottom:50px;

}


.we-gallery-tag{

    display:inline-block;

    color:#006d77;

    font-size:12px;

    font-weight:900;

    letter-spacing:5px;

    margin-bottom:20px;

}


.we-gallery-heading-left h2{

    margin:0;

    max-width:650px;

    color:#10232c;

    font-size:46px;

    line-height:1.18;

    font-weight:900;

}


.we-gallery-heading-left h2 strong{

    display:block;

    color:#006d77;

}


.we-gallery-heading-right{

    position:relative;

    padding-left:28px;

}


.we-gallery-heading-right::before{

    content:"";

    position:absolute;

    left:0;

    top:3px;

    bottom:3px;

    width:4px;

    background:#006d77;

    border-radius:10px;

}


.we-gallery-heading-right p{

    margin:0;

    max-width:480px;

    color:#64757c;

    font-size:16px;

    line-height:1.8;

}


/* ==========================
   FILTERS
========================== */

.we-gallery-filter{

    display:flex;

    align-items:center;

    gap:10px;

    margin-bottom:35px;

    padding-bottom:18px;

    overflow-x:auto;

    scrollbar-width:none;

}


.we-gallery-filter::-webkit-scrollbar{

    display:none;

}


.we-gallery-filter-btn{

    flex-shrink:0;

    border:1px solid #dce8ea;

    background:#ffffff;

    color:#506168;

    padding:11px 22px;

    border-radius:50px;

    font-size:13px;

    font-weight:800;

    cursor:pointer;

    transition:.3s ease;

}


.we-gallery-filter-btn:hover,
.we-gallery-filter-btn.active{

    background:#006d77;

    border-color:#006d77;

    color:#ffffff;

}


/* ==========================
   GALLERY GRID
========================== */

.we-equipment-gallery-grid{
    display:grid;
    grid-template-columns:repeat(12,1fr);
    grid-auto-rows:245px;
    grid-auto-flow:dense;
    gap:18px;
}


/* STANDARD */

.we-gallery-item{

    grid-column:span 4;

    position:relative;

    overflow:hidden;

    border-radius:24px;

    cursor:pointer;

    background:#10232c;

    transition:
    transform .4s ease,
    opacity .3s ease;

}


/* LARGE FEATURE */

.we-gallery-item-large{

    grid-column:span 8;

    grid-row:span 2;

}


/* WIDE */

.we-gallery-item-wide{

    grid-column:span 8;

}


/* HIDDEN FILTER STATE */

.we-gallery-item.gallery-hidden{

    display:none;

}


/* IMAGE */

.we-gallery-item img{

    width:100%;

    height:100%;

    object-fit:cover;

    display:block;

    transition:
    transform .7s ease,
    filter .5s ease;

}


.we-gallery-item:hover img{

    transform:scale(1.07);

    filter:saturate(.85);

}


/* OVERLAY */

.we-gallery-overlay{

    position:absolute;

    inset:0;

    background:
    linear-gradient(
        180deg,
        rgba(5,29,36,.05) 15%,
        rgba(5,29,36,.18) 48%,
        rgba(5,29,36,.92) 100%
    );

    transition:.4s ease;

}


.we-gallery-item:hover .we-gallery-overlay{

    background:
    linear-gradient(
        180deg,
        rgba(0,109,119,.08) 0%,
        rgba(5,29,36,.24) 45%,
        rgba(5,29,36,.96) 100%
    );

}


/* NUMBER */

.we-gallery-item-number{

    position:absolute;

    top:22px;

    left:22px;

    z-index:3;

    width:42px;

    height:42px;

    display:flex;

    align-items:center;

    justify-content:center;

    border:1px solid rgba(255,255,255,.55);

    background:rgba(6,53,64,.55);

    backdrop-filter:blur(10px);

    -webkit-backdrop-filter:blur(10px);

    border-radius:50%;

    color:#fff;

    font-size:12px;

    font-weight:900;

}


/* CONTENT */

.we-gallery-item-content{

    position:absolute;

    left:25px;

    right:22px;

    bottom:24px;

    z-index:3;

    display:grid;

    grid-template-columns:1fr auto;

    align-items:end;

    column-gap:18px;

}


.we-gallery-item-content span{

    grid-column:1;

    display:block;

    color:#64d4dc;

    font-size:10px;

    font-weight:900;

    letter-spacing:2.5px;

    margin-bottom:7px;

}


.we-gallery-item-content h3{

    grid-column:1;

    margin:0;

    color:#fff;

    font-size:21px;

    line-height:1.3;

    font-weight:900;

}


.we-gallery-item-large .we-gallery-item-content h3{

    font-size:34px;

}


.we-gallery-item-wide .we-gallery-item-content h3{

    font-size:26px;

}


/* VIEW BUTTON */

.we-gallery-view-btn{

    grid-column:2;

    grid-row:1 / span 2;

    align-self:end;

    width:46px;

    height:46px;

    border:0;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#ffffff;

    color:#006d77;

    font-size:14px;

    cursor:pointer;

    transition:.35s ease;

}


.we-gallery-item:hover .we-gallery-view-btn{

    background:#006d77;

    color:#ffffff;

    transform:rotate(8deg) scale(1.08);

}


/* CARD MOVEMENT */

.we-gallery-item:hover{

    transform:translateY(-4px);

}



/* ======================================
   GALLERY LIGHTBOX
====================================== */

.we-gallery-modal{

    position:fixed;

    inset:0;

    z-index:10000;

    display:flex;

    align-items:center;

    justify-content:center;

    padding:30px;

    opacity:0;

    visibility:hidden;

    transition:
    opacity .35s ease,
    visibility .35s ease;

}


.we-gallery-modal.active{

    opacity:1;

    visibility:visible;

}


.we-gallery-modal-backdrop{

    position:absolute;

    inset:0;

    background:rgba(4,19,24,.84);

    backdrop-filter:blur(8px);

    -webkit-backdrop-filter:blur(8px);

}


.we-gallery-modal-box{

    position:relative;

    z-index:2;

    width:min(1050px,100%);

    max-height:90vh;

    display:grid;

    grid-template-columns:1.25fr .75fr;

    background:#ffffff;

    border-radius:28px;

    overflow:hidden;

    transform:translateY(25px) scale(.97);

    transition:.35s ease;

    box-shadow:
    0 35px 90px rgba(0,0,0,.35);

}


.we-gallery-modal.active .we-gallery-modal-box{

    transform:translateY(0) scale(1);

}


/* MODAL IMAGE */

.we-gallery-modal-image{

    min-height:520px;

    background:#10232c;

}


.we-gallery-modal-image img{

    width:100%;

    height:100%;

    min-height:520px;

    object-fit:cover;

    display:block;

}


/* MODAL CONTENT */

.we-gallery-modal-content{

    padding:55px 42px;

    display:flex;

    flex-direction:column;

    justify-content:center;

}


.we-gallery-modal-content span{

    color:#006d77;

    font-size:11px;

    font-weight:900;

    letter-spacing:3px;

    margin-bottom:15px;

}


.we-gallery-modal-content h3{

    color:#10232c;

    font-size:34px;

    line-height:1.2;

    font-weight:900;

    margin-bottom:20px;

}


.we-gallery-modal-content p{

    margin:0;

    color:#64757c;

    font-size:15px;

    line-height:1.8;

}


/* CLOSE BUTTON */

.we-gallery-modal-close{

    position:absolute;

    top:20px;

    right:20px;

    z-index:5;

    width:45px;

    height:45px;

    border:0;

    border-radius:50%;

    background:#006d77;

    color:#ffffff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:17px;

    cursor:pointer;

    transition:.3s ease;

}


.we-gallery-modal-close:hover{

    background:#10232c;

    transform:rotate(90deg);

}


body.gallery-modal-open{

    overflow:hidden;

}



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

@media(max-width:991px){

    .we-equipment-gallery-section{

        padding:90px 0;

    }


    .we-gallery-heading{

        grid-template-columns:1fr;

        gap:25px;

    }


    .we-gallery-heading-left h2{

        font-size:40px;

    }


    .we-gallery-heading-right{

        max-width:650px;

    }


    .we-equipment-gallery-grid{

        grid-template-columns:repeat(2,1fr);

        grid-auto-rows:300px;

    }


    .we-gallery-item,
    .we-gallery-item-wide{

        grid-column:span 1;

    }


    .we-gallery-item-large{

        grid-column:span 2;

        grid-row:span 2;

    }


    .we-gallery-modal-box{

        grid-template-columns:1fr;

        max-height:90vh;

        overflow-y:auto;

    }


    .we-gallery-modal-image{

        min-height:420px;

    }


    .we-gallery-modal-image img{

        min-height:420px;

    }


    .we-gallery-modal-content{

        padding:35px;

    }

}



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

@media(max-width:768px){

    .we-equipment-gallery-section{

        padding:65px 15px;

    }


    .we-gallery-heading{

        text-align:center;

        margin-bottom:35px;

    }


    .we-gallery-tag{

        font-size:10px;

        letter-spacing:3px;

    }


    .we-gallery-heading-left h2{

        max-width:430px;

        margin:auto;

        font-size:32px;

        line-height:1.2;

    }


    .we-gallery-heading-left h2 strong{

        display:inline;

    }


    .we-gallery-heading-right{

        padding:0;

        margin:auto;

    }


    .we-gallery-heading-right::before{

        display:none;

    }


    .we-gallery-heading-right p{

        font-size:15px;

        line-height:1.7;

    }


    .we-gallery-filter{

        margin-bottom:25px;

    }


    .we-gallery-filter-btn{

        padding:9px 18px;

        font-size:12px;

    }


    .we-equipment-gallery-grid{

        display:grid;

        grid-template-columns:1fr 1fr;

        grid-auto-rows:240px;

        gap:12px;

    }


    .we-gallery-item,
    .we-gallery-item-wide{

        grid-column:span 1;

    }


    .we-gallery-item-large{

        grid-column:span 2;

        grid-row:span 2;

    }


    .we-gallery-item-content{

        left:18px;

        right:15px;

        bottom:18px;

    }


    .we-gallery-item-content h3,
    .we-gallery-item-wide .we-gallery-item-content h3{

        font-size:17px;

    }


    .we-gallery-item-large .we-gallery-item-content h3{

        font-size:27px;

    }


    .we-gallery-view-btn{

        width:40px;

        height:40px;

    }


    .we-gallery-item-number{

        top:15px;

        left:15px;

        width:36px;

        height:36px;

    }


    .we-gallery-modal{

        padding:18px;

    }


    .we-gallery-modal-image,
    .we-gallery-modal-image img{

        min-height:320px;

        height:320px;

    }


    .we-gallery-modal-content{

        padding:28px 22px;

    }


    .we-gallery-modal-content h3{

        font-size:27px;

    }

}



@media(max-width:576px){

    .we-equipment-gallery-section{

        padding:55px 12px;

    }


    .we-gallery-heading-left h2{

        font-size:28px;

    }


    .we-equipment-gallery-grid{

        grid-template-columns:1fr;

        grid-auto-rows:310px;

    }


    .we-gallery-item,
    .we-gallery-item-wide,
    .we-gallery-item-large{

        grid-column:span 1;

        grid-row:span 1;

    }


    .we-gallery-item:first-child{

        min-height:390px;

    }


    .we-gallery-item-large .we-gallery-item-content h3{

        font-size:23px;

    }


    .we-gallery-item-content h3,
    .we-gallery-item-wide .we-gallery-item-content h3{

        font-size:20px;

    }


    .we-gallery-modal{

        padding:12px;

    }


    .we-gallery-modal-box{

        border-radius:22px;

    }


    .we-gallery-modal-image,
    .we-gallery-modal-image img{

        height:270px;

        min-height:270px;

    }


    .we-gallery-modal-content h3{

        font-size:24px;

    }


    .we-gallery-modal-close{

        width:40px;

        height:40px;

        top:12px;

        right:12px;

    }

}



@media(max-width:360px){

    .we-gallery-heading-left h2{

        font-size:25px;

    }


    .we-gallery-heading-right p{

        font-size:14px;

    }


    .we-equipment-gallery-grid{

        grid-auto-rows:270px;

    }


    .we-gallery-item:first-child{

        min-height:340px;

    }


    .we-gallery-item-content h3{

        font-size:18px;

    }


    .we-gallery-modal-content{

        padding:24px 18px;

    }


    .we-gallery-modal-content h3{

        font-size:22px;

    }


    .we-gallery-modal-content p{

        font-size:13px;

    }

}

/* Balanced Equipment Gallery Layout */

.we-gallery-item{
    grid-column:span 4;
}

.we-gallery-item-large{
    grid-column:span 8;
    grid-row:span 2;
}

.we-gallery-item-wide{
    grid-column:span 8;
}

/* 6th and 7th cards balance last row */
.we-gallery-item:nth-child(6),
.we-gallery-item:nth-child(7){
    grid-column:span 4;
}

/* ==========================================
   EQUIPMENT GALLERY - MOBILE FIX ONLY
   ADD THIS AT THE VERY END OF main.css
   DESKTOP CSS WILL NOT BE AFFECTED
========================================== */

@media(max-width:768px){

    .we-equipment-gallery-section{
        padding:50px 14px !important;
        overflow:hidden;
    }

    .we-gallery-heading{
        display:block !important;
        text-align:center !important;
        margin-bottom:28px !important;
    }

    .we-gallery-heading-left{
        width:100%;
    }

    .we-gallery-tag{
        display:block !important;
        font-size:10px !important;
        letter-spacing:3px !important;
        margin-bottom:14px !important;
        text-align:center !important;
    }

    .we-gallery-heading-left h2{
        font-size:30px !important;
        line-height:1.18 !important;
        max-width:360px !important;
        margin:0 auto 18px !important;
        text-align:center !important;
    }

    .we-gallery-heading-left h2 strong{
        display:inline !important;
    }

    .we-gallery-heading-right{
        padding-left:0 !important;
        margin:0 auto !important;
        max-width:360px !important;
        text-align:center !important;
    }

    .we-gallery-heading-right::before{
        display:none !important;
    }

    .we-gallery-heading-right p{
        font-size:14px !important;
        line-height:1.7 !important;
        text-align:center !important;
        margin:0 auto !important;
    }


    /* FILTERS */

    .we-gallery-filter{
        display:flex !important;
        flex-wrap:nowrap !important;
        overflow-x:auto !important;
        gap:8px !important;
        padding:0 0 14px !important;
        margin-bottom:22px !important;
        -webkit-overflow-scrolling:touch;
        scrollbar-width:none;
    }

    .we-gallery-filter::-webkit-scrollbar{
        display:none;
    }

    .we-gallery-filter-btn{
        flex:0 0 auto !important;
        padding:9px 15px !important;
        font-size:11px !important;
        white-space:nowrap !important;
    }


    /* GALLERY STACK */

    .we-equipment-gallery-grid{
        display:flex !important;
        flex-direction:column !important;
        gap:16px !important;
        width:100% !important;
    }

    .we-gallery-item,
    .we-gallery-item-large,
    .we-gallery-item-wide{
        width:100% !important;
        min-height:0 !important;
        height:320px !important;
        grid-column:auto !important;
        grid-row:auto !important;
        border-radius:20px !important;
        margin:0 !important;
    }

    .we-gallery-item:first-child{
        height:360px !important;
        min-height:360px !important;
    }

    .we-gallery-item img{
        width:100% !important;
        height:100% !important;
        object-fit:cover !important;
        object-position:center !important;
    }


    /* CONTENT */

    .we-gallery-item-content{
        left:18px !important;
        right:16px !important;
        bottom:18px !important;
        column-gap:12px !important;
    }

    .we-gallery-item-content span{
        font-size:9px !important;
        letter-spacing:2px !important;
        margin-bottom:5px !important;
    }

    .we-gallery-item-content h3,
    .we-gallery-item-large .we-gallery-item-content h3,
    .we-gallery-item-wide .we-gallery-item-content h3{
        font-size:20px !important;
        line-height:1.25 !important;
    }


    /* CARD NUMBER */

    .we-gallery-item-number{
        top:14px !important;
        left:14px !important;
        width:36px !important;
        height:36px !important;
        font-size:10px !important;
    }


    /* VIEW BUTTON */

    .we-gallery-view-btn{
        width:40px !important;
        height:40px !important;
        min-width:40px !important;
        font-size:12px !important;
    }


    /* LIGHTBOX */

    .we-gallery-modal{
        padding:12px !important;
        align-items:center !important;
    }

    .we-gallery-modal-box{
        width:100% !important;
        max-height:90vh !important;
        display:block !important;
        overflow-y:auto !important;
        border-radius:20px !important;
    }

    .we-gallery-modal-image{
        width:100% !important;
        height:260px !important;
        min-height:260px !important;
    }

    .we-gallery-modal-image img{
        width:100% !important;
        height:260px !important;
        min-height:260px !important;
        object-fit:cover !important;
    }

    .we-gallery-modal-content{
        padding:24px 20px !important;
    }

    .we-gallery-modal-content span{
        font-size:10px !important;
        letter-spacing:2px !important;
    }

    .we-gallery-modal-content h3{
        font-size:24px !important;
        line-height:1.25 !important;
        margin-bottom:12px !important;
    }

    .we-gallery-modal-content p{
        font-size:13px !important;
        line-height:1.7 !important;
    }

    .we-gallery-modal-close{
        width:38px !important;
        height:38px !important;
        top:10px !important;
        right:10px !important;
        font-size:14px !important;
    }

}


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

@media(max-width:480px){

    .we-equipment-gallery-section{
        padding:45px 10px !important;
    }

    .we-gallery-heading-left h2{
        font-size:27px !important;
        max-width:320px !important;
    }

    .we-gallery-heading-right p{
        font-size:13px !important;
    }

    .we-gallery-item,
    .we-gallery-item-large,
    .we-gallery-item-wide{
        height:285px !important;
        border-radius:18px !important;
    }

    .we-gallery-item:first-child{
        height:330px !important;
        min-height:330px !important;
    }

    .we-gallery-item-content{
        left:16px !important;
        right:14px !important;
        bottom:16px !important;
    }

    .we-gallery-item-content h3,
    .we-gallery-item-large .we-gallery-item-content h3,
    .we-gallery-item-wide .we-gallery-item-content h3{
        font-size:18px !important;
    }

    .we-gallery-view-btn{
        width:36px !important;
        height:36px !important;
        min-width:36px !important;
    }

    .we-gallery-item-number{
        width:32px !important;
        height:32px !important;
        font-size:9px !important;
    }

    .we-gallery-modal-image,
    .we-gallery-modal-image img{
        height:230px !important;
        min-height:230px !important;
    }

    .we-gallery-modal-content{
        padding:20px 16px !important;
    }

    .we-gallery-modal-content h3{
        font-size:21px !important;
    }
}


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

@media(max-width:360px){

    .we-gallery-heading-left h2{
        font-size:24px !important;
    }

    .we-gallery-filter-btn{
        padding:8px 13px !important;
        font-size:10px !important;
    }

    .we-gallery-item,
    .we-gallery-item-large,
    .we-gallery-item-wide{
        height:255px !important;
    }

    .we-gallery-item:first-child{
        height:300px !important;
        min-height:300px !important;
    }

    .we-gallery-item-content h3,
    .we-gallery-item-large .we-gallery-item-content h3,
    .we-gallery-item-wide .we-gallery-item-content h3{
        font-size:17px !important;
    }

    .we-gallery-item-content span{
        font-size:8px !important;
    }

}

/* =========================================
   EQUIPMENT GALLERY HEADING STYLE FIX
   ADD AT END ONLY
========================================= */

.we-gallery-tag{

    display:inline-block;

    color:#006d77;

    font-size:20px;

    font-weight:900;

    letter-spacing:4px;

    margin-bottom:22px;

    position:relative;

    padding-bottom:15px;

}


/* underline only under EQUIPMENT GALLERY */

.we-gallery-tag::after{

    content:"";

    position:absolute;

    left:0;

    bottom:0;

    width:85px;

    height:4px;

    background:#006d77;

    border-radius:10px;

}


/* MAIN HEADING */

.we-gallery-heading-left h2{

    margin:20px 0;

    max-width:650px;

    color:#12202b;

    font-size:35px;

    line-height:1.2;

    font-weight:900;

    letter-spacing:0;

}


/* teal highlighted text only */

.we-gallery-heading-left h2 strong{

    color:#006d77;

    display:inline;

    position:static;

}


/* no underline under strong text */

.we-gallery-heading-left h2 strong::after{

    display:none !important;

    content:none !important;

}

@media(max-width:768px){

    .we-gallery-tag{

        display:inline-block !important;

        font-size:14px !important;

        letter-spacing:3px !important;

        padding-bottom:12px !important;

        margin-bottom:18px !important;

        text-align:center !important;

        position:relative;

    }


    .we-gallery-tag::after{

        left:50%;

        transform:translateX(-50%);

        width:70px;

        height:3px;

    }


    .we-gallery-heading-left h2{

        font-size:30px !important;

        line-height:1.2 !important;

        max-width:360px !important;

        margin:18px auto 20px !important;

        text-align:center !important;

    }


    .we-gallery-heading-left h2 strong{

        display:inline !important;

    }


    .we-gallery-heading-left h2 strong::after{

        display:none !important;

        content:none !important;

    }

}

/* Projects Page Banner Section */
/* .projects-banner{

    height:75vh;
    position:relative;
    overflow:hidden;

} */

.projects-banner{

    height:75vh;
    position:relative;
    overflow:hidden;

    background:
    linear-gradient(
        135deg,
        #1f2933 0%,
        #123b44 45%,
        var(--accent) 100%
    );

}

.projects-banner img{

    width:100%;
    height:100%;
    object-fit:cover;

}

.projects-banner-overlay{

    position:absolute;
    inset:0;

    background:
    linear-gradient(
        90deg,
        rgba(16,33,43,.85),
        rgba(0,117,130,.35)
    );

}

.projects-banner-content{

    position:absolute;

    top:50%;
    left:0;

    transform:translateY(-50%);

    width:100%;

    text-align:center;

    color:#fff;

}

.projects-banner-content h1{

    font-size:60px;

    font-weight:900;

    margin-bottom:25px;

}

.projects-breadcrumb{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:15px;

    font-size:17px;

    font-weight:700;

}

.projects-breadcrumb i{

    color:#0bb7c5;

    font-style:normal;

}

@media(max-width:991px){

   .projects-banner{

        height:500px;

    }

    .projects-banner-content h1{

        font-size:45px;

    }

}

@media(max-width:768px){

    .projects-banner{

        height:500px;

    }

    .projects-banner-content h1{

        font-size:38px;

    }

    .projects-breadcrumb{

        font-size:14px;

    }

}

@media(max-width:576px){

    .projects-banner{

        height:420px;

    }

    .projects-banner-content h1{

        font-size:32px;

    }

}

@media(max-width:480px){

    .projects-banner-content h1{

        font-size:29px;

    }

}

@media(max-width:360px){

    .projects-banner{

        height:380px;

    }

    .projects-banner-content h1{

        font-size:28px;

    }

}

@media(max-width:300px){

    .projects-banner{

        height:320px;

    }

    .projects-banner-content h1{

        font-size:24px;

    }

}

/* Projects Page First Section */
.we-ongoing-projects-section{

    padding:120px 0;

    background:#f6f9fa;

    overflow:hidden;

}



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

.we-ongoing-projects-heading{

    max-width:820px;

    margin:0 auto 65px;

    text-align:center;

}


.we-project-small-title{

    display:inline-block;

    color:#006d77;

    font-size:20px;

    font-weight:900;

    letter-spacing:4px;

    position:relative;

    padding-bottom:15px;

    margin-bottom:22px;

}


/* UNDERLINE */

.we-project-small-title::after{

    content:"";

    position:absolute;

    left:50%;

    bottom:0;

    transform:translateX(-50%);

    width:85px;

    height:4px;

    background:#006d77;

    border-radius:20px;

}


.we-ongoing-projects-heading h2{

    max-width:700px;

    margin:20px auto;

    color:#12202b;

    font-size:35px;

    line-height:1.2;

    font-weight:900;

}


.we-ongoing-projects-heading h2 strong{

    color:#006d77;

}


.we-ongoing-projects-heading p{

    max-width:680px;

    margin:auto;

    color:#64757c;

    font-size:16px;

    line-height:1.8;

}



/* =========================================
   PROJECT LIST
========================================= */

.we-ongoing-project-list{

    border-top:1px solid #dce5e7;

}



/* =========================================
   PROJECT ROW
========================================= */

.we-ongoing-project-row{

    position:relative;

    display:grid;

    grid-template-columns:
        55px
        170px
        1.15fr
        1fr
        180px
        55px;

    gap:25px;

    align-items:center;

    padding:26px 15px;

    border-bottom:1px solid #dce5e7;

    background:transparent;

    transition:
        background .35s ease,
        transform .35s ease,
        box-shadow .35s ease;

}


.we-ongoing-project-row:hover{

    background:#ffffff;

    transform:translateY(-3px);

    box-shadow:
    0 18px 45px rgba(6,53,64,.08);

}



/* =========================================
   PROJECT NUMBER
========================================= */

.we-project-row-number{

    color:#9aa9ae;

    font-size:14px;

    font-weight:900;

    letter-spacing:1px;

    transition:.3s ease;

}


.we-ongoing-project-row:hover
.we-project-row-number{

    color:#006d77;

}



/* =========================================
   IMAGE
========================================= */

.we-project-row-image{

    position:relative;

    width:170px;

    height:115px;

    overflow:hidden;

    border-radius:18px;

}


.we-project-row-image img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:.5s ease;

}


.we-ongoing-project-row:hover
.we-project-row-image img{

    transform:scale(1.07);

}



/* STATUS */

.we-project-status{

    position:absolute;

    top:10px;

    left:10px;

    padding:6px 11px;

    background:#006d77;

    color:#ffffff;

    border-radius:30px;

    font-size:9px;

    font-weight:900;

    letter-spacing:1px;

    text-transform:uppercase;

}



/* =========================================
   MAIN PROJECT INFO
========================================= */

.we-project-type{

    display:block;

    color:#006d77;

    font-size:10px;

    font-weight:900;

    letter-spacing:2px;

    margin-bottom:8px;

}


.we-project-row-main h3{

    margin:0 0 10px;

    color:#10232c;

    font-size:21px;

    line-height:1.3;

    font-weight:900;

}


.we-project-location{

    display:flex;

    align-items:center;

    gap:7px;

    color:#77868b;

    font-size:13px;

}


.we-project-location i{

    color:#006d77;

}



/* =========================================
   PROJECT SCOPE
========================================= */

.we-project-scope span{

    display:block;

    margin-bottom:8px;

    color:#10232c;

    font-size:11px;

    font-weight:900;

    text-transform:uppercase;

    letter-spacing:1px;

}


.we-project-scope p{

    margin:0;

    color:#718086;

    font-size:13px;

    line-height:1.6;

}



/* =========================================
   PROGRESS
========================================= */

.we-project-progress-top{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:10px;

}


.we-project-progress-top span{

    color:#77868b;

    font-size:12px;

    font-weight:700;

}


.we-project-progress-top strong{

    color:#006d77;

    font-size:14px;

    font-weight:900;

}


.we-project-progress-track{

    width:100%;

    height:7px;

    background:#dfe9eb;

    border-radius:20px;

    overflow:hidden;

}


.we-project-progress-bar{

    height:100%;

    background:
    linear-gradient(
        90deg,
        #006d77,
        #0bb7c5
    );

    border-radius:20px;

}



/* =========================================
   ARROW
========================================= */

.we-project-row-link{

    width:48px;

    height:48px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    border:1px solid #cbdadd;

    color:#006d77;

    text-decoration:none;

    transition:.35s ease;

}


.we-project-row-link:hover{

    background:#006d77;

    border-color:#006d77;

    color:#ffffff;

    transform:rotate(-8deg);

}



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

@media(max-width:1100px){

    .we-ongoing-project-row{

        grid-template-columns:
            40px
            140px
            1.2fr
            1fr
            150px
            45px;

        gap:18px;

    }


    .we-project-row-image{

        width:140px;

        height:105px;

    }


    .we-project-row-main h3{

        font-size:18px;

    }

}



@media(max-width:991px){

    .we-ongoing-projects-section{

        padding:90px 0;

    }


    .we-ongoing-project-row{

        grid-template-columns:
            45px
            145px
            1fr
            150px
            45px;

    }


    .we-project-scope{

        display:none;

    }

}



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

@media(max-width:768px){

    .we-ongoing-projects-section{

        padding:65px 14px;

    }


    .we-ongoing-projects-heading{

        margin-bottom:40px;

    }


    .we-project-small-title{

        font-size:14px;

        letter-spacing:3px;

        padding-bottom:12px;

        margin-bottom:18px;

    }


    .we-project-small-title::after{

        width:70px;

        height:3px;

    }


    .we-ongoing-projects-heading h2{

        font-size:30px;

        line-height:1.2;

        max-width:360px;

        margin:18px auto 20px;

    }


    .we-ongoing-projects-heading p{

        max-width:360px;

        font-size:14px;

        line-height:1.7;

    }



    /* MOBILE CARDS */

    .we-ongoing-project-list{

        display:flex;

        flex-direction:column;

        gap:18px;

        border-top:0;

    }


    .we-ongoing-project-row{

        display:grid;

        grid-template-columns:1fr auto;

        gap:0;

        padding:0;

        overflow:hidden;

        background:#ffffff;

        border:1px solid #e1eaec;

        border-radius:22px;

        box-shadow:
        0 15px 35px rgba(6,53,64,.07);

    }


    .we-ongoing-project-row:hover{

        transform:none;

    }


    .we-project-row-number{

        position:absolute;

        top:15px;

        right:15px;

        z-index:5;

        width:38px;

        height:38px;

        display:flex;

        align-items:center;

        justify-content:center;

        border-radius:50%;

        background:rgba(4,35,43,.72);

        color:#ffffff;

        backdrop-filter:blur(8px);

    }


    .we-project-row-image{

        grid-column:1 / -1;

        width:100%;

        height:230px;

        border-radius:0;

    }


    .we-project-status{

        top:15px;

        left:15px;

        padding:7px 13px;

    }


    .we-project-row-main{

        grid-column:1 / -1;

        padding:22px 20px 10px;

    }


    .we-project-row-main h3{

        font-size:21px;

    }


    .we-project-scope{

        display:block;

        grid-column:1 / -1;

        padding:0 20px 18px;

    }


    .we-project-progress{

        grid-column:1;

        padding:
        0
        15px
        22px
        20px;

    }


    .we-project-row-link{

        grid-column:2;

        align-self:end;

        margin:
        0
        18px
        18px
        0;

        width:44px;

        height:44px;

    }

}



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

@media(max-width:480px){

    .we-ongoing-projects-section{

        padding:55px 10px;

    }


    .we-ongoing-projects-heading h2{

        font-size:27px;

    }


    .we-project-row-image{

        height:210px;

    }


    .we-project-row-main{

        padding:
        20px
        17px
        10px;

    }


    .we-project-row-main h3{

        font-size:19px;

    }


    .we-project-scope{

        padding:
        0
        17px
        16px;

    }


    .we-project-scope p{

        font-size:12px;

    }


    .we-project-progress{

        padding:
        0
        12px
        20px
        17px;

    }

}



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

@media(max-width:360px){

    .we-ongoing-projects-heading h2{

        font-size:24px;

    }


    .we-project-row-image{

        height:190px;

    }


    .we-project-row-main h3{

        font-size:18px;

    }


    .we-project-type{

        font-size:9px;

    }

}

/* =========================================
   ONGOING PROJECTS SIZE + PREMIUM OVERRIDE
   ADD AT VERY END OF main.css
   EXISTING CSS KO TOUCH MAT KARNA
========================================= */


/* DESKTOP ROW SIZE */

.we-ongoing-project-row{

    min-height:165px;

    padding:30px 18px;

    grid-template-columns:
        60px
        205px
        1.2fr
        1fr
        200px
        58px;

    gap:28px;

}


/* IMAGE BIGGER */

.we-project-row-image{

    width:205px;

    height:135px;

    border-radius:20px;

}


/* PROJECT NUMBER */

.we-project-row-number{

    font-size:15px;

}


/* CATEGORY */

.we-project-type{

    font-size:10px;

    letter-spacing:2.2px;

    margin-bottom:10px;

}


/* TITLE */

.we-project-row-main h3{

    font-size:23px;

    line-height:1.28;

    margin-bottom:12px;

}


/* LOCATION */

.we-project-location{

    font-size:13px;

    gap:8px;

}


/* SCOPE */

.we-project-scope span{

    font-size:11px;

    margin-bottom:9px;

}


.we-project-scope p{

    font-size:13px;

    line-height:1.7;

}


/* PROGRESS */

.we-project-progress{

    padding-left:5px;

}


.we-project-progress-top{

    margin-bottom:12px;

}


.we-project-progress-top span{

    font-size:12px;

}


.we-project-progress-top strong{

    font-size:15px;

}


.we-project-progress-track{

    height:8px;

}


/* ARROW BUTTON */

.we-project-row-link{

    width:52px;

    height:52px;

    font-size:15px;

}


/* ROW HOVER MORE PREMIUM */

.we-ongoing-project-row:hover{

    background:#ffffff;

    transform:translateY(-5px);

    box-shadow:
        0 22px 55px rgba(6,53,64,.10);

}


/* IMAGE HOVER */

.we-ongoing-project-row:hover
.we-project-row-image img{

    transform:scale(1.08);

}


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

@media(max-width:1200px){

    .we-ongoing-project-row{

        grid-template-columns:
            48px
            175px
            1.2fr
            1fr
            170px
            50px;

        gap:22px;

    }


    .we-project-row-image{

        width:175px;

        height:125px;

    }


    .we-project-row-main h3{

        font-size:20px;

    }

}


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

@media(max-width:991px){

    .we-ongoing-project-row{

        min-height:150px;

        padding:26px 16px;

        grid-template-columns:
            45px
            165px
            1fr
            160px
            50px;

        gap:20px;

    }


    .we-project-row-image{

        width:165px;

        height:120px;

    }


    .we-project-row-main h3{

        font-size:19px;

    }

}


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

@media(max-width:768px){

    .we-ongoing-project-row{

        min-height:0;

        padding:0;

    }


    .we-project-row-image{

        width:100% !important;

        height:260px !important;

        border-radius:0;

    }


    .we-project-row-main{

        padding:24px 20px 12px;

    }


    .we-project-row-main h3{

        font-size:22px;

        line-height:1.3;

        margin-bottom:12px;

    }


    .we-project-type{

        font-size:10px;

        letter-spacing:2px;

        margin-bottom:8px;

    }


    .we-project-location{

        font-size:13px;

    }


    .we-project-scope{

        padding:
            0
            20px
            20px;

    }


    .we-project-scope p{

        font-size:13px;

        line-height:1.65;

    }


    .we-project-progress{

        padding:
            0
            16px
            24px
            20px;

    }


    .we-project-row-link{

        width:46px;

        height:46px;

        margin:
            0
            18px
            20px
            0;

    }

}


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

@media(max-width:480px){

    .we-project-row-image{

        height:235px !important;

    }


    .we-project-row-main{

        padding:
            22px
            17px
            10px;

    }


    .we-project-row-main h3{

        font-size:20px;

    }


    .we-project-scope{

        padding:
            0
            17px
            18px;

    }


    .we-project-progress{

        padding:
            0
            12px
            22px
            17px;

    }

}


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

@media(max-width:360px){

    .we-project-row-image{

        height:210px !important;

    }


    .we-project-row-main h3{

        font-size:18px;

    }

}

/* =========================================
   ONGOING PROJECTS PERMANENT DARK STYLE
   ADD AT VERY END ONLY
========================================= */


/* SECTION BACKGROUND */

.we-ongoing-projects-section{

    background:
    linear-gradient(
        180deg,
        #eef4f5 0%,
        #e9f1f2 100%
    );

}


/* =========================================
   PROJECT ROW - ALWAYS DARK
========================================= */

.we-ongoing-project-row{

    background:
    linear-gradient(
        135deg,
        #0b2f38,
        #123f49
    );

    border:1px solid rgba(255,255,255,.08);

    border-radius:22px;

    margin-bottom:18px;

    box-shadow:
    0 18px 45px rgba(6,53,64,.16);

    transition:
    transform .35s ease,
    box-shadow .35s ease,
    border-color .35s ease;

}


/* HOVER ONLY EXTRA DEPTH */

.we-ongoing-project-row:hover{

    background:
    linear-gradient(
        135deg,
        #092a32,
        #15505b
    );

    border-color:rgba(11,183,197,.45);

    transform:translateY(-5px);

    box-shadow:
    0 28px 65px rgba(6,53,64,.25);

}


/* =========================================
   PROJECT NUMBER
========================================= */

.we-project-row-number{

    color:#73dce3;

    font-weight:900;

}


/* =========================================
   PROJECT TYPE
========================================= */

.we-project-type{

    color:#57d8e0;

}


/* =========================================
   PROJECT TITLE
========================================= */

.we-project-row-main h3{

    color:#ffffff;

}


/* =========================================
   LOCATION
========================================= */

.we-project-location{

    color:#c5d8dc;

}


.we-project-location i{

    color:#54d4dc;

}


/* =========================================
   PROJECT SCOPE
========================================= */

.we-project-scope span{

    color:#ffffff;

}


.we-project-scope p{

    color:#b8cbcf;

}


/* =========================================
   PROGRESS
========================================= */

.we-project-progress-top span{

    color:#c3d5d8;

}


.we-project-progress-top strong{

    color:#58dce4;

}


.we-project-progress-track{

    background:rgba(255,255,255,.16);

}


.we-project-progress-bar{

    background:
    linear-gradient(
        90deg,
        #0bb7c5,
        #62dce4
    );

}


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

.we-project-row-link{

    background:rgba(255,255,255,.06);

    border:1px solid rgba(255,255,255,.25);

    color:#ffffff;

}


.we-project-row-link:hover{

    background:#0bb7c5;

    border-color:#0bb7c5;

    color:#ffffff;

    transform:rotate(-8deg);

}


/* =========================================
   IMAGE
========================================= */

.we-project-row-image{

    position:relative;

    overflow:hidden;

}


.we-project-row-image::after{

    content:"";

    position:absolute;

    inset:0;

    background:
    linear-gradient(
        180deg,
        rgba(5,35,42,.02) 25%,
        rgba(5,35,42,.35) 100%
    );

    pointer-events:none;

}


/* IMAGE HOVER */

.we-ongoing-project-row:hover
.we-project-row-image img{

    transform:scale(1.08);

}


/* =========================================
   STATUS BADGE
========================================= */

.we-project-status{

    background:#0bb7c5;

    color:#ffffff;

    border:1px solid rgba(255,255,255,.20);

    box-shadow:
    0 8px 20px rgba(0,0,0,.20);

}


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

.we-project-small-title{

    color:#006d77;

}


.we-ongoing-projects-heading h2{

    color:#12202b;

}


.we-ongoing-projects-heading h2 strong{

    color:#007985;

}


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

@media(max-width:768px){

    .we-ongoing-project-row{

        background:
        linear-gradient(
            145deg,
            #0a2e37,
            #12444e
        );

        border:1px solid rgba(255,255,255,.08);

        border-radius:22px;

        overflow:hidden;

    }


    .we-ongoing-project-row:hover{

        transform:none;

    }


    .we-project-row-main h3{

        color:#ffffff;

    }


    .we-project-type{

        color:#59d8df;

    }


    .we-project-location{

        color:#c7d9dc;

    }


    .we-project-scope span{

        color:#ffffff;

    }


    .we-project-scope p{

        color:#b8cbd0;

    }


    .we-project-progress-top span{

        color:#cadbdd;

    }


    .we-project-progress-top strong{

        color:#60dce4;

    }


    .we-project-row-link{

        background:#0bb7c5;

        border-color:#0bb7c5;

        color:#ffffff;

    }

}

/* =========================================
   ONGOING PROJECTS - MOBILE CARD DESIGN
   ADD AT VERY END ONLY
   DESKTOP WILL NOT CHANGE
========================================= */

@media(max-width:768px){

    .we-ongoing-projects-section{
        padding:60px 12px !important;
    }


    .we-ongoing-project-list{
        display:flex !important;
        flex-direction:column !important;
        gap:20px !important;
        border-top:0 !important;
    }


    .we-ongoing-project-row{
        display:flex !important;
        flex-direction:column !important;
        gap:0 !important;

        width:100% !important;

        min-height:0 !important;

        padding:0 !important;

        margin:0 !important;

        overflow:hidden !important;

        border-radius:24px !important;

        background:
        linear-gradient(
            145deg,
            #0a2e37,
            #12444e
        ) !important;

        border:1px solid rgba(255,255,255,.08) !important;

        box-shadow:
        0 18px 40px rgba(6,53,64,.20) !important;

        transform:none !important;
    }


    /* IMAGE */

    .we-project-row-image{
        order:1;

        width:100% !important;
        height:240px !important;

        border-radius:0 !important;

        overflow:hidden !important;
    }


    .we-project-row-image img{
        width:100% !important;
        height:100% !important;

        object-fit:cover !important;
        object-position:center !important;
    }


    /* NUMBER */

    .we-project-row-number{
        position:absolute !important;

        top:16px !important;
        right:16px !important;

        z-index:5;

        width:40px !important;
        height:40px !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        border-radius:50% !important;

        background:rgba(5,36,43,.78) !important;

        color:#ffffff !important;

        border:1px solid rgba(255,255,255,.18) !important;

        backdrop-filter:blur(8px);

        font-size:11px !important;
    }


    /* STATUS */

    .we-project-status{
        top:16px !important;
        left:16px !important;

        padding:7px 13px !important;

        border-radius:50px !important;

        background:#0bb7c5 !important;

        color:#ffffff !important;

        font-size:9px !important;
        letter-spacing:1px !important;
    }


    /* MAIN CONTENT */

    .we-project-row-main{
        order:2;

        width:100% !important;

        padding:24px 20px 12px !important;
    }


    .we-project-type{
        display:block !important;

        color:#59dbe3 !important;

        font-size:10px !important;

        letter-spacing:2px !important;

        margin-bottom:9px !important;
    }


    .we-project-row-main h3{
        color:#ffffff !important;

        font-size:22px !important;

        line-height:1.28 !important;

        margin:0 0 12px !important;
    }


    .we-project-location{
        color:#c8d9dc !important;

        font-size:13px !important;

        gap:8px !important;
    }


    .we-project-location i{
        color:#54d9e1 !important;
    }


    /* PROJECT SCOPE */

    .we-project-scope{
        order:3;

        display:block !important;

        width:100% !important;

        padding:8px 20px 20px !important;
    }


    .we-project-scope span{
        color:#ffffff !important;

        font-size:10px !important;

        letter-spacing:1.3px !important;

        margin-bottom:7px !important;
    }


    .we-project-scope p{
        color:#b9cdd1 !important;

        font-size:13px !important;

        line-height:1.65 !important;

        margin:0 !important;
    }


    /* DIVIDER */

    .we-project-scope::after{
        content:"";

        display:block;

        width:100%;

        height:1px;

        margin-top:20px;

        background:rgba(255,255,255,.10);
    }


    /* PROGRESS */

    .we-project-progress{
        order:4;

        width:100% !important;

        padding:0 20px 24px !important;
    }


    .we-project-progress-top{
        margin-bottom:10px !important;
    }


    .we-project-progress-top span{
        color:#cfdee1 !important;

        font-size:12px !important;
    }


    .we-project-progress-top strong{
        color:#5cdee6 !important;

        font-size:14px !important;
    }


    .we-project-progress-track{
        width:100% !important;

        height:8px !important;

        background:rgba(255,255,255,.14) !important;

        border-radius:20px !important;
    }


    .we-project-progress-bar{
        height:100% !important;

        background:
        linear-gradient(
            90deg,
            #0bb7c5,
            #65dce4
        ) !important;

        border-radius:20px !important;
    }


    /* ARROW */

    .we-project-row-link{
        order:5;

        position:absolute !important;

        right:18px !important;
        bottom:18px !important;

        width:44px !important;
        height:44px !important;

        margin:0 !important;

        border-radius:50% !important;

        background:#0bb7c5 !important;

        border-color:#0bb7c5 !important;

        color:#ffffff !important;

        box-shadow:
        0 10px 25px rgba(11,183,197,.28) !important;
    }


    .we-project-row-link:hover{
        transform:none !important;
    }

}


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

@media(max-width:480px){

    .we-ongoing-projects-section{
        padding:50px 10px !important;
    }


    .we-ongoing-project-list{
        gap:16px !important;
    }


    .we-ongoing-project-row{
        border-radius:20px !important;
    }


    .we-project-row-image{
        height:220px !important;
    }


    .we-project-row-main{
        padding:21px 17px 10px !important;
    }


    .we-project-row-main h3{
        font-size:20px !important;
    }


    .we-project-scope{
        padding:
        8px
        17px
        18px !important;
    }


    .we-project-progress{
        padding:
        0
        65px
        22px
        17px !important;
    }


    .we-project-row-link{
        right:16px !important;
        bottom:16px !important;

        width:42px !important;
        height:42px !important;
    }

}


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

@media(max-width:360px){

    .we-project-row-image{
        height:200px !important;
    }


    .we-project-row-main h3{
        font-size:18px !important;
    }


    .we-project-scope p{
        font-size:12px !important;
    }


    .we-project-progress{
        padding-right:60px !important;
    }

}

/* Projects Page Second Section */
.we-completed-projects-section{

    padding:120px 0;

    background:#082b34;

    position:relative;

    overflow:hidden;

}


/* SOFT BACKGROUND DECORATION */

.we-completed-projects-section::before{

    content:"";

    position:absolute;

    width:430px;

    height:430px;

    border-radius:50%;

    top:-220px;

    right:-150px;

    background:rgba(11,183,197,.09);

    filter:blur(5px);

}


.we-completed-projects-section::after{

    content:"";

    position:absolute;

    width:300px;

    height:300px;

    left:-150px;

    bottom:-150px;

    border-radius:50%;

    border:1px solid rgba(255,255,255,.06);

}


.we-completed-projects-section .container{

    position:relative;

    z-index:2;

}



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

.we-completed-heading{

    max-width:820px;

    margin:0 auto 55px;

    text-align:center;

}


.we-completed-small-title{

    display:inline-block;

    color:#5edce4;

    font-size:20px;

    font-weight:900;

    letter-spacing:4px;

    position:relative;

    padding-bottom:15px;

    margin-bottom:22px;

}


.we-completed-small-title::after{

    content:"";

    position:absolute;

    left:50%;

    bottom:0;

    width:85px;

    height:4px;

    transform:translateX(-50%);

    background:#0bb7c5;

    border-radius:20px;

}


.we-completed-heading h2{

    max-width:700px;

    margin:20px auto;

    color:#ffffff;

    font-size:35px;

    line-height:1.2;

    font-weight:900;

}


.we-completed-heading h2 strong{

    color:#5edce4;

}


.we-completed-heading p{

    max-width:680px;

    margin:auto;

    color:#abc3c8;

    font-size:16px;

    line-height:1.8;

}



/* =========================================
   FILTER
========================================= */

.we-completed-filter{

    display:flex;

    justify-content:center;

    align-items:center;

    flex-wrap:wrap;

    gap:10px;

    margin-bottom:42px;

}


.we-completed-filter-btn{

    padding:11px 21px;

    border-radius:50px;

    border:1px solid rgba(255,255,255,.14);

    background:rgba(255,255,255,.04);

    color:#c4d6da;

    font-size:12px;

    font-weight:800;

    cursor:pointer;

    transition:.3s ease;

}


.we-completed-filter-btn:hover,
.we-completed-filter-btn.active{

    background:#0bb7c5;

    border-color:#0bb7c5;

    color:#ffffff;

}



/* =========================================
   PROJECT GRID
========================================= */

.we-completed-project-grid{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:28px;

}



/* =========================================
   PROJECT CARD
========================================= */

.we-completed-project-card{

    background:#ffffff;

    border-radius:28px;

    overflow:hidden;

    position:relative;

    box-shadow:
    0 25px 60px rgba(0,0,0,.17);

    transition:
    transform .45s ease,
    box-shadow .45s ease,
    opacity .3s ease;

}


.we-completed-project-card:hover{

    transform:translateY(-8px);

    box-shadow:
    0 35px 80px rgba(0,0,0,.28);

}


.we-completed-project-card.completed-hidden{

    display:none;

}



/* =========================================
   IMAGE
========================================= */

.we-completed-project-image{

    position:relative;

    height:310px;

    overflow:hidden;

    background:#0b3039;

}


.we-completed-project-image img{

    width:100%;

    height:100%;

    object-fit:cover;

    display:block;

    transition:.7s ease;

}


.we-completed-project-card:hover
.we-completed-project-image img{

    transform:scale(1.07);

}


.we-completed-image-overlay{

    position:absolute;

    inset:0;

    background:
    linear-gradient(
        180deg,
        rgba(3,28,35,.05) 30%,
        rgba(3,28,35,.45) 100%
    );

}



/* STATUS */

.we-completed-status{

    position:absolute;

    top:20px;

    left:20px;

    display:inline-flex;

    align-items:center;

    gap:7px;

    padding:8px 14px;

    border-radius:50px;

    background:#0bb7c5;

    color:#ffffff;

    font-size:10px;

    font-weight:900;

    letter-spacing:1px;

    text-transform:uppercase;

    box-shadow:
    0 8px 24px rgba(0,0,0,.18);

}


.we-completed-status i{

    font-size:9px;

}



/* YEAR */

.we-completed-year{

    position:absolute;

    right:20px;

    bottom:20px;

    width:92px;

    height:92px;

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

    border-radius:50%;

    background:#ffffff;

    color:#10232c;

    box-shadow:
    0 15px 35px rgba(0,0,0,.18);

}


.we-completed-year small{

    display:block;

    margin-bottom:2px;

    color:#718087;

    font-size:9px;

    font-weight:800;

    text-transform:uppercase;

}


.we-completed-year strong{

    color:#006d77;

    font-size:21px;

    font-weight:900;

}



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

.we-completed-project-content{

    padding:30px;

}


.we-completed-category{

    display:block;

    margin-bottom:10px;

    color:#006d77;

    font-size:10px;

    font-weight:900;

    letter-spacing:2px;

}


.we-completed-project-content h3{

    margin:0 0 24px;

    color:#10232c;

    font-size:26px;

    line-height:1.3;

    font-weight:900;

}



/* META */

.we-completed-meta{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:14px;

    padding:18px 0;

    border-top:1px solid #e3eaec;

    border-bottom:1px solid #e3eaec;

}


.we-completed-meta > div{

    display:flex;

    align-items:center;

    gap:11px;

}


.we-completed-meta i{

    width:36px;

    height:36px;

    min-width:36px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:11px;

    background:#eaf7f8;

    color:#006d77;

    font-size:13px;

}


.we-completed-meta span{

    color:#263a41;

    font-size:13px;

    font-weight:800;

}


.we-completed-meta small{

    display:block;

    margin-bottom:2px;

    color:#87969b;

    font-size:9px;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:.7px;

}



/* SCOPE */

.we-completed-scope{

    padding:22px 0;

}


.we-completed-scope > span{

    display:block;

    margin-bottom:8px;

    color:#10232c;

    font-size:11px;

    font-weight:900;

    letter-spacing:1px;

    text-transform:uppercase;

}


.we-completed-scope p{

    margin:0;

    color:#6e7e83;

    font-size:14px;

    line-height:1.7;

}



/* PROJECT LINK */

.we-completed-project-link{

    display:flex;

    align-items:center;

    justify-content:space-between;

    padding-top:18px;

    border-top:1px solid #e3eaec;

    color:#006d77;

    text-decoration:none;

    font-size:13px;

    font-weight:900;

    transition:.3s ease;

}


.we-completed-project-link i{

    width:42px;

    height:42px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:#edf7f8;

    color:#006d77;

    transition:.35s ease;

}


.we-completed-project-link:hover{

    color:#0b8e99;

}


.we-completed-project-link:hover i{

    background:#006d77;

    color:#ffffff;

    transform:translateX(4px);

}



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

@media(max-width:991px){

    .we-completed-projects-section{

        padding:90px 0;

    }


    .we-completed-project-image{

        height:270px;

    }


    .we-completed-project-content{

        padding:24px;

    }


    .we-completed-project-content h3{

        font-size:22px;

    }

}



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

@media(max-width:768px){

    .we-completed-projects-section{

        padding:65px 14px;

    }


    .we-completed-heading{

        margin-bottom:38px;

    }


    .we-completed-small-title{

        font-size:14px;

        letter-spacing:3px;

        padding-bottom:12px;

        margin-bottom:18px;

    }


    .we-completed-small-title::after{

        width:70px;

        height:3px;

    }


    .we-completed-heading h2{

        max-width:360px;

        font-size:30px;

        line-height:1.2;

        margin:18px auto 20px;

    }


    .we-completed-heading p{

        max-width:360px;

        font-size:14px;

        line-height:1.7;

    }


    /* FILTER SCROLL */

    .we-completed-filter{

        justify-content:flex-start;

        flex-wrap:nowrap;

        overflow-x:auto;

        padding-bottom:12px;

        margin-bottom:25px;

        scrollbar-width:none;

    }


    .we-completed-filter::-webkit-scrollbar{

        display:none;

    }


    .we-completed-filter-btn{

        flex:0 0 auto;

        padding:9px 17px;

        font-size:11px;

        white-space:nowrap;

    }


    /* ONE CARD PER ROW */

    .we-completed-project-grid{

        grid-template-columns:1fr;

        gap:20px;

    }


    .we-completed-project-card{

        border-radius:22px;

    }


    .we-completed-project-card:hover{

        transform:none;

    }


    .we-completed-project-image{

        height:260px;

    }


    .we-completed-year{

        width:78px;

        height:78px;

        right:15px;

        bottom:15px;

    }


    .we-completed-year strong{

        font-size:18px;

    }


    .we-completed-status{

        top:15px;

        left:15px;

    }


    .we-completed-project-content{

        padding:22px 20px;

    }


    .we-completed-project-content h3{

        font-size:22px;

        margin-bottom:20px;

    }


    .we-completed-meta{

        gap:10px;

    }


    .we-completed-meta i{

        width:33px;

        height:33px;

        min-width:33px;

    }

}



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

@media(max-width:480px){

    .we-completed-projects-section{

        padding:55px 10px;

    }


    .we-completed-heading h2{

        font-size:27px;

    }


    .we-completed-project-image{

        height:230px;

    }


    .we-completed-project-content{

        padding:20px 17px;

    }


    .we-completed-project-content h3{

        font-size:20px;

    }


    .we-completed-meta{

        grid-template-columns:1fr;

    }


    .we-completed-year{

        width:72px;

        height:72px;

    }


    .we-completed-year strong{

        font-size:16px;

    }

}



/* =========================================
   EXTRA SMALL
========================================= */

@media(max-width:360px){

    .we-completed-heading h2{

        font-size:24px;

    }


    .we-completed-project-image{

        height:210px;

    }


    .we-completed-project-content h3{

        font-size:18px;

    }


    .we-completed-scope p{

        font-size:13px;

    }

}

/* =========================================
   COMPLETED PROJECTS LOAD MORE BUTTON
========================================= */

.we-completed-loadmore-wrap{
    display:flex;
    justify-content:center;
    margin-top:40px;
}

.we-completed-loadmore-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;

    padding:14px 28px;

    border:none;
    border-radius:50px;

    background:#0bb7c5;
    color:#ffffff;

    font-size:13px;
    font-weight:900;

    cursor:pointer;

    transition:.35s ease;
}

.we-completed-loadmore-btn:hover{
    background:#ffffff;
    color:#006d77;
    transform:translateY(-3px);
}

.we-completed-loadmore-btn i{
    font-size:12px;
}

.we-completed-loadmore-btn.hide-load-more{
    display:none;
}

@media(max-width:768px){

    .we-completed-loadmore-wrap{
        margin-top:28px;
    }

    .we-completed-loadmore-btn{
        padding:12px 22px;
        font-size:12px;
    }

}

/* =========================================
   COMPLETED PROJECT CARDS
   NARROWER + BALANCED PREMIUM FIX
   REPLACE PREVIOUS COMPACT OVERRIDE
========================================= */

.we-completed-project-grid{

    max-width:880px;

    margin-left:auto;

    margin-right:auto;

    gap:22px;

}


/* CARD */

.we-completed-project-card{

    border-radius:22px;

    overflow:hidden;

}


/* IMAGE */

.we-completed-project-image{

    height:230px;

}


/* CONTENT */

.we-completed-project-content{

    padding:20px 20px 18px;

}


.we-completed-project-content h3{

    font-size:21px;

    line-height:1.3;

    margin-bottom:16px;

}


/* CATEGORY */

.we-completed-category{

    font-size:9px;

    letter-spacing:1.8px;

    margin-bottom:8px;

}


/* META */

.we-completed-meta{

    padding:12px 0;

    gap:10px;

}


.we-completed-meta i{

    width:30px;

    height:30px;

    min-width:30px;

    border-radius:9px;

    font-size:11px;

}


.we-completed-meta span{

    font-size:12px;

}


.we-completed-meta small{

    font-size:8px;

}


/* SCOPE */

.we-completed-scope{

    padding:15px 0;

}


.we-completed-scope > span{

    font-size:10px;

    margin-bottom:6px;

}


.we-completed-scope p{

    font-size:12px;

    line-height:1.55;

}


/* VIEW PROJECT */

.we-completed-project-link{

    padding-top:12px;

    font-size:12px;

}


.we-completed-project-link i{

    width:36px;

    height:36px;

    font-size:12px;

}


/* YEAR CIRCLE */

.we-completed-year{

    width:68px;

    height:68px;

    right:14px;

    bottom:14px;

}


.we-completed-year strong{

    font-size:16px;

}


.we-completed-year small{

    font-size:7px;

}


/* STATUS */

.we-completed-status{

    top:14px;

    left:14px;

    padding:6px 11px;

    font-size:9px;

}


/* =========================================
   LARGE SCREEN - KEEP CARDS CONTROLLED
========================================= */

@media(min-width:1200px){

    .we-completed-project-grid{

        max-width:880px;

    }

}


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

@media(max-width:991px){

    .we-completed-project-grid{

        max-width:760px;

        gap:18px;

    }


    .we-completed-project-image{

        height:215px;

    }


    .we-completed-project-content{

        padding:18px;

    }


    .we-completed-project-content h3{

        font-size:19px;

    }

}


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

@media(max-width:768px){

    .we-completed-project-grid{

        max-width:430px;

        grid-template-columns:1fr;

        margin-left:auto;

        margin-right:auto;

        gap:18px;

    }


    .we-completed-project-card{

        border-radius:20px;

    }


    .we-completed-project-image{

        height:220px;

    }


    .we-completed-project-content{

        padding:18px 17px 16px;

    }


    .we-completed-project-content h3{

        font-size:20px;

        margin-bottom:15px;

    }


    .we-completed-year{

        width:64px;

        height:64px;

    }

}


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

@media(max-width:480px){

    .we-completed-project-grid{

        max-width:360px;

    }


    .we-completed-project-image{

        height:205px;

    }


    .we-completed-project-content{

        padding:16px 15px;

    }


    .we-completed-project-content h3{

        font-size:18px;

    }


    .we-completed-meta{

        grid-template-columns:1fr;

        gap:8px;

    }


    .we-completed-scope{

        padding:13px 0;

    }


    .we-completed-year{

        width:60px;

        height:60px;

        right:12px;

        bottom:12px;

    }

}


/* =========================================
   EXTRA SMALL
========================================= */

@media(max-width:360px){

    .we-completed-project-grid{

        max-width:100%;

    }


    .we-completed-project-image{

        height:190px;

    }

}

/* =========================================
   COMPLETED PROJECTS - 3 CARDS PER ROW
   ADD AT VERY END ONLY
========================================= */

.we-completed-project-grid{

    max-width:1180px !important;

    margin-left:auto !important;

    margin-right:auto !important;

    display:grid !important;

    grid-template-columns:repeat(3, 1fr) !important;

    gap:20px !important;

}


/* CARD */

.we-completed-project-card{

    width:100% !important;

    border-radius:20px !important;

}


/* IMAGE HEIGHT */

.we-completed-project-image{

    height:210px !important;

}


/* CONTENT */

.we-completed-project-content{

    padding:18px 18px 16px !important;

}


.we-completed-project-content h3{

    font-size:19px !important;

    line-height:1.3 !important;

    margin-bottom:14px !important;

}


/* CATEGORY */

.we-completed-category{

    font-size:8px !important;

    letter-spacing:1.5px !important;

}


/* META */

.we-completed-meta{

    padding:11px 0 !important;

    gap:8px !important;

}


.we-completed-meta i{

    width:28px !important;

    height:28px !important;

    min-width:28px !important;

    font-size:10px !important;

}


.we-completed-meta span{

    font-size:11px !important;

}


.we-completed-meta small{

    font-size:7px !important;

}


/* SCOPE */

.we-completed-scope{

    padding:13px 0 !important;

}


.we-completed-scope > span{

    font-size:9px !important;

}


.we-completed-scope p{

    font-size:11px !important;

    line-height:1.5 !important;

}


/* VIEW PROJECT */

.we-completed-project-link{

    padding-top:10px !important;

    font-size:11px !important;

}


.we-completed-project-link i{

    width:34px !important;

    height:34px !important;

    font-size:11px !important;

}


/* YEAR */

.we-completed-year{

    width:62px !important;

    height:62px !important;

    right:12px !important;

    bottom:12px !important;

}


.we-completed-year strong{

    font-size:15px !important;

}


.we-completed-year small{

    font-size:7px !important;

}


/* STATUS */

.we-completed-status{

    top:12px !important;

    left:12px !important;

    padding:5px 9px !important;

    font-size:8px !important;

}


/* =========================================
   TABLET - 2 CARDS
========================================= */

@media(max-width:991px){

    .we-completed-project-grid{

        max-width:820px !important;

        grid-template-columns:repeat(2,1fr) !important;

        gap:18px !important;

    }


    .we-completed-project-image{

        height:205px !important;

    }

}


/* =========================================
   MOBILE - 1 CARD
========================================= */

@media(max-width:768px){

    .we-completed-project-grid{

        max-width:430px !important;

        grid-template-columns:1fr !important;

        gap:18px !important;

    }


    .we-completed-project-image{

        height:220px !important;

    }


    .we-completed-project-content{

        padding:18px 17px 16px !important;

    }


    .we-completed-project-content h3{

        font-size:20px !important;

    }


    .we-completed-meta span{

        font-size:12px !important;

    }


    .we-completed-scope p{

        font-size:12px !important;

    }

}


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

@media(max-width:480px){

    .we-completed-project-grid{

        max-width:360px !important;

    }


    .we-completed-project-image{

        height:205px !important;

    }


    .we-completed-project-content h3{

        font-size:18px !important;

    }

}

#completedLoadMoreBtn{
    display:none;
}

/* Projects Page Third Section */
.we-portfolio-spotlight-section{
    padding:90px 0;
    background:#f7fbfc;
    position:relative;
    overflow:hidden;
}


/* BACKGROUND DECORATION */

.we-portfolio-spotlight-section::before{
    content:"";
    position:absolute;
    width:340px;
    height:340px;
    right:-130px;
    top:-120px;
    border-radius:50%;
    background:rgba(11,183,197,.07);
}


.we-portfolio-spotlight-section::after{
    content:"";
    position:absolute;
    width:260px;
    height:260px;
    left:-120px;
    bottom:-130px;
    border-radius:50%;
    border:1px solid rgba(0,109,119,.08);
}


.we-portfolio-spotlight-section .container{
    position:relative;
    z-index:2;
}


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

.we-portfolio-spotlight-heading{
    max-width:760px;
    margin:0 auto 42px;
    text-align:center;
}


.we-portfolio-spotlight-small{
    display:inline-block;
    color:#006d77;
    font-size:20px;
    font-weight:900;
    letter-spacing:4px;
    position:relative;
    padding-bottom:14px;
    margin-bottom:18px;
}


.we-portfolio-spotlight-small::after{
    content:"";
    position:absolute;
    left:50%;
    bottom:0;
    width:85px;
    height:4px;
    transform:translateX(-50%);
    background:#0bb7c5;
    border-radius:20px;
}


.we-portfolio-spotlight-heading h2{
    margin:18px auto;
    color:#10232c;
    font-size:35px;
    line-height:1.2;
    font-weight:900;
}


.we-portfolio-spotlight-heading h2 strong{
    color:#006d77;
}


.we-portfolio-spotlight-heading p{
    max-width:650px;
    margin:auto;
    color:#6f8085;
    font-size:15px;
    line-height:1.75;
}


/* =========================================
   MAIN SPOTLIGHT
========================================= */

.we-portfolio-spotlight-main{
    max-width:1100px;
    margin:0 auto;
    display:grid;
    grid-template-columns:1.15fr .85fr;
    min-height:420px;
    border-radius:26px;
    overflow:hidden;
    background:#ffffff;
    box-shadow:0 25px 65px rgba(16,35,44,.10);
}


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

.we-portfolio-spotlight-visual{
    position:relative;
    min-height:420px;
    overflow:hidden;
    background:#0b3039;
}


.we-portfolio-spotlight-visual img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:
        opacity .35s ease,
        transform .6s ease;
}


.we-portfolio-spotlight-main:hover
.we-portfolio-spotlight-visual img{
    transform:scale(1.035);
}


.we-portfolio-spotlight-overlay{
    position:absolute;
    inset:0;
    background:
        linear-gradient(
            180deg,
            rgba(3,27,33,.05) 20%,
            rgba(3,27,33,.68) 100%
        );
}


/* PROJECT NUMBER */

.we-portfolio-spotlight-number{
    position:absolute;
    top:20px;
    left:20px;
    width:78px;
    height:78px;
    border-radius:18px;
    background:rgba(255,255,255,.95);
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    box-shadow:0 15px 30px rgba(0,0,0,.15);
}


.we-portfolio-spotlight-number span{
    color:#87989d;
    font-size:8px;
    font-weight:900;
    letter-spacing:1.2px;
}


.we-portfolio-spotlight-number strong{
    color:#006d77;
    font-size:24px;
    font-weight:900;
    line-height:1.1;
}


/* CATEGORY */

.we-portfolio-spotlight-category{
    position:absolute;
    left:20px;
    bottom:20px;
    padding:8px 14px;
    border-radius:50px;
    background:#0bb7c5;
    color:#ffffff;
    font-size:9px;
    font-weight:900;
    letter-spacing:1.3px;
}


/* IMAGE LINK */

.we-portfolio-spotlight-image-link{
    position:absolute;
    right:20px;
    bottom:20px;
    width:45px;
    height:45px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#ffffff;
    color:#006d77;
    text-decoration:none;
    transition:.3s ease;
}


.we-portfolio-spotlight-image-link:hover{
    background:#0bb7c5;
    color:#ffffff;
    transform:translateY(-3px);
}


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

.we-portfolio-spotlight-content{
    padding:36px 34px;
    display:flex;
    flex-direction:column;
    justify-content:center;
}


.we-portfolio-spotlight-top{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:15px;
    padding-bottom:14px;
    margin-bottom:18px;
    border-bottom:1px solid #e1eaec;
}


.we-portfolio-spotlight-top span{
    color:#839398;
    font-size:10px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.8px;
}


.we-portfolio-spotlight-content h3{
    margin:0 0 16px;
    color:#10232c;
    font-size:28px;
    line-height:1.25;
    font-weight:900;
}


.we-portfolio-spotlight-content > p{
    margin:0;
    color:#708086;
    font-size:13px;
    line-height:1.7;
}


/* =========================================
   INFO BOXES
========================================= */

.we-portfolio-spotlight-info{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
    margin-top:22px;
}


.we-portfolio-spotlight-info > div{
    padding:13px 14px;
    border-radius:12px;
    background:#f1f7f8;
}


.we-portfolio-spotlight-info span{
    display:block;
    margin-bottom:4px;
    color:#8a989c;
    font-size:8px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.8px;
}


.we-portfolio-spotlight-info strong{
    display:block;
    color:#19333b;
    font-size:12px;
    font-weight:900;
}


/* =========================================
   TAGS
========================================= */

.we-portfolio-spotlight-tags{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
    margin-top:18px;
}


.we-portfolio-spotlight-tags span{
    padding:6px 10px;
    border-radius:6px;
    background:#eaf7f8;
    color:#006d77;
    font-size:9px;
    font-weight:800;
}


/* =========================================
   VIEW LINK
========================================= */

.we-portfolio-spotlight-view{
    margin-top:22px;
    padding-top:17px;
    border-top:1px solid #e1eaec;
    display:flex;
    align-items:center;
    justify-content:space-between;
    color:#006d77;
    text-decoration:none;
    font-size:12px;
    font-weight:900;
}


.we-portfolio-spotlight-view i{
    width:37px;
    height:37px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#10232c;
    color:#ffffff;
    font-size:11px;
    transition:.3s ease;
}


.we-portfolio-spotlight-view:hover i{
    background:#0bb7c5;
    transform:translateX(4px);
}


/* =========================================
   PROJECT SELECTOR
========================================= */

.we-portfolio-project-selector{
    max-width:1100px;
    margin:18px auto 0;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:10px;
}


/* SELECTOR ITEM */

.we-portfolio-selector-item{
    min-height:92px;
    border:1px solid #dce8ea;
    border-radius:15px;
    padding:14px;
    background:#ffffff;

    display:grid;
    grid-template-columns:auto 1fr auto;
    align-items:center;
    gap:11px;

    text-align:left;
    cursor:pointer;

    transition:
        background .3s ease,
        border-color .3s ease,
        transform .3s ease,
        box-shadow .3s ease;
}


.we-portfolio-selector-item:hover{
    transform:translateY(-3px);
    border-color:#9edbe0;
    box-shadow:0 10px 30px rgba(16,35,44,.08);
}


.we-portfolio-selector-item.active{
    background:#0a3540;
    border-color:#0a3540;
}


/* NUMBER */

.we-portfolio-selector-number{
    width:38px;
    height:38px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:10px;
    background:#edf7f8;
    color:#006d77;
    font-size:11px;
    font-weight:900;
}


.we-portfolio-selector-item.active
.we-portfolio-selector-number{
    background:#0bb7c5;
    color:#ffffff;
}


/* TEXT */

.we-portfolio-selector-text{
    min-width:0;
}


.we-portfolio-selector-text small{
    display:block;
    margin-bottom:4px;
    color:#8b9b9f;
    font-size:7px;
    font-weight:900;
    letter-spacing:.7px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}


.we-portfolio-selector-text strong{
    display:block;
    color:#18323a;
    font-size:11px;
    line-height:1.25;
    font-weight:900;
}


.we-portfolio-selector-item.active
.we-portfolio-selector-text small{
    color:#73d7df;
}


.we-portfolio-selector-item.active
.we-portfolio-selector-text strong{
    color:#ffffff;
}


/* ARROW */

.we-portfolio-selector-item > i{
    color:#a2b0b4;
    font-size:10px;
    transition:.3s ease;
}


.we-portfolio-selector-item.active > i{
    color:#5edce4;
}


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

@media(max-width:991px){

    .we-portfolio-spotlight-section{
        padding:75px 0;
    }


    .we-portfolio-spotlight-main{
        max-width:850px;
        grid-template-columns:1fr 1fr;
        min-height:390px;
    }


    .we-portfolio-spotlight-visual{
        min-height:390px;
    }


    .we-portfolio-spotlight-content{
        padding:28px 24px;
    }


    .we-portfolio-spotlight-content h3{
        font-size:23px;
    }


    .we-portfolio-project-selector{
        max-width:850px;
        grid-template-columns:repeat(2,1fr);
    }

}


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

@media(max-width:768px){

    .we-portfolio-spotlight-section{
        padding:60px 14px;
    }


    .we-portfolio-spotlight-heading{
        margin-bottom:30px;
    }


    .we-portfolio-spotlight-small{
        font-size:14px;
        letter-spacing:3px;
        padding-bottom:12px;
    }


    .we-portfolio-spotlight-small::after{
        width:70px;
        height:3px;
    }


    .we-portfolio-spotlight-heading h2{
        max-width:390px;
        font-size:30px;
    }


    .we-portfolio-spotlight-heading p{
        max-width:390px;
        font-size:14px;
    }


    .we-portfolio-spotlight-main{
        grid-template-columns:1fr;
        min-height:auto;
        border-radius:22px;
    }


    .we-portfolio-spotlight-visual{
        min-height:260px;
        height:260px;
    }


    .we-portfolio-spotlight-content{
        padding:24px 20px;
    }


    .we-portfolio-spotlight-content h3{
        font-size:22px;
    }


    .we-portfolio-project-selector{
        grid-template-columns:1fr 1fr;
        gap:8px;
    }


    .we-portfolio-selector-item{
        min-height:82px;
        padding:11px;
        grid-template-columns:auto 1fr;
    }


    .we-portfolio-selector-item > i{
        display:none;
    }

}


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

@media(max-width:480px){

    .we-portfolio-spotlight-section{
        padding:52px 10px;
    }


    .we-portfolio-spotlight-heading h2{
        font-size:27px;
    }


    .we-portfolio-spotlight-visual{
        height:225px;
        min-height:225px;
    }


    .we-portfolio-spotlight-number{
        width:62px;
        height:62px;
        top:14px;
        left:14px;
    }


    .we-portfolio-spotlight-number strong{
        font-size:19px;
    }


    .we-portfolio-spotlight-category{
        left:14px;
        bottom:14px;
        font-size:8px;
    }


    .we-portfolio-spotlight-image-link{
        right:14px;
        bottom:14px;
        width:40px;
        height:40px;
    }


    .we-portfolio-spotlight-content{
        padding:21px 17px;
    }


    .we-portfolio-spotlight-content h3{
        font-size:20px;
    }


    .we-portfolio-spotlight-info{
        grid-template-columns:1fr;
    }


    .we-portfolio-project-selector{
        grid-template-columns:1fr;
    }


    .we-portfolio-selector-item{
        min-height:70px;
    }

}

/* =========================================
   PROJECT PORTFOLIO
   MOBILE PREMIUM FINAL OVERRIDE
   ADD AT VERY END
========================================= */

@media(max-width:768px){

    .we-portfolio-spotlight-section{
        padding:58px 12px 62px !important;
    }


    /* HEADING */

    .we-portfolio-spotlight-heading{
        max-width:420px !important;
        margin:0 auto 28px !important;
        text-align:center !important;
    }


    .we-portfolio-spotlight-small{
        font-size:13px !important;
        letter-spacing:2.7px !important;
        margin-bottom:14px !important;
        padding-bottom:11px !important;
    }


    .we-portfolio-spotlight-small::after{
        width:64px !important;
        height:3px !important;
    }


    .we-portfolio-spotlight-heading h2{
        max-width:360px !important;
        margin:14px auto 14px !important;
        font-size:28px !important;
        line-height:1.16 !important;
    }


    .we-portfolio-spotlight-heading p{
        max-width:360px !important;
        font-size:13px !important;
        line-height:1.65 !important;
    }


    /* MAIN CARD */

    .we-portfolio-spotlight-main{
        max-width:430px !important;
        margin:0 auto !important;
        grid-template-columns:1fr !important;
        border-radius:24px !important;
        overflow:hidden !important;
        box-shadow:
            0 18px 50px rgba(16,35,44,.12) !important;
    }


    /* IMAGE */

    .we-portfolio-spotlight-visual{
        height:245px !important;
        min-height:245px !important;
        border-radius:0 !important;
    }


    .we-portfolio-spotlight-visual img{
        width:100% !important;
        height:100% !important;
        object-fit:cover !important;
    }


    .we-portfolio-spotlight-overlay{
        background:
            linear-gradient(
                180deg,
                rgba(4,30,36,.04) 20%,
                rgba(4,30,36,.72) 100%
            ) !important;
    }


    /* NUMBER BOX */

    .we-portfolio-spotlight-number{
        width:58px !important;
        height:58px !important;
        top:14px !important;
        left:14px !important;
        border-radius:15px !important;
    }


    .we-portfolio-spotlight-number span{
        font-size:6px !important;
        letter-spacing:.8px !important;
    }


    .we-portfolio-spotlight-number strong{
        font-size:19px !important;
    }


    /* CATEGORY */

    .we-portfolio-spotlight-category{
        left:14px !important;
        bottom:14px !important;
        max-width:72% !important;
        padding:7px 11px !important;
        font-size:7px !important;
        letter-spacing:1px !important;
        white-space:nowrap !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
    }


    /* IMAGE LINK */

    .we-portfolio-spotlight-image-link{
        width:40px !important;
        height:40px !important;
        right:14px !important;
        bottom:14px !important;
        font-size:11px !important;
    }


    /* CONTENT */

    .we-portfolio-spotlight-content{
        padding:22px 18px 20px !important;
    }


    .we-portfolio-spotlight-top{
        margin-bottom:14px !important;
        padding-bottom:12px !important;
    }


    .we-portfolio-spotlight-top span{
        font-size:8px !important;
        letter-spacing:.5px !important;
    }


    .we-portfolio-spotlight-content h3{
        margin-bottom:12px !important;
        font-size:21px !important;
        line-height:1.28 !important;
    }


    .we-portfolio-spotlight-content > p{
        font-size:12px !important;
        line-height:1.65 !important;
    }


    /* INFO BOX */

    .we-portfolio-spotlight-info{
        grid-template-columns:1fr 1fr !important;
        gap:8px !important;
        margin-top:18px !important;
    }


    .we-portfolio-spotlight-info > div{
        padding:11px 10px !important;
        border-radius:11px !important;
    }


    .we-portfolio-spotlight-info span{
        font-size:7px !important;
        margin-bottom:3px !important;
    }


    .we-portfolio-spotlight-info strong{
        font-size:10px !important;
        line-height:1.3 !important;
    }


    /* TAGS */

    .we-portfolio-spotlight-tags{
        gap:6px !important;
        margin-top:15px !important;
    }


    .we-portfolio-spotlight-tags span{
        padding:5px 8px !important;
        font-size:8px !important;
        border-radius:6px !important;
    }


    /* VIEW DETAILS */

    .we-portfolio-spotlight-view{
        margin-top:17px !important;
        padding-top:14px !important;
        font-size:11px !important;
    }


    .we-portfolio-spotlight-view i{
        width:34px !important;
        height:34px !important;
        font-size:10px !important;
    }


    /* =========================================
       MOBILE PROJECT SELECTOR
    ========================================= */

    .we-portfolio-project-selector{
        max-width:430px !important;
        margin:12px auto 0 !important;
        display:flex !important;
        gap:9px !important;
        overflow-x:auto !important;
        padding:2px 2px 10px !important;
        scroll-snap-type:x mandatory !important;
        scrollbar-width:none !important;
    }


    .we-portfolio-project-selector::-webkit-scrollbar{
        display:none !important;
    }


    .we-portfolio-selector-item{
        flex:0 0 78% !important;
        min-height:76px !important;
        scroll-snap-align:start !important;

        display:grid !important;
        grid-template-columns:auto 1fr auto !important;
        gap:10px !important;

        padding:11px 12px !important;
        border-radius:15px !important;
    }


    .we-portfolio-selector-number{
        width:38px !important;
        height:38px !important;
        min-width:38px !important;
        border-radius:10px !important;
        font-size:10px !important;
    }


    .we-portfolio-selector-text small{
        font-size:6px !important;
        letter-spacing:.5px !important;
        margin-bottom:4px !important;
    }


    .we-portfolio-selector-text strong{
        font-size:11px !important;
        line-height:1.25 !important;
    }


    .we-portfolio-selector-item > i{
        display:block !important;
        font-size:9px !important;
    }


    .we-portfolio-selector-item.active{
        transform:none !important;
        box-shadow:
            0 12px 28px rgba(6,53,64,.16) !important;
    }

}


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

@media(max-width:480px){

    .we-portfolio-spotlight-section{
        padding:50px 8px 55px !important;
    }


    .we-portfolio-spotlight-heading{
        margin-bottom:24px !important;
    }


    .we-portfolio-spotlight-heading h2{
        max-width:330px !important;
        font-size:26px !important;
    }


    .we-portfolio-spotlight-heading p{
        max-width:335px !important;
        font-size:12px !important;
    }


    .we-portfolio-spotlight-main{
        max-width:100% !important;
        border-radius:21px !important;
    }


    .we-portfolio-spotlight-visual{
        height:220px !important;
        min-height:220px !important;
    }


    .we-portfolio-spotlight-content{
        padding:19px 15px 18px !important;
    }


    .we-portfolio-spotlight-content h3{
        font-size:19px !important;
    }


    .we-portfolio-spotlight-info{
        grid-template-columns:1fr 1fr !important;
    }


    .we-portfolio-spotlight-info strong{
        font-size:9px !important;
    }


    .we-portfolio-project-selector{
        max-width:100% !important;
    }


    .we-portfolio-selector-item{
        flex:0 0 86% !important;
        min-height:72px !important;
    }

}


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

@media(max-width:360px){

    .we-portfolio-spotlight-heading h2{
        font-size:24px !important;
    }


    .we-portfolio-spotlight-visual{
        height:200px !important;
        min-height:200px !important;
    }


    .we-portfolio-spotlight-content h3{
        font-size:18px !important;
    }


    .we-portfolio-spotlight-content > p{
        font-size:11px !important;
    }


    .we-portfolio-selector-item{
        flex:0 0 92% !important;
    }

}

/* Projects Page Fourth Section */
.we-project-details-section{
    padding:90px 0;
    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #f5fafb 100%
        );
    position:relative;
    overflow:hidden;
}


/* BACKGROUND DECORATION */

.we-project-details-section::before{
    content:"";
    position:absolute;
    width:320px;
    height:320px;
    top:-120px;
    right:-120px;
    border-radius:50%;
    background:rgba(11,183,197,.06);
}


.we-project-details-section::after{
    content:"";
    position:absolute;
    width:220px;
    height:220px;
    left:-100px;
    bottom:-100px;
    border-radius:50%;
    border:1px solid rgba(0,109,119,.08);
}


.we-project-details-section .container{
    position:relative;
    z-index:2;
}


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

.we-project-details-heading{
    max-width:760px;
    margin:0 auto 42px;
    text-align:center;
}


.we-project-details-small-title{
    display:inline-block;
    color:#006d77;
    font-size:20px;
    font-weight:900;
    letter-spacing:4px;
    position:relative;
    padding-bottom:14px;
    margin-bottom:18px;
}


.we-project-details-small-title::after{
    content:"";
    position:absolute;
    left:50%;
    bottom:0;
    width:85px;
    height:4px;
    transform:translateX(-50%);
    background:#0bb7c5;
    border-radius:20px;
}


.we-project-details-heading h2{
    margin:18px auto;
    color:#10232c;
    font-size:35px;
    line-height:1.2;
    font-weight:900;
}


.we-project-details-heading h2 strong{
    color:#006d77;
}


.we-project-details-heading p{
    max-width:650px;
    margin:auto;
    color:#6f8085;
    font-size:15px;
    line-height:1.75;
}


/* =========================================
   DETAIL SHELL
========================================= */

.we-project-detail-shell{
    max-width:1120px;
    margin:0 auto;
    background:#ffffff;
    border:1px solid #e3edef;
    border-radius:28px;
    overflow:hidden;
    box-shadow:0 24px 65px rgba(16,35,44,.08);
}


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

.we-project-detail-top{
    padding:30px 34px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
    background:#0b3039;
}


.we-project-detail-top-left{
    min-width:0;
}


.we-project-detail-category{
    display:inline-block;
    margin-bottom:10px;
    color:#5edce4;
    font-size:9px;
    font-weight:900;
    letter-spacing:1.8px;
}


.we-project-detail-top h3{
    margin:0 0 12px;
    color:#ffffff;
    font-size:28px;
    line-height:1.25;
    font-weight:900;
}


.we-project-detail-location{
    display:flex;
    align-items:center;
    gap:8px;
    color:#b8d0d4;
    font-size:12px;
    font-weight:700;
}


.we-project-detail-location i{
    color:#0bb7c5;
}


/* STATUS BOX */

.we-project-detail-status{
    min-width:150px;
    padding:17px 20px;
    border-radius:16px;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.12);
}


.we-project-detail-status span{
    display:block;
    margin-bottom:5px;
    color:#91aeb4;
    font-size:8px;
    font-weight:800;
    letter-spacing:.8px;
    text-transform:uppercase;
}


.we-project-detail-status strong{
    color:#ffffff;
    font-size:15px;
    font-weight:900;
}


/* =========================================
   STAT STRIP
========================================= */

.we-project-detail-stats{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    border-bottom:1px solid #e2ebed;
    background:#f7fbfc;
}


.we-project-detail-stat{
    padding:19px 22px;
    border-right:1px solid #e2ebed;
}


.we-project-detail-stat:last-child{
    border-right:none;
}


.we-project-detail-stat span{
    display:block;
    margin-bottom:5px;
    color:#8b9b9f;
    font-size:8px;
    font-weight:800;
    letter-spacing:.7px;
    text-transform:uppercase;
}


.we-project-detail-stat strong{
    display:block;
    color:#18323a;
    font-size:12px;
    line-height:1.35;
    font-weight:900;
}


/* =========================================
   MAIN GRID
========================================= */

.we-project-detail-grid{
    display:grid;
    grid-template-columns:1.15fr .85fr;
    gap:0;
}


/* =========================================
   LEFT SIDE
========================================= */

.we-project-detail-main{
    padding:30px 32px;
    border-right:1px solid #e3edef;
}


/* BLOCK */

.we-project-detail-block{
    padding:0 0 28px;
    margin-bottom:28px;
    border-bottom:1px solid #e4edef;
}


.we-project-detail-block:last-child{
    margin-bottom:0;
    padding-bottom:0;
    border-bottom:none;
}


.we-project-detail-block-heading{
    display:flex;
    align-items:center;
    gap:14px;
    margin-bottom:16px;
}


.we-project-detail-index{
    width:42px;
    height:42px;
    min-width:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:12px;
    background:#eaf7f8;
    color:#006d77;
    font-size:11px;
    font-weight:900;
}


.we-project-detail-block-heading small{
    display:block;
    margin-bottom:3px;
    color:#8c9b9f;
    font-size:8px;
    font-weight:900;
    letter-spacing:1px;
}


.we-project-detail-block-heading h4{
    margin:0;
    color:#10232c;
    font-size:19px;
    font-weight:900;
}


.we-project-detail-block > p{
    margin:0;
    color:#6e7f84;
    font-size:13px;
    line-height:1.75;
}


/* =========================================
   SCOPE LIST
========================================= */

.we-project-scope-list{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
}


.we-project-scope-item{
    display:flex;
    align-items:center;
    gap:10px;
    padding:12px 13px;
    border-radius:11px;
    background:#f4f9fa;
}


.we-project-scope-item i{
    width:26px;
    height:26px;
    min-width:26px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#0bb7c5;
    color:#ffffff;
    font-size:9px;
}


.we-project-scope-item span{
    color:#284047;
    font-size:11px;
    line-height:1.35;
    font-weight:800;
}


/* =========================================
   RIGHT SIDE
========================================= */

.we-project-detail-side{
    padding:30px;
    background:#fbfdfd;
}


/* FEATURE IMAGE */

.we-project-detail-image{
    position:relative;
    height:245px;
    border-radius:18px;
    overflow:hidden;
    background:#0b3039;
}


.we-project-detail-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:.6s ease;
}


.we-project-detail-image:hover img{
    transform:scale(1.04);
}


.we-project-detail-image-overlay{
    position:absolute;
    inset:0;
    background:
        linear-gradient(
            180deg,
            rgba(5,31,37,.02) 35%,
            rgba(5,31,37,.65) 100%
        );
}


.we-project-detail-image > span{
    position:absolute;
    left:15px;
    bottom:15px;
    padding:7px 11px;
    border-radius:40px;
    background:#ffffff;
    color:#006d77;
    font-size:8px;
    font-weight:900;
    letter-spacing:1.1px;
}


/* =========================================
   DELIVERY PANEL
========================================= */

.we-project-delivery-panel{
    margin-top:18px;
    padding:19px;
    border-radius:16px;
    background:#0d3640;
}


.we-project-delivery-label{
    display:block;
    margin-bottom:14px;
    color:#5edce4;
    font-size:8px;
    font-weight:900;
    letter-spacing:1.2px;
}


.we-project-delivery-list{
    display:flex;
    flex-direction:column;
    gap:10px;
}


.we-project-delivery-list > div{
    display:grid;
    grid-template-columns:auto 1fr;
    gap:10px;
    align-items:start;
    padding-bottom:10px;
    border-bottom:1px solid rgba(255,255,255,.08);
}


.we-project-delivery-list > div:last-child{
    padding-bottom:0;
    border-bottom:none;
}


.we-project-delivery-list span{
    width:27px;
    height:27px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:8px;
    background:#0bb7c5;
    color:#ffffff;
    font-size:8px;
    font-weight:900;
}


.we-project-delivery-list p{
    margin:2px 0 0;
    color:#d1e1e4;
    font-size:11px;
    line-height:1.45;
    font-weight:700;
}


/* =========================================
   MINI GALLERY
========================================= */

.we-project-detail-gallery{
    padding:26px 30px 30px;
    border-top:1px solid #e3edef;
    background:#ffffff;
}


.we-project-detail-gallery-title{
    display:flex;
    align-items:end;
    justify-content:space-between;
    gap:20px;
    margin-bottom:15px;
}


.we-project-detail-gallery-title span{
    color:#8a9a9e;
    font-size:8px;
    font-weight:900;
    letter-spacing:1.1px;
}


.we-project-detail-gallery-title strong{
    color:#10232c;
    font-size:18px;
    font-weight:900;
}


.we-project-detail-gallery-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:10px;
}


.we-project-detail-gallery-item{
    display:block;
    position:relative;
    height:125px;
    border-radius:13px;
    overflow:hidden;
    background:#e9f1f2;
}


.we-project-detail-gallery-item img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:.45s ease;
}


.we-project-detail-gallery-item:hover img{
    transform:scale(1.06);
}


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

@media(max-width:991px){

    .we-project-details-section{
        padding:75px 0;
    }


    .we-project-detail-top h3{
        font-size:24px;
    }


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


    .we-project-detail-stat:nth-child(2){
        border-right:none;
    }


    .we-project-detail-stat:nth-child(-n+2){
        border-bottom:1px solid #e2ebed;
    }


    .we-project-detail-grid{
        grid-template-columns:1fr;
    }


    .we-project-detail-main{
        border-right:none;
        border-bottom:1px solid #e3edef;
    }


    .we-project-detail-side{
        display:grid;
        grid-template-columns:1fr 1fr;
        gap:18px;
    }


    .we-project-delivery-panel{
        margin-top:0;
    }

}


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

@media(max-width:768px){

    .we-project-details-section{
        padding:60px 14px;
    }


    .we-project-details-heading{
        margin-bottom:30px;
    }


    .we-project-details-small-title{
        font-size:14px;
        letter-spacing:3px;
        padding-bottom:12px;
        margin-bottom:15px;
    }


    .we-project-details-small-title::after{
        width:70px;
        height:3px;
    }


    .we-project-details-heading h2{
        max-width:380px;
        font-size:30px;
    }


    .we-project-details-heading p{
        max-width:390px;
        font-size:14px;
    }


    .we-project-detail-shell{
        border-radius:22px;
    }


    .we-project-detail-top{
        padding:23px 20px;
        align-items:flex-start;
        flex-direction:column;
        gap:17px;
    }


    .we-project-detail-top h3{
        font-size:22px;
    }


    .we-project-detail-status{
        width:100%;
        min-width:0;
        padding:13px 15px;
    }


    .we-project-detail-stats{
        grid-template-columns:1fr 1fr;
    }


    .we-project-detail-stat{
        padding:15px 13px;
    }


    .we-project-detail-stat strong{
        font-size:10px;
    }


    .we-project-detail-main{
        padding:23px 19px;
    }


    .we-project-detail-block{
        padding-bottom:23px;
        margin-bottom:23px;
    }


    .we-project-detail-block-heading h4{
        font-size:17px;
    }


    .we-project-scope-list{
        grid-template-columns:1fr;
    }


    .we-project-detail-side{
        padding:20px;
        display:block;
    }


    .we-project-detail-image{
        height:225px;
    }


    .we-project-delivery-panel{
        margin-top:14px;
    }


    .we-project-detail-gallery{
        padding:21px 18px 23px;
    }


    .we-project-detail-gallery-grid{
        grid-template-columns:repeat(2,1fr);
    }


    .we-project-detail-gallery-item{
        height:115px;
    }

}


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

@media(max-width:480px){

    .we-project-details-section{
        padding:52px 9px;
    }


    .we-project-details-heading h2{
        font-size:27px;
    }


    .we-project-detail-top{
        padding:20px 17px;
    }


    .we-project-detail-top h3{
        font-size:20px;
    }


    .we-project-detail-stats{
        grid-template-columns:1fr;
    }


    .we-project-detail-stat{
        border-right:none;
        border-bottom:1px solid #e2ebed;
    }


    .we-project-detail-stat:last-child{
        border-bottom:none;
    }


    .we-project-detail-main{
        padding:20px 16px;
    }


    .we-project-detail-image{
        height:205px;
    }


    .we-project-detail-side{
        padding:16px;
    }


    .we-project-detail-gallery-title{
        align-items:flex-start;
        flex-direction:column;
        gap:4px;
    }


    .we-project-detail-gallery-grid{
        grid-template-columns:1fr 1fr;
        gap:8px;
    }


    .we-project-detail-gallery-item{
        height:100px;
    }

}

/* =========================================
   PROJECT DETAILS
   FINAL PREMIUM MOBILE OVERRIDE
   ADD AT VERY END
========================================= */

@media(max-width:768px){

    .we-project-details-section{
        padding:55px 10px 60px !important;
    }


    /* HEADING */

    .we-project-details-heading{
        max-width:390px !important;
        margin:0 auto 27px !important;
        text-align:center !important;
    }

    .we-project-details-small-title{
        font-size:13px !important;
        letter-spacing:2.6px !important;
        padding-bottom:11px !important;
        margin-bottom:13px !important;
    }

    .we-project-details-small-title::after{
        width:65px !important;
        height:3px !important;
    }

    .we-project-details-heading h2{
        max-width:350px !important;
        margin:14px auto !important;
        font-size:28px !important;
        line-height:1.18 !important;
    }

    .we-project-details-heading p{
        max-width:355px !important;
        font-size:12.5px !important;
        line-height:1.65 !important;
    }


    /* MAIN SHELL */

    .we-project-detail-shell{
        max-width:430px !important;
        margin:0 auto !important;
        border-radius:22px !important;
        box-shadow:
            0 18px 50px rgba(16,35,44,.11) !important;
    }


    /* TOP DARK AREA */

    .we-project-detail-top{
        padding:20px 17px !important;
        gap:15px !important;
        border-radius:0 !important;
    }

    .we-project-detail-category{
        font-size:8px !important;
        letter-spacing:1.4px !important;
        margin-bottom:8px !important;
    }

    .we-project-detail-top h3{
        font-size:20px !important;
        line-height:1.25 !important;
        margin-bottom:10px !important;
    }

    .we-project-detail-location{
        font-size:11px !important;
    }


    /* STATUS */

    .we-project-detail-status{
        width:100% !important;
        padding:12px 14px !important;
        border-radius:12px !important;
        display:flex !important;
        align-items:center !important;
        justify-content:space-between !important;
    }

    .we-project-detail-status span{
        margin:0 !important;
        font-size:7px !important;
    }

    .we-project-detail-status strong{
        font-size:13px !important;
        color:#5edce4 !important;
    }


    /* STAT STRIP */

    .we-project-detail-stats{
        grid-template-columns:1fr 1fr !important;
    }

    .we-project-detail-stat{
        padding:13px 11px !important;
    }

    .we-project-detail-stat span{
        font-size:7px !important;
    }

    .we-project-detail-stat strong{
        font-size:10px !important;
        line-height:1.3 !important;
    }


    /* LEFT CONTENT */

    .we-project-detail-main{
        padding:20px 16px !important;
    }

    .we-project-detail-block{
        margin-bottom:20px !important;
        padding-bottom:20px !important;
    }

    .we-project-detail-block-heading{
        gap:11px !important;
        margin-bottom:13px !important;
    }

    .we-project-detail-index{
        width:38px !important;
        height:38px !important;
        min-width:38px !important;
        border-radius:10px !important;
        font-size:10px !important;
    }

    .we-project-detail-block-heading small{
        font-size:7px !important;
    }

    .we-project-detail-block-heading h4{
        font-size:16px !important;
    }

    .we-project-detail-block > p{
        font-size:12px !important;
        line-height:1.65 !important;
    }


    /* SCOPE */

    .we-project-scope-list{
        grid-template-columns:1fr !important;
        gap:8px !important;
    }

    .we-project-scope-item{
        padding:10px 11px !important;
        border-radius:10px !important;
    }

    .we-project-scope-item i{
        width:24px !important;
        height:24px !important;
        min-width:24px !important;
        font-size:8px !important;
    }

    .we-project-scope-item span{
        font-size:10px !important;
    }


    /* RIGHT SIDE */

    .we-project-detail-side{
        padding:16px !important;
    }

    .we-project-detail-image{
        height:210px !important;
        border-radius:15px !important;
    }

    .we-project-detail-image > span{
        left:12px !important;
        bottom:12px !important;
        padding:6px 9px !important;
        font-size:7px !important;
    }


    /* DELIVERY */

    .we-project-delivery-panel{
        margin-top:12px !important;
        padding:16px !important;
        border-radius:14px !important;
    }

    .we-project-delivery-label{
        font-size:7px !important;
        margin-bottom:12px !important;
    }

    .we-project-delivery-list{
        gap:9px !important;
    }

    .we-project-delivery-list span{
        width:25px !important;
        height:25px !important;
        font-size:7px !important;
    }

    .we-project-delivery-list p{
        font-size:10px !important;
        line-height:1.4 !important;
    }


    /* GALLERY */

    .we-project-detail-gallery{
        padding:18px 15px 20px !important;
    }

    .we-project-detail-gallery-title{
        margin-bottom:12px !important;
    }

    .we-project-detail-gallery-title span{
        font-size:7px !important;
    }

    .we-project-detail-gallery-title strong{
        font-size:16px !important;
    }

    .we-project-detail-gallery-grid{
        grid-template-columns:1fr 1fr !important;
        gap:8px !important;
    }

    .we-project-detail-gallery-item{
        height:105px !important;
        border-radius:11px !important;
    }

}


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

@media(max-width:480px){

    .we-project-details-section{
        padding:48px 7px 52px !important;
    }

    .we-project-details-heading h2{
        font-size:25px !important;
    }

    .we-project-detail-shell{
        max-width:100% !important;
        border-radius:20px !important;
    }

    .we-project-detail-top{
        padding:18px 15px !important;
    }

    .we-project-detail-top h3{
        font-size:19px !important;
    }

    .we-project-detail-main{
        padding:18px 14px !important;
    }

    .we-project-detail-side{
        padding:14px !important;
    }

    .we-project-detail-image{
        height:195px !important;
    }

    .we-project-detail-gallery{
        padding:16px 13px 18px !important;
    }

    .we-project-detail-gallery-item{
        height:95px !important;
    }

}


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

@media(max-width:360px){

    .we-project-details-heading h2{
        font-size:23px !important;
    }

    .we-project-detail-stats{
        grid-template-columns:1fr !important;
    }

    .we-project-detail-stat{
        border-right:none !important;
        border-bottom:1px solid #e2ebed !important;
    }

    .we-project-detail-image{
        height:180px !important;
    }

}

/* Services Page Banner Section */
/* .services-banner{

    height:75vh;
    position:relative;
    overflow:hidden;

} */

.services-banner{

    height:75vh;
    position:relative;
    overflow:hidden;

    background:
    linear-gradient(
        135deg,
        #1f2933 0%,
        #123b44 45%,
        var(--accent) 100%
    );

}

.services-banner img{

    width:100%;
    height:100%;
    object-fit:cover;

}

.services-banner-overlay{

    position:absolute;
    inset:0;

    background:
    linear-gradient(
        90deg,
        rgba(16,33,43,.85),
        rgba(0,117,130,.35)
    );

}

.services-banner-content{

    position:absolute;

    top:50%;
    left:0;

    transform:translateY(-50%);

    width:100%;

    text-align:center;

    color:#fff;

}

.services-banner-content h1{

    font-size:60px;

    font-weight:900;

    margin-bottom:25px;

}

.services-breadcrumb{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:15px;

    font-size:17px;

    font-weight:700;

}

.services-breadcrumb i{

    color:#0bb7c5;

    font-style:normal;

}

@media(max-width:991px){

   .services-banner{

        height:500px;

    }

    .services-banner-content h1{

        font-size:45px;

    }

}

@media(max-width:768px){

    .services-banner{

        height:500px;

    }

    .services-banner-content h1{

        font-size:38px;

    }

    .services-breadcrumb{

        font-size:14px;

    }

}

@media(max-width:576px){

    .services-banner{

        height:420px;

    }

    .services-banner-content h1{

        font-size:32px;

    }

}

@media(max-width:480px){

    .services-banner-content h1{

        font-size:29px;

    }

}

@media(max-width:360px){

    .services-banner{

        height:380px;

    }

    .services-banner-content h1{

        font-size:28px;

    }

}

@media(max-width:300px){

    .services-banner{

        height:320px;

    }

    .services-banner-content h1{

        font-size:24px;

    }

}

/* Services Page First Section */
.we-service-showcase-pro{
    padding:90px 0 85px;
    background:
        linear-gradient(
            180deg,
            #f5fafb 0%,
            #ffffff 100%
        );
    overflow:hidden;
}


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

.we-service-showcase-heading{
    max-width:760px;
    margin:0 auto 38px;
    text-align:center;
}


.we-service-showcase-kicker{
    display:inline-block;
    color:#006d77;
    font-size:20px;
    font-weight:900;
    letter-spacing:4px;
    padding-bottom:13px;
    position:relative;
}


.we-service-showcase-kicker::after{
    content:"";
    position:absolute;
    left:50%;
    bottom:0;
    transform:translateX(-50%);
    width:85px;
    height:4px;
    background:#0bb7c5;
    border-radius:20px;
}


.we-service-showcase-heading h2{
    margin:19px auto 15px;
    color:#10232c;
    font-size:35px;
    line-height:1.2;
    font-weight:900;
}


.we-service-showcase-heading h2 strong{
    color:#006d77;
}


.we-service-showcase-heading p{
    max-width:620px;
    margin:auto;
    color:#718287;
    font-size:14px;
    line-height:1.7;
}


/* =========================================
   TOP BAR
========================================= */

.we-service-showcase-top{
    max-width:1130px;
    margin:0 auto 14px;

    display:flex;
    justify-content:space-between;
    align-items:center;
}


/* COUNT */

.we-service-showcase-count{
    display:flex;
    align-items:center;
    gap:9px;
}


.we-service-showcase-count span{
    color:#839499;
    font-size:8px;
    font-weight:900;
    letter-spacing:1.4px;
}


.we-service-showcase-count strong{
    min-width:40px;
    height:32px;
    padding:0 10px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:50px;

    background:#0b3039;

    color:#ffffff;

    font-size:10px;
    font-weight:900;
}


/* CONTROLS */

.we-service-showcase-controls{
    display:flex;
    align-items:center;
    gap:8px;
}


.we-service-showcase-controls button{
    width:38px;
    height:38px;

    display:flex;
    align-items:center;
    justify-content:center;

    border:1px solid #dbe7e9;

    border-radius:50%;

    background:#ffffff;

    color:#006d77;

    font-size:9px;

    cursor:pointer;

    transition:.3s ease;
}


.we-service-showcase-controls button:hover{
    background:#006d77;
    border-color:#006d77;
    color:#ffffff;
}


.we-service-showcase-controls > span{
    min-width:65px;
    text-align:center;
    color:#10232c;
    font-size:10px;
    font-weight:900;
}


/* =========================================
   VIEWPORT
========================================= */

.we-service-showcase-viewport{
    width:100%;
    max-width:1130px;

    margin:auto;

    overflow:hidden;

    padding:10px 0 28px;
}


/* TRACK */

.we-service-showcase-track{
    display:flex;
    align-items:center;

    gap:18px;

    transition:
        transform .55s cubic-bezier(.22,.61,.36,1);
}


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

.we-service-showcase-card{
    flex:0 0 295px;

    min-height:410px;

    border:1px solid #dfe9eb;

    border-radius:23px;

    background:#ffffff;

    overflow:hidden;

    opacity:.52;

    transform:scale(.91);

    box-shadow:
        0 14px 32px rgba(16,35,44,.06);

    transition:
        flex-basis .45s ease,
        transform .45s ease,
        opacity .45s ease,
        box-shadow .45s ease;
}


.we-service-showcase-card.is-near{
    opacity:.82;
    transform:scale(.95);
}


.we-service-showcase-card.is-active{
    flex-basis:430px;

    min-height:445px;

    opacity:1;

    transform:scale(1);

    border-color:#b8e3e6;

    box-shadow:
        0 28px 65px rgba(12,55,65,.15);
}


/* =========================================
   CARD TOP IDENTITY
========================================= */

.we-service-showcase-card-head{
    min-height:52px;

    padding:11px 15px;

    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:10px;

    background:#0b3039;
}


.we-service-showcase-card-head span{
    color:#5edce4;

    font-size:7px;
    font-weight:900;

    letter-spacing:1px;
}


.we-service-showcase-card-head strong{
    color:#ffffff;

    font-size:7px;
    font-weight:900;

    letter-spacing:.7px;

    text-align:right;
}


/* =========================================
   IMAGE
========================================= */

.we-service-showcase-image{
    height:155px;

    position:relative;

    overflow:hidden;

    background:#0b3039;
}


.we-service-showcase-card.is-active
.we-service-showcase-image{
    height:190px;
}


.we-service-showcase-image img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;

    transition:.6s ease;
}


.we-service-showcase-card:hover
.we-service-showcase-image img{
    transform:scale(1.05);
}


.we-service-showcase-overlay{
    position:absolute;
    inset:0;

    background:
        linear-gradient(
            180deg,
            rgba(4,30,36,.02),
            rgba(4,30,36,.40)
        );
}


/* ICON */

.we-service-showcase-icon{
    position:absolute;

    left:15px;
    bottom:14px;

    width:40px;
    height:40px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:11px;

    background:#ffffff;

    color:#006d77;

    font-size:13px;

    box-shadow:
        0 8px 22px rgba(0,0,0,.14);
}


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

.we-service-showcase-content{
    padding:19px 18px 17px;
}


.we-service-showcase-content h3{
    margin:0 0 9px;

    color:#10232c;

    font-size:19px;
    line-height:1.25;

    font-weight:900;
}


.we-service-showcase-card.is-active
.we-service-showcase-content h3{
    font-size:23px;
}


.we-service-showcase-content p{
    margin:0;

    color:#718186;

    font-size:10px;
    line-height:1.6;
}


/* =========================================
   TAGS
========================================= */

.we-service-showcase-tags{
    margin-top:13px;

    display:flex;
    flex-wrap:wrap;

    gap:5px;
}


.we-service-showcase-tags span{
    padding:5px 8px;

    border-radius:6px;

    background:#eaf7f8;

    color:#006d77;

    font-size:7px;
    font-weight:800;
}


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

.we-service-showcase-link{
    margin-top:15px;

    padding-top:12px;

    border-top:1px solid #e2eaec;

    display:flex;

    align-items:center;
    justify-content:space-between;

    color:#006d77;

    text-decoration:none;

    font-size:10px;
    font-weight:900;
}


.we-service-showcase-link i{
    width:31px;
    height:31px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:#0b3039;

    color:#ffffff;

    font-size:8px;

    transition:.3s ease;
}


.we-service-showcase-link:hover i{
    background:#0bb7c5;

    transform:translateX(4px);
}


/* =========================================
   BOTTOM PROGRESS
========================================= */

.we-service-showcase-bottom{
    max-width:1130px;

    margin:0 auto;

    display:grid;

    grid-template-columns:auto 1fr auto;

    align-items:center;

    gap:14px;
}


.we-service-showcase-bottom > span{
    color:#718287;

    font-size:8px;
    font-weight:800;
}


.we-service-showcase-bottom > span strong{
    margin-right:5px;

    color:#006d77;

    font-size:11px;
    font-weight:900;
}


.we-service-showcase-progress{
    height:3px;

    background:#dce7e9;

    border-radius:20px;

    overflow:hidden;
}


.we-service-showcase-progress-bar{
    width:14%;

    height:100%;

    background:#0bb7c5;

    border-radius:20px;

    transition:width .4s ease;
}


.we-service-showcase-bottom small{
    color:#8a999d;

    font-size:7px;
    font-weight:900;

    letter-spacing:.8px;
}


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

@media(max-width:991px){

    .we-service-showcase-viewport,
    .we-service-showcase-top,
    .we-service-showcase-bottom{
        max-width:850px;
    }


    .we-service-showcase-card{
        flex-basis:270px;
    }


    .we-service-showcase-card.is-active{
        flex-basis:390px;
    }

}


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

@media(max-width:768px){

    .we-service-showcase-pro{
        padding:60px 12px;
    }


    .we-service-showcase-heading{
        margin-bottom:28px;
    }


    .we-service-showcase-kicker{
        font-size:14px;

        letter-spacing:3px;

        padding-bottom:11px;
    }


    .we-service-showcase-kicker::after{
        width:70px;
        height:3px;
    }


    .we-service-showcase-heading h2{
        max-width:380px;

        font-size:29px;
    }


    .we-service-showcase-heading p{
        max-width:380px;

        font-size:13px;
    }


    .we-service-showcase-top,
    .we-service-showcase-viewport,
    .we-service-showcase-bottom{
        max-width:430px;
    }


    .we-service-showcase-card,
    .we-service-showcase-card.is-near,
    .we-service-showcase-card.is-active{
        flex:0 0 86%;

        min-height:410px;

        opacity:.45;

        transform:scale(.94);
    }


    .we-service-showcase-card.is-active{
        opacity:1;

        transform:scale(1);
    }


    .we-service-showcase-image,
    .we-service-showcase-card.is-active
    .we-service-showcase-image{
        height:180px;
    }


    .we-service-showcase-content h3,
    .we-service-showcase-card.is-active
    .we-service-showcase-content h3{
        font-size:21px;
    }


    .we-service-showcase-card-head{
        min-height:48px;
    }

}


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

@media(max-width:480px){

    .we-service-showcase-pro{
        padding:52px 8px;
    }


    .we-service-showcase-heading h2{
        font-size:26px;
    }


    .we-service-showcase-card,
    .we-service-showcase-card.is-active,
    .we-service-showcase-card.is-near{
        flex-basis:91%;

        min-height:400px;
    }


    .we-service-showcase-image,
    .we-service-showcase-card.is-active
    .we-service-showcase-image{
        height:170px;
    }


    .we-service-showcase-bottom{
        grid-template-columns:1fr;
        gap:7px;
    }


    .we-service-showcase-bottom small{
        display:none;
    }

}

/* =========================================
   SERVICES CAROUSEL
   FINAL PREMIUM ALIGNMENT FIX
========================================= */

.we-service-showcase-viewport{
    position:relative;
}


/* TRACK KO CLEAN START */

.we-service-showcase-track{
    width:max-content;
    padding-left:0 !important;
    padding-right:0 !important;
}


/* CARD LOOK THODA AUR PREMIUM */

.we-service-showcase-card{
    border-radius:24px !important;
    background:#ffffff;

    box-shadow:
        0 16px 38px rgba(16,35,44,.07);
}


.we-service-showcase-card.is-active{
    border-color:rgba(11,183,197,.38) !important;

    box-shadow:
        0 28px 70px rgba(8,62,72,.17) !important;
}


/* ACTIVE CARD TOP */

.we-service-showcase-card.is-active
.we-service-showcase-card-head{
    background:
        linear-gradient(
            135deg,
            #082f39,
            #0c4651
        );
}


/* ACTIVE IMAGE */

.we-service-showcase-card.is-active
.we-service-showcase-image{
    position:relative;
}


.we-service-showcase-card.is-active
.we-service-showcase-image::after{
    content:"";

    position:absolute;

    left:0;
    right:0;
    bottom:0;

    height:3px;

    background:#0bb7c5;
}


/* ICON PREMIUM */

.we-service-showcase-icon{
    border:1px solid rgba(255,255,255,.8);

    box-shadow:
        0 8px 22px rgba(0,0,0,.16);
}


/* TAGS */

.we-service-showcase-tags span{
    border:1px solid rgba(0,109,119,.08);
}


/* ACTIVE TITLE */

.we-service-showcase-card.is-active
.we-service-showcase-content h3{
    color:#063b45;
}


/* ARROWS */

.we-service-showcase-controls button{
    box-shadow:
        0 7px 18px rgba(16,35,44,.06);
}


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

@media(max-width:768px){

    .we-service-showcase-track{
        width:max-content;
    }

    .we-service-showcase-card,
    .we-service-showcase-card.is-active,
    .we-service-showcase-card.is-near{
        flex-basis:86vw !important;
        max-width:390px;
    }

}


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

@media(max-width:480px){

    .we-service-showcase-card,
    .we-service-showcase-card.is-active,
    .we-service-showcase-card.is-near{
        flex-basis:88vw !important;
        max-width:360px;
    }

}

/* =========================================
   SERVICES SHOWCASE
   FINAL MOBILE PREMIUM OVERRIDE
   ADD AT VERY END
========================================= */

@media(max-width:768px){

    .we-service-showcase-pro{
        padding:58px 10px 62px !important;
    }


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

    .we-service-showcase-heading{
        max-width:390px !important;
        margin:0 auto 28px !important;
        text-align:center !important;
    }


    .we-service-showcase-kicker{
        font-size:13px !important;
        letter-spacing:2.8px !important;
        padding-bottom:11px !important;
    }


    .we-service-showcase-kicker::after{
        width:65px !important;
        height:3px !important;
    }


    .we-service-showcase-heading h2{
        max-width:350px !important;
        margin:14px auto 13px !important;
        font-size:28px !important;
        line-height:1.16 !important;
    }


    .we-service-showcase-heading p{
        max-width:355px !important;
        font-size:12.5px !important;
        line-height:1.65 !important;
    }


    /* =====================================
       TOP BAR
    ===================================== */

    .we-service-showcase-top{
        max-width:420px !important;
        margin:0 auto 12px !important;
        padding:0 2px !important;
    }


    .we-service-showcase-count{
        gap:7px !important;
    }


    .we-service-showcase-count span{
        font-size:7px !important;
        letter-spacing:1px !important;
    }


    .we-service-showcase-count strong{
        min-width:34px !important;
        height:30px !important;
        font-size:9px !important;
    }


    /* CONTROLS */

    .we-service-showcase-controls{
        gap:6px !important;
    }


    .we-service-showcase-controls button{
        width:34px !important;
        height:34px !important;
        font-size:8px !important;
    }


    .we-service-showcase-controls > span{
        min-width:54px !important;
        font-size:9px !important;
    }


    /* =====================================
       VIEWPORT
    ===================================== */

    .we-service-showcase-viewport{
        max-width:420px !important;
        margin:auto !important;
        padding:6px 0 20px !important;
        overflow:hidden !important;
    }


    .we-service-showcase-track{
        width:max-content !important;
        gap:11px !important;
        align-items:center !important;
    }


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

    .we-service-showcase-card,
    .we-service-showcase-card.is-near,
    .we-service-showcase-card.is-active{

        flex:0 0 84vw !important;

        width:84vw !important;

        max-width:360px !important;

        min-height:390px !important;

        border-radius:21px !important;

        opacity:.38 !important;

        transform:scale(.93) !important;

        box-shadow:
            0 12px 30px rgba(16,35,44,.07) !important;
    }


    /* ACTIVE CARD */

    .we-service-showcase-card.is-active{

        opacity:1 !important;

        transform:scale(1) !important;

        border-color:rgba(11,183,197,.35) !important;

        box-shadow:
            0 22px 55px rgba(7,55,65,.16) !important;
    }


    /* =====================================
       CARD TOP IDENTITY
    ===================================== */

    .we-service-showcase-card-head{
        min-height:46px !important;
        padding:10px 13px !important;
    }


    .we-service-showcase-card-head span{
        font-size:6px !important;
        letter-spacing:.8px !important;
    }


    .we-service-showcase-card-head strong{
        max-width:60% !important;
        font-size:6px !important;
        letter-spacing:.5px !important;
        line-height:1.25 !important;
    }


    /* =====================================
       IMAGE
    ===================================== */

    .we-service-showcase-image,
    .we-service-showcase-card.is-active
    .we-service-showcase-image{

        height:180px !important;
    }


    .we-service-showcase-image img{
        width:100% !important;
        height:100% !important;
        object-fit:cover !important;
    }


    /* ICON */

    .we-service-showcase-icon{
        width:38px !important;
        height:38px !important;
        left:13px !important;
        bottom:12px !important;
        border-radius:10px !important;
        font-size:12px !important;
    }


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

    .we-service-showcase-content{
        padding:17px 15px 15px !important;
    }


    .we-service-showcase-content h3,
    .we-service-showcase-card.is-active
    .we-service-showcase-content h3{

        margin-bottom:8px !important;

        font-size:20px !important;

        line-height:1.25 !important;
    }


    .we-service-showcase-content p{
        font-size:10.5px !important;
        line-height:1.55 !important;
    }


    /* =====================================
       TAGS
    ===================================== */

    .we-service-showcase-tags{
        margin-top:11px !important;
        gap:5px !important;
    }


    .we-service-showcase-tags span{
        padding:5px 7px !important;
        border-radius:6px !important;
        font-size:7px !important;
    }


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

    .we-service-showcase-link{
        margin-top:13px !important;
        padding-top:11px !important;
        font-size:9px !important;
    }


    .we-service-showcase-link i{
        width:30px !important;
        height:30px !important;
        font-size:8px !important;
    }


    /* =====================================
       BOTTOM PROGRESS
    ===================================== */

    .we-service-showcase-bottom{
        max-width:420px !important;
        margin:0 auto !important;

        display:grid !important;

        grid-template-columns:auto 1fr !important;

        gap:9px 11px !important;

        align-items:center !important;
    }


    .we-service-showcase-bottom > span{
        font-size:7px !important;
        white-space:nowrap !important;
    }


    .we-service-showcase-bottom > span strong{
        font-size:10px !important;
    }


    .we-service-showcase-progress{
        width:100% !important;
        height:3px !important;
    }


    .we-service-showcase-bottom small{
        display:none !important;
    }

}


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

@media(max-width:480px){

    .we-service-showcase-pro{
        padding:50px 7px 55px !important;
    }


    .we-service-showcase-heading h2{
        max-width:330px !important;
        font-size:25px !important;
    }


    .we-service-showcase-heading p{
        max-width:330px !important;
        font-size:12px !important;
    }


    .we-service-showcase-top,
    .we-service-showcase-viewport,
    .we-service-showcase-bottom{
        max-width:100% !important;
    }


    .we-service-showcase-card,
    .we-service-showcase-card.is-near,
    .we-service-showcase-card.is-active{

        flex-basis:88vw !important;

        width:88vw !important;

        max-width:345px !important;

        min-height:380px !important;
    }


    .we-service-showcase-image,
    .we-service-showcase-card.is-active
    .we-service-showcase-image{

        height:170px !important;
    }


    .we-service-showcase-content{
        padding:15px 14px 14px !important;
    }


    .we-service-showcase-content h3,
    .we-service-showcase-card.is-active
    .we-service-showcase-content h3{

        font-size:19px !important;
    }


    .we-service-showcase-content p{
        font-size:10px !important;
    }

}


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

@media(max-width:360px){

    .we-service-showcase-heading h2{
        font-size:23px !important;
    }


    .we-service-showcase-card,
    .we-service-showcase-card.is-active,
    .we-service-showcase-card.is-near{

        flex-basis:90vw !important;

        width:90vw !important;

        max-width:320px !important;
    }


    .we-service-showcase-image,
    .we-service-showcase-card.is-active
    .we-service-showcase-image{

        height:160px !important;
    }

}

/* Services Page Second Section */
.we-enquiry-launchpad-section{
    padding:85px 0 95px;
    background:#ffffff;
    position:relative;
    overflow:hidden;
}


.we-enquiry-launchpad-section::before{
    content:"";
    position:absolute;
    width:360px;
    height:360px;
    right:-140px;
    bottom:-170px;
    border-radius:50%;
    background:rgba(11,183,197,.06);
}


.we-enquiry-launchpad-section .container{
    position:relative;
    z-index:2;
}


/* =========================================
   MAIN SHELL
========================================= */

.we-enquiry-launchpad-shell{
    max-width:1120px;
    margin:auto;

    display:grid;
    grid-template-columns:1.15fr .75fr .9fr;

    border-radius:28px;

    overflow:hidden;

    background:#0b3039;

    box-shadow:
        0 28px 70px rgba(11,48,57,.16);
}


/* =========================================
   LEFT INTRO
========================================= */

.we-enquiry-launchpad-intro{
    padding:42px 38px;

    background:
        linear-gradient(
            135deg,
            #082f39,
            #0b4651
        );
}


.we-enquiry-launchpad-kicker{
    display:block;

    margin-bottom:14px;

    color:#5edce4;

    font-size:9px;
    font-weight:900;

    letter-spacing:1.7px;
}


.we-enquiry-launchpad-intro h2{
    margin:0 0 17px;

    color:#ffffff;

    font-size:34px;
    line-height:1.18;

    font-weight:900;
}


.we-enquiry-launchpad-intro h2 strong{
    display:block;

    color:#5edce4;
}


.we-enquiry-launchpad-intro p{
    max-width:420px;

    margin:0;

    color:#bdd1d5;

    font-size:13px;
    line-height:1.75;
}


/* =========================================
   CONTACT
========================================= */

.we-enquiry-launchpad-contact{
    margin-top:30px;

    display:flex;
    flex-direction:column;

    gap:10px;
}


.we-enquiry-launchpad-contact a{
    display:flex;

    align-items:center;

    gap:12px;

    padding:11px 12px;

    border-radius:12px;

    background:rgba(255,255,255,.07);

    color:#ffffff;

    text-decoration:none;

    transition:.3s ease;
}


.we-enquiry-launchpad-contact a:hover{
    background:rgba(255,255,255,.12);

    transform:translateX(4px);
}


.we-enquiry-launchpad-contact i{
    width:34px;
    height:34px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:10px;

    background:#0bb7c5;

    color:#ffffff;

    font-size:11px;
}


.we-enquiry-launchpad-contact span{
    font-size:11px;
    font-weight:800;
}


.we-enquiry-launchpad-contact small{
    display:block;

    margin-bottom:2px;

    color:#86a8ae;

    font-size:7px;
    font-weight:900;

    letter-spacing:.8px;
}


/* =========================================
   ENQUIRY TYPES
========================================= */

.we-enquiry-launchpad-types{
    padding:32px 20px;

    background:#f5fafb;

    display:flex;

    flex-direction:column;

    justify-content:center;

    gap:9px;
}


.we-enquiry-type-label{
    display:block;

    margin:0 4px 5px;

    color:#819297;

    font-size:8px;
    font-weight:900;

    letter-spacing:1.3px;
}


.we-enquiry-type-item{
    width:100%;

    min-height:72px;

    border:1px solid #dce8ea;

    border-radius:13px;

    padding:12px;

    background:#ffffff;

    display:grid;

    grid-template-columns:auto 1fr auto;

    align-items:center;

    gap:11px;

    cursor:pointer;

    text-align:left;

    transition:.3s ease;
}


.we-enquiry-type-item:hover{
    border-color:#a4dde1;

    transform:translateX(3px);
}


.we-enquiry-type-item.active{
    background:#0b3540;

    border-color:#0b3540;

    box-shadow:
        0 12px 28px rgba(10,54,64,.13);
}


.we-enquiry-type-item > span{
    width:34px;
    height:34px;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:9px;

    background:#eaf7f8;

    color:#006d77;

    font-size:9px;
    font-weight:900;
}


.we-enquiry-type-item.active > span{
    background:#0bb7c5;

    color:#ffffff;
}


.we-enquiry-type-item strong{
    color:#18323a;

    font-size:11px;
    font-weight:900;
}


.we-enquiry-type-item.active strong{
    color:#ffffff;
}


.we-enquiry-type-item i{
    color:#91a2a6;

    font-size:9px;
}


.we-enquiry-type-item.active i{
    color:#5edce4;
}


/* =========================================
   ACTION PANEL
========================================= */

.we-enquiry-launchpad-action{
    padding:38px 32px;

    background:#ffffff;

    display:flex;

    flex-direction:column;

    justify-content:center;
}


.we-enquiry-action-icon{
    width:58px;
    height:58px;

    margin-bottom:18px;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:17px;

    background:#e9f7f8;

    color:#006d77;

    font-size:21px;
}


.we-enquiry-launchpad-action > span{
    display:block;

    margin-bottom:7px;

    color:#006d77;

    font-size:8px;
    font-weight:900;

    letter-spacing:1.3px;
}


.we-enquiry-launchpad-action h3{
    margin:0 0 12px;

    color:#10232c;

    font-size:25px;
    line-height:1.25;

    font-weight:900;
}


.we-enquiry-launchpad-action p{
    margin:0;

    color:#718186;

    font-size:12px;
    line-height:1.65;
}


/* BUTTON */

.we-enquiry-action-btn{
    margin-top:22px;

    padding:13px 14px;

    border-radius:12px;

    background:#0bb7c5;

    color:#ffffff;

    text-decoration:none;

    display:flex;

    align-items:center;

    justify-content:space-between;

    font-size:11px;
    font-weight:900;

    transition:.3s ease;
}


.we-enquiry-action-btn i{
    width:30px;
    height:30px;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:#ffffff;

    color:#006d77;

    font-size:8px;
}


.we-enquiry-action-btn:hover{
    background:#006d77;

    color:#ffffff;

    transform:translateY(-2px);
}


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

@media(max-width:991px){

    .we-enquiry-launchpad-shell{
        grid-template-columns:1fr 1fr;
    }


    .we-enquiry-launchpad-action{
        grid-column:1 / -1;

        display:grid;

        grid-template-columns:auto 1fr auto;

        gap:15px;

        align-items:center;
    }


    .we-enquiry-action-icon{
        margin:0;
    }


    .we-enquiry-launchpad-action > span{
        display:none;
    }


    .we-enquiry-launchpad-action h3{
        margin-bottom:5px;
    }


    .we-enquiry-action-btn{
        margin:0;

        min-width:170px;
    }

}


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

@media(max-width:768px){

    .we-enquiry-launchpad-section{
        padding:60px 12px;
    }


    .we-enquiry-launchpad-shell{
        max-width:430px;

        margin:auto;

        grid-template-columns:1fr;

        border-radius:22px;
    }


    .we-enquiry-launchpad-intro{
        padding:28px 22px;
    }


    .we-enquiry-launchpad-intro h2{
        font-size:28px;
    }


    .we-enquiry-launchpad-intro p{
        font-size:12px;
    }


    .we-enquiry-launchpad-contact{
        margin-top:22px;
    }


    .we-enquiry-launchpad-types{
        padding:18px 15px;
    }


    .we-enquiry-type-item{
        min-height:63px;
    }


    .we-enquiry-launchpad-action{
        grid-column:auto;

        display:flex;

        padding:24px 20px;
    }


    .we-enquiry-action-icon{
        margin-bottom:15px;
    }


    .we-enquiry-launchpad-action > span{
        display:block;
    }


    .we-enquiry-launchpad-action h3{
        font-size:21px;
    }


    .we-enquiry-action-btn{
        width:100%;

        margin-top:18px;
    }

}


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

@media(max-width:480px){

    .we-enquiry-launchpad-section{
        padding:52px 7px;
    }


    .we-enquiry-launchpad-intro{
        padding:24px 18px;
    }


    .we-enquiry-launchpad-intro h2{
        font-size:25px;
    }


    .we-enquiry-launchpad-types{
        padding:15px 12px;
    }


    .we-enquiry-type-item strong{
        font-size:10px;
    }


    .we-enquiry-launchpad-action{
        padding:21px 17px;
    }

}

/* =========================================
   ENQUIRY LAUNCHPAD
   FINAL PREMIUM MOBILE OVERRIDE
   ADD AT VERY END
========================================= */

@media(max-width:768px){

    .we-enquiry-launchpad-section{
        padding:56px 10px 60px !important;
    }


    /* MAIN SHELL */

    .we-enquiry-launchpad-shell{
        max-width:430px !important;
        margin:0 auto !important;
        grid-template-columns:1fr !important;
        border-radius:24px !important;
        overflow:hidden !important;

        box-shadow:
            0 22px 55px rgba(9,48,58,.16) !important;
    }


    /* =====================================
       INTRO AREA
    ===================================== */

    .we-enquiry-launchpad-intro{
        padding:26px 20px 24px !important;

        background:
            linear-gradient(
                145deg,
                #082f39 0%,
                #0d4651 100%
            ) !important;
    }


    .we-enquiry-launchpad-kicker{
        margin-bottom:11px !important;

        font-size:8px !important;

        letter-spacing:1.5px !important;
    }


    .we-enquiry-launchpad-intro h2{
        max-width:330px !important;

        margin-bottom:14px !important;

        font-size:27px !important;

        line-height:1.15 !important;
    }


    .we-enquiry-launchpad-intro p{
        max-width:350px !important;

        font-size:12px !important;

        line-height:1.65 !important;
    }


    /* =====================================
       CONTACT ITEMS
    ===================================== */

    .we-enquiry-launchpad-contact{
        margin-top:20px !important;

        gap:8px !important;
    }


    .we-enquiry-launchpad-contact a{
        padding:10px 11px !important;

        border-radius:11px !important;
    }


    .we-enquiry-launchpad-contact i{
        width:32px !important;

        height:32px !important;

        min-width:32px !important;

        border-radius:9px !important;

        font-size:10px !important;
    }


    .we-enquiry-launchpad-contact span{
        font-size:10px !important;

        line-height:1.3 !important;
    }


    .we-enquiry-launchpad-contact small{
        font-size:6px !important;

        margin-bottom:2px !important;
    }


    /* =====================================
       ENQUIRY TYPES
    ===================================== */

    .we-enquiry-launchpad-types{
        padding:16px 14px !important;

        gap:8px !important;

        background:#f6fafb !important;
    }


    .we-enquiry-type-label{
        margin:0 3px 4px !important;

        font-size:7px !important;

        letter-spacing:1px !important;
    }


    .we-enquiry-type-item{
        min-height:58px !important;

        padding:9px 10px !important;

        border-radius:12px !important;

        grid-template-columns:auto 1fr auto !important;

        gap:9px !important;
    }


    .we-enquiry-type-item > span{
        width:31px !important;

        height:31px !important;

        border-radius:8px !important;

        font-size:8px !important;
    }


    .we-enquiry-type-item strong{
        font-size:10px !important;

        line-height:1.25 !important;
    }


    .we-enquiry-type-item i{
        font-size:8px !important;
    }


    .we-enquiry-type-item.active{
        box-shadow:
            0 10px 25px rgba(9,53,63,.15) !important;
    }


    /* =====================================
       ACTION PANEL
    ===================================== */

    .we-enquiry-launchpad-action{
        padding:22px 18px 20px !important;

        display:block !important;

        background:#ffffff !important;
    }


    .we-enquiry-action-icon{
        width:48px !important;

        height:48px !important;

        margin-bottom:14px !important;

        border-radius:14px !important;

        font-size:17px !important;
    }


    .we-enquiry-launchpad-action > span{
        display:block !important;

        margin-bottom:6px !important;

        font-size:7px !important;

        letter-spacing:1px !important;
    }


    .we-enquiry-launchpad-action h3{
        margin-bottom:9px !important;

        font-size:21px !important;

        line-height:1.2 !important;
    }


    .we-enquiry-launchpad-action p{
        font-size:11px !important;

        line-height:1.6 !important;
    }


    /* CTA BUTTON */

    .we-enquiry-action-btn{
        width:100% !important;

        margin-top:17px !important;

        padding:11px 12px !important;

        border-radius:11px !important;

        font-size:10px !important;
    }


    .we-enquiry-action-btn i{
        width:28px !important;

        height:28px !important;

        font-size:8px !important;
    }

}


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

@media(max-width:480px){

    .we-enquiry-launchpad-section{
        padding:50px 7px 54px !important;
    }


    .we-enquiry-launchpad-shell{
        max-width:100% !important;

        border-radius:21px !important;
    }


    .we-enquiry-launchpad-intro{
        padding:23px 17px 21px !important;
    }


    .we-enquiry-launchpad-intro h2{
        font-size:24px !important;
    }


    .we-enquiry-launchpad-intro p{
        font-size:11.5px !important;
    }


    .we-enquiry-launchpad-types{
        padding:14px 11px !important;
    }


    .we-enquiry-type-item{
        min-height:55px !important;
    }


    .we-enquiry-launchpad-action{
        padding:19px 15px 18px !important;
    }


    .we-enquiry-launchpad-action h3{
        font-size:19px !important;
    }


    .we-enquiry-launchpad-action p{
        font-size:10.5px !important;
    }

}


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

@media(max-width:360px){

    .we-enquiry-launchpad-intro h2{
        font-size:22px !important;
    }


    .we-enquiry-type-item strong{
        font-size:9px !important;
    }


    .we-enquiry-launchpad-action h3{
        font-size:18px !important;
    }

}

/* Service Details Page Banner Section */
/* .service-details-banner{

    height:75vh;
    position:relative;
    overflow:hidden;

} */

.service-details-banner{

    height:75vh;
    position:relative;
    overflow:hidden;

    background:
    linear-gradient(
        135deg,
        #1f2933 0%,
        #123b44 45%,
        var(--accent) 100%
    );

}

.service-details-banner img{

    width:100%;
    height:100%;
    object-fit:cover;

}

.service-details-banner-overlay{

    position:absolute;
    inset:0;

    background:
    linear-gradient(
        90deg,
        rgba(16,33,43,.85),
        rgba(0,117,130,.35)
    );

}

.service-details-banner-content{

    position:absolute;

    top:50%;
    left:0;

    transform:translateY(-50%);

    width:100%;

    text-align:center;

    color:#fff;

}

.service-details-banner-content h1{

    font-size:60px;

    font-weight:900;

    margin-bottom:25px;

}

.service-details-breadcrumb{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:15px;

    font-size:17px;

    font-weight:700;

}

.service-details-breadcrumb i{

    color:#0bb7c5;

    font-style:normal;

}

@media(max-width:991px){

   .service-details-banner{

        height:500px;

    }

    .service-details-banner-content h1{

        font-size:45px;

    }

}

@media(max-width:768px){

    .service-details-banner{

        height:500px;

    }

    .service-details-banner-content h1{

        font-size:38px;

    }

    .service-details-breadcrumb{

        font-size:14px;

    }

}

@media(max-width:576px){

    .service-details-banner{

        height:420px;

    }

    .service-details-banner-content h1{

        font-size:32px;

    }

}

@media(max-width:480px){

    .service-details-banner-content h1{

        font-size:29px;

    }

}

@media(max-width:360px){

    .service-details-banner{

        height:380px;

    }

    .service-details-banner-content h1{

        font-size:28px;

    }

}

@media(max-width:300px){

    .service-details-banner{

        height:320px;

    }

    .service-details-banner-content h1{

        font-size:24px;

    }

}

/* Service Details First Section */
.wei-service-detail-hero{
    padding:88px 0 82px;
    background:
        linear-gradient(
            180deg,
            #f4f9fa 0%,
            #ffffff 100%
        );
    position:relative;
    overflow:hidden;
}


.wei-service-detail-hero::before{
    content:"";
    position:absolute;
    top:-180px;
    left:-150px;
    width:380px;
    height:380px;
    border-radius:50%;
    background:rgba(11,183,197,.055);
}


.wei-service-detail-hero::after{
    content:"";
    position:absolute;
    right:-130px;
    bottom:-190px;
    width:420px;
    height:420px;
    border-radius:50%;
    border:70px solid rgba(0,109,119,.035);
}


.wei-service-detail-hero .container{
    position:relative;
    z-index:2;
}


/* =========================================
   MAIN SHELL
========================================= */

.wei-service-detail-shell{
    max-width:1140px;
    margin:auto;

    display:grid;
    grid-template-columns:.92fr 1.08fr;

    gap:56px;

    align-items:center;
}


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

.wei-service-detail-content{
    padding:12px 0;
}


/* TOP LINE */

.wei-service-detail-topline{
    display:flex;
    align-items:center;
    gap:12px;
    flex-wrap:wrap;

    margin-bottom:22px;
}


.wei-service-detail-index{
    padding:7px 10px;

    border-radius:6px;

    background:#0b3039;

    color:#ffffff;

    font-size:7px;
    font-weight:900;

    letter-spacing:1px;
}


.wei-service-detail-category{
    color:#006d77;

    font-size:8px;
    font-weight:900;

    letter-spacing:1.5px;
}


/* TITLE */

.wei-service-detail-content h1{
    max-width:520px;

    margin:0 0 19px;

    color:#10232c;

    font-size:52px;
    line-height:1.02;

    font-weight:900;
}


.wei-service-detail-content h1 strong{
    display:block;

    color:#006d77;
}


/* INTRO */

.wei-service-detail-lead{
    max-width:520px;

    margin:0;

    color:#6f8085;

    font-size:14px;
    line-height:1.75;
}


/* =========================================
   SUMMARY
========================================= */

.wei-service-detail-summary{
    margin-top:28px;

    display:grid;
    grid-template-columns:1fr 1fr;

    gap:10px;
}


.wei-service-detail-summary-item{
    min-height:72px;

    padding:12px;

    border:1px solid #dfe9eb;

    border-radius:14px;

    background:#ffffff;

    display:flex;

    align-items:center;

    gap:11px;

    box-shadow:
        0 8px 20px rgba(16,35,44,.035);
}


.wei-service-detail-summary-icon{
    width:40px;
    height:40px;

    min-width:40px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:11px;

    background:#e8f6f7;

    color:#006d77;

    font-size:13px;
}


.wei-service-detail-summary-item small{
    display:block;

    margin-bottom:3px;

    color:#8a999d;

    font-size:6px;
    font-weight:900;

    letter-spacing:.8px;
}


.wei-service-detail-summary-item strong{
    display:block;

    color:#183039;

    font-size:9px;
    line-height:1.3;

    font-weight:900;
}


/* =========================================
   ACTIONS
========================================= */

.wei-service-detail-actions{
    margin-top:26px;

    display:flex;

    align-items:center;

    gap:10px;

    flex-wrap:wrap;
}


.wei-service-detail-primary-btn,
.wei-service-detail-secondary-btn{
    min-height:46px;

    padding:0 16px;

    border-radius:11px;

    display:inline-flex;

    align-items:center;
    justify-content:center;

    gap:10px;

    text-decoration:none;

    font-size:10px;
    font-weight:900;

    transition:.3s ease;
}


.wei-service-detail-primary-btn{
    background:#0bb7c5;

    color:#ffffff;
}


.wei-service-detail-primary-btn i{
    font-size:8px;
}


.wei-service-detail-primary-btn:hover{
    background:#006d77;

    color:#ffffff;

    transform:translateY(-2px);
}


.wei-service-detail-secondary-btn{
    border:1px solid #d8e5e7;

    background:#ffffff;

    color:#006d77;
}


.wei-service-detail-secondary-btn:hover{
    border-color:#006d77;

    background:#f1fafa;

    color:#006d77;
}


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

.wei-service-detail-visual{
    position:relative;

    padding:20px 0 24px 24px;
}


.wei-service-detail-image-wrap{
    height:470px;

    position:relative;

    overflow:hidden;

    border-radius:28px 28px 90px 28px;

    background:#0b3039;

    box-shadow:
        0 30px 65px rgba(12,53,63,.18);
}


.wei-service-detail-image-wrap img{
    width:100%;
    height:100%;

    display:block;

    object-fit:cover;

    transition:.7s ease;
}


.wei-service-detail-image-wrap:hover img{
    transform:scale(1.035);
}


.wei-service-detail-image-overlay{
    position:absolute;
    inset:0;

    background:
        linear-gradient(
            180deg,
            rgba(5,31,37,.02) 30%,
            rgba(5,31,37,.72) 100%
        );
}


/* IMAGE TAG */

.wei-service-detail-image-tag{
    position:absolute;

    left:22px;
    bottom:22px;

    padding:10px 13px;

    border-radius:12px;

    background:rgba(9,48,58,.82);

    backdrop-filter:blur(9px);

    border:1px solid rgba(255,255,255,.13);
}


.wei-service-detail-image-tag span{
    display:block;

    margin-bottom:2px;

    color:#69dfe6;

    font-size:6px;
    font-weight:900;

    letter-spacing:1px;
}


.wei-service-detail-image-tag strong{
    display:block;

    color:#ffffff;

    font-size:10px;
    font-weight:900;
}


/* =========================================
   FLOATING TECH CARD
========================================= */

.wei-service-detail-floating-card{
    position:absolute;

    right:-20px;
    top:65px;

    width:200px;

    padding:13px;

    border-radius:16px;

    background:#ffffff;

    display:flex;

    align-items:center;

    gap:11px;

    box-shadow:
        0 20px 45px rgba(12,53,63,.17);
}


.wei-service-detail-floating-icon{
    width:39px;
    height:39px;

    min-width:39px;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:11px;

    background:#0bb7c5;

    color:#ffffff;

    font-size:12px;
}


.wei-service-detail-floating-card small{
    display:block;

    margin-bottom:3px;

    color:#88999e;

    font-size:6px;
    font-weight:900;

    letter-spacing:.7px;
}


.wei-service-detail-floating-card strong{
    display:block;

    color:#10232c;

    font-size:9px;
    line-height:1.35;

    font-weight:900;
}


/* =========================================
   BOTTOM HIGHLIGHTS
========================================= */

.wei-service-detail-highlights{
    max-width:1140px;

    margin:30px auto 0;

    display:grid;

    grid-template-columns:repeat(4,1fr);

    border:1px solid #dce8ea;

    border-radius:18px;

    overflow:hidden;

    background:#ffffff;

    box-shadow:
        0 15px 36px rgba(16,35,44,.055);
}


.wei-service-detail-highlight{
    min-height:80px;

    padding:13px 16px;

    display:flex;

    align-items:center;

    gap:11px;

    position:relative;
}


.wei-service-detail-highlight:not(:last-child)::after{
    content:"";

    position:absolute;

    top:18px;
    right:0;

    width:1px;
    height:44px;

    background:#e2eaec;
}


.wei-service-detail-highlight > span{
    width:33px;
    height:33px;

    min-width:33px;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:#e9f7f8;

    color:#006d77;

    font-size:8px;
    font-weight:900;
}


.wei-service-detail-highlight small{
    display:block;

    margin-bottom:3px;

    color:#8a999d;

    font-size:6px;
    font-weight:900;

    letter-spacing:.7px;
}


.wei-service-detail-highlight strong{
    display:block;

    color:#17313a;

    font-size:9px;
    line-height:1.3;

    font-weight:900;
}


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

@media(max-width:991px){

    .wei-service-detail-shell{
        gap:32px;
    }


    .wei-service-detail-content h1{
        font-size:43px;
    }


    .wei-service-detail-image-wrap{
        height:420px;
    }


    .wei-service-detail-floating-card{
        right:10px;
    }


    .wei-service-detail-highlights{
        grid-template-columns:repeat(2,1fr);
    }


    .wei-service-detail-highlight:nth-child(2)::after{
        display:none;
    }


    .wei-service-detail-highlight:nth-child(1),
    .wei-service-detail-highlight:nth-child(2){
        border-bottom:1px solid #e2eaec;
    }

}


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

@media(max-width:768px){

    .wei-service-detail-hero{
        padding:58px 10px 60px;
    }


    .wei-service-detail-shell{
        max-width:430px;

        margin:auto;

        grid-template-columns:1fr;

        gap:28px;
    }


    .wei-service-detail-content{
        padding:0;
    }


    .wei-service-detail-topline{
        margin-bottom:16px;
    }


    .wei-service-detail-content h1{
        max-width:380px;

        margin-bottom:14px;

        font-size:38px;
    }


    .wei-service-detail-lead{
        font-size:12.5px;
    }


    .wei-service-detail-summary{
        margin-top:21px;

        grid-template-columns:1fr 1fr;

        gap:8px;
    }


    .wei-service-detail-summary-item{
        min-height:66px;

        padding:10px;
    }


    .wei-service-detail-summary-icon{
        width:35px;
        height:35px;

        min-width:35px;

        font-size:11px;
    }


    .wei-service-detail-actions{
        margin-top:20px;
    }


    .wei-service-detail-primary-btn,
    .wei-service-detail-secondary-btn{
        min-height:43px;

        padding:0 14px;

        font-size:9px;
    }


    /* IMAGE */

    .wei-service-detail-visual{
        padding:0;
    }


    .wei-service-detail-image-wrap{
        height:350px;

        border-radius:22px 22px 65px 22px;
    }


    .wei-service-detail-floating-card{
        position:absolute;

        right:12px;
        top:18px;

        width:180px;
    }


    /* HIGHLIGHTS */

    .wei-service-detail-highlights{
        max-width:430px;

        margin-top:22px;

        grid-template-columns:1fr 1fr;
    }


    .wei-service-detail-highlight{
        min-height:72px;

        padding:11px;
    }


    .wei-service-detail-highlight:nth-child(2)::after{
        display:none;
    }

}


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

@media(max-width:480px){

    .wei-service-detail-hero{
        padding:50px 7px 54px;
    }


    .wei-service-detail-content h1{
        font-size:33px;
    }


    .wei-service-detail-summary{
        grid-template-columns:1fr;
    }


    .wei-service-detail-actions{
        display:grid;

        grid-template-columns:1fr 1fr;
    }


    .wei-service-detail-primary-btn,
    .wei-service-detail-secondary-btn{
        width:100%;
    }


    .wei-service-detail-image-wrap{
        height:300px;

        border-radius:20px 20px 52px 20px;
    }


    .wei-service-detail-floating-card{
        width:165px;

        right:8px;
        top:12px;

        padding:10px;
    }


    .wei-service-detail-highlights{
        grid-template-columns:1fr 1fr;
    }


    .wei-service-detail-highlight{
        min-height:68px;

        gap:8px;

        padding:9px;
    }


    .wei-service-detail-highlight > span{
        width:29px;
        height:29px;

        min-width:29px;
    }


    .wei-service-detail-highlight strong{
        font-size:8px;
    }

}


/* =========================================
   EXTRA SMALL
========================================= */

@media(max-width:360px){

    .wei-service-detail-content h1{
        font-size:30px;
    }


    .wei-service-detail-actions{
        grid-template-columns:1fr;
    }


    .wei-service-detail-highlights{
        grid-template-columns:1fr;
    }


    .wei-service-detail-highlight{
        border-bottom:1px solid #e2eaec;
    }


    .wei-service-detail-highlight::after{
        display:none !important;
    }

}

/* =========================================================
   SERVICE DETAIL HERO
   PREMIUM VISUAL ENHANCEMENT
   ADD THIS AT THE VERY END OF EXISTING CSS
========================================================= */

.wei-service-detail-hero{
    background:
        radial-gradient(circle at 12% 16%, rgba(11,183,197,.09), transparent 24%),
        radial-gradient(circle at 88% 82%, rgba(0,109,119,.07), transparent 28%),
        linear-gradient(
            180deg,
            #f5fafb 0%,
            #ffffff 72%
        ) !important;
}


/* subtle engineering grid */

.wei-service-detail-hero::before{
    width:100% !important;
    height:100% !important;

    top:0 !important;
    left:0 !important;

    border-radius:0 !important;

    background:
        linear-gradient(rgba(16,35,44,.022) 1px, transparent 1px),
        linear-gradient(90deg, rgba(16,35,44,.022) 1px, transparent 1px) !important;

    background-size:42px 42px !important;

    mask-image:
        linear-gradient(
            to bottom,
            rgba(0,0,0,.4),
            transparent 75%
        );

    pointer-events:none;
}


.wei-service-detail-hero::after{
    width:360px !important;
    height:360px !important;

    right:-170px !important;
    bottom:-200px !important;

    border:65px solid rgba(11,183,197,.055) !important;
}


/* =========================================================
   MAIN LAYOUT
========================================================= */

.wei-service-detail-shell{
    gap:68px !important;
}


/* =========================================================
   TOP IDENTITY
========================================================= */

.wei-service-detail-topline{
    margin-bottom:20px !important;
}


.wei-service-detail-index{
    padding:8px 12px !important;

    border-radius:30px !important;

    background:#102f38 !important;

    box-shadow:
        0 7px 18px rgba(16,47,56,.12);

    letter-spacing:1.2px !important;
}


.wei-service-detail-category{
    position:relative;

    padding-left:23px;

    color:#006d77 !important;
}


.wei-service-detail-category::before{
    content:"";

    position:absolute;

    left:0;
    top:50%;

    width:15px;
    height:2px;

    transform:translateY(-50%);

    background:#0bb7c5;

    border-radius:20px;
}


/* =========================================================
   TITLE
========================================================= */

.wei-service-detail-content h1{
    position:relative;

    font-size:56px !important;

    letter-spacing:-1.8px;

    line-height:.98 !important;

    margin-bottom:22px !important;
}


.wei-service-detail-content h1 strong{
    position:relative;

    display:inline-block !important;

    margin-top:5px;
}


.wei-service-detail-content h1 strong::after{
    content:"";

    position:absolute;

    left:0;
    bottom:-8px;

    width:88px;
    height:5px;

    border-radius:20px;

    background:
        linear-gradient(
            90deg,
            #0bb7c5,
            #006d77
        );
}


/* INTRO */

.wei-service-detail-lead{
    margin-top:28px !important;

    font-size:14px !important;

    line-height:1.8 !important;

    color:#62777d !important;
}


/* =========================================================
   SUMMARY CARDS
========================================================= */

.wei-service-detail-summary{
    gap:12px !important;

    margin-top:30px !important;
}


.wei-service-detail-summary-item{
    position:relative;

    overflow:hidden;

    min-height:78px !important;

    padding:13px 14px !important;

    border-color:#dbe8ea !important;

    border-radius:16px !important;

    box-shadow:
        0 10px 26px rgba(15,52,61,.055) !important;

    transition:
        transform .3s ease,
        border-color .3s ease,
        box-shadow .3s ease;
}


.wei-service-detail-summary-item::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:4px;
    height:100%;

    background:#0bb7c5;

    transform:scaleY(0);

    transform-origin:bottom;

    transition:.3s ease;
}


.wei-service-detail-summary-item:hover{
    transform:translateY(-4px);

    border-color:#b9dfe2 !important;

    box-shadow:
        0 17px 34px rgba(15,52,61,.10) !important;
}


.wei-service-detail-summary-item:hover::before{
    transform:scaleY(1);
}


.wei-service-detail-summary-icon{
    width:44px !important;
    height:44px !important;

    min-width:44px !important;

    border-radius:13px !important;

    background:
        linear-gradient(
            145deg,
            #e8f7f8,
            #dff3f5
        ) !important;

    box-shadow:
        inset 0 0 0 1px rgba(0,109,119,.05);
}


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

.wei-service-detail-actions{
    margin-top:29px !important;
}


.wei-service-detail-primary-btn{
    min-height:48px !important;

    padding:0 18px !important;

    border-radius:12px !important;

    background:
        linear-gradient(
            135deg,
            #0bb7c5,
            #078d99
        ) !important;

    box-shadow:
        0 10px 24px rgba(11,183,197,.23);

    position:relative;

    overflow:hidden;
}


.wei-service-detail-primary-btn::before{
    content:"";

    position:absolute;

    top:-40%;

    left:-40%;

    width:35px;
    height:180%;

    background:rgba(255,255,255,.22);

    transform:rotate(25deg);

    transition:.45s ease;
}


.wei-service-detail-primary-btn:hover::before{
    left:120%;
}


.wei-service-detail-secondary-btn{
    min-height:48px !important;

    border-radius:12px !important;

    padding:0 18px !important;

    border:1px solid #cfe0e3 !important;

    box-shadow:
        0 8px 20px rgba(16,35,44,.04);
}


/* =========================================================
   IMAGE AREA - PREMIUM
========================================================= */

.wei-service-detail-visual{
    position:relative;

    padding:28px 8px 28px 28px !important;
}


/* decorative frame */

.wei-service-detail-visual::before{
    content:"";

    position:absolute;

    top:7px;
    left:7px;

    width:72%;
    height:76%;

    border:1px solid rgba(11,183,197,.25);

    border-radius:30px 30px 84px 30px;

    z-index:-1;
}


.wei-service-detail-image-wrap{
    height:490px !important;

    border-radius:
        32px 32px 100px 32px !important;

    box-shadow:
        0 34px 78px rgba(8,45,54,.22) !important;

    isolation:isolate;
}


.wei-service-detail-image-wrap::before{
    content:"";

    position:absolute;

    inset:0;

    border-radius:inherit;

    border:1px solid rgba(255,255,255,.24);

    z-index:4;

    pointer-events:none;
}


/* stronger cinematic treatment */

.wei-service-detail-image-overlay{
    background:
        linear-gradient(
            180deg,
            rgba(3,25,31,.03) 20%,
            rgba(3,25,31,.12) 52%,
            rgba(3,25,31,.80) 100%
        ) !important;
}


/* image label */

.wei-service-detail-image-tag{
    left:24px !important;
    bottom:24px !important;

    padding:11px 14px !important;

    border-radius:13px !important;

    background:
        linear-gradient(
            135deg,
            rgba(8,45,54,.92),
            rgba(8,69,79,.84)
        ) !important;

    box-shadow:
        0 10px 30px rgba(0,0,0,.16);
}


/* =========================================================
   FLOATING TECH CARD
========================================================= */

.wei-service-detail-floating-card{
    right:-8px !important;
    top:78px !important;

    width:220px !important;

    padding:15px !important;

    border-radius:18px !important;

    border:1px solid rgba(0,109,119,.09);

    box-shadow:
        0 20px 48px rgba(8,46,55,.20) !important;

    animation:
        weiServiceFloat 4.5s ease-in-out infinite;
}


@keyframes weiServiceFloat{

    0%,
    100%{
        transform:translateY(0);
    }

    50%{
        transform:translateY(-7px);
    }

}


.wei-service-detail-floating-icon{
    width:43px !important;
    height:43px !important;

    min-width:43px !important;

    border-radius:13px !important;

    background:
        linear-gradient(
            135deg,
            #0bb7c5,
            #007f8a
        ) !important;

    box-shadow:
        0 8px 20px rgba(11,183,197,.22);
}


/* =========================================================
   BOTTOM HIGHLIGHTS
========================================================= */

.wei-service-detail-highlights{
    margin-top:36px !important;

    border-radius:20px !important;

    border-color:#d9e6e8 !important;

    box-shadow:
        0 18px 45px rgba(16,35,44,.07) !important;
}


.wei-service-detail-highlight{
    min-height:88px !important;

    padding:15px 18px !important;

    transition:
        background .3s ease,
        transform .3s ease;
}


.wei-service-detail-highlight:hover{
    background:#f2fafa;

    transform:translateY(-2px);
}


.wei-service-detail-highlight > span{
    width:37px !important;
    height:37px !important;

    min-width:37px !important;

    background:
        linear-gradient(
            145deg,
            #e8f7f8,
            #dff3f5
        ) !important;

    border:1px solid rgba(0,109,119,.08);
}


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

@media(max-width:991px){

    .wei-service-detail-shell{
        gap:38px !important;
    }


    .wei-service-detail-content h1{
        font-size:45px !important;
    }


    .wei-service-detail-image-wrap{
        height:430px !important;
    }


    .wei-service-detail-floating-card{
        width:195px !important;

        right:8px !important;
    }

}


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

@media(max-width:768px){

    .wei-service-detail-hero{
        padding:
            58px 10px 62px !important;
    }


    .wei-service-detail-shell{
        gap:31px !important;
    }


    .wei-service-detail-content h1{
        font-size:39px !important;

        letter-spacing:-1px !important;
    }


    .wei-service-detail-content h1 strong::after{
        bottom:-6px;

        width:70px;
        height:4px;
    }


    .wei-service-detail-lead{
        margin-top:23px !important;

        font-size:12.5px !important;
    }


    .wei-service-detail-summary{
        gap:9px !important;
    }


    .wei-service-detail-summary-item{
        min-height:70px !important;

        border-radius:14px !important;
    }


    /* VISUAL */

    .wei-service-detail-visual{
        padding:8px 0 18px 10px !important;
    }


    .wei-service-detail-visual::before{
        top:-4px;

        left:0;

        width:80%;
        height:82%;

        border-radius:24px 24px 65px 24px;
    }


    .wei-service-detail-image-wrap{
        height:370px !important;

        border-radius:
            24px 24px 72px 24px !important;
    }


    .wei-service-detail-floating-card{
        width:180px !important;

        right:12px !important;

        top:23px !important;

        padding:12px !important;

        animation:none;
    }


    .wei-service-detail-highlights{
        margin-top:25px !important;

        border-radius:17px !important;
    }


    .wei-service-detail-highlight{
        min-height:74px !important;

        padding:11px 12px !important;
    }

}


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

@media(max-width:480px){

    .wei-service-detail-hero{
        padding:50px 7px 54px !important;
    }


    .wei-service-detail-content h1{
        font-size:34px !important;
    }


    .wei-service-detail-topline{
        gap:8px !important;
    }


    .wei-service-detail-category{
        font-size:7px !important;
    }


    .wei-service-detail-image-wrap{
        height:310px !important;

        border-radius:
            21px 21px 58px 21px !important;
    }


    .wei-service-detail-image-tag{
        left:15px !important;
        bottom:15px !important;

        padding:9px 11px !important;
    }


    .wei-service-detail-floating-card{
        width:158px !important;

        top:17px !important;

        right:8px !important;
    }


    .wei-service-detail-floating-card strong{
        font-size:8px !important;
    }


    .wei-service-detail-highlights{
        margin-top:20px !important;
    }

}

/* =========================================================
   SERVICE DETAIL HERO
   FINAL MOBILE PREMIUM OVERRIDE
   ADD AT THE VERY END
========================================================= */

@media(max-width:768px){

    .wei-service-detail-hero{
        padding:54px 10px 58px !important;
    }


    /* MAIN WRAP */

    .wei-service-detail-shell{
        max-width:430px !important;
        margin:0 auto !important;
        grid-template-columns:1fr !important;
        gap:27px !important;
    }


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

    .wei-service-detail-topline{
        margin-bottom:15px !important;
        gap:7px !important;
    }


    .wei-service-detail-index{
        padding:7px 10px !important;
        font-size:6.5px !important;
    }


    .wei-service-detail-category{
        font-size:7px !important;
        letter-spacing:1px !important;
        padding-left:18px !important;
    }


    .wei-service-detail-category::before{
        width:12px !important;
    }


    .wei-service-detail-content h1{
        max-width:360px !important;
        margin-bottom:13px !important;

        font-size:37px !important;
        line-height:1.02 !important;
        letter-spacing:-1px !important;
    }


    .wei-service-detail-content h1 strong{
        margin-top:3px !important;
    }


    .wei-service-detail-content h1 strong::after{
        width:62px !important;
        height:4px !important;
        bottom:-6px !important;
    }


    .wei-service-detail-lead{
        max-width:370px !important;
        margin-top:21px !important;

        font-size:12px !important;
        line-height:1.7 !important;
    }


    /* =====================================
       SUMMARY
    ===================================== */

    .wei-service-detail-summary{
        margin-top:20px !important;
        grid-template-columns:1fr 1fr !important;
        gap:8px !important;
    }


    .wei-service-detail-summary-item{
        min-height:67px !important;
        padding:9px !important;
        border-radius:13px !important;
    }


    .wei-service-detail-summary-icon{
        width:34px !important;
        height:34px !important;
        min-width:34px !important;

        border-radius:9px !important;
        font-size:10px !important;
    }


    .wei-service-detail-summary-item small{
        font-size:5.5px !important;
    }


    .wei-service-detail-summary-item strong{
        font-size:8px !important;
    }


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

    .wei-service-detail-actions{
        margin-top:18px !important;
        gap:8px !important;
    }


    .wei-service-detail-primary-btn,
    .wei-service-detail-secondary-btn{
        min-height:42px !important;
        padding:0 13px !important;

        border-radius:10px !important;

        font-size:8.5px !important;
    }


    /* =====================================
       IMAGE SECTION
    ===================================== */

    .wei-service-detail-visual{
        padding:7px 0 17px 7px !important;
    }


    .wei-service-detail-visual::before{
        top:-3px !important;
        left:0 !important;

        width:78% !important;
        height:80% !important;

        border-radius:22px 22px 60px 22px !important;
    }


    .wei-service-detail-image-wrap{
        height:345px !important;

        border-radius:
            23px 23px 68px 23px !important;

        box-shadow:
            0 22px 50px rgba(8,45,54,.18) !important;
    }


    .wei-service-detail-image-wrap img{
        object-position:center !important;
    }


    /* IMAGE TAG */

    .wei-service-detail-image-tag{
        left:14px !important;
        bottom:14px !important;

        padding:8px 10px !important;
        border-radius:10px !important;
    }


    .wei-service-detail-image-tag span{
        font-size:5.5px !important;
    }


    .wei-service-detail-image-tag strong{
        font-size:8.5px !important;
    }


    /* =====================================
       FLOATING CARD
    ===================================== */

    .wei-service-detail-floating-card{
        width:165px !important;

        right:9px !important;
        top:16px !important;

        padding:10px !important;

        border-radius:14px !important;

        animation:none !important;
    }


    .wei-service-detail-floating-icon{
        width:35px !important;
        height:35px !important;
        min-width:35px !important;

        border-radius:10px !important;

        font-size:10px !important;
    }


    .wei-service-detail-floating-card small{
        font-size:5.5px !important;
    }


    .wei-service-detail-floating-card strong{
        font-size:7.5px !important;
        line-height:1.3 !important;
    }


    /* =====================================
       HIGHLIGHTS STRIP
    ===================================== */

    .wei-service-detail-highlights{
        max-width:430px !important;

        margin:20px auto 0 !important;

        grid-template-columns:1fr 1fr !important;

        border-radius:16px !important;

        box-shadow:
            0 13px 30px rgba(16,35,44,.06) !important;
    }


    .wei-service-detail-highlight{
        min-height:67px !important;
        padding:9px 10px !important;
        gap:8px !important;
    }


    .wei-service-detail-highlight > span{
        width:29px !important;
        height:29px !important;
        min-width:29px !important;

        font-size:7px !important;
    }


    .wei-service-detail-highlight small{
        font-size:5.5px !important;
    }


    .wei-service-detail-highlight strong{
        font-size:7.8px !important;
    }


    .wei-service-detail-highlight::after{
        height:34px !important;
        top:16px !important;
    }

}


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

@media(max-width:480px){

    .wei-service-detail-hero{
        padding:48px 7px 52px !important;
    }


    .wei-service-detail-shell{
        max-width:100% !important;
    }


    .wei-service-detail-content h1{
        max-width:320px !important;
        font-size:32px !important;
    }


    .wei-service-detail-lead{
        font-size:11.5px !important;
    }


    .wei-service-detail-summary{
        grid-template-columns:1fr !important;
    }


    .wei-service-detail-summary-item{
        min-height:60px !important;
    }


    .wei-service-detail-actions{
        display:grid !important;
        grid-template-columns:1fr 1fr !important;
    }


    .wei-service-detail-primary-btn,
    .wei-service-detail-secondary-btn{
        width:100% !important;
    }


    .wei-service-detail-image-wrap{
        height:295px !important;

        border-radius:
            20px 20px 52px 20px !important;
    }


    .wei-service-detail-floating-card{
        width:150px !important;
        right:7px !important;
        top:12px !important;
    }


    .wei-service-detail-image-tag{
        left:12px !important;
        bottom:12px !important;
    }


    .wei-service-detail-highlights{
        grid-template-columns:1fr 1fr !important;
        border-radius:14px !important;
    }


    .wei-service-detail-highlight{
        min-height:64px !important;
        padding:8px !important;
    }

}


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

@media(max-width:360px){

    .wei-service-detail-content h1{
        font-size:29px !important;
    }


    .wei-service-detail-actions{
        grid-template-columns:1fr !important;
    }


    .wei-service-detail-image-wrap{
        height:265px !important;
    }


    .wei-service-detail-floating-card{
        width:142px !important;
    }


    .wei-service-detail-highlights{
        grid-template-columns:1fr !important;
    }


    .wei-service-detail-highlight{
        border-bottom:1px solid #e2eaec !important;
    }


    .wei-service-detail-highlight::after{
        display:none !important;
    }

}

/* Service Details Page Second Section */
.wei-scope-capability-section{
    padding:92px 0;

    position:relative;

    overflow:hidden;

    background:
        radial-gradient(
            circle at 85% 10%,
            rgba(11,183,197,.11),
            transparent 27%
        ),
        linear-gradient(
            145deg,
            #071f27 0%,
            #0b3039 52%,
            #08262e 100%
        );
}


/* subtle technical grid */

.wei-scope-capability-section::before{
    content:"";

    position:absolute;

    inset:0;

    background:
        linear-gradient(
            rgba(255,255,255,.022) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255,255,255,.022) 1px,
            transparent 1px
        );

    background-size:46px 46px;

    opacity:.8;

    pointer-events:none;
}


/* glow */

.wei-scope-capability-section::after{
    content:"";

    position:absolute;

    width:430px;
    height:430px;

    left:-230px;
    bottom:-250px;

    border-radius:50%;

    border:80px solid rgba(11,183,197,.035);

    pointer-events:none;
}


.wei-scope-capability-section .container{
    position:relative;
    z-index:2;
}


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

.wei-scope-capability-heading{
    max-width:1140px;

    margin:0 auto 42px;

    display:grid;

    grid-template-columns:1fr 420px;

    gap:55px;

    align-items:end;
}


.wei-scope-kicker{
    display:inline-block;

    margin-bottom:13px;

    color:#57dbe4;

    font-size:10px;
    font-weight:900;

    letter-spacing:2px;
}


.wei-scope-capability-heading h2{
    max-width:610px;

    margin:0;

    color:#ffffff;

    font-size:39px;
    line-height:1.12;

    font-weight:900;
}


.wei-scope-capability-heading h2 strong{
    color:#54dce5;
}


.wei-scope-capability-heading > p{
    margin:0;

    color:#9eb9bf;

    font-size:12px;
    line-height:1.75;
}


/* =====================================================
   MAIN BOARD
===================================================== */

.wei-scope-board{
    max-width:1140px;

    margin:auto;

    display:grid;

    grid-template-columns:390px 1fr;

    min-height:500px;

    border:1px solid rgba(255,255,255,.10);

    border-radius:26px;

    overflow:hidden;

    box-shadow:
        0 30px 80px rgba(0,0,0,.24);
}


/* =====================================================
   LEFT WORKSTREAM
===================================================== */

.wei-scope-workstreams{
    padding:21px;

    background:
        rgba(255,255,255,.045);

    backdrop-filter:blur(4px);

    border-right:
        1px solid rgba(255,255,255,.08);
}


.wei-scope-workstream-head{
    padding:3px 5px 16px;

    border-bottom:
        1px solid rgba(255,255,255,.08);

    margin-bottom:10px;
}


.wei-scope-workstream-head span{
    display:block;

    margin-bottom:4px;

    color:#58d9e2;

    font-size:7px;
    font-weight:900;

    letter-spacing:1.4px;
}


.wei-scope-workstream-head strong{
    color:#ffffff;

    font-size:13px;
    font-weight:900;
}


/* WORKSTREAM BUTTON */

.wei-scope-workstream{
    width:100%;

    min-height:73px;

    padding:10px 10px;

    border:none;

    border-bottom:
        1px solid rgba(255,255,255,.07);

    background:transparent;

    display:grid;

    grid-template-columns:40px 1fr 33px;

    align-items:center;

    gap:10px;

    text-align:left;

    cursor:pointer;

    position:relative;

    transition:.3s ease;
}


.wei-scope-workstream::before{
    content:"";

    position:absolute;

    left:0;
    top:14px;

    width:3px;
    height:45px;

    background:#0bb7c5;

    border-radius:20px;

    opacity:0;

    transform:scaleY(.3);

    transition:.3s ease;
}


.wei-scope-workstream:hover{
    background:rgba(255,255,255,.04);
}


.wei-scope-workstream.active{
    background:
        linear-gradient(
            90deg,
            rgba(11,183,197,.13),
            rgba(11,183,197,.025)
        );
}


.wei-scope-workstream.active::before{
    opacity:1;

    transform:scaleY(1);
}


/* NUMBER */

.wei-scope-workstream-number{
    width:34px;
    height:34px;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:50%;

    border:
        1px solid rgba(255,255,255,.13);

    color:#6e9299;

    font-size:8px;
    font-weight:900;

    transition:.3s ease;
}


.wei-scope-workstream.active
.wei-scope-workstream-number{
    background:#0bb7c5;

    border-color:#0bb7c5;

    color:#ffffff;

    box-shadow:
        0 7px 20px rgba(11,183,197,.22);
}


/* NAME */

.wei-scope-workstream-name small{
    display:block;

    margin-bottom:3px;

    color:#708f96;

    font-size:6px;
    font-weight:900;

    letter-spacing:1px;
}


.wei-scope-workstream-name strong{
    display:block;

    color:#d7e5e8;

    font-size:11px;
    font-weight:900;
}


.wei-scope-workstream.active
.wei-scope-workstream-name strong{
    color:#ffffff;
}


/* ARROW */

.wei-scope-workstream-arrow{
    width:29px;
    height:29px;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:50%;

    color:#6e9299;

    font-size:7px;

    transition:.3s ease;
}


.wei-scope-workstream.active
.wei-scope-workstream-arrow{
    background:#ffffff;

    color:#006d77;

    transform:translateX(2px);
}


/* =====================================================
   RIGHT DETAIL
===================================================== */

.wei-scope-detail{
    position:relative;

    padding:38px 42px;

    overflow:hidden;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.045),
            rgba(255,255,255,.015)
        );
}


/* diagonal accent */

.wei-scope-detail::after{
    content:"";

    position:absolute;

    width:280px;
    height:280px;

    right:-160px;
    bottom:-150px;

    transform:rotate(45deg);

    border:
        1px solid rgba(11,183,197,.15);
}


/* =====================================================
   DETAIL TOP
===================================================== */

.wei-scope-detail-top{
    display:grid;

    grid-template-columns:55px 1fr auto;

    gap:13px;

    align-items:center;

    padding-bottom:25px;

    border-bottom:
        1px solid rgba(255,255,255,.08);
}


.wei-scope-detail-icon{
    width:55px;
    height:55px;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:15px;

    background:
        linear-gradient(
            145deg,
            #0bb7c5,
            #057f8a
        );

    color:#ffffff;

    font-size:17px;

    box-shadow:
        0 12px 30px rgba(11,183,197,.22);
}


.wei-scope-detail-top div:nth-child(2) > span{
    display:block;

    color:#55dce5;

    font-size:7px;
    font-weight:900;

    letter-spacing:1.2px;
}


.wei-scope-detail-top div:nth-child(2) > small{
    display:block;

    margin-top:4px;

    color:#69878e;

    font-size:6px;
    font-weight:900;

    letter-spacing:1px;
}


.wei-scope-detail-top > strong{
    color:rgba(255,255,255,.12);

    font-size:47px;
    line-height:1;

    font-weight:900;
}


/* =====================================================
   DETAIL BODY
===================================================== */

.wei-scope-detail-body{
    max-width:590px;

    padding-top:29px;

    position:relative;

    z-index:2;
}


.wei-scope-detail-body h3{
    margin:0 0 13px;

    color:#ffffff;

    font-size:29px;
    line-height:1.2;

    font-weight:900;
}


.wei-scope-detail-body p{
    max-width:540px;

    margin:0;

    color:#9eb5ba;

    font-size:12px;
    line-height:1.75;
}


/* CAPABILITY TAGS */

.wei-scope-detail-capabilities{
    margin-top:20px;

    display:flex;

    flex-wrap:wrap;

    gap:7px;
}


.wei-scope-detail-capabilities span{
    padding:7px 10px;

    border-radius:7px;

    border:
        1px solid rgba(88,219,228,.18);

    background:
        rgba(11,183,197,.07);

    color:#cbe8eb;

    font-size:7px;
    font-weight:800;
}


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

.wei-scope-tech-visual{
    position:absolute;

    width:210px;
    height:210px;

    right:32px;
    bottom:20px;

    opacity:.95;
}


.wei-scope-tech-axis{
    position:absolute;

    inset:0;

    border:
        1px solid rgba(88,219,228,.13);

    border-radius:50%;
}


.wei-scope-tech-axis::before,
.wei-scope-tech-axis::after{
    content:"";

    position:absolute;

    top:50%;
    left:50%;

    background:
        rgba(88,219,228,.12);

    transform:translate(-50%,-50%);
}


.wei-scope-tech-axis::before{
    width:100%;
    height:1px;
}


.wei-scope-tech-axis::after{
    width:1px;
    height:100%;
}


.wei-scope-tech-axis span{
    position:absolute;

    inset:25px;

    border:
        1px dashed rgba(88,219,228,.10);

    border-radius:50%;
}


.wei-scope-tech-center{
    position:absolute;

    left:50%;
    top:50%;

    width:86px;
    height:86px;

    transform:translate(-50%,-50%);

    border-radius:50%;

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

    background:#0a3540;

    border:
        1px solid rgba(88,219,228,.20);

    box-shadow:
        0 0 0 8px rgba(11,183,197,.025);
}


.wei-scope-tech-center span{
    color:#6a969d;

    font-size:5px;
    font-weight:900;

    letter-spacing:1px;
}


.wei-scope-tech-center strong{
    margin-top:2px;

    color:#58dbe4;

    font-size:8px;
    font-weight:900;
}


/* POINTS */

.wei-scope-tech-point{
    position:absolute;

    width:27px;
    height:27px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:#0bb7c5;

    color:#ffffff;

    font-size:6px;
    font-weight:900;

    box-shadow:
        0 6px 18px rgba(11,183,197,.2);
}


.wei-tech-point-1{
    top:18px;
    left:91px;
}


.wei-tech-point-2{
    right:15px;
    top:91px;
}


.wei-tech-point-3{
    bottom:14px;
    left:91px;
}


.wei-tech-point-4{
    left:15px;
    top:91px;
}


/* =====================================================
   BOTTOM CAPABILITY STRIP
===================================================== */

.wei-key-capabilities-strip{
    max-width:1140px;

    margin:18px auto 0;

    display:grid;

    grid-template-columns:1.35fr repeat(4,1fr);

    border:
        1px solid rgba(255,255,255,.09);

    border-radius:18px;

    overflow:hidden;

    background:
        rgba(255,255,255,.035);
}


.wei-key-capabilities-title{
    padding:17px 19px;

    display:flex;

    flex-direction:column;

    justify-content:center;

    border-right:
        1px solid rgba(255,255,255,.08);
}


.wei-key-capabilities-title span{
    color:#58dbe4;

    font-size:6px;
    font-weight:900;

    letter-spacing:1.2px;
}


.wei-key-capabilities-title strong{
    margin-top:4px;

    color:#ffffff;

    font-size:10px;
    font-weight:900;
}


.wei-key-capability{
    min-height:76px;

    padding:13px;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:9px;

    border-right:
        1px solid rgba(255,255,255,.07);

    transition:.3s ease;
}


.wei-key-capability:last-child{
    border-right:none;
}


.wei-key-capability:hover{
    background:
        rgba(11,183,197,.075);
}


.wei-key-capability i{
    color:#55dce5;

    font-size:14px;
}


.wei-key-capability span{
    color:#75959c;

    font-size:7px;
    font-weight:800;

    line-height:1.4;
}


.wei-key-capability strong{
    display:block;

    color:#ffffff;

    font-size:8px;
    font-weight:900;
}


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

@media(max-width:991px){

    .wei-scope-capability-heading{
        grid-template-columns:1fr 330px;

        gap:30px;
    }


    .wei-scope-board{
        grid-template-columns:330px 1fr;
    }


    .wei-scope-detail{
        padding:32px 28px;
    }


    .wei-scope-tech-visual{
        width:180px;
        height:180px;

        right:20px;
    }


    .wei-key-capabilities-strip{
        grid-template-columns:1fr 1fr;
    }


    .wei-key-capabilities-title{
        grid-column:1 / -1;

        border-right:none;

        border-bottom:
            1px solid rgba(255,255,255,.08);
    }

}


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

@media(max-width:768px){

    .wei-scope-capability-section{
        padding:62px 10px;
    }


    /* HEADING */

    .wei-scope-capability-heading{
        max-width:430px;

        margin:0 auto 28px;

        grid-template-columns:1fr;

        gap:13px;
    }


    .wei-scope-kicker{
        font-size:8px;
        letter-spacing:1.5px;
    }


    .wei-scope-capability-heading h2{
        max-width:360px;

        font-size:30px;
    }


    .wei-scope-capability-heading > p{
        max-width:380px;

        font-size:11.5px;
    }


    /* BOARD */

    .wei-scope-board{
        max-width:430px;

        grid-template-columns:1fr;

        min-height:auto;

        border-radius:21px;
    }


    .wei-scope-workstreams{
        padding:15px;

        border-right:none;

        border-bottom:
            1px solid rgba(255,255,255,.08);
    }


    .wei-scope-workstream-head{
        padding-bottom:12px;
    }


    .wei-scope-workstream{
        min-height:61px;

        grid-template-columns:34px 1fr 29px;

        padding:8px;
    }


    .wei-scope-workstream-number{
        width:30px;
        height:30px;

        font-size:7px;
    }


    .wei-scope-workstream-name strong{
        font-size:10px;
    }


    /* DETAIL */

    .wei-scope-detail{
        min-height:405px;

        padding:24px 20px;
    }


    .wei-scope-detail-top{
        grid-template-columns:45px 1fr auto;

        padding-bottom:18px;
    }


    .wei-scope-detail-icon{
        width:45px;
        height:45px;

        font-size:14px;
    }


    .wei-scope-detail-top > strong{
        font-size:37px;
    }


    .wei-scope-detail-body{
        padding-top:21px;
    }


    .wei-scope-detail-body h3{
        font-size:23px;
    }


    .wei-scope-detail-body p{
        font-size:11px;
    }


    .wei-scope-tech-visual{
        width:155px;
        height:155px;

        right:15px;
        bottom:13px;

        opacity:.72;
    }


    .wei-scope-tech-center{
        width:68px;
        height:68px;
    }


    .wei-scope-tech-point{
        width:23px;
        height:23px;
    }


    .wei-tech-point-1{
        left:66px;
    }


    .wei-tech-point-3{
        left:66px;
    }


    .wei-tech-point-2,
    .wei-tech-point-4{
        top:66px;
    }


    /* BOTTOM */

    .wei-key-capabilities-strip{
        max-width:430px;

        grid-template-columns:1fr 1fr;

        border-radius:16px;
    }


    .wei-key-capabilities-title{
        grid-column:1/-1;
    }


    .wei-key-capability{
        min-height:67px;
    }

}


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

@media(max-width:480px){

    .wei-scope-capability-section{
        padding:54px 7px;
    }


    .wei-scope-capability-heading h2{
        font-size:27px;
    }


    .wei-scope-board{
        max-width:100%;
    }


    .wei-scope-workstreams{
        padding:12px;
    }


    .wei-scope-workstream{
        min-height:57px;
    }


    .wei-scope-workstream-name strong{
        font-size:9px;
    }


    .wei-scope-detail{
        min-height:390px;

        padding:21px 16px;
    }


    .wei-scope-detail-body h3{
        font-size:21px;
    }


    .wei-scope-detail-capabilities{
        max-width:270px;
    }


    .wei-scope-tech-visual{
        width:135px;
        height:135px;

        right:10px;
        bottom:10px;
    }


    .wei-scope-tech-center{
        width:60px;
        height:60px;
    }


    .wei-scope-tech-point{
        width:21px;
        height:21px;
    }


    .wei-tech-point-1{
        top:10px;
        left:57px;
    }


    .wei-tech-point-2{
        right:7px;
        top:57px;
    }


    .wei-tech-point-3{
        bottom:7px;
        left:57px;
    }


    .wei-tech-point-4{
        left:7px;
        top:57px;
    }


    .wei-key-capabilities-strip{
        grid-template-columns:1fr 1fr;
    }


    .wei-key-capability{
        padding:10px 8px;
    }

}

/* =====================================================
   SCOPE & CAPABILITIES
   FINAL READABILITY + PREMIUM OVERRIDE
   ADD AT VERY END
===================================================== */

.wei-scope-capability-heading h2{
    font-size:44px !important;
    line-height:1.12 !important;
}

.wei-scope-kicker{
    font-size:12px !important;
    letter-spacing:2.2px !important;
}

.wei-scope-capability-heading > p{
    font-size:14px !important;
    line-height:1.8 !important;
    color:#b6cdd2 !important;
}


/* ==============================
   LEFT WORKSTREAM HEAD
============================== */

.wei-scope-workstream-head span{
    font-size:9px !important;
}

.wei-scope-workstream-head strong{
    font-size:16px !important;
}


/* ==============================
   LEFT WORKSTREAM ITEMS
============================== */

.wei-scope-workstream{
    min-height:82px !important;
    padding:12px 12px !important;
}

.wei-scope-workstream-number{
    width:38px !important;
    height:38px !important;
    font-size:10px !important;
}

.wei-scope-workstream-name small{
    font-size:8px !important;
    letter-spacing:1.1px !important;
    margin-bottom:5px !important;
}

.wei-scope-workstream-name strong{
    font-size:14px !important;
    line-height:1.3 !important;
}

.wei-scope-workstream-arrow{
    width:32px !important;
    height:32px !important;
    font-size:9px !important;
}


/* ==============================
   RIGHT DETAIL TOP
============================== */

.wei-scope-detail-icon{
    width:60px !important;
    height:60px !important;
    font-size:19px !important;
}

.wei-scope-detail-top div:nth-child(2) > span{
    font-size:9px !important;
    letter-spacing:1.4px !important;
}

.wei-scope-detail-top div:nth-child(2) > small{
    font-size:7.5px !important;
}

.wei-scope-detail-top > strong{
    font-size:54px !important;
}


/* ==============================
   DETAIL BODY
============================== */

.wei-scope-detail-body h3{
    font-size:34px !important;
    line-height:1.18 !important;
}

.wei-scope-detail-body p{
    max-width:570px !important;
    font-size:14px !important;
    line-height:1.8 !important;
    color:#b5c9ce !important;
}


/* ==============================
   CAPABILITY TAGS
============================== */

.wei-scope-detail-capabilities{
    gap:8px !important;
    margin-top:22px !important;
}

.wei-scope-detail-capabilities span{
    padding:8px 11px !important;
    font-size:9px !important;
    border-radius:8px !important;

    background:rgba(11,183,197,.10) !important;
    border:1px solid rgba(88,219,228,.24) !important;

    color:#e0f4f6 !important;
}


/* ==============================
   TECH CENTER
============================== */

.wei-scope-tech-center span{
    font-size:6.5px !important;
}

.wei-scope-tech-center strong{
    font-size:10px !important;
}

.wei-scope-tech-point{
    font-size:8px !important;
}


/* ==============================
   BOTTOM CAPABILITY STRIP
============================== */

.wei-key-capabilities-title span{
    font-size:8px !important;
    letter-spacing:1.4px !important;
}

.wei-key-capabilities-title strong{
    font-size:13px !important;
}

.wei-key-capability i{
    font-size:17px !important;
}

.wei-key-capability span{
    font-size:9px !important;
    line-height:1.45 !important;
}

.wei-key-capability strong{
    font-size:10px !important;
}


/* ==============================
   EXTRA PREMIUM TOUCH
============================== */

.wei-scope-board{
    border-color:rgba(255,255,255,.14) !important;

    box-shadow:
        0 34px 90px rgba(0,0,0,.30) !important;
}

.wei-scope-workstream.active{
    background:
        linear-gradient(
            90deg,
            rgba(11,183,197,.20),
            rgba(11,183,197,.035)
        ) !important;
}

.wei-scope-workstream.active
.wei-scope-workstream-name strong{
    color:#ffffff !important;
}

.wei-scope-detail{
    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.065),
            rgba(255,255,255,.018)
        ) !important;
}

.wei-key-capabilities-strip{
    border-color:rgba(255,255,255,.13) !important;

    box-shadow:
        0 18px 45px rgba(0,0,0,.16) !important;
}


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

@media(max-width:991px){

    .wei-scope-capability-heading h2{
        font-size:38px !important;
    }

    .wei-scope-capability-heading > p{
        font-size:13px !important;
    }

    .wei-scope-workstream-name strong{
        font-size:12px !important;
    }

    .wei-scope-detail-body h3{
        font-size:29px !important;
    }

    .wei-scope-detail-body p{
        font-size:13px !important;
    }

}


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

@media(max-width:768px){

    .wei-scope-capability-heading h2{
        font-size:32px !important;
    }

    .wei-scope-kicker{
        font-size:10px !important;
    }

    .wei-scope-capability-heading > p{
        font-size:12.5px !important;
        line-height:1.7 !important;
    }

    .wei-scope-workstream-head span{
        font-size:8px !important;
    }

    .wei-scope-workstream-head strong{
        font-size:14px !important;
    }

    .wei-scope-workstream{
        min-height:66px !important;
    }

    .wei-scope-workstream-number{
        width:32px !important;
        height:32px !important;
        font-size:8px !important;
    }

    .wei-scope-workstream-name small{
        font-size:7px !important;
    }

    .wei-scope-workstream-name strong{
        font-size:11px !important;
    }

    .wei-scope-detail-icon{
        width:48px !important;
        height:48px !important;
        font-size:15px !important;
    }

    .wei-scope-detail-top div:nth-child(2) > span{
        font-size:7.5px !important;
    }

    .wei-scope-detail-top div:nth-child(2) > small{
        font-size:6px !important;
    }

    .wei-scope-detail-top > strong{
        font-size:40px !important;
    }

    .wei-scope-detail-body h3{
        font-size:25px !important;
    }

    .wei-scope-detail-body p{
        font-size:12px !important;
        line-height:1.7 !important;
    }

    .wei-scope-detail-capabilities span{
        font-size:8px !important;
        padding:7px 9px !important;
    }

    .wei-key-capabilities-title strong{
        font-size:11px !important;
    }

    .wei-key-capability span{
        font-size:8px !important;
    }

    .wei-key-capability strong{
        font-size:9px !important;
    }

}


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

@media(max-width:480px){

    .wei-scope-capability-heading h2{
        font-size:28px !important;
    }

    .wei-scope-capability-heading > p{
        font-size:12px !important;
    }

    .wei-scope-workstream-name strong{
        font-size:10px !important;
    }

    .wei-scope-detail-body h3{
        font-size:22px !important;
    }

    .wei-scope-detail-body p{
        font-size:11.5px !important;
    }

}

/* =====================================================
   SCOPE & CAPABILITIES
   FINAL MOBILE PREMIUM OVERRIDE
   ADD AT VERY END
===================================================== */

@media(max-width:768px){

    .wei-scope-capability-section{
        padding:58px 10px 60px !important;
    }


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

    .wei-scope-capability-heading{
        max-width:430px !important;
        margin:0 auto 26px !important;
        grid-template-columns:1fr !important;
        gap:12px !important;
    }

    .wei-scope-kicker{
        font-size:9px !important;
        letter-spacing:1.5px !important;
        margin-bottom:9px !important;
    }

    .wei-scope-capability-heading h2{
        max-width:360px !important;
        font-size:31px !important;
        line-height:1.13 !important;
    }

    .wei-scope-capability-heading > p{
        max-width:385px !important;
        font-size:12px !important;
        line-height:1.72 !important;
        color:#b5c9ce !important;
    }


    /* =====================================
       MAIN BOARD
    ===================================== */

    .wei-scope-board{
        max-width:430px !important;
        margin:0 auto !important;
        grid-template-columns:1fr !important;
        min-height:auto !important;
        border-radius:21px !important;
        overflow:hidden !important;

        box-shadow:
            0 24px 58px rgba(0,0,0,.28) !important;
    }


    /* =====================================
       WORKSTREAM LIST
    ===================================== */

    .wei-scope-workstreams{
        padding:14px !important;
        border-right:none !important;

        border-bottom:
            1px solid rgba(255,255,255,.09) !important;
    }

    .wei-scope-workstream-head{
        padding:2px 3px 12px !important;
        margin-bottom:7px !important;
    }

    .wei-scope-workstream-head span{
        font-size:7px !important;
        letter-spacing:1.1px !important;
    }

    .wei-scope-workstream-head strong{
        font-size:13px !important;
    }


    /* WORKSTREAM BUTTON */

    .wei-scope-workstream{
        min-height:62px !important;
        padding:8px 7px !important;

        grid-template-columns:33px 1fr 29px !important;

        gap:8px !important;

        border-radius:10px !important;
    }

    .wei-scope-workstream::before{
        top:10px !important;
        height:42px !important;
    }

    .wei-scope-workstream-number{
        width:30px !important;
        height:30px !important;
        font-size:7px !important;
    }

    .wei-scope-workstream-name small{
        font-size:6.5px !important;
        margin-bottom:3px !important;
    }

    .wei-scope-workstream-name strong{
        font-size:10.5px !important;
        line-height:1.25 !important;
    }

    .wei-scope-workstream-arrow{
        width:27px !important;
        height:27px !important;
        font-size:7px !important;
    }


    /* =====================================
       DETAIL AREA
    ===================================== */

    .wei-scope-detail{
        min-height:390px !important;
        padding:22px 18px !important;

        background:
            linear-gradient(
                145deg,
                rgba(255,255,255,.065),
                rgba(255,255,255,.018)
            ) !important;
    }


    /* TOP */

    .wei-scope-detail-top{
        grid-template-columns:44px 1fr auto !important;
        gap:10px !important;
        padding-bottom:16px !important;
    }

    .wei-scope-detail-icon{
        width:44px !important;
        height:44px !important;
        font-size:14px !important;
        border-radius:12px !important;
    }

    .wei-scope-detail-top div:nth-child(2) > span{
        font-size:7px !important;
        letter-spacing:1px !important;
    }

    .wei-scope-detail-top div:nth-child(2) > small{
        font-size:5.5px !important;
    }

    .wei-scope-detail-top > strong{
        font-size:36px !important;
    }


    /* DETAIL BODY */

    .wei-scope-detail-body{
        padding-top:19px !important;
        max-width:100% !important;
    }

    .wei-scope-detail-body h3{
        margin-bottom:10px !important;
        font-size:22px !important;
        line-height:1.2 !important;
    }

    .wei-scope-detail-body p{
        max-width:100% !important;
        font-size:11px !important;
        line-height:1.7 !important;
    }


    /* =====================================
       CAPABILITY TAGS
    ===================================== */

    .wei-scope-detail-capabilities{
        max-width:280px !important;
        margin-top:15px !important;
        gap:5px !important;
    }

    .wei-scope-detail-capabilities span{
        padding:6px 8px !important;
        font-size:7px !important;
        border-radius:6px !important;
    }


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

    .wei-scope-tech-visual{
        width:135px !important;
        height:135px !important;

        right:11px !important;
        bottom:10px !important;

        opacity:.58 !important;
    }

    .wei-scope-tech-center{
        width:58px !important;
        height:58px !important;
    }

    .wei-scope-tech-center span{
        font-size:5px !important;
    }

    .wei-scope-tech-center strong{
        font-size:7px !important;
    }

    .wei-scope-tech-point{
        width:20px !important;
        height:20px !important;
        font-size:5px !important;
    }

    .wei-tech-point-1{
        top:9px !important;
        left:57px !important;
    }

    .wei-tech-point-2{
        right:6px !important;
        top:57px !important;
    }

    .wei-tech-point-3{
        bottom:6px !important;
        left:57px !important;
    }

    .wei-tech-point-4{
        left:6px !important;
        top:57px !important;
    }


    /* =====================================
       BOTTOM CAPABILITY STRIP
    ===================================== */

    .wei-key-capabilities-strip{
        max-width:430px !important;
        margin:14px auto 0 !important;

        grid-template-columns:1fr 1fr !important;

        border-radius:16px !important;

        overflow:hidden !important;
    }

    .wei-key-capabilities-title{
        grid-column:1 / -1 !important;

        padding:13px 14px !important;

        border-right:none !important;

        border-bottom:
            1px solid rgba(255,255,255,.08) !important;
    }

    .wei-key-capabilities-title span{
        font-size:6.5px !important;
    }

    .wei-key-capabilities-title strong{
        font-size:10px !important;
    }

    .wei-key-capability{
        min-height:62px !important;
        padding:9px 8px !important;

        justify-content:flex-start !important;

        gap:7px !important;
    }

    .wei-key-capability i{
        min-width:18px !important;
        font-size:13px !important;
    }

    .wei-key-capability span{
        font-size:7px !important;
        line-height:1.35 !important;
    }

    .wei-key-capability strong{
        font-size:8px !important;
    }

}


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

@media(max-width:480px){

    .wei-scope-capability-section{
        padding:50px 7px 54px !important;
    }

    .wei-scope-capability-heading{
        max-width:100% !important;
    }

    .wei-scope-capability-heading h2{
        max-width:330px !important;
        font-size:27px !important;
    }

    .wei-scope-capability-heading > p{
        font-size:11.5px !important;
    }


    /* BOARD */

    .wei-scope-board{
        max-width:100% !important;
        border-radius:18px !important;
    }

    .wei-scope-workstreams{
        padding:11px !important;
    }

    .wei-scope-workstream{
        min-height:57px !important;
        grid-template-columns:31px 1fr 26px !important;
    }

    .wei-scope-workstream-number{
        width:28px !important;
        height:28px !important;
    }

    .wei-scope-workstream-name strong{
        font-size:9.5px !important;
    }


    /* DETAIL */

    .wei-scope-detail{
        min-height:365px !important;
        padding:19px 15px !important;
    }

    .wei-scope-detail-top{
        grid-template-columns:40px 1fr auto !important;
    }

    .wei-scope-detail-icon{
        width:40px !important;
        height:40px !important;
        font-size:12px !important;
    }

    .wei-scope-detail-top > strong{
        font-size:31px !important;
    }

    .wei-scope-detail-body h3{
        font-size:20px !important;
    }

    .wei-scope-detail-body p{
        font-size:10.5px !important;
    }

    .wei-scope-detail-capabilities{
        max-width:240px !important;
    }


    /* TECH GRAPHIC */

    .wei-scope-tech-visual{
        width:118px !important;
        height:118px !important;

        right:8px !important;
        bottom:8px !important;
    }

    .wei-scope-tech-center{
        width:50px !important;
        height:50px !important;
    }

    .wei-scope-tech-point{
        width:18px !important;
        height:18px !important;
    }

    .wei-tech-point-1{
        left:50px !important;
        top:7px !important;
    }

    .wei-tech-point-2{
        right:5px !important;
        top:50px !important;
    }

    .wei-tech-point-3{
        left:50px !important;
        bottom:5px !important;
    }

    .wei-tech-point-4{
        left:5px !important;
        top:50px !important;
    }


    /* BOTTOM */

    .wei-key-capabilities-strip{
        max-width:100% !important;
        grid-template-columns:1fr 1fr !important;
    }

    .wei-key-capability{
        min-height:58px !important;
    }

}


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

@media(max-width:360px){

    .wei-scope-capability-heading h2{
        font-size:24px !important;
    }

    .wei-scope-workstream-name strong{
        font-size:9px !important;
    }

    .wei-scope-detail{
        min-height:350px !important;
    }

    .wei-scope-detail-body h3{
        font-size:19px !important;
    }

    .wei-key-capabilities-strip{
        grid-template-columns:1fr !important;
    }

    .wei-key-capabilities-title{
        grid-column:auto !important;
    }

    .wei-key-capability{
        border-right:none !important;
        border-bottom:
            1px solid rgba(255,255,255,.07) !important;
    }

}

/* Service Details Page Third Section */
.wei-service-mosaic-section{
    padding:88px 0;

    position:relative;

    overflow:hidden;

    background:
        radial-gradient(
            circle at 92% 14%,
            rgba(11,183,197,.10),
            transparent 25%
        ),
        linear-gradient(
            180deg,
            #ffffff 0%,
            #f4f9fa 100%
        );
}


/* background decoration */

.wei-service-mosaic-section::before{
    content:"";

    position:absolute;

    width:360px;
    height:360px;

    left:-220px;
    top:-180px;

    border-radius:50%;

    border:65px solid rgba(0,109,119,.035);
}


.wei-service-mosaic-section::after{
    content:"";

    position:absolute;

    right:5%;
    top:0;

    width:1px;
    height:100%;

    background:
        linear-gradient(
            transparent,
            rgba(0,109,119,.10),
            transparent
        );
}


.wei-service-mosaic-section .container{
    position:relative;
    z-index:2;
}


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

.wei-service-mosaic-heading{
    max-width:1140px;

    margin:0 auto 34px;

    display:grid;

    grid-template-columns:1fr 400px;

    gap:55px;

    align-items:end;
}


.wei-service-mosaic-kicker{
    display:inline-block;

    margin-bottom:12px;

    color:#006d77;

    font-size:11px;
    font-weight:900;

    letter-spacing:2px;
}


.wei-service-mosaic-heading h2{
    max-width:650px;

    margin:0;

    color:#10232c;

    font-size:41px;
    line-height:1.1;

    font-weight:900;
}


.wei-service-mosaic-heading h2 strong{
    color:#006d77;
}


/* RIGHT */

.wei-service-mosaic-heading-right{
    display:grid;

    grid-template-columns:1fr auto;

    align-items:end;

    gap:20px;
}


.wei-service-mosaic-heading-right p{
    margin:0;

    color:#718287;

    font-size:13px;

    line-height:1.7;
}


/* PAGE COUNTER */

.wei-service-mosaic-page-count{
    display:flex;

    align-items:baseline;

    gap:4px;
}


.wei-service-mosaic-page-count strong{
    color:#006d77;

    font-size:27px;

    line-height:1;

    font-weight:900;
}


.wei-service-mosaic-page-count span{
    color:#a5b3b6;

    font-size:10px;
}


.wei-service-mosaic-page-count small{
    color:#819297;

    font-size:10px;

    font-weight:900;
}


/* =====================================================
   MOSAIC
===================================================== */

.wei-service-mosaic-viewport{
    max-width:1140px;

    height:460px;

    margin:auto;

    display:grid;

    grid-template-columns:1.42fr .88fr;

    grid-template-rows:1fr 1fr;

    gap:14px;
}


/* =====================================================
   SERVICE CARD
===================================================== */

.wei-service-mosaic-card{
    position:relative;

    overflow:hidden;

    min-width:0;

    border-radius:23px;

    background:#0b3039;

    text-decoration:none;

    isolation:isolate;

    box-shadow:
        0 18px 45px rgba(15,52,61,.11);

    transition:
        transform .4s ease,
        box-shadow .4s ease;
}


/*
    First card of currently displayed page
    becomes the large left feature.
*/

.wei-service-mosaic-card.is-main{
    grid-row:1 / 3;
}


/* IMAGE */

.wei-service-mosaic-card img{
    position:absolute;

    inset:0;

    width:100%;
    height:100%;

    object-fit:cover;

    display:block;

    transition:
        transform .75s cubic-bezier(.2,.7,.2,1);
}


.wei-service-mosaic-card:hover img{
    transform:scale(1.06);
}


/* OVERLAY */

.wei-service-mosaic-overlay{
    position:absolute;

    inset:0;

    z-index:1;

    background:
        linear-gradient(
            180deg,
            rgba(4,27,33,.08) 15%,
            rgba(4,27,33,.23) 46%,
            rgba(4,27,33,.90) 100%
        );
}


.wei-service-mosaic-card.is-main
.wei-service-mosaic-overlay{
    background:
        linear-gradient(
            180deg,
            rgba(4,27,33,.04) 15%,
            rgba(4,27,33,.18) 48%,
            rgba(4,27,33,.93) 100%
        );
}


/* decorative border */

.wei-service-mosaic-card::after{
    content:"";

    position:absolute;

    inset:0;

    z-index:4;

    pointer-events:none;

    border-radius:inherit;

    border:1px solid rgba(255,255,255,.14);
}


/* HOVER */

.wei-service-mosaic-card:hover{
    transform:translateY(-5px);

    box-shadow:
        0 27px 62px rgba(9,48,58,.20);
}


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

.wei-service-mosaic-number{
    position:absolute;

    z-index:3;

    top:17px;
    left:17px;

    min-width:38px;
    height:29px;

    padding:0 9px;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:30px;

    background:rgba(255,255,255,.92);

    color:#006d77;

    font-size:8px;

    font-weight:900;

    backdrop-filter:blur(8px);
}


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

.wei-service-mosaic-card-content{
    position:absolute;

    z-index:3;

    left:21px;
    right:70px;
    bottom:20px;
}


.wei-service-mosaic-card-content > span{
    display:block;

    margin-bottom:6px;

    color:#66e0e7;

    font-size:7px;

    font-weight:900;

    letter-spacing:1.2px;
}


.wei-service-mosaic-card-content h3{
    margin:0;

    color:#ffffff;

    font-size:21px;

    line-height:1.2;

    font-weight:900;
}


.wei-service-mosaic-card.is-main
.wei-service-mosaic-card-content h3{
    font-size:30px;
}


.wei-service-mosaic-card-content p{
    max-width:490px;

    margin:9px 0 0;

    color:#c1d3d7;

    font-size:10px;

    line-height:1.55;
}


/* SMALL CARDS - keep description smaller */

.wei-service-mosaic-card:not(.is-main)
.wei-service-mosaic-card-content p{
    max-width:300px;

    margin-top:6px;

    font-size:8px;
}


/* =====================================================
   ARROW
===================================================== */

.wei-service-mosaic-arrow{
    position:absolute;

    z-index:3;

    right:18px;
    bottom:18px;

    width:40px;
    height:40px;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:#ffffff;

    color:#006d77;

    font-size:9px;

    transition:
        background .3s ease,
        color .3s ease,
        transform .3s ease;
}


.wei-service-mosaic-card:hover
.wei-service-mosaic-arrow{
    background:#0bb7c5;

    color:#ffffff;

    transform:rotate(-40deg);
}


/* =====================================================
   CONTROLS
===================================================== */

.wei-service-mosaic-controls{
    max-width:1140px;

    margin:17px auto 0;

    display:grid;

    grid-template-columns:auto 1fr auto;

    gap:20px;

    align-items:center;
}


/* TOTAL */

.wei-service-mosaic-total{
    display:flex;

    align-items:center;

    gap:8px;
}


.wei-service-mosaic-total span{
    color:#819297;

    font-size:7px;

    font-weight:900;

    letter-spacing:1px;
}


.wei-service-mosaic-total strong{
    width:36px;
    height:36px;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:#0b3039;

    color:#ffffff;

    font-size:9px;

    font-weight:900;
}


/* PROGRESS */

.wei-service-mosaic-progress{
    height:3px;

    overflow:hidden;

    border-radius:20px;

    background:#dce7e9;
}


.wei-service-mosaic-progress-fill{
    width:50%;
    height:100%;

    border-radius:20px;

    background:
        linear-gradient(
            90deg,
            #006d77,
            #0bb7c5
        );

    transition:width .45s ease;
}


/* NAVIGATION */

.wei-service-mosaic-navigation{
    display:flex;

    align-items:center;

    gap:8px;
}


.wei-service-mosaic-navigation button{
    width:39px;
    height:39px;

    display:flex;

    align-items:center;
    justify-content:center;

    border:1px solid #d6e3e5;

    border-radius:50%;

    background:#ffffff;

    color:#006d77;

    font-size:8px;

    cursor:pointer;

    transition:.3s ease;
}


.wei-service-mosaic-navigation button:hover{
    background:#006d77;

    border-color:#006d77;

    color:#ffffff;
}


.wei-service-mosaic-navigation button:disabled{
    opacity:.30;

    cursor:not-allowed;
}


.wei-service-mosaic-navigation > span{
    min-width:50px;

    color:#17313a;

    text-align:center;

    font-size:8px;

    font-weight:900;
}


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

@media(max-width:991px){

    .wei-service-mosaic-heading{
        grid-template-columns:1fr 330px;

        gap:30px;
    }


    .wei-service-mosaic-viewport{
        height:420px;

        grid-template-columns:1.25fr .9fr;
    }


    .wei-service-mosaic-card.is-main
    .wei-service-mosaic-card-content h3{
        font-size:26px;
    }

}


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

@media(max-width:768px){

    .wei-service-mosaic-section{
        padding:60px 10px;
    }


    /* HEADING */

    .wei-service-mosaic-heading{
        max-width:430px;

        margin:0 auto 24px;

        grid-template-columns:1fr;

        gap:11px;
    }


    .wei-service-mosaic-kicker{
        margin-bottom:8px;

        font-size:9px;

        letter-spacing:1.5px;
    }


    .wei-service-mosaic-heading h2{
        max-width:370px;

        font-size:31px;
    }


    .wei-service-mosaic-heading-right{
        grid-template-columns:1fr auto;
    }


    .wei-service-mosaic-heading-right p{
        font-size:11.5px;
    }


    .wei-service-mosaic-page-count strong{
        font-size:22px;
    }


    /* MOSAIC */

    .wei-service-mosaic-viewport{
        max-width:430px;

        height:510px;

        grid-template-columns:1fr 1fr;

        grid-template-rows:1.25fr .75fr;

        gap:9px;
    }


    /* MAIN FIRST TILE */

    .wei-service-mosaic-card.is-main{
        grid-column:1 / 3;
        grid-row:1;
    }


    /* TWO BOTTOM TILES */

    .wei-service-mosaic-card:not(.is-main){
        grid-row:2;
    }


    .wei-service-mosaic-card{
        border-radius:17px;
    }


    .wei-service-mosaic-card-content{
        left:14px;
        right:48px;
        bottom:14px;
    }


    .wei-service-mosaic-card-content h3{
        font-size:14px;
    }


    .wei-service-mosaic-card.is-main
    .wei-service-mosaic-card-content h3{
        font-size:23px;
    }


    .wei-service-mosaic-card-content p{
        font-size:9px;
    }


    .wei-service-mosaic-card:not(.is-main)
    .wei-service-mosaic-card-content p{
        display:none;
    }


    .wei-service-mosaic-card-content > span{
        font-size:6px;
    }


    .wei-service-mosaic-number{
        top:12px;
        left:12px;

        min-width:32px;
        height:25px;

        font-size:7px;
    }


    .wei-service-mosaic-arrow{
        right:11px;
        bottom:11px;

        width:31px;
        height:31px;

        font-size:7px;
    }


    /* CONTROLS */

    .wei-service-mosaic-controls{
        max-width:430px;

        grid-template-columns:auto 1fr auto;

        gap:10px;
    }

}


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

@media(max-width:480px){

    .wei-service-mosaic-section{
        padding:52px 7px;
    }


    .wei-service-mosaic-heading{
        max-width:100%;
    }


    .wei-service-mosaic-heading h2{
        font-size:27px;
    }


    .wei-service-mosaic-heading-right p{
        font-size:11px;
    }


    .wei-service-mosaic-viewport{
        max-width:100%;

        height:470px;

        gap:7px;
    }


    .wei-service-mosaic-card{
        border-radius:15px;
    }


    .wei-service-mosaic-card.is-main
    .wei-service-mosaic-card-content h3{
        font-size:21px;
    }


    .wei-service-mosaic-card:not(.is-main)
    .wei-service-mosaic-card-content h3{
        font-size:11px;
    }


    .wei-service-mosaic-card:not(.is-main)
    .wei-service-mosaic-card-content > span{
        font-size:5px;
    }


    .wei-service-mosaic-total span{
        display:none;
    }


    .wei-service-mosaic-controls{
        max-width:100%;
    }

}

/* =====================================================
   MOSAIC - NEXT SERVICES PREVIEW
===================================================== */

.wei-mosaic-next-preview{
    max-width:1140px;

    min-height:70px;

    margin:13px auto 0;

    padding:10px 12px;

    display:grid;

    grid-template-columns:150px 1fr auto;

    align-items:center;

    gap:15px;

    border:1px solid #dbe7e9;

    border-radius:16px;

    background:
        linear-gradient(
            90deg,
            #ffffff,
            #f2f9fa
        );

    box-shadow:
        0 12px 30px rgba(16,35,44,.05);
}


/* TITLE */

.wei-mosaic-next-preview-title span{
    display:block;

    margin-bottom:3px;

    color:#0bb7c5;

    font-size:7px;

    font-weight:900;

    letter-spacing:1.3px;
}


.wei-mosaic-next-preview-title strong{
    color:#10232c;

    font-size:12px;

    font-weight:900;
}


/* =====================================
   MINI SERVICE ITEMS
===================================== */

.wei-mosaic-next-preview-items{
    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:7px;
}


.wei-mosaic-preview-item{
    min-height:48px;

    padding:7px 9px;

    display:flex;

    align-items:center;

    gap:8px;

    border-radius:10px;

    background:#ffffff;

    border:1px solid #e0e9eb;
}


.wei-mosaic-preview-number{
    width:27px;
    height:27px;

    min-width:27px;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:8px;

    background:#e8f6f7;

    color:#006d77;

    font-size:7px;

    font-weight:900;
}


.wei-mosaic-preview-info{
    min-width:0;
}


.wei-mosaic-preview-info small{
    display:block;

    margin-bottom:2px;

    color:#91a0a4;

    font-size:5.5px;

    font-weight:900;

    letter-spacing:.6px;

    white-space:nowrap;

    overflow:hidden;

    text-overflow:ellipsis;
}


.wei-mosaic-preview-info strong{
    display:block;

    color:#17313a;

    font-size:8px;

    line-height:1.2;

    font-weight:900;

    white-space:nowrap;

    overflow:hidden;

    text-overflow:ellipsis;
}


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

.wei-mosaic-next-preview-btn{
    min-height:40px;

    padding:0 13px;

    border:none;

    border-radius:11px;

    background:#0b3039;

    color:#ffffff;

    display:flex;

    align-items:center;
    justify-content:center;

    gap:9px;

    cursor:pointer;

    font-size:8px;

    font-weight:900;

    transition:.3s ease;
}


.wei-mosaic-next-preview-btn i{
    width:24px;
    height:24px;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:#0bb7c5;

    font-size:7px;
}


.wei-mosaic-next-preview-btn:hover{
    background:#006d77;

    transform:translateX(3px);
}


/* LAST PAGE */

.wei-mosaic-next-preview.is-last-page{
    background:#f5fafb;
}


.wei-mosaic-next-preview.is-last-page
.wei-mosaic-next-preview-title span{
    color:#839499;
}


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

@media(max-width:768px){

    .wei-mosaic-next-preview{
        max-width:430px;

        margin-top:10px;

        padding:10px;

        grid-template-columns:1fr auto;

        gap:9px;

        border-radius:14px;
    }


    .wei-mosaic-next-preview-title{
        grid-column:1 / 2;
    }


    .wei-mosaic-next-preview-btn{
        grid-column:2;
        grid-row:1;
    }


    .wei-mosaic-next-preview-items{
        grid-column:1 / -1;

        grid-template-columns:repeat(3,1fr);

        gap:5px;
    }


    .wei-mosaic-preview-item{
        min-height:45px;

        padding:6px;
    }


    .wei-mosaic-preview-number{
        width:24px;
        height:24px;

        min-width:24px;
    }


    .wei-mosaic-preview-info strong{
        font-size:7px;
    }

}


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

@media(max-width:480px){

    .wei-mosaic-next-preview{
        max-width:100%;
    }


    .wei-mosaic-next-preview-items{
        grid-template-columns:1fr;
    }


    .wei-mosaic-preview-item{
        min-height:42px;
    }


    .wei-mosaic-next-preview-btn span{
        display:none;
    }


    .wei-mosaic-next-preview-btn{
        width:40px;

        padding:0;
    }

}

/* =====================================================
   EXPLORE OTHER SERVICES
   FINAL PREMIUM MOBILE OVERRIDE
   ADD AT VERY END
===================================================== */

@media(max-width:768px){

    .wei-service-mosaic-section{
        padding:56px 10px 60px !important;
    }


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

    .wei-service-mosaic-heading{
        max-width:430px !important;
        margin:0 auto 22px !important;

        grid-template-columns:1fr !important;

        gap:10px !important;
    }


    .wei-service-mosaic-kicker{
        margin-bottom:7px !important;

        font-size:8.5px !important;

        letter-spacing:1.4px !important;
    }


    .wei-service-mosaic-heading h2{
        max-width:360px !important;

        font-size:30px !important;

        line-height:1.12 !important;
    }


    .wei-service-mosaic-heading-right{
        grid-template-columns:1fr auto !important;

        gap:12px !important;

        align-items:center !important;
    }


    .wei-service-mosaic-heading-right p{
        max-width:310px !important;

        font-size:11px !important;

        line-height:1.65 !important;
    }


    .wei-service-mosaic-page-count{
        min-width:52px !important;
    }


    .wei-service-mosaic-page-count strong{
        font-size:21px !important;
    }


    .wei-service-mosaic-page-count small{
        font-size:8px !important;
    }


    /* =====================================
       MOSAIC
    ===================================== */

    .wei-service-mosaic-viewport{
        max-width:430px !important;

        height:500px !important;

        margin:0 auto !important;

        grid-template-columns:1fr 1fr !important;

        grid-template-rows:1.28fr .72fr !important;

        gap:8px !important;
    }


    /* MAIN CARD */

    .wei-service-mosaic-card.is-main{
        grid-column:1 / 3 !important;

        grid-row:1 !important;

        min-height:0 !important;
    }


    /* SMALL CARDS */

    .wei-service-mosaic-card:not(.is-main){
        grid-row:2 !important;

        min-height:0 !important;
    }


    .wei-service-mosaic-card{
        border-radius:18px !important;

        box-shadow:
            0 14px 36px rgba(11,48,57,.13) !important;
    }


    /* =====================================
       IMAGE
    ===================================== */

    .wei-service-mosaic-card img{
        object-position:center !important;
    }


    /* MAIN CARD OVERLAY */

    .wei-service-mosaic-card.is-main
    .wei-service-mosaic-overlay{
        background:
            linear-gradient(
                180deg,
                rgba(4,27,33,.04) 10%,
                rgba(4,27,33,.20) 48%,
                rgba(4,27,33,.94) 100%
            ) !important;
    }


    /* SMALL CARDS OVERLAY */

    .wei-service-mosaic-card:not(.is-main)
    .wei-service-mosaic-overlay{
        background:
            linear-gradient(
                180deg,
                rgba(4,27,33,.08),
                rgba(4,27,33,.88)
            ) !important;
    }


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

    .wei-service-mosaic-number{
        top:11px !important;

        left:11px !important;

        min-width:31px !important;

        height:24px !important;

        padding:0 7px !important;

        font-size:6.5px !important;
    }


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

    .wei-service-mosaic-card-content{
        left:14px !important;

        right:49px !important;

        bottom:14px !important;
    }


    .wei-service-mosaic-card-content > span{
        margin-bottom:4px !important;

        font-size:5.8px !important;

        letter-spacing:.8px !important;
    }


    .wei-service-mosaic-card-content h3{
        font-size:13px !important;

        line-height:1.18 !important;
    }


    .wei-service-mosaic-card.is-main
    .wei-service-mosaic-card-content h3{
        font-size:22px !important;
    }


    .wei-service-mosaic-card-content p{
        margin-top:6px !important;

        font-size:8.5px !important;

        line-height:1.5 !important;
    }


    .wei-service-mosaic-card:not(.is-main)
    .wei-service-mosaic-card-content p{
        display:none !important;
    }


    /* =====================================
       ARROW
    ===================================== */

    .wei-service-mosaic-arrow{
        right:10px !important;

        bottom:10px !important;

        width:30px !important;

        height:30px !important;

        font-size:7px !important;
    }


    /* =====================================
       UP NEXT PREVIEW
    ===================================== */

    .wei-mosaic-next-preview{
        max-width:430px !important;

        min-height:auto !important;

        margin:10px auto 0 !important;

        padding:9px !important;

        grid-template-columns:1fr auto !important;

        gap:8px !important;

        border-radius:14px !important;
    }


    .wei-mosaic-next-preview-title{
        grid-column:1 !important;
    }


    .wei-mosaic-next-preview-title span{
        font-size:6px !important;

        letter-spacing:1px !important;
    }


    .wei-mosaic-next-preview-title strong{
        font-size:10px !important;
    }


    .wei-mosaic-next-preview-btn{
        grid-column:2 !important;

        grid-row:1 !important;

        min-height:35px !important;

        padding:0 10px !important;

        border-radius:9px !important;

        font-size:7px !important;
    }


    .wei-mosaic-next-preview-btn i{
        width:21px !important;

        height:21px !important;

        font-size:6px !important;
    }


    .wei-mosaic-next-preview-items{
        grid-column:1 / -1 !important;

        grid-template-columns:repeat(3,1fr) !important;

        gap:5px !important;
    }


    .wei-mosaic-preview-item{
        min-height:43px !important;

        padding:5px 6px !important;

        border-radius:9px !important;

        gap:6px !important;
    }


    .wei-mosaic-preview-number{
        width:23px !important;

        height:23px !important;

        min-width:23px !important;

        border-radius:7px !important;

        font-size:6px !important;
    }


    .wei-mosaic-preview-info small{
        font-size:5px !important;
    }


    .wei-mosaic-preview-info strong{
        font-size:6.8px !important;
    }


    /* =====================================
       BOTTOM CONTROLS
    ===================================== */

    .wei-service-mosaic-controls{
        max-width:430px !important;

        margin:11px auto 0 !important;

        grid-template-columns:auto 1fr auto !important;

        gap:9px !important;
    }


    .wei-service-mosaic-total{
        gap:6px !important;
    }


    .wei-service-mosaic-total span{
        font-size:6px !important;
    }


    .wei-service-mosaic-total strong{
        width:31px !important;

        height:31px !important;

        font-size:7px !important;
    }


    .wei-service-mosaic-progress{
        height:2px !important;
    }


    .wei-service-mosaic-navigation{
        gap:6px !important;
    }


    .wei-service-mosaic-navigation button{
        width:33px !important;

        height:33px !important;

        font-size:7px !important;
    }


    .wei-service-mosaic-navigation > span{
        min-width:43px !important;

        font-size:7px !important;
    }

}


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

@media(max-width:480px){

    .wei-service-mosaic-section{
        padding:50px 7px 54px !important;
    }


    .wei-service-mosaic-heading{
        max-width:100% !important;
    }


    .wei-service-mosaic-heading h2{
        max-width:325px !important;

        font-size:26px !important;
    }


    .wei-service-mosaic-heading-right p{
        font-size:10.5px !important;
    }


    .wei-service-mosaic-viewport{
        max-width:100% !important;

        height:455px !important;

        gap:6px !important;
    }


    .wei-service-mosaic-card{
        border-radius:15px !important;
    }


    .wei-service-mosaic-card.is-main
    .wei-service-mosaic-card-content h3{
        font-size:20px !important;
    }


    .wei-service-mosaic-card:not(.is-main)
    .wei-service-mosaic-card-content h3{
        font-size:10.5px !important;
    }


    .wei-service-mosaic-card:not(.is-main)
    .wei-service-mosaic-card-content > span{
        font-size:4.8px !important;
    }


    /* NEXT PREVIEW */

    .wei-mosaic-next-preview{
        max-width:100% !important;
    }


    .wei-mosaic-next-preview-items{
        grid-template-columns:1fr !important;
    }


    .wei-mosaic-preview-item{
        min-height:40px !important;
    }


    .wei-mosaic-preview-info strong{
        font-size:7.5px !important;
    }


    .wei-mosaic-next-preview-btn{
        width:36px !important;

        padding:0 !important;
    }


    .wei-mosaic-next-preview-btn > span{
        display:none !important;
    }


    /* CONTROLS */

    .wei-service-mosaic-controls{
        max-width:100% !important;
    }


    .wei-service-mosaic-total span{
        display:none !important;
    }

}


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

@media(max-width:360px){

    .wei-service-mosaic-heading h2{
        font-size:24px !important;
    }


    .wei-service-mosaic-viewport{
        height:430px !important;
    }


    .wei-service-mosaic-card.is-main
    .wei-service-mosaic-card-content h3{
        font-size:18px !important;
    }


    .wei-service-mosaic-card:not(.is-main)
    .wei-service-mosaic-card-content h3{
        font-size:9.5px !important;
    }

}

/* MOBILE - SHOW VIEW NEXT TEXT */

@media(max-width:480px){

    .wei-mosaic-next-preview-btn{
        width:auto !important;
        min-width:92px !important;
        padding:0 10px !important;
        gap:7px !important;
    }

    .wei-mosaic-next-preview-btn > span{
        display:inline-block !important;
        font-size:7px !important;
        font-weight:900 !important;
        white-space:nowrap !important;
    }

    .wei-mosaic-next-preview-btn i{
        width:22px !important;
        height:22px !important;
        min-width:22px !important;
    }

}

/* Service Details Page Fourth Section */
.wei-service-enquiry-console{
    padding:88px 0 96px;

    position:relative;

    overflow:hidden;

    background:
        radial-gradient(
            circle at 9% 15%,
            rgba(11,183,197,.08),
            transparent 25%
        ),
        linear-gradient(
            180deg,
            #f5fafb 0%,
            #ffffff 100%
        );
}


.wei-service-enquiry-console::before{
    content:"";

    position:absolute;

    width:380px;
    height:380px;

    right:-190px;
    bottom:-220px;

    border-radius:50%;

    border:70px solid rgba(0,109,119,.04);
}


.wei-service-enquiry-console .container{
    position:relative;
    z-index:2;
}


/* =====================================================
   MAIN SHELL
===================================================== */

.wei-service-enquiry-shell{
    max-width:1140px;

    margin:auto;

    display:grid;

    grid-template-columns:
        1.05fr
        .95fr
        .82fr;

    border:1px solid #dce7e9;

    border-radius:28px;

    overflow:hidden;

    background:#ffffff;

    box-shadow:
        0 28px 70px rgba(16,35,44,.10);
}


/* =====================================================
   LEFT CONTEXT
===================================================== */

.wei-service-enquiry-context{
    padding:40px 34px;

    position:relative;

    background:
        linear-gradient(
            145deg,
            #eef8f9,
            #ffffff
        );
}


.wei-service-enquiry-context::after{
    content:"";

    position:absolute;

    left:34px;
    bottom:0;

    width:70px;
    height:4px;

    border-radius:20px 20px 0 0;

    background:#0bb7c5;
}


.wei-service-enquiry-kicker{
    display:block;

    margin-bottom:13px;

    color:#006d77;

    font-size:10px;
    font-weight:900;

    letter-spacing:1.8px;
}


.wei-service-enquiry-context h2{
    max-width:410px;

    margin:0 0 15px;

    color:#10232c;

    font-size:34px;
    line-height:1.15;

    font-weight:900;
}


.wei-service-enquiry-context h2 strong{
    display:block;

    color:#006d77;
}


.wei-service-enquiry-context > p{
    max-width:410px;

    margin:0;

    color:#718287;

    font-size:12px;
    line-height:1.75;
}


/* =====================================================
   SELECTED SERVICE
===================================================== */

.wei-service-enquiry-service{
    margin-top:25px;

    padding:12px 13px;

    display:flex;

    align-items:center;

    gap:11px;

    border:1px solid #dce8ea;

    border-radius:14px;

    background:#ffffff;

    box-shadow:
        0 9px 22px rgba(16,35,44,.045);
}


.wei-service-enquiry-service-icon{
    width:42px;
    height:42px;

    min-width:42px;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:12px;

    background:#e8f6f7;

    color:#006d77;

    font-size:13px;
}


.wei-service-enquiry-service small{
    display:block;

    margin-bottom:3px;

    color:#8a999d;

    font-size:6px;
    font-weight:900;

    letter-spacing:.9px;
}


.wei-service-enquiry-service strong{
    display:block;

    color:#17313a;

    font-size:11px;
    font-weight:900;
}


/* =====================================================
   CONTACT
===================================================== */

.wei-service-enquiry-contact{
    margin-top:16px;

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:8px;
}


.wei-service-enquiry-contact a{
    min-height:57px;

    padding:8px 9px;

    display:flex;

    align-items:center;

    gap:8px;

    border:1px solid #e0e9eb;

    border-radius:11px;

    background:#ffffff;

    color:#17313a;

    text-decoration:none;

    transition:.3s ease;
}


.wei-service-enquiry-contact a:hover{
    border-color:#b8dfe2;

    transform:translateY(-2px);
}


.wei-service-enquiry-contact i{
    width:30px;
    height:30px;

    min-width:30px;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:9px;

    background:#0b3039;

    color:#ffffff;

    font-size:9px;
}


.wei-service-enquiry-contact small{
    display:block;

    margin-bottom:2px;

    color:#8c9b9f;

    font-size:5.5px;
    font-weight:900;

    letter-spacing:.7px;
}


.wei-service-enquiry-contact span{
    font-size:8px;
    font-weight:900;
}


/* =====================================================
   CENTER BRIEF
===================================================== */

.wei-service-enquiry-brief{
    padding:35px 28px;

    border-left:1px solid #e1eaec;

    border-right:1px solid #e1eaec;

    background:#ffffff;
}


.wei-service-enquiry-brief-head{
    padding-bottom:16px;

    border-bottom:1px solid #e3eaec;
}


.wei-service-enquiry-brief-head span{
    display:block;

    margin-bottom:4px;

    color:#006d77;

    font-size:7px;
    font-weight:900;

    letter-spacing:1.2px;
}


.wei-service-enquiry-brief-head strong{
    color:#10232c;

    font-size:16px;
    font-weight:900;
}


/* GROUP */

.wei-service-enquiry-group{
    margin-top:20px;
}


.wei-service-enquiry-group > label{
    display:block;

    margin-bottom:8px;

    color:#819297;

    font-size:7px;
    font-weight:900;

    letter-spacing:.9px;

    text-transform:uppercase;
}


/* =====================================================
   ENQUIRY TYPE OPTIONS
===================================================== */

.wei-service-enquiry-options{
    display:flex;

    flex-wrap:wrap;

    gap:6px;
}


.wei-service-enquiry-option{
    min-height:34px;

    padding:0 10px;

    border:1px solid #dce7e9;

    border-radius:8px;

    background:#f7fafb;

    color:#50666c;

    font-size:8px;
    font-weight:900;

    cursor:pointer;

    transition:.3s ease;
}


.wei-service-enquiry-option:hover{
    border-color:#9cd7dc;
}


.wei-service-enquiry-option.active{
    background:#0b3039;

    border-color:#0b3039;

    color:#ffffff;

    box-shadow:
        0 8px 18px rgba(11,48,57,.11);
}


/* =====================================================
   PROJECT SCALE
===================================================== */

.wei-service-enquiry-scales{
    display:flex;

    flex-direction:column;

    gap:7px;
}


.wei-service-enquiry-scale{
    min-height:57px;

    padding:9px 10px;

    display:grid;

    grid-template-columns:31px 1fr;

    align-items:center;

    gap:10px;

    border:1px solid #dce7e9;

    border-radius:11px;

    background:#ffffff;

    text-align:left;

    cursor:pointer;

    transition:.3s ease;
}


.wei-service-enquiry-scale:hover{
    transform:translateX(3px);

    border-color:#b6dde0;
}


.wei-service-enquiry-scale > span{
    width:29px;
    height:29px;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:8px;

    background:#edf8f9;

    color:#006d77;

    font-size:7px;
    font-weight:900;
}


.wei-service-enquiry-scale strong{
    color:#243b43;

    font-size:9px;
    font-weight:900;
}


.wei-service-enquiry-scale.active{
    border-color:#8fd3d8;

    background:#f0f9fa;
}


.wei-service-enquiry-scale.active > span{
    background:#0bb7c5;

    color:#ffffff;
}


/* =====================================================
   RIGHT ACTION
===================================================== */

.wei-service-enquiry-action{
    padding:34px 28px;

    display:flex;

    flex-direction:column;

    background:
        linear-gradient(
            160deg,
            #0b3039,
            #0c4651
        );

    position:relative;

    overflow:hidden;
}


.wei-service-enquiry-action::before{
    content:"";

    position:absolute;

    width:170px;
    height:170px;

    right:-80px;
    top:-85px;

    border-radius:50%;

    border:35px solid rgba(255,255,255,.035);
}


/* ACTION TOP */

.wei-service-enquiry-action-top{
    display:flex;

    align-items:center;
    justify-content:space-between;

    position:relative;
    z-index:2;
}


.wei-service-enquiry-action-top span{
    color:#65dce4;

    font-size:7px;
    font-weight:900;

    letter-spacing:1.1px;
}


.wei-service-enquiry-action-top strong{
    color:rgba(255,255,255,.15);

    font-size:34px;
    line-height:1;

    font-weight:900;
}


/* MAIN */

.wei-service-enquiry-action-main{
    margin-top:auto;

    position:relative;
    z-index:2;
}


.wei-service-enquiry-action-icon{
    width:53px;
    height:53px;

    margin-bottom:17px;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:15px;

    background:#0bb7c5;

    color:#ffffff;

    font-size:16px;

    box-shadow:
        0 12px 28px rgba(11,183,197,.23);
}


.wei-service-enquiry-action-main small{
    display:block;

    margin-bottom:6px;

    color:#7da0a7;

    font-size:6px;
    font-weight:900;

    letter-spacing:1px;
}


.wei-service-enquiry-action-main h3{
    margin:0;

    color:#ffffff;

    font-size:24px;
    line-height:1.15;

    font-weight:900;
}


.wei-service-enquiry-action-main p{
    margin:9px 0 0;

    color:#95b0b6;

    font-size:9px;
    line-height:1.5;
}


.wei-service-enquiry-action-main p strong{
    color:#dff3f5;

    font-weight:900;
}


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

.wei-service-enquiry-submit{
    min-height:48px;

    margin-top:21px;

    padding:0 11px 0 14px;

    display:flex;

    align-items:center;
    justify-content:space-between;

    border-radius:12px;

    background:#ffffff;

    color:#006d77;

    text-decoration:none;

    position:relative;

    z-index:2;

    font-size:9px;
    font-weight:900;

    transition:.3s ease;
}


.wei-service-enquiry-submit i{
    width:31px;
    height:31px;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:#0bb7c5;

    color:#ffffff;

    font-size:8px;

    transition:.3s ease;
}


.wei-service-enquiry-submit:hover{
    color:#006d77;

    transform:translateY(-2px);
}


.wei-service-enquiry-submit:hover i{
    background:#006d77;

    transform:translateX(3px);
}


/* NOTE */

.wei-service-enquiry-note{
    margin-top:13px;

    display:flex;

    align-items:flex-start;

    gap:7px;

    position:relative;

    z-index:2;

    color:#85a6ad;

    font-size:7px;

    line-height:1.45;
}


.wei-service-enquiry-note i{
    margin-top:1px;

    color:#55dce5;

    font-size:8px;
}


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

@media(max-width:991px){

    .wei-service-enquiry-shell{
        grid-template-columns:1fr 1fr;
    }


    .wei-service-enquiry-action{
        grid-column:1 / -1;

        min-height:200px;

        display:grid;

        grid-template-columns:1fr auto;

        align-items:center;

        gap:25px;
    }


    .wei-service-enquiry-action-top{
        position:absolute;

        top:25px;
        right:25px;
    }


    .wei-service-enquiry-action-main{
        margin:0;
    }


    .wei-service-enquiry-submit{
        min-width:210px;

        margin:0;
    }


    .wei-service-enquiry-note{
        grid-column:1 / -1;

        margin-top:0;
    }

}


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

@media(max-width:768px){

    .wei-service-enquiry-console{
        padding:60px 10px;
    }


    .wei-service-enquiry-shell{
        max-width:430px;

        margin:auto;

        grid-template-columns:1fr;

        border-radius:22px;
    }


    /* CONTEXT */

    .wei-service-enquiry-context{
        padding:26px 20px;
    }


    .wei-service-enquiry-context h2{
        max-width:360px;

        font-size:28px;
    }


    .wei-service-enquiry-context > p{
        font-size:11.5px;
    }


    .wei-service-enquiry-contact{
        grid-template-columns:1fr 1fr;
    }


    /* BRIEF */

    .wei-service-enquiry-brief{
        padding:23px 19px;

        border-left:none;

        border-right:none;

        border-top:1px solid #e1eaec;

        border-bottom:1px solid #e1eaec;
    }


    /* ACTION */

    .wei-service-enquiry-action{
        min-height:auto;

        grid-column:auto;

        display:flex;

        padding:25px 20px;
    }


    .wei-service-enquiry-action-top{
        position:static;

        margin-bottom:26px;
    }


    .wei-service-enquiry-action-main{
        margin:0;
    }


    .wei-service-enquiry-submit{
        width:100%;

        min-width:0;

        margin-top:18px;
    }


    .wei-service-enquiry-note{
        margin-top:12px;
    }

}


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

@media(max-width:480px){

    .wei-service-enquiry-console{
        padding:52px 7px;
    }


    .wei-service-enquiry-shell{
        max-width:100%;

        border-radius:19px;
    }


    .wei-service-enquiry-context{
        padding:23px 17px;
    }


    .wei-service-enquiry-context h2{
        font-size:25px;
    }


    .wei-service-enquiry-service{
        margin-top:20px;
    }


    .wei-service-enquiry-contact{
        grid-template-columns:1fr;
    }


    .wei-service-enquiry-brief{
        padding:20px 16px;
    }


    .wei-service-enquiry-options{
        display:grid;

        grid-template-columns:1fr 1fr;
    }


    .wei-service-enquiry-option{
        width:100%;
    }


    .wei-service-enquiry-action{
        padding:22px 17px;
    }


    .wei-service-enquiry-action-main h3{
        font-size:21px;
    }

}

/* =====================================================
   SERVICE ENQUIRY CTA
   FINAL MOBILE PREMIUM OVERRIDE
   ADD AT VERY END
===================================================== */

@media(max-width:768px){

    .wei-service-enquiry-console{
        padding:56px 10px 60px !important;
    }


    /* MAIN SHELL */

    .wei-service-enquiry-shell{
        max-width:430px !important;
        margin:0 auto !important;

        grid-template-columns:1fr !important;

        border-radius:22px !important;

        overflow:hidden !important;

        box-shadow:
            0 22px 55px rgba(16,35,44,.11) !important;
    }


    /* =====================================
       LEFT CONTEXT
    ===================================== */

    .wei-service-enquiry-context{
        padding:25px 19px 23px !important;
    }


    .wei-service-enquiry-kicker{
        margin-bottom:10px !important;

        font-size:8px !important;

        letter-spacing:1.4px !important;
    }


    .wei-service-enquiry-context h2{
        max-width:360px !important;

        margin-bottom:12px !important;

        font-size:27px !important;

        line-height:1.14 !important;
    }


    .wei-service-enquiry-context > p{
        max-width:360px !important;

        font-size:11.5px !important;

        line-height:1.65 !important;
    }


    /* SELECTED SERVICE */

    .wei-service-enquiry-service{
        margin-top:20px !important;

        padding:10px 11px !important;

        border-radius:12px !important;
    }


    .wei-service-enquiry-service-icon{
        width:37px !important;

        height:37px !important;

        min-width:37px !important;

        border-radius:10px !important;

        font-size:11px !important;
    }


    .wei-service-enquiry-service small{
        font-size:5.5px !important;
    }


    .wei-service-enquiry-service strong{
        font-size:10px !important;
    }


    /* CONTACT */

    .wei-service-enquiry-contact{
        margin-top:12px !important;

        grid-template-columns:1fr 1fr !important;

        gap:7px !important;
    }


    .wei-service-enquiry-contact a{
        min-height:52px !important;

        padding:7px 8px !important;

        border-radius:10px !important;
    }


    .wei-service-enquiry-contact i{
        width:28px !important;

        height:28px !important;

        min-width:28px !important;

        border-radius:8px !important;

        font-size:8px !important;
    }


    .wei-service-enquiry-contact small{
        font-size:5px !important;
    }


    .wei-service-enquiry-contact span{
        font-size:7.5px !important;
    }


    /* =====================================
       MIDDLE BRIEF
    ===================================== */

    .wei-service-enquiry-brief{
        padding:21px 17px !important;

        border-left:none !important;

        border-right:none !important;

        border-top:1px solid #e1eaec !important;

        border-bottom:1px solid #e1eaec !important;
    }


    .wei-service-enquiry-brief-head{
        padding-bottom:12px !important;
    }


    .wei-service-enquiry-brief-head span{
        font-size:6px !important;
    }


    .wei-service-enquiry-brief-head strong{
        font-size:14px !important;
    }


    /* GROUP */

    .wei-service-enquiry-group{
        margin-top:16px !important;
    }


    .wei-service-enquiry-group > label{
        margin-bottom:7px !important;

        font-size:6px !important;
    }


    /* ENQUIRY TYPE */

    .wei-service-enquiry-options{
        display:grid !important;

        grid-template-columns:repeat(3,1fr) !important;

        gap:5px !important;
    }


    .wei-service-enquiry-option{
        min-height:33px !important;

        width:100% !important;

        padding:0 6px !important;

        border-radius:7px !important;

        font-size:7px !important;
    }


    /* PROJECT SCALE */

    .wei-service-enquiry-scales{
        gap:6px !important;
    }


    .wei-service-enquiry-scale{
        min-height:52px !important;

        padding:8px !important;

        grid-template-columns:29px 1fr !important;

        gap:8px !important;

        border-radius:10px !important;
    }


    .wei-service-enquiry-scale > span{
        width:27px !important;

        height:27px !important;

        font-size:6px !important;
    }


    .wei-service-enquiry-scale strong{
        font-size:8px !important;
    }


    /* =====================================
       RIGHT ACTION PANEL
    ===================================== */

    .wei-service-enquiry-action{
        min-height:auto !important;

        grid-column:auto !important;

        display:flex !important;

        padding:23px 18px !important;
    }


    .wei-service-enquiry-action-top{
        position:static !important;

        margin-bottom:20px !important;
    }


    .wei-service-enquiry-action-top span{
        font-size:6px !important;
    }


    .wei-service-enquiry-action-top strong{
        font-size:28px !important;
    }


    .wei-service-enquiry-action-main{
        margin:0 !important;
    }


    .wei-service-enquiry-action-icon{
        width:46px !important;

        height:46px !important;

        margin-bottom:14px !important;

        border-radius:13px !important;

        font-size:14px !important;
    }


    .wei-service-enquiry-action-main small{
        font-size:5.5px !important;
    }


    .wei-service-enquiry-action-main h3{
        font-size:21px !important;
    }


    .wei-service-enquiry-action-main p{
        margin-top:7px !important;

        font-size:8px !important;
    }


    /* CTA BUTTON */

    .wei-service-enquiry-submit{
        width:100% !important;

        min-width:0 !important;

        min-height:45px !important;

        margin-top:16px !important;

        padding:0 10px 0 12px !important;

        border-radius:10px !important;

        font-size:8px !important;
    }


    .wei-service-enquiry-submit i{
        width:28px !important;

        height:28px !important;

        font-size:7px !important;
    }


    /* NOTE */

    .wei-service-enquiry-note{
        margin-top:10px !important;

        gap:6px !important;

        font-size:6.5px !important;
    }

}


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

@media(max-width:480px){

    .wei-service-enquiry-console{
        padding:50px 7px 54px !important;
    }


    .wei-service-enquiry-shell{
        max-width:100% !important;

        border-radius:19px !important;
    }


    .wei-service-enquiry-context{
        padding:22px 16px 20px !important;
    }


    .wei-service-enquiry-context h2{
        font-size:24px !important;
    }


    .wei-service-enquiry-context > p{
        font-size:11px !important;
    }


    .wei-service-enquiry-contact{
        grid-template-columns:1fr !important;
    }


    .wei-service-enquiry-brief{
        padding:18px 15px !important;
    }


    .wei-service-enquiry-options{
        grid-template-columns:1fr 1fr !important;
    }


    .wei-service-enquiry-option:last-child{
        grid-column:1 / -1 !important;
    }


    .wei-service-enquiry-action{
        padding:20px 16px !important;
    }


    .wei-service-enquiry-action-main h3{
        font-size:19px !important;
    }

}


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

@media(max-width:360px){

    .wei-service-enquiry-context h2{
        font-size:22px !important;
    }


    .wei-service-enquiry-options{
        grid-template-columns:1fr !important;
    }


    .wei-service-enquiry-option:last-child{
        grid-column:auto !important;
    }


    .wei-service-enquiry-action-main h3{
        font-size:18px !important;
    }

}

/* Project Details Page Banner Section */
/* .project-details-banner{

    height:75vh;
    position:relative;
    overflow:hidden;

} */

.project-details-banner{

    height:75vh;
    position:relative;
    overflow:hidden;

    background:
    linear-gradient(
        135deg,
        #1f2933 0%,
        #123b44 45%,
        var(--accent) 100%
    );

}

.project-details-banner img{

    width:100%;
    height:100%;
    object-fit:cover;

}

.project-details-banner-overlay{

    position:absolute;
    inset:0;

    background:
    linear-gradient(
        90deg,
        rgba(16,33,43,.85),
        rgba(0,117,130,.35)
    );

}

.project-details-banner-content{

    position:absolute;

    top:50%;
    left:0;

    transform:translateY(-50%);

    width:100%;

    text-align:center;

    color:#fff;

}

.project-details-banner-content h1{

    font-size:60px;

    font-weight:900;

    margin-bottom:25px;

}

.project-details-breadcrumb{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:15px;

    font-size:17px;

    font-weight:700;

}

.project-details-breadcrumb i{

    color:#0bb7c5;

    font-style:normal;

}

@media(max-width:991px){

   .project-details-banner{

        height:500px;

    }

    .project-details-banner-content h1{

        font-size:45px;

    }

}

@media(max-width:768px){

    .project-details-banner{

        height:500px;

    }

    .project-details-banner-content h1{

        font-size:38px;

    }

    .project-details-breadcrumb{

        font-size:14px;

    }

}

@media(max-width:576px){

    .project-details-banner{

        height:420px;

    }

    .project-details-banner-content h1{

        font-size:32px;

    }

}

@media(max-width:480px){

    .project-details-banner-content h1{

        font-size:29px;

    }

}

@media(max-width:360px){

    .project-details-banner{

        height:380px;

    }

    .project-details-banner-content h1{

        font-size:28px;

    }

}

@media(max-width:300px){

    .project-details-banner{

        height:320px;

    }

    .project-details-banner-content h1{

        font-size:24px;

    }

}

/* Project Details Page First Section */
.wei-project-command-hero{
    padding:72px 0 82px;

    position:relative;

    overflow:hidden;

    background:
        linear-gradient(
            180deg,
            #f5fafb 0%,
            #ffffff 100%
        );
}


/* subtle blueprint atmosphere */

.wei-project-command-hero::before{
    content:"";

    position:absolute;

    inset:0;

    opacity:.24;

    background-image:
        linear-gradient(
            rgba(0,109,119,.06) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(0,109,119,.06) 1px,
            transparent 1px
        );

    background-size:42px 42px;

    pointer-events:none;
}


.wei-project-command-hero::after{
    content:"";

    position:absolute;

    width:420px;
    height:420px;

    border-radius:50%;

    top:-230px;
    right:-180px;

    border:80px solid rgba(11,183,197,.035);

    pointer-events:none;
}


.wei-project-command-hero .container{
    position:relative;
    z-index:2;
}


/* =====================================================
   SHELL
===================================================== */

.wei-project-command-shell{
    max-width:1160px;

    margin:auto;
}


/* =====================================================
   TOP BAR
===================================================== */

.wei-project-command-top{
    margin-bottom:14px;

    display:flex;

    align-items:center;
    justify-content:space-between;

    gap:20px;
}


.wei-project-command-code,
.wei-project-command-status{
    display:flex;

    align-items:center;

    gap:9px;
}


.wei-project-command-dot,
.wei-project-command-status-dot{
    width:7px;
    height:7px;

    border-radius:50%;

    background:#0bb7c5;

    box-shadow:
        0 0 0 5px rgba(11,183,197,.10);
}


.wei-project-command-code small,
.wei-project-command-status small{
    color:#8a9b9f;

    font-size:7px;

    font-weight:900;

    letter-spacing:1px;
}


.wei-project-command-code strong{
    color:#10232c;

    font-size:8px;

    font-weight:900;
}


.wei-project-command-status{
    padding:8px 11px;

    border:1px solid #d9e6e8;

    border-radius:8px;

    background:#ffffff;
}


.wei-project-command-status strong{
    color:#006d77;

    font-size:8px;

    font-weight:900;
}


/* =====================================================
   MAIN GRID
===================================================== */

.wei-project-command-main{
    display:grid;

    grid-template-columns:.92fr 1.08fr;

    min-height:470px;

    overflow:hidden;

    border:1px solid #dbe7e9;

    border-radius:28px;

    background:#ffffff;

    box-shadow:
        0 30px 70px rgba(16,35,44,.10);
}


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

.wei-project-command-content{
    padding:48px 42px 40px;

    display:flex;

    flex-direction:column;

    justify-content:center;

    position:relative;

    background:
        linear-gradient(
            150deg,
            #ffffff 0%,
            #f1f8f9 100%
        );
}


.wei-project-command-content::before{
    content:"";

    position:absolute;

    left:0;
    top:48px;

    width:4px;
    height:88px;

    border-radius:0 8px 8px 0;

    background:#0bb7c5;
}


/* CATEGORY */

.wei-project-command-category{
    margin-bottom:17px;
}


.wei-project-command-category span{
    display:inline-flex;

    align-items:center;

    min-height:29px;

    padding:0 11px;

    border-radius:7px;

    background:#e9f7f8;

    color:#006d77;

    font-size:8px;

    font-weight:900;

    letter-spacing:1.2px;
}


/* TITLE */

.wei-project-command-content h1{
    max-width:470px;

    margin:0;

    color:#10232c;

    font-size:48px;

    line-height:1.04;

    font-weight:900;

    letter-spacing:-1.6px;
}


.wei-project-command-content h1 strong{
    display:block;

    color:#006d77;

    font-weight:900;
}


/* LEAD */

.wei-project-command-lead{
    max-width:455px;

    margin:18px 0 0;

    color:#697c82;

    font-size:13px;

    line-height:1.75;

    font-weight:500;
}


/* =====================================================
   LOCATION
===================================================== */

.wei-project-command-location{
    margin-top:24px;

    display:flex;

    align-items:center;

    gap:11px;
}


.wei-project-command-location-icon{
    width:39px;
    height:39px;

    min-width:39px;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:11px;

    background:#10232c;

    color:#ffffff;

    font-size:11px;
}


.wei-project-command-location small{
    display:block;

    margin-bottom:2px;

    color:#8a999d;

    font-size:6px;

    font-weight:900;

    letter-spacing:.8px;
}


.wei-project-command-location strong{
    display:block;

    color:#233c44;

    font-size:10px;

    font-weight:900;
}


/* =====================================================
   ACTIONS
===================================================== */

.wei-project-command-actions{
    margin-top:28px;

    display:flex;

    align-items:center;

    gap:9px;

    flex-wrap:wrap;
}


.wei-project-command-primary,
.wei-project-command-secondary{
    min-height:45px;

    padding:0 13px;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:9px;

    border-radius:11px;

    text-decoration:none;

    font-size:8px;

    font-weight:900;

    transition:.3s ease;
}


/* PRIMARY */

.wei-project-command-primary{
    background:#0b3039;

    color:#ffffff;

    box-shadow:
        0 11px 25px rgba(11,48,57,.15);
}


.wei-project-command-primary i{
    width:26px;
    height:26px;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:#0bb7c5;

    font-size:7px;
}


.wei-project-command-primary:hover{
    color:#ffffff;

    transform:translateY(-2px);
}


/* SECONDARY */

.wei-project-command-secondary{
    border:1px solid #d8e4e6;

    background:#ffffff;

    color:#3d565e;
}


.wei-project-command-secondary:hover{
    color:#006d77;

    border-color:#abd7db;

    transform:translateY(-2px);
}


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

.wei-project-command-visual{
    padding:12px;

    display:grid;

    grid-template-columns:1fr 72px;

    gap:8px;

    background:#edf5f6;
}


/* MAIN IMAGE */

.wei-project-command-image{
    min-height:446px;

    position:relative;

    overflow:hidden;

    border-radius:20px;
}


.wei-project-command-image img{
    width:100%;
    height:100%;

    position:absolute;

    inset:0;

    object-fit:cover;

    transition:
        opacity .35s ease,
        transform .6s ease;
}


.wei-project-command-image:hover img{
    transform:scale(1.025);
}


.wei-project-command-image-shade{
    position:absolute;

    inset:0;

    background:
        linear-gradient(
            180deg,
            rgba(7,33,40,.05) 25%,
            rgba(7,33,40,.18) 65%,
            rgba(7,33,40,.62) 100%
        );
}


/* IMAGE LABEL */

.wei-project-command-image-label{
    position:absolute;

    left:16px;
    bottom:16px;

    display:flex;

    align-items:center;

    gap:9px;

    padding:8px 9px;

    border-radius:9px;

    background:rgba(255,255,255,.92);

    backdrop-filter:blur(8px);
}


.wei-project-command-image-label span{
    color:#63777d;

    font-size:6px;

    font-weight:900;

    letter-spacing:.8px;
}


.wei-project-command-image-label strong{
    color:#006d77;

    font-size:13px;

    font-weight:900;
}


/* YEAR */

.wei-project-command-year{
    position:absolute;

    top:15px;
    right:15px;

    min-width:67px;

    padding:10px;

    text-align:center;

    border-radius:11px;

    background:#0b3039;

    box-shadow:
        0 10px 25px rgba(0,0,0,.15);
}


.wei-project-command-year small{
    display:block;

    margin-bottom:2px;

    color:#67dce4;

    font-size:5px;

    font-weight:900;

    letter-spacing:.8px;
}


.wei-project-command-year strong{
    color:#ffffff;

    font-size:15px;

    font-weight:900;
}


/* =====================================================
   MINI VIEWS
===================================================== */

.wei-project-command-views{
    display:flex;

    flex-direction:column;

    gap:7px;
}


.wei-project-command-view{
    flex:1;

    min-height:0;

    padding:0;

    position:relative;

    overflow:hidden;

    border:2px solid transparent;

    border-radius:13px;

    background:none;

    cursor:pointer;

    opacity:.58;

    transition:.3s ease;
}


.wei-project-command-view img{
    width:100%;
    height:100%;

    object-fit:cover;
}


.wei-project-command-view span{
    position:absolute;

    left:5px;
    bottom:5px;

    width:21px;
    height:21px;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:6px;

    background:#ffffff;

    color:#10232c;

    font-size:6px;

    font-weight:900;
}


.wei-project-command-view:hover{
    opacity:.9;
}


.wei-project-command-view.active{
    opacity:1;

    border-color:#0bb7c5;

    box-shadow:
        0 8px 20px rgba(11,183,197,.17);
}


/* =====================================================
   INFO DECK
===================================================== */

.wei-project-command-deck{
    max-width:1060px;

    margin:-22px auto 0;

    padding:12px;

    position:relative;

    z-index:5;

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:7px;

    border:1px solid #dce7e9;

    border-radius:17px;

    background:#ffffff;

    box-shadow:
        0 18px 45px rgba(16,35,44,.10);
}


.wei-project-command-stat{
    min-height:69px;

    padding:10px 11px;

    display:flex;

    align-items:center;

    gap:10px;

    border-radius:12px;

    background:#f7fafb;

    transition:.3s ease;
}


.wei-project-command-stat:hover{
    background:#edf8f9;

    transform:translateY(-2px);
}


.wei-project-command-stat-icon{
    width:34px;
    height:34px;

    min-width:34px;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:9px;

    background:#e5f5f6;

    color:#006d77;

    font-size:10px;
}


.wei-project-command-stat small{
    display:block;

    margin-bottom:3px;

    color:#8b9b9f;

    font-size:5.5px;

    font-weight:900;

    letter-spacing:.7px;
}


.wei-project-command-stat strong{
    display:block;

    color:#213941;

    font-size:8.5px;

    line-height:1.3;

    font-weight:900;
}


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

@media(max-width:991px){

    .wei-project-command-main{
        grid-template-columns:1fr;
    }


    .wei-project-command-content{
        padding:40px 34px;
    }


    .wei-project-command-visual{
        min-height:390px;
    }


    .wei-project-command-image{
        min-height:370px;
    }


    .wei-project-command-deck{
        max-width:90%;

        grid-template-columns:1fr 1fr;
    }

}


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

@media(max-width:768px){

    .wei-project-command-hero{
        padding:55px 10px 65px;
    }


    .wei-project-command-shell{
        max-width:430px;
    }


    /* TOP */

    .wei-project-command-top{
        align-items:flex-start;
    }


    .wei-project-command-code{
        flex-wrap:wrap;
    }


    .wei-project-command-code strong{
        width:100%;

        margin-left:16px;
    }


    /* MAIN */

    .wei-project-command-main{
        border-radius:21px;
    }


    /* CONTENT */

    .wei-project-command-content{
        padding:28px 20px 26px;
    }


    .wei-project-command-content::before{
        top:29px;

        height:66px;
    }


    .wei-project-command-category{
        margin-bottom:13px;
    }


    .wei-project-command-content h1{
        font-size:32px;

        letter-spacing:-.8px;
    }


    .wei-project-command-lead{
        margin-top:13px;

        font-size:11px;

        line-height:1.65;
    }


    .wei-project-command-location{
        margin-top:18px;
    }


    .wei-project-command-actions{
        margin-top:21px;
    }


    /* VISUAL */

    .wei-project-command-visual{
        min-height:auto;

        padding:8px;

        grid-template-columns:1fr;

        gap:7px;
    }


    .wei-project-command-image{
        min-height:295px;

        border-radius:15px;
    }


    /* THUMBNAILS */

    .wei-project-command-views{
        min-height:67px;

        flex-direction:row;
    }


    .wei-project-command-view{
        min-height:67px;

        border-radius:10px;
    }


    /* DECK */

    .wei-project-command-deck{
        max-width:92%;

        margin:-13px auto 0;

        padding:8px;

        grid-template-columns:1fr 1fr;

        border-radius:14px;
    }


    .wei-project-command-stat{
        min-height:62px;

        padding:8px;
    }


    .wei-project-command-stat-icon{
        width:29px;
        height:29px;

        min-width:29px;

        font-size:8px;
    }

}


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

@media(max-width:480px){

    .wei-project-command-hero{
        padding:48px 7px 58px;
    }


    .wei-project-command-shell{
        max-width:100%;
    }


    .wei-project-command-top{
        gap:8px;
    }


    .wei-project-command-code small,
    .wei-project-command-status small{
        font-size:5px;
    }


    .wei-project-command-status{
        padding:7px 8px;
    }


    .wei-project-command-content{
        padding:24px 17px 22px;
    }


    .wei-project-command-content h1{
        font-size:28px;
    }


    .wei-project-command-primary,
    .wei-project-command-secondary{
        min-height:41px;

        font-size:7px;
    }


    .wei-project-command-image{
        min-height:255px;
    }


    .wei-project-command-deck{
        max-width:94%;

        grid-template-columns:1fr 1fr;

        gap:5px;
    }


    .wei-project-command-stat{
        min-height:58px;

        gap:7px;
    }


    .wei-project-command-stat small{
        font-size:4.8px;
    }


    .wei-project-command-stat strong{
        font-size:7px;
    }

}


/* =====================================================
   EXTRA SMALL
===================================================== */

@media(max-width:360px){

    .wei-project-command-content h1{
        font-size:25px;
    }


    .wei-project-command-actions{
        display:grid;

        grid-template-columns:1fr;
    }


    .wei-project-command-primary,
    .wei-project-command-secondary{
        width:100%;
    }


    .wei-project-command-deck{
        grid-template-columns:1fr;
    }

}

/* =====================================================
   PROJECT DETAILS HERO
   FINAL PREMIUM MOBILE OVERRIDE
   ADD AT VERY END
===================================================== */

@media(max-width:768px){

    .wei-project-command-hero{
        padding:50px 8px 58px !important;
    }

    .wei-project-command-shell{
        max-width:430px !important;
        margin:0 auto !important;
    }

    /* TOP BAR */

    .wei-project-command-top{
        margin-bottom:10px !important;
        gap:8px !important;
        align-items:center !important;
    }

    .wei-project-command-code{
        gap:6px !important;
    }

    .wei-project-command-code small,
    .wei-project-command-status small{
        font-size:5.5px !important;
        letter-spacing:.7px !important;
    }

    .wei-project-command-code strong{
        width:auto !important;
        margin-left:0 !important;
        font-size:6.5px !important;
    }

    .wei-project-command-status{
        padding:7px 9px !important;
        border-radius:8px !important;
    }

    .wei-project-command-status strong{
        font-size:7px !important;
    }

    /* MAIN CARD */

    .wei-project-command-main{
        border-radius:20px !important;
        box-shadow:
            0 20px 48px rgba(16,35,44,.10) !important;
    }

    /* CONTENT */

    .wei-project-command-content{
        padding:24px 18px 22px !important;
    }

    .wei-project-command-content::before{
        top:25px !important;
        height:55px !important;
    }

    .wei-project-command-category{
        margin-bottom:10px !important;
    }

    .wei-project-command-category span{
        min-height:26px !important;
        padding:0 9px !important;
        font-size:6.5px !important;
    }

    .wei-project-command-content h1{
        max-width:340px !important;
        font-size:30px !important;
        line-height:1.08 !important;
        letter-spacing:-.6px !important;
    }

    .wei-project-command-lead{
        max-width:350px !important;
        margin-top:11px !important;
        font-size:10.5px !important;
        line-height:1.6 !important;
    }

    /* LOCATION */

    .wei-project-command-location{
        margin-top:16px !important;
        gap:9px !important;
    }

    .wei-project-command-location-icon{
        width:35px !important;
        height:35px !important;
        min-width:35px !important;
        border-radius:10px !important;
        font-size:9px !important;
    }

    .wei-project-command-location small{
        font-size:5px !important;
    }

    .wei-project-command-location strong{
        font-size:8.5px !important;
    }

    /* ACTIONS */

    .wei-project-command-actions{
        margin-top:18px !important;
        gap:7px !important;
    }

    .wei-project-command-primary,
    .wei-project-command-secondary{
        min-height:40px !important;
        padding:0 10px !important;
        border-radius:9px !important;
        font-size:7px !important;
    }

    .wei-project-command-primary i{
        width:23px !important;
        height:23px !important;
        font-size:6px !important;
    }

    /* VISUAL */

    .wei-project-command-visual{
        padding:7px !important;
        grid-template-columns:1fr !important;
        gap:6px !important;
    }

    .wei-project-command-image{
        min-height:265px !important;
        border-radius:14px !important;
    }

    .wei-project-command-image-label{
        left:10px !important;
        bottom:10px !important;
        padding:6px 7px !important;
        gap:6px !important;
        border-radius:8px !important;
    }

    .wei-project-command-image-label span{
        font-size:5px !important;
    }

    .wei-project-command-image-label strong{
        font-size:10px !important;
    }

    .wei-project-command-year{
        top:10px !important;
        right:10px !important;
        min-width:58px !important;
        padding:8px !important;
        border-radius:9px !important;
    }

    .wei-project-command-year small{
        font-size:4.5px !important;
    }

    .wei-project-command-year strong{
        font-size:13px !important;
    }

    /* THUMBNAILS */

    .wei-project-command-views{
        min-height:62px !important;
        flex-direction:row !important;
        gap:5px !important;
    }

    .wei-project-command-view{
        min-height:62px !important;
        border-radius:9px !important;
    }

    .wei-project-command-view span{
        width:18px !important;
        height:18px !important;
        left:4px !important;
        bottom:4px !important;
        font-size:5px !important;
    }

    /* INFO DECK */

    .wei-project-command-deck{
        max-width:94% !important;
        margin:-11px auto 0 !important;
        padding:7px !important;
        grid-template-columns:1fr 1fr !important;
        gap:5px !important;
        border-radius:13px !important;
    }

    .wei-project-command-stat{
        min-height:56px !important;
        padding:7px !important;
        gap:7px !important;
        border-radius:9px !important;
    }

    .wei-project-command-stat-icon{
        width:27px !important;
        height:27px !important;
        min-width:27px !important;
        border-radius:8px !important;
        font-size:7px !important;
    }

    .wei-project-command-stat small{
        font-size:4.7px !important;
        letter-spacing:.5px !important;
    }

    .wei-project-command-stat strong{
        font-size:7px !important;
        line-height:1.25 !important;
    }
}


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

@media(max-width:480px){

    .wei-project-command-hero{
        padding:46px 6px 54px !important;
    }

    .wei-project-command-shell{
        max-width:100% !important;
    }

    .wei-project-command-content{
        padding:21px 15px 19px !important;
    }

    .wei-project-command-content h1{
        font-size:27px !important;
    }

    .wei-project-command-lead{
        font-size:10px !important;
    }

    .wei-project-command-actions{
        display:grid !important;
        grid-template-columns:1fr 1fr !important;
    }

    .wei-project-command-primary,
    .wei-project-command-secondary{
        width:100% !important;
        min-height:39px !important;
    }

    .wei-project-command-image{
        min-height:235px !important;
    }

    .wei-project-command-views{
        min-height:56px !important;
    }

    .wei-project-command-view{
        min-height:56px !important;
    }

    .wei-project-command-deck{
        max-width:95% !important;
    }
}


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

@media(max-width:360px){

    .wei-project-command-content h1{
        font-size:24px !important;
    }

    .wei-project-command-actions{
        grid-template-columns:1fr !important;
    }

    .wei-project-command-deck{
        grid-template-columns:1fr 1fr !important;
    }

    .wei-project-command-stat strong{
        font-size:6.5px !important;
    }
}

/* =====================================================
   PROJECT HERO - MOBILE THUMBNAILS FINAL FIX
   ADD THIS AT THE VERY END
===================================================== */

@media(max-width:768px){

    /* =========================
       THUMBNAIL STRIP
    ========================= */

    .wei-project-command-views{
        display:grid !important;
        grid-template-columns:repeat(3,1fr) !important;
        gap:6px !important;

        width:100% !important;
        min-height:0 !important;

        margin:0 !important;
    }

    .wei-project-command-view{
        position:relative !important;

        width:100% !important;
        min-height:64px !important;
        height:64px !important;

        padding:0 !important;
        margin:0 !important;

        overflow:hidden !important;

        border:2px solid transparent !important;
        border-radius:11px !important;

        background:#dfecee !important;

        opacity:.78 !important;
    }

    .wei-project-command-view img{
        display:block !important;

        width:100% !important;
        height:100% !important;

        object-fit:cover !important;
        object-position:center !important;

        margin:0 !important;
        padding:0 !important;
    }

    /* hide broken alt-text appearance */
    .wei-project-command-view img::before,
    .wei-project-command-view img::after{
        display:none !important;
    }

    .wei-project-command-view span{
        position:absolute !important;

        left:5px !important;
        bottom:5px !important;

        width:21px !important;
        height:21px !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        z-index:3 !important;

        border-radius:7px !important;

        background:rgba(255,255,255,.95) !important;

        color:#10232c !important;

        font-size:6px !important;
        font-weight:900 !important;

        line-height:1 !important;
    }

    .wei-project-command-view.active{
        opacity:1 !important;

        border-color:#0bb7c5 !important;

        box-shadow:
            0 7px 18px rgba(11,183,197,.18) !important;
    }


    /* =========================
       INFO DECK FIX
    ========================= */

    .wei-project-command-deck{
        max-width:94% !important;

        margin:-8px auto 0 !important;

        padding:7px !important;

        display:grid !important;
        grid-template-columns:1fr 1fr !important;

        gap:6px !important;

        border-radius:14px !important;

        background:#ffffff !important;
    }

    .wei-project-command-stat{
        min-height:62px !important;

        padding:8px !important;

        display:flex !important;
        align-items:center !important;

        gap:8px !important;

        border-radius:10px !important;

        background:#f4f9fa !important;
    }

    .wei-project-command-stat-icon{
        width:29px !important;
        height:29px !important;

        min-width:29px !important;

        border-radius:9px !important;

        font-size:8px !important;
    }

    .wei-project-command-stat small{
        margin-bottom:2px !important;

        font-size:4.8px !important;

        line-height:1.2 !important;

        letter-spacing:.45px !important;
    }

    .wei-project-command-stat strong{
        display:block !important;

        font-size:7px !important;

        line-height:1.3 !important;

        word-break:normal !important;
    }

}


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

@media(max-width:480px){

    .wei-project-command-views{
        gap:5px !important;
    }

    .wei-project-command-view{
        min-height:58px !important;
        height:58px !important;

        border-radius:9px !important;
    }

    .wei-project-command-view span{
        width:19px !important;
        height:19px !important;

        font-size:5px !important;
    }

    .wei-project-command-deck{
        max-width:95% !important;

        margin:-6px auto 0 !important;

        gap:5px !important;

        padding:6px !important;
    }

    .wei-project-command-stat{
        min-height:58px !important;

        padding:7px !important;

        gap:7px !important;
    }

    .wei-project-command-stat-icon{
        width:27px !important;
        height:27px !important;

        min-width:27px !important;
    }

    .wei-project-command-stat small{
        font-size:4.4px !important;
    }

    .wei-project-command-stat strong{
        font-size:6.7px !important;
    }

}


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

@media(max-width:360px){

    .wei-project-command-view{
        height:54px !important;
        min-height:54px !important;
    }

    .wei-project-command-deck{
        grid-template-columns:1fr 1fr !important;
    }

    .wei-project-command-stat{
        min-height:56px !important;
    }

}

/* Project Details Page Second Section */
.wei-project-scope-matrix{
    position:relative;

    padding:92px 0 96px;

    overflow:hidden;

    background:
        radial-gradient(
            circle at 8% 15%,
            rgba(11,183,197,.10),
            transparent 26%
        ),
        radial-gradient(
            circle at 90% 90%,
            rgba(0,109,119,.14),
            transparent 30%
        ),
        #091f27;
}


/* engineering grid */

.wei-project-scope-matrix::before{
    content:"";

    position:absolute;

    inset:0;

    opacity:.08;

    background-image:
        linear-gradient(
            rgba(255,255,255,.12) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255,255,255,.12) 1px,
            transparent 1px
        );

    background-size:48px 48px;

    pointer-events:none;
}


.wei-project-scope-matrix::after{
    content:"";

    position:absolute;

    width:410px;
    height:410px;

    right:-220px;
    top:-240px;

    border-radius:50%;

    border:70px solid rgba(11,183,197,.035);
}


.wei-project-scope-matrix .container{
    position:relative;
    z-index:2;
}


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

.wei-project-scope-heading{
    max-width:1140px;

    margin:0 auto 35px;

    display:grid;

    grid-template-columns:1fr 420px;

    gap:50px;

    align-items:end;
}


.wei-project-scope-kicker{
    display:block;

    margin-bottom:10px;

    color:#53dce5;

    font-size:9px;

    font-weight:900;

    letter-spacing:1.7px;
}


.wei-project-scope-heading h2{
    margin:0;

    color:#ffffff;

    font-size:43px;

    line-height:1.08;

    font-weight:900;

    letter-spacing:-1px;
}


.wei-project-scope-heading h2 strong{
    display:block;

    color:#62dfe7;
}


.wei-project-scope-heading > p{
    margin:0;

    color:#93adb3;

    font-size:12px;

    line-height:1.7;
}


/* =====================================================
   MAIN SHELL
===================================================== */

.wei-project-scope-shell{
    max-width:1140px;

    margin:auto;

    display:grid;

    grid-template-columns:1fr 280px;

    gap:11px;
}


/* =====================================================
   LEFT MATRIX
===================================================== */

.wei-project-scope-main{
    padding:16px;

    border:1px solid rgba(255,255,255,.09);

    border-radius:25px;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.055),
            rgba(255,255,255,.018)
        );

    backdrop-filter:blur(10px);

    box-shadow:
        0 24px 65px rgba(0,0,0,.20);
}


/* HEADER */

.wei-project-scope-main-top{
    min-height:63px;

    padding:5px 6px 14px;

    display:flex;

    align-items:center;
    justify-content:space-between;

    gap:20px;

    border-bottom:1px solid rgba(255,255,255,.08);
}


.wei-project-scope-main-top span{
    display:block;

    margin-bottom:4px;

    color:#5ed9e2;

    font-size:6px;

    font-weight:900;

    letter-spacing:1px;
}


.wei-project-scope-main-top strong{
    color:#ffffff;

    font-size:14px;

    font-weight:900;
}


.wei-project-scope-code{
    min-width:60px;

    text-align:right;
}


.wei-project-scope-code small{
    display:block;

    color:#5e7f86;

    font-size:5px;

    font-weight:900;

    letter-spacing:.8px;
}


.wei-project-scope-code strong{
    color:rgba(255,255,255,.19);

    font-size:29px;

    line-height:1;
}


/* =====================================================
   SCOPE GRID
===================================================== */

.wei-project-scope-grid{
    margin-top:13px;

    display:grid;

    grid-template-columns:1.08fr .92fr;

    grid-template-rows:1fr 1fr;

    gap:8px;
}


.wei-project-scope-item{
    min-height:155px;

    padding:18px;

    position:relative;

    overflow:hidden;

    border:1px solid rgba(255,255,255,.08);

    border-radius:18px;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.055),
            rgba(255,255,255,.015)
        );

    text-align:left;

    cursor:pointer;

    transition:
        transform .3s ease,
        border-color .3s ease,
        background .3s ease;
}


/* asymmetric first item */

.wei-project-scope-item:first-child{
    grid-row:1 / 3;

    min-height:318px;
}


.wei-project-scope-item::before{
    content:"";

    position:absolute;

    width:130px;
    height:130px;

    top:-80px;
    right:-60px;

    border-radius:50%;

    background:rgba(11,183,197,.08);

    transition:.4s ease;
}


.wei-project-scope-item:hover{
    transform:translateY(-3px);

    border-color:rgba(83,220,229,.25);
}


.wei-project-scope-item:hover::before{
    transform:scale(1.5);
}


.wei-project-scope-item.active{
    border-color:rgba(83,220,229,.50);

    background:
        linear-gradient(
            145deg,
            rgba(11,183,197,.17),
            rgba(255,255,255,.025)
        );

    box-shadow:
        inset 0 0 0 1px rgba(11,183,197,.08),
        0 15px 35px rgba(0,0,0,.12);
}


/* TOP */

.wei-project-scope-item-top{
    display:flex;

    align-items:center;
    justify-content:space-between;
}


.wei-project-scope-number{
    color:rgba(255,255,255,.25);

    font-size:22px;

    font-weight:900;
}


.wei-project-scope-item-top > i{
    width:35px;
    height:35px;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:10px;

    background:rgba(11,183,197,.11);

    color:#60dce5;

    font-size:10px;
}


/* CONTENT */

.wei-project-scope-item-content{
    position:absolute;

    left:18px;
    right:48px;
    bottom:18px;
}


.wei-project-scope-item-content small{
    display:block;

    margin-bottom:5px;

    color:#53dce5;

    font-size:6px;

    font-weight:900;

    letter-spacing:.9px;
}


.wei-project-scope-item-content h3{
    margin:0;

    color:#ffffff;

    font-size:16px;

    line-height:1.2;

    font-weight:900;
}


.wei-project-scope-item:first-child
.wei-project-scope-item-content h3{
    max-width:260px;

    font-size:24px;
}


/* ARROW */

.wei-project-scope-item-arrow{
    width:29px;
    height:29px;

    position:absolute;

    right:13px;
    bottom:13px;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:rgba(255,255,255,.08);

    color:#ffffff;

    font-size:7px;

    transition:.3s ease;
}


.wei-project-scope-item.active
.wei-project-scope-item-arrow{
    background:#0bb7c5;
}


/* =====================================================
   ACTIVE DETAIL RIBBON
===================================================== */

.wei-project-scope-active{
    margin-top:9px;

    min-height:103px;

    padding:12px 15px;

    display:grid;

    grid-template-columns:45px 43px 1fr;

    align-items:center;

    gap:12px;

    border-radius:16px;

    background:#ffffff;
}


.wei-project-scope-active-number{
    color:#d1e3e6;

    font-size:27px;

    font-weight:900;
}


.wei-project-scope-active-icon{
    width:42px;
    height:42px;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:12px;

    background:#e8f7f8;

    color:#006d77;

    font-size:12px;
}


.wei-project-scope-active-content span{
    display:block;

    margin-bottom:3px;

    color:#008895;

    font-size:6px;

    font-weight:900;

    letter-spacing:.9px;
}


.wei-project-scope-active-content h4{
    margin:0 0 4px;

    color:#10232c;

    font-size:13px;

    font-weight:900;
}


.wei-project-scope-active-content p{
    max-width:570px;

    margin:0;

    color:#718287;

    font-size:9px;

    line-height:1.55;
}


/* =====================================================
   RIGHT FACTS PANEL
===================================================== */

.wei-project-facts-panel{
    padding:20px 17px 16px;

    display:flex;

    flex-direction:column;

    border:1px solid rgba(255,255,255,.09);

    border-radius:25px;

    background:
        linear-gradient(
            165deg,
            #0d3039,
            #0b262e
        );

    box-shadow:
        0 24px 60px rgba(0,0,0,.20);
}


.wei-project-facts-head{
    padding-bottom:15px;

    border-bottom:1px solid rgba(255,255,255,.08);
}


.wei-project-facts-head span{
    display:block;

    margin-bottom:4px;

    color:#53dce5;

    font-size:6px;

    font-weight:900;

    letter-spacing:1px;
}


.wei-project-facts-head strong{
    color:#ffffff;

    font-size:18px;

    font-weight:900;
}


/* FACTS */

.wei-project-facts-list{
    padding-top:10px;
}


.wei-project-fact{
    min-height:59px;

    padding:8px 0;

    display:flex;

    align-items:center;

    gap:10px;

    border-bottom:1px solid rgba(255,255,255,.065);
}


.wei-project-fact-icon{
    width:31px;
    height:31px;

    min-width:31px;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:9px;

    background:rgba(11,183,197,.10);

    color:#56dbe4;

    font-size:8px;
}


.wei-project-fact small{
    display:block;

    margin-bottom:2px;

    color:#647f86;

    font-size:5px;

    font-weight:900;

    letter-spacing:.7px;
}


.wei-project-fact strong{
    display:block;

    color:#dcecef;

    font-size:8px;

    line-height:1.3;

    font-weight:900;
}


/* BOTTOM */

.wei-project-facts-bottom{
    margin-top:auto;

    padding-top:18px;

    display:flex;

    align-items:flex-end;
    justify-content:space-between;

    gap:10px;
}


.wei-project-facts-bottom span{
    color:#66858c;

    font-size:5px;

    font-weight:900;

    letter-spacing:.8px;
}


.wei-project-facts-bottom strong{
    color:#5edfe7;

    font-size:38px;

    line-height:.8;

    font-weight:900;
}


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

@media(max-width:991px){

    .wei-project-scope-heading{
        grid-template-columns:1fr;
        gap:12px;
    }

    .wei-project-scope-heading > p{
        max-width:500px;
    }

    .wei-project-scope-shell{
        grid-template-columns:1fr;
    }

    .wei-project-facts-panel{
        display:grid;

        grid-template-columns:180px 1fr 100px;

        align-items:center;

        gap:20px;
    }

    .wei-project-facts-head{
        padding:0;

        border-bottom:none;
    }

    .wei-project-facts-list{
        padding:0;

        display:grid;

        grid-template-columns:repeat(3,1fr);

        gap:5px;
    }

    .wei-project-fact{
        min-height:50px;

        padding:4px 0;

        border-bottom:none;
    }

    .wei-project-facts-bottom{
        margin:0;

        padding:0;
    }

}


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

@media(max-width:768px){

    .wei-project-scope-matrix{
        padding:60px 10px;
    }

    .wei-project-scope-heading{
        max-width:430px;

        margin:0 auto 24px;
    }

    .wei-project-scope-heading h2{
        font-size:31px;
    }

    .wei-project-scope-heading > p{
        font-size:11px;
    }

    .wei-project-scope-shell{
        max-width:430px;

        margin:auto;
    }

    .wei-project-scope-main{
        padding:10px;

        border-radius:19px;
    }

    .wei-project-scope-grid{
        grid-template-columns:1fr 1fr;

        grid-template-rows:auto;

        gap:6px;
    }

    .wei-project-scope-item,
    .wei-project-scope-item:first-child{
        grid-row:auto;

        min-height:145px;
    }

    .wei-project-scope-item:first-child{
        grid-column:1 / -1;

        min-height:190px;
    }

    .wei-project-scope-active{
        grid-template-columns:37px 37px 1fr;

        gap:8px;

        padding:10px;
    }

    .wei-project-scope-active-number{
        font-size:22px;
    }

    .wei-project-scope-active-icon{
        width:35px;
        height:35px;
    }

    .wei-project-facts-panel{
        display:block;

        padding:17px;

        border-radius:19px;
    }

    .wei-project-facts-head{
        padding-bottom:12px;

        border-bottom:1px solid rgba(255,255,255,.08);
    }

    .wei-project-facts-list{
        padding-top:8px;

        display:grid;

        grid-template-columns:1fr 1fr;

        gap:0 12px;
    }

    .wei-project-fact{
        min-height:55px;

        border-bottom:1px solid rgba(255,255,255,.06);
    }

    .wei-project-facts-bottom{
        margin-top:15px;

        padding-top:12px;
    }

}


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

@media(max-width:480px){

    .wei-project-scope-matrix{
        padding:52px 7px;
    }

    .wei-project-scope-heading h2{
        font-size:27px;
    }

    .wei-project-scope-grid{
        grid-template-columns:1fr 1fr;
    }

    .wei-project-scope-item{
        min-height:132px;
        padding:13px;
    }

    .wei-project-scope-item:first-child{
        min-height:175px;
    }

    .wei-project-scope-item-content{
        left:13px;
        right:38px;
        bottom:13px;
    }

    .wei-project-scope-item-content h3{
        font-size:12px;
    }

    .wei-project-scope-item:first-child
    .wei-project-scope-item-content h3{
        font-size:19px;
    }

}

/* =====================================================
   PROJECT SCOPE SECTION
   FINAL TYPOGRAPHY + PREMIUM FEEL OVERRIDE
   ADD AT VERY END
===================================================== */

.wei-project-scope-kicker{
    font-size:11px !important;
    letter-spacing:1.8px !important;
}

.wei-project-scope-heading h2{
    font-size:46px !important;
    line-height:1.07 !important;
    letter-spacing:-1.2px !important;
}

.wei-project-scope-heading > p{
    font-size:14px !important;
    line-height:1.75 !important;
    color:#a7bcc1 !important;
}


/* TOP MATRIX HEADER */

.wei-project-scope-main-top span{
    font-size:7.5px !important;
    letter-spacing:1.2px !important;
}

.wei-project-scope-main-top strong{
    font-size:16px !important;
}

.wei-project-scope-code small{
    font-size:6px !important;
}

.wei-project-scope-code strong{
    font-size:34px !important;
}


/* SCOPE CARDS */

.wei-project-scope-number{
    font-size:25px !important;
}

.wei-project-scope-item-top > i{
    width:39px !important;
    height:39px !important;
    font-size:12px !important;
}

.wei-project-scope-item-content small{
    font-size:7px !important;
    letter-spacing:1px !important;
}

.wei-project-scope-item-content h3{
    font-size:18px !important;
    line-height:1.22 !important;
}

.wei-project-scope-item:first-child
.wei-project-scope-item-content h3{
    font-size:27px !important;
}


/* ACTIVE DETAIL */

.wei-project-scope-active-number{
    font-size:30px !important;
}

.wei-project-scope-active-icon{
    width:46px !important;
    height:46px !important;
    font-size:13px !important;
}

.wei-project-scope-active-content span{
    font-size:7px !important;
    letter-spacing:1px !important;
}

.wei-project-scope-active-content h4{
    font-size:15px !important;
    margin-bottom:5px !important;
}

.wei-project-scope-active-content p{
    font-size:10.5px !important;
    line-height:1.6 !important;
}


/* FACT PANEL */

.wei-project-facts-head span{
    font-size:7px !important;
}

.wei-project-facts-head strong{
    font-size:21px !important;
}

.wei-project-fact small{
    font-size:6px !important;
    letter-spacing:.8px !important;
}

.wei-project-fact strong{
    font-size:9.5px !important;
    line-height:1.35 !important;
}

.wei-project-facts-bottom span{
    font-size:6px !important;
}

.wei-project-facts-bottom strong{
    font-size:42px !important;
}


/* =========================================
   PREMIUM VISUAL FEEL
========================================= */

.wei-project-scope-main{
    box-shadow:
        0 30px 75px rgba(0,0,0,.25),
        inset 0 1px 0 rgba(255,255,255,.04) !important;
}

.wei-project-scope-item{
    transition:
        transform .3s ease,
        border-color .3s ease,
        box-shadow .3s ease,
        background .3s ease !important;
}

.wei-project-scope-item:hover{
    transform:translateY(-4px) !important;

    box-shadow:
        0 15px 32px rgba(0,0,0,.18) !important;
}

.wei-project-scope-item.active{
    box-shadow:
        0 18px 42px rgba(0,0,0,.18),
        inset 0 0 0 1px rgba(11,183,197,.10) !important;
}

.wei-project-scope-active{
    box-shadow:
        0 16px 35px rgba(0,0,0,.16) !important;
}

.wei-project-facts-panel{
    box-shadow:
        0 30px 70px rgba(0,0,0,.24) !important;
}


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

@media(max-width:768px){

    .wei-project-scope-kicker{
        font-size:8px !important;
    }

    .wei-project-scope-heading h2{
        font-size:32px !important;
    }

    .wei-project-scope-heading > p{
        font-size:11.5px !important;
    }

    .wei-project-scope-main-top span{
        font-size:6px !important;
    }

    .wei-project-scope-main-top strong{
        font-size:13px !important;
    }

    .wei-project-scope-code strong{
        font-size:27px !important;
    }

    .wei-project-scope-number{
        font-size:20px !important;
    }

    .wei-project-scope-item-content small{
        font-size:5.8px !important;
    }

    .wei-project-scope-item-content h3{
        font-size:13px !important;
    }

    .wei-project-scope-item:first-child
    .wei-project-scope-item-content h3{
        font-size:21px !important;
    }

    .wei-project-scope-active-content h4{
        font-size:12px !important;
    }

    .wei-project-scope-active-content p{
        font-size:8.5px !important;
    }

    .wei-project-facts-head strong{
        font-size:18px !important;
    }

    .wei-project-fact strong{
        font-size:8px !important;
    }

    .wei-project-facts-bottom strong{
        font-size:34px !important;
    }
}


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

@media(max-width:480px){

    .wei-project-scope-heading h2{
        font-size:28px !important;
    }

    .wei-project-scope-heading > p{
        font-size:10.5px !important;
    }

    .wei-project-scope-item-content h3{
        font-size:12px !important;
    }

    .wei-project-scope-item:first-child
    .wei-project-scope-item-content h3{
        font-size:19px !important;
    }

    .wei-project-scope-active-content h4{
        font-size:11px !important;
    }

    .wei-project-scope-active-content p{
        font-size:8px !important;
    }

}

/* =====================================================
   PROJECT SCOPE + KEY DETAILS
   FINAL MOBILE PREMIUM OVERRIDE
   ADD AT VERY END
===================================================== */

@media(max-width:768px){

    .wei-project-scope-matrix{
        padding:54px 8px 58px !important;
    }

    .wei-project-scope-heading{
        max-width:430px !important;
        margin:0 auto 22px !important;
        gap:10px !important;
    }

    .wei-project-scope-kicker{
        margin-bottom:7px !important;
        font-size:8px !important;
        letter-spacing:1.3px !important;
    }

    .wei-project-scope-heading h2{
        max-width:360px !important;
        font-size:30px !important;
        line-height:1.1 !important;
        letter-spacing:-.6px !important;
    }

    .wei-project-scope-heading > p{
        max-width:360px !important;
        font-size:10.8px !important;
        line-height:1.65 !important;
    }


    /* =====================================
       MAIN SHELL
    ===================================== */

    .wei-project-scope-shell{
        max-width:430px !important;
        margin:0 auto !important;
        gap:9px !important;
    }

    .wei-project-scope-main{
        padding:9px !important;
        border-radius:18px !important;

        box-shadow:
            0 20px 48px rgba(0,0,0,.22) !important;
    }


    /* =====================================
       TOP BAR
    ===================================== */

    .wei-project-scope-main-top{
        min-height:55px !important;
        padding:4px 4px 11px !important;
        gap:10px !important;
    }

    .wei-project-scope-main-top span{
        margin-bottom:3px !important;
        font-size:5.5px !important;
        letter-spacing:.8px !important;
    }

    .wei-project-scope-main-top strong{
        font-size:11.5px !important;
        line-height:1.3 !important;
    }

    .wei-project-scope-code{
        min-width:47px !important;
    }

    .wei-project-scope-code small{
        font-size:4.5px !important;
    }

    .wei-project-scope-code strong{
        font-size:24px !important;
    }


    /* =====================================
       SCOPE GRID
    ===================================== */

    .wei-project-scope-grid{
        margin-top:9px !important;

        grid-template-columns:1fr 1fr !important;
        grid-template-rows:auto !important;

        gap:6px !important;
    }

    .wei-project-scope-item{
        min-height:130px !important;

        padding:12px !important;

        border-radius:14px !important;
    }

    .wei-project-scope-item:first-child{
        grid-column:1 / -1 !important;
        grid-row:auto !important;

        min-height:170px !important;
    }

    .wei-project-scope-number{
        font-size:18px !important;
    }

    .wei-project-scope-item-top > i{
        width:31px !important;
        height:31px !important;

        border-radius:9px !important;

        font-size:9px !important;
    }

    .wei-project-scope-item-content{
        left:12px !important;
        right:38px !important;
        bottom:12px !important;
    }

    .wei-project-scope-item-content small{
        margin-bottom:4px !important;
        font-size:5px !important;
        letter-spacing:.7px !important;
    }

    .wei-project-scope-item-content h3{
        font-size:11.5px !important;
        line-height:1.22 !important;
    }

    .wei-project-scope-item:first-child
    .wei-project-scope-item-content h3{
        max-width:250px !important;
        font-size:18px !important;
    }

    .wei-project-scope-item-arrow{
        width:26px !important;
        height:26px !important;

        right:9px !important;
        bottom:9px !important;

        font-size:6px !important;
    }


    /* =====================================
       ACTIVE DETAIL
    ===================================== */

    .wei-project-scope-active{
        min-height:auto !important;

        margin-top:7px !important;

        padding:10px !important;

        grid-template-columns:31px 34px 1fr !important;

        gap:7px !important;

        border-radius:13px !important;
    }

    .wei-project-scope-active-number{
        font-size:20px !important;
    }

    .wei-project-scope-active-icon{
        width:33px !important;
        height:33px !important;

        border-radius:9px !important;

        font-size:9px !important;
    }

    .wei-project-scope-active-content span{
        margin-bottom:2px !important;

        font-size:5px !important;

        letter-spacing:.7px !important;
    }

    .wei-project-scope-active-content h4{
        margin-bottom:3px !important;

        font-size:10.5px !important;
        line-height:1.25 !important;
    }

    .wei-project-scope-active-content p{
        font-size:7.7px !important;
        line-height:1.5 !important;
    }


    /* =====================================
       FACTS PANEL
    ===================================== */

    .wei-project-facts-panel{
        padding:15px 14px 13px !important;

        border-radius:18px !important;

        box-shadow:
            0 20px 48px rgba(0,0,0,.22) !important;
    }

    .wei-project-facts-head{
        padding-bottom:10px !important;
    }

    .wei-project-facts-head span{
        margin-bottom:3px !important;
        font-size:5.5px !important;
        letter-spacing:.8px !important;
    }

    .wei-project-facts-head strong{
        font-size:16px !important;
    }

    .wei-project-facts-list{
        padding-top:6px !important;

        grid-template-columns:1fr 1fr !important;

        gap:0 10px !important;
    }

    .wei-project-fact{
        min-height:50px !important;

        padding:6px 0 !important;

        gap:7px !important;
    }

    .wei-project-fact-icon{
        width:27px !important;
        height:27px !important;

        min-width:27px !important;

        border-radius:8px !important;

        font-size:7px !important;
    }

    .wei-project-fact small{
        margin-bottom:2px !important;

        font-size:4.5px !important;

        letter-spacing:.55px !important;
    }

    .wei-project-fact strong{
        font-size:7.3px !important;
        line-height:1.3 !important;
    }

    .wei-project-facts-bottom{
        margin-top:11px !important;

        padding-top:10px !important;
    }

    .wei-project-facts-bottom span{
        font-size:5px !important;
        letter-spacing:.6px !important;
    }

    .wei-project-facts-bottom strong{
        font-size:30px !important;
    }
}


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

@media(max-width:480px){

    .wei-project-scope-matrix{
        padding:48px 6px 52px !important;
    }

    .wei-project-scope-heading{
        max-width:100% !important;
    }

    .wei-project-scope-heading h2{
        max-width:320px !important;
        font-size:27px !important;
    }

    .wei-project-scope-heading > p{
        font-size:10px !important;
    }

    .wei-project-scope-shell{
        max-width:100% !important;
    }

    .wei-project-scope-main{
        padding:8px !important;
        border-radius:16px !important;
    }

    .wei-project-scope-grid{
        gap:5px !important;
    }

    .wei-project-scope-item{
        min-height:122px !important;
        padding:10px !important;
        border-radius:12px !important;
    }

    .wei-project-scope-item:first-child{
        min-height:158px !important;
    }

    .wei-project-scope-item-content{
        left:10px !important;
        right:34px !important;
        bottom:10px !important;
    }

    .wei-project-scope-item-content h3{
        font-size:10.5px !important;
    }

    .wei-project-scope-item:first-child
    .wei-project-scope-item-content h3{
        font-size:17px !important;
    }

    .wei-project-scope-active{
        grid-template-columns:28px 31px 1fr !important;
        padding:9px !important;
    }

    .wei-project-scope-active-number{
        font-size:18px !important;
    }

    .wei-project-scope-active-icon{
        width:30px !important;
        height:30px !important;
    }

    .wei-project-scope-active-content h4{
        font-size:9.5px !important;
    }

    .wei-project-scope-active-content p{
        font-size:7.2px !important;
    }

    .wei-project-facts-panel{
        padding:13px 12px !important;
        border-radius:16px !important;
    }

    .wei-project-facts-list{
        gap:0 8px !important;
    }

    .wei-project-fact{
        min-height:47px !important;
    }

    .wei-project-fact strong{
        font-size:6.8px !important;
    }
}


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

@media(max-width:360px){

    .wei-project-scope-heading h2{
        font-size:25px !important;
    }

    .wei-project-scope-item{
        min-height:115px !important;
    }

    .wei-project-scope-item:first-child{
        min-height:150px !important;
    }

    .wei-project-scope-item:first-child
    .wei-project-scope-item-content h3{
        font-size:16px !important;
    }

    .wei-project-scope-active-content p{
        font-size:6.8px !important;
    }

    .wei-project-fact strong{
        font-size:6.4px !important;
    }
}

/* Project Details Page Third Section */
.wei-project-execution-gallery{
    padding:92px 0 96px;

    position:relative;

    overflow:hidden;

    background:
        radial-gradient(
            circle at 90% 5%,
            rgba(11,183,197,.08),
            transparent 24%
        ),
        linear-gradient(
            180deg,
            #ffffff,
            #f4f9fa
        );
}


.wei-project-execution-gallery::before{
    content:"";

    position:absolute;

    width:340px;
    height:340px;

    left:-210px;
    bottom:-190px;

    border-radius:50%;

    border:65px solid rgba(0,109,119,.035);
}


.wei-project-execution-gallery .container{
    position:relative;
    z-index:2;
}


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

.wei-project-execution-heading{
    max-width:1140px;

    margin:0 auto 34px;

    display:grid;

    grid-template-columns:1fr 420px;

    align-items:end;

    gap:50px;
}


.wei-project-execution-kicker{
    display:block;

    margin-bottom:10px;

    color:#006d77;

    font-size:10px;

    font-weight:900;

    letter-spacing:1.7px;
}


.wei-project-execution-heading h2{
    margin:0;

    color:#10232c;

    font-size:44px;

    line-height:1.08;

    font-weight:900;

    letter-spacing:-1px;
}


.wei-project-execution-heading h2 strong{
    display:block;

    color:#006d77;
}


.wei-project-execution-heading > p{
    margin:0;

    color:#708187;

    font-size:13px;

    line-height:1.7;
}


/* =====================================================
   STORY SHELL
===================================================== */

.wei-project-story-shell{
    max-width:1140px;

    margin:auto;

    display:grid;

    grid-template-columns:.9fr 1.1fr;

    gap:14px;
}


/* =====================================================
   EXECUTION STORY
===================================================== */

.wei-project-execution-story{
    padding:23px;

    border:1px solid #dce7e9;

    border-radius:26px;

    background:#ffffff;

    box-shadow:
        0 24px 60px rgba(16,35,44,.08);
}


.wei-project-execution-story-top{
    padding-bottom:16px;

    border-bottom:1px solid #e2eaec;
}


.wei-project-execution-story-top span{
    display:block;

    margin-bottom:4px;

    color:#008a95;

    font-size:7px;

    font-weight:900;

    letter-spacing:1.1px;
}


.wei-project-execution-story-top strong{
    color:#10232c;

    font-size:18px;

    font-weight:900;
}


/* =====================================================
   TIMELINE
===================================================== */

.wei-project-execution-timeline{
    margin-top:13px;
}


.wei-project-execution-step{
    width:100%;

    min-height:69px;

    padding:8px 8px;

    display:grid;

    grid-template-columns:38px 16px 38px 1fr;

    align-items:center;

    gap:8px;

    position:relative;

    border:0;

    background:transparent;

    text-align:left;

    cursor:pointer;

    border-radius:12px;

    transition:.3s ease;
}


.wei-project-execution-step:hover{
    background:#f3f9fa;
}


.wei-project-execution-step.active{
    background:#edf8f9;
}


/* NUMBER */

.wei-project-execution-step-number{
    color:#b4c4c8;

    font-size:17px;

    font-weight:900;
}


.wei-project-execution-step.active
.wei-project-execution-step-number{
    color:#006d77;
}


/* CONNECTOR */

.wei-project-execution-step-line{
    width:1px;
    height:54px;

    justify-self:center;

    background:#d9e6e8;
}


.wei-project-execution-step.active
.wei-project-execution-step-line{
    background:#0bb7c5;
}


/* ICON */

.wei-project-execution-step-icon{
    width:35px;
    height:35px;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:10px;

    background:#eef5f6;

    color:#60787e;

    font-size:10px;

    transition:.3s ease;
}


.wei-project-execution-step.active
.wei-project-execution-step-icon{
    background:#0b3039;

    color:#ffffff;
}


/* CONTENT */

.wei-project-execution-step-content small{
    display:block;

    margin-bottom:3px;

    color:#8a999d;

    font-size:5.5px;

    font-weight:900;

    letter-spacing:.8px;
}


.wei-project-execution-step-content strong{
    display:block;

    color:#263f47;

    font-size:10px;

    line-height:1.3;

    font-weight:900;
}


/* =====================================================
   ACTIVE STORY
===================================================== */

.wei-project-execution-active{
    margin-top:15px;

    padding:15px;

    display:grid;

    grid-template-columns:45px 1fr;

    gap:12px;

    border-radius:16px;

    background:
        linear-gradient(
            145deg,
            #0b3039,
            #0c4650
        );
}


.wei-project-execution-active-icon{
    width:43px;
    height:43px;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:12px;

    background:#0bb7c5;

    color:#ffffff;

    font-size:12px;
}


.wei-project-execution-active-content span{
    display:block;

    margin-bottom:4px;

    color:#64dbe3;

    font-size:6px;

    font-weight:900;

    letter-spacing:.9px;
}


.wei-project-execution-active-content h3{
    margin:0 0 5px;

    color:#ffffff;

    font-size:14px;

    font-weight:900;
}


.wei-project-execution-active-content p{
    margin:0;

    color:#a7c0c5;

    font-size:9px;

    line-height:1.55;
}


/* =====================================================
   GALLERY DECK
===================================================== */

.wei-project-gallery-deck{
    padding:10px;

    border:1px solid #dce7e9;

    border-radius:26px;

    background:#ffffff;

    box-shadow:
        0 24px 60px rgba(16,35,44,.08);
}


/* MAIN IMAGE */

.wei-project-gallery-main{
    min-height:458px;

    position:relative;

    overflow:hidden;

    border-radius:20px;
}


.wei-project-gallery-main img{
    width:100%;
    height:100%;

    position:absolute;

    inset:0;

    object-fit:cover;

    transition:
        opacity .35s ease,
        transform .55s ease;
}


.wei-project-gallery-main:hover img{
    transform:scale(1.02);
}


.wei-project-gallery-overlay{
    position:absolute;

    inset:0;

    background:
        linear-gradient(
            180deg,
            rgba(6,30,36,.04) 25%,
            rgba(6,30,36,.15) 60%,
            rgba(6,30,36,.72) 100%
        );
}


/* LABEL */

.wei-project-gallery-label{
    position:absolute;

    top:15px;
    left:15px;

    display:flex;

    align-items:center;

    gap:10px;

    padding:8px 10px;

    border-radius:9px;

    background:rgba(255,255,255,.92);

    backdrop-filter:blur(8px);
}


.wei-project-gallery-label span{
    color:#657a80;

    font-size:6px;

    font-weight:900;

    letter-spacing:.8px;
}


.wei-project-gallery-label strong{
    color:#006d77;

    font-size:8px;

    font-weight:900;
}


/* CAPTION */

.wei-project-gallery-caption{
    position:absolute;

    left:18px;
    right:70px;
    bottom:17px;
}


.wei-project-gallery-caption small{
    display:block;

    margin-bottom:4px;

    color:#6edce4;

    font-size:6px;

    font-weight:900;

    letter-spacing:1px;
}


.wei-project-gallery-caption strong{
    color:#ffffff;

    font-size:17px;

    line-height:1.25;

    font-weight:900;
}


/* EXPAND */

.wei-project-gallery-expand{
    width:43px;
    height:43px;

    position:absolute;

    right:15px;
    bottom:15px;

    display:flex;

    align-items:center;
    justify-content:center;

    border:0;

    border-radius:50%;

    background:#ffffff;

    color:#0b3039;

    font-size:10px;

    cursor:pointer;

    transition:.3s ease;
}


.wei-project-gallery-expand:hover{
    background:#0bb7c5;

    color:#ffffff;

    transform:scale(1.05);
}


/* =====================================================
   FILMSTRIP
===================================================== */

.wei-project-gallery-strip{
    margin-top:8px;

    display:grid;

    grid-template-columns:repeat(5,1fr);

    gap:6px;
}


.wei-project-gallery-thumb{
    height:70px;

    padding:0;

    position:relative;

    overflow:hidden;

    border:2px solid transparent;

    border-radius:10px;

    background:#edf4f5;

    cursor:pointer;

    opacity:.65;

    transition:.3s ease;
}


.wei-project-gallery-thumb img{
    width:100%;
    height:100%;

    object-fit:cover;
}


.wei-project-gallery-thumb span{
    position:absolute;

    left:5px;
    bottom:5px;

    width:20px;
    height:20px;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:6px;

    background:#ffffff;

    color:#10232c;

    font-size:5.5px;

    font-weight:900;
}


.wei-project-gallery-thumb:hover{
    opacity:.9;
}


.wei-project-gallery-thumb.active{
    opacity:1;

    border-color:#0bb7c5;

    box-shadow:
        0 7px 18px rgba(11,183,197,.17);
}


/* =====================================================
   LIGHTBOX
===================================================== */

.wei-project-gallery-lightbox{
    position:fixed;

    inset:0;

    z-index:99999;

    padding:30px;

    display:flex;

    align-items:center;
    justify-content:center;

    background:rgba(4,22,27,.94);

    opacity:0;

    visibility:hidden;

    transition:.3s ease;
}


.wei-project-gallery-lightbox.active{
    opacity:1;

    visibility:visible;
}


.wei-project-gallery-lightbox-inner{
    width:min(1000px, 92vw);

    max-height:88vh;

    overflow:hidden;

    border-radius:18px;
}


.wei-project-gallery-lightbox-inner img{
    width:100%;
    max-height:88vh;

    display:block;

    object-fit:contain;
}


.wei-project-gallery-lightbox-close{
    width:43px;
    height:43px;

    position:absolute;

    top:22px;
    right:22px;

    display:flex;

    align-items:center;
    justify-content:center;

    border:1px solid rgba(255,255,255,.15);

    border-radius:50%;

    background:rgba(255,255,255,.08);

    color:#ffffff;

    font-size:12px;

    cursor:pointer;
}


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

@media(max-width:991px){

    .wei-project-execution-heading{
        grid-template-columns:1fr;

        gap:12px;
    }

    .wei-project-execution-heading > p{
        max-width:520px;
    }

    .wei-project-story-shell{
        grid-template-columns:1fr;
    }

    .wei-project-gallery-main{
        min-height:420px;
    }

}


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

@media(max-width:768px){

    .wei-project-execution-gallery{
        padding:58px 10px 62px;
    }

    .wei-project-execution-heading{
        max-width:430px;

        margin:0 auto 24px;
    }

    .wei-project-execution-heading h2{
        font-size:31px;
    }

    .wei-project-execution-heading > p{
        font-size:11px;
    }

    .wei-project-story-shell{
        max-width:430px;

        margin:auto;

        gap:9px;
    }

    .wei-project-execution-story,
    .wei-project-gallery-deck{
        border-radius:19px;
    }

    .wei-project-execution-story{
        padding:14px;
    }

    .wei-project-execution-step{
        min-height:60px;

        grid-template-columns:31px 10px 32px 1fr;

        gap:6px;
    }

    .wei-project-execution-step-line{
        height:45px;
    }

    .wei-project-execution-step-icon{
        width:31px;
        height:31px;
    }

    .wei-project-execution-active{
        padding:11px;

        grid-template-columns:37px 1fr;
    }

    .wei-project-execution-active-icon{
        width:36px;
        height:36px;
    }

    .wei-project-gallery-deck{
        padding:7px;
    }

    .wei-project-gallery-main{
        min-height:300px;

        border-radius:15px;
    }

    .wei-project-gallery-strip{
        gap:4px;
    }

    .wei-project-gallery-thumb{
        height:56px;

        border-radius:8px;
    }

}


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

@media(max-width:480px){

    .wei-project-execution-gallery{
        padding:50px 7px 55px;
    }

    .wei-project-execution-heading h2{
        font-size:27px;
    }

    .wei-project-execution-step-content strong{
        font-size:8.5px;
    }

    .wei-project-execution-active-content h3{
        font-size:12px;
    }

    .wei-project-execution-active-content p{
        font-size:8px;
    }

    .wei-project-gallery-main{
        min-height:250px;
    }

    .wei-project-gallery-caption strong{
        font-size:13px;
    }

    .wei-project-gallery-thumb{
        height:48px;
    }

    .wei-project-gallery-thumb span{
        width:17px;
        height:17px;

        font-size:4.8px;
    }

}

/* =====================================================
   PROJECT DETAILS - SECTION 03
   EXECUTION + GALLERY
   FINAL MOBILE PREMIUM OVERRIDE
   ADD AT VERY END
===================================================== */

@media(max-width:768px){

    .wei-project-execution-gallery{
        padding:54px 8px 58px !important;
    }

    .wei-project-execution-heading{
        max-width:430px !important;
        margin:0 auto 22px !important;
        gap:9px !important;
    }

    .wei-project-execution-kicker{
        margin-bottom:7px !important;
        font-size:8px !important;
        letter-spacing:1.3px !important;
    }

    .wei-project-execution-heading h2{
        max-width:350px !important;
        font-size:30px !important;
        line-height:1.1 !important;
        letter-spacing:-.6px !important;
    }

    .wei-project-execution-heading > p{
        max-width:360px !important;
        font-size:10.8px !important;
        line-height:1.65 !important;
    }


    /* =====================================
       MAIN WRAPPER
    ===================================== */

    .wei-project-story-shell{
        max-width:430px !important;
        margin:0 auto !important;
        gap:9px !important;
    }


    /* =====================================
       EXECUTION STORY CARD
    ===================================== */

    .wei-project-execution-story{
        padding:13px !important;
        border-radius:18px !important;

        box-shadow:
            0 18px 42px rgba(16,35,44,.09) !important;
    }

    .wei-project-execution-story-top{
        padding-bottom:11px !important;
    }

    .wei-project-execution-story-top span{
        margin-bottom:3px !important;
        font-size:5.5px !important;
        letter-spacing:.8px !important;
    }

    .wei-project-execution-story-top strong{
        font-size:15px !important;
    }


    /* =====================================
       EXECUTION STEPS
    ===================================== */

    .wei-project-execution-timeline{
        margin-top:8px !important;
    }

    .wei-project-execution-step{
        min-height:56px !important;

        padding:6px !important;

        grid-template-columns:28px 8px 30px 1fr !important;

        gap:5px !important;

        border-radius:10px !important;
    }

    .wei-project-execution-step-number{
        font-size:15px !important;
    }

    .wei-project-execution-step-line{
        height:39px !important;
    }

    .wei-project-execution-step-icon{
        width:29px !important;
        height:29px !important;

        border-radius:8px !important;

        font-size:8px !important;
    }

    .wei-project-execution-step-content small{
        margin-bottom:2px !important;

        font-size:4.8px !important;

        letter-spacing:.6px !important;
    }

    .wei-project-execution-step-content strong{
        font-size:8.5px !important;
        line-height:1.3 !important;
    }


    /* =====================================
       ACTIVE EXECUTION DETAIL
    ===================================== */

    .wei-project-execution-active{
        margin-top:10px !important;

        padding:10px !important;

        grid-template-columns:34px 1fr !important;

        gap:8px !important;

        border-radius:13px !important;
    }

    .wei-project-execution-active-icon{
        width:33px !important;
        height:33px !important;

        border-radius:9px !important;

        font-size:9px !important;
    }

    .wei-project-execution-active-content span{
        margin-bottom:3px !important;

        font-size:5px !important;

        letter-spacing:.7px !important;
    }

    .wei-project-execution-active-content h3{
        margin-bottom:3px !important;

        font-size:11px !important;

        line-height:1.25 !important;
    }

    .wei-project-execution-active-content p{
        font-size:7.8px !important;
        line-height:1.5 !important;
    }


    /* =====================================
       GALLERY CARD
    ===================================== */

    .wei-project-gallery-deck{
        padding:6px !important;

        border-radius:18px !important;

        box-shadow:
            0 18px 42px rgba(16,35,44,.09) !important;
    }

    .wei-project-gallery-main{
        min-height:275px !important;

        border-radius:14px !important;
    }

    .wei-project-gallery-label{
        top:9px !important;
        left:9px !important;

        padding:6px 7px !important;

        gap:6px !important;

        border-radius:7px !important;
    }

    .wei-project-gallery-label span{
        font-size:4.8px !important;
    }

    .wei-project-gallery-label strong{
        font-size:6.5px !important;
    }

    .wei-project-gallery-caption{
        left:11px !important;
        right:52px !important;
        bottom:11px !important;
    }

    .wei-project-gallery-caption small{
        margin-bottom:3px !important;

        font-size:5px !important;
    }

    .wei-project-gallery-caption strong{
        font-size:13px !important;
        line-height:1.25 !important;
    }

    .wei-project-gallery-expand{
        width:35px !important;
        height:35px !important;

        right:10px !important;
        bottom:10px !important;

        font-size:8px !important;
    }


    /* =====================================
       FILMSTRIP
    ===================================== */

    .wei-project-gallery-strip{
        margin-top:5px !important;

        grid-template-columns:repeat(5,1fr) !important;

        gap:4px !important;
    }

    .wei-project-gallery-thumb{
        height:52px !important;

        border-radius:7px !important;
    }

    .wei-project-gallery-thumb span{
        width:17px !important;
        height:17px !important;

        left:3px !important;
        bottom:3px !important;

        border-radius:5px !important;

        font-size:4.5px !important;
    }


    /* =====================================
       LIGHTBOX
    ===================================== */

    .wei-project-gallery-lightbox{
        padding:15px !important;
    }

    .wei-project-gallery-lightbox-inner{
        width:95vw !important;
        border-radius:13px !important;
    }

    .wei-project-gallery-lightbox-close{
        width:36px !important;
        height:36px !important;

        top:14px !important;
        right:14px !important;

        font-size:10px !important;
    }
}


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

@media(max-width:480px){

    .wei-project-execution-gallery{
        padding:48px 6px 52px !important;
    }

    .wei-project-execution-heading{
        max-width:100% !important;
    }

    .wei-project-execution-heading h2{
        max-width:320px !important;
        font-size:27px !important;
    }

    .wei-project-execution-heading > p{
        font-size:10px !important;
    }

    .wei-project-story-shell{
        max-width:100% !important;
    }

    .wei-project-execution-story{
        padding:11px !important;
        border-radius:16px !important;
    }

    .wei-project-execution-step{
        min-height:53px !important;

        grid-template-columns:26px 7px 28px 1fr !important;

        gap:4px !important;
    }

    .wei-project-execution-step-number{
        font-size:14px !important;
    }

    .wei-project-execution-step-icon{
        width:27px !important;
        height:27px !important;
    }

    .wei-project-execution-step-content strong{
        font-size:8px !important;
    }

    .wei-project-execution-active{
        padding:9px !important;
    }

    .wei-project-execution-active-content h3{
        font-size:10px !important;
    }

    .wei-project-execution-active-content p{
        font-size:7.2px !important;
    }

    .wei-project-gallery-deck{
        padding:5px !important;
        border-radius:16px !important;
    }

    .wei-project-gallery-main{
        min-height:235px !important;
    }

    .wei-project-gallery-caption strong{
        font-size:11.5px !important;
    }

    .wei-project-gallery-thumb{
        height:46px !important;
    }
}


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

@media(max-width:360px){

    .wei-project-execution-heading h2{
        font-size:25px !important;
    }

    .wei-project-execution-step{
        grid-template-columns:24px 6px 26px 1fr !important;
    }

    .wei-project-execution-step-content strong{
        font-size:7.4px !important;
    }

    .wei-project-execution-active-content p{
        font-size:6.8px !important;
    }

    .wei-project-gallery-main{
        min-height:215px !important;
    }

    .wei-project-gallery-thumb{
        height:42px !important;
    }
}

/* Project Details Page Fourth Section */
.wei-project-relay-section{
    position:relative;

    padding:92px 0 100px;

    overflow:hidden;

    background:
        radial-gradient(
            circle at 10% 5%,
            rgba(11,183,197,.07),
            transparent 25%
        ),
        linear-gradient(
            180deg,
            #f5fafb 0%,
            #ffffff 100%
        );
}


.wei-project-relay-section::before{
    content:"";

    position:absolute;

    width:360px;
    height:360px;

    top:-190px;
    right:-190px;

    border-radius:50%;

    border:65px solid rgba(0,109,119,.035);
}


.wei-project-relay-section .container{
    position:relative;

    z-index:2;
}


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

.wei-project-relay-heading{
    max-width:1140px;

    margin:0 auto 34px;

    display:grid;

    grid-template-columns:1fr 450px;

    gap:55px;

    align-items:end;
}


.wei-project-relay-kicker{
    display:block;

    margin-bottom:10px;

    color:#006d77;

    font-size:10px;

    font-weight:900;

    letter-spacing:1.7px;
}


.wei-project-relay-heading h2{
    max-width:600px;

    margin:0;

    color:#10232c;

    font-size:44px;

    line-height:1.08;

    font-weight:900;

    letter-spacing:-1px;
}


.wei-project-relay-heading h2 strong{
    display:block;

    color:#006d77;
}


.wei-project-relay-heading-side{
    display:grid;

    grid-template-columns:1fr auto;

    gap:20px;

    align-items:end;
}


.wei-project-relay-heading-side p{
    margin:0;

    color:#718287;

    font-size:12px;

    line-height:1.7;
}


/* COUNT */

.wei-project-relay-count{
    min-width:67px;

    display:flex;

    align-items:flex-end;

    justify-content:flex-end;

    gap:3px;
}


.wei-project-relay-count span{
    color:#006d77;

    font-size:25px;

    line-height:1;

    font-weight:900;
}


.wei-project-relay-count small{
    color:#a9b8bb;

    font-size:11px;
}


.wei-project-relay-count strong{
    color:#87989c;

    font-size:11px;

    font-weight:900;
}


/* =====================================================
   RELAY SHELL
===================================================== */

.wei-project-relay-shell{
    max-width:1140px;

    margin:auto;
}


.wei-project-relay-viewport{
    width:100%;

    overflow:hidden;
}


.wei-project-relay-track{
    display:flex;

    gap:12px;

    transition:transform .55s cubic-bezier(.22,.61,.36,1);

    will-change:transform;
}


/* =====================================================
   PROJECT CARD
===================================================== */

.wei-project-relay-card{
    min-width:355px;
    width:355px;

    overflow:hidden;

    border:1px solid #dce7e9;

    border-radius:22px;

    background:#ffffff;

    box-shadow:
        0 16px 38px rgba(16,35,44,.07);

    transition:
        transform .3s ease,
        box-shadow .3s ease;
}


.wei-project-relay-card:hover{
    transform:translateY(-5px);

    box-shadow:
        0 24px 50px rgba(16,35,44,.12);
}


/* IMAGE */

.wei-project-relay-image{
    height:220px;

    position:relative;

    overflow:hidden;
}


.wei-project-relay-image img{
    width:100%;
    height:100%;

    object-fit:cover;

    transition:.5s ease;
}


.wei-project-relay-card:hover
.wei-project-relay-image img{
    transform:scale(1.04);
}


.wei-project-relay-overlay{
    position:absolute;

    inset:0;

    background:
        linear-gradient(
            180deg,
            rgba(7,31,38,.04),
            rgba(7,31,38,.55)
        );
}


/* NUMBER */

.wei-project-relay-number{
    position:absolute;

    top:13px;
    left:13px;

    width:34px;
    height:28px;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:8px;

    background:rgba(255,255,255,.94);

    color:#10232c;

    font-size:7px;

    font-weight:900;
}


/* STATUS */

.wei-project-relay-status{
    position:absolute;

    right:12px;
    bottom:12px;

    padding:6px 9px;

    border-radius:20px;

    background:#ffffff;

    color:#006d77;

    font-size:6px;

    font-weight:900;

    letter-spacing:.6px;
}


.wei-project-relay-status.ongoing{
    background:#0bb7c5;

    color:#ffffff;
}


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

.wei-project-relay-content{
    padding:18px;
}


.wei-project-relay-category{
    display:block;

    margin-bottom:7px;

    color:#008894;

    font-size:6px;

    font-weight:900;

    letter-spacing:1px;
}


.wei-project-relay-content h3{
    min-height:45px;

    margin:0;

    color:#10232c;

    font-size:17px;

    line-height:1.28;

    font-weight:900;
}


/* META */

.wei-project-relay-meta{
    margin-top:14px;

    padding-top:12px;

    display:flex;

    justify-content:space-between;

    gap:10px;

    border-top:1px solid #e5edef;
}


.wei-project-relay-meta span{
    display:flex;

    align-items:center;

    gap:5px;

    color:#75888d;

    font-size:7px;

    font-weight:700;
}


.wei-project-relay-meta i{
    color:#0bb7c5;

    font-size:7px;
}


/* LINK */

.wei-project-relay-link{
    margin-top:15px;

    display:flex;

    align-items:center;

    justify-content:space-between;

    text-decoration:none;

    color:#10232c;

    font-size:8px;

    font-weight:900;
}


.wei-project-relay-link i{
    width:30px;
    height:30px;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:#edf7f8;

    color:#006d77;

    font-size:7px;

    transition:.3s ease;
}


.wei-project-relay-link:hover{
    color:#006d77;
}


.wei-project-relay-link:hover i{
    background:#0bb7c5;

    color:#ffffff;

    transform:translateX(3px);
}


/* =====================================================
   CONTROLS
===================================================== */

.wei-project-relay-controls{
    margin-top:17px;

    display:grid;

    grid-template-columns:1fr auto;

    gap:20px;

    align-items:center;
}


.wei-project-relay-progress{
    height:3px;

    overflow:hidden;

    border-radius:20px;

    background:#e0eaec;
}


.wei-project-relay-progress span{
    display:block;

    width:25%;
    height:100%;

    border-radius:20px;

    background:#0bb7c5;

    transition:.4s ease;
}


.wei-project-relay-buttons{
    display:flex;

    gap:7px;
}


.wei-project-relay-buttons button{
    width:39px;
    height:39px;

    display:flex;

    align-items:center;
    justify-content:center;

    border:1px solid #d6e3e5;

    border-radius:50%;

    background:#ffffff;

    color:#10232c;

    font-size:8px;

    cursor:pointer;

    transition:.3s ease;
}


.wei-project-relay-buttons button:hover{
    border-color:#0bb7c5;

    background:#0bb7c5;

    color:#ffffff;
}


/* =====================================================
   PROJECT ENQUIRY DOCK
===================================================== */

.wei-project-enquiry-dock{
    max-width:1140px;

    min-height:170px;

    margin:50px auto 0;

    padding:18px;

    display:grid;

    grid-template-columns:1fr .9fr .9fr;

    align-items:center;

    gap:20px;

    position:relative;

    overflow:hidden;

    border-radius:25px;

    background:
        linear-gradient(
            120deg,
            #09242c 0%,
            #0b3039 55%,
            #0d4953 100%
        );

    box-shadow:
        0 25px 60px rgba(11,48,57,.18);
}


.wei-project-enquiry-dock::before{
    content:"";

    position:absolute;

    width:220px;
    height:220px;

    right:-80px;
    top:-120px;

    border-radius:50%;

    border:45px solid rgba(255,255,255,.035);
}


.wei-project-enquiry-dock > *{
    position:relative;

    z-index:2;
}


/* LEFT */

.wei-project-enquiry-id{
    padding:16px 20px;
}


.wei-project-enquiry-mini{
    display:block;

    margin-bottom:7px;

    color:#64dce4;

    font-size:7px;

    font-weight:900;

    letter-spacing:1.1px;
}


.wei-project-enquiry-id h3{
    margin:0;

    color:#ffffff;

    font-size:28px;

    line-height:1.1;

    font-weight:900;
}


.wei-project-enquiry-id h3 strong{
    display:block;

    color:#64dfe7;
}


/* CURRENT PROJECT */

.wei-project-enquiry-project{
    min-height:96px;

    padding:15px;

    display:flex;

    align-items:center;

    gap:11px;

    border-left:1px solid rgba(255,255,255,.10);

    border-right:1px solid rgba(255,255,255,.10);
}


.wei-project-enquiry-icon{
    width:45px;
    height:45px;

    min-width:45px;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:13px;

    background:rgba(11,183,197,.15);

    color:#60dce5;

    font-size:13px;
}


.wei-project-enquiry-project small{
    display:block;

    margin-bottom:4px;

    color:#6f939b;

    font-size:5px;

    font-weight:900;

    letter-spacing:.8px;
}


.wei-project-enquiry-project strong{
    display:block;

    color:#ffffff;

    font-size:10px;

    line-height:1.4;

    font-weight:900;
}


.wei-project-enquiry-project div > span{
    display:block;

    margin-top:4px;

    color:#8dabb1;

    font-size:7px;
}


/* ACTION */

.wei-project-enquiry-action{
    padding:14px 18px;
}


.wei-project-enquiry-action p{
    margin:0 0 13px;

    color:#9bb4ba;

    font-size:9px;

    line-height:1.55;
}


.wei-project-enquiry-btn{
    min-height:45px;

    padding:0 9px 0 13px;

    display:flex;

    align-items:center;

    justify-content:space-between;

    border-radius:11px;

    background:#ffffff;

    color:#0b3039;

    text-decoration:none;

    font-size:8px;

    font-weight:900;

    transition:.3s ease;
}


.wei-project-enquiry-btn i{
    width:29px;
    height:29px;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:9px;

    background:#0bb7c5;

    color:#ffffff;

    font-size:7px;

    transition:.3s ease;
}


.wei-project-enquiry-btn:hover{
    color:#006d77;

    transform:translateY(-2px);
}


.wei-project-enquiry-btn:hover i{
    background:#006d77;
}


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

@media(max-width:991px){

    .wei-project-relay-heading{
        grid-template-columns:1fr;

        gap:15px;
    }

    .wei-project-relay-heading-side{
        max-width:560px;
    }

    .wei-project-relay-card{
        min-width:330px;
        width:330px;
    }

    .wei-project-enquiry-dock{
        grid-template-columns:1fr 1fr;
    }

    .wei-project-enquiry-action{
        grid-column:1 / -1;

        display:grid;

        grid-template-columns:1fr 210px;

        gap:20px;

        align-items:center;
    }

    .wei-project-enquiry-action p{
        margin:0;
    }

}


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

@media(max-width:768px){

    .wei-project-relay-section{
        padding:58px 10px 62px;
    }

    .wei-project-relay-heading{
        max-width:430px;

        margin:0 auto 24px;
    }

    .wei-project-relay-heading h2{
        font-size:31px;
    }

    .wei-project-relay-heading-side p{
        font-size:10.5px;
    }

    .wei-project-relay-shell{
        max-width:430px;

        margin:auto;
    }

    .wei-project-relay-card{
        min-width:82%;
        width:82%;

        border-radius:18px;
    }

    .wei-project-relay-image{
        height:190px;
    }

    .wei-project-relay-content{
        padding:14px;
    }

    .wei-project-relay-content h3{
        min-height:auto;

        font-size:14px;
    }

    .wei-project-relay-controls{
        margin-top:12px;
    }

    /* ENQUIRY */

    .wei-project-enquiry-dock{
        max-width:430px;

        min-height:auto;

        margin-top:35px;

        padding:13px;

        grid-template-columns:1fr;

        gap:0;

        border-radius:20px;
    }

    .wei-project-enquiry-id{
        padding:12px;
    }

    .wei-project-enquiry-id h3{
        font-size:23px;
    }

    .wei-project-enquiry-project{
        min-height:auto;

        padding:13px 12px;

        border-left:0;

        border-right:0;

        border-top:1px solid rgba(255,255,255,.09);

        border-bottom:1px solid rgba(255,255,255,.09);
    }

    .wei-project-enquiry-action{
        grid-column:auto;

        padding:13px 12px;

        display:block;
    }

    .wei-project-enquiry-action p{
        margin-bottom:10px;
    }

}


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

@media(max-width:480px){

    .wei-project-relay-section{
        padding:50px 7px 55px;
    }

    .wei-project-relay-heading{
        max-width:100%;
    }

    .wei-project-relay-heading h2{
        font-size:27px;
    }

    .wei-project-relay-shell{
        max-width:100%;
    }

    .wei-project-relay-card{
        min-width:86%;
        width:86%;
    }

    .wei-project-relay-image{
        height:170px;
    }

    .wei-project-enquiry-dock{
        max-width:100%;
    }

}

/* =====================================================
   PROJECT DETAILS - SECTION 04
   RELATED PROJECTS + ENQUIRY CTA
   FINAL PREMIUM MOBILE OVERRIDE
   ADD AT VERY END
===================================================== */

@media(max-width:768px){

    .wei-project-relay-section{
        padding:54px 8px 58px !important;
    }

    .wei-project-relay-heading{
        max-width:430px !important;
        margin:0 auto 22px !important;
        gap:10px !important;
    }

    .wei-project-relay-kicker{
        margin-bottom:7px !important;
        font-size:8px !important;
        letter-spacing:1.3px !important;
    }

    .wei-project-relay-heading h2{
        max-width:350px !important;
        font-size:30px !important;
        line-height:1.1 !important;
        letter-spacing:-.6px !important;
    }

    .wei-project-relay-heading-side{
        grid-template-columns:1fr auto !important;
        gap:12px !important;
        align-items:end !important;
    }

    .wei-project-relay-heading-side p{
        font-size:10.5px !important;
        line-height:1.6 !important;
    }

    .wei-project-relay-count{
        min-width:54px !important;
    }

    .wei-project-relay-count span{
        font-size:20px !important;
    }

    .wei-project-relay-count small,
    .wei-project-relay-count strong{
        font-size:8px !important;
    }


    /* =====================================
       RELAY SHELL
    ===================================== */

    .wei-project-relay-shell{
        max-width:430px !important;
        margin:0 auto !important;
    }

    .wei-project-relay-viewport{
        overflow:visible !important;
        clip-path:inset(0 -6px 0 0) !important;
    }

    .wei-project-relay-track{
        gap:8px !important;
    }


    /* =====================================
       PROJECT CARD
    ===================================== */

    .wei-project-relay-card{
        min-width:82% !important;
        width:82% !important;

        border-radius:18px !important;

        box-shadow:
            0 16px 36px rgba(16,35,44,.09) !important;
    }

    .wei-project-relay-image{
        height:175px !important;
    }

    .wei-project-relay-number{
        top:9px !important;
        left:9px !important;

        width:29px !important;
        height:24px !important;

        border-radius:7px !important;

        font-size:6px !important;
    }

    .wei-project-relay-status{
        right:9px !important;
        bottom:9px !important;

        padding:5px 8px !important;

        font-size:5px !important;
    }

    .wei-project-relay-content{
        padding:13px !important;
    }

    .wei-project-relay-category{
        margin-bottom:5px !important;

        font-size:5.5px !important;

        letter-spacing:.8px !important;
    }

    .wei-project-relay-content h3{
        min-height:auto !important;

        font-size:13px !important;
        line-height:1.3 !important;
    }

    .wei-project-relay-meta{
        margin-top:10px !important;
        padding-top:9px !important;
        gap:7px !important;
    }

    .wei-project-relay-meta span{
        font-size:6px !important;
    }

    .wei-project-relay-meta i{
        font-size:6px !important;
    }

    .wei-project-relay-link{
        margin-top:11px !important;

        font-size:7px !important;
    }

    .wei-project-relay-link i{
        width:27px !important;
        height:27px !important;

        font-size:6px !important;
    }


    /* =====================================
       CONTROLS
    ===================================== */

    .wei-project-relay-controls{
        margin-top:11px !important;

        grid-template-columns:1fr auto !important;

        gap:10px !important;
    }

    .wei-project-relay-progress{
        height:2px !important;
    }

    .wei-project-relay-buttons{
        gap:5px !important;
    }

    .wei-project-relay-buttons button{
        width:34px !important;
        height:34px !important;

        font-size:7px !important;
    }


    /* =====================================
       ENQUIRY DOCK
    ===================================== */

    .wei-project-enquiry-dock{
        max-width:430px !important;

        min-height:auto !important;

        margin:30px auto 0 !important;

        padding:11px !important;

        grid-template-columns:1fr !important;

        gap:0 !important;

        border-radius:18px !important;

        box-shadow:
            0 20px 46px rgba(11,48,57,.18) !important;
    }

    .wei-project-enquiry-id{
        padding:12px 11px 14px !important;
    }

    .wei-project-enquiry-mini{
        margin-bottom:6px !important;

        font-size:5.5px !important;

        letter-spacing:.8px !important;
    }

    .wei-project-enquiry-id h3{
        font-size:22px !important;
        line-height:1.12 !important;
    }


    /* CURRENT PROJECT */

    .wei-project-enquiry-project{
        min-height:auto !important;

        padding:12px 10px !important;

        gap:9px !important;

        border-left:0 !important;
        border-right:0 !important;

        border-top:1px solid rgba(255,255,255,.08) !important;
        border-bottom:1px solid rgba(255,255,255,.08) !important;
    }

    .wei-project-enquiry-icon{
        width:38px !important;
        height:38px !important;

        min-width:38px !important;

        border-radius:10px !important;

        font-size:10px !important;
    }

    .wei-project-enquiry-project small{
        margin-bottom:3px !important;

        font-size:4.5px !important;
    }

    .wei-project-enquiry-project strong{
        font-size:8.5px !important;
        line-height:1.35 !important;
    }

    .wei-project-enquiry-project div > span{
        margin-top:3px !important;

        font-size:6px !important;
    }


    /* ACTION */

    .wei-project-enquiry-action{
        grid-column:auto !important;

        padding:12px 10px 10px !important;

        display:block !important;
    }

    .wei-project-enquiry-action p{
        margin:0 0 9px !important;

        font-size:7.5px !important;
        line-height:1.5 !important;
    }

    .wei-project-enquiry-btn{
        min-height:41px !important;

        padding:0 8px 0 11px !important;

        border-radius:9px !important;

        font-size:7px !important;
    }

    .wei-project-enquiry-btn i{
        width:27px !important;
        height:27px !important;

        border-radius:8px !important;

        font-size:6px !important;
    }

}


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

@media(max-width:480px){

    .wei-project-relay-section{
        padding:48px 6px 52px !important;
    }

    .wei-project-relay-heading{
        max-width:100% !important;
    }

    .wei-project-relay-heading h2{
        max-width:320px !important;
        font-size:27px !important;
    }

    .wei-project-relay-heading-side p{
        font-size:10px !important;
    }

    .wei-project-relay-shell{
        max-width:100% !important;
    }

    .wei-project-relay-card{
        min-width:86% !important;
        width:86% !important;
    }

    .wei-project-relay-image{
        height:160px !important;
    }

    .wei-project-relay-content{
        padding:12px !important;
    }

    .wei-project-relay-content h3{
        font-size:12px !important;
    }

    .wei-project-enquiry-dock{
        max-width:100% !important;
        margin-top:26px !important;
    }

    .wei-project-enquiry-id h3{
        font-size:20px !important;
    }

}


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

@media(max-width:360px){

    .wei-project-relay-heading h2{
        font-size:25px !important;
    }

    .wei-project-relay-card{
        min-width:88% !important;
        width:88% !important;
    }

    .wei-project-relay-image{
        height:150px !important;
    }

    .wei-project-relay-content h3{
        font-size:11px !important;
    }

    .wei-project-enquiry-id h3{
        font-size:19px !important;
    }

    .wei-project-enquiry-action p{
        font-size:7px !important;
    }

}

/* Equipment Details Page Banner Section */
/* .equipment-details-banner{

    height:75vh;
    position:relative;
    overflow:hidden;

} */

.equipment-details-banner{

    height:75vh;
    position:relative;
    overflow:hidden;

    background:
    linear-gradient(
        135deg,
        #1f2933 0%,
        #123b44 45%,
        var(--accent) 100%
    );

}

.equipment-details-banner img{

    width:100%;
    height:100%;
    object-fit:cover;

}

.equipment-details-banner-overlay{

    position:absolute;
    inset:0;

    background:
    linear-gradient(
        90deg,
        rgba(16,33,43,.85),
        rgba(0,117,130,.35)
    );

}

.equipment-details-banner-content{

    position:absolute;

    top:50%;
    left:0;

    transform:translateY(-50%);

    width:100%;

    text-align:center;

    color:#fff;

}

.equipment-details-banner-content h1{

    font-size:60px;

    font-weight:900;

    margin-bottom:25px;

}

.equipment-details-breadcrumb{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:15px;

    font-size:17px;

    font-weight:700;

}

.equipment-details-breadcrumb i{

    color:#0bb7c5;

    font-style:normal;

}

@media(max-width:991px){

   .equipment-details-banner{

        height:500px;

    }

    .equipment-details-banner-content h1{

        font-size:45px;

    }

}

@media(max-width:768px){

    .equipment-details-banner{

        height:500px;

    }

    .equipment-details-banner-content h1{

        font-size:38px;

    }

    .equipment-details-breadcrumb{

        font-size:14px;

    }

}

@media(max-width:576px){

    .equipment-details-banner{

        height:420px;

    }

    .equipment-details-banner-content h1{

        font-size:32px;

    }

}

@media(max-width:480px){

    .equipment-details-banner-content h1{

        font-size:29px;

    }

}

@media(max-width:360px){

    .equipment-details-banner{

        height:380px;

    }

    .equipment-details-banner-content h1{

        font-size:28px;

    }

}

@media(max-width:300px){

    .equipment-details-banner{

        height:320px;

    }

    .equipment-details-banner-content h1{

        font-size:24px;

    }

}

/* Equipment Details Page First Section */
.wei-equipment-detail-hero{
    padding:78px 0 86px;

    position:relative;

    overflow:hidden;

    background:
        radial-gradient(
            circle at 8% 8%,
            rgba(11,183,197,.07),
            transparent 25%
        ),
        linear-gradient(
            180deg,
            #f6fafb 0%,
            #ffffff 100%
        );
}


.wei-equipment-detail-hero::before{
    content:"";

    position:absolute;

    inset:0;

    opacity:.22;

    background-image:
        linear-gradient(
            rgba(0,109,119,.06) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(0,109,119,.06) 1px,
            transparent 1px
        );

    background-size:46px 46px;
}


.wei-equipment-detail-hero::after{
    content:"";

    position:absolute;

    width:380px;
    height:380px;

    right:-190px;
    bottom:-210px;

    border-radius:50%;

    border:70px solid rgba(11,183,197,.035);
}


.wei-equipment-detail-hero .container{
    position:relative;
    z-index:2;
}


/* =====================================================
   MAIN SHELL
===================================================== */

.wei-equipment-detail-shell{
    max-width:1150px;

    margin:auto;

    display:grid;

    grid-template-columns:1.12fr .88fr;

    gap:16px;
}


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

.wei-equipment-detail-visual{
    display:grid;

    grid-template-columns:1fr 78px;

    gap:8px;

    padding:10px;

    border:1px solid #dbe7e9;

    border-radius:26px;

    background:#ffffff;

    box-shadow:
        0 26px 65px rgba(16,35,44,.09);
}


/* MAIN FRAME */

.wei-equipment-main-frame{
    min-height:490px;

    position:relative;

    overflow:hidden;

    border-radius:20px;

    background:#dfecee;
}


.wei-equipment-main-frame img{
    width:100%;
    height:100%;

    position:absolute;

    inset:0;

    object-fit:cover;

    transition:
        opacity .35s ease,
        transform .55s ease;
}


.wei-equipment-main-frame:hover img{
    transform:scale(1.025);
}


.wei-equipment-main-overlay{
    position:absolute;

    inset:0;

    background:
        linear-gradient(
            180deg,
            rgba(5,29,35,.06),
            rgba(5,29,35,.15) 60%,
            rgba(5,29,35,.75)
        );
}


/* TOP */

.wei-equipment-visual-top{
    position:absolute;

    top:14px;
    left:14px;
    right:14px;

    display:flex;

    align-items:center;
    justify-content:space-between;

    gap:10px;
}


.wei-equipment-visual-code{
    padding:7px 9px;

    border-radius:8px;

    background:rgba(255,255,255,.93);

    color:#10232c;

    font-size:6px;

    font-weight:900;

    letter-spacing:.8px;
}


.wei-equipment-visual-status{
    padding:7px 9px;

    display:flex;

    align-items:center;

    gap:5px;

    border-radius:20px;

    background:#0bb7c5;

    color:#ffffff;

    font-size:6px;

    font-weight:900;
}


/* CAPTION */

.wei-equipment-main-caption{
    position:absolute;

    left:18px;
    bottom:18px;
}


.wei-equipment-main-caption small{
    display:block;

    margin-bottom:5px;

    color:#68dce4;

    font-size:6px;

    font-weight:900;

    letter-spacing:1px;
}


.wei-equipment-main-caption strong{
    display:block;

    color:#ffffff;

    font-size:21px;

    font-weight:900;
}


/* =====================================================
   VIEW SELECTOR
===================================================== */

.wei-equipment-view-selector{
    display:flex;

    flex-direction:column;

    gap:7px;
}


.wei-equipment-view-item{
    flex:1;

    min-height:0;

    padding:0;

    position:relative;

    overflow:hidden;

    border:2px solid transparent;

    border-radius:13px;

    background:#edf4f5;

    cursor:pointer;

    opacity:.58;

    transition:.3s ease;
}


.wei-equipment-view-item img{
    width:100%;
    height:100%;

    object-fit:cover;
}


.wei-equipment-view-item span{
    position:absolute;

    left:5px;
    bottom:5px;

    width:21px;
    height:21px;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:6px;

    background:#ffffff;

    color:#10232c;

    font-size:5.5px;

    font-weight:900;
}


.wei-equipment-view-item:hover{
    opacity:.9;
}


.wei-equipment-view-item.active{
    opacity:1;

    border-color:#0bb7c5;

    box-shadow:
        0 8px 20px rgba(11,183,197,.18);
}


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

.wei-equipment-detail-content{
    padding:37px 34px;

    display:flex;

    flex-direction:column;

    justify-content:center;

    border:1px solid #dce7e9;

    border-radius:26px;

    background:
        linear-gradient(
            145deg,
            #ffffff,
            #f2f9fa
        );

    box-shadow:
        0 26px 65px rgba(16,35,44,.07);
}


/* TOPLINE */

.wei-equipment-detail-topline{
    display:flex;

    align-items:center;
    justify-content:space-between;

    gap:15px;

    margin-bottom:20px;

    padding-bottom:12px;

    border-bottom:1px solid #e1eaec;
}


.wei-equipment-detail-topline span{
    color:#006d77;

    font-size:7px;

    font-weight:900;

    letter-spacing:1.2px;
}


.wei-equipment-detail-topline strong{
    color:#9aabad;

    font-size:7px;

    font-weight:900;
}


/* CATEGORY */

.wei-equipment-detail-category{
    margin-bottom:17px;

    display:flex;

    align-items:center;

    gap:10px;
}


.wei-equipment-detail-category-icon{
    width:42px;
    height:42px;

    min-width:42px;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:12px;

    background:#e6f6f7;

    color:#006d77;

    font-size:12px;
}


.wei-equipment-detail-category small{
    display:block;

    margin-bottom:2px;

    color:#89999d;

    font-size:5.5px;

    font-weight:900;

    letter-spacing:.7px;
}


.wei-equipment-detail-category strong{
    color:#213b43;

    font-size:10px;

    font-weight:900;
}


/* TITLE */

.wei-equipment-detail-content h1{
    margin:0;

    color:#10232c;

    font-size:46px;

    line-height:1.03;

    font-weight:900;

    letter-spacing:-1.2px;
}


.wei-equipment-detail-content h1 strong{
    display:block;

    color:#006d77;
}


/* LEAD */

.wei-equipment-detail-lead{
    margin:16px 0 0;

    color:#6e8086;

    font-size:12px;

    line-height:1.7;
}


/* =====================================================
   QUICK SPECS
===================================================== */

.wei-equipment-quick-specs{
    margin-top:23px;

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:7px;
}


.wei-equipment-quick-spec{
    min-height:67px;

    padding:11px;

    border:1px solid #dce7e9;

    border-radius:11px;

    background:#ffffff;

    transition:.3s ease;
}


.wei-equipment-quick-spec:hover{
    transform:translateY(-2px);

    border-color:#b6dde0;
}


.wei-equipment-quick-spec span{
    display:block;

    margin-bottom:4px;

    color:#8a999d;

    font-size:5.5px;

    font-weight:900;

    letter-spacing:.7px;

    text-transform:uppercase;
}


.wei-equipment-quick-spec strong{
    color:#233d45;

    font-size:9px;

    line-height:1.3;

    font-weight:900;
}


/* =====================================================
   HIGHLIGHTS
===================================================== */

.wei-equipment-highlight-row{
    margin-top:15px;

    display:flex;

    flex-wrap:wrap;

    gap:6px;
}


.wei-equipment-highlight-row span{
    padding:6px 8px;

    display:flex;

    align-items:center;

    gap:5px;

    border-radius:20px;

    background:#eaf7f8;

    color:#006d77;

    font-size:6px;

    font-weight:900;
}


.wei-equipment-highlight-row i{
    font-size:5px;
}


/* =====================================================
   ACTIONS
===================================================== */

.wei-equipment-detail-actions{
    margin-top:22px;

    display:flex;

    flex-wrap:wrap;

    gap:8px;
}


.wei-equipment-detail-primary,
.wei-equipment-detail-secondary{
    min-height:44px;

    padding:0 12px;

    display:inline-flex;

    align-items:center;
    justify-content:center;

    gap:9px;

    border-radius:10px;

    text-decoration:none;

    font-size:8px;

    font-weight:900;

    transition:.3s ease;
}


.wei-equipment-detail-primary{
    background:#0b3039;

    color:#ffffff;
}


.wei-equipment-detail-primary i{
    width:25px;
    height:25px;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:#0bb7c5;

    font-size:6px;
}


.wei-equipment-detail-secondary{
    border:1px solid #d6e3e5;

    background:#ffffff;

    color:#38525a;
}


.wei-equipment-detail-primary:hover{
    color:#ffffff;

    transform:translateY(-2px);
}


.wei-equipment-detail-secondary:hover{
    color:#006d77;

    border-color:#9ed6da;

    transform:translateY(-2px);
}


/* =====================================================
   PERFORMANCE STRIP
===================================================== */

.wei-equipment-performance-strip{
    max-width:1050px;

    margin:-18px auto 0;

    padding:10px;

    position:relative;

    z-index:5;

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:6px;

    border:1px solid #dce7e9;

    border-radius:16px;

    background:#ffffff;

    box-shadow:
        0 18px 45px rgba(16,35,44,.10);
}


.wei-equipment-performance-item{
    min-height:66px;

    padding:9px 10px;

    display:flex;

    align-items:center;

    gap:9px;

    border-radius:11px;

    background:#f6fafb;
}


.wei-equipment-performance-icon{
    width:33px;
    height:33px;

    min-width:33px;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:9px;

    background:#e8f6f7;

    color:#006d77;

    font-size:9px;
}


.wei-equipment-performance-item small{
    display:block;

    margin-bottom:3px;

    color:#8b9b9f;

    font-size:5px;

    font-weight:900;

    letter-spacing:.6px;
}


.wei-equipment-performance-item strong{
    display:block;

    color:#233d45;

    font-size:8px;

    line-height:1.3;

    font-weight:900;
}


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

@media(max-width:991px){

    .wei-equipment-detail-shell{
        grid-template-columns:1fr;
    }

    .wei-equipment-detail-visual{
        min-height:420px;
    }

    .wei-equipment-main-frame{
        min-height:400px;
    }

    .wei-equipment-performance-strip{
        max-width:90%;

        grid-template-columns:1fr 1fr;
    }

}


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

@media(max-width:768px){

    .wei-equipment-detail-hero{
        padding:56px 10px 64px;
    }

    .wei-equipment-detail-shell{
        max-width:430px;

        margin:auto;
    }

    .wei-equipment-detail-visual{
        min-height:auto;

        padding:7px;

        grid-template-columns:1fr;

        gap:6px;

        border-radius:19px;
    }

    .wei-equipment-main-frame{
        min-height:290px;

        border-radius:14px;
    }

    .wei-equipment-view-selector{
        min-height:60px;

        flex-direction:row;
    }

    .wei-equipment-view-item{
        min-height:60px;

        border-radius:9px;
    }

    .wei-equipment-detail-content{
        padding:25px 19px;

        border-radius:19px;
    }

    .wei-equipment-detail-content h1{
        font-size:32px;
    }

    .wei-equipment-detail-lead{
        font-size:10.5px;
    }

    .wei-equipment-quick-specs{
        margin-top:18px;
    }

    .wei-equipment-performance-strip{
        max-width:92%;

        margin:-12px auto 0;

        padding:7px;

        grid-template-columns:1fr 1fr;

        border-radius:13px;
    }

    .wei-equipment-performance-item{
        min-height:58px;

        padding:7px;
    }

}


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

@media(max-width:480px){

    .wei-equipment-detail-hero{
        padding:48px 7px 56px;
    }

    .wei-equipment-detail-shell{
        max-width:100%;
    }

    .wei-equipment-main-frame{
        min-height:250px;
    }

    .wei-equipment-detail-content{
        padding:22px 16px;
    }

    .wei-equipment-detail-content h1{
        font-size:28px;
    }

    .wei-equipment-quick-specs{
        grid-template-columns:1fr 1fr;
    }

    .wei-equipment-detail-actions{
        display:grid;

        grid-template-columns:1fr 1fr;
    }

    .wei-equipment-detail-primary,
    .wei-equipment-detail-secondary{
        width:100%;
    }

}


/* =====================================================
   EXTRA SMALL
===================================================== */

@media(max-width:360px){

    .wei-equipment-detail-content h1{
        font-size:25px;
    }

    .wei-equipment-detail-actions{
        grid-template-columns:1fr;
    }

}

/* =====================================================
   EQUIPMENT DETAILS HERO
   FINAL TYPOGRAPHY + PREMIUM FEEL OVERRIDE
   ADD AT VERY END
===================================================== */


/* =====================================
   OVERALL DEPTH
===================================== */

.wei-equipment-detail-hero{
    background:
        radial-gradient(
            circle at 7% 10%,
            rgba(11,183,197,.10),
            transparent 26%
        ),
        radial-gradient(
            circle at 88% 85%,
            rgba(0,109,119,.06),
            transparent 24%
        ),
        linear-gradient(
            180deg,
            #f5fafb 0%,
            #ffffff 100%
        ) !important;
}


/* =====================================
   LEFT VISUAL DEPTH
===================================== */

.wei-equipment-detail-visual{
    box-shadow:
        0 32px 78px rgba(16,35,44,.12),
        0 8px 22px rgba(16,35,44,.05) !important;

    border-color:#d2e4e6 !important;
}

.wei-equipment-main-frame{
    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.05),
        0 14px 34px rgba(16,35,44,.08) !important;
}

.wei-equipment-main-overlay{
    background:
        linear-gradient(
            180deg,
            rgba(5,29,35,.03) 15%,
            rgba(5,29,35,.14) 54%,
            rgba(5,29,35,.80) 100%
        ) !important;
}


/* =====================================
   IMAGE TOP LABELS
===================================== */

.wei-equipment-visual-code{
    padding:8px 11px !important;

    font-size:7px !important;

    letter-spacing:1px !important;

    box-shadow:
        0 8px 20px rgba(16,35,44,.10) !important;
}

.wei-equipment-visual-status{
    padding:8px 11px !important;

    font-size:7px !important;

    box-shadow:
        0 8px 20px rgba(11,183,197,.22) !important;
}


/* =====================================
   IMAGE CAPTION
===================================== */

.wei-equipment-main-caption small{
    margin-bottom:6px !important;

    font-size:7px !important;

    letter-spacing:1.2px !important;
}

.wei-equipment-main-caption strong{
    font-size:25px !important;

    line-height:1.15 !important;

    letter-spacing:-.3px !important;
}


/* =====================================
   THUMBNAILS
===================================== */

.wei-equipment-view-item{
    box-shadow:
        inset 0 0 0 1px rgba(16,35,44,.03) !important;
}

.wei-equipment-view-item.active{
    box-shadow:
        0 10px 26px rgba(11,183,197,.22) !important;
}

.wei-equipment-view-item span{
    width:23px !important;
    height:23px !important;

    font-size:6.5px !important;

    box-shadow:
        0 5px 12px rgba(16,35,44,.10) !important;
}


/* =====================================
   RIGHT CONTENT DEPTH
===================================== */

.wei-equipment-detail-content{
    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #f4fafb 100%
        ) !important;

    box-shadow:
        0 32px 78px rgba(16,35,44,.10),
        inset 0 1px 0 rgba(255,255,255,.85) !important;

    border-color:#d2e4e6 !important;
}


/* =====================================
   TOPLINE TYPOGRAPHY
===================================== */

.wei-equipment-detail-topline span{
    font-size:8.5px !important;

    letter-spacing:1.4px !important;
}

.wei-equipment-detail-topline strong{
    font-size:8px !important;

    letter-spacing:.5px !important;
}


/* =====================================
   CATEGORY
===================================== */

.wei-equipment-detail-category-icon{
    width:46px !important;
    height:46px !important;

    min-width:46px !important;

    font-size:14px !important;

    box-shadow:
        0 9px 20px rgba(0,109,119,.08) !important;
}

.wei-equipment-detail-category small{
    font-size:6.5px !important;

    letter-spacing:.9px !important;
}

.wei-equipment-detail-category strong{
    font-size:12px !important;
}


/* =====================================
   MAIN TITLE
===================================== */

.wei-equipment-detail-content h1{
    font-size:52px !important;

    line-height:1.02 !important;

    letter-spacing:-1.5px !important;
}

.wei-equipment-detail-content h1 strong{
    position:relative;

    width:max-content;
}

.wei-equipment-detail-content h1 strong::after{
    content:"";

    position:absolute;

    left:0;
    bottom:-6px;

    width:60px;
    height:3px;

    border-radius:20px;

    background:#0bb7c5;
}


/* =====================================
   DESCRIPTION
===================================== */

.wei-equipment-detail-lead{
    margin-top:21px !important;

    font-size:14px !important;

    line-height:1.75 !important;

    color:#657a80 !important;
}


/* =====================================
   QUICK SPECS
===================================== */

.wei-equipment-quick-spec{
    min-height:73px !important;

    padding:13px !important;

    box-shadow:
        0 7px 18px rgba(16,35,44,.035) !important;
}

.wei-equipment-quick-spec:hover{
    transform:translateY(-3px) !important;

    border-color:#9fd4d8 !important;

    box-shadow:
        0 12px 25px rgba(16,35,44,.075) !important;
}

.wei-equipment-quick-spec span{
    margin-bottom:5px !important;

    font-size:6.5px !important;

    letter-spacing:.9px !important;
}

.wei-equipment-quick-spec strong{
    font-size:10.5px !important;

    line-height:1.35 !important;
}


/* =====================================
   HIGHLIGHT CHIPS
===================================== */

.wei-equipment-highlight-row{
    gap:7px !important;
}

.wei-equipment-highlight-row span{
    padding:7px 10px !important;

    font-size:7px !important;

    box-shadow:
        inset 0 0 0 1px rgba(0,109,119,.04) !important;
}

.wei-equipment-highlight-row i{
    font-size:6px !important;
}


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

.wei-equipment-detail-primary,
.wei-equipment-detail-secondary{
    min-height:47px !important;

    padding:0 14px !important;

    font-size:9px !important;

    border-radius:11px !important;
}

.wei-equipment-detail-primary{
    box-shadow:
        0 11px 25px rgba(11,48,57,.16) !important;
}

.wei-equipment-detail-secondary{
    box-shadow:
        0 7px 18px rgba(16,35,44,.04) !important;
}

.wei-equipment-detail-primary i{
    width:27px !important;
    height:27px !important;

    font-size:7px !important;
}


/* =====================================
   PERFORMANCE STRIP
===================================== */

.wei-equipment-performance-strip{
    box-shadow:
        0 22px 54px rgba(16,35,44,.12) !important;

    border-color:#d3e4e6 !important;
}

.wei-equipment-performance-item{
    min-height:72px !important;

    padding:11px !important;

    transition:.3s ease;
}

.wei-equipment-performance-item:hover{
    transform:translateY(-3px);

    background:#eef8f9 !important;
}

.wei-equipment-performance-icon{
    width:37px !important;
    height:37px !important;

    min-width:37px !important;

    font-size:11px !important;
}

.wei-equipment-performance-item small{
    font-size:6px !important;

    letter-spacing:.8px !important;
}

.wei-equipment-performance-item strong{
    font-size:9.5px !important;

    line-height:1.35 !important;
}


/* =====================================================
   MOBILE TYPOGRAPHY + PREMIUM FEEL
===================================================== */

@media(max-width:768px){

    .wei-equipment-detail-content h1{
        font-size:34px !important;

        letter-spacing:-.7px !important;
    }

    .wei-equipment-detail-content h1 strong::after{
        width:45px !important;
        height:2px !important;
        bottom:-4px !important;
    }

    .wei-equipment-detail-lead{
        margin-top:17px !important;

        font-size:11.5px !important;

        line-height:1.65 !important;
    }

    .wei-equipment-detail-topline span{
        font-size:6.5px !important;
    }

    .wei-equipment-detail-topline strong{
        font-size:6.5px !important;
    }

    .wei-equipment-detail-category-icon{
        width:39px !important;
        height:39px !important;

        min-width:39px !important;

        font-size:11px !important;
    }

    .wei-equipment-detail-category small{
        font-size:5.3px !important;
    }

    .wei-equipment-detail-category strong{
        font-size:9.5px !important;
    }

    .wei-equipment-quick-spec{
        min-height:63px !important;

        padding:10px !important;
    }

    .wei-equipment-quick-spec span{
        font-size:5.2px !important;
    }

    .wei-equipment-quick-spec strong{
        font-size:8px !important;
    }

    .wei-equipment-highlight-row span{
        padding:6px 8px !important;

        font-size:5.8px !important;
    }

    .wei-equipment-main-caption small{
        font-size:5.5px !important;
    }

    .wei-equipment-main-caption strong{
        font-size:18px !important;
    }

    .wei-equipment-performance-item small{
        font-size:4.8px !important;
    }

    .wei-equipment-performance-item strong{
        font-size:7px !important;
    }

}


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

@media(max-width:480px){

    .wei-equipment-detail-content h1{
        font-size:30px !important;
    }

    .wei-equipment-detail-lead{
        font-size:10.5px !important;
    }

    .wei-equipment-quick-spec strong{
        font-size:7.5px !important;
    }

    .wei-equipment-detail-primary,
    .wei-equipment-detail-secondary{
        min-height:42px !important;

        font-size:7px !important;
    }

}

/* =====================================================
   EQUIPMENT DETAILS - SECTION 01
   FINAL MOBILE PREMIUM OVERRIDE
   ADD AT VERY END
===================================================== */

@media(max-width:768px){

    .wei-equipment-detail-hero{
        padding:50px 8px 56px !important;
    }

    .wei-equipment-detail-shell{
        max-width:430px !important;
        margin:0 auto !important;
        gap:9px !important;
    }

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

    .wei-equipment-detail-visual{
        padding:6px !important;

        grid-template-columns:1fr !important;

        gap:5px !important;

        border-radius:18px !important;

        box-shadow:
            0 18px 42px rgba(16,35,44,.10) !important;
    }

    .wei-equipment-main-frame{
        min-height:255px !important;

        border-radius:14px !important;
    }

    .wei-equipment-visual-top{
        top:9px !important;
        left:9px !important;
        right:9px !important;
    }

    .wei-equipment-visual-code,
    .wei-equipment-visual-status{
        padding:6px 8px !important;

        font-size:5.5px !important;
    }

    .wei-equipment-main-caption{
        left:11px !important;
        bottom:11px !important;
    }

    .wei-equipment-main-caption small{
        margin-bottom:3px !important;

        font-size:5px !important;
    }

    .wei-equipment-main-caption strong{
        font-size:16px !important;
    }


    /* =====================================
       IMAGE THUMBNAILS
    ===================================== */

    .wei-equipment-view-selector{
        min-height:54px !important;

        display:grid !important;

        grid-template-columns:repeat(3,1fr) !important;

        gap:5px !important;
    }

    .wei-equipment-view-item{
        min-height:54px !important;
        height:54px !important;

        border-radius:9px !important;
    }

    .wei-equipment-view-item span{
        width:18px !important;
        height:18px !important;

        left:4px !important;
        bottom:4px !important;

        font-size:5px !important;
    }


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

    .wei-equipment-detail-content{
        padding:21px 16px !important;

        border-radius:18px !important;

        box-shadow:
            0 18px 42px rgba(16,35,44,.08) !important;
    }

    .wei-equipment-detail-topline{
        margin-bottom:14px !important;

        padding-bottom:9px !important;
    }

    .wei-equipment-detail-topline span{
        font-size:5.8px !important;
    }

    .wei-equipment-detail-topline strong{
        font-size:5.8px !important;
    }


    /* CATEGORY */

    .wei-equipment-detail-category{
        margin-bottom:12px !important;

        gap:8px !important;
    }

    .wei-equipment-detail-category-icon{
        width:36px !important;
        height:36px !important;

        min-width:36px !important;

        border-radius:10px !important;

        font-size:10px !important;
    }

    .wei-equipment-detail-category small{
        font-size:4.8px !important;
    }

    .wei-equipment-detail-category strong{
        font-size:8.5px !important;
    }


    /* TITLE */

    .wei-equipment-detail-content h1{
        font-size:29px !important;

        line-height:1.06 !important;

        letter-spacing:-.5px !important;
    }

    .wei-equipment-detail-content h1 strong::after{
        width:38px !important;

        height:2px !important;

        bottom:-4px !important;
    }


    /* DESCRIPTION */

    .wei-equipment-detail-lead{
        margin-top:16px !important;

        font-size:10px !important;

        line-height:1.6 !important;
    }


    /* =====================================
       QUICK SPECS
    ===================================== */

    .wei-equipment-quick-specs{
        margin-top:16px !important;

        grid-template-columns:1fr 1fr !important;

        gap:5px !important;
    }

    .wei-equipment-quick-spec{
        min-height:57px !important;

        padding:8px !important;

        border-radius:9px !important;
    }

    .wei-equipment-quick-spec span{
        margin-bottom:3px !important;

        font-size:4.7px !important;
    }

    .wei-equipment-quick-spec strong{
        font-size:7px !important;

        line-height:1.25 !important;
    }


    /* =====================================
       HIGHLIGHTS
    ===================================== */

    .wei-equipment-highlight-row{
        margin-top:11px !important;

        gap:5px !important;
    }

    .wei-equipment-highlight-row span{
        padding:5px 7px !important;

        font-size:5.2px !important;
    }


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

    .wei-equipment-detail-actions{
        margin-top:16px !important;

        display:grid !important;

        grid-template-columns:1fr 1fr !important;

        gap:6px !important;
    }

    .wei-equipment-detail-primary,
    .wei-equipment-detail-secondary{
        width:100% !important;

        min-height:39px !important;

        padding:0 8px !important;

        border-radius:9px !important;

        font-size:6.5px !important;
    }

    .wei-equipment-detail-primary i{
        width:22px !important;
        height:22px !important;

        font-size:5.5px !important;
    }


    /* =====================================
       PERFORMANCE STRIP
    ===================================== */

    .wei-equipment-performance-strip{
        max-width:94% !important;

        margin:-8px auto 0 !important;

        padding:6px !important;

        grid-template-columns:1fr 1fr !important;

        gap:5px !important;

        border-radius:12px !important;

        box-shadow:
            0 16px 34px rgba(16,35,44,.10) !important;
    }

    .wei-equipment-performance-item{
        min-height:54px !important;

        padding:7px !important;

        gap:6px !important;

        border-radius:9px !important;
    }

    .wei-equipment-performance-icon{
        width:26px !important;
        height:26px !important;

        min-width:26px !important;

        border-radius:7px !important;

        font-size:7px !important;
    }

    .wei-equipment-performance-item small{
        margin-bottom:2px !important;

        font-size:4.3px !important;
    }

    .wei-equipment-performance-item strong{
        font-size:6.3px !important;

        line-height:1.25 !important;
    }

}


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

@media(max-width:480px){

    .wei-equipment-detail-hero{
        padding:46px 6px 52px !important;
    }

    .wei-equipment-detail-shell{
        max-width:100% !important;
    }

    .wei-equipment-main-frame{
        min-height:230px !important;
    }

    .wei-equipment-detail-content{
        padding:18px 14px !important;
    }

    .wei-equipment-detail-content h1{
        font-size:26px !important;
    }

    .wei-equipment-detail-lead{
        font-size:9.5px !important;
    }

    .wei-equipment-view-item{
        min-height:50px !important;
        height:50px !important;
    }

    .wei-equipment-performance-strip{
        max-width:95% !important;
    }

}


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

@media(max-width:360px){

    .wei-equipment-main-frame{
        min-height:210px !important;
    }

    .wei-equipment-detail-content h1{
        font-size:24px !important;
    }

    .wei-equipment-detail-actions{
        grid-template-columns:1fr !important;
    }

    .wei-equipment-performance-item strong{
        font-size:6px !important;
    }

}

/* =====================================================
   EQUIPMENT DETAILS
   FINAL MOBILE TEXT VISIBILITY FIX
   ADD THIS AT ABSOLUTE END
===================================================== */

@media(max-width:768px){

    /* TOP LABELS */
    .wei-equipment-detail-topline span{
        font-size:8px !important;
        line-height:1.3 !important;
        letter-spacing:1px !important;
    }

    .wei-equipment-detail-topline strong{
        font-size:7.8px !important;
        line-height:1.3 !important;
    }


    /* CATEGORY */

    .wei-equipment-detail-category small{
        font-size:6.5px !important;
        line-height:1.3 !important;
        letter-spacing:.7px !important;
    }

    .wei-equipment-detail-category strong{
        font-size:11px !important;
        line-height:1.35 !important;
    }


    /* MAIN TITLE */

    .wei-equipment-detail-content h1{
        font-size:32px !important;
        line-height:1.08 !important;
        letter-spacing:-.5px !important;
    }


    /* DESCRIPTION */

    .wei-equipment-detail-lead{
        font-size:12px !important;
        line-height:1.7 !important;
        color:#5f747a !important;
    }


    /* QUICK SPECS */

    .wei-equipment-quick-spec span{
        font-size:6.4px !important;
        line-height:1.3 !important;
        letter-spacing:.6px !important;
    }

    .wei-equipment-quick-spec strong{
        font-size:9.3px !important;
        line-height:1.4 !important;
    }


    /* HIGHLIGHT TAGS */

    .wei-equipment-highlight-row span{
        font-size:6.8px !important;
        line-height:1.25 !important;
    }


    /* BUTTONS */

    .wei-equipment-detail-primary,
    .wei-equipment-detail-secondary{
        font-size:8px !important;
        line-height:1.2 !important;
    }


    /* IMAGE TEXT */

    .wei-equipment-visual-code,
    .wei-equipment-visual-status{
        font-size:6.5px !important;
    }

    .wei-equipment-main-caption small{
        font-size:6px !important;
        line-height:1.3 !important;
    }

    .wei-equipment-main-caption strong{
        font-size:19px !important;
        line-height:1.2 !important;
    }


    /* PERFORMANCE STRIP */

    .wei-equipment-performance-item small{
        font-size:5.5px !important;
        line-height:1.25 !important;
        letter-spacing:.5px !important;
    }

    .wei-equipment-performance-item strong{
        font-size:8px !important;
        line-height:1.35 !important;
    }

}


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

@media(max-width:480px){

    .wei-equipment-detail-content h1{
        font-size:29px !important;
    }

    .wei-equipment-detail-lead{
        font-size:11.5px !important;
        line-height:1.65 !important;
    }

    .wei-equipment-detail-category small{
        font-size:6px !important;
    }

    .wei-equipment-detail-category strong{
        font-size:10px !important;
    }

    .wei-equipment-quick-spec span{
        font-size:6px !important;
    }

    .wei-equipment-quick-spec strong{
        font-size:8.8px !important;
    }

    .wei-equipment-highlight-row span{
        font-size:6.4px !important;
    }

    .wei-equipment-detail-primary,
    .wei-equipment-detail-secondary{
        font-size:7.7px !important;
    }

    .wei-equipment-performance-item small{
        font-size:5.2px !important;
    }

    .wei-equipment-performance-item strong{
        font-size:7.6px !important;
    }

}

/* Equipment Details Page Second Section */
.wei-equipment-tech-section{
    padding:92px 0 96px;

    position:relative;

    overflow:hidden;

    background:
        radial-gradient(
            circle at 12% 12%,
            rgba(11,183,197,.13),
            transparent 28%
        ),
        radial-gradient(
            circle at 92% 85%,
            rgba(0,109,119,.16),
            transparent 30%
        ),
        #081e26;
}


.wei-equipment-tech-section::before{
    content:"";

    position:absolute;

    inset:0;

    opacity:.07;

    background-image:
        linear-gradient(
            rgba(255,255,255,.15) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255,255,255,.15) 1px,
            transparent 1px
        );

    background-size:46px 46px;
}


.wei-equipment-tech-section::after{
    content:"";

    position:absolute;

    width:430px;
    height:430px;

    right:-240px;
    top:-245px;

    border-radius:50%;

    border:78px solid rgba(11,183,197,.035);
}


.wei-equipment-tech-section .container{
    position:relative;

    z-index:2;
}


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

.wei-equipment-tech-heading{
    max-width:1140px;

    margin:0 auto 34px;

    display:grid;

    grid-template-columns:1fr 420px;

    align-items:end;

    gap:50px;
}


.wei-equipment-tech-kicker{
    display:block;

    margin-bottom:9px;

    color:#57dde5;

    font-size:11px;

    line-height:1.3;

    font-weight:900;

    letter-spacing:1.7px;
}


.wei-equipment-tech-heading h2{
    max-width:650px;

    margin:0;

    color:#ffffff;

    font-size:46px;

    line-height:1.08;

    font-weight:900;

    letter-spacing:-1.1px;
}


.wei-equipment-tech-heading h2 strong{
    display:block;

    color:#61dfe7;
}


.wei-equipment-tech-heading > p{
    margin:0;

    color:#a4bbc0;

    font-size:14px;

    line-height:1.75;
}


/* =====================================================
   TECH CONSOLE
===================================================== */

.wei-equipment-tech-console{
    max-width:1140px;

    margin:auto;

    padding:17px;

    border:1px solid rgba(255,255,255,.10);

    border-radius:27px;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.065),
            rgba(255,255,255,.018)
        );

    backdrop-filter:blur(12px);

    box-shadow:
        0 30px 75px rgba(0,0,0,.25),
        inset 0 1px 0 rgba(255,255,255,.04);
}


/* =====================================================
   HEADER
===================================================== */

.wei-equipment-tech-console-head{
    min-height:72px;

    padding:6px 7px 15px;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:20px;

    border-bottom:1px solid rgba(255,255,255,.09);
}


.wei-equipment-tech-machine-id{
    display:flex;

    align-items:center;

    gap:12px;
}


.wei-equipment-tech-live-dot{
    width:9px;
    height:9px;

    border-radius:50%;

    background:#56dce5;

    box-shadow:
        0 0 0 6px rgba(86,220,229,.10),
        0 0 20px rgba(86,220,229,.35);
}


.wei-equipment-tech-machine-id small,
.wei-equipment-tech-code small{
    display:block;

    margin-bottom:3px;

    color:#69898f;

    font-size:6px;

    font-weight:900;

    letter-spacing:.9px;
}


.wei-equipment-tech-machine-id strong{
    color:#ffffff;

    font-size:15px;

    font-weight:900;
}


.wei-equipment-tech-code{
    text-align:right;
}


.wei-equipment-tech-code strong{
    color:#63dde5;

    font-size:10px;

    font-weight:900;

    letter-spacing:.6px;
}


/* =====================================================
   SPEC LANES
===================================================== */

.wei-equipment-spec-lanes{
    margin-top:14px;

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:7px;
}


.wei-equipment-spec-lane{
    min-height:125px;

    padding:15px;

    display:grid;

    grid-template-columns:auto 1fr;

    grid-template-rows:auto 1fr auto;

    gap:8px 10px;

    position:relative;

    overflow:hidden;

    border:1px solid rgba(255,255,255,.085);

    border-radius:16px;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.045),
            rgba(255,255,255,.012)
        );

    color:#ffffff;

    text-align:left;

    cursor:pointer;

    transition:.3s ease;
}


.wei-equipment-spec-lane::before{
    content:"";

    position:absolute;

    width:100px;
    height:100px;

    right:-60px;
    top:-60px;

    border-radius:50%;

    background:rgba(11,183,197,.07);

    transition:.4s ease;
}


.wei-equipment-spec-lane:hover{
    transform:translateY(-3px);

    border-color:rgba(92,220,228,.26);
}


.wei-equipment-spec-lane:hover::before{
    transform:scale(1.5);
}


.wei-equipment-spec-lane.active{
    border-color:rgba(89,220,228,.50);

    background:
        linear-gradient(
            145deg,
            rgba(11,183,197,.18),
            rgba(255,255,255,.02)
        );

    box-shadow:
        0 14px 34px rgba(0,0,0,.15);
}


/* NUMBER */

.wei-equipment-spec-lane-no{
    color:rgba(255,255,255,.28);

    font-size:23px;

    line-height:1;

    font-weight:900;
}


.wei-equipment-spec-lane.active
.wei-equipment-spec-lane-no{
    color:#68e0e7;
}


/* COPY */

.wei-equipment-spec-lane-copy{
    align-self:end;

    grid-column:1 / -1;

    grid-row:2;
}


.wei-equipment-spec-lane-copy small{
    display:block;

    margin-bottom:4px;

    color:#70a0a7;

    font-size:6.5px;

    font-weight:900;

    letter-spacing:.9px;
}


.wei-equipment-spec-lane-copy strong{
    display:block;

    color:#ffffff;

    font-size:15px;

    line-height:1.25;

    font-weight:900;
}


/* TECH LINE */

.wei-equipment-spec-lane-line{
    grid-column:1;

    grid-row:3;

    width:38px;
    height:2px;

    align-self:center;

    border-radius:20px;

    background:rgba(255,255,255,.13);
}


.wei-equipment-spec-lane.active
.wei-equipment-spec-lane-line{
    background:#51dbe4;
}


/* ICON */

.wei-equipment-spec-lane-icon{
    grid-column:2;

    grid-row:1;

    justify-self:end;

    width:35px;
    height:35px;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:10px;

    background:rgba(11,183,197,.11);

    color:#58dbe4;

    font-size:10px;
}


/* =====================================================
   ACTIVE READOUT
===================================================== */

.wei-equipment-tech-readout{
    min-height:132px;

    margin-top:9px;

    padding:15px 17px;

    display:grid;

    grid-template-columns:75px 52px 1fr 90px;

    align-items:center;

    gap:14px;

    border-radius:17px;

    background:#ffffff;

    box-shadow:
        0 18px 40px rgba(0,0,0,.16);
}


.wei-equipment-tech-readout-index{
    height:70px;

    padding-right:13px;

    display:flex;

    flex-direction:column;

    justify-content:center;

    border-right:1px solid #dfebed;
}


.wei-equipment-tech-readout-index small{
    color:#93a2a6;

    font-size:5.5px;

    font-weight:900;

    letter-spacing:.7px;
}


.wei-equipment-tech-readout-index strong{
    margin-top:3px;

    color:#d3e3e5;

    font-size:37px;

    line-height:1;

    font-weight:900;
}


.wei-equipment-tech-readout-symbol{
    width:50px;
    height:50px;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:14px;

    background:#e6f6f7;

    color:#006d77;

    font-size:14px;
}


.wei-equipment-tech-readout-copy span{
    display:block;

    margin-bottom:3px;

    color:#008792;

    font-size:7px;

    font-weight:900;

    letter-spacing:1px;
}


.wei-equipment-tech-readout-copy h3{
    margin:0 0 5px;

    color:#10232c;

    font-size:19px;

    line-height:1.2;

    font-weight:900;
}


.wei-equipment-tech-readout-copy p{
    max-width:650px;

    margin:0;

    color:#667b81;

    font-size:11px;

    line-height:1.6;
}


/* HD MARK */

.wei-equipment-tech-readout-mark{
    padding-left:15px;

    text-align:right;

    border-left:1px solid #dfebed;
}


.wei-equipment-tech-readout-mark span{
    display:block;

    margin-bottom:3px;

    color:#96a5a8;

    font-size:5px;

    font-weight:900;

    letter-spacing:.7px;
}


.wei-equipment-tech-readout-mark strong{
    color:#006d77;

    font-size:33px;

    line-height:1;

    font-weight:900;
}


/* =====================================================
   FEATURE RIBBON
===================================================== */

.wei-equipment-feature-ribbon{
    max-width:1080px;

    margin:-1px auto 0;

    padding:13px;

    display:grid;

    grid-template-columns:190px 1fr;

    align-items:stretch;

    gap:8px;

    border-radius:0 0 20px 20px;

    background:#0d313a;

    box-shadow:
        0 22px 50px rgba(0,0,0,.20);
}


.wei-equipment-feature-ribbon-intro{
    padding:13px 14px;

    display:flex;

    flex-direction:column;

    justify-content:center;

    border-right:1px solid rgba(255,255,255,.08);
}


.wei-equipment-feature-ribbon-intro span{
    margin-bottom:4px;

    color:#5bdbe4;

    font-size:6.5px;

    font-weight:900;

    letter-spacing:1px;
}


.wei-equipment-feature-ribbon-intro strong{
    color:#ffffff;

    font-size:14px;

    line-height:1.3;

    font-weight:900;
}


.wei-equipment-feature-items{
    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:6px;
}


.wei-equipment-feature-item{
    min-height:78px;

    padding:10px;

    display:grid;

    grid-template-columns:auto 1fr;

    align-items:center;

    gap:7px;

    position:relative;

    border-radius:11px;

    background:rgba(255,255,255,.045);

    transition:.3s ease;
}


.wei-equipment-feature-item:hover{
    background:rgba(11,183,197,.11);

    transform:translateY(-2px);
}


.wei-equipment-feature-number{
    position:absolute;

    top:6px;
    right:7px;

    color:rgba(255,255,255,.16);

    font-size:11px;

    font-weight:900;
}


.wei-equipment-feature-item > i{
    width:30px;
    height:30px;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:8px;

    background:rgba(11,183,197,.13);

    color:#61dce5;

    font-size:8px;
}


.wei-equipment-feature-item strong{
    color:#dcebee;

    font-size:8px;

    line-height:1.35;

    font-weight:900;
}


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

@media(max-width:991px){

    .wei-equipment-tech-heading{
        grid-template-columns:1fr;

        gap:12px;
    }

    .wei-equipment-tech-heading > p{
        max-width:550px;
    }

    .wei-equipment-spec-lanes{
        grid-template-columns:1fr 1fr;
    }

    .wei-equipment-feature-ribbon{
        grid-template-columns:1fr;
    }

    .wei-equipment-feature-ribbon-intro{
        border-right:0;

        border-bottom:1px solid rgba(255,255,255,.08);
    }

}


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

@media(max-width:768px){

    .wei-equipment-tech-section{
        padding:58px 9px 62px;
    }

    .wei-equipment-tech-heading{
        max-width:430px;

        margin:0 auto 23px;
    }

    .wei-equipment-tech-kicker{
        font-size:8px;
    }

    .wei-equipment-tech-heading h2{
        font-size:31px;
    }

    .wei-equipment-tech-heading > p{
        font-size:11px;
    }

    .wei-equipment-tech-console{
        max-width:430px;

        margin:auto;

        padding:10px;

        border-radius:20px;
    }

    .wei-equipment-spec-lanes{
        grid-template-columns:1fr 1fr;

        gap:6px;
    }

    .wei-equipment-spec-lane{
        min-height:115px;

        padding:11px;

        border-radius:13px;
    }

    .wei-equipment-spec-lane-no{
        font-size:18px;
    }

    .wei-equipment-spec-lane-copy small{
        font-size:5.5px;
    }

    .wei-equipment-spec-lane-copy strong{
        font-size:11px;
    }

    .wei-equipment-spec-lane-icon{
        width:30px;
        height:30px;

        font-size:8px;
    }

    .wei-equipment-tech-readout{
        grid-template-columns:37px 36px 1fr;

        gap:8px;

        padding:11px;

        min-height:auto;
    }

    .wei-equipment-tech-readout-index{
        height:auto;

        padding-right:7px;
    }

    .wei-equipment-tech-readout-index strong{
        font-size:22px;
    }

    .wei-equipment-tech-readout-symbol{
        width:35px;
        height:35px;

        border-radius:10px;

        font-size:9px;
    }

    .wei-equipment-tech-readout-copy h3{
        font-size:13px;
    }

    .wei-equipment-tech-readout-copy p{
        font-size:8px;
    }

    .wei-equipment-tech-readout-mark{
        display:none;
    }

    .wei-equipment-feature-ribbon{
        max-width:410px;

        padding:9px;

        border-radius:0 0 16px 16px;
    }

    .wei-equipment-feature-items{
        grid-template-columns:1fr 1fr;
    }

}


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

@media(max-width:480px){

    .wei-equipment-tech-section{
        padding:50px 6px 55px;
    }

    .wei-equipment-tech-heading{
        max-width:100%;
    }

    .wei-equipment-tech-heading h2{
        font-size:27px;
    }

    .wei-equipment-tech-console{
        max-width:100%;
    }

    .wei-equipment-tech-machine-id strong{
        font-size:11px;
    }

    .wei-equipment-tech-code strong{
        font-size:8px;
    }

    .wei-equipment-spec-lane{
        min-height:108px;
    }

    .wei-equipment-feature-ribbon{
        max-width:95%;
    }

}

/* =====================================================
   SECTION 02 - FINAL MOBILE FONT FIX
   ADD AT VERY END
===================================================== */

@media(max-width:480px){

    .wei-equipment-tech-kicker{
        font-size:9px !important;
        letter-spacing:1.2px !important;
    }

    .wei-equipment-tech-heading h2{
        font-size:29px !important;
        line-height:1.12 !important;
    }

    .wei-equipment-tech-heading > p{
        font-size:12px !important;
        line-height:1.7 !important;
    }


    .wei-equipment-tech-machine-id small,
    .wei-equipment-tech-code small{
        font-size:6.5px !important;
    }

    .wei-equipment-tech-machine-id strong{
        font-size:12.5px !important;
    }

    .wei-equipment-tech-code strong{
        font-size:9px !important;
    }


    .wei-equipment-spec-lane-no{
        font-size:20px !important;
    }

    .wei-equipment-spec-lane-copy small{
        font-size:6.3px !important;
        line-height:1.3 !important;
    }

    .wei-equipment-spec-lane-copy strong{
        font-size:12px !important;
        line-height:1.35 !important;
    }


    .wei-equipment-tech-readout-index small{
        font-size:6px !important;
    }

    .wei-equipment-tech-readout-index strong{
        font-size:24px !important;
    }

    .wei-equipment-tech-readout-copy span{
        font-size:7px !important;
    }

    .wei-equipment-tech-readout-copy h3{
        font-size:15px !important;
        line-height:1.3 !important;
    }

    .wei-equipment-tech-readout-copy p{
        font-size:10px !important;
        line-height:1.6 !important;
    }


    .wei-equipment-feature-ribbon-intro span{
        font-size:7px !important;
    }

    .wei-equipment-feature-ribbon-intro strong{
        font-size:15px !important;
        line-height:1.35 !important;
    }

    .wei-equipment-feature-item strong{
        font-size:9px !important;
        line-height:1.4 !important;
    }

    .wei-equipment-feature-number{
        font-size:10px !important;
    }

}

/* Equipment Details Page Third Section */
.wei-equipment-deployment-section{
    padding:94px 0 98px;

    position:relative;

    overflow:hidden;

    background:
        radial-gradient(
            circle at 90% 10%,
            rgba(11,183,197,.08),
            transparent 26%
        ),
        linear-gradient(
            180deg,
            #ffffff 0%,
            #f3f9fa 100%
        );
}


.wei-equipment-deployment-section::before{
    content:"";

    position:absolute;

    left:-180px;
    top:140px;

    width:350px;
    height:350px;

    border-radius:50%;

    border:70px solid rgba(0,109,119,.025);
}


.wei-equipment-deployment-section .container{
    position:relative;
    z-index:2;
}


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

.wei-equipment-deployment-heading{
    max-width:1140px;

    margin:0 auto 34px;

    display:grid;

    grid-template-columns:1fr 420px;

    align-items:end;

    gap:50px;
}


.wei-equipment-deployment-kicker{
    display:block;

    margin-bottom:9px;

    color:#008892;

    font-size:11px;

    font-weight:900;

    letter-spacing:1.6px;
}


.wei-equipment-deployment-heading h2{
    margin:0;

    color:#10232c;

    font-size:46px;

    line-height:1.08;

    letter-spacing:-1.1px;

    font-weight:900;
}


.wei-equipment-deployment-heading h2 strong{
    display:block;

    color:#006d77;
}


.wei-equipment-deployment-heading > p{
    margin:0;

    color:#6c8086;

    font-size:14px;

    line-height:1.75;
}


/* =====================================================
   DEPLOYMENT ATLAS
===================================================== */

.wei-equipment-deployment-atlas{
    max-width:1140px;

    min-height:485px;

    margin:auto;

    padding:10px;

    display:grid;

    grid-template-columns:210px 300px 1fr;

    gap:8px;

    border:1px solid #d8e6e8;

    border-radius:28px;

    background:#ffffff;

    box-shadow:
        0 30px 75px rgba(16,35,44,.10);
}


/* =====================================================
   APPLICATION INDEX
===================================================== */

.wei-equipment-deployment-index{
    padding:10px;

    display:flex;

    flex-direction:column;

    gap:6px;

    border-radius:19px;

    background:#f2f8f9;
}


.wei-equipment-deployment-index-head{
    padding:11px 10px 14px;
}


.wei-equipment-deployment-index-head small{
    display:block;

    margin-bottom:3px;

    color:#82979c;

    font-size:7px;

    font-weight:900;

    letter-spacing:1px;
}


.wei-equipment-deployment-index-head strong{
    color:#10232c;

    font-size:14px;

    font-weight:900;
}


/* BUTTON */

.wei-equipment-deployment-btn{
    flex:1;

    min-height:82px;

    width:100%;

    padding:11px;

    display:grid;

    grid-template-columns:30px 1fr 22px;

    align-items:center;

    gap:8px;

    border:0;

    border-radius:13px;

    background:#ffffff;

    color:#10232c;

    text-align:left;

    cursor:pointer;

    box-shadow:
        0 5px 15px rgba(16,35,44,.035);

    transition:.3s ease;
}


.wei-equipment-deployment-btn:hover{
    transform:translateX(3px);
}


.wei-equipment-deployment-btn.active{
    background:#0c3039;

    box-shadow:
        0 12px 28px rgba(16,35,44,.16);
}


.wei-equipment-deployment-btn-number{
    color:#b1c2c5;

    font-size:17px;

    font-weight:900;
}


.wei-equipment-deployment-btn.active
.wei-equipment-deployment-btn-number{
    color:#5edce5;
}


.wei-equipment-deployment-btn-content small{
    display:block;

    margin-bottom:3px;

    color:#92a3a6;

    font-size:6px;

    font-weight:900;

    letter-spacing:.7px;
}


.wei-equipment-deployment-btn-content strong{
    color:#213a42;

    font-size:11px;

    font-weight:900;
}


.wei-equipment-deployment-btn.active
.wei-equipment-deployment-btn-content strong{
    color:#ffffff;
}


.wei-equipment-deployment-btn > i{
    color:#b2c0c3;

    font-size:8px;
}


.wei-equipment-deployment-btn.active > i{
    color:#5edce5;
}


/* =====================================================
   ACTIVE INFORMATION
===================================================== */

.wei-equipment-deployment-info{
    padding:32px 27px;

    display:flex;

    flex-direction:column;

    justify-content:center;

    border-radius:19px;

    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(11,183,197,.18),
            transparent 35%
        ),
        #0c3039;

    color:#ffffff;
}


.wei-equipment-deployment-info-top{
    margin-bottom:28px;

    display:flex;

    align-items:center;

    justify-content:space-between;
}


.wei-equipment-deployment-info-top > span{
    color:rgba(255,255,255,.13);

    font-size:64px;

    line-height:1;

    font-weight:900;
}


.wei-equipment-deployment-info-icon{
    width:45px;
    height:45px;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:13px;

    background:rgba(11,183,197,.13);

    color:#65e0e8;

    font-size:13px;
}


.wei-equipment-deployment-category{
    display:block;

    margin-bottom:7px;

    color:#65dfe7;

    font-size:8px;

    font-weight:900;

    letter-spacing:1.2px;
}


.wei-equipment-deployment-info h3{
    margin:0;

    color:#ffffff;

    font-size:27px;

    line-height:1.15;

    font-weight:900;
}


.wei-equipment-deployment-info > p{
    margin:13px 0 0;

    color:#b5c9cd;

    font-size:11px;

    line-height:1.7;
}


/* MINI DATA */

.wei-equipment-deployment-data{
    margin-top:22px;

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:6px;
}


.wei-equipment-deployment-data > div{
    padding:10px;

    border:1px solid rgba(255,255,255,.08);

    border-radius:10px;

    background:rgba(255,255,255,.035);
}


.wei-equipment-deployment-data small{
    display:block;

    margin-bottom:4px;

    color:#6f969c;

    font-size:5.5px;

    font-weight:900;

    letter-spacing:.7px;
}


.wei-equipment-deployment-data strong{
    display:block;

    color:#ffffff;

    font-size:8.5px;

    line-height:1.35;

    font-weight:900;
}


.wei-equipment-deployment-note{
    margin-top:14px;

    display:flex;

    align-items:center;

    gap:7px;

    color:#9db8bd;

    font-size:7px;

    line-height:1.4;

    font-weight:800;
}


.wei-equipment-deployment-note i{
    color:#58dbe4;
}


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

.wei-equipment-deployment-visual{
    min-height:465px;

    display:grid;

    grid-template-columns:1fr 145px;

    grid-template-rows:1fr 145px;

    gap:7px;

    position:relative;
}


.wei-equipment-deployment-primary-image{
    grid-column:1 / -1;
    grid-row:1 / -1;

    position:relative;

    overflow:hidden;

    border-radius:19px;

    background:#dfe9eb;
}


.wei-equipment-deployment-primary-image > img{
    width:100%;
    height:100%;

    position:absolute;

    inset:0;

    object-fit:cover;

    transition:
        opacity .3s ease,
        transform .5s ease;
}


.wei-equipment-deployment-primary-image:hover > img{
    transform:scale(1.025);
}


.wei-equipment-deployment-image-shade{
    position:absolute;

    inset:0;

    background:
        linear-gradient(
            180deg,
            rgba(7,29,35,.02) 25%,
            rgba(7,29,35,.12) 58%,
            rgba(7,29,35,.77) 100%
        );
}


.wei-equipment-deployment-image-label{
    position:absolute;

    left:20px;
    bottom:20px;

    z-index:2;
}


.wei-equipment-deployment-image-label span{
    display:block;

    margin-bottom:4px;

    color:#60dce5;

    font-size:7px;

    font-weight:900;

    letter-spacing:1px;
}


.wei-equipment-deployment-image-label strong{
    display:block;

    color:#ffffff;

    font-size:19px;

    font-weight:900;
}


/* SECONDARY IMAGE */

.wei-equipment-deployment-secondary-image{
    grid-column:2;
    grid-row:2;

    margin:0 9px 9px 0;

    position:relative;

    z-index:3;

    overflow:hidden;

    border:4px solid #ffffff;

    border-radius:15px;

    box-shadow:
        0 13px 30px rgba(16,35,44,.25);
}


.wei-equipment-deployment-secondary-image > img{
    width:100%;
    height:100%;

    object-fit:cover;

    transition:opacity .3s ease;
}


.wei-equipment-secondary-caption{
    position:absolute;

    right:6px;
    bottom:6px;

    padding:5px 7px;

    display:flex;

    align-items:center;

    gap:4px;

    border-radius:20px;

    background:#ffffff;

    color:#006d77;

    font-size:5.5px;

    font-weight:900;
}


/* PROJECT READY */

.wei-equipment-deployment-corner-stat{
    position:absolute;

    top:12px;
    right:12px;

    z-index:4;

    width:70px;
    height:70px;

    display:flex;

    flex-direction:column;

    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:#ffffff;

    box-shadow:
        0 12px 30px rgba(16,35,44,.14);
}


.wei-equipment-deployment-corner-stat small{
    color:#8b9ca0;

    font-size:5px;

    font-weight:900;

    letter-spacing:.6px;
}


.wei-equipment-deployment-corner-stat strong{
    color:#006d77;

    font-size:10px;

    font-weight:900;
}


/* =====================================================
   FIELD GALLERY
===================================================== */

.wei-equipment-field-gallery{
    max-width:1090px;

    margin:28px auto 0;
}


.wei-equipment-field-gallery-head{
    margin-bottom:14px;

    display:flex;

    align-items:flex-end;

    justify-content:space-between;

    gap:20px;
}


.wei-equipment-field-gallery-head span{
    display:block;

    margin-bottom:4px;

    color:#008892;

    font-size:7px;

    font-weight:900;

    letter-spacing:1px;
}


.wei-equipment-field-gallery-head h3{
    margin:0;

    color:#10232c;

    font-size:23px;

    font-weight:900;
}


.wei-equipment-field-gallery-head h3 strong{
    color:#006d77;
}


/* CONTROLS */

.wei-equipment-field-gallery-controls{
    display:flex;

    gap:6px;
}


.wei-equipment-field-gallery-controls button{
    width:39px;
    height:39px;

    display:flex;

    align-items:center;
    justify-content:center;

    border:1px solid #d7e5e7;

    border-radius:10px;

    background:#ffffff;

    color:#17383f;

    font-size:9px;

    transition:.3s ease;
}


.wei-equipment-field-gallery-controls button:hover{
    border-color:#006d77;

    background:#006d77;

    color:#ffffff;
}


/* =====================================================
   GALLERY WINDOW
===================================================== */

.wei-equipment-field-gallery-window{
    overflow:hidden;
}


.wei-equipment-field-gallery-track{
    display:flex;

    gap:8px;

    transition:transform .45s ease;
}


.wei-equipment-field-shot{
    flex:0 0 calc((100% - 24px) / 4);

    height:180px;

    padding:0;

    position:relative;

    overflow:hidden;

    border:0;

    border-radius:14px;

    background:#dfe9eb;

    text-align:left;

    cursor:pointer;
}


.wei-equipment-field-shot img{
    width:100%;
    height:100%;

    object-fit:cover;

    transition:.45s ease;
}


.wei-equipment-field-shot::after{
    content:"";

    position:absolute;

    inset:0;

    background:
        linear-gradient(
            180deg,
            rgba(7,29,35,0) 30%,
            rgba(7,29,35,.78) 100%
        );
}


.wei-equipment-field-shot:hover img{
    transform:scale(1.06);
}


.wei-equipment-field-shot-no{
    position:absolute;

    top:8px;
    right:8px;

    z-index:2;

    width:25px;
    height:25px;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:7px;

    background:rgba(255,255,255,.93);

    color:#10232c;

    font-size:6px;

    font-weight:900;
}


.wei-equipment-field-shot-content{
    position:absolute;

    left:11px;
    right:11px;
    bottom:11px;

    z-index:2;
}


.wei-equipment-field-shot-content small{
    display:block;

    margin-bottom:3px;

    color:#61dce5;

    font-size:6px;

    font-weight:900;

    letter-spacing:.8px;
}


.wei-equipment-field-shot-content strong{
    display:block;

    color:#ffffff;

    font-size:11px;

    line-height:1.3;

    font-weight:900;
}


/* =====================================================
   GALLERY PROGRESS
===================================================== */

.wei-equipment-field-progress{
    margin-top:12px;

    display:grid;

    grid-template-columns:25px 1fr 25px;

    align-items:center;

    gap:8px;
}


.wei-equipment-field-progress > span{
    color:#789095;

    font-size:7px;

    font-weight:900;
}


.wei-equipment-field-progress > span:last-child{
    text-align:right;
}


.wei-equipment-field-progress > div{
    height:2px;

    overflow:hidden;

    border-radius:10px;

    background:#d8e5e7;
}


.wei-equipment-field-progress i{
    width:20%;
    height:100%;

    display:block;

    border-radius:10px;

    background:#0bb7c5;

    transition:.4s ease;
}


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

@media(max-width:991px){

    .wei-equipment-deployment-heading{
        grid-template-columns:1fr;

        gap:12px;
    }

    .wei-equipment-deployment-heading > p{
        max-width:600px;
    }

    .wei-equipment-deployment-atlas{
        grid-template-columns:190px 1fr;
    }

    .wei-equipment-deployment-visual{
        grid-column:1 / -1;

        min-height:410px;
    }

}


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

@media(max-width:768px){

    .wei-equipment-deployment-section{
        padding:58px 8px 62px;
    }

    .wei-equipment-deployment-heading{
        max-width:430px;

        margin:0 auto 23px;
    }

    .wei-equipment-deployment-kicker{
        font-size:8.5px;
    }

    .wei-equipment-deployment-heading h2{
        font-size:31px;

        line-height:1.12;
    }

    .wei-equipment-deployment-heading > p{
        font-size:11.5px;

        line-height:1.7;
    }


    /* ATLAS */

    .wei-equipment-deployment-atlas{
        max-width:430px;

        padding:7px;

        grid-template-columns:1fr;

        gap:6px;

        border-radius:20px;
    }


    /* MOBILE INDEX - HORIZONTAL */

    .wei-equipment-deployment-index{
        padding:7px;

        display:grid;

        grid-template-columns:1fr 1fr;

        gap:5px;

        border-radius:14px;
    }

    .wei-equipment-deployment-index-head{
        grid-column:1 / -1;

        padding:8px 6px;
    }

    .wei-equipment-deployment-index-head small{
        font-size:6px;
    }

    .wei-equipment-deployment-index-head strong{
        font-size:12px;
    }

    .wei-equipment-deployment-btn{
        min-height:68px;

        padding:8px;

        grid-template-columns:23px 1fr;

        gap:6px;

        border-radius:10px;
    }

    .wei-equipment-deployment-btn > i{
        display:none;
    }

    .wei-equipment-deployment-btn-number{
        font-size:14px;
    }

    .wei-equipment-deployment-btn-content small{
        font-size:5.5px;
    }

    .wei-equipment-deployment-btn-content strong{
        font-size:9.5px;
    }


    /* INFO */

    .wei-equipment-deployment-info{
        padding:23px 18px;

        border-radius:14px;
    }

    .wei-equipment-deployment-info-top{
        margin-bottom:17px;
    }

    .wei-equipment-deployment-info-top > span{
        font-size:43px;
    }

    .wei-equipment-deployment-info-icon{
        width:39px;
        height:39px;

        font-size:11px;
    }

    .wei-equipment-deployment-category{
        font-size:7px;
    }

    .wei-equipment-deployment-info h3{
        font-size:22px;
    }

    .wei-equipment-deployment-info > p{
        font-size:10.5px;

        line-height:1.65;
    }

    .wei-equipment-deployment-data{
        margin-top:17px;
    }

    .wei-equipment-deployment-data small{
        font-size:5.2px;
    }

    .wei-equipment-deployment-data strong{
        font-size:8px;
    }

    .wei-equipment-deployment-note{
        font-size:6.5px;
    }


    /* VISUAL */

    .wei-equipment-deployment-visual{
        min-height:300px;

        grid-template-columns:1fr 105px;

        grid-template-rows:1fr 105px;
    }

    .wei-equipment-deployment-primary-image{
        border-radius:14px;
    }

    .wei-equipment-deployment-secondary-image{
        border-width:3px;

        border-radius:11px;
    }

    .wei-equipment-deployment-image-label{
        left:13px;
        bottom:13px;
    }

    .wei-equipment-deployment-image-label span{
        font-size:6px;
    }

    .wei-equipment-deployment-image-label strong{
        font-size:15px;
    }

    .wei-equipment-deployment-corner-stat{
        width:58px;
        height:58px;
    }

    .wei-equipment-deployment-corner-stat strong{
        font-size:8px;
    }


    /* GALLERY */

    .wei-equipment-field-gallery{
        max-width:430px;

        margin-top:24px;
    }

    .wei-equipment-field-gallery-head h3{
        font-size:20px;
    }

    .wei-equipment-field-shot{
        flex:0 0 calc((100% - 7px) / 2);

        height:155px;
    }

    .wei-equipment-field-shot-content strong{
        font-size:10px;
    }

}


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

@media(max-width:480px){

    .wei-equipment-deployment-section{
        padding:50px 6px 55px;
    }

    .wei-equipment-deployment-heading h2{
        font-size:28px;
    }

    .wei-equipment-deployment-heading > p{
        font-size:11px;
    }

    .wei-equipment-deployment-atlas{
        max-width:100%;
    }

    .wei-equipment-deployment-visual{
        min-height:270px;
    }

    .wei-equipment-field-gallery{
        max-width:100%;
    }

    .wei-equipment-field-gallery-controls button{
        width:35px;
        height:35px;
    }

}


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

@media(max-width:360px){

    .wei-equipment-deployment-info h3{
        font-size:20px;
    }

    .wei-equipment-deployment-data{
        grid-template-columns:1fr;
    }

    .wei-equipment-deployment-visual{
        min-height:245px;
    }

}

/* =====================================================
   EQUIPMENT DETAILS SECTION 03
   FINAL TYPOGRAPHY + MOBILE READABILITY OVERRIDE
   ADD AT VERY END
===================================================== */


/* =====================================
   DESKTOP TYPOGRAPHY UPGRADE
===================================== */

.wei-equipment-deployment-kicker{
    font-size:12px !important;
    line-height:1.3 !important;
    letter-spacing:1.8px !important;
}

.wei-equipment-deployment-heading h2{
    font-size:50px !important;
    line-height:1.08 !important;
    letter-spacing:-1.3px !important;
}

.wei-equipment-deployment-heading > p{
    font-size:15px !important;
    line-height:1.8 !important;
}


/* DEPLOYMENT INDEX */

.wei-equipment-deployment-index-head small{
    font-size:8px !important;
    letter-spacing:1.1px !important;
}

.wei-equipment-deployment-index-head strong{
    font-size:16px !important;
}

.wei-equipment-deployment-btn-number{
    font-size:19px !important;
}

.wei-equipment-deployment-btn-content small{
    font-size:7px !important;
    line-height:1.3 !important;
}

.wei-equipment-deployment-btn-content strong{
    font-size:12.5px !important;
    line-height:1.35 !important;
}


/* ACTIVE INFO */

.wei-equipment-deployment-category{
    font-size:9px !important;
    letter-spacing:1.3px !important;
}

.wei-equipment-deployment-info h3{
    font-size:30px !important;
    line-height:1.16 !important;
}

.wei-equipment-deployment-info > p{
    font-size:12.5px !important;
    line-height:1.75 !important;
}

.wei-equipment-deployment-data small{
    font-size:6.3px !important;
    letter-spacing:.8px !important;
}

.wei-equipment-deployment-data strong{
    font-size:9.5px !important;
    line-height:1.4 !important;
}

.wei-equipment-deployment-note{
    font-size:8px !important;
    line-height:1.45 !important;
}


/* IMAGE TEXT */

.wei-equipment-deployment-image-label span{
    font-size:8px !important;
    letter-spacing:1.1px !important;
}

.wei-equipment-deployment-image-label strong{
    font-size:21px !important;
}

.wei-equipment-deployment-corner-stat small{
    font-size:6px !important;
}

.wei-equipment-deployment-corner-stat strong{
    font-size:11px !important;
}


/* FIELD GALLERY */

.wei-equipment-field-gallery-head span{
    font-size:8px !important;
    letter-spacing:1.1px !important;
}

.wei-equipment-field-gallery-head h3{
    font-size:26px !important;
    line-height:1.2 !important;
}

.wei-equipment-field-shot-content small{
    font-size:7px !important;
}

.wei-equipment-field-shot-content strong{
    font-size:12.5px !important;
    line-height:1.35 !important;
}

.wei-equipment-field-progress > span{
    font-size:8px !important;
}


/* =====================================================
   MOBILE - FULL SECTION READABILITY FIX
===================================================== */

@media(max-width:768px){

    .wei-equipment-deployment-section{
        padding:58px 8px 64px !important;
    }


    /* HEADING */

    .wei-equipment-deployment-kicker{
        font-size:9px !important;
        letter-spacing:1.2px !important;
    }

    .wei-equipment-deployment-heading h2{
        font-size:32px !important;
        line-height:1.12 !important;
        letter-spacing:-.5px !important;
    }

    .wei-equipment-deployment-heading > p{
        font-size:12px !important;
        line-height:1.7 !important;
    }


    /* INDEX */

    .wei-equipment-deployment-index-head small{
        font-size:6.5px !important;
    }

    .wei-equipment-deployment-index-head strong{
        font-size:13px !important;
    }

    .wei-equipment-deployment-btn-number{
        font-size:16px !important;
    }

    .wei-equipment-deployment-btn-content small{
        font-size:6px !important;
    }

    .wei-equipment-deployment-btn-content strong{
        font-size:10.5px !important;
    }


    /* ACTIVE INFO */

    .wei-equipment-deployment-info-top > span{
        font-size:46px !important;
    }

    .wei-equipment-deployment-category{
        font-size:7.5px !important;
        letter-spacing:1px !important;
    }

    .wei-equipment-deployment-info h3{
        font-size:23px !important;
        line-height:1.2 !important;
    }

    .wei-equipment-deployment-info > p{
        font-size:11px !important;
        line-height:1.7 !important;
    }

    .wei-equipment-deployment-data small{
        font-size:5.8px !important;
    }

    .wei-equipment-deployment-data strong{
        font-size:8.8px !important;
        line-height:1.35 !important;
    }

    .wei-equipment-deployment-note{
        font-size:7.2px !important;
    }


    /* VISUAL TEXT */

    .wei-equipment-deployment-image-label span{
        font-size:6.5px !important;
    }

    .wei-equipment-deployment-image-label strong{
        font-size:16px !important;
    }

    .wei-equipment-deployment-corner-stat small{
        font-size:5.2px !important;
    }

    .wei-equipment-deployment-corner-stat strong{
        font-size:8.5px !important;
    }


    /* GALLERY */

    .wei-equipment-field-gallery-head span{
        font-size:7px !important;
    }

    .wei-equipment-field-gallery-head h3{
        font-size:21px !important;
    }

    .wei-equipment-field-shot-content small{
        font-size:6px !important;
    }

    .wei-equipment-field-shot-content strong{
        font-size:10.5px !important;
    }

    .wei-equipment-field-progress > span{
        font-size:7px !important;
    }

}


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

@media(max-width:480px){

    .wei-equipment-deployment-heading h2{
        font-size:29px !important;
    }

    .wei-equipment-deployment-heading > p{
        font-size:11.5px !important;
        line-height:1.65 !important;
    }

    .wei-equipment-deployment-btn-content strong{
        font-size:10px !important;
    }

    .wei-equipment-deployment-info h3{
        font-size:21px !important;
    }

    .wei-equipment-deployment-info > p{
        font-size:10.7px !important;
    }

    .wei-equipment-deployment-data strong{
        font-size:8.4px !important;
    }

    .wei-equipment-field-gallery-head h3{
        font-size:20px !important;
    }

    .wei-equipment-field-shot-content strong{
        font-size:10px !important;
    }

}

/* Equipment Details Page Fourth Section */
.wei-equipment-fleet-section{
    padding:95px 0 100px;

    position:relative;

    overflow:hidden;

    background:#eef5f6;
}


.wei-equipment-fleet-section::before{
    content:"";

    position:absolute;

    top:0;
    left:0;

    width:100%;
    height:360px;

    background:
        linear-gradient(
            135deg,
            #0d2b34 0%,
            #103a43 62%,
            #0c6670 100%
        );
}


.wei-equipment-fleet-section::after{
    content:"";

    position:absolute;

    top:0;
    right:7%;

    width:350px;
    height:350px;

    opacity:.09;

    background:
        repeating-linear-gradient(
            135deg,
            #ffffff 0,
            #ffffff 1px,
            transparent 1px,
            transparent 15px
        );
}


.wei-equipment-fleet-section .container{
    position:relative;

    z-index:2;
}


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

.wei-equipment-fleet-heading{
    max-width:1140px;

    margin:0 auto 34px;

    display:grid;

    grid-template-columns:1fr 410px;

    align-items:end;

    gap:55px;
}


.wei-equipment-fleet-kicker{
    display:block;

    margin-bottom:10px;

    color:#5edce5;

    font-size:11px;

    font-weight:900;

    letter-spacing:1.7px;
}


.wei-equipment-fleet-heading h2{
    max-width:690px;

    margin:0;

    color:#ffffff;

    font-size:48px;

    line-height:1.08;

    letter-spacing:-1.2px;

    font-weight:900;
}


.wei-equipment-fleet-heading h2 strong{
    display:block;

    color:#65e1e8;
}


.wei-equipment-fleet-heading > p{
    margin:0;

    color:#b3c7ca;

    font-size:14px;

    line-height:1.75;
}


/* =====================================================
   FLEET BOARD
===================================================== */

.wei-equipment-fleet-board{
    max-width:1140px;

    min-height:500px;

    margin:auto;

    padding:9px;

    display:grid;

    grid-template-columns:250px 1fr 260px;

    gap:8px;

    border-radius:28px;

    background:#ffffff;

    box-shadow:
        0 32px 75px rgba(7,28,35,.17);
}


/* =====================================================
   CURRENT EQUIPMENT
===================================================== */

.wei-equipment-fleet-current{
    padding:28px 23px;

    position:relative;

    overflow:hidden;

    display:flex;

    flex-direction:column;

    justify-content:center;

    border-radius:20px;

    background:#f3f8f9;
}


.wei-equipment-fleet-current::after{
    content:"";

    position:absolute;

    width:150px;
    height:150px;

    right:-85px;
    bottom:-80px;

    border-radius:50%;

    border:30px solid rgba(0,109,119,.045);
}


.wei-equipment-current-label{
    margin-bottom:23px;

    color:#008a94;

    font-size:7px;

    font-weight:900;

    letter-spacing:1.1px;
}


.wei-equipment-current-number{
    position:absolute;

    top:22px;
    right:19px;

    color:#dce9eb;

    font-size:48px;

    line-height:1;

    font-weight:900;
}


.wei-equipment-current-icon{
    width:48px;
    height:48px;

    margin-bottom:18px;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:14px;

    background:#dff4f6;

    color:#006d77;

    font-size:14px;
}


.wei-equipment-fleet-current h3{
    margin:0;

    color:#10232c;

    font-size:27px;

    line-height:1.1;

    font-weight:900;
}


.wei-equipment-fleet-current h3 strong{
    display:block;

    color:#006d77;
}


.wei-equipment-fleet-current > p{
    margin:13px 0 0;

    color:#6d8186;

    font-size:11px;

    line-height:1.7;
}


.wei-equipment-current-meta{
    margin-top:22px;

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:6px;
}


.wei-equipment-current-meta > div{
    padding:10px;

    border:1px solid #dae7e9;

    border-radius:10px;

    background:#ffffff;
}


.wei-equipment-current-meta small{
    display:block;

    margin-bottom:3px;

    color:#96a5a8;

    font-size:5.5px;

    font-weight:900;

    letter-spacing:.7px;
}


.wei-equipment-current-meta strong{
    color:#294149;

    font-size:8px;

    font-weight:900;
}


.wei-equipment-current-status{
    width:max-content;

    margin-top:14px;

    padding:7px 9px;

    display:flex;

    align-items:center;

    gap:5px;

    border-radius:20px;

    background:#e3f7f8;

    color:#00747e;

    font-size:6px;

    font-weight:900;
}


/* =====================================================
   ACTIVE FLEET STAGE
===================================================== */

.wei-equipment-fleet-stage{
    display:grid;

    grid-template-rows:1fr auto;

    overflow:hidden;

    border-radius:20px;

    background:#102c35;
}


.wei-equipment-fleet-stage-image{
    min-height:325px;

    position:relative;

    overflow:hidden;
}


.wei-equipment-fleet-stage-image img{
    width:100%;
    height:100%;

    position:absolute;

    inset:0;

    object-fit:cover;

    transition:
        opacity .3s ease,
        transform .5s ease;
}


.wei-equipment-fleet-stage-image:hover img{
    transform:scale(1.025);
}


.wei-equipment-fleet-stage-overlay{
    position:absolute;

    inset:0;

    background:
        linear-gradient(
            180deg,
            rgba(7,29,35,.03) 25%,
            rgba(7,29,35,.19) 60%,
            rgba(7,29,35,.88) 100%
        );
}


.wei-equipment-fleet-stage-number{
    position:absolute;

    top:17px;
    left:18px;

    color:rgba(255,255,255,.28);

    font-size:34px;

    font-weight:900;
}


.wei-equipment-fleet-stage-caption{
    position:absolute;

    left:22px;
    right:22px;
    bottom:20px;
}


.wei-equipment-fleet-stage-caption span{
    display:block;

    margin-bottom:5px;

    color:#61dce5;

    font-size:7px;

    font-weight:900;

    letter-spacing:1px;
}


.wei-equipment-fleet-stage-caption h3{
    margin:0;

    color:#ffffff;

    font-size:25px;

    line-height:1.15;

    font-weight:900;
}


/* STAGE INFO */

.wei-equipment-fleet-stage-info{
    padding:18px 21px 20px;

    background:#102c35;
}


.wei-equipment-fleet-stage-info > p{
    margin:0;

    color:#a9c0c4;

    font-size:10.5px;

    line-height:1.65;
}


.wei-equipment-fleet-stage-meta{
    margin-top:13px;

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:6px;
}


.wei-equipment-fleet-stage-meta div{
    padding:8px 0;
}


.wei-equipment-fleet-stage-meta small{
    display:block;

    margin-bottom:3px;

    color:#6e9298;

    font-size:5.5px;

    font-weight:900;

    letter-spacing:.7px;
}


.wei-equipment-fleet-stage-meta strong{
    color:#ffffff;

    font-size:8.5px;

    font-weight:900;
}


.wei-equipment-fleet-detail-link{
    margin-top:13px;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:10px;

    color:#67e0e7;

    font-size:8px;

    font-weight:900;

    text-decoration:none;
}


.wei-equipment-fleet-detail-link i{
    width:27px;
    height:27px;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:rgba(11,183,197,.13);
}


/* =====================================================
   FLEET SELECTOR
===================================================== */

.wei-equipment-fleet-selector{
    padding:11px;

    display:flex;

    flex-direction:column;

    gap:6px;

    border-radius:20px;

    background:#f4f8f9;
}


.wei-equipment-fleet-selector-head{
    padding:13px 10px 15px;
}


.wei-equipment-fleet-selector-head span{
    display:block;

    margin-bottom:3px;

    color:#82969b;

    font-size:6.5px;

    font-weight:900;

    letter-spacing:.9px;
}


.wei-equipment-fleet-selector-head strong{
    color:#10232c;

    font-size:14px;

    font-weight:900;
}


.wei-equipment-fleet-option{
    flex:1;

    width:100%;

    min-height:105px;

    padding:13px;

    display:grid;

    grid-template-columns:32px 1fr 31px;

    align-items:center;

    gap:8px;

    border:1px solid #dfebed;

    border-radius:13px;

    background:#ffffff;

    text-align:left;

    cursor:pointer;

    transition:.3s ease;
}


.wei-equipment-fleet-option:hover{
    transform:translateX(-3px);

    border-color:#acd9dd;
}


.wei-equipment-fleet-option.active{
    border-color:#9ad6da;

    background:#eaf7f8;

    box-shadow:
        0 9px 24px rgba(0,109,119,.09);
}


.wei-equipment-fleet-option-index{
    color:#c1d0d2;

    font-size:18px;

    font-weight:900;
}


.wei-equipment-fleet-option.active
.wei-equipment-fleet-option-index{
    color:#006d77;
}


.wei-equipment-fleet-option-content small{
    display:block;

    margin-bottom:4px;

    color:#92a2a5;

    font-size:5.5px;

    font-weight:900;
}


.wei-equipment-fleet-option-content strong{
    color:#203940;

    font-size:10px;

    line-height:1.35;

    font-weight:900;
}


.wei-equipment-fleet-option-arrow{
    width:29px;
    height:29px;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:#f2f7f8;

    color:#45636a;

    font-size:7px;
}


.wei-equipment-fleet-option.active
.wei-equipment-fleet-option-arrow{
    background:#006d77;

    color:#ffffff;
}


/* =====================================================
   REQUIREMENT GATEWAY
===================================================== */

.wei-equipment-request-gateway{
    max-width:1080px;

    margin:22px auto 0;

    padding:10px;

    display:grid;

    grid-template-columns:1.05fr 1fr 205px;

    gap:8px;

    border-radius:21px;

    background:#ffffff;

    box-shadow:
        0 22px 55px rgba(16,35,44,.10);
}


/* INTRO */

.wei-equipment-request-intro{
    padding:22px 21px;
}


.wei-equipment-request-mini{
    display:block;

    margin-bottom:6px;

    color:#008992;

    font-size:7px;

    font-weight:900;

    letter-spacing:1px;
}


.wei-equipment-request-intro h3{
    margin:0;

    color:#10232c;

    font-size:25px;

    line-height:1.1;

    font-weight:900;
}


.wei-equipment-request-intro h3 strong{
    color:#006d77;
}


.wei-equipment-request-intro p{
    margin:10px 0 0;

    color:#6e8186;

    font-size:9.5px;

    line-height:1.6;
}


/* OPTIONS */

.wei-equipment-request-options{
    padding:17px;

    border-radius:14px;

    background:#f3f8f9;
}


.wei-equipment-request-options-label{
    display:block;

    margin-bottom:9px;

    color:#84999d;

    font-size:6px;

    font-weight:900;

    letter-spacing:.8px;
}


.wei-equipment-request-choice-wrap{
    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:5px;
}


.wei-equipment-request-choice{
    min-height:65px;

    padding:8px;

    display:flex;

    flex-direction:column;

    align-items:center;
    justify-content:center;

    gap:6px;

    border:1px solid #dce8ea;

    border-radius:10px;

    background:#ffffff;

    color:#526a70;

    cursor:pointer;

    transition:.3s ease;
}


.wei-equipment-request-choice i{
    font-size:11px;
}


.wei-equipment-request-choice span{
    font-size:6.5px;

    font-weight:900;
}


.wei-equipment-request-choice.active{
    border-color:#006d77;

    background:#0d313a;

    color:#ffffff;
}


.wei-equipment-request-summary{
    margin-top:7px;

    padding:9px 10px;

    border-radius:9px;

    background:#ffffff;
}


.wei-equipment-request-summary small{
    display:block;

    margin-bottom:3px;

    color:#91a1a4;

    font-size:5px;

    font-weight:900;

    letter-spacing:.7px;
}


.wei-equipment-request-summary strong{
    display:block;

    color:#28434a;

    font-size:7.5px;

    line-height:1.35;

    font-weight:900;
}


/* CTA */

.wei-equipment-request-action{
    padding:20px;

    display:flex;

    flex-direction:column;

    justify-content:center;

    border-radius:14px;

    background:#0c3039;
}


.wei-equipment-request-action > span{
    margin-bottom:9px;

    color:#68dfe7;

    font-size:6px;

    font-weight:900;

    letter-spacing:1px;
}


.wei-equipment-request-action a{
    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:10px;

    color:#ffffff;

    text-decoration:none;
}


.wei-equipment-request-action a strong{
    font-size:16px;

    font-weight:900;
}


.wei-equipment-request-action a i{
    width:34px;
    height:34px;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:#0bb7c5;

    font-size:8px;

    transition:.3s ease;
}


.wei-equipment-request-action a:hover i{
    transform:rotate(45deg);
}


.wei-equipment-request-action > small{
    margin-top:9px;

    color:#789a9f;

    font-size:6px;

    font-weight:800;
}


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

@media(max-width:991px){

    .wei-equipment-fleet-heading{
        grid-template-columns:1fr;

        gap:13px;
    }

    .wei-equipment-fleet-heading > p{
        max-width:600px;
    }

    .wei-equipment-fleet-board{
        grid-template-columns:220px 1fr;
    }

    .wei-equipment-fleet-selector{
        grid-column:1 / -1;

        display:grid;

        grid-template-columns:repeat(3,1fr);
    }

    .wei-equipment-fleet-selector-head{
        grid-column:1 / -1;
    }

    .wei-equipment-request-gateway{
        grid-template-columns:1fr 1fr;
    }

    .wei-equipment-request-action{
        grid-column:1 / -1;
    }

}


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

@media(max-width:768px){

    .wei-equipment-fleet-section{
        padding:58px 8px 62px;
    }

    .wei-equipment-fleet-section::before{
        height:410px;
    }


    /* HEADING */

    .wei-equipment-fleet-heading{
        max-width:430px;

        margin:0 auto 24px;
    }

    .wei-equipment-fleet-kicker{
        font-size:9px;
    }

    .wei-equipment-fleet-heading h2{
        font-size:31px;

        line-height:1.12;
    }

    .wei-equipment-fleet-heading > p{
        font-size:11.5px;

        line-height:1.7;
    }


    /* BOARD */

    .wei-equipment-fleet-board{
        max-width:430px;

        padding:7px;

        grid-template-columns:1fr;

        gap:6px;

        border-radius:20px;
    }


    /* CURRENT */

    .wei-equipment-fleet-current{
        padding:21px 18px;

        border-radius:14px;
    }

    .wei-equipment-current-label{
        margin-bottom:17px;

        font-size:6.5px;
    }

    .wei-equipment-current-number{
        font-size:38px;
    }

    .wei-equipment-current-icon{
        width:40px;
        height:40px;

        margin-bottom:13px;
    }

    .wei-equipment-fleet-current h3{
        font-size:22px;
    }

    .wei-equipment-fleet-current > p{
        font-size:10.5px;
    }

    .wei-equipment-current-meta strong{
        font-size:8px;
    }


    /* STAGE */

    .wei-equipment-fleet-stage-image{
        min-height:265px;
    }

    .wei-equipment-fleet-stage-caption h3{
        font-size:20px;
    }

    .wei-equipment-fleet-stage-info > p{
        font-size:10px;
    }


    /* SELECTOR */

    .wei-equipment-fleet-selector{
        grid-column:auto;

        display:grid;

        grid-template-columns:1fr;

        padding:7px;

        border-radius:14px;
    }

    .wei-equipment-fleet-selector-head{
        grid-column:auto;

        padding:9px 7px;
    }

    .wei-equipment-fleet-option{
        min-height:67px;

        padding:9px;

        grid-template-columns:28px 1fr 29px;
    }


    /* REQUEST GATEWAY */

    .wei-equipment-request-gateway{
        max-width:420px;

        margin-top:16px;

        padding:7px;

        grid-template-columns:1fr;

        gap:6px;

        border-radius:16px;
    }

    .wei-equipment-request-intro{
        padding:17px 15px;
    }

    .wei-equipment-request-intro h3{
        font-size:22px;
    }

    .wei-equipment-request-intro p{
        font-size:10px;
    }

    .wei-equipment-request-options{
        padding:12px;
    }

    .wei-equipment-request-choice{
        min-height:58px;
    }

    .wei-equipment-request-action{
        grid-column:auto;

        padding:17px;

        border-radius:11px;
    }

    .wei-equipment-request-action a strong{
        font-size:14px;
    }

}


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

@media(max-width:480px){

    .wei-equipment-fleet-section{
        padding:50px 6px 55px;
    }

    .wei-equipment-fleet-heading h2{
        font-size:28px;
    }

    .wei-equipment-fleet-heading > p{
        font-size:11px;
    }

    .wei-equipment-fleet-board{
        max-width:100%;
    }

    .wei-equipment-fleet-stage-image{
        min-height:235px;
    }

    .wei-equipment-request-gateway{
        max-width:100%;
    }

}

/* =====================================================
   EQUIPMENT DETAILS - SECTION 04
   FINAL PREMIUM TYPOGRAPHY + MOBILE POLISH
   ADD AT VERY END
===================================================== */


/* =====================================================
   DESKTOP TYPOGRAPHY UPGRADE
===================================================== */

.wei-equipment-fleet-kicker{
    font-size:12px !important;
    line-height:1.3 !important;
    letter-spacing:1.9px !important;
}

.wei-equipment-fleet-heading h2{
    font-size:52px !important;
    line-height:1.07 !important;
    letter-spacing:-1.4px !important;
}

.wei-equipment-fleet-heading > p{
    font-size:15px !important;
    line-height:1.8 !important;
}


/* CURRENT EQUIPMENT */

.wei-equipment-current-label{
    font-size:8px !important;
    letter-spacing:1.2px !important;
}

.wei-equipment-fleet-current h3{
    font-size:30px !important;
    line-height:1.12 !important;
}

.wei-equipment-fleet-current > p{
    font-size:12px !important;
    line-height:1.72 !important;
}

.wei-equipment-current-meta small{
    font-size:6.3px !important;
}

.wei-equipment-current-meta strong{
    font-size:9.5px !important;
}

.wei-equipment-current-status{
    font-size:7px !important;
}


/* ACTIVE RELATED EQUIPMENT */

.wei-equipment-fleet-stage-caption span{
    font-size:8px !important;
    letter-spacing:1.1px !important;
}

.wei-equipment-fleet-stage-caption h3{
    font-size:28px !important;
    line-height:1.15 !important;
}

.wei-equipment-fleet-stage-info > p{
    font-size:12px !important;
    line-height:1.72 !important;
}

.wei-equipment-fleet-stage-meta small{
    font-size:6.2px !important;
}

.wei-equipment-fleet-stage-meta strong{
    font-size:9.5px !important;
}

.wei-equipment-fleet-detail-link{
    font-size:9px !important;
}


/* SELECTOR */

.wei-equipment-fleet-selector-head span{
    font-size:7.5px !important;
}

.wei-equipment-fleet-selector-head strong{
    font-size:16px !important;
}

.wei-equipment-fleet-option-content small{
    font-size:6.5px !important;
}

.wei-equipment-fleet-option-content strong{
    font-size:11.5px !important;
    line-height:1.4 !important;
}


/* ENQUIRY GATEWAY */

.wei-equipment-request-mini{
    font-size:8px !important;
}

.wei-equipment-request-intro h3{
    font-size:28px !important;
    line-height:1.12 !important;
}

.wei-equipment-request-intro p{
    font-size:11px !important;
    line-height:1.7 !important;
}

.wei-equipment-request-options-label{
    font-size:7px !important;
}

.wei-equipment-request-choice span{
    font-size:7.5px !important;
}

.wei-equipment-request-summary small{
    font-size:5.8px !important;
}

.wei-equipment-request-summary strong{
    font-size:8.5px !important;
}

.wei-equipment-request-action > span{
    font-size:7px !important;
}

.wei-equipment-request-action a strong{
    font-size:18px !important;
}

.wei-equipment-request-action > small{
    font-size:6.8px !important;
}


/* =====================================================
   EXTRA PREMIUM FEEL
===================================================== */

.wei-equipment-fleet-board{
    box-shadow:
        0 34px 85px rgba(7,28,35,.20),
        0 10px 25px rgba(7,28,35,.06) !important;
}

.wei-equipment-fleet-current,
.wei-equipment-fleet-selector{
    box-shadow:
        inset 0 0 0 1px rgba(16,35,44,.025) !important;
}

.wei-equipment-fleet-stage{
    box-shadow:
        0 18px 40px rgba(7,28,35,.18) !important;
}

.wei-equipment-request-gateway{
    box-shadow:
        0 25px 65px rgba(16,35,44,.13) !important;
}


/* =====================================================
   MOBILE - COMPLETE PREMIUM FIX
===================================================== */

@media(max-width:768px){

    .wei-equipment-fleet-section{
        padding:56px 8px 62px !important;
    }

    .wei-equipment-fleet-heading{
        max-width:430px !important;
        margin:0 auto 23px !important;
        gap:10px !important;
    }

    .wei-equipment-fleet-kicker{
        font-size:9px !important;
        letter-spacing:1.3px !important;
    }

    .wei-equipment-fleet-heading h2{
        font-size:32px !important;
        line-height:1.12 !important;
        letter-spacing:-.6px !important;
    }

    .wei-equipment-fleet-heading > p{
        font-size:12px !important;
        line-height:1.7 !important;
    }


    /* BOARD */

    .wei-equipment-fleet-board{
        max-width:430px !important;
        margin:auto !important;

        padding:6px !important;

        gap:6px !important;

        border-radius:18px !important;

        box-shadow:
            0 20px 46px rgba(7,28,35,.15) !important;
    }


    /* CURRENT MACHINE */

    .wei-equipment-fleet-current{
        padding:20px 17px !important;

        border-radius:13px !important;
    }

    .wei-equipment-current-label{
        margin-bottom:14px !important;

        font-size:7px !important;
    }

    .wei-equipment-current-number{
        top:17px !important;
        right:15px !important;

        font-size:34px !important;
    }

    .wei-equipment-current-icon{
        width:38px !important;
        height:38px !important;

        margin-bottom:12px !important;

        border-radius:11px !important;

        font-size:11px !important;
    }

    .wei-equipment-fleet-current h3{
        font-size:23px !important;
        line-height:1.15 !important;
    }

    .wei-equipment-fleet-current > p{
        font-size:11px !important;
        line-height:1.65 !important;
    }

    .wei-equipment-current-meta{
        margin-top:16px !important;

        gap:5px !important;
    }

    .wei-equipment-current-meta > div{
        padding:8px !important;
    }

    .wei-equipment-current-meta small{
        font-size:5.8px !important;
    }

    .wei-equipment-current-meta strong{
        font-size:8.5px !important;
    }

    .wei-equipment-current-status{
        margin-top:11px !important;

        font-size:6.5px !important;
    }


    /* ACTIVE EQUIPMENT */

    .wei-equipment-fleet-stage{
        border-radius:14px !important;
    }

    .wei-equipment-fleet-stage-image{
        min-height:255px !important;
    }

    .wei-equipment-fleet-stage-number{
        top:13px !important;
        left:14px !important;

        font-size:27px !important;
    }

    .wei-equipment-fleet-stage-caption{
        left:16px !important;
        right:16px !important;
        bottom:15px !important;
    }

    .wei-equipment-fleet-stage-caption span{
        font-size:6.5px !important;
    }

    .wei-equipment-fleet-stage-caption h3{
        font-size:21px !important;
    }

    .wei-equipment-fleet-stage-info{
        padding:15px 16px 16px !important;
    }

    .wei-equipment-fleet-stage-info > p{
        font-size:10.7px !important;
        line-height:1.65 !important;
    }

    .wei-equipment-fleet-stage-meta{
        margin-top:10px !important;
    }

    .wei-equipment-fleet-stage-meta small{
        font-size:5.3px !important;
    }

    .wei-equipment-fleet-stage-meta strong{
        font-size:8.2px !important;
    }

    .wei-equipment-fleet-detail-link{
        margin-top:10px !important;

        font-size:7.5px !important;
    }


    /* RELATED OPTIONS */

    .wei-equipment-fleet-selector{
        padding:7px !important;

        gap:5px !important;

        border-radius:13px !important;
    }

    .wei-equipment-fleet-selector-head{
        padding:9px 7px !important;
    }

    .wei-equipment-fleet-selector-head span{
        font-size:6px !important;
    }

    .wei-equipment-fleet-selector-head strong{
        font-size:13px !important;
    }

    .wei-equipment-fleet-option{
        min-height:66px !important;

        padding:8px !important;

        border-radius:10px !important;
    }

    .wei-equipment-fleet-option-index{
        font-size:15px !important;
    }

    .wei-equipment-fleet-option-content small{
        font-size:5.5px !important;
    }

    .wei-equipment-fleet-option-content strong{
        font-size:9.5px !important;
    }

    .wei-equipment-fleet-option-arrow{
        width:27px !important;
        height:27px !important;
    }


    /* ENQUIRY */

    .wei-equipment-request-gateway{
        max-width:420px !important;

        margin:15px auto 0 !important;

        padding:6px !important;

        border-radius:15px !important;
    }

    .wei-equipment-request-intro{
        padding:16px 14px !important;
    }

    .wei-equipment-request-mini{
        font-size:6.5px !important;
    }

    .wei-equipment-request-intro h3{
        font-size:23px !important;
        line-height:1.15 !important;
    }

    .wei-equipment-request-intro p{
        font-size:10.5px !important;
        line-height:1.65 !important;
    }

    .wei-equipment-request-options{
        padding:11px !important;

        border-radius:11px !important;
    }

    .wei-equipment-request-options-label{
        font-size:5.8px !important;
    }

    .wei-equipment-request-choice-wrap{
        gap:5px !important;
    }

    .wei-equipment-request-choice{
        min-height:56px !important;

        padding:7px !important;

        border-radius:9px !important;
    }

    .wei-equipment-request-choice i{
        font-size:9px !important;
    }

    .wei-equipment-request-choice span{
        font-size:6.3px !important;
    }

    .wei-equipment-request-summary{
        padding:8px !important;
    }

    .wei-equipment-request-summary small{
        font-size:5px !important;
    }

    .wei-equipment-request-summary strong{
        font-size:7.5px !important;
    }

    .wei-equipment-request-action{
        padding:15px !important;

        border-radius:10px !important;
    }

    .wei-equipment-request-action > span{
        font-size:5.8px !important;
    }

    .wei-equipment-request-action a strong{
        font-size:15px !important;
    }

    .wei-equipment-request-action a i{
        width:30px !important;
        height:30px !important;

        font-size:7px !important;
    }

    .wei-equipment-request-action > small{
        font-size:5.8px !important;
    }

}


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

@media(max-width:480px){

    .wei-equipment-fleet-section{
        padding:48px 6px 54px !important;
    }

    .wei-equipment-fleet-heading h2{
        font-size:29px !important;
    }

    .wei-equipment-fleet-heading > p{
        font-size:11.5px !important;
    }

    .wei-equipment-fleet-board{
        max-width:100% !important;
    }

    .wei-equipment-fleet-current h3{
        font-size:22px !important;
    }

    .wei-equipment-fleet-current > p{
        font-size:10.5px !important;
    }

    .wei-equipment-fleet-stage-image{
        min-height:225px !important;
    }

    .wei-equipment-fleet-stage-caption h3{
        font-size:20px !important;
    }

    .wei-equipment-fleet-stage-info > p{
        font-size:10.3px !important;
    }

    .wei-equipment-request-gateway{
        max-width:100% !important;
    }

    .wei-equipment-request-intro h3{
        font-size:22px !important;
    }

    .wei-equipment-request-intro p{
        font-size:10px !important;
    }

}

[class*="-breadcrumb"] a,
[class*="-breadcrumb"] a:visited,
[class*="-breadcrumb"] a:hover,
[class*="-breadcrumb"] a:active,
[class*="-breadcrumb"] a:focus{
    color:#fff;
    text-decoration:none;
}

/* Home Page All Section dark color */
/* ABOUT - WHITE */
.about-section{
    background:#ffffff;
}


/* SERVICES - DARK */
.we-services{
    background:
    linear-gradient(
        135deg,
        #1f2933 0%,
        #123b44 55%,
        var(--accent) 100%
    );
}

.we-services .we-heading h2,
.we-services .we-heading p{
    color:#ffffff;
}

.we-services .we-heading span,
.we-services .we-heading h2 strong{
    color:#0bb7c5;
}


/* PROJECTS - WHITE */
.we-featured-projects{
    background:#ffffff;
}


/* CLIENTS - DARK */
.we-clients{
    background:
    linear-gradient(
        135deg,
        #1f2933 0%,
        #123b44 55%,
        var(--accent) 100%
    );
}

.we-clients .clients-heading h2,
.we-clients .clients-heading p{
    color:#ffffff;
}

.we-clients .clients-heading > span,
.we-clients .clients-heading h2 strong{
    color:#0bb7c5;
}


/* EQUIPMENT - WHITE */
.equipment-section{
    background:#ffffff;
}


/* QUALITY & SAFETY - DARK */
.quality-safety-section{
    background:
    linear-gradient(
        135deg,
        #1f2933 0%,
        #123b44 55%,
        var(--accent) 100%
    );
}

.quality-safety-section .qs-heading h2,
.quality-safety-section .qs-heading p{
    color:#ffffff;
}

.quality-safety-section .qs-heading span,
.quality-safety-section .qs-heading h2 strong{
    color:#0bb7c5;
}


/* BLOGS - WHITE */
.news-insight-section{
    background:#ffffff;
}


/* FAQ - DARK */
.premium-faq-section{
    background:
    linear-gradient(
        135deg,
        #1f2933 0%,
        #123b44 55%,
        var(--accent) 100%
    );
}

.premium-faq-section .premium-faq-heading h2,
.premium-faq-section .premium-faq-heading p{
    color:#ffffff;
}

.premium-faq-section .premium-faq-heading span,
.premium-faq-section .premium-faq-heading h2 strong{
    color:#0bb7c5;
}

/* Completed Projects Page Banner Section */
 .completed-projects-banner{

    height:75vh;
    position:relative;
    overflow:hidden;

    background:
    linear-gradient(
        135deg,
        #1f2933 0%,
        #123b44 45%,
        var(--accent) 100%
    );

}

.completed-projects-banner img{

    width:100%;
    height:100%;
    object-fit:cover;

}

.completed-projects-banner-overlay{

    position:absolute;
    inset:0;

    background:
    linear-gradient(
        90deg,
        rgba(16,33,43,.85),
        rgba(0,117,130,.35)
    );

}

.completed-projects-banner-content{

    position:absolute;

    top:50%;
    left:0;

    transform:translateY(-50%);

    width:100%;

    text-align:center;

    color:#fff;

}

.completed-projects-banner-content h1{

    font-size:60px;

    font-weight:900;

    margin-bottom:25px;

}

.completed-projects-breadcrumb{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:15px;

    font-size:17px;

    font-weight:700;

}

.completed-projects-breadcrumb i{

    color:#0bb7c5;

    font-style:normal;

}

.completed-projects-breadcrumb a,
.completed-projects-breadcrumb a:visited,
.completed-projects-breadcrumb a:hover,
.completed-projects-breadcrumb a:active,
.completed-projects-breadcrumb a:focus{

    color:#fff;

    text-decoration:none;

}

@media(max-width:991px){

   .completed-projects-banner{

        height:500px;

    }

    .completed-projects-banner-content h1{

        font-size:45px;

    }

}

@media(max-width:768px){

    .completed-projects-banner{

        height:500px;

    }

    .completed-projects-banner-content h1{

        font-size:38px;

    }

    .completed-projects-breadcrumb{

        font-size:14px;

    }

}

@media(max-width:576px){

    .completed-projects-banner{

        height:420px;

    }

    .completed-projects-banner-content h1{

        font-size:32px;

    }

}

@media(max-width:480px){

    .completed-projects-banner-content h1{

        font-size:29px;

    }

}

@media(max-width:360px){

    .completed-projects-banner{

        height:380px;

    }

    .completed-projects-banner-content h1{

        font-size:28px;

    }

}

@media(max-width:300px){

    .completed-projects-banner{

        height:320px;

    }

    .completed-projects-banner-content h1{

        font-size:24px;

    }

}

/* Completed Projects Page First Section */
.cp-showcase-section{

    padding:100px 0;

    position:relative;

    overflow:hidden;

    background:#f4f8f9;

}


/* BACKGROUND DECORATION */

.cp-showcase-section::before{

    content:"";

    position:absolute;

    width:420px;
    height:420px;

    top:-220px;
    right:-190px;

    border-radius:50%;

    background:rgba(0,109,119,.055);

}


.cp-showcase-section::after{

    content:"";

    position:absolute;

    width:270px;
    height:270px;

    left:-150px;
    bottom:-150px;

    border-radius:50%;

    border:1px solid rgba(0,109,119,.08);

}


.cp-showcase-section .container{

    position:relative;

    z-index:2;

}


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

.cp-showcase-heading{

    max-width:800px;

    margin:0 auto 45px;

    text-align:center;

}


.cp-showcase-subtitle{

    display:inline-block;

    position:relative;

    padding-bottom:13px;

    margin-bottom:17px;

    color:#006d77;

    font-size:17px;

    font-weight:900;

    letter-spacing:3.5px;

}


.cp-showcase-subtitle::after{

    content:"";

    position:absolute;

    left:50%;
    bottom:0;

    transform:translateX(-50%);

    width:75px;
    height:3px;

    border-radius:20px;

    background:#0bb7c5;

}


.cp-showcase-heading h2{

    max-width:700px;

    margin:18px auto;

    color:#10232c;

    font-size:38px;

    line-height:1.2;

    font-weight:900;

}


.cp-showcase-heading h2 strong{

    color:#006d77;

}


.cp-showcase-heading p{

    max-width:670px;

    margin:auto;

    color:#687b81;

    font-size:15px;

    line-height:1.75;

}


/* =====================================================
   FILTER
===================================================== */

.cp-showcase-filter{

    display:flex;

    align-items:center;

    justify-content:center;

    flex-wrap:wrap;

    gap:9px;

    margin-bottom:38px;

}


.cp-showcase-filter-btn{

    padding:10px 20px;

    border:1px solid #d3e2e4;

    border-radius:50px;

    background:#ffffff;

    color:#61767c;

    font-size:11px;

    font-weight:800;

    cursor:pointer;

    box-shadow:
        0 5px 15px rgba(16,35,44,.03);

    transition:.3s ease;

}


.cp-showcase-filter-btn:hover,
.cp-showcase-filter-btn.active{

    border-color:#006d77;

    background:#006d77;

    color:#ffffff;

    box-shadow:
        0 8px 20px rgba(0,109,119,.18);

}


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

.cp-showcase-grid{

    max-width:1180px;

    margin:0 auto;

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:24px;

}


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

.cp-showcase-card{

    background:#ffffff;

    border:1px solid #e3ebed;

    border-radius:22px;

    overflow:hidden;

    box-shadow:
        0 15px 40px rgba(16,35,44,.07);

    transition:
        transform .4s ease,
        box-shadow .4s ease,
        border-color .4s ease;

}


.cp-showcase-card:hover{

    transform:translateY(-7px);

    border-color:#bddfe2;

    box-shadow:
        0 25px 60px rgba(16,35,44,.13);

}


/* =====================================================
   IMAGE
===================================================== */

.cp-showcase-image{

    height:225px;

    position:relative;

    overflow:hidden;

    background:#0c333c;

}


.cp-showcase-image img{

    width:100%;

    height:100%;

    object-fit:cover;

    display:block;

    transition:.6s ease;

}


.cp-showcase-card:hover
.cp-showcase-image img{

    transform:scale(1.07);

}


.cp-showcase-image-overlay{

    position:absolute;

    inset:0;

    background:
        linear-gradient(
            180deg,
            rgba(3,28,34,.04) 25%,
            rgba(3,28,34,.58) 100%
        );

}


/* =====================================================
   STATUS
===================================================== */

.cp-showcase-status{

    position:absolute;

    top:15px;
    left:15px;

    display:inline-flex;

    align-items:center;

    gap:6px;

    padding:7px 12px;

    border-radius:50px;

    background:#0bb7c5;

    color:#ffffff;

    font-size:8px;

    font-weight:900;

    letter-spacing:1px;

    text-transform:uppercase;

    box-shadow:
        0 8px 20px rgba(0,0,0,.18);

}


/* =====================================================
   YEAR
===================================================== */

.cp-showcase-year{

    position:absolute;

    right:15px;
    bottom:15px;

    width:68px;
    height:68px;

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:#ffffff;

    box-shadow:
        0 12px 28px rgba(0,0,0,.18);

}


.cp-showcase-year small{

    display:block;

    color:#89999d;

    font-size:7px;

    font-weight:800;

    text-transform:uppercase;

}


.cp-showcase-year strong{

    margin-top:1px;

    color:#006d77;

    font-size:16px;

    line-height:1;

    font-weight:900;

}


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

.cp-showcase-content{

    padding:20px 20px 18px;

}


.cp-showcase-category{

    display:block;

    margin-bottom:8px;

    color:#006d77;

    font-size:9px;

    font-weight:900;

    letter-spacing:1.7px;

}


.cp-showcase-content h3{

    min-height:50px;

    margin:0 0 16px;

    color:#10232c;

    font-size:20px;

    line-height:1.3;

    font-weight:900;

}


/* =====================================================
   META
===================================================== */

.cp-showcase-meta{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:9px;

    padding:13px 0;

    border-top:1px solid #e4ecee;

    border-bottom:1px solid #e4ecee;

}


.cp-showcase-meta > div{

    display:flex;

    align-items:center;

    gap:8px;

    min-width:0;

}


.cp-showcase-meta-icon{

    width:30px;
    height:30px;

    min-width:30px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:9px;

    background:#eaf7f8;

    color:#006d77;

    font-size:10px;

}


.cp-showcase-meta > div > span:last-child{

    min-width:0;

    color:#263c43;

    font-size:11px;

    line-height:1.35;

    font-weight:800;

}


.cp-showcase-meta small{

    display:block;

    margin-bottom:2px;

    color:#8b999d;

    font-size:7px;

    font-weight:700;

    letter-spacing:.5px;

    text-transform:uppercase;

}


/* =====================================================
   SCOPE
===================================================== */

.cp-showcase-scope{

    padding:15px 0;

}


.cp-showcase-scope > span{

    display:block;

    margin-bottom:6px;

    color:#173039;

    font-size:9px;

    font-weight:900;

    letter-spacing:1px;

    text-transform:uppercase;

}


.cp-showcase-scope p{

    margin:0;

    color:#6d7e83;

    font-size:12px;

    line-height:1.6;

}


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

.cp-showcase-link{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    gap:10px;

    padding:11px 20px;

    margin-top:5px;

    border:none;
    border-radius:50px;

    background:#008b96;
    color:#ffffff;

    text-decoration:none;

    font-size:12px;
    font-weight:800;

    transition:.3s ease;
}

.cp-showcase-link i{
    width:auto;
    height:auto;

    background:none;

    color:#ffffff;

    font-size:12px;
}

.cp-showcase-link:hover{
    background:#006d77;
    color:#ffffff;

    transform:translateY(-2px);
}

.cp-showcase-link:hover i{
    background:none;
    color:#ffffff;

    transform:translateX(3px);
}

/* FILTER HIDDEN */

.cp-showcase-card.cp-filter-hidden{

    display:none;

}


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

@media(max-width:991px){

    .cp-showcase-section{

        padding:80px 15px;

    }


    .cp-showcase-grid{

        max-width:820px;

        grid-template-columns:repeat(2,1fr);

        gap:20px;

    }


    .cp-showcase-heading h2{

        font-size:34px;

    }

}


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

@media(max-width:768px){

    .cp-showcase-section{

        padding:60px 12px;

    }


    .cp-showcase-heading{

        margin-bottom:32px;

    }


    .cp-showcase-subtitle{

        font-size:13px;

        letter-spacing:2.8px;

    }


    .cp-showcase-heading h2{

        max-width:390px;

        font-size:30px;

    }


    .cp-showcase-heading p{

        max-width:390px;

        font-size:13px;

    }


    .cp-showcase-filter{

        justify-content:flex-start;

        flex-wrap:nowrap;

        overflow-x:auto;

        padding:2px 0 10px;

        margin-bottom:25px;

        scrollbar-width:none;

    }


    .cp-showcase-filter::-webkit-scrollbar{

        display:none;

    }


    .cp-showcase-filter-btn{

        flex:0 0 auto;

        padding:9px 17px;

        font-size:10px;

    }


    .cp-showcase-grid{

        max-width:430px;

        grid-template-columns:1fr;

        gap:20px;

    }


    .cp-showcase-image{

        height:250px;

    }


    .cp-showcase-content h3{

        min-height:0;

        font-size:21px;

    }

}


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

@media(max-width:480px){

    .cp-showcase-section{

        padding:52px 9px;

    }


    .cp-showcase-heading h2{

        font-size:27px;

    }


    .cp-showcase-grid{

        max-width:370px;

    }


    .cp-showcase-card{

        border-radius:20px;

    }


    .cp-showcase-image{

        height:220px;

    }


    .cp-showcase-content{

        padding:18px 16px 16px;

    }


    .cp-showcase-content h3{

        font-size:19px;

    }


    .cp-showcase-meta{

        grid-template-columns:1fr;

    }

}


/* =====================================================
   EXTRA SMALL
===================================================== */

@media(max-width:360px){

    .cp-showcase-heading h2{

        font-size:24px;

    }


    .cp-showcase-image{

        height:200px;

    }

}

.cp-showcase-loadmore-wrap{
    display:flex;
    justify-content:center;
    margin-top:40px;
}

.cp-showcase-loadmore-btn{
    display:none;

    align-items:center;
    justify-content:center;

    gap:10px;

    padding:14px 28px;

    border:none;
    border-radius:50px;

    background:#006d77;
    color:#ffffff;

    font-size:12px;
    font-weight:900;

    cursor:pointer;

    transition:.3s ease;
}

.cp-showcase-loadmore-btn:hover{
    background:#0bb7c5;
    color:#ffffff;

    transform:translateY(-3px);
}

.cp-showcase-loadmore-btn i{
    font-size:11px;
}

@media(max-width:768px){

    .cp-showcase-loadmore-wrap{
        margin-top:30px;
    }

    .cp-showcase-loadmore-btn{
        padding:12px 23px;
        font-size:11px;
    }

}

/* Completed Projects Page Second Section */
.cp-delivery-section{

    padding:95px 0;

    position:relative;

    overflow:hidden;

    background:
    linear-gradient(
        135deg,
        #082b34 0%,
        #0d3943 55%,
        #006d77 100%
    );

}


/* BACKGROUND DECORATION */

.cp-delivery-section::before{

    content:"";

    position:absolute;

    width:430px;
    height:430px;

    top:-250px;
    right:-150px;

    border-radius:50%;

    border:1px solid rgba(255,255,255,.08);

}


.cp-delivery-section::after{

    content:"";

    position:absolute;

    width:260px;
    height:260px;

    left:-120px;
    bottom:-130px;

    border-radius:50%;

    background:rgba(11,183,197,.08);

}


.cp-delivery-section .container{

    position:relative;

    z-index:2;

}


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

.cp-delivery-heading{

    max-width:780px;

    margin:0 auto 50px;

    text-align:center;

}


.cp-delivery-heading > span{

    display:inline-block;

    position:relative;

    margin-bottom:18px;

    padding-bottom:13px;

    color:#5edce4;

    font-size:15px;

    font-weight:900;

    letter-spacing:3px;

}


.cp-delivery-heading > span::after{

    content:"";

    position:absolute;

    left:50%;
    bottom:0;

    transform:translateX(-50%);

    width:70px;
    height:3px;

    border-radius:20px;

    background:#0bb7c5;

}


.cp-delivery-heading h2{

    max-width:700px;

    margin:18px auto;

    color:#ffffff;

    font-size:38px;

    line-height:1.2;

    font-weight:900;

}


.cp-delivery-heading h2 strong{

    color:#61dce4;

}


.cp-delivery-heading p{

    max-width:650px;

    margin:auto;

    color:#b5cdd1;

    font-size:15px;

    line-height:1.75;

}


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

.cp-delivery-grid{

    max-width:1120px;

    margin:0 auto;

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:22px;

}


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

.cp-delivery-card{

    min-height:300px;

    position:relative;

    padding:34px 28px;

    overflow:hidden;

    border:1px solid rgba(255,255,255,.10);

    border-radius:24px;

    background:
    linear-gradient(
        145deg,
        rgba(255,255,255,.09),
        rgba(255,255,255,.04)
    );

    backdrop-filter:blur(10px);

    box-shadow:
        0 20px 50px rgba(0,0,0,.15);

    transition:
        transform .35s ease,
        border-color .35s ease,
        background .35s ease;

}


.cp-delivery-card:hover{

    transform:translateY(-8px);

    border-color:rgba(94,220,228,.40);

    background:
    linear-gradient(
        145deg,
        rgba(255,255,255,.12),
        rgba(255,255,255,.06)
    );

}


/* NUMBER */

.cp-delivery-number{

    position:absolute;

    top:20px;
    right:22px;

    color:rgba(255,255,255,.10);

    font-size:52px;

    line-height:1;

    font-weight:900;

}


/* ICON */

.cp-delivery-icon{

    width:58px;
    height:58px;

    margin-bottom:28px;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:16px;

    background:#0bb7c5;

    color:#ffffff;

    font-size:20px;

    box-shadow:
        0 12px 28px rgba(11,183,197,.25);

}


/* TITLE */

.cp-delivery-card h3{

    margin:0 0 15px;

    color:#ffffff;

    font-size:21px;

    line-height:1.3;

    font-weight:900;

}


/* TEXT */

.cp-delivery-card p{

    margin:0;

    color:#b7ccd0;

    font-size:13px;

    line-height:1.75;

}


/* BOTTOM LINE */

.cp-delivery-card::after{

    content:"";

    position:absolute;

    left:28px;
    right:28px;
    bottom:0;

    height:3px;

    border-radius:10px 10px 0 0;

    background:
    linear-gradient(
        90deg,
        #0bb7c5,
        transparent
    );

}


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

@media(max-width:991px){

    .cp-delivery-section{

        padding:80px 15px;

    }


    .cp-delivery-grid{

        gap:18px;

    }


    .cp-delivery-card{

        padding:28px 22px;

    }


    .cp-delivery-heading h2{

        font-size:34px;

    }

}


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

@media(max-width:768px){

    .cp-delivery-section{

        padding:60px 12px;

    }


    .cp-delivery-heading{

        margin-bottom:35px;

    }


    .cp-delivery-heading > span{

        font-size:12px;

        letter-spacing:2.5px;

    }


    .cp-delivery-heading h2{

        max-width:390px;

        font-size:30px;

    }


    .cp-delivery-heading p{

        max-width:390px;

        font-size:13px;

    }


    .cp-delivery-grid{

        max-width:430px;

        grid-template-columns:1fr;

        gap:18px;

    }


    .cp-delivery-card{

        min-height:auto;

        padding:28px 22px 30px;

    }


    .cp-delivery-number{

        font-size:44px;

    }

}


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

@media(max-width:480px){

    .cp-delivery-section{

        padding:52px 9px;

    }


    .cp-delivery-heading h2{

        font-size:27px;

    }


    .cp-delivery-grid{

        max-width:370px;

    }


    .cp-delivery-card{

        border-radius:20px;

        padding:25px 19px 28px;

    }


    .cp-delivery-icon{

        width:52px;
        height:52px;

        font-size:18px;

    }


    .cp-delivery-card h3{

        font-size:19px;

    }


    .cp-delivery-card p{

        font-size:12px;

    }

}


/* =====================================================
   EXTRA SMALL
===================================================== */

@media(max-width:360px){

    .cp-delivery-heading h2{

        font-size:24px;

    }

}

/* Ongoing Projects Page Banner Section */
.ongoing-projects-banner{

    height:75vh;
    position:relative;
    overflow:hidden;

    background:
    linear-gradient(
        135deg,
        #1f2933 0%,
        #123b44 45%,
        var(--accent) 100%
    );

}

.ongoing-projects-banner img{

    width:100%;
    height:100%;
    object-fit:cover;

}

.ongoing-projects-banner-overlay{

    position:absolute;
    inset:0;

    background:
    linear-gradient(
        90deg,
        rgba(16,33,43,.85),
        rgba(0,117,130,.35)
    );

}

.ongoing-projects-banner-content{

    position:absolute;

    top:50%;
    left:0;

    transform:translateY(-50%);

    width:100%;

    text-align:center;

    color:#fff;

}

.ongoing-projects-banner-content h1{

    font-size:60px;

    font-weight:900;

    margin-bottom:25px;

}

.ongoing-projects-breadcrumb{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:15px;

    font-size:17px;

    font-weight:700;

}

.ongoing-projects-breadcrumb i{

    color:#0bb7c5;

    font-style:normal;

}

.ongoing-projects-breadcrumb a,
.ongoing-projects-breadcrumb a:visited,
.ongoing-projects-breadcrumb a:hover,
.ongoing-projects-breadcrumb a:active,
.ongoing-projects-breadcrumb a:focus{

    color:#fff;

    text-decoration:none;

}

@media(max-width:991px){

   .ongoing-projects-banner{

        height:500px;

    }

    .ongoing-projects-banner-content h1{

        font-size:45px;

    }

}

@media(max-width:768px){

    .ongoing-projects-banner{

        height:500px;

    }

    .ongoing-projects-banner-content h1{

        font-size:38px;

    }

    .ongoing-projects-breadcrumb{

        font-size:14px;

    }

}

@media(max-width:576px){

    .ongoing-projects-banner{

        height:420px;

    }

    .ongoing-projects-banner-content h1{

        font-size:32px;

    }

}

@media(max-width:480px){

    .ongoing-projects-banner-content h1{

        font-size:29px;

    }

}

@media(max-width:360px){

    .ongoing-projects-banner{

        height:380px;

    }

    .ongoing-projects-banner-content h1{

        font-size:28px;

    }

}

@media(max-width:300px){

    .ongoing-projects-banner{

        height:320px;

    }

    .ongoing-projects-banner-content h1{

        font-size:24px;

    }

}

/* Ongoing Projects Page First Section */
.ongoing-showcase-section{
    padding:100px 0;
    position:relative;
    overflow:hidden;
    background:#f4f8f9;
}

.ongoing-showcase-section::before{
    content:"";
    position:absolute;
    width:420px;
    height:420px;
    top:-220px;
    right:-190px;
    border-radius:50%;
    background:rgba(0,109,119,.055);
}

.ongoing-showcase-section::after{
    content:"";
    position:absolute;
    width:270px;
    height:270px;
    left:-150px;
    bottom:-150px;
    border-radius:50%;
    border:1px solid rgba(0,109,119,.08);
}

.ongoing-showcase-section .container{
    position:relative;
    z-index:2;
}


/* HEADING */

.ongoing-showcase-heading{
    max-width:800px;
    margin:0 auto 45px;
    text-align:center;
}

.ongoing-showcase-small-title{
    display:inline-block;
    position:relative;
    padding-bottom:13px;
    margin-bottom:17px;
    color:#006d77;
    font-size:17px;
    font-weight:900;
    letter-spacing:3.5px;
}

.ongoing-showcase-small-title::after{
    content:"";
    position:absolute;
    left:50%;
    bottom:0;
    transform:translateX(-50%);
    width:75px;
    height:3px;
    border-radius:20px;
    background:#0bb7c5;
}

.ongoing-showcase-heading h2{
    max-width:700px;
    margin:18px auto;
    color:#10232c;
    font-size:38px;
    line-height:1.2;
    font-weight:900;
}

.ongoing-showcase-heading h2 strong{
    color:#006d77;
}

.ongoing-showcase-heading p{
    max-width:670px;
    margin:auto;
    color:#687b81;
    font-size:15px;
    line-height:1.75;
}


/* FILTER */

.ongoing-showcase-filter{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    gap:9px;
    margin-bottom:38px;
}

.ongoing-showcase-filter-btn{
    padding:10px 20px;
    border:1px solid #d3e2e4;
    border-radius:50px;
    background:#ffffff;
    color:#61767c;
    font-size:11px;
    font-weight:800;
    cursor:pointer;
    transition:.3s ease;
}

.ongoing-showcase-filter-btn:hover,
.ongoing-showcase-filter-btn.active{
    border-color:#006d77;
    background:#006d77;
    color:#ffffff;
}


/* GRID */

.ongoing-showcase-grid{
    max-width:1180px;
    margin:0 auto;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px;
}


/* CARD */

.ongoing-showcase-card{
    background:#ffffff;
    border:1px solid #e3ebed;
    border-radius:22px;
    overflow:hidden;
    box-shadow:0 15px 40px rgba(16,35,44,.07);
    transition:
        transform .4s ease,
        box-shadow .4s ease,
        border-color .4s ease;
}

.ongoing-showcase-card:hover{
    transform:translateY(-7px);
    border-color:#bddfe2;
    box-shadow:0 25px 60px rgba(16,35,44,.13);
}


/* IMAGE */

.ongoing-showcase-image{
    position:relative;
    height:225px;
    overflow:hidden;
    background:#0b3039;
}

.ongoing-showcase-image img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    transition:.6s ease;
}

.ongoing-showcase-card:hover
.ongoing-showcase-image img{
    transform:scale(1.07);
}

.ongoing-showcase-image-overlay{
    position:absolute;
    inset:0;
    background:
    linear-gradient(
        180deg,
        rgba(3,28,34,.03) 30%,
        rgba(3,28,34,.48) 100%
    );
}


/* STATUS */

.ongoing-showcase-status{
    position:absolute;
    top:15px;
    left:15px;
    padding:7px 12px;
    border-radius:50px;
    background:#0bb7c5;
    color:#ffffff;
    font-size:8px;
    font-weight:900;
    letter-spacing:1px;
    text-transform:uppercase;
    box-shadow:0 8px 20px rgba(0,0,0,.18);
}


/* PROGRESS CIRCLE */

.ongoing-showcase-progress-circle{
    position:absolute;
    right:15px;
    bottom:15px;
    width:68px;
    height:68px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#ffffff;
    box-shadow:0 12px 28px rgba(0,0,0,.18);
}

.ongoing-showcase-progress-circle small{
    color:#89999d;
    font-size:7px;
    font-weight:800;
    text-transform:uppercase;
}

.ongoing-showcase-progress-circle strong{
    margin-top:2px;
    color:#006d77;
    font-size:16px;
    font-weight:900;
}


/* CONTENT */

.ongoing-showcase-content{
    padding:20px 20px 18px;
}

.ongoing-showcase-category{
    display:block;
    margin-bottom:8px;
    color:#006d77;
    font-size:9px;
    font-weight:900;
    letter-spacing:1.7px;
}

.ongoing-showcase-content h3{
    min-height:50px;
    margin:0 0 16px;
    color:#10232c;
    font-size:20px;
    line-height:1.3;
    font-weight:900;
}


/* META */

.ongoing-showcase-meta{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:9px;
    padding:13px 0;
    border-top:1px solid #e4ecee;
    border-bottom:1px solid #e4ecee;
}

.ongoing-showcase-meta > div{
    display:flex;
    align-items:center;
    gap:8px;
    min-width:0;
}

.ongoing-showcase-meta-icon{
    width:30px;
    height:30px;
    min-width:30px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:9px;
    background:#eaf7f8;
    color:#006d77;
    font-size:10px;
}

.ongoing-showcase-meta > div > span:last-child{
    min-width:0;
    color:#263c43;
    font-size:11px;
    line-height:1.35;
    font-weight:800;
}

.ongoing-showcase-meta small{
    display:block;
    margin-bottom:2px;
    color:#8b999d;
    font-size:7px;
    font-weight:700;
    letter-spacing:.5px;
    text-transform:uppercase;
}


/* SCOPE */

.ongoing-showcase-scope{
    padding:15px 0 12px;
}

.ongoing-showcase-scope > span{
    display:block;
    margin-bottom:6px;
    color:#173039;
    font-size:9px;
    font-weight:900;
    letter-spacing:1px;
    text-transform:uppercase;
}

.ongoing-showcase-scope p{
    margin:0;
    color:#6d7e83;
    font-size:12px;
    line-height:1.6;
}


/* PROGRESS BAR */

.ongoing-showcase-progress{
    padding:12px 0 17px;
}

.ongoing-showcase-progress-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:8px;
}

.ongoing-showcase-progress-top span{
    color:#718086;
    font-size:10px;
    font-weight:700;
}

.ongoing-showcase-progress-top strong{
    color:#006d77;
    font-size:12px;
    font-weight:900;
}

.ongoing-showcase-progress-track{
    width:100%;
    height:7px;
    overflow:hidden;
    border-radius:20px;
    background:#dce9eb;
}

.ongoing-showcase-progress-bar{
    height:100%;
    border-radius:20px;
    background:
    linear-gradient(
        90deg,
        #006d77,
        #0bb7c5
    );
}


/* BUTTON */

.ongoing-showcase-link{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    padding:11px 20px;
    border-radius:50px;
    background:#008b96;
    color:#ffffff;
    text-decoration:none;
    font-size:12px;
    font-weight:800;
    transition:.3s ease;
}

.ongoing-showcase-link:hover{
    background:#006d77;
    color:#ffffff;
    transform:translateY(-2px);
}

.ongoing-showcase-link i{
    font-size:11px;
}


/* LOAD MORE */

.ongoing-showcase-loadmore-wrap{
    display:flex;
    justify-content:center;
    margin-top:40px;
}

.ongoing-showcase-loadmore-btn{
    display:none;
    align-items:center;
    justify-content:center;
    gap:10px;
    padding:14px 28px;
    border:none;
    border-radius:50px;
    background:#006d77;
    color:#ffffff;
    font-size:12px;
    font-weight:900;
    cursor:pointer;
    transition:.3s ease;
}

.ongoing-showcase-loadmore-btn:hover{
    background:#0bb7c5;
    color:#ffffff;
    transform:translateY(-3px);
}


/* TABLET */

@media(max-width:991px){

    .ongoing-showcase-section{
        padding:80px 15px;
    }

    .ongoing-showcase-grid{
        max-width:820px;
        grid-template-columns:repeat(2,1fr);
        gap:20px;
    }

    .ongoing-showcase-heading h2{
        font-size:34px;
    }

}


/* MOBILE */

@media(max-width:768px){

    .ongoing-showcase-section{
        padding:60px 12px;
    }

    .ongoing-showcase-heading{
        margin-bottom:32px;
    }

    .ongoing-showcase-small-title{
        font-size:13px;
        letter-spacing:2.8px;
    }

    .ongoing-showcase-heading h2{
        max-width:390px;
        font-size:30px;
    }

    .ongoing-showcase-heading p{
        max-width:390px;
        font-size:13px;
    }

    .ongoing-showcase-filter{
        justify-content:flex-start;
        flex-wrap:nowrap;
        overflow-x:auto;
        padding:2px 0 10px;
        margin-bottom:25px;
        scrollbar-width:none;
    }

    .ongoing-showcase-filter::-webkit-scrollbar{
        display:none;
    }

    .ongoing-showcase-filter-btn{
        flex:0 0 auto;
        padding:9px 17px;
        font-size:10px;
    }

    .ongoing-showcase-grid{
        max-width:430px;
        grid-template-columns:1fr;
        gap:20px;
    }

    .ongoing-showcase-image{
        height:250px;
    }

    .ongoing-showcase-content h3{
        min-height:0;
        font-size:21px;
    }

}


/* SMALL MOBILE */

@media(max-width:480px){

    .ongoing-showcase-section{
        padding:52px 9px;
    }

    .ongoing-showcase-heading h2{
        font-size:27px;
    }

    .ongoing-showcase-grid{
        max-width:370px;
    }

    .ongoing-showcase-image{
        height:220px;
    }

    .ongoing-showcase-content{
        padding:18px 16px 16px;
    }

    .ongoing-showcase-content h3{
        font-size:19px;
    }

    .ongoing-showcase-meta{
        grid-template-columns:1fr;
    }

}


/* EXTRA SMALL */

@media(max-width:360px){

    .ongoing-showcase-heading h2{
        font-size:24px;
    }

    .ongoing-showcase-image{
        height:200px;
    }

}

/* Ongoing Projects Page Second Section */
.op-execution-focus-section{
    padding:95px 0;
    position:relative;
    overflow:hidden;

    background:
    linear-gradient(
        135deg,
        #082b34 0%,
        #0d3943 55%,
        #006d77 100%
    );
}

.op-execution-focus-section::before{
    content:"";
    position:absolute;

    width:350px;
    height:350px;

    top:-180px;
    left:-180px;

    border-radius:50%;

    background:rgba(11,183,197,.08);
}

.op-execution-focus-section::after{
    content:"";
    position:absolute;

    width:260px;
    height:260px;

    right:-120px;
    bottom:-130px;

    border-radius:50%;

    border:1px solid rgba(255,255,255,.08);
}

.op-execution-focus-section .container{
    position:relative;
    z-index:2;
}


/* HEADING */

.op-execution-focus-heading{
    max-width:780px;
    margin:0 auto 55px;
    text-align:center;
}

.op-execution-focus-heading > span{
    display:inline-block;
    position:relative;

    padding-bottom:13px;
    margin-bottom:17px;

    color:#5edce4;

    font-size:15px;
    font-weight:900;
    letter-spacing:3px;
}

.op-execution-focus-heading > span::after{
    content:"";

    position:absolute;

    left:50%;
    bottom:0;

    transform:translateX(-50%);

    width:70px;
    height:3px;

    border-radius:20px;

    background:#0bb7c5;
}

.op-execution-focus-heading h2{
    max-width:700px;

    margin:18px auto;

    color:#ffffff;

    font-size:38px;
    line-height:1.2;
    font-weight:900;
}

.op-execution-focus-heading h2 strong{
    color:#5edce4;
}

.op-execution-focus-heading p{
    max-width:650px;

    margin:auto;

    color:#b5cdd1;

    font-size:15px;
    line-height:1.75;
}


/* STRIP */

.op-execution-focus-strip{
    max-width:1180px;

    margin:auto;

    display:grid;

    grid-template-columns:
        1fr auto
        1fr auto
        1fr auto
        1fr;

    align-items:center;

    gap:18px;
}


/* ITEM */

.op-execution-focus-item{
    min-height:250px;

    padding:26px 20px;

    border:1px solid rgba(255,255,255,.12);

    border-radius:22px;

    background:
    linear-gradient(
        145deg,
        rgba(255,255,255,.08),
        rgba(255,255,255,.04)
    );

    text-align:center;

    box-shadow:
        0 15px 40px rgba(0,0,0,.12);

    transition:
        transform .35s ease,
        border-color .35s ease,
        background .35s ease,
        box-shadow .35s ease;
}

.op-execution-focus-item:hover{
    transform:translateY(-6px);

    border-color:rgba(94,220,228,.45);

    background:
    linear-gradient(
        145deg,
        rgba(255,255,255,.12),
        rgba(255,255,255,.06)
    );

    box-shadow:
        0 22px 50px rgba(0,0,0,.20);
}


/* ICON */

.op-execution-focus-icon{
    width:56px;
    height:56px;

    margin:0 auto 19px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:16px;

    background:#0bb7c5;

    color:#ffffff;

    font-size:18px;

    box-shadow:
        0 10px 25px rgba(11,183,197,.25);
}


/* CONTENT */

.op-execution-focus-content > span{
    display:block;

    margin-bottom:7px;

    color:#62dce4;

    font-size:10px;
    font-weight:900;

    letter-spacing:1.5px;
}

.op-execution-focus-content h3{
    margin:0 0 12px;

    color:#ffffff;

    font-size:18px;
    font-weight:900;
}

.op-execution-focus-content p{
    margin:0;

    color:#b9cdd1;

    font-size:12px;
    line-height:1.65;
}


/* CONNECTING LINE */

.op-execution-focus-line{
    width:36px;
    height:2px;

    background:
    linear-gradient(
        90deg,
        rgba(94,220,228,.15),
        #0bb7c5,
        rgba(94,220,228,.15)
    );
}


/* TABLET */

@media(max-width:991px){

    .op-execution-focus-section{
        padding:80px 15px;
    }

    .op-execution-focus-strip{
        max-width:820px;

        grid-template-columns:1fr 1fr;

        gap:20px;
    }

    .op-execution-focus-line{
        display:none;
    }

    .op-execution-focus-heading h2{
        font-size:34px;
    }

}


/* MOBILE */

@media(max-width:768px){

    .op-execution-focus-section{
        padding:60px 12px;
    }

    .op-execution-focus-heading{
        margin-bottom:35px;
    }

    .op-execution-focus-heading > span{
        font-size:12px;
        letter-spacing:2.5px;
    }

    .op-execution-focus-heading h2{
        max-width:390px;
        font-size:30px;
    }

    .op-execution-focus-heading p{
        max-width:390px;
        font-size:13px;
    }

    .op-execution-focus-strip{
        max-width:430px;

        grid-template-columns:1fr;

        gap:16px;
    }

    .op-execution-focus-item{
        min-height:auto;

        padding:24px 20px;

        text-align:left;

        display:grid;

        grid-template-columns:auto 1fr;

        gap:16px;

        align-items:start;
    }

    .op-execution-focus-icon{
        width:50px;
        height:50px;

        margin:0;

        border-radius:14px;

        font-size:16px;
    }

}


/* SMALL MOBILE */

@media(max-width:480px){

    .op-execution-focus-section{
        padding:52px 9px;
    }

    .op-execution-focus-heading h2{
        font-size:27px;
    }

    .op-execution-focus-item{
        padding:20px 17px;

        border-radius:18px;
    }

    .op-execution-focus-content h3{
        font-size:17px;
    }

    .op-execution-focus-content p{
        font-size:11px;
    }

}


/* EXTRA SMALL */

@media(max-width:360px){

    .op-execution-focus-heading h2{
        font-size:24px;
    }

    .op-execution-focus-item{
        grid-template-columns:1fr;
        text-align:center;
    }

    .op-execution-focus-icon{
        margin:auto;
    }

}

/* Project Details Completed And Ongoing Page Banner Section */
.pd-main-banner{
    height:75vh;
    min-height:520px;
    position:relative;
    overflow:hidden;
    display:flex;
    align-items:center;
    background:
        linear-gradient(
            135deg,
            #1f2933 0%,
            #123b44 45%,
            #006d77 100%
        );
}

.pd-main-banner::before{
    content:"";
    position:absolute;
    width:420px;
    height:420px;
    top:-200px;
    right:-170px;
    border-radius:50%;
    border:80px solid rgba(255,255,255,.025);
    pointer-events:none;
}

.pd-main-banner::after{
    content:"";
    position:absolute;
    width:280px;
    height:280px;
    left:-150px;
    bottom:-160px;
    border-radius:50%;
    background:rgba(11,183,197,.055);
    pointer-events:none;
}

.pd-main-banner-overlay{
    position:absolute;
    inset:0;
    background:
        linear-gradient(
            90deg,
            rgba(16,33,43,.88),
            rgba(0,117,130,.32)
        );
}

.pd-main-banner .container{
    width:100%;
    position:relative;
    z-index:2;
}

.pd-main-banner-content{
    max-width:850px;
    margin:auto;
    text-align:center;
    color:#ffffff;
}

.pd-main-banner-content h1{
    margin:0 0 24px;
    color:#ffffff;
    font-size:60px;
    line-height:1.1;
    font-weight:900;
    letter-spacing:-1px;
}

.pd-main-banner-breadcrumb{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    gap:13px;
    font-size:15px;
    font-weight:700;
}

.pd-main-banner-breadcrumb a,
.pd-main-banner-breadcrumb a:visited,
.pd-main-banner-breadcrumb a:hover,
.pd-main-banner-breadcrumb a:active,
.pd-main-banner-breadcrumb a:focus{
    color:#ffffff;
    text-decoration:none;
}

.pd-main-banner-breadcrumb i{
    color:#0bb7c5;
    font-style:normal;
}

.pd-main-banner-breadcrumb span{
    color:#ffffff;
}

@media(max-width:991px){

    .pd-main-banner{
        height:500px;
        min-height:500px;
    }

    .pd-main-banner-content h1{
        font-size:45px;
    }

}

@media(max-width:768px){

    .pd-main-banner{
        height:500px;
        min-height:500px;
        padding:0 15px;
    }

    .pd-main-banner-content h1{
        font-size:38px;
    }

    .pd-main-banner-breadcrumb{
        gap:10px;
        font-size:14px;
    }

}

@media(max-width:576px){

    .pd-main-banner{
        height:420px;
        min-height:420px;
    }

    .pd-main-banner-content h1{
        font-size:32px;
    }

}

@media(max-width:480px){

    .pd-main-banner-content h1{
        font-size:29px;
    }

    .pd-main-banner-breadcrumb{
        font-size:12px;
    }

}

@media(max-width:360px){

    .pd-main-banner{
        height:380px;
        min-height:380px;
    }

    .pd-main-banner-content h1{
        font-size:27px;
    }

}

/* Project Details Completed And Ongoing Page First Section */
.pd-overview-section{
    padding:100px 0;
    position:relative;
    overflow:hidden;
    background:#f4f8f9;
}


/* =====================================================
   BACKGROUND
===================================================== */

.pd-overview-section::before{
    content:"";
    position:absolute;

    width:430px;
    height:430px;

    top:-230px;
    right:-200px;

    border-radius:50%;

    border:75px solid rgba(0,109,119,.035);
}

.pd-overview-section::after{
    content:"";
    position:absolute;

    width:300px;
    height:300px;

    left:-180px;
    bottom:-170px;

    border-radius:50%;

    background:rgba(11,183,197,.045);
}

.pd-overview-section .container{
    position:relative;
    z-index:2;
}


/* =====================================================
   MAIN OUTER SHELL
===================================================== */

.pd-overview-shell{
    max-width:1180px;

    margin:0 auto;

    overflow:hidden;

    border:1px solid #dce8ea;

    border-radius:30px;

    background:#e8f2f4;

    box-shadow:
        0 30px 75px rgba(16,35,44,.10);
}


/* =====================================================
   TOP MAIN AREA
===================================================== */

.pd-overview-main{
    display:grid;

    grid-template-columns:
        .92fr
        1.08fr;

    align-items:stretch;
}


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

.pd-overview-content{
    min-height:510px;

    padding:55px 45px;

    position:relative;

    display:flex;

    flex-direction:column;

    justify-content:center;

    min-width:0;

    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #f2f8f9 100%
        );
}

.pd-overview-content::before{
    content:"";

    position:absolute;

    width:4px;
    height:100px;

    top:58px;
    left:0;

    border-radius:0 10px 10px 0;

    background:#0bb7c5;
}


/* =====================================================
   TOP ROW
===================================================== */

.pd-overview-top{
    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:15px;

    margin-bottom:25px;
}

.pd-overview-category{
    display:inline-flex;

    align-items:center;

    min-height:32px;

    padding:0 13px;

    border-radius:8px;

    background:#e6f6f7;

    color:#006d77;

    font-size:9px;

    font-weight:900;

    letter-spacing:1.3px;

    white-space:nowrap;
}

.pd-overview-status{
    display:inline-flex;

    align-items:center;

    gap:7px;

    padding:8px 12px;

    border-radius:50px;

    font-size:8px;

    font-weight:900;

    letter-spacing:.8px;

    text-transform:uppercase;

    white-space:nowrap;
}

.pd-overview-status.ongoing{
    background:#e5f7f8;
    color:#008a95;
}

.pd-overview-status i{
    color:#0bb7c5;
    font-size:6px;
}


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

.pd-overview-heading > span{
    display:block;

    margin-bottom:10px;

    color:#0a8994;

    font-size:10px;

    font-weight:900;

    letter-spacing:2px;
}

.pd-overview-heading h2{
    max-width:480px;

    margin:0;

    color:#10232c;

    font-size:46px;

    line-height:1.08;

    font-weight:900;

    letter-spacing:-1px;
}

.pd-overview-heading h2 strong{
    display:block;

    color:#006d77;
}


/* =====================================================
   PROJECT SCOPE
===================================================== */

.pd-overview-description{
    max-width:520px;

    margin-top:22px;
}

.pd-overview-description-label{
    display:block;

    margin-bottom:8px;

    color:#173039;

    font-size:9px;

    font-weight:900;

    letter-spacing:1.2px;
}

.pd-overview-description p{
    margin:0;

    color:#6d7e83;

    font-size:13px;

    line-height:1.75;
}


/* =====================================================
   PROGRESS
===================================================== */

.pd-overview-progress{
    margin-top:30px;

    padding:17px 18px;

    border-radius:15px;

    background:#0b3039;

    box-shadow:
        0 15px 32px rgba(11,48,57,.12);
}

.pd-overview-progress-head{
    display:flex;

    align-items:flex-end;

    justify-content:space-between;

    gap:20px;

    margin-bottom:12px;
}

.pd-overview-progress-head small{
    display:block;

    margin-bottom:4px;

    color:#66dce4;

    font-size:6px;

    font-weight:900;

    letter-spacing:.9px;
}

.pd-overview-progress-head strong{
    display:block;

    color:#ffffff;

    font-size:12px;

    font-weight:900;
}

.pd-overview-progress-head > span{
    color:#ffffff;

    font-size:20px;

    line-height:1;

    font-weight:900;
}

.pd-overview-progress-track{
    width:100%;

    height:7px;

    overflow:hidden;

    border-radius:20px;

    background:rgba(255,255,255,.14);
}

.pd-overview-progress-bar{
    height:100%;

    border-radius:20px;

    background:
        linear-gradient(
            90deg,
            #0bb7c5,
            #61dce4
        );
}


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

.pd-overview-visual{
    min-height:510px;

    padding:13px;

    display:flex;

    min-width:0;

    background:#e8f2f4;
}


/* IMAGE */

.pd-overview-image{
    width:100%;
    min-height:100%;

    position:relative;

    overflow:hidden;

    border-radius:22px;
}

.pd-overview-image img{
    width:100%;
    height:100%;

    position:absolute;

    inset:0;

    object-fit:cover;

    transition:.6s ease;
}

.pd-overview-image:hover img{
    transform:scale(1.04);
}

.pd-overview-image-overlay{
    position:absolute;

    inset:0;

    background:
        linear-gradient(
            180deg,
            rgba(7,30,36,.03) 30%,
            rgba(7,30,36,.18) 62%,
            rgba(7,30,36,.68) 100%
        );
}


/* PROJECT NUMBER */

.pd-overview-image-number{
    position:absolute;

    top:17px;
    left:17px;

    min-width:70px;

    padding:10px 12px;

    border-radius:12px;

    background:rgba(255,255,255,.94);
}

.pd-overview-image-number small{
    display:block;

    margin-bottom:2px;

    color:#718287;

    font-size:6px;

    font-weight:900;

    letter-spacing:.8px;
}

.pd-overview-image-number strong{
    color:#006d77;

    font-size:19px;

    font-weight:900;
}


/* IMAGE STATUS */

.pd-overview-image-status{
    position:absolute;

    left:18px;
    bottom:18px;

    padding:11px 14px;

    border-radius:12px;

    background:#0b3039;

    box-shadow:
        0 12px 30px rgba(0,0,0,.20);
}

.pd-overview-image-status span{
    display:block;

    margin-bottom:3px;

    color:#60dce5;

    font-size:6px;

    font-weight:900;

    letter-spacing:.8px;
}

.pd-overview-image-status strong{
    color:#ffffff;

    font-size:13px;

    font-weight:900;
}


/* =====================================================
   BOTTOM FULL WIDTH DETAILS
===================================================== */

/* =====================================================
   BOTTOM FULL WIDTH DETAILS - DARK
===================================================== */

.pd-overview-details-bar{
    width:100%;

    padding:14px;

    display:grid;

    grid-template-columns:
        repeat(3,1fr);

    gap:10px;

    border-top:1px solid rgba(255,255,255,.08);

    background:
        linear-gradient(
            135deg,
            #082b34 0%,
            #0b3039 55%,
            #0d4650 100%
        );
}


/* CARD */

.pd-overview-detail-card{
    min-height:82px;

    padding:13px 16px;

    display:flex;

    align-items:center;

    gap:12px;

    border:1px solid rgba(255,255,255,.10);

    border-radius:15px;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.08),
            rgba(255,255,255,.035)
        );

    box-shadow:
        0 10px 25px rgba(0,0,0,.10);

    transition:
        transform .3s ease,
        border-color .3s ease,
        background .3s ease,
        box-shadow .3s ease;
}

.pd-overview-detail-card:hover{
    transform:translateY(-3px);

    border-color:rgba(94,220,228,.35);

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.12),
            rgba(255,255,255,.05)
        );

    box-shadow:
        0 15px 32px rgba(0,0,0,.18);
}


/* ICON */

.pd-overview-detail-icon{
    width:42px;
    height:42px;

    min-width:42px;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:12px;

    background:#0bb7c5;

    color:#ffffff;

    font-size:11px;

    box-shadow:
        0 8px 20px rgba(11,183,197,.20);
}


/* CONTENT */

.pd-overview-detail-content{
    min-width:0;
    flex:1;
}

.pd-overview-detail-content small{
    display:block;

    margin-bottom:5px;

    color:#69dce4;

    font-size:6px;

    font-weight:900;

    letter-spacing:.65px;
}

.pd-overview-detail-content strong{
    display:block;

    color:#ffffff;

    font-size:10px;

    line-height:1.35;

    font-weight:900;
}


/* MOBILE */

@media(max-width:768px){

    .pd-overview-details-bar{
        grid-template-columns:1fr;

        padding:9px;

        gap:7px;
    }

    .pd-overview-detail-card{
        min-height:65px;

        padding:10px 12px;
    }

    .pd-overview-detail-content strong{
        font-size:9px;
    }

}

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

@media(max-width:991px){

    .pd-overview-section{
        padding:80px 15px;
    }

    .pd-overview-shell{
        max-width:820px;
    }

    .pd-overview-main{
        grid-template-columns:1fr;
    }

    .pd-overview-content{
        min-height:auto;

        padding:45px 38px;
    }

    .pd-overview-visual{
        min-height:430px;
    }

}


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

@media(max-width:768px){

    .pd-overview-section{
        padding:60px 10px;
    }

    .pd-overview-shell{
        max-width:430px;

        border-radius:22px;
    }

    .pd-overview-content{
        padding:30px 20px 27px;
    }

    .pd-overview-content::before{
        top:32px;

        height:70px;
    }

    .pd-overview-top{
        margin-bottom:18px;
    }

    .pd-overview-heading h2{
        font-size:32px;
    }

    .pd-overview-description{
        margin-top:15px;
    }

    .pd-overview-description-label{
        font-size:7px;
    }

    .pd-overview-description p{
        font-size:11px;

        line-height:1.65;
    }

    .pd-overview-progress{
        margin-top:22px;
    }

    .pd-overview-visual{
        min-height:320px;

        padding:8px;
    }

    .pd-overview-image{
        min-height:300px;

        border-radius:16px;
    }

}


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

@media(max-width:480px){

    .pd-overview-section{
        padding:52px 7px;
    }

    .pd-overview-content{
        padding:25px 16px 22px;
    }

    .pd-overview-category{
        font-size:7px;
    }

    .pd-overview-status{
        font-size:7px;
    }

    .pd-overview-heading h2{
        font-size:28px;
    }

    .pd-overview-description p{
        font-size:10px;
    }

    .pd-overview-progress{
        padding:14px;
    }

    .pd-overview-visual{
        min-height:275px;
    }

    .pd-overview-image{
        min-height:260px;
    }

}


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

@media(max-width:360px){

    .pd-overview-heading h2{
        font-size:25px;
    }

    .pd-overview-top{
        align-items:flex-start;

        flex-direction:column;
    }

}

/* =====================================================
   PROJECT DETAILS OVERVIEW - FINAL MOBILE POLISH
   ADD AT VERY END
===================================================== */

@media(max-width:768px){

    .pd-overview-section{
        padding:48px 8px 54px !important;
    }

    .pd-overview-shell{
        max-width:430px !important;
        margin:0 auto !important;
        border-radius:20px !important;
    }

    .pd-overview-content{
        padding:27px 18px 24px !important;
    }

    .pd-overview-content::before{
        top:28px !important;
        height:62px !important;
    }

    .pd-overview-top{
        margin-bottom:16px !important;
        gap:8px !important;
    }

    .pd-overview-category{
        min-height:27px !important;
        padding:0 10px !important;
        font-size:6.5px !important;
        letter-spacing:.9px !important;
    }

    .pd-overview-status{
        padding:7px 9px !important;
        font-size:6.5px !important;
    }

    .pd-overview-heading > span{
        margin-bottom:7px !important;
        font-size:7px !important;
        letter-spacing:1.3px !important;
    }

    .pd-overview-heading h2{
        max-width:320px !important;
        font-size:30px !important;
        line-height:1.08 !important;
        letter-spacing:-.5px !important;
    }

    .pd-overview-description{
        margin-top:14px !important;
    }

    .pd-overview-description-label{
        margin-bottom:5px !important;
        font-size:6.5px !important;
    }

    .pd-overview-description p{
        font-size:10px !important;
        line-height:1.6 !important;
    }


    /* PROGRESS */

    .pd-overview-progress{
        margin-top:20px !important;
        padding:13px 14px !important;
        border-radius:12px !important;
    }

    .pd-overview-progress-head{
        margin-bottom:9px !important;
    }

    .pd-overview-progress-head small{
        font-size:5px !important;
    }

    .pd-overview-progress-head strong{
        font-size:10px !important;
    }

    .pd-overview-progress-head > span{
        font-size:17px !important;
    }

    .pd-overview-progress-track{
        height:6px !important;
    }


    /* IMAGE */

    .pd-overview-visual{
        min-height:0 !important;
        padding:7px !important;
    }

    .pd-overview-image{
        min-height:290px !important;
        border-radius:14px !important;
    }

    .pd-overview-image-number{
        top:10px !important;
        left:10px !important;
        min-width:58px !important;
        padding:7px 9px !important;
        border-radius:9px !important;
    }

    .pd-overview-image-number small{
        font-size:4.5px !important;
    }

    .pd-overview-image-number strong{
        font-size:14px !important;
    }

    .pd-overview-image-status{
        left:10px !important;
        bottom:10px !important;
        padding:8px 10px !important;
        border-radius:9px !important;
    }

    .pd-overview-image-status span{
        font-size:4.5px !important;
    }

    .pd-overview-image-status strong{
        font-size:10px !important;
    }


    /* DARK BOTTOM DETAILS */

    .pd-overview-details-bar{
        padding:8px !important;
        grid-template-columns:1fr !important;
        gap:6px !important;
    }

    .pd-overview-detail-card{
        min-height:60px !important;
        padding:9px 11px !important;
        gap:9px !important;
        border-radius:11px !important;
    }

    .pd-overview-detail-icon{
        width:33px !important;
        height:33px !important;
        min-width:33px !important;
        border-radius:9px !important;
        font-size:8px !important;
    }

    .pd-overview-detail-content small{
        margin-bottom:2px !important;
        font-size:4.8px !important;
    }

    .pd-overview-detail-content strong{
        font-size:8px !important;
        line-height:1.3 !important;
    }
}


@media(max-width:480px){

    .pd-overview-section{
        padding:44px 6px 48px !important;
    }

    .pd-overview-content{
        padding:23px 15px 21px !important;
    }

    .pd-overview-heading h2{
        font-size:27px !important;
    }

    .pd-overview-description p{
        font-size:9.5px !important;
    }

    .pd-overview-image{
        min-height:245px !important;
    }

    .pd-overview-detail-card{
        min-height:57px !important;
    }
}


@media(max-width:360px){

    .pd-overview-heading h2{
        font-size:24px !important;
    }

    .pd-overview-top{
        align-items:flex-start !important;
        flex-direction:column !important;
    }

    .pd-overview-image{
        min-height:225px !important;
    }
}

/* Project Details Completed And Ongoing Page Second Section */
.pd-latest-section{
    padding:105px 0;

    position:relative;

    overflow:hidden;

    background:
        radial-gradient(
            circle at 8% 12%,
            rgba(11,183,197,.13),
            transparent 26%
        ),
        radial-gradient(
            circle at 92% 85%,
            rgba(11,183,197,.10),
            transparent 28%
        ),
        linear-gradient(
            135deg,
            #061d24 0%,
            #082a32 48%,
            #0a3841 100%
        );
}


/* =====================================================
   BACKGROUND DETAILS
===================================================== */

.pd-latest-section::before{
    content:"";

    position:absolute;

    inset:0;

    opacity:.045;

    background-image:
        linear-gradient(
            rgba(255,255,255,.20) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255,255,255,.20) 1px,
            transparent 1px
        );

    background-size:50px 50px;
}

.pd-latest-section::after{
    content:"";

    width:420px;
    height:420px;

    position:absolute;

    top:-270px;
    right:-230px;

    border:80px solid rgba(11,183,197,.06);

    border-radius:50%;
}

.pd-latest-section .container{
    position:relative;

    z-index:2;
}


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

.pd-latest-heading{
    max-width:720px;

    margin:0 auto 46px;

    text-align:center;
}

.pd-latest-kicker{
    display:inline-flex;

    align-items:center;

    gap:9px;

    margin-bottom:13px;

    color:#61dce4;

    font-size:10px;

    font-weight:900;

    letter-spacing:2.3px;
}

.pd-latest-kicker::before,
.pd-latest-kicker::after{
    content:"";

    width:25px;
    height:2px;

    background:#0bb7c5;
}

.pd-latest-heading h2{
    margin:0;

    color:#ffffff;

    font-size:44px;

    line-height:1.1;

    font-weight:900;

    letter-spacing:-1px;
}

.pd-latest-heading h2 strong{
    color:#61dce4;
}

.pd-latest-heading p{
    max-width:560px;

    margin:14px auto 0;

    color:#9eb5ba;

    font-size:13px;

    line-height:1.7;
}


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

.pd-latest-grid{
    max-width:1180px;

    margin:0 auto;

    display:grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    align-items:stretch;

    gap:22px;
}


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

.pd-latest-card{
    height:100%;

    overflow:hidden;

    display:flex;

    flex-direction:column;

    border:1px solid rgba(104,220,228,.16);

    border-radius:22px;

    background:
        linear-gradient(
            160deg,
            #0a3038 0%,
            #0b3c45 55%,
            #0c4650 100%
        );

    box-shadow:
        0 24px 55px rgba(0,0,0,.24);

    transition:
        transform .35s ease,
        border-color .35s ease,
        box-shadow .35s ease;
}

.pd-latest-card:hover{
    transform:translateY(-7px);

    border-color:rgba(98,220,228,.34);

    box-shadow:
        0 35px 75px rgba(0,0,0,.32);
}


/* =====================================================
   CARD IMAGE
===================================================== */

.pd-latest-card-image{
    height:230px;

    position:relative;

    overflow:hidden;

    background:#07343c;
}

.pd-latest-card-image img{
    width:100%;
    height:100%;

    display:block;

    object-fit:cover;

    transition:.6s ease;
}

.pd-latest-card:hover
.pd-latest-card-image img{
    transform:scale(1.05);
}

.pd-latest-card-overlay{
    position:absolute;

    inset:0;

    background:
        linear-gradient(
            180deg,
            rgba(4,27,32,.05) 20%,
            rgba(4,30,36,.25) 60%,
            rgba(4,30,36,.70) 100%
        );
}


/* =====================================================
   STATUS
===================================================== */

.pd-latest-status{
    position:absolute;

    top:15px;
    left:15px;

    min-height:30px;

    padding:0 12px;

    display:inline-flex;

    align-items:center;

    gap:6px;

    border-radius:50px;

    color:#ffffff;

    font-size:7px;

    font-weight:900;

    letter-spacing:.8px;

    text-transform:uppercase;

    box-shadow:
        0 7px 18px rgba(0,0,0,.15);
}

.pd-latest-status.ongoing{
    background:#09b7c5;
}

.pd-latest-status.completed{
    background:#0799a7;
}

.pd-latest-status i{
    font-size:5px;
}


/* =====================================================
   PROGRESS / YEAR BADGE
===================================================== */

.pd-latest-card-badge{
    width:76px;
    height:76px;

    position:absolute;

    right:16px;
    bottom:14px;

    display:flex;

    align-items:center;

    justify-content:center;

    flex-direction:column;

    border:2px solid rgba(11,183,197,.18);

    border-radius:50%;

    background:#ffffff;

    box-shadow:
        0 14px 30px rgba(0,0,0,.18);
}

.pd-latest-card-badge small{
    margin-bottom:3px;

    color:#7d969b;

    font-size:5px;

    font-weight:900;

    letter-spacing:.5px;
}

.pd-latest-card-badge strong{
    color:#007d89;

    font-size:16px;

    line-height:1;

    font-weight:900;
}


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

.pd-latest-card-content{
    padding:22px 20px 20px;

    display:flex;

    flex:1;

    flex-direction:column;

    background:
        linear-gradient(
            180deg,
            #0c3a43 0%,
            #092f37 100%
        );
}


/* CATEGORY */

.pd-latest-category{
    display:block;

    margin-bottom:10px;

    color:#65dce4;

    font-size:8px;

    font-weight:900;

    letter-spacing:1.4px;
}


/* TITLE */

.pd-latest-card-content h3{
    min-height:52px;

    margin:0;

    color:#ffffff;

    font-size:21px;

    line-height:1.25;

    font-weight:900;
}


/* =====================================================
   META INFO
===================================================== */

.pd-latest-meta{
    margin-top:16px;

    padding:15px 0;

    display:grid;

    grid-template-columns:
        1fr
        1fr;

    gap:10px;

    border-top:1px solid rgba(255,255,255,.10);

    border-bottom:1px solid rgba(255,255,255,.10);
}

.pd-latest-meta-item{
    min-width:0;

    display:flex;

    align-items:center;

    gap:8px;
}

.pd-latest-meta-icon{
    width:32px;
    height:32px;

    min-width:32px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:9px;

    background:rgba(11,183,197,.16);

    color:#62dce4;

    font-size:8px;
}

.pd-latest-meta-item > div{
    min-width:0;
}

.pd-latest-meta-item small{
    display:block;

    margin-bottom:3px;

    color:#7fa2a8;

    font-size:5px;

    font-weight:900;

    letter-spacing:.5px;
}

.pd-latest-meta-item strong{
    display:block;

    color:#ffffff;

    font-size:8px;

    line-height:1.3;

    font-weight:900;
}


/* =====================================================
   PROJECT SCOPE
===================================================== */

.pd-latest-scope{
    padding:15px 0 13px;
}

.pd-latest-scope span{
    display:block;

    margin-bottom:7px;

    color:#66dce4;

    font-size:7px;

    font-weight:900;

    letter-spacing:1px;
}

.pd-latest-scope p{
    margin:0;

    color:#a7c0c4;

    font-size:10px;

    line-height:1.65;
}


/* =====================================================
   ONGOING PROGRESS
===================================================== */

.pd-latest-progress{
    margin-top:auto;

    padding-top:9px;
}

.pd-latest-progress-head{
    margin-bottom:8px;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:10px;
}

.pd-latest-progress-head span{
    color:#9db7bb;

    font-size:8px;

    font-weight:700;
}

.pd-latest-progress-head strong{
    color:#66dce4;

    font-size:10px;

    font-weight:900;
}

.pd-latest-progress-track{
    width:100%;

    height:6px;

    overflow:hidden;

    border-radius:50px;

    background:rgba(255,255,255,.12);
}

.pd-latest-progress-bar{
    height:100%;

    border-radius:50px;

    background:
        linear-gradient(
            90deg,
            #0bb7c5,
            #65dce4
        );
}


/* =====================================================
   COMPLETED INFO
===================================================== */

.pd-latest-completed-row{
    margin-top:auto;

    padding:13px 0 5px;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:15px;

    border-top:1px solid rgba(255,255,255,.10);
}

.pd-latest-completed-row span{
    color:#9db7bb;

    font-size:8px;

    font-weight:700;
}

.pd-latest-completed-row strong{
    color:#66dce4;

    font-size:11px;

    font-weight:900;
}


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

.pd-latest-button{
    width:max-content;

    min-height:44px;

    margin-top:16px;

    padding:0 17px;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:11px;

    border:1px solid rgba(255,255,255,.12);

    border-radius:50px;

    background:#0bb7c5;

    color:#ffffff;

    text-decoration:none;

    font-size:9px;

    font-weight:900;

    transition:
        background .3s ease,
        color .3s ease,
        transform .3s ease;
}

.pd-latest-button i{
    font-size:8px;

    transition:.3s ease;
}

.pd-latest-button:hover{
    background:#ffffff;

    color:#08333b;

    transform:translateY(-2px);
}

.pd-latest-button:hover i{
    transform:translateX(3px);
}


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

@media(max-width:991px){

    .pd-latest-section{
        padding:80px 15px;
    }

    .pd-latest-grid{
        max-width:820px;

        grid-template-columns:
            repeat(2,1fr);
    }

    .pd-latest-card:last-child{
        width:100%;

        max-width:399px;

        grid-column:1 / -1;

        justify-self:center;
    }

}


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

@media(max-width:768px){

    .pd-latest-section{
        padding:58px 8px 62px;
    }

    .pd-latest-heading{
        max-width:430px;

        margin-bottom:28px;
    }

    .pd-latest-kicker{
        font-size:8px;

        letter-spacing:1.6px;
    }

    .pd-latest-heading h2{
        font-size:30px;
    }

    .pd-latest-heading p{
        max-width:360px;

        font-size:10.5px;
    }

    .pd-latest-grid{
        max-width:380px;

        grid-template-columns:1fr;

        gap:18px;
    }

    .pd-latest-card:last-child{
        max-width:none;

        grid-column:auto;
    }

    .pd-latest-card{
        border-radius:20px;
    }

    .pd-latest-card-image{
        height:220px;
    }

    .pd-latest-card-content{
        padding:19px 17px 18px;
    }

    .pd-latest-card-content h3{
        min-height:0;

        font-size:19px;
    }

}


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

@media(max-width:480px){

    .pd-latest-section{
        padding:50px 6px 54px;
    }

    .pd-latest-heading h2{
        font-size:27px;
    }

    .pd-latest-card-image{
        height:205px;
    }

    .pd-latest-card-badge{
        width:68px;
        height:68px;
    }

    .pd-latest-card-badge strong{
        font-size:14px;
    }

    .pd-latest-meta{
        gap:7px;
    }

    .pd-latest-meta-icon{
        width:30px;
        height:30px;

        min-width:30px;
    }

    .pd-latest-meta-item strong{
        font-size:7px;
    }

}


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

@media(max-width:360px){

    .pd-latest-card-content{
        padding:18px 15px 16px;
    }

    .pd-latest-card-content h3{
        font-size:18px;
    }

    .pd-latest-meta{
        grid-template-columns:1fr;
    }

}

/* Project Details Completed And Ongoing Page Third Section */
.pd-final-section{
    padding:105px 0;
    position:relative;
    overflow:hidden;

    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #f1f7f8 100%
        );
}


/* =====================================================
   BACKGROUND DECORATION
===================================================== */

.pd-final-section::before{
    content:"";
    position:absolute;

    width:390px;
    height:390px;

    top:-245px;
    left:-230px;

    border:70px solid rgba(0,109,119,.035);
    border-radius:50%;
}

.pd-final-section::after{
    content:"";
    position:absolute;

    width:290px;
    height:290px;

    right:-170px;
    bottom:-180px;

    border-radius:50%;

    background:rgba(11,183,197,.04);
}

.pd-final-section .container{
    position:relative;
    z-index:2;
}


/* =====================================================
   SHELL
===================================================== */

.pd-final-shell{
    max-width:1180px;
    margin:0 auto;
}


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

.pd-final-heading{
    max-width:760px;
    margin:0 auto 45px;
    text-align:center;
}

.pd-final-kicker{
    display:inline-flex;
    align-items:center;
    gap:9px;

    margin-bottom:13px;

    color:#008894;

    font-size:10px;
    font-weight:900;
    letter-spacing:2.3px;
}

.pd-final-kicker::before,
.pd-final-kicker::after{
    content:"";

    width:27px;
    height:2px;

    border-radius:10px;

    background:#0bb7c5;
}

.pd-final-heading h2{
    max-width:720px;
    margin:0 auto;

    color:#10232c;

    font-size:43px;
    line-height:1.1;

    font-weight:900;

    letter-spacing:-1px;
}

.pd-final-heading h2 strong{
    color:#007b87;
}

.pd-final-heading p{
    max-width:610px;

    margin:15px auto 0;

    color:#718287;

    font-size:13px;
    line-height:1.75;
}


/* =====================================================
   DARK CARD GRID
===================================================== */

.pd-final-points{
    display:grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    gap:16px;
}


/* =====================================================
   DARK CARD
===================================================== */

.pd-final-point{
    min-height:235px;

    padding:26px 23px;

    position:relative;

    overflow:hidden;

    border:1px solid rgba(87,210,220,.13);

    border-radius:20px;

    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(11,183,197,.12),
            transparent 35%
        ),
        linear-gradient(
            145deg,
            #082d35 0%,
            #0a3740 55%,
            #0b414a 100%
        );

    box-shadow:
        0 20px 45px rgba(12,47,56,.14);

    transition:
        transform .35s ease,
        border-color .35s ease,
        box-shadow .35s ease;
}

.pd-final-point::before{
    content:"";

    position:absolute;

    width:100px;
    height:100px;

    right:-45px;
    bottom:-50px;

    border-radius:50%;

    border:18px solid rgba(255,255,255,.025);
}

.pd-final-point:hover{
    transform:translateY(-6px);

    border-color:rgba(99,220,228,.32);

    box-shadow:
        0 28px 60px rgba(12,47,56,.22);
}


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

.pd-final-point-number{
    position:absolute;

    top:17px;
    right:18px;

    color:rgba(255,255,255,.09);

    font-size:38px;

    line-height:1;

    font-weight:900;
}


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

.pd-final-point-icon{
    width:49px;
    height:49px;

    margin-bottom:22px;

    position:relative;
    z-index:2;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:14px;

    background:
        rgba(11,183,197,.15);

    border:
        1px solid rgba(97,220,228,.10);

    color:#62dce4;

    font-size:13px;

    transition:.35s ease;
}

.pd-final-point:hover
.pd-final-point-icon{
    background:#0bb7c5;

    color:#ffffff;

    transform:rotate(-4deg);
}


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

.pd-final-point-content{
    position:relative;
    z-index:2;
}

.pd-final-point-content small{
    display:block;

    margin-bottom:7px;

    color:#5fd9e2;

    font-size:7px;

    font-weight:900;

    letter-spacing:1.1px;
}

.pd-final-point-content strong{
    display:block;

    margin-bottom:10px;

    color:#ffffff;

    font-size:16px;

    line-height:1.35;

    font-weight:900;
}

.pd-final-point-content p{
    margin:0;

    color:#a7bdc1;

    font-size:10px;

    line-height:1.7;
}


/* =====================================================
   FINAL CTA PANEL
===================================================== */

.pd-final-cta{
    min-height:220px;

    margin-top:18px;

    padding:42px 46px;

    position:relative;

    overflow:hidden;

    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        auto;

    align-items:center;

    gap:60px;

    border-radius:23px;

    background:
        radial-gradient(
            circle at 83% 18%,
            rgba(11,183,197,.18),
            transparent 30%
        ),
        linear-gradient(
            120deg,
            #061f27 0%,
            #07343d 48%,
            #09515a 100%
        );

    box-shadow:
        0 28px 65px rgba(8,42,50,.20);
}


/* TOP ACCENT */

.pd-final-cta::before{
    content:"";

    position:absolute;

    top:0;
    left:46px;

    width:95px;
    height:4px;

    border-radius:0 0 10px 10px;

    background:#0bb7c5;
}


/* =====================================================
   CTA DECORATION
===================================================== */

.pd-final-cta-circle{
    position:absolute;

    border-radius:50%;

    pointer-events:none;
}

.pd-circle-one{
    width:180px;
    height:180px;

    top:-95px;
    right:95px;

    border:32px solid rgba(255,255,255,.025);
}

.pd-circle-two{
    width:150px;
    height:150px;

    left:-75px;
    bottom:-90px;

    background:rgba(11,183,197,.08);
}


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

.pd-final-cta-content{
    max-width:650px;

    position:relative;

    z-index:2;
}

.pd-final-cta-label{
    display:block;

    margin-bottom:10px;

    color:#62dce4;

    font-size:8px;

    font-weight:900;

    letter-spacing:1.6px;
}

.pd-final-cta-content h3{
    max-width:630px;

    margin:0;

    color:#ffffff;

    font-size:31px;

    line-height:1.14;

    font-weight:900;

    letter-spacing:-.4px;
}

.pd-final-cta-content h3 strong{
    color:#61dce4;
}

.pd-final-cta-content p{
    max-width:530px;

    margin:12px 0 0;

    color:#a7bec2;

    font-size:11px;

    line-height:1.7;
}


/* =====================================================
   CTA RIGHT AREA
===================================================== */

.pd-final-cta-action{
    min-width:215px;

    position:relative;

    z-index:2;

    display:flex;

    flex-direction:column;

    align-items:flex-start;

    gap:10px;
}

.pd-final-cta-small{
    padding-left:4px;

    color:#6edce4;

    font-size:6px;

    font-weight:900;

    letter-spacing:1.3px;
}


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

.pd-final-cta-button{
    min-height:54px;

    padding:5px 6px 5px 20px;

    display:inline-flex;

    align-items:center;

    justify-content:space-between;

    gap:18px;

    border:1px solid rgba(255,255,255,.12);

    border-radius:50px;

    background:#0bb7c5;

    color:#ffffff;

    text-decoration:none;

    white-space:nowrap;

    font-size:10px;

    font-weight:900;

    box-shadow:
        0 14px 30px rgba(0,0,0,.17);

    transition:
        transform .3s ease,
        background .3s ease,
        color .3s ease;
}

.pd-final-button-icon{
    width:42px;
    height:42px;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:
        rgba(255,255,255,.17);

    color:#ffffff;

    font-size:9px;

    transition:.3s ease;
}

.pd-final-cta-button:hover{
    background:#ffffff;

    color:#07323a;

    transform:translateY(-3px);
}

.pd-final-cta-button:hover
.pd-final-button-icon{
    background:#e5f6f7;

    color:#007d89;

    transform:translateX(2px);
}


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

@media(max-width:991px){

    .pd-final-section{
        padding:80px 15px;
    }

    .pd-final-shell{
        max-width:820px;
    }

    .pd-final-points{
        grid-template-columns:
            repeat(2,1fr);
    }

    .pd-final-point:last-child{
        grid-column:1 / -1;

        max-width:402px;

        width:100%;

        justify-self:center;
    }

    .pd-final-cta{
        padding:37px 35px;

        grid-template-columns:1fr;

        gap:28px;
    }

    .pd-final-cta-action{
        min-width:0;
    }

}


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

@media(max-width:768px){

    .pd-final-section{
        padding:58px 8px 62px;
    }

    .pd-final-shell{
        max-width:430px;
    }


    /* HEADING */

    .pd-final-heading{
        margin-bottom:28px;
    }

    .pd-final-kicker{
        font-size:8px;

        letter-spacing:1.5px;
    }

    .pd-final-heading h2{
        max-width:370px;

        font-size:30px;
    }

    .pd-final-heading p{
        max-width:360px;

        font-size:10.5px;
    }


    /* DARK CARDS */

    .pd-final-points{
        grid-template-columns:1fr;

        gap:9px;
    }

    .pd-final-point:last-child{
        max-width:none;

        grid-column:auto;
    }

    .pd-final-point{
        min-height:auto;

        padding:20px 18px;

        border-radius:16px;
    }

    .pd-final-point-number{
        top:15px;

        font-size:29px;
    }

    .pd-final-point-icon{
        width:41px;
        height:41px;

        margin-bottom:15px;

        border-radius:11px;

        font-size:10px;
    }

    .pd-final-point-content strong{
        margin-bottom:7px;

        font-size:14px;
    }

    .pd-final-point-content p{
        font-size:9px;
    }


    /* CTA */

    .pd-final-cta{
        min-height:auto;

        margin-top:10px;

        padding:31px 23px;

        grid-template-columns:1fr;

        gap:24px;

        border-radius:18px;
    }

    .pd-final-cta::before{
        left:23px;

        width:70px;
    }

    .pd-final-cta-content h3{
        max-width:340px;

        font-size:24px;
    }

    .pd-final-cta-content p{
        max-width:330px;

        font-size:9.5px;
    }

    .pd-final-cta-action{
        width:100%;

        align-items:flex-start;
    }

    .pd-final-cta-button{
        min-height:49px;

        padding:
            4px
            5px
            4px
            16px;

        font-size:9px;
    }

    .pd-final-button-icon{
        width:38px;
        height:38px;
    }

}


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

@media(max-width:480px){

    .pd-final-section{
        padding:50px 6px 54px;
    }

    .pd-final-heading h2{
        font-size:27px;
    }

    .pd-final-heading p{
        font-size:9.5px;
    }

    .pd-final-point{
        padding:18px 16px;
    }

    .pd-final-cta{
        padding:27px 18px;
    }

    .pd-final-cta-content h3{
        font-size:22px;
    }

    .pd-final-cta-button{
        width:100%;

        max-width:220px;
    }

}

/* Completed Project Status Badge - Dark */

.cp-showcase-status{
    background:#07343d !important;
    color:#ffffff !important;

    border:1px solid rgba(255,255,255,.20) !important;

    box-shadow:
        0 6px 16px rgba(0,0,0,.18) !important;
}

.cp-showcase-status i{
    color:#ffffff !important;
}

.ongoing-showcase-status{
    background:#07343d !important;
    color:#ffffff !important;

    border:1px solid rgba(255,255,255,.25) !important;

    box-shadow:
        0 6px 16px rgba(0,0,0,.16) !important;
}

.pd-latest-status.ongoing{
    background:#07343d !important;
    color:#ffffff !important;
}

.pd-latest-status.completed{
    background:#07343d !important;
    color:#ffffff !important;
}

/* Equipment Page New Banner Section */
.wei-eqp-page-banner{
    position:relative;
    height:75vh;
    min-height:520px;
    overflow:hidden;

    background:
        linear-gradient(
            135deg,
            #1f2933 0%,
            #123b44 45%,
            #006d77 100%
        );
}


/* Overlay */

.wei-eqp-page-banner-overlay{
    position:absolute;
    inset:0;

    background:
        linear-gradient(
            90deg,
            rgba(16,33,43,.88),
            rgba(0,117,130,.38)
        );
}


/* Content */

.wei-eqp-page-banner-content{
    position:absolute;

    top:50%;
    left:0;

    width:100%;

    transform:translateY(-50%);

    text-align:center;

    color:#ffffff;
}


/* Heading */

.wei-eqp-page-banner-content h1{
    margin:0 0 25px;

    color:#ffffff;

    font-size:60px;
    line-height:1.1;

    font-weight:900;
}


/* Breadcrumb */

.wei-eqp-page-breadcrumb{
    display:flex;

    align-items:center;
    justify-content:center;

    gap:15px;

    color:#ffffff;

    font-size:17px;

    font-weight:700;
}


.wei-eqp-page-breadcrumb a{
    color:#ffffff;

    text-decoration:none;

    transition:.3s ease;
}


.wei-eqp-page-breadcrumb a:hover{
    color:#0bb7c5;
}


.wei-eqp-page-breadcrumb span{
    color:#ffffff;
}


.wei-eqp-page-breadcrumb-icon{
    color:#0bb7c5 !important;

    font-weight:900;
}


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

@media(max-width:991px){

    .wei-eqp-page-banner{
        height:500px;
        min-height:500px;
    }

    .wei-eqp-page-banner-content h1{
        font-size:46px;
    }

}


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

@media(max-width:768px){

    .wei-eqp-page-banner{
        height:450px;
        min-height:450px;
    }

    .wei-eqp-page-banner-content h1{
        font-size:38px;
        margin-bottom:20px;
    }

    .wei-eqp-page-breadcrumb{
        gap:12px;

        font-size:14px;
    }

}


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

@media(max-width:576px){

    .wei-eqp-page-banner{
        height:400px;
        min-height:400px;
    }

    .wei-eqp-page-banner-content h1{
        font-size:32px;
    }

}


@media(max-width:480px){

    .wei-eqp-page-banner{
        height:380px;
        min-height:380px;
    }

    .wei-eqp-page-banner-content h1{
        font-size:29px;
    }

}


@media(max-width:360px){

    .wei-eqp-page-banner{
        height:350px;
        min-height:350px;
    }

    .wei-eqp-page-banner-content h1{
        font-size:27px;
    }

}

/* Equipment Page New First Section */
.wei-eqp-main-showcase{
    padding:100px 0;

    position:relative;

    overflow:hidden;

    background:#ffffff;
}


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

.wei-eqp-main-heading{
    max-width:760px;

    margin:0 auto 45px;

    text-align:center;
}


.wei-eqp-main-kicker{
    display:inline-block;

    position:relative;

    padding-bottom:13px;

    margin-bottom:17px;

    color:#007582;

    font-size:14px;

    font-weight:900;

    letter-spacing:3px;
}


.wei-eqp-main-kicker::after{
    content:"";

    position:absolute;

    left:50%;
    bottom:0;

    width:65px;
    height:3px;

    transform:translateX(-50%);

    background:#00a9b7;

    border-radius:20px;
}


.wei-eqp-main-heading h2{
    max-width:680px;

    margin:0 auto;

    color:#10232c;

    font-size:39px;

    line-height:1.16;

    font-weight:900;
}


.wei-eqp-main-heading h2 strong{
    color:#007582;
}


.wei-eqp-main-heading p{
    max-width:630px;

    margin:18px auto 0;

    color:#687a80;

    font-size:14px;

    line-height:1.8;
}


/* =========================================================
   FILTERS
========================================================= */

.wei-eqp-main-filters{
    max-width:1180px;

    margin:0 auto 38px;

    display:flex;

    justify-content:center;

    align-items:center;

    gap:10px;

    flex-wrap:wrap;
}


.wei-eqp-main-filter{
    padding:12px 22px;

    border:1px solid #d8e5e7;

    border-radius:50px;

    background:#ffffff;

    color:#5f7076;

    font-size:12px;

    font-weight:800;

    cursor:pointer;

    transition:.3s ease;
}


.wei-eqp-main-filter:hover,
.wei-eqp-main-filter.active{
    background:#007582;

    border-color:#007582;

    color:#ffffff;

    box-shadow:
        0 10px 25px rgba(0,117,130,.16);
}


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

.wei-eqp-main-grid{
    max-width:1180px;

    margin:0 auto;

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:24px;
}


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

.wei-eqp-main-card{
    overflow:hidden;

    border:1px solid #dfeaec;

    border-radius:22px;

    background:#ffffff;

    box-shadow:
        0 13px 35px rgba(7,48,57,.07);

    transition:.4s ease;
}


.wei-eqp-main-card:hover{
    transform:translateY(-8px);

    border-color:#add5da;

    box-shadow:
        0 25px 55px rgba(7,48,57,.13);
}


.wei-eqp-main-card.wei-eqp-main-hidden{
    display:none;
}


/* =========================================================
   IMAGE
========================================================= */

.wei-eqp-main-image{
    height:275px;

    position:relative;

    overflow:hidden;

    background:#07343d;
}


.wei-eqp-main-image img{
    width:100%;
    height:100%;

    object-fit:cover;

    display:block;

    transition:.6s ease;
}


.wei-eqp-main-card:hover
.wei-eqp-main-image img{
    transform:scale(1.06);
}


.wei-eqp-main-overlay{
    position:absolute;

    inset:0;

    background:
        linear-gradient(
            180deg,
            rgba(5,32,39,.04) 20%,
            rgba(5,32,39,.18) 55%,
            rgba(5,32,39,.82) 100%
        );
}


/* NUMBER */

.wei-eqp-main-number{
    position:absolute;

    top:17px;
    left:17px;

    width:42px;
    height:42px;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:rgba(7,52,61,.82);

    border:1px solid rgba(255,255,255,.35);

    color:#ffffff;

    font-size:10px;

    font-weight:900;
}


/* CATEGORY */

.wei-eqp-main-category{
    position:absolute;

    left:19px;
    bottom:17px;

    padding:8px 13px;

    border-radius:50px;

    background:#007582;

    color:#ffffff;

    font-size:8px;

    font-weight:900;

    letter-spacing:1.2px;
}


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

.wei-eqp-main-content{
    padding:25px;
}


.wei-eqp-main-content h3{
    margin:0 0 10px;

    color:#10232c;

    font-size:20px;

    line-height:1.3;

    font-weight:900;
}


.wei-eqp-main-content p{
    min-height:65px;

    margin:0;

    color:#687980;

    font-size:13px;

    line-height:1.7;
}


/* LINK */

.wei-eqp-main-content a{
    margin-top:20px;

    padding-top:17px;

    display:flex;

    align-items:center;

    justify-content:space-between;

    border-top:1px solid #e3edef;

    color:#007582;

    text-decoration:none;

    font-size:12px;

    font-weight:900;
}


.wei-eqp-main-content a i{
    width:34px;
    height:34px;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:#edf7f8;

    color:#007582;

    font-size:10px;

    transition:.3s ease;
}


.wei-eqp-main-content a:hover i{
    background:#007582;

    color:#ffffff;

    transform:translateX(4px);
}


/* =========================================================
   LOAD MORE
========================================================= */

.wei-eqp-main-load-wrap{
    margin-top:42px;

    text-align:center;
}


.wei-eqp-main-load{
    min-height:50px;

    padding:4px 5px 4px 22px;

    display:inline-flex;

    align-items:center;

    gap:16px;

    border:0;

    border-radius:50px;

    background:#007582;

    color:#ffffff;

    font-size:12px;

    font-weight:900;

    cursor:pointer;

    box-shadow:
        0 12px 28px rgba(0,117,130,.18);

    transition:.3s ease;
}


.wei-eqp-main-load i{
    width:40px;
    height:40px;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:rgba(255,255,255,.14);

    font-size:10px;
}


.wei-eqp-main-load:hover{
    background:#07343d;

    transform:translateY(-3px);
}


.wei-eqp-main-load.wei-eqp-load-hidden{
    display:none;
}


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

@media(max-width:991px){

    .wei-eqp-main-showcase{
        padding:80px 15px;
    }


    .wei-eqp-main-grid{
        max-width:820px;

        grid-template-columns:repeat(2,1fr);
    }


    .wei-eqp-main-filters{
        max-width:820px;
    }

}


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

@media(max-width:768px){

    .wei-eqp-main-showcase{
        padding:60px 12px;
    }


    .wei-eqp-main-heading{
        margin-bottom:32px;
    }


    .wei-eqp-main-heading h2{
        max-width:390px;

        font-size:30px;
    }


    .wei-eqp-main-heading p{
        max-width:390px;

        font-size:13px;
    }


    .wei-eqp-main-filters{
        justify-content:flex-start;

        flex-wrap:nowrap;

        overflow-x:auto;

        padding-bottom:8px;

        scrollbar-width:none;
    }


    .wei-eqp-main-filters::-webkit-scrollbar{
        display:none;
    }


    .wei-eqp-main-filter{
        flex:0 0 auto;

        padding:10px 17px;

        font-size:11px;
    }


    .wei-eqp-main-grid{
        max-width:480px;

        grid-template-columns:1fr;

        gap:18px;
    }


    .wei-eqp-main-image{
        height:300px;
    }


    .wei-eqp-main-content p{
        min-height:auto;
    }

}


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

@media(max-width:480px){

    .wei-eqp-main-showcase{
        padding:52px 10px;
    }


    .wei-eqp-main-heading h2{
        font-size:27px;
    }


    .wei-eqp-main-image{
        height:255px;
    }


    .wei-eqp-main-content{
        padding:21px;
    }


    .wei-eqp-main-content h3{
        font-size:18px;
    }

}

/* Equipment Page New Second Section */
.wei-eqp-static-action{
    padding:105px 0;
    position:relative;
    overflow:hidden;

    background:
        linear-gradient(
            135deg,
            #052a32 0%,
            #07343d 55%,
            #063b44 100%
        );
}


.wei-eqp-static-action::before{
    content:"";

    position:absolute;

    width:420px;
    height:420px;

    top:-250px;
    left:-220px;

    border:70px solid rgba(255,255,255,.025);

    border-radius:50%;
}


.wei-eqp-static-action::after{
    content:"";

    position:absolute;

    width:320px;
    height:320px;

    right:-180px;
    bottom:-190px;

    border-radius:50%;

    background:rgba(0,169,183,.04);
}


.wei-eqp-static-action .container{
    position:relative;
    z-index:2;
}


/* =========================================================
   MAIN LAYOUT
========================================================= */

.wei-eqp-static-wrap{
    max-width:1180px;

    margin:0 auto;

    display:grid;

    grid-template-columns:.78fr 1.22fr;

    gap:55px;

    align-items:center;
}


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

.wei-eqp-static-content{
    max-width:470px;
}


.wei-eqp-static-kicker{
    display:inline-block;

    position:relative;

    padding-bottom:12px;

    margin-bottom:18px;

    color:#53d6df;

    font-size:12px;

    font-weight:900;

    letter-spacing:2.7px;
}


.wei-eqp-static-kicker::after{
    content:"";

    position:absolute;

    left:0;
    bottom:0;

    width:55px;
    height:3px;

    border-radius:20px;

    background:#00a9b7;
}


.wei-eqp-static-content h2{
    margin:0;

    color:#ffffff;

    font-size:42px;

    line-height:1.12;

    font-weight:900;

    letter-spacing:-.7px;
}


.wei-eqp-static-content h2 strong{
    display:block;

    color:#51d5dd;
}


.wei-eqp-static-content > p{
    max-width:445px;

    margin:20px 0 0;

    color:#b8cdd1;

    font-size:13px;

    line-height:1.8;
}


/* =========================================================
   POINTS
========================================================= */

.wei-eqp-static-points{
    margin-top:30px;

    display:grid;

    grid-template-columns:1fr;

    gap:11px;
}


.wei-eqp-static-point{
    min-height:74px;

    padding:14px 16px;

    display:flex;

    align-items:center;

    gap:14px;

    border:1px solid rgba(255,255,255,.09);

    border-radius:15px;

    background:rgba(255,255,255,.045);

    transition:.3s ease;
}


.wei-eqp-static-point:hover{
    transform:translateX(5px);

    border-color:rgba(81,213,221,.42);

    background:rgba(255,255,255,.075);
}


.wei-eqp-static-point > span{
    width:43px;
    height:43px;

    min-width:43px;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:12px;

    background:#00a9b7;

    color:#ffffff;

    font-size:12px;
}


.wei-eqp-static-point small{
    display:block;

    margin-bottom:4px;

    color:#63d8df;

    font-size:7px;

    font-weight:900;

    letter-spacing:1.1px;
}


.wei-eqp-static-point h3{
    margin:0;

    color:#ffffff;

    font-size:14px;

    line-height:1.3;

    font-weight:800;
}


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

.wei-eqp-static-button{
    min-height:50px;

    margin-top:28px;

    padding:4px 5px 4px 20px;

    display:inline-flex;

    align-items:center;

    gap:16px;

    border-radius:50px;

    background:#00b7c5;

    color:#ffffff;

    text-decoration:none;

    font-size:11px;

    font-weight:900;

    box-shadow:
        0 12px 28px rgba(0,183,197,.18);

    transition:.3s ease;
}


.wei-eqp-static-button > span{
    width:40px;
    height:40px;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:rgba(255,255,255,.15);
}


.wei-eqp-static-button:hover{
    background:#ffffff;

    color:#07343d;

    transform:translateY(-3px);
}


/* =========================================================
   RIGHT BIG IMAGE CARD
========================================================= */

.wei-eqp-static-main-image{
    height:535px;

    position:relative;

    overflow:hidden;

    border-radius:26px;

    border:1px solid rgba(255,255,255,.10);

    background:#041f26;

    box-shadow:
        0 30px 75px rgba(0,0,0,.27);
}


.wei-eqp-static-main-image > img{
    width:100%;
    height:100%;

    display:block;

    object-fit:cover;

    transition:.7s ease;
}


.wei-eqp-static-main-image:hover > img{
    transform:scale(1.04);
}


.wei-eqp-static-overlay{
    position:absolute;

    inset:0;

    background:
        linear-gradient(
            180deg,
            rgba(3,27,33,.02) 15%,
            rgba(3,27,33,.12) 48%,
            rgba(3,27,33,.94) 100%
        );
}


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

.wei-eqp-static-image-content{
    width:100%;

    position:absolute;

    left:0;
    bottom:0;

    padding:32px;

    z-index:3;

    display:flex;

    justify-content:space-between;

    align-items:flex-end;

    gap:30px;
}


.wei-eqp-static-image-content > span{
    color:rgba(255,255,255,.44);

    font-size:52px;

    line-height:1;

    font-weight:900;
}


.wei-eqp-static-image-content > div{
    max-width:420px;

    text-align:right;
}


.wei-eqp-static-image-content small{
    display:block;

    margin-bottom:7px;

    color:#5ee0e8;

    font-size:8px;

    font-weight:900;

    letter-spacing:1.5px;
}


.wei-eqp-static-image-content h3{
    margin:0;

    color:#ffffff;

    font-size:24px;

    line-height:1.25;

    font-weight:900;
}


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

@media(max-width:991px){

    .wei-eqp-static-action{
        padding:85px 15px;
    }


    .wei-eqp-static-wrap{
        max-width:820px;

        grid-template-columns:1fr;

        gap:40px;
    }


    .wei-eqp-static-content{
        max-width:700px;
    }


    .wei-eqp-static-main-image{
        height:470px;
    }

}


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

@media(max-width:768px){

    .wei-eqp-static-action{
        padding:65px 12px;
    }


    .wei-eqp-static-wrap{
        max-width:480px;
    }


    .wei-eqp-static-content{
        text-align:center;
    }


    .wei-eqp-static-kicker::after{
        left:50%;

        transform:translateX(-50%);
    }


    .wei-eqp-static-content h2{
        font-size:31px;
    }


    .wei-eqp-static-content > p{
        margin-left:auto;
        margin-right:auto;

        font-size:12px;
    }


    .wei-eqp-static-points{
        text-align:left;
    }


    .wei-eqp-static-button{
        margin-top:25px;
    }


    .wei-eqp-static-main-image{
        height:390px;

        border-radius:20px;
    }


    .wei-eqp-static-image-content{
        padding:22px;
    }


    .wei-eqp-static-image-content > span{
        font-size:40px;
    }


    .wei-eqp-static-image-content h3{
        font-size:19px;
    }

}


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

@media(max-width:480px){

    .wei-eqp-static-action{
        padding:55px 9px;
    }


    .wei-eqp-static-content h2{
        font-size:27px;
    }


    .wei-eqp-static-button{
        font-size:9px;

        padding-left:17px;
    }


    .wei-eqp-static-main-image{
        height:330px;
    }


    .wei-eqp-static-image-content{
        display:block;

        padding:18px;
    }


    .wei-eqp-static-image-content > span{
        display:block;

        margin-bottom:8px;

        font-size:31px;
    }


    .wei-eqp-static-image-content > div{
        text-align:left;
    }


    .wei-eqp-static-image-content h3{
        font-size:17px;
    }

}

/* Equipment Details Page New Banner Section */
.eqd-page-banner{
    position:relative;

    height:75vh;
    min-height:520px;

    overflow:hidden;

    background:
        linear-gradient(
            135deg,
            #1f2933 0%,
            #123b44 45%,
            #006d77 100%
        );
}


/* OVERLAY */

.eqd-page-banner-overlay{
    position:absolute;

    inset:0;

    background:
        linear-gradient(
            90deg,
            rgba(16,33,43,.88),
            rgba(0,117,130,.38)
        );
}


/* CONTENT */

.eqd-page-banner-content{
    position:absolute;

    top:50%;
    left:0;

    width:100%;

    transform:translateY(-50%);

    text-align:center;

    color:#ffffff;
}


/* HEADING */

.eqd-page-banner-content h1{
    margin:0 0 25px;

    color:#ffffff;

    font-size:60px;
    line-height:1.1;

    font-weight:900;
}


/* BREADCRUMB */

.eqd-page-banner-breadcrumb{
    display:flex;

    align-items:center;
    justify-content:center;

    flex-wrap:wrap;

    gap:13px;

    color:#ffffff;

    font-size:16px;

    font-weight:700;
}


.eqd-page-banner-breadcrumb a{
    color:#ffffff;

    text-decoration:none;

    transition:.3s ease;
}


.eqd-page-banner-breadcrumb a:hover{
    color:#0bb7c5;
}


.eqd-page-banner-breadcrumb span{
    color:#ffffff;
}


.eqd-page-banner-separator{
    color:#0bb7c5 !important;

    font-weight:900;
}


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

@media(max-width:991px){

    .eqd-page-banner{
        height:500px;
        min-height:500px;
    }

    .eqd-page-banner-content h1{
        font-size:46px;
    }

}


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

@media(max-width:768px){

    .eqd-page-banner{
        height:450px;
        min-height:450px;
    }

    .eqd-page-banner-content h1{
        margin-bottom:20px;

        font-size:38px;
    }

    .eqd-page-banner-breadcrumb{
        gap:10px;

        font-size:14px;
    }

}


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

@media(max-width:576px){

    .eqd-page-banner{
        height:400px;
        min-height:400px;
    }

    .eqd-page-banner-content h1{
        font-size:32px;
    }

    .eqd-page-banner-breadcrumb{
        padding:0 15px;

        font-size:12px;
    }

}


/* =========================================================
   EXTRA SMALL
========================================================= */

@media(max-width:480px){

    .eqd-page-banner{
        height:380px;
        min-height:380px;
    }

    .eqd-page-banner-content h1{
        font-size:29px;
    }

}

/* Equipment Details Page New First Section */
.eqd-main-detail-section{
    position:relative;
    overflow:hidden;

    padding:95px 0;

    background:#f6fafb;
}


.eqd-main-detail-section::before{
    content:"";

    position:absolute;

    width:320px;
    height:320px;

    top:-180px;
    right:-170px;

    border-radius:50%;

    background:
        rgba(0,169,183,.045);
}


.eqd-main-detail-section .container{
    position:relative;
    z-index:2;
}


/* =========================================================
   MAIN WRAPPER
========================================================= */

.eqd-main-detail-wrap{
    max-width:1180px;

    margin:0 auto;

    display:grid;

    grid-template-columns:1.02fr .98fr;

    gap:50px;

    align-items:center;
}


/* =========================================================
   LEFT IMAGE
========================================================= */

.eqd-main-detail-image{
    position:relative;

    height:535px;

    overflow:hidden;

    border-radius:26px;

    background:#07343d;

    box-shadow:
        0 25px 60px rgba(7,52,61,.14);
}


.eqd-main-detail-image img{
    width:100%;
    height:100%;

    display:block;

    object-fit:cover;

    transition:
        transform .6s ease;
}


.eqd-main-detail-image:hover img{
    transform:scale(1.04);
}


/* IMAGE OVERLAY */

.eqd-main-detail-image-overlay{
    position:absolute;

    inset:0;

    background:
        linear-gradient(
            180deg,
            rgba(5,39,46,.04) 20%,
            rgba(5,39,46,.12) 48%,
            rgba(5,39,46,.92) 100%
        );
}


/* NUMBER */

.eqd-main-detail-number{
    position:absolute;

    top:22px;
    left:22px;

    width:45px;
    height:45px;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:rgba(255,255,255,.94);

    color:#07343d;

    font-size:11px;

    font-weight:900;

    box-shadow:
        0 8px 22px rgba(0,0,0,.10);
}


/* CATEGORY */

.eqd-main-detail-image-category{
    position:absolute;

    top:24px;
    right:22px;

    padding:8px 13px;

    border-radius:30px;

    background:#007582;

    color:#ffffff;

    font-size:8px;

    font-weight:900;

    letter-spacing:1.2px;
}


/* IMAGE BOTTOM CONTENT */

.eqd-main-detail-image-bottom{
    position:absolute;

    left:28px;
    right:28px;
    bottom:27px;
}


.eqd-main-detail-image-bottom small{
    display:block;

    margin-bottom:6px;

    color:#5ee2e9;

    font-size:8px;

    font-weight:900;

    letter-spacing:1.4px;
}


.eqd-main-detail-image-bottom strong{
    display:block;

    color:#ffffff;

    font-size:27px;

    line-height:1.2;

    font-weight:900;
}


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

.eqd-main-detail-content{
    min-width:0;
}


/* TOP LINE */

.eqd-main-detail-top{
    margin-bottom:17px;

    display:flex;

    align-items:center;
    justify-content:space-between;

    gap:18px;
}


.eqd-main-detail-kicker{
    color:#007582;

    font-size:10px;

    font-weight:900;

    letter-spacing:2px;
}


.eqd-main-detail-code{
    padding:7px 11px;

    border-radius:20px;

    background:#e7f4f5;

    color:#46656b;

    font-size:8px;

    font-weight:800;

    letter-spacing:.8px;
}


/* HEADING */

.eqd-main-detail-content h2{
    margin:0;

    color:#10232c;

    font-size:44px;

    line-height:1.1;

    font-weight:900;

    letter-spacing:-1px;
}


.eqd-main-detail-content h2 strong{
    color:#007582;
}


/* DESCRIPTION */

.eqd-main-detail-description{
    max-width:530px;

    margin:18px 0 0;

    color:#697b81;

    font-size:14px;

    line-height:1.8;
}


/* =========================================================
   SPEC GRID
========================================================= */

.eqd-main-detail-specs{
    margin-top:30px;

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:12px;
}


.eqd-main-detail-spec{
    min-height:88px;

    padding:15px;

    display:flex;

    align-items:center;

    gap:13px;

    border:1px solid #dce8ea;

    border-radius:15px;

    background:#ffffff;

    transition:.3s ease;
}


.eqd-main-detail-spec:hover{
    transform:translateY(-3px);

    border-color:#acd9dd;

    box-shadow:
        0 12px 28px rgba(7,52,61,.07);
}


/* ICON */

.eqd-main-detail-spec-icon{
    width:43px;
    height:43px;

    min-width:43px;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:11px;

    background:#eaf6f7;

    color:#007582;

    font-size:13px;
}


.eqd-main-detail-spec small{
    display:block;

    margin-bottom:4px;

    color:#779096;

    font-size:7px;

    font-weight:900;

    letter-spacing:1px;
}


.eqd-main-detail-spec strong{
    display:block;

    color:#173039;

    font-size:12px;

    line-height:1.4;

    font-weight:900;
}


/* =========================================================
   BOTTOM AREA
========================================================= */

.eqd-main-detail-footer{
    margin-top:26px;

    padding-top:22px;

    border-top:1px solid #dce8ea;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:20px;
}


/* SUPPORT */

.eqd-main-detail-support{
    display:flex;

    align-items:center;

    gap:11px;
}


.eqd-main-detail-support > span{
    width:37px;
    height:37px;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:#e7f6f7;

    color:#00a9b7;

    font-size:13px;
}


.eqd-main-detail-support small{
    display:block;

    margin-bottom:3px;

    color:#87999e;

    font-size:7px;

    font-weight:900;

    letter-spacing:1px;
}


.eqd-main-detail-support strong{
    display:block;

    color:#173039;

    font-size:11px;

    font-weight:900;
}


/* BUTTON */

.eqd-main-detail-button{
    min-height:48px;

    padding:4px 5px 4px 19px;

    display:inline-flex;

    align-items:center;

    gap:14px;

    border-radius:50px;

    background:#007582;

    color:#ffffff;

    text-decoration:none;

    font-size:10px;

    font-weight:900;

    transition:.3s ease;

    box-shadow:
        0 10px 24px rgba(0,117,130,.18);
}


.eqd-main-detail-button span{
    width:38px;
    height:38px;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:rgba(255,255,255,.15);
}


.eqd-main-detail-button:hover{
    background:#07343d;

    color:#ffffff;

    transform:translateY(-3px);
}


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

@media(max-width:991px){

    .eqd-main-detail-section{
        padding:80px 15px;
    }

    .eqd-main-detail-wrap{
        max-width:820px;

        grid-template-columns:1fr;

        gap:38px;
    }

    .eqd-main-detail-image{
        height:470px;
    }

}


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

@media(max-width:768px){

    .eqd-main-detail-section{
        padding:60px 12px;
    }

    .eqd-main-detail-image{
        height:390px;

        border-radius:21px;
    }

    .eqd-main-detail-content h2{
        font-size:34px;
    }

    .eqd-main-detail-specs{
        grid-template-columns:1fr;
    }

    .eqd-main-detail-footer{
        align-items:flex-start;

        flex-direction:column;
    }

}


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

@media(max-width:480px){

    .eqd-main-detail-section{
        padding:52px 8px;
    }

    .eqd-main-detail-image{
        height:325px;
    }

    .eqd-main-detail-number{
        top:16px;
        left:16px;

        width:40px;
        height:40px;
    }

    .eqd-main-detail-image-category{
        top:17px;
        right:16px;
    }

    .eqd-main-detail-image-bottom{
        left:18px;
        right:18px;
        bottom:18px;
    }

    .eqd-main-detail-image-bottom strong{
        font-size:22px;
    }

    .eqd-main-detail-top{
        align-items:flex-start;

        flex-direction:column;

        gap:10px;
    }

    .eqd-main-detail-content h2{
        font-size:29px;
    }

    .eqd-main-detail-description{
        font-size:13px;
    }

}

/* MAIN EQUIPMENT IMAGE - HOVER EFFECT */

.eqd-main-detail-image{
    overflow:hidden !important;
}

.eqd-main-detail-image img{
    transition:
        transform .5s ease,
        filter .5s ease !important;
}

.eqd-main-detail-image:hover img{
    transform:scale(1.06) !important;
    filter:brightness(.92) !important;
}

@media(max-width:768px){

    .eqd-main-detail-top{
        align-items:center !important;
        text-align:center !important;
    }

    .eqd-main-detail-kicker,
    .eqd-main-detail-code{
        text-align:center !important;
    }

    .eqd-main-detail-content h2{
        text-align:center !important;
    }

    /* FOOTER NORMAL RAHEGA */
    .eqd-main-detail-footer{
        align-items:flex-start !important;
        text-align:left !important;
    }

    /* READY FOR PROJECT REQUIREMENTS LEFT SIDE */
    .eqd-main-detail-support{
        width:100% !important;
        justify-content:flex-start !important;
        text-align:left !important;
    }

    /* ONLY BUTTON CENTER */
    .eqd-main-detail-button{
        align-self:center !important;
        margin-left:auto !important;
        margin-right:auto !important;
    }

}

/* Equipment Details Page New Second Section */
.eqd-related-section{
    position:relative;
    overflow:hidden;

    padding:95px 0;

    background:
        linear-gradient(
            135deg,
            #052a32 0%,
            #07343d 50%,
            #06444d 100%
        );
}


.eqd-related-section::before{
    content:"";

    position:absolute;

    width:400px;
    height:400px;

    top:-260px;
    right:-220px;

    border-radius:50%;

    border:70px solid rgba(255,255,255,.025);
}


.eqd-related-section::after{
    content:"";

    position:absolute;

    width:260px;
    height:260px;

    left:-150px;
    bottom:-160px;

    border-radius:50%;

    background:rgba(0,169,183,.06);
}


.eqd-related-section .container{
    position:relative;
    z-index:2;
}


/* HEADING */

.eqd-related-heading{
    max-width:700px;

    margin:0 auto 45px;

    text-align:center;
}


.eqd-related-kicker{
    display:inline-block;

    margin-bottom:14px;

    color:#5edce4;

    font-size:10px;

    font-weight:900;

    letter-spacing:2.2px;
}


.eqd-related-heading h2{
    margin:0;

    color:#ffffff;

    font-size:43px;

    line-height:1.15;

    font-weight:900;
}


.eqd-related-heading h2 strong{
    color:#5edce4;
}


.eqd-related-heading p{
    max-width:600px;

    margin:15px auto 0;

    color:rgba(255,255,255,.68);

    font-size:13px;

    line-height:1.8;
}


/* GRID */

.eqd-related-grid{
    max-width:1180px;

    margin:0 auto;

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:22px;
}


/* CARD */

.eqd-related-card{
    overflow:hidden;

    border:1px solid rgba(255,255,255,.09);

    border-radius:20px;

    background:rgba(255,255,255,.055);

    box-shadow:
        0 18px 45px rgba(0,0,0,.12);

    transition:.35s ease;
}


.eqd-related-card:hover{
    transform:translateY(-7px);

    border-color:rgba(94,220,228,.35);

    background:rgba(255,255,255,.075);
}


/* IMAGE */

.eqd-related-image{
    position:relative;

    height:245px;

    overflow:hidden;
}


.eqd-related-image img{
    width:100%;
    height:100%;

    object-fit:cover;

    display:block;

    transition:.55s ease;
}


.eqd-related-card:hover .eqd-related-image img{
    transform:scale(1.06);
}


.eqd-related-overlay{
    position:absolute;

    inset:0;

    background:
        linear-gradient(
            180deg,
            rgba(5,42,50,.02) 35%,
            rgba(5,42,50,.75) 100%
        );
}


.eqd-related-category{
    position:absolute;

    left:18px;
    bottom:17px;

    padding:7px 11px;

    border-radius:30px;

    background:#007582;

    color:#ffffff;

    font-size:7px;

    font-weight:900;

    letter-spacing:1.2px;
}


/* CONTENT */

.eqd-related-content{
    padding:22px 20px 21px;
}


.eqd-related-content h3{
    margin:0;

    color:#ffffff;

    font-size:19px;

    line-height:1.35;

    font-weight:900;
}


.eqd-related-content p{
    margin:10px 0 0;

    color:rgba(255,255,255,.62);

    font-size:11px;

    line-height:1.7;
}


.eqd-related-content a{
    margin-top:18px;

    display:inline-flex;

    align-items:center;

    gap:9px;

    color:#5edce4;

    text-decoration:none;

    font-size:9px;

    font-weight:900;

    letter-spacing:.4px;

    transition:.3s ease;
}


.eqd-related-content a:hover{
    color:#ffffff;

    gap:13px;
}


/* TABLET */

@media(max-width:991px){

    .eqd-related-section{
        padding:80px 15px;
    }

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

}


/* MOBILE */

@media(max-width:768px){

    .eqd-related-section{
        padding:65px 12px;
    }

    .eqd-related-heading{
        margin-bottom:35px;
    }

    .eqd-related-heading h2{
        font-size:34px;
    }

    .eqd-related-grid{
        max-width:480px;

        grid-template-columns:1fr;

        gap:18px;
    }

    .eqd-related-image{
        height:230px;
    }

}


/* SMALL MOBILE */

@media(max-width:480px){

    .eqd-related-section{
        padding:55px 8px;
    }

    .eqd-related-heading h2{
        font-size:29px;
    }

    .eqd-related-heading p{
        font-size:12px;
    }

    .eqd-related-image{
        height:215px;
    }

}

/* Equipment Details Page New Third Section */
.eqd-static-final-section{
    position:relative;
    overflow:hidden;

    padding:95px 0;

    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #f3f9fa 100%
        );
}


/* DECORATION */

.eqd-static-final-section::before{
    content:"";

    position:absolute;

    width:360px;
    height:360px;

    top:-220px;
    right:-190px;

    border-radius:50%;

    border:65px solid rgba(0,169,183,.04);
}


.eqd-static-final-section::after{
    content:"";

    position:absolute;

    width:230px;
    height:230px;

    left:-130px;
    bottom:-130px;

    border-radius:50%;

    background:rgba(0,117,130,.035);
}


.eqd-static-final-section .container{
    position:relative;
    z-index:2;
}


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

.eqd-static-final-heading{
    max-width:720px;

    margin:0 auto 45px;

    text-align:center;
}


.eqd-static-final-kicker{
    display:inline-block;

    margin-bottom:14px;

    color:#007582;

    font-size:10px;
    font-weight:900;

    letter-spacing:2.2px;
}


.eqd-static-final-heading h2{
    margin:0;

    color:#10232c;

    font-size:43px;
    line-height:1.15;

    font-weight:900;
}


.eqd-static-final-heading h2 strong{
    color:#007582;
}


.eqd-static-final-heading p{
    max-width:610px;

    margin:15px auto 0;

    color:#687b81;

    font-size:13px;
    line-height:1.8;
}


/* =========================================================
   CARDS
========================================================= */

.eqd-static-final-grid{
    max-width:1180px;

    margin:0 auto;

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:20px;
}


.eqd-static-final-card{
    position:relative;

    min-height:265px;

    padding:27px 25px;

    overflow:hidden;

    border:1px solid #dbe8ea;

    border-radius:20px;

    background:#ffffff;

    box-shadow:
        0 14px 38px rgba(7,52,61,.06);

    transition:.35s ease;
}


.eqd-static-final-card::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:100%;
    height:3px;

    background:
        linear-gradient(
            90deg,
            #07343d,
            #00a9b7
        );

    transform:scaleX(0);

    transform-origin:left;

    transition:.35s ease;
}


.eqd-static-final-card:hover{
    transform:translateY(-6px);

    border-color:#b8dfe2;

    box-shadow:
        0 20px 45px rgba(7,52,61,.10);
}


.eqd-static-final-card:hover::before{
    transform:scaleX(1);
}


/* NUMBER */

.eqd-static-final-number{
    position:absolute;

    top:25px;
    right:24px;

    color:#d8e8ea;

    font-size:28px;

    font-weight:900;
}


/* ICON */

.eqd-static-final-icon{
    width:50px;
    height:50px;

    margin-bottom:28px;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:14px;

    background:#e9f6f7;

    color:#007582;

    font-size:17px;

    transition:.3s ease;
}


.eqd-static-final-card:hover .eqd-static-final-icon{
    background:#007582;

    color:#ffffff;

    transform:translateY(-3px);
}


/* CARD CONTENT */

.eqd-static-final-card small{
    display:block;

    margin-bottom:7px;

    color:#00a9b7;

    font-size:8px;

    font-weight:900;

    letter-spacing:1.3px;
}


.eqd-static-final-card h3{
    margin:0;

    color:#10232c;

    font-size:19px;

    line-height:1.35;

    font-weight:900;
}


.eqd-static-final-card p{
    margin:11px 0 0;

    color:#74868b;

    font-size:11px;

    line-height:1.7;
}


/* =========================================================
   FINAL CTA
========================================================= */

.eqd-static-final-cta{
    max-width:1180px;

    margin:32px auto 0;

    padding:32px 36px;

    display:flex;

    align-items:center;
    justify-content:space-between;

    gap:35px;

    border:1px solid #cfe3e5;

    border-radius:22px;

    background:
        linear-gradient(
            135deg,
            #eaf7f8 0%,
            #ffffff 60%,
            #f1fafb 100%
        );

    box-shadow:
        0 15px 40px rgba(7,52,61,.06);
}


/* CTA CONTENT */

.eqd-static-final-cta-content > span{
    display:block;

    margin-bottom:8px;

    color:#007582;

    font-size:8px;

    font-weight:900;

    letter-spacing:1.4px;
}


.eqd-static-final-cta-content h3{
    margin:0;

    color:#10232c;

    font-size:25px;

    line-height:1.25;

    font-weight:900;
}


.eqd-static-final-cta-content h3 strong{
    color:#007582;
}


.eqd-static-final-cta-content p{
    margin:8px 0 0;

    color:#718287;

    font-size:11px;

    line-height:1.6;
}


/* CTA BUTTON */

.eqd-static-final-button{
    flex-shrink:0;

    min-height:50px;

    padding:4px 5px 4px 20px;

    display:inline-flex;

    align-items:center;

    gap:15px;

    border-radius:50px;

    background:#007582;

    color:#ffffff;

    text-decoration:none;

    font-size:10px;

    font-weight:900;

    box-shadow:
        0 10px 25px rgba(0,117,130,.18);

    transition:.3s ease;
}


.eqd-static-final-button > span{
    width:40px;
    height:40px;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:rgba(255,255,255,.15);
}


.eqd-static-final-button:hover{
    background:#07343d;

    color:#ffffff;

    transform:translateY(-3px);
}


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

@media(max-width:991px){

    .eqd-static-final-section{
        padding:80px 15px;
    }

    .eqd-static-final-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .eqd-static-final-cta{
        align-items:flex-start;

        flex-direction:column;
    }

}


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

@media(max-width:768px){

    .eqd-static-final-section{
        padding:65px 12px;
    }

    .eqd-static-final-heading{
        margin-bottom:35px;
    }

    .eqd-static-final-heading h2{
        font-size:34px;
    }

    .eqd-static-final-grid{
        max-width:480px;

        grid-template-columns:1fr;
    }

    .eqd-static-final-card{
        min-height:235px;
    }

    .eqd-static-final-cta{
        max-width:480px;

        padding:27px 23px;

        text-align:center;

        align-items:center;
    }

    .eqd-static-final-button{
        margin-left:auto;
        margin-right:auto;
    }

}


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

@media(max-width:480px){

    .eqd-static-final-section{
        padding:55px 8px;
    }

    .eqd-static-final-heading h2{
        font-size:29px;
    }

    .eqd-static-final-card{
        padding:24px 21px;

        min-height:220px;
    }

    .eqd-static-final-cta-content h3{
        font-size:21px;
    }

}

/* =========================================================
   FINAL STATIC SECTION - DARK CARDS ONLY
========================================================= */

.eqd-static-final-card{
    background:
        linear-gradient(
            145deg,
            #07343d 0%,
            #0a4049 100%
        ) !important;

    border:1px solid rgba(255,255,255,.08) !important;

    box-shadow:
        0 16px 38px rgba(7,52,61,.14) !important;
}


/* NUMBER */

.eqd-static-final-number{
    color:rgba(255,255,255,.12) !important;
}


/* ICON */

.eqd-static-final-icon{
    background:rgba(255,255,255,.08) !important;

    color:#5edce4 !important;

    border:1px solid rgba(94,220,228,.15) !important;
}


/* SMALL LABEL */

.eqd-static-final-card small{
    color:#5edce4 !important;
}


/* HEADING */

.eqd-static-final-card h3{
    color:#ffffff !important;
}


/* DESCRIPTION */

.eqd-static-final-card p{
    color:rgba(255,255,255,.68) !important;
}


/* HOVER */

.eqd-static-final-card:hover{
    transform:translateY(-6px) !important;

    border-color:rgba(94,220,228,.35) !important;

    box-shadow:
        0 22px 48px rgba(7,52,61,.20) !important;
}


.eqd-static-final-card:hover .eqd-static-final-icon{
    background:#00a9b7 !important;

    color:#ffffff !important;

    border-color:#00a9b7 !important;
}

/* FINAL CTA - DARK PREMIUM CARD */

.eqd-static-final-cta{
    background:
        linear-gradient(
            135deg,
            #07343d 0%,
            #0a4049 58%,
            #0b4d57 100%
        ) !important;

    border:1px solid rgba(94,220,228,.18) !important;

    box-shadow:
        0 18px 45px rgba(7,52,61,.16) !important;
}


/* SMALL LABEL */

.eqd-static-final-cta-content > span{
    color:#5edce4 !important;
}


/* HEADING */

.eqd-static-final-cta-content h3{
    color:#ffffff !important;
}


.eqd-static-final-cta-content h3 strong{
    color:#5edce4 !important;
}


/* DESCRIPTION */

.eqd-static-final-cta-content p{
    color:rgba(255,255,255,.68) !important;
}


/* BUTTON */

.eqd-static-final-button{
    background:#00a9b7 !important;

    box-shadow:
        0 10px 25px rgba(0,169,183,.22) !important;
}


.eqd-static-final-button:hover{
    background:#ffffff !important;

    color:#07343d !important;
}

/* Whatsapp Icon */
.wei-whatsapp-float{
    position:fixed;

    right:28px;
    bottom:30px;

    width:76px;
    height:76px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:#25D366;
    color:#ffffff !important;

    font-size:35px;

    text-decoration:none;

    z-index:9999;

    border:none !important;

    box-shadow:
        0 14px 34px rgba(0,0,0,.22);

    transition:
        transform .35s ease,
        box-shadow .35s ease,
        background .35s ease;
}


/* ICON */

.wei-whatsapp-float i{
    transition:
        transform .35s ease;
}


/* HOVER */

.wei-whatsapp-float:hover{
    transform:
        translateY(-7px)
        scale(1.08);

    background:#20bd5a;

    color:#ffffff !important;

    box-shadow:
        0 22px 48px rgba(0,0,0,.28);
}


.wei-whatsapp-float:hover i{
    transform:
        rotate(-8deg)
        scale(1.06);
}


/* LARGE DESKTOP */

@media(min-width:1400px){

    .wei-whatsapp-float{
        right:34px;
        bottom:34px;

        width:84px;
        height:84px;

        font-size:39px;
    }

}


/* NORMAL DESKTOP / LAPTOP */

@media(min-width:992px) and (max-width:1399px){

    .wei-whatsapp-float{
        right:28px;
        bottom:30px;

        width:76px;
        height:76px;

        font-size:35px;
    }

}


/* TABLET */

@media(min-width:769px) and (max-width:991px){

    .wei-whatsapp-float{
        right:22px;
        bottom:24px;

        width:64px;
        height:64px;

        font-size:29px;
    }

}


/* MOBILE */

@media(max-width:768px){

    .wei-whatsapp-float{
        right:15px;
        bottom:18px;

        width:56px;
        height:56px;

        font-size:26px;

        box-shadow:
            0 11px 28px rgba(0,0,0,.22);
    }

    .wei-whatsapp-float:hover{
        transform:
            translateY(-4px)
            scale(1.05);
    }

}


/* SMALL MOBILE */

@media(max-width:480px){

    .wei-whatsapp-float{
        right:12px;
        bottom:15px;

        width:52px;
        height:52px;

        font-size:24px;
    }

}

/* WHATSAPP - ATTRACTIVE HOVER ONLY */

.wei-whatsapp-float{
    transition:
        transform .35s ease,
        box-shadow .35s ease,
        background .35s ease !important;
}

.wei-whatsapp-float i{
    transition:
        transform .35s ease !important;
}

.wei-whatsapp-float:hover{
    transform:
        translateY(-6px)
        scale(1.05) !important;

    background:#20bd5a !important;

    box-shadow:
        0 18px 40px rgba(0,0,0,.28) !important;
}

.wei-whatsapp-float:hover i{
    transform:
        rotate(-10deg)
        scale(1.08) !important;
}

@media(max-width:768px){

    .wei-whatsapp-float{
        width:70px !important;
        height:70px !important;

        right:16px !important;
        bottom:18px !important;

        font-size:33px !important;
    }

}

@media(max-width:480px){

    .wei-whatsapp-float{
        width:66px !important;
        height:66px !important;

        right:14px !important;
        bottom:16px !important;

        font-size:31px !important;
    }

}