@import url('https://fonts.googleapis.com/css2?family=Albert+Sans:ital,wght@0,100..900;1,100..900&family=IBM+Plex+Serif:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Instrument+Sans:ital,wght@0,400..700;1,400..700&family=Inter+Tight:ital,wght@0,100..900;1,100..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=League+Spartan:wght@100..900&family=Lora:ital,wght@0,400..700;1,400..700&family=Manrope:wght@200..800&family=Mulish:ital,wght@0,200..1000;1,200..1000&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Sora:wght@100..800&display=swap');

:root {
    --primary-color: #FF4400;
    --secondary-color: #F9CA24;
    --orange-color: #FB8D1A;
    --orange-gradient: linear-gradient(to right, #FB8D1A 0%, #FF4400 100%);
    --yellow-gradient: linear-gradient(to right, #F9CA24 0%, #FF9D00 100%);
    --yellow-color: #E2B000;
    --badge-bg: #FB8D1A;
    --card-radius: 14px;
    --card-shadow: 0 10px 30px rgba(12, 25, 40, 0.08);
    --card-shadow-hover: 0 18px 40px rgba(12, 25, 40, 0.12);
    --gutter: 22px;
}

body,
.elementor-page p {
    font-family: "Inter", sans-serif !important;
    font-weight: 400 !important;
    overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "League Spartan", sans-serif !important;
    font-weight: bold;
    text-transform: uppercase;
}

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

.header-top {
    flex-wrap: wrap;
    font-size: 12px;
}


.navbar {
    background: url('/wp-content/themes/nationaltrainingschools/assets/img/nav-bg.png') no-repeat center center;
    padding: 0;
    background-size: cover;
}

.navbar-nav {
    gap: 30px;
}

.mega-menu-link {
    color: #000 !important;
    font-weight: 600 !important;
    transition: color 0.3s ease;
    font-family: "League Spartan", sans-serif !important;
    text-transform: uppercase !important;

}

.mega-menu-link:hover {
    color: var(--primary-color) !important;
}

.mega-menu-link.active {
    color: var(--primary-color) !important;
}

.yellow-btn {
    background: var(--yellow-color);
    color: #000;
    padding: 10px 20px;
    font-weight: 600;
    text-decoration: none;
    transition: background 0.3s ease;
    cursor: pointer;
    width: 170px;
}

header .yellow-btn {
    background: rgba(132, 226, 145);
    color: #000;
}

.navbar-nav>li {
    position: relative;
    margin: 0 15px;
}

.navbar-nav>li>a {
    font-weight: 600;
    color: #222;
    padding: 12px 0 !important;
    transition: 0.3s ease;
    text-decoration: none;
}

.navbar-nav>li>a:hover {
    color: var(--primary-color);
}

.sub-menu {
    list-style: none;
    padding: 10px 0;
    margin: 0;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.10);
    position: absolute;
    left: 0;
    top: 100%;
    min-width: 200px;
    transform: translateY(15px);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    z-index: 50;
}

.sub-menu li {
    padding: 0;
}

.sub-menu li a {
    display: block;
    padding: 10px 18px;
    color: #222;
    text-decoration: none !important;
    transition: 0.2s ease;
    font-size: 15px;
    font-weight: 500;

}

.sub-menu li a:hover {
    background: #f7931e15;
    color: var(--primary-color) !important;
}

.menu-item-has-children:hover>.sub-menu {
    transform: translateY(0px);
    opacity: 1;
    visibility: visible;
}

/* Dropdown arrow for desktop */
.menu-item-has-children>a::after {
    content: "\f107";
    font-family: "Font Awesome 7 Free";
    font-weight: 900;
    margin-left: 6px;
    font-size: 12px;
    text-decoration: none;
}

.hero-section {
    background: url('/wp-content/themes/nationaltrainingschools/assets/img/hero-bg.png') no-repeat center center;
    background-size: cover;
    color: #fff;
    height: 90dvh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.hero-content {
    max-width: 600px;
}

.hero-content h1 {
    font-size: 90px;
    line-height: 1;
    padding: 20px 0;
    text-transform: uppercase;
}

.hero-content span {
    font-size: 30px;
    font-style: italic;
    text-transform: uppercase;
}

.hero-content p {
    font-size: 20px;
    margin-bottom: 30px;
    text-transform: capitalize;
}

.btn-wrap {
    display: flex;
    text-align: center;
    gap: 20px;
}

a.gradient-btn-orange {
    color: white;
    background: var(--orange-gradient);
    font-weight: 600;
    padding: 15px 25px;
    text-decoration: none;
    font-family: "League Spartan", sans-serif;
    cursor: pointer;
}

button.gradient-btn-orange {
    color: white;
    background: var(--orange-gradient);
    font-weight: 600;
    padding: 15px 25px;
    text-decoration: none;
    font-family: "League Spartan", sans-serif;
    cursor: pointer;
}

.gradient-btn-yellow {
    color: white !important;
    background: var(--yellow-gradient);
    font-weight: 600;
    padding: 15px 25px;
    text-decoration: none;
    font-family: "League Spartan", sans-serif;

}

.gradient-btn-yellow a {
    color: #000 !important;
}

/* about section css  */
.about-section {
    background: url('/wp-content/themes/nationaltrainingschools/assets/img/about-bg.png') no-repeat center center;
    background-size: cover;
}

.about-section h2 {
    font-size: 42px;
    font-weight: 600;
}

.contact-section h2,
.choose-path-section h2,
.partner-section h2 {
    font-size: 50px;
    font-weight: 600;
}

.orange-text {
    color: var(--primary-color);
}

/* ===== Button Style ===== */
.btn-orange {
    background: linear-gradient(to right, #FB8D1A 0%, #FF4400 100%);
    color: #fff;
    border: none;
    transition: all 0.3s ease;
    padding: 15px 25px !important;
}

.btn-orange:hover {
    background: linear-gradient(to right, #FF4400 0%, #FB8D1A 100%);
    color: #fff;
    transform: translateY(-2px);
}


.img-border {
    background: var(--orange-gradient);
    padding: 6px;
    display: inline-block;
    clip-path: polygon(0 0, 70% 0, 100% 20%, 100% 100%, 0 100%);

}

.img-border.left {
    background: linear-gradient(to bottom, #FB8D1A 0%, #FFFFFF 100%);
}

.img-border.right {
    background: linear-gradient(to bottom, #F9CA24 0%, #FFFFFF 100%);
}

.img-border.left img,
.img-border.right img {
    height: auto !important;
}

.img-inner {
    background: #fff;
    clip-path: polygon(0 0, 70% 0, 100% 20%, 100% 100%, 0 100%);
    overflow: hidden;
}


.img-inner img {
    width: 100%;
    height: auto;
    display: block;
    clip-path: inherit;
}

/* about section css end  */
.contact-section {
    background: url('/wp-content/themes/nationaltrainingschools/assets/img/contact-bg.png') no-repeat center center;
    background-size: cover;
}

.career-form-section {
    background: linear-gradient(to bottom right, rgba(10, 10, 10, 0.8), rgba(10, 10, 10, 0.7)),
        url('assets/img/excavator-bg.jpg') center/cover no-repeat;
    color: #fff;
}

.contact-section strong {
    font-size: 21px;
}

.career-form .form-control,
.career-form .form-select,
.career-form textarea {
    background-color: #fff;
    border: none;
    border-radius: 0;
    padding: 12px 15px;
    font-size: 1rem;
}

.career-form .form-control:focus,
.career-form .form-select:focus {
    outline: none;
    box-shadow: 0 0 0 2px #FB8D1A;
}


.btn-gradient {
    background: linear-gradient(to right, #FB8D1A, #FF4400);
    color: #fff;
    border: none;
    border-radius: 2px;
    transition: all 0.3s ease;
}

.btn-gradient:hover {
    background: linear-gradient(to right, #FF4400, #FB8D1A);
    transform: translateY(-2px);
}


/* choose your path section css  */

.gradient-btn-orange:hover {
    color: #fff;
    transform: translateY(-2px);
}

.btn-outline-orange {
    border: 1.5px solid #F9CA24;
    color: #000;
    text-decoration: none;
    transition: all 0.3s ease;
}

.btn-outline-orange:hover {
    border-color: #FF4400;
    color: #FF4400;
    transform: translateY(-2px);

}

/* Card Styles */
.choose-card {
    border: 1px solid #FF4400;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25) !important;
    transition: all 0.3s ease;
    border-radius: 0 !important;
    border-bottom: none;
    background: #fff;
    margin: 6px 10px 10px;
    text-align: justify;
    width: auto !important;
}

.choose-card img {
    height: 320px !important;
}

.choose-card p {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.choose-card:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    border-color: #FB8D1A;
}

.choose-carousel .owl-nav.disabled,
.hire-carousel .owl-nav.disabled {
    display: flex !important;
    width: 100%;
    justify-content: center;
    margin-top: 30px;
}

/* Owl Nav Buttons */
.choose-carousel .owl-nav button,
.hire-carousel .owl-nav button {
    background: transparent !important;
    color: var(--primary-color) !important;
    width: 35px;
    height: 35px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    border: 1px solid var(--primary-color) !important;

}

.choose-carousel .owl-nav button:hover,
.hire-carousel .owl-nav button:hover {
    background: var(--primary-color) !important;
    color: #fff !important;
}

.choose-path-section .tab-btn,
.services-section .tab-btn {
    border: 1px solid var(--secondary-color);
    font-weight: 600;
    transition: all 0.3s ease;
    background: #fff;
}

.tab-btn.heavy.active {
    background: var(--yellow-gradient) !important;
}

.choose-path-section .tab-btn.active,
.services-section .tab-btn.active {
    background: var(--orange-gradient);
    color: #fff;
    border: none;
}

.tab-pane {
    display: none;
    animation: fadeIn 0.5s ease-in-out;
}

.tab-pane.active {
    display: block;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(15px);
    }

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


/* testimonial-review-section css  */

.testimonial-review-section {
    font-weight: 200;
    background: #000;
}

.testimonial-review-section h2 {
    font-size: 50px;
    font-weight: 600;
}

.testimonial-card {
    border: 1px solid #fff;
    padding: 25px;
    height: 360px;
    max-width: 380px;
}

.testimonial-card h5 {
    font-weight: 700;
    margin: 20px 0px;
}

.video-carousel {
    max-width: 1400px;
    margin: 0 auto;
}


.video-thumb {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}


.thumb-video {
    width: 100%;
    height: 300px;
    object-fit: cover;
    transition: transform 0.3s ease;
    display: block;
    position: relative;
    z-index: 1;
}

.video-thumb:hover .thumb-video {
    transform: scale(1.05);
}

.play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px;
    height: 60px;
    background: transparent;
    color: #fff;
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: all 0.3s ease;
    border: 2px solid #fff;
    z-index: 5;
    pointer-events: auto;
    cursor: pointer;
}


.video-thumb:hover .play-btn {
    background: rgba(255, 255, 255, 0.1);
    transform: translate(-50%, -50%) scale(1.1);
}


.video-thumb {
    pointer-events: none;
}

.video-thumb * {
    pointer-events: auto;
}



.video-carousel .owl-nav {
    position: absolute;
    width: 100%;
    display: flex !important;
    justify-content: center;
    margin: 20px 5px;
    padding: 0 10px;
    z-index: 1;
}

.testimonial-carousel .owl-nav {
    display: flex !important;
    justify-content: center;
    margin-top: 20px;
    position: absolute;
    left: -159px;
    bottom: 0;
}

.testimonial-carousel .owl-nav button,
.video-carousel .owl-nav button {
    background: transparent !important;
    color: #fff !important;
    width: 40px;
    height: 40px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
    border: 1px solid #fff !important;
    font-size: 26px !important;
}

.testimonial-carousel .owl-nav button:hover,
.video-carousel .owl-nav button {
    background: none !important;
}


.modal-content {
    background: transparent;
    border: none;
}

.modal-body {
    padding: 0;
}

.modal iframe {
    width: 100%;
    height: 500px;
    border: none;
    border-radius: 10px;
}

/* career section css  */

.career-section {
    background: url('/wp-content/themes/nationaltrainingschools/assets/img/driving-bg.png') no-repeat center center;
    background-size: cover;
    overflow: hidden;
    z-index: 0;
    padding-top: 70px;
}

.career-section .col-lg-8 {
    position: relative;
    z-index: 2;
}

.driving-img {
    position: absolute;
    z-index: 1;
    right: 0;
    width: 50%;
    bottom: 6px;
    height: 100%;
    object-fit: cover;
}

.career-section h2,
.hire-section h2 {
    font-size: 42px;
    font-weight: 600;
}

.career-section p {
    font-size: 16px;
    font-weight: 200;
}

.info-card {
    background: #fff;
    color: #000;
    border-radius: 0;
    padding: 40px 30px 20px;
    display: flex;
    align-items: flex-start;
    gap: 15px;
    position: relative;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
    transition: transform 0.3s ease;
    z-index: 2;
}

.info-card:hover {
    transform: translateY(-5px);
}

.info-card h6 {
    margin-bottom: 5px;
    font-size: 15px;
    font-weight: 600;
}

.info-card p {
    font-size: 13px;
    color: #74757B;
    margin-bottom: 0;
    font-weight: 500;
}

.arrow-icon {
    width: 100px;
}

/* ---- Perfect diamond gap alignment ---- */

.card-1 {
    /* top-left card */
    clip-path: polygon(0 0, 100% 0, 100% 68%, 85% 100%, 0 100%, 0 30%);
}

.card-2 {
    /* top-right card */
    clip-path: polygon(100% 0, 100% 30%, 100% 100%, 15% 100%, 0 68%, 0 0);
}

.card-3 {
    /* bottom-left card */
    clip-path: polygon(0 0, 85% 0, 100% 32%, 100% 100%, 0 100%, 0 70%);
}

.card-4 {
    /* bottom-right card */
    clip-path: polygon(15% 0, 100% 0, 100% 70%, 100% 100%, 0 100%, 0 32%);
}

.hire-carousel .hire-img-wrapper {
    display: flex !important;
    justify-content: center;
    align-items: center;
    height: 120px;
    padding: 10px;
}

.hire-carousel .hire-img {
    width: 180px !important;
    height: auto;
    object-fit: contain;
    transition: transform 0.3s ease;
}

.hire-carousel .hire-img:hover {
    transform: scale(1.05);
}

.career-right-section {
    background: url('/wp-content/themes/nationaltrainingschools/assets/img/right-career-bg.png') no-repeat center center;
    background-size: cover;
}

.career-right-section h2 {
    font-size: 42px;
    font-weight: 600;
}

.career-right-section p {
    font-size: 16px;
    font-weight: 200;
}

.career-right-section strong {
    font-size: 24px;
}

/* counter section css   */


.counter-section-inner {
    background: url('/wp-content/themes/nationaltrainingschools/assets/img/counter-bg.png') no-repeat center center;
    background-size: cover;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    color: #000;
}

.counter-section .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #f9cb24a2;
    z-index: 1;
}

.count {
    position: relative;
    z-index: 2;
}

.count h3 {
    font-size: 50px;
}

.count p {
    font-size: 20px;
    font-weight: 400;
}

.story-content h2 {
    font-size: 42px;
    font-weight: 600;
}

.story-content p,
.story-content a {
    font-size: 16px;
    font-weight: 200;
    margin-bottom: 30px;
    text-decoration: none;
    color: #000;
}

.story-content a {
    font-weight: 600;
}

.story-section {
    background: url('/wp-content/themes/nationaltrainingschools/assets/img/story-bg.png') no-repeat center center;
    background-size: cover;
    color: #FFF;
}

.story-slider {
    background-color: #ebebeb;
    ;
}

.story-slider h2 {
    text-align: center;
    font-size: 50px;
    margin-bottom: 30px;
    font-weight: 600;
}

.orange-text {
    color: #ff4400;
}

.story-card {
    background: #fff;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    clip-path: polygon(0 0, 100% 0, 100% 90%, 92% 100%, 0 100%);
    transition: all 0.3s ease;
}

.story-card:hover {
    transform: translateY(-5px);
}

.story-img {
    position: relative;
}

.story-img img {
    width: 100%;
    height: 230px;
    object-fit: cover;
}

.story-img .badge {
    position: absolute;
    top: 0px;
    left: 0px;
    background: #ffcc00;
    color: #000;
    font-weight: 600;
    padding: 7px 10px;
    font-size: 12px;
    border-radius: 0px;
}

.story-carousel .story-content {
    padding: 20px 12px;
}

.story-carousel .story-content p {
    margin-bottom: 10px;
    font-size: 15px;
    color: #333;
    font-weight: 600;
}

.story-meta {
    display: flex;
    justify-content: start;
    color: #777;
    font-size: 14px;
    gap: 20px;
}

.story-meta i {
    margin-right: 5px;
}

/* OWL NAVIGATION */
.story-carousel .owl-nav {
    display: flex !important;
    justify-content: center;
    gap: 10px;
    margin-top: 20px;
}

.story-carousel .owl-nav button {
    width: 35px;
    height: 35px;
    border-radius: 5px;
    background: transparent !important;
    color: var(--primary-color) !important;
    border: 1px solid var(--primary-color) !important;
    transition: all 0.3s ease;
}

.story-carousel .owl-nav button:hover {
    background: var(--primary-color) !important;
    color: #fff !important;
}

.video-youtube {
    border: 1px solid var(--orange-color);
    padding: 10px;
}

.faq-section {
    background-color: #3b3b3b;
    color: #fff;
    padding: 70px 0;
}


.faq-section h2 {
    font-size: 50px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 15px;
}

.faq-item {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding: 30px 0;
}

.faq-question {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

.faq-question h5 {
    margin: 0;
    font-size: 25px;
    font-weight: 500;
    font-family: "Inter", sans-serif;
    text-transform: math-auto;

}

.faq-toggle {
    font-size: 20px;
    color: #fff;
    transition: transform 0.3s ease;
    color: var(--orange-color);
}

.postid-76481 .faq-toggle,
.postid-76483 .faq-toggle,
.postid-76490 .faq-toggle,
.postid-76494 .faq-toggle,
.postid-76495 .faq-toggle {
    color: var(--secondary-color) !important;
}

.faq-answer {
    display: none;
    margin-top: 10px;
    color: #ccc;
    font-size: 18px;
    line-height: 1.6;
    font-weight: 200;
    max-width: 1200px;
}

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

.faq-item.active .faq-toggle {
    transform: rotate(0deg) !important;
}


.footer {
    background: url('/wp-content/themes/nationaltrainingschools/assets/img/footer.bg.png') no-repeat center center;
    background-size: cover;
    position: relative;
    font-size: 15px;
}

.footer-about p {
    text-align: justify;
}


.footer .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.9);
    z-index: 1;
}

.footer .container {
    position: relative;
    z-index: 2;
}

.footer-logo {
    max-width: 200px;
}

.footer-title {
    font-weight: 700;
    margin-bottom: 15px;
    color: #000;
}

.footer-links li {
    margin-bottom: 8px;
}

.footer a {
    color: #000;
    text-decoration: none;
    transition: all 0.3s ease;
}

.footer a:hover {
    color: var(--primary-color);
    text-decoration: underline;
}

.footer-social a {
    display: inline-block;
    color: #000 !important;
    font-size: 15px;
    margin-right: 15px;
    transition: all 0.3s ease;
}

.footer-social a:hover {
    color: var(--primary-color);
}


/* about page css  */

.breadcrumb-section {
    background: url('https://nationaltrainingschools.ezmarketingtech.com/wp-content/uploads/2025/12/breadcrumb-bg.png') no-repeat center center;
    background-size: cover;
    color: #fff;
    padding: 80px 0;
    position: relative;
}

.breadcrumb-section .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 1;
}

.breadcrumb-section .container {
    position: relative;
    z-index: 2;
}

.breadcrumb-section h1 {
    font-size: 60px;
    font-weight: 600;
}

.breadcrumb-section a {
    color: #fff;
    text-decoration: none;
    font-weight: 500;
    font-family: open sans, sans-serif;
    font-style: italic;
    font-size: 16px;
}

.about-img {
    position: relative;
    width: 100%;
    height: auto;
}

.img-bottom {
    background: #fff;
    clip-path: polygon(15% 0, 100% 0%, 100% 100%, 0% 100%);
    position: absolute;
    bottom: -1px;
    right: 0;
    display: flex;
    width: 55%;
    height: 100px;
    justify-content: end;
    padding: 18px 20px;
    align-items: center;
    text-align: right;
    gap: 20px;
}

.img-bottom span {
    font-size: 40px;
    font-weight: 700;
}

.img-bottom p {
    font-size: 18px;
    color: #585858;
    font-weight: bold;
}

.about-ntc-content,
.leagal-section {
    font-size: 16px;
    font-weight: 400;
}

.about-ntc-content h2 {
    font-size: 50px;
    font-weight: 600;
}

.about-ntc-content .italic-font {
    font-size: 30px;
    font-weight: 500;
    font-style: italic;
}

.about-nts,
.leagal-section {
    text-align: justify;
}

.leagal-section h2 {
    font-size: 30px;
    font-style: italic;
    font-weight: 500;
    text-transform: capitalize;
}

.leagal-section .arrow-icon {
    width: 70px;
}

.legal-img {
    width: 100%;
    clip-path: polygon(0 0, 75% 0%, 100% 23%, 100% 100%, 25% 100%, 0 75%);

}

.mission-section {
    background: #000000;
}

.mission-content {
    background: url('/wp-content/themes/nationaltrainingschools/assets/img/mission-bg.png') no-repeat center center;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 120px;
    font-size: 16px;
    font-weight: 300;
}

.mission-content h2 {
    font-size: 50px;
    font-weight: 600;
}

.mission-section img {
    clip-path: polygon(0 0, 100% 1%, 100% 23%, 100% 100%, 0 100%, 12% 50%);

}

.counter-section-about {
    background: #fff;
    color: #000;
    position: relative;
}

.counter-section-about .counter-section-inner {
    background: none;
    flex-direction: column;
    align-items: center;
}

.main-counter-content {
    margin-top: 50px;
}

.main-counter {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    gap: 30px;
}

span.line {
    display: inline-block;
    height: 1px;
    width: 35%;
    color: #000;
    background: black;
}

.main-counter h2 {
    font-size: 120px;
    font-weight: 800;
    line-height: 1;
    background: url('/wp-content/themes/nationaltrainingschools/assets/img/Intersect.png')no-repeat center center / cover;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.main-counter p {
    font-size: 18px;
    font-weight: 500;
    color: #555;
    text-transform: capitalize;

}

.col-6.col-md-3.counter-box {
    border-right: 1px solid #636363;
}

.counter-box h4 {
    font-size: 40px;
    font-weight: 700;
}

.counter-box p {
    font-size: 20px;
    color: #555;
    font-weight: 600;
    text-transform: capitalize;
}

.counter-box .icon i {
    font-size: 22px;
    color: var(--secondary-color);
}

.counter-box:last-child {
    border: none !important;
}

.team-section h2 {
    font-size: 42px;
}

.team-card {
    position: relative;
    width: 100%;
    height: 400px;
    overflow: hidden;
}

.team-img {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    transition: transform 0.5s ease;
}

.team-card:hover .team-img {
    transform: scale(1.05);
}

/* Overlay placeholders – replace with your bg images */
.team-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    pointer-events: none;
}

/* You’ll replace these backgrounds with your actual angled overlay images */
.team-card:hover .overlay-gray {
    background: url('/wp-content/themes/nationaltrainingschools/assets/img/team-bg1.png') no-repeat center center;
    background-size: cover;
    position: absolute;
    z-index: -1;
}

.overlay-gray {
    background: url('/wp-content/themes/nationaltrainingschools/assets/img/team-bg2.png') no-repeat center center;
    background-size: cover;
    position: absolute;
    z-index: -1;

}


/* cdl training page css  */
.cdl-section {
    background-color: #fff;
    font-size: 18px;
    font-weight: 300;
}

.cdl-section h2 {
    font-size: 36px;
    font-weight: 600;
}

.cdl-image-wrapper {
    position: relative;
    overflow: hidden;
}

.cdl-image-wrapper img {
    width: 100%;
    height: 680px;
    display: block;
    object-fit: cover;
    clip-path: polygon(30% 0%, 64% 0, 64% 47%, 100% 47%, 100% 75%, 75% 100%, 0 100%, 0% 30%);
}

.cdl-overlay-text {
    position: absolute;
    bottom: -25px;
    right: 0px;
    font-size: 5rem;
    font-weight: 800;
    text-transform: uppercase;
    color: transparent;
    -webkit-text-stroke: 2px #e4e4e4;
    letter-spacing: 2px;
    opacity: 1;
}

.feature-item h6 {
    font-size: 24px;
    font-weight: 500;
}

.icon-box {
    background-color: #000;
    color: #fff;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.feature-item:hover .icon-box {
    background-color: #FB8D1A;
    transition: 0.3s ease;
}

.feature-item:hover .icon-box img {
    filter: brightness(0) saturate(100%);
    transition: 0.3s ease;
}


.heavy-section .text-content {
    position: relative !important;
    top: 0 !important;
    margin-left: 0% !important;
    width: 800px !important;
}

.heavy-section .cdl-image-wrapper img {
    clip-path: polygon(30% 0, 75% 0, 100% 25%, 100% 100%, 25% 100%, 0 75%, 0 45%, 30% 45%) !important;
}

.text-content {
    position: relative !important;
    margin-left: -29% !important;
    max-width: 800px !important;
    top: 0;
}

.text-content p {
    text-align: justify;
}

.text-content a {
    color: var(--orange-color);
    text-decoration: none;
}

.orange-btn {
    background: #FB8D1A;
    display: inline-block;
    max-width: fit-content;
    flex: 1 0 22%;
    text-transform: uppercase;
    padding: 14px 30px;
    text-decoration: none;
    color: #000 !important;
    font-size: 16px;
    font-weight: 600;
}

.cdl-features {
    position: absolute;
    max-width: 600px;
    bottom: 13%;
    font-size: 16px;
}


.training-banner-section {
    position: relative;
    overflow: hidden;
    font-weight: 300;
    padding-bottom: 80px !important;
}

.text-orange {
    color: #f15a24;
}

/* Left angled background */
.angled-bg {
    position: absolute;
    top: 40px;
    left: -90px;
    width: 50%;
    height: 100%;
    background: url(https://nationaltrainingschools.ezmarketingtech.com/wp-content/uploads/2025/12/left-1.png) no-repeat center center;
    z-index: 1;
}

.postid-75873 .angled-bg {
    top: 50px;
    left: -170px;
    width: 50%;
    height: 86%;
}

.postid-75884 .angled-bg {
    top: 50px;
    left: -160px;
    width: 50%;
    height: 86%;
}

.postid-77059 .angled-bg {

    top: 70px;
    left: -160px;
}


.postid-77454 .angled-bg {
    position: absolute;
    top: 15px;
    left: -160px;
    width: 50%;
    height: 100%;
    background: url(https://nationaltrainingschools.ezmarketingtech.com/wp-content/uploads/2025/12/left-1.png) no-repeat center center;
    z-index: 1;
}

.postid-76483 .angled-bg {
    top: 15px;
    left: -140px;
}

.postid-76481 .training-banner-section.third {

    padding-bottom: 0px !important;
}

.postid-76481 .training-banner-section.fourth,
.postid-76490 .training-banner-section.fourth,
.postid-76494 .training-banner-section.fourth,
.postid-76495 .training-banner-section.fourth {

    padding-bottom: 40px !important;
}

.postid-76481 .anlgeled-bg-right {

    bottom: -55px;
}

.postid-76481 .angled-bg {

    top: 15px;
    left: -155px;

}

.postid-76490 .angled-bg,
.postid-76494 .angled-bg,
.postid-76495 .angled-bg {
    position: absolute;
    top: 15px;
    left: -160px;
}

/* Truck image */
.banner-img {
    position: relative;
    z-index: 2;
    clip-path: polygon(1% 0, 75% 0%, 100% 25%, 100% 100%, 25% 100%, 0 75%);
    height: 540px;
    object-fit: cover;
    width: 100%;
}

/* Yellow price tag */
.price-tag {
    position: absolute;
    top: 0px;
    right: 12px;
    background: url('/wp-content/themes/nationaltrainingschools/assets/img/img-price.png') no-repeat center center;
    background-size: cover;
    color: #000;
    padding: 15px 25px;
    clip-path: polygon(100% 25%, 100% 100%, 0 100%, 0 0, 75% 0);
    text-align: center;
    z-index: 3;
    width: 30%;
    height: 200px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
}

.price-tag h4 {
    font-weight: 600;
    font-size: 38px;
    margin: 5px 0;
}

.price-tag p {
    font-size: 16px;
    font-weight: 700;
    margin: 0;
}

.anlgeled-bg-right {
    position: absolute;
    bottom: -10px;
    right: -31%;
    width: 50%;
    height: 100%;
    background: url(https://nationaltrainingschools.ezmarketingtech.com/wp-content/uploads/2025/12/right-2.png) no-repeat center center;
    z-index: 1;
}

/* Right content */
.banner-title {
    font-weight: 600;
    color: #fff;
    font-size: 50px;
    text-transform: uppercase;
}

.course-info {
    z-index: 2;
    position: relative;
    font-size: 16px;
    font-weight: 300;
}

.dark-text {
    color: var(--yellow-color);
}

.course-info h3 {
    font-size: 36px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.course-info p {
    text-align: justify;
}

.course-info a {
    color: var(--orange-color);
    text-decoration: none;
}


.help-section {
    background: url('/wp-content/themes/nationaltrainingschools/assets/img/skilled-bg.png') no-repeat center center;
    color: #fff;
    background-size: cover;
    position: relative;
    overflow: hidden;
    padding: 4rem 0 5rem;
}

.cdl-help-sec {
    background: url('/wp-content/uploads/2025/12/cdl-bg-orange.png') no-repeat center center/cover;
}

.help-section h3 {
    font-size: 50px;
    color: #000;
    font-weight: 600;
}

.text-orange {
    color: #f15a24;
}

.help-card {
    background-color: #000;
    padding: 25px;
    text-align: left;
    position: relative;
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: 0.3s ease;
}

.help-card .card-number {
    position: absolute;
    top: 0;
    left: 0;
    background: #ffffffda;
    color: #000;
    font-weight: 600;
    font-size: 2rem;
    padding: 10px 18px;
    clip-path: polygon(0 0, 75% 0%, 100% 25%, 100% 100%, 25% 100%, 0 75%);
    font-family: "League Spartan", sans-serif;


}


.help-card:hover .card-number {
    background: var(--orange-color);
    color: #000;
}

.help-card .card-body {
    padding-top: 60px;
    max-width: 270px;
}

.help-card h5 {
    margin-bottom: 10px;
    text-transform: uppercase;
    font-size: 26px;
    font-weight: 500;
    font-family: "inter", sans-serif;
}

.help-card .card-icon {
    position: absolute;
    top: 25px;
    right: 15px;
    opacity: 1;
    font-size: 3rem;
    color: #fff;
}

.cdl-pricing-section {
    background: url('https://nationaltrainingschools.ezmarketingtech.com/wp-content/uploads/2026/01/ChatGPT-Image-Jan-20-2026-05_10_30-PM.png') no-repeat center center/cover;
    height: 100vh;
}

.heavy-pricing-section {
    background: url('https://nationaltrainingschools.ezmarketingtech.com/wp-content/uploads/2026/01/ChatGPT-Image-Jan-20-2026-05_10_30-PM.png') no-repeat center center/cover;
    height: 100vh;

}

.flip-box {
    width: 510px;
    height: max-content;
    perspective: 1500px;
    margin-left: auto;
    position: relative;
    top: 35px;
}

/* Card wrapper */
.card {
    width: 100%;
    height: max-content;
    position: relative;
    transform-style: preserve-3d;
    transition: 0.9s ease;
}

/* FRONT & BACK */
.flip-box-front,
.flip-box-back {
    position: absolute;
    width: 100%;
    height: max-content;
    top: 0;
    left: 0;
    backface-visibility: hidden;
}

/* BACK SIDE */
.flip-box-back {
    transform: rotateY(180deg);
}

/* When flipped */
.card.is-flipped {
    transform: rotateY(180deg);
}

/* PRICE CARD UI */
.price-card {
    background-color: #000;
    color: #fff;
    width: 100%;
    height: max-content;
    border-radius: 4px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.6);
    overflow: hidden;
    position: relative;
}

.ribbon {
    position: absolute;
    top: 15px;
    right: -45px;
    background-color: #f15a24;
    color: #fff;
    padding: 5px 50px;
    font-weight: 600;
    transform: rotate(45deg);
    font-size: .75rem;
    z-index: 10;
}

/* HEADER */
.price-header {
    text-align: left;
    padding: 25px 20px 10px 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    display: flex;
    align-items: center;
}

.price-header h2 {
    font-size: 2rem;
    color: #fff;
}

/* BODY */
.price-body {
    background-color: #000;
    padding: 20px;
}

/* List */
.info-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.info-item {
    display: flex;
    justify-content: space-between;
    padding: 6px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
    gap: 10px;
}


/* css table  */

.course-breakdown-section {
    background-color: #fff;
}

.course-breakdown-section h3 {
    font-size: 46px;
    font-weight: 600;
}

.text-orange {
    color: #f15a24;
}

.bg-orange {
    background-color: #f15a24 !important;
}

/* Tabs Styling */
.nav-tabs {
    border-bottom: none;
}

.nav-tabs .nav-link {
    background: transparent;
    border: 1px solid var(--secondary-color);
    color: #000;
    font-weight: 600;
    border-radius: 0;
    padding: 12px 20px;
    transition: 0.3s;
}

.nav-tabs .nav-link.active {
    background: var(--orange-gradient);
    color: #fff !important;
}

.postid-76481 .nav-tabs .nav-link.active,
.postid-76483 .nav-tabs .nav-link.active,
.postid-76490 .nav-tabs .nav-link.active,
.postid-76494 .nav-tabs .nav-link.active,
.postid-76495 .nav-tabs .nav-link.active {
    background: var(--yellow-gradient);

}

.postid-76481 .nav-tabs .nav-link:hover,
.postid-76483 .nav-tabs .nav-link:hover,
.postid-76490 .nav-tabs .nav-link:hover,
.postid-76494 .nav-tabs .nav-link:hover,
.postid-76495 .nav-tabs .nav-link:hover {
    background: var(--secondary-color);
}

.nav-tabs .nav-link:hover {
    background: var(--orange-gradient);
    color: #fff !important;
}

/* Table Styling */
.course-table {
    font-size: 1rem;
    border-color: none;
    border-collapse: separate;
    border-spacing: 2px 2px;
    font-style: italic;
}

.course-table th,
.course-table td {
    padding: 18px 12px;
    border: none;
}

.course-table thead th {
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border: none;

}

.course-table tbody td {
    background-color: #f4f1f1;
    border: none;

}

.course-table tr:nth-child(even) td {
    background-color: #f4f1f1;
    border: none;

}

.course-table .fw-bold td {
    background-color: #f4f1f1;
    font-weight: 700;
    border: none;

}

tr,
th {
    background: #f4f1f1 !important;
}

.cdl-schedule-section h3 {
    font-size: 42px;
    font-weight: 600;
}

/* Table Styling */
.schedule-table {
    max-width: 600px;
    margin: auto;
    border: none;
    border-collapse: separate;
    /* allows spacing */
    border-spacing: 0 10px;
    /* vertical=10px, horizontal=0 */
}

.single-courses .testimonial-review-section {
    padding: 50px 0px 90px 0px;
}

.schedule-table.heavy-table thead th:first-child {
    background-color: var(--secondary-color) !important;
}

/* Header */
.schedule-table thead th {

    color: #000 !important;
    font-weight: 700;
    letter-spacing: 1px;
    padding: 14px 20px;
    text-transform: uppercase;
    font-size: 0.95rem;
    border: none;
}

.schedule-table thead th:first-child {
    background-color: var(--orange-color) !important;
}

.postid-76481 .schedule-table thead th:first-child,
.postid-76483 .schedule-table thead th:first-child,
.postid-76490 .schedule-table thead th:first-child,
.postid-76494 .schedule-table thead th:first-child,
.postid-76495 .schedule-table thead th:first-child {
    background-color: var(--yellow-color) !important;

}

/* Table Rows */
.schedule-table tbody tr {
    background-color: #f4f1f1 !important;
    border-radius: 8px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}

/* Table Cells */
.schedule-table tbody td {
    padding: 14px 20px;
    text-transform: uppercase;
    font-weight: 500;
    color: #000;
    border: none;
}

/* Add horizontal column gap */
.schedule-table td+td {
    border-left: 10px solid transparent;
}

/* Optional: alternate background look */
.schedule-table tbody tr:nth-child(even) {
    background-color: #f4f1f1 !important;
}

button.btn-load-more.mt-4 {
    background-color: #e0e0e0 !important;
    border: none !important;
    padding: 12px 20px;
    font-weight: 400;
    color: #000;
}


/* payment page css  */

.payment-section {
    color: #000;
    padding: 100px 0px;
    font-size: 16px;
    font-weight: 300;
}

.payment-section h2 {
    font-size: 42px;
}

.payment-img-wrapper {
    position: relative;
    clip-path: polygon(0 0, 75% 0%, 100% 25%, 100% 100%, 25% 100%, 0 75%);
    overflow: hidden;
}

.payment-img-wrapper img {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.4s ease;
    transform: scale(1.01);
}

.payment-img-wrapper:hover img {
    transform: scale(1.05);
}

.note {
    max-width: 480px;
    font-size: 20px;
}

.payment-options-section {
    position: relative;
}

.payment-options-section::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.8);
}

.payment-options-section .container {
    position: relative;
    z-index: 1;
}

.payment-options-section h2 {
    font-size: 50px;
}

.payment-options-section h3 {
    font-size: 42px;
    margin-bottom: 2rem;
}

/* Image wrapper with angled cut */
.payment-img-wrapper {
    position: relative;
    clip-path: polygon(0 0, 75% 0%, 100% 25%, 100% 100%, 25% 100%, 0 75%);
    overflow: hidden;
}

.payment-img-wrapper img {
    width: 100%;
    transition: transform 0.5s ease;
}

p.short-desc {
    max-width: 620px;
    font-size: 28px;
    font-weight: 200;
}

.payment-img-wrapper:hover img {
    transform: scale(1.05);
}

/* Button */
.btn-yellow {
    background: #ffcd00;
    color: #000;
    font-weight: 600;
    text-transform: uppercase;
    padding: 10px 25px;
    border-radius: 0;
    border: none;
    transition: all 0.3s ease;
}

.btn-yellow:hover {
    background: #f7b500;
    color: #000;
}

/* Text */
.text-yellow {
    color: #ffcd00;
}

.payment-methods-section {
    background-color: #fff;
    color: #000;
    font-family: "Poppins", sans-serif;
}

.payment-methods-section h2 {
    font-size: 42px;
}

.payment-icons {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 30px;
}

.payment-icons img {
    height: auto;
    filter: brightness(0.95);
    transition: transform 0.3s ease, filter 0.3s ease;
    cursor: pointer;
}

.payment-icons img:hover {
    transform: scale(1.1);
    filter: brightness(1.1);
}

img.left-side-arrow,
.right-side-arrow {
    width: 50px;
}

img.left-side-img {
    position: absolute;
    top: 3%;
}

img.left-side-arrow {
    position: absolute;
    left: -80px;
    top: 100px;
}

img.right-side-img {
    position: absolute;
    top: 20px;
    right: -60px;
}

.right-side-arrow {
    position: absolute;
    top: 110px;
    right: -120px;
}

/* heavy page css  */
.page-template-heavy-now .help-card h5 {
    color: var(--yellow-color);
}

.page-template-heavy-now .help-card:hover .card-number {
    background: var(--yellow-color);
}

.yellow-text {
    color: var(--yellow-color) !important;
}

.page-template-heavy-now .price-tag {
    background: url('/wp-content/themes/nationaltrainingschools/assets/img/heavy-img-bg.png') no-repeat center center;
}

.page-template-heavy-now .cdl-image-wrapper img {
    clip-path: polygon(30% 0, 75% 0, 100% 25%, 100% 100%, 25% 100%, 0 75%, 0 45%, 30% 45%);
}

.page-template-heavy-now .text-content {
    left: 7%;
    max-width: 50%;
}

.page-template-heavy-now .feature-item:hover .icon-box {
    background-color: var(--yellow-color);
    transition: 0.3s ease;
}

.page-template-heavy-now .angled-bg {
    top: 100px;
    height: 80%;
}

.chevron-group-top {
    top: 10%;
    right: 9%;
}

.page-template-heavy-now .anlgeled-bg-right {
    bottom: -65px;
    right: -25%;
    width: 58%;
    height: 90%;
}

.page-template-heavy-now .cdl-pricing-section {
    background: url('/wp-content/themes/nationaltrainingschools/assets/img/table-bg.png') no-repeat center center/cover;
}

.page-template-heavy-now .schedule-table thead th:first-child {
    background: var(--yellow-color);
}

.img-wrap {
    overflow: hidden;
    border-radius: 0;
}

.img-wrap img {
    width: 100%;
    transition: transform 1.5s ease;
}

.img-wrap:hover img {
    transform: scale(1.1);
}

.cut-img {
    clip-path: polygon(0 0, 75% 0%, 100% 25%, 100% 100%, 25% 100%, 0 75%);

}

.pdf-download {
    clip-path: polygon(0% 0%, 95% 0%, 100% 30%, 100% 100%, 80% 100%, 5% 100%, 0% 75%, 0% 20%);
}

/* CARD CONTAINER */
.services-section {
    color: #fff;
}

.service-block-one {
    background: #fff;
    overflow: hidden;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
    transition: 0.4s ease;
}

/* INNER BOX */
.service-block-one .inner-box {
    position: relative;
    display: block;
    background: #262427;
}

/* IMAGE + OVERLAY */
.service-block-one .inner-box .image-box {
    position: relative;
    display: block;
    overflow: hidden;
}

.image-box img {
    height: 280px !important;
    object-fit: cover;
    object-position: center;
    width: 100%;
    transition: transform 0.5s ease;
}

/* DARK OVERLAY */
.dark-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.55);
    opacity: 0;
    transition: 0.4s ease;
}

/* ZOOM + OVERLAY ON HOVER */
.service-block-one:hover img {
    transform: scale(1.1);
}

.service-block-one:hover .dark-overlay {
    opacity: 1;
}

/* TEXT AREA */
.lower-content .text {
    padding: 12px;
}

.lower-content h4 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
    color: #FFF;
}

.lower-content p {
    color: #bababa;
    font-size: 15px;
    margin-bottom: 15px;
}

.service-block-one .inner-box .lower-content .lower-box {
    position: relative;
    display: flex;
    background: #fff;
    overflow: hidden;
    align-items: center;
    justify-content: space-between;
    padding-right: 40px;
    transition: all 500ms ease;
}

.service-block-one .inner-box .lower-content .lower-box .arrow-icon li:first-child {
    margin-left: 0px !important;
}

/* ARROWS ROW */
.arrow-icon {
    display: flex;
    row-gap: 5px;
    padding: 0;
    margin: 0;
}

.service-block-one .inner-box .lower-content .lower-box .arrow-icon li {
    position: relative;
    display: flex;
    float: left;
    margin-left: -5px !important;
    transition: all 500ms ease;
}

.arrow-icon img {
    height: 30px !important;
    width: 80px !important;
}

.read-more {
    font-weight: 600;
    color: #000;
    text-decoration: none;
    transition: 0.3s;
}

.read-more img {
    display: none !important;
    height: 12px !important;
    width: auto !important;
}

#cdl .service-block-one:hover .lower-box {
    background: var(--orange-gradient) !important;
    color: #000;

}

#heavy .service-block-one:hover .lower-box {
    background: var(--secondary-color) !important;
    color: #000;

}

