@charset "UTF-8";

/*create scss structure*/


/*
You can define a default value as well if an attribute
isn't passed

@mixin default-text-color($tc: $black){
  color: $tc;
}
*/


/*basic styles*/

:root {
    --black: #231f20;
    --red: #db2032;
    --white: #fff;
    --header-font: "ivypresto-text", serif;
    --body-font: "quasimoda", sans-serif;
}

html {
    padding: env(safe-area-inset);
    scroll-behavior: smooth;
}

.row_clr {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

* {
    padding: 0;
    margin: 0;
}

.no-pad {
    padding: 0;
}

.tac {
    text-align: center;
}

.s-font {
    font-size: 0.8rem !important;
}

a.notice-link {
    text-decoration: none;
    cursor: pointer;
    color: #db2032;
    transition: 0.3s;
}

a.notice-link:hover {
    color: #f83245;
    transition: 0.3s;
}

@media (min-width: 768px) {
    .col-sm-20 {
        width: 20%;
        position: relative;
    }
}

.hid {
    opacity: 0;
}

#__bs_notify__ {
    display: none !important;
}

body {
    background: #fff;
    font-family: var(--body-font);
    color: var(--light-black);
    overflow-x: hidden;
}

@media (min-width: 1680px) {
    .container {
        max-width: 1640px;
    }
}

@media (min-width: 992px) {
    .container.small-container,
    .content-section .container.small-container {
        max-width: clamp(850px, 70.208vw, 1348px);
        padding: 0;
    }
}

@media (min-width: 992px) {
    .container.big-container,
    .content-section .container.big-container {
        max-width: clamp(850px, 78.125vw, 1500px);
        padding: 0;
    }
}

.pen {
    pointer-events: none !important;
}

a {
    text-decoration: none;
    color: var(--black);
}

.mb-10 {
    margin-bottom: clamp(5px, 0.521vw, 10px) !important;
}

.mb-20 {
    margin-bottom: clamp(10px, 1.042vw, 20px) !important;
}

.mb-30 {
    margin-bottom: clamp(10px, 1.563vw, 30px) !important;
}

.mb-40 {
    margin-bottom: clamp(20px, 2.083vw, 40px) !important;
}

.mb-50 {
    margin-bottom: clamp(20px, 2.604vw, 50px) !important;
}

.mt-10 {
    margin-top: clamp(5px, 0.521vw, 10px) !important;
}

.mt-20 {
    margin-top: clamp(10px, 1.042vw, 20px) !important;
}

.mt-30 {
    margin-top: clamp(10px, 1.563vw, 30px) !important;
}

.mt-40 {
    margin-top: clamp(20px, 2.083vw, 40px) !important;
}

.mt-50 {
    margin-top: clamp(20px, 2.604vw, 50px) !important;
}


/*main styles*/

html.sbn,
body.sbn {
    scroll-behavior: auto;
}

#mobile-menu {
    display: none;
}

.inner-main-title {
    font-size: clamp(35px, 2.604vw, 50px);
    font-family: var(--header-font);
    font-weight: 300;
    margin-bottom: 0;
    line-height: 1.35;
}

.crs-separator {
    margin: clamp(15px, 1.302vw, 25px) 0;
}

.cont-p {
    font-size: clamp(14px, 1.042vw, 20px);
    line-height: 1.3;
    font-weight: 300;
    margin-bottom: 0;
}

.cont-ul {
    margin: clamp(10px, 1.042vw, 20px) 0;
    font-size: clamp(14px, 1.042vw, 20px);
    line-height: 1.5;
    font-weight: 300;
    padding-left: 15px;
}

.main-btn {
    font-size: clamp(14px, 1.042vw, 20px);
    line-height: 1.3;
    padding: 0.25em;
    background-color: var(--red);
    display: inline-block;
    transition: all 0.5s;
}

.main-btn .in {
    display: inline-block;
    padding: 0.8em 2.5em 0.6em;
    background-color: var(--red);
    color: var(--white);
    border: 0.1em solid var(--white);
    transition: all 0.5s;
}

.main-btn:hover {
    background-color: var(--white);
}

.main-btn:hover .in {
    background-color: var(--white);
    color: var(--red);
    border-color: var(--red);
}

@-webkit-keyframes jump {
    50% {
        transform: translateY(-10px);
    }
}

@keyframes jump {
    50% {
        transform: translateY(-10px);
    }
}

.custom__cursor__inner {
    height: 15px;
    width: 15px;
    position: fixed;
    transform: translate(0px, 0px);
    background-color: #fff;
    border-radius: 50%;
    transition: height 0.3s cubic-bezier(0.46, 0.03, 0.52, 0.96), width 0.3s cubic-bezier(0.46, 0.03, 0.52, 0.96);
    z-index: 5000;
    pointer-events: none;
    left: 0;
    top: 0;
    visibility: hidden;
    opacity: 0;
}

.custom__cursor__inner.show {
    visibility: visible;
    opacity: 0.5;
}

.custom__cursor__outer {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    border: 1px solid #fff;
    background-color: transparent;
    position: fixed;
    z-index: 5000;
    transform: translate(0px, 0px);
    pointer-events: none;
    opacity: 0.4;
    left: 0;
    top: 0;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955), height 0.3s cubic-bezier(0.46, 0.03, 0.52, 0.96), width 0.3s cubic-bezier(0.46, 0.03, 0.52, 0.96);
}

.custom__cursor__outer.show {
    visibility: visible;
    opacity: 1;
}

