/*
Plugin Name: FCA TMS Integration
Description: Integrates WordPress with FCA TMS API (staging or live).
Version: 1.1
Author: SL Kok
*/

.course-right-col {
  background: #fff;
  border-radius: 10px;
  padding: 20px;
}
.course-price .price {
  color: #007BFF;
  font-weight: bold;
}
.view-price-btn {
  background: #0A6847;
  color: white;
  padding: 8px 14px;
  border-radius: 5px;
  cursor: pointer;
}

/* course-fee-calculation.php styling*/
.fees-section table {
    border: 2px solid #002338;
}

.additional-support-table {
    text-align: center;
}

sup {
    font-size: x-small;
}

.fee-table-top tbody tr:last-child td:first-child {
    display: flex;
    align-items: center;
}

.fee-table-top tbody tr:last-child td:first-child::after {
    font: normal normal normal 14px/1 'FontAwesome';
    content: "\f005";
    background: #ff8145;
    color: #fff;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    font-size: 12px;
    padding: 8px;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1.5em;
    margin-left: 5px;
}
#eael-data-table-f4c721e tbody tr:first-child .td-content::after, 
#eael-data-table-f4c721e tbody tr:last-child .td-content::after
{
    font-family: 'FontAwesome' !important;
}

.individualSupport > div p {
    position: relative;
    display: inline;
}
.individualSupport > div:first-child::after,
.individualSupport > div:last-child::after {
    font-family: 'FontAwesome' !important;
    content: "\f005";
    color: #fff;
    border-radius: 50%;
    font-weight: 900;
    font-size: 12px;
    width: 18px;
    height: 18px;
    display: inline-block;
    align-items: center;
    justify-content: center;
    margin-left: 6px;
    vertical-align: middle;
}
.individualSupport > div:first-child::after {
    background-color: #00a982;
}
.individualSupport > div:last-child::after {
    background-color: #ffbc43;
}

.additional-support tbody tr td p {
    position: relative;
    display: inline-block;
}

.additional-support tbody tr:nth-child(1) td p:nth-child(2)::after,
.additional-support tbody tr:nth-child(3) td p:nth-child(2)::after {
    font: normal normal normal 14px/1 'FontAwesome';
    content: "\f005";
    background: #00a982;
    color: #fff;
    border-radius: 50%;
    /* font-size: <?= calcResponsive(10); ?>;
    width: <?= calcResponsive(14); ?>;
    height: <?= calcResponsive(14); ?>;
    padding: <?= calcResponsive(3); ?>;
    font-weight: 700; */
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    line-height: 1.5em;
    right: -5px;
    top: 50%;
    transform: translateY(-50%);
}

.additional-support tbody tr:nth-child(3) td p:nth-child(2)::after {
    background: #ffbc43;
}

@media (max-width: 767px) {
  .option-wrap {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    text-align: center;
  }

  .fees-section td.eis-table-data table td .option-count,
  .fancybox__container td.eis-table-data table td .option-count {
      width: 100%;
      display: block;
      margin: 0 auto;
  }

  .corporate-individual-details .scheme-tab-content .flex {
      flex-wrap: wrap;
  }

  .corporate-individual-details .scheme-tab-content .flex>table {
      width: 100%;
  }

  .fees-section .fee-table-top:nth-child(1) {
      border-right: 2px solid #000;
  }
}
/* End course-fee-calculation.php styling */


/* course-new.php styling */
* {
    box-sizing: border-box;
}
@keyframes rotate-center {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
.rotate-center {
    -webkit-animation: rotate-center 10s linear infinite both;
    animation: rotate-center 10s linear infinite both;
}

[data-aos="custom-animation"] {
    transform:scale(0);
}

[data-aos="custom-animation"].aos-animate {
    transform:scale(1);
}
/*// Glow Border Animation //*/
.animated-border-box, .animated-border-box-glow{
    max-height: 104%;
    max-width: 104%;
    height: calc(100% + 6px);
    width: calc(100% + 6px);
    position: absolute;
    overflow: hidden;
    z-index: 0;
    border-radius: 10px;
    top: -3px;
    left: -3px;
}
.animated-border-box-glow{
    overflow: hidden;
    /* Glow Blur */
    filter: blur(20px);
}
.animated-border-box:before, .animated-border-box-glow:before {
    content: '';
    z-index: -2;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(0deg);
    position: absolute;
    width: 99999px;
    height: 99999px;
    background-repeat: no-repeat;
    background-position: 0 0;
    /*border color, change middle color*/
    background-image: conic-gradient(rgba(0,0,0,0), #0865FF, rgba(0,0,0,0) 25%);
    /* change speed here */
    animation: rotate 4s linear infinite;
}
.animated-border-box:after {
    content: '';
    position: absolute;
    z-index: -1;
/* border width */
    left: 5px;
    top: 5px;
/* double the px from the border width left */
    /* width: calc(100% - 10px); */
    height: calc(100% - 10px);
/*bg color*/
    background: #292a2e;
/*box border radius*/
    border-radius: 7px;
}

@keyframes rotate {
    100% {
        transform: translate(-50%, -50%) rotate(1turn);
    }
}

@media (min-width: 1200px) {
    .container {
        width: 80%;
    }
}

h2, .f40 {
    font-size: calc(18.769231px + 9.2307692308 * (100vw - 375px) / 1525);
}
.lh-1-8 {
    line-height: 1.8em;  
}
/* .content-wrap .course-left-col {
    padding-right: 5%;
} */

/* Border Animation END */
/* .single-course-wrapper h1, .single-course-wrapper h2, .single-course-wrapper h3, .single-course-wrapper h4, .single-course-wrapper h5, #popup_form_calendar h4 {
    font-family: 'Poppins';
} */
h2 {
    font-weight: bold;
}
h3, .elementor-kit-8 h3 {
    font-size: 20px;
}

@media (min-width: 992px) {
    /* .banner-section {
        padding-bottom: 39%;
    }
    .banner-section .container {
        position: absolute;
        width: 88%;
        top: 50%;
        transform: translateY(-50%);
    }
    .banner-section .subsidies-image {
        margin-left: -10px;
    }
    .banner-section .text-col .course-overview,
    .banner-section .text-col .programme-main-title,
    .banner-section .text-col .description,
    .banner-section .text-col .banner-trainer-wrap,
    .banner-section .text-col .button-wrap
    {
        width: 80%;
    } */
}
/* .learner-number {
    color:#FFDA56;
    font-size: <?=calcResponsive(35);?>;
    vertical-align: middle;
} 
.rating-row {
    padding:<?=calcResponsive(20);?> <?=calcResponsive(50);?>;
    max-width:1600px;
    max-width:680px;
    border-radius: 12em;
    margin-top: -5%;
    margin-left: auto;
    margin-right:auto;
    background-color:#003640;
}
.rating-row .text-col {
    color:#fff;
    line-height: 1.8em;
    font-size: <?=calcResponsive(25);?>;
}
.rating-text img {
    vertical-align: middle;
    height: 40px;
    object-fit: contain;
    width: 85px;
    margin-bottom: -5px;
}
.rating-text .fa {
    color:#FFDA56;
}
.rating-text {
    font-size: 0.9em;
    line-height: 0.9em;
    text-align: center;
}
.rating-text .skillfuture-text a {
    color:#422E87;
    font-weight: 900;
    line-height: 1.7em;
}
.star-rating .stars {
    font-size: <?=calcResponsive(24);?>;
}
.star-rating .stars .fa-star {
    color:#FFDA56;
    margin-left: 5px;
    margin-right: 5px;
}
.star-rating > .star  {
    margin-right:<?=calcResponsive(10);?>;
}
.review-col hr {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
    border: 1px solid #EEEEEE;
}
.wsq-disclaimer {
    font-size:<?=calcResponsive(12);?>;
    color:#fff;
    font-style: italic;
}
    .star-rating .stars .fa-star-half {
    color:#FFDA56;
}
.star-rating .stars .fa-star-half.half-grey {
    color:#E6E6E6;
    -webkit-transform: scaleX(-1);
transform: scaleX(-1) translateX(4px);
}
.review-col .rating-box {
    background:#fff;
    flex:0 0 calc(60% - 1%);
    width:calc(60% - 1%);
    flex:0 0 calc(100% - 1%);
    width:calc(100% - 1%);
    border-radius: <?=calcResponsive(10);?>;
    font-size: <?=calcResponsive(20);?>;
    padding: 3% 4%;
    margin-right: 2%;
}
.review-col .rating-box:last-child {
    margin-right: 0;
    margin-left: auto;
}
.video-wrap  {
    position: relative;
}
.video-wrap .overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 2;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.course-overview-row .overlay .play-btn > img{
    position: absolute;
    top: 8.5%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 80%;
    display: block; 
}
.overlay svg {
    width: <?=calcResponsive(120);?>;
    height: <?=calcResponsive(120);?>;
}
.gallery-grid-wrapper .overlay {
    border-radius: 20px;
} */
.popup-schedule-calendar, .corporate-enquiry-row {
    background-color: #fff;
}
/* .popup-schedule-calendar > .title {
    font-size: calc(5px + .8vw);
    line-height: 1.1em;
} */
body #popup_form_calendar{
    background-color: transparent;
    position:sticky;
    top:12%;
    z-index: 9;
}
.already-enrolled .fa {
    color:#0865FF
}
.already-enrolled {
    font-size: 10px;
}
.popup-schedule-calendar .price-row .subsidy {
    padding-left: 10px;
    font-size: 10px;
    flex: 1 0 25%;
}
.subsidy .info{
    position: relative;
}
.subsidy-info-text {
    position: absolute;
    bottom: -50%;
    left: 10%;
    opacity: 0;
    visibility: hidden;
    transition: all ease 0.3s;
    padding: 10px;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.1);
    width: 200px;
}
.subsidy .info i {
    cursor: pointer;
    color: #FF6323;
    font-size: 14px;
}
.subsidy .info i:hover + .subsidy-info-text{
    opacity: 1;
    visibility: visible;
}