.service-block-one:hover .lower-box .arrow-icon li img {
    color: #000 !important;
    filter: invert(100);
}

.service-block-one:hover .read-more img {
    display: inline !important;
    filter: invert(100);
}

/* READ MORE */



.service-carousel .owl-nav,
.service-carousel .owl-dots {
    display: none !important;
}

.custom-nav {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 25px;
    gap: 25px;
    font-family: 'Poppins', sans-serif;
}

.custom-nav .nav-prev,
.custom-nav .nav-next {
    font-size: 22px;
    color: #c8c8c8;
    cursor: pointer;
    transition: 0.3s ease;
}

.custom-nav .nav-prev:hover,
.custom-nav .nav-next:hover {
    color: var(--secondary-color);
}

.nav-pages {
    display: flex;
    gap: 10px;
    font-size: 18px;
    letter-spacing: 3px;
}

.nav-pages span {
    color: #bfbfbf;
    cursor: pointer;
    transition: 0.3s ease;
}

.nav-pages span.active {
    color: var(--secondary-color);
    font-weight: 700;
}

.nav-pages span::after {
    content: " · ";
    color: #d3d3d3;
}

.nav-pages span:last-child::after {
    content: "";
}


.t2-section {
    position: relative;
    padding: 113px 0 111px;
    overflow: hidden;
}

