/*==================================================
Project : DG Power India Pvt. Ltd.
Author  : Digicommit
Version : 1.0
==================================================*/


/*==================================================
Google Fonts
==================================================*/

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Montserrat:wght@300;400;500;600;700;800&display=swap');


/*==================================================
Root Variables
==================================================*/

:root{

    --primary:#004AAD;
    --primary-dark:#00357D;
    --secondary:#F58220;
    --secondary-dark:#DB6F12;

    --heading:#111111;
    --text:#5E6B75;

    --white:#ffffff;
    --light:#F8FAFC;
    --light-2:#F3F5F8;

    --border:#E8EDF2;

    --success:#1FA971;
    --danger:#E63946;

    --shadow-sm:0 5px 15px rgba(0,0,0,.08);
    --shadow-md:0 15px 40px rgba(0,0,0,.10);
    --shadow-lg:0 20px 60px rgba(0,0,0,.18);

    --radius:10px;
    --radius-lg:20px;

    --transition:.4s ease;

}


/*==================================================
Reset
==================================================*/

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

html{

    scroll-behavior:smooth;
    font-size:16px;

}

body{

    font-family:'Inter',sans-serif;
    color:var(--text);
    background:#fff;
    overflow-x:hidden;
    line-height:1.7;

}

img{

    max-width:100%;
    display:block;

}

a{

    text-decoration:none;
    transition:var(--transition);

}

ul{

    list-style:none;
    margin:0;
    padding:0;

}

button{

    border:none;
    outline:none;
    cursor:pointer;

}

input,
textarea,
select{

    outline:none;
    box-shadow:none;

}


/*==================================================
Typography
==================================================*/

h1,h2,h3,h4,h5,h6{

    color:var(--heading);
    font-family:'Montserrat',sans-serif;
    font-weight:700;
    line-height:1.2;

}

h1{

    font-size:52px;

}

h2{

    font-size:38px;

}

h3{

    font-size:28px;

}

h4{

    font-size:22px;

}

h5{

    font-size:20px;

}

h6{

    font-size:18px;

}

p{

    margin-bottom:15px;
    color:var(--text);

}


/*==================================================
Common Spacing
==================================================*/

.section{

    padding:80px 0;

}

.section-sm{

    padding:50px 0;

}

.section-title{

    margin-bottom:60px;

}

.section-title span{

    color:var(--secondary);
    text-transform:uppercase;
    letter-spacing:2px;
    font-size:15px;
    font-weight:700;

}

.section-title h2{

    margin-top:10px;

}


/*==================================================
Container
==================================================*/

.container{

    max-width:1320px;

}


/*==================================================
Buttons
==================================================*/

.theme-btn{

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

    height:43px;

    padding:10px 35px;

    border-radius:50px;

    background:var(--secondary);

    color:#fff;

    font-weight:600;

    transition:var(--transition);

}

.theme-btn:hover{

    background:var(--secondary-dark);
    color:#fff;
    transform:translateY(-4px);

}


.outline-btn{

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

    height:43px;

    padding:0 35px;

    border:2px solid #fff;

    color:#fff;

    border-radius:50px;

    transition:var(--transition);

}

.outline-btn:hover{

    background:#fff;
    color:var(--primary);

}


/*==================================================
Cards
==================================================*/

.card-box{

    background:#fff;
    border-radius:var(--radius-lg);
    box-shadow:var(--shadow-sm);
    transition:var(--transition);
    overflow:hidden;

}

.card-box:hover{

    transform:translateY(-10px);
    box-shadow:var(--shadow-lg);

}


/*==================================================
Background Utilities
==================================================*/

.bg-light{

    background:var(--light);

}

.bg-primary{

    background:var(--primary)!important;

}

.bg-secondary{

    background:var(--secondary)!important;

}


/*==================================================
Text Utilities
==================================================*/

.text-primary{

    color:var(--primary)!important;

}

.text-secondary{

    color:var(--secondary)!important;

}


/*==================================================
Border Radius
==================================================*/

.radius{

    border-radius:var(--radius);

}

.radius-lg{

    border-radius:var(--radius-lg);

}


/*==================================================
Images
==================================================*/

.image-cover{

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

}

.image-rounded{

    border-radius:20px;

}


/*==================================================
Overlay
==================================================*/

.overlay{

    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;

}


/*==================================================
Transition
==================================================*/

.transition{

    transition:var(--transition);

}


/*==================================================
Scrollbar
==================================================*/

::-webkit-scrollbar{

    width:8px;

}

::-webkit-scrollbar-thumb{

    background:var(--secondary);

}

::-webkit-scrollbar-track{

    background:#eee;

}


/*==================================================
Selection
==================================================*/

::selection{

    background:var(--secondary);
    color:#fff;

}


/*==================================================
Preloader
==================================================*/

.preloader{

    position:fixed;
    inset:0;

    background:#fff;

    z-index:99999;

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

}


/*==================================================
Back To Top
==================================================*/

.scroll-top{

    position:fixed;

    right:25px;

    bottom:25px;

    width:50px;

    height:50px;

    background:var(--secondary);

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    opacity:0;

    visibility:hidden;

    transition:var(--transition);

    z-index:999;

}

.scroll-top.active{

    opacity:1;
    visibility:visible;

}

.scroll-top:hover{

    background:var(--primary);

}

/*=============================
TOP BAR
==============================*/

.topbar{

    background:#081323;

    color:#fff;

    font-size:14px;

    padding:3px 0;

}

.topbar-left{

    display:flex;

    gap:30px;

}

.topbar-left a{

    color:#fff;

}

.topbar-left i{

    color:var(--secondary);

    margin-right:8px;

}



.topbar-social{

    display:flex;

    justify-content:flex-end;

    gap:12px;

}

.topbar-social a{

    width:35px;

    height:35px;

    border-radius:50%;

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

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

}

.topbar-social a:hover{

    background:var(--secondary);

}

/*=============================
HEADER
==============================*/

#header{

    /* position:absolute; */

    left:0;

    top:45px;

    width:100%;

    z-index:999;

    transition:.4s;

}

#header.sticky{

    position:fixed;

    top:0;

    background:#fff;

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

}

.navbar{

    height:90px;

}

.navbar-brand img{

    height:70px;

    transition:.4s;

}

#header.sticky .navbar-brand img{

    height:60px;

}

.navbar-nav{

    gap:15px;

}

.navbar-nav>li{

    position:relative;

}

.navbar-nav>li>a{

    color:var(--heading);

    font-weight:600;

    padding:35px 10px;

    display:block;

    font-family:'Montserrat';

}

#header.sticky .navbar-nav>li>a{

    color:#222;

}

.navbar-nav>li>a:hover{

    color:var(--secondary);

}

/*=============================
SUB MENU
==============================*/

.submenu{

    position:absolute;

    top:120%;

    left:0;

    width:280px;

    background:#fff;

    opacity:0;

    visibility:hidden;

    transition:.35s;

    border-radius:15px;

    overflow:hidden;

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

}

.dropdown:hover .submenu{

    top:100%;

    opacity:1;

    visibility:visible;

}

.submenu li a{

    display:block;

    padding:15px 25px;

    color:#444;

    border-bottom:1px solid #eee;

    transition:.3s;

}

.submenu li a:hover{

    background:var(--primary);

    color:#fff;

    padding-left:35px;

}

/*=============================
OFFCANVAS
==============================*/

.mobile-nav li{

    border-bottom:1px solid #eee;

}

.mobile-nav li a{

    display:block;

    padding:16px 0;

    color:#222;

    font-weight:600;

}

.navbar-toggler{

    border:none;

    font-size:30px;

    /* color:#fff; */

}

#header.sticky .navbar-toggler{

    color:#111;

}

/*==================================
PRODUCT DROPDOWN
==================================*/

.products-dropdown-menu{

    min-width:350px;

    padding:0;

    margin-top:18px;

    background:#fff;

    border:0;

    border-radius:18px;

    overflow:hidden;

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

}

.products-dropdown-menu .dropdown-item{

    padding:20px 30px;

    color:#444;

    font-size:16px;

    font-weight:500;

    border-bottom:1px solid #eeeeee;

    transition:.3s;

}

.products-dropdown-menu li:last-child .dropdown-item{

    border-bottom:0;

}

.products-dropdown-menu .dropdown-item:hover{

    background:#f5f8fc;

    color:var(--primary);

    padding-left:36px;

}

.products-dropdown-menu .dropdown-item:active{

    background:var(--primary);

    color:#fff;

}


/* Desktop dropdown */

@media(min-width:992px){

    .products-dropdown-menu{

        display:block;

        opacity:0;

        visibility:hidden;

        transform:translateY(10px);

        transition:.25s ease;

    }

    .nav-item.dropdown:hover
    .products-dropdown-menu{

        opacity:1;

        visibility:visible;

        transform:translateY(0);

    }

}

/*====================================
Hero Section
====================================*/

.hero-section{

    position:relative;

}

.hero-item{

    position:relative;

    overflow:hidden;

}

