.divan-boxs{
 min-height:135px;
}
svg.bi.bi-arrow-right-square{
 width:40px;
}
svg.bi.bi-arrow-left-square{
 width:40px;
}

.carouselArrow{
 width:84px;
 height:84px;
}

.carousel-control-prev{
 
}

.carousel-control-next{
 
}

.firsatlar{
 margin-top:55px;
}


.carouselArrow img{
 
}

.fir-right{
 display:flex;
 gap:10px;
}

.firItem{
 margin-bottom:20px;
}

.firItemImg{
 width:100%;
 height:auto;
}

.headerText{
 color:#212529;
 font-size:27px;
 font-weight:700;
 line-height:28px;
}

.fir-left{
 width:90%;
 float:left;
}

.fir-right{
 width:90px;
 float:right;
}

.content-text{
 font-size:16px;
 font-weight:400;
 line-height:27px;
 text-align:left;
 color:#9C9C9C;
}

.fir-item-box{
 
}

.firItem{
 
}

.firItemImg{
 margin-top:20px;
}

.firItemName{
 font-size:16px;
 font-weight:700;
 line-height:16.5px;
 text-align:left;
 color:#212529;
 margin-top:10px;
}

.firItemText{
 font-size:15px;
 font-weight:400;
 line-height:16.5px;
 text-align:left;
 color:#9c9c9c;
 margin-top:10px;
}

.firItemBtn{
 width:130px;
 height:30px;
 color:#212529;
 border:1px solid #747474;
 background-color:#fff;
 margin-top:15px;
 font-size:14px;
}

.seve-text-box{
 margin-bottom:20px;
}

.seveBoxItem{
 width:100%;
 
}

.seveBox img{
 width:70% !important;
 margin:50px auto;
 display:block;
}

.seBanner{
 margin:70px 0px;
 
}

.seDiv{
 position:relative;
}

.seText{
 position:absolute;
 top:80px;
 left:70px;
}

.divanevText{
 position:absolute;
 top:140px;
 left:70px;
}

.seImg{
 width:100%;
}
button.divanevBtn:hover{
 background-color:#005850;
 color:#fff;
}



.stilBan{
 position:relative;
 
}

 .stilban1{
 position:relative;
 background:url(/new-index/st1.png);
 background-size:cover;
 background-repeat:no-repeat;
 display:flex;
 justify-content:center;
 align-items:flex-end;
 padding-bottom:20px;

 }
 button.divaBtn{
 font-size:13px;
}

.stilban4{
 display:flex;
 flex-direction:column;
 justify-content:space-between;
}
.stilText{
 position:absolute;
 bottom:60px;
 left:49%;
 transform:translateX(-50%);
 color:#fff;
 text-align:center;
 width:100%;
}
.stilText2{
 position:absolute !important;
 bottom:40px !important;
 left:50px !important;
 color:white !important;
}

.stilItemBox{
 border:1px solid #c1c1c1;
}

.stilItemImg{
 width:100%;
 padding:0px;
}

.stilItemName{
 font-size:15px;
 color:#212529;
 text-align:center;
 padding:10px;
}

.stilItemBox{
 display:flex;
 flex-direction:column;
 align-items:center;
 justify-content:center;
 height:100%;
 text-align:center;
 
 border:1px solid #dee2e6;
 
 padding:0px;
 
}

.stilItemImg{
 max-width:187px;
 height:100%;
 
}

.stilItem .row{
 display:flex;
 flex-wrap:wrap;
}

.viText{
 position:absolute;
 top:150px;
 left:70px;
}

.divaText{
 position:absolute;
 bottom:20px;
 left:30px;
}

.divaText h3{
 font-size:15px;
 font-weight:400;
 margin:0px;
 color:#fff;
}

.divaBtn{
 width:120px;
 height:30px;
 color:#fff;
 border:1px solid #fff;
 background-color:transparent;
 margin-top:10px;
}

.divanevButton{
 width:160px;
 height:40px;
 color:#fff;
 border:1px solid #747474;
 background-color:transparent;
 margin-top:50px;
 margin-left:30px;
}

.divaBlog{
 font-weight:700;
}

.divanevName{
 font-size:14px;
 font-weight:700;
 line-height:30px;
 text-align:left;
 color:#4c4b52;
 margin-top:10px;
 height:80px;
}

.divanevBtn{
 width:140px;
 height:35px;
 color:#4c4b52;
 border:1px solid #747474;
 background-color:#fff;
 margin-top:0px;
 font-size:13px;
}

.tarz{
 
 height:auto;
 background-color:#f6f3ee;
 margin-top:30px;
}

.tarzText{
 color:#212529;
 margin-top:90px;
 margin-left:60px;
}

.tarzText h2{
 margin-bottom:20px;
}

.tarzText ul{
 width:100%;
 height:auto;
 padding:0px;
 list-style:none;
}

