/* HOME SECTION CSS */

:root{
--primary-color:#163e70;
--secondary-color:#eac171;
--white:#ffffff;
--light-bg:#f5f4f2;
--black:#000000;
}

html,body{
margin:0;
font-family:Poppins,Inter,sans-serif;
overflow-x:hidden;
}

section + section{
  margin-top:0;
}

.logo-img{
height:45px;
width:auto;
}

.section-space{
padding:100px 0;
}

.section-space:not(.blog-section) {
    padding: 100px 0;
}


@media (max-width:620px){

.section-space{
padding:70px 0;
}

}
.home-bluebar.hide-bar{
    transform: translateY(-100%);
    transition: 0.3s ease;
}
.home-navbar.move-up{
    top: 0 !important;
    transition: 0.3s ease;
}
.home-navbar{
position:fixed;
top:39px;
left:0;
width:100%;
z-index:1000;
background:#fff;
}

.home-navbar .nav-link{
color:var(--primary-color);
margin:0 18px;
font-weight:500;
position:relative;
}

.home-navbar .nav-link::after{
    content:"";
    /* position:absolute; */
    left:0;
    bottom:-6px;
    width:0;
    height:3px;
    background:var(--primary-color);
    transition:.4s;
}

.home-navbar .nav-link:hover{
color:var(--secondary-color);
}

.home-navbar .nav-link:hover::after{
width:100%;
}

/* FLOATING */
.call-btn{
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 999;

    display: flex;
    align-items: center;

    background: #fff;
    border-radius: 60px;
    padding: 6px;

    text-decoration: none;
    box-shadow: 0 8px 25px rgba(0,0,0,0.2);

    overflow: hidden;

    animation: jumpBtn 1.2s infinite;
}

/* ICON */
.call-icon{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: var(--primary-color);

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

    color: #fff;
    font-size: 18px;

    transition: 0.5s;
    order: 1;
}

/* TEXT */
.call-text{
    background: #163e70;
    margin-left: 8px;
    padding: 12px 28px;
    border-radius: 40px;

    font-weight: 600;
    color: #fff;

    transition: 0.5s;
    order: 2;
}

/* HOVER BG */
.call-btn:hover{
    background: var(--secondary-color);
}

/*  SWAP POSITIONS */
.call-btn:hover .call-icon{
    order: 2;
    transform: translateX(0px);
}

.call-btn:hover .call-text{
    order: 1;
    transform: translateX(0px);
    margin-left: 0;
    margin-right: 8px;
}
 
   

/* ENHANCED JUMP + ATTENTION */
@keyframes jumpBtn{
    0%{
        transform: translateY(0) scale(1);
        box-shadow: 0 8px 25px rgba(0,0,0,0.2);
    }
    25%{
        transform: translateY(-8px) scale(1.03);
    }
    50%{
        transform: translateY(0) scale(1);
        box-shadow: 0 12px 30px rgba(0,0,0,0.25);
    }
    75%{
        transform: translateY(-4px) scale(1.02);
    }
    100%{
        transform: translateY(0) scale(1);
        box-shadow: 0 8px 25px rgba(0,0,0,0.2);
    }
}

@media (min-width:320px) and (max-width:620px){

/* BUTTON POSITION */
.call-btn{
    right: 12px;
    bottom: 15px;

    padding: 5px;
    border-radius: 50px;

    animation: jumpBtn 1.3s infinite;
}

/* ICON SIZE SMALL */
.call-icon{
    width: 42px;
    height: 42px;
    font-size: 16px;
}

/* TEXT ADJUST */
.call-text{
    padding: 10px 18px;
    font-size: 13px;

    margin-left: 6px;
}

/* 🔥 SAME AS HOVER */
.call-btn:focus,
.call-btn:active{
    background: var(--secondary-color);
}

/* 🔥 SWAP */
.call-btn:focus .call-icon,
.call-btn:active .call-icon{
    order: 2;
}

.call-btn:focus .call-text,
.call-btn:active .call-text{
    order: 1;
    margin-left: 0;
    margin-right: 8px;
}

/* 🔥 PRESS EFFECT */
.call-btn:active{
    transform: scale(0.96);
}

}
/* .home-btn{
margin-right: -45px;
position:relative;
background:var(--primary-color);
color:#fff;
padding:12px 30px;
font-weight:500;
border:none;
overflow:hidden;
text-decoration:none;   
display:inline-block;
z-index:1;
}

.home-btn::before{
content:"";
position:absolute;
left:0;
bottom:0;
width:20px;
height:20px;
background:var(--secondary-color);
clip-path: polygon(0 100%, 0 0, 100% 100%);
transition:0.4s;
z-index:-1;
}

.home-btn:hover::before{
width:100%;
height:100%;
clip-path: polygon(0 100%, 0 0, 100% 0, 100% 100%);
}

.home-btn:hover{
color:#000;
text-decoration:none;
} */
 .logo-height{
     height: 45px;
  }
.home-bluebar{
position:fixed;
top:0px;  
left:0;
width:100%;
z-index:1001;
}

.home-bluebar{
background:var(--primary-color);
color:#fff;
padding:11px 0;
}




.home-navbar .contact-bar{
    display: none;  /* 🔥 desktop pe hide */
}

@media (max-width: 620px){
    .home-bluebar{
        display: none;
    }

     .home-navbar{
        top: 0;  /* 🔥 gap remove */
    }
}

@media (max-width: 620px){

     .home-navbar .contact-bar{
        display: flex;
        justify-content: center;
        gap: 15px;
        background: var(--primary-color);
        padding: 6px 10px;

       margin-left: -19px;
        margin-right: -15px;
         margin-top: 0 !important; 
    }

    .home-navbar .contact-info{
        display: inline-flex;       
        align-items: center;
        color: #fff;
        margin: 0;                
        font-size: 13px;
    }

    .home-navbar .contact-info i{
        margin-right: 5px;
    }

     .navbar-collapse .navbar-nav{
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    .navbar-collapse{
        padding-bottom: 0 !important;
    }

     .home-navbar .contact-bar{
        margin-top: 0 !important;
    }

}

.home-icons i{
background:#fff;
color:#000;
padding:8px;
margin-left:10px;
cursor:pointer;
}

.home-icons i:hover{
background:var(--secondary-color);
}
.home-media{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
overflow:hidden;
z-index:-2;
}

.home-video{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
object-fit:cover;
opacity:0;
transition:opacity .6s ease;
}

.home-video.active{
opacity:1;
}


.home-search-wrapper{
position:absolute;
top:140px;
right:0;
left: 532px;
width:100%;
display:none;
justify-content:center;
z-index:999;
}

.home-search-box{
display:flex;
width:255px;
background:#fff;
border-radius:4px;
overflow:hidden;
box-shadow:0 10px 25px rgba(0,0,0,0.15);
animation:searchDrop .3s ease;
}

.home-search-box input{
flex:1;
border:none;
padding:12px 15px;
outline:none;
font-size:14px;
}

.home-search-box button{
background:var(--secondary-color);
border:none;
padding:0 18px;
cursor:pointer;
}

.home-search-box button i{
color:#000;
}



@keyframes searchDrop{

from{
transform:translateY(-10px);
opacity:0;
}

to{
transform:translateY(0);
opacity:1;
}

}

.home-section{
height:100vh;
position:relative;
display:flex;
align-items:center;
color:#fff;
}


.home-section::after{
content:"";
position:absolute;
width:100%;
height:100%;
background:rgba(0,0,0,.65);
z-index:-1;
}

.home-content{
max-width:600px;
}

.home-title{
font-size:60px;
font-weight:700;
}

.home-title span{
color:var(--secondary-color);
}

.home-slider{
position:absolute;
right:60px;
top:50%;
transform:translateY(-50%);
display:flex;
flex-direction:column;
align-items:center;
gap:15px;
}

.home-arrow{
color:#000;
width:50px;
height:50px;
background:#fff;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
cursor:pointer;
}

.home-arrow:hover{
background:var(--secondary-color);
}

.home-dots{
display:flex;
flex-direction:column;
gap:10px;
}

.home-dot{
width:12px;
height:12px;
border-radius:50%;
border:2px solid var(--secondary-color);
cursor:pointer;
}

.home-dot.active{
background:#fff;
border-color:#fff;
}

@media (max-width: 620px){
    .navbar-brand img{
        height: 33px !important;
        width: auto; 
    }
}

/*HOME SECTION RESPONSIVE CSS*/

@media (max-width:620px){

/* Navbar */
.home-navbar{
padding:4px 0;
/* padding: 16px 71px */
}

.home-navbar .container{
display:flex;
justify-content:space-between;
align-items:center;
 flex-wrap: nowrap; 
}

.navbar-collapse{
  position: absolute;   
        top: 100%;
        left: 0;
        width: 100%;
        background: #fff;
        padding: 15px;
        z-index: 999;
}

.home-navbar .nav-link{
margin:8px 0;
display:block;
text-align:center;
}

/* Contact button */
.home-btn{
padding:10px 20px;
font-size:14px;
}

/* Blue bar */
.home-bluebar .container{
flex-direction:column;
gap:8px;
text-align:center;
}



/* Icons */
.home-icons{
margin-top:-5px;
}

/* Search box */
.home-search-wrapper{
left:0;
left:50%;
top:120px;
justify-content:center;

}

.home-search-box{
width:90%;
}

.home-title{
font-size:34px;
line-height:1.3;
}

.home-content{
margin:auto;
}

.home-slider{
right:20px;
gap:10px;
}

.home-arrow{
width:40px;
height:40px;
}

}

/*for home arrow postion chnage*/
@media (max-width:620px){
.home-slider{
    position:static;
    transform:none;
    display:flex;
    flex-direction:row;
    justify-content:center;   
    align-items:center;
    gap:12px;               
    margin-top:150px;      
}

.home-arrow{
    width:48px;          
    height:48px;
    font-size:16px;      
}

.home-arrow i{
    display:flex;
    align-items:center;
    justify-content:center;
}

.home-dots{
    display:flex;
    flex-direction:row;
    gap:6px;
}

.home-slider i.fa-arrow-up::before{
    content:"\f060"; /* left arrow */
}

.home-slider i.fa-arrow-down::before{
    content:"\f061"; /* right arrow */
}

}

@media (min-width:621px) and (max-width:1024px){

.home-navbar .nav-link{
margin:0 10px;
font-size:15px;
}

.home-title{
font-size:46px;
}

.home-content{
max-width:500px;
}

.home-search-wrapper{
left:50%;
transform:translateX(-50%);
}

.home-slider{
right:30px;
}

}
.navbar-toggler{
border:none;
outline:none;
}

.navbar-toggler:focus{
box-shadow:none;
}

.navbar-toggler{
border:none;
padding:6px 8px;
}

.navbar-toggler:focus{
box-shadow:none;
}

.navbar-toggler-icon{
width:28px;
height:2px;
background:#000;
display:block;
position:relative;
}

.navbar-toggler-icon::before,
.navbar-toggler-icon::after{
content:"";
position:absolute;
left:0;
width:28px;
height:2px;
background:#000;
}

.navbar-toggler-icon::before{
top:-8px;
}

.navbar-toggler-icon::after{
top:8px;
}

.contact-mobile{
display:none;
}

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

.home-navbar .container{
display:flex;
align-items:center;
justify-content:space-between;
flex-wrap: nowrap;
}

.contact-mobile{
display:inline-block;
margin-left:auto;
margin-right:10px;
padding:8px 14px;
font-size:14px;
}

.contact-desktop{
display:none;
}

}

