/* .banners,
.banners .item{
    height: clamp(400px,41.92708vw,805px);
} */

.banners .item{
    position: relative;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
}

.banners .item.img img{
    width: 100%;
}

.banners .item.img-text,
.banners .item.vid-text{
    padding: clamp(3rem,15.20833vw,292px);
}

.banners .item.vid-text{
    padding: clamp(3rem,15.20833vw,292px) 0;
}

.banners .item.img-text img{
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
	object-position: left center;
    -o-object-position: left center;
}

.banners .item.vid{
	max-height: 570px;
	background-color: var(--main);
}

.banners .item.vid video{
/*     width: 79.16666vw !important; */
/* 	aspect-ratio: 1/.566; */
/* 	aspect-ratio: 1/.375; */
/* 	max-height: 570px; */
	
	width: 1520px !important;
    height: auto !important;
	box-shadow: 0px 0px 41px 42px #000;
}

/* .banners .item.vid::before{
	content: '';
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	background: linear-gradient(to right,var(--main) 19%,transparent 20%,transparent 80%,var(--main) 81%) no-repeat center;
	background: linear-gradient(to right,var(--main) 19%,transparent 20%,transparent 80%,var(--main) 81%) no-repeat center;
} */

.banners .item.vid-text .video{
    position: absolute;
    inset: auto 0 0 auto;
    width: 47.23958vw;
    height: 100%;
}

.banners .item.vid-text .video::before{
    content: '';
    position: absolute;
    z-index: -1;
    inset: auto 0 0 auto;
    width: 108.26901%;
    height: 100%;
    background-color: #F1F2F2;
    mask: url(../../assets/img/bannervidmask3.svg) no-repeat top left/cover;
    -webkit-mask: url(../../assets/img/bannervidmask3.svg) no-repeat top left/cover;
}

.banners .item.vid-text .video>*{
    overflow: hidden;
}

.banners .item.vid-text .video .mask1{
    position: absolute;
    inset: 0;
    mask: url(../../assets/img/bannervidmask1.svg) no-repeat top left/cover;
    -webkit-mask: url(../../assets/img/bannervidmask1.svg) no-repeat top left/cover;
}

/* .banners .item.vid-text .video .mask1 video{
    width: 100% !important;
    height: auto !important;
} */

.banners .item.vid-text .video .mask2{
    position: absolute;
    z-index: -2;
    inset: auto 0 0 auto;
    width: 100%;
    aspect-ratio: 1/.39403;
    mask: url(../../assets/img/bannervidmask2.svg) no-repeat top left/cover;
    -webkit-mask: url(../../assets/img/bannervidmask2.svg) no-repeat top left/cover;
}
.banners .item.vid-text .video video{
	width: auto !important;
	height: 100% !important;
}

/* .banners .item.vid-text .video .mask2 video{
    width: 100% !important;
    height: auto !important;
} */

/* .banners .item:has(video){
    overflow: hidden;
}

.banners .item video{
    position: absolute;
    width: 100% !important;
    height: auto !important;
} */

.banners .container{
    position: relative;
}

.banners .sectitle,
.banners .subtitle,
.banners .text{
    width: 587px;
    max-width: 100%;
}

.banners .sectitle{
    font-size: 36px;
    line-height: 1.2;
}

.banners .subtitle{
    color: #6D6D6D;
    font-size: 34px;
    font-weight: 700;
    line-height: 1.2;
    margin-top: 1rem;
}

.banners .text{
    color: var(--main);
    font-size: 19px;
    font-weight: 600;
    line-height: 1.2;
    /* letter-spacing: 0; */
    margin-top: 11px;
}

.banners .dbtn{
    margin-top: 53px;
}

.frot{
    background: url(../../assets/img/frotbg.png) no-repeat bottom center/100% auto;
    padding: 48px 0 0;
}

.frot .text{
    width: 427px;
    margin-top: 12px;
}

.frot .owl-carousel{
    margin-top: 2rem;
}

.frot .owl-carousel .owl-stage-outer{
    margin: -3rem;
    padding: 3rem;
}

.frot .item{
    width: 100%;
    min-height: 417px;
    display: flex;
    display: -webkit-flex;
    align-items: flex-end;
    border-radius: 32px 0;
    background-blend-mode: multiply;
    box-shadow: 0 8px 30px #03386dc7;
}

.frot .item .title{
    width: 100%;
    color: var(--white);
    font-size: 20px;
    line-height: 1;
    background: url(../../assets/img/titlebgg.png) no-repeat bottom left;
    padding: 0 0 10px 39px;
}