.popup-schedule-calendar .price-row .price{
    color:#FF6323;
    padding-right: 0;
    flex:0 0 calc(5% - 10px);
    font-size: 18px;
    font-weight: 700;
}
.popup-schedule-calendar .price-row .view-price-btn {
    background-color:#fff;
    color:#FF6323;
    border: 1px solid #FF6323;
    font-size: 11px;
    padding: 8px 15px;
    cursor: pointer;
    width: auto;
    flex:0 0 45%;
    text-align: center;
    border-radius: 3em;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.1em;
}
.fancybox__carousel.is-draggable .fancybox__slide, .fancybox__carousel.is-draggable .fancybox__slide .fancybox__content{
    width: 100%;
}
.side-floating-btn.sticky-popupform{
    bottom: 70px;
    width: 100px;
}

.enroll-sticky-button .sticky-popupform{
    display: block;
    box-shadow: none;
    background: #02B0C6;
    border-radius: 3em;
    border: none;
    color: #fff;
    text-align: center;
    padding: 10px;
}
.enroll-sticky-button .sticky-popupform img {
    position: relative;
    bottom: auto;
    vertical-align: middle;
    animation: none;
    margin-right: 5px;
    width: 20px;
    height: 20px;
}
.popup-schedule-calendar {
    padding: 20px;
    min-height: 350px;
    border: 1px solid #B1B1B1;
    border-radius: 20px;
    padding: <?=calcResponsive(20);?>;
    font-size: <?=calcResponsive(14);?>;
}
label{
    margin: 10px 0 5px 0;
    display: inline-block;
    font-weight: 600;
}
.form-control {
    padding: 10px;
    border: 1px solid #c7c1c1;
    cursor: pointer;
    width: 100%;
}
.selected-date .edit-pencil {
    display: inline-block;
    float: right;
}
.popup-course-calendar.notshow{
    display: none;
}
.popup-course-calendar{
    display: block;
    width: 100%;
}
/* .ms-dd .ms-header-middle-content, .ms-dd .ms-middle{
    align-items: center;
}
.ms-dd .ms-dd-option-image, .ms-dd .ms-dd-selected-img {
    width: 40px;
    border-radius: 50px;
}
.ms-dd .ms-options{
    max-height: 300px;
}
.ms-dd .ms-dd-header .option-selected{
    font-weight: 500 !important;
} */
.popup-course-calendar .calendar-instruction {
    padding: 0;
}
.popup-course-calendar .calendar-instruction li{
    display: inline-block;
    padding: 0 5px;
}
.popup-course-calendar .calendar-instruction li span {
    border-radius: 50px;
    width: 15px;
    height: 15px;
}

/*#popup_form_calendar .btn-wrapper,*/
/*#popup_form_calendar .btn-wrapper .main-btn,*/
.popup-form-content.layer-box-front .btn-wrapper {
    width: 100%;
    max-width: 100%;
    display: flex;
    justify-content: center;
    padding: 10px;
    background-color: #02B0C6;
    color: #fff;
    border-radius: 100px;
    border: 1px solid #02B0C6;
}
#popup_form_calendar .btn-wrapper .main-btn:hover
.popup-form-content.layer-box-front .btn-wrapper {
    color: #000;
}
/* .ms-dd.ms-pr {
    width: 100%;
}
.trainer-list-wrapper .trainer-list{
    width: 20%;
}
.ms-dd .ms-dd-header{
    height: 62px;
} */
.form-control, .ms-dd-header, .form-control:focus, .ms-dd-header:focus {
    height: 42px;
    border-radius: 0;
    background: transparent;
    outline: none;
    box-shadow: none;
}

.selected-trainer-name{
    padding: 7px;
    border: 1px solid #ccc;
    cursor:pointer;
    display: flex;
    height: 35px;
    position: relative;
    display: flex;
    align-items: center;
}
.schedule-date .selected-date {
    height: 35px;
    display: flex;
    align-items: center;
    justify-items: flex-start;
    padding-left: 15px;
}
.selected-date.disabled  {
    pointer-events: none;
    opacity: .5;
}
.schedule-date .selected-date  #selected-date,
.schedule-date .selected-date span {
    flex:1;
    display: block;
    margin-left: 10px;
}
.trainer-select{
    display: flex;
    align-items: center;
}

