.WatchOurVideos{ 
    padding: 60px 0; 
    max-width: var(--container-lg);
    overflow: hidden;
    margin: 0 auto;
    border-radius: var(--border-radius);
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.WatchOurVideos .splide__pagination{display: none;}
.WatchOurVideos .elearnin-item-bg{color: #000}
.video_splide h3 {
    line-height: 17px;
    padding-top: 0;
    font-family: "Inter",sans-serif;
    margin-bottom: 2px;
    color: #025369;
    font-weight: 600;
    font-size: 14px;
}
.video_splide h4 {
    line-height: 20px;
    padding-top: 0;
    font-family: "Inter",sans-serif;
    margin-bottom: 2px;
    color: #155b6f;
    font-size: 17px;
    font-weight: 600;
    line-height: 24px;
}

.video_splide h5.pos-title { line-height:32px; margin-top:30px }
.video_splide .pos-title a {
    color: #2d2d2d;
    font-weight: 700;
    display: block;
    font-size: 26px;
    line-height: 26px;
    text-decoration: none;
    font-family: var(--font-family);
    border-bottom: 1px solid #b9b8b8;
    display: inline;
}
.video_splide .pos-title a:hover { color: #2faac1;border-bottom: 1px solid #2faac1;}
.video_splide .post-thumbnail{ height: 350px; }

@media (max-width: 767px) 
{   
  
    .mySwiper, .header-second-new{
        margin: 28px auto 20px auto !important;
        border-radius: var(--border-radius-mobile);
    }
   
    .swiper-slide h1{}
    .swiper-slide h3{ 
        padding:0 20px; 
    }
    .swiper-slide .text-10{ 
        padding:0 20px; 
        font-size: 14px !important;
        line-height: 19px !important;
    }
 
    .WatchOurVideos{ margin-top:0px !important }
    .WatchOurVideos, .UpcomingCourses{ padding-top:0px !important; padding-bottom: 0px !important; }
    .WatchOurVideos .font-size-7,  .UpcomingCourses .font-size-7 {
        font-size: 1rem;
        line-height: 1.625rem;
        padding: 0 20px;
    }
    .WatchOurVideos .font-size-3,  .UpcomingCourses .font-size-3 {
        padding: 0 20px;
    }
   
    .WatchOurVideos{
        border-radius: var(--border-radius-mobile);
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }
    .framer-ykdt0l{
        margin: 0 auto 50px auto;
    }
    .slick-dotted.slick-slider {
        margin-bottom: 70px;
    }
    .slider {
        margin: 30px auto 30px auto;
    }
    br.framer-text{
        display: none;
    }
}


.framer-ykdt0l {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}



.UpcomingCourses{ 
    padding: 60px 0; 
    max-width: var(--container-lg);
    overflow: hidden;
    margin: 0 auto;
    border-radius: var(--border-radius);
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}
.UpcomingCourses .splide__pagination{display: none;}
.UpcomingCourses{ margin-bottom:30px !important }
.UpcomingCourses .course-item{ color:#fff }
.UpcomingCourses .pos-title a{
    color: var(--white-bg);
    font-weight: 700;
    display: block;
    font-size: 21px;
    line-height: 24px;
    text-decoration: none;
    font-family: var(--font-family);
    border-bottom: 1px solid #b9b8b8;
    display: inline;
}
.UpcomingCourses h5.pos-title { line-height:29px; margin-top:30px }
.UpcomingCourses .pos-title a:hover { color: var(--white-bg);border-bottom: 1px solid var(--white-bg);}

@media (max-width: 767px) 
{   
   
    .UpcomingCourses{
        border-radius: var(--border-radius-mobile);
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
    }

}


.full-visible{overflow: hidden;display: block;width: 100%;position: relative;}
.apprenticeship-shadow{    background-image: radial-gradient(circle farthest-corner at 65% 60%,hsla(0,0%,8%,0),rgba(0,0,0,0.76) 60%) }
.apprenticeship-container{    
    border-radius: var(--border-radius);
    overflow: hidden;
    margin: 70px auto 0 auto;
    max-width: var(--container-lg);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.apprenticeship-header{    background-image: url(https://cdn.runwaytraining.co.uk/wp-content/uploads/2025/12/11113231/london-sky.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.apprenticeship-blocks{ background-image: url(/wp-content/themes/twentyseventeen/images/bg.png);
    background-repeat: repeat-y;
    background-position: center top;
    background-size: contain; 
}

.asset10{text-align:left;display:table-cell;vertical-align:middle;height:250px;float:none;}
.asset10 h1{text-align:left;}.asset10 h2{text-align:left;}.asset10 h3{text-align:left;}.asset10 p{text-align:left;}
.pageMain{width:960px;margin:auto;display:table;height:250px;float:none;}

.career-block{text-align:center;display:table-cell;vertical-align:middle;height:400px;float:none;}
.asset9 h1{text-align:center;}.asset9 h2{text-align:center;}.asset9 h3{text-align:center;}.asset9 p{text-align:center;}
.career-block h3 {
        color: var(--white-bg);
    margin-top: 0px;
    font-size: 20px;
    text-transform: uppercase;
}
.career-left-col, .career-right-col {
    float: left;
    width: 540px;
}
.career-left-col h2, .career-right-col h2{
    color: #fff !important;
    padding: 0px 40px 20px 40px;
    font-size: 42px;
    line-height: 42px;
    font-family: var(--font-family);
    margin-top: 0px;
    margin-bottom: 10px;
    font-weight: 900;
    text-transform: inherit;
}

a.read-black {
    color: #ffffff !important;
    position: relative;
}
.career-left-col a {
    padding: 20px 40px;    text-align: left;
    font-size: 17px;font-weight: 600;   
}
.career-left-col a svg, .career-right-col a svg{ position: relative; top:5px; margin-left: 39px }
.career-right-col a 
{
    color: #fff !important;
    padding: 20px 40px; 
    text-align: left;
    font-size: 17px;
    font-weight: 600;   
}

.kickstart
{   
  width: 750px;
  display: block;
  text-align: center;
  font-family: var(--font-family);
  font-weight: 900;
  font-size: 4.7rem;
  line-height: 90px;
  color: var(--white-bg);
  padding-top: 12px;
  margin: 0 auto;
  margin-bottom: 0px;
}

@media screen and (max-width: 767px)
{
    .apprenticeship-header{    
        background-position: center 0;
    }
    .apprenticeship-container{
        padding-right:0px; 
        padding-left: 0px;
        width: 100%;
        margin-top: 40px;
        margin-bottom: 0px;
        border-radius: var(--border-radius-mobile);
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }
    .apprenticeship-blocks .w-col .pageMain{
        height: auto;
        text-align: left;
        width: 80%;
        margin-bottom: 10px;
        margin-top: 10px;
    }
    .career-left-col, .career-right-col {
        width: 100%;
    }
    .career-left-col h2, .career-right-col h2 {
      padding: 20px 0px 10px 10px;
      font-size: 25px;
      line-height: 32px;
      margin-bottom: 0px;
    }
    .career-left-col a {
      padding: 20px 0px 20px 12px;
      font-size: 14px;
    }
    .career-left-col a svg, .career-right-col a svg {
      margin-left: 9px;
    }
    .career-right-col a {
      padding: 20px 0px 0px 12px;
      font-size: 13px;
    }
    .apprenticeship-blocks .w-col:last-child{height: 100%;     width: 100%;       background: #010659;    margin-bottom: 0;
        padding-bottom: 20px;
    }
    .kickstart{
        width: 100%;
        font-size: 32px;
        font-weight: 900;
        line-height: 41px;
        padding-left: 20px;
        padding-right: 20px;
    }
    .career-block{height: auto;}
    .asset10{height: auto;}
    .apprenticeship-blocks .w-col {
        background: #158caa;
        padding-bottom: 20px;
        width: 100%;
    }

    .feefo-reviews h3{display: none;}
    .feefo-reviews{
        border-radius: var(--border-radius-mobile);
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }
}






.event-calendar{ 
max-width: var(--container-lg);
overflow: hidden;
border: 1px solid #e0e0e0;
border-radius: var(--border-radius);
padding: 60px 30px;
margin: 0px auto 20px auto;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}

@media (max-width: 767px){
    .event-calendar {
        padding: 0 20px 30px 20px;
        border-radius: var(--border-radius-mobile);
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
    }
    .event-calendar .font-size-7{  
        font-size: 1rem;
        line-height: 18px;
        margin-top: 30px;
    }
    .event-calendar .e_block .e_heading.font-size-3 {
        font-size: 36px;
        line-height: 41px;
    }
    .event-calendar .fc .fc-toolbar-title {
        font-size: 1em;
        margin: 0;
    }
}










.framer-tkong8 {
    align-content: flex-start;
    align-items: flex-start;
    border-radius: 80px;
    display: flex;
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 8px;
    justify-content: center;
    max-width: 1200px;
    overflow: visible;
    padding: 0px 64px 85px 64px;
    position: relative;
    transform: perspective(1200px);
    width: 100%;
    margin: 0 auto;
}
.framer-tkong8 .framer-14nz2s4 {
    align-content: center;
    align-items: center;
    display: flex;
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 40px;
    height: min-content;
    justify-content: flex-start;
    overflow: visible;
    padding: 0;
    position: relative;
    width: 100%;
    z-index: 1;
}
.framer-tkong8 .framer-11313aj {
    flex: none;
    height: auto;
    position: relative;
    white-space: pre-wrap;
    width: 680px;
    word-break: break-word;
    word-wrap: break-word;
}
.framer-11313aj{
    outline: none; display: flex; flex-direction: column; justify-content: flex-start; flex-shrink: 0; transform: none;
}
.framer-tkong8 .framer-1scy1rw {
    align-content: center;
    align-items: center;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 10px;
    height: min-content;
    justify-content: center;
    overflow: visible;
    padding: 0;
    position: relative;
    width: 730px;
}
.framer-tkong8 .framer-1uslizz, .framer-tkong8 .framer-lcdj2x {
    align-content: center;
    align-items: center;
    background-color: #2ca6bc;
    border-radius: 140px;
    cursor: pointer;
    display: flex;
    flex: 1 0 0px;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 12px;
    height: min-content;
    justify-content: center;
    overflow: visible;
    padding: 22px 28px;
    position: relative;
    text-decoration: none;
    width: 1px;
}
.framer-tkong8 .framer-lcdj2x{ background: #377185; }
.framer-tkong8 .framer-10mtfgl, .framer-tkong8 .framer-1dijqfo {
    -webkit-user-select: none;
    flex: 1 0 0px;
    height: auto;
    position: relative;
    user-select: none;
    white-space: pre-wrap;
    width: 1px;
    word-break: break-word;
    word-wrap: break-word;
    z-index: 2;
}
.framer-tkong8 h2{
    text-align: center;
    color: #292824;
    font-size: 52px;
    line-height: normal;
    margin: 0;
    font-family: var(--font-family);
    font-weight: 900;
}
.framer-tkong8 .framer-10mtfgl h4, .framer-tkong8 .framer-1dijqfo h4 {
    font-size: 26px;
    font-weight: 500;
    letter-spacing: -1px;
    line-height: 28px;
    text-align: center;
    color: var(--white-bg);
}
.framer-10mtfgl{
    outline: none; display: flex; flex-direction: column; justify-content: flex-start; flex-shrink: 0; transform: none;
}
.framer-1dijqfo{
    outline: none; display: flex; flex-direction: column; justify-content: flex-start; flex-shrink: 0; transform: none;
}
.framer-tkong8 .framer-1uslizz:hover, .framer-tkong8 .framer-lcdj2x:hover{
    background-color: #56bed1;
}
.framer-tkong8{
    opacity: 1; transform: perspective(1200px);
}
.framer-jkmt0m{
    opacity: 1; transform: none;
}

@media (max-width:768px) 
{
    .framer-tkong8{
        padding: 0px 0 55px 0;
    }
    .framer-tkong8 .framer-11313aj{
        width: 100%;
    }
    .framer-tkong8 .framer-1scy1rw{
        width: 100%;
    }
    .framer-tkong8 .framer-1uslizz, .framer-tkong8 .framer-lcdj2x{
        padding: 22px 10px;
    }
    .framer-tkong8 .framer-1scy1rw{
        width: 100%;
    }
    .framer-tkong8 h2{
        font-size: 29px;
        padding: 0 20px;
    }
    .framer-tkong8 .framer-10mtfgl h4, .framer-tkong8 .framer-1dijqfo h4 {
        font-size: 22px;
    }
}




.about-content h3{ 
    line-height: 100%;
    text-align: left;
    padding-top: 10px;
    font-family: 'Inter',sans-serif;
    margin-bottom: 0px;
    padding-bottom: 10px;
    color: #158caa;
    width: 100%;
    margin-top: 0px;
    font-weight: 900;
    font-size: 2rem;
}
.about-pic{ 
    overflow: hidden;
    border-radius: 100%;
    width: 340px;
    height: 340px;
    position: relative;
    display: inline-block;
    text-align: right;
    float: right;
    margin-top: 0;
}
.about-pic img{ 
    position: absolute;
    width: auto;
    height: 100%;
    left: -20px;
    top: 0px;
    float: none;
    margin: 0;
    padding: 0;
    max-width: inherit;
    text-align: center;
}
.about-content p {
    font-size: 60px;
    line-height: 68px;
    margin-bottom: 0px;
    font-family: 'Inter',sans-serif;
    font-weight: 600;
    color: #158caa;
}

.fc-theme-standard td, .fc-theme-standard th, .fc-theme-standard .fc-scrollgrid {
    border: 0 !important
}
.fc .fc-daygrid-day.fc-day-today {
    border-radius: 24px;
}
.fc .fc-highlight {
    border-radius: 19px;
}
.fc .fc-daygrid-day-frame {
    border: 1px solid var(--fc-border-color);
    border-radius: 20px;
    margin: 0 2px;
}

@media (max-width:767px)
{
    .about-content p {
        font-size: 20px;
        line-height: 27px;
        padding: 0px 20px;
    }
    .e_heading_homepage {
      font-size: 3.2rem;
      line-height: 3.375rem;
          margin-top: 0px;
    }
   
    .e_homepage .e_shadow {    
        border-bottom: 2px solid #eeeeee8a;
        padding: 130px 10px 10px 10px;
    }

    .e_targets{ padding: 0 20px }
    .e_targets h2 {
        text-align: left;
        margin-top: 0px;
        font-size: 29px;
        width: 100%;
        margin: 0px auto 0 auto;
        text-transform: uppercase;
        margin-bottom: 10px;
    }
}

.e_google_reviews__slide {width: 250px; background:none !important; padding: 0 !important; margin-top:0 !important; margin-bottom:0px !important  }
.elearnin-item-bg{ font-size:14px }
.e_google_reviews__slide .post-thumbnail {
    width: 100%;
    background-position: center;
    border-radius: 35px;
    height: 200px;
     margin-top:0px; 
    margin-left: 0px;
    margin-bottom: 10px;
}

.lh90{ margin-bottom:0px }
.swiper-pagination-bullets.swiper-pagination-horizontal{
    bottom: 78px !important;
    top: 557px;
    padding-top: 3px;
    /* border: 1px solid var(--white-bg); */
    border-radius: 100px;
    height: 22px;
    /* width: 280px; */
    /* margin: 0 auto; */
    max-width: var(--container-lg);
    padding: 0 var(--card-content-padding) 1rem;
    position: relative;
    top: -80px;
    line-height: 12px;
    margin: 0 auto !important;
    /* width: 1195px; */
    text-align: left;
}
.swiper-pagination-bullet-active {
    background: #ffff;
}
.lh-15{line-height: 15px}
.swiper-pagination-bullet-active{    transform: scale(2); 
    margin: 0px 10px !important; } 

.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    background: var(--white-bg);
    opacity: 1;
}
.swiper-slide [class*="span"] {  margin-left: 0px;}

.thumbnail{  
    border: 0px;
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0;
    right: 0; 
    background-position:center; 
    background-size: 100%;
    background-repeat: no-repeat;
     background-attachment: fixed;
     background: none !important;
}
.thumbnail img{ /*display:none;*/ }
.rt_shadow {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0;
    right: 0;
    background-image: radial-gradient(circle farthest-corner at 88% 53%,hsla(0,0%,8%,0),rgba(15,106,125) 110%);
    background-image: radial-gradient(circle farthest-corner at 88% -17%,hsla(0,0%,60%,0),rgba(11 102 124) 110%);
    background-image: radial-gradient(circle farthest-corner at 88% 53%,hsla(0,0%,8%,0),rgb(11 102 124) 110%);
}
.swiper-slide { 
    width: 100% !important;
    text-align: left;
}
.mySwiper{ height:600px; margin-bottom:10px; margin-top:110px; }
.swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal{ 
    bottom: auto; }


@media (min-width: 1724px){
    .lg\:span-w-8-wider {
        padding-right: calc( 30% - 25% ) !important;
    }
}
@media (min-width: 1024px){
    .lg\:span-w-5-wider {
        width: calc(5 * var(--column) + 6 * var(--gutter));
    }
     .lg\:span-w-8-wider {
       /* width: calc(12 * var(--column) + 10 * var(--gutter));
        margin-left: calc( 0% - 30% ) !important;
*/
        margin: 0 auto !important;
        /*width: 995px;*/
        max-width: var(--container-lg);
        padding: 0 var(--card-content-padding) 1rem;
        display: block;
        float: none;
        padding-right: 30%;
        margin-bottom: 80px !important;
    }
}

.leading-narrow {
    line-height: 1.0;
}
.text-50 {
    font-size: max(40px,3.125rem);
}
.text-70 {
    font-size: 5.5rem;
    font-weight: 800;
}

:root {
    --headerHeight: 5.1875rem;
    --screen: 100vh;
    --screen-full: 100vh;
    --screen-dynamic: 100vh;
    --screen-width: 100vw;
}
::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: var(--white-bg);
    --tw-ring-color: rgba(59,130,246,.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
}

@supports (height:100svh){
:root {
    --screen: 100svh;
}
}
@supports (height:100lvh){
:root {
    --screen-full: 100lvh;
}
}
@supports (height:100dvh){
:root {
    --screen-dynamic: 100dvh;
}
}
@media (min-width: 1024px){
:root {
    --headerHeight: 4.625rem;
    --footerHeight: -0.25rem; /* 1.75rem;  */
}
}
*, :after, :before {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: var(--white-bg);
    --tw-ring-color: rgba(59,130,246,.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
}


.transform-gpu {
    transform: translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.top-\[calc\(100\%\+0\.625rem\)\] {
    top: calc(100% + 0.625rem);
    
}
.swiper-slide:hover .top-\[calc\(100\%\+0\.625rem\)\] {
 top: calc(70% + 0.625rem);  
}
.w-full {
    width: 101%;
}
.h-full {
    height: 100%;
}
.block {
    display: block;
}
.inset-0 {
    inset: 0;
}
.absolute {
    position: absolute;
}

.relative {
    position: relative;
}

.duration-500 {
    transition-duration: .5s;
}
.transition-opacity {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s;
}
.opacity-100 {
    opacity: 1;
}
.object-cover {
    -o-object-fit: cover;
    object-fit: cover;
}
.pointer-events-none {
    pointer-events: none;
}
img, video {
    max-width: 100%;
    height: auto;
}
.ease-cubic-out {
    transition-timing-function: cubic-bezier(.34,1.02,.68,1);
}
.duration-700 {
    transition-duration: .7s;
}
.transition-\[opacity\2c color\2c background\2c border\] {
    transition-property: opacity,color,background,border;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s;
}
.text-black-full {
    --tw-text-opacity: 1;
    color: rgb(12 12 12/var(--tw-text-opacity));
}
.text-inherit {
    color: inherit;
}
.rounded-\[2px\] {
    border-radius: 2px;
}
.rounded-\[6px\] {
    border-radius: 100px;
}
.text-8 {
    font-size: max(8px,.5rem);
}
.text-12 {
    font-size: 15px;
}
.text-justify {
    text-align: justify;
}
.h-34 {
    padding: 20px 0;
    text-decoration: none;
    line-height: 12px;
    margin-left: 0px;
    font-weight: 500;
}
.px-10 {
    padding-left: 1.625rem;
    padding-right: 1.625rem;
}
.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
}
.whitespace-nowrap {
    white-space: nowrap;
}
.select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.gap-4 {
    gap: 0.25rem;
}
.cursor-pointer {
    cursor: pointer;
}
.min-w-fit {
    min-width: -moz-fit-content;
    min-width: fit-content;
}
.lg\:gap-90 {
    gap: 5.625rem;
}

.margin-left-1 {
    left: var(--margin);
}

.span-pl-2-wide {
    padding-left: calc(2 * var(--column) + 2 * var(--gutter));
}
.span-w-8 {
    width: calc(8 * var(--column) + 7 * var(--gutter));
}
.pb-\[calc\(2\.25rem\+0\.625rem\)\] {
    padding-bottom: calc(2.25rem + 0.625rem);
}
.items-start {
    align-items: flex-start;
}
.flex-col {
    flex-direction: column;
}
.whitespace-normal {
    white-space: normal;
}
.flex {
    display: flex;
}
.leading-none {
    line-height: 1;
    margin-bottom: 5px;
    color: var(--white-bg);
    text-align: left;
}

.text-18 {
    font-size: max(14.4px,1.125rem);
}
.text-42 {
    font-size: max(60px,1.125rem);
    font-weight: 600;
}
.font-serif {
    font-family: 'Inter',sans-serif;
}
.uppercase {
    text-transform: uppercase;
}
.text-10 {
    font-size: 18px;
    line-height: 23px;
    margin-top: 0px !important;
    margin-bottom: 90px;
}
.duration-\[1750ms\] {
    transition-duration: 1.75s;
}
.z-1 {
    z-index: 1;
}
.bottom-20 {
    bottom: 1.25rem;
}

.z-0 {
    z-index: 0;
}

.grid {
    display: grid;
    justify-content: center;
    align-content: end;
}
.translate-y-\[calc\(2\.25rem\+0\.625rem\)\], .translate-y-\[calc\(var\(--hover-idx\)\*100\%\)\] {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-\[calc\(2\.25rem\+0\.625rem\)\] {
    --tw-translate-y: calc(5.25rem + 0.625rem);
    color: #000;
    text-decoration: none;
}

.swiper-slide:hover .translate-y-\[calc\(2\.25rem\+0\.625rem\)\]{
    --tw-translate-y: 0;
}


.swiper-slide:hover .group-hover-card\:-translate-y-\[calc\(100\%\+0\.625rem\)\]
{
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.swiper-slide:hover .group-hover-card\:-translate-y-\[calc\(100\%\+0\.625rem\)\]{
    --tw-translate-y:calc(calc(100% + 0.625rem) * -0.5)
}

.group-btn:hover .\[\&\>span\]\:group-hover\/btn\:duration-\[700ms\2c 100ms\]>span{
    transition-duration:1.17s,1.11s
}




.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity)) !important;
}
.bg-black-full {
    --tw-bg-opacity: 1;
    background-color: rgb(12 12 12/var(--tw-bg-opacity));
}
.bg-sea-full {
    --tw-bg-opacity: 1;
    background-color: rgb(31 168 202/var(--tw-bg-opacity));
}
.h-\[calc\(var\(--screen\)-var\(--footerHeight\2c 1\.75rem\)\)\] {
    height: calc(var(--screen) - var(--footerHeight,1.75rem));
}
.min-w-\[calc\(0\.5\*var\(--screen-width\2c 100vw\)\)\] {
    min-width: calc(.5 * var(--screen-width,100vw));
}
.min-w-\[calc\(0\.6\*var\(--screen-width\2c 100vw\)\)\] {
    min-width: calc(.6 * var(--screen-width,100vw));
}
.translate-y-\[--screen-width\] {
    --tw-translate-y: var(--screen-width);
}
.translate-y-\[--screen-width\], .translate-y-\[-50\%\] {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.button-course, .button-enquire
{
    float: left;
    min-height: 1px;
    text-align: center!important;
    margin-bottom: 0px;
    position: relative;
    transition-property: opacity,color,background,border;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s;
    --tw-text-opacity: 1;
    border-radius: 100px;
    font-size: 15px;
    padding: 20px 0;
    text-decoration: none;
    line-height: 12px;
    padding-left: 1.625rem;
    padding-right: 1.625rem;
    --tw-bg-opacity: 1;
    font-weight: 500;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
    min-width: -moz-fit-content;
    min-width: fit-content;
    overflow: clip;
    margin-left: 0px;
}
.button-course{
    color: #0c0c0c;
    background-color: #ffffff;
}
.button-enquire
{
    color: #ffffff !important;
    background-color: #1fa8ca;
}

.button-course:hover{ background:#c9e8f0 }
.button-enquire:hover{ background:#118fae  }

.transform-none {
    transform: none;
}
.place-items-center {
    place-items: center; 
    height: 600px;
}
.overflow-clip, .overflow-hidden {
    overflow: hidden;
}

.appearance-none.bg-white:hover{ background: #eee; }
.appearance-none.bg-sea-full:hover{ background: #2fc5ea;  }
.overflow-clip {
    overflow: clip;
}
.transition-transform {
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s;
}
.duration-\[1250ms\] {
    transition-duration: 1.25s;
}
.ease-expo-out {
    transition-timing-function: cubic-bezier(.16,1.08,.38,.98);
}
.-z-1 {
    z-index: -1;
}
.inset-0 {
    inset: 0;
}
.w-screen {
    width: var(--screen-width);
}
.gap-10 {
    gap: 0.625rem;
}



.swiper-slide .text-10 {
    font-size: 16px;
    line-height: 23px;
}
.swiper-slide h1, .swiper-slide h3{ 
    margin-top:0px;
    font-family: var(--font-family); 
}
.swiper-slide:nth-child(3n){width: 100%}


@media (max-width: 767px) 
{   
    .about-pic {
        width: 100%;
        height: 400px;
        float: inline-start;
        margin: 0 auto 20px auto;
        border-radius: 2em;
    }
    .about-content .homecontent {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-top: 0;
        display: block;
    }
    .about-content .w-80{ 
        bottom: 40px;
        width: 100% !important;
        position: absolute;
        top: 30px;
        color: #fff;
        z-index: 2;
    }
    .about-content .img-preview-mobile .shadow{
        position: relative;
        width: 100%;
        z-index: 1;
        height: 100%;
        background-image: -webkit-radial-gradient(circle farthest-corner at 42% 70%, hsla(0, 0%, 19%, 0), rgb(15 90 111 / 89%) 73%);
        background-image: radial-gradient(circle farthest-corner at 42% 70%, hsla(0, 0%, 19%, 0), rgb(15 90 111 / 89%) 73%);
    }
    .about-content .w-80 p { 
        text-align: center;
        padding: 0 10px;
        font-size: 23px;
        line-height: 28px;
        color: #fff;
        text-align: left;
        padding: 0px 15px 0px 20px;
        font-family: var(--font-family);
        font-weight: 900;
    }
    .career-block h3{
        font-size: 17px;
    }
    .about-content .w-col{
        padding: 0px;
    }

    .about-content .w-row{
        display: flex;
        flex-direction: column-reverse;
    }
    .about-content{
        padding-bottom: 0px !important; 
        margin-top:0px !important;
    }
    .about-content h3 {
        line-height: 100%;
        font-size: 9rem;
    }
    .swiper-slide {
        width: 100% !important;
    }
    .swiper-slide:nth-child(2n) {
        width: 100% !important;
    }
    .swiper-slide:nth-child(3n) {
        width: 100% !important;
    }
    .span-w-8{
        width: 90%;
        margin-left: 0px;
    }
    .span-pl-2-wide {
        padding-left: 0;
    }

    .text-70 {
        font-size: max(50px,3.125rem);}
    .text-10 {
        font-size: max(11px,.625rem);
        padding-right: 20px;
    }
    .swiper-slide .group-hover-card\:-translate-y-\[calc\(100\%\+0\.625rem\)\] {
        --tw-translate-y: 0 !important;
        margin-top: 30px;
        transform: none !important;
        top: calc(65% + 0.625rem);
    }
    .w-full-first{ width:100%; padding-right:0px }
    .swiper {
        margin-bottom: 30px;
        height: 500px;
    }
    .rounded-\[6px\] {
        margin-right: 10px;
        padding: 15px !important;
    }
    .swiper-slide .translate-y-\[calc\(2\.25rem\+0\.625rem\)\]{
        --tw-translate-y: -20px;
    }

    .text-10 {
        margin-bottom: 40px;
    }
    .place-items-center {
        place-items: flex-end;
        height: 430px;
        padding-bottom: 60px;
    }
    .place-items-center .text-70 {
        font-size: max(44px,2.125rem);
    }
    .swiper-pagination-bullets.swiper-pagination-horizontal{
        top: -58px;
        width: auto;
        margin: 0 20px !important;
        border: 0;
        padding: initial;
        text-align: left;
        bottom: 61px !important;
    }
    .place-items-center, .mySwiper {
        height: 500px !important;
    }
   

    .swiper{      height: 430px;  margin-bottom: 0;}
    .rt_shadow {
        background-image: radial-gradient(circle farthest-corner at 88% 53%,hsl(189.9deg 100% 21.64% / 48%),rgb(17 103 120) 110%);
    }

  
    .swiper-slide .gap-10 a {
        padding: 15px 10px !important;
        font-size: 11px;
        font-weight: 600;
    }
    .fc-header-toolbar div.fc-toolbar-chunk:last-child{ display:none; }
    .fc .fc-toolbar {
        align-items: center;
        display: flex;
        justify-content: space-between;
        -webkit-box-pack: justify!important;
        -ms-flex-pack: justify!important;
    }
}