@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');
*{  font-family: "Poppins", sans-serif;}
.fa{font-family: "fontawesome";}
a {color: #000; text-decoration:none; }
p{color: #7a7a7a;font-size: 15px;line-height: 26px;} 
b{color: #000;}
section.bnr{padding:0;}
img{max-width:100%;}
.fix-line{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
#divmainenquiry11 .close { position: absolute; right: 14px; font-size: 30px; cursor: pointer;}
.main-table{text-align: justify;}
.main-table li{color: #7a7a7a; font-size: 15px;line-height: 26px;}
/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section {padding: 60px 0;}
  /* background-color */
 .bg-1{background-color:#0C290B;}
 .bg-2{background-color :#fe506c;}
  /* Text-color */
 .cl-1{color:#0C290B;}
 .cl-2{color :#fe506c;}

  /* Font-Size */
 .fs-14{font-size: 14px;}
 .fs-15{font-size: 15px;}
 .fs-18{font-size: 18px;}
 .fs-22{font-size: 22px;}
 .fs-62{font-size: 62px;}
  /* Font-weight */
  .fw-300{font-weight: 300;}
  .fw-500{font-weight: 500;}
  .fw-600{font-weight: 600;}
  .fw-700{font-weight: 700;}
  .fw-800{font-weight: 800;}
  .fw-900{font-weight: 900;}
 /* hm-heading */
 .hm_heading{font-size: 32px;font-weight: 600;margin-top: 5px;line-height: 1.4;color: #0C290B;}
 .sub-heading{font-weight: 700;Font-size: 18px;color:#000;line-height: 34px;/* text-transform:uppercase; */margin:0;text-align: left;position: relative;margin-bottom: 1rem;}
.sub-heading::after {position:absolute;content:'';width: 60px;height: 3px;background: #0C290B;left: 0;bottom: -6px;}

 /* text-justify */
 .text-justify{text-align: justify;}
 /*  */
 .rd-mr{position: relative; display: inline-block;color: #fff; border: 2px solid #fff; border-radius: 30px; font-size: 16px;  padding: 12px 75px 12px 30px; transition: 0.3s linear;}
 .rd-mr span{position: absolute;right: 10px;width: 30px;line-height: 29px;background-color: #fe506c;border-radius: 50%;text-align: center;top: 9px;}
 .rd-mr:hover{background-color: #fe506c;transition: 0.3s linear;color: #fff; }
 .rd-mr:hover span{background-color: #fff;transition: 0.3s linear; color: #fe506c;}
 /*  */
 .rd-mr-one{position: relative; display: inline-block;color: #fff !important; border: 2px solid #fff; border-radius: 10px; font-size: 16px; background-color: #0C290B; padding: 8px 16px;}
 /*--------------------------------------------------------------
# nav-bar
--------------------------------------------------------------*/

.nav-top{} 
.nav-top-detail a{font-size: 14px;color: #fff;font-weight: 500;}


/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

#header{width:100%;z-index:9;/* background-color: #00000087; */}
#header .head-img{position:relative;padding: 5px 0;}
/*--------------------------------------------------------------
# nav-bar
--------------------------------------------------------------*/
.dropdown-toggle{position:relative;}
.nav-item ul li .dropdown-toggle::after{position:absolute;right: 5px; top: 10px;}
/*#MenuControl*/ .navbar.bg-light{background-color: transparent !important; height:100%;}
.nav-link:focus, .nav-link:hover{color: #000;}
.nav-link{font-weight: 500;color: #000;font-size: 15px;}
.nav-fill{width:100%; font-size: 15px;}
.navbar-brand{margin:0;}
.nav-item{position:relative;}

@media (max-width: 1170px){
.navbar-expand-md .navbar-nav .nav-link{padding-right:1px; padding-left: 1px;}
}
@media (max-width: 991px){
#MenuControl, #MenuControl_C, #HeaderControl, #HeaderControl_C, #widgetsControl_C, #widgetsControl{ height: initial !important;}
.navbar-expand-md .navbar-nav .nav-link{font-size: 12px;}
}

@media (max-width: 767px){
.navbar-toggler{background:#eee;}
.navbar.navbar-expand-md{text-align:center;}
.navbar.navbar-expand-md .container-fluid{display:block;}
.nav-fill .nav-item, .nav-fill>.nav-link{text-align:left;}
.navbar-nav>li{ display: block; text-align: left; padding: 4px 0; border-bottom: 1px solid #999; border-right:0; }
.nav-item ul li .dropdown-toggle::after{transform: rotate(90deg);}
.nav-item .nav-link.dropdown-toggle::after {position: absolute; right: 5px; top: 15px;}
.navbar-expand-md .navbar-nav .nav-link{font-size: 14px;padding-right: 5px; padding-left: 5px;}
}


/*--------------------------------------------------------------
# Banner-Section
--------------------------------------------------------------*/
.bnr-sec{position:relative;overflow:hidden;}
.bnr-sec::before{position:absolute;content:'';left:0px;top:0px;right:0px;bottom:0px;z-index:2;background-color: rgb(21 22 22 / 44%);}
.bnr-sec .inner_carousel-caption{position:relative;z-index:10;}

.bnr-sec .carousel-dark .carousel-control-next-icon, .bnr-sec .carousel-dark .carousel-control-prev-icon { filter: invert(0) grayscale(0);}
.bnr-sec .carousel-control-next, .bnr-sec .carousel-control-prev{width: 44px;  height: 44px; opacity: 1; background:transparent;  border-radius: 50%; border: 1px solid #fff;  transition: .3s; z-index: 12;position: absolute; }
.bnr-sec .carousel-control-prev{top: inherit;left: inherit;bottom: 20px;right: 15%;}
.bnr-sec .carousel-control-next{top: inherit;bottom: 20px;right: 11%;}
.bnr-sec .carousel-caption {bottom: 5.25rem;}
.bnr-sec .carousel-caption h2{font-size: 32px;font-weight: 600;margin-bottom: 16px;animation: fadeInRight 2000ms ease-in-out;color: #fff;}
.bnr-sec .carousel-caption h2 span{color:#fff;display: block;font-size: 48px;}
.bnr-sec .carousel-caption .bnr-btn{margin-top:30px; animation: fadeInRight 2000ms ease-in-out;}
.bnr-sec .carousel-dark .carousel-indicators [data-bs-target] { background-color: #fff;width: 22px;height: 22px; border-radius: 50%; border: 1px solid transparent; outline: 3px solid #585858; outline-offset: -12px;}
.carousel-indicators .active {opacity: 1; border: 1px solid #fe506c !important;outline: 4px solid #fe506c !important;}
.bnr-sec .carousel-caption{text-align:left;}
.bnr-sec .carousel-indicators {right: inherit;bottom: 15px;left: 0;}
.bnr-sec .bnr-title {font-size: 18px; font-weight: 500; color: #fff; margin-top: 30px;}
/*bnr-sec*/
/*--------------------------------------------------------------
# about-sec
--------------------------------------------------------------*/
.about-sec p{color: #7a7a7a;text-align: justify;}
.about-Img{position: relative;}
.about-Img .one{position: relative;}
.about-Img .two{position: absolute;top: 45px;left: 36px;right: 0;margin: auto;}

/*--------------------------------------------------------------
# vission-mission-sec
--------------------------------------------------------------*/
.vm-sec{background: url(Image/vm-sec-bg.jpg) no-repeat scroll center center/100% 100%  #000;position: relative;}
.vm-sec::before{content: ""; position: absolute; background-color: #00000098; top: 0; bottom: 0; left: 0; right: 0;}
.vm-item{border: 1px solid #fff; padding:26px;}
.vm-item .fa{font-size: 32px; margin-bottom: 30px;}
.vm-item .heading{font-size: 28px; margin-bottom: 30px;}
.vm-item *{color: #fff;}

/*--------------------------------------------------------------
# choose-sec
--------------------------------------------------------------*/
.choose-sec{}
.choose-sec .heading{font-size: 22px; color: #0C290B; font-weight: 700; text-align: center; margin-bottom: 20px;}
.choose-sec p{color: #7a7a7a;}
.choose-sec img{width: 70px;}
/*--------------------------------------------------------------
# Products-sec
--------------------------------------------------------------*/
.Products-items{}
.Products-items p{padding: 10px 0; color: #000; font-size: 20px; font-weight: 600; text-transform: capitalize;}
.Products-items p span{color: #fe506c;}
/*--------------------------------------------------------------
# quality-sec
--------------------------------------------------------------*/
.quality-sec{padding: 100px 0;background: url(Image/quality-bg.jpg) no-repeat scroll center center/100% 100%  #000;position: relative;}
.quality-sec::before{content: ""; position: absolute; background-color: #000000de; top: 0; bottom: 0; left: 0; right: 40%;}
.quality-sec #carouselExampleControls{padding: 22px 76px 0;}
.quality-sec .carousel-item *{color: #fff;}


/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.footer {background:#0C290B;color: #000;font-size: 14px;padding-bottom: 50px;position: relative;}
.footer .footer-about p {font-size: 14px;}
.footer .social-links a {display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;border-radius: 50%;border: 1px solid color-mix(in srgb,#212529, transparent 50%);font-size: 16px;color: color-mix(in srgb, #212529, transparent 50%);margin-right: 10px;transition: 0.3s;}
.footer .social-links a:hover {color: #2667FF;border-color: #2667FF;}
.footer h4 {font-size: 16px;font-weight: bold;position: relative;padding-bottom: 12px;margin-top: 10px;color: #fff;}
.footer .footer-links {margin-bottom: 30px;}
.footer .footer-links ul {list-style: none;padding: 0;margin: 0;}
.footer .footer-links ul i {padding-right: 2px;font-size: 12px;line-height: 0;}
.footer .footer-links ul li {padding: 10px 0;display: flex;align-items: center;}
.footer .footer-links ul li:first-child {padding-top: 0;}
.footer .footer-links ul a {color: #d1d1d1;display: inline-block;line-height: 1;}
.footer .footer-links ul a:hover {color: #fff;}
.footer .footer-contact p {margin-bottom: 5px;color: #d1d1d1;}
.footer .copyright {padding-top: 25px;padding-bottom: 25px;}
.footer .copyright p {margin-bottom: 0;}
.footer .credits {margin-top: 6px;font-size: 13px;}
/*  */
.top {position: fixed;right: 18px;bottom: 30px;text-align: center;color: #fff;border-radius: 50%;background-color: #0C290B;width: 50px;height: 49px;line-height: 49px;z-index: 999;cursor: pointer;opacity: 0;transition: ease-in 0.5s;display: flex;justify-content: center;align-items: center;}
.top.scll-top {  opacity: 1; transition: ease-in 0.5s;  bottom: 56px;}
.top .fa { display: block !important;}
/*  */

/*--------------------------------------------------------------
# Inner-Banner
--------------------------------------------------------------*/
/*innr-pg-bnnr*/
.otherpagecss #RadDockZone1.container{max-width: 100%;}
.otherpagecss #RadDockZone1.container #HomepagecontentControl_C table{margin-top:0 !important;}
.innr-pg-bnnr{/* padding: 100px 0 0; */width: 100%;background-size: 100% 100%;min-height: 360px;text-align: center;position:relative;margin-bottom: 40px;display: flex;justify-content: center;align-items: center;padding-bottom: 45px;background-attachment: fixed;}
.innr-pg-bnnr:after{content:'';position:absolute;left: 0px;right: 0px;top: -1px;bottom: 0px;width:100%;height:100%;z-index: 0;background: #2424248f;}
.main-table.innr-pg{padding-bottom:50px;}
.innr-pg-bnnr h1{color:#fff;text-align:center;text-transform:uppercase;font-size: 52px;letter-spacing: 2px;font-weight: 800;position:relative;z-index:1;}
/* .innr-pg-bnnr h1:after{content:'';position:absolute;bottom: -4px;margin:0 auto;left:0;right:0;width:100px;height:4px;border-radius:2px;background:#fff;} */
.inner-pages ul, .innr-pg ul{padding:0px; margin-bottom:0;}
.inner-pages li, .innr-pg li {position: relative; list-style: none; padding-left: 30px;}
.inner-pages li:before, .innr-pg li:before{content: "\f101";  position: absolute; font-family: FontAwesome; font-size: 17px; line-height: 30px;    left: 7px;  top: -2px; color: #a2d5f2;}
.innr-pg-bnnr-btm{}
.innr-pg-bnnr-btm a{font-size: 22px;text-transform: uppercase;letter-spacing: 2px; color: #fff; transition: 0.3s linear;}
.innr-pg-bnnr-btm a:hover{color: #0C290B;}
.innr-pg-bnnr-btm a:last-child{color: #fff !important;}
.innr-pg-bnnr-btm img{margin: 0 17px;width: 16px;vertical-align: baseline;}
/*innr-pg-bnnr*/

/*--------------------------------------------------------------
# innr-prd-pg
--------------------------------------------------------------*/
.innr-prd-pg{text-align: center;}
.innr-prd-pg h2{font-size: 19px;font-weight: 600;padding-bottom: 10px;border-bottom: 1px dashed #0C290B;color: #000;}
.innr-prd-pg p{margin-bottom: 4px;}
/*--------------------------------------------------------------
# Industries-items
--------------------------------------------------------------*/
.Industries-items{text-align: center;}
.Industries-items h2{font-size: 19px;font-weight: 600;padding-bottom: 6px;color: #000;}
.Industries-items p{margin-bottom: 4px;}
.Industries-items img{margin-bottom: 12px; width: 70px;}
/*  */
.Industries-sec .carousel-control-next, .Industries-sec .carousel-control-prev {width: 5%;}

#widgetsControl, #widgetsControl_C {height: auto !important;}
.table-responsive {overflow: hidden !important;padding: 0;}
   /*  */
.dropdown-item {font-size: 14px;padding: 2px 12px !important;}
.dropdown-item:focus, .dropdown-item:hover {color: #fff;background-color: #0C290B;}
.dropend .dropdown-menu[data-bs-popper]{left: auto;right: 100%;}
.dropdown-menu {border-radius: 0;}

@media screen and (max-width:768px) {
   .bnr-sec .carousel-caption{display: none;}
   .bnr-sec .carousel-control-prev {right: 27%;}
    .quality-sec::before {top: 0;bottom: 0;left: 0;right: 0;}
}