.selected-trainer-name #trainer-name, .trainer-select span {
    padding-left: 10px;
}
.selected-trainer-name img, .trainer-select img {
    width: 25px;
    height: 25px;   
    border-radius: 50px;
}
.selected-trainer-name:after{
    content: "\f0d7";
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    right: 15px;
}
.selected-trainer-name.show-toggle:after{
    content: "\f0d8";
    font: normal normal normal 14px/1 FontAwesome;
}
.trainer-dropdown-list-li, .course-date-list{
    padding: 5px 0;
    border: 1px solid #ddd;
    border-top: none;
    list-style: none;
    margin: 0;
    transition: 0.3s all ease-in-out;
    overflow-y: scroll;
    position: absolute;
    z-index: 88;
    width: 100%;
    background: #fff;
    font-size: <?=calcResponsive(14);?>;
    border-radius: <?=calcResponsive(14);?>;
}
.trainer-dropdown-list-li{
    height: 20vw;
    max-height: 400px;
}
.trainer-list-dropdown, .course-date-list {
    position:relative
}
.trainer-dropdown-list-li li , .course-date-list li {
    padding: 10px;
    cursor: pointer;
    border-bottom: 1px solid #ccc;
    font-size: 14px;
}
.trainer-dropdown-list-li li:last-child {
    border-bottom: none;
}
.schedule-date {
    position:relative
}
.selected-trainer-name, .selected-date {
    padding:4px 15px;
    width: 100%;
}
.selected-date .fa-calendar {
    margin-right: 10px;
}
.course-date-list li.full {
    cursor: not-allowed;
    pointer-events: none;
    opacity: 0.5;
    text-decoration: none;
}
.course-date-list {
    height: 320px;
    /* max-height: 350px; */
    position: absolute;
}
.course-date-list.hide {
    padding: 20px;
}
.course-date-list li {
    display: flex;
    justify-content: space-between;
}
.course-date-list li .availability {
    padding: 6px 7px;
    color: #fff;
    font-size: 11px;
    text-transform: uppercase;
    border-radius: 3em;
    flex: 0 0 28%;
    text-align: center;
    align-content: center;
}
.course-date-list li .location{
    color: #0047bd;
    font-weight: 600;
    flex: 0 0 29%;
}

/* .trainer-list-wrapper .trainer-list{
    width: 28%;
}
.trainer-list-wrapper .trainer-list .trainer-info .overlay .short-desc-wrapper p{
    font-size: 10px;
    -webkit-line-clamp: 6;
    line-clamp: 6;
}
.trainer-slide .short-desc-wrapper {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.trainer-list-wrapper .trainer-list .trainer-info .overlay{
    padding: 8px;
}
.trainer-list-wrapper .trainer-list .information-icon img {
    width: 18px !important;
}
.trainer-select-wrap .trainer-list-wrapper{
    gap: 18px;
}
.trainer-list-wrapper .trainer-list{
    width: 45%;
} */
/* div[class*="ani-ele"] > img {
    transition-delay: 1s!important;
}
.ani-ele-1 {
    -webkit-animation: moving-vertical-2 6s ease-in-out infinite both;
        animation: moving-vertical-2 6s ease-in-out infinite both;
}

.ani-ele-2 {
    -webkit-animation: moving-vertical-2 6s ease-in-out infinite both;
        animation: moving-vertical-2 6s ease-in-out infinite both;
        animation-delay: .4s;
}

.ani-ele-3 {
    -webkit-animation: moving-vertical-2 6s ease-in-out infinite both;
        animation: moving-vertical-2 6s ease-in-out infinite both;
        animation-delay: .8s;
}

.ani-ele-4 {
    -webkit-animation: moving-vertical-2 6s ease-in-out infinite both;
        animation: moving-vertical-2 6s ease-in-out infinite both;
        animation-delay: 1.2s;
}
.ani-ele-5 {
    -webkit-animation: moving-vertical-2 6s ease-in-out infinite both;
        animation: moving-vertical-2 6s ease-in-out infinite both;
        animation-delay: 1.6s;
}
.ani-ele-6 {
    -webkit-animation: moving-vertical-2 6s ease-in-out infinite both;
        animation: moving-vertical-2 6s ease-in-out infinite both;
        animation-delay: 2s;
}
.ani-ele-7 {
    -webkit-animation: moving-vertical-2 6s ease-in-out infinite both;
        animation: moving-vertical-2 6s ease-in-out infinite both;
        animation-delay: 2.4s;
}
.ani-ele-8 {
    -webkit-animation: moving-vertical-2 6s ease-in-out infinite both;
        animation: moving-vertical-2 6s ease-in-out infinite both;
        animation-delay: 2.8s;
}
.ani-ele-9 {
    -webkit-animation: moving-vertical-2 6s ease-in-out infinite both;
        animation: moving-vertical-2 6s ease-in-out infinite both;
        animation-delay: 3.2s;
}
.ani-ele-10 {
    -webkit-animation: moving-vertical-2 6s ease-in-out infinite both;
        animation: moving-vertical-2 6s ease-in-out infinite both;
        animation-delay: 3.4s;
}
.ani-ele-11 {
    -webkit-animation: moving-vertical-2 6s ease-in-out infinite both;
        animation: moving-vertical-2 6s ease-in-out infinite both;
        animation-delay: 3.6s;
} */
@media (max-width: 767px){ 
    .selected-trainer-name, .selected-date {
        width: 100%;
    }

    .selected-trainer-name img, .trainer-select img{
        width: 20px;
        height: 20px;
    }

    .course-date-list li .course-date {
        font-size: calc(((18 / 1.5) * 1px) + (18  - (18 / 1.5)) * (100vw - 375px) / (1900 - 375));
    }

    .course-date-list li .location {
    font-size: calc(((18 / 1.5) * 1px) + (18  - (18 / 1.5)) * (100vw - 375px) / (1900 - 375));
    }

    /* .rating-text {
        font-size: 1.2em;
    } */
}
/* .outcome-container {
    gap:0;
    position: relative;
    width: 100%;
}
.outcome-container:after {
    content:'';
    position: absolute;
    top:calc(50% - 14px);
    transform: translateY(-50%);
    height: 1px;
    width: 100%;
}
.outcome-child {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: center;
    justify-content: flex-start;
    height: 100%;
    padding: 8%;
    padding-left: 10%;
}
.outcome-container > *.gutter {
    border-bottom: 1px solid #EFEFEF;
    flex-grow: 0!important;
    flex: 0 0 33.33333333%!important;
    width: 33.33333333%!important;
}
.outcome-container > *.gutter:nth-child(3n+1) .outcome-child{
    padding-left: 0;
}
.outcome-container > *.gutter:nth-child(3n+2){
    border-right: 1px solid #EFEFEF;
    border-left: 1px solid #EFEFEF;
}
.outcome-container >*.gutter:nth-last-child(-n+3) {
    border-bottom: none;
}
.outcome-container > *.gutter:nth-child(3n) .outcome-child{
    border-right:none;
}
.outcome-image-container {
    position: relative;
    height: 160px;
    width: 100%;
}
.outcome-child:hover .fore-img {
    animation: fadeIn .4s ease-in-out;
}

.outcome-child:hover .back-img {
    animation: fadeUp .7s ease-in-out;
    animation-delay: 0.2s;
}
.outcome-image-container .fore-img {
    z-index: 2;
    bottom: 0px;
    left: 0px;
    transition: all ease .3s;
}
.outcome-image-container .back-img {
    z-index: 1;
    top: 0;
    left: <?=calcResponsive(60);?>;
    width: <?=calcResponsive(100);?>;
    height: <?=calcResponsive(100);?>;
    transition: all ease .3s;
}
.outcome-image-container img {
    max-width: 100%;
    width: <?=calcResponsive(110);?>;
    position: absolute;
}
.outcome-title {
    margin: 10px 0;
    text-align: left;
    width: 100%;
    font-weight: 600;
    min-height:<?=calcResponsive(50);?>;
}
.outcome-child p {
    font-size:<?=calcResponsive(16);?>;
    text-align: left;
    margin:0 
} */