.hero-bg{

    position:absolute;

    inset:0;

    background-size:cover;

    background-position:center;

}

.hero-overlay {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(
            180deg,
            rgba(0, 35, 90, 0.05) 0%,
            rgba(0, 35, 90, 0.25) 30%,
            rgba(0, 35, 90, 0.70) 100%
        ),
        linear-gradient(
            90deg,
            rgba(0, 35, 90, 0.35) 0%,
            rgba(0, 74, 173, 0.35) 45%,
            rgba(0, 0, 0, 0.15) 100%
        );
}
.hero-content{

    position:relative;

    z-index:2;

    max-width:700px;

}

.hero-subtitle{

    display:inline-block;

    color:var(--secondary);

    text-transform:uppercase;

    font-weight:700;

    letter-spacing:2px;

    margin-bottom:20px;

}

.hero-content h1{

    color:#fff;

    margin-bottom:25px;

    font-size:60px;

    font-weight:800;

}

.hero-content p{

    color:#f3f3f3;

    font-size:20px;

    margin-bottom:40px;

    max-width:650px;

}

.hero-btn{

    display:flex;

    gap:20px;

}

.hero-next,
.hero-prev{

    width:60px;

    height:60px;

    border-radius:50%;

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

    backdrop-filter:blur(10px);

    color:#fff;

}

.hero-next::after,
.hero-prev::after{

    font-size:22px;

    font-weight:700;

}

.hero-pagination .swiper-pagination-bullet{

    width:14px;

    height:14px;

    background:#fff;

    opacity:.5;

}

.hero-pagination .swiper-pagination-bullet-active{

    opacity:1;

    background:var(--secondary);

}

.swiper-navigation-icon {
    height: 30px !important;
}

.hero-features{

    position:absolute;

    bottom:50px;

    right:80px;

    z-index:20;

    display:flex;

    gap:20px;

}

.feature-box{

    width:180px;

    padding:25px;

    background:#fff;

    border-radius:20px;

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

    text-align:center;

}

.feature-box h3{

    color:var(--primary);

    font-size:32px;

}

.feature-box p{

    margin:0;

    font-size:15px;

    font-weight:600;

}

/*====================================
About Section
====================================*/

.about-section{

    position:relative;

    background:#fff;

}

.about-images{

    position:relative;

    padding-right:60px;

}

.about-main-image{

    border-radius:25px;

    overflow:hidden;

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

}

.about-main-image img{

    width:100%;

    display:block;

}

.experience-card{

    position:absolute;

    bottom:30px;

    right:0;

    width:220px;

    background:var(--primary);

    color:#fff;

    padding:30px;

    border-radius:20px;

    text-align:center;

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

}

.experience-card h2{

    font-size:40px;

    color:#fff;

    margin-bottom:5px;

}

.experience-card span{

    font-size:15px;

    line-height:24px;

    display:block;

}

.floating-badge{

    position:absolute;

    top:30px;

    left:-25px;

    width:90px;

    height:90px;

    background:var(--secondary);

    color:#fff;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:34px;

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

}

.section-tag{

    display:inline-block;

    color:var(--secondary);

    font-weight:700;

    letter-spacing:2px;

    margin-bottom:15px;

    text-transform:uppercase;

}

.about-content h2{

    margin-bottom:25px;

    font-size:46px;

}

.about-content p{

    font-size:17px;

    margin-bottom:35px;

}

.about-features{

    display:grid;

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

    gap:18px;

    margin-bottom:40px;

}

.feature-item{

    display:flex;

    align-items:center;

    font-weight:600;

    color:#333;

}

.feature-item i{

    color:var(--secondary);

    margin-right:12px;

    font-size:18px;

}

/*==================================
Product Section
==================================*/

.products-section{

    background:#f7f9fc;

}

.products-section .section-title{

    max-width:700px;

    margin:0 auto 60px;

}

.product-card{

    position:relative;

    height:420px;

    border-radius:22px;

    overflow:hidden;

    cursor:pointer;

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

}

.product-card img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:.7s;

}

.product-overlay{

    position:absolute;

    inset:0;

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

}

.product-content{

    position:absolute;

    left:30px;

    bottom:30px;

    color:#fff;

    z-index:2;

}

.product-content span{

    display:inline-block;

    width:50px;

    height:50px;

    border-radius:50%;

    background:var(--secondary);

    text-align:center;

    line-height:50px;

    font-weight:700;

    margin-bottom:20px;

}

.product-content h4{

    color:#fff;

    margin-bottom:18px;

}

.product-content a{

    color:#fff;

    font-weight:600;

}

.product-content a i{

    margin-left:8px;

    transition:.35s;

}

.product-card:hover img{

    transform:scale(1.12);

}

.product-card:hover a i{

    margin-left:16px;

}

.product-card:hover{

    transform:translateY(-8px);

}

/*==================================
Why Choose Us
==================================*/

.why-section{

    position:relative;

    background:#fff;

}

.why-content{

    padding-right:40px;

}

.why-content h2{

    margin:20px 0;

}

.why-content p{

    margin-bottom:35px;

}

.why-card{

    background:#fff;

    border-radius:20px;

    padding:35px 30px;

    height:100%;

    border:1px solid var(--border);

    transition:.4s;

    position:relative;

    overflow:hidden;

}

.why-card::before{

    content:'';

    position:absolute;

    left:0;

    top:0;

    width:5px;

    height:0;

    background:var(--secondary);

    transition:.4s;

}

.why-card:hover{

    transform:translateY(-10px);

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

}

.why-card:hover::before{

    height:100%;

}

.why-icon{

    width:70px;

    height:70px;

    border-radius:18px;

    background:rgba(0,74,173,.08);

    display:flex;

    justify-content:center;

    align-items:center;

    margin-bottom:25px;

    transition:.4s;

}

.why-icon i{

    color:var(--primary);

    font-size:30px;

}

.why-card:hover .why-icon{

    background:var(--primary);

}

.why-card:hover .why-icon i{

    color:#fff;

}

.why-card h4{

    margin-bottom:15px;

}

.why-card p{

    margin:0;

    font-size:15px;

}

/*====================================
Engineering Services
====================================*/

.services-section{

    background:#F7F9FC;

}

.service-card{

    position:relative;

    height:420px;

    border-radius:22px;

    overflow:hidden;

}

.service-card img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:.6s;

}

.service-overlay{

    position:absolute;

    inset:0;

    background:linear-gradient(to top,
            rgba(0,0,0,.88),
            rgba(0,0,0,.20));

}

.service-content{

    position:absolute;

    left:35px;

    bottom:35px;

    color:#fff;

    z-index:2;

}

.service-content span{

    display:inline-flex;

    width:55px;

    height:55px;

    border-radius:50%;

    justify-content:center;

    align-items:center;

    background:var(--secondary);

    font-weight:700;

    margin-bottom:20px;

}

.service-content h3{

    color:#fff;

    margin-bottom:15px;

}

.service-content p{

    color:#eee;

    margin-bottom:20px;

}

.service-content a{

    color:#fff;

    font-weight:600;

}

.service-card:hover img{

    transform:scale(1.08);

}

.service-small{

    background:#fff;

    padding:40px 25px;

    text-align:center;

    border-radius:20px;

    transition:.4s;

    border:1px solid var(--border);

    height:100%;

}

.service-small i{

    width:70px;

    height:70px;

    border-radius:50%;

    background:rgba(0,74,173,.08);

    color:var(--primary);

    display:flex;

    align-items:center;

    justify-content:center;

    margin:auto auto 20px;

    font-size:28px;

}

.service-small:hover{

    background:var(--primary);

    transform:translateY(-10px);

}

.service-small:hover h5{

    color:#fff;

}

.service-small:hover i{

    background:#fff;

}

.service-wide{

    background:#fff;

    padding:40px;

    border-radius:22px;

    border:1px solid var(--border);

    transition:.4s;

}

.service-wide:hover{

    transform:translateY(-8px);

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

}

/*==================================
Industries Section
==================================*/

.industries-section{

    position:relative;

    background:url('../images/industry-bg.webp') center center/cover no-repeat;

    overflow:hidden;

}

.industry-overlay{

    position:absolute;

    inset:0;

    background:linear-gradient(
        135deg,
        rgba(0,40,100,.95),
        rgba(0,74,173,.90)
    );

}

.industries-section .container{

    position:relative;

    z-index:2;

}

.industry-card{

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

    backdrop-filter:blur(12px);

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

    border-radius:20px;

    padding:35px 30px;

    text-align:center;

    transition:.4s;

    height:100%;

}

.industry-card:hover{

    background:#fff;

    transform:translateY(-10px);

}

.industry-icon{

    width:80px;

    height:80px;

    border-radius:50%;

    background:rgba(245,130,32,.18);

    display:flex;

    justify-content:center;

    align-items:center;

    margin:auto auto 25px;

}

.industry-icon i{

    font-size:34px;

    color:var(--secondary);

}

.industry-card h4{

    color:#fff;

    margin-bottom:15px;

    transition:.3s;

}

