*, ::after, ::before {
    box-sizing: border-box;
}

html {
    overflow-x: hidden;
}

body {
    -webkit-font-smoothing: antialiased;
    background: #ffffff;
    line-height: 1.5;
    color: #414042;

    overflow-x: hidden;
    height: 100% !important;
    direction: rtl;
}

a {
    text-decoration: none;
    color: #5c5959;
}

a:hover {
    color: #5c5959;
}

img {
    max-width: 100%;
}

ul {
    list-style: none
}

h1, .h1 {
    font-size: 3rem
}

h2, .h2 {
    font-size: 1.95rem;
}

h3, .h3 {
    font-size: 1.25rem;
}

h4, .h4 {
    font-size: 1rem;
}

h5, .h5 {
    font-size: 0.8rem
}

h6, .h6 {
    font-size: 1rem
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 500;
    line-height: 1.2;
}

p, .p, ul, ol {
    font-size: 1rem;
    line-height: 1.3;
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 85%;
}

.h-66vh {
    height: 66vh;
}

.h-100vh {
    height: 100vh;
}

.h-130vh {
    height: 130vh;
}

.h-85 {
    height: 85%;
}

::placeholder {
    color: #0b2239;
    opacity: .4
}

:focus::placeholder {
    opacity: .2
}

ul.head li a {
    /*color: #ffffff;*/
    /*text-decoration: none;*/
    /*font-size: 40px;*/
    /*font-size: 30px;*/
    /*font-weight: 400;*/
    /*letter-spacing: 1px;*/
    display: block;
    width: 100%;
}

.img_back-yu {
    position: relative;
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
}

.img_back-yu img {
    width: 100%;
    height: 100%;
    display: block;
}

.intro-yu {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-width: 100%;
    height: 100% !important;
    overflow: hidden;
}

.intro-yu h1 {
    color: white;
    font-weight: 500;
    line-height: 1.5;
    transform: translateY(20px);
    visibility: hidden;
    opacity: 0;
    transition: 280ms all ease;
    transition-delay: 650ms;
    font-size: 80px;
    text-align: center;
}

.intro-yu .owl-item.active h1 {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
}

.page-concept {
    width: 100%;
    /* display: flex; */
    padding: 0;
    position: relative;
    height: 760px;
}

.info-cover {
    --w: 725px;
    display: flex;
    min-width: var(--w);
    padding-top: 70px;
    position: relative;
    flex-direction: column;
    max-width: var(--w);
    margin-top: 35px;
    /*font-family: 'YourColor', serif;*/
}

.info-cover:before {
    content: "";
    /*background-image: url('../../images/dark.png');*/
    background-image: url('../../images/background/dark-rtl.webp');
    background-size: cover;
    display: inline-block;
    position: absolute;
    z-index: -1;
    top: 9px;
    right: -68px;
    width: 150px;
    height: 150px;
    transform: translateY(20px);
    visibility: hidden;
    opacity: 0;
    transition: 280ms all ease;
    transition-delay: 650ms;
}

.owl-item.active .info-cover:before {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
}

header .owl-stage {
    display: flex;
    overflow: hidden;
    /* max-width: 100%; */
    height: 100% !important;
}

.intro_buttun {
    width: max-content;
    display: flex;
    margin-top: 90px;
    transform: translateY(20px);
    visibility: hidden;
    opacity: 0;
    transition: 280ms all ease;
    transition-delay: 650ms;
}

.owl-item.active .intro_buttun {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
}

.intro_buttun a {
    font-size: 30px;
    font-weight: 500;
    letter-spacing: 1px;
    color: white;
    padding: 11px 20px;
    display: flex;
    background: #a1bf53;
    min-width: 400px;
    text-align: center;
    justify-content: center;
}

header .owl-stage-outer {
    overflow: hidden;
    width: 100%;
}

.about-section-box {
    display: block;
    height: 100%;
    margin: auto;
}

.sub-title {
    color: #a1bf53;
}

.prim-title {
    /*font-size: 58px;*/
    position: relative;
    font-family: 'HACEN-TUNISIA-BOLD', sans-serif !important;
    z-index: 1;
    /*font-weight: 500;*/
    /*flex: 1;*/
    /*display: block;*/
    /*margin-bottom: 22px;*/
}

.about-image {
    --ab-w: 600px;
    min-width: var(--ab-w);
    max-width: var(--ab-w);
    margin-inline-start: 100px;
}

.about-image img {
    width: auto;
    height: auto;
}

.dot-ul li::before {
    content: "\F309";
    font-family: bootstrap-icons !important;
    position: absolute;
    margin-right: -30px;
    margin-top: -15px;
    font-size: 2.8rem;
}

.dot-ul {
    /*list-style-type: none;*/
    padding-right: 1rem;
    /*font-family: "HELVETICANEUELTSTD-LT", sans-serif !important;*/
    /*font-size: 1.4rem;*/
    /*line-height: 1.3;*/
}

ul.dot-ul li {
    position: relative;
    margin-bottom: 12px;
    /*font-family: 'YourColor', serif;*/
    /*font-size: 20px;*/
}

.title-box-gray2:before {
    background-image: url("../../images/gray-rtl.png");
}

.title-box:before {
    content: "";
    background-size: cover;
    display: inline-block;
    position: absolute;
    top: -20px;
    right: -15px;
    z-index: -1;
    width: 60px;
    height: 60px;
    background-repeat: no-repeat;
}

.title-box-green:before {
    background-image: url("../../images/background/green-rtl.webp");
}

.title-box-gray:before {
    background-image: url("../../images/gray-rtl.png");
}

.section-people {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
}

.position-relative-album {
    min-width: 33%;
    max-width: 33%;
}

.position-relative-album img {
    height: 100%;
    width: 100%;
}

.section-people-items {
    display: flex;
    flex-wrap: wrap;
    margin-inline-end: 20px;
}

.box-image {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
}

.row .image-item {
    padding-inline-end: 20px;
    flex: 1;
    min-width: 328px;
    max-width: 350px;
    height: 251px;
    padding-bottom: 25px;
    padding-inline-start: 0;
}

.image-item img {
    min-width: 100%;
}

.about-album {
    width: 100%;
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: center;
}

.about-album img {
    max-width: unset;
    min-height: 100%;
}

.items-lg-block:after, .youtube-album:after {
    content: "";
    /*background-image: url("../../images/gray-rtl.png");*/
    background-image: url("../../images/gray.webp");
    background-size: 100%;
    display: inline-block;
    position: absolute;
    top: -34px;
    /*right: -40px;*/
    left: -35px;
    width: 120px;
    height: 120px;
    z-index: -1;
}

.course-box h3, .last-course-box h3 {
    /*font-size: 3rem;*/
    /*font-family: "ALDHABI", sans-serif !important;*/
}

.course-box, .last-course-box {
    background-image: url("../../images/Have.jpg");
    background-position: center;
    background-size: cover;
    padding-top: 11rem;
    padding-bottom: 11rem;
}


.course-box .courses-info, .last-course-box .courses-info {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    right: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /*padding: 0 30px;*/
}

.course-box:before {
    content: "";
    position: absolute;
    width: 100%;
    background: #000219ab;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
}

.last-course-box:before {
    content: "";
    position: absolute;
    width: 100%;
    background: #e2e3edab;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
}

section.bg-dark.sponsors {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
}

.sponsors-side {
    display: flex;
    align-items: center;
    position: relative;
    box-sizing: border-box;
    margin: auto;
    justify-content: center;
    width: 1092px !important;
    overflow: hidden;
}

.sponsors-side .owl-nav {
    display: none;
}

.sponsors-side > div {
    justify-content: center;
    margin: 10px;
}

.sponsors-side div img {
    width: auto;
    height: auto;
}

section {
    padding: 70px 0;
    display: block;
}

.blog-date {
    font-weight: 600;
    color: #a1bf53;
    font-size: 24px;
    margin-bottom: 20px;
}

