@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

:root {
    --font-primary: "Playfair Display", serif;
    --font-secondary: "Jost", sans-serif;
    --font-white: #fff;
    --theme-black: #231f20;
    --theme-yellow: #fbd437;
}

/* Header Layout & Positioning */


body .ad {
    padding-bottom: 0px;
    float: none;
}

body .warp {
    min-height: 90vh;
}

/* body .myaccount.thankaccount,
body .myaccount.login-form {
    min-height: 60vh;
} */

html {
    scrollbar-color: var(--theme-yellow) transparent;
    scrollbar-width: thin;
}

.footer-top .company-name-footer p strong,
.banner-section h1.title,
.list_card .titleBlock h2,
.banner-section h2.subtitle,
body table .ScTableTitle h2,
h1.home-title,
body .job_top .adtitle h1,
.job-top-inner .adtitle h1 * {
    font-family: var(--font-primary) !important;
}

.banner-section::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 56%;
    width: 100%;
    height: 50vh;
    border-radius: 50%;
    background-color: #000;
    filter: blur(60px);
    z-index: 1;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.nav-container ul li,
.nav-container ul li a,
.footer-col.second-col h6,
.footer-col.third-col h6,
.footer-col.second-col .footer-menu ul li a,
.footer-bottom .footer-bottom-right p,
.footer-bottom .footer-bottom-right ul li,
.search input.TEXTBOX,
.search select,
.search input.TEXTBOX::placeholder,
body .list_card,
.footer-top .company-address-footer p,
.goback a,
table tbody td,
body table div,
.jobs.confirm div,
.login-form .login-page,
.login-form .login-page ul li a,
.ResetPwd div.error,
body .thankaccount div.SUCCESS,
.homemyacc .msinner,
.privacypage *,
.footer-bottom .footer-bottom-right-one ul li a,
body .text.job-detail-content li {
    font-family: var(--font-secondary) !important;
}

.company-name-footer p,
.footer-col.second-col h6,
.footer-col.third-col h6,
.nav-container ul li a,
.footer-col.second-col .footer-menu ul li a,
.footer-top .company-address-footer,
.footer-col.third-col ul li a,
.footer-bottom .footer-bottom-right p,
.footer-bottom .footer-bottom-right-one ul li a,
.banner-section h1.title,
.banner-section h2.subtitle {
    color: var(--font-white);
}


.footer-col.second-col h6,
.footer-col.third-col h6,
.company-name-footer p,
.footer-bottom .footer-bottom-right p,
.footer-bottom .footer-bottom-right-one ul,
.banner-section h1.title {
    margin: 0;
}


body .header {
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1000;
    transition: all 0.3s ease-in-out;
    background-color: rgba(35, 31, 32, 0.9);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    position: relative;
}

body form[action="/"] .header,
body form[action="/default-cards"] .header {

    background-color: rgba(35, 31, 32, 0.05);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    /* position: relative; */
}

.header .logo-container {
    display: flex;
    justify-content: space-between;
    align-items: center;

    margin: 0 auto;
    padding: 15px 8px;
    position: relative;
    z-index: 1001;
    /* Above overlay */
    box-sizing: border-box;

}


.header .logo-container .header-logo {

    position: relative;
    z-index: 1001;
}

.header .logo-container .header-logo img {
    height: 100px;
    width: auto;
    transition: height 0.3s ease-in-out;
}


.header .container .main-menu-btn {
    position: relative;
    width: 85px;
    height: 75px;
    text-decoration: none;
    z-index: 1001;
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    border: none;
    cursor: pointer;
}

.header .container .main-menu-btn svg {
    width: 45px;
    height: 45px;

    padding: 8px;

}

.header .container .main-menu-btn svg.icon-menu {
    background-color: var(--theme-black);
    fill: #ffffff;
}

.header .container .main-menu-btn svg.icon-close path {
    background-color: transparent;
    fill: #ffffff;
}

.main-menu-btn img.icon-menu,
.main-menu-btn img.icon-close {
    width: 28px;
    height: 28px;
}

.main-menu-btn .icon-close,
.main-menu-btn.is-active .icon-menu {
    display: none;
}

.main-menu-btn.is-active .icon-close {
    display: block;
}


