@font-face {
    font-family: HalveticaBold;
    src: url('fonts/Helvetica-Bold-Font.ttf');
}

@font-face {
    font-family: MontserratBold;
    src: url('fonts/montserrat/static/Montserrat-Bold.ttf');
}


#homepage_n {

    font-family: 'Open Sans', sans-serif;
    overflow: hidden;
}


.header_text_new {

    max-width: 780px;
    font-size: 80px;
    font-weight: 800;
    line-height: 1.1;
    letter-spacing: -0.27px;
    color: #191516;
}

.subtext_header_new {

    max-width: 780px;
    margin: 16px 0 40px;
    font-size: 18px;
    font-weight: normal;
    line-height: 1.42;
    letter-spacing: -0.08px;
    color: #191516;
}

.container-homepage, #header_banner_new, #header_products, #counters, #faq, #members,#header_banner_newoxygenone,
.container-homepage .row {

    max-width: 1920px;
    margin: 0 auto;
}

#top_applications, #startup_banner, #support, #partners {
    height: 800px;

}

#partners {
    position: relative;
    background-image: url(../img/home/BG/Partners@2x.webp);
    background-size: cover;
    background-position-y: 0;
    background-repeat: no-repeat;
}

#startup_banner {
    position: relative;
    background-image: url(../img/home/BG/Startups@2x.webp);
    background-size: cover;
    background-position-y: -100px;
    background-repeat: no-repeat;
}


#support {
    position: relative;
    background-image: url(../img/home/BG/Support@2x.webp);
    background-size: cover;
    background-position-y: -100px;
    background-repeat: no-repeat;
}

.free_start {
    width: 263px;

}

.show_more {
    width: 252px;

}

.purple_btn {
    height: 48px;
    padding: 12px 0;
    border-radius: 24px;
    background-color: #a700e3;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.33;
    letter-spacing: -0.06px;
    color: var(--white);
}

.support_guide {
    height: 48px;
    font-weight: bold;
    line-height: 1.33;
    letter-spacing: -0.06px;
    text-align: center;
    color: #a700e3;
    border-radius: 24px;
    border: solid 1px #a700e3;
}

.free_try {
    width: 263px;
    height: 32px;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.33;
    letter-spacing: -0.04px;
    text-align: center;
    color: #999ca9;
}

.all_in_one {
    font-weight: 800;
    letter-spacing: -0.13px;
    text-align: center;
    color: #191516;
    padding-bottom: 46px;
}

#tabs_homepage > li > a {

    border: none;
    background-color: white !important;
}

#tabs_homepage {
    border: none !important;
}

#tabs_homepage .nav-item .nav-link {
    /* border-bottom: 4px solid #a700e3;
     color: #191516;*/
    padding-bottom: 24px;
}

#tabs_homepage .nav-item .nav-link {

    font-size: 24px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: -0.08px;
    text-align: center;
    color: #999ca9;
}

#tabs_content_homepage {

    border: none;
    box-shadow: none;
}

#tabs_content_homepage .tab-pane {

    margin: 80px 0 120px 0;
    height: 520px;
}

.purple_text {
    color: #6c0093;

}

#tabs_content_homepage .purple_text {

    line-height: 1.56;
    letter-spacing: -0.06px;
    color: #6c0093;
}

.font24 {
    font-size: 24px;
}

.font18 {
    font-size: 18px;
}

.font32 {

    font-size: 32px;
}

.font40 {
    font-size: 40px;
}

.font80 {
    font-size: 80px;
}

.black {
    color: #191516;
}

.bold800 {
    font-weight: 800;
}

.business_homepage .card {
    width: 100% !important;
    border: none;
    max-width: 370px;
}

.business_homepage .card .img_box {
    width: 100%;
    height: 370px;
    background-color: grey;
    border-radius: 16px;
    max-width: 370px;
}

.business_homepage .card-body {
    padding: 40px 0 120px !important;
}

.business_homepage .card-body > span {

    font-size: 16px;
    color: #999ca9;
    font-style: italic;
    padding: 8px 0 16px;
    height: 100%;
    display: block;

}

.business_homepage .card-title {

    text-transform: none;
    max-width: 230px;
    line-height: 1.17;
}

.business_homepage .card-text {
    color: #191516;
}

.business_homepage .col-3 {
    padding: 0;
}

.reviews_homepage .text_review {

    max-width: 459px;
    font-size: 18px;
    font-style: italic;
    line-height: 1.56;
    letter-spacing: -0.06px;
    color: #191516;
    padding-bottom: 24px;
}

.reviews_homepage {
    padding: 40px 0 120px;
}

.reviews_homepage .col-4 {
    padding: 0;
}

.client_review {
    font-size: 18px;
    font-weight: 800;
    color: #191516;
}

#startup_banner > div, #partners > div {
    color: white;

}

.text_startup {

    line-height: 1.2;
    letter-spacing: -0.13px;

}