.contact-desktop{
display:inline-block;
}

.contact-mobile{
display:none;
} */

@media (max-width:620px){

.contact-desktop{
display:none;
}

.contact-mobile{
display:inline-block;
margin-left:auto;
margin-right:10px;
padding:8px 14px;
font-size:14px;
}

}

@media (max-width:620px){
.home-btn{
display:none;
}
}

.contact-mobile{
display:none;
}

@media (max-width:620px){

.home-btn:not(.contact-mobile){
display:none;
}

.contact-mobile{
display:inline-block;
margin-left:auto;
margin-right:10px;
padding:8px 14px;
font-size:14px;
}

}

@media (max-width:1024px){
.home-section{
flex-direction:column;
justify-content:center;
}

.home-content{
max-width:100%;
padding:0 25px;
margin:auto;
text-align:left;
}

.home-title{
font-size:36px;
line-height:1.3;
}

.home-content .home-btn{
margin-top:18px;
display:inline-block;
}
}

/* ACTIVE TEXT */
.home-navbar .nav-link.active{
    color: var(--primary-color) !important;
}

/* 🔥 ACTIVE UNDERLINE FORCE */
.home-navbar .nav-link.active::after{
    width:100% !important;
}

@media (max-width:620px){

.home-navbar .nav-link::after{
    left:50%;
    transform:translateX(-50%);
}

.home-navbar .nav-link:hover::after,
.home-navbar .nav-link.active::after{
    width:40% !important;   /* 🔥 override ho jayega */
}

}

/*COUNTER SECTION CSS*/

.counter-section{
text-align:center;
background:var(--light-bg);
}

.counter-heading{
font-size:42px;
color:var(--primary-color);
font-weight:500;
max-width:900px;
margin:auto;
line-height:1.5;
text-align:center;
}

.counter-yellow{
color:var(--secondary-color);
font-style:italic;
}

.counter-img-rect{
display:inline-block;
width:131px;
height:64px;
border-radius:40px;
overflow:hidden;
margin:0 6px;
vertical-align:middle;
}

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

.counter-img-circle{
display:inline-block;
width:64px;
height:64px;
border-radius:50%;
overflow:hidden;
margin:0 6px;
vertical-align:middle;
}

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


.counter-btn{
position:relative;
background:var(--primary-color);
color:#fff;
padding:12px 32px;
font-weight:500;
border:none;
overflow:hidden;
text-decoration:none;   
display:inline-block;
z-index:1;
margin-bottom: 11px;
}

.counter-btn::before{
content:"";
position:absolute;
left:0;
bottom:0;
width:20px;
height:20px;
background:var(--secondary-color);
clip-path: polygon(0 100%, 0 0, 100% 100%);
transition:0.4s;
z-index:-1;
}

.counter-btn:hover::before{
width:100%;
height:100%;
clip-path: polygon(0 100%, 0 0, 100% 0, 100% 100%);
}

.counter-btn:hover{
color:#000;
text-decoration:none;
}

.counter-text{
max-width:800px;
margin:25px auto 40px;
font-size:15px;
color:#555;
line-height:1.8;
}

.counter-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:30px;
max-width:1100px;
margin:auto;
}

.counter-item{
text-align:center;
}

.counter-number{
font-size:38px;
font-weight:600;
color:var(--primary-color);
margin-bottom:10px;
}

.counter-desc{
font-size:14px;
color:#666;
max-width:200px;
margin:auto;
line-height:1.6;
}

@media (max-width:620px){
.counter-section{
    padding: 60px 15px; 
    text-align: center;
    background: var(--light-bg);
}
.counter-grid{
    grid-template-columns:repeat(2,1fr);
    gap:15px;
}

.counter-heading{
    margin-top:-67px;
    font-size:26px;
}

}

/* extra small (320–400) */
@media (max-width:400px){

.counter-grid{
    grid-template-columns:1fr;
}

}

@media(max-width:900px){
.counter-grid{
grid-template-columns:repeat(2,1fr);
}
.counter-heading{
font-size:30px;
}
}
@media(max-width:500px){
.counter-grid{
grid-template-columns:1fr;
}

}

/*SERVICE SECTION CSS*/

.service-section{
    background:var(--primary-color);
    color:var(--white);
}

.service-small-title{
    color:var(--secondary-color);
    font-size:14px;
    letter-spacing:2px;
    margin-bottom:10px;
}

.service-title{
    font-size:38px;
    font-weight:600;
    margin-bottom:40px;
}

.service-title span{
    color:var(--secondary-color);
    font-style:italic;
}

.service-row{
    border-top:1px solid rgba(255,255,255,0.2);
    padding:20px 68px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    cursor:pointer;
    transition:0.3s;
}

.service-row:hover{
    background:rgba(255,255,255,0.05);
}

/* LEFT */
.service-left{
    display:flex;
    align-items:center;
    gap:20px;
}

.service-icon{
    width:45px;
    height:45px;
    border-radius:50%;
    background:var(--secondary-color);
    display:flex;
    align-items:center;
    justify-content:center;
    color:#000;
    font-size:18px;
}

.service-name{
    font-size:18px;
    font-weight:500;
}

/* .service-desc{
    font-size:15px;
    opacity:0.8;
    max-width:420px;
} */

.service-desc {
    font-size: 15px;
    opacity: 0.8;
    max-width: 800px;
}

.service-arrow{
    width:40px;
    height:40px;
    border-radius:50%;
    background:var(--white);
    color:var(--primary-color);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:14px;
    transition:0.3s;
    text-decoration:none;
}

.service-arrow:hover{
    background:var(--secondary-color);
}


/* .service-item{
    border-top:1px solid rgba(255,255,255,0.2);
} */

.service-item{
    border-top:1px solid rgba(255,255,255,0.2);
     margin-bottom: 15px;
}


/* OLD */

/* SERVICE IMAGE */

.service-image{
    max-height:0;
    overflow:hidden;
    opacity:0;
    transform:translateY(20px);
    transition:all 0.5s ease;
}

.service-image img{
    width:80%;
    height:500px;
    object-fit:cover;
    border-radius:8px;
    margin:1px 68px 8px 131px;
}

.service-item:hover .service-image{
    max-height:500px;
    opacity:1;
    transform:translateY(0);
}


/* NEW */

/* .service-image{
    max-height:0;
    overflow:hidden;
    opacity:0;
    transform:translateY(20px);
    transition:all 0.5s ease;
}

.service-image img{
    width:80%;             
    height:auto;            
    max-height:376px;
    border-radius:8px;
    margin:1px 68px 8px 131px; 
} */

/* .service-item:hover .service-image{
    max-height:500px;
    opacity:1;
    transform:translateY(0);
} */


.service-heading{
    color:var(--white);
    font-weight:600;
}

.service-view{
    position:relative;
    background:#fff;
    color:#000;
    padding:12px 32px;
    font-weight:500;
    border:none;
    overflow:hidden;
    text-decoration:none;   
    display:inline-block;
    z-index:1;
    margin-bottom:16px;
}

.service-view::before{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:20px;
    height:20px;
    background:var(--secondary-color);
    clip-path: polygon(0 100%, 0 0, 100% 100%);
    transition:0.4s;
    z-index:-1;
}

.service-view:hover::before{
    width:100%;
    height:100%;
    clip-path: polygon(0 100%, 0 0, 100% 0, 100% 100%);
}

.service-view:hover{
    color:#000;
    text-decoration:none;
}

.service_half{
    margin-top:-47px;
}

@media (max-width:620px){

/* SECTION */
.service-section{
    padding:30px 0;
}

/* HEADING */
.service-heading{
    margin-top: -58px;
    font-size:24px;
    text-align:left;
}

/* ROW */
.service-row{
    padding:16px;
    flex-direction:column;
    align-items:flex-start;
    gap:12px;
}

/* LEFT CONTENT */
.service-left{
    gap:12px;
}

/* ICON */
.service-icon{
    width:38px;
    height:38px;
    font-size:14px;
}

/* TEXT */
.service-name{
    font-size:15px;
}

.service-desc{
    font-size:12px;
    max-width:100%;
}

/* ARROW (right bottom aligned) */
.service-arrow{
    width:34px;
    height:34px;
    font-size:12px;
    align-self:flex-end;
}

/* IMAGE WRAPPER */
.service-image{
    width:100%;
}

/* IMAGE */
.service-image img{
    width:100%;
    height:auto;
    max-height:240px;
    margin:12px 0 0 0;  
    border-radius:6px;
}

/* BUTTON */
.service-view{
    padding:10px 18px;
    font-size:13px;
}


.service_half{
    margin-top:0;
}

.service-icon{
    flex-shrink:0;
}

.service-section .service-image{
    max-height:0;
    opacity:0;
    overflow:hidden;
    transform:translateY(8px);  
    transition:0.4s;
}

.service-section .service-image.active{
    max-height:300px;
    opacity:1;
    transform:translateY(0);    
}


}



