:root{
    --primary-color:#071D2B;
    --primary-gradient:radial-gradient(764.07% 178.91% at 116.24% -41%, #081F2D 0%, #0D2E43 49.04%, #071D2B 100%);
    --gold-color:#CFA935;
    --black-color:#000;
    --white-color:#fff;
    --title-color:#071D2B;
    --text-color:#54475D;
    --border-color:#D2D2D2;
    --bg-light-grey:#F2F3F4;
    --primary-font:"Open Sans",sans-serif;
    --secondary-font:"Kumbh Sans",sans-serif;
}
body{counter-reset:section;}
*{margin:0;padding:0;list-style:none;box-sizing:border-box;}
html,body,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,header,footer,section,aside,nav,article,figure,address,audio,video{background:transparent;border:0;margin:0;padding:0;outline:0;list-style-type:none;}
html{min-height:100%;position:relative;scroll-behavior:smooth;}
body{font-family:var(--primary-font);font-size:18px;line-height:1.5;color:var(--text-color);font-weight:500;text-decoration:none;overflow-x:hidden;}
input,select,textarea,button{font-family:var(--primary-font);}
h1,h2,h3,h4,h5,h6{margin-bottom:20px;color:var(--black-color);}
h1{font-size:50px;line-height:1.2;font-weight:700;color:var(--title-color);}
h2{font-size:32px;line-height:1.2;font-weight:700;color:var(--title-color);}
h3{font-size:26px;line-height:1.2;font-weight:700;color:var(--title-color);}
h4{font-size:24px;line-height:1.2;font-weight:700;color:var(--title-color);}
h5{font-size:20px;line-height:1.2;font-weight:700;color:var(--title-color);}
h6{font-size:18px;line-height:1.2;font-weight:700;color:var(--title-color);}
h1 span,h2 span{color:var(--primary-color);}
p{color:var(--text-color);font-size:18px;line-height:1.5;font-weight:500;margin-bottom:20px;}
.primary-color{color:var(--primary-color)!important;}
.black-color{color:var(--black-color)!important;}
.white-color{color:var(--white-color)!important;}
.goldcolor{color:var(--gold-color)!important;}
.grey-text{color:var(--text-color)!important;}
.bg-light-grey{background-color:var(--bg-light-grey)!important;}
.bgprimary{background-color:var(--primary-color)!important;}
.font14{font-size:14px!important;}
.font16{font-size:16px!important;}
.font18{font-size:18px!important;}
.font20{font-size:20px!important;}
.font22{font-size:22px!important;}
.font24{font-size:24px!important;}
.font300{font-weight:300!important;}
.font400{font-weight:400!important;}
.font500{font-weight:500!important;}
.font600{font-weight:600!important;}
.font700{font-weight:700!important;}
img{border:none;outline:none;max-width:100%;}
a{color:var(--primary-color);text-decoration:none;outline:none;transition:all 0.5s ease 0s;-ms-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;}
.btn {
	padding: 12px 30px;
	font-size: 16px;
	font-weight: 600;
	font-family: var(--primary-font);
	border: 1px solid var(--black-color);
	color: var(--black-color);
	transition: all 0.3s ease-in-out;
	border-radius: 10px;
	display: inline-flex;
	align-items: center;
	gap: 12px;
	justify-content: center;
	position: relative;
	z-index: 1;
    isolation: isolate;
    overflow: visible;
}

.btn-primary {
	background: linear-gradient(263deg, #081F2D 0%, #071D2B 100%) !important;
	border-color: var(--primary-color) !important;
	color: var(--white-color) !important;
	box-shadow: 0px 0px 15px transparent;
}

.btn-primary:hover {
	background: linear-gradient(263deg, #071D2B 3.22%, #092A3F 51.91%, #071D2B 97.86%) !important;
	border-color: var(--primary-color) !important;
	color: var(--white-color) !important;
	box-shadow: 0px 0px 15px #45A9BD;
}





.btn-outline-primary{background:var(--white-color)!important;border-color:var(--primary-color)!important;color:var(--primary-color)!important;}
.btn-outline-primary:hover{background:var(--primary-color)!important;border-color:var(--primary-color)!important;color:var(--white-color)!important;}
.btn-outline-black{background:var(--white-color)!important;border-color:var(--black-color)!important;color:var(--black-color)!important;}
.btn-outline-black:hover{background:var(--black-color)!important;border-color:var(--black-color)!important;color:var(--white-color)!important;}
.btn-white{background:var(--white-color)!important;border-color:var(--white-color)!important;color:var(--black-color)!important;}
.btn-white:hover{background:transparent!important;border-color:var(--white-color)!important;color:var(--white-color)!important;}
.btn_group{display:flex;flex-wrap:wrap;gap:20px;}
.padding-100{padding-top:100px;padding-bottom:100px;}
.container{width:100%;max-width:1520px;margin:0 auto;padding:0 50px;box-sizing:border-box;}
/* header */
.navbar-brand{max-width:200px;}
.site_header{padding:25px 20px;width:100%;background-color:#fff;}
.site_header .navbar{padding:0;}
.site_header .navbar-light .navbar-nav .nav-link{padding:10px 20px;color:var(--black-color);font-weight:600;font-size:18px;white-space:nowrap;}
.site_header .collapse{flex-grow:unset;}
.site_header .navbar-light .navbar-nav .nav-link:hover,.navbar-light .navbar-nav .nav-link.active{color:#0066BB!important;}
.navbar-light .navbar-nav .nav-link.active{font-weight:700;}
.site_header.fadeInDown{position:fixed;background-color:var(--white-color);top:0;width:100%;z-index:1111;-webkit-animation-name:fadeInDown;animation-name:fadeInDown;box-shadow:0px 0px 16px rgba(0,0,0,0.08);}
.site_header.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
@-webkit-keyframes fadeInDown{
0%{opacity:0;transform:translate3d(0,-100%,0)}
to{opacity:1;transform:translateZ(0)}
}
@keyframes fadeInDown{
0%{opacity:0;transform:translate3d(0,-100%,0)}
to{opacity:1;transform:translateZ(0)}
}
.close_sidebar{display:none;}
/* site content */
.site-content{overflow:hidden;min-height:calc(100vh - 102px);display:flex;flex-direction:column;}
.site_footer{margin-top:auto;background:url(../images/banner-img.jpg) no-repeat center center;background-size:cover;position:relative;}
.home_banner{background:url(../images/banner-img.jpg) no-repeat center center;background-size:cover;position:relative;}
.home_banner .banner_text p{color:#B0C2DA;font-size:28px;font-style:normal;font-weight:500;line-height:normal;}
.banner_text hr{border:0;height:2px;background:linear-gradient(to right,#FFF 46%,transparent 100%);max-width:350px;opacity:1;margin:30px 0;}
.home_banner:before{position:absolute;content: "RUSSELL SARDER";color:rgba(255,255,255,0.10);font-family:var(--secondary-font);font-size:38px;font-style:normal;font-weight:700;line-height:normal;letter-spacing:15.2px;bottom:-7%;transform-origin:left top;transform:translateY(-50%) rotate(-90deg);padding:20px 0;}
.banner_img{position:relative;}
.banner_img:before{position:absolute;content: "RUSSELL SARDER";color:rgba(255,255,255,0.05);font-family:var(--primary-font);font-size:200px;font-style:normal;font-weight:800;line-height:normal;left:50%;transform:translateX(-50%);}
.dot_pattern{position:relative;z-index:0;display:inline-block;}
.dot_pattern:before{position:absolute;content: "";width:200px;height:200px;background-image:radial-gradient(#bfbfbf 3px,transparent 3px);background-size:20px 20px;background-repeat:repeat;z-index:-1;left:-45px;top:-45px;}
.dot_pattern:after{position:absolute;content: "";width:200px;height:200px;background-image:radial-gradient(#bfbfbf 3px,transparent 3px);background-size:20px 20px;background-repeat:repeat;z-index:-1;right:-45px;bottom:-45px;}
.IconBox{display:flex;width:80px;height:80px;justify-content:center;align-items:center;border-radius:20px;margin-left:auto;margin-right:auto;background:radial-gradient(239.96% 36.61% at 69.09% 50%,#081F2D 0%,#071D2B 100%);}
.eco-heading{font-size:32px;font-weight:700;color:var(--primary-color);}
.eco-desc{color:#505A70;font-size:15px;max-width:300px;}
/* CARD */
.eco-card{padding:25px;transition:0.3s ease;height:100%;border-radius:20px;border:1px solid #D2D2D2;background:#FFF;transition:all 0.3s ease;}
.eco-card:hover{box-shadow:0 8.87px 44.37px 0 rgba(6,12,59,0.08);border-color:transparent;}
.eco-card:hover .logo-box{background:var(--primary-color);}
.eco-card .logo-box{padding:28px 20px;text-align:center;margin-bottom:18px;height:170px;display:flex;align-items:center;justify-content:center;border-radius:20px;background:#F2F3F4;transition:all 0.3s ease;}
.eco-title{font-size:18px;font-weight:700;color:var(--primary-color);}
.eco-text{color:#505A70;font-size:14px;line-height:1.45;}
/* SLIDER NAVIGATION */
.custom-nav{display:flex;align-items:center;gap:10px;margin-top:25px;}
.custom-nav button{width:36px;height:36px;border-radius:8px;border:1px solid var(--primary-color);background:transparent;font-size:16px;color:var(--primary-color);transition:0.3s;}
.custom-nav button:hover{background:var(--primary-color);color:#fff;}
/* DOTS POSITION */
.owl-dots{margin-top:20px!important;}
.owl-dots .owl-dot span{width:7px!important;height:7px!important;margin:4px;background:#C4C7CC!important;}
.owl-dots .owl-dot.active span{background:var(--primary-color)!important;}
.eco-card .logo-box img{width:100%;margin:0 auto;height:60px;max-width:225px;}
#eco-slider .owl-nav{display:none;}
div#eco-dots{display:flex;align-items:center;gap:10px;}
div#eco-dots .owl-dot{width:10px;height:10px;border-radius:20px;border:1px solid #15171B;background:#FFF;transition:all 0.3s ease;}
div#eco-dots .owl-dot.active{width:30px;background:var(--primary-color);}
.social_links{display:flex;align-items:center;justify-content:center;gap:15px;margin-bottom:30px;}
.social_links li a{width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1.5px solid #203441;color:#fff;}
.navbar-toggler{height:52px;width:52px;border-radius:6px;background:#071D2B;padding:0;}
.navbar-toggler img{width:22px;}
.IconBox img{filter:invert(0) brightness(10);transition:all 0.3s ease;}
.what_drives_card{transition:all 0.3s ease;border:1px solid transparent;}
.what_drives_card h3{transition:all 0.3s ease;}
.what_drives_card:hover .IconBox img{filter:none;}
.what_drives_card:hover h3{color:#CFA935;}
.what_drives_card:hover{border-radius:20px;border:1px solid #CFA935;background:#FFF;box-shadow:0 8.87px 44.37px 0 rgba(6,12,59,0.08);}
.connect-card{border-radius:16px;background:#fff;display:flex;flex-direction:column;border:1px solid transparent;}
.connect-card:hover{border:1px solid var(--gold-color);}
.connect-card h3,.connect-card h5{transition:all 0.3s ease;}
.connect-card:hover h3{color:var(--gold-color);}
.connect-card:hover h5{color:var(--black-color)!important;}
.connect-card img{height:260px;object-fit:cover;}
.custom-btn{background:#0d1b2a;color:#fff;padding:10px 0;border-radius:8px;font-weight:500;transition:0.3s;}
.custom-btn:hover{background:#132a3f;color:#fff;}
.scrollmargintop{scroll-margin-top:100px;}
/* Added by nihar */
/* .collapse:not(.show){display:block!important;visibility:hidden;}
.collapse.show{visibility:visible;}
body.open_sidebar #navbarNavDropdown{left:0;transition:left 0.4s ease;}
.site_header .navbar-nav{max-height:calc(100vh - 40px);overflow-y:auto;}
.close_sidebar{font-size:20px;position:absolute;right:20px;top:28px;border:0;outline:0;background:transparent;display:block;} */
.scroll-top-btn{position:absolute;right:40px;bottom:40px;width:60px;height:60px;background:#203441;border-radius:50%;border:none;}
.scroll-top-btn img{width:16px;}
/* end */
/* Contact US page */
.other_banner{background:url(../images/banner-img.jpg) no-repeat center center;background-size:cover;position:relative;}
.breadcrumb .breadcrumb-item a{color:var(--white-color)!important;}
.breadcrumb .breadcrumb-item.active{color:var(--gold-color);}
.breadcrumb-item + .breadcrumb-item::before{color:var(--white-color)!important;padding-right:15px;}
.breadcrumb-item + .breadcrumb-item{padding-left:15px;}
.banner_text p{color:var(--white-color);}
.banner_text p:last-child{margin-bottom:0;}
.list_icon{display:flex;flex-direction:column;gap:20px;}
.list_icon li{padding-left:40px;background:url(../images/Check-goldicon.svg) no-repeat left top 2px;}
.contact_form_wrap{border-radius:20px;background:#FFF;box-shadow:0 8.87px 44.37px 0 rgba(6,12,59,0.08);padding:40px;}
.contact-card{border-radius:20px;padding:30px;height:100%;border:none;transition:transform 0.2s;}
.info-box{background-color:#ffffff;border-radius:10px;padding:12px 20px;font-weight:600;color:#000;display:inline-block;width:100%;margin-top:auto;}
.map-link{color:var(--gold-color);text-decoration:none;font-weight:600;display:flex;align-items:center;margin-bottom:15px;}
.map-link i{margin-left:8px;transition:transform 0.2s;}
.map-link:hover i{transform:translateX(5px);}
.contact_form_wrap .gform_fields{row-gap:20px!important;}
.gform-theme--foundation .gfield input.large,.gform-theme--foundation .gfield textarea{border-radius:12px;border:1px solid #E4E4E4;background:#FFF;min-height:48px;box-shadow:none;}
.gfield_label{color:#54475D!important;font-size:18px!important;font-style:normal;font-weight:500!important;line-height:normal;}
.gform-theme--foundation .gfield textarea{height:120px!important;min-height:auto!important;}
.gform-footer .gform_button{border-radius:10px!important;	background: linear-gradient(263deg, #081F2D 0%, #071D2B 100%) !important; border:1px solid var(--primary-color) !important; color: var(--white-color) !important; box-shadow: 0px 0px 15px transparent !important;transition:all 0.3s ease!important;width:100%!important;height:52px!important;font-family:var(--primary-font)!important;line-height:1!important;padding:12px 30px!important;font-size:16px!important;font-weight:600!important;}
.gform-footer .gform_button:hover{ background: linear-gradient(263deg, #071D2B 3.22%, #092A3F 51.91%, #071D2B 97.86%) !important; border-color: var(--primary-color) !important; color: var(--white-color) !important; box-shadow: 0px 0px 15px #45A9BD !important; }
#eco-slider .owl-stage-outer .owl-item{padding:15px;}
.owl-carousel .owl-stage{display:flex;}
.owl-carousel .owl-item{display:flex;}
.owl-carousel .item{display:flex;height:100%;}
.owl-carousel .card{flex:1;}
.eco-card h4{transition:all 0.3s ease;}
.eco-card:hover h4{color:var(--gold-color);}
.logo-box-image2{display:none!important;}
.eco-card:hover .logo-box-image1{display:none!important;}
.eco-card:hover .logo-box-image2{display:block!important;}



.contact_details .row .border-end:last-child{border:none !important;}
.border-end{border-color: #C0C0C0 !important;}








/* Responsive css */
@media screen and (max-width:1440px){
.banner_img:before{font-size:150px;}
}
@media screen and (max-width:1400px){
h1{font-size:40px;}
}
@media screen and (min-width:1200px){
}
@media screen and (max-width:1199px){
h1{font-size:34px!important;}
h2{font-size:28px;}
h3{font-size:24px;}
h4{font-size:22px;}
h5{font-size:18px;}
p,.btn,.primary_link,li{font-size:16px;}
.font18{font-size:16px!important;}
.padding-100{padding-top:60px;padding-bottom:60px;}
#navbarNavDropdown{position:fixed;top:0;left:-330px;bottom:0;width:100%;max-width:320px;background:#fff;z-index:11;transition:left 0.4s ease;padding:20px;box-shadow:2px 0 10px rgba(0,0,0,0.3);height:100vh!important;}
#navbarNavDropdown.show_sidebar{left:0;transition:left 0.4s ease;}
.site_header .navbar-nav{max-height:calc(100vh - 40px);overflow-y:auto;}
.close_sidebar{font-size:20px;position:absolute;right:20px;top:28px;border:0;outline:0;background:transparent;display:block;}
.banner_img:before{font-size:120px;}
.home_banner:before{display:none;}
.home_banner .banner_text p{font-size:20px;}
.list_icon li{background-size:20px;padding-left:30px;}
.contact-card{padding:20px;}
.dot_pattern:after { right: 0; }
.dot_pattern:before { left: 0; }








}
@media screen and (max-width:991px){
p,body{font-size:16px;}
}
@media screen and (max-width:767px){
h1{font-size:28px!important;}
h2{font-size:25px;}
.container{padding:0 15px;}
.letstalk_btn{display:none;}
.site_header{padding:15px 15px;}
.banner_img:before{font-size:70px;}
.banner_text{text-align:center;max-width:350px;margin:0 auto;}
.banner_text hr{background:linear-gradient(270deg,rgba(255,255,255,0.00) 0%,#FFF 49.52%,rgba(255,255,255,0.00) 100%);}
.dot_pattern:before{left:0;}
.dot_pattern:after{right:0;}
.contact_details .row .border-end{border-right: 0 !important;}
}
@media screen and (max-width:575px){
}
@media (max-width:1199.98px){
.collapse.navbar-collapse{position:fixed;top:0;left:-300px;width:300px;height:100%;background-color:#fff;z-index:1050;transition:left 0.3s ease-in-out;}
body.open_sidebar .collapse.navbar-collapse{left:0;}
}
@media (min-width:992px){
    .w-lg-100{
        width: 100%!important;
    }
}


/* Mobile Sidebar Styling */
@media (max-width: 1199px) { /* Matches your navbar-expand-xl */
    
    #navbarNavDropdown {
        position: fixed;
        top: 0;
        left: -100%; /* Hide off-screen by default */
        width: 300px; /* Width of the sidebar */
        height: 100vh;
        background-color: #ffffff; /* IMPORTANT: Needs a background color */
        z-index: 9999;
        transition: left 0.3s ease-in-out;
        padding: 20px;
        display: block !important; /* Force display so it doesn't disappear */
        box-shadow: 2px 0 10px rgba(0,0,0,0.1);
    }

    /* THE MAGIC PART: When body has 'open_sidebar', slide menu in */
    body.open_sidebar #navbarNavDropdown {
        left: 0;
    }

    /* Optional: Dark overlay behind the menu */
    body.open_sidebar::before {
        content: '';
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.5);
        z-index: 9998; /* Just behind the menu */
    }
}

.page-template-contact-page .middle-section {min-height: calc(100vh - 252px);display: flex;
    flex-direction: column;}
    .contact_details {
    margin-top: auto;
}