.t2-title h2 {
    font-size: 44px;
    line-height: 50px;
    font-weight: 600;
    color: #3d3d3d;
}

/* Testimonial blocks */
.t2-testimonial {
    position: relative;
    margin-bottom: 31px;
    max-width: 800px;
}

.t2-testimonial:last-child {
    padding-left: 0;
    padding-right: 180px;
    margin-bottom: 0;
}

/* Avatar */
.t2-thumb {
    position: absolute;
    top: 30px;
    right: 0 !important;
    width: 140px;
    height: 140px;
    border-radius: 50%;
}



.t2-thumb img {
    width: 100% !important;
    /* FIXED */
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

/* Text box */
.t2-text {
    position: relative;
    border: 1px solid #e4e0e0;
    padding: 30px 30px 30px 120px;
    margin-bottom: 34px;
}

/* Quote icon */
.t2-quote-icon {
    position: absolute;
    left: 40px;
    top: 10px;
    font-size: 50px;
    color: #84acca;
}

/* Headings */
.t2-text h4 {
    font-size: 20px;
    line-height: 30px;
    color: #3d3d3d;
    font-weight: 500;
    margin-bottom: 10px;
}

.t2-text p {
    font-size: 18px;
    line-height: 28px;
}

/* Author */
.t2-author {
    padding-left: 90px;
}

.t2-author h5 {
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
    color: #3d3d3d;
    margin-bottom: 4px;
}

.t2-author h5 span {
    font-size: 16px;
    font-weight: 500;
}

/* Rating */
.t2-rating li {
    display: inline-block;
    font-size: 18px;
    margin-right: 3px;
    color: #fee100;
}

.t2-rating li:last-child {
    margin-right: 0;
}

/* Shape connectors */
.t2-shape-line {
    position: absolute;
    left: 40px;
    bottom: -1px;
    width: 30px;
    height: 1px;
    background: #fff;
}

.t2-shape-line:before {
    content: '';
    position: absolute;
    background: #e4e0e0;
    width: 1px;
    height: 30px;
    right: 0;
    bottom: -30px;
}

.t2-shape-line:after {
    content: '';
    position: absolute;
    background: #e4e0e0;
    width: 1px;
    height: 41px;
    left: 14px;
    bottom: -35px;
    transform: rotate(-45deg);
}

/* LEFT image */
.t2-image-layer {
    position: absolute;
    left: 0;
    bottom: 0;
}

/* Shapes */
.t2-shapes .t2-shape-1 {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 545px;
    height: 210px;
    background-repeat: no-repeat;
}

.t2-shapes .t2-shape-2 {
    position: absolute;
    left: 340px;
    bottom: 100px;
    width: 137px;
    height: 13px;
    background-repeat: no-repeat;
}

.t2-shapes .t2-shape-3 {
    position: absolute;
    left: 100px;
    top: 0;
    width: 227px;
    height: 263px;
    background-repeat: no-repeat;
}

.udrive-feature-section {
    position: relative;
    padding: 60px 0;
}

.feature-slide {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.feature-slide.layout-left .feature-img {
    display: flex;
    justify-content: end;
}

.feature-img img {
    max-width: 450px !important;
    height: 400px;
    object-fit: cover;
    border-radius: 10px;
    display: block;
}

.shape {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 85px;
    width: 112px;
    height: 26px;
    background-repeat: no-repeat;
    animation: shapePulse 2.2s infinite ease-in-out;
}

.udrive-feature-section .owl-carousel .owl-nav.disabled {
    display: flex !important;
    justify-content: center;
    margin-top: 20px;
    font-size: 36px;
    font-weight: bold;
    gap: 40px;
}

.udrive-feature-section .owl-carousel .owl-nav.disabled button {
    background: transparent !important;
    height: 50px;
    width: 50px;
    display: flex !important;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--orange-color) !important;
    border-radius: 5px !important;
}

.udrive-feature-section .owl-carousel .owl-nav.disabled button:hover {
    background: var(--orange-gradient) !important;
}

@keyframes shapePulse {
    0% {
        transform: translateX(-50%) scale(1);
        opacity: 1;
    }

    50% {
        transform: translateX(-50%) scale(1.08);
        opacity: 0.85;
    }

    100% {
        transform: translateX(-50%) scale(1);
        opacity: 1;
    }
}

/* CARD BASE */
.feature-card {
    background: #e1e1e1;
    padding: 30px;
    border-radius: 10px;
    max-width: 380px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    position: absolute;
    margin-top: 80px;
    clip-path: polygon(85% 0, 100% 15%, 100% 100%, 0 100%, 0 0);
    left: 45%;
    bottom: 0;
    min-height: 220px;
}

/* Icon */
.feature-icon img {
    width: 42px;
    margin-bottom: 10px;
}

/* Title */
.feature-card h4 {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 12px;
}

/* Description */
.feature-card p {
    font-size: 15px;
    color: #555;
    margin-bottom: 20px;
}

/* Read more */
.feature-read {
    font-size: 14px;
    font-weight: 700;
    color: #f5c900;
    text-transform: uppercase;
}

.feature-read i {
    margin-left: 5px;
}

/* ========== ALTERNATING LAYOUT ========== */



/* Fix cards when reversed */
.feature-slide.layout-left .feature-card {
    clip-path: polygon(15% 0%, 100% 0, 100% 100%, 0 100%, 0 15%);
    left: 0;
}

.rules-and-policy {
    padding: 40px 20px 80px;
    background: #f6f6f7;
    text-align: justify;
}






/* ---------- slider window ---------- */
.rules {
    position: relative;
    width: 100%;
    overflow: hidden;
    background: transparent;
    /* height will be set by JS to exactly 2 * slideHeight */
}

/* the moving track we translate */
.rules-track {
    display: block;
    will-change: transform;
}

/* each slide */
.policy {
    position: relative;
    box-sizing: border-box;
    display: flex;
    border-bottom: 1px solid #e2e3e6;
    background: transparent;
    min-height: 100px;
    align-items: center;
}

/* left image inside each slide */
.policy .img-box {
    position: absolute;
    left: 0;
    top: 9px;
    width: 170px;
    height: 170px;
    overflow: hidden;
}

.policy .img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* text */
.policy .inner {
    padding: 20px 0px;
}

.policy p {
    font-size: 18px;
    color: #c3c4c8;
    margin: 0 0 8px;
    padding-left: 80px;
    position: relative;
}

.policy p:before {
    content: '';
    position: absolute;
    left: 0;
    top: 6px;
    width: 55px;
    height: 34px;
    background-image: url('https://fastwpdemo.com/newwp/udrive/wp-content/themes/udrive/assets/images/icons/icon-35.png');
    background-repeat: no-repeat;
    background-size: contain;
}

.policy h4 {
    font-size: 18px;
    margin: 6px 0 8px;
}

.policy p {
    margin: 0;
    color: #555;
    line-height: 1.4;
}

/* right static image */
.image-inner .image {
    clip-path: polygon(0% 0%, 78% 0%, 100% 23%, 100% 100%, 80% 100%, 23% 100%, 0% 78%, 0% 20%);
    overflow: hidden;
}

.image-inner .image img {
    width: 100%;
    display: block;
}

/* nav */
.history-nav {
    margin-top: 18px;
}

.history-nav button {
    width: 80px;
    height: 52px;
    border: 1px solid #000;
    background: transparent;
    color: #000;
    font-size: 20px;
    cursor: pointer;
    margin-right: 8px;
}

.history-nav button:hover {
    color: #121113;
}

.card-choice:hover .card-number {
    background-color: var(--orange-color) !important;
}

.card-choice:hover h4 {
    color: #fff !important;
}

.count-h2 .elementor-counter-number {
    position: relative;
    display: block;
    padding-left: 80px;
    margin-bottom: 16px;
}

.count-h2 .elementor-counter-number:before {
    position: absolute;
    content: '';
    background-image: url(https://nationaltrainingschools.ezmarketingtech.com/wp-content/uploads/2025/11/arrow-icon.png);
    width: 55px;
    height: 34px;
    left: 0px;
    top: 9px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;

}

.cutted-container {
    clip-path: polygon(0% 0%, 95% 0%, 100% 30%, 100% 100%, 80% 100%, 5% 100%, 0% 75%, 0% 20%);
}

.one-side-cutimg {
    clip-path: polygon(0% 0%, 63% 0%, 100% 23%, 100% 100%, 80% 100%, 25% 100%, 0% 100%, 0% 20%);
}

/* shop page css  */
ul.products {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: var(--gutter) !important;
    margin: 0 !important;
    padding: 0 !important;
}

input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.form-control {
    background: #fff !important;
}

.story-card p {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}



/* PRODUCT CARD */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    background: #fff !important;
    border-radius: var(--card-radius) !important;
    box-shadow: var(--card-shadow) !important;
    transition: .28s !important;
    list-style: none !important;
    padding-bottom: 20px !important;
    position: relative !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    min-height: 340px !important;
    width: 100% !important;
}

ul.products li.product h2 {
    padding: 0 20px !important;
}


ul.products li.product:hover {
    transform: translateY(-6px) !important;
    box-shadow: var(--card-shadow-hover) !important;
}

/* PRODUCT IMAGE */
ul.products li.product img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    border-radius: 10px !important;
    transition: transform .5s !important;
    display: block !important;
}