.cursor {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    border: 1px dashed var(--white);
    position: fixed;
    pointer-events: none;
    left: 0;
    top: 0;
    transform: translate(calc(-50% + 15px), -50%);
    z-index: 9999;
    visibility: hidden;
    opacity: 0;
    transition: all 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.cursor .cursor_inner {
    fill: var(--white);
    opacity: 0.75;
    transition: all 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.cursor.red {
    border-color: var(--red);
}

.cursor.red .cursor_inner {
    fill: var(--red);
}

.cursor.show {
    visibility: visible;
    opacity: 1;
}

.cursor.show.large {
    width: 75px;
    height: 75px;
}

.cursor.show.large .cursor_inner {
    opacity: 0.5;
}

.btn-classic.btn-secondary.btn-red {
    color: var(--white);
    background: var(--red);
}

.btn-classic.btn-secondary.btn-red span.btn-label {
    background: var(--red);
    color: var(--white);
    border: 1px solid var(--white);
}

.btn-classic.btn-secondary.btn-red:hover {
    color: var(--red);
    background: var(--white);
}

.btn-classic.btn-secondary.btn-red:hover span.btn-label {
    background: var(--white);
    color: var(--red);
    border-color: var(--red);
}

.card-img,
.card-img-top {
    border-radius: 0;
}

.leisure-offers .offer-wrap {
    grid-template-rows: auto !important;
}

@media (min-width: 768px) {
    .leisure-offers .offer .card-body {
        padding: clamp(20px, 1.563vw, 30px) !important;
    }
}

.main-nav {
    flex-wrap: wrap;
    padding: 0;
    transition: all 0.35s;
}

.main-nav .nav-top {
    position: relative;
    transition: all 0.25s cubic-bezier(0.445, 0.05, 0.55, 0.95);
    max-height: 60px;
}

.main-nav .nav-top:after {
    content: "";
    position: absolute;
    width: 46vw;
    height: 1px;
    background-color: var(--white);
    right: 0;
    bottom: 0;
}

.main-nav .nav-top .navbar {
    justify-content: flex-end;
    padding: 0.938rem 0;
}

.main-nav .nav-top .navbar .navbar-nav .nav-item {
    padding: 0 1.875rem;
    border-right: 1px solid var(--white);
}

.main-nav .nav-top .navbar .navbar-nav .nav-item:last-child {
    padding-right: 0;
    border: 0;
}

.main-nav .nav-top .navbar .navbar-nav .nav-item .nav-link {
    display: flex;
    font-size: 1rem;
    line-height: 1.3;
    align-items: center;
    color: var(--white);
    padding: 0;
    transform: translateY(3px);
}

.main-nav .nav-top .navbar .navbar-nav .nav-item .nav-link img {
    height: 0.75rem;
    transform: translateY(-0.125rem);
    margin-right: 0.625rem;
}

.main-nav .nav-top .navbar .navbar-nav .nav-item .nav-link img.icon-only {
    margin-right: 0;
    transform: none;
}

.main-nav .nav-top .navbar .navbar-nav .nav-item .nav-link.active {
    color: var(--red) !important;
}

.main-nav .nav-bottom {
    position: relative;
}

.main-nav .nav-bottom:before {
    content: "";
    position: absolute;
    width: calc((100% - 1640px) / 2 - 2.5rem + var(--bs-gutter-x, 0.75rem));
    height: 1px;
    background-color: var(--white);
    left: 0;
    bottom: 0.094rem;
    z-index: -1;
}

.main-nav .nav-bottom:after {
    content: "";
    position: absolute;
    width: calc((100% - 1640px) / 2 + 1640px - (14.063rem + var(--bs-gutter-x, 0.75rem) + 2.5rem));
    height: 1px;
    background-color: var(--white);
    right: 0;
    bottom: 0.094rem;
    z-index: -1;
}

.main-nav .nav-bottom .navbar {
    padding: 0;
}

.main-nav .nav-bottom .navbar .navbar-brand {
    margin-right: 0;
    padding: 0;
}

.main-nav .nav-bottom .navbar .navbar-brand img {
    width: 14.063rem;
}

.main-nav .nav-bottom .navbar-nav .nav-item {
    margin: 0 4rem 0 0;
    cursor: pointer;
}

.main-nav .nav-bottom .navbar-nav .nav-item:last-child {
    margin-right: 0;
}

.main-nav .nav-bottom .navbar-nav .nav-item .nav-link {
    font-size: 1.25rem;
    line-height: 1.3;
    color: var(--white);
    padding: 1.875rem 0;
    font-weight: 700;
    position: relative;
    transition: all 0.35s;
}

.main-nav .nav-bottom .navbar-nav .nav-item .nav-link:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 0.188rem;
    width: 0%;
    background-color: var(--red);
    transition: all 0.35s;
}

.main-nav .nav-bottom .navbar-nav .nav-item .nav-link img {
    height: 0.75rem;
    transform: translateY(-0.125rem);
    margin-right: 0.625rem;
}

.main-nav .nav-bottom .navbar-nav .nav-item .nav-link span {
    font-size: 1rem;
    display: block;
    font-weight: 400;
}

.main-nav .nav-bottom .navbar-nav .nav-item .nav-link.active {
    color: var(--red);
}

.main-nav .nav-bottom .navbar-nav .nav-item .nav-link.active::after {
    width: 100%;
}

.main-nav .nav-bottom .navbar-nav .nav-item:hover .nav-link,
.main-nav .nav-bottom .navbar-nav .nav-item.active .nav-link {
    color: var(--red);
}

.main-nav .nav-bottom .navbar-nav .nav-item:hover .nav-link::after,
.main-nav .nav-bottom .navbar-nav .nav-item.active .nav-link::after {
    width: 100%;
}

.main-nav.inverted-main-nav .nav-bottom:before,
.main-nav.inverted-main-nav .nav-bottom:after,
.main-nav.inverted-main-nav .nav-top:after {
    background-color: var(--black);
}

.main-nav.inverted-main-nav .nav-top .navbar .navbar-nav .nav-item {
    border-right-color: var(--black);
}

.main-nav.inverted-main-nav .nav-top .navbar .navbar-nav .nav-item .nav-link {
    color: var(--black);
}

.main-nav.inverted-main-nav .nav-top:after {
    width: 67vw;
}

.main-nav.inverted-main-nav .nav-bottom .navbar-nav .nav-item .nav-link {
    color: var(--black);
}

.main-nav.inverted-main-nav .nav-bottom .navbar-nav .nav-item .nav-link.active {
    color: var(--red);
}

.main-nav.inverted-main-nav .nav-bottom .navbar-nav .nav-item .nav-link.active::after {
    width: 100%;
}

.main-nav.inverted-main-nav .nav-bottom .navbar-nav .nav-item:hover .nav-link {
    color: var(--red);
}

.main-nav.inverted-main-nav .nav-bottom .navbar-nav .nav-item:hover .nav-link::after {
    width: 100%;
}

.main-nav.inside-main-nav .nav-top:after {
    width: 60vw;
}

.main-nav {
    transition: all 0.25s cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition-delay: 0.25s;
}

.main-nav .nav-bottom {
    transition: all 0.25s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

.main-nav .nav-bottom .navbar .navbar-brand {
    transition: all 0.25s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

.main-nav .nav-bottom .navbar .navbar-brand img {
    transition: all 0.25s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

.main-nav.scrolled {
    background-color: var(--black);
    transition-delay: 0s;
    box-shadow: 0px 5px 20px rgba(35, 31, 32, 0.16);
}

.main-nav.scrolled .nav-top {
    max-height: 0;
    overflow: hidden;
}

.main-nav.scrolled .nav-bottom {
    background-color: var(--black);
}

.main-nav.scrolled .nav-bottom .navbar .navbar-brand {
    margin-top: 0;
}

.main-nav.scrolled .nav-bottom .navbar .navbar-brand img {
    width: 10rem;
}

.main-nav.inverted-main-nav.scrolled {
    background-color: var(--white);
}

.main-nav.inverted-main-nav.scrolled .nav-bottom {
    background-color: var(--white);
}

.home-page .main-nav {
    transition: all 0.35s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

.home-page .main-nav.scrolled {
    background-color: transparent;
    top: -200px;
}

.home-page .main-nav.scrolled .nav-bottom {
    background-color: transparent;
}

.mobile-menu-offcanvas {
    width: 100%;
}

.mobile-menu-offcanvas .offcanvas-body {
    flex-grow: 1;
    padding: 1rem 1rem;
    overflow-y: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.off-in-menu {
    padding-left: 0;
    text-align: center;
    margin-bottom: 0;
    margin-top: -50px;
    max-height: 100%;
}

.off-in-menu li {
    list-style: none;
}

.off-in-menu li a {
    font-size: 1.4rem;
    line-height: 1.48;
    font-family: var(--header-font);
    margin: 0;
    font-weight: 400;
    display: block;
    margin-bottom: 0.8em;
    transition: all 0.3s;
    text-transform: uppercase;
}

.off-in-menu li a:hover {
    color: var(--red);
}

.off-in-menu li .sb-list {
    text-align: center;
    justify-content: center;
    flex-direction: column;
    margin: -5px 0 10px;
}

.off-in-menu li .sb-list li a {
    font-size: 1.2rem;
    line-height: 1.48;
    margin: 0;
    font-weight: 400;
    display: block;
    margin-bottom: 0.5em;
    transition: all 0.3s;
    color: var(--red);
}

.off-in-menu li .sb-list li a:hover {
    color: var(--black);
}

.main-banner-wrapper {
    position: relative;
    background-color: var(--black);
}

.main-banner-wrapper .carousel .carousel-item {
    transition: opacity 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.main-banner-wrapper .carousel .carousel-item .img {
    position: relative;
}

.main-banner-wrapper .carousel .carousel-item .img.no-back:after {
    display: none;
}

.main-banner-wrapper .carousel .carousel-item .img:before {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    background: transparent linear-gradient(180deg, rgba(35, 31, 32, 0.5019607843) 0%, rgba(35, 31, 32, 0.7019607843) 100%) 0% 0% no-repeat padding-box;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,231f20+100&0+0,1+100 */
    mix-blend-mode: multiply;
}

.main-banner-wrapper .carousel .carousel-item .img:after {
    content: "";
    height: 30vh;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 3;
    background: transparent linear-gradient(180deg, rgba(35, 31, 32, 0) 0%, #231f20 100%) 0% 0% no-repeat padding-box;
}

.main-banner-wrapper .carousel .carousel-item .img .main-img {
    width: 100%;
    height: 100vh;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    transform: scale(1.1);
    transition: transform 5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}

.main-banner-wrapper .carousel .carousel-item .txt {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    max-width: 72.5rem;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    z-index: 5;
    color: var(--white);
    padding-top: 7.5em;
}

.main-banner-wrapper .carousel .carousel-item .txt .title {
    font-size: 5rem;
    font-family: var(--header-font);
    font-weight: 500;
    line-height: 1.18;
    margin-bottom: 0.625em;
}

.main-banner-wrapper .carousel .carousel-item .txt .title span {
    color: var(--red);
}

.main-banner-wrapper .carousel .carousel-item .txt p {
    font-size: 1.563rem;
    font-weight: 300;
    line-height: 1.28;
    margin-bottom: 2.8em;
}

.main-banner-wrapper .carousel .carousel-item .txt .wb-btn {
    font-size: 1.25rem;
    line-height: 1.3;
    color: var(--white);
    padding: 0.25em;
    background-color: var(--red);
    display: inline-block;
    transition: all 0.5s;
}

.main-banner-wrapper .carousel .carousel-item .txt .wb-btn .in {
    display: inline-block;
    padding: 0.8em 2.5em 0.6em;
    background-color: var(--red);
    border: 0.1em solid var(--white);
    transition: all 0.5s;
}

.main-banner-wrapper .carousel .carousel-item .txt .wb-btn:hover {
    background-color: var(--white);
}

.main-banner-wrapper .carousel .carousel-item .txt .wb-btn:hover .in {
    background-color: var(--white);
    color: var(--red);
    border-color: var(--red);
}

.main-banner-wrapper .carousel .carousel-item.carousel-item-start .img .main-img,
.main-banner-wrapper .carousel .carousel-item.carousel-item-end .img .main-img,
.main-banner-wrapper .carousel .carousel-item.active .img .main-img {
    opacity: 1;
    transform: scale(1);
}

.main-banner-wrapper .carousel.home-page-slider .carousel-item .img:before {
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(35, 31, 32) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#00ffffff", endColorstr="#231f20", GradientType=0);
    /* IE6-9 */
    mix-blend-mode: multiply;
    opacity: 0.85;
}

.scroll-down {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    z-index: 6;
    width: 150px;
    height: 75px;
    /* as the half of the width */
    background-color: transparent;
    border-top-left-radius: 76px;
    /* 100px of height + 10px of border */
    border-top-right-radius: 76px;
    /* 100px of height + 10px of border */
    border: 1px dashed #ffffff;
    border-bottom: 0;
    display: grid;
    place-items: center;
    transition: all 0.35s;
    cursor: pointer;
}

.scroll-down .txt {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

.scroll-down .txt img {
    width: 0.625rem;
    margin: 0 auto 0.625em;
}

.scroll-down .txt span {
    font-size: 1.125rem;
    color: var(--white);
    line-height: 1;
    font-family: var(--header-font);
}

.scroll-down:hover {
    background-color: var(--white);
}

.scroll-down:hover .txt span {
    color: var(--red);
}

#stick-here {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
}

.sticky-nav-btn {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    z-index: 6;
    width: 150px;
    height: 75px;
    /* as the half of the width */
    background-color: var(--black);
    border-bottom-left-radius: 76px;
    /* 100px of height + 10px of border */
    border-bottom-right-radius: 76px;
    /* 100px of height + 10px of border */
    border: 1px dashed #ffffff;
    border-top: 0;
    display: grid;
    place-items: center;
    transition: all 0.35s;
    cursor: pointer;
}

.sticky-nav-btn.stick {
    position: fixed;
}

.sticky-nav-btn .txt {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

.sticky-nav-btn .txt img {
    width: 3.125rem;
    margin: 0 auto 0.625em;
    transition: transform 0.35s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

.sticky-nav-btn:hover {
    background-color: var(--black);
}

.sticky-nav-btn:hover .txt img {
    transform: scaleX(-1);
}

.main-title {
    font-size: 3.125rem;
    line-height: 1.48;
    font-family: var(--header-font);
    margin: 0;
    font-weight: 400;
}

.main-title span {
    font-style: italic;
}

.bd-btn {
    font-size: 1.25rem;
    line-height: 1.3;
    color: var(--white);
    padding: 0.25em;
    background-color: var(--red);
    display: inline-block;
    transition: all 0.5s;
    text-transform: uppercase;
}

.bd-btn .in {
    display: inline-block;
    padding: 0.8em 2.5em 0.5em;
    background-color: var(--red);
    border: 0.1em solid var(--white);
    transition: all 0.5s;
}

.bd-btn:hover {
    background-color: var(--white);
}

.bd-btn:hover .in {
    background-color: var(--white);
    color: var(--red);
    border-color: var(--red);
}

.bd-btn.btn-white {
    color: var(--red);
    background-color: var(--white);
}

.bd-btn.btn-white .in {
    background-color: var(--white);
    border-color: var(--red);
}

.bd-btn.btn-white:hover {
    background-color: var(--red);
}

.bd-btn.btn-white:hover .in {
    background-color: var(--red);
    color: var(--white);
    border-color: var(--white);
}

.home-diff {
    padding: 10.938em 0 0;
    background-color: var(--black);
    text-align: center;
    color: var(--white);
    position: relative;
    overflow: hidden;
}

.home-diff .sep-small {
    margin: 1.25em 0;
}

.home-diff .diff-slider {
    padding-top: 5em;
}

.home-diff .diff-slider .slick-track {
    transition-timing-function: linear !important;
}

.home-diff .diff-slider .slide .slide-outer {
    padding: 0 5em;
    position: relative;
}

.home-diff .diff-slider .slide .slide-outer .s-line {
    position: absolute;
    right: 0%;
    top: 50%;
    transform: translateY(-50%) translateX(50%);
}

.home-diff .diff-slider .slide .slide-outer .slide-inner .img {
    margin: 0 auto 1.563em;
    width: 100%;
    max-width: 11rem;
    position: relative;
}

.home-diff .diff-slider .slide .slide-outer .slide-inner .img img {
    width: 100%;
    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.home-diff .diff-slider .slide .slide-outer .slide-inner .img img.white-i {
    transform: translateY(0px);
    transition-delay: 0.2s;
}

.home-diff .diff-slider .slide .slide-outer .slide-inner .img img.red-i {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    opacity: 0;
    transform: translateY(10px);
    transition-delay: 0s;
}

.home-diff .diff-slider .slide .slide-outer .slide-inner .sh {
    font-size: 1.563rem;
    font-family: var(--header-font);
    margin-bottom: 0.8em;
}

.home-diff .diff-slider .slide .slide-outer .slide-inner p {
    font-size: 1rem;
    font-weight: 300;
    margin-bottom: 1.875em;
}

.home-diff .diff-slider .slide .slide-outer .slide-inner .number {
    font-size: 1.875rem;
    font-family: var(--header-font);
    display: grid;
    place-items: center;
    height: 1.667em;
    width: 1.667em;
    margin: 0 auto;
    border: 1px solid var(--red);
    border-radius: 50%;
    transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.home-diff .diff-slider .slide .slide-outer .slide-inner:hover .img .white-i {
    opacity: 0;
    transform: translateY(10px);
    transition-delay: 0s;
}

.home-diff .diff-slider .slide .slide-outer .slide-inner:hover .img .red-i {
    opacity: 1;
    transform: translateY(0px);
    transition-delay: 0.2s;
}

.home-diff .diff-slider .slide .slide-outer .slide-inner:hover .number {
    background-color: var(--red);
}

.home-diff .diff-slider .slide:nth-child(even) {
    padding-top: 5em;
}

.home-diff .diff-slider .slide:nth-child(even) .slide-outer .s-line {
    top: 33.3333%;
}

.updates {
    padding: 10.938em 0 25em;
    background-color: var(--black);
    background-image: url(../images/home/updates-back.png);
    background-size: cover;
    background-position: center;
    color: var(--white);
    position: relative;
}

.updates:before {
    content: "";
    height: 36.25em;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: transparent linear-gradient(0deg, rgba(35, 31, 32, 0) 0%, #231f20 100%) 0% 0% no-repeat padding-box;
    z-index: 0;
}

.updates:after {
    content: "";
    height: 36.25em;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: transparent linear-gradient(180deg, rgba(35, 31, 32, 0) 0%, #231f20 100%) 0% 0% no-repeat padding-box;
    z-index: 0;
}

.updates .container {
    position: relative;
    z-index: 2;
}

.updates .main-title {
    text-align: center;
}

.updates .sep-small {
    margin: 1.25em 0;
    text-align: center;
}

.updates #myTab {
    justify-content: center;
    border: 0;
    margin-bottom: 3.5em;
    padding-left: 2.188em;
}

.updates #myTab .nav-item {
    border-right: 1px solid var(--white);
}

.updates #myTab .nav-item:last-child {
    border-right: 0;
}

.updates #myTab .nav-item .nav-link {
    background: transparent;
    border: 0;
    color: var(--white);
    font-size: 1.563rem;
    font-weight: 700;
    padding: 0 2em;
}

.updates #myTab .nav-item .nav-link span {
    display: block;
    line-height: 1;
    padding: 0.4em 0;
    position: relative;
}

.updates #myTab .nav-item .nav-link span:after {
    content: "";
    width: 0%;
    height: 2px;
    background-color: var(--red);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    transition: all 0.5s;
}

.updates #myTab .nav-item .nav-link.active,
.updates #myTab .nav-item .nav-link:hover {
    color: var(--red);
}

.updates #myTab .nav-item .nav-link.active span:after,
.updates #myTab .nav-item .nav-link:hover span:after {
    width: 100%;
}

.updates .notice-bd {
    position: relative;
    max-width: 812px;
    margin: 0 auto;
}

.updates .notice-bd:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 0%;
    width: 100%;
    background: var(--black);
    mix-blend-mode: multiply;
    opacity: 0.85;
    opacity: 0;
    z-index: 1;
    transition: height 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: 0.35s;
}

.updates .notice-bd .update-img {
    display: block;
    max-width: 100%;
}

.updates .notice-bd .txt {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
    transform: translateY(-20%);
    z-index: 2;
    text-align: center;
    padding: 0 7.5em;
    transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
    opacity: 0;
    transition-delay: 0s;
}

.updates .notice-bd .txt .title {
    font-size: 1.875rem;
    font-family: var(--header-font);
    line-height: 1;
    margin-bottom: 0;
    font-weight: 300;
}

.updates .notice-bd .txt p {
    font-size: 1.25rem;
    line-height: 1.4;
    margin-bottom: 2em;
}

.updates .notice-bd .txt .bd-btn {
    font-size: 0.8125rem;
}

.updates .notice-bd:hover:after {
    height: 100%;
    transition-delay: 0s;
}

.updates .notice-bd:hover .txt {
    opacity: 1;
    transform: translateY(-50%);
    transition-delay: 0.35s;
}

.updates #blog .leisure-offers .offer-wrap {
    grid-template-rows: repeat(1, 1fr);
}

.updates #blog .leisure-offers .offer-wrap .offer {
    color: var(--black);
}

.updates #blog .leisure-offers .offer-wrap .offer .card-title {
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.updates #blog .leisure-offers .offer-wrap .offer p {
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.updates #blog .leisure-offers .offer-wrap .offer p.lp {
    margin-bottom: 0;
}

.updates #blog .leisure-offers .offer-wrap .offer p.lp a {
    transition: all 0.35s;
    position: relative;
    padding-bottom: 2px;
    color: var(--red);
}

.updates #blog .leisure-offers .offer-wrap .offer p.lp a:after {
    content: "";
    width: 0%;
    height: 1px;
    background-color: var(--red);
    position: absolute;
    left: 0;
    bottom: 0;
    transition: all 0.35s;
}

.updates #blog .leisure-offers .offer-wrap .offer p.lp a:hover:after {
    width: 100%;
}

.updates #blog .leisure-offers .btn-outer {
    text-align: center;
    margin-top: 4em;
}

.updates #blog .leisure-offers .btn-outer .bd-btn {
    margin: 0 auto;
}

.solutions {
    display: grid;
    grid-template-columns: 968px calc(100% - 968px);
    padding: 0;
    align-items: flex-end;
}

.solutions .lft {
    padding: 5em 6.875em 5em 17.375em;
}

.solutions .lft .main-title span {
    font-style: italic;
}

.solutions .lft .sep-small {
    margin: 1.25em 0;
}

.solutions .lft p {
    font-size: 1.25rem;
    line-height: 1.3;
    padding-right: 2em;
    margin-bottom: 3em;
}

.solutions .lft .indicator-slider:after {
    content: "";
    height: 2px;
    width: 100px;
    background-color: var(--black);
    opacity: 0.5;
    position: absolute;
    top: 1px;
    left: 0;
    z-index: -1;
}

.solutions .lft .indicator-slider .slick-track {
    transform: none !important;
}

.solutions .lft .indicator-slider .slide {
    height: 4px;
    width: 25px !important;
    background-color: transparent;
    cursor: pointer;
    transition: all 0.35s;
    position: relative;
    z-index: 2;
}

.solutions .lft .indicator-slider .slide:hover {
    background-color: var(--red);
    opacity: 0.5;
}

.solutions .lft .indicator-slider .slide.slick-current.slick-active {
    background-color: var(--red);
    opacity: 1;
}

.solutions .rht {
    margin-top: -200px;
}

.solutions .rht .solutions-slider .slide {
    width: 26.563em;
    padding-right: 3.125em;
}

.solutions .rht .solutions-slider .slide .slide-in {
    position: relative;
}

