/* Playfair Display */
@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@1,500;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,500;1,900&display=swap");

@font-face {
    font-family: "Zapfino";
    src: url(../../fonts/zapfinoforteltpro/ZapfinoForteLTPro.otf);
    font-weight: bold;
}

@font-face {
    font-family: "Gotham";
    src: url(../../fonts/Gotham/GothamBook.ttf);
    font-weight: bold;
}

/************************************* All *************************************************/

:root {
    --full-height: calc(100vh - 10.556vw);
    --full-height2: calc(100vh - 14.15vw - 0.0059vw);
    --mobile-height: calc(100vh - 4.444vw);
    --padding-content: 2.69vw;

    --size-1: 0.06944444444444445vw;
    --size-2: 0.1388888888888889vw;
    --size-3: 0.20833333333333334vw;
    --size-4: 0.2777777777777778vw;
    --size-5: 0.3472222222222222vw;
    --size-6: 0.4166666666666667vw;
    --size-7: 0.4861111111111111vw;
    --size-8: 0.5555555555555556vw;
    --size-9: 0.625vw;
    --size-10: 0.6944444444444444vw;
    --size-11: 0.7638888888888888vw;
    --size-12: 0.8333333333333334vw;
    --size-13: 0.9027777777777777vw;
    --size-14: 0.9722222222222222vw;
    --size-15: 1.0416666666666665vw;
    --size-16: 1.1111111111111112vw;
    --size-17: 1.1805555555555556vw;
    --size-18: 1.25vw;
    --size-19: 1.3194444444444444vw;
    --size-20: 1.3888888888888888vw;
    --size-21: 1.4583333333333333vw;
    --size-22: 1.5277777777777777vw;
    --size-23: 1.597222222222222vw;
    --size-24: 1.6666666666666667vw;
    --size-25: 1.7361111111111112vw;
    --size-26: 1.8055555555555554vw;
    --size-27: 1.875vw;
    --size-28: 1.9444444444444444vw;
    --size-29: 2.013888888888889vw;
    --size-30: 2.083333333333333vw;
    --size-31: 2.1527777777777777vw;
    --size-32: 2.2222222222222223vw;
    --size-33: 2.2916666666666665vw;
    --size-34: 2.361111111111111vw;
    --size-35: 2.430555555555556vw;
    --size-36: 2.500vw;
    --size-37: 2.569444444444444vw;
    --size-38: 2.638888888888889vw;
    --size-39: 2.7083333333333335vw;
    --size-40: 2.7777777777777777vw;
    --size-41: 2.8472222222222223vw;
    --size-42: 2.9166666666666665vw;
    --size-43: 2.986111111111111vw;
    --size-44: 3.0555555555555554vw;
    --size-45: 3.125vw;
    --size-46: 3.194444444444444vw;
    --size-47: 3.2638888888888893vw;
    --size-48: 3.3333333333333335vw;
    --size-49: 3.4027777777777777vw;
    --size-50: 3.4722222222222223vw;
    --size-51: 3.5416666666666665vw;
    --size-52: 3.6111111111111107vw;
    --size-53: 3.680555555555556vw;
    --size-54: 3.75vw;
    --size-55: 2.986111111111111vw;
    --size-56: 3.888888888888889vw;
    --size-57: 3.958333333333333vw;
    --size-58: 4.027777777777778vw;
    --size-59: 4.097222222222222vw;
    --size-60: 4.167vw;
    --size-62: 4.305555555555555vw;
    --size-64: 4.444444444444445vw;
    --size-65: 4.513888888888888vw;

    --size-70: 4.861vw;
    --size-71: 4.930555555555555vw;
    --size-72: 5vw;
    --size-74: 5.138888888888888vw;
    --size-75: 5.208333333333334vw;
    --size-77: 5.347222222222222vw;
    --size-80: 5.556vw;
    --size-82: 5.694444444444445vw;
    --size-86: 5.972222222222222vw;
    --size-88: 6.111111111111111vw;
    --size-90: 6.25vw;
    --size-95: 6.597222222222222vw;
    --size-96: 6.666666666666667vw;
    --size-99: 6.875000000000001vw;
    --size-100: 6.944vw;
    --size-101: 7.013888888888889vw;
    --size-109: 7.569444444444444vw;
    --size-110: 7.638888888888889vw;
    --size-105: 7.292vw;
    --size-107: 7.430555555555555vw;
    --size-108: 7.5vw;
    --size-116: 8.055555555555555vw;
    --size-124: 8.61111111111111vw;
    --size-128: 8.88888888888889vw;
    --size-130: 9.027777777777777vw;
    --size-132: 9.166666666666666vw;
    --size-133: 9.23611111111111vw;
    --size-134: 9.305555555555555vw;
    --size-135: 9.375vw;
    --size-138: 9.583333333333334vw;
    --size-139: 9.652777777777779vw;
    --size-140: 9.722222222222223vw;
    --size-142: 9.86111111111111vw;
    --size-148: 10.277777777777777vw;
    --size-150: 10.416666666666668vw;
    --size-152: 10.555555555555555vw;
    --size-153: 10.625vw;
    --size-154: 10.694444444444445vw;
    --size-156: 10.833333333333334vw;
    --size-158: 10.972222222222221vw;
    --size-160: 11.11111111111111vw;
    --size-161: 11.180555555555555vw;
    --size-171: 11.875vw;
    --size-172: 11.944444444444445vw;
    --size-174: 12.083333333333334vw;
    --size-175: 12.152777777777777vw;
    --size-176: 12.222222222222221vw;
    --size-178: 12.36111111111111vw;
    --size-179: 12.431vw;
    --size-180: 12.5vw;
    --size-184: 12.778vw;
    --size-187: 12.986111111111112vw;
    --size-190: 13.194444444444445vw;
    --size-191: 13.26388888888889vw;
    --size-197: 13.680555555555557vw;
    --size-200: 13.88888888888889vw;
    --size-205: 14.23611111111111vw;
    --size-210: 14.583333333333334vw;
    --size-220: 15.277777777777779vw;
    --size-230: 15.972222222222221vw;
    --size-249: 17.291666666666668vw;
    --size-250: 17.36111111111111vw;
    --size-255: 17.708333333333336vw;
    --size-258: 17.916666666666668vw;
    --size-260: 18.055555555555554vw;
    --size-264: 18.333333333333332vw;
    --size-270: 18.75vw;
    --size-280: 19.444444444444446vw;
    --size-288: 20vw;
    --size-289: 20.069444444444446vw;
    --size-300: 20.833333333333336vw;
    --size-303: 21.041666666666668vw;
    --size-310: 21.52777777777778vw;
    --size-315: 21.52777777777778vw;
    --size-320: 22.22222222222222vw;
    --size-322: 22.36111111111111vw;
    --size-323: 22.430555555555557vw;
    --size-324: 22.5vw;
    --size-343: 23.819444444444443vw;
    --size-348: 24.166666666666668vw;
    --size-363: 25.208333333333332vw;
    --size-364: 25.27777777777778vw;
    --size-369: 25.624999999999996vw;
    --size-365: 25.34722222222222vw;
    --size-372: 25.833333333333336vw;
    --size-396: 27.500000000000004vw;

    --size-400: 27.77777777777778vw;
    --size-420: 29.166666666666668vw;
    --size-423: 29.375vw;
    --size-425: 29.51388888888889vw;
    --size-439: 30.486111111111114vw;
    --size-444: 30.55vw;
    --size-446: 30.97222222222222vw;
    --size-448: 31.11111111111111vw;
    --size-450: 31.25vw;
    --size-451: 31.319444444444443vw;
    --size-458: 31.805555555555554vw;
    --size-460: 31.944vw;
    --size-464: 32.22222222222222vw;
    --size-468: 32.5vw;
    --size-475: 32.98611111111111vw;
    --size-483: 33.541666666666664vw;
    --size-486: 33.75vw;
    --size-490: 34.02777777777778vw;
    --size-514: 35.69444444444444vw;
    --size-520: 36.11111111111111vw;
    --size-523: 36.31944444444444vw;
    --size-550: 38.19444444444444vw;
    --size-571: 39.653vw;
    --size-576: 40vw;
    --size-678: 47.083333333333336vw;
    --size-590: 40.972vw;
    --size-529: 36.736111111111114vw;
    --size-591: 41.041666666666664vw;
    --size-452: 31.38888888888889vw;

    --size-600: 41.66666666666667vw;
    --size-611: 42.43055555555556vw;
    --size-619: 42.986111111111114vw;
    --size-650: 45.1vw;
    --size-660: 45.83333333333333vw;
    --size-700: 48.61111111111111vw;
    --size-720: 50vw;
    --size-733: 50.90277777777777vw;
    --size-742: 51.52777777777777vw;
    --size-800: 55.55555555555556vw;
    --size-818: 56.80555555555556vw;
    --size-880: 61.111111111111114vw;
    --size-900: 62.5vw;
    --size-910: 63.19444444444444vw;
    --size-920: 63.888888888888886vw;
    --size-930: 64.58333333333334vw;
    --size-935: 64.93055555555556vw;
    --size-954: 66.25vw;
    --size-970: 88.88888888888889vw;
    --size-977: 67.84722222222223vw;
    --size-980: 68.05555555555556vw;
    --size-1050: 72.91666666666666vw;
    --size-1120: 77.77777777777779vw;
    --size-1025: 71.18055555555556vw;
    --size-1180: 81.94444444444444vw;
    --size-1280: 88.88888888888889vw;
    --size-1330: 92.36111111111111vw;
    --size-1367: 94.93055555555556vw;
    --size-1400: 97.22222222222221vw;


    /* custom names */
    --size-img-gpa: 15.449vw;
    --img-subtitle: 14.035vw;
    --text-gpa: 3.793vw;
    --text-trasportation: 1.034vw;
    --about-text-container-border: 0.10416666666666667vw;
    --faq-text-container-border: 0.10416666666666667vw;
    --fleet-red-container-border: 0.16493055555555555vw
    --contact-icon: 0.6375vw;
    --border-generic: 0.10416666666666667vw;
}

@media screen and (max-width: 1439px){
    :root{
        --size-12: 12px;
        --size-13: 13px;
        --size-14: 14px;
        --size-15: 15px;
        --size-16: 16px;

        --size-img-gpa: 222.46px;
        --img-subtitle: 202.1px;
        --text-gpa: 54.62px;
        --text-trasportation:14.89px;
        --about-text-container-border: 1.5px;
        --faq-text-container-border: 1.5px;
        --fleet-red-container-border: 2.375px;
        --contact-icon: 9.18px;
        --border-generic: 1.5px;
    }
}

html,
body {
    margin: 0px;
    padding: 0px;
}

nav {
    margin: 0 !important;
    padding: 0 !important;
    z-index: 100000;
}

ul {
    list-style: none;
}

a {
    text-decoration: none !important;
}

button {
    outline: none;
    border: none;
}

.content {
    box-sizing: border-box;
    min-height: 100vh;
    height: auto;
    border-top: var(--size-20) solid #f19a3e;
    border-bottom: var(--size-20) solid #f19a3e;
    background: #ffffff;
}

#scroll-1::-webkit-scrollbar-track {
    box-shadow: inset 0 0 var(--size-6) rgba(0, 0, 0, 0.3);
    border-radius: var(--size-10);
    background-color: #f5f5f5;
}

#scroll-1::-webkit-scrollbar {
    width: var(--size-3);
    background-color: #f5f5f5;
}

#scroll-1::-webkit-scrollbar-thumb {
    border-radius: var(--size-10);
    box-shadow: inset 0 0 var(--size-6) rgba(0, 0, 0, 0.3);
    background-color: #555;
}

/*-------------------------------------- Common --------------------------------------*/

.heading1 {
    font-family: Playfair Display;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 32px;
    color: #c4c4c4;
}

.heading2 {
    font-family: Playfair Display;
    font-style: italic;
    font-weight: normal;
    font-size: 24px;
    line-height: 32px;
    color: #c4c4c4;
}

.heading5 {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    color: #c4c4c4;
}

.heading6 {
    font-family: Raleway;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 0%;
    color: #c4c4c4;
}

.h7 {
    font-family: Times New Roman;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 28px;
    color: #c4c4c4;
}

.h8 {
    font-family: Times New Roman;
    font-style: normal;
    font-weight: bold;
    font-size: 36px;
    line-height: 41px;
    letter-spacing: 0.2em;
    color: #c4c4c4;
}

.card-body {
    font-family: Raleway;
    font-style: italic;
    font-weight: 500;
    font-size: 22px;
    line-height: 26px;
    color: #c4c4c4;
}

.small {
    font-family: Raleway;
    font-style: normal;
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    color: #c4c4c4;
}