.hp-slider-item .btn-green {
    font-weight: 600;
    margin-top: 0.75rem;
}

.btn {
    border-radius: 0;
    padding-right: 1.25rem;
    padding-left: 1.25rem;
    font-size: 1rem;
    padding-top: .5rem;
}

.btn-green {
    background-color: #a1bf53;
    color: #ffffff;
}

.btn-green:hover {
    background-color: #c2cf99;
    border-color: #a1bf53;
    color: #ffffff;
}

.coaching-banner {
    background-image: url("../../images/banners/coaching.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left;
    position: relative;
    overflow: hidden;
    z-index: -2;
}

.banner-boxed {
    display: block;
    flex: 0 0 auto;
    width: calc(50% - 40px);
}

.banner-boxed.YC-Animation-Item p {
    color: #ffffff;
    font-size: 28px;
    padding-inline-start: 0 !important;
    line-height: 1.4;
    margin-bottom: 35px;
}

.banner-boxed p {
    color: white;
    font-size: 20px;
}

.text-green {
    color: #a1bf53;
    font-weight: 500;
}

.story-user-info span.text-green {
    font-size: 13px;
    font-weight: 600;
}

.banner-boxed h2 {
    color: white;
    font-size: 91px;
    margin-bottom: 70px;
}

ul.square-ul {
    /*list-style-type: none;*/
    padding-left: 0.5rem;
    /*font-size: 1.4rem;*/
}

ul.square-ul li {
    position: relative;
    /*color: #ffffff;*/
    margin-bottom: 2px;
    /*font-size: 27px;*/
    display: flex;
    align-items: center;
}

.square-ul li:before {
    color: #a1bf53;
    content: "";
    position: relative;
    width: 10px;
    height: 10px;
    background: #a1bf53;
    margin-inline-end: 7px;
}

ndex.htmlndex.htmlndex.html {
    padding-left: 0.5rem;
    color: white;
}

.youtube-album .youtube-icon {
    width: 17%;
    top: 39%;
    right: 37%;
    position: absolute;
    top: 45%;
    right: 43%;
    opacity: .8;
    width: 20%;
}

.row-youtube {
    display: flex;
    margin: auto;
    justify-content: space-between;
    min-width: 100%;
}

.youtube-icon {
    position: absolute;
    top: 45%;
    right: 43%;
    opacity: .8;
    width: 20%;
}

.position-relative.youtube-album.text-end {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
}

.row-box-items {
    margin-inline-start: auto;
    flex: 1;
}

.row-box-items img {
    width: 100%;
    height: 100%;
    display: block;
}

.youtube-album .youtube-icon {
    width: 86px;
    top: 104px;
    right: 194px;
}

.row.rowyoutube h2 {
    margin-bottom: 28px;
    font-size: 26px;
    font-weight: 600;
}

section.upcoming {
    position: relative;
    background: #dedede !important;
    padding: 84px 0;
}

.rowUpcoming .upcoming-img {
    width: 540px;
    height: 665px;
    position: relative;
    margin-inline-start: 120px;
}

.rowUpcoming {
    margin: auto;
    justify-content: space-between;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
}

.border-gray {
    border-color: #c6c6c6 !important;
    /*padding-bottom: 1.25rem !important;*/
    /*display: flex;*/
    /*align-items: center;*/
}

.event-date {
    display: flex;
    flex-direction: column;
    border: 1px solid #a1bf53 !important;
    margin-inline-end: 30px;
    color: #a1bf53;
    justify-content: center;
    align-items: center;
    padding: 2px 0;
    min-width: 55px;
    font-weight: 600;
    max-width: 82px;
}

.event-date span, .event-date a {
    font-size: 18px;
    font-weight: 600;
}

span.text-uppercase {
    text-transform: uppercase !important;
}

.upcoming-img:before {
    content: url('../../images/background/gray.webp');
    position: absolute;
    top: -34px;
    left: -16px;
    z-index: -1;
}

section.upcoming .buttonsection button {
    font-weight: 6;
    font-size: 24px;
    padding: 18px 31px;
    margin: 0;
}

.stories-slider-item p {
    /*font-size: 26px;*/
    /*position: relative;*/
    /*font-weight: 500 !important;*/
    /*margin-bottom: 16px;*/
    /*line-height: 1.6;*/
    color: #565555;
}

.story-text:before {
    content: "";
    background-image: url('../../images/background/quotation.webp');
    background-size: cover;
    display: inline-block;
    position: absolute;
    z-index: -1;
}

.story-text:before {
    top: -44px;
    width: 60px;
    height: 94px;
    right: -15px;
}

.owl-next, .owl-prev {
    position: absolute;
    top: 41%;
    display: block;
    width: 50px;
    left: -76px;
    height: 50px;
    cursor: pointer;
    border: none;
    background: transparent;
    font-size: 70px;
}

.story-user-info {
    margin-top: 3rem;
}

.story-user-info span {
    display: block;
    font-size: 18px;
    font-weight: 700;
}

.bg-gray {
    background-color: #dedede !important;
}

.bg-white {
    background-color: white !important;
}

.no-blog {
    padding-right: 6.5rem;
}

.subscribe-info {
    width: 700px !important;
    position: relative;
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-inline-end: calc(var(--bs-gutter-x) * .5);
    padding-left: 0;
    margin-top: var(--bs-gutter-y);
}

.form-control {
    background-color: unset !important;
    border: 1px solid #a1bf53 !important;
    border-radius: 0 !important;
    font-size: 1rem !important;
}

.mail-section form {
    display: flex;
    align-items: center;
}

.rowsubscribe {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse;
}

.mail-section form button {
    border: none;
    background: #a1bf53;
    min-width: 168px;
    font-size: 30px;
    padding: 16px 0px;
    margin-inline-start: 15px;
    color: white;
    font-weight: 500;
    cursor: pointer;
}

.mail-section {
    margin-top: 60px;
    max-width: 97%;
}

.subscribe-info p.content_secti {
    margin-bottom: 25px;
    margin-top: 0;
    font-size: 24px;
    line-height: 1.6;
}

.bg-dark {
    background-color: #414042 !important;
}

.rowfooter {
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
}

.colfooter {
    x-width: 33.33333333%;
    display: flex;
    min-width: 386px;
    max-width: 445px;
}

.footerimg {
    justify-content: center;
    display: flex;
    min-width: 469px;
    max-width: 180px;
    height: 175px;
    margin-inline-end: 42px;
}

.footerimg img {
    height: auto;
}

.list-unstyled li a {
    /*font-size: 20px;*/
    /*font-weight: 300;*/
    color: #bfbfbf;
    /*cursor: pointer;*/
}

footer ul {
    line-height: 2;
    color: #bfbfbf;
    margin: 0;
}

.mb-6.social-icons {
    text-align: center;
    margin-bottom: 1.5rem !important;
}

.rights {
    text-align: center;
    color: #bfbfbf;
    font-size: 25px;
    display: flex;
    flex-direction: column;
}

.rights p {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
}

.benfit {
    display: flex;
    align-items: center;
    margin: auto;
    padding-bottom: 50px;
    position: relative;
    padding-top: 50px;
    justify-content: space-between;
    flex-wrap: nowrap;
}

.benfit:after {
    content: "";
    position: absolute;
    bottom: 0;
    background: #d0c7c7;
    width: 75%;
    height: 2px;
    right: 70px;
}

.img_benfits {
    display: flex;
    align-items: center;
    /*min-width: 335px;*/
    /*max-width: 335px;*/
    /*max-width: 450px;*/
}

.img_benfits h3 {
    font-size: 28px;
    font-weight: 300;
    color: #000;
}

.content_sectiion {
    min-width: 300px;
    max-width: 300px;
    flex: 1;
}

.ProcessWork-slider {
    display: flex;
    /*flex-wrap: wrap;*/
    /*justify-content: center;*/
    /*margin: auto;*/
    /*margin: 0 -20px;*/
}

.ProcessWork-slider-item {
    /*min-width: 300px;*/
    /*min-width: 420px;*/
    /*max-width: 300px;*/
    flex: 1;
    position: relative;
    background: #e2e2e2;
    /*padding: 70px 40px 40px;*/
    z-index: 0;
    margin-inline: 20px;
}

.ProcessWork-slider-item i {
    color: #9fbf52;
    position: absolute;
    right: 15px;
    font-size: 50px;
    z-index: -1;
    top: 20px;
    text-shadow: -7px -7px #9fbf527d;
}

.stories-slider-item {
    padding: 5rem 3rem 1rem 2.5rem;
}

section.storiesImpact .stories-slider-item {
    background: white !important;
}

section.storiesImpact {
    background: #e2e2e2;
}

.blog-box:before {
    content: "";
    background-image: url('../../images/gray.webp');
    background-size: cover;
    display: inline-block;
    position: absolute;
    top: -20px;
    right: -20px;
    z-index: -1;
    WIDTH: 65px;
    height: 65px;
}

.side-blog-boxes p {
    text-align: start;
}

h3.single-title_blog {
    color: #666566;
    /*font-size: 27px;*/
    margin-bottom: 15px;
    font-weight: 600;
}

span.datapost {
    /*font-size: 38px;*/
    margin-top: 10px;
    display: block;
    /*font-weight: 500;*/
    color: #86ad21;
    font-family: 'HACEN-TUNISIA-BOLD';
}

.blogs-content .col-lg-7 {
    max-width: 100%;
    min-width: 100%;
    margin-top: 32px;
    padding-inline-start: 10px;
}

.items-blogs-bloc k span.datapost {
    /*font-size: 16px;*/
    /*font-weight: 600;*/
}

ol.breadcrumbsFilters {
    display: flex;
    align-items: center;
    list-style: none;
    margin: auto;
    flex-wrap: wrap;
}

ol.breadcrumbsFilters li {
    margin-inline-end: 7px;
    /*text-decoration: none;*/
    /*font-size: 20px;*/
    /*font-weight: 400;*/
    /*letter-spacing: 1px;*/
}

.breadcrumbs {
    background: #bbb;
    display: block;
    padding: 17px 0 !important;
}

li.none_after {
    /*transform: rotate(180deg);*/
    display: flex;
    align-items: center;
    margin-inline-start: 5px;
    font-size: 20px;
}

li.none_after:before {
    content: '\003E';
}

ol.breadcrumbsFilters li:last-child {
    font-size: 20px;
    /*color: #434042;*/
    color: #5c5959;
    font-weight: 600;
}

ol.breadcrumbsFilters li a {
    color: #434042;
    font-weight: 400;
}

.items-img-block:before {
    content: "";
    background-image: url('../../images/background/gray-rtl.webp');
    background-size: cover;
    display: inline-block;
    position: absolute;
    top: -20px;
    right: -20px;
    z-index: -1;
    WIDTH: 65px;
    height: 65px;
}

.items-img-block {
    position: relative;
    /*min-width: 200px;*/
    /*max-width: 200px;*/
    flex: 1;
    height: auto;
}

.row-blogs-snigle {
    display: block;
    position: relative;
    flex: 1;
}

.items-blogs-block:nth-child(2) .items-img-block:before {
    bottom: -10px;
    top: inherit;
    left: -23px;
}

.items-blogs-block:last-child .items-img-block:before {
    bottom: -9px;
    top: inherit;
    left: -20px;
}

.blogs-content .items-img-block {
    max-width: 100%;
    min-width: 100%;
    /*height: 346px;*/
    height: auto;
    flex: inherit;
}

.row-Blog-retels-snigle {
    display: flex;
    justify-content: space-between;
}

.row-Blog-retels-snigle .items-img-block:before {
    display: none;
}

.row-Blog-retels-snigle .items-blogs-block {
    display: block;
    min-width: 410px;
    max-width: 410px;
    flex: 1;
}

.row-Blog-retels-snigle .items-blogs-block .items-img-block {
    min-width: 100%;
    display: block;
    height: 275px;
}

.row-Blog-retels-snigle .items-blogs-block .title_blog {
    margin-top: 30px;
    margin-inline-start: 0;
}

.infosection {
    display: flex;
    margin: auto;
    justify-content: space-between;
}

.about_content {
    min-width: 380px;
    max-width: 380px;
    padding-inline-start: 15px !important;
    border-right: 1px solid #c5c0c0;
    list-style-type: none;
    font-size: 25px;
    color: #626262;
    padding-bottom: 5px;
    height: fit-content;
}

.about_content > p {
    font-size: inherit;
}

.page-about-image {
    min-width: 540px;
    max-width: 540px;
    margin-inline: 40px;
}

.page-about-image img {
    width: 100%;
    height: 100%;
}

.infosection > h2.about-title {
    font-size: 122px;
    position: relative;
    margin-bottom: 30px;
    z-index: 1;
    font-weight: 500;
    line-height: 1.2;
    margin-inline-start: 8px;
    min-width: max-content;
    height: fit-content;
    font-family: inherit !important;
    color: #414042;
}

.infosection h2.about-title:before {
    content: "";
    background-image: url('../../images/background/gray-rtl.webp');
    background-size: cover;
    display: inline-block;
    position: absolute;
    top: -35px;
    right: -75px;
    z-index: -1;
    width: 150px;
    height: 150px;
}

.box-info-section {
    width: max-content;
    margin: auto;
    display: block;
    margin-top: 30px;
}

.box-info-section h2 {
    font-size: 62px;
    position: relative;
    z-index: 1;
    font-weight: 500;
}

.box-info-section span {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #353131;
    position: relative;
    z-index: 1;
    font-size: 28px;
    font-weight: 600;
}

.box-info-section span i {
    margin-inline-end: 10px;
    color: #abc465;
    font-weight: 300;
    font-size: 35px;
}

.dot-ul li::before {
    content: "\F309";
    font-family: bootstrap-icons !important;
    position: absolute;
    margin-right: -30px;
    margin-top: -15px;
    font-size: 2.8rem;
}

.dot-ul {
    padding-left: 1rem;
    /*font-family: "HELVETICANEUELTSTD-LT", sans-serif !important;*/
    /*font-size: 1.4rem;*/
    /*line-height: 1.3;*/
}

ul.dot-Experience li {
    font-size: 24px;
    display: flex;
    align-items: center;
    position: relative;
}

ul.dot-Experience li p {
    padding-inline-start: 20px;
    position: relative;
    font-size: 20px;
}

ul.dot-Experience li span {
    color: #a1be52;
    font-weight: 600;
    min-width: 74px;
    max-width: 145px;
    font-size: 20px;
}

ul.dot-Experience li p:before {
    content: "";
    position: absolute;
    width: 1px;
    height: 82px;
    background: #bfb8b8;
    right: -5px;
}

ul.dot-Experience li > * {
    padding: 11px;
}

.article-snigle-box {
    display: flex;
    justify-content: space-between;
    max-width: 1110px;
    margin: auto;
    cursor: pointer;
}

.blogs-img-article {
    min-width: 530px;
    max-width: 510px;
    flex: 1;
}

.blogs-img-article img {
    width: 100%;
    height: auto;
}

.article-title {
    margin-inline-end: 44px;
    display: flex;
    flex-direction: column;
    padding-inline-end: 44px;
}

.article-title > span {
    font-size: 26px;
}

h3.title-article {
    font-size: 50px;
    font-weight: 500;
    position: relative;
    color: #000;
    font-family: inherit !important;
}

.ArticleDetails {
    margin-top: 40px;
    max-width: 1109px;
    margin-inline: auto;
}

.ArticleDetails > strong {
    font-size: 51px;
    font-weight: 600;
}

ul.Contents-list-Table li {
    color: #626262;
    font-size: 26px;
    padding-bottom: 20px;

    padding-inline-start: 8px !important;
}

ul.Contents-list-Table li span {
    padding-inline-end: 18px;
}

ul.Contents-list-Table li span i {
    font-size: 30px;
    font-weight: 200;
    color: #86ad21;
    transform: rotate(180deg);
}

ul.Contents-list-Table {
    margin-top: 20px;
    margin-bottom: 85px !important;
    display: block;
}

ol.breadcrumbsFilters li i {
    font-weight: 300;
}

.article-content {
    margin-top: 40px;
}

.article-content > p {
    padding-bottom: 21px;
    font-size: 26px;
    color: #545454;
}

.article-content strong {
    color: #545454;
}

.content-img- {
    min-width: 100%;
    max-width: 879px;
    height: 640px;
    margin: 55px auto 125px;
}

.content-img- img {
    width: 100%;
    height: 100%;
}

.article-box-questions {
    display: block;
    margin-top: 40px;
    margin-bottom: 160px;
}

.box-questions-items {
    margin-bottom: 45px !important;
    display: block;
}

.box-questions-items :not(.-inner-similiar-posts *):not(.-inner-similiar-posts):not(.-single-parent-flexes--content-bar-secondary *):not(.-single-parent-flexes--content-bar-secondary) {
    margin: revert;
    padding: revert;
    max-width: 100%;
}

.box-questions-items > * {
    font-size: 28px;
    padding-inline-start: 8px !important;
    color: #8d847e;
}

h3.questions-title:before {
    content: "";
    background-image: url('../../images/background/green.webp');
    background-size: cover;
    display: inline-block;
    position: absolute;
    top: -26px;
    right: -13px;
    z-index: -1;
    width: 77px;
    height: 77px;
}

h3.questions-title {
    position: relative;
    font-size: 44px;
    color: #1a1818;
    font-weight: 600;
}

.content-med-1 {
    display: flex;
    align-items: self-start;
    min-width: 100%;
    max-width: 80% !important;
    margin: auto !important;
    justify-content: space-between;
    margin-top: 29px !important;
    margin-bottom: 63px !important;
}

span.content-med-info {
    min-width: 530px;
    max-width: 480px !important;
    margin-inline-end: 30px !important;
    font-size: 37px;
    color: #626262;
}

p.content-left-info {
    min-width: 410px;
    background: #9dbb53;
    margin: 0 10px !important;
    padding: 21px !important;
    color: white;
    font-size: 23px;
    max-width: 479px !important;
    display: block;
    /* font-weight: 400; */
    position: relative;
}

p.content-left-info strong {
    display: block;
    font-size: 27px;
    margin-bottom: 8px;
}

p.content-left-info:before {
    content: "";
    background-image: url('../../images/gray.webp');
    background-size: cover;
    display: inline-block;
    position: absolute;
    top: -16px;
    left: -16px;
    z-index: -1;
    WIDTH: 65px;
    height: 65px;
}

.content-items > span {
    font-size: 22px;
    padding-inline-start: 70px !important;
    font-weight: 600;
}

p.last-content {
    font-size: 25px;
    color: #5e5c5c !important;
}

p.content_questions {
    font-weight: 300;
    font-size: 25px;
    color: #8d847e;
}

.bk-groundcontetnt {
    background: #d0cccc;
    padding: 90px 30px;
    margin-top: 55px;
}

.bk-groundcontetnt p {
    font-size: 25px;
    color: #5e5858;
}

.bk-groundcontetnt strong {
    font-size: 26px;
    margin-bottom: 26px;
    display: block;

    color: #403f3f;
}

.row-Blog-article-snigle {
    display: flex;
    flex-wrap: wrap;
}

.article-blogs-block-large {
    display: flex;
    margin-bottom: 60px;
}

.article-blogs-block-large .article-img-block {
    min-width: 420px;
    max-width: 360px;
    flex: 1;
    height: 260px;
}

.article-blogs-block-large .article-img-block img {
    width: 100%;
    height: 100%;
}

.article-blogs-block {
    min-width: 310px;
    max-width: 330px;
    flex: 1;
    padding-inline-end: 29px;
}

.article-img-block {
    height: 230px;
}

.article-img-block img {
    width: 100%;
    height: 100%;
    display: block;
}

.article_blog {
    margin-top: 28px;
}

.article_blog span {
    font-size: 17px;
    color: #a1bf53;
    font-weight: 600;
}

.article-blogs-block-large .article_blog {
    max-width: 589px;
    margin-inline-start: 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.News-photos-box {
    padding-top: 0 !important;
    column-width: 240px;
    column-gap: 4px;
    margin: 30px 0;
    display: block;
}

.info-title-item {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff6f6b5;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px;
    text-align: center;
    opacity: 0;
    visibility: hidden;
}

.info-title-item h2 {
    font-size: 22px;
    margin-bottom: 10px;
    color: #000;
    font-family: inherit !important;
}

.photos-image-item {
    position: relative;
    break-inside: avoid;
    padding: 0 14px 20px 0;
    /*height: 267px;*/
    /*height: 300px;*/
    height: 375px;
}

.photos-image-item img {
    width: 100%;
    height: 100%;
}

div.content_photos {
    font-size: 16px;
    color: #626262;
}

.photos-image-item.hight {
    height: 360px;
}

.photos-image-item .info-title-item {
    opacity: 0;
    visibility: hidden;
}

h3.single-title_photoa {
    font-size: 110px;
    position: relative;
    font-family: inherit !important;
    font-weight: 500;
}

h3.single-title_photoa:before {
    content: "";
    background-image: url('../../images/gray.webp');
    background-size: cover;
    display: inline-block;
    position: absolute;
    top: 0px;
    left: -34px;
    z-index: -1;
    width: 105px;
    height: 105px;
}

.slider-item-hight {
    display: flex;
    overflow: hidden;
    position: relative;
    margin-top: 50px;
}

.slider-img-box {
    min-width: 100%;
    height: 560px;
}

.slider-img-box img {
    width: 100%;
    height: 100%;
}

.owl-dot {
    margin-inline-end: 30px;
    /*width: 48px;*/
    /*height: 10px;*/
    width: 38px;
    height: 7px;
    background: white;
    cursor: pointer;
}

.owl-dot:last-child {
    margin-inline-end: 0;
}

.owl-dots {
    position: absolute;
    display: flex;
    bottom: 38px;
    justify-content: center;
    align-items: center;
    margin-inline: -15px;
    width: max-content;
    left: 50%;
    transform: translateX(-50%);
}

.owl-dot.active {
    background: #a2bc46;
}

.News-snigle-box {
    margin-top: 60px;
}

.News-snigle-box > p {
    font-size: 20px;
    color: #626262;
    padding-bottom: 11px;
}

.News-snigle-box > p > strong {
    color: #000;
}

h3.single-title-photoa {
    font-size: 48px;
    position: relative;
    font-weight: 600;
    margin-bottom: 17px;
}

h3.single-title-photoa:before {
    content: "";
    background-image: url('../../images/background/green.webp');
    background-size: cover;
    display: inline-block;
    position: absolute;
    top: -13px;
    right: -17px;
    z-index: -1;
    WIDTH: 65px;
    height: 65px;
}

.Trainingcourses-yu-box {
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
}

.Trainingcourses-yu-box img {
    width: 100%;
    height: 100%;
}

.Trainingcourses-concept {
    padding: 0;
    position: relative;
    height: 100% !important;
}

.info-Trainingcourses {
    position: relative;
    color: white;
}

.info-Trainingcourses-content {
    position: relative;
    min-width: 312px;
    height: 210px;
    max-width: 312px;
    display: flex;
    align-items: center;
}

.Trainingcourses-yu-container {
    display: block;
    width: 100%;
}

.Trainingcourses-container {
    /* align-items: center; */
    /* height: 650px; */
    display: block;
    justify-content: center;
}

.hero-courses {
    padding-top: 7rem;
    padding-bottom: 6rem;
}

.stories-Trainingcourses-item {
    background: #d8d4d4;
    padding: 40px 40px 10px 34px;
}

.stories-Trainingcourses-item p {
    font-size: 15px;
}

.stories-slider-Trainingcourses {
    width: 700px;
    position: relative;
    margin-inline-start: auto;
    height: 410px;
}

.Trainingcoursesuser-info {
    flex-direction: column;
    display: flex;
    margin-top: 18px;
    /*font-size: 25px;*/
}

.Trainingcoursesuser-info span {
    display: block;
    font-size: 15px;
}

.stories-slider-courses .slick-disabled {
    display: none !important;
}

.stories-slider-Trainingcourses .owl-next {
    right: -70px;
    top: 100px;
    color: white;
}

.stories-slider-Trainingcourses .owl-next i {
    font-weight: 300 !important;
}

.stories-slider-Trainingcourses .owl-prev {
    left: -70px;
    top: 100px;
    color: white;
}

.stories-slider-Trainingcourses .owl-prev i {
    font-weight: 300;
}

.owl-prev.disabled {
}

.disabled {
    display: none !important;
}

.items-courses-Blogs {
    min-width: 400px;
    max-width: 400px;
    position: relative;
    height: 540px;
    margin: 0 10px 20px;
    flex: 1;
    overflow: hidden;
    cursor: pointer;
}

.items-courses-Blogs img {
    width: 100%;
    height: 100%;
}

ul.courses-info-blog {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    right: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 30px;
}

ul.courses-info-blog li {
    display: flex;
    align-items: center;
}

ul.courses-info-blog li.courses-title p {
    font-size: 27px;
}

.courses-Blogs-img-block {
    display: flex;
    width: 100%;
    position: relative;
    height: 100%;
    justify-content: center;
}

.courses-Blogs-img-block img {
    width: auto;
    height: 100%;
    min-height: 100%;
    max-width: unset;
    max-height: 100%;
}

.courses-Blogs-img-block:before {
    content: "";
    position: absolute;
    width: 100%;
    background: #000219ab;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
}

ul.courses-info-blog li.courses-title {
    color: white;
    font-size: 20px;
}

ul.courses-info-blog li.courses-date {
    font-size: 24px;
    color: #f1f1f1;
}

ul.courses-info-blog li.courses-date p {
    display: flex;
    align-items: center;
    margin-inline-end: 17px;
    font-size: 26px;
}

ul.courses-info-blog li.courses-date p:last-child {
    margin-inline-end: 0;
}

ul.courses-info-blog li.courses-date p i {
    color: #9dbb53;
    font-weight: 600;
    font-size: 25px;
}

li.courses-img {
    margin: 40px 0;
}

ul.courses-info-blog li p span {
    margin-inline-end: 8px;
    display: flex;
    align-items: center;
}

ul.courses-info-blog li p span i {
    color: #9dbb53;
}

.hp-slider-item div:before {
    content: "";
    background-image: url("../../images/background/dark-rtl.webp");
    background-size: cover;
    display: inline-block;
    position: absolute;
    z-index: -1;
    /*top: -30px;*/
    top: -15px;
    right: -29px;
    width: 100px;
    height: 100px;
}

.courses-Blogs-snigle {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
    justify-content: center;
}

.items-courses-questions {
    min-width: 400px;
    max-width: 400px;
    position: relative;
    height: 540px;
    margin: 0 10px 20px;
    flex: 1;
    overflow: hidden;
}

.items-courses-questions .courses-Blogs-img-block:before {
    background: #ece7e78a;
}

li.courses-phone {
    align-items: center;
    font-size: 26px;
    display: flex;
}

li.courses-phone p {
    display: flex;
    align-items: center;
    font-size: 37px;
}

.items-courses-questions ul.courses-info-blog {
    align-items: self-start;
}

li.courses-mail {
    font-size: 36px;
    margin-top: 19px;
    color: #222121;
}

li.courses-title-questions p {
    font-size: 32px;
    margin-bottom: 21px;
    font-weight: 500;
    color: #302f2f;
}

.about-sectionboxed {
    display: flex;
    margin-bottom: 40px;
}

.events-flex {
    display: flex;
    align-items: center;
    min-width: 100%;
    flex: 1;
    padding-bottom: 22px;
    border-bottom: 1px solid #c1c1c1;
    margin-bottom: 22px;
    cursor: pointer;
}

.events-flex > img {
    cursor: pointer;
}

.Upcomingevent {
    display: flex;
    align-items: center;
    flex: 1;
}

.youtube-youtube-img {
    position: relative;
}

.youtube-youtube-img a {
    height: 100%;
    display: block;
    position: relative;
    width: 100%;
}

.youtube-youtube-img a img {
    width: 100%;
    height: 100%;
    display: block;
}

section.bg-gray.subscribepage {
    background: white !important;
}

.row-youtube-box {
    display: flex;
    /*flex-wrap: wrap;*/
    margin-inline: -30px;
}

.row-youtube-box > * {
}

.items-rowyoutube-block {
    flex: 1;
    min-width: 400px;
    margin-inline: 30px;
}

.items-lg-block .about-album {
    height: 580px;
}

.info-Trainingcourses h1 {
    font-size: 110px;
    color: white;
    font-weight: 500;
    font-family: inherit !important;
}

.intro-concept-home {
    height: 100% !important;
    align-items: center;
    display: flex;
    overflow: hidden;
    padding-bottom: 210px;
}

.logo {
    min-width: 50px;
    max-width: 60px;
}

.logo a {
    width: 100%;
    height: 100%;
    display: block;
    text-align: end;
}

.logo a img {
    width: 100%;
    height: 100%;
}

.section-people-left {
    margin: -15px;
}

.col-Upcoming- {
    display: block;
    padding: 0;
    flex: 1;
}

.items-lg-block img {
}

.items-lg-block .about-album img {
}

.row.blogs-list .items-lg-block h3.blog-title {
    font-size: 20px;
    font-weight: 600;
}

.closemenu {
    position: absolute;
    top: 0px;
    font-size: 26px;
}

.closemenu i {
    color: #000;
    font-size: 30px;
}

.search_header {
    height: 100%;
    width: 100%;
    display: none;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.9);
}

.header {
    display: flex;
    align-items: center;
    position: relative;
    max-width: 1400px;
    margin: auto;
    justify-content: center;
}

.search_icon {
    display: flex;
    color: white;
    font-size: 30px;
    cursor: pointer;
    align-items: center;
    margin-inline-start: 50px;
}

.search_header.open-search {
    display: block;
}

.search_header > i {
    position: absolute;
    right: 50px;
    color: white;
    font-size: 36px;
    top: 40px;
    cursor: pointer;
    z-index: 22;
}

.search-form {
    position: relative;
    top: 46%;
    width: 50%;
    text-align: center;
    margin: auto;
}

.search-form form {
    display: flex;
}

.search-form form input {
    display: block;
    flex: 1;
    padding: 0.375rem 0.75rem;
    font-weight: 400;
    line-height: 1.5;
    color: white;
    background-clip: padding-box;
    appearance: none;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;

    background-color: unset !important;
    border: 1px solid #a1bf53 !important;
    border-radius: 0 !important;
    font-size: 1.4rem !important;
}

.search-form form button {
    min-width: 54px;
    max-width: 55px;
    display: block;
    margin-inline-start: 15px;
    background: #a1bf53;
    border: none;
    color: white;
    font-size: 25px;
}

li.img-logo {
    padding-inline: 37px;
}

.sponsors-box div {
    justify-content: center;
    display: flex;
    --d-w: 250px;
    min-width: var(--d-w);
    max-width: var(--d-w);
}

section.bg-dark.sponsors .container {
    padding: 0;
}

.sponsors-box .owl-stage {
    display: flex;
    align-items: center;
    position: relative;
    box-sizing: border-box;
    margin: auto;
    justify-content: center;
    width: 1092px !important;
}

.sponsors-box .owl-nav {
    display: none;
}

.griditems-list-box {

    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 80px;
    justify-content: space-between;
}

.griditems-blog {


    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
}

.sponsors-box .owl-stage-outer {
    display: flex;
    justify-content: center;
    margin: auto;
    align-items: center;
}

.row-blogs-list {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.box-blogs {
    display: flex;
    flex-shrink: 0;
    flex-direction: row-reverse;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: 0;
    margin-top: var(--bs-gutter-y);
    cursor: pointer;
}

.title-griditems {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1;
}

.width-defu-1 {
    flex: 1;
}

.buttonsection button:hover, .buttonsection a:hover {
    color: #ffffff;
    background-color: #c2cf99;
    border-color: #a1bf53;
}

.row-youtube-boxed {
    display: block;
    width: 100%;
}

.youtube-title h3.blog-title {
    font-weight: 400;
    font-size: 31px;
}

.rowUpcoming > * {
    flex-shrink: 0;
}

.storiestitle .owl-stage {
    display: flex;
}

.stories-slider .owl-stage {
    display: flex;
}

.stories-slider .owl-stage-outer {
    overflow: hidden;
}

.stories-slider-courses .slick-prev {
    right: -50px;
}

.storiestitle {
    display: flex;
    margin: auto;
}

.subscribe-info h2.prim-title {
    font-size: 88px;
    margin-bottom: 24px;
}

.subscribe-items {
    min-width: 524px;
    flex: 1;
    max-width: 524px;
    height: 570px;
    display: flex;
}

.width-defu-2 {
    width: 16.66666667% !important;
    flex: 1;
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y);
}

.page-header {
    background: #414042;
    /*display: block;*/
    /*position: relative;*/
    /*padding: 22px 0;*/
}

p.about-title {
    color: #a1bf53;

    font-weight: 600;
    margin-bottom: 18px;
    text-align: center;
    font-size: 30px;
}

section.aboutExperience {
}

section.aboutExperience h2.about-title {
    width: auto;
    flex: 1;
    font-size: 110px;
    margin-bottom: 0;
}

ul.dot-Experience {
    overflow: hidden;
}

.rowManagement ul {
    padding-inline-start: 41px;
}

.rowManagement {
    margin: auto;
}

.rowManagement > p.content_secti {
    margin-top: 20px;
    font-weight: 500;
    color: #444444;
    font-size: 30px;
}

.blogs-snigle-box p.content_secti {
    padding: 0 !important;
    /*font-size: 24px;*/
    color: #626262;
}

.blogs-snigle-boxed {
    display: flex;
    margin: auto;
    justify-content: center;
    flex-direction: column;
}

.items-blogs-block .title_blog {
    padding-top: 0;
    padding-bottom: 0;
    flex: 1;
    /*margin-top: 0;*/
}

.items-blogs-block span.datapost {
    font-size: 18px;
    font-weight: 600;
}

.row-blogs-snigle p.content_secti {
    font-size: 16px;
}

section.Blog-retels .container {
}

h3.title-article:before {
    content: "";
    background-image: url('../../images/gray.webp');
    background-size: cover;
    display: inline-block;
    position: absolute;
    top: 27px;
    right: -23px;
    z-index: -1;
    WIDTH: 85px;
    height: 85px;
}

h3.title-article span {
    font-size: 136px;
    /*font-family: "YourColor", sans-serif !important;*/
    position: relative;
    margin-inline-end: 21px;
}

.content-items {
}

ul.Contents-list-content {
    padding: 0 !important;
    margin: 0 !important;
    padding-inline-start: 90px !important;
    margin-bottom: 43px !important;
}

.content-items > p {
    padding-bottom: 5px !important;
    color: #8d847e;
}

ul.Contents-list-content li:before {
    color: #a1bf53;
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background: #a1bf53;
    right: -19px;
    top: 13px;
}

ul.Contents-list-content li {
    position: relative;
    font-size: 25px;

    padding-inline-start: 17px !important;
    color: #8d847e;
}

p.content-items-p1 {
    padding-inline-start: 70px !important;
}

.page-title {
    margin: auto;
}

.slider-item-hight .owl-stage {
    display: flex;
}

section.News-photoa .container {
    max-width: 1132px;
}

.stories-slider-Trainingcourses .owl-stage {
    display: flex;
    overflow: hidden;
}

.stories-slider-Trainingcourses .owl-stage-outer {
    overflow: hidden;
}

.owl-stage {
    display: flex;
}

section.bg-dark.sponsors-page {
    padding: 30px 0;
}

section.courses-Blogs .container {
}

ul.courses-info-blog li.courses-title > p {
    font-family: inherit !important;
    font-size: 70px;
    text-align: center;
    line-height: 50px;
}

ul.courses-info-blog li.courses-date p {
    font-size: 20px;
}

ul.courses-info-blog li.courses-phone p {
    font-size: 25px !important;
}

li.courses-mail p {
    display: flex;
}

.News-photoa-snigle-box {
    max-width: 1132px;
    margin: auto;
}

.menu_bar i.fa-thin.fa-xmark {
    display: none;
}

.rights-menu p {
    font-size: 16px;
}

.buttonsection.about button {
    margin-inline: inherit !important;
}

.griditems-blog h2.prim-title {
    margin-bottom: 53px;
}

.img-griditems {
    width: 600px;
    height: 345px;
    margin-inline-start: 60px;
}

.img-griditems img {
    width: 100%;
    height: 100%;
}

.items-blogs-list .title_blog {
}

.banner-boxed ul.square-ul {
    padding-inline-start: 35px;
}

.banner-boxed p span {
    font-size: 29px;
}

.title_youtube .buttonsection {
    margin-top: 60px;
}

.title_youtube p.content_secti {
    font-size: 30px;
}

.items-rowyoutube-block:last-child {
    padding-inline-end: 0;
}

section.storiessngline .stories-slider {
    max-width: 1126px;
}

.blogs-content .col-lg-7 span {
    font-size: 23px;
}

.stories-slider .stories-slider {
    min-width: 1048px;
}

section.stories .stories-slider {
}

.row-Blog-retels-snigle .items-blogs-block:last-child {
}

ul.head li a img {
    width: 100%;
    height: 100%;
}

a.img {
    display: block;
}

.image-item {
    min-width: 390px;
    max-width: 390px;
    flex: 1;
    margin: 15px;
}

.people-box-items {
    display: flex;
    flex-wrap: wrap;
    margin-inline-start: auto;
    justify-content: flex-end;
}

.items-blogs-list img {
    width: 100%;
}

.items-blogs-list h3.blog-title {
    font-size: 28px;
    color: #414046;
}

.row-youtube .row-box-items {
    min-width: 600px;
    max-width: 600px;
    height: 340px;
    flex: 1;
}

.events-flex:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: navajowhite;
}