.industry-card p{

    color:#ddd;

    margin:0;

    transition:.3s;

}

.industry-card:hover h4{

    color:var(--heading);

}

.industry-card:hover p{

    color:var(--text);

}

/*==================================
Working Process
==================================*/

.process-section{

    background:#ffffff;

    position:relative;

}

.process-wrapper{

    position:relative;

}

.process-wrapper::before{

    content:'';

    position:absolute;

    top:85px;

    left:12%;

    width:76%;

    height:2px;

    background:linear-gradient(to right,
    var(--primary),
    var(--secondary));

    z-index:0;

}

.process-card{

    position:relative;

    background:#fff;

    border:1px solid var(--border);

    border-radius:24px;

    padding:40px 30px;

    text-align:center;

    transition:.4s;

    overflow:hidden;

    height:100%;

    z-index:2;

}

.process-card:hover{

    transform:translateY(-10px);

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

}

.process-number{

    position:absolute;

    right:20px;

    top:18px;

    font-size:50px;

    font-weight:800;

    color:rgba(0,74,173,.08);

    font-family:'Montserrat';

}

.process-icon{

    width:90px;

    height:90px;

    margin:auto;

    margin-bottom:25px;

    border-radius:50%;

    background:rgba(0,74,173,.08);

    display:flex;

    justify-content:center;

    align-items:center;

    transition:.4s;

}

.process-icon i{

    font-size:36px;

    color:var(--primary);

}

.process-card:hover .process-icon{

    background:var(--primary);

    transform:rotateY(180deg);

}

.process-card:hover .process-icon i{

    color:#fff;

}

.process-card h4{

    margin-bottom:18px;

}

.process-card p{

    margin:0;

    font-size:15px;

}

/*==================================
Featured Projects
==================================*/

.projects-section{

    background:#F8FAFC;

}

.project-card{

    position:relative;

    overflow:hidden;

    border-radius:22px;

    height:300px;

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

}

.project-large{

    height:624px;

}

.project-card img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:.7s;

}

.project-overlay{

    position:absolute;

    inset:0;

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

}

.project-content{

    position:absolute;

    left:35px;

    bottom:35px;

    z-index:2;

}

.project-category{

    display:inline-block;

    padding:8px 18px;

    background:var(--secondary);

    color:#fff;

    border-radius:40px;

    font-size:13px;

    font-weight:600;

    margin-bottom:15px;

}

.project-content h3,
.project-content h4{

    color:#fff;

    margin-bottom:15px;

}

.project-content ul{

    display:flex;

    gap:25px;

    color:#fff;

    margin:0;

}

.project-content li{

    font-size:15px;

}

.project-content i{

    color:var(--secondary);

    margin-right:8px;

}

.project-card:hover img{

    transform:scale(1.08);

}

/*====================================
Counter Section
====================================*/

.counter-section{

    padding:90px 0;

    /* background:linear-gradient(135deg,#004AAD,#00357D); */

    position:relative;

}