.white_btn {
    max-width: 252px;
    height: 48px;
    margin: 40px 0;
    padding: 12px 20px;
    border-radius: 24px;
    background-color: white;
    color: #6c0093;
    line-height: 1.33;
    font-weight: bold;
    width: 100%;
}

#counters {
    margin-top: 160px;
    margin-bottom: 160px;

}

#counters .purple_text {

    color: #a700e3;
    height: 50px;
    font-weight: 800;
    font-family: 'MontserratBold', sans-serif;
    letter-spacing: normal;
}

#counters .purple_text > span {
    font-family: 'HalveticaBold', sans-serif;
    font-size: 56px;
}

#counters .purple_text > div {
    font-size: 80px;
}

.counter_subtext {

    padding-top: 1rem;
    color: black;
    max-width: 250px;
    margin: 0 auto;
}

.expand {
    transform: rotate(180deg);
}

.answer {
    display: none;
    margin-bottom: 40px;
}

.toggle_content, .answer {
    padding: 0 40px;
}

.toggle_content > p {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.4;
    letter-spacing: -0.07px;
    color: #a700e3;
}

.answer {
    font-size: 18px;
    line-height: 1.56;
    letter-spacing: -0.06px;
    color: #191516;
}

.text_tab {
    color: #191516;
}


.purple_btn:visited, .purple_btn:focus, .purple_btn:hover {

    background-color: #6C0093 !important;
    color: white !important;
}

.white_btn:hover, .white_btn:visited, .white_btn:focus {
    background-color: #CCCED4 !important;

}

/* RESPONSIVE */



@media (min-width: 1920px) {

    .image_platform.erp {

        background-size: 88% !important;

    }
}


@media (min-width: 768px) {

    #carousel_platform div.carousel-inner {

        height: 370px !important;

    }
}


@media (min-width: 360px) AND (max-width: 745px) {


    #partners, #startup_banner {
        background-image: url(../img/home/BG/Mobile_Dark.webp) !important;

    }

    #top_applications {
        background-image: url(../img/home/BG/Mobile_Light.webp) !important;
        background-repeat: no-repeat;
        background-position-x: 100%;
    }

    .integrations_img_back {
        display: none !important;
    }

    .text_on_image.startup, .text_on_image.partners, .text_on_image.integrations, #support .text_on_image {
        left: 10% !important;
    }

    .text_on_image .text_image {
        max-width: 550px !important;
    }


}

@media (max-width: 1920px) {

    .img_1920 {

        right: 10%!important;
    }

    .container-homepage, #header_banner_new, #header_products, #counters, #faq, #members,
    .container-homepage .row {

        max-width: 1600px;
    }


    #startup_banner .text_on_image,
    #partners .text_on_image {

        top: 30% !important;
    }

    .image_platform.tameiaki {

        background-size: 90% !important;
    }

}

@media (min-width: 1601px) and (max-width: 1800px) {

    .header_text_new, .subtext_header_new, .desktop_support_list {
        max-width: 600px;
    }

    .container-homepage, #header_banner_new, #counters, #faq, #members,
    .container-homepage .row {

        max-width: 1550px;
    }

}


@media (max-width: 1600px) {

    /*.img_1920 {*/
    /*    display: none !important;*/
    /*}*/

    .img_1600 {
        display: block !important;
    }

    .container-homepage, #header_banner_new, #counters, #faq, #members,
    .container-homepage .row , #header_products{

        max-width: 1360px;
    }

    .business_homepage .card .img_box, .business_homepage .card-text {
        width: 100%;
        max-width: 310px;
        max-height: 310px;
    }

    #startup_banner, #top_applications, #partners, #support {
        max-height: 720px !important;
    }

    .text_on_image .text_image, .text_tab {
        max-width: 620px !important;
    }


}

@media (max-width: 480px) {

    #support {
        background-image: none!important;
        background-color: #FCFCFC;

    }
}

@media (min-width: 1440px) and (max-width: 1600px) {

    .reviews_homepage .text_review {
        max-width: 400px;
    }

    .img_1920 {
        right: 0 !important;
    }
}

@media (max-width: 1440px) {


    .trust_text{
        margin-top: 80px;
    }

    .img_1920, .img_1600 {
        display: none !important;
    }

    /*.img_1920, .img_1600 {*/
    /*    display: none !important;*/
    /*}*/

    .img_1440 {
        display: block !important;
    }

    .container-homepage, #header_banner_new, #counters, #faq, #members,
    .container-homepage .row , #header_products{

        max-width: 1280px;
    }

    .business_homepage .card .img_box, .business_homepage .card-text {
        width: 100%;
        max-width: 290px;
        max-height: 290px;

    }

    #partners {
        background-image: url(../img/home/BG/Partners.webp);
        height: 720px;
        background-position-y: 0;
    }

    #startup_banner {
        background-image: url(../img/home/BG/Startups.webp);
        height: 720px;
        background-position-y: 0;
    }


    #support {
        background-image: url(../img/home/BG/Support.webp);
        height: 720px;
        background-position-y: 0;
    }

    .text_on_image {
        top: 30% !important;
    }

    .text_on_image .text_image, .text_tab {
        max-width: 580px !important;
    }

    .support_guide, .communicate {

        max-width: 196px !important;
    }


}