/**Sticky header***/

header.sticky-header {
    position: fixed;
    background-color: rgba(35, 31, 32, 0.9);
    transition: background-color 0.4s ease-in-out, box-shadow 0.4s ease-in-out, padding 0.3s ease-in-out;
}

body form[action="/"] header.sticky-header,
body form[action="/default-cards"] header.sticky-header {
    position: fixed;
    background-color: rgba(35, 31, 32, 0.9) !important;
    transition: background-color 0.4s ease-in-out, box-shadow 0.4s ease-in-out, padding 0.3s ease-in-out;
}

.sticky-header .logo-container .header-logo a img {

    height: 80px;
}

/***Images***/

body .goback a {
    background: url(/images/back-arrow-new.png);
    background-position: left;
    background-repeat: no-repeat;

}

body .email {
    background: url(/images/email-new-icon.png);
    background-repeat: no-repeat;

}

body .facebook {
    background: url(/images/facebook-new-icon.png);
    background-repeat: no-repeat;
}

body .twitter {
    background: url(/images/tweeter-new-icon.png);
    background-repeat: no-repeat;
}

body .rssbutton {
    background: url(/images/rss-icon-new.png);
    background-repeat: no-repeat;
}


body .email:hover {
    background: url(/images/save-job-newactive.png);


}

body .facebook:hover {
    background: url(/images/fb-active-new.png);

}

body .twitter:hover {
    background: url(/images/tw-active-new.png);

}

body span.linkedin-icon:hover:after {
    background: url(/images/linkedin-active-new.png);

}



/* Navigation Overlay Base (Updated from .main-nav to .nav-container) */

.container.nav-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 1000;

    background: linear-gradient(135deg, rgba(35, 31, 32, 0.96) 0%, rgba(15, 13, 14, 0.92) 100%);
    backdrop-filter: blur(8px);
    display: flex;
    align-items: center;
    justify-content: flex-end;
    box-sizing: border-box;
    padding: 100px 40px 40px 20px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-20px);

    transition: transform 0.4s cubic-bezier(0, 0, 0.2, 1),
        opacity 0.4s cubic-bezier(0, 0, 0.2, 1),
        visibility 0.4s cubic-bezier(0, 0, 0.2, 1);
}

/* Open State Triggered by JS */
.nav-container.is-open {
    width: 100%;
    border: none;
    margin: 0;
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* Nav Menu Alignment & Typography */
.nav-container ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
}

.nav-container ul li,
.nav-container ul li a {
    text-align: end;
    font-size: 24px;
    letter-spacing: 2.4px;
    line-height: 30px;
    font-weight: 300;
    padding: 8px 0;
    text-decoration: none;
}

.nav-container ul li a span {
    margin-left: 5px;
}



/* Sub-Menu Accordion Override Rules */
.nav-container .sub-menu,
.nav-container ul li:hover>.sub-menu {
    position: static;
    /* Forces inline document flow */
    height: auto;
    visibility: visible;
    box-shadow: none;
    background: transparent;
    width: 100%;

    /* Height animation properties */
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1),
        opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1),
        padding 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    will-change: max-height, opacity;

}

.textr .FORMLABLE {
    font-size: 22px;
    font-weight: 500;
}

/* Expanded Sub-Menu State */
.nav-container ul li.is-active>.sub-menu,
.nav-container ul li.is-active:hover>.sub-menu {
    max-height: 200px;
    opacity: 1;
    pointer-events: auto;
}

.nav-container .sub-menu li a {
    font-family: var(--font-secondary);
    font-size: 18px;
    opacity: 0.8;
    text-transform: capitalize;
}

/* Arrow rotation indicator */
.nav-container li>a span img {
    transition: transform 0.3s ease-out;
    filter: brightness(0) invert(0.7);
}

.nav-container li.is-active>a span img {
    transform: rotate(180deg);
}

