@import url('https://fonts.googleapis.com/css2?family=Lato&display=swap');
body {  font-family: "Lato", sans-serif !important;}
.fa{font-family:FontAwesome !important;}
*{font-family:Lato !important;}
p, h1, h2, h3, h4, h5, h6 {  font-family: "Lato", sans-serif !important;}
a { text-decoration: none;}
section.query-section ul li {
    /* border-radius: 50px; */
    color: #fff;
    line-height: 33px;
}

.sv-pg li{list-style:none;margin-bottom: 15px;display: flex;}
.sv-pg i{background: #0e5288;padding: 6px 8px;border-radius: 50%;color: #fff;font-size: 10px;width: 23px;margin-right: 12px;height: 23px;}

.heading-innerpage {background: linear-gradient(to right, rgb(14 82 136), rgb(15 16 16));padding: 20px 30px;margin-bottom: 20px;margin-top: 15px;}
.heading-innerpage h1 {font-weight: 600;Font-size: 28px;color: #fff;line-height: 30px;text-align: left;border-left: 3px #fff solid;padding-left: 20px;margin-bottom: 10px;}



.testimonial-section { background-image: url('image/about-bg.jpg'); padding: 7% 0; background-size: cover;}
.testimonial-section .heading { color: #273c4f;}
.testimonial-section .client-bx {margin: 10px 0;background: #c20c22;padding: 20px;min-height: 225px;height: 100%;display: inline-block;position: relative;}
.testimonial-section .client-bx p.text-end { position: absolute; bottom: 20px; right: 20px}
.testimonial-section .client-bx img { border-radius: 50%; border: 2px solid #fff;}
.testimonial-section .client-bx h5 { color: #fff; text-transform: uppercase; font-size: 17px; letter-spacing: 1px; margin: 0;}
.testimonial-section .client-bx p {color: #eeeeee;margin: 15px 0 0 0;text-align: justify;font-size: 17px;letter-spacing: .5px;line-height: 1.6;font-weight: 300;}
.testimonial-section .carousel-indicators { bottom: -50px}
.testimonial-section .carousel-indicators [data-bs-target] { background-color: #273c4f;}
/*  */
.testimonial-section .client-bx-innr {margin: 10px 0;background: #273c4f;padding: 30px;min-height: 96% !important;}
.testimonial-section .client-bx-innr img { border-radius: 50%; border: 2px solid #fff;}
.testimonial-section .client-bx-innr h5 { color: #fff; text-transform: uppercase; font-size: 17px; letter-spacing: 1px; margin: 0;}
.testimonial-section .client-bx-innr p { color: #eeeeee; margin: 15px 0 0 0;text-align: justify; font-size: 14px; letter-spacing: .5px; line-height: 1.6; font-weight: 300;}
.min_lh_1{ min-height: 320px !important;}
.min_lh_2{ min-height: 380px !important;}
.min_lh_3{ min-height: 310px !important;}
.min_lh_4{ min-height: 300px !important;}
.min_lh_5{ min-height: 450px !important;}
.min_lh_6{ min-height: 360px !important;}
.min_lh_7{min-height: 310px !important;}
.para_detl{/* display: -webkit-box; */-webkit-line-clamp: 5;-webkit-box-orient:vertical;overflow: hidden;}

.tm-pg img{
    border: 3px solid #ccc;
    border-radius: 50%;
}

.home-serv{background: url(../Service-bn.jpg);padding: 90px 0 120px;margin-bottom: 15px;background-repeat: no-repeat;background-attachment: fixed;position: relative;background-size: cover;background-position: center;}
.home-serv:after{
    background: #0e5288e0;
    content:'';
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
}
.home-serv .heading{position:relative;z-index:9;}
.home-serv .hm-head{text-align: left;color:#fff;margin-bottom: 45px;font-weight: 600;position: relative;z-index: 9;}
.home-serv .nav-link.active {
    background: transparent;
    color: #0e163d;
    border-left: 5px solid #a6876a;
    border-radius: 10px;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    background-color: #000;
    color: #fff;
    }
   .nav-pills .nav-link:hover{background: #a6876a;color:#fff;}
   .home-serv .tab-content img{border-radius:20px;}
   .nav-pills .nav-link {border-radius: 5px;background: #fff;border: aliceblue;border-bottom: 2px solid #e2e2e2;text-align: start;color: black;font-family: 'Roboto', sans-serif;font-size: 20px;line-height: 34px;font-weight: 600;display: flex;padding: 30px;justify-content: space-between;}
   .home-serv .tab-content h3 {margin: 20px 0;color: #fff;font-weight: 700;text-align: left;font-size: 34px;} 
.home-serv .tab-content p {font-size: 17px;color: #fff;margin: 0 0 20px 0;text-align: justify;}
.tab-content{text-align:left;position: relative;z-index: 9;}
.home-serv .tab-content a {font-size: 18px;font-weight: 500;color: #a6876a;transition: all .2s ease-in-out;}
.home-serv .tab-content a i{ font-size: 15px; transition: all .2s ease-in-out;}
.home-serv .tab-content a:hover i {margin: 0 0 0 6px;}
.home-serv .tab-content a:hover { letter-spacing: .5px;}
.aside{background:#eee;font-family:Lato;font-weight:normal;Font-size:13px;color:#333;margin-top: 19px;line-height:22px;border:1px #ccc solid;}
.aside ul{list-style-image:url(image/arrow.png);list-style: none;list-style-position: inside;margin:0;padding:0;}
.aside ul li{Font-size: 18px;line-height: 49px;border-top:1px #ccc solid;padding-left:10px;}
.aside ul li a{color: #0e5288;text-decoration:none;}
.aside ul li:hover{ background:#fff;}
.aside p{font-family:Lato; font-weight:normal; Font-size:13px; color:#333; line-height:22px; text-align:center; margin:0;}

.aside h2{font-weight:bold; Font-size:16px; color:#fff; line-height:40px; text-align:center; border-bottom:1px #7c5d2b solid; text-transform:uppercase; padding:0; margin:0; background:#333;}

.product-section {padding: 2% 0 6% 0;background: linear-gradient(#fffcfc, #f8f8f8);}
.product-section .ser-heading {font-size: 40px;margin: 0 0 40px 0;font-weight: 500;position: relative;text-align: center;color: #0e5288;}
.product-section .ser-heading span { background: #fff; padding: 0 70px; position: relative; z-index: 3;}
.product-section .ser-heading::after {content: '';position: absolute;width: 100%;height: 1px;background: #0e5288;left: 0;top: 50%;}
.product-section .nav-pills { display: flex; justify-content: center;}
.product-section .nav-pills .nav-link {border: 1px solid #0e5288;margin: 10px;border-radius: 0;padding: 8px 20px;color: #2e2e2e;font-weight: 500;}
.product-section .nav-pills .nav-link.active {background: #0e5288;color: #fff;}
.product-section .tab-content h4 {color: #0e5288;text-align: center;font-size: 25px;margin: 30px 0 20px 0;font-weight: 600;}


.heading h2 {color: #0e5288;font-size: 27px;letter-spacing: .5px;text-transform: uppercase;text-align: center;margin: 0 0 12px 0;position: relative;z-index: 99;}
.heading p { color: #303030; font-size: 19px; text-transform: uppercase; text-align: center; margin: 0 0 30px 0;}
.heading p span {position: relative;color: #fff;}
.heading p span::after {content: '';position: absolute;width: 70px;height: 2px;background-color: #fff;left: -82px;top: 10px;}
.heading p span::before {content: '';position: absolute;width: 70px;height: 2px;background-color: #fff;right: -82px;top: 10px;}
.sub-heading { color: #141414; font-size: 27px; line-height: 40px;letter-spacing: .7px; text-transform: uppercase; font-weight: 600; padding: 20px 0; border-top: 2px solid #0e5288;} 
p, .main-table ul li {color: #303033;font-size: 17px;line-height: 1.6;letter-spacing: .5px;}
.custom-btn { display: inline-block; padding: 10px 28px; color: #fff; background: #0e5288; text-transform: uppercase; font-size: 15px; letter-spacing: .5px; box-shadow: 0px 2px 2px 0px RGBA(0,0,0,0.5); border: 0px solid rgba(0,0,0,1);} 
.custom-btn:hover { color: #fff; background: #0e5288;}

.top-header {padding: 8px 0;border-bottom: 1px solid #c2c2c2;}
.top-header .social-icon a i{display: inline-block;width: 32px;height: 32px;color: #fff;background: #0e5288;border-radius: 50%;text-align: center;font-size: 13px;line-height: 2.4;}
.top-header .social-icon a .fa-facebook { background: #3b5998;}
.top-header .social-icon a .fa-twitter { background: #0e5288;}
.top-header .social-icon a .fa-youtube { background: #0e5288;}
.top-header .social-icon a .fa-linkedin {background: #0e5288;}
.banner-section img{border-bottom-right-radius:150px;}
.banner-section .carousel-control-next, .banner-section .carousel-control-prev { background: #0e5288; width: 40px; height: 40px; border-radius: 50%; padding: 8px; top: 48%; opacity: .8;}
.banner-section .carousel-control-next { right: 2%;}
.banner-section .carousel-control-prev { left: 2%;}
.banner-section .carousel-caption {background: rgba(255,255,255, .8);padding: 40px;width: 36%;text-align: left;left: 10%;top: 26%;bottom: auto;}
.banner-section .carousel-caption h1 { color: #121212; font-size: 27px; text-transform: uppercase; margin: 0 0 15px 0;}
.banner-section .carousel-caption p { font-size: 17px; margin: 0 0 25px 0; line-height: 1.6;}

.banner-bottom { padding: 5% 0;}
.banner-bottom .event-calendar-heading { background: #e7e7e7;}
.banner-bottom .event-calendar-heading h3 { padding: 18px; text-align: center; text-transform: uppercase; font-size: 16px; color: #0e5288; letter-spacing: .5px;}
.banner-bottom .event-calendar-heading.active { background: #0e5288; position: relative;}
.banner-bottom .event-calendar-heading.active h3 { color: #fff;}
.banner-bottom .active::after { content: ""; position: absolute; bottom: -10px; left: 0; right: 0; margin: 0 auto; z-index: 1; width: 0; height: 0; border-left: 10px solid rgba(0,0,0,0); border-right: 10px solid rgba(0,0,0,0); border-top: 10px solid #0e5288; border-bottom: 0;}
.banner-bottom .event-calendar-heading:hover, .banner-bottom .event-calendar-heading:hover h3 { background: #0e5288; cursor: pointer; color: #fff;}

.banner-bottom .event-calendar-bx {margin: 20px 0;padding: 40px;background: #f5f5f5;border-radius: 5px;box-shadow: 2px 3px 4px 0px rgba(0,0,0,0.4);min-height: 300px;}
.banner-bottom .event-calendar-bx h4 { color: #0e5288; font-size: 17px; margin: 0 0 20px 0;}
.banner-bottom .event-calendar-bx h4 i  {color: #212121; margin: 0 5px 0 0;}
.banner-bottom .event-calendar-bx p { font-size: 17px; margin: 0 0 30px 0;}

#CalendarControl, #WhatsNewControl{
    padding: 45px 30px;
}


.about-section {padding: 60px 0;background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(../Abt-banner.jpg) fixed center center;background-size: cover;border-radius: 10px;margin-top: 25px;}
.about-section p {font-size: 19px;line-height: 2.5;color: #fff;}
.abt-inner{
        padding: 50px 0 30px;
        background: rgba(0, 0, 0, .2);
        transition: .5s;
        border-radius: 10px;
        border: 1px solid;
        border-color: rgba(0, 0, 0, .2);
}
.abt-inner h2{color:#fff;}
.abt-inner:hover{
    padding-top: 20px;
    background: rgba(0, 0, 0, .7);
    border-color: rgb(9 115 199);
    margin: 10px auto;
}

.our-philosophy {padding: 5% 0;}
.our-philosophy .philosophy-bx:hover{background: #0e5288;color:#fff;}
.our-philosophy .philosophy-bx:hover h4{border-bottom:1px #fff solid;}
.our-philosophy .philosophy-bx:hover p{color:#fff;}
.our-philosophy .philosophy-bx:hover li{color:#fff;}
.our-philosophy .philosophy-bx:hover img{background:#fff;border-radius:50%;padding:5px;}
.our-philosophy .philosophy-bx { margin: 20px 0 0 0; padding: 40px 40px 20px 40px; background: #f5f5f5; border-radius: 5px; box-shadow: 2px 3px 4px 0px rgba(0,0,0,0.4); min-height: 320px;}
.our-philosophy .philosophy-bx h4 { border-bottom: 1px solid #868686; padding: 0 0 15px 0; margin: 0 0 20px 0; text-transform: uppercase; font-size: 18px; font-weight: 500;}
.our-philosophy .philosophy-bx h4 img { width: 45px; margin: 0 10px 0 0;}
.our-philosophy .philosophy-bx p {font-size: 14px;margin: 0 0 4px 0;/* font-weight: 500; */text-align: justify;}
.our-philosophy .philosophy-bx ul, .our-philosophy .philosophy-bx ul li { margin: 0; padding: 0;}
.our-philosophy .philosophy-bx ul li {font-size: 14px;letter-spacing: .2px;margin: 0 0 8px 0;display: flex;color: #303030;letter-spacing: .5px;font-weight: 500;}
.our-philosophy .philosophy-bx ul li i { font-size: 12px; margin: 7px 10px 0 0;}

.service-section { padding: 2% 0 5% 0;}
.service-section .carousel-item { padding: 3% 8%;}
.service-section .carousel-control-next, .service-section .carousel-control-prev { background: #0e5288; width: 40px; height: 40px; border-radius: 50%; padding: 8px; top: 48%; opacity: 1;}
.service-section .carousel-control-next { right: 2%;}
.service-section .carousel-control-prev { left: 2%;}
.service-section .service-bx { margin: 0 0 10px 0; padding: 50px; background: #f5f5f5; border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.35) 0px 3px 8px; min-height: 280px;}
.service-section .service-bx h4 { font-size: 21px; text-transform: uppercase; margin: 0 0 15px 0; font-weight: 600;}
.service-section .service-bx p { margin: 0 0 20px 0;}

.book-appointment{background:#fff;margin-top: -80px;position: relative;z-index:2;border-radius: 0;}
.book-appointment img{border-radius: 0;}
.book-appointment .hm-head{
    color: #0e5288;
    font-size: 36px;
    text-align:left;
    font-weight: 700;
    margin-bottom: 30px;
    margin-top: 20px;
    position: relative;
    line-height: 48px;
    }
.book-appointment .hm-head:after {
    content: "";
    width: 100px;
    height: 3px;
    position: absolute;
    left: 1%;
    background: #0e5288;
    top: -20px;
}
.red-m {
    margin-top: 30px;
}
.red-m a {
    background: #0e5288;
    font-size: 14px;
    color: #fff;
    border-radius: 6px;
    padding: 15px 25px;
    text-transform: uppercase;
}
.book-appointmen .hm-head::after{ left:0; right:0; margin: 0 auto; background: #ee5550;}
.book-appointment .icons{width:70px;height:70px;background: #eee;border-radius: 50px;padding:20px;float:left;margin-right:10px;margin-top: 10px;}
.book-appointment .icons .fa{color: #0e5288;font-size:36px;font-weight: 700;}
.book-appointment h4{text-align:left;color:#273c4f;font-size: 25px;margin-top: 15px;font-weight: 700;line-height: 28px;}
.book-appointment h4 span{ display:block; font-size:16px; color:#888;}

.meet-expert{padding: 80px 0 100px;background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(../tm-banner.jpg) fixed center center;background-size: cover;border-radius: 10px;position: relative;}
.meet-expert:after{
    background: #0e528859;
    content:'';
    position:absolute;
    left:0;
    height:100%;
    top:0;
    width:100%;
}
.meet-expert .hm-head{ color:#273c4f; font-size:36px; text-align:center;}
.meet-expert .hm-head::after{ left:0; right:0; margin: 0 auto; background: #ee5550;}
.meet-expert p{ text-align:center;}
.meet-bx{position:relative;z-index: 9999;}
.meet-bx img{border-radius: 16px;width: 100%;}
.name-bx{ width:90%; left:5%; position: absolute; background: #fff; bottom:-30px; z-index:99; padding:10px; text-align:center; border-radius: 16px;}
.name-bx h4{ font-size:25px; color:#000; text-align:center; font-weight: 700;}
.name-bx h4 span{ display:block; font-size:14px; color:#888;}
.name-bx i{background: #0e5288;padding: 9px;line-height:10px;width:30px;height:30px;border-radius:100%;}
.name-bx .fa{ color:#fff; font-size:17px; font-weight: 300;}

.aside i{margin-right:10px;}
.query-bx {background-image: url(image/query-banner.jpg);background-size: cover;border-radius: 96px;background-position: center;padding: 50px 36px;}
.query-bx p { color: #fff; font-size: 27px; font-weight: 600; margin: 0; line-height: 1.6;}
.query-bx .apply-btn {background: #fff;display: inline-block;padding: 15px 40px;border-radius: 30px;color: #0e5288;font-weight: 600;font-size: 16px;box-shadow: 0px 2px 2px 0px RGBA(0,0,0,0.5);}

.client-section { padding: 5% 0;}
.client-section .client-bx { box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; padding: 25px 18px 10px 18px; border-radius: 5px; margin: 12px 0; min-height: 180px;}
.client-section .client-bx img {width: 85px;}
.client-section .client-bx p { font-size: 14px; color: #0e5288; font-weight: 500; margin: 10px 0 0 0; line-height: 1.4;}

footer { background: #121212; padding: 5% 0 0 0;}
footer h4 { color: #fff; font-size: 16px; text-transform: uppercase; margin: 0 0 20px 0; letter-spacing: .5px; font-weight: 400; padding: 0 0 0 15px; position: relative;}
footer h4::before { content: ''; position: absolute; width: 4px; height: 100%; background: #0e5288; left: 0; top: 0;}
footer p, footer p a { color: #cacaca; font-size: 15px; margin: 0; padding: 0 0 10px 0;}
footer p a:hover { color: #0e5288;}
footer p a { display: block; border-bottom: 1px solid #f4f4f4;}
footer .contact-info { display: flex;}
footer .contact-info i { display: inline-block; width: 35px; height: 35px; padding: 0 10px; border: 1px solid #f4f4f4; text-align: center; margin: 6px 8px 0 0; line-height: 2.1;}
footer .social-icon a { display: inline-block; width: 35px; height: 35px; padding: 0 10px; border: 1px solid #f4f4f4; text-align: center; margin: 6px 8px 0 0; line-height: 2.1; color: #fff;}
footer .social-icon a:hover { background: #0e5288;}
footer .footer-bottom { background: #000; padding: 20px 0 12px 0; margin: 5% 0 0 0;}
footer .footer-bottom p {margin: 0 !important;}

.inner-banner img { height: 320px; object-fit: cover;}

.contact-page .contact-info { background: #0e5288; padding: 24px; margin: 0 0 15px 0; display: flex;}
.contact-page .contact-info i { color: #fff; font-size: 30px; margin: 0 15px 0 0;}
.contact-page .contact-info p, .contact-page .contact-info p a {color: #e2e2e2; margin: 0 0 10px 0;}

@media (min-width: 320px) and (max-width:768px) {
    .heading h2 { font-size: 21px; letter-spacing: .5px; text-transform: uppercase; text-align: center; margin: 0 0 12px 0;}
    .sub-heading { font-size: 21px;}
    p { font-size: 15px;}
    .custom-btn { font-size: 15px; padding: 9px 24px;} 
    #CalendarControl, #WhatsNewControl{padding:10px;}
    .about-section p { font-size: 18px; line-height: 1.6;}

    .service-section .carousel-item { padding: 3% 5%;}
    .service-section .carousel-control-next, .service-section .carousel-control-prev { width: 30px; height: 30px; padding: 5px;}
    .service-section .carousel-control-next { right: 1%;}
    .service-section .carousel-control-prev { left: 1%;}
    .service-section .service-bx { padding: 20px; min-height: 200px;}
    .service-section .service-bx h4 { font-size: 18px; margin: 0 0 10px 0;}
    .service-section .service-bx p { margin: 0 0 20px 0; font-size: 15px;}
 
    .query-bx { padding: 30px;}
    .query-bx p { font-size: 18px; font-weight: 600; margin: 0; line-height: 1.6;}

    footer h4 { margin: 30px 0 15px 0;}
    footer p, footer p a { font-size: 14px;}
}