/*SERVICE SECTION RESPONSIVE CSS*/
/* @media (max-width:620px){

.service-row{
flex-direction:column;
align-items:flex-start;
gap:15px;
padding:18px 18px;
}

.service-left{
flex-direction:row;
align-items:flex-start;
gap:15px;
}

.service-icon{
width:38px;
height:38px;
font-size:15px;
}

.service-name{
font-size:16px;
}

.service-desc{
font-size:12px;
max-width:100%;
}

.service-arrow{
width:36px;
height:36px;
font-size:12px;
align-self:flex-end;
}

.service-heading{
font-size:26px;
}

.service-view{
padding:10px 22px;
font-size:14px;
}

.service-image img{
margin-top:15px;
border-radius:6px;
}

}

@media (max-width:620px){

.service-icon{
width:40px;
height:40px;
min-width:40px;
min-height:40px;
font-size:16px;
}

}


@media (min-width:621px) and (max-width:1024px){

.service-row{
padding:20px 30px;
}

.service-icon{
width:42px;
height:42px;
font-size:16px;
}

.service-name{
font-size:17px;
}

.service-desc{
font-size:13px;
max-width:360px;
}

.service-arrow{
width:38px;
height:38px;
}

.service-heading{
font-size:32px;
} */

/* } */



.read_more_new_btn{
    display: inline-block;
    padding: 10px 20px;
    border: 1px solid #163e70;
    border-radius: 50px;
    background: #fff;
    text-decoration: none;
    color: var(--primary-color);
    transition: 0.3s;
}

.read_more_new_btn:hover{
    color: #fff;
    background: var(--primary-color);
}

.read_more_new_btn i{
    padding-left: 5px;
}

/* WHY CHOOSE US SECTION */

.process-title{
font-size:36px;
font-weight:600;
color:#163e70;
text-align:center;
margin-bottom:10px;
}

.process-sub{
font-size:16px;
color:#555;
text-align:center;
max-width:750px;
margin:auto;
line-height:1.7;
margin-bottom:60px;
}

.process-section .container{
max-width:1100px;
margin:auto;
}

.process-section .row{
justify-content:center;
align-items:flex-start;
}

.step{
margin-bottom:180px;
position:relative;
}

.step-detail{
position:absolute;
top:118%;
left:0;
width:124%;
opacity:0;
transform:translateY(-15px);
transition:all .35s ease;
pointer-events:none;
background:#ebd25175;
padding:15px;
border-left:3px solid #db9916;
box-shadow:0 8px 20px rgba(0,0,0,0.15);
z-index:10;
border-radius:4px;
}

.step:hover .step-detail,
.step.active .step-detail{
opacity:1;
transform:translateY(10px);
pointer-events:auto;
}

.step-head{
display:inline-flex;
align-items:center;
gap:12px;
padding:12px 15px;
font-weight:600;
color:#fff;
background:#163e70;
cursor:pointer;
position:relative;
overflow:hidden;
transition:.3s;
min-width:260px;
max-width:300px;
border-radius:4px;
}

.step-head::before{
content:"";
position:absolute;
left:-100%;
top:0;
width:100%;
height:100%;
background:#eac171;
transition:.4s;
border-radius:4px;
}

.step-head:hover::before{
left:0;
}

.step-head span,
.step-head i{
position:relative;
z-index:2;
}

.step-head:hover{
color:#000;
}

.step:hover .step-detail{
    
max-height:300px;
opacity:1;
padding:15px;
transform:translateY(0);
}

.step-detail p{
font-size:14px;
color:#444;
line-height:1.6;
}

.center-img{
display:flex;
justify-content:center;
align-items:flex-start;
}

.center-img img{
max-width: 390px;
display: block;
margin: auto -76px auto auto;
/* max-width:283px;
display:block;
margin:auto 0px auto auto; */
border-radius:10px;
/* height: 500px; */
}

/* .left .step:nth-child(2) .step-head{
margin-left:-60px;
} */

/* .right .step:nth-child(2) .step-head{
margin-left:60px;
} */

@media (max-width:620px){

.process-section {
    padding: 46px 0;
}

.process-section .row{
flex-direction:column;
align-items:center;
}

.center-img{
order:-1;
margin-bottom:25px;
}

.center-img img{
max-width:220px;
}



.center-img img {
    max-width: 270px;
    width:100%;
    height:auto;
    object-fit:contain;
        margin:-53px auto -34px auto;
}



.step{
margin-bottom:16px;
}

.step-head{
min-width:100%;
max-width:100%;
}

.step-detail{
position:relative;
/* top:auto; */
left:auto;
width:100%;
opacity:1;
transform:none;
pointer-events:auto;
margin-top:8px;
}

.left .step:nth-child(2) .step-head,
.right .step:nth-child(2) .step-head{
margin-left:0;
left:0;
}

.right .step:nth-child(2) .step-detail,
.left .step:nth-child(2) .step-detail{
left:0;
right:0;
width:100%;
}

}
@media (max-width:620px){

.step:hover .step-detail{
opacity:1;
transform:none;
}

}

@media (max-width:620px){

.step-detail{
position:relative;
opacity:0;
max-height:0;
overflow:hidden;
transform:none;
pointer-events:none;
transition:0.3s ease;
}

.step.active .step-detail{
opacity:1;
max-height:300px;
pointer-events:auto;
margin-top:7px;
}

}

/*Testimonials CSS*/

.testimonial-section{
background:var(--primary-color);
margin-top: -100px;
}

@media (max-width:620px){

.testimonial-section{
margin-top:-52px;
padding:60px 0;
}

}

.testimonial-title{
margin-top: -47px;
text-align:center;
color:var(--white);
font-size:34px;
font-weight:700;
margin-bottom:50px;
}

.testimonial-slider{
overflow:hidden;
position:relative;
width:100%;
}

.testimonial-track{
display:flex;
gap:25px;
width:max-content;
animation:slide-left 35s linear infinite;
}

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

.testimonial-row2{
margin-top:25px;
}

.testimonial-row2 .testimonial-track{
animation:slide-right 35s linear infinite;
}

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

.testimonial-card{
background:var(--white);
width: 315px;
padding:22px;
border-radius:14px;
flex-shrink:0;
box-shadow:0 8px 20px rgba(0,0,0,0.2);
border-left:4px solid var(--secondary-color);
}

.testimonial-icon{
color:var(--secondary-color);
font-size:18px;
margin-bottom:10px;
}

.testimonial-content p{
font-size:14px;
line-height:1.6;
color:#444;
}

.testimonial-user{
display:flex;
align-items:center;
margin-top:18px;
gap:10px;
}

.testimonial-user img{
width:36px;
height:36px;
border-radius:50%;
object-fit:cover;
}

.testimonial-user h4{
font-size:15px;
margin:0;
color:var(--primary-color);
}

.testimonial-user span{
font-size:12px;
color:#777;
}

.testimonial-card:hover{
transform:translateY(-5px);
transition:0.3s;
}

@media (max-width:620px){

.testimonial-title{
font-size:24px;
margin-bottom:35px;
padding:0 15px;
margin-top: -55px;
}

.testimonial-track{
gap:15px;
}

.testimonial-card{
width:260px;
padding:18px;
}

.testimonial-content p{
font-size:13px;
line-height:1.5;
}

.testimonial-user img{
width:32px;
height:32px;
}

.testimonial-user h4{
font-size:14px;
}

.testimonial-user span{
font-size:11px;
}

.testimonial-track{
animation:slide-left 45s linear infinite;
}

.testimonial-row2 .testimonial-track{
animation:slide-right 45s linear infinite;
}

}

@media (min-width:621px) and (max-width:1024px){

.testimonial-title{
font-size:28px;
}

.testimonial-track{
gap:20px;
}

.testimonial-card{
width:280px;
padding:20px;
}

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

.testimonial-user img{
width:34px;
height:34px;
}

}

/*BLOG SECTION CSS */


.blog-section.section-space {
background:var(--white);
 /* padding: 66px 31px 39px 58px;  */
}

.blog-title{
margin-top: -52px;
font-size:38px;
font-weight:700;
color:var(--primary-color);
}

.logo-title{
font-size:38px;
font-weight:700;
color:var(--primary-color);
}


.blog-subtitle{
color:#666;
max-width:700px;
  margin:  15px auto 30px;;
}

.blog-card{
position:relative;
overflow:hidden;
border-radius:10px;
cursor:pointer;
}

.blog-card img{
width:100%;
height:100%;
object-fit:cover;
transition:0.25s ease;
}

.blog-card:hover img{
transform:scale(1.05);
}

.blog-card img{
transition:0.2s ease;
}

.blog-card:hover img{
transform:scale(1.05);
}
.blog-card img{
transition:none;
}



.blog-card.big{
height:420px;
}

.blog-card.small{
height:200px;
}


/* .blog-overlay{
position:absolute;
bottom:0;
left:0;
width:100%;
height:100%;
background:linear-gradient(to top,rgba(0,0,0,0.8),transparent);
display:flex;
flex-direction:column;
justify-content:flex-end;
padding:25px;

opacity:0;
} */

.blog-overlay{
position:absolute;
bottom:0;
left:0;
width:100%;
height:100%;
background:linear-gradient(to top,rgba(0,0,0,0.8),transparent);
display:flex;
flex-direction:column;
justify-content:flex-end;
padding:25px;

opacity:0;

transition:0.08s linear;
}

.blog-card:hover .blog-overlay{
opacity:1;
}


.blog-overlay h4,
.blog-category,
.read-more{
transform:translateY(0px);
opacity:0;
transition:0.08s linear;
}

.blog-card:hover .blog-overlay h4,
.blog-card:hover .blog-category,
.blog-card:hover .read-more{
transform:translateY(0);
opacity:1;
}


.blog-category{
background:var(--secondary-color);
color:#000;
padding:5px 12px;
border-radius:20px;
font-size:12px;
font-weight:600;
margin-bottom:10px;
width:max-content;
}

.blog-overlay h4{
color:var(--white);
font-size:18px;
margin-bottom:10px;
}

.read-more{
color:var(--white);
text-decoration:none;
font-weight:600;
transition:0.3s;
}

