@import url('https://fonts.googleapis.com/css2?family=Sora:wght@100..800&display=swap');
html { overflow-x: hidden;}
body { margin: 0; padding: 0; font-family: "Sora", sans-serif; overflow-x: hidden;}
p, li {color: #1e1e1e;font-size: 15px;line-height: 1.7;letter-spacing: .3px;margin: 0 0 12px 0;font-family: "Sora", sans-serif;}
.main-table li {color: #1e1e1e;font-size: 16px;line-height: 25px; letter-spacing: .3px; margin: 0 0 10px 0; font-family: "Sora", sans-serif;}
a { text-decoration: none !important; font-family: "Sora", sans-serif;}
h1, h2, h3, h4, h5, h6 { font-family: "Sora", 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: #1e1e1e; 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}

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

.heading p {color: #2c3093;font-size: 19px;font-weight: 600;margin: 0 0 8px 0;}
.heading h2 {font-size: 44px;font-weight: 600;color: #0c0c0c;text-align: left;line-height: 1.2;margin: 0 0 30px 0;}
.heading h2 span { color: #2c3093;}
.custom-btn {display: inline-block;background: #d8d8d8;/* border: 1px solid #67797e; */padding: 18px 40px;border-radius: 7px;text-transform: lowercase;color: #393939;text-transform: uppercase;font-size: 14px;letter-spacing: .6px;font-weight: 400;}
.custom-btn img {width: 11px;margin: -2px 0 0 8px;transition: all .3s ease-in-out;} 
.custom-btn:hover { color: #2c3093;}
.custom-btn:hover img {animation: fade 0.8s linear alternate;}

@keyframes fade {
  49%{ transform: translate(5px); opacity: 0;}
  51%{ opacity: 1; transform: translate(-2px);}
} 

.top-header { padding: 8px 0; background: #ddd;}
.top-header p, .top-header a { color: #1e1e1e; font-size: 13.5px}
.top-header p i { color: #2c3093; font-size: 13px; margin: 0 6px 0 0}
.top-header .social-icon a{ width: 25px; display: inline-block; height: 25px; background: #fff; border-radius: 3px; margin: 0 0 0 5px; line-height: 1.9; padding: 0 7px}
.top-header .social-icon a i { font-size: 12.5px}
.top-header .social-icon a .fa-facebook { padding: 0 3px}

header img { padding: 6px 0;}

.banner-section { padding: 10% 0; background-image: url('image/banner-img.jpg'); background-size: cover; position: relative; overflow: hidden;}  
.banner-section .pattern {position: absolute;top: 0px;right: -50px;opacity: .18;animation: bounce-x 8s infinite linear;}
.banner-section .pattern1 {position: absolute;bottom: -140px;left: -60px;opacity: .15;animation: bounce-x 10s infinite linear;}
.banner-section .pattern1 img { transform: rotate(180deg)}
.banner-section .left-text { position: relative; z-index: 2; animation: fadeInUp 1.5s ease-in-out 200ms both;}
.banner-section h6 {background: #ffffff47;padding: 12px 20px;border-radius: 20px;font-size: 14px;color: #ffffff;display: inline-block;line-height: 1;margin: 0 0 20px 0;letter-spacing: .5px;font-weight: 400;}
.banner-section h6 img {width: 13px;margin: -2px 7px 0 0;}
.banner-section h1 { color: #fff; font-size: 54px; font-weight: 700; margin: 0 0 30px 0;}
.banner-section p { color: #efefef; margin: 0 0 30px 0}
.banner-section .custom-btn {background: #fff;}

@keyframes bounce-x {
  0% { transform: translateX(0);}
  50% { transform: translateX(30px);}
  100% { transform: translateX(0);}
}

@keyframes fadeInUp {
    0% {
      opacity: 0;
      transform: translate3d(0, 15%, 0);
    }
  
    100% {
      opacity: 1;
      transform: none;
    }
}

.partners {box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;margin: 0 0 1% 0;}
.partners .container-fluid { padding: 0 ;}
.partners h4 {background: #2c3093;text-align: center;font-size: 28px;color: #fff;font-weight: 600;letter-spacing: .5px;padding: 45px 0;position: relative;margin: 0;} 
.partners h4::after {content: "";position: absolute;right: 0;width: 0;height: 100%;border-top: 60px solid transparent;border-bottom: 62px solid transparent;border-right: 50px solid rgb(255 255 255);top: 0;}
.partners .item { display: inline-block; margin: 0 40px;}
.partners .item img { width: 140px;}

.about-section { padding: 8% 0;}
.about-section .left-pic { position: relative;}
.about-section .left-pic .about-pic { position: relative; z-index: 2; border-radius: 5px;}
.about-section .left-pic .pattern img{ position: absolute; height: 80%; right: -30px; margin: auto 0; top: 0; bottom: 0;}
.about-section .left-pic .text {position: absolute;background: #2c309394;padding: 30px;bottom: -20px;left: -20px;z-index: 2;border-radius: 5px;backdrop-filter: blur(3px);}
.about-section .left-pic .text p {margin: 0;font-size: 18px;font-weight: 500;color: #fff;line-height: 1.2;}
.about-section .left-pic .text p span {font-size: 52px;font-weight: 800;-webkit-text-stroke-width: 1px;stroke-width: 1px;-webkit-text-stroke-color: rgb(255 255 255 / 100%);stroke: rgba(255, 255, 255, 1);color: #2c309300;letter-spacing: .8px}

.about-section {padding: 7% 0 8% 0; position: relative; overflow: hidden;}
.about-section .about-img { position: relative;}
.about-section .about-img::after {position: absolute;content: '';width: 200px;height: 200px;right: 3%;top: -8%;background-image: url(image/shape1.png);background-repeat: no-repeat;z-index: 2;opacity: .6;}
.about-section .about-img .about1 img{width: 75%;border-radius: 5px;position: relative;z-index: 1;}
.about-section .about-img .about1 img:hover { filter: grayscale(80);}
.about-section .about-img .text {position: absolute;z-index: 4;bottom: 60px;left: -110px;background: #2c3093;padding: 20px 25px;border-radius: 5px;transform: rotate( 270deg);}
.about-section .about-img .text h3 {font-size: 52px;font-weight: 800;letter-spacing: .5px;color: #49494900;-webkit-text-stroke-width: 1px;stroke-width: 1px;-webkit-text-stroke-color: rgb(255 255 255);stroke: rgba(255, 255, 255, .1);margin: 0;letter-spacing: .3px;}
.about-section .about-img .text p {color: #ffffff;font-size: 16px;margin: 0;padding: 0 0 0 18px;line-height: 1.4;}
.about-section .content p:first-child { color: #111111;}
.about-section .content p:nth-child(2){padding: 0 0 30px 0;border-bottom: 1px solid #d2d2d2;}

.repair-overhaul {padding: 7% 0;background-image: linear-gradient(45deg, #ddd, #ddd); position: relative;overflow: hidden;}
.repair-overhaul .pattern {position: absolute;top: -150px;left: -50px;opacity: .09; }
.repair-overhaul .pattern img {transform: rotatey(200deg);}
.repair-overhaul .img-right img { border-radius: 10px;}
.repair-overhaul .repair-bx {margin: 3% -25% 0 0; position: relative; z-index: 2;}
.repair-overhaul .repair-card {background: #fff;padding: 30px;border-radius: 6px;margin: 15px 0 0 0;}
.repair-overhaul .repair-card .icon { width: 45px; height: 45px; background: #2c3093; padding: 10px; border-radius: 50%; position: relative; margin: 6px;}
.repair-overhaul .repair-card .icon img { position: relative; z-index: 2;}
.repair-overhaul .repair-card .icon::after {content: '';position: absolute;width: 57px;height: 57px;background: #2c3093;top: -6px;left: -6px;opacity: .5;border-radius: 50%;}
.repair-overhaul .repair-card h4 {color: #0c0c0c;font-size: 17px;margin: 30px 0 10px 0;}
.repair-overhaul .repair-card p {font-size: 14px;margin: 0 0 5px 0;line-height: 1.6;letter-spacing: 0;}
.repair-overhaul .repair-card a { color: #2c3093; font-size: 14px; font-weight: 500; transition: all .3s ease-in-out;}
.repair-overhaul .repair-card a:hover { letter-spacing: 1.5px;}
.repair-overhaul .carousel-indicators { bottom: -12%; justify-content: start; margin: 0}
.repair-overhaul .carousel-indicators [data-bs-target] {background-color: #060606; }

.counts { background-image: url(image/counter-bg.jpg); background-size: cover; background-attachment: fixed; padding: 6% 0;} 
.counts .count-bx .icon {width: 65px;height: 65px;background: #ffffff;padding: 13px;border-radius: 50%;position: relative;margin: 6px auto;}
.counts .count-bx .icon::after {content: '';position: absolute;width: 77px;height: 77px;background: #ffffffb2;top: -6px;left: -6px;opacity: .5;border-radius: 50%;}
.counts .count-bx .icon img { position: relative; z-index: 2;}
.counts .count-bx h2 { color: #fff; font-size: 40px; font-weight: 600; margin: 25px 0 5px 0;}
.counts .count-bx p { color: #f5f5f5; font-size: 18px; margin: 0;}

.product-services {padding: 7% 0;position: relative;overflow: hidden;}
.product-services .pattern {position: absolute;top: -60px;right: -100px;opacity: .2; animation: bounce-x 8s infinite linear;}
.product-services .nav-pills .nav-link {text-align: start;padding: 15px;border-bottom: 1px solid #ffffff4d;border-radius: 0;font-size: 18px;color: #ffffff;}
.product-services .nav-pills .nav-link.active, .product-services .nav-pills .show>.nav-link {background: none;color: #2c3093;/* border-bottom: 1px solid #ffffff; *//* font-weight: 600; */background: #fff;border-radius: 6px;}
.product-services .tab-pane img { border-radius: 10px;}
.product-services .tab-pane .pic { position: relative; border-radius: 10px; overflow: hidden}
.product-services .tab-pane .pic .text {position: absolute;bottom: 0;left: 0;padding: 35px;background: #2c3093c4;backdrop-filter: blur(2px);} 
.product-services .tab-pane .pic .text h4 { color: #fff; text-transform: uppercase; font-weight: 600; font-size: 21px; letter-spacing: 1px}
.product-services .tab-pane .pic .text p { color: #f6f6f6; margin: 0}
.product-services .tab-pane .pic .text p a { color: #fff}
.product-services .left-tabs {background: #2c3093;border-radius: 10px;padding: 20px;}

.certifications-approvals { padding: 6% 0 8% 0; background: #ddd; background-image: url('image/pattern-3.jpg'); background-size: cover;}
.certifications-approvals .certificate { padding:30px 35px 20px 35px;}
.certifications-approvals .certificate img { margin: 0 0 20px 0; border-radius: 6px;}
.certifications-approvals .certificate p { font-size: 14px; margin: 0;}

.cta-card {background: #2c3093;padding:60px 40px;border-radius: 10px;margin: -7% 0 0 0;z-index: 2;position: relative;overflow: hidden;}
.cta-card::after {content: '';position: absolute;background: #fff;width: 100px;height: 300px;left: 10%;bottom: 30%;border-radius: 60px;transform: rotate(45deg);opacity: 0.08;}
.cta-card::before {content: '';position: absolute;background: #fff;width: 60px;height: 300px;left: 27%;bottom: 51%;border-radius: 40px;transform: rotate(45deg);opacity: 0.09;}
.cta-card .call { padding:15px 40px; position: relative; z-index: 2;}
.cta-card .call .icon { margin: 10px 20px 0 0;}
.cta-card .call .icon img { width: 50px;}
.cta-card .call .text p {color: #fff; font-size: 18px; margin: 0 0 5px 0;}
.cta-card .call .text h4 {color: #fff; font-size: 22px;}
.cta-card .whatsaap {padding:15px 40px;border-left: 3px solid #ffffffa1;}
.cta-card .whatsaap h3 { color: #fff; font-size: 30px; margin: 0; font-weight: 600; letter-spacing: .5px;}
.cta-card .whatsaap a { display: inline-block; background: #fff; color: #2c3093; padding: 18px 42px; font-size: 15px; font-weight: 600; border-radius: 30px;}

footer {background: #111111;position: relative;overflow: hidden; margin-top: 40px;}
footer .footer-top { padding: 50px 0; border-bottom: 1px solid #ffffff18;}
footer .pattern {position: absolute;bottom: -140px;left: -60px;opacity: .15;animation: bounce-x 10s infinite linear;}
footer .pattern img { transform: rotate(180deg)}
footer h4 { color: #fff; font-size: 20px; font-weight: 700; margin: 0 0 12px 0;}
footer p, footer p a {color: #d5d5d5;font-size: 14px;margin: 0 0 10px 0;font-weight: 300;}
footer p a:hover {color: #ffffff;}
footer p i { color: #fff; margin: 0 5px 0 0;}
footer .footer-bottom {margin: 4% 0 0 0; border-top: 1px solid #ffffff18; padding: 25px 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: 18px; margin: 0 0 4px 0; font-weight: 600;} 
footer .contact-details .text p { color: #c9c9c9; margin: 0; font-size: 14px;}
footer .contact-details hr { background-color: #ffffffab;}
footer .social-icon a {position: relative;color: #fff;background: rgba(255, 255, 255, .1);font-size: 19px;width: 50px;height: 50px;margin: 0 5px;display: inline-block;border-radius: 50%;text-align: center;line-height: 2.8;transition: all .3s ease-in-out;font-size: 17px;}
footer .social-icon a i { position: relative; z-index: 3;}
footer .social-icon a:hover {color: #212121;background: #fff;}