/* ==================== ROBOTO FONTS ==================== */

/* Roboto Thin */
@font-face {
    font-family: "Roboto";
    src: url("https://storage.googleapis.com/talentfunnel-cms-career-site-storage/brightside/Roboto_Thin_f6145c6387/Roboto_Thin_f6145c6387.ttf") format("truetype");
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Roboto";
    src: url("https://storage.googleapis.com/talentfunnel-cms-career-site-storage/brightside/Roboto_Thin_Italic_58e22b6230/Roboto_Thin_Italic_58e22b6230.ttf") format("truetype");
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

/* Roboto Light */
@font-face {
    font-family: "Roboto";
    src: url("https://storage.googleapis.com/talentfunnel-cms-career-site-storage/brightside/Roboto_Light_465069930c/Roboto_Light_465069930c.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Roboto";
    src: url("https://storage.googleapis.com/talentfunnel-cms-career-site-storage/brightside/Roboto_Light_Italic_9980d93baf/Roboto_Light_Italic_9980d93baf.ttf") format("truetype");
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

/* Roboto Regular */
@font-face {
    font-family: "Roboto";
    src: url("https://storage.googleapis.com/talentfunnel-cms-career-site-storage/brightside/Roboto_Regular_857fddc0f9/Roboto_Regular_857fddc0f9.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Roboto";
    src: url("https://storage.googleapis.com/talentfunnel-cms-career-site-storage/brightside/Roboto_Italic_427adfce2f/Roboto_Italic_427adfce2f.ttf") format("truetype");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

/* Roboto Medium */
@font-face {
    font-family: "Roboto";
    src: url("https://storage.googleapis.com/talentfunnel-cms-career-site-storage/brightside/Roboto_Medium_149cef9002/Roboto_Medium_149cef9002.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Roboto";
    src: url("https://storage.googleapis.com/talentfunnel-cms-career-site-storage/brightside/Roboto_Medium_Italic_7ca9e97f8f/Roboto_Medium_Italic_7ca9e97f8f.ttf") format("truetype");
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

/* Roboto Bold */
@font-face {
    font-family: "Roboto";
    src: url("https://storage.googleapis.com/talentfunnel-cms-career-site-storage/brightside/Roboto_Bold_c0a6ae7fed/Roboto_Bold_c0a6ae7fed.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Roboto";
    src: url("https://storage.googleapis.com/talentfunnel-cms-career-site-storage/brightside/Roboto_Bold_Italic_3668bc820c/Roboto_Bold_Italic_3668bc820c.ttf") format("truetype");
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

/* Roboto Black */
@font-face {
    font-family: "Roboto";
    src: url("https://storage.googleapis.com/talentfunnel-cms-career-site-storage/brightside/Roboto_Black_d6f9525cb0/Roboto_Black_d6f9525cb0.ttf") format("truetype");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Roboto";
    src: url("https://storage.googleapis.com/talentfunnel-cms-career-site-storage/brightside/Roboto_Black_Italic_a1b3cb761a/Roboto_Black_Italic_a1b3cb761a.ttf") format("truetype");
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

/* ==================== GIULIA FONTS ==================== */

@font-face {
    font-family: "HvDTrial Giulia Plain";
    src: url("https://storage.googleapis.com/talentfunnel-cms-career-site-storage/brightside/Hv_D_Trial_Giulia_Plain_Light_BF_65c1988e2ffb8_3128b71053/Hv_D_Trial_Giulia_Plain_Light_BF_65c1988e2ffb8_3128b71053.otf") format("opentype");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "HvDTrial Giulia Plain";
    src: url("https://storage.googleapis.com/talentfunnel-cms-career-site-storage/brightside/Hv_D_Trial_Giulia_Plain_Light_Italic_BF_65c1988e38546_403caba3cc/Hv_D_Trial_Giulia_Plain_Light_Italic_BF_65c1988e38546_403caba3cc.otf") format("opentype");
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "HvDTrial Giulia Plain";
    src: url("https://storage.googleapis.com/talentfunnel-cms-career-site-storage/brightside/Hv_D_Trial_Giulia_Plain_Regular_BF_65c1988e7f938_eb8d81b7e3/Hv_D_Trial_Giulia_Plain_Regular_BF_65c1988e7f938_eb8d81b7e3.otf") format("opentype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "HvDTrial Giulia Plain";
    src: url("https://storage.googleapis.com/talentfunnel-cms-career-site-storage/brightside/Hv_D_Trial_Giulia_Plain_Regular_Italic_BF_65c1988e6571b_82dcb7c036/Hv_D_Trial_Giulia_Plain_Regular_Italic_BF_65c1988e6571b_82dcb7c036.otf") format("opentype");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "HvDTrial Giulia Plain";
    src: url("https://storage.googleapis.com/talentfunnel-cms-career-site-storage/brightside/Hv_D_Trial_Giulia_Plain_Bold_BF_65c1988d8d93e_5199e8c5f3/Hv_D_Trial_Giulia_Plain_Bold_BF_65c1988d8d93e_5199e8c5f3.otf") format("opentype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "HvDTrial Giulia Plain";
    src: url("https://storage.googleapis.com/talentfunnel-cms-career-site-storage/brightside/Hv_D_Trial_Giulia_Plain_Bold_Italic_BF_65c1988e333e5_6aa8f4f190/Hv_D_Trial_Giulia_Plain_Bold_Italic_BF_65c1988e333e5_6aa8f4f190.otf") format("opentype");
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

html {
    overflow-x: hidden;
}

.navbar-light .collapsed .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='23' viewBox='0 0 29 23' fill='none'%3E%3Cpath d='M1 1H28' stroke='%23AE0E16' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M1 11.15H28' stroke='%23AE0E16' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M1 21.3H28' stroke='%23AE0E16' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='27' fill='%23AE0E16' class='bi bi-x-lg' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M13.854 2.146a.5.5 0 0 1 0 .708l-11 11a.5.5 0 0 1-.708-.708l11-11a.5.5 0 0 1 .708 0Z'/%3E%3Cpath fill-rule='evenodd' d='M2.146 2.146a.5.5 0 0 0 0 .708l11 11a.5.5 0 0 0 .708-.708l-11-11a.5.5 0 0 0-.708 0Z'/%3E%3C/svg%3E%0A") !important;
}

body {
    font-family: "Roboto", system-ui, sans-serif !important;
    padding: 0 20px;
    font-size: 18px !important;
    padding-top: 119px;
    overflow-x: hidden;
}

body h1 {
    font-size: 96px;
    font-style: normal;
    font-weight: 700;
    line-height: 110%;
}

body h2 {
    font-size: 64px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

body h3 {
    font-size: 48px;
    font-style: normal;
    line-height: normal;
    line-height: 110%;
}

body h4 {
    font-size: 36px;
    font-style: normal;
    line-height: normal;
    line-height: 110%;
}

h1, h2, h3, h4, h5, h6 .heading {
    font-family: "HvDTrial Giulia Plain", "Roboto", sans-serif !important;
}


.footer a {
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
    line-height: 120%; /* 16.8px */
    text-transform: uppercase;
    color: #fff !important;
}

.footer .container {
    padding: 0 60px 25px;
}

.p-3.p-md-5.w-100.job-alert-wrapper {
    padding: 60px !important;
}

.footer {
    background: #ED680B;
    color: #fff;
}

.footer-bottom {
    background-color: #350015;
    height: 28px;
    /*margin: 0 20px;*/
}

#job_alert {
    padding-top: 216px;
    border-radius: 50px 50px 0 0;
    /*margin: 0 20px;*/
}

.job-alert-wrapper {
    display: flex;
}

.job-alert-wrapper > div {
    flex: 1 1 50%;
    height: auto;
}

.job-alert-wrapper .column a {
    font-size: 18px;
    margin-bottom: 10px;
    text-decoration: none;
    color: #FFF;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 27px */
}

.job-alert-wrapper div {
    height: auto;
    min-width: 147px;
}

.job-alert-wrapper > div:last-child {
    padding-top: 117px;
    position: relative;
}

.job-alert-wrapper form {
    border-radius: 50px;
    background: #350015;
    padding: 15px;
    margin-top: 23px;
    gap: 15px;
}

.job-alert-wrapper form:after {
    content: 'Join our job alerts and be the first to hear about new opportunities';
    position: absolute;
    top: 67px;
    left: 0;
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    max-width: 80%;
}

.job-alert-wrapper form:before {
    content: 'Be The First To Know';
    position: absolute;
    top: 0;
    left: 0;
    color: #FFF;
    font-size: 64px;
    font-style: normal;
    font-weight: 700;
    line-height: 105%;
    text-transform: capitalize;
    font-family: "HvDTrial Giulia Plain";

}

.job-alert-wrapper input::placeholder {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 27px */
    color: #FFF;
    color: rgba(0, 0, 0, 0.70);
    text-transform: capitalize;
}

.job-alert-wrapper input {
    border-radius: 50px 15px 15px 50px;
    background: #FFF;
    color: rgba(0, 0, 0, 0.70);
    padding: 19px 16px !important;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 27px */
    height: 60px !important;
}

.job-alert-wrapper .btn {
    border-radius: 15px 50px 50px 15px;
    background: #FED501;
    padding: 16px 32px;
    color: #1F100C;
    text-align: center;
    font-family: "HvDTrial Giulia Plain";
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}

.gap-80 {
    gap: 80px;
}

.socials {
    gap: 15px;
}

.py-120 {
    padding: 120px 0;
}


.bg-yellow {
    background: url("https://storage.googleapis.com/talentfunnel-cms-career-site-storage/brightside/Frame_1000003126_1_1_c609cb0e41/Frame_1000003126_1_1_c609cb0e41.png");
    background-size: cover;
    background-repeat: no-repeat;
}

.bg-yellow-map {
   position: relative;
}

.bg-yellow-map::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  
  height: calc(100% + 820px); 
  
    background: url("https://storage.googleapis.com/talentfunnel-cms-career-site-storage/brightside/Frame_1000003126_1_1_c609cb0e41/Frame_1000003126_1_1_c609cb0e41.png");

  background-size: cover;
  background-repeat: repeat-y;
  z-index: -1; 
  border-radius: 40px;
}

.br-40 {
    border-radius: 40px;
}

.mx-924 {
    max-width: 924px;
}

.mx-765 {
    max-width: 765px;
}

.loungefest {
    padding: 60px 0 120px;
    background: url("https://storage.googleapis.com/talentfunnel-cms-career-site-storage/brightside/BRIGHTSIDE_LOUNGEFEST_1_44c91f5dd6/BRIGHTSIDE_LOUNGEFEST_1_44c91f5dd6.png");;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 40px;
}

.pt-120 {
    padding-top: 120px;
}

.pb-120 {
    padding-bottom: 120px;
}

.pt-60 {
    padding-top: 60px;
}

.pb-60 {
    padding-bottom: 60px;
}

.gap-10 {
    gap: 10px;
}

.custom_btn {
    padding: 16px 32px;
    border-radius: 50px;
    background: #FED501;
    color: #1F100C !important;
    text-align: center;
    font-family: "HvDTrial Giulia Plain";
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
}

#travel-happy {
    text-align: center;
    padding: 280px 0 120px;
}

#interview-slider, .slider-title {
    background: url("https://storage.googleapis.com/talentfunnel-cms-career-site-storage/brightside/Frame_1000003122_1_8ac9bc4535/Frame_1000003122_1_8ac9bc4535.png");
    background-size: cover;
    background-repeat: no-repeat;
}

.accordion-container {
    width: 100%;
    max-width: 928px;
    margin: 80px auto 60px;
}

.accordion-container summary::-webkit-details-marker {
    display: none;
}

.accordion-container summary::after {
    content: "";
    display: inline-block;
    width: 27px;
    height: 27px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='27' viewBox='0 0 27 27' fill='none'%3E%3Cpath d='M13.0918 27C10.7347 27 10.2143 25.2181 10.2143 23.6298C10.2143 22.7001 10.3673 20.9182 10.4286 19.2912C10.5204 17.2769 10.5204 11.1951 10.4286 8.36729C10.3367 5.96557 10 4.14491 10 3.4089C10 1.66571 10.6122 0 13 0C15.449 0 16 2.36298 16 3.83501C16 4.64849 15.5714 6.77905 15.5102 8.56098C15.3878 12.1636 15.4184 15.8049 15.5408 19.4075C15.602 21.0344 15.9082 22.5452 15.9082 23.7848C15.9082 25.2568 15.2041 27 13.0918 27Z' fill='%231F100C'/%3E%3Cpath d='M-1.35148e-07 13.0918C-3.21145e-08 10.7347 1.78192 10.2143 3.37016 10.2143C4.29986 10.2143 6.08178 10.3673 7.70875 10.4286C9.7231 10.5204 15.8049 10.5204 18.6327 10.4286C21.0344 10.3367 22.8551 10 23.5911 10C25.3343 10 27 10.6122 27 13C27 15.449 24.637 16 23.165 16C22.3515 16 20.2209 15.5714 18.439 15.5102C14.8364 15.3878 11.1951 15.4184 7.59254 15.5408C5.96557 15.602 4.45481 15.9082 3.21521 15.9082C1.74318 15.9082 -2.27478e-07 15.2041 -1.35148e-07 13.0918Z' fill='%231F100C'/%3E%3C/svg%3E");
    transition: transform 0.3s ease;
    right: 20px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* Change icon to - when open */
.accordion-container details[open] summary::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='27' viewBox='0 0 28 27' fill='none'%3E%3Cpath d='M27 13.4082C27 15.7653 25.2181 16.2857 23.6298 16.2857C22.7001 16.2857 20.9182 16.1327 19.2912 16.0714C17.2769 15.9796 11.1951 15.9796 8.36729 16.0714C5.96557 16.1633 4.14491 16.5 3.4089 16.5C1.66571 16.5 0 15.8878 0 13.5C0 11.051 2.36298 10.5 3.83501 10.5C4.64849 10.5 6.77905 10.9286 8.56098 10.9898C12.1636 11.1122 15.8049 11.0816 19.4075 10.9592C21.0344 10.898 22.5452 10.5918 23.7848 10.5918C25.2568 10.5918 27 11.2959 27 13.4082Z' fill='%231F100C'/%3E%3Cpath d='M0.5 13.0918C0.5 10.7347 2.28192 10.2143 3.87016 10.2143C4.79986 10.2143 6.58178 10.3673 8.20875 10.4286C10.2231 10.5204 16.3049 10.5204 19.1327 10.4286C21.5344 10.3367 23.3551 10 24.0911 10C25.8343 10 27.5 10.6122 27.5 13C27.5 15.449 25.137 16 23.665 16C22.8515 16 20.7209 15.5714 18.939 15.5102C15.3364 15.3878 11.6951 15.4184 8.09254 15.5408C6.46557 15.602 4.95481 15.9082 3.71521 15.9082C2.24318 15.9082 0.5 15.2041 0.5 13.0918Z' fill='%231F100C'/%3E%3C/svg%3E");
}

.accordion-container .content {
    color: #333;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 135%; /* 18.9px */
}

.accordion-container .content ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.accordion-container .content li {
    margin-bottom: 15px;
    position: relative;
    padding-left: 15px;
}

/* The small dot in the list */
.accordion-container .content li::before {
    content: "•";
    position: absolute;
    left: 0;
}

.accordion-container summary {
    position: relative;
    border-top: 1px solid #ED680B;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 30px 52px 30px 0;
    list-style: none;
    cursor: pointer;
    text-transform: uppercase;
    color: #333;
    text-edge: cap;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 90%; /* 18px */
    text-transform: uppercase;
    font-family: "HvDTrial Giulia Plain";
}

.two-cols-wrapper {
    background: url("https://storage.googleapis.com/talentfunnel-cms-career-site-storage/brightside/CAREER_DEVELOPMENT_PROGRAMME_e0cf29306d/CAREER_DEVELOPMENT_PROGRAMME_e0cf29306d.png");
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 40px;
}

#searh-results .h-100.text-center.d-flex.flex-column.align-items-center.justify-content-center,
#related-jobs .h-100.text-center.d-flex.flex-column.align-items-center.justify-content-center {
    border-radius: 20px;
    padding: 25px 20px 20px;
    border: 1px solid transparent;
    transition: all 0.5s;
        box-shadow: none;
}

#searh-results .container-xxl.row.g-5.m-auto > div:first-child {
    display: none;
}

#searh-results h2 {
    color: #350015;
    text-align: center;
    font-size: 44px !important;
    font-style: normal;
    font-weight: 700 !important;
    line-height: normal !important;
    margin-bottom: 44px !important;
    text-transform: capitalize !important;
}

#searh-results {
    background: url("https://storage.googleapis.com/talentfunnel-cms-career-site-storage/brightside/Frame_1000003127_1_807423addc/Frame_1000003127_1_807423addc.png");
    padding-bottom: 80px;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 40px;
}

#searh-results .description-image-wrapper,
#related-jobs .description-image-wrapper {
    display: none;
}

#searh-results .vacancy-category,
#related-jobs .vacancy-category {
    font-size: 36px;
    line-height: 110%;
    text-transform: capitalize !important;
    margin-bottom: 5px !important;
    order: -1;
    color: #333;
    font-style: normal;
    font-weight: 700 !important;
}

#searh-results .location-city,
#related-jobs .location-city,
#related-jobs .vacancy-details,
#searh-results .vacancy-details {
    font-weight: 400;
    line-height: 125%;
    margin-bottom: 20px;
    color: #333;
    font-size: 20px;
    font-style: normal;
}

#related-jobs svg,
#searh-results svg {
    margin-right: 10px !important;
}

#related-jobs svg path,
#searh-results svg path {
    fill: #D63E18;
}