.read-more:hover{
color:var(--secondary-color);
padding-left:5px;
}

@media (max-width:620px){

.blog-section{
padding:0px 16px;
}

.blog-title{
font-size:26px;
text-align:center;
margin-bottom:10px;
margin-top: 39px;
}

.blog-subtitle{
font-size:14px;
text-align:center;
margin-bottom:25px;
}

.blog-card.big{
height:260px;
}

.blog-card.small{
height:220px;
}

.blog-overlay{
padding:18px;
}

.blog-overlay h4{
font-size:16px;
}

.read-more{
font-size:14px;
}

}

@media (max-width: 620px) {
    .logo-title {
        font-size: 26px;
        text-align: center;
        margin-bottom: 10px;
        margin-top: 4px;
    }
}

/* LOGO SECTION */

.logo-section{
 margin-top: -53px;
    background: #e0e6ee;
    padding: 0 107px 60px;
}

.logo-wrapper{
    max-width: 1100px;
    margin: auto;
}

.logo-text{
    color:#000;
    font-size:14px;
    max-width:420px;
}

.logo-grid{
    display:grid;
    grid-template-columns: repeat(4, 1fr);
    gap:24px;
    margin-top:25px;
}


.logo-card{
    width:100%;
    max-width:190px;   
    height:95px;      
    padding:12px;     
    margin:auto;
    background:#fff;
    border:1px solid #eee;
    border-radius:12px;
    display:flex;
    justify-content:center;
    align-items:center;
    overflow:hidden;
    cursor:pointer;
    transition:.3s;
    box-shadow:0 4px 10px rgba(0,0,0,0.04);
}

.logo-card:hover{
    transform:translateY(-6px);
    box-shadow:0 12px 30px rgba(0,0,0,0.12);
    border-color:#f4b400;
}

.logo-stack{
    position:relative;
    width:100%;
    height:60px;
    overflow:hidden;
}

.logo-stack img{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    object-fit:contain;
    transition: transform .4s ease;
}

.logo-first{
    transform: translateY(0%);
}

.logo-second{
    transform: translateY(-100%);
}

.logo-card:hover .logo-first{
    transform: translateY(100%);
}

.logo-card:hover .logo-second{
    transform: translateY(0%);
}


@media (max-width:620px){

.logo-section{
    padding:40px 16px;
    margin-top:30px;
}

.logo-text {
    text-align: center;
    color: #000;
    font-size: 14px;
    max-width: 420px;
}

/* 2 COLUMN GRID */
.logo-grid{
    grid-template-columns:repeat(2,1fr);
    gap:16px;
}

/* CARD */
.logo-card{
    max-width:100%;
    height:85px;
    padding:10px;
}

/* STACK */
.logo-stack{
    height:55px;
}

/* IMAGE */
.logo-stack img{
    width:100%;
    height:100%;
    object-fit:contain;
}

}

/*FOOTER CSS*/

.footer{
background:#163e70;
color:#fff;
padding:70px 0 20px;
margin-top:auto;
}

.footer h5{
margin-bottom:25px;
font-weight:600;
}

.footer-links a{
color:var(--white);
text-decoration:none;
display:block;
margin-bottom:10px;
transition:0.3s;
position:relative;
}

.footer-links a::before{
content:"➜";
position:absolute;
left:-18px;
opacity:0;
transition:0.3s;
color:var(--secondary-color);
}

.footer-links a:hover{
color:var(--secondary-color);
padding-left:12px;
}

.footer-links a:hover::before{
opacity:1;
left:-10px;
}

.footer-address{
line-height:1.8;
}

.footer-email a{
    color:#fff;  /* ya jo tumhara footer color hai */
    text-decoration:none;
    transition:0.3s;
}

.footer-email a:hover{
    color:rgb(234,193,113); 
}

/* .footer-email{
color:var(--secondary-color);
margin-top:10px;
} */

.social-icons{
margin-top:15px;
}

.social-icons a{
display:inline-flex;
align-items:center;
justify-content:center;
width:40px;
height:40px;
border-radius:50%;
border:1px solid rgba(255,255,255,0.4);
margin-right:10px;
color:var(--white);
transition:0.3s;
text-decoration:none;
}

.social-icons a:hover{
background:var(--secondary-color);
color:var(--primary-color);
transform:translateY(-4px);
}

.footer-bottom{
border-top:1px solid rgba(255,255,255,0.2);
margin-top:40px;
padding-top:20px;
font-size:14px;
}

.footer-bottom a{
color:var(--white);
text-decoration:none;
margin-left:15px;
}

.footer-bottom a:hover{
color:var(--secondary-color);
}

@media(max-width:768px){

.footer{
text-align:center;
}

.footer-links a::before{
display:none;
}

}
@media (max-width:620px){

.footer{
padding:50px 0 20px;
text-align:left;
}

.footer .row{
display:flex;
flex-wrap:wrap;
}

.footer .col-lg-4:first-child{
width:100%;
margin-bottom:25px;
}

.footer-links{
width:50%;
margin-top:15px;
}

.footer-links h5{
font-size:18px;
margin-bottom:12px;
}

.footer-links a{
font-size:14px;
margin-bottom:8px;
}

/* arrow remove mobile */
.footer-links a::before{
display:none;
}

/* social icons */
.social-icons{
margin-top:12px;
}

/* footer bottom */
.footer-bottom{
flex-direction:column;
align-items:flex-start;
gap:8px;
font-size:13px;
}

.footer-bottom a{
margin-left:0;
margin-right:12px;
}

}


/*ABOUT PAGE CSS*/

/* ABOUT HERO */

.about-hero{
height:370px;
position:relative;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
color:#fff;
overflow:hidden;
}

/* image background */

.about-hero-img{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
object-fit:cover;
z-index:-2;
}

/* overlay */

.about-hero::after{
content:"";
position:absolute;
width:100%;
height:100%;
z-index:-1;
}

.about-hero-content{
position:relative;
z-index:2;
}

.about-hero h1{
font-size:60px;
margin-bottom:10px;
}

.breadcrumb-custom{
font-size:16px;
}

.breadcrumb-custom span{
color:#eac171;
margin:0 8px;
}



.about-hero h1{
font-size:60px;
font-weight:600;
margin-bottom:10px;
margin-top: 65px;
}

.breadcrumb-custom{
font-size:16px;
}

.breadcrumb-custom span{
color:var(--secondary-color);
margin:0 8px;
}



/* ABOUT PAGE CARD SECTION */

.about_page{
background:#ffffff;
padding-top:120px;
position:relative;
margin-bottom: 65px;
}

.aboutp-card{
background:#bf9646;
border-radius:10px;
overflow:hidden;
margin-top:-199px;  
position:relative;
z-index:2;
box-shadow:0 20px 40px rgba(0,0,0,0.15);
}

.aboutp-left{
padding:60px;
color:#fff;
}

.aboutp-left-2{
padding:30px;
color:#fff;
}

.aboutp-title{
font-size:28px;
font-weight:600;
margin-bottom:20px;
}

.aboutp-left p{
line-height:1.8;
font-size:15px;
opacity:.95;
}

.aboutp-left-2 p{
line-height:1.8;
font-size:15px;
opacity:.95;
}

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

.about-counter{
    background: rgb(22, 62, 112);  /* 🔥 exact color */
    color:#fff;
    margin-bottom:0px;
}



.about-counter-box{
padding:20px;
}

.about-counter-icon{
width:80px;
height:80px;
background:#fff;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
margin:0 auto 18px;
transition:.6s;
}

.about-counter-icon i{
font-size:30px;
color:var(--primary-color);
transition:.6s;
}

.about-counter-box:hover .about-counter-icon{
transform:rotateY(180deg);
background:var(--secondary-color);
}

.about-counter-box:hover .about-counter-icon i{
color:#000;
}

.about-counter-number{
font-size:42px;
font-weight:700;
margin-bottom:8px;
}

.about-counter-text{
font-size:14px;
line-height:1.6;
opacity:.9;
}

.aboutpp{
background:#ffffff;
/* margin-bottom: -14px; */
margin-bottom: -80px;
}


.aboutpp-card{
background:#163e70;
border-radius:10px;
overflow:hidden;
padding:50px;
margin:-47px -55px 34px -57px;
box-shadow:0 20px 40px rgba(0,0,0,0.15);
}

.aboutp-img{
width:100%;
height:100%;
object-fit:cover;
transition:transform .6s ease;
}

.aboutp-card:hover .aboutp-img{
transform:scale(1.05);
}


.aboutpp .aboutp-left{
animation:aboutText 1s ease;
}

.aboutpp .aboutp-left-2{
animation:aboutText 1s ease;
}

@keyframes aboutText{
from{
opacity:0;
transform:translateX(40px);
}
to{
opacity:1;
transform:translateX(0);
}
}

@media (max-width:620px){

.aboutpp .container{
padding-left:12px;
padding-right:12px;
}

.aboutpp-card{
padding:28px 18px; 
margin:-45px 14px 0 14px;
border-radius:8px;
}

.aboutp-img{
height:200px;
object-fit:cover;
}

.aboutp-left{
margin-top: -3px;
padding: 11px;
}

.aboutp-left-2{
margin-top: 9px;
padding: 0px;
}

.aboutp-title{
font-size:20px;
line-height:1.3;
margin-bottom:10px;
}

.aboutp-left p{
font-size:14px;
line-height:1.6;
margin:0;
}

.aboutp-left-2 p{
font-size:14px;
line-height:1.6;
margin:0;
}

}

@media (max-width:620px){

.aboutpp-card{
margin:-80px 6px -15px 5px;  
padding:28px 18px;
}

}


/*SERVICE PAGE CSS*/

.service_page{
padding:30px 0;
background:#f6f6f6;
}

.servicep-heading h2{
font-weight:600;
margin-bottom:15px;
}

.servicep-heading p{
max-width:800px;
margin:auto;
color:#555;
line-height:1.7;
}

.servicep-wrapper{
display:flex;
justify-content:center;
gap:20px;
margin-top:70px;
}

.servicep-strip{
background:#0f2e4f;
color:#fff;
width:150px;
height:460px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
cursor:pointer;
position:relative;
/* transition:.5s; */
padding:20px 15px;
}

