body {
    margin: 0;
    font-family: var(--font1) !important;
    font-size: 16px;
    line-height: 140%;
    overflow-x: hidden;
}

:root {
    --primary: #ed3237;
    --secondary: #122130;
    --light: #f7f7f7;
    --dark: #000000;
    --text: #122130e6;
    --font1: "Poppins", sans-serif !important;
    --white: #ffff;
    --lightwhite: #FFFFFF1A;
}

a {
    color: var(--primary);
    text-decoration: none !important;
    transition: all 0.4s;
}

a:hover {
    text-decoration: none;
}

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

p {
    font-family: var(--font1) !important;
    font-size: 18px;
    font-weight: 400;
    line-height: 140%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--font1);
}

p:last-child {
    margin-bottom: 0;
}

::selection {
    color: var(--white);
    background: var(--secondary);
}

.title h2 {
    font-weight: 600;
    font-size: 42px;
    line-height: 140%;
    letter-spacing: 0%;
    color: var(--secondary);
}

img {
    max-width: 100%;
    width: auto;
    height: auto;
    z-index: 1;
}

html .container {
    max-width: 1260px;
    padding: 0 20px;
    margin: 0 auto;
}

section {
    padding-top: 100px;
    padding-bottom: 100px;
    position: relative;
}

html .btn {
    background: var(--primary);
    border-radius: 10px;
    padding: 0 34px;
    line-height: 48px;
    border: 0px solid transparent;
    color: var(--white);
    font-size: 16px;
    font-weight: 500;
    display: inline-block;
    transition: all 0.4s;
    overflow: hidden;
    text-transform: capitalize !important;
}

html .btn.outline {
    background-color: transparent;
    border: 1px solid var(--white);
}

html .btn.outline span {
    margin-right: 9px;

}

html .btn.outline:hover {
    background: var(--white);
    color: var(--dark);
}

html .btn.outline:hover svg path {
    stroke: var(--dark);
}

html .btn a span {
    width: 100% !important;
}

.title {
    margin-bottom: 40px;
}

/* hero_section */
.hero_sec {
    background-color: var(--secondary);
    overflow: hidden;
}

.bg-blur {
    position: absolute;
    width: 631px;
    height: 631px;
    background: #ED323799;
    filter: blur(200px);
    border-radius: 400px;
    bottom: -271px;
    right: -280px;
}

.hero_sec .subtitle {
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    line-height: 130%;
    letter-spacing: 1.4px;
    padding: 6px 16px;
    border-radius: 50px;
    text-transform: uppercase;
    text-align: center;
    color: var(--white);
    background-color: var(--lightwhite);
    margin-bottom: 20px;
}

.hero_sec h1 {
    font-weight: 700;
    font-size: 44px;
    line-height: 130% !important;
    letter-spacing: 0%;
    color: var(--white) !important;
}

.hero_sec .title {
    margin-bottom: 30px;
}

.hero_sec .title p {
    color: var(--white);
    padding-right: 56px;
    font-size: 18px;
}