#related-jobs .category-name,
#searh-results .category-name {
    font-weight: 450;
    font-size: 26px;
    line-height: 125%;
    color: #333333;
    margin-bottom: 40px;
}

#searh-results .venue-jobs {
padding-bottom: 5rem !important;
}

#related-jobs h4 {
    color: #333;
    text-align: center;
    font-size: 44px;
    font-style: normal;
    font-weight: 700;
    line-height: 110%; /* 39.6px */
    text-transform: capitalize;
    margin-bottom: 80px;
}

.venue-jobs {
    background: url("https://storage.googleapis.com/talentfunnel-cms-career-site-storage/brightside/Frame_1000003126_1_1_c609cb0e41/Frame_1000003126_1_1_c609cb0e41.png") !important;
    background-size: cover;
    background-repeat: no-repeat;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.border-radius-top {
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
}

.border-radius-bottom {
    border-bottom-left-radius: 40px;
    border-bottom-right-radius: 40px;
}

.custom-btn.btn-black {
    display: inline-block;
    text-decoration: none;
    border-radius: 50px;
    background: #1F100C;
    background: #1F100C;
    height: 59.134px;
    padding: 16px 32px;
    color: #FFF;
    text-align: center;
    font-family: "HvDTrial Giulia Plain";
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}

.modal-content .d-flex.justify-content-between.p-4.flex-nowrap.nav,
#jobAlertModal > div:first-of-type,
#jobAlertModal button {
    background-color: rgb(237, 104, 11);
}

