body {
    background: #f2eeea;
    font-family: 'Plus Jakarta Sans', sans-serif;
}
a, a:hover, a:focus {
 color:inherit; text-decoration:none;
  transition:0.40s ease-in-out
}
    a:hover {
        opacity: 0.7
    }
.news-title h4 {
    font-weight: 900
}
.lang-btn {
 font-size:18px; font-weight:600
}
.font-type-2 {
    font-family: 'Lora', serif;
}
.font-type-3 {
    font-family: 'Oswald', sans-serif;
}
.font-lg {
 font-size:22px
}
.container-fluid {
    width: 98%
}
header {
    border-bottom: 1px solid #999999;
}
.logo img {
 width:100%; max-width:125px;
}
.menu-container {
  /*  line-height: 34px;*/
}
.menu-li a {
 font-weight:600; transition:0.40s ease-in-out
}
.menu-li a:hover {
  opacity:0.7
}
.slideLg {
    margin-top:1.5%; margin-bottom:1.5%
}
    .slideLg .swiper-slide {
        position: relative;
        height: 0;
        padding-top: calc(2 / 4 *82%);
    }
    .slideLg .aspect-ratio-item {
        position: absolute;
        left: 0;
        top: 0;
        width: 100% !important;
        height: 100% !important;
    }


.slide-cat .swiper-slide {
    position: relative;
    height: 0;
    padding-top: calc(2 / 4 *100%);
}


.slide-cat .aspect-ratio-item {
    position: absolute;
    left: 0;
    top: 0;
    width: 100% !important;
    height: 100% !important;
}

img.aspect-ratio-item {
    object-fit: cover;
}
.aspect-ratio-container {
    position: relative;
    height: 0;
    padding-top: calc(3 / 4 * 100%);
}
.aspect-ratio-container-2x2 {
    position: relative;
    height: 0;
    padding-top: calc(3 / 4 * 100%);
}
  .aspect-ratio-container.ratio-16-9 {
        padding-top: calc(9 / 16 * 100%);
    }

.aspect-ratio-item {
    position: absolute;
    left: 0;
    top: 0;
    width: 100% !important;
    height: 100% !important;
}

img.aspect-ratio-item {
    object-fit: cover;
}

.slide-text {
    font-size: 105px;
    color: #fff;
    left: 25px;
    bottom: 25px;
    z-index: 3;
    font-family: 'Oswald', sans-serif;
    line-height:90px;
    width:50%; overflow:hidden

}
.border-line {
    border-top: 1px solid #999999;
}
.border-line-r {
    border-right: 1px solid #999999;
}
.border-line-b {
    border-bottom: 1px solid #999999;
}
.title-lg {
    font-size: 65px;
    
    line-height: 60px
}
.btn {
 border-radius:0px
}
.btn-border {
    border: 1px solid #999999;
}

.footer-menu ul {
    list-style-type:none; padding:0px;
}
.footer-menu li {
   padding-left:15px; padding-right:15px; display:inline-block;

}

.vision-1 {
 min-height:90vh;
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}


.swiper-slide-active .slide-text p:first-child {
    animation: fadeIn ease-in-out 1s;
}
.swiper-slide-active .slide-text p:nth-child(2n) {
    animation: fadeIn ease-in-out 2s;
}
.swiper-pagination-bullet-active {
 background:#fff;
}
@media (max-width:768px) {
    .footer-menu {
     padding-left:0px; padding-right:0px !important; width:100%; border-right:none; font-size:14px
    }
        .footer-menu .menu-li {
         font-size:14px
        }
    .menu-header .logo {
        text-align: left
    }
    .logo img {
        width: 100%;
        max-width: 95px;
    }
    .footer-menu li {
        padding-left: 7px;
        padding-right: 7px;
        display: inline-block; text-align:center
    }
    .title-lg {
        font-size: 50px;
    }
        .slide-text {
     width:100%
     }
    .menu-container {
        display: none;
        background:#000000f8;
        color:#fff;
        position:fixed;
        top:0px;
        left:0px; right:0px; bottom:0px;
        z-index:1000
    }
    .menu-li {
         font-size:24px; margin-top:15px; 
    }
    .galleryslide .swiper-slide {
      
    }
        .galleryslide .swiper-slide img {
            width: 100% !important
        }
    .slideLg .swiper-slide {
        position: relative;
        height: 0;
        padding-top: calc(4 / 2 *80%);
    }

    .slideLg .aspect-ratio-item {
        position: absolute;
        left: 0;
        top: 0;
        width: 100% !important;
        height: 100% !important;
    }
    .slide-text {
     font-size:62px;
     line-height:50px
    }
}