/* For the cases where we need different values for <320px and >=320px */
@media (min-width: 320px) {

}



@media (min-width: 540px) {
    .service-card {
        width: calc((100% - 10px) / 2);
    }

    .about-history-card {
        padding: 30px;
        font-size: 20px;
    }

    .about-services-card {
        width: calc((100% - 20px) / 2);
    }

    #subsFactsArea {
        height: 198px;
    }

    #subsFactsArea > svg {
        height: 198px;
    }

    .subs-fact-inline {
        display: block;
    }

    #subsFactBottom {
        display: none;
    }

    .gtf-logistics-card {
        width: calc((100% - 30px) / 3)
    }

    #gtfLogisticsCardLast {
        width: calc((100% - 30px) / 3 * 2 + 15px);
    }

    #subsProductsCards {
        display: block;
        height: 495px;
    }

    #subsProductsCard1,
    #subsProductsCard3 {
        position: absolute;
        width: calc((100% - 15px) * 0.6);
    }

    #subsProductsCard1 {
        top: 0;
        left: 0;
    }

    #subsProductsCard3 {
        bottom: 0;
        left: 0;
    }

    #subsProductsCard2 {
        position: absolute;
        width: calc((100% - 15px) * 0.4);
        height: 360px;
        top: 0;
        right: 0;
    }

    #subsProductsCard4 {
        position: absolute;
        top: 375px;
        right: 0;
        height: 120px;
        width: calc((100% - 15px) * 0.4);
    }

    #subsSeeMoreContent {
        display: flex;
        justify-content: space-between;
        gap: 15px;
    }

    #subsSeeMoreContent > div {
        width: calc((100% - 20px) / 2);
    }

    #subsSeeMoreTextButton {
        margin: 0;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        gap: 15px;
    }

    #subsSeeMoreButtonArea {
        margin: 0;
        width: fit-content;
    }

    #subsSeeMoreButton {
        padding-inline: 24px;
    }

    #subsSeeMoreButton > span {
        font-weight: 400;
    }

    .careers-why-choose-us-card.careers-why-choose-us-card-wide {
        width: calc((100% - 15px) / 2);
    }

    #careersVacancies > .my-container > img {
        transform: translateX(24%);
    }

    .all-news-post {
        width: calc((100% - 15px) / 2);
    }

    /* .vacancies-query-card {
        width: calc((100% - 15px) / 2);
    } */

    .home-news-post {
        width: calc((100% - 15px) / 2);
        height: calc((100% - 15px) / 2);
    }

    /* .wp-block-image {
        width: calc((100% - 15px) / 2) !important;
    } */
}