ul.products li.product:hover img {
    transform: scale(1.08) !important;
}

/* TITLE */
.woocommerce-loop-product__title {
    font-size: 16px !important;
    font-weight: 600 !important;
    margin: 12px 0 6px !important;
    color: #07122a !important;
    min-height: 44px !important;
    line-height: 1.3 !important;
}

/* PRICE AS BADGE */
ul.products li.product .price {
    background: var(--badge-bg) !important;
    color: #fff !important;
    padding: 12px 12px !important;
    border-radius: 20px !important;
    display: inline-block !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    margin-top: 4px !important;
    margin: 0px 20px;
    width: 80% !important;
    text-align: center;
}

/* ADD TO CART BUTTON */
ul.products li.product .button {
    width: 80% !important;
    display: block !important;
    text-align: center !important;
    background: var(--yellow-gradient) !important;
    color: #fff !important;
    padding: 16px 10px !important;
    border-radius: 999px !important;
    margin-top: 14px !important;
    margin: 0 20px;
    font-weight: 600 !important;
    font-size: 14px !important;
    border: none !important;
    box-shadow: 0 6px 18px rgba(11, 108, 243, 0.12) !important;
    transition: .25s !important;
}

ul.products li.product .button:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 12px 28px rgba(11, 108, 243, 0.18) !important;
}

