:root {
    --font-heading: 'Cairo', sans-serif;
    --color-primary: #0d9a7c !important;
    --color-secondary: #193c67 !important;
    --color-primary-rgb: 0, 181, 231 !important;
    --header-height: 0px;
    --color-dark: #03404e !important;
    --color-medium: #1b6c6e !important;
    --text-light: #f2fbfe !important;
    --bs-card-bg: #f2fbfe;
}
@font-face {
    font-family: 'Cairo';
    src: url('/cms/edunas-uix-oppida/1.0.1/fonts/Cairo-VariableFont_slnt,wght.ttf') format('truetype');
    font-weight: 200 1000;
    font-style: normal;
    font-display: swap;
}
body {
    background-color: var(--bg-primary-light) !important;
}

.content-title .title {
    position: relative;
}

.content-title .title span {
    position: relative;
}

.content-title .title span::after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 100%;
    height: 14px;
    display: block;
    background-color: var(--color-yellow);
    mask: url("data:image/svg+xml,%3Csvg width='254' height='11' viewBox='0 0 254 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M55.0716 2.23473C79.1039 1.91256 103.149 1.70545 127.195 1.6134C151.24 1.52135 175.063 1.55203 198.991 1.69777C212.583 1.78215 226.189 1.89722 239.782 2.05063L241.626 0.47811C210.595 0.792615 179.577 1.18383 148.558 1.65175C117.54 2.11967 86.5216 2.6643 55.5033 3.29331C38.0907 3.64617 20.6911 4.01437 3.27848 4.41326C2.25806 4.43627 0.727419 4.58969 0.151794 5.17267C-0.384583 5.7173 0.609677 6.00112 1.43387 5.98578C33.7604 5.50252 66.1131 5.45649 98.4527 5.85538C130.792 6.25426 163.106 7.10572 195.38 8.39443C213.512 9.11549 231.631 9.98229 249.724 10.9872C250.705 11.0409 252.328 10.757 252.851 10.2278C253.427 9.65245 252.354 9.45301 251.569 9.41465C219.373 7.62734 187.099 6.27727 154.799 5.37211C122.498 4.46695 90.1454 4.01437 57.8058 4.0067C39.6344 4.0067 21.463 4.13711 3.29156 4.41326L1.44695 5.98578C32.4522 5.27239 63.4705 4.64338 94.4888 4.08341C125.507 3.53111 156.525 3.04784 187.544 2.64896C204.956 2.42651 222.382 2.21939 239.795 2.04296C240.815 2.03529 242.359 1.85886 242.921 1.28355C243.484 0.708235 242.45 0.47811 241.639 0.470439C217.581 0.20963 193.548 0.048542 169.503 0.0101877C145.458 -0.0281665 121.635 0.0408711 97.707 0.232642C84.1145 0.340034 70.5088 0.485781 56.9162 0.669881C55.8958 0.685223 54.3521 0.853981 53.7895 1.4293C53.2531 1.97393 54.2474 2.25775 55.0716 2.24241V2.23473Z' fill='%23F0C933'/%3E%3C/svg%3E") no-repeat center / contain;
    -webkit-mask: url("data:image/svg+xml,%3Csvg width='254' height='11' viewBox='0 0 254 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M55.0716 2.23473C79.1039 1.91256 103.149 1.70545 127.195 1.6134C151.24 1.52135 175.063 1.55203 198.991 1.69777C212.583 1.78215 226.189 1.89722 239.782 2.05063L241.626 0.47811C210.595 0.792615 179.577 1.18383 148.558 1.65175C117.54 2.11967 86.5216 2.6643 55.5033 3.29331C38.0907 3.64617 20.6911 4.01437 3.27848 4.41326C2.25806 4.43627 0.727419 4.58969 0.151794 5.17267C-0.384583 5.7173 0.609677 6.00112 1.43387 5.98578C33.7604 5.50252 66.1131 5.45649 98.4527 5.85538C130.792 6.25426 163.106 7.10572 195.38 8.39443C213.512 9.11549 231.631 9.98229 249.724 10.9872C250.705 11.0409 252.328 10.757 252.851 10.2278C253.427 9.65245 252.354 9.45301 251.569 9.41465C219.373 7.62734 187.099 6.27727 154.799 5.37211C122.498 4.46695 90.1454 4.01437 57.8058 4.0067C39.6344 4.0067 21.463 4.13711 3.29156 4.41326L1.44695 5.98578C32.4522 5.27239 63.4705 4.64338 94.4888 4.08341C125.507 3.53111 156.525 3.04784 187.544 2.64896C204.956 2.42651 222.382 2.21939 239.795 2.04296C240.815 2.03529 242.359 1.85886 242.921 1.28355C243.484 0.708235 242.45 0.47811 241.639 0.470439C217.581 0.20963 193.548 0.048542 169.503 0.0101877C145.458 -0.0281665 121.635 0.0408711 97.707 0.232642C84.1145 0.340034 70.5088 0.485781 56.9162 0.669881C55.8958 0.685223 54.3521 0.853981 53.7895 1.4293C53.2531 1.97393 54.2474 2.25775 55.0716 2.24241V2.23473Z' fill='%23F0C933'/%3E%3C/svg%3E") no-repeat center / contain;
    mask-image: url("data:image/svg+xml,%3Csvg width='254' height='11' viewBox='0 0 254 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M55.0716 2.23473C79.1039 1.91256 103.149 1.70545 127.195 1.6134C151.24 1.52135 175.063 1.55203 198.991 1.69777C212.583 1.78215 226.189 1.89722 239.782 2.05063L241.626 0.47811C210.595 0.792615 179.577 1.18383 148.558 1.65175C117.54 2.11967 86.5216 2.6643 55.5033 3.29331C38.0907 3.64617 20.6911 4.01437 3.27848 4.41326C2.25806 4.43627 0.727419 4.58969 0.151794 5.17267C-0.384583 5.7173 0.609677 6.00112 1.43387 5.98578C33.7604 5.50252 66.1131 5.45649 98.4527 5.85538C130.792 6.25426 163.106 7.10572 195.38 8.39443C213.512 9.11549 231.631 9.98229 249.724 10.9872C250.705 11.0409 252.328 10.757 252.851 10.2278C253.427 9.65245 252.354 9.45301 251.569 9.41465C219.373 7.62734 187.099 6.27727 154.799 5.37211C122.498 4.46695 90.1454 4.01437 57.8058 4.0067C39.6344 4.0067 21.463 4.13711 3.29156 4.41326L1.44695 5.98578C32.4522 5.27239 63.4705 4.64338 94.4888 4.08341C125.507 3.53111 156.525 3.04784 187.544 2.64896C204.956 2.42651 222.382 2.21939 239.795 2.04296C240.815 2.03529 242.359 1.85886 242.921 1.28355C243.484 0.708235 242.45 0.47811 241.639 0.470439C217.581 0.20963 193.548 0.048542 169.503 0.0101877C145.458 -0.0281665 121.635 0.0408711 97.707 0.232642C84.1145 0.340034 70.5088 0.485781 56.9162 0.669881C55.8958 0.685223 54.3521 0.853981 53.7895 1.4293C53.2531 1.97393 54.2474 2.25775 55.0716 2.24241V2.23473Z' fill='%23F0C933'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='254' height='11' viewBox='0 0 254 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M55.0716 2.23473C79.1039 1.91256 103.149 1.70545 127.195 1.6134C151.24 1.52135 175.063 1.55203 198.991 1.69777C212.583 1.78215 226.189 1.89722 239.782 2.05063L241.626 0.47811C210.595 0.792615 179.577 1.18383 148.558 1.65175C117.54 2.11967 86.5216 2.6643 55.5033 3.29331C38.0907 3.64617 20.6911 4.01437 3.27848 4.41326C2.25806 4.43627 0.727419 4.58969 0.151794 5.17267C-0.384583 5.7173 0.609677 6.00112 1.43387 5.98578C33.7604 5.50252 66.1131 5.45649 98.4527 5.85538C130.792 6.25426 163.106 7.10572 195.38 8.39443C213.512 9.11549 231.631 9.98229 249.724 10.9872C250.705 11.0409 252.328 10.757 252.851 10.2278C253.427 9.65245 252.354 9.45301 251.569 9.41465C219.373 7.62734 187.099 6.27727 154.799 5.37211C122.498 4.46695 90.1454 4.01437 57.8058 4.0067C39.6344 4.0067 21.463 4.13711 3.29156 4.41326L1.44695 5.98578C32.4522 5.27239 63.4705 4.64338 94.4888 4.08341C125.507 3.53111 156.525 3.04784 187.544 2.64896C204.956 2.42651 222.382 2.21939 239.795 2.04296C240.815 2.03529 242.359 1.85886 242.921 1.28355C243.484 0.708235 242.45 0.47811 241.639 0.470439C217.581 0.20963 193.548 0.048542 169.503 0.0101877C145.458 -0.0281665 121.635 0.0408711 97.707 0.232642C84.1145 0.340034 70.5088 0.485781 56.9162 0.669881C55.8958 0.685223 54.3521 0.853981 53.7895 1.4293C53.2531 1.97393 54.2474 2.25775 55.0716 2.24241V2.23473Z' fill='%23F0C933'/%3E%3C/svg%3E");
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-position: center;
    mask-size: contain;
    -webkit-mask-size: contain;
    z-index: -1;
}
.header-area.is-sticky img {
    content: url('/Nadjeh/img/Logo.png') !important;
}
.header-area.is-sticky {
    background-color:var(--color-bg-alt)!important;
}
.mobile-menu-wrapper .nav-link,
.mobile-menu-wrapper .btn-icon-text span:last-child,
.mobile-menu-wrapper .dropdown .btn-icon-text,
.header-area.is-sticky .nav-link,
.header-area .dropdown .btn-icon-text,
.header-area.is-sticky .dropdown .btn-icon-text,
.header-area.is-sticky .btn-icon-text span:last-child {
    color: var(--text-dark) !important;
}
.header-area .nav-link:hover,
.header-area.is-sticky .nav-link:hover,
.header-area .nav-link.active,
.header-area .nav-link:focus {
    color: var(--color-primary);
}
.accordion-item {
    background-color: var(--bs-card-bg);
}
.bg-light {
    background-color: var(--bs-card-bg) !important;
}
.header-area .more-option .item {
    justify-content: right;
    padding-right: 0.5rem;
}
.activate-anchor {
    background: var(--color-primary);
    padding: 7px;
    color: white;
}

