@media(max-width: 1400px){
    .banner .content h2 {
        font-size: 56px;
    }
    .banner .content p {
        color: #fff;
    }
    header .logo img {
        width: 100px;
    }
}

@media(max-width: 1199px){
    header .menu_btn{
        display: flex;
    }
    header nav ul{
        position: absolute;
        top: 100%;
        right: 0;
        flex-direction: column;
        gap: 5px;
        /* width: 200px; */
        justify-content: center;
        background: #fff;
        padding: 20px 70px 50px 20px;
        border-top: 5px solid var(--primary-color--);
        border-bottom-left-radius: 50px;
        box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
        transform: translateX(100%);
        transition: 0.3s;
    }
    header nav ul.active{
      transform: translateX(0);
    }
    header nav ul li a::before{
      display: none;
    }
    header nav ul li a{
        color: #000;
    }
    .banner img{
        height: 100vh;
        object-fit: cover;
    }
}

@media(max-width: 768px){
    .banner .content{
        padding: 0 20px;
    }
    .banner .content h2 {
        font-size: 42px;
    }
    .banner .content p{
        font-size: 18px;
    }
    .our_commitment{
        padding-left: 20px;
        padding-right: 20px;
    }
    .our_commitment_flex{
        flex-direction: column; 
    }
}

@media (max-width: 575px) {
    .our_services_card{
        flex-direction: column;
        gap: 30px;
    }
    .review_card_slider .slick-arrow{
        top: 100%;
    }
    .review_card_slider .slick-arrow.slick-prev{
        left: 50%;
        transform: translateX(-55%);
    }

    .review_card_slider .slick-arrow.slick-next{
        left: 50%;
        transform: translateX(55%);
    }
    .review_card .review_img .info{
        width: 70%;
    }
    .review_card .blank_part{
        width: 30%;
    }
    .review_card .content p{
        font-size: 16px;
    }
}
@media (max-width: 475px) {
  .banner .content h2 {
    font-size: 32px;
  }
   .banner .content p {
    font-size: 18px;
  }
  .our_services_card{
    padding: 30px 15px;
  }
}