.elementor-252403 .elementor-element.elementor-element-4294c43{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-252403 .elementor-element.elementor-element-a2087d2 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-252403 .elementor-element.elementor-element-a2087d2 .elementor-heading-title{font-size:38px;color:#01B1CB;}.elementor-252403 .elementor-element.elementor-element-a79775a > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-252403 .elementor-element.elementor-element-a79775a{font-size:16px;color:#000000;}.elementor-252403 .elementor-element.elementor-element-0f5e16c:not(.elementor-motion-effects-element-type-background), .elementor-252403 .elementor-element.elementor-element-0f5e16c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-252403 .elementor-element.elementor-element-0f5e16c > .elementor-container{max-width:1200px;}.elementor-252403 .elementor-element.elementor-element-0f5e16c > .elementor-background-overlay{opacity:0.8;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-252403 .elementor-element.elementor-element-0f5e16c{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:12px 12px 12px 12px;z-index:2;}.elementor-252403 .elementor-element.elementor-element-510e0b7:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-252403 .elementor-element.elementor-element-510e0b7 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-bc-flex-widget .elementor-252403 .elementor-element.elementor-element-510e0b7.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-252403 .elementor-element.elementor-element-510e0b7.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-252403 .elementor-element.elementor-element-510e0b7 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-252403 .elementor-element.elementor-element-510e0b7 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-252403 .elementor-element.elementor-element-4946006{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:22px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-252403 .elementor-element.elementor-element-1ad8820{width:100%;max-width:100%;}.elementor-252403 .elementor-element.elementor-element-d4d1a18{--display:grid;--e-con-grid-template-columns:20% 80%;--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--z-index:1;}.elementor-252403 .elementor-element.elementor-element-e3a115f{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-252403 .elementor-element.elementor-element-6447050{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1000;}.elementor-252403 .elementor-element.elementor-element-69dee61{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-252403 .elementor-element.elementor-element-c6cd399 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-252403 .elementor-element.elementor-element-08df30e{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:100;}.elementor-252403 .elementor-element.elementor-element-757023b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}@media(max-width:1200px){.elementor-252403 .elementor-element.elementor-element-d4d1a18{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-252403 .elementor-element.elementor-element-a2087d2 > .elementor-widget-container{padding:8px 8px 8px 8px;}.elementor-252403 .elementor-element.elementor-element-a2087d2 .elementor-heading-title{font-size:39px;}.elementor-252403 .elementor-element.elementor-element-a79775a > .elementor-widget-container{padding:8px 8px 8px 8px;}.elementor-252403 .elementor-element.elementor-element-0f5e16c{margin-top:-119px;margin-bottom:0px;}.elementor-252403 .elementor-element.elementor-element-4946006{--margin-top:-2px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-252403 .elementor-element.elementor-element-d4d1a18{--e-con-grid-template-columns:1;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;--justify-items:center;--grid-justify-content:center;--margin-top:135px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-252403 .elementor-element.elementor-element-6447050{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}@media(min-width:768px){.elementor-252403 .elementor-element.elementor-element-4946006{--content-width:1220px;}.elementor-252403 .elementor-element.elementor-element-6447050{--width:98%;}}/* Start custom CSS for container, class: .elementor-element-4294c43 */html {
    /* If your header is 80px tall, add 80px here */
    scroll-padding-top: 170px; 
    scroll-behavior: smooth; /* Optional: makes the jump look nice */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ad8820 *//* Flex container for search input and button */
#course-filter .search-container {
    display: flex;
    align-items: center;
    border: 1px solid #ccc; /* Optional: Border styling */
    border-radius: 20px; /* Rounded corners */
    overflow: hidden; /* Ensures no overflow beyond rounded corners */
    padding: 0px;
}

/* Style the input field */
#course-filter .search-container input[type="text"] {
    flex: 1;
    border: none;
    outline: none;
    padding: 5px 15px;
    font-size: 14px;
}

