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

    /* Google Font  */

    /* @import url('https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap'); */



    body {
        color: #6D6D6D;
        line-height: 24px;
        font-family: "Urbanist", sans-serif;
    }

    .custom-container img {
        display: block;
    }

    .custom-container li {
        list-style: none;

    }

    .custom-container {
        width: 100%;
        max-width: 1240px;
        margin: 0 auto;
        padding: 0 20px;
    }

    .custom-container h1,
    .custom-container h2,
    .custom-container h3,
    .custom-container h4,
    .custom-container h5,
    .custom-container h6 {
        font-weight: 700;
        color: #1F1F1F;
        font-family: "Urbanist", sans-serif !important;
    }

    .custom-container h1 {
        font-size: 54px;
        line-height: 65px;
    }

    .custom-container h2 {
        font-size: 48px;
        line-height: 56px;
    }

    .custom-container h3 {
        font-size: 20px;
        font-weight: 500;
        line-height: 30px;

    }

    .custom-container h4 {
        font-size: 18px;
        line-height: 24px;
    }

    .custom-container p {
        font-size: 18px;
        color: #6D6D6D;
        line-height: 22px;
        font-family: "Urbanist", sans-serif !important;
    }


    .custom-container a {
        text-decoration: none;
        display: inline-block;
        font-family: "Urbanist", sans-serif !important;
    }

    .custom-container .flex-col {
        display: flex;
        flex-direction: column;
        gap: 8px;
        align-items: flex-start;
    }

    .custom-container .flex {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .custom-container .grid-col-3 {
        display: grid;
        /* grid-template-columns: repeat(3, 1fr); */
        grid-template-columns: repeat(3, minmax(0, 1fr)); /* allow equal tracks */
        column-gap: 24px;
        row-gap: 32px;
        gap: 1rem;
    }
    .custom-container .grid-col-3 > * {
        min-width: 0; /* prevent content from forcing wider columns */
    }

    .custom-container .grid-col-4 {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        column-gap: 24px;
        row-gap: 32px;
    }

    .custom-container span.subtitle {
        padding: 8px 16px;
        border-radius: 52px;
        background-color: #ffffff;
        border: solid 1px #E3E3E3;
    }

    .custom-container .grid-col-2 {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        align-items: center;
        gap: 40px;
    }

    .custom-container .box-btn {
        color: #1D4E9F;
        border: #E8EDF5 solid 1px;
        font-size: 14px;
        line-height: 22px;
        letter-spacing: -0.41px;
        border-radius: 52px;
        text-align: center;
        padding: 8px 30px;
        gap: 8px;
        transition: 0.5s ease-in-out;
        font-family: "Urbanist", sans-serif !important;
    }

    .custom-container .box-btn:hover {
        background: #1D4E9F;
        color: #ffffff;
        transition: 0.5s ease-in-out;
    }



    /* Hero section css  */
    .banner-sec {
        background-image: url(../images/banner-bg.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        padding: 80px 0;
    }

    .banner-sec .banner-cnt {
        max-width: 775px;
        margin: 0 auto;
        align-items: center;
        text-align: center;
    }

    .courses-head .box-btn {
        font-size: 16px;
        border: solid 1px #97AED3;
        font-family: "Urbanist", sans-serif !important;
    }

    .banner-sec .banner-cnt p {
        font-size: 20px;
        line-height: 24px;
        font-family: "Urbanist", sans-serif !important;
    }

    .banner-img img {
        width: 100%;
    }

    section.banner-sec-img {
        background: url(../images/dotted-bg.png);
        background-size: cover;
        background-position: center center;
    }


    .banner-sec .learners {
        box-shadow: 0px 4px 10px 0px #00000033;
        padding: 12px 32px;
        border-radius: 52px;
        margin: 0 auto;
        gap: 8px;
        border: solid 1px #DADADA;
    }

    .banner-sec .learners .Learners-img img:first-child {
        margin: 0;
    }

    .banner-sec .learners .Learners-img img {
        height: 30px;
        margin-left: -10px;
    }

    form.d-flex.ltbannerform {
        width: 420px;
        position: relative;
    }

    form.d-flex.ltbannerform input {
        border: #E5E5E5 solid 1px;
        padding: 15px 20px;
        border-radius: 52px;
        font-size: 16px;
        color: #6D6D6D;
        width: 100%;
        font-family: "Urbanist", sans-serif !important;
    }

    form.d-flex.ltbannerform button.btn {
        height: 36px;
        width: 36px;
        border-radius: 52px;
        border: solid 1px #1D4E9F;
        background-color: #E8EDF5;
        position: absolute;
        font-size: 18px;
        color: #1D4E9F;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
        font-family: "Urbanist", sans-serif !important;
    }

    .banner-form a.box-btn {
        background: #1A97CA;
        border: solid 1.85px #0280B4;
        color: white;
        position: relative;
    }

    .banner-form a.box-btn.view-courese-right {
        background: #E94B24;
        border: solid 1.85px #E94B24;
    }

    .banner-form a.box-btn::after,
    a.box-btn.view-courese-right::after {
        content: "";
        background-image: url(../images/right-arrow.png);
        position: absolute;
        right: -20px;
        top: -20px;
        width: 29px;
        height: 22px;
    }

    a.box-btn.view-courese-right::after {
        background-image: url(../images/left-arrow.png);
        right: auto;
        left: -20px;
    }

    .custom-container .banner-form {
        gap: 30px;
        margin-top: 30px;
    }

    /* Courses section  */

    .courses-sec {
        background-color: #F7F7F7;
        padding: 56px 0;
    }

    .courses-sec .slick-track {
        display: flex;
        min-width: 100%;
        min-height: 400px;
        gap: 6px;
        width: 100%;
    }

    .courses-sec .courses-slider-item {
        box-shadow: 0px 4px 15px 0px #0C21431A;
        border-radius: 20px;
        padding: 12px;
        background: #FDFDFD;
        border: solid 1px #F2F2F2;
        height: 400px;
        /* width: 292px; */
        margin: 0 auto;


    }

    .coureses-cnt {
        margin-top: 12px;
        gap: 12px;
    }

    .coureses-cnt .info {
        gap: 12px;
    }

    .coureses-cnt .info span {
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
        letter-spacing: -0.41px;
        color: #6D6D6D;
        font-family: "Urbanist", sans-serif !important;
    }

    .coureses-cnt .info span img {
        width: 16px;
        height: 16px;
        border-radius: 50%;
    }

    .coureses-cnt strong.box-price {
        font-size: 24px;
        line-height: 22px;
        letter-spacing: -0.41px;
        color: #1D4E9F;
        font-family: "Urbanist", sans-serif !important;
    }

    .coureses-cnt a {
        width: 100%;
    }

    .courses-sec .box-meta {
        gap: 16px;
    }

    .courses-sec .coureses-img img {
        height: 191px;
        width: 100%;
        object-fit: cover;
        border-radius: 8px;
    }
    .courses-sec .coureses-cnt .lt_title {
        font-size: 20px;
        line-height: 22px;
        letter-spacing: -0.41px;
        color: #1F1F1F;
        font-family: "Urbanist", sans-serif !important;
    }

    .courses-sec .courses-slider .slick-slide {
        margin: 0 8px;
    }

    .courses-sec .courses-slider {
        margin: 0 -8px;
    }

    .courses-sec .slick-track {
        padding-bottom: 30px;
    }

    .courses-sec .courses-head {
        margin-bottom: 60px;
        display: flex;
        justify-content: space-between;
    }

    /* tabs slider  */
    .slider-tab-container {
        display: none;
    }

    .slider-tab-container.tab-slider-active {
        display: block;
    }

    li.slider-tab {
        padding: 8px 0;
        border-bottom: solid 1px;
        border-color: transparent;
        list-style: none;
        font-size: 18px;
        cursor: pointer;
        font-family: "Urbanist", sans-serif !important;
    }

    li.slider-tab.tab-slider-active {
        color: #1D4E9F;
        border-color: #1D4E9F;
    }

    .slider-tab-head {
        margin-bottom: 60px;
    }

    /* trending css  */
    .trending-sec .trending-item .trending-img {
        width: 100%;
        max-width: 103px;
        border-radius: 8px;
        overflow: hidden;
        height: 85px;
    }

    .trending-sec .trending-item .trending-img img {
        width: 100%;
        height: 100%;
    }

    .trending-sec .trending-item {
        border: solid 1px #E8EDF5;
        border-radius: 20px;
        padding: 15px;
        gap: 12px;
    }

    .trending-sec .trending-item span {
        font-size: 16px;
        color: #1D4E9F;
        margin-top: 6px;
        display: block;
    }

    section.trending-sec {
        padding: 80px 0;
    }

    .trending-sec .trending-head {
        text-align: center;
        margin-bottom: 60px;
    }


    /* section.instructor-sec  */
    .instructor-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    section.instructor-sec {
        background: #F7F7F7;
        padding: 70px 0;
        background-image: url(../images/Features-bg.png);
        background-size: cover;
    }



    .instructor-btn a {
        border: solid 1px #1D4E9F;
        font-family: "Urbanist", sans-serif !important;
    }

    .instructor-btn a:nth-child(1) {
        background-color: #1D4E9F;
        color: #ffffff;
    }

    .instructor-btn {
        gap: 16px;
    }

    .instructor-container h2 {
        font-size: 54px;
        font-family: "Urbanist", sans-serif !important;
    }

    .instructor-sec-first .instructor-container ul li {
        display: flex;
        gap: 10px;
        margin: 12px 0;
    }

    .instructor-img {
        border-radius: 12px;
        overflow: hidden;
        height: 100%;
        max-height: 570px;
        min-height: 570px;

    }

    .instructor-grid {
        gap: 100px;
    }

    .learning-sec {
        background-image: none !important;
        background-color: transparent !important;
    }

    .learning-sec strong {
        display: block;
        font-size: 32px;
        color: #1F1F1F;
        margin-bottom: 8px;
        font-family: "Urbanist", sans-serif !important;
    }

    section.programs-sec .program-item {
        width: 100%;
        max-width: 250px;
        gap: 12px;
    }

    section.programs-sec .program-item img {
        margin-left: auto;
    }

    section.programs-sec .program-item-list {
        background: #F9FAFC;
        padding: 23px;
        border-radius: 20px;
        width: 100%;
        border: solid #E8EDF5 1px;
    }

    section.programs-sec .program-left.program-item-list {
        /* background-image: url(../images/product-bg.png); */
        background-repeat: no-repeat;
        background-size: 80%;
        background-position: bottom right;
    }

    section.programs-sec .program-item h3 {
        font-size: 24px;
        font-weight: 600;
        font-family: "Urbanist", sans-serif !important;
    }

    section.programs-sec .programs-grid {
        align-items: stretch;
        gap: 24px;
        font-family: "Urbanist", sans-serif !important;
    }

    section.programs-sec {
        padding-top: 120px;
    }

    section.programs-sec .programs-head {
        margin-bottom: 60px;
    }

    section.programs-sec .programs-head a {
        border-color: #1D4E9F;
    }

    section.programs-sec .program-item a.box-btn {
        background: #E8EDF5;
    }

    .product-sec .tabs-cont {
        gap: 12px;
        margin-top: 12px;
    }

    .product-sec .info {
        font-size: 14px;
        gap: 5px;
        font-family: "Urbanist", sans-serif !important;
    }

    .product-sec .box-meta {
        gap: 5px;
    }

    .product-sec .product-head .box-btn {
        border: solid 1px #97AED3;
    }

    .product-sec a.cart-icon {
        height: 36px;
        width: 36px;
        border: solid 1px #1D4E9F;
        color: #1D4E9F;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 52px;
    }

    .product-sec .tab-card-item {
        border: solid 1px #F2F2F2;
        /* padding: 12px; */
        border-radius: 12px;
        /* box-shadow: 0px 4px 15px 0px #0C21431A; */
        background: #fdfdfd;
    }

    .product-sec .tab-card-item img {
        width: 100%;
    }

    .product-sec strong.price {
        font-size: 24px;
        color: #1D4E9F;
        font-family: "Urbanist", sans-serif !important;
    }

    .product-sec .card-bottom {
        justify-content: space-between;
        width: 100%;
    }

    .product-sec .tabs-container a {
        font-size: 20px;
        padding: 12px 0;
        position: relative;
        border: solid 1px;
        border-color: transparent;
        border-width: 0px 0px 1px;
        cursor: pointer;
        font-family: "Urbanist", sans-serif !important;
    }

    .product-sec .tabs-container {
        margin: 40px 0 60px;
        display: flex;
        gap: 30px;
    }

    .product-sec .tabs-container a.tab.active {
        color: #1D4E9F;
        border-color: #1D4E9F;
    }

    .product-sec .tab-content {
        display: none;
    }

    .product-sec .tab-content.active {
        display: block;
    }



    /* Call to action  */
    section.call-to-action {
        margin: 100px 0 0;
    }

    .call-to-action-cnt h2,
    .call-to-action-cnt p {
        color: white;
    }
    .cta-container{
        max-width: 1110px;
        margin: 0 auto;
        padding: 0 20px;
        background: #1D4E9F;
        border-radius: 20px;
    }

    section.call-to-action .call-to-action-container {
        background: url(../images/call-to-action.jpg);
        /* background-repeat: no-repeat; */
        background-position: center center;
        border-radius: 10px;
        padding: 60px;
        overflow: hidden;
    }

    section.call-to-action .call-to-action-btn a {
        background: #fff;
        max-width: 224px;
        width: 100%;
    }

    section.call-to-action .call-to-action-btn {
        text-align: right;
    }

    .question-btn {
        width: 100%;
    }

    .question-btn a {
        display: block;
        width: 100%;
        border-color: #1D4E9F;
    }

    .question-btn a:nth-child(1) {
        background-color: #1D4E9F;
        color: #ffffff;
        border-color: #1D4E9F;
    }

    /* team section  */

    .team-sec .team-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        max-height: 430px;
        min-height: 430px;
    }

    .team-slider-item {
        position: relative;
    }

    .team-slider-item .team-img {
        height: 100%;
        max-height: 430px;
        min-height: 430px;
        border-radius: 12px;
        overflow: hidden;
    }

    .team-slider-item .team-slider-cnt {
        padding: 20px;
        background: #00000080;
        position: absolute;
        width: calc(100% - 20px);
        left: 0;
        right: 0;
        bottom: 20px;
        margin: 0 auto;
        align-items: center;
        border-radius: 12px;
        gap: 12px;
    }

    .team-slider-item .team-slider-cnt h3 {
        color: #fff;
        font-size: 24px;
        line-height: 36px;
        font-family: "Urbanist", sans-serif !important;
    }

    .team-slider-item .team-slider-cnt span {
        font-size: 18px;
        color: #F0F0F0;
    }

    .team-slider-item .team-slider-cnt a {
        font-size: 14px;
        color: #1D4E9F;
        background-color: #ffffff;
        width: 100%;
        text-align: center;
        border-radius: 52px;
        padding: 8px 16px;
        font-family: "Urbanist", sans-serif !important;
    }


    .team-slider-item.slick-slide {
        margin: 0 8px;
    }

    .team-sec .slick-prev.slick-arrow,
    .team-sec .slick-next.slick-arrow {
        top: -80px !important;
        display: block !important;
        width: 40px !important;
        height: 40px !important;
        border-radius: 52px;
        border: solid 1px #1D4E9F !important;
    }


    .team-sec .slick-prev.slick-arrow:before,
    .team-sec .slick-next.slick-arrow:before {
        color: #1D4E9F !important;
    }

    .team-sec .slick-prev:before,
    .team-sec .slick-next:before {
        font-family: monospace !important;
        opacity: 1;
        font-size: 24px !important;
        color: #1D4E9F !important;
    }

    .team-sec .slick-prev {
        left: auto !important;
        right: 50px;
    }

    .team-sec .courses-head {
        margin-bottom: 60px;
    }

    /* education css  */
    .education-sec .education-item img {
        width: 100%;
    }

    .education-sec .slick-slide {
        transform: scale(0.8);
        transition: all 0.4s ease-in-out;
    }

    .education-sec .slick-slide.education-item {
        max-width: 100%;
        transition: all 0.4s ease-in-out;
        box-shadow: 0px 171px 48px 0px #C8C8C800;
        border-radius: 12px;
        padding: 12px;
        border: solid 1px #E5E5E5;
    }

    .education-sec .education-rate {
        background: #ffffff;
        border-radius: 51px;
        padding: 10px;
        position: absolute;
        right: 20px;
        top: 20px;
        gap: 10px;
    }

    .education-sec .education-info .box-btn {
        width: 100%;
        background: #ECECFC;
        padding: 12px;
        font-size: 16px;
    }

    .education-sec .education-info .box-btn {
        width: 100%;
        background: #ECECFC;
        padding: 12px;
        font-size: 16px;
        font-family: "Urbanist", sans-serif !important;
    }

    .education-sec .education-info h3 {
        font-size: 24px;
        font-family: "Urbanist", sans-serif !important;
    }

    .education-sec .education-info {
        align-items: center;
        gap: 12px;
        margin-top: 20px;
    }

    .education-sec .slick-center {
        transform: scale(1);
    }

    .education-sec .education-head {
        text-align: center;
        margin-bottom: 60px;
    }

    .education-sec .education-img img {
        height: 100%;
        max-height: 190px;
        object-fit: cover;
        border-radius: 15px 15px 0 0;
    }

    .education-sec .slick-prev:before,
    .education-sec .slick-next:before {
        font-family: monospace !important;
        opacity: 1;
        font-size: 24px !important;
        color: #1D4E9F !important;
    }

    .education-sec .slick-prev.slick-arrow,
    .education-sec .slick-next.slick-arrow {
        display: block !important;
        width: 40px !important;
        height: 40px !important;
        background-color: #ffffff;
        border-radius: 52px;
        border: solid 1px #1D4E9F !important;
    }

    .education-sec .slick-dots li button:before {
        display: none;
    }

    section.education-sec {
        margin: 100px 0 101px;
    }

    .education-sec .slick-dots li {
        width: 30px;
        background: #D9D9D9;
        height: 5px;
        border-radius: 52px;
    }

    .education-sec .slick-dots li.slick-active {
        background-color: #1D4E9F;
    }

    .download-sec .download-img img {
        width: 100%;
        max-width: 430px;
        text-align: right;
        margin-left: auto;
        padding-top: 60px;
    }

    .download-sec .download-grid {
        background: url(../images/call-to-action.jpg);
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        border-radius: 20px;
    }

    .download-sec .download-container h2,
    .download-sec .download-container p {
        color: #fff;
    }

    .download-sec .download-container {
        padding-left: 60px;
    }



    /* journey scc  */
    .journey-sec {
        padding: 120px 0;
    }

    .journey-sec .journey-img {
        border-radius: 12px;
        overflow: hidden;
    }

    .journey-sec .journey-img img {
        height: 100%;
        width: 100%;
    }

    .journey-sec .journey-content {
        margin-top: 32px;
    }

    .journey-sec .journey-content h3 {
        font-size: 24px;
    }

    .journey-sec .journey-slider-item.slick-slide {
        margin: 0 20px;
    }

    .journey-sec .journey-slider {
        margin: 0 -20px;
    }

    .journey-sec .journey-slider-head {
        margin-bottom: 60px;
    }

    .journey-sec .journey-slider {
        margin: 0 -20px;
    }

    .journey-head-left {
        gap: 10px;
    }

    .journey-sec .journey-slider-head a.box-btn {
        border-color: #1D4E9F;
    }



    /* client slider  */
    section.testimonial-sec {
        padding: 100px 0 0;
    }

    .testimonial-sec .slider-container {
        width: 100%;
        text-align: center;
        position: relative;
    }

    /* SVG dotted arc line */
    .testimonial-sec .wave-line {
        opacity: 0;
        display: none;
    }
    /* .testimonial-wrapper {
    position: relative;
    max-width: 600px;
    margin: 40px auto 0;
    } */
    .testimonial-sec .slides-wrapper {
        position: relative;
        width: 100%;
        display: flex;
        justify-content: space-between;
    }

    .testimonial-sec .slide {
        width: 120px;
        height: 120px;
        border-radius: 50%;
        overflow: hidden;
        border: 4px solid transparent;
        transition: all 0.3s ease;
        filter: grayscale(100%);
        background: #fff;
    }

    .testimonial-sec .slide:nth-child(even) {
        margin-top: 100px;
    }

    .testimonial-sec .testimonial-head {
        align-items: center;
        margin-bottom: 60px;
    }

    .testimonial-sec .slide.active {
        outline: 3px solid #1D4E9F;
        filter: grayscale(0%);
        transform: scale(1.1);
        z-index: 2;
        outline-offset: 5px;
    }

    .testimonial-sec .slide img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .testimonial-sec .testimonial-text {
        margin-top: 90px;
        max-width: 600px;
        margin-left: auto;
        margin-right: auto;
    }

    .testimonial-sec .nav-btn {
        width: 45px;
        height: 45px;
        border: 1px solid #ccc;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #fff;
        cursor: pointer;
        position: absolute;
        bottom: 0px;
        font-size: 20px;
        transition: 0.3s;
        z-index: 3;
        font-family: "Urbanist", sans-serif !important;
    }

    .testimonial-sec .nav-btn:hover {
        background: #f2f2f2;
    }

    .testimonial-sec .prev {
        left: 10%;
    }

    .testimonial-sec .next {
        right: 10%;
    }




    /* TextBook Page css  */
    .textboox-sec {
        background: url(../images/textbook-img.png);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        padding: 250px 0;
    }


    .textboox-sec .textbook-content a.box-btn {
        border-color: #1D4E9F;
    }

    .textboox-sec .textbook-content a.box-btn:first-child {
        color: #ffffff;
        background: #1D4E9F;
    }

    .textboox-sec .textbook-content .textb00k-btn {
        gap: 12px;
    }

    .textboox-sec span.subtitle {
        color: #1D4E9F;
        padding: 0px 0px 15px 0;
        position: relative;
        background-color: transparent;
        font-size: 54px;
        line-height: 40px;
        border: none;
        margin-bottom: 40px;
        font-family: "Urbanist", sans-serif !important;
    }

    .textboox-sec span.subtitle::after {
        content: "";
        background: url(../images/submenu-line.png);
        position: absolute;
        left: 0;
        height: 26px;
        bottom: -30px;
        background-size: contain;
        width: 429px;
        background-repeat: no-repeat;
    }


    /* logo section  */
    .logo-section {
        padding: 100px 0;
    }

    .logo-section .logo-head {
        text-align: center;
        margin-bottom: 30px;
    }


    /* textboox learning section  */
    .textbook-learning .textbook-head {
        text-align: center;
        max-width: 614px;
        margin: 0 auto 60px;
    }

    .textbook-learning .textbook-learning-box {
        border: 1px solid #F8C7BB;
        box-shadow: 0px 5px 15px 0px #0C21431A;
        border-radius: 20px;
        background-color: #f8c7bb6e;
        padding: 35px 32px;
        gap: 12px;
        background-image: url(../images/learning-box-img.png);
        background-size: cover;
    }

    .textbook-learning .textbook-learning-box:nth-child(2) {
        border: 1px solid #C5EBE2;
        background-color: #c5ebe24a;
        background-image: url(../images/learning-box-img-1.png);
    }

    .textbook-learning .textbook-learning-box:nth-child(3) {
        border: 1px solid #D8B0FF;
        background-color: #F2E6FF;
        background-image: url(../images/learning-box-img-2.png);
    }

    .textbook-learning .textbook-learning-box p {
        line-height: 24px;
    }


    /* Feature section  */
    .feature-sec .feature-grid-img img {
        width: 100%;
    }

    section.feature-sec .feature-grid-item img {
        margin: 0 auto 60px;
    }

    section.feature-sec .feature-grid-item ul li {
        margin: 16px 0;
        list-style: disc;
    }

    section.feature-sec .feature-grid-item ul li::marker {
        color: #F89622;
        font-size: 25px;
    }

    section.feature-sec .feature-grid {
        gap: 100px;
    }

    section.feature-sec {
        padding: 100px 0;
    }

    .textbook-product .product-head {
        margin-bottom: 60px;
    }

    .product-sec.textbook-product .tab-card-item h3 {
        font-size: 20px;
    }

    .platform-lms .platform-item {
        border: solid #E9E9E9 1px;
        border-radius: 20px;
        padding: 32px;
    }

    .platform-lms .platform-item span {
        background-color: #3B3B3B;
        height: 50px;
        width: 50px;
        border-radius: 52px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    section.platform-lms {
        padding: 100px 0 0;
    }

    .platform-lms .platform-item:first-child {
        padding: 0;
        border: none;
    }

    .platform-lms .platform-item:nth-child(2) {
        background: #F8FFF6;
    }

    .platform-lms .platform-item:nth-child(3) {
        background: #FFF8F6;
    }

    .platform-lms .platform-item:nth-child(4) {
        background: #FFFCEB;
    }

    .platform-lms .platform-item:nth-child(5) {
        background: #F8F2FF;
    }

    .platform-lms .platform-item:nth-child(6) {
        background: #FAFFE3;
    }

    .journey-sec.textbook-parents .journey-slider-item.slick-slide {
        border: solid 2px #E6E6E6;
        border-radius: 20px;
    }

    .journey-sec.textbook-parents .journey-content {
        margin: 0;
        padding: 32px 24px;
        gap: 12px;
    }

    .counter-sec .counter-grid {
        padding: 33px;
        border: solid #F8C7BA 1px;
        background: #f8c7bb87;
        background-image: url(../images/counter-bg.png);
        background-position: center center;
        background-size: cover;
        text-align: center;
    }

    .counter-sec .counter-item h4 {
        font-size: 48px;
        line-height: 56px;
        font-weight: 500;
        letter-spacing: -0.41px;
        font-family: "Urbanist", sans-serif !important;
    }

    .counter-sec .counter-item {
        align-items: center;
        gap: 12px;
    }

    .textbook-cll-action .call-to-action-btn {
        justify-content: end !important;
        gap: 12px;
    }

    .textbook-cll-action .call-to-action-btn a:nth-child(2) {
        background-color: transparent;
        color: #ffffff;
        border: solid 1px #ffffff;
    }

    .textbook-testimonial .testimonial-foot-info h4 {
        font-weight: 500;
        line-height: 32px;
        ;
        font-size: 20px;
        font-family: "Urbanist", sans-serif !important;
    }

    .textbook-testimonial .testimonial-foot-info p {
        font-size: 16px;
    }

    .textbook-testimonial .user-details {
        gap: 5px;
    }

    .textbook-testimonial-head {
        margin-bottom: 60px;
    }

    .textbook-testimonial .testimonial-foot-info {
        gap: 24px;
        margin-top: 32px;
    }

    .textbook-testimonial-content {
        border: #E9E9E9 solid 1px;
        border-bottom: 20px;
        padding: 35px;
        margin: 0 20px;
        border-radius: 20px;
    }

    section.textbook-testimonial {
        padding: 100px 0 0;
    }



    /* Course page css  */

    section.course-baner {
        background: url(../images/hero-course-bg.png);
        background-position: center center;
        background-repeat: no-repeat;
        padding: 50px 0;
        background-size: cover;
    }

    section.course-baner .course-banner-img img {
        margin-left: auto;
        text-align: right;
    }

    .course-filter-container {
        display: flex;
        gap: 32px;
    }

    .course-filter-container .sidebar-container {
        flex: 0 0 316px;
    }

    .course-filter-container .sidebar {
        border: 1px solid #EDEDED;
        border-radius: 10px;
        padding: 32px 24px;
        background: #fff;
    }

    .course-filter-container .sidebar label {
        display: flex;
        margin: 8px 0;
        font-size: 16px;
        cursor: pointer;
        gap: 12px;
    }

    section.course-filter-sec {
        padding: 100px 0;
    }

    .course-filter-container .sidebar h4 {
        font-size: 20px;
        line-height: 32px;
        ;
        font-weight: 600;
        padding-bottom: 16px;
        font-family: "Urbanist", sans-serif !important;
    }

    .course-filter-container .course-type,
    .course-filter-container .course-option,
    .course-filter-container .course-category {
        margin: 0 0 32px;
        border-bottom: solid 1px #EDEDED;
        padding-bottom: 32px;
    }

    .course-filter-container .product-sec.all-product {
        flex: 1;
    }

    button.filter-btn.box-btn {
        background: #1D4E9F;
        width: 100%;
        color: #ffffff;
    }

    .course-filter-container .pagination {
        display: flex;
        justify-content: center;
        gap: 100px;
        margin: 30px 0;
        align-items: center;
    }

    .course-filter-container .pagination ul {
        gap: 12px;
    }

    .course-filter-container .pagination li a {
        border: 1px solid transparent;
        height: 40px;
        width: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 52px;
        background: #fff;
        cursor: pointer;
        font-size: 14px;
        transition: 0.3s;
        color: #6D6D6D;
        font-family: "Urbanist", sans-serif !important;
    }

    .course-filter-container .pagination li a.active {
        background: #F7FAFF;
        color: #000000;
    }

    .course-filter-container .pagination .box-btn {
        display: flex;
        gap: 15px;
        background: transparent;
        color: #6D6D6D;
        font-size: 14px;
        cursor: pointer;
    }

    .course-filter-sec h3.sidebar-title {
        flex: 0 0 316px;
    }

    .course-filter-sec .filter-head {
        gap: 32px;
        margin-bottom: 30px;
    }

    .course-filter-sec .short-by-container.flex {
        flex: 1;
    }

    .course-filter-sec .short-by select.box-btn {
        border-radius: 5px;
        font-size: 14px;
        padding: 8px 16px;
        color: #6D6D6D;
        border-color: #E5E5E5;
        font-family: "Urbanist", sans-serif !important;
    }

    .course-filter-sec .short-by select {
        cursor: pointer;
    }

    /* Forum page css  */
    .forum-img {
        margin-top: 60px;
    }

    .bussness-icon-sec span.business-cion {
        background: #EDEDFD;
        height: 100px;
        width: 100px;
        justify-content: center;
        border-radius: 10px;
    }

    .bussness-icon-sec .bussiness-icon-item {
        justify-content: start;
        gap: 15px;
    }

    .bussness-icon-sec .bussiness-icon-grid {
        width: 890px;
        margin: 0 auto;
    }

    .bussness-icon-sec .forum-icon-info {
        text-align: center;
        gap: 12px;
        align-items: center;
    }

    .topice-sec {
        padding: 100px 0;
    }

    .topice-sec .topic-head {
        margin-bottom: 60px;
        gap: 12px;
        align-items: center;
    }

    .topic-item .topic-icon {
        background: #E8EDF5;
        width: 250px;
        border-radius: 20px;
        justify-content: center;
        padding: 40px;
    }

    .topic-item .topic-icon img {
        width: 100%;
        max-width: 100px;
    }

    .topic-item .topic-info span img {
        width: 100%;
        max-width: 50px;
        border-radius: 12px;
        border: solid 1px #fff;
    }

    .topic-item .topic-img-container {
        display: flex;
        align-items: center;
    }

    .topic-item .topic-info span:first-child {
        margin-left: 0;
    }

    .topic-item .topic-info span {
        margin-left: -10px;
    }

    .topic-item .topic-info span:last-child {
        border: 1px solid #E5E5E5;
        background: #fff;
        padding: 12px;
        border-radius: 12px;
    }

    .topic-item .rigth-col img {
        max-width: 48px;
        width: 100%;
    }

    .topic-item .topic-footer .flex-col {
        gap: 10px;
    }

    .topic-item .topic-footer {
        gap: 20px;
    }

    .topic-item .topic-info p {
        font-size: 16px;
    }

    .topic-item {
        border: 1px solid #E5E5E5;
        width: 100%;
        padding: 12px;
        border-radius: 12px;
        justify-content: start;
        gap: 24px;
    }

    .life-left span {
        border-radius: 12px;
        background: #E8EDF5;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 55px;
        height: 55px;
    }

    .life-right img {
        width: 100%;
        max-width: 48px;
        border-radius: 12px;
    }

    .life-left {
        gap: 12px;
    }

    .life-right {
        gap: 12px;
    }

    .life-right ul {
        gap: 20px;
    }

    .life-left h3 {
        font-size: 20px;
        font-weight: 600;
        padding-bottom: 5px;
        font-family: "Urbanist", sans-serif !important;
    }

    .life-center-info p,
    .life-center-info h3 {
        font-size: 16px;
        font-family: "Urbanist", sans-serif !important;
    }

    .life-left p {
        font-size: 16px;
        font-family: "Urbanist", sans-serif !important;

    }

    .life-item.flex {
        border-bottom: 1px solid #E8EDF5;
        padding-bottom: 16px;
        margin-top: 16px;
    }

    .life-style-head {
        gap: 12px;
        align-items: center;
        text-align: center;
        margin-bottom: 60px;
    }

    .life-container {
        border: 1px solid #E8EDF5;
        border-radius: 30px;
        padding: 30px 40px;
        margin-top: 30px;
    }

    .life-center-info {
        gap: 8px;
        align-items: center;
    }

    .life-right-col {
        width: 60%;
    }

    .life-center {
        gap: 12px;
    }

    .life-right ul li {
        display: flex;
        gap: 8px;
        margin-top: 5px;
        font-size: 16px;
        font-family: "Urbanist", sans-serif !important;
    }

    .life-right h3 {
        font-size: 20px;
    }

    .life-left img {
        max-width: 32px;
        width: 100%;
    }

    .recommend-grid-item .reccomed-cnt span {
        border-radius: 12px;
        background: #EDEDFD;
        height: 50px;
        width: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 8px;
    }

    .recommend-grid-item .reccomed-cnt span img {
        width: 100%;
        max-width: 30px;
    }

    .recommend-grid-item .reccomed-cnt ul {
        margin-top: 40px;
    }

    .recommend-grid-item .reccomed-cnt ul li {
        display: flex;
        font-size: 16px;
        margin: 13px 0;
        gap: 10px;
        font-family: "Urbanist", sans-serif !important;
    }

    .recommend-grid-item .reccomed-cnt ul li i {
        color: #1D4E9F;
        font-size: 19px;
        font-family: "Urbanist", sans-serif !important;
    }

    section.recommend-sec {
        padding: 100px 0 0;
    }

    section.recommend-sec .recommend-head {
        margin-bottom: 60px;
    }

    section.recommend-sec .recommend-grid {
        gap: 30px;
    }

    span.reccomend-arrw {
        border-radius: 52px !important;
        background: transparent !important;
        border: 1px solid #E5E5E5;
        height: 40px !important;
        width: 40px !important;
        position: absolute;
        right: 20px;
        top: 10px;
    }

    .recommend-grid-item {
        border: 1px solid #E5E5E5;
        border-radius: 20px;
        padding: 12px;
        position: relative;
        gap: 20px;
    }

    /* textbook home page css  */
    .shaping-section {
        padding: 52px 0;
        background: url(../images/shaping-bg.png);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        margin: 100px 0 0;
    }

    .shaping-content ul li {
        display: flex;
        gap: 12px;
        font-size: 16px;
        font-family: "Urbanist", sans-serif !important;
        margin: 10px 0;
    }

    .shaping-content ul li i {
        color: #1D4E9F;
    }

    .testimonial-wrapper {
        position: relative;
        max-width: 600px;
        margin: 40px auto 0;
        /* overflow: hidden; */
    }

    .testimonial-sec .slides-wrapper {
        position: relative;
        width: 100%;
        display: flex;
        justify-content: space-between;
    }

    .testimonial-sec .slide {
        width: 120px;
        height: 120px;
        border-radius: 50%;
        overflow: hidden;
        border: 4px solid transparent;
        transition: all 0.3s ease;
        filter: grayscale(100%);
        background: #fff;
    }
    .testimonial-slide {
    display: none;
    text-align: center;
    transition: opacity 0.5s ease;
    }

    .testimonial-slide.active {
    display: block;
    }
.testimonial-sec .testimonial-text {
    margin-top: 90px;
    max-width: 600px;
    padding-left: 100px;
    padding-right: 100px;
}







    @media (max-width :1440px) {
        .grid-col-4 {
            grid-template-columns: repeat(3, 1fr);
        }
    }

    /* Large desktop breakpoint */
    @media (max-width: 1400px) {
        .custom-container .grid-col-3 {
            gap: 28px;
        }
    }

    /* Tablet breakpoint */
    @media (max-width: 1200px) {
        .custom-container .grid-col-2 {
            gap: 30px;
        }

        .custom-container .grid-col-3 {
            gap: 24px;
        }
    }

    @media (max-width: 1023px) {
        .grid-col-3 {
            grid-template-columns: repeat(2, 1fr);
            gap: 20px;
        }

        .grid-col-2 {
            grid-template-columns: repeat(1, 1fr);
            gap: 30px;
        }

        .grid-col-4 {
            grid-template-columns: repeat(2, 1fr);
        }

        .course-filter-container {
            flex-direction: column;
        }
    }

    /* Medium tablet breakpoint */
    @media (max-width: 900px) {
        .custom-container .grid-col-3 {
            gap: 18px;
        }
    }




    /* @media css start  */
    @media (max-width :767px) {
        .trending-sec .trending-item {
            justify-content: start;
        }

        .course-filter-sec h3.sidebar-title {
            flex: 0 0 auto;
        }

        ul.flex li:nth-child(n+3) {
            display: none;
        }

        ul.flex li:nth-child(n+3) {
            display: none;
        }

        .course-filter-container .pagination .box-btn {
            padding: 8px 20px;
        }

        .course-filter-container .product-sec.all-product {
            padding-bottom: 0;
        }

        .course-filter-sec .filter-head {
            flex-direction: column;
            align-items: start;
        }

        .course-filter-container .pagination li a {
            height: 30px;
            width: 30px;
        }

        .banner-form {
            width: 100%;
        }

        section.course-baner .course-banner-img img {
            width: 100%;
        }

        .course-filter-container .pagination {
            gap: 10px;
        }

        .banner-form a.box-btn {
            display: none;
        }

        h1 {
            font-size: 32px;
            line-height: 40px;
        }

        p {
            font-size: 14px;
        }

        .banner-sec .banner-cnt p {
            font-size: 14px;
        }

        .banner-form {
            width: 100%;
        }

        form.d-flex.ltbannerform {
            width: 100%;
        }

        form.d-flex.ltbannerform input {
            font-size: 14px;
        }

        .banner-img {
            margin-top: 30px;
        }

        h2 {
            font-size: 24px;
            line-height: 32px;
            ;
        }

        .grid-col-3,
        .grid-col-2 {
            grid-template-columns: repeat(1, 1fr);
            row-gap: 24px;
            gap: 20px;
        }

        /* Specific improvements for grid-col-2 on mobile */
        .custom-container .grid-col-2 {
            gap: 20px;
        }

        /* Specific improvements for grid-col-3 on mobile */
        .custom-container .grid-col-3 {
            gap: 16px;
        }

        /* Ensure ALL grid-col-3 elements are single column on mobile */
        .grid-col-3 {
            grid-template-columns: repeat(1, 1fr) !important;
        }

        /* Ensure ALL grid-col-2 elements are single column on mobile */
        .grid-col-2 {
            grid-template-columns: repeat(1, 1fr) !important;
        }

        /* Instructor grid specific mobile adjustments */
        .instructor-grid {
            text-align: center;
        }

        .instructor-grid .instructor-container {
            order: 0 !important;
        }

        .instructor-grid .instructor-img {
            order: 1;
        }

        h4 {
            font-size: 16px;
        }

        .instructor-container h2 {
            font-size: 24px;
        }

        section.instructor-sec {
            padding: 0px 0;
        }

        .instructor-btn a {
            padding: 8px 15px;
        }

        .instructor-img {
            max-height: 400px;
            min-height: 400px;
        }

        section.programs-sec {
            padding-top: 50px;
        }

        .instructor-container ul.grid-col-3 {
            grid-template-columns: repeat(1, 1fr);
            gap: 10px;
            width: 100%;
            font-size: 13px;
        }


        .learning-sec strong {
            line-height: 32px;
            ;
            font-size: 24px;
        }

        section.programs-sec .program-item:nth-child(2) {
            max-width: 90px;
        }

        section.programs-sec .program-item {
            gap: 5px;
        }

        .courses-sec {
            position: relative;
            padding: 50px 0 100px;
        }

        .courses-head .box-btn,
        section.programs-sec .programs-head a,
        .journey-sec .journey-slider-head a.box-btn,
        .product-sec .product-head .box-btn {
            position: absolute;
            right: 0;
            left: 0;
            margin: 0 auto;
            width: fit-content;
            bottom: 50px;
            text-align: center;
            justify-content: center;
        }

        .product-sec {
            position: relative;
            padding: 50px 0px 120px;
        }

        section.trending-sec {
            padding: 50px 0;
        }

        .trending-sec .trending-head,
        .courses-sec .courses-head,
        section.programs-sec .programs-head,
        .team-sec .courses-head {
            margin-bottom: 30px;
        }

        .programs-sec {
            position: relative;

        }

        .programs-sec h2 br {
            display: none;
        }

        section.programs-sec {
            padding: 50px 0 129px 0;
        }

        section.programs-sec .program-item h3 {
            font-size: 16px;
        }

        section.call-to-action .call-to-action-container {
            padding: 40px;
            text-align: center;
            display: flex;
            flex-direction: column;
        }

        .download-sec .download-container {
            padding: 39px;
        }

        .download-sec .download-img img {
            padding-top: 0;
        }

        .grid-col-4 {
            grid-template-columns: repeat(1, 1fr) !important;
        }

        .journey-sec {
            position: relative;
            padding: 50px 0 120px;
        }

        section.instructor-sec.instructor-sec-first,
        section.instructor-sec.learning-sec {
            padding-top: 50px;
        }

        .slider-tab-head li.slider-tab {
            padding: 8px 10px;
            font-size: 16px;
            white-space: nowrap;
        }

        .slider-tab-head {
            margin-bottom: 30px;
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
            scrollbar-width: none;
        }

        .product-sec .tabs-container {
            margin: 20px 0 30px;
        }

        .instructor-sec-first .instructor-container ul {
            gap: 12px;

        }

        .instructor-sec-first .instructor-container ul li {
            margin: 0;
        }

        section.call-to-action {
            margin: 20;
        }

        section.team-sec {
            padding: 50px 0 0;
        }

        section.testimonial-sec {
            padding: 50px 0 0;
        }

        .testimonial-sec .slide {
            width: 90px;
            height: 50px;
        }

        .testimonial-sec .slide:nth-child(even) {
            margin-top: 60px;
        }

        .testimonial-sec .prev {
            left: 0%;
        }

        h2 br {
            display: none;
        }

        .testimonial-sec .next {
            right: 0%;
        }

        .testimonial-sec .nav-btn {
            width: 35px;
            height: 35px;
        }
        /* .testimonial-wrapper {
            display: flex;
            align-items: center;       
            justify-content: center;    
            gap: 1.5rem;               
        } */

        .testimonial-sec .testimonial-text {
            margin-top: 60px;
            max-width: 600px;           /* optional width limit */
            text-align: center; 
            padding-left: 70px;
            padding-right: 70px;        /* center the paragraph text itself */
        }

        section.programs-sec .program-left.program-item-list {
            padding-bottom: 300px;
        }

        /* Textbook css  */
        .logo-container {
            flex-direction: column;
            gap: 30px;
        }

        .logo-container .logo-img img {
            margin: 0 auto;
        }

        .textbook-testimonial-foot {
            flex-direction: column-reverse;
            margin-top: 15px;
            align-items: baseline;
        }

        .textboox-sec span.subtitle::after {
            width: 100%;
        }

        .textboox-sec {
            padding: 80px 0;
        }

        .textboox-sec .textbook-content .textb00k-btn {
            flex-direction: column;
            width: 100%;
        }

        .textboox-sec .textbook-content .textb00k-btn a {
            width: 100%;
        }

        .textboox-sec span.subtitle {
            font-size: 32px;
        }

        .textbook-testimonial-content {
            padding: 20px 15px;
            margin: 0 10px;
        }

        .textbook-testimonial .testimonial-foot-info {
            gap: 12px;
            margin-top: 40px;
        }

        .textbook-testimonial-head {
            margin-bottom: 30px;
        }

        .textbook-cll-action .call-to-action-btn {
            flex-direction: column-reverse;
        }

        section.textbook-testimonial {
            padding: 50px 0;
        }

        section.journey-sec.textbook-parents {
            padding: 50px 0;
        }

        .counter-sec .counter-item h4 {
            font-size: 32px;
            line-height: 40px;
        }

        section.feature-sec .feature-grid-item ul {
            padding-left: 20px;
        }

        section.feature-sec .feature-grid-item ul li {
            margin: 8px 0;
        }

        section.feature-sec .feature-grid {
            gap: 30px;
        }

        section.feature-sec .feature-grid-item img {
            margin: 0 auto 0px;
        }
    }

    /* Extra small devices (480px and below) */
    @media (max-width: 480px) {
        .custom-container .grid-col-2 {
            gap: 16px;
        }

        .custom-container .grid-col-3 {
            gap: 12px;
        }

        /* Ensure ALL grid-col-3 elements are single column on small mobile */
        .grid-col-3 {
            grid-template-columns: repeat(1, 1fr) !important;
        }

        /* Ensure ALL grid-col-2 elements are single column on small mobile */
        .grid-col-2 {
            grid-template-columns: repeat(1, 1fr) !important;
        }

        .instructor-grid .instructor-container {
            padding: 0 10px;
            order: 0;
        }

        .instructor-grid .instructor-container h2 {
            font-size: 24px;
            line-height: 30px;
        }

        .instructor-grid .instructor-container p {
            font-size: 16px;
            line-height: 24px;
        }

        /* Trending categories specific mobile improvements */
        .trending-container .trending-item {
            flex-direction: column;
            text-align: center;
            padding: 16px 12px;
        }

        .trending-container .trending-img {
            margin-bottom: 8px;
        }

        .trending-container .trending-item h4 {
            font-size: 14px;
            margin-bottom: 4px;
        }

        .trending-container .trending-item p {
            font-size: 12px;
        }
        section.programs-sec .program-left.program-item-list {
            padding-bottom: 210px;
        }
    }

    /* Very small devices (360px and below) */
    @media (max-width: 360px) {
        .custom-container .grid-col-3 {
            gap: 8px;
        }

        /* Ensure ALL grid-col-3 elements are single column on very small mobile */
        .grid-col-3 {
            grid-template-columns: repeat(1, 1fr) !important;
        }

        /* Ensure ALL grid-col-2 elements are single column on very small mobile */
        .grid-col-2 {
            grid-template-columns: repeat(1, 1fr) !important;
        }

        .trending-container .trending-item {
            padding: 12px 8px;
        }

        .trending-container .trending-item h4 {
            font-size: 13px;
        }

        .trending-container .trending-item p {
            font-size: 11px;
        }
    }