@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
body { margin: 0; padding: 0; font-family: "Poppins", sans-serif; overflow-x: hidden;}
p, li {color: #383b3b;font-size: 16px;line-height: 26px;font-weight: 400;text-align: justify;margin: 0 0 15px 0;font-family: "Poppins", sans-serif;}
.main-table li {color: #383b3b;font-size: 16px; line-height: 25px;margin: 0 0 10px 0; font-family: "Poppins", sans-serif;}
a { text-decoration: none !important; font-family: "Poppins", sans-serif;}
h1, h2, h3, h4, h5, h6 { font-family: "Poppins", sans-serif;}

.main-table { text-align: left; padding: 4% 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: #e12021;font-size: 13px;text-transform: uppercase;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}

@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;}

.heading { font-size: 37px; color: #e02020; font-weight: 600; margin: 0 0 20px 0;}
.sub-heading { color: #e02020; font-size: 32px; margin: 0 0 20px 0; position: relative; text-align: center; font-weight: 600;} 
.sub-heading span { background: #fff; position: relative; z-index: 2; display: inline-block; padding: 20px;}
.sub-heading::after { content: ''; position: absolute; width: 100%; height: 1px; background: #d4d3d3; left: 0; top: 50%; z-index: 1;}
.custom-btn {display: inline-block; background-color: transparent; font-size: 16px; font-weight: 500; padding: 12px 34px; color: #e02020; border: 2px solid #e02020; border-radius: 30px;}
.custom-btn:hover {background: #e02020; color: #fff; }

header { padding: 5px 40px}
header img{ width: 100px }

.banner-section .carousel-caption { text-align: start; top:38%; width: 38%;}
.banner-section .carousel-caption h1 { color: #e02020; font-size: 42px; margin: 0; line-height: 1.5;}
.banner-section .carousel-indicators [data-bs-target] { background-color: #e02020; width: 10px; height: 10px; border-radius: 50%;}
.banner-section .carousel-control-next, .carousel-control-prev { background: #fff; width: 50px; height: 50px; border-radius: 50%; top: 47%;}
.banner-section .carousel-control-next { right: 4%;}
.banner-section .carousel-control-prev { left: 4%;}
.banner-section .carousel-control-next-icon, .carousel-control-prev-icon { filter: brightness(0); }

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

.features-section { padding: 6% 0; background: #e7e7e7;}
.features-section .feature-card { background: #fff; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; padding: 30px; margin: 0 0 30px 0; transition: all .3s ease-in-out; min-height: 325px;} 
.features-section .feature-card .icon { width: 82px; height: 82px; display: inline-block; margin: 0 auto; border-radius: 50%; border: 2px solid #e02020; padding: 20px; margin: 0 0 20px 0; transition: all .3s ease-in-out;}
.features-section .feature-card:hover .icon { background: #e02020;}
.features-section .feature-card h5 { color: #131313; font-size: 17px; font-weight: 600;}
.features-section .feature-card p { margin: 0; font-size: 15px; line-height: 1.8;}
.features-section .carousel-indicators [data-bs-target] { background-color: #181818; width: 12px; height: 12px; border-radius: 50%;}
.features-section .carousel-indicators { bottom: -30px;}

.mission-vision { padding: 6% 0;}
.mission-vision .mission-card {padding: 30px;box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;margin: 20px 0 0 0;transition: all .2s ease-in-out;min-height: 310px;}
.mission-vision .mission-card:hover {box-shadow: rgba(0, 0, 0, 0.4) 0px 6px 25px;}
.mission-vision .mission-card .icon {margin: 0 0 15px 0;}
.mission-vision .mission-card h5 { color: #e02020; font-size: 18px; font-weight: 600;}
.mission-vision .mission-card p { margin: 10px 0 0 0; font-size: 15px; line-height: 1.8;}

.service-section { padding: 6% 0; background: #e7e7e7;}
.service-section .ser-card {background: rgba(255, 255, 255, .6);padding: 30px;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;margin: 25px 0 0 0;transition: all .3s ease-in-out;border-radius: 10px;min-height: 370px;}
.service-section .ser-card:hover { box-shadow: rgba(100, 100, 111, 0.4) 0px 7px 34px 0px;}
.service-section .ser-card .pic { overflow: hidden; border-radius: 10px;}
.service-section .ser-card .pic img { border-radius: 10px; transition: all .4s ease-in-out;}
.service-section .ser-card:hover .pic img { transform: scale(1.1);}
.service-section .ser-card h4 {text-align: center;margin: 20px 0 0 0;color: #131313;font-size: 17px;line-height: 1.4;}

.achievement { background-image: url(image/Achievement-bg.jpg); background-size: cover; background-position: top; padding: 9% 0;}
.achievement .right-text { background: #e02020; padding: 7%; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; border-radius: 5px;}

.testimonials-section { padding: 6% 0;}

.client-section { padding: 6% 0; background: #e7e7e7;}
.client-section img { filter: grayscale(95%); transition: all .2s ease-in-out;}
.client-section img:hover { filter: grayscale(0);}

.careers-section { padding: 6% 0; background-image: url('image/career-bg.jpg'); background-size: cover;}
.careers-section .career-card { margin: 20px 0 0 0;}
.careers-section .career-card h4 { background: #e02020; padding: 20px 10px; text-align: center; color: #fff; margin: 0; font-size: 18px;}

footer { padding: 5% 0 0 0; background: #e7e7e7; }
footer h4  {color: #e02020; font-size: 20px; margin: 0 0 15px 0; font-weight: 600; line-height: 1.4;}
footer p, footer p a { color: #131313; font-size: 16px; margin: 0 0 10px 0;}
footer p a:hover { color: #e02020;}
footer p i {color: #e02020; margin: 0 10px 0 0;}
footer .form .form-control { border-radius: 10px; margin: 0 0 5px 0; padding: 10px;}
footer .form input[type='button']  {background: #e02020; border-radius: 30px; padding: 10px 30px; color: #fff; border: 0; margin: 10px 0 0 0;}
footer .footer-bottom { background: #2c2c2c; padding: 12px 0; margin: 3% 0 0 0;}
footer .footer-bottom p  {color: #fff; margin: 0;}

.page-title {background: #e7e7e7; padding: 30px 0; border-bottom: 1px solid #dadada;} 
.page-title h2 { color: #e02020; font-size: 27px; margin: 0; font-weight: 600;}

.locations p{ padding: 10px 5px; margin: 0; border-bottom: 1px solid #e7e7e7; display: flex; font-size: 15px;}
.locations p i { color: #08631f; margin: 5px 10px 0 0; font-size: 15px;}

.testimonials-section .testimonial-card { margin: 0 0 20px 0;}
.testimonials-section .testimonial-card .icon i { color: #e02020; margin: 0 0 10px 0;}
.testimonials-section .testimonial-card p { font-weight: 500; line-height: 1.4;}
.testimonials-section .testimonial-card h6 { font-size: 14px; color: #818181; font-weight: 500;}
.testimonials-section .carousel-indicators [data-bs-target] { background-color: #181818; width: 12px; height: 12px; border-radius: 50%;}
.testimonials-section .carousel-indicators { bottom: -40px;}

@media (min-width: 320px) and (max-width: 767px) {
  header { padding: 5px 10px}
  header img{ width: 80px }

  
  .heading { font-size: 27px; margin: 0 0 10px 0;}
  .sub-heading { font-size: 24px; margin: 0 0 15px 0;}
  .custom-btn {font-size: 14px; padding: 10px 24px;}

  .banner-section img { height: 180px; object-fit: cover;}
  .banner-section .carousel-caption { text-align: start; top:10%; width: 40%; left: 10%;}
  .banner-section .carousel-caption h1 { font-size: 21px;}
  .banner-section .carousel-indicators { bottom: -20px;}
  .banner-section .carousel-control-next, .carousel-control-prev { display: none;}

  .testimonials-section { padding: 8% 0;}

  .client-section { padding: 8% 0;}

  .careers-section { padding: 8% 0;}
  .careers-section .career-card h4 { padding: 15px 5px; font-size: 15px;}

  footer p, footer p a { font-size: 15px;}

  .page-title h2 { font-size: 21px;}
}

.form .form-control { margin: 0 0 15px 0; padding: 12px;}
.form input[type='button']  {background: #e02020; border-radius: 30px; padding: 12px 42px; color: #fff; border: 0; margin: 10px 0 0 0;}