@media (min-width: 1340px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1301px !important;
    }
}

@media (max-width: 1340px) {
    .job-alert-wrapper form:before {
        font-size: 44px;
    }
}

@media (max-width: 1023px) {
    .p-3.p-md-5.w-100.job-alert-wrapper {
        flex-direction: column;
    }
}

@media (min-width: 1200px) {
    #nav-wrapper {
        display: flex !important;
        align-items: center !important;
    }
}

@media (max-width: 1199px) {
    .find-your-role {
        border-radius: 20px !important;
        left: 20px !important;
        right: 20px !important;
        max-width: calc(100% - 40px) !important;
    }

    .find-your-role > div {
        flex-direction: column;
    }

    .mb-3.keywords, .mb-3.location, .mb-3.last-field {
        width: 100%;
        margin: 0 !important;
    }

    .bottom-wrapper {
        width: 100%;
        flex-direction: column;
        gap: 15px;
    }

    .search-button {
        border-radius: 15px !important;
        width: fit-content;
        margin: 0 auto !important;
    }

    .keywords {
        border-radius: 15px !important;
    }
}

@media (max-width: 991px) {
    body h1 {
        font-size: 56px;
        font-style: normal;
        font-weight: 700;
        line-height: 110%;
    }

    body h2 {
        font-size: 48px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    body h3 {
        font-size: 36px;
        font-style: normal;
        line-height: normal;
        line-height: 110%;
    }

    body h4 {
        font-size: 24px;
        font-style: normal;
        line-height: normal;
        line-height: 110%;
    }

    .p-3.p-md-5.w-100.job-alert-wrapper {
        padding: 10px !important;
    }

    #job_alert {
        padding-top: 113px;
    }


}


