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

/* Accessibility improvements */
.visually-hidden {
   position: absolute !important;
   width: 1px !important;
   height: 1px !important;
   padding: 0 !important;
   margin: -1px !important;
   overflow: hidden !important;
   clip: rect(0, 0, 0, 0) !important;
   white-space: nowrap !important;
   border: 0 !important;
}

.visually-hidden-focusable:not(:focus):not(:focus-within) {
   position: absolute !important;
   width: 1px !important;
   height: 1px !important;
   padding: 0 !important;
   margin: -1px !important;
   overflow: hidden !important;
   clip: rect(0, 0, 0, 0) !important;
   white-space: nowrap !important;
   border: 0 !important;
}

.visually-hidden-focusable:focus,
.visually-hidden-focusable:focus-within {
   position: static !important;
   width: auto !important;
   height: auto !important;
   padding: 8px 16px !important;
   margin: 8px !important;
   overflow: visible !important;
   clip: auto !important;
   white-space: normal !important;
   background: #0056b3 !important;
   color: white !important;
   text-decoration: none !important;
   border-radius: 4px !important;
   z-index: 9999 !important;
   display: inline-block !important;
}

body {
   line-height: 1.5;
   font-family: 'Source Sans Pro', sans-serif;

}

button,
h1,
h2,
h3,
h4,
h5,
h6,
a {
   font-family: 'Poppins', sans-serif;

}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
   margin-bottom: 0px;
}

a {
   text-decoration: none;
}

.sticky-bar-btn {
   color: #B80000;
   padding-left: 5px;
}

/* button gradient*/
.blue-btn-primary {
   color: #ffffff;
   padding: 6px 15px;
   display: inline-block;
   border-radius: 7px;
   font-weight: 600;
}

.txt-yellow {
   /* color: #FFD935; */
   color: #FFD729;
}

.txt-light-blue {
   color: #02D1FE;
}

.txt-dark-blue {
   color: #00A4FF;
}

.btn-hover-upper {
   transform: translateY(0px);
   transition: all 0.25s;
}

.btn-hover-upper:hover {
   transform: translateY(-3px);
}