.hero_sec .review_data {
    padding: 20px 30px;
    border-radius: 20px;
    border: 1px solid var(--lightwhite);
    margin-bottom: 30px;
    max-width: 428px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.hero_sec .review_data li {
    display: flex;
    align-items: center;
    gap: 10px;
}

.hero_sec .review_data li h3 {
    font-weight: 600;
    font-size: 22px;
    line-height: 150%;
    letter-spacing: 0%;
    color: var(--white);
    margin: 0;
}

.hero_sec .review_data p {
    font-weight: 500;
    font-size: 15px;
    line-height: 150%;
    letter-spacing: 0%;
    color: var(--white);
}

.hero_sec .btnWrap {
    display: inline-flex;
    gap: 20px;
}

.hero_sec .btnWrap .btn {
    border-radius: 10px;
}

.hero_sec .btnWrap span {
    width: max-content;
}

.hero_sec .img_wrap {
    position: relative;
    margin-left: 13px;
}

.hero_sec .sub-image {
    position: absolute;
    left: -50px;
    bottom: -27px;
    width: 277px;
}

/* .Module_sec */

.Module_sec {
    /* overflow: hidden; */
    background-color: var(--light);
}

.Module_sec::before {
    content: "";
    position: absolute;
    width: 600px;
    height: 600px;
    left: 50%;
    top: 45%;
    transform: translate(-50%, -50%);
    background: radial-gradient(circle,
            rgba(237, 50, 55, 0.35) 0%,
            rgba(237, 50, 55, 0.15) 35%,
            rgba(237, 50, 55, 0.05) 55%,
            rgba(237, 50, 55, 0) 70%);
    filter: blur(120px);
    z-index: 0;
}

.Module_sec .container {
    z-index: 1;
    position: relative;
}

.Module_sec .title h2 {
    margin-bottom: 17px;
}

.Module_sec .title p {
    font-weight: 400;
    font-size: 18px;
    line-height: 160%;
    letter-spacing: 0%;
    text-align: center;
    color: var(--text);
}

.Modules_wrap {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin-bottom: 40px;
    gap: 22px;
}

.Modules_wrap .Module_box {
    width: 100%;
    background-color: var(--white);
    padding: 30px 25px;
    border-radius: 14px;
    box-shadow: 0px 4px 24px 0px #00000005;
    display: flex;
    flex-direction: column;
    gap: 30px;
    transition: all 0.5s !important;
}
.Modules_wrap .Module_box:hover {
    background-color: var(--primary);
}
.Modules_wrap .Module_box:hover span,
.Modules_wrap .Module_box:hover p {
    color: var(--white);
}

.Modules_wrap .Module_box span {
    font-weight: 500;
    font-size: 18px;
    line-height: 130%;
    letter-spacing: 0%;
    color: var(--primary);
}

.Modules_wrap .Module_box p {
    font-size: 18px;
    font-weight: 500;
    line-height: 140%;
    color: var(--secondary);
}

.Modules_wrap .Module_box:nth-child(n+9) {
    display: none;
}

.Module_sec .viewAll {
    display: flex;
    width: max-content;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 0 auto;
    gap: 12px;
}

.Module_sec .viewAll span {
    font-weight: 400;
    font-size: 16px;
    line-height: 160%;
    letter-spacing: 0%;
    text-align: center;
    color: var(--text);
}

.Module_sec .viewAll:hover span {
    color: var(--primary);
}

.Module_sec .viewAll:hover svg path {
    stroke: var(--primary);
}

/* .certificate_sec */

.certificate_sec {
    padding-top: 0;
    background-color: var(--light);
}

.certificate_sec .wrapper {
    max-width: 1220px;
    margin: 0 auto;
    background-color: var(--white);
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.03);
    padding: 60px;
    border-radius: 30px;

}

.certificate_sec .wrapper .certif_data {
    padding-right: 30px;
}

.certificate_sec .wrapper h2 {
    font-size: 38px;
    line-height: 150%;
}

.certif_content {
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 0;
    gap: 40px;
}

.certif_content li {
    display: flex;
    align-items: flex-start;
    gap: 18px;
}

.certif_content li h3 {
    font-weight: 600;
    font-size: 20px;
    line-height: 130%;
    letter-spacing: 0%;
    color: var(--secondary);
    padding: 0;
    margin-bottom: 6px;
}

.certif_content li p {
    font-weight: 400;
    font-size: 15px;
    line-height: 150%;
    letter-spacing: 0%;
    color: var(--secondary);
    margin: 0;
}

/* institute_sec */
.institute_sec {
    background-color: var(--secondary);
}

.institute_sec .title h2 {
    color: var(--white);
}

.title h2 span {
    color: var(--primary);
}

.service_data {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 30px;
}

.service_data .service_box {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: transparent;
    box-shadow: 0px 4px 24px 0px #00000005;
    border-radius: 14px;
}
.service_data .service_box .service_img {
    overflow: hidden;
    border-radius: 14px 14px 0 0;
}
.service_data .service_box img {
    transition: all 0.5s;
}
.service_data .service_box:hover .service_img img {
    transform: scale(1.1);
}