/* Reset outline / borders on open states */
.nav-container.is-open ul li,
.header .container .main-menu-btn,
.nav-container.is-open ul li:hover,
.nav-container.is-open ul li:focus,
.nav-container.is-open ul li:focus-visible,
.nav-container.is-open ul li:active,
.nav-container.is-open ul li,
.nav-container.is-open ul li a:hover,
.nav-container.is-open ul li a:focus,
.nav-container.is-open ul li a:focus-visible,
.nav-container.is-open ul li a:active,
.search .container input:focus,
.search .container input:focus-visible,
.search .container select:focus,
.search .container select:focus-visible,
.search .boxsmall:focus-visible,
.search .boxsmall a:focus,
.grid-action a.list-grid:focus,
.grid-action a.list-tile:focus,
.grid-action .list-grid img:focus-visible,
.grid-action .list-tile img:focus-visible,
.goback:focus-visible,
.goback a:focus,
.goback a:focus-visible,
body table .GRID_DAT_ROW td:focus-visible,
body table .GRID_DAT_ROW td a:focus,
body .header-logo:focus-visible,
body .header-logo a:focus,
body .header-logo a:focus-visible,
body .header-logo a img:focus-visible,
body table .GRID_DAT_ROW_Alter td.titleCell a:focus,
body table .GRID_DAT_ROW_Alter td.titleCell a:focus-visible,
.footer-bottom .footer-bottom-right-one ul :focus-visible,
.footer-bottom .footer-bottom-right-one ul *:focus-visible,
.footer-bottom .footer-bottom-right-one ul *:focus,
.footer-top:focus-visible,
.footer-top *:focus-visible,
.send-cv .business_unit-inner .login-title a:focus,
.send-cv .business_unit-inner .login-title a:focus-visible {
    border: none;
    outline: none;
    box-shadow: none;
}

body a:focus,
body a:focus-visible {
    outline: none;
}

/******Footer Css*********/
body .footer {
    background-color: #231f20;
    height: auto;
    float: none;
    padding: 70px 8px 43px 8px;
    position: relative;
    overflow: hidden;
}

body .footer {
    background-position: top right calc(-60px + 60*(100vw - 1800px)/120);
    background-image: url(/images/footer-circle-rt.svg);
    background-repeat: no-repeat;
    background-size: auto 100%;
}

.footer::after {
    content: "";
    position: absolute;
    left: calc(-792px + 60*(100vw - 1800px)/120);
    top: -680px;
    width: 900px;
    height: 900px;
    background-image: url(/images/footer-circle.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.footer-top {
    display: grid;
    grid-template-columns: 1.7fr 2fr 1fr;
    column-gap: 60px;
}

.footer-top .company-name-footer p {
    font-size: 20px;
    font-family: var(--font-primary);
    font-weight: 700;
    text-transform: uppercase;
}

.footer-top .company-name-footer p strong {
    font-size: calc(20px + 6 * (100vw - 320px) / 1280);
    font-weight: 700;
}

.footer-top .company-address-footer {
    margin-top: 18px;

}

.footer-top .company-address-footer p,
.footer-top .company-address-footer a,
.footer-col.second-col .footer-menu ul a {
    font-size: calc(14px + 4 * (100vw - 320px) / 1280);
    line-height: calc(24px + 6 * (100vw - 320px) / 1280);
    color: var(--font-white);

}

.footer-top .company-address-footer p,
.footer-col.second-col .footer-menu ul li a,
.footer-bottom .footer-bottom-right-one ul li a {
    font-weight: 300;
}



.footer-top .company-address-footer a.footer-underline {
    text-decoration: underline;
    font-weight: 500;
}

.footer-col.second-col .footer-menu ul li a,
.footer-bottom .footer-bottom-right-one ul li a,
.footer-top .company-address-footer a.footer-underline-sm {
    text-decoration: none;
}

.footer-top .company-address-footer a.footer-underline:hover,
.footer-col.second-col .footer-menu ul li a:hover,
.nav-container ul li a:hover,
.footer-bottom .footer-bottom-right-one ul li a:hover,
body .social-icons-container li .social-icon:hover i {
    color: var(--theme-yellow);
}



.footer-bottom .footer-bottom-right-one ul li:not(:last-child):after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    width: 1px;
    height: 14px;
    background-color: #b2b4b6;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.footer-bottom-right-one ul li:not(:last-child) {
    position: relative;
    padding-right: calc(13px + 2 * (100vw - 320px) / 1280);
    margin-right: calc(12px + 2 * (100vw - 320px) / 1280);
}

.footer-col.second-col h6,
.footer-col.third-col h6 {
    font-size: calc(12px + 4 * (100vw - 320px) / 1280);
    line-height: calc(28px + 6 * (100vw - 320px) / 1280);

    font-weight: 700;
    text-transform: uppercase;
}

.footer-col.second-col .footer-menu ul,
.footer-col.third-col ul.social-icons-container {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    list-style: none;
}

.footer-bottom .footer-bottom-right-one ul {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 0px;
    list-style: none;
}

.footer-col.second-col .footer-menu ul {
    gap: 11px;
}

.footer-col.third-col ul.social-icons-container {
    margin-top: 5px;
}

.footer-col.second-col .footer-menu ul a,
.nav-container ul li,
.nav-container ul li a {
    text-transform: uppercase;
}

body section.content.myaccount.homemyacc .msinner .MySpacetitle {
    font-size: 24px;
    font-family: var(--font-primary);
}

body section.content.myaccount.homemyacc .msinner .NoRecordsMessage {
    font-size: 22px;
}

.social-icons-container .social-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    border: 2px solid var(--font-white);
    border-radius: 50%;
    color: #8d7f7f;
    background-color: transparent;
    text-decoration: none;
    transition: all 0.3s ease;
    margin: 0 4px;
    box-shadow: none;
    outline: none;
    float: none;
    position: relative;

}