.resource-area {
    background: var(--color-primary) !important;
}

a.activate-anchor:hover {
    color: var(--color-primary);
    background-color: var(--color-secondary);
}
.mfp-container {
    cursor: default;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: pointer;
}
.img-baner {
    object-fit: fill;
}
.nav-link {
    font-size: 20px;
}

.course-details-title-section {
    padding: 1rem 0.5rem;
}
.header-area .nav-link:hover, .header-area .nav-link.active, .header-area .nav-link:focus {
    font-weight: 600;
}

.breadcrumb-item.active {
    font-weight: 600;
}

.breadcrumb-area .active {
    font-weight: 600;
}

.social-link.style-2 a {
    background-color: rgba(var(--color-primary-rgb), 0.12);
    color: var(--color-dark);
}
.social-link.style-2 a:has(span) {
    background: none;
    border-radius: 0;
    width: auto;
    height: auto;
    line-height: normal;
    color: var(--color-dark);
    display: inline;
    font-size: inherit;
    padding: 0;
}

.header-area .nav-link {
    font-weight: var(--font-semi-bold);
}

.header-area .dropdown-item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.font-bold {
    font-weight: var(--font-bold) !important;
}

.mentor-area_v1 .card .card-content, .mentor-area_v2 .card .card-content {
    width: 100%;
}

    .mentor-area_v1 .card .card-content::after, .mentor-area_v2 .card .card-content::after {
        height: 80%;
        border-radius: 0;
        bottom: 0;
        top: auto;
    }


