.logo {
    width: 130px;
}

.sticky-header .logo {
    width: 95px;
    padding: 5px;
    margin-top: 3px;
}

.sticky-header {
    background: rgb(248 244 238);
}

.header-lawer-left .logo {
    padding: 5px 0px 5px 35px;
}

.header-lawer .outer-box {
    background: rgba(255, 255, 255, 0.50);
}

.main-menu .navigation>li>a {
    color: #000;
}

.main-menu .navigation>li>a {
    line-height: 52px;
}

.nav-logo img {
    width: 100px;
}

.main-menu .navigation> li> ul> li {
    /* background-color: #d2d2d2; */
}

.main-menu .navigation>li:hover>a, .main-menu .navigation>li.current>a {
    color: #274511;
}

.main-menu .navigation>li>ul>li>a:hover {
    color: #274511;
}

.sticky-header .main-menu .navigation>li:hover>a, .sticky-header .main-menu .navigation>li.current>a {
    color: #274511;
}

.single-courses-style1 .img-holder:before {
    background-color: transparent;
}
.single-courses-style1 .img-holder:after {
    background-color: transparent;
}

/* Slider */
.main-slider.style1,
.main-slider .slider-box,
.banner-carousel,
.banner-carousel .slide,
.banner-carousel .slide .image-layer {
    height: 100dvh !important;
    min-height: 100dvh !important;
    overflow: hidden;
}

.banner-carousel .slide .image-layer {
    background-size: cover;
    background-position: center center;
}

@media only screen and (min-width: 768px) {
    /* .main-slider {
        height: 100vh;
        min-height: 500px;
        overflow: hidden;
    } */

    .main-slider {
        height: 100dvh;
        min-height: 100dvh;
        overflow: hidden;
    }

    .main-slider .slide,
    .main-slider .image-layer {
        height: 100%;
        background-size: cover;
        background-position: center center;
    }

    /* TEXTO: subirlo desde top 50% a 25% */
    .main-slider .content {
        position: relative;
        top: 25%;
        transform: translateY(0); /* asegurá que no baje más */
    }

    /* FLECHAS: ya están bien, pero por si acaso */
    .banner-carousel .owl-nav {
        top: 30% !important;
    }

    .banner-carousel .owl-nav .owl-prev,
    .banner-carousel .owl-nav .owl-next {
        transform: translateY(0) !important;
    }

    .main-slider .content {
        margin-top: -150px; 
        margin-left: 25px;
    }
}

@media (max-width: 991px) {
    .header-lawer-left .logo a img {
        width: 68px !important;
    }

    .header-lawer-left .logo {
        padding-left: 0px;
    }

    .single-footer-widget {
        margin-top: 50px;
    }

    .single-footer-widget .title {
        margin-bottom: 30px;
    }
}

.competitions-area .sec-title .big-title h2 {
    color: #fff !important;
}

.single-partner-logo-box img {
    max-width: 270px;
}

.about-style1-area {
    padding-bottom: 120px;
}

/* Slider */
.preloader{ 
    background-image:url(../images.me/resources/preloader.gif) !important;
    background-color: #f3f3f3 !important;
    background-size: 150px !important;
}