/* Tablets and desktop */
@media (min-width: 768px) {
    .desktop-flex {
        display: flex;
    }

    .desktop-block {
        display: block;
    }

    .desktop-inline-block {
        display: inline-block;
    }

    .mobile-flex,
    .mobile-block,
    .mobile-inline-block {
        display: none;
    }

    .my-container {
        padding: 0 40px;
    }

    #myHeader {
        top: 34px;
    }

    #headerLogoArea img {
        height: 50px;
    }

    #headerLogoArea svg.header-logo-arrow-visible {
        display: block;
    }

    .header-subs-logo-visible {
        display: block;
    }

    #headerLang {
        gap: 8px;
    }

    #headerLang > img {
        width: auto;
    }

    #headerLang > span {
        font-size: 18px;
    }

    #langBurger {
        gap: 20px;
    }

    #burger {
        width: 21px;
        height: 16px;
    }

    #burgerBarTop {
        top: 1px;
        width: 66.67%;
        transform-origin: right;
    }

    #burgerBarMiddle {
        right: 28.51%;
        width: 57.14%;
    }

    #burgerBarBottom {
        bottom: 1px;
        width: 38.1%;
    }

    #headerLangModal {
        top: 35px;
        right: 35px;
        width: 320px;
    }

    #headerLangModalTitleOuter {
        height: 46px;
    }

    #headerLangModalTitleInner {
        font-weight: 500;
        font-size: 24px;
    }

    .header-lang-modal-item-outer {
        height: 43px;
    }

    .header-lang-modal-item-inner-1 {
        font-size: 18px;
    }

    .header-lang-modal-item-inner-2 {
        font-size: 18px;
    }

    .header-lang-modal-item-outer.active {
        height: 47px;
    }

    #primaryMenuModal {
        width: 100%;
        padding: 34px 60px 72px 60px;
        transform: none;
	    transition: none;
    }

    #primaryMenuContent {
        margin-top: 41px;
        padding-top: 38px;
        border-top: 1px solid rgba(0, 0, 0, 0.8);
    }

    #primaryMenuItems {
        gap: 20px;
    }

    .primary-menu-item > a {
        height: 36px;
        font-size: 28px;
        letter-spacing: 0.04em;
    }

    .primary-menu-subitems {
        transition: max-height 0.25s ease;
        overflow: hidden;
    }

    .primary-menu-subitems div {
        height: 23px;
        font-size: 18px;
        line-height: 130%;
        margin-top: 10px;
    }

    #primaryMenuContacts {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    #primaryMenuContactsTitle{
        height: 26px;
        font-weight: 500;
        font-size: 20px;
        line-height: 130%;
        letter-spacing: 0.01em;
        color: rgba(37, 45, 93, 1);
    }

    #primaryMenuContactsContent {
        margin-top: 26px;
        display: flex;
        flex-direction: column;
        gap: 6px;
    }

    .primary-menu-contacts-item {
        height: 23px;
        font-weight: 400;
        font-size: 18px;
        line-height: 130%;
        color: rgba(37, 45, 93, 1);
    }

    #primaryMenuSocNet {
        display: flex;
        gap: 18px;
    }

    /* #hero {
        height: 720px;
    } */

    .home-hero-logo {
        top: 50%;
        transform: translate(-50%, -50%);
        width: 582px;
        height: auto;
    }

    #heroImg {
        /* height: 720px; */
        transform: translateY(100%) scale(0.6);
    }

    #heroFigureDesktopLeft {
        visibility: visible;
        position: absolute;
        left: 0;
        transform: translateX(-100%);
        transform-origin: top right;
        transition: all 1.5s;
    }

    #heroFigureDesktopRight {
        visibility: visible;
        position: absolute;
        right: 0;
        transform: translateX(100%);
        transform-origin: bottom left;
        transition: all 1.5s;
    }

    #heroFigureMobileLeft,
    #heroFigureMobileRight {
        visibility: hidden;
    }

    #heroTitleButton {
        /* top: 30%; */
        top: 35%;
    }

    #heroTitleUpper {
        font-size: 63px;
    }

    #heroTitleLower {
        font-weight: 400;
        font-size: 44px;
        letter-spacing: 0.03em;
    }

    #heroDetailsButtonArea {
        margin-top: 40px;
    }

    #heroDetailsButton {
        height: 68px;
        font-size: 24px;
        font-weight: 400;
        line-height: 150%;
        letter-spacing: 0.02em;
    }

    #heroMottoArea {
        width: 560px;
        height: 150px;
    }

    #heroMotto {
        font-size: 30px;
        font-weight: 400;
        letter-spacing: 0.02em;
    }

    #about {
        /* height: 720px; */
        background-size: 135% auto;
        background-position: 50% calc(50% + 25px); /* anchors vertically at 25px above the center of the background image */
    }

    #aboutVerticalBar {
        width: 3px;
        height: 100%;
        transform-origin: center;
        top: 50%;
        transform: translate(50%, -150%);
    }

    #aboutHorizontalBar {
        width: 50%;
        height: 3px;
        transform-origin: left;
    }

    #aboutFigureDesktopLeft {
        visibility: visible;
        position: absolute;
        bottom: 0;
        left: -30px;
        transform: translateY(100%);
        transition: all 0.5s;
    }

    #aboutFigureDesktopRight {
        visibility: visible;
    	position: absolute;
        top: 0;
        right: -6px;
        transform: translateY(-100%);
        transition: all 0.5s;
    }

    #aboutFigureMobileLeft,
    #aboutFigureMobileRight {
        visibility: hidden;
    }

    #aboutFact1 {
        top: 50%;
        left: 50%;
        transform: translate(calc(-100% - 56px), -50%);
        bottom: auto;
        max-width: 40%;
        gap: 18px;
    }

    #aboutFact11,
    #aboutFact13 {
        font-weight: 500;
        font-size: 24px;
        line-height: 130%;
        letter-spacing: 0.04em;
    }

    #aboutFact12 {
        /* font-size: 130px; */
        font-size: 107px;
        letter-spacing: 0.02em;
    }

    #aboutFact2 {
        top: 0;
        left: calc(50% + 49px);
        width: 25%;
        height: 50%;
        justify-content: center;
        gap: 15px;
    }

    #aboutFact21,
    #aboutFact31 {
        font-weight: 400;
        /* font-size: 90px; */
        font-size: 57px;
        line-height: 75%;
    }

    #aboutFact22,
    #aboutFact32 {
        font-size: 24px;
        letter-spacing: 0.04em;
        line-height: 1;
    }

    #aboutFact23,
    #aboutFact33 {
        font-size: 15px;
    }

    #aboutFact3 {
        top: 50%;
        left: calc(50% + 49px);
        width: 25%;
        height: 50%;
        justify-content: center;
        gap: 15px;
    }

    /* #principlesTitleText {
        padding-top: 67px;
        gap: 24px;
    } */

    #principlesTitle {
        font-weight: 400;
        /* font-size: 90px; */
        font-size: 57px;
    }

    #principlesText {
        /* font-size: 24px; */
        font-size: 19px;
        letter-spacing: 0.04em;
    }

    @keyframes partners-logos-carousel {
        0% { transform: scale(0.75) translateX(0); }
        100% { transform: scale(0.75) translateX(-50%); }
        /* 0% { transform: translateX(0); }
        100% { transform: translateX(-50%); } */
    }

    #principlesBottomSpacer {
        height: 207px;
        margin-top: 40px;
    }

    /* #services {
        margin-bottom: 60px;
    } */

    #servicesTitle {
        /* margin-top: 40px; */
        font-weight: 400;
        font-size: 90px;
    }

    #serviceCards {
        margin-block: 40px;
        gap: 20px;
        height: 65vh;
    }

    .service-card {
        padding: 48px;
        width: 100%;
        border-radius: 10px;
    }

    .service-overlay {
        border-radius: 10px;
    }

    .service-card-logo {
        height: 46px;
    }
    
    .service-card-text {
        margin-top: 85px;
        font-size: 21px;
        line-height: 150%;
        letter-spacing: 0.02em;
        width: 50%;
    }

    .footer-home .footer-upper {
        padding-top: 47px;
    }

    .footer-regular .footer-upper {
        padding-top: 64px;
        justify-content: flex-start;
    }

    .footer-regular .footer-logo-area {
        width: 33%;
    }

    .footer-regular .footer-logo-area img {
        height: 50px;
        width: auto;
    }

    .footer-regular .footer-about-services {
        width: 40%;
        margin-right: 2%;
        display: flex;
        gap: 19%;
    }

    .footer-about-title,
    .footer-services-title,
    .footer-contacts-title {
        font-weight: 500;
        font-size: 20px;
        line-height: 130%;
        letter-spacing: 0.01em;
        text-transform: none;
    }

    .footer-about-items,
    .footer-services-items {
        margin-top: 26px;
        display: flex;
        flex-direction: column;
        gap: 6px;
    }

    .footer-contacts-content {
        margin-top: 24px;
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .footer-about-items a,
    .footer-services-items a,
    .footer-menu-contacts-item {
        font-weight: 400;
        font-size: 18px;
        line-height: 130%;
    }

    .footer-menu-socnet {
        margin-top: 12px;
        gap: 18px;
        width: auto;
        justify-content: flex-start;
    }

    .footer-home .footer-mid-upper {
        margin-top: 56px;
        padding-block: 40.5px;
        padding-inline: 10%;
        border-block: 1px solid white;
    }

    .footer-home .footer-subsidiary-logos {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }

    .footer-home .footer-subsidiary-logo img {
        display: block;
        height: 35px;
        width: auto;
    }

    .footer-home .footer-mid-lower {
        margin-top: 75px;
        display: flex;
    }

    .footer-home .footer-logo {
        height: 51px;
        width: auto;
        margin-inline: auto;
    }

    .footer-home .footer-lower {
        margin: 0;
        padding-block: 94px 42px;
        display: flex;
        justify-content: space-between;
    }

    .footer-regular .footer-lower {
        margin-block: 18px 0;
        padding-block: 20px 58px;
        display: flex;
        justify-content: space-between;
        border-top: 1px solid white;
    }

    .footer-copyright {
        font-weight: 400;
        font-size: 16px;
        line-height: 130%;
    }

    .footer-regular .footer-copyright {
        /* margin-inline: 33% 2%; */
        margin-right: 5%;
        /* width: 40%; */
        width: 70%;
        text-align: left;
    }

    .footer-privacy-policy a {
        font-weight: 400;
        font-size: 16px;
        line-height: 130%;
        letter-spacing: 0.01em;
    }

    .footer-regular .footer-privacy-policy {
        width: 25%;
        text-align: left;
    }

    #sectionBullets {
        display: flex;
        visibility: hidden;
        opacity: 0;
    }

    #aboutTop {
        height: 720px;
    }

    #aboutTopImg {
        height: 720px;
        background-position: 50% 75%;
        transform: translateX(15%);
    }

    #aboutTopVideoWrapper {
        height: 720px;
        transform: translateX(30%);
    }

    #aboutTopVideoWrapper > video {
        object-fit: cover;
        top: 50%;
        left: 50%;
        width: 100%;
        height: 100%;
        transform: translate(-50%, -50%);
    }

    #aboutTopText {
        display: block;
        position: absolute;
        top: 40%;
        transform: translateY(-50%);
        color: white;
        visibility: visible;
        opacity: 1;
        width: 50%;
        transition: all 0.5s;
    }

    #aboutTopText1 {
        font-family: 'Gik', sans-serif;
        font-weight: 400;
        font-size: 45px;
    }

    #aboutTopText2 {
        margin-top: 26px;
        font-weight: 500;
        font-size: 27px;
        line-height: 130%;
        letter-spacing: 0.04em;
    }

    #aboutTopWhiteSquare {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 50%;
        height: 100%;
        visibility: visible;
        opacity: 1;
        transition: all 0.5s;
    }

    #aboutTopWhiteTriangle {
        display: block;
        position: absolute;
        bottom: 0;
        right: 0;
        width: 50%;
        height: 33%;
        visibility: visible;
        opacity: 1;
        transition: all 0.5s;
    }

    #aboutTopBlueFigure1 {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 50%;
        height: 100%;
        transform: translateX(-100%);
        transition: all 0.5s;
    }

    #aboutTopBlueParallelogram,
    #aboutTopBlueTriangle {
        display: none;
    }

    #aboutMotto {
        margin-top: 40px;
    }

    #aboutMotto > div {
        gap: 20px;
    }

    #aboutMottoTitle {
        font-weight: 400;
        font-size: 90px;
        order: 1;
    }

    .about-motto-text {
        font-size: 24px;
        line-height: 130%;
        letter-spacing: 0.04em;
    }

    #aboutMottoText1 {
        order: 2;
    }

    #aboutMottoText2 {
        text-align: left;
        order: 3;
    }

    #aboutMottoImage {
        height: 303px;
        order: 4;
    }

    #aboutMottoImageFigure {
        width: 33%;
    }

    #aboutHistory {
        margin-top: 152px;
    }

    #aboutHistoryTitle {
        font-weight: 400;
        font-size: 90px;
    }

    .history-block {
        margin-top: 63px;
    }

    .history-timeline-item > p {
        margin-left: -3%;
    }

    .history-timeline-item.active > p {
        margin-left: -2%;
    }

    .about-history-circle {
        left: 15px;
    }

    .about-history-borderline {
        left: 20px;
    }

    .about-history-card {
        margin-left: 190px;
        width: 50%;
    }

    #aboutServicesTitle {
        font-weight: 400;
        font-size: 90px;
    }

    #aboutServicesSubtitle {
        display: none;
    }

    #aboutServicesCards {
        margin-top: 40px;
    }

    .about-services-card {
        width: 100%;
        padding: 55px 53px;
    }

    .about-services-card-logo {
        height: 38px;
    }

    .about-services-card-subtitle {
        font-size: 18px;
        line-height: 150%;
        margin-top: 20px;
    }

    .about-services-card-link-desktop {
        margin-top: 40px;
        position: relative;
    }

    .about-services-card-link-desktop a {
        font-weight: 500;
        font-size: 20px;
        letter-spacing: 0.01em;
        text-decoration: none;
        display: flex;
        gap: 15px;
        align-items: end;
        transition: all 0.5s;
    }

    .about-services-card-link-desktop a svg {
        transition: all 0.5s;
        width: 9px;
        height: 16px;
    }

   #subsTop {
        height: 1200px;
    }

    #subsTopImg {
        height: 1200px;
    }

    #subsTopTitle1 {
        margin-top: 279px;
        font-size: 90px;
        width: 75%;
    }

    #subsTopTitle2 {
        /* margin-top: 20px; */
        font-weight: 400;
        font-size: 64px;
        letter-spacing: 0.03em;
        width: 60%;
        gap: 10px;
    }

    #subsTopTitleLongDash {
        width: 80px;
        height: 3px;
        transform: translateY(32px);
    }

    #subTopSubtitle {
        margin-top: 20px;
        font-size: 24px;
        letter-spacing: 0.04em;
        width: 25%;
    }

    #subsTopFigure1 {
        display: none;
    }

    #subsFacts {
        justify-content: flex-start;
        gap: 60px;
        margin-top: 46px;
    }

    #subsForWhom {
        margin-top: 40px;
    }

    #subsForWhomTitle {
        font-size: 48px;
        line-height: 110%;
        letter-spacing: 0.03em;
    }

    #subsForWhomCardsTrack {
        margin-top: 40px;
        height: 540px;
    }

    #subsForWhomCardsTrack .swiper-button-prev,
    #subsForWhomCardsTrack .swiper-button-next {
        display: block;
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.3s;
    }

    #subsForWhomCardsTrack:hover .swiper-button-prev,
    #subsForWhomCardsTrack:hover .swiper-button-next {
        opacity: 1;
        pointer-events: auto;
    }

    .subs-for-whom-card {
        padding: 40px 44px;
    }

    .subs-for-whom-card-title {
        font-weight: 700;
        font-size: 48px;
        letter-spacing: 0.04em;
        width: 50%;
    }

    .subs-for-whom-card-text {
        font-size: 24px;
        letter-spacing: 0.04em;
        width: 50%;
    }

    .subs-for-whom-card-figure-1 {
        display: block;
    }

    .subs-for-whom-card-figure-2 {
        display: block;
    }

    #subsForWhomSwiperPagination {
        bottom: 30px;
        gap: 15px;
    }

    #subsForWhomSwiperPagination > .swiper-pagination-bullet {
        width: 15px;
        height: 15px;
    }

    #gtfLogistics {
        margin-top: 47px;
        padding-block: 120px;
    }

    #gtfLogisticsCards {
        gap: 20px;
    }

    #gtfLogisticsCardFirst {
        padding: 30px;
    }

    .gtf-logistics-card {
        padding: 20px;
        width: calc((100% - 20px) / 2)
    }

    #gtfLogisticsCardFirstTitle {
        font-weight: 700;
        font-size: 48px;
        letter-spacing: 0.04em;
    }

    #gtfLogisticsCardFirstText {
        margin-top: 20px;
        font-size: 24px;
        letter-spacing: 0.04em;
    }

    .gtf-logistics-card > img {
        height: 40px;
    }

    .gtf-logistics-card-title {
        font-weight: 500;
        font-size: 24px;
        letter-spacing: 0.04em;
    }

    .gtf-logistics-card-text {
        display: block;
        margin-top: 10px;
        font-weight: 400;
        font-size: 16px;
        line-height: 130%;
        letter-spacing: 0.01em;
    }

    #gtfLogisticsCardLast {
        padding: 20px;
        width: 100%;
    }

    #subsProducts {
        margin-top: 45px;
    }

    #subsProductsTitle {
        font-size: 48px;
        line-height: 110%;
        letter-spacing: 0.03em;
    }

    #subsProductsCards {
        margin-top: 40px;
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
        position: relative;
        height: auto;
    }

    #subsProductsCard1,
    #subsProductsCard2,
    #subsProductsCard3,
    #subsProductsCard4 {
        flex: 0 0 auto;
        width: 100%;
        height: 360px;
        position: relative;
        inset: 0;
    }

    .subs-products-card-title-text {
        margin: 34px;
    }

    .subs-products-card-title {
        font-weight: 700;
        font-size: 48px;
        letter-spacing: 0.04em;
    }

    .subs-products-card-text {
        font-size: 18px;
    }

    #subsProductsCard4 {
        height: 204px;
    }

    #subsProductsCard4 > div {
        margin-left: 34px;

    }

    #subsProductsCard4 a {
        font-size: 20px;
        letter-spacing: 0.01em;
        display: flex;
        width: fit-content;
        gap: 6px;
        align-items: center;
    }

    #subsProductsCard4 a svg {
        width: 9px;
        height: 16px;
    }

    #gtfFreeportBrands {
        margin-top: 80px;
    }

    .gtf-freeport-brand {
        margin-right: 100px;
    }

    .gtf-freeport-brand > img {
        height: 100px;
    }

    #careersTop {
        height: 720px;
    }

    #careersTopImg {
        height: 720px;
    }

    #careersTopTitleUpper {
        font-size: 90px;
    }

    #careersTopTitleLower {
        font-weight: 400;
        font-size: 64px;
        letter-spacing: 0.03em;
    }

    #careersTopButtonArea {
        margin-top: 42px;
    }

    #careersTopButton {
        height: 68px;
        font-size: 24px;
        font-weight: 400;
        line-height: 150%;
        letter-spacing: 0.02em;
    }

    #careersBuildingFuture {
        margin-block: 51px;
    }

    #careersBuildingFutureContainer {
        height: 953px;
    }

    #careersBuildingFutureImg1 {
        height: 526px;
        z-index: 3;
    }

    #careersBuildingFutureImg2 {
        height: 526px;
    }

    #careersBuildingFutureImg3 {
        height: 526px;
    }

    #careersBuildingFutureImg4 {
        height: 427px;
    }

    #careersBuildingFutureImg5 {
        height: 427px;
    }

    #careersBuildingFutureImg6 {
        height: 427px;
    }

    #careersBuildingFutureMottoArea {
        top: 323px;
        height: 203px;
        align-items: start;
    }

    #careersBuildingFutureMotto1,
    #careersBuildingFutureMotto2 {
        font-size: 28px;
        margin-left: 37%;
    }

    #careersBuildingFutureImg3 > svg {
        width: 40%;
        height: 40%;
    }

    #careersWhyChooseUs {
        padding-block: 128px;
    }

    #careersWhyChooseUsAllCards {
        gap: 20px;
    }

    .careers-why-choose-us-card,
    .careers-why-choose-us-card.careers-why-choose-us-card-wide {
        padding: 20px;
        width: calc((100% - 20px) / 2);
    }

    #careersWhyChooseUsMainCard {
        padding: 30px;
    }

    #careersWhyChooseUsMainCardTitle {
        font-weight: 700;
        font-size: 48px;
        letter-spacing: 0.04em;
    }

    #careersWhyChooseUsMainCardText {
        margin-top: 24px;
        font-size: 18px;
    }

    #careersWhyChooseUsSecondaryCards {
        gap: 20px;
    }

    .careers-why-choose-us-card > img {
        height: 40px;
    }

    .careers-why-choose-us-card-title {
        margin-top: 10px;
        font-size: 24px;
        letter-spacing: 0.04em;
    }

    .careers-why-choose-us-card-text {
        margin-top: 10px;
        font-size: 18px;
        line-height: 130%;
    }

    /* #careersVacancies {
        margin-bottom: 0;
    } */

    /* #careersVacanciesContent {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 100%;
        position: relative;
    } */

    #careersVacanciesTitle {
        font-weight: 400;
        font-size: 90px;
    }

    #careersVacanciesSubtitle {
        margin-top: 24px;
        font-size: 36px;
        letter-spacing: 0.04em;
    }

    #careersVacanciesText {
        margin-top: 40px;
        font-size: 24px;
        letter-spacing: 0.04em;
    }
    
    #careersVacanciesButton {
        height: 68px;
        font-size: 24px;
        font-weight: 400;
        line-height: 150%;
        letter-spacing: 0.02em;
    }

    #careersVacancies > .my-container > img {
        bottom: 40px;
    }

    #vacanciesForm {
        margin-block: 120px;
    }

    #vacanciesFormWrapperOuter {
        margin-top: 47px;
        display: flex;
        justify-content: center;
    }

    #vacanciesFormWrapperOuter > form {
        box-shadow: 3px 4px 16px rgba(0, 0, 0, 0.08);
        max-width: 874px;
    }

    .vacancies-form-svg-upper,
    .vacancies-form-svg-lower {
        height: 133px;
    }

    #vacanciesFormWrapperInner {
        padding: 32px 32px 78px 32px;
    }

    .vacancies-form-title {
        font-weight: 700;
        font-size: 48px;
        letter-spacing: 0.04em;
    }

    #vacanciesFormSubtitleOuter {
        margin-top: 0;
        display: flex;
        justify-content: center;
    }

    #vacanciesFormSubtitle {
        /* margin-top: 0; */
        text-align: center;
        font-weight: 500;
        font-size: 24px;
        letter-spacing: 0.04em;
        width: 80%;
    }

    #vacanciesFormTextInputFields {
        margin-top: 60px;
    }

    .vacancies-form-text-input-field {
        width: calc((100% - 20px) / 2);
        height: 57px;
    }

    .vacancies-form-text-input-field.vacancies-form-text-input-last-field {
        width: 100%;
    }

    .vacancies-form-text-input-field > input,
    .vacancies-form-text-input-field > input:focus,
    .vacancies-form-text-input-field > textarea,
    .vacancies-form-text-input-field > textarea:focus {
        font-size: 18px;
    }

    .vacancies-form-text-input-field > input::-webkit-input-placeholder,
    .vacancies-form-text-input-field > textarea::-webkit-input-placeholder {
        font-size: 18px;
        line-height: 150%;
    }

    .vacancies-form-text-input-field > input::-webkit-input-placeholder,
    .vacancies-form-text-input-field > textarea::-webkit-input-placeholder {
        font-size: 18px;
        line-height: 150%;
    }

    .vacancies-form-text-input-field > input::-moz-placeholder
    .vacancies-form-text-input-field > textarea::-moz-placeholder {
        font-size: 18px;
        line-height: 150%;
    }

    .vacancies-form-text-input-field > input::-ms-input-placeholder,
    .vacancies-form-text-input-field > textarea::-ms-input-placeholder {
        font-size: 18px;
        line-height: 150%;
    }

    #vacanciesFormFileInputField {
        margin-top: 30px;
    }

    #vacanciesFormFileLabel {
        font-size: 16px;
        letter-spacing: 0.01em;
    }

    #vacanciesFormFileUploadButton {
        height: 28px;
        border: 1px solid rgba(117, 117, 117, 1);
        border-radius: 8px;
        line-height: 150%;
        letter-spacing: 0.01em;
    }

    #vacanciesFormSubmitButton {
        margin-top: 30px;
        height: 62px;
        padding-block: 18px;
        font-weight: 400;
        font-size: 20px;
        letter-spacing: 0.01em;
    }

    #vacanciesFormSubmitButtonLoading {
        height: 20px;
    }

    #vacanciesFormPrivacyPolicy {
        margin-top: 15px;
        font-size: 14px;
        letter-spacing: 0.01em;
    }

    #vacanciesFormPrivacyPolicy > a {
        color: rgba(17, 96, 192, 1);
    }

    #vacanciesFormModal {
        padding: 32px;
    }

    #vacanciesFormModalCheckmark {
        height: 44px;
    }

    #vacanciesFormModalTitle {
        margin-top: 20px;
        font-size: 24px;
        line-height: 130%;
        letter-spacing: 0.04em;
    }

    #vacanciesFormModalSubtitle {
        margin-top: 20px;
        font-weight: 400;
        font-size: 20px;
        line-height: 130%;
        letter-spacing: 0.01em;
    }

    #vacanciesFormModalButtonArea {
        margin-top: 40px;
    }

    #vacanciesFormModalButton {
        border: 1px solid rgba(37, 45, 93, 1);
        font-size: 18px;
        line-height: 150%;
    }

    #vacanciesFormModalCloseButton {
        height: 24px;
    }

    #contactsContent {
        margin-bottom: 120px;
    }

    #contactsTitleContacts {
        flex: 0 0 auto;
        width: calc((100% - 80px) / 3 * 2 + 40px);
    }

    #contactsTitle {
        font-weight: 400;
        font-size: 90px;
    }

    .contacts-contact-title {
        margin-top: 40px;
        color: rgba(44, 49, 81, 0.8);
        font-weight: 400px;
        font-size: 18px;
        line-height: 130%;
    }

    .contacts-contact-content {
        display: flex;
        gap: 2px;
        align-items: center;
        margin-top: 16px;
    }

    .contacts-contact-content > span {
        color: rgba(44, 49, 81, 1);
        font-weight: 500px;
        font-size: 20px;
        line-height: 130%;
        letter-spacing: 0.01em;
    }

    .contacts-contact-content > img {
        height: 24px;
        width: auto;
    }

    #contactsContent form {
        width: calc((100% - 80px) / 3);
    }

    #contactsFormTitle {
        font-size: 28px;
        letter-spacing: 0.04em;
    }

    #contactsFormSubtitle {
        letter-spacing: 0.01em;
    }

    .vacancies-form-text-input-field.contacts-form-textarea-field {
        height: 160px;
    }

    .vacancies-form-text-input-field.contacts-form-text-input-field {
        width: 100%;
    }

    #policyContent {
        margin-bottom: 120px;
    }

    #policyGoBack > a > svg {
        height: 24px;
    }

    #policyGoBack > a > span {
        font-size: 24px;
    }

    #policyContentTitle {
        margin-top: 40px;
        font-size: 60px;
    }

    #policySummaryArticles {
        margin-top: 40px;
    }

    #policyArticles {
        padding: 32px;
        gap: 32px;
    }

    .policy-article-item-title {
        font-size: 18px;
    }

    .policy-article-item-text {
        font-size: 18px;
    }

    #blankTop {
        /* height: 210px; */
        height: 180px;
    }

    #newsTitle {
        font-family: 'Gik', sans-serif;
        margin-top: 40px;
        font-weight: 400;
        font-size: 64px;
        line-height: 100%;
        letter-spacing: 0.03em;
    }

    #newsDate {
        display: block;
        margin-top: 15px;
        font-weight: 700;
        font-size: 22px;
        color: rgba(37, 45, 93, 1);
    }

    #newsFeaturedImage {
        margin-top: 40px;
    }

    #newsContentOuter {
        margin-top: 120px;
    }

    #allNewsTitle {
        font-size: 60px;
    }

    .all-news-post-tag {
        border: 1px solid rgba(37, 45, 93, 1);
        font-weight: 400;
        font-size: 24px;
        letter-spacing: 0.02em;
    }

    #allNewsLatestPost {
        margin-top: 40px;
        height: 678px;
        width: 100%;
        background-size: cover;
        background-position: 50%;
        background-repeat: no-repeat;
        position: relative;
        border-radius: 10px;
        display: flex;
        flex-direction: column;
        justify-content: end;
        padding: 30px 20px;
        color: white;
    }

    #allNewsLatestPostOverlay {
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        border-radius: 10px;
        top: 0;
        left: 0;
    }

    #allNewsLatestPostContent {
        width: 100%;
        position: relative;
    }

    #allNewsLatestPostTitle {
        font-weight: 700;
        font-size: 48px;
        line-height: 130%;
        letter-spacing: 0.04em;
    }

    #allNewsLatestPostSubtitle {
        margin-top: 15px;
        font-weight: 500;
        font-size: 24px;
        line-height: 130%;
        letter-spacing: 0.04em;
    }

    #allNewsLatestPostDate {
        margin-top: 50px;
        font-weight: 500;
        font-size: 18px;
        line-height: 150%;
    }

    #allNewsPosts {
        margin-block: 120px;
        gap: 40px 20px;
    }

    .all-news-post {
        width: 100%;
    }

    .all-news-post-image {
        height: 239px;
    }

    .all-news-post-content {
        padding: 20px 15px;
        height: 325px;
    }

    .all-news-post-tag-date {
        margin-top: 0;
        font-size: 14px;
        letter-spacing: 0.01em;
        color: rgba(37, 45, 93, 1);
    }

    .all-news-post-title {
        margin-top: 40px;
        font-weight: 500;
        font-size: 24px;
        letter-spacing: 0.04em;
    }

    .all-news-post-subtitle {
        margin-top: 16px;
        font-size: 18px;
    }

    .all-news-post-read-more {
        margin-top: 40px;
        font-weight: 500;
        font-size: 20px;
        line-height: 130%;
        letter-spacing: 0.01em;
        display: flex;
        align-items: center;
        color: rgba(37, 45, 93, 1);
    }

    #vacancyGoBack {
        gap: 16px;
    }

    .vacancy-go-back-link {
        font-size: 24px;
        letter-spacing: 0.04em;
    }

    #vacancyMainCard {
        margin-top: 40px;
        padding: 30px 30px 52px 30px;
    }

    .vacancy-main-card-logo {
        height: 39px;
    }

    .vacancy-main-card-position {
        margin-top: 24px;
        font-size: 36px;
        letter-spacing: 0.04em;
    }

    .vacancy-main-card-salary {
        margin-top: 10px;
        font-size: 24px;
        letter-spacing: 0.04em;
    }

    .vacancy-main-card-other-criteria {
        margin-top: 10px;
        font-size: 18px;
    }

    #vacancyContent {
        margin-block: 120px 0;
    }

    #vacanciesQueryCards {
        margin-top: 120px;
        gap: 40px 20px;
    }

    .vacancies-query-card {
        padding: 30px 30px 52px 30px;
        /* width: 100%; */
    }

    .vacancy-main-card-description {
        display: block;
        margin-top: 10px;
        font-weight: 400;
        font-size: 18px;
        line-height: 130%;
        color: black;
    }

    #newsTagOuter {
        margin-top: 120px;
    }

    #newsTag {
        /* gap: 52px; */
        gap: 0;
        flex-direction: row;
    }

    #newsTagTitle {
        font-size: 28px;
        letter-spacing: 0.04em;
        flex: 0 0 auto;
        width: 30%;
    }

    #newsTagContent {
        height: 50px;
        border: 1px solid rgba(37, 45, 93, 1);
        font-weight: 500;
        font-size: 20px;
        flex: 0 0 auto;
    }

    #newsShareOuter {
        margin-block: 40px 120px;
    }

    #newsShare {
        /* gap: 52px; */
        gap: 0;
        flex-direction: row;
    }

    #newsShareTitle {
        font-size: 28px;
        letter-spacing: 0.04em;
        flex: 0 0 auto;
        width: 30%;
    }

    #newsShareLinks {
        gap: 15px;
        flex: 0 0 auto;
    }

    .news-share-link-container {
        width: 84px;
        height: 50px;
        border: 1px solid rgba(37, 45, 93, 1);
    }

    .news-share-link-container > svg {
        height: 24px;
    }

    .news-share-link-container-long {
        gap: 1px;
        height: 50px;
        border: 1px solid rgba(37, 45, 93, 1);
    }

    .news-share-link-container-long > svg {
        height: 24px;
    }

    .news-share-link-container-long > span {
        font-weight: 500;
        font-size: 20px;
    }

    #homeNews {
        padding-top: 40px;
    }

    #homeNewsTitle {
        font-weight: 400;
        font-size: 90px;
    }

    #homeNewsPosts {
        margin-top: 40px;
        gap: 20px;
        height: calc(100% - 300px);
    }

    .home-news-post {
        color: white;
        width: calc((100% - 20px) / 2);
        height: calc((100% - 20px) / 2);
    }

    .home-news-post-image {
        height: 100%;
        position: absolute;
    }

    .home-news-post-content {
        padding: 30px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 60%;
    }

    .home-news-post-date {
        font-weight: 300;
        font-size: 18px;
        line-height: 150%;
    }

    .home-news-post-title {
        margin-top: 0;
        font-weight: 500;
        font-size: 24px;
        letter-spacing: 0.04em;
    }

    #homeVacancyCards {
        gap: 20px;
        margin-bottom: 27px;
        height: 35%;
    }

    .home-vacancy-card {
        /* padding: 45px 45px 54px 45px; */
        padding: 35px;
        width: 427px;
        /* height: 315px; */
        height: 100%;
    }

    .home-vacancy-position {
        font-weight: 400;
        font-size: 24px;
        letter-spacing: 0.04em;
    }

    .home-vacancy-country {
        font-weight: 500;
        font-size: 18px;
        line-height: 150%;
    }

    .home-vacancy-card-logo {
        height: 39px;
    }

    #vacanciesSearchFilters {
        margin-top: 48px;
    }

    #vacanciesSearch {
        width: 100%;
        height: 60px;
    }

    #vacanciesSearch > svg {
        width: 18px;
        height: auto;
    }

    #vacanciesSearch > input,
    #vacanciesSearch > input:focus {
        font-size: 18px;
    }

    #vacanciesSearch > input::placeholder {
        font-size: 18px;
        line-height: 150%;
    }

    #vacanciesSearch > input::-webkit-input-placeholder {
        font-size: 18px;
        line-height: 150%;
    }

    #vacanciesSearch > input::-moz-placeholder {
        font-size: 18px;
        line-height: 150%;
    }

    #vacanciesSearch > input::-ms-input-placeholder {
        font-size: 18px;
        line-height: 150%;
    }

    #vacanciesSearchFiltersButton {
        display: none;
    }

    #vacanciesPostsFilters {
        display: flex;
        justify-content: space-between;
        gap: 15px;
    }

    #vacanciesContainer {
        width: 68%;
        max-width: 985px;
        flex: 0 0 auto;
    }

    #vacanciesFilters {
        position: relative;
        visibility: visible;
        padding: 0;
        width: fit-content;
        transform: translateX(0);
        margin-top: 255px;
    }

    #vacanciesCloseFiltersModalWrapper {
        display: none;
    }

    #vacanciesFilterCategories {
        margin-top: 0;
        gap: 40px;
    }

    .vacancies-filter-category-title {
        font-size: 20px;
        letter-spacing: 0.01em;
    }

    .vacancies-filter-item-name {
        font-size: 18px;
        letter-spacing: 0;
    }

    .vacancies-card-tags-tovacancy {
        margin-top: 24px;
    }

    .vacancies-card-tags {
        gap: 16px 30px;
        width: 75%;
    }

    .vacancies-card-tag {
        padding: 0;
        border-radius: 0;
        background-color: transparent;
        font-size: 16px;
        line-height: 130%;
    }

    .vacancies-card-tovacancy {
        display: flex;
        align-items: center;
        gap: 6px;
        color: rgba(37, 45, 93, 1);
    }

    .vacancies-card-tovacancy > span {
        font-weight: 500;
        font-size: 20px;
        line-height: 130%;
        letter-spacing: 0.01em;
    }

    .vacancies-card-logo {
        height: 39px;
    }

    #vacanciesFilterLabelsOuter {
        gap: 24px;
        flex-wrap: wrap;
        margin-top: 14px;
    }

    #vacanciesFilterLabelsOuter.active {
        display: flex;
    }

    #vacanciesFilterLabels {
        gap: 10px;
    }

    #vacanciesFilterLabels > div {
        padding: 7px 14px;
        border: 1px solid rgba(37, 45, 93, 1);
        border-radius: 10px;
    }

    #vacanciesFilterLabels > div > span {
        font-size: 18px;
    }

    #vacanciesFilterLabels > div > svg {
        width: 13px;
    }

    #vacanciesClearFilters {
        font-size: 18px;
    }

    .wp-block-gallery {
        gap: 20px !important;
    }

    .wp-block-gallery + .wp-block-gallery {
        margin-top: 20px !important;
    }

    /* .wp-block-image {
        width: calc((100% - 40px) / 3) !important;
    } */
}