/* ENSURE LINK AREA DOES NOT COVER BUTTON */
.woocommerce-LoopProduct-link {
    display: block !important;
    margin-bottom: auto !important;
    position: relative !important;
    z-index: 1 !important;
}

ul.products li.product .button {
    position: relative !important;
    z-index: 2 !important;
}

/* PAGINATION */
.woocommerce-pagination {
    text-align: center !important;
    margin-top: 25px !important;
}

.woocommerce nav.woocommerce-pagination ul,
.woocommerce nav.woocommerce-pagination ul li {
    border: none !important;
}

.woocommerce-pagination .page-numbers {
    display: flex !important;
    gap: 8px !important;
    justify-content: center !important;
}

.woocommerce-pagination a,
.woocommerce-pagination span {
    padding: 8px 12px !important;
    border-radius: 8px !important;
    background: #fff !important;
    border: 1px solid #e6e9ef !important;
    color: #0b1724 !important;
}

.woocommerce-pagination .current {
    background: var(--yellow-gradient) !important;
    color: #fff !important;
    border-color: var(--yellow-gradient) !important;
}

/* FIX SELECT BOX */
.woocommerce-ordering .orderby {
    padding: 8px 12px !important;
    border-radius: 8px !important;
    border: 1px solid #e6e9ef !important;
    background: #fff !important;
    font-size: 14px !important;
}