.solutions .rht .solutions-slider .slide .slide-in:before {
    content: "";
    position: absolute;
    height: 50%;
    width: 100%;
    background: transparent linear-gradient(180deg, rgba(35, 31, 32, 0) 0%, #231f20 100%) 0% 0% no-repeat padding-box;
    mix-blend-mode: multiply;
    bottom: 0;
    left: 0;
    z-index: 1;
    transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.solutions .rht .solutions-slider .slide .slide-in:after {
    content: "";
    position: absolute;
    height: 0%;
    width: 100%;
    background: transparent linear-gradient(180deg, var(--red) 0%, var(--red) 100%) 0% 0% no-repeat padding-box;
    mix-blend-mode: multiply;
    bottom: 0;
    left: 0;
    z-index: 1;
    transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.solutions .rht .solutions-slider .slide .slide-in .img {
    width: 100%;
    height: 700px;
    overflow: hidden;
}

.solutions .rht .solutions-slider .slide .slide-in .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    transform: scale(1.05);
    transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform-origin: top right;
}

.solutions .rht .solutions-slider .slide .slide-in .sh {
    font-size: 2.5rem;
    font-family: var(--header-font);
    position: absolute;
    bottom: 1.25em;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 2;
    color: var(--white);
    transform: translateY(0%);
    transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.solutions .rht .solutions-slider .slide:hover .slide-in .sh {
    bottom: 50%;
    transform: translateY(50%);
}

.solutions .rht .solutions-slider .slide:hover .slide-in:after {
    height: 100%;
}

.solutions .rht .solutions-slider .slide:hover .slide-in .img img {
    transform: scale(1.2);
}

.mountain-clouds {
    position: relative;
    overflow: hidden;
}

.mountain-clouds .mountain {
    width: 100%;
}

.mountain-clouds .cloud {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    will-change: transform;
    transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.mountain-clouds .cloud.cloud1 {
    transition-duration: 0.8s;
    margin-bottom: -25vh;
}

.mountain-clouds .cloud.cloud2 {
    margin-bottom: -45vh;
}

.mountain-clouds .cloud.cloud3 {
    transition-duration: 0.6s;
    margin-bottom: -60vh;
}

.mountain-clouds .cloud.cloud4 {
    transition-duration: 0.4s;
    margin-bottom: -70vh;
}

.mountain-clouds .cloud.cloud5 {
    transition-duration: 0.35s;
    margin-bottom: -80vh;
}

.footer .top {
    max-width: 740px;
    margin: 0 auto;
    text-align: center;
}

.footer .top .logo {
    margin-bottom: 50px;
}

.footer .top .sep-small {
    margin: 0.625em 0 1.25em;
    text-align: center;
}

.footer .top p {
    font-size: 1.25rem;
    line-height: 1.28;
    font-weight: 300;
    margin-bottom: 2em;
}

.footer .top .newsletter-form {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid var(--black);
    margin: 0 auto;
    width: 570px;
}

.footer .top .newsletter-form .form-group {
    width: 500px;
    flex: 0 0 auto;
}

.footer .top .newsletter-form .form-control {
    border: 0;
    outline: 0;
    box-shadow: none;
    font-size: 1rem;
    padding-left: 0;
}

.footer .top .newsletter-form .btn {
    color: var(--red);
    font-size: 0.825rem;
    padding: 0;
}

.footer .bottom {
    display: grid;
    grid-template-columns: 300px calc(100% - 300px);
    border-top: 1px solid var(--red);
    margin-top: 8.25em;
    padding: 5em 0;
}

.footer .bottom .sh {
    font-size: 1.563rem;
    font-family: var(--header-font);
    margin-bottom: 1.1em;
}

.footer .bottom .sh span {
    color: var(--red);
}

.footer .bottom p {
    font-size: 1.125rem;
    margin-bottom: 1.125em;
}

.footer .bottom .lft .sh {
    margin-bottom: 0.3em;
}

.footer .bottom .lft .cont-list {
    padding-left: 0;
    list-style: none;
    margin-bottom: 1.5em;
}

.footer .bottom .lft .cont-list li {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 1em;
}

.footer .bottom .lft .cont-list li svg {
    margin-right: 10px;
}

.footer .bottom .lft .cont-list li a {
    font-size: 1.4rem;
    font-family: var(--header-font);
    transition: all 0.5s;
}

.footer .bottom .lft .cont-list li a:hover {
    color: var(--red);
}

.footer .bottom .lft .sm-list {
    align-items: center;
}

.footer .bottom .lft .sm-list li {
    margin-right: 25px;
}

.footer .bottom .lft .sm-list li a svg * {
    transition: all 0.5s;
}

.footer .bottom .lft .sm-list li a:hover svg * {
    fill: var(--red);
}

.footer .bottom .lft .sm-list li:last-child {
    margin-right: 0;
}

.footer .bottom .rht {
    display: flex;
    justify-content: space-between;
    padding-left: 10em;
}

.footer .bottom .rht .f-list {
    list-style: none;
    padding-left: 0.938em;
}

.footer .bottom .rht .f-list li {
    margin-bottom: 0.5em;
}

.footer .bottom .rht .f-list li:before {
    content: "•";
    /* Add content: \2022 is the CSS Code/unicode for a bullet */
    color: red;
    /* Change the color */
    font-weight: bold;
    /* If you want it to be bold */
    display: inline-block;
    /* Needed to add space between the bullet and the text */
    width: 1em;
    /* Also needed for space (tweak if needed) */
    margin-left: -1em;
    /* Also needed for space (tweak if needed) */
}

.footer .bottom .rht .f-list li a {
    font-size: 1.125rem;
    transition: all 0.5s;
}

.footer .bottom .rht .f-list li a:hover {
    color: var(--red);
}

.footer-copyright {
    text-align: center;
    padding: 0.725em;
    background-color: var(--black);
}

.footer-copyright p {
    font-size: 1.125em;
    margin-bottom: 0;
    color: var(--white);
    font-weight: 300;
}


/*type2 changes*/

.scroll-to-content.content-scroll-trigger.cs-w:hover {
    background: var(--black);
}

#corporate-personalized .content-features .feature {
    position: relative;
}

#corporate-personalized .content-features .feature:nth-child(1),
#corporate-personalized .content-features .feature:nth-child(2),
#corporate-personalized .content-features .feature:nth-child(4),
#corporate-personalized .content-features .feature:nth-child(5) {
    z-index: 2;
}

#corporate-personalized .content-features .feature:nth-child(3) {
    z-index: 1;
}

#corporate-personalized .content-features .feature .feature-icon .icon {
    z-index: 2;
    transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

#corporate-personalized .content-features .feature .feature-icon svg {
    transition: all 2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

#corporate-personalized .content-features .feature .feature-icon svg circle {
    transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

#corporate-personalized .content-features .feature:hover .feature-icon .icon {
    transform: scaleX(-1);
}

#corporate-personalized .content-features .feature:hover .feature-icon svg {
    transform: rotate(90deg);
}

#corporate-personalized .content-features .feature:hover .feature-icon svg circle {
    fill: var(--red);
}

#student-features .feature .feature-icon .icon {
    z-index: 2;
    transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

#student-features .feature .feature-icon svg {
    transition: all 2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

#student-features .feature .feature-icon svg circle {
    transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

#student-features .feature:hover .feature-icon .icon {
    transform: scaleX(-1);
}

#student-features .feature:hover .feature-icon svg {
    transform: rotate(90deg);
}

#student-features .feature:hover .feature-icon svg circle {
    fill: var(--red);
}

.gct .content-detail {
    padding-top: 3rem;
    padding-right: 10rem;
}

.gct .content-detail .sh {
    font-size: 1.875rem;
    font-family: var(--header-font);
    display: flex;
    align-items: center;
    margin: 1.667em 0 0.933em;
}

.gct .content-detail .fp-list {
    display: flex;
    margin-left: -1em;
}

.gct .content-detail .fp-list li {
    font-size: 1rem;
    padding: 0 1.25em;
    margin-bottom: 1em;
    line-height: 1;
    position: relative;
}

.gct .content-detail .fp-list li:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: var(--red);
    right: 0;
    top: -0.125em;
}

.gct .content-slider {
    margin-top: -12rem;
    padding-left: 0;
    padding-right: 0;
}

.gct .content-slider .package-meta {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 33.333333%));
    flex-wrap: wrap;
    gap: 3rem 1.875rem;
    align-items: center;
}

.gct .content-slider .package-meta .item {
    margin: 0;
    padding-left: 4.688rem;
    position: relative;
}

.gct .content-slider .package-meta .item .icon {
    width: 65px;
    max-width: 65px;
    top: 50%;
    transform: translateY(-50%);
    image-rendering: smooth;
    image-rendering: -webkit-optimize-contrast;
}

.gct .content-slider .package-meta .item .label {
    white-space: normal;
    margin-bottom: 0;
    font-size: 0.85rem;
    line-height: 1.1rem;
}

.content-detail.cdh {
    margin-bottom: 4em;
}

.why-classic .content-features .features {
    padding: 0;
    gap: 60px 0;
}

.why-classic .content-features .features .feature-label {
    padding: 0 0.5em;
    text-align: center;
    white-space: normal;
    display: block;
}

#student-services.strengthening-the-future .content-detail {
    padding-top: 12rem;
}

#student-enquire .content-detail.cd2 {
    padding-top: 3rem;
}

#student-enquire .parallax-container.pc2 {
    margin-top: -7.5rem;
}

#student-enquire .content-form.blk-sec {
    background-color: var(--black);
    color: var(--white);
}

#student-enquire .content-form.blk-sec .outer {
    display: flex;
    margin: 0 -25px;
}

#student-enquire .content-form.blk-sec .outer .in {
    flex: 0 0 auto;
    width: 50%;
    padding: 0 25px;
}

#student-enquire .content-form.blk-sec .outer .in .hd {
    padding-left: 1.875rem;
    font-size: 1.875rem;
    line-height: 1.333;
    font-family: var(--header-font);
    font-weight: 300;
    margin-bottom: 0.825em;
    position: relative;
}

#student-enquire .content-form.blk-sec .outer .in .hd:after {
    content: "";
    width: 0.5em;
    height: 0.5em;
    background-image: url(../images/home/cross.svg);
    position: absolute;
    left: 0;
    top: 0.4em;
    background-repeat: no-repeat;
    background-size: 100%;
}

#student-enquire .content-form.blk-sec .outer .in p {
    font-size: 1.25rem;
    font-weight: 300;
    padding-left: 1.875rem;
    margin-bottom: 2.5em;
}

#student-enquire .content-form.blk-sec .outer .in ul {
    padding-left: 2.25rem;
}

#student-enquire .content-form.blk-sec .outer .in ul li {
    font-size: 1.25rem;
    font-weight: 300;
    margin-bottom: 1em;
}

#student-enquire .content-form.blk-sec .outer .in ul li::marker {
    color: var(--red);
}

.kgna {
    position: relative;
    z-index: 2;
}

.kgna img {
    margin-top: -280px;
    margin-left: 500px;
    z-index: 2;
}

#student-community .content-detail.cd-responsibility {
    padding-top: 0;
}

.page-banner .sh {
    font-size: 1.563rem;
    margin-bottom: 1em;
    text-transform: uppercase;
}

#package-inner {
    margin-top: 7rem;
}

.package-inner .gbp {
    margin-bottom: 2em;
}

.package-inner .go-back {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 1.25rem;
    color: var(--red);
    z-index: 2;
    text-transform: uppercase;
    line-height: 1;
}

.package-inner .go-back img {
    margin-right: 0.7em;
}

.package-inner .pi-outer .sh {
    font-size: 1.875rem;
    font-family: var(--header-font);
    margin-bottom: 0;
    line-height: 1;
}

.package-inner .pi-outer .sh.fh {
    margin-bottom: 0.85em;
}

.package-inner .pi-outer .lft {
    flex: 0 0 auto;
    width: calc(100% - 500px);
    padding-right: 6.25em;
}

.package-inner .pi-outer .lft .ssh {
    font-size: 1.45rem;
    font-family: var(--header-font);
    margin-bottom: 0.75em;
}

.package-inner .pi-outer .lft .ssh.inc-h {
    margin-bottom: 1.05em;
}

.package-inner .pi-outer .lft p {
    font-size: 1.25rem;
    line-height: 1.2;
}

.package-inner .pi-outer .lft .seprator {
    width: 100%;
    height: 1px;
    background-color: var(--black);
    opacity: 0.2;
    margin: 30px 0;
}

.package-inner .pi-outer .lft .p-table tr td {
    font-size: 1.25rem;
    line-height: 1.2;
    padding-bottom: 0.75em;
    vertical-align: top;
}

.package-inner .pi-outer .lft .p-table tr td .hd {
    display: block;
    font-family: var(--header-font);
    padding-bottom: 0.75em;
}

.package-inner .pi-outer .lft .p-table tr td:first-child {
    width: 26.875rem;
}

.package-inner .pi-outer .lft .p-table tr:last-child td {
    padding-bottom: 0;
}

.package-inner .pi-outer .lft .p-table.mb-8 {
    margin-bottom: 3em;
}

.package-inner .pi-outer .lft ul.i-list {
    padding-left: 1.25rem;
}

.package-inner .pi-outer .lft ul.i-list li {
    font-size: 1.2rem;
    font-weight: 300;
    margin-bottom: 1em;
    list-style-image: url("../images/home/cross.svg");
    padding-left: 0.25em;
}

.package-inner .pi-outer .rht {
    width: 500px;
}

.package-inner .pi-outer .rht .sp {
    font-size: 0.8rem;
    text-align: center;
    margin: 2em 0 0;
}

.package-inner .pi-outer .rht .sp a:hover {
    color: var(--red);
}

.individual-package .footer .top {
    display: none;
}

.individual-package .footer .bottom {
    margin-top: 6.25em;
}

#ultimate-guide .content-detail {
    text-align: center;
}

#student-services.about-expo .content-detail .content-desc .wrapper img {
    top: 10rem;
}

#corporate-partners.about-partners {
    text-align: center;
}

#corporate-partners.about-partners .partners-details-list {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 80px;
}

#corporate-partners.about-partners .partners-details-list li {
    flex: 0 0 auto;
    width: calc(33.3333333333% - 80px);
}

#corporate-partners.about-partners .partners-details-list li a {
    display: block;
    padding: 20px 50px;
}

#corporate-partners.about-partners .partners-details-list li a .img-outer {
    height: 260px;
    display: grid;
    place-items: center;
    position: relative;
}

#corporate-partners.about-partners .partners-details-list li a .img-outer img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    opacity: 1;
    transform: translateY(0px);
    transition: opacity 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

#corporate-partners.about-partners .partners-details-list li a span {
    display: block;
    font-size: 1.25rem;
    line-height: 1;
    margin-bottom: 0.85rem;
    color: var(--black);
    transition: color 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

#corporate-partners.about-partners .partners-details-list li a span.hd {
    font-family: var(--header-font);
}

#corporate-partners.about-partners .partners-details-list li a:hover img {
    opacity: 0.85;
    transform: translateY(-10px);
}

#corporate-partners.about-partners .partners-details-list li a:hover span {
    color: var(--red);
}

#student-enquire.vision-mission {
    padding: 3.75em 0;
    background: url(../images/about/back.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

#student-enquire.vision-mission .gray-box {
    padding: 0 14em;
    margin-bottom: 6em;
    text-align: center;
}

#student-enquire.vision-mission .gray-box .content-separator {
    margin: 1.25rem 0;
}

#student-enquire.vision-mission .gray-box .hd {
    font-size: 3.125rem;
    color: var(--red);
    font-family: var(--header-font);
}

#student-enquire.vision-mission .gray-box p {
    font-size: 1.875rem;
    margin-bottom: 0;
}

#student-enquire.vision-mission .lft {
    padding-right: 3.125rem;
    padding-top: 0;
}

#student-enquire.vision-mission .lft .content-form.blk-sec .outer .in {
    width: 100%;
}

#student-enquire.vision-mission .lft .content-form.blk-sec .outer .in .hd {
    padding-left: 0;
    margin-bottom: 0;
}

#student-enquire.vision-mission .lft .content-form.blk-sec .outer .in .hd:after {
    display: none;
}

#student-enquire.vision-mission .lft .content-form.blk-sec .outer .in ul {
    padding-left: 1rem;
}

#student-enquire.vision-mission .lft .content-form.blk-sec .outer .in ul li {
    font-size: 1.8rem;
    list-style-image: url("../images/home/cross.svg");
    padding-left: 1.25rem;
}

#student-enquire.vision-mission .rht {
    padding-left: 3.125rem;
    padding-top: 5rem;
}

#student-enquire.vision-mission .rht .gray-box {
    margin-bottom: 0;
}

#about-awards {
    text-align: center;
    margin: 6rem 0;
}

#about-awards .content-col .content-title.bfnt {
    font-family: var(--body-font);
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.625rem;
    margin-bottom: 0.75em;
}

#about-awards .logo-nav {
    justify-content: center;
    align-items: center;
}

#about-awards .logo-nav li {
    flex: 0 0 auto;
    width: 16.6666666667%;
    margin-bottom: 10px;
}

#about-news {
    margin: 0;
    padding: 6em 0 4em;
    background-color: #f9f9f9;
}

#about-news .news-slider {
    margin: 60px -20px 0;
}

#about-news .news-slider .slide {
    padding: 0 20px;
}

#about-news .news-slider .slide img {
    width: 100%;
}

#about-news .news-slider .slide .title {
    font-size: 1.65rem;
    font-family: var(--header-font);
    margin-top: 1em;
}

#about-news .slick-prev,
#about-news .slick-next {
    width: 60px;
    height: 60px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}

#about-news .slick-prev:before,
#about-news .slick-next:before {
    display: none;
}

#about-news .slick-prev {
    background-image: url(../images/about/arwl.svg);
    left: -80px;
}

#about-news .slick-next {
    background-image: url(../images/about/arwr.svg);
    right: -80px;
}

#contact .lft .licon-list {
    gap: 1em 0;
    margin-top: 1.2em;
}

#contact .lft .licon-list li {
    display: flex;
    width: 50%;
    align-items: center;
    font-size: 1.1rem;
    line-height: 1;
}

#contact .lft .licon-list li a {
    transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

#contact .lft .licon-list li a:hover {
    color: var(--red);
}

#contact .lft .licon-list li .icon {
    margin-right: 0.5em;
}

#contact .lft .licon-list li:nth-child(even) {
    /* padding-left: 2rem; */
}

#contact .lft .email-list {
    justify-content: space-between;
    gap: 0 1em;
}

#contact .lft .email-list li {
    font-size: 1.1rem;
    line-height: 1;
}

#contact .lft .email-list li .hd {
    display: block;
    margin-bottom: 0.5em;
    font-weight: 600;
}

#contact .lft .email-list li a {
    transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

#contact .lft .email-list li a:hover {
    color: var(--red);
}

#contact .lft .iframe {
    margin-top: 40px;
}

#contact .lft .iframe iframe {
    width: 100%;
    height: 380px;
}

#contact .rht .hd {
    font-size: 1.25rem;
    margin: 2.5em 0 1.25em;
    font-weight: 600;
}

#contact .rht .sm-list {
    align-items: center;
}

#contact .rht .sm-list li {
    margin-right: 25px;
}

#contact .rht .sm-list li a svg * {
    transition: all 0.5s;
}

#contact .rht .sm-list li a:hover svg * {
    fill: var(--red);
}

#contact .rht .sm-list li:last-child {
    margin-right: 0;
}

