@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');


body{
    font-size: 16px;
    color: #101010;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    line-height: 1.8;
}

.text-primary {
    color: #5da9d3 !important;
}
.bg-primary {
    background-color: #5da9d3 !important;
}
.bg-light {
    background-color: #f3f9ff !important;
}

.accordion-button::after {
    display: none;
}


.bubbleContainer {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    overflow: hidden;
    z-index: 1;
    pointer-events: none;
}
.bubbleContainer div[class^="bubble-"] {
    height: 1px;
    width: 1px;
    position: absolute;
    background: url(../images/bubbles-01.png) no-repeat center center;
    background-size: cover;
    border-radius: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    pointer-events: none;
}
.bubble-1 {
    bottom: -14.6px;
    left: 70%;
    -webkit-animation: bubble-animation 4.5s infinite ease-in -5.22s;
    animation: bubble-animation 4.5s infinite ease-in -5.22s;
}

.bubble-2 {
    bottom: -1.4px;
    left: 8%;
    -webkit-animation: bubble-animation 4.5s infinite ease-in -3.58s;
    animation: bubble-animation 4.5s infinite ease-in -3.58s;
}

.bubble-3 {
    bottom: -62.6px;
    left: 21%;
    -webkit-animation: bubble-animation 4.5s infinite ease-in -0.64s;
    animation: bubble-animation 4.5s infinite ease-in -0.64s;
}

.bubble-4 {
    bottom: -83px;
    left: 69%;
    -webkit-animation: bubble-animation 4.5s infinite ease-in -7.05s;
    animation: bubble-animation 4.5s infinite ease-in -7.05s;
}

.bubble-5 {
    bottom: -80.6px;
    left: 15%;
    -webkit-animation: bubble-animation 4.5s infinite ease-in -0.7s;
    animation: bubble-animation 4.5s infinite ease-in -0.7s;
}

.bubble-6 {
    bottom: -25.4px;
    left: 98%;
    -webkit-animation: bubble-animation 4.5s infinite ease-in -5.67s;
    animation: bubble-animation 4.5s infinite ease-in -5.67s;
}

.bubble-7 {
    bottom: -104.6px;
    left: 22%;
    -webkit-animation: bubble-animation 4.5s infinite ease-in -0.84s;
    animation: bubble-animation 4.5s infinite ease-in -0.84s;
}

.bubble-8 {
    bottom: -91.4px;
    left: 37%;
    -webkit-animation: bubble-animation 4.5s infinite ease-in -5.99s;
    animation: bubble-animation 4.5s infinite ease-in -5.99s;
}

.bubble-9 {
    bottom: -73.4px;
    left: 70%;
    -webkit-animation: bubble-animation 4.5s infinite ease-in -3.65s;
    animation: bubble-animation 4.5s infinite ease-in -3.65s;
}

.bubble-10 {
    bottom: -97.4px;
    left: 35%;
    -webkit-animation: bubble-animation 4.5s infinite ease-in -7.43s;
    animation: bubble-animation 4.5s infinite ease-in -7.43s;
}

@-webkit-keyframes bubble-animation {
    0% {
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
        height: 1px;
        width: 1px;
    }
    100% {
        -webkit-transform: translate3d(-50%, -280px, 0);
        transform: translate3d(-50%, -280px, 0);
        height: 75px;
        width: 75px;
    }
}

@keyframes bubble-animation {
    0% {
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
        height: 1px;
        width: 1px;
    }
    100% {
        -webkit-transform: translate3d(-50%, -280px, 0);
        transform: translate3d(-50%, -280px, 0);
        height: 75px;
        width: 75px;
    }
}

.aboutus button.active, .aboutus button:hover, .accordion-button:not(.collapsed)   {
    background-color: #5da9d3 !important;
}
.aboutus button.active h3, .aboutus button.active a, .aboutus button:hover h3, .aboutus button:hover a, .accordion-button:not(.collapsed) h3, .accordion-button:not(.collapsed) a   {
    color: #f3f9ff !important;
}
.aboutus button.active img, .aboutus button:hover img, .accordion-button:not(.collapsed) img  {
    webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}

@media (max-width: 991px) {
    .whychoose .card-img-overlay {
        position: relative !important;
    }
    .whychoose picture img {
        width: 100% !important;
    }
}