/* RESULT COUNT */
.woocommerce-result-count {
    color: #6b7280 !important;
    font-size: 14px !important;
    margin-bottom: 10px !important;
}

.woocommerce .products ul::after,
.woocommerce .products ul::before,
.woocommerce ul.products::after,
.woocommerce ul.products::before {
    display: none !important;
}



/* =========================
   SIMPLE CLEAN OVERRIDE CSS
   ========================= */

/* Container */
.details_page {
    background: #fff !important;
    padding-top: 20px;
}

/* Product Layout */
.product {
    display: block !important;
    background: #fff !important;
}

/* Gallery */
.woocommerce-product-gallery {
    width: 50% !important;
    margin-bottom: 20px !important;
    background: #fafafa !important;
    padding: 10px !important;
    border: 1px solid #ddd !important;
}

.woocommerce-product-gallery img {
    width: 100% !important;
    height: auto !important;
}

/* Summary (Title, Price, Button) */
.summary.entry-summary {
    background: #fafafa !important;
    padding: 15px !important;
    border: 1px solid #ddd !important;
    margin-bottom: 20px !important;
}

.product_title {
    font-size: 20px !important;
    margin-bottom: 10px !important;
    color: #222 !important;
}

.price {
    font-size: 18px !important;
    color: #000 !important;
    margin-bottom: 15px !important;
}

