@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;700;800&display=swap');




/* icon */
[class*=" bi-list"]::before{
    font-weight: 700 !important;
}
[class*=" bi-arrow-right"]::before{
    font-weight: 700 !important;
}

/* Event Modal */
.e-modal .filter-type-c img{
    object-fit: cover;
    object-position: center;
}
.e-modal .filter-type-c::before{
    border-radius: 10px;
}
.e-modal .filter-type-c::after{
    border-radius: 10px;
}

/* Periodic deals */
.top-navbar {
    top: 100px;
}

@media screen and (max-width: 1199px) {
    .top-navbar {
        top: 60px;
    }
}

/* section-1 */
.section-1 {
    background: #1a2332;
    position: relative;
    min-height: 85vh;
    display: flex;
    align-items: center;
    overflow: hidden;
}
@media (max-width: 767px) {
    .section-1 {
        min-height: 70vh;
    }
}
.section-1::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.35);
    z-index: 15;
}
.section-1 .section-1-media {
    z-index: 10;
}
.section-1 .section-1-poster,
.section-1 .backvideo{
    object-fit: cover;
    pointer-events: none;
}
.section-1 .section-1-poster {
    opacity: 1;
    transition: opacity 0.45s ease;
}
.section-1.video-ready .section-1-poster {
    opacity: 0;
}
.section-1 .backvideo{
    opacity: 0;
    transition: opacity 0.8s ease;
}
.section-1.video-ready .backvideo {
    opacity: 1;
}
/* .section-1 .bg-video{
    transition-property: opacity;
    transition-duration: 5s;
    transition-delay: 2s;
}
     */
/* @keyframes mymove {
    from{
        opacity: 1;
    }
    to{
        opacity: 0;
    }
  } */

.section-1 iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0px;
    bottom: 0px;
    z-index: 1;
}
.dvore-widget-video-background-wrapper {
    position: relative;
    padding-bottom: 56.5%;
}
.section-content{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;

}
/* credit */
.credit .border-end-3{
    border-right-width: 0px !important;
}

/* connection modal */
.conn-modal .place-blue::placeholder{
    color: #033059 !important;
    font-weight: 400 !important;
    opacity: 1 !important;
}
.conn-modal .place-blue:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #033059 !important;
   }
.conn-modal .place-blue::-ms-input-placeholder { /* Microsoft Edge */
    color: #033059 !important;
   }
.filter-custom {
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.filter-custom::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(263.26deg, rgba(4, 173, 192, 0.64) -36.12%, rgba(4, 173, 192, 0) 99.82%), linear-gradient(0deg, rgba(3, 48, 89, 0.3), rgba(3, 48, 89, 0.3)), linear-gradient(0deg, rgba(3, 48, 89, 0.6), rgba(3, 48, 89, 0.6));
    background-blend-mode: normal, normal, color, normal;
}
.modal .vscomp-toggle-button {
    border: 1px solid #C1C1C1 !important;
}
.modal .vscomp-arrow::after {
    border: 2px solid rgba(0,0,0,0) !important;
    border-bottom-color: #033059 !important;
    border-right-color: #033059 !important;
    border-radius: 2px;
}
.modal .vscomp-wrapper{
    font-weight: 400;
}

/* section-2 */

/* section-3 */
.yellow-box {
    background-size: contain;
    background-color: #F1BB13;
}

/* section-3 */
.section-3 .home-video{
    background-image: url('../image/img2.png');
    background-position: start;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: #F1BB13;
}

/* section-4 */
.section-4{
    background-color: #F8F8F8;
    z-index: 30;
    background-image: url('../image/img6.png'), url('../image/icon2.png');
    background-repeat: no-repeat;
    background-position: 25% 52%, 15% 100%;
}


.section-4 .widget img{
    overflow: hidden;
}
.section-4 .filter-type-a::before {
    content: '';
    position: absolute;
    z-index: 1;
    height: 100%;
    width: 100%;
    inset: 0;
    background: linear-gradient(263.26deg, rgba(4, 173, 192, 0.64) -36.12%, rgba(4, 173, 192, 0) 99.82%), linear-gradient(0deg, rgba(3, 48, 89, 0.3), rgba(3, 48, 89, 0.3));
    background-blend-mode: normal, normal, color;
}

.section-4 .filter-type-a::after {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    inset: 0;
    background: linear-gradient(0deg, rgba(3, 48, 89, 0), rgba(3, 48, 89, 0.6));
    background-blend-mode: normal;
}
.section-4 .card-img-top{
    height: 100%;
}
.section-4 .card-img-top img{
    height: 100%;
    object-fit: cover;
    object-position: center;
}