.social-icons-container .social-icon:hover {
    border-color: var(--theme-yellow);
}

.footer-bottom {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border-top: 1px solid #b2b4b6;
    padding-top: 20px;
    margin-top: 25px;
}

.footer-bottom .footer-bottom-right p,
.footer-bottom-right-one ul li {
    font-size: calc(12px + 2 * (100vw - 320px) / 1280);
    line-height: calc(20px + 6 * (100vw - 320px) / 1280);
}


/**Banner section**/


body .banner-section {
    aspect-ratio: 1920 / 600;
    padding-top: 80px;
    height: 100vh;
    background-image: url('/images/Header career site Monguzzi-img-new.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    box-sizing: border-box;
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    overflow: hidden;
    margin-top: -130px;
}

.banner-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgb(0 0 0 / 17%) 0%, rgb(0 0 0 / 21%) 100%);
    z-index: 1;
}

.banner-section>* {
    position: relative;
    z-index: 2;
}

.banner-section h1.title {
    font-size: 60px;
    line-height: 80px;
    text-align: center;
    font-weight: 400;
}

/* Typing Cursor Pointer on the span */
.banner-section h1.title span[aria-hidden="true"]::after {
    content: '|';
    display: inline-block;
    margin-left: 4px;
    color: var(--font-white);

    font-weight: 300;
    animation: blinkCursor 0.8s infinite;
}

@keyframes blinkCursor {

    0%,
    100% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }
}

/**card responsive*/

#vacancylist {
    display: flex;
    flex-wrap: wrap;
}


#vacancylist .col-sm-4 {
    display: flex;
}


#vacancylist .list_card {
    display: flex;
    flex-direction: column;
    width: 100%;
}


#vacancylist .titleBlock {
    flex-grow: 1;
}

body .search {

    background-color: var(--theme-black);
}

body .list_card {
    font-size: 20px;
}

body .list_card span.business_unit {
    font-size: 16px !important;
}

body .list_card:hover {
    background-color: var(--font-white);
}

body .titleBlock {
    min-height: auto;
}

.btn-wrapper .btn,
.search input.button,
.list_card p a.button,
body .homeshare .home-cv-button a,
.ContainerButtons input.button,
.business_unit-inner .ContainerButtons .button,
body .msinner .myjobalert .ContainerButton input.button {
    text-align: center;
    line-height: 20px;
    text-transform: uppercase;
    font-weight: 700;
    background-color: transparent;
    border: 2px solid var(--theme-yellow);
    font-family: var(--font-secondary);
    text-decoration: none;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    cursor: pointer;
}

.btn-wrapper .btn,
.search input.button {
    display: block;
    width: auto;
    font-size: calc(14px + 2 * (100vw - 320px) / 1280);
    color: #fff;
}