.activation-title-section {
    background-color: var(--color-secondary);
}

.activation-area .single-categories-courses-box {
    border-radius: 10px;
    padding: 1.5rem;
    border-color: var(--color-primary);
    border: 1px;
    border-width: 1px;
    border-style: solid;
}

    .activation-area .single-categories-courses-box img {
        border-radius: 10px;
        margin-bottom: 1rem;
    }

.course-details-area .course-banner .breadcrumb {
    justify-content: center;
}
.category-area_v1 .shape img.shape-1 {
    top: 5%;
}
.header-area .btn-icon-text {
    font-size: 18px;
}
.bg-cover {
    background-position: top center;
}
.breadcrumb-area {
    padding-top: 240px;
}
@media only screen and (min-width: 1400px) {
    .hero-banner_v2 {
        background-position: left 10% bottom !important;
    }
    .breadcrumb-area {
        padding-top: 300px;
    }

}

.header-area img {
    content:"";
    max-width: 200px
}
.header-area{
    background-color: transparent!important;
}
.contact-area {
    background: var(--text-light)!important;
}

/* WhatsApp Floating Button */
.whatsapp-floating-btn {
    position: relative;
    display: inline-block;
}

.whatsapp-floating-btn a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-width: 60px;
    height: 60px;
    background-color: #25D366;
    border-radius: 30px;
    color: white;
    text-decoration: none;
    box-shadow: 0 4px 12px rgba(37, 211, 102, 0.4);
    transition: all 0.3s ease;
    overflow: hidden;
    white-space: nowrap;
    padding: 0 15px;
    width: 60px;
}

.whatsapp-floating-btn a:hover {
    width: auto;
    padding: 0 20px;
}

.whatsapp-floating-btn a .icon-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    flex-shrink: 0;
}

.whatsapp-floating-btn a .text {
    display: none;
    font-weight: 600;
    font-size: 16px;
    color: white;
    line-height: 1;
}

.whatsapp-floating-btn a:hover .text {
    display: block;
}

.whatsapp-floating-btn a i {
    font-size: 24px;
    color: white;
}

.authentication-area .form-control:valid,
.authentication-area .form-control.is-valid,
.authentication-area .form-select:valid,
.authentication-area .form-select.is-valid {
    border-color: #dee2e6;
    box-shadow: none;
    background-image: none;
}

.authentication-area .form-control:valid:focus,
.authentication-area .form-select:valid:focus {
    border-color: #6c757d;
    box-shadow: none;
}

.authentication-area .signin-phone-number .form-control,
.authentication-area .forget-phone-number .form-control,
.authentication-area .country-code-select .form-select {
    height: 55px;
    min-height: 55px;
    line-height: 55px;
    padding-right: 1.5rem!important;
}
.whatsapp-floating-btn .text{
    margin-bottom: 0!important;
}
.modal-header .btn-close{
    margin: 0!important;
}

.lock:hover .fa-folder,.lock .fa-folder-open {
    display: none !important;
}
.lock:hover .fa-folder-open {
    display: inline !important
}