.service_data .service_box .service_content {
    padding: 25px;
    background-color: var(--white);
    border-radius: 0 0 14px 14px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.service_data .service_box .service_content p {
    font-weight: 500;
    font-size: 22px;
    line-height: 140%;
    letter-spacing: 0%;
    margin: 0;
    color: var(--secondary);
}

.features_sec .left-wrap {
    margin-right: 38px;
}

.features_box {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 20px;
}

.features_box .top {
    width: 50%;
    border-radius: 16px;
}

.left-wrap img {
    width: 100%;
    border-radius: 16px;
}

.features_sec .features_content {
    width: 50%;
    background-color: var(--primary);
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;

}

.features_sec .features_content small {
    font-weight: 500;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0%;
    text-transform: uppercase;
    color: var(--white);
}

.features_sec .features_content h4 {
    font-weight: 600;
    font-size: 26px;
    line-height: 140%;
    letter-spacing: 0%;
    color: var(--white);
}

.features_sec .rigth-wrap {
    margin-left: 38px;
    padding-top: 14px;
}

.features_sec .rigth-wrap h2 {
    margin: 0;
}

.features_sec .features_data {
    padding: 0;
    margin: 0 0 40px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 22px;
}

.features_sec .features_data li {
    display: flex;
    align-items: center;
    gap: 20px;
}

.features_sec .features_data li i {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--secondary);
    border-radius: 50%;
    padding: 12px;
    transition: all 0.5s;
}
.features_sec .features_data li:hover  i{
    background-color: var(--primary);
}

.features_sec .features_data li p {
    color: var(--secondary);
    padding: 0;
    margin: 0;
    font-size: 18px;
    line-height: 140%;
    font-weight: 500;
}

.features_sec .rigth-wrap .btn {
    border-radius: 10px;
    gap: 9px;
}

.features_sec .rigth-wrap .btn span {
    width: max-content;
}

.course_sec {
    padding-top: 0;
}

.course_data {
    margin-bottom: 30px;
}

.course_data .title {
    margin: 0;
    padding-top: 23px;
}

.course_data .title h2 {
    font-size: 42px;
    line-height: 130%;
    margin-bottom: 20px;
}

.course_boxs .course_box {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 50px;
    padding: 35px;
    border-radius: 14px;
    background-color: var(--light);
    border: 1px solid var(--light);
    box-shadow: 0px 4px 24px 0px #00000005;
    transition: all 0.5s !important;
}
.course_boxs .course_box i {
    color: var(--primary);
}
.course_boxs .course_box:hover {
    background-color: transparent;
    border: 1px solid var(--primary);
}
.course_boxs .course_box img {
    max-width: 50px;
}

.course_box h3 {
    font-weight: 500;
    font-size: 20px;
    line-height: 140%;
    letter-spacing: 0%;
    color: var(--secondary);
    margin: 0;
}

.benefits_sec {
    padding: 0;
    background-color: var(--light);
}

.benefits_sec .benefits_wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}


.benefits_sec .benefits_wrapper>div {
    width: 50%;
}

.benefits_sec .benefits_content>div,
.benefits_sec .benefits_content ul {
    max-width: 560px;
    margin: 0 50px 0 auto;
    padding: 0;
}

.benefits_content .title {
    margin-bottom: 30px !important;
}

