@import url('https://fonts.googleapis.com/css2?family=Jost&display=swap');
:root {
  --white-color: #fff;
  --black-color: #000;
  --theme-font: 'Jost', sans-serif;
  --theme-bg-color: #163260;
  --green-bg-color: #50BBB2;
  --green-color: #50BBB2;
  --font-text-color: #828282;
  --product-name-list-color: #3a3a3a;
  --product-price-list-color: #333;
  --product-discount-price-list-color: #999;
  --input-label-color: #333;
}
body{margin: 0;padding: 0;}
*{box-sizing: border-box;}
.mb-0{margin-bottom: 0px;}
.mb5{margin-bottom: 5px !important;}
.mb-10{margin-bottom: 10px;}
.mb-20{margin-bottom: 20px;}
.mb-25{margin-bottom: 25px;}
.mb-30{margin-bottom: 30px;}
.mb-40{margin-bottom: 40px;}
.mb-50{margin-bottom: 50px;}
.mb-60{margin-bottom: 60px;}
section{padding: 20px 0px;}
.howitworks-section{padding: 20px 0px 10px 0px;}
.w-100{width: 100%;}
.curs-disable{cursor: default;user-select: none;}
button:focus:not(:focus-visible){outline: none !important;}
.signup-right{float: right;}
.navbar-toggler:focus{box-shadow: none !important;}
.navbar-expand-lg .navbar-nav{visibility: hidden;}
.navbar-light .navbar-toggler{visibility: hidden;}
.text-anchor{color: var(--font-text-color);font-family: var(--theme-font);}
.text-anchor:hover{color: var(--font-text-color);}
.main-button{background: var(--green-bg-color);color: var(--white-color);font-family: var(--theme-font); border-radius: 4px;padding: 6px 20px 7px 20px;border: 1px solid var(--green-bg-color);text-decoration: none;}
.main-button:hover{border: 1px solid var(--green-bg-color);background-color: transparent;color: var(--green-color);}
.main-button i{margin-right: 10px;}
.main-button span{}
.light-button{background: #fff;color: var(--green-color);font-family: var(--theme-font); border-radius: 4px;padding: 6px 20px 7px 20px;border: 1px solid var(--green-bg-color);text-decoration: none;}
.light-button:hover{border: 1px solid var(--green-bg-color);background-color: transparent;color: var(--green-color);}
.light-grey-bg{background-color: #fafafa;}
.video-button{background: var(--green-bg-color);color: var(--white-color);border-radius: 4px;padding: 6px 20px 7px 20px;border: 1px solid var(--green-bg-color);text-decoration: none;}
.video-button:hover{border: 1px solid var(--white-color);background-color: transparent;color: var(--white-color);}
.video-button i{margin-right: 10px;}
.navbar-brand{width: 16%;}
.navbar-brand img{width: 100%;}
header{position: sticky;display: block;width: 100%;top: 0;z-index: 999999;}
.top-notification-bar{background-color: var(--green-bg-color);width: 100%;padding: 10px 10px;display: none;}
.notibars{font-family: var(--theme-font);width: 100%;position: relative;color: var(--white-color);}
.notibars p{margin-bottom: 0;}
.noti-close{border:  none;background: transparent; outline: none;font-family: var(--theme-font);position: absolute;right: 5px;top: -7px;padding: 0;}
.noti-close i{color: #fff;font-size: 30px;}
.bg-white{width: 100%;background-color: #fff;}
.nav-link{font-family: var(--theme-font);}
.custom-head-search{width: 45%;}
.custom-head-search input{}
.custom-head-search button{background: var(--green-bg-color);color: var(--white-color);outline: none;border: none;}
.custom-head-search button:hover{background: var(--green-bg-color);}
.navbar{z-index: 9;border-bottom: 1px solid #e1e1e1;}
.nav-rights{display: none;}
.nav-right{position: relative;}
.nav-custom-right{list-style: none;display: flex;margin-bottom: 0px;right: 0;}
.nav-custom-right li{}
.nav-custom-right li a{outline: none;color: rgba(0,0,0,.55);text-decoration: none;padding: 0 20px;font-family: var(--theme-font);display: inline-block;}
.nav-custom-right li a i{margin-top: -2px;position: absolute;margin-left: -18px;}
.nav-custom-right li a span{padding-left: 4px;}
.nav-custom-right li a:hover, .nav-custom-right li a:focus{color: rgba(0,0,0,.55);}
.dropdown-toggle::after{display: none !important;}
.dropdown-menu[data-bs-popper]{left: -50px !important;}
.dropdown-item.active, .dropdown-item:active{background-color: transparent !important;}
.enquirybtn{background: var(--green-bg-color);color: var(--white-color) !important;border-radius: 4px;padding: 6px 15px 7px 31px !important;border: 1px solid var(--green-bg-color);}
.enquirybtn:hover{border: 1px solid var(--green-bg-color);background-color: transparent;color: var(--green-color) !important;}
.banner-img-box{padding-right: 70px;}
.banner-gallerys{width: 100%;padding: 0px;}
.rows{display:inline-block;}
.cus-col-4{width: 33.33333333% !important;float: left;}
.gallery-boxes {position: relative;width: 100%;overflow: hidden;background:rgb(0 0 0 / 71%);}
.gallery-boxes-image {opacity: 1;display: block;width: 100%;height: auto;transition: .5s ease;backface-visibility: hidden;}
.gallery-boxes-middle {transition: .5s ease;bottom: 0;position: absolute;width: 100%;padding: 10px 20px;}
.gallery-boxes .gallery-boxes-image {opacity: 0.6;}
.gallery-boxes .gallery-boxes-middle {opacity: 1;}
.gallery-boxes-text {color: #fff;font-family: var(--theme-font);}
.gallery-boxes-descp h3{font-size: 20px;}
.gallery-boxes-descp p{font-size: 14px;}
.gallery-boxes:hover img{transform: scale(1.1);}
.home-video-section{display:  none;width: 100%; background-position: center;background-repeat: no-repeat;background-size: cover;}
.video-section{font-family: var(--theme-font);color: var(--white-color);}
.video-section h4{margin-bottom: 30px;font-size: 30px;}
#bannersliders .item{position: relative;}
.BannerNavigation{width:100%; margin:0 auto; text-align:center; cursor:pointer;position: absolute;top: 25%;}
.BannerNavigation .prev{left: 0;position: absolute;font-size: 30px;color: var(--green-color);}
.BannerNavigation .next{right: 0;position: absolute;font-size: 30px;color: var(--green-color);}
.BannerNavigation .prev:hover, .BannerNavigation .next:hover{color: var(--green-color);}
.owl-carouse{position: relative;}
.testimonials-sections{display: none;}
#testimonials-sliders{}
.position-relative{position: relative;}
#testimonials-sliders .item{margin: 5px;}
.customNavigation{width:100%; margin:0 auto; text-align:center; cursor:pointer;}
.TestimonialsSlidersNavigation{width:100%; margin:0 auto; text-align:center; cursor:pointer;position: absolute;top: 30%;}
.TestimonialsSlidersNavigation .prev{left: -15%;position: absolute;border-right: 1px solid #E4E4E4;padding: 30px 15px 40px 0px;font-size: 30px;color: var(--font-text-color);}
.TestimonialsSlidersNavigation .next{right: -15%;position: absolute;border-left: 1px solid #E4E4E4;padding: 30px 0px 40px 15px;font-size: 30px;color: var(--font-text-color);}
.TestimonialsSlidersNavigation .prev:hover, .TestimonialsSlidersNavigation .next:hover{color: var(--green-color);}
.testimonials-slides-box{width: 100%;padding: 1px 20px;text-align: center;font-family: var(--theme-font);}
.testimonialthumb{color: var(--green-color);font-size: 45px;margin-bottom: 10px;}
.testimonialdescp p{color: var(--font-text-color);font-size: 18px;}
.testimonialdescp h4{color: var(--green-color);font-size: 18px;text-transform: uppercase;}
.testimonialdescp h5{color: #333;font-size: 14px;}
.breadcrumb{display: none !important;}
.breadcrumb{width: 100%; padding: 15px 0px !important; background-color: #fafafa;margin-bottom: 0px !important;}
.breadcrumbs-list{list-style: none;padding-left: 0; display: flex;margin-bottom: 1px;}
.breadcrumbs-list li{padding-right: 10px; font-family: var(--theme-font);}
.breadcrumbs-list li a{text-decoration: none;color: var(--input-label-color);}
.breadcrumbs-list li span{}
.breadcrumbs-list li:last-child a{color: var(--font-text-color);}
.breadcrumbs-list li:last-child a:hover{color: var(--font-text-color);}
.section-headings{position: relative;margin-bottom: 10px;font-family: var(--theme-font);}
.section-headings::after{content: '';display: block;width: 65px;height: 3px;background-color: var(--green-bg-color);margin: 0 auto;margin-top: 10px;}
.how-process-box{margin-bottom: 20px;padding: 10px;}
.step-img{width: 60px;margin-bottom: 10px;}
.step-head{font-family: var(--theme-font);font-size: 20px;position: relative;margin-bottom: 12px;}
.step-head:after{content: '';display: block;width: 65px;height: 2px;background-color: var(--green-bg-color);margin: 0 auto;margin-top: 5px;}
.step-text{font-family: var(--theme-font);}
.form-heading{position: relative;font-family: var(--theme-font);font-size: 18px;}
.form-heading::after{content: '';display: block;width: 50px;height: 2px;background-color: var(--green-bg-color);margin-top: 4px;}
.form-descp{font-family: var(--theme-font);color: var(--font-text-color);margin-bottom: 10px;}
.register-form-box{padding: 24px 30px 16px;border-radius: 8px;box-shadow: rgb(98 98 102 / 13%) 0px 0px 12px 0px;background-color: rgb(255, 255, 255);position: relative;width: 100%;display: grid;}
input, textarea, select {background: none;border: 2px solid #31B0D5;color: var(--font-text-color);padding: 0px 10px 8px 0px;font-size: 18px;font-family: var(--theme-font) !important;}
input[type=text], input[type=email], input[type=tel], input[type=password], textarea, select {border: none;border-bottom: 1px solid #acacac;}
input:focus, input:active, textarea, select {outline: none;}
.input-group button{color: var(--white-color);background-color: var(--green-bg-color);border: 1px solid var(--green-bg-color);outline: none;font-family: var(--theme-font);font-size: 16px;padding: 7px 0 5px 0px;width: 100%;}
.input-group button:hover{border: 1px solid var(--green-bg-color);background-color: transparent;color: var(--green-color);}
.input-group-short-70{width: 69% !important;margin-right: 9px;}
.input-group-short-30{width: 28% !important;margin-left: 5px;}
.input-group {position: relative;display: inline-block;width: 100%;margin-bottom: 18px;float: left;}
.input-group label {position: absolute;color: var(--font-text-color);font-family: var(--theme-font);font-size: 17px;pointer-events: none;transform-origin: 0 0;transform: scale(0.9) translateY(100%);transition: transform 0.2s linear;margin-top: -2px;}
.input-group label.animate-label {transform: scale(0.6) translateY(0%);transition: transform 0.2s linear;}
.input-group input, .input-group textarea, .input-group select {padding-top: 15px;width: 100%;box-sizing: border-box;}
input[type=password]{position: relative;}
.input-groups{font-family: var(--theme-font);}
.input-groups input{margin-right: 5px;}
.input-groups label{margin-right: 5px;vertical-align: text-bottom;font-size: 17px;color: var(--font-text-color);}
.form-control{border-radius: 0 !important;outline: none;}
.form-control:focus{outline: none; border-bottom: 1px solid #acacac;border-color: #acacac !important;box-shadow: none !important;}
#togglePassword{cursor: pointer;position: absolute;right: 0;bottom: 10px;color: var(--font-text-color);}
#toggleconfPassword{cursor: pointer;position: absolute;right: 0;bottom: 10px;color: var(--font-text-color);}
.register-details-box{padding-left: 30px;padding-top: 50px;}
.cus-title-left{position: relative;font-family: var(--theme-font);margin-bottom: 25px;}
.cus-title-left::after{content: '';display: block;width: 65px;height: 3px;background-color: var(--green-bg-color);margin-top: 10px;}
.register-info-boxes{padding: 20px;box-shadow: rgb(98 98 102 / 13%) 0px 0px 12px 0px;background-color: rgb(255, 255, 255);border-radius: 3px;width: 100%;margin-bottom: 20px;}
.register-info-boxes h6{text-transform: uppercase;font-family: var(--theme-font);color: var(--green-color);font-size: 25px;text-align: center;}
.register-info-box{padding: 20px;box-shadow: rgb(98 98 102 / 13%) 0px 0px 12px 0px;background-color: rgb(255, 255, 255);border-radius: 3px;width: 100%;margin-bottom: 20px;float: left;display: flex;min-height: 132px;}
.register-info-img{width: 20%;margin-right: 15px;}
.register-info-img i{font-size: 40px;color: var(--green-color);}
.register-info-descp{font-family: var(--theme-font);width: 80%;}
.register-info-descp h6{font-weight: 600;color: var(--green-color);}
.register-info-descp p{color: var(--font-text-color);font-size: 14px;margin-bottom: 1px;min-height: 42px;}
.cus-register-list{list-style: none;padding-left: 0;}
.cus-register-list li{font-family: var(--theme-font);color: var(--font-text-color);}
.cus-register-list li i{color: var(--green-color);font-size: 18px;}
.cus-hr{background: linear-gradient(to right, rgba(215, 215, 224, 0), rgba(215, 215, 224, 0.5), rgb(215, 215, 224), rgba(215, 215, 224, 0.5), rgba(215, 215, 224, 0));margin-bottom: 30px;}
.steel-search-section{padding: 24px 30px 16px;border-radius: 8px;box-shadow: rgb(98 98 102 / 13%) 0px 0px 12px 0px;background-color: rgb(255, 255, 255);position: relative;width: 100%;display: grid;}
.search-form-heading{position: relative;font-family: var(--theme-font);margin-bottom: 22px;}
.search-form-sub-heading{position: relative;font-family: var(--theme-font);margin-bottom: 10px;}
.cus-form-input{width: 100%;margin-bottom: 20px;}
.cus-form-input label{width: 100%;font-family: var(--theme-font);color: var(--input-label-color);font-size: 17px;}
.cus-form-input select{width: 100%;border: none;outline: none;border-bottom: 1px solid #acacac;color: var(--font-text-color);background: transparent;padding: 0px 10px 8px 0px;font-family: var(--theme-font);}
.cus-form-input button{width: 100%;}
.post-enquiry-forms{padding: 20px 25px 15px;border-radius: 8px;box-shadow: rgb(98 98 102 / 13%) 0px 0px 12px 0px;background-color: rgb(255, 255, 255);position: relative;width: 100%;display: grid;}
.cus-post-form-input{width: 100%;margin-bottom: 15px;}
.cus-post-form-input label{width: 100%;font-family: var(--theme-font);color: var(--input-label-color);font-size: 15px;}
.cus-post-form-input input{width: 100%;outline: none;border: 1px solid #acacac;color: var(--font-text-color);background: transparent;padding: 5px 10px 2px 5px;font-family: var(--theme-font);font-size: 15px;}
.cus-post-form-input select{width: 100%;border: none;outline: none;border-bottom: 1px solid #acacac;color: var(--font-text-color);background: transparent;padding: 1px 10px 5px 0px;font-family: var(--theme-font);font-size: 15px;}
.cus-post-form-input textarea{width: 100%;height: 32px;border: none;outline: none;border-bottom: 1px solid #acacac;color: var(--font-text-color);background: transparent;padding: 5px 10px 2px 3px;font-family: var(--theme-font);}
.cus-post-form-input input[type=radio]{width: auto;margin-top: 16px; font-family: var(--theme-font);}
.cus-post-form-input span{font-size: 13px;vertical-align: text-top;margin-right: 1px;font-family: var(--theme-font);}
.cus-post-form-input button{width: 100%;font-family: var(--theme-font);font-size: 15px;}
.add-notesbtnp{margin-top: 0px;}
.add-notesbtnp span{font-family: var(--theme-font);}
.add-notesbtn{text-decoration: none;color: var(--green-color);font-family: var(--theme-font);font-size: 17px;}
.add-notesbtn:hover{color: var(--green-color);}
.form-inner-text{font-family: var(--theme-font);}
.right-edit-btn{float: right;}
.right-edit-btn a{text-decoration: none;color: var(--green-color);font-size: 15px;font-weight: 400;}
.right-edit-btn a:hover{color: var(--green-color);}
.form-displays{margin-bottom: 20px;}
.form-displays h4{font-family: var(--theme-font);font-size: 18px;color: #333;margin-bottom: 1px;}
.form-displays p{font-family: var(--theme-font);color: var(--font-text-color);font-size: 15px;}
.form-sub-heading{font-family: var(--theme-font);color: #333;font-size: 22px;font-weight: 600;margin-bottom: 0;}
.profile-forms{width: 100%;margin-bottom: 25px;}
.profile-forms label{width: 100%;font-family: var(--theme-font);color: var(--input-label-color);font-size: 17px;}
.profile-forms input{width: 100%;border: none;outline: none;border-bottom: 1px solid #acacac;color: var(--font-text-color);background: transparent;padding: 5px 10px 2px 3px;font-family: var(--theme-font);}
.profile-forms select{width: 100%;border: none;outline: none;border-bottom: 1px solid #acacac;color: var(--font-text-color);background: transparent;padding: 1px 10px 2px 0px;font-family: var(--theme-font);}
.profile-forms textarea{width: 100%;border: none;outline: none;border-bottom: 1px solid #acacac;color: var(--font-text-color);background: transparent;padding: 5px 10px 2px 3px;font-family: var(--theme-font);}
#forgot-password-process{display: none;}
.orders-box{padding: 10px 10px;border-radius: 8px;box-shadow: rgb(98 98 102 / 13%) 0px 0px 12px 0px;background-color: rgb(255, 255, 255);position: relative;width: 100%;display: grid;}
.table-responsive::-webkit-scrollbar{height: 8px;}
.table-responsive::-webkit-scrollbar-track{background: #f1f1f1;}
.table-responsive::-webkit-scrollbar-thumb{background: #888;}
.table-responsive::-webkit-scrollbar-thumb:hover {background: #555;}
.table>thead{position: sticky;top: 0;z-index: 999; background: #fff;}
.table{font-family: var(--theme-font);}
.re-order-button{background: var(--green-bg-color);color: var(--white-color) !important;font-family: var(--theme-font);border-radius: 4px;border: 1px solid var(--green-bg-color);text-decoration: none;font-size: 15px;padding: 3px 12px;display: inline-block;}
.re-order-button:hover{border: 1px solid var(--green-bg-color);background-color: transparent;color: var(--green-color) !important;}
.re-order-button span{margin-left: 10px;}
.table tbody tr td{color: var(--black-color);font-size:14px;}
.table tbody tr td a{text-decoration: none;color: var(--black-color);}
.contact-box-detail{padding-top: 50px;}
.contact-box-detail address{max-width: 400px;font-family: var(--theme-font);}
.contact-details-list{list-style: none;padding-left: 0;}
.contact-details-list li{border-bottom: 1px solid rgba(183, 183, 183, 0.35);display: block;position: relative;font-family: var(--theme-font);}
.contact-details-list li span{position: absolute;left: 0px;top: 15px;font-size: 14px;}
.contact-details-list li a{padding: 15px 0px;margin-left: 70px;display: inline-block;position: relative;text-decoration: none;color: #2B2B33;font-size: 15px;}
.contact-form-box{padding: 24px 30px 16px;border-radius: 8px;box-shadow: rgb(98 98 102 / 13%) 0px 0px 12px 0px;background-color: rgb(255, 255, 255);position: relative;width: 100%;display: grid;}
.about-us-img{width: 100%;position: relative;margin-bottom: 20px;}
.about-us-img-1{}
.about-us-img-2{position: absolute;right: 15%;top: 8%;}
.about-us-details{padding: 50px 0px 0px 0px;}
.about-us-details .form-heading{margin-bottom: 30px;}
.about-us-details p{font-family: var(--theme-font); color: var(--font-text-color);}
.cms-decp{margin-bottom: 30px;}
.cms-decp{font-family: var(--theme-font);}
.cms-decp p{color: var(--font-text-color);margin-bottom: 8px;}
.cms-decp ul{color: var(--font-text-color);padding-left: 18px;margin-bottom: 0;}
.cms-decp ul li{margin-bottom: 8px;}
.cms-decp ol{color: var(--font-text-color);padding-left: 18px;margin-bottom: 0;}
.cms-decp ol li{margin-bottom: 8px;}
.careers-box-detail p{color: var(--font-text-color);font-family: var(--theme-font);}
.careers-form-box{padding: 24px 30px 16px;border-radius: 8px;box-shadow: rgb(98 98 102 / 13%) 0px 0px 12px 0px;background-color: rgb(255, 255, 255);position: relative;width: 100%;display: grid;}
.careers-fields{width: 100%;margin-bottom: 25px;}
.careers-fields label {width: 100%;font-family: var(--theme-font);color: var(--input-label-color);font-size: 17px;}
.careers-fields input {width: 100%;border: none;outline: none;border-bottom: 1px solid #acacac;color: var(--font-text-color);background: transparent;padding: 5px 10px 2px 3px;font-family: var(--theme-font);}
.careers-fields select{width: 100%;border: none;outline: none;border-bottom: 1px solid #acacac;color: var(--font-text-color);background: transparent;padding: 5px 10px 2px 3px;font-family: var(--theme-font);}
.careers-fields input[type=file]{font-size: 13px;}
.products-boxes{width: 100%;text-decoration: none;background-color: rgb(255, 255, 255);border: 1px solid rgb(240, 240, 240);border-radius: 4px 4px 4px 4px;margin-bottom: 20px;}
.products-boxes a{text-decoration: none;}
.products-list-img img{border-radius: 4px;}
.products-list-details{padding: 16px 16px;}
.product-name{color: var(--product-name-list-color);font-family: var(--theme-font);font-size: 18px;}
.product-cat-name{color: var(--product-name-list-color);font-family: var(--theme-font);font-size: 12px;}
.product-price{font-family: var(--theme-font);color: var(--product-price-list-color);font-weight: 600;font-size: 20px;}
.discount-price{color: var(--product-discount-price-list-color);font-weight: 400;font-size: 14px;margin: 0px 12px 0px 4px}
.discount-per{color: var(--green-color);font-weight: 400;font-size: 18px;}
.product-reviews{font-family: var(--theme-font);}
.product-reviews span{background-color: var(--green-bg-color);color: var(--white-color);padding: 1px 10px;font-size: 14px;border-radius: 4px;}
.footer-img{display: none;}
.top-footer{width: 100%;padding: 30px 0px 5px 0px;background-color: var(--green-bg-color);}
.top-footer{border-bottom: 1px solid var(--white-color);}
.footer-widgets{margin-bottom: 20px;font-family: var(--theme-font);}
.footer-widgets h3{font-weight: 600;font-size: 25px;color: var(--white-color)}
.footer-widgets p{color: var(--white-color);}
.footer-widgets ul{list-style: none;padding-left: 0;}
.footer-widgets ul li{margin-bottom: 10px;}
.footer-widgets ul li a{text-decoration: none;color: var(--white-color);font-size: 15px;}
.footer-widgets h4{font-size: 22px;color: var(--white-color);}
.footer-social{display: flex;}
.footer-social li{padding: 0px 10px;}
.footer-social li a i {font-size: 20px;}
.bottom-footer{width: 100%;background-color: var(--green-bg-color);padding: 10px 0px;}
.copyright-text{color: var(--white-color);margin-bottom: 2px;font-family: var(--theme-font);font-size: 14px;}
.custom-pad{padding-top: 50px;}
.home-float{position:fixed;width:50px;height:50px;bottom:100px;right:40px;background-color:#25D366;color:var(--white-color);border-radius:50px;text-align:center;}
.home-float:hover{text-decoration: none;color: inherit;}
.float{position:fixed;width:50px;height:50px;bottom:40px;left:40px;background-color:#25D366;color:var(--white-color);border-radius:50px;text-align:center;}
.float:hover{text-decoration: none;color: inherit;}
.my-float{color: var(--white-color);font-size: 26px;}
.accordion-button:not(.collapsed){color: var(--green-color) !important;background-color: var(--white-color) !important;}
.accordion-button:focus{box-shadow: none !important;}
.dataTables_filter {font-family: var(--theme-font);margin-bottom: 0px;position: absolute;top: 0;right: 0;}
.dataTables_filter label input{border: none;border-bottom: 1px solid #acacac;color: var(--font-text-color);outline: none;padding: 5px 10px 2px 3px;}
div.dataTables_wrapper div.dataTables_info{width: 50%;float: left;padding-top:0 !important;}
#example_length{display: none;}
.dataTables_length, .dataTables_info, .dataTables_paginate{font-family: var(--theme-font);}
/*div.dataTables_wrapper div.dataTables_paginate{text-align: left !important;}*/
div.dataTables_wrapper div.dataTables_paginate a{text-decoration: none;color: #212529;margin-right: 10px;cursor: pointer;}
.cust-select-pad{padding: 30px 10px 2px 3px !important;}
.open > .dropdown-menu,.show > .dropdown-menu {display: block;}
mark{background-color:pink;}
.list-autocomplete{padding:0; }
.list-autocomplete em{font-style:normal;background-color:#e1f2f9;}
.hasNoResults{color:#aaa;}
.hasNoResults,
.btn-extra{display:block;padding:10px;}
.hasNoResults{color:#aaa;}
.btn-extra{width:100%;border-top:.5px solid #d2d2d2;}
.accounts-sidebox{padding: 20px 20px 15px;border-radius: 8px;box-shadow: rgb(98 98 102 / 13%) 0px 0px 12px 0px;background-color: rgb(255, 255, 255);position: relative;width: 100%;display: grid;}
.accounts-sidebox h4{font-family: var(--theme-font);margin-bottom: 15px;}
.accounts-sidebox h4::after {content: '';display: block;width: 65px;height: 3px;background-color: var(--green-bg-color);margin-top: 10px;}
.accounts-sidebox h5{font-family: var(--theme-font);text-transform: capitalize;font-size: 16px;}
.accounts-sidebox ul{list-style: none;padding-left: 0;}
.accounts-sidebox ul li{}
.sidenav{font-family: var(--theme-font);text-decoration: none;color: rgba(0,0,0,.55);font-size: 16px;padding: 5px 0px;display: block;}
.sidenav:hover{color: var(--green-color);}
.sidenavactive{color: var(--green-color);}
.openbtn{display: none;}
.closebtn{display: none;}
.deskdisplaynone{display: none;}
table.dataTable th {font-weight: 500;}
.contact-infos-table{width: 100%;display: grid;margin-bottom: 40px;}
.contact-infos-table .dataTables_filter{display: none;}
.bank-infos-table{width: 100%;display: grid;margin-bottom: 10px;}
.bank-infos-table .dataTables_filter{display: none;}
.pastenquiry-infos-table{width: 100%;display: grid;margin-bottom: 10px;}
.order-confirmbox{overflow: hidden;}
.orderconfirmboxlist{list-style: none;padding-left: 0;margin: 20px 0px 40px 0px;}
.orderconfirmboxlist li{font-family: var(--theme-font);margin-bottom: 10px;}
.orderconfirmboxlist li span{float: right;}
.orderconfirmboxlist li:last-child{border-top: 1px solid #000;margin-top: 10px;padding-top: 10px;font-weight: 600;}
.orderrightbuton{float: right;}
.order-notification-box{font-family: var(--theme-font);}
.order-notification-box p span{text-decoration: underline;}
.ptext{font-family: var(--theme-font);margin-bottom: 10px;font-size: 13px;}
#mobile_button_display{width:100%;}
#mobile_button_display .btn-left{width: 45%;float: left;margin-right: 10px;border-radius: 0;}
#mobile_button_display .btn-right{width: 45%;float: right;border-radius: 0;}


.new-cus-font-size label{font-size: 18px;margin-right: 25px;text-transform: uppercase;}

.text-right{text-align:right;}
.red-color{color: red;}
.font-15{font-size: 15px !important;}
.side-logos{width:50%;margin-bottom:10px;}

.red-notes{color: #f00;margin-bottom: 2px;font-family: var(--theme-font);font-size: 14px;}

.values-boxes{text-align:center;margin-bottom: 20px;}
.values-boxes img{width: 60px;margin-bottom: 8px;}
.values-boxes h5{color: var(--font-text-color);font-size: 18px;font-family: var(--theme-font);}
.site-title-center{position: relative;font-family: var(--theme-font);margin-bottom: 15px;text-align: center;}
.site-title-center::after{content: '';display: block;width: 65px;height: 3px;background-color: var(--green-bg-color);margin: 0 auto;}
.site-sub-title-center{position: relative;font-family: var(--theme-font);margin-bottom: 25px;text-align: center;color: var(--font-text-color);font-size: 20px;}

.about-infos-boxes{padding: 15px;box-shadow: rgb(98 98 102 / 13%) 0px 0px 12px 0px;background-color: rgb(255, 255, 255);border-radius: 3px;width: 100%;margin-bottom: 20px;float: left;display: flex;min-height: 173px;}
.about-infos-img{width: 20%;margin-right: 15px;}
.about-infos-img i{font-size: 40px;color: var(--green-color);}
.about-infos-descp{font-family: var(--theme-font);width: 80%;}
.about-infos-descp h6{font-weight: 600;color: var(--green-color);}
.about-infos-descp p{color: var(--font-text-color);font-size: 14px;margin-bottom: 1px;min-height: 42px;}

.leadership-boxes{font-family: var(--theme-font);margin-bottom: 20px;}
.leadership-boxes img{width: 100%;}
.leadership-boxes h2{font-size: 25px;}
.leadership-boxes p{color: var(--font-text-color);font-size: 15px;margin-bottom: 8px;}
.leadership-social a{color: var(--green-bg-color);font-size: 20px;}


/*---------scroll-section-------*/
#scroll {position:fixed;right:40px;bottom:40px;cursor:pointer;width:50px;height:50px;background-color:#418dfb;display:none;border-radius:60px;border: 1px solid #418dfb;}
#scroll span {position:absolute;top:50%;left:50%;margin-left:-10px;margin-top:-16px;height:0;width:0;color: #fff;font-size: 20px;}
#scroll:hover {background-color:#fff;opacity:1;filter:"alpha(opacity=100)";-ms-filter:"alpha(opacity=100)";}
#scroll:hover span{color: #418dfb;}
@media only screen and (max-width: 1024px){
  .nav-custom-right li a span{}
}
@media only screen and (max-width: 991px){
  .col-cus-2{width: 50% !important;}
  .nav-right{display: none;}
  .nav-rights{position: sticky;display: block;width: 8%;}
  .banner-img-box{display: none;}
  .custom-pad {padding-top: 0;}
  .footer-widgets ul li {margin-bottom: 7px;}
  .cus-col-4{width: 50% !important;}
  .re-order-button{padding: 3px 12px 8px 12px;}
  .re-order-button span{display: none;}
  .about-us-img{text-align: center;}
  .right-li{right: 0;position: absolute;}
  .breadcrumbs-list{position: relative;}
  .mynavsidebar {width: 0;position: fixed;z-index: 1;overflow-x: hidden;transition: 0.5s;top: 120px;left: 0;height: 100vh;background: #fafafa;}

  .mynavsidebar .closebtn {position: absolute;top: 0;right: 25px;font-size: 36px;margin-left: 50px;display: block;text-decoration: none;color: var(--input-label-color);}
  .openbtn {font-size: 20px;cursor: pointer;color: var(--input-label-color);background: transparent; border: none;display: block;}

  #myMenumain{transition: margin-left .5s;padding: 16px;}

  .accounts-sidebox{border-radius: 0;background-color: #fafafa;box-shadow: none;}
  .deskdisplaynone{display: block;}

}
@media only screen and (max-width: 767px){
  .register-form-box{margin-bottom: 30px;}
  .register-details-box{padding-left: 0;padding-top: 0;}
  .custom-head-search{width: 100%;}
  .top-notification-bar{padding: 10px 30px;}
  .notibars p{font-size: 12px;}
  .cusrows{--bs-gutter-x: 0;}
  .about-us-img{text-align: left;}
  .about-us-img-2{right: 8%;}
  .float{left: 15px;}
  #scroll{right: 15px;}
  .home-float{right: 15px;}
  .footer-widgets ul li a{font-size: 15px;}
  /*.dataTables_filter{display: none;}*/

}
@media only screen and (max-width: 600px){
  .input-group-short-70{width: 68% !important;}
  .register-info-box{padding: 15px 10px;min-height: auto;}
  .register-info-img{width: 15%;}
  .register-info-img i{font-size: 30px;}
  .step-img{width: 50px;}
  .step-head{font-size: 18px;}
  .step-text{font-size: 14px;}
  .navbar-brand {width: 37%;}
  .nav-rights{width: 0;}
  .TestimonialsSlidersNavigation{position: static;top: 0;}
  .TestimonialsSlidersNavigation .prev{left: 0;position: static;border-right: none;padding: 10px;}
  .TestimonialsSlidersNavigation .next{right: 0;position: static;border-left: none;padding: 10px;}
  .testimonials-slides-box{padding: 1px 10px;}
  .testimonialdescp p{font-size: 15px;}
  .video-section h4{font-size: 23px;}
  .BannerNavigation{top: 28%;}
  .add-notesbtnp{margin-top: 0;}
  .contact-box-detail{padding-top: 0px;}
  .gallery-boxes-descp h3{font-size:18px;}
  .float{bottom: 80px;}
  
}
@media only screen and (max-width: 430px){
  .input-group-short-70{width: 67% !important;}
  .nav-rights{width: 18%;}
  .discount-price{margin: 0px 9px 0px 4px;}
  .product-price{font-size: 17px;}
  .discount-per{font-size: 14px;}
  .products-list-details{padding: 15px 10px;}
}
@media only screen and (max-width: 410px){
  .nav-rights{width: 22%;}
}
@media only screen and (max-width: 375px){
  .nav-rights{width: 35%;}
  .navbar-brand{width: 30%;}
  .navbar-brand img {width: 70%;}
  .input-group-short-70{width: 65% !important;}
}
@media only screen and (max-width: 360px){
  .nav-rights{width: 23%;}
  .navbar-brand{width: 26%;}
}