.owl-carousel {
    transition: all 0.3s ease-in-out;
}

.owl-nav {
    text-align: center;
    padding-top: 70px;
    color: var(--gray-700);
}

.owl-carousel .item {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 380px;
    max-width: 100%;
    transition: all 0.3s ease-in-out;
    min-height: 400px !important;
    height: 100%;
    border: 1px solid;
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
    font-size: 60px !important;
}

.owl-carousel .owl-nav button:hover {
    color: var(--secondary_color);
}

.owl-nav .owl-prev {
    margin-right: 10px;
}

.owl-nav .owl-next {
    margin-left: 10px;
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background: transparent;
    color: var(--primary_color);
    text-decoration: none;
}

.owl-theme .owl-dots {
    margin-top: 24px !important
}

.owl-theme .owl-dots .owl-dot.active span
{
    width: 48px;
    background-color: var(--third_color);
    transition: all 0.3s ease-out;
}

.owl-theme .owl-dots .owl-dot:hover span {
    transition: all 0.3s ease-out;
    background-color: var(--third_color);
}

@media (max-width: 768px) {    
    #get_in_touch .inside {
        padding: 20px !important;
    }

    #get_in_touch .owl-carousel .item {
        height: 500px !important;
    }

    #get_in_touch .no-js .owl-carousel, #get_in_touch .owl-carousel.owl-loaded {
        height: auto !important;
    }
}