.tarzText ul li{
 height:30px;
 color:#9c9c9c;
}

.tarzText span{
 margin-right:5px;
}

.tarzimg2{
 margin-left:-38px !important;
 z-index:9999;
 position:absolute;
}

.tarzImg{
 position:relative;
}

.tarzImg img{
 max-height:415px;
 margin-left:-2px;
}

.caroImg{
 width:100%;
 
}

.tarzImglast img{
 max-height:415px;
 margin-left:-2px;
}

.divaImg{
 width:auto;
}

.slide{
 height:100%;
}
.firslider{
 float:left;
}
.divaImg{
 width:100%;
}
.banner2{
 height:95.4% !important;
 width:100%;
}






@media (min-width:992px) and (max-width:1199.98px){
 .divaImg{
 width:100%;
 }

 .seveBox img{
 width:70%;
 margin:28px auto;
 display:block;
 }

 .divanevText{
 position:absolute;
 top:60px;
 left:70px;
 }

 .tarzImglast img{
 max-height:330px;
 margin-left:-4px;
 }

 .tarzimg2{
 margin-left:-31px !important;
 z-index:9999;
 position:absolute;
 }
}


@media (min-width:768px) and (max-width:991.98px){
 .headerText{
 font-size:24px;
 }

 .caroImg{
 max-width:100%;
 }

 .firItemBtn{
 margin-top:5px;
 }

 .helisImg{
 padding:10px;
 }

 .seText{
 top:100px;
 left:20px;
 }

 .seBtn{
 width:130px;
 height:30px;
 margin-top:30px;
 }

 .viText{
 top:20px;
 left:18px;
 }

 .seImg{
 width:65%;
 }

 .divaImg{
 width:100%;
 margin:10px 0px;
 }

 .divabox{
 padding:0px;
 }

 .divanevText{
 top:35px;
 }

 .divanevButton{
 width:130px;
 height:30px;
 margin-top:20px;
 }

 .divanevName{
 height:40px;
 }

 .tarzText{
 margin-top:30px;
 margin-left:20px;
 }

 .tarzText ul li{
 height:auto;
 }

 .tarzImg img{
 max-height:190px;
 margin-left:-4px;
 }

 .tarzImglast img{
 max-height:330px;
 margin-left:-4px;
 }

 .tarzimg2{
 margin-left:-34px !important;
 }

 .carouselArrow img{
 width:50px;
 margin-top:15px;
 }

 .seveBox img{
 width:50%;
 margin:12px auto;
 display:block;
 }

 .firsalRes{
 width:100%;
 margin-bottom:20px;
 }
}

@media (min-width:576px) and (max-width:767.98px){
 .headerText{
 font-size:24px;
 }

 .caroImg{
 max-width:100%;
 }

 .firItemBtn{
 margin-top:5px;
 }

 .helisImg{
 padding:10px;
 }

 .seText{
 top:30px;
 left:20px;
 }

 .seBtn{
 width:130px;
 height:30px;
 margin-top:7px;
 }

 .viText{
 top:20px;
 left:18px;
 }

 .seImg{
 width:65%;
 }

 .divaImg{
 width:100%;
 margin:10px 0px;
 }

 .divabox{
 padding:0px;
 }

 .divanevText{
 top:35px;
 }

 .divanevButton{
 width:130px;
 height:30px;
 margin-top:20px;
 }

 .divanevName{
 height:40px;
 }

 .tarzText{
 margin-top:30px;
 margin-left:20px;
 }

 .tarzText ul li{
 height:auto;
 }

 .tarzImg img{
 max-height:190px;
 margin-left:-4px;
 }

 .tarzImglast img{
 max-height:260px;
 margin-left:-4px;
 }

 .tarzimg2{
 margin-left:-26px !important;
 }

 .carouselArrow img{
 width:50px;
 margin-top:15px;
 }
}

@media (max-width:575.98px){
 .headerText{
 font-size:24px;
 }
 .img-fluid.desktop{
 display:none;
}
 button.divanevBtn.font{
 margin-top:25px;
}
 img.img-fluid.firsalRes{
 height:100%;
 }
 .stilBan.col-lg-4{
 margin-bottom:20px;
 }

 .tarzImglast img{
 max-height:185px;
 margin-left:-4px;
 }

 .firItemBtn{
 margin-top:5px;
 }

 .helisImg{
 padding:10px;
 }

 .seText{
 top:30px;
 left:20px;
 }

 .seBtn{
 width:130px;
 height:30px;
 margin-top:7px;
 }

 .viText{
 top:20px;
 left:18px;
 }

 .seImg{
 width:65%;
 }

 .divaImg{
 width:100%;
 margin:10px 0px;
 }

 .divabox{
 padding:0px;
 }

 .divanevText{
 top:35px;
 }

 .divanevButton{
 width:130px;
 height:30px;
 margin-top:20px;
 }

 .divanevName{
 height:40px;
 }

 .tarzText{
 margin-top:30px;
 margin-left:20px;
 }

 .tarzText ul li{
 height:auto;
 }

 .tarzImg img{
 max-height:190px;
 margin-left:-4px;
 }

 .tarzimg2{
 margin-left:-20px !important;
 }

 .carouselArrow img{
 width:50px;
 margin-top:15px;
 }
}