.up-events {
    margin-bottom: 23px;
}

section.subscribe.subscribe-white {
    background: white;
}

.sponsors-page-box {
    display: flex;
    justify-content: center;
    width: 1080px;
    margin: auto;
}

.sponsors-page-box div {
    min-width: 210px;
    max-width: max-content;
    flex: 1;
    margin: auto;
}

.stories-slider.courses {
    width: 1146px;
}

.page-title.frist h2 {
    /*font-size: 80px;*/
}

.page-title.frist p.content_secti {
    font-size: 26px;
    color: #767676;
}

.benfit:last-child:after {
    display: none;
}

.infosectionEducation h2:before {
    background-image: url('../../images/background/green-rtl.webp');
    width: 95px;
    height: 95px;
    right: -38px;
    top: -22px;
}

.header-single .search_icon {
    display: none;
}

.inline--logo {
    margin-inline: 80px;
    display: flex;
    justify-content: center;
}

.img-logo {
    width: 110px;
}

.--model--popovers {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #000000e0;
    z-index: 1;
    top: 0;
    right: 0;
    display: flex;
    justify-content: center;
}

.--model--popovers--container {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    max-width: 850px;
    height: 450px;
    display: flex;
    z-index: 1;
}

.--model--popovers--container > iframe {
    max-width: 100%;
    height: 100%;
}