.updates #blog .leisure-offers .offer-wrap.blog-wrap .offer p.lp a {
    font-size: 1.25rem;
}

.updates #blog .leisure-offers .offer-wrap.blog-wrap .offer p.lp a i {
    transition: all 0.35s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

.updates #blog .leisure-offers .offer-wrap.blog-wrap .offer p.lp a:after,
.updates #blog .leisure-offers .offer-wrap.blog-wrap .offer p.lp a:before {
    display: none;
}

.updates #blog .leisure-offers .offer-wrap.blog-wrap .offer p.lp a:hover i {
    transform: scaleX(-1) translateX(-3px);
}

.leisure-offers.lo-air .offer p.lp {
    margin-bottom: 0;
}

.leisure-offers.lo-air .offer p.lp a {
    font-size: 1.25rem;
    margin-bottom: 0;
    color: var(--red);
}

.leisure-offers.lo-air .offer p.lp a i {
    transition: all 0.35s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

.leisure-offers.lo-air .offer p.lp a:after,
.leisure-offers.lo-air .offer p.lp a:before {
    display: none;
}

.leisure-offers.lo-air .offer p.lp a:hover i {
    transform: scaleX(-1) translateX(-3px);
}

.gct .content-detail.cpp-cd {
    padding-top: 0.5rem;
}

.gct .content-detail .go-back {
    font-size: clamp(15px, 1.042vw, 20px);
    color: var(--red);
    display: inline-block;
    margin-bottom: clamp(20px, 2.344vw, 45px);
}

.gbc .go-back {
    font-size: clamp(15px, 1.042vw, 20px);
    color: var(--red);
    display: inline-block;
    margin-bottom: clamp(20px, 2.604vw, 50px);
}

.page-banner-dark.pb-gray .page-banner-img:before {
    background: transparent linear-gradient(0deg, rgba(40, 60, 83, 0.8) 0%, rgba(40, 60, 83, 0.5019607843) 100%) 0% 0% no-repeat padding-box;
    mix-blend-mode: multiply;
    opacity: 1;
}

.page-banner-dark.pb-gray .page-banner-img:after {
    display: none;
}

.content-form .btn-classic.bc2 {
    margin-top: 2rem;
    margin-bottom: 0.5rem;
}

.content-form p.bp {
    font-size: clamp(15px, 1.042vw, 20px);
    text-align: center;
    margin-bottom: 0;
    margin-top: clamp(16px, 1.563vw, 30px);
    font-weight: 600;
}

.content-section.offers-promotions {
    padding: 90px 0 120px;
    margin-top: 10px;
    background: #f9f9f9;
    margin-bottom: -30px;
}

.content-section.offers-promotions .content-title {
    margin-bottom: 20px;
}

.content-section.offers-promotions .leisure-offers .offer-wrap .offer .card-title {
    font-size: 1.8rem;
    line-height: 1.3;
    margin-bottom: 5px;
}

.content-section.offers-promotions .leisure-offers .offer-wrap {
    grid-template-rows: auto;
}

.gct.img-lft .content-detail {
    padding: clamp(40px, 3.125vw, 60px);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
}

.gct.img-lft .content-banner img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

#student-enquire.yuthukama-enquire {
    margin-bottom: 100px;
}

#student-enquire.yuthukama-enquire .content-detail {
    padding-left: 8rem;
}

#student-enquire.yuthukama-enquire .content-detail .content-desc {
    padding-right: 0;
}

.main-banner-wrapper.about-banner-wrapper .carousel .carousel-item .s-logo {
    width: clamp(100px, 6.51vw, 125px);
    margin-bottom: clamp(15px, 1.302vw, 25px);
}

.main-banner-wrapper.about-banner-wrapper .carousel .carousel-item .img .main-img {
    height: 85vh;
}

.side-img-sec .col {
    flex: 0 0 auto;
    width: 50%;
}

.side-img-sec .img img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.side-img-sec .txt {
    text-align: left;
    color: var(--white);
    padding: clamp(40px, 6.25vw, 120px) 0 clamp(40px, 6.25vw, 120px) clamp(40px, 3.646vw, 70px);
}

@media (min-width: 1200px) {
    .side-img-sec {
        align-items: center;
    }
}

.home-diff.about-top {
    background-image: url(../images/about/top-back.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: contain;
}

.content-section.about-classic {
    margin: clamp(20px, 2.604vw, 50px) 0 0;
}

.content-section.about-classic .branches {
    margin-top: clamp(40px, 8.333vw, 160px);
    margin-bottom: clamp(60px, 7.292vw, 140px);
}

.content-section.about-classic .branches .tac {
    color: var(--white);
}

.content-section.about-classic .branches .branch {
    flex: 0 0 auto;
    width: 50%;
    margin-top: clamp(10px, 1.042vw, 20px);
}

.content-section.about-classic .branches .branch .inner {
    display: flex;
    color: var(--white);
    text-align: left;
    background-color: var(--white);
}

.content-section.about-classic .branches .branch .inner .img {
    position: relative;
    flex: 0 0 auto;
    width: clamp(200px, 14.844vw, 285px);
    overflow: hidden;
}

.content-section.about-classic .branches .branch .inner .img img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    transform: scale(1.0001);
    transition: transform 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.content-section.about-classic .branches .branch .inner .txt {
    background-color: var(--white);
    padding: clamp(20px, 1.563vw, 30px);
}

.content-section.about-classic .branches .branch .inner .txt .title {
    color: var(--red);
    font-size: clamp(16px, 1.042vw, 20px);
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: clamp(10px, 0.938vw, 18px);
}

.content-section.about-classic .branches .branch .inner .txt .branch-list {
    padding-left: 0;
    margin-bottom: 0;
}

.content-section.about-classic .branches .branch .inner .txt .branch-list li {
    font-size: clamp(12px, 0.833vw, 16px);
    color: var(--black);
    list-style: none;
    padding-left: clamp(25px, 1.979vw, 38px);
    position: relative;
    font-weight: 500;
}

.content-section.about-classic .branches .branch .inner .txt .branch-list li a {
    color: var(--black);
    transition: all 0.35s;
}

.content-section.about-classic .branches .branch .inner .txt .branch-list li a:hover {
    color: var(--red);
}

.content-section.about-classic .branches .branch .inner .txt .branch-list li .icon {
    position: absolute;
    left: 0;
    top: 0;
    width: clamp(14px, 1.042vw, 20px);
}

.content-section.about-classic .branches .branch .inner .txt .branch-list li+li {
    margin-top: clamp(10px, 1.042vw, 20px);
}

.content-section.about-classic .branches .branch:hover .inner .img img {
    transform: scale(1.1);
}

.our-values {
    margin-bottom: 6em;
}

.our-values .side-img-sec {
    align-items: center;
}

.our-values .side-img-sec .txt {
    color: var(--black);
    padding-left: 0;
    padding: 0 clamp(40px, 3.646vw, 70px) 0 0;
}

.our-values .side-img-sec .txt ul {
    padding-left: 1rem;
    margin-top: 2em;
}

.our-values .side-img-sec .txt ul li {
    font-size: 1.8rem;
    list-style-image: url("../images/home/cross.svg");
    padding-left: 1.25rem;
    margin-bottom: 0.5em;
}

.main-banner-wrapper.small-banner .carousel .carousel-item .img:before {
    background: transparent linear-gradient(0deg, rgba(40, 60, 83, 0.8) 0%, rgba(40, 60, 83, 0.5019607843) 100%) 0% 0%;
    mix-blend-mode: multiply;
}

.main-banner-wrapper.small-banner .carousel .carousel-item .img:after {
    height: 100%;
}

.main-banner-wrapper.small-banner .carousel .carousel-item .img .main-img {
    height: clamp(400px, 31.25vw, 600px);
}

.main-banner-wrapper.small-banner .carousel .carousel-item .txt .title {
    font-size: clamp(35px, 3.646vw, 70px);
    line-height: 1.25;
    margin-bottom: clamp(14px, 3.125vw, 60px);
}

.main-banner-wrapper.small-banner .carousel .carousel-item .txt p {
    font-size: clamp(18px, 1.302vw, 25px);
    margin-bottom: 0;
}

.main-banner-wrapper.small-banner.filter-banner .carousel .carousel-item .img .main-img {
    height: clamp(500px, 41.042vw, 788px);
}

.main-banner-wrapper.small-banner.filter-banner .carousel .carousel-item .txt {
    max-width: clamp(850px, 70.208vw, 1348px);
}

.main-banner-wrapper.small-banner.filter-banner .carousel .carousel-item .txt .form-inline {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 2px;
    margin-top: clamp(30px, 3.646vw, 70px);
}

.main-banner-wrapper.small-banner.filter-banner .carousel .carousel-item .txt .form-inline ::-moz-placeholder {
    color: var(--black);
}

.main-banner-wrapper.small-banner.filter-banner .carousel .carousel-item .txt .form-inline :-ms-input-placeholder {
    color: var(--black);
}

.main-banner-wrapper.small-banner.filter-banner .carousel .carousel-item .txt .form-inline ::placeholder {
    color: var(--black);
}

.main-banner-wrapper.small-banner.filter-banner .carousel .carousel-item .txt .form-inline .form-group {
    flex: 0 0 auto;
    width: clamp(120px, 12.708vw, 244px);
    padding-top: clamp(1px, 0.18vw, 3px);
    background-color: var(--white);
}

.main-banner-wrapper.small-banner.filter-banner .carousel .carousel-item .txt .form-inline .form-group .form-control {
    height: clamp(40px, 3.49vw, 67px);
    border: 0;
    border-radius: 0;
    padding: 0;
    padding-left: clamp(30px, 2.865vw, 55px);
    padding-right: clamp(20px, 1.563vw, 30px);
    background-image: url(../images/leisure/calendar.svg);
    background-repeat: no-repeat;
    background-size: clamp(12px, 0.938vw, 18px);
    background-position: clamp(12px, 1.302vw, 25px) calc(50% - clamp(12px, 0.938vw, 18px) / 8);
    font-size: clamp(12px, 0.938vw, 18px);
    outline: 0;
    box-shadow: none;
}

.main-banner-wrapper.small-banner.filter-banner .carousel .carousel-item .txt .form-inline .continent-icon .form-control {
    height: clamp(40px, 3.49vw, 67px);
    border: 0;
    border-radius: 0;
    padding: 0;
    padding-left: clamp(30px, 2.865vw, 55px);
    padding-right: clamp(20px, 1.563vw, 30px);
    background-image: url(../images/leisure/earth-americas-solid.svg);
    background-repeat: no-repeat;
    background-size: clamp(12px, 0.938vw, 18px);
    background-position: clamp(12px, 1.302vw, 25px) calc(50% - clamp(12px, 0.938vw, 18px) / 8);
    font-size: clamp(12px, 0.938vw, 18px);
    outline: 0;
    box-shadow: none;
    fill: red;
}

.main-banner-wrapper.small-banner.filter-banner .carousel .carousel-item .txt .form-inline .category-icon .form-control {
    height: clamp(40px, 3.49vw, 67px);
    border: 0;
    border-radius: 0;
    padding: 0;
    padding-left: clamp(30px, 2.865vw, 55px);
    padding-right: clamp(20px, 1.563vw, 30px);
    background-image: url(../images/leisure/tag-solid.svg);
    background-repeat: no-repeat;
    background-size: clamp(12px, 0.938vw, 18px);
    background-position: clamp(12px, 1.302vw, 25px) calc(50% - clamp(12px, 0.938vw, 18px) / 8);
    font-size: clamp(12px, 0.938vw, 18px);
    outline: 0;
    box-shadow: none;
}

.main-banner-wrapper.small-banner.filter-banner .carousel .carousel-item .txt .form-inline .form-group.sub-fg {
    width: clamp(37px, 3.646vw, 70px);
    padding-top: 0;
}

.main-banner-wrapper.small-banner.filter-banner .carousel .carousel-item .txt .form-inline .form-group.sub-fg .submit {
    width: clamp(40px, 3.646vw, 70px);
    height: clamp(40px, 3.646vw, 70px);
    border: 0;
    background-color: var(--red);
    position: relative;
}

.main-banner-wrapper.small-banner.filter-banner .carousel .carousel-item .txt .form-inline .form-group.sub-fg .submit:after {
    content: "";
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    position: absolute;
    border: 1px solid var(--white);
    left: 5px;
    top: 5px;
}

.main-banner-wrapper.small-banner.filter-banner .carousel .carousel-item .txt .form-inline .form-group.sub-fg .submit .search-icon {
    width: clamp(15px, 1.302vw, 25px);
}

.go-back {
    margin-bottom: clamp(25px, 2.604vw, 50px);
}

.go-back p {
    font-size: clamp(15px, 1.042vw, 20px);
    line-height: 1.3;
    margin-bottom: 0;
    text-transform: uppercase;
}

.go-back p a {
    color: var(--red);
    transition: all 0.35s;
}

.go-back p a i {
    margin-right: clamp(10px, 0.781vw, 15px);
}

.go-back p a:hover {
    color: var(--black);
}

.side-img-section {
    padding: clamp(50px, 8.333vw, 160px) 0 clamp(50px, 7.292vw, 140px);
}

.side-img-section .inner>* {
    flex: 0 0 auto;
    width: 50%;
}

.side-img-section .inner .img {
    padding: 0;
    position: relative;
    overflow: hidden;
}

.side-img-section .inner .img .main-img {
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: relative;
}

.side-img-section .inner .img .main-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    transform: scale(1.0001);
    transition: transform 0.5s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

.side-img-section .inner .img.img-video .video-trigger {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    display: grid;
    place-items: center;
    cursor: pointer;
}

.side-img-section .inner .img.img-video .video-trigger:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background: transparent linear-gradient(0deg, rgba(2, 2, 2, 0.68) 0%, rgba(40, 60, 83, 0.55) 100%) 0% 0%;
    mix-blend-mode: multiply;
    opacity: 0.85;
}

.side-img-section .inner .img.img-video .video-trigger .play-btn {
    width: clamp(80px, 7.031vw, 135px);
    height: clamp(80px, 7.031vw, 135px);
    background-color: var(--white);
    border-radius: 50%;
    z-index: 2;
    display: grid;
    place-items: center;
    transition: transform 0.85s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

.side-img-section .inner .img.img-video .video-trigger .play-btn:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: clamp(12px, 1.198vw, 23px) 0 clamp(12px, 1.198vw, 23px) clamp(29px, 2.083vw, 40px);
    border-color: transparent transparent transparent var(--red);
    transform: translateX(5px);
}

.side-img-section .inner .img.img-video .video-trigger:hover .play-btn {
    transform: rotate(360deg);
}

.side-img-section .inner .img:hover .main-img img {
    transform: scale(1.1);
}

.side-img-section .inner .txt.txt-lft {
    padding: clamp(30px, 2.604vw, 50px) 0 clamp(30px, 2.604vw, 50px) clamp(40px, 4.948vw, 95px);
}

.side-img-section .inner .txt .main-btn {
    margin-top: clamp(30px, 3.646vw, 70px);
}

.side-img-section.si-2 .inner .txt.txt-lft {
    padding: clamp(30px, 6.25vw, 120px) 0 clamp(30px, 6.25vw, 120px) clamp(30px, 3.125vw, 60px);
}

.side-img-section.si-2 .inner .txt.txt-rht {
    padding: clamp(30px, 6.25vw, 120px) clamp(30px, 3.125vw, 60px) clamp(30px, 6.25vw, 120px) 0;
    order: -1;
}

.side-img-section.si-2 .inner .txt.txt-rht.txt-t2 {
    padding: 0 clamp(30px, 3.125vw, 60px) clamp(30px, 4.688vw, 90px) 0;
}

.video-model .modal-header,
.video-model .modal-content {
    border-radius: 0;
}

.video-model .modal-body {
    padding: 0;
    height: 400px;
}

.open-positions .top {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    margin-bottom: clamp(30px, 2.604vw, 50px);
}

.open-positions .top .inner-main-title {
    line-height: 1;
}

.open-positions .top .search {
    width: clamp(225px, 16.927vw, 325px);
}

.open-positions .top .search .in2 {
    width: 100%;
    position: relative;
    transform: translateY(2px);
}

