@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap');

body { margin: 0; padding: 0; font-family: "Nunito Sans", sans-serif; overflow-x: hidden; color: #343434}
p, li{color: #343434;font-size: 16px;font-weight: 500;line-height: 27px;margin: 0 0 15px 0;font-family: "Nunito Sans", sans-serif;letter-spacing: .3px;}
.main-table li {color: #343434;font-size: 16px;line-height: 25px;margin: 0 0 8px 0;font-family: "Nunito Sans", sans-serif;}
a { text-decoration: none !important; font-family: "Nunito Sans", sans-serif;}
h3, h4, h5, h6 { font-family: "Nunito Sans", sans-serif; color: #343434}
h1, h2 { font-family: "Archivo Black", 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: #2b2b2b;font-size: 14px;font-weight: 600;text-transform: uppercase;letter-spacing: .3px;}
#MenuControl .nav-fill{ width:100%;}
#MenuControl .bg-light {background: #fff!important;height: 100%;margin: 0 2% 0 0;padding: 0;}
/* .navbar-nav.nav-fill > li:last-child{margin: 0 -9px;padding: 0 5px !important;background-color: rgb(215 32 40);}
.navbar-nav.nav-fill > li:last-child a { color: #fff !important} */

#HomepagecontentControl_C { margin-top: -21px}

#HeaderControl, #HeaderControl_C { height: 120px !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:90px !important;}

center #form1 #HeaderControl{/* background: #f9f7f4; */position: relative}
center #form1 #MenuControl{background: #f9f7f4 !important;}
center #form1 #MenuControl .nav-link {color: #343434;text-shadow: none !important;}

@media (min-width: 320px) and (max-width: 768px ){ 
  .navbar-toggler { position: absolute; right: 15px; top: -60px; background: #fff}
  #HeaderControl, #HeaderControl_C {background: #f3f3f3;}
  .navbar-collapse {background: #dfdfdf;margin-top: -8px;}
  #MenuControl, #MenuControl_C { height: 0 !important}
}

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

.heading { font-size: 38px; color: #0f6eb1; font-weight: 600; margin: 0 0 20px 0;}
.sub-heading {font-size: 27px;background: #0f6eb1;color: #fff;font-weight: 600;margin: 0 0 20px 0;padding: 8px 15px;}
.custom-btn { border: 1px solid #020202; color: #020202; display: inline-block; font-size: 14px; padding: 10px 24px; border-radius: 30px; text-transform: uppercase; letter-spacing: 2px;} 
.custom-btn:hover { color: #0f6eb1; border-color: #0f6eb1;}
.title {color: #0f6eb1;font-size: 23px;font-weight: 700;margin: 0 0 15px 0;}
.title1 {color: #072f62;font-size: 21px;font-weight: 700;margin: 25px 0 10px 0;}
.bg1 { background: #ebebeb;}

.top-header {padding: 5px 0;background: #020202;}
.top-header a {color: #ddd;font-size: 14px;}
.top-header i { color: #0f6eb1; font-size: 14px; margin: 0 3px 0 20px}

.banner-section .carousel-caption { bottom: 5%;}
.banner-section .carousel-caption h1 { color: #fff; font-size: 50px; font-weight: 600; letter-spacing: .5px; text-shadow: 3px 3px 3px #131313a6; margin: 0 0 20px 0;}
.banner-section .carousel-caption p { color: #fff; font-style: italic; font-size: 28px;}

.about-section { padding: 5% 0;}
.about-section .about-pic { position: relative;}
.about-section .about-pic::after {content: '';position: absolute;width: 90%;height: 90%;background: #e9e9e9;left: -7%;bottom: -7%;border-radius: 5px;}
.about-section .about-pic img {position: relative;z-index: 2;margin: 15px 0 0 0;border: 1px solid #c7c7c7;border-radius: 5px;padding: 15px;background: #fff;width: 100%;height: 220px;box-shadow: rgb(100 100 111 / 14%) 0px 7px 29px 0px;}

.product-section { background-image: url('image/product-bg.jpg'); background-size: cover; padding: 5% 0;}
.product-section .carousel-control-next { width: 5%; right: -5%;}
.product-section .carousel-control-prev { width: 5%; left: -5%;}
.product-section .product-card { margin: 20px 0 0 0;box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px, rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px inset;transition: all .3s ease-in-out}
.product-section .product-card:hover { transform: translate(0, -8px)}
.product-section .product-card .product-img { padding: 20px; background: #fff; overflow: hidden}
.product-section .product-card .product-img img { transition: all .3s ease-in-out;}
.product-section .product-card:hover .product-img img { transform: scale(1.1)}
.product-section .product-card .product-content {padding: 20px;background: #0f6eb1;height: 100%;}
.product-section .product-card .product-content h4 {color: #fff;font-size: 20px;margin: 0;font-weight: 700;letter-spacing: .8px;}
.product-section .product-card .product-content hr {background-color: #fff; margin: 10px 0}
.product-section .product-card .product-content a { color: #e9e9e9 ; font-size: 15px} 
.product-section .product-card .product-content a:hover { color: #fff}

.why-choose-us {padding: 5% 0;background: #ebebeb;}
.why-choose-us .why-choose {background: #fff;margin: 20px 0 0 0;padding:40px 15px 30px 15px;border-radius: 5px;box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px, rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px inset;transition: all .3s ease-in-out}
.why-choose-us .why-choose:hover { transform: translate(0, -8px)}
.why-choose-us .why-choose img { width: 60px; margin: 0 0 25px 0;}
.why-choose-us .why-choose h4 { color: #111111; font-size: 18px; margin: 0; font-weight: 600; letter-spacing: .2px; line-height: 1.3;}

.industries-section { padding: 5% 0;}
.industries-section .industry-card { margin: 15px 0 0 0; position: relative; border-radius: 5px; overflow: hidden;}
.industries-section .industry-card .industry-img img { filter: brightness(95%); transition: all .4s ease-in-out;}
.industries-section .industry-card:hover .industry-img img { transform: scale(1.1);}
.industries-section .industry-card .industry-name { position: absolute; z-index: 2; left: 10px; right: 10px; bottom: 10px;}
.industries-section .industry-card .industry-name h5 {background: #18181899; backdrop-filter: blur(2px);margin: 0;padding: 16px;border-radius: 5px;color: #ffffff;font-size: 17px;letter-spacing: .8px;font-weight: 600;}

.about-founder { background-image: url('image/product-bg.jpg'); background-size: cover; padding: 5% 0;}
.about-founder p { color: #d8d8d8; font-weight: 400;}
.about-founder .custom-btn { color: #fff; border-color: #fff} 
.about-founder .left-pic, .about-founder1 .left-pic { position: relative;}
.about-founder .left-pic img, .about-founder1 .left-pic img { position: relative; z-index: 2}
.about-founder .left-pic::after, .about-founder1 .left-pic::after {content: '';position: absolute;width: 100%;height: 110%;background: #0f6eb1;top: -5%;right: -5%;}

.contact-section { padding: 5% 0;}
.contact-section .right-img img { box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px, rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px inset; border-radius: 5px;}
.contact-section .form-control { margin: 18px 0 0 0; padding: 12px;}
.contact-section input[type='button'] {border: 0;background: #072f62;color: #fff;text-transform: uppercase;letter-spacing: 1.2px;padding: 11px 26px;border-radius: 30px; transition: all .2s ease-in-out}
.contact-section input[type='button']:hover { background: #0f6eb1; box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px, rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px inset; transform: translate(0, -2px)}

footer {background: #141414;}
footer .footer-social-icons {background: #0f6eb1;padding: 20px 0;}
footer .footer-social-icons p { margin: 0}
footer .footer-social-icons p {color: #fff;font-size: 20px;letter-spacing: .8px;margin: 0;}
footer .footer-social-icons a i {display: inline-block;width: 45px;height: 45px;background: #fff;margin: 0 1px;border-radius: 50%;color: #072f62;font-size: 15px;line-height: 3;transition: all .2s ease-in-out;} 
footer .footer-social-icons a i:hover { transform: translate(0, -2px); box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
footer .footer-links { padding: 4% 0 0 0;}
footer h4 {color: #fff;font-size: 21px;font-weight: 600;margin: 0 0 14px 0;letter-spacing: .5px;}
footer p, footer p a {color: #bbbbbb;font-size: 14px;margin: 0 0 5px 0;line-height: 24px;}
footer p a:hover { color: #0f6eb1;}
footer .footer-bottom {margin: 3% 0 0 0;border-top: 1px solid rgba(204, 204, 204, .4);padding: 15px 0;}
footer .footer-bottom p { margin: 0;}
footer p i { color: #ffffff; margin: 0 5px 0 0}
footer .social-icon a {position: relative;color: #fff;background: rgba(255, 255, 255, .1);font-size: 13px;width: 35px;height: 35px;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: #6cc046; 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 { background-image: url('image/inner-banner.jpg'); background-size: cover; padding: 6% 0; background-position: center;} 
.inner-banner h1 {display: inline-block;background: #18181899;backdrop-filter: blur(2px);margin: 0;padding: 12px 24px;color: #ffffff;font-size: 34px;letter-spacing: 1.2px;font-weight: 600;border-radius: 2px;}

.breadcrumb { padding: 16px 0}
.breadcrumb p { margin: 0; font-size: 17px; font-weight: 700}
.breadcrumb p img { width: 14px; margin: -4px 6px 0 0 }
.breadcrumb p a { color: #0f6eb1;}

.inner-page ul { list-style-image: url('image/right.png');}

.product-page thead { background: #0f6eb1; color: #fff; font-size: 17px;}

@media (min-width: 320px) and ( max-width: 1024px) { 
  p, li{ font-size: 15px; line-height: 25px; margin: 0 0 15px 0;}
  .main-table li { font-size: 15px;line-height: 24px;}

  .heading { font-size: 30px; }
  .sub-heading {font-size: 27px;}
  .custom-btn { font-size: 13px; padding: 9px 24px 8px 24px;} 
  .title { font-size: 21px; }
  .title1 { font-size: 18px; }

  .top-header {padding: 4px 0;}

  .banner-section .carousel-item img { min-height: 280px; object-fit: cover;}
  .banner-section .carousel-caption h1 { font-size: 25px; margin: 0 0 10px 0;}
  .banner-section .carousel-caption p { font-size: 18px; margin: 0;}

  .about-section { padding: 5% 0;}
  .about-section .about-pic { margin: 0 0 40px 0;}
  .about-section .about-pic::after { left: -2%;bottom: -2%;}
  .about-section .about-pic img { height: 200px;}

  .product-section .carousel-control-next { width: 5%; right: -4%;}
  .product-section .carousel-control-prev { width: 5%; left: -4%;}
  .product-section .product-card { margin: 10px 0 0 0;}
  .product-section .product-card .product-content { padding: 12px;}
  .product-section .product-card .product-content h4 { font-size: 17px;}
  .product-section .product-card .product-content hr { margin: 8px 0}
  .product-section .product-card .product-content a { font-size: 14px} 

  .why-choose-us .col {flex: 60% !important;margin: 0 0 17px 0;}
  .why-choose-us .why-choose {margin: 20px 0 0 0; padding:25px 10px;}
  .why-choose-us .why-choose img { width: 60px; margin: 0 0 25px 0;}
  .why-choose-us .why-choose h4 { font-size: 16px; }

  .about-founder .left-pic, .about-founder1 .left-pic { position: relative; margin: 20px 0 0 0}
  .about-founder .left-pic::after, .about-founder1 .left-pic::after { top: -2%;right: -2%; height: 104%}

  .inner-banner { padding: 12% 0;} 
  .inner-banner h1 { padding: 10px 14px; font-size: 24px;}

  .breadcrumb { padding: 14px 0; margin: 0;}
  .breadcrumb p { margin: 0; font-size: 15px;}
  .breadcrumb p img { width: 12px;}

  .product-page thead { font-size: 15px;}
}

@media (min-width: 1025px) and ( max-width: 1440px) { 
  .heading { font-size: 30px;}
  .sub-heading {font-size: 21px;}
  
  .banner-section .carousel-caption h1 { font-size: 40px;}
  .banner-section .carousel-caption p { font-size: 24px;}

  .product-section .product-card .product-content { padding: 16px;}
  .product-section .product-card .product-content h4 { font-size: 18px; font-weight: 600;letter-spacing: .5px;}

  .why-choose-us .why-choose { padding:30px 12px;}
  .why-choose-us .why-choose h4 { color: #111111; font-size: 16px;}

  .contact-section input[type='button'] { font-size: 14px;}
 
  .inner-banner h1 { font-size: 28px;}
}