@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');
body { margin: 0; padding: 0; font-family: "Outfit", sans-serif; overflow-x: hidden;}
p, li {color: #33404c;font-size: 15px;line-height: 26px;font-weight: 400; margin: 0 0 12px 0;font-family: "Outfit", sans-serif;}
.main-table li {color: #33404c;font-size: 16px;line-height: 25px;margin: 0 0 10px 0;font-family: "Outfit", sans-serif;}
a { text-decoration: none !important; font-family: "Outfit", sans-serif;}
h1, h2, h3, h4, h5, h6 { font-family: "Outfit", 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: #33404c;f;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}

#HomepagecontentControl, #HomepagecontentControl_C { min-height: 200px !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-top: -10px}
}

.dropdown-menu li { margin: 0}

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

.heading { font-size: 37px; font-weight: 700; letter-spacing: .5px; color: #33404c; margin: 0 0 10px 0;} 
.heading1 {  font-size: 32px; font-weight: 700; letter-spacing: .5px; color: #33404c; margin: 0 0 10px 0; line-height: 1.3;}
.heading1 span { color: #ff4a17;}
.sub-heading { font-size: 24px; font-weight: 600; letter-spacing: .5px; color: #33404c; margin: 0 0 20px 0; border-bottom: 1px dashed #c3c3c3; padding: 2px 0;}
.sub-heading1 { font-size: 15px; font-weight: 400; letter-spacing: .5px; color: #fff; margin: 0 0 15px 0; display: inline-block; padding: 10px 25px; background: #33404c; text-transform: uppercase; letter-spacing: 1px;}
.sub-heading2 { font-size: 24px; font-weight: 600; color: #33404c; margin: 0 0 10px 0; display: inline-block;}
.title { font-size: 17px;}

.top-header { background: #33404c; padding: 8px 0;}
.top-header a { color: #e2e2e2; font-size: 14px;}
.top-header a i { color: #fff; font-size: 13px; margin: 0 4px 0 15px;}

header img {width: 140px;padding: 5px 0;}

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

.service-section { padding: 5% 0; background: #e0e0e0;}

.flip-card {background-color: transparent;/* width: 400px; */height: 300px;border: 1px solid #f1f1f1;perspective: 1000px;border-radius: 10px;margin: 0 0 30px 0;}
.flip-card-inner {position: relative;width: 100%;height: 100%;text-align: center;transition: transform 0.8s;transform-style: preserve-3d;border-radius: 10px; }
.flip-card:hover .flip-card-inner {transform: rotateY(180deg);}
.flip-card-front img{width: 100%; height: 100%;border-radius: 10px; }
.flip-card-front, .flip-card-back {position: absolute;width: 100%;height: 100%;-webkit-backface-visibility: hidden; backface-visibility: hidden;border-radius: 10px; }
.flip-card-front {background-color: #bbb;color: black;}
.flip-card-back {background-color: #33404c;color: white;transform: rotateY(180deg);display: flex;justify-content: center;align-items: center;padding: 30px;}
.flip-card-back h4 { color: #ff4a17}
.flip-card-back p { color: #fff}

.why-choose { padding: 5% 0;}
.why-choose .why-choose-bx {padding: 40px 20px;text-align: center;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;border-radius: 15px;margin: 20px 0 0 0;}
.why-choose .why-choose-bx .icon { position: relative;}
.why-choose .why-choose-bx .icon::after {content: '';position: absolute;width: 60px;height: 60px;background: #dbdbdb;border-radius: 50%;left: 36%;top: 5px;}
.why-choose .why-choose-bx .icon img {width: 64px;margin: 0 0 18px 0;position: relative;z-index: 2;}
.why-choose .why-choose-bx h4 {font-size: 20px;margin: 0;}

.counts {padding: 5% 0;background: #33404c;}
.counts .count-bx {padding: 30px;background: #fff;border-radius: 10px;text-align: center;}
.counts .count-bx img { width: 65px; margin: 0 0 12px 0;}
.counts .count-bx h2 {text-align: center; font-size: 30px; font-weight: 600; margin: 0 0 2px 0}
.counts .count-bx p {margin: 0;font-weight: 500; text-align: center;} 

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

.client-testimonials { padding: 0 0 5% 0;}

.testimonial{ padding: 5% 0; background: #e0e0e0;}
.testimonial_cont{background-color: #fff; padding: 20px;border-radius: 6px; margin: 30px 5px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; min-height: 250px;}
.testimonial_cont .pic { width: 75px; height: 75px; margin: 0 10px 0 0;}
.testimonial_cont .pic img { border-radius: 50%; border: 1px solid #ddd;}
.testimonial_cont .text { width: 78%;}
.testimonial_cont .text h4{ margin: 5px 0 0 0; font-size: 19px;}
.testimonial_cont .fa-quote-left{color: #34404b2e; font-size: 40px; margin-right: 10px;}
.testimonial_cont_p{font-size: 16px;color: #2a2a2ac2;text-align: justify;}
.testimonial_cont .fa-star{color: #f1bb07; font-size: 16px;}
.testimonial_cont .testimonial_img img{width: 80px; border: 2px solid #bac8c8; border-radius: 50%;}
.testimonial .carousel-control-prev{ color: #33404c;position: absolute; left: -103px; font-size: 40px;font-weight:700;opacity: 1;}
.testimonial .carousel-control-next{ color: #33404c;position: absolute; right: -103px; font-size: 40px;font-weight:700;opacity: 1;}
.testimonial .carousel-control-prev:hover, .testimonial .carousel-control-next:hover{ color: #33404c;opacity: 1;}

footer { padding: 5% 0 0 0; background: #33404c}
footer h4 {color: #fff; font-size: 16px; text-transform: uppercase; font-weight: 500; margin: 0 0 25px 0; letter-spacing: 1px; position: relative;}
footer h4::after { content: ''; position: absolute; width: 40px; height: 3px; border-radius: 3px; background: #ff4a17; left: 0; bottom: -10px;}
footer p, footer p a {color: #e2e2e2; font-size: 14px; margin: 0 0 4px 0; font-weight: 300;}
footer p a:hover {color: #fff;}
footer p i { color: #fff; margin: 0 5px 0 0; font-style: 13px;}
footer .footer-bottom {margin: 2% 0 0 0;border-top: 1px solid rgba(204, 204, 204, .3);padding: 10px 0;}
footer .footer-bottom p { margin: 0;}

.about-banner { background-image: url('image/about-banner.jpg'); background-size: cover; padding: 7% 0;}
.about-banner h2 { font-size: 40px; font-weight: 600; margin: 0 0 5px 0;}
.about-banner a, .about-banner p { color: #33404c; text-transform: uppercase; font-size: 14px; font-weight: 400; margin: 0; }
.about-banner p i { margin: 0 10px;}

.services-banner { background-image: linear-gradient(65deg, #ff4a17, #33404c); padding: 4% 0;}
.services-banner h2 { font-size: 40px; font-weight: 600; margin: 0 0 10px 0; color: #fff; text-align: center; text-transform: uppercase; letter-spacing: .7px;}
.services-banner p, .services-banner p a { color: #f0f0f0; font-weight: 400; margin: 0; text-align: center; letter-spacing: .4px;}
.services-banner p i { margin: 4px 7px;}

.service-page .accordion-button { font-size: 18px; font-weight: 500;}
.service-page .accordion-button:not(.collapsed) { background: #e2e2e2; color: #ff4a17; font-size: 18px; font-weight: 500;}
.service-page .accordion-button::after { filter: brightness(0) !important;}
.service-page .accordion-button:focus { box-shadow: none;}
.service-page .accordion-body ul {list-style-image: url(image/right-arrow.png);}
.service-page .accordion-body ul li {font-size: 15px;margin: 0 0 5px 0;}
.service-page table thead { background: #33404c;}
.service-page table thead th { color: #fff; font-weight: 500; font-size: 15px;}
.service-page table td { font-size: 14px;}

.contact-page .contact-info { margin: 0 0 5px 0; font-size: 16px;}
.contact-page .contact-info a{color: #ff4a17; display: inline-block; margin: 0 0 0 5px;}
.contact-page .contact-form {padding: 40px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.contact-page .contact-form .form-control { padding: 13px; margin: 0 0 15px 0;}
.contact-page .contact-form input[type='button'] { background: #ff4a17; padding: 10px 34px; color: #fff; border: 0; font-size: 16px; border-radius: 5px;}

@media (min-width: 320px) and (max-width: 767px) { 
  .heading { font-size: 28px;} 
  .heading1 {  font-size: 24px;}
  .sub-heading { font-size: 21px; margin: 0 0 18px 0;}
  .sub-heading1 { font-size: 15px;}
  .sub-heading2 { font-size: 20px;}
  
  header img {width: 108px;padding: 5px 0;}

  .counts .count-bx {padding: 20px; margin: 0 0 12px 0;}
  .counts .count-bx img { width: 45px; margin: 0 0 12px 0;}
  .counts .count-bx h2 { font-size: 21px;}
  .counts .count-bx p { line-height: 1.4;} 

  .testimonial_cont{ padding: 20px; margin: 15px 5px; min-height: 200px;}
  .testimonial .carousel-control-prev{ left: 10px;}
  .testimonial .carousel-control-next{ right: 10px;}

  footer h4 { margin: 30px 0 20px 0;}

  .about-banner h2 { font-size: 27px;}
  .about-banner a, .about-banner p { font-size: 12px; font-weight: 400; margin: 0; }

  .services-banner { padding: 8% 0;}
  .services-banner h2 { font-size: 27px; margin: 0 0 10px 0;}

  .service-page .accordion-button { font-size: 15px;}
  .service-page .accordion-button:not(.collapsed) {font-size: 15px;}
  .service-page table td { font-size: 13px;}

  .contact-page .contact-form input[type='button'] { font-size: 14px;}

}

.rd-mr .main-btn {line-height: 54px;font-size: 18px;font-weight: 700;border-radius: 35px;border: none;cursor: pointer;padding: 0 30px;background-color: #14212b;color: #fff;-webkit-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;position: relative;z-index: 2;display: inline-block;}
.rd-mr .main-btn:after {position: absolute; right: 15px; top: 6px; bottom: 6px; background-color: #ff4a17; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; content: ""; z-index: -1; width: 62px; border-radius: 30px;}
.rd-mr .main-btn:hover{color: #fff;}
.rd-mr .main-btn:hover:after {width: 100%; top: 0; bottom: 0; right: 0;}