/*1 css*/
 /* Import Cairo font for Arabic */
    @import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200;300;400;500;600;700;800;900&display=swap');
    
    /* Import Roboto font */
    @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
    
    /* Apply Cairo font to all Arabic content */
    body.rtl,
    body[dir="rtl"],
    .arabic,
    .custom_hero.arabic,
    .custom_hero.arabic * {
        font-family: 'Cairo', sans-serif !important;
    }
    
    /* Ensure all text elements in Arabic pages use Cairo */
    html[lang="ar"] body:has(single-product-sec),
    html[lang="ar"] body:has(single-product-sec) * {
        font-family: 'Cairo', sans-serif !important;
    }
    html[lang="ar"] .course-overview-content ul li,html[lang="ar"] *,html[lang="ar"] .lms-title,html[lang="ar"] .module-title,html[lang="ar"] .button-enroll,html[lang="ar"] .button-BROCHURE, html[lang="ar"] .column-content ul li,html[lang="ar"] .testimonial-text p,html[lang="ar"] .author-name,html[lang="ar"] .author-position ,html[lang="ar"] .stats-title , html[lang="ar"] .lms-heading,html[lang="ar"] .lms-heading,html[lang="ar"] .enroll-form-desktop button{
        font-family: 'Cairo', sans-serif !important;
    }
    html[lang="ar"] .testimonial-navigation {
        right: auto;
        left: 10px;
    }
    @media (max-width:1228px) {
        .single-product-detail{
            width: 100% !important;
        }
    }
    @media (max-width:768px)  {
        html[lang="ar"] .testimonial-navigation{
            left: -40%;
        }
        body.woocommerce .single-product-detail .container{
            padding-left: 0 !important;
            padding-right: 0 !important;

        }
    }
    html[lang="ar"] .testimonial-navigation button{
        transform: rotate(180deg);
    }
    html[lang="ar"] .explore-key-topics-content h3{
        font-weight: 400;
    }
       .custom_hero {
        background: linear-gradient(to right, rgba(11, 32, 69, 0.95), rgba(26, 93, 175, 0.38)), 
                    url(https://academy.tharwah.net/wp-content/uploads/2024/11/sustainable_bg.jpg);
        background-size: cover;
        background-position: center;
    }
     .discount-reviews{
        display: flex;
        gap: 10px;
        align-items: center;
        padding:30px 0;
    }
    .discount-reviews .reviews{
        margin:0;
        background-color: #404D60;
        padding:5px 10px;
        border-radius: 20px;
        color: #fff;
        font-size: 14px;
        font-weight: 600;
        margin:0;
        display: flex;
    }
    .discount-status{
        width: 10px;
        height: 10px;
        background-color: #00F000;
        border-radius: 50%;
    }
    .discount-reviews .discount h6{
        padding:5px 10px;
        background-color: #2E8B2E;
        border-radius: 20px;
        color: #fff;
        font-size: 14px;
        font-weight: 600;
        margin:0;
        display: flex;
        align-items: center;
        gap: 5px;
    }
    /* Status-based discount colors */
    .discount-reviews .discount.status-active h6{
        background-color: #2E8B2E;
    }
    .discount-reviews .discount.status-active .discount-status{
        background-color: #00F000;
    }
    .discount-reviews .discount.status-completed h6{
        background-color: #1976D2;
    }
    .discount-reviews .discount.status-completed .discount-status{
        background-color: #64B5F6;
    }
    .discount-reviews .discount.status-upcoming h6{
        background-color: #FFA726;
    }
    .discount-reviews .discount.status-upcoming .discount-status{
        background-color: #FFD54F;
    }
    .discount-reviews .discount.status-on-hold h6{
        background-color: #757575;
    }
    .discount-reviews .discount.status-on-hold .discount-status{
        background-color: #BDBDBD;
    }
    /* Star rating styles */
    .star-rating {
        display: inline-flex;
        gap: 5px;
    }
    
    /* Arabic/RTL fixes for reviews section */

    
    .custom_hero.arabic .reviews {
        direction: ltr;
        gap: 5px;
    }
    
    .custom_hero.arabic .star-rating {
        direction: ltr;
    }
    
    .custom_hero.arabic .stars {
        direction: ltr;
        display: inline-flex !important;
    }
    .custom_hero .category span{
        background: transparent !important;
        color: #A6B9D4 !important;
        font-size: 12px !important;
        margin-top: 0px !important;
        padding: 0;
    }
    .custom_hero .container p{
        color: #A6B9D4 !important;
        font-size: 20px;
    }
    .program-summrry-section .container{
        display:flex;
        justify-content: space-between;
        align-items: center;
        gap: 20px;
        flex-wrap: wrap;
    }
    .program-summrry-section{
        margin-top: 50px;
    }
    .program-summrry-card {
        display: flex;
    flex-direction: row;
    align-content: flex-start;
    align-items: flex-start;
    gap: 10px;
    flex: 1;
    padding: 10px 10px;
    border: 1px solid #94A4BA;
        max-width: 250px;
        min-width: 205px;
        border-radius: 8px;
    }
    .program-summrry-card h6{
       margin: 0;
      font-size: 18px;
      color: #2E3948;
      font-weight: 500;
      line-height: 121%;
      font-family: 'Roboto', sans-serif;
    }
    .program-summrry-card p{
        color: #717E90;
    }
    .program-summrry-card div{
        display: flex;
    flex-direction: column;
    gap: 6px;
}
.program-summrry-card .img {
    border-radius: 50% !important;
    width: 35px;
    height: 35px;
    padding: 5px;
    background: #EFFAFF;
    display: flex;
    align-items: center;
    justify-content: center;
}
.program-summrry-card .img img{
    border-radius: 0 !important;
}
      .hero-links-sec{
        margin: 10px 0;
        position: relative;
        padding-bottom: 0;
    }
    .hero-links-sec::after {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 1px;
        background-color: #E5E7EB;
        width: 100vw;
        left: 77%;
        transform: translateX(-50%);
    }
    .hero-links-sec > div{
        display: flex;
        
        
    }
    .hero-links-sec a{
     font-size: 18px;
        font-weight: 700;
     color: #2E3948;
        padding: 25px;
     line-height: 120%;
     text-transform: uppercase;
     text-decoration: none;
     position: relative;
     transition: all 0.3s ease;
     cursor: pointer;
     pointer-events: auto;
     z-index: 1000;
     font-family: 'Cairo';
    }
    
    .hero-links-sec a:hover {
     color: #187FD3;
     background-color: rgba(24, 127, 211, 0.1);
    }
    
    .hero-links-sec a:hover::after,
    .hero-links-sec a.active::after {
     content: '';
     position: absolute;
     left: 0;
     right: 0;
     bottom: 0;
     height: 2px;
     background-color: #187FD3;
     width: 100%;
    }
    
    .hero-links-sec a.active {
     color: #187FD3;
     background-color: rgba(24, 127, 211, 0.1);
    }
    
    /* RTL Support for hero-links */
    html[dir="rtl"] .hero-links-sec a::after,
    html[lang="ar"] .hero-links-sec a::after {
        left: 0;
        right: 0;
    }
    
    html[dir="rtl"] .hero-links-sec > div,
    html[lang="ar"] .hero-links-sec > div {
        direction: rtl;
    }
    
    html[dir="rtl"] .hero-links-sec,
    html[lang="ar"] .hero-links-sec {
        text-align: right;
    }
    
      /* Hide hero-links-sec on mobile */
    @media (max-width: 768px) {
        .hero-links-sec {
            display: none;
        }
    }
	  .explore-key-topics-sec{
        margin-top: 50px;
    }
    
	    .explore-key-topics-sec .container{
        display: flex;
        justify-content: space-between;
        position: relative;
    }
    .explore-key-topics-content{
        background-color: #ECF5FF;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 50%;
		border-radius: 16px 0 0 16px;
        position: relative;
        overflow: hidden;
    }
    
    /* Dots styling for explore section */
    .explore-dots {
        position: absolute;
    bottom: 103px;
    right: -64px;
    width: 160px;
    height: 185px;
    background-image: url(https://academy.tharwah.net/wp-content/uploads/2025/07/Clip-path-group-1.svg);
    background-repeat: no-repeat;
    }
    
    .explore-dots-2 {
        position: absolute;
    top: 170px;
    left: -82px;
    width: 163px;
    height: 154px;
    background-image: url(https://academy.tharwah.net/wp-content/uploads/2025/07/Clip-path-group-1.svg);
    background-repeat: no-repeat;
    background-size: contain;
    }
    
    .explore-key-topics-video{
        width: 50%;
        position: relative;
        overflow: hidden;
    }
    .explore-key-topics-content h3{
        font-weight: 300;
        font-style: Light;
        font-size: 22px;
        leading-trim: NONE;
        line-height: 121%;
        letter-spacing: 0.5%;
		    padding: 0 30px;

    }
	 .explore-key-topics-video video{
        width: 100%;
		         border-radius:0 16px  16px 0;

    }
    .Certification-Badge-width{
        position: relative;
        height: -webkit-fill-available;
        overflow: hidden;
    }
.Certification-Badge-sec{
    display: none;
}
	    .Certification-Badge-sec .container{
        display: flex;
        justify-content: space-between;
        align-items: center;
        background-image: url("https://academy.tharwah.net/wp-content/uploads/2025/07/Banner-2.svg");
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
			margin-top:50px;
			  margin-top:50px;
        margin-bottom: 50px;
        border-radius: 16px;
			    padding-top: 30px;
                padding-left: 30px !important;
                padding-right: 30px !important;
}
.Certification-Badge-content,.Certification-Badge-logo{
    padding-bottom: 30px;
}
.Certification-Badge-content{
    width: 30%;
}


/* Desktop/Mobile visibility classes */
.desktop {
    display: block;
}

.mobile {
    display: none;
}

/* Show mobile on small screens */
@media (max-width: 768px) {
    .desktop {
        display: none !important;
    }
    
    .mobile {
        display: block !important;
    }
    
    .Certification-Badge-logo.mobile {
        display: flex !important;
    }
    .custom_hero .container h1{
        font-size: 24px !important;
    }
    .custom_hero{
        padding-bottom: 4em !important;
    }
}

.Certification-Badge-content a{
    width: 100%;
    height: 43px;
    font-weight: 400;
    font-style: Regular;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 142%;
    letter-spacing: -0.25%;
    text-align: center;
    color: #CFEEFE;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #FFFFFF;
    margin-top: 14px;
    border-radius: 15000px;
}
	.Certification-Badge-content h3{
    font-weight: 300;
    font-style: Light;
    font-size: 36px;
    leading-trim: NONE;
    line-height: 121%;
    letter-spacing: 0.5%;
	 max-width: 200px;
    color: #FFFFFF;
}
html .single-product-sec > .container {
    display: flex;
    justify-content: space-between;
    gap: 50px;
    max-width: 1608px !important;
    width: 90%;
    flex-wrap: wrap;
}

html .custom_hero > .container{
    max-width: 1608px !important;
    width: 90%;

}
.custom_hero .container h1{
    font-size: 36px;
}
.Certification-Badge-width img{
    width: 100%;
}
.single-product-detail{
     width: 60%;
}
/* Add responsive styles for program summary section */
@media (max-width: 992px) {
    .Certification-Badge-sec .container{
        flex-direction: column;
    }
    .Certification-Badge-content{
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .Certification-Badge-content a{
        max-width: 230px;
    }
    .Certification-Badge-width img{
        position: relative;
    }
    .Certification-Badge-content h3{
        text-align: center;
    }
	.custom_hero .container p{
        display: none;
    }
    .discount-reviews{
        flex-wrap: wrap;
    }
    .custom_hero .category span{
        font-size: 10px;
    }
    .single-product-Enroll-container h2{
        font-size: 22px;
    }
    .single-product-Enroll-container{
        padding: 20px;
    }
    .single-product-Enroll-container p{
        font-size: 14px;
    }
    .single-product-Enroll-container > h3{
        font-size: 22px;
        align-items: center;
    }
    .single-product-Enroll-alert{
        font-size: 14px;

    }
    .single-product-Enroll-button{
        gap: 10px;
        margin-bottom: 16px;
    }
    .single-product-Enroll-button > button {
    padding: 0 !important;
}
    .program-summrry-section .container {
        flex-wrap: wrap;
        gap: 15px;
        justify-content: space-between;
    }
    
    .program-summrry-card {
        margin-bottom: 10px;
    }
    
    .single-product-sec > .container {
        flex-direction: column;
        gap: 30px;
    }
    
    .single-product-Enroll-section {
        width: 100%;
        margin-top: 30px;
        position: static;
    }
    
    .single-product-Enroll-container {
        position: static;
        width: 100%;
        max-width: 100%;
        min-width: auto;
    }
    
    .hero-links-sec > div {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
        scrollbar-width: none; /* Firefox */
        -ms-overflow-style: none; /* IE and Edge */
        padding-bottom: 5px;
    }
    
    .hero-links-sec > div::-webkit-scrollbar {
        display: none; /* Chrome, Safari, Opera */
    }
    
    .hero-links-sec a {
        display: inline-block;
        white-space: nowrap;
    }
    
    .explore-key-topics-sec .container {
        flex-direction: column;
    }
    
    .explore-key-topics-content,
    .explore-key-topics-video {
        width: 100%;
    }
    
    .explore-key-topics-content {
        border-radius: 16px 16px 0 0;
        padding: 30px 20px;
        text-align: center;
    }
    
    .explore-key-topics-video video {
        border-radius: 0 0 16px 16px;
    }
}

@media (max-width: 576px) {
    .Certification-Badge-sec .container{
        background: url("https://academy.tharwah.net/wp-content/uploads/2025/07/Frame-2085663567-1-1.svg");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center bottom;
        gap: 0px;
        height: 445px;
    }
    .Certification-Badge-width{
        display: none;
    }
    .Certification-Badge-content h3{
        width: 100%;
    }
    .Certification-Badge-logo{
        width: 100%;
        display: flex;
        justify-content: flex-end;
    }
    .program-summrry-section .container {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: stretch;
    }
	.single-product-detail .explore-key-topics-sec .container{
		padding-left:0 !important;
		padding-right:0 !important;
	}
	.single-product-detail .program-summrry-section .container{
		padding-left:0 !important;
		padding-right:0 !important;
		flex-wrap:no-wrap;
	}
    .program-summrry-card {
        max-width: 47%;  
        min-width: auto;   
    }
    
    .hero-links-sec a {
        padding: 15px 10px;
        font-size: 14px;
    }
    
    .explore-key-topics-content h3 {
        font-size: 22px;
    }
    .explore-key-topics-sec .container {
            display: flex;
            flex-direction: column;
        }
       
        .explore-key-topics-content {
            border-radius: 0 0 16px 16px !important;
        }
        .explore-key-topics-video video {
            border-radius: 16px 16px 0 0 !important;
        }
}

@media (max-width: 576px) {
    /* SVG sizing for mobile */
 
    
    /* Specific SVG sizing */
    .blue-tag-icon svg, 
    .rocket-icon svg, 
    .document-icon svg {
        width: 40px;
        height: 40px;
    }
  
}


/* 2 css */
.little-hero{
    display: none !important;
}
.hero-links-sec.sticky-hero-links .little-hero{
    display: flex !important;
    width: 100%;
    background: linear-gradient(90deg, #0C264A 41.38%, #83AABF 100%);

}
.little-hero .container{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    gap: 15px;
    padding: 20px 0;
    align-items: center;

}
.little-hero .container img{
    max-height: 50px;
    border-radius: 0 !important;
    object-fit: contain;
    background: white;
    padding: 5px;
}
.little-hero .container h3{
    font-weight: 700;
    font-style: Bold;
    font-size: 24px;
    leading-trim: NONE;
    line-height: 121%;
    letter-spacing: 0.5%;
    color: white;
    max-width: 500px;
}

/* Sticky state for hero-links-sec */
@media (min-width: 769px) {
  .hero-links-sec.sticky-hero-links {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100vw;
    z-index: 999;
    background: #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    margin: 0;
    padding-bottom: 0;
    animation: stickyFadeIn 0.2s;
  }
  @keyframes stickyFadeIn {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
  }
  /* Prevent layout shift by reserving space when sticky */
  .hero-links-placeholder {
    display: none;
    width: 100%;
    height: 0;
  }
  .hero-links-sec.sticky-hero-links + .hero-links-placeholder {
    display: block;
    height: var(--hero-links-height, 0px);
  }
}

/* 3 css */
.explore-key-topics-sec{
    display: none;
}
.overview-signature{
    display: none !important;
}
.course-overview-card {
    border: 1px solid #94A4BA;
    border-radius: 16px;
    padding: 24px;
    margin-bottom: 40px;
    position: relative;
    overflow: hidden;
}

.course-overview-header {
    display: flex;
    align-items: center;
    margin-bottom: 25px;
    position: relative;
}

.blue-tag-icon {
    color: #3490dc;
    font-size: 24px;
    margin-right: 10px;
}

.course-overview-title {
    font-size: 30px;
    font-weight: 700;
    color: #2E3948;
    margin: 0;
    font-family: 'Roboto', sans-serif;
}

.course-overview-content {
    margin-bottom: 20px;
}

/* Style for dynamic content */
.course-overview-content ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 5px;
    padding: 0;
    margin: 0;
    width: 100%;
    list-style: none;
}

.course-overview-content ul li {
    line-height: 130%;
    font-weight: 400;
    position: relative;
    padding-left: 25px;
    color: #424546;
    font-size: 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    font-family: 'Roboto', sans-serif;
}

.course-overview-content ul li svg {
    position: absolute;
    left: 0;
    top: 8px;
}

.course-overview-content .list-item {
    position: relative;
    padding-left: 25px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.course-overview-content .list-item svg {
    position: absolute;
    left: 0;
    top: 8px;
}


.overview-signature {
    margin-top: 20px;
    font-style: italic;
    color: #666;
    border-top: 1px solid #eee;
    padding-top: 20px;
}

/* RTL Support */
html[dir="rtl"] .blue-tag-icon {
    margin-right: 0;
    margin-left: 10px;
}

html[dir="rtl"] .course-overview-content ul li {
    padding-left: 0;
    padding-right: 25px;
}

html[dir="rtl"] .course-overview-content ul li svg,
html[dir="rtl"] .column-content ul li svg,
html[dir="rtl"] .column-content p svg {
    left: auto;
    right: 0;
    transform: scaleX(-1);
}



/* Mobile styles */
@media (max-width: 768px) {
    .single-product-sec > .container{
        gap: 0 !important;
    }
    .program-summrry-card h6{
        font-size: 16px !important;
    }
    .course-overview-content ul {
        grid-template-columns: 1fr;
        font-size: 16px;
    }
    .course-overview-card {
        padding: 16px;
    }
    
    .course-overview-title {
        font-size: 26px;
    }
     .course-overview-content ul li{
        font-size: 16px;
        margin-bottom: 0px;
    }
    .course-overview-content ul{
        gap: 0px;
    }
    
   
    
    .blue-tag-icon {
        width: 40px;
        height: 40px;
    }

}


/* 4 css */


.why-take-course-card {
    border: 1px solid #94A4BA;
    border-radius: 16px;
    padding: 24px;
    margin-bottom: 40px;
    position: relative;
    overflow: hidden;
}

.why-take-course-header {
    display: flex;
    align-items: center;
    margin-bottom: 25px;
    position: relative;
}

.rocket-icon {
    color: #3490dc;
    font-size: 24px;
    margin-right: 10px;
}

.why-take-course-title {
    font-size: 30px;
    font-weight: 700;
    color: #2E3948;
    margin: 0;
    line-height: 121%;
    font-family: 'Roboto', sans-serif;
}

.why-take-course-content {
    display: flex;
    justify-content: space-between;
    gap: 30px;
}

.why-take-course-column {
    flex: 1;
}

.column-title {
    font-size: 24px;
    font-weight: 600;
    color: #2E3948;
    margin-top: 0;
    margin-bottom: 15px;
    line-height: 121%;
}

.column-content {
    color: #444;
}

/* Style for dynamic content */
.column-content ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.column-content ul li {
    position: relative;
    padding-left: 25px;
    margin-bottom: 15px;
    color: #424546;
    font-size: 20px;
    line-height: 130%;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
}

.column-content ul li svg {
    position: absolute;
    left: 0;
    top: 8px;
}

.column-content p {
    position: relative;
    padding-left: 25px;
    margin-bottom: 15px;
    font-size: 20px;
    line-height: 162%;
}

.column-content p svg {
    position: absolute;
    left: 0;
    top: 8px;
}

/* RTL Support */
html[dir="rtl"] .rocket-icon {
    margin-right: 0;
    margin-left: 10px;
}

html[dir="rtl"] .column-content ul li {
    padding-left: 0;
    padding-right: 25px;
}

html[dir="rtl"] .column-content p {
    padding-left: 0;
    padding-right: 25px;
}

html[dir="rtl"] .column-content ul li:before,
html[dir="rtl"] .column-content p:before {
    left: auto;
    right: 0;
    transform: scaleX(-1);
}

/* Mobile styles */
@media (max-width: 768px) {
    .single-product-Enroll-button{
        gap: 18px !important;
    }
    .why-take-course-content {
        flex-direction: column;
        gap: 25px;
    }
    .why-take-course-card{
        padding: 16px;
    }
    .why-take-course-title{
        font-size: 26px;
    }
    .column-title{
        font-size: 20px;
    }
     .column-content ul li{
        font-size: 16px;
    }
}




/* 4 css */
.banner-academy-product{
    width: 100%;
    margin-bottom: 40px;
        border-radius: 20px;
    overflow: hidden;
}
.banner-academy-product-image.desktop{
    width: 100%;
    object-fit: cover;
}
.banner-academy-product-image.mobile{
    width: 100%;
    object-fit: cover;
    display: none;
}
@media (max-width:768px) {
    .banner-academy-product-image.mobile{
        display: block;
    }
    .banner-academy-product-image.desktop{
        display: none;
    }
}



/*5 css */


.course-outline {
    margin-bottom: 40px;
}

.course-outline-card {
    border: 1px solid #94A4BA;
    border-radius: 16px;
    padding: 24px;
    overflow: hidden;
}

.course-outline-header {
    display: flex;
    align-items: center;
    margin-bottom: 25px;
    position: relative;
}

.document-icon {
    color: #3490dc;
    margin-right: 10px;
}

.course-outline-title {
    font-size: 30px;
    font-weight: 700;
    color: #2E3948;
    margin: 0;
    font-family: 'Roboto', sans-serif;
    line-height: 121%;
}

.outline-modules {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.module-item {
    border-radius: 8px;
    overflow: hidden;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.module-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.module-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
    background-color: #FAFBFB;
    cursor: pointer;
    border-radius: 8px;
    gap: 10px;
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

.module-header:hover {
    background-color: #f0f4f8;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.module-title {
    font-size: 20px;
    font-weight: 400;
    color: #2E3948;
    line-height: 140%;
    font-family: 'Roboto', sans-serif;
}

.module-number {
    font-weight: 400;
    color: #2E3948;
}

.toggle-btn {
  
    color: #000000;
    font-size: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: transform 0.3s ease;
}

.module-content {
    max-height: 0;
    overflow: hidden;
    padding: 0 20px;
    border-top: 1px solid #f0f0f0;
    transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1), 
                padding 0.4s cubic-bezier(0.4, 0, 0.2, 1), 
                opacity 0.3s ease;
    opacity: 0;
}

.module-item.active .toggle-btn {
    transform: rotate(45deg);
}

.module-item.active .module-content {
    max-height: 1000px;
    padding: 0 20px 15px;
    opacity: 1;
}

.module-content ul {
    list-style-type: disc;
    padding-left: 20px;
    margin: 10px 0 0;
}

.module-content li {
    margin-bottom: 8px;
    font-size: 14px;
    color: #666;
}

/* RTL support */
html[dir="rtl"] .document-icon {
    margin-right: 0;
    margin-left: 10px;
}

html[dir="rtl"] .module-content ul {
    padding-left: 0;
    padding-right: 20px;
}

@media (max-width: 768px) {
    .course-outline-card {
        padding: 20px;
    }
    .course-outline-title {
        font-size: 26px;
    }
    .module-title{
        font-size: 16px;
    }
    .toggle-btn {
        font-size: 25px;
    }

}



/* 5 css */
.course-outline {
    margin-bottom: 40px;
}

.course-outline-card {
    border: 1px solid #94A4BA;
    border-radius: 16px;
    padding: 24px;
    overflow: hidden;
}

.course-outline-header {
    display: flex;
    align-items: center;
    margin-bottom: 25px;
    position: relative;
}

.document-icon {
    color: #3490dc;
    margin-right: 10px;
}

.course-outline-title {
    font-size: 30px;
    font-weight: 700;
    color: #2E3948;
    margin: 0;
    font-family: 'Roboto', sans-serif;
    line-height: 121%;
}

.outline-modules {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.module-item {
    border-radius: 8px;
    overflow: hidden;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.module-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.module-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
    background-color: #FAFBFB;
    cursor: pointer;
    border-radius: 8px;
    gap: 10px;
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

.module-header:hover {
    background-color: #f0f4f8;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.module-title {
    font-size: 20px;
    font-weight: 400;
    color: #2E3948;
    line-height: 140%;
    font-family: 'Roboto', sans-serif;
}

.module-number {
    font-weight: 400;
    color: #2E3948;
}

.toggle-btn {
  
    color: #000000;
    font-size: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: transform 0.3s ease;
}

.module-content {
    max-height: 0;
    overflow: hidden;
    padding: 0 20px;
    border-top: 1px solid #f0f0f0;
    transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1), 
                padding 0.4s cubic-bezier(0.4, 0, 0.2, 1), 
                opacity 0.3s ease;
    opacity: 0;
}

.module-item.active .toggle-btn {
    transform: rotate(45deg);
}

.module-item.active .module-content {
    max-height: 1000px;
    padding: 0 20px 15px;
    opacity: 1;
}

.module-content ul {
    list-style-type: disc;
    padding-left: 20px;
    margin: 10px 0 0;
}

.module-content li {
    margin-bottom: 8px;
    font-size: 14px;
    color: #666;
}

/* RTL support */
html[dir="rtl"] .document-icon {
    margin-right: 0;
    margin-left: 10px;
}

html[dir="rtl"] .module-content ul {
    padding-left: 0;
    padding-right: 20px;
}

@media (max-width: 768px) {
    .course-outline-card {
        padding: 20px;
    }
    .course-outline-title {
        font-size: 26px;
    }
    .module-title{
        font-size: 16px;
    }
    .toggle-btn {
        font-size: 25px;
    }

}

/* 6 css */


.testimonials {
    margin-bottom: 40px;
}

.testimonials-card {
    border: 0.5px solid #187FD3;
    border-radius: 8px;
    background-color: #F0F8FC66;
    padding: 30px;
}

.testimonials-slider {
    position: relative;
    overflow: hidden;
}

.testimonials-slider-container {
    position: relative;
    height: 100%;
}

.testimonials-header {
    display: flex;
    align-items: center;
    margin-bottom: 25px;
    position: relative;
}

.quote-icon {
    color: #3490dc;
    margin-right: 10px;
}


.testimonials-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.6s ease-in-out;
    transform: translateX(50px);
    pointer-events: none;
    z-index: 1;
}

.testimonials-slide.active {
    position: relative;
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
    pointer-events: auto;
    z-index: 10;
}

.testimonials-slide.prev {
    transform: translateX(-50px);
    opacity: 0;
    visibility: hidden;
    z-index: 5;
}

.testimonial-content {
    position: relative;
    padding: 0 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.testimonial-text {
    position: relative;
    margin-bottom: 25px;
}

.testimonial-text {
    padding: 0 50px;
}

.quote-start {
    position: absolute;
    left: 0;
    top: 10px;
}

.quote-end {
    position: absolute;
    right: 0;
    bottom: -10px;
}

.testimonial-text p {
    font-weight: 400;
    font-size: 16px;
    line-height: 170%;
    color: #2E3948;
    margin-bottom: 0;
    font-family: 'Roboto', sans-serif;
}

.testimonial-author {
    display: flex;
    align-items: center;
    margin-top: 20px;
}

.author-avatar {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 15px;
    background-color: #e6e6e6;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ddd;
}

.author-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.default-avatar {
    width: 40px;
    height: 40px;
    color: #555;
}

.author-info {
    flex: 1;
}

.author-name {
    font-size: 22px;
    font-weight: 500;
    color: #2E3948;
    margin: 0 0 5px;
    line-height: 120%;
    font-family: 'Roboto', sans-serif;
}

.author-position {
    font-size: 13px;
    color: #2E3948;
    margin: 0;
    line-height: 125%;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
}

.testimonial-navigation {
    position: absolute;
    z-index: 25;
bottom: 40px;
right: 10px;
    display: flex;
    justify-content: flex-end;
    gap: 25px;
    margin-top: 15px;
}
.testimonials-slide.prev{
    display: none !important;
}

.nav-prev, .nav-next {
   
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
}

.nav-prev:hover, .nav-next:hover {
    border-color: #3490dc;
    background-color: #f5f9ff;
    transform: scale(1.1);
}

.nav-prev:active, .nav-next:active {
    transform: scale(0.95);
}

/* RTL Support */
html[dir="rtl"] .quote-icon {
    margin-right: 0;
    margin-left: 10px;
}

html[dir="rtl"] .quote-start {
    left: auto;
    right: 0;
    transform: scaleX(-1);
}

html[dir="rtl"] .quote-end {
    right: auto;
    left: 0;
    transform: scaleX(-1);
}

html[dir="rtl"] .author-avatar {
    margin-right: 0;
    margin-left: 15px;
}

html[dir="rtl"] .testimonial-navigation {
    justify-content: flex-start;
}

/* Mobile Styles */
@media (max-width: 768px) {
    .testimonials-card {
        padding: 20px 15px;
    }
    
    .testimonials-slider {
        min-height: 350px;
    }
    
    .testimonial-content {
        min-height: 300px;
    }

    .author-avatar {
        width: 50px;
        height: 50px;
    }

    .quote-start,
    .quote-end {
        width: 30px;
        height: 24px;
    }
    .testimonial-content{
        padding: 5px;
    }
    .testimonial-text p {
        font-size: 16px;
    }
    .author-name{
        font-size: 20px;
    }
    .author-position{
        font-size: 14px;
    }
    .testimonial-navigation{
        justify-content: center;
        position: relative;
        bottom: 0px;
    }
    .testimonial-text{
        padding: 0 34px;
    }
}




/* 7 css */

.academy-stats {
    margin-bottom: 40px;
}

.academy-stats-card {
   
}

.academy-stats-content {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

.academy-stats-left {
    flex: 1;
    min-width: 300px;
    padding-right: 20px;
}

.stats-subtitle {
    font-size: 16px;
    font-weight: 400;
    color: #187FD3;
    margin: 0 0 15px;
    line-height: 121%;
    font-family: 'Roboto', sans-serif;
}

.stats-title {
    font-size: 32px;
    font-weight: 300;
    color: #2E3948;
    margin: 0 0 20px;
    line-height: 121%;
    font-family: 'Roboto', sans-serif;
}

.stats-description {
    font-weight: 400;
    font-size: 20px;
    line-height:162%;
    color: #424546;
    margin: 0;
    font-family: 'Roboto', sans-serif;
}

.academy-stats-right {
    flex: 2;
    min-width: 300px;
}

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

.stats-box {
    background-color: #ECF5FF;
    border-radius: 18.44px;
    padding: 25px;
    display: flex;
    flex-direction: column;
}

.stats-box-wide {
    grid-column: span 2;
}

.stats-number {
    font-size: 55px;
    font-weight: 300;
    color: #187FD3;
    margin-bottom: 10px;
    line-height: 121%;
}

.stats-label {
    font-size: 22.13px;
    color: #1B3B68;
    font-weight: 400;
    line-height: 121%;
}

/* RTL Support */
html[dir="rtl"] .academy-stats-left {
    padding-right: 0;
    padding-left: 20px;
}

/* Mobile Styles */
@media (max-width: 992px) {
    .academy-stats-content {
        flex-direction: column;
    }
    
    .academy-stats-left, 
    .academy-stats-right {
        width: 100%;
        padding: 0;
    }
    
    .stats-title {
        font-size: 28px;
    }
    .stats-subtitle{
        font-size: 18px;
    }
    .stats-description{
        font-size: 20px;
    }
}

@media (max-width: 576px) {
    .stats-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }
    
    .stats-box-wide {
        grid-column:span 2;
    }

.academy-stats-content {
        flex-direction: column;
    }
    
    .academy-stats-left, 
    .academy-stats-right {
        width: 100%;
    }
    
    .stats-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }
    
    .stats-box {
        background-color: #ECF5FF;
        border-radius: 10px;
        padding: 15px;
        text-align: left;
        height: auto;
    }
    html[lang="ar"] .stats-box{
        text-align: right;
    }
    .stats-number {
        font-size: 38px;
        margin-bottom: 0;
        line-height: 1;
    }
    
    .stats-label {
        font-size: 15px;
        margin-top: 5px;
    }
    
    .stats-box-wide {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        gap: 10px;
    }
    
    .stats-box-wide .stats-number {
        margin-bottom: 0;
        margin-right: 5px;
    }
}

/* Counter animation */
.stats-number {
    transition: all 0.3s ease;
}

.stats-number.counting {
    transform: scale(1.05);
}



/* 8 css */
.lms-banner {
    margin-bottom: 40px;
}

.lms-banner-card {
    width: 100%;
    height: 400px;
    display: flex;
    flex-wrap: wrap;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.lms-banner-left {
    flex: 1;
    background: #F5F8FA url('https://academy.tharwah.net/wp-content/uploads/2025/07/LMS-1.png') center center/cover no-repeat;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 32px;
    min-width: 340px;
    position: relative;
}
.lms-devices { display: none; }

.lms-logo {
    position: absolute;
    top: 15px;
    left: 18px;
    max-width: 120px;
}

.lms-logo img {
    max-width: 100%;
    height: auto;
}

.lms-devices {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    text-align: center;
}

.lms-devices-img {
    width: 100%;
    height: auto;
    max-height: 400px;
    object-fit: contain;
}

.lms-banner-right {
    flex: 1;
    min-width: 300px;
    background-color: #0f69b4;
    padding: 40px;
    position: relative;
    overflow: hidden;
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.lms-title {
    font-size: 22px;
    font-weight: 400;
    margin: 0 0 20px;
    color: #FFFFFF;
    line-height: 121%;
   font-family: 'Roboto', sans-serif;
}

.lms-heading {
    font-size: 45px;
    line-height: 121%;
    font-weight: 300;
    margin: 0 0 30px;
    color: #FFFFFF;
    font-family: 'Roboto', sans-serif;
}

.lms-button-wrapper {
    margin-top: 20px;
   
}

.lms-button {
    height: 58px;
    width: 255px;
    background-color: #FFFFFF;
    color: #187FD3;
    padding: 12px 30px;
    border-radius: 30px;
    font-size: 16px;
    font-weight: 600;
    transition: all 0.3s ease;
    line-height: 120%;
    font-family: 'Cairo', sans-serif;
    display: flex;
    justify-content: space-around;
    align-items: center;
    text-decoration: none;
}

.lms-button:hover {
    background-color: #f0f7ff;
    transform: translateY(-2px);
}

.lms-dots {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: url("https://academy.tharwah.net/wp-content/uploads/2025/07/Clip-path-group-1.svg");
   background-repeat: no-repeat;
    pointer-events: none;
    background-position-x: -59%;
    background-position-y: 145%;
}
.lms-dots-2 {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: url("https://academy.tharwah.net/wp-content/uploads/2025/07/Clip-path-group-1.svg");
   background-repeat: no-repeat;
    pointer-events: none;
    background-position-x: 146%;
    background-position-y: -37%;
}

/* RTL Support */
html[dir="rtl"] .lms-logo {
    left: auto;
    right: 30px;
}

/* Mobile Styles */
@media (max-width: 992px) {
    .lms-banner-card {
        flex-direction: column;
    }
    
    .lms-banner-left,
    .lms-banner-right {
        width: 100%;
    }
    
    .lms-heading {
        font-size: 28px;
    }
    
    .lms-devices {
        padding: 30px 0 0;
        max-width: 400px;
    }
}
.single-product .overview {
    margin: 30px 0 !important;
}
@media (max-width: 768px) {
    body.woocommerce.single-product .single-product-sec .container{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .lms-banner-card {
        flex-direction: column;
        width: 100%;
        height: 662px;
        border-radius: 16px;
        margin: 0 auto;
        overflow: hidden;
    }

    .lms-dots {
        background-position-x: -101%;
        background-position-y: 185%;
    }
    .lms-dots-2 {
        background-position-x: 199%;
        background-position-y: -37%;
    }
    
    .lms-banner-left {
        width: 100%;
        min-height: 337px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
    }
    
    .lms-devices-img {
        width: 403px;
        height: 337px;
        object-fit: cover;
        object-position: center;
    }
    
    .lms-banner-right {
        flex: 1;
        padding: 24px;
        text-align: left;
    }
    
    .lms-title {
        font-size: 18px;
        margin-bottom: 8px;
    }
    
    .lms-heading {
        font-size: 28px;
        line-height: 1.3;
        margin-bottom: 24px;
    }
    
    .lms-button {
        width: 100%;
        text-align: center;
        padding: 16px;
        border-radius: 30px;
        font-size: 16px;
    }
}

/* 9 css */
.single-product-contact{
    margin:50px 0;
}
.single-product-contact h4{
    font-size: 32px;
    font-weight: 300;
    color: #2E3948;
    margin: 0 0 20px;
    line-height: 121%;
    margin-bottom:20px;
}
/* FAQ Section - Exact Homepage Style Match */
.single-product-faq.faq {
padding: 80px 0;
background-color: #F8FBFE;
}

@media (min-width: 1024px) {
.single-product-faq.faq {
    padding-bottom: 34px;
}
}

.single-product-faq .faq-title {
text-align: center;
margin-bottom: 0;
font-size: 48px;
color: #2E3948;
font-weight: 700;
line-height: 1.2;
letter-spacing: -0.02em;
}

.single-product-faq .faq-title span {
color: #187FD3;
font-weight: 700;
white-space: nowrap; /* prevent line break */
}

.single-product-faq .faq-list {
width: 100%;
display: grid;
gap: 16px;
margin-top: 40px;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}

.single-product-faq .faq-item {
width: 100%;
padding: 16px 24px;
background-color: rgba(46, 57, 72, .05);
border-radius: 0 12px 0 12px;
cursor: pointer;
transition: all 0.3s ease;
}

@media (min-width: 1024px) {
.single-product-faq .faq-item {
    padding: 28px 40px;
}
}

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

.single-product-faq .faq-item__question-text {
font-size: 16px;
line-height: 1.3 !important;
letter-spacing: -.1px;
color: #2E3948;
font-weight: 400;
flex: 1;
padding-right: 20px;
}

@media (min-width: 1024px) {
.single-product-faq .faq-item__question-text {
    font-size: 22px;
    line-height: 1.3;
    letter-spacing: -.2px;
}
}

.single-product-faq .faq-item__question-icon {
width: 24px;
height: 24px;
position: relative;
flex-shrink: 0;
}

.single-product-faq .faq-item__question-icon:before,
.single-product-faq .faq-item__question-icon:after {
content: '';
position: absolute;
background: #187FD3;
transition: all 0.3s ease;
}

.single-product-faq .faq-item__question-icon:before {
width: 100%;
height: 2px;
top: 50%;
left: 0;
transform: translateY(-50%);
}

.single-product-faq .faq-item__question-icon:after {
width: 2px;
height: 100%;
top: 0;
left: 50%;
transform: translateX(-50%);
}

.single-product-faq .faq-item.active .faq-item__question-icon:after {
transform: translateX(-50%) rotate(90deg);
opacity: 0;
}

.single-product-faq .faq-item__answer {
font-size: 12px;
line-height: 1.3;
letter-spacing: -.1px;
color: rgba(46, 57, 72, .6);
font-weight: 400;
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease;
}

@media (min-width: 1024px) {
.single-product-faq .faq-item__answer {
    font-size: 16px;
    line-height: 1.3;
}
}

.single-product-faq .faq-item__answer_inner {
padding-top: 24px;
line-height:1.5;

}

/* RTL Support */
html[dir="rtl"] .single-product-faq .faq-item__question-text {
padding-right: 0;
padding-left: 20px;
}

/* Mobile Responsive - Exact Match */
@media (max-width: 768px) {
.single-product-faq.faq {
    padding: 60px 0 40px;
}

.single-product-faq .faq-title {
    font-size: 32px;
    margin-bottom: 30px;
}

.single-product-faq .faq-list {
    margin-top: 30px;
}

.single-product-faq .faq-item {
    padding: 16px 24px;
}

.single-product-faq .faq-item__question-text {
    font-size: 16px;
    line-height: 1.3;
    letter-spacing: -.1px;
}

.single-product-faq .faq-item__answer {
    font-size: 12px;
    line-height: 1.3;
    letter-spacing: -.1px;
}
}





/* 10 css */ 
        /* Desktop Styles */
        .tharwah-course-pricing {
            background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);
            border: 1px solid #0ea5e9;
            border-radius: 8px;
            padding: 10px 14px;
            margin: 15px 0;
            display: flex;
            align-items: center;
            gap: 10px;
            font-size: 20px;
        }
        
        .tharwah-price-wrapper {
            display: flex;
            align-items: center;
            gap: 8px;
        }
        
        /* Mobile Styles */
        @media (max-width: 768px) {
            .tharwah-course-pricing {
                display: flex;
                align-items: baseline;
                gap: 10px;
                font-size: 16px;
                margin: 15px 0;
            }
            
            .tharwah-special-label {
                font-size: 14px !important;
                color: #4b5563 !important;
                white-space: nowrap;
            }
            
            .tharwah-price-wrapper {
                display: flex;
                align-items: center;
                gap: 8px;
            }
            
            .tharwah-original-amount {
                font-size: 14px !important;
            }
            
            .tharwah-sale-amount {
                font-size: 20px !important;
            }
            
            .tharwah-sale-amount img {
                height: 18px !important;
            }
            
            .tharwah-discount-tag {
                font-size: 10px !important;
                padding: 2px 6px !important;
                margin-left: 8px !important;
            }
            
            .tharwah-course-label {
                display: inline-block;
                margin-right: 10px;
            }
        }
        
        /* RTL support for Arabic */
        html[lang="ar"] .tharwah-course-pricing {
            direction: rtl;
        }
        
        @media (max-width: 768px) {
            html[lang="ar"] .tharwah-course-label {
                margin-right: 0;
                margin-left: 10px;
            }
        }


/* 12 css */

.single-product-Enroll-section{

    position: relative;
    z-index: 999;
}
.single-product-Enroll-container{
    height: auto;
    border: 1px solid #94A4BA;
    background: #FFFFFF;
    padding: 30px;
    border-radius: 16px;
    position: relative; /* Changed from absolute */
    width: 100%; /* Changed from min-width */
    max-width: 522px; /* Added max-width instead of min-width */
    transition: all 0.3s ease;
    top: -200px;
}

/* New sticky styles */
.single-product-Enroll-container.sticky-enroll {
    position: fixed;
    top: 20px; /* Distance from top when sticky */
    z-index: 1050; /* Higher z-index to appear above other elements */
    width: inherit; /* Preserve the width when sticky */
    max-width: 522px;
    width: 100%;
}

.enroll-placeholder {
    display: none;
    height: 0;
    width: 100%;
    max-width: 522px;
}

/* Keep the placeholder visible when the container is sticky */
.enroll-placeholder.active {
    display: block;
}

.single-product-Enroll-container h2{
    font-weight: 700;
    font-style: Bold;
    font-size: 30px;
    leading-trim: NONE;
    line-height: 121%;
    letter-spacing: 0.5%;
    color: #2E3948;
    margin-bottom: 8px;
}
.single-product-Enroll-container > h3{
    padding: 15px;
    font-weight: 700;
    font-style: Bold;
    font-size: 24px;
    leading-trim: NONE;
    line-height: 121%;
    letter-spacing: 0.5%;
    color: #2E3948;
    border: 0.5px solid #0076BE;
    background-color: #F0F8FC66;
    border-radius: 10px;
    display: flex;
    margin-bottom: 8px;
}
.single-product-Enroll-container h3 span{
font-weight: 400;
font-style: Regular;
font-size: 24px;
leading-trim: NONE;
line-height: 121%;
letter-spacing: 0.5%;
    color: #2E3948;
    margin: 0 5px;
}
.single-product-Enroll-container p{
font-weight: 400;
font-style: Regular;
font-size: 20px;
leading-trim: NONE;
line-height: 142%;
letter-spacing: -0.25%;
    color: #2E3948BF;
    margin-bottom: 8px;
}
.single-product-Enroll-alert{
    font-weight: 500;
    font-style: Medium;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 142%;
    letter-spacing: -0.25%;
    text-decoration: underline;
    text-decoration-style: solid;
    text-decoration-offset: 0%;
    text-decoration-thickness: 0%;
    color: #187FD3;
    display: flex;
    gap: 6px;
   margin: 18px 0;
}

@media (max-width: 1650px) {
    .single-product-Enroll-container{
        transition: none;
width: 434px;
height: fit-content;

    }
}
@media (max-width:1360px) {
    .single-product-Enroll-container{
        transition: none;
width: 360px;
height: fit-content;

    }
}

/* Date input styles to match WooCommerce design */
.single-product-Enroll-date {
    margin-top: 20px;
}

.date-input-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 56px;
    background: #FFFFFF;
    border: 1px solid #E5E7EB;
    border-radius: 12px;
    padding: 0 16px;
    cursor: pointer;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
    z-index: 1;
    -webkit-tap-highlight-color: transparent; /* Remove iOS tap highlight */
    -webkit-touch-callout: none; /* Disable callout on long-press */
    user-select: none; /* Prevent text selection */
    will-change: border-color;
}

.date-input-wrapper.open,
#custom-dropdown.open {
    z-index: 10000;
}

.date-input-wrapper:hover {
    border-color: #187FD3;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    transform: translateY(-1px);
}

.date-input-wrapper:focus-within {
    border-color: #187FD3;
    box-shadow: 0 0 0 4px rgba(24, 127, 211, 0.15), 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    transform: translateY(-1px);
}

.date-input-wrapper .calendar-icon {
    width: 20px;
    height: 20px;
    margin-right: 12px;
    flex-shrink: 0;
    border-radius: 0 !important;
}


/* Custom dropdown display */
.custom-select-display {
    flex: 1;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #111827;
    cursor: pointer;
}

.selected-value {
    color: #111827;
}



/* Custom options wrapper */
.custom-options-wrapper {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin-top: 4px;
    background: #FFFFFF;
    border: 1px solid #E5E7EB;
    border-radius: 12px;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    display: none;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: opacity 0.15s ease, visibility 0.15s ease, transform 0.15s ease;
    z-index: 10001;
    max-height: 280px;
    overflow: hidden;
    -webkit-overflow-scrolling: touch; /* Smooth scrolling on iOS */
    will-change: opacity, transform;
}

.date-input-wrapper.open .custom-options-wrapper,
#custom-dropdown.open .custom-options-wrapper {
    display: block !important;
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    z-index: 10001 !important;
}

.custom-options , .options {
    max-height: 280px;
    overflow-y: auto;
    padding: 8px;
}

/* Beautiful custom option styling */
.custom-option ,.option {
    padding: 12px 16px;
    margin: 4px 0;
    font-size: 15px;
    line-height: 22px;
    color: #374151;
    background: #FFFFFF;
    border-radius: 8px;
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease;
    position: relative;
    -webkit-tap-highlight-color: transparent; /* Remove iOS tap highlight */
    -webkit-touch-callout: none; /* Disable callout on long-press */
    user-select: none; /* Prevent text selection */
    overflow: hidden;
    will-change: background-color;
}

.custom-option:hover ,.option:hover{
    background: linear-gradient(to right, #EBF8FF 0%, #DBEAFE 100%);
    color: #187FD3;
    transform: translateX(4px);
    font-weight: 500;
}

.custom-option.selected ,.option.selected {
    background: linear-gradient(to right, #187FD3 0%, #1E6BB8 100%);
    color: #FFFFFF;
    font-weight: 600;
    padding-left: 40px;
}

.custom-option.selected::before ,.option.selected::before{
    content: '✓';
    position: absolute;
    left: 16px;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 16px;
}

.custom-option.disabled {
    color: #9CA3AF;
    background: #F9FAFB;
    font-style: italic;
    cursor: not-allowed;
    opacity: 0.7;
}

.custom-option.disabled:hover {
    background: #F9FAFB;
    transform: none;
    color: #9CA3AF;
    font-weight: 400;
}

/* Custom scrollbar */
.custom-options::-webkit-scrollbar {
    width: 6px;
}

.custom-options::-webkit-scrollbar-track {
    background: #F3F4F6;
    border-radius: 3px;
}

.custom-options::-webkit-scrollbar-thumb {
    background: #D1D5DB;
    border-radius: 3px;
}

.custom-options::-webkit-scrollbar-thumb:hover {
    background: #9CA3AF;
}


.dropdown-arrow {
    width: 20px;
    height: 20px;
    margin-left: 12px;
    flex-shrink: 0;
    transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    pointer-events: none;
    will-change: transform;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.dropdown-arrow path {
    stroke: #6B7280;
    transition: stroke 0.3s ease;
}

.date-input-wrapper:hover .dropdown-arrow path {
    stroke: #187FD3;
}

.date-input-wrapper:focus-within .dropdown-arrow path {
    stroke: #187FD3;
}

.date-input-wrapper.open .dropdown-arrow {
    transform: rotate(180deg);
}
.single-product-Enroll-button{
    margin-top: 18px;
    display: flex;
    flex-direction: column;
    gap: 38px;
    margin-bottom: 38px;
}

.single-product-Enroll-button button.button-enroll{
    border-radius: 15000px;
    width: 100%;
    height: 68px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-style: SemiBold;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 120%;
    letter-spacing: 0%;
    text-transform: uppercase;
    background:  #0f69b4;
    color:#fff;
    border: 1px solid #0A4678;
}
body:has(.show-burgermenu) .single-product-Enroll-container,body:has(.show-burgermenu) .hero-links-sec ,body:has(.show-burgermenu) .mobile-sticky-enroll{
    display: none;
}
.button-BROCHURE{
    border-radius: 15000px;
    width: 100%;
    height: 68px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #187FD3;
    gap: 6px;
    font-weight: 400;
    font-style: SemiBold;
    font-size: 16px;
    leading-trim: NONE; 
    line-height: 120%;
    letter-spacing: 0%;
    text-transform: uppercase;
    color: #111827 !important;
}
.single-product-Enroll-accreditations{
    padding: 15px;
    border: 0.5px solid #0076BE;
    background-color: #F0F8FC66;
    border-radius: 16px;
}

/* Location Select Styles - Matching Date Select */
.single-product-Enroll-location {
    margin-top: 20px;
}

.location-input-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 56px;
    background: #FFFFFF;
    border: 1px solid #E5E7EB;
    border-radius: 12px;
    padding: 0 16px;
    cursor: pointer;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
    will-change: border-color;
}

.location-input-wrapper:hover {
    border-color: #187FD3;
}

.location-input-wrapper.open {
    border-color: #187FD3;
    box-shadow: 0 0 0 3px rgba(24, 127, 211, 0.1);
}

.location-input-wrapper.has-value {
    border-color: #187FD3;
    background-color: #F0F8FC33;
}

.location-input-wrapper .location-icon {
    width: 20px;
    height: 20px;
    margin-right: 12px;
    flex-shrink: 0;
}

.location-input-wrapper .custom-select-display {
    flex: 1;
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #6B7280;
    user-select: none;
}

.location-input-wrapper.has-value .custom-select-display .selected-value {
    color: #2E3948;
}

.location-input-wrapper .dropdown-arrow {
    margin-left: 12px;
    transition: transform 0.3s ease;
}

.location-input-wrapper.open .dropdown-arrow {
    transform: rotate(180deg);
}

/* RTL-specific fixes for dropdowns on iOS */
html[dir="rtl"] .date-input-wrapper,
html[dir="rtl"] .location-input-wrapper {
    direction: rtl;
    text-align: right;
}

html[dir="rtl"] .date-input-wrapper .calendar-icon,
html[dir="rtl"] .location-input-wrapper .location-icon {
    margin-left: 12px;
    margin-right: 0;
}

html[dir="rtl"] .dropdown-arrow {
    left: 16px;
    right: auto;
}

html[dir="rtl"] .custom-options-wrapper,
html[dir="rtl"] .options-wrapper {
    direction: rtl;
    text-align: right;
}

html[dir="rtl"] .custom-option,
html[dir="rtl"] .option {
    text-align: right;
    direction: rtl;
}

/* iOS Safari RTL-specific fixes */
@supports (-webkit-touch-callout: none) {
    html[dir="rtl"] .date-input-wrapper,
    html[dir="rtl"] .location-input-wrapper {
        -webkit-transform: translate3d(0, 0, 0); /* Force GPU acceleration */
        transform: translate3d(0, 0, 0);
        -webkit-backface-visibility: hidden; /* Prevent flickering */
        backface-visibility: hidden;
        perspective: 1000px; /* Fix rendering issues */
    }

    html[dir="rtl"] .custom-options-wrapper,
    html[dir="rtl"] .options-wrapper {
        -webkit-transform: translate3d(0, 0, 0); /* Force GPU acceleration */
        transform: translate3d(0, 0, 0);
        -webkit-backface-visibility: hidden; /* Prevent flickering */
        backface-visibility: hidden;
    }

    /* Fix for iOS Safari RTL dropdown opening */
    html[dir="rtl"] .date-input-wrapper.open .custom-options-wrapper {
        -webkit-transform: translateY(0) !important;
        transform: translateY(0) !important;
    }

    html[dir="rtl"] .location-input-wrapper.open .options-wrapper {
        -webkit-transform: translateY(0) scaleY(1) !important;
        transform: translateY(0) scaleY(1) !important;
    }
}

.location-input-wrapper .options-wrapper {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    right: 0;
    background: #FFFFFF;
    border: 1px solid #E5E7EB;
    border-radius: 12px;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    opacity: 0;
    transform: translateY(-10px) scaleY(0.95);
    transform-origin: top;
    visibility: hidden;
    transition: opacity 0.15s cubic-bezier(0.4, 0, 0.2, 1), transform 0.15s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 9998; /* High z-index for iOS */
    overflow: hidden;
    -webkit-overflow-scrolling: touch; /* Smooth scrolling on iOS */
    will-change: opacity, transform;
}

.location-input-wrapper.open .options-wrapper {
    opacity: 1;
    transform: translateY(0) scaleY(1);
    visibility: visible;
}

.location-input-wrapper .options {

    overflow-x: hidden;
}






.location-input-wrapper .option.no-options {
    color: #9CA3AF;
    cursor: default;
    font-style: italic;
}

.location-input-wrapper .option.no-options:hover {
    background-color: transparent;
    color: #9CA3AF;
}

/* Ensure dropdowns in enrollment container appear above everything */
.single-product-Enroll-container .custom-options-wrapper,
.single-product-Enroll-container .options-wrapper {
    z-index: 10005 !important;
}

.single-product-Enroll-accreditations h3{
    font-weight: 700;
    font-style: Bold;
    font-size: 22px;
    leading-trim: NONE;
    line-height: 121%;
    letter-spacing: 0.5%;
    color: #2E3948;
    margin-bottom: 20px;
}
.single-product-Enroll-accreditations-logo{
    display: flex;
    gap: 20px;
    justify-content: center;
}
.single-product-Enroll-accreditations-logo img{
    border-radius: 0 !important;
}
.single-product-Enroll-accreditations-logo img{
    max-width: 92px;
    flex: 1;
width: 21%;
}
.date-input-wrapper.has-value {
    border-color: #187FD3;
    background-color: #F0F8FC33;
}

.date-input-wrapper.has-value .date-input {
    color: #187FD3;
    font-weight: 500;
}

/* Ensure smooth transitions when container moves */
.single-product-Enroll-container.is-sticky {
    z-index: 998; /* Slightly lower z-index when sticky to prevent overlap issues */
}

/* Media query for mobile responsiveness */
@media (max-width: 1200px) {
.explore-key-topics-video {
        order: -1;
        margin-bottom: -3.5px;
    }
    .explore-key-topics-video video {
    border-radius: 16px 16px 0 0 !important;
}
.explore-key-topics-content {
    border-radius: 0 0 16px 16px !important;
}
    .single-product-Enroll-section {
        position: relative;
        min-width: 100%;
    }
    .single-product-Enroll-container{
      
        width: auto;
        max-width: 100%;
        height: auto;
    }
    .single-product-Enroll-container.sticky-enroll {
        position: relative !important;
    }
    .enroll-placeholder {
        display: none !important;
    }
    .single-product-sec > .container {
        flex-direction: column-reverse;
        gap: 30px;
    }
    .custom_hero{
        padding-bottom: 200px;
    }
}

/* Mobile Sticky Enrollment Bar Styles */
.mobile-sticky-enroll {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
    z-index: 1100;
    /* border-top: 1px solid #e5e5e5; */
    transition: max-height 0.6s cubic-bezier(0.4, 0, 0.2, 1),
                padding 0.4s cubic-bezier(0.4, 0, 0.2, 1),
                border-radius 0.4s ease;
    overflow: hidden;
}
.mobile-sticky-enroll .single-product-Enroll-accreditations  {
    display: none;
}
html[lang="ar"] .mobile-enroll-close{
    right: auto;
    left: 10px;
}
.mobile-sticky-enroll  .single-product-Enroll-alert{
    font-size: 13px;
}
.mobile-sticky-enroll .single-product-Enroll-container p{
    font-size: 14px;
}
.mobile-sticky-enroll .single-product-Enroll-button{
    gap: 10px;
}
.mobile-sticky-enroll  .single-product-Enroll-container h2{
    font-size: 20px;
}
.mobile-sticky-enroll .single-product-Enroll-container > h3{
    font-size: 20px;
}
.mobile-sticky-enroll .single-product-Enroll-button button.button-enroll,.mobile-sticky-enroll .button-BROCHURE{
    height: 54px;
    font-size: 14px;
}
    .mobile-sticky-enroll.expanded .mobile-sticky-content{
        display:none;
    }
.mobile-sticky-enroll.collapsed {
    padding: 15px;
    text-align: center;
    max-height: 80px;
    background: #fff !important;
}

.mobile-sticky-enroll.expanded {
    max-height: 80vh;
    overflow-y: auto;
    overflow-x: visible;
    border-radius: 15px 15px 0 0;
    padding-bottom: 0;
    animation: slideUp 0.5s ease-out;
}

/* Allow dropdowns to overflow when open */
.mobile-sticky-enroll.expanded:has(#custom-dropdown.open),
.mobile-sticky-enroll.expanded:has(#location-dropdown.open),
.mobile-sticky-enroll.expanded:has(#training-method-dropdown.open) {
    overflow: visible !important;
}

.mobile-enroll-expanded:has(#custom-dropdown.open),
.mobile-enroll-expanded:has(#location-dropdown.open),
.mobile-enroll-expanded:has(#training-method-dropdown.open) {
    overflow: visible !important;
}

@keyframes slideUp {
    from {
        transform: translateY(100%);
        opacity: 0.8;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.mobile-sticky-enroll .mobile-enroll-btn {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
    display: block;
    background: #187FD3;
    color: #fff;
    border: none;
    border-radius: 8px;
    padding: 16px 24px;
    font-size: 18px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}

.mobile-sticky-enroll.expanded .mobile-enroll-btn {
    display: none;
}

.mobile-sticky-enroll .mobile-enroll-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(12, 38, 74, 0.3);
}

/* Mobile Enrollment Expanded Content */
.mobile-enroll-expanded {
    display: none;
    padding: 20px;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.4s ease, transform 0.4s ease;
}

.mobile-sticky-enroll.expanded .mobile-enroll-expanded {
    display: block;
    opacity: 1;
    transform: translateY(0);
    animation: fadeInUp 0.4s ease-out 0.1s both;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.mobile-enroll-expanded .single-product-Enroll-container {
    position: static !important;
    top: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    background: transparent !important;
}

/* Ensure location dropdown works in mobile expanded view */
.mobile-enroll-expanded .location-input-wrapper {
    position: relative;
    z-index: 1;
}

.mobile-enroll-expanded .location-input-wrapper .options-wrapper {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 1102;
}

.mobile-enroll-expanded #location-dropdown.open .options-wrapper {
    display: block;
}

/* Date dropdown in mobile expanded view */
.mobile-enroll-expanded .date-input-wrapper,
.mobile-enroll-expanded #custom-dropdown {
    position: relative;
    z-index: 100;
    overflow: visible !important;
}

.mobile-enroll-expanded .date-input-wrapper.open,
.mobile-enroll-expanded #custom-dropdown.open {
    z-index: 10010 !important;
}

.mobile-enroll-expanded .date-input-wrapper .custom-options-wrapper,
.mobile-enroll-expanded #custom-dropdown .custom-options-wrapper {
    position: absolute !important;
    top: 100% !important;
    bottom: auto !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 10020 !important;
    max-height: 200px;
    overflow-y: auto;
    background: #fff;
    border: 1px solid #E5E7EB;
    border-radius: 12px;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);
}

.mobile-enroll-expanded #custom-dropdown.open .custom-options-wrapper {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
}

/* Training method dropdown in mobile expanded view */
.mobile-enroll-expanded .training-method-wrapper,
.mobile-enroll-expanded #training-method-dropdown {
    position: relative;
    z-index: 101;
}

.mobile-enroll-expanded #training-method-dropdown .custom-options-wrapper {
    position: absolute !important;
    top: 100% !important;
    bottom: auto !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 10003 !important;
    max-height: 200px;
    overflow-y: auto;
    background: #fff;
    border: 1px solid #E5E7EB;
    border-radius: 12px;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);
}

.mobile-enroll-expanded #training-method-dropdown.open .custom-options-wrapper {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
}

/* Location dropdown in mobile expanded view - higher z-index */
.mobile-enroll-expanded .location-input-wrapper,
.mobile-enroll-expanded #location-dropdown {
    position: relative;
    z-index: 99;
}

.mobile-enroll-expanded .location-input-wrapper .options-wrapper,
.mobile-enroll-expanded #location-dropdown .options-wrapper {
    position: absolute !important;
    top: 100% !important;
    bottom: auto !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 10001 !important;
    background: #fff;
    border: 1px solid #E5E7EB;
    border-radius: 12px;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);
}