.benefits_data {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.benefits_data li {
    position: relative;
    font-weight: 500;
    font-size: 20px;
    line-height: 130%;
    letter-spacing: 0%;
    color: var(--secondary);
    padding-left: 44px;
}

.benefits_data li::before {
    position: absolute;
    content: '';
    width: 30px;
    height: 30px;
    background-image: url('data:image/svg+xml,<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_125_413)"><path d="M29.5 15C29.5 23.316 22.505 29.9935 14.076 29.4715C6.85395 29.024 0.975954 23.146 0.528954 15.924C0.00645375 7.495 6.68395 0.5 15 0.5C17.284 0.5 19.4465 1.027 21.37 1.9705C21.8855 2.2235 22.0745 2.8655 21.79 3.3645L21.788 3.368C21.525 3.829 20.951 4.0005 20.475 3.766C18.566 2.826 16.3835 2.3685 14.08 2.533C8.02995 2.9645 3.08895 7.817 2.55045 13.8585C1.88045 21.378 7.90645 27.6895 15.332 27.4955C21.691 27.3295 26.999 22.2865 27.4645 15.9425C27.5855 14.2945 27.387 12.699 26.915 11.228C26.7655 10.7615 26.983 10.258 27.421 10.039C27.968 9.7655 28.6385 10.039 28.824 10.6215C29.263 12.002 29.5 13.473 29.5 15Z" fill="%23122130"/><path d="M7.70505 11.236L15.612 21.9345C16.209 22.7425 17.424 22.6725 17.9275 21.8015L29.3535 2.02249C29.9485 0.992492 28.591 -0.0430082 27.7815 0.823992L15.8775 13.575L8.97055 9.75199C8.03705 9.23549 7.06705 10.3725 7.70505 11.236Z" fill="%23ED3237"/></g><defs><clipPath id="clip0_125_413"><rect width="30" height="30" fill="white"/></clipPath></defs></svg>');
    background-position: top;
    background-size: 30px auto;
    background-repeat: no-repeat;
    left: 0;
    top: 0;
}

.benefits_sec .image img {
    max-width: 760px;
}

.benefits_sec.starts .container {
    max-width: 100%;
}

.benefits_sec.starts .image img {
    display: flex;
    margin-left: auto;
}


.benefits_sec.starts .benefits_content .title {
    margin-bottom: 30px;
}

.benefits_sec.starts .benefits_content>div,
.benefits_sec.starts .benefits_content ul {
    max-width: 560px;
    margin: 0 20px 0 120px;
    padding: 0;
}

.skill_sec {
    background-color: var(--white);
}

.skill_sec .wrapper {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.skill_sec ul {
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    align-items: flex-start;
    gap: 22px;
}

.skill_sec .skill_box {
    display: flex;
    align-items: center;
    gap: 20px;
    border-radius: 14px;
    border-width: 2px;
    padding: 24px;
    box-shadow: 0px 4px 24px 0px #00000005;
    border: 2px solid var(--light);
    transition: all 0.5s !important;
}
.skill_sec .skill_box:hover {
    background-color: var(--primary);
}
.skill_sec .skill_box i {
    opacity: 1;
    padding: 13px;
    border-radius: 50%;
    background-color: var(--light);
    display: flex;
    align-items: center;
    justify-content: center;
}

.skill_sec .skill_box i img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.skill_sec .skill_box h3 {
    font-weight: 500;
    font-size: 18px;
    line-height: 140%;
    letter-spacing: 0%;
    color: var(--secondary);
    margin-bottom: 0px;
}
.skill_sec .skill_box:hover h3 {
    color: var(--white);
}

.skill_sec .btn {
    border-radius: 10px;
    gap: 9px;
    text-align: center;
    justify-content: center;
    margin: 0 auto;
}

.skill_sec .btn span {
    width: max-content;
}

.institute_detail {
    padding: 100px 0 !important;
    background-color: var(--light);
}

.pricing-section {
    background-color: var(--white);
}

.pricing-section .title {
    margin-bottom: 46px;
}

.pricing-section .title p.subtitle {
    font-weight: 500;
    font-size: 20px;
    line-height: 160%;
    letter-spacing: 0%;
    text-align: center;
    text-transform: uppercase;
    color: var(--secondary);
    margin: 0 0 15px;
}

.pricing-section .title p.subtitle span {
    font-weight: 600;
    color: var(--primary);
}

.pricing-section .title h2 {
    margin: 0;
    padding: 0;
}

.pricing-table {
    width: 100%;
    max-width: 1170px;
    border-collapse: collapse;
    border: 1px solid #E9E5E5;
    margin: 0 auto 53px;
}
.pricing-table tr {
    transition: all 0.5s;
}
.pricing-table tr:hover,
.pricing-table tr:nth-child(2n + 2):hover {
    background-color: #fdf4f5;
}
.pricing-table th {
    font-weight: 600;
    font-size: 18px;
    line-height: 140%;
    letter-spacing: 0px;
    background: var(--secondary);
    color: var(--white);
    padding: 14px 25px;
    text-align: left;
}

.pricing-table td {
    padding: 14px 25px;
    font-weight: 500;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0px;
    text-transform: capitalize;
    border-bottom: 1px solid #eee;
    color: var(--secondary);
    text-align: left;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
}

.pricing-table tr:nth-child(2n + 2) {
    background: var(--light);
    border-bottom: 1px solid #e9e5e5;
    border-top: 1px solid #e9e5e5;
}

.pricing-section .pricing-table .hide_content {
    display: none;
}

.pricing-section a.know_more {
    display: flex;
    text-align: center;
    justify-content: center;
    gap: 10px;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0px;
    text-transform: uppercase;
}

.pricing-section a.know_more svg {
    transition: all 0.4s;
}

.pricing-section a.know_more:hover svg path {
    fill: var(--dark);
}

.pricing-section.show .pricing-table .hide_content {
    display: table-row-group;
}

.pricing-section.show a.know_more svg {
    transform: rotate(180deg);
}

/* 
.pricing-section .extra {
    opacity: 0;
}
*/

/* .pricing-section .animateRow {
    transition: all 0.8s;
} */

.faq-section {
    padding-top: 50px;
    background: linear-gradient(180deg, #F7F7F7 0%, #FFFFFF 100%);
}

.faq-section .faq-wrapper {
    display: flex;
    gap: 90px;
}

.faq-section .faq-wrapper .title {
    margin: 0;
    height: fit-content;
    position: sticky;
    top: 140px;
}

.faq-section .faq-wrapper h2 {
    text-transform: capitalize;
    margin: 0;
    padding: 0;
}

.faq-section .faq-data {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
}

.faq-section .faq-wrapper .faq-item {
    border: 1px solid #12213024;
    background-color: var(--white);
    gap: 24px;
    border-radius: 10px;
    overflow: hidden;
}

.faq-section .faq-wrapper .faq-item .faq-question {
    width: 100%;
    padding: 14px 24px 21px 24px;
    border: none;
    outline: none;
    display: flex;
    align-items: center;
    cursor: pointer;
    font-weight: 500;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 0px;
    background: var(--white);
    color: var(--secondary);
    gap: 24px;
}

.faq-section .faq-wrapper .faq-item .faq-answer {
    padding: 0 30px 22px 60px;
    font-weight: 400;
    font-size: 16px;
    line-height: 160%;
    letter-spacing: 0px;
    color: var(--secondary);
    display: none;
}

.faq-section .faq-wrapper .faq-item.active .faq-answer {
    display: block;
}

.training_sec {
    background-color: var(--secondary);
}

.training_sec .title {
    margin-bottom: 50px;
}

.training_sec .title span {
    display: block;
    font-weight: 500;
    font-size: 20px;
    line-height: 130%;
    letter-spacing: 0%;
    text-align: center;
    text-transform: uppercase;
    color: var(--white);
    margin-bottom: 20px;
}

.training_sec .title h2 {
    color: var(--white);
    margin: 0;
    padding: 0;
    line-height: 130%;
}

.training_sec .training_box {
    box-shadow: 0px 4px 24px 0px #00000005;
    background: var(--white);
    border-radius: 20px;
    padding: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 25px;
}

.training_sec .training_box i {
    background-color: var(--light);
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.training_sec .training_box h3 {
    font-weight: 600;
    font-size: 24px;
    line-height: 140%;
    letter-spacing: 0%;
    text-align: center;
    color: var(--secondary);
    margin: 0;
}

.training_sec .training_box .btn {
    text-transform: capitalize ! IMPORTANT;
    gap: 9px;
    width: 100%;
    border-radius: 10px;
}

.training_sec .training_box .btn span {
    width: max-content;
}

.opportunities_sec {
    background-color: var(--white);
}

.opportunities_sec ul {
    /* display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 22px 20px;
    justify-content: center; */
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    gap: 22px;
}

.opportunities_sec ul li {
    width: calc(100% / 6 - 20px);

}

.opportunities_sec ul li a {
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    gap: 20px;
    border-radius: 14px;
    padding: 25px 12px;
    box-shadow: 0px 4px 24px 0px #00000005;
    border: 2px solid var(--light);
    height: 100%;
    transition: all 0.4s;
}

.opportunities_sec ul li i {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 14px;
    background-color: var(--light);
    border-radius: 60px;
}

.opportunities_sec ul li p {
    font-weight: 500;
    font-size: 18px;
    line-height: 140%;
    letter-spacing: 0%;
    text-align: center;
    margin: 0;
    padding: 0;
    color: var(--secondary);
    transition: all 0.4s;
}

.faculties_sec h2 {
    margin: 0;
}

.opportunities_sec ul li a:hover {
    background-color: var(--primary);
}

.opportunities_sec ul li a:hover p {
    color: var(--white);
}

.faculties_data {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    text-align: center;
    row-gap: 50px;
}

.faculties_data .Profile_box {
    width: calc(33.33% - 33px);

}

.Profile_detail {
    display: flex;
    flex-direction: column;
    gap: 18px;

}

.faculties_sec .img-wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 340px;
    min-height: 384px;
    margin: 0 auto;

}

.faculties_sec .img-wrapper::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 210px;
    border-radius: 10px;
    top: 173.89px;
    background-image: url(../images/img-bg.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    z-index: -1;
}

.faculties_sec .img-wrapper img {
    margin: 0 auto;
    position: relative;
    height: 266px;

}

.faculties_sec .img-wrapper::before {
    z-index: 4;
    position: absolute;
    content: '';
    background: linear-gradient(180deg, rgba(18, 33, 48, 0) 0%, #122130 88.57%);
    background-repeat: no-repeat;
    background-size: 100% 47px;
    background-position: bottom center;
    Width: 260px;
    Height: 47px;
    bottom: 116px;
    left: 50%;
    transform: translateX(-50%);
}

.faculties_sec .img-wrapper .img-data h3 {
    font-weight: 600;
    font-size: 24px;
    line-height: 130%;
    text-align: center;
    color: var(--white);
    margin-bottom: 4px;
}

.faculties_sec .img-wrapper .img-data p {
    font-weight: 400;
    font-size: 15px;
    line-height: 130%;
    letter-spacing: 0%;
    color: var(--white);
}

.faculties_sec .content {
    padding: 0 7px;
}

.faculties_sec .content p {
    font-weight: 400;
    font-size: 15px;
    line-height: 150%;
    letter-spacing: 0px;
    text-align: center;
    color: var(--secondary);
}

.growth_sec .course_box {
    height: 100%;
    justify-content: center
}

.growth_sec .course_box .content {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.growth_sec .course_box .content h3 {
    font-weight: 600;
    font-size: 30px;
    line-height: 130%;
    letter-spacing: 0%;
    color: var(--secondary);
}

.growth_sec .course_box .content p {
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
    letter-spacing: 0%;
    color: var(--secondary);
}

.jobPost_sec {
    background-color: var(--white);
    padding-bottom: 0;
}

.jobPost_sec h2 {
    margin: 0;
}

.jobPost_sec .jobPost_wrap {
    max-width: 1070px;
    margin: 0 auto;
}

.post-wrap {
    padding: 4px;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
}

.post-wrap.black {
    background: var(--secondary);
}

.post-wrap.red {
    background: var(--primary);
}

.posthead {
    background-color: var(--white);
    gap: 10px;
    padding: 24px 40px;
    border-top-left-radius: 28px;
    border-top-right-radius: 28px;
}

.posthead h3 {
    font-weight: 600;
    font-size: 30px;
    line-height: 140%;
    letter-spacing: 0px;
    margin: 0;
    color: var(--secondary);
}

.post-detail {
    padding: 40px;
}

.post-detail ul {
    display: flex;
    flex-direction: column;
    gap: 17px;
    padding: 0;
    margin: 0;
}

.post-detail ul li {
    font-weight: 500;
    font-size: 20px;
    line-height: 130%;
    letter-spacing: 0%;
    color: var(--white);
    padding-left: 44px;
    position: relative;
}

.post-detail ul li::before {
    position: absolute;
    content: '';
    width: 30px;
    height: 30px;
    background-image: url('data:image/svg+xml,<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_148_2754)"><path d="M29.5 15C29.5 23.316 22.505 29.9935 14.076 29.4715C6.85395 29.024 0.975954 23.146 0.528954 15.924C0.00645375 7.495 6.68395 0.5 15 0.5C17.284 0.5 19.4465 1.027 21.37 1.9705C21.8855 2.2235 22.0745 2.8655 21.79 3.3645L21.788 3.368C21.525 3.829 20.951 4.0005 20.475 3.766C18.566 2.826 16.3835 2.3685 14.08 2.533C8.02995 2.9645 3.08895 7.817 2.55045 13.8585C1.88045 21.378 7.90645 27.6895 15.332 27.4955C21.691 27.3295 26.999 22.2865 27.4645 15.9425C27.5855 14.2945 27.387 12.699 26.915 11.228C26.7655 10.7615 26.983 10.258 27.421 10.039C27.968 9.7655 28.6385 10.039 28.824 10.6215C29.263 12.002 29.5 13.473 29.5 15Z" fill="white"/><path d="M7.70505 11.236L15.612 21.9345C16.209 22.7425 17.424 22.6725 17.9275 21.8015L29.3535 2.02249C29.9485 0.992492 28.591 -0.0430082 27.7815 0.823992L15.8775 13.575L8.97055 9.75199C8.03705 9.23549 7.06705 10.3725 7.70505 11.236Z" fill="%23ED3237"/></g><defs><clipPath id="clip0_148_2754"><rect width="30" height="30" fill="white"/></clipPath></defs></svg>');
    background-position: top;
    background-size: 30px auto;
    background-repeat: no-repeat;
    left: 0;
    top: 0;
}

.post-wrap.red .post-detail ul li::before {
    background-image: url('data:image/svg+xml,<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_148_3012)"><path d="M29.5 15C29.5 23.316 22.505 29.9935 14.076 29.4715C6.85395 29.024 0.975954 23.146 0.528954 15.924C0.00645375 7.495 6.68395 0.5 15 0.5C17.284 0.5 19.4465 1.027 21.37 1.9705C21.8855 2.2235 22.0745 2.8655 21.79 3.3645L21.788 3.368C21.525 3.829 20.951 4.0005 20.475 3.766C18.566 2.826 16.3835 2.3685 14.08 2.533C8.02995 2.9645 3.08895 7.817 2.55045 13.8585C1.88045 21.378 7.90645 27.6895 15.332 27.4955C21.691 27.3295 26.999 22.2865 27.4645 15.9425C27.5855 14.2945 27.387 12.699 26.915 11.228C26.7655 10.7615 26.983 10.258 27.421 10.039C27.968 9.7655 28.6385 10.039 28.824 10.6215C29.263 12.002 29.5 13.473 29.5 15Z" fill="white"/><path d="M7.70505 11.236L15.612 21.9345C16.209 22.7425 17.424 22.6725 17.9275 21.8015L29.3535 2.02249C29.9485 0.992492 28.591 -0.0430082 27.7815 0.823992L15.8775 13.575L8.97055 9.75199C8.03705 9.23549 7.06705 10.3725 7.70505 11.236Z" fill="white"/></g><defs><clipPath id="clip0_148_3012"><rect width="30" height="30" fill="white"/></clipPath></defs></svg>');
}

.market_sec .wrapper {
    display: flex;
    flex-direction: column;
    gap: 70px;
}

.market_sec .title {
    margin: 0;
}

.market_sec .title h2 {
    font-size: 52px;
    line-height: 130%;
    margin: 0;
}

.market_sec .data-wrapper {
    margin-left: 27px;
}

.market_sec .data-wrapper ul li {
    display: flex;
    align-items: center;
    gap: 36px;
    padding: 10px 0;
    border-bottom: 1px solid #12213024
}

.market_sec .data-wrapper ul li h3 {
    font-weight: 600;
    font-size: 50px;
    line-height: 130%;
    letter-spacing: 0%;
    color: var(--secondary);
    margin: 0;
    width: 100%;
    max-width: 181px;
}

.market_sec .data-wrapper ul li h3 span {
    font-weight: 700;
    font-size: 26px;
    line-height: 130%;
    letter-spacing: 0%;
}

.market_sec .data-wrapper ul li.active h3 {
    color: var(--primary);
}

.market_sec .data-wrapper ul li p {
    font-weight: 600;
    font-size: 26px;
    line-height: 130%;
    letter-spacing: 0%;
    color: var(--secondary);
}

.market_sec .data-wrapper ul li.active p {
    color: var(--primary);
}

.students_section .title {
    margin: 0;
}
.product_detail{
    background-color: var(--light);
}
.product_detail .img-wrap {
    position: relative;
    width: 572px;
    max-width: 100%;
    min-height: 400px;
    cursor: pointer;
}

.video-box img {
    border-radius: 10px;
}

.product_detail .video-box img {
    width: 100%;
    display: block;
    height: 400px;
    object-fit: cover;

}

.video-box iframe {
    border-radius: 10px;
    height: 100%;
}


.play-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 20px;
    background: #00000066;
    border-radius: 50%;
}


.product_detail ul {
    margin-left: 20px;
}

.product_detail ul li {
    font-weight: 600;
}

.product_detail ul li p {
    font-weight: 400;
    font-size: 18px;
    line-height: 130%;
    letter-spacing: 0%;
    margin: 0;
    padding: 0;
}

.merchant_section .menchant-content {
    display: flex;
    gap: 20px;

}

.merchant_section .menchant-content li {
    font-weight: 600;

}

.merchant_section .menchant-content ul.benefits_data {
    width: 100%;
}

.img-wrap {
    position: relative;
    cursor: pointer;
}

.help_section {
    background-color: var(--light);
}

.help_section .img-wrap {
    height: 400px;
}

.help_section .menchant-content {
    margin-left: 60px;
}


.videos_section .video_box .video_detail {
    display: flex;
    flex-direction: column;
    gap: 26px;
    text-align: center;
}

.videos_section .video_box .video_detail .img-wrap {
    height: 272px;
}

.videos_section .video_box .video_detail h3 {
    font-weight: 600;
    font-size: 24px;
    line-height: 140%;
    letter-spacing: 0%;
    text-align: center;
    color: var(--secondary);
}

.investment_section {
    background-color: var(--light);
    padding-bottom: 50px;
}

.info-card {
    display: flex;
    flex-direction: column;
    background-color: var(--white);
    gap: 8px;
    border-radius: 20px;
    border: 1px solid #12213024;
    padding: 26px;
}

.info-card h6 {
    font-weight: 600;
    font-size: 18px;
    line-height: 130%;
    letter-spacing: 0%;
    text-transform: uppercase;
    color: var(--secondary);
}

.info-card ul {
    display: flex;
    flex-direction: column;
    gap: 15px;
    border-radius: 14px;
    padding: 20px;
    background-color: var(--light);
    height: 100%;
}

.info-card ul li {
    font-weight: 500;
    font-size: 15px;
    line-height: 140%;
    letter-spacing: 0%;
    color: var(--secondary);
    position: relative;
    padding-left: 30px;
}

.info-card ul li::before {
    content: '';
    position: absolute;
    width: 16px;
    height: 20px;
    left: 0;
    top: 0;
    background-image: url('data:image/svg+xml,<svg width="17" height="20" viewBox="0 0 17 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.5303 10.5303C16.8232 10.2374 16.8232 9.76256 16.5303 9.46967L11.7574 4.6967C11.4645 4.40381 10.9896 4.40381 10.6967 4.6967C10.4038 4.98959 10.4038 5.46447 10.6967 5.75736L14.9393 10L10.6967 14.2426C10.4038 14.5355 10.4038 15.0104 10.6967 15.3033C10.9896 15.5962 11.4645 15.5962 11.7574 15.3033L16.5303 10.5303ZM0 10V10.75H16V10V9.25H0V10Z" fill="black"/></svg>');
    background-repeat: no-repeat;
    background-size: 16px auto;
    background-position: left top;
}