/* section-5 */
.section-5 .details{
    z-index: 3;
}
.section-5 .details .dot-circle{
    position: relative;
}
.section-5 .dot-circle:after {
    position: absolute;
    content: "";
    left: 0;
    top: -70px;
    width: 400px;
    max-width: 100%;
    height: 400px;
    border-radius: 50%;
    right: 50px;
    z-index: 1;
    overflow: hidden;
}
.section-5 .details .dot-circle::after{
    background-image: url('../image/circle.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.section-5 .details .circle{
    position: relative;
    z-index: 2;
}

/* section-6 */
.section-6 .events-back{
    background-image: url('../image/img6.png') ;
    background-repeat: no-repeat;
    background-position: 0% 25%;
    background-size: auto;
}
.section-6 .event{
    background-image: url('../image/calendar.png');
    background-repeat: no-repeat;
    background-position: top left;
    background-size: auto;
}

/* footer */
.footer{
    background-color: #033059;
    color: #FFFFFF;
    background-image: url('../image/img7.png');
    background-repeat: no-repeat;
    background-size: auto;
    background-position: bottom right;
}
.footer i{
    font-size: 24px;
}
.footer ul{
    list-style: none;
    padding-left: 0rem;
}
.footer  a{
    cursor: pointer;
    color: #FFFFFF;
}
.footer  a:hover{
    color: #358cff;
    filter: invert(53%) sepia(73%) saturate(4417%) hue-rotate(200deg) brightness(104%) contrast(101%);
}
/* sub-footer */

.sub-footer{
    background-color: #001C36;
}

/* salle-content */
.salle-content{
    background:  linear-gradient(283.45deg, #033059 0%, #0455C0 142.37%);
}
.salle-content .dropdown-menu{
    transform: translate3d(5px, 61px, 0px) !important;
    background-color: rgba(2, 21, 38, 0.6);
    border: none;
    color: #fff;
    min-width: 300px !important;
    height: 653px;
    overflow-y: auto;
    padding: 2rem 1.5rem;
    border-radius: 0px;
}
.salle-content .dropdown-menu div{
    color: #FFFFFF;
    font-size: 15px;
    font-weight: 600;
    padding-right: 15px;
    padding-left: 15px;
}
.salle-content .dropdown-menu div:hover{
    background-color: #358CFF;
    border-radius: 80px;
}
.salle-content .dropdown-toggle::after{
    display: none;
}





/* salle-tab */
.salle-tab .tab a:hover{
    color: #358CFF;
    border-bottom: 5px solid #358CFF;
}
.salle-tab .tab a:focus{
    color: #358CFF;
    border-bottom: 5px solid #358CFF;
}
.salle-tab .decore{
    color: #303030;
}

.salle-tab .decore a{
    text-decoration: underline;
    color: #303030;
}
.salle-tab .tab .active{
    color: #358CFF;
    border-bottom: 5px solid #358CFF;
}
.salle-tab hr{
    background-color: #C6C6C6;
    margin: 0 0 !important;
}
.sealle-box{
    border: 1px solid #C6C6C6;
    border-radius: 8px;
}
.salle-card{
    background-color: #F8F8F8;
}
.salle-card .card{
    height: 100%;
    position: relative;
}
.salle-card .card-body{
    display: flex;
    flex-direction: column;
}
.salle-card .arrow a{
    color: #242424;
    font-size: 24px;
}
.bg-sky{
    background: linear-gradient(0deg, rgba(181, 214, 243, 0.4), rgba(181, 214, 243, 0.4)), #FFFFFF;
    color: #033059;
}
.badge{
    min-width: auto;
}


/* Video */
.bg-pattern::after{
    position: absolute;
    content: "";
    background-image: url('../image/point2.png');
    width: 697px;
    height: 697px;
    border-radius: 50%;
    right: 300px;
    top: -13%;
    z-index: 1;
}

/* Landing-page-formatations */

.formation-pattern::after {
    position: absolute;
    content: "";
    background-image: url(../image/point2.png);
    width: 485px;
    height: 485px;
    border-radius: 50%;
    right: -10%;
    top: 20%;
    z-index: 1;
}
.formation1-pattern::after {
    position: absolute;
    content: "";
    background-image: url(../image/point2.png);
    width: 485px;
    height: 485px;
    border-radius: 50%;
    right: 0%;
    top: -25%;
    z-index: 1;
}
.strategy{
    position: absolute;
    right: 10%;
    bottom: -15%;
}
.pro [class*=" bi-"]::before{
    color: #0455C0;
}
.landing-page .format-img-wrapper::before {
    content: "";
    background: linear-gradient(135deg, rgba(4, 173, 192, 0.64) 25.99%, rgba(4, 173, 192, 0) 99.78%);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 15;
  }
  .landing-page .format-img-wrapper::after {
    content: "";
    background: rgba(3, 48, 89, 0.6);
    background-blend-mode: color;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 13;
  }
  .landing-page .format-img-wrapper .format-img {
    width: 100%;
    height: auto;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
  }


  .videowrapper{
    position: relative;
    padding-bottom: 56.25%;
    height: 0px;
  }
  .videowrapper iframe{
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    height: 100%;
    width: 100%;
  }
  .videowrapper .player .vp-player-ui-container::before {
    content: "";
    background: linear-gradient(135deg, rgba(4, 173, 192, 0.64) 25.99%, rgba(4, 173, 192, 0) 99.78%) !important;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 15;
  }


 /* Salle-d'écoute-vierge  */
.forfaits .nav-tabs{
    background: rgba(3, 48, 89, 0.1);
    border-bottom: none;
    width: fit-content;
    border-radius: 48px;
}
.forfaits .nav-tabs .nav-link{
    border-bottom: none;
    color: rgba(3, 48, 89, 0.5);
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 24px;
    padding-right: 24px;
    transition: none;
}
.forfaits .nav-tabs .nav-link.active{
    background: #358CFF;
    box-shadow: 0px 3px 8px rgba(101, 119, 134, 0.4);
    border-radius: 48px;
    color: #FFFFFF;
    width: 100%;
}
.forfaits sup {
    vertical-align: super;
    font-size: smaller;
}
.forfaits .fa-solid{
    color: #0455C0;
}

.tooltip-arrow{
    transform: translate3d(254.5px, 0px, 0px) !important;
}
.tooltip-inner {
    max-width: 300px;
    background-color:#033059;
    border-radius: 0px;
}
.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::before{
    border-bottom-color: #033059;
}
.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before{
    border-top-color: #033059;
}
.training-modules .accordion-button:focus{
    border-color: unset;
    box-shadow: none;
}
.training-modules .accordion-button::after{
    background-image: url('../image/social/i.png');
    background-size: contain;
}
.training-modules .accordion-button:not(.collapsed)::after{
    background-image: url('../image/social/i3.png');
    margin-top: 10px;
    transform: rotate(0deg);
}
.training-modules .accordion-button:not(.collapsed) {
    color: #FFFFFF;
    background: linear-gradient(283.45deg, #033059 0%, #0455C0 142.37%);
    box-shadow: unset;
}
.training-modules [class*=" bi-"]::before {
    vertical-align: top;
}
.mt-100{
    margin-top: 200px;
  }

  .box-arrow {
    position: absolute;
    display: block;
    width: 0.8rem;
    height: 0.4rem;
    left: 32px;
    bottom: -11px;
    border: unset!important;
  }
  .box-arrow::before {
    bottom: 0;
    border-width: 0.7rem 0.7rem 0;
    border-top-color: rgba(4, 85, 192, 0.15);
    background: transparent;
    position: absolute;
    content: "";
    border-style: solid;
}

/* Mentors */
.mentor .form-select{
    background-image: url('../image/social/i2.png');
    background-size: auto;
}
.mentor .card:hover{
    box-shadow: 4px 12px 16px rgba(0, 0, 0, 0.2);
}

/* Mentors-details */
.mentor-img{
    filter: drop-shadow(4px 4px 16px rgba(0, 0, 0, 0.15));
}

/* Événements */
.events{
    border-top: 1px solid #DCDCDC;
    border-bottom: 1px solid #DCDCDC;
}
.evenements-card .filter-type-c::before{
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
}
.evenements-card .filter-type-c::after{
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
}


/* List_Formations */

.list-format {
    position: relative;
  }
  .list-format .card {
    width: 58.33333333%;
  }
  .list-format .card .card-body .format-description {
    margin-right: auto;
  }
  .list-format .format-img-wrapper {
    position: absolute;
    right: 0;
    top: 10%;
    bottom: 10%;
    width: 50%;
    height: 80%;
    z-index: 1;
  }
  .list-format .format-img-wrapper::before {
    content: "";
    background: linear-gradient(263.26deg, rgba(4, 173, 192, 0.64) -36.12%, rgba(4, 173, 192, 0) 99.82%), linear-gradient(0deg, rgba(3, 48, 89, 0.3), rgba(3, 48, 89, 0.3));
    background-blend-mode: normal, normal, color, normal;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
  }
  .list-format .format-img-wrapper::after {
    content: "";
    background: linear-gradient(0deg, rgba(3, 48, 89, 0.6), rgba(3, 48, 89, 0.6));
    mix-blend-mode: color  ;
    background-blend-mode: color;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  .list-format .format-img-wrapper .format-img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
  }
  .list-format:nth-child(even) .card {
    margin-left: auto;
  }
  .list-format:nth-child(even) .card .card-body .format-description {
    margin-right: 0;
    margin-left: auto;
  }
  .list-format:nth-child(even) .format-img-wrapper {
    left: 0;
    right: auto;
  }



.new-list-format .list-format .format-img-wrapper{
     top: 0% !important;
     height: 100% !important;
}

/* Events */
.monthly-calendar{
    margin-left: auto;
    max-width: 384px;
}
.monthly-calendar [class*=" bi-"]::before{
    font-weight: 800 !important;
}
.monthly-calendar .table th{
    padding: 0rem;
    border-bottom: none;
    text-align: center;
}
.monthly-calendar .table td{
    padding: 0rem;
    color: #033059;
    text-align: center;
}
.monthly-calendar .day-number {
    margin-bottom: 0 !important;
    padding: 10px !important;
    width: 35px;
    height: 35px;
    margin: 0 auto;
    font-size: 14px;
    line-height: 1.2rem;
    text-align: center;
}
.monthly-calendar .td-blue {
    background: #358CFF;
    display: block;
    border-radius: 50px;
    color: #FFFFFF;
    width: 18px;
    box-shadow: 0 0 1px 9px #358cff;
    height: 18px;
    text-align: center;
}
.monthly-calendar .td-light {
    background: rgba(4, 85, 192, 0.1);
    display: block;
    border-radius: 50px;
    width: 18px;
    box-shadow: 0 0 1px 9px rgba(4, 85, 192, 0.1);
    height: 18px;
    text-align: center;
}

/* Event_details */
.event_box{
    position: absolute;
    top: -0.75rem;
    right: -1.25rem;
    border-radius: 8px;
}

/* récompenses */
.award-circle::after{
    position: absolute;
    content: '';
    background-image: url('../image/point.png');
    width: 485px;
    height: 485px;
    border-radius: 50%;
    right: -99px;
    top: 10%;
    z-index: 1;
}
.cal-img{
    max-width: calc(100vw / 2.5);
}

/* Consultation */
.consult {
    position: relative;
    background: linear-gradient(90deg, rgba(53, 140, 255, 0.64) 0%, rgba(53, 140, 255, 0) 100%), url('../image/main.png');
    background-color: rgba(2, 21, 38, 0.5);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.calculater hr{
    background-color: #DCDCDC;
}
.consultbox .row {
    margin-right: -1.0715rem;
    margin-left: -1.0715rem;
}

/* Private consult */
.profile .card:hover{
    box-shadow: 4px 12px 16px rgba(0, 0, 0, 0.2);
}

.profile-modal .modal-dialog {
    margin: 0rem !important;
    box-shadow: -8px 0px 16px rgba(0, 0, 0, 0.25);
}
.profile-modal .modal-content{
    border-radius: 0rem;
    background-color: #033059;
}
.profile .form-select{
    background-image: url('../image/social/i2.png');
    background-size: auto;
}
.calculater .slidecontainer {
    width: 100%;
}
.modal.show .modal-dialog {
    transform: none !important;
}

.profile-modal.modal.fade .modal-dialog {
    transition: transform 0.3s ease-out;
    transform: translateX(50px);
}

.calculater .slider {
    -webkit-appearance: none;
    width: 100%;
    height: 15px;
    border-radius: 5px;
    background: #d3d3d3;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
  }

.calculater .slider:hover {
    opacity: 1;
  }

.calculater .slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #04AA6D;
    cursor: pointer;
  }

.calculater .slider::-moz-range-thumb {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #04AA6D;
    cursor: pointer;
  }

/* format-img2 */
.list-format .format-img-wrapper2 {
    position: absolute;
    right: 0;
    top: 0%;
    bottom: 10%;
    width: 45%;
    height: 90%;
    z-index: 1;
  }
.list-format .format-img-wrapper2::before{
    content: "";
    background: linear-gradient(263.26deg, rgba(4, 173, 192, 0.64) -36.12%, rgba(4, 173, 192, 0) 99.82%), linear-gradient(0deg, rgba(3, 48, 89, 0.3), rgba(3, 48, 89, 0.3)), linear-gradient(0deg, rgba(3, 48, 89, 0.6), rgba(3, 48, 89, 0.6));
    background-blend-mode: color;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.list-format .format-img-wrapper2 .format-img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
  }

/* create account */
.new.account .list-format .format-img-wrapper{
    top: -5%;
    width: 60%;
    height: 85%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.account .vscomp-toggle-button {
    border: 1px solid #C1C1C1 !important;
}
.account .vscomp-arrow::after {
    border: 2px solid rgba(0,0,0,0) !important;
    border-bottom-color: #033059 !important;
    border-right-color: #033059 !important;
    border-radius: 2px;
}
.account .vscomp-wrapper{
    color:#9d9b96 !important;
}



/* Login */
.login .new .list-format .format-img-wrapper{
    width: 60%;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.login .new .list-format:nth-child(even) .card {
    margin-right: auto;
    margin-left: 0;
}
.login .new .list-format:nth-child(even) .card .card-body .format-description {
    margin-right: auto;
    margin-left: 0;
}
.login .new .list-format:nth-child(even) .format-img-wrapper {
    left: auto;
    right: 0;
}
.login [class*=" bi-"]::before{
    font-weight: 600 !important;
    vertical-align: top;
    line-height: 1.5;
    color: #8C8C8C;
}

/* Toutes les formations  */
.tout .card-body button{
    width: fit-content;
}
.pagin .page-link{
    background-color: #FFF;
    border: none;
    box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.15);
    padding: 20px;
    font-weight: 800;
    color:#033059;
    font-size: 16px;
}
.pagin .page-link.active{
    background-color: #033059;
    color: #FFFFFF;
}
.pagin .page-item:first-child .page-link {
    padding: 20px;
}
.pagin .page-item:last-child .page-link {
    padding: 20px;
}
.pagin .pagination.flex-wrap .page-link{
    margin-bottom: 1rem;
}
.select-1 option{
    margin-top: 10px;
    border: 1px solid #D8D8D8;
}
.pagin .card-img-top img{
    height: 100%;
    object-position: center;
    object-fit: cover;
}

/* Formations Continues accréditées (UFC) - OACIQ */
.formation .list-format .format-img-wrapper {
    position: absolute;
    right: 0;
    top: 0%;
    bottom: 0%;
    width: 50%;
    height: 100%;
    z-index: 1;
  }
.formation .list-format .format-img-wrapper::before{
    background: linear-gradient(263.26deg, rgba(4, 173, 192, 0.64) -36.12%, rgba(4, 173, 192, 0) 99.82%), linear-gradient(0deg, rgba(3, 48, 89, 0.3), rgba(3, 48, 89, 0.3));
    background-blend-mode: color;
}
.formation .list-format .format-img-wrapper::after{
    background: linear-gradient(0deg, rgba(3, 48, 89, 0), rgba(3, 48, 89, 0.6));
    background-blend-mode: color;
}

/* Multi-Select */
.vscomp-ele{
    max-width: none !important;
}
.vscomp-wrapper {
    color: #033059 !important;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 16px !important;
}
.vscomp-toggle-button {
    border-bottom: 1px solid #D8D8D8 !important;
    padding: 13px 30px 13px 0px !important;
    border:none;


}
.vscomp-wrapper.focused .vscomp-toggle-button, .vscomp-wrapper:focus .vscomp-toggle-button {
    box-shadow: none !important;
}
.vscomp-wrapper:not(.has-value) .vscomp-value {
    opacity: 1 !important;
}
.vscomp-arrow{
    width: 40px !important;
}
.vscomp-arrow::after {
    border: 2px solid rgba(0,0,0,0) !important;
    border-bottom-color: #358CFF !important;
    border-right-color: #358CFF !important;
    border-radius: 2px;
}
.pop-comp-active .vscomp-arrow::after {
    transform: rotate(226deg);
    margin-top: 3px;
}

.pop-comp-wrapper{
    z-index: 99 !important;
    top: 10% !important;
    color: #033059 !important;
    border: 1px solid #D8D8D8;
    border-radius: 4px;
    box-shadow: none !important;
    bottom: 0;
}
.vscomp-search-container {
    border-bottom: none !important;
}
.vscomp-wrapper .checkbox-icon::after {
    border: 2px solid #D8D8D8;
    border-radius: 4px;
}
.vscomp-option{
    align-items: start !important;
    height: auto !important;
    margin: 10px 0px !important;
    align-items: center !important;
}
.vscomp-option-text{
    white-space:normal !important;
}
/* .vscomp-wrapper .checkbox-icon{
    margin-top: 0.8rem !important;
} */
.vscomp-option.selected {
    background-color: unset !important;
}
.vscomp-option.focused {
    background-color: unset !important;
}
.vscomp-wrapper.multiple .vscomp-option.selected .checkbox-icon::after {
    border-bottom-color: #358CFF !important;
    border-right-color: #358CFF !important;
    border-radius: 0px;
}
.vscomp-wrapper .checkbox-icon.checked::after{
    border-bottom-color: #358CFF !important;
    border-right-color: #358CFF !important;
    border-radius: 0px;
}

/* Formateurs */
.formateurs .list-format .format-img-wrapper {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 40%;
    height: 100%;
    z-index: 1;
  }
.formateurs .list-format .card {
    width: 62.33333333%;
}
.formateurs .list-format:nth-child(odd) .card {
    margin-right: 0;
    margin-left: auto;
}
.formateurs .list-format:nth-child(odd) .card .card-body .format-description {
    margin-left: auto;
    margin-right: 0 !important;
}
.formateurs .list-format:nth-child(odd) .format-img-wrapper {
    right: auto;
    left: 0;
}


/* New card list-format*/

.new .list-format {
    position: relative;
  }
  .new .list-format .card {
    width: 58.33333333%;
  }
  .new .list-format .card .card-body .format-description {
    margin-right: auto;
  }
  .new .list-format .format-img-wrapper {
    position: absolute;
    right: 0;
    top: 10%;
    bottom: 10%;
    width: 50%;
    height: 80%;
    z-index: 1;
  }
  .new .list-format .format-img-wrapper::before {
    content: "";
    background: linear-gradient(263.26deg, rgba(4, 173, 192, 0.64) -36.12%, rgba(4, 173, 192, 0) 99.82%), linear-gradient(0deg, rgba(3, 48, 89, 0.3), rgba(3, 48, 89, 0.3));
    background-blend-mode: normal, normal, color;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
  }
  .new .list-format .format-img-wrapper::after {
    content: "";
    background: linear-gradient(0deg, rgba(3, 48, 89, 0.6), rgba(3, 48, 89, 0.6));
    background-blend-mode: normal;
    mix-blend-mode: color;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  .new .list-format .format-img-wrapper .format-img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
  }
  .new .list-format:nth-child(even) .card {
    margin-left: auto;
  }
  .new  .list-format:nth-child(even) .card .card-body .format-description {
    margin-right: 0;
    margin-left: auto;
  }
  .new .list-format:nth-child(even) .format-img-wrapper {
    left: 0;
    right: auto;
  }

  /* Cart */
.cart .table> :not(:first-child) {
    border-top: 1px solid #DCDCDC;
}
.cart .place-blue::placeholder{
    color: #033059 !important;
    font-weight: 400 !important;
    opacity: 1 !important;
    border-radius: 0.25rem;
}
.cart .input{
    border-radius: 0.25rem;
}
.cart .input::placeholder{
    color: #C4C4C4 !important;
}

/* MyAccount */
.info .vscomp-toggle-button{
    border: 1 px solid #C1C1C1 !important;
}
.info .vscomp-value{
    color: #C4C4C4 !important;
}
.info .vscomp-arrow::after {
    border: 2px solid rgba(0,0,0,0) !important;
    border-bottom-color: #033059 !important;
    border-right-color: #033059 !important;
    border-radius: 2px;
}

/* Profile image */
.profile-pic {
    display: flex;
    color: transparent;
    transition: all .3s ease;
    position: relative;
    transition: all .3s ease;
}
.profile-pic  input {
    display: none;
  }
  .profile-pic  .-label {
    cursor: pointer;
    display: flex;
    z-index: 10;
    height: max-content;
  }
  .profile-pic:hover .-label{
      display: flex;
      justify-content: center;
      align-items: center;
      z-index: 10;
      margin-bottom: 0;
    }
.profile-pic img {
    object-fit: cover;
    width: 110px;
    height: 110px;
    border-radius: 100px;
    z-index: 0;
  }

  /* Hide scrollbar for Chrome, Safari and Opera */
.day-box::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.day-box {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}
.day-box .round .filter-type-c::after{
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
}
.day-box .round .filter-type-c::before{
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
}

/* Quiz Details */
.quiz .form-check-label{
    color: rgba(3, 48, 89, 0.5);
}
.quiz .form-check-input:checked[type="radio"] + .form-check-label{
    color: #033059;
    font-weight: 600;
}
.quiz .form-check-input:checked{
    background-color: #FFF;
    border-color: #033059;
    background-image: url('../image/circle/blue-dot.svg');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 1;
}
.quiz .square.form-check-input[type="radio"] {
    border-radius: 20%;
}
.quiz .square1.form-check-input[type="radio"] {
    border-radius: 0%;
}
.quiz .square1:checked{
    background-color: #FFFFFF;
    padding: 2px 3px;
    border-color: #033059;
}
.quiz .square1.right.form-check-input:checked[type="radio"] {
    background-image: url(../image/dashboard/right.png);
}

/* check-round */
.blue{
    background-color: #03233F;
    padding: 20px 28px;
    overflow: auto;
}
.check-round{
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: #063158;
    display: flex;
    align-items: center;
    justify-content: center;
    /* position: relative; */
}
.blue .scroll{
    height: 177px;
    width: auto;
    overflow-x: hidden;
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.line:first-child .check-round::after {
    border: none;
}
.line:last-child .check-round::before {
    border: none;
}
/* .check-round::after{
    position: absolute;
    border-left: 2px solid #283856;
    bottom: 100%;
    height: 128%;
    content: "";
} */
.check-round::before{
    position: absolute;
    background-color: #283856;
    top: 32px;
    height: calc(100% - 64px);
    content: "";
    width: 2px;
    z-index: -1;
}
/* .check-round::after{
    position: absolute;
    border-left: 2px solid #283856;
    top: 0%;
    height: 100%;
} */
.scroll::-webkit-scrollbar {
    width: 6px;
}

.scroll::-webkit-scrollbar-track {
    background-color: #32597D;
}

.scroll::-webkit-scrollbar-thumb {
    background-color: #7EB3E3;
}
.scroll-gray::-webkit-scrollbar {
    background: #063158;
    width: 5px;
    height: 5px;
    border-radius: 10px;
}
.scroll-gray::-webkit-scrollbar-thumb {
    background: #F1BB13;
    border-radius: 10px;
}
.scroll-gray {
    scrollbar-width: thin;
    scrollbar-color: #063158 #F1BB13;
}
.accredited-btn a.text-blue{
    background-color: white;
}
.accredited-btn {
    background-color: #F6F6F6;
    border-radius: 25px;
}
/* New-Event */
.new-event{
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}
.new-event.default-bg {
    background-image: url(../image/event/bg-img.png);
}

.new-event::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(261.63deg, rgba(53, 140, 255, 0) 0%, rgba(53, 140, 255, 0.64) 100%), linear-gradient(0deg, rgba(2, 21, 38, 0.64), rgba(2, 21, 38, 0.64)), linear-gradient(0deg, rgba(2, 21, 38, 0.5), rgba(2, 21, 38, 0.5));
    background-blend-mode: normal, normal, color, normal;
}
.bio-canvas.show{
    opacity: 1;
}
.offcanvas.show{
    visibility: visible;
    transition: transform 0.3s ease-in-out;
}
.fix{
    max-width: 150px;
    height: auto;
}
.w-max-100 {
    max-width: 100px;
    height: auto;
}
.sponser-img{
    background-image: url('../image/event/image1.png');
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center right;
}

/* Payment */
.new.payment .list-format .format-img-wrapper{
    top: 0%;
    width: 25%;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.new.payment .list-format .card {
    width: 80.3333%;
  }
.new.payment .list-format:nth-child(even) .card {
    margin-right: auto;
    margin-left: 0;
}
.new.payment .list-format:nth-child(even) .card .card-body .format-description {
    margin-right: auto;
    margin-left: 0;
}
.new.payment .list-format:nth-child(even) .format-img-wrapper {
    left: auto;
    right: 0;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
    margin-right: 0px !important;
}

/* Media Query */

/* ajax loader */
.lds-dual-ring.hidden {
    display: none;
}
.lds-dual-ring {
    display: inline-block;
    width: 80px;
    height: 80px;
}
.lds-dual-ring:after {
    content: " ";
    display: block;
    width: 64px;
    height: 64px;
    margin: 20% auto;
    border-radius: 50%;
    border: 6px solid #fff;
    border-color: #fff transparent #fff transparent;
    animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}


.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0,0,0,.8);
    z-index: 9999;
    opacity: 1;
    transition: all 0.5s;
}

.account-reference-form #parsley-id-43 {
    display: block ruby;
}

.broker-nav .nav {}

/* form-select-2 */
.select2 .select2-selection{
    padding: 0.5rem;
    border-color: #C1C1C1 !important;
}
.select2{
    width: 100% !important;
}
/* .file input{
    width: 100%;
    padding-right: 130px;
}
.file{
    position: relative;
} */
.file input[type="file"]::file-selector-button{
    /* position: absolute;
    right: 0; */
    display: none;
}

/* Check-blue */
.check-blue .form-check-input:checked{
    background-color: #0455C0;
}

.blue:not(.active) .video-text{
    display: none;
    transition: all 2s ease-in-out;
}
.blue.active .video-text{
    margin-left: 1rem;
    display: block;
    transition: all 2s ease-in-out;
}
.video-section{
    width: calc(100% - 88px);
}

.cross .vscomp-clear-icon{
    display: none;
}
.cross .vscomp-arrow::after{
    width: 10px;
    height: 10px;
}

.fc .fc-toolbar-title{
    text-transform: uppercase;
}

.fc .fc-toolbar{
    justify-content: start !important;
}

.broker-nav .nav .nav-link {
    color: #033059;
    font-size: 25px;
    border-bottom-width: 3px;
}
.broker-nav .nav .nav-link.active{
    border-color: #F1BB13;
    font-weight: bold;
}
.broker-tab {}
/* loader */
#payment_loading{
    position: fixed;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 99999;
    inset: 0;
    display: none;
    align-items: center;
    justify-content: center;
}

#payment_loading.show,
#payment_loading[style*="display:block"],
#payment_loading[style*="display: block"] {
    display: flex !important;
}