/* Quantity + Add to Cart */
.cart {
    display: flex !important;
    gap: 10px !important;
    margin-bottom: 15px !important;
}

.quantity input {
    width: 70px !important;
    padding: 6px !important;
    border: 1px solid #ccc !important;
}

.single_add_to_cart_button {
    background: var(--secondary-color) !important;
    color: #fff !important;
    border: none !important;
    padding: 10px 14px !important;
    cursor: pointer !important;
}

.single_add_to_cart_button:hover {
    background: #005f8a !important;
}

/* Tabs (Description Area) */
.woocommerce-tabs {
    margin-top: 20px !important;
}

.wc-tabs {
    display: flex !important;
    gap: 10px !important;
    border-bottom: 1px solid #ddd !important;
    margin: 0 !important;
}

.wc-tabs li {
    list-style: none !important;
    padding: 8px 12px !important;
    background: #eee !important;
    cursor: pointer !important;
}

.wc-tabs li.active {
    background: #ddd !important;
}

.woocommerce-Tabs-panel {
    padding: 15px !important;
    background: #fafafa !important;
    border: 1px solid #ddd !important;
    border-top: none !important;
}

/* =========================
   MOVE RELATED PRODUCTS BELOW DESCRIPTION
   ========================= */
.prodcut_related.related.products {
    order: 99 !important;
    /* ensures it comes after description */
    margin-top: 20px !important;
}

/* Force related products to display under tab area */
.woocommerce-tabs+.prodcut_related {
    display: block !important;
}

/* Related Product Grid */
.prodcut_related .products {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 15px !important;
}



/* Each product */
.prodcut_related .products .product {
    background: #fff !important;
    border: 1px solid #ddd !important;
    padding: 10px !important;
    text-align: center !important;
}

.prodcut_related .products img {
    width: 100% !important;
    height: auto !important;
}

.prodcut_related .woocommerce-loop-product__title {
    font-size: 14px !important;
    margin: 8px 0 !important;
    color: #222 !important;
}

/* Add to cart button small */
.prodcut_related .add_to_cart_button {
    background: #0073aa !important;
    color: #fff !important;
    padding: 6px 10px !important;
    border: none !important;
    display: inline-block !important;
    margin-top: 6px !important;
}

.prodcut_related .add_to_cart_button:hover {
    background: #005f8a !important;
}

.privacy-policy main.container {
    margin: 50px auto;
    text-align: justify;
}

.lower-content p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.nccer-logo {
    width: 400px !important;
    height: 100%
}

.lumion-logo {
    height: 100px;
}

.custom-payment-opt h2 {
    font-size: 42px;
}

.footer-link2 ul {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
    column-gap: 30px;
}

.footer-link2 li {
    break-inside: avoid;
}

/* Break column from "Heavy Now" */
.footer-links li#menu-item-76963 {
    break-before: column;
    -webkit-column-break-before: always;
}

.postid-77447 .angled-bg {
    top: 48px;
    left: -180px;
    width: 50%;
    height: 85%;

}

.page-template-payment .testimonial-review-section {
    padding-bottom: 6rem !important;
}

.postid-76481 .orange-text,
.postid-76483 .orange-text,
.postid-76490 .orange-text,
.postid-76494 .orange-text,
.postid-76495 .orange-text {
    color: #ffc107 !important;
}

.postid-76481  .course-info a,
.postid-76483  .course-info a,
.postid-76490  .course-info a,
.postid-76494  .course-info a,
.postid-76495  .course-info a ,
.postid-78455 .course-info a{
    color: var(--secondary-color) !important;
}
.postid-76481 .help-card:hover .card-number, 
.postid-76483 .help-card:hover .card-number,
.postid-76490 .help-card:hover .card-number,
.postid-76494 .help-card:hover .card-number,
.postid-76495 .help-card:hover .card-number,
.postid-78455 .help-card:hover .card-number {
    background: var(--secondary-color) !important;
    color: #000;
}
.postid-76481 .gradient-btn-orange,
.postid-76483 .gradient-btn-orange,
.postid-76490 .gradient-btn-orange,
.postid-76494 .gradient-btn-orange,
.postid-76495 .gradient-btn-orange,
.postid-78455 .gradient-btn-orange {
    background: var(--yellow-gradient) !important;
}

 @media (max-width: 1270px) {
    .heavy-section .text-content {
        max-width: 700px !important
    }
}