@media (max-width: 1280px) {

    /*.img_1920, .img_1600, .img_1440 {*/
    /*    display: none !important;*/
    /*}*/
    .free_try {
        margin: 0 auto;
    }


    .img_1280 {
        display: block !important;
    }

    .img_faq {

        background-position-x: -50px;
    }

    .container-homepage, #header_banner_new, #counters, #faq, #members,
    .container-homepage .row , #header_products{

        max-width: 1100px;
    }

    .business_homepage .card .img_box, .business_homepage .card-text {
        max-width: 250px;
        max-height: 250px;

    }

    .text_review {

        max-width: 305px !important;
    }

    .reviews_homepage {
        padding: 40px 24px;
    }

    .text_startup, .text_on_image .text_image, .text_tab {
        max-width: 500px !important;
    }

    .text_on_image.startup, .text_on_image.partners {
        top: 20% !important;
        left: 54%;
    }

    .text_on_image.integrations {
        top: 25% !important;

    }

    #partners, #top_applications, #startup_banner, #support {
        height: 640px;
        width: 100%;
        margin: 0;
    }

    .header_text_new {
        font-size: 72px;
    }

    .logo_img {
        max-width: 170px!important;
    }

    #startup_banner .text_on_image,
    #partners .text_on_image, .text_on_image {

        top: 20% !important;
    }


}


@media (max-width: 1200px) {

    .awards_div {
        display: none !important;
    }

    #carousel_awards {

        display: block !important;
    }

    #carousel_awards div.carousel-inner{
        height: 380px;
    }

    #carousel_awards .carousel-item .carousel_box .col-6 {
        display: flex;
        flex-direction: column;
        align-items: center;
        align-content: center;
        flex-wrap: wrap;
    }
    #carousel_awards .carousel-control-prev {
        width: 40px;
        height: 40px;
        padding: 8px;
        border-radius: 24px;
        border: solid 1px #e18eff;
        background-color: white;
        top: 50%;
        left: 5% !important;
    }

    #carousel_awards .carousel-control-next {
        width: 40px;
        height: 40px;
        padding: 8px;
        border-radius: 24px;
        border: solid 1px #e18eff;
        background-color: white;
        top: 50%;
        right: 5%;
        box-shadow: 0 4px 8px 0 rgba(4, 1, 20, 0.1);
    }

    #carousel_awards .carousel-control-prev-icon {
        background-image: url(../img/home/BG/next_arrow_carousel.png) !important;
        transform: rotate(180deg);
    }

    #carousel_awards .carousel-control-next-icon {
        background-image: url(../img/home/BG/next_arrow_carousel.png) !important;
    }

    #carousel_awards .carousel-indicators li{
        border-top: 8px solid transparent !important;
        width: 8px !important;
        margin: 0 12px 0 0 !important;
        border-radius: 50%;
        height: 8px;
        border-bottom: 8px solid transparent !important;
        background-color: #a700e3;
    }
}