#payment_loading .loader {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #deb023;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
}

.tooltiptext {
    display: none;
    position: absolute;
    background: #ffffff;
    border-radius: 5px;
    padding: 5px;
    bottom: 30px;
    right: -10px;
    text-align: center;
    box-shadow: 0px 0px 14px rgb(0 0 0 / 20%);
    font-size: 12px;
}

#invitationLink {
    display: none;
}

.switch-toggle {
    position: relative;
    display: inline-block;
    width: 34px;
    height: 16px;
}

.switch-toggle input {
    opacity: 0;
    width: 0;
    height: 0;
}

.toggle-round:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: #033059;
    -webkit-transition: .4s;
    transition: .4s;
}

.toggle-round {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.toggle-round:before {
    position: absolute;
    content: "";
    height: 13px;
    width: 13px;
    left: 2px;
    bottom: 4px;
    background-color: #033059;
    -webkit-transition: .4s;
    transition: .4s;
    top: 1.5px;
}

input:checked + .toggle-round {
    background-color: #7FBE3F;
}

input:focus + .toggle-round {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .toggle-round:before {
    transform: translateX(17px);
}

/* Rounded sliders */
.toggle-round.circle {
    border-radius: 34px;
}

.toggle-round.circle:before {
    border-radius: 50%;
}

#calendar .fc-event-container {
    display: none !important;
}

@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
@media (min-width: 480px){
    .salle-content .dropdown-menu{
        min-width: 440px !important;
    }
}
@media (min-width: 576px){
    .profile-modal .modal-dialog {
        max-width: 464px;
        margin: 0rem !important;
        margin-left: auto !important;
    }
    .credit .border-end-3{
        border-right-width: 3px !important;
    }
}
@media (min-width: 700px){
    .section-5 .dot-circle:after{
        width: 493px;
        height: 493px;
    }
    .section-4 .dot-circle::after{
        width: 500px;
        height: 500px;
    }
}

@media (max-width: 768px) {
    .section-4{
        background-position:  0% 10%, 0% 9%;
    }
    .dro .dots-circle-decor.dots-circle-decor-yellow:after{
        width: 0;
        height: 0;
    }
}

@media (min-width: 992px) {
    .kp-video-page-banner{
        min-height: 250px;
    }
    .kp-video-page-banner + .kp-video-page-intro-wrapper {
        margin-top: -132px;
    }
    .kp-video-page-intro-wrapper:before, .kp-video-training-page-intro-wrapper:before {
        position: absolute;
        content: '';
        top: 0px;
        background-color: #fff;
        width: 50%;
        height: calc(100% + 5px);
    }
    .pb-lg-30 {
        padding-bottom: 30px!important;
    }
    .kp-page .col-lg-6{
        width: 50%;
    }
    .bg-two{
        background: -webkit-linear-gradient(180deg, #F8F8F8 50%, #0455C0 50%)
    }
    .salle-content .dropdown-menu{
        transform: translate3d(-184px, 61px, 0px) !important;
    }
    .evenements-card .filter-type-c::before{
        border-top-left-radius: 0.5rem;
        border-bottom-left-radius: 0.5rem;
    }
    .evenements-card .filter-type-c::after{
        border-top-left-radius: 0.5rem;
        border-bottom-left-radius: 0.5rem;
    }
}
@media (max-width:991px) {
    .section-4{
        background-position:  10% 10%, 0% 15%;
    }
    .bg-pattern::after{
        top: 0%;
        right: 0px;
        width: 400px;
        height: 400px;
    }
    .list-format {
        position: relative;
      }
      .list-format .card {
        border-radius: 0px 0px 8px 8px;
        width: 100%;
      }
      .list-format .card .card-body .format-description {
        margin-right: auto;
      }
      .list-format .format-img-wrapper {
        position: relative;
        inset: unset;
        width: 100%;
        height: auto;
      }
      .list-format .format-img-wrapper .format-img {
        width: 100%;
        height: auto;
        -o-object-fit: cover;
           object-fit: cover;
        -o-object-position: center;
           object-position: center;
      }
      .new .list-format {
        position: relative;
      }
      .new .list-format .card {
        border-radius: 0px 0px 8px 8px;
        width: 100%;
      }
      .new .list-format .card .card-body .format-description {
        margin-right: auto;
      }
      .new .list-format .format-img-wrapper {
        position: relative;
        inset: unset;
        width: 100%;
        height: auto;
      }
      .new .list-format .format-img-wrapper .format-img {
        width: 100%;
        height: auto;
        -o-object-fit: cover;
           object-fit: cover;
        -o-object-position: center;
           object-position: center;
      }
      .new.account .list-format .format-img-wrapper {
        position: relative;
        background-repeat: no-repeat;
        background-size: cover;
        height: 20rem !important;
        background-position: center;
      }
      .login .new .list-format .format-img-wrapper {
        position: relative;
        background-repeat: no-repeat;
        background-size: cover;
        height: 20rem !important;
        background-position: center;
        width: 100%;
      }
      .new.payment .list-format .format-img-wrapper {
        position: relative;
        background-repeat: no-repeat;
        background-size: cover;
        height: 20rem !important;
        background-position: center;
        width: 100%;
      }

      /* account */
      .new.account .list-format .format-img-wrapper{
        position: relative;
        inset: unset;
        width: 100%;
        height: auto;
    }
    .new.payment .list-format .card {
        width: 100%;
      }

      .list-format .format-img-wrapper2 {
        position: relative;
        inset: unset;
        width: 100%;
        height: auto;
      }
      .login .list-format .format-img-wrapper2 {
        position: relative;
        inset: unset;
        width: 100%;
        height: auto;
      }
      .formation .list-format .format-img-wrapper2 {
        position: relative;
        inset: unset;
        width: 100%;
        height: auto;
      }
      .formateurs .list-format .card {
        border-radius: 0px 0px 8px 8px;
        width: 100%;
      }
      .formateurs .list-format .format-img-wrapper {
        position: relative;
        inset: unset;
        width: 100%;
        height: auto;
      }
      .list-format .format-img-wrapper2 .format-img {
        width: 100%;
        height: auto;
        -o-object-fit: cover;
           object-fit: cover;
        -o-object-position: center;
           object-position: center;
      }
      .tous .hstack{
        flex-direction: column;
      }
      .monthly-calendar{
        margin: auto;
    }
    .img-video-container .video-wrapper {
        width: 100% !important;
    }
}

@media screen and (max-width: 1399.98px) and (min-width: 991.98px) {
    .accredited-btn a#accredited {
        border-bottom-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
        border-top-left-radius: 25px !important;
        border-top-right-radius: 25px !important;
    }
    .accredited-btn a#nonAccredited {
        border-bottom-left-radius: 25px !important;
        border-bottom-right-radius: 25px !important;
        border-top-left-radius: 0 !important;
        border-top-right-radius: 0 !important;
    }
    /* .hstack {
        min-width: calc(100% / 4);
    } */
}