.counter-wrapper{

    background:linear-gradient(135deg,#004AAD,#00357D);

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

    border-radius:25px;

    padding:60px 30px;

    backdrop-filter:blur(12px);

}

.counter-box{

    text-align:center;

    color:#fff;

}

.counter-icon{

    width:90px;

    height:90px;

    border-radius:50%;

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

    display:flex;

    align-items:center;

    justify-content:center;

    margin:auto auto 25px;

}

.counter-icon i{

    color:var(--secondary);

    font-size:38px;

}

.counter-box h2{

    color:#fff;

    font-size:52px;

    margin-bottom:10px;

}

.counter-box p{

    color:#d7d7d7;

    margin:0;

    font-size:17px;

}

/*==================================
Testimonials
==================================*/

.testimonial-section{

    position:relative;

    background:url('../images/testimonial-bg.webp') center/cover;

    overflow:hidden;

}

.testimonial-overlay{

    position:absolute;

    inset:0;

    background:rgba(0,53,125,.92);

}

.testimonial-section .container{

    position:relative;

    z-index:2;

}

.testimonial-card{

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

    backdrop-filter:blur(15px);

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

    border-radius:25px;

    padding:45px;

}

.quote-icon{

    font-size:55px;

    color:var(--secondary);

    margin-bottom:20px;

}

.stars{

    color:#FFD43B;

    margin-bottom:20px;

}

.testimonial-card p{

    color:#f3f3f3;

    line-height:32px;

    margin-bottom:35px;

}

.client-info{

    display:flex;

    align-items:center;

    gap:18px;

}

.client-info img{

    width:70px;

    height:70px;

    border-radius:50%;

    object-fit:cover;

    border:3px solid var(--secondary);

}

.client-info h5{

    color:#fff;

    margin-bottom:5px;

}

.client-info span{

    color:#ddd;

}

.testimonial-pagination{

    margin-top:45px;

    position:relative;

}

.testimonial-pagination .swiper-pagination-bullet{

    background:#fff;

    opacity:.4;

}

.testimonial-pagination .swiper-pagination-bullet-active{

    background:var(--secondary);

    opacity:1;

}

/*==================================
FAQ Section
==================================*/

.faq-section{

    background:#fff;

}

.faq-image{

    position:relative;

}

.faq-image img{

    width:100%;

    border-radius:25px;

    box-shadow:0 20px 60px rgba(0,0,0,.12);

}

.faq-badge{

    position:absolute;

    bottom:30px;

    right:-20px;

    width:220px;

    background:var(--primary);

    color:#fff;

    border-radius:20px;

    text-align:center;

    padding:30px;

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

}

.faq-badge i{

    font-size:40px;

    color:var(--secondary);

    margin-bottom:15px;

}

.faq-badge h4{

    color:#fff;

    margin-bottom:8px;

}

.custom-accordion .accordion-item{

    border:none;

    margin-bottom:18px;

    border-radius:18px;

    overflow:hidden;

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

}

.custom-accordion .accordion-button{

    padding:22px 25px;

    font-weight:600;

    font-size:17px;

    background:#fff;

    box-shadow:none;

}

.custom-accordion .accordion-button:not(.collapsed){

    background:var(--primary);

    color:#fff;

}

.custom-accordion .accordion-button:focus{

    box-shadow:none;

}

.custom-accordion .accordion-body{

    padding:25px;

    line-height:30px;

    color:var(--text);

}

/*==================================
CTA Section
==================================*/

.cta-section{

    position:relative;

    padding:100px 0;

    background:url('../images/cta-bg.webp') center center/cover no-repeat;

    overflow:hidden;

}

.cta-overlay{

    position:absolute;

    inset:0;

    background:linear-gradient(
        90deg,
        rgba(0,45,110,.95),
        rgba(0,74,173,.88)
    );

}

.cta-section .container{

    position:relative;

    z-index:2;

}

.cta-content span{

    display:inline-block;

    color:var(--secondary);

    text-transform:uppercase;

    font-weight:700;

    letter-spacing:2px;

    margin-bottom:20px;

}

.cta-content h2{

    color:#fff;

    font-size:50px;

    margin-bottom:20px;

}

.cta-content p{

    color:#E8E8E8;

    max-width:700px;

    margin:0;

}

.cta-buttons{

    display:flex;

    justify-content:flex-end;

    gap:20px;

    flex-wrap:wrap;

}

.cta-buttons .theme-btn{

    min-width:200px;

}

.cta-buttons .outline-btn{

    min-width:200px;

}

.cta-buttons i{

    margin-right:10px;

}

/*==================================
Footer
==================================*/

.footer{

    background:#081323;

    color:#ffffff;

    padding:90px 0 25px;

}

.footer-logo{

    height:70px;

    margin-bottom:25px;

    background:#fff;

    padding:10px;

    border-radius:10px;

}

.footer p{
    color: #fff;
}

.footer h4{

    color:#fff;

    margin-bottom:25px;

    font-size:22px;

}

.footer ul{

    padding:0;

}

.footer ul li{

    margin-bottom:15px;

}

.footer ul li a{

    color:#C9D1D9;

    transition:.3s;

}

.footer ul li a:hover{

    color:var(--secondary);

    padding-left:8px;

}

.footer-social{

    display:flex;

    gap:12px;

    margin-top:25px;

}

.footer-social a{

    width:42px;

    height:42px;

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

    color:#fff;

    display:flex;

    justify-content:center;

    align-items:center;

    border-radius:50%;

    transition:.3s;

}

.footer-social a:hover{

    background:var(--secondary);

}

.footer-contact li{

    display:flex;

    gap:15px;

    align-items:flex-start;

}

.footer-contact i{

    color:var(--secondary);

    margin-top:4px;

}

.footer hr{

    border-color:rgba(255,255,255,.08);

    margin:50px 0 25px;

}

.footer-bottom{

    display:flex;

    justify-content:center;

    align-items:center;

    flex-wrap:wrap;

    gap:20px;

}

.footer-bottom p{

    margin:0;
    color: #fff;

}

.footer-bottom a{

    color:var(--secondary);

}

.scroll-top{

    position:fixed;

    right:25px;

    bottom:25px;

    width:50px;

    height:50px;

    background:var(--secondary);

    color:#fff;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    z-index:999;

    opacity:0;

    visibility:hidden;

    transition:.3s;

}

.scroll-top.active{

    opacity:1;

    visibility:visible;

}

/*==================================
ABOUT PAGE
==================================*/


/*==================================
Inner Page Hero
==================================*/

.inner-page-hero{

    position:relative;

    min-height:480px;

    display:flex;

    align-items:center;

    overflow:hidden;

}

.inner-hero-bg{

    position:absolute;

    inset:0;

    background-size:cover;

    background-position:center;

}

.inner-hero-overlay{

    position:absolute;

    inset:0;

    background:
        linear-gradient(
            90deg,
            rgba(0,40,95,.94),
            rgba(0,74,173,.72),
            rgba(0,0,0,.30)
        );

}

.inner-page-hero .container{

    position:relative;

    z-index:2;

}

.inner-hero-content{

    padding-top:80px;

}

.inner-hero-content > span{

    display:inline-block;

    color:var(--secondary);

    font-size:14px;

    font-weight:700;

    letter-spacing:2px;

    text-transform:uppercase;

    margin-bottom:15px;

}

.inner-hero-content h1{

    color:#fff;

    font-size:58px;

    margin-bottom:25px;

}

.breadcrumb-wrapper{

    display:flex;

    align-items:center;

    gap:12px;

    color:#fff;

}

.breadcrumb-wrapper a{

    color:#fff;

}

.breadcrumb-wrapper a:hover{

    color:var(--secondary);

}

.breadcrumb-wrapper i{

    color:var(--secondary);

    font-size:12px;

}

.breadcrumb-wrapper span{

    color:#ddd;

}


/*==================================
About Introduction
==================================*/

.about-intro-section{

    background:#fff;

}

.about-intro-image{

    position:relative;

    padding-right:45px;

}

.about-intro-image > img{

    width:100%;

    height:600px;

    object-fit:cover;

    border-radius:25px;

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

}

.about-intro-card{

    position:absolute;

    right:0;

    bottom:45px;

    background:var(--primary);

    color:#fff;

    border-radius:20px;

    padding:25px 30px;

    min-width:250px;

    display:flex;

    align-items:center;

    gap:18px;

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

}

.about-intro-icon{

    width:55px;

    height:55px;

    border-radius:50%;

    background:var(--secondary);

    display:flex;

    align-items:center;

    justify-content:center;

    flex-shrink:0;

}

.about-intro-icon i{

    color:#fff;

    font-size:22px;

}

.about-intro-card strong{

    display:block;

    color:#fff;

    font-family:'Montserrat';

    font-size:18px;

}

.about-intro-card span{

    display:block;

    color:#d9e5f5;

    font-size:13px;

    margin-top:3px;

}

.about-intro-content{

    padding-left:40px;

}

.about-intro-content h2{

    font-size:44px;

    margin:15px 0 25px;

}

.about-intro-content p{

    font-size:16px;

    margin-bottom:17px;

}

.about-check-list{

    display:grid;

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

    gap:16px;

    margin:30px 0 35px;

}

.about-check-list div{

    display:flex;

    align-items:flex-start;

    gap:10px;

    color:#303840;

    font-size:14px;

    font-weight:600;

}

.about-check-list i{

    color:var(--secondary);

    margin-top:4px;

}


/*==================================
Capabilities
==================================*/

.capabilities-section{

    background:#f7f9fc;

}

.capability-card{

    position:relative;

    height:100%;

    background:#fff;

    padding:40px 35px;

    border:1px solid var(--border);

    border-radius:22px;

    overflow:hidden;

    transition:.4s;

}

.capability-card:hover{

    transform:translateY(-10px);

    box-shadow:0 25px 55px rgba(0,0,0,.09);

}

.capability-number{

    position:absolute;

    top:15px;

    right:20px;

    color:rgba(0,74,173,.06);

    font-family:'Montserrat';

    font-size:70px;

    font-weight:800;

}

.capability-icon{

    width:75px;

    height:75px;

    border-radius:18px;

    background:rgba(0,74,173,.08);

    display:flex;

    align-items:center;

    justify-content:center;

    margin-bottom:25px;

    transition:.4s;

}

.capability-icon i{

    color:var(--primary);

    font-size:30px;

}

.capability-card:hover .capability-icon{

    background:var(--primary);

}

.capability-card:hover .capability-icon i{

    color:#fff;

}

.capability-card h4{

    margin-bottom:15px;

}

.capability-card p{

    font-size:15px;

    margin-bottom:25px;

}

.capability-card a{

    color:var(--primary);

    font-size:14px;

    font-weight:700;

}

.capability-card a i{

    margin-left:7px;

    transition:.3s;

}

.capability-card a:hover{

    color:var(--secondary);

}

.capability-card a:hover i{

    margin-left:13px;

}

/*==================================
Vision Mission Section
==================================*/

.vision-mission-section{

    background:#fff;

    padding-bottom:100px;

}


/*==================================
Vision / Mission Boxes
==================================*/

.vision-box,
.mission-box{

    min-height:480px;

    display:flex;

    align-items:center;

    padding:80px 10%;

    position:relative;

    overflow:hidden;

}


/* Vision */

.vision-box{

    background:

        linear-gradient(
            135deg,
            rgba(0,53,125,.96),
            rgba(0,74,173,.90)
        ),

        url('../images/about/vision-bg.jpg') center/cover;

}


/* Mission */

.mission-box{

    background:

        linear-gradient(
            135deg,
            rgba(245,130,32,.96),
            rgba(219,111,18,.94)
        ),

        url('../images/about/mission-bg.jpg') center/cover;

}


.vision-box::after,
.mission-box::after{

    content:'';

    position:absolute;

    width:220px;

    height:220px;

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

    border-radius:50%;

    right:-70px;

    bottom:-80px;

}


.vision-box::before,
.mission-box::before{

    content:'';

    position:absolute;

    width:130px;

    height:130px;

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

    border-radius:50%;

    right:80px;

    bottom:80px;

}


.vision-content,
.mission-content{

    position:relative;

    z-index:2;

    max-width:600px;

}


.vm-icon{

    width:75px;

    height:75px;

    border-radius:18px;

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

    display:flex;

    align-items:center;

    justify-content:center;

    margin-bottom:25px;

    backdrop-filter:blur(8px);

}


.vm-icon i{

    color:#fff;

    font-size:30px;

}


.vision-content > span,
.mission-content > span{

    display:block;

    color:#fff;

    font-size:14px;

    font-weight:700;

    letter-spacing:2px;

    margin-bottom:15px;

}


.vision-content h2,
.mission-content h2{

    color:#fff;

    font-size:35px;

    margin-bottom:22px;

}


.vision-content p,
.mission-content p{

    color:rgba(255,255,255,.88);

    font-size:16px;

    margin:0;

}


/*==================================
Core Values
==================================*/

.values-heading{

    max-width:700px;

    text-align:center;

    margin:90px auto 55px;

}


.values-heading h2{

    margin:12px 0 15px;

}


.values-heading p{

    margin:0;

}


/*==================================
Value Cards
==================================*/

.value-card{

    position:relative;

    background:#fff;

    border:1px solid var(--border);

    border-radius:22px;

    padding:40px 30px;

    height:100%;

    overflow:hidden;

    transition:.4s;

}


.value-card:hover{

    transform:translateY(-10px);

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

    border-color:transparent;

}


.value-number{

    position:absolute;

    top:15px;

    right:20px;

    font-family:'Montserrat';

    font-size:55px;

    line-height:1;

    font-weight:800;

    color:rgba(0,74,173,.06);

}


.value-icon{

    width:70px;

    height:70px;

    border-radius:18px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:rgba(0,74,173,.08);

    margin-bottom:25px;

    transition:.4s;

}


.value-icon i{

    color:var(--primary);

    font-size:28px;

}


.value-card:hover .value-icon{

    background:var(--secondary);

}


.value-card:hover .value-icon i{

    color:#fff;

}


.value-card h4{

    margin-bottom:15px;

}


.value-card p{

    font-size:15px;

    margin:0;

}

/*==================================
Our Expertise
==================================*/

.expertise-section{

    background:#fff;

}

.expertise-image{

    position:relative;

    padding-right:45px;

}

.expertise-image > img{

    width:100%;

    height:620px;

    object-fit:cover;

    border-radius:25px;

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

}

.expertise-floating-card{

    position:absolute;

    right:0;

    bottom:45px;

    background:#fff;

    border-radius:18px;

    padding:22px 25px;

    display:flex;

    align-items:center;

    gap:15px;

    min-width:285px;

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

    border-left:4px solid var(--secondary);

}

.expertise-floating-icon{

    width:55px;

    height:55px;

    border-radius:14px;

    background:rgba(0,74,173,.08);

    display:flex;

    align-items:center;

    justify-content:center;

    flex-shrink:0;

}

.expertise-floating-icon i{

    color:var(--primary);

    font-size:23px;

}

.expertise-floating-card strong{

    display:block;

    color:var(--heading);

    font-family:'Montserrat';

    font-size:15px;

}

.expertise-floating-card span{

    display:block;

    color:var(--text);

    font-size:12px;

    margin-top:4px;

}


/*==================================
Expertise Content
==================================*/

.expertise-content{

    padding-left:45px;

}

.expertise-content h2{

    font-size:42px;

    margin:15px 0 20px;

}

.expertise-content > p{

    font-size:16px;

    margin-bottom:35px;

}


/*==================================
Expertise Items
==================================*/

.expertise-item{

    display:flex;

    align-items:center;

    gap:18px;

    margin-bottom:24px;

}

.expertise-item-icon{

    width:55px;

    height:55px;

    flex-shrink:0;

    border-radius:15px;

    background:rgba(0,74,173,.08);

    display:flex;

    align-items:center;

    justify-content:center;

}

.expertise-item-icon i{

    color:var(--primary);

    font-size:21px;

}

.expertise-item-content{

    flex:1;

}

.expertise-item-heading{

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:15px;

    margin-bottom:9px;

}

.expertise-item-heading h5{

    font-size:15px;

    margin:0;

}

.expertise-item-heading span{

    color:var(--text);

    font-size:12px;

    white-space:nowrap;

}

.expertise-line{

    width:100%;

    height:5px;

    background:#edf1f5;

    border-radius:10px;

    overflow:hidden;

}

.expertise-line span{

    display:block;

    height:100%;

    background:linear-gradient(
        90deg,
        var(--primary),
        var(--secondary)
    );

    border-radius:10px;

}

.expertise-btn{

    margin-top:15px;

}

.expertise-btn i{

    margin-left:8px;

}

/*==================================
About CTA
==================================*/

.about-cta-section{

    position:relative;

    padding:110px 0;

    background:
        url('../images/about/about-cta.jpg')
        center center / cover no-repeat;

    overflow:hidden;

}

.about-cta-overlay{

    position:absolute;

    inset:0;

    background:
        linear-gradient(
            90deg,
            rgba(0,45,105,.96),
            rgba(0,74,173,.88),
            rgba(0,45,105,.72)
        );

}

.about-cta-section .container{

    position:relative;

    z-index:2;

}

.about-cta-content{

    max-width:850px;

}

.about-cta-content > span{

    display:inline-block;

    color:var(--secondary);

    font-size:14px;

    font-weight:700;

    letter-spacing:2px;

    margin-bottom:18px;

}

.about-cta-content h2{

    color:#fff;

    font-size:50px;

    margin-bottom:22px;

}

.about-cta-content p{

    color:#e4eaf2;

    font-size:17px;

    max-width:750px;

    margin-bottom:35px;

}

.about-cta-buttons{

    display:flex;

    align-items:center;

    gap:18px;

    flex-wrap:wrap;

}

.about-cta-buttons .theme-btn i{

    margin-left:10px;

}

/*==================================
SERVICES PAGE
==================================*/


/*==================================
Services Intro
==================================*/

.services-intro-section{

    background:#fff;

}

.services-intro-image{

    position:relative;

    padding-right:45px;

}

.services-intro-image > img{

    width:100%;

    height:600px;

    object-fit:cover;

    border-radius:25px;

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

}

.services-intro-badge{

    position:absolute;

    right:0;

    bottom:45px;

    background:var(--primary);

    color:#fff;

    border-radius:20px;

    padding:22px 25px;

    display:flex;

    align-items:center;

    gap:15px;

    min-width:285px;

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

}

.services-intro-badge > i{

    width:55px;

    height:55px;

    background:var(--secondary);

    border-radius:15px;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:22px;

}

.services-intro-badge strong{

    display:block;

    color:#fff;

    font-family:'Montserrat';

    font-size:15px;

}

.services-intro-badge span{

    display:block;

    color:#d8e5f5;

    font-size:12px;

    margin-top:4px;

}

.services-intro-content{

    padding-left:40px;

}

.services-intro-content h2{

    font-size:43px;

    margin:15px 0 25px;

}

.services-intro-content p{

    font-size:16px;

}

.services-intro-points{

    display:grid;

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

    gap:15px;

    margin:30px 0 35px;

}

.services-intro-points div{

    font-size:14px;

    font-weight:600;

    color:#303840;

}

.services-intro-points i{

    color:var(--secondary);

    margin-right:8px;

}


/*==================================
Service Detail Cards
==================================*/

.service-detail-card{

    height:100%;

    background:#fff;

    border-radius:22px;

    overflow:hidden;

    border:1px solid var(--border);

    transition:.4s;

}

.service-detail-card:hover{

    transform:translateY(-10px);

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

}

.service-detail-image{

    height:245px;

    position:relative;

    overflow:hidden;

}

.service-detail-image img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:.6s;

}