@media (max-width: 1120px) {



    /*.img_1920, .img_1600, .img_1440, .img_1280 {*/
    /*    display: none !important;*/
    /*}*/

    .img_1024 {
        display: block !important;
    }

    .img_faq {
        background-position-x: -90px;
    }

    .small_bus {

        max-width: 200px !important;
    }

    #tabs_homepage .nav-item .nav-link {

        font-size: 20px;
    }

    .header_content_tab {
        font-size: 28px !important;
        max-width: 412px !important;
    }

    .text_tab {
        font-size: 16px !important;
    }

    .business_homepage .card {
        max-width: 206px !important;
    }

    .container-homepage, #header_banner_new, #counters, #faq, #members,
    .container-homepage .row ,#header_products {

        max-width: 944px;

    }

    .business_homepage .card .img_box, .business_homepage .card-text {
        max-width: 206px;
        max-height: 206px;

    }

    .text_review {

        max-width: 240px !important;
        font-size: 16px !important;
    }

    .reviews_homepage {
        padding: 40px 24px;
    }

    .text_startup, .text_on_image .text_image, .text_tab {
        max-width: 412px !important;

    }

    .text_startup {
        font-size: 32px !important;
    }

    .text_image, .wrap_questions > div, .toggle_content > p {
        font-size: 16px !important;
    }

    #support .text_startup {
        font-size: 40px !important;
    }

    #support .text_startup ul > li {
        font-size: 18px !important;
    }

    #support .text_on_image {
        left: 5% !important;
        top: 10% !important;
    }

    .text_on_image.startup, .text_on_image.partners {
        top: 20% !important;
        left: 54%;
    }

    .text_on_image.integrations {
        top: 25% !important;

    }

    #partners, #top_applications, #startup_banner, #support {
        height: 512px;
    }

    .header_text_new {
        font-size: 56px;
    }

    .all_in_one {

        font-size: 32px !important;
    }

    .card-title {

        font-size: 20px !important;
    }

    .card-body > span, .card-text {
        font-size: 16px !important;
    }

    #tabs_content_homepage .tab-pane {
        max-height: 300px;
    }

    #header_banner_new {

        max-height: 760px !important;
    }

    #carousel_members a.carousel-control-next, #carousel_members a.carousel-control-prev,
    #carousel_members_mob a.carousel-control-next, #carousel_member_mob a.carousel-control-prev {

        box-shadow: none !important;
    }

    #carousel_members .carousel-control-prev-icon,
    #carousel_members_mob .carousel-control-prev-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23787' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e") !important;
    }

    #carousel_members .carousel-control-next-icon,
    #carousel_members_mob .carousel-control-next-icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23787' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
    }

    #carousel_members .carousel-indicators,
    #carousel_members_mob .carousel-indicators {

        top: 110% !important;
    }

    #members {

        display: none !important;
    }

    .carousel_members_div {

        display: block !important;
    }

    #carousel_members .carousel-item .carousel_box,
    #carousel_members_mob .carousel-item .carousel_box {
        margin: 0 auto;
    }

    #carousel_members .carousel-item .carousel_box .col-6,
    #carousel_members_mob .carousel-item .carousel_box .col-12 {
        display: flex;

    }

    #carousel_members .carousel-indicators li,
    #carousel_members_mob .carousel-indicators li {
        border-top: 8px solid transparent !important;
        width: 8px !important;
        margin: 0 12px 0 0 !important;
        border-radius: 50%;
        height: 8px;
        border-bottom: 8px solid transparent !important;
        background-color: #a700e3;
    }

    #carousel_members .carousel-control-prev-icon, #carousel_members_mob .carousel-control-prev-icon {
        background-image: url('../img/home/BG/next_arrow_carousel.png') !important;
        transform: rotate(180deg);

    }

    #carousel_members .carousel-control-next-icon, #carousel_members_mob .carousel-control-next-icon {
        background-image: url('../img/home/BG/next_arrow_carousel.png') !important;
    }

    #carousel_members .carousel-control-next-icon
    #carousel_members_mob .carousel-control-prev-icon {
        background-image: url('../img/home/BG/next_arrow_carousel.png') !important;

    }

    #carousel_members .carousel-control-prev, #carousel_members_mob .carousel-control-prev {
        width: 40px;
        height: 40px;
        padding: 8px;
        border-radius: 24px;
        border: solid 1px #e18eff;
        background-color: white;
        top: 50%;
        left: 5% !important;
    }

    #carousel_members .carousel-control-next, #carousel_members_mob .carousel-control-next {
        width: 40px;
        height: 40px;
        padding: 8px;
        border-radius: 24px;
        border: solid 1px #e18eff;
        background-color: white;
        top: 50%;
        right: 5%;
        box-shadow: 0 4px 8px 0 rgba(4, 1, 20, 0.1);
    }

    #carousel_members .carousel-item > img,
    #carousel_members_mob .carousel-item > img {

        display: flex;
    }

    #carousel_members div.carousel-inner, #carousel_members_mob div.carousel-inner {
        height: 120px !important;
    }

}


@media (min-width: 768px) and (max-width: 992px) {
    .text_on_image .text_image {
        max-width: 350px !important;
    }

    #bg_hero > img {
        right: 0 !important;
        max-width: 465px !important;
        top: 15% !important;
    }
}