@media(min-width: 1200px){
    .drop-font{
        font-size: 30px;
    }
    .drop-sm-font{
        font-size: 21px;
    }
    .strategy{
        right: 20%;
        bottom: -15%;
    }
}

@media (min-width: 1600px){
    .content-pull-1 {
        padding-right: 12.3333% !important;
    }
    .content-push-1 {
        padding-left: 12.3333% !important;
    }
}
.section-image-div {
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 400px;
}

.img-video-container .video-wrapper {
    position: absolute;
    top: 5%;
    width: 50%;
    height: 80%;
    z-index: 1;
}

/* Blue */
.blue{
    max-width: 300px;
}
.check-round{
padding: 10px;
}

.vscomp-options-list{
    height: 100% !important;
}
.vscomp-options-container{
    max-height: 100% !important;
}
.green-btn {
    background-color: #20c576;
}
.light-btn {
    background-color: #dadada;
}
.light-border {
    border: 1px solid #dad7db;
}

.course_listing .filter-type-a::before{
    border-radius: 0.75rem;
}
.course_listing .filter-type-a::after{
    border-radius: 0.75rem;
}
.form-check-input:disabled~.form-check-label{
    opacity: 1;
}
.quiz .input-green:checked{
    border-color: #7FBE3F;
    background-image: url('../image/circle/green-dot.svg');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 1;
}
.quiz .input-red:checked{
    border-color: #D90000;
    background-image: url('../image/circle/red-dot.svg');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 1;
}

.quiz .check-green:checked{
    border-color: #7FBE3F;
    background-image: url('../image/circle/green-dot.svg');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 1;
}
.quiz .check-red:checked{
    border-color: #D90000;
    background-image: url('../image/circle/red-dot.svg');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 1;
}

.hideContent {
    overflow: hidden;
    height: 19.9em;
}

