* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

h1,
h2,
h3,
h4,
h5,
h6,
span,
strong,
p,
a {
    font-family: "Montserrat", serif;
}

.header .navbar {
    height: 100px;
}

.header .navbar-brand img {
    width: 210px;
}

.header .search-bar {
    min-width: 415px;
    margin: 0 30px;
    height: 45px;
}

.header .navbar-expand-lg .navbar-nav .nav-link {
    padding-left: 1.8rem !important;
    padding-right: 1.8rem !important;
    font-size: 15px;
    font-weight: 500;
    line-height: 25px;
    font-family: "Inter", serif;
    color: #000000;
}

@media (max-width: 1199px) {
    .header .search-bar {
        position: fixed;
        top: 50px;
        left: 0;
        right: 0;
        padding: 20px;
        box-shadow: 0px 0px 15px 0px rgba(1, 41, 112, 0.1);
        background: red;
        z-index: 9999;
        transition: 0.3s;
        visibility: hidden;
        opacity: 0;
    }

    .header .search-bar-show {
        top: 60px;
        visibility: visible;
        opacity: 1;
    }
}

.header .search-form {
    width: 100%;
    position: relative;
}

.header .search-form input {
    border: 0;
    font-size: 15px;
    color: #000000;
    border: 1px solid #00000099;
    padding: 7px 8px 7px 38px;
    border-radius: 50px;
    transition: 0.3s;
    background-color: #Fff;
    width: 100%;
}

.header .search-form input:focus,
.header .search-form input:hover {
    outline: none;
    border: 1px solid #00000099;
}

.header .search-form button {
    border: 0;
    padding: 0;
    background: none;
    position: absolute;
    left: 15px;
    top: 5px;
    z-index: 999;
}

.header .search-form button img {
    width: 15px;
}

.header .login-btns {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-left: 20px;
}

.header .login-btns a {
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-family: "Inter", serif;
    font-size: 15px;
    font-weight: 600;
    line-height: 25px;
    color: #000000;
    height: 45px;
}

.header .login-btns .login a {
    width: 71px;
    border: 0.5px solid #000000;
}

.header .login-btns .signup a {
    width: 82px;
    background-color: #000000;
    color: #Fff;
}