.service-detail-image span{

    position:absolute;

    top:20px;

    right:20px;

    width:48px;

    height:48px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:var(--secondary);

    color:#fff;

    font-family:'Montserrat';

    font-size:13px;

    font-weight:700;

}

.service-detail-card:hover .service-detail-image img{

    transform:scale(1.08);

}

.service-detail-content{

    position:relative;

    padding:30px;

}

.service-detail-icon{

    width:58px;

    height:58px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:15px;

    background:rgba(0,74,173,.08);

    margin-bottom:20px;

}

.service-detail-icon i{

    color:var(--primary);

    font-size:23px;

}

.service-detail-content h4{

    margin-bottom:13px;

}

.service-detail-content p{

    font-size:14px;

    margin-bottom:20px;

}

.service-detail-content a{

    color:var(--primary);

    font-size:14px;

    font-weight:700;

}

.service-detail-content a i{

    margin-left:7px;

    transition:.3s;

}

.service-detail-content a:hover{

    color:var(--secondary);

}

.service-detail-content a:hover i{

    margin-left:13px;

}


/*==================================
Service Feature
==================================*/

.service-feature-section{

    background:#fff;

}

.service-feature-image{

    padding-right:35px;

}

.service-feature-image img{

    width:100%;

    height:550px;

    object-fit:cover;

    border-radius:25px;

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

}

.service-feature-content{

    padding-left:35px;

}

.service-feature-content h2{

    font-size:42px;

    margin:15px 0 22px;

}

.service-feature-content p{

    font-size:16px;

}

.service-feature-list{

    margin:30px 0 35px;

}

.service-feature-list li{

    display:flex;

    align-items:flex-start;

    gap:12px;

    margin-bottom:15px;

    color:#303840;

    font-weight:500;

}

.service-feature-list i{

    color:var(--secondary);

    margin-top:5px;

}


/*==================================
Engineering Highlight
==================================*/

.engineering-highlight{

    position:relative;

    padding:110px 0;

    background:
        url('../images/services/engineering-bg.jpg')
        center / cover no-repeat;

}

.engineering-overlay{

    position:absolute;

    inset:0;

    background:
        linear-gradient(
            90deg,
            rgba(0,40,95,.95),
            rgba(0,74,173,.78)
        );

}

.engineering-highlight .container{

    position:relative;

    z-index:2;

}

.engineering-content{

    max-width:800px;

}

.engineering-content > span{

    color:var(--secondary);

    font-size:14px;

    font-weight:700;

    letter-spacing:2px;

}

.engineering-content h2{

    color:#fff;

    font-size:48px;

    margin:18px 0;

}

.engineering-content p{

    color:#e5ebf3;

    font-size:17px;

    margin-bottom:30px;

}


/*==================================
Service Process
==================================*/

.service-process-section{

    background:#fff;

}

.service-process-card{

    position:relative;

    height:100%;

    padding:40px 30px;

    background:#fff;

    border:1px solid var(--border);

    border-radius:22px;

    transition:.4s;

    overflow:hidden;

}

.service-process-card:hover{

    transform:translateY(-8px);

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

}

.service-process-card > span{

    position:absolute;

    top:15px;

    right:20px;

    font-size:55px;

    line-height:1;

    font-family:'Montserrat';

    font-weight:800;

    color:rgba(0,74,173,.06);

}

.service-process-card > i{

    width:70px;

    height:70px;

    border-radius:18px;

    background:rgba(0,74,173,.08);

    color:var(--primary);

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:27px;

    margin-bottom:25px;

}

.service-process-card h4{

    margin-bottom:13px;

}

.service-process-card p{

    margin:0;

    font-size:14px;

}


/*==================================
Services CTA
==================================*/

.services-cta-section{

    position:relative;

    padding:105px 0;

    background:
        url('../images/services/services-cta.jpg')
        center / cover no-repeat;

}

.services-cta-overlay{

    position:absolute;

    inset:0;

    background:
        linear-gradient(
            90deg,
            rgba(0,45,105,.96),
            rgba(0,74,173,.84)
        );

}

.services-cta-section .container{

    position:relative;

    z-index:2;

}

