@font-face {
    font-family: DIN;
    src: url(../assets/din-next-lt-w23-regular.ttf);
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    scroll-behavior: smooth;
    font-family: 'DIN', sans-serif;
}

:root {
    --main-color: #5485C7;
    --second-color: #F5D13D;

}

a {
    text-decoration: none;
}

/* ------------------------ */
/* nav-bar */
.dropdown-menu a {
    color: #767676 !important;
}

.top-nav .btn-group:hover,
.top-nav .btn-group:active,
.top-nav .btn-group.active {
    color: var(--second-color);
}


.top-nav ul li a {
    font-size: 21px;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: 0em;
    color: #fff;
}

.top-nav ul li a:hover {
    color: var(--second-color);
}

/* ---------------------- */
/* navbar  */
.navbar {
    box-shadow: 0px 2px 12px 0px #00000040;
    background-color: #fff;
}

.navbar .navbar-brand img {
    width: 193px;
    height: 80px;
}

.navbar .nav-item a {
    font-size: 20px;
    font-weight: 400;
    line-height: 35.28px;
    color: #5E5F61 !important;
    text-align: center;

}

.navbar .nav-item a:hover,
.navbar .nav-item a.active,
.navbar .nav-item a:active {
    color: var(--main-color) !important;
}

.login-link {
    height: 50px;
    top: 65px;
    left: 135px;
    padding: 20px;
    border-radius: 50px;
    background-color: var(--main-color);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    line-height: 29.4px;

}


/* ------------------------------ */
footer {
    background: linear-gradient(120.02deg, #5283BF 0.71%, #303336 100%);
}


footer .footer-top h3 {
    font-size: 43px;
    font-weight: 700;
    line-height: 68px;
    text-align: center;
    color: #fff;
}

.Subscribe-btn {
    background-color: #F7D14A;
    border-radius: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 50px;
    font-size: 26px;
    font-weight: 700;
    line-height: 38.22px;
    border: none;
    color: #fff;
}

footer hr {
    background-color: #fff;
    opacity: .5;
    height: 2px;
    border: none;

}

footer .footer-text {
    font-size: 16px;
    line-height: 27.93px;
    color: #fff;
}

footer .ul-header {
    color: #fff;
    font-size: 21px;
    font-weight: 700;
    line-height: 30.87px;
}

footer ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

footer ul li {
    margin: 16px 0;
}

footer ul a {
    font-size: 21px;
    line-height: 30.87px;
    color: #fff;
}

footer ul a:hover {
    color: var(--second-color);
}

.social-title {
    color: #fff;
    font-size: 31px;
    font-weight: 700;
    line-height: 49.11px;
}

.copy-write {
    color: #fff;
}

.copy-write a {
    font-weight: 500;
    line-height: 30px;
    text-align: center;
    color: #fff;
    text-decoration: underline;
}

.copy-write a:hover {
    color: var(--second-color);
}

/* ------------------------ */
/* hero sec */

.features_slider,
.hero_slider,
.hero_slide {
    position: relative;
    height: 600px;
    color: #fff;
}

.hero_slide-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.hero_slide-bg img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
}

.features_slider .owl-nav button,
.hero_slider .owl-nav button {
    position: absolute;
    top: 50%;
    color: #fff !important;
}

.features_slider .owl-nav button.owl-next,
.hero_slider .owl-nav button.owl-next {
    left: 16px;

}

.features_slider .owl-nav button.owl-prev,
.hero_slider .owl-nav button.owl-prev {
    right: 16px;
}

.slide-data h1 {
    font-size: 76px;
    font-weight: 700;
    line-height: 111.72px;
}

.slide-data h4 {
    font-size: 27px;
    font-weight: 700;
    line-height: 39.69px;
}

.hero-links a {
    padding: 16px 35px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 8px;
    border-radius: 55px;
    font-size: 18px;
    font-weight: 700;
    line-height: 29.4px;
    color: #fff;
    border: 3px solid #FFFFFF
}

