.home-banner-slider .main-slider-banner{display: none !important;}
.home-banner-slider .main-slider-banner:first-child{display: block !important;visibility: hidden;}
.home-banner-slider .main-slider-banner:first-child img{aspect-ratio: 2560 / 896;}
.owl-item .main-slider-banner:first-child{visibility: visible;}


*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
 :root {
	/* #6DA4A3 */
      /* --primary-color: #4A9998; */
      --primary-color: #638D99;
      --white-color: #F5F5F5;
    }
html body{font-size:16px;font-family:"Geist",serif;color:#222;margin:0}
img { max-width: 100%; height: auto; }
section{margin: 10px 0px;padding: 20px 0px;text-align:center;}
input{height: 27px; padding: 6px 6px 6px 16px; border-radius: 24px; border: none;}
.foot-col-last i { color: var(--primary-color); font-size: 21px; width: 24px; text-align: center; }
iframe{border-radius: 10px;}
.btm a, .redbutton{background:#B90B2E;color:var(--white-color);text-decoration:none;padding:10px 20px;border-radius:32px;font-size:15px;font-weight:500}
.btm a i, .redbutton i{padding-left: 10px;font-weight: 600;}
.title{text-align: center;margin-bottom: 21px;}
.title h2{font-size: 36px;color: var(--primary-color);margin-bottom: 10px;}
.title p {max-width: 69%;text-align: center;margin: auto;}
h4.m-b15.text-uppercase{font-family:"Oswald",sans-serif}
.ft-col-1 i{color:var(--primary-color);height:55px;width:40px}
.main-footer{background:#3E4543;color:var(--white-color);}
.site-footer{width: 100%;float: left;}
.top-footer{padding:60px 0;border-top: 2px solid;}
.foot-col{width:20%}
.top-footer h3{margin:0 0 20px;color:var(--white-color);font-size:22px;font-weight:600;}
.top-footer ul{padding:0;margin:0}
.top-footer ul li{list-style:none;margin:0 0 7px}
.top-footer ul li a{color:#E0E0E0;text-decoration:none;}
.top-footer .foot-col-last ul li a { display: flex; align-items: center; gap: 6px;}
.top-footer ul li a:hover { color: #fff; }
.last-footer{padding:15px;border-top:1px solid #bdbdbd6b;text-align:center}
.top-footer .container{display:flex;justify-content:space-between;gap:10px 2%}
.footer-social{display:flex;margin:14px 0 0 5%}
.footer-social a{margin-right:8px}
.ft-col-1{display:flex;align-items:center;gap:11px;margin-bottom:16px}
.ft-col-1 h3{margin:0;font-size:22px;color:var(--white-color);}
footer p{margin:0}
.foot-col.foot-col-1{width:40%;background:#4D504F;padding:15px;border-radius:5px}
.ft-col-1 svg{color:var(--primary-color);height:55px;width:40px}
.foot-col-last li{margin-bottom: 15px !important;}
.our-brands { display: flex; flex-wrap: wrap; justify-content: space-between; } 
.our-brands img { width: 23%;}
.meet-brand ul{display:flex;gap:10px 1%}
.meet-brand ul li{padding:15px;border-radius:5px;text-align:center;display:flex;flex-direction:column;gap:22px;width: -webkit-fill-available;width: -moz-available;}
.meet-brand ul li .btm{line-height: 41px;}
.why-work{background-color:#eee;margin-top: 0;}
.why-work-features{display:flex;justify-content:space-between;align-items:center}
.why-work-features img{width:14%}
.page-main-banner { position: relative; } 
.page-main-banner .page-top-image-ctnt {position: absolute; top: 54%; left: 0;right:0; bottom: 44%; padding: 13px; } 
.page-main-banner .main-banner-dm { filter: brightness(0.4); }
.page-main-banner .page-top-image-ctnt h1 { color: var(--white-color); font-size: 34px; margin-bottom: 10px;text-align: center; } 
.page-main-banner .page-top-image-ctnt p { color: var(--white-color); font-size: 18px;text-align: center;text-wrap-style: balance;max-width: 900px;margin: auto;}
.page-main-banner img {display:block;}
@media (min-width:100px) and (max-width:650px) {.home-banner-slider .main-slider-banner:first-child img{aspect-ratio: 1458 / 1771;}}
@media (min-width: 651px) and (max-width:1023px) {
	.banner-text {top: 49% !important; bottom: 39% !important;}
	.banner-text h2 { font-size: 24px !important; margin-bottom: 20px !important;margin-bottom: 11px !important; } 
	.banner-text p { font-size: 12px; margin-bottom: 12px !important; }
	.banner-buttons .btn { padding: 6px 11px;font-size: 12px !important; }
}
@media (min-width: 100px) and (max-width:768px) {
	section{padding: 15px 0px;}
	.top-footer ul{display:none;margin-top: 10px;}
	.top-footer .container{flex-wrap: wrap;}
	.foot-col, .foot-col.foot-col-1 {width: 100%;border-bottom: 1px solid #333;padding-bottom: 12px;margin-top: 3px;}
	.top-footer .container .foot-col:last-child{border:none!important;}
	.top-footer{padding-bottom:15px 0px !important;}
	.last-footer{background: #000;}
	.top-footer h3{display: flex; align-items: center; justify-content: space-between; margin: 0;cursor: pointer;font-size: 19px;}
	.title p{max-width: 95%!important;}
	.main-footer .foot-col h3 svg{display: block;color: var(--white-color);font-size: 18px;}
	.meet-brand ul, .home-welcome ul, .our-ranges-3columns ul{flex-wrap: wrap;}
	.meet-brand ul li{padding: 10px;gap: 0px;}
	.meet-brand ul li img{height: auto;max-width: 200px;margin: auto;}

}
@media (min-width: 100px) and (max-width: 1024px) {
	.page-main-banner .page-top-image-ctnt {top: 30%; left: 0; right: 0; bottom: 40%;}
	.why-work-features img { width: 160px !important; }
	.why-work-features { overflow: auto; white-space: nowrap; gap: 25px;padding-bottom: 17px;}
}
@media (min-width:501px) and (max-width:768px) {
	.meet-brand ul li{flex-direction: inherit;}
	.meet-brand ul li{gap: 16px!important;padding:15px!important;}
}
@media (min-width:769px) and (max-width:1200px) {
	.top-footer .container{flex-wrap: wrap;}
	.foot-col.foot-col-1{width:100%;}
	.foot-col {width: 30%;}
}