.--popovers--closse--button {
    position: absolute;
    --el-w: 28px;
    width: var(--el-w);
    height: var(--el-w);
    background: white;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    top: -14px;
    left: -14px;
    cursor: pointer;
}

.--popovers--closse--button:hover {
    color: #db1133;
}

.--model--popovers--closse {
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
}

.stories-conatiner {
}

section.pagecoaching {
    padding: 160px 0;
}

.info-cover {
    margin: auto;
    justify-content: center;
    align-items: center;
}

.sponsors-box {
    display: flex;
    align-items: center;
    position: relative;
    margin: auto;
    justify-content: space-between;
}

.rowUpcoming .row {
    flex-direction: column;
}

img.arrow {
    transform: rotate(180deg);
}

.articles-slider .blog-intro p {
    font-size: 1rem;
    margin-bottom: 0;
}

.articles-slider .datapost {
    font-size: .75rem;
}

.hp-slider h1 {
    font-family: 'HACEN-TUNISIA-BOLD', sans-serif !important;
}

.hero {
    background-image: url(../../images/heroes/mobile-hp.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.as-navbar a {
    color: #ffffff;
    text-decoration: none;
    font-size: 1.4rem;
}

.nav-search-icon {
    color: #ffffff;
    font-size: 1.5rem;
}

.header-menu {
    font-size: 2rem;
}

.h-105vh {
    height: 105vh !important;
}

.hp-slider .slick-list {
    height: 98% !important;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.slick-dots {
    bottom: 0;
}

.hp-slider-item div {
    padding-top: 10rem;
}

.hp-slider .slick-dots li {
    margin: 0 5px;
}

.hp-slider .slick-dots li.slick-active button {
    background: #a1bf53;
}

.hp-slider .slick-dots li button {
    width: 20px;
    height: 3px;
    padding: 0;
}

.hp-slider .slick-dots li button {
    background: #ffffff;
}

.hero:before {
    content: '';
    width: 100%;
    height: 25%;
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(#000000 -5rem, transparent);
}

.sponsors-slider .slick-slide {
    display: flex;
    justify-content: center;
}

.stories-slider .slick-prev:before, .stories-slider .slick-next:before {
    content: "";
    z-index: -1;
    background-size: cover;
    display: inline-block;
    position: absolute;
    width: 20px;
    height: 26px;
}

.stories-slider .slick-next:before {
    background-image: url(../../images/icons/arrow-left.webp);
    /* left: -18px; */
}

.stories-slider .slick-prev:before {
    background-image: url(../../images/icons/arrow-right.webp);
    right: -25px;
}

.stories-slider .slick-prev:before, .stories-slider .slick-next:before {
    color: #000000;
    font-size: 4rem;
}

.edu-about-pt {
    padding-top: 8rem;
}

.opr-about-pt {
    padding-top: 13rem;
}

.about-green-box {
    position: absolute;
    left: -2rem;
    top: 0;
    width: 40%;
}

.about-gray-box {
    position: absolute;
    left: -2rem;
    top: 1.5rem;
    width: 40%;
}

.stories-slider-courses .slick-slide:nth-child(even) {
    margin-left: 0.2rem;
    margin-right: 0.2rem;
}

.stories-slider-courses .slick-slide:nth-child(odd) {
    margin-left: 0.2rem;
    margin-right: 0.2rem;
}

.stories-slider-courses .slick-next:before {
    content: '\226B';
    font-size: 50px;
}

.stories-slider-courses .slick-prev:before {
    content: '\226A';
    font-size: 50px;
}

.articles-slider .slick-slide:nth-child(odd) {
    /*padding-left: 1.3rem;*/
    padding-right: 1rem;
}

.articles-slider .slick-slide:nth-child(even) {
    /*padding-left: 1.3rem;*/
    padding-right: 1rem;
}

.photos-image-item:hover .info-title-item {
    opacity: 1;
    visibility: visible;
    transition: 2s;
}

section.subscribe {
    padding-top: 8rem;
    padding-bottom: 13rem
}

.about-titles {
    text-align: start;
}

.about-titles h2 {
    line-height: 0.4;
}

.offcanvas ul {
    font-size: 1.25rem;
}

.overlay {
    height: 100%;
    width: 100%;
    display: none;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.9);
}

.overlay-content {
    position: relative;
    top: 46%;
    width: 50%;
    text-align: center;
    margin: auto;
}

.overlay .closebtn {
    position: absolute;
    right: 45px;
    font-size: 60px;
    cursor: pointer;
    color: white;
}

.overlay .closebtn:hover {
    color: #ccc;
}

.search input, .search input::placeholder {
    color: #ffffff !important;
}

@media (max-width: 1200px) {
    .stories-slider .slick-prev:before {
        background-image: url(../../images/icons/arrow-right.webp);
        right: -10px;
    }
}

@media (max-width: 991px) {
    .prim-title {
        width: fit-content;
        margin: auto;
    }

    .blogs-snigle-box {
        display: flex;
        flex-direction: column;
    }

    .about-titles .title-box:before {
        content: unset;
    }

    .coaching-banner ul {
        width: fit-content;
        margin: auto;
    }

    .benfit {
        display: flex;
        align-items: center;
        margin: auto;
        padding-bottom: 50px;
        position: relative;
        padding-top: 50px;
        justify-content: space-between;
        flex-wrap: nowrap;
        flex-direction: column;
    }

    .benfit:after {
        content: "";
        position: absolute;
        bottom: 0;
        background: #d0c7c7;
        width: 75%;
        height: 2px;
        /*right: 70px;*/
    }

    .coaching-banner:before {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: #000000a8;
        z-index: -1;
    }
}

@media (max-width: 768px) {
    .hp-slider-item div:before {
        content: unset;
    }

    .stories-slider-courses .slick-next:before, .stories-slider-courses .slick-prev:before {
        font-size: 40px;
    }

    .stories-slider-courses .slick-next {
        left: -20px;
    }

    .stories-slider-courses .slick-prev {
        right: -40px;
    }

    .benfit:after {
        content: "";
        position: absolute;
        bottom: 0;
        background: #d0c7c7;
        width: 100%;
        height: 2px;
        right: 0;
    }

}

@media (max-width: 576px) {
    .stories-slider-courses .slick-prev {
        right: -25px;
    }

    .stories-slider-courses .slick-next:before, .stories-slider-courses .slick-prev:before {
        font-size: 27px;
    }

    section {
        padding: 40px 0 !important;
        display: block;
    }

    .ProcessWork-slider {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        align-content: center;
    }

    .stories-slider .slick-next:before {
        background-image: url(../../images/icons/arrow-left.webp);
        left: 0;
    }

    .stories-slider .slick-prev:before {
        background-image: url(../../images/icons/arrow-right.webp);
        right: 0;
    }


}

@media (min-width: 576px) {
    h1, .h1 {
        font-size: 4.5rem;
    }

    h2, .h2 {
        font-size: 2.5rem;
    }

    h3, .h3 {
        font-size: 1.5rem;
    }

    h4, .h4 {
        font-size: 1.15rem;
    }

    h5, .h5 {
        font-size: 1rem
    }

    p, .p, ul, ol {
        font-size: 1.2rem;
    }

    .form-control {
        font-size: 1.4rem !important;
    }

    .container, .container-md, .container-sm {
        max-width: 490px;
    }

    .border-start-sm {
        border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
    }

    .h-sm-130vh {
        height: 130vh;
    }

    .h-sm-25 {
        height: 25% !important;
    }

    .h-sm-75 {
        height: 75% !important;
    }

    .hp-slider-item div {
        position: relative;
        padding-top: 15rem;
    }

    /*.hp-slider-item div:before {*/
    /*    top: -1px;*/
    /*    right: 0;*/
    /*    width: 100px;*/
    /*    height: 100px;*/
    /*}*/
    .stories-slider-item {
        padding: 5.5rem 3.5rem 1rem 2rem;
    }

    .stories-slider .slick-next {
        left: -22px;
    }

    .stories-slider .slick-prev:before, .stories-slider .slick-next:before {
        width: 20px;
        height: 26px;
    }

    .articles-slider .slick-slide:nth-child(odd) {
        /*padding-left: 1.3rem;*/
        padding-right: 1.5rem;
    }

    .articles-slider .slick-slide:nth-child(even) {
        /*padding-left: 1.3rem;*/
        padding-right: 1.5rem;
    }

    .title-box:before {
        top: -15px;
    }

    .event-date span, .event-date a {
        font-size: 23px;
    }

    .about-green-box {
        width: 25%;
    }

    .about-gray-box {
        width: 30%;
    }

    .btn {
        font-size: 1.25rem;
    }
}

@media (min-width: 768px) {
    h1, .h1 {
        font-size: 3.25rem;
    }

    h2, .h2 {
        font-size: 3.75rem;
    }

    h3, .h3 {
        font-size: 1.5rem;
    }

    h4, .h4 {
        font-size: 1.25rem;
    }


    p, .p, ul, ol {
        font-size: 1.25rem;
    }

    .container, .container-md, .container-sm {
        max-width: 650px;
    }

    .border-start-md {
        border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
    }

    .blogs-list {
        margin-top: 4.5rem !important;
    }

    .h-md-25 {
        height: 25%;
    }

    .h-md-75 {
        height: 75%;
    }

    .h-md-100 {
        height: 100% !important;
    }

    .h-md-105vh {
        height: 105vh !important;
    }

    .hero {
        background-image: url(../../images/heroes/hp-ar.webp);
        /* background-position: left; */
    }

    .hp-slider-item div {
        width: 52%;
        margin-right: auto;
        padding-top: 3rem;
        padding-right: 0;
        position: relative;
    }

    /*.hp-slider-item div:before {*/
    /*    top: 32px;*/
    /*    right: -30px;*/
    /*    width: 75px;*/
    /*    height: 75px;*/
    /*}*/
    .stories-slider-item {
        padding: 4.1rem 2rem 2rem 2.5rem;
    }

    .stories-slider .slick-slide:nth-child(odd) {
        padding-right: 0.4rem;
        padding-left: 1.3rem;
    }

    .stories-slider .slick-slide:nth-child(even) {
        padding-right: 1.3rem;
        padding-left: 0.4rem;
    }

    .stories-slider .slick-next {
        left: -22px;
    }

    .stories-slider .slick-prev:before, .stories-slider .slick-next:before {
        width: 25px;
        height: 31px;
    }


    .stories-slider-courses .slick-prev:before {
        content: '\226A';
        font-size: 50px;
    }

    .articles-slider .slick-slide:nth-child(odd) {
        /*padding-left: 1.3rem;*/
        padding-right: 2.5rem;
    }

    .articles-slider .slick-slide:nth-child(even) {
        /*padding-left: 1.3rem;*/
        padding-right: 2.5rem;
    }

    .title-box:before {
        top: -10px;
        right: -27px;
        width: 70px;
        height: 70px;
    }
}

@media (min-width: 992px) {
    h1, .h1 {
        font-size: 3.9rem;
    }

    h2, .h2 {
        font-size: 4rem;
    }

    h4, .h4 {
        font-size: 1.25rem;
    }

    p, .p, ul, ol {
        font-size: 1.25rem;
        line-height: 1.3;
    }

    .container, .container-lg, .container-md, .container-sm {
        max-width: 850px;
    }

    .nav-search-icon {
        position: absolute;
        left: 0;
        top: 2rem;
        font-size: 1.5rem;
    }

    .hp-slider-item div {
        width: 52%;
        margin-right: auto;
        padding-top: 3rem;
        padding-right: 3rem;
        position: relative;
    }

    /*.hp-slider-item div:before {*/
    /*    top: 23px;*/
    /*    right: 4px;*/
    /*    width: 100px;*/
    /*    height: 100px;*/
    /*}*/
    .hp-slider .slick-dots li {
        margin: 0 15px;
    }

    .hp-slider .slick-dots li button {
        width: 30px;
        /*width: 30px;*/
        height: 6px;
        /*height: 6px;*/
        padding: 0;
    }

    .hero:before {
        background: linear-gradient(#000000 -100rem, transparent);
    }

    .stories-slider-item {
        padding-top: 5.5rem;
        padding-bottom: 2rem;
        padding-right: 2rem;
    }

    .blog-first-img {
        width: 95%;
    }

    .stories-slider .slick-next {
        left: -22px;
    }

    .stories-slider .slick-prev:before, .stories-slider .slick-next:before {
        width: 30px;
        height: 38px;
    }

    .subscribe-img {
        position: absolute;
    }

    .about-gray-box, .about-green-box {
        top: -4rem;
        width: auto;
    }

    .side.blog-box img {
        max-width: 40%;
    }

    .side-blog-boxes a:nth-child(2) .blog-box:before {
        bottom: -10px;
        top: inherit;
        right: -23px;
    }

    .side-blog-boxes a:last-child .blog-box:before {
        bottom: -9px;
        top: inherit;
        right: -20px;
    }
}

@media (min-width: 1200px) {
    h1, .h1 {
        font-size: 5.25rem;
    }

    h2, .h2 {
        font-size: 4.2rem;
    }

    h4, .h4 {
        font-size: 1.35rem;
    }

    p, .p, ul, ol {
        font-size: 1.25rem;
        line-height: 1.3;
    }

    .breadcrumbs .container {
        max-width: 1170px;
    }

    .hero-courses-container {
        max-width: 1040px !important;
    }

    .section-custom-container {
        max-width: 950px !important;
    }

    .hp-hero-container {
        max-width: 1250px !important;
    }

    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1150px;
    }

    .as-navbar {
        padding-right: 9rem !important;
        padding-left: 9rem !important;
    }

    .nav-search-icon {
        left: 8rem;
        top: 2rem;
        font-size: 1.6rem;
    }

    .hp-slider-item div {
        width: 52%;
        margin-right: auto;
        padding-top: 0;
        padding-right: 1.5rem;
        padding-left: 1rem;
        position: relative;
    }

    /*.hp-slider-item div:before {*/
    /*    top: -32px;*/
    /*    !*top: -20px;*!*/
    /*    right: -34px;*/
    /*    !*right: 19px;*!*/
    /*    width: 110px;*/
    /*    height: 110px;*/
    /*}*/
    .hp-slider .slick-dots li {
        margin: 0 17px;
    }

    .hp-slider .slick-dots li button {
        width: 30px;
        /*width: 32px;*/
        /*height: 7px;*/
        height: 6px;
        padding: 0;
    }

    .stories-slider-item {
        padding-top: 6.3rem;
        padding-bottom: 2rem;
        padding-right: 4rem;

        height: 400px;
    }

    section.bg-dark.sponsors .container {
        padding-right: 6rem !important;
        padding-left: 6rem !important;
    }

    .stories-slider .slick-next {
        left: -22px;
    }

    .stories-slider .slick-prev:before, .stories-slider .slick-next:before {
        width: 40px;
        height: 50px;
    }

    .stories-slider-courses .slick-slide:nth-child(odd) {
        margin-left: 0.4rem;
        margin-right: 0.8rem;
    }

    .stories-slider-courses .slick-slide:nth-child(even) {
        margin-left: 0.8rem;
        margin-right: 0.4rem;
    }

}