/* Close button for expanded view */
.mobile-enroll-close {
    position: absolute;
    top: 10px;
    right: 10px;
    
    border: none;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 1101;
}



.mobile-enroll-container {
    display: flex;
    gap: 10px;
    align-items: center;
    max-width: 100%;
}

.mobile-enroll-date {
    flex: 1;
}
.mobile-enroll-date img{
    border-radius: 0 !important;
}

.mobile-date-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    background: #F0F8FC;
    border: 1px solid #187FD3;
    border-radius: 8px;
    padding: 10px 12px;
    cursor: pointer;
    gap: 8px;
}

.mobile-date-wrapper.open {
    border-radius: 8px 8px 0 0;
}

.mobile-calendar-icon {
    width: 20px;
    height: 20px;
}

.mobile-selected-value {
    flex: 1;
    font-size: 14px;
    color: #2E3948;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mobile-dropdown-arrow {
    transition: transform 0.3s ease;
}

.mobile-date-wrapper.open .mobile-dropdown-arrow {
    transform: rotate(180deg);
}

.mobile-options-wrapper {
    display: none;
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0;
    background: #fff;
    border: 1px solid #187FD3;
    border-bottom: none;
    border-radius: 8px 8px 0 0;
    max-height: 200px;
    overflow-y: auto;
    z-index: 1101;
}