body .homeshare .home-cv-button a,
.list_card p a.button,
.ContainerButtons input.button,
body .msinner .myjobalert .ContainerButton input.button {
    color: var(--theme-black);
    padding: 13px 20px;
}

body .myaccount.homemyacc .ContainerButton {
    margin-top: 20px;
}

.btn-wrapper .btn {
    margin-top: 15px;
    padding: calc(8px + 10 * (100vw - 320px) / 1280) calc(28px + 10 * (100vw - 320px) / 1280);
}

body .business_unit-inner .ContainerButtons .button {
    padding: 8.5px 23px;
}


.search input.button:hover,
.search input.button:focus-visible,
.search input.button:focus,
.btn-wrapper .btn:hover,
.btn-wrapper .btn:focus,
.btn-wrapper .btn:focus-visible,
.homeshare .home-cv-button a:hover,
.homeshare .home-cv-button a:focus,
.homeshare .home-cv-button a:focus-visible,
.list_card p a.button:hover,
.list_card p a.button:focus,
.list_card p a.button:focus-visible,
.ContainerButtons input.button:hover,
body .msinner .myjobalert .ContainerButton input.button:hover {
    color: var(--theme-black);
    background-color: var(--theme-yellow);
    outline: none;
}

body .homeshare {
    margin-top: 50px;
    margin-bottom: 25px;
}

body h1.home-title,
body .job_top .adtitle h1,
body .job-top-inner .adtitle h1 * {
    font-size: 44px;
    font-weight: 300;
    line-height: 54px;
    text-transform: capitalize;
}

/* html.menu-open,
body.menu-open {
    overflow-y: hidden;
    scrollbar-gutter: stable; 
    touch-action: none;       
} */

/* table css */
body table .GRID_HDR_ROW td.GRID_HDR_CEL {
    background-color: var(--theme-black);
    text-transform: capitalize;
    color: var(--font-white);
}

body table .GRID_HDR_ROW td a:visited,
body table .GRID_HDR_ROW td a:link {
    font-size: 16px;
    font-weight: 700;
    text-align: left;
    color: var(--font-white);
    font-family: var(--font-secondary);

}




body table .GRID_DAT_ROW_Alter td,
body table .GRID_DAT_ROW_Alter td.titleCell a,
table tbody tr td.FORMLABLE,
table tr td.FORMSINGLER a.rp,
.bt-privacy td.LABLE {
    font-size: 18px;
    font-family: var(--font-secondary);
    color: var(--theme-black);
    font-weight: 300;
}

body table .GRID_DAT_ROW td {
    font-size: 20px;
    font-family: var(--font-secondary);
    color: var(--theme-black);
    font-weight: 300;
}

.banner-section h2.subtitle {

    font-size: 36px;
}


/**Card Style***/


.list_card .titleBlock h2,
body .goback a,
.business_unit-sec .business_unit-inner .login-title a,
body table .GRID_DAT_ROW td a,
body table .GRID_DAT_ROW td a:hover,
.login-form .login-page ul li a {
    color: var(--theme-black);

}

body .list_card .titleBlock h2 {
    font-size: 26px;
}

body .GRID tr.GRID_DAT_ROW_Alter {
    background-color: var(--font-white);
}

/***Bread crumb section****/
body .job_top {
    background-color: var(--theme-black);
}

body .job_top .adtitle {
    text-align: center;
}

body table div,
body .text.job-detail-content li,
.jobs.confirm div,
.jobs.confirm div a,
 body .thankaccount div.SUCCESS{
    font-size: 22px;
    line-height: 36px;
    font-weight: 300;
    color: var(--theme-black);
}

body table .ScTableTitle h2 {
    margin-top: 16px;
    font-size: 44px;
    line-height: 54px;
    color: var(--theme-black) !important;
    font-weight: 400;
}

/******SEND CV********/
.boxscheda table tr td.FORMTITLE span {
    font-size: 22px !important;
    line-height: 32px;
    color: var(--theme-black);
}

.boxscheda table tr td.LABLE span a,
.privacypage a,
.privacypage a:hover {
    color: var(--theme-black);
}

body .msinner {
    padding-top: 30px;
}