.button-return {
    background: rgba(255, 13, 13, 0.7);
    box-sizing: border-box;
    border-radius: var(--size-4);
    padding: var(--size-5) var(--size-45);
    text-decoration: none !important;
    text-align: center;
    margin: var(--size-23) auto;
    margin-left: var(--size-140);
    color: #ffffff !important;

    font-family: Raleway;
    font-style: normal;
    font-weight: 600;
    font-size: var(--size-14);
    line-height: var(--size-16);
    text-transform: uppercase;
    color: #c4c4c4;
}

.button-return:hover {
    border: var(--size-1) solid #ffffff;
}

.btn-gpa {
    padding: var(--size-10) var(--size-32) !important;
    background: #cd0000 !important;
    border-radius: var(--size-4) !important;
    font-family: Raleway !important;
    font-style: normal !important;
    font-weight: 600 !important;
    font-size: var(--size-14) !important;
    line-height: var(--size-16) !important;
    text-transform: uppercase !important;
    color: #ffffff !important;
}

.arrow-button {
    margin: var(--size-10) var(--size-10);
    height: var(--size-30);
}

.full-height {
    height: var(--full-height);
}

/************************************* Header *************************************************/

.navbar {
    /* margin-top: calc(-1 * var(--size-1)) !important; */
    font-family: "Open Sans" !important;
    font-weight: 700;
}

.nav-max-size {
    /* max-width: 1400px; */
    max-width: var(--size-1400);
}

.nav-half-size {
    max-width: var(--size-700);
}

.navbar-bg {
    margin-top: calc(-1 * var(--size-1)) !important;
    height: 11.319vw !important;
    background: linear-gradient(
        0deg,
        rgba(8, 17, 22, 0.7) 0%,
        #07161f 55.73%,
        #152635 100%
    );
}

.navbar2 {
    padding: var(--size-4) 0px 0px 0px !important;
}

.navbar .logo-center {
    margin: 0px auto;
}

.navbar .mini-logo{
    width: var(--size-100);
}

.navbar-bg .img-gpa {
    margin-top: var(--size-10);
    width: var(--size-img-gpa);
}

.navbar-bg .img-subtitle {
    width: var(--img-subtitle);
}

.navbar-bg .text-gpa {
    /* width: 222.46px; */
    max-width: var(--size-591);
    font-family: Zapfino;
    font-style: italic;
    font-weight: normal;
    font-size: var(--text-gpa);
    line-height: var(--size-184);
    background: linear-gradient(
        11.75deg,
        #c42029 21.34%,
        #c32029 54.51%,
        #c32029 55.91%,
        #ffffff 63.32%
    );
    background-clip: text;
}

.navbar-bg .text-trasportation {
    font-family: Gotham;
    font-style: normal;
    font-weight: normal;
    font-size: var(--text-trasportation);
    line-height: 121.5%;
    letter-spacing: 0.455em;
    color: #f19a3e;
}

