/* body apply font family all website at a time */
@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');

body {
    font-family: 'Poppins', sans-serif;
}

/* top on navbar  */
.top_on_navbar {
    background: #050978;
    color: white;
    padding: 10px 60px;
    position: relative;
    z-index: 1000;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.top_on_navbar .course-container {
    display: flex;
    align-items: center;
    gap: 15px;
    width: 100%;
}

.top_on_navbar .course-title {
    font-weight: 600;
    font-size: 17px;
    white-space: nowrap;
    color: #FFFFFF;
}

.top_on_navbar .apply-btn {
    background-color: rgba(255, 255, 255, 0.3);
    color: #FFFFFF;
    border: none;
    padding: 3px 15px;
    border-radius: 15px;
    font-weight: 600;
    font-size: 15px;
    transition: all 0.3s ease;
    text-decoration: none;
    white-space: nowrap;
}

.top_on_navbar .apply-btn:hover {
    background-color: rgba(255, 255, 255, 0.5);
    color: #0A2B7E;
    box-shadow: 0 4px 12px rgba(255, 255, 255, 0.3);
}

.top_on_navbar .social-icons {
    display: flex;
    gap: 12px;
}

.top_on_navbar .social-icon {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

.top_on_navbar .social-icon:hover {
    transform: scale(1.1);
}

.top_on_navbar .social-icon img {}

@media (max-width: 768px) {
    .top_on_navbar {
        flex-direction: column;
        gap: 12px;
        padding: 12px 0;
        margin: 0;
        width: 100vw;
        position: relative;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;

    }

    .top_on_navbar {
        display: none;
    }

    .top_on_navbar .course-container {
        gap: 0;
    }

    .top_on_navbar .apply-btn {
        margin-right: 5px;
        padding: 3px 14px;
    }

    .top_on_navbar .course-title {
        font-size: 15px;
        margin-left: 5px;
    }

    .top_on_navbar .course-container {
        flex-direction: row;
        justify-content: space-between;
        margin: 0 auto;
    }

    .top_on_navbar .social-icons {
        display: none;
    }
}

/* end */

/* Navbar start here css */
.navbar-section {
    background-color: #FFFFFF;
    padding: 26px 50px !important;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: sticky;
    overflow: visible;
    top: 0;
    z-index: 1000;
    transition: padding 0.6s ease-in-out;
    box-shadow: 0px 4px 1.9px 0px rgba(0, 0, 0, 0.1);
}

.navbar-section.shrink {
    padding: 21px 50px !important;
}

/* submenu of categoery in right side on the scrolling on the scrolling  */
.navbar-section.shrink .submenu {
    margin-top: 97px !important;
}


/* sidebar drpdown move on the scrolling on the scrolling  */
.navbar-section.shrink .dropdown-menu-custom .dropdown-menu {
    margin-top: calc(39px - 9px) !important;
}

/* categoery drop down move on scrolling  */
.navbar-section.shrink .categories-dropdown-menu {
    margin-top: calc(32px - 6px) !important;
}

.logo-container {
    display: flex;
    align-items: center;
    margin-right: auto;
}

.logo-img {
    height: 55px;
}

.search-group {
    display: flex;
    align-items: center;
    gap: 40px;
    margin: 0 auto;
}

.search-box {
    border: 1.5px solid #050978;
    border-radius: 10px;
    padding: 4px 12px;
    width: 350px;
    gap: 10px;
    display: flex;
    align-items: center;
}

.search-box input {
    flex: 1;
    outline: none;
    color: #070979;
    border: none;
    background: transparent;
}

.search-box input::placeholder {
    color: #050978;
    font-weight: 400;
    font-size: 22px;
}

.search-icon {
    width: 25px;
    height: 25px;
}

.nav-buttons {
    display: flex;
    align-items: center;
    gap: 21px;
    margin-left: 110px !important;
}

.category-select {
    border: 1.5px solid #050978;
    width: 160px;
    border-radius: 10px;
    padding: 5px 12px;
    background-image: url('front-end/asset/images/icons/dropdown-icon.png');
    background-repeat: no-repeat;
    background-position: right 10px top 19px;
    background-size: 15px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 30px;
    font-size: 20px;

}

.login-btn {
    background-color: #050978;
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 500;
    padding: 6px 38px;
    border-radius: 11px;
    border: none;
    transition: all 0.3s ease;
    white-space: nowrap;
    border-radius: 10px;
    border: 1.5px solid #070E82;
}

/* Hover Effect */
.login-btn:hover {
    background-color: #ffffff;
    color: #050978;
    border: 1.5px solid #050978;
}

.categories-dropdown-wrapper {
    position: relative;
    display: inline-block;
}

.categories-trigger-btn {
    border: 1.5px solid #050978;
    width: 160px;
    border-radius: 10px;
    padding: 5px 12px;
    font-size: 20px;
    cursor: pointer;
    text-align: left;
    background-color: white;
    color: #000000;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    padding-right: 30px;
}

.categories-trigger-btn:hover {
    background-color: #ffffff;
    color: #050978;
    border: 1.5px solid #050978;
}

.categories-dropdown-arrow {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.categories-dropdown-menu {
    display: none;
    position: absolute;
    margin-top: 32px !important;
    right: 0;
    left: auto;
    margin-top: 10px;
    border: none;
    /* box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); */
    border-radius: 0 0 9px 9px;
    min-width: 320px;
    padding: 15px 15px 30px 15px;
    background-color: white;
    z-index: 1000;
    list-style: none;
    padding-left: 25px;
}

.categories-menu-item {
    padding: 7px 1px;
    width: auto;
    font-size: 18px;
    color: #000000;
    border-bottom: 1px dashed #e0e0e0;
    transition: background-color 0.3s;
    display: block;
    text-decoration: none;
}

.categories-menu-item::after {
    content: '>';
    float: right;
    color: #2c2b2b;
    font-size: 21px;
}

.categories-menu-item:hover {
    background-color: #f8f9fa;
}

.categories-dropdown-wrapper.active .categories-dropdown-menu {
    display: block;
}

.menu-icon {
    width: 32px;
    height: 32px;
    cursor: pointer;
    margin-left: 20px;
}

/* Dropdown menu styles - Updated for hover and borders */
.dropdown-menu-custom {
    position: relative;
    display: inline-block;
}

.dropdown-toggle-custom {
    background: none;
    border: none;
    padding: 0;
}

.dropdown-menu-custom:hover .dropdown-menu {
    display: block;
}

.dropdown-menu-custom .dropdown-menu {
    display: none;
}

.dropdown-menu-custom .dropdown-menu {
    top: 100%;
    right: 0;
    left: auto;
    margin-top: 0;
    margin-top: 37.5px;
    border: none;
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    min-width: 260px;
    padding: 15px 25px 30px 25px;

}

.dropdown-menu-custom .dropdown-menu.show {
    margin-top: 35px !important;
}

.dropdown-menu-custom .dropdown-item {
    padding: 7px 1px;
    font-size: 18px;
    align-items: start;
    text-align: start;
    color: #000000;
    border-bottom: 1px dashed #e0e0e0 !important;
    transition: all 0.3s ease;
}

/* hover in menu icons items in navbar */
.dropdown-menu-custom .dropdown-item:hover {
    background-color: #FFFFFF;
    margin-left: 6px;
}

/* option on hover show */
.has-submenu {
    position: relative;
    top: 0;
}

/* .submenu {
    display: none;
    position: fixed;
    left: 75vw;
    top: 155px;
    min-height: 400px;
    width: 300px;
    background: #FFFFFF;
    padding: 15px 25px 30px 25px;
    border-radius: 0 0px 9px 0;
    border-left: 1px solid #e0e0e0;
    z-index: 1000;
    list-style: none;
} */

.submenu {
    display: none;
    min-height: 400px;
    width: 300px;
    background: #FFFFFF;
    padding: 15px 25px 30px 25px;
    border-radius: 0 0px 9px 0;
    border-left: 1px solid #e0e0e0;
    z-index: 1000;
    list-style: none;
    margin-left: -1px;
}

.has-submenu:hover .submenu {
    display: block;
}

.submenu li {
    border-bottom: 1px dashed #e0e0e0;
    padding: 7px 0;
}

.submenu li a {
    text-decoration: none;
    color: #000;
    font-size: 16px;
    display: block;
}

/* show submenu on hover right side option by categoery  */
.navbar-section.shrink .submenu {
    top: 0 !important;
}

.submenu li:hover {
    background-color: #f8f9fa;
}

/* end css optoion on hover in navbar */


@media (max-width: 992px) {
    .search-group {
        display: none;
    }

    .login-btn {
        display: block !important;
    }

    .logo-container {
        margin-right: 0;
        width: 84%;
        justify-content: space-between;
    }

    .menu-icon {
        display: block;
        margin-right: 0;
        order: 1;
    }
}

@media (max-width: 767px) {
    .navbar-section.shrink {
        padding: 13px 17px !important;
    }

    .navbar-section.shrink .dropdown-menu-custom .dropdown-menu {
        margin-top: 12px !important;
    }
}

@media (max-width: 576px) {
    .navbar-section {
        padding: 16px 17px !important;

    }

    .logo-img {
        height: 30px;
    }

    .dropdown-menu-custom .dropdown-menu {
        margin-top: 10px !important;
    }

    .dropdown-menu-custom .dropdown-menu.show {
        margin-top: 14px !important;
    }
}

/* end navbar css here */




/* ===== @@@@@pedestal website footer css start here */
.pedestal-footer {
    background: linear-gradient(to right, #1B54B2, #331F91);
    color: white;
    padding: 60px 0 20px;

}

.pedestal-footer .footer-logo {
    height: 60px;
    margin-bottom: 10px;
    margin-top: -3px !important;
}

.pedestal-footer .section-title {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
    color: #FFFFFF;
}

.pedestal-footer .footer-links {
    list-style: none;
    padding: 0;
}

.pedestal-footer .footer-links li {
    margin-bottom: 8px;
    text-decoration: none;
}

.pedestal-footer .footer-links a {
    color: #FFFFFF;
    text-decoration: none;
    opacity: 0.9;
    transition: opacity 0.3s;
    font-weight: 400;
    font-size: 16px;
}

.pedestal-footer .footer-description {
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 30px;
    max-width: 320px;
    color: #FFFFFF;
    opacity: 0.9;
    font-weight: 400;
}

.pedestal-footer .footer-links a:hover {
    opacity: 1;
}

.pedestal-footer .contact-info {
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    color: #FFFFFF;
    text-decoration: none !important;
}

.pedestal-footer .contact-info a {
    text-decoration: none !important;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 400;
}


.pedestal-footer .contact-icon {
    width: 16px;
    margin-right: 10px;
    filter: brightness(0) invert(1);
}

.pedestal-footer .copyright {
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
}

.footer_descriptionbottom {
    margin-bottom: 10px !important;

}

.pedestal-footer .social-icons {
    margin-top: -4px;
}

.pedestal-footer .social-icon {
    width: 44px;
    height: 44px;
    border-radius: 5px;
    background: #FFFFFF;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    transition: background 0.3s;
}

.pedestal-footer .divider {
    border-top: 1.1px solid #fffffff2;
    margin: 20px 0;
}

@media(max-width:768px) {
    .pedestal-footer .footer-links {
        padding: 0;
    }

    .pedestal-footer {
        padding: 60px 5px 20px;
    }

    .pedestal-footer .footer-description {
        max-width: 308px;
    }

    .pedestal-footer .copyright {
        font-size: 16px;
    }
}

@media (min-width: 1200px) {
    .pedestal-footer .moving-leftsidetoptrak {
        margin-left: 25px !important;
    }

    .pedestal-footer .moving-leftsidetoptrakh5 {
        margin-left: 21px !important;
    }

    .pedestal-footer .movingright_sidesecton {
        margin-left: -12px;
    }

    .pedestal-footer .movingright_sidesectonh5 {
        margin-left: -13px;
    }
}

/* end footer css here */


/*  home slider start css here of pedestal  */
.hero-section.home-banner-pedestal {
    background: linear-gradient(90deg, #0f045d, #0014a2);
    color: white;
    padding: 120px 0 180px 0px;
    position: relative;
    overflow: visible;
}

.hero-section.home-banner-pedestal .hero-content h1 {
    font-size: 46px;
    font-weight: 600;
    color: #FFFFFF;
    margin-bottom: 35px;
}

.hero-section.home-banner-pedestal .hero-content p {
    font-size: 16px;
    margin-bottom: 25px;
    font-weight: 500;
    color: #FFFFFF;
}

.hero-section.home-banner-pedestal .hero-btn {
    padding: 10px 25px;
    border-radius: 10px !important;
    font-weight: 600;
    margin-right: 15px;
}

.hero-section.home-banner-pedestal .btn-primary {
    background: #FFFFFF;
    color: #1029B5;
    border-radius: 4px;
    padding: 11px 15px;
    font-size: 17px;
    border: none;
}

.hero-section.home-banner-pedestal .btn-primary:hover {
    background-color: #1029B5;
    color: #ffffff;
    box-shadow: 0 6px 15px rgba(16, 41, 181, 0.3);
    transition: all 0.3s ease-in-out;
    transform: scale(1.03);
    cursor: pointer;
}

.hero-section.home-banner-pedestal .btn-outline {
    font-size: 17px;
    border: 2px solid white;
    color: #FFFFFF;
    border-radius: 4px;
    padding: 10px 15px;
    background: transparent;
    transition: all 0.3s ease-in-out;
}

.hero-section.home-banner-pedestal .btn-outline:hover {
    background-color: #FFFFFF;
    color: #000A9D;
    transition: all 0.3s ease;
}

.hero-section.home-banner-pedestal .hero-image {
    max-height: 380px;
    max-width: 380px;
    width: auto;
    margin-left: auto;
    display: block;
    /* animation: rotateBoth 8s ease-in-out infinite alternate; */
    /* margin-right: 10px; */
}



@keyframes rotateBoth {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.hero-section.home-banner-pedestal .cards-container {
    position: absolute;
    bottom: -121px;
    left: 0;
    right: 0;
    z-index: 10;
    width: 65%;
    margin: 0 auto;
    padding: 0 15px;
}



.hero-section.home-banner-pedestal .program-card:hover {
    transform: translateY(-3px) scale(1.02);
    border: 1.5px solid #2979FF;
    box-shadow:
        0 12px 20px rgba(33, 105, 255, 0.2),
        0 20px 40px rgba(0, 0, 0, 0.08),
        inset 0 0 5px rgba(255, 255, 255, 0.1);
}


.hero-section.home-banner-pedestal .program-card {
    background: #FFFFFF;
    border-radius: 10px;
    padding: 25px 5px;
    text-align: center;
    box-shadow: 0px 0px 40px 10px rgba(0, 0, 0, 0.1);
    height: 100%;
    transition: all 0.4s ease;
    display: block;
    color: inherit;
    text-decoration: none;
    border: 1.5px solid #FFFFFF;
    box-shadow:
        0 6px 10px rgba(0, 0, 0, 0.05),
        0 10px 30px rgba(33, 105, 255, 0.08),
        inset 0 0 0 0 rgba(255, 255, 255, 0.2);
}


.hero-section.home-banner-pedestal .bottom-spacing {
    margin-bottom: 50px !important;
}

.hero-section.home-banner-pedestal .program-card img {
    margin-top: 10px;
    width: 65px;
    height: 65px;
    margin-bottom: 25px;
    object-fit: contain;
}

.hero-section.home-banner-pedestal .program-card h5 {
    color: #000000;
    font-weight: 600;
    font-size: 17px;
    margin-bottom: 0;
}

/* Custom navigation arrows */
.hero-section.home-banner-pedestal .owl-nav {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    transform: translateY(-50%);
    pointer-events: none;
}

.hero-section.home-banner-pedestal .owl-prev,
.hero-section.home-banner-pedestal .owl-next {
    width: 50px;
    height: 50px;
    border-radius: 50% !important;
    background: white !important;
    color: #0014a2 !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    font-size: 24px !important;
    position: absolute;
    pointer-events: all;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.hero-section.home-banner-pedestal .owl-prev {
    left: -80px;
}

.hero-section.home-banner-pedestal .owl-next {
    right: -80px;
}



@media (max-width: 768px) {
    .hero-section.home-banner-pedestal {
        padding: 50px 4px 43px;
    }

    .hero-section.home-banner-pedestal .hero-content h1 {
        font-size: 28px;
        margin-bottom: 25px;
    }


    .hero-section.home-banner-pedestal .program-card {
        margin-bottom: 0px;
    }

    .hero-section.home-banner-pedestal .program-card img {
        width: 50px;
        height: 50px;
    }

    .hero-section.home-banner-pedestal .program-card img {
        margin-top: 0px;
    }

    .hero-section.home-banner-pedestal .owl-prev {
        left: -4px;
    }

    .hero-section.home-banner-pedestal .owl-next {
        right: -4px;
    }

    .hero-section.home-banner-pedestal .hero-image {
        display: none;
    }

    .hero-section.home-banner-pedestal .cards-container {
        position: relative;
        bottom: auto;
        margin-top: 17px;
        width: 100%;
        padding: 4px 0 0 0px;
    }

    .hero-section.home-banner-pedestal .hero-content p {
        font-size: 15px;
    }

    .hero-section.home-banner-pedestal .owl-nav {
        top: 67%;
    }

    .hero-section.home-banner-pedestal .bottom-spacing {
        margin-bottom: 80px !important;
    }

    .hero-section.home-banner-pedestal .program-card h5 {
        font-size: 15px;
    }
}

@media (max-width: 576px) {
    .hero-section.home-banner-pedestal .hero-btn {
        margin-right: 10px;
        margin-bottom: 10px;
        padding: 12px 15px;
        border-radius: 20px;
        font-size: 13px;
    }
}


/* end css of home slider of home page */

/* end css of home slider of home page */













/* online courses start css here */
.pedestal_connect_com {
    padding: 14px 0;
    background: linear-gradient(to right, #1B54B2, #331F91);
    color: white;
    margin-bottom: 1px;
}

.pedestal_connect_com .stat-card {
    display: flex;
    align-items: center;
    padding: 20px 0;
    border-radius: 10px;
    transition: transform 0.3s ease;
    height: 100%;
}



.pedestal_connect_com .stat-number {
    font-size: 40px;
    font-weight: 600;
    margin-right: 22px;
    position: relative;
    line-height: 1;
}

.pedestal_connect_com .stat-number::after {
    content: "";
    position: absolute;
    right: -15px;
    top: 50%;
    transform: translateY(-50%);
    height: 50px;
    width: 2px;
    background-color: rgba(255, 255, 255, 0.5);
}

.pedestal_connect_com .stat-content {
    display: flex;
    flex-direction: column;
}

.pedestal_connect_com .stat-label {
    font-size: 20px;
    font-weight: 600;
    color: #FFFFFF;
}

.pedestal_connect_com .stat-link {
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    transition: all 0.3s ease;
}



.pedestal_connect_com .stat-link::after {
    content: ">";
    margin-left: 5px;
    transition: transform 0.3s ease;
}


@media (max-width: 768px) {
    .pedestal_connect_com .stat-card {
        flex-direction: column;
        text-align: center;
        padding: 11px 20px;
    }

    .pedestal_connect_com .stat-number {
        margin-right: 0;
        margin-bottom: 15px;
    }

    .pedestal_connect_com .stat-number::after {
        display: none;
    }

    .pedestal_connect_com .stat-number {
        font-size: 36px;
    }

    .pedestal_connect_com .stat-label {
        font-size: 18px;
    }
}

.stat-number {
    font-size: 2rem;
    font-weight: bold;
    transition: all 0.3s ease;
}

/* end online css trainer css here */



/* css start explore our courses */
/* .pedesta_explore_course {
    --pedesta-primary-color: #2c3e50;
    --pedesta-secondary-color: #3498db;
    --pedesta-light-color: #ecf0f1;
    --pedesta-dark-color: #2c3e50;
}

.pedesta_explore_course .courses-section {
    padding: 230px 0 80px 0px;
}

.pedesta_explore_course .section-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}

.pedesta_explore_course .section-title {
    font-size: 40px;
    font-weight: 600;
    margin: 0;
    color: #351C8F;
}

.pedesta_explore_course .course-card {
    border-radius: 12px;
    overflow: hidden;
    border: none;
    border-radius: 20px;
    box-shadow: 0 4px 4px 0 rgba(217, 236, 255, 0.5);
    transition: all 0.3s ease;
    margin-bottom: 24px;
    height: 100%;
}



.pedesta_explore_course .course-img {
    height: 210px;
    object-fit: cover;
    width: 100%;
}

.pedesta_explore_course .course-badge {
    position: absolute;
    top: 15px;
    right: 15px;
    background-color: rgba(255, 255, 255, 0.9);
    padding: 5px 15px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 600;
}

.pedesta_explore_course .course-body {
    padding: 15px;
    padding-bottom: 0;
}



.pedesta_explore_course .course-title {
    font-size: 26px;
    font-weight: 500;
    margin-bottom: 10px;
    color: #2C2C2C;
}


.pedesta_explore_course .course-description {

    margin-bottom: 10px;
    line-height: 1.6;
    font-size: 17px;
    font-weight: 400;
    color: #4C4C4D;
}

.pedesta_explore_course .btn-course {
    background-color: #F7F7F8;
    color: #262626;
    border: 1px solid #F1F1F3;
    padding: 10px 25px;
    border-radius: 8px;
    font-weight: 500;
    font-size: 20px;
    transition: all 0.3s;
    width: 100%;
}

.pedesta_explore_course .btn-course:hover {}

.pedesta_explore_course .btn-view-all {
    color: #000000;
    border: 2px solid #000000;
    border-right: 2px solid #351C8F;
    padding: 10px 25px;
    border-radius: 10px;
    font-weight: 600;
    font-size: 18px;
    transition: all 0.3s;
}

.pedesta_explore_course .course-icon {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
    margin-top: 5px;
}

.pedesta_explore_course .course-icon .left-icon {
    display: flex;
    align-items: center;
    gap: 8px;
}

.pedesta_explore_course .course-icon img {}

.explore_course_heading {
    font-size: 19px;
    font-weight: 400;
    color: #4C4C4D;
}


@media (max-width: 992px) {
    .pedesta_explore_course .col-lg-4 {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (max-width: 768px) {
    .pedesta_explore_course .section-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }

    .pedesta_explore_course .section-title {
        font-size: 2rem;
    }

    .pedesta_explore_course .course-body {
        padding: 20px 20px 0px 20px;
    }

    .pedesta_explore_course .course-description {
        font-size: 16px;
    }

    .pedesta_explore_course .course-title {
        font-size: 1.3rem;
    }

    .pedesta_explore_course .col-md-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .pedesta_explore_course .courses-section {
        padding: 70px 5px 80px 5px;
    }

} */

/* end css explore our courses */



/* start css browse all categoery css start here */
/* css start browse our categories */
.browse-our-categoerys .courses-section {
    padding: 210px 0 80px 0px;
}

.browse-our-categoerys .section-header {
    margin-bottom: 27px;
    text-align: center;
    font-size: 45px;
    font-weight: 500;
}

.browse-our-categoerys .section-title {
    font-size: 43px;
    font-weight: 600;
    display: inline-block;
    margin: 0;
    background: linear-gradient(to right, #000000, #050978) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    display: inline-block;
}

.browse-our-categoerys .card-anchor {
    text-decoration: none;
    display: block;
    height: 100%;
}

.browse-our-categoerys .category-card {
    border-radius: 10px;
    overflow: hidden;
    border: none;
    transition: all 0.3s ease;
    height: 100%;
    padding: 5px 70px 5px 20px;
    min-height: 120px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
}

/* Backgrounds  colors*/
.browse-our-categoerys .web-dev-bg {
    background-color: #F1FBFF;
    border: 1px solid #BEECFF;
}

/* View All Categories Button */
.browse-our-categoerys .btn-view-all-categories {
    display: inline-block;
    padding: 10px 30px;
    background-color: white;
    color: #000000;
    border: 2px solid #d0d0d0;
    font-size: 18px;
    font-weight: 600;
    border-radius: 50px;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}

.view-all-categoery-btn {
    margin-bottom: 35px;
}

.browse-our-categoerys .btn-view-all-categories:hover {
    background-color: #f0f8ff;
    color: #007bff;
    border-color: #007bff;
    box-shadow: 0 0 10px rgba(0, 123, 255, 0.3);
    cursor: pointer;
}



@media (max-width: 767px) {
    .browse-our-categoerys .btn-view-all-categories {
        padding: 10px 25px;
        font-size: 16px;
    }

    .view-all-categoery-btn {
        margin-bottom: 30px;
    }
}

@media (max-width: 575px) {
    .browse-our-categoerys .btn-view-all-categories {
        padding: 8px 20px;
        font-size: 14px;
    }
}

.browse-our-categoerys .digital-marketing-bg {
    background-color: #FFF0F8;
    border: 1px solid #FFD1EA;
}

.browse-our-categoerys .ai-bg {
    background-color: #F3F4FE;
    border: 1px solid #CCD0FF;
}

.browse-our-categoerys .business-dev-bg {
    background-color: #EAF6FF;
    border: 1px solid #C4E6FF;
}

.browse-our-categoerys .data-science-bg {
    background-color: #EEFBF5;
    border: 1px solid #B4FFDC;
}

.browse-our-categoerys .cyber-security-bg {
    background-color: #F7F3FF;
    border: 1px solid #D6C3FD;
}


/* hover effect of all categoery */
.browse-our-categoerys .web-dev-bg:hover {

    box-shadow: 0 8px 20px rgba(0, 191, 255, 0.25);

    transition: all 0.3s ease-in-out;
    background-image: linear-gradient(135deg, #F1FBFF, #e6faff);
}

.browse-our-categoerys .digital-marketing-bg:hover {
    box-shadow: 0 8px 20px rgba(255, 105, 180, 0.25);
    transition: all 0.3s ease-in-out;
    background-image: linear-gradient(135deg, #FFF0F8, #ffeaf4);
}

.browse-our-categoerys .ai-bg:hover {
    box-shadow: 0 8px 20px rgba(120, 100, 255, 0.25);
    transition: all 0.3s ease-in-out;
    background-image: linear-gradient(135deg, #F3F4FE, #eaeaff);
}

.browse-our-categoerys .business-dev-bg:hover {
    box-shadow: 0 8px 20px rgba(0, 160, 255, 0.25);
    transition: all 0.3s ease-in-out;
    background-image: linear-gradient(135deg, #EAF6FF, #d9f0ff);
}

.browse-our-categoerys .data-science-bg:hover {
    box-shadow: 0 8px 20px rgba(0, 255, 160, 0.25);
    transition: all 0.3s ease-in-out;
    background-image: linear-gradient(135deg, #EEFBF5, #dbfbee);
}

.browse-our-categoerys .cyber-security-bg:hover {
    box-shadow: 0 8px 20px rgba(130, 70, 255, 0.25);
    transition: all 0.3s ease-in-out;
    background-image: linear-gradient(135deg, #F7F3FF, #ede6ff);
}

.browse-our-categoerys .category-body {
    padding: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.browse-our-categoerys .category-icon-title {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: start;
    gap: 20px;
    width: 100%;
    text-align: center;
}

.browse-our-categoerys .category-icon-title img {
    width: 80px;
    height: 80px;
}

.browse-our-categoerys .category-title {
    font-size: 25px;
    font-weight: bold;
    margin: 0;
    color: #2C2C2C;
    text-align: start;
}


@media (max-width: 991px) {
    .browse-our-categoerys .category-card {
        padding: 5px 30px 5px 15px;
    }

    .browse-our-categoerys .category-icon-title img {
        width: 60px;
        height: 60px;
    }

    .browse-our-categoerys .category-title {
        font-size: 22px;
    }
}

@media (max-width: 767px) {
    .browse-our-categoerys .courses-section {
        padding: 50px 5px 60px 5px;
    }

    .browse-our-categoerys .section-header {
        margin-bottom: 20px;
    }

    .browse-our-categoerys .section-title {
        font-size: 32px;
    }

    .browse-our-categoerys .category-card {
        padding: 1px 12px;
        min-height: 90px;
    }

    .browse-our-categoerys .category-icon-title {
        gap: 10px;
    }

    .browse-our-categoerys .category-icon-title img {
        width: 40px;
        height: 40px;
    }

    .browse-our-categoerys .category-title {
        font-size: 16px;
    }
}


@media (max-width: 575px) {
    .browse-our-categoerys .section-title {
        font-size: 26px;
    }

    .browse-our-categoerys .category-card {
        min-height: 76px;
    }

    .browse-our-categoerys .category-icon-title img {
        width: 35px;
        height: 35px;
    }

    .browse-our-categoerys .category-title {
        font-size: 14px;
    }
}

/* end here all categoery css here */



/* why choose us section start here */
.pedesta_why_choose {}

.pedesta_why_choose .why-choose-section {
    padding: 75px 0 45px 0;
    /* background: linear-gradient(to right, #0240AA, #1E0383); */
    background: linear-gradient(to right, #1B54B2, #331F91);
}

.pedesta_why_choose .section-header {
    text-align: center;
    margin-bottom: 37px;
}

.pedesta_why_choose .section-title {
    font-size: 40px;
    font-weight: 600;
    color: #FFFFFF;
    margin-bottom: 0px !important;
}

.pedesta_why_choose .features-container {
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
}


.pedesta_why_choose .feature-card {
    background-color: #FFFFFF;
    border-radius: 15px;
    padding: 5px 15px 2px 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
    flex: 1 1 240px;
    max-width: 290px;
    height: 290px !important;
    text-align: center;
    border: 1px solid #e9ecef;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.pedesta_why_choose .feature-icon {
    width: 60px;
    height: 60px;
    margin: 0 auto 15px;
}

.pedesta_why_choose .feature-icon img {
    width: 80%;
    height: 80%;
    object-fit: contain;
    margin-top: 10px;
}

.pedesta_why_choose .feature-title {
    font-size: 17px;
    margin-top: 0px;
    font-weight: 600;
    margin-bottom: 15px;
    color: #000000;
}

.pedesta_why_choose .feature-description {
    color: #000000;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.5;
}

.pedesta_why_choose .owl-carousel .owl-nav {
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    pointer-events: none;
}

.pedesta_why_choose .owl-carousel .owl-nav button {
    pointer-events: all;
    border: 2px solid #1E0383;
    background: #FFFFFF !important;
    width: 42px;
    height: 42px;
    border-radius: 50% !important;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    cursor: pointer;
}

.pedesta_why_choose .owl-carousel .owl-nav button:hover {
    background: whitesmoke !important;
}

.pedesta_why_choose .owl-carousel .owl-nav button img {
    /* width: 20px;
    height: 20px; */
}

.pedesta_why_choose .owl-carousel .owl-nav button.owl-prev {
    margin-left: -20px;
}

.pedesta_why_choose .owl-carousel .owl-nav button.owl-next {
    margin-right: -20px;
}

.pedesta_why_choose .owl-carousel .owl-stage {
    display: flex;
    align-items: center;
    padding: 10px 0;
}


/* why choose pedestal add click connected */
.whychoose-section-connect-pedestal {
    border: 2px solid #FFFFFF;
    border-radius: 20px;
    margin-top: 30px;
    padding: 14px 0px 14px 45px;
}

@media(max-width:768px) {
    .whychoose-section-connect-pedestal {
        border: 2px solid #FFFFFF;
        border-radius: 20px;
        margin-top: 30px;
        padding: 14px 0px 14px 0px !important;
    }
}

@media (max-width: 1199px) {
    .pedesta_why_choose .feature-card {
        flex: 1 1 220px;
        max-width: 240px;
    }
}

@media (max-width: 991px) {
    .pedesta_why_choose .features-container {
        gap: 20px;
    }

    .pedesta_why_choose .feature-card {
        flex: 1 1 200px;
        max-width: 220px;
        padding: 20px 15px;
    }

    .pedesta_why_choose .feature-title {
        font-size: 1.2rem;
        margin-top: 10px;
    }
}

@media (max-width: 767px) {
    .pedesta_why_choose .why-choose-section {
        padding: 60px 5px;
    }

    .pedesta_why_choose .section-title {
        font-size: 2rem;
    }

    .pedesta_why_choose .features-container {
        flex-direction: column;
        align-items: center;
    }

    .pedesta_why_choose .feature-description {
        font-size: 16px;
    }

    .pedesta_why_choose .feature-icon img {

        margin-top: 15px;
    }

    .pedesta_why_choose .feature-icon {

        margin: 0 auto 10px !important;
    }

    .pedesta_why_choose .feature-card {

        padding: 10px 25px 10px 25px;
        height: 270px !important;
    }
}

.pedesta_why_choose .owl-carousel .owl-nav button.owl-next {
    margin-right: -15px;
}

.pedesta_why_choose .owl-carousel .owl-nav button {

    width: 40px;
    height: 40px;

}

.pedesta_why_choose .owl-carousel .owl-nav button.owl-prev {
    margin-left: -15px;
}

.pedesta_why_choose .feature-card {
    width: 100%;
    max-width: 340px;
    height: auto;
    padding: 20px 25px 20px 25px;
}


@media (max-width: 575px) {
    .pedesta_why_choose .section-title {
        font-size: 1.8rem;
    }

    .pedesta_why_choose .feature-icon {
        width: 50px;
        height: 50px;
    }
}

/* end why choose us section css */



/* == css start explore trending courses */
.explore-tranding-course-ptw {
    --pedesta-primary-color: #2c3e50;
    --pedesta-secondary-color: #3498db;
    --pedesta-light-color: #ecf0f1;
    --pedesta-dark-color: #2c3e50;
}

.explore-tranding-course-ptw .courses-section {
    padding: 80px 0 30px 0px;
}

.explore-tranding-course-ptw .section-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}

.explore-tranding-course-ptw .section-title {
    font-size: 40px;
    font-weight: 600;
    margin: 0;
    background: linear-gradient(to right, #3A3A3A, #351C8F) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    display: inline-block;
}

.explore-tranding-course-ptw .course-card {
    border-radius: 12px;
    overflow: hidden;
    border: none;
    border-radius: 20px;
    box-shadow: 0px 4px 4.3px rgba(217, 236, 255, 0.5);
    transition: all 0.3s ease;
    transition: all 0.3s ease-in-out;
    border: 1px solid #d8e9ff;
    height: 100%;
    display: flex;
    flex-direction: column;
}



.explore-tranding-course-ptw .course-card:hover {
    box-shadow: 0 10px 12px rgba(33, 105, 255, 0.15);
    background-image: linear-gradient(135deg, #FFFFFF, #F4F9FF);
    transition: all 0.3s ease-in-out;
    border: 1px solid #D3E8FF;
}

.explore-tranding-course-ptw .course-top-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 15px 0;
}

.explore-tranding-course-ptw .course-date {
    font-size: 18px;
    color: #4C4C4D;
    font-weight: 400;
}

.explore-tranding-course-ptw .star-icon {
    color: #FFCA28;
    display: flex;
    font-size: 16px;
    gap: 10px;
    font-weight: 400 !important;
    align-items: center;
}

.explore-tranding-course-ptw .course-img {
    height: 260px;
    object-fit: cover;
    width: 100%;
}

.explore-tranding-course-ptw .course-body {
    padding: 15px 15px 25px 15px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.explore-tranding-course-ptw .course-title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 17px;
    color: #2C2C2C;
}


.explore-tranding-course-ptw .course-description {
    margin-bottom: 22px;
    line-height: 1.6;
    font-size: 18px;
    font-weight: 400;
    color: #4C4C4D;
}

.explore-tranding-course-ptw .course-price-enroll {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: auto;
}

.explore-tranding-course-ptw .course-pricing {
    display: flex;
    gap: 10px;
    align-items: center;
}

.explore-tranding-course-ptw .current-price {
    font-size: 17px;
    font-weight: 700;
    color: #FD661F;
}

.explore-tranding-course-ptw .original-price {
    font-size: 16px;
    color: #999;
}

.explore-tranding-course-ptw .strikethrough-amount {
    text-decoration: line-through;
    margin-left: 5px;
    font-size: 16px;
}

.explore-tranding-course-ptw .currency-symbol {
    text-decoration: none;
}

.explore-tranding-course-ptw .btn-enroll {
    background-color: #1D50B0;
    color: #FFFFFF;
    border: 1px solid #0101D9;
    padding: 5px 10px;
    border-radius: 8px;
    font-weight: 500;
    font-size: 17px;
    transition: all 0.3s;
    white-space: nowrap;
}

.explore-tranding-course-ptw .btn-view-all-card {
    background-color: #351C8F;
    color: white;
    border: none;
    padding: 10px 25px;
    border-radius: 8px;
    font-weight: 500;
    font-size: 16px;
    transition: all 0.3s;
    white-space: nowrap;

}


.explore-tranding-course-ptw .btn-view-all {
    border: 2px solid #000000;
    border-right: 2px solid #351C8F;
    padding: 8px 22px;
    border-radius: 10px;
    font-weight: 600;
    font-size: 18px;
    transition: all 0.3s;
    background: linear-gradient(to right, #000000, #351C8F);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}

.explore-tranding-course-ptw .btn-view-all:hover {
    /* background: linear-gradient(to right, #0240AA, #1E0383);
    -webkit-background-clip: padding-box;
    -webkit-text-fill-color: white;
    color: white;
    border-color: #351C8F !important;
    transition: all 0.3s ease-in-out; */
    background-color: #f0f8ff;
    color: #007bff;
    border-color: #007bff;
    box-shadow: 0 0 10px rgba(0, 123, 255, 0.3);
    cursor: pointer;
}



@media (max-width: 992px) {
    .explore-tranding-course-ptw .col-lg-4 {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (max-width: 768px) {
    .explore-tranding-course-ptw .section-header {
        /* flex-direction: column; */
        align-items: flex-start;
        gap: 20px;
    }

    @media (max-width: 600px) {
        .explore-tranding-course-ptw .btn-view-all {
            font-size: 16px;
            padding: 8px 23px;
            white-space: nowrap;

        }

        .explore-tranding-course-ptw .course-description {
            font-size: 17px;
        }

        .explore-tranding-course-ptw .course-title {
            font-size: 23px;
        }

        .explore-tranding-course-ptw .current-price {
            font-size: 16px;
        }
    }

    .explore-tranding-course-ptw .section-title {
        font-size: 1.4rem;
    }

    .explore-tranding-course-ptw .col-md-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .explore-tranding-course-ptw .courses-section {
        padding: 70px 5px 10px 5px;
    }

    .explore-tranding-course-ptw .btn-enroll {
        padding: 3px 7px;

    }

    .explore-tranding-course-ptw .course-img {
        height: 245px;
    }
}

/* end css explore trending courses */




/* transfrom your life css start here */
.pedestal_transform {
    padding: 30px 0 22px 0;
}

.pedestal_transform .feature-box {
    background: #FFFFFF;
    border-radius: 16px;
    padding: 15px;
    margin-bottom: 11px;
    color: #1B54B2;
    font-weight: 500;
    font-size: 18px;
    display: flex;
    align-items: center;
    box-shadow: 0px 0px 37.5px 0px rgba(82, 147, 255, 0.16);
}

.pedestal_transform .pedestal_transform-title {
    color: #2A2A2A;
    font-weight: 500;
    font-size: 38px;
}

.pedestal_transform .Mentorship-pedestal {
    font-size: 38px;
    color: #1A53B2;
    font-weight: 600;
}

.pedestal_transform-description {
    font-size: 17px;
    font-weight: 400;
    color: #6C6C6C;
    margin-top: 17px;
    margin-bottom: 30px !important;
}

.pedestal_transform .feature-icon {
    background-color: #1B54B2;
    color: #fff;
    font-size: 24px;
    padding: 10px;
    border-radius: 50%;
    margin-right: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.pedestal_transform-feature-text {
    font-weight: 300;
    font-size: 14px;
    color: #393939;
}

.pedestal_transform .feature-icon img {
    width: 24px;
    height: 24px;
}

.pedestal_transform .images-grid img {
    width: 89%;
    max-height: 560px;
    display: block;
    margin-left: auto;
}

.pedestal_transform .images-grid {
    position: relative;
}

@media (max-width: 767px) {
    .pedestal_transform .container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .pedestal_transform .pedestal_transform-title,
    .pedestal_transform .Mentorship-pedestal {
        font-size: 26px;
        line-height: 1.3;
        text-align: start;
        margin-bottom: 15px;
        padding-left: 0;
        padding-right: 0;
    }

    .pedestal_transform {
        padding: 10px 5px 22px 5px;
    }

    .pedestal_transform-description {
        font-size: 16px;
        text-align: start;
        margin-bottom: 25px !important;
        padding: 0;
        margin-top: 10px;
    }

    .pedestal_transform .feature-box {
        padding: 14px 16px;
        margin-bottom: 12px;
        align-items: flex-start;
        margin-left: 0;
        margin-right: 0;
        border-radius: 12px;
    }

    .pedestal_transform .feature-icon {
        margin-right: 15px;
        padding: 9px;
        width: 38px;
        height: 38px;
    }

    .pedestal_transform-feature-title {
        font-size: 16px;
        margin-bottom: 5px;
        font-weight: 500;
    }

    .pedestal_transform-feature-text {
        font-size: 14px;
        line-height: 1.5;
    }

    .pedestal_transform .row>div {
        padding-left: 13px;
        padding-right: 13px;
    }

    .pedestal_transform .images-grid {
        margin-top: 30px;
        padding: 0;
    }

    .pedestal_transform .images-grid img {
        width: 100%;
        max-height: 400px;
        border-radius: 10px;
        margin: 0 auto;
    }
}


@media (max-width: 400px) {

    .pedestal_transform .pedestal_transform-title,
    .pedestal_transform .Mentorship-pedestal {
        font-size: 24px;
    }

    .pedestal_transform-description {
        font-size: 15px;
    }

    .pedestal_transform .feature-box {
        padding: 12px 14px;
    }

    .pedestal_transform .feature-icon {
        margin-right: 12px;
        width: 36px;
        height: 36px;
    }
}

/* end transform your life css here */

/* chfi css start here */
.pedesta-became-certificate {
    background: #F6F9FF;
    display: flex;
    flex-wrap: wrap;
    padding: 90px 10% 90px 10% !important;
    align-items: flex-start;
    gap: 50px;
}

.pedesta-became-certificate .left {
    flex: 1 1 45%;
}

.pedesta-became-certificate .left img {
    width: 100%;
    max-width: 470px;
    border-radius: 20px;
}

.pedesta-became-certificate .right {
    flex: 1 1 45%;
}

.pedesta-became-certificate .right h2 {
    margin-bottom: 26px;
    line-height: 1.3;
    margin-top: 20px;
    font-size: 35px;
    font-weight: 600;
    color: #2A2A2A;
}

.pedesta-became-certificate .right h2 span {
    color: #1A53B2;
    font-weight: 700;
}

.pedesta-became-certificate .right p {
    margin-bottom: 30px;
    line-height: 1.5;
    font-size: 18px;
    color: rgba(0, 0, 0, 0.8);
    font-weight: 500;
    ;
}

.pedesta-became-certificate .features {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.pedesta-became-certificate .feature-item {
    display: flex;
    align-items: center;
    gap: 10px;
}

.pedesta-became-certificate .feature-item img {
    width: 50px;
    height: 50px;
}

.pedesta-became-certificate .feature-item span {
    font-size: 18px;
    font-weight: 500;
    color: #111111;
}

.pedesta-became-certificate .enroll {
    margin-top: 30px;
    font-weight: 500;
    font-size: 22px;
    color: #0E47AC;
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
}

.pedesta-became-certificate .enroll:hover {
    color: #003366;
    transition: color 0.3s ease-in-out;
}


/* Add these styles to your existing CSS */
.pedesta-became-certificate .program-carousel {
    width: 100%;
    position: relative;
}

.pedesta-became-certificate .enroll img {
    height: auto !important;
    width: auto !important;
}

.pedesta-became-certificate .program-slide {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    align-items: flex-start;
    gap: 50px;
}


.pedesta-became-certificate .owl-carousel .owl-nav {
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    pointer-events: none;
}

.pedesta-became-certificate .owl-carousel .owl-nav button {
    pointer-events: all;
    background: #FFFFFF !important;
    width: 42px;
    height: 42px;
    border-radius: 50% !important;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    border: 2px solid #1E0383;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.pedesta-became-certificate .owl-carousel .owl-nav button:hover {
    background: whitesmoke !important;
}

.pedesta-became-certificate .owl-carousel .owl-nav button.owl-prev {
    margin-left: -5px;
}

.pedesta-became-certificate .owl-carousel .owl-nav button.owl-next {
    margin-right: -5px;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .pedesta-became-certificate .owl-carousel .owl-nav button {
        width: 35px;
        height: 35px;
    }

    .pedesta-became-certificate .owl-carousel .owl-nav {
        top: 52%;

    }

    .pedesta-became-certificate .program-slide {
        flex-direction: column;
        gap: 30px;
    }
}

/* Responsive */
@media (max-width: 768px) {
    .pedesta-became-certificate {
        flex-direction: column;
        padding: 30px 5%;
        gap: 30px;
        align-items: center;
    }

    .pedesta-became-certificate .left {
        order: 1;

    }

    .pedesta-became-certificate .left img {
        max-width: 100%;
        border-radius: 15px;
        margin-top: 30px;
    }

    .pedesta-became-certificate .right {
        width: 100%;
    }

    .pedesta-became-certificate .right h2 {
        font-size: 24px;
        text-align: start;
        margin-bottom: 20px;
        margin-top: 0;
    }

    .pedesta-became-certificate .right p {
        text-align: start;
        font-size: 16px;
        margin-bottom: 25px;
        line-height: 1.6;
    }

    .pedesta-became-certificate .features {
        /* grid-template-columns: 1fr; */
        gap: 15px;
    }

    .pedesta-became-certificate .feature-item {
        gap: 12px;
    }

    .pedesta-became-certificate .feature-item img {
        width: 40px;
        height: 40px;
        min-width: 40px;
    }

    .pedesta-became-certificate .feature-item span {
        font-size: 16px;
        line-height: 1.4;
    }

    .pedesta-became-certificate .enroll {
        font-size: 18px;
        justify-content: start;
        margin-top: 15px;
    }

    .pedesta-became-certificate .enroll img {
        width: 20px;
    }
}

/* Smaller mobile devices */
@media (max-width: 480px) {
    .pedesta-became-certificate {
        padding: 50px 18px 60px 18px !important;
    }

    .pedesta-became-certificate .right h2 {
        font-size: 22px;
    }

    .pedesta-became-certificate .right p {
        font-size: 14px;
    }

    .pedesta-became-certificate .feature-item span {
        font-size: 13px;
    }

    .pedesta-became-certificate .enroll {
        font-size: 16px;
    }
}

/* end chfi section here */


/* placement gurantee courses start here */
.pedestal-placement-guaranteecourse {
    --pedesta-primary-color: #2c3e50;
    --pedesta-secondary-color: #3498db;
    --pedesta-light-color: #ecf0f1;
    --pedesta-dark-color: #2c3e50;
}

.pedestal-placement-guaranteecourse .courses-section {
    padding: 80px 0;
    background: linear-gradient(to right, #1B54B2, #331F91);
}

.pedestal-placement-guaranteecourse .section-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}

.pedestal-placement-guaranteecourse .section-title {
    font-size: 40px;
    font-weight: 600;
    margin: 0;
    color: #FFFFFF;
}

.pedestal-placement-guaranteecourse .course-card {
    border-radius: 12px;
    overflow: hidden;
    border: none;
    border-radius: 20px;
    transition: all 0.3s ease;
    margin-bottom: 24px;
    height: auto;
    background: white;
    padding-bottom: 25px;
}

.pedestal-placement-guaranteecourse .course-img {
    margin-top: 25px;
    margin-bottom: 20px;
    height: 235px;
    width: 100%;
    padding: 0 15px;
    border-radius: none !important;
    object-fit: contain;
    border-radius: 25px !important;
}

.pedestal-placement-guaranteecourse .course-body {
    padding: 0px 20px 0px 20px;
    padding-bottom: 0;
}

.pedestal-placement-guaranteecourse .course-title {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 15px;
    color: #2C2C2C;
    line-height: 1.6;
}

.pedestal-placement-guaranteecourse .btn-course {
    background-color: #F7F7F8;
    color: #262626;
    border: 1px solid #F1F1F3;
    padding: 10px 25px;
    border-radius: 8px;
    font-weight: 500;
    font-size: 20px;
    transition: all 0.3s;
    width: 100%;
    margin-bottom: -4px;
    text-align: center;
}

.pedestal-placement-guaranteecourse .btn-course:hover {
    background-color: #262626;
    color: #FFFFFF;
    border-color: #262626;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
}

.pedestal-placement-guaranteecourse .btn-view-all {
    color: #FFFFFF;
    border: 2px solid #FFFFFF;
    padding: 10px 25px;
    border-radius: 10px;
    font-weight: 600;
    font-size: 18px;
    transition: all 0.3s;
}

.pedestal-placement-guaranteecourse .btn-view-all:hover {
    background-color: #FFFFFF;
    color: #1A237E;
    border-color: #FFFFFF;
    box-shadow:
        0 4px 10px rgba(255, 255, 255, 0.15),
        0 0 4px rgba(255, 255, 255, 0.18);

}


.pedestal-placement-guaranteecourse .course-icon {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 11px;
    margin-top: 5px;
}

.pedestal-placement-guaranteecourse .course-icon .left-icon {
    display: flex;
    align-items: center;
    gap: 12px;
}

.pedestal-placement-guaranteecourse .star-icon {
    color: #FFCA28;
    display: flex;
    font-size: 16px;
    gap: 10px;
    font-weight: 400 !important;
    align-items: center;
}


.pedestal-placement-guaranteecourse .duration {
    font-size: 12px;
    font-weight: 400;
    color: #000000;
    border: 1.4px solid rgba(181, 181, 181, 0.5);
    padding: 3px 10px;
    border-radius: 50px;
}

.pedestal-placement-guaranteecourse .profile-count {
    display: flex;
    font-size: 12px;
    font-weight: 400;
    align-items: center;
    border: 1.4px solid rgba(181, 181, 181, 0.5);
    gap: 5px;
    padding: 3px 8px;
    border-radius: 50px;
}

.pedestal-placement-guaranteecourse .student-count {
    font-size: 12px;
    font-weight: 400;
    color: #000000;
}





/* Placement Courses Carousel Wrapper */
.placement-courses-carousel {
    position: relative;
    width: 100%;
    overflow: visible;
}

#placement-gurantee-program .owl-nav {
    position: absolute;
    top: 40% !important;
    left: 0;
    right: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    z-index: 10;
}

.placement-courses-carousel .owl-nav button {
    pointer-events: all;
    border: 2px solid #1E0383 !important;
    background: whitesmoke !important;
    width: 42px;
    height: 42px;
    border-radius: 50% !important;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2) !important;
    cursor: pointer;
}


.placement-courses-carousel .owl-nav button:hover {
    background: whitesmoke !important;
}

.courses-pedestal-placement-guaranteecourse .btn-courses {
    margin-top: auto !important;
}

.placement-courses-carousel .owl-carousel .owl-nav button:hover {
    background: whitesmoke !important;
}

#placement-gurantee-program .owl-nav button.owl-prev {
    margin-left: -23px !important;
}

#placement-gurantee-program .owl-nav button.owl-next {
    margin-right: -23px !important;
    border: 1px solid;
}

.placement-courses-carousel .owl-carousel .owl-stage {
    display: flex;
    align-items: center;
    padding: 10px 0;
}

@media (max-width: 768px) {
    .placement-courses-carousel.owl-carousel .owl-nav button.owl-prev {
        margin-left: -10px !important;
    }

    #placement-gurantee-program .owl-nav button.owl-next {
        margin-right: -13px !important;
        border: 1px solid;
    }

    #placement-gurantee-program .owl-nav button.owl-prev {
        margin-left: -13px !important;
    }



    #placement-gurantee-program .owl-nav button {
        width: 35px !important;
        height: 35px !important;
    }

    .pedestal-placement-guaranteecourse .courses-section {
        padding: 40px 5px;
    }

    .pedestal-placement-guaranteecourse .section-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
        margin-bottom: 20px;
    }

    .pedestal-placement-guaranteecourse .section-title {
        font-size: 28px;
        line-height: 1.3;
    }

    .pedestal-placement-guaranteecourse .btn-view-all {
        width: 100%;
        text-align: center;
    }

    .pedestal-placement-guaranteecourse .course-img {
        height: 200px;
        padding: 15px;
    }

    .pedestal-placement-guaranteecourse .course-title {
        font-size: 18px;
        margin-bottom: 12px;
        line-height: 1.4;
    }

    .pedestal-placement-guaranteecourse .btn-course {
        font-size: 16px;
        padding: 12px 15px;
    }

    .pedestal-placement-guaranteecourse .course-icon {
        margin-bottom: 12px;
    }

    .pedestal-placement-guaranteecourse .duration,
    .pedestal-placement-guaranteecourse .profile-count {
        font-size: 10px;
        padding: 2px 8px;
    }
}

@media (max-width: 576px) {
    .pedestal-placement-guaranteecourse .course-img {
        height: 225px !important;
        padding: 0 10px;
        margin-top: 23px;
        margin-bottom: 20px;
    }

    .pedestal-placement-guaranteecourse .course-title {
        font-size: 18px;
    }

    .pedestal-placement-guaranteecourse .btn-course {
        font-size: 17px;
    }
}


/* end placement gurantee courses css here */


/* smart brdige section */
.pedestal-smart-bridge {
    padding: 0px 0 35px 0;
    background: #F6F9FF;
}

.pedestal-smart-bridge .container {
    max-width: 1200px;
    /* margin: 0 auto; */
    padding: 0px 0px !important;
}

.pedestal-smart-bridge .row {
    align-items: center;
}

.pedestal-smart-bridge .smartbridge-container {
    border-radius: 20px;
    overflow: hidden;
    height: 100%;
}

.pedestal-smart-bridge .smartbridge-content {
    padding: 40px;
}

.pedestal-smart-bridge .main-heading {
    font-size: 36px;
    font-weight: 600;
    color: #000000;
    margin-bottom: 15px;
    line-height: 1.2;
}

.learing-journypedestal {
    font-size: 36px;
    font-weight: 600;
    color: #2A329D;
}

.pedestal-smart-bridge .sub-heading {
    font-size: 18px;
    color: #6C6C6C;
    font-weight: 400;
    margin-bottom: 25px;
    line-height: 1.6;
}

.pedestal-smart-bridge .features {
    margin-bottom: 30px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.pedestal-smart-bridge .feature-item {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}

.pedestal-smart-bridge .feature-icon {
    width: 30px;
    height: 30px;
    margin-right: 12px;
}

.pedestal-smart-bridge .feature-text {
    font-size: 18px;
    font-weight: 500;
    color: #111111;
}

.pedestal-smart-bridge .action-buttons {
    display: flex;
    gap: 20px;
    margin-top: 40px;
    align-items: center;
}

.pedestal-smart-bridge .btn-playstore {
    display: inline-block;
}

.btn-courses {
    color: #1E4DAF;
    border-radius: 10px;
    border: 3px solid #1E4DAF !important;
    padding: 10px 12px;
    font-weight: 600;
    text-decoration: none !important;
    font-size: 18px;
    transition: all 0.3s ease;
    display: block;
    text-align: center;
}

.btn-courses:hover {
    background-color: #1E4DAF;
    color: #FFFFFF;
    box-shadow: 0 4px 12px rgba(30, 77, 175, 0.4);
}

.pedestal-smart-bridge .smartbridge-image {
    /* height: 600px !important;
    width: 552px;
    object-fit: contain;
    margin-left: auto; */
    width: 100%;
    max-width: 100%;
    height: auto !important;
    object-fit: contain;
    margin-left: 0;
    /* remove margin */
}

.pedestal-smart-bridge .btn-playstore img {
    width: 180px;
    height: auto;
    object-fit: contain;
    transition: all 0.3s ease;
}


@media (max-width: 768px) {
    .pedestal-smart-bridge {
        padding: 30px 5px 30px 5px;
    }

    .pedestal-smart-bridge .row {
        flex-direction: column;
    }

    .pedestal-smart-bridge .smartbridge-content {
        padding: 25px 15px;
        text-align: left;
    }

    .pedestal-smart-bridge .main-heading,
    .learing-journypedestal {
        font-size: 26px;
        line-height: 1.3;
        text-align: left;
    }

    .pedestal-smart-bridge .sub-heading {
        font-size: 16px;
        margin-bottom: 20px;
        text-align: left;
    }

    .pedestal-smart-bridge .features {
        /* grid-template-columns: 1fr; */
        gap: 12px;
        justify-items: start;
        margin-bottom: 25px;
    }

    .pedestal-smart-bridge .feature-item {
        margin-bottom: 8px;
        max-width: 100%;
    }

    .pedestal-smart-bridge .feature-text {
        font-size: 15px;
        text-align: left;
    }

    .pedestal-smart-bridge .action-buttons {
        flex-direction: row;
        gap: 15px;
        align-items: center;
        margin-top: 25px;
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .btn-courses {
        width: auto;
        max-width: 100%;
        padding: 10px 20px;
        font-size: 16px;
    }

    .pedestal-smart-bridge .smartbridge-image {
        height: auto !important;
        max-height: 400px;
        width: 100%;
        padding: 0 15px;
        margin-top: 13px;
    }

    .pedestal-smart-bridge .btn-playstore img {
        width: 150px;
    }
}

@media (max-width: 576px) {

    .pedestal-smart-bridge .main-heading,
    .learing-journypedestal {
        font-size: 24px;
    }

    .pedestal-smart-bridge .action-buttons {
        gap: 22px;
    }

    .btn-courses {
        padding: 8px 16px;
        font-size: 15px;
    }

    .pedestal-smart-bridge .feature-icon {
        margin-top: -10px;
    }
}

@media (max-width: 400px) {

    .pedestal-smart-bridge .main-heading,
    .learing-journypedestal {
        font-size: 22px;
    }

    .pedestal-smart-bridge .action-buttons {
        align-items: flex-start;
    }
}

/* end smart bridge sectin here */


/* start css Learn with The Pedestal section here  */
.pedestal-learning-section.pedestal-learning-redesign {
    padding: 50px 0 63px 0;
    background-color: #FFFFFF;
}

.pedestal-learning-section.pedestal-learning-redesign .container {
    /* max-width: 1200px; */
    margin: 0 auto;
    padding: 0 15px;
}

.pedestal-learning-section.pedestal-learning-redesign .learning-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 35px;
}

.pedestal-learning-section.pedestal-learning-redesign .learning-header h1 {
    color: #351C8F;
    font-size: 40px;
    font-weight: 600;
    margin: 0;
}

.pedestal-learning-section.pedestal-learning-redesign .header-learning-button {
    color: #351C8F;
    padding: 10px 15px;
    border-radius: 10px;
    font-size: 16px;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.3s ease;
    border-top: 2px solid #000000;
    border-bottom: 2px solid #000000;
    border-left: 2px solid #000000;
    border-right: 2px solid #351C8F;
}

.pedestal-learning-section.pedestal-learning-redesign .header-learning-button:hover {
    /* background: linear-gradient(to right, #0240AA, #1E0383);
    color: #FFFFFF;
    border-color: #1E1A79; */
    background-color: #f0f8ff;
    color: #007bff;
    border-color: #007bff;
    box-shadow: 0 0 10px rgba(0, 123, 255, 0.3);
    cursor: pointer;
}

.pedestal-learning-section.pedestal-learning-redesign .learning-features {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.pedestal-learning-section.pedestal-learning-redesign .feature-card {
    flex: 1;
    min-width: 0;
    border: 1px solid rgba(5, 9, 120, 0.4);
    border-radius: 10px;
    padding: 20px;
    text-align: center;
    background-color: #F6F9FF;
    position: relative;
    transition: all 0.3s ease-in-out;

}


.pedestal-learning-section.pedestal-learning-redesign .feature-card {
    transition: all 0.3s ease-in-out;
    background-color: #F6F9FF;
    position: relative;
    border: 1px solid rgba(5, 9, 120, 0.4);
    border-radius: 10px;
    padding: 20px;
    text-align: center;
}

.pedestal-learning-section.pedestal-learning-redesign .feature-card:hover {
    background-color: #ffffff;
    border-color: #1E4DAF;
    box-shadow: 0 10px 20px rgba(30, 77, 175, 0.15);
}

.pedestal-learning-section.pedestal-learning-redesign .feature-icon img {
    margin-top: 30px;
    width: 60px;
    height: 60px;
    margin-bottom: 15px;
}

.pedestal-learning-section.pedestal-learning-redesign .feature-card h3 {
    color: #000000;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 15px;
}


@media (max-width: 992px) {
    .pedestal-learning-section.pedestal-learning-redesign .learning-features {
        flex-wrap: wrap;
    }

    .pedestal-learning-section.pedestal-learning-redesign .feature-card {
        flex: 1 1 calc(33.33% - 20px);
    }
}

@media (max-width: 768px) {
    .pedestal-learning-section.pedestal-learning-redesign .learning-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }

    .pedestal-learning-section.pedestal-learning-redesign {
        padding: 50px 5px 63px 5px;
    }

    .pedestal-learning-section.pedestal-learning-redesign .feature-card {
        flex: 1 1 calc(50% - 20px);
    }

    .pedestal-learning-section.pedestal-learning-redesign .learning-header h1 {
        font-size: 28px;
    }

    .pedestal-learning-section.pedestal-learning-redesign .learning-features {
        gap: 15px !important;
    }
}

@media (max-width: 480px) {
    .pedestal-learning-section.pedestal-learning-redesign .feature-card {
        flex: 1 1 calc(50% - 20px);
    }

    .pedestal-learning-section.pedestal-learning-redesign .learning-header h1 {
        font-size: 24px;
    }

    .pedestal-learning-section.pedestal-learning-redesign .feature-card h3 {
        font-size: 16px;
    }

    .pedestal-learning-section.pedestal-learning-redesign .header-learning-button {
        width: 100%;
        text-align: center;
    }
}

/*  end Learn with The Pedestal */


/* seminar and webinar css start here  */
.pedestal-webinar-seminar {
    background: linear-gradient(to right, #1B54B2, #331F91);
    padding: 80px 0px 75px 0px;
}

.pedestal-webinar-seminar .container {
    margin: 0 auto;
    padding: 0 15px;
}

.pedestal-webinar-seminar .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
    position: relative;
}

.pedestal-webinar-seminar a {
    text-decoration: none;

}

.pedestal-webinar-seminar .header h2 {
    color: #FFFFFF;
    font-size: 40px;
    font-weight: 600;
    margin: 0;
}

.pedestal-webinar-seminar .owl-nav {
    display: flex;
    gap: 22px;
}

.pedestal-webinar-seminar .owl-nav button {
    background: #FFFFFF !important;
    border-radius: 50% !important;
    width: 42px;
    height: 42px;
    border: none !important;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    cursor: pointer;
}

.pedestal-webinar-seminar .card {
    background: #FFFFFF;
    border-radius: 15px;
    padding: 20px;
    margin: 5px;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.26);
    min-height: 420px !important;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.pedestal-webinar-seminar .date {
    display: flex;
    align-items: center;
    font-size: 15px;
    color: #000000;
    margin-bottom: 16px !important;
    margin-top: 17px;
}

.pedestal-webinar-seminar .date img {
    margin-right: 8px;
    width: 18px;
    height: 18px;
}

.pedestal-webinar-seminar .title {
    margin: 0 0 15px 0 !important;
    font-size: 17px;
    font-weight: 600;
    color: #000000;
    line-height: 1.4;
}

.pedestal-webinar-seminar .venue {
    font-size: 16px;
    color: #919191;
    margin-bottom: 12px;
    line-height: 1.4;
    font-weight: 600;
    font-size: 14px;
}

.pedestal-webinar-seminar .venue span {

    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.pedestal-webinar-seminar .tags {
    margin-top: 15px;
    margin-bottom: 18px;
}

.pedestal-webinar-seminar .tag {
    display: inline-block;
    padding: 5px 15px;
    font-size: 14px;
    border-radius: 20px;
    margin-right: 10px;
    background: #FF3636;
    color: #FFFFFF;
    cursor: pointer;
}

.pedestal-webinar-seminar .expired {
    background: #FF3636 !important;
    color: #FFFFFF;
    cursor: pointer;
    border: 1px solid rgba(181, 181, 181, 0.5) !important;
}

.pedestal-webinar-seminar .seminar {
    background: rgba(226, 226, 226, 0.2);
    cursor: pointer;
    color: #000;
    border: 1px solid rgba(181, 181, 181, 0.5);
}

#webinar-stylings {
    background: rgba(226, 226, 226, 0.2) !important;
    cursor: pointer;
    color: #000;
    /* border: 0.5px solid rgba(181, 181, 181, 0.5); */

}


@media (max-width: 767px) {
    .pedestal-webinar-seminar {
        padding: 50px 12px 60px 0px;
    }

    .pedestal-webinar-seminar .container {
        padding: 0 0px 6px 11px;
    }

    .pedestal-webinar-seminar .header {
        margin-bottom: 20px;
        padding: 0 5px;
    }

    .pedestal-webinar-seminar .header h2 {
        font-size: 22px;
        white-space: nowrap;
        margin-right: 15px;
    }

    .pedestal-webinar-seminar .owl-nav {
        gap: 12px;
    }

    .pedestal-webinar-seminar .owl-nav button {
        width: 32px;
        height: 32px;
    }

    .pedestal-webinar-seminar .card {
        padding: 23px;
        border-radius: 11px;
        margin: 0 6px;
        min-height: 300px !important;
    }

    .pedestal-webinar-seminar .title {
        font-size: 22px;
        margin-bottom: 15px;
    }

    .pedestal-webinar-seminar .venue {
        font-size: 14px;
        margin-bottom: 15px;
    }

    .pedestal-webinar-seminar .tags {
        margin-bottom: 15px;
    }

    .pedestal-webinar-seminar .tag {
        padding: 8px 20px;
        font-size: 12px;
    }

    /* Carousel adjustments for mobile */
    .pedestal-webinar-seminar .owl-carousel .owl-stage-outer {
        padding: 0;
    }

    .pedestal-webinar-seminar .owl-carousel .owl-stage {
        margin: 0;
    }

    .pedestal-webinar-seminar .owl-carousel .owl-item {
        padding: 0 2px;
    }

    #webinar-stylings {
        background: rgba(226, 226, 226, 0.2) !important;
        cursor: pointer;
        color: #000;
        border: 0.5px solid rgba(181, 181, 181, 0.5) !important;

    }
}

/* end seminar and webinar css end here */



/* meet our client css start here */

.meet-our-mentor {
    background: linear-gradient(to right, #1B54B2, #331F91);
    padding: 40px 0px 35px 0px;
}

.meet-our-mentor .container {
    margin: 0 auto;
    padding: 0 15px;
}

.meet-our-mentor .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
    position: relative;
}

.meet-our-mentor .header h2 {
    color: #FFFFFF;
    font-size: 39px;
    font-weight: 600;
    margin: 0;
}

.meet-our-mentor .owl-nav {
    display: flex;
    gap: 22px;
    position: absolute;
    right: 15px;
    top: 0;
}

.meet-our-mentor .owl-nav button {
    background: #FFFFFF !important;
    border: 2px solid #ffffff !important;
    border-radius: 50% !important;
    width: 42px;
    height: 42px;
    border: none !important;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

.meet-our-mentor .owl-nav button span {
    font-size: 24px;
    line-height: 1;
    color: #1B54B2;
}

.meet-our-mentor .card {
    background: #FFFFFF;
    border-radius: 15px;
    padding: 20px;
    margin: 5px;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.26);
    height: auto !important;
}

.meet-our-mentor .image {
    text-align: center;
    margin-bottom: 20px;
    margin-top: 1px;
}

.meet-our-mentor .image img {
    width: 96px;
    height: 96px;
    border-radius: 50%;
    object-fit: cover;
    margin: 0 auto;
}

.meet-our-mentor .card h3 {
    font-size: 23px;
    font-weight: 600;
    text-align: center;
    margin: 0 0 10px 0;
    color: #000000;
}

.meet-our-mentor .card p {
    color: #6B7280;
    text-align: center;
    font-weight: 400;
    margin: 7px 0 13px 0;
    line-height: 1.6;
    font-size: 16px;
}

.meet-our-mentor .button-container {
    text-align: center;

}

.meet-our-mentor .card button {
    width: 100%;
    background-color: transparent;
    color: #3730a3;
    font-weight: 500;
    padding: 8px 16px;
    border: 1.40px solid #050978;
    border-radius: 51px;
    transition: all 0.3s ease;
    cursor: pointer;
    font-size: 17px;
    color: #000000;
}

.meet-our-mentor .card button:hover {
    background: linear-gradient(to right, #1B54B2, #331F91);
    color: #FFFFFF;
}

@media (max-width: 767px) {
    .meet-our-mentor {
        padding: 50px 2px 60px 4px;
    }

    .meet-our-mentor .container {
        padding: 0 10px;
    }

    .meet-our-mentor .header {
        margin-bottom: 20px;
        padding: 0 5px;
    }

    .meet-our-mentor .header h2 {
        font-size: 24px;
        white-space: nowrap;
        margin-right: 15px;
    }

    .meet-our-mentor .owl-nav {
        gap: 12px;
    }

    .meet-our-mentor .owl-nav button {
        width: 32px;
        height: 32px;
    }

    .meet-our-mentor .card {
        padding: 15px;
        border-radius: 15px;
        margin: 0 5px;
    }

    .meet-our-mentor .image img {
        width: 80px;
        height: 80px;
    }

    .meet-our-mentor .card h3 {
        font-size: 18px;
        margin-bottom: 8px;
    }

    .meet-our-mentor .card p {
        font-size: 14px;
        margin: 5px 0 10px 0;
        line-height: 1.4;
    }

    .meet-our-mentor .card button {
        font-size: 17px;
        padding: 8px 12px;
        margin-bottom: 10px;
        margin-top: 5px;
    }
}

.meet-our-mentor .button-container {
    margin-bottom: 0 !important;
}

/* end css meet our client section here */


/* collabrative with top university css start */

.collabrative-our-team-section {
    background-color: #FFFFFF;
    padding: 80px 0;
    text-align: center;
}

.collabrative-our-team-section .container {
    /* max-width: 1200px; */
    margin: 0 auto;
    padding: 0 15px;
}

.collabrative-our-team-section .content-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.collabrative-our-team-section .image-content {
    margin-bottom: 30px;
}

.collabrative-our-team-section .image-content img {
    max-width: 100%;
    height: auto;

}

.collabrative-our-team-section .text-content {
    margin-top: -55px;
}

.collabrative-our-team-section h2 {
    font-size: 40px;
    font-weight: 600;
    color: #3A3A3A;
    margin-bottom: 6px;
}

.collabrative-our-team-section h3 {
    font-size: 40px;
    font-weight: 600;
    color: #1C52B2;
    margin-bottom: 26px;
}

.collabrative-our-team-section p {
    font-size: 20px;
    color: #000000;
    line-height: 1.5;
    font-weight: 500;
    margin-bottom: 30px;
}

.collabrative-our-team-section .mou-button {
    display: inline-block;
    padding: 12px 20px;
    background-color: #1E4DAF;
    color: #FFFFFF;
    text-decoration: none;
    border-radius: 10px;
    font-weight: 600;
    box-shadow: 0px 10.64px 10.02px 0px rgba(64, 127, 85, 0.04);
    font-size: 16px;
    transition: all 0.3s ease-in-out;
    border: 2px solid transparent;
}

.collabrative-our-team-section .mou-button:hover {
    background-color: #ffffff;
    color: #1E4DAF;
    border: 2px solid #1E4DAF;
    box-shadow: 0 2px 20px rgba(30, 77, 175, 0.25);
    transition: all 0.3s ease-in-out;
}

@media (max-width: 767px) {
    .collabrative-our-team-section {
        padding: 40px 5px;
    }

    .collabrative-our-team-section .image-content {
        margin-bottom: 15px;
    }

    .collabrative-our-team-section .text-content {
        margin-top: -23px;
    }

    .collabrative-our-team-section h2 {
        font-size: 22px;
        margin-bottom: 5px;
    }

    .collabrative-our-team-section h3 {
        font-size: 24px;
        margin-bottom: 15px;
    }

    .collabrative-our-team-section p {
        font-size: 16px;
        word-spacing: 9px;
        word-wrap: break-word;
        word-break: break-all;
        line-height: 1.4;
        margin-bottom: 25px;
    }

    .collabrative-our-team-section .image-content img {
        height: 200px !important;
    }

    .collabrative-our-team-section .mou-button {
        padding: 10px 18px;
        font-size: 14px;
    }
}

/* end css collabrative with top university  */




/* start css Our Learners' Milestones */


.our-learner-milestone-section {
    background: #FFFFFF;
    padding: 80px 0 45px 0;
}

.our-learner-milestone {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    flex-wrap: wrap;
}

.our-learner-milestone-left {
    flex: 1;
    max-width: 335px;
}

.our-learner-milestone-title {
    font-size: 40px;
    color: #3A3A3A;
    font-weight: 600;
    margin-top: 32px;
}

.our-learner-milestone-title span {
    color: #302796;
    font-size: 40px;
    font-weight: 600;
}

.our-learner-milestone-description {
    margin-top: 15px;
    color: #1C1C1C;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.7;
    margin-bottom: 15px;
}

.our-learner-milestone-nav {
    margin-top: 20px;
    display: flex;
    gap: 17px;
}

.our-learner-milestone-prev,
.our-learner-milestone-next {
    background: #1B54B2 !important;
    border-radius: 50% !important;
    width: 44px;
    height: 44px;
    border: none !important;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    color: #FFFFFF;
    font-size: 20px;
    transition: all 0.3s ease;
}

.our-learner-milestone-prev:hover,
.our-learner-milestone-next:hover {
    background: #1f56e3 !important;
    color: #fff !important;
}

.our-learner-milestone-carousel {
    flex: 1;
    max-width: 700px;
}

.our-learner-milestone-video-card {
    position: relative;
    border-radius: 15px;
    overflow: hidden;
    text-align: center;
    background: #f9f9f9;
    height: 400px;
}

.our-learner-milestone-video-card iframe {
    width: 100%;
    height: 100%;
    display: block;
}

.our-learner-milestone-video-card h3 {
    margin: 10px 0 0 0;
    font-size: 18px;
    color: white;
    position: absolute;
    bottom: 30px;
    left: 20px;
    font-weight: 600;
}

.our-learner-milestone-video-card p {
    margin: 0;
    font-size: 14px;
    color: white;
    position: absolute;
    bottom: 10px;
    left: 20px;
}

/* Mobile Optimizations */
@media (max-width: 767px) {
    .our-learner-milestone-section {
        padding: 50px 5px 45px 4px;
    }

    .our-learner-milestone-left {
        max-width: 100%;
        padding: 0 6px;
        text-align: start;
    }

    .our-learner-milestone-title,
    .our-learner-milestone-title span {
        font-size: 32px;
        margin-top: 20px;
    }

    .our-learner-milestone-description {
        font-size: 16px;
        padding: 0 4px;
    }

    .our-learner-milestone-nav {
        justify-content: start;
        margin-bottom: -4px;
    }

    .our-learner-milestone-carousel {
        padding: 0 5px;
    }

    .our-learner-milestone-video-card {
        height: 300px;
    }
}

/* end css Our Learners' Milestones */

/* start css TRAINER & FRANCHISE section  */
.Trainer-franchise-section {
    background-color: #F6F9FF;
    padding: 40px 0;
}

.Trainer-franchise-section .container {
    /* max-width: 1200px; */
    margin: 0 auto;
    padding: 0 15px;
}

.Trainer-franchise-section .header {
    text-align: center;
    margin-bottom: 50px;
}

.Trainer-franchise-section .header h2 {
    font-size: 22px;
    font-weight: 600;
    color: #1B54B2;
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.Trainer-franchise-section .header h3 {
    font-size: 40px;
    font-weight: 600;
    color: #3A3A3A;
    margin: 0;
}

.Trainer-franchise-section .cards-container {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
    width: 100%;
}

.Trainer-franchise-section .card {
    flex: 1;
    min-width: 300px;
    background: #FFFFFF;
    border-radius: 20px;
    padding: 30px;
    box-shadow: 0px 0px 4px rgba(44, 46, 155, 0.3);
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: transform 0.3s ease;
}

.Trainer-franchise-section .card-image {
    width: 86px;
    height: 86px;
    object-fit: contain;
    margin-bottom: 30px;
    margin-top: 2px;
}

.Trainer-franchise-section .card-content h4 {
    font-size: 31px;
    font-weight: 600;
    color: #3A3A3A;
    margin-bottom: 5px;
}

.Trainer-franchise-section .card-content p {
    font-size: 17px;
    color: #6C6C6C;
    line-height: 1.6;
    font-weight: 400;
    margin-bottom: 25px;
}

.Trainer-franchise-section .action-button {
    display: inline-block;
    padding: 12px 16px;
    background-color: #1E4DAF;
    border: 2px solid #1E4DAF;
    box-shadow: 0px 10.64px 10.02px 0px rgba(64, 127, 85, 0.04);
    color: #FFFFFF;
    text-decoration: none;
    border-radius: 10px;
    font-weight: 600;
    transition: all 0.3s ease;
}

.Trainer-franchise-section .action-button:hover {
    background-color: transparent;
    color: #1E4DAF;
    border: 2px solid #1E4DAF;
    box-shadow: 0 3px 20px rgba(30, 77, 175, 0.3);

}


/* for hovering effect on cart */
.Trainer-franchise-section .card {
    transition: all 0.3s ease-in-out;
}

.trainer-card {
    background-color: #1E4DAF !important;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

.trainer-card:hover {
    background-color: #FFFFFF !important;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

.trainer-card .action-button {
    background-color: #FFFFFF;
    color: #1E4DAF;
    border: 2px solid #FFFFFF;
    transition: all 0.3s ease-in-out;
}

.trainer-card:hover .action-button {
    background-color: #1E4DAF !important;
    border: 2px solid #1E4DAF !important;
    box-shadow: 0px 10.64px 10.02px 0px rgba(64, 127, 85, 0.04);
    color: #FFFFFF !important;
}

.trainer-card:hover .card-content h4,
.trainer-card:hover .card-content p {
    color: #3A3A3A !important;
    transition: color 0.3s ease-in-out;
}

.trainer-card .card-content h4,
.trainer-card .card-content h4,
.trainer-card .card-content p,
.trainer-card .card-content p {
    color: #FFFFFF;
    transition: color 0.3s ease-in-out;
}

.trainer-card .card:hover .card-content h4,
.trainer-card .card.active .card-content h4,
.trainer-card .card:hover .card-content p,
.trainer-card .card.active .card-content p {
    color: #FFFFFF;
    transition: color 0.3s ease-in-out;
}

.Trainer-franchise-section .card:hover,
.Trainer-franchise-section .card.active {
    background-color: #1E4DAF;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

.Trainer-franchise-section .card:hover .card-content h4,
.Trainer-franchise-section .card.active .card-content h4,
.Trainer-franchise-section .card:hover .card-content p,
.Trainer-franchise-section .card.active .card-content p {
    color: #FFFFFF;
    transition: color 0.3s ease-in-out;
}

.Trainer-franchise-section .card:hover .action-button,
.Trainer-franchise-section .card.active .action-button {
    background-color: #FFFFFF;
    color: #1E4DAF;
    border: 2px solid #FFFFFF;
    transition: all 0.3s ease-in-out;
}


.trainer-card .card-image {
    content: url('/front-end/asset/images/icons/home-images/colored-logo.png');
    transition: all 0.3s ease;
}

.trainer-card:hover .card-image {
    content: url('/front-end/asset/images/icons/home-images/trainer-img1.png');
}

.franchise-card .card-image {
    content: url('/front-end/asset/images/icons/home-images/trainer-img2.png');
    transition: all 0.3s ease;
}

.franchise-card:hover .card-image {
    content: url('/front-end/asset/images/icons/home-images/colored-logo (1).png');
}


@media (max-width: 991px) {
    .Trainer-franchise-section .cards-container {
        justify-content: center;
    }

    .Trainer-franchise-section .card {
        flex: 0 1 calc(50% - 15px);
    }
}


@media (max-width: 767px) {
    .Trainer-franchise-section {
        padding: 30px 3px;
    }

    .Trainer-franchise-section .header {
        margin-bottom: 30px;
    }

    .Trainer-franchise-section .header h2 {
        font-size: 16px;
    }

    .Trainer-franchise-section .header h3 {
        font-size: 22px;
        line-height: 1.3;
    }

    .Trainer-franchise-section .cards-container {
        flex-direction: column;
        gap: 15px;
    }

    .Trainer-franchise-section .card {
        padding: 20px 15px;
        border-radius: 15px;
        min-width: auto;
        width: 100%;
    }

    .Trainer-franchise-section .card-image {
        width: 70px;
        height: 70px;
        margin-bottom: 20px;
    }

    .Trainer-franchise-section .card-content h4 {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .Trainer-franchise-section .card-content p {
        font-size: 14px;
        margin-bottom: 20px;
        line-height: 1.5;
    }

    .Trainer-franchise-section .action-button {
        padding: 10px 15px;
        font-size: 14px;
    }
}

@media (max-width: 480px) {
    .Trainer-franchise-section .header h3 {
        font-size: 20px;
    }

    .Trainer-franchise-section .card-content h4 {
        font-size: 16px;
    }

    .Trainer-franchise-section .card-content p {
        font-size: 13px;
    }
}

/* end css TRAINER & FRANCHISE section  */


/* start section Where You Can Find Us css */
section.findout-location-our {
    background: linear-gradient(90deg, #1441c4, #3f0b8a);
    padding: 15px 0px 130px 0px;
    overflow-x: hidden;
}

.findout-location-our {
    font-family: 'Poppins', sans-serif;
}


.container.findout-location-our {
    text-align: center;
    color: white;
    padding: 60px 20px;
    position: relative;
    margin-bottom: 100px;
}

.container.findout-location-our h1 {
    font-size: 40px !important;
    color: #FFFFFF;
    font-weight: 600;
    margin-bottom: 10px;
}

.container.findout-location-our p {
    font-size: 22px !important;
    color: #FFFFFF;
    font-weight: 500;
    margin-bottom: 75px;
    text-align: center;
}

.findout-location-our.locations {
    display: flex;
    justify-content: center;
    gap: 240px;
    margin-top: 40px;
    position: relative;
    align-items: flex-start;
}

.findout-location-our.wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.findout-location-our.card {
    background: white;
    border-radius: 20px;
    width: 160px;
    height: 195px;
    padding: 15px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    transition: all 0.3s ease-in-out;
}

.findout-location-our.card:hover {
    transform: scale(1.10);
}

.findout-location-our .center-card-wrapper {
    margin-top: 25px;
}

.findout-location-our.card img {
    width: 134px;
    height: 135px;
    border-radius: 20px;
    object-fit: cover;
}

.findout-location-our.card h3 {
    color: #474747;
    font-size: 22px;
    font-weight: 600;
    margin-top: 20px;
    margin-bottom: 50px !important;
}

.findout-location-our.connector-image {
    position: absolute;
    width: 415px;
    height: 124px;
    pointer-events: none;
}

.findout-location-our .connector-left {
    top: 205px;
    left: 172%;
    transform: translateX(-50%);
}

.findout-location-our .connector-right {
    top: 179px;
    left: 177%;
    transform: translateX(-50%);
    transform: translateX(-50%);
}

/* Mobile responsive */
@media only screen and (max-width: 768px) {
    .findout-location-our.locations {
        gap: 12px;
        overflow-x: auto;
        padding: 20px 15px;
        justify-content: flex-start;
        margin-top: 20px;
        -webkit-overflow-scrolling: touch;
    }

    .findout-location-our.wrapper {
        flex: 0 0 auto;
        margin-top: 0 !important;
    }

    .findout-location-our.card {
        width: 110px;
        height: 148px;
        border-radius: 17px;
        padding: 10px 10px 10px 10px;
    }


    .findout-location-our.card img {
        width: 95px;
        height: 95px;
    }

    .findout-location-our.card h3 {
        font-size: 16px;
        margin-top: 0px;
        margin-bottom: 1px !important;
    }

    .findout-location-our.connector-image {
        display: none;
    }

    .findout-location-our .center-card-wrapper {
        margin-top: 0 !important;
    }

    .container.findout-location-our {
        padding: 40px 0px;
        display: none;
    }

    .container.findout-location-our h1 {
        font-size: 27px !important;
    }

    .container.findout-location-our p {
        font-size: 16px !important;
        margin-bottom: 40px;
        padding: 0 30px;
    }

    section.findout-location-our {

        padding: 25px 0px 25px 0px;

    }

    .findout-location-our.card.center-card {
        width: 100px;
        margin-top: 16px !important;
    }

    .findout-location-our.card.center-card img {
        width: 83px;
        height: 92px;
    }
}

/* end css Where You Can Find Us */



/* start css Our Students' Achievements */
.our-student-achivement {
    background-color: #FFFFFF;
    padding: 100px 0px 78px 0px;
}

.our-student-achivement .container {
    /* max-width: 1200px; */
    margin: 0 auto;
    padding: 0 15px;
}

.our-student-achivement .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
    position: relative;
}

.our-student-achivement .header h2 {
    color: #29359F;
    font-size: 25px;
    font-weight: 600;
    margin: 0;
}

.our-student-achivement .owl-nav {
    display: flex;
    gap: 22px;
    position: absolute;
    right: 15px;
    top: 0;
}

.our-student-achivement .owl-nav button {
    background: #FFFFFF !important;
    border-radius: 50% !important;
    width: 42px;
    height: 42px;
    border: none !important;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    cursor: pointer;
}

.our-student-achivement .owl-nav button span {
    font-size: 24px;
    line-height: 1;
    color: #1B54B2;
}

.our-student-achivement .card {
    background: #F6F9FF;
    border-radius: 20px;
    padding: 40px;
    margin: 5px;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.25);
    height: auto !important;
    border: 1.5px solid rgba(0, 0, 0, 0.09)
}

.our-student-achivement .card-content {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.our-student-achivement .left-content {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 11px;

}

.our-student-achivement .image {
    width: 60px;
    height: 60px;
}

.our-student-achivement .image img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}

.our-student-achivement .name-rating {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.our-student-achivement .card h3 {
    font-size: 15px;
    font-weight: bolder;
    margin: 0;
    color: #3C3C3C;
    text-align: left;
}

.our-student-achivement .stars {
    display: flex;
    gap: 2px;
}

.our-student-achivement .stars img {
    /* width: 16px;
    height: 16px; */
}

.our-student-achivement .card p {
    color: #6B7280;
    text-align: left;
    font-weight: 400;
    margin: 15px 0;
    line-height: 1.6;
    font-size: 15px;
    flex-grow: 1;
}

.our-student-achivement .bottom-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* margin-top: 15px; */
}

.our-student-achivement .button-container {
    text-align: left;
}

.our-student-achivement .button-container a {
    text-decoration: none;
}

.our-student-achivement .right-content {
    text-align: right;
}

.our-student-achivement .quote-icon {}

.our-student-achivement .card button {
    background-color: #1B54B2;
    color: #FFFFFF;
    font-weight: 500;
    padding: 8px 25px;
    border: 1.40px solid #1B54B2;
    border-radius: 100px;
    transition: all 0.3s ease;
    cursor: pointer;
    font-size: 18px;
    font-size: 12px;
}

/* 
.our-student-achivement .card button:hover {
    background-color: #3730a3;
    color: white;
} */
.our-student-achivement .card button:hover {
    background-color: transparent;
    color: #1B54B2;
    border: 1.4px solid #1B54B2;
    box-shadow: 0 1px 15px rgba(27, 84, 178, 0.4);
}

@media (max-width: 767px) {
    .our-student-achivement {
        padding: 50px 0 60px 0px;
    }

    .our-student-achivement .container {
        padding: 0 10px;
    }

    .our-student-achivement .header {
        margin-bottom: 31px;
        padding: 0 7px;
    }

    .our-student-achivement .header h2 {
        font-size: 22px;
        white-space: nowrap;
        margin-right: 15px;
        margin-top: 5px;
    }

    .our-student-achivement .owl-nav {
        gap: 12px;
    }

    .our-student-achivement .owl-nav button {
        width: 32px;
        height: 32px;
    }

    .our-student-achivement .card {
        padding: 25px;
        border-radius: 13px;
        margin: 0 6px;
    }

    .our-student-achivement .image {
        width: 50px;
        height: 50px;
    }

    .our-student-achivement .card h3 {
        font-size: 16px;
    }

    .our-student-achivement .stars img {}

    .our-student-achivement .quote-icon {}

    .our-student-achivement .card p {
        font-size: 14px;
        margin: 10px 0;
        line-height: 1.4;
    }

    .our-student-achivement .card button {
        font-size: 14px;
        padding: 8px 18px;
        margin-top: 10px;
    }
}

/* end css Our Students' Achievements */

/* start css Let's stay in touch! */
.get-touch-stay {
    background-color: #FFFFFF;
    padding: 80px 0 34px 0;
    text-align: center;
}

.get-touch-stay-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.get-touch-stay-heading {
    font-size: 30px;
    font-weight: 500;
    color: #2D2C99;
    margin-bottom: 3px;
}

.get-touch-stay-text {
    font-size: 15px;
    font-weight: 400;
    color: #2D2D2D;
    margin-bottom: 14px;
    line-height: 1.5;
}

.get-touch-stay-form {
    display: flex;
    justify-content: center;
    gap: 10px;
    max-width: 400px;
    margin: 0 auto;
}

.get-touch-stay-input {
    flex: 1;
    padding: 6px 20px;
    border: 1.5px solid #2D2D2D;
    border-radius: 5px;
    font-size: 16px;
    min-width: 200px;
}

.get-touch-stay-button {
    padding: 10px 20px;
    background-color: #2D2D2D;
    color: #FFFFFF;
    border: none;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 400;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.get-touch-stay-button:hover {
    background-color: #173b8b;
}


@media (max-width: 767px) {
    .get-touch-stay {
        padding: 50px 0 25px 0;
    }

    .get-touch-stay-heading {
        font-size: 24px;
        margin-bottom: 5px;
    }

    .get-touch-stay-text {
        font-size: 14px;
        margin-bottom: 20px;
        padding: 0 15px;
    }

    .get-touch-stay-form {
        /* flex-direction: column; */
        gap: 12px;
        padding: 0 15px;
        max-width: 100%;
    }

    .get-touch-stay-input {
        width: 100%;
        padding: 8px 15px;
        font-size: 15px;
    }

    .get-touch-stay-button {
        width: 100%;
        padding: 8px 15px;
        font-size: 15px;
    }
}

@media (max-width: 480px) {
    .get-touch-stay-heading {
        font-size: 22px;
    }

    .get-touch-stay-text {
        font-size: 13px;
    }
}

/* end css Let's stay in touch! */




/* @@@# **** Pedestal Abouts page css start here******####### */


/* abouts banner start css */
.about-banner-pedestal {
    position: relative;
    height: 400px;
    overflow: hidden;
}

.about-banner-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.about-banner-content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 60px 20px;
    color: #fff;
    text-align: center;
}

.about-banner-content h1 {
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #FFFFFF;

}

.about-banner-content p {
    font-size: 20px;
    line-height: 1.5;
    font-weight: 600;
    color: #FFFFFF;
    margin: 0 auto;

}


@media (max-width: 768px) {
    .about-banner-pedestal {
        height: 400px;
    }

    .about-banner-content {
        padding: 40px 15px;
    }

    .about-banner-content h1 {
        font-size: 32px;
        margin-bottom: 15px;
    }

    .about-banner-content p {
        font-size: 16px;
        padding: 0 10px;
    }
}

@media (max-width: 576px) {
    .about-banner-pedestal {
        height: 350px;
    }

    .about-banner-content {
        padding: 30px 10px;
    }

    .about-banner-content h1 {
        font-size: 28px;
        margin-bottom: 10px;
    }

    .about-banner-content p {
        font-size: 14px;
        line-height: 1.4;
    }
}

/* end abousts banner css here */



/* abouts video section start here */
.pedestal-abouts-videos {
    padding: 0px 0px 3px 0px;
    width: 100%;
    margin: 0 auto;
    background: #f8f9fa;
}

.pedestal-abouts-videos .video-container {
    position: relative;
    width: 100%;
    height: 500px;
    overflow: hidden;
}

.pedestal-abouts-videos video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

@media (max-width: 768px) {
    .pedestal-abouts-videos .video-container {
        height: 0;
        padding-bottom: 56.25%;
    }

    .pedestal-abouts-videos video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
}

@media (max-width: 576px) {
    .pedestal-abouts-videos .video-container {
        padding-bottom: 56.25%;
        height: 0;
    }
}

/* end abouts video section here */


/* Who We Are Section Styles css start here */
/* .abouts-who-we-are {
    background-color: #FFFFFF;
    padding: 70px 0 60px 0;
}

.abouts-who-we-are-content {
    max-width: 100%;
    padding-right: 19px;
    display: inline;

}

.abouts-who-we-are-title {
    font-size: 40px;
    font-weight: 600;
    color: #351C8F;
    margin-bottom: 0;
    background: linear-gradient(to right, #3A3A3A, #351C8F) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    display: inline-block;
}

.abouts-who-we-are-line {
    width: 106px;
    height: 3px;
    background-color: #000000;
    display: block;
}

.abouts-who-we-are-text {
    font-size: 17px;
    line-height: 1.4;
    color: #000000CC;
    font-weight: 500;
    word-spacing: 6px;
    margin-top: 20px;
}


.abouts-who-we-are-image {
    display: flex;
    justify-content: flex-end;
}

.abouts-who-we-are-image img {
    margin-top: 15px;
    max-width: 100%;
    height: 340px;
}


@media (max-width: 992px) {
    .abouts-who-we-are-content {
        text-align: center;
        padding-right: 0;
        margin-bottom: 30px;
    }

    .abouts-who-we-are-line {
        margin-left: 0 !important;
        margin-top: 12px !important;
    }
}

@media (max-width: 768px) {
    .abouts-who-we-are {
        padding: 60px 0;
    }

    .abouts-who-we-are-title {
        font-size: 30px;
        text-align: start;
    }

    .abouts-who-we-are-text {
        font-size: 16px;
        text-align: start;
    }

    .abouts-who-we-are-image img {
        margin-top: 1px;
    }
}

@media (max-width: 576px) {
    .abouts-who-we-are {
        padding: 50px 5px;
    }

    .abouts-who-we-are-title {
        font-size: 26px;
        text-align: start;
    }

    .abouts-who-we-are-text {
        font-size: 15px;
        text-align: start;
    }

    .abouts-who-we-are-content {
        margin-bottom: 20px;
    }
} */
.abouts-who-we-are {
    background-color: #FFFFFF;
    padding: 70px 0 60px 0;
}

.abouts-who-we-are-content {
    max-width: 100%;
    padding-right: 19px;
}

.abouts-who-we-are-title {
    font-size: 40px;
    font-weight: 600;
    color: #351C8F;
    margin-bottom: 0;
    background: linear-gradient(to right, #3A3A3A, #351C8F) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    display: inline-block;
    text-align: left;
}

.abouts-who-we-are-line {
    width: 106px;
    height: 3px;
    background-color: #000000;
    display: block;
}

.abouts-who-we-are-text {
    font-size: 17px;
    line-height: 1.6;
    color: #000000CC;
    font-weight: 500;
    margin-top: 20px;
    text-align: left;
}


.benefits-grid {
    display: grid;
    gap: 10px 30px;
    margin: 10px 0;
}

.benefit-item {
    display: flex;
    align-items: flex-start;
    font-size: 16px;
    line-height: 1.5;
    color: #333;
    position: relative;
    padding-left: 25px;
    text-align: left;
}

.benefit-item::before {
    content: "•";
    color: #000000;
    font-weight: bold;
    font-size: 28px;
    position: absolute;
    left: 0;
    top: -9px;
}

.benefit-item strong {
    color: #351C8F;
    font-weight: 600;
}

.abouts-who-we-are-image {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
}

.abouts-who-we-are-image img {
    margin-top: 0;
    max-width: 100%;
    height: auto;
    width: auto;
}


@media (max-width: 992px) {
    .abouts-who-we-are-content {
        padding-right: 0;
        margin-bottom: 30px;
        text-align: left !important;
    }

    .abouts-who-we-are-line {
        margin: 12px 0 !important;
    }

    .abouts-who-we-are-image {
        justify-content: center;
        margin-top: 0px;
    }
}

@media (max-width: 768px) {
    .abouts-who-we-are {
        padding: 60px 20px;
        /* Added horizontal padding */
    }

    .abouts-who-we-are-title {
        font-size: 30px;
    }

    .abouts-who-we-are-text {
        font-size: 16px;
    }

    .benefits-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .benefit-item {
        font-size: 15px;
        padding-left: 22px;
    }
}

@media (max-width: 576px) {
    .abouts-who-we-are {
        padding: 50px 15px;
    }

    .abouts-who-we-are-title {
        font-size: 26px;
    }

    .abouts-who-we-are-text {
        font-size: 15px;
    }

    .benefit-item {
        font-size: 14px;
    }

    .abouts-who-we-are-image img {
        height: auto;
        max-height: 300px;
    }
}

/* Who We Are Section Styles css end here */

/* department section start here */
.full-width-background {

    width: 100%;
}


.department-container {
    margin: 0 auto;
    padding: 50px 20px 60px;
    display: flex;
    gap: 20px;
    max-width: 1200px;
}

.department-wise-details {
    background-color: #ffffff;
    border-radius: 10px;
    padding: 40px 25px 25px 15px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
    display: flex;
    flex-direction: column;
    transition: all 0.3s ease;
}


.department-wise-details.main {
    background-color: #f0f7ff;
    width: 45%;
    justify-content: flex-start;
    border-left: 3px solid transparent;
}


.right-section {
    width: 55%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}


.department-wise-details h2 {
    color: #2c3e50;
    margin-bottom: 12px;
    font-size: 1.3rem;
    font-weight: 600;
}

.department-wise-details .email {
    color: #1a73e8;
    font-weight: 500;
    margin-bottom: 15px;
    font-size: 1.05rem;
}


.department-wise-details .email a {
    color: inherit;
    text-decoration: none;
    transition: color 0.2s;
    font-size: 16px;
}

.department-wise-details .email a:hover {
    text-decoration: underline;
}


.department-wise-details .book-appointment {
    background-color: #1a73e8;
    color: white;
    border: none;
    padding: 12px 20px;
    border-radius: 6px;
    cursor: pointer;
    font-weight: 500;
    font-size: 1rem;
    margin-top: 20px;
    align-self: flex-start;
    transition: background-color 0.3s;
}

/* Modal Overlay Styles */
.modal-overlayptw {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.modal-content-ptw {
    background-color: white;
    padding: 25px;
    border-radius: 10px;
    width: 90%;
    max-width: 400px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    animation: modalFadeIn 0.3s ease-out;
}

@keyframes modalFadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.modal-title {
    color: #2c3e50;
    margin-bottom: 20px;
    font-size: 1.4rem;
    text-align: center;
}

.date-picker-container {
    margin-bottom: 25px;
}

.date-picker-container input {
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 16px;
    cursor: pointer;
}

.modal-actions {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
}

.modal-button {
    padding: 10px 18px;
    border-radius: 6px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    border: none;
}

.modal-cancel {
    background-color: #f1f3f4;
    color: #5f6368;
}

.modal-cancel:hover {
    background-color: #e3e5e7;
}

.modal-confirm {
    background-color: #1a73e8;
    color: white;
}

.modal-confirm:hover {
    background-color: #0d62c9;
}

/* Responsive adjustments */
@media (max-width: 480px) {
    .modal-content-ptw {
        padding: 20px;
        width: 85%;
    }

    .modal-actions {
        justify-content: center;
    }
}

.top-row {
    display: flex;
    gap: 20px;
}

.top-row .department-wise-details {
    border-left: 3px solid transparent;
    width: calc(50% - 10px);
    min-height: 160px;
}


.right-section .department-wise-details {
    border-left: 3px solid transparent;
}

/* Hover Effects for All Cards */
.department-wise-details:hover {

    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.12);
    transition: all 0.3s ease;
}


.department-wise-details.main:hover {
    background-color: #e8f1fd;
    box-shadow: 0 6px 12px rgba(25, 118, 232, 0.15);
    border-left: 3px solid #1a73e8;
}


.right-section .department-wise-details:hover {
    background-color: #f8fafc;
    border-left: 3px solid #1a73e8;
}


.top-row .department-wise-details:hover {
    background-color: #f8fafc;
    border-left: 3px solid #1a73e8;
}


.department-wise-details:hover h2 {
    color: #1a73e8;
    transition: color 0.3s ease;
}


.department-wise-details:hover .email a {
    color: #0d62c9;
    text-decoration: underline;
}


.department-wise-details:hover .book-appointment {
    background-color: #0d62c9;
    box-shadow: 0 4px 8px rgba(13, 98, 201, 0.2);
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .department-container {
        flex-direction: column;
        padding: 30px 16px;
    }

    .department-wise-details.main,
    .right-section {
        width: 100%;
    }

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

    .department-wise-details {

        padding: 21px 15px 20px 15px;

    }

    .department-wise-details h2 {

        font-size: 1em;

    }



    .top-row .department-wise-details {
        width: 100%;
        min-height: auto;
    }
}

/* end depart section here */
/* What We Do Section Styles css start here */
.what-we-do-abouts {
    background-color: #FFFFFF;
    padding: 87px 0 60px 0;
}

.what-we-do-abouts-content {
    max-width: 100%;
    display: inline;
}

.what-we-do-abouts-title {
    font-size: 40px;
    font-weight: 600;
    color: #351C8F;
    margin-bottom: 0;
    background: linear-gradient(to right, #3A3A3A, #351C8F) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    display: inline-block;
}

.what-we-do-abouts-line {
    width: 106px;
    height: 3px;
    background-color: #000000;
    display: block;
    margin-bottom: 30px !important;
}

.what-we-do-abouts-image img {
    max-width: 90% !important;
    height: auto;
    display: block;
}

.what-we-do-abouts-item-title {
    font-size: 23px;
    font-weight: 600;
    color: #3A3A3A;
    margin-bottom: 8px;
    margin-left: -8px;
}

.what-we-do-abouts-item-text {
    font-size: 19px;
    color: #3A3A3A;
    margin-bottom: 0;
    font-weight: 400;
    line-height: 1.4;
    margin-left: -57px;
    margin-top: 13px;
}

.what-we-do-abouts-item {
    margin-bottom: 25px !important;
}

.what-we-do-abouts .row {
    align-items: flex-start !important;
}

@media (max-width: 992px) {
    .what-we-do-abouts-content {
        text-align: center;
    }

    .what-we-do-abouts-line {
        margin-right: auto;
    }

    .what-we-do-abouts-item {
        justify-content: center;
        text-align: left;
    }

    .what-we-do-abouts-image {
        margin-top: 40px;
    }
}

@media (max-width: 768px) {
    .what-we-do-abouts {
        padding: 60px 0;
    }

    .what-we-do-abouts-title {
        font-size: 30px;
    }

    .what-we-do-abouts-item-title {
        font-size: 18px;
        margin-left: 0;
    }



    .what-we-do-abouts-item-text {
        font-size: 15px;
        margin-left: 0;
        margin-top: 8px;
    }

    .what-we-do-abouts-item {
        margin-bottom: 20px !important;
        align-items: flex-start;
    }

    .what-we-do-abouts-icon {
        margin-bottom: 10px;
        margin-right: 0;
    }

    .what-we-do-abouts-image {
        margin-top: 30px;
        max-width: 80%;
        margin-left: auto;
        margin-right: auto;
    }

    .apply-two-color-oneheading {
        display: block;
        text-align: left;
    }
}



@media (max-width: 576px) {
    .what-we-do-abouts {
        padding: 40px 5px;
    }

    .what-we-do-abouts-title {
        font-size: 26px;
        text-align: start;
    }

    /* Final mobile adjustments */
    .what-we-do-abouts-items {
        margin-top: 20px;
    }

    .what-we-do-abouts-image {
        max-width: 100%;
        display: flex;
        justify-content: center;
    }
}

/* end css what we do */


/* pedestal milistone journer css start here */
.pedestal-journey-indays {
    position: relative;
    padding: 30px 0 80px 0px;
    font-family: 'Poppins', sans-serif;
    background: #ffffff;
    text-align: center;
}

@media (min-width: 1200px) {
    .pedestal-journey-indays .moving-text-bottom {
        margin-top: 30px;
    }

    .pedestal-journey-indays .moving-bottom24 {
        margin-top: 27px;
    }
}

.pedestal-journey-indays .journey-heading {
    text-align: center;
    font-size: 40px;
    background: linear-gradient(to right, #3A3A3A, #351C8F) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    display: inline-block;
    font-weight: 600;
    margin-bottom: 20px;

}

.pedestal-journey-indays .journey-horizontal-line {
    display: block;
    margin: 0 auto 40px;

}

.pedestal-journey-indays .journey-timeline {
    position: relative;
    width: 100%;
}

.pedestal-journey-indays .journey-vertical-line {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 98%;
    z-index: 1;
}

.pedestal-journey-indays .journey-block {
    width: 50%;
    position: relative;
    padding: 0px 40px 25px 40px;
    box-sizing: border-box;
}

.pedestal-journey-indays .journey-block .journey-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    z-index: 2;
}

.pedestal-journey-indays .journey-block.left .journey-content {
    align-items: flex-end;

}

.pedestal-journey-indays .journey-block.right {
    left: 50%;
    text-align: left;

}

.pedestal-journey-indays .journey-block.left {
    text-align: right;
    left: 0;

}

.pedestal-journey-indays .journey-year-icon {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px;
}

.pedestal-journey-indays .journey-block.left .journey-year-icon {
    flex-direction: row-reverse;
}

.pedestal-journey-indays .journey-year {
    display: inline-block;
    background: #ffffff;
    border: 2px solid #2E1A81;
    padding: 5px 25px;
    border-radius: 40px;
    font-weight: 500;
    font-size: 20px;
    background: linear-gradient(to right, #000000, #2146A9) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    display: inline-block;
}

.pedestal-journey-indays .journey-icon img {
    width: 77px;
    height: 77px;
    object-fit: contain;
    border-radius: 50%;
    padding: 10px;
}

.pedestal-journey-indays .journey-title {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 15px;
    background: linear-gradient(to right, #323232, #351C8F) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    display: inline-block;
}

.pedestal-journey-indays .journey-description {

    background: #ffffff;
    border: 1px solid rgba(5, 9, 120, 0.3);
    box-shadow: 0px 2px 15.2px rgba(0, 0, 0, 0.15);
    border-radius: 20px;
    padding: 20px;
    font-size: 20px;
    font-weight: 400;
    color: #000000B2;
    max-width: 530px;
    text-align: start;
}

@media (max-width: 768px) {
    .pedestal-journey-indays .journey-block {
        width: 100%;
        padding: 25px 20px;
        text-align: center !important;
        left: 0 !important;
    }

    .pedestal-journey-indays .journey-block .journey-content {
        align-items: center !important;
    }

    .pedestal-journey-indays .journey-horizontal-line {
        display: none;
    }

    .pedestal-journey-indays .journey-heading {

        margin-bottom: 5px;
    }

    .pedestal-journey-indays .journey-title {
        margin-bottom: 5px;
    }

    .pedestal-journey-indays .journey-block.left .journey-year-icon {
        flex-direction: row;
    }

    .pedestal-journey-indays .journey-description {
        border-top: 5px solid #050978;
        margin: 20px auto 0;
        text-align: center;
    }

    .pedestal-journey-indays .journey-year-icon {

        margin-bottom: 10px;
    }

    .pedestal-journey-indays .journey-vertical-line {
        display: none !important;
    }

    .pedestal-journey-indays {

        padding: 30px 0 40px 0px;

    }

    .pedestal-journey-indays .journey-year-icon {
        justify-content: center;
    }

    .pedestal-journey-indays .journey-title {
        text-align: center;
    }

    .pedestal-journey-indays .journey-heading {
        font-size: 28px;
    }

    .pedestal-journey-indays .journey-title {
        font-size: 24px;
    }

    .pedestal-journey-indays .journey-description {
        font-size: 16px;
        padding: 16px;
    }

    .pedestal-journey-indays .journey-year {
        font-size: 18px;
        padding: 4px 20px;
    }

    .pedestal-journey-indays .journey-icon img {
        width: 60px;
        height: 60px;
    }
}

/* end pedestal milistone journey end hre */






/* Mission & Vision Section Styles css start */
.our-mission-vision {
    position: relative;
    padding: 90px 0;
    overflow: hidden;
}

.mission-vision-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}

.mission-vision-wrapper {
    position: relative;
    z-index: 1;
}

.our-mission-vision .section-header {
    text-align: center;
    margin-bottom: 40px;

}

.our-mission-vision .section-title {
    font-size: 39px;
    font-weight: 600;
    color: #FFFFFF;
    margin-bottom: 15px;
}

.mission-vision-content {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

.mission-vision-card {
    background: #FFFFFF;
    border-radius: 10px;
    padding: 40px;
    width: calc(50% - 20px);
    display: flex;
    transition: all 0.3s ease;
}

.our-mission-vision .card-icon {
    margin-right: 20px;
}

.our-mission-vision .card-icon img {
    object-fit: contain;
}

.our-mission-vision .card-content {
    flex-grow: 1;
}

.our-mission-vision .card-title {
    font-size: 30px;
    font-weight: 600;
    color: #3A3A3A;
    margin-bottom: 8px;
}

.our-mission-vision .card-text {
    font-size: 18px;
    line-height: 1.6;
    color: #3A3A3A;
    word-spacing: 6px;
    margin-left: -52px;
}


@media (max-width: 992px) {
    .mission-vision-card {
        width: 100%;
        margin-bottom: 30px;
    }

    .mission-vision-content {
        gap: 0px;
    }

    .our-mission-vision .section-title {
        font-size: 32px;
    }

    .our-mission-vision .card-text {
        margin-left: 0;
    }
}

@media (max-width: 768px) {
    .our-mission-vision {
        padding: 60px 5px 40px 5px;
    }

    .mission-vision-card {
        flex-direction: column;
        padding: 30px;
        align-items: center;
    }

    .our-mission-vision .card-icon {
        margin-right: 0;
        margin-bottom: 20px;
    }

    .section-header {
        margin-bottom: 30px;
    }

    .our-mission-vision .section-title {
        font-size: 28px;
    }

    .our-mission-vision .card-title {
        font-size: 22px;
        text-align: center;
    }

    .our-mission-vision .card-text {
        font-size: 18px;
        text-align: center;
        margin-left: 0;
    }
}

@media (max-width: 576px) {
    .our-mission-vision .section-title {
        font-size: 24px;
    }

    .our-mission-vision .card-title {
        font-size: 20px;
    }

    .our-mission-vision .card-text {
        font-size: 15px;
    }
}

/* end css our mission and vision */




/* Mission & Vision Section Styles css start */
/* .our-mission-vision {
    position: relative;
    padding: 60px 0px 90px 0;
    overflow: hidden;
}

.mission-vision-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}

.mission-vision-wrapper {
    position: relative;
    z-index: 1;
}

.our-mission-vision .section-header {
    text-align: center;
    margin-bottom: 40px;
}

.our-mission-vision .section-title {
    font-size: 39px;
    font-weight: 600;
    color: #FFFFFF;
    margin-bottom: 15px;
}

.mission-vision-content {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

.mission-vision-card {
    background: #FFFFFF;
    border-radius: 10px;
    padding: 0 0 40px 0;
    width: calc(50% - 20px);
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: all 0.3s ease;
    overflow: hidden;

}

.our-mission-vision .card-icon {
    margin-bottom: 25px;
    text-align: center;
    width: 100%;

}

.mission-vision-icon {
    width: 100%;
    height: 260px;
    object-fit: cover;
    display: block;
}

.our-mission-vision .card-content {
    flex-grow: 1;
    text-align: center;
    padding: 0 40px;

    width: 100%;
    box-sizing: border-box;
}

.our-mission-vision .card-title {
    font-size: 30px;
    font-weight: 600;
    color: #3A3A3A;
    margin-bottom: 15px;
}

.our-mission-vision .card-text {
    font-size: 18px;
    line-height: 1.6;
    color: #3A3A3A;
}

.mission-vision-card:hover {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
}

.mission-vision-card:hover .card-title {
    color: #1a73e8;
}

.mission-vision-card:hover .mission-vision-icon {
    transform: scale(1.03);
    transition: transform 0.3s ease;
}


.mission-vision-card {
    transition: all 0.3s ease, transform 0.3s ease;
}

.mission-vision-icon {
    
    transition: transform 0.3s ease;
}

.our-mission-vision .card-title {
    
    transition: color 0.3s ease;
}

@media (max-width: 992px) {
    .mission-vision-card {
        width: 100%;
        margin-bottom: 30px;
    }

    .mission-vision-content {
        gap: 0px;
    }

    .our-mission-vision .section-title {
        font-size: 32px;
    }
}

@media (max-width: 768px) {
    .our-mission-vision {
        padding: 60px 5px 40px 5px;
    }

    .mission-vision-card {
        padding: 0 0 30px 0;
    }

    .our-mission-vision .card-icon {
        margin-bottom: 20px;
    }

    .section-header {
        margin-bottom: 30px;
    }

    .our-mission-vision .section-title {
        font-size: 28px;
    }

    .our-mission-vision .card-title {
        font-size: 22px;
    }

    .our-mission-vision .card-text {
        font-size: 18px;
    }

    .mission-vision-icon {
        height: 250px;
    }
}

@media (max-width: 576px) {
    .our-mission-vision .section-title {
        font-size: 26px;
    }

    .our-mission-vision .card-title {
        font-size: 26px;
    }

    .our-mission-vision .card-text {
        font-size: 15px;
    }

    .our-mission-vision .card-content {

        padding: 0 15px;
    }

    .mission-vision-icon {
        height: 200px;
    }
} */

/* end css our mission and vision */


/* css start Why Choose Pedestal */
.why-choose-pedestal {
    padding: 60px 0 80px 0;
    background-color: #ffffff;
}

.why-choose-pedestal h1 {
    font-size: 39px;
    font-weight: 600;
    color: #351C8F;
    margin-bottom: 22px;
}

.why-choose-pedestal .heading-line {
    width: 106px;
    height: 3px;
    background-color: #000000;
    margin-bottom: 26px;
}

.why-choose-pedestal .subheading {
    font-size: 20px;
    color: rgba(0, 0, 0, 0.8);
    margin-bottom: 32px;
    font-weight: 500;
    line-height: 1.6;
}

.why-choose-pedestal .features-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 26px;
}

.why-choose-pedestal .feature-item {
    display: flex;
    align-items: flex-start;
    font-weight: 500;
    line-height: 1.4;
    font-size: 22px;
    color: #111111;
}

.why-choose-pedestal .feature-icon {
    width: 27px;
    height: 27px;
    margin-right: 19px;
    margin-top: 6px;
}

.why-choose-pedestal .image-right {
    text-align: right;
}

.why-choose-pedestal .image-right img {
    max-width: 100%;
    height: auto;
    object-fit: contain;
}


@media (max-width: 1199px) {
    .why-choose-pedestal .feature-item {
        font-size: 20px;
    }
}

@media (max-width: 991px) {
    .why-choose-pedestal {
        padding: 50px 0;
    }

    .why-choose-pedestal h1 {
        font-size: 32px;
        margin-bottom: 18px;
    }

    .why-choose-pedestal .heading-line {
        margin-bottom: 22px;
    }

    .why-choose-pedestal .subheading {
        font-size: 18px;
        margin-bottom: 28px;
    }

    .why-choose-pedestal .feature-item {
        font-size: 18px;
    }

    .why-choose-pedestal .feature-icon {
        width: 24px;
        height: 24px;
        margin-right: 15px;
    }

    .why-choose-pedestal .features-grid {
        gap: 20px;
    }

    .why-choose-pedestal .image-right {
        text-align: center;
        margin-top: 40px;
    }
}

@media (max-width: 767px) {
    .why-choose-pedestal h1 {
        font-size: 28px;
    }

    .why-choose-pedestal .subheading {
        font-size: 15px;
    }

    .why-choose-pedestal .features-grid {
        /* grid-template-columns: 1fr; */
        gap: 21px;
    }

    .why-choose-pedestal .feature-item {
        font-size: 16px;
    }
}

@media (max-width: 575px) {
    .why-choose-pedestal {
        padding: 40px 5px 40px;
    }

    .why-choose-pedestal h1 {
        font-size: 24px;
    }

    .why-choose-pedestal .feature-item {
        font-size: 13px;
    }

    .why-choose-pedestal .feature-icon {
        width: 20px;
        height: 20px;
        margin-right: 12px;
        margin-top: 2px;
    }
}

/* end css Why Choose Pedestal */



/* start css Our Trusted Partners */
.our-trusted-partner {
    padding: 35px 0 11px 0;
    background-color: #F6F9FF;
    overflow: hidden;
}

.our-trusted-partner .section-header {
    text-align: center;
    margin-bottom: 4px;
}

.our-trusted-partner h2 {
    font-size: 39px;
    font-weight: 600;
    color: #351C8F;
    margin-bottom: 10px;
}

.our-trusted-partner .subheading {
    font-size: 19px;
    color: rgba(0, 0, 0, 0.8);
    font-weight: 400;
    max-width: 870px;
    margin: 0 auto;
    line-height: 1.5;
}

.our-trusted-partner .logo-carousel {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.our-trusted-partner .logo-track {
    display: flex;
    align-items: center;
    gap: 40px;
    animation: scroll 20s linear infinite;
    width: max-content;
}

.our-trusted-partner .logo-item {
    flex: 0 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.our-trusted-partner .logo-item img {
    width: 150px;
    height: 150px;
    object-fit: contain;
    transition: all 0.3s ease;
}

@keyframes scroll {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .our-trusted-partner {
        padding: 60px 0;
    }

    .our-trusted-partner h2 {
        font-size: 28px;
    }

    .our-trusted-partner .subheading {
        font-size: 14px;
        margin-bottom: 6px;
    }

    .our-trusted-partner .logo-item img {
        height: 45px;
    }

    .our-trusted-partner .logo-track {
        animation-duration: 25s;
    }
}

@media (max-width: 576px) {
    .our-trusted-partner {
        padding: 40px 5px 19px 5px;
    }

    .our-trusted-partner h2 {
        font-size: 24px;
        text-align: center;
    }

    .our-trusted-partner .logo-item img {
        height: 130px;
    }

    .our-trusted-partner .logo-track {
        animation-duration: 16s;
    }
}

/* end css Our Trusted Partners */




/* meet out directer css start here */
.meet-our-directs-ptw {
    background-color: #F6F9FF;
    padding: 50px 0 40px 0px;
}

.meet-our-directs-ptw .container {
    text-align: center;
    margin: 0 auto;
}

.meet-our-directs-ptw h2 {
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 3rem;
    text-align: center;
    background: linear-gradient(to right, #3A3A3A, #050978) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    display: inline-block;
}

.meet-our-directs-ptw .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 -8px;
}

.meet-our-directs-ptw .col-lg-6 {
    flex: 0 0 calc(50% - 2px);
    max-width: calc(50% - 2px);
    padding: 0 8px;
    margin-bottom: 20px;
}

.meet-our-directs-ptw__card {
    border-radius: 20px;
    background: #FFFFFF;
    border: 1px solid rgba(44, 46, 155, 0.3);
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    height: 100%;
    display: flex;
}

.meet-our-directs-ptw__image {
    padding: 25px 25px 25px 25px;
    display: flex;
    /* align-items: center; */
    justify-content: center;
}

.meet-our-directs-ptw__image img {
    width: 220px;
    height: 276px;
    object-fit: contain;
    border-radius: 8px;
}

.meet-our-directs-ptw__contentsecond {
    flex: 1;
    padding: 35px 0px 15px 25px;
    display: flex;
    flex-direction: column;

}



.meet-our-directs-ptw__content {
    flex: 1;
    padding: 35px 15px 15px 0px;
    display: flex;
    flex-direction: column;
}

.meet-our-directs-ptw__contentsecond h3 {
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 0.5rem;
    text-align: start;
    background: linear-gradient(to right, #2D2D2D, #00035D) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    display: inline-block;
}

.meet-our-directs-ptw__content h3 {
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 0.5rem;
    text-align: start;
    background: linear-gradient(to right, #2D2D2D, #00035D) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    display: inline-block;
}

.meet-our-directs-ptw__designation {
    color: #3A3A3A;
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 1rem;
    text-align: start
}

.meet-our-directs-ptw__description {
    color: #6C6C6C;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.6;
    margin-bottom: 15px;
    text-align: start
}

.meet-our-directs-ptw__social {
    text-align: start;
}

.meet-our-directs-ptw__social a {
    display: inline-block;
    margin-left: 15px;
    transition: all 0.3s;
}

.meet-our-directs-ptw__social img {
    /* width: 25px;
                height: 25px; */
}

.meet-our-directs-ptw__social a:hover {
    transform: translateY(-3px);
    opacity: 0.8;
}


@media (max-width: 992px) {
    .meet-our-directs-ptw .col-lg-6 {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0 15px;
        margin-bottom: 30px;
    }

    .meet-our-directs-ptw__card {
        flex-direction: row;
        max-width: 600px;
        margin: 0 auto;
    }

    .meet-our-directs-ptw__image {
        padding: 20px;
        flex: 0 0 40%;
    }

    .meet-our-directs-ptw__image img {
        width: 100%;
        height: auto;
        max-height: 250px;
        border-radius: 8px;
    }

    .meet-our-directs-ptw__content,
    .meet-our-directs-ptw__contentsecond {
        padding: 25px 20px;
        flex: 0 0 60%;
    }
}

@media (max-width: 768px) {
    .meet-our-directs-ptw {
        padding: 40px 0;
    }

    .meet-our-directs-ptw h2 {
        font-size: 32px;
        margin-bottom: 30px !important;
    }
}

@media (max-width: 576px) {
    .meet-our-directs-ptw .col-lg-6 {
        padding: 0 10px;
        margin-bottom: 20px;
    }

    .meet-our-directs-ptw__card {
        flex-direction: column;
        max-width: 100%;
    }

    .meet-our-directs-ptw__image {
        width: calc(100% - 30px);
        padding: 25px 3px 3px 3px;
        margin: 0 auto;
    }

    .meet-our-directs-ptw__image img {
        width: 100%;
        max-height: 346px;
        object-fit: cover;
    }

    .meet-our-directs-ptw__content,
    .meet-our-directs-ptw__contentsecond {
        width: calc(100% - 30px);
        padding: 20px 4px;
        margin: 0 auto;
    }

    .meet-our-directs-ptw__contentsecond {
        order: 2;
    }

    .meet-our-directs-ptw__content h3 {
        font-size: 24px;
    }

    .meet-our-directs-ptw__designation {
        font-size: 16px;
    }

    .meet-our-directs-ptw__description {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .meet-our-directs-ptw__social a {
        margin: 0 8px;
    }
}

.meet-our-directs-ptw__content,
.meet-our-directs-ptw__contentsecond {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /* 👈 Add this line */
}

/* end meet our directers css here */




/* === what makes different css start here */
.what-makes-different {
    position: relative;
    width: 100%;
    padding: 90px 0;
    background: #FFFFFF;
}

.what-makes-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
}

.what-makes-column {
    display: flex;
    flex-direction: column;
    gap: 90px;
    width: 34%;
}

.left-features .what-makes-card {
    flex-direction: row-reverse;
    justify-content: flex-end;
    padding: 19px 18px 19px 18px;
}

.right-features .what-makes-card {
    flex-direction: row;
    justify-content: flex-start;
    padding: 19px 14px 19px 14px;
}

.what-makes-card {
    display: flex;
    align-items: center;
    border-radius: 15px;
    background: #FFFFFF;
    border: 1px solid rgba(5, 9, 120, 0.3);
    box-shadow: 0px 0px 11px rgba(5, 9, 120, 0.1);
    width: 100%;
    box-sizing: border-box;
}

.what-makes-icon {
    margin: 0 10px 0px 0px;
}

.what-makes-text {
    margin: 0;
    font-size: 18px;
    font-weight: 500;
    color: #000000;
}

.what-makes-logo {
    width: 20%;
    padding: 0 40px;
    display: flex;
    justify-content: center;
}

.what-makes-main-logo {
    width: 400px;
    height: 252px;
}

@media (min-width: 992px) {
    .what-makes-different .beech-heading-move {
        margin-left: -10% !important;
    }

    .what-makes-different .beech-heading-move-right {
        margin-left: 10% !important;
    }
}

@media (max-width: 992px) {
    .what-makes-container {
        flex-direction: column;
        gap: 5px;
        padding: 0 20px;
    }

    .what-makes-column {
        width: 100%;
        gap: 20px;
    }

    .what-makes-logo {
        width: 100%;
        padding: 10px 0;
        order: 0;
    }

    .what-makes-main-logo {
        width: 200px;
        height: auto;
        margin: 0px auto;
    }

    .left-features .what-makes-card,
    .right-features .what-makes-card {
        padding: 15px 22px !important;
        width: 100%;
        margin: 0 auto;
    }

    .left-features .what-makes-card {
        flex-direction: row-reverse;
    }

    .right-features .what-makes-card {
        flex-direction: row;
        justify-content: flex-start;
    }

    .what-makes-icon {
        width: 24px;
        height: 24px;
        margin: 0 12px 0 0;
    }

    .what-makes-text {
        font-size: 15px;
    }

    .what-makes-different .beech-heading-move,
    .what-makes-different .beech-heading-move-right {
        margin-left: 0 !important;
    }
}


@media (max-width: 576px) {
    .what-makes-main-logo {
        width: 240px;
    }

    .what-makes-text {
        font-size: 14px;
    }

    .what-makes-icon {
        width: 20px;
        height: 20px;
    }

    .what-makes-different {

        padding: 50px 0;

    }
}

/* === end what makes differen end css here */


/* Our Proven Placement Process css start here */
.placement-process {
    padding: 50px 0;
    background-image: linear-gradient(135deg, #0240AA, #1E0383);
}

.placement-process .process-header h1 {
    font-size: 40px;
    font-weight: 600;
    color: #ffffff;
    margin-bottom: 15px;
}

.placement-process .process-header .subheading {
    font-size: 20px;
    font-weight: 400;
    color: #ffffff;
    color: rgba(255, 255, 255, 0.9);
    margin-bottom: 65px;
    margin-left: auto;
    margin-right: auto;
}

.placement-process .process-steps {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    position: relative;
    gap: 20px;
}

.placement-process .process-step {
    flex: 1;
    text-align: center;
    padding: 40px 30px 15px 30px;
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
}

.placement-process .step-header {
    margin-bottom: 15px;
    position: relative;
    flex-grow: 0;
}

.placement-process .step-number {
    position: absolute;
    top: -65px;
    left: 50%;
    transform: translateX(-50%);
}

.placement-process .step-icon {
    margin: 30px auto 15px;
}

.placement-process .step-content {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.placement-process .step-content h3 {
    font-size: 25px;
    color: #000000;
    font-weight: 600;
    margin-bottom: 15px;
}

.placement-process .step-content p {
    font-size: 18px;
    color: #000000;
    font-weight: 400;
    line-height: 1.6;
}

.placement-process .process-connector {
    position: absolute;
    top: 50%;
    width: calc(35% - 60px);
    height: 2px;
    background: #ffffff;
    z-index: 0;
    opacity: 0.7;
}

.process-connector:nth-of-type(1) {
    left: 30%;
}

.process-connector:nth-of-type(2) {
    left: 65%;
}


@media (max-width: 992px) {
    .placement-process {
        padding: 40px 5px;
    }

    .placement-process .process-header h1 {
        font-size: 32px;
        margin-bottom: 10px;
    }

    .placement-process .process-header .subheading {
        font-size: 18px;
        margin-bottom: 50px;
        padding: 0 20px;
    }

    .placement-process .process-steps {
        flex-direction: column;
        align-items: center;
        gap: 45px;
        padding: 0 0px;
    }

    .placement-process .process-step {
        width: 100%;
        max-width: 400px;
        padding: 50px 25px 25px;
        margin-bottom: 0;
    }

    .placement-process .step-number {
        top: -45px;
        width: 70px;
    }

    .placement-process .step-icon {
        margin: 20px auto 15px;
        max-width: 70px;
    }

    .placement-process .step-content h3 {
        font-size: 22px;
        margin-bottom: 12px;
    }

    .placement-process .step-content p {
        font-size: 16px;
    }

    .placement-process .process-connector {
        width: 2px;
        height: 50px;
        top: auto;
        bottom: -50px;
        left: 50% !important;
    }
}

@media (max-width: 576px) {
    .placement-process .process-header h1 {
        font-size: 28px;
    }

    .placement-process .process-header .subheading {
        font-size: 16px;
        margin-bottom: 40px;
    }

    .placement-process .process-step {
        padding: 40px 20px 20px;
    }

    .placement-process .step-content h3 {
        font-size: 20px;
    }

    .placement-process .step-content p {
        font-size: 15px;
    }

    .placement-process .step-number {
        width: 50px;
        top: -59px;
    }
}

/* Our Proven Placement Process end css here */
/* @@@# **** Pedestal Abouts page css end here here******####### */




/* @@@@@@/* @@@# **** Pedestal courses page css start here here******####### */
/* courses banner css start here */

.courses-banner-pedestal {
    position: relative;
    padding: 170px 0 110px 0;
    color: #ffffff;
    text-align: center;
    overflow: hidden;
}

.courses-banner-pedestal .bg-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}

.courses-banner-pedestal .container {
    position: relative;
    z-index: 2;
}

.courses-banner-pedestal h1 {
    font-size: 35px;
    font-weight: 600;
    margin-bottom: 12px;
    line-height: 1.3;
    color: #FFFFFF;
}

.courses-banner-pedestal .tagline {
    font-size: 18px;
    max-width: 797px;
    margin: 0 auto;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 1.6;
}


@media (max-width: 768px) {
    .courses-banner-pedestal {
        padding: 100px 20px 70px 20px;
    }

    .courses-banner-pedestal h1 {
        font-size: 28px;
        margin-bottom: 10px;
    }

    .courses-banner-pedestal .tagline {
        font-size: 16px;
        max-width: 90%;
    }
}

@media (max-width: 576px) {
    .courses-banner-pedestal {
        padding: 80px 15px 50px 15px;
    }

    .courses-banner-pedestal h1 {
        font-size: 24px;
    }

    .courses-banner-pedestal .tagline {
        font-size: 13px;
        line-height: 1.5;
    }
}

/* end courses banner css */


/* Placement Guarantee Courses css start in courses section */

.courses-pedestal-placement-guaranteecourse {
    --pedesta-primary-color: #2c3e50;
    --pedesta-secondary-color: #3498db;
    --pedesta-light-color: #ecf0f1;
    --pedesta-dark-color: #2c3e50;
}

.courses-pedestal-placement-guaranteecourse .courses-section {
    padding: 80px 0;
    background: linear-gradient(to right, #F6F9FF, #F6F9FF) !important;
}

.courses-pedestal-placement-guaranteecourse .section-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}

.courses-pedestal-placement-guaranteecourse .section-title {
    font-size: 25px;
    font-weight: 600;
    margin: 0;
    color: #FFFFFF;
}

.courses-pedestal-placement-guaranteecourse .course-card {
    border-radius: 12px;
    overflow: hidden;
    border: none;
    border-radius: 20px;
    transition: all 0.3s ease;
    margin-bottom: 24px;
    height: 100%;
    background: white;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(5, 9, 120, 0.15);
    display: flex;
    flex-direction: column;
}

.courses-pedestal-placement-guaranteecourse .course-img {
    height: 230px;
    width: 100%;
    padding: 20px;
    border-radius: none !important;
    object-fit: contain;
}

.courses-pedestal-placement-guaranteecourse .course-body {
    padding: 0px 20px 20px 20px;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.courses-pedestal-placement-guaranteecourse .course-title {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #2C2C2C;
    line-height: 1.6;
}

.courses-pedestal-placement-guaranteecourse .btn-course {
    background-color: #F7F7F8;
    color: #262626;
    border: 1px solid #F1F1F3;
    padding: 10px 25px;
    border-radius: 8px;
    font-weight: 500;
    font-size: 20px;
    transition: all 0.3s;
    width: 100%;
    margin-top: auto;
    text-align: center;
}


.courses-pedestal-placement-guaranteecourse .btn-course:hover {
    background-color: #262626;
    color: #FFFFFF;
    border-color: #262626;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
}

.courses-pedestal-placement-guaranteecourse .btn-view-all {


    color: #351C8F !important;
    border: 2px solid #351C8F !important;
    padding: 10px 25px;
    border-radius: 10px;
    font-weight: 600;
    font-size: 18px;
    transition: all 0.3s;
}

.courses-pedestal-placement-guaranteecourse .btn-view-all:hover {
    color: #351C8F !important;
    border: 2px solid #351C8F !important;
}

.courses-pedestal-placement-guaranteecourse .course-icon {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
    margin-top: 5px;
}

.courses-pedestal-placement-guaranteecourse .course-icon .left-icon {
    display: flex;
    align-items: center;
    gap: 12px;
}

.courses-pedestal-placement-guaranteecourse .duration {
    font-size: 12px;
    font-weight: 400;
    color: #000000;
    border: 1.4px solid rgba(181, 181, 181, 0.5);
    padding: 3px 10px;
    border-radius: 50px;
}

.courses-pedestal-placement-guaranteecourse .profile-count {
    display: flex;
    font-size: 12px;
    font-weight: 400;
    align-items: center;
    border: 1.4px solid rgba(181, 181, 181, 0.5);
    gap: 5px;
    padding: 3px 8px;
    border-radius: 50px;
}

.courses-pedestal-placement-guaranteecourse .student-count {
    font-size: 12px;
    font-weight: 400;
    color: #000000;
}


@media (max-width: 768px) {
    .courses-pedestal-placement-guaranteecourse .courses-section {
        padding: 40px 5px;
    }

    .courses-pedestal-placement-guaranteecourse .section-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
        margin-bottom: 20px;
        padding: 0 6px;
    }

    .courses-pedestal-placement-guaranteecourse .section-title {
        font-size: 26px;
        line-height: 1.3;
    }

    .courses-pedestal-placement-guaranteecourse .btn-view-all {
        width: 100%;
        text-align: center;
    }

    .courses-pedestal-placement-guaranteecourse .course-img {
        height: 200px;
        padding: 15px;
    }

    .courses-pedestal-placement-guaranteecourse .course-title {
        font-size: 18px;
        margin-bottom: 18px;
        line-height: 1.4;
    }

    .courses-pedestal-placement-guaranteecourse .btn-course {
        font-size: 16px;
        padding: 12px 15px;
    }

    .courses-pedestal-placement-guaranteecourse .course-icon {
        margin-bottom: 15px;
        margin-bottom: 10px;
    }

    .courses-pedestal-placement-guaranteecourse .duration,
    .courses-pedestal-placement-guaranteecourse .profile-count {
        font-size: 10px;
        padding: 7px 13px;
    }
}

@media (max-width: 576px) {
    .courses-pedestal-placement-guaranteecourse .course-img {
        height: 211px;
    }

    .courses-pedestal-placement-guaranteecourse .course-title {
        font-size: 18px;
    }

    .courses-pedestal-placement-guaranteecourse .btn-course {
        font-size: 18px;
    }
}

/* /* Placement Guarantee Courses css end in courses section  */



/* ready to up skill css start here */
.ready-to-up-skill {
    padding: 70px 0;
    background-color: #F6F9FF;
    position: relative;
}

.ready-to-up-skill h2 {
    font-size: 17px;
    font-weight: 600;
    color: rgba(0, 0, 0, 0.7);
    margin-bottom: 6px;
}

.ready-to-up-skill .tagline {
    font-size: 33px;
    font-weight: 600;
    color: #050978;
    line-height: 1.3;
    margin-bottom: 15px;
}

.ready-to-up-skill .description {
    font-size: 16px;
    color: #000000CC !important;
    font-weight: 400;
    margin-bottom: 0;
    line-height: 1.6;
}

.divider-arrow {
    height: 42px;
    width: 242px;
    margin: 0 15px;
}

.btn-start-learning {
    background-color: #1E4DAF;
    color: #FFFFFF;
    padding: 12px 30px;
    border-radius: 7px;
    border: 2px solid #1E4DAF;
    font-weight: 600;
    font-size: 18px;
    text-decoration: none;
    transition: all 0.3s ease;
    white-space: nowrap;
    box-shadow: 0px 10.64px 10.02px 0px rgba(64, 127, 85, 0.04);
}

.btn-start-learning:hover {
    border: 2px solid #1E4DAF;
    color: #1E4DAF;
    background-color: #FFFFFF;
}


@media (max-width: 1199px) {
    .divider-arrow {
        width: 180px;
        height: auto;
    }
}

@media (max-width: 991px) {
    .ready-to-up-skill .row {
        flex-direction: column;
        text-align: center;
        gap: 20px;
        padding: 0 10px;
    }

    .divider-arrow {
        margin: 10px 0;
        width: 120px;
        transform: rotate(90deg);
    }

    .ready-to-up-skill .tagline {
        font-size: 28px;
        line-height: 1.2;
    }

    .ready-to-up-skill .description {
        font-size: 16px;
        text-align: center;
        margin-bottom: 12px;
    }
}

@media (max-width: 767px) {
    .ready-to-up-skill {
        padding: 50px 0;
    }

    .ready-to-up-skill .tagline {
        font-size: 22px !important;
        margin-left: -10px;
    }

    .btn-start-learning {
        padding: 10px 20px;
        font-size: 16px;
    }
}

@media (max-width: 575.98px) {
    .ready-to-up-skill {
        padding: 40px 5px;
    }

    .ready-to-up-skill h2 {
        font-size: 16px;
        text-align: start;
        margin-bottom: 15px;
    }

    .ready-to-up-skill .tagline {
        font-size: 21px;
    }

    .ready-to-up-skill .description {
        font-size: 14px;
    }

    .divider-arrow {
        width: 100px;
        margin-bottom: 20px;
    }
}

/* end ready to up skill here */

/* in courses sectin why choose pedestal css */
.course-why-choose-pedestal {
    position: relative;
    padding: 60px 0 80px 0;
    overflow: hidden;
}

.course-why-choose-pedestal-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}

.course-why-choose-pedestal .container {
    position: relative;
    /* max-width: 1200px; */
    margin: 0 auto;
    padding: 0 15px;
    z-index: 1;
}

.course-why-choose-pedestal-title {
    text-align: center;
    font-size: 39px;
    font-weight: 600;
    margin-bottom: 50px;
    color: #FFFFFF;
}

.course-why-choose-pedestal-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.course-why-choose-pedestal-card {
    background-color: #ffffff;
    border-radius: 10px;
    box-shadow: 0px 0px 15px 0px rgba(5, 9, 120, 0.01);
    padding: 25px 25px 20px 25px;
    transition: transform 0.3s ease;
    border: 1px solid rgba(5, 9, 120, 0.2);
}

.course-why-choose-pedestal-card-content {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.course-why-choose-pedestal-card-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 13px;
}

.course-why-choose-pedestal-icon {
    flex-shrink: 0;
}

.course-why-choose-pedestal-card-title {
    font-size: 18px;
    font-weight: 500;
    color: #111111;
    text-align: left;
    margin: 0;
}

.course-why-choose-pedestal-card-text {
    font-size: 17px;
    line-height: 1.5;
    font-weight: 400;
    color: #111111;
    word-spacing: 3px;
    text-align: left;
    margin-top: auto;
}

/* Responsive adjustments */
@media (max-width: 992px) {
    .course-why-choose-pedestal-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    .course-why-choose-pedestal-grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .course-why-choose-pedestal {
        padding: 50px 4px 60px 4px;

    }

    .course-why-choose-pedestal-card-title {
        font-size: 20px;
    }

    .course-why-choose-pedestal-title {
        font-size: 30px;
        margin-bottom: 40px;
    }

    .course-why-choose-pedestal-card-text {
        font-size: 16px;
    }
}

@media (max-width: 400px) {
    .course-why-choose-pedestal-card-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .course-why-choose-pedestal-card-title {
        font-size: 18px;
    }

    .course-why-choose-pedestal-card-text {
        font-size: 15px;
    }
}

/* end css why choose pedestal  */


/* course  explore categoery section */
.explore-categories {
    padding: 40px 0px 60px 0;
    background-color: #E7E9EB80;
    text-align: center !important;
}

.explore-categories-title {
    text-align: center !important;
    font-size: 39px;
    font-weight: 600;
    margin-bottom: 16px;
    color: #29359F;
}

.categories-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
}

.explore-category-pedestal {
    width: calc(25% - 20px);
    min-width: 250px;
    background: #FFFFFF;
    border-radius: 15px;
    padding: 20px;
    display: flex;
    align-items: center;
    transition: transform 0.3s ease;
}

.category-icon-left {
    width: 38px;
    height: 38px;
    margin: 0 10px;
}

.category-icon-right {
    width: 24px;
    height: 24px;
    margin: 0 10px;
}

.category-content {
    flex-grow: 1;
    font-size: 18px;
    font-weight: 500;
    color: #1B1D1F;
    text-align: start;
    margin-left: 8px;
}

.explore-categories-heading {
    text-align: center;
    margin-bottom: 56px;
    color: rgba(30, 30, 30, 0.8);
    font-weight: 500;
    font-size: 18px;
}

/* Add this CSS to maintain exact same appearance */
.explore-categories .category-link {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: inherit;
}

.explore-categories .explore-category-pedestal {
    position: relative;

}

@media (max-width: 992px) {
    .explore-category-pedestal {
        width: calc(50% - 20px);

    }
}


@media (max-width: 576px) {
    .explore-category-pedestal {
        width: calc(50% - 10px);

        min-width: auto;

    }


}

@media (max-width:768px) {
    .category-icon-left {
        width: 25px;
        height: 25px;
        margin: 0px 0px;
    }

    .explore-categories-title {
        font-size: 36px;

    }

    .explore-categories-heading {
        font-size: 16px;
    }

    .explore-categories {
        padding: 40px 4px 60px 4px;
    }

    .category-content {
        font-size: 12px
    }

    .explore-category-pedestal {
        border-radius: 10px;

    }

    .categories-container {
        gap: 13px;
    }

    .category-icon-right {
        width: 20px;
        height: 20px;
        margin: 0 10px;
    }
}

.explore-categories-heading {
    margin-bottom: 50px;
    padding: 0 100px;
}

/* end explore categoery section  */
/* @@@@@@/* @@@# **** Pedestal courses page css end here here******####### */





/* @@@@### **** contacts page css start here*****######@ */

/* contacts banner css start here */

/* Banner Styles (unchanged) */
.contacts-banner-pedestal {
    position: relative;
    padding: 190px 0 60px 0;
    color: #ffffff;
    text-align: center;
    overflow: hidden;
}

.contacts-banner-pedestal .bg-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}

.contacts-banner-pedestal .container {
    position: relative;
    z-index: 1;
}

.contacts-banner-pedestal h1 {
    font-size: 35px;
    font-weight: 600;
    margin-bottom: 12px;
    line-height: 1.3;
    color: #FFFFFF;
}

.contacts-banner-pedestal .tagline {
    font-size: 18px;
    max-width: 900px;
    margin: 0 auto;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 1.4;
}




@media (max-width: 768px) {
    .contacts-banner-pedestal {
        padding: 120px 20px 90px 20px;
    }

    .contacts-banner-pedestal h1 {
        font-size: 30px;
        margin-bottom: 10px;
    }

    .contacts-banner-pedestal .tagline {
        font-size: 17px;
        max-width: 90%;
    }
}

@media (max-width: 576px) {




    .contacts-banner-pedestal {
        padding: 90px 15px 60px 15px;
    }

    .contacts-banner-pedestal h1 {
        font-size: 24px;
        line-height: 1.4;
        margin-bottom: 8px;
    }

    .contacts-banner-pedestal .tagline {
        font-size: 14px;
        line-height: 1.5;
        max-width: 100%;
    }
}

/* contacts banner css end here */



/* contact page three cart css start here */

.contacts-cart-section {
    padding: 140px 0 60px 0;
    /* moving three cart into banner */
    background-color: #f8f9fa;

}

.contacts-cart-information .contact-card {
    border: 1px solid #e9ecef;
    border-radius: 20px;
    box-shadow: 0px 0px 15px 0px rgba(27, 84, 178, 0.1);
    height: 100%;
    overflow: hidden;
    border: 1px solid rgba(30, 77, 175, 0.5);
    padding-bottom: 10px;
    transition: all 0.3s ease;

}

/* on that hover cart border apply */
.contacts-cart-information .contact-card:hover {
    border-top: 1.4px solid #1E4DAF;
    border-right: 1.4px solid #2F74C0;
    border-bottom: 1.4px solid #4781FF;
    border-left: 1.4px solid #153B99;
    box-shadow: 0 10px 20px rgba(30, 77, 175, 0.1);
}


.contacts-cart-information .location-icon {
    width: 90px;
    height: 90px;
    object-fit: contain;
    margin-top: 3px;
}

.contacts-cart-information .contact-icon {
    width: 15px;
    height: 15px;
}

.contacts-cart-information .card-title {
    font-size: 19px;
    font-weight: 600;
    color: #474747;
    margin-bottom: 15px;
}

.contacts-cart-information .card-text {
    font-size: 15px;
    color: #717171;
    margin-bottom: 15px;
    font-weight: 400;
    line-height: 1.5;
    padding-left: 0;
    margin-top: 31px;
}

.contacts-cart-information .card-body {
    padding: 20px 20px 0 20px;
}

.contacts-cart-information .card-footer {
    padding: 15px 20px;
    background-color: #fff;
}

.contacts-cart-information .contact-info-item {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 400;
    color: #1e1e1e;
}

.contacts-cart-information .btn {
    font-size: 14px;
    padding: 8px 15px;
    border-radius: 5px;
    font-weight: 500;
    min-width: 120px;
    text-align: center;
}

.contacts-cart-information .btn-primary {
    border: 3px solid #1E4DAF;
    color: #1E4DAF;
    background: #FFFFFF;
    font-size: 16px;
    font-weight: 600;
    border-radius: 10px;
    transition: all 0.3s ease;
}

.contacts-cart-information .btn-primary:hover {
    background: #1E4DAF;
    color: #FFFFFF;
    box-shadow: 0 8px 16px rgba(30, 77, 175, 0.3);
}




.contacts-cart-information .btn-outline-primary {
    color: #FFFFFF;
    background-color: #1E4DAF;
    border-radius: 10px;
    font-size: 14px;
    padding: 12px 24px;
    font-weight: 600;
    box-shadow: 0px 10.64px 10.02px 0px rgba(64, 127, 85, 0.04);
    transition: background-color 0.3s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

.contacts-cart-information .btn-outline-primary:hover {
    background-color: #163e94;
}

.contacts-cart-section .increse-fontsize-thirdecart {
    font-size: 16.3px !important;
}


@media (max-width: 768px) {
    .contacts-cart-information .col-md-4 {
        margin-bottom: 30px;
    }

    .contacts-cart-information .card-title {
        font-size: 20px;
    }

    .contacts-cart-information .card-text,
    .contacts-cart-information .contact-info-item span {
        font-size: 14px;
    }

    .contacts-cart-information .btn {
        min-width: 110px;
        padding: 7px 12px;
    }

    .contacts-cart-section .increse-fontsize-thirdecart {
        font-size: 15px !important;
    }

    .contacts-cart-section .increse-fontsize-thirdecart {
        font-size: 14px;
    }

}

@media (max-width: 576px) {
    .contacts-cart-section {
        padding: 120px 5px 40px 5px;
    }

    .contacts-cart-information .location-icon {
        width: 59px;
        height: 59px;
    }

    .contacts-cart-information .btn {
        font-size: 14px;
        min-width: 100px;
        padding: 12px 20px;
    }

}

/* contact page three cart css end here */




/* contact form css start here in contact page */
/* ==================== CONTACT FORM CSS ==================== */
.contacts-page-send-query {
    padding: 40px 0 100px 0;
    background-color: #f8f9fa;
}

.contacts-page-send-query .contact-form-container {
    padding: 65px 90px 40px 90px;
    border: 1px solid rgba(27, 84, 178, 0.2);
    box-shadow: 0px 0px 60px 30px rgba(0, 0, 0, 0.03);
    border-radius: 15px;
}

/* Centered header */
.contacts-page-send-query .form-header.text-center {
    text-align: center;
    margin-bottom: 30px;
}

.contacts-page-send-query .contacts-page-send-query h2 {
    font-size: 28px;
    color: #333;
    margin-bottom: 15px;
    font-weight: 600;
}

.contacts-page-send-query .subheading {
    color: #717171;
    margin-bottom: 80px;
    font-size: 17px;
    font-weight: 500;
}

.contacts-page-send-query .form-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
}

.contacts-page-send-query .form-group {
    margin-bottom: 25px;
}

.contacts-page-send-query .select-inquery-your {
    font-size: 16px !important;
    font-weight: 600;
    color: rgba(1, 28, 42, 0.8) !important;
}

.contacts-page-send-query .form-group.full-width {
    grid-column: span 3;
}

.contacts-page-send-query .input-with-line label {
    display: block;
    margin-bottom: 8px;
    color: #8D8D8D;
    font-weight: 500;
    font-size: 15px;
}

.contacts-page-send-query .input-line-container {
    position: relative;
}

.contacts-page-send-query .headingh1 {
    font-size: 39px;
    font-weight: 600;
    margin-bottom: 12px;
}

.contacts-page-send-query .form-input-line {
    width: 100%;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    padding: 10px 12px;
    background: #fff;
    font-size: 16px;
    outline: none;
    box-shadow: none;
    transition: border-color 0.3s;
}

.contacts-page-send-query .form-input-line:focus {
    border-color: #1E4DAF;
}

/* Custom Select Options */
.contacts-page-send-query .inquiry-options {
    position: relative;
}

.contacts-page-send-query .custom-select-options {
    display: flex;
    gap: 70px;
}

.contacts-page-send-query .select-option {
    position: relative;
    padding: 15px 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    color: rgba(1, 28, 42, 0.8);
    font-size: 14px;
    font-weight: 400;
}

.contacts-page-send-query .dropdown-toggle {
    position: relative;
    padding-right: 20px;
}

.contacts-page-send-query .dropdown-toggle::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}

.contacts-page-send-query .dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: white;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 10px 0px 25px 0px;
    min-width: 200px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    z-index: 100;
}

.contacts-page-send-query .dropdown-menu li {
    list-style: none;
}

.contacts-page-send-query .dropdown-menu a {
    display: block;
    padding: 8px 15px;
    color: #333;
    text-decoration: none;
    transition: background-color 0.2s;
    border-bottom: 1px dashed #e0e0e0 !important;
}

.contacts-page-send-query .dropdown-menu a:hover {
    background-color: #f5f5f5;
}

.contacts-page-send-query .select-option.active .dropdown-menu {
    display: block;
}

.contacts-page-send-query .form-submit {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 20px;
    margin-top: 20px;
}

.contacts-page-send-query .send-icon {
    width: 250px;
    height: 130px;
}

.contacts-page-send-query .submit-btn {
    background-color: #1E4DAF;
    color: #FFFFFF;
    border: none;
    padding: 12px 25px;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    transition: background-color 0.3s;
    box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.12);
    padding: 15px 48px;
}

.contacts-page-send-query .submit-btn:hover {
    background-color: #163e94;
}

@media (max-width: 768px) {
    .contacts-page-send-query .form-grid {
        grid-template-columns: 1fr;
    }

    .contacts-page-send-query .form-group.full-width {
        grid-column: span 1;
    }

    .contacts-page-send-query .form-group {
        margin-bottom: 18px;
    }

    .contacts-page-send-query .custom-select-options {
        flex-direction: row;
        gap: 20px;
        flex-wrap: wrap;
    }

    .contacts-page-send-query {
        padding: 4px 4px 50px 4px;
    }

    .contacts-page-send-query .contact-form-container {
        padding: 20px 30px 0 30px;
    }
}

@media (max-width: 576px) {
    .contacts-page-send-query h2 {
        font-size: 24px !important;
    }

    .contacts-page-send-query .subheading {
        font-size: 14px;
        margin-bottom: 45px;
    }

    .contacts-page-send-query .input-with-line label {
        margin-bottom: 5px;
    }

    .contacts-page-send-query .form-submit {
        gap: 10px;
    }

    .contacts-page-send-query .form-grid {
        gap: 2px;
    }

    .contacts-page-send-query .send-icon {
        width: 180px;
        height: 150px;
        display: none;
    }

    .contacts-page-send-query .contact-form-container {
        padding: 37px 20px 35px 20px;
    }

    .contacts-page-send-query .form-submit {
        margin-top: 13px;
    }

    .contacts-page-send-query .submit-btn {
        background-color: #1E4DAF;
        color: #FFFFFF;
        border: none;
        padding: 12px 25px;
        border-radius: 10px;
        font-size: 16px;
        font-weight: 500;
        cursor: pointer;
        transition: background-color 0.3s;
        box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.12);
        padding: 15px 48px;
        width: 100%;
    }

    .contacts-page-send-query .custom-select-options {
        gap: 15px;
    }

    /* fixed into small devices from the right side */
    #fixed-small-devices {
        margin-left: -131px;
    }
}

/* ==================== End CONTACT FORM CSS Here ==================== */
/* @@@@   ****  end css contact page here*****@## */



/* =========== CAREER  PAGE CSS START HERE ==================== */


/* CAREER BANNER CSS START HERE */
.career-banner-pedestal {
    position: relative;
    padding: 220px 0 90px 0;
    color: #ffffff;
    text-align: center;
    overflow: hidden;
}

.career-banner-pedestal .bg-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}

.career-banner-pedestal .container {
    position: relative;
    z-index: 1;
}

.career-banner-pedestal h1 {
    font-size: 35px;
    font-weight: 600;
    margin-bottom: 12px;
    line-height: 1.3;
    color: #FFFFFF;
}

.career-banner-pedestal .tagline {
    font-size: 18px;
    max-width: 750px;
    margin: 0 auto;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 1.4;
}

@media (max-width: 768px) {
    .career-banner-pedestal {
        padding: 150px 20px 10px 20px;
        min-height: 400px;
    }


    .career-banner-pedestal h1 {
        font-size: 30px;
        margin-bottom: 10px;
        line-height: 1.4;
    }

    .career-banner-pedestal .tagline {
        font-size: 17px;
        max-width: 85%;
        line-height: 1.5;
    }
}

@media (max-width: 576px) {
    .career-banner-pedestal {
        padding: 150px 15px 20px 15px !important;
        min-height: 350px;
    }

    .career-banner-pedestal h1 {
        font-size: 22px;
        line-height: 1.4;
        margin-bottom: 12px;
    }

    .career-banner-pedestal .tagline {
        font-size: 16px;
        line-height: 1.6;
        max-width: 100%;
        padding: 0 10px;
    }
}

/* career banner css end here */


/* ======JOIN OUR TEAM  css start here====== */



/* ======JOIN OUR TEAM  css start here====== */
.join-our-partner-discover-ptw {
    padding: 40px 0 50px 0;
    background-color: #FFFFFF;
}

.join-our-partner-discover-ptw .container {
    margin: 0 auto;
    padding: 0 15px;
}

.join-our-partner-discover-ptw .join-heading-partner {
    font-size: 18px;
    font-weight: 600;
    text-align: start;
    margin-bottom: 0px;
    background: linear-gradient(to right, #3A3A3A, #351C8F) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    display: inline-block;
}

.join-our-partner-discover-ptw .subtitle {
    font-size: 35px;
    font-weight: 600;
    margin-bottom: 8px;
    text-align: start;
    background: linear-gradient(to right, #3A3A3A, #351C8F) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    display: inline-block;
    margin-top: 8px;
}

.join-our-partner-discover-ptw .adding-padding-top {
    margin-top: 40px !important;
}

.join-our-partner-discover-ptw .job-card {
    background-color: rgba(246, 249, 255, 0.5);
    margin-bottom: 20px;
    overflow: hidden;
    border-radius: 40px;
}

.join-our-partner-discover-ptw .job-content {
    display: flex;
    align-items: stretch;
    border-radius: 40px;
    border: 1px solid rgba(128, 126, 126, 0.5);
}

.join-our-partner-discover-ptw .job-image {
    width: 311px;
    height: auto;
    object-fit: cover;
    margin: 0;
}

.join-our-partner-discover-ptw .job-content {
    display: flex;
    align-items: stretch;
    border-radius: 40px;
    border: 1px solid rgba(128, 126, 126, 0.5);
}


.join-our-partner-discover-ptw .job-details {
    padding: 15px 10px 15px 20px;
    flex-grow: 1;
}

.join-our-partner-discover-ptw .job-details h3 {
    font-size: 18px;
    font-weight: 600;
    color: #3A3A3A;
    margin-bottom: 15px;
}

.join-our-partner-discover-ptw .response-time {
    background-color: rgba(229, 237, 255, 0.6);
    border-radius: 101px;
    padding: 8px 20px;
    font-size: 16px;
    font-weight: 500;
    display: inline-block;
    margin-bottom: 10px;
    color: #3A3A3A;
}


.join-our-partner-discover-ptw .job-info-container {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.join-our-partner-discover-ptw .job-description {
    font-size: 15px;
    color: #3A3A3A;
    line-height: 1.5;
    margin-bottom: 0px;
}

.join-our-partner-discover-ptw .job-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.join-our-partner-discover-ptw .meta-item {
    background-color: rgba(229, 237, 255, 0.5);
    border-radius: 10px;
    padding: 5px 18px;
    font-size: 16px;
    color: #3A3A3A;
    white-space: nowrap;
}

.join-our-partner-discover-ptw .apply-btn {
    /* Your existing button styles */
    background-color: #FFFFFF;
    border: 2px solid #000000;
    border-radius: 10px;
    padding: 10px 25px;
    font-weight: 600;
    font-size: 18px;
    margin: 20px;
    cursor: pointer;
    white-space: nowrap;
    align-self: center;
    background: linear-gradient(to right, #3A3A3A, #351C8F);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    margin-right: 30px;
    transition: all 0.3s ease;
    /* Smooth transition */
}

.join-our-partner-discover-ptw .apply-btn:hover {
    /* Simple hover effect */
    background: linear-gradient(to right, #3A3A3A, #351C8F);
    -webkit-text-fill-color: white;
    border-color: #351C8F;
}

/* Pagination Styles */
.join-our-partner-discover-ptw .page-pagination {
    margin-top: 40px;
}

/* ====== Small Devices Only (max-width: 768px) ====== */
@media (max-width: 768px) {
    .join-our-partner-discover-ptw {
        padding: 60px 0 50px 0;
    }

    .join-our-partner-discover-ptw .container {
        width: 95%;
        padding: 0 10px;
    }

    .join-our-partner-discover-ptw .subtitle {
        font-size: 28px;
        margin-bottom: 15px;
    }

    .join-our-partner-discover-ptw .job-content {
        flex-direction: column;
        border-radius: 23px;
    }

    .join-our-partner-discover-ptw .job-card {
        border-radius: 23px;
    }

    .join-our-partner-discover-ptw .job-image {
        width: 100%;
        height: 180px;
        border-radius: 23px 23px 0 0;
    }

    .join-our-partner-discover-ptw .job-details {
        padding: 15px;
    }

    .join-our-partner-discover-ptw .job-details h3 {
        font-size: 20px;
        margin-bottom: 12px;
    }

    .join-our-partner-discover-ptw .response-time {
        font-size: 14px;
        padding: 6px 15px;
        margin-bottom: 12px;
    }

    .join-our-partner-discover-ptw .job-description {
        font-size: 15px;
        margin-bottom: 10px;
    }

    .join-our-partner-discover-ptw .job-meta {
        flex-direction: column;
        gap: 8px;
    }

    .join-our-partner-discover-ptw .meta-item {
        width: 100%;
        padding: 6px 12px;
        font-size: 14px;
    }

    .join-our-partner-discover-ptw .apply-btn {
        width: calc(100% - 30px);
        margin: 15px auto;
        padding: 8px;
        font-size: 16px;
    }
}

/* ====== Extra Small Devices (max-width: 480px) ====== */
@media (max-width: 480px) {
    .join-our-partner-discover-ptw {
        padding: 50px 0 40px 0;
    }

    .join-our-partner-discover-ptw .subtitle {
        font-size: 20px;
    }

    .join-our-partner-discover-ptw .job-image {
        height: 160px;
    }

    .join-our-partner-discover-ptw .job-details h3 {
        font-size: 18px;
    }

    .join-our-partner-discover-ptw .response-time,
    .join-our-partner-discover-ptw .job-description {
        font-size: 14px;
    }

    .join-our-partner-discover-ptw .meta-item {
        font-size: 13px;
    }
}

/* ======JOIN OUR TEAM  end start here====== */


/* ==== Meet the Team Behind Our Success css start */

.meet-team-sucess-ptw {
    padding: 40px 0 40px 0;
    background-color: #F6F9FF;
    text-align: center;
}

.meet-team-sucess-ptw .container {
    margin: 0 auto;
    padding: 0 15px;
}

.meet-team-sucess-ptw .meet-team-content {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.meet-team-sucess-ptw .meet-team-content h2 {
    font-size: 35px;
    font-weight: 600;
    margin-bottom: 9px;
    line-height: 1.3;
    background: linear-gradient(to right, #3A3A3A, #351C8F) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    display: inline-block;
}

.meet-team-sucess-ptw .team-description {
    font-size: 18px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.7);
    margin: 0 auto 37px;
    line-height: 1.6;
}

.meet-team-sucess-ptw .team-rectangle {
    width: 100%;
    margin: 0 auto;
    border-radius: 20px;
    overflow: hidden;
}

.meet-team-sucess-ptw .team-image {
    width: 100%;
    height: 500px;
    display: block;
    object-fit: cover;
}


@media (max-width: 768px) {
    .meet-team-sucess-ptw .team-image {
        height: 400px;
    }

    .meet-team-sucess-ptw {
        padding: 40px 4px 40px 4px;
    }
}

@media (max-width: 480px) {
    .meet-team-sucess-ptw .team-image {
        height: 300px;
        border-radius: 15px;
    }

    .meet-team-sucess-ptw .team-rectangle {
        border-radius: 15px;
    }

    .meet-team-sucess-ptw .meet-team-content h2 {
        font-size: 21px;
    }

    .meet-team-sucess-ptw .team-description {
        font-size: 16px;
    }

    .meet-team-sucess-ptw .container {
        margin: 0 auto;
        padding: 0 18px;
    }

}

/* ==== Meet the Team Behind Our Success css end here */





/* ===== Discover the Perks of Joining Our Team  css start */
.discover-the-perk-ptw {
    padding: 65px 0 50px 0;
    background: #FFFFFF;
}

.discover-the-perk-ptw .container {
    max-width: 1200px;
    padding: 0px 0px !important;
}

.discover-the-perk-ptw .row {
    align-items: center;
}

.discover-the-perk-ptw .perk-container {
    border-radius: 20px;
    overflow: hidden;
    height: 100%;
}

.discover-the-perk-ptw .perk-content {
    padding: 40px;
}

.discover-the-perk-ptw .main-heading {
    font-size: 39px;
    font-weight: 600;
    background: linear-gradient(to right, #3A3A3A, #351C8F) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    display: inline-block;
    margin-bottom: 15px;
    line-height: 1.2;
}

.discover-the-perk-ptw .sub-heading {
    font-size: 18px;
    color: rgba(0, 0, 0, 0.7);
    font-weight: 500;
    margin-top: 4px;
    margin-bottom: 40px;
    line-height: 1.6;
}

.discover-the-perk-ptw .features {
    margin-bottom: 30px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.discover-the-perk-ptw .feature-item {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}

.discover-the-perk-ptw .feature-icon {
    width: 30px;
    height: 30px;
    margin-right: 12px;
}

.discover-the-perk-ptw .feature-text {
    font-size: 20px;
    font-weight: 500;
    color: #111111;
}

.discover-the-perk-ptw .perk-image {
    height: 324px;
    width: 434px;
    object-fit: contain;
}

@media (max-width: 992px) {
    .discover-the-perk-ptw .perk-content {
        padding: 30px;
    }

    .discover-the-perk-ptw .feature-text {
        font-size: 18px;
    }
}

@media (max-width: 768px) {
    .discover-the-perk-ptw {
        padding: 30px 0 40px 0;
    }

    .discover-the-perk-ptw .row {
        flex-direction: column;
    }

    .discover-the-perk-ptw .perk-content {
        padding: 12px 21px;
    }

    .discover-the-perk-ptw .features {
        margin-bottom: 3px;
    }

    .discover-the-perk-ptw .main-heading {
        font-size: 32px;
    }

    .discover-the-perk-ptw .sub-heading {
        font-size: 17px;
        margin-bottom: 30px;
    }

    .discover-the-perk-ptw .perk-image {
        width: 100%;
        height: auto;
        max-height: 350px;
        padding: 0 30px;
        margin-top: 20px;
    }

    .discover-the-perk-ptw .features {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 576px) {
    .discover-the-perk-ptw {
        padding: 40px 4px 30px 4px;
    }

    .discover-the-perk-ptw .main-heading {
        font-size: 28px;
    }

    .discover-the-perk-ptw .sub-heading {
        font-size: 16px;
    }

    .discover-the-perk-ptw .feature-text {
        font-size: 16px;
    }

    .discover-the-perk-ptw .perk-image {
        max-height: 300px;
        padding: 0 20px;
    }
}

/* ===== Discover the Perks of Joining Our Team  css start */



/* what our team say css start page */
.what-our-team-say {
    background-color: #F6F9FF;
    padding: 40px 0px 40px 0px;
}

.what-our-team-say .container {
    margin: 0 auto;
    padding: 0 15px;
}

.what-our-team-say .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 28px;
    position: relative;
}

.what-our-team-say .header h2 {
    color: #170F49;
    font-size: 35px;
    font-weight: 600;
    margin: 0;
}

.what-our-team-say .owl-nav {
    display: flex;
    gap: 22px;
    position: absolute;
    right: 15px;
    top: 0;
}

.what-our-team-say .owl-nav button {
    background: #FFFFFF !important;
    border-radius: 50% !important;
    width: 42px;
    height: 42px;
    border: none !important;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    cursor: pointer;
}

.what-our-team-say .owl-nav .owl-next {
    background-color: #1B54B2 !important;
}

.what-our-team-say .owl-nav .owl-prev {
    border: 1px solid #172C77 !important;
}

.what-our-team-say .owl-nav button span {
    font-size: 24px;
    line-height: 1;
    color: #1B54B2;
}

.what-our-team-say .card {
    background: #FFFFFF;
    border-radius: 20px;
    padding: 50px 40px 50px 40px;
    margin: 5px;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.25);
    height: 100%;
    border: 1.5px solid rgba(0, 0, 0, 0.09);
    box-shadow: 0px 5px 14px 0px rgba(8, 15, 52, 0.02);
    width: 440px;
}

.what-our-team-say .card-content {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.what-our-team-say .card-content p {
    color: #170F49;
    font-size: 19px;
    font-weight: 700;
    margin-bottom: 0px;
    text-align: left;
}

.what-our-team-say .testimonial-text {
    color: #6F6C90;
    text-align: left;
    font-weight: 400;
    margin: 15px 0 1px 0;
    line-height: 1.6;
    font-size: 17px;
    flex-grow: 1;
}

.what-our-team-say .bottom-content {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 20px;
}

.what-our-team-say .name-designation {
    text-align: left;
    display: flex;
    align-items: center;
    gap: 15px;
}

.what-our-team-say .profile-img {
    width: 62px !important;
    height: 62px !important;
    object-fit: cover;
}

.what-our-team-say .name-designation h3 {
    font-size: 18px;
    font-weight: 700;
    margin: 0;
    color: #170F49;
}

.what-our-team-say .name-designation span {
    font-size: 18px;
    color: #6F6C90;
    font-weight: 400;
    display: block;
    margin-top: 4px;
}

@media (max-width: 767px) {
    .what-our-team-say {
        padding: 50px 0 40px 0px;
    }

    .what-our-team-say .container {
        padding: 0 10px;
    }

    .what-our-team-say .header {
        margin-bottom: 31px;
        padding: 0 15px;
    }

    .what-our-team-say .header h2 {
        font-size: 18px;
        white-space: nowrap;
        margin-right: 15px;
        margin-top: 5px;
    }

    .what-our-team-say .owl-nav {
        gap: 12px;
    }

    .what-our-team-say .owl-nav button {
        width: 32px;
        height: 32px;
    }

    .what-our-team-say .card {
        padding: 46px 25px 36px 25px;

        border-radius: 13px;
        margin: 0 10px;
        width: 335px;
    }

    .what-our-team-say .card-content p {
        font-size: 16px;
    }

    .what-our-team-say .testimonial-text {
        font-size: 15px;
        margin: 13px 0;
        line-height: 1.4;
    }

    .what-our-team-say .profile-img {
        width: 40px;
        height: 40px;
    }
}

/* end what our team say css end here */

/* =========== CAREER  PAGE CSS END HERE ==================== */








/* ============== WEBINAR AND SEMINAR PAGE CSS START HERE================= */


/* webinar & seminar banner css start */
.webinar-seminar-banner {
    position: relative;
    padding: 225px 0 90px 0;
    color: #ffffff;
    text-align: center;
    overflow: hidden;
}

.webinar-seminar-banner .bg-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}

.webinar-seminar-banner .container {
    position: relative;
    z-index: 1;
}

.webinar-seminar-banner h1 {
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 12px;
    line-height: 1.3;
    color: #FFFFFF;
}

.webinar-seminar-banner .tagline {
    font-size: 20px;
    margin: 0 auto;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 1.4;
}

@media (max-width: 768px) {
    .webinar-seminar-banner {
        padding: 150px 20px 10px 20px;
        min-height: 400px;
    }

    .webinar-seminar-banner h1 {
        font-size: 30px;
        margin-bottom: 10px;
        line-height: 1.4;
    }

    .webinar-seminar-banner .tagline {
        font-size: 17px;
        max-width: 85%;
        line-height: 1.5;
    }
}

@media (max-width: 576px) {
    .webinar-seminar-banner {
        padding: 150px 15px 20px 15px !important;
        min-height: 350px;
    }

    .webinar-seminar-banner h1 {
        font-size: 22px;
        line-height: 1.4;
        margin-bottom: 12px;
    }

    .webinar-seminar-banner .tagline {
        font-size: 16px;
        line-height: 1.6;
        max-width: 90%;
        padding: 0 10px;
    }
}

/* end webinar & seminar banner css here */


/* Free Placement Training and AI Tools and Techniques css start */
.seminar-free-placement {
    padding: 50px 0 80px 0;
    background-color: #FFFFFF;
}

.seminar-free-placement .seminar-content h2 {
    font-size: 20px;
    margin-bottom: 10px;
    font-weight: 600;
    background: linear-gradient(to right, #3A3A3A, #351C8F) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    display: inline-block;
}

.seminar-free-placement .seminar-content h3 {
    font-size: 36px;
    margin-bottom: 32px;
    font-weight: 600;
    line-height: 1.4;
    background: linear-gradient(to right, #000000, #050978) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    display: inline-block;
}

.seminar-free-placement .seminar-details {
    display: flex;
    gap: 30px;
    margin-bottom: 50px;
    align-items: flex-start;
}

.seminar-free-placement .detail-item {
    flex: 1;
}

.seminar-free-placement .detail-title {
    font-size: 22px;
    font-weight: 500;
    color: #000000;
    margin-bottom: 10px;
}

.seminar-free-placement .detail-text {
    font-size: 22px;
    font-weight: 400;
    color: #000000;
    line-height: 1.6;
}

.seminar-free-placement .date-time-item {
    display: block;
    margin-bottom: 10px;
}

.seminar-free-placement .date-time-item .icon {
    margin-right: 6px;
}

.seminar-free-placement .vertical-divider {
    width: 1px;
    background-color: rgba(0, 0, 0, 0.2);
    height: 130px;
    min-height: 100px;
    margin-top: 10px;
}

.seminar-free-placement .join-now-btn {
    background-color: #FFFFFF;
    border: 2px solid #000000;
    padding: 10px 30px;
    font-size: 18px;
    font-weight: 600;
    border-radius: 10px;
    cursor: pointer;
    transition: background-color 0.3s;
    text-decoration: none;
    background: linear-gradient(to right, #000000, #351C8F) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    display: inline-block;
}

.seminar-free-placement .join-now-btn:hover {
    background-color: #1a252f;
}

.seminar-free-placement .seminar-image img {
    border-radius: 8px;
    width: 442px;
    height: 458px;
    margin-left: auto;
    display: block;
}

@media (max-width: 1199px) {
    .seminar-free-placement .seminar-content h3 {
        font-size: 32px;
    }

    .seminar-free-placement .detail-title,
    .detail-text {
        font-size: 20px;
    }
}

@media (max-width: 991px) {
    .seminar-free-placement .seminar-details {
        flex-direction: column;
        gap: 20px;
        margin-bottom: 30px;
    }

    .seminar-free-placement .seminar-content {
        padding: 0 20px;
    }

    .seminar-free-placement .vertical-divider {
        width: 100%;
        height: 1px;
        min-height: 1px;
        margin: 15px 0;
    }

    .seminar-free-placement .seminar-image {
        margin-top: 30px;
    }

    .seminar-free-placement .seminar-image img {
        width: 100%;
        height: auto;
        max-width: 400px;
        margin: 0 auto;
    }
}

@media (max-width: 767px) {
    .seminar-free-placement .seminar-content h3 {
        font-size: 28px;
        margin-bottom: 25px;
    }

    .seminar-free-placement .detail-title,
    .detail-text {
        font-size: 18px;
    }

    .seminar-free-placement .join-now-btn {
        font-size: 16px;
        padding: 8px 25px;
    }

    .seminar-free-placement .vertical-divider {
        display: none !important;
    }

    .seminar-free-placement {
        padding: 50px 0 60px 0;

    }

}

@media (max-width: 575px) {
    .seminar-free-placement .seminar-free-placement {
        padding: 40px 4px 50px 4px;
    }

    .seminar-free-placement .seminar-content h2 {
        font-size: 18px;
    }

    .seminar-free-placement .seminar-content h3 {
        font-size: 24px;
        margin-bottom: 20px;
    }

    .seminar-free-placement .detail-title,
    .detail-text {
        font-size: 16px;
    }

    .seminar-free-placement .date-time-item {
        margin-bottom: 8px;
    }

    .seminar-free-placement .join-now-btn {
        font-size: 18px;
        padding: 8px 35px
    }

    .seminar-free-placement .seminar-image img {
        max-width: 97%;
    }

    .seminar-free-placement .seminar-content {
        padding: 0 10px;
    }
}

/* Free Placement Training and AI Tools and Techniques css end here */



/* know more about seminar css start here */
/* About Seminar Section CSS - Desktop styles remain EXACTLY the same */
.about-seminar-ptw {
    padding: 70px 0 70px 0;
    background-color: #F6F9FF;
}

.about-seminar-ptw .about-seminar-content h2 {
    font-size: 21px;
    margin-bottom: 15px;
    font-weight: 500;
    background: linear-gradient(to right, #000000, #050978) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    display: inline-block;
}

.about-seminar-ptw .about-seminar-content h3 {
    font-size: 36px;
    margin-bottom: 20px;
    font-weight: 600;
    line-height: 1.3;
    background: linear-gradient(to right, #000000, #050978) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    display: inline-block;
}

.about-seminar-ptw .about-seminar-content p {
    font-size: 19px;
    color: #2F2F2F;
    line-height: 1.6;
    font-weight: 400;
    margin-bottom: 35px;
}

.about-seminar-ptw .about-seminar-image img {
    margin-top: 20px;
    width: 476px;
    height: 378px;
}

.about-seminar-ptw .speakers-image {
    margin-top: 30px;
    position: relative;
}

.about-seminar-ptw .spekeres-seminar {
    font-size: 19px;
    color: #000000;
    font-weight: 500;
    bottom: 10px;

}

@media (max-width: 991px) {

    .about-seminar-ptw .order-lg-1.order-2 {
        order: 2;
    }

    .about-seminar-ptw .order-lg-2.order-1 {
        order: 1;
    }


    .about-seminar-ptw .about-seminar-image img {
        width: 100%;
        height: auto;
        max-width: 100%;
        margin-top: 30px;
    }


    .about-seminar-ptw .about-seminar-content {
        padding-top: 0;
    }
}


@media (max-width: 767px) {
    .about-seminar-ptw .about-seminar-ptw {
        padding: 55px 0;
    }

    .about-seminar-ptw {
        padding: 70px 4px 70px 4px;
    }

    .about-seminar-ptw .about-seminar-image img {
        padding: 0 10px;
    }
}

@media (max-width: 575px) {
    .about-seminar-ptw .about-seminar-content h2 {
        font-size: 20px;
    }

    .about-seminar-ptw .spekeres-seminar {
        left: 58% !important;
    }

    .about-seminar-ptw .about-seminar-content {
        padding-left: 10px;
        padding-right: 10px;
    }

    .about-seminar-ptw .about-seminar-content h3 {
        font-size: 33px;
    }
}

/* end know more about seminar end css here */



/* css start Recommended Seminar & Webinars section */

.recommended-seminar-webinar {
    padding: 70px 0 75px 0;
    background-color: #FFFFFF;
}

.recommended-seminar-webinar .container {
    margin: 0 auto;
    padding: 0 15px;
}

.time-img-webinar {
    margin-top: -5px;
}

.recommended-seminar-webinar .recommended-heading {
    font-size: 38px;
    font-weight: 600;
    text-align: start;
    margin-bottom: 0px;
    background: linear-gradient(to right, #000000, #050978) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    display: inline-block;

}

.recommended-seminar-webinar .subtitle {
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 8px;
    text-align: start;
    background: linear-gradient(to right, #3A3A3A, #351C8F) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    display: inline-block;
    margin-top: 8px;
}

.recommended-seminar-webinar .adding-padding-top {
    margin-top: 40px !important;
}

.recommended-seminar-webinar .job-card {
    background-color: rgba(246, 249, 255, 0.5);
    margin-bottom: 20px;
    overflow: hidden;
    border-radius: 40px;
}

.recommended-seminar-webinar .job-content {
    display: flex;
    align-items: stretch;
    border-radius: 40px;
    border: 1px solid rgba(128, 126, 126, 0.5);
}

.recommended-seminar-webinar .job-image {
    width: 324px;
    height: 214px;
    object-fit: cover;
    margin: 0;
}

.recommended-seminar-webinar .job-details {
    padding: 22px 20px 20px 10px;
    flex-grow: 1;
}

.recommended-seminar-webinar .job-details h3 {
    font-size: 32px;
    font-weight: 600;
    color: #3A3A3A;
    margin-bottom: 10px;
}

.recommended-seminar-webinar .response-time {
    padding: 8px 0px;
    font-size: 20px;
    font-weight: 400;
    display: inline-block;
    margin-bottom: 10px;
    color: #000000CC;
}

.recommended-seminar-webinar .salary-experience-container {
    display: flex;
    gap: 20px;
}

.recommended-seminar-webinar .salary,
.experience {
    padding: 8px 15px;
    font-size: 19px;
    color: #000000;
    font-weight: 400;
    white-space: nowrap;
}

.recommended-seminar-webinar .apply-btn {
    background-color: #FFFFFF;
    border: 2px solid #000000;
    border-radius: 10px;
    padding: 10px 25px;
    font-weight: 600;
    font-size: 18px;
    margin: 20px;
    cursor: pointer;
    white-space: nowrap;
    align-self: center;
    background: linear-gradient(to right, #3A3A3A, #351C8F) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    margin-right: 30px;
}

.recommended-seminar-webinar .apply-btn:hover {
    background-color: #2980b9;
}

@media (max-width: 768px) {
    .recommended-seminar-webinar .container {
        width: 95%;
        padding: 0 10px;

    }

    .recommended-seminar-webinar .recommended-heading {
        font-size: 18px;
    }

    .recommended-seminar-webinar .subtitle {
        font-size: 28px;
        margin-bottom: 30px;
    }

    .recommended-seminar-webinar .adding-padding-top {
        margin-top: 31px !important;
    }

    .recommended-seminar-webinar .job-content {
        flex-direction: column;
        border-radius: 23px;
        padding: 0 0 15px 0;
        border: 1px solid rgba(128, 126, 126, 0.5);
    }

    .recommended-seminar-webinar .job-card {
        background-color: rgba(246, 249, 255, 0.5);
        margin-bottom: 20px;
        overflow: hidden;
        border-radius: 10px;
    }

    .recommended-seminar-webinar .job-image {
        width: 100%;
        height: 200px;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        border-bottom-right-radius: 20px;
        border-bottom-left-radius: 20px;
    }

    .recommended-seminar-webinar .job-details {
        margin-left: 0 !important;
        padding: 20px 15px;
    }

    .recommended-seminar-webinar .job-details h3 {
        font-size: 24px;
    }

    .recommended-seminar-webinar .response-time {
        font-size: 16px;
        margin-bottom: 15px;
        padding: 6px 0px;
    }

    .recommended-seminar-webinar .salary-experience-container {
        flex-direction: column;
        gap: 10px;
    }

    .recommended-seminar-webinar .salary,
    .experience {
        font-size: 16px;
        padding: 6px 0px;
    }

    .recommended-seminar-webinar .apply-btn {
        margin: 15px auto;
        width: calc(100% - 30px);
        padding: 8px;
        font-size: 16px;
        border-radius: 14px;
    }
}

@media (max-width: 480px) {
    .recommended-seminar-webinar {
        padding: 60px 4px 50px 4px;
    }

    .recommended-seminar-webinar .recommended-heading {
        font-size: 17px;
    }

    .recommended-seminar-webinar .subtitle {
        font-size: 22px;
        margin-bottom: 20px;
    }

    .recommended-seminar-webinar .job-details h3 {
        font-size: 20px;
    }

    .recommended-seminar-webinar .job-details {
        padding: 15px;
    }
}

/* end css Recommended Seminar & Webinars */

/* success story seminar page css start */

.success-story-seminar-ptw {
    background-color: #F6F9FF;
    padding: 50px 0px 40px 0px;
}

.success-story-seminar-ptw .container {
    margin: 0 auto;
    padding: 0 15px;
}

.success-story-seminar-ptw .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 28px;
    position: relative;
}

.success-story-seminar-ptw .header h2 {
    color: #170F49;
    font-size: 36px;
    font-weight: 600;
    margin: 0;
}

.success-story-seminar-ptw .owl-nav {
    display: flex;
    gap: 22px;
    position: absolute;
    right: 15px;
    top: 0;
}

.success-story-seminar-ptw .owl-nav button {
    background: #FFFFFF !important;
    border-radius: 50% !important;
    width: 42px;
    height: 42px;
    border: none !important;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    cursor: pointer;
}

.success-story-seminar-ptw .owl-nav .owl-next {
    background-color: #f0f4ff !important;
    border: 1px solid #172C77 !important;
}

.success-story-seminar-ptw .owl-nav .owl-prev {
    border: 1px solid #172C77 !important;
}

.success-story-seminar-ptw .owl-nav button span {
    font-size: 24px;
    line-height: 1;
    color: #1B54B2;
}

.success-story-seminar-ptw .card {
    background: #FFFFFF;
    border-radius: 20px;
    padding: 50px 40px 50px 40px;
    margin: 5px;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.25);
    height: auto;
    border: 1.5px solid rgba(0, 0, 0, 0.09);
    box-shadow: 0px 5px 14px 0px rgba(8, 15, 52, 0.02);
    width: 440px;
}

.success-story-seminar-ptw .card-content {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.success-story-seminar-ptw .card-content p {
    color: #170F49;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 0px;
    text-align: left;
}

.success-story-seminar-ptw .testimonial-text {
    color: #6F6C90;
    text-align: left;
    font-weight: 400;
    margin: 15px 0 1px 0;
    line-height: 1.6;
    font-size: 18px;
    flex-grow: 1;
}

.success-story-seminar-ptw .bottom-content {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 20px;
}

.success-story-seminar-ptw .name-designation {
    text-align: left;
    display: flex;
    align-items: center;
    gap: 15px;
}

.success-story-seminar-ptw .profile-img {
    width: 62px !important;
    height: 62px !important;
    object-fit: cover;
}

.success-story-seminar-ptw .name-designation h3 {
    font-size: 18px;
    font-weight: 700;
    margin: 0;
    color: #170F49;
}

.success-story-seminar-ptw .name-designation span {
    font-size: 18px;
    color: #6F6C90;
    font-weight: 400;
    display: block;
    margin-top: 4px;
}

@media (max-width: 767px) {
    .success-story-seminar-ptw {
        padding: 50px 0 40px 0px;
    }

    .success-story-seminar-ptw .container {
        padding: 0 10px;
    }

    .success-story-seminar-ptw .header {
        margin-bottom: 31px;
        padding: 0 14px;
    }

    .success-story-seminar-ptw .header h2 {
        font-size: 19px;
        white-space: nowrap;
        margin-right: 15px;

    }

    .success-story-seminar-ptw .owl-nav {
        gap: 12px;
    }

    .success-story-seminar-ptw .owl-nav button {
        width: 32px;
        height: 32px;
    }

    .success-story-seminar-ptw .card {
        padding: 46px 25px 36px 25px;
        border-radius: 13px;
        margin: 0 10px;
        width: 335px;
    }

    .success-story-seminar-ptw .card-content p {
        font-size: 16px;
    }

    .success-story-seminar-ptw .testimonial-text {
        font-size: 15px;
        margin: 13px 0;
        line-height: 1.4;
    }

    .success-story-seminar-ptw .profile-img {
        width: 40px;
        height: 40px;
    }
}

/* success story seminar page css end here  */

/* ============== END WEBINAR AND SEMINRA CSS END HERE   ================= */





/* ============== DIGITAL MARKETING PAGE CSS START HERE   ================= */


/* Digital merketing banner start here */

/* digital marketing banner css start */
.digital-marketing-banner {
    position: relative;
    padding: 180px 0 110px 0;
    color: #ffffff;
    text-align: center;
    overflow: hidden;
    /* background-color: #000;  */
}

.digital-marketing-banner .bg-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}

.digital-marketing-banner .container {
    position: relative;
    z-index: 1;
    max-width: 1200px;
    padding: 0 20px;
}

.digital-marketing-banner h1 {
    font-size: 35px;
    font-weight: 600;
    margin-bottom: 15px;
    line-height: 1.3;
    color: #FFFFFF;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

.digital-marketing-banner .tagline {
    font-size: 17px;
    max-width: 725px;
    margin: 0 auto;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 1.5;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

@media (max-width: 992px) {
    .digital-marketing-banner {
        padding: 150px 0 80px 0;
    }

    .digital-marketing-banner h1 {
        font-size: 32px;
    }

    .digital-marketing-banner .tagline {
        font-size: 17px;
        max-width: 80%;
    }
}


@media (max-width: 768px) {
    .digital-marketing-banner {
        padding: 130px 0 70px 0;
        min-height: 400px;
    }

    .digital-marketing-banner h1 {
        font-size: 28px;
        margin-bottom: 12px;
    }

    .digital-marketing-banner .tagline {
        font-size: 16px;
        max-width: 85%;
    }
}


@media (max-width: 576px) {
    .digital-marketing-banner {
        padding: 120px 15px 60px 15px;
        min-height: 350px;
    }

    .digital-marketing-banner h1 {
        font-size: 24px;
        line-height: 1.4;
        margin-bottom: 10px;
    }

    .digital-marketing-banner .tagline {
        font-size: 12px;
        line-height: 1.6;
        max-width: 90%;
        padding: 0 5px;
    }
}

/* end here digital marketing banner here */


/* digital marketing use redirection page start */
.digital-marketing-redirect {
    padding: 35px 0px 60px 0px !important;
}

.digital-marketing-redirect .container {}

.breadcrumb-container {
    display: flex;
    align-items: center;
    white-space: nowrap;
    overflow: hidden;
}

.digital-marketing-redirect a {
    text-decoration: none;
    color: #000000;
    font-size: 19px;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    transition: color 0.3s ease;
    white-space: nowrap;
}

.digital-marketing-redirect a:hover {
    color: #1B54B2;
}

.digital-marketing-redirect .arrow-icon {
    margin: 0 8px;
    width: 14px;
    height: 14px;
    object-fit: contain;
    flex-shrink: 0;
}

.digital-marketing-redirect .current-page {
    font-size: 19px;
    color: rgba(0, 0, 0, 0.5);
    font-weight: 500;
    white-space: nowrap;
}


@media (max-width: 992px) {
    .digital-marketing-redirect {
        padding: 30px 0 50px 0 !important;
    }

    .digital-marketing-redirect a,
    .digital-marketing-redirect .current-page {
        font-size: 18px;
    }
}


@media (max-width: 768px) {
    .digital-marketing-redirect {
        padding: 25px 0 40px 0 !important;
    }

    .digital-marketing-redirect a,
    .digital-marketing-redirect .current-page {
        font-size: 16px;
    }

    .digital-marketing-redirect .arrow-icon {
        width: 12px;
        height: 12px;
        margin: 0 6px;
    }
}

@media (max-width: 576px) {
    .digital-marketing-redirect {
        padding: 30px 4px 40px 3px !important;
    }

    .digital-marketing-redirect a,
    .digital-marketing-redirect .current-page {
        font-size: 16px;
    }

    .breadcrumb-container {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 2px;
        padding: 0 7px;
    }

    /* .digital-marketing-redirect .arrow-icon {
        width: 10px;
        height: 10px;
        margin: 0 5px;
    } */
}

/* end page use redirection here */




/* css start here Certified Digital Marketing Programs
 */
.certified-digital-m-program {
    background-color: #FFFFFF;
    padding: 25px 0px 40px 0px;
}

.certified-digital-m-program .container {
    margin: 0 auto;
    padding: 0 0px;
}

.certified-digital-m-program .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
    position: relative;
}

.certified-digital-m-program .header h2 {
    color: #29359F;
    font-size: 35px;
    font-weight: 600;
    margin: 0;
    background: linear-gradient(to right, #3A3A3A, #29359F) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    display: inline-block;
}

.certified-digital-m-program .owl-nav {
    display: flex;
    gap: 22px;
    position: absolute;
    right: 15px;
    top: 0;
}

.certified-digital-m-program .owl-nav button {
    background: #FFFFFF !important;
    border-radius: 50% !important;
    width: 42px;
    height: 42px;
    border: none !important;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    cursor: pointer;
}

.certified-digital-m-program .card {
    background: #FFFFFF;
    border-radius: 20px;
    padding: 20px;
    margin: 5px;
    border: 1px solid rgba(5, 9, 120, 0.15);
    transition: all 0.3s ease;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.07);
}

.certified-digital-m-program .card-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.certified-digital-m-program .course-img {
    width: 100%;
    width: 310px !important;
    height: 187px;
    object-fit: cover;
    border-radius: 15px;
    margin-bottom: 20px;
}

.certified-digital-m-program .duration-level {
    display: flex;
    gap: 10px;
    margin-bottom: 15px;
}

.certified-digital-m-program .duration,
.certified-digital-m-program .level {
    font-size: 12px;
    font-weight: 400;
    border: 1px solid rgba(181, 181, 181, 0.5);
    padding: 4px 15px;
    border-radius: 50px;
    background-color: rgba(226, 226, 226, 0.2);
    color: #000000;
}

.certified-digital-m-program h3 {
    font-size: 17px;
    font-weight: 600;
    margin: 0 0 17px 0;
    color: #2C2C2C;
    line-height: 1.5;
    min-height: 60px;
}

.certified-digital-m-program .rating {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 20px;
}


/* .rating img {
    width: 119px;
    height: 16px;
} */

.certified-digital-m-program .star-icon {
    color: #FFCA28 !important;
    display: flex;
    font-size: 16px;
    gap: 5px;
    font-weight: 400 !important;
    align-items: center;
}

.certified-digital-m-program .rating span {
    font-size: 14px;
    color: #6B7280;
}

.certified-digital-m-program .owl-nav .owl-next {
    background-color: #1B54B2 !important;
}

.certified-digital-m-program .owl-nav .owl-prev {
    border: 1px solid #172C77 !important;
}

.certified-digital-m-program .get-it-btn {
    display: inline-block;
    background-color: #F7F7F8 !important;
    font-weight: 500;
    padding: 12px 25px;
    color: #262626;
    font-size: 20px;
    border: 1px solid #F1F1F3 !important;
    border-radius: 8px;
    text-align: center;
    text-decoration: none;
    transition: all 0.3s ease;
    margin-top: auto !important;
}

.certified-digital-m-program .get-it-btn:hover {
    background-color: #e0e0e2 !important;
}

/* Mobile Responsive Styles */
@media (max-width: 991px) {
    .certified-digital-m-program {
        padding: 25px 0 50px;
    }
}

@media (max-width: 767px) {
    .certified-digital-m-program .header {
        align-items: flex-start;
        gap: 15px;
        padding: 0 4px;
    }

    .certified-digital-m-program .header h2 {
        font-size: 28px;
        width: 100%;
    }

    .certified-digital-m-program .owl-nav {
        position: relative;
        right: auto;
        top: auto;
        align-self: flex-end;
    }

    .certified-digital-m-program .card {
        padding: 15px;
        margin: 5px 10px;
    }

    .certified-digital-m-program .course-img {
        height: 160px;
        width: 100% !important;
    }

    .certified-digital-m-program .owl-nav button {
        width: 32px;
        height: 32px;
    }

    .certified-digital-m-program .owl-nav {
        gap: 15px;
        padding: 0 10px;
    }


    .certified-digital-m-program h3 {
        font-size: 18px;
        min-height: auto;
        margin-bottom: 15px;
    }

    .certified-digital-m-program .get-it-btn {
        padding: 10px 20px;
        font-size: 16px;
    }
}

@media (max-width: 575px) {
    .certified-digital-m-program .header h2 {
        font-size: 18px;
        padding: 0 11px;
    }

    .certified-digital-m-program h3 {
        font-size: 18px;
    }

    .certified-digital-m-program .course-img {
        height: 160px;
    }

    .certified-digital-m-program .get-it-btn {
        font-size: 15px;
        padding: 10px 15px;
    }

    .certified-digital-m-program .duration,
    .certified-digital-m-program .level {
        padding: 3px 10px;
        font-size: 11px;
    }

    .certified-digital-m-program .container {
        margin: 0 auto;
        padding: 0 7px;
    }
}

/* css end here Certified Digital Marketing Programs
 */



/* css start Why Choose Career in Digital Marketing page */

/* Desktop Styles - No Changes */
.why-choose-in-dm {
    padding: 60px 0 30px 0;
    background-color: #f6f9ffb2;
    position: relative;
}

.why-choose-in-dm-header {
    text-align: center;
    margin-bottom: 125px;
}

.why-choose-in-dm-header h1 {
    font-size: 39px;
    color: #2c3e50;
    margin-bottom: 15px;
    font-weight: 600;
    background: linear-gradient(to right, #272727, #2a3599) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    display: inline-block;
}

.why-choose-in-dm-header p {
    font-size: 19px;
    color: #00000099;
    font-weight: 500;
}

.why-choose-in-dm-feature {
    text-align: center;
    padding: 0 15px;
    margin-bottom: 30px;
    position: relative;
}

.why-choose-in-dm-feature-img-top {
    margin: 0 auto 20px;
    max-width: 80px;
    height: auto;
    display: block;
    position: relative;
    top: -30px;
    z-index: 2;
}

.why-choose-in-dm-feature-img-bottom {
    margin: 40px auto 0;
    max-width: 80px;
    height: auto;
    display: block;
    position: relative;
    top: 2px;
    z-index: 2;
}

.why-choose-in-dm-feature h3 {
    font-size: 22px;
    color: rgba(0, 0, 0, 0.8);
    margin-bottom: 7px;
    font-weight: 600;
    position: relative;
    z-index: 2;
}

.why-choose-in-dm-feature p {
    font-size: 17px;
    color: #000000CC;
    font-weight: 400;
    line-height: 1.6;
    position: relative;
    z-index: 2;
}

.why-choose-in-dm-line {
    position: absolute;
    width: 100px;
    height: auto;
    z-index: 1;
}

.why-choose-in-dm-row .line-1 {
    width: 306px;
    top: 0px;
    left: 12%;
    height: 162px;
}

.why-choose-in-dm-row .line-2 {
    top: 0px;
    left: 37%;
    width: 306px;
    height: 161px;
}

.why-choose-in-dm-row .line-3 {
    top: 0px;
    left: 61%;
    width: 305px;
    height: 161px;
}

.why-choose-in-dm-row {
    position: relative;
}

.why-choose-in-dm .third-img-bottom {
    margin-top: -0px !important;
}


@media (max-width: 991px) {
    .why-choose-in-dm-line {
        display: none;
    }

    .why-choose-in-dm-header {
        margin-bottom: 60px;
    }

    .why-choose-in-dm-header h1 {
        font-size: 32px;
    }

    .why-choose-in-dm-header p {
        font-size: 18px;
    }

    .why-choose-in-dm-row .col-md-6 {
        width: 50%;
        float: left;
        padding: 0 10px;
    }

    .why-choose-in-dm-feature {
        margin-bottom: 40px;
        display: flex;
        flex-direction: column;
    }


    .why-choose-in-dm-feature-img-top,
    .why-choose-in-dm-feature-img-bottom {
        order: 1;
        max-width: 70px;
        margin: 0 auto 15px !important;
        position: static;
        top: auto;
    }

    .why-choose-in-dm-feature h3 {
        order: 2;
        font-size: 22px;
        margin-top: 0;
        margin-bottom: 10px;
    }

    .why-choose-in-dm-feature p {
        order: 3;
        font-size: 17px;
    }

    .move-top-sidec {
        margin-top: 0 !important;
    }

    .third-img-bottom {
        margin-right: auto !important;
    }


    .why-choose-in-dm-row::after {
        content: "";
        display: table;
        clear: both;
    }
}


@media (max-width: 576px) {
    .why-choose-in-dm-header h1 {
        font-size: 28px;
    }

    .why-choose-in-dm-header p {
        font-size: 16px;
    }

    .why-choose-in-dm-row .col-md-6 {
        width: 100%;
        float: none;
        padding: 0;
    }

    .why-choose-in-dm-feature {
        margin-bottom: 30px;
        max-width: 300px;
        margin-left: auto;
        margin-right: auto;
    }

    .why-choose-in-dm-header {
        margin-bottom: 50px;
    }

    .why-choose-in-dm {
        padding: 60px 4px 20px 4px;
        background-color: #f6f9ffb2;
        position: relative;
    }

    /* make two cart into a row for small devices  */

    /* .why-choose-in-dm-row .col-md-6 {
        width: 50%;
        float: left;
        padding: 0 10px;
    } */
}

/* css end here Why Choose Career in Digital Marketing page */

/* ============== DIGITAL MARKETING PAGE CSS END HERE   ================= */


/* =========== LOGIN PAGE CSS START HERE ================*/
.login-page-ptw {
    color: #333;
    padding: 50px 0;
}

.login-page-ptw .login-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px 50px 15px;
}

.login-form .form-control:focus {
    box-shadow: none !important;
    border: 1px solid #bdc3c7 !important;
    outline: none !important;
}


.login-page-ptw .login-wrapper {
    display: flex;
    align-items: center;
    border-radius: 10px;
    overflow: hidden;
}

.login-page-ptw .login-image {
    flex: 1;
    padding: 30px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.login-page-ptw .login-illustration {
    width: 534px;
    height: 716px;
}

.login-page-ptw .login-form {
    flex: 1;
    padding: 40px;
    max-width: 540px;
}

.login-page-ptw .login-title {
    font-size: 40px;
    margin-bottom: 25px;
    color: #313131;
    font-weight: 500;
}

.login-page-ptw .login-subtitle {
    color: #313131;
    margin-bottom: 30px;
    font-size: 16px;
    font-weight: 400;
}


.login-page-ptw .form-group {
    position: relative;
    margin-bottom: 20px;
}


.login-page-ptw .form-control {
    width: 100%;
    padding: 14px 15px 14px 15px;
    font-size: 16px;
    font-weight: 400;
    border: 1px solid #bdc3c7;
    border-radius: 4px;
    outline: none;
    transition: border-color 0.3s;
    color: #313131;
}

/* .login-page-ptw .form-group label {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: #7f8c8d;
    font-size: 16px;
    transition: all 0.3s;
    pointer-events: none;
    background: white;
    padding: 0 4px;
}

.login-page-ptw .form-control:focus+label,
.login-page-ptw .form-control:not(:placeholder-shown)+label {
    top: -8px;
    left: 10px;
    font-size: 14px;
    color: #000;
    transform: none;
} */


.login-page-ptw .form-control:focus {
    border-color: #4e54c8;
}

.login-page-ptw .form-options {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
}

.login-page-ptw .remember-me {
    display: flex;
    font-size: 14px;
    font-weight: 500;
    align-items: center;
}

.login-page-ptw .remember-me input {
    margin-right: 8px;
    height: 18px;
    width: 18px;
    border: 2px solid #313131 !important;
    border-radius: 4px;
}

.login-page-ptw .forgot-password {
    color: #FF8682;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    transition: color 0.3s;
}

.login-page-ptw .forgot-password:hover {
    color: #c0392b;
}


.login-page-ptw .login-btn {
    width: 100%;
    padding: 14px;
    background: linear-gradient(to right, #515DEF, #2E3589);
    color: #F3F3F3;
    font-weight: 600;
    border: none;
    border-radius: 4px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: opacity 0.3s;
}

.login-page-ptw .login-btn:hover {
    opacity: 0.9;
}


.login-page-ptw .signup-text {
    text-align: center;
    margin: 20px 0 40px 0;
    color: #313131;
    font-weight: 500;
    font-size: 16px;
}

.login-page-ptw .signup-link {
    color: #FF8682;
    text-decoration: none;
    font-weight: 500;
    font-size: 16px;
}

.login-page-ptw .divider {
    display: flex;
    align-items: center;
    margin: 25px 0 40px 0;
    color: #7f8c8d;
}

.login-page-ptw .divider-line {
    flex: 1;
    height: 0.5px;
    background: #bdc3c7;
}

.login-page-ptw .divider-text {
    padding: 0 15px;
    font-size: 14px;
    font-weight: 400;
}


.login-page-ptw .login-social-icons {
    display: flex;
    justify-content: center;
    gap: 15px;
}

.login-page-ptw .login-social-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    padding: 12px 70px !important;
    border: 1px solid #515DEF;
    border-radius: 4px;
    transition: transform 0.3s;
}

.login-page-ptw .login-social-icon img {
    padding: 0;
    border: none;
}




@media (max-width: 992px) {
    .login-page-ptw .login-wrapper {
        flex-direction: column-reverse;
    }

    .login-page-ptw .login-image,
    .login-page-ptw .login-form {
        width: 100%;
        max-width: 100%;
    }

    .login-page-ptw .login-image {
        padding: 0 20px 40px;
    }

    .login-page-ptw .login-form {
        padding: 30px;
    }

    .login-page-ptw .login-illustration {
        width: 100%;
        height: auto;
        max-width: 400px;
    }
}

@media (max-width: 767px) {
    .login-page-ptw .login-container {
        max-width: 1200px;
        margin: 0 auto;
        padding: 10px 5px;
    }

    .login-page-ptw .divider {

        margin: 25px 0 34px 0;

    }

    .login-page-ptw {
        color: #333;
        padding: 20px 0 20px;
    }

    .login-page-ptw .form-group {
        position: relative;
        margin-bottom: 20px;
    }

    .login-page-ptw .login-illustration {
        margin-top: 20px;
        height: 370px;
    }
}


@media (max-width: 576px) {
    .login-page-ptw .login-form {
        padding: 20px;
    }

    .login-page-ptw .form-options {
        align-items: flex-start;
        gap: 15px;
    }

    .login-page-ptw .login-social-icon {
        padding: 0px 48px !important;
    }
}

/* =========== END LOGIN PAGE CSS HERE   ================ */





/* =========== SIGNUP PAGE CSS START HERE ================*/
.sign-up-form-ptw {
    color: #333;
    padding: 50px 0;
}

.sign-up-form-ptw .sign-up-container {
    margin: 0 auto;
    padding: 0 15px;

}

.sign-up-form-ptw .sign-up-wrapper {
    display: flex;
    align-items: center;
    border-radius: 10px;
    overflow: hidden;
    justify-content: center;
}

.sign-up-form-ptw .sign-up-illustration {
    width: 455px;
    height: 764px;
}

.sign-up-form-ptw .sign-up-image {
    flex: 1;
    padding: 0px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    max-width: 50%;
}


.sign-up-form-ptw .sign-up-form {
    flex: 1;
    padding: 40px;
    max-width: 600px;
}


.sign-up-form-ptw .sign-up-title {
    font-size: 40px;
    margin-bottom: 25px;
    color: #313131;
    font-weight: 500;
}

.sign-up-form-ptw .sign-up-subtitle {
    color: #313131;
    margin-bottom: 30px;
    font-size: 16px;
    font-weight: 400;
}

.sign-up-form-ptw .form-row {
    display: flex;
    gap: 15px;
    margin-bottom: 0px;
}

.sign-up-form-ptw .form-control:focus {
    border-color: #4e54c8;
    box-shadow: none !important;
    border: 1px solid #bdc3c7 !important;
    outline: none !important;
}

.sign-up-form-ptw .form-group {
    position: relative;
    margin-bottom: 20px;
}

.sign-up-form-ptw .half-width {
    flex: 1;
}

.sign-up-form-ptw .form-control {
    width: 100%;
    padding: 14px 15px 14px 15px;
    font-size: 16px;
    font-weight: 400;
    border: 1px solid #bdc3c7;
    border-radius: 4px;
    outline: none;
    transition: border-color 0.3s;
    color: #313131;
}

/* .sign-up-form-ptw .form-group label {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: #7f8c8d;
    font-size: 16px;
    transition: all 0.3s;
    pointer-events: none;
    background: white;
    padding: 0 4px;
} */
/* .sign-up-form-ptw .form-control:focus+label,
.sign-up-form-ptw .form-control:not(:placeholder-shown)+label {
    top: -8px;
    left: 10px;
    font-size: 14px;
    color: #000;
    transform: none;
} */

.sign-up-form-ptw .form-control:focus {
    border-color: #4e54c8;
}

.sign-up-form-ptw .form-checkbox {
    display: flex;
    align-items: center;
    margin-bottom: 40px;
    font-size: 14px;
    font-weight: 500;
}

.sign-up-form-ptw .form-checkbox input {
    margin-right: 8px;
    height: 18px;
    width: 18px;
    border: 2px solid #313131 !important;
    border-radius: 4px;
}

.sign-up-form-ptw .terms-link {
    color: #FF8682;
    text-decoration: none;
}

.sign-up-form-ptw .sign-up-btn {
    width: 100%;
    padding: 14px;
    background: linear-gradient(to right, #515DEF, #2E3589);
    color: #F3F3F3;
    font-weight: 600;
    border: none;
    border-radius: 4px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: opacity 0.3s;
}

.sign-up-form-ptw .sign-up-btn:hover {
    opacity: 0.9;
}

.sign-up-form-ptw .signup-text {
    text-align: center;
    margin: 20px 0 40px 0;
    color: #313131;
    font-weight: 500;
    font-size: 16px;
}

.sign-up-form-ptw .signup-link {
    color: #FF8682;
    text-decoration: none;
    font-weight: 500;
    font-size: 16px;
}

.sign-up-form-ptw .divider {
    display: flex;
    align-items: center;
    margin: 25px 0 35px 0;
    color: #7f8c8d;
}

.sign-up-form-ptw .divider-line {
    flex: 1;
    height: 0.5px;
    background: #bdc3c7;
}

.sign-up-form-ptw .divider-text {
    padding: 0 15px;
    font-size: 14px;
    font-weight: 400;
}

.sign-up-form-ptw .sign-up-social-icons {
    display: flex;
    justify-content: center;
    gap: 15px;
}

.sign-up-form-ptw .sign-up-social-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    padding: 12px 79px !important;
    border: 1px solid #515DEF;
    border-radius: 4px;
    transition: transform 0.3s;
}

.sign-up-form-ptw .sign-up-social-icon img {
    padding: 0;
    border: none;
}

@media (max-width: 992px) {
    .sign-up-form-ptw .sign-up-wrapper {
        flex-direction: column-reverse;
    }

    .sign-up-form-ptw .sign-up-image,
    .sign-up-form-ptw .sign-up-form {
        width: 100%;
        max-width: 100%;
    }

    .sign-up-form-ptw .sign-up-image {
        padding: 0 20px 40px;
    }

    .sign-up-form-ptw .sign-up-form {
        padding: 30px;
    }

    .sign-up-form-ptw .sign-up-illustration {
        width: 100%;
        height: auto;
        max-width: 400px;
    }
}

@media (max-width: 767px) {
    .sign-up-form-ptw .sign-up-container {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 5px;
    }

    .sign-up-form-ptw .divider {
        margin: 25px 0 34px 0;
    }

    .sign-up-form-ptw .form-group {
        position: relative;
        margin-bottom: 15px;
    }

    .sign-up-form-ptw {
        color: #333;
        padding: 40px 0 20px;
    }

    .sign-up-form-ptw .sign-up-illustration {
        margin-top: 20px;
    }

    .sign-up-form-ptw .sign-up-illustration {
        width: 100%;
        height: auto;
        max-width: 400px;
        height: 370px;
    }
}

@media (max-width: 576px) {
    .sign-up-form-ptw .sign-up-form {
        padding: 21px;
    }

    .sign-up-form-ptw .form-row {
        flex-direction: column;
        gap: 0px;
    }

    .sign-up-form-ptw .sign-up-social-icon {
        padding: 0px 48px !important;
    }
}

/* =========== END SIGNUP PAGE CSS HERE   ================ */




/* =========== FORGOT PASSWORD PAGE CSS START HERE ================*/
.forget-password-ptw {
    color: #333;
    padding: 50px 0 4px 0;
}

.forget-password-ptw .forget-password-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px 50px 15px;
}

.forget-password-ptw .forget-password-wrapper {
    display: flex;
    align-items: center;
    border-radius: 10px;
    overflow: hidden;
}

.forget-password-ptw .forget-password-image {
    flex: 1;
    padding: 30px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.forget-password-ptw .forget-password-illustration {
    width: 560px;
    height: 760px;
}

.forget-password-ptw .forget-password-form {
    flex: 1;
    padding: 40px;
    max-width: 555px;
}

.forget-password-ptw .back-to-login {
    color: #313131;
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 20px;
    display: inline-block;
    position: relative;
    padding-left: 20px;
}

.forget-password-ptw .img-back-login {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}


.forget-password-ptw .forget-password-title {
    font-size: 40px;
    margin-bottom: 25px;
    color: #313131;
    font-weight: 500;
}

.forget-password-ptw .forget-password-subtitle {
    color: #313131;
    margin-bottom: 42px;
    font-size: 16px;
    font-weight: 400;
}

.forget-password-ptw .form-group {
    position: relative;
    margin-bottom: 25px;
}

.forget-password-ptw .form-control {
    width: 100%;
    padding: 14px 15px 14px 15px;
    font-size: 16px;
    font-weight: 400;
    border: 1px solid #bdc3c7;
    border-radius: 4px;
    outline: none;
    transition: border-color 0.3s;
    color: #313131;
}

/* 
.forget-password-ptw .form-group label {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: #7f8c8d;
    font-size: 16px;
    transition: all 0.3s;
    pointer-events: none;
    background: white;
    padding: 0 4px;
}

.forget-password-ptw .form-control:focus+label,
.forget-password-ptw .form-control:not(:placeholder-shown)+label {
    top: -8px;
    left: 10px;
    font-size: 14px;
    color: #000;
    transform: none;
} */

.forget-password-ptw .form-control:focus {
    border-color: #4e54c8;
    box-shadow: none !important;
    border: 1px solid #bdc3c7 !important;
    outline: none !important;
}

.forget-password-ptw .forget-password-btn {
    width: 100%;
    padding: 14px;
    background: linear-gradient(to right, #515DEF, #2E3589);
    color: #F3F3F3;
    font-weight: 600;
    border: none;
    border-radius: 4px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: opacity 0.3s;
    margin-top: 7px;
}

.forget-password-ptw .forget-password-btn:hover {
    opacity: 0.9;
}

.forget-password-ptw .divider {
    display: flex;
    align-items: center;
    margin: 45px 0 45px 0;
    color: #7f8c8d;
}

.forget-password-ptw .divider-line {
    flex: 1;
    height: 0.5px;
    background: #bdc3c7;
}

.forget-password-ptw .divider-text {
    padding: 0 15px;
    font-size: 14px;
    font-weight: 400;
}

.forget-password-ptw .login-social-icons {
    display: flex;
    justify-content: center;
    gap: 15px;
}

.forget-password-ptw .login-social-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    padding: 12px 70px !important;
    border: 1px solid #515DEF;
    border-radius: 4px;
    transition: transform 0.3s;
}

.forget-password-ptw .login-social-icon img {
    padding: 0;
    border: none;
}

@media (max-width: 992px) {
    .forget-password-ptw .forget-password-wrapper {
        flex-direction: column-reverse;
    }

    .forget-password-ptw .forget-password-image,
    .forget-password-ptw .forget-password-form {
        width: 100%;
        max-width: 100%;
    }

    .forget-password-ptw .forget-password-image {
        padding: 0 20px 40px;
    }

    .forget-password-ptw .forget-password-form {
        padding: 30px;
    }

    .forget-password-ptw .forget-password-illustration {
        width: 100%;
        height: auto;
        max-width: 400px;
    }
}

@media (max-width: 767px) {
    .forget-password-ptw .forget-password-container {
        max-width: 1200px;
        margin: 0 auto;
        padding: 10px 5px;
    }

    .forget-password-ptw .divider {
        margin: 25px 0 25px 0;
    }

    .forget-password-ptw {
        color: #333;
        padding: 20px 0 20px;
    }

    .forget-password-ptw .forget-password-illustration {
        margin-top: 20px;
        height: 370px;
    }

    .forget-password-ptw .forget-password-title {
        font-size: 29px;
    }

    .forget-password-ptw .forget-password-subtitle {
        margin-bottom: 26px;
    }

    .forget-password-ptw .forget-password-btn {
        margin-top: 0px;
    }

    .forget-password-ptw .forget-password-title {
        margin-bottom: 20px;
    }
}

@media (max-width: 576px) {
    .forget-password-ptw .forget-password-form {
        padding: 20px;
    }

    .forget-password-ptw .login-social-icon {
        padding: 0px 48px !important;
    }
}

/* =========== END FORGOT PASSWORD PAGE CSS HERE   ================ */






/* =========== VERIFY PASSWORD PAGE CSS START HERE ================*/

.verify-password-ptw {
    color: #333;
    padding: 50px 0 4px 0;
}

.verify-password-ptw .verify-password-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px 50px 15px;
}

.verify-password-ptw .verify-password-wrapper {
    display: flex;
    align-items: center;
    border-radius: 10px;
    overflow: hidden;
}

.verify-password-ptw .verify-password-image {
    flex: 1;
    padding: 30px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.verify-password-ptw .verify-password-illustration {
    width: 560px;
    height: 750px;
}

.verify-password-ptw .verify-password-form {
    flex: 1;
    padding: 40px;
    max-width: 555px;
    margin-top: -60px;
}

.verify-password-ptw .back-to-login {
    color: #313131;
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 20px;
    display: inline-block;
    position: relative;
    padding-left: 20px;
}

.verify-password-ptw .img-back-login {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.verify-password-ptw .verify-password-title {
    font-size: 40px;
    margin-bottom: 25px;
    color: #313131;
    font-weight: 500;
}

.verify-password-ptw .verify-password-subtitle {
    color: #313131;
    margin-bottom: 42px;
    font-size: 16px;
    font-weight: 400;
}

.verify-password-ptw .form-group {
    position: relative;
    margin-bottom: 25px;
}

.verify-password-ptw .form-control {
    width: 100%;
    padding: 14px 15px 14px 15px;
    font-size: 16px;
    font-weight: 400;
    border: 1px solid #bdc3c7;
    border-radius: 4px;
    outline: none;
    transition: border-color 0.3s;
    color: #313131;
}

.verify-password-ptw .form-group label {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: #7f8c8d;
    font-size: 16px;
    transition: all 0.3s;
    pointer-events: none;
    background: white;
    padding: 0 4px;
}

.verify-password-ptw .form-control:focus+label,
.verify-password-ptw .form-control:not(:placeholder-shown)+label {
    top: -8px;
    left: 10px;
    font-size: 14px;
    color: #000;
    transform: none;
}

.verify-password-ptw .form-control:focus {
    border-color: #4e54c8;
    box-shadow: none !important;
    border: 1px solid #bdc3c7 !important;
    outline: none !important;
}

.verify-password-ptw .verify-password-btn {
    width: 100%;
    padding: 14px;
    background: linear-gradient(to right, #515DEF, #2E3589);
    color: #F3F3F3;
    font-weight: 600;
    border: none;
    border-radius: 4px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: opacity 0.3s;
    margin-top: 7px;
}

.verify-password-ptw .verify-password-btn:hover {
    opacity: 0.9;
}

.verify-password-ptw .code-example {
    color: #7f8c8d;
    font-size: 14px;
    margin-top: 5px;
}

.verify-password-ptw .resend-code {
    text-align: left;
    margin-top: -8px;
    margin-bottom: 25px;
}

.verify-password-ptw .resend-link {
    color: #FF8682;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
}

@media (max-width: 992px) {
    .verify-password-ptw .verify-password-wrapper {
        flex-direction: column-reverse;
    }

    .verify-password-ptw .verify-password-image,
    .verify-password-ptw .verify-password-form {
        width: 100%;
        max-width: 100%;
    }

    .verify-password-ptw .verify-password-image {
        padding: 0 20px 40px;
    }

    .verify-password-ptw .verify-password-form {
        padding: 30px;
    }

    .verify-password-ptw .verify-password-illustration {
        width: 100%;
        height: auto;
        max-width: 400px;
    }
}

@media (max-width: 767px) {
    .verify-password-ptw .verify-password-container {
        max-width: 1200px;
        margin: 0 auto;
        padding: 10px 5px;
    }

    .verify-password-ptw {
        color: #333;
        padding: 20px 0 20px;
    }

    .verify-password-ptw .verify-password-illustration {
        margin-top: 20px;
        height: 370px;
    }

    .verify-password-ptw .verify-password-title {
        font-size: 29px;
    }

    .verify-password-ptw .verify-password-subtitle {
        margin-bottom: 26px;
    }

    .verify-password-ptw .verify-password-btn {
        margin-top: 0px;
    }

    .verify-password-ptw .verify-password-title {
        margin-bottom: 20px;
    }

    .verify-password-ptw .verify-password-form {
        margin-top: 0px;
    }

    .verify-password-ptw .resend-code {
        text-align: left;
        margin-top: -10px !important;
        margin-bottom: 30px !important;
    }
}

@media (max-width: 576px) {
    .verify-password-ptw .verify-password-form {
        padding: 20px;
    }
}

/* =========== END VERIFY PASSWORD PAGE CSS HERE   ================ */





/* =========== SET PASSWORD PAGE CSS START HERE ================*/
.set-password-ptw {
    color: #333;
    padding: 50px 0 4px 0;
}

.set-password-ptw .set-password-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px 50px 15px;
}

.set-password-ptw .set-password-wrapper {
    display: flex;
    align-items: center;
    border-radius: 10px;
    overflow: hidden;
}

.set-password-ptw .set-password-image {
    flex: 1;
    padding: 30px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.set-password-ptw .set-password-illustration {
    width: 560px;
    height: 750px;
}

.set-password-ptw .set-password-form {
    flex: 1;
    padding: 40px;
    max-width: 555px;
    margin-top: -100px;
}

.set-password-ptw .back-to-login {
    color: #313131;
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 20px;
    display: inline-block;
    position: relative;
    padding-left: 20px;
}

.set-password-ptw .img-back-login {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.set-password-ptw .set-password-title {
    font-size: 40px;
    margin-bottom: 25px;
    color: #313131;
    font-weight: 500;
}

.set-password-ptw .set-password-subtitle {
    color: #313131;
    margin-bottom: 42px;
    font-size: 16px;
    font-weight: 400;
}

.set-password-ptw .form-group {
    position: relative;
    margin-bottom: 25px;
}

.set-password-ptw .form-control {
    width: 100%;
    padding: 14px 15px 14px 15px;
    font-size: 16px;
    font-weight: 400;
    border: 1px solid #bdc3c7;
    border-radius: 4px;
    outline: none;
    transition: border-color 0.3s;
    color: #313131;
}

.set-password-ptw .form-group label {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: #7f8c8d;
    font-size: 16px;
    transition: all 0.3s;
    pointer-events: none;
    background: white;
    padding: 0 4px;
}

.set-password-ptw .form-control:focus+label,
.set-password-ptw .form-control:not(:placeholder-shown)+label {
    top: -8px;
    left: 10px;
    font-size: 14px;
    color: #000;
    transform: none;
}

.set-password-ptw .form-control:focus {
    border-color: #4e54c8;
    box-shadow: none !important;
    border: 1px solid #bdc3c7 !important;
    outline: none !important;
}

.set-password-ptw .set-password-btn {
    width: 100%;
    padding: 14px;
    background: linear-gradient(to right, #515DEF, #2E3589);
    color: #F3F3F3;
    font-weight: 600;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    margin-top: 7px;
}

.set-password-ptw .set-password-btn:hover {
    opacity: 0.9;
}

.set-password-ptw .password-example {
    color: #7f8c8d;
    font-size: 14px;
    margin-top: 5px;
}

@media (max-width: 992px) {
    .set-password-ptw .set-password-wrapper {
        flex-direction: column-reverse;
    }

    .set-password-ptw .set-password-image,
    .set-password-ptw .set-password-form {
        width: 100%;
        max-width: 100%;
    }

    .set-password-ptw .set-password-image {
        padding: 0 20px 40px;
    }

    .set-password-ptw .set-password-form {
        padding: 30px;
    }

    .set-password-ptw .set-password-illustration {
        width: 100%;
        height: auto;
        max-width: 400px;
    }
}

@media (max-width: 767px) {
    .set-password-ptw .set-password-container {
        max-width: 1200px;
        margin: 0 auto;
        padding: 10px 5px;
    }

    .set-password-ptw {
        color: #333;
        padding: 20px 0 20px;
    }

    .set-password-ptw .set-password-illustration {
        margin-top: 20px;
        height: 370px;
    }

    .set-password-ptw .set-password-title {
        font-size: 29px;
    }

    .set-password-ptw .set-password-subtitle {
        margin-bottom: 26px;
    }

    .set-password-ptw .set-password-btn {
        margin-top: 0px;
    }

    .set-password-ptw .set-password-title {
        margin-bottom: 20px;
    }

    .set-password-ptw .set-password-form {
        margin-top: 0px;
    }

    .set-password-ptw .set-password-subtitle {
        font-size: 14px;
    }
}

@media (max-width: 576px) {
    .set-password-ptw .set-password-form {
        padding: 20px;
    }
}

/* =========== END SET PASSWORD PAGE CSS HERE   ================ */



/* ==================  ALL TRANDING SINGLE COURSE PAGE CSS START HERE================= */


/* css start explore trending courses cart */
.All-tranding-course-explore {
    --pedesta-primary-color: #2c3e50;
    --pedesta-secondary-color: #3498db;
    --pedesta-light-color: #ecf0f1;
    --pedesta-dark-color: #2c3e50;
}

.All-tranding-course-explore .courses-section {
    padding: 1px 2px 30px 2px;

}

.All-tranding-course-explore .course-card {
    border-radius: 12px;
    overflow: hidden;
    border: none;
    border-radius: 20px;
    box-shadow: 0px 4px 4.3px rgba(217, 236, 255, 0.5);
    transition: all 0.3s ease;
    transition: all 0.3s ease-in-out;
    border: 1px solid #d8e9ff;
    height: 100%;
    display: flex;
    flex-direction: column;
    cursor: pointer;
}


.All-tranding-course-explore .course-card:hover {
    box-shadow: 0 10px 12px rgba(33, 105, 255, 0.15);
    background-image: linear-gradient(135deg, #FFFFFF, #F4F9FF);
    transition: all 0.3s ease-in-out;
    border: 1px solid #D3E8FF;
}

.All-tranding-course-explore .course-top-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 15px 0;
}

.All-tranding-course-explore .course-date {
    font-size: 18px;
    color: #4C4C4D;
    font-weight: 400;
}

.All-tranding-course-explore .course-rating-img {
    /* width: 80px;
        height: auto; */
}

.All-tranding-course-explore .star-icon {
    color: #FFCA28;
    display: flex;
    font-size: 16px;
    gap: 10px;
    font-weight: 400 !important;
    align-items: center;
}


/* 
.All-tranding-course-explore .course-img {
    height: 260px;
    object-fit: cover;
    width: 100%;
} */


.All-tranding-course-explore .course-img-wrapper {
    height: 260px !important;
    width: 100% !important;
    background-color: #f9f9f9;
    /* optional fallback bg */
    display: flex !important;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.All-tranding-course-explore .course-img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    display: block;
}


.All-tranding-course-explore .course-body {
    padding: 15px 15px 25px 15px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.All-tranding-course-explore .course-title {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 17px;
    color: #2C2C2C;
}

.All-tranding-course-explore .course-description {
    margin-bottom: 0;
    line-height: 1.6;
    font-size: 18px;
    font-weight: 400;
    color: #4C4C4D;
}

.All-tranding-course-explore .course-price-enroll {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: auto;
}

.All-tranding-course-explore .course-pricing {
    display: flex;
    gap: 10px;
    align-items: center;
}

.All-tranding-course-explore .current-price {
    font-size: 17px;
    font-weight: 700;
    color: #FD661F;
}

.All-tranding-course-explore .original-price {
    font-size: 16px;
    color: #999;
}

.All-tranding-course-explore .strikethrough-amount {
    text-decoration: line-through;
    margin-left: 5px;
    font-size: 16px;
}

.All-tranding-course-explore .currency-symbol {
    text-decoration: none;
}

.All-tranding-course-explore .btn-enroll {
    background-color: #1D50B0;
    color: #FFFFFF;
    border: 1px solid #0101D9;
    padding: 5px 10px;
    border-radius: 8px;
    font-weight: 500;
    font-size: 17px;
    transition: all 0.3s;
    white-space: nowrap;
}

/* Pagination Styles - Updated to match screenshot */
.All-tranding-course-explore .pagination-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 55px;
    padding: 15px 0;
}

.All-tranding-course-explore .pagination-info {
    font-size: 22px;
    font-weight: 400;
    color: #000000;
}

.All-tranding-course-explore .pagination-controls {
    display: flex;
    gap: 20px;
    align-items: center;
}

.All-tranding-course-explore .pagination-link {
    padding: 8px 20px;
    border-radius: 8px;
    color: #333333;
    text-decoration: none;
    font-size: 20px;
    font-weight: 500;
    border: 1px solid rgba(51, 51, 51, 0.3);
    ;
    background: #FFFFFF;
    transition: all 0.3s;
}

.All-tranding-course-explore .pagination-link:hover {
    background: #F5F5F5;
}


/* which is active when execute */
.All-tranding-course-explore .pagination-link.active {
    /* background:#edecec; */
}

@media (max-width: 992px) {
    .All-tranding-course-explore .col-lg-4 {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (max-width: 768px) {
    .All-tranding-course-explore .pagination-section {
        flex-direction: column;
        gap: 15px;
        align-items: center;
    }

    .All-tranding-course-explore .pagination-info {
        display: none;
    }

    .All-tranding-course-explore .pagination-link {
        padding: 5px 16px;
        font-size: 16px;
    }

    .All-tranding-course-explore .pagination-controls {
        gap: 8px;
    }

    .All-tranding-course-explore .btn-enroll {
        padding: 3px 7px;
    }

    .All-tranding-course-explore .current-price {
        font-size: 16px;

    }

    .All-tranding-course-explore .pagination-section {
        margin-top: 30px;
    }

    @media (max-width: 768px) {
        .All-tranding-course-explore .course-description {
            font-size: 17px;
        }

        .All-tranding-course-explore .course-title {
            font-size: 23px;
        }
    }

    .All-tranding-course-explore .course-img {
        height: 262px;
    }

    .All-tranding-course-explore .col-md-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}


.pagination-link {
    padding: 6px 14px;
    font-size: 16px;
    color: #333;
    text-decoration: none;
    border: 1px solid #ccc;
    border-radius: 6px;
    transition: all 0.2s ease-in-out;
}

.pagination-link:hover {
    background-color: #FFFFFF !important;
    border-color: #1D50B0;
    color: #000000 !important;
}

.pagination-link.active {
    background-color: #1D50B0;
    color: white;
    font-weight: bold;
    border-color: #227AFF;
}


.pagination-link.disabled {
    pointer-events: none;
    color: #aaa;
    background-color: #f9f9f9;
    border-color: #ddd;
    cursor: not-allowed;
}

/* css end explore trending courses cart */



/* All Trending Courses banner css start here */
.all-tranding-course-banner {
    position: relative;
    padding: 220px 0 90px 0;
    color: #ffffff;
    text-align: center;
    overflow: hidden;
}

.all-tranding-course-banner .bg-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}

.all-tranding-course-banner .container {
    position: relative;
    z-index: 1;
}

.all-tranding-course-banner h1 {
    font-size: 35px;
    font-weight: 600;
    margin-bottom: 12px;
    line-height: 1.3;
    color: #FFFFFF;
}

.all-tranding-course-banner .tagline {
    font-size: 18px;
    margin: 0 auto;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 1.4;
}

@media (max-width: 768px) {
    .all-tranding-course-banner {
        padding: 150px 20px 10px 20px;
        min-height: 400px;
    }

    .all-tranding-course-banner h1 {
        font-size: 30px;
        margin-bottom: 10px;
        line-height: 1.4;
    }

    .all-tranding-course-banner .tagline {
        font-size: 17px;
        max-width: 85%;
        line-height: 1.5;
    }
}

@media (max-width: 576px) {
    .all-tranding-course-banner {
        padding: 150px 15px 20px 15px !important;
        min-height: 350px;
    }

    .all-tranding-course-banner h1 {
        font-size: 28px;
        line-height: 1.4;
        margin-bottom: 12px;
    }

    .all-tranding-course-banner .tagline {
        font-size: 16px;
        line-height: 1.6;
        max-width: 100%;
        padding: 0 10px;
    }
}

/* end here all tranding course banner here */



/* start use redirection page in tranding page */
.tranding-course-redirection {
    padding: 40px 0px 30px 0px !important;
}

.tranding-course-redirection .container {}

.breadcrumb-container {
    display: flex;
    align-items: center;
    white-space: nowrap;
    overflow: hidden;
}

.tranding-course-redirection a {
    text-decoration: none;
    color: #000000;
    font-size: 20px;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    transition: color 0.3s ease;
    white-space: nowrap;
}

.tranding-course-redirection a:hover {
    color: #1B54B2;
}

.tranding-course-redirection .arrow-icon {
    margin: 0 8px;
    width: 14px;
    height: 14px;
    object-fit: contain;
    flex-shrink: 0;
}

.tranding-course-redirection .current-page {
    font-size: 20px;
    color: rgba(0, 0, 0, 0.5);
    ;
    font-weight: 500;
    white-space: nowrap;
}

@media (max-width: 992px) {
    .tranding-course-redirection {
        padding: 30px 0 50px 0 !important;
    }

    .tranding-course-redirection a,
    .tranding-course-redirection .current-page {
        font-size: 18px;
    }
}

@media (max-width: 768px) {
    .tranding-course-redirection {
        padding: 25px 0 40px 0 !important;
    }

    .tranding-course-redirection a,
    .tranding-course-redirection .current-page {
        font-size: 16px;
    }

    .tranding-course-redirection .arrow-icon {
        width: 12px;
        height: 12px;
        margin: 0 6px;
    }
}

@media (max-width: 576px) {
    .tranding-course-redirection {
        padding: 30px 1px 30px 1px !important;
    }

    .tranding-course-redirection a,
    .tranding-course-redirection .current-page {
        font-size: 16px;
    }

    .breadcrumb-container {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 2px;
        padding: 0 7px;
    }
}

/* end page use redirection here */

/* search function all tranding course css start here */
/* Search and Filter Section CSS */
.tranding-course-search {
    padding: 35px 0px 25px 0px;
    background: #FFFFFF;
}

.tranding-course-search .container {
    margin: 0 auto;
    padding: 0 15px;
}

.search-filter-form {
    width: 100%;
}

.tranding-course-search .search-filter-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

.tranding-course-search .search-boxes {
    position: relative;
    flex: 1;
    max-width: 400px;
}

.tranding-course-search .search-boxes input {
    width: 100%;
    padding: 8px 15px 8px 15px;
    border: 1px solid #333333;
    border-radius: 8px;
    font-size: 20px;
    color: #333333;
    height: 50px;
    font-weight: 400;
    box-sizing: border-box;
    outline: none;
}

.tranding-course-search .search-boxes input:focus {
    border-color: #353535;
}

.tranding-course-search .search-boxes input::placeholder {
    font-size: 20px;
    color: #333333;
    font-weight: 400;
}

.tranding-course-search .search-icon {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 22px;
    height: 22px;
    cursor: pointer;
}

.tranding-course-search .filter-options {
    display: flex;
    align-items: center;
    gap: 15px;
}

.tranding-course-search .filter-dropdown {
    position: relative;
    display: inline-block;
}

.tranding-course-search .filter-select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 9px 17px 9px 17px;
    background: #FFFFFF;
    border: 1px solid #333333;
    border-radius: 8px;
    cursor: pointer;
    font-size: 20px;
    color: #333333;
    font-weight: 400;
    box-sizing: border-box;
    min-width: 100px;
    width: 320px;
    outline: none;
}

.tranding-course-search .filter-select:focus {
    border-color: #2d2d2d;
}

.tranding-course-search .filter-select option {
    font-size: 20px;
    padding: 1px 0;
    border-bottom: 1px dashed #e0e0e0;
}

.tranding-course-search .filter-select option:last-child {
    border-bottom: none;
}

.tranding-course-search .dropdown-icon {
    position: absolute;
    right: 15px;

    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    transition: opacity 0.2s;
}


.tranding-course-search .filter-select option {
    font-size: 15px;
    color: #333333;
    font-weight: 500;
    border-bottom: 1px dashed #00FF00 !important;
    background-color: white;
}



.tranding-course-search .filter-select:not(:-internal-list-box)~.dropdown-icon,
.tranding-course-search .filter-select:valid:not([value=""])~.dropdown-icon {
    opacity: 0;
}

.tranding-course-search .search-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #1B54B2;
    color: white;
    border: none;
    border-radius: 8px;
    border: 2px solid #0101D9;
    cursor: pointer;
    font-size: 20px;
    font-weight: 400;
    height: 50px;
    width: 140px;
    box-sizing: border-box;
    transition: background 0.3s;
    /* padding: 18px 24px 18px 24px !important; */
    padding: 12px 24px !important;
    transition: background 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
}

.tranding-course-search .reset-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FFFFFF;
    color: #1B54B2;
    border: none;
    border-radius: 8px;
    border: 2px solid #0101D9;
    cursor: pointer;
    font-size: 20px;
    font-weight: 400;
    width: 140px;
    box-sizing: border-box;
    transition: background 0.3s;
    height: auto;
    padding: 13px 0px 13px 40px !important;
    /* Top    Right   Bottom  Left */


    transition: background 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
    text-decoration: none;
}

.tranding-course-search .reset-btn:hover {
    background: #1B54B2;
    color: #FFFFFF;

}

.tranding-course-search .search-btn:hover {
    background: #FFFFFF;
    color: #1B54B2;
}



@media (max-width: 768px) {
    .tranding-course-search .search-filter-wrapper {
        flex-direction: column;
        align-items: stretch;
        gap: 15px;
    }



    .tranding-course-search .filter-options {
        width: 100%;
        flex-wrap: wrap;
    }

    .tranding-course-search .reset-btn {

        padding: 13px 0px 13px 0px !important;

    }

    .tranding-course-search .search-btn {
        padding: 12px 10px !important;
    }

    .tranding-course-search .filter-dropdown {
        flex-grow: 1;
    }

    .tranding-course-search .search-btn {
        width: 100%;
    }

    .tranding-course-search .reset-btn {
        width: 100%;
    }

    .tranding-course-search .filter-select {
        min-width: 100%;
    }

    .tranding-course-search .search-boxes {
        max-width: 100%;
    }

    .tranding-course-search .filter-select option {
        font-size: 16px;
        padding: 1px 0;
        border-bottom: 1px dashed #e0e0e0;

    }
}

/* end here search functionality here */

/* ==================  ALL TRANDING SINGLE COURSE PAGE CSS================= */



/* =========== verify css start here ================*/
.verify-otp-ptws {
    color: #333;
    padding: 50px 0 4px 0;
}

.verify-otp-ptws .verify-otp-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px 50px 15px;
}

.verify-otp-ptws .verify-otp-wrapper {
    display: flex;
    align-items: center;
    border-radius: 10px;
    overflow: hidden;
}

.verify-otp-ptws .verify-otp-image {
    flex: 1;
    padding: 30px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.verify-otp-ptws .verify-otp-illustration {
    width: 560px;
    height: 760px;
}

.verify-otp-ptws .verify-otp-form {
    flex: 1;
    padding: 40px;
    max-width: 555px;
}

.verify-otp-ptws .back-to-login {
    color: #313131;
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 20px;
    display: inline-block;
    position: relative;
    padding-left: 20px;
}

.verify-otp-ptws .img-back-login {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}


.verify-otp-ptws .verify-otp-title {
    font-size: 40px;
    margin-bottom: 25px;
    color: #313131;
    font-weight: 500;
}

.verify-otp-ptws .verify-otp-subtitle {
    color: #313131;
    margin-bottom: 42px;
    font-size: 16px;
    font-weight: 400;
}

.verify-otp-ptws .form-group {
    position: relative;
    margin-bottom: 25px;
}

.verify-otp-ptws .form-control {
    width: 100%;
    padding: 14px 15px 14px 15px;
    font-size: 16px;
    font-weight: 400;
    border: 1px solid #bdc3c7;
    border-radius: 4px;
    outline: none;
    transition: border-color 0.3s;
    color: #313131;
}

.verify-otp-ptws .form-control:focus {
    border-color: #4e54c8;
    box-shadow: none !important;
    border: 1px solid #bdc3c7 !important;
    outline: none !important;
}

.verify-otp-ptws .verify-otp-btn {
    width: 100%;
    padding: 14px;
    background: linear-gradient(to right, #515DEF, #2E3589);
    color: #F3F3F3;
    font-weight: 600;
    border: none;
    border-radius: 4px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: opacity 0.3s;
    margin-top: 7px;
}

.verify-otp-ptws .verify-otp-btn:hover {
    opacity: 0.9;
}

.verify-otp-ptws .divider {
    display: flex;
    align-items: center;
    margin: 30px 0 33px 0;
    color: #7f8c8d;
}

.term-policy-decription {
    margin-top: 30px;
}

.verify-otp-ptws .divider-line {
    flex: 1;
    height: 0.5px;
    background: #bdc3c7;
}

.verify-otp-ptws .divider-text {
    padding: 0 15px;
    font-size: 14px;
    font-weight: 400;
}

.verify-otp-ptws .login-social-icons {
    display: flex;
    justify-content: center;
    gap: 15px;
}

.verify-otp-ptws .login-social-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    padding: 12px 70px !important;
    border: 1px solid #515DEF;
    border-radius: 4px;
    transition: transform 0.3s;
}

.verify-otp-ptws .login-social-icon img {
    padding: 0;
    border: none;
}

@media (max-width: 992px) {
    .verify-otp-ptws .verify-otp-wrapper {
        flex-direction: column-reverse;
    }

    .verify-otp-ptws .verify-otp-image,
    .verify-otp-ptws .verify-otp-form {
        width: 100%;
        max-width: 100%;
    }

    .verify-otp-ptws .verify-otp-image {
        padding: 0 20px 40px;
    }

    .verify-otp-ptws .verify-otp-form {
        padding: 30px;
    }

    .verify-otp-ptws .verify-otp-illustration {
        width: 100%;
        height: auto;
        max-width: 400px;
    }
}

@media (max-width: 767px) {
    .verify-otp-ptws .verify-otp-container {
        max-width: 1200px;
        margin: 0 auto;
        padding: 10px 5px;
    }

    .verify-otp-ptws .form-group {
        position: relative;
        margin-bottom: 22px;
    }

    .verify-otp-ptws .divider {
        margin: 15px 0 22px 0;
    }

    .verify-otp-ptws {
        color: #333;
        padding: 20px 0 20px;
    }

    .term-policy-decription {
        margin-top: 25px !important;
    }

    .verify-otp-ptws .verify-otp-illustration {
        margin-top: 20px;
        height: 370px;
        display: none;
    }

    .verify-otp-ptws .verify-otp-title {
        font-size: 29px;
    }

    .verify-otp-ptws .verify-otp-subtitle {
        margin-bottom: 26px;
    }

    .verify-otp-ptws .verify-otp-btn {
        margin-top: 0px;
    }

    .verify-otp-ptws .verify-otp-title {
        margin-bottom: 20px;
    }
}

@media (max-width: 576px) {
    .verify-otp-ptws .verify-otp-form {
        padding: 20px;
    }

    .verify-otp-ptws .login-social-icon {
        padding: 0px 48px !important;
    }
}

/* =========== verify  css end here   ================ */


/* =================== PAYMENT CHACKOUT PAGE CSS START HERE================ */

/* payment chacout user redirection css start here */


.payment-checkout-user-redirection {
    padding: 50px 0px 10px 0px !important;
}

.payment-checkout-user-redirection .container {}

.breadcrumb-container {
    display: flex;
    align-items: center;
    white-space: nowrap;
    overflow: hidden;
}

.payment-checkout-user-redirection a {
    text-decoration: none;
    color: #000000;
    font-size: 19px;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    transition: color 0.3s ease;
    white-space: nowrap;
}

.payment-checkout-user-redirection a:hover {
    color: #1B54B2;
}

.payment-checkout-user-redirection .arrow-icon {
    margin: 0 8px;
    width: 14px;
    height: 14px;
    object-fit: contain;
    flex-shrink: 0;
}

.payment-checkout-user-redirection .current-page {
    font-size: 19px;
    color: rgba(0, 0, 0, 0.5);
    font-weight: 500;
    white-space: nowrap;
}

@media (max-width: 992px) {
    .payment-checkout-user-redirection {
        padding: 30px 0 50px 0 !important;
    }

    .payment-checkout-user-redirection a,
    .payment-checkout-user-redirection .current-page {
        font-size: 18px;
    }
}

@media (max-width: 768px) {
    .payment-checkout-user-redirection {
        padding: 25px 0 40px 0 !important;
    }

    .payment-checkout-user-redirection a,
    .payment-checkout-user-redirection .current-page {
        font-size: 16px;
    }

    .payment-checkout-user-redirection .arrow-icon {
        width: 12px;
        height: 12px;
        margin: 0 6px;
    }
}

@media (max-width: 576px) {
    .payment-checkout-user-redirection {
        padding: 30px 4px 10px 3px !important;
    }

    .payment-checkout-user-redirection a,
    .payment-checkout-user-redirection .current-page {
        font-size: 16px;
    }

    .breadcrumb-container {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 2px;
        padding: 0 7px;
    }
}

/* end use payment chackout css end here */



/* payment checkout css start here */
.payment-checkout-container {
    background-color: #FFFFFF;
    max-width: 1200px;
    margin: 30px auto;
}

.payment-checkout-confligtremove .section-card {
    background-color: #F6F9FF;
    border-radius: 25px;
    padding: 20px;
    margin-bottom: 40px;
}

.payment-checkout-confligtremove .section-title {
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 15px;
    color: #000000;
    border-bottom: 1px solid #00000080;
    padding-bottom: 15px;
}

.payment-checkout-confligtremove .form-control {
    padding: 10px 15px;
    font-size: 20px;
    border: 1px solid #DBDDE3;
    border-radius: 8px;
}

.payment-checkout-confligtremove .form-control::placeholder {
    color: #232323;
    font-size: 19px;
    font-weight: 500;
}

.payment-checkout-confligtremove .voucher-input {
    display: flex;
    gap: 10px;
    align-items: flex-end;
}

.payment-checkout-confligtremove .apply-btn {
    white-space: nowrap;
    height: 50px;
    padding: 0 20px;
}

.payment-checkout-confligtremove .payment-options {
    display: flex;
    gap: 30px;
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 18px;
    color: #000000;
    cursor: pointer;
}

.payment-checkout-confligtremove .payment-option {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 0px;
    border-radius: 8px;
    cursor: pointer;
}

.payment-checkout-confligtremove .order-summary {
    background-color: #F6F9FF;
    border-radius: 25px;
    padding: 20px 20px 30px 20px;
    height: auto;
}

.payment-checkout-confligtremove .checkout-btn {
    width: 100%;
    padding: 12px;
    font-weight: 600;
    background: linear-gradient(to right, #2146A9, #050978);
    color: #FFFFFF;
    font-size: 24px;
    font-weight: 600;
    border: none;
    margin-top: 15px;
}

.payment-checkout-confligtremove .total-section {
    border-top: 1px solid #00000080;
    padding-top: 18px;
    margin-top: 15px;
    color: #333;
}

.payment-checkout-confligtremove .course-item {
    margin-bottom: 15px;
}

.payment-checkout-confligtremove .course-name {
    font-weight: 500;
}

.payment-checkout-confligtremove .course-fee {
    font-weight: 600;
}

.payment-checkout-confligtremove .input-group-text {
    background-color: #f8f9fa;
}

.payment-checkout-confligtremove .course-image {
    width: 105px;
    height: 83px;
    object-fit: cover;
    margin-right: 25px;
}

.payment-checkout-confligtremove .course-info {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    color: #000000;
    font-size: 24px;
    font-weight: 600;
    border-bottom: 1px solid #00000080;
    padding-bottom: 40px;
    padding-top: 22px;
}

.payment-checkout-confligtremove .course-details {
    flex: 1;
}

.payment-checkout-confligtremove .enroll-text {
    display: block;
    margin-top: 5px;
    font-size: 0.875rem;
    color: #6c757d;
}

.payment-checkout-confligtremove .payment-details {
    display: none;
    margin-top: 15px;
}

.payment-checkout-confligtremove .personal-info-section {
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.payment-checkout-confligtremove .section-card h2 {
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 15px;
    color: #000000;
    border-bottom: 1px solid #00000080;
    padding-bottom: 15px;
}

.payment-checkout-confligtremove .discount-top-border {
    margin-bottom: 15px;
    color: #333;
    border-bottom: 1px solid #00000080;
    padding-bottom: 18px;
}

.payment-checkout-confligtremove .upi-idlabel {
    font-weight: 500;
    color: #000000;
    font-size: 17px;
}

.payment-checkout-confligtremove .price-row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

.payment-checkout-confligtremove .price-label {
    font-size: 20px;
    font-weight: 400;
    color: #404040;
}

.payment-checkout-confligtremove .price-value {
    font-weight: 600;
    color: #000000CC;
    font-size: 20px;
}

.payment-checkout-confligtremove .total-price-section {
    font-size: 25px;
    font-weight: 600;
    color: #404040;
    padding-top: 20px;
}

.payment-checkout-confligtremove .total-calculate-amount {
    font-size: 23px !important;
    font-weight: 600;
    color: #404040;
}

.payment-checkout-confligtremove .enrollment-padding-btop {
    padding: 12px 0px;
}

.payment-checkout-confligtremove .personal-info-section input.form-control:focus,
.payment-checkout-confligtremove input.form-control.is-valid,
.payment-checkout-confligtremove input.form-control.is-invalid {
    box-shadow: none !important;
    outline: none !important;
    border-color: #ced4da;
}

.payment-checkout-confligtremove .section-card input.form-control:focus,
.payment-checkout-confligtremove input.form-control.is-valid,
.payment-checkout-confligtremove input.form-control.is-invalid {
    box-shadow: none !important;
    outline: none !important;
    border-color: #ced4da;
}

.payment-checkout-confligtremove .voucher-heading {
    margin-bottom: 25px;
}

.payment-checkout-confligtremove .voucher-headingb {
    margin-bottom: 15px;
}

.payment-checkout-confligtremove .notification-badge {
    position: absolute;
    top: -0px;
    left: 90px;
    background-color: red;
    color: white;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: bold;
}

.payment-checkout-confligtremove .course-info {
    position: relative;
}

@media (max-width: 992px) {
    .payment-checkout-confligtremove .section-card {
        padding: 15px;
        margin-bottom: 30px;
    }

    .payment-checkout-confligtremove .section-title {
        font-size: 24px;
        padding-bottom: 12px;
    }

    .payment-checkout-confligtremove .form-control {
        font-size: 16px;
        padding: 8px 12px;
    }

    .payment-checkout-confligtremove .form-control::placeholder {
        font-size: 16px;
    }

    .payment-checkout-confligtremove .voucher-input {
        flex-direction: column;
        align-items: stretch;
        gap: 10px;
    }

    .payment-checkout-confligtremove .apply-btn {
        width: 100%;
        height: auto;
        padding: 10px;
        margin-top: 0;
    }

    .payment-checkout-confligtremove .payment-options {
        gap: 30px;
        font-size: 16px;
    }

    .payment-checkout-confligtremove .section-card {
        border-radius: 20px;
    }

    .payment-checkout-confligtremove .course-image {
        width: 81px;
        height: 65px;
        margin-right: 15px;
    }

    .payment-checkout-confligtremove .course-info {
        font-size: 20px;
        padding-bottom: 30px;
        padding-top: 15px;
    }

    .payment-checkout-confligtremove .price-label,
    .payment-checkout-confligtremove .price-value {
        font-size: 18px;
    }

    .payment-checkout-confligtremove .total-price-section {
        font-size: 22px;
    }

    .payment-checkout-confligtremove .total-calculate-amount {
        font-size: 20px !important;
    }

    .payment-checkout-confligtremove .checkout-btn {
        font-size: 20px;
    }

    .payment-checkout-confligtremove .section-card h2 {
        font-size: 24px;
    }
}

@media (max-width: 768px) {
    .payment-checkout-confligtremove .section-title {
        font-size: 22px;
    }

    .payment-checkout-confligtremove .course-info {
        font-size: 18px;
    }

    .payment-checkout-confligtremove .price-label,
    .payment-checkout-confligtremove .price-value {
        font-size: 16px;
    }

    .payment-checkout-confligtremove .total-price-section {
        font-size: 20px;
    }

    .payment-checkout-confligtremove .checkout-btn {
        font-size: 18px;
    }

    .payment-checkout-confligtremove .section-card h2 {
        font-size: 22px;
    }

    .payment-checkout-confligtremove .notification-badge {
        position: absolute;
        top: -2px;
        left: 70px;
        background-color: red;
        color: white;
        border-radius: 50%;
        width: 20px;
        height: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 14px;
        font-weight: bold;
    }
}

/* end payment checkout css end here */

/* =================== PAYMENT CHACKOUT PAGE CSS END HERE================ */



/*===================== DESHOBOARD PAGE CSS START HERE =================== */
.dashboard-ptw {
    display: flex;
    min-height: 100vh;
    background-color: #f8f9fa;
    padding: 0 50px;
}

.dashboard-ptw .sidebar {
    width: 320px;
    background-color: #fff;
    padding: 50px 0;
    display: flex;
    flex-direction: column;
    box-shadow: 0px 14px 42px rgba(8, 15, 52, 0.06);

}

.dashboard-ptw .sidebar-menu {
    padding: 0 20px;
    flex-grow: 1;
}

.dashboard-ptw .menu-item {
    display: flex;
    align-items: center;
    padding: 16px 17px;
    color: #202020;
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
    margin-bottom: 5px;
}

.dashboard-ptw .menu-item img {
    margin-right: 10px;
    height: auto;
    width: auto;
}

/* on active class in our deshboard  */
.dashboard-ptw .menu-item.active {
    color: #2146A9;
    font-weight: 500;
    border-radius: 5px;
    width: 245px;
    padding: 8px 18px;
    font-size: 17px;
    background-color: rgba(27, 84, 178, 0.05);
}

.dashboard-ptw .edit-button {
    background-color: #0D6EFD;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 500;
    padding: 10px 20px;
    margin-top: -60px !important;
}

.dashboard-ptw .edit-button:hover {
    background-color: #084298;
}

.dashboard-ptw .sidebar-footer {
    padding: 50px 35px;
    margin-top: auto;
}

.dashboard-ptw .sidebar-footer .btn {
    background-color: transparent !important;
    border: none !important;
    color: inherit !important;
    padding: 10px 6px !important;
    text-align: left;
    text-decoration: none;
    box-shadow: none !important;
}

.dashboard-ptw .sidebar-footer .btn:hover {
    background-color: transparent !important;
    color: inherit !important;
}

.dashboard-ptw .sidebar-footer .btn-outline-primary {
    color: #0D6EFD !important;
}

.dashboard-ptw .sidebar-footer .btn-outline-danger {
    color: #DC3545 !important;
}

.dashboard-ptw .sidebar-footer img {
    margin-right: 10px;
    height: auto;
}

.dashboard-ptw .main-content {
    flex: 1;
    padding: 25px 0px 25px 10px;
    margin-left: 10px;
}

.dashboard-ptw .profile-card {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0px 14px 42px rgba(8, 15, 52, 0.06);
    padding: 45px 45px 80px;

}

.dashboard-ptw .form-group {
    margin-bottom: 5px;
    padding: 0px 12px 15px 12px;
}

.dashboard-ptw .form-label {
    font-weight: 400;
    margin-bottom: 10px;
    display: block;
    color: #000000;
    font-size: 16px;

}

.dashboard-ptw .form-control {
    height: 45px;
    border-radius: 5px;
    width: 100%;
    max-width: 100%;
    background-color: #fbfbfb;
}

.dashboard-ptw .user-info {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

.dashboard-ptw .user-avatar {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    margin-right: 15px;
    object-fit: cover;
}

.dashboard-ptw .user-name {
    font-weight: bold;
    margin-bottom: 5px;
}

.dashboard-ptw .user-email {
    color: #666;
    font-size: 14px;
}

.dashboard-ptw .profile-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0px;
    padding: 5px 13px;
}

.dashboard-ptw .text-end {
    margin-top: 20px;
    padding: 0px 12px;
}

.dashboard-ptw .form-control:focus {
    box-shadow: none !important;
    border-color: #ced4da;
}

.dashboard-ptw .update-profile-button {
    font-size: 16px;
    font-weight: 500;
    border-radius: 8px;
    color: #FFFFFF;
    padding: 12px 20px;
    background-color: #0D6EFD;
    border: none;
}

.dashboard-ptw .update-profile-button:hover {
    background-color: #084298;

}

@media (max-width: 768px) {
    .dashboard-ptw {
        flex-direction: column;
        padding: 0 15px;
    }

    .dashboard-ptw .sidebar {
        width: 100%;
        margin-bottom: 20px;
        padding: 40px 0px 30px 0px;
    }

    .dashboard-ptw .main-content {
        padding: 15px 0;
        margin-left: 0;
    }

    .dashboard-ptw .profile-header {
        flex-direction: column;
        align-items: flex-start;
        padding: 15px 9px 20px 9px;
    }


    .dashboard-ptw .edit-button {
        background-color: transparent !important;
        border: none !important;
        color: #0D6EFD !important;
        padding: 20px 0px !important;
        margin-left: 103px !important;
        font-size: 15px !important;
        box-shadow: none !important;
        position: relative;
        padding-right: 15px !important;
    }

    .dashboard-ptw .edit-button::after {
        content: ">";
        position: absolute;
        right: -2px;
        top: 15px;
        font-size: 24px;
    }

    .dashboard-ptw .menu-item {
        padding: 10px 17px;
    }

    .dashboard-ptw .sidebar-footer .btn {
        /* margin-bottom: 3px; */
    }

    .dashboard-ptw .profile-card {
        padding: 25px 15px;
        padding-bottom: 50px;
    }

    .dashboard-ptw .form-group {
        padding: 0px 10px 10px 10px;
        margin-bottom: 0;
    }

    .dashboard-ptw .user-info {
        margin-bottom: 20px;
    }

    .dashboard-ptw .user-avatar {
        margin-right: 0;
        margin-bottom: 10px;
    }

    .dashboard-ptw .text-end {
        padding: 0px 10px;
        margin-top: 15px;
    }

    .dashboard-ptw .update-profile-button {
        display: flex;
        justify-content: center;
        margin-left: auto;
        display: block;
        width: auto;
    }

    .dashboard-ptw .form-control {
        margin-bottom: 11px;
    }

    .dashboard-ptw .form-label {
        margin-bottom: 6px;
    }

    .dashboard-ptw .user-name {
        margin-left: 13px;
    }

    .dashboard-ptw .user-email {
        margin-left: 13px;
    }

    .dashboard-ptw .user-avatar {
        width: 90px;
        height: 90px;
    }

    .dashboard-ptw .update-profile-button {
        width: 100% !important;
    }

    .dashboard-ptw .sidebar-footer {
        padding: 35px 35px;
        margin-top: auto;
    }
}

/*===================== DESHOBOARD PAGE CSS END HERE =================== */





/* ======================= PRIVACY AND POLICY  PAGE CSS DESIGN START HERE=========================== */


/* Banner privacy and policy  */
.policy-privacy-banner {
    position: relative;
    padding: 220px 0 90px 0;
    color: #ffffff;
    text-align: center;
    overflow: hidden;
}

.policy-privacy-banner .bg-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}

.policy-privacy-banner .container {
    position: relative;
    z-index: 1;
}

.policy-privacy-banner h1 {
    font-size: 34px;
    font-weight: 600;
    margin-bottom: 12px;
    line-height: 1.3;
    color: #FFFFFF;
}

.policy-privacy-banner .tagline {
    font-size: 18px;
    margin: 0 auto;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 1.4;
}

@media (max-width: 768px) {
    .policy-privacy-banner {
        padding: 150px 20px 10px 20px;
        min-height: 400px;
    }

    .policy-privacy-banner h1 {
        font-size: 30px;
        margin-bottom: 10px;
        line-height: 1.4;
    }

    .policy-privacy-banner .tagline {
        font-size: 17px;
        max-width: 85%;
        line-height: 1.5;
    }
}

@media (max-width: 576px) {
    .policy-privacy-banner {
        padding: 140px 15px 10px 15px !important;
        min-height: 330px;
    }

    .policy-privacy-banner h1 {
        font-size: 22px;
        line-height: 1.4;
        margin-bottom: 12px;
    }

    .policy-privacy-banner .tagline {
        font-size: 16px;
        line-height: 1.6;
        max-width: 100%;
        padding: 0 10px;
    }
}

/* end banner privacy and policy */



/* privacy policy redirection page start */
.privacy-policy-redirection {
    padding: 35px 0px 10px 0px !important;
}

.privacy-policy-redirection .container {}

.breadcrumb-container {
    display: flex;
    align-items: center;
    white-space: nowrap;
    overflow: hidden;
}

.privacy-policy-redirection a {
    text-decoration: none;
    color: #000000;
    font-size: 19px;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    transition: color 0.3s ease;
    white-space: nowrap;
}

.privacy-policy-redirection a:hover {
    color: #1B54B2;
}

.privacy-policy-redirection .arrow-icon {
    margin: 0 8px;
    width: 14px;
    height: 14px;
    object-fit: contain;
    flex-shrink: 0;
}

.privacy-policy-redirection .current-page {
    font-size: 19px;
    color: rgba(0, 0, 0, 0.5);
    font-weight: 500;
    white-space: nowrap;
}


@media (max-width: 992px) {
    .privacy-policy-redirection {
        padding: 30px 0 50px 0 !important;
    }

    .privacy-policy-redirection a,
    .privacy-policy-redirection .current-page {
        font-size: 18px;
    }
}


@media (max-width: 768px) {
    .privacy-policy-redirection {
        padding: 25px 0 40px 0 !important;
    }

    .privacy-policy-redirection a,
    .privacy-policy-redirection .current-page {
        font-size: 16px;
    }

    .privacy-policy-redirection .arrow-icon {
        width: 12px;
        height: 12px;
        margin: 0 6px;
    }
}

@media (max-width: 576px) {
    .privacy-policy-redirection {
        padding: 30px 4px 10px 3px !important;
    }

    .privacy-policy-redirection a,
    .privacy-policy-redirection .current-page {
        font-size: 16px;
    }

    .breadcrumb-container {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 2px;
        padding: 0 7px;
    }
}

/* end privacy policy redirection here */



/* PRIVACY POLICY INFORMATION SECTION CSS  start here*/
.policy-information-section {
    padding: 10px 0 30px 0px;
    background-color: #FFFFFF;
    line-height: 1.6;
}

.policy-information-section .container {
    margin: 0 auto;
    padding: 0 10px;
}

.policy-information-section .policy-content {
    width: 100%;
    text-align: left;
}

.policy-information-section h2 {
    font-size: 22px;
    font-weight: 500;
    margin: 24px 0 13px;
    text-align: left;
    background: linear-gradient(to right, #000000, #050978);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}

.policy-information-section h3 {
    font-size: 22px;
    font-weight: 500;
    margin: 3px 0 10px;
    color: #333;
    text-align: left;
}

.policy-information-section p {
    margin-bottom: 15px;
    font-size: 18px;
    text-align: left;
    color: #000000E5;
    font-weight: 400;
    line-height: 1.4;
}

.policy-information-section .visible-incresetext {
    font-weight: 500;
    font-size: 18px;
    text-align: left;
    color: #000000;
}

/* Custom bullet points */
.policy-information-section .custom-bullets {
    list-style-type: none;
    padding-left: 0px;
    margin-bottom: 20px;
    text-align: left;
}

.policy-information-section .custom-bullets li {
    position: relative;
    padding-left: 19px;
    margin-bottom: 6px;
    font-size: 18px;
    font-weight: 400;
    color: #000000E5;
    text-align: left;
}

.policy-information-section .custom-bullets li:before {
    content: "•";
    font-size: 31px;
    position: absolute;
    left: 0;
    top: -12px;
    color: #333;
}

/* Contact section styling */
.policy-information-section .contact-box {
    background-color: #F4F7FC99;
    padding: 30px 30px 30px 35px;
    border-radius: 20px;
    margin-top: 35px;
    margin-bottom: 30px;
    border: 1px solid #000000;
    text-align: left;
}

.policy-information-section .contact-info h3 {
    font-size: 22px;
    margin-bottom: 15px;
    text-align: left;
    background: linear-gradient(to right, #000000, #000000);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}

.policy-information-section .contact-info p {
    line-height: 1.1;
    margin-bottom: 10px;
}

.policy-information-section .contact-info a {
    color: #000000;
    font-weight: 400;
    font-size: 18px;
    text-decoration: none;
}

.policy-information-section .contact-methods {
    margin-top: 20px;
    text-align: left;
}

.policy-information-section .contact-row {
    display: flex;
    align-items: center;
    gap: 30px;
    text-align: left;
}

.policy-information-section .contact-item {
    display: flex;
    align-items: center;
    margin-bottom: 0;
    text-align: left;
}

.policy-information-section .contact-icon {
    width: 20px;
    height: 20px;
    margin-right: 6px;
}

.policy-information-section .phone-numbers-horizontal {
    display: flex;
    align-items: center;
    gap: 10px;
    text-align: left;
}

.policy-information-section .phone-number-item {
    display: flex;
    align-items: center;
}

.policy-information-section .phone-link {
    color: #000000;
    font-weight: 400;
    font-size: 18px;
    text-decoration: none;
}

.policy-information-section .vertical-divider {
    width: 1px;
    height: 20px;
    background-color: #000000;
}

.policy-information-section .vertical-divider.small {
    height: 20px;
    width: 2px;
    margin: 0 10px;
    background-color: #000000;
}

.policy-information-section .update-date {
    margin-top: 18px;
    font-weight: 400;
    color: #000000E5;
    text-align: left;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .policy-information-section {
        padding: 40px 0;
    }

    .policy-information-section h2 {
        font-size: 24px;
    }

    .policy-information-section h3 {
        font-size: 20px;
    }

    .policy-information-section .contact-box {
        padding: 20px;
    }

    .policy-information-section .contact-info a {
        font-size: 17px;
    }
}

@media (max-width: 576px) {
    .policy-information-section {
        padding: 15px 0;
    }

    .policy-information-section .container {
        padding: 0 23px;
    }

    .policy-information-section h2 {
        font-size: 20px;
        margin: 15px 0 12px;
    }

    .policy-information-section h3 {
        font-size: 18px;
    }

    .policy-information-section p,
    .policy-information-section .visible-incresetext,
    .policy-information-section .custom-bullets li {
        font-size: 16px;
        line-height: 1.5;
    }

    .policy-information-section .custom-bullets li:before {
        font-size: 24px;
        top: -8px;
    }

    .policy-information-section .contact-box {
        padding: 22px 15px 22px 19px !important;
        margin: 30px 0 !important;
    }

    .policy-information-section .contact-info h3 {
        font-size: 18px !important;
        margin-bottom: 12px !important;
    }

    .policy-information-section .contact-info p {
        font-size: 15px !important;
        margin-bottom: 10px !important;
        line-height: 1.6;
    }

    .policy-information-section .contact-row {
        flex-direction: column;
        gap: 11px;
    }

    .policy-information-section .contact-item {
        width: 100%;
    }

    .policy-information-section .phone-link {
        font-size: 15px;
    }

    .policy-information-section .phone-numbers-horizontal {
        flex-wrap: wrap;
        gap: 8px !important;
    }

    .policy-information-section .vertical-divider {
        width: 100%;
        height: 1px;
        margin: 10px 0;
        display: none;
    }

    .policy-information-section .vertical-divider.small {
        display: none;
    }

    .policy-information-section .contact-icon {
        width: 18px !important;
        height: 18px !important;
        margin-right: 8px !important;
    }
}

/* end css pivacy information here */


/* ======================= PRIVACY AND POLICY  CSS DESIGN END HERE=========================== */



/* ==================REFUND POLICY CSS DESIGN START HERE===================== */
.refund-policy-banner {
    position: relative;
    padding: 220px 0 90px 0;
    color: #ffffff;
    text-align: center;
    overflow: hidden;
}

.refund-policy-banner .bg-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}

.refund-policy-banner .container {
    position: relative;
    z-index: 1;
}

.refund-policy-banner h1 {
    font-size: 34px;
    font-weight: 600;
    margin-bottom: 12px;
    line-height: 1.3;
    color: #FFFFFF;
}

.refund-policy-banner .tagline {
    font-size: 18px;
    margin: 0 auto;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 1.4;
}

@media (max-width: 768px) {
    .refund-policy-banner {
        padding: 150px 20px 10px 20px;
        min-height: 400px;
    }

    .refund-policy-banner h1 {
        font-size: 30px;
        margin-bottom: 10px;
        line-height: 1.4;
    }

    .refund-policy-banner .tagline {
        font-size: 17px;
        max-width: 85%;
        line-height: 1.5;
    }
}

@media (max-width: 576px) {
    .refund-policy-banner {
        padding: 140px 15px 10px 15px !important;
        min-height: 330px;
    }

    .refund-policy-banner h1 {
        font-size: 22px;
        line-height: 1.4;
        margin-bottom: 12px;
    }

    .refund-policy-banner .tagline {
        font-size: 16px;
        line-height: 1.6;
        max-width: 100%;
        padding: 0 10px;
    }
}

/* end banner refund policy */


/* refund policy redirection page start */
.refund-policy-redirection {
    padding: 35px 0px 10px 0px !important;
}

.refund-policy-redirection .container {}

.breadcrumb-container {
    display: flex;
    align-items: center;
    white-space: nowrap;
    overflow: hidden;
}

.refund-policy-redirection a {
    text-decoration: none;
    color: #000000;
    font-size: 19px;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    transition: color 0.3s ease;
    white-space: nowrap;
}

.refund-policy-redirection a:hover {
    color: #1B54B2;
}

.refund-policy-redirection .arrow-icon {
    margin: 0 8px;
    width: 14px;
    height: 14px;
    object-fit: contain;
    flex-shrink: 0;
}

.refund-policy-redirection .current-page {
    font-size: 19px;
    color: rgba(0, 0, 0, 0.5);
    font-weight: 500;
    white-space: nowrap;
}

@media (max-width: 992px) {
    .refund-policy-redirection {
        padding: 30px 0 50px 0 !important;
    }

    .refund-policy-redirection a,
    .refund-policy-redirection .current-page {
        font-size: 18px;
    }
}

@media (max-width: 768px) {
    .refund-policy-redirection {
        padding: 25px 0 40px 0 !important;
    }

    .refund-policy-redirection a,
    .refund-policy-redirection .current-page {
        font-size: 16px;
    }

    .refund-policy-redirection .arrow-icon {
        width: 12px;
        height: 12px;
        margin: 0 6px;
    }
}

@media (max-width: 576px) {
    .refund-policy-redirection {
        padding: 30px 4px 10px 3px !important;
    }

    .refund-policy-redirection a,
    .refund-policy-redirection .current-page {
        font-size: 16px;
    }

    .breadcrumb-container {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 2px;
        padding: 0 7px;
    }
}

.refund-policy-redirection .showing-refund-visiblility {
    font-weight: 500;
    font-size: 20px;
    color: #000000;
}

.refund-policy-redirection .noteinformation-heading {
    margin-left: 5px !important;
    font-size: 25px !important;
    margin-bottom: -40px !important;
}

/* end refund policy redirection here */

/* REFUND POLICY INFORMATION SECTION CSS  start here*/
.refund-policy-information-section {
    padding: 10px 0 30px 0px;
    background-color: #FFFFFF;
    line-height: 1.6;
}

.refund-policy-information-section .container {
    margin: 0 auto;
    padding: 0 10px;
}

.refund-policy-information-section .policy-content {
    width: 100%;
    text-align: left;
}

.refund-policy-information-section h2 {
    font-size: 22px;
    font-weight: 500;
    margin: 24px 0 13px;
    text-align: left;
    background: linear-gradient(to right, #000000, #050978);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}

.refund-policy-information-section h3 {
    font-size: 22px;
    font-weight: 500;
    margin: 3px 0 10px;
    color: #333;
    text-align: left;
}

.refund-policy-information-section p {
    margin-bottom: 15px;
    font-size: 18px;
    text-align: left;
    color: #000000E5;
    font-weight: 400;
    line-height: 1.4;
}


.refund-policy-information-section .custom-bullets {
    list-style-type: none;
    padding-left: 0px;
    margin-bottom: 20px;
    text-align: left;
}

.refund-policy-information-section .custom-bullets li {
    position: relative;
    padding-left: 19px;
    margin-bottom: 6px;
    font-size: 18px;
    font-weight: 400;
    color: #000000E5;
    text-align: left;
}

.refund-policy-information-section .custom-bullets li:before {
    content: "•";
    font-size: 31px;
    position: absolute;
    left: 0;
    top: -12px;
    color: #333;
}

/* Contact section styling */
.refund-policy-information-section .contact-box {
    background-color: #F4F7FC99;
    padding: 30px 30px 30px 35px;
    border-radius: 20px;
    margin-top: 35px;
    margin-bottom: 14px;
    border: 1px solid #000000;
    text-align: left;
}

.refund-policy-information-section .contact-info h3 {
    font-size: 22px;
    margin-bottom: 15px;
    text-align: left;
    background: linear-gradient(to right, #000000, #000000);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}

.refund-policy-information-section .contact-info p {
    line-height: 1.1;
    margin-bottom: 10px;
}

.refund-policy-information-section .contact-info a {
    color: #000000;
    font-weight: 400;
    font-size: 18px;
    text-decoration: none;
}

.refund-policy-information-section .contact-methods {
    margin-top: 20px;
    text-align: left;
}

.refund-policy-information-section .contact-row {
    display: flex;
    align-items: center;
    gap: 30px;
    text-align: left;
}

.refund-policy-information-section .contact-item {
    display: flex;
    align-items: center;
    margin-bottom: 0;
    text-align: left;
}

.refund-policy-information-section .contact-icon {
    width: 20px;
    height: 20px;
    margin-right: 6px;
}

.refund-policy-information-section .phone-numbers-horizontal {
    display: flex;
    align-items: center;
    gap: 10px;
    text-align: left;
}

.refund-policy-information-section .phone-number-item {
    display: flex;
    align-items: center;
}

.refund-policy-information-section .phone-link {
    color: #000000;
    font-weight: 400;
    font-size: 18px;
    text-decoration: none;
}

.refund-policy-information-section .vertical-divider {
    width: 1px;
    height: 20px;
    background-color: #000000;
}

.refund-policy-information-section .vertical-divider.small {
    height: 20px;
    width: 2px;
    margin: 0 10px;
    background-color: #000000;
}

/* Note section styling */
.refund-policy-information-section .note-section {
    margin-top: 10px;
}

.refund-policy-information-section .note-content {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.refund-policy-information-section .note-icon {
    width: 30px;
    height: 30px;
    margin-top: 0px;
}

.refund-policy-information-section a {
    text-decoration: none;
}


.refund-policy-information-section .note-text {
    flex: 1;
}

.refund-policy-information-section .update-date {
    margin-top: 18px;
    font-weight: 400;
    color: #000000E5;
    text-align: left;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .refund-policy-information-section {
        padding: 40px 0;
    }

    .refund-policy-information-section h2 {
        font-size: 24px;
    }

    .refund-policy-information-section h3 {
        font-size: 20px;
    }

    .refund-policy-information-section .contact-box {
        padding: 20px;
    }

    .refund-policy-information-section .contact-info a {
        font-size: 17px;
    }
}

@media (max-width: 576px) {
    .refund-policy-information-section {
        padding: 15px 0;
    }

    .refund-policy-information-section .container {
        padding: 0 20px;
    }

    .refund-policy-information-section h2 {
        font-size: 20px;
        margin: 15px 0 12px;
    }

    .refund-policy-information-section h3 {
        font-size: 18px;
    }

    .refund-policy-information-section p,
    .refund-policy-information-section .custom-bullets li {
        font-size: 16px;
        line-height: 1.5;
    }

    .refund-policy-information-section .custom-bullets li:before {
        font-size: 24px;
        top: -8px;
    }

    .refund-policy-information-section .contact-box {
        padding: 22px 15px 22px 19px !important;
        margin: 30px 0 !important;
    }

    .refund-policy-information-section .contact-info h3 {
        font-size: 18px !important;
        margin-bottom: 12px !important;
    }

    .refund-policy-information-section .contact-info p {
        font-size: 15px !important;
        margin-bottom: 10px !important;
        line-height: 1.6;
    }

    .refund-policy-information-section .contact-row {
        flex-direction: column;
        gap: 11px;
    }

    .refund-policy-information-section .contact-item {
        width: 100%;
    }

    .refund-policy-information-section .phone-link {
        font-size: 15px;
    }

    .refund-policy-information-section .phone-numbers-horizontal {
        flex-wrap: wrap;
        gap: 8px !important;
    }

    .refund-policy-information-section .vertical-divider {
        width: 100%;
        height: 1px;
        margin: 10px 0;
        display: none;
    }

    .refund-policy-information-section .vertical-divider.small {
        display: none;
    }

    .refund-policy-information-section .contact-icon {
        width: 18px !important;
        height: 18px !important;
        margin-right: 8px !important;
    }

    .refund-policy-information-section .note-icon {
        width: 27px !important;
        height: 27px !important;
    }
}

/* end css refund policy information here */
/* ====================== END REFUND POLICY CSS HERE */




/*====================== TERM AND CONDITION PAGE CSS START HERE============================= */
/* Banner terms and conditions */
.term-condition-banner {
    position: relative;
    padding: 220px 0 90px 0;
    color: #ffffff;
    text-align: center;
    overflow: hidden;
}

.term-condition-banner .bg-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}

.term-condition-banner .container {
    position: relative;
    z-index: 1;
}

.term-condition-banner h1 {
    font-size: 34px;
    font-weight: 600;
    margin-bottom: 12px;
    line-height: 1.3;
    color: #FFFFFF;
}

.term-condition-banner .tagline {
    font-size: 18px;
    margin: 0 auto;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 1.4;
}

@media (max-width: 768px) {
    .term-condition-banner {
        padding: 150px 20px 10px 20px;
        min-height: 400px;
    }

    .term-condition-banner h1 {
        font-size: 30px;
        margin-bottom: 10px;
        line-height: 1.4;
    }

    .term-condition-banner .tagline {
        font-size: 17px;
        max-width: 85%;
        line-height: 1.5;
    }
}

@media (max-width: 576px) {
    .term-condition-banner {
        padding: 140px 15px 10px 15px !important;
        min-height: 330px;
    }

    .term-condition-banner h1 {
        font-size: 22px;
        line-height: 1.4;
        margin-bottom: 12px;
    }

    .term-condition-banner .tagline {
        font-size: 16px;
        line-height: 1.6;
        max-width: 100%;
        padding: 0 10px;
    }
}

/* end banner terms and conditions */
/* terms & conditions redirection page start */
.term-condition-redirection {
    padding: 35px 0px 10px 0px !important;
}

.term-condition-redirection .container {}

.breadcrumb-container {
    display: flex;
    align-items: center;
    white-space: nowrap;
    overflow: hidden;
}

.term-condition-redirection a {
    text-decoration: none;
    color: #000000;
    font-size: 19px;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    transition: color 0.3s ease;
    white-space: nowrap;
}

.term-condition-redirection a:hover {
    color: #1B54B2;
}

.term-condition-redirection .arrow-icon {
    margin: 0 8px;
    width: 14px;
    height: 14px;
    object-fit: contain;
    flex-shrink: 0;
}

.term-condition-redirection .current-page {
    font-size: 19px;
    color: rgba(0, 0, 0, 0.5);
    font-weight: 500;
    white-space: nowrap;
}

@media (max-width: 992px) {
    .term-condition-redirection {
        padding: 30px 0 50px 0 !important;
    }

    .term-condition-redirection a,
    .term-condition-redirection .current-page {
        font-size: 18px;
    }
}

@media (max-width: 768px) {
    .term-condition-redirection {
        padding: 25px 0 40px 0 !important;
    }

    .term-condition-redirection a,
    .term-condition-redirection .current-page {
        font-size: 16px;
    }

    .term-condition-redirection .arrow-icon {
        width: 12px;
        height: 12px;
        margin: 0 6px;
    }
}

@media (max-width: 576px) {
    .term-condition-redirection {
        padding: 30px 4px 10px 3px !important;
    }

    .term-condition-redirection a,
    .term-condition-redirection .current-page {
        font-size: 16px;
    }

    .breadcrumb-container {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 2px;
        padding: 0 7px;
    }
}

.term-condition-redirection .showing-refund-visiblility {
    font-weight: 500;
    font-size: 20px;
    color: #000000;
}

.term-condition-redirection .noteinformation-heading {
    margin-left: 5px !important;
    font-size: 25px !important;
    margin-bottom: -40px !important;
}

/* end terms & conditions redirection here */


/* TERMS & CONDITIONS INFORMATION SECTION CSS start here*/
.term-condition-information-section {
    padding: 10px 0 30px 0px;
    background-color: #FFFFFF;
    line-height: 1.6;
}

.term-condition-information-section .container {
    margin: 0 auto;
    padding: 0 10px;
}

.term-condition-information-section .policy-content {
    width: 100%;
    text-align: left;
}

.term-condition-information-section h2 {
    font-size: 22px;
    font-weight: 500;
    margin: 24px 0 13px;
    text-align: left;
    background: linear-gradient(to right, #000000, #050978);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}

.term-condition-information-section h3 {
    font-size: 22px;
    font-weight: 500;
    margin: 3px 0 10px;
    color: #333;
    text-align: left;
}

.term-condition-information-section p {
    margin-bottom: 15px;
    font-size: 18px;
    text-align: left;
    color: #000000E5;
    font-weight: 400;
    line-height: 1.4;
}

/* Custom bullet points */
.term-condition-information-section .custom-bullets {
    list-style-type: none;
    padding-left: 0px;
    margin-bottom: 20px;
    text-align: left;
}

.term-condition-information-section .custom-bullets li {
    position: relative;
    padding-left: 19px;
    margin-bottom: 6px;
    font-size: 18px;
    font-weight: 400;
    color: #000000E5;
    text-align: left;
}

.term-condition-information-section .custom-bullets li:before {
    content: "•";
    font-size: 31px;
    position: absolute;
    left: 0;
    top: -12px;
    color: #333;
}

/* Contact section styling */
.term-condition-information-section .contact-box {
    background-color: #F4F7FC99;
    padding: 30px 30px 30px 35px;
    border-radius: 20px;
    margin-top: 35px;
    margin-bottom: 32px;
    border: 1px solid #000000;
    text-align: left;
}

.term-condition-information-section .contact-info h3 {
    font-size: 22px;
    margin-bottom: 15px;
    text-align: left;
    background: linear-gradient(to right, #000000, #000000);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}

.term-condition-information-section .contact-info p {
    line-height: 1.1;
    margin-bottom: 10px;
}

.term-condition-information-section .show-privacy-text {
    color: #0252EE;
    font-size: 18px;
    font-weight: 400;
}


.term-condition-information-section .increase-text-visibilty {
    color: rgba(0, 0, 0, 0.90);
    font-size: 18px;
    font-weight: 500;
}

.term-condition-information-section .contact-info a {
    color: #000000;
    font-weight: 400;
    font-size: 18px;
    text-decoration: none;
}

.term-condition-information-section .contact-methods {
    margin-top: 20px;
    text-align: left;
}

.term-condition-information-section .contact-row {
    display: flex;
    align-items: center;
    gap: 30px;
    text-align: left;
}

.term-condition-information-section .contact-item {
    display: flex;
    align-items: center;
    margin-bottom: 0;
    text-align: left;
}

.term-condition-information-section .contact-icon {
    width: 20px;
    height: 20px;
    margin-right: 6px;
}

.term-condition-information-section .phone-numbers-horizontal {
    display: flex;
    align-items: center;
    gap: 10px;
    text-align: left;
}

.term-condition-information-section .phone-number-item {
    display: flex;
    align-items: center;
}

.term-condition-information-section .phone-link {
    color: #000000;
    font-weight: 400;
    font-size: 18px;
    text-decoration: none;
}

.term-condition-information-section .vertical-divider {
    width: 1px;
    height: 20px;
    background-color: #000000;
}

.term-condition-information-section .vertical-divider.small {
    height: 20px;
    width: 2px;
    margin: 0 10px;
    background-color: #000000;
}

/* Note section styling */
.term-condition-information-section .note-section {
    margin-top: 10px;
}

.term-condition-information-section .note-content {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.term-condition-information-section .note-icon {
    width: 30px;
    height: 30px;
    margin-top: 0px;
}

.term-condition-information-section a {
    text-decoration: none;
}

.term-condition-information-section .note-text {
    flex: 1;
}

.term-condition-information-section .update-date {
    margin-top: 18px;
    font-weight: 400;
    color: #000000E5;
    text-align: left;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .term-condition-information-section {
        padding: 40px 0;
    }

    .term-condition-information-section h2 {
        font-size: 24px;
    }

    .term-condition-information-section h3 {
        font-size: 20px;
    }

    .term-condition-information-section .contact-box {
        padding: 20px;
    }

    .term-condition-information-section .contact-info a {
        font-size: 17px;
    }
}

@media (max-width: 576px) {
    .term-condition-information-section {
        padding: 15px 0;
    }

    .term-condition-information-section .container {
        padding: 0 23px;
    }

    .term-condition-information-section h2 {
        font-size: 20px;
        margin: 15px 0 12px;
    }

    .term-condition-information-section h3 {
        font-size: 18px;
    }

    .term-condition-information-section p,
    .term-condition-information-section .custom-bullets li {
        font-size: 16px;
        line-height: 1.5;
    }

    .term-condition-information-section .custom-bullets li:before {
        font-size: 24px;
        top: -8px;
    }

    .term-condition-information-section .contact-box {
        padding: 22px 15px 22px 19px !important;
        margin: 30px 0 !important;
    }

    .term-condition-information-section .contact-info h3 {
        font-size: 18px !important;
        margin-bottom: 12px !important;
    }

    .term-condition-information-section .contact-info p {
        font-size: 15px !important;
        margin-bottom: 10px !important;
        line-height: 1.6;
    }

    .term-condition-information-section .contact-row {
        flex-direction: column;
        gap: 11px;
    }

    .term-condition-information-section .contact-item {
        width: 100%;
    }

    .term-condition-information-section .phone-link {
        font-size: 15px;
    }

    .term-condition-information-section .phone-numbers-horizontal {
        flex-wrap: wrap;
        gap: 8px !important;
    }

    .term-condition-information-section .vertical-divider {
        width: 100%;
        height: 1px;
        margin: 10px 0;
        display: none;
    }

    .term-condition-information-section .vertical-divider.small {
        display: none;
    }

    .term-condition-information-section .contact-icon {
        width: 18px !important;
        height: 18px !important;
        margin-right: 8px !important;
    }

    .term-condition-information-section .note-icon {
        width: 27px !important;
        height: 27px !important;
    }

    .term-condition-information-section .increase-text-visibilty {
        color: rgba(0, 0, 0, 0.90);
        font-size: 18px;
        font-weight: 500;
    }
}

/* end css terms & conditions information here */
/* ===================== END CSS TERM AND CONDTION PAGE HERE ================================= */




/* ==================course single page css start here information======================= */
/* single course banner start css here */
.single-courses-banner-page {
    position: relative;
    padding: 220px 0 90px 0;
    color: #ffffff;
    text-align: center;
    overflow: hidden;
}

.single-courses-banner-page .bg-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}

.single-courses-banner-page .container {
    position: relative;
    z-index: 1;
}

.single-courses-banner-page h1 {
    font-size: 34px;
    font-weight: 600;
    margin-bottom: 12px;
    line-height: 1.3;
    color: #FFFFFF;
}

.single-courses-banner-page .tagline {
    font-size: 18px;
    margin: 0 auto;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 1.4;
}

@media (max-width: 768px) {
    .single-courses-banner-page {
        padding: 150px 20px 10px 20px;
        min-height: 400px;
    }

    .single-courses-banner-page h1 {
        font-size: 30px;
        margin-bottom: 10px;
        line-height: 1.4;
    }

    .single-courses-banner-page .tagline {
        font-size: 17px;
        max-width: 85%;
        line-height: 1.5;
    }
}

@media (max-width: 576px) {
    .single-courses-banner-page {
        padding: 140px 15px 10px 15px !important;
        min-height: 330px;
    }

    .single-courses-banner-page h1 {
        font-size: 22px;
        line-height: 1.4;
        margin-bottom: 12px;
    }

    .single-courses-banner-page .tagline {
        font-size: 15px;
        line-height: 1.6;
        max-width: 100%;
        padding: 0 10px;
    }
}

/* single course banner end css here */

/* accourdian css start here */
.course-single-accordion {
    padding: 30px 0px 50px 0px;
}

.course-single-accordion .accordion-icon {
    width: 39px;
    height: 39px;
    margin-right: 30px;
}

.course-modules-heading {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 35px !important;
    background: linear-gradient(to right, #000000, #050978) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    display: inline-block;
}

.accordion-title {
    font-size: 18px;
    font-weight: 600;
    background: linear-gradient(to right, #3A3A3A, #050978) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    display: inline-block;
}

.accordion-content {
    color: rgba(58, 58, 58, 0.8);
    font-weight: 400;
    font-size: 18px;
}

.accordion-button:focus,
.accordion-button:not(.collapsed) {
    box-shadow: none !important;
    outline: none !important;
    border-color: transparent !important;
}

.accordion-button {
    background-color: rgba(246, 249, 255, 0.6);
    color: #3A3A3A;
    transition: all 0.3s ease;
    box-shadow: 0px 0px 17.2px rgba(0, 0, 0, 0.04);
}

.accordion-button:hover {
    background-color: rgba(230, 238, 255, 0.85);
}

.accordion-button:not(.collapsed) {
    background-color: rgba(220, 230, 255, 1);
    color: #1A1A1A;
}

/* Responsive  small devices */
@media (max-width: 767px) {
    .course-modules-heading {
        font-size: 28px;
        margin-bottom: 25px !important;
    }

    .accordion-title {
        font-size: 18px;
    }

    .accordion-content {
        font-size: 16px;
    }

    .accordion-icon {
        width: 30px;
        height: 30px;
        margin-right: 15px;
    }

    .accordion-button {
        padding: 0.75rem 1rem;
    }

    .course-single-accordion {
        padding: 20px 5px 40px 5px;
    }
}

@media (max-width: 575px) {
    .course-modules-heading {
        font-size: 20px;
        margin-bottom: 20px !important;
    }

    .accordion-title {
        font-size: 15px;
    }

    .accordion-content {
        font-size: 15px;
    }

    .accordion-icon {
        width: 25px;
        height: 25px;
        margin-right: 10px;
    }
}

/* end here accourdian css  */


/* what you'll learn section css */
.what-you-will-learn-single {
    position: relative;
    padding: 60px 0 80px 0;
    overflow: hidden;
}

.what-you-will-learn-single-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}

.what-you-will-learn-single .container {
    position: relative;
    margin: 0 auto;
    padding: 0 15px;
    z-index: 1;
}

.what-you-will-learn-single-title {
    text-align: center;
    font-size: 39px;
    font-weight: 600;
    margin-bottom: 50px;
    color: #FFFFFF;
}

.what-you-will-learn-single-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.what-you-will-learn-single-card {
    background-color: #ffffff;
    border-radius: 10px;
    box-shadow: 0px 0px 15px 0px rgba(5, 9, 120, 0.01);
    padding: 30px 20px 15px 20px;
    transition: transform 0.3s ease;
    border: 1px solid rgba(5, 9, 120, 0.2);
    height: 100%;
}

.what-you-will-learn-single-card-content {
    display: flex;
    flex-direction: column;
    height: 100%;
    gap: 13px;
}

.what-you-will-learn-single-card-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 5px;
}

.what-you-will-learn-single-icon {
    flex-shrink: 0;
}

.what-you-will-learn-single-card-title {
    font-size: 24px;
    font-weight: 500;
    text-align: left;
    margin: 0;
    background: linear-gradient(to right, #111111, #050978);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}

.what-you-will-learn-single-card-text {
    font-size: 18px;
    line-height: 1.5;
    font-weight: 400;
    color: #111111;
    word-spacing: 2px;
    text-align: left;
}

@media (max-width: 992px) {
    .what-you-will-learn-single-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .what-you-will-learn-single-card {
        padding: 25px;
    }
}

@media (max-width: 768px) {
    .what-you-will-learn-single-title {
        font-size: 34px;
        margin-bottom: 40px;
    }

    .what-you-will-learn-single-card-title {
        font-size: 22px;
    }

    .what-you-will-learn-single-card-text {
        font-size: 17px;
        word-spacing: 5px;
    }
}

@media (max-width: 576px) {
    .what-you-will-learn-single-grid {
        grid-template-columns: repeat(1, 1fr);
        gap: 15px;
    }

    .what-you-will-learn-single {
        padding: 50px 15px 60px 15px;
    }

    .what-you-will-learn-single-card {
        padding: 22px;
    }

    .what-you-will-learn-single-title {
        font-size: 30px;
        margin-bottom: 30px;
    }

    .what-you-will-learn-single-card-title {
        font-size: 21px;
    }

    .what-you-will-learn-single-card-text {
        font-size: 16px;
    }

    .what-you-will-learn-single .container {
        padding: 0 5px;
    }
}

/* end css what we learn section here */

/* Core Career Benefits of This Course css start here
 */
.core-career-benefits {
    padding: 80px 0 80px 0;
}

.core-career-benefits .container {
    padding: 0px 0px !important;
}

.core-career-benefits .row {
    align-items: center;
}

.core-career-benefits .benefits-container {
    border-radius: 20px;
    overflow: hidden;
    height: 100%;
}

.core-career-benefits .benefits-content {
    padding: 40px 0px 0px 14px;
}

.core-career-benefits .main-heading {
    font-size: 40px;
    font-weight: 600;
    background: linear-gradient(to right, #3A3A3A, #351C8F) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    display: inline-block;
    margin-bottom: 25px;
    line-height: 1.2;
}

.core-career-benefits .sub-heading {
    font-size: 18px;
    color: #000000B2;
    font-weight: 400;
    margin-bottom: 34px;
    line-height: 1.6;
}

.core-career-benefits .features {
    margin-bottom: 30px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
}

.core-career-benefits .feature-item {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}

.core-career-benefits .feature-icon {
    width: 30px;
    height: 30px;
    margin-right: 12px;
}

.core-career-benefits .feature-text {
    font-size: 19px;
    font-weight: 500;
    color: #111111;
}

.core-career-benefits .benefits-image {
    height: 324px !important;
    width: 434px;
    margin-left: auto;
    object-fit: contain;
    float: right;
}

/* Mobile-specific improvements only */
@media (max-width: 768px) {
    .core-career-benefits {
        padding: 40px 5px 50px 5px;
    }

    .core-career-benefits .benefits-content {
        padding: 20px 15px 0;
    }

    .core-career-benefits .main-heading {
        font-size: 28px;
        margin-bottom: 20px;
    }

    .core-career-benefits .sub-heading {
        font-size: 16px;
        margin-bottom: 25px;
    }

    .core-career-benefits .features {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .core-career-benefits .feature-item {
        margin-bottom: 5px;
    }

    .core-career-benefits .feature-text {
        font-size: 16px;
    }

    .core-career-benefits .benefits-image {
        width: 100%;
        height: auto !important;
        max-width: 320px;
        margin: 5px auto 0;
        float: none;
        display: block;
    }
}

@media (max-width: 480px) {
    .core-career-benefits .main-heading {
        font-size: 24px;
    }

    .core-career-benefits .feature-icon {
        width: 24px;
        height: 24px;
    }
}

/* Core Career Benefits of This Course page css end here
 */

/* css start Course About Price */
.course-single-about-price {
    padding: 60px 0 20px 0;
    background-color: #ffffff;
}

.course-single-about-price h1 {
    font-size: 35px;
    font-weight: 600;
    margin-bottom: 6px;
    background: linear-gradient(to right, #000000, #050978) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    display: inline-block;
    line-height: 1.4;
}

.course-single-about-price .subheading {
    font-size: 18px;
    color: rgba(0, 0, 0, 0.8);
    margin-bottom: 35px;
    font-weight: 400;
    line-height: 1.5;
}


.course-single-about-price .description-spaceinggive {
    margin-top: 10px !important;
}


/* Features grid styles */
.course-single-about-price .features-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 26px;
}

.course-single-about-price .feature-item {
    display: flex;
    align-items: flex-start;
    font-weight: 400;
    line-height: 1.4;
    font-size: 20px;
    color: #000000;
    gap: 15px;
}

.course-single-about-price .feature-icon {
    /* width: 27px;
    height: 27px; */
    margin-top: 5px;
}

.course-single-about-price .detail-label {
    font-size: 20px;
    color: #000000;
    font-weight: 500;

    margin-bottom: 5px;
    display: block;
}

.course-single-about-price .detail-value {
    font-size: 20px;
    font-weight: 500;
    color: #000000;
    display: block;
}

/* Price card styles */
.course-single-about-price .price-card {
    background: #f8f9fa;
    padding: 17px;
    border: 1px solid #0509781A;
    border-radius: 15px;
    box-shadow: 0px 4px 6.1px 0px rgba(0, 0, 0, 0.08);
    width: 390px;
    height: 481px;
    margin-left: auto;
}

.course-single-about-price .course-image {
    height: 256px;
    width: 100%;
    margin-bottom: 15px;
    border-radius: 8px;
    object-fit: cover;
}

.course-single-about-price .price-card h3 {
    font-size: 22px;
    color: #000000CC;
    margin-bottom: 15px;
    font-weight: 500;
    line-height: 1.3;
    text-align: left;
}

.course-single-about-price .price-tag {
    margin-bottom: 19px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
}

.course-single-about-price .original-price {
    font-size: 18px;
    color: #666;
    text-decoration: line-through;
}

.course-single-about-price .discounted-price {
    font-size: 20px;
    font-weight: 700;
    color: #FD661F;
}

.course-single-about-price .action-buttons {
    display: flex;
    gap: 15px;
    justify-content: flex-start;
}

.course-single-about-price .btn {
    padding: 12px 20px;
    border-radius: 5px;
    font-weight: 500;
    text-align: center;
    transition: all 0.3s ease;
    flex: 1;
    max-width: 180px;
}

.course-single-about-price .btn-demo {
    color: #00227E;
    font-weight: 500;
    font-size: 16px;
    border-radius: 5px;
    border: 2px solid #2146A9;
    padding: 10px 0px;
}

.course-single-about-price .btn-syllabus {
    background-color: #2146A9;
    color: #FFFFFF;
    border: 2px solid #2146A9;
    font-weight: 500;
    font-size: 16px;
    border-radius: 5px;
    padding: 10px 4px;
}

.course-single-about-price .btn-demo:hover {
    background-color: #2146A9;
    color: #ffffff;
    border-color: #2146A9;
    transition: all 0.3s ease;
}

.course-single-about-price .btn-syllabus:hover {
    background-color: #ffffff;
    color: #2146A9;
    border-color: #2146A9;
    transition: all 0.3s ease;
}


/* Responsive styles */
@media (max-width: 1199px) {
    .course-single-about-price h1 {
        font-size: 28px;
    }

    .course-single-about-price .price-card h3 {
        font-size: 20px;
    }

    .course-single-about-price .feature-item {
        font-size: 18px;
    }
}


@media (max-width: 991px) {
    .course-single-about-price {
        padding: 50px 0;
    }

    .course-single-about-price h1 {
        font-size: 24px;
        margin-bottom: 18px;
    }

    .course-single-about-price .subheading {
        font-size: 16px;
        margin-bottom: 28px;
    }

    .course-single-about-price .price-card {
        padding: 20px;
        width: 100%;
        height: auto;
    }

    .course-single-about-price .original-price {
        font-size: 16px;
    }

    .course-single-about-price .discounted-price {
        font-size: 18px;
    }



}

@media (min-width: 992px) {
    .course-single-about-price .row {
        align-items: flex-start !important;
    }

    .price-box-right {
        margin-top: 0 !important;
    }

    .content-left {
        padding-top: 10px;
    }
}

@media (max-width: 767px) {
    .course-single-about-price h1 {
        font-size: 22px;
    }

    .course-single-about-price .subheading {
        font-size: 15px;
    }

    .course-single-about-price .features-grid {
        gap: 25px;
    }

    .course-single-about-price .action-buttons {
        flex-direction: column;
    }

    .course-single-about-price .btn {
        max-width: 100%;
    }

    .course-single-about-price .price-box-right {
        order: -1;
        /* Bring it above */
        z-index: 2;
        position: relative;
    }

    .course-single-about-price .content-left {
        order: 0;
        z-index: 1;
        position: relative;
    }



    .course-single-about-price .detail-label {
        font-size: 18px;

    }

    .course-single-about-price .detail-value {
        font-size: 18px;

    }
}

@media (max-width: 575px) {
    .course-single-about-price {
        padding: 15px 5px 30px 5px;
    }

    .course-single-about-price h1 {
        font-size: 20px;
        line-height: 1.6;
        margin-top: 30px;
    }

    .course-single-about-price .feature-icon {
        width: 30px;
        height: 30px;
    }
}

/* end css Course About Price */

/*=========================== end course single page css end here information ============================*/



/* apply two color into single heading */
.apply-two-color-oneheading {
    background: linear-gradient(to right, #3A3A3A, #351C8F) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    display: inline-block;
}



/* whatsapp add our website right side mai  */
.add-whatsapp {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1000;
}

.whatsapp-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    background-color: #2cc163;
    color: white;
    font-size: 28px;
    border-radius: 50%;
    text-decoration: none;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: transform 0.2s, box-shadow 0.2s;
    position: relative;
}

.whatsapp-img {
    width: 30px;
    height: 30px;
    z-index: 2;
    animation: imgPulse 1.5s infinite ease-out;
}

.whatsapp-btn::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(37, 211, 102, 0.5);
    border-radius: 50%;
    opacity: 0.8;
    animation: pulseEffect 1.5s infinite ease-out;
}

.whatsapp-btn:hover {
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);
}

@keyframes pulseEffect {
    0% {
        transform: scale(1);
        opacity: 0.8;
    }

    50% {
        transform: scale(1.5);
        opacity: 0;
    }

    100% {
        transform: scale(1);
        opacity: 0;
    }
}


/* floatin vertical button cta button rihgt side screen ke
 */
.feedback-btn {
    position: fixed;
    width: 50px;
    cursor: pointer;
    height: 100px;
    right: 0;
    color: #fff !important;
    border-radius: 10px 0 0 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

.feedback-btn-2 {
    background: linear-gradient(135deg, #0052D4, #4364F7, #6FB1FC);
    top: 40%;
}

.feedback-btn-3 {
    background-color: #ffb605;
    top: calc(40% + 105px);
    /*  gap reduced between button */
}

.feedback-btn-2:hover {
    background-color: #0056b3;
}

.feedback-btn-3:hover {
    background-color: #e1a400;
}

.feedback-txt {
    writing-mode: vertical-rl;
    text-orientation: mixed;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    color: #fff;
    line-height: 1.2;
    text-decoration: none;
}

.course_card_span {
    background-color: #d0d4d8;
    width: fit-content;
    padding: 0 5px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 600;
}

.pedestal-webinar-seminar .card {
    border: 1px solid #e0e0e0;
    transition: all 0.3s ease;
}

.pedestal-webinar-seminar .card:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.pedestal-webinar-seminar .tag {
    font-size: 12px;
    padding: 4px 10px;
    border-radius: 12px;
    color: white;
    font-weight: bold;
}

.pedestal-webinar-seminar .tag.upcoming {
    background-color: #28a745;
}

.pedestal-webinar-seminar .tag.expired {
    background-color: #dc3545;
}

.pedestal-webinar-seminar .tag.webinar {
    background-color: #007bff;
}

.pedestal-webinar-seminar .tag.seminar {
    background-color: #1e3957;
    ;
}

.date-box {
    width: 65px;
    height: 55px;
    background-color: #1e3957;
    color: white;
    border-radius: 6px;
    font-size: 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    line-height: 1.2;
}

.date-box .month-year {
    font-weight: bold;
    font-size: 12px;
    text-transform: uppercase;
}

.date-box .day {
    font-size: 18px;
    font-weight: bold;
}

.scrolling-logo-carousel {
    overflow: hidden;
    width: 100%;
    position: relative;
}

.scrolling-logo-track {
    display: flex;
    width: max-content;
    gap: 40px;
}

.logo-item {
    flex: 0 0 auto;
    padding: 0 10px;
}

.logo-item img {
    object-fit: contain;
    width: 120px;
}

/* Left to Right Scroll */
.scroll-ltr {
    animation: scrollLTR 40s linear infinite;
}

/* Right to Left Scroll */
.scroll-rtl {
    animation: scrollRTL 40s linear infinite;
}

@keyframes scrollLTR {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(0%);
    }
}

@keyframes scrollRTL {
    0% {
        transform: translateX(0%);
    }

    100% {
        transform: translateX(-100%);
    }
}