.servicep-number{
position:absolute;
top:20px;
font-size:24px;
opacity:.8;
padding:5px 8px;
}

.servicep-vertical{
writing-mode:vertical-rl;
transform:rotate(180deg);
font-size:20px;
letter-spacing:1px;
padding:25px 10px;
}

.servicep-strip.active{
width:720px;
flex-direction:row;
align-items:stretch;
}

.servicep-content{
display:none;
width:100%;
height:100%;
}

.servicep-strip.active .servicep-content{
display:flex; 
}


.servicep-info h3,
.servicep-info p{
animation:serviceSlide .6s ease;
}

.servicep-img {
    width: 45%;
    height: 400px;
    flex-shrink: 0;
    overflow: hidden;         
    border-radius: 10px;     
}

.servicep-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;        
    object-position: center;   
    display: block;
}
.servicep-info{
width:55%;
padding:55px 60px;
background:#0f2e4f;
flex-direction:column;
height:100%;
position:relative;
display:flex;
justify-content:flex-start;
}


.servicep-info h3{
font-size:26px;
margin-bottom:18px;
}

.servicep-info p{
font-size:15px;
line-height:1.7;
opacity:.9;
margin-bottom:25px;
}

.servicep1-btn{
position:relative;
background:var(--primary-color);
color:#fff;
padding:12px 30px 36px;
font-weight:500;
border:none;
overflow:hidden;
text-decoration:none;   
display:inline-block;
z-index:1;
display:inline-block;
margin-top:-13px;
}

.servicep1-btn::before{
content:"";
position:absolute;
left:0;
bottom:0;
width:20px;
height:20px;
background:var(--secondary-color);
clip-path: polygon(0 100%, 0 0, 100% 100%);
transition:0.4s;
z-index:-1;
}

.servicep1-btn:hover::before{
width:100%;
height:100%;
clip-path: polygon(0 100%, 0 0, 100% 0, 100% 100%);
}

.servicep1-btn:hover{
color:#000;
text-decoration:none;
}


.servicep-btn{
position:relative;
background:var(--primary-color);
color:#fff;
padding:12px 30px;
font-weight:500;
border:none;
/* overflow:hidden; */
text-decoration:none;   
display:inline-block;
z-index:1;
display:inline-block;
margin-top:10px;
}

.servicep-btn::before{
content:"";
position:absolute;
left:0;
bottom:0;
width:20px;
height:20px;
background:var(--secondary-color);
clip-path: polygon(0 100%, 0 0, 100% 100%);
transition:0.4s;
z-index:-1;
}

.servicep-btn:hover::before{
width:100%;
height:100%;
clip-path: polygon(0 100%, 0 0, 100% 0, 100% 100%);
}

.servicep-btn:hover{
color:#000;
text-decoration:none;
}

@keyframes serviceSlide{
from{
opacity:0;
transform:translateX(40px);
}
to{
opacity:1;
transform:translateX(0);
}
}


.servicep-strip.active .servicep-number{
right: 7px;
left: auto;
top: 12px;
z-index: 5;
}

.service-why{
margin-top: -104px;
padding:110px 0;
background:var(--light-bg);
}

.s_why-heading{
font-size:42px;
font-weight:600;
color:var(--primary-color);
margin-bottom:12px;
}

.s_why-sub{
max-width:750px;
margin:auto;
color:#555;
line-height:1.7;
}

.s_why-row{
align-items:stretch;
}

.s_why-card{
background:#efe6d2;
padding:35px;
border-radius:6px;
transition:.4s;
display:flex;
flex-direction:column;
width:100%;
height:100%;
min-height:220px;
}

.s_why-card h4{
margin:15px 0 10px;
color:var(--primary-color);
}

.s_why-card p{
font-size:14px;
line-height:1.6;
color:#555;
flex-grow:1;
}

.s_why-icon{
width:60px;
height:60px;
background:var(--primary-color);
display:flex;
align-items:center;
justify-content:center;
color:#fff;
font-size:22px;
transition:.6s;
}

.s_why-card:hover{
background:#b89858eb;
transform:translateY(-6px);
}

.s_why-card:hover h4,
.s_why-card:hover p{
color:#fff;
}

.s_why-card:hover .s_why-icon{
background:#fff;
color:var(--primary-color);
transform:rotateY(180deg);
}


.service_half-wrapper{
display:flex;
align-items:stretch;
}

.service_half-img{
width:50%;
}

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

.service_half-content{
width:50%;
background:#bf9646;
padding:90px 70px;
color:#fff;
display:flex;
flex-direction:column;
justify-content:center;
}

.service_half-title{
color: #ffffff;
font-size:36px;
font-weight:600;
line-height:1.3;
margin-bottom:25px;
}

.service_half-text{
font-size:15px;
line-height:1.8;
opacity:.9;
max-width:520px;
}


@media (max-width:620px){
    
.service-why {
    margin-top: -102px;
}
.service_page{
padding:27px 0px;
background:#f6f6f6;
}

.servicep-wrapper{
flex-direction:column;
gap:12px;
margin-top:40px;
}

.servicep-strip{
width:100%;
height:auto;
flex-direction:column;
align-items:flex-start;
background:#0f2e4f;
padding:18px 20px;
border-radius:6px;

}

.servicep-number{
position: relative;
top: 14px;
font-size: 18px;
margin-bottom: 3px;
margin-left: -4px;
}

.servicep-vertical{
writing-mode:horizontal-tb;
transform:none;
font-size:18px;
padding:0;
margin-bottom:5px;
}

.servicep-strip.active{
width:100%;
flex-direction:column;
}

.servicep-content{
display:none;
flex-direction:column;
margin-top:15px;
}

.servicep-strip.active .servicep-content{
display:flex;
}

.servicep-img{
    width:100%;
    aspect-ratio: 3 / 4;   
    height:auto;           
}

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

/* .servicep-img{
width:100%;
height:200px;
margin-bottom:15px;
} */

/* .servicep-img img{
width:100%;
height:100%;

border-radius:6px;
} */

.servicep-info{
width:100%;
padding:14px;
}

.servicep-info h3{
font-size:20px;
margin-bottom:10px;
}

.servicep-info p{
font-size:14px;
line-height:1.6;
margin-bottom:15px;
}

.servicep-btn,
.servicep1-btn{
padding:10px 22px;
font-size:14px;
width:50%;
}

}

@media (min-width:621px) and (max-width:1024px){

.servicep-wrapper{
flex-direction:column;
gap:15px;
}

.servicep-strip{
width:100%;
height:auto;
flex-direction:column;
padding:22px 25px;
}

.servicep-number{
position:relative;
top:auto;
font-size:20px;
margin-bottom:6px;
}

.servicep-vertical{
writing-mode:horizontal-tb;
transform:none;
font-size:20px;
}

.servicep-strip.active{
width:100%;
flex-direction:column;
}

.servicep-content{
flex-direction:column;
margin-top:18px;
}

.servicep-img{
width:100%;
height:260px;
margin-bottom:18px;
}

.servicep-info{
width:100%;
padding:0;
}

.servicep-info h3{
font-size:24px;
}

.servicep-info p{
font-size:15px;
}

}

/*SERVICE PAGE HALF IMG HALF TXT RESPONSIVE*/

@media (max-width:620px){

.service_half-wrapper{
flex-direction:column;
margin-top: -59px;
}

.service_half-img,
.service_half-content{
width:100%;
}

.service_half-img{
height:220px;
}

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

.service_half-content{
padding:40px 22px;
}

.service_half-title{
color: #ffffff;
font-size:22px;
line-height:1.4;
margin-bottom:15px;
}

.service_half-text{
font-size:14px;
line-height:1.7;
max-width:100%;
}

}

@media (min-width:621px) and (max-width:1024px){

.service_half-wrapper{
flex-direction:column;
}

.service_half-img,
.service_half-content{
width:100%;
}

.service_half-img{
height:320px;
}

.service_half-content{
padding:60px 40px;
}

.service_half-title{
font-size:28px;
}

.service_half-text{
font-size:15px;
}

}







/*BLOG PAGE CSS*/

.blog-page{
padding:46px 0;
background:var(--light-bg);
}


.blogp-card{
position:relative;
overflow:hidden;
}


.blogp-img img{
width:100%;
height:420px;
object-fit:cover;
display:block;
}


.blogp-overlay{
position:absolute;
top:0;
left:-100%;
width:100%;
height:100%;
background:rgba(22,62,112,.75);
transition:.6s;
}

.blogp-card:hover .blogp-overlay{
left:0;
}


.blogp-info {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 95px;
    background: #fff;
    padding: 30px 30px;
    transition: .4s;

}

.blogp-category{
font-size:12px;
letter-spacing:1px;
color:#777;
margin-bottom:10px;
}

.blogp-title{
font-size:24px;
line-height:1.3;
margin-bottom:15px;
color:var(--primary-color);
}

.blogp-link{
color:var(--secondary-color);
font-weight:600;
text-decoration:none;
display:inline-flex;
align-items:center;
gap:8px;
transition:.4s;
}

.blogp-link span{
display:inline-block;
font-size:18px;
transition:.4s;
}

.blogp-card:hover .blogp-link{
color:var(--primary-color);
}

.blogp-card:hover .blogp-link span{
transform:rotate(45deg);
}

.blogp-date{
position:absolute;
right:30px;
top:30px;
background:var(--secondary-color);
color:#fff;
padding:12px 14px;
font-size:12px;
font-weight:600;
text-align:center;
}



@media (max-width:768px){

.blogp-img img{
height:320px;
}

.blogp-info{
left:20px;
right:20px;
bottom:20px;
padding:22px;
}

.blogp-title{
font-size:20px;
}

}

/*CONTACT PAGE CSS*/

.contact-page{
padding:50px 0;
}

/* .contactp-wrapper{
display:flex;
gap:70px;
align-items:center;
} */

/* .contactp-left{
flex:1;
} */

.contactp-small{
font-size:13px;
letter-spacing:2px;
color:#a09074;
margin-bottom:12px;
}

.contactp-title{
font-size:48px;
font-weight:600;
color:#0f2e4f;
line-height:1.2;
margin-bottom:20px;
}