@media (max-width: 767px) {
    #related-jobs .container-xxl,
    #searh-results .container-xxl,
    #related-jobs .col-md-4.col-lg-4,
    #searh-results .col-md-4.col-lg-4 {
        padding: 0 5px;
    }

    body {
        padding: 122px 10px 0;
    }

    .d-flex.gap-80 {
        flex-direction: column;
        gap: 23px;
        margin-bottom: 22px;
    }

    .job-alert-wrapper form {
        flex-direction: column;
    }

    .job-alert-wrapper input {
        width: 100%;
        border-radius: 50px;
    }

    .job-alert-wrapper .btn {
        border-radius: 50px;
    }
}


@media (max-width: 600px) {
    .job-alert-wrapper form:after {
        max-width: 100%;
        top: 100px;
    }

    .job-alert-wrapper > div:last-child {
        padding-top: 153px;
    }

    .footer .container {
        padding: 0 0 44px;
    }
}


#results-map .gm-style-iw-c,
#homepage-map .gm-style-iw-c {
    border-radius: 20px !important;
    max-width: 300px !important;
    padding: 0 !important;
    border-radius: 30px;
    border-top: 0.5px solid var(--LEATHER, #1A1A1A);
    background: #FFF;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
}

.gm-style-iw-d {
  overflow: hidden !important;
  padding: 1rem !important;

}

