/* ********************* LIVE ************************** */

/* ******************* FONTS ******************** */

/* *********************************************** */

/* Thin - 100 */
@font-face {
    font-family: 'Figtree Th';
    font-weight: 100;
    src: url('../fonts/Figtree-Light.woff') format('woff'),
        url('../fonts/Figtree-Light.woff2') format('woff2');
    font-display: swap;
}

/* Light - 300 */
@font-face {
    font-family: 'Figtree Alt Lt';
    font-weight: 300;
    src: url('../fonts/Figtree-Light.woff') format('woff'),
        url('../fonts/Figtree-Light.woff2') format('woff2');
    font-display: swap;
}

/* Regular - 400 */
@font-face {
    font-family: 'Figtree Rg';
    font-weight: 400;
    src: url('../fonts/Figtree-Regular.woff') format('woff'),
        url('../fonts/Figtree-Regular.woff2') format('woff2');
    font-display: swap;
}

/* Semibold - 600 */
@font-face {
    font-family: 'Figtree Lt';
    font-weight: 600;
    src: url('../fonts/Figtree-SemiBold.woff') format('woff'),
        url('../fonts/Figtree-SemiBold.woff2') format('woff2');
    font-display: swap;
}

/* Bold - 700 */
@font-face {
    font-family: 'Figtree Rg';
    font-weight: 700;
    src: url('../fonts/Figtree-Bold.woff') format('woff'),
        url('../fonts/Figtree-Bold.woff2') format('woff2');
    font-display: swap;
}

/* Extrabold - 900 */
@font-face {
    font-family: 'Figtree Th';
    font-weight: 700;
    src: url('../fonts/Figtree-ExtraBold.woff') format('woff'),
        url('../fonts/Figtree-ExtraBold.woff2') format('woff2');
    font-display: swap;
}

/* @font-face {
    font-family: 'Figtree Rg';
    font-weight: 400;
    src: url('../fonts/Figtree-Regular.woff') format('woff');
    font-display: swap;
} */


/* *********************************************** */

/* ******************* GENERAL ******************** */

/* *********************************************** */

.figtree_rg {
    font-family: 'Figtree Lt';
}

.navbar-rightmenu-contact {
    margin-left: 12px;

}

body {
    margin: 0;
    color: #002b44;
    line-height: 1.2;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: 'Figtree Rg';
    font-weight: 400;
}

html {
    scroll-behavior: smooth;
}

html.fa-events-icons-loading body {
    display: none;
}

.padding-left-md {
    z-index: 10;
    position: relative;
}

.position-relative {
    position: relative;
}

.display-none,
.new-design-hp .badges-box.display-none,
.btn.display-none,
.btn.btn-lightgray.display-none {
    display: none;
}

/* La scroll cu anchor, sa scroleze mai jos cu x pixeli */
#crm_hs,
#erp_hs {
    scroll-margin-top: 80px;
}

/* Custom scrollbar */
body::-webkit-scrollbar {
    width: 5px;
    border-radius: 50%;
}

body::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

body::-webkit-scrollbar-thumb {
    background-color: #002b44;
    outline: 1px solid slategrey;
}

.d-none {
    display: none;
}

.d-block {
    display: block;
}

/* Margin & Padding */
.mt-54 {
    padding-top: 54px;
}

/* Title & Text */
a {
    text-decoration: none;
    color: #000;
    width: fit-content;
    width: -moz-fit-content;
    transition: opacity .25s linear;
    -webkit-tap-highlight-color: transparent;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
}

.main-title {
    font-size: 55px;
    letter-spacing: -1.43px;
    font-family: 'Figtree Th';
    font-weight: 700;
}

.subtitle {
    font-size: 55px;
    font-weight: 100;
    margin-bottom: 32px;
    font-family: 'Figtree Th';
    font-weight: 100;
}

.text-type-0 {
    font-size: 20px;
    line-height: 1.2;
    color: #6a7c92;
    margin-bottom: 30px;
    font-family: 'Figtree Rg';
    font-weight: 400;
}

.text-type-1 {
    font-size: 20px;
    margin-bottom: 25px;
    font-family: 'Figtree Lt';
    font-weight: 600;
}

.section-title-1 {
    font-size: 35px;
    font-weight: 700;
    font-family: 'Figtree Th';
}

.sidebar .section-title-1 {
    margin-bottom: 30px;
}

.section-title-2 {
    font-family: 'Figtree Th';
    font-weight: 100;
    font-size: 35px;
    margin-bottom: 20px;
}

.section-title-3 {
    font-size: 35px;
    font-family: 'Figtree Th';
    font-weight: 700;
    margin-bottom: 20px;
}

.section-title-3 span {
    font-family: 'Figtree Th';
    font-weight: 100;
}

.section-title-4 {
    font-size: 48px;
    font-weight: 500;
    font-family: 'Figtree';
    margin-bottom: 50px;
}

.section-title-5 {
    font-size: 19px;
    font-family: 'Figtree Th';
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 5px;
}

.section-title-5 a {
    transition: opacity .25s linear;
}

.section-title-5 a:hover {
    opacity: .7;
}

.section-title-6 {
    font-size: 46px;
    font-family: 'Figtree Th';
    font-weight: 700;
    margin-bottom: 5px;
}

.section-title-7 {
    font-size: 46px;
    font-family: 'Figtree Th';
    font-weight: 100;
}

.section-title-8 {
    font-family: 'Figtree Rg';
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 25px;
}

.section-title-9,
.section-title-9>a {
    font-size: 26px;
    font-weight: 700;
    font-family: 'Figtree Rg';
}

.section-title-10 {
    font-size: 16px;
}

.section-text-1 {
    font-size: 16px;
    margin-bottom: 30px;
}

.section-text-2 {
    font-size: 16px;
}

.latest-bottom .section-text-2 {
    height: 84px;
    line-height: 21px;
    overflow-y: hidden;
}



.section-text-3 {
    font-size: 25px;
    font-family: 'Figtree Alt Lt';
    font-weight: 300;
}

.section-text-4 {
    font-size: 28px;
}

.section-text-5 {
    font-size: 23px;
    font-weight: 700;
}

.section-text-6 {
    font-size: 25px;
    font-weight: 400;
    text-align: center;
}

.dt-s2 .section-text-2 {
    margin-bottom: 42px;
}

.small-green-text {
    font-size: 13px;
    font-weight: 600;
    font-family: 'Figtree Lt';
    color: #1baaa0;
}

.light-green-text {
    font-weight: 700;
    color: #99d4cf;
}

.green-text {
    color: #1baaa0;
}

.darkblue-text {
    color: #002b44;
}

.orange-text,
.navbar-mainmenu-2>li>a.orange-text,
.solutions .navbar-mainmenu-2>li>a.orange-text {
    color: #ff9327;
}

.notif-link {
    position: fixed !important;
    right: 63px;
    top: calc(3% - 6px);
    z-index: 2000;
    color: #f2fffe;
    transition: 0.25s ease-in-out;
    display: none;
}

.notif-nr-position {
    position: absolute;
    top: -14px;
    right: -10px;
    z-index: 1000;
}

.notif-nr {
    background: #ff4e00;
    color: #fff;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    font-weight: 700;
    display: block;
}

.bell i {
    font-size: 24px;
}

.bell {
    display: none;
}

/* .bell */
.header-title {
    font-size: 20px;
    font-weight: 400;
}

.footer-title-1 {
    font-size: 16px;
    color: #fff;
    font-family: 'Figtree Th';
    font-weight: 700;
}

.footer-text-1 {
    font-size: 21px;
    font-family: 'Figtree Lt';
    font-weight: 600;
}

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

.badges-flex .card-text.text-center {
    text-align: center;
}

.d-flex-between {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}


.accred-item {
    width: 24%;
    text-align: center;
    margin: 10px 0;
    height: 142px;
}

.homepage-boxes {
    margin-bottom: 100px;
}



.accred-item img {
    width: 80px;
    max-width: 100%;
    transition: transform .25s linear;
}

.accred-item img:hover {
    filter: grayscale(0);
    transform: scale(1.1);
    opacity: 1;
}

.accred-item h4 span {
    font-weight: 500;
}

.flex-accred {
    align-items: center;
    justify-content: space-around;
    flex-wrap: wrap;
    width: 100%
}

.cartepedia-img {
    cursor: pointer;
}

.accrd-modal-1,
.accrd-modal-2,
.accrd-modal-3,
.accrd-modal-4,
.accrd-modal-5,
.accrd-modal-6,
.accrd-modal-7,
.accrd-modal-8,
.accrd-modal-9,
.accrd-modal-10,
.accrd-modal-11,
.accrd-modal-12,
.accrd-modal-13 {
    opacity: 0;
    visibility: hidden;
    z-index: -100;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    transition: opacity .25s linear;
}

.ctpd-modal-container {
    background-color: #fff;
    width: 60%;
    height: 90%;
    position: absolute;
}

.accrd-img-1 .accrd-modal-1,
.accrd-img-2 .accrd-modal-2,
.accrd-img-3 .accrd-modal-3,
.accrd-img-4 .accrd-modal-4,
.accrd-img-5 .accrd-modal-5,
.accrd-img-6 .accrd-modal-6,
.accrd-img-7 .accrd-modal-7,
.accrd-img-8 .accrd-modal-8,
.accrd-img-9 .accrd-modal-9,
.accrd-img-10 .accrd-modal-10,
.accrd-img-11 .accrd-modal-11,
.accrd-img-12 .accrd-modal-12,
.accrd-img-13 .accrd-modal-13 {
    opacity: 1;
    visibility: visible;
    z-index: 2000;
}

.modal-content {
    height: 90%;
}

.modal-header {
    position: absolute;
    top: 3%;
    right: 3%;
    font-size: 30px;
    font-weight: 700;
}

.modal-header .btn-close {
    cursor: pointer;
}

.ctpd-img {
    width: 70%;
    margin: 40px auto 0 auto;
    height: 100%;
    text-align: center;
}

.ctpd-img img {
    max-width: 100%;
    max-height: 100%;
    margin-left: auto;
    margin-right: auto;
}

.blog_certif_marg {
    margin-top: -100px !important;
}

.header-elearning,
.header-egovernance {
    display: flex;
    align-items: center;
    justify-content: center;
}

.box-white-wrap {
    width: 30%;
    margin: 18px 0;
    background-color: #FFF;
    padding: 12px;
    min-height: 128px;
    border-radius: 10px;
    filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.161));
}

.box-white-wrap.padding-more-left {
    padding-left: 30px;
}

.home-s5 p {
    font-size: 19px;
    line-height: 1.2;
}

.elearning--page .box-elem .section-text-2 {
    margin-top: 14px;
}

.egovernance--page .box-elem .section-text-2 {
    margin-top: 14px;
}

.header-elearning img,
.header-egovernance img {
    width: 100%;
    max-width: 600px;
    object-fit: contain;
    max-height: 400px
}

.box-elem.box-white-wrap {
    width: 28% !important;
}

.box-elem.box-white-wrap i {
    color: #1baaa0;
}

.elearning-header-cards,
.egovernance-header-cards {
    margin-top: 100px;
}

.d-grid-2cols {
    display: grid;
    grid-template-columns: 48% 48%;
    grid-column-gap: 4%;
    row-gap: 20px;
    margin-top: 30px;
}



.margin_y180 {
    margin: 140px auto !important;
}

.flex-column-center {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.d-grid-2cols .box-white-wrap {
    width: 90% !important;
    min-height: auto;
}


@media (max-width: 1025px) {

    .section-title-6,
    .section-title-7 {
        font-size: 35px;
    }

    .footer .footer-text-1 {
        font-size: 19px;
    }

    .header-banner-initials.contactUs-banner .main-title {
        font-size: 45px;
    }
}

@media (max-width: 991px) {

    .main-title,
    .subtitle {
        font-size: 45px;
    }

    .ctpd-modal-container,
    .ctpd-img {
        width: 95%;
    }

    .ctpd-modal-container {
        height: 60%;
    }

    .modal-header {
        font-size: 20px;
    }
}

@media (max-width: 580px) {

    .section-title-1,
    .section-title-2,
    .section-title-3,
    .section-title-6,
    .section-title-7,
    .partners-slider .section-title-3 {
        font-size: 21px;
    }

    .main-title,
    .subtitle {
        font-size: 25px;
    }

    .text-type-0,
    .section-text-2 {
        font-size: 14px;
    }

    .section-text-1 {
        font-size: 16px;
    }

    .section-title-5,
    .section-title-8,
    .footer .footer-text-1 {
        font-size: 17px;
        margin-bottom: 10px;
    }

    .footer-title-1 {
        font-size: 16px;
    }

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

    .solutions .header .header-section {
        padding-top: 60px !important;
    }

    .solutions-banner {
        padding-bottom: 30px !important;
    }
}

/* Title & Text - Bubble */
.bubble-text {
    position: relative;
}

.bubble-bg {
    position: absolute;
    top: -10%;
    left: -30%;
    width: 140%;
    height: 140%;
    background-image: url(../../images/new/svg/bubble-1.svg);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1;
}

.bubble-greentext {
    font-size: 79px;
    color: #1baaa0;
    font-family: 'Figtree Rg';
    font-weight: 700;
    line-height: normal;
}

.bubble-text .text-type-0 {
    font-weight: 700;
    color: #002b44;
    margin-bottom: 15px;
}

@media (max-width: 1025px) {
    .uppercase-responsive {
        text-transform: uppercase;
    }
}

@media (max-width: 901px) {
    .subtitle {
        margin-bottom: 5px;
    }

    .slick-track {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

@media (max-width: 580px) {
    .bubble-greentext {
        font-size: 61px;
    }
}

/* Menu effect */
nav a {
    position: relative;
}

nav a:hover,
nav a:focus {
    outline: none;
}

.cl-effect-3 li>a::after,
.cl-effect-3 li>span::after {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 2px;
    background: #5cafa7;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    -moz-transition: opacity 0.3s, -moz-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    transform: translateY(10px);
}

.cl-effect-3 li>span::after {
    width: 80%;
    left: 15%;
    top: 84%;
}

.navbar-rightmenu-lang.cl-effect-3 li>span {
    display: block;
}

.navbar-rightmenu-lang.cl-effect-3 a::after,
.navbar-rightmenu-lang.cl-effect-3 li>span::after {
    background: #e3f1f3;
}

.cl-effect-3 a:hover::after,
.cl-effect-3 a:focus::after,
.cl-effect-3 li>span:hover::after,
.cl-effect-3 li>span:focus::after {
    opacity: 1;
    -webkit-transform: translateY(2px);
    -moz-transform: translateY(2px);
    transform: translateY(2px);
}

.navbar-mainmenu.list-style-type-none.cl-effect-3 li,
.navbar-mainmenu-2.list-style-type-none.cl-effect-3 li,
li.navbar-rightmenu-lang {
    padding: 5px 23px;
}

@media (max-width: 1201px) {

    .navbar-mainmenu.list-style-type-none.cl-effect-3 li,
    .navbar-mainmenu-2.list-style-type-none.cl-effect-3 li,
    li.navbar-rightmenu-lang {
        padding: 5px 15px;
    }
}

/* Infrastructure - Title */
.title-decoration {
    position: relative;
    width: fit-content;
    width: -moz-fit-content;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
}

.title-decoration::before {
    position: absolute;
    content: "";
    bottom: -10%;
    right: -50px;
    width: 100px;
    height: 2px;
    background-color: #1aaba0;
}

@media (max-width: 380px) {
    .title-decoration::before {
        right: -20px;
    }

    .ctpd-modal-container {
        height: 54%;
    }
}

/* container */
.opti-container-xxxl,
.opti-container-xxl,
.opti-container-xl,
.opti-container-md,
.opti-container-md-s {
    max-width: 1230px;
    margin: 0 auto 40px;
    padding-left: 25px;
    padding-right: 25px;
}

.opti-container-xxxl {
    max-width: 1450px;
}

.opti-container-xl {
    max-width: 1060px;
}

.opti-container-lg {
    max-width: 1075px;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.opti-container-md {
    max-width: 950px;
}

.opti-container-md-s {
    max-width: 830px;
}

.opti-container-s {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 901px) {

    .opti-container-xxl,
    .opti-container-md {
        padding-left: 25px;
        padding-right: 25px;
    }
}

@media (max-width: 580px) {

    .opti-container-xxl,
    .opti-container-xl,
    .opti-container-md {
        padding-left: 13px;
        padding-right: 13px;
        margin-bottom: 35px;
    }

    .contact .opti-container-lg {
        padding-left: 0;
        padding-right: 0;
    }
}

/* Alignment */
.d-flex,
.flex-spbtwn,
.flex-center,
.flex-left {
    display: flex;
}

.flex-spbtwn {
    justify-content: space-between;
    align-items: center;
}

.flex-center {
    justify-content: center;
    align-items: center;
}

.flex-left {
    /* justify-content: center;
    align-items: center; */
}

.flex-elem {
    width: 45%;
}

/* La scroll spre o sectiune sa se adauge un margin-top de X px */
#contact-bookameeting,
#crm-hs,
#erp-hs {
    scroll-margin-top: 50px;
}


.scroll-to-top {
    position: fixed;
    right: 22px;
    bottom: 22px;
    z-index: 999;

    width: 48px;
    height: 48px;
    border-radius: 50%;

    background: #3f7e8a;
    color: #ffffff;

    border: none;
    cursor: pointer;

    display: flex;
    align-items: center;
    justify-content: center;

    box-shadow:
        0 10px 24px rgba(2, 6, 23, 0.25);

    opacity: 0;
    pointer-events: none;
    transform: translateY(10px);

    transition:
        opacity .25s ease,
        transform .25s ease,
        box-shadow .25s ease,
        background-color .25s ease;
}

.intralinking-box {
    display: flex;
    align-items: center;
    gap: 14px;

    width: 100%;

    padding: 14px 18px;
    margin: 24px 0;

    border: 2px solid #1baaa0;
    border-radius: 10px;

    text-decoration: none;
    background: #ffffff;
    transition: all 0.2s ease;
    box-sizing: border-box;
}

.image-box {
    cursor: pointer;
    border-bottom: 0px;
    border-bottom-left-radius: 0%;
    border-bottom-right-radius: 0%;
    height: 90px;
    margin-bottom: -60px;
    border-color: #dfdfdf;
}

.image-box:hover {
    border-color: #dfdfdf !important;
    background-color: #f3f3f3 !important;
}

.image-box .intralinking-icon {
    width: auto;
    height: 100%;
    object-fit: contain;
}


.intralinking-box:hover {
    background: #f3fff9;
    border-color: #178c84;
}

.intralinking-icon {
    flex-shrink: 0;
    width: 30px;
    height: 30px;

    display: flex;
    align-items: center;
    justify-content: center;
}

.intralinking-icon img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.intralinking-text {
    font-size: 13px;
    line-height: 1.4;
    color: #0f172a;
    font-weight: 500;
}


.scroll-to-top i {
    font-size: 18px;
}


.scroll-to-top.is-visible {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
}

.scroll-to-top:hover {
    background: #2f6973;
    box-shadow:
        0 16px 36px rgba(2, 6, 23, 0.35);
}


.scroll-to-top:focus {
    outline: 3px solid rgba(207, 224, 255, 0.9);
    outline-offset: 3px;
}

/* Button */
.btn {
    display: block;
    padding: 7px 20px;
    border-radius: 6px;
    font-family: 'Figtree Lt';
    font-weight: 600;
    font-size: 16px;
    transition: box-shadow .25s linear, opacity .25s linear;
    -webkit-tap-highlight-color: transparent;
    min-width: 75px;
    text-align: center;
}

.btn:hover {
    box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.2);
    opacity: .9;
}

.btn-white {
    background-color: #fff;
    color: #002b44;
}

.btn.btn-teal {
    background-color: #1BAAA0;
    color: #fff;
    padding: 15px 20px;
    letter-spacing: -0.52px;
    text-align: center;
}

.btn.btn-darkblue {
    text-align: center;
    background-color: rgb(26 170 160);
    color: #fff;
    letter-spacing: -0.52px;
    padding: 15px 50px;
    margin: 30px auto 0 auto;
}

.btn.btn-center {
    text-align: center;

    margin: 30px auto 0 auto;
}

.btn.btn-black {
    background-color: #002b44;
    color: #fff;
    padding: 15px 20px;
    letter-spacing: -0.52px;
}

.btn-transparent-green {
    color: #1baaa0;
    transition: text-shadow .25s linear;
    font-size: 16px;
}

.btn-transparent-green:hover {
    text-shadow: 1px 1px 3px #1baaa160;
}


.btn-lightteal {
    color: #002b44;
    background-color: #99d4cf;
    font-family: 'Figtree Rg';
    font-weight: 400;
}

.btn-orange {
    background-color: #ff9327;
    color: #fff;
    padding: 15px 20px;
    letter-spacing: -0.52px;
    text-shadow: none;
}

/***** Btns hubspot *****/
.btn.hubspot-btn-orange-empty,
.btn.hubspot-btn-orange-fill {
    padding: 20px 45px;
    border: 2px solid;
    border-color: #ff9327;
    font-size: 20px;
    margin-left: 5px;
    margin-right: 5px;
    transition: color .25s linear, box-shadow .25s linear, background-color .25s linear, opacity .25s linear;
}

.btn.hubspot-btn-orange-empty {
    border-radius: 20px 6px 20px 6px;
    color: #ff9327;
    background-color: #fff;
}

.btn.hubspot-btn-orange-empty:hover {
    background-color: #ff9327;
    color: #fff;
}

.btn.hubspot-btn-orange-fill {
    border-radius: 6px 20px 6px 20px;
    color: #fff;
    background-color: #ff9327;
}

.btn.hubspot-btn-orange-fill:hover {
    color: #ff9327;
    background-color: #fff;
}

.btn.hubspot-btn-irregular-shape {
    background-color: #d7f5f2;
    border: 3px solid #1aaba0;
    color: #0c7f76;
    padding: 15px 18px 15px 10px;
    letter-spacing: -0.52px;
    border-radius: 20% 50% 50px 20%;
    font-weight: 700;
    font-size: 14px;
    font-family: 'Figtree Th';
    transition: box-shadow .25s linear, filter .25s linear, opacity .25s linear;
}

.btn.hubspot-btn-irregular-shape:hover {
    filter: brightness(110%);
}

.btn.hubspot-btn-irregular-shape>img {
    width: 20px;
    margin-left: 1px;
    margin-bottom: -2px;
}

.btn.hubspot-btn-irregular-shape.hubspot-btn-irregular-shape-orange {
    border-color: #ff9327;
    color: #ff9327;
    background-color: #ffefdf;
    padding: 22px 38px 22px 26px;
}

.animated-btn {
    animation: irregularShapeAnim 4s ease 4s infinite normal forwards;
}

.animated-btn-3 {
    animation: irregularShapeAnim 4s ease 7s infinite normal forwards;
}

@keyframes irregularShapeAnim {
    0% {
        animation-timing-function: ease-out;
        transform: scale(1);
        transform-origin: center center;
    }

    10% {
        animation-timing-function: ease-in;
        transform: scale(0.91);
    }

    17% {
        animation-timing-function: ease-out;
        transform: scale(0.98);
    }

    33% {
        animation-timing-function: ease-in;
        transform: scale(0.87);
    }

    45% {
        animation-timing-function: ease-out;
        transform: scale(1);
    }
}

@media (max-width: 901px) {
    .btn.btn-teal.btntealresp {
        background-color: #1BAAA0;
        color: #fff;
        padding: 15px 20px;
        letter-spacing: -0.52px;
        min-width: 120px;
        max-width: 220px;
        justify-content: center;
        font-size: 14px;
    }

    .btn.hubspot-btn-orange-empty,
    .btn.hubspot-btn-orange-fill {
        padding: 10px 30px;
        font-size: 16px;
    }
}

@media (max-width: 580px) {
    .btn.hubspot-btn-irregular-shape.hubspot-btn-irregular-shape-orange {
        padding: 12px 38px 12px 26px;
    }
}

@media (max-width: 500px) {
    .btn.hubspot-btn-irregular-shape {
        border: 2px solid #1aaba0;
    }
}

@media (max-width: 401px) {

    .btn.hubspot-btn-orange-empty,
    .btn.hubspot-btn-orange-fill {
        padding: 6px 15px;
        font-size: 15px;
    }
}

/* Background color */
.teal-background {
    background-color: rgba(0, 128, 128, 0.288);
}

/* List */
.select-option {
    background-color: transparent;
    border: none;
    outline: none;
}

.list-style-type-none {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

/* List - type 1 */
.section-list,
.section-list-2,
.pagenotfound.antispam main section ul {
    font-size: 16px;
    list-style-type: none;
}

.section-list>li,
.section-list-2>li,
.pagenotfound.antispam main section ul>li {
    position: relative;
    margin: 22px 0;
}

.section-list>li,
.section-list-2>li>a>span {
    font-family: 'Figtree Rg';
    font-weight: 400;
    font-size: 16px;
}

.section-list-2>li>a>span {
    font-family: 'Figtree Lt';
    font-weight: 600;
}

.section-list>li::before,
.pagenotfound.antispam main section ul>li:before {
    content: "";
    position: absolute;
    width: 28px;
    height: 26px;
    top: -2px;
    left: -40px;
    background-image: url(../../images/new/svg/checked.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

@media (max-width: 580px) {
    .section-list-2 {
        margin: 0;
    }

    .section-list,
    .pagenotfound.antispam main section ul {
        padding-left: 30px;
    }

    .section-list>li::before,
    .pagenotfound.antispam main section ul>li:before {
        width: 19px;
        height: 18px;
        top: 2px;
        left: -30px;
    }
}

@media (max-width: 380px) {
    .section-list br {
        display: none;
    }
}

/* List - type 2 */
.section-list-2 {
    font-family: 'Figtree';
    font-weight: 600;
    padding-left: 49px;
}

.section-list-2>li img {
    position: absolute;
    top: 0;
    left: -45px;
    width: 32px;
}

/* Card */
.card-black {

    background: linear-gradient(to top, #002b44, #064569);
    box-shadow: 3px 3px 5px 0 rgba(0, 43, 68, 0.3);
    border-radius: 8px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 20px 0 15px 20px;
    width: 207px;
    max-width: 100%;
    min-height: 100px;
    margin-left: 7px;
    margin-right: 7px;
    transition: transform .25s linear;
}

.home-s8 .card-black:hover {
    transform: scale(1.01);
}

.card-black img {
    margin-right: 28px;
    height: 42px;
}

.card-text {
    margin-top: 5px;
}

.card-title {
    color: #fff;
    font-size: 38px;
    font-family: 'Figtree Rg';
    font-weight: 700;
}

.card-title-2 {
    font-size: 16px;
    font-family: 'Figtree Th';
    font-weight: 700;
    color: #fff;
}

.card-text {
    font-size: 16px;
    font-family: 'Figtree Lt';
    font-weight: 600;
    line-height: 1.2;
}

.white-text-card .card-black {
    display: block;
}

@media (max-width: 1025px) {
    .card-black.responsive {
        display: none;
    }
}

@media (max-width: 769px) {
    .card-title {
        font-size: 28px;
    }

    .card-text {
        font-size: 13px;
    }

    .cards .card-black img {
        margin-right: 15px;
    }

    .cards.card-black {
        padding-left: 10px;
    }
}

@media (max-width: 580px) {
    .card-text {
        font-size: 15px;
    }
}

@media (max-width: 450px) {
    .card-black .card-title-2 {
        font-size: 16px;
    }
}

@media (max-width: 380px) {
    .card-title {
        font-size: 24px;
    }

    .card-text {
        font-size: 13px;
    }

    .header .card-black img {
        height: 26px;
    }
}

/* Text-image */
.text-image {
    padding-top: 80px;
    margin-top: 55px;
}

.text-image-content {
    flex-wrap: wrap;
}

.text-image-elem {
    width: 48%;
}

.text-image-elem.right {
    display: flex;
    justify-content: flex-end;
}

.text-image .right-image picture {
    max-width: 305px;
    height: 355px;
    display: block;
}

.text-image .right-image picture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px;
}

@media (max-width: 769px) {
    .text-image-elem {
        width: 100%;
    }

    .text-image .right-image picture {
        max-width: unset;
        width: 100vw;
    }

    .text-image .right-image picture img {
        border-radius: 0;
    }

    .text-image-content.opti-container-md.flex-spbtwn {
        margin-left: -25px;
        overflow: hidden;
    }

    .text-image-elem.right {
        justify-content: unset;
        margin-top: 20px;
    }

    .text-image {
        padding-top: 60px;
    }

    .hp-s1 .text-image-elem.left {
        margin-left: 25px;
    }
}

@media (max-width: 580px) {
    .text-image {
        margin-top: 30px;
        padding-top: 38px;
    }

    .text-image .right-image picture {
        height: 226px;
    }

    .text-image .section-text-1 {
        font-size: 15px;
    }

    .text-image-content.opti-container-md.flex-spbtwn {
        margin-left: -23px;
    }
}

@media (max-width: 380px) {
    .text-image {
        padding-top: 0;
    }
}

/* Image-text */
.text-image.image-text-2 .text-image-elem.left {
    order: 1;
}

.text-image.image-text-2 .text-image-elem.right {
    order: 0;
    justify-content: flex-start;
}

@media (max-width: 769px) {
    .text-image.image-text-2 .text-image-elem.left {
        order: 0;
    }

    .text-image.image-text-2 .text-image-elem.right {
        order: 1;
    }

    .image-text .flex-elem {
        width: 100%;
    }
}

@media (max-width: 580px) {
    .text-image.image-text-2 .section-text-1 {
        font-size: 15px;
    }

    .image-text .text-type-1 {
        font-size: 15px;
    }
}

/* Slick Slider */
.slick-dots {
    display: flex;
    justify-content: center;
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.slick-dots>li {
    margin-left: 4px;
    margin-right: 4px;
}

.slick-dots>li>button {
    background-color: #6b7d92;
    border: none;
    border-radius: 50%;
    color: transparent;
    width: 10px;
    height: 10px;
    padding: 0;
}

.slick-dots>li.slick-active>button {
    background-color: #1baaa0;
}

@media (max-width: 1100px) {

    /* black arrows */
    .slickslider-blackarrows button.slick-arrow {
        position: absolute;
        bottom: 0;
        color: transparent;
        background-color: transparent;
        border: none;
        width: 22px;
        z-index: 10;
    }

    .slickslider-blackarrows button.slick-arrow::before {
        content: "";
        position: absolute;
        width: 22px;
        height: 18px;
        bottom: 0;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }

    .slickslider-blackarrows button.slick-prev.slick-arrow,
    .slickslider-blackarrows button.slick-prev.slick-arrow::before {
        left: calc(45% - 10px);
    }

    .slickslider-blackarrows button.slick-next.slick-arrow,
    .slickslider-blackarrows button.slick-next.slick-arrow::before {
        left: calc(55% - 10px);
    }

    .slickslider-blackarrows button.slick-prev.slick-arrow::before {
        background-image: url(../../images/new/svg/left-black-arrow.svg);
    }

    .slickslider-blackarrows button.slick-next.slick-arrow::before {
        background-image: url(../../images/new/svg/right-black-arrow.svg);
    }
}

@media (max-width: 769px) {
    .slickslider-arrows button.slick-arrow {
        position: absolute;
        top: calc(50% - 10px);
        background-color: transparent;
        border: none;
        color: transparent;
        z-index: 10;
    }

    .slickslider-arrows button.slick-prev.slick-arrow {
        left: 0;
    }

    .slickslider-arrows button.slick-next.slick-arrow {
        right: 0;
    }

    .slickslider-arrows button.slick-arrow::before {
        content: "";
        position: absolute;
        top: 0;
        width: 30px;
        height: 30px;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .slickslider-arrows button.slick-prev.slick-arrow::before {
        background-image: url(../../images/new/svg/left-greenbg-whitecolor-arrow.svg);
    }

    .slickslider-arrows button.slick-next.slick-arrow::before {
        background-image: url(../../images/new/svg/right-greenbg-whitecolor-arrow.svg);
    }

    .slickslider-arrows button.slick-arrow::before {
        width: 21px;
        height: 17px;
    }
}

/* *********************************************** */
/* ******************* HEADER ******************** */
/* *********************************************** */
.header {
    padding: 0 0 20px 0;
    background-color: #F3F9FE;
    position: relative;
}

.header::before,
.header::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: url(../../images/new/hp-design-1.png);
    background-size: 48%;
    background-repeat: no-repeat;
    background-position: top -90px right 0;
    z-index: 0;
}

.header::after {
    top: unset;
    right: unset;
    bottom: 0;
    left: 0;
    background-image: url(../../images/new/hp-design-1.png);
    background-size: 44%;
    background-repeat: no-repeat;
    background-position: bottom -40px left 0;
}

.header .opti-container-xxl {
    position: relative;
    z-index: 1;
}

@media (max-width: 1025px) {
    .header .card-black {
        margin: 15px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .header .card-black:first-child {
        margin-left: 0;
    }
}

@media (max-width: 901px) {
    .header .cards.opti-container-xxl.green-text-card {
        padding: 0;
        bottom: -95px;
    }
}

@media (max-width: 769px) {
    .header {
        padding-top: 20px;
    }

    .header .cards.opti-container-xxl.green-text-card {
        flex-wrap: wrap;
        justify-content: space-between;
        padding-left: 0;
        padding-right: 0;
    }

    .header.hp::before {
        background-position: top -57px right 0;
        z-index: 0;
    }

    .header.hp::after {
        background-image: url(../../images/new/svg/hp-bg-design-resp.svg);
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: bottom -40px left 0;
        z-index: -2;
    }

    .header .card-black {
        width: 19%;
        min-height: unset;
        margin: 10px 3px;
        padding-right: 10px;
    }

    .header .card-black img {
        height: 30px;
    }
}

@media (max-width: 580px) {
    .header .cards {
        flex-wrap: wrap;
        bottom: 0;
    }

    .header.hp .banner .card-black {
        max-width: 160px;
        height: 85px;
    }

    .cards.opti-container-xxl.green-text-card {
        padding-left: 0;
        padding-right: 0;
    }

    .header.hp .card-black {
        margin-left: 0;
        margin-right: 0;
    }

    .header .card-black {
        width: 40%;
        margin: 2%;
    }

    .header .card-black:nth-child(2),
    .header .card-black:nth-child(4) {
        margin-left: 0;
    }

    .header .card-black:nth-child(3),
    .header .card-black:nth-child(5) {
        margin-right: 0;
    }

    .header .cards.opti-container-xxl.green-text-card {
        bottom: 0;
    }
}

@media (max-width: 450px) {
    .header.hp::before {
        background-position: top right;
    }

    .header .card-black {
        width: 37%;
        margin: 2%;
    }
}

@media (max-width: 380px) {
    .header .cards.opti-container-xxl.green-text-card {
        justify-content: space-between;
    }

    .header::after {
        bottom: 6%;
    }
}

/* Header - Navbar */
.navbar-logo {
    margin-right: 20px;
    display: flex;
    align-items: center;
}

.navbar-logo img {
    width: 120px;
    margin-top: -4px;
}

.navbar-mainmenu,
.navbar-rightmenu {
    display: flex;
    align-items: center;
}

.navbar-mainmenu>li>a,
.navbar-rightmenu-lang>a {
    color: #002b44;
    font-size: 16px;
    font-family: 'Figtree Lt';
    font-weight: 600;
    letter-spacing: -1.44px;
}

.navbar-rightmenu-lang>a {
    font-weight: bold;
    margin-right: 10px;
    font-family: 'Figtree Rg';
}

.navbar-mainmenu {
    position: relative;
}

.navbar {
    padding: 30px 0 25px 0;
    max-width: 1230px;
    margin: 0 auto;
    padding-left: 25px;
    padding-right: 25px;
    position: relative;
    z-index: 10;
}

/* Header - Navbar - Submenu */
.submenu {
    position: absolute;
    top: calc(100% + 15px);
    width: 200px;
    margin-left: 2px;
    opacity: 0;
    visibility: hidden;
    transition: opacity .25s linear;
}

.submenuMoreinfo .navbar-mainmenu.list-style-type-none.cl-effect-3 li .submenu ul>li,
.submenuInfrastructure .navbar-rightmenu li#submenu-infrastructure .submenu>ul>li {
    padding: 0;
    border-bottom: 1px solid #5db5ab;
    border-left: 3px solid transparent;
    background-color: #012c44;
    transition: background-color .25s linear;
}

.navbar-mainmenu.list-style-type-none.cl-effect-3 li .submenu ul>li:last-child,
.navbar-rightmenu li#submenu-infrastructure .submenu>ul>li:last-child {
    border-bottom: none;
}

.submenuMoreinfo .submenu ul,
.submenuInfrastructure .navbar-rightmenu #submenu-infrastructure ul {
    box-shadow: 3px 3px 9px #00000082;
    border-radius: 0 7px 7px 7px;
    background-color: rgb(1, 44, 68);
    padding: 3px 0;
}

.submenuInfrastructure .navbar-rightmenu #submenu-infrastructure ul {
    border-radius: 7px;
}

.submenu ul>li>a {
    color: #fff;
    font-size: 14px;
    padding: 10px 8px;
    display: block;
    width: 100%;
    transition: color .25s linear;
}

.cl-effect-3 .submenu ul>li>a:hover::after,
.cl-effect-3 .submenu ul>li>a:focus::after {
    opacity: 0;
}

.submenu ul>li>a:hover,
.submenu ul>li>a:focus {
    color: #fff;
}

.navbar-mainmenu.list-style-type-none.cl-effect-3 li .submenu ul>li:hover,
.navbar-rightmenu li#submenu-infrastructure .submenu ul>li:hover {
    background-color: #1baaa0;
    border-left: 3px solid #012c44;
}

.navbar-mainmenu.list-style-type-none.cl-effect-3 li .submenu ul>li:first-child {
    border-radius: 0 7px 0 0;
}

.navbar-rightmenu li#submenu-infrastructure .submenu ul>li:first-child {
    border-radius: 7px 7px 0 0;
}

.navbar-mainmenu.list-style-type-none.cl-effect-3 li .submenu ul>li:last-child,
.navbar-rightmenu li#submenu-infrastructure .submenu ul>li:last-child {
    border-radius: 0 0 7px 7px;
}

.navbar-mainmenu.list-style-type-none.cl-effect-3 li .submenu ul>li:focus,
.navbar-rightmenu li#submenu-infrastructure .submenu ul>li:focus {
    background-color: #1b9b92;
}

.mobileMenuActive #submenu-infrastructure .submenu {
    opacity: 0;
    visibility: hidden;
}

.submenuMoreinfo #submenu-moreinfo .submenu,
.submenuInfrastructure #submenu-infrastructure .submenu {
    opacity: 1;
    visibility: visible;
}

.submenuMoreinfo #submenu-moreinfo .submenu::before,
.submenuInfrastructure #submenu-infrastructure .submenu::before {
    content: "";
    position: absolute;
    top: -15px;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 15px 0px;
    border-color: transparent transparent #012c44 transparent;
}

.submenuInfrastructure #submenu-infrastructure .submenu::before {
    left: unset;
    right: 28%;
}

.navbar-rightmenu-infrastructure {
    padding: 5px 23px;
    position: relative;
}

.navbar-rightmenu-infrastructure>a {
    font-size: 16px;
    color: #002b44;
    letter-spacing: -1.44px;
    font-weight: 400;
    font-family: 'Figtree Rg';
}

.solutions .navbar-rightmenu-infrastructure>a {
    text-shadow: 1px 1px 30px #000;
}

.solutions .navbar-rightmenu-infrastructure>a {
    color: #fff;
}

.solutions.mobileMenuActive .navbar-rightmenu-infrastructure>a {
    color: #002b44;
    text-shadow: none;
}

#submenu-infrastructure {
    position: relative;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

.solutions #submenu-infrastructure::before,
.solutions #submenu-infrastructure:after {
    content: "";
    position: absolute;
    top: 16px;
    width: 13px;
    height: 2px;
    transition: transform .25s linear;
}

#submenu-infrastructure::before {
    transform: rotate(45deg);
    right: 6px;
}

#submenu-infrastructure::after {
    transform: rotate(-45deg);
    right: -2px;
}

/* Header - Navbar - Menu Button */
.menuButton {
    display: none;
    width: 36px;
    height: 32px;
    transform: rotate(0deg);
    transition: 0.5s ease-in-out;
    cursor: pointer;
    position: relative;
    z-index: 1000;
    top: -3px;
}

.menuButton span {
    display: block;
    position: absolute;
    height: 3px;
    width: 80%;
    background: #fff;
    border-radius: 4px;
    opacity: 1;
    left: 0;
    right: 0;
    margin: auto;
    transform: rotate(0deg);
    transition: 0.25s ease-in-out;
}

.sticky-main-menu .menuButton span {
    background: #002b44;
}

.menuButton span:first-child {
    top: 9px;
}

.menuButton span:nth-child(2),
.menuButton span:nth-child(3) {
    top: 18px;
    width: 80%;
    margin-left: 10%;
}

.menuButton span:nth-child(4) {
    top: 27px;
}

.mobileMenuActive .menuButton span:first-child,
.mobileMenuActive-2 .menuButton-2 span:first-child {
    top: 16px;
    width: 0;
    left: 50%;
}

.mobileMenuActive .menuButton span:nth-child(2),
.mobileMenuActive-2 .menuButton-2 span:nth-child(2) {
    transform: rotate(45deg);
    width: 80%;
}

.mobileMenuActive .menuButton span:nth-child(3),
.mobileMenuActive-2 .menuButton-2 span:nth-child(3) {
    transform: rotate(-45deg);
    width: 80%;
}

.mobileMenuActive .menuButton span:nth-child(4),
.mobileMenuActive-2 .menuButton-2 span:nth-child(4) {
    width: 80%;
    top: 16px;
    width: 0;
    left: 50%;
}

.mobileMenuActive .mainmenu,
.mobileMenuActive .mainmenu {
    opacity: 1;
    visibility: visible;
}

.sidebar .btn.btn-darkblue {
    margin-left: 0;
}

/* Responsive for Width */
@media (max-width: 1200px) {
    .navbar {
        padding-top: 35px;
    }
}

@media (max-width: 1025px) {

    .navbar-mainmenu.list-style-type-none.cl-effect-3 li,
    li.navbar-rightmenu-lang {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-width: 991px) {

    .navbar-mainmenu,
    .navbar-rightmenu {
        display: none;
    }

    .menuButton {
        display: block;
        margin-right: 10px;
    }

    .navbar-leftmenu {
        position: relative;
        width: calc(100% + 40px);
    }

    .menuButton,
    .navbar-leftmenu,
    .navbar-rightmenu {
        z-index: 21;
    }

    /* Mobile menu responsive */
    .menuresponsivebg {
        display: none;
    }

    body.mobileMenuActive {
        overflow: hidden;
    }

    .mobileMenuActive .header {
        overflow: hidden;
        padding-top: 0;
    }

    .mobileMenuActive .navbar {
        padding-top: 15px;
        position: relative;
        z-index: 21;
    }

    .mobileMenuActive .navbar-mainmenu {
        left: calc(50% - 150px);
    }

    .mobileMenuActive .navbar-mainmenu>li>a,
    .mobileMenuActive .navbar-rightmenu-lang>a,
    .mobileMenuActive .new-navbar .navbar-leftmenu.right>ul.navbar-mainmenu>li>span,
    .solutions.sticky-main-menu .new-navbar .navbar-leftmenu.right>ul.navbar-mainmenu>li>span {
        color: #002b44 !important;
        text-shadow: none !important;
        font-size: 38px;
        display: block;
        width: 100%;
        text-align: center;
    }

    .mobileMenuActive .menuButton span {
        background: #002b44;
    }

    .mobileMenuActive .menuresponsivebg {
        position: fixed;
        display: block;
        top: 0;
        left: 0;
        background-color: #fff;
        z-index: 20;
        width: 100%;
        height: 100vh;
    }

    .mobileMenuActive .menuresponsivebg::before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background-image: url(../../images/new/svg/menu-responsive-bg.svg);
        background-size: 90%;
        background-repeat: no-repeat;
        background-position: top 50px right -45px;
    }

    .mobileMenuActive .cl-effect-3 a::after {
        display: none;
    }

    .mobileMenuActive .navbar-mainmenu,
    .mobileMenuActive .navbar-rightmenu {
        display: block;
        position: absolute;
        top: calc(270%);
    }

    .mobileMenuActive .navbar-rightmenu {
        top: 578%;
        display: flex;
        flex-wrap: wrap;
        left: calc(50% - 155px);
    }

    .mobileMenuActive .navbar-rightmenu>li {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .mobileMenuActive .navbar-rightmenu-contact .btn.btn-white {
        margin-top: 20px;
        padding: 15px 60px;
        background-color: #1baaa0;
        color: #fff;
        font-size: 38px;
    }

    .navbar {
        padding-top: 25px;
    }

    .mobileMenuActive #submenu-moreinfo {
        position: relative;
        -webkit-tap-highlight-color: transparent;
        padding-right: 0;
    }

    .mobileMenuActive #submenu-moreinfo::before,
    .mobileMenuActive #submenu-moreinfo::after {
        position: absolute;
        content: "";
        top: 26px;
        right: 0;
        height: 3px;
        width: 20px;
        background-color: #002b44;
        border-radius: 10px;
        transition: transform .25s linear;
    }

    .mobileMenuActive #submenu-moreinfo::before {
        transform: rotate(50deg);
        right: 77px;
    }

    .mobileMenuActive #submenu-moreinfo::after {
        transform: rotate(-50deg);
        right: 65px;
    }

    .mobileMenuActive .navbar-mainmenu>li {
        margin: 20px 0;
    }

    .mobileMenuActive.submenuMoreinfo #submenu-moreinfo::before {
        transform: rotate(-50deg);
    }

    .mobileMenuActive.submenuMoreinfo #submenu-moreinfo::after {
        transform: rotate(50deg);
    }

    .mobileMenuActive.submenuMoreinfo .submenu {
        top: -675%;
        right: -34%;
        width: 100%;
    }

    .mobileMenuActive.submenuMoreinfo #submenu-moreinfo .submenu::before {
        top: calc(100% + -3px);
        transform: rotate(88deg);
        left: 43%;
    }

    .mobileMenuActive.submenuMoreinfo #submenu-moreinfo .submenu ul {
        border-radius: 7px;
        text-align: left;
    }

    .mobileMenuActive.submenuMoreinfo #submenu-moreinfo .submenu ul>li>a {
        padding: 13px 10px;
        font-size: 20px;
    }

    .mobileMenuActive.submenuMoreinfo #submenu-moreinfo .submenu ul>li {
        border-bottom: 1px solid #1aaba0;
    }

    .mobileMenuActive.submenuMoreinfo #submenu-moreinfo .submenu ul>li:last-child {
        border-bottom: 1px solid transparent;
    }
}

@media (max-width: 769px) {
    .header {
        padding-top: 0;
    }

    .navbar {
        padding-top: 20px;
    }
}

@media (max-width: 580px) {
    .menuButton {
        margin-right: 0;
    }

    .navbar {
        padding-top: 15px;
    }

    .mobileMenuActive.submenuMoreinfo .submenu {
        right: 17%;
    }

    .mobileMenuActive.submenuMoreinfo #submenu-moreinfo .submenu::before {
        right: 3%;
        left: unset;
    }

    .mobileMenuActive.submenuMoreinfo #submenu-moreinfo .submenu ul {
        border-radius: 7px;
    }

    .mobileMenuActive .navbar-mainmenu {
        left: calc(50% - 88px);
    }

    .mobileMenuActive.submenuMoreinfo #submenu-moreinfo .submenu ul>li:last-child {
        border-bottom: 1px solid transparent;
    }

    .mobileMenuActive .navbar-mainmenu>li>a,
    .mobileMenuActive .navbar-rightmenu-lang>a,
    .mobileMenuActive .new-navbar .navbar-leftmenu.right>ul.navbar-mainmenu>li>span {
        font-size: 24px;
    }

    .mobileMenuActive #submenu-moreinfo::before {
        right: 34px;
    }

    .mobileMenuActive #submenu-moreinfo::after {
        right: 25px;
    }

    .mobileMenuActive #submenu-moreinfo::before,
    .mobileMenuActive #submenu-moreinfo::after {
        top: 14px;
        width: 14px;
        height: 2px;
    }

    .mobileMenuActive .navbar-mainmenu {
        left: calc(50% - 95px);
    }

    .mobileMenuActive .navbar-rightmenu {
        top: 480%;
        left: calc(50% - 140px);
    }

    .mobileMenuActive .navbar-rightmenu-contact .btn.btn-white {
        font-size: 22px;
    }

    .mobileMenuActive.submenuMoreinfo .submenu {
        right: 9%;
        top: -1061%;
    }
}

@media (max-width: 450px) {

    .mobileMenuActive .navbar-mainmenu>li>a,
    .mobileMenuActive .navbar-rightmenu-lang>a,
    .mobileMenuActive .new-navbar .navbar-leftmenu.right>ul.navbar-mainmenu>li>span {
        font-size: 26px;
    }
}

@media (max-width: 380px) {
    .menuButton {
        width: 32px;
    }
}

/* Responsive for Height */
@media (max-height: 650px) {

    .mobileMenuActive .navbar-mainmenu>li>a,
    .mobileMenuActive .navbar-rightmenu-lang>a,
    .mobileMenuActive .new-navbar .navbar-leftmenu.right>ul.navbar-mainmenu>li>span {
        font-size: 26px;
    }

    .mobileMenuActive .navbar-mainmenu {
        left: calc(50% - 110px);
    }

    .mobileMenuActive #submenu-moreinfo::before {
        right: 47px;
    }

    .mobileMenuActive #submenu-moreinfo::after {
        right: 39px;
    }

    .mobileMenuActive #submenu-moreinfo::before,
    .mobileMenuActive #submenu-moreinfo::after {
        top: 18px;
    }

    .mobileMenuActive .navbar-rightmenu {
        top: 444%;
        left: calc(50% - 114px);
    }

    .mobileMenuActive .navbar-rightmenu-contact .btn.btn-white {
        padding: 7px 25px;
        font-size: 30px;
    }

    .mobileMenuActive .navbar-mainmenu {
        top: 165%;
    }

    .mobileMenuActive.submenuMoreinfo .submenu {
        right: 13%;
        top: -961%;
    }
}

@media (max-height: 540px) {

    .mobileMenuActive .navbar-mainmenu>li>a,
    .mobileMenuActive .navbar-rightmenu-lang>a,
    .mobileMenuActive .new-navbar .navbar-leftmenu.right>ul.navbar-mainmenu>li>span {
        font-size: 24px;
    }

    .mobileMenuActive #submenu-moreinfo::before {
        right: 34px;
    }

    .mobileMenuActive #submenu-moreinfo::after {
        right: 25px;
    }

    .mobileMenuActive #submenu-moreinfo::before,
    .mobileMenuActive #submenu-moreinfo::after {
        top: 14px;
        width: 14px;
        height: 2px;
    }

    .mobileMenuActive .navbar-mainmenu {
        left: calc(50% - 95px);
    }

    .mobileMenuActive .navbar-rightmenu {
        top: 430%;
        left: calc(50% - 100px);
    }

    .mobileMenuActive .navbar-rightmenu-contact .btn.btn-white {
        font-size: 22px;
    }

    .mobileMenuActive.submenuMoreinfo .submenu {
        right: 9%;
        top: -955%;
    }

    .mobileMenuActive.submenuMoreinfo #submenu-moreinfo .submenu ul>li>a {
        padding: 10px;
    }
}

/* Header - section 1 */
.header .banner {
    padding-top: 30px;
}

.header .banner .flex-elem {
    width: 48%;
}

.header .text-type-0 {
    padding-right: 20px;
}

.topimg {
    background-size: cover;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom -125px center;
    width: 100%;
    height: 330px;
    border-radius: 16px;
    overflow: hidden;
    position: relative;
}

.topimg-link-overlay {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 12;
}

@media (max-width: 901px) {
    .topimg {
        width: unset;
    }
}

/* Verticals */
.topimg#educational-and-publishing {
    background-image: url(../../images/new/educational-and-publishing.jpg);
}

.topimg#medical {
    background-image: url(../../images/new/medical.jpg);
}

.topimg#digital-transformation {
    background-image: url(../../images/new/digital-transformation.jpg);
    background-position: bottom 0 center;
}

.topimg#gaming {
    background-image: url(../../images/new/gaming.jpg);
    background-position: bottom -290px center;
}

.topimg::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../../images/new/shadow.png);
    background-size: cover;
    background-position: bottom center;
    background-repeat: no-repeat;
    z-index: 0;
}

.verticals .header .banner .flex-elem.right {
    display: flex;
}

.verticals .boxesimg.flex-spbtwn {
    flex-wrap: wrap;
    margin: 0;
    max-width: 200px;
}

.verticals .boxesimg-item:nth-child(2) {
    margin-left: 10px;
}

.verticals .boxesimg-item:last-child {
    margin-right: 10px;
}

.verticals .boxesimg-item {
    margin: 10px;
}

.verticals .topimg#educational-and-publishing {
    margin: 10px 10px 10px 0;
}

.verticals .topimg {
    height: 490px;
    background-position: bottom 0 center;
}

/* Verticals - end */
.header .banner .flex-elem {
    position: relative;
}

#medical,
#educational-and-publishing,
#gaming {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}

.topimg-textblock {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    color: #fff;
    padding-left: 54px;
    padding-right: 54px;
    padding-bottom: 15px;
}

.topimg-title a,
.topimg-title {
    font-size: 29px;
    font-weight: 700;
    letter-spacing: -0.84px;
    text-align: center;
    margin-bottom: 10px;
    font-family: 'Figtree Rg';
    display: flex;
    justify-content: center;
    color: #fff;
}

.topimg-text {
    font-size: 21px;
    text-align: center;
    font-weight: 400;
}

.boxesimg {
    margin-top: 24px;
}

.boxesimg-item.responsive {
    display: none;
}

.boxesimg-item-content {
    position: relative;
    width: fit-content;
    width: -moz-fit-content;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 2px 2px 6px rgb(0 0 0 / 20%);
}

.boxesimg-item:not(.boxesimg-item:last-child) {
    margin-right: 5px;
}

.boxesimg-img {
    width: 150px;
    height: 150px;
}

.boxesimg-item-content a.img-link {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 12;
}

.boxesimg-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.boxesimg-title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 41px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 13px;
    letter-spacing: -0.39px;
    font-family: 'Figtree Rg';
    font-weight: 700;
    z-index: 1;
    text-align: center;
}

.boxesimg-title::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(../../images/new/shadow-sm.png);
    background-position: bottom center;
    background-size: contain;
    background-repeat: no-repeat;
    bottom: 0;
    left: 0;
    z-index: -1;
}

@media (max-width: 1201px) {
    .header .banner .flex-elem {
        width: 55%;
    }

    .header .text-type-0 {
        padding-right: 50px;
    }

    .header .banner .flex-elem.right {
        margin-left: 10px;
    }
}

@media (max-width: 901px) {
    .header .banner.opti-container-lg {
        flex-wrap: wrap;
        padding-left: 0;
        padding-right: 0;
    }

    .header .banner .boxesimg-item {
        width: 22%;
    }

    .header .banner .boxesimg-item-content {
        width: 100%;
        margin-left: 0;
        margin-right: 8%;
    }

    .header .banner .boxesimg-item.item4 .boxesimg-item-content {
        margin-right: 0;
    }

    .header .banner .boxesimg-img {
        width: 100%;
    }

    .header .banner .flex-elem {
        width: 100%;
    }

    .topimg {
        display: none;
    }

    .webp .topimg {
        background-image: none;
    }

    .no-webp .topimg {
        background-image: none;
    }

    .boxesimg-item.responsive {
        display: block;
    }

    .btn.btn-teal.btntealresp {
        position: relative;
        margin-bottom: 30px;
    }

    .btn.btn-teal.btntealresp:hover {
        box-shadow: none;
    }

    .header .text-type-0 {
        padding-right: 0;
        margin-bottom: 15px;
        margin-top: 5px;
    }

    /* 
    .btn.btn-teal.btntealresp::after {
        content: "";
        position: absolute;
        top: 6px;
        right: -18px;
        width: 10px;
        height: 10px;
        background-image: url(../../images/new/svg/right-green-arrow-2.svg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    } */

    .boxesimg-title::after {
        background-position: top center;
        background-size: cover;
    }

    .header .dt-s0a.mt-54.opti-container-lg {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (max-width: 769px) {
    .boxesimg.flex-spbtwn .boxesimg-item {
        width: 47%;
        position: unset;
        display: flex;
        justify-content: center;
    }

    .boxesimg-img {
        width: 120px;
        height: 120px;
    }

    .boxesimg {
        margin-top: 0;
    }

    .header .banner .flex-elem .text-type-0 {
        margin-bottom: 20px;
    }

    .header .banner .boxesimg-item-content {
        margin-right: 6%;
    }
}

@media (max-width: 580px) {
    .header .banner {
        padding-left: 0;
        padding-right: 0;
    }

    .boxesimg.flex-spbtwn {
        flex-wrap: wrap;
    }

    .boxesimg-img {
        width: 200px;
        height: 200px;
    }

    .header .banner .flex-elem .text-type-0 {
        padding-right: 0;
        margin-bottom: 20px;
    }

    .boxesimg-title {
        font-size: 15px;
    }

    .boxesimg.flex-spbtwn .boxesimg-item.item1 {
        order: 3;
    }

    .boxesimg.flex-spbtwn .boxesimg-item.item2 {
        order: 0;
    }

    .boxesimg.flex-spbtwn .boxesimg-item.item3 {
        order: 1;
    }

    .boxesimg.flex-spbtwn .boxesimg-item.item4 {
        order: 2;
    }

    .boxesimg-item-content,
    .boxesimg-img {
        width: 100%;
    }

    .btn.btn-teal.btntealresp::after {
        top: 3px;
    }

    .header .banner .boxesimg-img {
        width: 100%;
        height: 180px;
    }

    .boxesimg.flex-spbtwn .boxesimg-item {
        margin-bottom: 15px;
        width: 47%;
    }

    .header .banner .boxesimg-item-content,
    .header .banner .boxesimg-item.item4 .boxesimg-item-content {
        margin-right: 0;
    }
}

@media (max-width: 450px) {
    .boxesimg-img {
        height: 180px;
    }

    .boxesimg.flex-spbtwn .boxesimg-item {
        width: 48%;
    }

    .boxesimg-title {
        font-size: 13px;
    }
}

@media (max-width: 380px) {
    .header .banner {
        padding-top: 35px;
    }

    .boxesimg-img {
        width: 150px;
        height: 150px;
    }

    .header .banner .boxesimg-img {
        width: 100%;
        height: 152px;
    }

    .boxesimg.flex-spbtwn .boxesimg-item {
        width: 44%;
        margin-left: 0;
        margin-right: 0;
    }
}

@media (max-width: 360px) {
    .boxesimg.flex-spbtwn .boxesimg-item {
        width: 47%;
    }
}

/* Header - Section 2 */
.clients {
    margin-top: 60px;
}

.clients img {
    max-width: 96px;
    max-height: 56px;
}

.sodexo {
    margin-top: -12px;
}

@media (max-width: 769px) {
    .clients {
        flex-wrap: wrap;
        margin-bottom: 40px;
        justify-content: center;
    }

    .hp .clients {
        margin-bottom: 0;
    }

    .clients-item {
        width: 26%;
        text-align: center;
        margin: 4% 2%;
    }

    .clients img {
        margin: auto;
    }

    .clients .slick-slide {
        display: flex !important;
        align-items: center;
        float: left;
        height: 56px;
        min-height: 1px;
    }

    .clients-item.item1 {
        order: 0;
    }

    .clients-item.item2 {
        order: 3;
    }

    .clients-item.item3 {
        order: 4;
    }

    .clients-item.item4 {
        order: 5;
    }

    .clients-item.item5 {
        order: 1;
    }

    .clients-item.item6 {
        order: 2;
    }
}

@media (max-width: 580px) {
    .clients .slick-slide {
        height: 37px;
    }

    .clients img {
        max-height: 39px;
        max-width: 100%;
    }

    img.sodexo {
        margin-top: -6px;
    }

    .clients {
        padding: 0;
        flex-wrap: wrap;
    }

    .hp .clients {
        margin-bottom: 40px;
    }

    .clients-item {
        margin: 5% 3%;
        width: 25%;
        text-align: center;
    }
}

@media (max-width: 380px) {
    .clients {
        margin-top: 40px;
    }
}

/* Header - Section 3 */
.cards {
    min-height: 116px;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    margin-top: 15px;
}

.cards-new-home {
    height: auto;
    position: absolute;
    bottom: 0;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    margin-bottom: 100px;
    margin-top: 100px;
}

.cards-new-home.no-margin-bottom {
    margin-bottom: 0;
}

.cards-new-home.no-margin-top {
    margin-top: 0;
}

.green-text-card .card-text {
    color: #1baaa0;
    width: 100%;
}

.white-text-card .card-text {
    color: #fff;
    width: 100%;
    font-family: 'Figtree Rg';
    font-weight: 400;
}

@media (max-width: 1201px) {
    .cards {
        height: unset;
    }
}

@media (max-width: 769px) {
    .cards {
        height: fit-content;
        bottom: 0;
        padding-top: 30px;
    }
}

/* *********************************************** */
/* ******************* Content ******************** */
/* *********************************************** */
/* Section 4 */
.background-design-1 {
    position: relative;
}

.bg-design-4 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.bg-design-4::before,
.bg-design-4::after {
    content: "";
    position: absolute;
    top: -7%;
    right: 0;
    height: 100%;
    background-repeat: no-repeat;
    z-index: -1;
}

.bg-design-4::before {
    background-image: url(../../images/new/svg/bg-design-4.svg);
    background-position: top 120px right 0;
    background-size: contain;
    width: 50%;
}

.bg-design-4::after {
    width: 100%;
    top: unset;
    right: unset;
    bottom: 7%;
    left: 0;
    background-image: url(../../images/new/svg/bg-design-4c.svg);
    background-size: 100%;
    background-position: bottom 100px left 0;
}

.home-s4 .opti-container-md {
    position: relative;
    z-index: 1;
}

/* Section 5 */
.home-s5 {
    padding-top: 80px;
    padding-bottom: 50px;
}

.home-s5 .section-title-3,
.home-s5 .boxes {
    position: relative;
    z-index: 1;
}

.home-s5 .boxes.flex-spbtwn {
    flex-wrap: wrap;
    align-items: flex-start;
}

.home-s5 .boxes.flex-spbtwn .box-elem {
    width: 30%;
    margin: 18px 0;
}

.home-s5 .boxes.flex-spbtwn .box-elem.four {
    width: 40%;
    margin: 18px 0;
}

.home-s5 .btn-transparent-green {
    margin-top: 15px;
}

@media (max-width: 1025px) {
    .home-s5 {
        padding-bottom: 106px;
        padding-top: 100px;
    }
}

@media (max-width: 769px) {
    .home-s5 {
        padding-top: 40px;
        padding-bottom: 20px;
    }

    .home-s5 .boxes.flex-spbtwn .box-elem {
        width: 48%;
    }
}

@media (max-width: 580px) {
    .home-s5 .boxes.flex-spbtwn .box-elem {
        width: 100%;
        margin: 10px 0;
    }
}

/* Section 6 */
.home-s6 {
    margin-bottom: 85px;
    position: relative;
}

.home-s6.opti-container-md.slickslider-arrows .elem.left {
    padding-right: 5px;
}

.bg-design-6 {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../../images/new/svg/dots.svg);
    background-size: 70%;
    background-position: 337px 17px;
    background-repeat: no-repeat;
    z-index: -1;
}

.home-s6 .elem.right {
    width: fit-content;
    width: -moz-fit-content;
    width: 52%;
}

.home-s6 .btn.btn-darkblue {
    margin-left: unset;
    margin-right: unset;
}

.elem-imgs-top {
    align-items: flex-end;
    margin-bottom: 23px;
}

.elem-imgs-top .left img,
.elem-imgs-top .right img,
.elem-imgs-bottom .left img,
.elem-imgs-bottom .right img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.elem-imgs-top .left {
    width: 304px;
    height: 242px;
}

.elem-imgs-top .right {
    margin-left: 20px;
}

.elem-imgs-bottom .right {
    margin-left: 22px;
}

.elem-imgs-top .right {
    width: 140px;
    height: 140px;
}

.elem-imgs-bottom {
    align-items: flex-start;
}

.elem-imgs-bottom .left {
    width: 137px;
    height: 184px;
}

.elem-imgs-bottom .right {
    width: 300px;
    height: 239px;
}

.hover-item {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}

.hover-item.responsive {
    display: none;
}

.hober-text {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hover-text::before {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../../images/new/svg/shadow-2.svg);
    background-size: cover;
    background-position: center;
    z-index: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity .25s linear;
}

.hover-text a {
    color: #fff;
    position: absolute;
    display: block;
    bottom: 15px;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    font-family: 'Figtree Rg';
    opacity: 0;
    visibility: hidden;
    transition: opacity .25s linear;
}

.hover-item:hover .hover-text::before,
.hover-item:hover .hover-text a {
    opacity: 1;
    visibility: visible;
}

@media (min-width:901px) {}

@media (max-width: 769px) {
    .home-s6 .flex-spbtwn {
        flex-wrap: wrap;
    }

    .home-s6 .elem.right {
        width: 100%;
        margin-top: 30px;
    }

    .bg-design-6 {
        background-image: unset;
    }

    .home-s6 .btn.btn-darkblue {
        display: none;
    }

    .hover-item.desktop {
        display: none;
    }

    .hover-item.responsive {
        display: block;
    }

    .elem-imgs-top .hover-item {
        width: 328px;
        height: 112px;
        margin: 0;
    }

    .hover-text::before,
    .hover-text a {
        opacity: 1;
        visibility: visible;
    }

    .hover-text::before {
        background-position: top;
    }

    .home-s6 .elem.left {
        width: 100%;
    }

    .home-s6 .section-list-2 {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .home-s6 .section-list-2 li {
        width: 45%;
    }

    .home-s6 {
        margin-bottom: 60px;
    }

    .home-s7::after {
        top: -45px;
        height: 155%;
        background-size: cover;
    }
}

@media (max-width: 580px) {
    .home-s6 {
        margin-bottom: 20px;
    }

    .section-list>li,
    .section-list-2>li {
        margin: 15px 0;
    }

    .home-s6 .section-list-2 {
        padding: 0;
    }

    .home-s6 .section-list-2 li {
        width: 30%;
        padding-left: 35px;
        margin: 10px 0;
    }

    .section-list-2>li img {
        top: 3px;
        left: 0;
        width: 22px;
    }

    .hover-text a {
        font-size: 16px;
    }

    .section-list>li,
    .section-list-2>li>a>span {
        font-size: 15px;
    }

    .home-s6 .section-title-2 {
        margin-bottom: 5px;
    }

    .home-s6 .elem.right {
        margin-top: 5px;
    }
}

@media (max-width: 380px) {
    .home-s6 .section-list-2 li {
        padding-left: 30px;
        width: 33%;
    }
}




/* Section 7 */
.home-s7 {
    position: relative;
    padding-bottom: 50px;
}

.home-s7::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../../images/new/svg/bg-design-3.svg);
    background-size: 100%;
    background-position: center -5px;
    background-repeat: no-repeat;
    z-index: -1;
}

.laptop-section .flex-spbtwn {

    flex-wrap: nowrap;
}

.laptop-section .elem.left img {
    max-width: 90%;
}

.laptop-section .btn.btn-teal {
    padding-left: 23px;
    padding-right: 23px;
    margin-top: 20px;
}

@media (max-width: 1201px) {
    .laptop-section .elem.left img {
        margin: 8px;
    }
}



@media (max-width: 580px) {
    .laptop-section .btn.btn-teal {
        margin-top: 10px;
        font-size: 14px;
        padding-left: 8px;
        padding-right: 8px;
    }
}

/* Section 8 */
.home-s8,
.bubble {
    margin-bottom: 75px;
    position: relative;
}

.bg-design-8::before,
.bg-design-8::after {
    content: "";
    position: absolute;
    display: block;
    background-size: contain;
}

.bg-design-8::before {
    top: 0;
    right: 50px;
    width: 30px;
    height: 26px;
    background-image: url(../../images/new/svg/design-shape-1.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.bubble-text {
    width: 30%;
}

.progr-lang {
    flex-wrap: wrap;
    width: 70%;
}

.progr-lang-item {
    width: 24%;
    text-align: center;
    margin: 10px 0;
}

.bubble .section-title-2 {
    margin-bottom: 40px;
}

.bubble .cards.cards-link.flex-spbtwn {
    margin-top: 0;
    align-items: stretch;
    position: relative;
    height: unset;
    bottom: 0;
}

.bg-design-8b {
    position: absolute;
    display: block;
    top: -100px;
    left: 220px;
    width: 29px;
    height: 29px;
    background-image: url(../../images/new/svg/design-shape-2.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.bubble .cards .section-text-2 {
    color: #fff;
    margin-top: 15px;
}

.bubble .cards .card-black {
    width: 28%;
    position: relative;
    padding-bottom: 40px;
    padding-right: 20px;
    display: block;
}

.viewmore-arrowbtn {
    background-image: url(../../images/new/svg/arrow-btn.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 33px;
    height: 26px;
    position: absolute;
    bottom: 15px;
    right: 15px;
}

@media (max-width: 901px) {
    .progr-lang {
        width: 60%;
    }
}

@media (max-width: 769px) {
    .progr-lang {
        justify-content: space-evenly;
    }

    .progr-lang-item {
        width: 30%;
    }

    .progr-lang-item.item3,
    .progr-lang-item.item7 {
        display: none;
    }

    .bubble .cards.cards-link.flex-spbtwn {
        flex-wrap: wrap;
    }

    .bubble .cards .card-black {
        width: 100%;
        margin-bottom: 22px;
    }

    .bg-design-8::before,
    .bg-design-8::after,
    .bg-design-8b {
        display: none;
    }
}

@media (max-width: 580px) {
    .progr-lang-item.item1 {
        order: 0;
    }

    .progr-lang-item.item2 {
        order: 1;
    }

    .progr-lang-item.item4 {
        order: 6;
    }

    .progr-lang-item.item5 {
        order: 3;
    }

    .progr-lang-item.item6 {
        order: 4;
    }

    .progr-lang-item.item8 {
        order: 5;
    }

    .progr-lang-item {
        width: 40%;
        order: 7;
    }

    .bubble .cards .card-black {
        margin-left: 0;
        margin-right: 0;
    }

    .bubble-text {
        width: 45%;
    }

    .progr-lang {
        width: 45%;
    }

    .progr-lang-item img {
        max-width: 80%;
    }

    .home-s8 {
        margin-bottom: 30px;
    }
}

@media (max-width: 380px) {
    .bubble .cards.cards-link.flex-spbtwn {
        margin-top: 30px;
    }

    .bubble .section-title-2 {
        margin-bottom: 10px;
    }
}


/* Section 9 */

.home-s9 {
    padding-top: 100px;
    padding-bottom: 60px;
    position: relative;
}

.home-s9::before,
.home-s9::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
}

.home-s9::before {
    background-image: url(../../images/new/svg/bg-design-9.svg);
    background-size: cover;
    background-position: center;
    z-index: -2;
}

.home-s9::after {
    background-image: url(../../images/new/svg/dots-2.svg);
    background-size: 30%;
    background-position: right 220px bottom 145px;
    z-index: -1;
}

.home-s9 .btn.btn-darkblue {
    margin-left: unset;
    margin-right: unset;
    margin-top: 40px;
}

.carousel-bg img {
    max-width: 692px;
    max-height: 574px;
    margin-top: 30px;
    border-radius: 10px;
    margin-bottom: 30px;
    box-shadow: 5px 5px 15px 0 rgb(0 0 0 / 25%);
}

.blog .carousel-bg img {
    box-shadow: none;
}

.carousel-elem {
    position: relative;
}

.img-container {
    margin-top: 30px;
    margin-bottom: 20px;
    margin-right: 20px;
    border-radius: 10px 10px 10px 10px;
    padding: 10px;
    box-shadow: 7px 5px 15px 9px rgba(0, 0, 0, 0.25);
}

.carousel-textbox {
    position: absolute;
    bottom: 20px;
    left: -50px;
    background-color: #fff;
    width: 300px;
    min-height: 250px;
    border-radius: 10px;
    box-shadow: 0 0 6px 0 rgba(23, 119, 100, 0.2);
    padding: 36px 20px 28px 26px;
    z-index: 2;
}

.blog .carousel-textbox {
    left: 8%;
    min-height: 200px;
    padding: 16px;
}

.carousel-img-study {
    margin-top: 30px;
    margin-bottom: 20px;
    margin-right: 20px;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 7px 5px 15px 9px rgba(0, 0, 0, 0.25);
}

.home-s9 .elem.left {
    width: 36%;
}

.home-s9 .elem.right {
    width: 64%;
    position: relative;
    z-index: 10;
}

.bg-design-9 {
    position: absolute;
    top: 265px;
    right: 361px;
    width: 332px;
    height: 50%;
    background-color: #f3f9fe;
    z-index: 1;
}

.carusel_side_new_widget .new-carousel-elem {
    position: relative;
    padding-left: 30px;
    padding-right: 30px;
    width: 50%;
    box-sizing: border-box;
}

.new-carousel-elem .slick-slide {
    box-sizing: border-box;
    margin: 0;
    min-height: 1px;
    width: 1000px;
}

.carusel_side_new_widget {
    overflow: hidden;
}

#new-case-study-carousel {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 0;
    position: relative;
    overflow: visible;
}

.new-carousel-img-study {
    width: 100%;
    height: auto;
    min-height: 560px;
    max-height: 560px;
    object-fit: cover;
}

.new-carousel-textbox {
    position: absolute;
    bottom: 20px;
    left: 0;
    background-color: #fff;
    width: 300px;
    min-height: 250px;
    border-radius: 10px;
    box-shadow: 0 0 6px 0 rgba(23, 119, 100, 0.2);
    padding: 36px 20px 28px 26px;
    z-index: 2;
}

.elem.case-studies-elem {
    margin: 0 auto;
    padding: 40px;
}

#new-case-study-carousel .slick-list {
    padding: 0;
}

#new-case-study-carousel button.slick-prev.slick-arrow,
#new-case-study-carousel button.slick-next.slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    background-color: transparent;
    border: none;
    width: 30px;
    height: 30px;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
}

#new-case-study-carousel button.slick-prev.slick-arrow {
    left: -50px;
}

#new-case-study-carousel button.slick-next.slick-arrow {
    right: -50px;
}

@media (max-width: 901px) {
    .opti-container-md {
        padding-left: 25px;
        padding-right: 25px;
    }
}

@media (max-width: 580px) {
    .opti-container-md {
        padding-left: 13px;
        padding-right: 13px;
        margin-bottom: 50px;
    }
}

@media (max-width: 769px) {
    .flex-spbtwn {
        justify-content: center;
        flex-wrap: wrap;
    }

    .flex-spbtwn.bottom {
        justify-content: start;
    }
}

@media (max-width: 769px) {
    .new-carousel-elem {
        width: 100%;
        padding: 0;
        margin: 0;
    }

    .carusel_side_new_widget {
        padding: 0;
    }
}

@media (max-width: 580px) {
    .elem.case-studies-elem {
        width: 100%;
        padding: 0;
    }
}

@media (max-width: 769px) {
    .carusel_side_new_widget .new-carousel-elem {
        padding-left: 0px;
    }

    .new-carousel-img-study {
        width: 100%;
        height: auto;
        min-height: 400px;
        max-height: 400px;
        object-fit: cover;
    }
}

@media (max-width: 580px) {
    .new-carousel-img-study {
        min-height: 300px;
        max-height: 300px;
    }
}

@media (max-width: 769px) {
    .new-carousel-textbox {
        position: relative;
        bottom: 0;
        left: 0;
        background-color: #fff;
        width: 100%;
        min-height: 150px;
        border-radius: 10px;
        box-shadow: 0 0 6px 0 rgba(23, 119, 100, 0.2);
        padding: 20px;
        z-index: 2;
    }
}

@media (max-width: 580px) {
    .new-carousel-textbox {
        padding: 15px;
        min-height: 120px;
    }
}

@media (min-width: 1580px) {
    .home-s9::after {
        display: none;
    }
}

@media (max-width: 1025px) {
    .bg-design-9 {
        right: 210px;
    }
}

@media (max-width: 901px) {
    #case-study-carousel ul.slick-dots {
        margin-top: -20px;
        position: relative;
        z-index: 2000;
    }

    .blog #case-study-carousel ul.slick-dots {
        margin-top: 0;
    }

    .carousel-textbox {
        min-height: 110px;
    }
}

@media (max-width: 769px) {
    .hp-bg-carousel-1 {
        position: relative;
    }

    .hp-bg-carousel-1::before {
        content: "";
        position: absolute;
        top: 21%;
        left: 0;
        width: 100%;
        height: 100%;
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: top 0 left 0;
        background-image: url(../../images/new/svg/hp-bg-carousel-1-svg.svg);
    }

    .home-s9 {
        padding-bottom: 65px;
    }

    .home-s9.homepage-s9 {
        padding-top: 30px;
    }
}

@media (max-width: 700px) {
    .hp-bg-carousel-1::before {
        background-size: 120%;
        top: 19%;
    }
}

@media (max-width: 600px) {
    .hp-bg-carousel-1::before {
        top: 20%;
        background-size: 140%;
    }
}

@media (max-width: 580px) {
    .blog .carousel-textbox {
        left: 5%;
        max-width: 80% !important;
        min-height: 140px !important;
        bottom: -7px;
    }

    .blog .carousel-bg img {
        max-height: 300px !important;
    }

    .hp-bg-carousel-1::before {
        top: 20%;
        background-size: 140%;
    }

    .home-s9 {
        margin-top: 30px;
    }

    .home-s9 .section-text-1 {
        font-size: 15px;
        margin-bottom: 15px;
    }

    .home-s9 .carousel-title {
        font-size: 16px;
    }

    .home-s9 .carousel-text {
        font-size: 15px;
    }

    #case-study-carousel ul.slick-dots {
        margin-top: -34px;
    }

    .home-s9.homepage-s9 {
        padding-top: 0;
    }
}

@media (max-width: 490px) {
    .hp-bg-carousel-1::before {
        top: 38%;
        background-size: 130%;
    }
}

@media (max-width: 450px) {
    .hp-bg-carousel-1::before {
        top: 40%;
        background-size: 160%;
    }
}

@media (max-width: 380px) {
    .home-s9 {
        padding-bottom: 75px;
    }
}

@media (max-width: 340px) {
    .hp-bg-carousel-1::before {
        top: 40%;
        background-size: 180%;
    }
}


/* Section 9 - slick slider */

.home-s9 .slick-list {
    padding-left: 90px;
}

.home-s9 .slick-next.slick-arrow {
    position: absolute;
    top: 50%;
}

.home-s9 .slick-prev.slick-arrow {
    position: absolute;
    top: 50%;
}

.home-s8 button.slick-prev.slick-arrow,
.home-s8 button.slick-next.slick-arrow {
    position: absolute;
    /* top: calc(80% + 20px); */
    z-index: 10;
    background-color: transparent;
    border: none;
    color: transparent;
}

.home-s8 button.slick-prev.slick-arrow {
    left: -25px;
    top: 50%;
}

.home-s8 button.slick-next.slick-arrow {
    right: -25px;
    top: 50%;
}

.home-s9 button.slick-prev.slick-arrow,
.home-s9 button.slick-next.slick-arrow,
.blog button.slick-prev.slick-arrow,
.blog button.slick-next.slick-arrow {
    position: absolute;
    top: calc(80% + 20px);
    z-index: 10;
    background-color: transparent;
    border: none;
    color: transparent;
}

.blog button.slick-prev.slick-arrow,
.blog button.slick-next.slick-arrow {
    top: calc(80% + 45px);
}

.home-s9 button.slick-prev.slick-arrow::before,
.home-s9 button.slick-next.slick-arrow::before,
.home-s8 button.slick-prev.slick-arrow::before,
.home-s8 button.slick-next.slick-arrow::before,
.blog button.slick-prev.slick-arrow::before,
.blog button.slick-next.slick-arrow::before {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    z-index: 10;
    width: 10px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

/* .home-s9 button.slick-prev.slick-arrow::before,
.blog button.slick-prev.slick-arrow::before {
    background-image: url(../../images/new/svg/left-green-arrow.svg);
    left: 25px;
}

.home-s9 button.slick-next.slick-arrow::before,
.blog button.slick-next.slick-arrow::before {
    background-image: url(../../images/new/svg/right-green-arrow.svg);
    right: 15px;
} */

.home-s9 button.slick-prev.slick-arrow {
    /* left: 290px; */
    margin-right: auto;
}

.home-s9 button.slick-next.slick-arrow {
    margin-left: auto;
}

.blog button.slick-prev.slick-arrow {
    /* right: 80px; */
    margin-right: auto;
}

.blog button.slick-next.slick-arrow {
    /* right: 50px; */
    margin-left: auto;
}

.carousel-title,
.carousel-title a {
    font-family: 'Figtree Th';
    font-weight: 700;
    color: #1baaa0;
    font-size: 16px;
    margin-bottom: 15px;
}

.right-image img {
    max-width: 95%;
}

.carousel-text {
    font-size: 17px;
    overflow: hidden;
    max-height: 245px;
    -webkit-line-clamp: 11;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.solution-elem-text .carousel-text {
    max-height: 224px;
}

.home-s9 button.slick-arrow,
.home-s10 button.slick-arrow,
.blog button.slick-arrow {
    cursor: pointer;
    transition: transform .25s linear;
}

.home-s9 button.slick-arrow:hover,
.home-s10 button.slick-arrow:hover,
.blog button.slick-arrow:hover {
    transform: scale(1.2);
}

.home-s9 .btn.btn-darkblue {
    padding-left: 20px;
    padding-right: 20px;
}

.home-s9 .carousel-bg {
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
}

.home-s9 .carousel-bg::before {
    content: "";
    position: absolute;
    top: 30px;
    left: 30px;
    width: calc(100% - 45px);
    height: calc(100% - 80px);
    z-index: 0;
}

.home-s9 .carousel-bg img {
    position: relative;
    z-index: 1;
}

@media (max-width: 1025px) {
    .home-s9 .elem.right {
        width: 60%;
    }

    .carousel-bg img {
        max-width: 600px;
        max-height: 480px;
    }

    .home-s9 button.slick-prev.slick-arrow,
    .home-s9 button.slick-next.slick-arrow {
        top: calc(80% + 25px);
    }
}

@media (max-width: 901px) {
    .home-s9 .flex-spbtwn {
        flex-wrap: wrap;
    }

    .home-s9 .slick-initialized .slick-slide {
        padding-top: 20px;
    }

    .home-s9 .elem.left,
    .home-s9 .elem.right {
        width: 100%;
    }

    .bg-design-9,
    .home-s9 .btn.btn-darkblue,
    .home-s9 .carousel-bg {
        display: none;
    }

    .home-s9 .carousel-textbox {
        position: relative;
        width: unset;
        max-width: 600px;
        left: 0;
    }

    .home-s9::after {
        background-image: none;
    }

    .home-s9 .slick-list {
        padding-left: 0;
    }

    .home-s9 button.slick-prev.slick-arrow,
    .home-s9 button.slick-next.slick-arrow {
        top: 84%;
    }
}

@media (max-width: 901px) {
    #case-study-carousel .carousel-textbox {
        max-width: 100%;
    }
}

@media (max-width: 769px) {
    .carousel-textbox {
        max-width: 400px;
    }

    #case-study-carousel .carousel-textbox {
        max-width: 100%;
    }
}

@media (max-width: 580px) {
    .latest-announcements .slick-track {
        padding-bottom: 0;
    }

    .carousel-textbox-content {
        max-width: 100%;
        padding: 0 5px;
    }

    .carousel-textbox {
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .home-s9 button.slick-next.slick-arrow,
    .home-s9 button.slick-prev.slick-arrow,
    .dn-500 {
        display: none !important;
    }
}


/* Section 10 */

.home-s10 {
    margin-top: 120px;
}

.home-s10.opti-container-lg {
    margin-right: auto;
}

section.home-s10.opti-container-xxl {
    max-width: 1310px;
}

.home-s10 .section-text-1 {
    margin-bottom: 53px;
    margin-top: 10px;
}

#testimonials-carousel,
#testimonials-carousel-d,
#testimonials-carousel-d-new {
    margin-top: -180px;
}

.bubbles .elem {
    width: 327px;
    height: 320px;
    position: relative;
    margin: 0 135px;
}

.bubbles .elem.left {
    top: 50px;
}

.bubbles .elem.right {
    top: -50px;
}

.bubbles-img {
    margin-bottom: 16px;
}

.bubbles-img img {
    border-radius: 20px;
    max-width: 160px !important;
    max-height: 70px !important;
    object-fit: contain !important;
    width: auto !important;
    height: auto !important;
}

.bubbles .elem::before,
.bubbles .elem.left::after,
.bubbles .elem.right::after {
    content: "";
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.bubbles .elem.left::before {
    top: -10px;
    left: -126px;
    width: 126px;
    height: 96px;
    background-image: url(../../images/new/svg/quotes.svg);
    z-index: -1;
}

.bubbles .elem.right::before {
    top: -70px;
    left: -40px;
    width: 126px;
    height: 96px;
    background-image: url(../../images/new/svg/quotes.svg);
    z-index: -1;
}

.bubbles .elem.left::after {
    top: -30%;
    left: -20%;
    width: 152%;
    height: 156%;
    background-image: url(../../images/new/svg/bubble-3.svg);
    z-index: -2;
}

.bubbles .elem.right::after {
    top: -20%;
    left: -30%;
    width: 140%;
    height: 140%;
    background-image: url(../../images/new/svg/bubble-4.svg);
    z-index: -2;
}

.carousel-text-bold {
    font-size: 17px;
    font-weight: 700;
    font-family: 'Figtree Rg';
    text-align: center;
    margin-top: 15px;
}

.carousel-text-light {
    font-size: 17px;
    font-family: 'Figtree Alt Lt';
    font-weight: 300;
    text-align: center;
}

.bubbles.slick-slide {
    display: flex !important;
    justify-content: center;
    padding: 130px 0;
    padding-left: 50px;
}

.home-s10 button.slick-prev.slick-arrow,
.home-s10 button.slick-next.slick-arrow {
    position: absolute;
    bottom: 0;
    background-color: transparent;
    color: transparent;
    border: none;
    z-index: 10;
    cursor: pointer;
}

.home-s10 button.slick-prev.slick-arrow {
    left: calc(50% - 60px);
}

.home-s10 button.slick-prev.slick-arrow::before,
.home-s10 button.slick-next.slick-arrow::before {
    content: "";
    position: absolute;
    bottom: -4px;
    left: 30px;
    width: 32px;
    height: 26px;
}

.home-s10 button.slick-prev.slick-arrow::before {
    background-image: url(../../images/new/svg/left-arrow-2.svg);
}

.home-s10 button.slick-next.slick-arrow::before {
    background-image: url(../../images/new/svg/right-arrow-2.svg);
    left: 0;
}

.home-s10 button.slick-next.slick-arrow {
    left: calc(50% + 30px);
}

.home-s10 .padding-left-md {
    padding-left: 190px;
}

.home-s10 .slick-list.draggable {
    z-index: 0;
}

@media (max-width: 1201px) {
    .bubbles .elem.left::after {
        top: -53%;
        left: -60%;
        width: 210%;
        height: 210%;
    }

    .bubbles .elem.right::after {
        top: -38%;
        left: -50%;
        width: 200%;
        height: 200%;
    }

    .home-s10 .padding-left-md {
        padding-left: 110px;
        padding-bottom: 50px;
    }

    .bubbles .elem {
        margin: 0 125px;
    }
}

@media (max-width: 1100px) {

    #testimonials-carousel,
    #testimonials-carousel-r,
    #testimonials-carousel-r-new {
        margin-top: 0;
        max-width: 80%;
        margin: auto;
        text-align: center;
    }

    .home-s10 {
        margin-top: 60px;
    }

    .home-s10 .padding-left-md {
        padding-bottom: 0;
    }

    .home-s10 .padding-left-md {
        padding-left: 0;
    }

    .home-s10 button.slick-prev.slick-arrow,
    .home-s10 button.slick-next.slick-arrow {
        bottom: -40px;
    }

    .home-s10 .carousel-text {
        width: 50%;
        margin: auto;
    }

    .home-s10.opti-container-xxl {
        position: relative;
    }

    .home-s10.opti-container-xxl::before,
    .home-s10.opti-container-xxl::after {
        content: "";
        position: absolute;
        display: block;
        background-size: contain;
        background-repeat: no-repeat;
        z-index: -2;
    }

    .home-s10.opti-container-xxl::after {
        width: 60%;
        height: 60%;
        background-image: url(../../images/new/svg/hp-bubble-4.svg);
        top: 24%;
        left: 27%;
    }

    section.home-s10.opti-container-xxl {
        padding-bottom: 150px;
    }

    .home-s10 button.slick-prev.slick-arrow,
    .home-s10 button.slick-next.slick-arrow {
        bottom: -75px;
    }

    .home-s10 button.slick-prev.slick-arrow {
        left: calc(50% - 78px);
    }

    .home-s10 button.slick-prev.slick-arrow::before,
    .home-s10 button.slick-next.slick-arrow::before {
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }

    .home-s10 button.slick-prev.slick-arrow::before {
        background-image: url(../../images/new/svg/left-black-arrow.svg);
    }

    .home-s10 button.slick-next.slick-arrow::before {
        background-image: url(../../images/new/svg/right-black-arrow.svg);
    }

    #testimonials-carousel,
    #testimonials-carousel-r,
    #testimonials-carousel-r-new {
        padding-top: 50px;
    }
}

@media (max-width: 1025px) {
    .home-s10.opti-container-xxl::after {
        left: 25%;
    }
}

@media (max-width: 901px) {
    .home-s10.opti-container-xxl::after {
        left: 20%;
        top: 21%;
        width: 63%;
        height: 63%;
    }

    .home-s10 button.slick-prev.slick-arrow,
    .home-s10 button.slick-next.slick-arrow {
        bottom: -110px;
    }

    .home-s10 .section-text-1 {
        margin-bottom: 15px;
    }
}

@media (max-width: 769px) {
    .home-s10 .carousel-text {
        width: 60%;
    }

    .home-s10.opti-container-xxl::after {
        left: 18%;
        top: 20%;
        width: 66%;
        height: 66%;
    }
}

@media (max-width: 700px) {
    .home-s10.opti-container-xxl::after {
        left: 14%;
        width: 78%;
        height: 78%;
    }

    section.home-s10.opti-container-xxl {
        padding-bottom: 100px;
    }
}

@media (max-width: 605px) {
    .home-s10 .carousel-text {
        width: 100%;
        font-size: 15px;
    }

    .home-s10.opti-container-xxl::after {
        left: 4%;
        top: 15%;
        width: 95%;
        height: 94%;
    }
}

@media (max-width: 580px) {
    .home-s10.opti-container-xxl::after {
        top: 18%;
    }

    .carousel-text-light {
        font-size: 15px;
    }

    .home-s10 .padding-left-md {
        padding-bottom: 0;
    }

    .home-s10 .section-text-1 {
        margin-bottom: 0;
    }

    .home-s10 .section-text-1 br {
        display: none;
    }

    .home-s10 button.slick-prev.slick-arrow,
    .home-s10 button.slick-next.slick-arrow {
        bottom: -88px;
    }
}

@media (max-width: 530px) {
    .home-s10.opti-container-xxl::after {
        left: 0;
        width: 100%;
    }
}

@media (max-width: 450px) {
    .carousel-text-bold {
        font-size: 15px;
    }

    #testimonials-carousel .carousel-text,
    #testimonials-carousel-r .carousel-text #testimonials-carousel-r-new .carousel-text {
        font-size: 15px;
    }

    #testimonials-carousel .bubbles-img img,
    #testimonials-carousel-r .bubbles-img img #testimonials-carousel-r-new .bubbles-img img {
        width: 65px;
        height: 65px;
        border-radius: 50%;
    }

    section.home-s10.opti-container-xxl {
        padding-bottom: 0;
    }

    .home-s10.opti-container-xxl::after {
        top: 26%;
    }

    .home-s10 button.slick-prev.slick-arrow {
        left: calc(50% - 80px);
    }

    .home-s10 button.slick-next.slick-arrow {
        left: calc(50% + 25px);
    }

    .home-s10 button.slick-prev.slick-arrow,
    .home-s10 button.slick-next.slick-arrow {
        bottom: -75px;
    }
}

@media (max-width: 380px) {
    .home-s10.opti-container-xxl::after {
        background-size: 120%;
        background-position: top 0 left -33px;
    }
}

@media (max-width: 340px) {
    .home-s10.opti-container-xxl::after {
        background-size: 140%;
        background-position: top 0 left -50px;
    }
}


/* Section 11 */

.three-boxes {
    padding-top: 60px;
    padding-bottom: 270px;
    position: relative;
}

/* .three-boxes.hp {
    padding-top: 75px;
} */

.bg-design-11 {
    position: absolute;
    width: 100%;
    height: 120%;
    top: -10%;
    left: 0;
    background-image: url(../../images/new/svg/bg-design-11.svg);
    background-size: 130%;
    background-repeat: no-repeat;
    background-position: top 0 center;
    z-index: -1;
}

.three-boxes.hp .bg-design-11 {
    top: -18%;
}

.three-boxes .section-text-1 {
    max-width: 442px;
    margin-bottom: 40px;
}

.latest-announcements.flex-spbtwn {
    align-items: stretch;
}

.search-results-list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 36px;
    align-items: stretch;
}

.latest-elem {
    width: 32%;
    margin-bottom: 63px;
}


.search-results-item {
    margin-bottom: 63px;
    height: 100%;
}

.label-menu {
    font-size: 11px !important;
    padding: 4px 6px;
    background: #55b2ad;
    color: white !important;
    border-radius: 4px;
    display: inline-block;
    font-weight: normal !important;
}

.label-menu-abs {
    position: absolute;
    top: 0px;
    right: -5px;


}

.latest-top {
    width: 100%;
    height: 152px;
    border-radius: 8px 8px 0 0;
    overflow: hidden;
    display: block;
}

.cs-latest-elem .latest-top {

    border-radius: 8px;
}

.cs-latest-elem .latest-bottom .section-title-5 {
    height: auto !important;
}

.latest-top img {
    width: 100%;
    height: 100%;
    object-fit: cover;

    transition: opacity .25s linear;
}

.latest-elem:hover .latest-top img {
    opacity: .9;
}

.latest-bottom {
    background-color: #fff;
    padding: 16px 21px;
    box-shadow: 0 0 6px 0 rgba(23, 119, 100, 0.2);
    min-height: 148px;
    border-radius: 0 0 8px 8px;
    overflow: hidden;
}

.search-result-item .latest-bottom {
    height: 200px;
}



.latest-elem .latest-bottom .section-title-5 {
    transition: opacity .25s linear;
    height: 75px;
    line-height: 25px;
    overflow-y: hidden;
}

.latest-elem:hover .latest-bottom .section-title-5 {
    opacity: .7;
}

.three-boxes .btn.btn-darkblue {
    margin-bottom: 40px;
}

.three-boxes.dt .section-title-5 {
    margin-bottom: 15px;
}

@media (max-width: 1500px) {
    .bg-design-11 {
        background-size: cover;
    }
}

@media (max-width: 1025px) {
    .search-results-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px;
    }

    .latest-bottom {
        min-height: 196px;
    }

    .three-boxes {
        padding-bottom: 200px;
    }
}

@media (max-width: 901px) {
    .three-boxes {
        padding-top: 60px;
    }
}

@media (max-width: 769px) {
    .latest-bottom {
        min-height: 130px;
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .latest-top {
        height: 280px;
    }

    .latest-elem {
        margin-bottom: 6px;
    }

    .three-boxes {
        padding-bottom: 450px;
    }

    .latest-announcements.flex-spbtwn {
        align-items: stretch;
        margin-bottom: 20px;
    }

    .latest-bottom .section-text-2,
    .latest-elem .latest-bottom .section-title-5 {
        height: auto;
        overflow-y: unset;
    }
}

@media (max-width: 700px) {
    .three-boxes.hp {
        padding-top: 0;
        margin-top: 80px;
    }
}

@media (max-width: 640px) {
    .three-boxes .btn.btn-darkblue {
        margin-bottom: 0;
    }

    .three-boxes {
        padding-bottom: 430px;
    }

    .search-results-list  {
        grid-template-columns: 1fr;
        gap: 16px;
    }
}

@media (max-width: 580px) {
    .three-boxes .section-text-1 {
        font-size: 15px;
        margin-bottom: 0;
        max-width: 300px;
    }

    .three-boxes {
        padding-bottom: 170px;
    }

    .latest-announcements.flex-spbtwn .slick-dots {
        margin-top: 0;
    }

    .latest-announcements.flex-spbtwn {
        padding-bottom: 0;
    }

    .three-boxes.dt {
        padding-top: 60px;
        padding-bottom: 310px;
    }
}

@media (max-width: 450px) {
    .latest-top {
        height: 174px;
    }

    .latest-announcements.flex-spbtwn {
        padding-bottom: 0;
    }

    .latest-bottom {
        min-height: 120px;
    }

    .latest-announcements .slick-list.draggable {
        margin-bottom: 0;
    }

    .three-boxes.hp .opti-container-md {
        padding-top: 40px;
    }
}

@media (max-width: 380px) {
    .three-boxes .section-text-1 br {
        display: none;
    }

    .latest-announcements.flex-spbtwn .slick-dots {
        margin-top: 0;
    }

    .three-boxes {
        padding-bottom: 170px;
    }
}


/* *********************************************** */

/* ******************* FOOTER ******************** */

/* *********************************************** */

.footer {
    background-color: #002b44;
    margin-top: 0;
    padding-bottom: 25px;
    padding-top: 20px;
    position: relative;
}

.footer-banner {
    width: 100%;
    top: -200px;
    position: relative;
}

.footer-banner-content {
    padding: 0 35px;
}

.footer-banner-bg {
    max-width: 1174px;
    max-height: 432px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    background-image: url('../../images/new/are-you-looking-for-a-customized-solution.jpg');
    background-size: cover;
    background-position: center;
    padding: 48px 0;
    margin-bottom: -100px;
}


.footer-banner-text {


    margin: 0 80px;
    display: flex;
    align-items: center;
    z-index: 1;
    right: 100px;
    height: 100%;

}

.footer-banner-contenttext {
    width: 100%;

}

.footer-banner-contenttext .hero-right {
    margin: 35px 0;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 9px;

}

.footer .footer-text-1 {
    margin-top: 15px;
}

.footer-banner .btn.btn-teal {
    padding: 16px 36px;
    margin-top: 30px;
    margin-bottom: -10px;
}

.footer-content {
    padding-bottom: 10px;
}

.footer-content .flex-spbtwn {
    align-items: flex-start;
}

.footer-content a:not(.footer-content a.btn-lightteal) {
    color: #fff;
}

.footer-content .light-green-text {
    font-size: 16px;
    margin-top: 16px;
}

.footer-content .list-item {
    font-size: 16px;
    line-height: 1.37;
    margin-bottom: 4px;
}

.footer-content .btn.btn-teal {
    margin-top: 16px;
    margin-bottom: 20px;
    padding: 9px 20px;
}

.footer-content .btn.btn-lightteal {
    font-family: 'Figtree Rg';
    font-weight: 400;
}

.footer-content .footer-title-1 {
    margin-bottom: 10px;
}

.social-icons-footer {
    padding-top: 10px;
    padding-bottom: 20px;
}

.social-icons-footer a {
    display: block;
    margin: 8px;
}

.social-icons-footer a:first-child {
    margin-left: 0;
}

.footer-copyright {
    text-align: center;
    color: #fff;
    font-family: 'Figtree Rg';
    font-size: 16px;
    position: relative;
    padding-top: 25px;
}

.footer-copyright::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #99d4cf;
}

.footer .opti-container-md {
    z-index: 10;
    position: relative;
}

a.footer-copyright-link {
    display: unset;
    color: #fff;
    margin: 0 10px;
}

.footer a:hover:not(.footer-banner-text a.btn.btn-teal:hover) {
    opacity: .7;
}

.footer .elem.elem5.responsive {
    display: none;
}

.footer-content .flex-spbtwn .elem4 a {
    font-weight: bold;
}

.footer .srac>img {
    width: 50px;
    margin-top: 10px;
    border-radius: 6px;
}

@media (max-width: 1201px) {
    .footer-banner {
        top: -150px;
    }
}

@media (max-width: 1025px) {
    .footer-banner-text {
        margin: 0 40px;
    }

    .footer-banner {
        top: -155px;
    }


    .footer-banner-content {
        padding: 0 25px;
    }
}

@media (max-width: 901px) {


    .footer-content .flex-spbtwn {
        flex-wrap: wrap;
    }

    .footer-content .flex-spbtwn .elem {
        width: 46%;
        padding-right: 4%;
        margin-bottom: 15px;
    }

    .footer-content .flex-spbtwn .elem1 {
        order: 0;
        width: 100%;
        margin-bottom: 50px;
    }

    .footer-content .flex-spbtwn .elem2 {
        order: 2;
    }

    .footer-content .flex-spbtwn .elem3 {
        order: 4;
    }

    .footer-content .flex-spbtwn .elem4 {
        order: 4;
    }

    .footer-content .flex-spbtwn .elem .light-green-text br {
        display: none;
    }

    .social-icons.flex-center.desktop {
        display: none;
    }

    .footer .elem.elem5.responsive {
        margin-top: 15px;
        display: block;
        order: 5;
    }


    .elem.elem5.responsive .social-icons.flex-center {
        display: flex;
        padding: 0;
        justify-content: flex-start;
    }

    .elem.elem5.responsive .social-icons.flex-center>a:first-child {
        margin-left: 0;
    }

    .elem.elem4 .list-item {
        display: none;
    }

    .footer-banner-content {
        padding: 0 23px;
    }

    .footer-copyright {
        margin-top: 30px;
    }
}

@media (max-width: 769px) {

    .footer-banner-text {

        order: 0;
        margin: 0 20px;
        text-align: center;
    }

    .footer-banner-contenttext .hero-right {
        grid-template-columns: repeat(auto-fit, minmax(90px, 1fr));
        gap: 10px;
        margin: 10px 0;

    }

    .footer-banner-text a.btn {
        display: none;
    }

    .footer-banner-contenttext .hero-card {
        padding: 8px 6px;

    }

    .footer-banner-contenttext .hero-card span {
        font-weight: normal;
        font-size: 14px;

    }





    .footer-banner-contenttext {
        width: 100%;
    }

    .footer-banner .footer-banner-contenttext .btn.btn-teal {
        margin-left: auto;
        margin-right: auto;
    }


    .footer-banner-bg {
        padding: 20px 0;
    }

}


@media (max-width: 580px) {


    .footer-banner .footer-banner-contenttext .btn.btn-teal {
        padding: 5px 20px;
    }

    .footer .elem.elem4 .btn {
        font-size: 16px;
        padding: 5px 10px;
    }

    .footer-content .light-green-text {
        font-size: 15px;
    }

    .footer-content a:not(.footer-content a.btn-lightteal, a.btn.btn-teal) {
        font-size: 14px;
        color: #9eacba;
    }

    .footer-banner h3 {
        font-size: 21px !important;
    }

    .footer-content .footer-title-1 {
        margin-bottom: 10px;

    }

    .footer-copyright {
        font-size: 15px;
    }
}

@media (max-width: 380px) {




    .social-icons a {
        margin: 5px;
    }

    .footer-banner {
        top: -130px;
    }



    .footer-copyright {
        padding-top: 18px;
    }

    .footer {
        padding-bottom: 18px;
    }

    .footer-content .btn.btn-teal {
        margin-bottom: 14px;
    }

    .footer-content .light-green-text {
        margin-top: 10px;
    }

    .footer .elem.elem4 .btn {
        font-size: 15px;
        padding: 5px;
    }

    .footer-banner {
        top: -130px;
    }
}




/* *********************************************** */

/* ******************* Pages - General - START ******************** */

/* *********************************************** */

.header-banner-initials {
    position: relative;
}

/* .header-banner-initials::before {
    content: "";
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top 0 left 0;
    width: 100%;
    height: 120%;
    top: -5%;
    left: -13%;
    z-index: -1;
} */

.after-dnone::after {
    display: none;
}

.dt .text-image .right-image,
.text-image.image-text-2 .right-image {
    width: 305px;
    height: 455px;
}

.dt .text-image .right-image img,
.gaming .text-image .right-image img,
.text-image.image-text-2 .right-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}

.gaming-s2-content {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.laptop-section.reverse .elem.left {
    order: 1;
}

.laptop-section.reverse .elem.right {
    order: 0;
}


@media (max-width: 769px) {
    .text-image.image-text-2 {
        margin-top: 0;
        padding-top: 41px;
    }

    .text-image.image-text .right-image {
        width: 100%;
    }

    .text-image.image-text .right-image img {
        width: calc(100% + 50px);
        margin-left: -25px;
        border-radius: 0;
    }

    .gaming-s3.image-text .flex-elem,
    .ep-s2.image-text .flex-elem {
        width: 100%;
    }

    .dt-s1 .opti-container-md.flex-spbtwn,
    .text-image.image-text-2 .opti-container-md.flex-spbtwn {
        flex-wrap: wrap;
    }

    .gaming-s1.text-image .right-image img,
    .text-image.image-text-2 .right-image img {
        max-width: unset;
        border-radius: 0;
        width: calc(100% + 50px);
        margin-left: -25px;
        height: 100%;
        object-fit: cover;
    }

    .text-image.image-text-2 .right-image {
        width: 100%;
    }
}

@media (max-width: 580px) {

    .gaming-s1.text-image .right-image img,
    .text-image.image-text-2 .right-image img {
        width: calc(100% + 46px);
        margin-left: -23px;
    }

    .text-image.image-text-2 .right-image {
        height: 350px;
    }
}

@media (max-width: 450px) {
    .text-image.image-text-2 .right-image {
        height: 227px;
    }

    .dt .dt-s1.text-image.digital-transformation .right-image {
        height: 267px;
    }
}


/* Gaming - three bubbles */

.three-bubbles-section {
    padding-top: 100px;
    padding-bottom: 350px;
    overflow: hidden;
}

.three-bubbles-section .padding-left-g {
    padding-left: 30px;
}

.three-bubbles-desktop {
    padding-top: 100px;
}

.three-bubbles-desktop {
    display: flex;
}

.three-bubbles-desktop .bubble-elem {
    position: relative;
}

.three-bubbles-desktop .bubble-elem::before,
.three-bubbles-desktop .bubble-elem::after {
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.three-bubbles-desktop .bubble-elem::before {
    width: 170%;
    height: 170%;
    top: -40%;
    left: -30%;
    z-index: -2;
}

.three-bubbles-desktop .bubble-elem::after {
    z-index: -1;
    background-image: url(../../images/new/svg/quotes.svg);
    width: 126px;
    height: 96px;
}

.three-bubbles-desktop .bubble-elem.elem-1::before {
    background-image: url(../../images/new/svg/g-bubble-1.svg);
}

.three-bubbles-desktop .bubble-elem.elem-2::before {
    background-image: url(../../images/new/svg/g-bubble-2.svg);
    top: -30%;
    left: -40%;
}

.three-bubbles-desktop .bubble-elem.elem-3::before {
    background-image: url(../../images/new/svg/g-bubble-3.svg);
    width: 150%;
    height: 150%;
    top: -33%;
    left: -20%;
}

.three-bubbles-desktop .bubble-elem.elem-1::after {
    left: -30%;
    top: -30%;
}

.three-bubbles-desktop .bubble-elem.elem-2::after {
    left: unset;
    right: -20%;
    top: -25%;
}

.three-bubbles-desktop .bubble-elem.elem-3::after {
    left: unset;
    right: -44%;
    top: -10%;
}

.three-bubbles-desktop .bubble-elem.elem-1 {
    bottom: -100px;
    left: 50px;
}

.three-bubbles-desktop .bubble-elem.elem-2 {
    top: -170px;
    right: -250px;
}

.three-bubbles-desktop .bubble-elem.elem-3 {
    bottom: -250px;
    right: 50px;
}

.three-bubbles-desktop .bubble-elem-content {
    max-width: 325px;
}

.three-bubbles-desktop .bubble-elem.elem-1 img,
.three-bubbles-responsive .bubble-elem.elem-1 img {
    max-width: 167px;
}

.three-bubbles-desktop .bubble-elem.elem-2 img,
.three-bubbles-responsive .bubble-elem.elem-2 img {
    max-width: 125px;
}

.three-bubbles-desktop .bubble-elem.elem-3 img,
.three-bubbles-responsive .bubble-elem.elem-3 img {
    max-width: 200px;
}

.three-bubbles-desktop .bubble-elem.elem-3 .carousel-text {
    margin-top: 0;
}


@media (max-width: 1025px) {
    .three-bubbles-desktop .bubble-elem.elem-3 {
        bottom: -200px;
        right: 80px;
    }

    .three-bubbles-desktop .bubble-elem.elem-1 {
        bottom: -50px;
    }

    .three-bubbles-desktop .bubble-elem.elem-2::before {
        width: 190%;
        height: 190%;
        top: -40%;
        left: -50%;
    }

    .three-bubbles-responsive .bubble-elem .carousel-text {
        margin-top: 0;
        padding: 0 5%;
    }

    .three-bubbles-desktop .bubble-elem.elem-3::before {
        top: -25%;
    }
}

@media (max-width: 901px) {
    .three-bubbles-section {
        padding-bottom: 100px;
    }

    .three-bubbles-section .padding-left-g {
        padding-left: 0;
    }

    .three-bubbles-responsive .bubble-elem {
        padding: 100px 0 80px 0;
    }

    .three-bubbles-responsive::before,
    .three-bubbles-responsive::after {
        content: "";
        position: absolute;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
    }

    .three-bubbles-responsive::before {
        background-image: url(../../images/new/svg/quotes.svg);
        width: 110px;
        height: 80px;
        top: 10%;
        left: 15%;
        z-index: -1;
    }

    .three-bubbles-responsive::after {
        background-image: url(../../images/new/svg/g-bubble-3.svg);
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: -2;
    }

    .three-bubbles-section.slickslider-blackarrows button.slick-arrow {
        bottom: -30px;
    }

    .three-bubbles-responsive .bubble-elem.elem-1 img,
    .three-bubbles-responsive .bubble-elem.elem-2 img,
    .three-bubbles-responsive .bubble-elem.elem-3 img {
        max-height: 50px;
    }

    .three-bubbles-responsive .bubble-elem .carousel-text {
        margin-top: 18px;
        width: 50%;
    }
}

@media (max-width: 769px) {
    .three-bubble-responsive .bubble-elem-content {
        width: 80%;
        margin: auto;
    }
}

@media (max-width: 580px) {
    .three-bubbles-section {
        padding-top: 50px;
    }

    .three-bubbles-responsive::before {
        width: 89px;
        height: 68px;
    }

    .three-bubbles-responsive::after {
        width: 120%;
        height: 120%;
        top: -10%;
        left: -8%;
    }

    .three-bubbles-responsive .bubble-elem .carousel-text {
        width: 100%;
    }

    .three-bubbles-responsive .bubble-elemimg {
        width: 131px;
    }
}

@media (max-width: 450px) {
    .three-bubbles-responsive::after {
        top: -9%;
    }

    .three-bubbles-responsive .bubble-elem .carousel-text {
        padding: 0 2%;
        font-size: 15px;
    }

    .three-bubbles-responsive::before {
        top: 8%;
        left: -5%;
    }

    .three-bubbles-responsive .bubble-elem-content {
        width: 95%;
        margin: auto;
    }

    .three-bubbles-responsive .bubble-elem {
        padding-top: 45px;
        padding-bottom: 45px;
    }
}

@media (max-width: 380px) {
    .three-bubbles-responsive::after {
        width: 150%;
        height: 150%;
        top: -25%;
        left: -25%;
    }
}


/* Header banner */

@media (max-width: 580px) {
    .header .dt-s0a.opti-container-lg .dt-image {
        position: relative;
        height: 400px;
    }

    .header .right-elem-overlay .overlay {
        background-image: url(../../images/new/svg/bg-shadow-2.svg);
        background-size: cover;
        background-position: top;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 63px;
        border-radius: 0 0 10px 10px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        font-size: 25px;
        letter-spacing: -0.73px;
        font-weight: 700;
        padding-top: 10px;
    }

    .dt-s3 .flex-elem-item img {
        width: 26px;
    }
}


/* Contact Us */

/* Contact Us - Form */

.contact-s1 {
    padding-top: 90px;
    padding-bottom: 30px;
    position: relative;
}

.contact-s1::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: 120%;
    background-position: top 0 left 0;
    background-repeat: no-repeat;
    background-image: url(../../images/new/svg/contact-bubble-2.svg);
    z-index: -1;
}

.contact .contact-s1::before {
    display: none;
}

.contactUs-form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 30px;
}

.contactUs-form-elem {
    width: 47%;
}

.contactUs-form label {
    display: block;
    width: 100%;
    margin: 25px 0;
    position: relative;
}

.contactUs-form .section-title-8 {
    display: block;
    color: #1BAAA0;
    margin-bottom: 5px;
}

.contactUs-form .section-text-2 {
    display: block;
    color: #EA0728;
    margin-bottom: 0;
    position: absolute;
    top: 5px;
    right: 0;
}

.contactUs-form input[type="search"],
.contactUs-form input[type="text"],
.contactUs-form input[type="tel"],
.contactUs-form input[type="email"],
.contactUs-form textarea {
    width: 100%;
    height: 50px;
    padding: 10px;
    border: 1px solid #93B5C6;
    border-radius: 10px;
    font-size: 24px;
    box-sizing: border-box;
}

.contactUs-form input[type="search"] {
    padding-right: 120px;
}

.contactUs-form textarea {
    height: unset;
    min-height: 135px;
}

.contactUs-form input.btn.btn-teal {
    border: 0;
    outline: none;
    cursor: pointer;
}

.checkbox-content {
    display: block;
    width: 100%;
    height: 80px;
    display: flex;
    align-items: center;
    background-color: #F7F7F7;
    border-radius: 5px;
    border: 1px solid #93B5C6;
    position: relative;
}

.section-text-3 {
    padding-left: 60px;
    display: block;
}

.contactUs-form input[type="checkbox"] {
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 1;
}

.checkmark {
    background-color: #fff;
    position: absolute;
    top: 25px;
    left: 12px;
    width: 25px;
    height: 25px;
    border-radius: 5px;
    border: 1px solid #93B5C6;
    transition: background-color .25s linear;
}

.contactUs-form input:checked~.checkmark {
    background-color: #1BAAA0;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
    left: 8px;
    top: 2px;
    width: 7px;
    height: 12px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.contactUs-form input:checked~.checkmark:after {
    display: block;
}

.contactUs-form-elem.right {
    display: flex;
    justify-content: center;
}

.contact .social-icons {
    padding: 0;
}

@media (max-width: 1201px) {
    .contact .header-dots {
        display: none;
    }
}

@media (max-width: 1025px) {
    .contactUs-form-elem.left {
        width: 70%;
    }

    .contactUs-form-elem.right {
        width: 25%;
    }
}

@media (max-width: 769px) {
    .contactUs-form-elem.right {
        width: 15%;
    }

    .contactUs-form-elem.left {
        width: 80%;
    }

    .contact-s1 {
        padding-bottom: 0;
    }
}

@media (max-width: 580px) {
    .contactUs-form-elem.left {
        width: 100%;
    }

    .contactUs-form-elem.right {
        width: 100%;
    }

    .contact .social-icons {
        display: flex;
        justify-content: space-around;
        width: 100%;
    }

    .contact .social-icons img {
        width: 49px;
    }

    .contactUs-footer .opti-container-lg {
        padding: 0;
    }

    .contact-bubble-3,
    .contact-bubble-3::before,
    .contact-bubble-3::after {
        background-size: 250%;
    }

    .checkbox-content {
        height: 55px;
    }

    .section-text-3 {
        font-size: 20px;
        padding-left: 50px;
    }

    .checkmark {
        top: 17px;
        width: 20px;
        height: 20px;
    }

    .contactUs-form input[type="text"],
    .contactUs-form input[type="tel"],
    .contactUs-form input[type="email"],
    .contactUs-form textarea {
        height: 40px;
        font-size: 16px;
    }

    .contactUs-form {
        margin-top: 15px;
    }

    .checkmark:after {
        left: 7px;
        top: 1px;
        width: 4px;
        height: 10px;
    }
}

@media (max-width: 380px) {
    .contactUs-form input[type="search"] {
        padding-right: 80px;
    }
}


/* main content + sidebar */

.opti-content {
    display: flex;
    justify-content: space-between;
    max-width: 85%;
    margin: 0 auto;
    padding-bottom: 200px;
}

.blog .opti-content,
.case-studies .opti-content.blog {
    justify-content: space-evenly;
}

.maincontent {
    width: calc(100% - 400px);
    transition: width .25s linear;
}

.maincontent.case-study {
    width: 100%;
}

.blog .maincontent {
    width: calc(100% - 750px);
    transition: width .25s linear;
}

.blog.blogspot .maincontent {
    margin-left: auto;
    margin-right: auto;
}

.sidebar {
    width: 320px;
    position: -webkit-sticky;
    position: sticky;
    top: 80px;
    height: fit-content;
    height: -moz-fit-content;
    transition: width .25s linear;
}

.blog .sidebar {
    width: 400px;
}

.gray-bg {
    background-color: #f3f9fe;
}

.solution-elem-text .data {
    margin-bottom: 20px;
    color: #1BAAA0;
    font-weight: 600;
    font-family: 'Figtree Lt';
}

.opti-content.blog .solutions-list {
    width: 100%;
    margin-bottom: 0;
}

.opti-content.blog .solution-elem:first-child {
    margin-top: 0;
}

.opti-content.blog .solution-elem {
    border-radius: 10px;
}

.solutions.blogspot .solutions-list .article-right {
    font-size: 16px;
    line-height: 160%;
}

figure {
    margin: 0;
    padding: 0;
}

figcaption {
    font-style: italic;
}


/* SIDEBAR */
.sidebar-whitebox {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 1px 1px 10px 0 rgb(0 43 68 / 30%);
    margin-bottom: 20px;
    transition: margin-bottom .25s linear;
}

.sidebar-whitebox,
.sidebar-searchbox,
.sidebar-transparentbox {
    padding: 40px 40px 30px;
}

.sidebar-title {
    font-size: 20px;
    margin-bottom: 20px;
    transition: margin-bottom .25s linear;
}

.sidebar-item {
    display: block;
    padding: 15px 0;
    color: #7c7c7c;
    font-size: 16px;
    position: relative;
    width: 100%;
    transition: color .25s linear, padding .25s linear, font-size .25s linear;
}

.sidebar-item:hover {
    color: #1baaa0;
}

.sidebar-item::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #eeeff1;
}

.sidebar-item:last-child:after {
    display: none;
}

.searchbar {
    background-color: #fff;
    width: 100%;
    border-radius: 5px;
    position: relative;
}

#gsearch {
    background-color: #fff;
    border: none;
    height: 50px;
    width: 100%;
    border-radius: 5px;
    border: 1px solid #00000036;
    padding-right: 35px;
    font-size: 20px;
    padding-left: 10px;
}

#gsearch:focus-visible {
    outline: 1px solid #1aaba0;
}

.search-submit {
    position: relative;
}

.search-submit::before {
    position: absolute;
    content: "";
    background-image: url(../../images/new/svg/search.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 20px;
    height: 30px;
    top: 10px;
    right: 10px;
}

.search-submit input {
    cursor: pointer;
    height: 50px;
    width: 50px;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
}

@media (min-width: 1800px) {
    .blog .maincontent {
        width: calc(100% - 900px);
    }
}

@media (max-width: 1400px) {
    .blog .maincontent {
        width: calc(100% - 430px);
    }

    .blog .opti-content,
    .case-studies .opti-content.blog {
        justify-content: space-between;
    }
}

@media (max-width: 1025px) {
    .opti-content {
        max-width: 95%;
    }

    .sidebar-whitebox,
    .sidebar-searchbox,
    .sidebar-transparentbox {
        padding: 20px 20px 10px;
        transition: padding .25s linear;
    }

    .sidebar-title {
        margin-bottom: 5px;
    }

    .sidebar-whitebox {
        margin-bottom: 30px;
    }

    .sidebar-item {
        padding: 11px 0;
        font-size: 16px;
    }

    .sidebar {
        width: 250px;
    }

    .maincontent {
        width: calc(100% - 280px);
    }

    .blog .maincontent {
        width: calc(100% - 450px);
    }
}

@media (max-width: 580px) {
    .opti-content {
        flex-wrap: wrap;
    }

    .maincontent {
        width: 100%;
    }

    .sidebar {
        width: 100%;
    }

    .blog .maincontent {
        width: 100%;
    }
}

/* Max-height */
@media (max-height: 960px) {

    .case-studies .sidebar.sidebar-sticky .sidebar-whitebox,
    .case-studies .sidebar.sidebar-sticky .sidebar-searchbox,
    .case-studies .sidebar.sidebar-sticky .sidebar-transparentbox,
    .blog .sidebar.sidebar-sticky .sidebar-whitebox,
    .blog .sidebar.sidebar-sticky .sidebar-searchbox,
    .blog .sidebar.sidebar-sticky .sidebar-transparentbox {
        padding: 20px;
        transition: padding .25s linear;
    }

    .blog .sidebar.sidebar-sticky .sidebar-item,
    .case-studies .sidebar.sidebar-sticky .sidebar-item {
        padding: 10px 0;
        transition: padding .25s linear, font-size .25s linear;
    }

    .blog .sidebar.sidebar-sticky .sidebar-whitebox,
    .case-studies .sidebar.sidebar-sticky .sidebar-whitebox {
        margin-bottom: 5px;
        transition: margin-bottom .25s linear;
    }

    .blog .sidebar.sidebar-sticky,
    .case-studies .sidebar.sidebar-sticky {
        width: 410px;
        transition: width .25s linear;
    }

    .maincontent {
        width: 100%;
    }

    .maincontent.case-studies {
        width: 100%;
    }

    .blog .maincontent.sidebar-sticky {
        width: calc(100% - 500px);
        transition: width .25s linear;
    }
}

@media (max-height: 780px) {

    .blog .sidebar.sidebar-sticky .sidebar-title,
    .case-studies .sidebar.sidebar-sticky .sidebar-title {
        margin-bottom: 5px;
        transition: margin-bottom .25s linear;
    }

    .blog .sidebar.sidebar-sticky .sidebar-item .case-studies .sidebar.sidebar-sticky .sidebar-item {
        padding: 5px 0;
        font-size: 16px;
    }

    .blog .sidebar.sidebar-sticky .case-studies .sidebar.sidebar-sticky {
        width: 350px;
        top: 70px;
    }

    .blog .maincontent.sidebar-sticky .case-studies .maincontent.sidebar-sticky {
        width: calc(100% - 480px);
    }

    .blog .sidebar.sidebar-sticky .sidebar-whitebox,
    .blog .sidebar.sidebar-sticky .sidebar-searchbox,
    .blog .sidebar.sidebar-sticky .sidebar-transparentbox .case-studies .sidebar.sidebar-sticky .sidebar-whitebox,
    .case-studies .sidebar.sidebar-sticky .sidebar-searchbox,
    .case-studies .sidebar.sidebar-sticky .sidebar-transparentbox {
        padding: 12px 20px;
    }
}

@media (max-height: 600px) {

    .blog .sidebar,
    .blog .sidebar.sidebar-sticky,
    .case-studies .sidebar,
    .case-studies .sidebar.sidebar-sticky {
        position: relative;
        top: 0;
        width: 401px;
    }

    .blog .sidebar.sidebar-sticky .sidebar-item,
    .blog .sidebar-item,
    .case-studies .sidebar.sidebar-sticky .sidebar-item,
    .case-studies .sidebar-item {
        padding: 15px 0;
        font-size: 16px;
    }

    .blog .sidebar.sidebar-sticky .sidebar-whitebox,
    .case-studies .sidebar.sidebar-sticky .sidebar-whitebox {
        margin-bottom: 30px;
    }

    .maincontent.case-studies {
        width: 100%;
    }

    .blog .maincontent,
    .blog .maincontent.sidebar-sticky {
        width: calc(100% - 430px);
        transition: width .25s linear;
    }

    .blog .sidebar-whitebox,
    .blog .sidebar-searchbox,
    .blog .sidebar-transparentbox,
    .blog .sidebar.sidebar-sticky .sidebar-whitebox,
    .blog .sidebar.sidebar-sticky .sidebar-searchbox,
    .blog .sidebar.sidebar-sticky .sidebar-transparentbox,
    .case-studies .sidebar-whitebox,
    .case-studies .sidebar-searchbox,
    .case-studies .sidebar-transparentbox,
    .case-studies .sidebar.sidebar-sticky .sidebar-whitebox,
    .case-studies .sidebar.sidebar-sticky .sidebar-searchbox,
    .case-studies .sidebar.sidebar-sticky .sidebar-transparentbox {
        padding: 40px 40px 30px;
    }
}

@media (max-width: 900px) {
    .d-900-none {
        display: none;
    }

    .sidebar .section-title-1,
    .sidebar .section-text-1 {
        text-align: center;
    }

    .sidebar .btn.btn-darkblue {
        margin-left: auto;
    }

    .d-900-block {
        display: block;
    }

    .blog .carousel-bg img {
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
        width: 600px;
        max-height: 400px;
        object-fit: cover;
    }

    .blog .sidebar,
    .blog .sidebar.sidebar-sticky,
    .case-studies .sidebar,
    .case-studies .sidebar.sidebar-sticky {
        width: 100% !important;
    }

    .blog .opti-content.blog,
    .case-studies .opti-content.blog {
        flex-wrap: wrap;
    }

    .blog .maincontent,
    .blog .maincontent.sidebar-sticky,
    .case-studies .maincontent,
    .case-studies .maincontent.sidebar-sticky {
        width: 100%;
    }

    .blog .sidebar .sidebar-title,
    .blog .sidebar.sidebar-sticky .sidebar-title,
    .case-studies .sidebar .sidebar-title,
    .case-studies .sidebar.sidebar-sticky .sidebar-title {
        margin-bottom: 20px;
    }

    .blog .sidebar .sidebar-item,
    .blog .sidebar.sidebar-sticky .sidebar-item,
    .case-studies .sidebar .sidebar-item,
    .case-studies .sidebar.sidebar-sticky .sidebar-item {
        font-size: 16px;
        padding: 15px 0;
    }

    .blog .sidebar .sidebar-item,
    .blog .sidebar .sidebar-whitebox,
    .blog .sidebar.sidebar-sticky .sidebar-whitebox,
    .blog .sidebar .sidebar-searchbox,
    .blog .sidebar.sidebar-sticky .sidebar-searchbox,
    .blog .sidebar .sidebar-transparentbox,
    .blog .sidebar.sidebar-sticky .sidebar-transparentbox,
    .case-studies .sidebar .sidebar-item,
    .case-studies .sidebar .sidebar-whitebox,
    .case-studies .sidebar.sidebar-sticky .sidebar-whitebox,
    .case-studies .sidebar .sidebar-searchbox,
    .case-studies .sidebar.sidebar-sticky .sidebar-searchbox,
    .case-studies .sidebar .sidebar-transparentbox,
    .case-studies .sidebar.sidebar-sticky .sidebar-transparentbox {
        margin-bottom: 30px;
        padding: 20px 20px 10px;
    }
}


/*  */
.white-box,
.green-box {
    background-color: #fff;
    padding: 50px 35px;
    border-radius: 10px;
    box-shadow: 0 2px 50px 0 rgb(0 0 0 / 10%);
}

.green-box {
    background-color: #c1eede;
    margin-bottom: 30px;
    border-bottom: 10px solid #5cafa77e;
}

.box-title {
    margin-bottom: 20px;
    font-size: 30px;
    padding-left: 15px;
    border-left: 5px solid #1aaba0;
}

.white-box .section-text-2,
.green-box .section-text-2 {
    line-height: 1.8;
}

.case-study-list {
    list-style-type: none;
    position: relative;
}

.case-study-list li::before {
    content: '✓';
    position: absolute;
    width: 15px;
    height: 8px;
    left: -5px;
    color: #1aab9f9a;
}

.case-study-list li {
    margin-top: 5px;
    margin-bottom: 15px;
}

.navbar-rightmenu-search {
    display: flex;
    align-items: center;
}


.nav-search-form {
    position: relative;
    display: inline-flex;
    align-items: center;
    height: 36px;
    border-radius: 999px;
    padding: 0 6px;
    width: 28px;
    overflow: hidden;
    right: 0;
    margin-left: auto;
    transition:
        width .25s ease,
        border-color .15s ease,
        box-shadow .15s ease,
        background .15s ease;
}


.nav-search-input {
    width: 0;
    min-width: 0;
    height: 100%;
    border: 0;
    outline: none;
    background: transparent;
    padding: 0 34px 0 12px;
    font-size: 14px;
    color: #0b1a2b;


    opacity: 0;
    transition: width .25s ease, opacity .15s ease;
}

.nav-search-form:focus-within {
    background: #fff;
    border-color: rgba(11, 26, 43, 0.25);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.10);

    width: 150px;
}

.nav-search-form:focus-within .nav-search-input {
    width: 150px;
    background: rgba(255, 255, 255, 0.95);
    border: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
    opacity: 1;
}

.nav-search-form:hover {
        background: rgba(255, 255, 255, 0.95);
    border: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
  width: 150px;
}
.nav-search-form:hover .nav-search-input {
  width: 150px;
  opacity: 1;
}
.nav-search-btn {
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
    height: 28px;
    width: 28px;
    border: 0;
    border-radius: 999px;
    background: transparent;
    display: grid;
    place-items: center;
    cursor: pointer;
    opacity: .75;
    transition: opacity .15s ease, background .15s ease;
}

.nav-search-btn:hover {
    opacity: 1;
    background: rgba(0, 0, 0, 0.05);
}


.nav-search-ico {
    width: 22px;
    height: 22px;
    stroke: #0b1a2b;
    stroke-width: 2;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.nav-search-form:focus-within {
    background: #fff;
    border-color: rgba(11, 26, 43, 0.25);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.10);
}

.nav-search-input::placeholder {
    color: rgba(11, 26, 43, 0.55);
}

.pdf-modal {
  position: fixed;
  inset: 0;
  display: none;             
  z-index: 9999;
}

.pdf-modal.is-open {
  display: block;
}

.pdf-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.65);
}

.pdf-modal__panel {
  position: relative;
  width: min(1100px, 94vw);
  height: min(85vh, 900px);
  margin: 6vh auto 0;
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 20px 70px rgba(0,0,0,.35);
}

.pdf-modal__frame {
  width: 100%;
  height: 100%;
  border: 0;
}

.pdf-modal__close {
  position: absolute;
  top: 8px;
  right: 10px;
  z-index: 2;
  border: 0;
  background: rgba(0,0,0,.6);
  color: #fff;
  width: 34px;
  height: 34px;
  border-radius: 999px;
  cursor: pointer;
  font-size: 18px;
  line-height: 34px;
}
.pdf-modal__close:hover {
  background: rgba(0,0,0,.8);
}

.solutions-pagination {
    margin: 24px auto 0;
    padding: 8px 10px;
    border-radius: 999px;
    margin-bottom: 80px;
}

.pagination-info{
    font-weight: 600;
    display: flex;
    justify-content: flex-end;
}

.solutions-pagination-list {
    display: flex;
    gap: 6px;
    align-items: center;
}

.solutions-pagination .pag-item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 34px;
    height: 34px;
    padding: 0 10px;
    border-radius: 999px;
    font-weight: 600;
    font-size: 14px;
    color: #0b2b3c;
    background: #f4f7f9;
    transition: all .15s ease;
}

.solutions-pagination .pag-item:hover {
    background: #e9eff2;
}

.solutions-pagination .pag-item.active {
    background: #18b6a4;
    color: #fff;
}

.solutions-pagination .pag-item.disabled {
    opacity: .4;
    cursor: default;
}

.solutions-pagination .pag-item.dots {
    background: transparent;
    min-width: 20px;
    padding: 0 4px;
}


@media (max-width: 580px) {

    .white-box,
    .green-box {
        padding: 30px 20px;
    }

    .box-title {
        font-size: 26px;
    }
}


/* *********************************************** */

/* ******************* Pages - General - END ******************** */

/* *********************************************** */



/* BACKGROUND */

.header {
    position: relative;
    background-color: transparent;
}

.contact--page.sticky-main-menu .header {
    z-index: 1000;
}

.header-dots {
    content: "";
    position: absolute;
    top: 35%;
    left: 0;
    width: 30%;
    height: 100%;
    background-image: url(../../images/new/svg/header-dots.svg);
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: top 0 left 0;
    z-index: -1;
}

@media (max-width: 1600px) {
    .bg-design-4::after {
        bottom: 18%;
    }
}

@media (max-width: 1400px) {
    .bg-design-4::after {
        bottom: 8%;
        background-size: 120%;
    }
}

@media (max-width: 1201px) {
    .header-dots {
        display: none;
    }

    .bg-design-4::after {
        bottom: 18%;
        background-size: 135%;
        background-position: bottom 0 left -100px;
    }
}

@media (max-width: 1025px) {
    .bg-design-4::after {
        background-size: 120%;
        bottom: 30%;
        background-image: url(../../images/new/svg/bg-design-4b.svg);
    }

    .background-design-1 {
        overflow: hidden;
    }

    .bg-design-4.hp-pg-bg1::after {
        display: none;
    }
}

@media (max-width: 901px) {
    .bg-design-4::after {
        background-size: 160%;
        bottom: 28%;
    }
}

@media (max-width: 769px) {
    .hp-s1.text-image {
        position: relative;
        padding-bottom: 50px;
    }

    .hp-s1.text-image::before {
        position: absolute;
        content: "";
        width: calc(100% + 50px);
        height: 100%;
        bottom: -350px;
        right: 0;
        background-image: url(../../images/new/svg/bg-design-4.svg);
        background-size: 120%;
        background-repeat: no-repeat;
        background-position: top 0 right -50px;
        z-index: -1;
    }

    .bg-design-11 {
        background-image: url(../../images/new/svg/hp-bg-r-2.svg);
    }

    .bg-design-4::before {
        display: none;
    }

    .bg-design-4::after {
        background-position: bottom 0 left 0;
        background-size: 100%;
        bottom: 15%;
    }

    .hp-bg-carousel-1::before {
        display: none;
    }

    .hp-bg-carousel-1 .bg-design-4::after {
        background-size: 500%;
        bottom: 17%;
    }
}

@media (max-width: 580px) {
    .home-s5 {
        position: relative;
    }

    .hp-s1.text-image::before {
        bottom: -150px;
    }

    .home-s7::after {
        top: -29px;
        height: 180%;
        background-size: 170%;
    }

    .bg-design-4::after {
        background-image: url(../../images/new/svg/hp-bg-s2-r.svg);
        background-size: 105%;
        background-position: bottom 0 left 0;
        bottom: unset;
        top: 33%;
    }

    .hp-shapebg-s5-r1,
    .hp-shapebg-s5-r2 {
        display: none;
    }

    .hp-shapebg-s5-r1::before,
    .hp-shapebg-s5-r1::after,
    .hp-shapebg-s5-r2::before,
    .hp-shapebg-s5-r2::after {
        content: "";
        position: absolute;
        z-index: -1;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }

    .hp-shapebg-s5-r1::before {
        background-image: url(../../images/new/svg/design-shape-1.svg);
        width: 24px;
        height: 20px;
        top: 12%;
        left: 45%;
    }

    .hp-shapebg-s5-r1::after {
        background-image: url(../../images/new/svg/design-shape-2.svg);
        width: 24px;
        height: 24%;
        top: 16%;
        right: 5%;
    }

    .hp-shapebg-s5-r2::before {
        background-image: url(../../images/new/svg/design-shape-1.svg);
        width: 24px;
        height: 20px;
        top: 70%;
        left: 65%;
    }

    .hp-shapebg-s5-r2::after {
        background-image: url(../../images/new/svg/design-shape-2.svg);
        width: 24px;
        height: 24%;
        bottom: -7%;
        right: 3%;
    }

    .header.hp::after {
        background-size: 120%;
    }

    .bg-design-4 {
        display: none;
    }

    .home-s10.homepage {
        margin-top: 0;
    }
}

@media (max-width: 450px) {
    .hp-s1.text-image::before {
        bottom: -280px;
    }

    .bg-design-11 {
        width: 112%;
        height: 168%;
        top: 0;
    }

    .three-boxes {
        overflow: hidden;
        padding-top: 0;
    }

    .three-boxes .opti-container-md {
        padding-top: 190px;
    }

    .three-boxes.hp .opti-container-md {
        padding-top: 40px;
    }

    .three-boxes.dt .opti-container-md {
        padding-top: 0;
    }

    .bg-design-4::after {
        background-size: 135%;
    }

    .header.hp::after {
        background-size: 150%;
    }

    .three-boxes.hp {
        margin-top: 20px;
    }

    .three-boxes.hp .bg-design-11 {
        top: -11%;
    }
}

@media (max-width: 380px) {
    .hp-s1.text-image::before {
        bottom: -350px;
    }

    .bg-design-4::after {
        background-size: 165%;
    }

    .bg-design-11 {
        background-size: 170%;
    }

    .hp-shapebg-s5-r1::before {
        top: 9%;
    }

    .hp-shapebg-s5-r1::after {
        top: 12%;
    }
}

@media (max-width: 340px) {
    .hp-s1.text-image::before {
        bottom: -400px;
    }

    .bg-design-4::after {
        background-size: 195%;
        background-position: bottom 0 left 0;
        bottom: -742px;
    }
}

/*MC*/



.mobileMenuActive header {
    min-height: 700px;
}

/* Header - navbar - sticky menu */

.navbar-content {
    position: absolute;
    top: -1px;
    left: 0;
    width: 100%;
    z-index: 1000;
    -webkit-transition: top 0.5s;
    transition: all 1s ease 0s;
}

.navbar-content .navbar.flex-spbtwn.new-navbar {
    z-index: 1000;
    max-width: 1230px;
}

.header .header-section {
    padding-top: 55px;
}

.solutions-pagination {
    margin: 24px auto 0;
    padding: 8px 10px;
    border-radius: 999px;
    margin-bottom: 80px;
}

.pagination-info{
    font-weight: 600;
    display: flex;
    justify-content: flex-end;
}

.solutions-pagination-list {
    display: flex;
    gap: 6px;
    align-items: center;
}

.solutions-pagination .pag-item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 34px;
    height: 34px;
    padding: 0 10px;
    border-radius: 999px;
    font-weight: 600;
    font-size: 14px;
    color: #0b2b3c;
    background: #f4f7f9;
    transition: all .15s ease;
}

.solutions-pagination .pag-item:hover {
    background: #e9eff2;
}

.solutions-pagination .pag-item.active {
    background: #18b6a4;
    color: #fff;
}

.solutions-pagination .pag-item.disabled {
    opacity: .4;
    cursor: default;
}

.solutions-pagination .pag-item.dots {
    background: transparent;
    min-width: 20px;
    padding: 0 4px;
}


.solutions.caseStudy.caseStudy-1 .header .header-section,
.solutions.smallsection.solution-page.search-results .solutions-banner {
    padding-top: 175px !important;
}

.solutions.smallsection.solution-page.blogspot .header .header-section {
    padding-top: 0 !important;
}

.sticky-main-menu .navbar-content {
    background-color: #fff;
    position: fixed;
    box-shadow: 2px 1px 5px #DDD;
}

.sticky-main-menu .header .header-section {
    padding-top: 100px;
}

.sticky-main-menu .navbar-mainmenu>li>a {
    color: #002b44;
}

.sticky-main-menu .navbar-rightmenu-lang>a {
    color: #002b44;
}

.sticky-main-menu .navbar-leftmenu.right .navbar-mainmenu>li>a {
    color: #002b44;
}

.navbar-logo img.sticky-img,
.sticky-main-menu .navbar-logo img.no-sticky-img {
    display: none;
}

.sticky-main-menu .navbar-logo img.sticky-img {
    display: block;
}

.sticky-main-menu #submenu-moreinfo::before,
.sticky-main-menu #submenu-moreinfo::after,
.sticky-main-menu #submenu-infrastructure::before,
.sticky-main-menu #submenu-infrastructure::after {
    background-color: #002b44;
}

.sticky-main-menu .navbar {
    padding-top: 15px;
    padding-bottom: 15px;
}

.sticky-main-menu .new-navbar .navbar-rightmenu {
    display: none;
}

.sticky-main-menu .submenu {
    top: calc(100% + 10px);
}

@media (max-width: 1200px) {
    .solutions .header .header-section {
        padding-top: 80px;
    }
}

@media (max-width: 991px) {
    .header .header-section {
        padding-top: 80px;
    }

    .solutions.caseStudy.caseStudy-1 .header .header-section {
        padding-top: 80px !important;
    }

    .sticky-main-menu.mobileMenuActive .navbar-content {
        background-color: transparent;
        border-radius: unset;
        box-shadow: none;
    }

    .sticky-main-menu.mobileMenuActive .navbar-logo img.sticky-img {
        display: none;
    }

    .sticky-main-menu.mobileMenuActive .navbar-logo img.no-sticky-img {
        display: block;
    }

    .sticky-main-menu.mobileMenuActive #submenu-moreinfo::before,
    .sticky-main-menu.mobileMenuActive #submenu-moreinfo::after,
    .sticky-main-menu.mobileMenuActive #submenu-infrastructure::before,
    .sticky-main-menu.mobileMenuActive #submenu-infrastructure::after {
        background-color: #002b44;
    }

    .submenuMoreinfo.sticky-main-menu.mobileMenuActive #submenu-moreinfo .submenu::before,
    .sticky-main-menu.sticky-main-menu.mobileMenuActive .submenuInfrastructure #submenu-infrastructure .submenu::before {
        display: none;
    }

    .submenuMoreinfo.sticky-main-menu.mobileMenuActive .new-navbar #submenu-moreinfo .submenu::before {
        display: block;
    }

    .sticky-main-menu.mobileMenuActive .new-navbar .navbar-rightmenu {
        display: block;
    }
}

@media (max-width: 767px) {
    .solutions.caseStudy.caseStudy-1 .header .header-section {
        padding-top: 120px !important;
    }

    .flex-accred {
        display: -webkit-box !important;
        overflow-x: auto;
        flex-wrap: nowrap;
        padding: 6px 0;
        scrollbar-color: #7ECDEB transparent;
        scrollbar-width: thin !important;
    }

    .flex-accred::-webkit-scrollbar {
        width: 3px;
        height: 6px;
        cursor: pointer;
    }

    .flex-accred::-webkit-scrollbar-thumb {
        background-color: #002b44;
        border-radius: 5px;
        /* border:1px solid #7ECDEB; */
        cursor: pointer;
    }

    .flex-accred::-webkit-scrollbar-track {
        background: transparent;
    }

    .accred-item {
        width: 30%;
    }
}

@media (max-width: 580px) {
    .solutions.caseStudy.caseStudy-1 .header .header-section {
        padding-top: 90px !important;
    }

    .sticky-main-menu .navbar {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .sticky-main-menu .navbar-logo img {
        width: 110px;
    }

    .accred-item {
        width: 50%;
        height: auto;
    }

    .accred-item img {
        width: 70px;
    }

}

@media (max-width: 380px) {
    .solutions.caseStudy.caseStudy-1 .header .header-section {
        padding-top: 100px !important;
    }

    /* .sticky-main-menu .navbar-logo img {
		width: 55px;
	}  */
    .sticky-main-menu .navbar {
        padding-top: 6px;
        padding-bottom: 5px;
    }

    .accred-item h4 {
        font-size: 14px;
    }

    .accred-item img {
        width: 56px;
    }
}


/* Header - new */

.navbar.flex-spbtwn.new-navbar {
    flex-wrap: wrap;
}

.new-navbar .navbar-rightmenu {
    width: 100%;
    order: 0;
    justify-content: flex-end;
    margin-bottom: 20px;
}

.new-navbar .navbar-leftmenu {
    order: 1;
}

.new-navbar .navbar-leftmenu.right>ul.navbar-mainmenu>li>a,
.new-navbar .navbar-leftmenu.right>ul.navbar-mainmenu>li>span {
    font-weight: 400;
    font-family: 'Figtree Rg';
}

.new-navbar .navbar-leftmenu.right>ul.navbar-mainmenu>li>span {
    color: #002b44;
    font-size: 16px;
}

.sticky-main-menu .new-navbar .navbar-leftmenu.right>ul.navbar-mainmenu>li>span {
    color: #002b44;
}

.new-navbar .cl-effect-3 a::after,
.new-navbar .cl-effect-3 li>span::after {
    background: #eff6f5;
}

.sticky-main-menu .new-navbar .cl-effect-3 a::after,
.sticky-main-menu .new-navbar .cl-effect-3 li>span::after {
    background: #a0d3cd;
}

.new-navbar .navbar-leftmenu.left .cl-effect-3 a::after {
    background: #a0d3cd;
}

.new-navbar .submenu {
    right: 0;
}

.new-navbar .submenu ul {
    border-radius: 7px;
}

.submenuMoreinfo .new-navbar #submenu-moreinfo .submenu::before {
    left: unset;
    right: 40px;
}

.new-navbar .navbar-mainmenu.list-style-type-none.cl-effect-3 li .submenu ul>li:first-child {
    border-radius: 7px 7px 7px 0;
}

#submenu-moreinfo {
    position: relative;
    cursor: pointer;
    padding-right: 25px;
    -webkit-tap-highlight-color: transparent;
}

#submenu-moreinfo::before,
#submenu-moreinfo::after,
#submenu-infrastructure::before,
#submenu-infrastructure::after {
    content: "";
    position: absolute;
    top: 16px;
    width: 13px;
    height: 2px;
    background-color: #002b44;
    transition: transform .25s linear;
}

#submenu-moreinfo::before,
#submenu-infrastructure::before {
    transform: rotate(45deg);
    right: 6px;
}

#submenu-moreinfo::after,
#submenu-infrastructure::after {
    transform: rotate(-45deg);
    right: -2px;
}

.submenuMoreinfo #submenu-moreinfo::before,
.submenuInfrastructure #submenu-infrastructure::before {
    transform: rotate(-45deg);
}

.submenuMoreinfo #submenu-moreinfo::after,
.submenuInfrastructure #submenu-infrastructure::after {
    transform: rotate(45deg);
}

@media (max-width: 1100px) {

    .new-navbar .navbar-mainmenu.list-style-type-none.cl-effect-3 li,
    li.navbar-rightmenu-lang {
        padding: 5px 10px;
    }

    #submenu-moreinfo::before {
        transform: rotate(45deg);
        right: 6px;
    }

    #submenu-moreinfo::after {
        right: -2px;
    }

    .mobileMenuActive #submenu-infrastructure::after {
        right: calc(35% - 3px);
    }

    .mobileMenuActive #submenu-infrastructure::before {
        right: 36%;
    }

    .mobileMenuActive #submenu-infrastructure::before,
    .mobileMenuActive #submenu-infrastructure::after {
        top: 65%;
        width: 20px;
        height: 3px;
    }
}

@media (max-width: 991px) {
    .mobileMenuActive .header {
        min-height: 100vh;
    }

    .new-navbar .menuButton,
    .new-navbar .navbar-leftmenu,
    .new-navbar .navbar-rightmenu {
        order: 3;
        margin-right: auto;
    }

    .new-navbar .menuButton {
        width: 32px;
        -webkit-tap-highlight-color: transparent;
    }

    .new-navbar .menuButton span,
    .new-navbar .menuButton span:nth-child(2),
    .new-navbar .menuButton span:nth-child(3) {
        width: 100%;
        margin-left: 0;
    }

    .navbar.flex-spbtwn.new-navbar {
        flex-wrap: nowrap;
    }

    .mobileMenuActive .navbar.flex-spbtwn.new-navbar {
        height: 100%;
        align-items: flex-start;
        align-items: center;
    }

    .new-navbar .navbar-rightmenu {
        width: 100%;
        top: 62vh;
        left: 1%;
    }

    .new-navbar .navbar-leftmenu.right {
        position: absolute;
        top: 42vh;
        left: 0;
        width: calc(100% - 40px);
    }

    .mobileMenuActive .new-navbar #submenu-moreinfo::before {
        right: -31px;
    }

    .mobileMenuActive .new-navbar #submenu-moreinfo::after {
        right: -42px;
    }

    .mobileMenuActive .new-navbar ul.navbar-mainmenu.right {
        left: 0;
        top: unset;
        position: relative;
    }

    .new-navbar .navbar-mainmenu {
        width: calc(100% + 40px);
        left: 0;
        top: 18vh;
    }

    .mobileMenuActive .new-navbar ul.navbar-mainmenu.right>li {
        width: fit-content;
        width: -moz-fit-content;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }

    .mobileMenuActive.submenuMoreinfo .new-navbar .submenu {
        top: -18vh;
        right: -49%;
    }

    .submenu ul.select0option>li {
        width: fit-content;
        width: -moz-fit-content;
    }

    .navbar-rightmenu-infrastructure>a {
        font-size: 38px;
        text-shadow: none;
        margin-top: 20px;
    }
}

@media (max-width: 901px) {
    .mobileMenuActive #submenu-infrastructure::after {
        right: calc(33% - 3px);
    }

    .mobileMenuActive #submenu-infrastructure::before {
        right: 34%;
    }
}

@media (max-width: 769px) {
    .mobileMenuActive #submenu-infrastructure::after {
        right: calc(30% - 5px);
    }

    .mobileMenuActive #submenu-infrastructure::before {
        right: 31%;
    }
}

@media (max-width: 650px) {

    .mobileMenuActive .navbar-mainmenu>li>a,
    .mobileMenuActive .navbar-rightmenu-lang>a,
    .navbar-rightmenu-infrastructure>a,
    .mobileMenuActive .new-navbar .navbar-leftmenu.right>ul.navbar-mainmenu>li>span {
        font-size: 30px;
    }

    .mobileMenuActive #submenu-moreinfo::before,
    .mobileMenuActive #submenu-moreinfo::after {
        top: 21px;
    }

    .mobileMenuActive .navbar-mainmenu {
        top: 18vh;
    }

    .new-navbar .navbar-leftmenu.right {
        top: 42vh;
    }

    .new-navbar .navbar-rightmenu {
        top: 62vh;
    }

    .mobileMenuActive .navbar-mainmenu>li {
        margin: 30px 0;
    }
}

@media (max-width: 580px) {
    .mobileMenuActive .new-navbar #submenu-moreinfo::after {
        right: -29%;
    }

    .mobileMenuActive #submenu-infrastructure::before {
        right: 29%;
    }

    .mobileMenuActive #submenu-infrastructure::after {
        right: calc(28% - 7px);
    }
}

@media (max-width: 500px) {
    .mobileMenuActive .navbar-mainmenu>li {
        margin: 20px 0;
    }

    .mobileMenuActive .new-navbar ul.navbar-mainmenu.right {
        left: 1%;
    }

    .new-navbar .navbar-rightmenu {
        left: 2%;
    }
}

@media (max-width: 460px) {

    .mobileMenuActive #submenu-infrastructure::before,
    .mobileMenuActive #submenu-infrastructure::after {
        width: 14px;
        height: 2px;
    }

    .mobileMenuActive #submenu-infrastructure::after {
        right: calc(24% - 7px);
    }
}

@media (max-width: 380px) {

    .mobileMenuActive .navbar-mainmenu>li>a,
    .mobileMenuActive .navbar-rightmenu-lang>a,
    .navbar-rightmenu-infrastructure>a,
    .mobileMenuActive .new-navbar .navbar-leftmenu.right>ul.navbar-mainmenu>li>span,
    .solutions.sticky-main-menu .new-navbar .navbar-leftmenu.right>ul.navbar-mainmenu>li>span {
        font-size: 32px;
    }

    .mobileMenuActive .navbar-mainmenu {
        top: 7vh;
    }

    .new-navbar .navbar-leftmenu.right {
        left: 1%;
    }
}

@media (max-width: 340px) {

    .mobileMenuActive .navbar-mainmenu>li>a,
    .mobileMenuActive .navbar-rightmenu-lang>a,
    .navbar-rightmenu-infrastructure>a,
    .mobileMenuActive .new-navbar .navbar-leftmenu.right>ul.navbar-mainmenu>li>span {
        font-size: 28px;
    }
}


/* Responsive - height */
@media (max-height: 1200px) {
    .new-navbar .navbar-leftmenu.right {
        top: 43vh;
    }

    .new-navbar .navbar-rightmenu {
        top: 68vh;
    }
}

@media (max-height: 1200px) and (max-width: 991px) {
    .new-navbar .navbar-mainmenu {
        width: calc(100% + 40px);
        left: 0;
        top: 12vh;
    }
}

@media (max-height: 1000px) {
    .new-navbar .navbar-leftmenu.right {
        top: 36vh;
        left: 0%;
    }

    .mobileMenuActive .navbar-mainmenu {
        top: 5vh;
    }

    .mobileMenuActive .new-navbar ul.navbar-mainmenu.right {
        left: 1%;
        top: 4vh;
    }

    .mobileMenuActive .navbar-mainmenu>li {
        margin: 10px 0;
    }
}

@media (max-height: 800px) {

    .mobileMenuActive .navbar-mainmenu>li>a,
    .mobileMenuActive .navbar-rightmenu-lang>a,
    .mobileMenuActive .navbar-rightmenu-infrastructure>a,
    .mobileMenuActive .new-navbar .navbar-leftmenu.right>ul.navbar-mainmenu>li>span,
    .solutions.sticky-main-menu .new-navbar .navbar-leftmenu.right>ul.navbar-mainmenu>li>span {
        font-size: 30px;
    }

    .mobileMenuActive #submenu-moreinfo::before,
    .mobileMenuActive #submenu-moreinfo::after {
        top: 17px;
    }

    .mobileMenuActive .navbar-mainmenu>li {
        margin: 20px 0;
    }
}

@media (max-height: 700px) {

    .mobileMenuActive .navbar-mainmenu>li>a,
    .mobileMenuActive .navbar-rightmenu-lang>a,
    .mobileMenuActive .navbar-rightmenu-infrastructure>a,
    .mobileMenuActive .new-navbar .navbar-leftmenu.right>ul.navbar-mainmenu>li>span,
    .solutions.sticky-main-menu .new-navbar .navbar-leftmenu.right>ul.navbar-mainmenu>li>span {
        font-size: 26px;
    }

    .mobileMenuActive .navbar-mainmenu>li {
        margin: 15px 0;
    }

    .mobileMenuActive .navbar-rightmenu-contact .btn.btn-white {
        font-size: 24px;
        padding: 8px 30px;
    }

    .mobileMenuActive .header {
        overflow: hidden;
    }

    .new-navbar .navbar-rightmenu {
        top: 64vh;
    }

    .new-navbar .navbar-leftmenu.right {
        top: 34vh;
    }

    .mobileMenuActive .new-navbar #submenu-moreinfo::after {
        right: -36px;
    }
}

@media (max-height: 650px) {

    .mobileMenuActive #submenu-moreinfo::before,
    .mobileMenuActive #submenu-moreinfo::after {
        top: 16px;
        height: 2px;
        width: 12px;
    }

    .mobileMenuActive #submenu-infrastructure::before,
    .mobileMenuActive #submenu-infrastructure::after {
        width: 12px;
        height: 2px;
    }

    .mobileMenuActive .new-navbar #submenu-moreinfo::after {
        right: -37px;
    }
}

@media (max-height: 570px) {

    .mobileMenuActive .navbar-mainmenu>li>a,
    .mobileMenuActive .navbar-rightmenu-lang>a,
    .mobileMenuActive .navbar-rightmenu-infrastructure>a,
    .mobileMenuActive .new-navbar .navbar-leftmenu.right>ul.navbar-mainmenu>li>span,
    .solutions.sticky-main-menu .new-navbar .navbar-leftmenu.right>ul.navbar-mainmenu>li>span {
        font-size: 16px;
    }

    .mobileMenuActive #submenu-moreinfo::before,
    .mobileMenuActive #submenu-moreinfo::after {
        top: 13px;
    }

    .mobileMenuActive .navbar-mainmenu {
        top: 7vh;
    }

    .new-navbar .navbar-leftmenu.right {
        left: 0;
        top: 36vh;
    }

    .mobileMenuActive .new-navbar ul.navbar-mainmenu.right {
        top: 1vh;
    }

    .new-navbar .navbar-rightmenu {
        top: 62vh;
    }

    .mobileMenuActive .navbar-rightmenu-contact .btn.btn-white {
        font-size: 16px;
    }
}

@media (max-height: 500px) {
    .mobileMenuActive .new-navbar ul.navbar-mainmenu.right {
        top: 4vh;
    }
}

@media (max-height: 1000px) and (max-width: 991px) {
    .new-navbar .navbar-leftmenu.right {
        left: 0;
    }
}

@media (max-height: 1000px) and (max-width: 600px) {
    .new-navbar .navbar-leftmenu.right {
        left: 0;
    }
}

@media (max-height: 1000px) and (max-width: 550px) {
    .mobileMenuActive .new-navbar #submenu-moreinfo::after {
        right: -37px;
    }
}

@media (max-height: 800px) and (max-width: 380px) {
    .mobileMenuActive .new-navbar ul.navbar-mainmenu.right {
        top: 0;
    }
}

@media (max-width: 380px) and (max-height: 750px) {
    .new-navbar .navbar-leftmenu.right {
        top: 41vh;
    }
}

@media (max-height: 700px) and (max-width: 380px) {

    .mobileMenuActive .navbar-mainmenu>li>a,
    .mobileMenuActive .navbar-rightmenu-lang>a,
    .mobileMenuActive .new-navbar .navbar-leftmenu.right>ul.navbar-mainmenu>li>span,
    .solutions.sticky-main-menu .new-navbar .navbar-leftmenu.right>ul.navbar-mainmenu>li>span {
        font-size: 26px;
    }
}

@media (max-height: 680px) and (max-width: 380px) {

    .mobileMenuActive .navbar-mainmenu>li>a,
    .mobileMenuActive .navbar-rightmenu-lang>a,
    .mobileMenuActive .new-navbar .navbar-leftmenu.right>ul.navbar-mainmenu>li>span,
    .solutions.sticky-main-menu .new-navbar .navbar-leftmenu.right>ul.navbar-mainmenu>li>span {
        font-size: 16px;
    }
}

@media (max-width: 550px) and (max-height: 570px) {
    .new-navbar .navbar-leftmenu.right {
        left: 0;
    }

    .new-navbar .navbar-rightmenu {
        left: 1%;
    }
}

@media (max-height: 570px) and (max-width: 600px) {
    .mobileMenuActive .new-navbar #submenu-moreinfo::after {
        right: -37px;
    }

    .mobileMenuActive #submenu-moreinfo::before,
    .mobileMenuActive #submenu-moreinfo::after {
        top: 11px;
    }
}

@media (max-width: 450px) and (max-height: 570px) {
    .new-navbar .navbar-leftmenu.right {
        left: 1%;
        top: 39vh;
    }

    .new-navbar .navbar-rightmenu {
        left: 0%;
        top: 66vh;
    }
}

@media (max-width: 380px) and (max-height: 500px) {
    .new-navbar .navbar-leftmenu.right {
        top: 43vh;
    }
}


@media (max-width: 991px) and (max-height: 1000px) {
    .mobileMenuActive.submenuMoreinfo #submenu-moreinfo .submenu ul>li>a {
        width: fit-content;
        width: -moz-fit-content;
        margin: auto;
    }
}

@media (max-width: 650px) and (max-height: 1000px) {
    .mobileMenuActive.submenuMoreinfo .new-navbar .submenu {
        top: -20vh;
        right: -67%;
    }
}

@media (max-width: 380px) and (max-height: 1000px) {
    .mobileMenuActive.submenuMoreinfo .new-navbar .submenu {
        top: -20vh;
        right: -67%;
    }

    .submenuMoreinfo #submenu-moreinfo .submenu {
        width: 160px;
    }
}

@media (max-width: 991px) and (max-height: 850px) {
    .mobileMenuActive.submenuMoreinfo .new-navbar .submenu {
        top: -21vh;
        right: -52%;
    }
}

@media (max-width: 991px) and (max-height: 800px) {
    .mobileMenuActive.submenuMoreinfo .new-navbar .submenu {
        top: -23vh;
        right: -66%;
    }
}

@media (max-width: 991px) and (max-height: 700px) {
    .mobileMenuActive.submenuMoreinfo .new-navbar .submenu {
        top: -26vh;
        right: -75%;
        width: 180px;
    }
}

@media (max-width: 991px) and (max-height: 600px) {
    .mobileMenuActive.submenuMoreinfo .new-navbar .submenu {
        top: -30vh;
        right: -80%;
    }
}

@media (max-width: 991px) and (max-height: 570px) {
    .mobileMenuActive.submenuMoreinfo .new-navbar .submenu {
        top: -31vh;
        right: -120%;
    }
}

@media (max-width: 800px) and (max-height: 850px) {
    .mobileMenuActive.submenuMoreinfo .new-navbar .submenu {
        top: -20vh;
    }
}

@media (max-width: 800px) and (max-height: 800px) {
    .mobileMenuActive.submenuMoreinfo .new-navbar .submenu {
        top: -23vh;
        right: -64%;
    }
}

@media (max-width: 800px) and (max-height: 700px) {
    .mobileMenuActive.submenuMoreinfo .new-navbar .submenu {
        top: -26vh;
        right: -75%;
    }

    .submenuMoreinfo #submenu-moreinfo .submenu {
        width: 180px;
    }
}

@media (max-width: 380px) and (max-height: 680px) {
    .mobileMenuActive.submenuMoreinfo .new-navbar .submenu {
        top: -27vh;
        right: -85%;
    }

    .mobileMenuActive #submenu-moreinfo::before,
    .mobileMenuActive #submenu-moreinfo::after {
        top: 15px;
    }

    .mobileMenuActive .navbar-mainmenu>li>a,
    .mobileMenuActive .navbar-rightmenu-lang>a,
    .mobileMenuActive .new-navbar .navbar-leftmenu.right>ul.navbar-mainmenu>li>span,
    .solutions.sticky-main-menu .new-navbar .navbar-leftmenu.right>ul.navbar-mainmenu>li>span {
        font-size: 24px;
    }

    .mobileMenuActive .navbar-mainmenu {
        top: 7vh;
    }

    .new-navbar .navbar-leftmenu.right {
        top: 38vh;
    }
}

@media (max-width: 800px) and (max-height: 600px) {
    .mobileMenuActive.submenuMoreinfo .new-navbar .submenu {
        top: -31vh;
        right: -80%;
    }
}

@media (max-width: 800px) and (max-height: 550px) {
    .mobileMenuActive.submenuMoreinfo .new-navbar .submenu {
        top: -32vh;
        right: -120%;
    }
}

@media (max-width: 380px) and (max-height: 550px) {
    .mobileMenuActive.submenuMoreinfo .new-navbar .submenu {
        top: -33vh;
        right: -83%;
    }
}

@media (max-width: 380px) and (max-height: 540px) {
    .mobileMenuActive.submenuMoreinfo .new-navbar .submenu {
        top: -30vh;
    }
}

@media (max-width: 380px) and (max-height: 570px) {
    .mobileMenuActive .navbar-mainmenu>li {
        margin: 8px 0;
    }
}

@media (max-height: 570px) and (max-width: 580px) {
    .new-navbar .navbar-rightmenu {
        left: 2%;
    }
}

@media (max-height: 570px) and (max-width: 450px) {
    .new-navbar .navbar-rightmenu {
        left: 0;
        top: 66vh;
    }

    .mobileMenuActive .navbar-rightmenu>li:nth-child(2) {
        margin-left: 5px;
    }
}

@media (max-width: 380px) and (max-height: 700px) {
    .new-navbar .navbar-rightmenu {
        left: 1%;
    }
}

@media (max-width: 450px) and (max-height: 570px) {
    .new-navbar .navbar-rightmenu {
        left: 2%;
    }
}

@media (max-width: 991px) and (max-height: 500px) {
    .new-navbar .navbar-rightmenu {
        top: 66vh;
    }

    .new-navbar .navbar-mainmenu {
        left: -1%;
    }
}

@media (max-width: 450px) and (max-height: 480px) {
    .new-navbar .navbar-rightmenu {
        top: 70vh;
    }
}

@media (max-width: 380px) and (max-height: 500px) {
    .new-navbar .navbar-rightmenu {
        left: 2%;
    }
}

@media (max-width: 380px) and (max-height: 570px) {
    .new-navbar .navbar-rightmenu {
        top: 62vh;
    }

    .mobileMenuActive .navbar-rightmenu-contact .btn.btn-white {
        margin-top: 10px;
    }

    .navbar-rightmenu-lang>a {
        margin-right: 0;
    }
}

@media (max-width: 380px) and (max-height: 500px) {

    .mobileMenuActive .navbar-mainmenu>li>a,
    .mobileMenuActive .navbar-rightmenu-lang>a,
    .mobileMenuActive .new-navbar .navbar-leftmenu.right>ul.navbar-mainmenu>li>span,
    .solutions.sticky-main-menu .new-navbar .navbar-leftmenu.right>ul.navbar-mainmenu>li>span {
        font-size: 21px;
    }

    .mobileMenuActive .navbar-rightmenu-contact .btn.btn-white {
        padding: 5px 25px;
        margin-top: 5px;
    }

    .mobileMenuActive .navbar-mainmenu {
        top: 8vh;
    }

    .new-navbar .navbar-leftmenu.right {
        top: 42vh;
    }

    .new-navbar .navbar-rightmenu {
        top: 67vh;
    }
}

@media (max-width: 380px) and (max-width: 600px) {
    .new-navbar .navbar-rightmenu {
        left: 0%;
    }

    .mobileMenuActive .navbar-rightmenu>li:nth-child(2) {
        margin-left: 10px;
    }
}



/* Testimonials */

.testimonials-carousel-responsive {
    display: none;
}

@media (max-width: 1100px) {
    .testimonials-carousel-desktop.slick-slider {
        display: none;
    }

    .testimonials-carousel-responsive {
        display: block;
    }
}


/* Alert messages */
.alert {
    padding: 12px 20px;
    background-color: #f8d7da;
    border-color: #f5c6cb;
    color: #0f5132;
    width: 45%;
    margin-bottom: 16px;
    ;
    border-radius: 4px;
}

.alert.success {
    background-color: #d1e7dd;
    border-color: #badbcc;
}

.alert svg {
    margin-right: 8px !important;
    vertical-align: middle;
}

.alert div {
    display: inline;
}



/* Cookies */

.cookies {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #002b44;
    z-index: 1001;
    padding-top: 20px;
    padding-bottom: 20px;
    box-shadow: 0px 2px 7px 0 rgb(255 255 255);
}

.mobileMenuActive .cookies {
    z-index: 15;
}

.cookies-text {
    font-size: 16px;
    color: #fff;
    width: 85%;
}

.cookies-text>br {
    display: none;
}

.cookies-text a {
    font-size: 16px;
    color: #1baaa0;
    display: unset;
    transition: color .25s linear;
}

.cookies-text a:hover {
    color: #2bccc1;
}

.cookies .btn.btn-teal {
    padding: 10px 25px;
    margin-left: 50px;
    cursor: pointer;
    text-align: center;
    min-width: 0;
}

.cookies .btn.btn-teal:hover {
    opacity: 1;
    box-shadow: 0 0 15px rgb(255 255 255 / 25%);
}

.cookies-btns .btn-transparent-green {
    color: #fff;
    transition: transform .25s linear;
}

.cookies-btns .btn-transparent-green::after {
    bottom: -3px;
}

.cookies-btns .btn-transparent-green:hover {
    transform: scale(1.1);
}

@media (max-width: 1201px) {
    .cookies-text {
        margin-right: 20px;
    }

    .cookies .btn.btn-teal {
        margin-left: 25px;
    }
}

@media (max-width: 1025px) {
    .cookies-text br {
        display: block;
    }
}

@media (max-width: 901px) {
    .cookies-text {
        margin-right: 0;
    }
}

@media (max-width: 769px) {

    .cookies-text,
    .cookies-text a {
        font-size: 14px;
    }

    .cookies-btns .btn-transparent-green {
        order: 1;
    }

    .cookies .btn.btn-teal {
        order: 0;
        margin-left: 0;
        padding: 5px 20px;
        font-size: 16px;
    }

    .cookies-text {
        width: 77%;
    }
}

@media (max-width: 580px) {
    .cookies-text {
        margin-right: 25px;
    }
}

@media (max-width: 450px) {
    .cookies .flex-spbtwn {
        flex-wrap: wrap;
    }

    .cookies-text {
        margin-right: 0;
        margin-bottom: 15px;
        width: 100%;
    }
}

@media (max-width: 380px) {
    .cookies {
        padding-top: 10px;
        padding-bottom: 15px;
    }

    .cookies .flex-spbtwn {
        flex-wrap: wrap;
    }

    .cookies-text {
        width: 100%;
        margin-bottom: 15px;
        text-align: center;
    }

    .cookies-btns.flex-spbtwn {
        justify-content: center;
        width: 100%;
    }

    .cookies .btn.btn-teal {
        width: 100%;
        text-align: center;
    }
}




/* ****************************************************** */
/* ******************* Infrastructure ******************* */
/* ****************************************************** */


/* Domains Page */
/* Domains Page - Bg */

.domains-bg-1 {
    position: relative;
}

.domains-bg-1a,
.domains-bg-1b {
    position: absolute;
    left: 0;
    width: 100%;
    background-repeat: no-repeat;
    z-index: -5;
}

.domains-bg-1a {
    top: 0;
    height: 150%;
    background-size: 150%;
    background-image: url(../../images/new/svg/bg-design-3.svg);
}

.domains-bg-1b {
    bottom: -18%;
    height: 100%;
    background-size: 100%;
    background-image: url(../../images/new/svg/bg-design-4c.svg);
    background-position: bottom 0 left 0;
}

@media (min-width: 1600px) {
    .domains-bg-1a {
        background-size: 100%;
    }
}

@media (max-width: 1600px) {
    .domains-bg-1b {
        bottom: -11%;
    }
}

@media (max-width: 1400px) {
    .domains-bg-1b {
        bottom: -8%;
        background-size: 110%;
    }
}

@media (max-width: 1201px) {
    .domains-bg-1b {
        bottom: -8%;
        background-size: 140%;
        background-position: bottom 0 left -130px;
    }
}

@media (max-width: 991px) {
    .domains-bg-1a {
        background-size: 200%;
    }
}

@media (max-width: 901px) {
    .domains-bg-1b {
        background-size: 175%;
    }
}

@media (max-width: 769px) {
    .domains-bg-1b {
        background-size: 220%;
    }

    .domains-bg-1a {
        background-size: 250%;
    }
}

@media (max-width: 700px) {
    .domains-bg-1b {
        background-size: 280%;
    }
}

@media (max-width: 600px) {
    .domains-bg-1b {
        background-size: 350%;
    }

    .domains-bg-1a {
        background-size: 350%;
    }
}

@media (max-width: 530px) {
    .domains-bg-1b {
        background-size: 440%;
        bottom: -2%;
        background-position: bottom 0 left -250px;
    }
}

@media (max-width: 380px) {
    .domains-bg-1a {
        background-size: 500%;
    }
}


/* Domains Page - Header */

.domains-banner {
    z-index: 10;
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
}

.domains-banner-content .section-title-2 {
    font-size: 20px;
    margin-top: 10px;
    margin-bottom: 20px;
}

.domains-banner-content {
    padding: 30px 70px;
    background-image: radial-gradient(#1baaa0, rgb(27 170 161 / 70%), rgba(27, 170, 161, 0.05));
    border-radius: 8px;
}

.domains-banner-content .section-title-5 {
    margin-top: 30px;
}

@media (max-width: 580px) {
    .domains-banner-content {
        padding: 30px;
    }
}

@media (max-width: 380px) {
    .domains-banner-content .section-title-2 {
        font-size: 16px;
        margin-top: 5px;
        margin-bottom: 15px;
    }

    .solutions.infrastructure-domains .section-list>li,
    .section-list-2>li {
        margin: 10px 0;
    }

    .domains-banner-content .section-title-5 {
        margin-top: 20px;
    }

    .domains-banner-content {
        padding: 15px 30px;
    }

    .domains-banner {
        padding-top: 0;
        padding-bottom: 0;
    }
}


/* Domains Page - Search */

.domains-search {
    text-align: center;
    padding-top: 80px;
    padding-bottom: 150px;
}

.domains-search .contactUs-form .search-label {
    position: relative;
    display: block;
}

.domains-search .contactUs-form input.btn.btn-teal {
    padding-top: unset;
    padding-bottom: unset;
    padding-left: 25px;
    padding-right: 25px;
    position: absolute;
    top: 5px;
    right: 5px;
    height: calc(100% - 10px);
    display: flex;
    align-items: center;
}

.domains-search .contactUs-form input[type="search"]:focus-visible {
    outline: #2bdbcd auto 1px;
}

@media (max-width: 1201px) {
    .domains-search {
        padding-bottom: 100px;
    }
}

@media (max-width: 450px) {
    .domains-list-elem .section-title-9>a {
        font-size: 16px;
    }
}

@media (max-width: 380px) {
    .domains-search {
        padding-top: 50px;
    }

    .domains-search .contactUs-form input.btn.btn-teal {
        padding-left: 10px;
        padding-right: 10px;
    }
}


/* Domains Page - Notifications */

.domains-search .contactUs-form {
    position: relative;
}

.notifications {
    position: absolute;
    bottom: -32px;
    left: 0;
    border-radius: 10px;
}

.notifications .fas {
    margin-right: 5px;
}

.unavailable,
.available {
    display: block;
    width: calc(100% - 30px);
    padding: 15px;
    text-align: left;
}

.notifications.available {
    background-color: #eef7f7;
    border-left: 3px solid #1aaba0;
    color: #1aaba0;
}

.notifications.unavailable {
    background-color: #f71a3011;
    border-left: 3px solid #f71a30;
    color: #f71a30;
    bottom: -32px;
}

@media (max-width: 767px) {
    .domains-search {
        padding-bottom: 70px;
    }
}

@media (max-width: 450px) {

    .unavailable,
    .available {
        font-size: 16px;
        padding: 7px;
    }
}



/* Domains Page - cards */

.domains-list .flex-spbtwn {
    align-items: stretch;
}

.domains-list-elem {
    width: 28%;
    background-color: #012c44;
    border-radius: 10px;
    color: #fff;
    padding: 3% 2%;
    box-shadow: 1px 1px 10px 0 rgb(0 43 68 / 30%);
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    transition: transform .25s linear;
}

.domains-list-elem:hover {
    transform: scale(1.05);
}

.domains-elem-content {
    width: 100%;
}



.solutions.infrastructure-hosting .domains-elem-content span {
    font-size: 16px;
}



.domains-elem-content span {
    font-size: 16px;
    margin-top: 7px;
    opacity: .7;
}

.domains-elem-content.bottom {
    width: 100%;
    margin-left: 0;
}

.domains-list-elem span {
    display: block;
}

.domains-list-elem .section-title-9,
.domains-list-elem .section-title-9>a {
    min-height: 64px;
}

.domains-list-elem .section-title-9>a {
    color: #fff;
    transition: text-shadow .25s linear;
}

.domains-list-elem .section-title-9 span {
    font-size: 16px;
    opacity: .7;
    display: unset;
}

.domains-list-elem .section-text-1 {
    margin-top: 20px;
    margin-bottom: 20px;
    opacity: .7;
    color: #2bdbcd;
}

.domains-list-elem span.section-text-2 {
    opacity: .7;
    margin-top: 7px;
}

.domains-list-elem .domains-elem-content span.section-title-3 {
    color: #2bdbcd;
    margin-bottom: 0;
    margin-top: 20px;
    width: 100%;
}

.domains-list-elem .domains-elem-content span.section-title-3 {
    font-size: 35px;
    opacity: 1;
}

.domains-list-elem span.smalltext {
    display: unset;
    font-weight: 700;
    font-size: 26px;
    opacity: 1;
}

.domains-list-elem .btn.btn-teal {
    width: calc(100% - 40px);
    margin-top: 20px;
    transition: box-shadow .25s linear;
}

.domains-list-elem .btn.btn-teal:hover {
    box-shadow: 0 0 15px rgb(255 255 255 / 25%);
    opacity: 1;
}

@media (max-width: 1025px) {

    .domains-list .section-title-9,
    .domains-list-elem span.smalltext {
        font-size: 16px;
    }

    .domains-list-elem .section-text-1,
    .domains-list .section-text-2 {
        font-size: 16px;
    }

    .domains-list .section-title-3 {
        font-size: 26px;
    }

    .domains-list .btn.btn-teal {
        padding: 10px 20px;
    }

    .domains-list-elem .section-title-9 {
        min-height: 46px;
    }

    .domains-list .flex-spbtwn {
        flex-wrap: wrap;
        justify-content: center;
    }

    .domains-list-elem {
        width: 42%;
        margin: 2%;
    }
}

@media (max-width: 700px) {
    .domains-list-elem {
        width: 100%;
        margin: 2% 0;
    }
}

@media (max-width: 580px) {
    .domains-list-elem {
        width: 100%;
    }

    .domains-list-elem .section-title-9 {
        min-height: fit-content;
    }

    .domains-list-elem {
        padding-top: 5%;
        padding-bottom: 5%;
    }

    .domains-list-elem {
        margin-left: 0;
        margin-right: 0;
    }
}

@media (max-width: 380px) {
    .domains-list-elem {
        padding-left: 5%;
        padding-right: 5%;
    }

    .domains-list-elem .domains-elem-content span.section-title-3 {
        font-size: 26px;
    }

    .domains-list-elem {
        margin-top: 4%;
        margin-bottom: 4%;
    }
}


/* Domains Page - table */

.domains-table {
    padding-top: 150px;
    padding-bottom: 20px;
}

.domains-table table {
    width: 100%;
    border-spacing: 0;
    border-radius: 10px;
    overflow: hidden;
}

.domains-table thead {
    visibility: hidden;
    display: none;
    position: absolute;
    width: 0;
    height: 0;
}

.domains-table th {
    background: #1aaba0;
    color: #fff;
}

.domains-table td:nth-child(1) {
    background: #1aaba0;
    color: #fff;
    border-radius: 6px 6px 0 0;
}

.domains-table th,
.domains-table td {
    padding: 15px;
}

.domains-table tr,
.domains-table td {
    display: block;
}

.domains-table td {
    position: relative;
}

.domains-table td::before {
    content: attr(data-label);
    position: absolute;
    left: 0;
    padding-left: 15px;
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
}

.domains-table tr {
    margin-bottom: 1.5em;
    border: 1px solid #eef7f7;
    border-radius: 1em;
    text-align: right;
}

.domains-table tr:last-of-type {
    margin-bottom: 0;
}

.domains-table table {
    background-color: #fff;
}

.domains-table td:nth-child(n+2):nth-child(odd) {
    background-color: #eef7f7;
}

.infr-domains-page .home-s5 {
    padding-bottom: 0;
}

.infr-domains-page.domains-1 section.home-s10 {
    padding-bottom: 50px;
}

.domains-elem-content .section-title-9>a>br {
    display: none;
}

@media (max-width: 1025px) {
    .domains-table {
        padding-top: 100px;
    }
}


@media only screen and (min-width: 768px) {
    .domains-table table {
        max-width: 100%;
        margin: 0 auto;
        border: 1px solid #fff;
    }

    .domains-table thead {
        visibility: visible;
        display: table-header-group;
        position: relative;
    }

    .domains-table th {
        text-align: left;
        text-transform: uppercase;
        font-size: 20px;
    }

    .domains-table tr {
        display: table-row;
        border: none;
        border-radius: 0;
        text-align: left;
        font-size: 20px;
    }

    .domains-table tr:nth-child(even) {
        background-color: #eef7f7;
    }

    .domains-table tr:nth-child(odd) {
        background-color: #fff;
    }

    .domains-table td {
        display: table-cell;
    }

    .domains-table td::before {
        content: none;
    }

    .domains-table td:nth-child(1) {
        background: transparent;
        color: #444;
        border-radius: 0;
    }

    .domains-table td:nth-child(n+2):nth-child(odd) {
        background-color: transparent;
    }
}

@media (max-width: 1100px) {
    .infr-domains-page.domains-1 section.home-s10 {
        padding-bottom: 150px;
    }
}

@media (max-width: 901px) {

    .domains-table th,
    .domains-table tr {
        font-size: 16px;
    }
}

@media (max-width: 768px) {
    .domains-table {
        padding-top: 100px;
    }
}

@media (max-width: 767px) {
    .domains-table {
        padding-top: 100px;
    }
}

@media (max-width: 580px) {
    .domains-table {
        padding-top: 70px;
    }

    .domains-elem-content .section-title-9>a>br {
        display: block;
    }
}

@media (max-width: 450px) {
    .infr-domains-page.domains-1 section.home-s10 {
        padding-bottom: 100px;
    }
}

@media (max-width: 380px) {

    .domains-table th,
    .domains-table td {
        padding: 8px;
    }

    .domains-table th,
    .domains-table tr {
        font-size: 14px;
    }
}


/* Domains Page - We do */

@media (max-width: 769px) {
    .infrastructure-domains .home-s5 {
        padding-top: 100px;
    }
}

@media (max-width: 450px) {
    .infrastructure-domains section.home-s10.opti-container-xxl {
        margin-bottom: 0;
    }
}




/* ****************************************************** */

/* Hosting Page - START */

.solutions.infrastructure-hosting .home-s10 {
    margin-bottom: 300px;
}

.solutions.infrastructure-hosting .domains-elem-content span.smalltext {
    font-size: 26px;
}

.solutions.infrastructure-hosting .domains-list-elem {
    width: 20%;
}

.solutions.infrastructure-hosting .domains-list-elem .domains-elem-content span.section-title-3 {
    font-size: 28px;
}

.solutions.infrastructure-hosting .solutions.infrastructure-hosting .domains-elem-content span.smalltext {
    font-size: 20px;
}

.domains-list-elem {
    position: relative;
}

.solutions.infrastructure-hosting .btn.domains-list-compare {
    position: absolute;
    top: -4%;
    right: -2.5%;
    background-color: #1aaba0;
    color: #fff;
    transition: box-shadow .25s linear;
}

.solutions.infrastructure-hosting .btn.domains-list-compare:hover {
    opacity: 1;
    box-shadow: 1px 1px 10px 0 rgb(0 43 68 / 40%);
}

.solutions.infrastructure-hosting .domains-list-elem .btn.btn-teal {
    background-color: #9ad4cf;
    color: #002b44;
}

.solutions.infrastructure-hosting .domains-list-elem .btn.btn-teal:hover {
    box-shadow: 1px 1px 10px 0 rgba(155, 212, 207, 0.8);
}

.solutions.infrastructure-hosting .domains-list-elem .section-title-9>a {
    min-height: fit-content;
    margin-bottom: 20px;
    color: #fff;
    text-align: center;
    width: 100%;
    transition: text-shadow .25s linear;
}

.solutions.infrastructure-hosting .domains-list-elem .section-title-9>a:hover,
.domains-list-elem .section-title-9>a:hover {
    text-shadow: 1px 1px 10px rgba(255, 255, 255, 0.55);
}


@media (max-width: 1201px) {
    .solutions.infrastructure-hosting .domains-elem-content span {
        font-size: 15px;
    }

    .solutions.infrastructure-hosting .domains-list-elem .domains-elem-content span.section-title-3 {
        font-size: 26px;
    }

    .solutions.infrastructure-hosting .domains-elem-content span.smalltext {
        font-size: 20px;
    }

    .solutions.infrastructure-hosting .home-s10 {
        margin-bottom: 0;
    }

    .infr-domains-page .home-s5 {
        padding-top: 100px;
    }
}

@media (max-width: 1025px) {
    .solutions.infrastructure-hosting .domains-elem-content span {
        font-size: 15px;
    }

    .solutions.infrastructure-hosting .domains-list .flex-spbtwn {
        flex-wrap: wrap;
    }

    .solutions.infrastructure-hosting .domains-list-elem {
        width: 42%;
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .solutions.infrastructure-hosting .domains-list .section-title-9,
    .solutions.infrastructure-hosting .domains-list-elem span.smalltext {
        font-size: 26px;
    }
}

@media (max-width: 767px) {
    .solutions.infrastructure-hosting .domains-list-elem {
        width: 42%;
        padding: 5% 2% 2%;
        margin-left: 2%;
        margin-right: 2%;
    }
}

@media (max-width: 580px) {
    .solutions.infrastructure-hosting .domains-list-elem {
        width: 95%;
        padding: 5% 4% 4%;
        margin-left: 0;
        margin-right: 0;
    }

    .solutions.infrastructure-hosting .domains-search {
        padding-bottom: 60px;
    }

    .solutions.infrastructure-hosting .section-title-3 {
        font-size: 35px;
    }

    .solutions.infrastructure-hosting .section-text-2 {
        font-size: 16px;
    }

    .solutions.infrastructure-hosting .domains-bg-1b {
        background-position: bottom 0 left -350px;
        background-size: 400%;
    }

    .solutions.infrastructure-hosting .domains-list {
        padding-bottom: 0;
    }

    .solutions.infrastructure-hosting .home-s10.homepage,
    .solutions.infrastructure-domains .home-s10.homepage {
        margin-top: 60px;
    }

    .solutions.infrastructure-hosting .domains-list .section-title-9,
    .solutions.infrastructure-hosting .domains-list-elem span.smalltext {
        margin-bottom: 15px;
    }
}

@media (max-width: 380px) {
    .solutions.infrastructure-hosting .domains-elem-content span {
        font-size: 14px;
    }

    .solutions.infrastructure-hosting .domains-list-elem {
        padding-top: 10%;
    }

    .solutions.infrastructure-hosting .section-title-3 {
        font-size: 30px;
    }

    .infr-domains-page .home-s5 {
        padding-top: 60px;
    }
}

@media (max-width: 450px) {
    .solutions.infrastructure-hosting .home-s10 {
        margin-bottom: 430px;
    }
}


/* Hosting Page - END */

/* ****************************************************** */

/* Servers Page - START */

.solutions.infrastructure-hosting.infrastructure-servers .domains-list-elem {
    width: 32%;
    margin-right: 2%;
}

.solutions.infrastructure-hosting.infrastructure-servers .domains-list-elem:last-child {
    margin-right: 0;
}

.solutions.infrastructure-hosting.infrastructure-servers .title-decoration {
    margin-bottom: 0;
}

.solutions.infrastructure-hosting.infrastructure-servers .domains-search {
    padding-bottom: 100px;
}


@media (max-width: 1025px) {
    .solutions.infrastructure-hosting.infrastructure-servers .domains-list .flex-spbtwn {
        flex-wrap: nowrap;
    }
}

@media (max-width: 769px) {
    .solutions.infrastructure-hosting.infrastructure-servers .domains-search {
        padding-bottom: 70px;
    }

    .solutions.infrastructure-hosting.infrastructure-servers .domains-list .flex-spbtwn {
        flex-wrap: wrap;
        justify-content: center;
    }

    .solutions.infrastructure-hosting.infrastructure-servers .domains-list-elem {
        width: 42%;
        margin-left: 2%;
        margin-right: 2%;
    }

    .solutions.infrastructure-hosting.infrastructure-servers .domains-list-elem:last-child {
        width: 100%;
        margin-right: 2%;
    }

    .solutions.infrastructure-hosting.infrastructure-servers .domains-list {
        margin-bottom: 0;
    }
}

@media (max-width: 580px) {
    .solutions.infrastructure-hosting.infrastructure-servers .domains-list-elem {
        width: 100%;
    }

    .solutions.infrastructure-hosting.infrastructure-servers .domains-list {
        padding-bottom: 0;
        margin-bottom: 0;
    }

    .solutions.infrastructure-hosting.infrastructure-servers .domains-list-elem {
        margin-right: 0;
        margin-left: 0;
    }
}

/* Servers Page - END */

/* ****************************************************** */

/* Compare Page - START */

.solutions.infrastructure-hosting.infrastructure-compare .domains-table th:first-child {
    background-color: #fff;
}

.solutions.infrastructure-hosting.infrastructure-compare .footer {
    margin-top: 350px;
}

.solutions.infrastructure-hosting.infrastructure-compare .domains-table thead {
    position: -webkit-sticky;
    position: sticky;
    top: 60px;
    z-index: 10;
}

.infrastructure-hosting.infrastructure-compare .domains-table {
    padding-top: 70px;
    padding-bottom: 60px;
}

@media (max-width: 991px) {
    .solutions.infrastructure-hosting.infrastructure-compare .domains-table thead {
        top: 60px;
    }
}

@media (max-width: 769px) {
    .infrastructure-hosting.infrastructure-compare .domains-table {
        padding-bottom: 0;
    }
}

@media (max-width: 580px) {
    .infrastructure-hosting.infrastructure-compare .domains-table {
        padding-top: 50px;
    }
}

/* Infrastructure servers - END */


/* ****************************************************** */

/* Infrastructure servers-compare - START */

.compare-bg-servers {
    position: relative;
}

.compare-bg-servers::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 140%;
    background-image: url(../../images/new/svg/bubble-bg-compare-1.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: top 0 left 0;
    z-index: -1;
}

@media (max-width: 769px) {
    .compare-bg-servers::before {
        background-size: 190%;
    }
}

@media (max-width: 580px) {
    .compare-bg-servers::before {
        background-repeat: repeat;
        height: 100%;
    }
}

/* Infrastructure servers-compare - END */


/* ****************************************************** */

/* Infrastructure Cart - START */

.smallsection .solutions-banner.header-section {
    padding-top: 150px;
}

.smallsection.infrastructure-cart .solutions-banner {
    padding-bottom: 0;
}

.cart-container {
    padding-top: 50px;
    padding-bottom: 0;
}

.infr-cart-bg {
    position: relative;
}

.infr-cart-bg::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 150%;
    background-image: url(../../images/new/svg/bubble-bg-cart.svg);
    background-repeat: no-repeat;
    background-position: top 0 left 0;
    background-size: 100%;
    z-index: -1;
}

.cart-left img {
    max-width: 150px;
    border-radius: 10px;
}

.cart-container-elem {
    display: flex;
    align-items: center;
    padding: 5px;
    border: 2px solid #1aaba030;
    margin: 20px 0;
    border-radius: 10px;
    position: relative;
    transition: border-color .25s linear;
}

.cart-container-elem .cart-left>a>img {
    transition: filter .25s linear;
}

.cart-container-elem:hover .cart-left>a>img {
    filter: brightness(130%);
}

.cart-container-elem:hover {
    border-color: #20f0df7a
}

.cart-left {
    margin-right: 30px;
    font-size: 0;
}

.cart-container-btn {
    display: flex;
    justify-content: flex-end;
}

.cart-right .section-title-9 {
    margin-bottom: 20px;
}

.cart-right .section-title-9>a {
    color: #002b44;
    transition: color .25s linear;
}

.cart-right .section-title-9>a:hover {
    color: #1aaba0;
}

.cart-details-left .flex-spbtwn {
    width: 50%;
    justify-content: space-between;
}

.cart-details {
    display: flex;
    justify-content: space-between;
}

.cart-right {
    width: calc(100% - 200px);
}

.cart-details-left {
    width: 80%;
}

.cart-right .section-title-1 {
    margin-bottom: 20px;
}

.cart-link,
.cart-link>a {
    margin-top: 15px;
    transition: color .25s linear;
}

.cart-details-right .fa-trash-alt::before {
    font-size: 16px;
    color: #002b44;
    cursor: pointer;
    transition: color .25s linear;
}

.cart-details-right .fa-trash-alt:hover::before {
    font-size: 16px;
    color: red;
    cursor: pointer;
}

.cart-details-right {
    position: absolute;
    bottom: 10%;
    right: 2%;
}

.infrastructure-cart .footer {
    margin-top: 250px;
}

.cart-product-name {
    width: 150px;
    height: 150px;
    background-color: #032c44;
    border-radius: 10px;
    color: #fff;
    font-size: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: filter .25s linear;
}

.cart-container-elem:hover .cart-product-name {
    filter: brightness(120%);
}

@media (min-width: 1201px) {
    .cart-container {
        padding-bottom: 100px;
    }

    .d-xl-block {
        display: block;
    }
}

@media (max-width: 991px) {
    .smallsection.infrastructure-cart .solutions-banner {
        padding-top: 40px;
        padding-bottom: 0;
    }

    .smallsection.infrastructure-cart .solutions-banner .section-title-1 {
        margin-bottom: 0;
    }
}

@media (max-width: 769px) {
    .cart-left img {
        max-width: 100px;
    }

    .cart-right .section-title-9>a {
        font-size: 20px;
    }

    .cart-right .section-title-9 {
        margin-bottom: 10px;
    }

    .cart-details-left {
        font-size: 14px;
    }

    .cart-details-left .flex-spbtwn {
        width: 100%;
    }
}

@media (max-width: 700px) {
    .infr-cart-bg::before {
        background-size: 120%;
    }
}

@media (max-width: 580px) {
    .cart-left {
        margin-right: 15px;
    }

    .cart-right {
        width: calc(100% - 150px);
    }

    .cart-container-btn .btn.btn-teal {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .infr-cart-bg::before {
        background-size: 180%;
    }
}

@media (max-width: 450px) {
    .cart-left img {
        max-width: 60px;
    }

    .cart-right {
        width: calc(100% - 95px);
    }

    .cart-right .section-title-9>a {
        font-size: 16px;
    }

    .cart-details-left {
        font-size: 12px;
    }

    .cart-right .section-title-9 {
        margin-bottom: 5px;
        line-height: 1;
    }

    .cart-link,
    .cart-link>a {
        margin-top: 5px;
    }

    .cart-details-right .fa-trash-alt::before {
        font-size: 15px;
    }

    .cart-details-left {
        width: 95%;
    }

    .cart-container {
        padding-top: 20px;
    }

    .cart-container-elem {
        margin: 10px 0;
    }

    .cart-container-btn {
        margin-top: 30px;
    }

    .smallsection.infrastructure-cart .solutions-banner {
        height: 16vh;
    }

    .cart-container-elem {
        border-width: 1px;
    }

    .infr-cart-bg::before {
        background-size: 180%;
    }
}

/* Infrastructure Cart - END */


/* ****************************************************** */


/* Infrastructure Order - START */

.solutions.infrastructure-order .solutions-banner .section-title-1 {
    margin-bottom: 0;
}

.infr-order-bg {
    position: relative;
}

.infr-order-bg-1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../../images/new/svg/bubble-infr-order.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: top 0 left 0;
    z-index: -1;
}

.domain-fields {
    padding-top: 100px;
    padding-bottom: 100px;
}

.domain-fields-elem {
    border: 2px solid #fff;
    background-color: #fff;
    box-shadow: 3px 3px 10px 0 rgb(0 43 68 / 14%);
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 20px;
    margin-top: 20px;
    transition: border-color .25s linear, transform .25s linear;
}

.domain-fields-elem:hover,
.boxes-period-elem:hover {
    border: 2px solid #20f0df7a;
    transform: scale(1.05);
}

.checkcontainer {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    padding: 5px;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 16px;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
}

.checkcontainer-text {
    font-size: 16px;
    margin-left: 10px;
    font-weight: 700;
}

.checkcontainer input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.radiobtn {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #1baaa128;
    border: 2px solid #1b9b9342;
    border-radius: 50%;
    box-shadow: 3px 3px 10px 0 rgb(0 43 68 / 14%);
}

.checkcontainer input:checked~.radiobtn {
    background-color: #1aaba0;
    border: 2px solid #20f0df7a;
}

.radiobtn:after {
    content: "";
    position: absolute;
    display: none;
}

.checkcontainer .radiobtn:after {
    top: 8px;
    left: 8px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: white;
}

.checkcontainer input:checked~.radiobtn:after {
    display: block;
}

.domain-field>input {
    display: block;
    width: 100%;
    height: 50px;
    padding: 0 15px;
    outline: none;
    border: 2px solid #1aaba030;
    box-sizing: border-box;
    border-radius: 10px;
}

.domain-field>input:focus {
    border: 2px solid #20f0df7a;
}

.domain-field>input[type="text"] {
    font-size: 16px;
    letter-spacing: 1px;
}

.domain-field>input[type="text"]::placeholder,
.boxes-period-elem.select-elem .domain-field>input[type="number"]::placeholder {
    color: #1baaa1a9;
    opacity: 1;
    /* Firefox */
}

.domain-field>input[type="text"]:-ms-input-placeholder,
.boxes-period-elem.select-elem .domain-field>input[type="number"]:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #1baaa1a9;
}

.domain-field>input[type="text"]::-ms-input-placeholder,
.boxes-period-elem.select-elem .domain-field>input[type="number"]::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #1baaa1a9;
}

select#domain-field-select {
    width: 100%;
    border: 2px solid #1aaba030;
    height: 50px;
    padding: 0 15px;
    outline: none;
    font-size: 16px;
    border-radius: 10px;
    color: #1baaa1a9;
    cursor: pointer;
    transition: border-color .25s linear;
}

.domain-field {
    -webkit-tap-highlight-color: transparent;
}

select#domain-field-select:focus {
    border: 2px solid #20f0df7a;
}

.boxes-period {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 20px;
    padding-bottom: 20px;
}

.boxes-period .checkcontainer {
    position: absolute;
    top: 0;
    left: 0;
}

.boxes-period .radiobtn {
    top: 10px;
    left: 15px;
}

.boxes-period-elem {
    width: 28%;
    border: 2px solid #fff;
    border-radius: 10px;
    margin: 20px 0;
    padding: 20px;
    background-color: #fff;
    box-shadow: 3px 3px 10px 0 rgb(0 43 68 / 14%);
    position: relative;
    transition: border-color .25s linear, transform .25s linear;
    -webkit-tap-highlight-color: transparent;
}

.boxes-period-elem.select-elem {
    width: 100%;
    margin-top: 0;
}

.boxes-period-elem.select-elem .checkcontainer {
    position: relative;
    width: fit-content;
    width: -moz-fit-content;
    height: fit-content;
}

.boxes-period .boxes-period-elem.select-elem .radiobtn {
    top: 30px;
    left: 15px;
}

.boxes-period-elem .period {
    text-align: center;
    font-size: 20px;
    font-weight: 700;
}

.boxes-period-elem .period>span {
    font-weight: 400;
}

.boxes-period-elem .price {
    font-size: 40px;
    font-weight: 700;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 5px;
}

.boxes-period-elem .price>span {
    font-weight: 400;
}

.boxes-period-elem .detail-price {
    text-align: center;
    color: #1aaba0;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 30px;
}

.details-box {
    text-align: center;
    color: #002b4473;
}

.selected-field-details .details-box {
    font-size: 16px;
}

.boxes-period-elem.select-elem .domain-field {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.boxes-period-elem.select-elem .domain-field span.month-text {
    display: block;
    padding: 10px;
    height: 100%;
    background-color: #e1f2f0;
    border-radius: 0 6px 6px 0;
}

.boxes-period-elem.select-elem .domain-field>input[type="number"] {
    margin-left: 50px;
}

.boxes-period-elem.select-elem .checkcontainer {
    position: absolute;
    top: 0;
    left: 0;
}

.domain-fields .btn.btn-teal {
    width: 100%;
    text-align: center;
    box-sizing: border-box;
    margin-top: 30px;
}

.boxes-period-elem.details-field {
    width: 100%;
    box-sizing: border-box;
    background-color: #e1f2f0;
    margin-bottom: 60px;
    padding: 30px 20px;
}

.boxes-period-elem.details-field:hover {
    transform: none;
    border-color: #fff;
}

.boxes-period-elem.details-field .detail-price {
    margin-top: 20px;
    font-size: 24px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.boxes-period-elem.details-field .period {
    font-size: 24px;
}

@media (max-width: 1400px) {

    .domain-fields-elem:hover,
    .boxes-period-elem:hover {
        transform: scale(1.02);
    }
}

@media (max-width: 1201px) {
    .infr-order-bg-1 {
        background-size: 200%;
        background-position: top 0 left -240px;
    }
}

@media (max-width: 991px) {
    .boxes-period-elem {
        width: 26%;
    }

    .smallsection.infrastructure-order .solutions-banner.header-section {
        padding-top: 40px;
        padding-bottom: 0;
    }
}

@media (max-width: 767px) {
    .boxes-period-elem {
        width: 40%;
        margin-right: 5px;
        margin-left: 5px;
    }

    .boxes-period-elem:nth-child(3) {
        width: 100%;
        margin-top: 0;
    }

    .infr-order-bg-1 {
        background-size: 100%;
        background-image: url(../../images/new/svg/bubble-order-responsive.svg);
        background-position: top 0 left 0;
    }
}

@media (max-width: 600px) {
    .radiobtn {
        width: 15px;
        height: 15px;
        top: 6px;
    }

    .checkcontainer .radiobtn:after {
        top: 4px;
        left: 4px;
        width: 7px;
        height: 7px;
    }

    .domain-fields-elem:hover,
    .boxes-period-elem:hover {
        transform: none;
    }

    .boxes-period-elem.select-elem .domain-field>input[type="number"] {
        margin-left: 26px;
    }

    .boxes-period-elem {
        padding: 15px;
    }

    .boxes-period-elem .price {
        font-size: 34px;
        margin-top: 25px;
    }

    .boxes-period-elem .detail-price {
        margin-bottom: 20px;
    }

    .boxes-period .radiobtn {
        left: 10px;
    }

    .boxes-period .boxes-period-elem.select-elem .radiobtn {
        top: 30px;
        left: 10px;
    }

    .checkcontainer-text {
        margin-left: 0;
    }

    .boxes-period-elem.details-field {
        margin-left: 0;
        margin-right: 0;
    }

    .domain-fields {
        padding-top: 50px;
    }

    select#domain-field-select,
    .domain-field>input[type="text"] {
        font-size: 15px;
        height: 40px;
    }
}

@media (max-width: 500px) {
    .boxes-period-elem {
        width: 100%;
        margin-top: 0;
    }

    .domain-field>input[type="text"] {
        font-size: 15px;
        letter-spacing: normal;
    }

    .domain-field>input,
    select#domain-field-select {
        height: 40px;
    }

    .checkcontainer {
        padding-left: 26px;
    }

    .boxes-period-elem {
        margin-left: 0;
        margin-right: 0;
    }

    .boxes-period-elem.details-field .period,
    .boxes-period-elem.details-field .detail-price {
        font-size: 20px;
    }

    .boxes-period-elem .price {
        font-size: 26px;
    }

    .boxes-period .boxes-period-elem.select-elem .radiobtn {
        top: 25px;
    }

    .boxes-period-elem.select-elem .domain-field span.month-text {
        padding: 5px;
    }
}

@media (max-width: 450px) {
    .infr-order-bg-1 {
        background-size: 145%;
    }
}

@media (max-width: 380px) {

    .boxes-period-elem.details-field .period,
    .boxes-period-elem.details-field .detail-price {
        font-size: 16px;
    }

    .boxes-period-elem .price {
        font-size: 22px;
    }

    .infr-order-bg-1 {
        background-size: 200%;
    }

    .boxes-period-elem.details-field {
        padding: 30px 10px;
        margin-bottom: 40px;
    }

    .boxes-period-elem {
        padding: 15px 10px;
    }

    select#domain-field-select {
        font-size: 15px;
    }

    .selected-field-details .details-box {
        font-size: 16px;
    }
}

/* Infrastructure Order - END */


/* Infrastructure Checkout - START */

.checkout-bg {
    position: relative;
}

.checkout-bg-1 {
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(../../images/new/svg/bubble-bg-checkout.svg);
    background-size: 100%;
    background-position: top 0 left 0;
    background-repeat: no-repeat;
    width: 100%;
    height: 150%;
    z-index: -1;
}

.checkout-content {
    padding-top: 70px;
    padding-bottom: 70px;
}

.checkout-content .domain-fields-elem:hover {
    transform: none;
    border-color: transparent;
}

.checkout-content .domain-fields-elem {
    padding: 0;
    box-shadow: none;
}

.checkout-boxes {
    display: flex;
    justify-content: space-between;
}

.checkout-left-elem {
    width: calc(100% - 400px);
}

.checkout-right-elem {
    width: 300px;
    height: fit-content;
}

.checkout-left-elem,
.checkout-right-elem {
    border: 2px solid #fff;
    background-color: #fff;
    box-shadow: 3px 3px 10px 0 rgb(0 43 68 / 14%);
    padding: 40px 15px 20px 15px;
}

.checkout-cart-title .checkout-cart-icon {
    font-size: 25px;
}

.profile-settings.profile-settings-company {
    margin-bottom: 20px;
}

/***** Toggle */

.toggle-pf-pj {
    margin-bottom: 50px;
}

.toggle-pf-pj .slider.round {
    margin-left: 35px;
    margin-right: 30px;
    width: 80px;
    border-radius: 34px;
}

.toggle-pf-pj .switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 28px;
}

.toggle-pf-pj .switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.toggle-pf-pj .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #1aaba0;
    -webkit-transition: .4s;
    transition: .4s;
}

.toggle-pf-pj .slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked+.slider {
    background-color: #012c44;
}

input:focus+.slider {
    box-shadow: 0 0 1px #012c44;
}

input:checked+.slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
    left: 29px;
}

/***** Rounded sliders */

.slider.round:before {
    border-radius: 50%;
}

.toggle-pf-pj .switch {
    display: flex;
    align-items: center;
}

.toggle-pf-pj span {
    display: block;
}

.toggle-pf-pj .pf,
.toggle-pf-pj .pj {
    font-size: 16px;
    font-family: 'Figtree Lt';
    font-weight: 600;
    display: block;
    cursor: pointer;
}

.toggle-pf-pj .pf {
    margin-right: 20px;
}

.toggle-pf-pj .pj {
    margin-left: 80px;
}

.profile-settings .pf,
.profile-settings.profile-settings-individual .pf {
    color: #1aaba0;
    font-weight: 700;
    font-family: 'Figtree Rg';
    transition: color .25s linear;
}

.profile-settings .pj {
    color: #012d44a2;
    font-family: 'Figtree Lt';
    font-weight: 600;
    transition: color .25s linear;
}

.profile-settings.profile-settings-individual .pj {
    color: #012d44a2;
    font-family: 'Figtree Lt';
    font-weight: 600;
    transition: color .25s linear;
}

.profile-settings.profile-settings-company .pj {
    color: #002b44;
    font-weight: 700;
    font-family: 'Figtree Rg';
    transition: color .25s linear;
}

.profile-settings.profile-settings-company .pf {
    color: #012d44a2;
    font-family: 'Figtree Lt';
    font-weight: 600;
    transition: color .25s linear;
}

.checkout-left-elem .checkcontainer-text {
    margin-left: 0;
    margin-bottom: 10px;
    display: block;
}

.checkout-left-elem .btn.btn-teal {
    width: 100%;
    margin-top: 50px;
    outline: none;
    border: none;
    cursor: pointer;
}

.domain-field>input {
    transition: border-color .25s linear, box-shadow .25s linear;
}

.domain-field>input:hover {
    border-color: #20f0df8e;
    box-shadow: 3px 3px 10px 0 rgb(0 43 68 / 14%);
    transition: border-color .25s linear, box-shadow .25s linear;
}

.domain-field>input:focus {
    border-color: #002b4442;
    box-shadow: 3px 3px 10px 0 rgb(0 43 68 / 14%);
}

.profile-settings .domain-fields-elem.pj-info {
    height: 0;
    margin: 0;
    padding: 0;
}

.profile-settings .domain-fields-elem.pj-info,
.profile-settings.profile-settings-company .domain-fields-elem.pf-info,
.profile-settings.profile-settings-individual .domain-fields-elem.pj-info {
    opacity: 0;
    visibility: hidden;
    transition: opacity .25s linear;
}

.profile-settings.profile-settings-company .domain-fields-elem.pj-info,
.profile-settings.profile-settings-individual .domain-fields-elem.pf-info {
    opacity: 1;
    visibility: visible;
    height: fit-content;
    transition: opacity .4s linear;
}

.fields-content {
    position: relative;
}

.profile-settings.profile-settings-company .domain-fields-elem.pf-info {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    margin-top: 0;
    padding: 0;
}

.checkout-cart-elem {
    display: flex;
    justify-content: space-between;
    padding-top: 20px;
    padding-bottom: 20px;
    position: relative;
}

.checkout-cart-elem:first-child {
    padding-top: 0;
}

.checkout-cart-elem::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    width: 100%;
    background-color: #002b4417;
}

.checkout-cart-elem:last-child:after {
    background-color: transparent;
}

.checkout-left-elem .checkcontainer-text>i {
    margin-right: 10px;
}

.checkout-cart-elem .section-text-1 {
    margin-bottom: 0;
    font-weight: 400;
    font-family: 'Figtree Rg';
}

.checkout-cart-elem.total .price {
    font-weight: 700;
}

.checkout-cart-title {
    margin-bottom: 20px;
}

.checkout-boxes .btn.btn-teal.mobile {
    display: none;
}

@media (max-width: 1201px) {
    .checkout-bg-1 {
        height: 130%;
    }

    .checkout-page {
        padding-bottom: 30px;
    }
}

@media (max-width: 1025px) {
    .checkout-bg-1 {
        background-size: 150%;
        background-position: top 0 left -350px;
    }

    .checkout-page {
        padding-bottom: 40px;
    }
}

@media (max-width: 991px) {
    .checkout-cart-title .section-title-1 {
        font-size: 26px;
    }

    .checkout-right-elem {
        width: 280px;
    }

    .checkout-left-elem {
        width: calc(100% - 370px);
    }

    .checkout-left-elem .section-title-3 {
        font-size: 26px;
    }

    .checkout-left-elem,
    .checkout-right-elem {
        padding-top: 25px;
        padding-bottom: 10px;
    }

    .checkout-cart-elem::after {
        height: 1px;
    }

    .checkout-cart-elem .section-text-1 {
        font-size: 14px;
    }

    .checkout-cart-elem {
        padding-top: 13px;
        padding-bottom: 13px;
    }

    .checkout-cart-title .checkout-cart-icon {
        font-size: 20px;
    }

    .toggle-pf-pj .slider.round {
        width: 56px;
    }

    input:checked+.slider:before {
        left: 5px;
    }

    .toggle-pf-pj .pj {
        margin-left: 60px;
    }

    .checkout-cart-elem .price {
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    .checkcontainer-text {
        font-size: 16px;
    }

    .domain-field>input[type="text"] {
        font-size: 15px;
        height: 36px;
    }

    .checkout-page {
        padding-bottom: 0;
    }
}

@media (max-width: 700px) {
    .checkout-boxes {
        flex-wrap: wrap;
    }

    .checkout-left-elem,
    .checkout-right-elem {
        width: 100%;
    }

    .checkout-right-elem {
        margin-top: 50px;
    }

    .checkout-content {
        padding-bottom: 0;
    }

    .checkout-bg-1 {
        background-size: 200%;
        background-position: top 0 left -350px;
    }
}

@media (max-width: 580px) {
    .checkout-boxes .btn.btn-teal.mobile {
        padding: 5px 20px;
    }
}

@media (max-width: 450px) {
    .checkout-bg-1 {
        background-size: 300%;
        background-position: top 0 left -350px;
    }
}

@media (max-width: 380px) {
    .checkout-left-elem .checkcontainer-text {
        margin-bottom: 5px;
    }

    .checkcontainer-text {
        font-size: 14px;
    }

    .domain-field>input[type="text"] {
        font-size: 13px;
    }

    .checkout-left-elem,
    .checkout-right-elem {
        padding: 0;
        box-shadow: none;
    }

    .checkout-content {
        padding-top: 36px;
        padding-bottom: 0;
    }

    .domain-field {
        margin-bottom: 20px;
        display: block;
    }

    .toggle-pf-pj {
        margin-bottom: 30px;
        margin-top: 20px;
    }

    .checkout-boxes .btn.btn-teal.mobile {
        display: block;
    }

    .checkout-boxes .btn.btn-teal.desktop {
        display: none;
    }

    .checkout-right-elem {
        margin-top: 0;
    }

    .checkout-boxes .btn.btn-teal.mobile {
        display: block;
        width: 100%;
        text-align: center;
        margin-top: 0;
    }

    .toggle-pf-pj .slider:before {
        width: 10px;
        height: 10px;
    }

    .toggle-pf-pj .switch {
        height: 18px;
    }

    .toggle-pf-pj .slider.round {
        width: 46px;
    }

    .toggle-pf-pj .pj {
        margin-left: 54px;
    }

    .checkout-cart-title {
        margin-bottom: 30px;
    }

    .toggle-pf-pj .pf,
    .toggle-pf-pj .pj {
        font-size: 15px;
    }

    .checkout-page .checkout-left-elem,
    .checkout-page .checkout-right-elem,
    .checkout-page .domain-fields-elem {
        border: none;
        background-color: transparent;
        margin-bottom: 30px;
    }

    .checkout-bg-1 {
        background-position: top 0 left -150px;
    }
}


/********************* GLOBALS ****************************/

/* DISPLAY BLOCK */

.footer-content .list-item,
.latest-elem .latest-bottom .section-title-5,
.home-s5 .btn-transparent-green {
    display: block;
}

.home-s5 .btn-transparent-green {
    display: block;
    width: 100%;
}

.home-s6.slickslider-arrows ul.section-list-2>li>a {
    transition: color .25s linear;
}

.home-s6.slickslider-arrows ul.section-list-2>li>a:hover {
    opacity: 1;
    color: #1aaba0;
}

.blogspot .opti-content {
    padding-bottom: 0;
}


/* CLase speciale */

.separator {
    color: #1BAAA0;
    font-size: 20px;
    font-weight: 600;
    font-family: 'Figtree Lt';
    position: relative;
}


.footer-padding .footer {
    margin-top: 250px !important;
}

.error-msg {
    color: #dc3545;
    margin-top: 10px;
    text-align: right;
    display: block;
}

.error-msg>i {
    margin-right: 10px;
}

@media (max-width: 1201px) {
    .footer-padding .footer {
        margin-top: 210px !important;
    }
}

@media (max-width: 991px) {
    .error-msg {
        margin-top: 5px;
        font-size: 14px;
        margin-bottom: 5px;
    }
}

@media (max-width: 769px) {
    .footer-padding .footer {
        margin-top: 450px !important;
    }

    .domain-fields {
        padding-bottom: 50px;
    }
}

@media (max-width: 580px) {
    .footer-padding .footer {
        margin-top: 380px !important;
    }

    .error-msg {
        font-size: 14px;
    }

    .domain-fields {
        padding-bottom: 0;
    }

    .solutions.infrastructure-domains.footer-padding .footer {
        margin-top: 340px !important;
    }
}

@media (max-width: 380px) {
    .footer-padding .footer {
        margin-top: 350px !important;
    }

    .error-msg {
        font-size: 12px;
    }
}


/* 404 Page */

.pagenotfound .header-banner-initials.medical-banner::before {
    display: none;
}

.pagenotfound .header-banner-initials.medical-banner .dt-s0a.opti-container-lg {
    margin-right: auto;
    padding-top: 100px;
    padding-bottom: 150px;
}

.pagenotfound .header-banner-initials.medical-banner .flex-elem {
    width: 100%;
    text-align: center;
}

.pagenotfound .header-banner-initials.medical-banner .flex-elem h2 {
    font-size: 38px;
}

.pagenotfound .header .header-banner-initials.medical-banner .dt-s0a .text-type-0 {
    padding-right: 0;
    font-size: 28px;
    margin-top: 20px;
    margin-bottom: 0;
}

.pagenotfound .header::before {
    background-size: 44%;
}

.pagenotfound .header::after {
    background-size: 54%;
    background-position: top 0 left 0;
    background-image: url(../../images/new/svg/contact-bubble-1.svg);
}

@media (max-width: 2100px) {
    .pagenotfound .header::before {
        background-size: 37%;
    }

    .pagenotfound .header::after {
        background-size: 44%;
    }
}

@media (max-width: 1800px) {
    .pagenotfound .header::after {
        background-size: 45%;
    }

    .pagenotfound .header::before {
        background-size: 37%;
    }
}

@media (max-width: 1600px) {
    .pagenotfound .header::after {
        background-size: 48%;
    }

    .pagenotfound .header::before {
        background-size: 44%;
    }
}

@media (max-width: 901px) {
    .pagenotfound .header-banner-initials.medical-banner .dt-s0a.opti-container-lg {
        padding-top: 50px;
        padding-bottom: 120px;
    }

    .pagenotfound .laptop-section.reverse .elem.right {
        width: 100%;
        text-align: center;
    }

    .pagenotfound .laptop-section .btn.btn-teal {
        margin-left: auto;
        margin-right: auto;
    }

    .pagenotfound .laptop-section.reverse {
        padding-bottom: 50px;
    }
}

@media (max-width: 580px) {
    .pagenotfound .header-banner-initials.medical-banner .flex-elem h2 {
        font-size: 30px;
    }

    .pagenotfound .header .header-banner-initials.medical-banner .dt-s0a .text-type-0 {
        font-size: 22px;
        margin-top: 10px;
    }

    .pagenotfound .header-banner-initials.medical-banner .dt-s0a.opti-container-lg {
        padding-top: 0;
        padding-bottom: 50px;
    }

    .pagenotfound .laptop-section.reverse {
        padding-bottom: 0;
    }
}

@media (max-width: 450px) {
    .pagenotfound .three-boxes.hp {
        margin-top: 10px;
    }

    .pagenotfound .header-banner-initials.medical-banner .dt-s0a.opti-container-lg {
        padding-bottom: 20px;
    }
}

.footer .social-icons img {
    width: 40px;
    height: 32px;
}

.footer .footer-content .elem.elem1>a>img {
    width: 94px;
    height: 32px;
}


/* Search results */

.search-results .solutions-banner-content .header-title {
    margin-bottom: 10px;
}

.search-results .sidebar-searchbox {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}

.search-results-count {
    font-style: italic;
    color: #1aaba0;
    font-size: 16px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.search-results-seachbox {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 65px;
}

.search-results .sidebar-title {
    margin-bottom: 6px;
}

.search-results-seachbox-bg {
    position: relative;
}

.search-results-seachbox-bg::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../../images/new/svg/search-results-bubble.svg);
    background-repeat: no-repeat;
    background-position: top -30px left 0;
    background-size: 100%;
    z-index: -1;
}

.solutions.search-results .solutions-submenu {
    display: none;
}

.solutions-newdesign .solution-elem .section-title-10 {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 1201px) {
    .solutions-newdesign.search-results .solutions-page .solutions-list {
        margin-bottom: 100px;
    }
}

@media (max-width: 901px) {

    .solutions-newdesign.search-results .fts-bg,
    .solutions-newdesign.search-results .fts-bg::before {
        bottom: -1%;
    }

    .solutions.search-results .fts-bg::before {
        background-size: 180%;
    }
}

@media (max-width: 767px) {
    .solutions-newdesign .solutions-page .search-results-seachbox-bg .solution-elem {
        flex-wrap: nowrap;
    }

    .solutions-newdesign.search-results .fts-bg,
    .solutions-newdesign.search-results .fts-bg::before {
        bottom: -4%;
    }

    .solutions.search-results .fts-bg::before {
        background-size: 145%;
    }
}

@media (max-width: 580px) {
    .solutions-newdesign .search-results-seachbox-bg .solution-elem .section-title-5 {
        font-size: 16px;
    }

    .solutions-newdesign .search-results-seachbox-bg .solution-elem-text {
        padding: 0 20px;
    }

    .solutions-newdesign .search-results-seachbox-bg .solution-elem .section-title-10 {
        font-size: 14px;
    }

    .solutions.search-results .fts-bg::before {
        background-size: 210%;
    }
}

@media (max-width: 450px) {
    .solutions.search-results .fts-bg::before {
        background-size: 270%;
    }
}

@media (max-width: 380px) {
    .solutions-newdesign .solutions-page .search-results-seachbox-bg .solution-elem {
        flex-wrap: wrap;
    }

    .solutions-newdesign .search-results-seachbox-bg .solution-elem-img {
        margin-bottom: 10px;
        width: 100%;
    }

    .solutions-newdesign .search-results-seachbox-bg .solution-elem-text {
        width: 100%;
        padding: 0 6px;
    }

    #gsearch {
        height: 40px;
    }

    .search-submit::before {
        top: 5px;
    }

    .search-results-seachbox {
        padding-top: 35px;
    }

    .solutions.search-results .fts-bg::before {
        background-size: 400%;
    }

    .solutions-newdesign.search-results .solutions-page .solutions-list {
        margin-bottom: 60px;
    }

    .search-results-count {
        font-size: 16px;
    }
}

@media (max-width: 340px) {
    .solutions.search-results .fts-bg::before {
        background-size: 450%;
    }
}


/* Antispam */

.pagenotfound.antispam main section {
    font-size: 16px;
}

.antispam .terms-bubbles {
    padding-bottom: 100px;
}

.pagenotfound.antispam main .opti-container-xxl {
    padding-left: 0;
    padding-right: 0;
}

.pagenotfound.antispam main section {
    padding-left: 23px;
    padding-right: 23px;
}

@media (max-width: 1400px) {
    .pagenotfound.antispam .header-banner-initials.medical-banner .dt-s0a.opti-container-lg {
        padding-bottom: 100px;
    }
}

@media (max-width: 991px) {
    .pagenotfound.antispam .header-banner-initials.medical-banner .dt-s0a.opti-container-lg {
        padding-bottom: 50px;
    }

    .antispam .terms-bubbles {
        padding-bottom: 50px;
    }
}

@media (max-width: 580px) {
    .pagenotfound.antispam .header-banner-initials.medical-banner .dt-s0a.opti-container-lg {
        padding-bottom: 0;
    }

    .antispam .terms-bubbles {
        padding-bottom: 20px;
    }

    .pagenotfound.antispam main .opti-container-xxl {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (max-width: 380px) {
    .antispam .terms-bubbles.opti-container-xxl {
        padding-left: 23px;
        padding-right: 23px;
    }

    .pagenotfound.antispam main section {
        font-size: 16px;
    }

    .pagenotfound.antispam .header-banner-initials.medical-banner .flex-elem h2 {
        font-size: 26px;
    }

    .pagenotfound.antispam .header .header-banner-initials.medical-banner .dt-s0a .text-type-0 {
        font-size: 16px;
    }

    .pagenotfound.antispam .dt-s0a .flex-elem.left {
        margin-bottom: 0;
    }

    .pagenotfound.antispam main section ul {
        font-size: 16px;
    }

    .pagenotfound.antispam main section ul>li {
        margin: 15px 0;
    }
}


/* Rezolvare Bug Menu */

@media (max-width: 991px) {
    .solutions .new-navbar .navbar-leftmenu.right>ul.navbar-mainmenu>li>span {
        color: #002b44 !important;
        text-shadow: none !important;
        font-size: 38px;
        display: block;
        width: 100%;
        text-align: center;
    }
}

@media (max-width: 650px) {
    .solutions .new-navbar .navbar-leftmenu.right>ul.navbar-mainmenu>li>span {
        font-size: 30px;
    }

    .mobileMenuActive #submenu-moreinfo::before,
    .mobileMenuActive #submenu-moreinfo::after {
        top: 18px;
    }
}

@media (max-height: 1600px) {
    .mobileMenuActive.submenuMoreinfo .new-navbar .submenu {
        top: -10vh;
    }
}

@media (max-height: 1400px) {
    .mobileMenuActive.submenuMoreinfo .new-navbar .submenu {
        top: -13vh;
    }
}

@media (max-height: 1200px) {
    .mobileMenuActive.submenuMoreinfo .new-navbar .submenu {
        top: -15vh;
    }
}

@media (max-width: 580px) and (max-height: 1201px) {
    .mobileMenuActive .new-navbar #submenu-moreinfo::after {
        right: -34px;
    }
}

@media (max-height: 1000px) {
    .mobileMenuActive.submenuMoreinfo .new-navbar .submenu {
        top: -19vh;
    }
}

@media (max-height: 800px) {
    .mobileMenuActive.submenuMoreinfo .new-navbar .submenu {
        top: -27vh;
        right: -70%;
    }
}

@media (max-width: 991px) and (max-height: 800px) {
    .solutions .new-navbar .navbar-leftmenu.right>ul.navbar-mainmenu>li>span {
        font-size: 30px;
    }
}

@media (max-height: 700px) {
    .solutions .new-navbar .navbar-leftmenu.right>ul.navbar-mainmenu>li>span {
        font-size: 26px;
    }

    .mobileMenuActive .new-navbar #submenu-moreinfo::before {
        right: -25px;
    }
}

@media (max-width: 600px) and (min-height: 650px) {
    .mobileMenuActive .new-navbar #submenu-moreinfo::after {
        right: -40px;
    }
}

@media (max-height: 650px) {
    .mobileMenuActive .new-navbar #submenu-moreinfo::before {
        right: -30px;
    }
}

@media (max-width: 580px) and (max-height: 1000px) {
    .mobileMenuActive .new-navbar #submenu-moreinfo::after {
        right: -40px;
    }
}

@media (max-height: 700px) and (max-width: 580px) {
    .mobileMenuActive .new-navbar #submenu-moreinfo::after {
        right: -32px;
    }
}

@media (max-width: 580px) and (max-height: 650px) {
    .mobileMenuActive .new-navbar #submenu-moreinfo::after {
        right: -36px;
    }
}

@media (max-height: 570px) {
    .solutions .new-navbar .navbar-leftmenu.right>ul.navbar-mainmenu>li>span {
        font-size: 16px;
    }
}

@media (max-height: 570px) and (max-width: 450px) {
    .mobileMenuActive .navbar-rightmenu-contact .btn.btn-white {
        font-size: 16px;
    }
}

@media (max-width: 380px) and (max-height: 680px) {
    .solutions .new-navbar .navbar-leftmenu.right>ul.navbar-mainmenu>li>span {
        font-size: 24px;
    }
}

@media (max-height: 590px) {
    .mobileMenuActive.submenuMoreinfo .new-navbar .submenu {
        top: -32vh;
    }
}

@media (max-height: 570px) {

    .mobileMenuActive #submenu-moreinfo::before,
    .mobileMenuActive #submenu-moreinfo::after {
        top: 12px;
    }
}


/* Webinar - countdown */
.countdown-content {
    position: relative;
    z-index: 1003;
    background-color: #52f1e5;
    background: linear-gradient(343deg, rgba(194, 236, 230, 1) 0%, rgba(67, 198, 188, 1) 25%, rgba(140, 223, 216, 1) 52%, rgba(142, 217, 209, 1) 77%, rgba(187, 219, 216, 1) 89%, rgba(196, 238, 232, 1) 100%);
    box-shadow: 3px 3px 5px 0 rgb(0 43 68 / 30%);
}

.countdown-content .opti-container-xxl {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 50px;
}

.countdown-content .btn.btn-white {
    padding-top: 3px;
    padding-bottom: 3px;
    color: #ffffff;
    background-color: #1e8d85;
    border: 1px solid #fff;
}

.countdown {
    color: #002b44;
    font-size: 16px;
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 65%;
}

.countdown-item.w100px {
    width: 100px;
}

.countdown-text {
    font-weight: 400;
    display: block;
}

.countdown-text.left {
    margin-right: 40px;
}

.countdown-text.right {
    margin-left: 20px;
}

.countdown-item {
    margin-left: 10px;
    margin-right: 10px;
    z-index: 2;
    font-weight: 700;
}

.pulse {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    opacity: 1;
    background-color: #fff;
    border-radius: 50%;
    z-index: 1;

}

@keyframes pluseAnimation {
    0% {
        width: 0;
        height: 0;
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        width: 150px;
        height: 150px;
        opacity: 0;
    }
}

.countdown-content {
    transition: all 1s ease 0s;
}

.sticky-main-menu .countdown-content {
    position: fixed;
    z-index: 1003;
    width: 100%;
    top: 0;
    box-shadow: none;
}


.sticky-main-menu .navbar-content {
    top: 50px;
}

@media (max-width: 991px) {
    .countdown {
        width: 75%;
    }
}

@media (max-width: 901px) {

    .countdown,
    .countdown-content .btn.btn-white {
        font-size: 15px;
    }

    .countdown-item {
        margin-left: 5px;
        margin-right: 5px;
    }

    .countdown-text.left {
        margin-right: 10px;
    }

    .countdown-text.right {
        margin-left: 10px;
    }

    .countdown-content .btn.btn-white {
        padding-left: 10px;
        padding-right: 10px;
    }

    .countdown-item.w100px {
        width: fit-content;
        width: -moz-fit-content;
    }
}

@media (max-width: 767px) {

    .countdown,
    .countdown-content .btn.btn-white {
        font-size: 13px;
    }

    .countdown {
        width: 80%;
    }

    .countdown-content .opti-container-xxl {
        min-height: 36px;
    }

    .sticky-main-menu .navbar-content {
        top: 34px;
    }
}

@media (max-width: 620px) {
    .countdown {
        flex-wrap: wrap;
        justify-content: center;
        margin-right: 10px;
        margin-bottom: 0;
        width: 70%;
    }

    .countdown-text {
        display: block;
        width: 100%;
        text-align: center;
    }

    .countdown-text.right {
        width: 100%;
    }
}

@media (max-width: 600px) {
    .countdown-content .opti-container-xxl {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .sticky-main-menu .navbar-content {
        top: 45px;
    }

    .countdown-item.w100px {
        width: unset;
    }
}

@media (max-width: 530px) {
    .countdown {
        width: 60%;
    }

    .countdown-text.right {
        width: 100%;
    }
}

@media (max-width: 450px) {
    .countdown-content .opti-container-xxl {
        flex-wrap: wrap;
        justify-content: center;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .countdown {
        margin-right: 0;
        margin-bottom: 5px;
    }

    .countdown-text.right {
        width: 100%;
        margin-left: 0;
    }

    .sticky-main-menu .navbar-content {
        top: 68px;
    }

    .countdown,
    .countdown-content .btn.btn-white {
        font-size: 13px;
    }

    .countdown {
        width: 100%;
    }
}


/* WEBINAR */

/* Header */

body.webinar {
    line-height: 1.33;
}

.webinar .header-section {
    position: relative;
}

.webinar-bg-1::before {
    content: "";
    position: absolute;
    display: block;
    top: -5%;
    right: 0;
    width: 232px;
    height: 400px;
    background-image: url(../../images/new/webinar/webinar-bg-6.svg);
    background-size: contain;
    background-position: top 0 right 0;
    background-repeat: no-repeat;
}

.webinar-bg-2::before {
    content: "";
    position: absolute;
    display: block;
    bottom: 35%;
    left: 0;
    background-image: url(../../images/new/webinar/webinar-bg-2.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom 0 left 0;
    width: 261px;
    height: 261px;
    z-index: 1;
}

.webinar-bg-2::after {
    content: "";
    position: absolute;
    width: 50%;
    height: 100%;
    bottom: 0;
    left: 0;
    background-image: url(../../images/new/webinar/webinar-bg-1.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom 0 left 0;
    z-index: 0;
}

.webinar-bg-3::before {
    content: "";
    position: absolute;
    bottom: 10%;
    left: 10%;
    width: 36px;
    height: 42px;
    background-image: url(../../images/new/webinar/webinar-bg-3.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 2;
}

.webinar-s1 .opti-container-lg.flex-spbtwn {
    max-width: 1100px;
    padding-bottom: 190px;
}

.webinar .header.teal-background.dt::before,
.webinar .header.teal-background.dt::after {
    display: none;
}

.webinar .header-section {
    padding-top: 250px;
    background-color: #F3F9FE;
}

.webinar-s1 .elem.left {
    margin-right: 60px;
}

.webinar-s1 .section-title-1 {
    font-size: 34px;
}

.webinar-s1 .section-text-4 {
    font-size: 33px;
    color: #2baaa0;
    margin-top: 5px;
    margin-bottom: 0;
    font-weight: 400;
}

.webinar-s1 .section-text-2 {
    margin-top: 75px;
    width: 645px;
    margin-right: -268px;
}

.webinar-s1 .right-bottom .section-text-2 {
    margin-top: 0;
    order: 2;
    margin-right: 0;
    width: calc(60% - 100px);
    padding-left: 25px;
}

.webinar-s1 .right-bottom {
    background-color: #002B44;
    border-radius: 0 10px 10px 0;
    padding-right: 25px;
    padding-top: 31px;
    padding-bottom: 31px;
    position: absolute;
    bottom: 3%;
    left: 0;
    width: 60%;
    color: #fff;
    display: flex;
    justify-content: flex-end;
    z-index: 10;
}

.webinar-s1 .webinar-s1-desktop .section-text-2 {
    display: none;
}

.webinar-date {
    border: 2px solid #1aaba0;
    border-radius: 10px;
    width: fit-content;
    width: -moz-fit-content;
    font-size: 28px;
    font-weight: 700;
    margin-top: 70px;
    margin-bottom: 59px;
    width: 645px;
    position: relative;
    margin-right: -268px;
}

.webinare-date-info {
    padding: 20px 15px 20px 50px;
}

.webinare-date-info>span {
    color: #1aaba0;
}

.webinar-date .btn.btn-black {
    padding: 0 30px;
    height: 100%;
    font-size: 36px;
    position: absolute;
    top: -2px;
    right: -1px;
    display: flex;
    align-items: center;
    border-radius: 10px;
    border: 2px solid #002b44;
    z-index: 1;
}

.webinar-info {
    font-size: 27px;
}

.webinar-picture {
    min-height: 100%;
    position: relative;
}

.webinar-picture>.webinar-img {
    border: 3px solid #2baaa0;
    border-radius: 10px;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    display: block;
}

.webinar-picture.left {
    margin-right: 51px;
    margin-top: -351px;
    position: relative;
}

.webinar-picture.left::after {
    content: "";
    position: absolute;
    bottom: -38px;
    left: calc(50% - 115px);
    width: 230px;
    height: 3px;
    background-image: url(../../images/new/webinar/webinar-bg-12.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.webinar-picture.right {
    margin-bottom: -200px;
}

.webinar-picture.right::before {
    content: "";
    position: absolute;
    top: -40px;
    right: 10px;
    width: 100px;
    height: 98px;
    background-image: url(../../images/new/webinar/webinar-bg-4.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top 0 right 0;
    z-index: -1;
}

.webinar-picture.left>.webinar-img {
    width: 273px;
    height: 395px;
    background-image: url(../../images/new/webinar/corina-grigorovici.jpg);
}

.webinar-picture.right>.webinar-img {
    border-radius: 10px;
    border: 3px solid #2baaa0;
    width: 100%;
    box-sizing: border-box;
    height: 336px;
    background-image: url(../../images/new/webinar/marian-calborean-opti.jpg);
    background-repeat: no-repeat;
}

.webinar-picture.left>img,
.webinar-picture.right>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.webinar-picture-details {
    width: fit-content;
    width: -moz-fit-content;
    background-color: #2baaa0;
    display: block;
    color: #fff;
    font-size: 19px;
    padding: 10px 20px;
    position: absolute;
}


.webinar-picture.left .webinar-picture-details {
    top: 15%;
    left: 100%;
    border-radius: 0 6px 6px 0;
}

.webinar-picture.right {
    width: 254px;
    background-color: #2baaa0;
    border-radius: 10px;
}

.webinar-picture.right .webinar-picture-details {
    border-radius: 0;
    position: relative;
    background-color: #2baaa0;
    width: 100%;
    box-sizing: border-box;
    border-radius: 0 0 10px 10px;
}

.vertical-text {
    z-index: 5;
    position: absolute;
    right: 4%;
    bottom: 14%;
    font-size: 22px;
    font-weight: 700;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
}

.vertical-text-desktop {
    display: none;
}

.webinar-s1-responsive {
    display: none;
}

.webinar-picture-details .darkblue-text {
    display: block;
}

@media (max-width: 1650px) {
    .webinar-s1 .right-bottom .section-text-2 {
        width: calc(100% - 100px);
    }
}

@media (max-width: 1400px) {
    .vertical-text {
        right: 1%;
    }

    .webinar-bg-3::before {
        left: 1%;
    }
}

@media (max-width: 1300px) {
    .vertical-text {
        display: none;
    }

    .vertical-text-desktop {
        display: block;
        font-size: 22px;
        font-weight: 700;
        margin-top: 40px;
    }
}

@media (max-width: 1201px) {
    .webinar-picture.left {
        margin-top: -400px;
    }

    .webinar-s1 .elem.left {
        margin-right: 10px;
    }
}

@media (max-width: 1060px) {
    .webinar-picture.left {
        margin-right: 40px;
    }
}

@media (max-width: 1050px) {
    .webinar-s1-responsive {
        display: block;
    }

    .webinar-s1-desktop,
    .webinar-bg-3::before,
    .webinar-picture.right::before,
    .webinar-s1 .section-title-1 br,
    .webinar-s1 .section-text-2 br,
    .webinar-bg-1::before,
    .webinar-picture.left::after {
        display: none;
    }

    .webinar-picture.left {
        margin-top: 0;
    }

    .webinar-picture.right {
        margin-bottom: 0;
        width: 273px;
    }

    .webinar-s1 .opti-container-lg.flex-spbtwn {
        flex-wrap: wrap;
    }

    .webinar-s1 .elem.left {
        width: 100%;
    }

    .webinar-s1 .section-text-2 {
        width: 100%;
        margin-right: 0;
        margin-top: 35px;
        margin-bottom: 55px;
    }

    .webinar-picture.left {
        width: 273px;
        background-color: #2baaa0;
        border-radius: 10px;
    }

    .webinar-picture.left>.webinar-img {
        height: 336px;
        width: 100%;
        box-sizing: border-box;
    }

    .webinar-picture.left .webinar-picture-details {
        position: relative;
        top: 0;
        left: 0;
        box-sizing: border-box;
        border-radius: 0 0 10px 10px;
        width: 100%;
    }

    .webinar-s1 .elem.right.flex-spbtwn {
        align-items: stretch;
        width: 100%;
        justify-content: space-evenly;
    }

    .webinar .header-section {
        padding-top: 200px;
    }

    .webinar-s1 .section-title-1 {
        margin-bottom: 20px;
    }

    .webinar-picture.right .webinar-picture-details {
        min-height: 96px;
    }

    .vertical-text-desktop {
        padding-bottom: 40px;
    }

    .webinar-date .btn.btn-black {
        z-index: 0;
        right: -2px;
    }
}

@media (max-width: 1050px) {
    .webinar-date {
        margin-top: 0;
        margin-bottom: 0;
    }

    .webinar-s1 .section-text-2 {
        margin-top: 15px;
        margin-bottom: 30px;
    }

    .vertical-text-desktop {
        margin-top: 35px;
    }

    .webinar-s1 .right-bottom {
        bottom: 20%;
        width: 90%;
    }

    .webinar-s1 .right-bottom .section-text-2 {
        margin-bottom: 0;
    }

    .webinar-s1 .webinar-s1-responsive .section-text-2 {
        display: none;
    }
}

@media (max-width: 991px) {
    .webinar .header-section {
        padding-top: 120px;
    }

    .webinar .menuButton span {
        background: #2baaa0;
    }
}

@media (max-width: 767px) {
    .webinar-date {
        font-size: 22px;
        width: 510px;
    }

    .webinar-date .btn.btn-black {
        font-size: 26px;
    }

    .webinar-s1 .right-bottom {
        bottom: 18%;
    }
}

@media (max-width: 580px) {
    .webinar-date {
        font-size: 16px;
        width: 405px;
    }

    .webinar-date .btn.btn-black {
        font-size: 22px;
    }

    .webinare-date-info {
        padding: 10px 15px 10px 20px;
    }

    .webinar-s1 .section-text-2 {
        font-size: 16px;
    }

    .webinar-s1 .section-title-1 {
        font-size: 30px;
    }

    .webinar-s1 .section-text-4 {
        font-size: 28px;
    }

    .webinar-picture.left>.webinar-img,
    .webinar-picture.right>.webinar-img {
        height: 270px;
    }

    .webinar-picture-details {
        font-size: 16px;
    }

    .webinar-picture.right .webinar-picture-details {
        min-height: 84px;
    }

    .webinar-picture.left>.webinar-img,
    .webinar-picture.right>.webinar-img {
        height: 280px;
    }

    .webinar .header-section {
        padding-top: 90px;
    }

    .webinar-picture.left {
        margin-right: 10px;
    }

    .webinar-s1 .right-bottom .section-text-2 {
        font-size: 15px;
    }

    .webinar-s1 .right-bottom {
        padding: 20px 20px 20px 5px;
    }

    .webinar-s1 .right-bottom img {
        width: 40px;
    }

    .webinar-picture-details {
        padding: 10px;
    }
}

@media (max-width: 460px) {
    .webinar-date {
        font-size: 14px;
    }

    .webinar-date .btn.btn-black {
        font-size: 16px;
        padding: 0 13px;
        top: -2px;
        right: -2px;
    }

    .webinar-date {
        width: 295px;
    }

    .webinare-date-info {
        padding: 10px;
    }

    .webinar-picture-details {
        font-size: 12px;
    }

    .webinar-picture-details>.green-text,
    .darkblue-text {
        margin-top: 10px;
        display: block;
    }

    .webinar-s1 .section-text-2 {
        font-size: 15px;
        margin-top: 25px;
        margin-bottom: 40px;
    }

    .webinar-s1 .section-title-1 {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .webinar .section-text-4 {
        font-size: 16px;
    }

    .webinar-s1 .webinar-s1-responsive .section-text-2 {
        margin-top: 0;
    }

    .webinar-s1 .opti-container-lg.flex-spbtwn {
        padding-left: 0;
        padding-right: 0;
    }

    .webinar-picture.right .webinar-picture-details {
        min-height: 78px;
    }

    .vertical-text-desktop {
        margin-top: 25px;
        padding-bottom: 25px;
        font-size: 14px;
    }

    .webinar-s1 .webinar-s1-responsive .section-text-2 {
        margin-bottom: 20px;
    }

    .webinar-picture.left>.webinar-img,
    .webinar-picture.right>.webinar-img {
        height: 220px;
    }
}

@media (max-width: 380px) {

    .webinar-picture.left>.webinar-img,
    .webinar-picture.right>.webinar-img {
        height: 145px;
        width: 150px;
        background-position: top center;
    }

    .webinar-picture.left {
        width: 150px;
        margin-right: 10px;
    }

    .webinar-picture.right {
        width: 150px;
    }

    .webinar-s1 .elem.right.flex-spbtwn {
        justify-content: space-between;
    }

    .webinar-bg-2::after,
    .webinar-bg-2::before {
        display: none;
    }

    .webinar .header.teal-background.dt::before {
        background-image: url(../../images/new/webinar/wbinar-bg-header-mobile.svg);
        display: block;
        background-position: top 0 right 0;
        background-size: 60%;
        z-index: 1;
    }
}

@media (max-width: 350px) {

    .webinar-picture.left>.webinar-img,
    .webinar-picture.right>.webinar-img {
        width: unset;
        max-width: 150px;
    }

    .webinar-date .btn.btn-black {
        font-size: 14px;
    }

    .webinar-date {
        width: 268px;
    }

    .webinar-s1 .right-bottom {
        bottom: 17%;
    }
}

/* Header - END */


/* Section 2 - START */

.webinar-s2 {
    padding-top: 110px;
    position: relative;
}

.webinar-s2 .elem.left {
    position: absolute;
    top: calc(50% - 110px);
    left: 0;
    width: 50%;
    text-align: center;
}

.webinar-s2 .elem.right {
    width: calc(60% - 115px);
    margin-left: auto;
    padding-left: 115px;
    margin-bottom: 75px;
}

.webinar-s2 .section-text-2 {
    width: 425px;
}

.webinar-s2 .elem.right .btn.btn-black {
    margin-top: 30px;
    background-color: #2baaa0;
}

.webinar-s2 .right-bottom .section-text-2 {
    font-weight: 700;
    color: #fff;
    margin-left: 45px;
}

@media (max-width: 1201px) {
    .webinar-s2 .elem.left {
        position: relative;
        top: 0;
        width: 50%;
    }

    .webinar-s2 .elem.left>img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .webinar-s2 .opti-container-xxl {
        display: flex;
    }

    .webinar-s2 .elem.right {
        width: 48%;
        padding-left: 70px;
        margin-left: unset;
    }
}

@media (max-width: 991px) {

    .webinar-s2 .elem.left,
    .webinar-s2 .elem.right,
    .webinar-s2 .section-text-2 {
        width: 100%;
    }

    .webinar-s2 .opti-container-xxl {
        flex-wrap: wrap;
    }

    .webinar-s2 .elem.left>img {
        width: unset;
        height: unset;
        object-fit: unset;
    }

    .section-title-3 br {
        display: none;
    }

    .webinar-s2 .elem.right {
        padding-left: 0;
    }

    .webinar-s2 .right-bottom {
        padding-right: 35px;
    }
}

@media (max-width: 767px) {
    .webinar-s2 .right-bottom .section-text-2 {
        font-size: 14px;
        margin-left: 20px;
    }

    .webinar-s2 .right-bottom>img {
        width: 35px;
    }
}

@media (max-width: 580px) {
    .webinar-s2 {
        padding-top: 30px;
    }

    .webinar-s2 .right-bottom {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .webinar-s2 .elem.right {
        margin-bottom: 40px;
    }

    .webinar-s2 .right-bottom .section-text-2 {
        margin-left: 20px;
    }

    .webinar-s2 .elem.left>img {
        max-width: 100%;
    }
}

@media (max-width: 460px) {
    .webinar-s2 .right-bottom {
        display: none;
    }

    .webinar-s2 {
        padding-bottom: 0;
    }

    .webinar-s2 .elem.right {
        margin-bottom: 0;
    }
}

/* Section 2 - END */


/* Section 3 - START */

.webinar-s3 {
    margin-top: 115px;
    padding-top: 110px;
    position: relative;
}

.webinar-bg {
    position: relative;
}

.webinar-bg-4::before,
.webinar-bg-4::after {
    content: "";
    position: absolute;
    z-index: -1;
    background-repeat: no-repeat;
}

.webinar-bg-4::before {
    background-image: url(../../images/new/webinar/webinar-bg-7.svg);
    background-size: 100%;
    background-position: top 0 left 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.webinar-bg-4::after {
    background-image: url(../../images/new/webinar/webinar-bg-8.svg);
    background-size: contain;
    background-position: center;
    width: 174px;
    height: 122px;
    bottom: 5%;
    right: 3%;
}

.webinar-s3 .bottom {
    border-radius: 10px;
    overflow: hidden;
    margin-top: 50px;
    font-size: 0;
}

.webinar-s3 .bottom img {
    width: 100%;
    position: relative;
    z-index: 0;
}

.webinar .bottom-text {
    font-size: 23px;
    font-weight: 700;
    color: #fff;
    background-color: #002b44;
    margin-top: 0;
    padding: 35px 72px;
    margin-top: -2px;
    position: relative;
    z-index: 1;
}

.btn.btn-black.webinar-form-btn {
    cursor: pointer;
    width: fit-content;
    width: -moz-fit-content;
}

@media (max-width: 1201px) {
    .webinar-s3 {
        margin-top: 0;
    }
}

@media (max-width: 1050px) {
    .webinar-s3 {
        margin-top: 0;
        padding-top: 80px;
    }
}

@media (max-width: 767px) {
    .webinar .bottom-text {
        padding: 30px 20px;
        font-size: 16px;
    }

    .webinar-bg-4::before {
        background-image: url(../../images/new/webinar/webinar-bg-7-mobile.svg);
    }
}

@media (max-width: 580px) {
    .webinar-s3 {
        margin-top: 40px;
        padding-top: 50px;
    }
}

@media (max-width: 460px) {
    .webinar .bottom-text {
        font-size: 15px;
        padding: 20px;
    }

    .webinar-bg-4::before {
        background-size: 160%;
    }
}

/* Section 3 - END */


/* Section 4 - START */

.webinar-bg-5,
.webinar-bg-5::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}


.webinar-bg-5::before {
    content: "";
    background-image: url(../../images/new/webinar/webinar-bg-9.svg);
    background-size: 111%;
    background-position: top 0 left 0;
    background-repeat: no-repeat;
}

.webinar-bg-dots {
    padding-top: 76px;
    position: relative;
    z-index: 9;
}

.webinar-bg-dots::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 232px;
    height: 400px;
    background-image: url(../../images/new/webinar/webinar-bg-6.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.webinar-s4 {
    padding-top: 203px;
    position: relative;
}

.webinar-s4-intro {
    margin-bottom: 78px;
}

.webinar-s4 .section-title-1 {
    margin-bottom: 35px;
}

.webinar-s4 .section-text-2 {
    max-width: 790px;
}

.webinar-s4-pic {
    width: 278px;
    height: 650px;
    background-size: cover;
    background-position: center;
    border: 3px solid #002b44;
    border-radius: 10px;
    overflow: hidden;
}

.webinar-s4-top,
.webinar-s4-bottom {
    position: relative;
}

.webinar-s4-top::before,
.webinar-s4-bottom::after {
    content: "";
    position: absolute;
    top: 3%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    z-index: -1;
    width: 130px;
    height: 97px;
}

.webinar-s4-top::before {
    left: 1%;
    background-image: url(../../images/new/webinar/webinar-bg-10.svg);
}

.webinar-s4-bottom::after {
    right: 1%;
    background-image: url(../../images/new/webinar/webinar-bg-11.svg);
}

.webinar-s4-top {
    margin-bottom: 65px;
}

.webinar-s4-top .webinar-s4-pic {
    background-image: url(../../images/new/webinar/corina-grigorovici.jpg);
}

.webinar-s4-bottom .webinar-s4-pic {
    background-image: url(../../images/new/webinar/marian-calborean-opti.jpg);
}

.webinar-s4-textblock {
    width: calc(100% - 350px);
}

.webinar-s4 h4 {
    margin-top: 5px;
}

.webinar-s4 h4>.green-text {
    font-size: 19px;
}

.webinar-s4 .section-text-4 {
    margin-bottom: 5px;
}

.webinar-s4 .section-text-2 {
    margin-top: 15px;
    margin-bottom: 15px;
}

.webinar-s4-top .section-list,
.webinar-s4-bottom .section-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.webinar-s4-top .section-list>li {
    width: 40%;
    margin: 15px 0;
}

.webinar-s4-bottom .section-list {
    max-width: 470px;
}

.webinar-s4-bottom .section-list>li {
    margin: 15px 0;
}

.webinar-s4-bottom .section-list>li:nth-child(2),
.webinar-s4-bottom .section-list>li:nth-child(3) {
    width: 40%;
}

.section-list>li::before {
    background-image: url(../../images/new/webinar/webinar-checked.svg);
}

.webinar-s4-footer {
    margin-top: 190px;
}

.webinar-s4-footer .section-list {
    max-width: 400px;
}

.webinar-s4-speaker-mobile {
    display: none;
}

@media (min-width: 1650px) {
    .webinar-bg-5::before {
        background-size: 125%;
        background-image: url(../../images/new/webinar/webinar-bg-9-extra.svg);
    }
}

@media (max-width: 1400px) {
    .webinar-s4 {
        padding-top: 130px;
    }
}

@media (max-width: 1201px) {

    .webinar-bg-7,
    .webinar-s4-top::before,
    .webinar-s4-bottom::after {
        display: none;
    }

    .webinar-bg-5::before {
        background-size: 150%;
    }
}

@media (max-width: 1050px) {
    .webinar-bg-5::before {
        background-size: 160%;
    }

    .webinar-s4-footer {
        margin-top: 110px;
    }

    .webinar-s4-textblock {
        width: calc(100% - 320px);
    }

    .webinar-s4-top .section-list>li {
        width: 42%;
    }

    .webinar-s4 {
        padding-top: 120px;
    }
}

@media (max-width: 991px) {
    .webinar-s4-footer {
        margin-top: 50px;
    }
}

@media (max-width: 901px) {
    .webinar-bg-5::before {
        background-size: 190%;
    }

    .webinar-s4-footer .section-text-5 {
        margin-right: 30px;
    }

    .webinar-s4-footer .section-text-5>br {
        display: none;
    }
}

@media (max-width: 769px) {
    .webinar-bg-5::before {
        background-image: url(../../images/new/webinar/webinar-bg-9-mobile.svg);
        background-size: 160%;
    }

    .webinar-s4-footer {
        flex-wrap: wrap;
    }

    .webinar-s4-footer br {
        display: none;
    }

    .webinar-s4-footer .section-list,
    .webinar-s4-bottom .section-list {
        max-width: 100%;
    }

    .webinar-s4-top .flex-spbtwn,
    .webinar-s4-bottom .flex-spbtwn {
        flex-wrap: wrap;
    }

    .webinar-s4-textblock {
        width: 100%;
    }

    .webinar-s4-bottom .webinar-s4-textblock {
        order: 1;
    }

    .webinar-s4-bottom .webinar-s4-pic {
        order: 0;
    }

    .webinar-s4-top .webinar-s4-pic,
    .webinar-s4-bottom .webinar-s4-pic {
        margin-bottom: 32px;
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        background-position: top center;
    }

    .webinar-s4-pic {
        height: 480px;
    }

    .webinar-s4-top .webinar-s4-pic {
        background-image: url(../../images/new/webinar/corina-grigorovici-mobile.jpg);
    }

    .webinar-s4-bottom .webinar-s4-pic {
        background-image: url(../../images/new/webinar/marian-calborean-opti.jpg);
    }

    .webinar-s4-footer {
        margin-top: 70px;
    }

    .webinar-s4-speaker-mobile {
        display: block;
        margin-bottom: 30px;
    }

    .webinar-s4-speaker-desktop {
        display: none;
    }

    .webinar-s4 .section-text-2 {
        margin-bottom: 30px;
    }

    .webinar-s4-intro {
        margin-bottom: 50px;
    }

    .webinar-bg-dots::after {
        width: 140px;
    }

    .webinar-s4 {
        padding-top: 70px;
    }
}

@media (max-width: 580px) {
    .webinar-bg-5::before {
        background-size: 185%;
        background-position: top 0 left -200px;
    }

    .webinar-s4-top .section-list>li,
    .webinar-s4-bottom .section-list>li {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .webinar-s4 h4>.green-text {
        font-size: 17px;
    }

    .section-list>li::before {
        background-image: url(../../images/new/webinar/webinar-checked-mobile.svg);
    }

    .webinar-bg-dots {
        padding-top: 0;
    }
}

@media (max-width: 460px) {
    .webinar-bg-5::before {
        background-size: 230%;
    }

    .webinar-s4-top .section-list>li,
    .webinar-s4-bottom .section-list>li:nth-child(2),
    .webinar-s4-bottom .section-list>li:nth-child(3) {
        width: 100%;
    }

    .webinar-s4-top .webinar-s4-pic,
    .webinar-s4-bottom .webinar-s4-pic {
        width: 100%;
        height: 350px;
        margin-bottom: 15px;
    }

    .webinar-s4-bottom .webinar-s4-pic {
        background-image: url(../../images/new/webinar/marian-calborean-opti.jpg);
    }

    .webinar-s4-speaker-mobile {
        margin-bottom: 15px;
    }

    .webinar-s4-textblock .section-text-2 {
        padding-left: 5px;
        padding-right: 5px;
    }

    .webinar-s4-top {
        margin-bottom: 35px;
    }

    .webinar-bg-dots::after {
        top: 3%;
    }
}

@media (max-width: 380px) {
    .webinar-bg-5::before {
        background-size: 280%;
    }

    .webinar-s4-top .webinar-s4-pic,
    .webinar-s4-bottom .webinar-s4-pic {
        height: 270px;
    }

    .webinar-s4-textblock br {
        display: none;
    }

    .webinar-s4-footer {
        margin-top: 40px;
    }
}

@media (max-width: 340px) {
    .webinar-bg-5::before {
        background-size: 340%;
    }
}


/* Section 5 - START */

.webinar-s5 {
    background-color: #002b44;
    padding-top: 61px;
    padding-bottom: 98px;
    color: #fff;
    margin-top: 90px;
}

.webinar-s5 .opti-container-md {
    position: relative;
}

.webinar-s5-btn {
    position: absolute;
    bottom: -135px;
    left: 50px;
    width: calc(100% - 100px);
    display: block;
}

.webinar-s5 .btn.btn-teal {
    width: 100%;
    font-size: 36px;
    font-weight: 700;
    text-align: center;
    transition: filter .25s linear, box-shadow .25s linear;
    padding-left: 0;
    padding-right: 0;
}

.webinar-s5 .btn.btn-teal:hover {
    opacity: 1;
    filter: brightness(105%);
}

@media (max-width: 991px) {
    .webinar-s5 {
        margin-top: 40px;
    }
}

@media (max-width: 769px) {
    .webinar-s5 .btn.btn-teal {
        font-size: 32px;
    }
}

@media (max-width: 580px) {
    .webinar-s5 {
        padding-top: 36px;
        padding-bottom: 60px;
    }

    .webinar-s5 .section-text-6 {
        font-size: 16px;
    }

    .webinar-s5-btn {
        bottom: -82px;
    }

    .webinar-s5 .btn.btn-teal {
        font-size: 16px;
    }
}

@media (max-width: 380px) {
    .webinar-s5 .section-text-6 {
        font-size: 12px;
    }

    .webinar-s5 .btn.btn-teal {
        font-size: 13px;
    }

    .webinar-s5 {
        padding-top: 20px;
        padding-bottom: 42px;
    }

    .webinar-s5-btn {
        bottom: -60px;
    }
}


/* Section 6 - START */

.webinar-s6 {
    padding-top: 90px;
    position: relative;
    z-index: 10;
}

.webinar-bg-8 {
    position: absolute;
    display: block;
    top: 50%;
    left: -2%;
    height: 3px;
    width: 230px;
    background-image: url(../../images/new/webinar/webinar-bg-12.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    transform: rotate(90deg);
}

.webinar-s6 .section-text-2 {
    color: #2baaa0;
    max-width: 440px;
}

.webinar-s6-schema {
    position: relative;
}

.webinar-s6 .schema {
    margin-top: 50px;
    overflow: hidden;
    position: relative;
}

.webinar-s6 .schema>img {
    width: 112%;
    margin-left: -11%;
}

.webinar-s6 .schema-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.webinar-s6 .schema-content .opti-container-md {
    position: relative;
    height: 100%;
}

.schema-elem,
.schema-elem-right {
    position: absolute;
    font-size: 23px;
    font-weight: 700;
    font-family: 'Figtree Th';
    left: 25px;
}

.schema-elem.schema-1 {
    top: 8%;
}

.schema-elem.schema-2 {
    top: 38%;
}

.schema-elem.schema-3 {
    top: 66%;
}

.schema.mobile {
    display: none;
}

.schema-elem-right {
    font-size: 16px;
    font-family: 'Figtree Rg';
    font-weight: 700;
    color: #2baaa0;
    text-align: right;
}

.schema-elem-right.schema-4 {
    top: 20%;
    right: -8%;
}

.schema-elem-right.schema-5 {
    top: 52%;
    right: 8%;
}

.schema-elem-right.schema-6 {
    text-align: right;
    top: 80%;
    right: 28%;
}

.schema.desktop .vertical-text {
    right: 4%;
    bottom: 28%;
}

@media (max-width: 1800px) {
    .schema-elem-right.schema-4 {
        right: -2%;
    }

    .schema-elem-right.schema-5 {
        right: 12%;
    }

    .schema-elem-right.schema-6 {
        right: 32%;
    }
}

@media (min-width: 1600px) {
    .schema-elem {
        left: -12%;
    }
}

@media (max-width: 1600px) {
    .schema-elem-right.schema-4 {
        right: 4%;
    }

    .schema-elem-right.schema-5 {
        right: 16%;
        top: 51%;
    }

    .schema-elem-right.schema-6 {
        right: 33%;
        top: 79%;
    }

    .schema-elem {
        left: -5%;
    }
}

@media (max-width: 1400px) {
    .webinar-s6 .schema>img {
        width: 109%;
        margin-left: -7%;
    }

    .schema-elem-right.schema-4 {
        right: 8%;
        top: 19%;
    }

    .schema-elem-right.schema-5 {
        right: 18%;
        top: 49%;
    }

    .schema-elem {
        left: 25px;
    }

    .schema.desktop .vertical-text {
        right: 3%;
        bottom: 23%;
    }
}

@media (max-width: 1300px) {
    .schema.desktop .vertical-text {
        display: block;
        right: 1%;
    }
}

@media (min-width: 1201px) {
    .webinar-s6 .schema>img {
        width: 108%;
        margin-left: -7%;
    }
}

@media (max-width: 1201px) {
    .webinar-bg-8 {
        display: none;
    }

    .webinar-s6 .schema>img {
        width: 115%;
        margin-left: -12%;
    }

    .schema-elem-right.schema-4 {
        right: 13%;
        top: 18%;
    }

    .schema-elem-right.schema-5 {
        right: 22%;
        top: 48%;
    }

    .schema-elem-right.schema-6 {
        right: 35%;
        top: 77%;
    }

    .schema.desktop .vertical-text {
        bottom: 21%;
    }
}

@media (max-width: 1050px) {
    .schema.desktop {
        display: none;
    }

    .schema.mobile {
        display: block;
    }

    .webinar-s6 .schema>img {
        width: 100%;
        margin-left: 0;
    }
}

@media (max-width: 991px) {
    .webinar-s6 .schema>img {
        width: 110%;
        margin-left: 0;
    }

    .schema-elem-right.schema-4 {
        right: 5%;
    }

    .schema-elem-right.schema-5 {
        right: 13%;
        top: 48%;
    }

    .schema-elem-right.schema-6 {
        right: 25%;
    }

    .schema-elem.schema-3 {
        width: 135px;
        top: 58%;
    }
}

@media (max-width: 767px) {
    .schema-elem-right.schema-5 {
        right: 9%;
    }

    .schema-elem-right.schema-6 {
        right: 20%;
    }

    .schema-elem-right.schema-4 {
        right: 3%;
    }

    .schema-elem.schema-3 {
        top: 55%;
    }

    .schema-elem.schema-2 {
        top: 36%;
    }

    .schema-elem.schema-1 {
        top: 6%;
    }
}

@media (max-width: 600px) {
    .schema-elem-right {
        font-size: 12px;
        line-height: 1.2;
    }

    .webinar-s6 .schema>img {
        width: 100%;
    }

    .schema-elem-right.schema-4 {
        right: 9%;
    }

    .schema-elem-right.schema-5 {
        right: 15%;
        top: 47%;
    }

    .schema-elem-right.schema-6 {
        right: 24%;
    }

    .schema-elem {
        font-size: 15px;
    }

    .schema-elem.schema-3 {
        top: 56%;
        width: 105px
    }

    .schema-elem.schema-2 {
        top: 37%;
    }

    .schema-elem.schema-1 {
        top: 7%;
    }
}

@media (max-width: 580px) {
    .schema-elem {
        left: 23px;
    }
}

@media (max-width: 450px) {
    .schema-elem-right.schema-5 {
        right: 9%;
        top: 44%;
    }

    .schema-elem-right.schema-4 {
        right: 6%;
        top: 15%;
    }

    .schema-elem-right.schema-6 {
        right: 19%;
        top: 75%;
    }

    .schema-elem.schema-3 {
        top: 55%;
        line-height: 1.2;
    }

    .webinar-s6 {
        padding-top: 50px;
    }
}

@media (max-width: 380px) {
    .schema-elem {
        font-size: 12px;
        left: 4%;
    }

    .schema-elem.schema-3 {
        width: 85px;
    }
}

@media (max-width: 340px) {
    .schema-elem-right.schema-4 {
        right: 4%;
        top: 13%;
    }

    .schema-elem-right.schema-5 {
        right: 4%;
        top: 42%;
    }

    .schema-elem-right.schema-6 {
        right: 14%;
        top: 70%;
    }

    .schema-elem.schema-3 {
        top: 53%;
    }

    .schema-elem.schema-2 {
        top: 35%;
    }

    .schema-elem.schema-1 {
        top: 5%;
    }
}


/* Footer */

.webinar .footer {
    margin-top: 400px;
}

@media (max-width: 1050px) {
    .webinar .footer {
        margin-top: 300px;
    }
}

@media (max-width: 769px) {
    .webinar .footer {
        margin-top: 500px;
    }
}

@media (max-width: 580px) {
    .webinar .footer {
        margin-top: 400px;
    }

    .webinar .section-text-5 {
        font-size: 20px;
    }

    .webinar .section-text-4 {
        font-size: 26px;
    }
}

@media (max-width: 460px) {

    .webinar .section-text-4,
    .webinar .section-text-5 {
        font-size: 16px;
    }
}

@media (max-width: 380px) {
    .webinar .footer {
        margin-top: 370px;
    }
}


/* Webinar - form */

.webinar-form {
    max-width: 800px;
    background-color: #F3F9FE;
    border-radius: 27px;
    margin-left: 20px;
    margin-right: 20px;
    overflow: hidden;
}

.webinar-form-bg-1::before,
.webinar-form-bg-1::after,
.webinar-form-bg-2::before,
.webinar-form-bg-2::after {
    content: "";
    position: absolute;
    z-index: 0;
    background-size: contain;
    background-position: top 0 left 0;
    background-repeat: no-repeat;
}

.webinar-form-bg-1::before {
    top: 22%;
    left: 0;
    width: 62px;
    height: 168px;
    background-image: url(../../images/new/webinar/webinar-form-bg-1.svg);
}

.webinar-form-bg-1::after {
    bottom: 7%;
    left: 3%;
    width: 3px;
    height: 229px;
    background-image: url(../../images/new/webinar/webinar-form-bg-2.svg);
}

.webinar-form-bg-2::before {
    bottom: 0;
    right: 0;
    width: 607px;
    height: 507px;
    background-image: url(../../images/new/webinar/webinar-form-bg-3.svg);
}

.webinar-form-bg-2::after {
    bottom: 26%;
    right: 2%;
    width: 37px;
    height: 42px;
    background-image: url(../../images/new/webinar/webinar-bg-3.svg);
    z-index: 1;
}

.webinar-form-header {
    font-size: 45px;
    font-weight: 700;
    background-color: #2baaa0;
    color: #fff;
    text-align: center;
    border-radius: 27px 27px 0 0;
    padding-top: 25px;
    padding-bottom: 25px;
    position: relative;
    z-index: 1;
}

.close-btn {
    position: absolute;
    top: 10%;
    right: 3%;
    font-size: 34px;
    cursor: pointer;
    transition: color .25s linear;
    -webkit-tap-highlight-color: transparent;
}

.close-btn:hover {
    color: red;
}

.webinar-form-container {
    padding: 46px 95px 38px 95px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    z-index: 1;
    position: relative;
}

.webinar-form-container label {
    display: block;
}

.webinar-form-container .label-input>input,
.webinar-form-container .label-textarea>textarea {
    display: block;
    width: 100%;
    border-radius: 6px;
    border: 1px solid #2baaa0;
    box-sizing: border-box;
    outline: none;
    font-size: 28px;
    font-family: 'Figtree Th';
    font-weight: 100;
    padding-left: 33px;
    padding-right: 33px;
}

.webinar-form-container .label-textarea>textarea {
    padding-top: 20px;
    padding-bottom: 20px;
    max-height: 240px;
}

.webinar-form-container .label-input>input:focus-visible,
.webinar-form-container .label-textarea>textarea:focus-visible {
    outline: none;
}

.webinar-form-container .label-input>input {
    height: 69px;
    margin-top: 17px;
    margin-bottom: 17px;
}

.webinar-form-container .label-input.text,
.webinar-form-container .label-input.phone {
    width: calc(50% - 17px);
}

.webinar-form-container .label-input.email {
    width: 100%;
}

.webinar-form-container .label-textarea {
    width: 100%;
    margin-top: 17px;
}

.webinar-form-container .label-submit {
    margin-top: 34px;
    display: block;
    width: 100%;
}

.webinar-form-container .label-submit>input.btn.btn-teal {
    width: 100%;
    border: none;
    box-sizing: border-box;
    cursor: pointer;
    height: 72px;
    font-size: 36px;
    font-weight: 700;
}

.webinar-modal {
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    z-index: -2;
    opacity: 0;
    visibility: hidden;
    background-color: rgba(0, 0, 0, 0.75);
    transition: opacity .25s linear;
}

.webinar-form-modal .webinar-modal {
    z-index: 1001;
    opacity: 1;
    visibility: visible;
}

@media (max-height: 900px) {
    .webinar-form-header {
        font-size: 38px;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .webinar-form-container {
        padding: 25px 70px 35px 70px;
    }

    .webinar-form-container .label-textarea>textarea {
        max-height: 180px;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .webinar-form-container .label-input>input {
        height: 50px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .webinar-form-container .label-input>input,
    .webinar-form-container .label-textarea>textarea {
        font-size: 22px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .webinar-form-container .label-submit {
        margin-top: 20px;
    }

    .webinar-form-container .label-submit>input.btn.btn-teal {
        height: 54px;
        font-size: 26px;
    }

    .webinar-form-container .label-textarea {
        margin-top: 10px;
    }

    .webinar-form-container .label-input.text,
    .webinar-form-container .label-input.phone {
        width: calc(50% - 10px);
    }

    .webinar-form-bg-1::before {
        left: -1%;
    }

    .webinar-form-bg-2::before {
        bottom: -25%;
        right: -10%;
    }
}

@media (max-width: 901px) and (max-height: 900px) {
    .webinar-form-header {
        font-size: 38px;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .webinar-form-container {
        padding: 25px 70px 35px 70px;
    }

    .webinar-form-container .label-textarea>textarea {
        max-height: 180px;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .webinar-form-container .label-input>input {
        height: 50px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .webinar-form-container .label-input>input,
    .webinar-form-container .label-textarea>textarea {
        font-size: 22px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .webinar-form-container .label-submit>input.btn.btn-teal {
        height: 54px;
        font-size: 26px;
    }

    .webinar-form-container .label-textarea {
        margin-top: 10px;
    }

    .webinar-form-container .label-submit {
        margin-top: 20px;
    }

    .webinar-form-container .label-input.text,
    .webinar-form-container .label-input.phone {
        width: calc(50% - 10px);
    }

    .webinar-form-bg-1::before {
        left: -2%;
    }
}

@media (max-width: 769px) and (max-height: 900px) {
    .webinar-form-header {
        font-size: 38px;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .webinar-form-container {
        padding: 25px 40px 35px 40px;
    }

    .webinar-form-container .label-textarea>textarea {
        max-height: 180px;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .webinar-form-container .label-input>input {
        height: 50px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .webinar-form-container .label-input>input,
    .webinar-form-container .label-textarea>textarea {
        font-size: 22px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .webinar-form-container .label-submit {
        margin-top: 20px;
    }

    .webinar-form-container .label-submit>input.btn.btn-teal {
        height: 54px;
        font-size: 26px;
    }

    .webinar-form-container .label-textarea {
        margin-top: 10px;
    }

    .webinar-form-container .label-input.text,
    .webinar-form-container .label-input.phone {
        width: calc(50% - 10px);
    }

    .webinar-form-bg-1::before {
        left: -3%;
    }

    .webinar-form-bg-1::after {
        left: 2%;
    }

    .close-btn:hover {
        color: #fff;
    }
}

@media (max-width: 580px) and (max-height: 900px) {
    .webinar-form-container {
        padding: 20px 30px;
    }

    .webinar-form-header {
        font-size: 28px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .webinar-form-container .label-input>input,
    .webinar-form-container .label-textarea>textarea {
        font-size: 16px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .webinar-form-container {
        padding: 10px 30px 15px 30px;
    }

    .webinar-form-container .label-textarea>textarea {
        max-height: 110px;
    }

    .webinar-form {
        border-radius: 10px;
    }

    .webinar-form-header {
        border-radius: 10px 10px 0 0;
    }

    .webinar-form-container .label-submit>input.btn.btn-teal {
        height: 46px;
        font-size: 20px;
    }

    .webinar-form-bg-1::before {
        left: -5%;
    }

    .webinar-form-bg-2::before {
        bottom: -30%;
        right: -15%;
        width: 407px;
        height: 307px;
    }

    .webinar-form-bg-1::after {
        display: none;
    }
}

@media (max-height: 660px) {
    .webinar-form-container {
        padding: 20px 30px;
    }

    .webinar-form-header {
        font-size: 28px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .webinar-form-container .label-input>input,
    .webinar-form-container .label-textarea>textarea {
        font-size: 16px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .webinar-form-container {
        padding: 10px 30px 15px 30px;
    }

    .webinar-form-container .label-textarea>textarea {
        max-height: 110px;
    }

    .webinar-form {
        border-radius: 10px;
    }

    .webinar-form-header {
        border-radius: 10px 10px 0 0;
    }

    .webinar-form-container .label-submit>input.btn.btn-teal {
        height: 46px;
        font-size: 20px;
    }

    .webinar-form-bg-1::after {
        left: 2%;
    }

    .webinar-form-container .label-input>input {
        margin-top: 5px;
        margin-bottom: 5px;
        height: 46px;
    }

    .close-btn {
        font-size: 26px;
        top: 13%;
        right: 2%;
    }
}

@media (max-width: 600px) and (max-height: 660px) {
    .webinar-form-container {
        padding: 20px 30px;
    }

    .webinar-form-header {
        font-size: 28px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .webinar-form-container .label-input>input,
    .webinar-form-container .label-textarea>textarea {
        font-size: 16px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .webinar-form-container {
        padding: 10px 30px 15px 30px;
    }

    .webinar-form-container .label-textarea>textarea {
        max-height: 110px;
    }

    .webinar-form {
        border-radius: 10px;
    }

    .webinar-form-header {
        border-radius: 10px 10px 0 0;
    }

    .webinar-form-container .label-submit>input.btn.btn-teal {
        height: 46px;
        font-size: 20px;
    }

    .webinar-form-container .label-submit {
        margin-top: 20px;
    }

    .webinar-form-container .label-textarea {
        width: 100%;
        margin-top: 10px;
    }

    .webinar-form-bg-2::before {
        bottom: -30%;
        right: -15%;
        width: 407px;
        height: 307px;
    }

    .close-btn {
        font-size: 26px;
        top: 13%;
        right: 2%;
    }

    .webinar-form-container .label-input>input {
        margin-top: 5px;
        margin-bottom: 5px;
        height: 46px;
    }
}

@media (max-width: 580px) and (max-height: 900px) {
    .webinar-form-container .label-input>input {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .webinar-form-container .label-textarea {
        margin-top: 5px;
    }

    .webinar-form-container .label-submit {
        margin-top: 10px;
    }

    .webinar-form-container .label-input>input {
        height: 36px;
    }

    .webinar-form-container .label-input>input,
    .webinar-form-container .label-textarea>textarea {
        font-size: 14px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .webinar-form-container .label-submit>input.btn.btn-teal {
        height: 34px;
        font-size: 16px;
    }

    .webinar-form-header {
        font-size: 20px;
    }

    .webinar-form-container .label-input.text,
    .webinar-form-container .label-input.phone {
        width: calc(50% - 5px);
    }

    .webinar-form-container {
        padding: 10px 15px 15px;
    }

    .webinar-form-container .label-textarea>textarea {
        max-height: 80px;
    }

    .webinar-form-container .label-textarea>textarea {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

@media (max-width: 450px) and (max-height: 500px) {
    .webinar-form-container .label-input>input {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .webinar-form-container .label-textarea {
        margin-top: 5px;
    }

    .webinar-form-container .label-submit {
        margin-top: 10px;
    }

    .webinar-form-container .label-input>input {
        height: 36px;
    }

    .webinar-form-container .label-input>input,
    .webinar-form-container .label-textarea>textarea {
        font-size: 14px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .webinar-form-container .label-submit>input.btn.btn-teal {
        height: 34px;
        font-size: 16px;
    }

    .webinar-form-header {
        font-size: 20px;
    }

    .webinar-form-container .label-input.text,
    .webinar-form-container .label-input.phone {
        width: calc(50% - 5px);
    }

    .webinar-form-container {
        padding: 10px 15px 15px;
    }

    .webinar-form-container .label-textarea>textarea {
        max-height: 80px;
    }

    .webinar-form-container .label-textarea>textarea {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

@media (max-width: 380px) {
    .close-btn {
        font-size: 16px;
        top: 13%;
        right: 3%;
    }
}

.btn.btn-teal.webinar-form-btn {
    cursor: pointer;
}


/* webinar - sticky-menu */

.webinar.sticky-main-menu .navbar-content {
    top: 0;
}


/* For Mozilla Firefox */

.firefox .webinar-picture.left .webinar-picture-details {
    right: -127%;
}

.firefox .webinar-date .btn.btn-black {
    z-index: 0;
}

@media (max-width: 1050px) {
    .firefox .webinar-picture.left .webinar-picture-details {
        right: 0;
    }
}


/* WEBINAR */

/* Header */

/* Social buttons */

.webinar-s1-content {
    position: relative;
}

.webinar-socialbtns {
    position: absolute;
    top: 0;
    left: 1%;
}

.webinar-socialbtns a {
    display: block;
    margin-top: 20px;
    margin-bottom: 20px;
}

.webinar-socialbtns a:first-child {
    margin-top: 0;
}

.webinar-socialbtns a>img {
    width: 50px;
}

@media (max-width: 1250px) {
    .webinar-socialbtns a>img {
        width: 40px;
    }

    .opti-container-xxl.webinar-s1-content {
        padding-left: 60px;
    }
}

@media (max-width: 1050px) {
    .opti-container-xxl.webinar-s1-content {
        padding-left: 25px;
    }

    .webinar-s1 .elem.left {
        padding-left: 60px;
    }

    .webinar-socialbtns {
        left: 2%;
    }
}

@media (max-width: 580px) {
    .webinar-s1 .elem.left {
        padding-left: 0;
        padding-right: 30px;
    }

    .webinar-socialbtns {
        left: unset;
        right: 3%;
    }
}

@media (max-width: 500px) {
    .webinar-s1 .elem.left {
        padding-right: 45px;
    }
}



/* WEBINAR - Facebook */

.section-facebook {
    padding-top: 150px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.section-facebook .section-title-1 {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}

.webinar-bg-fbc::before {
    content: "";
    position: absolute;
    top: -160px;
    right: 0;
    width: 32%;
    height: 33%;
    background-image: url(../../images/new/webinar/webinar-bg-facebook.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: top 0 right -31px;
}

.section-facebook .fbc-mobile {
    display: none;
}

.section-facebook .fbc-mobile-400 {
    display: none;
}

@media (max-width: 1600px) {
    .webinar-bg-fbc::before {
        width: 37%;
        height: 45%;
    }
}

@media (max-width: 1400px) {
    .webinar-bg-fbc::before {
        top: -85px;
        width: 40%;
    }
}

@media (max-width: 1201px) {
    .webinar-bg-fbc::before {
        top: -85px;
        width: 46%;
    }
}

@media (max-width: 1050px) {
    .webinar-bg-fbc::before {
        display: none;
    }
}

@media (max-width: 700px) {
    .section-facebook .fbc-mobile {
        display: block;
    }

    .section-facebook .fbc-desktop {
        display: none;
    }
}

@media (max-width: 400px) {

    .section-facebook .fbc-small,
    .section-facebook .fbc-mobile {
        display: none;
    }

    .section-facebook .fbc-mobile-400 {
        display: block;
    }

    .section-facebook {
        padding-top: 90px;
    }

    .section-facebook .section-title-1 {
        font-size: 21px;
    }
}


/* dupa webinar, dispar banner si butoane inscriere, apare banner now  */

.after-webinar .countdown-content {
    display: unset;
}

.after-webinar .countdown-content,
.banner-after-webinar,
.before-webinar .banner-after-webinar,
.banner-after-webinar,
.reg-webinar-hidden .btn.btn-black.webinar-form-btn,
.reg-webinar-hidden .btn.btn-teal.webinar-form-btn {
    display: none;
}

.after-webinar .countdown-content {
    display: none;
}

.after-webinar.sticky-main-menu .navbar-content {
    top: 0;
}

.reg-webinar-hidden.sticky-main-menu.mobileMenuActive .navbar-content {
    top: 0;
}

.reg-webinar-hidden.sticky-main-menu .navbar-content {
    top: 41px;
}

.reg-webinar-hidden .banner-after-webinar {
    text-align: center;
    padding: 10px 25px;
    background: #ff9327;
    color: #fff;
    display: block;
}

.banner-after-webinar a {
    transition: color .25s linear;
    color: #cb0200;
}

.banner-after-webinar a:hover {
    color: #002b44;
}

.reg-webinar-hidden.sticky-main-menu .banner-after-webinar {
    position: fixed;
    top: 0;
    width: calc(100% - 50px);
    z-index: 1003;
}

.banner-after-webinar .section-text-2 br {
    display: none;
}

.reg-webinar-hidden .webinar-s5 {
    padding-bottom: 61px;
}

/* inainte de webinar, apar btn inscriere */
.webinar-date .btn.btn-black {
    display: none;
}

.before-webinar .webinar-date .btn.btn-black {
    display: flex;
}

.reg-webinar-hidden .webinar-date {
    width: fit-content;
    width: -moz-fit-content;
    margin-right: 0;
}

.reg-webinar-hidden .webinare-date-info {
    padding: 20px;
}

.webinar-s5 .btn.btn-teal,
.vertical-text-desktop {
    display: none;
}

.before-webinar .webinar-s5 .btn.btn-teal,
.before-webinar .vertical-text-desktop {
    display: block;
}

.reg-webinar-hidden .webinar-s5 {
    padding-bottom: 61px;
}

.reg-webinar-hidden .webinar-s1 .opti-container-lg.flex-spbtwn {
    padding-bottom: 130px;
}

.reg-webinar-hidden .webinar-s1-responsive {
    padding-bottom: 50px;
}

.reg-webinar-hidden .webinar-s1 .vertical-text {
    display: none;
}

.vertical-text {
    bottom: 28%;
}

@media (min-width: 1300px) {
    .before-webinar .vertical-text-desktop {
        display: none;
    }
}

@media (max-width: 1050px) {
    .reg-webinar-hidden .webinar-s1 .opti-container-lg.flex-spbtwn {
        padding-bottom: 240px;
    }

    .reg-webinar-hidden .webinar-s1 .right-bottom {
        bottom: 18%;
    }
}

@media (max-width: 901px) {
    .after-webinar .banner-after-webinar .section-text-2 {
        font-size: 16px;
    }

    .banner-after-webinar .section-text-2 br {
        display: block;
    }

    .reg-webinar-hidden.sticky-main-menu .navbar-content {
        top: 40px;
    }

    .banner-after-webinar .section-text-2 {
        font-size: 16px;
    }
}

@media (max-width: 700px) {
    .reg-webinar-hidden.sticky-main-menu .banner-after-webinar {
        min-height: 45px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .banner-after-webinar .section-text-2 {
        font-size: 14px;
    }

    .reg-webinar-hidden.sticky-main-menu .navbar-content {
        top: 65px;
    }
}

@media (max-width: 640px) {
    .reg-webinar-hidden .webinar-s1 .right-bottom {
        bottom: 15%;
    }
}

@media (max-width: 580px) {
    .after-webinar .banner-after-webinar .section-text-2 {
        font-size: 14px;
    }

    .after-webinar .banner-after-webinar {
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .reg-webinar-hidden.sticky-main-menu .navbar-content {
        top: 65px;
    }

    .reg-webinar-hidden .webinar-s1 .opti-container-lg.flex-spbtwn {
        padding-bottom: 160px;
    }
}

@media (max-width: 460px) {
    .reg-webinar-hidden .webinar-s1 .right-bottom {
        bottom: 16%;
    }

    .reg-webinar-hidden.sticky-main-menu .banner-after-webinar {
        min-height: 50px;
    }

    .reg-webinar-hidden.sticky-main-menu .navbar-content {
        top: 70px;
    }
}

@media (max-width: 401px) {
    .banner-after-webinar .section-text-2 {
        font-size: 12px;
    }

    .reg-webinar-hidden .banner-after-webinar {
        padding-left: 15px;
        padding-right: 15px;
    }

    .reg-webinar-hidden.sticky-main-menu .banner-after-webinar {
        width: calc(100% - 30px);
    }
}

@media (max-width: 380px) {
    .after-webinar .banner-after-webinar .section-text-2 {
        font-size: 12px;
    }

    .banner-after-webinar a {
        display: block;
        width: 100%;
        text-align: center;
    }

    .reg-webinar-hidden .webinar-s1 .opti-container-lg.flex-spbtwn {
        padding-bottom: 210px;
    }

    .reg-webinar-hidden .webinar-s1-responsive {
        padding-bottom: 30px;
    }
}


@media (max-width: 1201px) {
    .home-s9.homepage-s9 .bg-design-9 {
        right: 290px;
    }
}

@media (max-width: 1050px) {
    .home-s9.homepage-s9 .bg-design-9 {
        right: 215px;
    }
}

@media (max-width: 991px) {

    .home-s9.homepage-s9 .bg-design-9,
    .home-s9::after {
        display: none;
    }
}


.after-webinar.reg-webinar-hidden.sticky-main-menu .navbar-content {
    top: 0;
}

.reg-webinar-hidden.mobileMenuActive .banner-after-webinar {
    display: none;
}


/* Flipsnack Link */

.flipsnack-link {
    color: #fff;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1;
    position: absolute;
    text-align: right;
    bottom: 0;
    right: 0;
    padding: 4px 12px;
    border-radius: 6px 0 0 0;
    font-size: 14px;
}

.solution-elem-img {
    position: relative;
}

.solution-elem-img img {
    position: relative;
    z-index: 0;
}

.flipsnack-link>a {
    color: #fff;
    text-decoration: underline;
    transition: color .25s linear;
}

.flipsnack-link>a:hover {
    color: #3cb2a9;
}


/* Hubspot center & Homepage - new cards */
/**** Hubspot center */
.hubspot-center .header {
    background-color: #f3f9fe;
}

.hubspot-center .text-image.hubspot-text-img .text-image-elem.left .section-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.hubspot-center .text-image.hubspot-text-img .text-image-elem.left .section-list>li {
    width: 45%;
    font-weight: 600;
    margin: 10px 5px 10px 0;
}

.hubspot-center .medical-bg-1 {
    padding-bottom: 30px;
}

.hubspot-center .laptop-section.reverse {
    margin-bottom: 70px;
}

.hubspot-center .medical-banner::before {
    display: none;
}

.hubspot-main {
    position: none;
}

.hubspot-bg1 {
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: -5%;
    left: 0;
    background-image: url(../../images/new/svg/bg-design-3.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: bottom 0 left 0;
    z-index: -2;
}

.hubspot-center .medical-bg-1a {
    top: 13%;
    background-size: 100%;
    background-image: url(../../images/new/new-pages/webinar-bg-7-mobile-2.svg);
}

.hubspot-center .md-s6.dt-s7.bubble {
    padding-top: 0;
}

.hubspot-center .dt-s4.laptop-section {
    padding-top: 200px;
}

.hubspot-center .text-image.image-text-2.hubspot-text-img {
    margin-top: 0;
    padding-top: 100px;
}

/* Hubspot Articles */
.hubspot-articles {
    padding-top: 150px;
}

.hubspot-articles .flex-spbtwn {
    flex-wrap: wrap;
}

.articles-elem {
    width: 45%;
    margin: 30px 0;
}

.articles-img {
    width: 120px;
    height: 120px;
    border-radius: 10px;
    overflow: hidden;
    display: block;
}

.articles-img>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.articles-right {
    padding: 0 20px;
    width: calc(100% - 140px);
    box-sizing: border-box;
}

.articles-right .section-title-5 {
    margin-bottom: 10px;
    font-size: 20px;
    font-family: 'Figtree Lt';
    font-weight: 600;
    margin-top: 0;
}

.articles-right .section-title-10 {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.articles-right .btn.btn-teal {
    padding: 5px 20px;
    margin-top: 20px;
    font-size: 16px;
}

/* HubSpot center - footer */
.hubspot-center .footer {
    margin-top: 400px;
}

/**** Homepage - new cards */
.header .card-black.hubspot-logo {
    min-width: 200px;
    transition: filter .25s linear;
    position: relative;
    padding-left: 0;
    padding-right: 0;
    background-color: #fe7301;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 15px;
    min-height: 105px;
}

.header .card-black.hubspot-logo:hover {
    filter: brightness(110%);
}

.card-black.hubspot-logo>img {
    width: 100%;
    margin-left: -10px;
    height: 100%;
    margin-top: -10px;
    object-fit: contain;
    margin-right: 0;
    border-radius: 5px;
}

.header .card-black.hubspot-logo .hubspot-orangecard-text {
    display: flex;
    justify-content: center;
    color: #fff;
    font-size: 14px;
}

.header .card-black.hubspot-logo img {
    margin-right: 0;
}

.header .card-black.hubspot-logo>span {
    display: block;
    text-align: center;
}

/* Modificari 30 Martie 2022 */
.hubspot-center .articles-img {
    width: 300px;
    max-width: 100%;
    height: 200px;
}

.hubspot-center .articles-right .section-title-5 {
    font-size: 22px;
}

.hubspot-center .articles-right .btn.btn-teal {
    padding: 10px 25px;
}

.home-s5 .boxes.flex-spbtwn .box-elem.hubspot-solutions {
    margin-left: auto;
    margin-right: auto;
}

.home-s5 .box-elem.hubspot-solutions .btn-transparent-green {
    color: #fff;
    background-color: #fe7301;
    padding: 8px 20px;
    border-radius: 5px;
}

.home-s5 .box-elem.hubspot-solutions .btn-transparent-green::after {
    display: none;
}

.home-s5 .box-elem.hubspot-solutions .btn-transparent-green {
    color: #fff;
    background-color: #fe7301;
    border: 2px solid #fff;
    padding: 5px 20px;
    border-radius: 5px;
    transition: background-color .25s linear, color .25s linear;
}

.hubspot-solutions .section-text-2 {
    color: #fff !important;
}

.hubspot-solutions h4.section-title-5 {
    color: #fff !important;
}

.home-s5 .boxes.flex-spbtwn .box-elem.hubspot-solutions {
    margin-left: auto;
    margin-right: auto;
    background-color: #fe7301;
    padding: 15px;
    border-radius: 6px;
}

.home-s5 .box-elem.hubspot-solutions .btn-transparent-green:hover {
    background-color: #fff;
    color: #fe7301;
}

/*  */

/* Dt+hubspot */

.hubspot-design .card-black {
    min-height: 120px;
    padding: 8px;
}

.header .hubspot-design .card-black.hubspot-logo {
    min-height: 125px;
    min-width: 180px;
}

.hubspot-design .card-black img {
    height: 35px;
}

@media (max-width: 1201px) {
    .hubspot-design .card-black img {
        height: 26px;
    }

    .hubspot-design .card-black {
        min-height: 110px;
    }

    .header .hubspot-design .card-black.hubspot-logo {
        min-width: 150px;
        min-height: 110px;
    }
}

@media (max-width: 901px) {
    section.cards.opti-container-xxl.white-text-card.hubspot-design {
        flex-wrap: wrap;
        justify-content: center;
    }

    .hubspot-design .card-black {
        min-height: 80px;
    }

    .header .hubspot-design .card-black {
        margin: 10px;
    }

    .card-black {
        width: 135px;
        margin-bottom: 10px;
    }
}

@media (max-width: 380px) {
    .header .hubspot-design .card-black {
        margin: 5px;
    }

    .header .hubspot-design .card-black.hubspot-logo {
        min-height: 80px;
    }
}

/*  */


@media (max-width: 1050px) {
    .header .card-black.hubspot-logo {
        padding-left: 10px;
        padding-right: 10px;
        min-width: 237px;
    }
}

@media (max-width: 769px) {
    .cards.green-text-card.hp-cards .card-black.hubspot-logo {
        min-width: unset;
    }
}

@media (max-width: 580px) {
    .cards.green-text-card.hp-cards .card-black.hubspot-logo {
        min-width: 234px;
    }
}

@media (max-width: 460px) {
    .cards.green-text-card.hp-cards .card-black.hubspot-logo {
        min-width: 158px;
    }
}

@media (max-width: 380px) {
    .header .card-black img {
        height: 25px;
    }

    .header .card-black.hubspot-logo .hubspot-orangecard-text {
        font-size: 12px;
    }
}


/***** Homepage - srac */

.srac-logo.d-flex {
    align-items: center;
    margin-top: 10px;
}

.srac-title {
    color: #fff;
    font-weight: 400;
    font-family: 'Figtree Th';
    margin-left: 10px;
    margin-top: 7px;
}


/***** Webinar - modif */

.banner-after-webinar .linkopti {
    color: #002b44;
}

.banner-after-webinar .linkopti:hover {
    color: #fff;
}

.navbar-rightmenu-contact.webinar-contact-btn .btn.btn-white {
    background-color: #cb0101;
    color: #fff;
}


/**** Responsive */

@media (min-width: 1980px) {
    .hubspot-center .medical-bg-1a {
        background-image: url(../../images/new/new-pages/webinar-bg-7-mobile-bigres.svg);
        background-size: 110%;
        top: 16%;
    }

    .hubspot-center .medical-bg-s1 {
        background-size: 75%;
        background-position: top -75px left -375px;
    }
}

@media (max-width: 1980px) {
    .hubspot-center .medical-bg-s1 {
        background-size: 85%;
    }
}

@media (max-width: 1600px) {
    .hubspot-bg1 {
        bottom: -3%;
        background-size: 134%;
    }

    .hubspot-center .medical-bg-s1 {
        background-size: 80%;
    }
}

@media (max-width: 1400px) {
    .hubspot-center .medical-bg-1a {
        background-size: 130%;
    }
}

@media (max-width: 1201px) {
    .hubspot-center .dt-bg-design-3::before {
        top: calc(27% + 10px);
    }

    .hubspot-center .footer {
        margin-top: 270px;
    }

    .hubspot-center .home-s5 {
        padding-bottom: 50px;
        padding-top: 70px;
    }

    .hubspot-center .text-image.image-text-2.hubspot-text-img {
        padding-top: 80px;
    }
}

@media (max-width: 1050px) {
    .cards.green-text-card.hp-cards {
        flex-wrap: wrap;
        justify-content: space-evenly;
    }

    .cards.green-text-card.hp-cards .card-black {
        margin: 15px 10px;
    }

    .hubspot-center .section-list>li::before,
    .hubspot-center .pagenotfound.antispam main section ul>li:before {
        width: 24px;
        height: 20px;
        top: 4px;
        left: -30px;
    }

    .hubspot-center .section-list>li,
    .hubspot-center .section-list-2>li>a>span {
        font-size: 16px;
    }

    .hubspot-center .footer {
        margin-top: 300px;
    }

    .hubspot-center .md-s6.dt-s7.bubble {
        padding-top: 0;
    }

    .hubspot-center .medical-bg-1a {
        background-size: 165%;
    }

    .hubspot-center .medical-bg-s1 {
        background-size: 90%;
        background-position: top 30px left -440px;
    }
}

@media (max-width: 1025px) {
    .header .card-black.hubspot-logo {
        padding-left: 0;
        padding-right: 0;
    }

    .card-black.hubspot-logo>img {
        width: calc(100%);
        margin-left: 0;
        object-fit: cover;
    }
}

@media (max-width: 991px) {
    .navbar-rightmenu-contact.webinar-contact-btn .btn.btn-white {
        background-color: #1aaba0;
    }
}

@media (max-width: 901px) {

    .hubspot-center .section-list>li::before,
    .hubspot-center .pagenotfound.antispam main section ul>li:before {
        width: 20px;
        height: 16px;
        top: 6px;
        left: -25px;
    }

    .hubspot-center .text-image.hubspot-text-img .text-image-elem.left .section-list {
        padding-left: 25px;
    }

    .hubspot-center .medical-bg-s1 {
        top: -2%;
        background-size: 130%;
        background-position: top 30px left -700px;
    }

    .hubspot-center .medical-bg-1a {
        background-size: 200%;
        top: 3%;
    }

    .hubspot-center .md-s4.three-bubbles-section {
        padding-bottom: 120px;
    }

    .hubspot-center .three-bubbles-section {
        padding-top: 50px;
    }

    .hubspot-center .medical-bg-s1 {
        background-position: top 30px left -600px;
        background-size: 117%;
    }

    .hubspot-center .dt-s4.laptop-section {
        padding-top: 140px;
    }

    .hubspot-articles {
        padding-top: 100px;
    }
}

@media (min-width: 800px) {
    .hubspot-center .text-image.image-text-2 .text-image-elem.left {
        width: 60%;
    }

    .text-image.image-text-2 .text-image-elem.right {
        width: 35%;
    }
}

@media (max-width: 769px) {
    .header .cards.opti-container-xxl.green-text-card.hp-cards {
        justify-content: space-evenly;
    }

    .header .hp-cards .card-black {
        width: 26%;
        box-sizing: border-box;
    }

    .cards.green-text-card.hp-cards .card-black.hubspot-logo {
        min-height: 110px;
        box-sizing: border-box;
    }

    .hubspot-center .medical-bg-s1 {
        top: 0;
        background-size: 120%;
        background-position: top 30px right -400px;
    }

    .hubspot-center .laptop-section.reverse {
        margin-bottom: 0;
    }

    .hubspot-center .md-s4.three-bubbles-section {
        padding-bottom: 120px;
    }

    .hubspot-center .footer {
        margin-top: 500px;
    }

    .hubspot-center .dt-s7.bubble::before {
        top: 110px;
    }

    .hubspot-bg1 {
        display: none;
    }

    .hubspot-center .dt-s4.laptop-section {
        padding-top: 70px;
    }

    .hubspot-center section.dt-s4.laptop-section .elem.right {
        width: 95%;
    }

    .hubspot-articles {
        padding-top: 40px;
    }
}

@media (max-width: 768px) {
    .articles-elem {
        width: 100%;
    }

    .articles-img {
        width: 200px;
        height: 150px;
    }
}

@media (max-width: 580px) {
    .header .hp-cards.hp-cards .card-black {
        width: 45%;
    }

    .card-black.hubspot-logo>img {
        height: 100%;
        margin-top: 0;
    }

    .cards.green-text-card.hp-cards .card-black.hubspot-logo {
        box-sizing: border-box;
        padding: 0;
    }

    .hubspot-center .text-image.hubspot-text-img .text-image-elem.left .section-list>li {
        width: 40%;
    }

    .hubspot-center .medical-bg-1 {
        padding-bottom: 50px;
    }

    .hubspot-center .medical-bg-s1 {
        background-size: 150%;
        top: 25%;
        background-position: top 30px right -240px;
    }

    .hubspot-center .md-s4.three-bubbles-section {
        padding-bottom: 70px;
    }

    .hubspot-center .footer {
        margin-top: 400px;
    }

    .hubspot-center .header.hp::after {
        top: -18%;
    }

    .hubspot-center .laptop-section .footer-text-1 br {
        display: none;
    }

    .articles-right .section-title-5 {
        font-size: 16px;
    }

    .articles-right .section-title-10,
    .articles-right .btn.btn-teal {
        font-size: 14px;
    }

    .hubspot-center .md-s4.three-bubbles-section .section-title-2 {
        margin-bottom: 0;
    }

    .hubspot-center .text-image.image-text-2 .text-image-elem.left .section-title-8 {
        font-size: 22px;
    }
}

@media (max-width: 460px) {
    .header .hp-cards.hp-cards .card-black {
        width: 40%;
    }

    .hubspot-center .text-image.hubspot-text-img .text-image-elem.left .section-list>li {
        width: 100%;
    }

    .hubspot-center .home-s5 {
        padding-top: 50px;
        padding-bottom: 30px;
    }

    .articles-img {
        width: 120px;
        height: 100px;
    }
}

@media (max-width: 380px) {
    .cards.green-text-card.hp-cards .card-black.hubspot-logo {
        min-height: 90px;
    }

    .cards.green-text-card.hp-cards .card-title {
        font-size: 20px;
    }

    .header .hp-cards.hp-cards .card-black {
        width: 42%;
    }

    .hubspot-center .medical-bg-s1 {
        background-size: 200%;
    }

    .hubspot-center .medical-bg-1a {
        background-size: 270%;
        top: 3%;
    }

    .hubspot-center .dt-s4.laptop-section {
        padding-top: 40px;
    }

    .hubspot-center .text-image.image-text-2.hubspot-text-img {
        padding-top: 65px;
    }

    .articles-elem.d-flex {
        display: block;
    }

    .articles-img>img {
        border-radius: 10px;
    }

    .articles-right {
        padding: 0 10px;
        width: 100%;
        margin-top: 15px;
    }

    .articles-img {
        width: 100%;
        height: 160px;
    }

    .hubspot-articles {
        padding-top: 0;
    }

    .articles-elem {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .articles-right .btn.btn-teal {
        margin-top: 15px;
    }
}





/* Infrastructura - aprilie 2022 */

.domains-search.bottom {
    padding-top: 0;
}

.domains-search.top {
    padding-bottom: 0;
}


/* Modificari pagina hubspot */

.hubspot-center #clients-slider {
    margin-top: 80px;
    margin-bottom: 50px;
}

.hubspot-center #clients-slider .top-area {
    margin-bottom: 35px;
    text-align: center;
}

.hubspot-center .home-s5.opti-container-md.hubspot3 {
    padding-bottom: 50px;
}

@media (max-width: 1400px) {
    .hubspot-center .articles-elem {
        width: 48%;
    }
}

@media (max-width: 991px) {
    .hubspot-center .articles-elem {
        width: 100%;
    }

    .hubspot-center .home-s5.opti-container-md.hubspot3 {
        padding-bottom: 20px;
    }
}

@media (max-width: 901px) {
    .hubspot-articles {
        padding-top: 150px;
    }
}

@media (max-width: 769px) {
    .hubspot-articles {
        padding-top: 80px;
    }
}

@media (max-width: 767px) {

    .hubspot-center #clients-slider .top-area,
    .hubspot-center #clients-slider .top-area .section-title-3 {
        margin-bottom: 5px;
    }

    .hubspot-center #clients-slider {
        margin-top: 50px;
        margin-bottom: 30px;
    }
}

@media (max-width: 580px) {
    .hubspot-articles .top-area .section-text-1 br {
        display: none;
    }
}

@media (max-width: 460px) {
    .hubspot-center .articles-elem {
        flex-wrap: wrap;
    }

    .articles-right {
        padding: 0 10px;
        width: 100%;
        margin-top: 15px;
    }

    .hubspot-articles {
        padding-top: 50px;
    }
}

@media (max-width: 380px) {
    .hubspot-center #clients-slider {
        margin-top: 30px;
        margin-bottom: 30px;
    }
}


/* Pagina Infrastructure-thankyou */

.infrastructure-thankyou.footer-padding .footer {
    margin-top: 350px !important;
}

.infrastructure-thankyou .ordernr {
    margin-top: 80px;
    background-color: #1baaa170;
    padding: 30px 45px;
    border-radius: 10px;
}

.order-list {
    flex-wrap: wrap;
}

.ordernr-item {
    width: 50%;
    margin: 5px 0;
    font-size: 16px;
}

.text-red {
    color: red;
}

.thankyou-page {
    margin-top: 80px;
    padding-top: 50px;
    padding-bottom: 50px;
    border: 2px solid #a8dad5;
}

.thankyou-page-top span,
.order-thankyou-bottom span {
    font-size: 16px;
    display: block;
    margin: 15px 0;
}

.thankyou-page .order-details {
    margin-top: 50px;
}

.order-details-list .left,
.order-details-list .right {
    width: 50%;
}

.order-details .order-details-list .section-title-8 {
    margin-bottom: 10px;
}

.order-details .order-details-list .section-title-8 .right {
    text-align: right;
    font-size: 20px;
}

.order-details-list {
    list-style-type: none;
}

.order-details-list>li {
    margin: 30px 0;
}

.order-details-total {
    text-align: right;
}

.order-hr {
    position: relative;
    width: 100%;
    margin-top: 10px;
}

.order-hr::after {
    content: "";
    position: absolute;
    display: block;
    bottom: -30px;
    left: 10%;
    width: 80%;
    height: 2px;
    background-color: #002b4440;
}

.order-details-total .order-total {
    margin: 0;
    display: block;
}

.thankyou-page .order-info {
    margin-top: 80px;
}

.thankyou-page .order-thankyou {
    margin-top: 100px;
}

.order-info-flex {
    display: flex;
    flex-wrap: wrap;
}

.order-info-item {
    width: 48%;
    margin: 5px 0;
    font-size: 16px;
}

.order-info-item.left {
    font-weight: 700;
    text-align: right;
    margin-right: 5px;
}

.thankyou-page-header {
    width: fit-content;
    width: -moz-fit-content;
    background-color: #002b44;
    color: #fff;
    display: flex;
    align-items: center;
    font-size: 30px;
    font-weight: 700;
    padding: 20px;
    border-radius: 6px;
    margin-top: -80px;
    margin-bottom: 60px;
    margin-left: auto;
    margin-right: auto;
}

.thankyou-page-header>img {
    margin-left: 15px;
}

@media (max-width: 1201px) {
    .thankyou-page {
        border: 0;
    }
}

@media (max-width: 1050px) {
    .infrastructure-thankyou .ordernr.opti-container-md {
        border-radius: 0;
        max-width: 100%;
        margin-top: 40px;
    }
}

@media (max-width: 901px) {
    .ordernr-box {
        flex-wrap: wrap;
    }

    .order-list {
        width: 100%;
        margin-bottom: 20px;
    }

    .ordernr-btn {
        margin-left: auto;
    }

    .thankyou-page-header {
        font-size: 22px;
        padding: 10px;
    }

    .thankyou-page-header>img {
        width: 50px;
    }
}

@media (max-width: 580px) {
    .order-info-item {
        font-size: 15px;
    }

    .order-info-flex {
        flex-wrap: wrap;
    }

    .order-info-item.left {
        text-align: left;
        margin-top: 5px;
        width: 40%;
    }

    .order-details-list {
        padding-left: 5px;
    }
}

@media (max-width: 460px) {
    .order-info-item {
        font-size: 14px;
    }

    .infrastructure-thankyou .ordernr {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (max-width: 380px) {
    .order-info-item.left {
        width: 100%;
    }

    .order-details .order-details-list .section-title-8 .right {
        font-size: 15px;
    }

    .thankyou-page .section-title-3 {
        font-size: 22px;
    }

    .thankyou-page-top span,
    .order-thankyou-bottom span {
        font-size: 16px;
    }

    .order-details-list .section-title-8 .left {
        font-size: 16px;
    }

    .ordernr-item {
        font-size: 16px;
    }

    .infrastructure-thankyou .ordernr.opti-container-md {
        margin-top: 0;
    }
}


/* Modificari pagina Hubspot - 19 aprilie 2022 */

.hubspot-center .clients .clients-item img,
.progr-lang-item img {
    transition: filter .25s linear, transform .25s linear, opacity .25s linear;
    max-width: 100px;
    max-height: 50px;
}

.hubspot-center .clients .clients-item img,
.hubspot-center .progr-lang-item img {
    transition: transform .25s linear;
}

.hubspot-center .clients .clients-item img:hover,
.hubspot-center .progr-lang-item img:hover {
    filter: grayscale(0);
    transform: scale(1.1);
    opacity: 1;
}

.hubspot-center .hubspot-top-bg .medical-bg-1a {
    top: 17%;
    background-image: url(../../images/new/new-pages/webinar-bg-7-mobile-bigres.svg);
}

section.hubspot-section-1 .flex-elem.right .dt-image img {
    object-position: top 0 right 0;
}

.hubspot-section-1 .subtitle {
    font-size: 41px;
}

.hubspot-center .three-bubbles-section {
    padding-top: 50px;
}

.hubspot-center .laptop-section.reverse {
    margin-bottom: 20px;
}

.home-s5.hubspot3 {
    padding-top: 100px;
}

.hubspot-center .home-s5.opti-container-md.hubspot3 {
    padding-bottom: 30px;
}


.img_content {
    max-width: 100%;
    object-fit: contain;
    margin-top: 20px;
    border-radius: 10px;
    box-shadow: 0px 3px 6px 0px rgb(0 0 0 / 25%);
    animation: zoom-in-zoom-out 5s ease-in-out infinite;
}

.partners-elem.cnas img {
    max-height: 50px;
}


@keyframes zoom-in-zoom-out {
    0% {
        transform: scale(0.95, 0.95);
    }

    50% {
        transform: scale(1, 1);
    }

    100% {
        transform: scale(0.95, 0.95);
    }
}

@media (min-width: 1980px) {
    .hubspot-center .hubspot-top-bg .medical-bg-1a {
        top: 17%;
        background-image: url(../../images/new/new-pages/webinar-bg-7-mobile-bigres.svg);
    }
}

@media (max-width: 1900px) {
    .hubspot-center .hubspot-top-bg .medical-bg-1a {
        background-size: 129%;
    }
}

@media (max-width: 1600px) {
    .hubspot-bg1 {
        bottom: -6%;
    }
}

@media (max-width: 1450px) {
    .hubspot-center .hubspot-top-bg .medical-bg-1a {
        background-size: 140%;
        top: 22%;
    }
}

@media (max-width: 1201px) {
    .hubspot-bg1 {
        bottom: -2%;
    }
}

@media (max-width: 1050px) {
    .hubspot-center .hubspot-top-bg .medical-bg-1a {
        background-size: 190%;
        top: 0;
        background-position: top 800px left 0;
    }
}

@media (max-width: 991px) {
    .hubspot-center .hubspot-top-bg .medical-bg-1a {
        background-size: 200%;
        background-position: top 1400px left 0;
    }
}

@media (max-width: 901px) {
    .hubspot-center .md-s4.three-bubbles-section {
        padding-bottom: 70px;
    }
}

@media (max-width: 769px) {
    .hubspot-center .hubspot-top-bg .medical-bg-1a {
        background-size: 320%;
    }
}

@media (max-width: 767px) {
    .hubspot-center #clients-slider .clients-flex {
        flex-wrap: wrap;
        justify-content: center;
    }
}

@media (max-width: 580px) {
    .full-technology .progr-lang {
        width: 70%;
    }

    .full-technology .progr-lang-item img {
        max-width: 80px;
        max-height: 45px;
    }

    .hubspot-center .hubspot-top-bg .medical-bg-1a {
        background-size: 450%;
    }
}

@media (max-width: 460px) {
    .hubspot-center .hubspot-top-bg .medical-bg-1a {
        background-size: 680%;
        background-position: top 1800px left 0;
    }
}

@media (max-width: 380px) {
    .hubspot-center #clients-slider .clients-flex img {
        max-width: 90px;
        max-height: 40px;
    }

    .hubspot-center #clients-slider .clients-item {
        width: 38%;
    }

    .hubspot-center .bubble-greentext {
        font-size: 50px;
    }

    .full-technology .progr-lang {
        width: 80%;
    }

    .full-technology .progr-lang-item img {
        max-height: 30px;
    }

    .hubspot-center .footer {
        margin-top: 365px;
    }

    .hubspot-center .hubspot-top-bg .medical-bg-1a {
        background-size: 980%;
    }
}


/* Bug postari */

@media (max-width: 450px) {
    .blog .single-post .solution-elem-img.hubspot-reports-image {
        height: unset;
    }
}

/* Search bar + Changeable div(B) */

.search-bar {
    padding: 5px;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    margin: auto;
    height: 60px;
    width: 100%;
    border-radius: 50px;
    border: none;
    max-width: 900px;
    font-family: 'Figtree Lt';
    font-weight: 700;
    align-items: center;
    font-size: 16px;
}

.search-bar:focus {
    outline: none;
}

.dt-div-changeable-buttons {
    /*z-index: 99; */
    display: flex;
    flex-direction: row;
    width: max-content;
    justify-content: space-evenly;
    margin: auto;
    background-color: #fff;
    border-radius: 50px;
    padding: 10px;
    margin-bottom: 40px;
    box-shadow: 0 22px 44px 0 rgb(0 0 0 / 7%);
}

.radio-button-label {
    cursor: pointer;
    display: flex;
    align-items: center;
    margin: 5px;
}

.dt-changeable-buttons {
    display: none;
}

.dt-changeable-buttons+.dt-label-text {
    /* z-index: 99; */
    width: max-content;
    text-align: center;
    padding: 10px 15px;
    background-color: #eff6f5;
    border-radius: 50px;
    color: rgb(26 170 160);
    font-weight: 700;
    text-transform: uppercase;
    transition: color .25s linear, background-color .25s linear;
    font-size: 18.5px;
}

.dt-changeable-buttons:checked+.dt-label-text {
    text-align: center;
    background-color: rgb(26 170 160);
    color: #eff6f5;
}

.radio-button-label:hover .dt-label-text {
    background-color: rgb(26 170 160);
    color: #eff6f5;
}



@media (max-width: 750px) {
    .dt-div-changeable-buttons {
        margin-bottom: 0;
    }

    #mobile-development {
        margin-top: 35px;
    }

    .search-bar {
        max-width: 100%;
    }

    .dt-div-changeable-buttons {
        flex-direction: column;
        align-items: center;
    }

    .dt-changeable-buttons+.dt-label-text {
        font-size: 16px;
    }

}

/* Bug butoane case study (S) */

.buttons_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.see_button_link {
    text-shadow: none;
    margin: 30px auto 0 auto;
    padding: 13px 25px;
    background-color: #1BAAA0;
    color: #fff !important;
    letter-spacing: -0.52px;
    border-radius: 6px;
    font-family: 'Figtree Lt';
    font-weight: 600;
    font-size: 16px;
    transition: box-shadow .25s linear, opacity .25s linear;
    -webkit-tap-highlight-color: transparent;
}

.btn_hubspot {
    background-color: #FF7F00 !important;
}

.see_button_link:hover {
    box-shadow: 2px 2px 7px rgb(0 0 0 / 20%);
    opacity: .9;
}

@media(max-width:600px) {
    .buttons_header {
        flex-direction: column;
        margin: auto;
        justify-content: space-between;
    }

    .see_button_link {
        /* margin-top: 20px; */
        padding: 5px 25px;
        font-size: 15px;
    }
}

@media(min-width:350px) and (max-width:600px) {
    .see_button_link {
        margin-top: 20px;
    }
}

@media (max-width:349px) {
    .see_button_link {
        margin-top: 10px;
    }
}

.buttons_header_container {
    display: block;
    margin: auto;
}


/* Bug butoane case study - adaugiri (D) */

header.cs-special-header {
    padding: 40px 0;
}

@media (max-width: 767px) {
    header.cs-special-header {
        padding: 20px 0 50px 0;
    }
}

@media (max-width: 580px) {
    header.cs-special-header {
        padding: 0 0 20px 0;
    }
}

@media (max-width: 460px) {
    header.cs-special-header {
        padding: 20px 0 40px 0;
    }
}


/* Safari (D) - css */

@media (max-width: 450px) {
    .safari-browser .sticky-main-menu .navbar-content {
        top: 0;
    }
}

/* Bug logo-uri home (D) - 17.05.2022 */

@media (max-width: 480px) {
    .progr-lang-item img {
        max-width: 60px;
    }
}

@media (max-width: 380px) {
    .progr-lang-item img {
        max-width: 50px;
    }
}


/* Hubspot - contact form - css */

.contact-form {
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
    margin-bottom: 60px;
}

.contact-form-left {
    width: 75%;
}

.contact .social-icons-sidebar a {
    margin: 50px 0 !important;
}

.contact .social-icons-sidebar a:first-child {
    margin-top: 0 !important;
}

@media (max-width: 650px) {
    .contact .social-icons-sidebar img {
        width: 45px !important;
    }

    .contact .social-icons-sidebar a:first-child {
        margin-top: 30px !important;
    }
}

@media (max-width: 580px) {
    .contact .social-icons.social-icons-sidebar {
        display: none;
    }

    .contact-form-right {
        display: none;
    }

    .contact .social-icons-sidebar a:first-child {
        margin-top: 30px !important;
    }

    .contact .social-icons-sidebar img {
        width: 45px !important;
    }
}

@media (max-width: 768px) {
    .contact-form {
        margin-bottom: 60px;
    }
}

@media (max-width: 574px) {
    .contact-form {
        margin-bottom: 60px;
    }
}

@media (max-width: 450px) {
    .contact-form {
        display: block;
        margin-top: 30px;
        /* margin-bottom: 250px; */
    }

    .contact-form-left {
        width: 100%;
    }

    .contact .social-icons.social-icons-sidebar {
        display: flex;
    }

    .contact .social-icons-sidebar a,
    .contact .social-icons-sidebar a:first-child {
        margin: 0 !important;
    }

    .contact .contact-s1 {
        padding-top: 25px;
    }
}

@media (max-width: 380px) {
    .contact .social-icons-sidebar img {
        width: 40px !important;
    }

    .contact-form-right {
        margin-bottom: 30px;
    }
}


/**
* Noul design meniu + hp (NNC: 22.09.2022)
*/

/* Generale */
/* Text */
.header .header-section.new-design-hp .text-type-0 {
    color: #002b44;
    line-height: 1.6;
}

/* Btn */
.btn.btn-lightgray {
    background-color: #e8f4f9;
    display: flex;
    align-items: center;
}

.header .header-section.new-design-hp .btn.btn-lightgray {
    margin-left: 20px;
}

/* Altele */
header.header.old-header {
    display: none;
}

.header.new-header::after {
    z-index: 0;
}

.header.new-header::after {
    background-image: unset;
    display: none;
}

/* Menu */
.navbar-mainmenu-2>li>a,
.navbar-mainmenu-2>li>span,
.navbar-rightmenu-2>li>a,
.navbar-rightmenu-2>li>span,
.navbar-rightmenu-lang>a {
    color: #002b44;
    font-size: 16px;
    font-family: 'Figtree Lt';
    font-weight: 600;
    letter-spacing: -1.44px;
}

.solutions .navbar-mainmenu-2>li>a,
.solutions .navbar-mainmenu-2>li>span,
.solutions .navbar-rightmenu-2>li>a:not(.solutions .navbar-rightmenu-2>li>a.btn.btn-white),
.solutions .navbar-rightmenu-2>li>span {
    color: #fff;
    text-shadow: 1px 1px 20px #000;
}

.navbar-content-2 {
    position: relative;
    z-index: 1000;
}

.navbar-content-2 .navbar-2.flex-spbtwn.new-navbar {
    max-width: 1230px;
    z-index: 1000;
}

.navbar-2 {
    padding: 30px 0 25px 0;
    padding-bottom: 0;
    max-width: 1230px;
    margin: 0 auto;
}

.sticky-main-menu .navbar-2 {
    padding: 10px 0;
    transition: padding .25s linear;
}

#navbar-main-menu {
    width: calc(100% - 50px);
    padding-left: 25px;
    padding-right: 25px;
    position: fixed;
    z-index: 12;
}

.navbar-mainmenu-2,
.navbar-rightmenu-2 {
    display: flex;
    align-items: center;
}

.sticky-main-menu #navbar-main-menu {
    background-color: #fff;
    position: fixed;
    top: 0;
    box-shadow: 2px 1px 5px #ddd;
    transition: background-color .15s linear;
}

.sticky-main-menu .navbar-rightmenu-2>li>a.btn.btn-white {
    background-color: #1aaba0;
    color: #fff;
    transition: background-color .25s linear, box-shadow .25s linear, opacity .25s linear;
}

#menu-item-sp,
#menu-item-ts,
#menu-item-infr,
#menu-item-pr {
    position: relative;
    padding-right: 10px;
}

#menu-item-sp::before,
#menu-item-ts::before,
#menu-item-infr::before,
#menu-item-pr::before {
    content: "";
    position: absolute;
    top: 8px;
    right: 0;
    width: 16px;
    height: 16px;
    background-image: url(../../images/new/svg/bottom-black-arrow.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    transition: transform .25s linear;
}

.navbar-content-2.nc-2-solutions #menu-item-sp::before,
.navbar-content-2.nc-2-solutions #menu-item-ts::before,
.navbar-content-2.nc-2-solutions #menu-item-pr::before,
.navbar-content-2.nc-2-solutions #menu-item-infr::before {
    background-image: url(../../images/new/svg/bottom-black-arrow.svg);
}

.solutions.mobile.mobileMenuActive-2 .navbar-content-2.nc-2-solutions #menu-item-sp::before,
.solutions.mobile.mobileMenuActive-2 .navbar-content-2.nc-2-solutions #menu-item-ts::before,
.solutions.mobile.mobileMenuActive-2 .navbar-content-2.nc-2-solutions #menu-item-infr::before {
    background-image: url(../../images/new/svg/bottom-black-arrow.svg);
}

.mobileMenuActive-2 .label-menu {
    position: absolute;
    right: 0;
}

.mobileMenuActive-2 #menu-item-ts .label-menu {
    display: none;
}

.navbar-rightmenu-lang .nodisp {
    display: none;

}

.mobileMenuActive-2 .navbar-rightmenu-lang .nodisp {
    display: inline;

}

#menu-item-sp.show-submenu-sp::before,
#menu-item-ts.show-submenu-ts::before,
#menu-item-infr.show-submenu-infr::before,
#menu-item-pr.show-submenu-pr::before,
#menu-item-sp.active::before,
#menu-item-ts.active::before,
#menu-item-infr.active::before,
#menu-item-pr.active::before {
    transform: rotate(180deg);
}

.submenu-2>.select-option {
    position: absolute;
    top: calc(100% + 1px);
    left: 0;
    background-color: #002B44;
    border-radius: 8px;
    width: 190px;
    overflow: hidden;
    box-shadow: 3px 3px 9px #00000082;
}

.mobile.mobileMenuActive-2 .submenu-2>.select-option {
    position: relative;
    background: none;
    border-radius: 0%;
    box-shadow: none;
    width: auto;
    max-height: 0 !important;
    margin-left: 10px;
    transition: opacity .25s linear, max-height .25s linear;
}

.submenu-2::before {
    content: "";
    position: absolute;
    top: calc(100% - 8px);
    left: calc(50% - 5px);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 15px 0px;
    border-color: transparent transparent #012c44 transparent;
}

.submenu-2 a {
    color: #fff;
    padding: 10px;
    display: block;
    border-bottom: 1px solid #5db5ab;
    width: calc(100% - 20px);
    font-size: 14px;
}

.mobile.mobileMenuActive-2 .submenu-2 a {
    border-bottom: 1px solid #e0e0e0;
    color: #002b44 !important;
}

.submenu-2 .select-option>li:last-child a {
    border-bottom: none;
}

.submenu-2 .select-option>li a {
    transition: background-color .25s linear;
}

.submenu-2 .select-option>li a:hover {
    background-color: #5db5ab;
}

.submenu-2 .select-option>li:first-child a:hover {
    border-radius: 8px 8px 0 0;
}

.submenu-2 .select-option>li:last-child a:hover {
    border-radius: 0 0 8px 8px;
}


.navbar-mainmenu-2>li>span,
.navbar-mainmenu-2>li>a,
.navbar-rightmenu-2>li>span,
.navbar-rightmenu-2>li>a:not(.navbar-rightmenu-2>li>a.btn.btn-white) {
    padding: 5px 15px;
    cursor: pointer;
    display: block;
}

.navbar-rightmenu-2>li.navbar-rightmenu-lang>a {
    font-weight: 700;
    font-family: 'Figtree Rg';
}

.cl-effect-3 .select-option a::after,
.cl-effect-3 .select-option li>span::after {
    background: transparent;
    transition: unset;
}

.submenu-2.submenu-infr,
.submenu-2.submenu-ts,
.submenu-2.submenu-sp,
.submenu-2.submenu-pr {
    opacity: 0;
    visibility: hidden;
}

.submenu-2.submenu-infr,
.submenu-2.submenu-ts,
.submenu-2.submenu-sp,
.submenu-2.submenu-pr {
    opacity: 0;
    visibility: hidden;
}

.submenu-2.submenu-infr.active,
.submenu-2.submenu-ts.active,
.submenu-2.submenu-sp.active,
.submenu-2.submenu-pr.active {
    opacity: 1;
    visibility: visible;
}

.submenu-2.submenu-infr.show-submenu-infr,
.submenu-2.submenu-ts.show-submenu-ts,
.submenu-2.submenu-sp.show-submenu-sp,
.submenu-2.submenu-pr.show-submenu-pr {
    opacity: 1;
    visibility: visible;
}

.mobile.mobileMenuActive-2 .submenu-2 {
    visibility: visible !important;
    opacity: 1 !important;
}

.mobile.mobileMenuActive-2 .submenu-2.submenu-infr.show-submenu-infr>.select-option,
.mobile.mobileMenuActive-2 .submenu-2.submenu-ts.show-submenu-ts>.select-option,
.mobile.mobileMenuActive-2 .submenu-2.submenu-sp.show-submenu-sp>.select-option,
.mobile.mobileMenuActive-2 .submenu-2.submenu-pr.show-submenu-pr>.select-option {
    max-height: 600px !important;
}



.solutions.sticky-main-menu .navbar-mainmenu-2>li>span,
.solutions.sticky-main-menu .navbar-mainmenu-2>li>a,
.solutions.sticky-main-menu .navbar-rightmenu-2>li>span,
.solutions.sticky-main-menu .navbar-rightmenu-2>li>a:not(.solutions.sticky-main-menu .navbar-rightmenu-2>li>a.btn.btn-white) {
    color: #002B44;
    text-shadow: none;
}

.solutions.sticky-main-menu .navbar-content-2.nc-2-solutions #menu-item-sp::before,
.solutions.sticky-main-menu .navbar-content-2.nc-2-solutions #menu-item-ts::before,
.solutions.sticky-main-menu .navbar-content-2.nc-2-solutions #menu-item-infr::before,
.solutions.sticky-main-menu .navbar-content-2.nc-2-solutions #menu-item-pr::before {
    background-image: url(../../images/new/svg/bottom-black-arrow.svg);
}

#menu-item-ts.show-submenu-ts,
#menu-item-sp.show-submenu-sp,
#menu-item-infr.show-submenu-infr,
#menu-item-pr.show-submenu-pr {
    z-index: 10;
}

.mobile.mobileMenuActive-2 #menu-item-ts.show-submenu-ts::before,
.mobile.mobileMenuActive-2 #menu-item-sp.show-submenu-sp::before,
.mobile.mobileMenuActive-2 #menu-item-infr.show-submenu-infr::before,
.mobile.mobileMenuActive-2 #menu-item-pr.show-submenu-pr::before {
    transform: rotate(180deg);
}

#menu-item-ts .submenu-2>.select-option {
    width: 200px;
}

/* Meniu btn resp */
.menuButton-2 {
    display: none;
    width: 36px;
    height: 32px;
    transform: rotate(0deg);
    transition: 0.5s ease-in-out;
    cursor: pointer;
    position: relative;
    z-index: 1000;
    top: -3px;
    -webkit-tap-highlight-color: transparent;
}

.mobile-language {
    display: none;
}

.switch-language {
    cursor: pointer;
}

.menuButton-2 span {
    display: block;
    position: absolute;
    height: 3px;
    width: 80%;
    background: #f2fffe;
    border-radius: 4px;
    opacity: 1;
    left: 0;
    right: 0;
    margin: auto;
    transform: rotate(0deg);
    transition: 0.25s ease-in-out;
}

.sticky-main-menu .menuButton-2 span {
    background: #002b44;
}

.sticky-main-menu .notif-link,
.mobileMenuActive-2 .notif-link {
    color: #002b44;
}

.menuButton-2 span:first-child {
    top: 9px;
}

.menuButton-2 span:nth-child(2),
.menuButton-2 span:nth-child(3) {
    top: 18px;
    width: 80%;
    margin-left: 10%;
}

.menuButton-2 span:nth-child(4) {
    top: 27px;
}

.mobileMenuActive .menuButton-2 span:first-child {
    top: 16px;
    width: 0;
    left: 50%;
}

.mobileMenuActive .menuButton-2 span:nth-child(2) {
    transform: rotate(45deg);
    width: 80%;
}

.mobileMenuActive .menuButton-2 span:nth-child(3) {
    transform: rotate(-45deg);
    width: 80%;
}

.mobileMenuActive .menuButton-2 span:nth-child(4) {
    width: 80%;
    top: 16px;
    width: 0;
    left: 50%;
}

.logo-mobile {
    display: none;
}


.navbar-leftmenu-2.left {
    display: flex;
    justify-content: center;
}

.navbar-2 {
    display: flex;
    justify-content: space-between;
}

.navbar-rightmenu-2>li.navbar-rightmenu-lang>a:not(.navbar-rightmenu-2>li>a.btn.btn-white) {
    padding-left: 0;
    padding-right: 0;
}


/* Blog posts */
#menu-blog {
    position: relative;
}

.blogposts a {
    text-decoration: none !important;
    color: white !important;
    font-size: 12px !important;
    font-weight: normal !important;
}

.blogposts a:before {
    display: none !important;
}

li>span.blogposts {
    position: absolute;
    top: -6px;
    right: -6px;
    background-color: #ff4e00;
    border-radius: 50%;
    min-width: 23px;
    min-height: 20px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0;
}

li>span.blogposts {
    color: #fff;
    text-shadow: none;
    font-size: 12px;
    padding: 6px 6px 5px 5px;
}



/* Blue Highlight */
.navbar-mainmenu-2 a,
.navbar-rightmenu-2 a,
.navbar-mainmenu-2 li,
.navbar-rightmenu-2 li {
    -webkit-tap-highlight-color: transparent;
}

.submenu-2.submenu-infr>.select-option {
    width: 140px;
}


/* Menu effect */

nav a {
    position: relative;
}

nav a:hover,
nav a:focus {
    outline: none;
}

.cl-effect-3 li>a::after,
.cl-effect-3 li>span::after {
    position: absolute;
    top: 100%;
    left: 25%;
    right: 25%;
    width: 50%;
    height: 2px;
    border-radius: 50%;
    background: #5cafa7;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    -moz-transition: opacity 0.3s, -moz-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    transform: translateY(10px);
}

.cl-effect-3 .navbar-mainmenu-2.right li>a::after {
    background: #fff;
}

.sticky-main-menu .cl-effect-3 .navbar-mainmenu-2.right li>a::after {
    background: #5cafa7;
}

.cl-effect-3 li#erp-crm>a::after {
    background: #FF7F00;
}

.cl-effect-3 li#erp-crm>a {
    transition: color .3s linear;
}

.cl-effect-3 li#erp-crm>a:hover {
    color: #FF7F00;
}



.cl-effect-3 li>span::after {
    width: 80%;
    left: 15%;
    top: 84%;
}

.navbar-rightmenu-lang.cl-effect-3 li>span {
    display: block;
}

.navbar-rightmenu-lang.cl-effect-3 a::after,
.navbar-rightmenu-lang.cl-effect-3 li>span::after {
    background: #e3f1f3;
}

.cl-effect-3 a:hover::after,
.cl-effect-3 a:focus::after,
.cl-effect-3 li>span:hover::after,
.cl-effect-3 li>span:focus::after {
    opacity: 1;
    -webkit-transform: translateY(2px);
    -moz-transform: translateY(2px);
    transform: translateY(2px);
}

.cl-effect-3 .navbar-rightmenu-contact>a:hover::after,
.cl-effect-3 li#menu-item-sp>span::after,
.cl-effect-3 li#menu-item-ts>span::after,
.cl-effect-3 li#menu-item-infr>span::after,
.cl-effect-3 li#menu-item-pr>span::after,
.cl-effect-3 .submenu-2.submenu-infr .select-option li>a:hover::after {
    display: none;
}

.navbar-mainmenu.list-style-type-none.cl-effect-3 li,
.navbar-mainmenu-2.list-style-type-none.cl-effect-3 li,
li.navbar-rightmenu-lang {
    padding: 5px 23px;
}


@media (max-width: 1401px) {

    .header.new-header .header-section.new-design-hp .main-title,
    .header.new-header .header-section.new-design-hp .subtitle {
        font-size: 50px;
    }

    .header.new-header .subtitle {
        margin-bottom: 20px;
    }
}

@media (max-width: 1250px) {

    .navbar-mainmenu-2>li>span,
    .navbar-mainmenu-2>li>a,
    .navbar-rightmenu-2>li>span {
        padding: 5px 12px;
    }
}

@media (max-width: 1200px) {

    .navbar-mainmenu.list-style-type-none.cl-effect-3 li,
    .navbar-mainmenu-2.list-style-type-none.cl-effect-3 li li.navbar-rightmenu-lang {
        padding: 5px 15px;
    }

    .mobileMenuActive-2 .menuresponsivebg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: block;
        background-image: url(../../images/new/svg/menu-responsive-bg.svg);
        background-size: contain;
        background-position: 0 200px;
        background-repeat: no-repeat;
    }

    .menuButton-2,
    .mobile .notif-link {
        display: block;
    }

    .navbar-mainmenu-2,
    .navbar-rightmenu-2 {
        display: block;
        text-align: center;
    }

    .mobile.mobileMenuActive-2 .navbar-mainmenu-2,
    .mobile.mobileMenuActive-2 .navbar-rightmenu-2 {
        text-align: left;
    }

    .navbar-mainmenu-2>li>span,
    .navbar-mainmenu-2>li>a,
    .navbar-rightmenu-2>li>span,
    .navbar-rightmenu-2>li>a:not(.navbar-rightmenu-2>li>a.btn.btn-white) {
        padding: 5px 12px;
        margin: auto;
    }



    .mobile.mobileMenuActive-2 .menuButton-2 {
        position: absolute;
        right: 2%;
        top: 7%;
    }

    .mobile.sticky-main-menu.mobileMenuActive-2 #navbar-main-menu {
        height: 100%;
        z-index: 100;
    }

    .navbar-mainmenu-2>li,
    .navbar-rightmenu-2>li {
        width: fit-content;
        margin: 5px auto;
    }

    .mobile.mobileMenuActive-2 .navbar-mainmenu-2>li,
    .mobile.mobileMenuActive-2 .navbar-rightmenu-2>li {
        margin: 5px;
        width: 100%;
    }

    .mobile.mobileMenuActive-2 .home--link,
    .mobile.mobileMenuActive-2 .submenu-2::before {
        display: none !important;
    }

    #navbar-main-menu {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .mobile.mobileMenuActive-2 .logo-desktop {
        display: none;
    }

    .mobile.mobileMenuActive-2 .logo-mobile {
        display: block;
        position: fixed;
        top: 2%;
        left: 2%;
        z-index: 101;
    }

    .mobile.sticky-main-menu .navbar-rightmenu-2>li.navbar-rightmenu-lang {
        margin-top: 0;
    }

    #navbar-main-menu .navbar-mainmenu-2,
    #navbar-main-menu .navbar-rightmenu-2 {
        opacity: 0;
        visibility: hidden;
        display: flex;
    }

    .navbar-mainmenu-2,
    .navbar-rightmenu-2 {
        display: flex;
    }

    .mobile.mobileMenuActive-2 #navbar-main-menu {
        opacity: 1;
        visibility: visible;
        z-index: 100;
        height: 100%;
        background-color: #fff;
        position: fixed;
        transition: opacity .25s linear, background-color .25s linear;
    }

    #menuButton-2.menuButton-2 {
        position: fixed;
        right: 2%;
        top: calc(2% - 5px);
    }

    .mobile-language {
        display: block;
        width: auto;
        z-index: 1000;
        position: fixed;
        right: 100px;
        top: calc(3% - 5px);
    }

    .navbar-logo.logo-desktop {
        position: fixed;
        left: 2%;
        top: 2%;
    }

    .mobile.mobileMenuActive-2 #navbar-main-menu .navbar-mainmenu-2,
    .mobile.mobileMenuActive-2 #navbar-main-menu .navbar-rightmenu-2 {
        opacity: 1;
        visibility: visible;
    }

    .mobile.mobileMenuActive-2 #navbar-main-menu .navbar-mainmenu-2 {
        margin-left: 0;
    }

    .mobile.mobileMenuActive-2 .menuButton-2 span {
        background: #000;
    }

    .mobile.mobileMenuActive-2 .navbar-mainmenu-2>li>span,
    .mobile.mobileMenuActive-2 .navbar-mainmenu-2>li>a,
    .mobile.mobileMenuActive-2 .navbar-rightmenu-2>li>span,
    .mobile.mobileMenuActive-2 .navbar-rightmenu-2>li>a:not(.mobile.mobileMenuActive-2 .navbar-rightmenu-2>li>a.btn.btn-white) {
        padding: 8px 12px;
        margin: auto 0;
        font-size: 25px;
        color: #002b44;
        text-shadow: none;
    }

    .mobile.mobileMenuActive-2 #menu-item-sp::before,
    .mobile.mobileMenuActive-2 #menu-item-ts::before,
    .mobile.mobileMenuActive-2 #menu-item-infr::before,
    .mobile.mobileMenuActive-2 #menu-item-pr::before {
        top: 16px;
    }

    .mobile.mobileMenuActive-2 .navbar-rightmenu-2>li>a {
        font-size: 24px;
    }

    .mobile.mobileMenuActive-2.sticky-main-menu #navbar-main-menu {
        background-color: #fff;
    }

    .sticky-main-menu .navbar-2,
    .navbar-2 {
        display: flex;
    }

    .mobile.mobileMenuActive-2.sticky-main-menu .navbar-2,
    .mobile.mobileMenuActive-2.sticky-main-menu #navbar-main-menu .navbar-mainmenu-2,
    .mobile.mobileMenuActive-2.sticky-main-menu #navbar-main-menu .navbar-rightmenu-2,
    .mobile.mobileMenuActive-2 .navbar-2,
    .mobile.mobileMenuActive-2 #navbar-main-menu .navbar-mainmenu-2,
    .mobile.mobileMenuActive-2 #navbar-main-menu .navbar-rightmenu-2 {
        display: block;
    }

    .sticky-main-menu .navbar-2 {
        padding-top: 5px;
    }

    .mobile.mobileMenuActive-2 .navbar-rightmenu-2>li>a.btn.btn-white {
        background-color: #1aaba0;
        color: #fff;
    }

    .sticky-main-menu #navbar-main-menu {
        min-height: 75px !important;
    }

    .mobile .navbar-logo.logo-desktop {
        display: none;
    }

    .mobile .logo-mobile {
        position: fixed;
        top: 2%;
        left: 2%;
        display: block;
        z-index: 100;
    }

    .mobile #navbar-main-menu {
        display: none;
    }

    .mobile.sticky-main-menu #navbar-main-menu {
        display: block;
    }

    .mobile.mobileMenuActive-2 #navbar-main-menu {
        display: flex;
        padding-top: 35px;
        border-bottom: solid 3px #1BAAA0;
    }

    #menu-item-sp.active,
    #menu-item-ts.active,
    #menu-item-infr.active,
    #menu-item-pr.active {
        position: relative;
        z-index: 0;
    }

    #menu-item-sp.active.show-submenu-sp,
    #menu-item-ts.active.show-submenu-ts,
    #menu-item-infr.active.show-submenu-infr,
    #menu-item-pr.active.show-submenu-pr {
        z-index: 10;
    }

    .mobile.mobileMenuActive-2 .submenu-2.active.show-submenu-sp,
    .mobile.mobileMenuActive-2 .submenu-2.active.show-submenu-ts,
    .mobile.mobileMenuActive-2 .submenu-2.active.show-submenu-infr,
    .mobile.mobileMenuActive-2 .submenu-2.active.show-submenu-pr {
        opacity: 1;
        visibility: visible;
    }

    .mobile.mobileMenuActive-2 .submenu-2.active,
    .mobile.mobileMenuActive-2 .submenu-2.active {
        opacity: 0;
        visibility: hidden;
    }

    .mobile.mobileMenuActive-2 #menu-item-sp.active::before,
    .mobile.mobileMenuActive-2 #menu-item-ts.active::before,
    .mobile.mobileMenuActive-2 #menu-item-infr.active::before,
    .mobile.mobileMenuActive-2 #menu-item-pr.active::before,
    .mobile.mobileMenuActive-2 #menu-item-sp::before,
    .mobile.mobileMenuActive-2 #menu-item-ts::before,
    .mobile.mobileMenuActive-2 #menu-item-infr::before,
    .mobile.mobileMenuActive-2 #menu-item-pr::before {
        transform: rotate(0);
    }

    .mobile.mobileMenuActive-2 #menu-item-sp.show-submenu-sp.active::before,
    .mobile.mobileMenuActive-2 #menu-item-ts.show-submenu-ts.active::before,
    .mobile.mobileMenuActive-2 #menu-item-infr.show-submenu-infr.active::before,
    .mobile.mobileMenuActive-2 #menu-item-pr.show-submenu-pr.active::before {
        transform: rotate(180deg);
    }

    .solutions.mobile.mobileMenuActive-2 .navbar-logo img {
        display: none;
    }

    .solutions.mobile.mobileMenuActive-2 .navbar-logo img.sticky-img {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
    }

    .navbar-logo img {
        margin-top: 0;
    }

    .submenu-2>.select-option {
        top: calc(100% + 5px);
    }

    .submenu-2::before {
        top: calc(100% - 5px);
    }


}

@media (max-width: 1150px) {

    .navbar-mainmenu-2>li>span,
    .navbar-mainmenu-2>li>a,
    .navbar-rightmenu-2>li>span,
    .navbar-rightmenu-2>li>a:not(.navbar-rightmenu-2>li>a.btn.btn-white) {
        font-size: 17px;
    }

    .navbar-mainmenu.list-style-type-none.cl-effect-3 li,
    li.navbar-rightmenu-lang {
        padding: 5px;
    }

    .mobile.sticky-main-menu .navbar-2 {
        display: none;
    }
}

@media (max-width: 901px) and (max-height: 650px) {

    .mobile.mobileMenuActive-2 #navbar-main-menu .navbar-rightmenu-2,
    .mobile.mobileMenuActive-2 .navbar-rightmenu-2>li.navbar-rightmenu-lang {
        margin-top: 10px;
    }
}

@media (max-width: 1200px) and (max-height: 620px) {

    .mobile.mobileMenuActive-2 #navbar-main-menu .navbar-rightmenu-2,
    .mobile.mobileMenuActive-2 .navbar-rightmenu-2>li.navbar-rightmenu-lang {
        margin-top: 10px;
    }
}

@media (max-width: 580px) and (max-height: 530px) {

    .mobile.mobileMenuActive-2 .navbar-mainmenu-2>li>span,
    .mobile.mobileMenuActive-2 .navbar-mainmenu-2>li>a,
    .mobile.mobileMenuActive-2 .navbar-rightmenu-2>li>span,
    .mobile.mobileMenuActive-2 .navbar-rightmenu-2>li>a:not(.mobile.mobileMenuActive-2 .navbar-rightmenu-2>li>a.btn.btn-white),
    .mobile.mobileMenuActive-2 .navbar-rightmenu-2>li>a {
        font-size: 22px;
    }

    .mobile.mobileMenuActive-2 .navbar-mainmenu-2>li,
    .mobile.mobileMenuActive-2 .navbar-rightmenu-2>li {
        margin-top: 0;
        margin-bottom: 0;
    }

    .mobile.mobileMenuActive-2 #menu-item-sp::before,
    .mobile.mobileMenuActive-2 #menu-item-ts::before,
    .mobile.mobileMenuActive-2 #menu-item-infr::before,
    .mobile.mobileMenuActive-2 #menu-item-pr::before {
        top: 14px;
    }
}

@media (max-width: 1200px) and (max-height: 520px) {

    .mobile.mobileMenuActive-2 .navbar-mainmenu-2>li>span,
    .mobile.mobileMenuActive-2 .navbar-mainmenu-2>li>a,
    .mobile.mobileMenuActive-2 .navbar-rightmenu-2>li>span,
    .mobile.mobileMenuActive-2 .navbar-rightmenu-2>li>a:not(.mobile.mobileMenuActive-2 .navbar-rightmenu-2>li>a.btn.btn-white),
    .mobile.mobileMenuActive-2 .navbar-rightmenu-2>li>a {
        font-size: 20px;
    }

    .mobile.mobileMenuActive-2 #menu-item-sp::before,
    .mobile.mobileMenuActive-2 #menu-item-ts::before,
    .mobile.mobileMenuActive-2 #menu-item-infr::before,
    .mobile.mobileMenuActive-2 #menu-item-pr::before {
        top: 13px;
    }
}

@media (max-width: 500px) {

    .mobile.mobileMenuActive-2 .navbar-mainmenu-2>li>span,
    .mobile.mobileMenuActive-2 .navbar-mainmenu-2>li>a,
    .mobile.mobileMenuActive-2 .navbar-rightmenu-2>li>span,
    .mobile.mobileMenuActive-2 .navbar-rightmenu-2>li>a:not(.mobile.mobileMenuActive-2 .navbar-rightmenu-2>li>a.btn.btn-white),
    .mobile.mobileMenuActive-2 .navbar-rightmenu-2>li>a {
        font-size: 16px;
        text-align: left;
        font-weight: normal;
    }

    .mobile.mobileMenuActive-2 #menu-item-sp::before,
    .mobile.mobileMenuActive-2 #menu-item-ts::before,
    .mobile.mobileMenuActive-2 #menu-item-infr::before,
    .mobile.mobileMenuActive-2 #menu-item-pr::before {
        top: 13px;
    }
}


/* Homepage */

.header-section.old-design {
    display: none;
}

.header-section.new-design-hp {
    padding-top: 200px;
}

.header-section.new-design-hp .banner .flex-elem {
    width: calc(45% - 30px);
}

.header-section.new-design-hp .banner .right.flex-elem {
    width: 58%;
}

.header-section.new-design-hp .banner .right {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.header-section.new-design-hp .banner .right .baner-box {
    width: calc(50% - 12px);
    margin: 0 5px;
    position: relative;
}

.header-section.new-design-hp .banner .right .baner-box:last-child {
    margin-right: 0;
}

.header-section.new-design-hp .banner .right .baner-box>.baner-img {
    background-color: gray;
    height: calc(100% - 20px);
    width: 100%;
    border-radius: 6px 6px 0 0;
    position: relative;
    overflow: hidden;
    transition: filter .25s linear;
}

.header-section.new-design-hp .banner .right .baner-box>.baner-img>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: right;
}

.header-section.new-design-hp .banner .right .baner-box:hover .baner-img {
    filter: brightness(110%);
}

.header .header-section.new-design-hp .banner {
    align-items: stretch;
}

.header .header-section.new-design-hp .banner .text-type-1 {
    background-color: #002B44;
    border-radius: 13px;
    position: absolute;
    bottom: -20px;
    margin-bottom: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    transition: background-color .25s linear;
}

.header-section.new-design-hp .banner .right .baner-box:hover .text-type-1 {
    background-color: #fe7301;
}

.header .header-section.new-design-hp .banner .text-type-1 a {
    text-align: center;
    color: #fff;
    font-size: 16px;
    display: block;
    padding: 10px;
    display: flex;
    align-items: center;
}

@media (max-width: 1401px) {
    .header .header-section.new-design-hp .text-type-0 {
        margin-bottom: 60px;
    }

    .header-section.new-design-hp .banner .left.flex-elem {
        margin-top: 20px;
    }

    .header.new-header .subtitle {
        margin-bottom: 32px;
    }

    .header-section.new-design-hp .banner .flex-elem {
        width: calc(45% - 30px);
    }

    .header-section.new-design-hp .banner .right.flex-elem {
        width: calc(55% - 30px);
        height: 300px;
    }

    .header .header-section.new-design-hp .banner {
        align-items: center;
    }
}

@media (max-width: 1250px) {
    .header .header-section.new-design-hp .banner {
        align-items: center;
    }

    .header-section.new-design-hp .banner .right.flex-elem {
        min-height: 250px;
        height: unset;
    }

    .header .header-section.new-design-hp .banner .text-type-1 a {
        font-size: 16px;
    }
}

@media (max-width: 1201px) {
    .header-section.new-design-hp .banner .flex-elem {
        width: calc(50% - 20px);
    }

    .header-section.new-design-hp .banner .right.flex-elem {
        width: 50%;
    }
}

@media (max-width: 1100px) {
    .baner-btns.d-flex {
        flex-wrap: wrap;
    }

    .header .header-section.new-design-hp .btn.btn-lightgray {
        margin-left: 0;
        padding: 10px 20px;
    }

    .baner-btns.d-flex .btn.btn-teal {
        margin-right: 20px;
        margin-bottom: 15px;
    }

    .baner-btns.d-flex a {
        min-width: 75px;
        display: flex;
        justify-content: center;
        font-size: 14px;
    }

    .header-section.new-design-hp .banner .right.flex-elem {
        width: 60%;
        margin-bottom: 0;
    }

    .header .header-section.new-design-hp .text-type-0 {
        padding-right: 10px;
    }

    .header .header-section.new-design-hp .text-type-0 {
        margin-bottom: 30px;
    }

    .header.new-header .subtitle {
        margin-bottom: 15px;
    }
}

@media (max-width: 1050px) {
    .header .header-section.new-design-hp .banner {
        flex-wrap: wrap;
    }

    .header-section.new-design-hp .banner .flex-elem {
        width: 100%;
    }

    .header-section.new-design-hp .banner .right.flex-elem {
        width: 100%;
        height: unset;
        margin-top: 50px;
    }

    .header .header-section.new-design-hp .banner .text-type-1 {
        width: 100%;
        bottom: -10px;
    }

    .header .header-section.new-design-hp .banner .text-type-1 a {
        width: calc(100% - 20px);
        min-height: 30px;
        display: flex;
        justify-content: center;
        font-size: 16px;
    }

    .baner-btns.d-flex .btn.btn-teal,
    .header .banner .flex-elem.right {
        margin: 0;
    }

    .header-section.new-design-hp .banner .right .baner-box:first-child {
        margin-left: 0;
    }

    .header .header-section.new-design-hp .btn.btn-lightgray {
        margin-left: 20px;
    }
}

@media (max-width: 901px) {
    .header .header-section.new-design-hp .banner .text-type-1 {
        bottom: 0;
        background-image: url(../../images/new/shadow-sm.png);
        background-color: transparent;
        border-radius: 10px 10px 6px 6px;
    }

    .header-section.new-design-hp .banner .right .baner-box>.baner-img {
        height: 100%;
        border-radius: 6px;
    }

    .header-section.new-design-hp .banner .baner-btns.d-flex {
        flex-wrap: wrap;
        width: 100%;
        justify-content: space-around;
    }

    .header-section.new-design-hp .banner .btn.btn-lightgray.btntealresp {
        position: relative;
        transition: opacity .25s linear;
    }

    .header-section.new-design-hp .banner .btn.btn-lightgray.btntealresp:hover {
        box-shadow: none;
        opacity: .7;
    }

    /* .header-section.new-design-hp .banner .btn.btn-lightgray.btntealresp::after {
        content: "";
        position: absolute;
        top: 6px;
        right: -15px;
        width: 10px;
        height: 10px;
        background-image: url(../../images/new/svg/right-black-arrow-3.svg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    } */

    .header-section.new-design-hp .banner .btn.btn-lightgray.btntealresp {
        margin-left: 0;
        margin-right: 0;
        min-width: 260px;
        max-width: 260px;
    }

    .header-section.new-design-hp .banner .baner-btns.d-flex .btn.btn-teal {
        min-width: 260px;
        max-width: 260px;
    }

    /* .header-section.new-design-hp .banner .baner-btns.d-flex .btn.btn-teal,
    .header-section.new-design-hp .banner .btn.btn-lightgray.btntealresp {
        padding: 0;
        margin-right: 55px;
    } */
}

@media (max-width: 700px) {
    .header-section.new-design-hp .banner .right.flex-elem {
        height: 250px;
    }

    .header-section.new-design-hp .banner .baner-btns.d-flex {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .header-section.new-design-hp .banner .btn.btn-lightgray.btntealresp {
        text-align: center;
    }

    .baner-btns.d-flex .btn.btn-teal {
        justify-content: center;
    }

    .header-section.new-design-hp .banner .baner-btns.d-flex .btn.btn-teal {
        min-width: 220px;
        max-width: 220px;
    }

    .header-section.new-design-hp .banner .btn.btn-lightgray.btntealresp {
        min-width: 220px;
        max-width: 220px;
        margin-left: 0;
    }

    .header-section.new-design-hp .banner .btn.btn-lightgray.btntealresp::after {
        right: -20px;
    }
}

@media (max-width: 580px) {
    .header .header-section.new-design-hp .banner .text-type-1 a {
        font-size: 14px;
    }

    .header .header-section.new-design-hp .banner {
        padding-top: 50px;
    }

    .header.new-header .main-title,
    .header.new-header .subtitle {
        font-size: 24px;
    }
}

@media (max-width: 450px) {
    .header-section.new-design-hp .banner .right .baner-box {
        width: 100%;
    }

    .header .header-section.new-design-hp .banner .text-type-1 a {
        padding-left: 25px;
        padding-right: 25px;
    }

    .sticky-main-menu #navbar-main-menu {
        min-height: 55px !important;
    }

}

@media (max-width: 380px) {

    .header-section.new-design-hp .banner .right.flex-elem,
    .header-section.new-design-hp .banner .right .baner-box {
        height: 200px;
    }

    .header .header-section.new-design-hp .banner .text-type-1 a {
        padding: 5px 15px;
    }
}

@media (max-width: 340px) {

    .header-section.new-design-hp .banner .right.flex-elem,
    .header-section.new-design-hp .banner .right .baner-box {
        height: 180px;
    }
}


.certifications {
    max-width: 100%;
    margin-right: 0 auto;
}

.certification-row {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: 20px;
}

.certification-images img {
    max-width: 100%;
    width: 80px;
    max-height: 80px;
    object-fit: contain;
}

.certification-images .clutch img {
    max-height: 90px;
}

.certification-images .clutch-div {
    display: flex;
    flex-grow: 2;
    max-width: calc(2 * 80px + 30px);
    align-items: center;
}

.certification-images .clutch-div img,
.certification-images .clutch-div .clutch-widget {
    width: 100%;
    object-fit: contain;
}

.certification-images .clutch-div img {
    margin-top: 30px;
}

@media screen and (max-width: 1051px) {
    .certification-row {
        flex-wrap: wrap;
        justify-content: space-around;
    }

    .certification-images .clutch-div {
        /* max-width: 100%; */
        flex-grow: 1;
    }

    .certification-images .clutch-div img {
        margin: 10px auto;
    }
}

@media screen and (max-width: 768px) {
    .certification-row {
        flex-wrap: wrap;
    }

    /* .certification-images .clutch-div {
        max-width: 100%;
    } */

    .certification-row.article-certs {
        flex-wrap: wrap;
    }

    .certification-images img {
        width: 60px;
        max-height: 60px;
    }

    .footer-copyright .certifications .certification-row img {
        max-width: 50px;
        max-height: 50px;
    }
}

@media screen and (max-width: 425px) {
    /* .certification-images .clutch-div {
        max-width: 100%;
    } */

    .certification-row {
        flex-wrap: nowrap;
    }

    .certification-row img:not(.clutch) {
        max-width: 50px;
        max-height: 50px;
    }

    .certification-images .clutch img {
        max-width: 50px;
        max-height: 50px;
    }

    .certification-row .clutch-widget.small-clutch {
        display: none;
    }

    .certification-row .clutch {
        display: block !important;
        /* width: 33.33%; */
    }

    .footer-copyright .certifications .certification-row {
        justify-content: space-around;
    }

    .footer-copyright .certifications .certification-row img {
        max-width: 40px;
        max-height: 40px;
    }
}

.footer-copyright .certifications .certification-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px;
    padding: 10px;
    overflow: hidden;
    max-width: 100%;
    box-sizing: border-box;
}

.footer-copyright .certifications .certification-row img {
    max-width: 60px;
    max-height: 60px;
    object-fit: contain;
}

/* Clutch widget */
.clutch-widget.small-clutch {
    padding: 10px;
    background: white;
    border-radius: 6px;
}

.certification-row .clutch {
    display: none;
}

.certification-row .clutch-widget.small-clutch {
    padding: 0;
}



/* Partners */

.partners-slider {
    padding-top: 10px;
}

.partners-slider .section-title-3 {
    margin-bottom: 20px;
}

.partners-slick {
    display: flex;
    align-items: center;
    max-height: 200px;
}

.partners-elem {
    visibility: hidden;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.partners-slider .slick-slide img,
.partners-slider .slick-slide img.partners-img-hover {
    max-height: 50px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.partners-slider .partners-elem.sodexo {
    margin-bottom: 3px;
}

.partners-slider .partners-elem.inmsc img {
    height: 66px;
    max-height: unset;
    object-fit: contain;
}

.partners-slider .partners-elem.uipath img,
.partners-slider .partners-elem.sodexo img {
    max-height: 35px;
}

.partners-slider .partners-elem.zentiva img {
    height: 90px;
    max-height: unset;
}

.partners-slider .partners-elem.pediatrie img {
    height: 65px;
    max-height: unset;
}

.partners-slider .partners-elem.origin-data img {
    max-height: 20px;
}

.partners-slider .partners-elem.winmasters img {
    max-height: unset;
    height: 100px;
}

.partners-slider .partners-elem.playwing img {
    max-height: 45px;
}

.partners-slider .partners-elem.cnas {
    margin-top: -7px;
}

.partners-slider .partners-elem.hervis img {
    max-height: 45px;
}

.partners-slider .slick-arrow {
    position: absolute;
    top: calc(50% - 18px);
    border: none;
    background-color: transparent;
    cursor: pointer;
    transition: filter .25s linear, transform .25s linear;
}

.partners-slider .slick-arrow:hover {
    filter: opacity(.7);
    transform: scale(1.2);
}

.partners-slider .slick-prev.slick-arrow {
    left: -7%;
}

.partners-slider .slick-next.slick-arrow {
    right: -7%;
}

.partners-slider .slick-arrow img {
    height: 30px;
}

.partners-slider .slick-track {
    display: flex;
    align-items: center;
}

.partners-slider .partners-img-hover {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: calc(50% - 76px);
    transition: opacity .25s linear;
}


@media (max-width: 1150px) {
    .partners-slider .slick-prev.slick-arrow {
        left: -3%;
    }

    .partners-slider .slick-next.slick-arrow {
        right: -3%;
    }

    .opti-container-md.partners-slider {
        max-width: 800px;
    }
}

@media (max-width: 1050px) {
    .partners-slider .slick-slide img {
        max-height: 50px;
    }

    .partners-slider {
        padding-top: 10px;
    }
}

@media (max-width: 901px) {
    .opti-container-md.partners-slider {
        max-width: 650px;
        padding-top: 30px;
        padding-bottom: 15px;
    }
}

@media (max-width: 700px) {
    .opti-container-md.partners-slider {
        max-width: 450px;
    }

    .partners-slider .slick-arrow img {
        height: 20px;
    }
}

@media (max-width: 580px) {
    .partners-slider .slick-prev.slick-arrow {
        left: -7%;
    }

    .partners-slider .slick-next.slick-arrow {
        right: -7%;
    }
}

@media (max-width: 500px) {
    .partners-slider {
        padding-top: 20px;
    }
}

@media (max-width: 480px) {

    .partners-slider .slick-slide img {
        max-height: 70px;
    }
}

@media (max-width: 401px) {
    .partners-slider {
        padding-top: 10px;
    }
}

.new-design-hp .badges-box-new {
    position: relative;
    max-height: 140px;
    max-width: 125px;
    min-height: 40px;
    min-width: 125px;
    border-radius: 8px;
    transition: all 0.3s ease;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.new-design-hp .badges-box-new img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.new-design-hp .badges-box-new .card-text {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    color: white;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    z-index: 2;
}

.new-design-hp .badges-box-new .gradient-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    /* height: 60%;*/
    background: linear-gradient(to top, rgba(0, 43, 68, 1), rgba(0, 43, 68, 0.5), transparent);
    z-index: 1;
}

.new-design-hp .badges-box-new:hover {
    background-color: #004466;
    transform: scale(1.05);
    transform-origin: center;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    color: #e6f7ff;
}

/* Badges */

.new-design-hp .badges {
    margin-top: 150px;
    margin-bottom: 150px;
}

.new-design-hp .badges-flex {
    display: flex;
    justify-content: space-between;
}

.new-design-hp .badges-box {
    background-color: #002B44;
    border-radius: 10px;
    padding: 13px 10px 10px 10px;
    width: calc((100% / 4) - 40px);
    color: #fff;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: center;
    column-gap: 20px;
}

.new-design-hp .badges-top,
.new-design-hp .card-text {
    width: 100%;
    text-align: left;
}

.new-design-hp .badges-top {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    column-gap: 25px;
}

.new-design-hp .badges .card-title {
    font-size: 30px;
}

.badges-top img {
    height: 30px;
}

@media (max-width: 1050px) {
    .new-design-hp .badges-flex {
        flex-wrap: wrap;
        justify-content: center;
        width: calc(100% + 20px);
        margin-left: -10px;
    }

    .new-design-hp .badges-box {
        width: calc((100% / 3) - 40px);
        margin: 10px;
    }

    .new-design-hp .badges-box br {
        display: none;
    }
}

@media (max-width: 769px) {
    .new-design-hp .badges {
        margin-top: 80px;
        margin-bottom: 80px;
    }

    .badges-box .card-text {
        font-size: 16px;
    }
}

@media (max-width: 700px) {
    .new-design-hp .badges-box {
        width: calc((100% / 2) - 40px);
    }
}

@media (max-width: 580px) {
    .opti-container-xxl.badges {
        padding: 0;
    }

    .new-design-hp .badges-box br {
        display: block;
    }
}

@media (max-width: 500px) {
    .badges-box .card-text {
        font-size: 14px;
    }

    .new-design-hp .badges {
        margin-top: 25px;
    }
}

@media (max-width: 401px) {
    .new-design-hp .badges .card-title {
        font-size: 22px;
    }

    .new-design-hp .badges-box img:not(.badges-box-new img) {
        max-height: 24px;
    }


    .new-design-hp .badges-box {
        margin: 5px;
    }

    .new-design-hp .badges {
        margin-top: 30px;
        margin-bottom: 50px;
    }

    .new-design-hp .badges-box:last-child {
        width: calc(((100% / 2) - 40px) * 2 + 30px);
        margin-left: 0;
        margin-right: 0;
    }
}


/* We innovate. You grow */

.new-design-hp .hp-s1.text-image {
    padding-top: 40px;
    margin-top: 0;
}

.new-design-hp .section-list {
    /* list-style-type: disc; */
    padding-left: 25px;
}

.new-design-hp .section-list>li::before {
    background-image: none;
    content: ".";
    left: -15px;
    top: -6px;
    font-size: 20px;
}

.new-design-hp .section-title-2 {
    margin-top: 10px;
    font-size: 30px;
}

.new-design-hp .text-image-elem {
    width: 52%;
}

.new-design-hp .text-image-elem.right {
    width: 48%;
}

.new-design-hp .hp-s1.text-image .section-title-1 {
    font-size: 32px;
}

.new-design-hp .home-s5 {
    padding-top: 30px;
}


@media (max-width: 1050px) {
    .new-design-hp .bg-design-4::before {
        background-position: top 155px right 0;
    }

    .new-design-hp .hp-s1.text-image {
        padding-top: 50px;
    }
}

@media (max-width: 950px) {
    .new-design-hp .hp-s1.text-image .section-title-1 span.green-text {
        display: block;
    }
}

@media (max-width: 769px) {
    .new-design-hp .section-title-1 {
        max-width: 100%;
    }

    .new-design-hp .text-image-elem,
    .new-design-hp .text-image-elem.right {
        width: 100%;
    }

    .new-design-hp .hp-s1.text-image .section-title-1 span.green-text {
        display: unset;
    }

    .new-design-hp .hp-s1.text-image {
        padding-top: 0;
        padding-bottom: 0;
    }
}

@media (max-width: 401px) {
    .header .header-section.new-design-hp .text-type-0 {
        margin-bottom: 20px;
    }

    .header-section.new-design-hp .banner .right.flex-elem {
        margin-top: 30px;
    }
}

@media (max-width: 340px) {
    .new-design-hp .section-title-1 {
        max-width: 60%;
    }
}


/* Responsive MAX-HEIGHT */

@media (max-height: 1200px) {
    .header-section.new-design-hp {
        padding-top: 150px;
    }

    .partners-slider {
        padding-top: 10px;
    }

    .new-design-hp .badges {
        margin-top: 120px;
        margin-bottom: 120px;
    }
}

@media (max-height: 1080px) {
    .header-section.new-design-hp {
        padding-top: 75px;
    }

    .partners-slider {
        padding-top: 10px;
    }

    .new-design-hp .badges {
        margin-top: 60px;
        margin-bottom: 60px;
    }
}

@media (max-width: 1050px) and (max-height: 1080px) {
    .partners-slider {
        padding-top: 10px;
        padding-bottom: 40px;
    }
}

@media (max-height: 900px) {
    .partners-slider .section-title-3 {
        margin-bottom: 20px;
    }

    .partners-slider .slick-slide img {
        max-height: 70px;
    }

    .new-header .header-section.new-design-hp .main-title,
    .new-header .header-section.new-design-hp .subtitle {
        font-size: 48px;
    }

    .new-header .subtitle {
        margin-bottom: 20px;
    }

    .new-header .header-section.new-design-hp .text-type-0 {
        font-size: 16px;
        margin-bottom: 40px;
    }

    .new-header .header-section.new-design-hp .btn.btn-teal {
        padding: 10px 20px;
    }

    .header .header-section.new-design-hp .banner .text-type-1 a {
        font-size: 16px;
    }

    .new-design-hp .badges {
        margin-bottom: 50px;
    }

    .header.new-header .header-section.new-design-hp .main-title,
    .header.new-header .header-section.new-design-hp .subtitle {
        font-size: 40px;
    }
}

@media (max-width: 1400px) and (max-height: 900px) {
    .home-s5 {
        padding-top: 120px;
    }
}

@media (max-width: 1050px) and (max-height: 900px) {
    .partners-slider .section-title-3 {
        margin-bottom: 25px;
    }
}

@media (max-width: 769px) and (max-height: 900px) {
    .header-section.new-design-hp {
        padding-top: 45px;
    }
}

@media (max-height: 850px) {
    .new-design-hp .badges {
        margin-top: 40px;
    }

    .partners-slider {
        padding-top: 10px;
    }

    .new-header .header-section.new-design-hp .btn.btn-teal,
    .header .header-section.new-design-hp .btn.btn-lightgray {
        padding: 6px 15px;
        line-height: 120%;
    }

    .header-section.new-design-hp {
        padding-top: 80px;
    }
}


@media (max-width: 1050px) and (max-height: 850px) {
    .partners-slider {
        padding-top: 10px;
    }
}

@media (max-width: 769px) and (max-height: 850px) {
    .header-section.new-design-hp {
        padding-top: 45px;
        padding-bottom: 0;
        margin-bottom: 0;
    }
}

@media (max-height: 780px) {
    .header-section.new-design-hp {
        padding-top: 80px;
    }

    .new-header .header-section.new-design-hp .main-title,
    .new-header .header-section.new-design-hp .subtitle {
        font-size: 44px;
    }

    .new-header .subtitle {
        margin-bottom: 10px;
    }

    .new-header .header-section.new-design-hp .text-type-0 {
        margin-bottom: 30px;
    }

    .new-header .header-section.new-design-hp .btn.btn-teal,
    .header .header-section.new-design-hp .btn.btn-lightgray {
        font-size: 16px;
    }

    .partners-slider .slick-slide img {
        max-height: 50px;
    }



    .header .header-section.new-design-hp .banner {
        align-items: center;
    }
}

@media (max-width: 769px) and (max-height: 780px) {
    .header-section.new-design-hp {
        padding-top: 45px;
    }
}

@media (max-width: 1100px) {
    .new-header .btn.btn-teal {
        align-items: center;
    }
}

@media (max-width: 901px) {

    /* .new-header .baner-btns,
    .header .header-section.new-design-hp .btn.btn-lightgray {
        padding: 0;
    } */

    .header .header-section.new-design-hp .text-type-0 {
        margin-bottom: 20px;
    }

    .header-section.new-design-hp .banner .right.flex-elem {
        margin-top: 30px;
    }
}


@media (max-width: 580px) and (max-height: 780px) {
    .header .header-section.new-design-hp .banner {
        padding-top: 30px;
    }

    .opti-container-md.partners-slider {
        padding-top: 20px;
        padding-bottom: 0;
    }

    .new-design-hp .badges {
        margin-top: 10px;
    }

    .new-design-hp .hp-s1.text-image {
        padding-top: 0;
    }

    .partners-slider .section-title-3 {
        margin-bottom: 5px;
    }
}

/* We do */

.new-design-hp .home-s5 .boxes.flex-spbtwn .box-elem {
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
}

.new-design-hp .home-s5 .boxes.flex-spbtwn {
    align-items: stretch;
}

.new-design-hp .home-s5 .boxes.flex-spbtwn .box-elem .wedo-title,
.new-design-hp .home-s5 .boxes.flex-spbtwn .box-elem .wedo-img {
    display: block;
    width: 100%;
}

.new-design-hp .bg-design-4.hp-pg-bg1::after {
    display: none;
}


@media (max-width: 1400px) {
    .home-s7.laptop-section.new-design-hp::after {
        background-position: center 40px;
    }

    .home-s7.laptop-section.new-design-hp .section-title-6,
    .home-s7.laptop-section.new-design-hp .section-title-7 {
        font-size: 42px;
    }
}

@media (max-width: 1100px) {

    .home-s7.laptop-section.new-design-hp .section-title-6,
    .home-s7.laptop-section.new-design-hp .section-title-7 {
        font-size: 38px;
    }

    .home-s7.laptop-section.new-design-hp::after {
        background-position: center 80px;
    }
}

@media (max-width: 901px) {
    .home-s7.laptop-section.new-design-hp::after {
        display: none;
    }

    .home-s7.laptop-section.new-design-hp {
        padding-bottom: 5px;
        margin-bottom: 5px;
    }

    .home-s7.laptop-section.new-design-hp .opti-container-md {
        margin-bottom: 5px;
    }
}

@media (max-width: 580px) {

    .home-s7.laptop-section.new-design-hp .section-title-6,
    .home-s7.laptop-section.new-design-hp .section-title-7 {
        font-size: 22px;
    }

    .home-s7.laptop-section.new-design-hp .right {
        width: 70% !important;
    }

    .mobile .logo-mobile,
    .mobile.mobileMenuActive-2 .logo-mobile {
        top: calc(2% + 5px);
    }

    .mobile .notif-link {
        right: 55px;
    }

    #menuButton-2.menuButton-2 {
        top: calc(1% + 3px);
    }

    .solutions.mobile .logo-mobile,
    .solutions.mobile.mobileMenuActive-2 .logo-mobile {
        top: 2%;
    }
}


/* About - modif nnc */

.about-bg-1 {
    position: relative;
    padding-top: 80px;
}

.opti-container-md.partners-slider.our-expertise {
    padding-bottom: 80px;
    padding-top: 120px;
}

.about-bg-1::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../../images/new/svg/bg-design-3.svg);
    background-size: contain;
    background-position: top 0 center;
    background-repeat: no-repeat;
    z-index: -1;
}

.about-bg-1 .careers.about4 {
    background-color: transparent;
}

.partners-slider.our-expertise .partners-elem.inmsc img {
    max-height: 50px;
}

.partners-elem.python img {
    margin-top: 7px;
}

.partners-elem.java img {
    min-height: 60px;
}

@media (max-width: 1650px) {
    .about-bg-1::before {
        background-position: top 40px center;
        background-size: 120%;
    }
}

@media (max-width: 1400px) {
    .about-bg-1::before {
        background-position: top 80px center;
        background-size: 140%;
    }
}

@media (max-width: 1050px) {
    .about-bg-1::before {
        background-size: 140%;
        background-position: top 75px center;
    }

    .careers-elem .section-title-3 {
        font-size: 32px;
    }
}

@media (max-width: 800px) {
    .about-bg-1::before {
        background-size: 170%;
    }
}

@media (max-width: 650px) {
    .about-bg-1::before {
        background-size: 150%;
        background-position: top 10px center
    }

    .about-s1 {
        padding-bottom: 0;
    }

    .about-bg-1,
    .opti-container-md.partners-slider.our-expertise {
        padding-top: 40px;
    }
}

@media (max-width: 580px) {
    .opti-container-md.partners-slider.our-expertise {
        padding-top: 20px;
        padding-bottom: 40px;
    }

    .about-bg-1::before {
        background-size: 135%;
    }

    .opti-container-md.partners-slider.our-expertise {
        max-width: 350px;
    }

    .about-bg-1::before {
        background-size: 180%;
    }

    .about-bg-1 {
        margin-bottom: -10px;
    }
}

@media (max-width: 450px) {
    .opti-container-md.partners-slider.our-expertise {
        max-width: 350px;
    }

    .about-bg-1::before {
        background-size: 220%;
    }
}

@media (max-width: 380px) {
    .opti-container-md.partners-slider.our-expertise {
        max-width: 300px;
    }

    .about-bg-1::before {
        background-size: 260%;
    }
}

@media (max-width: 340px) {
    .about-bg-1::before {
        background-size: 320%;
    }
}


/* Max-height - pagini */

@media (max-height: 1080px) {
    .about-bg-1::before {
        background-size: 100%;
    }
}

@media (max-height: 1080px) and (max-width: 1080px) {
    .about-bg-1::before {
        background-size: 130%;
    }
}

@media (max-height: 1080px) and (max-width: 800px) {
    .about-bg-1::before {
        background-size: 180%;
    }
}

@media (max-height: 1080px) and (max-width: 580px) {
    .about-bg-1::before {
        background-size: 210%;
    }
}


/* Bug imagini 5 Oct, 2022 */

@media (max-width: 580px) {
    main.solutions.verysmallsection.solution-page section.about-s0.solution-section .white-box img {
        max-width: 100%;
    }
}


/*
* Modificari Andrei - 1.11.2022 
*/

/* HP */

.piece-testimonials-hp {
    padding-bottom: 150px;
}

.piece-testimonials-hp section.home-s10.opti-container-xxl {
    margin-top: 50px;
}

.navbar-mainmenu-2 li {
    position: relative;
}

/* Menu */



/* Contact */

#contact-bookameeting {
    scroll-margin-top: 100px;
    padding-top: 60px;
}

#contact-bookameeting .section-title-3 {
    margin-bottom: 25px;
}

.contact-bkm-bg {
    position: relative;
}

.contact-bkm-bg-1 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../../images/new/svg/book-a-meet.svg);
    background-position: center bottom;
    background-size: 110%;
    background-repeat: no-repeat;
    z-index: -1;
}


@media (max-width: 1401px) {
    .contact-bkm-bg-1 {
        background-size: 150%;
    }
}

@media (max-width: 1100px) {
    .contact-bkm-bg-1 {
        background-size: 200%;
    }
}

@media (max-width: 800px) {
    .contact-bkm-bg-1 {
        background-position: center bottom 80px;
        background-size: 250%;
    }
}

@media (max-width: 769px) {
    #contact-bookameeting {
        padding-top: 50px;
        padding-bottom: 0;
        margin-bottom: 0;
    }
}

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

.image-middle-div {
    height: 50%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.image-middle-div img {
    max-width: 70px;
    max-height: 70px;
}

.badges-box {
    display: flex;
    /* Make the card a flex container */
    flex-direction: column;
    /* Stack children vertically */
    height: 100%;
    /* Ensure the card takes full height */
}

.image-middle-div,
.badges-content {
    flex: 1;
    /* Share height equally (50%) */
    display: flex;
    /* Center content */
    align-items: center;
    justify-content: center;
}

.badges-content span {
    text-align: center;
    /* Ensure text inside is centered */
}



.badges-flex .card-title {
    margin-right: 10px;
}

.badges-flex .text-bold {
    font-weight: 700;
    font-size: 20px;
}

@media (max-width: 401px) {
    .book-a-meeting.opti-container-xxl .meetings-iframe-container {
        width: calc(100% + 46px);
        margin-left: -23px;
    }
}

/* Erp/Crm */

.erpcrm-header .dt-image {
    width: 500px;
    max-width: 100%;
    height: 300px;
}

.erpcrm-header section.dt-s0a.mt-54.opti-container-lg.hubspot-section-1 {
    padding-right: 0;
}


/*
* PAGINA HUBSPOT - START
*/

/* Video section */
.header-section.erpcrm-header.erpcrm-old-design {
    display: none;
}

.erpcrm-video {
    margin-top: -140px;
    margin-bottom: -95px;
    position: relative;
    z-index: 0;
}

.erpcrm-video .erpcrm-video-iframe {
    transform: translateZ(0) scale(0.6);
    position: relative;
}

.erpcrm-video .erpcrm-video-iframe::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 250px;
    height: 65px;
    background-color: rgb(54 121 255);
    z-index: 3;
}

.header-section.erpcrm-header.erpcrm-new-design .hubspot-section-1 .erpcrm-s1-btns {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: space-evenly;
}

.header-section.erpcrm-header.erpcrm-new-design .main-title {
    margin-bottom: 30px;
    font-size: 50px;
}

.header-section.erpcrm-header.erpcrm-new-design .hubspot-section-1 {
    text-align: center;
}

.header-section.erpcrm-header.erpcrm-new-design .hubspot-section-1 .text-type-0 {
    color: #2d3744;
    text-shadow: 0 0 15px #fff;
    padding-right: 0;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}


/* Not sure? section */
.notsure-section {
    text-align: center;
    padding-top: 120px;
    overflow: hidden;
}

.notsure-toparea {
    display: flex;
    align-items: center;
    justify-content: center;
}

.notsure-toparea .section-title-3 {
    margin-bottom: 0;
    margin-right: 40px;
}

.notsure-content {
    text-align: left;
    margin-top: 30px;
    font-size: 16px;
}

.notsure-section .erpcrmhs {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

.notsure-section .erpcrmhs .notsure-elem {
    width: 40%;
}

.notsure-section .erpcrmhs.crm-hs {
    margin-top: 90px;
    margin-bottom: 70px;
}

.erpcrmhs .notsure-content {
    margin-top: 20px;
    margin-bottom: 30px;
}

.opti-container-s.notsure-top {
    max-width: 600px;
}

.notsure-top .notsure-content {
    text-align: center;
}

.notsure-top .btn.hubspot-btn-irregular-shape {
    font-size: 25px;
    font-family: 'Figtree Rg';
    padding: 10px 28px 10px 18px;
}

.erpcrmhs.crm-hs .section-title-3,
.erpcrmhs.erp-hs .section-title-3 {
    font-size: 30px;
}

.erpcrmhs.crm-hs .section-title-3 span,
.erpcrmhs.erp-hs .section-title-3 span {
    font-size: 27px;
}

.erpcrmhs.crm-hs .section-title-3 {
    text-align: right;
}

.erpcrmhs.crm-hs .notsure-content {
    text-align: right;
}

.erpcrmhs.crm-hs .btn.hubspot-btn-irregular-shape {
    margin-left: auto;
}

.erpcrmhs.erp-hs .section-title-3 {
    text-align: left;
}

.erpcrmhs.erp-hs .notsure-content {
    text-align: left;
}

.notsure-section .erpcrmhs.crm-hs .notsure-elem.left img {
    width: 60%;
}

.notsure-section .erpcrmhs.erp-hs .notsure-elem.right img {
    width: 75%;
}

.notsure-top .btn.hubspot-btn-irregular-shape.responsive {
    display: none;
}


/* Partners */
.header-section.erpcrm-header.erpcrm-new-design .partners-slider {
    padding-top: 10px;
}


/* Testimonials section */

.hubspot-main-newdesign .three-bubbles-section {
    padding-top: 230px;
}

.hubspot-main-newdesign .md-s4.slickslider-blackarrows.three-bubbles-section button.slick-arrow {
    top: unset;
}

/* How we do it */

.howwedoit {
    padding-top: 100px;
}

.howwedoit-flex {
    display: flex;
    justify-content: space-between;
    margin-top: 70px;
}

.howwedoit-elem {
    background-color: #002B44;
    width: calc((100% - 280px) / 4);
    position: relative;
    color: #fff;
    padding: 35px 15px 30px 30px;
    border-radius: 3px 50px;
    display: flex;
    align-items: center;
}

.howwedoit-footer>img {
    width: 30px;
}

.howwedoit-elem-head {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #1baaa0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    position: absolute;
    top: -20px;
    left: 15px;
    border: 3px solid #fff;
}

.howwedoit-content {
    margin-left: 20px;
    font-size: 16px;
}

.howwedoit-btn {
    margin-top: 70px;
    display: flex;
    justify-content: center;
}


/* We work with tech */

.hubspot-center .md-s6.dt-s7.bubble.weworkwithtech {
    padding-top: 120px;
}


/* Contact section */

.hubspot-main-newdesign .laptop-section {
    padding-top: 100px;
}

.hubspot-main-newdesign .laptop-section .btn.hubspot-btn-irregular-shape {
    margin-top: 30px;
}

.laptop-section.laptop-section-nth2 .flex-spbtwn {
    justify-content: space-around;
}

.laptop-section.laptop-section-nth2 .elem.right,
.laptop-section.laptop-section-nth2 .elem.right .footer-text-1 {
    text-align: right;
}

.hubspot-main-newdesign .laptop-section.laptop-section-nth2 .btn.hubspot-btn-irregular-shape {
    margin-left: auto;
}

.hubspot-main-newdesign .laptop-section.laptop-section-nth2 .section-title-6 {
    margin-bottom: 20px;
}

.hubspot-main-newdesign .contact-s1 {
    padding-top: 40px;
    /* padding-bottom: 100px; */
}

.erp-crm-hubspot--page .contact-form {
    margin-bottom: 0;
}


/*  */

.hubspot-main-newdesign .hubspot-articles {
    padding-top: 100px;
}


/*  */

.social-icons.social-icons-sidebar img {
    width: 60px;
}

/*  */
.hubspot-main-newdesign .home-s5.hubspot3 {
    padding-top: 70px;
}

/* Footer */

.hubspot-center .footer.footer-hubspot-page {
    margin-top: 0;
    padding-top: 50px;
}

.footer.footer-hubspot-page {
    margin-top: 0;
    padding-top: 50px;
}

/* BG - START */

.hs-page-bg {
    position: relative;
}

.hs-page-bg-1,
.hs-page-bg-2,
.hs-page-bg-3 {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    z-index: -1;
    background-position: center -5px;
    background-size: 100%;
}

.hs-page-bg-1 {
    top: 50px;
    background-image: url(../../images/new/svg/bg-design-3.svg);
}

.hs-page-bg-2 {
    bottom: 0;
    background-image: url(../../images/new/svg/g-bg-2.svg);
    background-position: bottom 25px right 460px;
    background-size: 38%;
}

.hs-page-bg-3 {
    background-image: url(../../images/new/svg/bubble-infr-order.svg);
    background-position: top 465px right 0;
    bottom: 0;
    background-size: 100%;
}

.hs-howto__title {
    margin-top: 30px !important;
    color: #3f7e8a;
    font-size: 18px;
    font-weight: 700;
}

@media (max-width: 2200px) {
    .hs-page-bg-3 {
        background-position: top 590px right 0;
    }
}

@media (max-width: 1800px) {
    .hs-page-bg-3 {
        background-position: top 690px right 0;
    }
}

@media (max-width: 1700px) {
    .hs-page-bg-2 {
        top: 100px;
        background-position: bottom 100px right 100px;
        background-size: 56%;
    }
}

@media (max-width: 1500px) {
    .hs-page-bg-1 {
        top: 100px;
    }

    .hs-page-bg-3 {
        background-size: 125%;
    }
}

@media (max-width: 1400px) {
    .hs-page-bg-2 {
        background-size: 85%;
    }
}

@media (max-width: 1200px) {
    .hs-page-bg-1 {
        background-size: 130%;
    }

    .hs-page-bg-3 {
        background-size: 175%;
    }
}

@media (max-width: 991px) {
    .hs-page-bg-3 {
        background-size: 218%;
        background-position: top 1160px right 0;
    }
}

@media (max-width: 901px) {
    .hs-page-bg-1 {
        background-size: 115%;
        top: 0;
    }

    .hs-page-bg-2 {
        background-size: 115%;
        background-position: bottom 80px right -140px;
    }
}

@media (max-width: 769px) {
    .hs-page-bg-2 {
        background-size: 125%;
        background-position: bottom 390px right -140px;
        top: 0;
    }

    .hs-page-bg-3 {
        display: none;
    }
}

@media (max-width: 700px) {
    .hs-page-bg-1 {
        background-size: 140%;
        background-position: center 0;
    }
}

@media (max-width: 500px) {
    .hs-page-bg-2 {
        background-size: 160%;
    }
}

@media (max-width: 401px) {
    .hs-page-bg-1 {
        background-size: 145%;
    }

    .hs-page-bg-2 {
        background-size: 210%;
        background-position: bottom 305px right -140px;
    }
}

@media (max-width: 340px) {
    .hs-page-bg-1 {
        background-size: 200%;
    }

    .hs-page-bg-2 {
        background-size: 329%;
        background-position: bottom 305px right -370px;
    }
}

/* BG - END */


/* Top button - START */

.top-button#top-button {
    display: none;
    position: fixed;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    bottom: 20px;
    right: 20px;
    font-weight: 700;
    font-size: 22px;
    z-index: 1000;
    background-color: #50a8a0;
    color: #fff;
    border: 0;
    box-shadow: 3px 3px 10px #00000052;
    cursor: pointer;
}

[class^="hvr-"] {
    margin: 0.4em;
    padding: 1em;
    cursor: pointer;
    background: #e1e1e1;
    text-decoration: none;
    color: #666;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.hvr-icon-wobble-vertical {
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.hvr-icon-wobble-vertical .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.hvr-icon-wobble-vertical:hover .hvr-icon,
.hvr-icon-wobble-vertical:focus .hvr-icon,
.hvr-icon-wobble-vertical:active .hvr-icon {
    -webkit-animation-name: hvr-icon-wobble-vertical;
    animation-name: hvr-icon-wobble-vertical;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

@keyframes hvr-icon-wobble-vertical {
    16.65% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
    }

    33.3% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }

    49.95% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
    }

    66.6% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px);
    }

    83.25% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

/* Top button - END */


/* Modificari noi */
.howwedoit.our-integrations-top {
    padding-top: 0;
}

.our-integrations-top .howwedoit-elem {
    background-color: #1baaa0;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 25px 15px 25px 30px;
}

.howwedoit.our-integrations-top .howwedoit-flex {
    flex-wrap: wrap;
}

.howwedoit.our-integrations-top .integr-logo img {
    max-width: 200px;
}

.howwedoit.our-integrations-top .howwedoit-flex.responsive {
    display: none;
}

.lightpill {
    background-color: #a7eee9ff;
    border-radius: 10px;
    padding: 10px;
    display: inline-block;
    font-size: 15px;
    margin: 5px 0;
    text-align: center;
}


/* Flip card */

.flip-card {
    background-color: transparent;
    width: calc((100% - 130px) / 4);
    height: 80px;
    perspective: 1000px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.6s;
    transform-style: preserve-3d;
}

.flip-card:hover .flip-card-inner {
    transform: rotateY(180deg);
}

.flip-card-front,
.flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px 50px;
}

.flip-card-front {
    background-color: #f8d6b4;
}

.flip-card-back {
    background-color: #91e4df;
    transform: rotateY(180deg);
}

.flip-card-inner .logo-img img {
    max-width: 90%;
}



.flip-card:hover .flip-card-back {
    filter: drop-shadow(0 4px 8px #0003);
}


/* Tooltip text */

/* .flip-card .tooltiptext {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    transition: opacity .25s linear;
}

.flip-card:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
    top: -20px;
    right: 0;
    background-color: orange;
    padding: 3px 5px;
    color: #fff;
    font-size: 13px;
} */

/* Responsive */

@media (max-width: 1400px) {
    .erpcrm-video {
        margin-top: -160px;
    }
}

@media (max-width: 1200px) {
    .hubspot-main-newdesign .home-s5.hubspot3 {
        padding-top: 50px;
    }

    .mobile .logo-mobile {
        top: calc(2% - 3px);
    }

    .howwedoit.our-integrations-top .howwedoit-flex {
        margin-top: 30px;
    }

    .howwedoit.our-integrations-top {
        padding-bottom: 35px;
    }
}

@media (max-width: 1100px) {
    .erpcrm-video {
        margin-top: -110px;
        margin-bottom: -50px;
    }

    .howwedoit-flex {
        flex-wrap: wrap;
        justify-content: center;
    }

    .howwedoit-elem {
        width: calc((100% - 280px) / 2);
        margin: 20px;
    }

    .howwedoit .section-title-1 {
        text-align: center;
    }

    .howwedoit {
        padding-top: 40px;
    }

    .hubspot-main-newdesign .three-bubbles-section {
        padding-top: 170px;
    }

    .howwedoit.our-integrations-top .howwedoit-flex {
        justify-content: space-between;
    }

    .flip-card {
        width: calc((100% - 65px) / 4);
    }

    /* Logo Resp */
    .howwedoit.our-integrations-top .opti-container-xxxl,
    .header-section.erpcrm-header.erpcrm-new-design .hubspot-section-1 {
        padding-left: 0;
        padding-right: 0;
    }

    .howwedoit.our-integrations-top .howwedoit-flex.desktop {
        display: none;
    }

    .howwedoit.our-integrations-top .howwedoit-flex.responsive {
        display: flex;
    }

    .howwedoit.our-integrations-top .integr-card img {
        max-width: 100%;
    }

    .howwedoit.our-integrations-top .howwedoit-flex.responsive .integr-card {
        margin: 20px;
        width: calc((100% - 160px) / 4);
        background-color: #f8d6b4;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 3px 50px;
        box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%);
        padding: 10px 30px;
        min-height: 80px;
    }

    .howwedoit.our-integrations-top .howwedoit-flex.responsive {
        justify-content: center;
    }
}

@media (max-width: 991px) {
    .howwedoit-elem {
        width: calc((100% - 180px) / 2);
    }

    .howwedoit-btn {
        margin-top: 40px;
    }

    .hubspot-main-newdesign .hubspot-articles {
        padding-top: 75px;
    }

    .howwedoit-flex {
        margin-top: 45px;
    }
}

@media (max-width: 901px) {
    .header-section.erpcrm-header.erpcrm-new-design .hubspot-section-1 .text-type-0 {
        margin-bottom: 60px;
    }

    .erpcrm-video .erpcrm-video-iframe::before {
        width: 180px;
        height: 40px;
        background-color: rgb(47 116 255);
    }

    .header-section.erpcrm-header.erpcrm-new-design .main-title {
        margin-bottom: 20px;
        font-size: 46px;
    }

    .notsure-section .erpcrmhs.crm-hs .notsure-elem.left,
    .notsure-section .erpcrmhs.erp-hs .notsure-elem.right {
        width: 25%;
    }

    .notsure-section .erpcrmhs.crm-hs .notsure-elem.left img,
    .notsure-section .erpcrmhs.erp-hs .notsure-elem.right img {
        width: 100%;
    }

    .notsure-section .erpcrmhs .notsure-elem {
        width: 60%;
    }

    .erpcrmhs.crm-hs .section-title-3,
    .erpcrmhs.erp-hs .section-title-3 {
        font-size: 24px;
    }

    .erpcrmhs.crm-hs .section-title-3 span,
    .erpcrmhs.erp-hs .section-title-3 span {
        font-size: 22px;
    }

    .notsure-section .section-title-3 br {
        display: block;
    }

    .notsure-content {
        font-size: 16px;
    }

    .notsure-toparea .section-title-3 {
        font-size: 30px;
    }

    .notsure-top .btn.hubspot-btn-irregular-shape {
        font-size: 20px;
    }

    .btn.hubspot-btn-irregular-shape {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .hubspot-main-newdesign .laptop-section.laptop-section-nth2 .flex-spbtwn {
        justify-content: center;
    }

    .hubspot-main-newdesign .laptop-section.laptop-section-nth2 .section-title-6,
    .laptop-section.laptop-section-nth2 .elem.right .footer-text-1 {
        text-align: center;
    }

    .hubspot-main-newdesign .laptop-section.laptop-section-nth2 .btn.hubspot-btn-irregular-shape {
        margin-right: auto;
    }

    .hubspot-main-newdesign .laptop-section {
        padding-top: 70px;
    }

    .howwedoit {
        padding-top: 100px;
    }

    .hubspot-main-newdesign .three-bubbles-section {
        padding-top: 120px;
    }

    .flip-card {
        width: calc((100% - 60px) / 3);
    }

    .howwedoit.our-integrations-top .howwedoit-flex {
        justify-content: center;
        column-gap: 30px;
    }

    .howwedoit.our-integrations-top .howwedoit-flex.responsive .integr-card {
        width: calc((100% - 260px) / 3);
        margin: 15px 0;
        padding: 10px 30px;
    }

}

@media (max-width: 769px) {
    .lightpill {
        font-size: 13px;
    }

    .hubspot-main-newdesign .slickslider-arrows button.slick-next.slick-arrow::before,
    .hubspot-main-newdesign .slickslider-arrows button.slick-prev.slick-arrow::before {
        display: none;
    }

    .header-section.erpcrm-header.erpcrm-new-design .slickslider-arrows button.slick-prev.slick-arrow::before,
    .header-section.erpcrm-header.erpcrm-new-design .slickslider-arrows button.slick-next.slick-arrow::before {
        display: none;
    }

    .header-section.erpcrm-header.erpcrm-new-design .clients .slick-slide {
        height: 100%;
    }

    .howwedoit {
        padding-top: 50px;
    }

    .hubspot-center .hubspot-main-newdesign .dt-s7.bubble::before {
        top: 220px;
    }

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

    .howwedoit.our-integrations-top .howwedoit-flex {
        justify-content: center;
        column-gap: 40px;
    }
}

@media (max-width: 768px) {
    .hubspot-main-newdesign .three-bubbles-section {
        padding-top: 90px;
    }
}

@media (max-width: 767px) {

    .header-section.erpcrm-header.erpcrm-new-design .hubspot-center #clients-slider .top-area,
    .header-section.erpcrm-header.erpcrm-new-design .hubspot-center #clients-slider .top-area .section-title-3 {
        margin-bottom: 30px;
    }
}

@media (max-width: 700px) {
    .erpcrm-video {
        margin-top: -90px;
        margin-bottom: -25px;
    }

    .header-section.erpcrm-header.erpcrm-new-design .hubspot-section-1 .text-type-0 {
        font-size: 16px;
    }

    .header-section.erpcrm-header.erpcrm-new-design .main-title {
        font-size: 40px;
    }

    .header-section.erpcrm-header.erpcrm-new-design .hubspot-section-1 .text-type-0 {
        width: 100%;
    }

    .howwedoit-content {
        margin-left: 10px;
        font-size: 16px;
    }

    .howwedoit-footer>img {
        width: 20px;
    }

    .howwedoit-elem {
        padding: 26px 15px 22px 30px;
        margin: 15px;
    }

    .howwedoit-elem-head {
        border: 2px solid #fff;
        width: 24px;
        height: 24px;
        font-size: 13px;
    }

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

    .howwedoit.our-integrations-top .howwedoit-flex {
        justify-content: center;
        column-gap: 40px;
    }

    .howwedoit-flex {
        margin-top: 20px;
    }

    .howwedoit.our-integrations-top {
        padding-bottom: 35px;
    }

    .header-section.erpcrm-header.erpcrm-new-design .hubspot-section-1 .text-type-0 {
        margin-bottom: 35px;
    }

    .notsure-section {
        padding-top: 75px;
    }

    .howwedoit.our-integrations-top .howwedoit-flex.responsive .integr-card {
        width: calc((100% - 180px) / 2);
        min-height: 68px;
        margin: 8px 0;
    }
}

@media (max-width: 580px) {
    .erpcrm-video .erpcrm-video-iframe::before {
        width: 100px;
        height: 30px;
    }

    .erpcrm-video .erpcrm-video-iframe {
        transform: translateZ(0) scale(1);
    }

    .erpcrm-video {
        margin-top: -15px;
        margin-bottom: 53px;
    }

    section.mt-54.opti-container-xxl.hubspot-section-1 {
        padding-left: 0;
        padding-right: 0;
    }

    .header-section.erpcrm-header.erpcrm-new-design .hubspot-section-1 {
        text-align: center;
        padding-top: 30px;
    }

    .notsure-section .erpcrmhs {
        flex-wrap: wrap;
    }

    .notsure-section .erpcrmhs .notsure-elem {
        width: 100%;
    }

    .notsure-section .erpcrmhs.erp-hs .notsure-elem.right {
        order: 0;
        width: 100%;
        margin-bottom: 40px;
        display: none;
    }

    .notsure-section .erpcrmhs.crm-hs .notsure-elem.left {
        margin-bottom: 40px;
        width: 100%;
        display: none;
    }

    .notsure-section .erpcrmhs.erp-hs .notsure-elem.left {
        order: 1;
    }

    .notsure-section .erpcrmhs.erp-hs .notsure-elem.right img,
    .notsure-section .erpcrmhs.crm-hs .notsure-elem.left img {
        width: 35%;
    }

    .mobile .logo-mobile,
    .mobile.mobileMenuActive-2 .logo-mobile {
        top: calc(2% + 1px);
    }

    .howwedoit {
        padding-top: 20px;
    }

    .hubspot-center .hubspot-main-newdesign .md-s6.dt-s7.bubble.weworkwithtech {
        padding-top: 80px;
    }

    .hubspot-center .hubspot-main-newdesign .dt-s7.bubble::before {
        top: 180px;
    }

    .flip-card-inner .logo-img img {
        max-width: 45%;
    }

    .flip-card {
        width: 100%;
        padding-top: 10px;
        padding-bottom: 10px;
        margin-top: 0;
        margin-bottom: 0;
    }

    .howwedoit.our-integrations-top .howwedoit-flex.responsive .integr-card {
        width: 100%;
        min-height: auto;
        margin: 8px 0;
    }

    .howwedoit.our-integrations-top .integr-card img {
        max-width: 60%;
        max-height: 50px;
    }
}

@media (max-width: 500px) {
    .header-section.erpcrm-header.erpcrm-new-design .hubspot-section-1 .erpcrm-s1-btns {
        flex-wrap: wrap;
    }

    .header-section.erpcrm-header.erpcrm-new-design .hubspot-section-1 .btn.hubspot-btn-orange-empty,
    .header-section.erpcrm-header.erpcrm-new-design .hubspot-section-1 .btn.hubspot-btn-orange-fill {
        width: 100%;
        margin-bottom: 20px;
        border-radius: 6px;
    }

    .notsure-section {
        padding-top: 60px;
    }

    .notsure-toparea {
        flex-wrap: wrap;
    }

    .notsure-toparea .section-title-3 {
        width: 100%;
        margin-bottom: 0;
        margin-right: 0;
    }

    .notsure-top .btn.hubspot-btn-irregular-shape.desktop {
        display: none;
    }

    .notsure-top .btn.hubspot-btn-irregular-shape.responsive {
        display: block;
        margin: 25px auto 0 auto;
    }

    .notsure-section .erpcrmhs.crm-hs {
        margin-top: 70px;
    }

    .hubspot-main-newdesign .three-bubbles-section {
        padding-top: 65px;
    }

    .hubspot-main-newdesign .hubspot-center .md-s4.three-bubbles-section {
        padding-bottom: 30px;
    }

    .hubspot-main-newdesign .md-s4.slickslider-blackarrows.three-bubbles-section button.slick-arrow {
        bottom: 10px;
    }

    .hubspot-main-newdesign .laptop-section {
        padding-top: 10px;
    }

    .hubspot-main-newdesign .home-s5.hubspot3 {
        padding-top: 70px;
    }

    .hubspot-center .text-image.image-text-2.hubspot-text-img {
        padding-top: 50px;
    }

    .hubspot-center .md-s6.dt-s7.bubble.weworkwithtech {
        padding-top: 70px;
    }

    .hubspot-main-newdesign .contact-s1 {
        padding-bottom: 50px;
    }

    .howwedoit-elem {
        width: 100%;
        margin: 10px 0;
        padding: 15px 15px 15px 30px;
    }

    .howwedoit-flex {
        margin-top: 20px;
    }

    .howwedoit-btn {
        margin-top: 20px;
    }

    .howwedoit {
        padding-top: 20px;
    }
}

@media (max-width: 401px) {
    .header-section.erpcrm-header.erpcrm-new-design .main-title {
        font-size: 36px;
    }

    .header-section.erpcrm-header.erpcrm-new-design .hubspot-section-1 .text-type-0 {
        font-size: 16px;
    }

    .header-section.erpcrm-header.erpcrm-new-design .hubspot-section-1 .btn.hubspot-btn-orange-empty,
    .header-section.erpcrm-header.erpcrm-new-design .hubspot-section-1 .btn.hubspot-btn-orange-fill {
        width: 100%;
        margin-bottom: 10px;
        border-radius: 6px;
    }

    .erpcrm-video {
        margin-top: -30px;
        margin-bottom: 30px;
    }

    .header-section.erpcrm-header.erpcrm-new-design .slickslider-arrows button.slick-prev.slick-arrow::before {
        background-image: url(../../images/new/svg/left-greenbg-whitecolor-arrow.svg);
        display: none;
    }

    .header-section.erpcrm-header.erpcrm-new-design .slickslider-arrows button.slick-next.slick-arrow::before {
        background-image: url(../../images/new/svg/right-greenbg-whitecolor-arrow.svg);
        display: none;
    }



    .hubspot-center .hubspot-main-newdesign .md-s6.dt-s7.bubble.weworkwithtech {
        padding-top: 50px;
    }

    .top-button#top-button {
        width: 40px;
        height: 40px;
        font-size: 16px;
    }

    .flip-card-inner .logo-img img {
        max-width: 70%;
    }

    .flip-card {
        padding-top: 0;
        padding-bottom: 0;
        margin-top: 0;
        margin-bottom: 5px;
    }
}

@media (max-width: 380px) {
    .hubspot-center .hubspot-main-newdesign .dt-s7.bubble::before {
        top: 135px;
    }

    .howwedoit.our-integrations-top .integr-card img {
        max-width: 80%;
        max-height: 40px;
    }
}

@media (max-width: 340px) {
    .header-section.erpcrm-header.erpcrm-new-design .main-title {
        font-size: 32px;
    }
}


@media (min-height: 1000px) {

    .mobile .logo-mobile,
    #menuButton-2.menuButton-2 {
        top: 1%;
    }
}

@media (max-height: 660px) {

    .mobile .logo-mobile,
    #menuButton-2.menuButton-2 {
        top: 2%;
    }
}

@media (max-width: 580px) and (max-height: 660px) {
    .mobile .logo-mobile {
        top: calc(2% + 3px);
    }

    #menuButton-2.menuButton-2 {
        top: 2%;
    }
}

/*
* PAGINA HUBSPOT - END
*/


/* Bug hp */
@media (max-width: 1100px) {
    .new-design-hp .badges .card-title {
        font-size: 24px;
    }

    .new-design-hp .badges-flex.badges-boxes .badges-box .badges-flex {
        width: unset;
    }
}

@media (max-width: 1050px) {
    .new-design-hp .badges-box img:not(.badges-box-new img) {
        max-width: 100%;
        margin-right: 20px;
    }

    .new-design-hp .badges-box-new img {
        max-width: 40px;
        max-height: 40px;
    }


    .new-design-hp .badges-flex.badges-boxes .badges-box .badges-flex {
        width: calc(100% - 60px);
        justify-content: flex-start;
    }

    .new-design-hp .badges-box {
        column-gap: 0;
    }

    .new-design-hp .badges-box:first-child img:not(.badges-box-new:first-child img) {
        margin-right: 30px;
    }

    .new-design-hp .badges-flex {
        align-items: stretch;
    }
}

@media (max-width: 401px) {

    .new-design-hp .badges-box:last-child,
    .new-design-hp .badges-box {
        width: 70%;
        margin-left: auto;
        margin-right: auto;
    }

    .new-design-hp .badges-box br {
        display: none;
    }

    .new-design-hp .badges-box {
        justify-content: center;
    }

    .badges-box .card-text {
        text-align: center;
    }

    .new-design-hp .badges-flex.badges-boxes .badges-box .badges-flex {
        width: unset;
    }
}



/* Bug-uri */

.solutions.sticky-main-menu .navbar-mainmenu-2>li>a.orange-text {
    color: #ff9327;
}

.navbar-mainmenu-2>li>a {
    padding: 5px 16px;
}

.gaming .three-bubbles-desktop .bubble-elem.elem-3::before {
    width: 170%;
    height: 165%;
    left: -36%;
}

.three-boxes.hp.three-boxes-hpnewdesign {
    padding-bottom: 280px;
}

.post-details.blog-page-list {
    justify-content: left;
}

.blogposts-new {
    margin-left: 20px;
    border-left: 2px solid #50a8a040;
    color: #fff;
    font-weight: 700;
    background-color: #ec5c28;
    border-radius: 100px;
    padding: 5px 20px;
    line-height: normal;
    animation: newPost 4s ease 0s infinite normal forwards;
}

.blogposts--green {

    background-color: #28a745;
}


@keyframes newPost {
    0% {
        animation-timing-function: ease-out;
        transform: scale(1);
        transform-origin: center center;
    }

    10% {
        animation-timing-function: ease-in;
        transform: scale(0.91);
    }

    17% {
        animation-timing-function: ease-out;
        transform: scale(0.98);
    }

    33% {
        animation-timing-function: ease-in;
        transform: scale(0.87);
    }

    45% {
        animation-timing-function: ease-out;
        transform: scale(1);
    }
}

@media (max-width: 1280px) {
    .header .header-section.new-design-hp .banner .text-type-1 a {
        font-size: 16px;
    }
}

@media (max-width: 1200px) {
    .header .header-section.new-design-hp .banner .text-type-1 a {
        font-size: 14px;
    }

    .three-boxes.hp.three-boxes-hpnewdesign {
        padding-bottom: 200px;
    }
}

@media (max-width: 1100px) {
    .piece-testimonials-hp.hp-newdesign {
        padding-bottom: 50px;
    }

    .new-design-hp .hp-s1.text-image {
        padding-top: 20px;
    }

    .piece-testimonials-hp.hp-newdesign section.home-s10.opti-container-xxl {
        margin-top: 10px;
    }
}

@media (max-width: 1050px) {
    .baner-btns a.btn.btn-teal.btntealresp.get-a-free-evaluation:first-child {
        margin-right: 20px;
    }

    .new-header .header-section.new-design-hp .btn {
        width: calc((100% - 60px) / 2);
        margin-bottom: 20px;
        line-height: 120%;
    }

    .header .header-section.new-design-hp .btn.btn-lightgray {
        margin-left: auto;
        margin-right: auto;
    }

    .gaming .three-bubbles-desktop .bubble-elem.elem-3::before {
        width: 200%;
        height: 171%;
        left: -51%;
    }
}

@media (max-width: 901px) {


    /* .header-section.new-design-hp .banner .baner-btns.d-flex .btn.btn-teal,
    .header-section.new-design-hp .banner .btn.btn-lightgray.btntealresp {
        justify-content: left;
        width: fit-content;
        min-width: fit-content
    } */

    .gaming .three-bubbles-responsive .bubble-elem .carousel-text {
        width: 70%;
    }

    .piece-testimonials-hp.hp-newdesign {
        padding-bottom: 100px;
    }

    .three-boxes.hp.three-boxes-hpnewdesign {
        padding-top: 10px;
    }
}

@media (max-width: 769px) {
    .three-boxes.hp.three-boxes-hpnewdesign {
        padding-bottom: 190px;
    }
}

@media (max-width: 700px) {
    .header-section.new-design-hp .opti-container-md.partners-slider .section-title-3 {
        margin-bottom: 15px;
    }

    .three-boxes.hp.three-boxes-hpnewdesign {
        margin-top: 0;
    }
}

@media (max-width: 600px) {
    .header .header-section.new-design-hp .banner .text-type-1 a {
        font-size: 13px;
        padding: 10px 5px;
        width: calc(100% - 10px);
    }
}

@media (max-width: 580px) {
    .gaming .gaming-s4 .three-bubbles-responsive::after {
        width: 131%;
        height: 115%;
        top: -5%;
        left: -17%;
    }

    .three-boxes.hp.three-boxes-hpnewdesign {
        padding-bottom: 150px;
    }

    .solution-elem-text .post-details.blog-page-list {
        flex-wrap: nowrap;
    }

    .solutions.mobile .logo-mobile,
    .solutions.mobile.mobileMenuActive-2 .logo-mobile {
        top: 1%;
    }
}

@media (max-width: 500px) {
    .gaming .gaming-s4 .three-bubbles-responsive::after {
        width: 140%;
        height: 120%;
        left: -23%;
    }

    .header .header-section.new-design-hp .banner .text-type-1 a {
        min-height: 48px;
    }

    .header-section.new-design-hp .opti-container-md.partners-slider {
        padding-bottom: 0;
    }

    .three-boxes.hp.three-boxes-hpnewdesign {
        padding-top: 0;
    }
}

@media (max-width: 450px) {
    .piece-testimonials-hp.hp-newdesign {
        padding-bottom: 180px;
    }

    .home-s9.homepage-s9.hp-newdesign {
        padding-bottom: 30px;
    }
}

@media (max-width: 380px) {
    .gaming .gaming-s4 .three-bubbles-responsive::after {
        width: 155%;
        height: 135%;
        left: -33%;
        top: -11%;
    }

    .gaming .gaming-s4 .three-bubbles-responsive .bubble-elem .carousel-text {
        width: 100%;
    }

    .new-design-hp .opti-container-md.partners-slider {
        padding-top: 0;
        padding-bottom: 0;
    }

    .header.new-header .header-section.new-design-hp .main-title,
    .header.new-header .header-section.new-design-hp .subtitle {
        font-size: 38px;
    }
}

/* Articol 1 - Andrei */
.article-content {
    padding-top: 20px;
    margin-left: auto;
    margin-right: auto;
}

.article-content .font-weight-400 {
    font-weight: 400;
}

.article-content .mb-40 {
    margin-bottom: 40px;
}

.article-content .mb-0 {
    margin-bottom: 0;
}

.article-title-img {
    position: relative;
    width: fit-content;
    width: -moz-fit-content;
    border: 8px solid #ffc000;
    padding: 15px;
    margin-bottom: 40px;
}

.article-title-img::before {
    position: absolute;
    content: "";
    top: -23px;
    left: 6px;
    width: calc(100% - 18px);
    height: calc(100% + 41px);
    border: 3px solid #bfbfbf;
}

.article-content h2,
.article-content h3 {
    margin-top: 0;
}

.article-content .article-title-img h2:last-child {
    margin-bottom: 0;
    margin-top: 0;
}

.article-title-img {
    float: left;
    margin-right: 20px;
}

.article-text p,
.article-text ol>li {
    font-size: 16px;
}

.article-text ol>li {
    padding-top: 10px;
    padding-bottom: 10px;
}

.article-area-2 {
    margin-top: 80px;
}

.article-area-2 .article-text {
    width: 100%;
}

.article-title-img-2 {
    position: relative;
    margin-top: 60px;
    margin-bottom: 80px;
    border: 3px solid #7f7f7f;
    font-size: 0;
}

.article-title-img-2::before {
    position: absolute;
    content: "";
    top: -28px;
    right: -10px;
    width: calc(60% + 10px);
    height: calc(100% + 40px);
    border: 5px solid #ffc000;
    z-index: -1;
}

.article-title-img-2 img {
    width: 100%;
}

.article-area-3 {
    margin-top: 60px;
}

.article-title-img-3 {
    float: left;
    margin-right: 20px;
    margin-bottom: 30px;
}

.article-title-img-3 .white-title {
    position: relative;
    min-width: 250px;
    text-align: center;
}

.article-title-img-3 .white-title::before {
    position: absolute;
    content: "";
    top: -16px;
    left: 10px;
    border: 6px solid #ffc000;
    width: calc(100% - 32px);
    height: calc(100% + 22px);
}

.white-title {
    color: #fff;
    background-color: #7f7f7f;
    width: fit-content;
    width: -moz-fit-content;
    padding: 30px;
    font-size: 22px;
}

.article-title-img-4 {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    margin-bottom: 40px;
    border: 6px solid #ffc000;
    padding: 20px 40px;
    position: relative;
}

.article-gray-box {
    background-color: #7f7f7f;
    width: fit-content;
    width: -moz-fit-content;
    padding: 30px;
    border-radius: 25px;
    min-width: 140px;
    min-height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    font-weight: 700;
}

.article-between-boxes {
    width: calc(100% - 420px);
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
}

.article-bb-top,
.article-bb-bottom {
    font-size: 16px;
    width: 100%;
    text-align: center;
    position: relative;
}

.article-bb-top {
    top: 10px;
}

.article-bb-bottom {
    bottom: 10px;
}

.article-bb-top::before,
.article-bb-bottom::before {
    content: "";
    position: absolute;
    top: 30px;
    left: 10%;
    width: 80%;
    height: 2px;
    text-align: center;
    border-bottom: 3px dotted #ffc000;
}

.article-bb-top::after,
.article-bb-bottom::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    top: 24px;
    right: 7%;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    border-left: 9px solid #ffc000;
}

.article-bb-bottom::before {
    border-bottom: 3px dotted #7f7f7f;
    top: -10px;
}

.article-bb-bottom::after {
    border-right: 9px solid #7f7f7f;
    border-left: none;
    right: unset;
    left: 7%;
    top: -15px;
}

.article-area-6 {
    display: flex;
    justify-content: flex-start;
    margin-top: 30px;
    margin-bottom: 30px;
}

.article-area-6 img {
    width: 100%;
}

.article-area-7 {
    display: flex;
    justify-content: space-evenly;
}

.article-area-6.article-area-7 img {
    width: 48%;
}

.article-content ul {
    list-style-type: none;
}

.article-content ul li {
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
}

.article-content ul li::before {
    position: absolute;
    content: "";
    top: 8px;
    left: -22px;
    width: 12px;
    height: 4px;
    border-radius: 50%;
    background-color: #1aab9f9a;
}

.article-content ul li.no-marker::before {
    display: none;
}

.article-content ul ul {
    margin-top: 20px;
    margin-bottom: 20px;
}

.article-area-6.center {
    display: flex;
    justify-content: center;
}

.article-area-6.center img {
    width: 100%;
}

.article-area-2.mt-0 {
    margin-top: 0;
}

.article-content.medium-imgs img {
    max-width: 90%;
    max-height: 500px;
    width: unset;
    height: unset;
}

@media (max-width: 901px) {
    .article-area-7 {
        display: block;
    }

    .article-area-6.article-area-7 img {
        width: 100%;
    }

    .article-area-6.article-area-7 img:first-child {
        margin-bottom: 20px;
    }

    .article-content.medium-imgs img {
        max-width: 100%;
        max-height: 500px;
        width: unset;
        height: unset;
    }
}

@media (max-width: 600px) {
    .article-title-img-3 {
        float: none;
        margin-bottom: 40px;
    }

    .article-title-img-3 .white-title {
        min-width: 220px;
    }

    .article-title-img {
        float: unset;
        width: calc(100% - 46px);
        margin-bottom: 65px;
    }

    .article-title-img h2 br {
        display: none;
    }
}

@media (max-width: 460px) {
    .article-area-3 {
        margin-top: 0;
    }

    .white-title {
        padding: 16px;
    }
}

/* Articol CCEA - redesign */
.blogspot .opti-content img {
    max-width: 100%;
}

.blogspot .opti-content .article-profile-picture img {
    max-width: unset;
    width: 250px;
}

.blogspot .opti-content .article-quotes {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.blogspot .opti-content .article-quotes .text-type-0 {
    width: calc(100% - 310px);
    background-color: #a6f1eb6e;
    padding: 20px 20px 10px 20px;
    border-left: 4px solid #1aaba0;
    color: #002b44;
    font-size: 16px;
    margin-bottom: 0;
    order: 1;
}

.blogspot .opti-content .article-profile-picture {
    font-size: 0;
}

@media (max-width: 1400px) {
    .blogspot .opti-content .article-quotes {
        flex-wrap: wrap;
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .blogspot .opti-content .article-quotes .text-type-0 {
        width: 100%;
        border-top: 4px solid #1aaba0;
        border-left: none;
    }

    .blogspot .opti-content .article-profile-picture {
        margin-bottom: 20px;
        margin-left: auto;
        margin-right: auto;
    }

    .blogspot .opti-content .article-profile-picture img {
        width: 100%;
        max-height: 600px;
    }
}

/* Evidentiere link-uri meniu */
.navbar-rightmenu-contact.contact--link.current-link a {
    box-shadow: 0 0 15px #fff;
}

.sticky-main-menu .navbar-rightmenu-contact.contact--link.current-link a {
    box-shadow: 0 0 15px #1aaba0;
}

.footer-content a.contact--link.current-link:not(.footer-content a.btn-lightteal),
footer a.current-link {
    text-shadow: 3px 2px 12px #fff;
}

.navbar-rightmenu-2 .about--link.current-link a::before,
header nav .erp-crm-hubspot--link.current-link a::before,
header nav .blog--link.current-link a::before,
header nav .ai2026--link.current-link a::before,
header nav .case-studies--link.current-link a::before,
header nav .home --link.current-link a::before,
header nav .elearning--link.current-link a::before,
header nav .egovernance--link.current-link a::before,
header nav .sales--link.current-link a::before,
header nav .ecommerce--link.current-link a::before,
header nav .marketing--link.current-link a::before,
header nav .education-publishing--link.current-link a::before,
header nav .gaming--link.current-link a::before,
header nav .medical--link.current-link a::before,
header nav .data-business-intelligence--link.current-link a::before,
header nav .transformation-digital--link.current-link a::before,
header nav .software--link.current-link a::before,
header nav .automation-ai-agents--link.current-link a::before,
header nav .google-cloud--link.current-link a::before,
header nav .cybersecurity-infrastructure--link.current-link a::before,
header nav .about--link.current-link a::before,
header nav .certifications--link.current-link a::before,
header nav .partnerships--link.current-link a::before,
header nav .newsletter--link.current-link a::before,
header nav .digital-transformation--link.current-link a::before {
    position: absolute;
    top: 100%;
    left: 25%;
    right: 25%;
    width: 50%;
    height: 2px;
    border-radius: 50%;
    background-color: #fff;
    content: '';
}

header nav .erp-crm-hubspot--link.current-link a::before,
header nav .elearning--link.current-link a::before,
header nav .egovernance--link.current-link a::before,
header nav .sales--link.current-link a::before,
header nav .ecommerce--link.current-link a::before,
header nav .marketing--link.current-link a::before,
header nav .education-publishing--link.current-link a::before,
header nav .gaming--link.current-link a::before,
header nav .medical--link.current-link a::before,
header nav .data-business-intelligence--link.current-link a::before,
header nav .transformation-digital--link.current-link a::before,
header nav .software--link.current-link a::before,
header nav .automation-ai-agents--link.current-link a::before,
header nav .google-cloud--link.current-link a::before,
header nav .cybersecurity-infrastructure--link.current-link a::before,
header nav .about--link.current-link a::before,
header nav .certifications--link.current-link a::before,
header nav .partnerships--link.current-link a::before,
header nav .newsletter--link.current-link a::before,
header nav .digital-transformation--link.current-link a::before {
    background-color: #ff9327;
}

.navbar-rightmenu-2 .about--link.current-link a::after,
header nav .erp-crm-hubspot--link.current-link a::after,
header nav .blog--link.current-link a::after,
header nav .ai2026--link.current-link a::after,
header nav .elearning--link.current-link a::after,
header nav .egovernance--link.current-link a::after,
header nav .sales--link.current-link a::after,
header nav .ecommerce--link.current-link a::after,
header nav .marketing--link.current-link a::after,
header nav .education-publishing--link.current-link a::after,
header nav .gaming--link.current-link a::after,
header nav .medical--link.current-link a::after,
header nav .data-business-intelligence--link.current-link a::after,
header nav .transformation-digital--link.current-link a::after,
header nav .software--link.current-link a::after,
header nav .automation-ai-agents--link.current-link a::after,
header nav .google-cloud--link.current-link a::after,
header nav .cybersecurity-infrastructure--link.current-link a::after,
header nav .about--link.current-link a::after,
header nav .certifications--link.current-link a::after,
header nav .partnerships--link.current-link a::after,
header nav .newsletter--link.current-link a::after,
header nav .digital-transformation--link.current-link a::after {
    display: none;
}

.navbar-rightmenu-2 .about--link.current-link a::after {
    display: none;
}

.solutions.sticky-main-menu .navbar-rightmenu-2 .about--link.current-link a::before {
    background-color: #1aaba0;
}

.submenu-2 .select-option>li.current-link a {
    background-color: #5db5ab;
}

.mobileMenuActive-2 .submenu-2 .select-option>li.current-link a {
    background-color: transparent !important;
}

.mobileMenuActive-2 .submenu-2 .select-option>li.current-link a::before {
    left: 0 !important;
    right: auto !important;
}

/* Noile modificari */
.progr-lang-item a img {
    transition: filter .25s linear;
}

.progr-lang-item a img:hover {
    filter: brightness(110%);
}

.digital-transformation--page .clients-item.item5 img {
    max-width: 130px;
    max-height: 130px;
}

.digital-transformation--page .clients-item.item1 img {
    max-width: 115px;
    max-height: 70px;
}

.digital-transformation--page .clients-item.item2 img {
    max-height: 45px;
}

.education-publishing--page .clients-item.item2 img,
.education-publishing--page .clients-item.item3 img,
.education-publishing--page .clients-item.item4 img,
.education-publishing--page .clients-item.item5 img,
.education-publishing--page .clients-item.item6 img {
    max-width: 140px;
    max-height: 90px;
}

.education-publishing--page .clients-item.item1 {
    margin-right: 20px;
}

.medical--page .progr-lang-item.item2 img {
    max-width: 130px;
    max-height: 80px;
}

.medical--page .card-black {
    padding: 20px 5px 15px 15px;
}

.medical--page .clients-item.item1 img {
    max-width: 121px;
    max-height: 80px;
}

.medical--page .clients-item.item3 img {
    max-width: 70px;
}

.gaming--page .clients img {
    max-width: 120px;
    max-height: 100px;
}

.gaming--page .clients-item.item4 img {
    max-width: 96px;
    max-height: 56px;
}

.navbar-2 {
    max-width: 1255px;
}


@media (max-width: 769px) {
    section#clients-slider {
        padding-left: 0;
    }

    .clients-item.item1 {
        width: 15%;
    }

    .medical--page .clients-item {
        width: 35%;
    }

    .testimonials-section .padding-left-md {
        text-align: center;
    }

}

@media (max-width: 580px) {

    .education-publishing--page .clients-item.item2 img,
    .education-publishing--page .clients-item.item3 img,
    .education-publishing--page .clients-item.item4 img,
    .education-publishing--page .clients-item.item5 img,
    .education-publishing--page .clients-item.item6 img {
        max-width: 100%;
        max-height: 100%;
    }

    .education-publishing--page .clients-item.item5 img {
        max-width: 70px;
    }

    .gaming--page .clients .clients-item img {
        width: 100%;
    }

    .gaming--page .clients-item.item1 img {
        width: unset;
    }

    .gaming--page .clients {
        margin-top: 0;
        margin-bottom: 50px;
    }

    .gaming--page .clients .clients-item.item4 img {
        width: fit-content;
        width: -moz-fit-content;
    }

    .navbar-logo img {
        height: 43px !important;
        margin-top: -12px;
    }
}

@media (max-width: 480px) {
    .header .medical-banner .overlay {
        font-size: 20px !important;
    }

    .clients {
        margin-bottom: 30px;
        margin-top: 30px;
    }

    .education-publishing--page .clients-item,
    .education-publishing--page .clients-item.item1 {
        width: 40%;
    }

    .gaming--page .clients-item {
        width: 35%;
    }

    .gaming--page .clients-item.item1 img {
        width: 100%;
    }

    .gaming--page .clients-item.item1 {
        width: 10%;
    }

    .header .header-section.new-design-hp .banner,
    section.dt-s0a.mt-54.opti-container-lg {
        padding-top: 30px;
    }

    .solution-page .solutions-submenu {
        margin-bottom: -20px;
    }
}

/* Articole */
.article-content.medium-imgs img {
    max-height: 600px;
    max-width: 100%;
    width: unset;
}

/* Articol 4 */
.article-text.article-boxes {
    display: flex;
    justify-content: space-evenly;
}

.article-text.article-boxes .article-boxes-elem span {
    display: block;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    width: 100%;
}

.article-text.article-boxes .article-boxes-elem .title {
    margin-bottom: 20px;
}

.article-boxes-elem-title {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: space-between;
    min-height: 50px;
    position: relative;
}

.article-boxes-elem-title::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: -20px;
    width: calc(100% + 40px);
    height: 2px;
    background-color: #1BAAA0;
    z-index: -1;
}

.article-text.article-boxes .article-boxes-elem .logo {
    display: flex;
    align-content: space-between;
    justify-content: center;
    padding-bottom: 20px;
}

.article-text.article-boxes .article-boxes-elem .logo img {
    height: 60px;
    width: 100px;
    object-fit: contain;
}

.article-text.article-boxes .article-boxes-elem {
    width: 50%;
    padding: 10px 20px;
}

.article-boxes-elem.left {
    position: relative;
}

.article-boxes-elem.left::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 2px;
    background-color: #1BAAA0;
    z-index: -1;
}

.article-margin-top {
    margin-top: 50px;
}

.article-margin-top h3.font-weight-400 {
    margin-bottom: 30px;
}

/* Zoom pe imgs */
/* .article-img-zoom img {
    transition: transform .25s linear;
}
.article-img-zoom img:hover {
    transform: scale(2.5);
}
.article-img-zoom:hover {
    z-index: 111;
} */

.article-content.medium-imgs .article-area-6 img {
    max-width: 100%;
    max-height: unset;
}

.article-content ul.section-list>li::before {
    background-image: url(../../images/new/webinar/webinar-checked.svg);
    width: 28px;
    height: 26px;
    top: -2px;
    left: -40px;
    border-radius: 0;
    background-color: transparent;
}

.article-content .article-text ul.section-list>li::before {
    width: 20px;
    height: 18px;
    top: 1px;
}

@media (max-width: 700px) {
    .article-text.article-boxes {
        flex-wrap: wrap;
    }

    .article-text.article-boxes .article-boxes-elem {
        width: 100%;
    }

    .article-boxes-elem.left::after {
        content: "";
        position: absolute;
        top: unset;
        right: 0;
        height: 2px;
        width: 100%;
        background-color: #1BAAA0;
        z-index: -1;
    }

    .article-text.article-boxes .article-boxes-elem {
        padding: 30px 20px;
    }

    .section-title-center-resp .font-weight-400 {
        text-align: center;
    }

    .article-text.article-boxes .article-boxes-elem {
        padding-bottom: 0;
    }

    .article-text.article-boxes {
        border: 2px solid #1baaa0;
    }

    .article-boxes-elem-title::before {
        display: none;
    }
}

/* Article 5 */
.article-5 .article-text.article-boxes .article-boxes-elem .logo {
    padding-bottom: 10px;
}

.article-5 .article-boxes-elem-title {
    align-content: center;
    min-height: 71px;
}

.article-area-1.article-margin-top-2 {
    margin-top: 100px;
}

.article-5 .article-boxes-elem.left::after {
    width: 3px;
}

.article-content .font-weight-400.mb-15 {
    margin-bottom: 15px;
}

@media (max-width: 1300px) {

    .image-middle-div {
        height: 80%;
        width: auto;
    }

    .article-content.medium-imgs.article-5 .article-area-6 img {
        max-width: 100%;
    }
}

@media (max-width: 1050px) {
    .article-5 .article-text.article-boxes {
        flex-wrap: wrap;
    }

    .article-5 .article-text.article-boxes .article-boxes-elem {
        width: 100%;
        border: 3px solid #1baaa0;
        margin: 10px 0;
        box-shadow: 3px 3px 15px #0c4f4a30;
    }

    .article-5 .article-boxes-elem.left::after {
        display: none;
    }
}

@media (max-width: 700px) {
    .article-5 .article-text.article-boxes {
        border: 0;
    }

    .article-area-1.article-margin-top-2.article-margin-top-0 {
        margin-top: 50px;
    }

    .article-area-1.article-margin-top-2.article-margin-top-0 .article-text p {
        margin-bottom: 0;
    }
}

/* Article 7 */
.article-7 .article-area {
    display: flex;
    justify-content: center;
}

@media (max-width: 500px) {
    .article-7 .article-area img {
        max-height: unset;
        width: 100%;
    }
}

/* Article 8 */
.article-img-margin {
    margin-top: 20px;
    margin-bottom: 20px;
}

/* Testimoniale HP */
.bubbles.slick-slide {
    padding: 200px 0;
}

.bubbles .elem.left::after {
    left: -39%;
    width: 180%;
    height: 180%;
}

.bubbles .elem {
    width: 360px;
    margin: 0 120px;
}

.bubbles .elem.right::after {
    left: -32%;
    width: 160%;
    height: 160%;
}

.slick-initialized .bubbles.bubbles-m-top.slick-slide .elem .bubbles-img {
    margin-top: 10px;
}

@media (max-width: 1201px) {
    .bubbles .elem.left::after {
        top: -30%;
        width: 190%;
        height: 190%;
        left: -35%;
    }

    .bubbles .elem.right::after {
        top: -13%;
        width: 168%;
        height: 168%;
        left: -38%;
    }
}

@media (max-width: 1100px) {
    .home-s10.opti-container-xxl::after {
        top: 21%;
        left: 25%;
    }
}

@media (max-width: 901px) {
    .home-s10.opti-container-xxl::after {
        top: 16%;
        left: 14%;
        width: 74%;
        height: 74%;
    }

    .home-s10 button.slick-prev.slick-arrow,
    .home-s10 button.slick-next.slick-arrow {
        bottom: -45px;
    }

    section.home-s10.opti-container-xxl {
        padding-bottom: 110px;
    }
}

@media (max-width: 769px) {
    .home-s10.opti-container-xxl::after {
        top: 21%;
    }
}

@media (max-width: 700px) {
    .home-s10.opti-container-xxl::after {
        top: 30%;
        width: 94%;
        height: 90%;
        left: 4%;
    }

    section.home-s10.opti-container-xxl {
        padding-bottom: 50px;
    }
}

@media (max-width: 450px) {
    .home-s10.opti-container-xxl::after {
        top: 33%;
    }

    .piece-testimonials-hp.hp-newdesign {
        padding-bottom: 80px;
    }

    .elem.elem-m-top.slick-slide {
        margin-top: 56px;
    }

    #testimonials-carousel,
    #testimonials-carousel-r #testimonials-carousel-r-new {
        padding-top: 10px;
    }
}

/* ERP CRM HEADER 2 BUTTONS*/

.erp-crm-header-buttons {
    margin: auto;
    margin-bottom: 30px;
    margin-top: 30px;
}

.justify-content-center {
    justify-content: center !important;
}

.padding-bottom-five-rem {
    padding-bottom: 5rem;
}


/* ERP/CRM page - three bubbles */
.erp-crm-hubspot--page .three-bubbles-desktop {
    position: relative;
}

.erp-crm-hubspot--page .three-bubbles-section {
    padding-bottom: 670px;
}

.three-bubbles-desktop .bubble-elem.elem-4::before {
    background-image: url(../../images/new/svg/g-bubble-1.svg);
    width: 200%;
    height: 200%;
    top: -33%;
    left: -40%;
}

.three-bubbles-desktop .bubble-elem.elem-4::after {
    left: unset;
    left: -41%;
    top: 12%;
}

.erp-crm-hubspot--page .three-bubbles-desktop .bubble-elem.elem-1 {
    bottom: -40px;
    left: 50px;
}

.erp-crm-hubspot--page .md-s4 .three-bubbles-desktop .bubble-elem.elem-3 {
    bottom: -306px;
    right: 15px;
}

.erp-crm-hubspot--page .three-bubbles-desktop .bubble-elem.elem-4 {
    bottom: -560px;
    left: 118px;
    position: absolute;
}

.erp-crm-hubspot--page .three-bubbles-desktop .bubble-elem.elem-4 .bubble-elem-content {
    margin-top: 190px;
}

@media (max-width: 1025px) {
    .erp-crm-hubspot--page .md-s4 .three-bubbles-desktop .bubble-elem.elem-3 {
        bottom: -265px;
    }
}

@media (max-width: 991px) {
    .erp-crm-hubspot--page .md-s4 .three-bubbles-desktop .bubble-elem.elem-3 {
        bottom: -220px;
        right: 41px;
    }

    .erp-crm-hubspot--page .md-s4 .three-bubbles-desktop .bubble-elem.elem-2 {
        top: -165px;
    }
}

@media (max-width: 901px) {

    .erp-crm-hubspot--page .three-bubbles-responsive .bubble-elem.elem-1,
    .erp-crm-hubspot--page .three-bubbles-responsive .bubble-elem.elem-2,
    .erp-crm-hubspot--page .three-bubbles-responsive .bubble-elem.elem-3 {
        padding-top: 180px;
    }

    .erp-crm-hubspot--page .md-s4.slickslider-blackarrows.three-bubbles-section button.slick-arrow {
        bottom: -40px;
    }
}

@media (max-width: 769px) {
    .erp-crm-hubspot--page .md-s4 .three-bubbles-responsive .bubble-elem.elem-4 .carousel-text {
        width: 55%;
    }

    .erp-crm-hubspot--page .three-bubbles-responsive .bubble-elem.elem-1,
    .erp-crm-hubspot--page .three-bubbles-responsive .bubble-elem.elem-2,
    .erp-crm-hubspot--page .three-bubbles-responsive .bubble-elem.elem-3 {
        padding-top: 120px;
    }

    .erp-crm-hubspot--page .md-s4 .three-bubbles-responsive::after {
        left: -180px;
        width: 147%;
        height: 120%;
        top: -3px;
    }

    .hubspot-center.erp-crm-hubspot--page .md-s4.three-bubbles-section {
        padding-bottom: 140px;
    }

    .hubspot-center.erp-crm-hubspot--page .md-s4.slickslider-blackarrows.three-bubbles-section button.slick-arrow {
        bottom: -100px;
    }

    .erp-crm-header-buttons {

        margin: auto;
        margin-bottom: 30px;
    }

}

@media (max-width: 580px) {
    .erp-crm-hubspot--page .md-s4 .three-bubbles-responsive::after {
        left: -86px;
        width: 133%;
        height: 111%;
    }

    .erp-crm-hubspot--page .three-bubbles-responsive .bubble-elem.elem-1,
    .erp-crm-hubspot--page .three-bubbles-responsive .bubble-elem.elem-2,
    .erp-crm-hubspot--page .three-bubbles-responsive .bubble-elem.elem-3 {
        padding-top: 170px;
    }

    .hubspot-center.erp-crm-hubspot--page .md-s4.three-bubbles-section {
        padding-bottom: 100px;
    }

    .hubspot-center.erp-crm-hubspot--page .md-s4.slickslider-blackarrows.three-bubbles-section button.slick-arrow {
        bottom: -55px;
    }

    .erp-crm-hubspot--page .md-s4 .three-bubbles-responsive .bubble-elem.elem-4 .carousel-text {
        width: 75%;
    }
}

@media (max-width: 460px) {
    .erp-crm-hubspot--page .md-s4 .three-bubbles-responsive::after {
        left: -64px;
        top: 11px;
    }

    .erp-crm-hubspot--page .three-bubbles-responsive .bubble-elem.elem-1,
    .erp-crm-hubspot--page .three-bubbles-responsive .bubble-elem.elem-2,
    .erp-crm-hubspot--page .three-bubbles-responsive .bubble-elem.elem-3 {
        padding-top: 130px;
    }

    .erp-crm-hubspot--page .md-s4 .three-bubbles-responsive::after {
        width: 174%;
        height: 135%;
        left: -134px;
        top: -53px;
    }
}

@media (max-width: 380px) {
    .erp-crm-hubspot--page .md-s4 .three-bubbles-responsive .bubble-elem.elem-4 .carousel-text {
        width: 100%;
    }

    .erp-crm-hubspot--page .md-s4 .three-bubbles-responsive::after {
        left: -115px;
    }
}

@media (max-width: 580px) {

    .solutions.mobile .logo-mobile,
    .solutions.mobile.mobileMenuActive-2 .logo-mobile {
        top: calc(2% + 2px);
    }
}

.border-radius-ten {
    border-radius: 10px;
}

/* Article 8 */
.article--zoom-img .article-img-margin {
    margin-top: 20px;
    margin-bottom: 20px;
}

.article--zoom-img .newImg {
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
}

.article--zoom-img .newImg:hover {
    opacity: 0.7;
}

/* The Modal (background) */
.article--zoom-img .modal {
    display: none;
    position: fixed;
    z-index: 2000;
    padding-top: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0 0 0 / 70%);
    justify-content: center;
    align-items: center;
}

/* Modal Content (image) */
.article--zoom-img .modal-content {
    /* padding-top: 60px; */
    margin: auto;
    display: block;
    width: 80% !important;
    max-width: 900px !important;
    max-height: 90vh !important;
    object-fit: contain;
}

/* Caption of Modal Image */
.article--zoom-img #caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}

/* Add Animation */
.article--zoom-img .modal-content,
.article--zoom-img #caption {
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
    from {
        -webkit-transform: scale(0)
    }

    to {
        -webkit-transform: scale(1)
    }
}

@keyframes zoom {
    from {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}

/* The Close Button */
.article--zoom-img .close {
    position: fixed;
    top: 3vh;
    right: 35px;
    color: #f1f1f1;
    font-size: 60px;
    font-weight: bold;
    transition: 0.3s;
}

.article--zoom-img .close:hover,
.article--zoom-img .close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px) {
    .article--zoom-img .modal-content {
        width: 100%;
    }
}

.article--zoom-img .modal-content {
    height: unset;
}


/* Book a meeting - cta */
.article-cta .btn.article-book-a-meeting {
    background-color: #ff9327;
    color: #fff;
    padding: 15px 50px;
    border-radius: 999px 50%;
    margin: 80px auto 80px auto;
    font-size: 20px;
    animation: book-a-meeting-anim 3s cubic-bezier(0.11, 0, 0.5, 0) 1s infinite normal none;
}

.article-cta .btn.article-book-a-meeting:hover {
    animation: unset;
}

@keyframes book-a-meeting-anim {
    0% {
        animation-timing-function: ease-out;
        transform: scale(1);
        transform-origin: center center;
    }

    10% {
        animation-timing-function: ease-in;
        transform: scale(0.91);
    }

    17% {
        animation-timing-function: ease-out;
        transform: scale(0.98);
    }

    33% {
        animation-timing-function: ease-in;
        transform: scale(0.87);
    }

    45% {
        animation-timing-function: ease-out;
        transform: scale(1);
    }
}


/* Scroll oriz - pag tip solutions */
@media (max-width: 800px) {

    .blog .sidebar,
    .blog .sidebar.sidebar-sticky,
    .case-studies .sidebar,
    .case-studies .sidebar.sidebar-sticky {
        max-width: 100%;
        width: 500px;
    }
}

@media (max-width: 580px) {

    .blog .sidebar,
    .blog .sidebar.sidebar-sticky,
    .case-studies .sidebar,
    .case-studies .sidebar.sidebar-sticky {
        max-width: 100%;
        width: 250px;
    }
}


/* Articol 10 */
.table-subheader td {
    background-color: #eee;
    text-align: center;
    font-size: 0.95rem;
    letter-spacing: 0.04em;
    padding: 8px 12px;
    border-color: #eee !important;
}

.table-subheader td strong {
    font-weight: 700;
}

table.opti-article-table {
    border: 1px solid #ccc;
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    width: 100%;
    table-layout: fixed;
}

table.opti-article-table caption {
    font-size: 1.5em;
    margin: .5em 0 .75em;
}

table.opti-article-table tr {
    background-color: #fff;
    border: 1px solid #ddd;
    padding: .35em;
    font-size: 16px;
}

table.opti-article-table th,
table.opti-article-table td {
    padding: .625em;
    text-align: center;
}

table.opti-article-table th {
    font-size: .85em;
    letter-spacing: .1em;
    text-transform: uppercase;
}

table.opti-article-table thead tr {
    background-color: #1BAAA0;
    color: #fff;
    font-size: 16px;
}

table.opti-article-table .not-available {
    background-color: #d0dce0;
}

table.opti-article-table .available {
    background-color: #e8f4f9;
}

table.opti-article-table .available,
table.opti-article-table .not-available {
    display: table-cell;
}

.table-title-responsive {
    display: none;
}

.blue-text {
    color: blue;
    font-style: italic;
}

table.opti-article-table thead {
    position: sticky;
    top: 0;
    margin-bottom: 40px;
}

.article-content p.small-text {
    font-size: 14px;
    margin-bottom: 0;
}

@media (max-width: 850px) {
    table.opti-article-table th {
        font-size: 13px;
    }

    table.opti-article-table tr {
        font-size: 14px;
    }
}

@media screen and (max-width: 600px) {
    h3.table-title-responsive {
        display: block;
        margin-bottom: 20px;
        margin-top: 35px;
        font-size: 16px;
        text-align: center;
    }

    table.opti-article-table {
        border: 0;
    }

    table.opti-article-table caption {
        font-size: 1.3em;
    }

    table.opti-article-table thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }

    table.opti-article-table tr {
        border-bottom: 3px solid #ddd;
        display: block;
        margin-bottom: .625em;
    }

    table.opti-article-table td {
        border-bottom: 1px solid #ddd;
        display: block;
        font-size: .8em;
        text-align: right;
        padding-left: 130px;
    }

    table.opti-article-table td::before {
        content: attr(data-label);
        float: left;
        font-weight: bold;
        text-transform: uppercase;
        margin-left: -120px;
        color: #000;
    }

    table.opti-article-table td:last-child {
        border-bottom: 0;
    }

    table.opti-article-table tr td {
        background: linear-gradient(to left, #fff 35%, #b4ddda 70%);
        color: #000;
    }

    table.opti-article-table tr td.not-available {
        background: linear-gradient(to left, #d0dce0 35%, #b4ddda 70%);
        display: block;
    }

    table.opti-article-table tr td.available {
        background: linear-gradient(to left, #e8f4f9ab 35%, #b4ddda 70%);
    }

    table.opti-article-table tr {
        padding: 0;
    }

    table.opti-article-table tr td:first-child {
        font-weight: bold;
    }

    table.opti-article-table .available,
    table.opti-article-table .not-available {
        display: block;
        width: unset;
    }
}

/* BUG */
@media (max-width: 580px) {
    .solutions.blogspot.mobile .logo-mobile {
        top: calc(1% + 4px);
    }
}

/* New notification - latest announcements */
.latest-bottom-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.latest-bottom .blogposts-new {
    font-size: 14px;
}

.d-grid-2cols .box-elem.box-white-wrap {
    width: auto !important;
}

.elearning--page .home-s5,
.egovernance--page .home-s5 {
    padding-top: 100px;
}

.notsure-section .erpcrmhs .notsure-elem .img-ss-elearning {
    width: 100% !important;
}

.notsure-section .erpcrmhs .notsure-elem .img-ss-elearning.sidebar-image {
    width: 50% !important;
}

.elearning--page .laptop-section .img-ss-elearning,
.egovernance--page .laptop-section .img-ss-elearning {
    width: 100% !important;
    max-width: 500px !important;
    margin-left: 0 !important;
}

@media (max-width:991px) {
    .header-elearning {
        flex-direction: column;
    }

    .header-elearning img:nth-child(2) {
        margin-top: 20px;
    }

    .box-elem.box-white-wrap {
        width: 40% !important;
        margin: 10px 0
    }

    .section-title-10 .boxes.flex-spbtwn {
        flex-wrap: wrap;
        justify-content: space-around;
    }

    .elearning-header-cards .boxes.flex-spbtwn {
        flex-wrap: wrap;
        justify-content: space-around;
    }

    .elearning--page .laptop-section .elem.left {
        display: block !important;
        margin-top: 20px;
    }

    .elearning--page .laptop-section .flex-spbtwn {
        flex-direction: column;
    }

    .elearning--page .laptop-section .elem.right {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .elearning--page .laptop-section .elem.right .section-title-7 {
        text-align: center !important;
    }

    .header-egovernance {
        flex-direction: column;
    }

    .header-egovernance img:nth-child(2) {
        margin-top: 20px;
    }


    .egovernance--page .boxes.flex-spbtwn {
        flex-wrap: wrap;
        justify-content: space-around;
    }

    .egovernance--page .laptop-section .elem.left {
        display: block !important;
        margin-top: 20px;
    }

    .egovernance--page .laptop-section .flex-spbtwn {
        flex-direction: column;
    }

    .egovernance--page .laptop-section .elem.right {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .egovernance--page .laptop-section .elem.right .section-title-7 {
        text-align: center !important;
    }
}

@media (max-width:767px) {
    .box-elem.box-white-wrap {
        width: 100% !important;
        min-height: auto;
        margin: 10px 6px;
        text-align: center;
    }

    .d-grid-2cols {
        grid-template-columns: 100%;
    }

    .elearning-header-cards,
    .elearning--page .laptop-section,
    .elearning--page .opti-container-md.tech-stack {
        margin-top: 30px !important;
    }

    .egovernance-header-cards,
    .egovernance--page .laptop-section,
    .egovernance--page .opti-container-md.tech-stack {
        margin-top: 60px !important;
    }
}

@media (max-width:580px) {
    .elearning--page .notsure-section .erpcrmhs .notsure-elem {
        display: block !important;
    }

    .elearning--page .erpcrmhs .notsure-content {
        text-align: center;
    }

    .elearning--page .erpcrmhs .section-title-3 {
        text-align: center;
    }

    .elearning--page .notsure-section .erpcrmhs .notsure-elem .img-ss-elearning {
        width: 100% !important;
    }

    .elearning--page .notsure-section .erpcrmhs .notsure-elem .img-ss-elearning.sidebar-image {
        width: 50% !important;
    }

    .elearning--page .home-s5 {
        padding-top: 0px;
    }

    .egovernance--page .notsure-section .erpcrmhs .notsure-elem {
        display: block !important;
    }

    .egovernance--page .erpcrmhs .notsure-content {
        text-align: center;
    }

    .egovernance--page .erpcrmhs .section-title-3 {
        text-align: center;
    }

    .egovernance--page .notsure-section .erpcrmhs .notsure-elem .img-ss-elearning {
        width: 100% !important;
    }

    .egovernance--page .notsure-section .erpcrmhs .notsure-elem .img-ss-elearning.sidebar-image {
        width: 50% !important;
    }

    .egovernance--page .home-s5 {
        padding-top: 0px;
    }
}



/* Pagina de internet shop */

.arrow-rotate {
    transform: rotateX(180deg);
}

.whole-section {
    flex-direction: column;
    position: relative;
    /* border-radius: 50px;  */
    transition: border-radius 0.3s;
}

.arrow-section {
    background: transparent;
    box-shadow: none !important;
}

.internet-shop-arrow {
    width: 25px;
    justify-content: center;
    cursor: pointer;
}

.internet-shop-submenu {
    box-shadow: none;
    width: inherit;
    background: inherit;
    display: none;
    place-items: center;
    border-radius: 0 0 50px 50px !important;
    position: absolute;
    top: 100px;
    left: 0
}

@media (max-width: 991px) {
    .internet-shop-submenu {
        top: 85px;
    }
}

@media (max-width: 766px) {
    .internet-shop-submenu {
        top: 40px;
        border-radius: 0 0 0 0 !important;
    }
}

/* FAQ */

.faq .content h3 {
    font-weight: 400;
    font-size: 34px;
}

.faq .content h4 {
    font-size: 20px;
    font-weight: 700;
    margin-top: 5px;
}

.faq .content p {
    font-size: 15px;
    color: #6c757d;
}

.faq .accordion-item {
    border: 0;
    margin-bottom: 20px;
    box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.06);
    border-radius: 10px;
}

.faq .accordion-item:last-child {
    margin-bottom: 0;
}

.faq .accordion-collapse {
    border: 0;
}

.faq .accordion-button {
    padding: 20px 50px 20px 20px;
    font-weight: 600;
    border: 0;
    font-size: 16px;
    line-height: 24px;
    color: var(--color-default);
    text-align: left;
    background: #fff;
    box-shadow: none;
    border-radius: 10px;
}

.faq .accordion-button .num {
    padding-right: 10px;
    font-size: 20px;
    line-height: 0;
    color: var(--color-primary);
}

.faq .accordion-button:not(.collapsed) {
    color: var(--color-primary);
    border-bottom: 0;
    box-shadow: none;
}

.faq .accordion-button:after {
    position: absolute;
    right: 20px;
    top: 20px;
}

.faq .accordion-body {
    padding: 0 40px 30px 45px;
    border: 0;
    border-radius: 10px;
    background: #fff;
    box-shadow: none;
}

.title {
    font-size: 3rem;
    margin: 2rem 0;
}

.faq {
    max-width: 700px;
    margin-top: 2rem;
    padding-bottom: 1rem;
    border-bottom: 2px solid #fff;
    cursor: pointer;
}

.question {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.question h3,
.question h4 {
    font-size: 18px !important;
}

.answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
}

.faq.active .answer {
    max-height: 100px;
    /* You can adjust this value depending on the content height */
    transition: max-height 0.3s ease-in;
}

.icon {
    transition: transform 0.3s;
}

.faq.active .icon {
    transform: rotate(180deg);
}

.dt .howwedoit.our-integrations-top {
    background: transparent !important;
}

/* === HERO OPTI === */
.hero-opti {
    padding: 80px 20px;
    gap: 60px;
    color: #fff;

}

.hero-opti .hero-left {
    flex: 1;
    max-width: 600px;
}

.hero-opti .hero-headline {
    font-size: 3rem;
    font-weight: 700;
    line-height: 1.2;
}

.hero-opti .hero-subline {
    margin: 3rem 0 3rem;
    font-size: 1.225rem;
    opacity: 0.9;
}

.hero-ctas {
    margin: 0 0 3rem;
    gap: 15px;
}

.hero-opti .hero-ctas .btn {
    font-weight: 600;
    border-radius: 50px;
    padding: 10px 22px;
}

.btn-port,
.btn-port:hover,
.hero-opti .btn-port,
.hero-opti .btn-port:hover {
    background: #ff4e00 !important;
    color: #fff !important;
    border-color: #fff !important;
}

.hero-opti .btn-teal {
    background: #1BAAA0;
    color: #fff;
}

.hero-opti .btn-teal:hover {
    background: #159086;
    color: #fff;
}

.hero-opti .btn-outline-light {
    border-color: #fff;
    color: #fff;
}

.hero-opti .btn-outline-light:hover {
    background: #fff;
    color: #002b44;
}

.hero-badges img {
    height: 45px;
    margin-right: 12px;
    margin-top: 20px;
}

/* Right side cards */
.hero-right {
    flex: 1;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 16px;
    align-items: center;
}

.hero-card {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 16px;
    padding: 16px 12px;
    text-align: center;
    color: #fff;
    text-decoration: none;
    transition: all .25s ease;
}

.hero-card:hover {
    background: #1BAAA0;
    border-color: #1BAAA0;
    transform: translateY(-4px);
}

.hero-card .icon {
    font-size: 2rem;
    margin-bottom: 12px;
}

.hero-card span {
    font-weight: 600;
    font-size: 1rem;
}

/* badges wrap nicely + spacing */
.hero-badges {
    gap: 10px 12px;
    flex-wrap: nowrap;
    align-items: center;
}


.clutch-div {
    max-width: 220px;

    flex-shrink: 1;
    min-width: 130px;
    max-height: 70px;
    overflow-y: hidden;
}

.clutch-div iframe {
    transform-origin: top left;
    transform: scale(0.8);
    width: 125% !important;
    height: 125% !important;
}


.s_newpar {
    padding: 10px;
    margin: 20px auto 40px;
    border-radius: 5px;
    padding-left: 60px;
    background: url(/images/info.png) left 20px no-repeat #CCF2FF;
}

.s_newpar--grey {
    padding: 10px;
    margin: 20px auto 40px;
    border-radius: 5px;
    padding-left: 60px;
    background: url(/images/info.png) left 20px no-repeat #f3f4f6;
}

.s_newpar--cream {
    padding: 10px;
    margin: 20px auto 40px;
    border-radius: 5px;
    padding-left: 60px;
    background: url(/images/info.png) left 20px no-repeat #fff3cf;
}

.s_newpar--teal {
    padding: 10px;
    margin: 20px auto 40px;
    border-radius: 5px;
    padding-left: 60px;
    background: url(/images/info.png) left 20px no-repeat #cfe9ee;
}

.s_newpar_about {
    padding: 5px 10px;
    margin: 5px auto;
    font-size: 12px;
    text-align: left !important;
    width: 100%;
    line-height: 22px;

}

.s_newpar_about a {
    margin-right: 8px;
    background: #CCF2FF;
    padding: 0 6px;
    border-radius: 5px;
    display: inline-block;
    margin-bottom: 4px;
}

/* === HERO OPTI – LIGHT VARIANT === */
.hero-opti.hero-opti--light {
    padding: 10px 0px 0;
    gap: 60px;
    color: #0c2b3a;

}



.hero-opti.hero-opti--light .hero-left {
    flex: 1;
    min-width: 600px;
    padding-top: 30px;
}

.hero-opti.hero-opti--light .hero-headline {
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1.2;
    color: #0c2b3a;
}

.hero-opti.hero-opti--light .hero-subline {
    margin-top: 1rem;
    font-size: 1rem;
    color: #1f3a48;
    opacity: .95;
}

/* Buttons */
.hero-opti .btn-teal {
    background: #1BAAA0;
    color: #fff;
    border-radius: 50px;
    padding: 10px 22px;
    font-weight: 600;
}

.hero-opti .btn-teal:hover {
    background: #159086;
    color: #fff;
}

.hero-opti.hero-opti--light .btn-outline-dark {
    border-color: #0c2b3a;
    color: #0c2b3a;
    border-radius: 50px;
    padding: 10px 22px;
    font-weight: 600;
}

.hero-opti.hero-opti--light .btn-outline-dark:hover {
    background: #0c2b3a;
    color: #fff;
}

/* Badges */
.hero-opti.hero-opti--light .hero-badges img {
    height: 65px;
    margin-right: 12px;
    margin-top: 20px;
}

/* Right grid */
.hero-opti.hero-opti--light .hero-right,
.hero-right {
    flex: 1;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 16px;
}

.hero-opti.hero-opti--light .hero-card,
.hero-card {
    background: #ffffff;
    border: 1px solid #dfe8ee;
    border-radius: 16px;
    padding: 16px 6px;
    text-align: center;
    color: #0c2b3a;
    text-decoration: none;
    transition: box-shadow .25s ease, transform .25s ease, border-color .25s ease, background-color .25s ease;
    box-shadow: 0 1px 2px rgba(8, 28, 33, 0.06);
    position: relative;
}

.hero-opti.hero-opti--light .hero-card:hover,
.hero-card:hover {
    background: #e9f7f6;
    border-color: #1BAAA0;
    transform: translateY(-4px);
    box-shadow: 0 6px 18px rgba(9, 40, 54, 0.12);
}

.hero-card .icon {
    font-size: 2rem;
    margin-bottom: 12px;
    color: #1BAAA0;
}

.hero-card span {
    font-weight: 600;
    font-size: 1rem;
    color: #0c2b3a;
}

.hero-opti .hero-rightimg {
    flex: 1;
    display: flex;
    justify-content: flex-end;
}

.hero-opti .hero-visual {
    width: 100%;
    max-width: 720px;
    aspect-ratio: 16/10;
    /* consistent shape */
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 12px 32px rgba(9, 40, 54, .18);
}

.hero-opti .hero-visual img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}







/* --- Hero right: 3-tile mosaic --- */
.hero-mosaic {
    display: grid;
    grid-template-areas:
        "L R1"
        "L R2";
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}

.hero-mosaic .mosaic-tile {
    position: relative;
    display: block;
    border-radius: 9px;
    overflow: hidden;
    aspect-ratio: 4 / 3;
    background: #0d2b3a;
    box-shadow: 0 8px 22px rgba(0, 0, 0, .12);
    text-decoration: none;
    max-width: 400px;
    text-align: left;
    border: solid 2px #CCC;
}

.hero-mosaic .large {
    grid-area: L;
    aspect-ratio: 3 / 4;
    max-height: 86%;
    border: solid 2px #FF4E00;

}

.hero-mosaic .mosaic-tile img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    object-position: left;
    filter: saturate(.9) contrast(1.05);
}

.hero-mosaic .mosaic-tile::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(1, 43, 68, 0) 35%, rgba(1, 43, 68, .55) 100%);
}

.hero-mosaic .mosaic-tile span.t {
    position: absolute;
    left: 12px;
    bottom: 10px;
    z-index: 2;
    padding: 6px 10px;
    border-radius: 10px;
    font-weight: 400;
    font-size: .9rem;
    color: #fff;
    background: linear-gradient(180deg, rgba(1, 43, 68, .5) 25%, #1baaa0 100%) !important;
    background: linear-gradient(180deg, rgba(1, 43, 68, .35) 25%, rgba(1, 43, 68, .65) 100%) !important;
    font-weight: bold;
}

.hero-mosaic .mosaic-tile span.t span.l {
    font-size: 11px;
    display: block;
    margin-top: 5px;
    font-weight: normal;
}

.hero-mosaic .mosaic-tile:hover img {
    transform: scale(1.02);
    transition: .25s ease;
}


@media (max-width: 992px) {
    .hero-opti.hero-opti--light .hero-left {
        min-width: 350px;
        padding-top: 8px;
        max-width: 500px;
    }

    .hero-badges {
        gap: 0;
    }

    .hero-opti.hero-opti--light .hero-badges img {
        height: 60px;
        margin: 0 0 0 3px;
    }


    .hero-opti .hero-rightimg {
        justify-content: center;
    }

    .hero-opti .hero-visual {
        max-width: 100%;
        aspect-ratio: 16/9;
    }


    .hero-ctas {
        margin-bottom: 0rem;
    }

    .hero-opti.hero-opti--light {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        gap: 30px;
    }

    .hero-opti.hero-opti--light .hero-headline {
        font-size: 1.5rem !important;
    }

    .footer-banner-contenttext .hero-right {
        grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
        gap: 10px;
        margin: 10px 0;

    }

    .clutch-div {
        max-height: 80px;
    }

    .hero-mosaic .mosaic-tile span.t {
        font-size: .86rem;
        padding: 5px 6px;
        left: 5px;
        top: 5px;
        bottom: unset;
    }

    .hero-mosaic .mosaic-tile span.t span.l {
        font-size: 11px;
    }
}

@media (max-width: 720px) {



    .hero-opti.hero-opti--light {
        flex-direction: column;
        text-align: center;
    }

    .hero-opti.hero-opti--light .hero-right,
    .hero-right {
        grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));

    }

    .hero-opti {
        flex-direction: column;
        text-align: center;
    }

    .hero-left,
    .hero-right {
        max-width: 100%;
    }

    .hero-right {
        grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    }
}


@media (max-width: 580px) {
    .hero-opti.hero-opti--light .hero-left {
        min-width: auto;
    }

    .hero-opti .hero-subline {
        margin-bottom: 1.5rem;
    }

    .hero-badges {
        gap: 0;
    }

    .hero-opti.hero-opti--light .hero-badges img {
        height: 52px;
        margin: 0 0 0 3px;
    }



}

@media (max-width: 380px) {
    .hero-ctas {
        gap: 0;
    }
}

/*  Newsletter Section */
.newsletter-zone-wrapper {
    padding: 50px 0 20px;
    border-top: 1px solid #e1e4e8;
}

.newsletter-zone-wrapper .opti-container-xl {
    background: #E7F5F9;
    border-radius: 10px;
    padding: 20px 30px;
}


.newsletter-flex-container {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    align-items: center;
    justify-content: space-between;
}

.nl-content-side {
    flex: 1;
    min-width: 300px;
}

.nl-form-container {
    margin: -40px !important;
}

/* Right Side: The Preview Card */
.nl-preview-side {
    flex: 1;
    min-width: 300px;
    display: flex;
    justify-content: center;
}

.nl-card {
    background: white;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    max-width: 400px;
    transition: transform 0.3s ease;
    border: 1px solid #eee;
}

.nl-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12);
}

.nl-card-img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    object-position: top;
    border-bottom: 1px solid #f0f0f0;
}

.nl-card-body {
    padding: 25px;
}

.nl-date {
    font-size: 12px;
    color: #999;
    margin-bottom: 8px;
    display: block;
}

.nl-date a {
    color: #999;
    text-decoration: underline;
}

.nl-card-title {
    font-size: 18px;
    font-weight: 700;
    color: #1f305b;
    margin-bottom: 10px;
    line-height: 1.4;
}

.nl-card-excerpt {
    font-size: 14px;
    color: #666;
    margin-bottom: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.btn-link-arrow {
    color: #00a4bd;
    font-weight: 700;
    text-decoration: none;
    font-size: 14px;
}

.btn-link-arrow:hover {
    text-decoration: underline;
}

.contact--page .newsletter-flex-container,
.newsletter--page .newsletter-flex-container {
    padding-top: 40px;
}

@media (max-width: 768px) {
    .newsletter-flex-container {
        flex-direction: column-reverse;
        padding-top: 0 !important;
    }

    .nl-card {
        max-width: 100%;
        margin: 0 20px;
    }

    .nl-card-body {

        text-align: center;
    }

    .nav-search-form {
        height: 32px;
    }

    .nav-search-input {
        width: 140px;
        font-size: 13px;
        padding-left: 10px;
    }
}

.newsletter-browser-window {
    border: 1px solid #e1e4e8;
    border-radius: 8px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    background: #fff;
    margin-top: 30px;
}

.browser-bar {
    background: #f6f8fa;
    padding: 10px 15px;
    border-bottom: 1px solid #e1e4e8;
    display: flex;
    gap: 6px;
}

.dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #ddd;
}

.dot.red {
    background: #ff5f56;
}

.dot.yellow {
    background: #ffbd2e;
}

.dot.green {
    background: #27c93f;
}

/* --- AI Sales --- */

.ai-tabs {
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 18px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.06);
    overflow: hidden;
}

.ai-tab-buttons {
    display: flex;
    gap: 8px;
    padding: 14px 16px 0 16px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.ai-tab {
    position: relative;
    background: #f3f7f7;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-bottom: none;
    padding: 10px 16px 12px 16px;
    font-weight: 600;
    color: #4f6f73;
    cursor: pointer;
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
    margin-bottom: -2px;
    transition: all 0.2s ease;
}

.ai-tab:hover {
    background: #e8f5f5;
    color: #0f7f83;
}

.ai-tab.active {
    background: #ffffff;
    color: #0f7f83;
    transform: translateY(-1px);
    box-shadow: 0 -4px 12px rgba(0, 150, 136, 0.15);
}

.ai-tab.active::before {
    content: "";
    position: absolute;
    top: 0;
    left: 12px;
    right: 12px;
    height: 3px;
    background: linear-gradient(to right, #1aa6a6, #0f7f83);
    border-radius: 4px;
}

.ai-tab.active::after {
    border-left-color: #ffffff;
}


.ai-tab-content {
    padding: 20px;
}


.ai-tab-panel {
    display: none;
}

.ai-tab-panel.active {
    display: block;
}

#ai-tab-image .newImg {
    width: 100%;
    height: auto;
    border-radius: 14px;
}

.ais_top_band {
    padding: 40px 0 0;
}

.ais_band_inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0 auto;
}

.ais_band_label {
    color: #4a5568;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.ais_band_label i {
    color: #00B2A9;
    font-size: 38px;
}

.ais_band_label strong {
    color: #0D2C54;
    font-weight: 700;
}

.ais_band_cta {
    font-size: 14px;
    font-weight: 600;
    color: #555;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: all 0.2s ease;
    border: 1px solid transparent;
    padding: 4px 12px;
    border-radius: 4px;
}

.ais_band_cta:hover {
    text-decoration: underline;
}


.ais_section_light {
    padding: 60px 0 0;
}

.ais_section_white {
    padding: 60px 15px;
    background-color: #ffffff;
    line-height: 160%;
}

.ais_section_subscribe {
    padding: 80px 0;
    background: #2EB7AC;
    border-radius: 15px;
    color: white;
}

#pdf-download {
    padding: 60px 20px;
    background: #f8fbff !important;
    color: #002b44;
}

.pdf-container {
    padding: 10px;
    display: flex;
    gap: 30px;
}

.pdf-download-preview {
    display: flex;
    justify-content: center;
    max-height: 440px;
}

.pdf-preview-card {
    display: block;
    text-decoration: none;
    border-radius: 12px;
    padding: 0!important;
    overflow: hidden;
    background: #f8f9fb;
    transition: all 0.3s ease;
    max-width: 600px;
}

.pdf-preview-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 15px 40px rgba(0,0,0,0.12);
}

.pdf-preview-image {
    width: 100%;
    display: block;
    height: 70%;
    object-fit: contain;
}

.pdf-preview-body {
    padding: 20px;
    text-align: center;
}

.pdf-preview-label {
    font-size: 13px;
    color: #888;
    display: block;
    margin-bottom: 8px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.pdf-preview-text {
    font-size: 16px;
    font-weight: 600;
    color: #111;
}


.ais_container_narrow {
    max-width: 800px;
    margin: 0 auto;
}

.ais_grid_kpi {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 20px;
    margin-top: 40px;
}

.ais_grid_kpi--3cols {
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
}


.ais_hero_section {
    background: #2EB7AC;
    padding: 60px 0;
    /* Reduced slightly since we added the band */
    color: #ffffff;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

.ais_hero_pill {
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.2);
    display: inline-block;
    padding: 5px 15px;
    border-radius: 50px;
    font-size: 12px;
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.ais_hero_headline {
    font-size: 2.1rem;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 20px;
    color: #ffffff;
}

.ais_hero_headline a{
    color: #ffffff !important;
    text-decoration: none !important;
}


.ais_hero_subline {
    font-size: 1.1rem;
    color: rgba(255, 255, 255, 0.9);
    line-height: 1.6;
}

.ais_guide1_bk {
    background: linear-gradient(135deg, #4285F4 0%, #2EB7AC 60%);
}

.ais_guide2_bk {
    background: linear-gradient(135deg, #34A853 0%, #2EB7AC 60%);
}

.ais_guide3_bk {
    background: linear-gradient(135deg, #FBBC05 0%, #2EB7AC 60%);
}

.ais_guide4_bk {
    background: linear-gradient(135deg, #EA4335 0%, #2EB7AC 60%);
}

.ais_guide5_bk {
    background: linear-gradient(135deg, #9C27B0 0%, #2EB7AC 60%);
}

.ais_guide6_bk {
    background: linear-gradient(135deg, #607D8B 0%, #2EB7AC 60%);
}

/* KPI Boxes */
.ais_kpi_box {
    background: #ffffff;
    padding: 25px;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    border-bottom: 4px solid transparent;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.ais_kpi_number {
    font-size: 3rem;
    font-weight: 800;
    color: #0D2C54;
    line-height: 1;
    margin-bottom: 10px;
}

.ais_kpi_label {
    font-size: 1.1rem;
    font-weight: 700;
    margin-bottom: 10px;
}

.ais_kpi--red .ais_kpi_label {
    color: #d32f2f;
}

.ais_kpi--green .ais_kpi_label {
    color: #34A853;
}

.ais_kpi--teal .ais_kpi_label {
    color: #00B2A9;
}

.ais_kpi--yellow .ais_kpi_label {
    color: #e6a800;
}

.ais_kpi--blue .ais_kpi_label {
    color: #00238C;
}

.ais_kpi_desc {
    font-size: 0.9rem;
    color: #555;
    line-height: 1.4;
    margin-bottom: 15px;
}

.ais_kpi_source {
    font-size: 0.75rem;
    color: #999;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    border-top: 1px solid #eee;
    padding-top: 10px;
}

.ais_kpi_source a {
    color: #999;
}


.ais_scenario_box {
    padding: 20px;
    margin: 30px 0;
    border-radius: 4px;
    color: #333;
    background: #fff3cd;
    border-left: 5px solid #ffc107;
}

.ais_scenario_box--teal {
    background: #e6f4f1;
    border-left-color: #1aaba0;
}

.ais_scenario_box--grey {
    background: #f3f4f6;
    border-left-color: #9ca3af;
}

.ais_scenario_box--blue {
    background: #45818e;
    border-left-color: #2f5f66;
    color: #ffffff;
}

.ais_scenario_box--light {
    background: #CCF2FF;
    border-left-color: #005673;
}

.ais_heading--h1 {
    margin-top: 34px;
}

.ais_heading--h2 {
    margin-top: 30px;
}

.ais_heading--h3 {
    margin-top: 24px;
}

.ais_heading--h4 {
    margin-top: 18px;
}

.ais_codeblock {
    margin: 20px 0;
    border-radius: 6px;
    overflow: hidden;
    border: 1px solid rgba(15, 23, 42, 0.15);
    background: #fff;
}

.ais_codeblock__summary {
    padding: 12px 14px;
    cursor: pointer;
    background: #f3f4f6;
}

.ais_codeblock__summary em {
    font-style: italic;
}

.ais_codeblock__pre {
    margin: 0;
    padding: 14px;
    overflow: auto;
    line-height: 1.45;
    background: #f3f3f3;
    color: #e5e7eb;
}

.ais_codeblock__pre code {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 14px;
    white-space: pre;
}

.ais_subtitle {
    margin: 18px 0 10px;
}

.ais_subtitle--sm {
    margin: 14px 0 8px;
}

.ais_h2 {
    margin: 22px 0 12px;
}

.ais_icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    margin-right: 8px;
    transform: translateY(1px);
}

.ais_icon--title {
    font-size: 1.25em;
}

.ais_scenario_title {
    display: flex;
    align-items: baseline;
    gap: 10px;
    margin-top: 0;
}

.ais_casestudy_box {
    background: #f9fbfd;
    border: 1px solid #e1e4e8;
    border-radius: 12px;
    padding: 40px;
    margin-top: 60px;
}

.ais_list {
    margin-bottom: 30px;
    padding-left: 20px;
}

.ais_list li {
    margin-bottom: 10px;
    line-height: 1.6;
}




.ais_section_light {
    padding: 60px 0;
    background-color: #f9fbfd;
}


.ais_section_dark {
    padding: 80px 0;
    background-color: #0D2C54;
    color: #ffffff;
}

.ais_container_narrow {
    max-width: 800px;
    margin: 0 auto;
}

.ais_grid_auto {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
    margin-top: 40px;
}

.ais_grid_kpi {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 20px;
    margin-top: 40px;
}


.ais_guide_card {
    background: #ffffff;
    padding: 30px;
    border-radius: 8px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    border-top: 4px solid transparent;
    /* Color set by modifier */
    display: flex;
    flex-direction: column;

}




.ais_card_icon {
    margin-bottom: 5px;
    font-size: 2em;
}

.ais_card--blue .ais_card_icon {
    color: #4285F4 !important;
    color: transparent !important;
    background: linear-gradient(135deg, #4285F4 0%, #2EB7AC 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.ais_card--green .ais_card_icon {
    color: #34A853 !important;
    color: transparent !important;
    background: linear-gradient(135deg, #34A853 0%, #2EB7AC 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.ais_card--orange .ais_card_icon {
    color: #FBBC05 !important;
    color: transparent !important;
    background: linear-gradient(135deg, #FBBC05 0%, #2EB7AC 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.ais_card--red .ais_card_icon {
    color: #EA4335 !important;
    color: transparent !important;
    background: linear-gradient(135deg, #EA4335 0%, #2EB7AC 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.ais_card--purple .ais_card_icon {
    color: #9C27B0 !important;
    color: transparent !important;
    background: linear-gradient(135deg, #9C27B0 0%, #2EB7AC 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.ais_card--grey .ais_card_icon {
    color: #607D8B !important;
    color: transparent !important;
    background: linear-gradient(135deg, #607D8B 0%, #2EB7AC 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


.ais_card_title {
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: 15px;
    color: #0D2C54;

}

.ais_card_desc {
    font-size: 14px;
    color: #555;
    margin-bottom: 20px;
    line-height: 1.5;
}

.ais_kpi_highlight {
    font-weight: 700;
}

.ais_kpi_highlight span {
    color: #00a4bd;
}




.ais_btn_link {
    font-weight: 700;
    text-decoration: none;
    color: #0D2C54;
    display: block;
    margin: 0 auto;
    align-items: center;
    gap: 8px;
    transition: color 0.2s;
}

.ais_btn_link:hover {
    color: #00B2A9;
    /* Teal hover */
}

.ticker {
    background: linear-gradient(135deg, #34A853 0%, #2EB7AC 60%);
    padding: 4px 10px;
    text-align: center;
    position: absolute;
    font-size: 13px;
    left: 0;
    top: 0;
    right: 0;
    z-index: 1000;
    opacity: 0.8;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.ticker a {
    color: #fff;
    ;
}

.solutions-list .ais_hero_headline {
    font-size: 1.7rem;
}

.solutions-list .ais_grid_kpi {
    grid-template-columns: repeat(2, minmax(160px, 1fr));
    gap: 10px;

}

.solutions-list .ais_grid_kpi_box {
    padding: 12px;
}

.solutions-list .ais_kpi_number {
    font-size: 2rem;
}

.solutions-list .ais_kpi_source {
    font-size: 0.65rem;
}


@media (max-width: 725px) {

    .ais_hero_headline {
        font-size: 1.8rem;
    }

    .ais_container_narrow .btn-port {
        width: 80%;
        margin: 35px auto 0;
    }
}

@media (max-width: 500px) {
    .pdf-container{
        flex-direction: column;;
    }
    .solutions-list .ais_grid_kpi {
        grid-template-columns: repeat(2, minmax(130px, 1fr));
        gap: 10px;

    }

    .solutions-list .ais_hero_section .opti-container-md {
        padding: 0 12px;
        margin-bottom: 0;
    }

    .solutions-list .ais_hero_headline {
        font-size: 1.5rem;
    }

    .solutions-list .ais_kpi_label,
    .solutions-list .ais_kpi_desc {
        font-size: 0.8rem;
        margin-bottom: 2px;
    }

    .solutions-list .ais_kpi_source {
        font-size: 0.5rem;
    }

    .solutions-list .ais_hero_subline {
        font-size: 0.9rem;
    }

    .solutions-list .ais_hero_section {
        padding: 30px 0;
    }

    .solutions-list .ais_kpi_box {
        padding: 10px;
    }
}

@media print {

    html.fa-events-icons-loading body {
        display: block !important;
    }

    html,
    body {
        height: auto !important;
        overflow: visible !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    body {
        transform: scale(1);
    }
    .slick-slide,
    .slick-track,
    .slick-list {
        display: block !important;
        float: none !important;
        width: 100% !important;
    }


    .dt-s0a {
        display: block !important;
    }

   
    #navbar-main-menu,
    .notif-link,
    .scroll-to-top,
    .top-button,
    .clutch-widget,
    [class*="cky-"],
    [id*="cky-"],
    #hubspot-messages-iframe-container,
    #hs-eu-cookie-confirmation,
    #loading {
        display: none !important;
        position: static !important;
    }

    header {
        height: auto !important;
        position: static !important;
        overflow: visible !important;
        display: block !important;
    }

    header .logo-mobile {
        display: inline !important;
        text-align: left !important;
        position: relative !important;
    }

    .no-sticky-img {
        display: none !important;
    }

    .sticky-img {
        display: block !important;
    }

    @page {
        margin-top: 20px;
    }

    .header::before {
        background: none !important;
    }

    .solutions .header.smallHeaderImg::before {
        background: none !important;
        display: none !important;
    }

    p,
    h2,
    h3,
    img {
        page-break-inside: avoid;
    }
}


.guide-heading {
    margin: 0 0 24px 0;
}

.guide-heading__top {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 5px;
}

.guide-heading__supra {
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 1.2;
    color: #006867;
}

.guide-heading__num {
    font-size: 16px;
    line-height: 1.2;
    opacity: 0.5;
    white-space: nowrap;
}

.guide-heading__title {
    margin: 8px 0 0 0;
    font-size: 44px;
    line-height: 1.1;
    font-weight: 400;
}


.guide-point__tag {
    font-weight: 700;
    margin-right: 8px;
    white-space: nowrap;
}

.guide-point {
    margin: 0 0 12px 0;
}

.ais_guide_header {
    height: 55px;
    position: sticky;
    top: 73px;
    z-index: 10;
    background: #f8f9fa;
    border-bottom: 1px solid #e2e8f0;
    padding: 12px 0;
    font-size: 14px;
    color: #64748b;

    backdrop-filter: blur(6px);
}

.ais_guide_nav_flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.ais_breadcrumbs {
    display: flex;
}

.ais_breadcrumbs a {
    color: #0D2C54;
    font-weight: 600;
    text-decoration: none;
}

.ais_breadcrumbs span:not(.dn-500) {
    color: #cbd5e1;
    margin: 0 5px;
}

.ais_series_tag {
    height: 15px;
    background: #e0f2f1;
    color: #00796b;
    padding: 0px 14px;
    border-radius: 4px;
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
}

/* --- MAIN LAYOUT (Sidebar + Content) --- */
.ais_guide_layout {
    display: grid;
    grid-template-columns: 280px 1fr;
    grid-template-rows: 1fr auto;
    grid-template-areas:
        "aside main"
        "aside bottom";
    height: auto;
}

.ais_guide_layout .ais_sidebar {
    grid-area: aside;
}

.ais_guide_layout .guide-content {
    grid-area: main;
}

.ais_guide_layout .ais_bottom_nav {
    grid-area: bottom;
    margin-top: 40px;
}

.ais_update_badge {
    color: #334155;
    font-weight: 600;
    background-color: #f1f5f9;
    border-radius: 100px;
    padding: 5px 18px;
    line-height: normal;
    font-size: 12px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 20px;
}

.ais_update_badge strong {
    font-weight: 600;
    color: #0f172a;
}

/* STICKY SIDEBAR */
.ais_sidebar {
    width: 250px;
    flex-shrink: 0;
}

.ais_sticky_nav {
    position: sticky;
    top: 200px;
    background: #fff;
    border-right: 1px solid #eee;
    padding-right: 20px;
}

.ais_nav_title {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #999;
    margin-bottom: 15px;
    font-weight: 700;
}

.ais_nav_back_link {
    margin-left: -12px;
    margin-bottom: 5px;
    background: none !important;
}

.ais_nav_header {
    display: block;
    padding-right: 12px;
    margin-bottom: 10px;
    margin-top: 15px;
}

.ais_nav_header a {
    margin-left: -9px;
}

.ais_nav_back_link {
    display: inline-block;
    margin-top: 6px;
}

.ais_nav_list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.ais_nav_list--sub {
    margin-top: 6px;
    margin-left: 12px;
    padding-left: 12px;
    border-left: 1px solid #e2e8f0;
    display: none;
}

.ais_nav_list--sub .ais_nav_link {
    font-size: 13px;
    color: #718096;
    padding: 6px 12px;
}

.ais_nav_list--sub .ais_nav_link:hover {
    background-color: #f7fafc;
}

.ais_nav_item.is-open>.ais_nav_list--sub {
    display: block;
}

.ais_nav_item>.ais_nav_list--sub {
    margin-bottom: 6px;
}

.ais_nav_item.has-sub>.ais_nav_link {
    position: relative;
    padding-right: 28px;
    cursor: pointer;
}

.ais_nav_row {
    position: relative;
}

.ais_nav_item.has-sub .ais_nav_link {
    padding-right: 40px;
}


.ais_nav_toggle {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 28px;
    height: 28px;
    border: 0;
    background: transparent;
    border-radius: 6px;
    cursor: pointer;
}


.ais_nav_toggle::before {
    content: "▸";
    display: block;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    color: #a0aec0;
    transition: transform 0.2s ease;
}

.ais_nav_item.is-open>.ais_nav_row .ais_nav_toggle::before {
    transform: rotate(90deg);
}



.ais_nav_item {
    margin-bottom: 2px;
}

.ais_nav_link {
    display: block;
    padding: 8px 2px;
    color: #4a5568;
    text-decoration: none;
    border-radius: 6px;
    transition: all 0.2s;
    font-size: 14px;
    border-left: 3px solid transparent;
}

.ais_nav_link:hover {
    background: #f1f5f9;
    color: #0D2C54;
}

.ais_nav_link.active {
    background: #fff5f5;
    /* Light Red for Guide 4 context */
    color: #EA4335;
    border-left-color: #EA4335;
    font-weight: 700;
}

/* CONTENT AREA */
.ais_content_area {
    flex: 1;
    min-width: 0;
}

/* CHAPTER CARDS GRID */
.ais_chapter_grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    margin: 40px 0;
}

.ais_chapter_card {
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 25px;
    transition: transform 0.2s, box-shadow 0.2s;
    background: #fff;
    display: flex;
    flex-direction: column;
}

.ais_chapter_card:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
    border-color: #EA4335;
}

.ais_chap_num {
    font-size: 12px;
    font-weight: 800;
    color: #EA4335;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.ais_chap_title {
    font-size: 18px;
    font-weight: 700;
    color: #0D2C54;
    margin-bottom: 10px;
}

.ais_chap_desc {
    font-size: 14px;
    color: #666;
    line-height: 1.5;
    margin-bottom: 20px;
    flex-grow: 1;
}

.ais_chap_link {
    font-weight: 700;
    color: #EA4335;
    text-decoration: none;
    font-size: 14px;
}

/* DELIVERABLES MICRO-GRID (Inside the Card or Section) */
.ais_deliverables_preview {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-top: 15px;
    background: #fdf2f2;
    /* Light Red bg */
    padding: 15px;
    border-radius: 6px;
}

.ais_deliv_item {
    font-size: 12px;
    color: #333;
    display: flex;
    align-items: center;
    gap: 6px;
}

.ais_deliv_item i {
    color: #EA4335;
}

/* BOTTOM NAV */
.ais_bottom_nav {
    display: flex;
    justify-content: space-between;
    margin-top: 60px;
    padding-top: 20px;
    border-top: 1px solid #eee;
}

.ais_nav_btn {
    padding: 12px 20px;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    transition: all 0.2s;
}

.ais_btn_prev {
    background: #f1f5f9;
    color: #64748b;
}

.ais_btn_next {
    background: #0D2C54;
    color: #fff;
}

.ais_btn_next:hover {
    background: #EA4335;
}

/* MOBILE RESPONSIVE */
@media (max-width: 991px) {
    .ais_guide_layout {
        flex-direction: column;
        gap: 0;
    }

    .ais_sidebar {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #eee;
        margin-bottom: 30px;
    }

    .ais_sticky_nav {
        position: static;
        padding-right: 0;
    }

    .ais_nav_list {
        display: flex;
        overflow-x: auto;
        padding-bottom: 10px;
        gap: 10px;
    }

    .ais_nav_link {
        white-space: nowrap;
        border-left: none;
        border-bottom: 3px solid transparent;
        background: #f8f9fa;
    }

    .ais_nav_link.active {
        border-left: none;
        border-bottom-color: #EA4335;
        background: #fff;
    }
}

@media (max-width:1200px) {
    .bell {
        display: inline;
        position: relative;
    }

    /* .ais_guide_header {
        top: 48px;
        min-height: 75px;
    } */
}

.ais_press_grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 20px;
}

.ais_press_card {
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 20px;
    text-decoration: none;
    color: inherit;
    display: block;
    transition: transform 0.2s;
}

.ais_press_card div {
    font-size: 0.8rem;
    text-transform: uppercase;
    color: #666;
    margin-bottom: 10px;
}

.ais_press_card h3 {
    margin: 0 0 10px 0;
    color: #00B2A9;
}

.ais_press_card p {
    font-size: 0.9rem;
    margin: 0 0 10px;
}

/* ── Pag_guidepieces piece cards ─────────────────────────────────────── */

.ai-guide-section { margin: 2rem 0; }
.ai-guide-section__title { margin-bottom: 1rem; }
.ai-guide-section__cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; }

@media (max-width: 900px) {
  .ai-guide-section__cards { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 560px) {
  .ai-guide-section__cards { grid-template-columns: 1fr; }
}

.ai-piece-text { padding: 16px 0; }
.ai-piece-text__title { font-size: 15px; font-weight: 700; margin: 0 0 6px; }
.ai-piece-text__desc { font-size: 13px; color: #4b5563; margin: 0 0 10px; padding-top: 8px; border-top: 1px solid #e5e7eb; }
.ai-piece-text__cta { font-size: 12px; font-weight: 700; color: #EA4335; text-decoration: none; }
.ai-piece-text__supra{ font-size: 11px; text-transform: uppercase; letter-spacing: 0.06em; color: #006867; font-weight: 600; display: flex; align-items: center; gap: 4px; margin-bottom: 12px; }

.ai-projects-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 24px;
  margin-top: 24px;
}
.ai-project-card {
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
  display: flex;
  flex-direction: column;
  transition: box-shadow 0.2s;
  text-decoration: none;
  color: inherit;
}
.ai-project-card:hover {
  box-shadow: 0 4px 20px rgba(0,0,0,0.1);
  text-decoration: none;
  color: inherit;
}
.ai-project-card__img {
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
  display: block;
}
.ai-project-card__body {
  padding: 16px;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.ai-project-card__supra {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #6b7280;
  font-weight: 600;
}
.ai-project-card__title {
  font-size: 15px;
  font-weight: 700;
  margin: 0;
  line-height: 1.3;
}
.ai-project-card__desc {
  font-size: 13px;
  color: #4b5563;
  margin: 0;
  flex: 1;
}
.ai-project-card__cta {
  font-size: 12px;
  font-weight: 600;
  margin-top: 8px;
}

.ai-arch-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(420px, 1fr));
  gap: 32px;
  margin-top: 24px;
}
.ai-arch-figure {
  margin: 0;
}
.ai-arch-figure img {
  width: 100%;
  border-radius: 8px;
  display: block;
}
.ai-arch-figure figcaption {
  margin-top: 8px;
  font-size: 13px;
  color: #6b7280;
}
.ai-arch-figure figcaption a {
  text-decoration: none;
}
.ai-arch-figure figcaption a:hover {
  text-decoration: underline;
}

.ai-videos-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 20px;
  margin-top: 24px;
}

.ai-video-card {
  display: flex;
  flex-direction: column;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 1px 4px rgba(0,0,0,0.06);
  transition: box-shadow 0.18s ease, transform 0.18s ease;
}
.ai-video-card:hover {
  box-shadow: 0 6px 22px rgba(0,0,0,0.11);
  transform: translateY(-2px);
}

.ai-video-card__embed {
  position: relative;
  width: 100%;
  background: #000;
  line-height: 0;
}
.ai-video-card__player {
  width: 100%;
  aspect-ratio: 16 / 9;
  display: block;
  object-fit: contain;
}

.ai-video-card__body {
  padding: 14px 16px 16px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  flex: 1;
}
.ai-video-card__title {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.35;
  margin: 0;
  color: #111827;
}
.ai-video-card__title a {
  color: inherit;
  text-decoration: none;
}

.ai-video-card__desc {
  font-size: 12px;
  color: #6b7280;
  margin: 0;
  line-height: 1.5;
  flex: 1;
}
.ai-video-card__cta {
  display: inline-block;
  margin-top: 8px;
  font-size: 12px;
  text-decoration: none;
  font-weight: 700;
  color: #EA4335;
}

@media (max-width: 640px) {
  .ai-videos-grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }
  .ai-video-card__body {
    padding: 12px 14px 14px;
  }
  .ai-video-card__title {
    font-size: 13px;
  }
}

.ais_press_grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 16px;
  margin-top: 24px;
}

.ais_press_card {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 16px 18px;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  background: #fff;
  text-decoration: none;
  color: inherit;
  box-shadow: 0 1px 3px rgba(0,0,0,0.05);
  transition: box-shadow 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
}
.ais_press_card:hover {
  box-shadow: 0 5px 18px rgba(0,0,0,0.10);
  border-color: #d1d5db;
  transform: translateY(-2px);
  text-decoration: none;
  color: inherit;
}

.ais_press_card__meta {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #9ca3af;
}

.ais_press_card__outlet {
  font-size: 15px;
  font-weight: 700;
  margin: 0;
  color: #111827;
  line-height: 1.2;
}

.ais_press_card__desc {
  font-size: 12px;
  color: #6b7280;
  margin: 2px 0 0;
  line-height: 1.55;
  flex: 1;
  font-style: italic;
}

@media (max-width: 900px) {
  .ais_press_grid {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 12px;
  }
}
@media (max-width: 560px) {
  .ais_press_grid {
    grid-template-columns: 1fr;
    gap: 10px;
  }
  .ais_press_card {
    padding: 13px 15px;
  }
}