.mobile-date-wrapper.open .mobile-options-wrapper {
    display: block;
}

.mobile-option {
    padding: 10px 12px;
    font-size: 14px;
    color: #2E3948;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.mobile-option:hover {
    background-color: #F0F8FC;
}

.mobile-option.selected {
    background-color: #187FD3;
    color: #fff;
}

.mobile-option.disabled {
    color: #999;
    cursor: not-allowed;
    font-style: italic;
}

.mobile-enroll-btn {
    background: linear-gradient(90deg, #0C264A 0%, #83AABF 100%);
    color: #fff;
    border: none;
    border-radius: 8px;
    padding: 12px 24px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    white-space: nowrap;
}

.mobile-enroll-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(12, 38, 74, 0.3);
}

/* Mobile Location Styles */
.mobile-enroll-location {
    flex: 1;
    margin-right: 10px;
}

.mobile-location-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    background: #F0F8FC;
    border: 1px solid #187FD3;
    border-radius: 8px;
    padding: 10px 12px;
    cursor: pointer;
    gap: 8px;
}

.mobile-location-wrapper.open {
    border-radius: 8px 8px 0 0;
}

.mobile-location-icon {
    width: 20px;
    height: 20px;
}

.mobile-location-value {
    flex: 1;
    font-size: 14px;
    color: #2E3948;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mobile-location-arrow {
    transition: transform 0.3s ease;
}

.mobile-location-wrapper.open .mobile-location-arrow {
    transform: rotate(180deg);
}

.mobile-location-options-wrapper {
    display: none;
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0;
    background: #fff;
    border: 1px solid #187FD3;
    border-bottom: none;
    border-radius: 8px 8px 0 0;
    max-height: 200px;
    overflow-y: auto;
    z-index: 1101;
}

.mobile-location-wrapper.open .mobile-location-options-wrapper {
    display: block;
}

.mobile-location-option {
    padding: 10px 12px;
    font-size: 14px;
    color: #2E3948;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.mobile-location-option:hover {
    background-color: #F0F8FC;
}

.mobile-location-option.selected {
    background-color: #187FD3;
    color: #fff;
}

.mobile-location-option.disabled {
    color: #999;
    cursor: not-allowed;
    font-style: italic;
}


/* Training Method Dropdown - Complete CSS (copy of date dropdown styles) */
#training-method-dropdown {
    cursor: pointer !important;
    -webkit-tap-highlight-color: rgba(0,0,0,0) !important;
    pointer-events: auto !important;
    position: relative !important;
    z-index: 0 !important;
}

#training-method-dropdown .custom-select-display {
    cursor: pointer !important;
    pointer-events: auto !important;
}

#training-method-dropdown .custom-option {
    cursor: pointer !important;
    pointer-events: auto !important;
    -webkit-tap-highlight-color: rgba(0,0,0,0) !important;
}

#training-method-dropdown .custom-options-wrapper {
    position: absolute !important;
    z-index: 9999 !important;
    pointer-events: auto !important;
    top: calc(100% + 1px);
    left: 0;
    right: 0;
    background-color: white;
    border-radius: 8px;
    padding: 8px;
    overflow: hidden;
    box-shadow: 2px 2px 20px 0 rgba(0,0,0,.08);
    display: none !important;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: opacity 0.15s ease, visibility 0.15s ease, transform 0.15s ease;
    will-change: opacity, transform;
}

/* Show options when dropdown is open */
#training-method-dropdown.open .custom-options-wrapper {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
}

/* Arrow rotation for training method dropdown */
#training-method-dropdown .dropdown-arrow {
    transition: transform 0.15s ease !important;
    transform-origin: center !important;
    will-change: transform;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

#training-method-dropdown.open .dropdown-arrow {
    transform: rotate(180deg) !important;
}

/* Training method options styling */
#training-method-dropdown .custom-option {
    padding: 14px 16px 14px 40px;
    border-radius: 25px;
    transition: background 0.15s ease, color 0.15s ease;
    cursor: pointer;
    margin-bottom: 4px;
    will-change: background-color;
}
#training-method-dropdown .custom-option:hover, #training-method-dropdown .option:hover,
#training-method-dropdown .custom-option.selected {
    background: #187fd3 !important;
    color: white;
}

/* Mobile touch target improvements */
@media (max-width: 768px) {
    .custom-select-display,
    .custom-option,
    .option {
        min-height: 44px; /* Minimum touch target size for mobile */
        display: flex;
        align-items: center;
        -webkit-tap-highlight-color: transparent; /* Remove iOS tap highlight */
        user-select: none;
    }

    .custom-option:hover,
    .option:hover {
        background-color: #F0F8FC;
    }

    .custom-option:active,
    .option:active {
        background-color: #E0F2FE;
    }

    /* iOS-specific training method dropdown */
    #training-method-dropdown {
        z-index: 9999 !important;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-user-select: none;
        user-select: none;
    }

    #training-method-dropdown,
    #training-method-dropdown .custom-select-display,
    #training-method-dropdown .custom-option {
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        touch-action: manipulation;
    }

    #training-method-dropdown.open .custom-options-wrapper {
        z-index: 99999 !important;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }
}

/* Show mobile sticky enrollment only on mobile */
@media (max-width: 768px) {
    .mobile-sticky-enroll {
        display: block;
    }
    
    /* Show enrollment section on mobile under hero */
    .single-product-Enroll-section {
        display: block;
        position: relative;
        margin-top: -180px; /* Positioned under hero with padding */
        z-index: 10;
        padding: 0 15px;
        width: 100%;
    }
    
    .single-product-Enroll-container {
        position: relative !important;
        top: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto 20px;
        border-radius: 16px;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    }
    
    /* Hide sticky functionality on mobile */
    .single-product-Enroll-container.sticky-enroll {
        position: relative !important;
        top: 0 !important;
    }
    
    /* Ensure hero has proper padding for enrollment container */
    .custom_hero {
        padding-bottom: 200px !important;
    }
    
    /* Adjust content padding to account for sticky bar */
    body {
        padding-bottom: 80px;
    }
}

/* Extra small devices */
@media (max-width: 480px) {
    .mobile-enroll-container {
        flex-wrap: wrap;
    }
    
    .mobile-enroll-date {
        width: 100%;
        margin-bottom: 10px;
    }
    
    .mobile-enroll-location {
        width: 100%;
        margin-bottom: 10px;
        margin-right: 0;
    }
    
    .mobile-enroll-btn {
        width: 100%;
        padding: 14px;
    }
    
    .mobile-sticky-enroll {
        padding: 15px;
    }
    
    body {
        padding-bottom: 120px;
    }
}

/* Quantity field styles */
.single-product-Enroll-quantity {
    margin: 20px 0;
padding: 15px;
/* background-color: #f8f9fa; */
border-radius: 10px;
display: flex
;
border: 1px solid #e0e0e0;
align-items: center;
}

.single-product-Enroll-quantity label {
    display: block;
    font-weight: 600;
    font-size: 16px;
    color: #2E3948;
}

.quantity-input-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    background: #ffffff;
    border-radius: 8px;
    padding: 8px;
}

.quantity-input-wrapper button {
    width: 36px;
    height: 36px;
    border: none;
    background-color: #0076BE;
    color: white;
    font-size: 20px;
    font-weight: bold;
    border-radius: 6px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s ease;
}

.quantity-input-wrapper button:hover {
    background-color: #005a8f;
}

.quantity-input-wrapper input[type="number"] {
    width: 60px;
    height: 36px;
    text-align: center;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 600;
    color: #2E3948;
    background-color: #fff;
}

/* Remove spinner buttons in number input */
.quantity-input-wrapper input[type="number"]::-webkit-inner-spin-button,
.quantity-input-wrapper input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.quantity-input-wrapper input[type="number"] {
    -moz-appearance: textfield;
}

/* RTL support for quantity field */
html[dir="rtl"] .quantity-input-wrapper {
    direction: ltr;
}

/* Mobile responsive for quantity field */
@media (max-width: 768px) {
    .single-product-Enroll-quantity {
        margin: 15px 0;
        padding: 12px;
    }
    
    .single-product-Enroll-quantity label {
        font-size: 14px;
    }
    
    .quantity-input-wrapper button {
        width: 32px;
        height: 32px;
        font-size: 18px;
    }
    
    .quantity-input-wrapper input[type="number"] {
        width: 50px;
        height: 32px;
        font-size: 14px;
    }
}





/* 13 css */

/* HRDF Popup Styles */
.hrdf-popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.hrdf-popup-container {
    background: #FFFFFF;
    border-radius: 20px;
    max-width: 900px;
    width: 100%;
    max-height: 90vh;
    overflow-y: auto;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    animation: popupSlideIn 0.3s ease-out;
}