@media (max-width: 992px) {

    .image_platform.erp {
        background-image: url(../img/home/BG/image-erp.png)!important;
    }

    .image_platform.tameiaki {
        background-image: url(../img/home/BG/image-tameiaki.png)!important;
    }

    .image_platform.payments {
        background-image: url(../img/home/BG/image-payments.png)!important;
    }

    .image_platform.oxygenHR {
        background-image: url(../img/home/BG/image-oxygen-hr.png)!important;
    }

    .image_platform.provider {
        background-image: url(../img/home/BG/image-provider.png)!important;
    }

    #faq .col-lg-9 {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;

    }

    .payments_mob > img, .oxygenHR_mob > img {
        max-width: 420px !important;
    }


    #startup_banner .text_on_image, #partners .text_on_image, .text_on_image {
        top: 16% !important;
    }

    .all_in_one_platform_desktop, .business_homepage.desktop, .desktop_support_list {
        display: none !important;
    }

    .all_in_one_platform_mobile {
        display: flex !important;
        height: 100%;
        padding-bottom: 80px !important;
    }

    #carousel_business {
        display: block !important;
        overflow-x: scroll;
        touch-action: auto;
        -ms-touch-action: auto;
        -webkit-overflow-scrolling: auto;
    }

    .business_homepage.mobile {
        margin-right: -152px;
        padding-left: 40px;
    }

    .carousel-item .carousel_box {

        max-width: 700px !important;
        margin: 0 auto;
    }


    #carousel_platform .carousel-indicators {
        top: 110% !important;

    }

    #carousel_platform .carousel-indicators li {
        border-top: 8px solid transparent !important;
        width: 8px !important;
        margin: 0 12px 0 0 !important;
        border-radius: 50%;
        height: 8px;
        border-bottom: 8px solid transparent !important;
        background-color: #a700e3;
    }

    #carousel_platform .carousel-control-prev-icon {
        background-image: url('../img/home/BG/next_arrow_carousel.png') !important;
        transform: rotate(180deg);

    }

    #carousel_platform .carousel-control-next-icon {
        background-image: url('../img/home/BG/next_arrow_carousel.png') !important;

    }

    #carousel_platform .carousel-control-next, .carousel-control-prev {
        filter: invert(0%) !important;
    }

    #carousel_platform .carousel-control-prev {

        width: 40px;
        height: 40px;
        padding: 8px;
        border-radius: 24px;
        border: solid 1px #e18eff;
        background-color: white;
        top: 50%;
        left: 5%;
    }

    #carousel_platform .carousel-control-next {

        width: 40px;
        height: 40px;
        padding: 8px;
        border-radius: 24px;
        border: solid 1px #e18eff;
        background-color: white;
        top: 50%;
        right: 5%;
        box-shadow: 0 4px 8px 0 rgba(4, 1, 20, 0.1);
    }

    #carousel_platform {

        margin-bottom: 80px !important;;
    }

    .text_tab {
        max-width: 286px !important;
    }

    .text_startup {
        max-width: 350px;
        font-size: 24px !important;
    }

    .text_on_image .text_image {
        max-width: 350px;
        font-size: 16px !important;
    }

    #support .text_startup {

        font-size: 24px !important;
    }

    .mobile_support_list {
        display: block !important;
    }

    .buttons_support {
        display: flex;
        flex-direction: column;
    }

    .buttons_support .support_guide {
        margin-top: 16px !important;
    }

    .buttons_support .communicate {
        margin-top: 20px !important;
    }

    #support {

        max-height: 410px !important;
    }

    #counters .purple_text, #counters .purple_text > div {
        font-size: 56px !important;
    }


    .counter_subtext {

        font-size: 14px !important;
    }

    .img_faq {
        display: none;
    }

    .image_platform {

        /*max-width: 350px;*/
        max-height: 263px;
    }

    .header_content_tab {
        font-size: 20px !important;
    }

    .overlay-object {
        width: 123px;
        height: 658px;
        margin: 0 0 0 205px;
        padding: 83px 0 7px 81px;
        background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, var(--white) 100%);
        position: absolute;
        right: -15px;
    }

    .left_opacity {
        /*transform: rotate(180deg);
        left: 0;
        margin-left: 0;*/
        background-image: none;

    }

}


@media (max-width: 834px) {

    /*.img_1920, .img_1600, .img_1440, .img_1280, .img_1024 {*/
    /*    display: none !important;*/
    /*}*/

    .img_992 {
        display: block !important;
    }

    .tameiaki_mob > img {
        max-width: 395px !important;
    }

    .payments_mob > img, .oxygenHR_mob > img {
        max-width: 350px !important;
    }


    .tablet_platform {

        left: -10px !important;
    }

    .container-homepage, #header_banner_new, #counters, #faq, #members,
    .container-homepage .row , #header_products{

        max-width: 740px;

    }

    .text_on_image.startup, .text_on_image.partners {
        top: 12% !important;
        left: 50%;
    }

    .business_homepage.mobile {
        margin-right: -152px;
        padding-left: 0 !important;
    }

    .text_review {
        max-width: 220px !important;
    }

    .reviews_homepage {
        padding: 0 0 40px 0 !important;
    }

    .client_review {
        text-overflow: ellipsis;
        max-width: 220px !important;
        overflow: hidden;
        white-space: nowrap;
    }

    #startup_banner, #top_applications, #partners {

        max-height: 410px !important;
    }

    .text_on_image.integrations {
        top: 10% !important;
        left: 5% !important;
    }

    .carousel-control-prev, .carousel-control-next {

        top: 40% !important;
    }

    .carousel-control-prev {

        left: 0 !important;
    }

    .carousel_box .padding_mobile {

        padding-left: 40px !important;
    }

    .header_text_new {
        font-size: 40px!important;

    }

    #header_banner_new {
        max-height: 700px !important;
    }

    .subtext_header_new {
        font-size: 20px;
    }

    .all_in_one {

        font-size: 24px !important;
    }

    #support .text_on_image {
        top: 20% !important;
    }

}

@media (min-width: 745px) and (max-width: 768px) {

    .text_startup, .text_on_image .text_image {
        max-width: 324px !important;
    }
}

