@import url("./fontawesome/css/all.css");
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css');

body, .bg-body-image{
    /* background-image: url('../images/background/bg-gradient.svg');
    background-attachment: fixed;
    background-size: cover; */
    font-family: "Montserrat", sans-serif;
    /* font-weight: 500; */

    background: linear-gradient(to bottom, #0C8592, #185575, #1B4C6F);
    background-attachment: fixed;
}
a.link{
    color: #04AF93;
}
a:hover{
    text-decoration: underline;
}

.bg-gradient-content{
    background: linear-gradient(
    to bottom,
    rgba(43, 118, 136, 0) 0%,
    #294979 100%
    );
}

.bg-gradient-content-2{
    /* background-image:  url("../../images/background/bg-gradient-content-2.svg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: top;
    background-position-x: center; */
    background: linear-gradient(180deg, rgba(43, 118, 136, 0) 0%, #294979 100%);
    position: relative;
    overflow: hidden;
}
.bg-gradient-content-2 > .ellipse{
    position: absolute;
    top: -500px;
    left: 50%;
    transform: translateX(-50%);
    width: 1017px;
    height: 693px;
    background-color: #03A6A6;
    opacity: 0.8;
    filter: blur(250px);
    border-radius: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

/* ========== ACCORDION ========== */
.accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease, opacity 0.5s ease;
    opacity: 0;
}
input:checked ~ .accordion-content {
    max-height: 500vh;
    opacity: 1;
}
input:checked ~ .accordion-header svg {
    transform: rotate(180deg);
}
@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes fadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
.fadeIn {
    animation: fadeIn 0.5s forwards;
    -webkit-animation: fadeIn 0.5s forwards;
}
.fadeOut {
    animation: fadeOut 0.5s forwards;
    -webkit-animation: fadeOut 0.5s forwards;
}

footer{
    background-image: url("../images/background/footer.svg");
    background-size: cover;
    background-position: center;
}

.bg-gradient-label{
    background: linear-gradient(to right, #1496DF, #102865);
}


/* ========== start:: NAVBAR ========== */
.nav-item {
    position: relative;
}
.nav-item::before {
    content: '';
    position: absolute;
    width: 0%;
    height: 1px;
    bottom: 0;
    left: 0;
    background-color: currentColor;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}
.nav-item:hover::before {
    visibility: visible;
    width: 100%;
}
.nav-item>a{
    text-decoration: none;
}
/* ========== end:: NAVBAR ========== */


/*  */


/* ========== Start:: SLIDER ETALASE ========== */
.swiper-button-next, .swiper-button-prev{
    color: white!important;
}
.swiper-button-next:after, .swiper-button-prev:after{
    font-size: 30px!important;
    font-weight: bold!important;
}

.swiper-button-prev:after{
    font-family: 'Font Awesome 6 Pro'!important;
    font-weight: 300;
    content: '\f137'!important;
}
.swiper-button-next:after{
    font-family: 'Font Awesome 6 Pro'!important;
    font-weight: 300;
    content: '\f138'!important;
}

.swiper-pagination .swiper-pagination-bullet{
    width: 1rem;
    height: 1rem;
    background-color: #527F96;
}

.swiper-pagination .swiper-pagination-bullet-active{
    background-color: white;
}
/* ========== End:: SLIDER ETALASE ========== */

/*  */

/* ========== Start:: SLIDER TESTIMONIALS ========== */

.swiper-button-next.testimony, .swiper-button-prev.testimony{
    color: #1496DF!important;
}

/* ========== End:: SLIDER TESTIMONIALS ========== */


/*  */


/* ========== Start:: SLIDER PARTNER ========== */
.swiper-pagination.partner .swiper-pagination-bullet{
    width: 0.5rem;
    height: 0.5rem;
}

.swiper-pagination.partner .swiper-pagination-bullet-active{
    background-color: #1495df66;
}
/* ========== End:: SLIDER PARTNER ========== */

/*  */

/* ========== Start:: SLIDER MEDIA ========== */
.swiper-button-prev.media{
    left: -0.5rem;
}
.swiper-button-next.media{
    right: -0.5rem;
}
.swiper-button-next.media, .swiper-button-prev.media{
    color: #1495dfd7!important;
}
.swiper-button-next.media:after, .swiper-button-prev.media:after{
    font-size: 20px!important;
    font-weight: bold!important;
}

.swiper-pagination.media .swiper-pagination-bullet{
    width: 0.5rem;
    height: 0.5rem;
    background-color: #1495df66;
}
/* ========== End:: SLIDER MEDIA ========== */

/* ========== Start:: TOOLTIP ========== */
.tippy-box[data-theme~='primary'] {
    background-color: #4A90E2!important;
    color: white;
}