@keyframes popupSlideIn {
    from {
        transform: translateY(-30px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.hrdf-popup-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 30px;
    border-bottom: 1px solid #E5E7EB;
}

.hrdf-popup-header h2 {
    font-weight: 700;
    font-size: 28px;
    line-height: 121%;
    letter-spacing: 0.5%;
    color: #2E3948;
    margin: 0;
}

.hrdf-popup-close {
    font-size: 36px;
    font-weight: 300;
    color: #6B7280;
    cursor: pointer;
    transition: color 0.2s ease;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
}

.hrdf-popup-close:hover {
    color: #187FD3;
    background-color: #F0F8FC;
}

.hrdf-popup-content {
    padding: 30px;
}
.hrdf-popup-header-desc{
    font-size: 18px;
    line-height: 142%;
    color: #2E3948BF;
    padding: 30px;
    padding-bottom: 0;
}
.hrdf-video-container {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
    height: 0;
    overflow: hidden;
    border-radius: 12px;
    margin-bottom: 30px;
    background: #F3F4F6;
}

.hrdf-video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 12px;
}

.hrdf-eligibility-section {
    margin-top: 30px;
    margin-bottom: 30px;
}

.hrdf-eligibility-section h4 {
    font-weight: 600;
    font-size: 20px;
    line-height: 121%;
    color: #2E3948;
    margin-top: 24px;
    margin-bottom: 12px;
}

.hrdf-eligibility-section p {
    font-weight: 400;
    font-size: 18px;
    line-height: 142%;
    letter-spacing: -0.25%;
    color: #2E3948BF;
    margin-bottom: 16px;
}

.hrdf-eligibility-section ul {
    list-style: none;
    padding: 0;
    margin: 0 0 24px 0;
}

.hrdf-eligibility-section ul li {
    font-weight: 400;
    font-size: 18px;
    line-height: 142%;
    color: #2E3948BF;
    margin-bottom: 12px;
    padding-left: 30px;
    position: relative;
}

.hrdf-eligibility-section ul li:before {
    content: "•";
    position: absolute;
    left: 0;
    color: #187FD3;
    font-weight: 600;
    font-size: 20px;
}

/* RTL Support for eligibility section */
html[dir="rtl"] .hrdf-eligibility-section ul li {
    padding-left: 0;
    padding-right: 30px;
}

html[dir="rtl"] .hrdf-eligibility-section ul li:before {
    left: auto;
    right: 0;
}
.hrdf-description{
    padding: 20px;
    border: 1px solid #187FD3;
    background: #F5FAFF;
    width: 100%;
    border-radius: 8px;
}
.hrdf-description a{
    font-family: Roboto;
    font-weight: 500;
    font-style: Medium;
    font-size: 20px;
    leading-trim: NONE;
    line-height: 142%;
    letter-spacing: -0.25%;
    text-align: right;
    text-decoration: underline;
    text-decoration-style: solid;
    text-decoration-offset: 0%;
    text-decoration-thickness: 0%;
    color: #0D3EEF;
}
.hrdf-description h3 {
    font-weight: 600;
    font-size: 24px;
    line-height: 121%;
    color: #2E3948;
    margin-bottom: 16px;
}

.hrdf-description h4 {
    font-weight: 600;
    font-size: 20px;
    line-height: 121%;
    color: #2E3948;
    margin-top: 24px;
    margin-bottom: 12px;
}

.hrdf-description p {
    font-weight: 400;
    font-size: 18px;
    line-height: 142%;
    letter-spacing: -0.25%;
    color: #2E3948BF;
    margin-bottom: 16px;
}

.hrdf-description ul {
    list-style: none;
    padding: 0;
    margin: 0 0 24px 0;
}

.hrdf-description ul li {
    font-weight: 400;
    font-size: 18px;
    line-height: 142%;
    color: #2E3948BF;
    margin-bottom: 12px;
    padding-left: 30px;
    position: relative;
}

.hrdf-description ul li:before {
    content: "✓";
    position: absolute;
    left: 0;
    color: #187FD3;
    font-weight: 600;
    font-size: 20px;
}

/* Responsive Styles */
@media (max-width: 768px) {
    .hrdf-popup-container {
        max-height: 100vh;
        border-radius: 0;
    }
    
    .hrdf-popup-header {
        padding: 20px;
    }
    
    .hrdf-popup-header h2 {
        font-size: 22px;
    }
    
    .hrdf-popup-content {
        padding: 20px;
    }
    
    .hrdf-description h3 {
        font-size: 20px;
    }
    
    .hrdf-description h4 {
        font-size: 18px;
    }
    
    .hrdf-description p,
    .hrdf-description ul li {
        font-size: 16px;
    }
}

/* RTL Support */
html[dir="rtl"] .hrdf-description ul li {
    padding-left: 0;
    padding-right: 30px;
}

html[dir="rtl"] .hrdf-description ul li:before {
    left: auto;
    right: 0;
}




/* 14 css */
    /* Mobile styles for Related Products */
    @media (max-width: 767px) {

        /* Title styling */
        .training-courses-title {
            font-size: 24px;
            padding: 50px 15px 0px 15px;
            margin-bottom: 20px;
        }

        /* Related Products Carousel container - FIXED */
        #related-products-container {
            position: relative !important;
            width: 100% !important;
            margin: 0 auto !important;
            padding: 0 !important;
            min-height: 400px !important;
            overflow: hidden !important;
            display: block !important;
            /* Mobile-only: Hide cards until carousel is ready */
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.3s ease, visibility 0.3s ease;
        }

        /* Show when carousel is ready */
        #related-products-container.related-carousel-ready {
            opacity: 1;
            visibility: visible;
        }

        /* Hide individual cards until carousel initialization */
        #related-products-container:not(.related-carousel-ready) .program_item {
            opacity: 0;
            visibility: hidden;
        }

        /* Override any grid/flex from desktop */
        #related-products-container:not(.swiper) {
            display: block !important;
            grid-template-columns: none !important;
            flex-wrap: nowrap !important;
        }

        /* Swiper container adjustments - COMPLETELY FIXED */
        #related-products-container.swiper {
            padding: 0 20px !important;
            margin: 0 !important;
        }

        /* Fixed wrapper and slide sizing */
        #related-products-container .swiper-wrapper {
            display: flex !important;
            position: relative !important;
            width: 100% !important;
            height: 100% !important;
            z-index: 1 !important;
            transition-property: transform !important;
            transition-timing-function: ease-out !important;
            box-sizing: content-box !important;
            align-items: stretch !important;
        }

        #related-products-container .swiper-slide {
            width: 300px !important;
            /* Fixed width for consistency */
            max-width: 300px !important;
            /* Maximum width */
            min-width: 260px !important;
            /* Minimum width */
            flex-shrink: 0 !important;
            height: 100% !important;
            position: relative !important;
            transition-property: transform !important;
            display: block !important;
            box-sizing: border-box !important;
            margin-right: 35px !important;
            /* Spacing between slides */
        }

        /* Ensure slides maintain consistent width during navigation */
        #related-products-container.swiper-initialized .swiper-slide {
            width: 300px !important;
            max-width: 300px !important;
            min-width: 260px !important;
            margin-right: 30px !important;
        }

        /* Small screens adjustment */
        @media (max-width: 380px) {

            #related-products-container .swiper-slide,
            #related-products-container.swiper-initialized .swiper-slide {
                width: 260px !important;
                max-width: 280px !important;
                min-width: 240px !important;
                margin-right: 25px !important;
            }
        }

        /* Very small screens */
        @media (max-width: 320px) {

            #related-products-container .swiper-slide,
            #related-products-container.swiper-initialized .swiper-slide {
                width: 240px !important;
                max-width: 260px !important;
                min-width: 220px !important;
                margin-right: 20px !important;
            }
        }

        /* Fix for slide visibility and transitions */
        #related-products-container .swiper-slide {
            opacity: 1 !important;
            visibility: visible !important;
            /* Ensure touch events work properly */
            touch-action: pan-y pinch-zoom !important;
            pointer-events: auto !important;
        }

        #related-products-container .swiper-slide-invisible-blank {
            visibility: hidden !important;
            pointer-events: none !important;
            opacity: 0 !important;
        }
        
        /* Ensure all slides are touchable and draggable */
        #related-products-container .swiper-wrapper {
            touch-action: pan-y pinch-zoom !important;
        }
        
        #related-products-container.swiper {
            touch-action: pan-y pinch-zoom !important;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

        /* Active slide styling */
        #related-products-container .swiper-slide-active {
            z-index: 2;
        }

        #related-products-container .swiper-slide-next,
        #related-products-container .swiper-slide-prev {
            z-index: 1;
        }

        /* Program items styling - FIXED */
        #related-products-container .program_item {
            width: 100% !important;
            height: 564px !important; /* Fixed height for consistency */
            min-height: 564px !important; /* Ensure minimum height */
            max-height: 564px !important; /* Prevent overflow */
            margin: 0 !important;
            display: flex !important;
            flex-direction: column !important;
            background: #fff !important;
            border-radius: 12px !important;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
            overflow: hidden !important;
            transition: transform 0.3s ease, box-shadow 0.3s ease !important;
            position: relative !important;
            /* Allow touch events to pass through for swiping */
            touch-action: pan-y pinch-zoom !important;
        }
        
        /* Ensure content areas allow touch events */
        #related-products-container .all_program_content,
        #related-products-container .all_program_image-container {
            touch-action: pan-y pinch-zoom !important;
            pointer-events: auto !important;
        }
        
        /* Links and buttons should still be clickable */
        #related-products-container .program_item a,
        #related-products-container .program_add_to_cart a {
            pointer-events: auto !important;
            touch-action: manipulation !important;
        }

        /* Remove scale effect that might break layout */
        #related-products-container .swiper-slide-active .program_item {
            box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15) !important;
        }

        /* Program content styling */
        #related-products-container .all_program_content {
            padding: 15px;
            flex-grow: 1;
            display: flex;
            flex-direction: column;
            height: calc(564px - 180px); /* Total height minus image height */
            overflow: hidden;
        }

        #related-products-container .program_title {
            font-size: 18px;
            margin: 10px 0;
            line-height: 1.3;
            /* Limit title to 2 lines */
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        #related-products-container .program_des {
            font-size: 14px;
            color: #666;
            margin-bottom: 15px;
            flex-grow: 1;
            /* Limit description to 3 lines */
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        #related-products-container .program_reviews {
            margin-bottom: 10px;
            flex-shrink: 0; /* Prevent shrinking */
        }

        #related-products-container .program_time {
            flex-shrink: 0; /* Prevent shrinking */
        }

        #related-products-container .program_btns {
            margin-top: auto;
            padding-top: 10px;
            flex-shrink: 0; /* Prevent shrinking */
        }

        #related-products-container .program_add_to_cart a {
            display: block;
            width: 100%;
            padding: 12px;
            background: #187fd3;
            color: white;
            text-align: center;
            border-radius: 8px;
            text-decoration: none;
            font-weight: 500;
            transition: background 0.3s ease;
        }

        #related-products-container .program_add_to_cart a:hover {
            background: #1569b8;
        }

        /* Navigation buttons - HIDDEN */
        #related-products-container .swiper-button-prev,
        #related-products-container .swiper-button-next {
            display: none !important;
        }

        /* Disable hover effects on touch devices */
        @media (hover: none) {
            #related-products-container .program_add_to_cart a:hover {
                background: #187fd3;
            }
        }

        /* Pagination styling - FIXED */
        #related-products-container .swiper-pagination {
            position: static !important;
            width: 100% !important;
            height: auto !important;
            bottom: auto !important;
            text-align: center !important;
            margin-top: 25px !important;
            margin-bottom: 25px !important;
            padding: 0 !important;
            z-index: 10 !important;
        }

        #related-products-container .swiper-pagination-bullet {
            width: 8px !important;
            height: 8px !important;
            display: inline-block !important;
            margin: 0 4px !important;
            background: #d1d1d1 !important;
            opacity: 1 !important;
            border-radius: 50% !important;
            cursor: pointer !important;
            transition: all 0.3s ease !important;
            vertical-align: middle !important;
            border: none !important;
            padding: 0 !important;
            box-shadow: none !important;
        }

        #related-products-container .swiper-pagination-bullet-active {
            width: 10px !important;
            height: 10px !important;
            background: #187fd3 !important;
            transform: scale(1.2) !important;
        }

        /* Ensure pagination bullets are not hidden */
        #related-products-container .swiper-pagination-bullet:before,
        #related-products-container .swiper-pagination-bullet:after {
            display: none !important;
        }

        /* Loaders for Related Products */
        .related-carousel-loader {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: rgba(255, 255, 255, 0.95);
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 100;
            min-height: 400px;
            backdrop-filter: blur(2px);
            font-size: 0 !important;
            /* Hide any text */
        }

        .related-carousel-loader .loader {
            width: 48px;
            height: 48px;
            border: 3px solid #f0f0f0;
            border-top: 3px solid #187fd3;
            border-radius: 50%;
            animation: spin 0.8s linear infinite;
        }

        @keyframes spin {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        /* Image container styling */
        #related-products-container .all_program_image-container {
            width: 100%;
            height: 180px;
            overflow: hidden;
            position: relative;
            background: #f5f5f5;
        }

        #related-products-container .all_program_image {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        /* Logo styling within cards */
        #related-products-container .program_item>a {
            display: block;
            position: relative;
        }

        #related-products-container .program_item>a>img:last-child {
            position: absolute;
            top: 10px;
            right: 10px;
            width: 60px !important;
            height: auto !important;
            background: white;
            padding: 5px;
            border-radius: 8px;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        }

        /* Category and rating styling */
        #related-products-container .category_program h5 {
            font-size: 12px;
            color: #666;
            margin: 0;
            font-weight: normal;
        }

        #related-products-container .category_program a {
            color: #666;
            text-decoration: none;
        }

        #related-products-container .rating {
            display: flex;
            align-items: center;
            gap: 8px;
            font-size: 14px;
        }

        #related-products-container .rating img {
            width: auto;
            height: 16px;
        }

        #related-products-container .reviews_rate {
            font-weight: bold;
            color: #333;
            margin: 0;
        }

        #related-products-container .reviews_num {
            color: #666;
            margin: 0;
        }

        /* Time styling */
        #related-products-container .program_time {
            display: flex;
            align-items: center;
            gap: 5px;
            font-size: 14px;
            color: #666;
            margin: 10px 0;
        }

        #related-products-container .program_time img {
            width: 16px;
            height: 16px;
        }

        #related-products-container .program_time p {
            margin: 0;
        }

        /* Program item styling - for small screens */
        @media (max-width: 380px) {
            #related-products-container .program_item {
                height: 540px !important;
                min-height: 540px !important;
                max-height: 540px !important;
            }

            #related-products-container .all_program_image-container {
                height: 160px;
            }

            #related-products-container .all_program_content {
                height: calc(540px - 160px); /* Adjusted for smaller image height */
            }

            #related-products-container .program_title {
                font-size: 16px;
            }

            #related-products-container .program_des {
                font-size: 13px;
            }
        }

        /* Very small screens */
        @media (max-width: 320px) {
            #related-products-container .program_item {
                height: 420px !important;
                min-height: 420px !important;
                max-height: 420px !important;
            }

            #related-products-container .all_program_content {
                height: calc(420px - 160px);
                padding: 12px;
            }

            #related-products-container .program_title {
                font-size: 15px;
                margin: 8px 0;
            }

            #related-products-container .program_des {
                font-size: 12px;
            }
        }
    }

    /* RTL support - FIXED */
    [dir="rtl"] #related-products-container .swiper-slide {
        margin-right: 0 !important;
        margin-left: 35px !important;
    }

    @media (max-width: 380px) {
        [dir="rtl"] #related-products-container .swiper-slide {
            margin-left: 25px !important;
        }
    }

    @media (max-width: 320px) {
        [dir="rtl"] #related-products-container .swiper-slide {
            margin-left: 20px !important;
        }
    }

    [dir="rtl"] #related-products-container .program_item>a>img:last-child {
        right: auto;
        left: 10px;
    }

    /* Desktop: Always show cards (not carousel) */
    @media (min-width: 768px) {
        #related-products-container {
            opacity: 1 !important;
            visibility: visible !important;
        }

        #related-products-container .program_item {
            opacity: 1 !important;
            visibility: visible !important;
        }
    }    /* Import Cairo font for Arabic */
    @import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200;300;400;500;600;700;800;900&display=swap');
    
    /* Import Roboto font */
    @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
    
    /* Apply Cairo font to all Arabic content */
    body.rtl,
    body[dir="rtl"],
    .arabic,
    .custom_hero.arabic,
    .custom_hero.arabic * {
        font-family: 'Cairo', sans-serif !important;
    }
    
    /* Ensure all text elements in Arabic pages use Cairo */
    html[lang="ar"] body:has(single-product-sec),
    html[lang="ar"] body:has(single-product-sec) * {
        font-family: 'Cairo', sans-serif !important;
    }
    html[lang="ar"] .course-overview-content ul li,html[lang="ar"] *,html[lang="ar"] .lms-title,html[lang="ar"] .module-title,html[lang="ar"] .button-enroll,html[lang="ar"] .button-BROCHURE, html[lang="ar"] .column-content ul li,html[lang="ar"] .testimonial-text p,html[lang="ar"] .author-name,html[lang="ar"] .author-position ,html[lang="ar"] .stats-title , html[lang="ar"] .lms-heading,html[lang="ar"] .lms-heading,html[lang="ar"] .enroll-form-desktop button{
        font-family: 'Cairo', sans-serif !important;
    }
    html[lang="ar"] .testimonial-navigation {
        right: auto;
        left: 10px;
    }
    @media (max-width:1228px) {
        .single-product-detail{
            width: 100% !important;
        }
    }
    @media (max-width:768px)  {
        html[lang="ar"] .testimonial-navigation{
            left: -40%;
        }
        body.woocommerce .single-product-detail .container{
            padding-left: 0 !important;
            padding-right: 0 !important;

        }
    }
    html[lang="ar"] .testimonial-navigation button{
        transform: rotate(180deg);
    }
    html[lang="ar"] .explore-key-topics-content h3{
        font-weight: 400;
    }
       .custom_hero {
        background: linear-gradient(to right, rgba(11, 32, 69, 0.95), rgba(26, 93, 175, 0.38)), 
                    url(https://academy.tharwah.net/wp-content/uploads/2026/05/sustainable_bg.webp);
        background-size: cover;
        background-position: center;
    }
     .discount-reviews{
        display: flex;
        gap: 10px;
        align-items: center;
        padding:30px 0;
    }
    .discount-reviews .reviews{
        margin:0;
        background-color: #404D60;
        padding:5px 10px;
        border-radius: 20px;
        color: #fff;
        font-size: 14px;
        font-weight: 600;
        margin:0;
        display: flex;
    }
    .discount-status{
        width: 10px;
        height: 10px;
        background-color: #00F000;
        border-radius: 50%;
    }
    .discount-reviews .discount h6{
        padding:5px 10px;
        background-color: #2E8B2E;
        border-radius: 20px;
        color: #fff;
        font-size: 14px;
        font-weight: 600;
        margin:0;
        display: flex;
        align-items: center;
        gap: 5px;
    }
    /* Status-based discount colors */
    .discount-reviews .discount.status-active h6{
        background-color: #2E8B2E;
    }
    .discount-reviews .discount.status-active .discount-status{
        background-color: #00F000;
    }
    .discount-reviews .discount.status-completed h6{
        background-color: #1976D2;
    }
    .discount-reviews .discount.status-completed .discount-status{
        background-color: #64B5F6;
    }
    .discount-reviews .discount.status-upcoming h6{
        background-color: #FFA726;
    }
    .discount-reviews .discount.status-upcoming .discount-status{
        background-color: #FFD54F;
    }
    .discount-reviews .discount.status-on-hold h6{
        background-color: #757575;
    }
    .discount-reviews .discount.status-on-hold .discount-status{
        background-color: #BDBDBD;
    }
    /* Star rating styles */
    .star-rating {
        display: inline-flex;
        gap: 5px;
    }
    
    /* Arabic/RTL fixes for reviews section */

    
    .custom_hero.arabic .reviews {
        direction: ltr;
        gap: 5px;
    }
    
    .custom_hero.arabic .star-rating {
        direction: ltr;
    }
    
    .custom_hero.arabic .stars {
        direction: ltr;
        display: inline-flex !important;
    }
    .custom_hero .category span{
        background: transparent !important;
        color: #A6B9D4 !important;
        font-size: 12px !important;
        margin-top: 0px !important;
        padding: 0;
    }
    .custom_hero .container p{
        color: #A6B9D4 !important;
        font-size: 20px;
    }
    .program-summrry-section .container{
        display:flex;
        justify-content: space-between;
        align-items: center;
        gap: 20px;
        flex-wrap: wrap;
    }
    .program-summrry-section{
        margin-top: 50px;
    }
    .program-summrry-card {
        display: flex;
    flex-direction: row;
    align-content: flex-start;
    align-items: flex-start;
    gap: 10px;
    flex: 1;
    padding: 10px 10px;
    border: 1px solid #94A4BA;
        max-width: 250px;
        min-width: 205px;
        border-radius: 8px;
    }
    .program-summrry-card h6{
       margin: 0;
      font-size: 18px;
      color: #2E3948;
      font-weight: 500;
      line-height: 121%;
      font-family: 'Roboto', sans-serif;
    }
    .program-summrry-card p{
        color: #717E90;
    }
    .program-summrry-card div{
        display: flex;
    flex-direction: column;
    gap: 6px;
}
.program-summrry-card .img {
    border-radius: 50% !important;
    width: 35px;
    height: 35px;
    padding: 5px;
    background: #EFFAFF;
    display: flex;
    align-items: center;
    justify-content: center;
}
.program-summrry-card .img img{
    border-radius: 0 !important;
}
      .hero-links-sec{
        margin: 10px 0;
        position: relative;
        padding-bottom: 0;
    }
    .hero-links-sec::after {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 1px;
        background-color: #E5E7EB;
        width: 100vw;
        left: 77%;
        transform: translateX(-50%);
    }
    .hero-links-sec > div{
        display: flex;
        
        
    }
    .hero-links-sec a{
     font-size: 18px;
        font-weight: 700;
     color: #2E3948;
        padding: 25px;
     line-height: 120%;
     text-transform: uppercase;
     text-decoration: none;
     position: relative;
     transition: all 0.3s ease;
     cursor: pointer;
     pointer-events: auto;
     z-index: 1000;
     font-family: 'Cairo';
    }
    
    .hero-links-sec a:hover {
     color: #187FD3;
     background-color: rgba(24, 127, 211, 0.1);
    }
    
    .hero-links-sec a:hover::after,
    .hero-links-sec a.active::after {
     content: '';
     position: absolute;
     left: 0;
     right: 0;
     bottom: 0;
     height: 2px;
     background-color: #187FD3;
     width: 100%;
    }
    
    .hero-links-sec a.active {
     color: #187FD3;
     background-color: rgba(24, 127, 211, 0.1);
    }
    
    /* RTL Support for hero-links */
    html[dir="rtl"] .hero-links-sec a::after,
    html[lang="ar"] .hero-links-sec a::after {
        left: 0;
        right: 0;
    }
    
    html[dir="rtl"] .hero-links-sec > div,
    html[lang="ar"] .hero-links-sec > div {
        direction: rtl;
    }
    
    html[dir="rtl"] .hero-links-sec,
    html[lang="ar"] .hero-links-sec {
        text-align: right;
    }
    
      /* Hide hero-links-sec on mobile */
    @media (max-width: 768px) {
        .hero-links-sec {
            display: none;
        }
    }
	  .explore-key-topics-sec{
        margin-top: 50px;
    }
    
	    .explore-key-topics-sec .container{
        display: flex;
        justify-content: space-between;
        position: relative;
    }
    .explore-key-topics-content{
        background-color: #ECF5FF;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 50%;
		border-radius: 16px 0 0 16px;
        position: relative;
        overflow: hidden;
    }
    
    /* Dots styling for explore section */
    .explore-dots {
        position: absolute;
    bottom: 103px;
    right: -64px;
    width: 160px;
    height: 185px;
    background-image: url(https://academy.tharwah.net/wp-content/uploads/2025/07/Clip-path-group-1.svg);
    background-repeat: no-repeat;
    }
    
    .explore-dots-2 {
        position: absolute;
    top: 170px;
    left: -82px;
    width: 163px;
    height: 154px;
    background-image: url(https://academy.tharwah.net/wp-content/uploads/2025/07/Clip-path-group-1.svg);
    background-repeat: no-repeat;
    background-size: contain;
    }
    
    .explore-key-topics-video{
        width: 50%;
        position: relative;
        overflow: hidden;
    }
    .explore-key-topics-content h3{
        font-weight: 300;
        font-style: Light;
        font-size: 22px;
        leading-trim: NONE;
        line-height: 121%;
        letter-spacing: 0.5%;
		    padding: 0 30px;

    }
	 .explore-key-topics-video video{
        width: 100%;
		         border-radius:0 16px  16px 0;

    }
    .Certification-Badge-width{
        position: relative;
        height: -webkit-fill-available;
        overflow: hidden;
    }
.Certification-Badge-sec{
    display: none;
}
	    .Certification-Badge-sec .container{
        display: flex;
        justify-content: space-between;
        align-items: center;
        background-image: url("https://academy.tharwah.net/wp-content/uploads/2025/07/Banner-2.svg");
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
			margin-top:50px;
			  margin-top:50px;
        margin-bottom: 50px;
        border-radius: 16px;
			    padding-top: 30px;
                padding-left: 30px !important;
                padding-right: 30px !important;
}
.Certification-Badge-content,.Certification-Badge-logo{
    padding-bottom: 30px;
}
.Certification-Badge-content{
    width: 30%;
}


/* Desktop/Mobile visibility classes */
.desktop {
    display: block;
}

.mobile {
    display: none;
}

/* Show mobile on small screens */
@media (max-width: 768px) {
    .desktop {
        display: none !important;
    }
    
    .mobile {
        display: block !important;
    }
    
    .Certification-Badge-logo.mobile {
        display: flex !important;
    }
    .custom_hero .container h1{
        font-size: 24px !important;
    }
    .custom_hero{
        padding-bottom: 4em !important;
    }
}

.Certification-Badge-content a{
    width: 100%;
    height: 43px;
    font-weight: 400;
    font-style: Regular;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 142%;
    letter-spacing: -0.25%;
    text-align: center;
    color: #CFEEFE;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #FFFFFF;
    margin-top: 14px;
    border-radius: 15000px;
}
	.Certification-Badge-content h3{
    font-weight: 300;
    font-style: Light;
    font-size: 36px;
    leading-trim: NONE;
    line-height: 121%;
    letter-spacing: 0.5%;
	 max-width: 200px;
    color: #FFFFFF;
}
html .single-product-sec > .container {
    display: flex;
    justify-content: space-between;
    gap: 50px;
    max-width: 1608px !important;
    width: 90%;
    flex-wrap: wrap;
}

html .custom_hero > .container{
    max-width: 1608px !important;
    width: 90%;

}
.custom_hero .container h1{
    font-size: 36px;
}
.Certification-Badge-width img{
    width: 100%;
}
.single-product-detail{
     width: 60%;
}
/* Add responsive styles for program summary section */
@media (max-width: 992px) {
    .Certification-Badge-sec .container{
        flex-direction: column;
    }
    .Certification-Badge-content{
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .Certification-Badge-content a{
        max-width: 230px;
    }
    .Certification-Badge-width img{
        position: relative;
    }
    .Certification-Badge-content h3{
        text-align: center;
    }
	.custom_hero .container p{
        display: none;
    }
    .discount-reviews{
        flex-wrap: wrap;
    }
    .custom_hero .category span{
        font-size: 10px;
    }
    .single-product-Enroll-container h2{
        font-size: 22px;
    }
    .single-product-Enroll-container{
        padding: 20px;
    }
    .single-product-Enroll-container p{
        font-size: 14px;
    }
    .single-product-Enroll-container > h3{
        font-size: 22px;
        align-items: center;
    }
    .single-product-Enroll-alert{
        font-size: 14px;

    }
    .single-product-Enroll-button{
        gap: 10px;
        margin-bottom: 16px;
    }
    .program-summrry-section .container {
        flex-wrap: wrap;
        gap: 15px;
        justify-content: space-between;
    }
    
    .program-summrry-card {
        margin-bottom: 10px;
    }
    
    .single-product-sec > .container {
        flex-direction: column;
        gap: 30px;
    }
    
    .single-product-Enroll-section {
        width: 100%;
        margin-top: 30px;
        position: static;
    }
    
    .single-product-Enroll-container {
        position: static;
        width: 100%;
        max-width: 100%;
        min-width: auto;
    }
    
    .hero-links-sec > div {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
        scrollbar-width: none; /* Firefox */
        -ms-overflow-style: none; /* IE and Edge */
        padding-bottom: 5px;
    }
    
    .hero-links-sec > div::-webkit-scrollbar {
        display: none; /* Chrome, Safari, Opera */
    }
    
    .hero-links-sec a {
        display: inline-block;
        white-space: nowrap;
    }
    
    .explore-key-topics-sec .container {
        flex-direction: column;
    }
    
    .explore-key-topics-content,
    .explore-key-topics-video {
        width: 100%;
    }
    
    .explore-key-topics-content {
        border-radius: 16px 16px 0 0;
        padding: 30px 20px;
        text-align: center;
    }
    
    .explore-key-topics-video video {
        border-radius: 0 0 16px 16px;
    }
}

@media (max-width: 576px) {
    .Certification-Badge-sec .container{
        background: url("https://academy.tharwah.net/wp-content/uploads/2025/07/Frame-2085663567-1-1.svg");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center bottom;
        gap: 0px;
        height: 445px;
    }
    .Certification-Badge-width{
        display: none;
    }
    .Certification-Badge-content h3{
        width: 100%;
    }
    .Certification-Badge-logo{
        width: 100%;
        display: flex;
        justify-content: flex-end;
    }
    .program-summrry-section .container {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: stretch;
    }
	.single-product-detail .explore-key-topics-sec .container{
		padding-left:0 !important;
		padding-right:0 !important;
	}
	.single-product-detail .program-summrry-section .container{
		padding-left:0 !important;
		padding-right:0 !important;
		flex-wrap:no-wrap;
	}
    .program-summrry-card {
        max-width: 47%;  
        min-width: auto;   
    }
    
    .hero-links-sec a {
        padding: 15px 10px;
        font-size: 14px;
    }
    
    .explore-key-topics-content h3 {
        font-size: 22px;
    }
    .explore-key-topics-sec .container {
            display: flex;
            flex-direction: column;
        }
       
        .explore-key-topics-content {
            border-radius: 0 0 16px 16px !important;
        }
        .explore-key-topics-video video {
            border-radius: 16px 16px 0 0 !important;
        }
}

@media (max-width: 576px) {
    /* SVG sizing for mobile */
 
    
    /* Specific SVG sizing */
    .blue-tag-icon svg, 
    .rocket-icon svg, 
    .document-icon svg {
        width: 40px;
        height: 40px;
    }
  
}



.little-hero{
    display: none !important;
}
.hero-links-sec.sticky-hero-links .little-hero{
    display: flex !important;
    width: 100%;
    background: linear-gradient(90deg, #0C264A 41.38%, #83AABF 100%);

}
.little-hero .container{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    gap: 15px;
    padding: 20px 0;
    align-items: center;

}
.little-hero .container img{
    max-height: 50px;
    border-radius: 0 !important;
    object-fit: contain;
    background: white;
    padding: 5px;
}
.little-hero .container h3{
    font-weight: 700;
    font-style: Bold;
    font-size: 24px;
    leading-trim: NONE;
    line-height: 121%;
    letter-spacing: 0.5%;
    color: white;
    max-width: 500px;
}

/* Sticky state for hero-links-sec */
@media (min-width: 769px) {
  .hero-links-sec.sticky-hero-links {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100vw;
    z-index: 999;
    background: #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    margin: 0;
    padding-bottom: 0;
    animation: stickyFadeIn 0.2s;
  }
  @keyframes stickyFadeIn {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
  }
  /* Prevent layout shift by reserving space when sticky */
  .hero-links-placeholder {
    display: none;
    width: 100%;
    height: 0;
  }
  .hero-links-sec.sticky-hero-links + .hero-links-placeholder {
    display: block;
    height: var(--hero-links-height, 0px);
  }
}
        .explore-key-topics-sec{
            display: none;
        }
        .overview-signature{
            display: none !important;
        }
        .course-overview-card {
            border: 1px solid #94A4BA;
            border-radius: 16px;
            padding: 24px;
            margin-bottom: 40px;
            position: relative;
            overflow: hidden;
        }
        
        .course-overview-header {
            display: flex;
            align-items: center;
            margin-bottom: 25px;
            position: relative;
        }
        
        .blue-tag-icon {
            color: #3490dc;
            font-size: 24px;
            margin-right: 10px;
        }
        
        .course-overview-title {
            font-size: 30px;
            font-weight: 700;
            color: #2E3948;
            margin: 0;
            font-family: 'Roboto', sans-serif;
        }
        
        .course-overview-content {
            margin-bottom: 20px;
        }
        
        /* Style for dynamic content */
        .course-overview-content ul {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 5px;
            padding: 0;
            margin: 0;
            width: 100%;
            list-style: none;
        }
        
        .course-overview-content ul li {
            line-height: 130%;
            font-weight: 400;
            position: relative;
            padding-left: 25px;
            color: #424546;
            font-size: 20px;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            font-family: 'Roboto', sans-serif;
        }
        
        .course-overview-content ul li svg {
            position: absolute;
            left: 0;
            top: 8px;
        }
        
        .course-overview-content .list-item {
            position: relative;
            padding-left: 25px;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
        }
        
        .course-overview-content .list-item svg {
            position: absolute;
            left: 0;
            top: 8px;
        }
      
        
        .overview-signature {
            margin-top: 20px;
            font-style: italic;
            color: #666;
            border-top: 1px solid #eee;
            padding-top: 20px;
        }
        
        /* RTL Support */
        html[dir="rtl"] .blue-tag-icon {
            margin-right: 0;
            margin-left: 10px;
        }
        
        html[dir="rtl"] .course-overview-content ul li {
            padding-left: 0;
            padding-right: 25px;
        }
        
        html[dir="rtl"] .course-overview-content ul li svg,
        html[dir="rtl"] .column-content ul li svg,
        html[dir="rtl"] .column-content p svg {
            left: auto;
            right: 0;
            transform: scaleX(-1);
        }
        
     
        
        /* Mobile styles */
        @media (max-width: 768px) {
            .single-product-sec > .container{
                gap: 0 !important;
            }
            .program-summrry-card h6{
                font-size: 16px !important;
            }
            .course-overview-content ul {
                grid-template-columns: 1fr;
                font-size: 16px;
            }
            .course-overview-card {
                padding: 16px;
            }
            
            .course-overview-title {
                font-size: 26px;
            }
             .course-overview-content ul li{
                font-size: 16px;
                margin-bottom: 0px;
            }
            .course-overview-content ul{
                gap: 0px;
            }
            
           
            
            .blue-tag-icon {
                width: 40px;
                height: 40px;
            }

        }
        .why-take-course-card {
            border: 1px solid #94A4BA;
            border-radius: 16px;
            padding: 24px;
            margin-bottom: 40px;
            position: relative;
            overflow: hidden;
        }
        
        .why-take-course-header {
            display: flex;
            align-items: center;
            margin-bottom: 25px;
            position: relative;
        }
        
        .rocket-icon {
            color: #3490dc;
            font-size: 24px;
            margin-right: 10px;
        }
        
        .why-take-course-title {
            font-size: 30px;
            font-weight: 700;
            color: #2E3948;
            margin: 0;
            line-height: 121%;
            font-family: 'Roboto', sans-serif;
        }
        
        .why-take-course-content {
            display: flex;
            justify-content: space-between;
            gap: 30px;
        }
        
        .why-take-course-column {
            flex: 1;
        }
        
        .column-title {
            font-size: 24px;
            font-weight: 600;
            color: #2E3948;
            margin-top: 0;
            margin-bottom: 15px;
            line-height: 121%;
        }
        
        .column-content {
            color: #444;
        }
        
        /* Style for dynamic content */
        .column-content ul {
            padding: 0;
            margin: 0;
            list-style: none;
        }
        
        .column-content ul li {
            position: relative;
            padding-left: 25px;
            margin-bottom: 15px;
            color: #424546;
            font-size: 20px;
            line-height: 130%;
            font-weight: 400;
            font-family: 'Roboto', sans-serif;
        }
        
        .column-content ul li svg {
            position: absolute;
            left: 0;
            top: 8px;
        }
        
        .column-content p {
            position: relative;
            padding-left: 25px;
            margin-bottom: 15px;
            font-size: 20px;
            line-height: 162%;
        }
        
        .column-content p svg {
            position: absolute;
            left: 0;
            top: 8px;
        }
        
        /* RTL Support */
        html[dir="rtl"] .rocket-icon {
            margin-right: 0;
            margin-left: 10px;
        }
        
        html[dir="rtl"] .column-content ul li {
            padding-left: 0;
            padding-right: 25px;
        }
        
        html[dir="rtl"] .column-content p {
            padding-left: 0;
            padding-right: 25px;
        }
        
        html[dir="rtl"] .column-content ul li:before,
        html[dir="rtl"] .column-content p:before {
            left: auto;
            right: 0;
            transform: scaleX(-1);
        }
        
        /* Mobile styles */
        @media (max-width: 768px) {
            .single-product-Enroll-button{
                gap: 18px !important;
            }
            .why-take-course-content {
                flex-direction: column;
                gap: 25px;
            }
            .why-take-course-card{
                padding: 16px;
            }
            .why-take-course-title{
                font-size: 26px;
            }
            .column-title{
                font-size: 20px;
            }
             .column-content ul li{
                font-size: 16px;
            }
        }
    .banner-academy-product{
        width: 100%;
        margin-bottom: 40px;
    }
    .banner-academy-product-image.desktop{
        width: 100%;
        object-fit: cover;
    }
    .banner-academy-product-image.mobile{
        width: 100%;
        object-fit: cover;
        display: none;
    }
    @media (max-width:768px) {
        .banner-academy-product-image.mobile{
            display: block;
        }
        .banner-academy-product-image.desktop{
            display: none;
        }
    }
.course-outline {
    margin-bottom: 40px;
}

.course-outline-card {
    border: 1px solid #94A4BA;
    border-radius: 16px;
    padding: 24px;
    overflow: hidden;
}

.course-outline-header {
    display: flex;
    align-items: center;
    margin-bottom: 25px;
    position: relative;
}

.document-icon {
    color: #3490dc;
    margin-right: 10px;
}

.course-outline-title {
    font-size: 30px;
    font-weight: 700;
    color: #2E3948;
    margin: 0;
    font-family: 'Roboto', sans-serif;
    line-height: 121%;
}

.outline-modules {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.module-item {
    border-radius: 8px;
    overflow: hidden;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.module-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.module-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
    background-color: #FAFBFB;
    cursor: pointer;
    border-radius: 8px;
    gap: 10px;
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

.module-header:hover {
    background-color: #f0f4f8;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.module-title {
    font-size: 20px;
    font-weight: 400;
    color: #2E3948;
    line-height: 140%;
    font-family: 'Roboto', sans-serif;
}

.module-number {
    font-weight: 400;
    color: #2E3948;
}

.toggle-btn {
  
    color: #000000;
    font-size: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: transform 0.3s ease;
}

.module-content {
    max-height: 0;
    overflow: hidden;
    padding: 0 20px;
    border-top: 1px solid #f0f0f0;
    transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1), 
                padding 0.4s cubic-bezier(0.4, 0, 0.2, 1), 
                opacity 0.3s ease;
    opacity: 0;
}

.module-item.active .toggle-btn {
    transform: rotate(45deg);
}

.module-item.active .module-content {
    max-height: 1000px;
    padding: 0 20px 15px;
    opacity: 1;
}

.module-content ul {
    list-style-type: disc;
    padding-left: 20px;
    margin: 10px 0 0;
}

.module-content li {
    margin-bottom: 8px;
    font-size: 14px;
    color: #666;
}

/* RTL support */
html[dir="rtl"] .document-icon {
    margin-right: 0;
    margin-left: 10px;
}

html[dir="rtl"] .module-content ul {
    padding-left: 0;
    padding-right: 20px;
}

@media (max-width: 768px) {
    .course-outline-card {
        padding: 20px;
    }
    .course-outline-title {
        font-size: 26px;
    }
    .module-title{
        font-size: 16px;
    }
    .toggle-btn {
        font-size: 25px;
    }

}
            .testimonials {
                margin-bottom: 40px;
            }

            .testimonials-card {
                border: 0.5px solid #187FD3;
                border-radius: 8px;
                background-color: #F0F8FC66;
                padding: 30px;
            }

            .testimonials-slider {
                position: relative;
                overflow: hidden;
            }

            .testimonials-slider-container {
                position: relative;
                height: 100%;
            }

            .testimonials-header {
                display: flex;
                align-items: center;
                margin-bottom: 25px;
                position: relative;
            }

            .quote-icon {
                color: #3490dc;
                margin-right: 10px;
            }


            .testimonials-slide {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                opacity: 0;
                visibility: hidden;
                transition: all 0.6s ease-in-out;
                transform: translateX(50px);
                pointer-events: none;
                z-index: 1;
            }

            .testimonials-slide.active {
                position: relative;
                opacity: 1;
                visibility: visible;
                transform: translateX(0);
                pointer-events: auto;
                z-index: 10;
            }

            .testimonials-slide.prev {
                transform: translateX(-50px);
                opacity: 0;
                visibility: hidden;
                z-index: 5;
            }

            .testimonial-content {
                position: relative;
                padding: 0 20px;
                display: flex;
                flex-direction: column;
                justify-content: space-between;
            }

            .testimonial-text {
                position: relative;
                margin-bottom: 25px;
            }

            .testimonial-text {
                padding: 0 50px;
            }
            
            .quote-start {
                position: absolute;
                left: 0;
                top: 10px;
            }
            
            .quote-end {
                position: absolute;
                right: 0;
                bottom: -10px;
            }

            .testimonial-text p {
                font-weight: 400;
                font-size: 16px;
                line-height: 170%;
                color: #2E3948;
                margin-bottom: 0;
                font-family: 'Roboto', sans-serif;
            }

            .testimonial-author {
                display: flex;
                align-items: center;
                margin-top: 20px;
            }

            .author-avatar {
                width: 60px;
                height: 60px;
                border-radius: 50%;
                overflow: hidden;
                margin-right: 15px;
                background-color: #e6e6e6;
                display: flex;
                align-items: center;
                justify-content: center;
                border: 1px solid #ddd;
            }

            .author-avatar img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }

            .default-avatar {
                width: 40px;
                height: 40px;
                color: #555;
            }

            .author-info {
                flex: 1;
            }

            .author-name {
                font-size: 22px;
                font-weight: 500;
                color: #2E3948;
                margin: 0 0 5px;
                line-height: 120%;
                font-family: 'Roboto', sans-serif;
            }

            .author-position {
                font-size: 13px;
                color: #2E3948;
                margin: 0;
                line-height: 125%;
                font-weight: 400;
                font-family: 'Roboto', sans-serif;
            }

            .testimonial-navigation {
                position: absolute;
                z-index: 25;
    bottom: 40px;
    right: 10px;
                display: flex;
                justify-content: flex-end;
                gap: 25px;
                margin-top: 15px;
            }
            .testimonials-slide.prev{
                display: none !important;
            }

            .nav-prev, .nav-next {
               
                display: flex;
                align-items: center;
                justify-content: center;
                cursor: pointer;
                transition: all 0.3s ease;
            }
            
            .nav-prev:hover, .nav-next:hover {
                border-color: #3490dc;
                background-color: #f5f9ff;
                transform: scale(1.1);
            }
            
            .nav-prev:active, .nav-next:active {
                transform: scale(0.95);
            }

            /* RTL Support */
            html[dir="rtl"] .quote-icon {
                margin-right: 0;
                margin-left: 10px;
            }

            html[dir="rtl"] .quote-start {
                left: auto;
                right: 0;
                transform: scaleX(-1);
            }

            html[dir="rtl"] .quote-end {
                right: auto;
                left: 0;
                transform: scaleX(-1);
            }

            html[dir="rtl"] .author-avatar {
                margin-right: 0;
                margin-left: 15px;
            }

            html[dir="rtl"] .testimonial-navigation {
                justify-content: flex-start;
            }

            /* Mobile Styles */
            @media (max-width: 768px) {
                .testimonials-card {
                    padding: 20px 15px;
                }
                
                .testimonials-slider {
                    min-height: 350px;
                }
                
                .testimonial-content {
                    min-height: 300px;
                }

                .author-avatar {
                    width: 50px;
                    height: 50px;
                }

                .quote-start,
                .quote-end {
                    width: 30px;
                    height: 24px;
                }
                .testimonial-content{
                    padding: 5px;
                }
                .testimonial-text p {
                    font-size: 16px;
                }
                .author-name{
                    font-size: 20px;
                }
                .author-position{
                    font-size: 14px;
                }
                .testimonial-navigation{
                    justify-content: center;
                    position: relative;
                    bottom: 0px;
                }
                .testimonial-text{
                    padding: 0 34px;
                }
            }
        .academy-stats {
            margin-bottom: 40px;
        }
        
        .academy-stats-card {
           
        }
        
        .academy-stats-content {
            display: flex;
            flex-wrap: wrap;
            gap: 30px;
        }
        
        .academy-stats-left {
            flex: 1;
            min-width: 300px;
            padding-right: 20px;
        }
        
        .stats-subtitle {
            font-size: 16px;
            font-weight: 400;
            color: #187FD3;
            margin: 0 0 15px;
            line-height: 121%;
            font-family: 'Roboto', sans-serif;
        }
        
        .stats-title {
            font-size: 32px;
            font-weight: 300;
            color: #2E3948;
            margin: 0 0 20px;
            line-height: 121%;
            font-family: 'Roboto', sans-serif;
        }
        
        .stats-description {
            font-weight: 400;
            font-size: 20px;
            line-height:162%;
            color: #424546;
            margin: 0;
            font-family: 'Roboto', sans-serif;
        }
        
        .academy-stats-right {
            flex: 2;
            min-width: 300px;
        }
        
        .stats-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 20px;
        }
        
        .stats-box {
            background-color: #ECF5FF;
            border-radius: 18.44px;
            padding: 25px;
            display: flex;
            flex-direction: column;
        }
        
        .stats-box-wide {
            grid-column: span 2;
        }
        
        .stats-number {
            font-size: 55px;
            font-weight: 300;
            color: #187FD3;
            margin-bottom: 10px;
            line-height: 121%;
        }
        
        .stats-label {
            font-size: 22.13px;
            color: #1B3B68;
            font-weight: 400;
            line-height: 121%;
        }
        
        /* RTL Support */
        html[dir="rtl"] .academy-stats-left {
            padding-right: 0;
            padding-left: 20px;
        }
        
        /* Mobile Styles */
        @media (max-width: 992px) {
            .academy-stats-content {
                flex-direction: column;
            }
            
            .academy-stats-left, 
            .academy-stats-right {
                width: 100%;
                padding: 0;
            }
            
            .stats-title {
                font-size: 28px;
            }
            .stats-subtitle{
                font-size: 18px;
            }
            .stats-description{
                font-size: 20px;
            }
        }
        
        @media (max-width: 576px) {
            .stats-grid {
                grid-template-columns: repeat(2, 1fr);
                gap: 10px;
            }
            
            .stats-box-wide {
                grid-column:span 2;
            }

   .academy-stats-content {
                flex-direction: column;
            }
            
            .academy-stats-left, 
            .academy-stats-right {
                width: 100%;
            }
            
            .stats-grid {
                display: grid;
                grid-template-columns: repeat(2, 1fr);
                gap: 10px;
            }
            
            .stats-box {
                background-color: #ECF5FF;
                border-radius: 10px;
                padding: 15px;
                text-align: left;
                height: auto;
            }
            html[lang="ar"] .stats-box{
                text-align: right;
            }
            .stats-number {
                font-size: 38px;
                margin-bottom: 0;
                line-height: 1;
            }
            
            .stats-label {
                font-size: 15px;
                margin-top: 5px;
            }
            
            .stats-box-wide {
                display: flex;
                flex-direction: row;
                align-items: center;
                justify-content: flex-start;
                gap: 10px;
            }
            
            .stats-box-wide .stats-number {
                margin-bottom: 0;
                margin-right: 5px;
            }
        }

        /* Counter animation */
        .stats-number {
            transition: all 0.3s ease;
        }
        
        .stats-number.counting {
            transform: scale(1.05);
        }
        .lms-banner {
            margin-bottom: 40px;
        }
        
        .lms-banner-card {
            width: 100%;
            height: 400px;
            display: flex;
            flex-wrap: wrap;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        }
        
        .lms-banner-left {
            flex: 1;
            background: #F5F8FA url('https://academy.tharwah.net/wp-content/uploads/2025/07/LMS-1.png') center center/cover no-repeat;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: flex-start;
            padding: 32px;
            min-width: 340px;
            position: relative;
        }
        .lms-devices { display: none; }
        
        .lms-logo {
            position: absolute;
            top: 15px;
            left: 18px;
            max-width: 120px;
        }
        
        .lms-logo img {
            max-width: 100%;
            height: auto;
        }
        
        .lms-devices {
            width: 100%;
            max-width: 500px;
            margin: 0 auto;
            text-align: center;
        }
        
        .lms-devices-img {
            width: 100%;
            height: auto;
            max-height: 400px;
            object-fit: contain;
        }
        
        .lms-banner-right {
            flex: 1;
            min-width: 300px;
            background-color: #0f69b4;
            padding: 40px;
            position: relative;
            overflow: hidden;
            color: white;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
        
        .lms-title {
            font-size: 22px;
            font-weight: 400;
            margin: 0 0 20px;
            color: #FFFFFF;
            line-height: 121%;
           font-family: 'Roboto', sans-serif;
        }
        
        .lms-heading {
            font-size: 45px;
            line-height: 121%;
            font-weight: 300;
            margin: 0 0 30px;
            color: #FFFFFF;
            font-family: 'Roboto', sans-serif;
        }
        
        .lms-button-wrapper {
            margin-top: 20px;
           
        }
        
        .lms-button {
            height: 58px;
            width: 255px;
            background-color: #FFFFFF;
            color: #187FD3;
            padding: 12px 30px;
            border-radius: 30px;
            font-size: 16px;
            font-weight: 600;
            transition: all 0.3s ease;
            line-height: 120%;
            font-family: 'Cairo', sans-serif;
            display: flex;
            justify-content: space-around;
            align-items: center;
            text-decoration: none;
        }
        
        .lms-button:hover {
            background-color: #f0f7ff;
            transform: translateY(-2px);
        }
        
        .lms-dots {
            position: absolute;
            top: 0;
            right: 0;
            width: 100%;
            height: 100%;
            background-image: url("https://academy.tharwah.net/wp-content/uploads/2025/07/Clip-path-group-1.svg");
           background-repeat: no-repeat;
            pointer-events: none;
            background-position-x: -59%;
            background-position-y: 145%;
        }
        .lms-dots-2 {
            position: absolute;
            top: 0;
            right: 0;
            width: 100%;
            height: 100%;
            background-image: url("https://academy.tharwah.net/wp-content/uploads/2025/07/Clip-path-group-1.svg");
           background-repeat: no-repeat;
            pointer-events: none;
            background-position-x: 146%;
            background-position-y: -37%;
        }
        
        /* RTL Support */
        html[dir="rtl"] .lms-logo {
            left: auto;
            right: 30px;
        }
        
        /* Mobile Styles */
        @media (max-width: 992px) {
            .lms-banner-card {
                flex-direction: column;
            }
            
            .lms-banner-left,
            .lms-banner-right {
                width: 100%;
            }
            
            .lms-heading {
                font-size: 28px;
            }
            
            .lms-devices {
                padding: 30px 0 0;
                max-width: 400px;
            }
        }

        @media (max-width: 768px) {
            body.woocommerce.single-product .single-product-sec .container{
                padding-left: 0 !important;
                padding-right: 0 !important;
            }
            .lms-banner-card {
                flex-direction: column;
                width: 100%;
                height: 662px;
                border-radius: 16px;
                margin: 0 auto;
                overflow: hidden;
            }

            .lms-dots {
                background-position-x: -101%;
                background-position-y: 185%;
            }
            .lms-dots-2 {
                background-position-x: 199%;
                background-position-y: -37%;
            }
            
            .lms-banner-left {
                width: 100%;
                min-height: 337px;
                display: flex;
                align-items: center;
                justify-content: center;
                padding: 0;
            }
            
            .lms-devices-img {
                width: 403px;
                height: 337px;
                object-fit: cover;
                object-position: center;
            }
            
            .lms-banner-right {
                flex: 1;
                padding: 24px;
                text-align: left;
            }
            
            .lms-title {
                font-size: 18px;
                margin-bottom: 8px;
            }
            
            .lms-heading {
                font-size: 28px;
                line-height: 1.3;
                margin-bottom: 24px;
            }
            
            .lms-button {
                width: 100%;
                text-align: center;
                padding: 16px;
                border-radius: 30px;
                font-size: 16px;
            }
        }

        .single-product-contact{
            margin:50px 0;
        }
        .single-product-contact h4{
            font-size: 32px;
            font-weight: 300;
            color: #2E3948;
            margin: 0 0 20px;
            line-height: 121%;
            margin-bottom:20px;
        }
    /* FAQ Section - Exact Homepage Style Match */
    .single-product-faq.faq {
        padding: 80px 0;
        background-color: #F8FBFE;
    }
    
    @media (min-width: 1024px) {
        .single-product-faq.faq {
            padding-bottom: 34px;
        }
    }
    
    .single-product-faq .faq-title {
        text-align: center;
        margin-bottom: 0;
        font-size: 48px;
        color: #2E3948;
        font-weight: 700;
        line-height: 1.2;
        letter-spacing: -0.02em;
    }
    
    .single-product-faq .faq-title span {
        color: #187FD3;
        font-weight: 700;
        white-space: nowrap; /* prevent line break */
    }
    
    .single-product-faq .faq-list {
        width: 100%;
        display: grid;
        gap: 16px;
        margin-top: 40px;
        max-width: 1200px;
        margin-left: auto;
        margin-right: auto;
    }
    
    .single-product-faq .faq-item {
        width: 100%;
        padding: 16px 24px;
        background-color: rgba(46, 57, 72, .05);
        border-radius: 0 12px 0 12px;
        cursor: pointer;
        transition: all 0.3s ease;
    }
    
    @media (min-width: 1024px) {
        .single-product-faq .faq-item {
            padding: 28px 40px;
        }
    }
    
    .single-product-faq .faq-item__question {
        display: flex;
        justify-content: space-between;
        align-items: center;
        cursor: pointer;
    }
    
    .single-product-faq .faq-item__question-text {
        font-size: 16px;
        line-height: 1.3 !important;
        letter-spacing: -.1px;
        color: #2E3948;
        font-weight: 400;
        flex: 1;
        padding-right: 20px;
    }
    
    @media (min-width: 1024px) {
        .single-product-faq .faq-item__question-text {
            font-size: 22px;
            line-height: 1.3;
            letter-spacing: -.2px;
        }
    }
    
    .single-product-faq .faq-item__question-icon {
        width: 24px;
        height: 24px;
        position: relative;
        flex-shrink: 0;
    }
    
    .single-product-faq .faq-item__question-icon:before,
    .single-product-faq .faq-item__question-icon:after {
        content: '';
        position: absolute;
        background: #187FD3;
        transition: all 0.3s ease;
    }
    
    .single-product-faq .faq-item__question-icon:before {
        width: 100%;
        height: 2px;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
    }
    
    .single-product-faq .faq-item__question-icon:after {
        width: 2px;
        height: 100%;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
    }
    
    .single-product-faq .faq-item.active .faq-item__question-icon:after {
        transform: translateX(-50%) rotate(90deg);
        opacity: 0;
    }
    
    .single-product-faq .faq-item__answer {
        font-size: 12px;
        line-height: 1.3;
        letter-spacing: -.1px;
        color: rgba(46, 57, 72, .6);
        font-weight: 400;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease;
    }
    
    @media (min-width: 1024px) {
        .single-product-faq .faq-item__answer {
            font-size: 16px;
            line-height: 1.3;
        }
    }
    
    .single-product-faq .faq-item__answer_inner {
        padding-top: 24px;
        line-height:1.5;

    }
    
    /* RTL Support */
    html[dir="rtl"] .single-product-faq .faq-item__question-text {
        padding-right: 0;
        padding-left: 20px;
    }
    
    /* Mobile Responsive - Exact Match */
    @media (max-width: 768px) {
        .single-product-faq.faq {
            padding: 60px 0 40px;
        }
        
        .single-product-faq .faq-title {
            font-size: 32px;
            margin-bottom: 30px;
        }
        
        .single-product-faq .faq-list {
            margin-top: 30px;
        }
        
        .single-product-faq .faq-item {
            padding: 16px 24px;
        }
        
        .single-product-faq .faq-item__question-text {
            font-size: 16px;
            line-height: 1.3;
            letter-spacing: -.1px;
        }
        
        .single-product-faq .faq-item__answer {
            font-size: 12px;
            line-height: 1.3;
            letter-spacing: -.1px;
        }
    }
        /* Desktop Styles */
        .tharwah-course-pricing {
            background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);
            border: 1px solid #0ea5e9;
            border-radius: 8px;
            padding: 10px 14px;
            margin: 15px 0;
            display: flex;
            align-items: center;
            gap: 10px;
            font-size: 20px;
        }
        
        .tharwah-price-wrapper {
            display: flex;
            align-items: center;
            gap: 8px;
        }
        
        /* Mobile Styles */
        @media (max-width: 768px) {
            .tharwah-course-pricing {
                display: flex;
                align-items: baseline;
                gap: 10px;
                font-size: 16px;
                margin: 15px 0;
            }
            
            .tharwah-special-label {
                font-size: 14px !important;
                color: #4b5563 !important;
                white-space: nowrap;
            }
            
            .tharwah-price-wrapper {
                display: flex;
                align-items: center;
                gap: 8px;
            }
            
            .tharwah-original-amount {
                font-size: 14px !important;
            }
            
            .tharwah-sale-amount {
                font-size: 20px !important;
            }
            
            .tharwah-sale-amount img {
                height: 18px !important;
            }
            
            .tharwah-discount-tag {
                font-size: 10px !important;
                padding: 2px 6px !important;
                margin-left: 8px !important;
            }
            
            .tharwah-course-label {
                display: inline-block;
                margin-right: 10px;
            }
        }
        
        /* RTL support for Arabic */
        html[lang="ar"] .tharwah-course-pricing {
            direction: rtl;
        }
        
        @media (max-width: 768px) {
            html[lang="ar"] .tharwah-course-label {
                margin-right: 0;
                margin-left: 10px;
            }
        }
    .single-product-Enroll-section{

        position: relative;
        z-index: 999;
    }
    .single-product-Enroll-container{
        height: auto;
        border: 1px solid #94A4BA;
        background: #FFFFFF;
        padding: 30px;
        border-radius: 16px;
        position: relative; /* Changed from absolute */
        width: 100%; /* Changed from min-width */
        max-width: 522px; /* Added max-width instead of min-width */
        transition: all 0.3s ease;
        top: -200px;
    }
    
    /* New sticky styles */
    .single-product-Enroll-container.sticky-enroll {
        position: fixed;
        top: 20px; /* Distance from top when sticky */
        z-index: 1050; /* Higher z-index to appear above other elements */
        width: inherit; /* Preserve the width when sticky */
        max-width: 522px;
        width: 100%;
    }
    
    .enroll-placeholder {
        display: none;
        height: 0;
        width: 100%;
        max-width: 522px;
    }

    /* Keep the placeholder visible when the container is sticky */
    .enroll-placeholder.active {
        display: block;
    }
    
    .single-product-Enroll-container h2{
        font-weight: 700;
        font-style: Bold;
        font-size: 30px;
        leading-trim: NONE;
        line-height: 121%;
        letter-spacing: 0.5%;
        color: #2E3948;
        margin-bottom: 8px;
    }
    .single-product-Enroll-container > h3{
        padding: 15px;
        font-weight: 700;
        font-style: Bold;
        font-size: 24px;
        leading-trim: NONE;
        line-height: 121%;
        letter-spacing: 0.5%;
        color: #2E3948;
        border: 0.5px solid #0076BE;
        background-color: #F0F8FC66;
        border-radius: 10px;
        display: flex;
        margin-bottom: 8px;
    }
    .single-product-Enroll-container h3 span{
    font-weight: 400;
    font-style: Regular;
    font-size: 24px;
    leading-trim: NONE;
    line-height: 121%;
    letter-spacing: 0.5%;
        color: #2E3948;
        margin: 0 5px;
    }
    .single-product-Enroll-container p{
    font-weight: 400;
    font-style: Regular;
    font-size: 20px;
    leading-trim: NONE;
    line-height: 142%;
    letter-spacing: -0.25%;
        color: #2E3948BF;
        margin-bottom: 8px;
    }
    .single-product-Enroll-alert{
        font-weight: 500;
        font-style: Medium;
        font-size: 16px;
        leading-trim: NONE;
        line-height: 142%;
        letter-spacing: -0.25%;
        text-decoration: underline;
        text-decoration-style: solid;
        text-decoration-offset: 0%;
        text-decoration-thickness: 0%;
        color: #187FD3;
        display: flex;
        gap: 6px;
       margin: 18px 0;
    }

  @media (max-width: 1650px) {
        .single-product-Enroll-container{
            transition: none;
    width: 434px;
    height: fit-content;

        }
    }
    @media (max-width:1360px) {
        .single-product-Enroll-container{
            transition: none;
    width: 360px;
    height: fit-content;

        }
    }
    
    /* Date input styles to match WooCommerce design */
    .single-product-Enroll-date {
        margin-top: 20px;
    }
    
    .date-input-wrapper {
        position: relative;
        display: flex;
        align-items: center;
        width: 100%;
        height: 56px;
        background: #FFFFFF;
        border: 1px solid #E5E7EB;
        border-radius: 12px;
        padding: 0 16px;
        cursor: pointer;
        transition: border-color 0.15s ease, box-shadow 0.15s ease;
        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
        z-index: 99999;
        -webkit-tap-highlight-color: transparent; /* Remove iOS tap highlight */
        -webkit-touch-callout: none; /* Disable callout on long-press */
        user-select: none; /* Prevent text selection */
        will-change: border-color;
    }
    
    .date-input-wrapper:hover {
        border-color: #187FD3;
        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
        transform: translateY(-1px);
    }
    
    .date-input-wrapper:focus-within {
        border-color: #187FD3;
        box-shadow: 0 0 0 4px rgba(24, 127, 211, 0.15), 0 4px 6px -1px rgba(0, 0, 0, 0.1);
        transform: translateY(-1px);
    }
    
    .date-input-wrapper .calendar-icon {
        width: 20px;
        height: 20px;
        margin-right: 12px;
        flex-shrink: 0;
        border-radius: 0 !important;
    }
    
    
    /* Custom dropdown display */
    .custom-select-display {
        flex: 1;
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        color: #111827;
        cursor: pointer;
    }
    
    .selected-value {
        color: #111827;
    }
    

    
    /* Custom options wrapper */
    .custom-options-wrapper {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        margin-top: 4px;
        background: #FFFFFF;
        border: 1px solid #E5E7EB;
        border-radius: 12px;
        box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
        display: none;
        opacity: 0;
        visibility: hidden;
        transform: translateY(-10px);
        transition: opacity 0.15s ease, visibility 0.15s ease, transform 0.15s ease;
        z-index: 9999; /* High z-index for iOS */
        max-height: 280px;
        overflow: hidden;
        -webkit-overflow-scrolling: touch; /* Smooth scrolling on iOS */
        will-change: opacity, transform;
    }
    
    .date-input-wrapper.open .custom-options-wrapper,
    #custom-dropdown.open .custom-options-wrapper {
        display: block !important;
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }
    
    .custom-options , .options {
        max-height: 280px;
        overflow-y: auto;
        padding: 8px;
    }
    
    /* Beautiful custom option styling */
    .custom-option ,.option {
        padding: 12px 16px;
        margin: 4px 0;
        font-size: 15px;
        line-height: 22px;
        color: #374151;
        background: #FFFFFF;
        border-radius: 8px;
        cursor: pointer;
        transition: background 0.15s ease, color 0.15s ease;
        position: relative;
        -webkit-tap-highlight-color: transparent; /* Remove iOS tap highlight */
        -webkit-touch-callout: none; /* Disable callout on long-press */
        user-select: none; /* Prevent text selection */
        overflow: hidden;
        will-change: background-color;
    }
    
    .custom-option:hover ,.option:hover{
        background: linear-gradient(to right, #EBF8FF 0%, #DBEAFE 100%);
        color: #187FD3;
        transform: translateX(4px);
        font-weight: 500;
    }
    
    .custom-option.selected ,.option.selected {
        background: linear-gradient(to right, #187FD3 0%, #1E6BB8 100%);
        color: #FFFFFF;
        font-weight: 600;
        padding-left: 40px;
    }
    
    .custom-option.selected::before ,.option.selected::before{
        content: '✓';
        position: absolute;
        left: 16px;
        color: #FFFFFF;
        font-weight: bold;
        font-size: 16px;
    }
    
    .custom-option.disabled {
        color: #9CA3AF;
        background: #F9FAFB;
        font-style: italic;
        cursor: not-allowed;
        opacity: 0.7;
    }
    
    .custom-option.disabled:hover {
        background: #F9FAFB;
        transform: none;
        color: #9CA3AF;
        font-weight: 400;
    }
    
    /* Custom scrollbar */
    .custom-options::-webkit-scrollbar {
        width: 6px;
    }
    
    .custom-options::-webkit-scrollbar-track {
        background: #F3F4F6;
        border-radius: 3px;
    }
    
    .custom-options::-webkit-scrollbar-thumb {
        background: #D1D5DB;
        border-radius: 3px;
    }
    
    .custom-options::-webkit-scrollbar-thumb:hover {
        background: #9CA3AF;
    }
    
    
    .dropdown-arrow {
        width: 20px;
        height: 20px;
        margin-left: 12px;
        flex-shrink: 0;
        transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);
        pointer-events: none;
        will-change: transform;
        backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
    }
    
    .dropdown-arrow path {
        stroke: #6B7280;
        transition: stroke 0.3s ease;
    }
    
    .date-input-wrapper:hover .dropdown-arrow path {
        stroke: #187FD3;
    }
    
    .date-input-wrapper:focus-within .dropdown-arrow path {
        stroke: #187FD3;
    }
    
    .date-input-wrapper.open .dropdown-arrow {
        transform: rotate(180deg);
    }
    .single-product-Enroll-button{
        margin-top: 18px;
        display: flex;
        flex-direction: column;
        gap: 38px;
        margin-bottom: 38px;
    }
    
    .single-product-Enroll-button button.button-enroll{
        border-radius: 15000px;
        width: 100%;
        height: 68px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 400;
        font-style: SemiBold;
        font-size: 16px;
        leading-trim: NONE;
        line-height: 120%;
        letter-spacing: 0%;
        text-transform: uppercase;
        background:  #0f69b4;
        color:#fff;
        border: 1px solid #0A4678;
    }
    body:has(.show-burgermenu) .single-product-Enroll-container,body:has(.show-burgermenu) .hero-links-sec ,body:has(.show-burgermenu) .mobile-sticky-enroll{
        display: none;
    }
    .button-BROCHURE{
        border-radius: 15000px;
        width: 100%;
        height: 68px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid #187FD3;
        gap: 6px;
        font-weight: 400;
        font-style: SemiBold;
        font-size: 16px;
        leading-trim: NONE; 
        line-height: 120%;
        letter-spacing: 0%;
        text-transform: uppercase;
        color: #111827 !important;
    }
    .single-product-Enroll-accreditations{
        padding: 15px;
        border: 0.5px solid #0076BE;
        background-color: #F0F8FC66;
        border-radius: 16px;
    }
    
    /* Location Select Styles - Matching Date Select */
    .single-product-Enroll-location {
        margin-top: 20px;
    }
    
    .location-input-wrapper {
        position: relative;
        display: flex;
        align-items: center;
        width: 100%;
        height: 56px;
        background: #FFFFFF;
        border: 1px solid #E5E7EB;
        border-radius: 12px;
        padding: 0 16px;
        cursor: pointer;
        transition: border-color 0.15s ease, box-shadow 0.15s ease;
        will-change: border-color;
    }
    
    .location-input-wrapper:hover {
        border-color: #187FD3;
    }
    
    .location-input-wrapper.open {
        border-color: #187FD3;
        box-shadow: 0 0 0 3px rgba(24, 127, 211, 0.1);
    }
    
    .location-input-wrapper.has-value {
        border-color: #187FD3;
        background-color: #F0F8FC33;
    }
    
    .location-input-wrapper .location-icon {
        width: 20px;
        height: 20px;
        margin-right: 12px;
        flex-shrink: 0;
    }
    
    .location-input-wrapper .custom-select-display {
        flex: 1;
        display: flex;
        align-items: center;
        font-size: 16px;
        color: #6B7280;
        user-select: none;
    }
    
    .location-input-wrapper.has-value .custom-select-display .selected-value {
        color: #2E3948;
    }
    
    .location-input-wrapper .dropdown-arrow {
        margin-left: 12px;
        transition: transform 0.3s ease;
    }
    
    .location-input-wrapper.open .dropdown-arrow {
        transform: rotate(180deg);
    }

    /* RTL-specific fixes for dropdowns on iOS */
    html[dir="rtl"] .date-input-wrapper,
    html[dir="rtl"] .location-input-wrapper {
        direction: rtl;
        text-align: right;
    }

    html[dir="rtl"] .date-input-wrapper .calendar-icon,
    html[dir="rtl"] .location-input-wrapper .location-icon {
        margin-left: 12px;
        margin-right: 0;
    }

    html[dir="rtl"] .dropdown-arrow {
        left: 16px;
        right: auto;
    }

    html[dir="rtl"] .custom-options-wrapper,
    html[dir="rtl"] .options-wrapper {
        direction: rtl;
        text-align: right;
    }

    html[dir="rtl"] .custom-option,
    html[dir="rtl"] .option {
        text-align: right;
        direction: rtl;
    }

    /* iOS Safari RTL-specific fixes */
    @supports (-webkit-touch-callout: none) {
        html[dir="rtl"] .date-input-wrapper,
        html[dir="rtl"] .location-input-wrapper {
            -webkit-transform: translate3d(0, 0, 0); /* Force GPU acceleration */
            transform: translate3d(0, 0, 0);
            -webkit-backface-visibility: hidden; /* Prevent flickering */
            backface-visibility: hidden;
            perspective: 1000px; /* Fix rendering issues */
        }

        html[dir="rtl"] .custom-options-wrapper,
        html[dir="rtl"] .options-wrapper {
            -webkit-transform: translate3d(0, 0, 0); /* Force GPU acceleration */
            transform: translate3d(0, 0, 0);
            -webkit-backface-visibility: hidden; /* Prevent flickering */
            backface-visibility: hidden;
        }

        /* Fix for iOS Safari RTL dropdown opening */
        html[dir="rtl"] .date-input-wrapper.open .custom-options-wrapper {
            -webkit-transform: translateY(0) !important;
            transform: translateY(0) !important;
        }

        html[dir="rtl"] .location-input-wrapper.open .options-wrapper {
            -webkit-transform: translateY(0) scaleY(1) !important;
            transform: translateY(0) scaleY(1) !important;
        }
    }
    
    .location-input-wrapper .options-wrapper {
        position: absolute;
        top: calc(100% + 8px);
        left: 0;
        right: 0;
        background: #FFFFFF;
        border: 1px solid #E5E7EB;
        border-radius: 12px;
        box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
        opacity: 0;
        transform: translateY(-10px) scaleY(0.95);
        transform-origin: top;
        visibility: hidden;
        transition: opacity 0.15s cubic-bezier(0.4, 0, 0.2, 1), transform 0.15s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.15s cubic-bezier(0.4, 0, 0.2, 1);
        z-index: 9998; /* High z-index for iOS */
        overflow: hidden;
        -webkit-overflow-scrolling: touch; /* Smooth scrolling on iOS */
        will-change: opacity, transform;
    }
    
    .location-input-wrapper.open .options-wrapper {
        opacity: 1;
        transform: translateY(0) scaleY(1);
        visibility: visible;
    }
    
    .location-input-wrapper .options {

        overflow-x: hidden;
    }
    


    

    
    .location-input-wrapper .option.no-options {
        color: #9CA3AF;
        cursor: default;
        font-style: italic;
    }
    
    .location-input-wrapper .option.no-options:hover {
        background-color: transparent;
        color: #9CA3AF;
    }
    
    /* Ensure dropdowns in enrollment container appear above everything */
    .single-product-Enroll-container .custom-options-wrapper,
    .single-product-Enroll-container .options-wrapper {
        z-index: 1051 !important;
    }
    
    .single-product-Enroll-accreditations h3{
        font-weight: 700;
        font-style: Bold;
        font-size: 22px;
        leading-trim: NONE;
        line-height: 121%;
        letter-spacing: 0.5%;
        color: #2E3948;
        margin-bottom: 20px;
    }
    .single-product-Enroll-accreditations-logo{
        display: flex;
        gap: 20px;
        justify-content: center;
    }
    .single-product-Enroll-accreditations-logo img{
        border-radius: 0 !important;
    }
    .single-product-Enroll-accreditations-logo img{
        max-width: 92px;
        flex: 1;
width: 21%;
    }
    .date-input-wrapper.has-value {
        border-color: #187FD3;
        background-color: #F0F8FC33;
    }
    
    .date-input-wrapper.has-value .date-input {
        color: #187FD3;
        font-weight: 500;
    }
    
    /* Ensure smooth transitions when container moves */
    .single-product-Enroll-container.is-sticky {
        z-index: 998; /* Slightly lower z-index when sticky to prevent overlap issues */
    }
    
    /* Media query for mobile responsiveness */
   @media (max-width: 1200px) {
    .explore-key-topics-video {
            order: -1;
            margin-bottom: -3.5px;
        }
        .explore-key-topics-video video {
        border-radius: 16px 16px 0 0 !important;
    }
    .explore-key-topics-content {
        border-radius: 0 0 16px 16px !important;
    }
        .single-product-Enroll-section {
            position: relative;
            min-width: 100%;
        }
        .single-product-Enroll-container{
          
            width: auto;
            max-width: 100%;
            height: auto;
        }
        .single-product-Enroll-container.sticky-enroll {
            position: relative !important;
        }
        .enroll-placeholder {
            display: none !important;
        }
        .single-product-sec > .container {
            flex-direction: column-reverse;
            gap: 30px;
        }
        .custom_hero{
            padding-bottom: 200px;
        }
    }
    
    /* Mobile Sticky Enrollment Bar Styles */
    .mobile-sticky-enroll {
        display: none;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        background: #fff;
        box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
        z-index: 1100;
        /* border-top: 1px solid #e5e5e5; */
        transition: max-height 0.6s cubic-bezier(0.4, 0, 0.2, 1),
                    padding 0.4s cubic-bezier(0.4, 0, 0.2, 1),
                    border-radius 0.4s ease;
        overflow: hidden;
    }
    .mobile-sticky-enroll .single-product-Enroll-accreditations  {
        display: none;
    }
    html[lang="ar"] .mobile-enroll-close{
        right: auto;
        left: 10px;
    }
    .mobile-sticky-enroll  .single-product-Enroll-alert{
        font-size: 13px;
    }
    .mobile-sticky-enroll .single-product-Enroll-container p{
        font-size: 14px;
    }
    .mobile-sticky-enroll .single-product-Enroll-button{
        gap: 10px;
    }
    .mobile-sticky-enroll  .single-product-Enroll-container h2{
        font-size: 20px;
    }
    .mobile-sticky-enroll .single-product-Enroll-container > h3{
        font-size: 20px;
    }
    .mobile-sticky-enroll .single-product-Enroll-button button.button-enroll,.mobile-sticky-enroll .button-BROCHURE{
        height: 54px;
        font-size: 14px;
    }
    .mobile-sticky-enroll.collapsed {
        padding: 15px;
        text-align: center;
        max-height: 80px;
        background: #2E3948;
    }
    
    .mobile-sticky-enroll.expanded {
        max-height: 80vh;
        overflow-y: auto;
        border-radius: 15px 15px 0 0;
        padding-bottom: 0;
        animation: slideUp 0.5s ease-out;
    }
    
    @keyframes slideUp {
        from {
            transform: translateY(100%);
            opacity: 0.8;
        }
        to {
            transform: translateY(0);
            opacity: 1;
        }
    }
    
    .mobile-sticky-enroll .mobile-enroll-btn {
        width: 100%;
        max-width: 400px;
        margin: 0 auto;
        display: block;
        background: #187FD3;
        color: #fff;
        border: none;
        border-radius: 8px;
        padding: 16px 24px;
        font-size: 18px;
        font-weight: 600;
        cursor: pointer;
        transition: all 0.3s ease;
    }
    
    .mobile-sticky-enroll.expanded .mobile-enroll-btn {
        display: none;
    }
    
    .mobile-sticky-enroll .mobile-enroll-btn:hover {
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(12, 38, 74, 0.3);
    }
    
    /* Mobile Enrollment Expanded Content */
    .mobile-enroll-expanded {
        display: none;
        padding: 20px;
        opacity: 0;
        transform: translateY(20px);
        transition: opacity 0.4s ease, transform 0.4s ease;
    }
    
    .mobile-sticky-enroll.expanded .mobile-enroll-expanded {
        display: block;
        opacity: 1;
        transform: translateY(0);
        animation: fadeInUp 0.4s ease-out 0.1s both;
    }
    
    @keyframes fadeInUp {
        from {
            opacity: 0;
            transform: translateY(20px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }
    
    .mobile-enroll-expanded .single-product-Enroll-container {
        position: static !important;
        top: auto !important;
        width: 100% !important;
        max-width: 100% !important;
        border: none !important;
        box-shadow: none !important;
        padding: 0 !important;
        background: transparent !important;
    }
    
    /* Ensure location dropdown works in mobile expanded view */
    .mobile-enroll-expanded .location-input-wrapper {
        position: relative;
        z-index: 1;
    }
    
    .mobile-enroll-expanded .location-input-wrapper .options-wrapper {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        z-index: 1102;
    }
    
    .mobile-enroll-expanded #location-dropdown.open .options-wrapper {
        display: block;
    }
    
    /* Close button for expanded view */
    .mobile-enroll-close {
        position: absolute;
        top: 10px;
        right: 10px;
        
        border: none;
        border-radius: 50%;
        width: 36px;
        height: 36px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        z-index: 1101;
    }
    

    
    .mobile-enroll-container {
        display: flex;
        gap: 10px;
        align-items: center;
        max-width: 100%;
    }
    
    .mobile-enroll-date {
        flex: 1;
    }
    .mobile-enroll-date img{
        border-radius: 0 !important;
    }
    
    .mobile-date-wrapper {
        position: relative;
        display: flex;
        align-items: center;
        background: #F0F8FC;
        border: 1px solid #187FD3;
        border-radius: 8px;
        padding: 10px 12px;
        cursor: pointer;
        gap: 8px;
    }
    
    .mobile-date-wrapper.open {
        border-radius: 8px 8px 0 0;
    }
    
    .mobile-calendar-icon {
        width: 20px;
        height: 20px;
    }
    
    .mobile-selected-value {
        flex: 1;
        font-size: 14px;
        color: #2E3948;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    
    .mobile-dropdown-arrow {
        transition: transform 0.3s ease;
    }
    
    .mobile-date-wrapper.open .mobile-dropdown-arrow {
        transform: rotate(180deg);
    }
    
    .mobile-options-wrapper {
        display: none;
        position: absolute;
        bottom: 100%;
        left: 0;
        right: 0;
        background: #fff;
        border: 1px solid #187FD3;
        border-bottom: none;
        border-radius: 8px 8px 0 0;
        max-height: 200px;
        overflow-y: auto;
        z-index: 1101;
    }
    
    .mobile-date-wrapper.open .mobile-options-wrapper {
        display: block;
    }
    
    .mobile-option {
        padding: 10px 12px;
        font-size: 14px;
        color: #2E3948;
        cursor: pointer;
        transition: background-color 0.2s ease;
    }
    
    .mobile-option:hover {
        background-color: #F0F8FC;
    }
    
    .mobile-option.selected {
        background-color: #187FD3;
        color: #fff;
    }
    
    .mobile-option.disabled {
        color: #999;
        cursor: not-allowed;
        font-style: italic;
    }
    
    .mobile-enroll-btn {
        background: linear-gradient(90deg, #0C264A 0%, #83AABF 100%);
        color: #fff;
        border: none;
        border-radius: 8px;
        padding: 12px 24px;
        font-size: 16px;
        font-weight: 600;
        cursor: pointer;
        transition: all 0.3s ease;
        white-space: nowrap;
    }
    
    .mobile-enroll-btn:hover {
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(12, 38, 74, 0.3);
    }
    
    /* Mobile Location Styles */
    .mobile-enroll-location {
        flex: 1;
        margin-right: 10px;
    }
    
    .mobile-location-wrapper {
        position: relative;
        display: flex;
        align-items: center;
        background: #F0F8FC;
        border: 1px solid #187FD3;
        border-radius: 8px;
        padding: 10px 12px;
        cursor: pointer;
        gap: 8px;
    }
    
    .mobile-location-wrapper.open {
        border-radius: 8px 8px 0 0;
    }
    
    .mobile-location-icon {
        width: 20px;
        height: 20px;
    }
    
    .mobile-location-value {
        flex: 1;
        font-size: 14px;
        color: #2E3948;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    
    .mobile-location-arrow {
        transition: transform 0.3s ease;
    }
    
    .mobile-location-wrapper.open .mobile-location-arrow {
        transform: rotate(180deg);
    }
    
    .mobile-location-options-wrapper {
        display: none;
        position: absolute;
        bottom: 100%;
        left: 0;
        right: 0;
        background: #fff;
        border: 1px solid #187FD3;
        border-bottom: none;
        border-radius: 8px 8px 0 0;
        max-height: 200px;
        overflow-y: auto;
        z-index: 1101;
    }
    
    .mobile-location-wrapper.open .mobile-location-options-wrapper {
        display: block;
    }
    
    .mobile-location-option {
        padding: 10px 12px;
        font-size: 14px;
        color: #2E3948;
        cursor: pointer;
        transition: background-color 0.2s ease;
    }
    
    .mobile-location-option:hover {
        background-color: #F0F8FC;
    }
    
    .mobile-location-option.selected {
        background-color: #187FD3;
        color: #fff;
    }
    
    .mobile-location-option.disabled {
        color: #999;
        cursor: not-allowed;
        font-style: italic;
    }
    

    /* Training Method Dropdown - Complete CSS (copy of date dropdown styles) */
    #training-method-dropdown {
        cursor: pointer !important;
        -webkit-tap-highlight-color: rgba(0,0,0,0) !important;
        pointer-events: auto !important;
        position: relative !important;
        z-index: 0 !important;
    }

    #training-method-dropdown .custom-select-display {
        cursor: pointer !important;
        pointer-events: auto !important;
    }

    #training-method-dropdown .custom-option {
        cursor: pointer !important;
        pointer-events: auto !important;
        -webkit-tap-highlight-color: rgba(0,0,0,0) !important;
    }

    #training-method-dropdown .custom-options-wrapper {
        position: absolute !important;
        z-index: 9999 !important;
        pointer-events: auto !important;
        top: calc(100% + 1px);
        left: 0;
        right: 0;
        background-color: white;
        border-radius: 8px;
        padding: 8px;
        overflow: hidden;
        box-shadow: 2px 2px 20px 0 rgba(0,0,0,.08);
        display: none !important;
        opacity: 0;
        visibility: hidden;
        transform: translateY(-10px);
        transition: opacity 0.15s ease, visibility 0.15s ease, transform 0.15s ease;
        will-change: opacity, transform;
    }

    /* Show options when dropdown is open */
    #training-method-dropdown.open .custom-options-wrapper {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: translateY(0) !important;
    }

    /* Arrow rotation for training method dropdown */
    #training-method-dropdown .dropdown-arrow {
        transition: transform 0.15s ease !important;
        transform-origin: center !important;
        will-change: transform;
        backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
    }

    #training-method-dropdown.open .dropdown-arrow {
        transform: rotate(180deg) !important;
    }

    /* Training method options styling */
    #training-method-dropdown .custom-option {
        padding: 14px 16px 14px 40px;
        border-radius: 25px;
        transition: background 0.15s ease, color 0.15s ease;
        cursor: pointer;
        margin-bottom: 4px;
        will-change: background-color;
    }
    #training-method-dropdown .custom-option:hover, #training-method-dropdown .option:hover,
    #training-method-dropdown .custom-option.selected {
        background: #187fd3 !important;
        color: white;
    }

    /* Mobile touch target improvements */
    @media (max-width: 768px) {
        .custom-select-display,
        .custom-option,
        .option {
            min-height: 44px; /* Minimum touch target size for mobile */
            display: flex;
            align-items: center;
            -webkit-tap-highlight-color: transparent; /* Remove iOS tap highlight */
            user-select: none;
        }

        .custom-option:hover,
        .option:hover {
            background-color: #F0F8FC;
        }

        .custom-option:active,
        .option:active {
            background-color: #E0F2FE;
        }

        /* iOS-specific training method dropdown */
        #training-method-dropdown {
            z-index: 9999 !important;
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
            -webkit-user-select: none;
            user-select: none;
        }

        #training-method-dropdown,
        #training-method-dropdown .custom-select-display,
        #training-method-dropdown .custom-option {
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            touch-action: manipulation;
        }

        #training-method-dropdown.open .custom-options-wrapper {
            z-index: 99999 !important;
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
        }
    }

    /* Show mobile sticky enrollment only on mobile */
    @media (max-width: 768px) {
        .mobile-sticky-enroll {
            display: block;
        }
        
        /* Show enrollment section on mobile under hero */
        .single-product-Enroll-section {
            display: block;
            position: relative;
            margin-top: -180px; /* Positioned under hero with padding */
            z-index: 10;
            padding: 0 15px;
            width: 100%;
        }
        
        .single-product-Enroll-container {
            position: relative !important;
            top: 0 !important;
            width: 100% !important;
            max-width: 100% !important;
            margin: 0 auto 20px;
            border-radius: 16px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        }
        
        /* Hide sticky functionality on mobile */
        .single-product-Enroll-container.sticky-enroll {
            position: relative !important;
            top: 0 !important;
        }
        
        /* Ensure hero has proper padding for enrollment container */
        .custom_hero {
            padding-bottom: 200px !important;
        }
        
        /* Adjust content padding to account for sticky bar */
        body {
            padding-bottom: 80px;
        }
    }
    
    /* Extra small devices */
    @media (max-width: 480px) {
        .mobile-enroll-container {
            flex-wrap: wrap;
        }
        
        .mobile-enroll-date {
            width: 100%;
            margin-bottom: 10px;
        }
        
        .mobile-enroll-location {
            width: 100%;
            margin-bottom: 10px;
            margin-right: 0;
        }
        
        .mobile-enroll-btn {
            width: 100%;
            padding: 14px;
        }
        
        .mobile-sticky-enroll {
            padding: 15px;
        }
        
        body {
            padding-bottom: 120px;
        }
    }
    
    /* Quantity field styles */
    .single-product-Enroll-quantity {
        margin: 20px 0;
    padding: 15px;
    /* background-color: #f8f9fa; */
    border-radius: 10px;
    display: flex
;
    border: 1px solid #e0e0e0;
    align-items: center;
    }
    
    .single-product-Enroll-quantity label {
        display: block;
        font-weight: 600;
        font-size: 16px;
        color: #2E3948;
    }
    
    .quantity-input-wrapper {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 15px;
        background: #ffffff;
        border-radius: 8px;
        padding: 8px;
    }
    
    .quantity-input-wrapper button {
        width: 36px;
        height: 36px;
        border: none;
        background-color: #0076BE;
        color: white;
        font-size: 20px;
        font-weight: bold;
        border-radius: 6px;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: background-color 0.3s ease;
    }
    
    .quantity-input-wrapper button:hover {
        background-color: #005a8f;
    }
    
    .quantity-input-wrapper input[type="number"] {
        width: 60px;
        height: 36px;
        text-align: center;
        border: 1px solid #ddd;
        border-radius: 6px;
        font-size: 16px;
        font-weight: 600;
        color: #2E3948;
        background-color: #fff;
    }
    
    /* Remove spinner buttons in number input */
    .quantity-input-wrapper input[type="number"]::-webkit-inner-spin-button,
    .quantity-input-wrapper input[type="number"]::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }
    
    .quantity-input-wrapper input[type="number"] {
        -moz-appearance: textfield;
    }
    
    /* RTL support for quantity field */
    html[dir="rtl"] .quantity-input-wrapper {
        direction: ltr;
    }
    
    /* Mobile responsive for quantity field */
    @media (max-width: 768px) {
        .single-product-Enroll-quantity {
            margin: 15px 0;
            padding: 12px;
        }
        
        .single-product-Enroll-quantity label {
            font-size: 14px;
        }
        
        .quantity-input-wrapper button {
            width: 32px;
            height: 32px;
            font-size: 18px;
        }
        
        .quantity-input-wrapper input[type="number"] {
            width: 50px;
            height: 32px;
            font-size: 14px;
        }
    }