.showContent {
height: auto;
}
.section-2 .purchase-video {
    background-image: url(../image/question_light.png);
    background-position: start;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: #F1BB13;
}
.package-scroll::-webkit-scrollbar {
    height: 10px;
    background-color: #f1f1f1;
    border-radius: 10px;
}
.package-scroll::-webkit-scrollbar-thumb {
    background-color:#c1c1c1;
    border-radius: 10px;
}
.question-image {
    height: 347px !important;
    object-position: center;
    object-fit: cover;
    width: 344px;
}
.order-selector .parsley-errors-list .parsley-required{
    position: relative;
    text-align: left;
}
/* event css */

.date-list .active {
    border-bottom: 2px solid #F1BB13 !important;
}
.time-progress:last-child i::after{
    display: none;
}
.time-progress i::after{
    content: "";
    border-left: 1px solid #DBDBDB;
    display: inline-block;
    position: absolute;
    top: 16px;
    left: 20px;
    height: calc(100% - 20px);
    z-index: -1;
}
.time-progress i.live-user{
    color: #F1BB13;
}
.time-progress i.live-user-enabled{
    font-size: 10px;
    font-style: normal;
    font-weight: 800;
}
.time-progress i{
    color: #B2B2B2;
    background-color:white;
    line-height:normal;
    min-width: 33px;
}
.time-progress {
    min-width: 43px;
    position: relative;
}

.start-time h6 {
    color: #353C56;
}
.start-time p {
    color: #033059;
}
.start-time img {
    min-width: 72px;
}
.accredited .text-semi-gray:hover {
    color: #B2B2B2;
}
.accredited a:hover {
    color: inherit;
}
.subscription-plans-active {
    border-radius: 25px;
}
.subscription-plans-active .subscription-plans-btn {
    color: #033059;
    background-color: #0455C0;
}
.subscription-plans {
    border-radius: 25px;
}
@media (max-width: 575.98px){
    .package-scroll .drop-font{
        font-size: 25px;
        width: 100vw;
    }
}
.section-info-event {
    max-height: 145.34px;
}
.section-info-event-list-details {
    align-items: center;
    display: flex;
}
.card-price-event  {
    top: -29px;
    width: 223px;
}
@media (max-width: 1440px){
    .section-info-event {
        max-height: none;
    }
}
.event-header-container {
    min-height: 465px;
}
@media (max-width: 1440px){
    .event-header-container {
        padding-bottom: 29px
    }
}
@media (max-width: 1200px){
    .video-header-event {
        padding-bottom: 35px !important;
    }
    .bg-blue.pt-14 {
        padding-bottom: 35px;
        padding-top: 35px !important;
    }
    .event-header-container {
        padding-bottom: 0px
    }
    .card-price-event {
        top: 0px;
        width: 100%;
    }
}


.video-header-event {
    width: 100%;
    height: 373px;
}

.video-header-event iframe{
    width: 100%;
    height: 100%;
}
.dicount_amount .text-yellow {
    margin-left: 10px;
}

@media (min-width: 769px) and (max-width: 1200px) {
    .video-header-event {
        width: 640px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 768px){
    .video-header-event {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
}

.account-profile {
    padding: 0;
}



.account-card + .account-card {
    margin-top: 24px;
}

.account-card__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid #eef2f7;
    margin-bottom: 20px;
}

.account-card__title {
    font-size: 18px;
    font-weight: 700;
    color: #1f2937;
    margin-bottom: 6px;
}

.account-card__subtitle {
    font-size: 14px;
    color: #6b7280;
    margin-bottom: 0;
}



/* .account-card__body .form-control,
.account-card__body .form-select {
    border-radius: 10px;
    border-color: #e5e7eb;
    background-color: #f9fafb;
    min-height: 48px;
} */



.account-card__actions {
    display: flex;
    justify-content: flex-end;
    margin-top: 12px;
}

.account-save-btn {
    border-radius: 10px;
    padding: 10px 24px;
    font-weight: 600;
}

.account-add-btn {
    border-radius: 10px;
    min-height: 48px;
    padding: 10px 18px;
}

.account-add-affiliation-btn {
    border-radius: 10px;
    min-height: 40px;
    padding: 8px 18px;
    font-weight: 600;
    white-space: nowrap;
}

.account-affiliations .account-card__header {
    align-items: center;
}



.account-affiliations__table .table {
    margin-bottom: 0;
}

.account-affiliations__table thead th {
    font-size: 12px;
    /* text-transform: uppercase;
    letter-spacing: 0.04em; */
    color: #6b7280;
    border-bottom: 1px solid #e5e7eb;
}

.account-affiliations__table tbody td {
    vertical-align: middle;
    border-top: 1px solid #eef2f7;
}

.account-affiliations__table .badge {
    border-radius: 999px;
    padding: 6px 10px;
    font-weight: 600;
}

.account-affiliations__menu {
    border: 1px solid #e5e7eb;
    background: #ffffff;
    border-radius: 8px;
}

.account-card .profile-pic img {
    border-radius: 12px;
    border: 1px solid #e5e7eb;
    width: 120px;
    height: 120px;
    object-fit: cover;
}

.account-sidebar {
    display: grid;
    gap: 24px;
}

.account-sidebar__card {
    background: #ffffff;
    border: 1px solid #e6eaf2;
    border-radius: 16px;
    box-shadow: 0 10px 24px rgba(17, 24, 39, 0.06);
    padding: 20px;
}


.account-sidebar__header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    padding-bottom: 12px;
    margin-bottom: 16px;
}

.account-sidebar__card:not(.account-sidebar__card--primary) .account-sidebar__header {
    border-bottom-color: #eef2f7;
}

.account-sidebar__title {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 4px;
}

.account-sidebar__card--primary .account-sidebar__title {
    color: #ffffff;
}

.account-sidebar__subtitle {
    font-size: 12px;
    color: #6b7280;
    margin-bottom: 0;
}

.account-sidebar__card--primary .account-sidebar__subtitle,
.account-sidebar__card--primary .account-sidebar__label,
.account-sidebar__card--primary .account-sidebar__footer {
    color: rgba(255, 255, 255, 0.75);
}

.account-sidebar__item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.account-sidebar__card--primary .account-sidebar__item:last-of-type {
    border-bottom: none;
}

.account-sidebar__card:not(.account-sidebar__card--primary) .account-sidebar__item {
    border-bottom-color: #eef2f7;
}

.account-sidebar__label {
    font-size: 12px;
    margin-bottom: 6px;
}