/* hero */
.hero {
    width: 100%;
    min-height: 390px;
    padding: 4rem 0 1rem;
    background: url(../img/bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
}

.hero .hero-badge {
    display: flex;
    align-items: center;
    gap: 15px;
    justify-content: center;
}

.hero .hero-badge .main-page strong,
.hero .hero-badge .next-page a {
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    line-height: 25px;

}

.hero .hero-badge .next-page a {
    color: #E79A1D;
}

.hero .hero-badge .icon i {
    color: #fff;
    font-size: 14px;
}

.hero .hero-data {
    margin: 18px 0 15px;
    text-align: center;
}

.hero .hero-data .hero-text h1 {
    font-size: 48px;
    font-weight: 700;
    line-height: 25px;
    letter-spacing: 0.01em;
    color: #fff;
}

.hero .hero-data .hero-text h1 span {
    color: #E79A1D;
}

.hero .hero-data .hero-text {
    padding-top: 12px;
}

.hero .hero-data .hero-text .text {
    margin: 25px auto 0;
    width: 83%
}

.hero .hero-data .hero-text .text p {
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0.01em;
    color: #FFFFFF;
}

.hero .hero-data .hero-text .text p span {
    font-weight: 600;
}

.hero .hero-data .read-btn {
    margin-top: 20px;
}

.hero .hero-data .read-btn a {
    text-decoration: none;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0.01em;
    color: #E79A1D;
}

.hero .hero-data .read-btn a:hover {
    border-bottom: 1px solid #E79A1D;
}

.hero .hero-data .hero-img {
    text-align: end;
    position: relative;
}

.hero .hero-data .hero-img img {
    width: 428px;
    height: 260px;
    margin-left: auto;
}

.hero .hero-data .hero-img .right-side-text {
    position: absolute;
    left: 30px;
    top: 25%;
    max-width: 257px;
}

.hero .hero-data .hero-img .right-side-text .right-point {
    display: flex;
    align-items: center;
    gap: 15px;
    margin: 10px 0;
}

.hero .hero-data .hero-img .right-side-text .right-point .icon img {
    width: 37px;
    height: 37px;
}

.hero .hero-data .hero-img .right-side-text .right-point .point-name strong {
    font-size: 16px;
    font-weight: 500;
    line-height: 15px;
    letter-spacing: 0.01em;
    color: #000000;
}

.hero .hero-data .hero-img .right-side-text .right-point .point-name strong span {
    font-size: 18px;
    font-weight: 600;
    line-height: 15px;
    letter-spacing: 0.01em;
    color: #D74826;
}

.hero .hero-data .hero-img .right-side-text .right-point .point-name {
    text-align: left;
}

.hero .hero-data .col-lg-8 {
    width: 790px !important;
}

/* cources */
.cources .cource-boxs .swiper-slide {
    display: inline-block;
    width: 23.5% !important;
    margin-right: 10px;
    height: auto;
    flex: 1 1 auto;
}

.dots {
    display: none;
}

.cources {
    padding: 30px 0 70px;
    overflow: hidden;
}

.cources .cource-boxs {
    margin: 20px 0;
    justify-content: center !important;
}

@media (max-width: 767px) {
    .cources .swiper-container {
        padding-right: 12px
    }

    .cources .swiper-wrapper {
        display: flex;
    }

    .cources .swiper-slide {
        width: 100%;
        margin-right: 50%;
    }

    .cources .swiper-button-next,
    .cources .swiper-button-prev {
        z-index: 10;
    }

    .cources .cource-boxs {
        width: auto !important;
    }

    .cources .cource-boxs .swiper-slide {
        margin-right: 20px !important;
    }

}

.cources .cource-boxs .swiper-wrapper {
    height: auto !important;
    justify-content: space-between;
    flex-wrap: wrap;
}

.cources .cource-boxs .cource-box {
    width: 100%;
    height: 490px;
    border-radius: 10px;
}

.cources .cource-boxs .cource-box .img img {
    width: 100%;
    height: 169px;
    position: relative;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.cources .cource-boxs .cource-box .data {
    border: 0.5px solid #171420;
    border-top: none;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.cources .cource-boxs .cource-box .data-text {
    max-width: 265px;
    margin: 0 15px;
    padding: 12px 0;
}

.cources .cource-boxs .cource-box .data-text .head h4 {
    font-size: 19px;
    font-weight: 700;
    line-height: 25px;
    letter-spacing: 0.01em;
    color: #171420;
}

.cources .cource-boxs .cource-box .data-text .stars {
    margin-top: 15px;
}

.cources .cource-boxs .cource-box .data-text .stars ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.cources .cource-boxs .cource-box .data-text .stars ul li {
    display: inline-block;
    margin: 0 2px;
}

.cources .cource-boxs .cource-box .data-text .stars ul li:first-child {
    margin-left: 0;
}

.cources .cource-boxs .cource-box .data-text .stars ul li img {
    width: 20px
}

.cources .cource-boxs .cource-box .data-text .cource-data {
    margin-top: 15px
}

.cources .cource-boxs .cource-box .data-text .cource-data .data-point {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 10px 0;
}

.cources .cource-boxs .cource-box .data-text .cource-data .data-point .icon img {
    width: 24px;
}

.cources .cource-boxs .cource-box .data-text .cource-data .data-point .name strong {
    font-size: 15px;
    font-weight: 500;
    line-height: 25px;
    letter-spacing: 0.01em;
    color: #171420B2;
}

.cources .cource-boxs .cource-box .data-text .price {
    display: flex;
    align-items: center;
    gap: 15px;
    margin: 20px 0 15px;
}

.cources .cource-boxs .cource-box .data-text .price .current-fee strong {
    font-size: 22px;
    font-weight: 700;
    line-height: 25px;
    letter-spacing: 0.05em;
    color: #171420;
}

.cources .cource-boxs .cource-box .data-text .price .previous-fee strike {
    font-size: 15px;
    font-weight: 600;
    line-height: 25px;
    letter-spacing: 0.01em;
    color: #171420B2;
}

.cources .cource-boxs .cource-box .data-text .view-btn {
    margin-top: 5px;
}

.cources .cource-boxs .cource-box .data-text .view-btn a {
    text-decoration: none;
    font-size: 15px;
    font-weight: 700;
    line-height: 25px;
    letter-spacing: 0.01em;
    color: #D74826;
}

.cources .cource-boxs .cource-box .data-text .view-btn a:hover {
    border-bottom: 1px solid #D74826;
}

.cources .cource-bottom {
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.cources .show-more a {
    text-decoration: none;
    width: 192px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    font-size: 15px;
    font-weight: 600;
    line-height: 25px;
    letter-spacing: 0.01em;
    color: #D74826;
    border: 1px solid #D74826;
    border-radius: 3px;
    padding: 0 10px;
    transition: transform 0.3s ease, background-color 1s ease, color 1s ease;
}

.cources .show-more a:hover {
    background-color: #D74826;
    color: #fff;
}

.cources .show-more a i {
    font-size: 13px;
    line-height: 24px;
    color: #D74826;
    transition: transform 0.3s ease, background-color 1s ease, color 1s ease;
}

.cources .show-more a:hover i {
    color: #fff;
}

.cources .show-pages span {
    font-size: 17px;
    font-weight: 600;
    line-height: 25px;
    letter-spacing: 0.01em;
    color: #171420B2;
}

.course-slider {
    padding: 40px 0;
    min-height: 360px;
    background-color: #F9F3FF;
    display: flex;
    align-items: center;
}

.course-slider .heading {
    margin-bottom: 30px;
}

.course-slider .heading span {
    color: #D74826;
}

.course-slider .slider .card {
    width: 100%;
    height: 80px;
    display: block;
    margin: 15px 0;
}

.course-slider .slider .card:hover {
    border: 1px solid #000;
}

.course-slider .slider .card .icon {
    width: 50px;
    height: 50px;
    background-color: #D9D9D9;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
}

.course-slider .slider .card .icon img {
    width: 24px;
}

.course-slider .slider .card .text h4 {
    font-size: 16px;
    font-weight: 600;
    line-height: 19.5px;
    letter-spacing: 0.01em;
    color: #3A3A3A;
    margin-bottom: 4px;
}

.course-slider .slider .card .text span {
    font-size: 13px;
    font-weight: 500;
    line-height: 25px;
    letter-spacing: 0.01em;
    color: #171420B2;
}

.course-slider .slider .card .card-body {
    display: flex;
    gap: 10px;
    padding: 12px !important;
}

.course-slider .slider .card a {
    text-decoration: none;
}

.course-slider .owl-stage {
    padding-left: 0 !important;
    /* Remove the left padding */
}

.course-slider .owl-carousel .owl-nav button.owl-prev {
    display: none;
}

.course-slider .owl-carousel .owl-nav button.owl-next {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background-color: #FFFFFF;
    border: none;
    box-shadow: 1px 4px 4px 0px #00000040;
    color: #D74826;
    font-size: 18px;
    position: absolute;
    right: -10px;
    top: 33%;
}

/*  business-cource */
.business-cource {
    padding: 70px 0 25px;
}

.business-cource .cource-boxs {
    margin-bottom: 0;
}

.business-cource .business-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.business-cource .business-head .view-all-btn a {
    text-decoration: none;
    color: #D74826;
    font-size: 15px;
    font-weight: 600;
    line-height: 25px;
    letter-spacing: 0.01em;
}

.business-cource .business-head .view-all-btn a i {
    font-size: 14px;
}

/* certificate */
.certificate {
    padding: 60px 0;
    background-color: #F9F3FF;
}

.certificate .img {
    text-align: center;
}

.certificate .img img {
    width: 100%;
    height: 424px;
    margin: auto;
}

.certificate .certificate-data {
    margin-top: 12px;
}

.certificate .certificate-data .heading {
    margin-top: 10px;
}

.certificate .certificate-data .left-data {
    padding: 20px 15px 0 12px;
}

.certificate .certificate-data .left-data .data-point {
    display: flex;
    align-items: center;
    gap: 15px;
    padding-right: 90px;
    margin: 15px 0;
}

.certificate .certificate-data .left-data .data-point .c-icon img {
    width: 40px;
}

.certificate .certificate-data .left-data .data-point .text h4 {
    font-size: 20px;
    font-weight: 700;
    line-height: 25px;
    letter-spacing: 0.01em;
    color: #171420;
    margin: 0;
}

.certificate .certificate-data .left-data .data-point .text p {
    font-size: 15px;
    font-weight: 500;
    line-height: 25px;
    letter-spacing: 0.01em;
    color: #3A3A3A;
}

/* Categories */
.Categories .container{
    position: relative;
}
.Categories .slider .card {
    width: auto !important;
    height: 49px !important;
    padding: 12px;
    background-color: transparent;
    border: none;
}

.Categories .slider .card:hover {
    border: none;
}

.Categories .slider .card a {
    text-decoration: none;
    font-size: 17px;
    font-weight: 600;
    line-height: 25px;
    letter-spacing: 0.01em;
    padding: 12px;
    background-color: #F0F0F0;
    border-radius: 7px;
}

.Categories .category-group {
    display: flex;
    margin-bottom: 14px;
}

.Categories .category-item {
    text-align: center;
    margin: 0 7.3px;
    padding: 5px;
    display: table-cell !important;
}

.Categories .category-item a {
    color: #333;
    text-decoration: none;
    background-color: #F0F0F0;
    display: block !important;
    padding: 10px 14.9px;
    height: 49px;
    font-weight: 600;
    line-height: 25px;
    letter-spacing: 0.01em;
    border-radius: 7px;
    font-size: 17px;
    width: 100%;
}

.Categories .owl-carousel.owl-drag .owl-item {
    margin: 0 !important;
}

.Categories .owl-carousel .item {
    padding: 0 0 18px !important;
}

.Categories {
    padding-bottom: 40px !important;
    padding-top: 50px !important;
    background-color: transparent !important;
    min-height: auto !important;
}

.course-categories {
    padding-top: 40px !important;
}

.Categories .f-account a {
    width: 224px !important;
}

.Categories .hm,
.Categories .hm a {
    width: 213px !important;
}

.Categories .sp,
.Categories .sp a {
    width: 283px !important;
}

.Categories .spm,
.Categories .spm a {
    width: 238px !important;
}

.Categories .management,
.Categories .management a {
    width: 165px !important;
}

.Categories .psy,
.Categories .psy a {
    width: 142px !important;
}

.Categories .book,
.Categories .book a {
    width: 159px !important;
}

.Categories .food,
.Categories .food a {
    width: 164px !important;
}

.Categories .c-skill,
.Categories .c-skill a {
    max-width: 197px !important;
}

.Categories .ai,
.Categories .ai a {
    width: 226px !important;
}

.Categories .cs,
.Categories .cs a {
    width: 171px !important;
}

.Categories .ac,
.Categories .ac a {
    width: 195px !important;
}

.ct-item {
    width: 180px !important;
}

.ct-item2 {
    width: 259px !important;
}

.Categories .owl-carousel .owl-nav button.owl-next {
    display: none
}

.Categories .owl-carousel .row {
    display: block;
}

.Categories .food1 {
    position: relative;
    margin-left: -135px;
}

.Categories .ai {
    position: relative;
    margin-left: -306px;
}

.Categories .ai a {
    width: 226px;
}

.Categories .cy {
    position: relative;
    margin-left: -245px;
}

.Categories .cy a {
    width: 171px;
}

.Categories .cy .category-item:last-child a {
    width: 260px;
}

.Categories {
    position: relative;
}

.Categories .carousel-nav ,.Categories .carousel-nav1 {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background-color: #FFFFFF;
    border: none;
    box-shadow: 1px 4px 4px 0px #00000040;
    color: #D74826;
    font-size: 18px;
    position: absolute;
    right: -20px;
    top: 50%;
    z-index: 99;
}
.Categories .carousel-nav1{
    left: -20px !important;
}
/* .Categories .ac a{
    width: 220px;
} */
/* learner-sider */
.learner-sider {
    min-height: 514px;
    background: linear-gradient(180deg, rgba(153, 151, 144, 0.5) 0%, rgba(249, 242, 212, 0.25) 1.91%);
    padding: 40px 0;
}

.learner-sider .container {
    max-width: 1321px !important;
}

.learner-sider .heading {
    text-align: center;
    margin-bottom: 30px;
}

.learner-sider .slider {
    margin-top: 55px;
}

.learner-sider .item {
    padding: 10px 0 40px 0;
}

.learner-sider .card {
    width: 405px;
    min-height: 259px;
    display: inline-block;
    position: relative;
    background: linear-gradient(103.03deg, #FFFFFF 5.64%, #F9F9F9 140.4%);
    border: 1px solid #17142066;
    border-radius: 15px;
}

.learner-sider .card:before {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: auto;
    right: 90px;
    bottom: -32px;
    border: 16px solid;
    border-color: #17142066 #17142066 transparent transparent;
}

.learner-sider .card:after {
    content: ' ';
    position: absolute;
    width: 1px;
    height: 1px;
    left: auto;
    right: 91px;
    bottom: -29px;
    border: 15px solid;
    border-color: #FCFCFC #FCFCFC transparent transparent;
}

.learner-sider .card-data .card-head {
    padding: 15px 15px 10px;
}

.learner-sider .card-data .card-head .learner .img {
    width: 66px;
    height: 66px;
    border: 2px solid #D74826;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.learner-sider .card-data .card-head .learner .img img {
    width: 60px;
    border-radius: 50%;
}

.learner-sider .card-data .card-head .learner {
    display: flex;
    align-items: center;
    gap: 12px;
    position: relative;
}

.learner-sider .card-data .card-head .name {
    padding: 0 5px;
}

.learner-sider .card-data .card-head .name h4 {
    font-size: 17px;
    font-weight: 700;
    line-height: 20.72px;
    letter-spacing: 0.01em;
    color: #171420;
    margin: 0;
    filter: drop-shadow(0px 5px 30px #00000026);
}

.learner-sider .card-data .card-head .name span {
    font-size: 12px;
    font-weight: 500;
    line-height: 14.63px;
    letter-spacing: 0.01em;
    color: #171420B2;
}

.learner-sider .card-data .card-head .learn-mark {
    position: absolute;
    right: 15px;
}

.learner-sider .card-data .card-head .learn-mark img {
    width: 42px;
}

.learner-sider .card-data .card-head {
    border-bottom: 1px solid #1714201A;
}

.learner-sider .card-data-detail {
    padding: 10px 15px 0;
}

.learner-sider .card-data-detail p {
    font-size: 15px;
    font-weight: 500;
    line-height: 25px;
    letter-spacing: 0.01em;
    color: #171420;
    margin: 0;
}

.learner-sider .card-data-detail .card-text {
    min-height: 110px;
}

.learner-sider .card-data-detail .card-stars {
    margin-top: 5px;
}

.learner-sider .card-data-detail .card-stars ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.learner-sider .card-data-detail .card-stars ul li {
    display: inline-block;
    margin: 0 2px;
}

.learner-sider .card-data-detail .card-stars ul li i {
    color: #E79A1D;
    font-size: 18px;
}

.learner-sider .card-data-detail .card-stars ul li img {
    width: 20px
}

.learner-sider .owl-carousel .owl-dots {
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -65px;
}

.learner-sider .owl-carousel button.owl-dot {
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background-color: #D9D9D9;
    margin: 0 5px;
}

.learner-sider .owl-carousel button.owl-dot.active {
    background-color: #D74826;
}

/* learner-bar */
.learner-bar {
    background-color: #D4BE6B;
    height: 90px;
    display: flex;
    align-items: center;
}

.learner-bar .bar-boxes {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.learner-bar .bar-box {
    display: flex;
    align-items: center;
    gap: 14px;
}

.learner-bar .bar-box .img img {
    width: 30px;
    filter: brightness(0);
}

.learner-bar .bar-box .text p {
    font-size: 20px;
    font-weight: 500;
    line-height: 50px;
    letter-spacing: 0.01em;
    margin: 0;
    color: #000;
}

.learner-bar .bar-box .text p strong {
    font-weight: 700;
}

/* demand-careers */
.demand-careers {
    padding: 70px 0;
}

.demand-careers .heading {
    margin-bottom: 30px;
}

.demand-careers .card {
    width: 359px;
    height: 102px;
    margin-bottom: 12px;
    border-radius: 10px;
    background-color: #F5F5F5;
    border: 1px solid #17142066;
}

.demand-careers .card .img img {
    width: 120px;
    height: 101px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.demand-careers .card .card-data {
    display: flex;
    align-items: center;
    gap: 15px;
}

.demand-careers .card a {
    text-decoration: none;
}

.demand-careers .card .card-data .text {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    flex: auto;
    padding-right: 35px;
}

.demand-careers .card .card-data .text h4 {
    font-size: 18px;
    font-weight: 600;
    line-height: 25px;
    letter-spacing: 0.01em;
    color: #000;
}

.demand-careers .card .card-data .text img {
    width: 11px;
}

.demand-careers .owl-stage {
    padding-left: 0 !important;
}

.demand-careers .owl-carousel .owl-dots {
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -50px;
}

.demand-careers .owl-carousel button.owl-dot {
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background-color: #D9D9D9;
    margin: 0 5px;
}

.demand-careers .owl-carousel button.owl-dot.active {
    background-color: #D74826;
}

/* Course benifits */
.course-benifits {
    padding: 115px 0 60px;
}

.course-benifits .bani-data .benifits-box {
    width: 547px;
    height: 486px;

}

.course-benifits .bani-data .benifits-box .bani-head {
    height: 70px;
    background-color: #D74826;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.course-benifits .bani-data .benifits-box .bani-head h4 {
    margin: 0;
    font-size: 25px;
    font-weight: 700;
    line-height: 50px;
    letter-spacing: 0.01em;
    color: #fff;
}

.course-benifits .bani-data .bani-box-details {
    border: 2px solid #17142066;
    border-top: none;
    height: 416px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    padding: 20px 25px;
    position: relative;
}

.course-benifits .bani-data .bani-box-details .bani-points {
    margin: 35px 0;
}

.course-benifits .bani-data .bani-box-details .bani-points:first-child {
    margin-top: 0;
}

.course-benifits .bani-data .bani-box-details .bani-points .point {
    display: flex;
    align-items: center;
    gap: 12px;
}

.course-benifits .bani-data .bani-box-details .bani-points .point .img img {
    width: 37px;
}

.course-benifits .bani-data .bani-box-details .bani-points .point .text {
    flex: auto;
}

.course-benifits .bani-data .bani-box-details .bani-points .point .text h4 {
    margin: 0;
    font-size: 17px;
    font-weight: 500;
    line-height: 20.72px;
    letter-spacing: 0.01em;
    color: #171420;
}

.course-benifits .bani-data .bani-box-details::before {
    content: "";
    width: 98%;
    height: 2px;
    background-color: #D74826;
    display: block;
    position: absolute;
    left: 5px;
    right: 5px;
    bottom: -2px;
    border-radius: 3px;
}

.course-benifits .banifits-text-box {
    width: 581px;
}

.course-benifits .bani-data {
    display: flex;
    justify-content: space-between;
}

.course-benifits .banifits-text-box .bani-heading h4 {
    font-size: 35px;
    font-weight: 700;
    line-height: 50px;
    letter-spacing: 0.01em;
    color: #000;
}

.course-benifits .banifits-text-box .bani-heading span {
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0.01em;
    color: #3A3A3A;
}

.course-benifits .banifits-text-box .text-points .point {
    display: flex;
    align-items: center;
    gap: 15px;
}

.course-benifits .banifits-text-box .text-points {
    margin: 30px 0;
}

.course-benifits .banifits-text-box .text-points .point .icon {
    width: 21px;
    height: 21px;
    border-radius: 50%;
    background-color: #60487C;
    display: flex;
    align-items: center;
    justify-content: center;
}

.course-benifits .banifits-text-box .text-points .point {
    margin: 22px 0;
}

.course-benifits .banifits-text-box .text-points .point .icon i {
    color: #fff;
    font-size: 12px;
    line-height: 21px;
}

.course-benifits .banifits-text-box .text-points .point .text p {
    margin: 0;
    font-size: 17px;
    font-weight: 500;
    line-height: 20.72px;
    letter-spacing: 0.01em;
    color: #3A3A3A;
}

.course-benifits .banifits-text-box .start-btn {
    margin-top: 95px;
}

.course-benifits .banifits-text-box .start-btn a {
    text-decoration: none;
    width: 286px;
    height: 51px;
    background-color: #D74826;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    font-weight: 600;
    line-height: 20.72px;
    letter-spacing: 0.01em;
    color: #fff;
    border-radius: 5px;
}

/* blogs */
.blogs {
    padding: 25px 0 40px;
}

.blogs .heading {
    margin-bottom: 30px;
}

.blogs .blogs-data .blog-box {
    width: 100%;
}

.blogs .blogs-data .blog-box img {
    width: 100%;
    height: 203px;
    border-radius: 3px;
}

.blogs .blogs-data .blog-box .text {
    padding-top: 10px;
}

.blogs .blogs-data .blog-box .text .publisher {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.blogs .blogs-data .blog-box .text .publisher span {
    font-size: 13px;
    font-weight: 500;
    line-height: 15.85px;
    letter-spacing: 0.01em;
    color: #3A3A3A;
}

.blogs .blogs-data .blog-box .blog-heading {
    margin: 5px 0;
}

.blogs .blogs-data .blog-box .blog-heading h4 {
    font-size: 17px;
    font-weight: 700;
    line-height: 27px;
    letter-spacing: 0.01em;
    color: #000;
}

.blogs .blogs-data .blog-box .read-btn a {
    font-size: 15px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0.01em;
    color: #D74826;
    text-decoration: none;
}
.blogs .owl-dots {
    text-align: center;
    margin-top: 55px;
}
.blogs .owl-dots button{
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: #ddd !important;
    margin: 0 3px;
}
.blogs .owl-dots button.active{
    background-color: #D7721E !important;
}
/* faq */
.faq {
    padding: 40px 0;
}

.faq .accordion-button::after {
    content: "\f067";
    /* Font Awesome "plus" icon */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-left: auto;
    display: inline-block;
    transition: transform 0.3s ease, width 0.3s ease, background-color 0.3s ease;
    transform: scale(1);
    /* Default scale */
    background-image: none !important;
}

.faq .accordion-button:not(.collapsed)::after {
    content: "\f068";
    /* Font Awesome "minus" icon */
    transform: scale(1.2);
    /* Slightly larger to emphasize merging */
}

.faq .faq-data {
    margin-top: 50px;
    width: 865px;
}

.faq .faq-data .accordion-header button {
    font-size: 18px;
    font-weight: 600;
    line-height: 25px;
    letter-spacing: 0.01em;
    min-height: 80px;
    padding: 10px;
    padding-bottom: 0px;
}

.faq .accordion-button:not(.collapsed) {
    background-color: transparent !important;
    box-shadow: none !important;
    color: #60487C;
}

.faq .accordion-button:focus {
    box-shadow: none !important;
}

.faq .accordion-item:first-of-type>.accordion-header .accordion-button,
.accordion-item:first-of-type,
.accordion-item:last-of-type>.accordion-header .accordion-button.collapsed,
.accordion-item:last-of-type {
    border-radius: 0px !important;
}

.faq .accordion .accordion-item {
    border: 1px solid #171420;
    border-left: none;
    border-right: none;
}

.faq .accordion .accordion-item .accordion-body {
    padding: 0px 10px 20px;

}

.faq .accordion .accordion-item .accordion-body p {
    font-size: 17px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0.01em;
    color: #000;
}

/* footer */
.footer {
    padding: 100px 0 0;
    min-height: 494px;
    background-color: #3A3A3A;
}

.footer .footer-top {
    border-bottom: 1px solid #D9D9D9;
}

.footer .footer-boxs {
    display: flex;
    justify-content: space-between;
    padding-bottom: 110px;
    margin-left: 50px;
}

.footer .footer-box img {
    width: 137px;
}

.footer .footer-box .box-data {
    margin-top: 15px;
}

.footer .footer-box .box-data .text {
    padding-right: 70px;
}

.footer .footer-box .box-data .text p {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: #fff;
    margin: 0;
}

.footer .footer-box .box-data .email a {
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: #fff;
}

.footer .logo-box {
    width: 207px;
}

.footer .menu {
    width: 200px;
}

.footer .links {
    width: 188px;
}

.footer .more-links {
    width: 279px;
}

.footer .footer-box .head {
    margin-bottom: 12px;
}

.footer .footer-box .head h4 {
    font-size: 18px;
    font-weight: 600;
    line-height: 21.94px;
    color: #FFFFFF;
}

.footer .more-links .head h4 {
    font-weight: 400;
}

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

.footer .footer-box ul li {
    margin: 7px 0;
}

.footer .footer-box ul li a {
    text-decoration: none;
    font-size: 14px;
    font-weight: 400;
    line-height: 17.07px;
    color: #FFFFFF;
}

.footer .footer-bottom {
    padding: 30px 0;
}

.footer .footer-bottom .copyright p {
    margin: 0;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 400;
    line-height: 17.07px;
    padding-left: 50px;
}

.footer .footer-bottom .footer-social-icons ul {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center;
}

.footer .footer-bottom .footer-social-icons ul li {
    display: inline-block;
    margin: 0 10px;
}

.footer .footer-bottom .footer-social-icons ul li a {
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background-color: #000;
}

.footer .footer-bottom .footer-social-icons ul li a i {
    color: #FFFFFF;
    line-height: 35px;
}
/* course-page 2 */
.course-hero {
    width: 100%;
    min-height: 412px;
    background: url(../img/bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
}

.course-hero .course-hero-data {
    text-align: center;
}

.course-hero .course-hero-data h2 {
    font-size: 40px;
    font-weight: 700;
    line-height: 55px;
    letter-spacing: 0.01em;
    color: #fff;
}

.course-hero .course-hero-data h2 span {
    display: block;
    color: #E79A1D;
}

.course-hero .course-hero-data .course-serach .input {
    width: 592px;
    margin: auto;
}

.course-hero .course-hero-data .course-serach .input input {
    width: 100%;
    padding: 0 70px 0 145px;
    height: 66px;
    border: none;
    border-radius: 5px;
    border: 1px solid #171420B2;
}

.course-hero .course-hero-data .course-serach {
    margin-top: 40px;
}

.course-hero .course-hero-data .course-serach .input input:focus {
    border: none !important;
    outline: none;
}

.course-hero .course-hero-data .course-serach .input input::placeholder,
.course-hero .course-hero-data .course-serach .input input {
    font-size: 20px;
    font-weight: 500;
    line-height: 25px;
    letter-spacing: 0.01em;
    color: #3A3A3A;
    font-family: "Montserrat", serif;
}

.course-hero .course-hero-data .course-serach .input {
    position: relative;
}

.course-hero .course-hero-data .course-serach .input i {
    position: absolute;
    left: 115px;
    top: 40%;
}
/* learner-bar  for coure page*/
.learner-bar .bar-stars ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.learner-bar .bar-stars ul li {
    display: inline-block;
}

.learner-bar .bar-stars ul li .star-box {
    width: 26.4px;
    height: 26.4px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #00B67A;
    position: relative;
}

.learner-bar .bar-stars ul li .star-box img {
    width: 18px;
    z-index: 1;
}

.learner-bar .bar-stars ul li:last-child .star-box::after {
    content: "";
    width: 12px;
    height: 26.4px;
    background-color: #DCDCE6;
    display: block;
    z-index: 0;
    position: absolute;
    right: 0;
}

.learner-bar .trustpliot-star img {
    width: 135.85px;
    height: 25.85px;
}

.learner-bar .star-box {
    display: flex;
    gap: 25px;
}


/* free-course */
.free-course {
    padding: 50px 0 40px;
    min-height: 515px;
    background-color: #E7E7E7;
}

.free-course .free-heading {
    text-align: center;
}

.free-course .free-heading h3 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 65px;
    border: 2px solid #000000;
    font-size: 30px;
    font-weight: 600;
    line-height: 25px;
    letter-spacing: 0.01em;
    color: #171420;
    margin: 0;
    border-radius: 10px;
    padding: 0 30px;
}

.free-course .free-courses-boxs .free-box {
    width: 295px;
    height: 80px;
    background-color: #fff;
    border-radius: 7px;
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 20px;
    margin: 10px 0;
}

.free-course .free-courses-boxs a {
    text-decoration: none;
}

.free-course .free-courses-boxs .free-box .img img {
    width: 50px;
}

.free-course .free-courses-boxs {
    margin-top: 45px;
}

.free-course .free-courses-boxs .free-box .name h4 {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    line-height: 21.94px;
    letter-spacing: 0.01em;
    color: #3A3A3A;
}

.free-course .view-all-btn {
    margin-top: 45px;
}

.free-course .view-all-btn a {
    text-decoration: none;
    width: 226px;
    height: 51px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #D74826;
    border-radius: 5px;
    font-size: 20px;
    font-weight: 800;
    line-height: 20.72px;
    letter-spacing: 0.01em;
    color: #fff;
    margin: auto;
}

/* all slider */
.all-cources-slider {
    padding: 70px 0 50px;
}

.all-cources-slider .cource-box .data {
    border: 0.5px solid #171420;
    border-top: none;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px
}

.all-cources-slider .cource-box {
    width: 295px;
    height: 490px;
    border-radius: 10px;
}

.all-cources-slider .cource-box .img img {
    width: 295px;
    height: 169px;
    position: relative;
}

.all-cources-slider .cource-box .data-text {
    max-width: 265px;
    margin: auto;
    padding: 12px 0;
}

.all-cources-slider .cource-box .data-text .head h4 {
    font-size: 20px;
    font-weight: 700;
    line-height: 25px;
    letter-spacing: 0.01em;
    color: #171420;
}

.all-cources-slider .cource-box .data-text .stars {
    margin-top: 15px;
}

.all-cources-slider .cource-box .data-text .stars ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.all-cources-slider .cource-box .data-text .stars ul li {
    display: inline-block;
    margin: 0 2px;
}

.all-cources-slider .cource-box .data-text .stars ul li:first-child {
    margin-left: 0;
}

.all-cources-slider .cource-box .data-text .stars ul li img {
    width: 20px
}

.all-cources-slider .cource-box .data-text .cource-data {
    margin-top: 15px
}

.all-cources-slider .cource-box .data-text .cource-data .data-point {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 10px 0;
}

.all-cources-slider .cource-box .data-text .cource-data .data-point .icon img {
    width: 24px;
}

.all-cources-slider .cource-box .data-text .cource-data .data-point .name strong {
    font-size: 15px;
    font-weight: 500;
    line-height: 25px;
    letter-spacing: 0.01em;
    color: #171420B2;
}

.all-cources-slider .cource-box .data-text .price {
    display: flex;
    align-items: center;
    gap: 15px;
    margin: 20px 0 15px;
}

.all-cources-slider .cource-box .data-text .price .current-fee strong {
    font-size: 22px;
    font-weight: 700;
    line-height: 25px;
    letter-spacing: 0.05em;
    color: #171420;
}

.all-cources-slider .cource-box .data-text .price .previous-fee strike {
    font-size: 15px;
    font-weight: 600;
    line-height: 25px;
    letter-spacing: 0.01em;
    color: #171420B2;
}

.all-cources-slider .cource-box .data-text .view-btn {
    margin-top: 5px;
}

.all-cources-slider .cource-box .data-text .view-btn a {
    text-decoration: none;
    font-size: 15px;
    font-weight: 700;
    line-height: 25px;
    letter-spacing: 0.01em;
    color: #D74826;
}

.all-cources-slider .cource-box .data-text .view-btn a:hover {
    border-bottom: 1px solid #D74826;
}

.all-cources-slider .tabs-box nav {
    margin-bottom: 30px;
}

.all-cources-slider .nav-tabs {
    width: 1116px !important;
    margin: auto;
    justify-content: space-between !important;
}

.all-cources-slider .nav-tabs .nav-link {
    border: none !important;
    box-shadow: none;
    outline: none;
    position: relative;
    font-size: 18px;
    font-weight: 600;
    line-height: 25px;
    letter-spacing: 0.01em;
    color: #3A3A3A;
    border-bottom: 1px solid #DDDDDD !important;
    padding: 16px 30px !important;
}

.all-cources-slider .nav-tabs .nav-link.active {
    color: #60487C;
    font-size: 22px;
    font-weight: 700;
}

.all-cources-slider .nav-tabs .nav-link.active::before {
    content: "";
    width: 68px;
    height: 5px;
    background-color: #60487C;
    display: block;
    position: absolute;
    bottom: -2.5px;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 10px;
}

.all-cources-slider .slider {
    margin-top: 50px;
}

.slider .owl-nav button {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #D74826 !important;
}
.slider .owl-nav button i {
    color: #D74826;
    font-size: 20px;
    line-height: 40px;
}

.slider .owl-nav button.owl-prev {
    position: absolute;
    left: -40px;
    top: 44%;
}

.slider .owl-nav button.owl-next {
    position: absolute;
    right: -35px;
    top: 44%;
}

.all-cources-slider .slider .explore-btn {
    margin-top: 40px;
    text-align: center;
}

.all-cources-slider .slider .explore-btn a {
    text-decoration: none;
    display: inline-block;
    align-items: center;
    justify-content: center;
    border: 1px solid #D74826;
    border-radius: 5px;
    font-size: 17px;
    font-weight: 600;
    line-height: 20.72px;
    letter-spacing: 0.01em;
    color: #D74826;
    padding: 14px 20px;
}

/* enroll */
.enroll {
    width: 100%;
    height: 310px;
    background: url(../img/enroll-bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
}

.enroll .enroll-head .bar1 {
    width: 325px;
    background-color: #60487C;
    height: 49px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
}

.enroll .enroll-head .bar1 h3 {
    font-size: 30px;
    font-weight: 800;
    line-height: 36.57px;
    letter-spacing: 0.01em;
    color: #FFFFFF;
    margin: 0;
}

.enroll .enroll-head .bar2 {
    width: 330px;
    background-color: #E79A1D;
    height: 47px;
    display: flex;
    align-items: center;
    padding-left: 30px;
    border-radius: 5px;
    margin-left: 30px;
}

.enroll .enroll-head .bar2 h3 {
    font-size: 30px;
    font-weight: 800;
    line-height: 36.57px;
    letter-spacing: 0.01em;
    color: #FFFFFF;
    margin: 0;
}

.enroll .enroll-box {
    position: relative;
}

.enroll .enroll-box .text {
    margin-top: 20px;
    width: 50%;
}

.enroll .enroll-box .text p {
    margin: 0;
    font-size: 17px;
    font-weight: 400;
    line-height: 20.72px;
    letter-spacing: 0.01em;
    color: #000000;
}

.enroll .enroll-box .enroll-btn {
    margin-top: 35px;
}

.enroll .enroll-box .enroll-btn a {
    text-decoration: none;
    background-color: #D74826;
    border-radius: 50px;
    padding: 15px;
    font-size: 17px;
    font-weight: 600;
    line-height: 20.72px;
    letter-spacing: 0.01em;
    color: #FFFFFF;
}

.enroll .enroll-box .left-img img {
    width: 240px;
}

.enroll .enroll-box .left-img {
    position: absolute;
    bottom: -30px;
    right: -55px;
}

.enroll .enroll-right {
    padding-left: 65px;
}

.enroll .enroll-right .left-img {
    right: -44px;
}

/* online-course */
.online-course {
    padding: 60px 0 80px;

}

.online-course .col-lg-6:first-child {
    width: 735px !important;
}

.online-course .col-lg-6:last-child {
    width: 480px !important;
}

.online-course .text .head h3 {
    margin: 0;
    font-size: 34px;
    font-weight: 700;
    line-height: 50px;
    letter-spacing: 0.01em;
    color: #171420;
}

.online-course .text .para {
    margin-top: 15px;
}

.online-course .text .para p {
    font-size: 17px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0.01em;
    color: #3A3A3A;
}

.online-course .text .para p strong {
    font-weight: 700;
}

.online-course .text .read-more-btn a {
    text-decoration: none;
    font-size: 15px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0.01em;
    color: #D74826;
}

.online-course .img {
    position: relative;
}

.online-course .img img {
    width: 497px;
    height: 305px;
    border-radius: 10px;
}

.online-course .img .play-btn {
    top: 30%;
}

.online-course .img .play-btn {
    position: absolute;
    left: 42px;
    right: 0;
    text-align: center;
    top: 40%;
    bottom: 50%;
}

.online-course .img .play-btn img {
    width: 70px;
    height: 70px;
}

/* Home page design */
.home-hero {
    padding: 25px 0 0;
    min-height: 400px;
    background-color: #37003C;
    margin-bottom: 25px;
}

.home-hero .hero-text .head {
    padding-left: 70px;
}

.home-hero .hero-text .head h1 {
    font-size: 48px;
    font-weight: 800;
    line-height: 60.95px;
    color: #fff;
}

.home-hero .col-lg-8 {
    width: 754px !important;
    padding-right: 0;
    padding-top: 45px;
}

.home-hero .hero-text .head h3 {
    font-size: 40px;
    font-weight: 700;
    line-height: 48.76px;
    color: #E85B2B
}

.home-hero .hero-search-filter {
    width: 754px;
    height: 193px;
    border-radius: 10px;
    background-color: #25202E;
    text-align: center;
    padding: 25px 0;
}

.home-hero .hero-search-filter .head-line span {
    font-size: 18px;
    font-weight: 500;
    line-height: 21.94px;
    color: #D7D7D7;
}

.home-hero .hero-search-filter .search-input form {
    justify-content: center;
    margin: 20px 0;
}

.home-hero .hero-search-filter .search-input input {
    width: 502px;
    height: 51px;
}

.home-hero .hero-search-filter .search-input input::placeholder,
.home-hero .hero-search-filter .search-input input {
    font-size: 17px;
    font-weight: 500;
    line-height: 20.72px;
    color: #171420B2;
    font-family: "Montserrat", serif;
}

.home-hero .hero-search-filter .search-input button {
    width: 175px;
    height: 51px;
    font-size: 17px;
    font-weight: 600;
    line-height: 20.72px;
    color: #FFFFFF;
    background-color: #D74826;
}

.home-hero .hero-search-filter .filter-bottom .tags {
    display: flex;
    align-items: center;
    justify-content: center;
}

.home-hero .hero-search-filter .filter-bottom .tags span {
    font-size: 17px;
    font-weight: 500;
    line-height: 13.72px;
    color: #fff;
    padding: 0 35px;
    border-left: 2px solid #FFFFFF;
}

.home-hero .hero-search-filter .filter-bottom .tags span:first-child {
    border-left: none;
}

.home-hero .img {
    text-align: center;
}

.home-hero .img img {
    width: 327px;
    height: 388px;
    filter: drop-shadow(0px 0px 60px #DAD8D880);
}

.free-course .home-free-course {
    text-align: center;
}

.free-course .home-free-course h3 {
    font-size: 25px;
    font-weight: 700;
    line-height: 30.48px;
    color: #000;
}

/* faq */
.faq-hero {
    width: 100%;
    height: 235px;
    background: linear-gradient(90deg, #FFFFFF 0%, #451F71 0.01%, #451F71 60%, #FFFFFF 100%);
    display: flex;
    align-items: center;
}

.faq-hero .faq-hero-data h3 {
    font-size: 35px;
    font-weight: 700;
    line-height: 55px;
    letter-spacing: 0.01em;
    color: #fff;
}

.faq-hero .search-bar {
    position: relative;
}

.faq-hero .search-bar input {
    min-width: 343px;
    height: 50px;
    font-size: 17px;
    font-weight: 500;
    color: #202224;
    outline: none;
    border: none;
    border: 1px solid #C6C6C6B2;
    padding: 7px 8px 7px 38px;
    border-radius: 5px;
    transition: 0.3s;
    background-color: #ffff;
    color: #3A3A3A;
}

.faq-hero .search-bar button {
    position: absolute;
    left: 14px;
    background: none;
    border: none;
    outline: none;
    color: #3A3A3A;
}

.faq-hero .img img {
    width: 286px;
    height: 233px;
}

.faq-hero .row {
    align-items: center;
}

/* faq section */
.faq-section .row .col-lg-4 {
    width: 330px;
}

.faq-section .row .col-lg-8 {
    width: 865px;
    padding-right: 0 !important;
}

.faq-section .row .col-lg-8 .faq-data {
    width: 100%;
    margin-top: 0;
    margin-left: auto;
}

.faq-section .faq-box .link-box h3 {
    height: 61px;
    border-radius: 5px;
    background-color: #D74826;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    font-size: 30px;
    font-weight: 800;
    line-height: 36.57px;
    color: #fff;
}

.faq-section .links .link-box {
    margin-top: 12px;
}

.faq-section .links .link-box a {
    display: flex;
    align-items: center;
    width: 100%;
    height: 45px;
    background-color: #F0F0F0;
    padding: 0 15px;
    gap: 15px;
    text-decoration: none;
    font-size: 17px;
    font-weight: 600;
    line-height: 20.72px;
    border-radius: 5px;
    color: #171420B2;
}

.faq-section .links .link-box a img {
    width: 20px;
}

.faq-section .swiper-container {
    overflow: hidden;
    padding-right: 20px;
    box-sizing: content-box;
}

.faq-section .links-slider .swiper-head {
    margin: 20px 0 0;
}

.faq-section .links-slider .swiper-head h3 {
    font-size: 20px;
    font-weight: 700;
    line-height: 24.38px;
    letter-spacing: 0.01em;
    color: #171420;
    margin: 0;
}

.faq-section .swiper-wrapper {
    display: block !important;
}

.faq-section .swiper-slide {
    flex-shrink: 0;
    text-align: center;
    width: 100%;
}

.faq-section .link-container {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: center;
    overflow: hidden;
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
    padding-top: 29px;
}
.navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item:first-child{
    border-top: 1px solid #37003C
}
/* Large screen styles */
@media (min-width: 768px) {
    .faq-section .link-container {
        flex-wrap: nowrap;
        overflow: visible;
    }
}

/* Small screen styles */
@media (max-width: 767px) {
    .faq-section .link {
        min-width: 100%;
        text-align: center;
    }

    .faq-section .swiper-wrapper {
        display: flex !important;
    }
}

.faq-section .accordion-item:first-of-type {
    border-top: none;
}

.faq-section .faq-contact {
    width: 100%;
    height: 292px;
    background-color: #E2E2E2;
    margin-top: 50px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.faq-section .faq-contact .contact-data {
    width: 518px;
}

.faq-section .faq-contact .contact-data .head h3 {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    height: 54px;
    font-size: 25px;
    font-weight: 700;
    line-height: 30.48px;
    border-radius: 5px;
    color: #000;
    margin: 0;
}

.faq-section .faq-contact .contact-data .text {
    text-align: center;
    margin-top: 15px;
}

.faq-section .faq-contact .contact-data .text p {
    font-size: 17px;
    font-weight: 500;
    line-height: 30px;
    color: #000000;
}

.faq-section .faq-contact .contact-data .contact-btn {
    margin-top: 25px;
}

.faq-section .faq-contact .contact-data .contact-btn a {
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 210px;
    height: 54px;
    background-color: #D74826;
    border-radius: 5px;
    font-size: 20px;
    font-weight: 800;
    line-height: 24.38px;
    letter-spacing: 0.01em;
    margin: auto;
    color: #fff;
}

.view-all-btn-mob {
    display: none
}

.view-all-btn-mob a {
    text-decoration: none;
    color: #D74826;
    font-size: 15px;
    font-weight: 600;
    line-height: 25px;
    letter-spacing: 0.01em;
}

/* new changes */
.header .custom-dropdown .dropdown-menu {
    display: none;
    min-width: 260px !important;
    border-radius: 0 !important;
    border: none !important;
}

.header .custom-dropdown:hover .dropdown-menu {
    display: block;
}
.header .custom-dropdown .submenu {
    display: none;
    position: absolute;
    top:30px;
    left: 100%;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    margin-left: 0;
    padding-left: 8px;
}

.header .custom-dropdown .dropdown-item:hover .submenu {
    display: block;
    min-width: 260px !important;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
}

.header .submenu {
    margin-left: 20px;
    background-color: #fff;
    padding: 12px;
}
.header .dropdown-toggle::after {
    display: none !important;
}
.header .custom-dropdown .head{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.header .custom-dropdown .head i{
    font-size: 10px;
}
.header .custom-dropdown  .dropdown-menu a{
    text-decoration: none;
    display: block;
    color: rgb(45, 47, 49);
    font-family: "Udemy Sans", "SF Pro Text", -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 14px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 19.6px;
    min-height: 19.6px;
    padding: 8px 0px 8px 16px;
    text-align: left;
}
.header .custom-dropdown  .dropdown-menu .submenu a{
    padding: 8px 0px 8px 8px !important;
}
.faq-nav{
    display: none;
}
@media (max-width:500px) {
    .faq-section .row .col-lg-8 {
        width: auto;
    }

    .faq-section .row .col-lg-8 .faq-data {
        width: auto;
    }

    .faq-section .swiper-wrapper {
        padding: 0 20px !important;
    }

    .view-all-btn-mob {
        display: block;
    }
}

/* new changes css */
.int-cources {
    padding: 60px 0 50px !important
}

.int-cources .cource-boxs {
    margin: 30px 0 20px !important
}





















@media (min-width: 1300px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1240px !important;
        padding: 0 !important;
    }
}

.heading h3 {
    font-size: 28px;
    font-weight: 700;
    line-height: 25px;
    letter-spacing: 0.01em;
    color: #171420;
}

.heading h3 span {
    color: #60487C;
}

.slider-border {
    border-bottom: 6px solid;
    border-image-source: linear-gradient(180deg, rgba(153, 151, 144, 0.3) 100%, rgba(249, 242, 253, 0.3) 102.67%);
}

.pb-blogs {
    padding-bottom: 4rem !important;
}

.swiper-navs {
    display: none;
}

/* responsive for mob */
@media (max-width:575px) {
    .navbar-toggler {
        border: none !important;
    }

    .navbar-toggler:focus {
        box-shadow: 0 0 3px #D7721E !important;
    }

    /* .navbar .navbar-toggler-icon{
    background-image: url(../img/bars-solid.svg) !important;
    } */
    .navbar-collapse {
        padding: 10px 30px;
        background-color: #fff;
        position: absolute;
        top: 70px;
        width: 100%;
        left: 0;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        z-index: 999;
    }

    .header .navbar-expand-lg .navbar-nav .nav-link {
        padding-left: 0 !important
    }

    .header .login-btns {
        margin-left: 0;
    }

    .header .navbar-brand img {
        width: 111px;
    }

    .hero {
        padding: 0;
        min-height: 471px;
        background: url(../img/mob-hero.png);
        background-size: cover;
        background-repeat: no-repeat;
    }

    .hero .hero-badge {
        display: none;
    }

    .hero .hero-data {
        margin: 0;
        padding-top: 45px;
    }

    .hero .hero-data .hero-text h1 {
        font-size: 31.72px;
        font-weight: 700;
        line-height: 47.58px;
        letter-spacing: 0.01em;
    }

    .hero .hero-data .hero-text .text {
        width: 99%;
        margin-top: 0;
    }

    .hero .hero-data .hero-text .text p {
        font-size: 15px;
    }

    .cources {
        padding: 20px 0;
    }

    .cources .cource-boxs .cource-box,
    .cources .cource-boxs .cource-box .img img {
        width: 100%;
    }

    .heading h3 {
        font-size: 23.26px;
        font-weight: 700;
        line-height: 37.01px;
        letter-spacing: 0.01em;
    }
    .business-cource .business-head .view-all-btn {
        display: none;
    }

    .course-slider .owl-carousel .owl-nav button.owl-next {
        right: 3px;
    }

    .cources .cource-boxs .swiper-wrapper {
        display: flex;
    }

    /*  */
    .course-slider .slider .card {
        width: 100%;
        height: 65px;
    }

    .course-slider .slider .card .icon {
        width: 38px;
        height: 38px;
    }

    .course-slider .slider .card .icon img {
        width: 18px;
    }

    .course-slider .slider .card .text h4 {
        font-size: 11px;
        line-height: 11.5px;
    }

    .course-slider .heading {
        text-align: center;
    }

    .certificate .img img {
        width: 348px;
        height: 243px;
        margin: auto;
    }

    .certificate .heading h3 {
        font-size: 26.61px;
        font-weight: 700;
        line-height: 26.43px;
        letter-spacing: 0.01em;
        text-align: center;
    }

    .certificate .certificate-data .left-data .data-point .text h4 {
        font-size: 16.15px;
        font-weight: 700;
        line-height: 26.43px;
        letter-spacing: 0.01em;

    }

    .certificate .img {
        margin-top: 20px;
    }

    /*  */
    .Categories .heading {
        text-align: left;
        margin-bottom: 15px;
    }

    .learner-sider .card {
        width: 100%;
    }

    .learner-sider .owl-carousel .owl-dots {
        bottom: -40px;
    }

    .learner-sider .slider {
        margin-top: 20px;
    }

    /*  */
    .learner-bar {
        height: 105px;
        padding-left: 10px
    }

    .learner-bar .bar-boxes {
        flex-wrap: wrap;
    }

    .learner-bar .bar-box {
        width: 50%;
        padding-left: 2px;
        justify-content: left;
        gap: 8px
    }

    .learner-bar .bar-box .text p {
        font-size: 13.03px;
        font-weight: 600;
        line-height: 32.58px;
        letter-spacing: 0.01em;
    }

    .learner-bar .bar-box .img img {
        width: 18px;
    }

    /*  */
    .demand-careers .card {
        width: 100%;
        height: 65px;
    }

    .demand-careers .card .img img {
        width: 69px;
        height: 65px;
    }

    .demand-careers .card .card-data .text h4 {
        font-size: 12.47px;
        font-weight: 600;
        line-height: 14.55px;
        letter-spacing: 0.01em;
    }

    .demand-careers .card .card-data .text {
        padding-right: 20px;
    }

    /*  */
    .course-benifits {
        padding: 50px 0 60px;
    }

    .course-benifits .bani-data {
        display: block;
    }

    .course-benifits .bani-data .benifits-box {
        width: 336px;
        margin: 0 auto 25px;
        height: auto;
    }

    .course-benifits .bani-data .bani-box-details {
        padding: 20px 19px;
        height: 325px;
    }

    .course-benifits .bani-data .bani-box-details .col-lg-6 {
        width: 50% !important;
    }

    .course-benifits .bani-data .bani-box-details .bani-points .point .text h4 {
        font-size: 10.46px;
        font-weight: 500;
        line-height: 12.75px;
        letter-spacing: 0.01em;
    }

    .course-benifits .bani-data .bani-box-details .bani-points .point .img img {
        width: 24px;
    }

    .course-benifits .bani-data .benifits-box .bani-head h4 {
        font-size: 15.38px;
        font-weight: 700;
        line-height: 30.76px;
        letter-spacing: 0.01em;
    }

    .course-benifits .bani-data .bani-box-details::before {
        width: 96%;
    }

    .course-benifits .bani-data .bani-box-details .bani-points {
        margin: 25px 0;
    }

    .course-benifits .banifits-text-box {
        width: 100%;
    }

    .course-benifits .banifits-text-box .bani-heading h4 {
        font-size: 22px;
        font-weight: 700;
        line-height: 50px;
        letter-spacing: 0.01em;
        text-align: center;
    }

    .course-benifits .banifits-text-box .text-points .point .icon {
        max-width: 21px;
        height: 21px;
        border-radius: 50%;
        background-color: #60487C;
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 21px;
    }

    .course-benifits .banifits-text-box .start-btn a {
        text-decoration: none;
        width: 340px;
        height: 54px;
        font-size: 20px;
        font-weight: 700;
    }

    .cources .cource-boxs .swiper-wrapper {
        flex-wrap: nowrap;
    }

    .blogs {
        padding: 20px 0 30px;
    }

    .blogs .dots {
        display: block;
        position: relative;
        right: 0;
        bottom: -30px;
        left: 0;
        width: 100%;
    }

    .blogs .swiper-pagination {
        position: relative !important;
    }

    .blogs .swiper-pagination .swiper-pagination-bullet {
        width: 11px !important;
        height: 11px !important;
    }

    .blogs .swiper-pagination-bullet-active {
        background: #D74826 !important;
    }

    .faq .faq-data {
        width: 100%;
        margin-top: 0;
    }

    .faq .faq-data .accordion-header button {
        font-size: 19px;
    }

    .faq .accordion-item:first-of-type {
        border-top: none;
    }

    .footer {
        padding: 15px 0 0;
        min-height: auto;
    }

    .footer .footer-boxs {
        display: block;
        padding-bottom: 20px;
        margin-left: 0;
    }

    .footer .footer-box {
        margin: 30px 0;
    }

    .footer .footer-bottom .copyright {
        margin-bottom: 15px;
    }

    .footer .footer-bottom .copyright p {
        padding-left: 0;
        text-align: center;
    }

    /* online section */
    .online-course .img {
        margin-top: 20px;
    }

    .online-course .img img {
        width: 100%;
        height: 198px;
    }

    .online-course .text .head h3 {
        font-size: 22px;
        font-weight: 700;
        line-height: 35px;
        letter-spacing: 0.01em;
    }
    .demand-careers {
        padding: 65px 0;
    }

    .blogs .swiper-wrapper {
        flex-wrap: nowrap;
    }
    .blogs .blogs-data .blog-box {
        width: 100%;
    }
    .blogs .swiper-slide {
        width: 100% !important;
    }
    .blogs .blogs-data .owl-stage{
        padding-left: 0 !important;
    }

    .all-carousel .owl-stage {
        padding-left: 0 !important;
    }

    /* home page */
    .home-hero {
        min-height: 655px;
    }

    .home-hero .img {
        display: none;
    }

    .home-hero .hero-search-filter {
        width: 100%;
        text-align: left;
        padding: 20px;
        height: 354px;
    }

    .home-hero .hero-text .head {
        padding-left: 0;
        margin-bottom: 20px;
    }

    .home-hero .hero-text .head h1 {
        font-size: 40px;
        font-weight: 800;
        line-height: 48.76px;
    }

    .home-hero .hero-text .head h3 {
        font-size: 30px;
        font-weight: 700;
        line-height: 36.57px;
    }

    .home-hero .hero-search-filter .search-input form {
        display: block !important;
        text-align: center;
    }

    .home-hero .hero-search-filter .search-input input {
        width: 100%;
    }

    .home-hero .hero-search-filter .search-input button {
        margin-top: 20px;
    }

    .home-hero .col-lg-8 {
        padding-right: calc(var(--bs-gutter-x) * .5) !important;
    }

    .home-hero .hero-search-filter .filter-bottom {
        margin-top: 40px;
    }

    .home-hero .hero-search-filter .filter-bottom .tags {
        flex-wrap: wrap;
        row-gap: 20px;
        justify-content: left;
        padding-left: 20px;
    }

    .home-hero .hero-search-filter .filter-bottom .tags span {
        width: 50%;
        padding: 0 15px;
        font-size: 13px;
    }

    .slider .owl-nav button.owl-prev,
    .slider .owl-nav button.owl-next {
        position: relative;

    }

    .slider .owl-nav {
        text-align: center;
        margin-top: 20px;
    }

    .slider .owl-nav button.owl-prev {
        left: -5px;
    }

    .slider .owl-nav button.owl-next {
        right: -5px;
    }

    .cource-box .img img {
        width: 100% !important
    }

    .slider .heading h3 {
        font-size: 22.26px;
        line-height: 35px
    }

    .home-hero .hero-search-filter .filter-bottom .tags span:first-child {
        padding-left: 0;
    }

    .free-course .home-free-course h3 {
        font-size: 22px;
        font-weight: 700;
        line-height: 26.82px;

    }

    .free-course .free-courses-boxs .col-lg-3 {
        width: 50% !important;
    }

    .free-course .free-courses-boxs .free-box {
        width: 100%;
        height: 47px;
    }

    .free-course .free-courses-boxs .free-box .img img {
        width: 30px;
    }

    .free-course .free-courses-boxs .free-box .name h4 {
        font-size: 11.62px;
        font-weight: 600;
        line-height: 12.95px;
        letter-spacing: 0.01em;

    }

    .all-cources-slider {
        padding: 20px 0 50px;
    }

    /*  */
    .enroll {
        background: none;
        height: auto;
        background-color: #F9F3FF;
    }

    .enroll .enroll-box {
        padding: 30px 0;
        min-height: 159px;
    }

    .enroll .enroll-head .bar1 {
        width: 164px;
        height: 23px;
    }

    .enroll .enroll-head .bar1 h3,
    .enroll .enroll-head .bar2 h3 {
        font-size: 14.54px;
        font-weight: 800;
        line-height: 17.72px;
        letter-spacing: 0.01em;

    }

    .enroll .enroll-head .bar2 {
        width: 168px;
        height: 22px;
    }

    .enroll .enroll-box .text p {
        font-size: 10.27px;
        font-weight: 400;
        line-height: 10.08px;
        letter-spacing: 0.01em;

    }

    .enroll .enroll-box .left-img img {
        width: 170px;
    }

    .enroll .enroll-right {
        margin-top: 35px;
        z-index: 999;
        position: relative;
    }

    .enroll .enroll-right::before {
        content: "";
        width: 110%;
        height: 100%;
        display: block;
        background-color: #F1E2FF;
        position: absolute;
        right: -12px;
        z-index: -1;
        top: 0;
    }

    .enroll .enroll-right .left-img {
        right: 3px;
    }

    .enroll .enroll-box .left-img {
        right: 0px;
        top: 40px;
    }

    .enroll .enroll-box .enroll-btn a {
        font-size: 10.24px;
        font-weight: 600;
        line-height: 10.04px;
        letter-spacing: 0.01em;
    }

    /* faq page responsive for mob */
    .faq-hero {
        width: 100%;
        height: 363px;
        background: linear-gradient(180deg, #FFFFFF 0%, #451F71 0.01%, #451F71 60%, #FFFFFF 100%);
        display: block;
        padding-top: 25px;
    }

    .faq-hero .faq-hero-data {
        text-align: center;
        padding: 0 20px;
    }

    .faq-hero .search-bar form {
        justify-content: center !important;
    }

    .faq-hero .faq-hero-data h3 {
        font-size: 25px;
        font-weight: 700;
        line-height: 35px;
        letter-spacing: 0.01em;
    }

    .faq-hero .search-bar input {
        padding: 7px 8px 7px 110px;
    }

    .faq-hero .search-bar button {
        left: 90px;
    }

    .faq-hero .img {
        margin-top: 30px;
        text-align: center;
    }

    .faq-hero .img img {
        width: 200px;
        height: 164px;
    }

    .faq-section .row .col-lg-4 {
        width: 100%;
    }

    .faq-section .links .link-box {
        display: inline-block;
    }

    .faq-section .faq-box .link-box h3 {
        height: 45px;
        width: 90px;
        font-size: 25px;
        font-weight: 800;
    }

    .faq-section .swiper-container {
        padding-right: 90px;
    }

    .faq-section .row .col-lg-8 {
        padding-right: calc(var(--bs-gutter-x)* .5) !important;
    }

    .faq-section .faq-contact {
        padding: 14px;
        height: 338px;
    }

    .faq-section .faq-contact .contact-data .head {
        text-align: center;
    }

    .faq-section .faq-contact .contact-data .head h3 {
        font-size: 24px;
        font-weight: 700;
        line-height: 30.48px;
        height: 84px;
        padding: 0px 8px;
    }

    /* cource page responsive */
    .free-course .free-heading h3 {
        font-size: 18px;
        font-weight: 600;
        line-height: 21.94px;
    }

    .learner-bar .bar-stars ul {
        display: flex;
        align-items: center;
        gap: 2px;
    }

    .learner-bar .bar-stars ul li .star-box {
        width: 15.4px;
        height: 15.4px;
    }

    .learner-bar .bar-stars ul li .star-box img {
        width: 13px;
    }

    .learner-bar .bar-stars ul li:last-child .star-box::after {
        width: 7.2px;
        height: 15.4px;
    }

    .learner-bar .trustpliot-star img {
        width: 79.85px;
        height: 15.85px;
    }

    .learner-bar .star-box {
        display: flex;
        gap: 5px;
        align-items: center;
    }

    .course-hero {
        padding: 0;
        min-height: 471px;
        background: url(../img/mob-hero.png);
        background-size: cover;
        background-repeat: no-repeat;
        margin-top: 0
    }

    .course-hero .course-hero-data h2 {
        font-size: 30px;
    }

    .course-hero .course-hero-data h2 span {
        display: inline;
    }

    .course-hero .course-hero-data .course-serach .input {
        width: 100%;
    }

    .course-hero .course-hero-data .course-serach .input input {
        height: auto;
        padding: 20px 40px 44px 100px;
        white-space: normal;
        overflow-wrap: break-word;
        text-align: start;
    }

    .course-hero .course-hero-data .course-serach .input i {
        left: 70px;
    }

    .course-hero .course-hero-data .course-serach .input input::placeholder {
        white-space: normal;
        overflow-wrap: break-word;
        text-align: start;
    }

    .all-cources-slider .nav-tabs {
        width: 100% !important;
        flex-wrap: wrap;
        overflow: auto;
        scrollbar-width: none;
    }

    .all-cources-slider .cource-box {
        width: 100%;
        height: 505px
    }

    .all-cources-slider .cource-box .data-text {
        padding: 12px;
    }

    .all-cources-slider .nav-tabs .nav-link {
        font-size: 15px;
        padding: 16px 12px !important;
        min-width: 50%;
    }

    .all-cources-slider .nav-tabs .nav-link.active {
        font-size: 15px;
    }

    .blogs-data {
        width: 360px
    }

    .demand-careers .owl-carousel .owl-dots {
        bottom: -40px;
    }

    .Categories .carousel-nav {
        right: 5px;
    }

    .all-cources-slider .nav-tabs .nav-link.active {
        background-color: transparent !important;
    }

    .swiper-container .swiper-navs {
        position: relative;
        margin: 35px 0 80px;
    }

    .swiper-button-next,
    .swiper-button-prev {
        color: #D7721E !important;
        width: 40px !important;
        height: 40px !important;
        border-radius: 50%;
        border: 1px solid;
    }

    .swiper-button-next:after,
    .swiper-button-prev:after {
        font-size: 20px !important;
        font-weight: 900;
    }

    .swiper-button-prev {
        left: 46% !important;
    }

    .swiper-button-next {
        right: 22% !important;
    }

    .swiper-navs {
        display: block;
    }
    .faqs-links{
        position: relative;
    }
   
    .faq-section .link-container {
        position: relative;
        padding-bottom: 70px;
    }
    .faq-nav {
        display: block;
        position: absolute;
        top: 100px;
    }
    .faq-nav .swiper-button-next {
        position: absolute;
        right: -87px !important;
    }
    .header .custom-dropdown .submenu {
       position: relative;
       left: 0;
    }
    .Categories .carousel-nav, .Categories .carousel-nav1{
        position: relative;
    }
    .c-nav{
        text-align: center;
        display: flex;
        gap: 0px;
        justify-content: center;
        margin-top: 12px;
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        padding-top: 0px;
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item:first-child{
        border-top:none;
    }
}

@media (min-width:600px) {
    .swiper-wrapper {
        transform: translate3d(0px, 0px, 0px) !important;
    }
}

@media (min-width:576px) and (max-width:767px) {
    .faq-hero {
        width: 100%;
        height: 450px;
        background: linear-gradient(180deg, #FFFFFF 0%, #451F71 0.01%, #451F71 60%, #FFFFFF 100%);
        display: block;
        padding-top: 25px;
    }

    .faq-hero .faq-hero-data {
        text-align: center;
        padding: 0 20px;
    }

    .faq-hero .search-bar form {
        justify-content: center !important;
    }

    .faq-hero .search-bar input {
        padding: 7px 8px 7px 110px;
    }

    .faq-hero .search-bar button {
        left: 165px;
    }

    .faq-hero .img {
        margin-top: 30px;
        text-align: center;
    }

    .faq-hero .img img {
        width: 200px;
        height: 164px;
    }

    .container,
    .container-sm {
        max-width: 700px !important;
    }

    .faq-section .row .col-lg-4 {
        width: 280px !important;
    }

    .faq-section .swiper-wrapper {
        display: block !important;
    }

    .faq-section .faq-contact .contact-data .head h3 {
        height: 60px;
    }
    .header .custom-dropdown .submenu {
        position: relative;
        left: 0;
    }
    .blogs .owl-stage{
        padding-left: 0 !important;
    }
}

@media (min-width:576px) and (max-width:991px) {
    .navbar-toggler {
        border: none !important;
    }

    .navbar-toggler:focus {
        box-shadow: 0 0 3px #D7721E !important;
    }

    /* .navbar .navbar-toggler-icon{
    background-image: url(../img/bars-solid.svg) !important;
    } */
    .navbar-collapse {
        padding: 10px 30px;
        background-color: #fff;
        position: absolute;
        top: 70px;
        width: 100%;
        left: 0;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        z-index: 999;
    }

    .header .navbar-expand-lg .navbar-nav .nav-link {
        padding-left: 0 !important
    }

    .header .login-btns {
        margin-left: 0;
    }

    .header .navbar-brand img {
        width: 111px;
    }

    .hero {
        padding: 0;
        min-height: 380px;
        background: url(../img/mob-hero.png);
        background-size: cover;
        background-repeat: no-repeat;
    }

    .hero .hero-badge {
        display: none;
    }

    .hero .hero-data {
        margin: 0;
        padding-top: 45px;
    }

    .hero .hero-data .hero-text h1 {
        font-size: 35.72px;
        font-weight: 700;
        line-height: 47.58px;
        letter-spacing: 0.01em;
    }

    .hero .hero-data .hero-text .text {
        width: 99%;
        margin-top: 0;
    }

    .hero .hero-data .hero-text .text p {
        font-size: 15px;
    }

    .cources .cource-boxs .cource-box .img img,
    .cources .cource-boxs .cource-box {
        width: 100%;
    }
    .cources .cource-boxs .swiper-slide {
        width: 48% !important;
        margin-bottom: 15px;
    }

    .heading h3 {
        font-size: 25px;
        ;
    }

    .cources .cource-boxs .cource-box .data-text {
        max-width: 295px;
    }

    .certificate .img img {
        width: 100%;
        height: 370px;
        margin: auto;
    }

    .certificate .heading h3 {
        font-size: 26.61px;
        font-weight: 700;
        line-height: 26.43px;
        letter-spacing: 0.01em;
        text-align: center;
    }

    .certificate .certificate-data .left-data .data-point .text h4 {
        font-size: 20px;
        font-weight: 700;
        line-height: 26.43px;
        letter-spacing: 0.01em;

    }

    .certificate .img {
        margin-top: 20px;
    }

    .learner-sider .card {
        width: 100%;
    }

    .learner-bar {
        height: 105px;
    }

    .learner-bar .bar-boxes {
        flex-wrap: wrap;
    }

    .learner-bar .bar-box {
        padding-left: 2px;
        justify-content: left;
    }

    .learner-bar .bar-box .text p {
        font-size: 14.03px;
        font-weight: 600;
        line-height: 32.58px;
        letter-spacing: 0.01em;
    }

    .learner-bar .bar-box .img img {
        width: 18px;
    }

    .demand-careers .card {
        width: 100%;
    }

    .demand-careers .card .img img {
        width: 100px;
    }

    .demand-careers .card .card-data .text h4 {
        font-size: 15px;
    }

    .course-benifits {
        padding: 50px 0 60px;
    }

    .course-benifits .bani-data {
        display: block;
    }

    .course-benifits .bani-data .benifits-box {
        margin: 0 0 25px;
        height: auto;
    }

    .course-benifits .bani-data .bani-box-details {
        padding: 20px 19px;
        height: 360px;
    }

    .course-benifits .bani-data .bani-box-details .col-lg-6 {
        width: 50% !important;
    }

    .course-benifits .bani-data .benifits-box .bani-head h4 {
        font-size: 15.38px;
        font-weight: 700;
        line-height: 30.76px;
        letter-spacing: 0.01em;
    }

    .course-benifits .bani-data .bani-box-details::before {
        width: 96%;
    }

    .course-benifits .bani-data .bani-box-details .bani-points {
        margin: 25px 0;
    }

    .course-benifits .banifits-text-box {
        width: 100%;
    }

    .course-benifits .banifits-text-box .text-points .point .icon {
        max-width: 21px;
        height: 21px;
        border-radius: 50%;
        background-color: #60487C;
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 21px;
    }

    .course-benifits .banifits-text-box .start-btn a {
        text-decoration: none;
        width: 340px;
        height: 54px;
        font-size: 20px;
        font-weight: 700;
    }

    .blogs .swiper-slide {
        width: 48% !important;
        margin-bottom: 15px;
        margin-right: 0 !important
    }

    .blogs .swiper-wrapper {
        flex-wrap: wrap;
        justify-content: space-between
    }

    .blogs .blogs-data .blog-box {
        width: 100%
    }
    .blogs .owl-stage{
        padding-left: 0 !important;
    }
    .footer .footer-boxs {
        margin-left: 0px;
        flex-wrap: wrap;
        padding-bottom: 70px
    }

    .footer .logo-box {
        width: 100%;
        margin-bottom: 50px
    }

    .footer {
        padding: 60px 0 0;
    }
    .course-hero {
        background-size: 100%;
    }
    .footer .menu,
    .footer .links,
    .footer .more-links {
        width: 30%;
    }

    .footer .copyright {
        text-align: center;
        margin-bottom: 15px
    }

    .footer .footer-bottom .copyright p {
        padding-left: 0
    }

    .faq .faq-data {
        width: 100%;
    }

    /* course page*/
    .all-cources-slider .nav-tabs {
        width: 100% !important;
    }

    .course-hero {
        padding: 0;
        min-height: 371px;
        background: url(../img/mob-hero.png);
        background-size: cover;
        background-repeat: no-repeat;
    }

    .free-course .free-courses-boxs .col-lg-3 {
        width: 50% !important;
    }

    .free-course .free-courses-boxs .free-box {
        width: 100%;
        height: 80px;
    }

    .all-carousel .owl-stage {
        padding-left: 0 !important;
    }

    .all-cources-slider .nav-tabs .nav-link.active {
        font-size: 15px;
    }

    .all-cources-slider .nav-tabs .nav-link {
        padding: 16px 25px !important;
    }

    .enroll {
        background: none;
        height: auto;
        background-color: #F9F3FF;
    }

    .enroll .enroll-box {
        padding: 30px 0;
        min-height: 159px;
    }

    .enroll .enroll-head .bar1 {
        width: 280px;
        height: 40px;
    }

    .enroll .enroll-head .bar1 h3,
    .enroll .enroll-head .bar2 h3 {
        font-size: 25px;
        font-weight: 800;
        line-height: 17.72px;
        letter-spacing: 0.01em;

    }

    .enroll .enroll-head .bar2 {
        width: 302px;
        height: 40px;
    }

    .enroll .enroll-box .left-img img {
        width: 200px;
    }

    .enroll .enroll-right {
        margin-top: 35px;
        z-index: 999;
        position: relative;
    }

    .enroll .enroll-right::before {
        content: "";
        width: 103%;
        height: 100%;
        display: block;
        background-color: #F1E2FF;
        position: absolute;
        right: -20px;
        left: -10px;
        z-index: -1;
        top: 0;
    }

    .enroll .enroll-right .left-img {
        right: 3px;
    }

    .enroll .enroll-box .left-img {
        right: 0px;
        top: 0;
    }

    .online-course .img {
        margin-top: 20px
    }

    .online-course .img img {
        width: 100%;
        height: auto;
    }

    .online-course .col-lg-6:last-child {
        width: 100% !important
    }

    .online-course {
        padding: 40px 0 60px;
    }

    /*faq page */
    .faq-hero .img img {
        width: 200px;
        height: 195px;
    }

    .faq-section .swiper-container {
        padding-right: 0 !important
    }

    .faq-section .row .col-lg-4 {
        width: 300px;
    }

    .faq-section .row .col-lg-8 {
        width: 420px;
    }

    .faq-section .faq-contact {
        padding: 12px;
    }

    .faq-section .faq-contact .contact-data .head {
        text-align: center;
    }

    /* Home page */
    .home-hero .hero-text .head {
        padding-left: 0px;
    }

    .home-hero .hero-search-filter {
        width: 100%;
        padding: 25px 20px;
    }

    .home-hero .col-lg-8 {
        width: 100% !important;
        padding-right: calc(var(--bs-gutter-x)* .5) !important;
    }

    .home-hero .hero-search-filter {
        height: 205px;
    }

    .home-hero .col-lg-4 {
        margin: auto;
    }

    .all-cources-slider {
        padding: 50px 0;
    }

    .all-cources-slider .heading h3 {
        line-height: 30px
    }

    .home-course {
        padding-top: 0 !important
    }

    .free-course .free-heading h3 {
        font-size: 28px;
    }

    .slider .owl-nav {
        text-align: center;
        margin-top: 18px;
    }

    .slider .owl-nav button.owl-prev {
        left: -5px;
        position: relative;
    }

    .slider .owl-nav button.owl-next {
        right: -5px;
        position: relative;
    }

    .faq-section .swiper-android .swiper-slide,
    .swiper-ios .swiper-slide,
    .swiper-wrapper {
        transform: translate3d(0px, 0, 0) !important;
    }
    .header .custom-dropdown .submenu {
        position: relative;
        left: 0;
        top: 0;
     }
     .course-slider .owl-carousel .owl-nav button.owl-next {
        right: 0px ;
    }
    .all-cources-slider .cource-box .img img ,.all-cources-slider .cource-box{
        width: 100%;
    }
    .course-hero .course-hero-data .course-serach .input {
        width: 100%;
    }
    .Categories .carousel-nav, .Categories .carousel-nav1{
        position: relative;
    }
    .c-nav{
        text-align: center;
        display: flex;
        gap: 0px;
        justify-content: center;
        margin-top: 12px;
    }
    .business-cource .owl-nav{
        margin-top: 20px;
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        padding-top: 0px;
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item:first-child{
        border-top:none;
    }
}

@media (min-width:600px) and (max-width:699px) {

    .faq-section .row .col-lg-4,
    .faq-section .row .col-lg-8 {
        width: 100% !important;
    }

    .faq-section .row .col-lg-8 {
        padding-right: calc(var(--bs-gutter-x)* .5) !important;
    }
    .course-slider .owl-carousel .owl-nav button.owl-next {
        right: 10px ;
    }
    .all-cources-slider .cource-box .img img {
        width: 100%;
    }
}

@media (min-width:992px) and (max-width:1024px) {
    .hero .hero-data .hero-text h1 {
        font-size: 35px;
    }

    .certificate .img img {
        width: 445px;
        height: 340px;
    }

    .cources .cource-boxs .swiper-slide {
        width: 25% !important;
    }

    .learner-sider .owl-stage {
        padding-left: 0 !important;
    }

    .course-benifits .bani-data .benifits-box {
        width: 500px;
        height: 486px;
    }

    .course-benifits .bani-data {
        gap: 24px;
    }

    .blogs .blogs-data .blog-box {
        width: 220px;
    }

    .blogs .swiper-slide {
        width: 25.7% !important;
    }

    /* cource page */
    .all-cources-slider .nav-tabs {
        width: 100% !important
    }
    .slider .owl-nav button.owl-next {
        right: -30px;
    }
    .slider .owl-nav button.owl-prev {
        left: 0px;
    }
    .free-course .free-courses-boxs .free-box {
        width: 225px;
        gap: 8px;
        padding: 13px;
    }

    .all-cources-slider .slider .owl-nav button.owl-next {
        right: -22px;
    }

    .all-cources-slider .slider .owl-nav button.owl-prev {
        left: -25px;
    }

    .all-cources-slider .slider .owl-nav button {
        width: 30px;
        height: 30px;
    }

    .all-cources-slider .slider .owl-nav button i {
        line-height: 30px;
    }

    .enroll .enroll-box .left-img {
        bottom: -70px;
        right: -65px;
        z-index: 0
    }

    .enroll .enroll-box .enroll-head {
        z-index: 1;
        position: relative;
    }

    .online-course .col-lg-6:last-child,
    .online-course .col-lg-6:first-child {
        flex: 0 0 auto;
        width: 50% !important
    }

    .online-course .img {
        position: relative;
        margin-top: 35px;
    }

    .enroll .enroll-box .left-img img {
        width: 215px;
    }

    .enroll .enroll-right .left-img {
        right: -8px;
    }

    /* faq page */
    .faq-section .row .col-lg-4 {
        width: 300px;
    }

    .faq-section .row .col-lg-8 {
        width: 660px;
    }

    .faq-section .faq-contact {
        padding: 12px;
    }

    .faq-section .faq-contact .contact-data .head {
        text-align: center;
    }

    .faq-section .swiper-container {
        padding-right: 0 !important
    }

    .home-hero .col-lg-8 {
        flex: 0 0 auto;
        width: 66.66666667% !important;
        padding-top: 0px;
    }

    .home-hero .hero-search-filter {
        width: 100%;
        padding: 25px 14px;

    }

    .home-hero .hero-text .head h1 {
        font-size: 40px;
    }

    .home-course {
        padding-top: 0 !important
    }

    .footer .footer-boxs {
        margin-left: 20px;
    }

    .learner-bar {
        height: 105px;
    }

    .learner-bar .bar-boxes {
        flex-wrap: wrap;
    }

    .learner-bar .bar-box {
        padding-left: 2px;
        justify-content: left;
    }

    .learner-bar .bar-box .text p {
        font-size: 17px;
        font-weight: 600;
        line-height: 32.58px;
        letter-spacing: 0.01em;
    }

    .learner-bar .bar-box .img img {
        width: 18px;
    }

    .all-cources-slider .cource-box .img img,
    .all-cources-slider .cource-box {
        width: 304px;
    }

    .heading h3 {
        line-height: 34px;
    }

    .online-course .img img {
        width: 460px;
    }
    .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next{
        position: relative;
    }
    .owl-carousel .owl-nav{
        text-align: center;
        margin-top: 20px;
    }
    .course-slider .owl-carousel .owl-nav button.owl-next {
        right: -8px;
    }
    .home-hero .img img {
        width: 100%;
    }
    .Categories .carousel-nav, .Categories .carousel-nav1 {
        right: 0px;
    }
    .Categories .carousel-nav1{
        left: 0;
    }
}

@media (min-width:1025px) and (max-width:1240px) {
    .free-course .free-courses-boxs .free-box {
        width: 100%;
    }

    .enroll .enroll-head {
        position: relative;
        z-index: 1;
    }
    .online-course .img img {
        width: 100%;
    }
    .enroll .enroll-right .left-img {
        right: -25px;
    }

    .all-cources-slider .slider .owl-nav button.owl-next {
        right: -20px;
    }

    .all-cources-slider .slider .owl-nav button.owl-prev {
        left: -25px;
    }

    .all-cources-slider .slider .owl-nav button i {
        line-height: 36px;
    }

    .all-cources-slider .slider .owl-nav button {
        width: 36px;
        height: 36px;
    }

    .home-hero .col-lg-8 {
        flex: 0 0 auto;
        width: 66.66666667% !important;
        padding-top: 0px;
    }

    .home-hero .hero-search-filter {
        width: 100%;
        padding: 25px 14px;

    }

    .home-hero .hero-text .head h1 {
        font-size: 40px;
    }

    .faq-section .row .col-lg-8 {
        width: 66.66666667% !important;
    }

    .faq-section .row .col-lg-4 {
        width: 33.33333333% !important;
    }
    .certificate .img img {
        width: 100%;
        object-fit: contain;
    }
    .all-cources-slider .nav-tabs {
        width: 100% !important;
    }
    .online-course .col-lg-6,.online-course .col-lg-6:first-child{
        flex: 0 0 auto !important;
        width: 50% !important;
    }
}
@media (min-width:1241px) and (max-width:1300px){
    .free-course .free-courses-boxs .free-box{
        width: 100%;
    }
}
@media (min-width:1241px) and (max-width:1365px) {
    .learner-sider .container {
        max-width: 95% !important;
    }
    .learner-sider .card {
        width: 100%;
    }
    .enroll .enroll-right .left-img {
        right: -31px;
    }
    .slider .owl-nav button.owl-next {
        right: -19px;
    }
    .slider .owl-nav button.owl-prev {
        left: -30px;
    }
    .enroll,.all-cources-slider {
        overflow: hidden;
    }
}
@media (min-width:1366px) {
    .faq-section .swiper-container {
        padding-right: 0 !important
    }

    .faq .col-lg-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }
   
}