body .login-form .recaptcha-container,
body .forgotpwd .recaptcha-container {
    float: right;
    display: block;
    padding: 20px 10px;
}

body .login-form .ContainerButtons {
    justify-content: flex-end;
}

body .recaptcha-container,
body .ContainerButtons {
    display: flex;
    justify-content: center;
    float: none;
    padding: 20px;
}

/* body .ContainerButtons {
    margin: 20px;
    width: 100%;
} */

body .ContainerButtons .ContainerButton,
body .myjobalert,
.myjobalert .ContainerButtons .ContainerButton {
    margin: 0px;

}

body .job-detail table.ScTableTitle tbody tr {

    display: flex;
    align-items: center;
}

body .job-detail .contentsocial {
    margin-top: 33px;
}


.CookiePolicy {
    padding: 25px 30px 100px 30px;
    font-family: var(--font-secondary);
}

.privacypage,
.myjobalert .boxscheda {
    padding: 30px 10px;

}


.changepwd .ContainerButtons {
    margin-top: 20px;
    margin-bottom: 10px;

}

.myjobalert .ContainerButtons {
    width: 100%;
    padding-top: 20px;

}

body .send-job .goback,
.jobs.confirm,
.login-form .goback,
form[action="/account/ResetPwd"] .goback,
.changepwd .goback,
.myaccount.thankaccount .goback,
.myaccount.registration .goback {
    margin-bottom: 60px;
}

.myaccount.registration .inner.create-account {
    padding-top: 40px;
}

.myaccount.editcv,
.myaccount.myjobalert,
body .send-cv {
    padding-bottom: 60px;
}

body .send-cv .business_unit-inner .ContainerButtons {
    margin-top: 13px;
    padding: 0px;
}

.myaccount.changepwd .recaptcha-container .g-recaptcha {
    margin-left: 213px;
}

.myaccount.changepwd .ContainerButtons input {
    margin-left: 225px;

}



@media(max-width: 1200px) {
    .footer-top {
        column-gap: 8px;
    }
}


/*******Width max(1024px)**********/


@media(max-width: 1024px) {


    body table div,
    body .text.job-detail-content li,
    .jobs.confirm div,
    .jobs.confirm div a {
        font-size: 20px;
        line-height: 32px;

    }

    body table .ScTableTitle h2,
    body h1.home-title,
    body .job_top .adtitle h1,
    body .job-top-inner .adtitle h1 * {
        font-size: 32px;
    }

    .banner-section h1.title {
        font-size: calc(32px + 28 * (100vw - 320px) / 1280);
        line-height: calc(46px + 34 * (100vw - 320px) / 1280);
    }


    .banner-section h2.subtitle {
        margin-top: calc(20px + 10 * (100vw - 320px) / 1280);
        font-size: calc(20px + 16 * (100vw - 320px) / 1280);
        line-height: calc(30px + 24 * (100vw - 320px) / 1280);
    }

    .footer-top .company-address-footer a.footer-underline-sm {
        text-decoration: underline;
        font-weight: 500;
    }


}

/* max-width 998px */

@media(max-width:998px) {
    body .footer {
        position: relative;
        float: left;
        width: 100%;
        padding: calc(40px + 30 * (100vw - 320px) / 1280) 8px calc(23px + 20 * (100vw - 320px) / 1280) 8px;
        text-align: left;
        background-image: url(/images/footer-circle-rt-sm.svg);
        background-position: bottom right;
        background-repeat: no-repeat;
        background-size: 110px 306px;
        background-color: #231f20;
        z-index: 5;
    }

    body .homeshare {
        margin-top: 50px;
        margin-bottom: 60px;
    }

    body table div,
    body .text.job-detail-content li,
    .jobs.confirm div,
    .jobs.confirm div a,
    body .thankaccount div.SUCCESS {
        font-size: 18px;
        line-height: 32px;

    }

    .footer-top {
        display: grid;
        grid-template-columns: 1fr;

    }

    .footer-bottom {
        flex-direction: column;
    }

    .footer-bottom .footer-bottom-right-one {
        order: 1
    }

    .footer-bottom .footer-bottom-right {
        order: 2;
        margin-top: 13px;
    }

    .footer-bottom .footer-bottom-right p {
        text-align: left;
    }

    .footer-top .company-name-footer p {
        font-size: 16px;
    }

}

