:root {
    /*  ========Colors========   */
    --main-color: #00707E;
    --secondary-color: #39264F;
    /*  ========Hovers========   */
    --hover-main: #42C1C7;
    --hover-secondary: #6561C2;


}

.bg-dark {
    background: var(--main-color) !important;
}

.main-text {
    color: var(--main-color) !important;
}

.svg-normal-mask {
    mask: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/3/stampTiles.svg);
    background: var(--main-color)
}


/*btn */
.btn {
    --c: var(--main-color);
    color: var(--c);
    text-align: center;
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: 0.5s;
    /* animate*/
    border: 2px solid var(--main-color);
    border-radius: 2;
    color: var(--main-color);
    width: 150px;
    display: inline-block;
    text-align: center;
    padding: 12px;
    box-shadow: 1px 2px 0px 0px var(--main-color);
}

.btn:hover {
    color: white !important;
}

.btn span {
    position: absolute;
    width: 25%;
    height: 100%;
    background-color: var(--c);
    transform: translateY(150%);
    border-radius: 50%;
    left: calc((var(--n) - 1) * 25%);
    transition: 0.5s;
    transition-delay: calc((var(--n) - 1) * 0.1s);
    z-index: -1;

}


.btn:hover {
    color: black;
}

.btn:hover span {
    transform: translateY(0) scale(2);
}

.btn span:nth-child(1) {
    --n: 1;
}

.btn span:nth-child(2) {
    --n: 2;
}

.btn span:nth-child(3) {
    --n: 3;
}

.btn span:nth-child(4) {
    --n: 4;
}

a.custom-btn-nav {
    border: 2px solid var(--main-color);
    color: var(--main-color);
    width: 150px;
    display: inline-block;
    text-align: center;
    padding: 12px;
    border-radius: 0;
    box-shadow: 1px 2px 0px 0px var(--main-color);
}

button.custom-btn-nav {
    border: 2px solid var(--main-color);
    color: var(--main-color);
    width: 150px;
    display: inline-block;
    text-align: center;
    padding: 12px;
    border-radius: 0;
    box-shadow: 1px 2px 0px 0px var(--main-color);
}

/* gradient title*/
.grd-text h5 {
    /*   position: absolute;
     width: 90%;*/
    font-size: 2.5rem;
    font-weight: 600;
    color: transparent;
    background-image: linear-gradient(to right, var(--main-color), var(--main-color), var(--hover-main), var(--hover-main), var(--hover-main));
    -webkit-background-clip: text;
    background-clip: text;
    background-size: 200%;

}

.gradient-text {
    color: transparent;
    background-image: linear-gradient(to right, var(--main-color), var(--hover-main), var(--secondary-color), var(--hover-secondary), var(--main-color));
    -webkit-background-clip: text;
    background-clip: text;
    background-size: 200%;
}


.text-accent {
    --bs-text-opacity: 1;
    color: #123448, var(--bs-text-opacity) !important
}

.border-primary {
    border-color: var(--main-color) !important;
}

.text-primary {
    color: var(--main-color) !important;
}


/* Footer Style */

.headingFooter {
    color: var(--main-color) !important;
    font-family: var(--main-font) !important;
}

@media screen and (max-width: 400px) {
    .btn-prev {
        margin-bottom: 20px;
    }

    .providers .swiper-slide {
        width: 100% !important;
        margin-inline: 0 !important;
    }
}

.providers .swiper-slide {
    width: 40vw !important;
    margin-inline: .5rem !important;
}

.providers .swiper-container {
    width: 100%;
    height: auto !important
        /* 250px; */
        /* height: 400px; */
}


@media screen and (max-width: 768) {

    .providers .swiper-slide {
        width: 100% !important;
        height: 100% !important;
        margin-inline: 0px !important;
    }
}

.swiper-container {
    width: 100%;
    height: 400px
        /* 250px; */
        /* height: 400px; */
}