#header img {
    width: 100px;
}
.hero-slider img {
    height: 520px;
    width: 100%;
    position: relative;
}
/* .hero-slider-sologan {
    position: absolute;
    top: 1%;
    right: 2.5%;
} */
.hero-slider-content {
    position: absolute;
    bottom: 20%;
    left: 5%;
    border-radius: 5px;
}
.hero-slider-content h6 {
    padding: 4px 8px;
    font-weight: 900;
    font-size: 40px;
}
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    opacity: 0;
}
.preview-item,
#about-image-preview {
    display: inline-block;
    margin: 10px;
    padding: 5px;
    border: 2px solid #ddd;
    border-radius: 5px;
}
#existing-about-image,
#existing-ideal-image,
#existing-banner-image,
#existing-mission-image,
#slider-country-image-preview,
#logo-image-preview,
#testimonial-create-image-preview,
#country-create-image-preview,
#existing-country-edit-image,
#service-create-image-preview,
#existing-service-edit-image,
#blog-create-image-preview,
#existing-blog-edit-image,
#banner_blog_page,
#banner_contact_page {
    width: 300px;
    height: 200px;
    border: 2px solid #ddd;
    border-radius: 5px;
}
.ckeditor-css h2 {
    font-size: 20px;
    font-weight: bold;
}
.ckeditor-css p,
.ckeditor-css h2,
.ckeditor-css h3 {
    margin-bottom: 10px;
}
.active .menu-item-parent {
    color: rgb(31 164 179);
    font-weight: bold;
    border-bottom: 2px solid rgb(31 164 179);
}
.active svg {
    color: rgb(31 164 179);
    font-weight: bold;
}
.gradient-border {
    text-align: center;
    padding: 80px 0;
    background: linear-gradient(white, white) padding-box,
        linear-gradient(to right, rgb(197, 33, 33), rgb(18, 109, 18)) border-box;
    border-radius: 15px;
    border: 3px solid transparent;
    transition: 1s;
}
.swiper-button-prev,
.swiper-button-next {
    top: 68%;
}
/* Hide navigation arrows on mobile screens */
@media screen and (max-width: 768px) {
    .swiper-button-next,
    .swiper-button-prev {
        display: none;
    }
}


.infinity-zoom-link {
    animation: text-fade 5s infinite cubic-bezier(0.4, 0, 0.2, 1);
}
.infinity-zoom-link2 {
    animation: text-fade 5.5s infinite cubic-bezier(0.4, 0, 0.2, 1);
}
@keyframes text-fade {
    0%,
    100% {
        opacity: 0;         
    }
    50% {
        opacity: 1; 
    }
}