/* max-width 767px */


@media(max-width : 767px) {

    body table .ScTableTitle h2,
    body h1.home-title,
    body .job_top .adtitle h1,
    body .job-top-inner .adtitle h1 * {
        font-size: 24px;
    }

    .header .logo-container .header-logo img {
        height: 80px;
        width: auto;
    }

    .header .container .main-menu-btn {
        width: 60px;
    }

    .nav-container ul li,
    .nav-container ul li a {
        text-align: left;
        font-size: 18px;
    }

    .nav-container .sub-menu li a {
        font-size: 16px;
    }

    .footer-top {
        display: grid;
        grid-template-columns: 1fr;
        column-gap: 40px;
    }

    .footer-bottom .footer-bottom-right-one,
    .footer-bottom .footer-bottom-right {
        width: 100%;
        text-align: center;
    }

    body section.content.myaccount.homemyacc .msinner .MySpacetitle {
        font-size: 22px;
    }

    body section.content.myaccount.homemyacc .msinner .NoRecordsMessage {
        font-size: 18px;
    }

    body .container.nav-container {
        align-items: flex-start;
    }

    .nav-container.is-open>.container {
        margin-left: 0px;
        margin-top: 35px;

    }

    body .banner-section {
        padding: 0px 10px;
    }

    body .job-detail .contentsocial .share-icon img {
        width: 16px;
    }

    body .homeshare {
        margin-top: 25px;
    }

    body.goback {
        padding: 25px 0 25px
    }


    .myaccount.changepwd .recaptcha-container .g-recaptcha {
        margin-left: 0;
    }

    .myaccount.changepwd .ContainerButtons input {
        margin-left: 0;

    }

    .search input.button {
        padding: 10px 13px;
    }

    body .banner-section {

        height: 70vh;

    }

    body .list_card .titleBlock h2 {
        font-size: 22px;
    }

    body .list_card {
        font-size: 16px;
    }

   body  .textr .FORMFIELD{
        padding-bottom: 0px !important;
    }
    body .divDateTimeDropDown select{
        width: 100%;
    }

}

/* max-width 480px */


@media(max-width: 480px) {

    .myaccount.editcv,
    .myaccount.myjobalert,
    body .send-cv {
        padding-bottom: 0px;
    }

    .textr .FORMLABLE {
        font-size: 20px;
        font-weight: 500;
    }

    body .send-job .goback,
    .jobs.confirm,
    .login-form .goback,
    form[action="/account/ResetPwd"] .goback,
    .changepwd .goback,
    .myaccount.thankaccount .goback,
    .myaccount.registration .goback {
        margin-bottom: 0;
    }

    .footer-col.second-col .footer-menu ul {
        column-gap: 20px;
    }

    .footer-bottom .footer-bottom-right-one,
    .footer-bottom .footer-bottom-right {
        width: 67%;
        text-align: left;
    }

    .banner-section h2.subtitle {
        text-align: center;
    }

    .footer-bottom {
        margin-top: 20px;
    }

    .footer-top .company-name-footer p {
        font-size: 14px;
    }

    .warp .ad .FORMLABLE {
        padding-right: 10px;
    }


    body table .GRID_DAT_ROW td,
    body table .GRID_DAT_ROW_Alter td,
    body table .GRID_DAT_ROW_Alter td.titleCell a,
    table tbody tr td.FORMLABLE,
    table tr td.FORMSINGLER a.rp,
    .bt-privacy td.LABLE {
        font-size: 16px;

    }

}


/* min-width 1600px */


@media(min-width: 1600px) {
    .footer-top .company-name-footer p strong {
        font-size: 26px;

    }

    .footer-top .company-name-footer p {
        font-size: 20px;

    }

    .footer-col.second-col h6,
    .footer-col.third-col h6 {
        font-size: 16px;
        line-height: 34px;
        font-weight: 700;
        text-transform: uppercase;
    }

    .footer-top .company-address-footer p,
    .footer-top .company-address-footer a,
    .footer-col.second-col .footer-menu ul a {
        font-size: 18px;
        line-height: 30px;


    }

}