/*!
Theme Name: Omrgroup
Theme URI: #
Author: Redirekt.io
Author URI: redirekt.io
Description: Custom WP theme
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain:  omrgroup
Tags: Custom build WP Theme
*/
@font-face {
    font-family: 'Ridley Grotesk';
    src: url('./fonts/RidleyGrotesk-Bold.woff2') format('woff2'),
        url('./fonts/RidleyGrotesk-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ridley Grotesk';
    src: url('./fonts/RidleyGrotesk-Medium.woff2') format('woff2'),
        url('./fonts/RidleyGrotesk-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ridley Grotesk';
    src: url('./fonts/RidleyGrotesk-Light.woff2') format('woff2'),
        url('./fonts/RidleyGrotesk-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ridley Grotesk';
    src: url('./fonts/RidleyGrotesk-Regular.woff2') format('woff2'),
        url('./fonts/RidleyGrotesk-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



.skip-link {
    position: absolute;
    top: -9999px;
}

body {
    font-family: 'Ridley Grotesk';
    font-weight: 400;
    font-size: 20px;
    color: #0D1A3E
}

header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    transition: transform 0.3s ease-in-out;
    padding: 24px 30px;
}

.offcanvas ul {
    padding: 0;
    margin: 0;
}

.offcanvas ul {
    padding: 0 70px 0 0;
}

.offcanvas ul li {
    list-style-type: none;
    text-align: right;
    margin-bottom: 32px;
}

.wpml-ls-menu-item {
    text-align: right;
    color: rgba(255, 255, 255, 0.70);
}



.jakarta {
    font-family: "Plus Jakarta Sans", sans-serif;
}

.related-posts.karijera {
    display: none;
}

.offcanvas ul li a {
    color: rgba(255, 255, 255, 0.70);
    text-align: right;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 800;
    line-height: 110%;
    text-decoration: none;
    letter-spacing: -0.48px;
}
ul .wpml-ls-menu-item a {
    display: inline-block;
      font-size: 17px !important;
    background: #eee;
    color: #000 !important;
    border-radius: 20px;
    padding: 6px 13px;
}
.offcanvas ul li.small {
    margin-bottom: 24px;
}

.lang {
    color: rgba(255, 255, 255, 0.50);
    padding-right: 70px;

}

.lang span {
    color: rgba(255, 255, 255, 0.50);


}


.offcanvas ul li.small a {
    font-size: 22px;
    font-style: normal;
    letter-spacing: -0.24px;
}

#primary-menu li.small.divider {
    margin-top: 48px !important;
}

header.headroom {
    will-change: transform;
    transition: all 200ms linear;
}

header.headroom--pinned {
    transform: translateY(0%);
}

header.headroom--unpinned {
    transform: translateY(-100%);
}

.headroom:not(.headroom--top),
header.headroom--not-top {
    background: #0d1a3e;
}

.menu-button {
    display: flex;
    padding: 20px 24px;
    align-items: center;
    gap: 20px;
    border-radius: 60px;
    background: rgba(13, 26, 62, 0.60);
    color: #fff;
    color: #FFF;
    font-family: "Plus Jakarta Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    /* 16px */
}

.hero {
    position: relative;
    overflow: hidden;
    height: calc(100vh + 167px);
    display: flex;
    align-items: center;
    justify-content: end;
}


.hero h1 {
    position: relative;
    white-space: nowrap;
    font-size: 220px;
    animation: slideRightToLeft 45s linear forwards;
    transform: translateX(100%);
    font-weight: bold;
    color: #fff;
    letter-spacing: -5px;
}

.moving-block {
    min-height: 600px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.move-text-container {
    overflow: hidden;
    width: 100%;
}

.move-text {
    animation: moveTextContinuous 30s linear infinite;
    font-size: 160px;
    font-weight: bold;
    position: relative;
    color: #fff;
    letter-spacing: -5px;
    white-space: nowrap;
    display: inline-block;
}

.color-inherit {
    color: inherit;
}

.fs-16 {
    font-size: 15px;
}

.fs-18 {
    font-size: 16px;
}

.fs-20 {
    font-size: 18px;
}

.fs-22 {
    font-size: 20px;
}

.fs-28 {
    font-size: 28px;
}

.fs-32 {
    font-size: 30px;
}

.fs-34 {
    font-size: 32px;
}

.fs-44 {
    font-size: 44px;
}

.fs-90 {
    font-size: 90px;
}

@keyframes slideRightToLeft {
    0% {
        transform: translateX(100%);
    }

    100% {
        transform: translateX(0%);
    }
}

@keyframes moveTextContinuous {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}

.offcanvas.offcanvas-end {
    backdrop-filter: blur(5px);
    background-color: #0d1a3ee7;
    width: 550px;
}

.offcanvas-header {
    padding-top: 22px;
}

.division-card {
    border-top: 1px solid rgba(255, 255, 255, 0.10);
    border-right: 1px solid rgba(255, 255, 255, 0.10);
    background: linear-gradient(114deg, rgba(13, 26, 62, 0.09) 1.84%, rgba(13, 26, 62, 0.06) 102.07%);
    backdrop-filter: blur(15px);
    transition: 0.3s ease-in-out;
    width: 25%;
    min-width: 25%;
    max-width: 25%;
}

@media screen and (min-width: 1200px) and (max-width: 1920px) {

    .main-divisions {
        min-height: 226px
    }
}

.card-holder {
    padding: 32px;
}

.division-title {
    color: #FFF;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 110%;
    letter-spacing: -0.32px;
    margin-bottom: 18px;
    display: block;
    display: flex;
    align-items: center;
    justify-content: start;
}

.main-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: sticky;
    top: 0;
    overflow: hidden;
}

.main-container .card-block {
    padding: 80px 0;
}

.card-block {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
}

.card-block h2 {
    color: #0D1A3E;
    font-size: 90px;
    font-style: normal;
    font-weight: 700;
    line-height: 110%;
    letter-spacing: -1px;
}

.line {
    height: 2px;
    background-color: #1A72D3;
    display: block;
    width: 100%;
}

.card-block p {
    margin: 36px auto 64px;
}

.section-title {
    color: #0D1A3E;
    font-size: 22px;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: 0;
    text-transform: uppercase;

}

.btlr-radius-160 {
    border-top-left-radius: 160px;
    border-top-right-radius: 160px;
    overflow: hidden;
}

.section-title .text {
    min-width: 320px;
    margin-right: 20px;
    padding-left: 20px;
    border-left: 2px solid #1A72D3;
}

.image-content {
    text-align: center;
}

.division-title span {
    display: inline-block;
}

.division-title .icon {
    width: 0;
    transition: 0.3s ease;
    display: block;
    overflow: hidden;
}

.division-title+p {
    color: #FFF;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.logos-scroll-container {
    overflow: hidden;
    padding: 60px 0;
    position: relative;
}

.logos-scroll-container::before,
.logos-scroll-container::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 70px;
    z-index: 2;
    pointer-events: none;
}

.logos-scroll-container::before {
    left: 0;
    background: linear-gradient(to right, #0D1A3E 0%, rgba(13, 26, 62, 0.8) 30%, rgba(13, 26, 62, 0) 100%);
}

.logos-scroll-container::after {
    right: 0;
    background: linear-gradient(to left, #0D1A3E 0%, rgba(13, 26, 62, 0.8) 30%, rgba(13, 26, 62, 0) 100%);
}

.logos-scroll {
    display: flex;
    animation: scroll 30s linear infinite;
    width: calc(200% + 40px);
}

.logos-scroll .logo {
    flex: 0 0 auto;
    margin-right: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 150px;
    height: 80px;
}

.logos-scroll .logo img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    filter: brightness(0) invert(1);
    opacity: 0.8;
    transition: opacity 0.3s ease;
}

.logos-scroll .logo:hover img {
    opacity: 1;
}

footer {
    background: rgba(13, 26, 62, 1);
    padding: 120px 0
}

footer ul a {
    color: inherit;
    text-decoration: none;
}
.single-open_position .related-posts {
    display: none;
}
footer ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    margin-top: 10px;
    border-left: 2px solid rgba(17, 90, 170, 1);
    padding-left: 18px;
}

footer ul li+li {
    margin-top: 8px;
}

footer ul li:first-child {
    margin-top: 0;
}

@keyframes scroll {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}

@media (max-width: 768px) {
    .logos-scroll .logo {
        min-width: 120px;
        height: 60px;
        margin-right: 40px;
    }

    section.hero {
        background-attachment: scroll !important;
    }

    @keyframes scroll {
        0% {
            transform: translateX(0);
        }

        100% {
            transform: translateX(-50%);
        }
    }
}

.division-card a {
    border-radius: 135px;
    display: flex;
    width: 100%;
    opacity: 0;
    height: 70px;
    padding: 0 32px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    overflow: hidden;
    transition: 0.3s ease-in-out;
    justify-content: center;
    min-width: 100%;
    text-align: center;
    background-color: #115baa41;
    color: #fff;
    text-decoration: none;
    transform: translateY(100%);
}



.button-holder {
    height: 0px;
    transition: 0.3s ease-in-out;
}

.division-card:hover .button-holder {
    height: 70px;
}

.division-card:hover a {
    opacity: 1;
    transform: translateY(0);

}

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

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

.container-fluid {
    max-width: 1700px;
}

.left-big-border {
    border-bottom-left-radius: 500px;
}

.division-card:hover {
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
}

.lead {
    font-size: 30px;
}

.division-card:hover .division-title .icon {
    width: 30px;
}

blockquote {
    background-image: url("data:image/svg+xml,%3Csvg width='75' height='69' viewBox='0 0 75 69' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.0685 68.155C3.03915 69.2889 0 66.8888 0 63.6542V61.226C0 58.9443 1.56778 57.003 3.68292 56.1474C7.68645 54.5278 10.7831 52.1172 12.9729 48.9157C15.0532 46.194 16.549 42.9346 17.4605 39.1375C18.1469 36.278 15.7953 33.7349 12.8546 33.7349H5.10112C2.3397 33.7349 0.101121 31.4964 0.101121 28.7349V5C0.101121 2.23857 2.3397 0 5.10112 0H27.9964C30.7578 0 32.9964 2.23858 32.9964 5V23.8956C32.9964 36.0776 30.1762 46.1044 24.5358 53.9759C20.1466 60.4633 13.9909 65.1896 6.0685 68.155ZM47.7762 68.1965C44.746 69.305 41.7216 66.906 41.7216 63.6794V61.226C41.7216 58.9443 43.2882 57.001 45.4062 56.1523C49.4482 54.5327 52.6383 52.1205 54.9765 48.9157C57.0821 46.1608 58.5429 42.8551 59.359 38.9984C59.9553 36.1801 57.6204 33.7349 54.7397 33.7349H46.8227C44.0613 33.7349 41.8227 31.4964 41.8227 28.7349V5C41.8227 2.23857 44.0613 0 46.8227 0H70C72.7614 0 75 2.23858 75 5V23.8956C75 36.0776 72.1798 46.1044 66.5394 53.9759C62.1297 60.4936 55.8753 65.2338 47.7762 68.1965Z' fill='%231A72D3'/%3E%3C/svg%3E%0A");
    background-size: 70px;
    background-repeat: no-repeat;
    background-position: top left;
    padding: 0px 40px 20px 100px;
    font-size: 20px;
    font-weight: 500;
    line-height: 130%;
}

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

.blue-background {
    background-color: #0D1A3E;

}

.about.blue-background {
    border-bottom-right-radius: 600px;
}

img {
    max-width: 100%;
    height: auto;
}


.big-title {
    color: #115AAA;
    font-size: 116px;
    font-style: normal;
    font-weight: 700;
    line-height: 110%;
    /* 140.8px */
}

.button {
    display: flex;
    border-radius: 135px;
    border: 2px solid #115AAA;
    background: #115AAA;
    display: inline-flex;
    padding: 23px 40px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: #FFF;
    text-align: center;
    font-size: 19px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    text-decoration: none;
    transition: 0.3s ease;
    /* 26px */
}

.lead p {
    margin-bottom: 68px;
}

.button:after {
    content: ' ';
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.92 11.6202C17.8724 11.4974 17.801 11.3853 17.71 11.2902L12.71 6.29019C12.6168 6.19695 12.5061 6.12299 12.3842 6.07253C12.2624 6.02207 12.1319 5.99609 12 5.99609C11.7337 5.99609 11.4783 6.10188 11.29 6.29019C11.1968 6.38342 11.1228 6.49411 11.0723 6.61594C11.0219 6.73776 10.9959 6.86833 10.9959 7.00019C10.9959 7.26649 11.1017 7.52188 11.29 7.71019L14.59 11.0002H7C6.73478 11.0002 6.48043 11.1055 6.29289 11.2931C6.10536 11.4806 6 11.735 6 12.0002C6 12.2654 6.10536 12.5198 6.29289 12.7073C6.48043 12.8948 6.73478 13.0002 7 13.0002H14.59L11.29 16.2902C11.1963 16.3831 11.1219 16.4937 11.0711 16.6156C11.0203 16.7375 10.9942 16.8682 10.9942 17.0002C10.9942 17.1322 11.0203 17.2629 11.0711 17.3848C11.1219 17.5066 11.1963 17.6172 11.29 17.7102C11.383 17.8039 11.4936 17.8783 11.6154 17.9291C11.7373 17.9798 11.868 18.006 12 18.006C12.132 18.006 12.2627 17.9798 12.3846 17.9291C12.5064 17.8783 12.617 17.8039 12.71 17.7102L17.71 12.7102C17.801 12.6151 17.8724 12.5029 17.92 12.3802C18.02 12.1367 18.02 11.8636 17.92 11.6202Z' fill='white'/%3E%3C/svg%3E%0A");
    width: 24px;
    height: 24px;
    transition: 0.3s ease;
}

.button:hover:after {
    transform: translateX(10px);
}

.button.invert {

    border: 2px solid #115AAA;
    background-color: transparent;
    color: #115AAA;

}

.button.invert.white {

    border: 2px solid #fff;
    background-color: transparent;
    color: #fff;

}

.button.invert:after {
    content: ' ';
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.92 11.6202C17.8724 11.4974 17.801 11.3853 17.71 11.2902L12.71 6.29019C12.6168 6.19695 12.5061 6.12299 12.3842 6.07253C12.2624 6.02207 12.1319 5.99609 12 5.99609C11.7337 5.99609 11.4783 6.10188 11.29 6.29019C11.1968 6.38342 11.1228 6.49411 11.0723 6.61594C11.0219 6.73776 10.9959 6.86833 10.9959 7.00019C10.9959 7.26649 11.1017 7.52188 11.29 7.71019L14.59 11.0002H7C6.73478 11.0002 6.48043 11.1055 6.29289 11.2931C6.10536 11.4806 6 11.735 6 12.0002C6 12.2654 6.10536 12.5198 6.29289 12.7073C6.48043 12.8948 6.73478 13.0002 7 13.0002H14.59L11.29 16.2902C11.1963 16.3831 11.1219 16.4937 11.0711 16.6156C11.0203 16.7375 10.9942 16.8682 10.9942 17.0002C10.9942 17.1322 11.0203 17.2629 11.0711 17.3848C11.1219 17.5066 11.1963 17.6172 11.29 17.7102C11.383 17.8039 11.4936 17.8783 11.6154 17.9291C11.7373 17.9798 11.868 18.006 12 18.006C12.132 18.006 12.2627 17.9798 12.3846 17.9291C12.5064 17.8783 12.617 17.8039 12.71 17.7102L17.71 12.7102C17.801 12.6151 17.8724 12.5029 17.92 12.3802C18.02 12.1367 18.02 11.8636 17.92 11.6202Z' fill='%23115AAA'/%3E%3C/svg%3E%0A");
    width: 24px;
    height: 24px;
    transition: 0.3s ease;
}

.button.invert.white:after {
    content: ' ';
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.92 11.6202C17.8724 11.4974 17.801 11.3853 17.71 11.2902L12.71 6.29019C12.6168 6.19695 12.5061 6.12299 12.3842 6.07253C12.2624 6.02207 12.1319 5.99609 12 5.99609C11.7337 5.99609 11.4783 6.10188 11.29 6.29019C11.1968 6.38342 11.1228 6.49411 11.0723 6.61594C11.0219 6.73776 10.9959 6.86833 10.9959 7.00019C10.9959 7.26649 11.1017 7.52188 11.29 7.71019L14.59 11.0002H7C6.73478 11.0002 6.48043 11.1055 6.29289 11.2931C6.10536 11.4806 6 11.735 6 12.0002C6 12.2654 6.10536 12.5198 6.29289 12.7073C6.48043 12.8948 6.73478 13.0002 7 13.0002H14.59L11.29 16.2902C11.1963 16.3831 11.1219 16.4937 11.0711 16.6156C11.0203 16.7375 10.9942 16.8682 10.9942 17.0002C10.9942 17.1322 11.0203 17.2629 11.0711 17.3848C11.1219 17.5066 11.1963 17.6172 11.29 17.7102C11.383 17.8039 11.4936 17.8783 11.6154 17.9291C11.7373 17.9798 11.868 18.006 12 18.006C12.132 18.006 12.2627 17.9798 12.3846 17.9291C12.5064 17.8783 12.617 17.8039 12.71 17.7102L17.71 12.7102C17.801 12.6151 17.8724 12.5029 17.92 12.3802C18.02 12.1367 18.02 11.8636 17.92 11.6202Z' fill='white'/%3E%3C/svg%3E%0A");
    width: 24px;
    height: 24px;
    transition: 0.3s ease;
}

.fw-700 {
    font-weight: 700;
}

.fw-500 {
    font-weight: 500;
}

.banner-section {
    height: 600px;
    max-height: none;
    min-height: 1px;
    background-size: cover !important;
    position: relative;
}

.banner2-section {
    height: 100vh;
    min-height: 550px;
    max-height: 950px;
    background-size: cover !important;
    position: relative;
}

.banner-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
}

.banner-text h1 {
    color: #FFF;
    text-align: center;
    font-size: 136px;
    font-style: normal;
    font-weight: 700;
    line-height: 110%;
    letter-spacing: -2.72px;
}

.banner-text p {
    color: #FFF;
    text-align: center;
    font-size: 32px;
    font-weight: 500;
    margin-top: 68px;
}

.careers-button {
    display: inline-block;
    margin-top: 50px;
}

.careers-button a {
    color: #FFF;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    padding: 26px 40px 26px;
    text-decoration: none;
    display: block;
    border-radius: 60px;
    background: #115AAA;
    position: relative;
}

.container-small {
    max-width: 1150px;
}

.blue-section {
    padding: 120px 0;
    border-radius: 0 0 160px 160px;
    background: #0D1A3E;
    margin-bottom: 27px;
}

.blue-section p {
    color: #fff;
    text-align: center;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

.sticky-menu {
    padding: 20px 0;
    position: sticky;
    top: 0;
    overflow: hidden;
    background: #fff;
    z-index: 999;
}

.sticky-menu ul {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    justify-content: center;
}

.sticky-menu ul li a {
    color: rgba(13, 26, 62, 0.60);
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    padding: 20px 24px;
    display: inline-block;
    text-decoration: none;
}

/* .sticky-menu ul li a:hover {
    color: #0D1A3E;
    border-radius: 135px;
    background: rgba(17, 90, 170, 0.10);
} */

/* .sticky-menu ul li a.active-sticky {
    color: #fff;
    border-radius: 135px;
    background: #115AAA;
} */
.sticky-menu ul li a.active-sticky {
    font-weight: bold;
}

.sticky-menu ul li {
    margin: 0 4px;
}

.section-block {
    padding: 60px 0;
}

.section-block h2 {
    color: #0D1A3E;
    font-size: 96px;
    font-weight: 700;
    line-height: 110%;
    letter-spacing: -0.96px;
    margin-bottom: 36px;
}

.section-block p {
    color: #0D1A3E;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    max-width: 1260px;
}

.section-block .bottom {
    margin-top: 60px;
    margin-bottom: 72px;
}

.grid-box1 {
    display: grid;
    row-gap: 10px;
    column-gap: 16px;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-areas: "big big" "big big";
}

.grid-box3 {
    display: grid;
    row-gap: 10px;
    column-gap: 16px;
    flex-shrink: 0;
    grid-template-columns: 1fr 1fr 1fr;
}

.grid-box4 {
    display: grid;
    row-gap: 10px;
    column-gap: 16px;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-areas: ". big big" ". big big";
}

.column-two-wrapper {
    display: grid;
    grid-template-rows: 1fr 1fr;
    gap: 10px;
}

.grid-item img {
    width: 100%;
    height: auto;
}

.big {
    grid-area: big;
}

.logos {
    display: flex;
    align-items: center;
}

.logos div {
    /* max-height: 80px; */
}

.logos>div {
    margin-right: 30px;
 
}
.logos>div img {max-height: 80px;}
.main-button {
    border-radius: 60px;
    background: #115AAA;
    position: relative;
}

.main-button a {
    color: #FFF;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    padding: 26px 40px 26px 72px;
    text-decoration: none;
    display: block;
}

.main-button svg {
    position: absolute;
    left: 26px;
}

.news-section {
    padding: 80px 0 40px;
}

.news-section img {
    border-radius: 24px;
}

.news-section a {
    margin-bottom: 80px;
    display: block;
}

.news-button {
    color: #115AAA;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    padding: 12px 20px;
    border-radius: 60px;
    background: #E8EFF7;
    display: inline-block;
}

.esg-section {
    background: rgba(51, 151, 45, 0.10);
    padding: 80px 0 120px;
}

.esg-section h2 {
    color: #000;
    font-size: 96px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    /* 96px */
    margin-bottom: 54px;
}

.esg-section p {
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

.esg-section h3 {
    color: #000;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 56px;
    margin-top: 64px;
}

.esg-section h4 {
    color: #000;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    margin: 32px 0;
}

.green-card {
    border-radius: 32px;
    border-radius: 32px;
    background: #31AA3F;
    position: relative;
    z-index: 1;
}

.overlay-green {
    background: url('https://omrgroup.redirekt.io/wp-content/uploads/2025/10/green-mask.png') center center no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    border-radius: 32px;
}

.esg-card {
    border-radius: 32px;
    background: #FFF;
    padding: 48px 48px 18px;
    height: 100%;
}

.esg-card h2 {
    margin-bottom: 0;
    color: #31AA3F;
}

.esg-card p {
    margin: 32px 0;
}

.green-card {
    padding: 32px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.green-card p {
    color: #fff;
}

.green-card a {
    color: #FFF;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    /* 26px */
    padding: 16px 32px;
    display: inline-block;
    border-radius: 135px;
    border: 2px solid #FFF;
    text-decoration: none;
    display: flex;
    align-items: center;
}

.green-card a::after {
    content: ' ';
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.92 11.6202C17.8724 11.4974 17.801 11.3853 17.71 11.2902L12.71 6.29019C12.6168 6.19695 12.5061 6.12299 12.3842 6.07253C12.2624 6.02207 12.1319 5.99609 12 5.99609C11.7337 5.99609 11.4783 6.10188 11.29 6.29019C11.1968 6.38342 11.1228 6.49411 11.0723 6.61594C11.0219 6.73776 10.9959 6.86833 10.9959 7.00019C10.9959 7.26649 11.1017 7.52188 11.29 7.71019L14.59 11.0002H7C6.73478 11.0002 6.48043 11.1055 6.29289 11.2931C6.10536 11.4806 6 11.735 6 12.0002C6 12.2654 6.10536 12.5198 6.29289 12.7073C6.48043 12.8948 6.73478 13.0002 7 13.0002H14.59L11.29 16.2902C11.1963 16.3831 11.1219 16.4937 11.0711 16.6156C11.0203 16.7375 10.9942 16.8682 10.9942 17.0002C10.9942 17.1322 11.0203 17.2629 11.0711 17.3848C11.1219 17.5066 11.1963 17.6172 11.29 17.7102C11.383 17.8039 11.4936 17.8783 11.6154 17.9291C11.7373 17.9798 11.868 18.006 12 18.006C12.132 18.006 12.2627 17.9798 12.3846 17.9291C12.5064 17.8783 12.617 17.8039 12.71 17.7102L17.71 12.7102C17.801 12.6151 17.8724 12.5029 17.92 12.3802C18.02 12.1367 18.02 11.8636 17.92 11.6202Z' fill='white'/%3E%3C/svg%3E%0A");
    width: 24px;
    height: 24px;
    transition: 0.3s ease;
    display: inline-block;

}

.esg-button {
    display: flex;
    align-items: center;
    justify-content: end;
}

.green-card a:hover::after {
    transform: translateX(10px);
}

.leadership-box {
    margin-bottom: 78px;
}

.leadership-box h3 {
    color: #070B11;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
}

.leadership-box p {
    color: #070B11;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    /* 28px */
}

.leadership-text {
    margin-top: 32px;
}

.management-section {
    margin-top: 30px;
}

.management-section h2 {
    color: #070B11;
    text-align: center;
    font-size: 48px;
    font-style: normal;
    font-weight: 800;
    line-height: 120%;
    margin-bottom: 60px;
}

.our-team {
    padding: 0 0 70px;
}

.container-news {
    max-width: 950px;
}

.news-post {
    padding: 156px 0;
}

.news-post h6 {
    color: rgba(7, 11, 17, 0.50);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    margin-bottom: 24px;
}

.news-post h1 {
    color: #070B11;
    font-size: 64px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    margin-bottom: 48px;
}

.news-post p {
    margin-bottom: 30px;
}

.news-post img {
    max-width: 100%;
    height: auto;
}

.news-post h2 {
    color: #070B11;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    margin: 48px 0;
}

.single header {
    background: #0d1a3e;
}

figure,
figcaption {
    color: rgba(7, 11, 17, 0.50);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
}

.tw svg:hover path {
    fill: #0D1A3E;
}

.face svg:hover path {
    fill: #115AAA;
}

.ld svg:hover path {
    fill: #0a66c2;
}

.share {
    display: flex;
    align-items: center;
}

.share a {
    text-decoration: none;
    display: inline-block;
    margin-left: 48px;
}

.share h5 {
    color: #070B11;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    margin: 0;
}

.related-posts h3 {
    color: #070B11;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    /* 38.4px */
    margin-bottom: 32px;
}

.rel-news h4 {
    color: #070B11;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
}

.rel-news a {
    color: #115AAA;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    text-decoration: none;
    line-height: 100%;
}

.rel-news {
    display: flex;
}

.rel-news img {
    max-width: 161px;
    border-radius: 20px;
}

.rel-text {
    margin-left: 24px;
    margin-right: 56px;
}

.related-posts {
    padding-bottom: 90px;
}

.half-section {
    padding: 100px 0;
}

.half-section h2 {
    color: #0D1A3E;
    font-size: 96px;
    font-style: normal;
    font-weight: 700;
    line-height: 110%;
    letter-spacing: -0.96px;
    margin-bottom: 36px;
}

.row-reverse {
    flex-direction: row-reverse;
}

.half-sections {
    padding: 40px 0;
}

.container-plain {
    max-width: 1080px;
}

.plain-text {
    padding: 125px 0 114px;
    text-align: center;
}

.plain-text h2 {
    color: #070B11;
    text-align: center;
    font-size: 48px;
    font-style: normal;
    font-weight: 800;
    line-height: 120%;
    margin-bottom: 60px;
}

.plain-text p,
.half-section p {
    color: #000;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.3;
}

.values-card {
    background: #fff;
    border-radius: 32px;
    background: #FFF;
    padding: 48px;
    height: 100%;
}

.values-section {
    background: #E7F3FF;
    padding: 111px 0;
}

.values-section h2,
.h2-title {
    text-align: center;
    margin-bottom: 80px;
    color: #070B11;
    font-size: 48px;
    font-style: normal;
    font-weight: 800;
    line-height: 120%;
}

.values-section h3 {
    margin-top: 32px;
    color: #000;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    margin-bottom: 5px;
}

.positions-card {
    border-radius: 32px;
    background: #E7F3FF;
    padding: 48px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;

}

.positions-card h3 {
    color: #000;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    margin-bottom: 37px;
}

.positions-section .row>div {
    margin-bottom: 30px;
}

.positions-card a {
    display: flex;
    padding: 12px 24px;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    color: #115AAA;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    /* 26px */
    border-radius: 135px;
    border: 2px solid #115AAA;
    text-decoration: none;
}

.positions-card a svg {
    margin-left: 10px;
}

.positions-section {
    padding-bottom: 90px;
}

.positions-card ul {
    list-style: none;
    margin-bottom: 48px;
    padding-left: 0;
}

.positions-card li {
    display: flex;
    align-items: flex-start;
    margin-bottom: 24px;
}

.positions-card ul svg {
    min-width: 24px;
    margin-right: 10px;
}

.bg-text {
    padding: 120px 0;
    background-size: cover !important;
}

.bg-text h3 {
    font-size: 64px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.bg-text p {
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

.tar {
    text-align: right;
}

.blue-dot {
    width: 103px;
    height: 103px;
    border-radius: 60px;
    background: #115AAA;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}

.blue-dot h6 {
    color: #FFF;
    font-size: 56px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    margin-bottom: 0;
}

.linkedin-icon {
    min-width: 75px;
    height: auto;
}

.desc-dn {
    display: block;
}

.mob-dn {
    display: none !important;
}

.contact-form input[type="text"],
.contact-form input[type="email"] {
    width: 100%;
    outline: none;
    padding: 13px 20px;
    border-radius: 12px;
    border: 2px solid #115AAA;
    background: #FFF;
    color: #000;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

.form-row {
    display: flex;
}

.contact-form-section form .input {
    margin-bottom: 12px;
}

.form-row div+div {
    margin-left: 20px;
}

.contact-form textarea {
    width: 100%;
    outline: none;
    padding: 13px 20px;
    border-radius: 12px;
    border: 2px solid #115AAA;
    background: #FFF;
    color: #000;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    resize: none;
    height: 140px;
}

.contact-form input[type="submit"] {
    color: #FFF;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    /* 26px */
    border-radius: 135px;
    border: 2px solid #115AAA;
    background: #115AAA;
    padding: 20px 40px;
    float: right;
}

.form-section {
    background: #E7F3FF;
    padding: 90px 0;
}

.form-section h2 {
    text-align: left;
    margin-bottom: 43px;

}

.form-section ul {
    list-style: none;
    padding-left: 0;
}

.form-section li {
    display: flex;
    margin-bottom: 40px;
}

.form-section li svg {
    position: relative;
    top: 3px;
    margin-right: 10px;
}

.redirekt {
    margin-top: 27px;
}

.social-links {
    margin-top: 35px;
}

.social-links a {
    display: inline-block;
    margin-right: 20px;
    text-decoration: none;
}

.social-links a svg {
    max-width: 30px;
    height: auto;
}

@media screen and (max-width: 1600px) {
    .hero h1 {
        font-size: 130px;
    }

    .move-text {
        font-size: 120px;
    }

    .container-fluid {
        max-width: 1200px;
    }

    .division-title+p {
        font-size: 12px;
        min-height: 34px;
    }

    .hero {
        position: relative;
        overflow: hidden;
        height: calc(100vh + 148px);
    }

    .division-title {

        font-size: 26px;
    }

    .division-card:hover .button-holder,
    .division-card a {
        height: 60px;
    }

    body {
        font-size: 17px;
    }

    .lead {
        font-size: 23px;
    }

    .lead p {
        margin-bottom: 42px;
    }

    .offcanvas ul li a {
        font-size: 32px;
    }

    .offcanvas ul li {

        margin-bottom: 24px;
    }

    .offcanvas ul li.small a {
        font-size: 20px;
    }

    blockquote {
        font-size: 18px;
    }

    .card-block h2 {
        font-size: 70px;
    }

    .button {
        padding: 16px 28px;
        font-size: 17px;
    }

    .big-title,
    .section-block h2,
    .half-section h2 {
        font-size: 60px;
    }

    .fs-44 {
        font-size: 32px;
    }

    .fs-28 {
        font-size: 23px;
    }

    .fs-18 {
        font-size: 14px;
    }

    .fs-90 {
        font-size: 70px;
    }

    .fs-32 {
        font-size: 22px;
    }

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

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

    .sticky-menu ul li a {
        font-size: 17px;
        padding: 15px;
    }

    .esg-section h2 {
        font-size: 80px;
    }

    .esg-card {
        padding: 40px 40px 15px;
    }

    .esg-section h3 {
        font-size: 42px;
    }

    .esg-section h2 {
        font-size: 70px;
    }

    .esg-section h4,
    .positions-card h3,
    .fs-34 {
        font-size: 28px;
    }

    .esg-section p {
        font-size: 20px;
    }

    .banner-text h1 {
        font-size: 90px;
    }

    .blue-section {
        padding: 100px 0;
        margin-bottom: 0;
    }

    .main-button a {
        font-size: 20px;
        padding: 22px 35px 22px 67px;
    }

    .section-block {
        padding: 50px 0;
    }

    .section-block .bottom {
        margin-top: 40px;
        margin-bottom: 50px;
    }

    .banner-text p {
        font-size: 28px;
    }

    .plain-text {
        padding: 100px 0;
    }

    .plain-text p,
    .half-section p,
    .bg-text p {
        font-size: 21px;
    }

    .bg-text {
        padding: 100px 0;
    }

    .blue-dot {
        width: 70px;
        height: 70px;
    }

    .blue-dot h6 {
        font-size: 36px
    }

    .moving-block {
        min-height: 550px;
    }

    .linkedin-icon {
        min-width: 55px;
        max-width: 55px;
        margin-left: 5px;
    }

    .leadership-box h3 {
        font-size: 28px;
    }

    .leadership-box p {
        font-size: 18px;
    }

    .leadership-box {
        margin-bottom: 55px;
    }

    .our-team {
        padding: 0 0 40px;
    }

    .plain-text h2,
    .values-section h2,
    .h2-title {
        font-size: 42px;
    }

    .values-section {
        padding: 100px 0;
    }

    .values-section h2,
    .h2-title {
        margin-bottom: 50px;
    }

    .values-card {
        padding: 40px;
    }

    .half-section {
        padding: 80px 0;
    }

    .positions-card {
        padding: 30px;
    }

    .positions-card a {
        font-size: 18px
    }

    .positions-card ul {
        margin-bottom: 40px;
    }

    .news-post {
        padding-bottom: 100px;
    }

    .news-post h1 {
        font-size: 50px;
    }

    .rel-news h4 {
        font-size: 20px;
    }

    .rel-news a {
        font-size: 18px;
    }

    .fs-22 {
        font-size: 18px;
    }

    .offcanvas ul li {
        margin-bottom: 20px;
    }

    #primary-menu li.small.divider {
        margin-top: 35px !important;
    }

    footer {
        padding: 100px 0;
    }

    .half-sections .half-section+.half-section {
        padding: 0 0 100px;
    }

    .contact-form input[type="text"],
    .contact-form input[type="email"],
    .contact-form textarea {
        font-size: 22px;
    }

    .half-section .ps-xl-5 {
        padding-left: 1.5rem !important;
    }

    .half-section .pe-xl-5 {
        padding-right: 1.5rem !important;
    }

    .about.blue-background {
        border-bottom-right-radius: 350px;
    }

    .main-container .card-block {
        padding: 60px 0;
    }

    .news-button {
        font-size: 18px;
    }
}

@media screen and (max-width: 1199px) {

    .hero h1,
    .move-text {
        font-size: 100px;
    }

    .division-card:hover .division-title .icon {
        width: 0px;
    }

    .card-holder {
        padding: 20px;
    }

    .division-title {
        font-size: 20px;
        min-height: 44px;
    }

    .division-card:hover .button-holder,
    .division-card a {
        height: 50px;
        font-size: 16px;
    }

    .division-title+p {
        font-size: 13px;
        min-height: 55px;
    }

    .py-140 {
        padding: 80px 0;
    }

    .lead,
    .blue-section p,
    .section-block p,
    .plain-text p,
    .half-section p,
    .bg-text p {
        font-size: 20px;
    }

    .lead p {
        margin-bottom: 30px;
    }

    .container-fluid {
        max-width: 960px;
    }

    .button,
    .green-card a {
        padding: 16px 32px;
        font-size: 16px;
    }

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

    .card-block h2,
    .big-title,
    .section-block h2,
    .half-section h2,
    .esg-section h2 {
        font-size: 50px;
    }

    .fs-44 {
        font-size: 26px;
    }

    .green-card {
        padding: 25px;
    }

    .esg-section p {
        font-size: 18px;
    }

    .esg-card {
        padding: 25px 25px 15px;
    }

    .esg-section h4,
    .positions-card h3,
    .fs-34 {
        font-size: 24px;
    }

    .esg-card p {
        margin: 25px 0;
    }

    .esg-section {
        padding: 80px 0;
    }

    .btlr-radius-160 {
        border-top-left-radius: 120px;
        border-top-right-radius: 120px;
    }

    .logos-scroll-container {
        padding: 30px 0;
    }

    footer {
        padding: 80px 0;
    }

    .banner-text h1 {
        font-size: 75px;
    }

    .blue-section {
        padding: 80px 20px
    }

    .sticky-menu ul li a {
        font-size: 15px;
        padding: 20px 10px;
    }

    .main-button a {
        font-size: 18px;
    }

    .section-block {
        padding: 40px 0;
    }

    .banner-text p {
        font-size: 26px;
    }

    .plain-text {
        padding: 80px 15px;
    }

    .bg-text h3 {
        font-size: 55px;
    }

    .bg-text {
        padding: 80px 0;
    }

    .half-sections .half-section+.half-section {
        padding: 0 0 80px;
    }

    .management-section {
        margin-top: 0;
    }

    .management-section h2 {
        margin-bottom: 40px;
    }

    .linkedin-icon {
        min-width: 55px;
        max-width: 55px;
    }

    .leadership-box h3 {
        font-size: 26px;
    }

    .banner-text {
        width: 95%;
    }

    .plain-text h2,
    .values-section h2,
    .h2-title {
        font-size: 38px;
    }

    .values-section {
        padding: 80px 0;
    }

    .values-section .row>div {
        margin-bottom: 30px;
    }

    .positions-card {
        padding: 30px;
    }

    .positions-card a,
    .news-button {
        font-size: 18px;
    }

    .news-post h1 {
        font-size: 40px;
    }

    .related-posts .d-flex {
        flex-wrap: wrap;
    }

    .rel-news {
        margin-bottom: 30px;
    }

    .news-post {
        padding-bottom: 40px;
    }

    .related-posts {
        padding-bottom: 60px;
    }

    .rel-news {
        flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        max-width: 50%;
    }

    .news-post p {
        margin-bottom: 25px;
    }

    .left-big-border {
        border-bottom-left-radius: 300px;
    }

    .contact-form input[type="text"],
    .contact-form input[type="email"],
    .contact-form textarea {
        font-size: 20px;
    }

    .form-section {
        padding: 80px 0;
    }

    .about.blue-background {
        border-bottom-right-radius: 300px;
    }

    .main-container .card-block {
        padding: 50px 0;
    }
}

@media screen and (max-width: 991px) {
    .container-fluid {
        max-width: 730px;
    }

    .hero h1,
    .move-text {
        font-size: 80px;
    }

    .division-card a {
        padding: 0 19px;
    }

    .left-big-border {
        border-bottom-left-radius: 200px;
    }

    .card-stack-container .main-container {
        /* position: relative; */
        height: auto;
        overflow: unset;
        margin-top: 0px;
    }

    .card-stack-container .main-container>div {
        padding: 50px 0;
    }

    .card-stack-container .card-block {
        height: auto
    }

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

    .section-title {
        font-size: 20px;
    }

    .card-block p {
        margin: 30px auto;
    }

    .card-block .image-content {
        margin-top: 40px;
    }

    .button,
    .green-card a {
        padding: 14px 30px;
        font-size: 16px;
    }

    .card-block h2,
    .big-title,
    .section-block h2,
    .half-section h2,
    .esg-section h2 {
        font-size: 45px;
    }

    .card-stack-container {
        padding-bottom: 60px;
    }

    .blue-dot {
        width: 70px;
        height: 70px;
    }

    .blue-dot h6 {
        font-size: 35px;
    }

    .about .row>div {
        margin-bottom: 30px;
    }

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

    .latest-news .row>div {
        margin-bottom: 30px;
    }

    .esg-section {
        padding: 60px 0;
    }

    .esg-section h2 {
        margin-bottom: 30px;
    }

    .green-card {
        margin-top: 30px;
        height: auto;
    }

    .esg-section h3 {
        font-size: 34px;
    }

    .esg-button {
        margin-top: 30px;
    }

    .esg-card {
        height: auto;
        margin-bottom: 30px;
    }

    .btlr-radius-160 {
        border-top-left-radius: 90px;
        border-top-right-radius: 90px;
    }

    .moving-block {
        min-height: 500px;
    }

    .moving-block .text-center.text-white {
        max-width: 700px;
        margin: 0 auto;
    }

    .footer-bottom {
        padding-top: 40px;
    }

    #sticky-menu {
        display: none;
    }

    .main-button a {
        padding: 22px 30px 22px 60px;
    }

    .row-reverse4 {
        flex-direction: column-reverse;
    }

    .tar {
        text-align: left;
    }

    .bg-text {
        padding: 60px 0;
    }

    .bg-text h3 {
        font-size: 45px;
        margin-bottom: 20px;
    }

    .lead,
    .blue-section p,
    .section-block p,
    .plain-text p,
    .half-section p,
    .bg-text p {
        font-size: 18px;
    }

    .banner-text h1 {
        font-size: 60px;
    }

    .banner-text p {
        font-size: 24px;
    }

    .plain-text {
        padding: 60px 15px;
    }

    .half-sections {
        padding: 0;
    }

    .blue-dot {
        width: 60px;
        height: 60px;
    }

    .blue-dot h6 {
        font-size: 30px;
    }

    .half-section {
        padding: 60px 0;
    }

    .half-section:nth-child(2n) .row {
        flex-direction: column-reverse;
    }

    .half-section h2 {
        margin-bottom: 25px;
    }

    .half-section .image-content {
        margin-top: 20px;
    }

    .section-block .bottom {
        margin-top: 30px;
        margin-bottom: 40px;
    }

    .banner-text p br {
        display: none;
    }

    .banner2-section {
        max-height: 650px;
        min-height: 550px;
    }

    .management-section h2 {
        font-size: 42px;
    }

    .management-section h2 {
        margin-bottom: 30px;
    }

    .leadership-box h3 {
        font-size: 25px;
    }

    .leadership-box {
        margin-bottom: 40px;
    }

    .plain-text h2 {
        margin-bottom: 30px;
    }

    .values-section {
        padding: 60px 0;
    }

    .values-section h2,
    .h2-title {
        margin-bottom: 35px;
    }

    .positions-section {
        padding-bottom: 40px;
    }

    .news-section {
        padding: 60px 0 20px;
    }

    .news-section a {
        margin-bottom: 50px;
    }

    .news-post {
        padding: 110px 0 30px;
    }

    .news-post h1 {
        font-size: 35px;
        margin-bottom: 30px;
    }

    .rel-news {
        flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        max-width: 100%;
        align-items: center;
    }

    .container-news {
        max-width: 720px;
    }

    .related-posts {
        padding-bottom: 45px;
    }

    .news-post h6 {
        font-size: 15px;
    }

    .positions-card a,
    .news-button {
        font-size: 16px;
    }

    .py-140 {
        padding: 60px 0;
    }

    .blue-section {
        padding: 60px 15px;
    }

    .half-sections .half-section+.half-section {
        padding: 0 0 60px;
    }

    .contact-form input[type="submit"] {
        padding: 15px 30px;
        font-size: 18px;
    }

    .form-section h2 {
        margin-bottom: 30px;
    }

    .form-section li {
        margin-bottom: 25px;
    }

    .form-section .row>div:first-of-type {
        margin-bottom: 30px;
    }

    .form-section {
        padding: 60px 0;
    }

    .contact-form input[type="text"],
    .contact-form input[type="email"],
    .contact-form textarea {
        font-size: 18px;
    }

    .about.blue-background {
        border-bottom-right-radius: 200px;
    }

    .esg-image img {
        display: none;
    }

    .esg-image {
        height: 400px;
    }

    .redirekt {
        margin-top: 20px;
    }

    .half-section .ps-xl-5 {
        padding-left: 6px !important;
    }

    .half-section .pe-xl-5 {
        padding-right: 6px !important;
    }
}

@media screen and (max-width: 767px) {
    header {
        padding: 15px 12px
    }

    .menu-button {
        padding: 13px 15px;
        gap: 15px;
    }

    .logo {
        max-width: 180px;
    }

    .hero {
        min-height: 550px;
        max-height: 600px;
        height: 100vh;
    }

    .hero h1,
    .move-text {
        font-size: 60px;
    }

    .home .hero h1 {
        font-size: 100px;
    }

    .main-divisions.mob-dn {
        flex-wrap: wrap;
        display: none !important;
    }

    .division-card {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
    }

    .desc-dn {
        display: none !important;
    }

    .mob-dn {
        display: block !important;
    }

    .button-holder {
        height: auto;
    }

    .division-card a {
        opacity: 1;
        transform: none;
        -webkit-transform: none;
    }

    .mob-hero-bg {
        background: #115AAA;
    }

    .division-card:hover {
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
    }

    .hero h1 {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    .button-holder {
        height: auto;
        max-width: 200px;
        margin: 0 auto;
    }

    .division-title+p {
        font-size: 17px;
        min-height: 1px;
    }

    .card-holder {
        text-align: center;
    }

    .division-title {
        justify-content: center;
        min-height: 1px;
    }

    .py-140 {
        padding: 50px 0;
    }

    .division-title {
        font-size: 22px;
    }

    .card-holder {
        padding: 25px 20px;
    }

    .lead,
    .blue-section p,
    .section-block p,
    .plain-text p,
    .half-section p,
    .bg-text p {
        font-size: 18px;
    }

    .lead p {
        margin-bottom: 20px;
    }

    .left-big-border {
        border-bottom-left-radius: 110px;
    }

    .button,
    .green-card a {
        padding: 12px 26px;
        font-size: 16px;
    }

    .section-title {
        font-size: 18px;
    }

    .section-title .text {
        min-width: 260px;
    }

    .card-block h2,
    .big-title,
    .section-block h2,
    .half-section h2,
    .esg-section h2 {
        font-size: 34px;
    }

    /* .card-stack-container .main-container {
        margin-top: 40px;
    } */
    .card-block .image-content {
        margin-top: 30px;
    }

    .card-block p {
        margin: 25px auto;
    }

    .fs-44 {
        font-size: 20px;
    }

    .big-title {
        font-size: 40px;
    }

    blockquote {
        background-size: 40px;
        padding: 0px 40px 20px 55px;
        font-size: 16px;
    }

    .fs-20 {
        font-size: 18px;
    }

    .fs-18 {
        font-size: 18px;
    }

    .esg-section {
        padding: 40px 0 30px;
    }

    .about .py-120.section-title {
        padding-bottom: 40px;
    }

    .about .row.py-120 {
        padding-bottom: 10px;
    }

    .about .row>div {
        margin-bottom: 30px;
    }

    .latest-news .row>div {
        margin-bottom: 20px;
    }

    .py-120.latest-news {
        padding-bottom: 20px;
    }

    .esg-section h2 br {
        display: none;
    }

    .green-card {
        margin-top: 20px;
    }

    .esg-section h3 {
        margin-bottom: 30px;
        margin-top: 40px;
    }

    .esg-section h3 {
        font-size: 30px;
    }

    .esg-card h2 {
        font-size: 44px;
    }

    .esg-section h2 {
        margin-bottom: 20px;
    }

    .esg-section h4 {
        margin: 20px 0;
    }

    .esg-card {
        padding: 20px 20px 15px;
    }

    .esg-section h4,
    .positions-card h3,
    .fs-34 {
        font-size: 22px;
    }

    .card-stack-container {
        padding-bottom: 40px;
    }

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

    .logos-scroll-container {
        padding: 10px 0;
    }

    .moving-block .text-center.text-white {
        max-width: 360px;
    }

    .fs-32 {
        font-size: 20px;
    }

    .moving-block {
        min-height: 460px;
    }

    footer {
        padding: 50px 0;
    }

    footer ul {
        height: auto;
    }

    .offcanvas-header {
        padding: 10px 12px;
    }

    .offcanvas ul {
        padding: 0 13px 0 0;
    }

    .offcanvas ul li a {
        font-size: 25px;
    }

    .offcanvas ul {
        padding: 0 13px 0 0;
    }

    .offcanvas ul li.small a {
        font-size: 18px;
    }

    .lang {
        padding-right: 13px;
    }

    .banner-text h1 {
        font-size: 48px;
    }

    .blue-section {
        padding: 50px 15px;
    }

    .blue-section {
        border-radius: 0 0 90px 90px;
    }

    .section-block .bottom,
    .logos {
        flex-wrap: wrap;
    }

    .section-block .bottom>div {
        flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        max-width: 100%;
    }

    .logos>div {
        margin-bottom: 30px;
    }

    .logos img {
        max-width: 180px;
        max-height: 70px;
    }

    .grid-box1,
    .grid-box3,
    .grid-box2,
    .column-two-wrapper,
    .grid-box4 {
        display: block;
    }

    .main-button {
        width: fit-content;
    }

    .grid-box1>div,
    .grid-box3>div,
    .grid-box2>div,
    .grid-box4>div {
        margin: 20px 0;
    }

    .grid-item {
        margin: 20px 0;
    }

    .section-block h2 {
        margin-bottom: 25px;
    }

    .section-block+.section-block {
        padding-top: 0;
    }

    .bg-text {
        padding: 50px 0;
    }

    .bg-text h3 {
        font-size: 36px;
    }

    .blue-dot {
        width: 50px;
        height: 50px;
    }

    .blue-dot h6 {
        font-size: 26px;
    }

    .half-section {
        padding: 50px 0;
    }

    .half-sections .half-section+.half-section {
        padding: 0 0 50px;
    }

    .banner-text p {
        font-size: 20px;
    }

    .management-section h2 {
        font-size: 35px;
    }

    .plain-text {
        padding: 50px 15px;
    }

    .leadership-box {
        max-width: 390px;
        margin: 0 auto 40px
    }

    .leadership-text {
        margin-top: 20px;
    }

    .leadership-box p {
        font-size: 17px;
    }

    .linkedin-icon {
        min-width: 50px;
        max-width: 50px;
        padding-left: 5px;
    }

    .our-team {
        padding: 0 0 0px;
    }

    .banner-text p {
        margin-top: 35px;
    }

    .banner-text {
        top: 55%;
    }

    .plain-text h2,
    .values-section h2,
    .h2-title {
        font-size: 30px;
    }

    .container-plain {
        padding: 0 5px
    }

    .values-section {
        padding: 50px 0 20px;
    }

    .values-card {
        padding: 20px;
    }

    .values-section h3 {
        margin-top: 20px;
        font-size: 30px;
    }

    .positions-card {
        padding: 25px;
    }

    .positions-card a {
        width: fit-content;
    }

    .values-card img {
        max-width: 50px;
        height: auto;
    }

    .news-post h1 {
        font-size: 30px;
        margin-bottom: 30px;
    }

    .rel-news {
        display: block;
        max-width: 300px;
    }

    .rel-news img {
        max-width: 100%;
    }

    .rel-text {
        margin-left: 0;
        margin-right: 0;
        margin-top: 20px;
    }

    .rel-news h4 {
        margin-bottom: 20px;
    }

    .related-posts {
        padding-bottom: 15px;
    }

    .form-section {
        padding: 50px 0;
    }

    .form-row {
        display: block;
    }

    .form-row div+div {
        margin-left: 0px;
    }

    .contact-form input[type="submit"] {
        padding: 13px 25px;
        font-size: 17px;
    }

    .card-stack-container .main-container>div {
        padding: 30px 0;
    }

    .about.blue-background {
        border-bottom-right-radius: 110px;
    }

    .esg-image {
        height: 300px;
    }
}