button.seBtn:hover{
 background-color:#212529;
 color:#fff;
 border:none;
}

.gridImg{
 width:100%;
}

.videoContent{
 position:absolute;
 top:50px;
 left:60px;
}
.banner2{
 height:400px;
}

.carousel-item{
 transition:all 0.3s;
}

.hoverChange{
 height:130px;
 cursor:pointer;
}

.hoverChange:hover{
 
 content:url(/img/grid23.png);
}
.seveBoxItem{
 display:flex;
 flex-direction:column;
 justify-content:space-evenly;
}
.seveBox2{
 margin-top:20px;
}
.bannerText{
 font-size:.8rem;
}

.gridBtn:hover{
 background:#005850 !important;
 color:white !important;
 border:none !important;
}
#familyButton:hover{
 background:black !important;
 color:white !important;
 border:none !important;
}
.hoverGrid{
 width:23% !important;
}

.img-comp-container{
 position:relative;
 height:200px;
}

.img-comp-img{
 position:absolute;
 width:auto;
 height:auto;
 overflow:hidden;
 background:#f6f3ee;
}

.img-comp-img img{
 display:block;
 vertical-align:middle;
}

.img-comp-slider{
 position:absolute;
 z-index:9;
 cursor:ew-resize;
 
 width:60px;
 height:60px;
 background-color:#212529;
 border-radius:50%;
}

.img-comp-slider::before{
 content:"";

 position:absolute;
 left:50%;
 top:50%;

 transform:translate(-50%,-50%);

 z-index:9;
 cursor:ew-resize;
 
 width:5px;
 height:458px;
 background-color:#212529;
 opacity:1;
}

.img-comp-slider::after{
 content:url(/site/views/divanev/indexfolder/new-index/comparisonIcon.png);

 position:absolute;
 left:50%;
 top:49%;

 display:flex;
 align-items:center;
 justify-content:center;

 transform:translate(-50%,-50%);

 z-index:9;
 cursor:ew-resize;
 
 width:100%;
 height:100%;
 background-color:#212529;
 border-radius:50%;
 opacity:1;

 color:#fff;

 
}

.imgComparison{
 margin-top:1rem;
 font-size:1.2rem;
 padding:5rem 1rem !important;

 display:flex;
 background-color:#f6f3ee;
}

.imgComparisonHeading{
 font-size:1.6rem;
 font-weight:700;

 color:#212529;
}

.list{
 margin-top:20px;
 font-size:13px !important;

 font-weight:400;

 list-style:none;
}



.li{
 display:flex;
 margin-top:7px;
 

 color:#9c9c9c;
}

.Info{
 flex:.75;
}

.comparison{
 flex:1;
}

.relative{
 position:relative;
}





.backText{
 position:absolute;
 top:0;
 left:0;

 font-size:20rem;
 font-weight:bold;

 opacity:.075;
}
.backText1{
 position:absolute;
 top:0;
 left:-6%;
 width:100%;
}
@media screen and (max-width:1002px){
 .backText1 > img{
 width:90%;
 padding-left:35px;
 margin-top:10px;
 
 }
}

.backText1 > img{
 width:25%;
 position:relative;
 left:110px;
 margin-top:10px;

}
.sofas{
 width:600px !important;
 height:275px !important;
 }




@media screen and (max-width:1640px){
 .imgComparison{
 padding:5rem 7rem;
 }

 .slides{
 height:50rem;
 }
}
@media screen and (min-width:1601px){
 .img-comp-slider::before{
 height:310px;
 }
}
@media screen and (max-width:1600px){
 .img-comp-slider::before{
 height:375px;
 }

 .img-comp-slider::after{
 top:50%;
 }

 .img-comp-slider{
 top:119px !important;
 }

 

 .slides_v2{
 height:50rem;
 }
}

@media screen and (max-width:1550px){
 .img-comp-slider::before{
 height:400px;
 }

 .img-comp-slider{
 top:108px !important;
 }
}

@media screen and (max-width:1490px){
 .img-comp-slider{
 width:70px;
 height:70px;

 }

 .img-comp-slider{
 top:115px !important;
 }

 .img-comp-slider::after{
 font-size:3.5rem;
 }

 
}