.open-positions .top .search .in2 .form-control {
    width: 100%;
    padding-right: clamp(15px, 1.042vw, 20px);
    padding-top: 0;
    line-height: 1;
    padding-left: 0;
    outline: 0;
    box-shadow: none;
    padding-bottom: clamp(10px, 0.781vw, 15px);
    font-size: clamp(14px, 1.042vw, 20px);
    border: 0;
    border-bottom: 1px solid var(--black);
    border-radius: 0;
    color: var(--black);
}

.open-positions .top .search .in2 .search-btn {
    position: absolute;
    top: 0;
    right: 0;
    width: clamp(15px, 1.042vw, 20px);
    padding-bottom: clamp(10px, 0.781vw, 15px);
    height: 100%;
    background: transparent;
    border-radius: 0px;
    color: var(--black);
    border: 0;
    display: grid;
    align-items: center;
    justify-content: flex-end;
}

.open-positions .top .search .in2 .search-btn img {
    width: clamp(10px, 0.781vw, 15px);
}

.open-positions .vacancies {
    margin-top: clamp(30px, 4.167vw, 80px);
}

.open-positions .vacancies .vacancy {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: clamp(10px, 0.885vw, 17px);
    border-bottom: 1px solid #e3e3e3;
}

.open-positions .vacancies .vacancy+.vacancy {
    margin-top: clamp(15px, 1.563vw, 30px);
}

.open-positions .vacancies .vacancy .vacancy-name {
    font-size: clamp(15px, 1.302vw, 25px);
    font-family: var(--header-font);
    text-transform: capitalize;
}

.open-positions .vacancies .vacancy .vm {
    font-size: clamp(12px, 1.042vw, 20px);
    line-height: 1.3;
    margin-bottom: 0;
    text-transform: uppercase;
    color: var(--red);
    transition: all 0.35s;
}

.open-positions .vacancies .vacancy .vm i {
    margin-left: clamp(10px, 0.781vw, 15px);
}

.open-positions .vacancies .vacancy .vm:hover {
    color: var(--black);
}

.open-positions .vacancies .collapse-outer {
    margin-top: clamp(15px, 1.563vw, 30px);
}

.open-positions .vacancies .v-collapse .card-body {
    padding: 0;
    border: 0;
}

.open-positions .vacancies .collapse-t-btn {
    margin: clamp(30px, 2.604vw, 50px) auto;
    display: block;
    font-size: clamp(12px, 1.042vw, 20px);
    line-height: 1.3;
    margin-bottom: 0;
    text-transform: uppercase;
    color: var(--red);
    transition: all 0.35s;
    background: transparent;
    border: 0;
}

.open-positions .vacancies .collapse-t-btn i {
    margin-left: clamp(10px, 0.781vw, 15px);
}

.open-positions .vacancies .collapse-t-btn:hover {
    color: var(--black);
}

#leisure-enquire.careers-enquire {
    padding-top: clamp(50px, 6.51vw, 125px);
}

#leisure-enquire.careers-enquire:before {
    display: none;
}

#leisure-enquire .crs-separator {
    margin-top: clamp(12px, 0.938vw, 18px);
}

.center-txt-section.side-img-section {
    padding-bottom: clamp(50px, 6.51vw, 125px);
}

.center-txt-section .center-txt-inner {
    text-align: center;
}

.center-txt-section .center-txt-inner .crs-separator {
    margin-top: 0;
}

.background-box {
    padding: clamp(40px, 5.729vw, 110px) 0;
}

.background-box .bb-inner {
    width: 100%;
    background-color: var(--black);
    color: var(--white);
    padding: clamp(25px, 2.083vw, 40px) clamp(250px, 17.448vw, 335px) clamp(35px, 3.125vw, 60px) clamp(45px, 4.167vw, 80px);
    position: relative;
}

.background-box .bb-inner .bb-logo {
    position: absolute;
    right: clamp(5px, 0.521vw, 10px);
    bottom: clamp(20px, 1.823vw, 35px);
    width: clamp(200px, 14.583vw, 280px);
    z-index: 2;
}

.background-box .bb-inner .title {
    font-size: clamp(22px, 1.563vw, 30px);
    font-family: var(--header-font);
    margin-bottom: clamp(10px, 1.042vw, 20px);
    position: relative;
    z-index: 2;
}

.background-box .bb-inner P {
    position: relative;
    z-index: 2;
    font-weight: 300;
    line-height: 1.4;
}

.background-box .bb-inner .cir-back-outer {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
    top: 0;
    left: 0;
    overflow: hidden;
}

.background-box .bb-inner .cir-back-outer .cir-back {
    position: absolute;
    right: -2%;
    bottom: -12%;
    width: clamp(200px, 13.021vw, 250px);
}

.background-box.bb-light .bb-inner {
    background: #f9f9f9;
    color: var(--black);
}

.csr-banner.main-banner-wrapper .carousel .carousel-item .img:after {
    background: transparent linear-gradient(0deg, rgba(35, 31, 32, 0) 0%, #231f20 100%) 0% 0% no-repeat padding-box;
    opacity: 0.64;
}

.csr-banner.main-banner-wrapper .carousel .carousel-item .img:before {
    background: transparent linear-gradient(0deg, rgba(6, 90, 51, 0.8) 0%, rgba(40, 60, 83, 0.5019607843) 100%) 0% 0%;
    mix-blend-mode: multiply;
    opacity: 0.64;
}

.file-upload-wrapper {
    position: relative;
    width: 100%;
    height: 42px;
    padding-left: 0;
    padding-right: 0;
    border-bottom: 1px solid var(--black);
}

.file-upload-wrapper:after {
    content: attr(data-text);
    font-size: 1.125rem;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    padding: 0.375rem 0.75rem;
    padding-left: 0;
    display: block;
    width: calc(100% - 40px);
    pointer-events: none;
    z-index: 20;
    height: 40px;
    line-height: 30px;
    color: #999;
    border-radius: 5px 10px 10px 5px;
    font-weight: 300;
}

.file-upload-wrapper:before {
    content: "\f067";
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    height: 40px;
    background: transparent;
    color: var(--red);
    font-weight: 700;
    z-index: 25;
    font-size: 16px;
    line-height: 40px;
    padding: 0 15px;
    padding-right: 0;
    text-transform: uppercase;
    pointer-events: none;
    border-radius: 0 5px 5px 0;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
}

.file-upload-wrapper input {
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99;
    height: 40px;
    margin: 0;
    padding: 0;
    display: block;
    cursor: pointer;
    width: 100%;
}

.content-form .input-field .form-control.fc-text {
    height: 200px;
    margin-bottom: 50px;
}

.vacancy-inner.package-inner {
    padding-top: clamp(40px, 5.208vw, 100px);
}

.vacancy-inner.package-inner .pi-outer .lft {
    padding-right: 60px;
}

.vacancy-inner.package-inner .pi-outer .lft img {
    width: 100%;
}

.main-banner-wrapper.main-banner-with-gap {
    padding: 0 clamp(30px, 2.604vw, 50px);
    margin-top: 205px;
    background-color: var(--white);
}

.main-banner-wrapper.main-banner-with-gap .carousel .carousel-item .txt {
    padding-top: 0;
    top: 45%;
}

.main-banner-wrapper.main-banner-with-gap .carousel .carousel-item .txt .title {
    margin-bottom: clamp(20px, 1.563vw, 30px);
}

.side-icon-section.side-img-section.si-2 {
    padding-bottom: clamp(20px, 2.083vw, 40px);
}

.side-icon-section.side-img-section.si-2 .inner .txt.txt-rht {
    padding-top: 0;
    padding-bottom: 0;
}

.side-icon-section.side-img-section.si-2 .inner .circles {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 33.333333%));
    gap: clamp(20px, 2.083vw, 40px);
    padding-left: clamp(20px, 2.083vw, 40px);
    width: 100%;
}