.gm-style-iw-d h5 {
text-transform: capitalize !important;
    order: 1;
    color: #333 !important;
    font-size: 24px;
    font-style: normal;
    line-height: 110%;
    order: 1;
}

.gm-style-iw-d p {
    color: #121212;
    font-family: 'Roboto';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: 0.6px;
    text-transform: capitalize;
    order: 3;
}

.gm-style-iw-chr {
  display: none;
}

#results-map .map-info-box__vacancies-pill,
#homepage-map .map-info-box__vacancies-pill {
    color: white;
    text-transform: capitalize;
    font-weight: 300;
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
    border: 1px solid #FFF;
    order: 2;
    margin-top: 0.8rem;
    width: fit-content;
    border-radius: 160px;
    background: #E84E0F;
}

.map-info-box__vacancies-pill ~ button {
width: 100%;
    font-weight: 400 !important;
    text-transform: Uppercase !important;
    position: relative;
    order: 3;
    border-radius: 100px;
    background: #AE0E16;
    text-align: center;
    font-family: "HvDTrial Giulia Plain";
    font-size: 18px;
    font-style: normal;
    line-height: normal;
}

.gm-style .gm-style-iw-tc {
    display: none;
}

.gm-fullscreen-control {
    display: none;
}

.map-wrapper .flex-grow-1 > div{
    border-top-right-radius: 40px;
    border-top-left-radius: 40px;
}