.frot .dbtn{
    transform: translateY(21px);
    -webkit-transform: translateY(21px);
    -moz-transform: translateY(21px);
    -ms-transform: translateY(21px);
    -o-transform: translateY(21px);
    margin-top: 24px;
}

.machines{
    background: url(../../assets/img/machbg.png) no-repeat top right/100% auto;
    padding: 40px 0 42px;
}

.machines .row{
    grid-gap: 34px 0;
}

.machines .row>*{
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -ms-flex-direction: column;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
}

.machines .sectitle{
    width: 473px;
}

.machines .text{
    width: 431px;
    margin-top: 18px;
}

.machines .dbtn{
    margin-top: clamp(1rem,7.60vw,146px);
}

.machines .atts{
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    grid-gap: 4px 6px;
    width: 335px;
    max-width: 100%;
    margin-left: auto;
}

.machines .atts .att{
    flex: 0 1 calc(50% - 3px);
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -ms-flex-direction: column;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    grid-gap: 25px;
    aspect-ratio: 1/1;
    background: var(--white);
    border-radius: 18px;
    box-shadow: 0 8px 30px #00000052;
    padding: 21px 8px 10px;
}

.machines .atts .att:nth-child(4n+2),
.machines .atts .att:nth-child(4n+3){
    background: var(--btn);
}

.machines .atts .att img{
    width: 85px;
    aspect-ratio: 1/1;
    object-fit: contain;
    -o-object-fit: contain;
}

.machines .atts .att .title{
    text-align: center;
    color: var(--title);
}

.machines .atts .att:nth-child(4n+2) .title,
.machines .atts .att:nth-child(4n+3) .title{
    color: var(--white);
}

.machines .gallery{
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    grid-gap: 12px 14px;
}

.machines .gallery .gal{
    flex: 0 1 calc((100%/4) - 11px);
    display: block;
    display: -webkit-block;
    aspect-ratio: 1/.92779;
}

.machines .gallery .gal img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
    border-radius: 20px;
    opacity: 50%;
    -webkit-opacity: 50%;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}

.machines .gallery .gal:hover img{
    opacity: 100%;
    -webkit-opacity: 100%;
}

.rent{
    background: url(../../assets/img/rentbg.png) no-repeat top left,var(--btn);
    padding: 53px 0 68px;
}

.rent .row{
    grid-gap: 2rem 0;
}

.rent .row>*{
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -ms-flex-direction: column;
    justify-content: center;
    -webkit-justify-content: center;
}

.rent .sectitle{
    width: 296px;
    line-height: 1.20;
}

.rent .text{
    width: 244px;
    margin-top: 1rem;
}

.rent .owl-carousel{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
}

.rent .owl-carousel .owl-nav{
    position: absolute;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    width: calc(100% + 28px);
    height: 0;
}

.rent .owl-carousel .item{
    display: flex;
    display: -webkit-flex;
    align-items: flex-end;
    width: 100%;
    min-height: 392px;
    padding-right: 73px;
}

.rent .owl-carousel .item .title{
    color: var(--white);
    border-top-right-radius: 60px;
    background: var(--btn);
    padding: 14px 35px 14px 14px;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}

.rent .owl-carousel .item:hover .title{
    color: var(--title);
    background: var(--white);
}

.aboutus,
.advance{
    position: relative;
    background-color: #E8ECF1;
}

.aboutus .row{
    flex-wrap: wrap-reverse;
    -ms-flex-wrap: wrap-reverse;
    grid-gap: 2rem 0;
}

.aboutus .row>*,
.advance .row>*{
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -ms-flex-direction: column;
    justify-content: center;
    -webkit-justify-content: center;
}

.aboutus .row>*:last-child,
.advance .row>*:first-child{
    padding: clamp(1rem,6.7vw,130px) 12px clamp(1rem,7.6vw,146px);
}

.aboutus .img,
.advance .img{
    position: absolute;
    inset: 0 auto auto 0;
    width: 52.65625vw;
    height: 100%;
}

.aboutus .img img,
.advance .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
}

.aboutus .text{
    width: 329px;
    margin-top: 4rem;
}

.aboutus .dbtn{
    margin-top: 2rem;
}

.advance{
    background-color: unset;
}

.advance .row{
    grid-gap: 2rem 0;
}

.advance .img{
    inset: 0 0 auto auto;
    width: 47.34375vw;
}

.advance .sectitle{
    width: 373px;
}

.advance .text{
    width: 512px;
    margin-top: 3rem;
}

.advance .dbtn{
    margin-top: 55px;
}