@media (max-width: 768px) {

    .awards_div ,#carousel_awards{
        display: none !important;
    }

    #carousel_awards_mob {

        display: block !important;
    }

    #carousel_awards_mob div.carousel-inner{
        height: 400px;
    }

    #carousel_awards_mob .carousel-item .carousel_box .col-6 {
        display: flex;
        flex-direction: column;
        align-items: center;
        align-content: center;
        flex-wrap: wrap;
    }
    #carousel_awards_mob .carousel-control-prev , #carousel_trust .carousel-control-prev {
        width: 40px;
        height: 40px;
        padding: 8px;
        border-radius: 24px;
        border: solid 1px #e18eff;
        background-color: white;
        top: 50%;
        left: 5% !important;
    }

    #carousel_trust .carousel-control-prev{

        margin-left:-2rem;
    }

    #carousel_trust .carousel-control-next{
        margin-right:-2rem;

    }


    #carousel_awards_mob .carousel-control-next , #carousel_trust .carousel-control-next {
        width: 40px;
        height: 40px;
        padding: 8px;
        border-radius: 24px;
        border: solid 1px #e18eff;
        background-color: white;
        top: 50%;
        right: 5%;
        box-shadow: 0 4px 8px 0 rgba(4, 1, 20, 0.1);
    }

    #carousel_awards_mob .carousel-control-prev-icon , #carousel_trust .carousel-control-prev-icon{
        background-image: url(../img/home/BG/next_arrow_carousel.png) !important;
        transform: rotate(180deg);
    }

    #carousel_awards_mob .carousel-control-next-icon  , #carousel_trust .carousel-control-next-icon {
        background-image: url(../img/home/BG/next_arrow_carousel.png) !important;
    }

    #carousel_awards_mob .carousel-indicators li{
        border-top: 8px solid transparent !important;
        width: 8px !important;
        margin: 0 12px 0 0 !important;
        border-radius: 50%;
        height: 8px;
        border-bottom: 8px solid transparent !important;
        background-color: #a700e3;
    }

    #carousel_awards_mob .carousel-item .carousel_box .col-12 {
        display: flex;
        flex-direction: column;
        align-items: center;
        align-content: center;
        flex-wrap: wrap;
    }

    #carousel_awards_mob .carousel_box .col-12 > img{
        margin:0 auto;
    }

    /*.img_1920, .img_1600, .img_1440, .img_1280, .img_1024, .img_992 {*/
    /*    display: none !important;*/
    /*}*/

    .img_768 {
        display: block !important;
    }

    #startup_banner, #top_applications, #partners {
        max-height: 384px !important;
    }

    #startup_banner,#partners {
        max-height: 384px !important;
        background-position-x: -400px;
    }

    .carousel_members_div {
        display: none !important;
    }

    .carousel_members_div_mob {
        display: block !important;
    }

    .tablet_platform {
        top: 60px !important;
    }

    .container-homepage, #header_banner_new, #counters, #faq, #members,
    .container-homepage .row , #header_products{

        max-width: 688px;

    }

    .image_platform > img, .image_platform {

        max-height: 243px !important;

    }

    .carousel-control-prev, .carousel-control-next {
        top: 30% !important;
    }

    .carousel-control-prev {
        left: -10px !important;
    }

    .business_homepage.mobile {
        margin-right: -245px;
    }

    #startup_banner .text_on_image, #partners .text_on_image, .text_on_image {
        top: 12% !important;
    }


}

@media (max-width: 420px) {

    .img_1920, .img_1600, .img_1440, .img_1280, .img_1024, .img_992, .img_768, .img_600 {
        display: none !important;
    }

    .img_360 {
        display: block !important;
    }

    .container-homepage{

        padding-top: 80px;
    }

    #award_header{
        margin: 80px -20px 0 -20px!important;
    }

    .all_in_one_award{
        max-width: 245px;
        line-height: 1.5;
    }

}

@media (min-width: 576px) and (max-width: 680px) {

    .img_1920 {
         right: 0!important;
         top: -150px!important;
        max-width: 100% !important;
    }


    #award_header{
        margin: 80px -20px 0 -20px;
    }

    .img_1920, .img_1600, .img_1440, .img_1280, .img_1024, .img_992, .img_768 {
        display: none !important;
    }

    .img_600 {
        display: block !important;
        max-width: 100%!important;
        top: -150px!important;
        right: 0!important;
    }

    .container-homepage, #header_banner_new, #counters, #faq, #members,
    .container-homepage .row ,#header_products{

        max-width: 600px;

    }

    .text_hero {
        max-width: 400px;
        margin: 0 auto;
        text-align: center;
    }

    .buttons_header {
        align-items: center;
    }

    .grey_box_header {
        background-color: white !important;
        font-weight: 600;
        text-align: center;
        margin: 0 auto;

    }

    .container-homepage {

        margin-top: 3rem;
    }

}