.hero-links a.active-link {
    background-color: #fff;
    color: #5d5e5f;
}

@media (max-width:768px) {
    .hero-links a {
        padding: 16px 25px;
    }
}

/* ------------------- */
/* intro section  */
.intro_data {
    background: #4E78AC1A;
    border-radius: 30px;
}

.intro_data h4 {
    font-size: 24px;
    font-weight: 400;
    line-height: 35.28px;
    text-align: center;
    color: #5586C8;
}

/* ---------------- */
/* .features sec */
.features_sec {
    background-color: #fff;
    position: relative;
}

.features_sec .side-img{
    position: absolute;
    left: 0;
    bottom: -59px;
}

.feature_box {
    border-radius: 16px;
    border: 4px solid #f4f4f4;
}

.feature_box img {
    max-height: 145px;
}

.feature_box h5 {
    color: #5d5e5f;
    font-weight: 700;
    font-size: 16px;
}

.feature_box p {
    color: #898a8b;
    font-size: 12px;
}


/* ------------------------- */
/* services_sec */

.services_sec {
    background-color: #f4f4f4;
    position: relative;
}

.services_sec .side-img {
    position: absolute;
    left: 0;
    bottom: 200px;
}


.services_sec h1 {
    color: #5d5e5f;
    font-size: 40px;
    font-weight: 700;
    line-height: 76px;
    letter-spacing: 0em;
}

.service_slide {
    background-color: #fff;
    border-radius: 30px;
    padding: 35px 20px;
    box-shadow: 0px 0px 11.84px 0px #00000040;
}