.contactp-title span{
color:#c89a5b;
font-style:italic;
}

.contactp-sub{
color:#777;
margin-bottom:35px;
}

.contactp-info{
    margin-top:10px;
}

.contactp-item{
    display:flex;
    gap:14px;
    align-items:flex-start;
    height:100%;
}

.contactp-content{
    min-width:0;
}

.contactp-link{
    word-break:break-word;
    overflow-wrap:break-word;
}

/* .contactp-info{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:25px;
} */

.contactp-item{
display:flex;
gap:14px;
align-items:flex-start;
}

/* .contactp-icon{
width:45px;
height:45px;
background:#0f2e4f;
color:#fff;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-size:18px;
transition:.6s;
} */

.contactp-icon i{
font-size: 19px;
    color: #fff;
    display: block;
    margin-bottom: 10px;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: #223b6e;
    display: grid;
    place-items: center;
}

    .contactp-item:hover .contactp-icon i{
    /* transform:rotateY(180deg); */
    background:#c89a5b;
    color:#000;
    }

.contactp-item h5{
margin:0;
font-size:14px;
color:#777;
}

.contactp-link{
display:block;
font-size:15px;
color:#0f2e4f;
text-decoration:none;
position:relative;
margin-top:3px;

word-break:break-word;
overflow-wrap:break-word;
white-space:normal;
max-width:100%;
}

.contactp-item{
display:flex;
gap:14px;
align-items:flex-start;
min-width:0;
}

.contactp-item div{
min-width:0;
}

/* .contactp-link{
display:inline-block;
font-size:15px;
color:#0f2e4f;
text-decoration:none;
position:relative;
margin-top:3px;
} */

.contactp-link::after{
content:"";
position:absolute;
left:0;
bottom:-3px;
width:0%;
height:2px;
background:#c89a5b;
transition:.4s;
}

.contactp-link:hover::after{
width:100%;
}

/* .contactp-right{
flex:1;
} */


/* .contactp-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:18px;
margin-bottom:20px;
} */

.contactp-form input,
.contactp-form select,
.contactp-form textarea{
width:100%;
padding:14px 15px;
border:1px solid #d6c5a8;
background:#fff;
outline:none;
font-size:14px;
border-radius:4px;
transition:.3s;
}


.contactp-form input:hover,
.contactp-form select:hover,
.contactp-form textarea:hover{
border-color:#c89a5b;
}

.contactp-form textarea{
height:140px;
resize:none;
margin-bottom:20px;
}

.contactp-icon{
    flex-shrink:0;
    width:50px;
}

.contactp-content{
    min-width:0;
}

.contactp-link{
    word-break:break-word;
    overflow-wrap:break-word;
}

@media(max-width:991px){

.contactp-right{
    padding-left:0;
    margin-top:14px;
}

}

@media (max-width:1024px){

/* .contactp-wrapper{
flex-direction:column;
gap:50px;
} */

.contactp-title{
font-size:38px;
}

}


@media (max-width:620px){

.contact-page{
padding:42px 0;
}

.contactp-title{
font-size:30px;
}

/* .contactp-info{
grid-template-columns:1fr;
} */

/* .contactp-grid{
grid-template-columns:1fr;
} */

.contactp-form textarea{
height:120px;
}

}

.contactp-right{
padding-left:10px;
}

.contactp-form .row{
margin-bottom:20px;
}

.contactp-btn{
width:100%;
padding:16px;
background:#0f2e4f;
color:#fff;
border:none;
cursor:pointer;
font-size:16px;
transition:.3s;
}

.contactp-btn:hover{
background:#c89a5b;
color:#000;
}

.contactp-btn{
position:relative;
background:var(--primary-color);
color:#fff;
padding:12px 30px;
font-weight:500;
border:none;
overflow:hidden;
text-decoration:none;   
display:inline-block;
z-index:1;
}

.contactp-btn::before{
content:"";
position:absolute;
left:0;
bottom:0;
width:20px;
height:20px;
background:var(--secondary-color);
clip-path: polygon(0 100%, 0 0, 100% 100%);
transition:0.4s;
z-index:-1;
}

.contactp-btn:hover::before{
width:100%;
height:100%;
clip-path: polygon(0 100%, 0 0, 100% 0, 100% 100%);
}

.contactp-btn:hover{
color:#000;
text-decoration:none;
}


.contactp-img{
padding:60px 0;
background:#f4f4f4;
}

.contactp-img img{
width:100%;
height:420px;
object-fit:cover;
border-radius:6px;
}

.contactp-location{
 margin-top: -65px;
position:relative;
 padding: 40px 15px; 
}

.contactp-map{
width:100%;
height:420px;
border:0;
filter:grayscale(20%);
}

.contact-bar{
    display:flex;
    align-items:center;
    justify-content:center;   /* 🔥 CENTER */
    gap:20px;
}

.contact-info{
    color:#fff;
    text-decoration:none;
    font-size:14px;
    display:flex;
    align-items:center;
}

.contact-info i{
    margin-right:6px;
}

.contact-info{
    color:#fff;
    text-decoration:none;
    transition:0.3s;
}

.contact-info:hover{
    color:rgb(234, 193, 113);   /* 🔥 hover color */
}
/* .contactp-location-card{

position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);

background:#0f2e4f;
color:#fff;

display:flex;
align-items:center;

padding:18px 20px;
border-radius:6px;

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

max-width:380px;
} */

.contactp-location-img{
width:90px;
height:70px;
object-fit:cover;
margin-right:15px;
border-radius:4px;
}

.contactp-location-text h4{
font-size:16px;
margin-bottom:6px;
}

.contactp-location-text p{
font-size:13px;
margin:0;
opacity:.9;
}

.contactp-location-text a{
color:#fff;
text-decoration:none;
display:block;
font-size:13px;
margin-top:4px;
}

.contactp-location-text i{
margin-right:6px;
}


@media(max-width:768px){

.contactp-img img{
height:300px;
}

.contactp-location-card{
    display: none;
/* flex-direction:column;
text-align:center;
padding:20px; */
}

.contactp-location-img{
margin:0 0 10px;
width:100%;
height:120px;
}

}

@media(max-width:620px){

.contactp-img{
padding:40px 0;
}

.contactp-img img{
height:230px;
}

.contactp-map{
height:320px;
}

.contactp-location{
    padding: 50px 8px;   
}

/* .contactp-location-card{
width:85%;
} */

}

/* BLOG CARD */

.blog_card{
overflow:hidden;
border-radius:10px;
transition:0.4s;
}

/* Image wrapper */
.blog_card .img_box{
overflow:hidden;
border-radius:10px;
}

/* Image */
.blog_card img{
width:100%;
aspect-ratio:5/3;
object-fit:cover;
border-radius:10px;
transition:transform .6s ease;
}

/* Hover zoom effect */
.blog_card:hover img{
transform:scale(1.08);
}

/* CONTENT */

.blog_card .content{
padding-top:15px;
}

.blog_card .content h3{
font-size:20px;
line-height:1.4;
transition:.3s;
}

.blog_card a{
color:#eac171;
display:inline-block;
margin-top:10px;
font-weight:500;
transition:.3s;
}

.blog_card a:hover{
letter-spacing:1px;
}

.recent_blogs h2{
font-size:24px;
}


.inner_heading{
font-weight:600;
font-size:45px;
color:#0f2e4f;
margin-top:45px;
position:relative;
z-index:2;
line-height:1.2;
}

.inner_heading span{
color:#c89a5b;
font-style:italic;
}

@media (max-width:620px){

.blog_card img{
aspect-ratio:4/3;
}

.blog_card .content h3{
font-size:17px;
}

.blog_card a{
font-size:14px;
}

.inner_heading{
font-size:30px;
margin-top:25px;
}

.recent_blogs h2{
font-size:20px;
}

}


@media (min-width:621px) and (max-width:1024px){

.blog_card img{
aspect-ratio:5/3;
}

.blog_card .content h3{
font-size:18px;
}

.inner_heading{
font-size:36px;
}

}

.select-wrapper{
    position:relative;
}

.contactp-form select{
    width:100%;
    padding:14px 45px 14px 15px;
    border:1px solid #d6c5a8;
    background:#fff;
    outline:none;
    font-size:14px;
    border-radius:4px;
    color:#777;

    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;
}

.select-arrow{
    position:absolute;
    right:18px;
    top:50%;
    transform:translateY(-50%);
    transition:0.3s ease;
    pointer-events:none;
}

/* .contactp-form select{
    color:#777;
    padding-right:20px;
} */

@media (max-width:620px){

.process-title{
    margin-top:21px;
}

}

@media (min-width:768px){

/*  STEP 1*/
.step1 .step-head{
    margin-left:-43px;
    margin-top:0;
}

.step1 .step-detail{
    left:-43px;
    top:120%;
}

/*  STEP 4*/
.step2 .step-head{
    margin-left:-43px;
    margin-top:-27px;
}

.step2 .step-detail{
    left:-43px;
    top:118%;
}

/*  STEP 3*/

.step3 .step-head{
    margin-left:-43px;
    margin-top:0cqmin;
}

.step3 .step-detail{
    left:-43px;
    top:120%;
}

/*  STEP 4*/

.step4 .step-head{
    margin-left:157px;
    margin-top:0;
}

.step4 .step-detail{
   width: 142%;
        left: -67px;
        top: 118%;
}

/*  STEP 5*/
.step5 .step-head{
    margin-left:157px;
    margin-top:-32px;
}

.step5 .step-detail{
    left: 75px;
        top: 120%;
        width: 100%;
}


/*  STEP 6*/

.step6 .step-head{
    margin-left:157px;
    margin-top:0px;
}

.step6 .step-detail{
   left: 67px;
    top: 108%;
    width: 115%;
}

}


.home-text{
    display:none;
}

.home-text.active{
    display:block;
}


/*team section new css */

.team-section {
  background-color: #bf9646f0;
  padding: 52px 0 60px;
  overflow: hidden;
}

.team-section--slider {
  /* border-top: 1px solid #e8e6e1; */
  /* border-top: 1px solid #164b8d; */
}


.team-header {
  margin-bottom: 36px;
}