/* HRDF Popup Styles */
.hrdf-popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.hrdf-popup-container {
    background: #FFFFFF;
    border-radius: 20px;
    max-width: 900px;
    width: 100%;
    max-height: 90vh;
    overflow-y: auto;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    animation: popupSlideIn 0.3s ease-out;
}

@keyframes popupSlideIn {
    from {
        transform: translateY(-30px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.hrdf-popup-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 30px;
    border-bottom: 1px solid #E5E7EB;
}

.hrdf-popup-header h2 {
    font-weight: 700;
    font-size: 28px;
    line-height: 121%;
    letter-spacing: 0.5%;
    color: #2E3948;
    margin: 0;
}

.hrdf-popup-close {
    font-size: 36px;
    font-weight: 300;
    color: #6B7280;
    cursor: pointer;
    transition: color 0.2s ease;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
}

.hrdf-popup-close:hover {
    color: #187FD3;
    background-color: #F0F8FC;
}

.hrdf-popup-content {
    padding: 30px;
}
.hrdf-popup-header-desc{
    font-size: 18px;
    line-height: 142%;
    color: #2E3948BF;
    padding: 30px;
    padding-bottom: 0;
}
.hrdf-video-container {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
    height: 0;
    overflow: hidden;
    border-radius: 12px;
    margin-bottom: 30px;
    background: #F3F4F6;
}

.hrdf-video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 12px;
}

.hrdf-eligibility-section {
    margin-top: 30px;
    margin-bottom: 30px;
}

.hrdf-eligibility-section h4 {
    font-weight: 600;
    font-size: 20px;
    line-height: 121%;
    color: #2E3948;
    margin-top: 24px;
    margin-bottom: 12px;
}

.hrdf-eligibility-section p {
    font-weight: 400;
    font-size: 18px;
    line-height: 142%;
    letter-spacing: -0.25%;
    color: #2E3948BF;
    margin-bottom: 16px;
}

.hrdf-eligibility-section ul {
    list-style: none;
    padding: 0;
    margin: 0 0 24px 0;
}

.hrdf-eligibility-section ul li {
    font-weight: 400;
    font-size: 18px;
    line-height: 142%;
    color: #2E3948BF;
    margin-bottom: 12px;
    padding-left: 30px;
    position: relative;
}

.hrdf-eligibility-section ul li:before {
    content: "•";
    position: absolute;
    left: 0;
    color: #187FD3;
    font-weight: 600;
    font-size: 20px;
}

/* RTL Support for eligibility section */
html[dir="rtl"] .hrdf-eligibility-section ul li {
    padding-left: 0;
    padding-right: 30px;
}

html[dir="rtl"] .hrdf-eligibility-section ul li:before {
    left: auto;
    right: 0;
}
.hrdf-description{
    padding: 20px;
    border: 1px solid #187FD3;
    background: #F5FAFF;
    width: 100%;
    border-radius: 8px;
}
.hrdf-description a{
    font-family: Roboto;
    font-weight: 500;
    font-style: Medium;
    font-size: 20px;
    leading-trim: NONE;
    line-height: 142%;
    letter-spacing: -0.25%;
    text-align: right;
    text-decoration: underline;
    text-decoration-style: solid;
    text-decoration-offset: 0%;
    text-decoration-thickness: 0%;
    color: #0D3EEF;
}
.hrdf-description h3 {
    font-weight: 600;
    font-size: 24px;
    line-height: 121%;
    color: #2E3948;
    margin-bottom: 16px;
}

.hrdf-description h4 {
    font-weight: 600;
    font-size: 20px;
    line-height: 121%;
    color: #2E3948;
    margin-top: 24px;
    margin-bottom: 12px;
}

.hrdf-description p {
    font-weight: 400;
    font-size: 18px;
    line-height: 142%;
    letter-spacing: -0.25%;
    color: #2E3948BF;
    margin-bottom: 16px;
}

.hrdf-description ul {
    list-style: none;
    padding: 0;
    margin: 0 0 24px 0;
}

.hrdf-description ul li {
    font-weight: 400;
    font-size: 18px;
    line-height: 142%;
    color: #2E3948BF;
    margin-bottom: 12px;
    padding-left: 30px;
    position: relative;
}

.hrdf-description ul li:before {
    content: "✓";
    position: absolute;
    left: 0;
    color: #187FD3;
    font-weight: 600;
    font-size: 20px;
}

/* Responsive Styles */
@media (max-width: 768px) {
    .hrdf-popup-container {
        max-height: 100vh;
        border-radius: 0;
    }
    
    .hrdf-popup-header {
        padding: 20px;
    }
    
    .hrdf-popup-header h2 {
        font-size: 22px;
    }
    
    .hrdf-popup-content {
        padding: 20px;
    }
    
    .hrdf-description h3 {
        font-size: 20px;
    }
    
    .hrdf-description h4 {
        font-size: 18px;
    }
    
    .hrdf-description p,
    .hrdf-description ul li {
        font-size: 16px;
    }
}

/* RTL Support */
html[dir="rtl"] .hrdf-description ul li {
    padding-left: 0;
    padding-right: 30px;
}

html[dir="rtl"] .hrdf-description ul li:before {
    left: auto;
    right: 0;
}
    /* Mobile styles for Related Products */
    @media (max-width: 767px) {

        /* Title styling */
        .training-courses-title {
            font-size: 24px;
            padding: 50px 15px 0px 15px;
            margin-bottom: 20px;
        }

        /* Related Products Carousel container - FIXED */
        #related-products-container {
            position: relative !important;
            width: 100% !important;
            margin: 0 auto !important;
            padding: 0 !important;
            min-height: 400px !important;
            overflow: hidden !important;
            display: block !important;
            /* Mobile-only: Hide cards until carousel is ready */
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.3s ease, visibility 0.3s ease;
        }

        /* Show when carousel is ready */
        #related-products-container.related-carousel-ready {
            opacity: 1;
            visibility: visible;
        }

        /* Hide individual cards until carousel initialization */
        #related-products-container:not(.related-carousel-ready) .program_item {
            opacity: 0;
            visibility: hidden;
        }

        /* Override any grid/flex from desktop */
        #related-products-container:not(.swiper) {
            display: block !important;
            grid-template-columns: none !important;
            flex-wrap: nowrap !important;
        }

        /* Swiper container adjustments - COMPLETELY FIXED */
        #related-products-container.swiper {
            padding: 0 20px !important;
            margin: 0 !important;
        }

        /* Fixed wrapper and slide sizing */
        #related-products-container .swiper-wrapper {
            display: flex !important;
            position: relative !important;
            width: 100% !important;
            height: 100% !important;
            z-index: 1 !important;
            transition-property: transform !important;
            transition-timing-function: ease-out !important;
            box-sizing: content-box !important;
            align-items: stretch !important;
        }

        #related-products-container .swiper-slide {
            width: 300px !important;
            /* Fixed width for consistency */
            max-width: 300px !important;
            /* Maximum width */
            min-width: 260px !important;
            /* Minimum width */
            flex-shrink: 0 !important;
            height: 100% !important;
            position: relative !important;
            transition-property: transform !important;
            display: block !important;
            box-sizing: border-box !important;
            margin-right: 35px !important;
            /* Spacing between slides */
        }

        /* Ensure slides maintain consistent width during navigation */
        #related-products-container.swiper-initialized .swiper-slide {
            width: 300px !important;
            max-width: 300px !important;
            min-width: 260px !important;
            margin-right: 30px !important;
        }

        /* Small screens adjustment */
        @media (max-width: 380px) {

            #related-products-container .swiper-slide,
            #related-products-container.swiper-initialized .swiper-slide {
                width: 260px !important;
                max-width: 280px !important;
                min-width: 240px !important;
                margin-right: 25px !important;
            }
        }

        /* Very small screens */
        @media (max-width: 320px) {

            #related-products-container .swiper-slide,
            #related-products-container.swiper-initialized .swiper-slide {
                width: 240px !important;
                max-width: 260px !important;
                min-width: 220px !important;
                margin-right: 20px !important;
            }
        }

        /* Fix for slide visibility and transitions */
        #related-products-container .swiper-slide {
            opacity: 1 !important;
            visibility: visible !important;
            /* Ensure touch events work properly */
            touch-action: pan-y pinch-zoom !important;
            pointer-events: auto !important;
        }

        #related-products-container .swiper-slide-invisible-blank {
            visibility: hidden !important;
            pointer-events: none !important;
            opacity: 0 !important;
        }
        
        /* Ensure all slides are touchable and draggable */
        #related-products-container .swiper-wrapper {
            touch-action: pan-y pinch-zoom !important;
        }
        
        #related-products-container.swiper {
            touch-action: pan-y pinch-zoom !important;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

        /* Active slide styling */
        #related-products-container .swiper-slide-active {
            z-index: 2;
        }

        #related-products-container .swiper-slide-next,
        #related-products-container .swiper-slide-prev {
            z-index: 1;
        }

        /* Program items styling - FIXED */
        #related-products-container .program_item {
            width: 100% !important;
            height: 564px !important; /* Fixed height for consistency */
            min-height: 564px !important; /* Ensure minimum height */
            max-height: 564px !important; /* Prevent overflow */
            margin: 0 !important;
            display: flex !important;
            flex-direction: column !important;
            background: #fff !important;
            border-radius: 12px !important;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
            overflow: hidden !important;
            transition: transform 0.3s ease, box-shadow 0.3s ease !important;
            position: relative !important;
            /* Allow touch events to pass through for swiping */
            touch-action: pan-y pinch-zoom !important;
        }
        
        /* Ensure content areas allow touch events */
        #related-products-container .all_program_content,
        #related-products-container .all_program_image-container {
            touch-action: pan-y pinch-zoom !important;
            pointer-events: auto !important;
        }
        
        /* Links and buttons should still be clickable */
        #related-products-container .program_item a,
        #related-products-container .program_add_to_cart a {
            pointer-events: auto !important;
            touch-action: manipulation !important;
        }

        /* Remove scale effect that might break layout */
        #related-products-container .swiper-slide-active .program_item {
            box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15) !important;
        }

        /* Program content styling */
        #related-products-container .all_program_content {
            padding: 15px;
            flex-grow: 1;
            display: flex;
            flex-direction: column;
            height: calc(564px - 180px); /* Total height minus image height */
            overflow: hidden;
        }

        #related-products-container .program_title {
            font-size: 18px;
            margin: 10px 0;
            line-height: 1.3;
            /* Limit title to 2 lines */
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        #related-products-container .program_des {
            font-size: 14px;
            color: #666;
            margin-bottom: 15px;
            flex-grow: 1;
            /* Limit description to 3 lines */
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        #related-products-container .program_reviews {
            margin-bottom: 10px;
            flex-shrink: 0; /* Prevent shrinking */
        }

        #related-products-container .program_time {
            flex-shrink: 0; /* Prevent shrinking */
        }

        #related-products-container .program_btns {
            margin-top: auto;
            padding-top: 10px;
            flex-shrink: 0; /* Prevent shrinking */
        }

        #related-products-container .program_add_to_cart a {
            display: block;
            width: 100%;
            padding: 12px;
            background: #187fd3;
            color: white;
            text-align: center;
            border-radius: 8px;
            text-decoration: none;
            font-weight: 500;
            transition: background 0.3s ease;
        }

        #related-products-container .program_add_to_cart a:hover {
            background: #1569b8;
        }

        /* Navigation buttons - HIDDEN */
        #related-products-container .swiper-button-prev,
        #related-products-container .swiper-button-next {
            display: none !important;
        }

        /* Disable hover effects on touch devices */
        @media (hover: none) {
            #related-products-container .program_add_to_cart a:hover {
                background: #187fd3;
            }
        }

        /* Pagination styling - FIXED */
        #related-products-container .swiper-pagination {
            position: static !important;
            width: 100% !important;
            height: auto !important;
            bottom: auto !important;
            text-align: center !important;
            margin-top: 25px !important;
            margin-bottom: 25px !important;
            padding: 0 !important;
            z-index: 10 !important;
        }

        #related-products-container .swiper-pagination-bullet {
            width: 8px !important;
            height: 8px !important;
            display: inline-block !important;
            margin: 0 4px !important;
            background: #d1d1d1 !important;
            opacity: 1 !important;
            border-radius: 50% !important;
            cursor: pointer !important;
            transition: all 0.3s ease !important;
            vertical-align: middle !important;
            border: none !important;
            padding: 0 !important;
            box-shadow: none !important;
        }

        #related-products-container .swiper-pagination-bullet-active {
            width: 10px !important;
            height: 10px !important;
            background: #187fd3 !important;
            transform: scale(1.2) !important;
        }

        /* Ensure pagination bullets are not hidden */
        #related-products-container .swiper-pagination-bullet:before,
        #related-products-container .swiper-pagination-bullet:after {
            display: none !important;
        }

        /* Loaders for Related Products */
        .related-carousel-loader {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: rgba(255, 255, 255, 0.95);
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 100;
            min-height: 400px;
            backdrop-filter: blur(2px);
            font-size: 0 !important;
            /* Hide any text */
        }

        .related-carousel-loader .loader {
            width: 48px;
            height: 48px;
            border: 3px solid #f0f0f0;
            border-top: 3px solid #187fd3;
            border-radius: 50%;
            animation: spin 0.8s linear infinite;
        }

        @keyframes spin {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        /* Image container styling */
        #related-products-container .all_program_image-container {
            width: 100%;
            height: 180px;
            overflow: hidden;
            position: relative;
            background: #f5f5f5;
        }

        #related-products-container .all_program_image {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        /* Logo styling within cards */
        #related-products-container .program_item>a {
            display: block;
            position: relative;
        }

        #related-products-container .program_item>a>img:last-child {
            position: absolute;
            top: 10px;
            right: 10px;
            width: 60px !important;
            height: auto !important;
            background: white;
            padding: 5px;
            border-radius: 8px;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        }

        /* Category and rating styling */
        #related-products-container .category_program h5 {
            font-size: 12px;
            color: #666;
            margin: 0;
            font-weight: normal;
        }

        #related-products-container .category_program a {
            color: #666;
            text-decoration: none;
        }

        #related-products-container .rating {
            display: flex;
            align-items: center;
            gap: 8px;
            font-size: 14px;
        }

        #related-products-container .rating img {
            width: auto;
            height: 16px;
        }

        #related-products-container .reviews_rate {
            font-weight: bold;
            color: #333;
            margin: 0;
        }

        #related-products-container .reviews_num {
            color: #666;
            margin: 0;
        }

        /* Time styling */
        #related-products-container .program_time {
            display: flex;
            align-items: center;
            gap: 5px;
            font-size: 14px;
            color: #666;
            margin: 10px 0;
        }

        #related-products-container .program_time img {
            width: 16px;
            height: 16px;
        }

        #related-products-container .program_time p {
            margin: 0;
        }

        /* Program item styling - for small screens */
        @media (max-width: 380px) {
            #related-products-container .program_item {
                height: 540px !important;
                min-height: 540px !important;
                max-height: 540px !important;
            }

            #related-products-container .all_program_image-container {
                height: 160px;
            }

            #related-products-container .all_program_content {
                height: calc(540px - 160px); /* Adjusted for smaller image height */
            }

            #related-products-container .program_title {
                font-size: 16px;
            }

            #related-products-container .program_des {
                font-size: 13px;
            }
        }

        /* Very small screens */
        @media (max-width: 320px) {
            #related-products-container .program_item {
                height: 420px !important;
                min-height: 420px !important;
                max-height: 420px !important;
            }

            #related-products-container .all_program_content {
                height: calc(420px - 160px);
                padding: 12px;
            }

            #related-products-container .program_title {
                font-size: 15px;
                margin: 8px 0;
            }

            #related-products-container .program_des {
                font-size: 12px;
            }
        }
    }

    /* RTL support - FIXED */
    [dir="rtl"] #related-products-container .swiper-slide {
        margin-right: 0 !important;
        margin-left: 35px !important;
    }

    @media (max-width: 380px) {
        [dir="rtl"] #related-products-container .swiper-slide {
            margin-left: 25px !important;
        }
    }

    @media (max-width: 320px) {
        [dir="rtl"] #related-products-container .swiper-slide {
            margin-left: 20px !important;
        }
    }

    [dir="rtl"] #related-products-container .program_item>a>img:last-child {
        right: auto;
        left: 10px;
    }

    /* Desktop: Always show cards (not carousel) */
    @media (min-width: 768px) {
        #related-products-container {
            opacity: 1 !important;
            visibility: visible !important;
        }

        #related-products-container .program_item {
            opacity: 1 !important;
            visibility: visible !important;
        }
    }