.side-icon-section.side-img-section.si-2 .inner .circles .in {
    display: flex;
    gap: clamp(20px, 2.604vw, 50px);
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.side-icon-section.side-img-section.si-2 .inner .circles .in .c-out {
    width: 100%;
    text-align: center;
}

.side-icon-section.side-img-section.si-2 .inner .circles .in .c-out .cir {
    width: 100%;
    padding-top: 100%;
    position: relative;
    border-radius: 50%;
    border: 3px dashed var(--red);
    display: grid;
    place-items: center;
}

.side-icon-section.side-img-section.si-2 .inner .circles .in .c-out .cir .icon {
    position: absolute;
    height: clamp(40px, 4.271vw, 82px);
}

.side-icon-section.side-img-section.si-2 .inner .circles .in .c-out .title {
    font-size: clamp(14px, 1.042vw, 20px);
    line-height: 1.5;
    font-family: var(--header-font);
    display: block;
    margin-top: clamp(10px, 1.042vw, 20px);
}

.side-pills-section {
    padding: clamp(10px, 2.083vw, 40px) 0 clamp(10px, 1.563vw, 30px);
}

.side-pills-section.sps-2 {
    padding-top: clamp(30px, 5.729vw, 110px);
}

.side-pills-section .sp-inner .list-sec {
    padding: clamp(30px, 3.125vw, 60px) 0 0;
    flex: 0 0 auto;
    width: clamp(300px, 26.042vw, 500px);
}

.side-pills-section .sp-inner .list-sec .nav-pills {
    margin-top: clamp(30px, 3.906vw, 75px);
}

.side-pills-section .sp-inner .list-sec .nav-pills .nav-link {
    background-color: transparent;
    color: var(--black);
    text-align: left;
    padding: 0;
    display: flex;
    align-items: flex-start;
    font-size: clamp(16px, 1.146vw, 22px);
    line-height: 1.27;
    pointer-events: none !important;
}

.side-pills-section .sp-inner .list-sec .nav-pills .nav-link .cross img {
    width: clamp(8px, 0.625vw, 12px);
    transform: translateY(-2px);
}

.side-pills-section .sp-inner .list-sec .nav-pills .nav-link .arw {
    display: none;
}

.side-pills-section .sp-inner .list-sec .nav-pills .nav-link .txt {
    margin-left: clamp(10px, 1.042vw, 20px);
    width: clamp(180px, 13.021vw, 250px);
    transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.side-pills-section .sp-inner .list-sec .nav-pills .nav-link .arw img {
    width: clamp(12px, 0.833vw, 16px);
    transform: translateX(clamp(-10px, -0.521vw, -5px));
    transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    opacity: 0;
}

.side-pills-section .sp-inner .list-sec .nav-pills .nav-link.active .txt {
    color: var(--red);
}

.side-pills-section .sp-inner .list-sec .nav-pills .nav-link.active .arw img {
    opacity: 1;
    transform: translateX(0);
}

.side-pills-section .sp-inner .list-sec .nav-pills .nav-link:hover .txt {
    color: var(--red);
}

.side-pills-section .sp-inner .list-sec .nav-pills .nav-link+.nav-link {
    margin-top: 20px;
}

.side-pills-section .sp-inner .cont-sec {
    padding: 0;
    flex: 0 0 auto;
    width: calc(100% - clamp(300px, 26.042vw, 500px));
}

.side-pills-section .sp-inner .cont-sec .inner {
    display: flex;
    justify-content: flex-end;
    position: relative;
}

.side-pills-section .sp-inner .cont-sec .inner .img img {
    height: clamp(500px, 38.385vw, 737px);
}

.side-pills-section .sp-inner .cont-sec .inner .txt {
    position: absolute;
    left: clamp(-80px, -4.167vw, -30px);
    bottom: clamp(30px, 3.125vw, 60px);
    background-color: var(--black);
    width: clamp(400px, 28.646vw, 550px);
    padding: clamp(20px, 2.604vw, 50px) clamp(20px, 3.125vw, 60px);
}

.side-pills-section .sp-inner .cont-sec .inner .txt span {
    font-size: clamp(14px, 1.042vw, 20px);
    line-height: 1.28;
    color: var(--white);
    font-weight: 300;
}

@-webkit-keyframes fadeInRightSmall {
    0% {
        opacity: 0;
        transform: translate3d(10%, 0, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

@keyframes fadeInRightSmall {
    0% {
        opacity: 0;
        transform: translate3d(10%, 0, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInRightSmall {
    -webkit-animation-name: fadeInRightSmall;
    animation-name: fadeInRightSmall;
}

@-webkit-keyframes fadeInLeftSmall {
    0% {
        opacity: 0;
        transform: translate3d(-10%, 0, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

@keyframes fadeInLeftSmall {
    0% {
        opacity: 0;
        transform: translate3d(-10%, 0, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInLeftSmall {
    -webkit-animation-name: fadeInLeftSmall;
    animation-name: fadeInLeftSmall;
}

#student-enquire.vision-mission.yva-re {
    background: url(../images/yuthukama/visa/In-House-Attestations.jpg);
    margin-top: clamp(20px, 3.125vw, 60px);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

#leisure-enquire.careers-enquire.yva-enquire {
    padding-top: clamp(10px, 1.042vw, 20px);
}

#leisure-exploring.destinations-leisure-exploring {
    margin-bottom: 0;
}

.leisure-countries {
    margin-top: clamp(40px, 6.51vw, 125px);
}

.leisure-countries p.bp {
    font-size: clamp(20px, 2.5vw, 48px);
    line-height: 1.5;
    font-family: var(--header-font);
    font-weight: 300;
    margin-bottom: 0;
}

.leisure-countries p.bp span {
    cursor: pointer;
    transition: all 0.35s;
}

.leisure-countries p.bp span:hover,
.leisure-countries p.bp span.active {
    color: var(--red);
}

.content-section.offers-promotions.destinations-offers-promotions {
    background-color: var(--white);
    margin-top: 0;
    padding: clamp(30px, 4.688vw, 90px) 0 0;
    margin-bottom: 0;
}

.content-section.offers-promotions.destinations-offers-promotions.pt-60 {
    padding: clamp(30px, 3.125vw, 60px) 0 0;
}

.content-section.offers-promotions.destinations-offers-promotions .leisure-offers {
    margin-top: 0;
}

.content-section.offers-promotions.destinations-offers-promotions .leisure-offers .offer-wrap .offer .card-title {
    margin-bottom: clamp(10px, 1.042vw, 20px);
}

.pagination {
    justify-content: center;
    margin-top: clamp(30px, 3.125vw, 60px);
}

.pagination .p-list {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: clamp(5px, 0.521vw, 10px);
    padding-left: 0;
}

.pagination .p-list li {
    list-style: none;
}

.pagination .p-list li a {
    width: clamp(30px, 2.604vw, 50px);
    height: clamp(30px, 2.604vw, 50px);
    color: var(--red);
    border: 1px solid var(--red);
    display: grid;
    place-items: center;
    font-size: clamp(14px, 1.042vw, 20px);
    line-height: 2.8;
    overflow: hidden;
    transition: all 0.35s;
}

.pagination .p-list li:first-child a {
    border: 0;
}

.pagination .p-list li:last-child a {
    transform: scaleX(-1);
    border: 0;
}

.pagination .p-list li:hover a {
    border-color: var(--black);
    color: var(--black);
}

.pagination .p-list li.active a {
    background-color: var(--red);
    color: var(--white);
}

.side-top-form-sec .rht .form-inline {
    display: flex;
    gap: clamp(30px, 2.604vw, 50px);
    padding-top: clamp(7px, 0.625vw, 12px);
}

.side-top-form-sec .rht .form-inline.jend {
    justify-content: flex-end;
}

.side-top-form-sec .rht .form-inline ::-moz-placeholder {
    color: var(--black);
}

.side-top-form-sec .rht .form-inline :-ms-input-placeholder {
    color: var(--black);
}

.side-top-form-sec .rht .form-inline ::placeholder {
    color: var(--black);
}

.side-top-form-sec .rht .form-inline .form-group {
    flex: 0 0 auto;
    width: calc(50% - clamp(30px, 2.604vw, 50px) / 2);
    border-bottom: 1px solid var(--black);
}

.side-top-form-sec .rht .form-inline .form-group .form-control {
    border: 0;
    border-radius: 0;
    padding-left: 0;
    font-size: clamp(12px, 1.042vw, 20px);
    line-height: 1;
    padding-bottom: clamp(10px, 0.781vw, 15px);
    outline: 0;
    box-shadow: none;
}

.side-top-form-sec .rht .form-inline .form-group .form-select {
    background-position: right 0rem center;
}

.side-top-form-sec .rht .form-inline .form-group .input-group-text {
    background: transparent;
    border: 0;
    padding-right: 0;
}

.side-top-form-sec .rht .form-inline .form-group .input-group-text .si {
    width: clamp(10px, 0.938vw, 18px);
    transform: translateY(clamp(-4px, -0.208vw, -1px));
}

.content-section.offers-promotions.destinations-offers-promotions .leisure-offers .offer-wrap .offer .card-sub-title {
    font-size: clamp(14px, 0.938vw, 18px);
    color: var(--red);
    margin-bottom: clamp(5px, 0.521vw, 10px);
    line-height: 1;
    font-weight: 500;
}

.content-section.offers-promotions.destinations-offers-promotions .leisure-offers .offer-wrap .package-meta .item .icon {
    transform: translateY(clamp(-3px, -0.18vw, -1px));
}

.leisure-offers .offer .card-body .package-meta.one-item .item {
    align-items: center;
    padding-left: 0;
    display: flex;
}

.leisure-offers .offer .card-body .package-meta.one-item .item .label {
    margin-bottom: 0;
    font-weight: 700;
}

.leisure-offers .offer .card-body .package-meta.one-item .item .icon {
    position: relative;
    margin-right: clamp(5px, 0.521vw, 10px);
}

.leisure-offers .offer {
    box-shadow: 0 2px 20px 1px rgba(0, 0, 0, 0.1) !important;
}

.mice-boxes {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 50%));
    gap: clamp(20px, 2.083vw, 40px);
}

.mice-boxes .box {
    background-color: var(--black);
    padding: clamp(20px, 2.083vw, 40px);
    color: var(--white);
}

.mice-boxes .box .title {
    font-size: clamp(20px, 1.563vw, 30px);
    text-transform: capitalize;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: clamp(15px, 1.563vw, 30px);
    font-family: var(--header-font);
    gap: clamp(10px, 1.563vw, 30px);
}

.mice-boxes .box .title img {
    width: clamp(30px, 3.385vw, 65px);
}

.mice-boxes .box p {
    font-size: clamp(14px, 1.042vw, 20px);
}

.side-pills-section .sp-inner .cont-sec .inner .txt.tx2 {
    background-color: var(--white);
    color: var(--black);
    box-shadow: 0px 5px 20px rgba(35, 31, 32, 0.1607843137);
}

.side-pills-section .sp-inner .cont-sec .inner .txt.tx2 .sh {
    font-size: clamp(16px, 1.302vw, 25px);
    text-transform: capitalize;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: clamp(15px, 1.563vw, 30px);
    font-family: var(--header-font);
    gap: clamp(10px, 1.563vw, 30px);
}

.side-pills-section .sp-inner .cont-sec .inner .txt.tx2 span {
    color: var(--black);
}

.content-section.content-section-w-form .rw-type-2 .content-detail {
    order: 2;
    padding-left: 8rem;
}

.content-section.content-section-w-form .rw-type-2 .content-detail .content-desc {
    padding-right: 0 !important;
}

.sps-type-2.side-pills-section {
    padding-top: clamp(50px, 7.552vw, 145px);
}

.sps-type-2.side-pills-section .sp-inner .list-sec {
    padding-top: 0;
}

.img-hover-trigger .hover-img-1:hover {
    transform: translateX(0px) rotate(0) !important;
}

.img-hover-trigger .hover-img-2:hover {
    transform: translateX(0px) rotate(0) !important;
}

#student-enquire .parallax-container.pxc-2 {
    margin-top: -7.75rem;
}

.side-icon-section.side-img-section.si-2.our-services {
    padding-top: clamp(30px, 6.51vw, 125px);
}

#corporate-success-stories .content-slider.mice-test-slider {
    margin-top: -21.5rem;
}


/*responsive styles*/

@media (max-width: 1680px) {
    .main-nav .nav-top .navbar .navbar-nav .nav-item {
        padding: 0 1.5rem;
    }
    .main-nav .nav-bottom:after {
        width: calc((100% - 1400px) / 2 + 1400px - (18.063rem + var(--bs-gutter-x, 0.75rem) + 2.5rem));
    }
    .main-nav .nav-bottom:before {
        width: calc((100% - 1400px) / 2 - 2.5rem + var(--bs-gutter-x, 0.75rem));
    }
    .main-nav .nav-bottom .navbar-nav .nav-item .nav-link {
        font-size: 1.1rem;
        padding: 1.5rem 0;
    }
    .main-nav .nav-bottom .navbar-nav .nav-item .nav-link span {
        font-size: 0.85rem;
    }
    .main-nav .nav-top .navbar .navbar-nav .nav-item .nav-link {
        font-size: 0.85rem;
    }
    .main-nav .nav-bottom .navbar .navbar-brand img {
        width: 12rem;
    }
    .main-banner-wrapper .carousel .carousel-item .txt .title {
        font-size: 4.5rem;
        margin-bottom: 0.5em;
    }
    .main-banner-wrapper .carousel .carousel-item .txt p {
        font-size: 1.35rem;
        margin-bottom: 2.2em;
    }
    .main-banner-wrapper .carousel .carousel-item .txt .wb-btn {
        font-size: 1rem;
    }
    .main-banner-wrapper .carousel .carousel-item .txt {
        font-size: 0.4rem;
    }
    .scroll-down {
        width: 120px;
        height: 60px;
        background-color: transparent;
        border-top-left-radius: 61px;
        border-top-right-radius: 61px;
    }
    .scroll-down .txt span {
        font-size: 0.85rem;
    }
    .sticky-nav-btn {
        width: 120px;
        height: 60px;
        border-bottom-left-radius: 61px;
        border-bottom-right-radius: 61px;
    }
    .sticky-nav-btn .txt img {
        width: 2.5rem;
        margin: 0 auto 0.625em;
    }
    #myTabContent .leisure-offers .offer-wrap {
        padding: 0 5rem;
    }
    #myTabContent #blog .bd-btn {
        font-size: 1.1rem;
    }
    .home-diff .diff-slider .slide .slide-outer {
        padding: 0 3.5em;
    }
    .home-diff .diff-slider .slide .slide-outer .s-line {
        width: 5em;
    }
    .updates #myTab .nav-item .nav-link {
        font-size: 1.25rem;
    }
    .solutions {
        grid-template-columns: 720px calc(100% - 720px);
        font-size: 0.7rem;
    }
    .solutions .rht .solutions-slider .slide {
        width: 33.333em;
        padding-right: 3.125em;
    }
    .mountain-clouds .cloud.cloud2 {
        margin-bottom: -55vh;
    }
    .footer .bottom .rht {
        padding-left: 10em;
    }
    #student-enquire .content-form.blk-sec .outer .in p {
        font-size: 1rem;
    }
    #student-enquire .content-form.blk-sec .outer .in ul li {
        font-size: 1rem;
    }
    #student-enquire .parallax-container.pc2 {
        margin-top: -5.5rem;
    }
    .package-inner .pi-outer .lft {
        padding-right: 4em;
    }
    #ultimate-guide,
    .about-expo.content-section,
    #corporate-partners.about-partners,
    .content-section.vision-mission {
        margin-top: 7rem;
    }
    #corporate-partners.about-partners .partners-details-list li a span {
        font-size: 1.1rem;
    }
    #student-enquire.vision-mission .gray-box p {
        font-size: 1.75rem;
    }
    #student-enquire.vision-mission .gray-box {
        font-size: 0.85rem;
    }
    #student-enquire.vision-mission .lft .content-form.blk-sec .outer .in ul li {
        font-size: 1.5rem;
    }
    #about-news .news-slider .slide .title {
        font-size: 1.25rem;
    }
    .gct .content-slider {
        margin-top: -10rem;
    }
    #student-enquire .content-form.blk-sec .outer .in .hd {
        font-size: 1.25em;
    }
    .footer .top .main-title {
        font-size: 2.5rem;
    }
    .footer .top p {
        font-size: 1.12rem;
        margin-bottom: 1.5em;
    }
    .footer .bottom {
        margin-top: 7.25em;
    }
    .footer .bottom .sh {
        font-size: 1.35rem;
        margin-bottom: 1.1em;
    }
    .footer .bottom p {
        font-size: 1rem;
        margin-bottom: 1.125em;
    }
    .footer .bottom .lft .cont-list li {
        margin-bottom: 0.8em;
    }
    .footer .bottom .lft .cont-list li a {
        font-size: 1.05rem;
    }
    .footer .bottom .lft .sm-list li svg {
        height: 20px;
    }
    .footer .bottom .rht .f-list li a {
        font-size: 1em;
    }
    .footer .bottom .rht {
        padding-left: 1em;
    }
    .footer .top .logo {
        width: 200px;
        margin-bottom: 30px;
    }
    .footer .bottom .lft .sm-list li {
        margin-right: 20px;
    }
    .footer-copyright p {
        font-size: 0.875em;
    }
    .content-section.offers-promotions .leisure-offers .offer-wrap .offer .card-title {
        font-size: 1.4rem;
        line-height: 1.3;
    }
    .content-section.offers-promotions .leisure-offers .offer-wrap .offer .package-meta .item {
        font-size: 0.775rem;
    }
    .content-section.offers-promotions .leisure-offers .offer-wrap .offer a::after {
        transform: translate(58%, -50%) scale(0.5) rotate(45deg);
    }
    .content-section.offers-promotions .leisure-offers .offer-wrap .offer a::before {
        transform: scale(25%) translate(680%, -375%) rotate(90deg);
    }
    .leisure-offers div.offer a:hover::before {
        transform: translate(0) scale(0.75) rotate(0deg) !important;
    }
    #student-enquire .parallax-container.pxc-2 {
        margin-top: -8.5rem;
    }
    .content-features .features.fet-2 .feature-icon img {
        width: 5rem;
        height: 5rem;
    }
    #student-community .content-slider.content-detail {
        margin-top: -15rem;
    }
    #corporate-success-stories .content-slider.mice-test-slider {
        margin-top: -17.5rem;
    }
}

@media (max-width: 1499px) {
    .main-nav .nav-bottom:after {
        width: calc((100% - 1140px) / 2 + 1140px - (14.063rem + var(--bs-gutter-x, 0.75rem) + 2.5rem));
    }
    .main-nav .nav-bottom:before {
        width: calc((100% - 1140px) / 2 - 2.5rem + var(--bs-gutter-x, 0.75rem));
    }
    .main-nav .nav-top:after {
        width: 55vw;
    }
    .main-nav .nav-bottom .navbar-nav .nav-item {
        margin: 0 3rem 0 0;
    }
    .main-nav .nav-top .navbar {
        padding: 0.58rem 0 0.42rem;
    }
    .main-nav .nav-top .navbar .navbar-nav .nav-item .nav-link {
        font-size: 0.65rem;
    }
    .main-nav .nav-bottom .navbar .navbar-brand img {
        width: 8rem;
    }
    .main-nav .nav-bottom .navbar-nav .nav-item .nav-link {
        font-size: 0.85rem;
        padding: 1rem 0 0.95rem;
    }
    .main-nav .nav-bottom .navbar-nav .nav-item .nav-link span {
        font-size: 0.75rem;
    }
    .main-nav.scrolled .nav-bottom .navbar .navbar-brand img {
        width: 6.5rem;
    }
    .main-banner-wrapper .carousel .carousel-item .txt .title {
        font-size: 4rem;
    }
    .footer .bottom .sh {
        font-size: 1.15rem;
        margin-bottom: 1.1em;
    }
    .footer .bottom p {
        font-size: 1rem;
        margin-bottom: 1.125em;
    }
    .footer .bottom .lft .cont-list li {
        margin-bottom: 0.8em;
    }
    .footer .bottom .lft .cont-list li a {
        font-size: 1.05rem;
    }
    .footer .bottom .lft .sm-list li svg {
        height: 20px;
    }
    .footer .bottom .rht .f-list li a {
        font-size: 0.91em;
    }
    .footer .bottom .rht {
        padding-left: 1em;
    }
    .footer .top .logo {
        margin-bottom: 30px;
    }
    .footer .top .main-title {
        font-size: 2.2rem;
    }
    .footer .top p {
        font-size: 1.1rem;
        margin-bottom: 1.5em;
    }
    .footer .bottom {
        margin-top: 6.5em;
        padding: 5em 0 4em;
    }
    #myTabContent .leisure-offers .offer .card-title {
        font-size: 1.25rem;
    }
    #myTabContent .leisure-offers .offer-wrap {
        padding: 0 2rem;
    }
    #myTabContent #blog .bd-btn {
        font-size: 1rem;
    }
    .updates .notice-bd {
        max-width: 720px;
    }
    .updates .notice-bd .txt .title {
        font-size: 1.5rem;
    }
    .updates .notice-bd .txt p {
        font-size: 1.1rem;
    }
    .updates .notice-bd .txt {
        padding: 0 5em;
    }
    .updates {
        padding: 10.938em 0 22em;
    }
    #package-inner {
        margin-top: 5rem;
    }
    .package-inner .pi-outer .rht {
        width: 400px;
    }
    .package-inner .pi-outer .lft {
        width: calc(100% - 400px);
        padding-right: 3.5em;
    }
    .package-inner .pi-outer .sh {
        font-size: 1.5rem;
    }
    .package-inner .pi-outer .lft .seprator {
        margin: 25px 0;
    }
    #ultimate-guide,
    .about-expo.content-section,
    #corporate-partners.about-partners,
    .content-section.vision-mission {
        margin-top: 5rem;
    }
    #corporate-partners.about-partners .partners-details-list li a .img-outer {
        height: 180px;
    }
    #corporate-partners.about-partners .partners-details-list {
        gap: 40px;
    }
    #corporate-partners.about-partners .partners-details-list li a {
        padding: 20px 30px;
    }
    #student-enquire.vision-mission .lft {
        padding-right: 2.125rem;
    }
    #student-enquire.vision-mission .rht {
        padding-left: 2.125rem;
        padding-top: 6rem;
    }
    #student-enquire.vision-mission .gray-box {
        margin-bottom: 3em;
    }
    #student-enquire.vision-mission .gray-box p {
        font-size: 1.65rem;
        line-height: 1.5;
    }
    #about-awards .logo-nav li {
        padding: 0 10px;
    }
    #about-awards .logo-nav li img {
        max-width: 100%;
    }
    #corporate-partners.about-partners .partners-details-list li a .img-outer img {
        max-width: 80%;
    }
    #about-awards {
        margin: 4rem 0;
    }
    #about-news {
        padding: 4em 0 2.5em;
    }
    #about-news .slick-prev,
    #about-news .slick-next {
        width: 45px;
        height: 45px;
    }
    #about-news .slick-prev {
        left: -65px;
    }
    #about-news .slick-next {
        right: -65px;
    }
    #contact .lft .iframe iframe {
        height: 300px;
    }
    .package-inner .pi-outer .lft .p-table tr td:first-child {
        width: 24rem;
    }
    .gct .content-slider {
        margin-top: -5rem;
    }
    .gct .content-detail {
        padding-top: 2rem;
        padding-right: 5rem;
    }
    #student-services.strengthening-the-future .content-detail {
        padding-top: 5rem;
    }
    .content-section.offers-promotions {
        padding: 60px 0 90px;
        margin-bottom: -10px;
    }
    .open-positions .top .search .in2 {
        transform: translateY(0px);
    }
    .content-form .input-field .form-control {
        font-size: 0.825rem !important;
    }
    .iti--separate-dial-code .iti__selected-dial-code {
        font-size: 0.825rem;
    }
    #leisure-enquire.careers-enquire .content-detail {
        padding-top: 14.5rem;
        padding-bottom: 0.825rem;
    }
    .background-box .bb-inner .cir-back-outer .cir-back {
        right: -3%;
        bottom: -22%;
    }
    .file-upload-wrapper:after {
        font-size: 0.825rem;
    }
    .content-form .input-field .form-control.fc-text {
        height: 150px;
        margin-bottom: 35px;
    }
    .vacancy-inner.package-inner .pi-outer .lft {
        padding-right: 40px;
    }
    .main-banner-wrapper.main-banner-with-gap {
        margin-top: 140px;
    }
    .side-pills-section .sp-inner .cont-sec .inner .txt {
        left: 0;
    }
    .main-nav .nav-top .navbar .navbar-nav .nav-item .nav-link {
        transform: translateY(1px);
    }
    .content-section.offers-promotions .leisure-offers .offer-wrap .offer a::after {
        transform: translate(51%, -50%) scale(0.5) rotate(45deg);
    }
    .content-section.offers-promotions .leisure-offers .offer-wrap .offer a::before {
        transform: scale(20%) translate(765%, -425%) rotate(90deg);
    }
    .content-section.offers-promotions .leisure-offers .offer-wrap .offer .card-title {
        font-size: 1.225rem;
    }
    .content-section.offers-promotions .leisure-offers .offer-wrap .offer .package-meta .item {
        font-size: 0.675rem;
    }
    .content-section.offers-promotions .package-meta .item {
        padding: 0 0 0 1.4rem;
    }
    .content-section.offers-promotions .package-meta .item .icon {
        width: 18px;
        top: 0.125rem;
    }
    .leisure-offers div.offer a:hover::before {
        transform: translate(0) scale(0.5) rotate(0deg) !important;
    }
    #student-enquire .parallax-container.pxc-2 {
        margin-top: -6rem;
    }
    #corporate-success-stories .content-slider.mice-test-slider {
        margin-top: -12.5rem;
    }
}