@media (min-width: 500px) and (max-width: 574px) {

    #bg_hero > img {
        top: -100px;
    }
}

@media (min-width: 421px) and (max-width: 575px) {

    .img_1920, .img_1600, .img_1440, .img_1280, .img_1024, .img_992, .img_768 {
        display: none !important;
    }

    .img_600 {
        display: block !important;
        max-width: 100%;
    }

}


@media (min-width: 680px) and (max-width: 767px) {

    .img_1920{
        right: 0 !important;
        max-width: 385px !important;
        top: 25% !important;
    }


    .text_hero {
        max-width: 380px;
    }
}

@media  (min-width: 419px) and (max-width: 575px) {

    .container-homepage {

        padding-top: 80px;
    }


    #award_header {
        margin: 145px -20px 0 -20px !important;
    }
}


@media (max-width: 575px) {


    .img_360 {
        right: 0 !important;
        top: -20px !important;
        max-width: 100% !important;
    }
    .img_600 {
        right: 0!important;
        top: -150px!important;
        max-width: 100% !important;
    }

    #award_header > div > div{
        max-width: 244px;

    }

    .grey_box_header {
        background-color: white !important;
        font-weight: 600;
    }

    .free_try {
        color: #191516 !important;
    }

    .adeia_banner {

        padding: 16px 0 24px 0 !important;
    }
}

@media (max-width: 450px) {


    #header .header-nav-features {
        padding-left: 0 !important;
        margin-left: 0 !important;
    }

    .logo_img {
        max-width: 130px !important;
    }
}


@media (min-width: 600px) and  (max-width: 767px) {
    #carousel_platform .carousel-item.active {
        margin: 0 auto;
    }

    #carousel_platform .carousel-item .carousel_box {
        justify-content: center;
    }

    #carousel_platform .text_tab {
        max-width: 500px !important;
    }

    #carousel_platform .image_platform {

        min-height: 300px;
    }

    #carousel_platform .padding_mobile {

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

    #carousel_platform .carousel-control-prev {

        left: 5% !important;
    }
}


@media (max-width: 600px) {

    .header_text_new{
        margin: 40px -24px 24px;
    }

    .all_in_one_gray{
        text-align: center;
    }

    .reviews_homepage {

        align-items: center;
    }

    .tablet_platform {
        left: 0 !important;
        top: -5px !important;
    }

    .carousel_box {
        min-height: 620px;
    }


    #counters .purple_text > span {
        font-size: 40px;
    }

    .mobile_space {

        display: block !important;
    }

    .container-homepage, #header_banner_new, #counters {

        max-width: calc(100% - 80px) !important;

    }

    #header_banner_new {
        height: 650px !important;
    }

    .img_header_home , #bg_hero .adeia_banner {
        display: none;
    }

    .subtext_header_new, .header_text_new, .grey_box_header,
    .text_startup, .text_on_image .text_image {
        text-align: center;
    }

    .subtext_header_new{
        font-size: 14px!important;
    }

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

    .carousel_box, .reviews_homepage {

        flex-direction: column;
    }

    .image_platform {
        max-width: 340px;
        max-height: 243px;
        margin-top: 40px !important;
    }

    .image_platform > img {
        max-width: 340px;
        max-height: 243px;
        width: 100%;
    }

    .text_tab {
        max-width: 286px !important;
    }

    #carousel_platform .carousel-control-next {
        right: -5%;
    }

    #carousel_platform .carousel-control-prev {
        left: -5% !important;
    }

    .carousel-control-prev, .carousel-control-next {
        top: 25% !important;
    }

    .carousel_box .padding_mobile {
        padding-left: 28px !important;
    }

    .business_homepage .card .img_box, .business_homepage .card-text {
        min-width: 218px;
        width: 100%;
        max-height: 218px;
    }

    .business_homepage.mobile {
        margin-right: -590px !important;
    }

    .text_review {
        max-width: 340px !important;
    }

    .client_review {

        padding-bottom: 65px !important;
    }


    .text_on_image.startup, .text_on_image.partners,
    .text_on_image.integrations, #support .text_on_image {
        left: 0 !important;
    }

    .integrations_img_back {
        display: none;
    }

    .mobile_support_list {
        text-align: left;
    }


    .mobile_space {
        padding-bottom: 3rem;
    }

    #counters .purple_text, #counters .purple_text > div {
        font-size: 40px !important;
    }

    #counters {
        margin-top: 100px;
    }

    .toggle_content > img {
        width: 28px;
    }

    .toggle_content, .answer {
        padding: 0 24px;
    }

}