/* ===== RELATED PRODUCTS GRID STYLES (MATCHING PRODUCT-GRID) ===== */

/* Product Grid Container Styles */
.related-products-section .product-grid.noon-style {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    margin-top: 32px;
    padding: 0;
}

@media (min-width: 768px) {
    .related-products-section .product-grid.noon-style {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 767px) {
    .related-products-section .product-grid.noon-style {
        display: none; /* Hidden on mobile, Swiper shows instead */
    }
}

/* Product Card Noon Style */
.related-products-section .product-card.noon-style {
    background: #fff;
    border: 1px solid rgba(0,0,0,.06);
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0,0,0,.06);
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    position: relative;
    transition: all .3s ease;
}

.related-products-section .product-card.noon-style:hover {
    border-color: rgba(24,127,211,.15);
    box-shadow: 0 6px 20px rgba(0,0,0,.1);
    transform: translateY(-3px);
}

.related-products-section .product-card.noon-style.compact {
    border: 1px solid rgba(0,0,0,.04);
    box-shadow: 0 1px 2px rgba(0,0,0,.05);
    height: 290px;
    min-height: 290px;
}

.related-products-section .product-card.noon-style.compact:hover {
    box-shadow: 0 1px 4px rgba(0,0,0,.08);
    transform: none;
}