.navbar .logo-title {
    font-family: Zapfino;
    font-size:  var(--size-55);
    font-style: italic;
    font-weight: 400;
    line-height: var(--size-179);
    letter-spacing: 0em;
    text-align: center;
    color: #fff;
    background: linear-gradient(
        11.75deg,
        #c42029 21.34%,
        #c32029 54.51%,
        #c32029 55.91%,
        #ffffff 63.32%
    );
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.li-trasportation {
    margin-top: calc(-1 * var(--size-30));
}

.navbar .logo-subtitle {
    font-family: "Gotham";
    color: #fff;
    text-align: center;
}

.navbar-right-margin{
    margin-right: var(--size-40) !important;
}

.navbar .nav-link {
    text-transform: uppercase;
    padding: 0px !important;
    color: #fff;
    font-size: var(--size-16);
    line-height: var(--size-22);
    transition: all 0.3s ease;
    height: var(--size-22);
    margin-bottom: var(--size-10) !important;
}
.navbar .links-left:nth-child(n + 1) {
    margin: 0px;
    margin-left: var(--size-42) !important;
}
.navbar .links-left:hover {
    border-bottom: var(--size-1) solid #f19a3e;
}
.navbar .language:hover {
    color: #f19a3e !important;
}

.navbar-home {
    margin: calc(-1 * var(--size-1)) 0px !important ;

    padding-top: var(--size-80) !important;
    z-index: 10;
}
.nav-sub-menu {
    display: none;
    position: absolute;
    top: var(--size-108);
    box-sizing: border-box;
    height: var(--size-24);
    margin-left: var(--size-40);
    border-radius: var(--size-4);
    background: rgba(255, 255, 255, 0.15);
    align-items: center;
    justify-content: center;
}
.nav-item:hover .nav-sub-menu {
    display: flex;
}
.nav-sub-menu a {
    padding: var(--size-5) var(--size-20) !important;
    border-radius: var(--size-4);
    text-decoration: none;
    font-family: Raleway;
    font-style: normal;
    font-weight: 500;
    font-size: var(--size-12);
    line-height: var(--size-14);
    color: #ffffff;
    transition: 0.3s;
}
.nav-sub-menu a:hover {
    background: #f19a3e;
    color: #000000;
}

.navbar2 .nav-link {
    padding: 0px !important;
    color: #fff;
    font-size: var(--size-16);
    line-height: var(--size-22);
    margin-bottom: var(--size-3) !important;
}
.nav-sub-menu2 {
    display: none;
    position: absolute;
    box-sizing: border-box;
    margin-left: var(--size-40);
    border-radius: var(--size-4);
    background: rgb(241, 154, 62, 0.8);
    align-items: center;
    justify-content: center;
}
.nav-item:hover .nav-sub-menu2 {
    display: flex;
}
.nav-sub-menu2 a {
    padding: var(--size-5) var(--size-20);
    border-radius: var(--size-4);
    text-decoration: none;
    color: #000000;
    font-family: Raleway;
    font-style: normal;
    font-weight: 500;
    font-size: var(--size-12);
    line-height: var(--size-14);
    transition: 0.3s;
}
.nav-sub-menu2 a:hover {
    background: #303c44;
    color: #ffffff;
}

.nav-bottom-line {
    border: var(--size-1) solid #f19a3e;
}
.navbar .covid {
    font-family: Playfair Display;
    font-style: italic;
    font-weight: bold;
    font-size: var(--size-18);
    line-height: var(--size-24);
    text-transform: capitalize;
    color: #ff0d0d !important;
    margin-right: var(--size-70);
}
.navbar .instagram {
    font-family: Times New Roman;
    font-style: normal;
    font-weight: normal;
    font-size: var(--size-18);
    line-height: var(--size-21);
    letter-spacing: -0.06em;
    text-transform: uppercase;
    color: #ffffff;
    margin-right: var(--size-28);
}
.navbar .icon-instagram{
    width: var(--size-24);
}
.cursor-none {
    cursor: auto;
}

@media screen and (max-width: 1350px) {
    .navbar .nav-link {
        font-size: var(--size-14);
    }
    .navbar2 .nav-link {
        color: #fff;
    }
}

@media screen and (max-width: 1180px) {
    .navbar .nav-link {
        font-size: var(--size-14);
        line-height: var(--size-22);
        margin: 0px var(--size-5);
    }
    .navbar2 .nav-link {
        color: #fff;
        font-size: var(--size-14);
        line-height: var(--size-22);
        margin: 0px var(--size-5);
    }
}

@media screen and (min-width: 992px) {
    .navbar2 {
        height: var(--size-187) !important;
    }
}

@media screen and (max-width: 992px) {
    .navbar-home {
        padding-top: var(--size-20) !important;
    }
    .navbar .nav-link {
        color: #fff;
        font-size: var(--size-16);
        line-height: var(--size-22);
        margin: var(--size-2) var(--size-2);
    }
    .navbar2 .nav-link {
        color: #fff;
        font-size: var(--size-16);
        line-height: var(--size-22);
        margin: var(--size-5) 0px;
    }
    .navbar .links-left:nth-child(n + 1) {
        margin-left: 0px !important;
    }
    .nav-sub-menu {
        top: 0px;
        display: none;
        position: relative;
        box-sizing: border-box;
        height: auto;
        margin: 0px;
        margin-bottom: var(--size-20);
    }
    .nav-sub-menu a {
        border-radius: 0px;
        display: block;
        text-align: left;
        background: rgba(255, 255, 255, 0.15);
        padding: var(--size-10) var(--size-20);
        margin: var(--size-1) 0px;
    }
    .nav-sub-menu2 {
        display: none;
        position: relative;
        box-sizing: border-box;
        height: auto;
        margin: 0px;
        margin-bottom: var(--size-20);
    }
    .nav-sub-menu2 a {
        border-radius: 0px;
        display: block;
        text-align: left;
        background: rgb(241, 154, 62, 0.8);
        padding: var(--size-10) var(--size-20);
        margin: var(--size-1) 0px;
    }
}

@media screen and (max-width: 768px) {
    .navbar .nav-link {
        color: #fff;
        font-size: var(--size-16);
        line-height: var(--size-22);
        margin: var(--size-2) var(--size-2);
    }
}

/*********************************************** Home ***********************************************/

.home {
    background: url("../images/home/city-bg-white.png"), #000000;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    min-height: var(--size-650);
    height: calc(100vh - var(--padding-content));
}

.home-car {
    opacity: 0.9;
    mix-blend-mode: screen;
    height: calc(100vh - var(--size-152));
    margin-left: 0px;
}

.list-title {
    margin-top: 10%;
    margin-right: -20%;
}

.list-title li {
    list-style: none;
}

.home .box-text{
    margin-left: var(--size-130);
    margin-top: var(--size-180);
}

.gpa-img {
    width: var(--size-400);
}

.gpa-title {
    font-family: Zapfino;
    font-style: italic;
    font-weight: normal;
    font-size: var(--size-110);
    line-height: var(--size-372);
    background: linear-gradient(
        11.75deg,
        #c42029 21.34%,
        #c32029 54.51%,
        #c32029 55.91%,
        #ffffff 63.32%
    );
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.gpa-subtitle {
    font-family: Gotham;
    font-style: normal;
    font-weight: normal;
    font-size: var(--size-32);
    line-height: 121.5%;
    letter-spacing: 0.455em;
    color: #ffffff;
    margin-top: calc(-1 * var(--size-50));
}

.button-reservation {
    background: rgba(255, 13, 13, 0.7);
    box-sizing: border-box;
    border-radius: var(--size-4);
    padding: var(--size-5) var(--size-45);
    text-decoration: none !important;
    text-align: center;
    margin: var(--size-23) auto;
    margin-left: var(--size-130);
    color: #c4c4c4;
    min-width: var(--size-160);

    font-family: Raleway;
    font-style: normal;
    font-weight: 500;
    font-size: var(--size-16);
    line-height: var(--size-19);
    text-transform: uppercase;
    border: var(--size-1) solid #ffffff;
    padding: var(--size-5) var(--size-20);
}

.button-reservation:hover{
    color: #c4c4c4;
}

.button-reservation:hover span {
    display: none;
}
.button-reservation:hover:before {
    content: "ENTER";
}

@media screen and (max-width: 992px) {
    .button-reservation {
        margin: 23px auto;
        text-align: center;
    }
    .home .box-text{
        margin-left: 0px;
        margin-top: 30px;
    }
}

@media screen and (max-width: 440px) {
    .gpa-img {
        width: 100%;
        height: auto;
    }
    .gpa-subtitle {
        width: 100%;
        font-size: 25px;
        text-align: center;
    }
}

@media screen and (max-width: 375px) {
    .gpa-subtitle {
        font-size: 20px;
    }
}

@media screen and (max-width: 320px) {
    .gpa-subtitle {
        font-size: 16px;
    }
}

/*********************************************** About  ***********************************************/

.about {
    background: url("../images/about/bcc-home2.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    min-height: var(--full-height2);
    height: auto;
    padding-bottom: var(--padding-content);
}

.about .text-container {
    margin-top: var(--size-35);
    margin-right: calc(-1 * var(--size-742) );
    padding: var(--size-20) var(--size-27) var(--size-41) var(--size-59);
    max-width: var(--size-576) ;
    max-height: var(--size-439);

    background: rgba(255, 255, 255, 0.61);
    border: var(--about-text-container-border) solid #ffffff;
    box-sizing: border-box;
    border-radius: var(--size-8);
}

.about .text {
    font-family: Raleway;
    font-style: normal;
    font-weight: 500;
    font-size: var(--size-14);
    line-height: var(--size-16);
    color: #000000;
    /* Scrolleable */
    max-width: var(--size-490);
    height: var(--size-400);
    overflow-y: scroll;
    padding-right: var(--size-32);
}

@media screen and (max-width: 992px) {
    .about {
        min-height: var(--mobile-height);
    }
}

@media screen and (max-width: 768px) {
    .about .text-container {
        width: 100%;
    }
}

@media screen and (max-width: 540px) {
    .about .text-container {
        padding: 40px;
    }
}

@media screen and (max-width: 440px) {
    .about .text-container {
        padding: 25px;
    }
}

/*********************************************** FAQ  ***********************************************/

.faq {
    background: url("../images/faq/Q-A-complete.webp"), #cccccc;
    background-position: 0% 0%;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: var(--full-height2);
    height: auto;
}

.faq .img-faq {
    height: 100vh;
    z-index: 1;
}

.faq .search {
    margin: var(--size-5) var(--size-5) 0px 0px;
    padding: var(--size-3) var(--size-30) var(--size-3) 0px ;
    width: var(--size-364);
    right: var(--size-100);
    z-index: 2;
    text-align: right;
    border-radius: var(--size-5);
    border: var(--size-1) solid #000;
    font-family: Raleway;
    font-weight: 500;
    font-size: var(--size-16);
}

.faq .icon-search {
    position: absolute;
    margin: var(--size-16) 0px 0px calc(-1 * var(--size-25));
}


.faq .text-container {
    padding: var(--size-30) var(--size-40);
    width: var(--size-800);
    width: var(--size-576);
    height: var(--size-449);

    background: rgba(255, 255, 255, 0.61);
    border: var(--faq-text-container-border) solid #ffffff;
    box-sizing: border-box;
    border-radius: var(--size-8);
    z-index: 2;
}


.faq .scroll-container {
    padding-right: var(--size-20);
    width: 100%;
    height: var(--size-400);
    overflow-y: scroll;
}

.faq .text {
    font-family: Raleway;
    font-style: normal;
    font-weight: 500;
    font-size: var(--size-14);
    line-height: var(--size-16);
    display: flex;
    align-items: center;
    text-align: justify;
}

.faq .text.answer {
    color: #000000;
}

.faq .text.question {
    color: #c19304;
}


@media screen and (max-width: 768px) {
    .faq .text-container {
        width: 100%;
        height: auto;
        padding: 50px 30px;
    }
    .faq .search {
        width: 100%;
    }
    .faq .group-search {
        width: 100%;
    }
}

/*********************************************** FLEET  ***********************************************/

.fleet {
    background: url("../images/reservation/reservation.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 80% 40%;
    min-height: var(--full-height2);
    height: auto;
    /* padding-bottom: var(--padding-content); */
}

.fleet .menu {
    max-width: var(--size-591);
    margin-top: var(--size-130);
    margin-bottom: var(--size-2);
    padding: 0px;

    background: #303c44;
    color: #ffffff;
    border-radius: var(--size-4);
    z-index: 2;

    font-family: Raleway;
    font-style: normal;
    font-weight: 300;
    font-size: var(--size-14);
    line-height: var(--size-19);
}

.fleet .menu a {
    padding: var(--size-5) var(--size-15);
    color: #fff;
    text-decoration: none;
    text-align: center;
    transition: all ease 0.5s;
}

.fleet .menu a:hover {
    background: #f19a3e;
    border-radius: var(--size-4);
}

.fleet .white-container {
    padding: var(--size-20);
    max-width: var(--size-591);
    height: var(--size-323);

    background: rgba(255, 255, 255, 0.5);
    border: var(--size-1) solid rgba(255, 255, 255, 0.2);
    box-sizing: border-box;
    border-radius: var(--size-4);
    z-index: 2;
}

.fleet .red-container {
    height: var(--size-289);
    padding: var(--size-20) var(--size-70) !important;
    background: rgba(205, 0, 0, 0.63);
    border-radius: var(--size-8);
    z-index: 2;
}

.fleet .red-container h1 {
    font-family: Raleway;
    font-style: normal;
    font-weight: 600;
    font-size: var(--size-28);
    line-height: var(--size-33);
    text-transform: uppercase;
    color: #000000;
    /* margin-top: var(--size-32); */
    margin-bottom: var(--size-13);
}

.fleet .red-container h2 {
    font-family: Times New Roman;
    font-style: italic;
    font-weight: bold;
    font-size: var(--size-23);
    line-height: var(--size-26);
    text-align: justify;
    color: #ffffff;
    margin-bottom: var(--size-30);
}

.fleet .red-container button {
    background: #f19a3e;
    border: 0.59375px solid #000000;
    box-sizing: border-box;
    border-radius: var(--fleet-red-container-border);
    text-align: center;
    padding: var(--size-10);
    margin-bottom: var(--size-20);

    font-family: Raleway;
    font-style: normal;
    font-weight: 500;
    font-size: var(--size-16);
    line-height: var(--size-11);
}

.fleet .red-container h3 {
    font-family: Times New Roman;
    font-style: normal;
    font-weight: bold;
    font-size: var(--size-18);
    line-height: var(--size-21);
    text-align: center;
}

.fleet-auto {
    background: linear-gradient(
            180deg,
            #ffffff -7.01%,
            rgba(255, 255, 255, 0) 107.01%
        ),
        #091318;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: var(--full-height2);
    color: #000000;
    padding-bottom: var(--padding-content);
}

.fleet-auto .padding-content {
    padding-top: var(--size-75);
}

.fleet-auto .img-vehicle {
    width: var(--size-523);
    margin-right: var(--size-25);
}

.fleet-auto .text-container {
    width: var(--size-678);
    color: #262626;
}

.fleet-auto .text-container .title {
    font-family: Raleway;
    font-style: normal;
    font-weight: bold;
    font-size: var(--size-28);
    line-height: var(--size-33);
    text-transform: uppercase;
    color: #ff0d0d;
}

.fleet-auto .text-container .subtitle {
    font-family: Raleway;
    font-style: italic;
    font-weight: 600;
    font-size: var(--size-18);
    line-height: var(--size-21);
    color: #262626;
    margin-top: calc(-1 * var(--size-10));
}

.fleet-auto .text-container .text {
    font-family: Raleway;
    font-style: italic;
    font-weight: 500;
    font-size: var(--size-22);
    line-height: var(--size-26);
    text-align: justify;
    color: #262626;
}

.fleet-auto .btn-begin {
    background: #cd0000;
    padding: var(--size-10) var(--size-32);
    border-radius: var(--size-4);
    font-family: Raleway;
    font-style: normal;
    font-weight: 600;
    font-size: var(--size-14);
    line-height: var(--size-16);
    text-transform: uppercase;
    color: #ffffff;
    margin-top: var(--size-142);
    text-decoration: none;
}

@media screen and (max-width: 1660px) {
    .fleet .menu {
        width: 100%;
    }
    .fleet .white-container {
        width: 100%;
    }
    .fleet .red-container {
        padding: 10% 10%;
    }
}

@media screen and (max-width: 1320px) {
    .fleet-auto .img-vehicle {
        width: 420px;
    }
    .fleet-auto .text-container {
        width: 550px;
    }
}

@media screen and (max-width: 1040px) {
    .fleet-auto .text-container {
        width: 100%;
    }
}

@media screen and (max-width: 992px) {
    .fleet-auto {
        min-height: var(--mobile-height);
    }
    .fleet {
        min-height: var(--mobile-height);
    }
    .btn-begin {
        margin-top: 10px !important;
    }
}

@media screen and (max-width: 767px) {
    .fleet .menu {
        margin-top: 20px;
    }
    .fleet-auto .padding-content {
        padding-top: 10px;
    }
    .fleet-auto .text-container {
        width: 100%;
    }
}

@media screen and (max-width: 550px) {
    .fleet-auto .img-vehicle {
        margin: 0px;
        width: 100%;
    }
}

@media screen and (max-width: 440px) {
    .fleet .red-container h1 {
        font-size: 20px;
    }
    .fleet .red-container h2 {
        font-size: 18px;
    }
}

/*********************************************** TEAM  ***********************************************/

.team {
    background: #000000;
    color: #ffffff;
    min-height: var(--full-height2);
    height: auto;
    /* padding-bottom: var(--padding-content); */
    padding-top: var(--size-35);
}

.team .item-padding{
    padding-left: 25%;
}

.team .item-person {
    padding: var(--size-10) 0px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.team .paginator{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -10px;

    font-family: Times New Roman;
font-style: normal;
font-weight: normal;
font-size: var(--size-18);
line-height: var(--size-21);
}

.team .paginator a{
    cursor: pointer;
    margin: 0px var(--size-12);
    color: #FFFFFF;
}

.team .paginator span{
    color: #F19A3E;
}

.team .paginator a:hover{
    color: #F19A3E;
}

.team .paginator .pagation-selected{
    color: #F19A3E;
}

.team .person-data {
    margin-left: var(--size-30);
}

.team .img-user {
    height: var(--size-130);
}

.team .team-link {
    text-decoration: none;
}

.team .driver-name {
    font-family: Playfair Display;
    font-style: italic;
    font-weight: normal;
    font-size: var(--size-24);
    line-height: var(--size-32);
    color: #ffffff;
}

.team .member {
    font-family: Raleway;
    font-style: normal;
    font-weight: 500;
    font-size: var(--size-18);
    line-height: 0%;
    color: #f19a3e;
    margin-top: var(--size-20);
}

.teamMembers {
    color: #ffffff;
    padding-top: var(--size-50);
    color: #000;
    min-height: var(--full-height2);
    height: auto;
    padding-bottom: var(--padding-content);
}
.teamMembers .content1 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

.teamMembers .img-member {
    width: var(--size-260);
    height: var(--size-423);
    border: 0.93px solid #000000;
    box-sizing: border-box;
    border-radius: 7.45px;
    margin-top: margin;
}

.teamMembers .img-border {
    width: var(--size-264);
    border: var(--size-10) solid #f19a3e;
    margin-top: var(--size-2);
}

.teamMembers .img-name-container {
    min-width: var(--size-365);
    height: var(--size-101);
    background: rgba(241, 154, 62, 0.9);
    box-sizing: border-box;
    padding: var(--size-15);
    margin-top: calc(-1 * var(--size-150));
    margin-left: var(--size-200);
}

.teamMembers .img-name {
    font-family: Times New Roman;
    font-style: normal;
    font-weight: bold;
    font-size: var(--size-48);
    line-height: var(--size-55);
    color: #ffffff;
}

.teamMembers .img-subname {
    font-family: Playfair Display;
    font-style: normal;
    font-weight: normal;
    font-size: var(--size-26);
    line-height: var(--size-35);
    color: #000000;
    margin-top: 0px;
    margin-left: var(--size-280);
}

.teamMembers .text-description {
    max-width: var(--size-733);
    min-height: var(--size-258);
    margin-left: calc(-1 * var(--size-220));

    font-family: Raleway;
    font-style: normal;
    font-weight: 500;
    font-size: var(--size-14);
    line-height: var(--size-16);
    text-align: justify;
    color: rgba(0, 0, 0, 0.6);
    z-index: 3;
}

.teamMembers .subdescription {
    max-width: var(--size-483);
    min-height: var(--size-100);
    margin-top: var(--size-40);
    margin-left: var(--size-20);

    font-family: Raleway;
    font-style: normal;
    font-weight: 500;
    font-size: var(--size-14);
    line-height: var(--size-16);
    text-align: justify;
    color: #000000;
}

@media screen and (max-width: 1200px) {
    .teamMembers .text-description {
        margin-left: -270px;
    }
    .teamMembers .img-name {
        font-size: 45px;
        text-align: center;
    }
}

@media screen and (max-width: 992px) {
    .team {
        min-height: var(--mobile-height);
    }
    .teamMember {
        min-height: var(--mobile-height);
    }
    .team .item-padding {
        padding-left: 0px;
    }
}

@media screen and (min-width: 767px) {
    .team .col-12:nth-child(1) {
        background: rgba(255, 255, 255, 0.37);
        border-right: 1px solid #000000;
    }
    .team .col-12:nth-child(2) {
        background: rgba(255, 255, 255, 0.37);
    }
    .team .col-12:nth-child(5) {
        background: rgba(255, 255, 255, 0.37);
        border-right: 1px solid #000000;
    }
    .team .col-12:nth-child(6) {
        background: rgba(255, 255, 255, 0.37);
    }
    .team .person:nth-child(1n+4) {
        border-right: 1px solid #000000;
    }
    .team .person:nth-child(3n) {
        border-right: 1px solid rgba(255, 255, 255, 0.37);
    }
}

@media screen and (max-width: 767px) {
    .team {
        height: auto;
    }
    .team .person:nth-child(odd) {
        background: #5e5e5e;
    }
    .team .person:nth-child(2n) {
        background: #000000;
    }
    .team .person-data {
        margin-left: 20px;
    }
    .teamMembers {
        padding-top: 20px;
    }
    .teamMembers {
        height: auto;
    }
    .teamMembers .text-description {
        margin: 30px 0px 20px 0px;
        height: auto;
        min-height: auto;
    }
    .teamMembers .subdescription {
        max-width: 100%;
        width: 100%;
        margin: 0px;
        margin-bottom: 40px;
    }
}

@media screen and (max-width: 590px) {
    .teamMembers .img-member {
        margin: 0px;
    }
    .teamMembers .img-name {
        margin: 0px;
    }
    .teamMembers .img-subname {
        margin: 0px;
    }
    .teamMembers .img-name-container {
        margin: 0px;
        margin-top: 10px;
    }
    .teamMembers .img-border {
        display: none;
    }
    .teamMembers .content1 {
        align-items: center;
        justify-content: center;
    }
}

@media screen and (max-width: 400px) {
    .teamMembers .img-name-container {
        width: 100%;
    }
    .teamMembers .img-name {
        text-align: center;
        font-size: 35px;
    }
}
@media screen and (max-width: 369px) {
    .team .item-person {
        flex-direction: column;
    }
    .team .person-data {
        margin-left: 0px;
        text-align: center;
    }
}

/*********************************************** COVID 19  ***********************************************/

.driverPolicies {
    background: url("../images/covid19/driverPolicies.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 70% 50%;
    min-height: var(--full-height2);
    height: auto;
    padding-bottom: var(--padding-content);
}

.cleanGreenStandars {
    background: url("../images/covid19/cleenGreenStandards.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    min-height: var(--full-height2);
    height: auto;
    padding-bottom: var(--padding-content);
}

.covid19 .text-container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 26.5px 20px;

    width: 668px;
    height: 452px;
    left: 92px;
    margin-top: 54px;

    background: rgba(48, 60, 68, 0.5);
    border: 2px solid rgba(196, 196, 196, 0.5);
    box-sizing: border-box;
    border-radius: 4px;
}

.covid19 .text {
    font-family: Raleway;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    color: #ffffff;
    padding: 10px;

    /* Scrolleable */
    width: 100%;
    height: 400px;
    overflow-y: scroll;
}

.covid19 .text-driver {
    color: #ff0d0d !important;
}

.covid19 .btnClean {
    margin: 470px 0px 0px 92px;
    height: 30px;
    min-width: 223px;
    background: #cd0000;
    border-radius: 8px;
    padding: 7px 19px;

    font-family: Raleway;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #ffffff;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
}

@media screen and (max-width: 1070px) {
    .covid19 .btnClean {
        margin: 470px 0px 0px 20px;
    }
}

@media screen and (max-width: 992px) {
    .driverPolicies {
        min-height: var(--mobile-height);
    }
    .cleanGreenStandars {
        min-height: var(--mobile-height);
    }
}

@media screen and (max-width: 767px) {
    .covid19 .text-container {
        width: 100%;
    }
    .covid19 .btnClean {
        margin: 20px auto;
        width: 223px;
    }
}

/*********************************************** CONTACT PAGE ***********************************************/

.contact {
    background: #ffffff;
    padding-top: var(--size-20);
    min-height: var(--size-650);
    /* height: auto; */
    /* padding-bottom: var(--padding-content); */
}

.contact .title {
    font-family: Raleway;
    font-style: normal;
    font-weight: 500;
    font-size: var(--size-32);
    line-height: var(--size-38);
    text-transform: uppercase;
    color: #000000;
    margin-left: var(--size-50);
}

.contact .contact-info {
    margin-top: var(--size-22);
    font-family: Times New Roman;
    font-style: normal;
    font-weight: normal;
    font-size: var(--size-20);
    line-height: var(--size-18);
    text-transform: uppercase;
    color: #000000;
    margin-left: var(--size-50);
}

.contact .area-container {
    padding: 0px 0px 0px var(--size-60);
}

.contact .woman {
    position: relative;
    margin-top: -280px;
    bottom: 0px;
    width: var(--size-611);
    height: var(--size-475);
    margin-left: var(--size-35);
    z-index: 1;
}

.contact .woman2 {
    margin-left: calc(-1 * var(--size-35));
}

.contact .tel-number {
    color: #ff0d0d;
}

.contact .line {
    border: var(--size-1) solid #9d9d9d;
}

.contact .form-label{
    margin-top: var(--size-2);
    /* height: var(--size-15); */
}

.collapsible {
    cursor: pointer;
    width: 100%;
}

.btn-collapsible {
    background-color: #ffffff;
    border: none;
    text-align: left;
    outline: none !important;

    font-family: Times New Roman;
    font-style: normal;
    font-weight: bold;
    font-size: var(--size-16);
    line-height: var(--size-18);
    margin: var(--size-10) 0px;
    text-transform: uppercase;
    transition: all 0.5s ease;
    z-index: 300;
}

.active,
.btn-collapsible:hover {
    color: #cd0000 !important;
}

.collapse-content {
    padding: var(--size-10) var(--size-10) 0px;
    display: none;
    overflow: hidden;
    font-family: Times New Roman;
    font-style: normal;
    font-weight: normal;
    font-size: var(--size-16);
    line-height: var(--size-18);
}

.contact .contact-form {
    margin-top: var(--size-10);
    max-width: var(--size-627);

    font-family: Raleway;
    font-style: normal;
    font-weight: 500;
    font-size: var(--size-14);
    line-height: var(--size-16);
    color: #000000;
}

.contact .contact-form input {
    background: #f5f8fa;
    border: var(--size-1) solid #c4c4c4;
    box-sizing: border-box;
    border-radius: var(--size-4);
    height: var(--size-34);

    font-family: Raleway;
    font-style: normal;
    font-weight: 500;
    font-size: var(--size-14);
    line-height: var(--size-16);
    /* color: #000000; */
}

.contact .contact-form .submit {
    background: #ff0d0d;
    border-radius: var(--size-4);
    padding: var(--size-7) var(--size-6);
    text-decoration: none;
    outline: none;
    border: none;
}

.contact .icon {
    width: var(--contact-icon);
    height: var(--size-4);
}

.content .recaptcha-container {
    margin-left: var(--size-25);
    /* width: 40px !important; */
}

@media screen and (max-width: 1400px) {
    .contact .woman {
        width: auto;
        height: 400px;
        top: 430px;
        margin-left: 0px;
    }
}

@media screen and (max-width: 1250px) {
    .contact .woman {
        width: auto;
        height: 350px;
        top: 400px;
        margin-left: 0px;
    }
    .contact .area-container {
        padding: 0px 0px 0px 25px;
    }
}

@media screen and (min-width: 992px) {
    .contact .border-right {
        height: 488.01px;
        border-right: 20px solid #c4c4c4;
    }
}

@media screen and (max-width: 992px) {
    .contact .area-container {
        padding: 0px;
    }
}

@media screen and (min-width: 768px) {
    .contact .woman2 {
        width: 100%;
    }
}

/*********************************************** CONTACT PAGE ***********************************************/

.services {
    background: linear-gradient(
            180deg,
            #ffffff -7.01%,
            rgba(255, 255, 255, 0.6011) 99.87%,
            rgba(255, 255, 255, 0.411458) 100%,
            rgba(255, 255, 255, 0) 100%
        ),
        #091318;
    min-height: var(--full-height2);
    height: auto;
    padding-top: var(--size-20);
    /* padding-bottom: var(--padding-content); */
}

.services .content1 {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    height: 100%;
    margin-top: var(--size-40);
    margin-right: var(--size-60);
}

.services .content2 {
    display: flex;
    flex-direction: column;
}

.services .title {
    font-family: Times New Roman;
    font-style: normal;
    font-weight: bold;
    font-size: var(--size-36);
    line-height: var(--size-41);
    letter-spacing: 0.2em;
    color: #cd0000;
}

.services .text-container {
    width: var(--size-950);
    height: var(--size-400);
    padding: var(--size-43) var(--size-70);
    background: rgba(241, 154, 62, 0.48);
    border-radius: var(--size-8);
}

.services .text-container p {
    max-width: var(--size-818);
    font-family: Raleway;
font-style: normal;
font-weight: 500;
font-size: var(--size-14);
line-height: var(--size-16);
color: #000000;
}

.services .img-service {
    width: var(--size-320);
    height: var(--size-250);
    margin-top: var(--size-45);
    margin-left: calc(-1 * var(--size-30));

    border: var(--border-generic) solid #727272;
    box-sizing: border-box;
    filter: drop-shadow(var(--size-5) var(--size-7) var(--size-4) rgba(0, 0, 0, 0.35));
    border-radius: var(--size-8);
}

.services .button {
    width: var(--size-250);
    height: var(--size-36);
    margin: calc(-1 * var(--size-30)) 0px 0px var(--size-980);

    font-family: Raleway;
    font-style: normal;
    font-weight: 600;
    font-size: var(--size-14);
    line-height: var(--size-16);
    text-transform: uppercase;
    color: #ffffff;
    text-decoration: none;

    padding: var(--size-10) var(--size-32);
    background: #cd0000;
    border-radius: var(--size-4);
    z-index: 2;
}

.services .arrows-container{
    margin-top: var(--size-10);
}

.services .back-words {
    position: absolute;
    font-family: Playfair Display;
    font-style: italic;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.1);
    z-index: 0;
    text-transform: lowercase;
}
.services .restaurants {
    top: 0px;
    margin-right: var(--size-935);
    font-size: var(--size-82);
    line-height: var(--size-109);
}
.services .resorts {
    top: var(--size-200);
    margin-right: var(--size-1180);
    font-size: var(--size-48);
    line-height: var(--size-64);
}
.services .tours {
    top: var(--size-343);
    margin-right: var(--size-1280);
    font-size: var(--size-48);
    line-height: var(--size-64);
}
.services .night-life {
    top: var(--size-425);
    margin-right: var(--size-880);
    font-size: var(--size-48);
    line-height: var(--size-64);
}
.services .spas {
    top: var(--size-255);
    margin-right: var(--size-880);
    font-size: var(--size-42);
    line-height: var(--size-56);
}
.services .airport {
    top: calc(-1 * var(--size-15));
    margin-right: 0px;
    font-size: var(--size-64);
    line-height: var(--size-85);
}
.services .shopping {
    top: var(--size-176);
    margin-right: 0px;
    font-size: var(--size-101);
    line-height: var(--size-135);
}
.services .business {
    top: var(--size-343);
    margin-left: var(--size-324);
    font-size: var(--size-72);
    line-height: var(--size-96);
}
.services .events {
    top: var(--size-107);
    margin-left: var(--size-464);
    font-size: var(--size-36);
    line-height: var(--size-48);
}
.services .theatre {
    top: var(--size-163);
    margin-left: var(--size-1120);
    font-size: var(--size-64);
    line-height: var(--size-85);
}
.services .travel {
    top: var(--size-310);
    margin-left: var(--size-910);
    font-size: var(--size-82);
    line-height: var(--size-109);
}

@media screen and (max-width: 1331px) {
    .services .button {
        margin: 25px auto;
    }
    .services .arrows-container{
        margin: 0px;
    }
}

@media screen and (max-width: 992px) {
    .services .content2 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .services .img-service {
        margin: 30px 5px 5px 0px;
    }
}

@media screen and (max-width: 767px) {
    .services .content1 {
        margin-top: 20px;
    }
    .services .text-container {
        width: 100%;
        height: auto;
    }
    .services .text-container {
        padding: 43px 30px;
    }
    .services .title {
        font-size: 30px;
        text-align: center;
    }
}

@media screen and (max-width: 550px) {
    .services .img-service {
        /* height: auto; */
        width: 100%;
    }
}

/*********************************************** CONTACT PAGE ***********************************************/

.company-careers {
    background: url("../images/careers/companyCareers.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    min-height: calc(var(--full-height2) - var(--size-35) );
    height: auto;
    /* padding-bottom: var(--padding-content); */

    display: flex;
    align-items: center;
    justify-content: center;
}

.company-careers-subnavbar {
    width: 100%;
    height: auto;
    padding: var(--size-5) 0px;
    background-color: #000000;

    font-family: Times New Roman;
    font-style: normal;
    font-weight: normal;
    font-size: var(--size-16px);
    line-height: var(--size-18px);
    display: flex;
    align-items: center;
    text-transform: uppercase;
    color: #ffffff;
}

.company-careers-subnavbar .navbar-content {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.company-careers-subnavbar .btnSearch {
    background: #cd0000;
    border-radius: var(--size-4);
    padding: var(--size-4) var(--size-10);

    font-family: Raleway;
    font-style: normal;
    font-weight: 500;
    font-size: var(--size-14);
    line-height: var(--size-16);
    color: #ffffff;
    text-align: left;
}


.company-careers-subnavbar .btnSearch:hover{
    color: #ffffff;
}

.company-careers-subnavbar .dropdown {
    position: relative;
    display: inline-block;
}

.company-careers-subnavbar .dropdown .dropdown-content {
    display: none;
    position: absolute;
    background: #081720;
    color: #ffffff;
    width: var(--size-249);
    z-index: 1;
}

.company-careers-subnavbar .dropdown:hover .dropdown-content {
    display: block;
}

.company-careers-subnavbar .dropdown-content {
    margin: var(--size-1) 0px 0px calc(-1 * var(--size-25));
    display: none;
    position: absolute;
    min-width: var(--size-160);
    padding: var(--size-12) var(--size-16);
    z-index: 1;
    font-size: var(--size-14);
    line-height: var(--size-16);
}

.company-careers-subnavbar .dropdown-content a {
    margin-left: var(--size-10);
    width: 100%;
    color: #ffffff;
    padding-bottom: var(--size-2);
    transition: all 0.3s ease;
}

.company-careers-subnavbar .dropdown-content a:hover {
    border-bottom: var(--size-1) solid #f19a3e;
}

.company-careers-subnavbar .dropdown-content .divider-bottom {
    width: 100%;
    border: var(--size-1) solid #c4c4c4;
    margin: var(--size-10) 0px;
}

.company-careers-subnavbar .divider-link {
    border: var(--size-1) solid #ffffff;
    height: var(--size-24);
    margin: 0px var(--size-20);
}

.company-careers-subnavbar .link {
    text-decoration: none;

}

.company-careers-subnavbar .link-28aventure {
    color: #f19a3e;
    font-size: var(--size-14);
    line-height: var(--size-16);
}
.company-careers-subnavbar .dropdown .link-main {
    color: #c4c4c4;
    font-size: var(--size-14);
    line-height: var(--size-16);
}

.company-careers .text-container {
    margin: var(--size-200) var(--size-70) calc(-1 * var(--size-40)) var(--size-70);
    max-width: var(--size-1301);
    min-height: var(--size-205);
    background: rgba(241, 154, 62, 0.84);
    border: var(--border-generic) solid #000000;
    border-radius: var(--size-8);
    padding: var(--size-14) var(--size-44);
}

.company-careers .title {
    font-family: Times New Roman;
    font-style: normal;
    font-weight: bold;
    font-size: var(--size-35);
    line-height: var(--size-41);
    letter-spacing: 0.2em;
    color: #000000;
    text-align: center;
}

.company-careers .text {
    font-family: Raleway;
    font-style: normal;
    font-weight: 500;
    font-size: var(--size-14);
    line-height: var(--size-16);
    display: flex;
    align-items: center;
    text-align: justify;
    color: #000000;
    padding: 0px var(--size-40) 0px var(--size-40);
}

.company-careers .divider {
    border-right: var(--size-2) solid #ffffff;
}

.company-careers-subnavbar .margin-menu-top{
    margin: 0px var(--size-70);
}


@media screen and (max-width: 992px) {
    .company-careers {
        min-height: calc(var(--mobile-height) - 36px);
    }
    .company-careers .text-container {
        margin-top: 0px;
    }
    .company-careers .text-container {
        margin: var(--size-200) 0px 0px 0px;
    }
    .company-careers-subnavbar .margin-menu-top{
        margin: 0px 0px ;
    }
}

@media screen and (max-width: 768px) {
    .company-careers .divider {
        border-right: none;
    }
    .company-careers .text-container {
        width: 100%;
        margin-top: 0px;
        padding: 10px 15px;
    }
    .company-careers .title {
        font-size: 24px;
    }
}

/*********************************************** Safety & Security ***********************************************/

.safety-security {
    height: 100%;
    background: url("../images/safetySecurity/safetySecurity.webp"), #ffffff;
    background-repeat: no-repeat;
    background-size: 40% 100%;
    background-position: 0% 50%;
    min-height: var(--full-height2);
    height: auto;
    /* padding-bottom: var(--padding-content); */
    z-index: 0;
}

.safety-security .content1 {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-end;
}

.safety-security .content2 {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
}

.safety-security .img-safety {
    width: 45%;
    height: 100vh;
    background: url("../images/safetySecurity/safetySecurity.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    min-height: var(--full-height2);
    z-index: 1;
}

.safety-security .title {
    font-family: Times New Roman;
    font-style: normal;
    font-weight: bold;
    font-size: var(--size-280);
    line-height: var(--size-322);
    letter-spacing: -0.095em;
    color: #cd0000;
    z-index: 5;
    margin-top: calc(-1 * var(--size-50));
}

.safety-security .and {
    font-size: var(--size-150);
    line-height: var(--size-172);
    color: #000000;
    margin-left: calc(-1 * var(--size-60));
}

.safety-security .subtitle {
    font-family: Times New Roman;
    font-style: normal;
    font-weight: bold;
    font-size: var(--size-64);
    line-height: var(--size-74);
    color: rgba(0, 0, 0, 0.47);
    margin: var(--size-200) 0px 0px calc(-1 * var(--size-60));
}

.safety-security .text-container {
    width: var(--size-954);
    height: var(--size-288);

    background: rgba(0, 0, 0, 0.76);
    border: var(--faq-text-container-border) solid #ffffff;
    box-sizing: border-box;
    box-shadow: var(--size-8) var(--size-8) var(--size-6) var(--size-2) rgba(0, 0, 0, 0.6);
    border-radius: var(--size-8);
    color: #ffffff;
    padding: var(--size-7) var(--size-37);
    margin-top: calc(-1 * var(--size-60));

    /* margin-left: -350px; */
    overflow: hidden;
    z-index: 3;
}

.safety-security .text-container .text {
    font-family: Times New Roman;
    font-style: normal;
    font-weight: normal;
    font-size: var(--size-24);
    line-height: var(--size-28);
    text-align: justify;
    color: #ffffff;
}

.safety-security .content-vertical {
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    flex-wrap: nowrap;
    margin-top: var(--size-60);
    margin-left: var(--size-25);
    min-width: var(--size-80);
}

.safety-security .content-vertical a {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: var(--size-18);
    line-height: var(--size-21);
    color: #000000;
    text-decoration: none;
    transition: all 0.3s ease;
    margin: var(--size-4) 0px;
}

.safety-security .content-vertical a:hover {
    color: #cd0000;
}

@media screen and (max-width: 992px) {
    .safety-security {
        min-height: var(--mobile-height);
    }
    .safety-security .img-safety {
        min-height: var(--mobile-height);
    }
    .safety-security .title {
        font-size: 200px;
    }
    .safety-security .and {
        font-size: 100px;
    }
    .safety-security .subtitle {
        font-size: 50px;
        margin-top: 170px;
    }
}

@media screen and (max-width: 768px) {
    .safety-security {
        height: auto;
        /* background: url("../images/safetySecurity/safetySecurity.png"), #FFFFFF; */
        background: #ffffff;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 50% 50%;
        z-index: 1;
    }
    .safety-security .text-container {
        margin: 20px 0px;
        width: 100%;
        height: auto;
    }
    .safety-security .content-vertical {
        margin-top: -20px;
    }
}

@media screen and (max-width: 580px) {
    .safety-security .title {
        font-size: 150px;
        line-height: 250px;
    }
    .safety-security .and {
        font-size: 70px;
        margin-left: -25px;
    }
    .safety-security .subtitle {
        font-size: 50px;
        margin-top: 130px;
    }
}

@media screen and (max-width: 480px) {
    .safety-security .title {
        font-size: 100px;
        line-height: 200px;
    }
    .safety-security .and {
        font-size: 50px;
        margin-left: -25px;
    }
    .safety-security .subtitle {
        font-size: 40px;
        margin-top: 65px;
    }
    .safety-security .text-container .text {
        font-size: 22px;
        text-align: left;
    }
}

/*********************************************** Reservation ***********************************************/

.reservation-airport {
    background: url("../images/reservation/airport.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    min-height: var(--full-height2);
    height: auto;
    /* padding-bottom: var(--padding-content); */
}

.reservation-corporate {
    background: url("../images/reservation/corporate.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    min-height: var(--full-height2);
    height: auto;
    padding-bottom: var(--padding-content);
}

.reservation-private {
    background: url("../images/reservation/private.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    min-height: var(--full-height2);
    height: auto;
    padding-bottom: var(--padding-content);
}

.reservation-events {
    background: url("../images/reservation/events.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    min-height: var(--full-height2);
    height: auto;
    padding-bottom: var(--padding-content);
}

.reservation-tours {
    background: url("../images/reservation/tours.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    min-height: var(--full-height2);
    height: auto;
    padding-bottom: var(--padding-content);
}

.reservation-form {
    /* max-width: 650px; */
    max-width: var(--size-770);
    margin: var(--size-50 ) 0px;
    margin-left: calc(-1 * var(--size-110));
    background: rgba(233, 233, 233, 0.66);
    border: var(--size-1) solid rgba(255, 255, 255, 0.2);
    box-sizing: border-box;
    border-radius: var(--size-4);
    padding: var(--size-17) var(--size-24);

    font-family: Raleway;
    font-style: normal;
    font-weight: 500;
    font-size: var(--size-14);
    line-height: var(--size-14);
    color: #000000;
}

.reservation-form label {
    font-family: Raleway;
    font-style: normal;
    font-weight: 500;
    font-size: var(--size-14);
    line-height: var(--size-14);
    color: #000000;
}

.reservation-form input {
    font-family: Raleway;
    font-style: normal;
    font-weight: 500;
    font-size: var(--size-14);
    line-height: var(--size-14);
    height: var(--size-28);
}

.reservation-form select {
    height: var(--size-28);
    font-size: var(--size-14);
    line-height: var(--size-14);
}

.reservation-form button {
    margin-top: var(--size-20);
    background: #ff0d0d;
    border-radius: var(--size-4);
    padding: var(--size-7) var(--size-6);
    text-decoration: none;
    outline: none;
    border: none;

    font-family: Raleway;
    font-style: normal;
    font-weight: 500;
    font-size: var(--size-14);
    line-height: var(--size-14);
    color: #ffffff;
}

.reservation-form a {
    color: #000000;
    text-decoration: none;
}

@media screen and (max-width: 992px) {
    .reservation-airport {
        min-height: var(--mobile-height);
    }
    .reservation-corporate {
        min-height: var(--mobile-height);
    }
    .reservation-private {
        min-height: var(--mobile-height);
    }
    .reservation-events {
        min-height: var(--mobile-height);
    }
    .reservation-tours {
        min-height: var(--mobile-height);
    }
    .reservation-form {
        max-width: 100%;
        margin-left: 0px;
    }
}

@media screen and (max-width: 767px) {
    .reservation-airport {
        height: auto;
    }
    .reservation-corporate {
        height: auto;
    }
    .reservation-private {
        height: auto;
    }
    .reservation-events {
        height: auto;
    }
    .reservation-tours {
        height: auto;
    }
    .reservation-form {
        margin-left: 0px;
    }
}

/*********************************************** Login***********************************************/

.login {
    background: url("../images/auth/login.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    min-height: var(--full-height2);
    height: auto;
    padding-bottom: var(--padding-content);
}

.login .text-container {
    padding: var(--size-14) var(--size-31);
    margin-top: var(--size-75);
    background: rgba(233, 233, 233, 0.66);
    font-size: var(--size-14);
    border: var(--size-1) solid #ffffff;
    box-sizing: border-box;
    backdrop-filter: blur(var(--size-4));
    border-radius: var(--size-4);
}

@media screen and (max-width: 992px) {
    .login {
        min-height: var(--mobile-height);
    }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
    .login .text-container {
        width: 529px;
    }
}

@media screen and (min-width: 768px) {
    .login .text-container {
        width: var(--size-529);
    }
}

.login .title {
    font-family: Times New Roman;
    font-style: normal;
    font-weight: bold;
    font-size: var(--size-36);
    line-height: var(--size-41);
    letter-spacing: 0.2em;
    color: #ff0d0d;
    text-align: center;
}

.login .divider {
    max-width: var(--size-62);
    border-bottom: var(--size-1) solid #000000;
    margin: 0 auto;
    margin-bottom: var(--size-10);
}

.login .subtitle {
    font-family: Raleway;
    font-style: normal;
    font-weight: 500;
    font-size: var(--size-14);
    line-height: var(--size-16);
    color: #000000;
    text-align: center;
    margin-bottom: var(--size-20);
}

.login .text-container label {
    font-family: Raleway;
    font-style: normal;
    font-weight: 500;
    font-size: var(--size-14);
    line-height: var(--size-16);
    display: flex;
    align-items: center;
    color: #000000;
}

.login .text-container input {
    font-family: Raleway;
    font-style: normal;
    font-weight: 500;
    font-size: var(--size-14);
    line-height: var(--size-16);
    display: flex;
    align-items: center;
}

.login .text-container a {
    text-decoration: none;
    color: #000000;
}

.login .forgot-password {
    margin-top: var(--size-10);
    font-family: Raleway;
    font-style: normal;
    font-weight: 500;
    font-size: var(--size-14);
    line-height: var(--size-16);
    color: #000000;
}

.login .btn-login {
    width: var(--size-107);
    padding: var(--size-10) var(--size-32);
    background: #cd0000;
    border-radius: var(--size-4px);

    font-family: Raleway;
    font-style: normal;
    font-weight: 600;
    font-size: var(--size-14);
    line-height: var(--size-16);
    text-transform: uppercase;
    color: #ffffff;
}

.login span {
    font-family: Raleway;
    font-style: normal;
    font-weight: 500;
    font-size: var(--size-14);
    line-height: var(--size-16);
}

/*********************************************** Sign Up ***********************************************/

.signup {
    background: #ffffff;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    min-height: var(--size-660);
    height: auto;
    /* padding-bottom: var(--padding-content); */
}

.signup .img-signup {
    background: url("../images/auth/signup.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    min-height:  var(--size-660);
    height: var(--full-height2);
}

.signup .content {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.signup .title {
    margin: var(--size-20) 0px var(--size-18) 0px;
    font-family: Times New Roman;
    font-style: normal;
    font-weight: bold;
    font-size: var(--size-32);
    line-height: var(--size-37);
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #000000;
    text-align: center;
}

.signup .divider {
    width: var(--size-178);
    border: 1px solid #cd0000;
}

.signup .content-container {
    font-family: Raleway;
    font-style: normal;
    font-weight: 500;
    font-size: var(--size-14);
    line-height: var(--size-16);
    color: #000000;
    margin-top: var(--size-43);
    max-width: var(--size-627);
}

.signup .form-signup {
    margin-top: var(--size-10);
    max-width: var(--size-627);
    font-family: Raleway;
    font-style: normal;
    font-weight: 500;
    font-size: var(--size-14);
    line-height: var(--size-16);
    color: #000000;
}

.signup input {
    background: #f5f8fa;
    border: var(--size-1) solid #c4c4c4;
    box-sizing: border-box;
    border-radius: var(--size-4);
}

@media screen and (max-width: 992px) {
    .signup {
        min-height: var(--mobile-height);
    }
    .signup .img-signup {
        min-height: 730px;
    }
}

@media screen and (min-width: 768px) {
    .content-container {
        width: 100%;
        max-width: 627px;
    }
}
@media screen and (max-width: 768px) {
    .form-signup {
        padding-bottom: 20px !important;
    }
}
/*********************************************** Careers ***********************************************/

.open-jobs {
    background: #ffffff;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    min-height: calc(var(--full-height2 ) - 0.052vw);
    height: auto;
    /* padding-bottom: var(--padding-content); */
}

.open-jobs .content1 {
    max-width: calc(100% - var(--size-71) - var(--size-71));
    margin: 0 auto;
}

.open-jobs .title {
    margin-top: var(--size-41);
    font-family: Times New Roman;
    font-style: normal;
    font-weight: bold;
    font-size: var(--size-36);
    line-height: var(--size-41);
    display: flex;
    align-items: center;
    letter-spacing: 0.2em;
    color: #cd0000;
}

.open-jobs .subtitle {
    font-family: Times New Roman;
    font-style: normal;
    font-weight: normal;
    font-size: var(--size-16);
    line-height: var(--size-18);
    display: flex;
    align-items: center;
    letter-spacing: 0.19em;
    color: #000000;
}

.open-jobs .line-divider {
    border-right: var(--size-1) solid #000000;
}

.open-jobs .item {
    display: flex;
    justify-content: space-between;
    margin-top: var(--size-18);
    padding: 0px var(--size-25);
}

.open-jobs .divider {
    width: 100%;
    border-bottom: var(--size-1) solid #c4c4c4;
}

.open-jobs .job-title {
    font-family: Times New Roman;
    font-style: normal;
    font-weight: normal;
    font-size: var(--size-24);
    line-height: var(--size-28);
    color: #f19a3e;
}

.open-jobs .job-address {
    font-family: Raleway;
    font-style: normal;
    font-weight: 500;
    font-size: var(--size-14);
    line-height: var(--size-16);
    color: #000000;
}

.open-jobs .btn-job {
    padding: var(--size-8) var(--size-20);
    background: #cd0000;
    border-radius: var(--size-4);
    font-family: Raleway;
    font-style: normal;
    font-weight: 600;
    font-size: var(--size-14);
    color: #ffffff;
}

.open-jobs .btn-job:hover{
    color: #FFFFFF;
}

.open-jobs .view-details {
    font-family: Raleway;
    font-style: normal;
    font-weight: 500;
    font-size: var(--size-14);
    line-height: var(--size-16);
    color: #cd0000;
}

.open-jobs .icon-arrow-right {
    height: 1.1em;
    margin: 0px var(--size-33) 0px var(--size-12);
}

@media screen and (min-width: 992px) {
    .open-jobs .padding-divider-left {
        padding-left: 45px;
    }

    .open-jobs .padding-divider-right {
        padding-right: 75px;
    }
}
@media screen and (max-width: 992px) {
    .open-jobs .line-divider {
        border: none;
    }
}

@media screen and (max-width: 850px) {
    .open-jobs .item {
        padding: 0px 0px;
    }
    .open-jobs .icon-arrow-right {
        margin: 0px 10px 0px 10px;
    }
}

@media screen and (max-width: 767px) {
    .open-jobs .icon-arrow-right {
        margin: 0px 20px 0px 20px;
    }
    .open-jobs .title {
        font-size: 30px;
    }
}

@media screen and (max-width: 450px) {
    .open-jobs .icon-arrow-right {
        margin: 0px 10px 0px 10px;
    }
    .open-jobs .title {
        font-size: 26px;
    }
}

/*********************************************** Job Detail ***********************************************/

.job-detail {
    background: #ffffff;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    min-height: var(--full-height2);
    height: auto;
    /* padding-bottom: var(--padding-content); */
}

.job-detail .content1 {
    max-width: calc(100% - var(--size-124));
    margin: 0 auto;
    padding: var(--size-42) 0px;
    display: flex;
    justify-content: space-between;
}

.job-detail .text-container {
    height: var(--size-450);
    overflow-y: scroll;
    margin-right: var(--size-57);
}

.job-detail .title {
    font-family: Times New Roman;
    font-style: normal;
    font-weight: bold;
    font-size: var(--size-36);
    line-height: var(--size-41);
    letter-spacing: 0.2em;
    color: #cd0000;
}

.job-detail .subtitle {
    margin-top: var(--size-11);
    font-family: Times New Roman;
    font-style: normal;
    font-weight: normal;
    font-size: var(--size-24);
    line-height: var(--size-28);
    color: #f19a3e;
    text-decoration: underline #cd0000;
    padding-right: var(--size-27);
}

.job-detail .btn-apply {
    background: #cd0000;
    border-radius: var(--size-4);
    padding: var(--size-8 ) var(--size-20);
    font-family: Raleway;
    font-style: normal;
    font-weight: 600;
    font-size: var(--size-14);
    line-height: var(--size-16);
    display: flex;
    align-items: center;
    text-transform: uppercase;
    color: #ffffff;
}

.job-detail .social-media {
    min-width: var(--size-348);
    height: var(--size-396);
    padding: var(--size-15) var(--size-29);
    background: linear-gradient(
        180deg,
        rgba(48, 60, 68, 0.9) 0%,
        rgba(48, 60, 68, 0.174707) 99.38%,
        rgba(48, 60, 68, 0) 100%
    );
    border: var(--size-1) solid #000000;
    box-sizing: border-box;
    border-radius: var(--size-8);
    display: flex;
    flex-direction: column;
}

.job-detail .social-media label {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: var(--size-13);
    line-height: var(--size-18);
    text-transform: uppercase;
    color: #ffffff;
    margin: var(--size-10) 0px;
}

.job-detail .social-title {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: var(--size-24);
    line-height: var(--size-33);
    color: #ffffff;
}

.job-detail .text {
    margin-top: var(--size-35);
    padding-right: var(--size-57);
    font-size: var(--size-14);
    line-height: var(--size-16);
}

.job-detail .social-divider {
    width: 100%;
    border-bottom: var(--size-1) solid #ffffff;
    margin: var(--size-16) 0px;
}

.job-detail .icon {
    width: var(--size-32);
}

.job-detail .hr-icon {
    background: #ffffff;
    border-radius: 100%;
}

.job-detail .social-media .btn-social-media {
    background: #cd0000;
    border-radius: var(--size-4);
    padding: var(--size-7) var(--size-17);
    margin: var(--size-15) 0px;
    font-family: Raleway;
    font-style: normal;
    font-weight: 600;
    font-size: var(--size-14);
    line-height: var(--size-16);
    text-transform: uppercase;
    color: #ffffff;
}

@media screen and (max-width: 768px) {
    .job-detail .content {
        flex-direction: column;
    }

    .job-detail .text-container {
        margin-right: 0px;
        margin-bottom: 20px;
    }

    .job-detail .social-media {
        min-width: max-content;
    }
}

/*********************************************** Job Detail ***********************************************/

.job-apply {
    background: "#ffffff";
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    min-height: var(--full-height2);
    height: auto;
    /* padding-bottom: var(--padding-content); */
}

.job-apply .superposition {
    z-index: 2;
    /* position: absolute; */
}

.job-apply .content-container {
    height: calc(var(--full-height2) - var(--padding-content));
    max-width: calc(100vw - var(--size-100) - var(--size-100));
    margin: var(--size-10) auto;
    /* padding: 42px 0px; */
    display: flex;
    justify-content: space-between;
    align-items: center;

    font-family: Raleway;
    font-style: normal;
    font-weight: 500;
    font-size: var(--size-14);
    line-height: var(--size-16);
    color: #000000;
}

.job-apply .margin-space{
    padding-top: var(--size-10);
}

.job-apply .bg-image {
    position: absolute;
    right: 0px;
    background: url("../images/careers/count.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    width: 30%;
    min-height: var(--full-height2);
    height: auto;
    z-index: 1;
}

.job-apply .text-container {
    height: calc(var(--full-height2) - var(--padding-content));
    width: 70%;
    overflow-y: scroll;
    margin-right: var(--size-57);
}

.job-apply .title {
    font-family: Times New Roman;
    font-style: normal;
    font-weight: bold;
    font-size: var(--size-36);
    line-height: var(--size-41);
    letter-spacing: 0.2em;
    color: #cd0000;
}

.job-apply .subtitle {
    margin-top: var(--size-11);
    font-family: Times New Roman;
    font-style: normal;
    font-weight: normal;
    font-size: var(--size-24);
    line-height: var(--size-28);
    color: #f19a3e;
    text-decoration: underline #cd0000;
    padding-right: var(--size-27);
}

.job-apply .form-apply {
    margin-top: var(--size-30);
}

.job-apply .content-container input {
    background: #f5f8fa;
    border: var(--size-1) solid #c4c4c4;
    box-sizing: border-box;
    border-radius: var(--size-4);
    height: var(--size-28);
    font-size: var(--size-14);
    line-height: var(--size-16);
}

.job-apply .content-container label {
    line-height: var(--size-14);
    color: #000000;
}

.job-apply .content-container span {
    color: #f19a3e;
}

.job-apply .content-container button {
    color: #ffffff;
}

@media screen and (max-width: 992px) {
    .job-apply {
        min-height: var(--mobile-height);
    }
    .job-apply .bg-image {
        min-height: var(--mobile-height);
    }
    .job-apply .content-container {
        height: auto;
    }
}

@media screen and (max-width: 768px) {
    .job-apply {
        height: auto;
    }
    .job-apply .text-container {
        height: 100%;
        width: 100%;
        overflow-y: auto;
        margin-right: 0px;
    }
    .job-apply .superposition {
        position: relative;
    }
    .job-apply .content-container {
        width: 100%;
    }
}

/*********************************************** Job Detail ***********************************************/

.job-thanks {
    background: url("../images/careers/thanks.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 20%;
    min-height: calc(var(--full-height2 ) );
    height: auto;
    /* padding-bottom: var(--padding-content); */
}
.job-thanks .content1 {
    min-height: var(--full-height2);
    padding-top: var(--size-20);
    width: calc(100vh - var(--size-100) - var(--size-100));
    margin-left: var(--size-160);

    display: flex;
    flex-direction: column;

}
.job-thanks .title {
    width: var(--size-300);
    font-family: Times New Roman;
    font-style: normal;
    font-weight: bold;
    font-size: var(--size-36);
    line-height: var(--size-41);
    letter-spacing: 0.2em;
    color: #cd0000;
}
.job-thanks .description {
    font-family: Times New Roman;
    font-style: normal;
    font-weight: normal;
    font-size: var(--size-18);
    line-height: var(--size-21);
    color: #000000;
}
.job-thanks .btn-about-us {
    background: #cd0000;
    border-radius: var(--size-4);
    padding: var(--size-8) var(--size-45);
    font-family: Raleway;
    font-style: normal;
    font-weight: 600;
    font-size: var(--size-14);
    line-height: var(--size-16);
    text-transform: uppercase;
    color: #ffffff;
    max-width: var(--size-172);
}
.job-thanks .btn-about-us:hover{
    color: #ffffff !important;
}

@media screen and (max-width: 992px) {
    .job-thanks {
        min-height: var(--mobile-height);
    }
}

@media screen and (max-width: 768px) {
    .job-thanks .content1 {
        min-height: var(--mobile-height);
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
}

/*********************************************** Philanthropy ***********************************************/

.philanthropy {
    background: #ffffff;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 20%;
    /* min-height: var(--size-700); */
    height: var(--full-height2);
    /* padding-bottom: var(--padding-content); */
}

.philanthropy .img-philanthropy {
    width: 32%;
    background: url("../images/philanthropy/philanthropy.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 10%;
    /* min-height: var(--size-700); */
    min-height: var(--full-height2);
    height: auto;
    z-index: 1;
}

.philanthropy .content1 {
    width: 68%;
}

.philanthropy .text-container {
    max-width: var(--size-910);
    padding-left: var(--size-9);
}

.philanthropy .title {
    font-family: Times New Roman;
    font-style: normal;
    font-weight: normal;
    font-size: var(--size-150);
    line-height: var(--size-200);
    color: rgba(0, 0, 0, 0.6);
    margin-top: calc(-1 * var(--size-20));
}

.philanthropy .subtitle {
    margin-top: calc(-1 * var(--size-15));
    font-family: Times New Roman;
    font-style: normal;
    font-weight: bold;
    text-align: left;
    font-size: var(--size-30);
    line-height: var(--size-41);
    letter-spacing: 0.2em;
    color: #f19a3e;
}

.philanthropy .text {
    font-family: Raleway;
    font-style: normal;
    font-weight: 500;
    font-size: var(--size-14);
    line-height: var(--size-16);
    text-align: justify;
    color: #000000;
    min-width: var(--size-200);
}

.philanthropy .img-person-in-wheel {
    min-width: var(--size-171);
    height: var(--size-150);
    margin: 0px var(--size-77);
}

.philanthropy .text-grateful {
    position: absolute;
    margin-right: calc(-1 * var(--size-280));
    width: var(--size-420);
    padding: var(--size-22) var(--size-25);
    background: rgba(241, 154, 62, 0.8);
    border: border(--size-1) solid #424a4f;
    box-sizing: border-box;
    box-shadow: var(--size-8) var(--size-8) var(--size-6) rgba(0, 0, 0, 0.5);
    border-radius: var(--size-8);

    font-family: Raleway;
    font-style: normal;
    font-weight: 500;
    font-size: var(--size-14);
    line-height: 126.9%;
    color: #000000;
    z-index: 100;
}

@media screen and (max-width: 1300px) {
    .philanthropy .title {
        font-size: 130px;
        text-align: center;
    }
}

@media screen and (max-width: 1200px) {
    .philanthropy .img-person-in-wheel {
        margin: 10px 20px;
    }
    .philanthropy .text-grateful {
        margin-right: -230px;
    }
}

@media screen and (max-width: 992px) {
    .philanthropy {
        min-height: 840px;
        height: var(--full-height2);
    }
    .philanthropy .img-philanthropy {
        min-height: 840px;
        height: var(--full-height2);
    }
    .philanthropy .title {
        font-size: 100px;
        text-align: center;
    }
    .philanthropy .text-grateful {
        margin: -180px;
    }
}

@media screen and (max-width: 768px) {
    .philanthropy {
        min-height: var(--mobile-height);
        padding: 0px;
        height: auto;
    }
    .philanthropy .img-philanthropy {
        position: relative;
        width: 100%;
        min-height: 530px;
        height: var(--mobile-height);
    }
    .philanthropy .content1 {
        width: 100%;
    }
    .philanthropy .img-person-in-wheel {
        margin: 0px 10px;
    }
    .philanthropy .title {
        font-size: 70px;
        text-align: center;
        line-height: 130px;
    }
    .philanthropy .text-grateful {
        margin: 0px;
        position: relative;
    }
}

@media screen and (max-width: 450px) {
    .philanthropy .text-grateful {
        width: 100%;
        margin: 0px 10px;
    }
}

@media screen and (max-width: 400px) {
    .philanthropy .title {
        font-size: 55px;
        text-align: center;
        line-height: 100px;
    }
    .philanthropy .subtitle {
        font-size: 25px;
        text-align: left;
    }
}

/*********************************************** Rules ***********************************************/

.rules {
    background: url("../images/rules/policies.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 20%;
    min-height: var(--full-height2);
    height: auto;
    /* padding-bottom: var(--padding-content); */
}

.container-left {

    margin-top: 2.847vw;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
}

.rules .text-container {
    /* margin-right: calc(1 * var(--size-60)) ; */
    /* margin-left: calc(-1 * var(--size-150)); */
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.rules .text {
    width: var(--size-571);
    padding: 1.736vw 2.431vw;
    font-family: Raleway;
    font-style: normal;
    font-weight: 500;
    font-size: var(--size-14);
    line-height: var(--size-16);
    text-align: justify;
    color: #ffffff;
}

.rules .border-horizontal {
    min-width: var(--size-590);
    height: var(--size-15);
    background-image: url("../images/rules/border-horizontal2.png");
    background-repeat: no-repeat;
    background-size: cover;
}
.rules .border-horizontal.custom-top{
    margin: 0px var(--size-16) calc(-1 * var(--size-10)) 0px;
}
.rules .border-horizontal.custom-bottom{
    margin: calc(-1 * var(--size-16)) var(--size-16) 0px 0px;
}

.rules .border-vertical {
    height: var(--size-460);
    background-image: url("../images/rules/border-vertical.png");
    background-repeat: no-repeat;
    background-size: cover;
}

.rules .principal-text {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.rules .principal-text .title {
    font-family: Times New Roman;
    font-style: normal;
    font-weight: normal;
    font-size: 11.911vw;
    line-height: 13.681vw;
    letter-spacing: -0.09em;
    color: rgba(0, 0, 0, 0.52);
}

.rules .principal-text .and {
    font-family: Times New Roman;
    font-style: normal;
    font-weight: normal;
    font-size: 11.911vw;
    line-height: 0.208vw;
    display: flex;
    align-items: center;
    letter-spacing: -0.035em;
    color: rgba(205, 0, 0, 0.7);
    margin: 0px 0px -3.819vw -1.944vw;
}

.rules .principal-text .subtitle {
    font-family: Times New Roman;
    font-style: normal;
    font-weight: normal;
    font-size: 2.719vw;
    line-height: 3.125vw;
    display: flex;
    align-items: center;
    letter-spacing: -0.035em;
    color: #000000;
    margin: 0px 0px -10.417vw -17.361vw;
}

.rules .links-container {
    margin-right: calc(-1 * var(--size-60)) ;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
}

.rules .links-container a {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: var(--size-18);
    line-height: var(--size-21);
    text-align: right;
    color: #000000;
    text-decoration: none;
    transition: all 0.3s ease;
    margin: var(--size-4) 0px;
    z-index: 50000;
}

.rules .links-container a:hover {
    color: #cd0000;
}

.rules .active {
    color: #cd0000 !important;
}

@media screen and (max-width: 992px) {
    .rules {
        height: auto;
    }
    .rules .links-container{
        margin: 0px auto;
    }
    .rules .container-left{
        justify-content: center;
        align-items: center;
    }

}

@media screen and (min-width: 768px) {
    .rules .links-container {
        margin-top: 100px;
    }
}

@media screen and (max-width: 692px) {
    .rules .links-container {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
}

/*********************************************** Privacy ***********************************************/

.privacy {
    background: url("../images/privacy/privacy.webp");
    background-repeat: no-repeat;
    background-size: 50% 100%;
    background-position: 100% 50%;
    min-height: var(--full-height2);
    height: auto;
    /* padding-bottom: var(--padding-content); */
    z-index: 1;
}

.privacy .title {
    font-family: Times New Roman;
    font-style: normal;
    font-weight: normal;
    font-size: var(--size-270);
    line-height: 84.49%;
    letter-spacing: -0.065em;
    color: #000000;
    border-bottom: var(--size-5) solid #cd0000;
    max-width: var(--size-720);
}

.privacy .subtitle {
    margin-top: var(--size-191);
    font-family: Times New Roman;
    font-style: normal;
    font-weight: normal;
    font-size: var(--size-65);
    line-height: var(--size-75);
    color: #ffffff;
}

.privacy .text-container {
    margin: var(--size-41) calc(-1 * var(--size-250)) 0px 0px;
    background: rgba(205, 0, 0, 0.66);
    padding: var(--size-25) var(--size-38);

    border: var(--size-1) solid #ffffff;
    box-sizing: border-box;
    box-shadow: var(--size-8) var(--size-8) var(--size-6) var(--size-2) rgba(0, 0, 0, 0.6);
    border-radius: var(--size-8);

    font-family: Raleway;
    font-style: normal;
    font-weight: 500;
    font-size: var(--size-16);
    line-height: var(--size-19);
    text-align: justify;
    color: #ffffff;
    z-index: 2;
}

.privacy .links-container {
    margin-top: var(--size-40);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
}

.privacy .links-container a {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: var(--size-18);
    line-height: var(--size-21);
    text-align: right;
    color: #000000;
    text-decoration: none;
    transition: all 0.3s ease;
    margin: var(--size-4) 0px;
}

.privacy .links-container a:hover {
    color: #cd0000;
}

@media screen and (max-width: 992px) {
    .privacy {
        min-height: var(--mobile-height);
    }
    .privacy .links-container {
        margin-top: 0px;
    }
}

@media screen and (max-width: 768px) {
    .privacy {
        background: url("../images/privacy/privacy.png");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 50% 50%;
        min-height: var(--full-height2);
        height: auto;
        padding-bottom: var(--padding-content);
        z-index: 1;
    }
    .privacy .text-container {
        width: 100%;
        height: auto;
        margin-top: 10px;
    }
    .privacy .links-container {
        width: 100%;
        justify-content: center;
        align-items: center;
    }
    .privacy .title {
        text-align: center;
        font-size: 150px;
    }
    .privacy .subtitle {
        text-align: center;
        margin-top: 0px;
    }
}

@media screen and (max-width: 768px) {
    .privacy .title {
        text-align: center;
        font-size: 100px;
    }
    .privacy .subtitle {
        font-size: 40px;
        text-align: center;
        margin-top: 0px;
    }
}

/*********************************************** Testimonials ***********************************************/

.testimonials {
    background: url("../images/testimonials/testimonials.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 100% 20%;
    min-height: var(--full-height2);
    height: auto;
    /* padding-bottom: var(--padding-content); */
    z-index: 1;
}

.testimonials .text-client {
    font-family: Times New Roman;
    font-style: normal;
    font-weight: normal;
    font-size: var(--size-200);
    line-height: var(--size-230);
    letter-spacing: -0.045em;
    color: #f19a3e;
    margin-left: calc(-1 * var(--size-200));
    margin-top: calc(-1 * var(--size-35));
}

.testimonials .text-testimonials {
    font-family: Times New Roman;
    font-style: normal;
    font-weight: normal;
    font-size: var(--size-116);
    line-height: var(--size-133);
    text-align: justify;
    letter-spacing: 0.0075em;
    color: #000000;
    margin: calc(-1 * var(--size-110)) 0px calc(-1 * var(--size-20)) var(--size-25);
}

.testimonials .text-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    background: rgba(241, 154, 62, 0.8);
    padding: var(--size-24) 0px;
    border: var(--fleet-red-container-border) solid #ffffff;
    box-sizing: border-box;
    box-shadow: calc(-1 * var(--size-8)) var(--size-8) var(--size-6) var(--size-2) rgba(0, 0, 0, 0.6);
    border-radius: 7.39166px;

    font-family: Special Elite;
    font-style: normal;
    font-weight: normal;
    font-size: var(--size-22);
    line-height: var(--size-22);
    color: #ffffff;
}

.testimonials .text-container .swiper-slide {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.testimonials .text-container .swiper-slide p {
    padding: 0px var(--size-44);
}

.testimonials .diamond {
    width: var(--size-139);
    border-bottom: var(--size-1) solid #000000;
    margin-bottom: var(--size-50);
}

.testimonials .slider-buttons {
    margin-top: var(--size-5);

    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;

    width: var(--size-88);
    height: var(--size-42);
    background: rgba(0, 0, 0, 0.63);
    border: var(--size-1) solid #ffffff;
    box-sizing: border-box;
    border-radius: var(--size-6);
    margin-left: calc(-1 * var(--size-96));
}

.testimonials .slider-buttons .icon {
    height: var(--size-44);
    width: var(--size-44);
    padding: var(--size-9) var(--size-9);
    outline: none;
}

@media screen and (max-width: 1300px) {
    .testimonials .text-client {
        margin-left: -250px;
    }
    .testimonials .text-testimonials {
        margin-left: -150px;
    }
}

@media screen and (max-width: 992px) {
    .testimonials {
        min-height: var(--mobile-height);
    }
    .testimonials .text-client {
        margin-left: -350px;
    }
    .testimonials .text-testimonials {
        margin-left: -250px;
    }
    .testimonials .slider-buttons {
        margin: 20px auto;
    }
}

@media screen and (max-width: 768px) {
    .testimonials .text-client {
        margin-left: 0;
        font-size: 150px;
    }
    .testimonials .text-testimonials {
        font-size: 100px;
        margin-left: 0px;
    }
    .testimonials .text-container .swiper-slide p {
        padding: 0px 10px;
    }
}

@media screen and (max-width: 570px) {
    .testimonials .text-client {
        margin-left: 0;
        font-size: 110px;
    }
    .testimonials .text-testimonials {
        font-size: 75px;
        margin-left: 0px;
    }
}

@media screen and (max-width: 420px) {
    .testimonials .text-client {
        margin-left: 0;
        font-size: 80px;
        text-align: center;
    }
    .testimonials .text-testimonials {
        font-size: 50px;
        margin-left: 0px;
        text-align: center;
    }
}

/*********************************************** Terms Of Service ***********************************************/

.terms-of-service {
    background: url("../images/termsOfService/termsOfServices.webp") 50% 50%
            no-repeat,
        #444444;
    background-repeat: no-repeat;
    background-size: 50% 100%;
    background-position: 0% 50%;
    min-height: var(--full-height2);
    height: auto;
    /* padding-bottom: var(--padding-content); */
    z-index: 1;
}

.terms-of-service .terms-container {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    z-index: 3;
}

.terms-of-service .terms-text {
    background: rgba(255, 255, 255, 0.28);
    border-radius: var(--size-8);
    padding: var(--size-25) var(--size-25);
    margin: var(--size-44);
    height: var(--size-420);

    border: var(--border-generic) solid #FFFFFF;
    box-sizing: border-box;
    filter: drop-shadow(var(--size-8) var(--size-8) var(--size-6) rgba(0, 0, 0, 0.6));
    border-radius: var(--size-8);

    font-family: Times New Roman;
    font-style: normal;
    font-weight: normal;
    font-size: var(--size-24);
    line-height: var(--size-28);
    text-align: justify;
    color: #ffffff;
    z-index: 3;
}

.terms-of-service a {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: var(--size-14);
    line-height: var(--size-16);
    text-align: right;
    color: #000000;
    text-decoration: none;
    transition: all 0.3s ease;
    margin: var(--size-4) 0px;
}

.terms-of-service a:hover {
    color: #cd0000;
}

.terms-of-service .text-terms {
    margin-top: calc(-1 * var(--size-80));
    font-family: Times New Roman;
    font-style: normal;
    font-weight: normal;
    font-size: var(--size-86);
    line-height: var(--size-99);
    color: #000000;
}

.terms-of-service .text-of {
    font-family: Playfair Display;
    font-style: italic;
    font-weight: normal;
    font-size: var(--size-32);
    line-height: var(--size-42);
    color: #cd0000;
    margin: calc(-1 * var(--size-42)) 0px 0px var(--size-10);
}

.terms-of-service .text-service {
    font-family: Times New Roman;
    font-style: normal;
    font-weight: normal;
    font-size: var(--size-280);
    line-height: var(--size-280);
    letter-spacing: -0.105em;
    color: rgba(0, 0, 0, 0.47);
    margin: calc(-1 * var(--size-100)) 0px 0px calc(-1 * var(--size-220));
}

.terms-of-service .links-container {
    z-index: 3;
}

@media screen and (max-width: 992px) {
    .terms-of-service {
        min-height: var(--mobile-height);
    }
    .terms-of-service .terms-text {
        margin-right: 0px;
        margin-left: 0px;
        width: 100%;
    }
}

@media screen and (max-width: 768px) {
    .terms-of-service {
        background: url("../images/termsOfService/termsOfServices.png");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 50% 50%;
        height: auto;
        z-index: 1;
    }
    .terms-of-service .terms-text {
        margin-top: 20px;
        margin-bottom: 50px;
        width: 100%;
        height: auto;
        background-color: rgba(0, 0, 0, 0.6);
        font-size: 20px;
    }
    .terms-of-service .text-terms {
        font-size: 86px;
    }
    .terms-of-service .text-of {
        font-size: 32px;
    }
    .terms-of-service .text-service {
        font-size: 120px;
        line-height: 322px;
    }
    .terms-of-service .links-container {
        margin-top: -76px;
    }
}

@media screen and (max-width: 345px) {
    .terms-of-service .text-terms {
        font-size: 70px;
    }
    .terms-of-service .text-of {
        font-size: 16px;
    }
    .terms-of-service .text-service {
        font-size: 100px;
    }
}

/*********************************************** Membership Elite ***********************************************/

.membership-elite {
    background: url("../images/membership/elite.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 20%;
    min-height: var(--full-height2);
    height: auto;
    padding-bottom: var(--padding-content);
}

.membership-elite .container-form {
    margin-top: var(--size-55);
    padding: var(--size-20) var(--size-90);
    background: rgba(0, 0, 0, 0.34);
    border: var(--size-1) solid rgba(0, 0, 0, 0.6);
    box-sizing: border-box;
    backdrop-filter: blur(var(--size-7));
    border-radius: var(--size-8);
    display: flex;
    flex-direction: column;
    align-items: center;
}

.membership-elite .title {
    font-family: Times New Roman;
    font-style: normal;
    font-weight: bold;
    font-size: var(--size-36);
    line-height: var(--size-41);
    text-align: center;
    letter-spacing: 0.2em;
    color: #ffffff;
}

.membership-elite .price {
    font-family: Times New Roman;
    font-style: normal;
    font-weight: normal;
    font-size: var(--size-40);
    line-height: var(--size-46);
    color: #cd0000;
}

.membership-elite .container-form label {
    margin: var(--size-26) 0px;
    width: 100%;
    border: var(--size-1) solid #c4c4c4;
}

.membership-elite .btn-elite {
    padding: var(--size-10) var(--size-32);
    background: #cd0000;
    border-radius: var(--size-4);
    font-family: Raleway;
    font-style: normal;
    font-weight: 600;
    font-size: var(--size-14);
    line-height: var(--size-16);
    text-transform: uppercase;
    color: #ffffff;
}

.membership-elite .text-container {
    max-width: var(--size-619);
    height: var(--size-148);
    width: var(--size-625);
    margin: var(--size-20) 0px 0px calc(-1 * var(--size-80));
    padding: var(--size-35) var(--size-37);
    background: #cd0000;
    backdrop-filter: blur(var(--size-6));
    border-radius: var(--size-8);

    font-family: Raleway;
    font-style: normal;
    font-weight: 500;
    font-size: var(--size-14);
    line-height:var(--size-16);
    color: #ffffff;
}

@media screen and (max-width: 992px) {
    .membership-elite {
        min-height: var(--mobile-height);
    }
}

@media screen and (max-width: 768px) {
    .membership-elite .text-container {
        margin: 20px 0px 0px 0px;
        width: 100%;
    }

    .membership-elite .container-form {
        margin-top: 20px;
    }
}

/*********************************************** Membership Corp ***********************************************/

.membership-corp {
    background: url("../images/membership/corp.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 20%;
    min-height: var(--full-height2);
    height: auto;
    /* padding-bottom: var(--padding-content); */
}

.membership-corp .text-container {
    margin: var(--size-315) calc(-1 * var(--size-50)) 0px 0px;
    min-height: var(--size-156);
    padding: var(--size-28) var(--size-30);
    width: var(--size-619);
    background: #000000;

    backdrop-filter: blur(var(--size-6));
    border-radius: var(--size-8);
    opacity: 0.75;
    font-family: Raleway;
    font-style: normal;
    font-weight: 500;
    font-size: var(--size-14);
    line-height: var(--size-16);
    color: #ffffff;
    z-index: 2;
}

.membership-corp .form-container {
    margin-top: var(--size-49);
    min-height: var(--size-451);
    padding: var(--size-18) var(--size-128);
    background: rgba(0, 0, 0, 0.34);
    border: var(--size-1) solid rgba(0, 0, 0, 0.6);
    box-sizing: border-box;
    backdrop-filter: blur(var(--size-7));
    border-radius: var(--size-8);
    z-index: 1;
}

.membership-corp .title {
    font-family: Times New Roman;
    font-style: normal;
    font-weight: bold;
    font-size: var(--size-36);
    line-height: var(--size-41);
    text-align: center;
    letter-spacing: 0.2em;
    color: #ffffff;
}

@media screen and (max-width: 992px) {
    .membership-corp {
        min-height: var(--mobile-height);
    }
}
@media screen and (max-width: 768px) {
    .membership-corp .text-container {
        width: 100%;
        margin: 10px 0px 0px 0px;
    }
    .membership-corp .form-container {
        padding: 18px 10px;
        width: 100%;
    }
}

/*********************************************** Membership Private ***********************************************/

.membership-private {
    background: #ffffff;
    background-size: cover;
    min-height: var(--size-540);
    /* min-height: var(--full-height2); */
    height: auto;
    /* padding-bottom: var(--padding-content); */
}

.membership-private .superposition {
    position: absolute;
    z-index: 2;
}

.membership-private .block1 {
    position: absolute;
    left: 0px;
    width: 25%;
    background: url("../images/membership/block1.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 20%;
    min-height: var(--size-540);
    height: var(--full-height2);
    z-index: 0;
}

.membership-private .block2 {
    position: absolute;
    left: 25%;
    width: 25%;
    background: url("../images/membership/block2.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 20%;
    min-height: var(--size-540);
    height: var(--full-height2);
    z-index: 0;
}

.membership-private .block3 {
    position: absolute;
    left: 50%;
    width: 25%;
    background: url("../images/membership/block3.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 20%;
    min-height: var(--size-540);
    height: var(--full-height2);
    z-index: 0;
}

.membership-private .block4 {
    position: relative;
    left: 75%;
    width: 25%;
    background: #ffffff;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 20%;
    min-height: var(--size-540);
    height: var(--full-height2);
    z-index: 0;
}

.membership-private .form-container {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: var(--size-514);
    height: var(--size-468);
    margin: var(--size-45) 0px 0px 0px;

    background: rgba(255, 255, 255, 0.73);
    border: var(--size-2) solid #f19a3e;
    box-sizing: border-box;
    backdrop-filter: blur(var(--size-8));
    border-radius: var(--size-8);
}

.membership-private .form-container .title {
    font-family: Times New Roman;
    font-style: normal;
    font-weight: bold;
    font-size: var(--size-36);
    line-height: var(--size-41);
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: 0.2em;
    color: #000000;
}

.membership-private .text-container {
    max-width: var(--size-523);
    min-height: var(--size-148);
    padding: var(--size-25) var(--size-28);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    background: #f19a3e;
    backdrop-filter: blur(var(--size-6));
    border-radius: var(--size-6);

    font-family: Raleway;
    font-style: normal;
    font-weight: 500;
    font-size: var(--size-14);
    line-height: var(--siz-16);
    color: #ffffff;
}

@media screen and (max-width: 992px) {
    .membership-private {
        min-height: 890px;
        height: var(--mobile-height);
    }
    .membership-private .block1 {
        min-height: 890px;
        height: var(--mobile-height);
    }
    .membership-private .block2 {
        min-height: 890px;
        height: var(--mobile-height);
    }
    .membership-private .block3 {
        min-height: 890px;
        height: var(--mobile-height);
    }
    .membership-private .block4 {
        min-height: 890px;
        height: var(--mobile-height);
    }
}

@media screen and (max-width: 768px) {
    .membership-private .form-container {
        margin-top: 20px;
        width: 100%;
    }
    .membership-private .text-container {
        margin-top: 20px;
        width: 100%;
        height: 100%;
    }
}

@media screen and (max-width: 400px) {
    .membership-private .form-container .title {
        font-size: 30px;
    }
}

/***************************************** Language  **************************************** */

.language-view {
    background: linear-gradient(
            180deg,
            rgba(255, 255, 255, 0) 1.69%,
            rgba(255, 255, 255, 0.204787) 78.21%,
            rgba(255, 255, 255, 0.340426) 98.37%
        ),
        #000000;
    width: 100%;
    min-height: calc(calc(100vh - var(--size-40)) );
    height: auto;
    z-index: 1;
}

.lang-blue {
    background: rgba(4, 152, 215, 0.5);
}

.language-view .img-world {
    padding-top:  var(--size-40);
    height: calc(100vh -  var(--size-40));
    position: absolute;
    left: 0px;
    z-index: 0;
}

.language-view .title {
    font-family: Raleway;
    font-style: normal;
    font-weight: 500;
    font-size:  var(--size-24);
    line-height: 115.1%;
    color: #ffffff;
    margin-top: var(--size-110);
}

.language-view .option-language .link-lang {
    margin-left: var(--size-58);
}

.language-view .option-language a {
    font-family: Raleway;
    font-style: normal;
    font-weight: 500;
    font-size: var(--size-11);
    line-height: var(--size-13);
    text-align: center;
    text-decoration: none;
    color: #ffffff;
}

.language-view .gpa-space {
    margin-top: var(--size-74);
}

.lang-container {
    margin-left: calc(-1 * var(--size-250));
}

@media screen and (max-width: 992px) {
    .lang-container {
        margin-left: 0px;
    }
    .language-view .img-world {
        position: absolute;
        bottom: 0px;
        width: 100%;
        height: auto;
    }
    .language-view .button-return {
        margin: 20px auto;
    }
    .language-view .title {
        margin-top: 60px;
    }
}