header .logo__text svg, .footer__logo-text svg{height:5rem;width: auto;fill:#343434}
.footer__logo-text svg{height:8.2rem;margin-right:2.5rem}
header .logo__text svg:hover{fill: var(--color2);}
.footer__logo, .footer__copyright{float:left}

#topvideo{position: absolute;left: 0;top: 0;width: 100%;height: 100vh;max-height: 1080px;filter: grayscale(.65);overflow: hidden; z-index:-1}
#topvideo video {min-width: 100%;min-height: 100%;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;pointer-events: none;user-select: none;}
.header--v7.header{background: rgb(234 239 245 / 90%)!important;}
.header--v7 .nav .nav__link:hover {background: none}
.app--v7 .slider{background: rgb(234 239 245 / 75%)!important;margin-top: -2.6rem;}
.slides__item{height:calc(100vh - 13.9rem);max-height:calc(1080px - 13.9rem);}



a, a * {transition: .3s all ease;}
section p{font-size:1.9rem}

section{padding: 14rem 0;}
#my_about{background:#F8F9FA}

.my_container{overflow:hidden}
.left_half{float:left;width:50%}
.right_half{float:left;width:50%;padding-left:10rem}

#my_about h1, .vslid h2{font-size:3.4rem;height:3.8rem;text-transform: uppercase;font-weight: 600;}
#my_about p{text-align: justify;}

.hrefbtn {display: block;line-height: 5.4rem;font-size: 1.8rem;font-weight: 500;text-transform: uppercase;border: 2px solid #343434;color: #343434;text-align: center;float: left;padding: 0 3rem;border-radius:2.7rem}

.hrefbtn:hover{color:#fff;border-color:var(--color2);background:var(--color2);}

.my_counter{width:calc(50% - 1rem);float:left;padding:5rem;margin:0 2rem 2rem 0;background:#fff;border: 1px solid rgba(0, 0, 0, 0.085);border-bottom:1px solid var(--color2);border-radius:.6rem;box-shadow: 0 0.2rem 0.4rem rgba(0, 0, 0, 0.075);text-align:center}
.my_c2{margin:0 0 2rem 0;}
.my_c4{margin:0 0 0 0;}

.myCc {font-size:6.6rem;line-height:7.6rem;font-weight: 400;opacity: 0;}
.myCcP{font-size:5.6rem;line-height:7.6rem;font-weight: 500;color:var(--color2);margin-right: -46px;opacity: 0;}
.my_counter h3{font-size:1.8rem;line-height:3rem;font-weight:200;margin:0}


ul.hslider {display: block;list-style: none;padding: 0;}

ul.hslider li {padding:12rem;display: block;height: 100vh;width: 100%;position:relative}

.count{font-size: 1.5rem;font-weight: 500;}
.ccount b{color:var(--color2);}

.vslide{color:#fff}
#vs2{background: blue}
#vs3{background: green}

.banner__item{text-align:center;}
.banner__item img{display:inline-block}

#vs1{background-color:#000;background-image: url(../image/bg/vendorbg.webp);background-size: cover;background-position: center;background-attachment: fixed;color:#fff}
.mybrands{position: absolute;width: 100%;bottom: 0;left: 0;padding:2rem 0 6rem;background: #F8F9FA;}
.mybrands:before{content:'';width:51.1%;position: absolute;left:0;top:-3.9rem;border-bottom: 4rem solid #F8F9FA;border-right: 5rem solid transparent;}
.mybrands:after{content:'';width:51.1%;position: absolute;right:0;top:-3.9rem;border-bottom: 4rem solid #F8F9FA;border-left: 5rem solid transparent;}
.mybrands .slick-arrow {top:-11rem;background:transparent;color:#fff}

.vstext {position: absolute;top: 0;bottom: 0;margin: auto;height: fit-content;}
#vs1 .vstext{padding-bottom: 12rem;}
.vstext p{font-size: 1.9rem;max-width: 60%;}