@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

*{font-family: "Open Sans", sans-serif;}
h1, h2, h3, h4, h5, h6 {font-family: "Jost", sans-serif!important;}
a{text-decoration: none;}
p{color:#444444;font-size:14px;line-height:28px;}
.main-table ul li{font-size:14px;color:#444444;}
.section-title h1{ text-align: center; font-size: 32px;font-weight: bold;text-transform: uppercase;margin-bottom: 20px;padding-bottom: 20px;position: relative;color: #37517e;}
.section-title h1::before {content: "";position: absolute;display: block;width: 120px;height: 1px;background: #ddd;bottom: 1px;left: calc(50% - 60px);}
.section-title h1::after {content: "";position: absolute;display: block;width: 40px;height: 3px;background: #47b2e4;bottom: 0;left: calc(50% - 20px);}
  .logo-img{border-radius: 10px;}

.banner-section {background:#37517e;padding: 12% 0 6% 1%;background-size: cover;}
.banner-section h1 {color: #fff;font-size: 46px;line-height: 1.4;font-weight: 700;letter-spacing: 1px;margin: 0px 0 16px 0;}
.banner-section p  {color: #ffffff;font-size: 18px;margin: 0 0 25px 0;}
.custom-btn {font-family: "Jost", sans-serif;font-weight: 500;font-size: 16px;letter-spacing: 1px;display: inline-block;padding: 10px 28px 11px 28px;border-radius: 50px;transition: 0.5s;margin: 10px 0 0 0;color: #fff;background: #47b2e4;}
.custom-btn:hover{background: #209dd8;color:#fff;}
.banner-section  .animated {animation: up-down 2s ease-in-out infinite alternate-reverse both;}

@keyframes up-down {
  0% {
    transform: translateY(10px);
  }

  100% {
    transform: translateY(-10px);
  }
}

section{padding:60px 0px;}

/* contact section */
.contact-box {border-top: 3px solid #47b2e4;border-bottom: 3px solid #47b2e4;padding: 30px;background: #fff;width: 100%;box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.1);}
.contact-item {display: flex;align-items: flex-start;margin-bottom: 22px;}
.contact-icon {width: 42px;height: 42px;background: #e7f5fb;color: #47b2e4;border-radius: 50%;text-align: center;line-height: 42px;font-size: 20px;margin-right: 14px;}
.contact-title {font-family: "Jost", sans-serif!important;font-size: 22px;font-weight: 600;margin-bottom: 5px;color: #37517e;}
.contact-text {margin-bottom: 10px;font-size: 14px;color: #6182ba;padding-top:8px;}
.contact-text a {color: #6182ba; font-size: 14px;text-decoration: none;}
.contact-text a:hover {text-decoration: underline;}
.map-container {margin-top: 15px;border: 1px solid #e3e8ef;border-radius: 4px;overflow: hidden;position: relative;}
.map-btn {position: absolute;top: 8px;left: 8px;background: #fff;border: 1px solid #dcdcdc;padding: 4px 8px;font-size: 11px;color: #333;border-radius: 3px;text-decoration: none;z-index: 10;}
.map-btn i {margin-left: 4px;}


/* Footer */
.footer {background: #fff;padding: 60px 0 0;color: #777777;margin-top:60px;}
.footer .logo {}
.footer p {font-size: 14px;line-height: 1.8;color:#777777;}
.footer h6 {font-weight: 600;color: #243b7a;margin-bottom: 18px;font-size:17px;}
.footer ul {padding: 0;list-style: none;}
.footer ul li {   padding: 6px 0;font-size: 14px;color:#777777}
.footer a {text-decoration: none;color: #777777;transition: all 0.3s ease;}
.footer a:hover {color: #47b2e4;}
.footer .icon {color: #243b7a;margin-right: 6px;}
.branch {font-weight: 600;color: #333;}
.top-btn {position: fixed;right: 25px;bottom: 25px;width: 45px;height: 45px;background: #2da7df;color: #fff;border-radius: 50%;display: flex;align-items: center;justify-content: center;text-decoration: none;font-size: 18px;box-shadow: 0 4px 10px rgba(0,0,0,0.1);}
.top-btn:hover {background: #1d8fc4;}


/* services */
.services {padding: 60px 0; background-color: #f3f5fa;}
.service-card {height: 100%;box-shadow: 0px 0 25px 0 rgba(0, 0, 0, 0.1);padding: 50px 25px;transition: all ease-in-out 0.4s;background: #fff;}
.service-card:hover {transform: translateY(-8px);box-shadow: 0 12px 30px rgba(0,0,0,0.08);}
.service-icon img{width:60px;margin-bottom: 18px;}
.service-title h3{   font-weight: 500;margin-bottom: 15px;font-size: 22px;color:#444444;}
.service-card p {   line-height: 24px;font-size: 14px;margin-bottom: 0;text-align: justify;}
.btn-custom {  font-family: "Poppins", sans-serif;font-weight: 500;font-size: 14px;letter-spacing: 1px;display: inline-block;padding: 12px 32px;border-radius: 4px;transition: 0.3s;line-height: 1;color: #47b2e4;animation-delay: 0.8s;margin-top: 10px;border: 1px solid #47b2e4;}
.btn-custom:hover {background: #2da7df;color: #fff;}.naps-img {max-width: 120px;margin: 15px 0 20px;}

/* Responsive tweaks */
@media (max-width: 991px) {
    .service-card {
        padding: 30px 22px;
    }
}

.clients{background:#f3f5fa;padding:30px 0px 60px 0px;}
.client-img{margin-top:15px;padding: 20px;filter: grayscale(1);}
.client-img:hover{padding: 20px;filter: grayscale(0);}

#WidgetControl2{display: none;}

.inner-banner { background-image: url(image/inner-banner.jpg); background-size: cover; padding: 15% 0 10% 0; margin: 0 0 40px 0;    background-position: center;}
.inner-banner h1 { color: #fff; font-size: 46px; font-weight: 700;}
.inner-banner p, .inner-banner p a {color: #fff; font-size: 17px;}

.contact-section {padding: 4% 0;}
.contact-section .contact-img { overflow: hidden; border-radius: 20px; position: relative;}
.contact-section .contact-img::after { content: ''; position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); top: 0; left: 0;}
.contact-section .contact-img img { transition: all .3s ease-in-out;}
.contact-section .contact-img img:hover { transform: scale(1.1);}
.contact-section .contact-img .call { position: absolute; bottom: 0; padding: 60px 20px 15px 30px; width: 100%; z-index: 2; background-image: linear-gradient( rgba(0, 0, 0, .04) 0%, rgba(4 15 40 .5));}
.contact-section .contact-img .call p a{color: #fff;font-size: 19px;font-weight: 600;position: relative;z-index: 9;margin: 0;line-height: 2;}
.contact-section .contact-img .call p i { background: #fff; padding: 11px 12px; font-size: 18px; border-radius: 50%; color: #003d6d; margin: 0 8px 0 0;}
.contact-section .contact-form .form-control { margin: 0 0 16px 0; padding: 10px 14px;}
/* .contact-section .contact-form input[type='button'] {border: 0;background: #fd5d14;color: #fff;padding: 14px 34px;border-radius: 8px;font-size: 17px;font-weight: 600;letter-spacing: .5px;transition: all .3s ease-in-out;} */

.contact-page {background: #f3f5fa;padding: 4% 0;}
.contact-page .contact-info {background: #fff;box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 15px;padding: 30px;border-radius: 18px;min-height: 290px;}
.contact-page .contact-info .icon { background:#2da7df; padding: 12px; display: inline-block; width: 60px; height: 60px; border-radius: 8px; margin: 0 0 20px 0; text-align: center;}
.contact-page .contact-info .icon i { font-size: 23px; color: #fff; line-height: 1.7;}
.contact-page .contact-info h5 {color: #01020f;font-size: 19px;font-weight: 600;}
.contact-page .contact-info p {margin: 0; font-size: 15px;}

.otherpagecss #WidgetControl4 {display: none;}
.heading{font-size: 32px;font-weight: bold;color: #37517e}

@media(max-width:767px)
{
    .logo-img{padding:10px 0px;}
}


/* .navbar-nav.nav-fill > li:last-child a{color:#fff!important;} */
.navbar-nav.nav-fill > li:last-child {border-radius: 50px;color: #fff;font-size: 14px;border: 2px solid #47b2e4;font-weight: 600;margin-top: -4px;}

@media (max-width: 991px) {
    .clients .col-lg-2 {
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }
}

/* Mobile (always 3 per row) */
@media (max-width: 767px) {
    .clients .col-lg-2,
    .clients .col-md-4,
    .clients .col-sm-4 {
        flex: 0 0 33.33%;
        max-width: 33.33%;
        padding: 8px;
    }

    .clients .client-img img {
        max-width: 80%;
        margin: 0 auto;
        display: block;
    }
}

/* Small mobile — still 3 per row */
@media (max-width: 480px) {
    .clients .col-lg-2,
    .clients .col-md-4,
    .clients .col-sm-4 {
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }

    .clients .client-img img {
        max-width: 75%;
    }
}