.models-container{position:relative;z-index:1;height:100vh;width:100%;overflow:hidden;color:#fff;@media (orientation:landscape) and (max-height:599px){height:600px!important}& .homepage-models__bg-wrapper{position:absolute;inset:0;z-index:1;opacity:0;& .homepage-models__bg-slide{position:absolute;inset:0;width:100%;height:100%;background-size:cover;background-position:center;opacity:1}}& .homepage-models__gradient-overlay{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(to bottom,rgba(0,0,0,1) 5%,rgba(0,0,0,0.8) 20%,rgba(0,0,0,0.4) 25%,rgba(0,0,0,0) 40%)}& .homepage-models__gradient-overlay-2{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(to top,rgba(0,0,0,1) 5%,rgba(0,0,0,0.8) 10%,rgba(0,0,0,0.4) 20%,rgba(0,0,0,0) 30%)}& .homepage-models__nav{position:absolute;top:7rem;padding-bottom:0.7rem;border-bottom:1px solid #eee;right:14%;left:14%;display:flex;gap:5.5rem;z-index:4;& .tab-item{background:transparent;border:none;border-bottom:2px solid transparent;color:var(--white);font-size:var(--text-lg);cursor:pointer;opacity:0.6;transition:all 0.3s ease;&:hover,&.active{opacity:1}}}& .homepage-models__content-wrapper{position:absolute;inset:0;width:100%;height:100%;z-index:3;& .homepage-models__slide-content{width:100%;position:absolute;top:13.5rem;padding-inline:14%;display:flex;justify-content:space-between;align-items:start;& .slide-btn{& svg{font-size:1.5rem}margin-top:0.25rem;margin-right:5%}& h2.homepage-models__slide-heading{font-size:4rem;color:var(--white);text-transform:uppercase;letter-spacing:-5px;line-height:0.88;font-weight:600;flex-shrink:0}& h2.heading-2{margin-left:6rem}}}@media (max-width:1119px){& .homepage-models__nav{left:14%;right:14%;padding-right:14%;gap:3rem;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;&::-webkit-scrollbar{display:none}& .tab-item{flex-shrink:0}}& .homepage-models__content-wrapper{padding-inline:14%;& .homepage-models__slide-content{flex-direction:column;padding-inline:0;& h2.homepage-models__slide-heading{font-size:3rem;letter-spacing:-4px}& .slide-btn{margin-left:4rem}& h2.heading-2{margin-left:4rem;margin-bottom:2rem}}}}@media (max-width:1023px){height:50vh}@media (max-width:800px){height:100vh;& .homepage-models__nav{left:6%;right:6%;padding-right:6%;gap:2rem}& .homepage-models__content-wrapper{padding-inline:6%;& .homepage-models__slide-content{& .slide-btn{margin-left:2rem}& h2.heading-2{margin-left:2rem}}}}@media (max-width:640px){& .homepage-models__nav{gap:1.5rem;right:0;& .tab-item{font-size:var(--text-sm)}}& .homepage-models__content-wrapper{& .homepage-models__slide-content{& h2.homepage-models__slide-heading{font-size:2rem;letter-spacing:-2px}}}}}.animated-btn--1{display:flex;gap:10px;font-size:var(--text-base);align-items:center;width:max-content;position:relative;z-index:1;padding:1.25rem;cursor:pointer;.link__svg-container{display:inline-grid;grid-template-areas:"icon";overflow:hidden;color:inherit}.link__svg{& path{color:currentColor}grid-area:icon;transition:transform 0s;&:nth-child(1){transform:translateX(-100%)}&:nth-child(2){transform:translateX(0)}}&:hover{.link__svg{grid-area:icon;transition:transform 0.2s ease-in-out}.link__svg:nth-child(1){transform:translateX(0%)}.link__svg:nth-child(2){transform:translateX(100%)}}}.animated-btn--1>.animated-btn--1__svg{position:absolute;z-index:0;width:100%;height:100%;inset:0;overflow:visible}.animated-btn--1>.animated-btn--1__svg>path{fill:none;stroke:currentColor;stroke-width:1;opacity:0.3;transition:stroke 0.35s ease-out,opacity 0.35s ease-out}.animated-btn--1:hover .animated-btn--1__svg>path{stroke:orange;opacity:1}.animated-btn--1>span,.animated-btn--1>svg:not(.animated-btn--1__svg){position:relative;z-index:4}.animated-btn--1 svg{font-size:1em}.animated-btn--1-white{&:link,&:visited{color:var(--white)}&:hover,&:active{color:var(--white)}}