@keyframes fadeUp {
    0%{

        transform: scale(1);
    }
    50% {

        transform: scale(.5);
    }
    50% {
        opacity: 1;
        transform: scale(1);
    }
    70% {

        transform: scale(.5)
    }
    100% {

        transform: scale(1);
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

/* .entry-requirement-cont {
    background: rgba(255, 128, 69, .08);
    padding: 25px;
    border-radius: 10px;
    border-left: 12px solid #FF6323;
}

.entry-requirment-icon {
    background: #FF6323;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    display: flex;
    width: 35px;
    height: 35px;
    flex: 0 0 35px;
}

.entry-requirment-content {
        padding: 0px 15px;
}

.entry-requirment-content h2 {
    color:#FF6323;
    font-size:20px;
}

.entry-requirment-content a {
    color:#0865FF;
    text-decoration:underline;
    }

    
.info-section video {
    width: 100%;
    border-radius: 20px;
}
.course-overview-row video {
    height: <?=calcResponsive(600);?>;
}
.hands-on {
    border-radius: 20px;
    padding:40px 20px;
    padding-right: 0;
}
.hands-on h3 {
    color: white !important;
}

.why-learn-container {
    display: flex;
    flex-wrap:wrap;
    justify-content: center;
    gap: 20px;
    padding: 10px;

}
.why-learn-items {
    flex: 0 0 calc(33.33333% - 20px);
    position: relative;
}
.why-learn-items.hide {
    display: none !important;
}
.why-learn-item-1 {
    z-index: 1;
}
.why-learn-items img {
    width: 100%;
    height: auto;
    border-radius: 20px;
    display: block; 
    box-shadow:-10px 18px 23px -6px rgba(0,0,0,0.5)
}
.learn-description {
    background-color: #0865ff;
    color: white;
    padding:<?=calcResponsive(10);?>;
    text-align: center;
    font-size: <?=calcResponsive(12);?>;
    border-radius: 3em;
    line-height: 1.3em;
    position: absolute;
    width: 102%;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
}
.why-learn-items:nth-child(1) {
    bottom:<?=calcResponsive(-40);?>;
}
.why-learn-items:nth-child(1) img {
    transform: rotate(-2deg);
}
.why-learn-items:nth-child(1) .learn-description {
    top: -3vw !important;
    bottom: unset !important;
}
.why-learn-items:nth-child(2) img {
    transform: rotate(10deg);
    transform: rotate(4deg);
}
@media (min-width: 768px) {
    .why-learn-items:nth-child(2) .learn-description {
        bottom: -10%;
    }
}
.why-learn-items:nth-child(3) img {
    transform: rotate(-2deg);
}
.why-learn-items:nth-child(3) .learn-description {
    top: 0 !important;
    bottom: unset !important;
}
.why-learn-items:nth-child(4) img {
    transform: rotate(4deg) translate(7%, -14%);
    transform: rotate(-4deg) translate(7%, 0%);
}
.why-learn-items:nth-child(4) .learn-description {
    bottom: 10% !important;
    bottom: -10% !important;
    left: 5%;
}
.why-learn-items:nth-child(5) img {
    transform: rotate(-3deg);
}
.why-learn-items:nth-child(6) img {
    transform: rotate(10deg);
}
.why-learn-items:nth-child(6) .learn-description {
    bottom: 15% !important;
}
.what-you-learn-item.hands-on  {
    background:#0865FF    
} 
.what-you-learn-item.accessment {
    background-color:rgba(8,101,255,.01);  
    background-image: url('<?=get_stylesheet_directory_uri();?>/img/courses-new/competency.svg');
    background-position: 112% 100%;
    background-size: 30%;
    background-repeat: no-repeat;
}
.what-you-learn-item .activities .slick-list {
    margin: 0 -10px;
    padding:0 8% 0 0%;
    width: calc(100% + 10px);
}
.what-you-learn-item .activities .slick-track {
    display: flex;
    margin-left: 0;
}
.what-you-learn-item .activities .slick-slide  > div , .what-you-learn-item .activities .slick-slide  > div >.gutter, .what-you-learn-item .activity {
    height: 100%;
}
.what-you-learn-item .activities .slick-slide {
    margin:0 10px;
    height: auto;
    transition: all ease .3s;
}
.trainer-slider .slick-track {
    display: flex;
}
.trainer-slider .slick-list {
    padding:0 20% 0 0%;
    margin:0 -15px;
    margin-right: 0;
}
.trainer-slider .slick-slide {
    margin:0 15px;
    height: auto;
    position: relative;
    padding-bottom: 16vw!important;
    overflow: hidden;
}
.trainer-slider .slick-slide > div ,  .trainer-slider .slick-slide > div >.trainer-slide {
    height: 100%;
}
.trainer-slide .trainer-img  {
    width: auto;
    height: 20vw;
    object-fit: cover;
    object-position: top;
    position: absolute;
    right: -7%;
    bottom: -13%;
}
.trainer-pop-btn {
    color:#0865FF;
    font-weight: 600;
    cursor: pointer;
    text-transform: uppercase;
    text-decoration: underline;
}
.trainer-slider.slick-initialized .slick-slide {
    background:#E6EDF7;
    border-radius: <?=calcResponsive(30);?>;
    padding:<?=calcResponsive(30);?>;
}
.trainer-slide {
    width:auto!important;
}
.trainer-slide .trainer-name {
    color:#0865FF;
} */
.course_sign_up_btn.main-btn:before, .course_sign_up_btn:before {
    display: none;
}
.course_sign_up_btn.main-btn, .course_sign_up_btn {
    background-color: #02B0C6;
    border: 1px solid #02B0C6;
    background-origin: initial;
    background-clip: initial;
    background-image:none;
    border-radius: 3em;
    color:#fff;
    transition: all ease 300ms;
    cursor: pointer;
    font-weight: 600;hsla(217, 100%, 52%, 1.00);
    text-decoration: none;
}
/*.course_sign_up_btn.main-btn:hover, .course_sign_up_btn:hover {*/
/*    border-radius: 3em;*/
/*    background-color:#fff;*/
/*    background-origin: initial;*/
/*    background-clip: initial;*/
/*    background-image:none;*/
/*    background: #fff;*/
/*    color: #02B0C6;*/
/*}*/
.corporate-enquiry-row .enquire-btn {
    background: #fff;
    color: #02B0C6;
    border: 1px solid #02B0C6;
    width: 100%;
    border-radius: 3em;
    max-width: 100%;
    text-align: center;
    font-weight: 600;
}
.corporate-enquiry-row .enquire-btn:hover {
    background: #02B0C6;
    color: #fff;
}
/* .gallery-image .overlay img {
    width:<?=calcResponsive(70);?>;
}
.gallery-slider .slick-list {
    margin-left: 0;
    margin-right: 0;
}
.gallery-slider .slick-slide {
    margin:5px;
}
.gallery-slider .slick-track{
    display: flex;
}
.gallery-grid-wrapper .gallery-image > img, .gallery-grid-wrapper .gallery-image video {
    width: 15vw;
}
.cert-wrap img {
    position: relative;
    z-index: 2;
    border-radius: 5px;
    display: block;
}
cert-outer-wrap {
    border: 1px solid rgba(8,101,255,0.4);
    padding: <?=calcResponsive(15);?>;
    border-radius: <?=calcResponsive(10);?>;
} */
.location-list {
    position: relative;
    margin: 13px 0;
}
.location-list .flex {
    position: relative;
}
.course-dropdown-list {
    position: relative;
}
.course-dropdown-list .loading {
    position:absolute;
    top:0;
    left:0;
    right: 0;
    bottom: 0;
    background: rgba(255,255,255,.5);
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
} 
.location-list select {
    -webkit-appearance: none;
}
.location-list:after {
    content: "\f0d7";
    font: normal normal normal 14px / 1 FontAwesome;
    position: absolute;
    right: 15px;
    top: 50%;
transform: translateY(-50%);
}
.location-list select, .location-list select:focus{
    background: url('../img/courses-new/location.svg');
    background-size: 20px;
    background-position: 15px;
    background-color: #fff;
    background-repeat: no-repeat;
    padding-left: 40px;
    font-size: 14px;
}
/* .programme-main-title  span  {
    font-weight: 600!important;
} */
.course-timing-box {
    background-color: rgba(8,101,255,.2);
    border-radius: 10px;
    padding: 12px;
    margin-top: 15px;
    display: none;
    font-size: 14px;
    margin-bottom: 15px;
}
.course-timing-box .training-centre-address br {
    display: none;
}
.course-timing-box .title {
    color:#0865FF;
    font-weight: 600;
}
.course-dropdown-list > * img {
    width: 16px;
}
.course-dropdown-list .form-control {
    border:1px solid #ddd;
    border-radius: 3em;
    height:35px;
    padding-top:5px;
    padding-bottom:5px;
}
/* .banner-trainer-wrap {
    min-height: <?=calcResponsive(56);?>;
}
.trainer-popup {
    padding:0!important;
    background: none;
    max-width: 800px;
    margin:0 auto;
    border-radius: <?=calcResponsive(20);?>;
    background-color:#E6EDF7!important;
}
.trainer-popup .image {
    background: rgb(230,237,247);
    background: linear-gradient(180deg, rgba(230,237,247,1) 0%, rgba(191,213,250,1) 82%);
    flex:0 0 30%;
    border-top-left-radius:<?=calcResponsive(20);?>;
    border-bottom-left-radius:<?=calcResponsive(20);?>;
}
.trainer-popup .image img {
    object-fit: cover;
    width: 500px;
    height: 100%;
    border-top-left-radius:<?=calcResponsive(20);?>;
    border-bottom-left-radius:<?=calcResponsive(20);?>;
    display: block;
}
.trainer-popup .text {
    padding:<?=calcResponsive(50);?>;
    flex:0 0 70%;
    padding-right: 5%;
}
.trainer-popup .carousel__button.is-close {
    background-color: #C5C5C5;
    border-radius:50% ;
    top: 5%!important;
    right: 10px!important;
}
.gallery-grid-wrapper .gallery-image > img {
    height: 250px;
}
.trainer-popup .carousel__button.is-close svg{ 
    stroke:#424242;
    width: 15px;
}
.trainer-popup .text  .title {
    color:#0865FF
}
.custom-nav, .custom-nav svg {
    background: #fff;
    border-radius: 50%;
    width:<?=calcResponsive(35);?>;
    height: <?=calcResponsive(35);?>;
    z-index: 2;
}
.custom-nav {
    box-shadow: 0px 0px 15px -5px;
    transition: all ease 0.3s;
    transform: translateY(-50%);
}
.custom-nav.slick-disabled {
    opacity: 0;
}
.custom-nav svg path:nth-child(1) {
    fill:#fff;
}
.custom-nav svg path:nth-child(2) {
    fill:#0865FF;
}
.custom-marker.activities  {
    position: relative;
}
.custom-nav.left {
    position: absolute;
    left: -10px;
    top: 50%;
} 
.custom-nav.right{
    position: absolute;
    right: 10px;
    top: 50%;
}

.gallery-grid-wrapper .gallery-image.image img {
    height: 100%;
} */
.error-msg {
    color: #c90000;
    padding-right: 5px;
    margin-bottom: 10px;
}
.course-date-list .location-title {
    padding: 5px 10px;
    padding-top: 10px;
    font-weight: 600;
    color: #0865FF; 
}
.not-selected-mark {
    margin-bottom: 0;
    margin-left:-10px;
    font-weight: bold;
}

/* .simple-tabs {
    display: flex;
}
.simple-tabs .simple-tab {
    margin-left: 5px;
    margin-right: 5px;
    cursor: pointer;
}
.simple-tabs .simple-tab.active {
    color: #0865FF;
    border-bottom: 3px solid #0865FF;
}
.simple-tab-pane {
    display: none;
}
.simple-tab-pane.active {
    display: block;
}
.circle-tabs .simple-tab .tab-title {
    padding: 8px 15px;
    border-radius: 40px;
    background-color: #fff;
    border: 2px solid #0865FF;
    color: #0865FF;
    font-weight: bold;
    flex: 1;
}
.circle-tabs .simple-tab.active,
.circle-tabs .simple-tab:hover {
    border-bottom: none;
}
.circle-tabs .simple-tab.active .tab-title,
.circle-tabs .simple-tab:hover .tab-title {
    background-color: #0865FF;
    color: #fff;
    border-bottom: 2px solid #0865FF;
}
.course-schedules .simple-tab {
    min-width: 200px;
}
.course-schedules .simple-tab-pane {
    margin: 20px 5px;
    padding: 20px;
    border-radius: 20px;
    background-color: #E5EFFF;
}
.course-schedules .content-box {
    margin-bottom: 30px;
}
.course-schedules .desc-list {
    background-color: #fff;
    padding: 20px;
    border-radius: 20px;
}
.course-schedules .desc-list .list-item {
    position: relative;
    margin-bottom: 15px;
    padding-left: 20px;
    line-height: 1.7em;
}
.course-schedules .desc-list .list-item::before {
    content: '';
    position: absolute;
    top: 8px;
    left: 0;
    background-color: #0865FF;
    border-radius: 50%;
    width: 5px;
    height: 5px;
}
.course-schedules .desc-list .list-item.individual-activity-type::before {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOSAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzEyODJfMzcyNikiPgo8cGF0aCBkPSJNMTkuMDAxIDcuMjMzODJDMTkuMDg3OCA2LjY4ODM3IDE4LjcxMTMgNi4yMDAzMyAxOC4xOSA2LjE0MjkyTDEyLjgwMjggNS4zNjc4TDEwLjM5ODggMC41NDQ4MjlDMTAuMjgzIDAuMzQzODcyIDEwLjEzODIgMC4yMDAzMzEgOS45MzU0MSAwLjExNDIwN0M5LjQ3MTk5IC0wLjExNTQ1OCA4Ljg5MjczIDAuMDU2NzkwNSA4LjY2MTAyIDAuNTQ0ODI5TDYuMjI4MDkgNS4zOTY1TDAuODQwODk3IDYuMTcxNjJDMC42MzgxNTMgNi4yMDAzMyAwLjQzNTQwOSA2LjI4NjQ2IDAuMjkwNTkyIDYuNDU4N0MtMC4wODU5MzIyIDYuODMxOTEgLTAuMDg1OTMyMiA3LjQzNDc4IDAuMzE5NTU2IDcuODA3OTlMNC4yMDA2NSAxMS41Njg4TDMuMzAyNzkgMTYuOTA4NUMzLjMwMjc5IDE2LjkwODUgMy4yNzM4MiAxNi45OTQ2IDMuMjczODIgMTcuMDUyQzMuMjczODIgMTcuNTk3NSAzLjcwODI4IDE4LjAyODEgNC4yMjk2MiAxOC4wMjgxQzQuNDAzNCAxOC4wMjgxIDQuNTQ4MjEgMTcuOTcwNyA0LjY5MzAzIDE3LjkxMzJMOS41Mjk5MiAxNS4zODY5TDE0LjMzNzggMTcuOTEzMkMxNC41NDA2IDE3Ljk5OTQgMTQuNzQzMyAxOC4wMjgxIDE0Ljk0NjEgMTcuOTk5NEMxNS40OTY0IDE3LjkxMzIgMTUuODQzOSAxNy40MjUyIDE1Ljc1NzEgMTYuOTA4NUwxNC44MzAyIDExLjU2ODhMMTguNzQwMyA3LjgwNzk5QzE4Ljg4NTEgNy42NjQ0NSAxOC45NzIgNy40NjM0OSAxOS4wMDEgNy4yNjI1M1Y3LjIzMzgyWk0xMy4xMjE0IDEwLjU2NEMxMi44ODk3IDEwLjc2NDkgMTIuNzczOCAxMS4wODA3IDEyLjgzMTcgMTEuMzk2NUwxMy40OTc5IDE1LjMwMDhMOS45NjQzNyAxMy40NjM1QzkuNjc0NzQgMTMuMzE5OSA5LjM1NjE0IDEzLjMxOTkgOS4wNjY1MSAxMy40NjM1TDUuNTMyOTcgMTUuMzAwOEw2LjE5OTEzIDExLjM5NjVDNi4yNTcwNiAxMS4wODA3IDYuMTQxMiAxMC43NjQ5IDUuOTM4NDYgMTAuNTY0TDMuMDcxMDggNy43NzkyOEw3LjAxMDEgNy4yMDUxMkM3LjMyODcgNy4xNzY0MSA3LjYxODM0IDYuOTc1NDUgNy43MzQxOSA2LjY4ODM3TDkuNTI5OTIgMy4xMjg1NkwxMS4yOTY3IDYuNjg4MzdDMTEuNDQxNSA2Ljk3NTQ1IDExLjcwMjIgNy4xNzY0MSAxMi4wMjA4IDcuMjA1MTJMMTUuOTg4OCA3Ljc3OTI4TDEzLjEyMTQgMTAuNTY0WiIgZmlsbD0iIzA4NjVGRiIvPgo8cGF0aCBkPSJNMTIuODMxIDExLjM5NjhMMTMuNDk3MSAxNS4zMDEyTDkuOTYzNjEgMTMuNDYzOEM5LjY3Mzk3IDEzLjMyMDMgOS4zNTUzNyAxMy4zMjAzIDkuMDY1NzQgMTMuNDYzOEw1LjUzMjIgMTUuMzAxMkw2LjE5ODM2IDExLjM5NjhDNi4yNTYyOSAxMS4wODExIDYuMTQwNDMgMTAuNzY1MyA1LjkzNzY5IDEwLjU2NDNMMy4wNzAzMSA3Ljc3OTYyTDcuMDA5MzQgNy4yMDU0NkM3LjMyNzk0IDcuMTc2NzUgNy42MTc1NyA2Ljk3NTggNy43MzM0MiA2LjY4ODcxTDkuNTI5MTUgMy4xMjg5MUwxMS4yOTU5IDYuNjg4NzFDMTEuNDQwNyA2Ljk3NTggMTEuNzAxNCA3LjE3Njc1IDEyLjAyIDcuMjA1NDZMMTUuOTg4IDcuNzc5NjJMMTMuMTIwNiAxMC41NjQzQzEyLjg4ODkgMTAuNzY1MyAxMi43NzMxIDExLjA4MTEgMTIuODMxIDExLjM5NjhaIiBmaWxsPSIjMDg2NUZGIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMTI4Ml8zNzI2Ij4KPHJlY3Qgd2lkdGg9IjE5IiBoZWlnaHQ9IjE4IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=');
    background-color: transparent;
    background-size: 100%;
    border-radius: 0;
    width: 13px;
    height: 12px;
}
.individual-activity-txt {
    background-color: #0865FF;
    border-radius: 40px;
    color: #fff;
    padding: 3px 5px;
    margin-right: 5px;
}

@media (max-width: 767px) {
    .course-schedules .simple-tab {
        min-width: 80px;
    }
} */

.course-ref {
    color: #6E6E6E;
    font-size: 14px;
    font-style: italic;
}

/* .competency-row {
    border-radius: 100px;
    padding: 10px 15px;
    background-color: #0865FF;
    color: #fff;
}
@media (max-width: 767px) {
    .competency-row {
        border-radius: 20px;
        display: block;
        font-size: 0.9em;
        padding: 10px;
    }
    .competency-row svg {
        display: inline-block;
        vertical-align: middle;
        width: 20px;
        height: 20px;
        margin-left: 0;
    }
    .competency-txt1 {
        padding-left: 3px !important;
        padding-right: 0px !important;
    }
    .competency-txt2 {
        display: block;
        padding-left: 26px;
    }
    .competency-row p {
        margin: 5px 0 0;
    }
} */

.flex-1 {
    flex: 1;
}

/* @media (min-width: 1200px) {
    .rating-row {
        width: 80%;
    }
} */
@media (max-width: 991px) {
    /* .single-course-wrapper {
        overflow: hidden;
    }
    .content-wrap .course-left-col {
        padding-right: 0;
    }
        .star-rating > .star {
        margin-right: 0;
    }
    .banner-section .course-overview .item {
        font-size: <?=calcResponsive(16);?>;
        padding: 3px 5px;
        line-height: 1.2em;
    }
    .course-overview {
        gap:5px;
    }
    .course-overview .days svg {
        display: none;
    } 
    .course-overview-row video {
        height: <?=calcResponsive(400);?>;
    } */
    .fancybox__slide::before {
        display: none;
    }
    body #popup_form_calendar{
        position:relative;
        top:0;
    }
    .location-list select,.location-list select:focus { 
        padding-left:calc(28px + ((18/7.67) * 1vw))
    }
    .popup-schedule-calendar {
        font-size: 13px;
        min-height: auto;
    }
    .popup-schedule-calendar .mode-of-training, .already-enrolled, .popup-schedule-calendar .price-row .view-price-btn {
        font-size: 11px;
    }
    .popup-schedule-calendar .mode-of-training {
        display: flex;
        font-size: 13px;
    }
    .popup-schedule-calendar .mode-of-training .icon {
        flex: 0 0 10% !important;
    }
    .mode-of-training .title {
        flex: 0 0 55%;
    }
    .popup-schedule-calendar .mode-of-training .text {
        flex: 0 0 35%;
    }
    .popup-schedule-calendar .mode-of-training .icon img {
        height: 17px;
        vertical-align: middle;
    }
    .popup-schedule-calendar .price-row .price {
        font-size:16px;
    }
    .popup-schedule-calendar .price-row .subsidy {
        font-size: 10px;
    }
    /* .popup-schedule-calendar >.title {
        font-size: <?=calcResponsive(22);?>;
    } */
    /* .why-learn-items:nth-child(5) img {
        transform: rotate(-3deg) translateY(10px);
    }
    h2, .title-minus {
        font-size:  <?=calcResponsive(32);?>;
    }
    .outcome-child .outcome-title{ 
        font-size:  <?=calcResponsive(22);?>;
        line-height: 1.1em;
        flex:1;
        min-height: 50px;
    }
    .outcome-description {
        flex:2;
    }
    .outcome-container  .slick-track {
        display: flex;
    }
    .outcome-container .slick-slide {
        height: auto;
        background: #ededed;
        border-radius: 15px;
        transition: all ease .3s;
        margin-top: 5px;
        margin-bottom: 10px;
    }
    .outcome-container .slick-slide > div,  .outcome-container .slick-slide > div > div ,  .outcome-container .slick-slide > * , .outcome-child{
        height: 100%;
    }
    .course-outcome-row {
        margin-right: -5%;
    }
    .outcome-child p {
        font-size:  <?=calcResponsive(20);?>;
    }
    .cert-outer-wrap {
        max-width: 400px;
        margin: 0 auto;
    }
    .why-learn-container {
        gap:10px
    }
        .why-learn-items {
        flex: 0 0 calc(50% - 10px);
        flex: 0 0 calc(100% - 10px);
    }
    .trainer-slide .trainer-img  { 
        height: 35vw;
        bottom: -10%;
    }
    .outcome-container  {
        gap:10px;
    }
    .outcome-container > * {
        flex: 0 0 calc(50% - 10px)!important;
        width:calc(50% - 10px)!important;
    }
    .outcome-child {
        text-align: left;
    }
    .rating-row {
        padding: 20px;
        border-radius: 20px;
        margin-top:-12%;
        margin-top: -5%;
        max-width: 80%;
        padding: 15px;
    }
    .rating-row .text-col {
        text-align: center;
        font-size: <?=calcResponsive(30);?>;
        font-size: 14px;
    }
    .learner-number {
        font-size:  <?=calcResponsive(50);?>;
        font-size: 28px;
    }
    .star-rating .stars {
        font-size: 14px;
    } 
    .rating-text {
        font-size: 0.9em;
    }
    .review-col hr {
        margin-top: 5px;
        margin-bottom: 5px;
    }
    
    .cert-image-row .image-col {
        padding-right: 0;
    }
    .what-you-learn-item .text {
        padding-right: 0;
        padding-left: 0;
    }
    .platform-logos {
        width: 100%;
    }
    .platform-logos > * {
        justify-content: flex-start;
        width: 33.33333%;
    }
    .platform-logos > * img {
        height: 30px;
        width: 90%;
        object-fit: contain;
        object-position: center;
        max-width: 100%;
    }
    .platform .platform-logos {
        padding-left: 0;
    }
    .outcome-image-container {
        height: 100px;
    } 
    .why-learn-items:nth-child(1) {
        z-index: 2;
    }
    .why-learn-items:nth-child(1) .learn-description {
        top:-50px!important;
        left:5%;
    }
    .why-learn-items:nth-child(1) img { 
        transform: rotate(-7deg);
    } 
    .why-learn-items:nth-child(1) .learn-description {
        transform: rotate(-5deg);
    }
    .why-learn-items:nth-child(2) .learn-description {
        transform: rotate(10deg);
    }
    .why-learn-items:nth-child(3) .learn-description {
        top: 14%!important;
        bottom: unset !important;
        transform: rotate(356deg);
        left: -9%;
    }
    .why-learn-items:nth-child(5) .learn-description {
        left: -3%;
        transform: rotate(353deg);
        top: 0%;
        bottom: auto;
    }
    .banner-section .container > .flex-row {
        gap:5px;
    }
    .gallery-grid-wrapper {
        grid-template-rows:35vw 35vw;
    }
    .gallery-grid-wrapper .gallery-image > img, .gallery-grid-wrapper .gallery-image video {
        width: 35vw;
    }
    .rating-text img {
        vertical-align: middle;
        height: 32px;
        object-fit: contain;
        width: 64px;
        margin-bottom: -2px;
        margin-top: -2px;
    }
    .learn-description {
        font-size: 13px;
        line-height: 1.2em;
    }
    .why-learn-items:nth-child(6) img {
        transform: rotate(4deg) translate(10%, -20%)
    }
    .trainer-slider .slick-slide {
        padding-bottom:30vw !important;
    }
    #chat-widget-container {
        bottom:5%!important;
    }
    .outcome-container > * {
        width: auto!important;
        flex:auto!important;
        border:none!important
    }
    .outcome-container .slick-list {
        width: 100%!important;
        flex:0 0 100%!important;
        padding: 0 15% 0 0%;
        padding: 0 30% 0 0%;
        margin:0;
    }
    .outcome-child {
        padding-left: 8%;
    }
    .why-learn-items:nth-child(4) .learn-description {
        bottom:17%!important
    }
    .why-learn-items:nth-child(6) .learn-description {
        bottom: 3% !important;
        left: 5%;
        transform: rotate(7deg);
    } */
    .enroll-sticky-button {
        display:flex;
        width: 100%;
        animation: none;
        left: 0;
        bottom: 0;
        padding: 10px 5px;
        background-color: transparent;
        background: rgba(255, 255, 255, 0.5);
        justify-content: center;
        position: fixed;
    }
    .enroll-sticky-button > * {
        width: calc(50% - 10px);
        flex:0 0 calc(50% - 10px);
        margin-right: 10px;
        max-width:300px;
    }
    .enroll-sticky-button > *:last-child {
        margin-right: 0;
    }
    .enroll-sticky-button .view-price-btn {
        background-color:#fff;
        color:#FF6323;
        border: 1px solid #FF6323;
        font-size:inherit;
        padding: 9px;
        cursor: pointer;
        text-align: center;
        border-radius: 3em;
        font-weight: 600;
        text-transform: uppercase;
        line-height: 1.1em;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    /* .why-learn-items {
        display: flex;
    }

    .why-learn-items img {
        transform: none !important;
        width: 50%;
        border-radius: 15px;
    }
    .learn-description {
        border-radius: 15px;
    }
    .why-learn-items:nth-child(1),
    .why-learn-items:nth-child(2),
    .why-learn-items:nth-child(3),
    .why-learn-items:nth-child(4),
    .why-learn-items:nth-child(5),
    .why-learn-items:nth-child(6) {
        bottom: auto !important;
    }
    .why-learn-items:nth-child(2),
    .why-learn-items:nth-child(4),
    .why-learn-items:nth-child(6) {
        flex-direction: row-reverse;
    }
    .why-learn-items .learn-description,
    .why-learn-items:nth-child(1) .learn-description,
    .why-learn-items:nth-child(2) .learn-description,
    .why-learn-items:nth-child(3) .learn-description,
    .why-learn-items:nth-child(4) .learn-description,
    .why-learn-items:nth-child(5) .learn-description,
    .why-learn-items:nth-child(6) .learn-description {
        top: auto !important;
        bottom: auto !important;
        position: relative !important;
        width: 50%;
        display: flex;
        align-items: center;
    }
    .why-learn-items:nth-child(1) img,
    .why-learn-items:nth-child(3) img,
    .why-learn-items:nth-child(5) img,
    .why-learn-items:nth-child(2) .learn-description,
    .why-learn-items:nth-child(4) .learn-description,
    .why-learn-items:nth-child(6) .learn-description 
    {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    .why-learn-items:nth-child(2) img,
    .why-learn-items:nth-child(4) img,
    .why-learn-items:nth-child(6) img,
    .why-learn-items:nth-child(1) .learn-description,
    .why-learn-items:nth-child(3) .learn-description,
    .why-learn-items:nth-child(5) .learn-description
    {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
    .why-learn-items:nth-child(4) .learn-description {
        left: 0;
    } */
}
@media (max-width: 767px) { 
    .location-list select, .location-list select:focus{
        font-size:13px;
    }
    /* .why-learn-items:nth-child(6) .learn-description {
        bottom: -7% !important;
        left: -6%;
    }
    .why-learn-items:nth-child(3) .learn-description {
        top: 5%!important;
    }
    .platform .platform-logos {
        justify-content: flex-start;
    }
    .what-you-learn-item .text-logo-wrap .text-col {
        flex:0 0 100%;
    }
    .trainer-slide .trainer-img  { 
        height: 40vw;
        bottom: -10%;
    }
    .why-learn-items:nth-child(3) .learn-description {
        top: -9px!important;
    }
    .why-learn-items:nth-child(1) .learn-description {
        top:-50px!important;
        left:-13%;
    }
    .learn-description {
        font-size: 10px;
        font-size: 12px;
        line-height: 1.2em;
        width: 120%;
    }
    .why-learn-items:nth-child(5) .learn-description {
        left: -11%;
        transform: rotate(353deg);
        top: -27%;
        bottom: auto;
    }
    .why-learn-items:nth-child(6) .learn-description {
        bottom: -0% !important;
        left: -5%;
    } */
    /* .what-you-learn-item .text-logo-wrap {
        flex-wrap: wrap;
    }
    .outcome-image-container .fore-img {
        bottom:-10px
    }
    .why-learn-items {
        margin-bottom: 30px;
    }
    .rating-row .text-col {
        padding:0 20px
    }
    .review-col .rating-box {
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .cert-outer-wrap {
        max-width: 250px;
        margin: 0 auto;
    }
    .learn-description {
        font-size: calc;
        padding: 10px;
    }

    .entry-requirment-content ul {
        margin-left: -70px;
    }

    .single-course-wrapper h1 {
        margin-bottom: 10px;
    }
    .banner-section .image-col>img {
        width: auto !important;
        height: auto !important;
    }
    .enquiry-section .form-fields-wrapper {
        padding: 20px 20px 10px;
    } 
    .form-wrapper .btn-col {
        margin-top: 0px;
    }
    .form-wrapper .btn-col p {
        margin-top: 0;
    } */
}
/* @media (max-width: 480px) {
    .learn-description {
        padding: 8px;
    }
} 
.gallery-image img {
    border-radius: 20px;
} */
/* End course-new.php styling */


/* Styling 2026 */
.individual-notes ul, .corporate-notes ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
}
.individual-notes ul li, .corporate-notes ul li {
  position: relative;
  padding-left: 26px; /* space for the star */
  margin-bottom: 8px; /* spacing between lines */
  line-height: 1.6;
}
.individual-notes ul li::before, .corporate-notes ul li:before {
  font-family: 'FontAwesome';
  content: "\f005"; /* star icon */
  color: #fff;
  border-radius: 50%;
  font-weight: 700;
  font-size: 12px;
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%); /* vertically center the icon */
  line-height: 1;
}
.individual-notes ul li:nth-child(1)::before {
  background: #ff8145;
}
.individual-notes ul li:nth-child(2)::before {
  background: #00a982;
}
.individual-notes ul li:nth-child(3)::before {
  background: #ffbc43;
}
.corporate-notes ul li:nth-child(1)::before {
    background: #00ab84;
}
.corporate-notes ul li:nth-child(2)::before {
    background: #8b4699;
}
.corporate-notes ul li:nth-child(3)::before {
    background: #0085ca;
}
.corporate-notes ul li:nth-child(4)::before {
    background: #ffbc43;
}
.popup-schedule-calendar .mode-of-training {
    display: flex;
}
.popup-schedule-calendar .mode-of-training .icon {
    flex: 0 0 7%;
}
.popup-schedule-calendar .mode-of-training .title {
    flex: 0 0 55%;
}
.popup-schedule-calendar .mode-of-training .text {
    flex: 0 0 35%;
}
.popup-schedule-calendar .mode-of-training {
    font-size: 14px;;
}
.schedule-date .selected-date #selected-date {
    font-size: 14px;
}
/* .corporate-individual-details {
    display: none;
} */
.schedule-date .flex {
    display: flex;
}