.account-sidebar__tooltip-trigger {
    width: 16px;
    height: 16px;
    border-radius: 9999px;
    border: 1px solid rgba(226, 232, 240, 0.75);
    color: rgba(226, 232, 240, 0.95);
    background: transparent;
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    padding: 0;
    margin-left: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.account-sidebar__tooltip-trigger:hover,
.account-sidebar__tooltip-trigger:focus {
    border-color: #ffffff;
    color: #ffffff;
}

.account-sidebar__tooltip-trigger:focus-visible {
    outline: 1px solid rgba(255, 255, 255, 0.9);
    outline-offset: 2px;
}

.account-tooltip .tooltip-inner {
    max-width: 240px;
    background-color: #111827 !important;
    color: #f8fafc !important;
    border-radius: 6px;
    font-size: 12px;
    line-height: 1.35;
    text-align: left;
    padding: 8px 10px;
}

.account-tooltip .tooltip-arrow {
    transform: none !important;
}

.account-tooltip.bs-tooltip-top .tooltip-arrow::before,
.account-tooltip.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before {
    border-top-color: #111827 !important;
}

.account-tooltip.bs-tooltip-bottom .tooltip-arrow::before,
.account-tooltip.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::before {
    border-bottom-color: #111827 !important;
}

.account-sidebar__value {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 0;
}

.account-sidebar__value span {
    font-size: 12px;
    font-weight: 500;
    margin-left: 4px;
}

.account-sidebar__icon {
    font-size: 26px;
    opacity: 0.8;
}

.account-sidebar__footer {
    font-size: 12px;
    margin-top: 8px;
}

.account-sidebar__text {
    font-size: 14px;
    color: #6b7280;
    margin-bottom: 16px;
}

.account-sidebar__button {
    width: 100%;
    border-radius: 10px;
    padding: 10px 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

@media (max-width: 991px) {
    .account-card {
        padding: 20px;
    }

    .account-card__actions {
        justify-content: flex-start;
    }

    .account-add-affiliation-btn {
        width: 100%;
    }

    .account-sidebar {
        margin-top: 20px;
    }
}

/* ======================================================
   HOMEPAGE REDESIGN
   ====================================================== */

/* --- Hero --- */
.homepage-hero-title {
    font-family: 'Playfair Display', serif;
    font-size: 3.8rem;
    font-weight: 700;
    line-height: 1.12;
    letter-spacing: -0.02em;
}
.hero-typewriter-prefix {
    display: inline;
}
.hero-typewriter-dynamic {
    display: inline;
    color: #f0c96b;
}
.hero-typewriter-cursor {
    display: inline-block;
    color: #f0c96b;
    font-weight: 300;
    margin-left: 2px;
    animation: hero-blink 0.9s step-start infinite;
}
@keyframes hero-blink {
    0%, 100% { opacity: 1; }
    50%       { opacity: 0; }
}
.homepage-hero-subtitle {
    color: #FFF;
    font-family: var(--Typeface-Main-Typeface, Manrope), sans-serif;
    font-size: var(--Font-Size-H5, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--Line-Height-Body-2, 24px);
    max-width: 580px;
}
.homepage-hero-keywords {
    font-size: 0.9rem;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.6);
    letter-spacing: 0.02em;
}
.homepage-hero-features {
    flex-wrap: wrap;
}
.homepage-hero-feature {
    display: inline-flex;
    align-items: center;
    padding: 8px 16px;
    border-radius: 50px;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(4px);
    color: rgba(255, 255, 255, 0.85);
    font-size: 13px;
    font-weight: 500;
    border: 1px solid rgba(255, 255, 255, 0.15);
}
.homepage-hero-feature i {
    font-size: 14px;
    color: #F1BB13;
}
.homepage-hero-btn-primary {
    background-color: #CFB35D;
    color: #F4F5F7;
    font-weight: 700;
    font-size: 15px;
    padding: 12px 28px;
    border-radius: 6px;
    border: 2px solid #CFB35D;
    transition: all 0.25s ease;
}
.homepage-hero-btn-primary:hover {
    background-color: #B89E4A;
    border-color: #B89E4A;
    color: #F4F5F7;
}
.homepage-hero-btn-outline {
    background: transparent;
    color: #fff;
    font-weight: 600;
    font-size: 15px;
    padding: 12px 28px;
    border-radius: 6px;
    border: 2px solid rgba(255, 255, 255, 0.5);
    transition: all 0.25s ease;
}
.homepage-hero-btn-outline:hover {
    background: rgba(255, 255, 255, 0.12);
    border-color: rgba(255, 255, 255, 0.8);
    color: #fff;
}

.homepage-pills {
    flex-wrap: wrap;
}
.homepage-pill {
    display: inline-flex;
    align-items: center;
    padding: 10px 20px;
    border-radius: 50px;
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(4px);
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    border: 1px solid rgba(255, 255, 255, 0.25);
    transition: all 0.25s ease;
    text-decoration: none;
}
.homepage-pill:hover {
    background: rgba(255, 255, 255, 0.28);
    color: #fff;
    border-color: rgba(255, 255, 255, 0.45);
    text-decoration: none;
}
.homepage-pill i {
    font-size: 16px;
}

@media (max-width: 991px) {
    .homepage-hero-title {
        font-size: 2.6rem;
    }
}
@media (max-width: 767px) {
    .homepage-hero-title {
        font-size: 2rem;
    }
    .homepage-hero-subtitle {
        font-size: var(--Font-Size-H5, 16px);
        line-height: var(--Line-Height-Body-2, 24px);
    }
    .homepage-hero-feature {
        font-size: 12px;
        padding: 6px 12px;
    }
    .homepage-hero-btn-primary,
    .homepage-hero-btn-outline {
        padding: 10px 20px;
        font-size: 14px;
    }
}

/* --- Section 2: Levier --- */
.homepage-levier {
    background: #fff;
}
.homepage-levier-img-wrapper {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
}
.homepage-levier-img-wrapper img {
    width: 100%;
    height: 400px;
    object-fit: cover;
    object-position: center;
}
.homepage-levier-label {
    font-size: 13px;
    letter-spacing: 1.5px;
    color: #6b7280;
}
.homepage-levier-title {
    font-family: 'Playfair Display', serif;
    font-size: 2.2rem;
    line-height: 1.2;
    color: #033059;
}
.homepage-levier .btn-blue {
    background-color: #1f3a5b;
    border-color: #1f3a5b;
    color: #fff;
}
.homepage-levier .btn-blue:hover,
.homepage-levier .btn-blue:focus {
    background-color: #162c46;
    border-color: #162c46;
    color: #fff;
}
.homepage-courses .btn-blue {
    background-color: #1f3a5b;
    border-color: #1f3a5b;
    color: #fff;
}
.homepage-courses .btn-blue:hover,
.homepage-courses .btn-blue:focus {
    background-color: #162c46;
    border-color: #162c46;
    color: #fff;
}

@media (max-width: 991px) {
    .homepage-levier-img-wrapper img {
        height: 280px;
    }
    .homepage-levier-title {
        font-size: 1.7rem;
    }
}

/* --- Section 3: Parcours slider --- */
.homepage-parcours {
    background: #E1E6ED;
    overflow: hidden;
    padding: 80px 0;
}
.homepage-parcours-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    max-width: 527px;
    margin: 0 auto 32px;
    text-align: center;
}
.homepage-parcours-header-text {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    width: 100%;
}
.homepage-parcours-header h2 {
    font-size: 32px;
    font-weight: 700;
    line-height: 38px;
    color: #121417;
    margin: 0;
}
.homepage-parcours-header p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #6C7889;
    margin: 0;
}
.homepage-parcours-slider-wrapper {
    overflow-x: hidden;
    overflow-y: visible;
    width: 100%;
    padding: 8px 0;
    mask-image: linear-gradient(to right, transparent, black 3%, black 97%, transparent);
    -webkit-mask-image: linear-gradient(to right, transparent, black 3%, black 97%, transparent);
}
.homepage-parcours-track {
    display: flex;
    gap: 32px;
    width: max-content;
    animation: parcours-scroll 45s linear infinite;
}
.homepage-parcours-track:hover {
    animation-play-state: paused;
}
@keyframes parcours-scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-25%);
    }
}
.homepage-parcours-card {
    background: #fff;
    border-radius: 16px;
    padding: 24px 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1), 0px 2px 4px rgba(0, 0, 0, 0.1);
    width: 305px;
    min-width: 305px;
    height: 342px;
    flex-shrink: 0;
}
.homepage-parcours-card-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    width: 100%;
    height: 100%;
}
.homepage-parcours-card-top {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    width: 100%;
    flex: 1;
}
.homepage-parcours-card-icon {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.homepage-parcours-card-icon img {
    width: 48px;
    height: 48px;
    object-fit: contain;
}
.homepage-parcours-card-text {
    display: flex;
    flex-direction: column;
    gap: 16px;
    text-align: center;
    width: 100%;
}
.homepage-parcours-card-text h5 {
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
    color: #000;
    margin: 0;
}
.homepage-parcours-card-text p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #667181;
    margin: 0;
}
.homepage-parcours-order-img {
    height: 56px;
    width: 160px;
    max-width: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transform: translateY(-12px);
}
.homepage-parcours-order-img img {
    display: block;
    width: 100%;
    height: 100%;
    max-height: 56px;
    max-width: 160px;
    object-fit: contain;
    object-position: center;
}
.homepage-parcours-badge {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 50px;
    background: rgba(4, 85, 192, 0.08);
    color: #0455C0;
    font-size: 14px;
    font-weight: 700;
    height: 40px;
    line-height: 32px;
}
.homepage-parcours-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    min-width: 80px;
    padding: 10px 12px;
    background: #3B4660;
    color: #F4F5F7;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    border: none;
    text-decoration: none;
    transition: background 0.2s ease;
}
.homepage-parcours-btn:hover {
    background: #2d3650;
    color: #F4F5F7;
    text-decoration: none;
}

.homepage-conforme .btn-yellow {
    background: #CFB35D !important;
    border-color: #CFB35D !important;
    color: #F4F5F7 !important;
}
.homepage-conforme .btn-yellow:hover,
.homepage-conforme .btn-yellow:focus {
    background: #B89E4A !important;
    border-color: #B89E4A !important;
    color: #F4F5F7 !important;
}
.homepage-parcours-btn i {
    font-size: 16px;
}

@media (max-width: 767px) {
    .homepage-parcours {
        padding: 80px 0;
        overflow: hidden;
    }
    .homepage-parcours-header {
        padding: 0 20px;
        text-align: center;
        align-items: center;
        max-width: 100%;
        margin: 0 auto 32px;
    }
    .homepage-parcours-header h2 {
        font-size: 32px;
        line-height: 38px;
        text-align: center;
    }
    .homepage-parcours-header p {
        text-align: center;
    }
    .homepage-parcours-slider-wrapper {
        overflow-x: auto;
        overflow-y: visible;
        -webkit-overflow-scrolling: touch;
        /* proximity (vs mandatory) lets the browser pick the gesture axis based on
           the initial swipe angle, so a near-vertical drag scrolls the page instead
           of being captured by the carousel. */
        scroll-snap-type: x proximity;
        touch-action: pan-x pan-y;
        overscroll-behavior-x: contain;
        overscroll-behavior-y: auto;
        mask-image: none;
        -webkit-mask-image: none;
        padding-top: 8px;
        padding-bottom: 16px;
        /* Keep first card centered at animation start (Figma-like framing). */
        padding-left: max(16px, calc((100vw - 305px) / 2));
        padding-right: max(16px, calc((100vw - 305px) / 2));
    }
    .homepage-parcours-slider-wrapper::-webkit-scrollbar {
        display: none;
    }
    .homepage-parcours-track {
        animation: none;
        width: max-content;
        gap: 16px;
    }
    .homepage-parcours-slider-wrapper:active .homepage-parcours-track,
    .homepage-parcours-slider-wrapper:focus-within .homepage-parcours-track {
        animation-play-state: paused;
    }
    .homepage-parcours-card[aria-hidden="true"] {
        display: flex;
    }
    .homepage-parcours-card {
        width: 305px;
        min-width: 305px;
        height: 342px;
        scroll-snap-align: center;
    }
}