@media (max-width: 1400px) {
    .main-nav.inside-main-nav .nav-top:after {
        width: 65vw;
    }
    .pagination .p-list li a {
        line-height: 2.5;
    }
    .content-section.offers-promotions .leisure-offers .offer-wrap .offer a::after {
        transform: translate(45%, -48%) scale(0.5) rotate(45deg);
    }
    .content-section.offers-promotions .leisure-offers .offer-wrap .offer a::before {
        transform: scale(20%) translate(715%, -400%) rotate(90deg);
    }
    #student-enquire .parallax-container.pxc-2 {
        margin-top: -3.5rem;
    }
    .content-section.content-section-w-form .rw-type-2 .content-detail {
        padding-left: 5rem;
    }
}

@media (max-width: 1319px) {
    .content-section.offers-promotions .leisure-offers .offer-wrap .offer a::after {
        transform: translate(50%, -35%) scale(0.5) rotate(45deg);
    }
    .content-section.offers-promotions .leisure-offers .offer-wrap .offer a::before {
        transform: scale(20%) translate(665%, -375%) rotate(90deg);
    }
    #corporate-success-stories .content-slider.mice-test-slider {
        margin-top: -8.5rem;
    }
}

@media (max-width: 1250px) {
    .content-section.offers-promotions .leisure-offers .offer-wrap .offer a::after {
        transform: translate(45%, -35%) scale(0.5) rotate(45deg);
    }
    .content-section.offers-promotions .leisure-offers .offer-wrap .offer a::before {
        transform: scale(20%) translate(625%, -355%) rotate(90deg);
    }
}

@media (max-width: 1199px) {
    .main-nav .nav-bottom:after {
        width: calc((100% - 960px) / 2 + 960px - (14.063rem + var(--bs-gutter-x, 0.75rem) + 1.5rem));
    }
    .main-nav .nav-bottom:before {
        width: calc((100% - 960px) / 2 - 1.5rem + var(--bs-gutter-x, 0.75rem));
    }
    .main-nav .nav-bottom .navbar .navbar-brand img {
        width: 8rem;
    }
    .main-nav .nav-top:after {
        width: 62vw;
    }
    .main-banner-wrapper .carousel .carousel-item .txt .title {
        font-size: 3rem;
    }
    .main-banner-wrapper .carousel .carousel-item .txt p {
        font-size: 1.1rem;
        margin-bottom: 2em;
    }
    .main-title {
        font-size: 2.8rem;
    }
    .home-diff {
        font-size: 0.8rem;
    }
    .solutions {
        grid-template-columns: 600px calc(100% - 600px);
        font-size: 0.5rem;
    }
    .solutions .lft {
        padding: 5em 6.875em 5em 11.375em;
    }
    .solutions .rht .solutions-slider .slide .slide-in .sh {
        font-size: 2rem;
    }
    .mountain-clouds .cloud.cloud1 {
        margin-bottom: -50vh;
    }
    .footer .bottom .rht {
        padding-left: 0em;
    }
    .footer .bottom {
        margin-top: 6.25em;
        padding: 4em 0;
    }
    .footer .bottom .sh {
        font-size: 1rem;
        margin-bottom: 1.1em;
    }
    .footer .bottom .rht .f-list li a {
        font-size: 0.875em;
    }
    .footer .bottom p {
        font-size: 0.875rem;
    }
    .footer .bottom .lft .cont-list li a {
        font-size: 1rem;
    }
    .footer-copyright p {
        font-size: 0.8rem;
    }
    #ultimate-guide,
    .about-expo.content-section,
    #corporate-partners.about-partners,
    .content-section.vision-mission {
        margin-top: 4rem;
    }
    #corporate-partners.about-partners .partners-details-list li a {
        padding: 10px;
    }
    #corporate-partners.about-partners .partners-details-list li {
        width: calc(33.3333333333% - 40px);
    }
    #about-news .news-slider .slide {
        padding: 0 10px;
    }
    #about-news .news-slider {
        margin: 40px -10px 0;
    }
    #about-news .slick-next {
        right: 20px;
        top: 90px;
    }
    #about-news .slick-prev {
        left: 20px;
        top: 90px;
        z-index: 2;
    }
    #about-news .news-slider .slide .title {
        font-size: 1.1rem;
        line-height: 1.4;
    }
    #contact .lft .licon-list li,
    #contact .lft .email-list li {
        width: 100%;
    }
    #contact .lft .licon-list li:nth-child(even) {
        padding-left: 0rem;
    }
    #contact .lft .email-list li+li {
        margin-top: 20px;
    }
    .package-inner .pi-outer .rht {
        margin-top: 40px;
    }
    .package-inner .pi-outer .lft .p-table tr td:first-child {
        width: auto;
        padding-bottom: 0.5em;
    }
    .package-inner .pi-outer .lft .p-table tr td {
        display: block;
        font-weight: 600;
    }
    .package-inner .pi-outer .lft .p-table tr:last-child td {
        padding-bottom: 0.75em;
    }
    .gct .content-slider {
        margin: 20px 0 0;
        width: 100%;
        padding: 0 15px;
    }
    .gct .content-detail {
        padding-top: 0rem;
        padding-right: 1.25rem;
    }
    #student-services.strengthening-the-future .content-detail {
        padding-top: 0;
    }
    .content-section.content-section-w-banner .content-banner+.content-detail .content-desc p {
        font-size: 17px;
    }
    .content-section.ops {
        margin: 5rem 0;
    }
    #student-enquire .content-form.blk-sec .outer .in .hd {
        font-size: 1.15em;
    }
    #student-enquire.yuthukama-enquire .content-detail {
        padding-left: 4rem;
    }
    .why-classic .content-features .features {
        gap: 25px 0;
    }
    .content-detail.cdh {
        margin-bottom: 2em;
    }
    #leisure-enquire.careers-enquire {
        margin-top: 0;
    }
    #leisure-enquire.careers-enquire .content-detail {
        padding-top: 10.5rem;
    }
    #leisure-enquire.careers-enquire .content-detail .cont-p {
        padding-right: 20px;
    }
    .vacancy-inner.package-inner .pi-outer .rht {
        margin-top: 0;
    }
    .vacancy-inner.package-inner .pi-outer .lft {
        padding-right: 10px;
    }
    .content-form .input-field .form-control.fc-text {
        height: 125px;
        margin-bottom: 30px;
    }
    .pagination .p-list li a {
        line-height: 2.3;
    }
    .content-section.offers-promotions .leisure-offers .offer-wrap .offer a::after {
        transform: translate(70%, -55%) scale(0.5) rotate(45deg);
    }
    .content-section.offers-promotions .leisure-offers .offer-wrap .offer a::before {
        transform: scale(20%) translate(1010%, -575%) rotate(90deg);
    }
    .content-slider-wrap .slider-caption .caption-title .subtitle .img-logo {
        width: 50px;
    }
    .side-icon-section.side-img-section.si-2.our-services {
        padding-top: 0;
    }
    .content-section.content-section-w-form .rw-type-2 .content-detail {
        padding-left: 4rem;
    }
    #student-services .content-detail .content-desc .wrapper img.exp {
        left: -7rem;
        top: 12.75rem;
        max-width: 25rem;
        width: 240px;
    }
    .mice-c-row {
        align-items: center;
    }
    .mice-c-row .content-detail {
        padding-top: 50px;
    }
}

@media (max-width: 1025px) {
    .cursor {
        display: none !important;
    }
}

@media (max-width: 991px) {
    #main-nav .navbar-nav {
        flex-direction: row;
        flex-wrap: wrap;
    }
    .main-nav .nav-top .navbar .navbar-nav .nav-item {
        padding: 0 1rem;
    }
    .main-nav .nav-bottom .navbar-nav .nav-item {
        margin: 0 2rem 0 0;
        cursor: pointer;
    }
    .main-nav .nav-bottom .navbar .navbar-brand img {
        width: 8.8rem;
        transform: translateY(-5px);
    }
    .main-nav .nav-top:after {
        width: 70vw;
    }
    .main-nav .nav-bottom:after {
        width: 100%;
    }
    .solutions {
        grid-template-columns: repeat(1, 100%);
        font-size: 0.5rem;
    }
    .solutions .rht {
        margin-top: 0;
    }
    .solutions .rht .solutions-slider .slide .slide-in .img {
        height: 400px;
    }
    .solutions .lft {
        padding: 5em;
    }
    .updates {
        padding: 5em 0 4em;
    }
    .footer .bottom {
        grid-template-columns: repeat(1, 100%);
    }
    .footer .bottom .lft {
        text-align: center;
    }
    .footer .bottom .lft .cont-list li,
    .footer .bottom .lft .sm-list {
        justify-content: center;
    }
    .footer .bottom .rht {
        padding-left: 0;
        margin-top: 50px;
    }
    .footer .bottom {
        margin-top: 5em;
        padding: 3em 0;
    }
    #main-nav {
        display: none;
    }
    #mobile-menu {
        display: flex;
        flex-wrap: wrap;
        position: fixed;
        justify-content: space-between;
        align-items: center;
        z-index: 1000;
        top: 0;
        left: 0;
        width: 100%;
        border-bottom: 1px solid var(--white);
        padding: 0 0 0 14px;
        transition: background-color 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);
    }
    #mobile-menu .logo img {
        height: 45px;
    }
    #mobile-menu .items {
        display: flex;
        flex-wrap: wrap;
    }
    #mobile-menu .items .item {
        width: 40px;
        height: 60px;
        display: grid;
        place-items: center;
    }
    #mobile-menu .items .item img {
        width: 16px;
    }
    #mobile-menu.scrolled {
        background-color: var(--black);
        border-bottom: 0;
    }
    .burger-bt {
        width: 60px;
        height: 60px;
        position: relative;
        border-left: 1px solid var(--white);
    }
    .burger-bt-inner {
        width: 32px;
        height: 26px;
        position: absolute;
        right: 12.8px;
        top: 18px;
    }
    .burger-bt-inner span,
    .burger-bt-inner:after,
    .burger-bt-inner:before {
        content: "";
        display: block;
        width: 100%;
        height: 4px;
        background-color: #fff;
        position: absolute;
        transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    }
    .burger-bt-inner span {
        top: 50%;
        margin-top: -2px;
        transition: opacity 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    }
    .burger-bt-inner:before {
        top: 0;
    }
    .burger-bt-inner:after {
        bottom: 0;
    }
    #mobile-menu.inverted-mobile-nav {
        border-bottom-color: var(--black);
    }
    #mobile-menu.inverted-mobile-nav.scrolled {
        background-color: var(--white);
        border-bottom: 1px solid var(--black);
    }
    #mobile-menu.inverted-mobile-nav .burger-bt {
        border-color: var(--black);
    }
    #mobile-menu.inverted-mobile-nav .burger-bt-inner span,
    #mobile-menu.inverted-mobile-nav .burger-bt-inner:after,
    #mobile-menu.inverted-mobile-nav .burger-bt-inner:before {
        background-color: var(--black);
    }
    #ultimate-guide,
    .about-expo.content-section,
    #corporate-partners.about-partners,
    .content-section.vision-mission {
        margin-top: 3rem;
    }
    #student-services.about-expo .content-col .content-title br {
        display: none;
    }
    #student-services.about-expo .content-banner img {
        height: 300px;
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: 0% 10%;
        object-position: 0% 10%;
    }
    #student-enquire.vision-mission .lft {
        padding: 0;
    }
    #student-enquire.vision-mission .rht {
        padding: 0;
        margin-top: 3em;
    }
    #about-awards .logo-nav li {
        flex: 0 0 auto;
        width: 33.3333333333%;
        margin-bottom: 20px;
    }
    #about-awards {
        margin: calc(4rem + 20px) 0 4rem;
    }
    #about-news br {
        display: none;
    }
    .package-inner .pi-outer .lft,
    .package-inner .pi-outer .rht {
        width: 100%;
        padding: 0;
    }
    #goveronment-classic-travel .package-destination-slider img {
        height: 300px;
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center;
    }
    #student-services.strengthening-the-future .content-banner img {
        height: 300px;
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: top;
        object-position: top;
    }
    #student-enquire.exclusive+#student-community .content-banner img {
        height: 300px;
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: 0% 10%;
        object-position: 0% 10%;
    }
    .why-classic .content-features .features {
        gap: 30px 0;
    }
    #student-enquire.exclusive {
        margin-top: 0;
    }
    .kgna {
        display: none;
    }
    .content-section.ops {
        margin: 5rem 0 3rem;
    }
    .content-section.offers-promotions {
        padding: 50px 0 60px;
        margin-bottom: -10px;
    }
    .main-banner-wrapper.about-banner-wrapper .carousel .carousel-item .img .main-img {
        height: 50vh;
    }
    .side-img-sec .col {
        width: 100%;
    }
    .side-img-sec .txt {
        width: 100%;
        padding: 30px 10px 0 !important;
    }
    .side-img-sec .img img {
        height: 300px;
    }
    .content-section.about-classic .branches .branch {
        width: 100%;
    }
    #student-enquire.vision-mission .gray-box {
        padding: 0 2em;
    }
    .content-section.our-values {
        margin-bottom: 4em;
        margin-top: 2em;
    }
    .our-values .side-img-sec .txt {
        margin-bottom: 30px;
    }
    .content-section.content-section-w-banner .content-detail+.content-banner.awd-banner {
        order: -1;
        margin-top: -20px;
    }
    .content-section.content-section-w-banner .content-detail+.content-banner.awd-banner img {
        height: 300px;
        width: 100%;
    }
    .gct.img-lft .content-detail.awd-txt {
        margin-bottom: 20px;
    }
    .gct.img-lft .content-detail {
        padding-right: calc(var(--bs-gutter-x) * 0.5);
        padding-left: calc(var(--bs-gutter-x) * 0.5);
    }
    #student-enquire.yuthukama-enquire .content-detail {
        padding-left: calc(var(--bs-gutter-x) * 0.5);
    }
    .side-img-section .inner>* {
        flex: 0 0 auto;
        width: 100%;
    }
    .side-img-section .inner .txt.txt-lft {
        padding-left: 0;
        padding-bottom: 0;
    }
    .side-img-section .inner .img {
        height: 300px;
    }
    #leisure-enquire.careers-enquire .content-detail {
        padding-top: 0;
        padding-left: 0;
        padding-right: 0;
    }
    .open-positions .top .search .in2 .search-btn img {
        width: 12px;
    }
    .side-img-section.si-2 .inner .txt.txt-lft {
        padding-left: 0;
        padding-bottom: 0px;
    }
    .side-img-section.si-2 .inner .txt.txt-rht {
        padding-right: 0;
        order: 0;
        padding-bottom: 0;
    }
    .vacancy-inner.package-inner .pi-outer .lft {
        padding-right: 0;
        margin-bottom: 40px;
    }
    .main-banner-wrapper.main-banner-with-gap {
        margin-top: 100px;
    }
    .side-icon-section.side-img-section.si-2 .inner .img {
        height: auto;
        margin: 50px 0;
        padding: 0 30px;
        order: 2;
    }
    .side-icon-section.side-img-section.si-2 .inner .circles .in .c-out .cir .icon {
        height: 70px;
    }
    .side-icon-section.side-img-section.si-2 .inner .circles .in .c-out .title {
        font-size: 16px;
    }
    .side-icon-section.side-img-section.si-2 .inner .circles .in {
        gap: 30px 0;
    }
    .side-pills-section .sp-inner .cont-sec .inner .img img {
        height: clamp(500px, 38.385vw, 737px);
        width: 100%;
        -o-object-fit: contain;
        object-fit: contain;
        -o-object-position: center;
        object-position: center;
    }
    .side-pills-section .sp-inner .cont-sec .inner .txt {
        left: -30px;
        bottom: 0;
    }
    .content-section.offers-promotions .leisure-offers .offer-wrap .offer a::after {
        transform: translate(52%, -50%) scale(0.5) rotate(45deg);
    }
    .content-section.offers-promotions .leisure-offers .offer-wrap .offer a::before {
        transform: scale(20%) translate(775%, -430%) rotate(90deg);
    }
    .content-section.offers-promotions.destinations-offers-promotions .leisure-offers .offer-wrap .offer .card-title {
        margin-bottom: 15px;
    }
    .content-section.offers-promotions .leisure-offers .offer-wrap .offer .package-meta .item {
        font-size: 0.775rem;
    }
    .content-section.offers-promotions .package-meta .item .icon {
        width: 22px;
        top: 0.11rem;
    }
    .content-section.offers-promotions .package-meta .item {
        padding: 0 0 0 1.6rem;
    }
    .side-top-form-sec .rht .form-inline {
        margin-bottom: 30px;
    }
    .content-section.offers-promotions .leisure-offers .offer-wrap {
        padding: 0;
    }
    .side-top-form-sec .rht .form-inline.jend {
        justify-content: flex-start;
    }
    .content-section.content-section-w-form .rw-type-2 .content-detail {
        order: 0;
    }
    #corporate-success-stories .content-slider.mice-test-slider {
        margin-top: -20px;
    }
    .mice-c-row .content-detail {
        padding-top: 20px;
    }
}