/* Desktop */
@media (min-width: 1024px) {
    .my-container {
        padding: 0 60px;
    }

    .service-card {
        width: calc((100% - 20px) / 2);
    }

    .footer-home .footer-subsidiary-logo img {
        height: 50px;
    }

    .footer-home .footer-logo {
        height: 68px;
    }

    .about-services-card {
        width: calc((100% - 20px) / 2);
    }

    .subs-fact-upper {
        gap: 12px;
    }

    .subs-fact-upper > svg {
        width: 18px;
        height: 32px;
    }

    .subs-fact-upper > span {
        font-weight: 700;
        font-size: 48px;
        line-height: 110%;
        letter-spacing: 0.03em;
    }

    .subs-fact-lower {
        font-weight: 400;
        font-size: 18px;
    }

    .gtf-logistics-card {
        width: calc((100% - 40px) / 3)
    }

    #gtfLogisticsCardLast {
        width: calc((100% - 40px) / 3 * 2 + 20px);
    }

    #subsProductsCards {
        display: block;
        height: 740px;
    }

    #subsProductsCard1,
    #subsProductsCard3 {
        position: absolute;
        width: calc((100% - 20px) * 0.6);
        inset: auto;
    }

    #subsProductsCard1 {
        top: 0;
        left: 0;
    }

    #subsProductsCard3 {
        bottom: 0;
        left: 0;
    }

    #subsProductsCard2 {
        inset: auto;
        position: absolute;
        width: calc((100% - 20px) * 0.4);
        height: 540px;
        top: 0;
        right: 0;
    }

    #subsProductsCard4 {
        inset: auto;
        position: absolute;
        top: 560px;
        right: 0;
        height: 180px;
        width: calc((100% - 20px) * 0.4);
    }

    #subsSeeMore {
        margin-block: 140px 45px;
    }

    #subsSeeMoreContent {
        gap: 20px;
    }

    #subsSeeMoreTitle {
        font-size: 60px;
        line-height: 1;
    }

    #subsSeeMoreTextButton {
        gap: 20px;
    }

    #subsSeeMoreText {
        font-size: 24px;
        letter-spacing: 0.04em;
    }

    #subsSeeMoreButton {
        height: 68px;
    }

    #subsSeeMoreButton > span {
        font-size: 24px;
        line-height: 150%;
        letter-spacing: 0.02em;
    }

    #careersBuildingFutureMotto1,
    #careersBuildingFutureMotto2 {
        font-size: 38px;
    }

    #careersWhyChooseUsMainCard,
    #careersWhyChooseUsSecondaryCards {
        width: calc((100% - 20px) / 2);
    }

    #policySummaryOuter {
        display: block;
        width: 700px;
        position: relative;
    }

    #policySummary {
        border-radius: 15px;
        padding: 32px;
        display: flex;
        flex-direction: column;
        gap: 24px;
        background-color: white;
        color: rgba(37, 45, 93, 1);
        box-shadow: 3px 4px 16px rgba(44, 49, 81, 0.08);
        height: fit-content;
        position: sticky;
        top: 0;
    }

    .policy-summary-item {
        display: flex;
        font-weight: 500;
        font-size: 18px;
        color: rgba(37, 45, 93, 1);
        gap: 20px;
    }

    .policy-summary-item > span {
        transform: translateY(4px);
    }

    .policy-summary-item > a {
        line-height: 150%;
    }

    .all-news-post {
        width: calc((100% - 20px) / 2);
    }

    #allNewsTitle {
        font-size: 90px;
    }

    #allNewsLatestPostContent {
        width: 60%;
    }

    /* .vacancies-query-card {
        width: calc((100% - 20px) / 2);
    } */

    #homePrinciplesFigure {
        width: 30%;
    }

    .home-news-post {
        width: calc((100% - 40px) / 3);
        height: 100%;
    }

    .all-news-post-content {
        height: 375px;
    }
}