.team-title {
  font-size: clamp(26px, 3.5vw, 40px);
  font-weight: 800;
  color: #ffffff;
  letter-spacing: -0.5px;
  line-height: 1.1;
  margin-bottom: 10px;
  font-family: 'Inter', sans-serif;
}

.team-subtitle {
  font-size: clamp(13px, 1.3vw, 14.5px);
  color: #2c2c0d;
  line-height: 1.7;
  max-width: 520px;
  margin: 0 auto;
  font-family: 'Inter', sans-serif;
}

.team-card {
  background-color: #ffffff;
  border-radius: 10px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition:
    background-color 0.36s cubic-bezier(0.4,0,0.2,1),
    transform        0.36s cubic-bezier(0.4,0,0.2,1),
    box-shadow       0.36s cubic-bezier(0.4,0,0.2,1);
  box-shadow: 0 2px 14px rgba(22,62,112,0.07), 0 1px 3px rgba(0,0,0,0.04);
  cursor: pointer;
  border: 1px solid #e8e6e1;
  position: relative;
}

.team-card:hover {
  background-color: #163e70;
  transform: translateY(-8px);
  box-shadow: 0 18px 48px rgba(22,62,112,0.22), 0 6px 16px rgba(22,62,112,0.13);
  border-color: 1px solid #e8e6e1;
}

.team-image-wrap {
  width: 100%;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  flex-shrink: 0;
  position: relative;
}

.team-image-wrap::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(160deg, rgba(22,62,112,0) 40%, rgba(22,62,112,0.5) 100%);
  opacity: 0;
  transition: opacity 0.36s cubic-bezier(0.4,0,0.2,1);
  pointer-events: none;
}

.team-card:hover .team-image-wrap::after { opacity: 1; }

.team-image {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: top center;
  /* object-fit: cover; */
  display: block;
 object-fit:fill;
  filter: grayscale(20%);
  transition: filter 0.36s cubic-bezier(0.4,0,0.2,1), transform 0.42s cubic-bezier(0.4,0,0.2,1);
}

.team-card:hover .team-image {
  filter: grayscale(0%);
  transform: scale(1.05);
}


.team-info {
  padding: 16px 18px 18px;
  display: flex;
  flex-direction: column;
  gap: 0;
  position: relative;
}

.team-info::before {
  content: '';
  display: block;
  width: 32px;
  height: 2.5px;
  background: #eac171;
  border-radius: 2px;
  margin-bottom: 10px;
  transition: width 0.36s cubic-bezier(0.4,0,0.2,1);
}

.team-card:hover .team-info::before { width: 48px; }

.team-info-text {
  flex: 1;
  min-width: 0;
  margin-bottom: 12px;
}

.team-name {
  font-size: clamp(14px, 1.3vw, 15.5px);
  font-weight: 700;
  color: #000000;
  line-height: 1.25;
  margin: 0 0 4px;
  letter-spacing: -0.1px;
  transition: color 0.36s cubic-bezier(0.4,0,0.2,1);
  font-family: 'Inter', sans-serif;
}

.team-card:hover .team-name { color: #ffffff; }

.team-designation {
  font-size: clamp(10.5px, 0.95vw, 11.5px);
  color: #7a8694;
  line-height: 1.4;
  margin: 0;
  font-weight: 500;
  letter-spacing: 0.55px;
  text-transform: uppercase;
  transition: color 0.36s cubic-bezier(0.4,0,0.2,1);
  font-family: 'Inter', sans-serif;
  display: flex;
  align-items: center;
  gap: 5px;
}

.team-designation .bi { font-size: 10px; opacity: 0.75; }

.team-card:hover .team-designation { color: rgba(255,255,255,0.62); }

.team-card-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 12px;
  border-top: 1px solid #e8e6e1;
  transition: border-color 0.36s cubic-bezier(0.4,0,0.2,1);
}

.team-card:hover .team-card-footer {
  border-top-color: rgba(255,255,255,0.12);
}


.team-social {
  display: flex;
  align-items: center;
  gap: 8px;
}

.team-social a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #f5f4f2;
  border: 1px solid #e8e6e1;
  color: #163e70;
  font-size: 12px;
  text-decoration: none;
  transition:
    background   0.25s ease,
    color        0.25s ease,
    border-color 0.25s ease,
    box-shadow   0.25s ease;
}

.team-social a:hover {
  background: #163e70;
  border-color: #163e70;
  color: #ffffff;
  box-shadow: 0 2px 8px rgba(22,62,112,0.25);
}

.team-card:hover .team-social a {
  background: rgba(255,255,255,0.1);
  border-color: rgba(255,255,255,0.2);
  color: rgba(255,255,255,0.75);
}

.team-card:hover .team-social a:hover {
  background: rgba(255,255,255,0.22);
  color: #ffffff;
  box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}

.team-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #163e70;
  color: #ffffff;
  text-decoration: none;
  font-size: 13px;
  flex-shrink: 0;
  transition:
    background 0.36s cubic-bezier(0.4,0,0.2,1),
    box-shadow 0.36s cubic-bezier(0.4,0,0.2,1),
    color      0.36s cubic-bezier(0.4,0,0.2,1);
  box-shadow: 0 2px 8px rgba(22,62,112,0.22);
}

.team-arrow:hover {
  background: #1e5096;
  box-shadow: 0 4px 14px rgba(22,62,112,0.35);
  color: #ffffff;
}

.team-card:hover .team-arrow {
  background: #eac171;
  color: #000000;
  box-shadow: 0 3px 12px rgba(234,193,113,0.38);
}

.team-card:hover .team-arrow:hover {
  background: #d4a84e;
  box-shadow: 0 4px 16px rgba(212,168,78,0.45);
  color: #000000;
}

.team-slide-item {
  padding: 8px 10px 28px;
}

.team-slider .slick-prev,
.team-slider .slick-next {
  width: 42px;
  height: 42px;
  background-color: #ffffff;
  border: 2px solid #163e70;
  border-radius: 50%;
  z-index: 5;
  transition:
    background-color 0.25s ease,
    box-shadow       0.25s ease,
    border-color     0.25s ease;
  box-shadow: 0 2px 8px rgba(0,0,0,0.07);
  transform: none !important;
}

.team-slider .slick-prev { left: -62px; }
.team-slider .slick-next { right: -62px; }

.team-slider .slick-prev:hover,
.team-slider .slick-next:hover {
  background-color: #163e70;
  box-shadow: 0 4px 16px rgba(22,62,112,0.28);
  border-color: #163e70;
  transform: none !important;
}

.team-slider .slick-prev:focus,
.team-slider .slick-next:focus {
  background-color: #163e70;
  outline: none;
  transform: none !important;
}

.team-slider .slick-prev::before,
.team-slider .slick-next::before {
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
  font-size: 13px;
  color: #163e70;
  opacity: 1;
  transition: color 0.25s ease;
}

.team-slider .slick-prev::before { content: '\f053'; }
.team-slider .slick-next::before { content: '\f054'; }

.team-slider .slick-prev:hover::before,
.team-slider .slick-next:hover::before,
.team-slider .slick-prev:focus::before,
.team-slider .slick-next:focus::before {
  color: #ffffff;
}

.team-slider .slick-list {
  overflow: hidden;
  margin: 0 -10px;
}

.team-slider .slick-track {
  display: flex;
  align-items: stretch;
}

.team-slider .slick-slide            { height: auto; }
.team-slider .slick-slide > div      { height: 100%; }
.team-slide-item                     { height: 100%; }
.team-slide-item .team-card          { height: 100%; }

@media (max-width: 1024px) {
  .team-section { padding: 44px 0 52px; }
  .team-header  { margin-bottom: 28px; }
}


@media (max-width: 768px) {
  .team-section { padding: 40px 0 48px; }
  .team-header  { margin-bottom: 24px; }

  .team-slider .slick-prev { left: -14px; }
  .team-slider .slick-next { right: -14px; }
}

@media (max-width: 620px) {
  .team-section      { padding: 36px 0 44px; }
  .team-header       { margin-bottom: 20px; }
  .team-slide-item   { padding: 6px 8px 22px; }

  .team-slider .slick-prev { left: -10px; }
  .team-slider .slick-next { right: -10px; }

  .team-slider .slick-prev,
  .team-slider .slick-next { width: 36px; height: 36px; }

  .team-slider .slick-prev::before,
  .team-slider .slick-next::before { font-size: 11px; }

  .team-info { padding: 14px 15px 16px; }
}


@media (max-width: 480px) {
  .team-section { padding: 32px 0 38px; }
  .team-info    { padding: 12px 14px 14px; gap: 0; }

  .team-slider .slick-prev,
  .team-slider .slick-next { width: 32px; height: 32px; }

  .team-arrow    { width: 28px; height: 28px; font-size: 11px; }
  .team-social a { width: 26px; height: 26px; font-size: 11px; }
}


@media (max-width: 425px) {
  .team-container  { padding-left: 18px; padding-right: 18px; }
  .team-slide-item { padding: 6px 7px 18px; }
}

@media (max-width: 375px) {
  .team-container { padding-left: 14px; padding-right: 14px; }
  .team-info      { padding: 11px 12px 13px; }
}

@media (max-width: 320px) {
  .team-container { padding-left: 10px; padding-right: 10px; }

  .team-slider .slick-prev { left: -5px; }
  .team-slider .slick-next { right: -5px; }

  .team-slider .slick-prev,
  .team-slider .slick-next { width: 28px; height: 28px; }

  .team-info { padding: 10px 11px 12px; }
}


/*new dropdown css*/

/* ==========================
   SERVICES DROPDOWN
========================== */

.new-dropdown{
    position:relative;
}

.new-dropdown-menu{
    position:absolute;
    top:58px;
    left:50%;
    transform:translateX(-50%) translateY(20px);

    min-width:270px;
    background:#fff;
    border-radius:18px;

    padding:14px;
    list-style:none;

    box-shadow:
    0 20px 45px rgba(22,62,112,0.12);

    opacity:0;
    visibility:hidden;
    transition:0.35s ease;
    z-index:999;
}

/* top arrow */
.new-dropdown-menu::before{
    content:"";
    position:absolute;
    top:-10px;
    left:50%;
    transform:translateX(-50%);

    width:20px;
    height:20px;

    background:#fff;

    transform:
    translateX(-50%)
    rotate(45deg);
}