@media screen and (max-width:1350px){
 .imageComparison{
 font-size:14px !important;
 }
 .sofas{
 width:600px !important;
 height:275px !important;
 }

 .img-comp-slider::before{
 height:374px;
 }

 .img-comp-slider{
 top:107px !important;
 }

 .img-comp-slider{
 width:80px;
 height:80px;
 }
}

@media screen and (max-width:1260px){

 

 .img-comp-slider{
 margin-left:4.65px;
 }

 .img-comp-slider::before{
 width:10px;
 }
}

@media screen and (max-width:1234px){
 .imgComparison{
 flex-direction:column;
 justify-items:center;
 align-items:center;

 gap:10rem;

 
 }
 .video{
 height:40vh;
 }
 
 .Info{
 width:70%;
 }

 .absolute{
 position:relative;
 left:-12rem;
 }
 .backText{
 font-size:16rem;
 left:30px;
 }
}
@media screen and (max-width:1140px){
 

 .img-comp-slider::before{
 height:320px;
 }

 .img-comp-slider{
 top:90px !important;
 }

 

 .sofas{
 width:520px !important;
 height:240px !important;
 }
}

@media screen and (max-width:1000px){
 
 .hoverGrid{
 width:46% !important;
 }
 .stilban1{
 height:400px;
 }

 
 .Info{
 width:100%;
 }
 .bannerText{
 font-size:1.2rem;
 }
 .seveBoxItem{
 
 display:flex;
 flex-direction:column;
 justify-content:space-evenly;
 }
 .seveBox1,
 .seveBox2{
 width:53%;
 }

 .seveBox2{
 margin-top:90px !important;
 }
 .backText{
 font-size:10rem;
 }

 .img-comp-slider{
 top:78px !important;

 
 margin:0;
 }

 .imgComparison{
 flex-direction:column;
 justify-items:center;
 align-items:center;

 gap:4rem;

 padding:4rem;
 }

 .absolute{
 position:relative;
 left:-10rem;
 }

 .relative{
 position:static;
 }

 .img-comp-slider{
 position:absolute;
 z-index:9;
 cursor:ew-resize;
 
 width:100px;
 height:100px;

 background-color:transparent;
 border-radius:50%;
 }

 .img-comp-slider::after{
 content:url(/site/views/divanev/indexfolder/new-index/comparisonIcon.png);
 white-space:pre;
 background-color:transparent;
 font-size:2rem;
 font-weight:700;
 height:50px;
 width:50px;
 color:#000;
 background-color:black;
 }

 .img-comp-slider::before{
 width:3px;
 height:260px;
 }
}



@media screen and (max-width:768px){
 .hoverGrid{
 width:100% !important;
 }
 .seBanner{
 margin:25px 0px;
 
}
 .list{
 font-size:12px;
 padding:0;
 }
 
}
@media screen and (max-width:700px){
 .prototypesImgs{
 display:grid;
 grid-template-columns:1fr 1fr;
 }

 .PBtn{
 width:100%;
 }

 .youTubeInfoHeading{
 overflow:hidden;
 }
 .col-lg-3.col-md-6.col-sm-6.mb-4.mobile{
 width:50%;
}
}

@media screen and (max-width:600px){
 .seveBox1,
 .seveBox2{
 width:80%;
 }
 .bannerText{
 font-size:1.4rem;
 }
 
 .stilText{
 bottom:40px;
 }
 .video{
 height:30vh;
 }
 .sofas{
 width:450px !important;
 height:225px !important;
 }
 .list{
 font-size:12px !important;
 }
 .backText{
 font-size:5rem;
 left:40px;
 top:100px;
 }
 .img-comp-slider{
 top:70px !important;
 }
 

 .img-comp-slider::before{
 height:210px;
 }
}



@media screen and (max-width:470px){

 .img-comp-slider{
 top:20px !important;
 }
 

 .img-comp-slider::before{
 height:190px;
 }
}

@media screen and (max-width:470px){
 .sofas{
 width:320px !important;
 height:150px !important;
 }

 .img-comp-slider{
 top:20px !important;
 }

 

 .img-comp-slider::before{
 height:150px;
 }

 .imgComparison{
 padding:2rem;
 }
}

.imgComparison{
 position:relative;
}
.list{
 font-size:12px !important;
}





@media screen and (max-width:992px){
 .gridImg{
 width:70%;
 height:70%;
 }
 .hoverChange:hover{
 
 content:url(/img/grid23.png);
 width:70%;
 height:70%;
 }
 .videoContent{
 width:40%;
 left:50px;
 }
}
@media screen and (max-width:667px){
 .gridImg{
 width:70%;
 height:70%;
 }
 .hoverChange:hover{
 
 content:url(/img/grid23.png);
 width:70%;
 height:70%;
 }
 .videoContent{
 left:40px;
 top:20px;
 }
 .banner2{
 height:300px;
 }
}
@media screen and (min-width:869px){
 .img-fluid.mobile{
 display:none;
}
}