/* raj code here */

.video-container{
    position:relative !important;
    width:100% !important;

}
.you-tube-thumbnail {
    width: 100%;
    height:55vh;
    transition: transform 0.3s ease;
    cursor: pointer;
    object-fit:cover;
}
.play-button{
    position:absolute !important;
    top:45%;
    left:45%;
}
.fair-d-title {
    text-align: left;
    
}
.fair-d-title h3{
    font-size: 32px;
    color:#333;
}
.fair-main{
    display:flex;
    gap:40px;
}
.fair-details {
    flex:1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: start;
}
.fair-left-img{
    width:70%;
}
.fair-left-img img{
    width:100%;
    height:100%;
    object-fit:cover;
}
.btn-fair{
margin-top:30px;
}
.fair-review{
    padding:8px 25px;
    background-color:#f5f5f5;
    border-radius:25px;
    color:#000;
}
@media screen and (max-width:767px){
    .fair-main{
        flex-direction:column-reverse;
    }
    .fair-details{
        width:100%; 
    }
    .btn-fair{
        margin:0;
        width:150px !important;
    }
    .fair-review{
        width:100% !important;
        padding:6px 12px;
    }

  .you-tube-thumbnail{
    height:300px !important;
  }
  .fair-left-img img {
    height: 250px;
    border-radius:12px;
}
.fair-left-img {
    width:100%;
    
}
.fair-details {
    flex-direction: row;
}
.fair-d-title {
    text-align: left;
    width: 37%;
}
.fair-d-title h3 {
    font-size: 18px;
}
.fair-details {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    gap: 10px;
}
.fair-details img {
    height: 71px;
    margin-top: 8px;
}






}
/* raj code here */

.fuarlar-video {
    width: 100%;
}
.fair-container {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
}
.fair-image {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 70px;
}
.fair-main {
    text-align: center;
    margin-top: 50px;
}
.fair-image img {
    height: 350px;
}

.fair-details img {
    height: 170px;
}
.product-review{
    background: #dddddd;
    padding: 8px 20px;
    border-radius: 25px;
}
button.btn-down {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    border: none;
    margin-top: 30px;
    margin-bottom: 30px;
}
.fair-d-btn {
    
}


