.hero-banner-01{display: flex;min-height: calc(50vh - 60px);align-items:end;padding: 60px 30px 20px 30px;}
.hero-banner-01 h1{color:var(--color-02);}
 
.hero-video{margin: 15px 50px;height: 50vh;overflow: hidden;position: relative;}
.hero-video video{max-width:100%;min-height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}

.home-sec-02{padding: 50px 0px 50px 0px;position:relative;overflow: hidden;border-top: 2px solid var(--color-03);}

.supermarquee{position:relative;z-index:9;display: inline-flex;} 
.supermarquee ul{margin:0px 0px 0px 0px;padding:0px;list-style-type:none}
.supermarquee ul li{display:inline-block;padding: 7px 30px 0px 30px;font-size: 18px;font-weight:500;text-transform: uppercase;position: relative;}
.supermarquee ul li p{color: var(--color-03);font-family: "minerva-modern", sans-serif !important ;font-size: calc(5rem + 10vh);margin-bottom:0px}

.home-sec-03{text-align:center;position:relative;z-index:9;padding: 100px 0px 100px 0px;}
.home-sec-03 h2{color: var(--color-02);}
.home-sec-03 p{}
.home-sec-03 p.para-italic{font-weight:400;font-style: italic;}

.home-sec-03 .pattern-icon{position:relative;overflow: hidden;display: inline-block;}

.home-sec-04{/* position: relative;height: 400vh;overflow: auto;*/}

.wrapper{padding: 0px 0px 100px 0px !important;}
.wrapper .cards {width: 100%;height: 100vh;position:relative;}
.wrapper .card{position: absolute;width: 100%;height: 100%;background: #ffffff;box-shadow: none;border: none;} 

.wrapper.header {width: 100%;height: 0px;}
.wrapper .header span {}
.wrapper .card:nth-child(1){top:000px;z-index: 1;} 
.wrapper .card:nth-child(2){top:130px;z-index: 2;} 
.wrapper .card:nth-child(3){top:260px;z-index: 3;} 
.wrapper .card:nth-child(4){top:260px;z-index: 4;} 
 

ul.slick-dots{margin: 20px auto 30px auto;padding:0px;list-style-type:none;gap: 10px;display: flex;align-items: center;justify-content: center;}
ul.slick-dots li{}
ul.slick-dots li button{font-size:0px;width: 10px;height: 10px;border: 1px solid var(--color-03);/* border-radius: 100px; */opacity: 1;transition: all 300ms ease-in-out;}
ul.slick-dots li.slick-active{}
ul.slick-dots li.slick-active button{background: var(--color-03);border:1px solid var(--color-11);opacity: 1;transition: all 300ms ease-in-out;}

button.slick-arrow{cursor: pointer;z-index: 99;font-size: 0px;width: 40px;height: 40px;border: none;position: absolute;top: 45%;/* left: 0; *//* right: 0; *//* margin: auto; */background-repeat: no-repeat;background-size: 15px;background-position: center center;transition:all 300ms ease-in-out;}
button.slick-prev.slick-arrow{left: 0px;/* transform: translateX(-25px); */background-image:url("arrow-prev.png");}
button.slick-next.slick-arrow{right: 0px;/* transform: translateX(25px); */background-image:url("arrow-next.png");}
button.slick-arrow:hover{background-color: var(--color-03);outline: none;;transition:all 300ms ease-in-out;}

/*.collection-cat {position: sticky;top: 0;min-height: 100vh;padding: 20px;box-sizing: border-box;}*/

.collection-cat{padding: 40px 30px 80px 30px;display:flex;}
.collection-cat:before{content:"";position:absolute;top:0;left: -30px;width: calc(100% + 30px);height:2px;background:var(--color-03);}
.collection-cat h2{font-size: calc(30px + 2vh);margin-bottom: 50px;}
.collection-cat .cc-thumb{width: 100%;display: inline-block;position: relative;overflow:hidden;}
.collection-cat .cc-thumb img{}

.collection-cat .cc-details{display:inline-block;text-align:left;max-width:560px;}
.collection-cat .cc-details h3{font-size: 36px;margin-bottom: 20px;}
.collection-cat .cc-details p{}
.collection-cat .cc-details ul.tag-lists{margin: 30px 0px 20px 0px;padding: 0px;list-style-type: none;}
.collection-cat .cc-details ul.tag-lists li{color: #ababab;font-size: 14px;font-weight: 400;padding: 7px 15px 8px 15px;border: 1px solid#e3e3e3;/* border: 3px solid var(--color-02); */display: inline-block;border-radius: 100px;margin: 0px 5px 9px 0px;}
.collection-cat .cc-details ul.tag-lists li span{}

.home-sec-05{position:relative;z-index:9;padding: 120px 30px 120px 30px;}
.home-sec-05 h2{color: var(--color-02);margin-bottom: 30px;}
.home-sec-05 p{}
.home-sec-05 p.para-italic{font-weight:400;font-style: italic;}

.home-sec-logos{background: var(--color-02);padding: 70px 0px 60px 0px;margin-top: 160px;;}
.home-sec-logos h2{color: var(--color-04);font-size: 48px;text-align: center;margin-bottom: 30px;}
.home-sec-logos ul{margin:50px 0px;}

.home-sec-06{position:relative;z-index:9;padding: 20px 0px 80px 0px;}
.home-sec-06 .wtm-txt{text-align: left;padding-left: 30px;}
.home-sec-06 h2{color: var(--color-02);margin-bottom: 30px;line-height: .8;}
.home-sec-06 p{}
.home-sec-06 p.para-italic{font-weight:400;font-style: italic;}
.home-sec-06 .container-box {width: 250%;height: 100vh;display: flex;flex-wrap: nowrap;}
.home-sec-06 section.panel{overflow: hidden;height: 100vh;display: flex;align-items: center;position: relative;}
.home-sec-06 section.panel:after{content:"";position:absolute;top:0;right: 1px;width:100%;height: 140%;z-index: 9;box-shadow: inset -15px -20px 20px rgb(0 0 0 / 50%);}
.home-sec-06 section.panel:nth-child(1):after{display:none;}

video#myVideo1 {height: 100vh; z-index: 1;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}

.home-sec-07{position:relative;z-index:9;padding: 80px 30px 150px 30px;}
.home-sec-07 h2{color: var(--color-02);margin-bottom: 10px;}
.home-sec-06 p{}
.home-sec-07 p.para-italic{font-weight:400;font-style: italic;}
.home-sec-07 hr{border-top: 1px solid var(--color-03);margin-top: .2rem;}




