@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
body { margin: 0; padding: 0; font-family: "Lato", sans-serif; overflow-x: hidden;}
p, li {color: #0f152f;font-size: 16px;line-height: 28px; letter-spacing: .5px; margin: 0 0 12px 0;font-family: "Lato", sans-serif;}
.main-table li {color: #0f152f;font-size: 16px;line-height: 25px;margin: 0 0 10px 0;font-family: "Lato", sans-serif;}
a { text-decoration: none !important; font-family: "Lato", sans-serif;}
h1, h2, h3, h4, h5, h6 { font-family: "Lato", sans-serif;}

.main-table { text-align: left; padding: 5% 0;}

#widgetsControl_C, #widgetsControl{ height: auto !important;}
#Div_body .container-fluid { margin: 0; padding: 0;}

#MenuControl .nav-item { margin: 0}
#MenuControl .nav-item .nav-link {color: #091124;font-size: 15px;font-weight: 600;}
#MenuControl .nav-fill{ width:100%;}
#MenuControl .bg-light {background: #fff!important;height: 100%; padding: 0 0 0 10%}

#HeaderControl.RadDock_Default .rdMiddle .rdCenter, #HeaderControl.RadDock_Default .rdBottom .rdCenter { background-color: transparent !important;}
#MenuControl_C .bg-light { --bs-bg-opacity: 1; background-color: transparent !important; height: 100%;}
#MenuControl.RadDock_Default .rdMiddle .rdCenter, #MenuControl.RadDock_Default .rdBottom .rdCenter { background-color: transparent !important;}

#HeaderControl, #MenuControl, #MenuControl_C {height: 90px !important;background: #fff;}

#HomepagecontentControl_C { margin: -20px 0 0 0 !important}
@media (min-width: 320px) and (max-width: 768px ){
  .navbar-toggler { position: absolute; right: 15px; top: -60px; background: #fff}
  #MenuControl, #MenuControl_C { height: 0 !important;}
  #HeaderControl, #HeaderControl_C {height: 75px !important;background: #eeeced;}
  .navbar-collapse {background: #eeeced;margin-top: -10px}
}

/* innr-pg-c Start */
.otherpagecss #RadDockZone1.container { max-width: 100%;}
.otherpagecss #RadDockZone1.container #HomepagecontentControl_C table { margin-top: 0 !important;}

.custom-btn { display: inline-block; padding: 18px 32px; background: #023368; color: #fafafa; font-size: 15px; letter-spacing: .5px; margin: 0 10px 0 0;}
.custom-btn:hover { background: #091124; color: #fff;}
.heading { color: #023368; font-size: 30px; line-height: 39px; margin: 0 0 20px 0; font-weight: 700;}
.sub-heading { font-size: 20px; color: #091124; font-weight: 700; margin: 0 0 15px 0; border-bottom: 1px dashed #a5a5a5; padding: 5px 0;}
.team-name { font-size: 20px; color: #091124; font-weight: 600; margin: 0 0 15px 0;}

.header { padding: 8px 0;}

.banner-section .carousel-caption { text-align: start; top: 30%; width: 40%;}
.banner-section .carousel-caption h1 {font-size: 42px;font-weight: 700;letter-spacing: .5px;margin: 0 0 15px 0;}
.banner-section .carousel-caption p { color: #ececec; font-size: 24px; line-height: 36px; margin: 0 0 20px 0;}
.banner-section .carousel-caption .btn1 { display: inline-block; padding: 18px 32px; background: #023368; color: #fafafa; font-size: 15px; letter-spacing: .5px; margin: 0 10px 0 0;}
.banner-section .carousel-caption .btn2 { display: inline-block; padding: 18px 32px; background: #fff; color: #0f152f; font-size: 15px; letter-spacing: .5px;}
.banner-section .carousel-indicators [data-bs-target] { width: 10px; height: 10px; border-radius: 50%;} 
.banner-section .carousel-control-next-icon, .banner-section .carousel-control-prev-icon { filter: brightness(0);}
.banner-section .carousel-control-next, .banner-section .carousel-control-prev { background: #fff; width: 40px; height: 40px; border-radius: 50%; padding: 8px; top: 48%;}
.banner-section .carousel-control-next { right: 4%;}
.banner-section .carousel-control-prev { left: 4%;}

.banner-bottom .vision { background: #00244e; padding: 40px;}
.banner-bottom .vision1 { background: #091124;}
.banner-bottom .vision img { width: 56px; margin: 0 0 20px 0;}
.banner-bottom .vision h4 { color: #fff; font-size: 24px; font-weight: 500; letter-spacing: .5px; margin: 0 0 15px 0;}
.banner-bottom .vision p { color: #f0f0f0; margin: 0 0 20px 0;}
.banner-bottom .vision a { display: inline-block; background: #2a2a2a; color: #fff; padding: 14px 30px; font-size: 15px; transition: all .2s ease-in-out;}
.banner-bottom .vision a:hover { padding: 14px 34px;}
.banner-bottom .vision a i { font-size: 11px; margin: 0 0 0 5px;}

.about-section { padding: 5% 0;}

.service-section { background: #ecf4fe; padding: 5% 0;}
.service-section .ser-card {background: #fff;padding: 60px 25px 40px 25px;text-align: center;position: relative;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;margin: 50px 0 0 0;min-height: 290px;}
.service-section .ser-card .icon {background: #023368;display: inline-block;width: 65px;height: 65px;padding: 14px;border-radius: 50%;position: absolute;left: 0;right: 0;margin: 0 auto;top: -30px;}
.service-section .ser-card h4 {color: #181818;font-size: 19px;line-height: 26px;font-weight: 550;margin: 0 0 12px 0;}
.service-section .ser-card p {line-height: 25px;font-size: 15px;margin: 0;}
.service-section .ser-card p a { color: #00244e; font-weight: 600;}

.career { background: #00244e; padding: 4% 0;} 
.career p { color: #ecf4fe; margin: 0;}
.career .custom-btn { display: inline-block; padding: 18px 32px; background: #56a43b; color: #fafafa; font-size: 15px; letter-spacing: .5px; margin: 0 10px 0 0;}

footer {padding: 4% 0 0 0;background: #00244e;margin: 20px 0 0 0;}
footer .footer-text { position: relative; z-index: 2;}
footer h4 {color: #fff;font-size: 22px;margin: 0 0 15px 0;}
footer p, footer p a {color: #dddddd;font-size: 15px;margin: 0;}
footer p a:hover {color: #56a43b;}
footer .footer-text p { display: flex; margin: 0 0 10px 0;}
footer p i {color: #56a43b;margin: 5px 8px 0 0;}
footer .footer-bottom {padding: 12px 0;position: relative;z-index: 2;margin: 2% 0 0 0;background: #091124;}
footer .footer-bottom p { margin: 0;}

.inner-banner { background-image: url('image/about-banner.jpg'); padding: 10% 0; background-size: cover;}
.inner-banner h1 { color: #fff; font-size: 50px; font-weight: 700; text-align: center; position: relative;}
.inner-banner h1::after { content: ''; position: absolute; width: 60px; height: 3px; background: #fff; left: 0; right: 0; margin: 0 auto; bottom: -10px;} 
.audit-banner { background-image: url('image/audit-banner.jpg');}
.tax-advisory-banner { background-image: url('image/Tax-Advisory-banner.jpg');}
.management-advisory-banner { background-image: url('image/management-advisory-banner.jpg');}
.business-advisory-banner { background-image: url('image/business-advisory-banner.jpg');}

.contact-form { background: #e9e9e9;}
.contact-form .form-control { margin: 0 0 10px 0; padding: 16px 20px; border: 0;}
.contact-form input[type='button'] { display: inline-block; padding: 18px 32px; background: #023368; color: #fafafa; font-size: 15px; letter-spacing: .5px; margin: 0 10px 0 0; border: 0;}

@media (min-width: 320px) and (max-width: 767px) { 
  .custom-btn { padding: 12px 24px; font-size: 14px;}
  .heading { font-size: 24px; line-height: 39px; margin: 0 0 10px 0; font-weight: 700;}

    .header img{ width: 300px }

    .banner-bottom .vision { padding: 25px; margin: 20px 0 0 0}
    .banner-bottom .vision1 { background: #091124;}
    .banner-bottom .vision img { width: 56px; margin: 0 0 20px 0;}
    .banner-bottom .vision h4 { color: #fff; font-size: 24px; font-weight: 500; letter-spacing: .5px; margin: 0 0 15px 0;}
    .banner-bottom .vision p { color: #f0f0f0; margin: 0 0 20px 0;}
    .banner-bottom .vision a { display: inline-block; background: #2a2a2a; color: #fff; padding: 14px 30px; font-size: 15px; transition: all .2s ease-in-out;}
    .banner-bottom .vision a:hover { padding: 14px 34px;}
    .banner-bottom .vision a i { font-size: 11px; margin: 0 0 0 5px;}
    
  .inner-banner h1 { font-size: 30px;}
}


@media (min-width: 1200px){
    .body-fx #HeaderControl{
        height: 90px;
        position: fixed;
        padding: 0 !important;
        z-index: 99;
        box-shadow: 0 5px 6px -1px rgba(0, 0, 0, 0.1);
    }
    
    .body-fx #MenuControl {
        height: 90px;
        position: fixed;
        right: 0;
        padding: 0 !important;
        box-shadow: 0 5px 6px -1px rgba(0, 0, 0, 0.1);
    }
    
    .body-fx center #form1 #HeaderControl{margin-left:0;}
    .body-fx center #form1 #MenuControl{margin-right: 0px;}
    
}

#HomepagecontentControl { min-height: 600px !important}

@media (min-width:992px) and (max-width:1399px){
    .service-section .ser-card {min-height: 310px;}
    .service-section .ser-card h4 {font-size: 17px;line-height: 24px;}
    .service-section .ser-card p {line-height: 25px;font-size: 15px;}
}