.model-title{
    margin-top: 4rem;
    margin-bottom: 3rem;
    font-family: Urbanist;
font-size: 36px;
font-weight: 600;
line-height: 43.2px;
text-align: center;
color: rgba(0, 0, 0, 1);
}
.sayfa-banner{
    height: 244px;
    object-fit: cover;
}
.sayfa-border{
    padding: 24px;
    margin-top: -2rem;
    border: 1.5px solid #FFFFFF;
    background: #ffffff00;
    backdrop-filter: blur(8px);
    border-radius: 25px 25px 0px 0px;
}
.karavan-tip{
    font-family: Urbanist;
font-size: 20px;
font-weight: 400;
margin-top: 1.5rem;
margin-bottom: 0.5rem;
line-height: 24px;
text-align: center;
color: rgba(20, 36, 28, 1);
}
.karavan-title{
    font-family: Urbanist;
font-size: 32px;
font-weight: 600;
line-height: 38.4px;
text-align: center;
color: rgba(20, 36, 28, 1);
}
.model-card{
    row-gap: 3rem !important;
}
.model-cards{
    border-radius: 32px;
    overflow: hidden;
  transition: .4s !important;
}
.model-cards img{
    overflow: hidden;
    border-radius: 32px;
    transition: .4s !important;
}
.model-cards img:hover{
    -ms-transform: scale(1.1); /* IE 9 */
 -webkit-transform: scale(1.1); /* Safari 3-8 */
  transform: scale(1.1); 
  transition: .4s !important;
}
.motor{
    margin-top: 4rem;
    margin-bottom: 8px;
    font-family: Urbanist;
font-size: 20px;
font-weight: 400;
line-height: 24px;
text-align: center;
color: rgba(20, 36, 28, 1);
}
.motor-detay{
    font-family: Urbanist;
font-size: 32px;
font-weight: 600;
line-height: 38.4px;
text-align: center;
color: rgba(20, 36, 28, 1);
}
.yolculuk{
    margin-top: 2rem;
    margin-bottom: 1rem;
    font-family: Urbanist;
font-size: 24px;
font-weight: 500;
line-height: 28.8px;
text-align: center;
color: rgba(0, 0, 0, 1);
}
.yolculuk-detay{
    color: rgba(101, 101, 101, 1);
    font-family: Urbanist;
font-size: 16px;
font-weight: 500;
line-height: 26px;
text-align: center;
}
.carousel-wrap {
    position: relative;
  }
  
  /* fix blank or flashing items on carousel */
  .owl-carousel .item {
    position: relative;
    z-index: 100; 
    -webkit-backface-visibility: hidden; 
  }
  
  /* end fix */
  .owl-nav > div {
    margin-top: -26px;
    position: absolute;
    top: 50%;
    color: #cdcbcd;
  }
  
  .owl-nav i {
    font-size: 52px;
  }
  
  .owl-nav .owl-prev {
    left: -30px;
  }
  
  .owl-nav .owl-next {
    right: -30px;
  }
.fiyat-btn{
    margin-top: 2rem !important;
    border: 0 !important;
    background-color: rgba(252, 220, 42, 1) !important;
    font-family: Urbanist !important;
font-size: 16px !important;
font-weight: 500 !important;
line-height: 19.2px !important;
text-align: left !important;
padding: 16px 62px 16px 62px !important;
color: rgba(20, 36, 28, 1)  !important;
}
.carousel-row{
    margin-top: 3rem !important;
}
.donanim{
    margin-bottom: 30px;
    font-family: Urbanist;
font-size: 24px;
font-weight: 500;
line-height: 28.8px;
text-align: center;
color: rgba(0, 0, 0, 1);
}
.donanim-detay{
    font-family: Urbanist;
font-size: 16px;
font-weight: 500;
line-height: 26px;
text-align: center;
color: rgba(101, 101, 101, 1);
}
.col-border{
    margin-top: 62px !important;
    border-right: 1px solid rgba(198, 198, 198, 1);
}
@media only screen and (max-width: 767px){
    .model-title {
        font-size: 27px;
    }
    .karavan-title {
        font-size: 27px;
    }
    .model-card {
        row-gap: 2rem !important;
    }
}
@media only screen and (max-width: 991px){
  .col-border{
    padding-bottom: 2rem !important;
    border-right: 0 !important;
    border-bottom:1px solid rgba(198, 198, 198, 1) !important;
  }
}
@media only screen and (max-width: 395px){
    .motor-detay {
        font-size: 29px;
    }
    .yolculuk {
        margin-top: 1rem;
        font-size: 22px;
    }
}