.related-products-section .product-card-link {
    color: inherit;
    display: flex;
    flex-direction: column;
    height: 100%;
    text-decoration: none;
}

/* Product Image Container */
.related-products-section .product-image-container {
    background: #f8f8f8;
    overflow: hidden;
    padding-bottom: 0% !important;
    position: relative;
    width: 100%;
}

.related-products-section .product-card.compact .product-image-container {
    padding-bottom: 0%;
}

.related-products-section .product-image {
    height: 100%;
    left: 0;
    object-fit: cover;
    position: absolute;
    top: 0;
    transition: transform .3s ease;
    width: 100%;
}

.related-products-section .product-card.noon-style:hover .product-image {
    transform: scale(1.05);
}

.related-products-section .product-card.compact:hover .product-image {
    transform: none;
}

/* Training Provider Logo */
.related-products-section .training-provider-logo {
    align-items: center;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 2px 6px rgba(0,0,0,.1);
    display: flex;
    height: 50px;
    justify-content: center;
    padding: 4px;
    position: absolute;
    right: 10px;
    top: 10px;
    transition: all .3s ease;
    width: 70px;
    z-index: 5;
}

.related-products-section .training-provider-logo:hover {
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    transform: scale(1.08);
}

.related-products-section .training-provider-logo img {
    display: block;
    filter: drop-shadow(0 2px 4px rgba(0,0,0,.15));
    height: 100%;
    object-fit: contain;
    object-position: center;
    width: 100%;
}