/* Wide screens */
@media (min-width: 1440px) {
    .service-card {
        width: 427px;
        flex: 0 0 auto;
        transition: all 0.5s;
    }

    .service-card.active {
        width: 650px;
    }

    #serviceCards {
        flex-wrap: nowrap;
        transition: all 0.5s;
        transform: translateX(0);
        overflow: visible;
    }

    .service-card-text {
        visibility: hidden;
        opacity: 0;
        transition: all 0.5s;
        width: 310px;
        font-size: 24px;
    }

    .service-card.active .service-card-text {
        visibility: visible;
        opacity: 1;
    }

    .footer-home .footer-logo {
        height: 96px;
    }

    #aboutServices {
        height: 540px;
    }

    #aboutServicesImage {
        display: block;
    }

    .about-services-card {
        width: calc((100% - 40px) / 3);
    }

    #subsTop {
        height: 820px;
    }

    #subsTopImg {
        height: 820px;
    }

    #subsSeeMoreTitle {
        font-size: 90px;
    }

    #careersBuildingFutureMotto1,
    #careersBuildingFutureMotto2 {
        font-size: 48px;
    }

    #careersVacancies > .my-container > img {
        transform: translateX(0);
    }

    #policyContentTitle {
        font-size: 94px;
    }

    .all-news-post {
        width: calc((100% - 40px) / 3);
    }

    #heroTitleUpper {
        font-size: 90px;
    }

    #heroTitleLower {
        font-size: 64px;
    }

    #aboutTopText1 {
        font-size: 67.5px;
    }

    #aboutFact12 {
        font-size: 130px;
    }

    #aboutFact21,
    #aboutFact31 {
        font-size: 90px;
    }

    #aboutFact23,
    #aboutFact33 {
        font-size: 18px;
    }

    #principlesTitle {
        font-size: 90px;
    }

    #principlesText {
        font-size: 24px;
    }

    @keyframes partners-logos-carousel {
        0% { transform: translateX(0); }
        100% { transform: translateX(-50%); }
    }

    #principlesTitleText {
        padding-top: 67px;
        gap: 24px;
    }

    #homeNewsPosts {
        height: calc(100% - 240px);
    }

    .all-news-post-content {
        height: 400px;
    }
}