.services-cta-content{

    max-width:850px;

}

.services-cta-content > span{

    color:var(--secondary);

    font-size:14px;

    font-weight:700;

    letter-spacing:2px;

}

.services-cta-content h2{

    color:#fff;

    font-size:50px;

    margin:15px 0 20px;

}

.services-cta-content p{

    color:#e2e8f0;

    font-size:17px;

    max-width:750px;

    margin-bottom:35px;

}

.services-cta-buttons{

    display:flex;

    gap:18px;

    flex-wrap:wrap;

}

.services-cta-buttons i{

    margin-right:8px;

}

.services-cta-buttons .theme-btn i{

    margin-right:0;

    margin-left:8px;

}

/*==================================
INDUSTRIES PAGE
==================================*/


/*==================================
Introduction
==================================*/

.industries-intro-section{

    background:#fff;

}

.industries-intro-image{

    position:relative;

    padding-right:45px;

}

.industries-intro-image > img{

    width:100%;

    height:600px;

    object-fit:cover;

    border-radius:25px;

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

}

.industries-capacity-card{

    position:absolute;

    right:0;

    bottom:45px;

    display:flex;

    align-items:center;

    gap:15px;

    min-width:270px;

    padding:22px 25px;

    background:var(--primary);

    border-radius:18px;

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

}

.capacity-icon{

    width:55px;

    height:55px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:15px;

    background:var(--secondary);

    flex-shrink:0;

}

.capacity-icon i{

    color:#fff;

    font-size:22px;

}

.industries-capacity-card strong{

    display:block;

    color:#fff;

    font-family:'Montserrat';

    font-size:16px;

}

.industries-capacity-card span{

    display:block;

    color:#d8e4f2;

    font-size:12px;

    margin-top:4px;

}

.industries-intro-content{

    padding-left:40px;

}

.industries-intro-content h2{

    font-size:43px;

    margin:15px 0 22px;

}

.industries-intro-content p{

    font-size:16px;

}

.industry-intro-points{

    display:grid;

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

    gap:15px;

    margin:30px 0 35px;

}

.industry-intro-points div{

    font-size:14px;

    font-weight:600;

}

.industry-intro-points i{

    color:var(--secondary);

    margin-right:8px;

}


/*==================================
Industry Directory
==================================*/

.industry-directory-section{

    background:#f7f9fc;

}

.industry-directory-card{

    height:100%;

    background:#fff;

    border:1px solid var(--border);

    border-radius:22px;

    overflow:hidden;

    transition:.4s;

}

.industry-directory-card:hover{

    transform:translateY(-10px);

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

}

.industry-directory-image{

    position:relative;

    height:260px;

    overflow:hidden;

}

.industry-directory-image img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:.6s;

}

.industry-directory-card:hover
.industry-directory-image img{

    transform:scale(1.08);

}

.industry-directory-number{

    position:absolute;

    top:20px;

    right:20px;

    width:50px;

    height:50px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:var(--secondary);

    color:#fff;

    font-family:'Montserrat';

    font-size:13px;

    font-weight:700;

}

.industry-directory-content{

    position:relative;

    padding:30px;

}

.industry-directory-icon{

    width:60px;

    height:60px;

    border-radius:16px;

    background:rgba(0,74,173,.08);

    display:flex;

    align-items:center;

    justify-content:center;

    margin-bottom:20px;

}

.industry-directory-icon i{

    color:var(--primary);

    font-size:24px;

}

.industry-directory-content h3{

    margin-bottom:12px;

}

.industry-directory-content p{

    font-size:14px;

    margin-bottom:20px;

}

.industry-directory-content a{

    color:var(--primary);

    font-size:14px;

    font-weight:700;

}

.industry-directory-content a i{

    margin-left:7px;

    transition:.3s;

}

.industry-directory-content a:hover{

    color:var(--secondary);

}

.industry-directory-content a:hover i{

    margin-left:13px;

}


/*==================================
Industry Solutions
==================================*/

.industry-solutions-section{

    background:#fff;

}

.industry-solution-row{

    margin-bottom:100px;

}

.industry-solution-row:last-child{

    margin-bottom:0;

}

.industry-solution-image{

    overflow:hidden;

    border-radius:25px;

}

.industry-solution-image img{

    width:100%;

    height:500px;

    object-fit:cover;

    transition:.6s;

}

.industry-solution-image:hover img{

    transform:scale(1.04);

}

.industry-solution-content{

    padding-left:60px;

}

.industry-solution-row.reverse
.industry-solution-content{

    padding-left:0;

    padding-right:60px;

}

.industry-solution-content > span{

    color:var(--secondary);

    font-family:'Montserrat';

    font-size:13px;

    font-weight:700;

    letter-spacing:1.5px;

}

.industry-solution-content h2{

    font-size:40px;

    margin:15px 0 20px;

}

.industry-solution-content p{

    font-size:16px;

}

.industry-solution-content ul{

    margin:25px 0 30px;

}

.industry-solution-content li{

    display:flex;

    gap:12px;

    margin-bottom:13px;

    font-size:15px;

    font-weight:500;

}

.industry-solution-content li i{

    color:var(--secondary);

    margin-top:4px;

}


/*==================================
Industry Why
==================================*/

.industry-why-section{

    position:relative;

    padding:110px 0;

    background:
        url('../images/industries/industry-why.jpg')
        center / cover no-repeat;

}

.industry-why-overlay{

    position:absolute;

    inset:0;

    background:
        linear-gradient(
            90deg,
            rgba(0,37,88,.97),
            rgba(0,74,173,.86)
        );

}

.industry-why-section .container{

    position:relative;

    z-index:2;

}

.industry-why-content{

    max-width:850px;

}

.industry-why-content > span{

    color:var(--secondary);

    font-size:14px;

    font-weight:700;

    letter-spacing:2px;

}

.industry-why-content h2{

    color:#fff;

    font-size:48px;

    margin:15px 0 20px;

}

.industry-why-content > p{

    color:#e0e7ef;

    font-size:17px;

    max-width:750px;

}

.industry-why-grid{

    display:grid;

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

    gap:18px;

    margin-top:40px;

}

.industry-why-grid > div{

    padding:25px;

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

    border-radius:18px;

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

    display:grid;

    grid-template-columns:50px 1fr;

    column-gap:15px;

    align-items:center;

}

.industry-why-grid i{

    grid-row:span 2;

    width:50px;

    height:50px;

    border-radius:14px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:rgba(245,130,32,.16);

    color:var(--secondary);

}

.industry-why-grid strong{

    color:#fff;

    font-size:15px;

}

.industry-why-grid span{

    color:#cbd5e1;

    font-size:12px;

    margin-top:3px;

}


/*==================================
Industries CTA
==================================*/

.industries-cta-section{

    position:relative;

    padding:105px 0;

    background:
        url('../images/industries/industries-cta.jpg')
        center / cover no-repeat;

}

.industries-cta-overlay{

    position:absolute;

    inset:0;

    background:
        linear-gradient(
            90deg,
            rgba(0,45,105,.96),
            rgba(0,74,173,.84)
        );

}

.industries-cta-section .container{

    position:relative;

    z-index:2;

}

.industries-cta-content{

    max-width:850px;

}

.industries-cta-content > span{

    color:var(--secondary);

    font-size:14px;

    font-weight:700;

    letter-spacing:2px;

}

.industries-cta-content h2{

    color:#fff;

    font-size:50px;

    margin:15px 0 20px;

}

.industries-cta-content p{

    color:#e3eaf2;

    font-size:17px;

    max-width:750px;

    margin-bottom:35px;

}

.industries-cta-buttons{

    display:flex;

    gap:18px;

    flex-wrap:wrap;

}

/*==================================
CONTACT PAGE
==================================*/


/*==================================
Contact Information
==================================*/

.contact-info-section{

    background:#fff;

}

.contact-info-card{

    height:100%;

    display:flex;

    align-items:flex-start;

    gap:20px;

    padding:32px;

    background:#fff;

    border:1px solid var(--border);

    border-radius:20px;

    transition:.4s;

}

.contact-info-card:hover{

    transform:translateY(-8px);

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

    border-color:transparent;

}

.contact-info-icon{

    width:62px;

    height:62px;

    flex-shrink:0;

    border-radius:16px;

    background:rgba(0,74,173,.08);

    display:flex;

    align-items:center;

    justify-content:center;

}

.contact-info-icon i{

    color:var(--primary);

    font-size:25px;

}

.contact-info-card span{

    display:block;

    color:var(--secondary);

    font-size:11px;

    font-weight:700;

    letter-spacing:1.5px;

    margin-bottom:7px;

}

.contact-info-card h4{

    font-size:17px;

    margin-bottom:8px;

    word-break:break-word;

}

.contact-info-card p{

    font-size:13px;

    margin-bottom:15px;

}

.contact-info-card a{

    color:var(--primary);

    font-size:13px;

    font-weight:700;

}

.contact-info-card a i{

    margin-left:6px;

    transition:.3s;

}