.btn-blue-gradient {
   background-image: linear-gradient(90deg, #00A4FF, #02D1FE);
}

.btn-blue-gradient:hover {
   background-image: linear-gradient(180deg, #00A4FF, #02D1FE);
   box-shadow: 0 0.5rem 1rem rgba(13, 110, 253, 0.3);
}

.btn-yellow-gradient {
   background-image: linear-gradient(90deg, #FCBF07, #FFD934);
}

.btn-yellow-gradient:hover {
   background-image: linear-gradient(180deg, #FCBF07, #FFD934);
   box-shadow: 0 0.5rem 1rem rgba(13, 110, 253, 0.3);

}

.popular-section,
.sticky-bar {
   position: sticky;
   top: 0;
   background: linear-gradient(-45deg, #02D1FE, #00A4FF, #FFD729, #00A4FF);
   /* background: linear-gradient(-45deg, #02D1FE, #00A4FF, #005384, #00A4FF); */
   background-size: 400% 400%;
   animation: gradientShift 10s ease infinite;
   padding: 12px 20px;
   color: #fff;
   z-index: 999;
   font-weight: 700;
   font-size: 16px;
   overflow: hidden;
   text-align: center;
   display: flex;
   justify-content: center;
   align-items: center;
}

@keyframes gradientShift {
   0% {
      background-position: 0% 50%;
   }

   50% {
      background-position: 100% 50%;
   }

   100% {
      background-position: 0% 50%;
   }
}

.bg-light-bluish-1 {
   background: #EEF3FF;
}

.bg-light-bluish-2 {
   background: #E9F3F9;
}

.bg-light-bluish-3 {
   background: #f3fdff;
}

.bg-light-bluish-4 {
   background: #fdffee;
}

.top-bar-email {
   transition: all 0.25s;
   font-size: 14px;
   color: #16345D;
}

.top-bar-email:hover {
   color: #00A4FF;
   scale: 1.02;
}

.fs-14 {
   font-size: 14px;
}

.options ul {
   list-style: none;
}

/* Optional: make dropdowns smoother */
.dropdown-menu {
   transition: all 0.2s ease-in-out;
}

/* login top bar */
.headerDropdown {
   position: relative;
   display: inline-block;
}

.headerDropdown .selected {
   cursor: pointer;
   padding: 8px 12px;
   border-radius: 4px;
   display: flex;
   align-items: center;
   transition: all 0.3s ease;
}

.headerDropdown .selected:hover {
   transform: translateY(-1px);
}

.headerDropdown .selected span {
   display: flex;
   align-items: center;
   font-weight: 500;
   font-size: 14px;
}

.headerDropdown .selected span i {
   margin-right: 6px;
   font-size: 16px;
}

.headerDropdown .options {
   position: absolute;
   top: 100%;
   right: 0;
   background: white;
   border: 1px solid #e0e0e0;
   border-radius: 6px;
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
   min-width: 150px;
   z-index: 1000;
   opacity: 0;
   visibility: hidden;
   transform: translateY(-10px);
   transition: all 0.3s ease;
}

.headerDropdown .options.show {
   opacity: 1;
   visibility: visible;
   transform: translateY(0);
}

.headerDropdown .options ul {
   list-style: none;
   margin: 0;
   padding: 8px 0;
}

.headerDropdown .options ul li {
   margin: 0;
}

.headerDropdown .options ul li a {
   display: block;
   padding: 10px 16px;
   color: #333;
   text-decoration: none;
   transition: all 0.2s ease;
   font-size: 14px;
   border-bottom: 1px solid #f5f5f5;
}

.headerDropdown .options ul li:last-child a {
   border-bottom: none;
}

.headerDropdown .options ul li a:hover {
   background-color: #f8f9fa;
   color: #007bff;
   padding-left: 20px;
}

.headerDropdown .options ul li a.logout:hover {
   background-color: #dc3545;
   color: white;
}

/* Dropdown arrow indicator */
.headerDropdown .selected::after {
   content: '▼';
   margin-left: 8px;
   font-size: 10px;
   transition: transform 0.3s ease;
}

.headerDropdown .selected.active::after {
   transform: rotate(180deg);
}



/* end login top bar */
.navbar-expand-lg .navbar-nav .dropdown-menu {
   position: absolute;
   left: -20px;
   top: 35px;
   padding: 20px 20px;
   border-radius: 10px;
   width: 324px;
   text-align: left;
   z-index: 9;
   background: linear-gradient(to right, #00A4FF, #02D1FE);
   box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
   border: none;
}

.dropdown-item {
   white-space: inherit;
   color: #ffffff;
   transition: all 0.35s;
}

.dropdown-item:focus,
.dropdown-item:hover {
   background-color: transparent;
   color: #024973;
   padding-left: 4px;
   border: none;
}

.sr-only {
   position: absolute;
   width: 1px;
   height: 1px;
   padding: 0;
   margin: -1px;
   overflow: hidden;
   clip: rect(0, 0, 0, 0);
   border: 0;
}


.navbar-toggler {
   border: none;
   box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.menu-desktop-osha-live-btn {
   background: #d80000;
   color: #ffffff !important;
   border-radius: 20px;
   padding: 2px 11px !important;
   transition: all 0.25s;
}

.menu-desktop-osha-live-btn:hover {
   color: #FFD729 !important;
   transition: all 0.25s;
}

.right-menu a {
   color: #005384;
   font-weight: 600;
   font-size: 14px;
   text-transform: uppercase;
   display: inline-block;
}

.dropdown-menu a {
   font-weight: 600;
   font-size: 14px;
   text-transform: uppercase;
   display: inline-block;
   padding: 0px 0px 7px 0;
   color: #ffffff;
   line-height: 1.7em;
}

.dropdown-menu li:last-child a {
   padding-bottom: 0;
}


.home-banner .banner-desc {
   padding: 15px 0px;
   height: 100%;
   background-image: linear-gradient(to right, #86e7fe, #38b4fd);
}

.home-banner .banner-desc h1 {
   color: rgb(255, 255, 255);
   line-height: 1.2;
   color: #000000;
   font-family: "Poppins";
   padding: 15px 0px 15px 40px;
   text-transform: uppercase;
   background: #baf1ff;
   font-size: 22px !important;
   font-weight: 700;

}

.home-banner-desc {
   padding: 15px 0px 0px 40px;
}

.home-banner-desc h2 {
   font-size: 22px;
   color: #0C2A45;
   margin-bottom: 10px;
   font-weight: 700;
}

.home-banner-desc-para p {
   font-size: 16px;
   color: #0C2A45;
   width: 80%;
   font-weight: 600;
}

.cat-30-hero-btn-wrapper {
   display: flex;
}

.home-hero-sec-right-col .home-hero-price {
   color: red;
}

.home-hero-price {
   font-size: 40px;
}

.home-hero-course-txt {
   font-size: 32px;
}

.home-banner-category-button-wrapper .cat-bnr-cart-btn {
   background: #005384;
   display: inline-block;
   font-size: 16px;
   font-weight: bold;
   padding: 10px 20px;
   border-radius: 3px;
   text-transform: uppercase;
   width: 230px;
   text-align: center;
   color: #ffffff;
   transition: all 0.25s;
}

.cat-banner-btn-general {
   margin-left: 20px;
   margin-right: 15px;
}

.home-banner-category-button-wrapper .cat-bnr-cart-btn:hover {
   color: #FFD729;
   background: #003757;
}

.slick-dots li button:before {
   font-size: 10px;
}

.home-banner .slick-dotted.slick-slider {
   margin-bottom: 0px;
}

.home-banner-slider .slick-slide img {
   height: 286px;
   width: 100%;
}

.osha-30-category-boxes {
   border-radius: 5px;
   box-shadow: rgba(17, 17, 26, 0.05) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
   border: 5px solid #ecebff;
   box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
   padding: 30px 15px;
   background-color: #ffffff;
}

.home-osha-authorized {
   text-align: center;
   display: flex;
   justify-content: center;
}

.category-30-box-icons {
   width: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
}

.category-30-box-icons img {
   width: 80px;
   margin-bottom: 10px;
}

.category-30-box-title {
   font-size: 26px;
   color: #005378;
}


.section-title {
   font-size: 24px;
   font-weight: 600;
   text-align: center;
   margin-bottom: 30px;
   line-height: 1.2;
   letter-spacing: 5px;
   text-transform: uppercase;
   position: relative;
   padding: 0 10px 23px 10px;

}

.section-title::after {
   content: "";
   width: 60px;
   height: 2px;
   background-color: #005384;
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   margin: 0 auto;
}


.satisfied-customer-logo {
   width: 100%;
}

.satisfied-customer-slider .satisfied-customer-logo .slick-slide img {
   width: 100%;
}

.satisfied-customer-logo {
   display: flex !important;
   justify-content: center;
}

/* Accessibility improvements for slider */
.slick-slide[aria-hidden="true"] {
   pointer-events: none;
}

.slick-slide[aria-hidden="true"] img {
   opacity: 0.5;
}

.slick-slide[tabindex="-1"] {
   outline: none;
}

.slick-slide[tabindex="0"] {
   /* outline: 2px solid #e9f3f9; */
   outline-offset: 2px;
}

/* Ensure images in hidden slides are not focusable */
.slick-slide[aria-hidden="true"] img {
   pointer-events: none;
   user-select: none;
}

/* Improve focus management for slider */
.satisfied-customer-slider:focus-within .slick-slide[tabindex="0"] {
   outline: 2px solid #00A4FF;
   outline-offset: 2px;
}

.td_img_center {
   text-align: center !important;
   margin: 0 auto;
}

.promotion-table-wrapper {
   box-shadow: rgb(99 99 99 / 40%) 0 2px 8px 0;
   border-radius: 20px;
   padding: 50px;
}

.promotion-table {
   border-collapse: collapse;
   width: 100%;
}

.promotion-table th {
   border-bottom: 1px solid #ddd;
   border-right: 1px solid #ddd;
   text-align: left;
   padding: 8px;
   font-size: 22px;
   text-transform: uppercase;
}

.promotion-table tr:nth-child(even) {
   background: #eef3ff;
}

.promotion-table td {
   border-bottom: 1px solid #ddd;
   border-right: 1px solid #ddd;
   text-align: left;
   padding: 15px 8px;
   font-size: 20px;
   font-weight: 600;
}

.info-td {
   display: flex;
   align-items: center;
}

.info-new-wrapper {
   display: flex;
   align-items: center;
   margin: -30px 0 0 3px;
}

.info {
   width: 17px;
   height: 17px;
   cursor: pointer;
   margin-left: 5px;
}

.table-new {
   color: white;
   background: #d80000;
   border-radius: 20px;
   padding: 0 7px;
   margin: 0 0 0 5px;
   display: inline-block;
   font-size: 12px;
}



html {
   scroll-behavior: smooth;
}

.start-journey {
   border-radius: 20px;
   background: linear-gradient(90deg, #0093E5 0.14%, #00C3C3 99.28%);
   /* margin-bottom: 60px; */
   padding: 0 60px 10px 60px;
   margin-top: 80px;
   display: flex;
   justify-content: center;
   align-items: center;
   width: 100%;
}

.start-journey-inner-wrapper {
   width: 50%;
}

.journey-img-col {
   width: 50%;
}

.start-journey-title {
   color: #FFF;
   font-family: Poppins;
   font-size: 40px;
   font-style: normal;
   font-weight: 700;
   line-height: 55px;
}

.journey-sign-up-btn-wrapper {
   border-radius: 45px;
   background: #000;
   padding: 10px 50px 10px 50px;
   margin-top: 30px;
   display: inline-block;
   cursor: pointer;
   transition: ease all 0.25s;
}

.journey-sign-up-btn-wrapper:hover {
   background: #ffffff !important;
   color: #000000 !important;
}

.journey-sign-up-btn-wrapper:hover .journey-sign-up-btn {
   color: #000000 !important;
}

.journey-sign-up-btn {
   color: #FFF;
   font-size: 18px;
   font-style: normal;
   font-weight: 800;
   line-height: normal;
   letter-spacing: 1.8px;
   text-transform: uppercase;
}

.journey-img-wrapper {
   position: relative;
   top: -84px;
   width: 375px;
   right: -146px;
   height: 330px;
}

.journey-img-wrapper img {
   width: 100%;
}

.about-us-box {
   background-color: #0C2A45;
   color: #ffffff;
   border-radius: 15px;
   padding: 30px;
   max-width: 850px;
   box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
   position: relative;
   overflow: hidden;
   border-left: 6px solid #FFD935;
   min-height: 271px;
}

.about-us-box h2 {
   font-size: 28px;
   margin-bottom: 15px;
   color: #FFD935;
   font-weight: 700;
   border-bottom: 2px solid #00A4FF;
   padding-bottom: 10px;
   display: inline-block;
}

.about-us-box p {
   font-size: 16px;
   line-height: 1.8;
   margin-bottom: 18px;
}

.about-us-box strong {
   color: #02D1FE;
   font-weight: 600;
}

.about-us-box::after {
   content: '';
   position: absolute;
   bottom: -50px;
   right: -50px;
   width: 180px;
   height: 180px;
   background: #FFD935;
   border-radius: 50%;
   opacity: 0.05;
}

.about-us-box a {
   text-decoration: underline;
   color: #ffffff;
   transition: all 0.25s;
}

.about-us-box a:hover {
   color: #02D1FE;
}

.what-we-offer-slider a {
   color: #0C2A45;
   transition: all 0.25s;
}

.what-we-offer-slider a:hover {
   color: #005384;
}

.accordion-section {
   background-color: #ffffff;
   border-radius: 10px;
   padding: 40px;
   box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
}

.accordion-button {
   background-color: #0056b3;
   color: white;
   font-weight: 600;
   border-radius: 8px;
   transition: all 0.3s ease;
}

.accordion-button:hover {
   background-color: #004085;
   color: white;
}

.accordion-button:not(.collapsed) {
   background-color: #0C2A45;
   color: #ffffff;
}

.accordion-item {
   border: none;
   margin-bottom: 15px;
}

.accordion-item .accordion-header .accordion-button:after {
   filter: invert(1);
}

.accordion-body {
   background-color: #ffffff;
   border-left: 4px solid #0056b3;
   border-radius: 0 0 10px 10px;
   padding: 20px;
   font-size: 18px;
   color: #000000;
}

h2.section-title {
   color: #0C2A45;
   text-align: center;
   margin-bottom: 30px;
   font-weight: bold;
}

.home-faq .accordion-button:not(.collapsed)::after {
   filter: invert(1);
}

.blog-readmore-btn {
   color: #ffffff;
   padding: 6px 15px;
   display: inline-block;
   border-radius: 7px;
   font-weight: 600;
}


.latest-blog-slider .slick-track {
   display: flex;
   gap: 20px;
}


.latest-blog-slider .slick-prev:before,
.latest-blog-slider .slick-next:before {
   font-size: 22px;
   color: #0C2A45;
   /* color: #005384; */
   /* color: #00A4FF; */

   /* color: #FFD729; */
}

.slick-prev:before,
.slick-next:before {
   font-size: 22px;
   color: #0C2A45;
   /* color: #005384; */
   /* color: #00A4FF; */

   /* color: #FFD729; */
}


.latest-blog-slider .card-title {
   font-size: 20px;
   font-weight: 600;
   line-height: 1.5em;
   min-height: 60px;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
}

.latest-blog-slider .card-text {
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
}

.latest-blog-slider .card .slick-slide .img {
   transition: all 0.25s;
}

.latest-blog-slider .card .slick-slide .img:hover {
   scale: 1.02;
}

.blog-view-all-btn {
   color: #000000;
   font-weight: 600;
   padding: 8px 30px;
   border-radius: 8px;
   margin-top: 10px;
   display: inline-block;
   transition: all 0.25s;
}


.video-hover iframe {
   transition: transform 0.3s ease-in-out;
}

.video-hover:hover iframe {
   transform: scale(1.03);
}

.testimonial-slider iframe {
   border-radius: 10px;
}

.video-testimonial-inner {
   background-color: #ffffff;
   border-radius: 10px;
   padding: 40px;
   box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
}


.global-form-bottom-title {
   background: var(--Gradient-One, linear-gradient(90deg, #0093E5 0.14%, #00C3C3 99.28%));
   background-clip: text;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
}

.testimonial-title {
   color: #0C2A45;
}

.mail-list-submit-btn {
   color: #ffffff;
   padding: 6px 15px;
   display: inline-block;
   border-radius: 7px;
   font-weight: 600;
   transition: all 0.25s;
   border: none
}

.mailing-list-section input {
   border-radius: 7px;
   background: #FFF;
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);
   color: #666666;
   padding: 10px 20px;
   height: 44px;
   width: 100%;
   font-size: 14px;
   background: #ffffff;
   z-index: 4;
}

.mail-list-form {
   align-items: center;
}

.footer {
   background: #000000;
}

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

.footer-desc {
   color: #cfcccc;
}

.footer-ul-logo {
   width: 170px;
   border-radius: 7px;
}

.footer-page-link {
   transition: all0.25s;
   transform: translateX(0px);
   transition: 0.3s;

}

.footer-page-link:hover {
   color: #FFD729;
   transform: translateX(5px);
}

.footer-desc-width {
   width: 90%;
}

.footer-title {
   position: relative;
   color: #02D1FE !important;
   font-weight: bold;
}

.footer-title::after {
   content: "";
   width: 35px;
   height: 2px;
   background-color: #FFD729;
   position: absolute;
   bottom: -9px;
   left: 0;
   right: 0;
}

.footer-social i {
   transition: all 0.25s;
}

.footer-social:hover i {
   color: #FFD729;
   scale: 1.3;
}

.calender-icon {
   width: 18px;
}

.table-modal-title {
   color: #02D1FE !important;
}

.modal-body {
   color: #0C2A45
}

.table-modal-popup-btn {
   /* background: linear-gradient(90deg, #00A4FF, #02D0FD); */
   border-radius: 30px;
   padding: 7px 25px;
   transition: 0.3s;
}

.whyus-table .modal-header {
   background: linear-gradient(135deg, #00A4FF, #02D0FD);
}

.whyus-table .modal-footer {
   background-color: #EAF6FF;
}

.whyus-table .modal-body {
   background-color: #F7FAFC;
}

.whyus-table .modal-body ul li {
   font-weight: 600;
}

/* osha 30 category page */
.osha-30-category-hero-sec {
   background-color: #005384;
   /* Fallback color while image loads */
   position: relative;
   min-height: 400px;
   display: flex;
   align-items: center;
   overflow: hidden;
   contain: layout style paint;
}

/* osha course detail */
.course-detail-osha-hero-sec {
   background-color: #005384;
   /* Fallback color while image loads */
   position: relative;
   min-height: 400px;
   display: flex;
   align-items: center;
   overflow: hidden;
   contain: layout style paint;
}

.cat-hero-background-image {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
   object-position: 81% 50%;
   z-index: 0;
   will-change: transform;
}

.course-detail-hero-img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
   object-position: 81% 50%;
   z-index: 0;
   will-change: transform;
}

.cat-hero-inner-wrapper {
   z-index: 2;
   position: relative;
   content-visibility: auto;
   contain-intrinsic-size: 0 500px;
}

.osha-30-category-hero-sec:before {
   content: '';
   position: absolute;
   background: rgba(0, 0, 0, 0.5);
   z-index: 1;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}

.course-detail-osha-hero-sec:before {
   content: '';
   position: absolute;
   background: rgba(0, 0, 0, 0.5);
   z-index: 1;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}

.osha-course-hero-content-wrapper {
   z-index: 2;
   position: relative;
   content-visibility: auto;
   contain-intrinsic-size: 0 500px;
}



.afterpay_text {
   width: 120px;
}

.course-cat-hero-sec-title {
   color: white;
   font-size: 50px;
   margin-bottom: 10px;
   font-display: swap;
   text-rendering: optimizeSpeed;
   contain: layout style;
}

.course-dtl-hero-sec-title {
   color: white;
   font-size: 40px;
   margin-bottom: 10px;
   font-display: swap;
   text-rendering: optimizeSpeed;
   contain: layout style;
}

.course-cat-heor-sec-desc {
   color: #ffffff;
   font-size: 20px;
   font-weight: bold;
   text-shadow: 1px 1px 2px black;
   font-display: swap;
   text-rendering: optimizeSpeed;
   contain: layout style;
}

.cat-hero-btn-wrapper .cat-bnr-cart-btn {
   background: #005384;
   background: #02D1FE;
   display: inline-block;
   font-size: 16px;
   font-weight: bold;
   padding: 10px 20px;
   border-radius: 3px;
   text-transform: uppercase;
   width: 250px;
   text-align: center;
   color: #000000;
   transition: all 0.25s;
}


.cat-hero-btn-wrapper .cat-bnr-cart-btn:hover {
   color: #FFD729;
   background: #003757;
}

.cat-hero-list-wrapper {
   display: flex;
   align-items: center;
   line-height: 35px;
}

.cat-hero-sec-list-img-wrapper img {
   border-radius: 25px;
   width: 16px;
   margin-right: 13px;
}

.cat-hero-sec-list-content {
   line-height: 35px;
}

.cat-hero-sec-list-content a {
   font-size: 16px;
   color: #ffffff;
   text-shadow: 2px 2px #000000;
   transition: all 0.25s;
}

.cat-hero-sec-list-content a:hover {
   color: #02D1FE;
}

.course-dtl-hero-sec-list-content {
   line-height: 35px;
}

.course-dtl-hero-sec-list-content p {
   font-size: 18px;
   color: #ffffff;
   text-shadow: 2px 2px #000000;
   transition: all 0.25s;
}

.cat-course-box-wrapper .course-card {
   background-color: #0c2a45;
   padding: 30px;
   border-radius: 12px;
   width: 400px;
   font-family: Arial, sans-serif;
   color: white;
   /* text-align: center; */
   /* transition: transform 0.3s ease, box-shadow 0.3s ease; */
   transition: all 0.3s ease;
}

.popular-courses .course-title {
   min-height: 80px;
}

.language-select-wrapper {
   min-height: 100px;
}

.popular-courses .course-card {
   width: auto;
}

.cat-course-box-wrapper .course-title {
   color: #f6c343;
   font-size: 27px;
   font-weight: bold;
   margin-bottom: 20px;
}

.cat-course-box-wrapper .language-select {
   display: flex;
   gap: 20px;
   margin-bottom: 20px;
}

.cat-course-box-wrapper .language-select label {
   color: white;
   font-weight: 500;
   cursor: pointer;
   min-width: 48%;
   font-size: 14px;
}

.course-features-img-li-wrapper:last-child {
   margin-bottom: 0;
}

.cat-course-box-wrapper .language-select input[type="radio"] {
   margin-right: 5px;
   accent-color: #1ca7ec;
}

.category-30-course-box:hover .language-select input[type="radio"] {
   margin-right: 5px;
   accent-color: #D86945;
}

.category-30-course-box {
   width: fit-content;
}

.cat-course-box-wrapper .includes {
   letter-spacing: 1.1px;
   margin-bottom: 10px;
}

.course-features-img-li-wrapper {
   display: flex;
   align-items: center;
   margin-bottom: 12px;
}

.cat-course-box-wrapper .course-features li {
   position: relative;
   color: #d4e9f9;
   display: flex;
   align-items: center;
}

.cat-course-box-wrapper .official-dol-card {
   padding-left: 15px;
   position: relative;
   color: #FFAE00 !important;
   font-weight: bold;
}

li.course-features-img-li-wrapper span {
   padding-left: 15px;
}


.cat-course-box-wrapper .price-section {
   margin-bottom: 20px;
   text-align: center;
}


.cat-course-box-wrapper .action-buttons {
   display: flex;
   justify-content: space-around;
}

.cat-course-box-wrapper .old-price {
   color: #ccc;
   text-decoration: line-through;
   margin-right: 10px;
   font-size: 18px;
   font-weight: bold;
   text-decoration-color: red;
}

.cat-course-box-wrapper .new-price {
   color: #69c0ff;
   font-size: 42px;
   font-weight: bold;
}

.cat-course-box-wrapper .action-buttons {
   display: flex;
   justify-content: space-around;
}

.cat-course-box-wrapper .action-buttons a {
   padding: 14px 8px;
   border: none;
   border-radius: 8px;
   font-weight: 600;
   font-size: 16px;
   cursor: pointer;
   width: 42%;
   display: inline-block;
   text-align: center;
}

.cat-course-box-wrapper .action-buttons a {
   padding: 14px 8px;
   border: none;
   border-radius: 8px;
   font-weight: 600;
   font-size: 16px;
   cursor: pointer;
   width: 42%;
   display: inline-block;
   text-align: center;
}

.course-box-after-pay-wrapper-new {
   align-items: center;
   display: flex;
   justify-content: space-between;
   margin-top: 20px;
   border-top: 1px solid #ffffff5e;
   padding-top: 20px;
}

.course-box-after-pay-wrapper-new .course-box-after-pay-txt {
   color: #d4e9f9;
   font-size: 16px;
   font-weight: bold;
   padding-right: 2px;
}

.course-box-after-pay-wrapper-new .course-box-after-pay-txt span {
   font-size: 18px;
}

.course-box-after-pay-img {
   width: 40%;
}

.cat-course-box-wrapper .read-more {
   background-color: #0056b3;
   color: white;
}

.cat-course-box-wrapper .buy-now {
   background-color: #d4a017;
   color: black;
}

.category-30-course-box .course-card:hover {
   transform: translateY(-8px);
   box-shadow: 0 12px 30px rgba(0, 0, 0, 0.2);
   background-color: #ffffff;
}

.category-30-course-box .info {
   filter: invert(1);
}

.category-30-course-box:hover .info {
   filter: none;
}

.category-30-course-box:hover .language-select label,
.category-30-course-box:hover .includes,
.category-30-course-box:hover .course-features li,
.category-30-course-box:hover .course-box-after-pay-txt {
   color: #0c2a45;
}

.category-30-course-box .read-more:hover {
   background-color: #004085;
}

.category-30-course-box .buy-now:hover {
   background-color: #b89400;
}

.osha-30-category-banner-points:hover {
   color: #02D1FE;
}

.category-30-course-box:hover .course-box-after-pay-wrapper-new {
   border-top: 1px solid #0c2a4569;
}

.category-30-first-col {
   margin: 0 0 0 auto;
}

.popular-courses .slick-slide {
   margin: 0 10px;
   /* horizontal gap 10px left and right */
}

.popular-courses .slick-list {
   margin: 0 -10px;
   /* cancel out the margin so it aligns properly */
}

.popular-courses .category-30-course-box .course-card:hover {
   transform: translateY(0px);
   /* box-shadow: 0 12px 30px rgba(0, 0, 0, 0.2); */
   box-shadow: none;
   background-color: #ffffff;
   border: 1px solid #e3e3e3;
}

.cat-course-box-col-one {
   display: flex;
   justify-content: end;
}

.cat-group-enrollment-bnr img {
   border-radius: 15px;

}

.cat-who-needs {
   background-color: #ffffff;
   border-left: 10px solid #00A4FF;
}

.cat-who-needs-title {
   color: #0C2A45;
   font-size: 36px;
}

.cat-who-need-desc {
   color: #333;
   font-size: 20px;
}

.cat-who-need-desc strong {
   color: #0C2A45;
}

.cat-training-table-title {
   padding: 12px 8px;
   color: #ffffff;
   background: #000000;
}

.cat-table-training-wrapper th {
   background: #2779AB;
   color: #ffffff;
   font-size: 20px;
}


.cat-table-training-wrapper th {
   border: 1px solid rgb(255, 255, 255);
   border-collapse: collapse;
}


.cat-table-training-wrapper thead tr {
   font-size: 20px;
   vertical-align: bottom;
   border-bottom: 2px solid #f2f2f2;
   text-align: center;
}

.cat-table-training-wrapper {
   box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px;
}

.cat-table-training-wrapper th,
.cat-table-training-wrapper td {
   padding: 0.75rem;
   vertical-align: top;
   border-top: 1px solid #f2f2f2;
   border: 1px solid rgb(255, 255, 255);
   border-collapse: collapse;
   vertical-align: middle;
}

.cat-table-training-wrapper tbody tr:nth-child(odd) td {
   background-color: #EEF3FF !important;
}

.cat-cert-section {
   background-color: #ecf8ff;
   border-left: 10px solid #00A4FF;
}

.cat-benefits-section {
   background-color: #FDF7E3;
   border-left: 10px solid #F9D228;
}

.cat-pdf-img {
   box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
   border-radius: 12px;
}


.ctaSectCustom {
   background: linear-gradient(135deg, #00A4FF, #03D1FE);
   background: linear-gradient(135deg, #00a4ff70, #03d1fe78);
   position: relative;
   overflow: hidden;
   padding: 60px 20px;
}

.ctaSectCustom::before {
   content: '';
   position: absolute;
   inset: 0;
   background-image: url('../images/ctaIllistration.svg');
   background-repeat: no-repeat;
   background-position: bottom right;
   background-size: cover;
   opacity: 0.09;
   z-index: 0;
}

.cta-sec-inner {
   position: relative;
   z-index: 1;
}

.cta-right-title,
.cta-right-desc {
   color: #000000;
}

.cta-right-title {
   font-size: 26px;
   font-weight: bold;
}

.cta-right-desc {
   font-size: 18px;
   font-weight: 600;
}

.cta-contact-btn-wrapper a {
   display: inline-block;
   width: 170px;
}

.cta-left-title {
   font-size: 30px;
}

.cta-left-desc {
   font-size: 26px;
}

.cta-left-sec,
.cta-right-sec {
   background: #ffffff8c;
   text-align: center;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
}

.cat-requirement {
   background-color: #ecf8ff;
   border-left: 10px solid #00A4FF;
}

.cat-requirement ul li {
   font-size: 18px;
}

.accordion-body a {
   color: #087d90;
   transition: all 0.25s;
}

.accordion-body a:hover {
   color: #07616e;
}

.course-dtl-price-box {
   background: linear-gradient(135deg, #00A4FF, #02D1FE);
}

.course-duration-box {
   background: linear-gradient(135deg, #02D1FE, #00A4FF);
}

.course-duration-language-box {
   background: linear-gradient(135deg, #FFD935, #FFA500);
}

.course-detail-box-wrapper {
   min-height: 183px;
}