@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700&display=swap');

.poppins{font-family: 'Roboto', sans-serif;}
 
 .text-white{
     color:black !important;
 }
 
body{font-family: 'Roboto', sans-serif;font-size: 15px;font-weight: 400;color: #666;line-height: 1.65;background-color: #f1efef;}
a{ color: #222;text-decoration:none;outline: none;}

a,
.btn,
button{-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s; }
a:hover {color: #C10D24;text-decoration: none;}
.fancybox-button{min-width: auto;} 

h1, h2, h3, h4, h5, h6{ font-family: 'Roboto', sans-serif; font-weight: 600; line-height: 1.2; margin-bottom: 20px; color: #222;}
.main-section a.link { word-break: break-all;}
a.link i {font-size: 11px;}
h1{font-size: 35px;font-weight:700;letter-spacing:0px;}
h2{font-size: 25px;}
h3{font-size: 25px;}
h4{font-size: 20px;}
h5{font-size: 20px;}
h6{font-size: 16px;}


.mrt-20{margin-top:20px;}
.mb-50 {margin-bottom: 50px;}
.fs-60{font-size:60px;}
.fs-45 {font-size:45px;}
.fs-35 {font-size:35px;}
.fs-30 {font-size:30px;}
.fs-25{font-size:25px;}
.fs-18{font-size:18px;}


img{max-width: 100%;}
button, .btn, input[type="submit"]{min-width: 110px;border:0px;padding: 12px 20px;cursor: pointer;position: relative;font-family: 'Roboto', sans-serif;box-shadow: none !important;color: #fff;background: linear-gradient(to right,#C10D24,#E63431) ;font-size: 14px;font-weight: 500;letter-spacing: 1px;border-radius: 4px;text-transform: capitalize;}
[type=reset]:hover, [type=submit]:hover, button:hover, .btn:hover, html [type=button]:hover  {
    background: #F5C71A;border-color: #F5C71A;color: #fff;cursor: pointer;}
[type=reset]:focus, 
[type=submit]:focus,
button:focus, 
.btn:focus, 
html [type=button]:focus { outline: 0; box-shadow: 0 0 8px rgba(0, 0, 0, .33);}
/*
.btn:not(:disabled):not(.disabled).active, .btn:not(:disabled):not(.disabled):active {background: #22212c; color: #fff;}
*/
a.link {text-decoration: underline;}
input[type="file"] { font-size: 14px;   -webkit-appearance: none;}
.field {margin-bottom: 15px;display: inline-block;width: 100%;float: left;}
.form-control {outline: none !important; padding: 9px 15px;  border-radius: 4px;  border: 1px solid rgb(73 80 87 / 29%) !important;  background-color: #fff !important;
  box-shadow:none !important;  font-size: 14px;  font-weight: 400;  line-height: normal;  color: #666;
  font-family: 'Roboto', sans-serif;  height: auto;}
textarea.form-control { min-height: 91px;}
.form-control:focus {  background-color: transparent;  border-color: inherit;} 
select.form-control:not([size]):not([multiple]) { height: 36.8px;    -webkit-appearance: none;
    background-image: url(../media/select-arrow.png);    background-position: 94% center;   background-repeat: no-repeat; padding-right: 36px;}
blockquote { padding: 25px 25px; border-left: 4px solid #22212c;     background: rgba(16, 86, 120, 0.05);
   font-size: 17px;   font-weight: 300;   position: relative;  line-height: 28px; }
blockquote strong{font-weight:500;}
.form-group label {display: block;  margin-bottom: 10px;}
.br-20{border-radius: 20px;}
.overflow-hidden { overflow: hidden;}
.input-group-text {border: 1px solid rgb(73 80 87 / 29%);border-right: 0px;background: #fff;}
 .fw-normal{font-weight: 400;}

 /* nochange*/
 
.font-medium{ font-weight: 500;}
.underline {text-decoration: underline;}
 strong { font-weight: 700;}
.font-light{font-weight: 300;}
.font-semi-bold{font-weight: 600;}
 

.form-control::placeholder {  color:#495057; opacity: 1;  }
.form-control::-webkit-input-placeholder { color:#495057; opacity: 1;}
.form-control::-moz-placeholder {color:#495057; opacity:1;}
.form-control:-ms-input-placeholder {color:#495057; opacity: 1;}
.form-control:-moz-placeholder {color:#495057; opacity: 1;}


.white-placeholder .form-control::placeholder {  color:#FFF; opacity: 1;  }
.white-placeholder .form-control::-webkit-input-placeholder { color:#FFF; opacity: 1;}
.white-placeholder .form-control::-moz-placeholder {color:#FFF; opacity:1;}
.white-placeholder .form-control:-ms-input-placeholder {color:#FFF; opacity: 1;}
.white-placeholder .form-control:-moz-placeholder {color:#FFF; opacity: 1;}


.main-section{padding:30px 0px; background-size: cover !important; background-repeat: no-repeat !important; background-position: center center !important;position: relative;}
.main-section .container{position:relative;}
.main-section:before{content:""; position:absolute; left:0px; top:0px; width:100% !important; height:100% !important; background:transparent; }
.pr-50{padding-right:50px;}
.pl-50{padding-left:50px;}
button.close:before { display: none;}
button.close { min-width: auto;  color: #000 !important;  opacity: 1;  background: transparent !important;}
button.close.white-btn {color: #fff !important;}
 .br-5{border-radius: 5px;}
.br-10{border-radius: 10px;}
.box-shadow{box-shadow: 1px 4px 6px #ced4da;}
.object-fit {overflow: hidden;}
.object-fit img {width: 100% !important;/* height: 100%; *//* object-fit: cover; */}
.zoom-hover img {-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition: all .5s;}
.zoom-hover:hover img {transform: scale(1.1);}
.list-style {padding: 0px; list-style: none;}
.list-style li { display: inline-block;}
.sm-btn { padding: 10px 20px; } 
.icon-btn { min-width: auto; padding: 10px 15px; } 
.white-hover:hover{background:#fff; color: #22212c;}
.fs-13 { font-size: 13px; } 
.fs-15{font-size: 15px;}
.fs-16{font-size: 16px;}
.sprit-icon { background-image: url(../media/sprit-icon.png); background-repeat: no-repeat; background-size: auto;  display: inline-block;}
button i, .btn i { vertical-align: middle; } 
mark, .mark {background-color: #308afb;color: #fff;border-radius: 5px;}
.tyellow {color: #232323;}
.dropdown-toggle:hover,
.dropdown-toggle:focus {color: #212529 !important;}


/* header */
.header {background: #fff;}
.a-tag-link a{ color: #666;}
.a-tag-link a:hover {color: #22212c;}
.btn-2 {background: #FFDE17;}
.sm-btn {padding: 7px 17px; min-width: auto;}
.top-bar ul li { margin-right: 10px; padding-right: 10px; border-right: 1px solid #ccc; line-height: 1; } 
.top-bar ul li a { color: #fff;}
.top-bar { padding: 6px 0px; } 
.top-bar ul li:last-child { border: 0px; margin-right: 0px; padding-right: 0px; }
.middel-bar {padding: 15px 0px;}
.site-search-form { display: flex; } 
.site-search {position: relative;border: 1px solid #1560BD;border-radius: 0px;padding: 0px 108px 0px 0px;overflow: hidden; background: #fff;}
.site-search:hover { border-color: #1560BD;}
.site-search-form select { max-width: 170px;}
.site-search-form * {flex-grow: 1;border-radius: 0px;height: 46px !important;padding: 10px 10px;border: 0px;line-height: 1.2;border-right: 1px solid #dfdbdb !important;} 
.site-search .icon-btn { position: absolute; right: 0px; top: 0px; border-radius: 0px; padding: 8px 15px; line-height: 1.5; height: 40px;   } 
.main-bar { padding: 10px 0px 10px; } 
.lead-link { text-align: center; border: 2px solid #22212c; border-radius: 10px; 
  padding: 25px 10px 15px; color: #666; height: 100%; } 
.lead-link span { font-weight: 700; background: #fff; padding: 2px 10px; position: absolute; margin-top: -11px; left: 50%; top: -3px; transform: translateX(-50%); width: 68%; font-size: 19px; } 
.lead-link a { color: #666; } 
.lead-link a:hover span { color: #22212c; }
.color-ani{ animation-name: animation;animation-duration: 1s;  animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;  animation-play-state: running;}
.menu ul.list-style > li a {  color: #666;} 
.menu ul.list-style > li > a { color: #232323 !important;}
.menu ul.list-style > li:hover > a { color: #1560BD; } 
.menu ul.list-style > li:last-child { margin-right: 0px; } 
.menu-bar p i { font-size: 17px; vertical-align: bottom; }
.menu-bar p a { color: #C10D24;}
.menu ul.list-style > li > ul {position: absolute; right: 0px;
  width: 200px; background: #fff; top: 100%; z-index: 11;  opacity: 0; visibility: hidden; padding: 0px 0px 0px;  box-shadow: 5px 5px 10px rgb(0 0 0 / 6%); } 
.menu ul.list-style > li > ul li { display: block; float: left; width: 100%; text-align: left; border-bottom: 1px solid #eee; } 
.menu ul.list-style > li > ul li a { display: inline-block; width: 100%; color: #2f3131; } 
.menu ul.list-style > li:hover > ul { opacity: 1; visibility: visible; } 
.menu ul.list-style > li > ul li a { padding: 10px 10px; } 
.menu ul.list-style > li > ul li:hover > a {background: linear-gradient(to right,#C10D24,#E63431);color: #fff;}
.sidecat ul.list-style > li a { color: #666;}

.site-search .form-control {border-color: transparent !important;border-left-color: #eee !important;}


.gradient { background-image: linear-gradient(90deg, #22212c 0%, #43e6f1 33.4%, #00e6b1 67.80000000000001%, #22212c 100%); } 
.overview-bx { color: #fff; } 
.overview-bx h3 { font-size: 18px; color: #fff; } 
.gradient .main-title h2 { color: #fff; } 
.overview-bx i { font-size: 35px; }
.abt-cnt {padding: 40px; border: 1px solid #dbdbdb;}
.link {color: #1560BD; font-weight: 600;}

.whyus-item {background: #fff;padding: 30px 30px;float: left;width: 50%;border: 1px solid #eee;text-align: center;height: 177px;} 
.whyus-item i { font-size: 30px; } 
.whyus-col {border: 1px solid #eee;background: #fff;padding: 30px;} 
.whyus-icon {font-size: 30px;width: 60px;height: 60px;background: #777;display: inline-block;text-align: center;border-radius: 100%;line-height: 60px;color: #fff;margin-bottom: 20px;}

/*table .btn, table button {background: #E0015D;}*/
/*.table .btn:hover, table button:hover {background: #980240;}*/


@-webkit-keyframes animation {
    0%     {color:#22212c;}
     100%  {    color: #22212c;}
}

@keyframes animation {
    0%     { color:#22212c;}
     100%  {    color: #22212c;}
}


.health-beauty-icon { width: 25px; height: 25px; background-position: -11px -13px; } 
.industrial-machinery-icon { width: 25px; height: 25px; background-position: -45px -13px; } 
.apparel-electricals-icon { width: 25px; height: 25px; background-position: -80px -13px; } 
.industrial-supplies-icon { width: 25px; height: 25px; background-position: -110px -13px; } 
.furniture-supplies-icon { width: 25px; height: 25px; background-position: -139px -12px; }

.site-search button.btn { position: absolute; right: 0px; top: 0px; right: 0px;   border-top-right-radius: 0px;  border-bottom-right-radius: 0px;
    padding: 10px 20px;   border-top-left-radius: 0px;  border-bottom-left-radius: 0px;  height: 46px;}
.country-select {  width: auto;  padding-right: 44px !important;  border: 0px !important;}


.menu-bar {   padding: 2px 0px; border-bottom: 1px solid #e0e0e0;} 
nav.menu ul {margin: 0px;padding: 0px;} 
.menu { text-align: right; } 
.menu ul.list-style > li {display: inline-block;margin-right: 19px;position: relative;} 
.menu ul.list-style > li i { vertical-align: bottom; }
.main-bar .btn { padding: 12px 18px;}
.outline-btn {background: transparent;color: #666;border: 1px solid #E60012;color: #E60012;}

.cat-menu {text-align: center;padding-top: 7px;} 
.cat-menu ul li {margin: 0px 10px;font-size: 13px; text-transform: capitalize;} 
.cat-menu ul li a {color: #666;} 
.cat-menu ul li a:hover {text-decoration: underline;color: #000;}

.header-info a {color: #16ad37;padding: 0px 5px;vertical-align: middle;font-weight: 500;display: inline-block;}

/* Banner  */

.hero-banner .container { padding: 20px;    background: #fff;  border: 1px solid #d9d2d2;}
.sidecat {height: 100%;background: #fff;} 
.sidecat ul.list-style > li { display: inline-block; width: 100%; font-size: 13px;} 
.sidecat ul.list-style > li > a { display: inline-block; width: 100%;padding: 10px 25px 10px 45px;color: #666; position: relative;}
  .sidecat .dropdown-arrow {position: absolute;right: 20px;transform: rotate(-90deg);margin-top: 8px;} 
.sidecat ul.list-style > li > a:hover {padding-left: 45px;box-shadow: 0 0 4px 0 rgb(0 0 0 / 12%);}
.sidecat ul.list-style > li > a .sprit-icon { position: absolute; left: 10px; top: 4px; } 
.sidecat ul.list-style  { margin: 10px 0px; } 
span.cat-icon {position: absolute;max-width: 32px;left: 7px;top: 7px;}

.hero-enquiry .form-control { padding: 9px 15px;}
.hero-enquiry select.form-control { height: 37px !important; line-height: normal;}
.hero-enquiry {background: #fff; padding: 20px; border-radius: 10px; height: 100%;}
.hero-slider .owl-nav button { background: #22212c !important;}
.sidecat ul.list-style > li:hover > a{ color: #22212c;}

button#cat-btn { width: 100%; border-radius: 0px; background: transparent !important;text-align: left;color: #000;font-size: 20px;padding: 10px 0px;font-weight: 600;border-bottom: 1px solid rgb(102 102 102 / 16%);} 
.hero-banner{padding: 0px 0px;}
.hero-slider .item { position: relative;}
.bg-img { background-size: cover !important;  background-repeat: no-repeat !important;
    background-position: center center !important;}
.slide-txt { height: 100%;}
.slide-txt img {width: 100% !important;height: 100%; } 
.small-cat .hcat-img.object-fit { height: 229px;}
.custom-cat {background: #fff;border: 1px solid #f1efef;padding: 10px;height: 100%;border-radius: 10px;position: relative;background-size: cover !important;background-position: center center !important;background-repeat: no-repeat !important;} 
.mb-20 { margin-bottom: 20px; } 
.custom-cat h5 { margin-bottom: 10px; font-size: 16px; } 
.custom-cat h5 a {color: #000;} 
.custom-cat ul.prd-list { list-style: none; padding: 0px; margin: 0px; } 
.custom-cat ul.prd-list li a { color: #000; width: 100%;} 
.custom-cat ul.prd-list li { margin-bottom: 2px; font-size: 13px; line-height: normal;} 
.banner-text.position-absolute {position: absolute; bottom: 0px;  background: linear-gradient(45deg, black, transparent);
  left: 0px;  top: 0px;  width: 100%;  display: flex;  align-items: end;  padding: 20px;} 
.banner-text.position-absolute ul {padding: 0px;list-style: none;} 
.banner-text.position-absolute ul li { margin-bottom: 10px; } 
.banner-text.position-absolute ul li a { color: #fff; }
.banner-text.position-absolute ul li a:hover {color: #F5C71A; }
.custom-cat ul.prd-list li a:hover {color: #22212c;}
.product-text h5 { font-size: 18px;}
.banner-img.h-100.position-relative.object-fit { height: calc(100% - 20px) !important; width: 100%;}
.mb-30 { margin-bottom: 30px;}
.d-grid { display: grid!important;}
.products-list.d-grid { list-style: none; padding: 0px; margin: 0px; grid-gap: 30px;  grid-template-columns: repeat(6, 1fr);  }
.products-list.d-grid li { color: #fff;  max-width: 220px;  padding: 15px;  border-radius: 0px;  background: #fff;  box-shadow: 0 0 12px rgb(0 0 0 / 12%);  }
.banner-form h5 {margin-bottom: 10px;}
.small_text.tp_common.shome_forms {line-height: 1.2;}


.table-container { background: #fff; padding: 30px 30px; border-radius: 10px; } 
table.table.text-center { border: 1px solid #dee2e6; } 
.table th, 
.table td { vertical-align: middle; border: 1px solid #dee2e6; } 
.table tr td, .table tr th {   font-weight: 400;} 
.lead-search { max-width: 400px; margin-left: auto; } 
.lead-search button.icon-btn {position: absolute;right: 1px;top: 1px;padding: 0px;height: 100%;width: 36px;border: 0px;z-index: 11;border-radius: 0px;} 
.lead-search {border: 1px solid #1560bd;border-radius: 0px;overflow: hidden;} 
.lead-search .form-control { border: 0px !important; }
.table-header{margin-bottom: 30px;}
.hcat-item.bg-white { border: 1px solid #e6ecf2;}

.active-dot { color: #06bf50; } 
.point-dot { display: inline-block; width: 10px; height: 10px; background: #626262; border-radius: 100%; margin-right: 5px; } 
.active-dot .point-dot { background: #06bf50; } 
.process-dot { color: #f5ad0c; } 
.process-dot .point-dot { background: #f5ad0c; }
.red-dot {color: #ff1313;}
.red-dot .point-dot {background: #ff1313;}
.image-center {width: 73px;height: 73px;}

.custom-cat-2:before { content: "";  position: absolute;  left: 0px; top: 0px; width: 100%; height: 100%; background: linear-gradient(45deg, black, transparent);}
.custom-cat-2 a { color: #fff;}
.custom-cat-2 ul li a { color: #fff;}
.custom-cat-2 div {position: relative;  z-index: 1;}
.custom-cat-2 ul.prd-list li a { color: #fff;}
.custom-cat-2 ul.prd-list li,
.banner-text.position-absolute ul li {font-weight: 500;}
.custom-cat-2 ul.prd-list li a:hover,
.banner-text.position-absolute ul li a:hover {color: #1560BD;}
.custom-cat-2 .image-center {border-radius: 100%; overflow: hidden; border: 2px solid #fff;}
.custom-cat-2 { border-radius: 5px; overflow: hidden;}

.bg-site .owl-dots button {background: #dfdbdb !important;}
.bg-site .owl-dots .owl-dot.active  {background: #FFDE17 !important;}
.btn-2:hover {background: #373645;}


.article-img.object-fit { height: 230px;  } 
.article-txt { padding: 15px 15px; } 
.article-txt .cat { margin-bottom: 0px; opacity: .77; font-size: 14px; } 
.article-txt h5 {  margin-bottom: 10px; font-size: 15px;line-height: 1.5;} 
.article-txt h5 a {color: #000;} 
.article-txt h5 a:hover {color: #1560BD;} 
.post-meta { font-size: 14px; opacity: 0.8; }
article.article {background: #fff;}
.item .article-txt {font-size: 14px;}
.item .article-txt .link {color: #000;text-decoration: none;font-weight: 400;}

form { display: inline-block; width: 100%; } 
.field-smm { float: left; width: 33.33%; padding: 0px 10px; } 
.field .field-smm:first-child { padding-left: 0px; } 
.field .field-smm:last-child { padding-right: 0px; } 
label { text-transform: capitalize; font-weight: 500; } 
.label-field label { margin-right: 10px; } 
.label-field label input { margin-right: 10px; } 
.label-field label:last-child { margin-right: 0px; } 

.review-footer { position: relative; padding-left: 100px; min-height: 90px; padding-top: 20px; } 
.review-img.object-fit { min-width: 80px; height: 80px; border-radius: 0%; } 
.review-slider .item {gap: 30px;}
.review-footer h6 { margin-bottom: 0px; } 
.dark-form .form-control {  border: none;}
.fs-13{font-size: 13px;}
.hero-slider, .hero-slider div {height: 100%;}
.hero-slider .owl-nav {height: auto !important;}

.review-slider {border: 10px solid #dcdee3; padding: 30px 15px 40px;} 
.bottom-nav .owl-nav {width: 100px;bottom: -24px;top: auto;right: 20px;transform: none;left: auto;background: #fff;padding: 0px 10px;}
.quote-icon.position-absolute {top: -23px;z-index: 2;font-size: 33px;left: 20px;}
.review-slider {margin-top: 20px;}
.slide-txt { width: 100%;}

/* owl */
.owl-carousel .owl-stage{display: flex;}
.owl-carousel .item { display: flex;     height: auto;}
.owl-dots button:before, .owl-dots button:after, 
.owl-dots button span:before, .owl-dots button span:after { display: none;}
.owl-dots {height: auto !important;width: 100%;text-align: center;padding: 20px;background: transparent !important;}
.owl-dots button {background-color: #22212c;overflow: hidden;display: inline-block;min-width: auto !important;margin-right: 7px;width: 14px;height: 14px;border: 1px solid #22212c !important;border-radius:100%;}
.owl-dots button.owl-dot.active {background: #22212c;}
.owl-dots button{box-shadow:none !important; outline:none !important;}
.owl-nav button {width: 36px;min-width: auto;height: 36px;position: relative;overflow: hidden;border: none;color: #fff !important;pointer-events: all;background: rgb(0 92 230) !important;border-radius: 0px !important;}
.owl-nav button span {position: absolute;z-index: 1;min-width: auto;left: 50%;top: 50%;transform: translate(-50%, -50%);line-height: 1;font-size: 20px;}  
.owl-nav  .fa-angle-right:before {font-family: 'remixicon' !important; content: "\ea6e";}
.owl-nav .fa-angle-left:before {font-family: 'remixicon' !important; content: "\ea64";} 
.owl-carousel .owl-item img {width: auto;}
.owl-nav { position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%, -50%); } 
.owl-nav button.owl-prev { float: left; } 
.owl-nav button.owl-next { float: right; }
.tcolor{ color: #1560bd;}
.bg-site {background: rgb(26,30,33);    background: linear-gradient(90deg, rgba(26,30,33,1) 20%, rgba(49,50,50,1) 60%); color: #fff;}
.bg-light{background-color:#fbfbfb !important;} 
.bg-dark {background-color: #292929 !important; color: #fff;} 
.bg-yellow{background-color: #1560BD; color:#fff;}

.owl-nav button:hover {background: #FFDE17 !important;}
.top-nav .owl-nav {position: absolute; right: 0px; top: -56px; width: 80px; transform: none; left: auto;}



/* feature product */

.main-title{position: relative;}
.main-title h3{display: inline-block;      padding-right: 20px; position: relative;z-index: 1;}
.heading-line-heading{background-color: #f1efef;}
.heading-line {  border: 3px solid #DCDEE3;  border-radius: 3px;  overflow: hidden; position: absolute; top: 50%;
right: 0px; transform: translateY(-50%);width: 100%;}

.main-title.bg-site { padding: 10px 20px; margin-bottom: 20px; } 
.product-img.object-fit { height: 125px; } 
.product-text { padding: 20px 0px 0px; } 
.btn-section .sm-btn { padding: 6px 8px; min-width: auto; font-size: 12px; } 
.product-item { width: 100%; } 
.light-btn { background: #878484; }


.overlay-link { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; 
  color: #fff; padding: 15px 30px; background: rgba(0,0,0,.3); } 
.overlay-link a { color: #fff;}
.overlay-link a:hover{ color: #1560BD;}
.hcat-img.object-fit { position: relative; height: 221px; } 
.overlay-title { color: #fff; } 
.hcat-item:hover .overlay-link { background: rgba(0,0,0,.5); } 
.overlay-desc { color: #fff; } 
ul.c-prd { list-style: none; padding: 0px; margin: 0px; display: flex; display: -webkit-flex; 
  flex-direction: row; flex-wrap: wrap; border-top: 0; } 
.hcat-content {padding: 10px 10px;} 
ul.c-prd li { width: 33.33%; } 
.c-prd-img.object-fit { border-radius: 100px; width: 80px; height: 80px; margin: 0 auto; 
  margin-bottom: 10px; overflow: hidden; position: relative; } 
.c-prd-txt { font-size: 12px; color: #555; text-align: center; font-size: 14px; line-height: 21px; height: 42px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; } 
ul.c-prd li:hover a .c-prd-txt { color: #22212c; }

.bg-green {background: #09c718;}
.bg-blue {background: #22212c;}
.custom-cat h5 a:hover {color: #1560BD;}
.custom-cat ul.prd-list li a:hover { color: #1560BD;}

.cat-border-top { border-top: 3px solid #E63431;}


/* footer  */


.simple-link { list-style: none; padding: 0px; } 
.simple-link li { margin-bottom: 10px; } 
.simple-link li a { color: #fff; width: 100%; } 
.simple-link li a:hover { padding-left: 10px; color: #F5C71A; } 
.footer-widget h5 { color: #fff; } 
.patner-section { margin-top: 50px; padding: 20px 0px; } 
.copyright-logo {display: flex;align-items: center;justify-content: center;} 
.cl-img img {max-height: 63px;width: auto !important;} 
.copyright { background: #ffde17;padding: 10px 0px; color: #000;   margin-top: 0px; font-size: 13px;} 
.copyright h5 {color: #fff;margin-bottom: 10px;} 
.social-icon li a span{ color: #1560bd; width: 40px; height: 40px; font-size: 17px; border-radius: 100%; 
  display: inline-block; text-align: center; line-height: 40px; background: #ffde17; vertical-align: middle;margin-right: 7px;} 
.social-icon { margin-bottom: 0px; list-style: none; padding: 0px; } 
.footer a span:hover { color: #F5C71A; } 
.social-icon li{margin-bottom:10px;}
.social-icon li a:hover span { background: #000; color: #fff; } 

.back-to-top {    position: fixed;  bottom: 90px;  right: 30px; text-align: center; font-size: 16px; color: #000000; letter-spacing: .308px; z-index: 1111;
    display: inline-block !important;}
.back-to-top span { border-radius: 50%; border: 1px solid #22212c;width: 42px;  height: 42px;  overflow: hidden;   display: inline-block;
 line-height: 42px;vertical-align: middle;  margin-left: 10px; letter-spacing: .308px; background:#22212c; color:#fff;}
 





/* breadcrumb */
.inner-banner h1 {font-size: 25px; margin-bottom: 0px;}
.inner-banner {border-bottom: 1px solid rgb(213 210 210 / 22%);} 
ul.breadcrumb{border-radius:0;margin:0;background:transparent;padding: 0px;display: inline-block;}
ul.breadcrumb a{ text-decoration:none;}
.breadcrumb li{text-transform:capitalize;transition:all .5s;display: inline-block;font-size: 14px;font-weight: 400;color: #fff;}
.breadcrumb li:nth-last-child(1):after{display:none;}
ol.breadcrumb {background: transparent; padding: 0px; margin-bottom: 10px; color: #495057;}
.breadcrumb li a {color: #fff;}
.breadcrumb-item.active {color: #fff;}
.breadcrumb-item+.breadcrumb-item::before {color: #fff;content: "/";font-family: 'LineIcons' !important;font-size: 14px;}
.categorie_box .categories-iteam {padding: 15px;border-radius: 5px;display: flex;flex-wrap: wrap;align-items: flex-start;margin-bottom: 20px;transition: all 0.3s ease;} 
.categories-iteam .ci-name { width: 100%; flex-grow: 1; margin: 0 0 15px 0; font-size: 16px; color: #000; font-weight: 600; } 
.categories-iteam .ci-img {width: 125px;height: 125px;box-sizing: border-box;overflow: hidden;} 
.categories-iteam .ci-link {margin: 0;padding: 0;list-style: none;width: calc(100% - 145px);box-sizing: border-box;padding-left: 15px;}
.categories-iteam .ci-link li{position:relative;padding-left:10px;margin-bottom: 8px;font-size:13px;font-weight: 500;line-height: normal;}
.categories-iteam .ci-link li:before{content:'';position:absolute;height:3px;width:3px;border-radius:50%;background: #666;left:0;top:calc(50% - 1px);opacity: 0;}
.categories-iteam .ci-link li:last-child{margin-bottom:0;}
.categories-iteam .ci-link li a{display:inline-block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color: #666;}   
.categories-iteam .ci-link li a:hover { color: #1560BD;}
.link.tcolor {color: #1560BD !important;}

.subcat-item .ci-name {margin: 20px 0px 5px;}
.heading { position: relative; padding-bottom: 10px; } 
.heading:before { content: ""; position: absolute; left: 0px; bottom: 0px; width: 85px; height: 2px; background: #1560BD; }
.row.subcat-row {margin-bottom: 30px;}


.dealers-box { border: 1px solid #ddd; display: inline-block; width: 100%; position:relative;} 
.dealer-img-box {float: left;width: 204px;} 
.dealer-txt {float: right;width: calc(100% - 204px);padding: 0;border-left: solid 1px #ddd;position: relative;} 
.dealer-txt .d-flex { justify-content: space-between; align-items: center;}
.cnt-type img {max-width: 203px;}
.dealers-footer { display: inline-block; width: 100%; border-top: 1px solid #ddd; padding: 10px 10px 0px 10px; } 
.dlr-img {display: flex;justify-content: center;align-items: flex-start;max-height: 299px;} 
.dlr-img img {} 
.dealer-txt h5 { margin-bottom: 10px; } 
.dealer-txt ul { padding-left: 20px; }
.cv-status { font-size: 17px; background: #12bb1f; color: #fff; width: 20px; display: inline-block; text-align: center; height: 20px; 
  line-height: 20px; border-radius: 100%; vertical-align: middle; } 
.client-value {
  border: 2px solid #ffde17;
  display: inline-block;
  line-height: normal;
  background: #1560BD;
  color: #fff;
  padding: 0px 5px;
  font-weight: 500;
  border-radius: 5px;
  } 
.address-meta {color: #282727;position: relative;z-index: 1;margin-bottom: 5px;margin-top: 4px;} 
.black.title_tooltip:before { display: block;     background: rgb(21 96 189); content: attr(data-tooltip); position: absolute;  z-index:11;
  font-size: 12px; color: #fff; top: 25px; left: 0; width: 210px; text-align: center; padding: 5px 7px; border-radius: 6px; 
  line-height: 16px; } .black.title_tooltip { position: relative; } 
.black.title_tooltip span:after, 
.black.title_tooltip span:before { top: 5px; left: 40px; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; } 
.black.title_tooltip span:before { border-bottom-color: #1560bd; border-width: 10px; margin-left: -10px; } 
.black.title_tooltip span { position: relative; }
.black.title_tooltip:before, .black.title_tooltip span:before, .black.title_tooltip span:after { opacity: 0;}
.black.title_tooltip:hover:before, .black.title_tooltip:hover span:before, .black.title_tooltip:hover span:after { opacity: 1;}

.dealer-img-tiny { padding: 0px; list-style: none; display: flex; margin: 0px; } 
.dealer-img-tiny li.object-fit { height: 58px; flex-grow: 1; border: 1px solid #ddd; border-bottom: 0px; }


.main-section.landing-banner { background: #d6d6d6; padding-bottom: 120px; } 
.transform-section { padding: 65px; transform: translateY(-85px); } 
.field-sm { float: left; width: 50%; padding: 0px 10px; } 
.field .field-sm:first-child {padding-left: 0px;} 
.field .field-sm:last-child { padding-right: 0px; } 
.check-btn label { display: inline-block; margin-right: 10px; margin-bottom: 0px; } 
.check-btn label input { margin-right: 10px; } 
hr { display: inline-block; width: 100%; } 
ul.point-list { padding: 0px; list-style: none; } 
ul.point-list li { margin-bottom: 30px; position: relative; padding-left: 35px; font-size: 18px; } 
ul.point-list li .li-icon { position: absolute; left: 0px; font-size: 26px; color: #00a3e9; top: 0px; } 
ul.point-list li p { font-size: 14px; } 
.sidebar { border-left: 1px solid #eee; padding-left: 30px; height: 100%; } 
.widget-heading { padding-bottom: 15px; border-bottom: 1px solid #eee; position: relative; } 
.widget-heading:before { content: ""; position: absolute; left: 0px; bottom: -1px; width: 40px; height: 2px; background: #009eea; }


.w-auto { display: inline-block; margin: auto auto; float: none; margin: 0px auto !important;}
.account-form { max-width: 500px;}
.field h3 { margin-bottom: 0px;}
.field.add-field { position: relative; padding-right: 40px; } 
.field.add-field button { position: absolute; right: 0px; min-width: auto; padding: 6px 10px; } 
.field.add-field .field-smm { padding-left: 0px; }

.checkbox-label { position: relative; padding-left: 30px; } 
.checkbox-btn { width: 22px; height: 22px;   border: 1px solid #505050; display: inline-block;  position: absolute; left: 0px; top: 0px; } 
.checkbox-label input[type="checkbox"] { opacity: 0; position: absolute; } 
.checkbox-btn:before { position: absolute; left: 50%; top: 50%; content: "\EB7B"; font-family: remixicon!important; 
    font-size: 20px; transform: translate(-50%, -50%); opacity: 0; } 
.checkbox-label input[type="checkbox"]:checked + .checkbox-btn:before { opacity: 1; }

.t-green { color: #219d02;}
.fs-20 {font-size: 20px;}
.vam {vertical-align: middle;}
.hero-box { padding: 30px 15px;}
.input-group-text {  border-right: 1px solid rgb(0 0 0 / 20%) !important;border: 1px solid rgb(0 0 0 / 20%) !important;}
select.unit-select { outline: none;  border-left: 0px;  background: #1560BD; color: #fff;}
.radio-slider .radio-box { position: absolute; right: -1px; background: #1560BD; width: 120px; height: 43px; border-radius: 0px; 
  color: #fff; font-size: 14px; text-align: center; line-height: 43px; top: 0; } 
.radio-slider .radio-bg { position: relative; display: inline-block; } 
.radio-slider input[type=radio] { position: relative; z-index: 1; opacity: 0; top: 2px; cursor: pointer; } 
.radio-slider input[type=radio] { position: relative; z-index: 1; opacity: 0; top: 2px; cursor: pointer; } 
.radio-slider .radio-circle { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; -webkit-transition: .4s; 
  transition: .4s; margin: auto; width: 28px; height: 16px; border-radius: 30px; z-index: 0; } 
  .radio-slider .radio-circle:before { position: absolute; content: ""; height: 12px; width: 12px; left: 3px; bottom: 2px; 
  background-color: #1560BD; -webkit-transition: .4s; transition: .4s; border-radius: 50%; } 
.radio-slider input:checked+.radio-circle:before { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); 
  transform: translateX(10px); }
.bg-darklight{background: #f5f5f5;}

.col-custom-5.border-1 { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%;}
.col-custom-5 .categorie_box .categories-iteam { justify-content: center;}

.col-custom-5 .categorie_box .categories-iteam { justify-content: center;}
.col-custom-5.border-1 {border: 1px solid #ced4da;}
.blue-gradient{color: #fff; background: linear-gradient(14deg, #00ede2, #1560BD);}
.ci-name a { color: #313232;}
.ci-name a:hover {color: #1560BD;}


/* default pg */

.skills-status {display: inline-block;  width: 100%;}
.skills-status .skill:first-child { padding-left: 0px;}
.skills-status .skill:last-child {padding-right: 0px;}

.skill {margin-bottom: 21px;position: relative;overflow:hidden;float: left;padding-top: 10px;width: 100%;}
.skill > p {font-size: 14px;font-weight: 500;color: #1a1716;margin: 0;}
.skill:before{width: 100%;height: 5px;content: "";display: block;position: absolute;background: #959595;bottom: 0;}
.skill-bar {width: 100%;height: 5px;background:#f68338;display: block;position: relative;}
.skill1{ width: 99.9%;     background: #00BCD4;}
.skill-bar span{position: absolute;top: -38px;font-size: 18px;padding: 3px 0;font-weight: 500;}
.skill-bar {   position: relative;  }
.skill1 .skill-count1 {right: 0;}
.skill2{  width: 93%;     background: #4CAF50; }
.skill2 .skill-count2 {    right: 0;}
.skill3{  width: 98%;  background: #f68338;}
.skill3 .skill-count3 {  right: 0; }
.skill4{  width: 95%; background: #3F51B5;}
.skill4 .skill-count4 {   right: 0;}
.skill5{  width: 80%; background: #03A9F4; }
.skill5 .skill-count5 {  right: 0;}
.skill6{ width: 90%; background: #795548;}
.skill6 .skill-count6 {   right: 0;}



.counter-header { text-align: center; font-weight: 600; } 
.counter { font-size: 50px; font-weight: 700; } 
.counter-section .col-lg-4 { border-right: 1px dotted #dae29f; } 
.counter-section .col-lg-4:last-child { border: 0px; }  
.default-pg ul { list-style: none; padding: 0px; } 
.default-pg ul li { color: #000; margin-bottom: 10px; position: relative; padding-left: 20px; } 
.default-pg ul li:before { font-family: remixicon!important; font-style: normal; content: "\EB81"; position: absolute; left: 0px; color: #00b4e7; }
.card-header { padding: 0px; background: transparent; border: none; } 
.card { border: none; margin-bottom: 15px;    border-radius: 8px; } 
.card-header button {background: linear-gradient(to right,#C10D24,#E63431);border-radius: 8px;text-align: left;width: 100%;
  color: #fff;font-size: 16px;padding: 20px 40px 20px 20px;font-weight: 500;
  text-decoration: none !important;     word-break: break-all; white-space: normal;} 
.card-body p:last-child { margin-bottom: 0px; }
.card-header button.collapsed:before {content: "\EA13";}
.card-header button:before { background-image: none;  transform:none;  font-family: remixicon!important;  content: "\F1AF";
    font-weight: 400;  position: absolute;   right: 0px;  padding: 0px 12px;} 
.sidebar .aside-widget ul li { font-weight: 500; margin-bottom: 10px; } 
.sidebar .aside-widget ul li a { color: #000; } 
.sidebar .aside-widget ul li a:hover { padding-left: 10px; color: #1560bd; } 
.blog-pagnation a {  display: inline-block;  box-shadow: 4px 12px 40px 6px rgb(0 0 0 / 3%); 
  border-radius: 40px;  padding: 12px 40px;  background: #fff;  min-width: 250px;}
.aside-widget .accordion-body ul li a:hover { color: #1560BD;}
.widget-title h2, .widget-title h3 {  font-size: 16px;background: #1560BD !important;  color: #fff !important;  text-transform: capitalize;  font-weight: 500;  border-bottom: 1px solid #eee !important;  padding: 1rem 1.25rem; margin: 0px 0px 15px 0px;} 
.aside-widget {margin-bottom: 40px;background: #fff;box-shadow: 4px 12px 40px 6px rgb(0 0 0 / 9%);
    border-radius: 10px;overflow: hidden;} 
.aside-widget .listing-item {padding-left: 100px;margin-bottom: 10px;box-shadow: none;border-bottom: 1px solid #f5f4f4;position: relative;display: inline-block;width: 100%;} 
.aside-widget .listing-item h3 a { color: #000; } 
.aside-widget .listing-item h3 {margin-bottom: 5px;letter-spacing: 0px;font-size: 15px;}
.aside-widget .listing-img{width: 87px;position: absolute;text-align: center;left: 0px;height: auto;top: 14px;
  max-height: 90px; padding-left: 10px;}
.aside-widget .listing-item .prd-info {padding: 0px 0px 10px;}
.listing-txt {padding: 10px 0px;}
.aside-widget .listing-item .price { margin: 0px; color: #999;}
.aside-widget .listing-img img { max-height: 90px;  margin: auto;}
.rating { color: #f1ca08;}
.pagination {justify-content: center;} 
ul.pagination ul li { background: #ECECEC;  text-align: center;} 
ul.pagination li a {background: transparent;border: none;
  border-radius: 0px!important;  color: #000; font-size: 15px;  padding: 7px 19px; text-align: center;
  box-shadow: none !important;  min-width: 40px;  border: 1px solid #000;  } 
ul.pagination li { margin-right: 14px; } 
ul.pagination li:last-child { margin-right: 0px; } 
ul.pagination li a:hover,
ul.pagination li.active > a:hover{color: #fff;background: #000;border-color: #000;}
.page-item.active .page-link { z-index: 1; color: #fff;  background-color: #1560BD;  border-color: #1560BD;}
.after-none:after{display: none;} 
.sidebar .aside-widget { padding: 20px 30px; } 
article.article.br-10 { overflow: hidden; } 
.aside-widget .article-txt h4 { font-size: 16px; font-weight: 500; margin-bottom: 10px; } 
.aside-widget .article-txt { padding: 10px 0px 0px; } 
.aside-widget article.article { box-shadow: none; margin-bottom: 10px; }
.cnt-info address {position: relative;padding-left: 30px;}
.cnt-info .address-icon { vertical-align: middle;  margin-right: 10px;position: absolute;left: 0px;}
.fillter-bar { padding-right: 0px; position: sticky; top: 100px;} 
button.filter-cls { display: none;}
.search-result .form-control {min-width: auto;display: inline-block;width: auto;background-color: #f5f5f7;color: #6d7c90;border: 0px;font-weight: 500;border-radius: 34px;padding: 4px 20px;height: 43px !important;} 
.search-result .filter-btn { margin-left: 10px; padding: 10px 15px; display: none;}
.aside-widget .btn.btn-link { padding: 10px 30px 10px 10px; letter-spacing: 0px; border-radius: 0px; } 
ul.aside-list {padding: 0px;list-style: none;overflow-y: scroll;height: 500px;} 
ul.aside-list li { margin-bottom: 6px; } 
ul.aside-list li a { color: #666; } 
ul.aside-list li:hover > a { color: #1560BD; } 
.product-text h5 {font-size: 15px;line-height: 21px;}
.product-text h5 a {color: #666;}
button.close { position: absolute;  right: 0px;    opacity: 1 !important;  font-weight: 400 !important;  z-index: 11;}

.container-fluid {position: relative;}
.lead-country span {max-width: 20px;display: inline-block;}
.table {font-weight: 400;}
.dropdown {display: inline-block;} 
.dropdown-toggle {background: transparent !important;padding:  10px;color: #666;min-width: auto;font-weight: 400;}

.site-box {padding:30px;}
.category-section .site-box {padding:10px 30px 30px 30px;} 

.site-box .main-title.mb-4 {margin-bottom: 10px !important;}
.bg-blue{background: linear-gradient(to right,#C10D24,#E63431);}


/* faq page */
.faq-page .card-header {padding: 0px;  background: transparent;}
.faq-page .card-header a { padding: 10px 45px 10px 25px;  display: inline-block;  width: 100%;  position: relative;}
.faq-page .card-header a i { position: absolute;  right: 10px;}
.faq-page .card { border: 0px;}
.faq-page .card-header h5 { font-size: 24px; font-weight: 500;}
.border-1 {border: 1px solid #ced4da;}

.justify-content {justify-content: center;}
.input-group-prepend { margin-right: 0px;} 
.article-pb article.article {margin-bottom: 30px; border-radius: 10px; overflow: hidden;}
.sitemap-pg  ul li a{color: #000;}
.sitemap-pg  ul li a:hover{color: #00b4e7;}
.sitemap-pg ul li:before { content: "-"; line-height: normal; color: #000;}

.membership-pricing-table table { width: 100%;} 
.membership-pricing-table table .icon-no,.membership-pricing-table table .icon-yes { font-size: 22px } 
.membership-pricing-table table .icon-no { color: #a93717 } .membership-pricing-table table .icon-yes { color: #209e61 } 
.membership-pricing-table table .plan-header { text-align: center; font-size: 48px; border: 1px solid #e2e2e2; padding: 25px 0 } 
.membership-pricing-table table .plan-header-free {background-color: #ff9317;color: #fff;} 
.membership-pricing-table table .plan-header-blue {color: #fff;background-color: #1560bd;border-color: #1560bd;} 
.membership-pricing-table table .plan-header-standard {color: #fff;background-color: #e0015d;border-color: #e0015d;} 
.membership-pricing-table table td { text-align: center;  width: 15%;  padding: 10px 15px;   background-color: #fff;   font-size: 14px;   
    -webkit-box-shadow: 0 1px 0 #fff inset;  box-shadow: 0 1px 0 #fff inset;} 
.membership-pricing-table table,.membership-pricing-table table td {border: 1px solid #ebebeb;} 
.membership-pricing-table table tr:nth-child(2n+2) td {    background-color: #fafafa;}
.membership-pricing-table table tr td:first-child { background-color: transparent; text-align: right; width: 24% } 
.membership-pricing-table table tr td:nth-child(5) { background-color: #FFF } 
.membership-pricing-table table tr:first-child td,
.membership-pricing-table table tr:nth-child(2) td { -webkit-box-shadow: none; box-shadow: none } 
.membership-pricing-table table tr:first-child th:first-child { border-top-color: transparent; border-left-color: transparent; border-right-color: #e2e2e2 } 
.membership-pricing-table table tr:first-child th .pricing-plan-name { font-size: 22px ;padding: 0px 15px;} 
.membership-pricing-table table tr:first-child th .pricing-plan-price { line-height: 35px } 
.membership-pricing-table table tr:first-child th .pricing-plan-price>sup { font-size: 45% } 
.membership-pricing-table table tr:first-child th .pricing-plan-price>span { font-size: 30% } 
.membership-pricing-table table tr:first-child th .pricing-plan-period { margin-top: -7px; font-size: 25% } 
.membership-pricing-table table .header-plan-inner { position: relative } 
.membership-pricing-table table .recommended-plan-ribbon {
    box-sizing: content-box;
    background-color: #17b0ff;
    color: #FFF;
    position: absolute;
    padding: 3px 6px;
    font-size: 11px!important;
    font-weight: 500;
    left: -6px;
    top: -22px;
    z-index: 99;
    width: 100%;
    -webkit-box-shadow: 0 -1px #c2284c inset;
    box-shadow: 0 -1px #c2284c inset;
    text-shadow: 0 -1px #c2284c
    } 
.membership-pricing-table table .recommended-plan-ribbon:before {
    border: solid;
    border-color: #17b0ff transparent;
    border-width: 6px 0 0 6px;
    bottom: -5px;
    content: "";
    left: 0;
    position: absolute;
    z-index: 90
    } 
.membership-pricing-table table .recommended-plan-ribbon:after {
    border: solid;
    border-color: #099fed transparent;
    border-width: 6px 6px 0 0;
    bottom: -5px;
    content: "";
    right: 0;
    position: absolute;
    z-index: 90
    } 
.membership-pricing-table table .plan-head { box-sizing: content-box; background-color: #ff9c00; border: 1px solid #cf7300; position: absolute; 
    top: -33px; left: -1px; height: 30px; width: 100%; border-bottom: none }

.tgreen {color: green;}
.tred {color: red;}
.membership-pricing-table i {font-size: 20px;vertical-align: middle;}

.pp-item {text-align: center;}
.pp-item-img.object-fit {height: 143px;margin-bottom: 10px;}
div#sync4 { margin-top: 10px;}
.model-logo { max-width: 200px; margin: auto;}

/* seller website  */

.sub-banner {padding: 40px 0px 0px;} 
.sb-head .d-flex {align-items: center;} 
.s-logo {max-width: 100px;} 
.sb-head h1, .sb-head p {margin-bottom: 5px;} 
span.tagline {background: #1560bd;padding: 5px 10px;display: inline-block;font-size: 12px;border-radius: 5px;vertical-align: middle;}
.sb-head{padding: 30px;background: #fff;}
.sb-head .flag-icon {max-width: 31px; vertical-align: middle;  margin-left: 5px;} 
.sb-head p a {color: #fff;} 
.sb-head p  i {vertical-align: middle;} 
.sb-head p a:hover {color: #f5c922;}

.seller-nav ul li a {color: #fff;padding: 8px 14px;display: inline-block;} 
.seller-nav ul li a:hover{    color: #ffde17;}
.seller-nav {padding: 0px 30px;} 
.seller-nav ul li {margin-right: 10px;} 
.seller-nav ul li:last-child {margin-right: 0px;}


.info-icon-list li {width: 33.3%;float: left;margin-bottom: 20px;position: relative;min-height: 50px;padding-left: 65px;} 
.info-icon-list {display: inline-block;width: 100%;margin: 0px;} 
.info-span-icon {position: absolute;width: 50px;height: 50px;
    background: #eee;text-align: center;border-radius: 100%;left: 0px;top: 0px;line-height: 50px;} 
.info-icon-list li p { line-height: normal;}
.info-section .categorie_box .categories-iteam {padding-left: 0px; padding-right: 0px;}
.av-img.object-fit {height: 100px;width: 100px;margin: auto auto 15px;border-radius: 0;}


.sidebar .aside-widget ul.tinypost li {list-style: none;padding: 0px !important;}
.sidebar .aside-widget ul.tinypost li a{display: flex; width: 100%;}
.sidebar .aside-widget ul.tinypost li a:hover {padding-left: 0px;} 
.sidebar .aside-widget ul.tinypost {padding: 0px;} 
.tinypost-img.object-fit {width: 60px;height: 60px;border: 1px solid #eee;padding: 5px;margin-right: 10px;}
.premiumservices-box {transform: translateY(-59px);}
.ps-logo img { max-width: 131px; margin-bottom: 20px;}
.premiumservices-section .transform-section{transform: translateY(-25px);}
.quality-section{background: url(../media/connect-bg.jpg);}
.quality-section:before{background: rgb(0 0 0 / 78%);}
.bg-fixed {background-attachment: fixed !important;}
.whys-txt-bx {position: relative;padding-left: 100px;display: flex;flex-flow: column;padding-right: 30px;}
.whys-txt-bx .whys-icon {position: absolute;left: 10px;top: 0px; max-width: 65px;}
.cta-section{background: url(../media/cta-section.jpg);}
.cta-section:before {background: rgb(0 0 0 / 81%);}
.lead-list {padding: 0px;}
.lead-list li.d-flex {justify-content: space-between;align-items: center;background: #fff; 
    margin-bottom: 30px;box-shadow: 1px 4px 17px rgb(35 32 32 / 26%);padding: 20px 15px;}
.lead-list-content {padding: 0px;}
.lead-list-detail {padding: 0px 30px;}
.landing-banr-txt img { max-width: 200px;}
.menutoggle{display: none;}

table.ordre-table img {max-width: 70px;}
table.ordre-table td, table.ordre-table th {text-align: center;}
table.ordre-table td {font-size: 14px;}
table.ordre-table tbody tr:nth-child(2n+1) {background: #eee;}
table.ordre-table thead tr  {background: #1560bd;color: #fff;width: 100%;}
table.ordre-table thead tr th{padding: 10px;}

.user-admin-content .field-icon { margin-top: 10px;  float: right;  position: relative;  right: 30px;}
#buyer-form{display: none;}

.dtl-cmp {background: #f9f9f9;padding: 20px 10px;border-radius: 5px;} 
.cmp-img img {max-width: 90px;margin-bottom: 15px;} 
.cmp-header .bg-light { background: #06c5d8 !important; font-size: 12px; padding: 2px 5px; color: #000; } 
.cmp-header { margin-bottom: 10px; }  
.dtl-cmp .cnt-info .address-icon { margin: 0px; left: 20px; } 
.dtl-cmp .cnt-info address { text-align: left; padding-left: 50px; } 
.dtl-cmp .cnt-info address { padding-right: 20px; } 
.cnt-info { margin-bottom: 15px; } 
.cmp-tag { font-size: 12px; margin-bottom: 10px;} 
.cmp-tag label { margin-right: 10px; } 
.cmp-tag label:last-child { margin-right: 0px; } 
.dtl-cmp .enquiry-btn { background: #fff; padding: 10px; color: #000; }

.simial-product .product-img.object-fit { max-width: 200px; margin: auto; height: 200px; } 
.simial-product .product-img.object-fit img { max-height: 200px; } 
.simial-product .product-item { border: 1px solid #ddd; padding: 20px 10px; }
.lead-section table tr th, .lead-section table tr td { max-width: 160px;}
.table-view.text-center.bg-blue { padding-bottom: 15px !important;}

/* new price table */

.package__list{display: flex;justify-content: center;padding: 50px 0px;}

.package--pack {overflow: hidden;background: #fff;max-width: 320px;position: relative;padding-bottom: 90px;}
.package__head {text-align: center;position: relative;padding: 30px 30px 15px;color: #38327c;min-height: 216px;}
.package__head p {margin-bottom: 0px;}
.package__head button {padding: 12px 31px;min-width: 160px;margin-top: 15px;}
.package__content {padding: 12px 30px;color: #444444;}
.pack--block {border-top: 1px solid #eee;padding: 10px 0px;margin-bottom: 10px;}
.package__content .pack--block:last-child {}
.pack--block ul {list-style: none;padding: 0px;margin: 0px;}
.pack--block li {font-size: 16px;position: relative;color: #444444;margin-bottom: 5px;padding-left: 23px;font-weight: 600;}
.pack--block li.min--heightlist {min-height: 54px;}
.offer--price { font-weight: 700;line-height: normal;}
.offer--price sup {font-size: 10px;font-weight: 700;top: -1.5em;}
.offer--price span {font-size: 39px;vertical-align: middle;}
.offer--price sub {font-size: 12px;font-weight: 400;}
.pack--block ul li.pack--active:before, 
.pack--block ul li.pack--inactive:before {font-family: remixicon!important; content: "\EB7B";position: absolute;color: #5ACE31;left: 0px;top: 0px;}
.pack--block ul li.pack--inactive:before {color: #FF6969;content: "\EB99";}

 
.package__head button.outline-btn { padding: 10px 31px;}
.package--heading {font-size: 22px;font-weight: 500;}
.free--pack .package__head {color: rgba(68, 68, 68, 0.76);}
.package--tag{color: #fff;font-size: 10px;position: absolute;right: 0px;top: 0px;padding: 2px 12px 2px 20px;}
.package--tag:before {content: "";width: 0;height: 0;border-style: solid;border-width: 10px 0 10px 9px;
    border-color: transparent transparent transparent #f5fafe;position: absolute;left: 0px;top: 50%;transform: translateY(-50%);}

.package__list .package--pack:first-child { border-top-left-radius: 20px; border-bottom-left-radius: 20px; } 
.package__list .package--pack:last-child { border-top-right-radius: 20px; border-bottom-right-radius: 20px; } 
.package--pack.recomended--pack {
    background: linear-gradient(45deg, #002ec2, #162c72);
    z-index: 11;
    /* border-top-left-radius: 20px; */
    /* border-bottom-left-radius: 20px; */
    color: #fff;
    /* margin-top: -40px; */
    position: relative;
    /* margin-bottom: -40px; */
    } 
.package--pack.recomended--pack * { color: #fff; }
.pack-iocn img { max-height: 125px;}
.pack-iocn { margin-bottom: 20px;}
.package__head p { line-height: normal;}
.package--pack button {position: absolute; bottom: 30px;  left: 50%; transform: translateX(-50%);}

.package__head:before { width: 0; height: 0; border-style: solid; border-width: 20px 20px 0 20px; 
border-color: #142c7a transparent transparent transparent; content: ""; position: absolute; left: 50%; transform: translateX(-50%); top: 0px; -webkit-transition: all .3s;
-moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; opacity: 0; } 
.package--pack.free--pack:hover .package__head:before { opacity: 1; }
.package--pack.free--pack:hover { background: rgb(12 45 153 / 7%);}

.category-section .custom-cat ul.prd-list li a { white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;max-width: 24ch;display: inline-block;}
.footer-widget, .footer-widget a { color: #222;}
.footer-widget h5{position:relative; padding-bottom:10px;}
.footer-widget h5:after { content: ""; height: 2px; width: 38px; background: #F5C71A; position: absolute; left: 0px; bottom: 0; } 
.footer-widget { margin-bottom: 30px; }
.img-banner img{width:100%;}


.switch { position: relative; display: inline-block; width: 60px; height: 25px; margin:0px 15px; } 
.switch input { opacity: 0; width: 0; height: 0; } 
.slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; } 
.slider:before { position: absolute; content: ""; height: 20px; width: 20px; left: 4px; bottom: 3px; background-color: white; -webkit-transition: .4s; transition: .4s; } 
.switch input:checked + .slider { background-color: #2196F3; } 
.switch input:focus + .slider { box-shadow: 0 0 1px #2196F3; } 
.switch input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); }
.slider.round {border-radius: 34px;}
.slider.round:before { border-radius: 50%;}

.banner-form { background: #eef8ff; padding: 20px; border-radius: 10px; }
.search-prodcuts .dealers-box { height: 100%; min-height: 299px;}
.search-prodcuts .dealer-img-box {display: flex;align-items: center;justify-content: center;height: 347px;}
.custom-scroll {height: 150px; overflow-y:auto; padding-right:20px;}
.dealer-txt ul { list-style: none; padding: 0px; } 
.dealer-txt ul li span { margin-right: 5px; opacity: 0.8; }
.dealer-txt ul li { font-size: 13px; line-height: 1.4; font-weight: 400; color: #000; margin-bottom:5px;}
.search-prodcuts .dealer-txt ul li { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 90%; }
.custom-scroll::-webkit-scrollbar { width: 4px;}
.custom-scroll::-webkit-scrollbar-thumb {  background-color: #ccc;  }

.adv-slider { margin-bottom: 30px; padding: 0px 50px; } 
.adv-slider .item { text-align: center; display: block;} 
.adv-slider .item img { margin: auto; width: auto !important; }

.seller-pg .dlr-img {  height: 180px;  float: left;   display: inline-block;  margin-right: 40px;}
.dealers-box.seller-pg { background: rgb(238 238 238 / 46%);}
.seller-pg .dealer-txt { width: 100%;}

.form-widget { padding: 20px 5px 0px 5px; } 
.form-widget form { padding: 10px; border-radius: 5px; } 
.form-widget h6 { color: #fedd17; } 
.form-widget span { font-size: 80%; display: block; margin-bottom: 4px; color: #fff; }
.fillter-bar.position-relative { top: 40px;}
.fw-normal.widget-title-txt {line-height: 1.5;}



@keyframes fadeInTop {
  from {
    opacity: 0;
    transform: translate3d(0, 20%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

/* container */

.container-left {
    padding-left: calc(50% - 570px);
}
 
@media (min-width: 767px){ 
.container { max-width: 100%;}
.modal-dialog { max-width: 750px;}
.expend-btn{display: none;}


}


@media (min-width: 768px){
.container {max-width: 720px;}
}

@media (min-width: 992px){
.container {max-width: 960px;}
.sidecat ul.list-style > li > ul { position: absolute; top: 0;   left: 95%; width: 990px; z-index: 9999; height: 100%; 
  max-height: 100%; transition: none; overflow: auto; padding: 20px; background: #fff; box-shadow: 0 2px 14px rgb(0 0 0 / 10%);
opacity: 0;  visibility: hidden; pointer-events: none;} 
.sidecat ul.list-style > li > ul > li { float: left; width: 33.33%; padding: 0px 10px; font-weight: 500; } 
.sidecat ul.list-style > li > ul > li ul li { display: inline-block; width: 100%; font-weight: 400; margin-bottom: 7px; } 
.sidecat ul.list-style > li > ul > li ul { padding-left: 10px; }  
.sidecat ul.list-style > li > ul > li:nth-child(4n+4) { clear: both;}
.sidecat ul.list-style > li > ul > li ul { min-height: 210px;}
.sidecat ul.list-style > li:hover > ul{opacity: 1; visibility: visible; pointer-events: all;}
.sidecat ul.list-style > li a:hover{color: #1560BD;}
#cat-cls{display: none;}
.sidecat ul.list-style > li > ul > li{margin-bottom: 20px;}
.sidecat ul.list-style > li > ul > li > a { margin-bottom: 10px; display: inline-block;  width: 100%;}
.hero-box .col-lg-3 {max-width: 23%; -ms-flex: 0 0 23%;    flex: 0 0 23%;}
.hero-box .col-lg-6 {max-width: 54%; -ms-flex: 0 0 54%;  flex: 0 0 54%;}
.sidecat .mega-menu .dropdown-arrow { display: none;}

}
@media (min-width: 1200px){
.container {max-width: 1170px;  }
.container-fluid {padding-left: 30px;padding-right: 30px;}


}

 
@media (min-width:1500px){
.slide-txt img { width: 100% !important;   }
.hero-box .col-lg-3 {max-width: 19%; -ms-flex: 0 0 19%;    flex: 0 0 19%;}
.hero-box .col-lg-6 {max-width: 62%; -ms-flex: 0 0 62%;  flex: 0 0 62%;}
.product-img.object-fit { height: 198px; } 
.products-list.d-grid li { max-width: 100%;}

}
.infbox h4{
        background: linear-gradient(to right,#094187,#086ff0,#2569be);
        color:#fff;
        text-align:
        center;
        padding: 9px;
}
.infbox ul{
    padding:0px;
}
.infbox ul li {
    display: inline-block;
    width: 49%;
    padding: 8px;
    border: 1px solid #F2F2F2;
    color: #404040;
    font-size: 18px;
}
.cnt-type{
       position: absolute;
    left: 0;
    top: 0; 
}
.deal-inner{
    
    padding:7px 7px 7px;
}
.enquiry-btn{
    border-top:1px solid #ddd;
    padding:7px;
}
.trd-name a{
        font-weight: 600;
    margin: 0px 6px;
}
.pack--block li strong{
    font-weight:400 !important;
}
.package--pack.recomended--pack:hover{
    background: #1560bd !important;
}
.recomended--pack .package__head:before{

        border-color: #fff transparent transparent transparent;
}
.recomended--pack:hover .recomended--pack .package__head:before {
    opacity: 1 !important;
}@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700&display=swap');

.poppins{font-family: 'Roboto', sans-serif;}
 
 
body{font-family: 'Roboto', sans-serif;font-size: 15px;font-weight: 400;color: #666;line-height: 1.65;background-color: #f1efef;}
a{ color: #222;text-decoration:none;outline: none;}

a,
.btn,
button{-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s; }
a:hover {color: #C10D24;text-decoration: none;}
.fancybox-button{min-width: auto;} 

h1, h2, h3, h4, h5, h6{ font-family: 'Roboto', sans-serif; font-weight: 600; line-height: 1.2; margin-bottom: 20px; color: #222;}
.main-section a.link { word-break: break-all;}
a.link i {font-size: 11px;}
h1{font-size: 35px;font-weight:700;letter-spacing:0px;}
h2{font-size: 25px;}
h3{font-size: 25px;}
h4{font-size: 20px;}
h5{font-size: 20px;}
h6{font-size: 16px;}


.mrt-20{margin-top:20px;}
.mb-50 {margin-bottom: 50px;}
.fs-60{font-size:60px;}
.fs-45 {font-size:45px;}
.fs-35 {font-size:35px;}
.fs-30 {font-size:30px;}
.fs-25{font-size:25px;}
.fs-18{font-size:18px;}


img{max-width: 100%;}
button, .btn, input[type="submit"]{min-width: 110px;border:0px;padding: 12px 20px;cursor: pointer;position: relative;font-family: 'Roboto', sans-serif;box-shadow: none !important;color: #fff;background: linear-gradient(to right,#C10D24,#E63431);font-size: 14px;font-weight: 500;letter-spacing: 1px;border-radius: 4px;text-transform: capitalize;}
[type=reset]:hover, [type=submit]:hover, button:hover, .btn:hover, html [type=button]:hover  {
    background: #F5C71A;border-color: #F5C71A;color: #fff;cursor: pointer;}
[type=reset]:focus, 
[type=submit]:focus,
button:focus, 
.btn:focus, 
html [type=button]:focus { outline: 0; box-shadow: 0 0 8px rgba(0, 0, 0, .33);}
/*
.btn:not(:disabled):not(.disabled).active, .btn:not(:disabled):not(.disabled):active {background: #22212c; color: #fff;}
*/
a.link {text-decoration: underline;}
input[type="file"] { font-size: 14px;   -webkit-appearance: none;}
.field {margin-bottom: 15px;display: inline-block;width: 100%;float: left;}
.form-control {outline: none !important; padding: 9px 15px;  border-radius: 4px;  border: 1px solid rgb(73 80 87 / 29%) !important;  background-color: #fff !important;
  box-shadow:none !important;  font-size: 14px;  font-weight: 400;  line-height: normal;  color: #666;
  font-family: 'Roboto', sans-serif;  height: auto;}
textarea.form-control { min-height: 91px;}
.form-control:focus {  background-color: transparent;  border-color: inherit;} 
select.form-control:not([size]):not([multiple]) { height: 36.8px;    -webkit-appearance: none;
    background-image: url(../media/select-arrow.png);    background-position: 94% center;   background-repeat: no-repeat; padding-right: 36px;}
blockquote { padding: 25px 25px; border-left: 4px solid #22212c;     background: rgba(16, 86, 120, 0.05);
   font-size: 17px;   font-weight: 300;   position: relative;  line-height: 28px; }
blockquote strong{font-weight:500;}
.form-group label {display: block;  margin-bottom: 10px;}
.br-20{border-radius: 20px;}
.overflow-hidden { overflow: hidden;}
.input-group-text {border: 1px solid rgb(73 80 87 / 29%);border-right: 0px;background: #fff;}
 .fw-normal{font-weight: 400;}

 /* nochange*/
 
.font-medium{ font-weight: 500;}
.underline {text-decoration: underline;}
 strong { font-weight: 700;}
.font-light{font-weight: 300;}
.font-semi-bold{font-weight: 600;}
 

.form-control::placeholder {  color:#495057; opacity: 1;  }
.form-control::-webkit-input-placeholder { color:#495057; opacity: 1;}
.form-control::-moz-placeholder {color:#495057; opacity:1;}
.form-control:-ms-input-placeholder {color:#495057; opacity: 1;}
.form-control:-moz-placeholder {color:#495057; opacity: 1;}


.white-placeholder .form-control::placeholder {  color:#FFF; opacity: 1;  }
.white-placeholder .form-control::-webkit-input-placeholder { color:#FFF; opacity: 1;}
.white-placeholder .form-control::-moz-placeholder {color:#FFF; opacity:1;}
.white-placeholder .form-control:-ms-input-placeholder {color:#FFF; opacity: 1;}
.white-placeholder .form-control:-moz-placeholder {color:#FFF; opacity: 1;}


.main-section{padding:30px 0px; background-size: cover !important; background-repeat: no-repeat !important; background-position: center center !important;position: relative;}
.main-section .container{position:relative;}
.main-section:before{content:""; position:absolute; left:0px; top:0px; width:100% !important; height:100% !important; background:transparent; }
.pr-50{padding-right:50px;}
.pl-50{padding-left:50px;}
button.close:before { display: none;}
button.close { min-width: auto;  color: #000 !important;  opacity: 1;  background: transparent !important;}
button.close.white-btn {color: #fff !important;}
 .br-5{border-radius: 5px;}
.br-10{border-radius: 10px;}
.box-shadow{box-shadow: 1px 4px 6px #ced4da;}
.object-fit {overflow: hidden;}
.object-fit img {width: 100% !important;/* height: 100%; *//* object-fit: cover; */}
.zoom-hover img {-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition: all .5s;}
.zoom-hover:hover img {transform: scale(1.1);}
.list-style {padding: 0px; list-style: none;}
.list-style li { display: inline-block;}
.sm-btn { padding: 10px 20px; } 
.icon-btn { min-width: auto; padding: 10px 15px; } 
.white-hover:hover{background:#fff; color: #22212c;}
.fs-13 { font-size: 13px; } 
.fs-15{font-size: 15px;}
.fs-16{font-size: 16px;}
.sprit-icon { background-image: url(../media/sprit-icon.png); background-repeat: no-repeat; background-size: auto;  display: inline-block;}
button i, .btn i { vertical-align: middle; } 
mark, .mark {background-color: #308afb;color: #fff;border-radius: 5px;}
.tyellow {color: #232323;}
.dropdown-toggle:hover,
.dropdown-toggle:focus {color: #212529 !important;}


/* header */
.header {background: #fff;}
.a-tag-link a{ color: #666;}
.a-tag-link a:hover {color: #22212c;}
.btn-2 {background: #FFDE17;}
.sm-btn {padding: 7px 17px; min-width: auto;}
.top-bar ul li { margin-right: 10px; padding-right: 10px; border-right: 1px solid #ccc; line-height: 1; } 
.top-bar ul li a { color: #fff;}
.top-bar { padding: 6px 0px; } 
.top-bar ul li:last-child { border: 0px; margin-right: 0px; padding-right: 0px; }
.middel-bar {padding: 15px 0px;}
.site-search-form { display: flex; } 
.site-search {position: relative;border: 1px solid #1560BD;border-radius: 0px;padding: 0px 108px 0px 0px;overflow: hidden; background: #fff;}
.site-search:hover { border-color: #1560BD;}
.site-search-form select { max-width: 170px;}
.site-search-form * {flex-grow: 1;border-radius: 0px;height: 46px !important;padding: 10px 10px;border: 0px;line-height: 1.2;border-right: 1px solid #dfdbdb !important;} 
.site-search .icon-btn { position: absolute; right: 0px; top: 0px; border-radius: 0px; padding: 8px 15px; line-height: 1.5; height: 40px;   } 
.main-bar { padding: 10px 0px 10px; } 
.lead-link { text-align: center; border: 2px solid #22212c; border-radius: 10px; 
  padding: 25px 10px 15px; color: #666; height: 100%; } 
.lead-link span { font-weight: 700; background: #fff; padding: 2px 10px; position: absolute; margin-top: -11px; left: 50%; top: -3px; transform: translateX(-50%); width: 68%; font-size: 19px; } 
.lead-link a { color: #666; } 
.lead-link a:hover span { color: #22212c; }
.color-ani{ animation-name: animation;animation-duration: 1s;  animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;  animation-play-state: running;}
.menu ul.list-style > li a {  color: #666;} 
.menu ul.list-style > li > a { color: #232323 !important;}
.menu ul.list-style > li:hover > a { color: #1560BD; } 
.menu ul.list-style > li:last-child { margin-right: 0px; } 
.menu-bar p i { font-size: 17px; vertical-align: bottom; }
.menu-bar p a { color: #C10D24;}
.menu ul.list-style > li > ul {position: absolute; right: 0px;
  width: 200px; background: #fff; top: 100%; z-index: 11;  opacity: 0; visibility: hidden; padding: 0px 0px 0px;  box-shadow: 5px 5px 10px rgb(0 0 0 / 6%); } 
.menu ul.list-style > li > ul li { display: block; float: left; width: 100%; text-align: left; border-bottom: 1px solid #eee; } 
.menu ul.list-style > li > ul li a { display: inline-block; width: 100%; color: #2f3131; } 
.menu ul.list-style > li:hover > ul { opacity: 1; visibility: visible; } 
.menu ul.list-style > li > ul li a { padding: 10px 10px; } 
.menu ul.list-style > li > ul li:hover > a {background: #ffde17;color: #fff;}
.sidecat ul.list-style > li a { color: #666;}

.site-search .form-control {border-color: transparent !important;border-left-color: #eee !important;}


.gradient { background-image: linear-gradient(90deg, #22212c 0%, #43e6f1 33.4%, #00e6b1 67.80000000000001%, #22212c 100%); } 
.overview-bx { color: #fff; } 
.overview-bx h3 { font-size: 18px; color: #fff; } 
.gradient .main-title h2 { color: #fff; } 
.overview-bx i { font-size: 35px; }
.abt-cnt {padding: 40px; border: 1px solid #dbdbdb;}
.link {color: #1560BD; font-weight: 600;}

.whyus-item {background: #fff;padding: 30px 30px;float: left;width: 50%;border: 1px solid #eee;text-align: center;height: 177px;} 
.whyus-item i { font-size: 30px; } 
.whyus-col {border: 1px solid #eee;background: #fff;padding: 30px;} 
.whyus-icon {font-size: 30px;width: 60px;height: 60px;background: #777;display: inline-block;text-align: center;border-radius: 100%;line-height: 60px;color: #fff;margin-bottom: 20px;}

/*table .btn, table button {background: #E0015D;}*/
/*.table .btn:hover, table button:hover {background: #980240;}*/


@-webkit-keyframes animation {
    0%     {color:#22212c;}
     100%  {    color: #22212c;}
}

@keyframes animation {
    0%     { color:#22212c;}
     100%  {    color: #22212c;}
}


.health-beauty-icon { width: 25px; height: 25px; background-position: -11px -13px; } 
.industrial-machinery-icon { width: 25px; height: 25px; background-position: -45px -13px; } 
.apparel-electricals-icon { width: 25px; height: 25px; background-position: -80px -13px; } 
.industrial-supplies-icon { width: 25px; height: 25px; background-position: -110px -13px; } 
.furniture-supplies-icon { width: 25px; height: 25px; background-position: -139px -12px; }

.site-search button.btn { position: absolute; right: 0px; top: 0px; right: 0px;   border-top-right-radius: 0px;  border-bottom-right-radius: 0px;
    padding: 10px 20px;   border-top-left-radius: 0px;  border-bottom-left-radius: 0px;  height: 46px;}
.country-select {  width: auto;  padding-right: 44px !important;  border: 0px !important;}


.menu-bar {   padding: 2px 0px; border-bottom: 1px solid #e0e0e0;} 
nav.menu ul {margin: 0px;padding: 0px;} 
.menu { text-align: right; } 
.menu ul.list-style > li {display: inline-block;margin-right: 19px;position: relative;} 
.menu ul.list-style > li i { vertical-align: bottom; }
.main-bar .btn { padding: 12px 18px;}
.outline-btn {background: transparent;color: #666;border: 1px solid #E60012;color: #E60012;}

.cat-menu {text-align: center;padding-top: 7px;} 
.cat-menu ul li {margin: 0px 10px;font-size: 13px; text-transform: capitalize;} 
.cat-menu ul li a {color: #666;} 
.cat-menu ul li a:hover {text-decoration: underline;color: #000;}

.header-info a {color: #16ad37;padding: 0px 5px;vertical-align: middle;font-weight: 500;display: inline-block;}

/* Banner  */

.hero-banner .container { padding: 20px;    background: #fff;  border: 1px solid #d9d2d2;}
.sidecat {height: 100%;background: #fff;} 
.sidecat ul.list-style > li { display: inline-block; width: 100%; font-size: 13px;} 
.sidecat ul.list-style > li > a { display: inline-block; width: 100%;padding: 10px 25px 10px 45px;color: #666; position: relative;}
  .sidecat .dropdown-arrow {position: absolute;right: 20px;transform: rotate(-90deg);margin-top: 8px;} 
.sidecat ul.list-style > li > a:hover {padding-left: 45px;box-shadow: 0 0 4px 0 rgb(0 0 0 / 12%);}
.sidecat ul.list-style > li > a .sprit-icon { position: absolute; left: 10px; top: 4px; } 
.sidecat ul.list-style  { margin: 10px 0px; } 
span.cat-icon {position: absolute;max-width: 32px;left: 7px;top: 7px;}

.hero-enquiry .form-control { padding: 9px 15px;}
.hero-enquiry select.form-control { height: 37px !important; line-height: normal;}
.hero-enquiry {background: #fff; padding: 20px; border-radius: 10px; height: 100%;}
.hero-slider .owl-nav button { background: #22212c !important;}
.sidecat ul.list-style > li:hover > a{ color: #22212c;}

button#cat-btn { width: 100%; border-radius: 0px; background: transparent !important;text-align: left;color: #000;font-size: 20px;padding: 10px 0px;font-weight: 600;border-bottom: 1px solid rgb(102 102 102 / 16%);} 
.hero-banner{padding: 0px 0px;}
.hero-slider .item { position: relative;}
.bg-img { background-size: cover !important;  background-repeat: no-repeat !important;
    background-position: center center !important;}
.slide-txt { height: 100%;}
.slide-txt img {width: 100% !important;height: 100%; } 
.small-cat .hcat-img.object-fit { height: 229px;}
.custom-cat {background: #fff;border: 1px solid #f1efef;padding: 10px;height: 100%;border-radius: 10px;position: relative;background-size: cover !important;background-position: center center !important;background-repeat: no-repeat !important;} 
.mb-20 { margin-bottom: 20px; } 
.custom-cat h5 { margin-bottom: 10px; font-size: 16px; } 
.custom-cat h5 a {color: #000;} 
.custom-cat ul.prd-list { list-style: none; padding: 0px; margin: 0px; } 
.custom-cat ul.prd-list li a { color: #000; width: 100%;} 
.custom-cat ul.prd-list li { margin-bottom: 2px; font-size: 13px; line-height: normal;} 
.banner-text.position-absolute {position: absolute; bottom: 0px;  background: linear-gradient(45deg, black, transparent);
  left: 0px;  top: 0px;  width: 100%;  display: flex;  align-items: end;  padding: 20px;} 
.banner-text.position-absolute ul {padding: 0px;list-style: none;} 
.banner-text.position-absolute ul li { margin-bottom: 10px; } 
.banner-text.position-absolute ul li a { color: #fff; }
.banner-text.position-absolute ul li a:hover {color: #F5C71A; }
.custom-cat ul.prd-list li a:hover {color: #22212c;}
.product-text h5 { font-size: 18px;}
.banner-img.h-100.position-relative.object-fit { height: calc(100% - 20px) !important; width: 100%;}
.mb-30 { margin-bottom: 30px;}
.d-grid { display: grid!important;}
.products-list.d-grid { list-style: none; padding: 0px; margin: 0px; grid-gap: 30px;  grid-template-columns: repeat(6, 1fr);  }
.products-list.d-grid li { color: #fff;  max-width: 220px;  padding: 15px;  border-radius: 0px;  background: #fff;  box-shadow: 0 0 12px rgb(0 0 0 / 12%);  }
.banner-form h5 {margin-bottom: 10px;}
.small_text.tp_common.shome_forms {line-height: 1.2;}


.table-container { background: #fff; padding: 30px 30px; border-radius: 10px; } 
table.table.text-center { border: 1px solid #dee2e6; } 
.table th, 
.table td { vertical-align: middle; border: 1px solid #dee2e6; } 
.table tr td, .table tr th {   font-weight: 400;} 
.lead-search { max-width: 400px; margin-left: auto; } 
.lead-search button.icon-btn {position: absolute;right: 1px;top: 1px;padding: 0px;height: 100%;width: 36px;border: 0px;z-index: 11;border-radius: 0px;} 
.lead-search {border: 1px solid #1560bd;border-radius: 0px;overflow: hidden;} 
.lead-search .form-control { border: 0px !important; }
.table-header{margin-bottom: 30px;}
.hcat-item.bg-white { border: 1px solid #e6ecf2;}

.active-dot { color: #06bf50; } 
.point-dot { display: inline-block; width: 10px; height: 10px; background: #626262; border-radius: 100%; margin-right: 5px; } 
.active-dot .point-dot { background: #06bf50; } 
.process-dot { color: #f5ad0c; } 
.process-dot .point-dot { background: #f5ad0c; }
.red-dot {color: #ff1313;}
.red-dot .point-dot {background: #ff1313;}
.image-center {width: 73px;height: 73px;}

.custom-cat-2:before { content: "";  position: absolute;  left: 0px; top: 0px; width: 100%; height: 100%; background: linear-gradient(45deg, black, transparent);}
.custom-cat-2 a { color: #fff;}
.custom-cat-2 ul li a { color: #fff;}
.custom-cat-2 div {position: relative;  z-index: 1;}
.custom-cat-2 ul.prd-list li a { color: #fff;}
.custom-cat-2 ul.prd-list li,
.banner-text.position-absolute ul li {font-weight: 500;}
.custom-cat-2 ul.prd-list li a:hover,
.banner-text.position-absolute ul li a:hover {color: #1560BD;}
.custom-cat-2 .image-center {border-radius: 100%; overflow: hidden; border: 2px solid #fff;}
.custom-cat-2 { border-radius: 5px; overflow: hidden;}

.bg-site .owl-dots button {background: #dfdbdb !important;}
.bg-site .owl-dots .owl-dot.active  {background: #FFDE17 !important;}
.btn-2:hover {background: #373645;}


.article-img.object-fit { height: 230px;  } 
.article-txt { padding: 15px 15px; } 
.article-txt .cat { margin-bottom: 0px; opacity: .77; font-size: 14px; } 
.article-txt h5 {  margin-bottom: 10px; font-size: 15px;line-height: 1.5;} 
.article-txt h5 a {color: #000;} 
.article-txt h5 a:hover {color: #1560BD;} 
.post-meta { font-size: 14px; opacity: 0.8; }
article.article {background: #fff;}
.item .article-txt {font-size: 14px;}
.item .article-txt .link {color: #000;text-decoration: none;font-weight: 400;}

form { display: inline-block; width: 100%; } 
.field-smm { float: left; width: 33.33%; padding: 0px 10px; } 
.field .field-smm:first-child { padding-left: 0px; } 
.field .field-smm:last-child { padding-right: 0px; } 
label { text-transform: capitalize; font-weight: 500; } 
.label-field label { margin-right: 10px; } 
.label-field label input { margin-right: 10px; } 
.label-field label:last-child { margin-right: 0px; } 

.review-footer { position: relative; padding-left: 100px; min-height: 90px; padding-top: 20px; } 
.review-img.object-fit { min-width: 80px; height: 80px; border-radius: 0%; } 
.review-slider .item {gap: 30px;}
.review-footer h6 { margin-bottom: 0px; } 
.dark-form .form-control {  border: none;}
.fs-13{font-size: 13px;}
.hero-slider, .hero-slider div {height: 100%;}
.hero-slider .owl-nav {height: auto !important;}

.review-slider {border: 10px solid #dcdee3; padding: 30px 15px 40px;} 
.bottom-nav .owl-nav {width: 100px;bottom: -24px;top: auto;right: 20px;transform: none;left: auto;background: #fff;padding: 0px 10px;}
.quote-icon.position-absolute {top: -23px;z-index: 2;font-size: 33px;left: 20px;}
.review-slider {margin-top: 20px;}
.slide-txt { width: 100%;}

/* owl */
.owl-carousel .owl-stage{display: flex;}
.owl-carousel .item { display: flex;     height: auto;}
.owl-dots button:before, .owl-dots button:after, 
.owl-dots button span:before, .owl-dots button span:after { display: none;}
.owl-dots {height: auto !important;width: 100%;text-align: center;padding: 20px;background: transparent !important;}
.owl-dots button {background-color: #22212c;overflow: hidden;display: inline-block;min-width: auto !important;margin-right: 7px;width: 14px;height: 14px;border: 1px solid #22212c !important;border-radius:100%;}
.owl-dots button.owl-dot.active {background: #22212c;}
.owl-dots button{box-shadow:none !important; outline:none !important;}
.owl-nav button {width: 36px;min-width: auto;height: 36px;position: relative;overflow: hidden;border: none;color: #fff !important;pointer-events: all;background: rgb(0 92 230) !important;border-radius: 0px !important;}
.owl-nav button span {position: absolute;z-index: 1;min-width: auto;left: 50%;top: 50%;transform: translate(-50%, -50%);line-height: 1;font-size: 20px;}  
.owl-nav  .fa-angle-right:before {font-family: 'remixicon' !important; content: "\ea6e";}
.owl-nav .fa-angle-left:before {font-family: 'remixicon' !important; content: "\ea64";} 
.owl-carousel .owl-item img {width: auto;}
.owl-nav { position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%, -50%); } 
.owl-nav button.owl-prev { float: left; } 
.owl-nav button.owl-next { float: right; }
.tcolor{ color: #1560bd;}
.bg-site {background: rgb(26,30,33);    background: linear-gradient(90deg, rgba(26,30,33,1) 20%, rgba(49,50,50,1) 60%); color: #fff;}
.bg-light{background-color:#fbfbfb !important;} 
.bg-dark {background-color: #292929 !important; color: #fff;} 
.bg-yellow{background-color: #1560BD; color:#fff;}

.owl-nav button:hover {background: #FFDE17 !important;}
.top-nav .owl-nav {position: absolute; right: 0px; top: -56px; width: 80px; transform: none; left: auto;}



/* feature product */

.main-title{position: relative;}
.main-title h3{display: inline-block;      padding-right: 20px; position: relative;z-index: 1;}
.heading-line-heading{background-color: #f1efef;}
.heading-line {  border: 3px solid #DCDEE3;  border-radius: 3px;  overflow: hidden; position: absolute; top: 50%;
right: 0px; transform: translateY(-50%);width: 100%;}

.main-title.bg-site { padding: 10px 20px; margin-bottom: 20px; } 
.product-img.object-fit { height: 125px; } 
.product-text { padding: 20px 0px 0px; } 
.btn-section .sm-btn { padding: 6px 8px; min-width: auto; font-size: 12px; } 
.product-item { width: 100%; } 
.light-btn { background: #878484; }


.overlay-link { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; 
  color: #fff; padding: 15px 30px; background: rgba(0,0,0,.3); } 
.overlay-link a { color: #fff;}
.overlay-link a:hover{ color: #1560BD;}
.hcat-img.object-fit { position: relative; height: 221px; } 
.overlay-title { color: #fff; } 
.hcat-item:hover .overlay-link { background: rgba(0,0,0,.5); } 
.overlay-desc { color: #fff; } 
ul.c-prd { list-style: none; padding: 0px; margin: 0px; display: flex; display: -webkit-flex; 
  flex-direction: row; flex-wrap: wrap; border-top: 0; } 
.hcat-content {padding: 10px 10px;} 
ul.c-prd li { width: 33.33%; } 
.c-prd-img.object-fit { border-radius: 100px; width: 80px; height: 80px; margin: 0 auto; 
  margin-bottom: 10px; overflow: hidden; position: relative; } 
.c-prd-txt { font-size: 12px; color: #555; text-align: center; font-size: 14px; line-height: 21px; height: 42px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; } 
ul.c-prd li:hover a .c-prd-txt { color: #22212c; }

.bg-green {background: #09c718;}
.bg-blue {background: #22212c;}
.custom-cat h5 a:hover {color: #1560BD;}
.custom-cat ul.prd-list li a:hover { color: #1560BD;}

.cat-border-top { border-top: 3px solid #E63431;}


/* footer  */


.simple-link { list-style: none; padding: 0px; } 
.simple-link li { margin-bottom: 10px; } 
.simple-link li a { color: #fff; width: 100%; } 
.simple-link li a:hover { padding-left: 10px; color: #F5C71A; } 
.footer-widget h5 { color: #fff; } 
.patner-section { margin-top: 50px; padding: 20px 0px; } 
.copyright-logo {display: flex;align-items: center;justify-content: center;} 
.cl-img img {max-height: 63px;width: auto !important;} 
.copyright { background: #ffde17;padding: 10px 0px; color: #000;   margin-top: 0px; font-size: 13px;} 
.copyright h5 {color: #fff;margin-bottom: 10px;} 
.social-icon li a span{ color: #1560bd; width: 40px; height: 40px; font-size: 17px; border-radius: 100%; 
  display: inline-block; text-align: center; line-height: 40px; background: #ffde17; vertical-align: middle;margin-right: 7px;} 
.social-icon { margin-bottom: 0px; list-style: none; padding: 0px; } 
.footer a span:hover { color: #F5C71A; } 
.social-icon li{margin-bottom:10px;}
.social-icon li a:hover span { background: #000; color: #fff; } 

.back-to-top {    position: fixed;  bottom: 90px;  right: 30px; text-align: center; font-size: 16px; color: #000000; letter-spacing: .308px; z-index: 1111;
    display: inline-block !important;}
.back-to-top span { border-radius: 50%; border: 1px solid #22212c;width: 42px;  height: 42px;  overflow: hidden;   display: inline-block;
 line-height: 42px;vertical-align: middle;  margin-left: 10px; letter-spacing: .308px; background:#22212c; color:#fff;}
 





/* breadcrumb */
.inner-banner h1 {font-size: 25px; margin-bottom: 0px;}
.inner-banner {border-bottom: 1px solid rgb(213 210 210 / 22%);} 
ul.breadcrumb{border-radius:0;margin:0;background:transparent;padding: 0px;display: inline-block;}
ul.breadcrumb a{ text-decoration:none;}
.breadcrumb li{text-transform:capitalize;transition:all .5s;display: inline-block;font-size: 14px;font-weight: 400;color: #fff;}
.breadcrumb li:nth-last-child(1):after{display:none;}
ol.breadcrumb {background: transparent; padding: 0px; margin-bottom: 10px; color: #495057;}
.breadcrumb li a {color: #fff;}
.breadcrumb-item.active {color: #fff;}
.breadcrumb-item+.breadcrumb-item::before {color: #fff;content: "/";font-family: 'LineIcons' !important;font-size: 14px;}
.categorie_box .categories-iteam {padding: 15px;border-radius: 5px;display: flex;flex-wrap: wrap;align-items: flex-start;margin-bottom: 20px;transition: all 0.3s ease;} 
.categories-iteam .ci-name { width: 100%; flex-grow: 1; margin: 0 0 15px 0; font-size: 16px; color: #000; font-weight: 600; } 
.categories-iteam .ci-img {width: 125px;height: 125px;box-sizing: border-box;overflow: hidden;} 
.categories-iteam .ci-link {margin: 0;padding: 0;list-style: none;width: calc(100% - 145px);box-sizing: border-box;padding-left: 15px;}
.categories-iteam .ci-link li{position:relative;padding-left:10px;margin-bottom: 8px;font-size:13px;font-weight: 500;line-height: normal;}
.categories-iteam .ci-link li:before{content:'';position:absolute;height:3px;width:3px;border-radius:50%;background: #666;left:0;top:calc(50% - 1px);opacity: 0;}
.categories-iteam .ci-link li:last-child{margin-bottom:0;}
.categories-iteam .ci-link li a{display:inline-block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color: #666;}   
.categories-iteam .ci-link li a:hover { color: #1560BD;}
.link.tcolor {color: #1560BD !important;}

.subcat-item .ci-name {margin: 20px 0px 5px;}
.heading { position: relative; padding-bottom: 10px; } 
.heading:before { content: ""; position: absolute; left: 0px; bottom: 0px; width: 85px; height: 2px; background: #1560BD; }
.row.subcat-row {margin-bottom: 30px;}


.dealers-box { border: 1px solid #ddd; display: inline-block; width: 100%; position:relative;} 
.dealer-img-box {float: left;width: 204px;} 
.dealer-txt {float: right;width: calc(100% - 204px);padding: 0;border-left: solid 1px #ddd;position: relative;} 
.dealer-txt .d-flex { justify-content: space-between; align-items: center;}
.cnt-type img {max-width: 203px;}
.dealers-footer { display: inline-block; width: 100%; border-top: 1px solid #ddd; padding: 10px 10px 0px 10px; } 
.dlr-img {display: flex;justify-content: center;align-items: flex-start;max-height: 299px;} 
.dlr-img img {} 
.dealer-txt h5 { margin-bottom: 10px; } 
.dealer-txt ul { padding-left: 20px; }
.cv-status { font-size: 17px; background: #12bb1f; color: #fff; width: 20px; display: inline-block; text-align: center; height: 20px; 
  line-height: 20px; border-radius: 100%; vertical-align: middle; } 
.client-value {
  border: 2px solid #ffde17;
  display: inline-block;
  line-height: normal;
  background: #1560BD;
  color: #fff;
  padding: 0px 5px;
  font-weight: 500;
  border-radius: 5px;
  } 
.address-meta {color: #282727;position: relative;z-index: 1;margin-bottom: 5px;margin-top: 4px;} 
.black.title_tooltip:before { display: block;     background: rgb(21 96 189); content: attr(data-tooltip); position: absolute;  z-index:11;
  font-size: 12px; color: #fff; top: 25px; left: 0; width: 210px; text-align: center; padding: 5px 7px; border-radius: 6px; 
  line-height: 16px; } .black.title_tooltip { position: relative; } 
.black.title_tooltip span:after, 
.black.title_tooltip span:before { top: 5px; left: 40px; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; } 
.black.title_tooltip span:before { border-bottom-color: #1560bd; border-width: 10px; margin-left: -10px; } 
.black.title_tooltip span { position: relative; }
.black.title_tooltip:before, .black.title_tooltip span:before, .black.title_tooltip span:after { opacity: 0;}
.black.title_tooltip:hover:before, .black.title_tooltip:hover span:before, .black.title_tooltip:hover span:after { opacity: 1;}

.dealer-img-tiny { padding: 0px; list-style: none; display: flex; margin: 0px; } 
.dealer-img-tiny li.object-fit { height: 58px; flex-grow: 1; border: 1px solid #ddd; border-bottom: 0px; }


.main-section.landing-banner { background: #d6d6d6; padding-bottom: 120px; } 
.transform-section { padding: 65px; transform: translateY(-85px); } 
.field-sm { float: left; width: 50%; padding: 0px 10px; } 
.field .field-sm:first-child {padding-left: 0px;} 
.field .field-sm:last-child { padding-right: 0px; } 
.check-btn label { display: inline-block; margin-right: 10px; margin-bottom: 0px; } 
.check-btn label input { margin-right: 10px; } 
hr { display: inline-block; width: 100%; } 
ul.point-list { padding: 0px; list-style: none; } 
ul.point-list li { margin-bottom: 30px; position: relative; padding-left: 35px; font-size: 18px; } 
ul.point-list li .li-icon { position: absolute; left: 0px; font-size: 26px; color: #00a3e9; top: 0px; } 
ul.point-list li p { font-size: 14px; } 
.sidebar { border-left: 1px solid #eee; padding-left: 30px; height: 100%; } 
.widget-heading { padding-bottom: 15px; border-bottom: 1px solid #eee; position: relative; } 
.widget-heading:before { content: ""; position: absolute; left: 0px; bottom: -1px; width: 40px; height: 2px; background: #009eea; }


.w-auto { display: inline-block; margin: auto auto; float: none; margin: 0px auto !important;}
.account-form { max-width: 500px;}
.field h3 { margin-bottom: 0px;}
.field.add-field { position: relative; padding-right: 40px; } 
.field.add-field button { position: absolute; right: 0px; min-width: auto; padding: 6px 10px; } 
.field.add-field .field-smm { padding-left: 0px; }

.checkbox-label { position: relative; padding-left: 30px; } 
.checkbox-btn { width: 22px; height: 22px;   border: 1px solid #505050; display: inline-block;  position: absolute; left: 0px; top: 0px; } 
.checkbox-label input[type="checkbox"] { opacity: 0; position: absolute; } 
.checkbox-btn:before { position: absolute; left: 50%; top: 50%; content: "\EB7B"; font-family: remixicon!important; 
    font-size: 20px; transform: translate(-50%, -50%); opacity: 0; } 
.checkbox-label input[type="checkbox"]:checked + .checkbox-btn:before { opacity: 1; }

.t-green { color: #219d02;}
.fs-20 {font-size: 20px;}
.vam {vertical-align: middle;}
.hero-box { padding: 30px 15px;}
.input-group-text {  border-right: 1px solid rgb(0 0 0 / 20%) !important;border: 1px solid rgb(0 0 0 / 20%) !important;}
select.unit-select { outline: none;  border-left: 0px;  background: #1560BD; color: #fff;}
.radio-slider .radio-box { position: absolute; right: -1px; background: #1560BD; width: 120px; height: 43px; border-radius: 0px; 
  color: #fff; font-size: 14px; text-align: center; line-height: 43px; top: 0; } 
.radio-slider .radio-bg { position: relative; display: inline-block; } 
.radio-slider input[type=radio] { position: relative; z-index: 1; opacity: 0; top: 2px; cursor: pointer; } 
.radio-slider input[type=radio] { position: relative; z-index: 1; opacity: 0; top: 2px; cursor: pointer; } 
.radio-slider .radio-circle { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; -webkit-transition: .4s; 
  transition: .4s; margin: auto; width: 28px; height: 16px; border-radius: 30px; z-index: 0; } 
  .radio-slider .radio-circle:before { position: absolute; content: ""; height: 12px; width: 12px; left: 3px; bottom: 2px; 
  background-color: #1560BD; -webkit-transition: .4s; transition: .4s; border-radius: 50%; } 
.radio-slider input:checked+.radio-circle:before { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); 
  transform: translateX(10px); }
.bg-darklight{background: #f5f5f5;}

.col-custom-5.border-1 { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%;}
.col-custom-5 .categorie_box .categories-iteam { justify-content: center;}

.col-custom-5 .categorie_box .categories-iteam { justify-content: center;}
.col-custom-5.border-1 {border: 1px solid #ced4da;}
.blue-gradient{color: #fff; background: linear-gradient(14deg, #00ede2, #1560BD);}
.ci-name a { color: #313232;}
.ci-name a:hover {color: #1560BD;}


/* default pg */

.skills-status {display: inline-block;  width: 100%;}
.skills-status .skill:first-child { padding-left: 0px;}
.skills-status .skill:last-child {padding-right: 0px;}

.skill {margin-bottom: 21px;position: relative;overflow:hidden;float: left;padding-top: 10px;width: 100%;}
.skill > p {font-size: 14px;font-weight: 500;color: #1a1716;margin: 0;}
.skill:before{width: 100%;height: 5px;content: "";display: block;position: absolute;background: #959595;bottom: 0;}
.skill-bar {width: 100%;height: 5px;background:#f68338;display: block;position: relative;}
.skill1{ width: 99.9%;     background: #00BCD4;}
.skill-bar span{position: absolute;top: -38px;font-size: 18px;padding: 3px 0;font-weight: 500;}
.skill-bar {   position: relative;  }
.skill1 .skill-count1 {right: 0;}
.skill2{  width: 93%;     background: #4CAF50; }
.skill2 .skill-count2 {    right: 0;}
.skill3{  width: 98%;  background: #f68338;}
.skill3 .skill-count3 {  right: 0; }
.skill4{  width: 95%; background: #3F51B5;}
.skill4 .skill-count4 {   right: 0;}
.skill5{  width: 80%; background: #03A9F4; }
.skill5 .skill-count5 {  right: 0;}
.skill6{ width: 90%; background: #795548;}
.skill6 .skill-count6 {   right: 0;}



.counter-header { text-align: center; font-weight: 600; } 
.counter { font-size: 50px; font-weight: 700; } 
.counter-section .col-lg-4 { border-right: 1px dotted #dae29f; } 
.counter-section .col-lg-4:last-child { border: 0px; }  
.default-pg ul { list-style: none; padding: 0px; } 
.default-pg ul li { color: #000; margin-bottom: 10px; position: relative; padding-left: 20px; } 
.default-pg ul li:before { font-family: remixicon!important; font-style: normal; content: "\EB81"; position: absolute; left: 0px; color: #00b4e7; }
.card-header { padding: 0px; background: transparent; border: none; } 
.card { border: none; margin-bottom: 15px;    border-radius: 8px; } 
.card-header button {linear-gradient(to right,#C10D24,#E63431);border-radius: 8px;text-align: left;width: 100%;
  color: #fff;font-size: 16px;padding: 20px 40px 20px 20px;font-weight: 500;
  text-decoration: none !important;     word-break: break-all; white-space: normal;} 
.card-body p:last-child { margin-bottom: 0px; }
.card-header button.collapsed:before {content: "\EA13";}
.card-header button:before { background-image: none;  transform:none;  font-family: remixicon!important;  content: "\F1AF";
    font-weight: 400;  position: absolute;   right: 0px;  padding: 0px 12px;} 
.sidebar .aside-widget ul li { font-weight: 500; margin-bottom: 10px; } 
.sidebar .aside-widget ul li a { color: #000; } 
.sidebar .aside-widget ul li a:hover { padding-left: 10px; color: #1560bd; } 
.blog-pagnation a {  display: inline-block;  box-shadow: 4px 12px 40px 6px rgb(0 0 0 / 3%); 
  border-radius: 40px;  padding: 12px 40px;  background: #fff;  min-width: 250px;}
.aside-widget .accordion-body ul li a:hover { color: #1560BD;}
.widget-title h2, .widget-title h3 {  font-size: 16px;background: #1560BD !important;  color: #fff !important;  text-transform: capitalize;  font-weight: 500;  border-bottom: 1px solid #eee !important;  padding: 1rem 1.25rem; margin: 0px 0px 15px 0px;} 
.aside-widget {margin-bottom: 40px;background: #fff;box-shadow: 4px 12px 40px 6px rgb(0 0 0 / 9%);
    border-radius: 10px;overflow: hidden;} 
.aside-widget .listing-item {padding-left: 100px;margin-bottom: 10px;box-shadow: none;border-bottom: 1px solid #f5f4f4;position: relative;display: inline-block;width: 100%;} 
.aside-widget .listing-item h3 a { color: #000; } 
.aside-widget .listing-item h3 {margin-bottom: 5px;letter-spacing: 0px;font-size: 15px;}
.aside-widget .listing-img{width: 87px;position: absolute;text-align: center;left: 0px;height: auto;top: 14px;
  max-height: 90px; padding-left: 10px;}
.aside-widget .listing-item .prd-info {padding: 0px 0px 10px;}
.listing-txt {padding: 10px 0px;}
.aside-widget .listing-item .price { margin: 0px; color: #999;}
.aside-widget .listing-img img { max-height: 90px;  margin: auto;}
.rating { color: #f1ca08;}
.pagination {justify-content: center;} 
ul.pagination ul li { background: #ECECEC;  text-align: center;} 
ul.pagination li a {background: transparent;border: none;
  border-radius: 0px!important;  color: #000; font-size: 15px;  padding: 7px 19px; text-align: center;
  box-shadow: none !important;  min-width: 40px;  border: 1px solid #000;  } 
ul.pagination li { margin-right: 14px; } 
ul.pagination li:last-child { margin-right: 0px; } 
ul.pagination li a:hover,
ul.pagination li.active > a:hover{color: #fff;background: #000;border-color: #000;}
.page-item.active .page-link { z-index: 1; color: #fff;  background-color: #1560BD;  border-color: #1560BD;}
.after-none:after{display: none;} 
.sidebar .aside-widget { padding: 20px 30px; } 
article.article.br-10 { overflow: hidden; } 
.aside-widget .article-txt h4 { font-size: 16px; font-weight: 500; margin-bottom: 10px; } 
.aside-widget .article-txt { padding: 10px 0px 0px; } 
.aside-widget article.article { box-shadow: none; margin-bottom: 10px; }
.cnt-info address {position: relative;padding-left: 30px;}
.cnt-info .address-icon { vertical-align: middle;  margin-right: 10px;position: absolute;left: 0px;}
.fillter-bar { padding-right: 0px; position: sticky; top: 100px;} 
button.filter-cls { display: none;}
.search-result .form-control {min-width: auto;display: inline-block;width: auto;background-color: #f5f5f7;color: #6d7c90;border: 0px;font-weight: 500;border-radius: 34px;padding: 4px 20px;height: 43px !important;} 
.search-result .filter-btn { margin-left: 10px; padding: 10px 15px; display: none;}
.aside-widget .btn.btn-link { padding: 10px 30px 10px 10px; letter-spacing: 0px; border-radius: 0px; } 
ul.aside-list {padding: 0px;list-style: none;overflow-y: scroll;height: 500px;} 
ul.aside-list li { margin-bottom: 6px; } 
ul.aside-list li a { color: #666; } 
ul.aside-list li:hover > a { color: #1560BD; } 
.product-text h5 {font-size: 15px;line-height: 21px;}
.product-text h5 a {color: #666;}
button.close { position: absolute;  right: 0px;    opacity: 1 !important;  font-weight: 400 !important;  z-index: 11;}

.container-fluid {position: relative;}
.lead-country span {max-width: 20px;display: inline-block;}
.table {font-weight: 400;}
.dropdown {display: inline-block;} 
.dropdown-toggle {background: transparent !important;padding:  10px;color: #666;min-width: auto;font-weight: 400;}

.site-box {padding:30px;}
.category-section .site-box {padding:10px 30px 30px 30px;} 

.site-box .main-title.mb-4 {margin-bottom: 10px !important;}
.bg-blue{background: linear-gradient(to right,#C10D24,#E63431);}


/* faq page */
.faq-page .card-header {padding: 0px;  background: transparent;}
.faq-page .card-header a { padding: 10px 45px 10px 25px;  display: inline-block;  width: 100%;  position: relative;}
.faq-page .card-header a i { position: absolute;  right: 10px;}
.faq-page .card { border: 0px;}
.faq-page .card-header h5 { font-size: 24px; font-weight: 500;}
.border-1 {border: 1px solid #ced4da;}

.justify-content {justify-content: center;}
.input-group-prepend { margin-right: 0px;} 
.article-pb article.article {margin-bottom: 30px; border-radius: 10px; overflow: hidden;}
.sitemap-pg  ul li a{color: #000;}
.sitemap-pg  ul li a:hover{color: #00b4e7;}
.sitemap-pg ul li:before { content: "-"; line-height: normal; color: #000;}

.membership-pricing-table table { width: 100%;} 
.membership-pricing-table table .icon-no,.membership-pricing-table table .icon-yes { font-size: 22px } 
.membership-pricing-table table .icon-no { color: #a93717 } .membership-pricing-table table .icon-yes { color: #209e61 } 
.membership-pricing-table table .plan-header { text-align: center; font-size: 48px; border: 1px solid #e2e2e2; padding: 25px 0 } 
.membership-pricing-table table .plan-header-free {background-color: #ff9317;color: #fff;} 
.membership-pricing-table table .plan-header-blue {color: #fff;background-color: #1560bd;border-color: #1560bd;} 
.membership-pricing-table table .plan-header-standard {color: #fff;background-color: #e0015d;border-color: #e0015d;} 
.membership-pricing-table table td { text-align: center;  width: 15%;  padding: 10px 15px;   background-color: #fff;   font-size: 14px;   
    -webkit-box-shadow: 0 1px 0 #fff inset;  box-shadow: 0 1px 0 #fff inset;} 
.membership-pricing-table table,.membership-pricing-table table td {border: 1px solid #ebebeb;} 
.membership-pricing-table table tr:nth-child(2n+2) td {    background-color: #fafafa;}
.membership-pricing-table table tr td:first-child { background-color: transparent; text-align: right; width: 24% } 
.membership-pricing-table table tr td:nth-child(5) { background-color: #FFF } 
.membership-pricing-table table tr:first-child td,
.membership-pricing-table table tr:nth-child(2) td { -webkit-box-shadow: none; box-shadow: none } 
.membership-pricing-table table tr:first-child th:first-child { border-top-color: transparent; border-left-color: transparent; border-right-color: #e2e2e2 } 
.membership-pricing-table table tr:first-child th .pricing-plan-name { font-size: 22px ;padding: 0px 15px;} 
.membership-pricing-table table tr:first-child th .pricing-plan-price { line-height: 35px } 
.membership-pricing-table table tr:first-child th .pricing-plan-price>sup { font-size: 45% } 
.membership-pricing-table table tr:first-child th .pricing-plan-price>span { font-size: 30% } 
.membership-pricing-table table tr:first-child th .pricing-plan-period { margin-top: -7px; font-size: 25% } 
.membership-pricing-table table .header-plan-inner { position: relative } 
.membership-pricing-table table .recommended-plan-ribbon {
    box-sizing: content-box;
    background-color: #17b0ff;
    color: #FFF;
    position: absolute;
    padding: 3px 6px;
    font-size: 11px!important;
    font-weight: 500;
    left: -6px;
    top: -22px;
    z-index: 99;
    width: 100%;
    -webkit-box-shadow: 0 -1px #c2284c inset;
    box-shadow: 0 -1px #c2284c inset;
    text-shadow: 0 -1px #c2284c
    } 
.membership-pricing-table table .recommended-plan-ribbon:before {
    border: solid;
    border-color: #17b0ff transparent;
    border-width: 6px 0 0 6px;
    bottom: -5px;
    content: "";
    left: 0;
    position: absolute;
    z-index: 90
    } 
.membership-pricing-table table .recommended-plan-ribbon:after {
    border: solid;
    border-color: #099fed transparent;
    border-width: 6px 6px 0 0;
    bottom: -5px;
    content: "";
    right: 0;
    position: absolute;
    z-index: 90
    } 
.membership-pricing-table table .plan-head { box-sizing: content-box; background-color: #ff9c00; border: 1px solid #cf7300; position: absolute; 
    top: -33px; left: -1px; height: 30px; width: 100%; border-bottom: none }

.tgreen {color: green;}
.tred {color: red;}
.membership-pricing-table i {font-size: 20px;vertical-align: middle;}

.pp-item {text-align: center;}
.pp-item-img.object-fit {height: 143px;margin-bottom: 10px;}
div#sync4 { margin-top: 10px;}
.model-logo { max-width: 200px; margin: auto;}

/* seller website  */

.sub-banner {padding: 40px 0px 0px;} 
.sb-head .d-flex {align-items: center;} 
.s-logo {max-width: 100px;} 
.sb-head h1, .sb-head p {margin-bottom: 5px;} 
span.tagline {background: #1560bd;padding: 5px 10px;display: inline-block;font-size: 12px;border-radius: 5px;vertical-align: middle;}
.sb-head{padding: 30px;background: #fff;}
.sb-head .flag-icon {max-width: 31px; vertical-align: middle;  margin-left: 5px;} 
.sb-head p a {color: #fff;} 
.sb-head p  i {vertical-align: middle;} 
.sb-head p a:hover {color: #f5c922;}

.seller-nav ul li a {color: #fff;padding: 8px 14px;display: inline-block;} 
.seller-nav ul li a:hover{    color: #ffde17;}
.seller-nav {padding: 0px 30px;} 
.seller-nav ul li {margin-right: 10px;} 
.seller-nav ul li:last-child {margin-right: 0px;}


.info-icon-list li {width: 33.3%;float: left;margin-bottom: 20px;position: relative;min-height: 50px;padding-left: 65px;} 
.info-icon-list {display: inline-block;width: 100%;margin: 0px;} 
.info-span-icon {position: absolute;width: 50px;height: 50px;
    background: #eee;text-align: center;border-radius: 100%;left: 0px;top: 0px;line-height: 50px;} 
.info-icon-list li p { line-height: normal;}
.info-section .categorie_box .categories-iteam {padding-left: 0px; padding-right: 0px;}
.av-img.object-fit {height: 100px;width: 100px;margin: auto auto 15px;border-radius: 0;}


.sidebar .aside-widget ul.tinypost li {list-style: none;padding: 0px !important;}
.sidebar .aside-widget ul.tinypost li a{display: flex; width: 100%;}
.sidebar .aside-widget ul.tinypost li a:hover {padding-left: 0px;} 
.sidebar .aside-widget ul.tinypost {padding: 0px;} 
.tinypost-img.object-fit {width: 60px;height: 60px;border: 1px solid #eee;padding: 5px;margin-right: 10px;}
.premiumservices-box {transform: translateY(-59px);}
.ps-logo img { max-width: 131px; margin-bottom: 20px;}
.premiumservices-section .transform-section{transform: translateY(-25px);}
.quality-section{background: url(../media/connect-bg.jpg);}
.quality-section:before{background: rgb(0 0 0 / 78%);}
.bg-fixed {background-attachment: fixed !important;}
.whys-txt-bx {position: relative;padding-left: 100px;display: flex;flex-flow: column;padding-right: 30px;}
.whys-txt-bx .whys-icon {position: absolute;left: 10px;top: 0px; max-width: 65px;}
.cta-section{background: url(../media/cta-section.jpg);}
.cta-section:before {background: rgb(0 0 0 / 81%);}
.lead-list {padding: 0px;}
.lead-list li.d-flex {justify-content: space-between;align-items: center;background: #fff; 
    margin-bottom: 30px;box-shadow: 1px 4px 17px rgb(35 32 32 / 26%);padding: 20px 15px;}
.lead-list-content {padding: 0px;}
.lead-list-detail {padding: 0px 30px;}
.landing-banr-txt img { max-width: 200px;}
.menutoggle{display: none;}

table.ordre-table img {max-width: 70px;}
table.ordre-table td, table.ordre-table th {text-align: center;}
table.ordre-table td {font-size: 14px;}
table.ordre-table tbody tr:nth-child(2n+1) {background: #eee;}
table.ordre-table thead tr  {background: #1560bd;color: #fff;width: 100%;}
table.ordre-table thead tr th{padding: 10px;}

.user-admin-content .field-icon { margin-top: 10px;  float: right;  position: relative;  right: 30px;}
#buyer-form{display: none;}

.dtl-cmp {background: #f9f9f9;padding: 20px 10px;border-radius: 5px;} 
.cmp-img img {max-width: 90px;margin-bottom: 15px;} 
.cmp-header .bg-light { background: #06c5d8 !important; font-size: 12px; padding: 2px 5px; color: #000; } 
.cmp-header { margin-bottom: 10px; }  
.dtl-cmp .cnt-info .address-icon { margin: 0px; left: 20px; } 
.dtl-cmp .cnt-info address { text-align: left; padding-left: 50px; } 
.dtl-cmp .cnt-info address { padding-right: 20px; } 
.cnt-info { margin-bottom: 15px; } 
.cmp-tag { font-size: 12px; margin-bottom: 10px;} 
.cmp-tag label { margin-right: 10px; } 
.cmp-tag label:last-child { margin-right: 0px; } 
.dtl-cmp .enquiry-btn { background: #fff; padding: 10px; color: #000; }

.simial-product .product-img.object-fit { max-width: 200px; margin: auto; height: 200px; } 
.simial-product .product-img.object-fit img { max-height: 200px; } 
.simial-product .product-item { border: 1px solid #ddd; padding: 20px 10px; }
.lead-section table tr th, .lead-section table tr td { max-width: 160px;}
.table-view.text-center.bg-blue { padding-bottom: 15px !important;}

/* new price table */

.package__list{display: flex;justify-content: center;padding: 50px 0px;}

.package--pack {overflow: hidden;background: #fff;max-width: 320px;position: relative;padding-bottom: 90px;}
.package__head {text-align: center;position: relative;padding: 30px 30px 15px;color: #38327c;min-height: 216px;}
.package__head p {margin-bottom: 0px;}
.package__head button {padding: 12px 31px;min-width: 160px;margin-top: 15px;}
.package__content {padding: 12px 30px;color: #444444;}
.pack--block {border-top: 1px solid #eee;padding: 10px 0px;margin-bottom: 10px;}
.package__content .pack--block:last-child {}
.pack--block ul {list-style: none;padding: 0px;margin: 0px;}
.pack--block li {font-size: 16px;position: relative;color: #444444;margin-bottom: 5px;padding-left: 23px;font-weight: 600;}
.pack--block li.min--heightlist {min-height: 54px;}
.offer--price { font-weight: 700;line-height: normal;}
.offer--price sup {font-size: 10px;font-weight: 700;top: -1.5em;}
.offer--price span {font-size: 39px;vertical-align: middle;}
.offer--price sub {font-size: 12px;font-weight: 400;}
.pack--block ul li.pack--active:before, 
.pack--block ul li.pack--inactive:before {font-family: remixicon!important; content: "\EB7B";position: absolute;color: #5ACE31;left: 0px;top: 0px;}
.pack--block ul li.pack--inactive:before {color: #FF6969;content: "\EB99";}

 
.package__head button.outline-btn { padding: 10px 31px;}
.package--heading {font-size: 22px;font-weight: 500;}
.free--pack .package__head {color: rgba(68, 68, 68, 0.76);}
.package--tag{color: #fff;font-size: 10px;position: absolute;right: 0px;top: 0px;padding: 2px 12px 2px 20px;}
.package--tag:before {content: "";width: 0;height: 0;border-style: solid;border-width: 10px 0 10px 9px;
    border-color: transparent transparent transparent #f5fafe;position: absolute;left: 0px;top: 50%;transform: translateY(-50%);}

.package__list .package--pack:first-child { border-top-left-radius: 20px; border-bottom-left-radius: 20px; } 
.package__list .package--pack:last-child { border-top-right-radius: 20px; border-bottom-right-radius: 20px; } 
.package--pack.recomended--pack {
    background: linear-gradient(45deg, #002ec2, #162c72);
    z-index: 11;
    /* border-top-left-radius: 20px; */
    /* border-bottom-left-radius: 20px; */
    color: #fff;
    /* margin-top: -40px; */
    position: relative;
    /* margin-bottom: -40px; */
    } 
.package--pack.recomended--pack * { color: #fff; }
.pack-iocn img { max-height: 125px;}
.pack-iocn { margin-bottom: 20px;}
.package__head p { line-height: normal;}
.package--pack button {position: absolute; bottom: 30px;  left: 50%; transform: translateX(-50%);}

.package__head:before { width: 0; height: 0; border-style: solid; border-width: 20px 20px 0 20px; 
border-color: #142c7a transparent transparent transparent; content: ""; position: absolute; left: 50%; transform: translateX(-50%); top: 0px; -webkit-transition: all .3s;
-moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; opacity: 0; } 
.package--pack.free--pack:hover .package__head:before { opacity: 1; }
.package--pack.free--pack:hover { background: rgb(12 45 153 / 7%);}

.category-section .custom-cat ul.prd-list li a { white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;max-width: 24ch;display: inline-block;}
.footer-widget, .footer-widget a { color: #222;}
.footer-widget h5{position:relative; padding-bottom:10px;}
.footer-widget h5:after { content: ""; height: 2px; width: 38px; background: #F5C71A; position: absolute; left: 0px; bottom: 0; } 
.footer-widget { margin-bottom: 30px; }
.img-banner img{width:100%;}


.switch { position: relative; display: inline-block; width: 60px; height: 25px; margin:0px 15px; } 
.switch input { opacity: 0; width: 0; height: 0; } 
.slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; } 
.slider:before { position: absolute; content: ""; height: 20px; width: 20px; left: 4px; bottom: 3px; background-color: white; -webkit-transition: .4s; transition: .4s; } 
.switch input:checked + .slider { background-color: #2196F3; } 
.switch input:focus + .slider { box-shadow: 0 0 1px #2196F3; } 
.switch input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); }
.slider.round {border-radius: 34px;}
.slider.round:before { border-radius: 50%;}

.banner-form { background: #eef8ff; padding: 20px; border-radius: 10px; }
.search-prodcuts .dealers-box { height: 100%; min-height: 299px;}
.search-prodcuts .dealer-img-box {display: flex;align-items: center;justify-content: center;height: 347px;}
.custom-scroll {height: 150px; overflow-y:auto; padding-right:20px;}
.dealer-txt ul { list-style: none; padding: 0px; } 
.dealer-txt ul li span { margin-right: 5px; opacity: 0.8; }
.dealer-txt ul li { font-size: 13px; line-height: 1.4; font-weight: 400; color: #000; margin-bottom:5px;}
.search-prodcuts .dealer-txt ul li { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 90%; }
.custom-scroll::-webkit-scrollbar { width: 4px;}
.custom-scroll::-webkit-scrollbar-thumb {  background-color: #ccc;  }

.adv-slider { margin-bottom: 30px; padding: 0px 50px; } 
.adv-slider .item { text-align: center; display: block;} 
.adv-slider .item img { margin: auto; width: auto !important; }

.seller-pg .dlr-img {  height: 180px;  float: left;   display: inline-block;  margin-right: 40px;}
.dealers-box.seller-pg { background: rgb(238 238 238 / 46%);}
.seller-pg .dealer-txt { width: 100%;}

.form-widget { padding: 20px 5px 0px 5px; } 
.form-widget form { padding: 10px; border-radius: 5px; } 
.form-widget h6 { color: #fedd17; } 
.form-widget span { font-size: 80%; display: block; margin-bottom: 4px; color: #fff; }
.fillter-bar.position-relative { top: 40px;}
.fw-normal.widget-title-txt {line-height: 1.5;}



@keyframes fadeInTop {
  from {
    opacity: 0;
    transform: translate3d(0, 20%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

/* container */

.container-left {
    padding-left: calc(50% - 570px);
}
 
@media (min-width: 767px){ 
.container { max-width: 100%;}
.modal-dialog { max-width: 750px;}
.expend-btn{display: none;}


}


@media (min-width: 768px){
.container {max-width: 720px;}
}

@media (min-width: 992px){
.container {max-width: 960px;}
.sidecat ul.list-style > li > ul { position: absolute; top: 0;   left: 95%; width: 990px; z-index: 9999; height: 100%; 
  max-height: 100%; transition: none; overflow: auto; padding: 20px; background: #fff; box-shadow: 0 2px 14px rgb(0 0 0 / 10%);
opacity: 0;  visibility: hidden; pointer-events: none;} 
.sidecat ul.list-style > li > ul > li { float: left; width: 33.33%; padding: 0px 10px; font-weight: 500; } 
.sidecat ul.list-style > li > ul > li ul li { display: inline-block; width: 100%; font-weight: 400; margin-bottom: 7px; } 
.sidecat ul.list-style > li > ul > li ul { padding-left: 10px; }  
.sidecat ul.list-style > li > ul > li:nth-child(4n+4) { clear: both;}
.sidecat ul.list-style > li > ul > li ul { min-height: 210px;}
.sidecat ul.list-style > li:hover > ul{opacity: 1; visibility: visible; pointer-events: all;}
.sidecat ul.list-style > li a:hover{color: #1560BD;}
#cat-cls{display: none;}
.sidecat ul.list-style > li > ul > li{margin-bottom: 20px;}
.sidecat ul.list-style > li > ul > li > a { margin-bottom: 10px; display: inline-block;  width: 100%;}
.hero-box .col-lg-3 {max-width: 23%; -ms-flex: 0 0 23%;    flex: 0 0 23%;}
.hero-box .col-lg-6 {max-width: 54%; -ms-flex: 0 0 54%;  flex: 0 0 54%;}
.sidecat .mega-menu .dropdown-arrow { display: none;}

}
@media (min-width: 1200px){
.container {max-width: 1170px;  }
.container-fluid {padding-left: 30px;padding-right: 30px;}


}

 
@media (min-width:1500px){
.slide-txt img { width: 100% !important;   }
.hero-box .col-lg-3 {max-width: 19%; -ms-flex: 0 0 19%;    flex: 0 0 19%;}
.hero-box .col-lg-6 {max-width: 62%; -ms-flex: 0 0 62%;  flex: 0 0 62%;}
.product-img.object-fit { height: 198px; } 
.products-list.d-grid li { max-width: 100%;}

}
.infbox h4{
        background: linear-gradient(to right,#094187,#086ff0,#2569be);
        color:#fff;
        text-align:
        center;
        padding: 9px;
}
.infbox ul{
    padding:0px;
}
.infbox ul li {
    display: inline-block;
    width: 49%;
    padding: 8px;
    border: 1px solid #F2F2F2;
    color: #404040;
    font-size: 18px;
}
.cnt-type{
       position: absolute;
    left: 0;
    top: 0; 
}
.deal-inner{
    
    padding:7px 7px 7px;
}
.enquiry-btn{
    border-top:1px solid #ddd;
    padding:7px;
}
.trd-name a{
        font-weight: 600;
    margin: 0px 6px;
}
.pack--block li strong{
    font-weight:400 !important;
}
.package--pack.recomended--pack:hover{
    background: #1560bd !important;
}
.recomended--pack .package__head:before{

        border-color: #fff transparent transparent transparent;
}
.recomended--pack:hover .recomended--pack .package__head:before {
    opacity: 1 !important;
}@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700&display=swap');

.poppins{font-family: 'Roboto', sans-serif;}
 
 
body{font-family: 'Roboto', sans-serif;font-size: 15px;font-weight: 400;color: #666;line-height: 1.65;background-color: #f1efef;}
a{ color: #222;text-decoration:none;outline: none;}

a,
.btn,
button{-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s; }
a:hover {color: #C10D24;text-decoration: none;}
.fancybox-button{min-width: auto;} 

h1, h2, h3, h4, h5, h6{ font-family: 'Roboto', sans-serif; font-weight: 600; line-height: 1.2; margin-bottom: 20px; color: #222;}
.main-section a.link { word-break: break-all;}
a.link i {font-size: 11px;}
h1{font-size: 35px;font-weight:700;letter-spacing:0px;}
h2{font-size: 25px;}
h3{font-size: 25px;}
h4{font-size: 20px;}
h5{font-size: 20px;}
h6{font-size: 16px;}


.mrt-20{margin-top:20px;}
.mb-50 {margin-bottom: 50px;}
.fs-60{font-size:60px;}
.fs-45 {font-size:45px;}
.fs-35 {font-size:35px;}
.fs-30 {font-size:30px;}
.fs-25{font-size:25px;}
.fs-18{font-size:18px;}


img{max-width: 100%;}
button, .btn, input[type="submit"]{min-width: 110px;border:0px;padding: 12px 20px;cursor: pointer;position: relative;font-family: 'Roboto', sans-serif;box-shadow: none !important;color: #fff;background:linear-gradient(to right,#C10D24,#E63431);font-size: 14px;font-weight: 500;letter-spacing: 1px;border-radius: 4px;text-transform: capitalize;}
[type=reset]:hover, [type=submit]:hover, button:hover, .btn:hover, html [type=button]:hover  {
    background: #F5C71A;border-color: #F5C71A;color: #fff;cursor: pointer;}
[type=reset]:focus, 
[type=submit]:focus,
button:focus, 
.btn:focus, 
html [type=button]:focus { outline: 0; box-shadow: 0 0 8px rgba(0, 0, 0, .33);}
/*
.btn:not(:disabled):not(.disabled).active, .btn:not(:disabled):not(.disabled):active {background: #22212c; color: #fff;}
*/
a.link {text-decoration: underline;}
input[type="file"] { font-size: 14px;   -webkit-appearance: none;}
.field {margin-bottom: 15px;display: inline-block;width: 100%;float: left;}
.form-control {outline: none !important; padding: 9px 15px;  border-radius: 4px;  border: 1px solid rgb(73 80 87 / 29%) !important;  background-color: #fff !important;
  box-shadow:none !important;  font-size: 14px;  font-weight: 400;  line-height: normal;  color: #666;
  font-family: 'Roboto', sans-serif;  height: auto;}
textarea.form-control { min-height: 91px;}
.form-control:focus {  background-color: transparent;  border-color: inherit;} 
select.form-control:not([size]):not([multiple]) { height: 36.8px;    -webkit-appearance: none;
    background-image: url(../media/select-arrow.png);    background-position: 94% center;   background-repeat: no-repeat; padding-right: 36px;}
blockquote { padding: 25px 25px; border-left: 4px solid #22212c;     background: rgba(16, 86, 120, 0.05);
   font-size: 17px;   font-weight: 300;   position: relative;  line-height: 28px; }
blockquote strong{font-weight:500;}
.form-group label {display: block;  margin-bottom: 10px;}
.br-20{border-radius: 20px;}
.overflow-hidden { overflow: hidden;}
.input-group-text {border: 1px solid rgb(73 80 87 / 29%);border-right: 0px;background: #fff;}
 .fw-normal{font-weight: 400;}

 /* nochange*/
 
.font-medium{ font-weight: 500;}
.underline {text-decoration: underline;}
 strong { font-weight: 700;}
.font-light{font-weight: 300;}
.font-semi-bold{font-weight: 600;}
 

.form-control::placeholder {  color:#495057; opacity: 1;  }
.form-control::-webkit-input-placeholder { color:#495057; opacity: 1;}
.form-control::-moz-placeholder {color:#495057; opacity:1;}
.form-control:-ms-input-placeholder {color:#495057; opacity: 1;}
.form-control:-moz-placeholder {color:#495057; opacity: 1;}


.white-placeholder .form-control::placeholder {  color:#FFF; opacity: 1;  }
.white-placeholder .form-control::-webkit-input-placeholder { color:#FFF; opacity: 1;}
.white-placeholder .form-control::-moz-placeholder {color:#FFF; opacity:1;}
.white-placeholder .form-control:-ms-input-placeholder {color:#FFF; opacity: 1;}
.white-placeholder .form-control:-moz-placeholder {color:#FFF; opacity: 1;}


.main-section{padding:30px 0px; background-size: cover !important; background-repeat: no-repeat !important; background-position: center center !important;position: relative;}
.main-section .container{position:relative;}
.main-section:before{content:""; position:absolute; left:0px; top:0px; width:100% !important; height:100% !important; background:transparent; }
.pr-50{padding-right:50px;}
.pl-50{padding-left:50px;}
button.close:before { display: none;}
button.close { min-width: auto;  color: #000 !important;  opacity: 1;  background: transparent !important;}
button.close.white-btn {color: #fff !important;}
 .br-5{border-radius: 5px;}
.br-10{border-radius: 10px;}
.box-shadow{box-shadow: 1px 4px 6px #ced4da;}
.object-fit {overflow: hidden;}
.object-fit img {width: 100% !important;/* height: 100%; *//* object-fit: cover; */}
.zoom-hover img {-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition: all .5s;}
.zoom-hover:hover img {transform: scale(1.1);}
.list-style {padding: 0px; list-style: none;}
.list-style li { display: inline-block;}
.sm-btn { padding: 10px 20px; } 
.icon-btn { min-width: auto; padding: 10px 15px; } 
.white-hover:hover{background:#fff; color: #22212c;}
.fs-13 { font-size: 13px; } 
.fs-15{font-size: 15px;}
.fs-16{font-size: 16px;}
.sprit-icon { background-image: url(../media/sprit-icon.png); background-repeat: no-repeat; background-size: auto;  display: inline-block;}
button i, .btn i { vertical-align: middle; } 
mark, .mark {background-color: #308afb;color: #fff;border-radius: 5px;}
.tyellow {color: #ffde17;}
.dropdown-toggle:hover,
.dropdown-toggle:focus {color: #212529 !important;}


/* header */
.header {background: #fff;}
.a-tag-link a{ color: #666;}
.a-tag-link a:hover {color: #22212c;}
.btn-2 {background: #FFDE17;}
.sm-btn {padding: 7px 17px; min-width: auto;}
.top-bar ul li { margin-right: 10px; padding-right: 10px; border-right: 1px solid #ccc; line-height: 1; } 
.top-bar ul li a { color: #fff;}
.top-bar { padding: 6px 0px; } 
.top-bar ul li:last-child { border: 0px; margin-right: 0px; padding-right: 0px; }
.middel-bar {padding: 15px 0px;}
.site-search-form { display: flex; } 
.site-search {position: relative;border: 1px solid #1560BD;border-radius: 0px;padding: 0px 108px 0px 0px;overflow: hidden; background: #fff;}
.site-search:hover { border-color: #1560BD;}
.site-search-form select { max-width: 170px;}
.site-search-form * {flex-grow: 1;border-radius: 0px;height: 46px !important;padding: 10px 10px;border: 0px;line-height: 1.2;border-right: 1px solid #dfdbdb !important;} 
.site-search .icon-btn { position: absolute; right: 0px; top: 0px; border-radius: 0px; padding: 8px 15px; line-height: 1.5; height: 40px;   } 
.main-bar { padding: 10px 0px 10px; } 
.lead-link { text-align: center; border: 2px solid #22212c; border-radius: 10px; 
  padding: 25px 10px 15px; color: #666; height: 100%; } 
.lead-link span { font-weight: 700; background: #fff; padding: 2px 10px; position: absolute; margin-top: -11px; left: 50%; top: -3px; transform: translateX(-50%); width: 68%; font-size: 19px; } 
.lead-link a { color: #666; } 
.lead-link a:hover span { color: #22212c; }
.color-ani{ animation-name: animation;animation-duration: 1s;  animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;  animation-play-state: running;}
.menu ul.list-style > li a {  color: #666;} 
.menu ul.list-style > li > a { color: #232323 !important;}
.menu ul.list-style > li:hover > a { color: #1560BD; } 
.menu ul.list-style > li:last-child { margin-right: 0px; } 
.menu-bar p i { font-size: 17px; vertical-align: bottom; }
.menu-bar p a { color: #C10D24;}
.menu ul.list-style > li > ul {position: absolute; right: 0px;
  width: 200px; background: #fff; top: 100%; z-index: 11;  opacity: 0; visibility: hidden; padding: 0px 0px 0px;  box-shadow: 5px 5px 10px rgb(0 0 0 / 6%); } 
.menu ul.list-style > li > ul li { display: block; float: left; width: 100%; text-align: left; border-bottom: 1px solid #eee; } 
.menu ul.list-style > li > ul li a { display: inline-block; width: 100%; color: #2f3131; } 
.menu ul.list-style > li:hover > ul { opacity: 1; visibility: visible; } 
.menu ul.list-style > li > ul li a { padding: 10px 10px; } 
.menu ul.list-style > li > ul li:hover > a {background: #ffde17;color: #fff;}
.sidecat ul.list-style > li a { color: #666;}

.site-search .form-control {border-color: transparent !important;border-left-color: #eee !important;}


.gradient { background-image: linear-gradient(90deg, #22212c 0%, #43e6f1 33.4%, #00e6b1 67.80000000000001%, #22212c 100%); } 
.overview-bx { color: #fff; } 
.overview-bx h3 { font-size: 18px; color: #fff; } 
.gradient .main-title h2 { color: #fff; } 
.overview-bx i { font-size: 35px; }
.abt-cnt {padding: 40px; border: 1px solid #dbdbdb;}
.link {color: #1560BD; font-weight: 600;}

.whyus-item {background: #fff;padding: 30px 30px;float: left;width: 50%;border: 1px solid #eee;text-align: center;height: 177px;} 
.whyus-item i { font-size: 30px; } 
.whyus-col {border: 1px solid #eee;background: #fff;padding: 30px;} 
.whyus-icon {font-size: 30px;width: 60px;height: 60px;background: #777;display: inline-block;text-align: center;border-radius: 100%;line-height: 60px;color: #fff;margin-bottom: 20px;}

/*table .btn, table button {background: #E0015D;}*/
/*.table .btn:hover, table button:hover {background: #980240;}*/


@-webkit-keyframes animation {
    0%     {color:#22212c;}
     100%  {    color: #22212c;}
}

@keyframes animation {
    0%     { color:#22212c;}
     100%  {    color: #22212c;}
}


.health-beauty-icon { width: 25px; height: 25px; background-position: -11px -13px; } 
.industrial-machinery-icon { width: 25px; height: 25px; background-position: -45px -13px; } 
.apparel-electricals-icon { width: 25px; height: 25px; background-position: -80px -13px; } 
.industrial-supplies-icon { width: 25px; height: 25px; background-position: -110px -13px; } 
.furniture-supplies-icon { width: 25px; height: 25px; background-position: -139px -12px; }

.site-search button.btn { position: absolute; right: 0px; top: 0px; right: 0px;   border-top-right-radius: 0px;  border-bottom-right-radius: 0px;
    padding: 10px 20px;   border-top-left-radius: 0px;  border-bottom-left-radius: 0px;  height: 46px;}
.country-select {  width: auto;  padding-right: 44px !important;  border: 0px !important;}


.menu-bar {   padding: 2px 0px; border-bottom: 1px solid #e0e0e0;} 
nav.menu ul {margin: 0px;padding: 0px;} 
.menu { text-align: right; } 
.menu ul.list-style > li {display: inline-block;margin-right: 19px;position: relative;} 
.menu ul.list-style > li i { vertical-align: bottom; }
.main-bar .btn { padding: 12px 18px;}
.outline-btn {background: transparent;color: #666;border: 1px solid #E60012;color: #E60012;}

.cat-menu {text-align: center;padding-top: 7px;} 
.cat-menu ul li {margin: 0px 10px;font-size: 13px; text-transform: capitalize;} 
.cat-menu ul li a {color: #666;} 
.cat-menu ul li a:hover {text-decoration: underline;color: #000;}

.header-info a {color: #16ad37;padding: 0px 5px;vertical-align: middle;font-weight: 500;display: inline-block;}

/* Banner  */

.hero-banner .container { padding: 20px;    background: #fff;  border: 1px solid #d9d2d2;}
.sidecat {height: 100%;background: #fff;} 
.sidecat ul.list-style > li { display: inline-block; width: 100%; font-size: 13px;} 
.sidecat ul.list-style > li > a { display: inline-block; width: 100%;padding: 10px 25px 10px 45px;color: #666; position: relative;}
  .sidecat .dropdown-arrow {position: absolute;right: 20px;transform: rotate(-90deg);margin-top: 8px;} 
.sidecat ul.list-style > li > a:hover {padding-left: 45px;box-shadow: 0 0 4px 0 rgb(0 0 0 / 12%);}
.sidecat ul.list-style > li > a .sprit-icon { position: absolute; left: 10px; top: 4px; } 
.sidecat ul.list-style  { margin: 10px 0px; } 
span.cat-icon {position: absolute;max-width: 32px;left: 7px;top: 7px;}

.hero-enquiry .form-control { padding: 9px 15px;}
.hero-enquiry select.form-control { height: 37px !important; line-height: normal;}
.hero-enquiry {background: #fff; padding: 20px; border-radius: 10px; height: 100%;}
.hero-slider .owl-nav button { background: #22212c !important;}
.sidecat ul.list-style > li:hover > a{ color: #22212c;}

button#cat-btn { width: 100%; border-radius: 0px; background: transparent !important;text-align: left;color: #000;font-size: 20px;padding: 10px 0px;font-weight: 600;border-bottom: 1px solid rgb(102 102 102 / 16%);} 
.hero-banner{padding: 0px 0px;}
.hero-slider .item { position: relative;}
.bg-img { background-size: cover !important;  background-repeat: no-repeat !important;
    background-position: center center !important;}
.slide-txt { height: 100%;}
.slide-txt img {width: 100% !important;height: 100%; } 
.small-cat .hcat-img.object-fit { height: 229px;}
.custom-cat {background: #fff;border: 1px solid #f1efef;padding: 10px;height: 100%;border-radius: 10px;position: relative;background-size: cover !important;background-position: center center !important;background-repeat: no-repeat !important;} 
.mb-20 { margin-bottom: 20px; } 
.custom-cat h5 { margin-bottom: 10px; font-size: 16px; } 
.custom-cat h5 a {color: #000;} 
.custom-cat ul.prd-list { list-style: none; padding: 0px; margin: 0px; } 
.custom-cat ul.prd-list li a { color: #000; width: 100%;} 
.custom-cat ul.prd-list li { margin-bottom: 2px; font-size: 13px; line-height: normal;} 
.banner-text.position-absolute {position: absolute; bottom: 0px;  background: linear-gradient(45deg, black, transparent);
  left: 0px;  top: 0px;  width: 100%;  display: flex;  align-items: end;  padding: 20px;} 
.banner-text.position-absolute ul {padding: 0px;list-style: none;} 
.banner-text.position-absolute ul li { margin-bottom: 10px; } 
.banner-text.position-absolute ul li a { color: #fff; }
.banner-text.position-absolute ul li a:hover {color: #F5C71A; }
.custom-cat ul.prd-list li a:hover {color: #22212c;}
.product-text h5 { font-size: 18px;}
.banner-img.h-100.position-relative.object-fit { height: calc(100% - 20px) !important; width: 100%;}
.mb-30 { margin-bottom: 30px;}
.d-grid { display: grid!important;}
.products-list.d-grid { list-style: none; padding: 0px; margin: 0px; grid-gap: 30px;  grid-template-columns: repeat(6, 1fr);  }
.products-list.d-grid li { color: #fff;  max-width: 220px;  padding: 15px;  border-radius: 0px;  background: #fff;  box-shadow: 0 0 12px rgb(0 0 0 / 12%);  }
.banner-form h5 {margin-bottom: 10px;}
.small_text.tp_common.shome_forms {line-height: 1.2;}


.table-container { background: #fff; padding: 30px 30px; border-radius: 10px; } 
table.table.text-center { border: 1px solid #dee2e6; } 
.table th, 
.table td { vertical-align: middle; border: 1px solid #dee2e6; } 
.table tr td, .table tr th {   font-weight: 400;} 
.lead-search { max-width: 400px; margin-left: auto; } 
.lead-search button.icon-btn {position: absolute;right: 1px;top: 1px;padding: 0px;height: 100%;width: 36px;border: 0px;z-index: 11;border-radius: 0px;} 
.lead-search {border: 1px solid #1560bd;border-radius: 0px;overflow: hidden;} 
.lead-search .form-control { border: 0px !important; }
.table-header{margin-bottom: 30px;}
.hcat-item.bg-white { border: 1px solid #e6ecf2;}

.active-dot { color: #06bf50; } 
.point-dot { display: inline-block; width: 10px; height: 10px; background: #626262; border-radius: 100%; margin-right: 5px; } 
.active-dot .point-dot { background: #06bf50; } 
.process-dot { color: #f5ad0c; } 
.process-dot .point-dot { background: #f5ad0c; }
.red-dot {color: #ff1313;}
.red-dot .point-dot {background: #ff1313;}
.image-center {width: 73px;height: 73px;}

.custom-cat-2:before { content: "";  position: absolute;  left: 0px; top: 0px; width: 100%; height: 100%; background: linear-gradient(45deg, black, transparent);}
.custom-cat-2 a { color: #fff;}
.custom-cat-2 ul li a { color: #fff;}
.custom-cat-2 div {position: relative;  z-index: 1;}
.custom-cat-2 ul.prd-list li a { color: #fff;}
.custom-cat-2 ul.prd-list li,
.banner-text.position-absolute ul li {font-weight: 500;}
.custom-cat-2 ul.prd-list li a:hover,
.banner-text.position-absolute ul li a:hover {color: #1560BD;}
.custom-cat-2 .image-center {border-radius: 100%; overflow: hidden; border: 2px solid #fff;}
.custom-cat-2 { border-radius: 5px; overflow: hidden;}

.bg-site .owl-dots button {background: #dfdbdb !important;}
.bg-site .owl-dots .owl-dot.active  {background: #FFDE17 !important;}
.btn-2:hover {background: #373645;}


.article-img.object-fit { height: 230px;  } 
.article-txt { padding: 15px 15px; } 
.article-txt .cat { margin-bottom: 0px; opacity: .77; font-size: 14px; } 
.article-txt h5 {  margin-bottom: 10px; font-size: 15px;line-height: 1.5;} 
.article-txt h5 a {color: #000;} 
.article-txt h5 a:hover {color: #1560BD;} 
.post-meta { font-size: 14px; opacity: 0.8; }
article.article {background: #fff;}
.item .article-txt {font-size: 14px;}
.item .article-txt .link {color: #000;text-decoration: none;font-weight: 400;}

form { display: inline-block; width: 100%; } 
.field-smm { float: left; width: 33.33%; padding: 0px 10px; } 
.field .field-smm:first-child { padding-left: 0px; } 
.field .field-smm:last-child { padding-right: 0px; } 
label { text-transform: capitalize; font-weight: 500; } 
.label-field label { margin-right: 10px; } 
.label-field label input { margin-right: 10px; } 
.label-field label:last-child { margin-right: 0px; } 

.review-footer { position: relative; padding-left: 100px; min-height: 90px; padding-top: 20px; } 
.review-img.object-fit { min-width: 80px; height: 80px; border-radius: 0%; } 
.review-slider .item {gap: 30px;}
.review-footer h6 { margin-bottom: 0px; } 
.dark-form .form-control {  border: none;}
.fs-13{font-size: 13px;}
.hero-slider, .hero-slider div {height: 100%;}
.hero-slider .owl-nav {height: auto !important;}

.review-slider {border: 10px solid #dcdee3; padding: 30px 15px 40px;} 
.bottom-nav .owl-nav {width: 100px;bottom: -24px;top: auto;right: 20px;transform: none;left: auto;background: #fff;padding: 0px 10px;}
.quote-icon.position-absolute {top: -23px;z-index: 2;font-size: 33px;left: 20px;}
.review-slider {margin-top: 20px;}
.slide-txt { width: 100%;}

/* owl */
.owl-carousel .owl-stage{display: flex;}
.owl-carousel .item { display: flex;     height: auto;}
.owl-dots button:before, .owl-dots button:after, 
.owl-dots button span:before, .owl-dots button span:after { display: none;}
.owl-dots {height: auto !important;width: 100%;text-align: center;padding: 20px;background: transparent !important;}
.owl-dots button {background-color: #22212c;overflow: hidden;display: inline-block;min-width: auto !important;margin-right: 7px;width: 14px;height: 14px;border: 1px solid #22212c !important;border-radius:100%;}
.owl-dots button.owl-dot.active {background: #22212c;}
.owl-dots button{box-shadow:none !important; outline:none !important;}
.owl-nav button {width: 36px;min-width: auto;height: 36px;position: relative;overflow: hidden;border: none;color: #fff !important;pointer-events: all;background: rgb(0 92 230) !important;border-radius: 0px !important;}
.owl-nav button span {position: absolute;z-index: 1;min-width: auto;left: 50%;top: 50%;transform: translate(-50%, -50%);line-height: 1;font-size: 20px;}  
.owl-nav  .fa-angle-right:before {font-family: 'remixicon' !important; content: "\ea6e";}
.owl-nav .fa-angle-left:before {font-family: 'remixicon' !important; content: "\ea64";} 
.owl-carousel .owl-item img {width: auto;}
.owl-nav { position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%, -50%); } 
.owl-nav button.owl-prev { float: left; } 
.owl-nav button.owl-next { float: right; }
.tcolor{ color: #1560bd;}
.bg-site {background: rgb(26,30,33);    background: linear-gradient(90deg, rgba(26,30,33,1) 20%, rgba(49,50,50,1) 60%); color: #fff;}
.bg-light{background-color:#fbfbfb !important;} 
.bg-dark {background-color: #292929 !important; color: #fff;} 
.bg-yellow{background-color: #1560BD; color:#fff;}

.owl-nav button:hover {background: #FFDE17 !important;}
.top-nav .owl-nav {position: absolute; right: 0px; top: -56px; width: 80px; transform: none; left: auto;}



/* feature product */

.main-title{position: relative;}
.main-title h3{display: inline-block;      padding-right: 20px; position: relative;z-index: 1;}
.heading-line-heading{background-color: #f1efef;}
.heading-line {  border: 3px solid #DCDEE3;  border-radius: 3px;  overflow: hidden; position: absolute; top: 50%;
right: 0px; transform: translateY(-50%);width: 100%;}

.main-title.bg-site { padding: 10px 20px; margin-bottom: 20px; } 
.product-img.object-fit { height: 125px; } 
.product-text { padding: 20px 0px 0px; } 
.btn-section .sm-btn { padding: 6px 8px; min-width: auto; font-size: 12px; } 
.product-item { width: 100%; } 
.light-btn { background: #878484; }


.overlay-link { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; 
  color: #fff; padding: 15px 30px; background: rgba(0,0,0,.3); } 
.overlay-link a { color: #fff;}
.overlay-link a:hover{ color: #1560BD;}
.hcat-img.object-fit { position: relative; height: 221px; } 
.overlay-title { color: #fff; } 
.hcat-item:hover .overlay-link { background: rgba(0,0,0,.5); } 
.overlay-desc { color: #fff; } 
ul.c-prd { list-style: none; padding: 0px; margin: 0px; display: flex; display: -webkit-flex; 
  flex-direction: row; flex-wrap: wrap; border-top: 0; } 
.hcat-content {padding: 10px 10px;} 
ul.c-prd li { width: 33.33%; } 
.c-prd-img.object-fit { border-radius: 100px; width: 80px; height: 80px; margin: 0 auto; 
  margin-bottom: 10px; overflow: hidden; position: relative; } 
.c-prd-txt { font-size: 12px; color: #555; text-align: center; font-size: 14px; line-height: 21px; height: 42px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; } 
ul.c-prd li:hover a .c-prd-txt { color: #22212c; }

.bg-green {background: #09c718;}
.bg-blue {background: #22212c;}
.custom-cat h5 a:hover {color: #1560BD;}
.custom-cat ul.prd-list li a:hover { color: #1560BD;}

.cat-border-top { border-top: 3px solid #E63431;}


/* footer  */


.simple-link { list-style: none; padding: 0px; } 
.simple-link li { margin-bottom: 10px; } 
.simple-link li a { color: #fff; width: 100%; } 
.simple-link li a:hover { padding-left: 10px; color: #F5C71A; } 
.footer-widget h5 { color: #fff; } 
.patner-section { margin-top: 50px; padding: 20px 0px; } 
.copyright-logo {display: flex;align-items: center;justify-content: center;} 
.cl-img img {max-height: 63px;width: auto !important;} 
.copyright { background: #ffde17;padding: 10px 0px; color: #000;   margin-top: 0px; font-size: 13px;} 
.copyright h5 {color: #fff;margin-bottom: 10px;} 
.social-icon li a span{ color: #1560bd; width: 40px; height: 40px; font-size: 17px; border-radius: 100%; 
  display: inline-block; text-align: center; line-height: 40px; background: #ffde17; vertical-align: middle;margin-right: 7px;} 
.social-icon { margin-bottom: 0px; list-style: none; padding: 0px; } 
.footer a span:hover { color: #F5C71A; } 
.social-icon li{margin-bottom:10px;}
.social-icon li a:hover span { background: #000; color: #fff; } 

.back-to-top {    position: fixed;  bottom: 90px;  right: 30px; text-align: center; font-size: 16px; color: #000000; letter-spacing: .308px; z-index: 1111;
    display: inline-block !important;}
.back-to-top span { border-radius: 50%; border: 1px solid #22212c;width: 42px;  height: 42px;  overflow: hidden;   display: inline-block;
 line-height: 42px;vertical-align: middle;  margin-left: 10px; letter-spacing: .308px; background:#22212c; color:#fff;}
 





/* breadcrumb */
.inner-banner h1 {font-size: 25px; margin-bottom: 0px;}
.inner-banner {border-bottom: 1px solid rgb(213 210 210 / 22%);} 
ul.breadcrumb{border-radius:0;margin:0;background:transparent;padding: 0px;display: inline-block;}
ul.breadcrumb a{ text-decoration:none;}
.breadcrumb li{text-transform:capitalize;transition:all .5s;display: inline-block;font-size: 14px;font-weight: 400;color: #fff;}
.breadcrumb li:nth-last-child(1):after{display:none;}
ol.breadcrumb {background: transparent; padding: 0px; margin-bottom: 10px; color: #495057;}
.breadcrumb li a {color: #fff;}
.breadcrumb-item.active {color: #fff;}
.breadcrumb-item+.breadcrumb-item::before {color: #fff;content: "/";font-family: 'LineIcons' !important;font-size: 14px;}
.categorie_box .categories-iteam {padding: 15px;border-radius: 5px;display: flex;flex-wrap: wrap;align-items: flex-start;margin-bottom: 20px;transition: all 0.3s ease;} 
.categories-iteam .ci-name { width: 100%; flex-grow: 1; margin: 0 0 15px 0; font-size: 16px; color: #000; font-weight: 600; } 
.categories-iteam .ci-img {width: 125px;height: 125px;box-sizing: border-box;overflow: hidden;} 
.categories-iteam .ci-link {margin: 0;padding: 0;list-style: none;width: calc(100% - 145px);box-sizing: border-box;padding-left: 15px;}
.categories-iteam .ci-link li{position:relative;padding-left:10px;margin-bottom: 8px;font-size:13px;font-weight: 500;line-height: normal;}
.categories-iteam .ci-link li:before{content:'';position:absolute;height:3px;width:3px;border-radius:50%;background: #666;left:0;top:calc(50% - 1px);opacity: 0;}
.categories-iteam .ci-link li:last-child{margin-bottom:0;}
.categories-iteam .ci-link li a{display:inline-block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color: #666;}   
.categories-iteam .ci-link li a:hover { color: #1560BD;}
.link.tcolor {color: #1560BD !important;}

.subcat-item .ci-name {margin: 20px 0px 5px;}
.heading { position: relative; padding-bottom: 10px; } 
.heading:before { content: ""; position: absolute; left: 0px; bottom: 0px; width: 85px; height: 2px; background: #1560BD; }
.row.subcat-row {margin-bottom: 30px;}


.dealers-box { border: 1px solid #ddd; display: inline-block; width: 100%; position:relative;} 
.dealer-img-box {float: left;width: 204px;} 
.dealer-txt {float: right;width: calc(100% - 204px);padding: 0;border-left: solid 1px #ddd;position: relative;} 
.dealer-txt .d-flex { justify-content: space-between; align-items: center;}
.cnt-type img {max-width: 203px;}
.dealers-footer { display: inline-block; width: 100%; border-top: 1px solid #ddd; padding: 10px 10px 0px 10px; } 
.dlr-img {display: flex;justify-content: center;align-items: flex-start;max-height: 299px;} 
.dlr-img img {} 
.dealer-txt h5 { margin-bottom: 10px; } 
.dealer-txt ul { padding-left: 20px; }
.cv-status { font-size: 17px; background: #12bb1f; color: #fff; width: 20px; display: inline-block; text-align: center; height: 20px; 
  line-height: 20px; border-radius: 100%; vertical-align: middle; } 
.client-value {
  border: 2px solid #ffde17;
  display: inline-block;
  line-height: normal;
  background: #1560BD;
  color: #fff;
  padding: 0px 5px;
  font-weight: 500;
  border-radius: 5px;
  } 
.address-meta {color: #282727;position: relative;z-index: 1;margin-bottom: 5px;margin-top: 4px;} 
.black.title_tooltip:before { display: block;     background: rgb(21 96 189); content: attr(data-tooltip); position: absolute;  z-index:11;
  font-size: 12px; color: #fff; top: 25px; left: 0; width: 210px; text-align: center; padding: 5px 7px; border-radius: 6px; 
  line-height: 16px; } .black.title_tooltip { position: relative; } 
.black.title_tooltip span:after, 
.black.title_tooltip span:before { top: 5px; left: 40px; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; } 
.black.title_tooltip span:before { border-bottom-color: #1560bd; border-width: 10px; margin-left: -10px; } 
.black.title_tooltip span { position: relative; }
.black.title_tooltip:before, .black.title_tooltip span:before, .black.title_tooltip span:after { opacity: 0;}
.black.title_tooltip:hover:before, .black.title_tooltip:hover span:before, .black.title_tooltip:hover span:after { opacity: 1;}

.dealer-img-tiny { padding: 0px; list-style: none; display: flex; margin: 0px; } 
.dealer-img-tiny li.object-fit { height: 58px; flex-grow: 1; border: 1px solid #ddd; border-bottom: 0px; }


.main-section.landing-banner { background: #d6d6d6; padding-bottom: 120px; } 
.transform-section { padding: 65px; transform: translateY(-85px); } 
.field-sm { float: left; width: 50%; padding: 0px 10px; } 
.field .field-sm:first-child {padding-left: 0px;} 
.field .field-sm:last-child { padding-right: 0px; } 
.check-btn label { display: inline-block; margin-right: 10px; margin-bottom: 0px; } 
.check-btn label input { margin-right: 10px; } 
hr { display: inline-block; width: 100%; } 
ul.point-list { padding: 0px; list-style: none; } 
ul.point-list li { margin-bottom: 30px; position: relative; padding-left: 35px; font-size: 18px; } 
ul.point-list li .li-icon { position: absolute; left: 0px; font-size: 26px; color: #00a3e9; top: 0px; } 
ul.point-list li p { font-size: 14px; } 
.sidebar { border-left: 1px solid #eee; padding-left: 30px; height: 100%; } 
.widget-heading { padding-bottom: 15px; border-bottom: 1px solid #eee; position: relative; } 
.widget-heading:before { content: ""; position: absolute; left: 0px; bottom: -1px; width: 40px; height: 2px; background: #009eea; }


.w-auto { display: inline-block; margin: auto auto; float: none; margin: 0px auto !important;}
.account-form { max-width: 500px;}
.field h3 { margin-bottom: 0px;}
.field.add-field { position: relative; padding-right: 40px; } 
.field.add-field button { position: absolute; right: 0px; min-width: auto; padding: 6px 10px; } 
.field.add-field .field-smm { padding-left: 0px; }

.checkbox-label { position: relative; padding-left: 30px; } 
.checkbox-btn { width: 22px; height: 22px;   border: 1px solid #505050; display: inline-block;  position: absolute; left: 0px; top: 0px; } 
.checkbox-label input[type="checkbox"] { opacity: 0; position: absolute; } 
.checkbox-btn:before { position: absolute; left: 50%; top: 50%; content: "\EB7B"; font-family: remixicon!important; 
    font-size: 20px; transform: translate(-50%, -50%); opacity: 0; } 
.checkbox-label input[type="checkbox"]:checked + .checkbox-btn:before { opacity: 1; }

.t-green { color: #219d02;}
.fs-20 {font-size: 20px;}
.vam {vertical-align: middle;}
.hero-box { padding: 30px 15px;}
.input-group-text {  border-right: 1px solid rgb(0 0 0 / 20%) !important;border: 1px solid rgb(0 0 0 / 20%) !important;}
select.unit-select { outline: none;  border-left: 0px;  background: #1560BD; color: #fff;}
.radio-slider .radio-box { position: absolute; right: -1px; background: #1560BD; width: 120px; height: 43px; border-radius: 0px; 
  color: #fff; font-size: 14px; text-align: center; line-height: 43px; top: 0; } 
.radio-slider .radio-bg { position: relative; display: inline-block; } 
.radio-slider input[type=radio] { position: relative; z-index: 1; opacity: 0; top: 2px; cursor: pointer; } 
.radio-slider input[type=radio] { position: relative; z-index: 1; opacity: 0; top: 2px; cursor: pointer; } 
.radio-slider .radio-circle { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; -webkit-transition: .4s; 
  transition: .4s; margin: auto; width: 28px; height: 16px; border-radius: 30px; z-index: 0; } 
  .radio-slider .radio-circle:before { position: absolute; content: ""; height: 12px; width: 12px; left: 3px; bottom: 2px; 
  background-color: #1560BD; -webkit-transition: .4s; transition: .4s; border-radius: 50%; } 
.radio-slider input:checked+.radio-circle:before { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); 
  transform: translateX(10px); }
.bg-darklight{background: #f5f5f5;}

.col-custom-5.border-1 { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%;}
.col-custom-5 .categorie_box .categories-iteam { justify-content: center;}

.col-custom-5 .categorie_box .categories-iteam { justify-content: center;}
.col-custom-5.border-1 {border: 1px solid #ced4da;}
.blue-gradient{color: #fff; background: linear-gradient(14deg, #00ede2, #1560BD);}
.ci-name a { color: #313232;}
.ci-name a:hover {color: #1560BD;}


/* default pg */

.skills-status {display: inline-block;  width: 100%;}
.skills-status .skill:first-child { padding-left: 0px;}
.skills-status .skill:last-child {padding-right: 0px;}

.skill {margin-bottom: 21px;position: relative;overflow:hidden;float: left;padding-top: 10px;width: 100%;}
.skill > p {font-size: 14px;font-weight: 500;color: #1a1716;margin: 0;}
.skill:before{width: 100%;height: 5px;content: "";display: block;position: absolute;background: #959595;bottom: 0;}
.skill-bar {width: 100%;height: 5px;background:#f68338;display: block;position: relative;}
.skill1{ width: 99.9%;     background: #00BCD4;}
.skill-bar span{position: absolute;top: -38px;font-size: 18px;padding: 3px 0;font-weight: 500;}
.skill-bar {   position: relative;  }
.skill1 .skill-count1 {right: 0;}
.skill2{  width: 93%;     background: #4CAF50; }
.skill2 .skill-count2 {    right: 0;}
.skill3{  width: 98%;  background: #f68338;}
.skill3 .skill-count3 {  right: 0; }
.skill4{  width: 95%; background: #3F51B5;}
.skill4 .skill-count4 {   right: 0;}
.skill5{  width: 80%; background: #03A9F4; }
.skill5 .skill-count5 {  right: 0;}
.skill6{ width: 90%; background: #795548;}
.skill6 .skill-count6 {   right: 0;}



.counter-header { text-align: center; font-weight: 600; } 
.counter { font-size: 50px; font-weight: 700; } 
.counter-section .col-lg-4 { border-right: 1px dotted #dae29f; } 
.counter-section .col-lg-4:last-child { border: 0px; }  
.default-pg ul { list-style: none; padding: 0px; } 
.default-pg ul li { color: #000; margin-bottom: 10px; position: relative; padding-left: 20px; } 
.default-pg ul li:before { font-family: remixicon!important; font-style: normal; content: "\EB81"; position: absolute; left: 0px; color: #00b4e7; }
.card-header { padding: 0px; background: transparent; border: none; } 
.card { border: none; margin-bottom: 15px;    border-radius: 8px; } 
.card-header button {linear-gradient(to right,#C10D24,#E63431);border-radius: 8px;text-align: left;width: 100%;
  color: #fff;font-size: 16px;padding: 20px 40px 20px 20px;font-weight: 500;
  text-decoration: none !important;     word-break: break-all; white-space: normal;} 
.card-body p:last-child { margin-bottom: 0px; }
.card-header button.collapsed:before {content: "\EA13";}
.card-header button:before { background-image: none;  transform:none;  font-family: remixicon!important;  content: "\F1AF";
    font-weight: 400;  position: absolute;   right: 0px;  padding: 0px 12px;} 
.sidebar .aside-widget ul li { font-weight: 500; margin-bottom: 10px; } 
.sidebar .aside-widget ul li a { color: #000; } 
.sidebar .aside-widget ul li a:hover { padding-left: 10px; color: #1560bd; } 
.blog-pagnation a {  display: inline-block;  box-shadow: 4px 12px 40px 6px rgb(0 0 0 / 3%); 
  border-radius: 40px;  padding: 12px 40px;  background: #fff;  min-width: 250px;}
.aside-widget .accordion-body ul li a:hover { color: #1560BD;}
.widget-title h2, .widget-title h3 {  font-size: 16px;background: #1560BD !important;  color: #fff !important;  text-transform: capitalize;  font-weight: 500;  border-bottom: 1px solid #eee !important;  padding: 1rem 1.25rem; margin: 0px 0px 15px 0px;} 
.aside-widget {margin-bottom: 40px;background: #fff;box-shadow: 4px 12px 40px 6px rgb(0 0 0 / 9%);
    border-radius: 10px;overflow: hidden;} 
.aside-widget .listing-item {padding-left: 100px;margin-bottom: 10px;box-shadow: none;border-bottom: 1px solid #f5f4f4;position: relative;display: inline-block;width: 100%;} 
.aside-widget .listing-item h3 a { color: #000; } 
.aside-widget .listing-item h3 {margin-bottom: 5px;letter-spacing: 0px;font-size: 15px;}
.aside-widget .listing-img{width: 87px;position: absolute;text-align: center;left: 0px;height: auto;top: 14px;
  max-height: 90px; padding-left: 10px;}
.aside-widget .listing-item .prd-info {padding: 0px 0px 10px;}
.listing-txt {padding: 10px 0px;}
.aside-widget .listing-item .price { margin: 0px; color: #999;}
.aside-widget .listing-img img { max-height: 90px;  margin: auto;}
.rating { color: #f1ca08;}
.pagination {justify-content: center;} 
ul.pagination ul li { background: #ECECEC;  text-align: center;} 
ul.pagination li a {background: transparent;border: none;
  border-radius: 0px!important;  color: #000; font-size: 15px;  padding: 7px 19px; text-align: center;
  box-shadow: none !important;  min-width: 40px;  border: 1px solid #000;  } 
ul.pagination li { margin-right: 14px; } 
ul.pagination li:last-child { margin-right: 0px; } 
ul.pagination li a:hover,
ul.pagination li.active > a:hover{color: #fff;background: #000;border-color: #000;}
.page-item.active .page-link { z-index: 1; color: #fff;  background-color: #1560BD;  border-color: #1560BD;}
.after-none:after{display: none;} 
.sidebar .aside-widget { padding: 20px 30px; } 
article.article.br-10 { overflow: hidden; } 
.aside-widget .article-txt h4 { font-size: 16px; font-weight: 500; margin-bottom: 10px; } 
.aside-widget .article-txt { padding: 10px 0px 0px; } 
.aside-widget article.article { box-shadow: none; margin-bottom: 10px; }
.cnt-info address {position: relative;padding-left: 30px;}
.cnt-info .address-icon { vertical-align: middle;  margin-right: 10px;position: absolute;left: 0px;}
.fillter-bar { padding-right: 0px; position: sticky; top: 100px;} 
button.filter-cls { display: none;}
.search-result .form-control {min-width: auto;display: inline-block;width: auto;background-color: #f5f5f7;color: #6d7c90;border: 0px;font-weight: 500;border-radius: 34px;padding: 4px 20px;height: 43px !important;} 
.search-result .filter-btn { margin-left: 10px; padding: 10px 15px; display: none;}
.aside-widget .btn.btn-link { padding: 10px 30px 10px 10px; letter-spacing: 0px; border-radius: 0px; } 
ul.aside-list {padding: 0px;list-style: none;overflow-y: scroll;height: 500px;} 
ul.aside-list li { margin-bottom: 6px; } 
ul.aside-list li a { color: #666; } 
ul.aside-list li:hover > a { color: #1560BD; } 
.product-text h5 {font-size: 15px;line-height: 21px;}
.product-text h5 a {color: #666;}
button.close { position: absolute;  right: 0px;    opacity: 1 !important;  font-weight: 400 !important;  z-index: 11;}

.container-fluid {position: relative;}
.lead-country span {max-width: 20px;display: inline-block;}
.table {font-weight: 400;}
.dropdown {display: inline-block;} 
.dropdown-toggle {background: transparent !important;padding:  10px;color: #666;min-width: auto;font-weight: 400;}

.site-box {padding:30px;}
.category-section .site-box {padding:10px 30px 30px 30px;} 

.site-box .main-title.mb-4 {margin-bottom: 10px !important;}
.bg-blue{background: linear-gradient(to right,#C10D24,#E63431);}


/* faq page */
.faq-page .card-header {padding: 0px;  background: transparent;}
.faq-page .card-header a { padding: 10px 45px 10px 25px;  display: inline-block;  width: 100%;  position: relative;}
.faq-page .card-header a i { position: absolute;  right: 10px;}
.faq-page .card { border: 0px;}
.faq-page .card-header h5 { font-size: 24px; font-weight: 500;}
.border-1 {border: 1px solid #ced4da;}

.justify-content {justify-content: center;}
.input-group-prepend { margin-right: 0px;} 
.article-pb article.article {margin-bottom: 30px; border-radius: 10px; overflow: hidden;}
.sitemap-pg  ul li a{color: #000;}
.sitemap-pg  ul li a:hover{color: #00b4e7;}
.sitemap-pg ul li:before { content: "-"; line-height: normal; color: #000;}

.membership-pricing-table table { width: 100%;} 
.membership-pricing-table table .icon-no,.membership-pricing-table table .icon-yes { font-size: 22px } 
.membership-pricing-table table .icon-no { color: #a93717 } .membership-pricing-table table .icon-yes { color: #209e61 } 
.membership-pricing-table table .plan-header { text-align: center; font-size: 48px; border: 1px solid #e2e2e2; padding: 25px 0 } 
.membership-pricing-table table .plan-header-free {background-color: #ff9317;color: #fff;} 
.membership-pricing-table table .plan-header-blue {color: #fff;background-color: #1560bd;border-color: #1560bd;} 
.membership-pricing-table table .plan-header-standard {color: #fff;background-color: #e0015d;border-color: #e0015d;} 
.membership-pricing-table table td { text-align: center;  width: 15%;  padding: 10px 15px;   background-color: #fff;   font-size: 14px;   
    -webkit-box-shadow: 0 1px 0 #fff inset;  box-shadow: 0 1px 0 #fff inset;} 
.membership-pricing-table table,.membership-pricing-table table td {border: 1px solid #ebebeb;} 
.membership-pricing-table table tr:nth-child(2n+2) td {    background-color: #fafafa;}
.membership-pricing-table table tr td:first-child { background-color: transparent; text-align: right; width: 24% } 
.membership-pricing-table table tr td:nth-child(5) { background-color: #FFF } 
.membership-pricing-table table tr:first-child td,
.membership-pricing-table table tr:nth-child(2) td { -webkit-box-shadow: none; box-shadow: none } 
.membership-pricing-table table tr:first-child th:first-child { border-top-color: transparent; border-left-color: transparent; border-right-color: #e2e2e2 } 
.membership-pricing-table table tr:first-child th .pricing-plan-name { font-size: 22px ;padding: 0px 15px;} 
.membership-pricing-table table tr:first-child th .pricing-plan-price { line-height: 35px } 
.membership-pricing-table table tr:first-child th .pricing-plan-price>sup { font-size: 45% } 
.membership-pricing-table table tr:first-child th .pricing-plan-price>span { font-size: 30% } 
.membership-pricing-table table tr:first-child th .pricing-plan-period { margin-top: -7px; font-size: 25% } 
.membership-pricing-table table .header-plan-inner { position: relative } 
.membership-pricing-table table .recommended-plan-ribbon {
    box-sizing: content-box;
    background-color: #17b0ff;
    color: #FFF;
    position: absolute;
    padding: 3px 6px;
    font-size: 11px!important;
    font-weight: 500;
    left: -6px;
    top: -22px;
    z-index: 99;
    width: 100%;
    -webkit-box-shadow: 0 -1px #c2284c inset;
    box-shadow: 0 -1px #c2284c inset;
    text-shadow: 0 -1px #c2284c
    } 
.membership-pricing-table table .recommended-plan-ribbon:before {
    border: solid;
    border-color: #17b0ff transparent;
    border-width: 6px 0 0 6px;
    bottom: -5px;
    content: "";
    left: 0;
    position: absolute;
    z-index: 90
    } 
.membership-pricing-table table .recommended-plan-ribbon:after {
    border: solid;
    border-color: #099fed transparent;
    border-width: 6px 6px 0 0;
    bottom: -5px;
    content: "";
    right: 0;
    position: absolute;
    z-index: 90
    } 
.membership-pricing-table table .plan-head { box-sizing: content-box; background-color: #ff9c00; border: 1px solid #cf7300; position: absolute; 
    top: -33px; left: -1px; height: 30px; width: 100%; border-bottom: none }

.tgreen {color: green;}
.tred {color: red;}
.membership-pricing-table i {font-size: 20px;vertical-align: middle;}

.pp-item {text-align: center;}
.pp-item-img.object-fit {height: 143px;margin-bottom: 10px;}
div#sync4 { margin-top: 10px;}
.model-logo { max-width: 200px; margin: auto;}

/* seller website  */

.sub-banner {padding: 40px 0px 0px;} 
.sb-head .d-flex {align-items: center;} 
.s-logo {max-width: 100px;} 
.sb-head h1, .sb-head p {margin-bottom: 5px;} 
span.tagline {background: #1560bd;padding: 5px 10px;display: inline-block;font-size: 12px;border-radius: 5px;vertical-align: middle;}
.sb-head{padding: 30px;background: #fff;}
.sb-head .flag-icon {max-width: 31px; vertical-align: middle;  margin-left: 5px;} 
.sb-head p a {color: #fff;} 
.sb-head p  i {vertical-align: middle;} 
.sb-head p a:hover {color: #f5c922;}

.seller-nav ul li a {color: #fff;padding: 8px 14px;display: inline-block;} 
.seller-nav ul li a:hover{    color: #ffde17;}
.seller-nav {padding: 0px 30px;} 
.seller-nav ul li {margin-right: 10px;} 
.seller-nav ul li:last-child {margin-right: 0px;}


.info-icon-list li {width: 33.3%;float: left;margin-bottom: 20px;position: relative;min-height: 50px;padding-left: 65px;} 
.info-icon-list {display: inline-block;width: 100%;margin: 0px;} 
.info-span-icon {position: absolute;width: 50px;height: 50px;
    background: #eee;text-align: center;border-radius: 100%;left: 0px;top: 0px;line-height: 50px;} 
.info-icon-list li p { line-height: normal;}
.info-section .categorie_box .categories-iteam {padding-left: 0px; padding-right: 0px;}
.av-img.object-fit {height: 100px;width: 100px;margin: auto auto 15px;border-radius: 0;}


.sidebar .aside-widget ul.tinypost li {list-style: none;padding: 0px !important;}
.sidebar .aside-widget ul.tinypost li a{display: flex; width: 100%;}
.sidebar .aside-widget ul.tinypost li a:hover {padding-left: 0px;} 
.sidebar .aside-widget ul.tinypost {padding: 0px;} 
.tinypost-img.object-fit {width: 60px;height: 60px;border: 1px solid #eee;padding: 5px;margin-right: 10px;}
.premiumservices-box {transform: translateY(-59px);}
.ps-logo img { max-width: 131px; margin-bottom: 20px;}
.premiumservices-section .transform-section{transform: translateY(-25px);}
.quality-section{background: url(../media/connect-bg.jpg);}
.quality-section:before{background: rgb(0 0 0 / 78%);}
.bg-fixed {background-attachment: fixed !important;}
.whys-txt-bx {position: relative;padding-left: 100px;display: flex;flex-flow: column;padding-right: 30px;}
.whys-txt-bx .whys-icon {position: absolute;left: 10px;top: 0px; max-width: 65px;}
.cta-section{background: url(../media/cta-section.jpg);}
.cta-section:before {background: rgb(0 0 0 / 81%);}
.lead-list {padding: 0px;}
.lead-list li.d-flex {justify-content: space-between;align-items: center;background: #fff; 
    margin-bottom: 30px;box-shadow: 1px 4px 17px rgb(35 32 32 / 26%);padding: 20px 15px;}
.lead-list-content {padding: 0px;}
.lead-list-detail {padding: 0px 30px;}
.landing-banr-txt img { max-width: 200px;}
.menutoggle{display: none;}

table.ordre-table img {max-width: 70px;}
table.ordre-table td, table.ordre-table th {text-align: center;}
table.ordre-table td {font-size: 14px;}
table.ordre-table tbody tr:nth-child(2n+1) {background: #eee;}
table.ordre-table thead tr  {background: #1560bd;color: #fff;width: 100%;}
table.ordre-table thead tr th{padding: 10px;}

.user-admin-content .field-icon { margin-top: 10px;  float: right;  position: relative;  right: 30px;}
#buyer-form{display: none;}

.dtl-cmp {background: #f9f9f9;padding: 20px 10px;border-radius: 5px;} 
.cmp-img img {max-width: 90px;margin-bottom: 15px;} 
.cmp-header .bg-light { background: #06c5d8 !important; font-size: 12px; padding: 2px 5px; color: #000; } 
.cmp-header { margin-bottom: 10px; }  
.dtl-cmp .cnt-info .address-icon { margin: 0px; left: 20px; } 
.dtl-cmp .cnt-info address { text-align: left; padding-left: 50px; } 
.dtl-cmp .cnt-info address { padding-right: 20px; } 
.cnt-info { margin-bottom: 15px; } 
.cmp-tag { font-size: 12px; margin-bottom: 10px;} 
.cmp-tag label { margin-right: 10px; } 
.cmp-tag label:last-child { margin-right: 0px; } 
.dtl-cmp .enquiry-btn { background: #fff; padding: 10px; color: #000; }

.simial-product .product-img.object-fit { max-width: 200px; margin: auto; height: 200px; } 
.simial-product .product-img.object-fit img { max-height: 200px; } 
.simial-product .product-item { border: 1px solid #ddd; padding: 20px 10px; }
.lead-section table tr th, .lead-section table tr td { max-width: 160px;}
.table-view.text-center.bg-blue { padding-bottom: 15px !important;}

/* new price table */

.package__list{display: flex;justify-content: center;padding: 50px 0px;}

.package--pack {overflow: hidden;background: #fff;max-width: 320px;position: relative;padding-bottom: 90px;}
.package__head {text-align: center;position: relative;padding: 30px 30px 15px;color: #38327c;min-height: 216px;}
.package__head p {margin-bottom: 0px;}
.package__head button {padding: 12px 31px;min-width: 160px;margin-top: 15px;}
.package__content {padding: 12px 30px;color: #444444;}
.pack--block {border-top: 1px solid #eee;padding: 10px 0px;margin-bottom: 10px;}
.package__content .pack--block:last-child {}
.pack--block ul {list-style: none;padding: 0px;margin: 0px;}
.pack--block li {font-size: 16px;position: relative;color: #444444;margin-bottom: 5px;padding-left: 23px;font-weight: 600;}
.pack--block li.min--heightlist {min-height: 54px;}
.offer--price { font-weight: 700;line-height: normal;}
.offer--price sup {font-size: 10px;font-weight: 700;top: -1.5em;}
.offer--price span {font-size: 39px;vertical-align: middle;}
.offer--price sub {font-size: 12px;font-weight: 400;}
.pack--block ul li.pack--active:before, 
.pack--block ul li.pack--inactive:before {font-family: remixicon!important; content: "\EB7B";position: absolute;color: #5ACE31;left: 0px;top: 0px;}
.pack--block ul li.pack--inactive:before {color: #FF6969;content: "\EB99";}

 
.package__head button.outline-btn { padding: 10px 31px;}
.package--heading {font-size: 22px;font-weight: 500;}
.free--pack .package__head {color: rgba(68, 68, 68, 0.76);}
.package--tag{color: #fff;font-size: 10px;position: absolute;right: 0px;top: 0px;padding: 2px 12px 2px 20px;}
.package--tag:before {content: "";width: 0;height: 0;border-style: solid;border-width: 10px 0 10px 9px;
    border-color: transparent transparent transparent #f5fafe;position: absolute;left: 0px;top: 50%;transform: translateY(-50%);}

.package__list .package--pack:first-child { border-top-left-radius: 20px; border-bottom-left-radius: 20px; } 
.package__list .package--pack:last-child { border-top-right-radius: 20px; border-bottom-right-radius: 20px; } 
.package--pack.recomended--pack {
    background: linear-gradient(45deg, #002ec2, #162c72);
    z-index: 11;
    /* border-top-left-radius: 20px; */
    /* border-bottom-left-radius: 20px; */
    color: #fff;
    /* margin-top: -40px; */
    position: relative;
    /* margin-bottom: -40px; */
    } 
.package--pack.recomended--pack * { color: #fff; }
.pack-iocn img { max-height: 125px;}
.pack-iocn { margin-bottom: 20px;}
.package__head p { line-height: normal;}
.package--pack button {position: absolute; bottom: 30px;  left: 50%; transform: translateX(-50%);}

.package__head:before { width: 0; height: 0; border-style: solid; border-width: 20px 20px 0 20px; 
border-color: #142c7a transparent transparent transparent; content: ""; position: absolute; left: 50%; transform: translateX(-50%); top: 0px; -webkit-transition: all .3s;
-moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; opacity: 0; } 
.package--pack.free--pack:hover .package__head:before { opacity: 1; }
.package--pack.free--pack:hover { background: rgb(12 45 153 / 7%);}

.category-section .custom-cat ul.prd-list li a { white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;max-width: 24ch;display: inline-block;}
.footer-widget, .footer-widget a { color: #222;}
.footer-widget h5{position:relative; padding-bottom:10px;}
.footer-widget h5:after { content: ""; height: 2px; width: 38px; background: #F5C71A; position: absolute; left: 0px; bottom: 0; } 
.footer-widget { margin-bottom: 30px; }
.img-banner img{width:100%;}


.switch { position: relative; display: inline-block; width: 60px; height: 25px; margin:0px 15px; } 
.switch input { opacity: 0; width: 0; height: 0; } 
.slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; } 
.slider:before { position: absolute; content: ""; height: 20px; width: 20px; left: 4px; bottom: 3px; background-color: white; -webkit-transition: .4s; transition: .4s; } 
.switch input:checked + .slider { background-color: #2196F3; } 
.switch input:focus + .slider { box-shadow: 0 0 1px #2196F3; } 
.switch input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); }
.slider.round {border-radius: 34px;}
.slider.round:before { border-radius: 50%;}

.banner-form { background: #eef8ff; padding: 20px; border-radius: 10px; }
.search-prodcuts .dealers-box { height: 100%; min-height: 299px;}
.search-prodcuts .dealer-img-box {display: flex;align-items: center;justify-content: center;height: 347px;}
.custom-scroll {height: 150px; overflow-y:auto; padding-right:20px;}
.dealer-txt ul { list-style: none; padding: 0px; } 
.dealer-txt ul li span { margin-right: 5px; opacity: 0.8; }
.dealer-txt ul li { font-size: 13px; line-height: 1.4; font-weight: 400; color: #000; margin-bottom:5px;}
.search-prodcuts .dealer-txt ul li { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 90%; }
.custom-scroll::-webkit-scrollbar { width: 4px;}
.custom-scroll::-webkit-scrollbar-thumb {  background-color: #ccc;  }

.adv-slider { margin-bottom: 30px; padding: 0px 50px; } 
.adv-slider .item { text-align: center; display: block;} 
.adv-slider .item img { margin: auto; width: auto !important; }

.seller-pg .dlr-img {  height: 180px;  float: left;   display: inline-block;  margin-right: 40px;}
.dealers-box.seller-pg { background: rgb(238 238 238 / 46%);}
.seller-pg .dealer-txt { width: 100%;}

.form-widget { padding: 20px 5px 0px 5px; } 
.form-widget form { padding: 10px; border-radius: 5px; } 
.form-widget h6 { color: #fedd17; } 
.form-widget span { font-size: 80%; display: block; margin-bottom: 4px; color: #fff; }
.fillter-bar.position-relative { top: 40px;}
.fw-normal.widget-title-txt {line-height: 1.5;}



@keyframes fadeInTop {
  from {
    opacity: 0;
    transform: translate3d(0, 20%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

/* container */

.container-left {
    padding-left: calc(50% - 570px);
}
 
@media (min-width: 767px){ 
.container { max-width: 100%;}
.modal-dialog { max-width: 750px;}
.expend-btn{display: none;}


}


@media (min-width: 768px){
.container {max-width: 720px;}
}

@media (min-width: 992px){
.container {max-width: 960px;}
.sidecat ul.list-style > li > ul { position: absolute; top: 0;   left: 95%; width: 990px; z-index: 9999; height: 100%; 
  max-height: 100%; transition: none; overflow: auto; padding: 20px; background: #fff; box-shadow: 0 2px 14px rgb(0 0 0 / 10%);
opacity: 0;  visibility: hidden; pointer-events: none;} 
.sidecat ul.list-style > li > ul > li { float: left; width: 33.33%; padding: 0px 10px; font-weight: 500; } 
.sidecat ul.list-style > li > ul > li ul li { display: inline-block; width: 100%; font-weight: 400; margin-bottom: 7px; } 
.sidecat ul.list-style > li > ul > li ul { padding-left: 10px; }  
.sidecat ul.list-style > li > ul > li:nth-child(4n+4) { clear: both;}
.sidecat ul.list-style > li > ul > li ul { min-height: 210px;}
.sidecat ul.list-style > li:hover > ul{opacity: 1; visibility: visible; pointer-events: all;}
.sidecat ul.list-style > li a:hover{color: #1560BD;}
#cat-cls{display: none;}
.sidecat ul.list-style > li > ul > li{margin-bottom: 20px;}
.sidecat ul.list-style > li > ul > li > a { margin-bottom: 10px; display: inline-block;  width: 100%;}
.hero-box .col-lg-3 {max-width: 23%; -ms-flex: 0 0 23%;    flex: 0 0 23%;}
.hero-box .col-lg-6 {max-width: 54%; -ms-flex: 0 0 54%;  flex: 0 0 54%;}
.sidecat .mega-menu .dropdown-arrow { display: none;}

}
@media (min-width: 1200px){
.container {max-width: 1170px;  }
.container-fluid {padding-left: 30px;padding-right: 30px;}


}

 
@media (min-width:1500px){
.slide-txt img { width: 100% !important;   }
.hero-box .col-lg-3 {max-width: 19%; -ms-flex: 0 0 19%;    flex: 0 0 19%;}
.hero-box .col-lg-6 {max-width: 62%; -ms-flex: 0 0 62%;  flex: 0 0 62%;}
.product-img.object-fit { height: 198px; } 
.products-list.d-grid li { max-width: 100%;}

}
.infbox h4{
        background: linear-gradient(to right,#094187,#086ff0,#2569be);
        color:#fff;
        text-align:
        center;
        padding: 9px;
}
.infbox ul{
    padding:0px;
}
.infbox ul li {
    display: inline-block;
    width: 49%;
    padding: 8px;
    border: 1px solid #F2F2F2;
    color: #404040;
    font-size: 18px;
}
.cnt-type{
       position: absolute;
    left: 0;
    top: 0; 
}
.deal-inner{
    
    padding:7px 7px 7px;
}
.enquiry-btn{
    border-top:1px solid #ddd;
    padding:7px;
}
.trd-name a{
        font-weight: 600;
    margin: 0px 6px;
}
.pack--block li strong{
    font-weight:400 !important;
}
.package--pack.recomended--pack:hover{
    background: #1560bd !important;
}
.recomended--pack .package__head:before{

        border-color: #fff transparent transparent transparent;
}
.recomended--pack:hover .recomended--pack .package__head:before {
    opacity: 1 !important;
}@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700&display=swap');

.poppins{font-family: 'Roboto', sans-serif;}
 
 
body{font-family: 'Roboto', sans-serif;font-size: 16px;font-weight: 400;color: #333;line-height: 1.65;background-color: #f1efef;}
a{ color: #222;text-decoration:none;outline: none;}

a,
.btn,
button{-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s; }
a:hover {color: #C10D24;text-decoration: none;}
.fancybox-button{min-width: auto;} 

h1, h2, h3, h4, h5, h6{ font-family: 'Poppins', sans-serif; font-weight: 600; line-height: 1.3; margin-bottom: 20px; color: #222;}
.main-section a.link { word-break: break-all;}
a.link i {font-size: 11px;}
h1{font-size: 36px;font-weight:700;letter-spacing:-0.5px;}
h2{font-size: 28px;}
h3{font-size: 24px;}
h4{font-size: 20px;}
h5{font-size: 18px;}
h6{font-size: 16px;}


.mrt-20{margin-top:20px;}
.mb-50 {margin-bottom: 50px;}
.fs-60{font-size:60px;}
.fs-45 {font-size:45px;}
.fs-35 {font-size:35px;}
.fs-30 {font-size:30px;}
.fs-25{font-size:25px;}
.fs-18{font-size:18px;}


img{max-width: 100%;}
button, .btn, input[type="submit"]{min-width: 110px;border:0px;padding: 12px 20px;cursor: pointer;position: relative;font-family: 'Roboto', sans-serif;box-shadow: none !important;color: #fff;background:linear-gradient(to right, #C10D24, #E63431);font-size: 14px;font-weight: 500;letter-spacing: 1px;border-radius: 4px;text-transform: capitalize;}
[type=reset]:hover, [type=submit]:hover, button:hover, .btn:hover, html [type=button]:hover  {
    background: linear-gradient(to right, #a60b1f, #ff3733);border-color: #F5C71A;color: #fff;cursor: pointer;}
[type=reset]:focus, 
[type=submit]:focus,
button:focus, 
.btn:focus, 
html [type=button]:focus { outline: 0; box-shadow: 0 0 8px rgba(0, 0, 0, .33);}
/*
.btn:not(:disabled):not(.disabled).active, .btn:not(:disabled):not(.disabled):active {background: #22212c; color: #fff;}
*/
a.link {text-decoration: underline;}
input[type="file"] { font-size: 14px;   -webkit-appearance: none;}
.field {margin-bottom: 15px;display: inline-block;width: 100%;float: left;}
.form-control {outline: none !important; padding: 9px 15px;  border-radius: 4px;  border: 1px solid rgb(73 80 87 / 29%) !important;  background-color: #fff !important;
  box-shadow:none !important;  font-size: 14px;  font-weight: 400;  line-height: normal;  color: #666;
  font-family: 'Roboto', sans-serif;  height: auto;}
textarea.form-control { min-height: 91px;}
.form-control:focus {  background-color: transparent;  border-color: inherit;} 
select.form-control:not([size]):not([multiple]) { height: 36.8px;    -webkit-appearance: none;
    background-image: url(../media/select-arrow.png);    background-position: 94% center;   background-repeat: no-repeat; padding-right: 36px;}
blockquote { padding: 25px 25px; border-left: 4px solid #22212c;     background: rgba(16, 86, 120, 0.05);
   font-size: 17px;   font-weight: 300;   position: relative;  line-height: 28px; }
blockquote strong{font-weight:500;}
.form-group label {display: block;  margin-bottom: 10px;}
.br-20{border-radius: 20px;}
.overflow-hidden { overflow: hidden;}
.input-group-text {border: 1px solid rgb(73 80 87 / 29%);border-right: 0px;background: #fff;}
 .fw-normal{font-weight: 400;}

 /* nochange*/
 
.font-medium{ font-weight: 500;}
.underline {text-decoration: underline;}
 strong { font-weight: 700;}
.font-light{font-weight: 300;}
.font-semi-bold{font-weight: 600;}
 

.form-control::placeholder {  color:#495057; opacity: 1;  }
.form-control::-webkit-input-placeholder { color:#495057; opacity: 1;}
.form-control::-moz-placeholder {color:#495057; opacity:1;}
.form-control:-ms-input-placeholder {color:#495057; opacity: 1;}
.form-control:-moz-placeholder {color:#495057; opacity: 1;}


.white-placeholder .form-control::placeholder {  color:#FFF; opacity: 1;  }
.white-placeholder .form-control::-webkit-input-placeholder { color:#FFF; opacity: 1;}
.white-placeholder .form-control::-moz-placeholder {color:#FFF; opacity:1;}
.white-placeholder .form-control:-ms-input-placeholder {color:#FFF; opacity: 1;}
.white-placeholder .form-control:-moz-placeholder {color:#FFF; opacity: 1;}


.main-section{padding:30px 0px; background-size: cover !important; background-repeat: no-repeat !important; background-position: center center !important;position: relative;}
.main-section .container{position:relative;}
.main-section:before{content:""; position:absolute; left:0px; top:0px; width:100% !important; height:100% !important; background:transparent; }
.pr-50{padding-right:50px;}
.pl-50{padding-left:50px;}
button.close:before { display: none;}
button.close { min-width: auto;  color: #000 !important;  opacity: 1;  background: transparent !important;}
button.close.white-btn {color: #fff !important;}
 .br-5{border-radius: 5px;}
.br-10{border-radius: 10px;}
.box-shadow{box-shadow: 1px 4px 6px #ced4da;}
.object-fit {overflow: hidden;}
.object-fit img {width: 100% !important;/* height: 100%; *//* object-fit: cover; */}
.zoom-hover img {-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition: all .5s;}
.zoom-hover:hover img {transform: scale(1.1);}
.list-style {padding: 0px; list-style: none;}
.list-style li { display: inline-block;}
.sm-btn { padding: 10px 20px; } 
.icon-btn { min-width: auto; padding: 10px 15px; } 
.white-hover:hover{background:#fff; color: #22212c;}
.fs-13 { font-size: 13px; } 
.fs-15{font-size: 15px;}
.fs-16{font-size: 16px;}
.sprit-icon { background-image: url(../media/sprit-icon.png); background-repeat: no-repeat; background-size: auto;  display: inline-block;}
button i, .btn i { vertical-align: middle; } 
mark, .mark {background-color: #308afb;color: #fff;border-radius: 5px;}
.tyellow {color: #232323;}
.dropdown-toggle:hover,
.dropdown-toggle:focus {color: #212529 !important;}


/* header */
.header {background: #fff;}
.a-tag-link a{ color: #666;}
.a-tag-link a:hover {color: #22212c;}
.btn-2 {background: #FFDE17;}
.sm-btn {padding: 7px 17px; min-width: auto;}
.top-bar ul li { margin-right: 10px; padding-right: 10px; border-right: 1px solid #ccc; line-height: 1; } 
.top-bar ul li a { color: #fff;}
.top-bar { padding: 6px 0px; } 
.top-bar ul li:last-child { border: 0px; margin-right: 0px; padding-right: 0px; }
.middel-bar {padding: 15px 0px;}
.site-search-form { display: flex; } 
.site-search {position: relative;border: 1px solid #C10D24;border-radius: 0px;padding: 0px 108px 0px 0px;overflow: hidden; background: #fff;}
.site-search:hover { border-color: #333;}
.site-search-form select { max-width: 170px;}
.site-search-form * {flex-grow: 1;border-radius: 0px;height: 46px !important;padding: 10px 10px;border: 0px;line-height: 1.2;border-right: 1px solid #dfdbdb !important;} 
.site-search .icon-btn { position: absolute; right: 0px; top: 0px; border-radius: 0px; padding: 8px 15px; line-height: 1.5; height: 40px;   } 
.main-bar { padding: 20px 0px 10px; } 
.lead-link { text-align: center; border: 2px solid #22212c; border-radius: 10px; 
  padding: 25px 10px 15px; color: #666; height: 100%; } 
.lead-link span { font-weight: 700; background: #fff; padding: 2px 10px; position: absolute; margin-top: -11px; left: 50%; top: -3px; transform: translateX(-50%); width: 68%; font-size: 19px; } 
.lead-link a { color: #666; } 
.lead-link a:hover span { color: #22212c; }
.color-ani{ animation-name: animation;animation-duration: 1s;  animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;  animation-play-state: running;}
.menu ul.list-style > li a {  color: #666;} 
.menu ul.list-style > li > a { color: #555 !important;}
.menu ul.list-style > li:hover > a { color: #1560BD; } 
.menu ul.list-style > li:last-child { margin-right: 0px; } 
.menu-bar p i { font-size: 17px; vertical-align: bottom; }
.menu-bar p a { color: #C10D24;}
.menu ul.list-style > li > ul {position: absolute; right: 0px;
  width: 200px; background: #fff; top: 100%; z-index: 11;  opacity: 0; visibility: hidden; padding: 0px 0px 0px;  box-shadow: 5px 5px 10px rgb(0 0 0 / 6%); } 
.menu ul.list-style > li > ul li { display: block; float: left; width: 100%; text-align: left; border-bottom: 1px solid #eee; } 
.menu ul.list-style > li > ul li a { display: inline-block; width: 100%; color: #2f3131; } 
.menu ul.list-style > li:hover > ul { opacity: 1; visibility: visible; } 
.menu ul.list-style > li > ul li a { padding: 10px 10px; } 
.menu ul.list-style > li > ul li:hover > a {background:linear-gradient(to right,#C10D24,#E63431);color: #fff;}
.sidecat ul.list-style > li a { color: #666;}

.site-search .form-control {border-color: transparent !important;border-left-color: #eee !important;}


.gradient { background-image: linear-gradient(90deg, #22212c 0%, #43e6f1 33.4%, #00e6b1 67.80000000000001%, #22212c 100%); } 
.overview-bx { color: #fff; } 
.overview-bx h3 { font-size: 18px; color: #fff; } 
.gradient .main-title h2 { color: #fff; } 
.overview-bx i { font-size: 35px; }
.abt-cnt {padding: 40px; border: 1px solid #dbdbdb;}
.link {color: #1560BD; font-weight: 600;}

.whyus-item {background: #fff;padding: 30px 30px;float: left;width: 50%;border: 1px solid #eee;text-align: center;height: 177px;} 
.whyus-item i { font-size: 30px; } 
.whyus-col {border: 1px solid #eee;background: #fff;padding: 30px;} 
.whyus-icon {font-size: 30px;width: 60px;height: 60px;background: #777;display: inline-block;text-align: center;border-radius: 100%;line-height: 60px;color: #fff;margin-bottom: 20px;}

/*table .btn, table button {background: #E0015D;}*/
/*.table .btn:hover, table button:hover {background: #980240;}*/


@-webkit-keyframes animation {
    0%     {color:#22212c;}
     100%  {    color: #22212c;}
}

@keyframes animation {
    0%     { color:#22212c;}
     100%  {    color: #22212c;}
}


.health-beauty-icon { width: 25px; height: 25px; background-position: -11px -13px; } 
.industrial-machinery-icon { width: 25px; height: 25px; background-position: -45px -13px; } 
.apparel-electricals-icon { width: 25px; height: 25px; background-position: -80px -13px; } 
.industrial-supplies-icon { width: 25px; height: 25px; background-position: -110px -13px; } 
.furniture-supplies-icon { width: 25px; height: 25px; background-position: -139px -12px; }

.site-search button.btn { position: absolute; right: 0px; top: 0px; right: 0px;   border-top-right-radius: 0px;  border-bottom-right-radius: 0px;
    padding: 10px 20px;   border-top-left-radius: 0px;  border-bottom-left-radius: 0px;  height: 46px;}
.country-select {  width: auto;  padding-right: 44px !important;  border: 0px !important;}


.menu-bar {   padding: 1px 0px; border-bottom: 1px solid #e0e0e0;} 
nav.menu ul {margin: 0px;padding: 0px;} 
.menu { text-align: right; } 
.menu ul.list-style > li {display: inline-block;margin-right: 19px;position: relative;} 
.menu ul.list-style > li i { vertical-align: bottom; }
.main-bar .btn { padding: 12px 18px;}
.outline-btn {background: transparent;color: #666;border: 1px solid #E60012;color: #E60012;}

.cat-menu {text-align: center;padding-top: 7px;} 
.cat-menu ul li {margin: 0px 10px;font-size: 13px; text-transform: capitalize;} 
.cat-menu ul li a {color: #666;} 
.cat-menu ul li a:hover {text-decoration: underline;color: #000;}

.header-info a {color: #555;padding: 0px 5px;vertical-align: middle;font-weight: 500;display: inline-block;}

/* Banner  */

.hero-banner .container { padding: 20px;    background: #fff;  border: 1px solid #d9d2d2;}
.sidecat {height: 100%;background: #fff;} 
.sidecat ul.list-style > li { display: inline-block; width: 100%; font-size: 13px;} 
.sidecat ul.list-style > li > a { display: inline-block; width: 100%;padding: 10px 25px 10px 45px;color: #666; position: relative;}
  .sidecat .dropdown-arrow {position: absolute;right: 20px;transform: rotate(-90deg);margin-top: 8px;} 
.sidecat ul.list-style > li > a:hover {padding-left: 45px;box-shadow: 0 0 4px 0 rgb(0 0 0 / 12%);}
.sidecat ul.list-style > li > a .sprit-icon { position: absolute; left: 10px; top: 4px; } 
.sidecat ul.list-style  { margin: 10px 0px; } 
span.cat-icon {position: absolute;max-width: 32px;left: 7px;top: 7px;}

.hero-enquiry .form-control { padding: 9px 15px;}
.hero-enquiry select.form-control { height: 37px !important; line-height: normal;}
.hero-enquiry {background: #fff; padding: 20px; border-radius: 10px; height: 100%;}
.hero-slider .owl-nav button { background: #22212c !important;}
.sidecat ul.list-style > li:hover > a{ color: #22212c;}

button#cat-btn { width: 100%; border-radius: 0px; background: transparent !important;text-align: left;color: #000;font-size: 20px;padding: 10px 0px;font-weight: 600;border-bottom: 1px solid rgb(102 102 102 / 16%);} 
.hero-banner{padding: 0px 0px;}
.hero-slider .item { position: relative;}
.bg-img { background-size: cover !important;  background-repeat: no-repeat !important;
    background-position: center center !important;}
.slide-txt { height: 100%;}
.slide-txt img {width: 100% !important;height: 100%; } 
.small-cat .hcat-img.object-fit { height: 229px;}
.custom-cat {background: #fff;border: 1px solid #f1efef;padding: 10px;height: 100%;border-radius: 10px;position: relative;background-size: cover !important;background-position: center center !important;background-repeat: no-repeat !important;} 
.mb-20 { margin-bottom: 20px; } 
.custom-cat h5 { margin-bottom: 10px; font-size: 16px; } 
.custom-cat h5 a {color: #222;} 
.custom-cat ul.prd-list { list-style: none; padding: 0px; margin: 0px; } 
.custom-cat ul.prd-list li a { color: #333; width: 100%;} 
.custom-cat ul.prd-list li { margin-bottom: 2px; font-size: 13px; line-height: normal;} 
.banner-text.position-absolute {position: absolute; bottom: 0px;  background: linear-gradient(360deg, black, transparent);
  left: 0px;  top: 0px;  width: 100%;  display: flex;  align-items: end;  padding: 20px;} 
.banner-text.position-absolute ul {padding: 0px;list-style: none;} 
.banner-text.position-absolute ul li { margin-bottom: 10px; } 
.banner-text.position-absolute ul li a { color: #fff; }
.banner-text.position-absolute ul li a:hover {color: #F5C71A; }
.custom-cat ul.prd-list li a:hover {color: #22212c;}
.product-text h5 { font-size: 18px;}
.banner-img.h-100.position-relative.object-fit { height: calc(100% - 20px) !important; width: 100%;}
.mb-30 { margin-bottom: 30px;}
.d-grid { display: grid!important;}
.products-list.d-grid { list-style: none; padding: 0px; margin: 0px; grid-gap: 20px;  grid-template-columns: repeat(4, 1fr);  }
.products-list.d-grid li { color: #fff;  max-width: 220px;  padding: 15px;  border-radius: 0px;  background: #fff;  box-shadow: 0 0 12px rgb(0 0 0 / 12%);  }
.banner-form h5 {margin-bottom: 10px;}
.small_text.tp_common.shome_forms {line-height: 1.2;}


.table-container { background: #fff; padding: 30px 30px; border-radius: 10px; } 
table.table.text-center { border: 1px solid #dee2e6; } 
.table th, 
.table td { vertical-align: middle; border: 1px solid #dee2e6; } 
.table tr td, .table tr th {   font-weight: 400;} 
.lead-search { max-width: 400px; margin-left: auto; } 
.lead-search button.icon-btn {position: absolute;right: 1px;top: 1px;padding: 0px;height: 100%;width: 36px;border: 0px;z-index: 11;border-radius: 0px;} 
.lead-search {border: 1px solid #1560bd;border-radius: 0px;overflow: hidden;} 
.lead-search .form-control { border: 0px !important; }
.table-header{margin-bottom: 30px;}
.hcat-item.bg-white { border: 1px solid #e6ecf2;}

.active-dot { color: #06bf50; } 
.point-dot { display: inline-block; width: 10px; height: 10px; background: #626262; border-radius: 100%; margin-right: 5px; } 
.active-dot .point-dot { background: #06bf50; } 
.process-dot { color: #f5ad0c; } 
.process-dot .point-dot { background: #f5ad0c; }
.red-dot {color: #ff1313;}
.red-dot .point-dot {background: #ff1313;}
.image-center {width: 73px;height: 73px;}

.custom-cat-2:before { content: "";  position: absolute;  left: 0px; top: 0px; width: 100%; height: 100%; background: linear-gradient(45deg, black, transparent);}
.custom-cat-2 a { color: #fff;}
.custom-cat-2 ul li a { color: #fff;}
.custom-cat-2 div {position: relative;  z-index: 1;}
.custom-cat-2 ul.prd-list li a { color: #fff;}
.custom-cat-2 ul.prd-list li,
.banner-text.position-absolute ul li {font-weight: 500;}
.custom-cat-2 ul.prd-list li a:hover,
.banner-text.position-absolute ul li a:hover {color: #1560BD;}
.custom-cat-2 .image-center {border-radius: 100%; overflow: hidden; border: 2px solid #fff;}
.custom-cat-2 { border-radius: 5px; overflow: hidden;}

.bg-site .owl-dots button {background: #dfdbdb !important;}
.bg-site .owl-dots .owl-dot.active  {background: #FFDE17 !important;}
.btn-2:hover {background: #373645;}


.article-img.object-fit { height: 230px;  } 
.article-txt { padding: 15px 15px; } 
.article-txt .cat { margin-bottom: 0px; opacity: .77; font-size: 14px; } 
.article-txt h5 {  margin-bottom: 10px; font-size: 15px;line-height: 1.5;} 
.article-txt h5 a {color: #000;} 
.article-txt h5 a:hover {color: #1560BD;} 
.post-meta { font-size: 14px; opacity: 0.8; }
article.article {background: #fff;}
.item .article-txt {font-size: 14px;}
.item .article-txt .link {color: #000;text-decoration: none;font-weight: 400;}

form { display: inline-block; width: 100%; } 
.field-smm { float: left; width: 33.33%; padding: 0px 10px; } 
.field .field-smm:first-child { padding-left: 0px; } 
.field .field-smm:last-child { padding-right: 0px; } 
label { text-transform: capitalize; font-weight: 500; } 
.label-field label { margin-right: 10px; } 
.label-field label input { margin-right: 10px; } 
.label-field label:last-child { margin-right: 0px; } 

.review-footer { position: relative; padding-left: 100px; min-height: 90px; padding-top: 20px; } 
.review-img.object-fit { min-width: 80px; height: 80px; border-radius: 0%; } 
.review-slider .item {gap: 30px;}
.review-footer h6 { margin-bottom: 0px; } 
.dark-form .form-control {  border: none;}
.fs-13{font-size: 13px;}
.hero-slider, .hero-slider div {height: 100%;}
.hero-slider .owl-nav {height: auto !important;}

.review-slider {border: 10px solid #dcdee3; padding: 30px 15px 40px;} 
.bottom-nav .owl-nav {width: 100px;bottom: -24px;top: auto;right: 20px;transform: none;left: auto;background: #fff;padding: 0px 10px;}
.quote-icon.position-absolute {top: -23px;z-index: 2;font-size: 33px;left: 20px;}
.review-slider {margin-top: 20px;}
.slide-txt { width: 100%;}

/* owl */
.owl-carousel .owl-stage{display: flex;}
.owl-carousel .item { display: flex;     height: auto;}
.owl-dots button:before, .owl-dots button:after, 
.owl-dots button span:before, .owl-dots button span:after { display: none;}
.owl-dots {height: auto !important;width: 100%;text-align: center;padding: 20px;background: transparent !important;}
.owl-dots button {background-color: #22212c;overflow: hidden;display: inline-block;min-width: auto !important;margin-right: 7px;width: 14px;height: 14px;border: 1px solid #22212c !important;border-radius:100%;}
.owl-dots button.owl-dot.active {background: #22212c;}
.owl-dots button{box-shadow:none !important; outline:none !important;}
.owl-nav button {width: 36px;min-width: auto;height: 36px;position: relative;overflow: hidden;border: none;color: #fff !important;pointer-events: all;background: rgb(242 7 7) !important;border-radius: 0px !important;}
.owl-nav button span {position: absolute;z-index: 1;min-width: auto;left: 50%;top: 50%;transform: translate(-50%, -50%);line-height: 1;font-size: 20px;}  
.owl-nav  .fa-angle-right:before {font-family: 'remixicon' !important; content: "\ea6e";}
.owl-nav .fa-angle-left:before {font-family: 'remixicon' !important; content: "\ea64";} 
.owl-carousel .owl-item img {width: auto;}
.owl-nav { position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%, -50%); } 
.owl-nav button.owl-prev { float: left; } 
.owl-nav button.owl-next { float: right; }
.tcolor{ color: #C10D24;}
.bg-site {background: rgb(26,30,33);    background: linear-gradient(90deg, rgba(26,30,33,1) 20%, rgba(49,50,50,1) 60%); color: #fff;}
.bg-light{background-color:#fbfbfb !important;} 
.bg-dark {background-color: #292929 !important; color: #fff;} 
.bg-yellow{background-color: #1560BD; color:#fff;}

.owl-nav button:hover {background: #FFDE17 !important;}
.top-nav .owl-nav {position: absolute; right: 0px; top: -56px; width: 80px; transform: none; left: auto;}



/* feature product */

.main-title{position: relative;}
.main-title h3{display: inline-block;      padding-right: 20px; position: relative;z-index: 1;}
.heading-line-heading{background-color: #f1efef;}
.heading-line {  border: 1px solid #E63431;  border-radius: 20px;  overflow: hidden; position: absolute; top: 50%;
right: 0px; transform: translateY(-50%);width: 100%;}

.main-title.bg-site { padding: 10px 20px; margin-bottom: 20px; } 
.product-img.object-fit { height: 125px; } 
.product-text { padding: 20px 0px 0px; } 
.btn-section .sm-btn { padding: 6px 8px; min-width: auto; font-size: 12px; } 
.product-item { width: 100%; } 
.light-btn { background: #878484; }


.overlay-link { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; 
  color: #fff; padding: 15px 30px; background: rgba(0,0,0,.3); } 
.overlay-link a { color: #fff;}
.overlay-link a:hover{ color: #1560BD;}
.hcat-img.object-fit { position: relative; height: 221px; } 
.overlay-title { color: #fff; } 
.hcat-item:hover .overlay-link { background: rgba(0,0,0,.5); } 
.overlay-desc { color: #fff; } 
ul.c-prd { list-style: none; padding: 0px; margin: 0px; display: flex; display: -webkit-flex; 
  flex-direction: row; flex-wrap: wrap; border-top: 0; } 
.hcat-content {padding: 10px 10px;} 
ul.c-prd li { width: 33.33%; } 
.c-prd-img.object-fit { border-radius: 100px; width: 80px; height: 80px; margin: 0 auto; 
  margin-bottom: 10px; overflow: hidden; position: relative; } 
.c-prd-txt { font-size: 12px; color: #555; text-align: center; font-size: 14px; line-height: 21px; height: 42px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; } 
ul.c-prd li:hover a .c-prd-txt { color: #22212c; }

.bg-green {background: #09c718;}
.bg-blue {background: #F4F4F4;}
.custom-cat h5 a:hover {color: #1560BD;}
.custom-cat ul.prd-list li a:hover { color: #1560BD;}

.cat-border-top { border-top: 3px solid #E63431;}


/* footer  */


.simple-link { list-style: none; padding: 0px; } 
.simple-link li { margin-bottom: 10px; } 
.simple-link li a { color: #555; width: 100%; } 
.simple-link li a:hover { padding-left: 10px; color: #F5C71A; } 
.footer-widget h5 { color: #222; } 
.patner-section { margin-top: 50px; padding: 20px 0px; } 
.copyright-logo {display: flex;align-items: center;justify-content: center;} 
.cl-img img {max-height: 63px;width: auto !important;} 
.copyright { background: #cecece;padding: 10px 0px; color: #000;   margin-top: 0px; font-size: 13px;} 
.copyright h5 {color: #fff;margin-bottom: 10px;} 
.social-icon li a span{ color: #fff; width: 40px; height: 40px; font-size: 17px; border-radius: 100%; 
  display: inline-block; text-align: center; line-height: 40px; background: #E63431; vertical-align: middle;margin-right: 7px;} 
.social-icon { margin-bottom: 0px; list-style: none; padding: 0px; } 
.footer a span:hover { color: #F5C71A; } 
.social-icon li{margin-bottom:10px;}
.social-icon li a:hover span { background: #000; color: #fff; } 

.back-to-top {    position: fixed;  bottom: 90px;  right: 30px; text-align: center; font-size: 16px; color: #000000; letter-spacing: .308px; z-index: 1111;
    display: inline-block !important;}
.back-to-top span { border-radius: 50%; border: 1px solid #22212c;width: 42px;  height: 42px;  overflow: hidden;   display: inline-block;
 line-height: 42px;vertical-align: middle;  margin-left: 10px; letter-spacing: .308px; background:#22212c; color:#fff;}
 





/* breadcrumb */
.inner-banner h1 {font-size: 25px; margin-bottom: 0px;}
.inner-banner {border-bottom: 1px solid rgb(213 210 210 / 22%);} 
ul.breadcrumb{border-radius:0;margin:0;background:transparent;padding: 0px;display: inline-block;}
ul.breadcrumb a{ text-decoration:none;}
.breadcrumb li{text-transform:capitalize;transition:all .5s;display: inline-block;font-size: 14px;font-weight: 400;color: #fff;}
.breadcrumb li:nth-last-child(1):after{display:none;}
ol.breadcrumb {background: transparent; padding: 0px; margin-bottom: 10px; color: #495057;}
.breadcrumb li a {color: #fff;}
.breadcrumb-item.active {color: #fff;}
.breadcrumb-item+.breadcrumb-item::before {color: #fff;content: "/";font-family: 'LineIcons' !important;font-size: 14px;}
.categorie_box .categories-iteam {padding: 15px;border-radius: 5px;display: flex;flex-wrap: wrap;align-items: flex-start;margin-bottom: 20px;transition: all 0.3s ease;} 
.categories-iteam .ci-name { width: 100%; flex-grow: 1; margin: 0 0 15px 0; font-size: 16px; color: #000; font-weight: 600; } 
.categories-iteam .ci-img {width: 125px;height: 125px;box-sizing: border-box;overflow: hidden;} 
.categories-iteam .ci-link {margin: 0;padding: 0;list-style: none;width: calc(100% - 145px);box-sizing: border-box;padding-left: 15px;}
.categories-iteam .ci-link li{position:relative;padding-left:10px;margin-bottom: 8px;font-size:13px;font-weight: 500;line-height: normal;}
.categories-iteam .ci-link li:before{content:'';position:absolute;height:3px;width:3px;border-radius:50%;background: #666;left:0;top:calc(50% - 1px);opacity: 0;}
.categories-iteam .ci-link li:last-child{margin-bottom:0;}
.categories-iteam .ci-link li a{display:inline-block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color: #666;}   
.categories-iteam .ci-link li a:hover { color: #1560BD;}
.link.tcolor {color: #1560BD !important;}

.subcat-item .ci-name {margin: 20px 0px 5px;}
.heading { position: relative; padding-bottom: 10px; } 
.heading:before { content: ""; position: absolute; left: 0px; bottom: 0px; width: 85px; height: 2px; background: #1560BD; }
.row.subcat-row {margin-bottom: 30px;}


.dealers-box { border: 1px solid #ddd; display: inline-block; width: 100%; position:relative;} 
.dealer-img-box {float: left;width: 204px;} 
.dealer-txt {float: right;width: calc(100% - 204px);padding: 0;border-left: solid 1px #ddd;position: relative;} 
.dealer-txt .d-flex { justify-content: space-between; align-items: center;}
.cnt-type img {max-width: 203px;}
.dealers-footer { display: inline-block; width: 100%; border-top: 1px solid #ddd; padding: 10px 10px 0px 10px; } 
.dlr-img {display: flex;justify-content: center;align-items: flex-start;max-height: 299px;} 
.dlr-img img {} 
.dealer-txt h5 { margin-bottom: 10px; } 
.dealer-txt ul { padding-left: 20px; }
.cv-status { font-size: 17px; background: #12bb1f; color: #fff; width: 20px; display: inline-block; text-align: center; height: 20px; 
  line-height: 20px; border-radius: 100%; vertical-align: middle; } 
.client-value {
  border: 2px solid #ffde17;
  display: inline-block;
  line-height: normal;
  background: #1560BD;
  color: #fff;
  padding: 0px 5px;
  font-weight: 500;
  border-radius: 5px;
  } 
.address-meta {color: #282727;position: relative;z-index: 1;margin-bottom: 5px;margin-top: 4px;} 
.black.title_tooltip:before { display: block;     background: rgb(21 96 189); content: attr(data-tooltip); position: absolute;  z-index:11;
  font-size: 12px; color: #fff; top: 25px; left: 0; width: 210px; text-align: center; padding: 5px 7px; border-radius: 6px; 
  line-height: 16px; } .black.title_tooltip { position: relative; } 
.black.title_tooltip span:after, 
.black.title_tooltip span:before { top: 5px; left: 40px; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; } 
.black.title_tooltip span:before { border-bottom-color: #1560bd; border-width: 10px; margin-left: -10px; } 
.black.title_tooltip span { position: relative; }
.black.title_tooltip:before, .black.title_tooltip span:before, .black.title_tooltip span:after { opacity: 0;}
.black.title_tooltip:hover:before, .black.title_tooltip:hover span:before, .black.title_tooltip:hover span:after { opacity: 1;}

.dealer-img-tiny { padding: 0px; list-style: none; display: flex; margin: 0px; } 
.dealer-img-tiny li.object-fit { height: 58px; flex-grow: 1; border: 1px solid #ddd; border-bottom: 0px; }


.main-section.landing-banner { background:linear-gradient(0deg, #ffffff 7%, #f0f0f0 50%, #ff7963 110%); padding-bottom: 120px; } 
.transform-section { padding: 65px; transform: translateY(-85px); } 
.field-sm { float: left; width: 50%; padding: 0px 10px; } 
.field .field-sm:first-child {padding-left: 0px;} 
.field .field-sm:last-child { padding-right: 0px; } 
.check-btn label { display: inline-block; margin-right: 10px; margin-bottom: 0px; } 
.check-btn label input { margin-right: 10px; } 
hr { display: inline-block; width: 100%; } 
ul.point-list { padding: 0px; list-style: none; } 
ul.point-list li { margin-bottom: 30px; position: relative; padding-left: 35px; font-size: 18px; } 
ul.point-list li .li-icon { position: absolute; left: 0px; font-size: 26px; color: #00a3e9; top: 0px; } 
ul.point-list li p { font-size: 14px; } 
.sidebar { border-left: 1px solid #eee; padding-left: 30px; height: 100%; } 
.widget-heading { padding-bottom: 15px; border-bottom: 1px solid #eee; position: relative; } 
.widget-heading:before { content: ""; position: absolute; left: 0px; bottom: -1px; width: 40px; height: 2px; background: #009eea; }


.w-auto { display: inline-block; margin: auto auto; float: none; margin: 0px auto !important;}
.account-form { max-width: 500px;}
.field h3 { margin-bottom: 0px;}
.field.add-field { position: relative; padding-right: 40px; } 
.field.add-field button { position: absolute; right: 0px; min-width: auto; padding: 6px 10px; } 
.field.add-field .field-smm { padding-left: 0px; }

.checkbox-label { position: relative; padding-left: 30px; } 
.checkbox-btn { width: 22px; height: 22px;   border: 1px solid #505050; display: inline-block;  position: absolute; left: 0px; top: 0px; } 
.checkbox-label input[type="checkbox"] { opacity: 0; position: absolute; } 
.checkbox-btn:before { position: absolute; left: 50%; top: 50%; content: "\EB7B"; font-family: remixicon!important; 
    font-size: 20px; transform: translate(-50%, -50%); opacity: 0; } 
.checkbox-label input[type="checkbox"]:checked + .checkbox-btn:before { opacity: 1; }

.t-green { color: #219d02;}
.fs-20 {font-size: 20px;}
.vam {vertical-align: middle;}
.hero-box { padding: 30px 15px;}
.input-group-text {  border-right: 1px solid rgb(0 0 0 / 20%) !important;border: 1px solid rgb(0 0 0 / 20%) !important;}
select.unit-select { outline: none;  border-left: 0px;  background: #1560BD; color: #fff;}
.radio-slider .radio-box { position: absolute; right: -1px; background: #1560BD; width: 120px; height: 43px; border-radius: 0px; 
  color: #fff; font-size: 14px; text-align: center; line-height: 43px; top: 0; } 
.radio-slider .radio-bg { position: relative; display: inline-block; } 
.radio-slider input[type=radio] { position: relative; z-index: 1; opacity: 0; top: 2px; cursor: pointer; } 
.radio-slider input[type=radio] { position: relative; z-index: 1; opacity: 0; top: 2px; cursor: pointer; } 
.radio-slider .radio-circle { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; -webkit-transition: .4s; 
  transition: .4s; margin: auto; width: 28px; height: 16px; border-radius: 30px; z-index: 0; } 
  .radio-slider .radio-circle:before { position: absolute; content: ""; height: 12px; width: 12px; left: 3px; bottom: 2px; 
  background-color: #1560BD; -webkit-transition: .4s; transition: .4s; border-radius: 50%; } 
.radio-slider input:checked+.radio-circle:before { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); 
  transform: translateX(10px); }
.bg-darklight{background: #f5f5f5;}

.col-custom-5.border-1 { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%;}
.col-custom-5 .categorie_box .categories-iteam { justify-content: center;}

.col-custom-5 .categorie_box .categories-iteam { justify-content: center;}
.col-custom-5.border-1 {border: 1px solid #ced4da;}
.blue-gradient{color: #fff; background: linear-gradient(14deg, #00ede2, #1560BD);}
.ci-name a { color: #313232;}
.ci-name a:hover {color: #1560BD;}


/* default pg */

.skills-status {display: inline-block;  width: 100%;}
.skills-status .skill:first-child { padding-left: 0px;}
.skills-status .skill:last-child {padding-right: 0px;}

.skill {margin-bottom: 21px;position: relative;overflow:hidden;float: left;padding-top: 10px;width: 100%;}
.skill > p {font-size: 14px;font-weight: 500;color: #1a1716;margin: 0;}
.skill:before{width: 100%;height: 5px;content: "";display: block;position: absolute;background: #959595;bottom: 0;}
.skill-bar {width: 100%;height: 5px;background:#f68338;display: block;position: relative;}
.skill1{ width: 99.9%;     background: #00BCD4;}
.skill-bar span{position: absolute;top: -38px;font-size: 18px;padding: 3px 0;font-weight: 500;}
.skill-bar {   position: relative;  }
.skill1 .skill-count1 {right: 0;}
.skill2{  width: 93%;     background: #4CAF50; }
.skill2 .skill-count2 {    right: 0;}
.skill3{  width: 98%;  background: #f68338;}
.skill3 .skill-count3 {  right: 0; }
.skill4{  width: 95%; background: #3F51B5;}
.skill4 .skill-count4 {   right: 0;}
.skill5{  width: 80%; background: #03A9F4; }
.skill5 .skill-count5 {  right: 0;}
.skill6{ width: 90%; background: #795548;}
.skill6 .skill-count6 {   right: 0;}



.counter-header { text-align: center; font-weight: 600; } 
.counter { font-size: 50px; font-weight: 700; } 
.counter-section .col-lg-4 { border-right: 1px dotted #dae29f; } 
.counter-section .col-lg-4:last-child { border: 0px; }  
.default-pg ul { list-style: none; padding: 0px; } 
.default-pg ul li { color: #000; margin-bottom: 10px; position: relative; padding-left: 20px; } 
.default-pg ul li:before { font-family: remixicon!important; font-style: normal; content: "\EB81"; position: absolute; left: 0px; color: #00b4e7; }
.card-header { padding: 0px; background: transparent; border: none; } 
.card { border: none; margin-bottom: 15px;    border-radius: 8px; } 
.card-header button {linear-gradient(to right,#C10D24,#E63431);border-radius: 8px;text-align: left;width: 100%;
  color: #fff;font-size: 16px;padding: 20px 40px 20px 20px;font-weight: 500;
  text-decoration: none !important;     word-break: break-all; white-space: normal;} 
.card-body p:last-child { margin-bottom: 0px; }
.card-header button.collapsed:before {content: "\EA13";}
.card-header button:before { background-image: none;  transform:none;  font-family: remixicon!important;  content: "\F1AF";
    font-weight: 400;  position: absolute;   right: 0px;  padding: 0px 12px;} 
.sidebar .aside-widget ul li { font-weight: 500; margin-bottom: 10px; } 
.sidebar .aside-widget ul li a { color: #000; } 
.sidebar .aside-widget ul li a:hover { padding-left: 10px; color: #1560bd; } 
.blog-pagnation a {  display: inline-block;  box-shadow: 4px 12px 40px 6px rgb(0 0 0 / 3%); 
  border-radius: 40px;  padding: 12px 40px;  background: #fff;  min-width: 250px;}
.aside-widget .accordion-body ul li a:hover { color: #1560BD;}
.widget-title h2, .widget-title h3 {  font-size: 16px;background: #1560BD !important;  color: #fff !important;  text-transform: capitalize;  font-weight: 500;  border-bottom: 1px solid #eee !important;  padding: 1rem 1.25rem; margin: 0px 0px 15px 0px;} 
.aside-widget {margin-bottom: 40px;background: #fff;box-shadow: 4px 12px 40px 6px rgb(0 0 0 / 9%);
    border-radius: 10px;overflow: hidden;} 
.aside-widget .listing-item {padding-left: 100px;margin-bottom: 10px;box-shadow: none;border-bottom: 1px solid #f5f4f4;position: relative;display: inline-block;width: 100%;} 
.aside-widget .listing-item h3 a { color: #000; } 
.aside-widget .listing-item h3 {margin-bottom: 5px;letter-spacing: 0px;font-size: 15px;}
.aside-widget .listing-img{width: 87px;position: absolute;text-align: center;left: 0px;height: auto;top: 14px;
  max-height: 90px; padding-left: 10px;}
.aside-widget .listing-item .prd-info {padding: 0px 0px 10px;}
.listing-txt {padding: 10px 0px;}
.aside-widget .listing-item .price { margin: 0px; color: #999;}
.aside-widget .listing-img img { max-height: 90px;  margin: auto;}
.rating { color: #f1ca08;}
.pagination {justify-content: center;} 
ul.pagination ul li { background: #ECECEC;  text-align: center;} 
ul.pagination li a {background: transparent;border: none;
  border-radius: 0px!important;  color: #000; font-size: 15px;  padding: 7px 19px; text-align: center;
  box-shadow: none !important;  min-width: 40px;  border: 1px solid #000;  } 
ul.pagination li { margin-right: 14px; } 
ul.pagination li:last-child { margin-right: 0px; } 
ul.pagination li a:hover,
ul.pagination li.active > a:hover{color: #fff;background: #000;border-color: #000;}
.page-item.active .page-link { z-index: 1; color: #fff;  background-color: #1560BD;  border-color: #1560BD;}
.after-none:after{display: none;} 
.sidebar .aside-widget { padding: 20px 30px; } 
article.article.br-10 { overflow: hidden; } 
.aside-widget .article-txt h4 { font-size: 16px; font-weight: 500; margin-bottom: 10px; } 
.aside-widget .article-txt { padding: 10px 0px 0px; } 
.aside-widget article.article { box-shadow: none; margin-bottom: 10px; }
.cnt-info address {position: relative;padding-left: 30px;}
.cnt-info .address-icon { vertical-align: middle;  margin-right: 10px;position: absolute;left: 0px;}
.fillter-bar { padding-right: 0px; position: sticky; top: 100px;} 
button.filter-cls { display: none;}
.search-result .form-control {min-width: auto;display: inline-block;width: auto;background-color: #f5f5f7;color: #6d7c90;border: 0px;font-weight: 500;border-radius: 34px;padding: 4px 20px;height: 43px !important;} 
.search-result .filter-btn { margin-left: 10px; padding: 10px 15px; display: none;}
.aside-widget .btn.btn-link { padding: 10px 30px 10px 10px; letter-spacing: 0px; border-radius: 0px; } 
ul.aside-list {padding: 0px;list-style: none;overflow-y: scroll;height: 500px;} 
ul.aside-list li { margin-bottom: 6px; } 
ul.aside-list li a { color: #666; } 
ul.aside-list li:hover > a { color: #1560BD; } 
.product-text h5 {font-size: 15px;line-height: 21px;}
.product-text h5 a {color: #555;}
button.close { position: absolute;  right: 0px;    opacity: 1 !important;  font-weight: 400 !important;  z-index: 11;}

.container-fluid {position: relative;}
.lead-country span {max-width: 20px;display: inline-block;}
.table {font-weight: 400;}
.dropdown {display: inline-block;} 
.dropdown-toggle {background: transparent !important;padding:  10px;color: #666;min-width: auto;font-weight: 400;}

.site-box {padding:30px;}
.category-section .site-box {padding:10px 30px 30px 30px;} 

.site-box .main-title.mb-4 {margin-bottom: 10px !important;}
.bg-blue{background: #F4F4F4;}


/* faq page */
.faq-page .card-header {padding: 0px;  background: transparent;}
.faq-page .card-header a { padding: 10px 45px 10px 25px;  display: inline-block;  width: 100%;  position: relative;}
.faq-page .card-header a i { position: absolute;  right: 10px;}
.faq-page .card { border: 0px;}
.faq-page .card-header h5 { font-size: 24px; font-weight: 500;}
.border-1 {border: 1px solid #ced4da;}

.justify-content {justify-content: center;}
.input-group-prepend { margin-right: 0px;} 
.article-pb article.article {margin-bottom: 30px; border-radius: 10px; overflow: hidden;}
.sitemap-pg  ul li a{color: #000;}
.sitemap-pg  ul li a:hover{color: #00b4e7;}
.sitemap-pg ul li:before { content: "-"; line-height: normal; color: #000;}

.membership-pricing-table table { width: 100%;} 
.membership-pricing-table table .icon-no,.membership-pricing-table table .icon-yes { font-size: 22px } 
.membership-pricing-table table .icon-no { color: #a93717 } .membership-pricing-table table .icon-yes { color: #209e61 } 
.membership-pricing-table table .plan-header { text-align: center; font-size: 48px; border: 1px solid #e2e2e2; padding: 25px 0 } 
.membership-pricing-table table .plan-header-free {background-color: #ff9317;color: #fff;} 
.membership-pricing-table table .plan-header-blue {color: #fff;background-color: #1560bd;border-color: #1560bd;} 
.membership-pricing-table table .plan-header-standard {color: #fff;background-color: #e0015d;border-color: #e0015d;} 
.membership-pricing-table table td { text-align: center;  width: 15%;  padding: 10px 15px;   background-color: #fff;   font-size: 14px;   
    -webkit-box-shadow: 0 1px 0 #fff inset;  box-shadow: 0 1px 0 #fff inset;} 
.membership-pricing-table table,.membership-pricing-table table td {border: 1px solid #ebebeb;} 
.membership-pricing-table table tr:nth-child(2n+2) td {    background-color: #fafafa;}
.membership-pricing-table table tr td:first-child { background-color: transparent; text-align: right; width: 24% } 
.membership-pricing-table table tr td:nth-child(5) { background-color: #FFF } 
.membership-pricing-table table tr:first-child td,
.membership-pricing-table table tr:nth-child(2) td { -webkit-box-shadow: none; box-shadow: none } 
.membership-pricing-table table tr:first-child th:first-child { border-top-color: transparent; border-left-color: transparent; border-right-color: #e2e2e2 } 
.membership-pricing-table table tr:first-child th .pricing-plan-name { font-size: 22px ;padding: 0px 15px;} 
.membership-pricing-table table tr:first-child th .pricing-plan-price { line-height: 35px } 
.membership-pricing-table table tr:first-child th .pricing-plan-price>sup { font-size: 45% } 
.membership-pricing-table table tr:first-child th .pricing-plan-price>span { font-size: 30% } 
.membership-pricing-table table tr:first-child th .pricing-plan-period { margin-top: -7px; font-size: 25% } 
.membership-pricing-table table .header-plan-inner { position: relative } 
.membership-pricing-table table .recommended-plan-ribbon {
    box-sizing: content-box;
    background-color: #17b0ff;
    color: #FFF;
    position: absolute;
    padding: 3px 6px;
    font-size: 11px!important;
    font-weight: 500;
    left: -6px;
    top: -22px;
    z-index: 99;
    width: 100%;
    -webkit-box-shadow: 0 -1px #c2284c inset;
    box-shadow: 0 -1px #c2284c inset;
    text-shadow: 0 -1px #c2284c
    } 
.membership-pricing-table table .recommended-plan-ribbon:before {
    border: solid;
    border-color: #17b0ff transparent;
    border-width: 6px 0 0 6px;
    bottom: -5px;
    content: "";
    left: 0;
    position: absolute;
    z-index: 90
    } 
.membership-pricing-table table .recommended-plan-ribbon:after {
    border: solid;
    border-color: #099fed transparent;
    border-width: 6px 6px 0 0;
    bottom: -5px;
    content: "";
    right: 0;
    position: absolute;
    z-index: 90
    } 
.membership-pricing-table table .plan-head { box-sizing: content-box; background-color: #ff9c00; border: 1px solid #cf7300; position: absolute; 
    top: -33px; left: -1px; height: 30px; width: 100%; border-bottom: none }

.tgreen {color: green;}
.tred {color: red;}
.membership-pricing-table i {font-size: 20px;vertical-align: middle;}

.pp-item {text-align: center;}
.pp-item-img.object-fit {height: 143px;margin-bottom: 10px;}
div#sync4 { margin-top: 10px;}
.model-logo { max-width: 200px; margin: auto;}

/* seller website  */

.sub-banner {padding: 40px 0px 0px;} 
.sb-head .d-flex {align-items: center;} 
.s-logo {max-width: 100px;} 
.sb-head h1, .sb-head p {margin-bottom: 5px;} 
span.tagline {background: #1560bd;padding: 5px 10px;display: inline-block;font-size: 12px;border-radius: 5px;vertical-align: middle;}
.sb-head{padding: 30px;background: #fff;}
.sb-head .flag-icon {max-width: 31px; vertical-align: middle;  margin-left: 5px;} 
.sb-head p a {color: #fff;} 
.sb-head p  i {vertical-align: middle;} 
.sb-head p a:hover {color: #f5c922;}

.seller-nav ul li a {color: #fff;padding: 8px 14px;display: inline-block;} 
.seller-nav ul li a:hover{    color: #ffde17;}
.seller-nav {padding: 0px 30px;} 
.seller-nav ul li {margin-right: 10px;} 
.seller-nav ul li:last-child {margin-right: 0px;}


.info-icon-list li {width: 33.3%;float: left;margin-bottom: 20px;position: relative;min-height: 50px;padding-left: 65px;} 
.info-icon-list {display: inline-block;width: 100%;margin: 0px;} 
.info-span-icon {position: absolute;width: 50px;height: 50px;
    background: #eee;text-align: center;border-radius: 100%;left: 0px;top: 0px;line-height: 50px;} 
.info-icon-list li p { line-height: normal;}
.info-section .categorie_box .categories-iteam {padding-left: 0px; padding-right: 0px;}
.av-img.object-fit {height: 100px;width: 100px;margin: auto auto 15px;border-radius: 0;}


.sidebar .aside-widget ul.tinypost li {list-style: none;padding: 0px !important;}
.sidebar .aside-widget ul.tinypost li a{display: flex; width: 100%;}
.sidebar .aside-widget ul.tinypost li a:hover {padding-left: 0px;} 
.sidebar .aside-widget ul.tinypost {padding: 0px;} 
.tinypost-img.object-fit {width: 60px;height: 60px;border: 1px solid #eee;padding: 5px;margin-right: 10px;}
.premiumservices-box {transform: translateY(-59px);}
.ps-logo img { max-width: 131px; margin-bottom: 20px;}
.premiumservices-section .transform-section{transform: translateY(-25px);}
.quality-section{background: url(../media/connect-bg.jpg);}
.quality-section:before{background: rgb(0 0 0 / 78%);}
.bg-fixed {background-attachment: fixed !important;}
.whys-txt-bx {position: relative;padding-left: 100px;display: flex;flex-flow: column;padding-right: 30px;}
.whys-txt-bx .whys-icon {position: absolute;left: 10px;top: 0px; max-width: 65px;}
.cta-section{background: url(../media/cta-section.jpg);}
.cta-section:before {background: rgb(0 0 0 / 81%);}
.lead-list {padding: 0px;}
.lead-list li.d-flex {justify-content: space-between;align-items: center;background: #fff; 
    margin-bottom: 30px;box-shadow: 1px 4px 17px rgb(35 32 32 / 26%);padding: 20px 15px;}
.lead-list-content {padding: 0px;}
.lead-list-detail {padding: 0px 30px;}
.landing-banr-txt img { max-width: 200px;}
.menutoggle{display: none;}

table.ordre-table img {max-width: 70px;}
table.ordre-table td, table.ordre-table th {text-align: center;}
table.ordre-table td {font-size: 14px;}
table.ordre-table tbody tr:nth-child(2n+1) {background: #eee;}
table.ordre-table thead tr  {background: #1560bd;color: #fff;width: 100%;}
table.ordre-table thead tr th{padding: 10px;}

.user-admin-content .field-icon { margin-top: 10px;  float: right;  position: relative;  right: 30px;}
#buyer-form{display: none;}

.dtl-cmp {background: #f9f9f9;padding: 20px 10px;border-radius: 5px;} 
.cmp-img img {max-width: 90px;margin-bottom: 15px;} 
.cmp-header .bg-light { background: #06c5d8 !important; font-size: 12px; padding: 2px 5px; color: #000; } 
.cmp-header { margin-bottom: 10px; }  
.dtl-cmp .cnt-info .address-icon { margin: 0px; left: 20px; } 
.dtl-cmp .cnt-info address { text-align: left; padding-left: 50px; } 
.dtl-cmp .cnt-info address { padding-right: 20px; } 
.cnt-info { margin-bottom: 15px; } 
.cmp-tag { font-size: 12px; margin-bottom: 10px;} 
.cmp-tag label { margin-right: 10px; } 
.cmp-tag label:last-child { margin-right: 0px; } 
.dtl-cmp .enquiry-btn { background: #fff; padding: 10px; color: #000; }

.simial-product .product-img.object-fit { max-width: 200px; margin: auto; height: 200px; } 
.simial-product .product-img.object-fit img { max-height: 200px; } 
.simial-product .product-item { border: 1px solid #ddd; padding: 20px 10px; }
.lead-section table tr th, .lead-section table tr td { max-width: 160px;}
.table-view.text-center.bg-blue { padding-bottom: 15px !important;}

/* new price table */

.package__list{display: flex;justify-content: center;padding: 50px 0px;}

.package--pack {overflow: hidden;background: #fff;max-width: 320px;position: relative;padding-bottom: 90px;}
.package__head {text-align: center;position: relative;padding: 30px 30px 15px;color: #38327c;min-height: 216px;}
.package__head p {margin-bottom: 0px;}
.package__head button {padding: 12px 31px;min-width: 160px;margin-top: 15px;}
.package__content {padding: 12px 30px;color: #444444;}
.pack--block {border-top: 1px solid #eee;padding: 10px 0px;margin-bottom: 10px;}
.package__content .pack--block:last-child {}
.pack--block ul {list-style: none;padding: 0px;margin: 0px;}
.pack--block li {font-size: 16px;position: relative;color: #444444;margin-bottom: 5px;padding-left: 23px;font-weight: 600;}
.pack--block li.min--heightlist {min-height: 54px;}
.offer--price { font-weight: 700;line-height: normal;}
.offer--price sup {font-size: 10px;font-weight: 700;top: -1.5em;}
.offer--price span {font-size: 39px;vertical-align: middle;}
.offer--price sub {font-size: 12px;font-weight: 400;}
.pack--block ul li.pack--active:before, 
.pack--block ul li.pack--inactive:before {font-family: remixicon!important; content: "\EB7B";position: absolute;color: #5ACE31;left: 0px;top: 0px;}
.pack--block ul li.pack--inactive:before {color: #FF6969;content: "\EB99";}

 
.package__head button.outline-btn { padding: 10px 31px;}
.package--heading {font-size: 22px;font-weight: 500;}
.free--pack .package__head {color: rgba(68, 68, 68, 0.76);}
.package--tag{color: #fff;font-size: 10px;position: absolute;right: 0px;top: 0px;padding: 2px 12px 2px 20px;}
.package--tag:before {content: "";width: 0;height: 0;border-style: solid;border-width: 10px 0 10px 9px;
    border-color: transparent transparent transparent #f5fafe;position: absolute;left: 0px;top: 50%;transform: translateY(-50%);}

.package__list .package--pack:first-child { border-top-left-radius: 20px; border-bottom-left-radius: 20px; } 
.package__list .package--pack:last-child { border-top-right-radius: 20px; border-bottom-right-radius: 20px; } 
.package--pack.recomended--pack {
    background: #fff;
    z-index: 11;
    /* border-top-left-radius: 20px; */
    /* border-bottom-left-radius: 20px; */
    color: #fff;
    /* margin-top: -40px; */
    position: relative;
    /* margin-bottom: -40px; */
    } 
.package--pack.recomended--pack * { color: #222; }
.pack-iocn img { max-height: 125px;}
.pack-iocn { margin-bottom: 20px;}
.package__head p { line-height: normal;}
.package--pack button {position: absolute; bottom: 30px;  left: 50%; transform: translateX(-50%);}

.package__head:before { width: 0; height: 0; border-style: solid; border-width: 20px 20px 0 20px; 
border-color: #142c7a transparent transparent transparent; content: ""; position: absolute; left: 50%; transform: translateX(-50%); top: 0px; -webkit-transition: all .3s;
-moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; opacity: 0; } 
.package--pack.free--pack:hover .package__head:before { opacity: 1; }
.package--pack.free--pack:hover { background: rgb(12 45 153 / 7%);}

.category-section .custom-cat ul.prd-list li a { white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;max-width: 24ch;display: inline-block;}
.footer-widget, .footer-widget a { color: #222;}
.footer-widget h5{position:relative; padding-bottom:10px;}
.footer-widget h5:after { content: ""; height: 2px; width: 38px; background: #F5C71A; position: absolute; left: 0px; bottom: 0; } 
.footer-widget { margin-bottom: 30px; }
.img-banner img{width:100%;}


.switch { position: relative; display: inline-block; width: 60px; height: 25px; margin:0px 15px; } 
.switch input { opacity: 0; width: 0; height: 0; } 
.slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; } 
.slider:before { position: absolute; content: ""; height: 20px; width: 20px; left: 4px; bottom: 3px; background-color: white; -webkit-transition: .4s; transition: .4s; } 
.switch input:checked + .slider { background-color: #2196F3; } 
.switch input:focus + .slider { box-shadow: 0 0 1px #2196F3; } 
.switch input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); }
.slider.round {border-radius: 34px;}
.slider.round:before { border-radius: 50%;}

.banner-form { background: #eef8ff; padding: 20px; border-radius: 10px; }
.search-prodcuts .dealers-box { height: 100%; min-height: 299px;}
.search-prodcuts .dealer-img-box {display: flex;align-items: center;justify-content: center;height: 347px;}
.custom-scroll {height: 150px; overflow-y:auto; padding-right:20px;}
.dealer-txt ul { list-style: none; padding: 0px; } 
.dealer-txt ul li span { margin-right: 5px; opacity: 0.8; }
.dealer-txt ul li { font-size: 13px; line-height: 1.4; font-weight: 400; color: #000; margin-bottom:5px;}
.search-prodcuts .dealer-txt ul li { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 90%; }
.custom-scroll::-webkit-scrollbar { width: 4px;}
.custom-scroll::-webkit-scrollbar-thumb {  background-color: #ccc;  }

.adv-slider { margin-bottom: 30px; padding: 0px 50px; } 
.adv-slider .item { text-align: center; display: block;} 
.adv-slider .item img { margin: auto; width: auto !important; }

.seller-pg .dlr-img {  height: 180px;  float: left;   display: inline-block;  margin-right: 40px;}
.dealers-box.seller-pg { background: rgb(238 238 238 / 46%);}
.seller-pg .dealer-txt { width: 100%;}

.form-widget { padding: 20px 5px 0px 5px; } 
.form-widget form { padding: 10px; border-radius: 5px; } 
.form-widget h6 { color: #fedd17; } 
.form-widget span { font-size: 80%; display: block; margin-bottom: 4px; color: #fff; }
.fillter-bar.position-relative { top: 40px;}
.fw-normal.widget-title-txt {line-height: 1.5;}



@keyframes fadeInTop {
  from {
    opacity: 0;
    transform: translate3d(0, 20%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

/* container */

.container-left {
    padding-left: calc(50% - 570px);
}
 
@media (min-width: 767px){ 
.container { max-width: 100%;}
.modal-dialog { max-width: 750px;}
.expend-btn{display: none;}


}


@media (min-width: 768px){
.container {max-width: 720px;}
}

@media (min-width: 992px){
.container {max-width: 960px;}
.sidecat ul.list-style > li > ul { position: absolute; top: 0;   left: 95%; width: 990px; z-index: 9999; height: 100%; 
  max-height: 100%; transition: none; overflow: auto; padding: 20px; background: #fff; box-shadow: 0 2px 14px rgb(0 0 0 / 10%);
opacity: 0;  visibility: hidden; pointer-events: none;} 
.sidecat ul.list-style > li > ul > li { float: left; width: 33.33%; padding: 0px 10px; font-weight: 500; } 
.sidecat ul.list-style > li > ul > li ul li { display: inline-block; width: 100%; font-weight: 400; margin-bottom: 7px; } 
.sidecat ul.list-style > li > ul > li ul { padding-left: 10px; }  
.sidecat ul.list-style > li > ul > li:nth-child(4n+4) { clear: both;}
.sidecat ul.list-style > li > ul > li ul { min-height: 210px;}
.sidecat ul.list-style > li:hover > ul{opacity: 1; visibility: visible; pointer-events: all;}
.sidecat ul.list-style > li a:hover{color: #1560BD;}
#cat-cls{display: none;}
.sidecat ul.list-style > li > ul > li{margin-bottom: 20px;}
.sidecat ul.list-style > li > ul > li > a { margin-bottom: 10px; display: inline-block;  width: 100%;}
.hero-box .col-lg-3 {max-width: 23%; -ms-flex: 0 0 23%;    flex: 0 0 23%;}
.hero-box .col-lg-6 {max-width: 54%; -ms-flex: 0 0 54%;  flex: 0 0 54%;}
.sidecat .mega-menu .dropdown-arrow { display: none;}

}
@media (min-width: 1200px){
.container {max-width: 1170px;  }
.container-fluid {padding-left: 30px;padding-right: 30px;}


}

 
@media (min-width:1500px){
.slide-txt img { width: 100% !important;   }
.hero-box .col-lg-3 {max-width: 19%; -ms-flex: 0 0 19%;    flex: 0 0 19%;}
.hero-box .col-lg-6 {max-width: 62%; -ms-flex: 0 0 62%;  flex: 0 0 62%;}
.product-img.object-fit { height: 198px; } 
.products-list.d-grid li { max-width: 100%;}

}
.infbox h4{
        background: linear-gradient(to right,#094187,#086ff0,#2569be);
        color:#fff;
        text-align:
        center;
        padding: 9px;
}
.infbox ul{
    padding:0px;
}
.infbox ul li {
    display: inline-block;
    width: 49%;
    padding: 8px;
    border: 1px solid #F2F2F2;
    color: #404040;
    font-size: 18px;
}
.cnt-type{
       position: absolute;
    left: 0;
    top: 0; 
}
.deal-inner{
    
    padding:7px 7px 7px;
}
.enquiry-btn{
    border-top:1px solid #ddd;
    padding:7px;
}
.trd-name a{
        font-weight: 600;
    margin: 0px 6px;
}
.pack--block li strong{
    font-weight:400 !important;
}
.package--pack.recomended--pack:hover{
    background: #1560bd !important;
}
.recomended--pack .package__head:before{

        border-color: #fff transparent transparent transparent;
}
.recomended--pack:hover .recomended--pack .package__head:before {
    opacity: 1 !important;
}
.dummy {display:none;}
.backkg{
    background:#f2f2f2;
}
.newone{
    position:relative;
}
.newheight{
    height:120px !important;
}

/*new css*/

.header .main-bar2{

border-top: 1px solid #e2e2e2;
    box-shadow: 1px 1px 8px #fff;
    padding: 10px 0px 0px 0px;
     /*background: #f1efef;*/
}

.header .main-bar2 ul{
    display: inline-block;
}

.header .main-bar2 ul li{
    display: inline-block;
    list-style-type: none;
}

.header .main-bar2 ul li a{
    color: #555;
    font-weight: 500;
    font-size: 14px;
    padding-right: 10px;
    /* border-left: 1px solid #787878; */
    padding-left: 10px;
    border-right: 1px solid #787878;
}

.navCatButton {
    min-height: 60px;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #eee;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    padding: 10px 30px;
    position: relative;
    margin-top: -19px;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    color:#555;
    /* width: 100%; */
}

.navCatButton a{

}

.navCatButton:before {
    content: '';
    top: 0;
    width: 0;
    height: 0;
    border-bottom: 10px solid #222;
    border-left: 10px solid transparent;
    left: -10px;
    right: auto;
    position: absolute;
}

.navCatButton:after {
    content: '';
    top: 0;
    width: 0;
    height: 0;
    border-bottom: 10px solid #222;
    border-right: 10px solid transparent;
    left: auto;
    right: -10px;
    position: absolute;
}