.contact-info-card a:hover{

    color:var(--secondary);

}

.contact-info-card a:hover i{

    margin-left:10px;

}


/*==================================
Main Contact Area
==================================*/

.contact-main-section{

    background:#f7f9fc;

}

.contact-main-wrapper{

    border-radius:28px;

    overflow:hidden;

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

}


/*==================================
Contact Sidebar
==================================*/

.contact-sidebar{

    height:100%;

    padding:55px 45px;

    background:
        linear-gradient(
            145deg,
            #003b86,
            #002c68
        );

}

.contact-sidebar h2{

    color:#fff;

    font-size:42px;

    margin:15px 0 20px;

}

.contact-sidebar > p{

    color:#d9e4f0;

    line-height:29px;

}

.contact-sidebar-list{

    margin-top:35px;

}

.contact-sidebar-list > div{

    display:flex;

    align-items:center;

    gap:15px;

    padding:18px 0;

    border-bottom:1px solid rgba(255,255,255,.10);

}

.contact-sidebar-list > div:last-child{

    border-bottom:0;

}

.contact-sidebar-list i{

    width:48px;

    height:48px;

    flex-shrink:0;

    border-radius:13px;

    background:rgba(245,130,32,.13);

    color:var(--secondary);

    display:flex;

    align-items:center;

    justify-content:center;

}

.contact-sidebar-list strong{

    display:block;

    color:#fff;

    font-size:14px;

    margin-bottom:4px;

}

.contact-sidebar-list span{

    display:block;

    color:#b9c9db;

    font-size:12px;

}

.contact-sidebar-bottom{

    margin-top:30px;

    padding-top:25px;

    border-top:1px solid rgba(255,255,255,.10);

}

.contact-sidebar-bottom > span{

    display:block;

    color:var(--secondary);

    font-size:11px;

    font-weight:700;

    letter-spacing:1.5px;

    margin-bottom:10px;

}

.contact-sidebar-bottom a{

    color:#fff;

    font-size:21px;

    font-family:'Montserrat';

    font-weight:700;

}

.contact-sidebar-bottom a i{

    color:var(--secondary);

    margin-right:8px;

}


/*==================================
Contact Form
==================================*/

.contact-form-wrapper{

    height:100%;

    padding:55px 50px;

    background:#fff;

}

.contact-form-heading{

    margin-bottom:30px;

}

.contact-form-heading > span{

    color:var(--secondary);

    font-size:12px;

    font-weight:700;

    letter-spacing:1.5px;

}

.contact-form-heading h3{

    font-size:34px;

    margin:8px 0 8px;

}

.contact-form-heading p{

    margin:0;

    font-size:14px;

}

.form-group label{

    display:block;

    font-size:13px;

    font-weight:600;

    color:#303840;

    margin-bottom:8px;

}

.form-input{

    position:relative;

}

.form-input > i{

    position:absolute;

    left:17px;

    top:50%;

    transform:translateY(-50%);

    color:#7b8794;

    font-size:14px;

    z-index:2;

}

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

    width:100%;

    border:1px solid #e2e7ed;

    border-radius:12px;

    background:#fff;

    padding:14px 16px 14px 45px;

    color:#303840;

    font-family:inherit;

    font-size:14px;

    outline:none;

    transition:.3s;

}

.form-input select{

    appearance:auto;

}

.form-input textarea{

    min-height:140px;

    resize:vertical;

    padding-top:15px;

}

.textarea-input > i{

    top:22px;

    transform:none;

}

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

    border-color:var(--primary);

    box-shadow:0 0 0 4px rgba(0,74,173,.07);

}

.contact-submit-btn{

    border:0;

    cursor:pointer;

}

.contact-submit-btn i{

    margin-left:10px;

}


/*==================================
Contact Solutions
==================================*/

.contact-solutions-section{

    background:#fff;

}

.contact-solution-card{

    height:100%;

    text-align:center;

    padding:38px 25px;

    border:1px solid var(--border);

    border-radius:20px;

    transition:.4s;

}

.contact-solution-card:hover{

    transform:translateY(-8px);

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

    border-color:transparent;

}

.contact-solution-card > i{

    width:70px;

    height:70px;

    border-radius:18px;

    display:flex;

    align-items:center;

    justify-content:center;

    margin:0 auto 22px;

    background:rgba(0,74,173,.08);

    color:var(--primary);

    font-size:27px;

}

.contact-solution-card h4{

    margin-bottom:12px;

}

.contact-solution-card p{

    font-size:14px;

    margin-bottom:20px;

}

.contact-solution-card a{

    color:var(--primary);

    font-size:13px;

    font-weight:700;

}

.contact-solution-card a:hover{

    color:var(--secondary);

}


/*==================================
GeM Section
==================================*/

.contact-gem-section{

    position:relative;

    padding:75px 0;

    background:
        url('../images/contact/gem-bg.jpg')
        center / cover no-repeat;

}

.contact-gem-overlay{

    position:absolute;

    inset:0;

    background:
        linear-gradient(
            90deg,
            rgba(0,43,98,.97),
            rgba(0,74,173,.88)
        );

}

.contact-gem-section .container{

    position:relative;

    z-index:2;

}

.contact-gem-content > span{

    color:var(--secondary);

    font-size:12px;

    font-weight:700;

    letter-spacing:1.5px;

}

.contact-gem-content h2{

    color:#fff;

    font-size:36px;

    margin:12px 0 15px;

}

.contact-gem-content p{

    color:#dce6f1;

    margin:0;

    max-width:750px;

}

.contact-gem-action{

    display:flex;

    justify-content:flex-end;

}


/*==================================
Map
==================================*/

.contact-map{

    line-height:0;

}

.contact-map iframe{

    filter:grayscale(.15);

}


/*==================================
Contact CTA
==================================*/

.contact-cta-section{

    position:relative;

    padding:100px 0;

    background:
        url('../images/contact/contact-cta.jpg')
        center / cover no-repeat;

}

.contact-cta-overlay{

    position:absolute;

    inset:0;

    background:
        linear-gradient(
            90deg,
            rgba(0,45,105,.96),
            rgba(0,74,173,.84)
        );

}

.contact-cta-section .container{

    position:relative;

    z-index:2;

}

.contact-cta-content{

    max-width:850px;

}

.contact-cta-content > span{

    color:var(--secondary);

    font-size:13px;

    font-weight:700;

    letter-spacing:2px;

}

.contact-cta-content h2{

    color:#fff;

    font-size:48px;

    margin:15px 0 18px;

}

.contact-cta-content p{

    color:#e1e8f1;

    font-size:17px;

    max-width:700px;

    margin-bottom:30px;

}

.contact-cta-buttons{

    display:flex;

    gap:18px;

    flex-wrap:wrap;

}

.contact-cta-buttons .theme-btn i{

    margin-left:8px;

}

/*==================================
PRODUCTS PAGE
==================================*/

.products-intro-section{
    background:#fff;
}

.products-intro-content{
    padding-right:40px;
}

.products-intro-content h2{
    font-size:43px;
    margin:15px 0 22px;
}

.products-intro-content p{
    font-size:16px;
}

.products-intro-points{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:15px;
    margin:30px 0 35px;
}

.products-intro-points div{
    font-size:14px;
    font-weight:600;
}

.products-intro-points i{
    color:var(--secondary);
    margin-right:8px;
}

.products-intro-image{
    position:relative;
    padding-left:35px;
}

.products-intro-image > img{
    width:100%;
    height:570px;
    object-fit:cover;
    border-radius:25px;
    box-shadow:0 25px 60px rgba(0,0,0,.14);
}

.products-range-card{
    position:absolute;
    left:0;
    bottom:45px;
    min-width:260px;
    display:flex;
    align-items:center;
    gap:15px;
    padding:22px 25px;
    background:var(--primary);
    border-radius:18px;
    box-shadow:0 20px 50px rgba(0,0,0,.22);
}

.products-range-icon{
    width:55px;
    height:55px;
    flex-shrink:0;
    border-radius:15px;
    background:var(--secondary);
    display:flex;
    align-items:center;
    justify-content:center;
}

.products-range-icon i{
    color:#fff;
    font-size:22px;
}

.products-range-card strong{
    display:block;
    color:#fff;
    font-family:'Montserrat';
    font-size:16px;
}

.products-range-card span{
    display:block;
    color:#d8e4f2;
    font-size:12px;
    margin-top:4px;
}


/*==================================
Product Category Cards
==================================*/

.product-category-card{
    height:100%;
    background:#fff;
    border:1px solid var(--border);
    border-radius:22px;
    overflow:hidden;
    transition:.4s;
}

.product-category-card:hover{
    transform:translateY(-10px);
    box-shadow:0 25px 55px rgba(0,0,0,.10);
}

.product-category-image{
    position:relative;
    height:260px;
    overflow:hidden;
}

.product-category-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.6s;
}

.product-category-card:hover .product-category-image img{
    transform:scale(1.08);
}