/* General table layout for individual */
.fee-table-top {
  border: 1px solid #dedede;
  border-radius: 30px;
  /*border-top-left-radius: 30px;*/
  /*  border-top-right-radius: 30px;*/
  border-collapse: separate;
  border-spacing: 0;
    overflow: hidden;
    background: #fff;
  width: 100%;
}
.fee-table-top tbody tr td {
    font-family: 'Open Sans', sans-serif;
}
.fee-table-top tbody tr td, .enroll-sticky-button > *,
#popup_form_calendar .btn-wrapper, #popup_form_calendar .btn-wrapper .main-btn{
    font-family: 'Helvetica', sans-serif;
}
.fee-table-top thead::before {
    content: "";
    display: block;
    height: 20px;
}
/*.fee-table-top {*/
/*    border: 1px solid #dedede;*/
/*    border-collapse: separate;*/
/*}*/
.fee-table-top td {
  border: none;
  /*border-bottom: 1px solid #dedede;*/
  padding: 15px;
  vertical-align: middle;
  font-size: 14px;
}
.fee-table-top tbody td {
    padding-left: 30px;
    padding-right: 30px;
}

/*Removed normal tr td border and added styling so it left padding left and right*/
/*.fee-table-top tbody tr td {*/
/*    border-bottom: 1px solid #e0e0e0;*/
/*}*/
.fee-table-top tbody tr {
    position: relative;
}
.fee-table-top tbody tr::after {
    content: "";
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 0;
    height: 1px;
    background: #e0e0e0;
}
.fee-table-top tbody tr:last-child::after {
    display: none;
}
.fee-table-top tbody tr:last-child td {
    border-bottom: none;
}