/* Style the submit button */
#course-filter .search-container .search-button {
    border: none;
    background: none;
    padding: 5px 15px;
    cursor: pointer;
    font-size: 18px;
    color: #00ACC6; /* Customize the icon color */
    display: flex;
    align-items: center;
}

/* Add hover effect to button */
#course-filter .search-container .search-button:hover {
    color: #ff4a4a; /* Change color on hover */
}

#course-filter .filter_type {
    display: flex;
    gap:7px;
    align-items:center;
}

#course-filter .filter_name {
    display: grid;
    align-items: center;
    grid-template-columns: 1fr 9fr;
    margin-bottom: 6px;
}

/* Dropdown filter styling */
#course-filter .filter_type select {
    margin: 4px 0px;
    padding: 8px 8px;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 5px;
    width: 16%;
}


#course-filter .filter_type > select {
    border-radius: 20px;
}

/* General styling for level_type sections */
#course-filter .level_type {
    display: flex;
    padding:0px 8px;
    flex-direction: row;
    align-items: center;
    height: 18px;
    gap:8px;
}

#course-filter .level_type > label {
    font-weight: bold;
    display: block;
    font-size: 14px;
    width: 100px;
} 


#course-filter .level_type_container  {
    display: flex;
    gap: 10px;
}

#course-filter .level_type_container > div {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4px;
}

#course-filter .level_type_container > div > label {
    font-size: 14px
}


#course-filter button.clear-btn-filter:hover{
   background:white;
   color:#00acc6;
}

#course-filter .toggle_filter_desktop,.toggle_filter_mobile {
    /*width: 110px;*/
    height: 27px;
}


#course-filter .toggle_filter_desktop,.clear_filter_btn_desktop{
    display: block;
}
#course-filter .toggle_filter_mobile,.clear_filter_btn_mobile{ 
    display: none;
}

#course-filter button.clear-btn-filter:hover,
.hamburger-toggle:hover {
    background-color: #11A3BD;
    color:white !important;
}


#course-filter button.clear-btn-filter {
    padding: 2px 16px;
    border-radius: 10px;
    background: white;
    border-color: #11A3BD;
    color: #11A3BD;
    font-weight: 400;
    font-size: 14px;
    box-shadow: 2px 2px 5px -2px #0a6d7e;
    transition: background 0.3s;
}

#course-filter .hamburger-toggle {
    border-radius: 8px;
    border: 1px solid lightgray;
    padding: 3px 14px;
    color: #00acc6;
    border-color: #00acc6;
    font-size: 14px;
    box-shadow: 2px 2px 5px -2px #0a6d7e;
    transition: background 0.3s;
}

#course-filter .mobile_toggle {
    display: none;
}



/* Media query for screens 767px and below */
@media screen and (max-width: 767px) {
    
    section#sticky_filter {
        top: 105px !important;
    }
    
    #course-filter .filter_name{
        padding:0px 15px;
    }
    
    #course-filter .filter_name {
        display: grid;
        grid-template-columns: 1fr;
    }
    
    #course-filter .filter_type {
        padding: 1px 13px;
        display: block; /* Stack the items vertically */
    }

    #course-filter .filter_type select {
        width: 100%; /* Full width for each select dropdown */
        margin-bottom: 4px; /* Add spacing between dropdowns */
    }
    
    #course-filter .level_type {
       display: block;
       padding: 6px 8px;
       height: 100%;
    }
    
    #course-filter .level_type_container {
        margin-top:4px;
        display: grid;
        grid-template-columns: 1fr 1fr; /* Two equal columns */
        gap: 8px; /* Add spacing between columns and rows */
        align-items: center; /* Align content vertically */
    }
  
    #course-filter .mobile_toggle {
        display: flex;
        justify-content: space-between;
        width: 98%;
        align-items: center;
        padding: 2px 10px;
    }

    #course-filter .toggle_filter_desktop,.clear_filter_btn_desktop{
        display: none;
    }
   
    #course-filter .toggle_filter_mobile{
        display:block;     
        text-align: center;
        margin-top: 5px;
    }
    
    #course-filter .clear_filter_btn_mobile{
        display:block;
    }
   
    #course-filter .clear_filter_btn {
        display: flex;
        justify-content: space-between;
        margin-top: 20px;
    }
    
    
}
 
