@import url('https://fonts.googleapis.com/css2?family=Exo:ital,wght@0,100..900;1,100..900&display=swap');
body { font-family: "Exo", sans-serif !important;}
p, h1, h2, h3, h4, h5, h6 { font-family: "Exo", sans-serif !important;}
a { text-decoration: none;}
.heading {color: #141414;font-size: 40px;line-height: 50px;margin-bottom: 16px;letter-spacing: .5px;}
.sub-heading { color: #141414; font-size: 32px; line-height: 40px; margin-bottom: 20px; letter-spacing: .5px;}
p { color: #545454; font-size: 16px; line-height: 24px; letter-spacing: .5px; font-weight: 500;}
.custom-btn { display: inline-block; font-size: 16px; padding: 9px 24px; color: #141414; border: 1px solid #dddddd; border-radius: 5px; font-weight: 500; letter-spacing: .4px;} 
.custom-btn:hover { color: #121212;}
.custom-btn1 { display: inline-block; font-size: 16px; padding: 9px 24px; color: #fff; background: #00243d; border-radius: 5px; font-weight: 500; letter-spacing: .4px;} 
.custom-btn1:hover { background: #003d6d; color: #fff;}

header .web-logo img {width: 130px;}

.banner-section { position: relative; overflow: hidden; height: 100vh;}
.banner-section img { filter: grayscale(10%);}
.banner-section::after {content: '';position: absolute;width: 180%;height: 100%;top: 0;left: -40%;right: 40%;background-image: linear-gradient(45deg, #00a9c2, #12121252, #9a0620);}
.banner-section .text { position: absolute; top: 40%; left: 6%; z-index: 3; width: 54%; letter-spacing: .5px;}
.banner-section .text h2 { font-size: 42px; color: #fff; font-weight: 500; margin: 0 0 20px 0;}
.banner-section .text p { color: #fff; font-size: 17px; margin: 0 0 30px 0;}
.banner-section .text .custom-btn { background: #dddddd;}

.about-section { padding: 6% 0;}
.about-section .text-left p { font-size: 19px; font-weight: 600; line-height: 27px; margin: 0 0 20px 0;}

.service-section .ser-bx { border: 1px solid #dddddd; border-radius: 5px; margin: 25px 0;}
.service-section .ser-bx img { filter: brightness(90%); border-radius: 5px 5px 0 0; height: 250px;}
.service-section .ser-bx .text { padding: 25px;}
.service-section .ser-bx .text h4 { font-size: 20px; margin-bottom: 8px; line-height: 24px; font-weight: 500;}
.service-section .ser-bx .text p { margin: 0 0 5px 0;}
.service-section .ser-bx .text a { color: #00243d; font-size: 14px; font-weight: 600; transition: all .2s ease-in-out;}
.service-section .ser-bx .text a:hover { letter-spacing: 1px;}
.service-section .carousel-indicators [data-bs-target] { background: #00243d; opacity: 1; width: 8px; height: 8px; border: 1px solid #00243d; border-bottom: -10px; border-radius: 50%;} 
.service-section .carousel-indicators { bottom: -10px;}
.service-section .carousel-indicators [data-bs-target].active { background: transparent !important;}

.what-we-do { padding: 6% 0;}
.what-we-do .ser-bx { border: 1px solid #dddddd; border-radius: 5px; margin: 25px 0; min-height: 410px;}
.what-we-do .ser-bx img { filter: brightness(90%); border-radius: 5px 5px 0 0;}
.what-we-do .ser-bx .text { padding: 25px;}
.what-we-do .ser-bx .text h4 { font-size: 20px; margin-bottom: 8px; line-height: 24px; font-weight: 500;}
.what-we-do .ser-bx .text p { margin: 0 0 5px 0;}

footer { border-top: 1px solid #dddddd; padding: 4% 0 2% 0;}
footer p, footer p a { color: #292929; margin: 0 0 10px 0; font-size: 15px;}
footer p a:hover { border-bottom: 1px solid #292929; color: #292929;}
footer .footer-bottom { margin: 40px 0 0 0;}
footer .footer-bottom a { margin: 0 0 0 20px;}

.inner-banner {padding: 10% 0;}
.about-banner { background-image: url(image/about-banner.jpg); background-size: cover;}
.contact-banner { background-image: url(image/contact-banner.jpg); background-size: cover;}
.blog-banner { background-image: url(image/blog-banner.jpg); background-size: cover;}
.inner-banner h2 {text-align: center;color: #fff;font-size: 52px;margin: 0;font-weight: 600;letter-spacing: .8px;}

.contact-page { padding: 5% 0;}
.contact-page .contact-details {background: #ddd;padding: 30px;border-radius: 5px;text-align: center;min-height: 180px;transition: all .3s ease-in-out;} 
.contact-page .contact-details i { font-size: 34px; color: #00243d; text-align: center; margin: 0 0 20px 0;}
.contact-page .contact-details p, .contact-page .contact-details p a {text-align: center !important;margin: 0;color: #545454;}
.contact-page .contact-details:hover { margin-top: -5px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; cursor: pointer;}

.nav-btn {position: relative;padding: 12px;border-radius: 5px;display: inline-block;margin: 42px 0 0 0;}
.nav-btn .nav-bar {width: 25px;height: 2px;background: #fff;}
.nav-btn:hover {background: rgb(255 255 255 / 20%);cursor: pointer;}
.right-nav { position: absolute; background: #fff; right: 0; top: 0; height: 100vh; width: 450px; overflow: hidden; padding: 50px; display: none; text-align: center;} 
.right-nav img { margin: 10px 0 30px 0;}
.right-nav .social-icon a{ color: #212121; margin: 7px;}
.right-nav .social-icon a:hover{ color: #003d6d;}

.nav-right .user-icon {color: #fff;display: inline-block;width: 25px;height: 25px;border-radius: 50%;border: 1px solid #fff;text-align: center;line-height: 1.7;margin: 52px 0 0 0;} 

@media (min-width: 320px) and (max-width:768px) {
    .hiddan1 {
    display: none;
}
    .heading { font-size: 32px;}
    .sub-heading { font-size: 21px;}
    p { font-size: 15px;}
    .custom-btn { font-size: 15px; padding: 9px 24px; color: #141414; border: 1px solid #dddddd; border-radius: 5px; font-weight: 500; letter-spacing: .4px;} 
   
    .banner-section { position: relative; overflow: hidden; height: 380px;}
    .banner-section img { height: 380px; object-fit: cover}
    .banner-section .text { top: 30%; width: 85%; letter-spacing: 0px;}
    .banner-section .text h2 { font-size: 24px; margin: 0 0 10px 0;}
    .banner-section .text p { font-size: 15px; margin: 0 0 20px 0;}
    
    .about-section .text-left p { font-size: 15px;}
    
    .service-section .ser-bx { margin: 10px 0;}
    .service-section .ser-bx img { height: 200px;}

    
    footer p, footer p a { font-size: 14px;}
    footer .footer-bottom { margin: 40px 0 0 0;}
    footer .footer-bottom a { margin: 0 0 0 12px;}
    
    .inner-banner h2 { font-size: 32px;}
   
    .nav-btn {display: none;}
    .nav-right .user-icon { display: none} 

    header .web-logo { width: 85px; }
}

.ser-banner { background-image: url(image/service-banner.png); padding: 10% 0; background-size: cover; background-repeat: no-repeat; position: relative;}
.ser-banner::after {content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; background-image: linear-gradient(45deg, #9a0620, rgba(18, 18, 18, .2), #00a9c2); opacity: .6;}
.ser-banner .content { background: rgba(255, 255, 255, .9); position: relative; z-index: 3; padding: 35px;}
.ser-banner .content h3 { font-size: 30px; margin: 0 0 15px 0;}
.ser-banner .content p {color: #383838;margin: 0 0 20px 0 !important;}

.service-page { padding: 6% 0;}
.service-page p { text-align: justify;}
.service-page .ser-card { border: 1px solid #dddddd; border-radius: 5px; margin:0 0 20px 0; padding: 25px 25px 10px 25px; display: flex;}
.service-page .ser-card .number p {color: #00243d;font-size: 27px;font-weight: 700;margin: 0 15px 0 0 !important;}
.service-page .ser-card .text h4 { font-size: 21px; font-weight: 500;}
.service-page .financial-reporting-img {height: 405px;}

header .web-logo1 { display: none;}
center #form1 header .web-logo { display: none;}
center #form1 header .web-logo1 { display: block;}
center #form1 header .web-logo1 img { width: 120px}