@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=Jost:ital,wght@0,100..900;1,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=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&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&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');

*{font-family: "Poppins", sans-serif;}

.section-title h1{color: #33578c;font-size: 25px;font-weight:700;line-height:60px;}

a{text-decoration: none!important;}

header{padding: 5px;}
header img{height: 60px !important;object-fit: contain;}
#HeaderControl, #HeaderControl_C{/* background-image: linear-gradient(90deg, #384682 0%, #1e97ae 100%); */}
#HeaderControl, #HeaderControl_C,#MenuControl,#MenuControl_C{background-color: #33578c;height: 70px !important;}
.navbar .navbar-nav{background-color: #33578c!important;}

#widgetsControl, #widgetsControl_C{height:auto!important;}

/*--------------------------------------------------------------
# banner-section
--------------------------------------------------------------*/
/* .banner-section { padding: 5% 0 10% 0; background:#fff;position: relative;overflow: hidden;} */
.banner-section h1 {color: #33578c;font-size: 75px;font-weight: 700;line-height: 80px;text-align: center;margin-left: 20px;margin-bottom: 20px;}
.hd_spn{font-size: 36px;color: #33578c;text-align: center;font-weight: 600;line-height: 52px;margin-left: 20px;}
.banner-section p { color: #fff; font-size: 16px; margin: 0 0 40px 0;}
.banner-bottom-bg {
   background-color: #fff;
    width: 100%;
    height: 10%;
    position: absolute;
    overflow: hidden !important;
    margin-top: -35px;
    transform-origin: top;
    z-index: 9999999 !important;
    transform: rotate(3deg);}
.custom-btn { color: #ffffff;padding:12px 30px;text-transform: uppercase;font-size: 14px;font-weight: 400;border-width: 2px;border-radius: 24px;background-color: #33578c;background-position: center center;border-color: #33578c;border-style: solid;transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;}
.custom-btn:hover { background: #fff; color:#33578c;}
.custom-btn i {color:#fff;font-size: 10px;border: 2px solid #fff;padding:5px 7px;margin-left: 5px;border-radius: 50%;}
.custom-btn:hover i {color:#33578c;border: 2px solid #33578c;}
.banner-img img{width:100%;margin-top: 20px;}

/* about us */
.about-us{padding:60px 0;;    position: relative;z-index: 99999;}
.about-us p{font-size: 16px;line-height:1.875rem;color:#3a3a44;padding-top:20px;/* position: relative; */z-index: 9;}
.about-content{margin-right:16%;}
.abt-img1{/* margin-top:130px; */}
.abt-img1 img{width: 100%;object-fit:contain;aspect-ratio:1/1;}
/* .about-content img{margin-top: -49px;position: relative;z-index: -4;} */

/* Services  */
.services{background-color: #f6f6f6;/* padding:80px 0px; */}
.services p{line-height: 26px;}
.serv-content{margin-top:30px;}
.serv-content img{width:70px;height:70px;}
.serv-content h4{font-size: 20px;font-weight: 700;margin: 26px 0px 22px 0px;color:#33578c;text-transform: capitalize;line-height:30px;}
.serv-content p{font-size: 16px;line-height:30px;margin-bottom: 16px;color: #3a3a44;}
.dotted-img2{position: relative;margin-top: -96px;left: -100px;}
.dotted-white{display: none;width: 100%;position: absolute;margin-top: -176px;}
.dotted-white img{margin-left:42%;}

/* team */
.team-bx {text-align: center;}
.team-sec{padding:100px 0px;background-image: linear-gradient(90deg, #384682 0%, #1e97ae 100%);background: #33578c;}
.team-bx img{-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;filter: grayscale(1);-webkit-filter: grayscale(1);filter: grayscale(1);border-radius: 20px;}
.team-bx img:hover{filter: grayscale(0);}
.team-bx h4{font-size:20px;font-weight:700;color:#fff;margin-top:40px;}
.team-bx p{font-size: 16px;color:#fff;}


/* footer*/
footer{background-image: linear-gradient(90deg, #384682 0%, #1e97ae 100%);padding:30px 0px;background: #33578c;}
footer h4{font-size: 22px;color: #fff;font-weight: 700;margin-bottom: 20px;}
footer ul{list-style: none;padding-left:0px;}
footer ul li{line-height:26px;margin-bottom:10px;}
footer ul li a{color:#fff;font-size: 16px;text-decoration: none;}
footer ul li a:hover{color:#fff;}
#FooterrControl1_tr_hitCounter{padding-top:0px!important;}

.ftm-btm{background-color: #fff;}
.ftm-btm p{text-align: center;margin-bottom:0px;padding:30px;font-size:15px;color:#3a3a44;}

/*--------------------------------------------------------------#innr-pg-bnnr
--------------------------------------------------------------*/
.otherpagecss #RadDockZone1.container {max-width: 100%}
.otherpagecss #RadDockZone1.container #HomepagecontentControl_C table {margin-top: 0 !important}
.innr-pg-bnnr {margin-top: -21px;/* padding: 100px 0 0; */width: 100%;background-size: 100% 100%;min-height: 350px;text-align: center;position: relative;margin-bottom: 40px;display: flex;justify-content: center;align-items: end;padding-bottom: 10%}
.innr-pg-bnnr:after {content: '';position: absolute;left: 0px;right: 0px;top: -1px;bottom: 0px;width: 100%;height: 100%;z-index: 0;background: rgb(0 0 0 / 44%);}
.main-table.innr-pg {padding-bottom: 50px}
.innr-pg-bnnr h1 {text-align: left;color: #fff;font-size: 60px;font-weight: 500;line-height: 1.2em;position: relative;z-index: 1}


/* team page */
.team-pg{padding:40px 0px;background:#fff;}
.team-pg .team-bx img{border-radius: 20px;width:60%;filter: grayscale(0);}
.team-pg .team-bx h4{font-size: 21px;font-weight:700;color:#33578c;margin-top:40px;text-align: left;}
.team-pg .team-bx h6{font-size: 18px;color:#33578c;text-align: left;}
.team-pg .team-bx p{font-size: 16px;color:#3a3a44;line-height:30px;padding-top:20px;text-align: justify;}
.team-img-inr{text-align: center;}

/* about page */
.about-us-pg{padding-top:40px;}
.main-table p{font-size: 16px;line-height: 29px;color:#3a3a44;}
.main-table ul li{font-size: 16px;line-height:30px;color:#3a3a44;}
.abt-inr-img{position: relative;margin-bottom: 3rem;}
.abt-inr-img img{position: relative;z-index: 99999;aspect-ratio: 1/1;border-radius: 20px;}
.abt-inr-img:after{content:"";position: absolute;width:100%;height:100%;margin-top:20px;background-color:#e8ecf8;left: 22px;border-radius: 20px;}

/* contact us paghe  */

.get-touch{background-color: #f6f6f6;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: #33578c6b;border-radius:12px;display: flex;align-items: center;justify-content: center;color: #33578c;flex-shrink: 0;}
.get-content h6{font-size:22px;font-weight: 600;margin-bottom: 0.5rem;color: #33578c;}
.get-content p a{margin-bottom: 0.5rem;color: #3a3a44;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);}

.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 #33578c6b;background-color: #fff;}
.contact_frm input::placeholder{font-size:15px;}
.contact_frm textarea{background-color: #fff;border-color: #33578c6b;border-width: 0px 0px 1px 0px;border-style: solid;}
.contact-pg{background-color: #fff!important;padding:60px 0px!important;}

.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;}

.navbar-nav.nav-fill > li:last-child {margin: 0 -9px;background-color: #fff;border: 2px solid transparent; border-radius: 5px;}
.navbar-nav.nav-fill > li:last-child:hover {  background-color: #258cad;color: #fff!important;}
.navbar-nav.nav-fill > li:last-child a {border:2px solid #fff;border-radius: 5px!important;font-weight:700;color:#258cad!important;padding:4px 6px!important;}
.navbar-nav.nav-fill > li:last-child a:hover {color:#fff!important;}
.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: #fff;top: 30px;transition: width .3s;}
.navbar-nav.nav-fill > li:last-child a::before{display: contents!important;}

.about-us-pg{padding-bottom:60px;}

@media(max-width:991px)
{
    .dotted-white img{display: none;}
    .offset-1{margin-left:0px!important;}
    .banner-section h1{margin:0px;}
}
@media(max-width:767px)
{
    .hd_spn{font-size:22px;line-height: 35px;}
    .team-pg .team-bx img{border-radius: 20px;height:auto;width:auto;filter: grayscale(0);}
    .body-fx #MenuControl{position: relative!important;}
    .body-fx #HeaderControl{position: relative!important;}
    .navbar {position: relative;padding: 20px 30px;}
    header{display: flex;justify-content: center;}
    .abt-img1{ margin-top:0px; }
    .team-img-inr{text-align: left;}
}

@media(max-width:1191px)
{
     .navbar {position: relative;padding: 0px 0px;}
}

@media(min-width:1600px)
{
    .dotted-white img {margin-left: 54%;
}
.dotted-white{width: 100%;position: absolute;margin-top: -257px;}
.abt-img1{/* margin-top:0px; */}
}

.body-fx #HeaderControl {height: 90px;float: Left;position: fixed;width: 25%;padding: 0; padding-left: 0px;/* background: rgba(249,191,30,0.95); */z-index: 99;/* text-align: left; *//* transition: 0.1s; */height: 68px !important; top: 0;}
.body-fx #MenuControl {height: 90px;float: Right;position: fixed;right: 0;width: 75%;padding: 0;padding-right: 0;/* background: rgba(249,191,30,0.95); */transition: 0.5s;top: 0;height: 68px !important;}



@media(max-width:768px){
    .innr-pg-bnnr h1{font-size:40px;}
    .banner-section h1{font-size: 35px;line-height: 42px;margin-top: 20px;}
    .about-content{margin-right: 0px;}
    .section-title h1{font-size:35px;}
    .get-bx{padding:10px;}
    .body-fx #MenuControl{width:100%;}
    .body-fx #HeaderControl{width:100%;}
}
.crd-wrp {box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;text-align:center;padding:20px 30px;min-height: 340px;}
.crd-wrp img{height:100px;object-fit:contain;margin-bottom:30px;}
.crd-wrp h6{font-size:25px;margin-bottom:30px;}