@media only screen and (min-width: 390px) and (max-width: 560px) {
    #course-filter section#sticky_filter{
      top:86px  !important;
    }  
    
    #course-filter .filter_name {
        margin-bottom:2px;
    }
}

@media only screen and (max-width: 388px) {
    section#sticky_filter{
      /*top:89px !important;*/
    }
    
    #course-filter .filter_name {
        margin-bottom:2px;
    }
}

@media only screen and (max-width: 275px) {
    .mobile_toggle {
        flex-direction: column;
    }
}

.spinner-wrapper {
    position: absolute; /* Allow the wrapper to position itself relative to #course_results */
    top: 0;
    left: 0;
    width: 100%; /* Full width of the parent container */
    height: 100%; /* Full height of the parent container */
    display: flex; /* Flexbox for centering */
    justify-content: center; /* Horizontal centering */
    align-items: center; /* Vertical centering */
    z-index: 10; /* Ensure it's above other content */
    background: rgba(255, 255, 255, 0.8); /* Optional: Light background overlay */
}

div#course_results {
    min-height: 200px;
}

div#course_results > h2, div#course_results > p {
    padding-left: 4px;
}

.spinner {
    width: 80px;
    height: 80px;
    position: relative;
}

.spinner div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 64px;
    height: 64px;
    margin: 8px;
    border: 8px solid #01B1CB; /* Spinner color */
    border-radius: 50%;
    animation: spinner 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #01B1CB transparent transparent transparent;
}

.spinner div:nth-child(1) {
    animation-delay: -0.45s;
}

.spinner div:nth-child(2) {
    animation-delay: -0.3s;
}

.spinner div:nth-child(3) {
    animation-delay: -0.15s;
}

@keyframes spinner {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}


.pagination {
    display: flex;
    justify-content: center;
    margin: 20px 0;
}

.pagination .page-btn {
    padding: 8px 16px;
    margin: 0 5px;
    font-size: 14px;
    color: #11a3bd;
    border: 1px solid #11a3bd;
    border-radius: 50px;
    cursor: pointer;
    background-color: #fff;
}

.pagination .page-btn:hover {
    background-color: #f1f1f1;
}

.pagination .page-btn.active {
    background-color: #11A3BD;
    color: #fff;
    border-color: #11A3BD;
    cursor: default;
}

.pagination .ellipsis {
    padding: 8px 12px;
    margin: 0 5px;
    font-size: 14px;
    color: #999;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-00befe6 */.sticky_desktop {
    position: sticky !important;
    top: 184px !important; /* Matches your sticky offset */
}

