/* ========================================
   HOME PAGE
   ======================================== */
.mobile-device .buttons-container.blue-buttons-container,
.mobile-device .what-we-do-buttons-container.buttons-container {
    width: 100%;
    max-width: 90vw;
    overflow-x: scroll;
    gap: 10px;
    justify-content: center;
}

.mobile-device .blue-buttons-container-scroll,
.mobile-device .what-we-do-container-buttons-scroll {
    overflow: hidden;
    width: 100%;
    max-width: 90vw;
    height: 40px;
    margin-bottom: 10px;
}

.mobile-device .what-we-do-buttons-container.home-buttons-container {
    max-width: 100vw;
    padding-right: 60px;
}

.mobile-device .what-we-do-container-buttons-scroll.home {
    height: 50px;
}


.mobile-device .menu-container {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.mobile-device .circles-container {
    display: none !important;
}

.mobile-device .earth {
    display: none !important;
}

.mobile-device .man-hand {
    display: none !important;
}

.mobile-device .hidden-small,
.mobile-device .hidden-mobile {
    display: none !important;
}

.mobile-device .flex-row,
.mobile-device .flex-column,
.mobile-device .more-about-us-container0,
.mobile-device .more-about-us-text,
.mobile-device .more-about-us-text>p {
    text-align: left !important;
    justify-content: start !important;
    align-items: start !important;
}

.mobile-device .left-header-text-container {
    position: relative;
    top: 20%;
    left: 15%;
    transform: translate(-10%, -20%);
    width: 90%;
}

.mobile-device .header-text-container {
    align-items: start;
}

.mobile-device .what-we-do-container,
.mobile-device .why-us-container,
.mobile-device .careers-container {
    align-items: start;
    padding-top: 15px;
    background-position-y: 75px !important;
}

.mobile-device .why-us-inner-container,
.mobile-device .what-we-do-inner-container,
.mobile-device .investors_newsroom-container {
    align-items: start;
    justify-content: start;
    flex-direction: column;
    margin: 0 5% !important;
}

.mobile-device .careers-inner-container {
    align-items: center;
    flex-direction: column;
    margin: 0 5% !important;
}

.mobile-device .careers-inner-container {
    flex-direction: column-reverse;
}

.mobile-device .careers-mobile-join-us {
    display: flex !important;
    margin-top: 40px;
    width: 230px !important;
}

.mobile-device .why-us-inner-container .why-us-text-container {
    text-align: left;
}


.mobile-device .careers-second-column .number,
.mobile-device .why-us-first-column .number,
.mobile-device .what-we-do-first-column .number {
    width: 30px !important;
    margin-right: 0px;
}

.mobile-device .investors_newsroom-container .number {
    width: 50px !important;
    margin-right: 0px;
}

.mobile-device .why-us-container .why-us-first-column,
.mobile-device .what-we-do-container .what-we-do-first-column {
    margin-bottom: 30px;
}

.mobile-device .investors_newsroom-container,
.mobile-device .what-we-do-container-buttons-scroll {
    width: 90vw !important;
    max-width: 90vw !important;
}


.mobile-device .careers-container .careers-second-column>p,
.mobile-device .why-us-container .why-us-first-column>p,
.mobile-device .what-we-do-container .what-we-do-first-column>p {
    width: 90%;
    font-size: 20px;
}

.mobile-device .careers-container .careers-second-column>p,
.mobile-device .why-us-container .why-us-first-column>p,
.mobile-device .why-us-container .why-us-first-column>a,
.mobile-device .what-we-do-container .what-we-do-first-column>p,
.mobile-device .what-we-do-container .what-we-do-first-column>a {
    margin: 10px 0;
}

.mobile-device .careers-container .careers-img,
.mobile-device .careers-container .careers-second-column,
.mobile-device .why-us-container .why-us-second-column,
.mobile-device .why-us-container .why-us-second-column .overlap-group,
.mobile-device .what-we-do-container .what-we-do-second-column,
.mobile-device .what-we-do-container .what-we-do-second-column .overlap-group {
    width: 100%;
}

.mobile-device .why-us-container .why-us-second-column .overlap-group-container {
    top: 40%;
}

.mobile-device .why-us-container .why-us-second-column .overlap-group {
    border-radius: 35px;
}

.mobile-device .what-we-do-second-column-overlay {
    border-radius: 77px 77px 67px 67px;
}

.mobile-device .what-we-do-second-column-overlay {
    padding: 40px;
}

.mobile-device .darkened-image-bg-container.blue-governance-sustainability-bg-image p,
.mobile-device .outfit-normal-white-xxxl,
.mobile-device .outfit-gradient-blue-xl,
.mobile-device .outfit-gradient-blue-xxl,
.mobile-device .outfit-gradient-blue-xxxl {
    font-size: 40px;
    line-height: 35px;
}

.mobile-device .more-about-us-container {
    padding: 5%;
}

.mobile-device .flex-column {
    width: 100%;
}

.mobile-device .number.outfit-extra-bold-gallery-xl,
.mobile-device .page-subtitle-numbered.outfit-normal-chambray-lg,
.mobile-device .number-3.outfit-extra-bold-gallery-xl,
.mobile-device .more-about-us.outfit-normal-chambray-lg {
    font-size: 30px;
    line-height: 30px;
}

.mobile-device .what-we-do-container .what-we-do-first-column .buttons-container {
    flex-direction: row;
    width: 100vw;
    max-width: 100vw;
    justify-content: start;
    align-items: start;
    margin: 10px 0 0 0;
}

.mobile-device .careers-second-column>.flex-row {
    margin-bottom: 0;
}

.mobile-device .nature-frame-overlap-group {
    padding: 8%;
}

.mobile-device .white-logo {
    max-width: 80% !important;
}

.mobile-device .investors_newsroom-container {
    gap: 25px;
    padding: 15px 0 0 0 !important;
}

.mobile-device .investors_newsroom-container .newsroom-frame,
.mobile-device .investors_newsroom-container .investors-frame {
    border-radius: 45px;
    gap: 5%;
    width: 100%;
    height: fit-content;
    padding: 35px;
}

.mobile-device .investors_newsroom-text,
.mobile-device .header-line {
    max-width: 500px;
    margin-bottom: 30px !important;
}

.mobile-device .world-map {
    padding-top: 130px;
}

.mobile-device .map-button {
    top: 90%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* ========================================
WHY US & MORE ABOUT US PAGES
======================================== */

.mobile-device .header-with-tabs-container,
.mobile-device .header-with-tabs-inner-container,
.mobile-device .gray-container-with-line-bg-container,
.mobile-device .gray-container-with-line-bg-inner-container {
    flex-direction: column;
    justify-content: start;
    padding-top: 20px;
    background-image: none !important;
}

.mobile-device .header-with-tabs-inner-container>.going-together-image,
.mobile-device .header-with-tabs-inner-container>.image {
    width: 100%;
    margin-top: 20px;
}

.mobile-device .blue-board-pre-footer-text p,
.mobile-device .together-we-can-shape>p:first-of-type {
    width: 90%;
}

.mobile-device .header-with-tabs-inner-container .header-tabs {
    margin-bottom: 20px;
}

.mobile-device .header-with-tabs-inner-container .at-bluenano-our-journey,
.mobile-device .header-with-tabs-inner-container .saving-and-protecting {
    font-size: 30px;
    line-height: 25px;
    margin-bottom: 20px;
    padding: initial !important;
}

.mobile-device .going-together-pre-footer-text,
.mobile-device .our-mission-container {
    padding: 0 5%;
}

.mobile-device .gray-container-with-line-bg-inner-container img:not(.vector) {
    display: none;
}

.mobile-device .gray-container-with-line-bg-inner-container .right-text-container {
    width: 100%;
}

.mobile-device .darkened-image-bg-container p {
    font-size: 55px;
    line-height: 50px;
    padding: 0 5%;
}

.mobile-device .darkened-image-bg-container.its-possible-to-achieve-image .overlap-group.flex-column {
    justify-content: center !important;
    align-items: center !important;
}

.mobile-device .darkened-image-bg-container.its-possible-to-achieve-image p {
    font-size: 30px;
    line-height: 25px;

}

.mobile-device .dual-cards-container {
    flex-direction: column;
    gap: 20px;
}

.mobile-device .dual-cards-container .left-card-frame,
.mobile-device .dual-cards-container .right-card-frame {
    width: 100%;
    min-width: 90%;
    max-width: 90%;
    padding: 25px;
    height: fit-content;
    max-height: fit-content;
    min-height: initial;
    border-radius: 30px;

}

.mobile-device .wide-image-with-floating-card-inner-container {
    max-width: 90%;
    margin-top: 80px;
}

.mobile-device .wide-image-with-floating-card-inner-container .overlap-group-container {
    padding: 0 5%;
    top: -50px;
    width: 100%;
    left: initial !important;
}

.mobile-device .with-margin-top {
    margin-top: initial !important;
    padding-top: initial !important;
}

.mobile-device .blue-offices-header-title,
.mobile-device .blue-brand-header-title,
.mobile-device .governance-that-drives-impact,
.mobile-device .global-contacts-header-title,
.mobile-device .blue-board-header {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    margin-bottom: initial;
}

.mobile-device .blue-board-cards-container {
    margin-top: 0
}

.mobile-device .blue-board-card {
    max-width: 90%;
    padding: 40px;
}

.mobile-device #blue-board-cards-header {
    margin-bottom: 0;
    font-size: 25px;
    line-height: 25px;
}

.mobile-device .darkened-image-bg-container.blue-brand-pre-footer,
.mobile-device .darkened-image-bg-container.blue-brand-pre-footer .overlap-group.flex-column {
    align-items: center !important;
    justify-content: center !important;
    flex-direction: column !important;
}

.mobile-device .blue-governance-sustainability-bg-image.darkened-image-bg-container {
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.mobile-device .sustainability-title {
    width: 100%;
    text-align: center;
    margin-top: 30px;
}

.mobile-device .gray-container-with-vertical-line-bg-container {
    background-image: none !important;
    padding: 0 5%;
    gap: initial;
    flex-direction: column;
    justify-content: start;
}

.mobile-device .gray-container-with-vertical-line-bg-container .aside-text-container {
    gap: 0;
    width: 100%;
    height: 100%;
    justify-content: start;
    padding-top: 30px;

}

.mobile-device .gray-container-with-vertical-line-bg-container .aside-text-container p {
    margin-bottom: 10px;
}

.mobile-device .gray-container-with-vertical-line-bg-container .aside-text-container .flex-row,
.mobile-device .gray-container-with-vertical-line-bg-container .aside-text-container .flex-row .card {
    flex-direction: column;
    gap: 10px;
    width: 100%;
}

.mobile-device .gray-container-with-vertical-line-bg-container .aside-text-container .flex-row .card .card-text {
    margin-bottom: 20px;
}

.mobile-device .what-we-do-floating-card-container {
    width: 100%;
}

.mobile-device .sticky-buttons-wrapper {
    margin-top: 10px;
}

.mobile-device .what-we-do-floating-card-container .wide-image-with-floating-card-inner-container {
    margin-top: 0;
}

.mobile-device .what-we-do-floating-card-container .floating-title {
    width: 100%;
    font-size: 30px;
    top: 10px;
}

.mobile-device .what-we-do-floating-card-container .overlap-group-container {
    top: -120px;
}

.mobile-device .careers-wide-image-container-with-floating-card .overlap-group-container .overlap-group,
.mobile-device .what-we-do-floating-card-container .overlap-group-container .overlap-group {
    padding: 25px;
    border-radius: 35px;
}

.mobile-device #what-we-do-floating-card-text {
    font-size: 20px;
}

.mobile-device .header-container {
    align-items: center;
    justify-content: start;
    flex-direction: column;
    padding: 0 5%;
}

.mobile-device .header-container .header-text-container {
    align-items: start;
}

.mobile-device .header-container>img {
    width: 100%;
}

.mobile-device .header-container .left-header-text .page-subtitle-numbered {
    margin: 20px 0 15px 0;
}

.mobile-device .careers-wide-image-container-with-floating-card .wide-image-with-floating-card-inner-container {
    margin-top: 10px;
}

.mobile-device .global-contacts-gray-bg .right-text-container,
.mobile-device .careers-gray-bg .right-text-container {
    justify-content: center;
    align-items: center;
}


.mobile-device .newsroom-wide-dark-image .outfit-normal-white-xxl,
.mobile-device .newsroom-wide-dark-image .outfit-light-white-l,
.mobile-device .investors-wide-dark-image .outfit-normal-white-xxl,
.mobile-device .investors-wide-dark-image .outfit-light-white-l {
    font-size: 30px !important;
    line-height: 30px !important;
}

.mobile-device .newsroom-wide-dark-image>.overlap-group.flex-column,
.mobile-device .investors-wide-dark-image>.overlap-group.flex-column {
    justify-content: center !important;
    align-items: center !important;
}

.mobile-device .wide-image-container-with-floating-card .overlap-group {
    border-radius: 30px;
    padding: 30px 15px 30px 15px;
}

.mobile-device .blue-governance-sustainability-bg-image .outfit-light-white-s {
    font-size: 18px !important;
    line-height: 20px !important;
}

.mobile-device .careers-header-title,
.mobile-device .newsroom-wide-dark-image-title,
.mobile-device .newsroom-header-title {
    width: 90% !important;
    max-width: 90% !important;
}

.mobile-device .left-header-text-container.what-we-do-left-header-text>.left-header-text {
    width: 70% !important;
    max-width: 70% !important;
}

.mobile-device .newsroom-wide-dark-image-title,
.mobile-device .careers-pre-footer-text h1,
.mobile-device .careers-pre-footer-text p,
.mobile-device .what-we-do-header-title {
    font-size: 25px !important;
    line-height: 25px !important;
}

.mobile-device .outfit-light-chambray-l {
    font-size: 20px !important;
    line-height: 20px !important;
    margin-bottom: 0px !important;
}