/* --- Section 4: Experts --- */
.homepage-experts {
    background: #f4f5f7;
    padding: 40px 0 80px;
}
.homepage-experts-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    padding: 0 80px;
    margin-bottom: 32px;
    text-align: center;
}
.homepage-experts-header-text {
    max-width: 640px;
}
.homepage-carousel-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.homepage-carousel-nav-btn,
.homepage-experts-nav-btn {
    width: 40px;
    height: 40px;
    border: 1px solid #d0d7e2;
    border-radius: 9999px;
    background: #ffffff;
    color: #40444b;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}
.homepage-carousel-nav-btn:hover:not(:disabled),
.homepage-experts-nav-btn:hover:not(:disabled) {
    border-color: #3b4660;
    background: #3b4660;
    color: #ffffff;
}
.homepage-carousel-nav-btn:disabled,
.homepage-experts-nav-btn:disabled {
    opacity: 0.45;
    cursor: not-allowed;
}
.homepage-experts-label {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #757d8a;
    margin: 0 0 8px;
}
.homepage-experts-title {
    font-size: 32px;
    font-weight: 700;
    line-height: 38px;
    color: #40444b;
    margin: 0;
    max-width: 600px;
}
.homepage-experts-scroll-wrapper {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding: 4px 80px 12px;
    scroll-snap-type: none;
    cursor: grab;
}
.homepage-experts-scroll-wrapper:active {
    cursor: grabbing;
}
.homepage-experts-scroll-wrapper::-webkit-scrollbar {
    display: none;
}
.homepage-experts-track {
    display: flex;
    gap: 16px;
    width: max-content;
}
.homepage-expert-card {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 244px;
    min-width: 244px;
    height: 328px;
    border-radius: 8px;
    overflow: hidden;
    text-decoration: none;
    box-shadow: 0px 1px 1.5px rgba(0, 0, 0, 0.05);
    flex-shrink: 0;
    padding: 7px;
    scroll-snap-align: start;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.homepage-expert-card:hover {
    transform: translateY(-3px);
    box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.15);
    text-decoration: none;
}
.homepage-expert-card-img {
    position: absolute;
    inset: 0;
    height: 100%;
    object-fit: cover;
    object-position: center top;
    border-radius: 8px;
    background-color: #c8cdd6;
    opacity: 1;
    transition: opacity 0.4s ease;
}
.homepage-expert-card-img.expert-lazy {
    opacity: 0;
}
.homepage-expert-card-img.expert-loaded {
    opacity: 1;
}
.homepage-expert-card-gradient {
    position: absolute;
    inset: 0;
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.85) 90%);
    pointer-events: none;
}
.homepage-expert-card-info {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 8px 6px 8px 11px;
    width: 100%;
}
.homepage-expert-card-name {
    font-size: 17px;
    font-weight: 600;
    line-height: 1.34;
    color: #f8fafc;
    letter-spacing: -0.03em;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.homepage-expert-card-separator {
    height: 1px;
    width: 100%;
    background: rgba(255, 255, 255, 0.3);
    flex-shrink: 0;
}
.homepage-expert-card-meta {
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.homepage-expert-card-role {
    font-size: 10px;
    font-weight: 500;
    color: #f8fafc;
    margin: 0;
    line-height: 1.43;
}
.homepage-expert-card-designation {
    font-size: 9px;
    font-weight: 400;
    color: rgba(248, 250, 252, 0.85);
    margin: 0;
    line-height: 1.43;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 991px) {
    .homepage-experts-header {
        padding: 0 20px;
    }
    .homepage-experts-scroll-wrapper {
        padding: 4px 20px 12px;
        scroll-snap-type: x mandatory;
    }
}
@media (max-width: 767px) {
    .homepage-experts {
        padding: 32px 0 48px;
    }
    .homepage-experts-title {
        font-size: 24px;
        line-height: 30px;
    }
    .homepage-expert-card {
        width: 210px;
        min-width: 210px;
        height: 280px;
    }
    .homepage-expert-card-name {
        font-size: 14px;
    }
}

/* --- Section 5: Conforme --- */
.homepage-conforme {
    background: #E1E6ED;
    padding: 40px 80px;
}
.homepage-conforme .container {
    max-width: 1280px;
    padding-left: 0;
    padding-right: 0;
}
.homepage-conforme-layout {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 48px;
}
.homepage-conforme-left {
    width: 100%;
    max-width: 576px;
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.homepage-conforme-intro {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.homepage-conforme-title {
    margin: 0;
    font-size: 32px;
    font-weight: 700;
    line-height: 38px;
    color: #282D33;
}
.homepage-conforme-desc {
    margin: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #404959;
}
.homepage-conforme-steps {
    position: relative;
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 32px;
}
.homepage-conforme-step {
    display: flex;
    align-items: center;
    gap: 24px;
    position: relative;
}
.homepage-conforme-step-dot {
    width: 8px;
    height: 8px;
    min-width: 8px;
    border-radius: 50%;
    background: #49858C;
    position: relative;
    z-index: 1;
}
.homepage-conforme-step:not(:last-child) .homepage-conforme-step-dot::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 8px;
    transform: translateX(-50%);
    width: 2px;
    height: calc(100% + 32px);
    background: #49858C;
}
.homepage-conforme-step-content {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.homepage-conforme-step-content h3 {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    color: #1E293B;
}
.homepage-conforme-step-content p {
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    color: #64748B;
    white-space: nowrap;
}
.homepage-conforme-actions {
    display: flex;
    align-items: center;
    gap: 23px;
}
.homepage-conforme-btn-primary,
.homepage-conforme-btn-secondary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 80px;
    padding: 10px 12px;
    border-radius: 6px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    transition: all 0.2s ease;
}
.homepage-conforme-btn-primary {
    background: #3B4660;
    color: #F4F5F7;
    border: 1px solid #3B4660;
}
.homepage-conforme-btn-primary:hover,
.homepage-conforme-btn-primary:focus {
    background: #2D3650;
    border-color: #2D3650;
    color: #F4F5F7;
    text-decoration: none;
}
.homepage-conforme-btn-secondary {
    border: 1px solid #282D33;
    color: #282D33;
    background: transparent;
}
.homepage-conforme-btn-secondary:hover,
.homepage-conforme-btn-secondary:focus {
    background: rgba(40, 45, 51, 0.05);
    color: #282D33;
    text-decoration: none;
}
.homepage-conforme-media {
    position: relative;
    width: 576px;
    border-radius: 16px;
    overflow: hidden;
    padding: 10px;
    display: flex;
    align-items: flex-end;
    flex-shrink: 0;
}
.homepage-conforme-media-bg,
.homepage-conforme-media-overlay {
    position: absolute;
    max-width: none;
}
.homepage-conforme-media-bg {
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.homepage-conforme-media-overlay {
    width: 106.41%;
    height: 112.32%;
    left: -3.16%;
    top: -23.24%;
    object-fit: cover;
}
.homepage-conforme-media::after {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(77, 93, 114, 0.1);
}
.homepage-conforme-media-card {
    position: relative;
    z-index: 2;
    width: 100%;
    background: #F4F5F7;
    border: 1px solid #E1E5ED;
    border-radius: 6px;
    padding: 16px;
}
.homepage-conforme-media-card ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.homepage-conforme-media-card li {
    position: relative;
    padding-left: 28px;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    color: #282D33;
}
.homepage-conforme-media-card li::before {
    content: '\2713';
    position: absolute;
    left: 0;
    top: 2px;
    font-size: 16px;
    line-height: 24px;
    color: #1E293B;
}

@media (max-width: 991px) {
    .homepage-conforme {
        padding: 40px 20px;
    }
    .homepage-conforme .container {
        max-width: 100%;
    }
    .homepage-conforme-layout {
        flex-direction: column;
        align-items: flex-start;
        gap: 32px;
    }
    .homepage-conforme-left,
    .homepage-conforme-media {
        max-width: 100%;
    }
    .homepage-conforme-media {
        width: 100%;
        min-height: 320px;
    }
    .homepage-conforme-media-card li {
        font-size: 18px;
        line-height: 28px;
        white-space: normal;
    }
}

@media (max-width: 767px) {
    .homepage-conforme-title {
        font-size: 28px;
        line-height: 34px;
    }
    .homepage-conforme-step-content h3 {
        font-size: 16px;
        line-height: 22px;
    }
    .homepage-conforme-actions {
        width: 100%;
        flex-wrap: wrap;
        gap: 12px;
    }
    .homepage-conforme-btn-primary,
    .homepage-conforme-btn-secondary {
        flex: 1;
    }
    .homepage-conforme-media {
        min-height: 280px;
    }
    .homepage-conforme-media-card li {
        font-size: 16px;
        line-height: 24px;
        white-space: normal;
    }
    .homepage-conforme-step-content p {
        white-space: normal;
    }
}

/* --- Section 6: Course cards --- */
.homepage-courses {
    background: #fff;
}
.homepage-courses-scroll {
    display: flex;
    gap: 20px;
    overflow-x: auto;
    padding-bottom: 16px;
    scroll-snap-type: x mandatory;
    -ms-overflow-style: none;
    scrollbar-width: thin;
    scrollbar-color: #c1c1c1 #f1f1f1;
}
.homepage-courses-scroll::-webkit-scrollbar {
    height: 6px;
}
.homepage-courses-scroll::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}
.homepage-courses-scroll::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 10px;
}
.homepage-course-card {
    flex: 0 0 280px;
    min-width: 280px;
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
    display: flex;
    flex-direction: column;
    scroll-snap-align: start;
    text-decoration: none;
    color: inherit;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.homepage-course-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
    text-decoration: none;
    color: inherit;
}
.homepage-course-card-img {
    height: 170px;
    overflow: hidden;
    position: relative;
}
.homepage-course-card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.homepage-course-card-body {
    padding: 16px;
    flex: 1;
}
.homepage-course-card-footer {
    padding: 0 16px 16px;
    text-align: right;
}
.homepage-course-card-footer i {
    font-size: 20px;
    font-weight: 700;
}

@media (max-width: 575px) {
    .homepage-course-card {
        flex: 0 0 250px;
        min-width: 250px;
    }
    .homepage-course-card-img {
        padding: 0 32px;
    }
    .homepage-course-card-img img {
        border-radius: 8px;
    }
}

/* --- Section 7: Bottom CTA --- */
.homepage-bottom-cta {
    background: #3b4859;
    position: relative;
    overflow: hidden;
    padding: 0;
    min-height: 280px;
}
.homepage-bottom-cta-bg {
    position: absolute;
    top: -53px;
    right: -215px;
    width: 75%;
    height: calc(100% + 106px);
    pointer-events: none;
}
.homepage-bottom-cta-bg-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.homepage-bottom-cta-bg-gradient {
    position: absolute;
    inset: 0;
    background: linear-gradient(to right, #3b4859 12.153%, rgba(127, 155, 191, 0) 100%);
}
.homepage-bottom-cta-content {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    width: 100%;
    max-width: 760px;
    margin: 0;
    padding: 40px 0;
}
.homepage-bottom-cta-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    text-align: left;
}
.homepage-bottom-title {
    font-size: 32px;
    font-weight: 700;
    line-height: 38px;
    color: #f4f5f7;
    margin: 0;
    font-family: inherit;
}
.homepage-bottom-desc {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #f4f5f7;
    margin: 0;
}
.homepage-bottom-bullets {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}
.homepage-bottom-bullets li {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #f4f5f7;
    text-align: left;
}
.homepage-bottom-bullets li::before {
    content: '';
    width: 8px;
    height: 8px;
    min-width: 8px;
    border-radius: 50%;
    background: #cfb35d;
}
.homepage-bottom-cta-action {
    display: flex;
    flex-direction: column;
    gap: 6px;
    align-items: flex-start;
}
.homepage-bottom-btn {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 10px 16px;
    background: #cfb35d;
    color: #f4f5f7;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    text-decoration: none;
    transition: background 0.2s ease;
    white-space: nowrap;
}
.homepage-bottom-btn:hover {
    background: #b89e4a;
    color: #f4f5f7;
    text-decoration: none;
}
.homepage-bottom-caption {
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    color: rgba(244, 245, 247, 0.75);
    margin: 0;
}

@media (max-width: 991px) {
    .homepage-bottom-cta-bg {
        width: 100%;
        right: 0;
        top: 0;
        height: 100%;
    }
    .homepage-bottom-cta-bg-gradient {
        background: linear-gradient(to right, #3b4859 25%, rgba(59, 72, 89, 0.75) 80%);
    }
}
@media (max-width: 767px) {
    .homepage-bottom-title {
        font-size: 24px;
        line-height: 30px;
    }
    .homepage-bottom-bullets li {
        font-size: 14px;
    }
    .homepage-bottom-cta-bg-gradient {
        background: rgba(59, 72, 89, 0.88);
    }
}

/* ===== Mentor Detail Page ===== */

.mentor-hero {
    position: relative;
    z-index: 6;
    min-height: 640px;
    background: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: visible;
}

.mentor-hero-overlay {
    position: absolute;
    inset: 0;
    background: radial-gradient(
        ellipse at 78% 45%,
        rgba(241, 245, 249, 0) 20%,
        rgba(241, 245, 249, 0.55) 62%,
        rgba(241, 245, 249, 0.85) 82%
    );
    z-index: 1;
}

.mentor-hero-content {
    width: min(56%, 760px);
    max-width: calc(100% - 560px);
    padding: 0;
    position: relative;
    z-index: 6;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
}

.mentor-hero-frame {
    position: relative;
    z-index: 3;
    padding-top: 40px;
    padding-bottom: 84px;
}

.mentor-hero-media {
    position: absolute;
    right: 16px;
    bottom: -120px;
    width: min(34vw, 520px);
    z-index: 5;
}

.mentor-hero-image {
    width: 100%;
    height: auto;
    display: block;
    object-fit: contain;
}

.mentor-hero-subtitle {
    font-size: 20px;
    font-weight: 500;
    color: #1e293b;
    letter-spacing: -0.6px;
    margin: 0;
    line-height: 1;
}

.mentor-hero-name {
    font-size: 82px;
    font-weight: 600;
    color: #1e293b;
    letter-spacing: -2.4px;
    line-height: 1;
    margin: 0;
}

.mentor-hero-designation {
    font-size: 26px;
    font-weight: 500;
    color: #3b4660;
    letter-spacing: -0.4px;
    line-height: 1.2;
    margin: 0;
    max-width: 30ch;
}

.mentor-hero-actions {
    display: flex;
    gap: 16px;
    align-items: center;
    margin-top: 8px;
}

.mentor-hero-links {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    align-items: stretch;
    margin-top: 10px;
    position: relative;
    z-index: 5;
    width: 100%;
    max-width: 100%;
}

.mentor-hero-links .mentor-about-links-group {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 6px;
    min-width: 220px;
    max-width: 340px;
    padding: 10px 12px;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    background: rgba(248, 250, 252, 0.75);
}

.mentor-hero-links .mentor-about-links-label {
    white-space: normal;
    margin-bottom: 0;
}

.mentor-hero-links .mentor-about-website-link {
    word-break: break-word;
}

.mentor-hero-btn-follow {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background-color: #3b4660;
    color: #f8fafc;
    border: none;
    border-radius: 6px;
    padding: 8px 12px;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    cursor: pointer;
    min-width: 80px;
    justify-content: center;
    transition: background-color 0.2s;
}
.mentor-hero-btn-follow:hover {
    background-color: #2d3750;
}

.mentor-hero-btn-calendar {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background-color: #fff;
    color: #3b4660;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    padding: 8px 12px;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    text-decoration: none;
    min-width: 80px;
    justify-content: center;
    transition: background-color 0.2s;
}
.mentor-hero-btn-calendar:hover {
    background-color: #f8fafc;
    color: #3b4660;
}

/* About Section */
.mentor-about-section {
    position: relative;
    z-index: 2;
    padding: 40px 0;
    vertical-align: middle;
}

.mentor-about-section--overlay {
    margin-top: -120px;
    padding-top: 136px;
    padding-bottom: 40px;
}

.mentor-about-band {
    position: absolute;
    top: 40px;
    bottom: 40px;
    left: 0;
    right: 0;
    background-color: #f1f5f9;
    z-index: 0;
}

.mentor-about-row {
    display: flex;
    gap: 40px;
    align-items: center;
    position: relative;
    z-index: 1;
    max-width: 56%;
}

.mentor-about-bio {
    flex: 0 0 100%;
    max-width: 100%;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.mentor-about-heading {
    display: block;
    font-size: 24px;
    font-weight: 600;
    color: #1e293b;
    letter-spacing: -0.6px;
    line-height: 1;
    margin: 0 0 4px;
    position: relative;
    z-index: 2;
}

.mentor-about-text {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #1e293b;
    padding-bottom: 8px;
    width: 100%;
    max-width: 725px;
    overflow-wrap: anywhere;
}

.mentor-about-links {
    flex: 1;
    display: flex;
    gap: 40px;
    align-items: center;
}

.mentor-about-links-group {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.mentor-about-links-label {
    font-size: 14px;
    font-weight: 500;
    color: #1e293b;
    line-height: 20px;
    margin: 0;
    white-space: nowrap;
}

.mentor-about-social-icons {
    display: flex;
    gap: 8px;
    align-items: center;
}

.mentor-social-icon {
    display: inline-flex;
    width: 24px;
    height: 24px;
}
.mentor-social-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.mentor-about-website {
    display: flex;
    align-items: center;
    gap: 8px;
}

.mentor-about-website-link {
    font-size: 14px;
    font-weight: 400;
    color: #1e293b;
    line-height: 20px;
    text-decoration: underline;
}
.mentor-about-website-link:hover {
    color: #3b4660;
}

/* Courses Section */
.mentor-courses-section {
    padding: 80px 0;
}

.mentor-courses-heading {
    font-size: 24px;
    font-weight: 600;
    color: #000;
    letter-spacing: -0.6px;
    line-height: 1;
    margin: 0 0 24px 0;
}

@media (max-width: 1500px) {
    .mentor-hero-links {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    .mentor-hero-links .mentor-about-links-group {
        width: 100%;
        min-width: 0;
        max-width: 100%;
    }
}

/* Responsive */
@media (max-width: 1199px) {
    .mentor-hero-content {
        width: min(58%, 640px);
        max-width: calc(100% - 420px);
        padding: 0;
    }
    .mentor-hero-frame {
        padding-bottom: 64px;
    }
    .mentor-hero-name {
        font-size: 72px;
    }
    .mentor-hero-designation {
        font-size: 22px;
    }
    .mentor-hero-media {
        right: 24px;
        width: min(46vw, 520px);
        bottom: -120px;
    }
    .mentor-about-section--overlay {
        margin-top: -80px;
        padding-top: 104px;
        padding-bottom: 40px;
    }
    .mentor-about-row {
        max-width: 64%;
    }
}

@media (max-width: 991px) {
    .mentor-hero {
        min-height: auto;
        overflow: hidden;
    }
    .mentor-hero-content {
        width: 100%;
        max-width: 100%;
        padding: 0;
    }
    .mentor-hero-frame {
        display: flex;
        flex-direction: column-reverse;
        padding-top: 40px;
        padding-bottom: 40px;
        gap: 0;
    }
    .mentor-hero-name {
        font-size: 52px;
        word-break: break-word;
        overflow-wrap: break-word;
    }
    .mentor-hero-designation {
        font-size: 20px;
        max-width: 100%;
    }
    .mentor-hero-media {
        position: static;
        width: 100%;
        max-width: 480px;
        margin: 0 auto;
        padding: 0 24px 24px;
    }
    .mentor-hero-overlay {
        background: radial-gradient(
            ellipse at 75% 40%,
            rgba(255, 255, 255, 0) 10%,
            rgba(255, 255, 255, 0.9) 55%,
            rgba(255, 255, 255, 0.99) 75%
        );
    }
    .mentor-about-section--overlay {
        margin-top: 0;
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .mentor-about-row {
        flex-direction: column;
        align-items: flex-start;
        gap: 32px;
        max-width: 100%;
    }
    .mentor-about-bio {
        flex: none;
        max-width: 100%;
    }
    .mentor-about-links {
        flex-wrap: wrap;
    }
    .mentor-hero-links {
        width: 100%;
        gap: 10px;
    }
    .mentor-hero-links .mentor-about-links-group {
        min-width: 180px;
        max-width: 100%;
    }
    .mentor-about-band {
        display: none;
    }
}

@media (max-width: 767px) {
    .mentor-hero {
        min-height: auto;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
    }
    .mentor-hero-overlay {
        display: none;
    }
    .mentor-hero-content {
        padding: 0;
        align-items: flex-start;
        text-align: left;
        width: 100%;
        max-width: 100%;
    }
    .mentor-hero-frame {
        padding-top: 24px;
        padding-bottom: 32px;
        gap: 0;
    }
    .mentor-hero-media {
        padding: 0 16px 16px;
        max-width: 400px;
    }
    .mentor-hero-name {
        font-size: 36px;
        letter-spacing: -1.2px;
        word-break: break-word;
        overflow-wrap: break-word;
    }
    .mentor-hero-designation {
        font-size: 18px;
        max-width: 100%;
        word-break: break-word;
    }
    .mentor-hero-subtitle {
        font-size: 14px;
    }
    .mentor-hero-actions {
        flex-direction: column;
        width: 100%;
        gap: 10px;
    }
    .mentor-hero-links {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
    .mentor-hero-links .mentor-about-links-group {
        width: 100%;
        min-width: 0;
        box-sizing: border-box;
    }
    .mentor-hero-btn-follow,
    .mentor-hero-btn-calendar {
        width: 100%;
        justify-content: center;
    }
    .mentor-about-section {
        padding: 40px 0;
    }
    .mentor-about-links {
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
    }
    .mentor-courses-section {
        padding: 40px 0;
    }
    .mentor-courses-heading {
        font-size: 20px;
    }
}

@media (max-width: 480px) {
    .mentor-hero-name {
        font-size: 28px;
        letter-spacing: -0.8px;
    }
    .mentor-hero-designation {
        font-size: 16px;
    }
    .mentor-hero-subtitle {
        font-size: 13px;
    }
    .mentor-hero-frame {
        padding-top: 16px;
        padding-bottom: 24px;
    }
    .mentor-hero-media {
        padding: 0 8px 12px;
        max-width: 300px;
    }
    .mentor-hero-links .mentor-about-links-group {
        padding: 8px 10px;
    }
    .mentor-hero-links .mentor-about-website-link {
        font-size: 12px;
        word-break: break-all;
    }
    .mentor-hero-actions {
        margin-top: 4px;
    }
    .mentor-about-section {
        padding: 28px 0;
    }
    .mentor-about-heading {
        font-size: 20px;
    }
    .mentor-courses-section {
        padding: 28px 0;
    }
    .mentor-courses-heading {
        font-size: 18px;
        margin-bottom: 16px;
    }
}