.map-wrapper-results .flex-grow-1 > div{
    border-radius: 40px;
}

.view-details {
    width: 100%;
    min-height: 52px !important;
    border: none !important;
    color: #350015 !important;
    position: relative;
    border-radius: 50px;
    background: #FED501;
    font-family: "HvDTrial Giulia Plain";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
}

#related-jobs .company-name,
#searh-results .company-name {
font-weight: 450;
    font-size: 18px;
    line-height: 125%;
    color: #333333;
    margin-bottom: 16px;
    font-family: Roboto !important;
}

#results-search-box .me-5.text-nowrap,
#homepage-search-box  .me-5.text-nowrap {
        flex: 1 0 10%;
}

#results-search-box .me-5.text-nowrap + .keywords,
#homepage-search-box  .me-5.text-nowrap + .keywords{
    flex: 1 0 20%;
}

#results-search-box .bottom-wrapper,
#homepage-search-box  .bottom-wrapper{
    flex: 1 0 40%;
}

#results-search-box,
#homepage-search-box {
    height:10px;
}

#results-map,
#homepage-map {
    position: relative;
    border-radius: 40px;
}

.location-select svg {
        color: #350015;
}


.sidebar {
    min-width: 25rem;
}
div[class^='Vacancy__StyledHeadContainer'] #vacancy-apply-button:last-of-type > button {
    display: none;
}

.job-large-header > div > div {
    background: #F6F4E5;
    width: 36rem;
    color: black !important;
    margin-right: auto;
    margin-left: 2rem;
    margin-bottom: 2rem;
    border-radius: 20px;
    margin-top: auto;
    padding: 2rem;
    border-radius: 20px;
    background: #FFF;
}

.job-large-header .job-general-properties,
.job-large-header .vacancy-category {
    display: none !important;
}

.job-large-header h1 {
    font-size: 3rem !important;
    font-weight: 500;
}

.vacancy-card a {
    border-radius: 40px;
    border: 1px solid #D9D9D9;
    background: #FFF;
    box-shadow: none;
    padding: 1.5rem;
}

.vacancy-card div:first-of-type {
    order: 4;
}

.vacancy-card .company-name {
order: 2;
    color: #333;
    font-size: 1.4rem;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
    margin-top: -0.8rem;
    margin-bottom: 1rem;
}