@media only screen and (max-width: 767px) {
    html {
        overflow-x: hidden;
        overflow-y: auto;
    }
    body {
        overflow-x: hidden;
    }
    .carousel-control-next,
    .carousel-control-prev {
        width: 30px;
    }
    .main-banner-wrapper .carousel .carousel-item .txt {
        padding: 0 30px;
    }
    .main-banner-wrapper .carousel .carousel-item .img .main-img {
        min-height: 650px;
    }
    .main-banner-wrapper .carousel .carousel-item .txt .title {
        font-size: 2.4rem;
    }
    .main-banner-wrapper .carousel .carousel-item .txt p {
        font-size: 0.95rem;
        line-height: 1.4;
    }
    .main-banner-wrapper .carousel .carousel-item .txt p br {
        display: none;
    }
    .main-banner-wrapper .carousel .carousel-item .txt .wb-btn {
        font-size: 0.8rem;
    }
    .main-title {
        font-size: 2rem;
    }
    .home-diff .diff-slider {
        padding-top: 3em;
    }
    .home-diff .diff-slider .slide:nth-child(even) {
        padding-top: 0em;
    }
    .home-diff .main-title {
        padding: 0 20px;
    }
    .updates #myTab .nav-item .nav-link {
        font-size: 1rem;
        padding: 0 1em;
    }
    .updates #myTab {
        padding-left: 0;
        margin-bottom: 2.75em;
    }
    .solutions .rht .solutions-slider .slide {
        padding: 0 5em;
    }
    .footer .bottom .rht {
        flex-wrap: wrap;
        padding: 0 10px;
    }
    .footer .bottom .rht .in {
        flex: 0 0 auto;
        width: 50%;
    }
    .footer .top .newsletter-form {
        width: 100%;
    }
    .footer .top .newsletter-form .form-group {
        width: calc(100% - 60px);
    }
    .footer .top {
        padding: 0 10px;
    }
    .footer .bottom {
        margin-top: 1em;
        padding: 2em 0;
        border-top: 0;
    }
    .solutions .lft p {
        font-size: 1.05rem;
        line-height: 1.4;
        padding-right: 0;
    }
    .footer .top p {
        font-size: 1.05rem;
        line-height: 1.4;
        margin-bottom: 1.5em;
    }
    .footer .bottom .sh {
        font-size: 1.2rem;
        margin-bottom: 1em;
    }
    .solutions .lft .sep-small {
        margin: 2em 0;
    }
    #sticky-nav-btn {
        display: none;
    }
    .solutions .rht .solutions-slider .slide .slide-in .img img {
        -o-object-position: top;
        object-position: top;
    }
    #myTabContent .leisure-offers .offer-wrap {
        padding: 0 1.5rem;
    }
    .updates .notice-bd {
        max-width: 720px;
        padding: 0 0.75em;
    }
    .updates .notice-bd .txt {
        opacity: 1;
        position: relative;
        transform: none !important;
        padding: 30px 0 0;
    }
    .updates .notice-bd:after {
        display: none;
    }
    .updates .notice-bd .txt .title {
        line-height: 1.4;
    }
    #myTabContent #blog .bd-btn {
        font-size: 0.88rem;
    }
    .updates #blog .leisure-offers .btn-outer {
        margin-top: 3em;
    }
    #corporate-partners.about-partners .partners-details-list li {
        width: 100%;
    }
    #corporate-partners.about-partners .partners-details-list {
        gap: 10px;
        margin-top: 30px;
    }
    #corporate-partners.about-partners .partners-details-list li a .img-outer {
        height: auto;
    }
    #corporate-partners.about-partners .partners-details-list li a .img-outer img {
        position: relative;
        margin: 0 auto 20px;
        max-width: 220px;
    }
    #student-enquire.vision-mission .gray-box {
        padding: 1rem 0.5rem;
    }
    #about-awards .logo-nav li {
        width: 50%;
        margin-bottom: 30px;
    }
    #about-news .slick-prev,
    #about-news .slick-next {
        display: none !important;
    }
    .package-inner .pi-outer .lft .p-table tr td:first-child {
        width: auto;
        padding-bottom: 0.5em;
    }
    .package-inner .pi-outer .lft .p-table tr td {
        display: block;
        font-weight: 600;
    }
    .package-inner .pi-outer .lft .p-table tr:last-child td {
        padding-bottom: 0.75em;
    }
    .individual-package .footer .bottom {
        margin-top: 3em;
    }
    .gct .content-slider .package-meta {
        grid-template-columns: repeat(1, minmax(0, 100%));
        gap: 1.85rem 0;
    }
    .content-detail.cdh {
        margin-bottom: 2em;
    }
    #student-enquire.exclusive .content-form.blk-sec {
        width: calc(100% - 20px);
        margin-left: 10px;
    }
    #student-enquire.exclusive .content-form.blk-sec .outer {
        display: flex;
        margin: 0 -25px;
        flex-wrap: wrap;
        gap: 40px 0;
    }
    #student-enquire.exclusive .content-form.blk-sec .outer .in {
        width: 100%;
    }
    #student-enquire.exclusive .content-form.blk-sec .outer .in .hd {
        padding-left: 1.5rem;
        font-size: 1.5rem;
    }
    #student-enquire.exclusive .content-form.blk-sec .outer .in p {
        padding-left: 1.5rem;
    }
    #bestweb-logo {
        width: 80px;
        height: 80px;
        right: 5px;
        bottom: 5px;
    }
    #bestweb-logo img {
        margin-top: 0 !important;
        width: 100%;
        height: 100%;
    }
    .home-diff .diff-slider .slide .slide-outer .slide-inner .img {
        max-width: 8rem;
    }
    .page-banner {
        max-height: 600px;
    }
    .content-section.ops {
        margin: 3rem 0 2rem;
    }
    .content-section.offers-promotions .leisure-offers .offer-wrap .offer .card-title {
        font-size: 1.5rem;
    }
    .content-section.offers-promotions {
        padding: 40px 0 40px;
        margin-bottom: -10px;
    }
    .home-diff.about-top {
        padding-top: 2.5em;
    }
    .home-diff.about-top .main-title {
        padding: 0;
    }
    .content-section.about-classic .branches .branch .inner {
        flex-direction: column;
    }
    .content-section.about-classic .branches .branch .inner .img {
        width: 100%;
        height: 200px;
    }
    #student-enquire.vision-mission {
        padding: 0;
    }
    #student-enquire.vision-mission .gray-box {
        margin-bottom: 0em;
    }
    #student-enquire.vision-mission .gray-box .hd {
        font-size: 2rem !important;
    }
    #student-enquire.vision-mission .gray-box p {
        font-size: 1.15rem !important;
    }
    .our-values .side-img-sec .txt ul li {
        font-size: 1.15rem !important;
    }
    .content-section.about-classic .branches .branch .inner .txt .branch-list li {
        font-size: 15px;
    }
    .content-section.about-classic .branches .branch .inner .txt .branch-list li .icon {
        top: 3px;
    }
    .content-section.about-classic .branches .branch .inner .txt .title {
        font-size: 20px;
        margin-bottom: 15px;
    }
    .content-section.our-values {
        margin-top: 1em;
    }
    .open-positions .top {
        justify-content: normal;
        gap: 35px;
        width: 100%;
        align-items: flex-start;
        flex-direction: column;
    }
    .open-positions .top .search {
        width: 100%;
        max-width: 560px;
    }
    .open-positions .crs-separator {
        display: none;
    }
    .side-img-section {
        padding-right: var(--bs-gutter-x, 0.75rem) !important;
        padding-left: var(--bs-gutter-x, 0.75rem) !important;
    }
    .background-box {
        padding-right: var(--bs-gutter-x, 0.75rem) !important;
        padding-left: var(--bs-gutter-x, 0.75rem) !important;
    }
    #leisure-enquire.careers-enquire {
        padding-right: var(--bs-gutter-x, 0.75rem);
        padding-left: var(--bs-gutter-x, 0.75rem);
    }
    .footer .top .logo {
        margin-bottom: 20px;
        width: 150px;
    }
    .background-box .bb-inner {
        padding: 40px 20px 0;
        text-align: center;
    }
    .background-box .bb-inner .cir-back-outer {
        display: none;
    }
    .background-box .bb-inner .bb-logo {
        position: relative;
        display: block;
        margin: 25px auto 0;
    }
    .background-box .bb-inner .title {
        font-size: 25px;
        margin-bottom: 20px;
    }
    .vacancy-inner.package-inner .pi-outer .lft {
        padding-right: 0;
        margin-bottom: 30px;
    }
    .footer .top .main-title {
        font-size: 2rem;
    }
    .footer .top p {
        font-size: 0.95rem;
    }
    .main-banner-wrapper.main-banner-with-gap {
        padding: 0 20px;
    }
    .main-banner-wrapper.main-banner-with-gap {
        margin-top: 85px;
    }
    .side-icon-section.side-img-section.si-2 .inner .img {
        padding: 0;
        margin: 50px 0 0;
    }
    .side-icon-section.side-img-section.si-2 .inner .circles {
        gap: 10px;
        padding-left: 0;
    }
    .side-icon-section.side-img-section.si-2 .inner .circles .in .c-out .cir .icon {
        height: 40%;
    }
    .side-icon-section.side-img-section.si-2 .inner .circles .in .c-out .title {
        font-size: 14px;
    }
    .side-pills-section .sp-inner .list-sec {
        width: 100%;
        padding-top: 0;
        padding-right: calc(var(--bs-gutter-x) * 0.5);
        padding-left: calc(var(--bs-gutter-x) * 0.5);
    }
    .side-pills-section .sp-inner .list-sec .nav-pills .nav-link .txt {
        width: calc(100% - 30px);
    }
    .side-pills-section .sp-inner .cont-sec {
        padding: 0;
        padding-right: calc(var(--bs-gutter-x) * 0.5);
        padding-left: calc(var(--bs-gutter-x) * 0.5);
        width: 100%;
    }
    .side-pills-section .sp-inner .cont-sec .inner {
        position: relative;
        flex-direction: column;
        margin-top: 30px;
    }
    .side-pills-section .sp-inner .cont-sec .inner .img img {
        height: auto;
        width: 100%;
        margin-bottom: 30px;
    }
    .side-pills-section .sp-inner .cont-sec .inner .txt {
        left: auto;
        bottom: auto;
        position: relative;
        width: 100%;
    }
    .side-pills-section .sp-inner .cont-sec .inner .txt span {
        font-size: 15px;
    }
    .side-pills-section .sp-inner .list-sec .nav-pills .nav-link .arw {
        transform: rotate(90deg);
    }
    .side-img-section.si-2.ysi-2 .inner .txt.txt-rht.txt-t2 {
        padding: 0 0 40px;
    }
    .side-img-section.ysi-2 .inner .img {
        order: 2;
    }
    .side-img-section.si-2.ysi-2 {
        padding-bottom: 30px;
    }
    .pagination {
        margin-top: 10px;
    }
    .main-banner-wrapper.small-banner.filter-banner .carousel .carousel-item .txt .form-inline .form-group {
        width: calc(33.333333% - 2px);
    }
    .content-section.offers-promotions.destinations-offers-promotions.pt-60 {
        padding-top: 10px;
    }
}

@media (max-width: 574px) {
    .content-section.offers-promotions .package-meta .item .icon {
        width: 22px;
        top: 1px;
        max-width: 22px;
    }
    .content-section.offers-promotions .package-meta .item {
        padding: 0 0 0 1.8rem;
    }
    .content-section.offers-promotions .leisure-offers .offer-wrap .offer .package-meta .item {
        font-size: 0.85rem;
    }
    .mob-plr-0 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .side-top-form-sec .rht .form-inline {
        padding-top: 0;
    }
    .content-section.offers-promotions.destinations-offers-promotions .leisure-offers {
        margin-left: 0;
        margin-right: 0;
    }
    .main-banner-wrapper.small-banner.filter-banner .carousel .carousel-item .txt .form-inline .form-group {
        width: calc(50% - 2px);
    }
    .main-banner-wrapper.small-banner.filter-banner .carousel .carousel-item .txt .form-inline {
        margin-left: -10px;
        margin-right: -10px;
    }
    .mice-boxes {
        grid-template-columns: repeat(1, minmax(0, 100%));
        gap: 15px;
    }
    .side-pills-section .sp-inner .list-sec .nav-pills .nav-link {
        height: 30px;
        line-height: 1;
    }
    .side-pills-section .sp-inner .list-sec .nav-pills .nav-link+.nav-link {
        margin-top: 10px;
    }
}

@media (max-width: 560px) {
    .our-values .side-img-sec .txt ul {
        margin-left: 5px;
    }
}

@media only screen and (max-width: 400px) {
    .open-positions .vacancies .vacancy {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media only screen and (max-width: 360px) {
    .updates #myTab .nav-item .nav-link {
        font-size: 0.8rem;
        padding: 0 0.75em;
    }
}


/*# sourceMappingURL=master.css.map */

.alert {
    font-size: 14px !important;
    color: #fff !important;
    border-radius: 0px !important;
    margin: 20px !important;
}

.alert-success {
    background-color: #db2032 !important;
}

.no-results {
    text-align: center;
    color: #db2032;
    padding: 25px;
    border-color: #db2032;
    border-style: dashed;
    border-width: 1px;
    margin: 20px;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}

.has-country-select,
.iti--allow-dropdown,
.iti--separate-dial-code {
    width: 100%;
}

a:hover {
    color: #db2032;
}

.btn-link {
    color: #db2032 !important;
}


/* Digibrush */

.vote-for-us-wrap {
    position: fixed;
    bottom: 5px;
    left: 0;
    width: 100%;
    height: 130px;
    max-width: 250px;
    z-index: 99;
}

.trenta-wrap {
    position: fixed;
    bottom: 5px;
    left: 250px;
    width: 100%;
    max-width: 260px;
    z-index: 99;
}

#bestweb {
    position: fixed;
    bottom: 5px;
    left: 250px;
    width: 100%;
    max-width: max-content;
    z-index: 99;
}

#bestweb a {
    display: inline-block;
}

@media only screen and (max-width: 768px) {
    .vote-for-us-wrap {
        width: 50%;
        height: auto;
        bottom: 0;
    }
    .trenta-wrap {
        left: inherit;
        right: 0;
        width: 50%;
        height: auto;
        bottom: 0;
    }
    #ymDivBar {
        bottom: 120px!important;
    }
}