@media(max-width:1200px) {
    ul.products {
        grid-template-columns: repeat(3, 1fr) !important;
    }

    .cdl-section h2 {
        font-size: 36px;
    }

    .text-content .orange-btn {
        flex-basis: auto !important;
    }
}

@media (max-width: 1120px) {
    .heavy-section .text-content {
        max-width: 630px !important
    }

    .cdl-section h2 {
        font-size: 30px;
    }

    .story-content h2 {
        font-size: 32px;
        font-weight: 600;
    }

    .text-content {
        top: 0px !important;
    }
}

@media (max-width: 992px) {
    .offcanvas {
        background: #fff;
        width: 300px !important;
    }

    /* Make menu vertical */
    .offcanvas .navbar-nav {
        flex-direction: column !important;
        width: 100%;
        justify-content: flex-start !important;
    }

    .offcanvas-body {
        flex-direction: column !important;
        justify-content: flex-start !important;
        align-items: start !important;
    }

    .offcanvas .navbar-nav li {
        width: 100%;
        margin: 0;
        border-bottom: 1px solid #eee;
        display: inline-table;
    }

    .offcanvas .navbar-nav li a {
        display: block;
        padding: 12px 8px !important;
        color: #111;
    }

    /* Mobile dropdown toggle arrow */
    .offcanvas .menu-item-has-children>a::after {
        content: "\f105";
        /* right arrow */
        font-family: "Font Awesome 7 Free";
        font-weight: 900;
        float: right;
        font-size: 14px;
        transition: 0.2s ease;
        transform: rotate(90deg);
    }

    /* Open arrow rotation */
    .offcanvas .menu-item-has-children.active>a::after {
        transform: rotate(270deg);
    }

    /* Mobile submenu collapse */
    .offcanvas .sub-menu {
        position: relative;
        opacity: 1;
        visibility: visible;
        transform: none;
        box-shadow: none;
        background: #fafafa;
        border-left: 3px solid #f7931e;
        margin-left: 10px;
        display: none;
    }

    .offcanvas .sub-menu li a {
        padding: 10px 15px;
        font-size: 14px;
    }

    .navbar-nav>li {
        margin: 0;
    }

    ul.products {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .text-content {
        top: 0px !important;
        margin-left: 0% !important;
        max-width: max-content !important;
    }

    .cdl-section h2 {
        font-size: 44px;
    }

    .cdl-image-wrapper img {
        clip-path: polygon(25% 0%, 100% 0, 100% 75%, 75% 100%, 0 100%, 0 25%);

    }

    .choose-card h5 {
        font-size: 18px;
    }

    .mission-section img {
        clip-path: none;
    }

    .team-img img {
        width: 320px;
        height: 100%;
    }

    .text-content {
        position: relative;
        margin-left: 0%;
        max-width: 100% !important;
        margin-top: 20px;
    }

    .text-content div {
        flex-direction: column-reverse;
    }

    .heavy-section .text-content {
        flex-direction: column;
    }

    .anlgeled-bg-right,
    .angled-bg {
        display: none;
    }

    .cdl-pricing-section {
        height: 60vh;
    }

    .catalog-box img {
        width: 100%;
    }

    .mission-content {
        padding: 50px 70px !important;
    }

    .heavy-section .text-content {
        max-width: 100% !important;
    }

    .heavy-section .cdl-image-wrapper img {
        clip-path: polygon(0 0, 75% 0%, 100% 25%, 100% 100%, 25% 100%, 0 75%) !important;
        margin-top: 20px;
    }

    .heavy-section .text-content div {
        flex-wrap: wrap;
        flex-direction: column;
    }

    .about-section .col-md-6 {
        display: flex;
        justify-content: center;
        width: 100%
    }

    .img-border.left,
    .img-border.right {
        width: 70%;
    }

    .driving-img {
        display: none;
    }

    .arrow-icon img {
        height: 25px !important;
    }

    .info-card {
        padding: 20px;
        min-height: 180px !important;
        clip-path: none !important;
    }

    .counter-section-inner {
        padding-top: 20px !important;
    }

    .course-info {
        padding-right: 30px;
    }

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

    .cdl-overlay-text {
        font-size: 4rem;
    }

    .chevron-group-top {
        top: 7%;
        right: 2%;
    }

    .postid-76481 .training-banner-section.fourth,
    .postid-76481 .training-banner-section.third,
    .postid-76490 .training-banner-section.fourth,
    .postid-76483 .training-banner-section.fourth,
    .postid-76494 .training-banner-section.fourth {
        padding-bottom: 0px !important;
        padding-top: 0 !important;
    }

    .postid-76481 .training-banner-section.third .row {
        padding-bottom: 0px !important;
    }

    .postid-76481 .training-banner-section.fourth .row {
        flex-direction: column-reverse;
    }

    .postid-76483 .course-info,
    .postid-76494 .course-info,
    .postid-76495 .course-info {
        padding-right: 0px !important;
        padding-left: 15px !important;
    }

    .postid-77219 .training-banner-section.second {
        padding-bottom: 20px 0px !important;
    }

    .postid-77219 .training-banner-section.first {
        padding-bottom: 20px !important;
    }

    .note {
        max-width: 100%;

    }


    .partner-section .col-lg-7 {
        padding: 1rem !important;
    }

    .custom-payment-opt h2 {
        font-size: 36px;
    }

    .payment-icons img {
        width: 90px;
    }

    .payment-methods-section h2 {
        font-size: 36px;
    }
}





@media (max-width: 768px) {
    .feature-slide {
        flex-direction: column !important;
        text-align: center;
    }

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

    .feature-card {
        margin-top: 20px;
        clip-path: none !important;
    }
}

@media(max-width:560px) {
    ul.products {
        grid-template-columns: repeat(1, 1fr) !important;
    }

    body {
        font-size: 14px;
    }

    .hero-content h1 {
        font-size: 60px;
    }

    .cdl-section h2 {
        font-size: 20px;
    }

    .course-info h3,
    .help-section h3,
    .course-breakdown-section h3 {
        font-size: 30px;
    }

    .cdl-pricing-section {
        height: 100vh;
    }

    .course-breakdown-section .nav-tabs button {
        width: 320px;
    }

    .catalog-box img {
        margin-bottom: 40px;
    }

    .cdl-schedule-section h3 {
        font-size: 38px;
    }

    .faq-section h2 {
        font-size: 32px;
    }

    .faq-question h5 {
        font-size: 16px;
    }

    .download-btn {
        font-size: 13px;
    }



    .counter-section-inner {
        flex-direction: column;
        text-align: center;
    }

    .about-section h2,
    .contact-section h2,
    .choose-path-section h2,
    .partner-section h2 {
        font-size: 32px;
        margin-top: 20px;
    }

    .story-content h2 {
        font-size: 22px;
    }

    .career-section h2,
    .hire-section h2 {
        font-size: 24px;
    }

    .career-section {
        padding-top: 10px;
    }

    .info-card {
        clip-path: none !important;
    }

    .img-border.left,
    .img-border.right {
        width: 90%;
    }

    .img-border.righ {
        margin-top: 20px;
    }

    .header-top {
        justify-content: center !important;
        text-align: center;
    }

    .team-img img.img-fluid {
        width: 290px;
        height: 100%;
        object-fit: contain;
    }

    .main-counter h2 {
        font-size: 80px;
    }

    .counter-box p {
        font-size: 14px;
    }

    .about-ntc-content h2 {
        font-size: 42px;
        margin-top: 20px;
    }

    .img-wrap img {
        height: 280px !important;
        margin-top: 20px;
    }

    .about-ntc-content .italic-font {
        font-size: 24px;
    }

    .mission-content {
        padding: 20px !important;
    }

    .img-bottom span {
        font-size: 24px;

    }

    .img-bottom p {
        font-size: 12px;
    }

    .img-bottom div img {
        height: 60px !important;
        margin-top: 0px;
    }

    .banner-img {
        height: 280px !important;
    }

    .cdl-image-wrapper img {
        height: 280px !important;
    }

    .custom-payment-opt .col-md-6 {
        margin-top: 20px;
    }

    .payment-section h2 {
        font-size: 26px;
    }

    .custom-payment-opt h2 {
        font-size: 24px;
    }

    .payment-methods-section h2 {
        font-size: 28px;
    }

    .payment-section {

        padding: 50px 0px;
    }
    .links-footer-contact{
            padding-left: 15px !important;
    padding-right: 15px !important;
    }
    .help-card .card-body {
    max-width: 220px;
}

}

@media (max-width: 420px) {
    .cdl-overlay-text {
        font-size: 3rem;
    }

    .breadcrumb-section h1 {
        font-size: 24px;
        font-weight: 600;
    }

    .cdl-schedule-section h3 {
        font-size: 30px;
    }

    .course-info h3,
    .help-section h3,
    .course-breakdown-section h3 {
        font-size: 24px;
    }

    .flip-box {
        width: 340px;
    }
}

.gradient-btn-yellow {
    z-index: 99;
}