.related-products-section .product-card.compact .training-provider-logo {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 1px 4px rgba(0,0,0,.08);
    height: 45px;
    padding: 3px;
    right: 8px;
    top: 8px;
    width: 50px;
}

/* Discount Badge */
.related-products-section .discount-badge {
    background: #ff4747;
    border-radius: 4px;
    color: #fff;
    font-size: 10px;
    font-weight: 500;
    left: 8px;
    padding: 2px 6px;
    position: absolute;
    top: 8px;
    z-index: 2;
}

.related-products-section .product-card.compact .discount-badge {
    font-size: 8px;
    left: 4px;
    padding: 1px 4px;
    top: 4px;
}

/* Product Content */
.related-products-section .product-content {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 5px;
    padding: 10px;
}

.related-products-section .product-card.compact .product-content {
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding: 6px;
}

/* Product Category */
.related-products-section .product-category {
    color: #999;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: .5px;
    line-height: 1;
    text-transform: uppercase;
}

.related-products-section .product-card.compact .product-category {
    font-size: 9px;
    letter-spacing: .3px;
    margin-top: 5px;
}

/* Product Title */
.related-products-section .product-title {
    color: #333;
    display: -webkit-box;
    font-size: 13px;
    font-weight: 500;
    -webkit-line-clamp: 2;
    line-height: 1.3;
    margin: 0;
    -webkit-box-orient: vertical;
    min-height: 34px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.related-products-section .product-card.compact .product-title {
    display: block;
    font-size: 13px;
    font-weight: 500;
    -webkit-line-clamp: unset;
    line-height: 1.3;
    margin: 5px 0;
    min-height: 50px;
    overflow: visible;
    text-overflow: unset;
    -webkit-box-orient: unset;
}

/* Product Description */
.related-products-section .product-description {
    color: #666;
    display: -webkit-box;
    font-size: 11px;
    -webkit-line-clamp: 2;
    line-height: 1.4;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}

.related-products-section .product-card.compact .product-description {
    font-size: 9px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.2;
    max-height: 22px;
    overflow: hidden;
}

/* Product Rating */
.related-products-section .product-rating {
    align-items: center;
    display: flex;
    font-size: 11px;
    gap: 3px;
}

.related-products-section .product-card.compact .product-rating {
    backdrop-filter: blur(8px);
    background: rgba(0,0,0,.75);
    border-radius: 4px;
    bottom: 8px;
    gap: 2px;
    left: 8px;
    padding: 3px 6px;
    position: absolute;
    z-index: 3;
}

.related-products-section .rating-stars {
    align-items: center;
    display: flex;
    display: inline-flex;
    gap: 0;
    line-height: 0;
}

.related-products-section .rating-value {
    color: #333;
    font-size: 11px;
    font-weight: 500;
}

.related-products-section .product-card.compact .rating-value {
    color: #fff;
    font-size: 9px;
    font-weight: 500;
}

.related-products-section .review-count {
    color: #999;
    font-size: 11px;
}

.related-products-section .product-card.compact .review-count {
    color: rgba(255,255,255,.8);
    font-size: 8px;
}

/* Enrollment Counter */
.related-products-section .enrollment-counter {
    align-items: center;
    display: inline-flex;
    font-size: 11px;
    gap: 4px;
    margin: 4px 0;
}

.related-products-section .enrollment-icon {
    color: #187fd3;
    flex-shrink: 0;
    height: 14px;
    width: 14px;
}

.related-products-section .enrollment-text {
    color: #666;
    font-weight: 400;
}

.related-products-section .product-card.compact .enrollment-counter {
    font-size: 10px;
    margin: 2px 0;
}

/* Product Duration */
.related-products-section .product-duration {
    align-items: center;
    color: #555;
    display: flex;
    font-size: 11px;
    font-weight: 400;
    gap: 4px;
    margin: 3px 0;
}

.related-products-section .product-card.compact .product-duration {
    font-size: 10px;
    gap: 3px;
    margin: 2px 0;
}

.related-products-section .duration-icon {
    color: #187fd3;
    flex-shrink: 0;
    height: 14px;
    width: 14px;
}

.related-products-section .product-card.compact .duration-icon {
    height: 12px;
    width: 12px;
}

.related-products-section .duration-text {
    letter-spacing: .2px;
}

/* Product Price Section */
.related-products-section .product-price-section {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-top: auto;
    max-width: 100%;
    overflow: hidden;
    padding-top: 4px;
}

.related-products-section .product-card.compact .product-price-section {
    align-items: flex-start;
    flex-direction: column;
    gap: 4px;
    padding-top: 0;
}

.related-products-section .sale-price {
    color: #187fd3;
    font-size: 16px;
    font-weight: 500;
}

.related-products-section .product-card.compact .sale-price {
    font-size: 12px;
}

.related-products-section .original-price {
    color: #999;
    font-size: 13px;
    opacity: .8;
    text-decoration: line-through;
}

.related-products-section .product-card.compact .original-price {
    font-size: 10px;
    margin-left: 4px;
}

.related-products-section .price-row {
    align-items: center;
    display: flex;
    gap: 8px;
}

.related-products-section .product-card.compact .price-row {
    align-items: center;
    display: flex;
    gap: 6px;
    padding: 0;
}

.related-products-section .regular-price {
    color: #333;
    font-size: 15px;
    font-weight: 500;
}

.related-products-section .product-card.compact .regular-price {
    font-size: 12px;
}

/* Installment Text */
.related-products-section .installment-text {
    background: rgba(24,127,211,.08);
    border-radius: 4px;
    color: #187fd3;
    display: inline-block;
    font-size: 11px;
    font-weight: 500;
    max-width: 100%;
    overflow: hidden;
    padding: 2px 6px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.related-products-section .installment-text.zero-interest {
    background: linear-gradient(135deg,rgba(16,169,88,.1),rgba(24,127,211,.1));
    border: 1px solid rgba(16,169,88,.2);
    color: #10a958;
    font-weight: 500;
    max-width: calc(100% - 10px);
    overflow: hidden;
    text-overflow: ellipsis;
}

.related-products-section .product-card.compact .installment-text {
    font-size: 10px;
    max-width: 100%;
    padding: 1px 5px;
}

.related-products-section .product-card.compact .installment-text.zero-interest {
    font-size: 9px;
    max-width: 90%;
}

/* Product Action Button */
.related-products-section .product-action-btn {
    background: linear-gradient(135deg,#187fd3,#1569b8);
    border: none;
    border-radius: 8px;
    box-shadow: 0 2px 6px rgba(24,127,211,.2);
    color: #fff;
    cursor: pointer;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .5px;
    margin-top: 10px;
    padding: 11px;
    text-transform: uppercase;
    transition: all .3s ease;
    width: 100%;
}

.related-products-section .product-action-btn:hover {
    background: linear-gradient(135deg,#1569b8,#1256a0);
    box-shadow: 0 4px 12px rgba(24,127,211,.35);
    transform: translateY(-2px);
}

/* Mobile Swiper Styles */
.related-products-section .mobile-product-swiper {
    position: relative;
    padding: 0 20px;
}

.related-products-section .swiper-edge-indicator {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 48px;
    background: linear-gradient(90deg, rgba(255,255,255,0.9), transparent);
    pointer-events: none;
    z-index: 10;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.related-products-section .swiper-edge-indicator.left {
    left: 0;
    background: linear-gradient(90deg, rgba(236,239,249,0.95), transparent);
}

.related-products-section .swiper-edge-indicator.right {
    right: 0;
    background: linear-gradient(-90deg, rgba(236,239,249,0.95), transparent);
}

.related-products-section .swiper-edge-indicator.visible {
    opacity: 1;
}

/* RTL Styles */
[dir=rtl] .related-products-section .training-provider-logo {
    left: 10px;
    right: auto;
}

[dir=rtl] .related-products-section .product-card.compact .training-provider-logo {
    left: 8px;
    right: auto;
}

[dir=rtl] .related-products-section .discount-badge {
    left: auto;
    right: 8px;
}

[dir=rtl] .related-products-section .product-card.compact .discount-badge {
    right: 4px;
    left: auto;
}

[dir=rtl] .related-products-section .enrollment-text,
[dir=rtl] .related-products-section .duration-text,
[dir=rtl] .related-products-section .installment-text,
[dir=rtl] .related-products-section .product-action-btn,
[dir=rtl] .related-products-section .product-category,
[dir=rtl] .related-products-section .product-description,
[dir=rtl] .related-products-section .product-title {
    font-family: Cairo,Tajawal,Noto Sans Arabic,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;
}

/* Responsive Design */
@media (min-width: 1200px) {
    .related-products-section .training-provider-logo {
        height: 55px;
        width: 75px;
    }

    .related-products-section .product-content {
        gap: 6px;
        padding: 12px;
    }

    .related-products-section .product-title {
        font-size: 14px;
    }

    .related-products-section .product-description {
        font-size: 12px;
    }
}

@media (hover: none) {
    .related-products-section .product-action-btn:hover,
    .related-products-section .product-card.noon-style:hover,
    .related-products-section .product-card.noon-style:hover .product-image {
        transform: none;
    }
}

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

/* Hero Section */
.single-product-hero {
    padding: 60px 0;
}

/* Content Sections */
.single-product-content {
    padding: 40px 20px;
}

.program-summary,
.why-take-course,
.certification-badge,
.course-outline,
.testimonials,
.academy-stats,
.faq-section,
.contact-section {
    margin-bottom: 60px;
}

/* ==========================================================================
   Related Products Specific Styles
   ========================================================================== */

/* Related Products Container - Using existing all_programs_training styling */
.related-products-section .all_programs_training {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    align-items: stretch;
    max-width: 1315px;
    margin: auto;
    padding: 0 20px;
}

/* Product Card Container */
.related-products-section .all_programs_training .product-card {
    width: calc(100% / 4 - 20px);
    margin: 0 10px 30px 10px;
}

/* Product Card Noon Style */
.product-card.noon-style {
    background: white;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
}

.product-card.noon-style:hover {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
    transform: translateY(-2px);
}

.product-card-link {
    text-decoration: none;
    color: inherit;
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* Image Container */
.product-image-container {
    position: relative;
    width: 100%;
    padding-top: 75%; /* 4:3 Aspect Ratio */
    overflow: hidden;
    background: #f5f5f5;
}

.product-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Training Provider Logo */
.training-provider-logo {
    position: absolute;
    top: 12px;
    right: 12px;
    background: white;
    padding: 4px;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    max-width: 60px;
}

.training-provider-logo img {
    width: 100%;
    height: auto;
    max-height: 30px;
}

/* Discount Badge */
.discount-badge {
    position: absolute;
    top: 12px;
    left: 12px;
    background: #ff4747;
    color: white;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 600;
}

/* Product Content */
.product-content {
    padding: 16px;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.product-category {
    color: #6b7280;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 8px;
}

.product-title {
    font-size: 16px;
    font-weight: 600;
    color: #1a1a1a;
    margin: 0 0 8px 0;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.product-description {
    font-size: 14px;
    color: #6b7280;
    line-height: 1.5;
    margin: 0 0 12px 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Enrollment Counter */
.enrollment-counter {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 12px;
    font-size: 13px;
    color: #6b7280;
}

.enrollment-icon {
    width: 14px;
    height: 14px;
    color: #9ca3af;
}

/* Rating */
.product-rating {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-bottom: 12px;
}

.rating-stars img {
    height: 16px;
    width: auto;
}

.rating-value {
    font-weight: 600;
    color: #1a1a1a;
    font-size: 14px;
}

.review-count {
    color: #6b7280;
    font-size: 13px;
}

/* Duration */
.product-duration {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 12px;
    font-size: 13px;
    color: #6b7280;
}

.duration-icon {
    width: 14px;
    height: 14px;
    color: #9ca3af;
}

/* Price Section */
.product-price-section {
    margin-top: auto;
    padding-top: 12px;
    border-top: 1px solid #f0f0f0;
}

.price-row {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.regular-price,
.sale-price {
    font-size: 20px;
    font-weight: 700;
    color: #398f14;
}

.original-price {
    font-size: 16px;
    color: #9ca3af;
    text-decoration: line-through;
}

/* RTL Support */
.product-card.noon-style[dir="rtl"] .training-provider-logo {
    right: auto;
    left: 12px;
}

.product-card.noon-style[dir="rtl"] .discount-badge {
    left: auto;
    right: 12px;
}

/* ==========================================================================
   Responsive Styles - Desktop First Approach
   ========================================================================== */

/* Large Desktops (1400px and above) - Default styles apply */

/* Desktop (1200px to 1399px) */
@media (max-width: 1399px) {
    .single-product-container {
        max-width: 1200px;
    }

    .related-products-section .all_programs_training {
        max-width: 1200px;
    }
}

/* Small Desktop / Large Tablet (992px to 1199px) */
@media (max-width: 1199px) {
    .single-product-container {
        max-width: 960px;
    }

    /* 3 columns for related products */
    .related-products-section .all_programs_training .product-card {
        width: calc(100% / 3 - 20px);
    }

    /* Adjust font sizes */
    h1 { font-size: 2.2rem; }
    h2 { font-size: 1.8rem; }
    h3 { font-size: 1.4rem; }
}

/* Tablet (768px to 991px) */
@media (max-width: 991px) {
    .single-product-container {
        max-width: 720px;
        padding: 0 15px;
    }

    /* 2 columns for related products */
    .related-products-section .all_programs_training .product-card {
        width: calc(100% / 2 - 20px);
    }

    /* Adjust sections padding */
    .single-product-hero {
        padding: 40px 0;
    }

    .single-product-content {
        padding: 30px 15px;
    }

    .program-summary,
    .why-take-course,
    .certification-badge,
    .course-outline,
    .testimonials,
    .academy-stats,
    .faq-section,
    .contact-section {
        margin-bottom: 40px;
    }

    /* Adjust font sizes */
    h1 { font-size: 2rem; }
    h2 { font-size: 1.6rem; }
    h3 { font-size: 1.3rem; }

    /* Product card adjustments */
    .product-card.noon-style .product-title {
        font-size: 15px;
    }

    .product-card.noon-style .product-description {
        font-size: 13px;
    }
}

/* Mobile Landscape & Small Tablets (576px to 767px) */
@media (max-width: 767px) {
    .single-product-container {
        max-width: 100%;
        padding: 0 15px;
    }

    /* Single column layout */
    .related-products-section .all_programs_training {
        display: block !important;
        overflow-x: auto;
        overflow-y: hidden;
        padding: 0 15px;
        max-width: 100%;
        -webkit-overflow-scrolling: touch;
    }

    /* Related products as carousel */
    .related-products-section .all_programs_training .product-card {
        width: 280px;
        margin: 0 8px 20px 8px;
        display: inline-block;
        vertical-align: top;
    }

    /* Adjust sections */
    .single-product-hero {
        padding: 30px 0;
    }

    .single-product-content {
        padding: 20px 15px;
    }

    .program-summary,
    .why-take-course,
    .certification-badge,
    .course-outline,
    .testimonials,
    .academy-stats,
    .faq-section,
    .contact-section {
        margin-bottom: 30px;
    }

    /* Typography */
    h1 {
        font-size: 1.75rem;
        line-height: 1.3;
    }
    h2 {
        font-size: 1.4rem;
        margin-bottom: 20px;
    }
    h3 {
        font-size: 1.2rem;
        margin-bottom: 15px;
    }
    p {
        font-size: 14px;
        line-height: 1.6;
    }

    /* Buttons */
    .btn, button, .button, input[type="submit"] {
        padding: 12px 24px;
        font-size: 14px;
    }

    /* Related products title */
    .related-products-section h2.training-courses-title {
        font-size: 24px;
        margin-bottom: 30px !important;
    }

    /* Product cards mobile optimizations */
    .product-card.noon-style {
        box-shadow: 0 1px 4px rgba(0,0,0,0.1);
    }

    .product-card.noon-style .product-image-container {
        padding-top: 65%;
    }

    .product-card.noon-style .product-content {
        padding: 12px;
    }

    .product-card.noon-style .product-title {
        font-size: 14px;
        -webkit-line-clamp: 2;
    }

    .product-card.noon-style .product-category {
        font-size: 11px;
    }

    .product-card.noon-style .product-description {
        display: none; /* Hide on mobile for cleaner look */
    }

    .product-card.noon-style .enrollment-counter {
        font-size: 12px;
    }

    /* Explore More button mobile */
    .related-products-section .tabs-view-more {
        margin-top: 30px !important;
        padding: 0 15px;
    }

    .related-products-section .tabs-view-more a {
        padding: 10px 30px !important;
        font-size: 14px !important;
        width: 100%;
        justify-content: center;
    }
}

/* Mobile Portrait (320px to 575px) */
@media (max-width: 575px) {
    /* Even smaller cards for very small screens */
    .related-products-section .all_programs_training .product-card {
        width: 260px;
    }

    /* Further reduce font sizes */
    h1 { font-size: 1.5rem; }
    h2 { font-size: 1.25rem; }
    h3 { font-size: 1.1rem; }

    /* Compact product cards */
    .product-card.noon-style .product-title {
        font-size: 13px;
    }

    .product-card.noon-style .regular-price,
    .product-card.noon-style .sale-price {
        font-size: 16px;
    }

    .product-card.noon-style .original-price {
        font-size: 13px;
    }

    .product-card.noon-style .rating-value {
        font-size: 12px;
    }

    .product-card.noon-style .review-count {
        font-size: 11px;
    }
}

/* Very Small Mobile (below 480px) */
@media (max-width: 479px) {
    .single-product-container {
        padding: 0 10px;
    }

    /* Smallest card size */
    .related-products-section .all_programs_training .product-card {
        width: 240px;
        margin: 0 6px 16px 6px;
    }

    /* Minimal padding */
    .single-product-content {
        padding: 15px 10px;
    }

    /* Smallest titles */
    .related-products-section h2.training-courses-title {
        font-size: 20px;
        margin-bottom: 24px !important;
    }

    /* Ultra compact cards */
    .product-card.noon-style .product-content {
        padding: 10px;
    }

    .product-card.noon-style .training-provider-logo {
        max-width: 45px;
    }

    .product-card.noon-style .discount-badge {
        font-size: 10px;
        padding: 2px 5px;
    }
}

/* ==========================================================================
   RTL Support for Arabic
   ========================================================================== */

[dir="rtl"] .related-products-section .all_programs_training {
    direction: rtl;
}

[dir="rtl"] .product-card.noon-style {
    direction: rtl;
    text-align: right;
}

[dir="rtl"] .product-card.noon-style .training-provider-logo {
    right: auto;
    left: 12px;
}

[dir="rtl"] .product-card.noon-style .discount-badge {
    left: auto;
    right: 12px;
}

[dir="rtl"] .product-card.noon-style .product-content {
    text-align: right;
}

[dir="rtl"] .product-card.noon-style .enrollment-counter,
[dir="rtl"] .product-card.noon-style .product-duration,
[dir="rtl"] .product-card.noon-style .product-rating {
    flex-direction: row-reverse;
}

/* ==========================================================================
   Print Styles
   ========================================================================== */

@media print {
    .related-products-section,
    .tabs-view-more,
    .swiper-pagination,
    header,
    footer,
    nav {
        display: none !important;
    }

    .single-product-content {
        padding: 0;
        max-width: 100%;
    }
}



/* Mobile Sticky Enrollment Bar - Collapsed State */
.mobile-sticky-enroll {
    display: none;
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    background: linear-gradient(135deg, #ffffff 0%, #fafbff 100%);
    border-top: 1px solid rgba(24, 127, 211, 0.15);
    box-shadow: 0 -10px 25px -5px rgba(0, 0, 0, 0.08), 0 -4px 10px -2px rgba(0, 0, 0, 0.05);
    z-index: 9999 !important;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.mobile-sticky-enroll::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, #187FD3 0%, #1668A8 50%, #187FD3 100%);
    background-size: 200% 100%;
    animation: shimmer 3s ease-in-out infinite;
}

@keyframes shimmer {
    0%, 100% { background-position: 200% 0; }
    50% { background-position: -200% 0; }
}

.mobile-sticky-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    gap: 14px;
}

.mobile-sticky-price-info {
    flex: 1;
    min-width: 0;
}

.mobile-sticky-prices {
    display: flex;
    align-items: baseline;
    gap: 8px;
    flex-wrap: wrap;
}

.mobile-sticky-original-price {
    text-decoration: line-through;
    color: #94a3b8;
    font-size: 15px;
    font-weight: 500;
    opacity: 0.8;
}

.mobile-sticky-sale-price {
    background: linear-gradient(135deg, #187FD3 0%, #1668A8 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-weight: 700;
    font-size: 24px;
    letter-spacing: -0.02em;
    display: inline-flex;
    align-items: center;
    gap: 3px;
}

.mobile-sticky-sale-price .currency-icon {
    width: auto;
    height: 16px;
    vertical-align: middle;
}

.mobile-sticky-discount {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
    color: white;
    padding: 5px 10px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 600;
    box-shadow: 0 2px 6px rgba(16, 185, 129, 0.3);
}

.mobile-sticky-subtitle {
    font-size: 11px;
    color: #64748b;
    margin: 4px 0 0 0;
    font-weight: 500;
    text-align: start;
}

.mobile-sticky-enroll-btn {
    background: linear-gradient(135deg, #187FD3 0%, #1668A8 100%);
    color: white;
    font-weight: 600;
    padding: 16px 32px;
    border: none;
    border-radius: 12px;
    font-size: 16px;
    cursor: pointer;
    white-space: nowrap;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 8px 20px -5px rgba(24, 127, 211, 0.35), 0 4px 8px -2px rgba(24, 127, 211, 0.25);
}

.mobile-sticky-enroll-btn:hover,
.mobile-sticky-enroll-btn:active {
    background: linear-gradient(135deg, #1668A8 0%, #0d5a94 100%);
    transform: translateY(-2px);
}

/* RTL Support */
html[lang="ar"] .mobile-sticky-content {
    direction: rtl;
}

/* Show on mobile only */
@media (max-width: 1024px) {
    .mobile-sticky-enroll {
        display: block !important;
    }
}

@media (max-width: 768px) {
    .mobile-sticky-content {
        padding: 14px 16px;
    }

    .mobile-sticky-sale-price {
        font-size: 22px;
    }

    .mobile-sticky-enroll-btn {
        padding: 14px 28px;
        font-size: 15px;
    }
}

@media (max-width: 480px) {
    .mobile-sticky-content {
        padding: 12px 14px;
        gap: 10px;
    }

    .mobile-sticky-sale-price {
        font-size: 20px;
    }

    .mobile-sticky-original-price {
        font-size: 13px;
    }

    .mobile-sticky-discount {
        font-size: 11px;
        padding: 4px 8px;
    }

    .mobile-sticky-enroll-btn {
        padding: 13px 24px;
        font-size: 14px;
    }
}