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

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

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

#MenuControl .nav-item { margin: 0}
#MenuControl .nav-item .nav-link {color: #212121; font-size: 15px;font-weight: 600;letter-spacing: .3px;}
#MenuControl .nav-fill{width:100%;}
#MenuControl .bg-light {background: #fff!important;}

#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, #HeaderControl_C, #MenuControl, #MenuControl_C {height: 100px !important;}

#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: -10px 0 0 0;}
}

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

.heading {color: #0a395a;font-size: 45px;font-weight: 700;margin: 0 0 16px 0;letter-spacing: 1px;}
.sub-heading {color: #0a395a; font-size: 30px;font-weight: 700;margin: 0 0 20px 0;letter-spacing: 1px;}
.custom-btn { display: inline-block; background: #0a395a; color: #fff; padding: 13px 30px; border-radius: 5px; font-size: 14px; text-transform: uppercase; letter-spacing: 1.5px; transition: all .2s ease-in-out;}
.custom-btn:hover { background: #7ab65c; color: #fff;}

.top-header {background: #0a395a;padding: 5px 0;}
.top-header p, .top-header p a {margin: 0;color: #f7f7f7;font-weight: 500;font-size: 14px; letter-spacing: .5px;}

header .logo{ padding: 15px 0;}

.banner-section { position: relative;}
.banner-section .content {position: absolute;background: rgb(11 11 11 / 65%);bottom: 0;left: 0;right: 0; padding: 45px 0; backdrop-filter: blur(3px);} 
.banner-section .content h1 { color: #fff; font-size: 44px; font-weight: 600; letter-spacing: 1px; display: inline-block; border-bottom: 3px solid #7ab65c; padding: 0 20px 15px 20px; margin: 0 0 25px 0;}
.banner-section .content p { color: #fff; margin: 0; font-size: 32px; font-weight: 500; letter-spacing: .5px;}

.about-section {padding: 6% 0;}
.about-section .about-img { position: relative;}
.about-section .about-img .text {position: absolute;background: #fff;padding: 20px;border-radius: 10px;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;bottom: 15%;left: -6%; z-index: 3;}
.about-section .about-img .text h5 {color: #7ab65c;font-size: 32px;font-weight: 700;margin: 0 0 5px 0;}
.about-section .about-img .text p {color: #0a395a;font-size: 15px;line-height: 1.3;margin: 0;font-weight: 600;letter-spacing: .8px;}
.about-section .about-img::after { content: ''; position: absolute; width: 100%; height: 100%; background: #cccccc; left: -18px; bottom: -18px; border-radius: 4px;}
.about-section .about-img img { position: relative; z-index: 2; border-radius: 4px;}
.about-section .right-text ul { list-style-image: url('image/angle-double-right.png');}
.about-section .ser-img { position: relative;}
.about-section .ser-img .direct-tax{ width: 95%; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; border-radius: 10px;}
.about-section .ser-img .ser-icon {position: absolute;top: 0;bottom: 0;right: -20px;margin: auto;width: 110px;height: 110px;background: #0a395a;border-radius: 10px;padding: 15px;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
.about-section .ser-img .ser-icon img{filter: brightness(3);}
     
.vision-mission {padding: 0 0 6% 0;}
.vision-mission h4 { color: #1f1f1f; font-size: 21px; text-transform: uppercase; font-weight: 600; margin: 0 0 20px 0;}
.vision-mission .heading h3 { color: #1f1f1f; font-size: 20px; text-transform: uppercase; font-weight: 600; margin: 0 0 50px 0; padding: 25px 0; position: relative;}
.vision-mission .mission h5{ color: #0a395a; font-size: 18px; text-transform: uppercase; font-weight: 600; letter-spacing: .5px; border-bottom: 2px solid #7ab65c; line-height: 1.8;}
.vision-mission .mission a { color: #0a395a; font-weight: 600;}

.service-section { padding: 5% 0; background: #0a395a;}
.service-section .ser-card {background: #fff;padding: 35px;margin: 20px 0;border-radius: 10px;border-top: 4px solid #7ab65c;transition: all .4s ease-in-out;min-height: 380px;} 
.service-section .ser-card:hover { transform: scale(1.1);}
.service-section .ser-card .icon img { width: 80px; margin: 0 0 20px 0;}
.service-section .ser-card h4 {color: #1a1a1a;font-size: 21px;font-weight: 500;}
.service-section .ser-card p {margin: 0 0 20px 0;font-size: 15px;}
.service-section .ser-card .read-more { display: inline-block; border: 1px solid #8b8b8b; padding: 6px 14px; color: #212121; font-weight: 500; text-transform: uppercase; font-size: 14px; font-weight: 600; letter-spacing: 1px;}

.counts {padding: 5% 0;background: #eaeaea;}
.counts .count-bx h2 {text-align: center;font-size: 38px;font-weight: 700;margin: 17px 0 4px 0;}
.counts .count-bx p {color: #0a395a;margin: 0;font-size: 20px;font-weight: 500;text-align: center;} 

.core-values { padding: 5% 0;}
.core-values .our-values .values { position: relative;}
.core-values .our-values .values::after { content: ''; position: absolute; width: 2px; height: 100%; background: #b6b6b6; top: 0; left: 33px;}
.core-values .our-values .values .icon::after  {content: ''; position: absolute; width: 30px; height: 2px; background: #b6b6b6; top: 49%;}
.core-values .our-values .values .icon {  position: relative; z-index: 4; border-radius: 50%;}
.core-values .our-values .values .icon img {background: #fff;padding: 12px;width: 70px;height: 70px;border-radius: 10px;position: relative;z-index: 4;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
.core-values .our-values .values h4 { color: #0a395a; font-size: 20px; font-weight: 600; margin:5px 0 10px 0;}
.core-values .our-values .values p { margin: 0 0 20px 0;}

footer {background: #0a395a;padding: 5% 0 0 0;}
footer h4 { color: #fff; font-size: 20px; font-weight: 700; margin: 0 0 12px 0;}
footer p, footer p a { color: #e4e4e4; font-size: 15px; margin: 0 0 10px 0;}
footer p a:hover { color: #7ab65c;}
footer .footer-bottom {margin: 4% 0 0 0;border-top: 1px solid rgba(204, 204, 204, .4);padding: 15px 0;}
footer .footer-bottom p { margin: 0;}
footer .contact-details .icon i{ color: #fff; font-size: 20px; margin: 0 12px 0 0; display: inline-block;}
footer .contact-details .text h5{ color: #fff; font-size: 19px; margin: 0 0 6px 0; font-weight: 700;} 
footer .contact-details .text p { color: #c9c9c9; margin: 0; font-size: 14px;}
footer .social-icon a { position: relative; color: #fff; background: rgba(255, 255, 255, .1); font-size: 15px; width: 40px; height: 40px; margin: 0 5px 0 0; display: inline-block; border-radius: 50%; text-align: center; line-height: 2.8; transition: all .2s ease-in-out;}
footer .social-icon a i { position: relative; z-index: 3;}
footer .social-icon a::before{ content: ''; position: absolute; width:100%; height: 100%; border-radius: 50%; background: #7ab65c; left: 0; transform: scale(0); transition: all .4s ease-in-out;}
footer .social-icon a:hover { color: #212121;}
footer .social-icon a:hover::before { transform: scale(1);}

.inner-banner { padding: 7% 0; background-image: url('image/inner-banner.jpg'); background-size: cover; }
.inner-banner h2 { color: #fff; text-align: center; font-size: 50px;}
.inner-banner p, .inner-banner a { color: #ececec; text-align: center; margin: 0; letter-spacing: .5px;}
.inner-banner p i { color: #7ab65c; font-size: 16px; margin: 0 6px 0 0;}

.team-page, .contact-page {margin-top: 5rem;background-image: linear-gradient(to top, #ffffff, #cccccc, #a7a7a7, #0a395ad2, #0a395a);padding: 6% 0 8% 0;}
.teammembers { margin-top: 5rem; display: flex; justify-content: center; align-items: center; }
.profile-card { position: relative; width: 300px; height: 300px; background-color: #fff; padding: 30px; border-radius: 50%; box-shadow: 0 0 22px #3336; transition: .3s; margin-bottom: 5rem;}
.profile-card:nth-child(2) { margin-left: 4rem; margin-right: 4rem; margin-bottom: 5rem; }

.profile-card:hover .teamimg { transform: translateY(-80px); }
.about { margin-top: 1rem; display: none; transition: transform .3s; line-height: 1.5; text-align: justify;}
.profile-card:hover .about { width: 450px; display: block;}
.profile-card:hover { border-radius: 10px; width: 500px; height: 750px;}
.profile-card .teamimg { position: relative; width: 250px; height: 250px; transition: .3s;}
.teamimg .pic img { width: 240px; height: 240px; border-radius: 50%; box-shadow: 0 0 22px #3336; transition: .3s;}
.profile-card:hover .teamimg img { border-radius: 10px;}
.caption { text-align: center; margin-top: 50px; transition: margin-top 0.6s ease, text-align 0.6s ease; pointer-events: none;}
.profile-card:hover .caption { margin-top: 1rem; text-align: start; pointer-events: unset;}
.profile-card:hover .caption h3 { text-align: start; margin-left: 0rem;}
.caption h3 { width: 20rem; text-align: center; font-size: 23px; margin-left: -2rem; margin-bottom: 5px;}

.contact-page .contact-details { background: #0a395a; padding: 40px;}
.contact-page .contact-details h4 { color: #fff; font-size: 21px; letter-spacing: .6px; margin: 0 0 15px 0;}
.contact-page .contact-details p, .contact-page .contact-details p a { color: #dbdbdb; margin: 0 0 6px 0; font-size: 15px; letter-spacing: .5px; line-height: 1.6;}
.contact-page .contact-details hr {color: #ffffff7d;margin: 30px 0;}
.contact-page .contact-details .social-icon a { display: inline-block; width: 35px; height: 35px; background: #ffffff25; border-radius: 50%; text-align: center; color: #fff; font-size: 14px; line-height: 2.5; margin: 0 5px 0 0;}
.contact-page .contact-form { background: #fff; padding: 40px; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}
.contact-page .contact-form h4 { color: #0a395a; font-size: 30px; font-weight: 700; letter-spacing: .4px; margin: 0 0 15px 0;}
.contact-page .contact-form .form-control { padding: 14px; margin: 0 0 15px 0;}
.contact-page .contact-form input[type='button'] { background: #0a395a; border: 0; padding: 12px 34px; color: #fff; border-radius: 5px;}

@media (min-width: 320px) and (max-width: 997px) { 
  p, li {font-size: 15px; line-height: 26px;}
  .main-table li {font-size: 15px;}
  .main-table { text-align: left; padding: 5% 0;}

  .heading { font-size: 32px; margin: 0 0 12px 0;}
  .sub-heading { font-size: 24px;}
  .custom-btn { padding: 10px 24px;}

  .top-header p, .top-header p a { font-size: 13px;}

  header .logo{ padding: 15px 0; width: 250px;}

  .banner-section img { height: 300px; object-fit: cover;}
  .banner-section .content { padding: 15px 0;} 
  .banner-section .content h1 { font-size: 24px; padding: 0 20px 5px 20px; margin: 0 0 10px 0;}
  .banner-section .content p { color: #fff; margin: 0; font-size: 16px; font-weight: 400; letter-spacing: .5px;}

  .about-section .ser-img .direct-tax{ width: 100%; margin: 0 0 10px 0;}
  .about-section .ser-img .ser-icon {display: none;}

  .service-section { padding: 5% 0; background: #0a395a;}
  .service-section .ser-card { padding: 20px; margin: 10px 0; min-height: 80px;} 
  .service-section .ser-card .icon img { width: 60px;}
  .service-section .ser-card .read-more { padding: 5px 12px; font-size: 13px;}

  .counts {padding: 6% 0;background: #eaeaea;}
  .counts .count-bx { border: 1px solid #c4c4c4; margin: 6px 0; padding: 20px;}
  .counts .count-bx img { width: 50px;}
  .counts .count-bx h2 { font-size: 21px; margin: 12px 0 4px 0;}
  .counts .count-bx p { font-size: 15px; line-height: 1.4;} 

  .core-values { padding: 8% 0;}
  .core-values .our-values .values { margin: 15px 0 0 0;}
  .core-values .our-values .values .icon img { width: 65px;height: 65px;}
  .core-values .our-values .values h4 { font-size: 18px;}
  .core-values .our-values .values p { margin: 0 0 15px 0; font-size: 14px;}

  footer h4 { margin: 20px 0 10px 0;}
  footer p, footer p a { font-size: 14px; margin: 0 0 5px 0; line-height: 1.6;}

  .inner-banner { padding: 14% 0;}
  .inner-banner h2 { font-size: 32px; margin: 0 0 5px 0;}

  .team-page, .contact-page {margin-top: 3rem;}
  .teammembers { display: block; }
  .profile-card { width: 100%; height: 750px; border-radius: 10px; padding: 20px; margin-bottom: 100px !important;}
  .profile-card:nth-child(2) { margin-left:0; margin-right:0; margin-bottom:0; }

  .profile-card .teamimg { transform: translateY(-80px); }
  .about { margin-top: 20px; display: block; width: 140%;}
  .teamimg .pic img { width: 240px; height: 240px; border-radius: 10px; box-shadow: 0 0 22px #3336; transition: .3s;}
  .profile-card .teamimg img { border-radius: 10px;}
  .caption { text-align: start; margin-top: 50px; transition: margin-top 0.6s ease, text-align 0.6s ease; pointer-events: none;}
  .profile-card .caption { margin-top: 1rem; text-align: start; pointer-events: unset;}
  .profile-card .caption h3 { text-align: start; margin-left: 0rem;}
  .caption h3 { width: 20rem; text-align: center; font-size: 23px; margin-left: -2rem; margin-bottom: 5px;}

  .contact-page .contact-form { padding: 30px;}
}

@media (min-width: 998px) and (max-width: 1400px) {
  p, li { font-size: 15px; margin: 0 0 10px 0;}
  .main-table li { font-size: 15px;}

  .heading { font-size: 34px; margin: 0 0 10px 0;}
  .sub-heading { font-size: 26px;}
  .custom-btn { padding: 10px 24px;}

  .banner-section .content { padding: 35px 0;} 
  .banner-section .content h1 { font-size: 30px; padding: 0 20px 15px 20px; margin: 0 0 20px 0;}
  .banner-section .content p { font-size: 24px; font-weight: 500; letter-spacing: .5px;}

  .service-section .ser-card { padding: 30px; min-height: 380px;} 
  .service-section .ser-card .icon img { width: 60px; margin: 0 0 15px 0;}
  .service-section .ser-card h4 { font-size: 19px;}
  .service-section .ser-card p {margin: 0 0 20px 0;font-size: 15px;}

  .counts {padding: 5% 0;background: #eaeaea;}
  .counts .count-bx h2 {text-align: center;font-size: 30px;font-weight: 700;margin: 17px 0 4px 0;}
  .counts .count-bx p {color: #0a395a;margin: 0;font-size: 18px;font-weight: 500;text-align: center;} 

  .inner-banner { padding: 7% 0; background-image: url('image/inner-banner.jpg'); background-size: cover; }
  .inner-banner h2 { color: #fff; text-align: center; font-size: 50px;}
  .inner-banner p, .inner-banner a { color: #ececec; text-align: center; margin: 0; letter-spacing: .5px;}
  .inner-banner p i { color: #7ab65c; font-size: 16px; margin: 0 6px 0 0;}

  .team-page, .contact-page {margin-top: 5rem;background-image: linear-gradient(to top, #ffffff, #cccccc, #a7a7a7, #0a395ad2, #0a395a);padding: 6% 0 8% 0;}
  .teammembers { margin-top: 5rem; display: flex; justify-content: center; align-items: center; }
  .profile-card { position: relative; width: 300px; height: 300px; background-color: #fff; padding: 30px; border-radius: 50%; box-shadow: 0 0 22px #3336; transition: .3s; margin-bottom: 5rem;}
  .profile-card:nth-child(2) { margin-left: 4rem; margin-right: 4rem; margin-bottom: 5rem; }

  .profile-card:hover .teamimg { transform: translateY(-80px); }
  .about { margin-top: 1rem; display: none; transition: transform .3s; line-height: 1.5; text-align: justify;}
  .profile-card:hover .about {width: 280px;display: block;}
  .profile-card:hover { border-radius: 10px; width: 500px; height: 820px;}
  .profile-card .teamimg { position: relative; width: 250px; height: 250px; transition: .3s;}
  .teamimg .pic img { width: 240px; height: 240px; border-radius: 50%; box-shadow: 0 0 22px #3336; transition: .3s;}
  .profile-card:hover .teamimg img { border-radius: 10px;}
  .caption { text-align: center; margin-top: 50px; transition: margin-top 0.6s ease, text-align 0.6s ease; pointer-events: none;}
  .profile-card:hover .caption { margin-top: 1rem; text-align: start; pointer-events: unset;}
  .profile-card:hover .caption h3 { text-align: start; margin-left: 0rem;}
  .caption h3 { width: 20rem; text-align: center; font-size: 23px; margin-left: -2rem; margin-bottom: 5px;}

  .contact-page .contact-details { background: #0a395a; padding: 40px;}
  .contact-page .contact-details h4 { color: #fff; font-size: 21px; letter-spacing: .6px; margin: 0 0 15px 0;}
  .contact-page .contact-details p, .contact-page .contact-details p a { color: #dbdbdb; margin: 0 0 6px 0; font-size: 15px; letter-spacing: .5px; line-height: 1.6;}
  .contact-page .contact-details hr {color: #ffffff7d;margin: 30px 0;}
  .contact-page .contact-details .social-icon a { display: inline-block; width: 35px; height: 35px; background: #ffffff25; border-radius: 50%; text-align: center; color: #fff; font-size: 14px; line-height: 2.5; margin: 0 5px 0 0;}
  .contact-page .contact-form { background: #fff; padding: 40px; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}
  .contact-page .contact-form h4 { color: #0a395a; font-size: 30px; font-weight: 700; letter-spacing: .4px; margin: 0 0 15px 0;}
  .contact-page .contact-form .form-control { padding: 14px; margin: 0 0 15px 0;}
  .contact-page .contact-form input[type='button'] { background: #0a395a; border: 0; padding: 12px 34px; color: #fff; border-radius: 5px;}
}