/* ---------- INDIVIDUAL MODE ---------- */
#individual .citizen-cat-1 thead td {
  background-color: #194168;
}
#individual .citizen-cat-2 thead td {
  background-color: #00AB84;
}
/* ---------- CORPORATE MODE ---------- */
#corporate .sme thead td {
  background-color: #194168;
}
#corporate .non-sme thead td {
  background-color: #00AB84;
}
.citizen-cat-1 thead td, .citizen-cat-2 thead td,
#corporate .sme thead td, #corporate .non-sme thead td {
  color: #fff;
  font-weight: 700;
  text-align: center;
  padding: 8px 15px;
  font-size: 16px;
}
.fee-table-top tbody td:first-child {
  font-weight: 500;
}
/* .fee-table-top tbody tr:last-child td {
  border-top: 2px solid #000;
} */
#individual .fee-table-top .amount {
  /*color: #ff5a2c;*/
  font-weight: 700;
}
#individual .fee-table-top .amount .skf-70-netfee,
#corporate .fee-table-top .amount .sme-netfee{
    color: #194168;
}
#corporate .fee-table-top .amount .skf-50-netfee,
#corporate .fee-table-top .amount .nonesme-netfee{
    color: #00AB84;
}
#corporate .fee-table-top .amount {
    /*color: #00ab84;*/
  font-weight: 700;
}
/* Add subtle shadow to each table */
/*.fee-table-top {*/
/*  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);*/
/*}*/
/* Side-by-side layout */
.scheme-tab-content .flex {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.scheme-tab-content .flex table {
  flex: 1 1 48%;
}
#popup_form_calendar .btn-wrapper, #popup_form_calendar .btn-wrapper .main-btn {
    text-decoration: none;
}
table tbody tr:hover > td,
table tbody tr:hover > th,
table tbody > tr:nth-child(odd) > td,
table tbody > tr:nth-child(odd) > th {
    background-color: #fff !important;
}



@media (min-width: 1024px) {
    .hide-desktop {
        display: none;
    }
    
}

@media screen and (max-width: 768px) {
    body #popup_form_calendar {
        display: none;
    }
}