.service_slide .serv-img {
    width: 90px;
    height: 90px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.service_slide h4 {
    color: #5d5e5f;
    font-size: 18px;
    font-weight: 700;
    line-height: 25.04px;
    position: relative;
    padding-bottom: 16px;
}

.service_slide h4::after {
    content: "";
    position: absolute;
    width: 80px;
    height: 2.5px;
    background-color: #5E5F61;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

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

.services_sec .owl-item {
    padding: 10px;
}

.services_sec .owl-dots {
    display: flex !important;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
}

.services_sec .owl-dots .owl-dot {
    width: 12px;
    height: 12px;
    background-color: transparent;
    border: 1px solid #5E5F61;
    border-radius: 50%;
    margin: 8px 4px;

}

.services_sec .owl-dots .owl-dot.active {
    width: 40px;
    background-color: #5E5F61;
    border-radius: 16px;
}

/* --------------------------- */
/* register page  */
.register_sec {
    min-height: 100vh;
    position: relative;
}

.register_sec .right-shap,
.register_sec .bottom-shap {
    position: absolute;
}

.register_sec .right-shap {
    right: 0;
    top: 35%;
}

.register_sec .bottom-shap {
    left: 0;
    bottom: 0%;
}

.register_sec h1 {
    font-size: 43px;
    font-weight: 700;
    line-height: 63.21px;
    color: #5E5F61;

}

.inputform {
    border: 1px solid #767676;
    border-radius: 10px;
    height: 50px;
    width: 100%;
    outline: none;
    box-shadow: none;
    padding: 16px;
}


.inputform:focus {
    outline: none;
    box-shadow: none;
}

.input-group.inputform {
    padding: 0;
}

.input-group.inputform input,
.input-group.inputform select {
    border-radius: 10px;
    border: none;
    outline: none;
    box-shadow: none;
    padding-right: 0;
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: 0em;

}

.input-group.inputform input::placeholder {
    color: #D9D9D9;
    font-size: 20px;
}

.input-group.inputform span {
    padding: 16px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border: none;
    background-color: transparent;
    color: var(--main-color);
}

.register_sec .submit-btn {
    background-color: var(--main-color);
    color: #fff;
    height: 50px;
    border-radius: 16px;
    width: 300px;
    border: none;
    font-size: 24px;
    font-weight: 700;
    line-height: 41px;
    letter-spacing: 0em;
    display: flex;
    align-items: center;
    justify-content: center;

}

.redirect-link {
    color: var(--main-color);
    font-size: 24px;
    font-weight: 700;
    line-height: 41px;
    letter-spacing: 0em;
    text-decoration: underline;
}


.form-check {
    text-align: start;
}

.form-check-label {
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: 0em;
    color: #ccc;
    display: flex;
    align-items: center;

}

.form-check-label a {
    font-size: 20px;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: 0em;
    text-decoration: underline;
    color: var(--main-color);
}

.form-check-input {
    cursor: pointer;
    outline: none;
    border-color: #ccc;
    width: 22px;
    height: 22px;
}

.form-check-input:focus {
    box-shadow: none;
}

.form-check-input[type=checkbox] {
    outline: none;
}

.form-check-input[type=checkbox]:checked {
    background-color: var(--main-color);
    border-color: var(--main-color);

}

/* ------------------ */
/* about_sec */
.instractore_slide img {
    display: inline !important;
    width: unset !important;
}

/* ------------------ */
/* levels_sec */

.step_inner_number {
    width: 50px;
    height: 50px;
    background-color: red;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.step_number {
    padding: 20px;
    background-color: #fff;
    width: 200px;
    border-radius: 0% 50% 50% 0
}

.levels_sec {
    position: relative;
    background-color: #f4f4f4;
}

.levels_sec .side-img {
    position: absolute;
    right: 0;
    bottom: -32px;
    z-index: 2;
}

.sec-top h1,
.instractors_sec_top h1,
.levels-top h1 {
    color: #5d5e5f;
    font-weight: 700;
    font-size: 46px;
    line-height: 60px;
    color: #5E5F61;
}

.sec-top h4,
.instractors_sec_top h4,
.levels-top h4 {
    font-size: 20px;
    font-weight: 700;
    line-height: 25px;
    color: #5d5e5f;
}

.levels-top img {
    height: 150px;
}

/* TIMELINE
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.timeline {
    white-space: nowrap;
    overflow-x: hidden;
}

.timeline ol {
    font-size: 0;
    width: 100%;
    padding: 160px 0;

}

.timeline ol li {
    position: relative;
    display: inline-block;
    list-style-type: none;
    width: 160px;
    height: 5px;
    background: #fff;
}

.timeline ol li:nth-child(5),
.timeline ol li:last-child {
    width: 0px;
}


.timeline ol .five_step .content_data {
    right: -100px;
}

.timeline ol li:not(:last-child) .step_number {
    padding-bottom: 13px;
    position: absolute;
    top: 50%;
    left: calc(100% + 1px);
    bottom: 0;
    width: 50px;
    height: 50px;
    border: 5px solid #fff;
    transform: translateY(-50%) translateX(-5px);
    border-radius: 50%;
    background: #f45b69;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    font-weight: 700;
    color: #fff;
}

.four_step .step_number,
.first_step .step_number {
    background-color: #f7d14a !important;
}

.second_step .step_number,
.five_step .step_number {
    background-color: #5586c8 !important;
}

.first_step .third_step {
    background-color: #cd3959 !important;
}

.timeline ol li .content_data {
    position: absolute;
    right: calc(-50% - 24px);
    width: 170px;
    padding: 16px 8px;
    white-space: normal;
    background: white;
    border-radius: 50px;
    color: #5d5e5f;
    font-weight: 700;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.timeline ol li .content_data::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
}


.timeline ol li:nth-child(odd) .content_data::after {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 20px solid #fff;
    bottom: -19px;
}

.timeline ol li:nth-child(even) .content_data::after {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 20px solid #fff;
    top: -19px;
}

.timeline ol li:nth-child(odd) div {
    top: -50px;
    transform: translateY(-100%);
}

.timeline ol li:nth-child(even) div {
    top: calc(100% + 50px);
}


.timeline time {
    display: block;
    font-size: 1.2rem;
    font-weight: bold;
    margin-bottom: 8px;
}


@media screen and (max-width: 992px) {
    .timeline ol li:not(:last-child) {
        display: flex;
        width: auto;
        align-items: center;
        margin: 16px 0;
    }

    .timeline ol li:not(:last-child) .step_number {
        position: relative;
        left: unset;
        top: unset;
        transform: none;
        margin-left: 20px;
    }


    .timeline ol,
    .timeline ol li {
        width: auto;
    }

    .timeline ol {
        padding: 0;
        transform: none !important;
    }

    .timeline ol li {
        display: block;
        height: auto;
        background: transparent;
    }

    .timeline ol li:not(:first-child) {
        margin-left: auto;
    }

    .timeline ol li .content_data {
        position: relative;
        width: 100%;
        height: auto !important;
        right: unset !important;
        top: unset !important;

    }

    .timeline ol li:nth-child(even) div ,
    .timeline ol li:nth-child(odd) div {
        transform: none;
    }


    .timeline {
        overflow: visible;
    }

    .timeline ol .content_data::after{
        /* border-left: 10px solid transparent !important;
        border-right: 20px solid transparent !important;
        border-top: 0px solid #fff !important;
        border-bottom: 0px solid #fff !important;
         top: 50% !important;
         right: -19px !important; */
        border-top: 10px solid transparent !important;
        border-bottom: 10px solid transparent !important;
        border-left: 20px solid #fff !important;
        right: -29px !important;
        left: unset !important;
        top: calc(50% - 10px)  !important;
        bottom: unset !important;

    }


}


/* ----------------- */
/* our_numbers */
.our_numbers {
    background-image: url(../assets/number-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.our_numbers h1 {
    font-size: 63px;
    font-weight: 700;
    line-height: 76px;
    letter-spacing: 0em;
    color: #fff;
}

.our_numbers .number-card {
    flex-direction: column;
}

.our_numbers .number-card .counter {
    font-size: 100px;
    font-weight: 700;
    line-height: 75px;
}

.our_numbers .number-card p {
    font-size: 43px;
    font-weight: 700;
    line-height: 52px;
    letter-spacing: 0em;
    color: #fff;
}

/* ------------------- */
/* partner_sec */

.section_title,
.partner_sec h1 {
    color: #5E5F61;
    font-size: 40px;
    font-weight: 700;
    text-align: center;

}

.partner_sec .infiniteslide img {
    max-height: 120px;
}

.instractores_slider .owl-stage,
.projects_slider .owl-stage,
.opinion_sec .owl-stage {
    display: flex;
}

.instractores_slider .owl-item,
.projects_slider .owl-item,
.opinion_sec .owl-item,
.partner_sec .owl-item {
    padding: 16px 10px;
}

.instractores_slider .owl-dots,
.projects_slider .owl-dots,
.opinion_sec .owl-dots,
.partner_sec .owl-dots {
    display: flex !important;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
}

.instractores_slider .owl-dots .owl-dot,
.projects_slider .owl-dots .owl-dot,
.opinion_sec .owl-dots .owl-dot,
.partner_sec .owl-dots .owl-dot {
    width: 12px;
    height: 12px;
    min-width: 12px;
    min-height: 12px;
    background-color: transparent;
    border: 2px solid #5E5F61;
    border-radius: 50%;
    margin: 4px;

}

.instractores_slider .owl-dots .owl-dot.active,
.projects_slider .owl-dots .owl-dot.active,
.opinion_sec .owl-dots .owl-dot.active,
.partner_sec .owl-dots .owl-dot.active {
    width: 30px;
    background-color: #5E5F61;
    border-radius: 16px;
}

/* ------------- */
/* opinion_sec */
.opinion_sec {
    background-color: #f4f4f4;
}

.opinion_sec .levels-top img {
    height: 200px;
}

.opinion_sec .opinion_slide {
    background-color: #ffff;
    border-radius: 30px;
}

.opinion_slide .advisor-img {
    width: 120px !important;
    height: 120px;
    border-radius: 50%;
    margin: auto;
}

.opinion_sec .opinion_slide h5 {
    color: #5d5e5f;
    font-weight: 700;
    font-size: 18px;
}

.opinion_sec .opinion_slide p {
    color: #5d5e5f;
    font-weight: 700;
}

/* ---------------------- */

.projects_sec {
    position: relative;
}

.projects_sec .side-img {
    position: absolute;
    right: 0;
    bottom: 0px;
}

.project_slide {
    border-radius: 10px;
    background-color: #fff;
}

.project_slide .project-img {
    width: 100%;
    height: 140px;
    border-radius: 10px;
    object-fit: cover;
}

.project_slide h5 {
    color: #5d5e5f;
    font-weight: 700;
}

.project_slide p {
    color: #5d5e5f;
}

.project_status {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    padding: 6px 20px;
    border-radius: 55px;
    font-size: 20px;
    font-weight: 400;
    line-height: 29.4px;
}

.project_status.past_project {
    background-color: #5E8EC9;
}

.project_status.current_project {
    background-color: #006C35;
}

.instractore_slide,
.project_slide,
.opinion_slide {
    box-shadow: 1px 3px 19px 0px #00000012;
    border-radius: 20px;
}


.P-rate span {
    margin-left: 5px;
}


.P-rate span.str-fill {
    color: #F3CD03;
}

.P-rate span.str-emp {
    color: #D8D8D8;
}

/* --------------- */
/* join_us */
.join_us h1 {
    font-size: 53px;
    font-weight: 700;
    line-height: 50px;
    letter-spacing: 0.20000000298023224px;
    color: var(--main-color);
}

.join_us h5 {
    font-size: 27px;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: 0px;
    color: var(--main-color);
}

.join_us form {
    border: 1px solid #C1DDFF;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 58px;
}

.join_us form input {
    width: 100%;
    height: 100%;
    border: none;
    background-color: transparent;
    box-shadow: none;
    outline: none;
    padding: 0 16px;
    font-size: 27px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0.20000000298023224px;
}

.join_us form input::placeholder {
    color: #5B8BC6A6;
}

.join_us form button {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 16px;
    font-size: 27px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: 0.20000000298023224px;
    border: none;
    background-color: var(--main-color);
    color: #fff;
    border-radius: 5px;

}

/* ---------------- */
/* blogs page  */
.page-title {
    font-size: 27px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.20000000298023224px;
    color: var(--main-color);
}

.blog-card {
    background-color: var(--main-color);
    border-radius: 16px;
}

.blog-card .blog-card-data {
    height: 100%;
    width: 100%;
    background-color: #fff;
    border-radius: 15px;
    border: 1px solid #D7E3F1;
    display: flex;
    flex-direction: column;
}

.blog-card .blog-card-data .blog-card-img {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    border-bottom: 1px solid #D7E3F1;
    height: 154px;
    width: 100%;
}

.blog-card .blog-card-data .blog-card-img img {
    max-height: 100%;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}

.blog-card .blog-card-data h4 {
    font-size: 27px;
    font-weight: 700;
    line-height: 17px;
    letter-spacing: 0em;
    color: #414040;
}

.blog-card .blog-card-data h5 {
    color: #414040;
    font-size: 24px;
    font-weight: 400;
    line-height: 17px;
    letter-spacing: 0em;
}

.blog-card .blog-card-data a {
    width: 80%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 21px;
    font-weight: 700;
    line-height: 29px;
    letter-spacing: 0em;
    color: #fff;
    background-color: var(--main-color);
    border-radius: 8px;
    height: 50px;
    margin: auto;

}

.blog-card .blog-card-data a:hover {
    background-color: var(--second-color);
}

/* ---------------- */
/* service-page */


.service-body h3 {
    font-size: 40px;
    font-weight: 700;
    line-height: 58.8px;
    text-align: right;
    color: #5485C7;

}

.service-body h5 {
    font-size: 35px;
    font-weight: 400;
    line-height: 51.45px;
    text-align: right;
    color: #5e5e5e;
}

.service-body .inroll-btn {
    font-size: 30px;
    font-weight: 700;
    line-height: 22px;
    text-align: center;
    color: #fff;
    padding: 16px 60px;
    background-color: #5283BF;
    border-radius: 55px;
    border: none;
}

/* ----------------- */
/* faq page  */
.faq-page {
    position: relative;
}

.faq-left {
    position: absolute;
    left: 0;
    bottom: 0;
}

.faq-page .accordion-item {
    border-radius: 40px;
    background: #F4F4F4;
}

.faq-page .accordion-item button {
    background-color: transparent;
    outline: none;
    box-shadow: none;
}

.faq-page .accordion-item button:not(.collapsed) .plus-btn {
    background-color: var(--main-color);
}

.faq-page .accordion-item button:not(.collapsed) .plus-btn span {
    transform: rotate(45deg);
    color: #fff;

}

.faq-page .accordion-item button .faq-number {
    color: #5E5F61;
    width: 35px;
    height: 35px;
    min-width: 35px;
    min-height: 35px;
    font-size: 28px;
    font-weight: 700;
    line-height: 47.04px;
    text-align: center;
    border-radius: 50%;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;


}

.faq-page .accordion-item button h5 {
    font-size: 24px;
    font-weight: 700;
    line-height: 35.28px;
    color: #5E5F61;
}

.faq-page .accordion-item button .plus-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #fff;
    width: 48px;
    height: 48px;
    border-radius: 50%;
}

.faq-page .accordion-item button .plus-btn span {
    transition: all .3s ease-in-out;
    color: var(--second-color);
}

.faq-page .accordion-body {
    font-size: 27px;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: 0px;
    color: #737373;
}

/* .faq-page .accordion-button::after {
    display: none;
} */

/* ------------- */
/* whowe page */

.whowe-data h1 {
    font-size: 63px;
    font-weight: 700;
    line-height: 76px;
    letter-spacing: 0em;
    color: var(--main-color);
}

.whowe-data h5 {
    font-size: 24px;
    font-weight: 400;
    line-height: 35.28px;
    text-align: center;
    color: #5e5e5e;
}

/* ------------------- */
/* .contact page */
.contact-page {
    position: relative;
}

.contact-left {
    position: absolute;
    left: 0;
}

.contact-data h1 {
    font-size: 50px;
    font-weight: 700;
    line-height: 85px;
    color: #5E5F61;
}

.contact-data h4 {
    font-size: 24px;
    font-weight: 700;
    line-height: 47.04px;
    color: #5E5F61;
}


.contact-data a {
    font-size: 24px;
    margin: 16px 0;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: center;
    color: #5E5F61;
    width: fit-content;
    display: flex;
    align-items: center;
}

.contact-data a span {
    width: 66px;
    height: 66px;
    min-width: 66px;
    min-height: 66px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #F7D14A;
    color: #fff;
}

.formInput {
    height: 50px;
    width: 100%;
    padding: 16px;
    outline: none;
    box-shadow: none;
    border: 1px solid #C4C4C4;
    border-radius: 5px;
    font-size: 25px;
    font-weight: 400;
    line-height: 29px;
    letter-spacing: 0em;
    margin: 12px 0;
}

textarea.formInput {
    height: 200px;
    resize: none;
}

.contact-form .formInput {
    border-radius: 50px;
    font-size: 20px;
}

.contact-form label {
    font-size: 24px;
    font-weight: 400;
    line-height: 29.67px;
    text-align: right;
    color: #5E5F61;
    text-align: start;
    width: 100%;

}

.contact-form button {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--main-color);
    color: #fff;
    border-radius: 55px;
    height: 50px;
    border: none;
    font-size: 24px;
    font-weight: 700;
    line-height: 25px;
    letter-spacing: 0em;
    width: 250px;
}

/* ---------------------- */
/* service page  */
.service-page h1 {
    font-size: 63px;
    font-weight: 700;
    line-height: 76px;
    letter-spacing: 0em;
    color: var(--main-color);
}

.service-page h4 {
    font-size: 48px;
    font-weight: 400;
    line-height: 58px;
    letter-spacing: 0em;
    color: #414040;
}

.service-page a {
    display: flex;
    border-radius: 30px 0 30px 0;
    background-color: var(--main-color);
    width: 250px;
    height: 70px;
    align-items: center;
    justify-content: center;
    font-size: 42px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 0px;
    color: #fff;
}

/* -------------------- */
@media (max-width:768px) {

    .feature_slide h1,
    .services_sec h1,
    .section_title,
    .opinion_sec h1,
    .partner_sec h1 {
        font-size: 40px;
    }

    .levels_sec h1 {
        font-size: 40px;
        line-height: 60px;
    }

    .level h4 {
        font-size: 20px;
        line-height: 30px;
    }

    .instractors_sec_top h1,
    .levels-top h1 {
        font-size: 40px;
        line-height: 50px;
    }

    footer .footer-top h3 {
        font-size: 28px;
        line-height: 40px;
    }

    .contact-data h1 {
        font-size: 40px;
        line-height: 55px;
    }

    .whowe-data h1,
    .faq-page .accordion-item button .faq-number {
        font-size: 50px;
    }

    .faq-page .accordion-item button h5 {
        font-size: 22px;
        line-height: 25px;
    }
}

/* ---------------- */
/* new  */
/* services page  */

.services-page {
    background-color: #f4f4f4;
}

.services-page .service-title {
    color: #5d5e5f;
    font-weight: 700;
}

.services-page .service-des {
    color: #898a8b;
}

.services-page .service-data {
    list-style: none;
    padding: 0;
    margin: 0;
}

.services-page .service-data li {
    display: flex;
    align-items: center;
    font-size: 20px;
    color: #898a8b;
    font-weight: 700;
}


.services-page .service-data li span {
    color: #5586c8;
}

.left-border::before {
    position: absolute;
    content: "";
    left: 0;
    top: 20px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #898a8b;
}

.left-border::after {
    position: absolute;
    content: "";
    left: 9px;
    top: 25px;
    height: 250%;
    width: 2px;
    background-color: #898a8b;
}

.right-border::before {
    position: absolute;
    content: "";
    right: -20px;
    top: 20px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #898a8b;
    z-index: 1;
}

.right-border::after {
    position: absolute;
    content: "";
    right: -11px;
    top: 25px;
    height: 250%;
    width: 2px;
    background-color: #898a8b;
}

.right-border.right-border-last:after {
    height: 100%;
    background-color: #f4f4f4;
}

@media (max-width:992px) {

    .left-border::after,
    .left-border::before,
    .right-border::before,
    .right-border::after {
        display: none;
    }
}

.services-top h1 {
    color: #5d5e5f;
    font-weight: 700;
}

.services-top p {
    color: #898a8b;
}

.more-link {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    width: fit-content;
    padding: 10px 40px;
    font-size: 20px;
    font-weight: bold;
    background-color: transparent;
    box-shadow: #6683b9 3px 5px 0px;
    border-radius: 55px;
    color: #5d5e5f;
    background-color: #fff;
    position: relative;
}

.more-link-con {
    position: relative;
    width: fit-content;
    padding: 0 20px;
    margin: auto;
}

.more-link-con .more-left-img {
    position: absolute;
    height: 161px;
    left: -121px;
    top: -62px;
}

.more-link-con .more-right-img {
    position: absolute;
    height: 161px;
    right: -121px;
    top: -62px;
}
.chat-conv .chat-message .message-content {
    word-break: break-all;
}