.vacancy-card div[class^='DescriptiveItem__StyledDetailsRow'] {
    order: 3;
}

.vacancy-card h3 {
    margin-top: 1rem;
    order: 1;
    color: #333;
    font-size: 2rem;
    font-style: normal;
    font-weight: 500;
    line-height: 110%; /* 39.6px */
    text-transform: capitalize;
}

.vacancy-card div > span,
.vacancy-card .location-text {
    color: #333 !important;
    font-size: 20px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 125%; /* 25px */
    font-family: Roboto;
    font-weight: 400;
}

.location-city svg,
.vacancy-details svg,
.vacancy-card div svg {
    margin-top: 4px;
}

.location-city path,
.vacancy-details path,
.vacancy-card div path {
    fill: #D63E18;
}

.vacancy-card button {
   width: 13.5rem !important;
    min-height: 60px !important;
    border: none !important;
    color: #1F100C !important;
    letter-spacing: 0.1em !important;
    font-size: 1.2rem;
    font-weight: 900 !important;
    font-family: 'HvDTrial Giulia Plain';
    background: #FED501 !important;
    border-radius: 50px;
    order: 5;
    width: 100% !important;
}

.vacancy-card button:hover {
    box-shadow: none !important;
}

#vacancy-apply-button button {
    width: 13.5rem !important;
    min-height: 60px !important;
    border: none !important;
    color: #1F100C !important;
    letter-spacing: 0.1em !important;
    font-size: 1.2rem;
    font-weight: 900 !important;
    font-family: 'HvDTrial Giulia Plain';
    background: #FED501 !important;
    border-radius: 50px;
}

#vacancy-apply-button button:hover {
    box-shadow:none;
}
.job-large-header {
    border-radius: 20px;
    height: 40rem;
}
.job-large-header div[class^='ImageGallery__SingleImageBackground'] {
    z-index: -1;
}

.job-large-header {
    background-color: unset !important;
}

.job-large-header .job-extra-general-properties {
    flex-direction: column !important;
    max-width: calc(100% - 13.5rem);
}

.job-large-header .job-extra-general-properties + div {
    margin-top: -7rem !important;
    justify-content: end !important;
}

@media (max-width: 767px) {

    .job-large-header {
        display: none;
    }
}

/* venue page */
[id^="venue/"] .hero-component {
    margin-top: 1rem !important;
    border-radius: 40px;
    box-shadow: inset 0 0 0 100vmax rgba(0, 0, 0, 0.20);
}

[id^="venue/"] .hero-component > div {
    width: 100%;
}

[id^="venue/"] .hero-content-wrapper {
    max-width: unset;
}

.hero-content-wrapper > div {
    justify-content: start !important;
    align-items: end !important;
    width: 100%;
    padding: 2rem;
    padding-bottom: 2rem !important;
}
[id^="venue/"] .hero-content-wrapper > div {
        align-items: end !important;
    }

.hero-content-wrapper > div >div {
  width: 100%;
}
[id^="venue/"] .vacancy-text-section svg,
[id^="venue/"] .venue-hero__detail svg {
    fill:#D63E18;
        height: 16px;
}

[id^="venue/"] .hero-description {
    text-align: center;
    max-width: 600px;
    margin: auto;
    padding-top: 1rem;
}

[id^="venue/"] .hero-description h2  {
    font-size: 72px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    max-width: 300px;
    margin: auto;
}

[id^="venue/"] .venue-hero__detail {
    color: #FFF;
    font-family: Roboto;
    font-size: 17px;
    font-style: normal;
    font-weight: 300;
    line-height: 135%;
}

[id^="venue/"] .venue-hero__details {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

[id^="venue/"] .venue-hero__cta {
        position: relative;
    display: inline-block;
    padding: 12px 20px;
    color: #1F100C;
    font-family: 'HvDTrial Giulia Plain';
    font-size: 1.3rem;
    font-weight: 600;
    text-decoration: none;
    letter-spacing: 0.03em;
    white-space: nowrap;
    border-radius: 50px;
    background: #FED501;
}

.venue-hero__name {
    color: #FFF;
font-family: "HvDTrial Giulia Plain";
font-size: 4.5rem;
font-style: normal;
font-weight: 400;
line-height: 100%; 
    margin-bottom: 12px;
}
@media (max-width: 767px) {
[id^="venue/"] .venue-hero__name + div {
    flex-direction: column;
    gap: 1rem;
}
}