@media(max-width:1800px){
    .rent{
        background-size: 0,cover;
    }
}

@media(max-width:1520px){
	.banners .item.vid{
		aspect-ratio: 1/.375;
		max-height: unset;
		background-color: var(--black);
		overflow: hidden;
	}
	.banners .item.vid::before{
		display: block;
	}
	.banners .item.vid video{
		width: 100% !important;
	}
}

@media(max-width:1200px){
    .machines .row>*{
        justify-content: center;
        -webkit-justify-content: center;
    }
}

@media(max-width:992px){
    .frot,
    .machines,
    .rent,
    .aboutus,
    .advance{
        padding: 2rem 0;
    }
    .frot .dbtn{
        transform: unset;
        -webkit-transform: unset;
        -moz-transform: unset;
        -ms-transform: unset;
        -o-transform: unset;
        margin-top: 2rem;
    }
    .frot .text,
    .machines .atts,
    .machines .sectitle,
    .machines .text,
    .rent .sectitle,
    .rent .text,
    .aboutus .text,
    .advance .sectitle,
    .advance .text{
        width: 100%;
    }
    .machines .atts .att{
        flex-basis: calc((100%/4) - 5px);
    }
    .machines .dbtn,
    .aboutus .text,
    .advance .text{
        margin-top: 2rem;
    }
	.frot .owl-carousel{
		display: flex;
		display: -webkit-flex;
		align-items: center;
		justify-content: center;
		-webkit-justify-content: center;
	}
	.frot .owl-carousel .owl-nav{
		position: absolute;
		display: flex;
		display: -webkit-flex;
		align-items: center;
		justify-content: space-between;
		-webkit-justify-content: space-between;
		width: calc(100% + 28px);
		height: 0;
	}
    .aboutus .row>*:last-child,
    .advance .row>*:first-child{
        padding: 0 12px;
    }
    .aboutus .img, .advance .img{
        position: initial;
        width: 100%;
        aspect-ratio: 1/.57;
    }
}

@media(max-width:768px){
    .banners,
    .banners .item{
        width: 100%;
        /* aspect-ratio: 1/1.16536; */
        height: auto;
        max-height: calc(100vh - 94px);
    }
    .banners .item{
        padding: 2rem 0;
    }
    .banners .item:has(video){
        padding: 0;
    }
    .banners .item:has(video) .container{
        position: absolute;
    }
    .banners .item video{
        position: initial;
    }
	.banners{
		display: none;
	}
    .frot,
    .machines{
        background-size: auto;
    }
    .frot{
        background-position: bottom left;
    }
    .frot .owl-carousel .owl-stage-outer{
        margin: -1rem;
        padding: 1rem;
    }
    .frot .item{
        box-shadow: 0 0px 15px #03386dc7;
    }
    .machines{
        background-position: top left;
    }
    .machines .atts .att{
        flex-basis: calc((100%/3) - 5px);
    }
    .machines .gallery .gal{
        flex-basis: calc((100%/3) - 11px);
    }
}

@media(max-width:575px){
    .machines .atts{
        grid-gap: 1rem;
    }
    .machines .atts .att{
        flex-basis: calc(50% - 9px);
    }
    .machines .gallery .gal{
        flex-basis: calc(50% - 11px);
    }
}

@media(max-width:425px){
    .machines .atts,
    .machines .gallery{
        align-items: center;
        justify-content: center;
        -webkit-justify-content: center;
        grid-gap: 0;
        border-radius: 18px;
        box-shadow: 0 8px 30px #00000052;
    }
	.machines .atts.owl-carousel .owl-stage>*:nth-child(4n+2) .att,
	.machines .atts.owl-carousel .owl-stage>*:nth-child(4n+3) .att{
		background: var(--btn);
	}
    .machines .atts.owl-carousel .owl-stage>*:nth-child(4n+2) .att .title,
	.machines .atts.owl-carousel .owl-stage>*:nth-child(4n+3) .att .title{
		color: var(--white);
	}
    .machines .atts .owl-nav,
    .machines .gallery .owl-nav{
        position: absolute;
        display: flex;
        display: -webkit-flex;
        align-items: center;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        width: calc(100% + 28px);
        height: 0;
    }
    .machines .atts .att{
        aspect-ratio: unset;
        box-shadow: unset;
        padding: 1rem;
    }
    .machines .gallery .gal{
        flex: unset;
        width: 100%;
        aspect-ratio: 1/.57;
    }
	.machines .gallery .gal img{
		opacity: 100%;
    	-webkit-opacity: 100%;
	}
}