.modal-content {

    background-color: #f8f9fa !important;

    /*background-color: rgba(255, 255, 255, 0.5);*/

    -webkit-backdrop-filter: blur(5px);

    backdrop-filter: blur(5px);

    border-radius: 35px;

    padding: 20px;

}

.modal-header{

    border-bottom: none !important;

}

.modal-footer{

    border-top: none !important;

}

.no-margin{

    margin-top: 0 !important;

}

.btn-close{

    border: 2px solid black !important;

    outline: none !important;

    border-radius: 50% !important;

}

.space-div{

    margin-bottom: 25px;

}

.copy-link{

    position: absolute;

    left: 15px;

    bottom: 42px;

    border-radius: 15px 0px 0px 15px;

    background: #6c757d47;

    border: 1px solid rgba( 228, 228, 235, 1);

    outline: none;

    padding: 9px;

}

.ai-register-text{

    width: 50%;

    position: relative;

    top: 45%;

    right: 8%;

    height: 0px;

}

.ai-register-h2{

    font-size: 20pt;

}

.ai-register-btn{

    font-size: 13pt;

    background-color: #52B788;

    color: white;

    border-radius: 15px;

}

@media only screen and ( min-width: 800px ) and ( max-width: 1000px ){

    .ai-register-text{

        width: 50%;

        position: relative;

        top: 37%;

        right: 8%;

        font-size: 8pt;

    }  

    .ai-register-h2{

        font-size: 18pt;

    }

    .ai-register-btn{

        font-size: 10pt;

        background-color: #52B788;

        color: white;

        border-radius: 15px;

    }

}

@media only screen and ( min-width: 540px ) and ( max-width: 799px ){

    .ai-register-text{

        width: 50%;

        position: relative;

        top: 35%;

        right: 8%;

        font-size: 7pt;

    }   

    .ai-register-h2{

        font-size: 13pt;

    }

    .ai-register-btn{

        font-size: 7pt;

        background-color: #52B788;

        color: white;

        border-radius: 15px;

    }

}

@media only screen and ( min-width: 400px ) and ( max-width: 539px ){

    .ai-register-text{

        width: 50%;

        position: relative;

        top: 35%;

        right: 8%;

        font-size: 5pt;

    }   

    .ai-register-h2{

        font-size: 9pt;

    }

    .ai-register-btn{

        font-size: 5pt;

        background-color: #52B788;

        color: white;

        border-radius: 15px;

    }

}

@media only screen and ( min-width: 300px ) and ( max-width: 399px ){

    .ai-register-text{

        width: 50%;

        position: relative;

        top: 40%;

        right: 8%;

        font-size: 4pt;

    }   

    .ai-register-h2{

        font-size: 7pt;

    }

    .ai-register-btn{

        font-size: 4pt;

        background-color: #52B788;

        color: white;

        border-radius: 15px;

    }

}

.accordion-button:not(.collapsed) {

    color: #212529;

    background-color: #f8f9fa;

    box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);

}

.accordion-item{

    background-color: #d8e3ef6e;

    padding: 5px;

}

.accordion-button{

    background-color: #f8f9fa;

}

.ai-background{

    background-image: url(../../images/pages/carousel-background.webp);

    background-repeat: no-repeat;

    /*background-size: 60% 100%;*/

    background-size: contain;

    background-position-x: -80px;

}

@media only screen and ( max-width: 1000px ) {

    .ai-background{

        background-image: url(../../images/pages/carousel-background.webp);

        background-repeat: no-repeat;

        background-size: 100%;

        background-position-x: -80px;

    }

}

@media only screen and ( min-width: 1900px ) {

    .ai-background{

        background-image: none;

    }

}