@import url('https://fonts.googleapis.com/css2?family=Alex+Brush&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Jura:wght@300..700&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Manrope:wght@200..800&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Mulish:ital,wght@0,200..1000;1,200..1000&family=News+Cycle:wght@400;700&family=Newsreader:ital,opsz,wght@0,6..72,200..800;1,6..72,200..800&family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Poppins:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Raleway:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&family=Saira:ital,wght@0,100..900;1,100..900&family=Tinos:ital,wght@0,400;0,700;1,400;1,700&display=swap');

*{font-family: "Inter", sans-serif;}
p{line-height: 1.7;font-family: "Inter", sans-serif;font-size:15px;}
a{text-decoration: none!important;}

.section-title h1{font-size:48px;letter-spacing: -0.025em;font-weight:700;color:#0f172a;text-align: center;margin-bottom:1rem;}
.section-title p{font-size: 1.25rem;color:#475569;text-align: center;}
.section-title h1 span{background: linear-gradient(135deg, #5ea955, #1d7f2a);-webkit-text-fill-color: transparent;background-clip: text;}

.section-title1 h1{text-transform: uppercase; font-size:22px;letter-spacing: -0.025em;font-weight:700;color:#0f172a;text-align: center;color: #d9d9d9;text-shadow: -1px -1px 1px rgba(255,255,255,.1), 1px 1px 1px rgba(0,0,0,.5);}

.top-bar{background-image: linear-gradient(135deg, #5ea955, #1d7f2a);}

/* .banner-section .side-bar{background-image: url(image/sidebar.png);background-size: cover;background-repeat: no-repeat} */
.banner-section{padding:60px 30px 0px 30px;}
.side-bar{margin-top: 15px; background-color: #fff;border-top:10px solid #cbf3d0;border-right:25px solid #cbf3d0;border-left:10px solid #cbf3d0;border-bottom:18px solid #cbf3d0;padding: 15px 10px 15px 5px;border-radius: 14px;}
.side-content{background-color: #fff;border-top:25px solid #cbf3d0;border-right:15px solid #cbf3d0;border-left:15px solid #cbf3d0;border-bottom:15px solid #cbf3d0;border-radius: 14px;}
.side-content ul{list-style: none;padding-left:0px;}
.side-content ul li{font-size:14px;line-height:1.5em;border-bottom:3px solid #cbf3d0;color:#0f172a;padding:6px 10px;}
.side-ul{background-color: #fff;border:1px solid #fff;border-radius: 14px; margin: -4px;}
.side-left-bar{background-color: #cbf3d0;margin-top: 19px;border-radius: 16px;padding: 16px;}
.side-left-bx{ width: 6rem;height: 6rem;background: #E6EFF4;border-radius: 16px;}
.side-right-bx{width: 8rem;height: 8rem;background: #E6EFF4;border-radius: 16px;position: relative;right: -45%;}
.side-left-bar img{width: 100%;height: 343px;}
.banner-img{margin-top: -17px;}
.banner-img img{border: 15px solid #cbf3d0;border-radius: 14px;}
.banner-content{padding-top:35px;}
.banner-section .col-md-3{width:20%;}
.banner-section .col-md-6{width:60%;}
.banner-btn{    position: relative;z-index: 1;}

/* counts */
.counts {padding: 7% 0;background-color:#1d7f2a;}
.counts .count-bx {text-align: center;}
.counts .count-bx h2 {color: #fff;text-align: center;font-size: 2.5rem;font-weight: 00;padding-top:15px;}
.counts .count-bx p {color:rgba(255, 255, 255, 0.8);margin: 0;font-size: 17px;font-weight: 500;text-align: center;line-height: 1.6;}
.counts .count-bx img{filter: invert(1);width: 28px;}

/* service section */
.services{background-color: #f8fafc; padding:80px 0px;}
.serv-box{height:100%; border-radius: 24px;background-color: #ffffff;box-shadow: 20px 20px 60px rgba(209, 213, 219, 0.3),-20px -20px 60px rgba(255, 255, 255, 0.8);border: 1px solid #e2e8f0;padding: 33px;}
.serv-box h4{font-size: 20px;line-height: 28px;font-weight: 600;margin-bottom: 16px;color: #0f172a;}
.serv-box p{font-size: 15px;line-height:25px;margin-bottom: 16px;color: #32363a;}
.serv-box:hover{transform: translateY(-5px);box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);}
.serv-box i{width: 4rem;height: 4rem;background: #e9f9eb;border-radius: 16px;display: flex;align-items: center;justify-content: center;margin-bottom: 1.5rem;color: #1d7f2a;transition: all 0.3s ease;}
.serv-box:hover i{background: #1d7f2a;color: #fff;transform: scale(1.1);}
.box1{border:2px solid #1d7f2a;}
.serv-box ul{list-style-image: url(image/right-tick.png);}
.serv-box ul li{padding: 6px 0;color: #334155;font-size: 15px;position: relative;padding-left:6px;}
.services .col-md-4{margin-top:30px;}

/* connect*/
.connect-content {margin-top:60px;text-align: center;padding: 3rem 2rem;background: linear-gradient(135deg,#5ea955,#1d7f2a);border-radius: 24px;color: #fff;}
.connect-content h3 {font-size: 2rem;margin-bottom: 1rem;color: #fff;}
.connect-content p {font-size: 1.125rem;margin-bottom: 2rem;color: rgba(255, 255, 255, 0.9);max-width: 600px;margin-left: auto;margin-right: auto;}
.custom-btn{ background: linear-gradient(135deg, #5ea955,#1d7f2a);color: #fff;box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);padding: 13px 24px;border-radius: 14px;font-size: 15px;text-decoration: none;font-weight:600;}
.custom-btn img{filter: invert(1);padding-right:3px;width: 20px;}
.custom-btn1:hover img{transform: translateX(2px);}
.custom-btn:hover{background: linear-gradient(135deg, #1d7f2a,#5ea955);transform: translateY(-2px);box-shadow: v0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);color: #fff;}

.custom-btn3{ background: #fff;color:#5ea955;border:2px solid #5ea955; padding: 13px 24px;border-radius: 14px;font-size: 15px;text-decoration: none;font-weight:600;}
.custom-btn3:hover{background: #5ea955;transform: translateY(-2px);color: #fff;}

/* team section */
.team-section{padding:80px 0px;}
.team-head h1{font-size:48px;font-weight:700;display: inline-block;padding: 16px 20px;background: #e9f9eb;color: #1d7f2a;border-radius: 16px;margin-bottom: 2rem;border: 1px solid#bfdbfe;}
.custom-btn1{ background: linear-gradient(135deg, #5ea955,#1d7f2a);color: #fff;box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);padding: 16px 32px;border-radius: 14px;font-size: 24px;text-decoration: none;font-weight:600;}
.custom-btn1 img{filter: invert(1);padding-left:3px;width: 25px;}
.custom-btn1:hover img{transform: translateX(2px);}
.custom-btn1:hover{background: linear-gradient(135deg, #1d7f2a,#5ea955);transform: translateY(-2px);box-shadow: v0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);color: #fff;}


/* get in touch */
.get-touch{background-color: #f8fafc;padding:80px 0px;text-align: left;}
.get-bx{background: #fff;padding: 30px 25px 60px 25px;border-radius: 16px;box-shadow: 20px 20px 60px rgba(209, 213, 219, 0.3), -20px -20px 60px rgba(255, 255, 255, 0.8);border: 1px solid #e2e8f0;display: flex;align-items: flex-start;gap: 1rem;transition: all 0.3s ease;}
.get-icon{  width: 3rem;height: 3rem;background: #e9f9eb;border-radius:12px;display: flex;align-items: center;justify-content: center;color: #5ea955;flex-shrink: 0;}
.get-content h6{font-size:19px;font-weight: 600;margin-bottom: 0.5rem;color: #0f172a;}
.get-content p a{margin-bottom: 0.5rem;color: #1d7f2a;font-size: 16px;font-weight:500;text-decoration: none;}
.get-content span{font-size:14px;color:#64748b;}
.get-bx:hover{transform: translateY(-2px);box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);}


.social-bx{background: #25d366;display: flex;flex-direction: column; align-items: center; gap: 0.5rem; padding: 16px; border-radius: 12px; text-decoration: none; transition: all 0.2s ease; text-align: center;margin-top:16px;}
.social-bx img{filter:invert(1)}
.social-bx h4{  color: #fff;font-size:14px; font-weight: 600;}
.social-bx:hover{background: #22c55e;    transform: translateY(-2px);box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);}

.social-bg1{background-color: #0077b5!important;}
.social-bg1:hover{background-color: #005885!important;}
.social-bg2{background-color: #475569!important;}
.social-bg2:hover{background-color: #334155!important;}

.social-sec h5{ font-size: 18px;font-weight: 600;color: #0f172a;text-align: center;}

/* footer */
footer {/* background: #012b4c; */padding: 64px 32px 0px 32px;position:relative;background-color: #0f172a;}
footer h4 {color: #fff;font-size: 18px;font-weight: 600;margin: 0 0 16px 0;}
footer p,
footer p a {color: #94a3b8;font-size: 14px;margin: 0 0 6px 0;text-decoration: none;}
footer p a:hover {color: #fff;}
footer .footer-bottom {margin: 4% 0 0 0;border-top: 1px solid rgba(204, 204, 204, .4);padding: 40px 0;}
footer .footer-bottom p {margin: 0;}
footer .contact-details .icon i {color: #fff;font-size: 20px;margin: 0 12px 0 0;display: inline-block;}
footer .contact-details .text h5 {color: #fff;font-size: 19px;margin: 0 0 6px 0;font-weight: 700;}
footer .contact-details .text p {color: #c9c9c9;margin: 0;font-size: 14px;}
footer .social-icon a {position: relative;color: #fff;background: rgba(255, 255, 255, .1);font-size: 19px;width: 50px;height: 50px;margin: 0 5px;display: inline-block;border-radius: 50%;text-align: center;line-height: 2.8;transition: all .2s ease-in-out;}
footer .social-icon a i {position: relative;z-index: 3;}
footer .social-icon a::before {content: '';position: absolute;width: 100%;height: 100%;border-radius: 50%;background: #e69d2f;left: 0;transform: scale(0);transition: all .4s ease-in-out;}
footer .social-icon a:hover {color: #212121;}
footer .social-icon a:hover::before {transform: scale(1);}

/*  */
.top {position: fixed;right: 18px;bottom: 30px;text-align: center;color: #fff;border-radius: 50%;background-color: #1d7f2a;width: 50px;height: 49px;line-height: 49px;z-index: 999;cursor: pointer;opacity: 0;transition: ease-in 0.5s;display: flex;justify-content: center;align-items: center;}
.top.scll-top {opacity: 1; transition: ease-in 0.5s;  bottom: 56px;}
.top .fa { display: block !important;}

/* partners page */
.abt-pg{padding:60px 0px;}
.team-member{padding:60px 30px;}
.team-member .col-md-10{margin-top:30px;}
.team-member .col-md-6{margin-top:30px;}
.member-card{background: #fff;padding: 2rem;border-radius: 20px;text-align: center;border: 1px solid #e2e8f0;transition: all 0.3s ease;}
.member-card:hover{box-shadow:  0 25px 50px -12px rgb(0 0 0 / 0.25);transform: translateY(-5px);}
.member-card img{width:200px;height:200px;border-radius: 50%;box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);margin-bottom:24px;}
.member-card h5{font-size:20px;font-weight: 600;margin-bottom: 12px;color:#0f172a;}
.member-card h6{color: #1d7f2a;font-weight: 500;margin-bottom: 1rem;font-size:19px;}
.member-card span{display: inline-block;background: #f1f5f9;color: #334155;padding: 0.25rem 0.75rem;border-radius: 8px;font-size: 14px;font-weight: 600;margin-bottom: 1rem;}
.member-card p{color:#475569!important;}

.contact_frm input{border-radius: 10px;padding: 12.5px 20px;outline: none;margin-bottom: 25px;font-size: 15px;color: #212529;width: 100%;border: 2px solid #5ea95557;background-color: #fff;}
.contact_frm input::placeholder{font-size:15px;}
.contact_frm textarea{background-color: #fff;border-color: #5ea95557;border-width: 0px 0px 1px 0px;border-style: solid;}
.contact-pg{background-color: #fff!important;padding:60px 0px!important;}


@media(max-width:767px)
{
   
.banner-section .col-md-3{display: none;}
.banner-section .col-md-6{width:100%;}
header{display: flex;justify-content: center;}
.top-bar{background-color: #eba546!important;}
}

@media(max-width:1289px)
{
#WidgetControl5{display: none;}
}


#widgetsControl, #widgetsControl_C{height:auto!important;}
header img{padding: 5px 20px;}
.otherpagecss #RadDockZone1{max-width:100%!important;}
#WidgetControl4{display: none!important;}
.top-btn{margin: 35px 0px;}

/* .navbar-nav.nav-fill > li:last-child {margin: 0 -9px;color:#fff!important;background: linear-gradient(135deg, #5ea955,#1d7f2a);box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);padding: 13px 24px;border-radius: 14px;}
.navbar-nav.nav-fill > li:last-child a {color: #fff !important;}
.navbar-nav.nav-fill:hover > li:last-child{background: linear-gradient(135deg, #1d7f2a, #5ea955);transform: translateY(-2px);} */
.navbar-nav>li> a:hover:before {right: 0;bottom: 0;width: 100%;}
.navbar-nav>li> a::before {position: absolute;bottom: 0;content: "";display: block;width: 0;height: 2px;background: #22c55e;top: 30px;transition: width .3s;}