.new-dropdown:hover .new-dropdown-menu{
    opacity:1;
    visibility:visible;
    transform:
    translateX(-50%)
    translateY(0);
}

.new-dropdown-menu li{
    margin-bottom:8px;
}

.new-dropdown-menu li:last-child{
    margin-bottom:0;
}

.new-dropdown-menu a{
    display:flex;
    align-items:center;
    gap:14px;

    text-decoration:none;
    color:var(--primary-color);

    font-weight:500;
    font-size:16px;

    padding:14px 16px;
    border-radius:12px;

    transition:0.3s;
}

.new-dropdown-menu a i{
    font-size:17px;
    width:20px;
    color:var(--primary-color);
}

/* hover */
.new-dropdown-menu a:hover{
    background:
    rgba(22,62,112,0.08);

    color:var(--primary-color);
}

/* active item */
/* .new-dropdown-menu a.active{
    background:
    var(--primary-color);

    color:#fff;
}

.new-dropdown-menu a.active i{
    color:#fff;
} */


/* .new-dropdown > .nav-link::after{
    width:0 !important;
}

.new-dropdown:hover > .nav-link::after{
    width:100% !important;
}

.new-dropdown > .dropdown-toggle::after{
    display: none !important;
    content: none !important;
} */


.new-dropdown > .dropdown-toggle::after{
    display: none !important;
    content: none !important;
}

.new-dropdown > .nav-link::after{
    width: 0 !important;
}

.new-dropdown:hover > .nav-link::after{
    width: 100% !important;
}

.new-dropdown:hover .new-dropdown-menu{
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}



.s-detail-heading{
    color:var(--primary-color);
    font-size:42px;
    font-weight:700;
}

.s-detail-heading span{
    color:var(--secondary-color);
}

.s-detail-subtitle{
    color:#666;
    max-width:700px;
    margin:auto;
}

.s-detail-tabs-card {
    background: #fff;
    border-radius: 20px;
    padding: 25px;
    box-shadow: 0 15px 40px rgba(0, 0, 0, .06);
    margin-left: -54px;
}

.s-detail-tabs{
     max-height: 420px;   
    overflow-y:auto;      
    overflow-x:hidden;   
    display:block;       
    padding-right:8px;
}


.s-detail-tab-heading{
    color:var(--primary-color);
    font-weight:700;
    margin-bottom:25px;
}

.s-detail-tab-heading i{
    color:var(--secondary-color);
    margin-right:8px;
}


.s-detail-tabs::-webkit-scrollbar{
    width:5px;
}

.s-detail-tabs{
    overflow-y:auto;
    overflow-x:auto;
}

.s-detail-tabs::-webkit-scrollbar-thumb{
    background:var(--primary-color);
    border-radius:20px;
}

.s-detail-tabs .nav-link{
    display:flex;
    align-items:center;
    justify-content:flex-start;

    width:100%;
    text-align:left;

    padding:15px 18px;

    background:#fff;
    border:1px solid #e8e8e8;
    border-radius:12px;
    margin-bottom:14px;

    color:var(--primary-color);
    font-weight:500;

    white-space:normal;
    word-break:break-word;

    transition:.3s;
}



/* .s-detail-tabs .nav-link{
    width:100%;
    text-align:left;

    background:#fff;
    border:1px solid #e8e8e8;
    border-radius:12px;

    padding:15px 18px;
    margin-bottom:14px;

    color:var(--primary-color);
    font-weight:500;

    white-space:normal;
    word-break:break-word;

    transition:.3s;
} */

.s-detail-tabs .nav-link:hover{
    background:#f7f9fc;
    transform:translateX(6px);
}

.s-detail-tabs .nav-link.active{
    background:var(--primary-color);
    border-color:var(--primary-color);
    color:#fff;
}

/* RIGHT */

.s-detail-title{
    color:var(--primary-color);
    font-size:38px;
    font-weight:700;
    margin-bottom:25px;
}

.s-detail-text{
    color:#555;
    line-height:1.9;
    margin-bottom:25px;
}

.s-detail-list{
    padding-left:20px;
}

.s-detail-list li{
    margin-bottom:14px;
    color:#555;
}

/* IMAGE */

.s-detail-img {
    border-radius: 22px;
    overflow: hidden;
    box-shadow: 0 20px 40px rgba(0, 0, 0, .08);
    margin-right: -57px;
}

/* .s-detail-img img{
    width:100%;
    height:520px;
    object-fit:cover;
} */

.s-detail-img img{
    width:100%;
    height:520px;
    /* object-fit:cover; */
}

/* MOBILE */

@media(max-width:991px){

    .s-detail-title{
        font-size:30px;
        margin-top:25px;
    }

    .s-detail-tabs{
        max-height:300px;
    }

    .s-detail-img img{
        height:320px;
    }
}

@media(max-width:620px){

    .s-detail-heading{
        font-size:30px;
    }

    .s-detail-tabs-card{
        padding:18px;
        margin-left:0px;
    }

    .s-detail-tabs .nav-link{
        padding:13px 15px;
        font-size:14px;
    }

    .s-detail-title{
        font-size:26px;
    }

    .s-detail-text,
    .s-detail-list li{
        font-size:14px;
    }

    .s-detail-img img{
        /* height:290px; */
          height:auto;
        
    }
    .s-detail-img{
    margin-right: 0px;
    }
}

.s-detail-tabs .nav-link.active,
.s-detail-tabs .nav-link.active:hover,
.s-detail-tabs .nav-pills .nav-link.active{
    background: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    color: #fff !important;
}


.service-detail-sec {
    padding: 110px 0;
    background: var(--light-bg);
}

.s-detail-subheading{
    color: var(--primary-color);
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 20px;
}


.s-detail-tagline{
    font-size: 21px;
    font-weight: 600;
    color: #1f1f1f;
    line-height: 1.5;
    margin-bottom: 7px;
    letter-spacing: -0.3px;
}

@media (max-width:620px){

    .s-detail-tagline{
        font-size:18px;
        line-height:1.4;
        margin-bottom:10px;
        letter-spacing:0;
    }

}

.s-detail-highlight{
    background:rgba(234,193,113,0.12);
    border-left:4px solid var(--secondary-color);
    padding:16px 20px;
    border-radius:12px;
    color:#333;
    line-height:1.7;
    margin-top:20px;
}




@media (max-width:620px){

    .new-dropdown-menu{
        position: static;
        opacity: 1;
        visibility: visible;
        transform: none;

        width: 100%;
        box-shadow: none;
        background: transparent;
        border: none;

        display: none;
        padding-top: 10px;
    }

    .new-dropdown-menu li a{
        text-align: center;
        padding: 10px 0;
        font-size: 15px;
    }

}






/* MOBILE DROPDOWN */
.new-md-arrow-wrap{
    display:none;
}

@media (max-width:620px){

    /* Arrow show only on mobile */
    .new-md-arrow-wrap{
        display:inline-flex;
        align-items:center;
        justify-content:center;
        margin-left:8px;
        cursor:pointer;
    }

    .new-md-arrow{
        font-size:13px;
        color:var(--primary-color);
        transition:.3s;
        margin-right: -121px;
    }

    /* Dropdown parent */
    .new-dropdown{
        position:relative;
    }

    /* RESET DESKTOP DROPDOWN */
    .new-dropdown-menu{
        position:static !important;
        left:auto !important;
        right:auto !important;
        top:auto !important;
        transform:none !important;

        width:100%;
        min-width:100%;
        margin-top:10px;
        padding:0;

        background:transparent !important;
        border:none !important;
        box-shadow:none !important;

        opacity:1 !important;
        visibility:visible !important;

        display:none;
        
    }

    /* Open state */
    .new-dropdown.new-md-open .new-dropdown-menu{
        display:block;
    }

    /* Rotate arrow */
    .new-dropdown.new-md-open .new-md-arrow{
        transform:rotate(90deg);
    }

    /* Submenu items */
    .new-dropdown-menu li{
        list-style:none;
        margin-bottom:8px;
        margin-left: 94px;
    }

    .new-dropdown-menu li a{
        display:block;
        width:100%;
        text-align:center;
        padding:8px 0;

        color:var(--primary-color);
        font-size:15px;
        font-weight:500;
        text-decoration:none;

        position:relative;
    }

    /* Active underline same as navbar */
    /* .new-dropdown-menu li a::after{
        content:"";
        position:absolute;
        left:50%;
        bottom:2px;
        transform:translateX(-50%);
        width:0;
        height:3px;
        background:var(--primary-color);
        transition:.4s;
    } */

    .new-dropdown-menu li a:hover::after,
    .new-dropdown-menu li a.active::after{
        width:40%;
    }
}




.new-dd-active.active{
    background:#e8f1ff;
    color:#163e70 !important;
    border-radius:8px;
}

/* .new-dd-active.active::after{
    content:"";
    position:absolute;
    left:15px;
    right:15px;
    bottom:6px;
    height:2px;
    background:#163e70;
} */

.home-navbar .nav-link::before{
    content:"";
    position:absolute;
    left:0;
    bottom:-6px;
    width:0;
    height:3px;
    background:var(--primary-color);
    transition:.4s;
}

.home-navbar .nav-link:hover::before{
    width:50%;
}

.home-navbar .nav-link.active::before{
    width:100%;
}

@media (max-width: 620px) {
.home-navbar .nav-link.active::before {
    width: 50%;
}

}
@media (max-width: 620px) {
    .home-navbar .nav-link:hover::after, .home-navbar .nav-link.active::after{
        width: 80% !important;
    }
}

@media (max-width: 620px) {
/* .home-navbar .nav-link.active::before {
    width: 50%;
} */

.home-navbar .nav-link::before {
    content: "";
    position: absolute;
    /* left: 66px; */
      left: 98px;
    bottom: -2px;
    width: 0;
    height: 3px;
    background: var(--primary-color);
    transition: .4s;
}

}

.new-dropdown-menu .nav-link::after{
    display:none !important;
    content:none !important;
}

.new-dropdown-menu .nav-link{
    position: static !important;
}

.new-dropdown-menu .nav-link::before{
    display: none !important;
    content: none !important;
    width: 0 !important;
}