@media(max-width: 1399px){
    header nav ul {
        gap: 15px;
    }
    header nav{
        gap: 20px;
    }
    header{
        padding: 10px 3%;
    }
}

@media(max-width: 1199px){
    header .menu-btn{
        display: flex;
    }
    header nav ul{
        display: none;
    }
    .about_sec .about_content{
        width: 50%;
    }
}

@media(max-width: 1024px){
    .news_card_slider .slick-current > div::before{
        display: none;
    }
}
@media(max-width: 991px){
    .banner_slider .banner .content{
        position: relative;
        right: 0;
        width: 100%;
        background: var(--light-brown--);
        border-radius: 0;
    }

    .banner_slider .slick-arrow{
        top: 50%;
        transform: translateY(-50%) !important;
    }

    .banner_slider .slick-arrow.slick-prev{
        left: 0;
    }
    .banner_slider .slick-arrow.slick-next{
        left: inherit;
        right: 0;
    }
    .banner_slider .banner .content .connect_btn{
        background: #fff;
    }
    .banner_slider .banner .content .connect_btn:hover{
        background: var(--brown--);
    }
    .about_sec img{
        width: 45%;
    }
    .news_card_row .news_card_col:nth-child(odd):before{
        display: none;
    }
}

@media(max-width: 768px){
    .about_sec img {
        width: 100%;
    }
    .about_sec .about_content {
        width: 100%;
        padding-left: 30px;
        padding-right: 30px;
    }
    .jobs{
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
        padding-bottom: 20px;
    }
}
@media(max-width: 600px){
    .banner_slider .slick-arrow{
        box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    }
    .banner_slider .slick-arrow.slick-prev{
        left: -12px;
    }
    .banner_slider .slick-arrow.slick-next{
        left: inherit;
        right: -12px;
    }
    .services_slider_dots{
        display: none;
    }
    .services_slider_nav{
        justify-content: center;
    }
    .connect_sec{
        padding: 40px 15px;
    }
    .services_content h1 {
        font-size: 32px;
    }
    .services_content h2 {
        font-size: 24px;
    }
}