*{

    margin: 0;

    padding: 0;



    box-sizing: border-box;

}

a{

    text-decoration: none;

    color: unset;

}

a:hover{

    color: unset;

}

ul{

    list-style: none;

}

.text-trios-primary{

    color: #63AEA1;

}

.btn-trios-primary{

    width: 100%;

    background: #43BAB7;



    border: none;

}

.form-label{

    margin-bottom: .7rem!important;

}

.topbar{

    background: linear-gradient(#A8C5C8, #B8D8DB);

}

.topbar .languages-group{

    display: flex;

    gap: 6px;



    justify-content: flex-end;

}

.topbar .languages-group a{

    color: #586466;

    font-size: 12px;

}

.topbar .languages-group a img {

    width: 18px;

}

.secondary-header{

    background: #525456;

}

.secondary-header a{

    font-size: 12px;

}

.secondary-header .second-side{

    gap: 24px;

}

.secondary-header .second-side select{

    background: #525456;

    color: white;

    border: none;



    font-size: 12px;

}

.secondary-header .second-side select:focus{

    border: none;

    outline: none;

}

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

.navbar .navbar-collapse{

    flex-grow: 0;

}

.navbar .navbar-collapse ul li a{

    font-size: 13px;

    color: #7E8082;

    font-weight: 600;

}

.navbar .navbar-collapse ul li a.nav-link.active{

    color: #63AEA1;

    position: relative;

}

.navbar .navbar-collapse ul li a.nav-link{

    padding-left: 0;

    margin-right: 24px;

}

.navbar .navbar-collapse ul li a.nav-link.active::after{

    content: '';

    position: absolute;

    bottom: 4px;

    left: 0;

    width: 75%;

    height: 2px;

    background: #63AEA1;

}

.navbar .navbar-collapse ul li.nav-item button{

    background: none;

    border: none;

    margin: 8px;

}

header{

    background: url('../media/camylle/spa-wellness-masthead.jpg');

    background-repeat: no-repeat;

    background-position: 0px -170px;

    background-size: cover;



    min-height: 40vh;



    display: flex;

    justify-content: center;



    filter: drop-shadow();

}

header .header-container{

    min-height: 350px;



    margin-right: auto;

    margin-left: auto;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column;

}

header .header-container img{

    min-width: 90px;

}

header .header-container span{

    font-size: 48px;

    color: #595959;

    font-weight: 700;



    position: relative;

    text-align: center;

}



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

    header .header-container span::after{

        display: none;

    }

}

main{

    margin-top: 24px;

}



main .header-text h3{

    color: #65AFA2;

    text-align: center;

    font-weight: 600;

}

main .header-text > p {

    text-align: center;

    line-height: 12px;

    font-size: 15px;

    font-weight: 600;

    line-height: 100%;

    margin-top: 26px;

    margin-bottom: 38px;

}

.instituts-container{

    margin-top: 80px;

}

.instituts-container .card-img-overlay {

    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;

    padding: 0;

    

}

.instituts-container .card-img-overlay img{

    min-width: 100px;

}

.instituts-container .card-img-overlay .text-container{

    position: absolute;

    width: 100%;

    height: 100%;



    display: flex;

    align-items: end;

    justify-content: flex-end;

    

}

.instituts-container .card-img-overlay .text-container .card-text{

    background: linear-gradient(to left, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));

    color: white;

    padding: 4px;

    font-size: 18px;

    font-weight: 700;

}



.footer {

    background-color: #666666;

    color: white;

    margin-top: 80px;

    padding-top: 40px;

}

.footer .col {

    margin-bottom: 20px;

}

.footer h5 {

    border-bottom: 2px solid #9fd6d2;

    display: inline-block;

    padding-bottom: 10px;

    margin-bottom: 20px;

}

.footer a {

    color: white;

    display: block;

    margin-bottom: 10px;

    text-decoration: none;

}

.footer a:hover {

    text-decoration: underline;

}

.newsletter-container{

    display: flex;

}

.newsletter-input{

    border-radius: 0;

}

.newsletter-btn {

    background-color: #41b6b3;

    border: none;

    color: white;

    border-radius: 0;



    display: flex;

    align-items: center;

}

.social-icons {

    display: flex;

    align-items: center;

}

.social-icons a {

    margin-right: 10px;

}

.social-icons img{

    max-width: 24px;

    margin-left: 12px;

}

.professional-btn {

    background-color: #41b6b3;

    color: white;

    border: none;

    padding: 10px 20px;

    display: block;

    margin-top: 10px;

    text-align: center;

}

.footer-bottom {

    background-color: #555555;

    padding: 20px 0;

    text-align: center;

}

.services-slider{

    /* height: 400px; */

}

.services-slider .carousel-inner .carousel-item{

    height: 500px;

    overflow: visible;

}

.services-slider .carousel-inner .carousel-item img{

    object-fit: cover;

    height: 100%;

    overflow: visible;

}



.popover-desc{

    position: absolute;

    display: none;

    z-index: 2;

    background: var(--bg-color);

    left: 0;

    margin-top: 12px;

    padding: 0;

}

.popover-desc::before{

    content: "";

    position: absolute;

    bottom: 100%; 

    left: 50%;

    margin-left: -10px;

    border-width: 10px;

    border-style: solid;

    border-color: transparent transparent var(--bg-color) transparent;

}

.nav-tabs{

    border-color: #525456;

}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link{

    color: #525456;

}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{

    background: none;

    text-decoration: underline;

    border: 1px solid #525456;

    border-bottom: 1px solid transparent;

    z-index: 2;

    position: relative;

    border-radius: 0;

    font-weight: 700;

    font-size: 18px;

}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover{

    border-radius: 0;

}

.popover-desc .tab-content{

    color: #525456;

}

.popover-desc .tab-content p{

    font-size: 12px;

}

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

    

    .direction-mobile{

        flex-direction: column;

    }

}



.services2 .header-title,

.services2 .header-subtitle{

    color: #595959;

    text-align: center;

    font-weight: 700;

}

.services2 .header-text{

    color: #595959;

    text-align: center;

}

.services2 .card{

    width: 100%;

    border: none;

    text-align: center;

    background: none;

}

.services2 .card .card-container{

    display: flex;

    background: var(--bg-color);

    padding: 16px;

    gap: 12px;

}



.services2 .card .card-container .card-image img{

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.services2 .card .card-container .card-details{

    background: white;

    flex: 1;

    display: flex;

    align-items: center;

    justify-content: center;

}

.services2 .card .card-container .card-details .card-content{

    color: #595959;

}

.services2 .card .card-container .card-details .card-content h2{

    font-size: 24px;

    font-weight: 500;

}

.services2 .card .card-container .card-details .card-content h3{

    font-size: 26px;

    font-weight: 400;

}

.services2 .card .card-container .card-details .card-content img{

    width: 180px;

}

.services2 .card .card-container .card-details .card-content p{

    font-size: 16px;

    font-weight: 500;

}

.services2 .card .card-container .card-details .card-content h6{

    font-size: 1.4rem;

}

.services2 .card .card-title{

    background: none;

    font-size: 26px;

    font-weight: bold;

    color: #595959;

    text-transform: uppercase;

}

.position-relative{

    position: relative;

}

.logo-slider{

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    width: 150px;

}

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

    

    

}