@media (max-width: 350px){

    #paroxos .container-homepage {
        padding-top: 0!important;
    }

    .container-homepage {
        padding-top: 210px;
    }

    #carousel_platform .carousel-control-prev {
        left: -10% !important;
    }
    #carousel_platform .carousel-control-next {
        right: -10%;
    }

    .text_tab {
        max-width: 210px !important;
    }

    .show_more.purple_btn ,.show_more.white_btn {

        max-width: 205px;
        font-size: 16px;
    }

    #startup_banner .white_btn {
        margin: 16px 0;
    }

    .free_start{
        margin-top: 20px;
    }

    .communicate.purple_btn {
        margin-right: 0!important;
    }

    #partners, #startup_banner {
        background-image: url(../img/home/BG/Mobile_Dark.webp) !important;
    }

}

.grey_box_header {
max-width: 439px;
width: 100%;
height: auto;
padding: 12px 16px;
border-radius: 4px;
background-color: #f2f2f4;
color: #191516 !important;
font-size: 12px;
line-height: 1.33;

}

.all_in_one_platform_mobile, #carousel_business, .mobile_space,
.mobile_support_list ,#carousel_awards,#carousel_awards_mob{
display: none;
}

.header-body {
box-shadow: inset 0 -1px 0 0 #ccced4;
}

.show_more.white_btn > a {
color: black;

}

.show_more > a {

color: white;
text-decoration: none;
}


.support_guide {
display: none !important;
}

.img_faq {

background-image: url(../img/home/BG/FAQ.webp);
background-size: cover;
background-position-y: 0;
background-repeat: no-repeat;
min-height: 720px;
border-radius: 16px;
max-width: 370px;
background-position-x: center;
}

.image_platform.erp {
background-image: url(../img/home/BG/image-erp@2x.png);
background-repeat: no-repeat;
background-size: 100%;
background-position-y: 0;
background-position-x: 15px;

}

.image_platform.tameiaki {
background-image: url(../img/home/BG/image-tameiaki@2x.webp);
background-repeat: no-repeat;
background-size: 75%;
background-position-y: 0;
background-position-x: 15px;
top: -120px;

}

.image_platform.payments {
background-image: url(../img/home/BG/image-payments@2x.png);
background-repeat: no-repeat;
background-size: 80%;
background-position-y: 0;
background-position-x: 15px;

}

.image_platform.oxygenHR {
background-image: url(../img/home/BG/image-oxygen-hr@2x.png);
background-repeat: no-repeat;
background-size: 80%;
background-position-y: 0;
background-position-x: 15px;
}

.image_platform.provider {
background-image: url(../img/home/BG/image-provider@2x.png);
background-repeat: no-repeat;
background-size: 80%;
background-position-y: 0;
background-position-x: 15px;
}

.tablet_platform {
max-width: 450px;
position: absolute;
left: -50px;
top: 30px;
}

#carousel_platform .carousel-control-next, #carousel_platform .carousel-control-prev {
box-shadow: 0 4px 8px 0 rgba(4, 1, 20, 0.1);
}

.arrow_offer{
    box-shadow: 0 4px 8px 0 rgba(4, 1, 20, 0.1);
    background-color: white;
    border-radius: 50%;
    height: 32px;
    width: 32px;
    display: flex;
}

.carousel-control-next, .carousel-control-prev {
filter: none;
opacity: 1;
}

.carousel-control-next:hover, .carousel-control-prev:hover,
.carousel-control-next:focus, .carousel-control-prev:focus {
filter: none;
opacity: 1;
}


.nav-link.active {
color: #191516 !important;
}


.tab-highlighter {
height: 4px;
width: 50px;
margin-top: -2px;
position: absolute;
background-color: #a700e3;
-webkit-transition: all 0.6s cubic-bezier(0.21, 0.61, 0.36, 1);
-moz-transition: all 0.6s cubic-bezier(0.21, 0.61, 0.36, 1);
-ms-transition: all 0.6s cubic-bezier(0.21, 0.61, 0.36, 1);
-o-transition: all 0.6s cubic-bezier(0.21, 0.61, 0.36, 1);
transition: all 0.6s cubic-bezier(0.21, 0.61, 0.36, 1);
}

.card-img-top {

border-radius: 16px;
}

#bg_hero {
position: relative;
}

#bg_hero > img {

    position: absolute;
    right: 20%;
    top:8%;
    max-width: 800px;
}

.hidden_hero {

display: none;
}

#awards{
background-image: url(../img/home/BG/Light@2x.webp);
background-size: cover;
background-position-y: 0;
background-repeat: no-repeat;
height: 720px;
margin-top: 120px;
justify-content: space-evenly;
}

.awards_div{
justify-content: space-evenly;

}

#awards .award_main{
width: 290px;
font-size: 20px;
font-weight: 800;
line-height: 1.2;
letter-spacing: -0.07px;
text-align: center;
color: #191516;
}

#awards .award_subtext{

margin-top:16px;
width: 290px;
font-size: 18px;
font-weight: normal;
line-height: 1.56;
letter-spacing: -0.06px;
text-align: center;
color: #191516;
}

#awards > a ,#award_header > a{

text-decoration: none;
}

.header_content_tab {
text-transform: none!important;
}