.product-category-image > span{
    position:absolute;
    top:20px;
    right:20px;
    width:50px;
    height:50px;
    border-radius:50%;
    background:var(--secondary);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-family:'Montserrat';
    font-size:13px;
    font-weight:700;
}

.product-category-content{
    padding:30px;
}

.product-category-icon{
    width:60px;
    height:60px;
    border-radius:16px;
    background:rgba(0,74,173,.08);
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:20px;
}

.product-category-icon i{
    color:var(--primary);
    font-size:24px;
}

.product-category-content h3{
    font-size:23px;
    margin-bottom:12px;
}

.product-category-content p{
    font-size:14px;
    margin-bottom:20px;
}

.product-category-content a{
    color:var(--primary);
    font-size:14px;
    font-weight:700;
}

.product-category-content a i{
    margin-left:7px;
    transition:.3s;
}

.product-category-content a:hover{
    color:var(--secondary);
}

.product-category-content a:hover i{
    margin-left:13px;
}


/*==================================
GeM
==================================*/

.products-gem-section{
    position:relative;
    padding:80px 0;
    background:url('../images/products/gem-bg.jpg') center/cover no-repeat;
}

.products-gem-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(
        90deg,
        rgba(0,43,98,.97),
        rgba(0,74,173,.87)
    );
}

.products-gem-section .container{
    position:relative;
    z-index:2;
}

.products-gem-content > span{
    color:var(--secondary);
    font-size:12px;
    font-weight:700;
    letter-spacing:1.5px;
}

.products-gem-content h2{
    color:#fff;
    font-size:36px;
    margin:12px 0 15px;
}

.products-gem-content p{
    color:#dce6f1;
    margin:0;
    max-width:750px;
}

.products-gem-action{
    display:flex;
    justify-content:flex-end;
}


/*==================================
Product Selection
==================================*/

.product-selection-section{
    background:#fff;
}

.product-selection-image{
    padding-right:35px;
}

.product-selection-image img{
    width:100%;
    height:520px;
    object-fit:cover;
    border-radius:25px;
    box-shadow:0 25px 55px rgba(0,0,0,.12);
}

.product-selection-content{
    padding-left:35px;
}

.product-selection-content h2{
    font-size:42px;
    margin:15px 0 22px;
}

.product-selection-content p{
    font-size:16px;
}

.product-selection-points{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:15px;
    margin:30px 0 35px;
}

.product-selection-points div{
    font-size:14px;
    font-weight:600;
}

.product-selection-points i{
    color:var(--secondary);
    margin-right:8px;
}


/*==================================
Products CTA
==================================*/

.products-cta-section{
    position:relative;
    padding:105px 0;
    background:url('../images/products/products-cta.jpg') center/cover no-repeat;
}

.products-cta-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(
        90deg,
        rgba(0,45,105,.96),
        rgba(0,74,173,.84)
    );
}

.products-cta-section .container{
    position:relative;
    z-index:2;
}

.products-cta-content{
    max-width:850px;
}

.products-cta-content > span{
    color:var(--secondary);
    font-size:13px;
    font-weight:700;
    letter-spacing:2px;
}

.products-cta-content h2{
    color:#fff;
    font-size:50px;
    margin:15px 0 20px;
}

.products-cta-content p{
    color:#e2e9f1;
    font-size:17px;
    max-width:750px;
    margin-bottom:35px;
}

.products-cta-buttons{
    display:flex;
    gap:18px;
    flex-wrap:wrap;
}


/*==================================
PRODUCT DETAIL PAGE
==================================*/


/*==================================
Product Main
==================================*/

.product-detail-main{

    background:#fff;

}

.product-detail-image{

    position:relative;

    padding-right:40px;

}

.product-detail-image > img{

    width:100%;

    height:600px;

    object-fit:cover;

    border-radius:25px;

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

}

.product-image-label{

    position:absolute;

    bottom:40px;

    right:0;

    display:flex;

    align-items:center;

    gap:12px;

    background:var(--primary);

    padding:18px 24px;

    border-radius:15px;

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

}

.product-image-label i{

    color:var(--secondary);

    font-size:20px;

}

.product-image-label span{

    color:#fff;

    font-size:13px;

    font-weight:600;

}

.product-detail-content{

    padding-left:40px;

}

.product-detail-content h2{

    font-size:46px;

    margin:15px 0 15px;

}

.product-detail-tagline{

    color:var(--primary);

    font-size:18px;

    line-height:1.5;

    margin-bottom:20px;

}

.product-detail-content > p{

    font-size:16px;

    line-height:1.9;

}

.product-detail-highlights{

    margin:30px 0;

}

.product-detail-highlights > div{

    display:flex;

    align-items:flex-start;

    gap:12px;

    margin-bottom:13px;

    font-size:14px;

    font-weight:600;

}

.product-detail-highlights i{

    color:var(--secondary);

    margin-top:4px;

}

.product-detail-actions{

    display:flex;

    align-items:center;

    gap:18px;

    flex-wrap:wrap;

}

.product-call-btn{

    display:inline-flex;

    align-items:center;

    gap:9px;

    color:var(--primary);

    border:1px solid var(--primary);

    padding:10px 22px;

    border-radius:50px;

    font-size:14px;

    font-weight:700;

    transition:.3s;

}

.product-call-btn:hover{

    background:var(--primary);

    color:#fff;

}


/*==================================
Applications
==================================*/

.product-applications-section{

    background:#f7f9fc;

}

.product-application-card{

    position:relative;

    height:100%;

    padding:35px 30px;

    background:#fff;

    border:1px solid var(--border);

    border-radius:20px;

    overflow:hidden;

    transition:.4s;

}

.product-application-card:hover{

    transform:translateY(-8px);

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

}

.application-number{

    position:absolute;

    top:15px;

    right:20px;

    font-family:'Montserrat';

    font-size:55px;

    font-weight:800;

    color:rgba(0,74,173,.06);

}

.application-icon{

    width:65px;

    height:65px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:16px;

    background:rgba(0,74,173,.08);

    margin-bottom:22px;

}

.application-icon i{

    color:var(--primary);

    font-size:25px;

}

.product-application-card h4{

    margin-bottom:12px;

}

.product-application-card p{

    margin:0;

    font-size:14px;

}


/*==================================
Product Assistance
==================================*/

.product-assistance-section{

    position:relative;

    padding:80px 0;

    background:

        url('../images/products/product-assistance.jpg')
        center / cover no-repeat;

}

.product-assistance-overlay{

    position:absolute;

    inset:0;

    background:

        linear-gradient(
            90deg,
            rgba(0,43,98,.97),
            rgba(0,74,173,.88)
        );

}

.product-assistance-section .container{

    position:relative;

    z-index:2;

}

.product-assistance-content{

    max-width:800px;

}

.product-assistance-content > span{

    color:var(--secondary);

    font-size:13px;

    font-weight:700;

    letter-spacing:2px;

}

.product-assistance-content h2{

    color:#fff;

    font-size:40px;

    margin:15px 0 18px;

}

.product-assistance-content p{

    color:#dce6f0;

    font-size:16px;

    margin:0;

}

.product-assistance-action{

    display:flex;

    justify-content:flex-end;

}


/*==================================
Related Products
==================================*/

.related-products-section{

    background:#fff;

}

.related-product-card{

    display:block;

    background:#fff;

    border:1px solid var(--border);

    border-radius:20px;

    overflow:hidden;

    transition:.4s;

}

.related-product-card:hover{

    transform:translateY(-8px);

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

}

.related-product-image{

    height:350px;

    overflow:hidden;

}

.related-product-image img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:.5s;

}

.related-product-card:hover
.related-product-image img{

    transform:scale(1.07);

}

.related-product-content{

    padding:22px 25px;

}

.related-product-content h4{

    color:var(--heading);

    font-size:19px;

    margin-bottom:12px;

}

.related-product-content span{

    color:var(--primary);

    font-size:13px;

    font-weight:700;

}

.related-product-content i{

    margin-left:6px;

    transition:.3s;

}

.related-product-card:hover
.related-product-content span{

    color:var(--secondary);

}

.related-product-card:hover
.related-product-content i{

    margin-left:11px;

}


/*==================================
Product CTA
==================================*/

.product-detail-cta{

    position:relative;

    padding:100px 0;

    background:

        url('../images/products/product-detail-cta.jpg')
        center / cover no-repeat;

}

.product-detail-cta-overlay{

    position:absolute;

    inset:0;

    background:

        linear-gradient(
            90deg,
            rgba(0,45,105,.96),
            rgba(0,74,173,.85)
        );

}

.product-detail-cta .container{

    position:relative;

    z-index:2;

}

.product-detail-cta-content{

    max-width:800px;

}

.product-detail-cta-content > span{

    color:var(--secondary);

    font-size:13px;

    font-weight:700;

    letter-spacing:2px;

}

.product-detail-cta-content h2{

    color:#fff;

    font-size:48px;

    margin:15px 0 18px;

}

.product-detail-cta-content p{

    color:#e0e8f1;

    font-size:17px;

    margin-bottom:30px;

}