.clear_filter_btn_desktop {
    display: flex;
    justify-content: center;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d4d1a18 */.filter-wrapper {
    height: calc(100vh - 100px); /* Adjust height to fit within the page */
    overflow-y: auto; /* Enable vertical scrolling */
    padding-right: 10px; /* Optional for scroll padding */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-06da9e9 *//* Custom CSS elementor*/
.parent_products_box {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    justify-content: left;
    align-content: flex-start;
    margin-bottom: 30px;
}

.awc-product-flex {
    position: relative;
    display: grid;
    border-top: 4px solid #00acc6;
    grid-template-rows: minmax(40px, 64px) minmax(40px, 66px) minmax(25px, 25px);
    padding: 12px 14px;
    border-radius: 30px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .1);
    cursor: pointer;
    align-items: stretch;
    align-content: space-between;
    transition: transform .3s;
}

.awc-product-flex p{ 
    text-align: left;
}



.awc-product-flex:hover {
    transform: translateY(-10px);
    border-top: 4px solid #00ACC6;
    /*background: #dfdfdf69;*/
    background:#f3f3f378;
    box-shadow: 0px 5px 3px 4px rgba(0, 0, 0, .1);
}

 .awc-product-flex__info__title {
    font-size: 18px !important;
    color: #FFB80E !important;
    margin: 0px;
    text-align: left;
    line-height: 24px !important;
}

.awc-product-flex__image {
    display: flex;
    align-items: center;
    justify-content: left;
    gap: 10px;
}


.awc-product-flex__image img {
    max-width:44px;
}

.awc-product-flex__info {
    text-align: center;
}

.title_course {
    /*padding-left: 15px;*/
}

.awc-product-flex__content {
    display: flex;
    flex-direction: column;
    justify-content:flex-end;
}

 
.awc-product-flex > .tagline {
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    margin-top: 8px;
}

.awc-product-flex__content > .awc-product-flex__data {
    display: flex;
    font-size: 14px;
    justify-content: flex-start;
    flex-direction: row;
    align-items: center;
    gap: 4px;
    justify-content: space-between;
    padding: 0px 6px;
}

span.course_format_color {
    /*background: #11a3bd; */*/
    padding: 0 10px;
    border-radius: 11px;
    /* color: #fff;*/
}

p.tiles_description {
    margin-bottom: 10px;
}

.awc-product-flex__content p:has(span:only-child) {
   margin-top: -10px; /* Apply padding when it contains only one <span> */
}

.awc-product-flex__price__levels {
    margin: 0px !important;
    font-size: 1em;
    font-weight: bold;
}

.awc-product-list__price__date {
    margin: 0 !important;
    display: block;
    padding-top: 10px;
    padding-bottom: 5px;
}



.awc-product-flex__price__status.font-red {
    margin: 0px;
}

.awc-product-flex__price__status.font-orange {
    margin: 0px;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
}

 .awc-product-flex__price__status.font-red {
    margin: 0px;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
}

 span.awc-product-flex__booked_out{
    color:red;
}

 .awc-product-flex__info ul {
    list-style: none;
    padding: 0;
}

 .awc-product-flex__info ul li {
    display: flex;
    align-items: center;
    margin: 10px 0;
}

 .awc-product-flex__info ul li img {
    margin-right: 10px;
}


.awc-product-flex__price__levels,
.awc-product-list__price__date,
.awc-product-list__price__duration,
.awc-product-flex__price__status {
    margin: 5px 0;
}

 .awc-product-flex__price__price {
    font-size: 20px;
    color: #46DB61;
    margin-top: 10px;
}

 .awc-product-flex__button {
     margin-top: auto; /* Push the button to the bottom */
    text-align: center;
}

 .awc-product-flex__button a {
    display: inline-block;
    background-color: #00ACC6;
     border:1px solid #00ACC6;
    color: #fff;
    padding: 6px 20px;
    border-radius: 14px;
    text-decoration: none;
}

.awc-product-flex__button a:hover {
    background-color: white;
    color:#00ACC6;
    border:1px solid #00ACC6;
}

.strong_color{
    background: #ffba16;
    color: #fff;
    padding: 0px 10px;
    border-radius: 6px;
}


.on_sale {
    width: 74px !important;
}



@media (max-width: 768px) {
    .parent_products_box {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 450px) {
    .parent_products_box {
        grid-template-columns: repeat(1, 1fr);
        /*justify-items: center;*/
    }
}


@media (max-width: 360px) {
   
     .awc-product-flex {
        flex: 1 1 calc(100% - 1.6%); /* Each item takes up 100% of the container width minus the margins */
        max-width: calc(100% - 1.6%);
        margin: 0.8%;
        margin-top:10px;
    }
}



/* MEDIA QUERY MOBILE */


/* Media query for iPhone 15 Pro Max in portrait orientation */
@media only screen and (width: 430px) {
    /* Your CSS rules here */
    
    .parent_product_box {
        display: flex;
        flex-wrap: wrap;
        justify-content:center;
        align-content: flex-start;
        flex-direction: row;
    }
  
     /* self-paced course  */
     .awc-product-flex {
        flex: 1 1 calc(90% - 1.6%);
        max-width: calc(90% - 1.6%);
        margin: 2.8%;
    }
   
}


/*Iphone 13 promax*/
@media only screen and (width: 428px) {
    /* Your CSS rules here */
    
    .parent_product_box {
        display: flex;
        flex-wrap: wrap;
        justify-content:center;
        align-content: flex-start;
        flex-direction: row;
    }
   
    /* course starting soon */
     .awc-product-flex {
        flex: 1 1 calc(90% - 1.6%);
        max-width: calc(90% - 1.6%);
        margin: 2.8%;
    }
    
}


/* Media query for iPhone 11 Pro Max in portrait orientation */
@media only screen and (width: 414px) {
    
    .parent_product_box {
        display: flex;
        flex-wrap: wrap;
        justify-content:center;
        align-content: flex-start;
        flex-direction: row;
    }
  
    /* course starting soon */
     .awc-product-flex {
        flex: 1 1 calc(90% - 1.6%);
        max-width: calc(90% - 1.6%);
        margin: 2.8%;
    }
   
}

/* Safari Media query for iPhone 11 Pro Max in portrait orientation */
@media only screen and (width: 414px) and (height: 718px) {
   
   .parent_product_box {
        display: flex;
        flex-wrap: wrap;
        justify-content:center;
        align-content: flex-start;
        flex-direction: row;
    }
    
    /* course starting soon */
     .awc-product-flex {
        flex: 1 1 calc(90% - 1.6%);
        max-width: calc(90% - 1.6%);
        margin: 2.8%;
    }
    
}

/* iphone 15 */
@media only screen and (max-width: 393px)  {
    
    .parent_product_box {
        display: flex;
        flex-wrap: wrap;
        justify-content:center;
        align-content: flex-start;
        flex-direction: row;
    }
    
    /* course starting soon */
     .awc-product-flex {
        flex: 1 1 calc(90% - 1.6%);
        max-width: calc(90% - 1.6%);
        margin: 2.8%;
    }
   
}

/* Media query for Samsung Galaxy S23 Ultra */
@media only screen and (max-width: 412px) {
    
    .parent_product_box {
        display: flex;
        flex-wrap: wrap;
        justify-content:center;
        align-content: flex-start;
        flex-direction: row;
    }
    
     /*course starting soon */
     .awc-product-flex {
        flex: 1 1 calc(90% - 1.6%);
        max-width: calc(90% - 1.6%);
        margin: 2.8%;
    }
    
}

/* galaxy ultra s24 */
@media only screen and (max-width: 384px) {
 
 
    .parent_product_box {
        display: flex;
        flex-wrap: wrap;
        justify-content:center;
        align-content: flex-start;
        flex-direction: row;
    }
    
    /* course starting soon */
     .awc-product-flex {
        flex: 1 1 calc(90% - 1.6%);
        max-width: calc(90% - 1.6%);
        margin: 2.8%;
    }
    
}

/* iphone xs */
@media only screen and (max-width: 375px) {
    /* course starting soon */
    
    .parent_product_box {
        display: flex;
        flex-wrap: wrap;
        justify-content:center;
        align-content: flex-start;
        flex-direction: row;
    }
    
     .awc-product-flex {
        flex: 1 1 calc(90% - 1.6%);
        max-width: calc(90% - 1.6%);
        margin: 2.8%;
    }
   
}



@media only screen and (max-width: 360px) {
    
    .parent_product_box {
        display: flex;
        flex-wrap: wrap;
        justify-content:center;
        align-content: flex-start;
        flex-direction: row;
    }
   
}/* End custom CSS */
/* Start custom CSS */.flash-sale-box-link a {
    font-size: 17px;
}

@media (max-width: 768px){
body.elementor-kit-559 p, .awc-product-list .awc-product-list__info p {
    margin-bottom: 20px;
}
}/* End custom CSS */