/*#region powerlink new website!!!!!!!!!!!*/
body {
    font-family: 'heebo' !important;
    direction: rtl;
    position: relative;
}

a {
    word-wrap: break-word;
}
.section-title {
    cursor: pointer;
    color: #292969;
    font-size: 50px;
}
.web-header-wrapper {
    position: relative;
    top: 0;
    display: flex;
    padding: 10px 0 10px 44px;
    flex-direction: row;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    align-items: stretch;
}

.iframe-container {
    border-width: 0px;
    background-color: #fafafa;
}

.article-page-search-icon {
    margin-inline-end: 5px;
    color: #A6A8AB;
    font-size: 20px;
}
.margin-bottom-23 {
    margin-bottom: 23px !important;
}

.subcategory-width-article {
    width: 1422px;
    max-width: initial;
}

.side-menu {
    width: 268px;
    /*background-color: #f6f6f7;*/
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 500px !important;
    margin-left: 31px;
    padding: 15px 10px;
    padding-inline-start: 0px;
}

    .side-menu > a {
        font-size: 15px;
        color: #808184 !important;
    }

.search-container {
    display: flex;
    flex: 1 1 auto;
    justify-content: flex-end;
}

.search-container-support {
    justify-content: center;
    display: flex;
}

    .articles-menu {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: grid;
        grid-template-columns: auto auto auto;
        grid-row-gap: 33px;
        /*flex-direction: column;*/
        justify-content: space-around;
        max-width: 1000px;
        flex-wrap: wrap;
        margin: 0 auto;
        padding-inline-start: 118px;
        padding-bottom: 95px;
    }

.subcategory-preview {
    display: grid;
    grid-template-columns: auto auto;
    column-gap: 80px;
    grid-row-gap: 10px;
}

.subcategory-preview-support {
    display: flex;
    grid-template-columns: auto auto;
    column-gap: 80px;
    grid-row-gap: 10px;
    flex-direction: column;
}

.article-container-support-title {
    font-size: 30px;
    font-weight: 500;
    line-height: 1.1;
    margin-bottom: 20px;
}

.article-page {
    max-width: 1280px;
    margin: 0 auto;
    padding: 32px 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
}

.search-container-mobile {
    display: none;
}

.top-section {
    width: 100%;
    margin-bottom: 5px;
}

.idea-title {
    font-size: 50px;
    color: #2B006E;
    font-weight: bold;
    flex: 1;
    cursor: pointer;
}

.bottom-link-container {
    display: flex;
}

#university-iframe {
    border-width: 0px;
    width: 100%;
    height: 3315px;
    overflow-x: hidden;
}

.last-column {
    margin-inline-start: 74px;
    width: 400px;
}

.powerlink-rights-container {
    margin-bottom: 9px;
}

.wrapper {
    display: flex;
    position: relative;
    max-width: 1600px;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.nav-brnad-logo {
    margin-inline-start: 45px;
}
.search-section-mobile {
    display: none;
}
.links-container {
    display: grid;
    position: relative;
    padding: 0 15px 32px 15px;
    grid-row-gap: 0;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: auto;
    grid-column-gap: 30px;
}

.footer-column {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    grid-row-start: span 1;
    grid-row-end: span 1;
    grid-column-start: span 2;
    grid-column-end: span 2;
}

.footer-info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-bottom: 40px;
    padding-right: 16%;
    grid-row-start: span 1;
    grid-row-end: span 1;
    grid-column-start: span 3;
    grid-column-end: span 3;
    font-size: 14px;
}

.footer-heading {
    margin-bottom: 22px;
    font-family: Heebo, sans-serif;
    color: #fff;
    font-weight: bold;
}

.footer-bottom {
    display: flex;
    padding: 28px 0px;
    margin: 0 15px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    border-top: 1px none #e6e8f0;
    font-size: 12px;
    line-height: 20px;
}

.footer-bottom-link {
    padding: 6px 15px;
    transition: color 0.2s ease;
    color: #e7e7e7;
    text-decoration: none;
    font-weight: 300;
}

    .footer-bottom-link:hover {
        text-decoration: underline;
    }

.powerlink-rights {
    padding-bottom: 15px;
    direction: rtl;
    color: #e2e2e2;
}

.footer-link {
    max-width: 250px;
    padding: 6px 0px;
    transition: color 0.2s ease;
    font-family: Heebo, sans-serif;
    color: #e7e7e7;
    line-height: 24px;
    font-weight: 300;
    text-decoration: none;
    font-size: 14px;
}

.university-title {
    width: 1280px;
    margin: 0 auto;
    padding-top: 38px;
}

.question-title {
    font-size: 50px;
    color: #2B006E;
    font-weight: bold;
    flex: 1;
}

.web-header-tab {
    padding: 8px 30px;
    transition: background-color .4s ease;
    color: #383b52;
    font-size: 15px;
    font-weight: 500;
    font-family: heebo,sans-serif;
}

.support-header-tab {
    position: relative;
    padding: 8px 30px;
    transition: background-color .4s ease;
    color: #808184 !important;
    font-size: 16px;
    font-weight: 500;
    font-family: heebo,sans-serif;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.support-tab-indicator {
    border-top: 3px solid #447aef;
    position: relative;
    width: 100%;
    top: -50px;
    display: none;
}

.current-indicator {
    display: block !important;
}

.articles-menu-mobile{
    display: none;
}
.web-header-navigation {
    display: flex;
    padding-left: 15px;
    padding-right: 15px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    flex: 1;
}

.support-header-navagation {
    display: flex;
    padding-left: 15px;
    padding-right: 15px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    flex: 1;
    height: 59px;
}

.support-header-right {
    display: flex;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-box-flex: 1;
    font-family: Heebo,sans-serif;
    padding-inline-end: 20px;
    align-items: center;
    white-space: nowrap;
}

.support-header-wrapper {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    display: flex;
    padding: 0px 240px;
    padding-top: 10px;
    padding-bottom: 9px;
    flex-direction: row;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    align-items: stretch;
    height: 79px;
    border-bottom: 1px solid #eee;
}

.web-header-tabs {
    display: flex;
    padding-right: 15px;
    padding-left: 15px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: end;
    justify-content: flex-end;
    flex-wrap: wrap;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    flex: 0 auto;
    direction: ltr;
    text-align: right;
    float: right;
    position: relative
}

.support-header-tabs {
    display: flex;
    padding-right: 15px;
    padding-left: 15px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: end;
    justify-content: flex-end;
    /*flex-wrap: wrap;*/
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    flex: 0 auto;
    direction: ltr;
    text-align: right;
    float: right;
    position: relative;
    white-space: nowrap;
    
}

.web-header-brand {
    display: flex;
    padding-left: 14px;
    padding-right: 14px;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    color: #fff;
}

.web-header-right {
    display: flex;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    flex: 1;
    font-family: Heebo,sans-serif;
    padding-inline-end: 20px;
}

.service_btn:hover {
    background-color: #808184 !important;
    border: none !important;
}

.closepopap {
    cursor: pointer;
}

.cookieClass {
    background-color: #fff;
    color: #000000;
    height: 40px;
    box-shadow: 0 -2px 16px rgba(20,34,180,.1);
    position: fixed;
    width: 100%;
    z-index: 999;
    bottom: 0;
}

    .cookieClass .cookie {
        width: 25px;
        height: 25px;
        margin-right: 5px;
    }

.privacy > a {
    text-decoration: underline !important;
}

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

.bold_text {
    margin-left: 5px;
    color: #292969
}

.closepopap i {
    font-size: 13px !important;
}

.bold_text span {
    font-weight: 500;
    font-size: 15px;
}

.notactive {
    display: none !important;
}

.activei {
    display: flex;
}

input[type="submit"] {
    width: 100%;
    background: none;
    border: none;
    color: #fff;
    font-size: 25px;
}

.overflow-y-elipsis {
    overflow: hidden;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    position: relative
}

    .overflow-y-elipsis:after {
        content: '...';
        bottom: 0;
        position: absolute;
        left: 0;
        background-color: #fff;
        padding-right: 7px;
    }

.details-container {
    background-color: #fff;
    min-height: 100vh;
}

.register-ad-big-title {
    color: #FFFFFF;
    font-size: 60px;
    margin: 10% 0 10px;
    text-align: center;
}

.register-ad-title {
    color: #FFFFFF;
    font-size: 30px;
    margin-bottom: 20px;
}

.register-ad-container {
    background-color: #F98E58;
    background: linear-gradient(323deg, #292969 0%, #DD1075 100%);
}

.register-ad-img-container {
    background: url('../imgs/reg.png');
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: bottom left;
}

.logo-container {
    margin-bottom: 60px;
}

    .logo-container a {
        padding: 15px 0 0 5px;
    }

.logo-container-title {
    font-size: 37px;
    color: #2f3645;
}

.save-button {
    background-color: #3D78F8;
    color: #FFFFFF;
    border-radius: 25px;
    font-size: 18px;
    padding: 6px 0;
    margin-bottom: 30px;
    cursor: pointer;
}

.user-information-container-has-account {
    color: #808184;
    font-size: 16px;
}

.call_section {
    background-color: #F6F6F7;
}

.user-information-container {
    width: 300px;
    padding-left: 20px;
}

.register-modal {
    padding-left: 0px !important;
}


.user-information-container div {
    position: relative;
}

.user-information-container i {
    position: absolute;
    font-size: 18px;
    left: -20px;
    top: 10px;
    display: none;
}

.user-information-container .error-msg {
    font-size: 12px;
    margin-bottom: 3px;
    word-wrap: break-word;
}

.error-input {
    color: #F74563;
}

    .error-input input {
        border-color: #F74563 !important;
    }

.register-input {
    min-height: 70px;
}

    .register-input input {
        display: block;
        width: 100%;
        padding: 6px 16px;
        height: 40px;
        margin-bottom: 2px;
        font-size: 18px;
        line-height: 1.42857143;
        color: #484F51;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 4px;
        -webkit-appearance: none;
        -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    }

.register-input-feedback {
    position: absolute;
    top: 5px;
    left: 10px;
    color: #5F6771;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: end;
    cursor: pointer;
}

.welcome-container {
    padding: 80px 0 0;
}

.welcome-small-title {
    color: #404041;
    font-size: 30px;
    margin-bottom: 25px;
    direction: rtl;
}

.welcome-big-title {
    color: #404041;
    font-size: 40px;
    margin-bottom: 50px;
    text-align: center;
    direction: rtl;
}

.welcome-categories-container {
    max-width: 1500px;
    margin: auto;
}

.welcome-category {
    border: 2px solid #E6E7E8;
    border-radius: 4px;
    margin: 0 25px 40px;
    width: 350px;
    height: 120px;
    padding: 0 20px;
    min-width: 256px;
    cursor: pointer;
}

    .welcome-category:hover {
        border: 2px solid #292969;
    }

.welcome-image {
    width: 75px;
}

    .welcome-image .loader {
        margin: auto;
    }

.welcome-category-active {
    border: 2px solid #292969;
}

.welcome-category-title {
    color: #354A68;
    font-size: 25px;
}

welcome-image .user-information-container-wide {
    width: 600px;
    margin-top: 20px;
}

.welcome-button {
    background-color: #292969;
    color: #FFFFFF;
    border-radius: 25px;
    font-size: 20px;
    padding: 6px 0;
    margin-bottom: 30px;
    cursor: pointer;
    width: 200px;
    text-align: center;
}

.no-resize {
    resize: none;
}

.bg-pink-purple {
    background-color: #231F20;
    background: linear-gradient(323deg, #BE35AA 0%, #EE1A83 100%);
    padding: 30px 20px;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.api-list-aprove {
    font-weight: bold;
    color: #09AA97;
}

.video-container iframe, .video-container object, .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.bg-bottom {
    background-repeat: no-repeat;
    background-position: bottom;
}

.marg-top-50 {
    margin-top: 50px;
}



.section-900 {
    height: 900px;
    padding: 30px 15px;
}

.section-1000 {
    height: 1000px;
    padding: 30px 15px;
}

.section-800 {
    height: 800px;
    padding: 30px 15px;
}

header {
    position: sticky;
    top: 0;
    background-color: #fff;
    z-index: 20;
}

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

h2, h3 {
    margin: 0 !important;
}

.dark-font {
    color: #404041;
}

.product-menu {
    height: 500px;
    width: 670px;
    padding: 32px !important;
}

    .product-menu .f-16 {
        padding-bottom: 24px;
    }

    .product-menu .f-14 {
        padding-bottom: 12px;
    }

    .product-menu .flex-column {
        padding-bottom: 20px;
    }

.dropdown, .product-bar-items {
    cursor: pointer;
}

.mobile-calendar img, .finance-signature .flex-column > div:first-child {
    margin-bottom: 50px;
    align-self: center;
}





a {
    text-decoration: none !important;
    color: inherit !important;
}

.bullets {
    display: list-item !important;
    list-style-position: inside;
}

.activebar {
    padding-bottom: 9px;
    color: #292969 !important;
    border-bottom: 3px solid #292969 !important;
    box-sizing: content-box;
}

.dropdown {
    transition: all 0.5s ease-in-out;
}

.bottom-pic {
    position: relative;
    top: 22px;
    z-index: -1;
    margin: 0 auto;
}

.dropdown-menu {
    transform-origin: 100% 0%;
    transition: all 0.5s ease-in-out;
    transform: scale(0);
    display: block !important;
    color: black;
}

.dropdown.open .dropdown-menu {
    transform-origin: 100% 0%;
    transform: scale(1);
    transition: all 0.3s ease-in-out;
    display: block !important;
}

.filterby-menu-ideas {
    position: absolute;
    left: 0;
    display: block;
    width: 0px;
    height: 0px;
    top: 100%;
    padding: 5px 0;
    overflow-x: hidden;
    background-color: #fff;
    box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    transition: all 0.3s ease-in-out;
}

.open-filterby-menu-ideas {
    width: 150px;
    height: 200px;
    border: 1px solid rgba(0,0,0,0.15);
}

.filterby-menu-questions {
    position: absolute;
    left: 0;
    display: block;
    width: 0px;
    height: 0px;
    top: 100%;
    padding: 5px 0;
    overflow-x: hidden;
    background-color: #fff;
    box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    transition: all 0.3s ease-in-out;
}

.open-filterby-menu-questions {
    width: 150px;
    height: 75px;
    border: 1px solid rgba(0,0,0,0.15);
}

@keyframes dropdown {
    from {top: 0px; left: 0;}
    to {top: 100%; left: 150px;}
}

.highlight {
    font-weight: bold;
    color: #333 !important;
}

.gray-font {
    color: #808184 !important;
}


.font-weight-300 {
    font-weight: 300;
}


.font-weight-400 {
    font-weight: 400;
}

.font-weight-400-im {
    font-weight: 400 !important;
}

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

.color-FFFFFF {
    color: #FFFFFF !important;
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse;
}


.dev-img {
    height: 71px;
    width: 57px;
}

.tec-img {
    height: 71px;
    width: 69px;
    margin-left: -30px;
}


.pep-img {
    height: 72px;
    width: 108px;
}

.round-img {
    height: 100px;
    width: 100px;
}

.color-8A39F4 {
    color: #292969 !important;
}

.color-DD1075 {
    color: #DD1075;
}


.color-5C5C5C {
    color: #5C5C5C;
}

.color-BE1E83 {
    color: #BE1E83;
}


.color-8A39F4 {
    color: #292969;
}

.color-F74563 {
    color: #F74563 !important;
}


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



.right-arrow {
    color: #292969 !important;
    font-size: 18px !important;
    margin-right: 7px;
    margin-top: 2px;
}

.color-EFC319 {
    color: #EFC319;
}





.width-200 {
    width: 200px !important;
}

.width-90-p {
    width: 90%;
}

.width-60-px {
    width: 90px;
}

.height-46 {
    height: 46px !important;
}

.width-1198 {
    width: 1198px;
}


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

.color-F74563 {
    color: #F74563;
}

.color-37C998 {
    color: #37C998;
}

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

.padding-top-15 {
    padding-top: 15px;
}

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

#footer {
    font-size: 16px;
}

#footer-cookie-policy {
   margin-bottom: 25px;
}

.f-25 {
    font-size: 25px;
}

.f-40 {
    font-size: 40px;
}

.f-14 {
    font-size: 14px;
}

.f-60 {
    font-size: 60px;
}

.white-fade-btn {
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    display: inline-block;
    line-height: 16px;
    opacity: 1;
    padding: 6px 14px;
    border-color: #292969;
    color: #292969 !important;
    background: #fff;
    transition: background 0.3s ease 0s;
    border-radius: 15px;
    margin-left: 16px;
    cursor: pointer;
}


.trans-fade-btn {
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    display: inline-block;
    line-height: 16px;
    opacity: 1;
    padding: 6px 14px;
    border-color: #FFF;
    color: #FFF;
    background: none;
    transition: background 0.3s ease 0s;
    border-radius: 15px;
    margin-left: 16px;
}


.bg-pink {
    background-image: url('../imgs/Footer_about_us.png');
    height: 301px;
    background-repeat: no-repeat;
    text-align: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-size: cover;
}

.bg_banner_product {
    background-color: #F6F6F6;
    height: 301px;
    background-repeat: no-repeat;
    text-align: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.page_hader_photoDiv {
    width: 100%;
    background-image: linear-gradient(white 60%, #447aee 60%);
}

.bg-purple {
    background-color: #292969;
}

.white-font {
    color: #fff;
}

.white-btn-square {
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    display: inline-block;
    line-height: 16px;
    opacity: 1;
    padding: 6px 14px;
    border-color: #292969;
    color: #292969 !important;
    background: #fff;
    transition: background 0.3s ease 0s;
    border-radius: 5px;
    margin-left: 16px;
    cursor: pointer;
}

.column-item-center {
    align-self: center;
}

.block {
    display: block !important;
}

.font-42 {
    font-size: 42px;
}

.font-22 {
    font-size: 22px;
    margin-bottom: 33px;
}

.padding-bottom-20 {
    padding-bottom: 20px;
}



.purple-footer {
    background-color: #000;
    border-top: 1px solid #e6e8f0;
    padding-top: 52px;
    padding-bottom: 0px;
}

.links-group :not(:first-child):not(.social-imgs) {
    margin-top: 13px;
}

.social-imgs {
    display: flex;
    margin: 3px;
    padding: 6px;
    justify-content: center;
    align-items: center;
    border: 1px solid transparent;
    background: transparent;
    transition: border-color 0.4s ease;
}

.social-imgs:hover {
    border-color: #a9aec3;
}

.social-img {
    width: 16px;
    max-width: 100%;
    opacity: 0.6;
}

.text-grey {
    margin-bottom: 6px;
    font-family: Heebo, sans-serif;
    color: #d4d4d4;
    font-size: 14px;
}

.social-imgs-container {
    width: 264px;
}

.footer-logo-img {
    margin-left: -10px;
}

.app-container {
    max-width: Fpx;
    margin: auto;
}

.links-group {
    height: 172px;
}

.rounded {
    border-radius: 50px;
}

.text-50-black {
    max-width: 431px;
    font-size: 50px;
    line-height: 1.24;
    color: #404041;
    text-shadow: 0px 3px 5.8px rgba(0, 0, 0, 0.16);
    padding-bottom: 62.5px;
}

.purple-rounded-btn {
    height: 44px;
    width: 162px;
    font-size: 17px;
    font-family: heebo;
    font-weight: 500;
    line-height: 2px;
    text-align: center;
    color: #ffffff;
    border-radius: 32.5px;
    background-color: #8A39F4;
    max-width: 320px;
    padding: 20px 30px;
    cursor: pointer;
    border: 1px solid #8A39F4;
    transition: background 0.3s ease 0s;
}

    .purple-rounded-btn:hover {
        background: #fff;
        color: #292969;
        border: 1px solid #292969;
        transition: background 0.3s ease 0s;
    }

.purple-rounded-btn-thank {
    font-size: 30px;
    font-weight: 300;
    line-height: 0.75;
    text-align: center;
    color: #ffffff;
    border-radius: 32.5px;
    background-color: #292969;
    max-width: 320px;
    padding: 20px 30px;
    cursor: pointer;
    border: 1px solid #292969;
    transition: background 0.3s ease 0s;
}

    .purple-rounded-btn-thank:hover {
        color: #292969;
        background: white;
    }

.purple-rounded-btn-about {
    font-size: 28px;
    font-weight: 300;
    line-height: 0.75;
    text-align: center;
    color: #292969;
    border-radius: 32.5px;
    border: 1px solid #292969;
    max-width: 320px;
    padding: 20px 30px;
    cursor: pointer;
    /*width: 270px;*/
    height: 65px;
    transition: background 0.3s ease 0s;
}

    .purple-rounded-btn-about:hover {
        color: #FFFFFF;
        border: 1px solid #292969;
        background-color: #292969;
        transition: background 0.3s ease 0s;
    }

.white-rounded-btn {
    font-size: 28px;
    font-weight: 300;
    line-height: 0.75;
    text-align: center;
    color: #292969;
    border-radius: 32.5px;
    background-color: #ffffff;
    max-width: 320px;
    padding: 17px;
    cursor: pointer;
    width: 230px;
    height: 55px;
    font-weight: 500;
    margin-right: 27px;
}

.dots-sectiom {
    line-height: 0.6;
    font-weight: 900;
    margin-bottom: 8px;
}


.section-590 {
    height: 590px;
}

.bg-gray {
    background-color: #f7f7f7;
}


.img_bg_about {
    background-image: url(../imgs/imgabout1.jpg);
}


.padding-46 {
    padding: 46px;
}

.bold {
    font-weight: bold !important;
}

.f-22 {
    font-size: 22px;
}

.f-16 {
    font-size: 16px;
}

.f-14 {
    font-size: 14px;
}

.f-50 {
    font-size: 50px;
}

.pad-text-emp {
    padding: 0 10px 10px 0;
}

.gray {
    background-color: #e7e8e9;
}

.f-30 {
    font-size: 30px;
}

.word_per_line {
    text-align: center;
    word-spacing: 100px;
}

.flex-95 {
    width: 95%;
}

.margin-horizontal-10 {
    margin-right: 10px !important;
    margin-left: 10px !important;
}

.margin-start-225 {
    margin-right: 225px !important;
}

.margin-start-16 {
    margin-right: 16px;
}


.margin-start-159 {
    margin-right: 159px;
}

.margin-start-168 {
    margin-right: 168px;
}

.margin-start-170 {
    margin-right: 170px;
}

.margin-start-195 {
    margin-right: 195px;
}

.margin-start-176 {
    margin-right: 176px;
}

.margin-start-179 {
    margin-right: 179px;
}

.padding-top-6 {
    padding-top: 6px;
}

.margin-start-174 {
    margin-right: 174px;
}


.margin-start-38 {
    margin-right: 38px !important;
}

.padding-right-33 {
    padding-right: 33px;
}


.margin-top-83 {
    margin-top: 83px;
}

.margin-top-86 {
    margin-top: 86px;
}

.position-box-des {
    border: 1px solid #E6E7E8;
    background-color: #FFFFFF;
    box-shadow: 0 0 8px 5px rgba(0,0,0,0.11);
    min-width: 260px;
    min-height: 420px;
    box-sizing: border-box;
}

.position-1-border {
    border-top: 5px solid #25abe2;
}

.position-2-border {
    border-top: 5px solid #F98449;
}

.position-3-border {
    border-top: 5px solid #EFC319;
}

.position-4-border {
    border-top: 5px solid #DE13B1;
}

.position-5-border {
    border-top: 5px solid #4CC4F6;
}

.margin-top-23 {
    margin-top: 23px;
}

.margin-top-29 {
    margin-top: 29px;
}

.margin-top-34 {
    margin-top: 34px !important;
}



.justify-content-initial {
    justify-content: initial !important;
}

.padding-coustomer {
    padding: 50px 385px;
}

.margin-10 {
    margin: 10px;
}

.margin-15 {
    margin: 15px;
}

.margin-20 {
    margin: 15px;
}

.margin-72 {
    margin: 72px;
}

.margin-start-6 {
    margin-right: 6px;
}

.margin-start-216 {
    margin-right: 216px;
}


.addintional-prices {
    width: 100%;
    justify-content: flex-end;
    margin-left: 78px;
    align-items: flex-end;
}

.margin-start-211 {
    margin-right: 211px;
}

.margin-start-108 {
    margin-right: 108px;
}

.margin-start-165 {
    margin-right: 165px;
}

.margin-start-143 {
    margin-right: 143px;
}

.margin-start-122 {
    margin-right: 122px;
}

.margin-start-93 {
    margin-right: 93px;
}

.margin-start-130 {
    margin-right: 130px;
}

.margin-start-120 {
    margin-right: 120px;
}

.margin-start-190 {
    margin-right: 190px;
}


.margin-start-234 {
    margin-right: 234px;
}

.margin-start-134 {
    margin-right: 134px;
}

.margin-start-230 {
    margin-right: 230px;
}

.margin-start-232 {
    margin-right: 232px;
}

.margin-start-224 {
    margin-right: 224px;
}

.margin-start-228 {
    margin-right: 228px;
}

.margin-start-320 {
    margin-right: 320px;
}

.margin-start-148 {
    margin-right: 148px;
}


.margin-start-185 {
    margin-right: 185px;
}

.margin-start-210 {
    margin-right: 210px;
}

.margin-start-37 {
    margin-right: 37px;
}


.margin-start-83 {
    margin-right: 83px;
}

.margin-start-205 {
    margin-right: 205px;
}

.margin-start-153 {
    margin-right: 153px;
}

.margin-start-145 {
    margin-right: 145px;
}

.width-180 {
    width: 180px !important;
}

.margin-start-138 {
    margin-right: 138px;
}

.margin-start-66 {
    margin-right: 66px;
}

.margin-start-245 {
    margin-right: 245px;
}

.margin-start-52 {
    margin-right: 52px;
}


.margin-start-70 {
    margin-right: 70px;
}

.margin-start-139 {
    margin-right: 139px;
}

.margin-start-163 {
    margin-right: 163px;
}

.margin-start-192 {
    margin-right: 192px;
}

.purple-title > span, .pad-icon-text, .icon-to-text {
    padding-left: 15px;
}



.bg-cloud {
    background-image: url('../imgs/group-3712.jpg');
}



.title-center-on-bg {
    padding-bottom: 28px;
}

.align-self-start {
    align-self: flex-start;
}

.align-self-end {
    align-self: flex-end;
}

.pricing-squares-medium {
    border: 1px solid #E6E7E8;
    background-color: #FFFFFF;
}

.margin-start-27 {
    margin-right: 27px;
}

.margin-top-27 {
    margin-top: 27px;
}

.margin-top-21 {
    margin-top: 21px;
}


.margin-top-26 {
    margin-top: 26px;
}

.color-666666 {
    color: #666666;
}

.f-18 {
    font-size: 18px !important;
}

.bg-analitics {
    background-image: url('../imgs/group-37@3x3333.png');
}

.purple {
    color: #292969;
}

.section-500 {
    height: 500px;
    background-repeat: no-repeat;
}

.section-400 {
    height: 400px;
    background-repeat: no-repeat;
    background-size: cover;
}

.bg-phone {
    background-image: url('../imgs/homepage-mobile-bg.jpg');
    background-position: center center;
}

.app-btn img {
    width: 75%;
}

.marg-top-42 {
    margin-top: 42px;
}

.section-480 {
    height: 650px;
}

.section-200 {
    height: 200px;
    position: relative;
}

.header {
    height: 80px;
    max-width: 1200px;
    margin: 0 auto;
    font-size: 18px;
}


.product-sticky-bar {
    position: sticky;
    /*top: 130px; when adding the webinar switch to this value*/
    top: 63px;
    padding: 10px 330px;
    justify-content: space-between;
    height: 100px;
    background-color: #eef1f7;
}

.purple-fade-btn:hover {
    background: #fff;
    color: #000;
}

.white-fade-btn:hover {
    background: #292969;
    color: #fff !important;
}

.trans-fade-btn:hover {
    background: #292969;
    color: #fff;
    opacity: 1;
}

.center-header {
    width: 190px;
    position: relative;
    margin: auto;
}

.offset-center-header {
    position: absolute;
    top: 18px;
    right: -30px;
}

/*#endregion RegionName*/
/*m*/


.flex-column a {
    color: #fff;
}

.footer-m {
    /*height: 1079px;*/
    /*padding-top: 62px;*/
    text-align: right;
    /*padding-top: 62px;*/ /*להחזיר כשמחזירים את הקישורי בפוטר*/
    padding-bottom: 27px;
    direction: ltr;
}

.contact-footer {
    height: 87px;
    /*margin-top: 70px;*/ /*להחזיר כשמחזירים את הקישורי בפוטר*/
}

.social-footer-m {
    width: 264px;
    /*padding-top: 70px;*/ /*להחזיר כשמחזירים את הקישורי בפוטר*/
    padding-bottom: 31px;
    margin: 0 auto;
}

.underline {
    text-decoration: underline !important;
}

.white-font a {
    color: #fff !important;
}

.f-15 {
    font-size: 15px;
}

.f-12 {
    font-size: 12px !important;
}

.f-20 {
    font-size: 20px;
}

.f-22 {
    font-size: 22px;
}

.f-35 {
    font-size: 35px;
}


.f-32 {
    font-size: 32px;
}

body {
    overflow-x: hidden;
}

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

.padding-15 {
    padding: 15px;
}

.color-light-black {
    color: #404041 !important;
}

.bg-white {
    background-color: #FFFFFF !important;
}

.margin-bottom-4 {
    margin-bottom: 4px !important;
}

.margin-bottom-5 {
    margin-bottom: 5px !important;
}

.margin-bottom-15 {
    margin-bottom: 15px !important;
}

.margin-bottom-25 {
    margin-bottom: 25px !important;
}

.margin-top-bottom-25 {
    margin-bottom: 25px !important;
}

.margin-top-bottom-42 {
    margin: 42px 0 !important;
}

.margin-bottom-105 {
    margin-bottom: 105px !important;
}

.margin-top-39 {
    margin-top: 39px !important;
}

.margin-top-50 {
    margin-top: 50px !important;
}


.margin-start-20 {
    margin-right: 20px !important;
}

.margin-start-17 {
    margin-right: 17px !important;
}


.margin-top-60 {
    margin-top: 60px !important;
}

.margin-top-82 {
    margin-top: 82px !important;
}

.margin-start-60 {
    margin-right: 60px;
}

.margin-start-60-en {
    margin-left: 60px;
}

.margin-start-10 {
    margin-right: 10px;
}

.margin-top-35 {
    margin-top: 35px
}

.text-align-start {
    text-align: right;
}

.text-align-end {
    text-align: left;
}

.font-thin-100 {
    font-weight: 100;
}

.font-bold-500 {
    font-weight: 500 !important;
}

.font-bold-900 {
    font-weight: 900 !important;
}

.margin-start-150 {
    margin-right: 150px !important;
}

.padding-top-250 {
    padding-top: 250px !important;
}

.padding-top-bottom-46 {
    padding: 46px 0;
}

.margin-start-3 {
    margin-right: 3px !important;
}

.margin-top-25 {
    margin-top: 25px !important;
}


.margin-top-200 {
    margin-top: 200px !important;
}


.margin-top-223 {
    margin-top: 223px !important;
}



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

.margin-top-3 {
    margin-top: 3px !important;
}

.margin-top-5 {
    margin-top: 5px !important;
}

.margin-top-30 {
    margin-top: 30px !important;
}

.margin-top-17 {
    margin-top: 17px !important;
}

.margin-top-38 {
    margin-top: 38px !important;
}

.margin-top-10 {
    margin-top: 10px !important;
}

.margin-top-57 {
    margin-top: 57px !important;
}

.margin-top-41 {
    margin-top: 41px !important;
}

.margin-top-40 {
    margin-top: 40px !important;
}

.margin-top-43 {
    margin-top: 43px !important;
}

.margin-top-45 {
    margin-top: 45px !important;
}

.margin-top-14 {
    margin-top: 14px !important;
}


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

.margin-top-110 {
    margin-top: 110px !important;
}

.margin-top-187 {
    margin-top: 187px !important;
}

.margin-top-42 {
    margin-top: 42px !important;
}

.margin-top-4 {
    margin-top: 4px !important;
}

.margin-top-47 {
    margin-top: 47px !important;
}

.margin-top-113 {
    margin-top: 113px !important;
}

.margin-top-6 {
    margin-top: 6px !important;
}

.margin-top-70 {
    margin-top: 70px !important;
}


.margin-top-25 {
    margin-top: 25px !important;
}


.margin-top-28 {
    margin-top: 28px !important;
}


.margin-top-15 {
    margin-top: 15px !important;
}

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

.margin-start-45 {
    margin-right: 45px;
}

.margin-right-550 {
    margin-right: 550px !important;
}

.margin-bottom-50 {
    margin-bottom: 50px !important;
}

.margin-bottom-30 {
    margin-bottom: 30px !important;
}

.margin-bottom-10 {
    margin-bottom: 10px !important;
}

.color-666666 {
    color: #666666 !important;
}

.margin-bottom-40 {
    margin-bottom: 40px !important;
}

.color-2c6494 {
    color: #2c6494 !important;
}

.margin-start-115 {
    margin-right: 115px !important;
}


.padding-end-53 {
    padding-left: 53px;
}


.padding-start-22 {
    padding-right: 22px;
}


.width-70 {
    width: 70px;
}

.width-59 {
    width: 59px;
}

.width-30 {
    width: 30% !important;
}

.width-150 {
    width: 150px;
}

.margin-end-40 {
    margin-left: 40px;
}

.margin-end-10 {
    margin-left: 10px;
}

.margin-end-25 {
    margin-left: 25px;
}

.margin-top-3 {
    margin-top: 3px;
}

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


.color-354A68 {
    color: #354A68 !important;
}


.pricing-squares {
    height: 420px;
    width: 200px;
    border: 1px solid #E6E7E8;
    background-color: #FFFFFF;
    margin-top: 28px;
    margin-right: 30px;
}




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

.packages-squares {
}

.pricing-lables {
    color: #354A68 !important;
    font-family: 'Arimo', sans-serif !important;
    font-size: 25px;
    font-weight: bold;
    text-align: center;
}


.packages-lables {
    color: #354A68 !important;
    font-family: 'Arimo', sans-serif !important;
    font-weight: bold;
    text-align: center;
}


#round-border {
    border-radius: 25px;
    border: 1px solid #354A68;
    padding: 5px 25px;
    width: 200px;
}

.pricing-options {
    width: 270px;
    margin-bottom: 40px;
}

.pricing-options-info {
    height: 750px;
    margin-bottom: 40px;
    width: 239px;
}

.pricing-img {
    top: 310px !important;
    right: 200px !important;
}

.pricing-price {
    font-size: 30px;
}

.package-price {
    font-size: 30px;
}

.package-text {
    width: 50%;
    text-align: right;
}

    .package-text > div > div {
        font-weight: 500;
    }

.pricing-try {
    background: #292969;
    color: white;
    width: 100%;
    height: 30px;
    justify-content: center !important;
    border-radius: 3px;
}

#display-options-wrapper {
}

.line-separator {
    height: 1px;
    background-color: #E6E7E8;
}

.pricing-text {
    font-size: 14px;
    font-family: 'Arimo', sans-serif !important;
    font-weight: normal;
    margin-bottom: 4px;
}



.pricing-shekel {
    font-size: 20px;
    margin-right: 3px !important;
    font-weight: bold;
}

.pricing-try-text {
    font-size: 16px;
    margin-top: 5px !important;
    line-height: 30px;
    text-align: center;
}

.fof-bg {
    height: 100%;
    width: 100%;
}

.margin-auto {
    margin: 0 auto !important;
}


/*.toursidemenuitem {
    font-family: 'Heebo', sans-serif;
    height: 57px;
    font-size: 16px;
    color: #808184;
    line-height: 55px;
    text-indent: 16px;
    direction: rtl;
    ;
    border-bottom: 1px solid #e6e7e8;
    -webkit-box-sizing: border-box;
}

.toursidemenuitemfirst {
    font-family: 'Heebo', sans-serif;
    height: 57px;
    font-size: 16px;
    color: #808184;
    line-height: 55px;
    text-indent: 16px;
    direction: rtl;
    border-top: 1px solid white;
    background-color: #C0EBFA;
    border-bottom: 1px solid #e6e7e8;
    -webkit-box-sizing: border-box;
}

.toursidemenuitemlast {
    font-family: 'Heebo', sans-serif;
    height: 57px;
    font-size: 16px;
    color: #808184;
    border-top: 1px solid white;
    line-height: 55px;
    text-indent: 16px;
    direction: rtl;
    border-top: 1px solid #e6e7e8;
    border-bottom: 1px solid #e6e7e8;
    -webkit-box-sizing: border-box;
    border-bottom: 1px solid #8FDDF9;
}
.toursidemenuitem a {
    font-family: 'Heebo', sans-serif;
    text-decoration: none;
    border-top: none;
    color: inherit;
}

.toursidemenuitemlast a {
    font-family: 'Heebo', sans-serif;
    text-decoration: none;
    color: inherit;
}*/
#feature-nav {
    color: #808184;
}

    #feature-nav > li > a {
        width: 200px;
        display: block !important;
        font-family: 'Heebo', sans-serif;
        height: 57px;
        font-size: 16px;
        line-height: 55px;
        text-indent: 16px;
        text-align: right;
        direction: rtl;
        border-bottom: 1px solid #e6e7e8;
        cursor: pointer;
    }

    #feature-nav .active {
        color: #292969;
    }


/*.tourselectedsidemenuitem {
    display: block;
    font-family: 'Heebo', sans-serif;
    background-color: white;
    color: #292969;
    text-decoration: none;
    border: 1px solid #e6e7e8;
    border-left: none;
    font-size: 16px;
    height: 57px;
    line-height: 55px;
    text-indent: 16px;
    direction: rtl;
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
    -webkit-box-sizing: border-box;
}

.tourselectedsidemenuitemlast {
    font-family: 'Heebo', sans-serif;
    background-color: white;
    color: #292969;
    text-decoration: none;
    border-bottom: none;
    font-size: 14px;
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
    -webkit-box-sizing: border-box;
}*/

.touritem {
    font-family: 'Heebo', sans-serif;
    width: 605px;
    margin: auto;
    border-bottom: 1px solid #ddd;
    padding-bottom: 33px;
    padding-top: 33px;
    direction: rtl;
}

    .touritem div {
        font-family: 'Heebo', sans-serif;
        display: table-cell;
        width: 50%;
        vertical-align: top;
    }

    .touritem p, .touritem h1 {
        font-family: 'Heebo', sans-serif;
        padding-right: 10px;
        padding-left: 10px;
    }



#hidden-nav {
    display: none;
}

.affix {
    margin-left: 733px;
    position: fixed !important;
    top: 100px;
}

#innre-content {
    position: relative;
}

.row-info-item i {
    width: 20px;
    margin-right: 220px;
    text-align: center;
}

    .row-info-item i:first-of-type {
        width: 20px;
        margin-right: 100px;
    }

.row-info-item section:first-of-type {
    margin-right: 90px;
}

.row-info-item section:last-of-type {
    margin-right: 180px;
}

.row-info-item section {
    margin-right: 205px;
}

.row-info-item > div:first-of-type {
    width: 205px;
    margin-right: 37px;
}

.row-info-item > div {
    margin-right: 225px
}



.register-now-bg {
    /*background: url("../imgs/triangles_bg.png") no-repeat center;**/
    height: 100vh;
    width: 100%;
}

.modal-content {
    box-shadow: 0 0 40px 2px rgba(0,0,0,0.24) !important;
}

.welcome2-title {
    color: #727272;
    font-family: Heebo;
    font-size: 20px;
    line-height: 25px;
    text-align: center;
    margin-bottom: 30px;
}

.register-title {
    color: #404041;
    font-family: Heebo;
    font-size: 20px;
    line-height: 25px;
    text-align: center;
    margin-bottom: 30px;
    font-weight: 500;
}

#second-headline {
    height: 18px;
    width: 260px;
    color: #404041;
    font-family: Heebo;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    font-weight: normal;
}

.register-modal {
    max-width: 600px !important;
}

.welcome2-loader {
    height: 37px;
}

#welcome-modal .user-information-container {
    max-width: 300px;
    width: 100%;
}

#welcome-modal .modal-content {
    padding: 60px 0 30px 0;
}

#dialog-register {
    max-width: 450px !important;
    height: 460px;
}

    #dialog-register .modal-content {
        border: 0px !important;
    }


#welcome-modal .modal-content-register {
    padding: 60px 0 30px 0;
}

#welcome-modal input[type=number]::-webkit-outer-spin-button,
#welcome-modal input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.affix-bottom {
    position: absolute;
    right: 0;
}

.affix-top {
    position: absolute;
    right: 0;
}

.contact-select-input {
    position: relative;
    width: 100%;
}

    .contact-select-input input {
        cursor: pointer;
    }

    .contact-select-input i {
        position: absolute;
        left: 15px;
        font-size: 16px;
        padding-top: 14px;
    }

    .contact-select-input ul {
        display: none;
        padding-top: 10px;
        padding-bottom: 10px;
        position: absolute;
        background-color: #ffffff;
        box-shadow: 0 6px 13px 0px rgba(0,0,0,0.11);
        top: 45px;
        width: 100%;
        z-index: 50;
    }

    .contact-select-input li {
        padding: 6px 0px;
        color: #231F20;
        width: 100%;
        font-size: 16px;
    }

        .contact-select-input li:hover {
            color: #292969;
            cursor: pointer;
        }

/*COMPUTER screen*/
@media screen and (min-width: 768px) {
    .start-now-bg {
        background: url("../imgs/start-now-bg.png") no-repeat top right;
        height: 100vh;
        width: 100%;
    }

    #register1 {
        width: 70%;
    }

    .circle_div_active {
        width: 45px;
        height: 45px;
        border-radius: 50%;
        background-color: #292969;
        display: flex;
        color: #fff;
        cursor: pointer;
    }

    .circle_div {
        width: 45px;
        height: 45px;
        border-radius: 50%;
        background-color: #7C8695;
        display: flex;
        color: #fff;
        cursor: pointer;
    }

    .headline_circle {
        color: #7C8695;
        margin-top: 5px;
    }

    .headline_circle_active {
        color: #292969;
        margin-top: 20px;
        font-weight: 500;
    }

    .header-item:hover .circle_div {
        background-color: #292969;
    }

    .header-item:hover .headline_circle {
        color: #292969;
    }

    .page_route {
        color: #A6A8AB !important;
        font-size: 14px !important;
        font-weight: 400 !important;
    }

    .question_header > h1 {
        color: #A6A8AB;
        font-size: 40px;
        font-weight: 300;
    }

    .register-input {
        width: 70%;
    }

    #welcome-modal > .modal-dialog {
        margin-top: 200px;
    }

    .max-w-1000 {
        max-width: 1000px;
        margin: auto;
    }

    .max-w-900 {
        max-width: 900px;
    }

    .text-box-195h {
        min-height: 195px;
    }

    .finance-signature .flex-50:first-child {
        justify-content: flex-end !important;
        padding-left: 50px;
    }

    .packages-container {
        padding: 40px;
        background-color: #f7f7f7;
    }

    .packages-squares {
        max-width: 995px;
        border: 1px solid #E6E7E8;
        background-color: #FFFFFF;
        margin: auto;
        margin-top: 28px;
    }

    #basic {
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
        border-top: 10px solid #292969;
        box-shadow: -1px 1px 20px 3px rgba(148,136,148,0.31);
    }



    .package-header {
        padding-bottom: 10px;
        margin-bottom: 40px
    }

    pricing-price .finance-signature .flex-50:last-child {
        justify-content: flex-start !important;
        padding-right: 50px;
    }

    .article-container {
        padding: 0 31px;
        width: calc(100% - 268px );
        margin-top: 12px;
    }

    .article-container-support {
        border-radius: 20px;
        background-color: white;
        padding: 30px !important;
        width: 100%;
        margin-bottom: 25px;
    }

    .article-container-support-no-results {
        border-radius: 20px;
        background-color: white;
        padding: 30px !important;
        width: 100%;
    }

    .article-link:hover {
        text-decoration: underline;
        color: #292969;
    }

    .header > div {
        height: 80px;
        min-width: 70px;
    }

    .current {
        color: #292969;
    }

    .support-current {
        color: #447aef !important;
    }

    .padding-end-53-desktop {
        padding-left: 53px;
    }


    .search-icon {
        float: left;
        position: relative;
        top: -41px;
        left: 21px;
        color: #a6a8ab !important;
        font-size: 30px !important;
        cursor: pointer;
    }

    .search-article {
        border-radius: 35px !important;
        height: 71px !important;
        width: 100% !important;
        padding-right: 24px !important;
        border: 1px solid #E6E7E8;
        outline: none !important;
        font-size: 35px !important;
        background-repeat: no-repeat;
        background-position: right 13px center;
        outline: 0;
    }

    .search-div {
        width: 100%;
        max-width: 1100px;
        position: relative;
    }

    .logoimage img {
        height: 36px;
        width: 36px;
        border: 1px solid rgb(128, 130, 132);
        border-radius: 50%;
    }

    .logoimage_header img {
        height: 30px;
        width: 30px;
        border: 1px solid rgb(128, 130, 132);
        border-radius: 40px;
        margin-left: 10px;
    }

    .logoimage_header_big img {
        height: 30px;
        width: 30px;
        border: 1px solid rgb(128, 130, 132);
        border-radius: 50%;
    }

    .login_data {
        margin-bottom: 5px !important;
    }

    .logout p {
        margin-top: 10px;
    }

    .login_data_hr {
        background-color: #E6E7E8;
        width: 100%;
        margin-bottom: 0 !important;
        margin-top: 10px !important;
    }

    .open_dropdown_login {
        height: 153px;
        width: 300px;
        border: 1px solid #E6E7E8;
        background-color: #FFFFFF;
        box-shadow: 0 0 8px NaNpx rgba(0,0,0,0.1);
    }

    .login_dropdown_i i {
        color: #808184;
        font-size: 14px;
        margin-left: 15px;
    }

    .logoimage1 img {
        height: 22px;
        width: 22px;
        border: 1px solid rgb(128, 130, 132);
        border-radius: 50%;
    }

    .question_subject h2 {
        color: #292969;
        font-size: 16px;
        font-weight: 500;
    }

    .question_d h5 {
        margin-left: 5px;
        color: #808184;
        font-size: 12px;
        font-weight: 300;
        margin-top: 8px;
        margin-bottom: 8px;
    }

    .question_body p {
        font-size: 16px;
        color: #2F3645;
    }

    .p_body {
        font-size: 16px;
        color: #2F3645;
    }

    .question_icons {
        color: #808184;
        font-size: 14px;
        font-weight: lighter;
    }

        .question_icons div {
            margin-left: 5px;
        }

    .icon_symbol {
        margin-left: 3px;
    }

    /*.icon_header h5:hover {
        color: #292969;
    }*/

    /*.answers_count {
        margin-top: 20px;
        margin-bottom: 20px;
    }*/

    .answers_count button {
        /*height: 30px;
            width: 119px;
            border: 1px solid #A6A8AB;
            color: #808184;
            background-color: #FFFFFF;
            font-size: 14px;
            line-height: 30px;
            border-radius: 25px;*/
        height: 30px;
        width: 119px;
        border: none;
        color: #37C998;
        background-color: #FFFFFF;
        font-size: 14px;
        line-height: 30px;
        border-radius: 25px;
        font-weight: 400;
    }

        .answers_count button:focus {
            outline: none !important;
        }

    .header-title {
        max-width: 620px;
        text-align: center;
        padding-bottom: 27px;
    }

    .support-header {
        background-color: #f6f6f7;
        height: 320px;
        background-position: center;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .question-header {
        background-image: url('../imgs/search_bg.png');
        background-position: center;
        background-size: cover;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .support-search-header {
        background-position: center;
        background-size: cover;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        justify-content: center;
        background-color: #fafafa;
    }

    .support-search-title {
        margin-left: 10%;
        font-family: inherit;
        font-weight: 500;
        line-height: 1.1;
        color: inherit;
        font-size: 30px;
        margin-bottom: 1%;
    }

    .support-search-description {
        font-size: 18px;
        margin-bottom: 1%;
    }

    .purple-fade-btn {
        border-radius: 3px;
        border-style: solid;
        border-width: 1px;
        display: inline-block;
        line-height: 16px;
        opacity: 1;
        padding: 6px 14px;
        border-color: #000;
        color: #fff;
        background: #000;
        transition: background 0.3s ease 0s;
        border-radius: 15px;
        margin-left: 10px;
    }

    .not_found {
        height: 56px !important;
        box-shadow: 0 0 8px NaNpx rgba(0,0,0,0.1);
    }

    .new_btn {
        border: none;
        border-radius: 15px;
        color: #fff;
        background: #292969;
        font-size: 14px !important;
        padding: 5px;
        margin-left: 5px;
        margin-right: 5px;
        height: 30px;
        width: 130px;
    }

    .btn_community span {
        font-size: 12px;
        line-height: 30px;
        margin-left: 5px;
    }

    .new_btn_question {
        border: 1px solid #292969 !important;
        border-radius: 15px;
        color: #292969;
        background: #fff;
        font-size: 14px !important;
        padding: 5px;
        height: 30px;
        width: 130px;
    }

    .new_btn_question_search {
        border: 1px solid #292969 !important;
        border-radius: 15px;
        color: #292969;
        background: #fff;
        font-size: 14px !important;
        padding: 5px;
        height: 30px;
        width: 130px;
    }

    .new_btn_idea {
        border: 1px solid #292969 !important;
        border-radius: 15px;
        color: #292969;
        background: #fff;
        font-size: 14px !important;
        padding: 5px;
        margin-right: 10px;
        height: 30px;
        width: 130px;
    }

        .new_btn_idea:hover {
            background-color: #292969 !important;
            color: #fff !important;
            border: none;
            font-weight: bold !important;
        }

    .new_btn_question:hover {
        background-color: #292969 !important;
        color: #fff !important;
        border: none;
        font-weight: bold !important;
    }
    .new_btn_question_search:hover {
        background-color: #292969 !important;
        color: #fff !important;
        border: none;
        font-weight: bold !important;
    }


    .package-text > div > div {
        margin-right: 10px;
    }

    .emp-img {
        width: 160px;
        height: 160px;
        position: relative;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        margin: 7px 0 0 7px;
        overflow: hidden;
    }

    .emp_imgs {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-wrap: wrap;
        max-width: 1000px;
        padding: 0 50px;
    }



    .employees_container {
        height: 720px;
    }

    .img_bg_hover {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        position: absolute;
        opacity: 0;
        transition: all 0.5s ease-in-out;
        background-color: #292969;
        height: 100%;
        width: 100%;
        flex-direction: column;
    }

    .emp-img:hover .img_bg_hover {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        opacity: 0.7;
    }

    .text_center_about {
        height: 300px;
        max-width: 903px;
        font-size: 35px;
        color: #404041;
        font-weight: 100;
        line-height: 1.4;
        text-align: center;
        margin: 0 auto;
    }

    .text_center_about_m {
        display: none;
    }

    .slider-text-down {
        display: none !important;
    }

    .slider {
        width: 80%;
        max-width: 1000px;
        /*animation-name: example;
        animation-duration: 4s;*/
        /*animation-iteration-count: infinite;*/
        /*margin-bottom: 80px;*/
    }

    .itemactive {
        border-bottom: 2px solid black;
        transition: all 0.5s ease-in-out;
        box-sizing: border-box;
        transition-delay: 0.5s;
    }

    .gray-image {
        -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
        filter: grayscale(100%);
        transition: all 0.5s ease-in-out;
        opacity: 0.5;
    }

    .h-50 {
        height: 50px;
    }

    .item-0,
    .item-1,
    .item-2,
    .item-3 {
        position: absolute;
        margin: auto;
        left: 0;
        right: 0;
        top: 20px;
        display: block;
        font-size: 2em;
        animation-duration: 20s;
        animation-timing-function: ease-in-out;
        animation-iteration-count: infinite;
    }

    .text-active {
        opacity: 1;
        transition: all 1s ease-in-out;
        font-size: 21px;
        margin-top: 40px;
        margin-bottom: 40px;
        text-align: center;
        font-weight: 300;
    }


    .text-inactive {
        opacity: 0;
        transition: all 0.5s ease-in-out;
        font-size: 21px;
        margin-top: 40px;
        text-align: center;
        font-weight: 300;
    }

    /*.item-0 {
        animation-name: anim-0;
    }*/
    /*.item-1 {
        animation-name: anim-1;
    }

    .item-2 {
        animation-name: anim-2;
    }

    .item-3 {
        animation-name: anim-3;
    }*/
    /*@keyframes anim-0 {
        0%, 8.3% {
            right: -100%;
            opacity: 0;
        }

        8.3%,25% {
            right: 25%;
            opacity: 1;
        }

        33.33%, 100% {
            right: 110%;
            opacity: 0;
        }
    }*/
    /*@keyframes anim-1 {
        0%, 8.3% {
            right: -100%;
            opacity: 0;
        }

        8.3%,25% {
            right: 25%;
            opacity: 1;
        }

        33.33%, 100% {
            right: 110%;
            opacity: 0;
        }
    }

    @keyframes anim-2 {
        0%, 33.33% {
            right: -100%;
            opacity: 0;
        }

        41.63%, 58.29% {
            right: 25%;
            opacity: 1;
        }

        66.66%, 100% {
            right: 110%;
            opacity: 0;
        }
    }

    @keyframes anim-3 {
        0%, 66.66% {
            right: -100%;
            opacity: 0;
        }

        74.96%, 91.62% {
            right: 25%;
            opacity: 1;
        }

        100% {
            right: 110%;
            opacity: 0;
        }
    }*/
    .bg-cloud {
        background-image: url('../imgs/group-3712.jpg');
    }

    .text-center-on-bg {
        max-width: 751px;
        font-size: 20px;
        line-height: 1.5;
        font-weight: 300;
        text-align: center;
    }

    .section-640 {
        height: 580px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }

    .section-650 {
        height: 650px;
    }

    .space-center {
        padding: 0 30px;
    }

    .section-757 {
        display: none !important;
    }

    .height-590px-desktop {
        height: 590px;
    }

    .section-700 {
        height: 700px;
    }

    .purple-title {
        font-size: 30px;
        color: #292969;
        font-weight: 500;
        padding-bottom: 35px;
    }

    .about_second_section {
        padding-top: 100px;
        padding-bottom: 100px;
        height: 100%;
    }

    .text_side_img_about {
        max-width: 550px;
        font-size: 20px;
        line-height: 1.5;
        font-weight: 300;
        color: black;
        align-self: center;
    }

    .bg-text-top {
        display: none !important;
    }

    .bg-cover {
        background-size: cover;
        background-repeat: no-repeat;
    }

    .parallex {
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .gray-box {
        display: none;
    }


    .search-results {
        padding-left: 20px;
        margin-top: 6px;
        background-color: #fff;
        font-size: 16px !important;
        box-shadow: 0px 0px 8px rgba(0,0,0,0.1);
        max-height: 350px;
        overflow-y: scroll;
        overflow-x: hidden;
        z-index: 50;
        position: absolute;
        width: 100%;
    }

    .question-and-articles {
        display: flex;
        justify-content: center;
        align-self: center;
        margin: 0 auto;
        width: inherit;
        margin-bottom: 80px;

    }

    .ideas {
        display: flex;
        flex-direction: column;
        padding-inline-start: 67px;
    }

        .ideas > h1 {
            margin-bottom: 58px;
        }

    .idea-header {
        margin-bottom: 18px;
        display: flex;
    }

    .vote-container {
        display: flex;
        justify-content: space-between;
        margin-top: 21px;
        align-items: center;
        width: 100%;
    }

    .ideas-container {
        display: grid;
        grid-template-columns: auto auto;
        column-gap: 67px;
    }

    .idea-description {
        width: 430px;
        padding-inline-start: 40px;
    }

    .article-preview {
    }

    .article-preview-title-container {
        display: flex;
        align-items: center;
        margin-bottom: 5px;
        width: inherit;
    }

    .questions-container {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

        .questions-container > h1 {
            margin-bottom: 58px;
        }

    .more-items {
        color: #8a3af4;
        font-size: 16px;
        line-height: 24px;
        font-weight: 400;
        display: flex;
        align-items: center;
    }

        .more-items:first-child {
            margin-inline-end: 6px;
        }

    .support-vote {
        transition: background 0.3s ease 0s;
        outline: none;
        background-color: #37c998;
        color: #fff;
        border-radius: 15px;
        border: none;
        height: 30px;
        width: 97px;
    }

    .article-page-search {
        display: flex;
        align-items: center;
        position: relative;
        width: 490px;
        border-radius: 35px;
        height: 40px;
        padding: 0px 10px;
        border: 1px solid black;
    }

    .article-page-search-support {
        display: flex;
        align-items: center;
        position: relative;
        width: 490px;
        border: 1px solid gray;
        border-radius: 35px;
        height: 40px;
        padding: 0px 10px;
    }

    .support-search {
        width: 1100px !important;
        flex: 1 1 auto;
        height: 51px !important;
        background-color: #fff;
        padding-inline-end: 27px;
        padding-inline-start: 31px;
        font-size: 30px;
    }

    .support-search-input {
        flex: 1 1 auto;
        height: 51px !important;
        background-color: #fff;
        padding-inline-end: 27px;
        padding-inline-start: 31px;
        font-size: 30px;
    }

    .ideas-content {
        display: flex;
    }

    .questions-content {
        display: flex;
    }

    .article-page-search-input {
        border: 0px;
        flex: 1 1 auto;
        outline: none;
        border-radius: 35px;
        color: #333 !important;
    }

    .article-content, .article-content * {
       /* color: #404041; !important;*/ 
    }

        .article-content p, .article-content span, .article-content section {
            /*font-size: 16px !important;*/
        }

    .item-description {
        font-size: 16px;
        line-height: 24px;
        color: #404041;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        width: 370px;
        overflow: hidden;
        height: 48px;
    }

    .item-container {
        display: flex;
        align-items: flex-start;
        margin-bottom: 30px;
        flex: 1 1 auto;
        padding-inline-start: 5px;
    }


    .idea-container {
        flex-direction: column;
        margin-bottom: 80px;
        width: 430px;
    }

    .idea-title{
        color: #292969;
        font-size: 50px;
    }

    .subcategory-width {
        width: 1422px;
        max-width: initial !important;
    }



    .support-item-title {
        font-size: 20px;
        line-height: 29px;
        color: #231f20;
        font-weight: bold;
        width: 500px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .qustion-author-date {
        font-size: 14px;
        line-height: 21px;
        color: #231f20;
    }

    .image-container {
        margin-inline-end: 10px;
        display: flex;
        align-items: center;
    }

    .top-articles {
        display: flex;
        flex-direction: column;
        font-size: 15px;
        color: #616670;
        width: 280px;
    }

        .top-articles > div {
            margin-bottom: 6px;
            flex: 1 1 auto;
            width: inherit;
            white-space: break-spaces;
        }

    .articles-header {
        display: flex;
        flex-direction: column;
        width: 280px;
    }

    .article-title {
        font-size: 22px;
        color: #616670;
    }

    .category-name-container {
        margin-bottom: 5px;
        margin-top: 36px;
        font-size: 22px;
        color: #231f20;
        font-weight: bold;
    }

    .category-container {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
    }

    .collapsible {
        background-color: #fff;
        color: #404041;
        cursor: pointer;
        padding: 10px 18px;
        width: 100%;
        border: none;
        outline: none;
        font-size: 16px;
        display: flex;
        align-items: center;
    }

    .subcategory-container {
        display: flex;
        flex-direction: column;
    }



    .active-category {
        color: #8a3af4;
    }

    .content {
        overflow: hidden;
        padding-inline-start: 60px;
        height: 0px;
        transition: height 0.2s ease-out;
        font-size: 14px;
    }

        .content > :not(:last-child) {
            margin-bottom: 10px;
        }

    .support-menu {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        width: 1400px;
        margin: 0 auto;
        padding: 50px 5px;
    }

    .articles-container {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        margin-inline-end: 200px;
        width: 100%;
        margin-inline-start: 70px;
    }

        .articles-container > h1 {
            margin-bottom: 58px;
        }

    .article-row {
        flex-direction: row;
        justify-content: space-between;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-wrap: wrap;
    }

    .article-box {
        width: 210px;
        height: 180px;
        border-radius: 3px;
        background-color: #ffffff;
        border: solid 1px #e6e7e8;
        transition: background .35s ease-in-out;
        -moz-transition: background .35s ease-in-out;
        -webkit-transition: background .35s ease-in-out;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: center;
        padding-bottom: 20px;
        margin-bottom: 51px;
    }

    .article-box-pueple {
        background-color: #292969 !important;
        border: 2px solid #292969 !important;
        color: #FFFFFF !important;
    }

        .article-box-pueple .black-small-font {
            color: #FFFFFF !important;
        }

        .article-box-pueple .img-center-box {
            color: #FFFFFF !important;
        }

    .article-box:hover {
        background-color: #f6f6f7;
    }

    .black-small-font {
        font-size: 16px !important;
        color: #404041;
        text-align: center;
        font-weight: bold !important;
    }

    .bg-partners {
        background-image: url("../imgs/bg-partners.png");
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

    .img-center-box {
        font-size: 60px;
        color: #292969;
        flex: 1;
    }

    .breadcrumbs, .breadcrumbs a, .breadcrumbs a:hover {
        font-size: 14px;
        color: #808184;
    }
    .breadcrumbs-mobile {
        display: none;
    }

    .inline-h1 {
        color: #808184;
        font-size: 40px;
        font-weight: 300;
    }

    .article-h1 {
        color: #25abe2;
        font-size: 30px !important;
        margin-bottom: 20px;
    }

    .strip {
        height: 1px;
        background-color: #e6e7e8;
        width: 100%;
    }

    .article {
        padding: 39px 0;
    }

    .blue-title a, .blue-title a:hover {
        font-size: 18px;
        color: #25abe2;
        font-weight: bold;
    }


    .side-menu-container {
        display: flex;
        min-height: 800px;
    }

    .side-menu-question {
        width: 208px;
        background-color: #f6f6f7;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 586px !important;
        margin-left: 31px;
        padding: 15px 10px;
        position: sticky;
        top: 100px;
    }

        .side-menu-question > a {
            font-size: 15px;
            color: #808184 !important;
            padding-bottom: 15px;
        }

            .side-menu-question > a :hover {
                color: #292969 !important;
            }

    a.active {
        color: #292969 !important;
    }

    

    .question-page {
        margin: 0 auto;
        padding: 20px 0px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
    }

    .idea-page {
        margin: 0 auto;
        padding: 20px 20px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
    }

    .sort-order {
        justify-content: flex-start;
        align-items: center;
        white-space: nowrap;
    }

    .support-page {
        margin: 0 auto;
        padding: 40px 0;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: row;
    }

    .support-page-search {
        width: 100%;
        background-color: #fafafa;
    }

    .support-page-search-container {
        padding: 0px 12%;
    }

    .icon-side-menu_question {
        font-size: 20px !important;
        padding-left: 14px !important;
    }

    .icon-side-menu {
        font-size: 20px !important;
        padding-left: 13px;
    }

    .contact-address-container {
        height: 215px;
        padding: 18px 20px 0px 20px;
        float: left;
        background-color: white;
        box-sizing: border-box;
        z-index: 2;
        position: absolute;
        top: 18px;
        right: 21px;
    }

    .contact-address {
        line-height: 30px;
        font-size: 15px;
        color: #666666;
    }

    .contact-form {
        min-width: 480px;
        padding: 50px 0;
    }

    .contact-input {
        border: 1px solid #E6E6E6;
        border-radius: 5px;
        width: 220px;
        height: 40px;
        font-size: 18px;
        text-indent: 10px;
    }

    .contact-subject {
        font-family: 'Heebo', sans-serif;
        color: #8a8a8a;
        border: 1px solid #E6E6E6;
        border-radius: 5px;
        width: 100%;
        height: 40px;
        font-size: 16px;
        font-weight: 300;
    }

    .contact-comments {
        font-family: 'Heebo', sans-serif;
        height: 100px;
        border: 1px solid #E6E6E6;
        border-radius: 5px;
        font-size: 16px;
        width: 100%;
    }

    .contact-form .flex-row {
        margin-bottom: 26px;
    }

    .contact-form > div:first-child {
        padding-bottom: 26px;
    }

    #gmap_canvas img {
        max-width: none !important;
        background: none !important;
    }


    .gmap-container {
        height: 650px;
        width: 100%;
    }

    .gmap {
        height: 100%;
        width: 100%;
        position: relative;
        float: left;
        z-index: 1;
    }

    .subcategories {
        max-width: 1000px;
        flex-wrap: wrap;
        min-width: 400px;
    }


        .subcategories .f-15, .pad-btn-15 {
            padding-bottom: 15px;
        }

        .subcategories .f-22 {
            padding-bottom: 10px;
        }

        .subcategories .flex-column {
            padding-bottom: 50px;
        }

    .product-desc {
        max-width: 533px;
        line-height: 30px;
    }

    .sales-tour-desc {
        line-height: 30px;
    }

    .activebar .blackandwhite {
        display: none;
    }

    .activebar .coloredimage {
        display: block !important;
    }

    .activebarhover {
        color: #292969 !important;
    }

        .activebarhover .blackandwhite {
            display: none;
        }

        .activebarhover .coloredimage {
            display: block !important;
        }

    .coloredimage {
        display: none;
    }

    .product-top {
        text-align: center;
        height: 200px;
        background-color: #F6F6F7;
    }



    .sales-tour-sticky-bar {
        position: sticky;
        top: 80px;
        height: 100px;
        background-color: #E6E7E8;
    }


    .product-bar-items {
        min-width: 85px;
        justify-content: center;
        margin-left: 28px;
    }

    .product-text {
        line-height: 30px;
        font-weight: 300;
        font-size: 20px;
    }

    .small-text-cont {
        max-width: 445px;
        padding-top: 30px;
        font-weight: 300;
    }

    .long-text-cont {
        max-width: 816px;
        padding-top: 30px;
        font-weight: 300;
    }

    .text-img-con {
        max-width: 1300px;
        margin: 0 auto;
        padding: 0 20px;
    }





    .sales-tasks {
        background-image: url('../imgs/sales-tasks-bg.jpg');
        text-align: center;
    }

    .api-articles {
        background-image: url('../imgs/integreations-bg.jpg');
        text-align: center;
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .product-menu .f-16 > a:hover, .product-menu .f-14 > a:hover {
        color: #292969 !important;
    }

    .sales-tasks .long-text-cont, .manage .white-font, .information-sc .white-font, .green-split .white-font {
        padding-bottom: 40px;
    }

    .manage {
        background-image: url('../imgs/sales-customer-service-bg.jpg');
        text-align: center;
    }

    .mobile-calendar {
        background-image: url('../imgs/mobile-calendar-bg.jpg');
        text-align: center;
    }

    .finance-signature {
        background-image: url('../imgs/finance-signature.jpg');
    }

    .information-sc {
        background-image: url('../imgs/customer-service-support-bg.jpg');
        text-align: center;
    }

    .analitics-bg {
        background-image: url(../imgs/analytics_img.png);
    }

    .green-split {
        background-color: #37C998;
        padding: 100px 40px;
    }

        .green-split > .app-container > div:first-child {
            margin-left: 12vw;
        }

    .interfaces-container {
        padding: 40px;
    }



    .interfaces-box {
        box-shadow: 0 0 2px 2px rgba(0,0,0,0.16);
        padding: 20px;
        margin-bottom: 30px;
    }

    .interfaces-icon {
        margin-left: 20px;
    }

    .intefaces-text {
        margin-right: 50px;
    }

    .intefaces-btn {
        margin-top: 20px;
    }

    .container-padding {
        padding: 40px;
    }

    .api-list-text {
        margin-right: 37px;
        padding-bottom: 20px;
        max-width: 350px;
    }

    .api-list-aprove {
        margin-left: 16px;
    }

    .max-w-300 {
        max-width: 300px;
    }

    .margin-42 {
        margin: 42px;
    }




    .api-articles-box {
        background-color: #FFFFFF;
        opacity: 0.7;
        padding: 20px 9px;
        height: 150px;
        width: 150px;
        border-radius: 10px;
        margin-left: 30px
    }

        .api-articles-box:first-child {
            margin-bottom: 30px;
        }


    .api-articles .flex-row {
        margin-top: 60px;
    }

    .api-articles-text {
        margin-top: 30px;
    }

    .api-box-container {
        max-width: 800px;
    }

    .vertical-align {
        padding: 150px 20px;
    }

    #mobiles {
        padding-top: 100px;
    }

    .bg-mobile {
        background-image: url('../imgs/mobile-sales.jpg');
    }

    .bg-orders {
        background-image: url('../imgs/finance-invites.jpg');
    }

    .bg-careers {
        background-image: url('../imgs/careersHEAD.jpg')
    }

    #accountmanage {
        padding: 20px 20px 0 20px;
    }

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

    .register-now-bg {
        background: url("../imgs/triangles_bg.png") no-repeat center;
    }
}

@media screen and (max-width: 950px) {
    .web-header-wrapper {
        padding-left: 0px;
    }

    .web-header-navigation {
        padding-left: 0px;
        padding-right: 0px;
    }

    .web-header-tab {
        padding-left: 2.5vw;
        padding-right: 2.5vw;
    }
}
/*MOBILE screen*/

@media screen and (max-width: 767px) {
    .register-input {
        width: 100%;
    }

    #register1 {
        width: 100%;
    }

    .search-section-mobile {
        width: 100%;
        padding: 0 15px;
        min-width: 320px
    }

    #welcome-modal .modal-content {
        padding: 60px 20px;
    }

    .register-input input {
        height: 50px;
    }
    .article-content iframe {
        max-width: 320px;
    }
    .save-button {
        height: 45px;
    }

    .last-column {
        width: 70px;
    }

    .ideas-content {
        display: flex;
        flex-direction: column;
    }

    .bottom-link-container {
        display: block;
    }

    .questions-content {
        display: flex;
        flex-direction: column;
    }

    .footer-bottom-link {
        display: flex;
        padding-bottom: 10px;
        justify-content: center;
        font-size: 13px;
    }

    .powerlink-rights-container {
        margin-bottom: 15px;
    }

    .footer-logo-img {

        margin-left: 0;
    }

    .wrapper {
        padding: 38px 8px 0px;
    }

    .purple-footer {
        
    }

    #university-iframe{
        height: 1200px;
    }

    .last-column {
        margin: initial;
        margin-inline-start: 0px !important;
    }

    .links-container {
        padding: 25px 8px 0px;
        display: block;
    }

    .last-footer-header {
        display: none;
    }

    .business-sol {
        margin-bottom: 0px !important;
    }

    .footer-info {
        grid-row-start: span 1;
        grid-row-end: span 1;
        grid-column-start: span 4;
        grid-column-end: span 4;
        padding-right: 1%;
    }

    .footer-column {
        grid-row-start: span 1;
        grid-row-end: span 1;
        grid-column-start: span 2;
        grid-column-end: span 2;
        margin-bottom: 20px;
    }

    .last-column {
        width: auto !important;
    }

    .footer-link {
        padding: 14px 0;
        max-width: 120px;
        font-size: 13px;
        line-height: 20px;
    }

    .footer-bottom {
        flex-wrap: wrap;
        margin: 40px 8px 0px;
        padding: 20px 0px;
    }
    
    .questions-container {
        display: flex;
        flex-direction: column;
    }

        .questions-container > h1 {
            margin-bottom: 25px;
        }

    .articles-container > h1 {
        margin-bottom: 25px;
    }

    .search-results-mobile li {
            margin-bottom: 18px !important;
    }

    search-results-mobile {
        padding: 10px 0px;
    }

    .subcategory-preview {
        display: flex;
        flex-direction: column;
        max-width: 360px !important;
        align-items: flex-start;
    }

    .search-results-div-mobile {
        padding-left: 0px !important;
        background-color: rgb(255, 255, 255);
        box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;
        max-height: 450px;
        overflow-y: hidden !important;
        z-index: 50;
        position: absolute;
        width: 100%;
        font-size: 16px !important;
        color: #333;
    }

    .article-container {
        margin-top: 18px;
    }

    .article-page-search-icon {
        margin-inline-end: 5px;
        color: #A6A8AB;
        font-size: 22px !important;
    }

    .article-preview-title-container {
        display: flex;
        align-items: center;
        margin-bottom: 5px;
        width: inherit;
    }

    .search-container {
        display: flex;
        flex: 1 1 auto;
        justify-content: flex-end;
        width: 100%;
    }

    .more-items {
        color: #8a3af4;
        font-size: 16px;
        line-height: 24px;
        font-weight: 400;
        display: flex;
        align-items: center;
        padding-inline-start: 0px !important;
    }

    .support-vote {
        transition: background 0.3s ease 0s;
        outline: none;
        background-color: #37c998;
        color: #fff;
        border-radius: 15px;
        border: none;
        height: 30px;
        width: 97px;
    }

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

    .item-description {
        font-size: 16px;
        line-height: 24px;
        color: #404041;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        width: 100% !important;
        overflow: hidden;
        min-width: 290px;
    }

    .idea-description{
         width: 250px !important;
    }

    .ideas > h1 {
        margin-bottom: 25px;
        padding-inline-start: 0px !important;
    }

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

    .idea-header {
        margin-bottom: 18px;
        display: flex;
    }

    .vote-container {
        display: flex;
        justify-content: space-between;
        margin-top: 21px;
        align-items: center;
        width: 100% !important;
    }

    .ideas-container {
        display: flex;
        flex-direction: column;
        max-width: 360px;
    }


    .image-container {
        margin-inline-end: 10px;
        display: flex;
        align-items: center;
    }

    .support-item-title {
        font-size: 20px !important;
        color: #231f20;
        font-weight: bold;
        white-space: nowrap;
        width: 290px !important;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .item-container {
        display: flex;
        align-items: flex-start;
        margin-bottom: 30px;
        width: initial !important;
    }

    .idea-container {
        flex-direction: column;
    }


    .question-and-articles {
        display: flex;
        justify-content: center;
        align-self: center;
        width: 100%;
        margin-bottom: 12px;
        flex-direction: column;
    }

    .modal-content {
        box-shadow: 0 0 0px 0px rgba(0,0,0,0.0) !important;
    }

    .support-search{
        background-color: #fff;
        min-width: initial !important;
        flex: 1 1 auto;
    }

    .article-page-search-input {
        border: 0px;
        outline: none;
        border-radius: 35px;
        flex: 1 1 auto;
        color: #333 !important;
    }

    .question_subject h2 {
        color: #292969;
        font-size: 22px;
        font-weight: 500;
    }

    .logoimage1 img {
        height: 37px;
        width: 37px;
        border: 1px solid #A6A8AB;
        border-radius: 50%;
    }

    .answers_count button {
        width: 119px;
        border: none;
        color: #37C998;
        background-color: #FFFFFF;
        font-size: 14px;
        line-height: 30px;
    }

    .logoimage1 {
        width: 20% !important;
    }
    /*.register-input {
        width:80%;
        margin-left: auto;
        margin-right: auto;

    }*/
    .user-information-container {
        width: 80%;
        max-width: 350px;
    }


    #welcome-modal > .modal-dialog {
        margin: auto;
    }

    .welcome-categories-container {
        padding: 0;
        width: 100%;
    }

    .welcome-category {
        margin: 0 25px 40px;
        width: 100%;
        max-width: 300px;
    }

    .welcome-big-title {
        width: 95%;
    }

    .welcome-button {
        width: 100%;
        height: 65px;
        border-radius: 0;
        position: fixed;
        bottom: 0;
        margin: 0px;
        padding-top: 15px;
        font-size: 25px;
        display: none;
    }

    .logo-container {
    }

    .mobile-margin-auto {
        margin: 0 auto;
    }

    .margin-42 {
        margin: 42px;
    }

    .white-rounded-btn {
        font-size: 23px;
        font-weight: 300;
        line-height: 0.75;
        text-align: center;
        color: #292969;
        border-radius: 32.5px;
        background-color: #ffffff;
        max-width: 320px;
        padding: 13px;
        cursor: pointer;
        width: 185px;
        height: 41px;
        font-weight: 400;
        margin-right: 51px;
    }

    .purple-rounded-btn-about {
        font-size: 19px;
        font-weight: 300;
        line-height: 0.75;
        text-align: center;
        color: #FFFFFF;
        border-radius: 32.5px;
        border: 1px solid #292969;
        background-color: #292969;
        padding: 13px;
        cursor: pointer;
        width: 185px;
        height: 41px;
        transition: background 0.3s ease 0s;
    }

    .purple-rounded-btn-partners {
        font-size: 19px;
        font-weight: 300;
        line-height: 0.75;
        text-align: center;
        color: #292969;
        border-radius: 32.5px;
        border: 1px solid #292969;
        max-width: 320px;
        padding: 13px 23px;
        cursor: pointer;
        width: 186px;
        height: 38px;
        transition: background 0.3s ease 0s;
    }

    .purple-rounded-btn-about:hover {
        color: #FFFFFF;
        border: 1px solid #292969;
        background-color: #292969;
        transition: background 0.3s ease 0s;
    }

    .product-text {
        line-height: 30px;
        font-weight: 300;
        font-size: 20px;
        padding: 20px;
    }

    .interface-margin-auto {
        margin: 0 auto;
        text-align: center;
    }

    .save-button {
        /*background-color: #FFFFFF;
        color: #292969;*/
    }

    .mobile-logo-container {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        height: 120px;
        width: 150px;
        margin-bottom: 40px;
    }

    .register-ad-container {
        display: none !important;
    }

    .details-container {
        width: 100% !important;
        /*background-image: url('../imgs/bg_gradient.png');*/
        -webkit-background-size: 100% 100%;
    }

    .responsive {
        flex-direction: column !important;
        padding: 0 15px;
    }



    .arrow {
        font-size: 18px !important;
        margin-right: 7px;
    }

    .pricing-lables {
        font-size: 35px;
        margin-top: 10px;
    }

    .pricing-options-info {
        width: 100%;
        height: 900px;
        margin-bottom: 40px;
    }

    .no-side-padding-m {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .pricing-addional-shekel {
        font-size: 20px;
        font-weight: bold;
        color: #354A68;
    }

    .pricing-shekel {
        font-size: 35px;
        margin-right: 3px !important;
        font-weight: bold;
        margin-top: 5px !important;
    }

    .pricing-try-text {
        margin-top: 1px !important;
    }

    .pricing-addional-price {
        font-size: 65px;
        color: #354A68;
        font-weight: 300;
    }

    .pricing-img {
        width: 50%;
        height: 100%;
        margin-right: 85px;
    }

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

    .pricing-try {
        width: 90%;
        height: 50px;
        align-items: center !important;
        border-radius: 6px;
        cursor: pointer;
    }

    .pricing-additional-try {
        background: #292969;
        color: white;
        margin-right: 16px;
        width: 90%;
        height: 40px;
        align-items: center !important;
        border-radius: 6px;
        cursor: pointer;
    }


    .packages-container {
        padding: 40px 0;
        background-color: #FFFFFF
    }

    .packages-squares {
        max-width: 995px;
        background-color: #FFFFFF;
        margin: auto;
        margin-top: 28px;
    }

    .package-header {
        background-color: #f7f7f7;
        padding-bottom: 10px;
        margin-bottom: 40px
    }

        .package-header > i {
            font-size: 20px;
        }

    .package-price {
        font-size: 65px;
        color: #354A68;
        font-weight: 300;
        margin-top: 15px !important;
        margin-bottom: 10px;
    }

    .package-text {
        margin-bottom: 15px;
        width: 80%;
        margin: auto;
    }

        .package-text > div {
            flex-direction: row-reverse;
            justify-content: space-between;
            width: 100%;
            margin-right: 0px;
        }

            .package-text > div > div {
                width: 80%;
                text-align: right;
                font-weight: 400;
            }

            /*.package-text > div > i {
        margin-top: auto;
        margin-bottom: auto;
    }*/

            .package-text > div > i {
                padding-top: 2px;
            }

    .pricing-price {
        font-size: 65px;
        color: #354A68;
        font-weight: 300;
        margin-top: 15px !important;
        margin-bottom: 10px;
    }

    .pricing-addional-price {
        font-size: 65px;
        color: #354A68;
        font-weight: 300;
    }

    .visible-xs.visible-xs-flex {
        display: flex !important;
    }

    .pricing-options {
        margin-left: 0px;
        width: 100%;
    }

    .pricing-text {
        margin-bottom: 15px;
    }


    .responsive .flex-20 {
        width: 100%;
    }

    .responsive .flex-80 {
        width: 100%;
    }

    .responsive .flex-column.f-20.padding-15.margin-start-60.margin-start-60-en {
        margin: 0 !important;
        padding: 3px !important;
        margin-bottom: 20px !important;
    }

    .right-text {
        width: 100%;
        align-items: flex-start !important;
        justify-content: flex-start !important;
        text-align: right;
    }

    .center-text {
        width: 100%;
        align-items: flex-start !important;
        justify-content: flex-start !important;
        text-align: center;
    }

    .bg-mobile {
        background-image: url('../imgs/mobile03M.jpg');
        height: 100%;
    }

    .bg-orders {
        background-image: url('../imgs/finance02M.jpg');
        height: 100%;
    }

    .bg-partners {
        background-image: url("../imgs/bg-partners.png");
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

    .height-600px-xs {
        height: 600px !important;
    }

    #mobiles {
        padding-top: 100px;
    }

    .api-articles {
        height: initial;
        color: black !important;
        padding: 20px;
        align-items: flex-start !important;
        justify-content: flex-start !important;
    }


        .api-articles.section-640 {
            height: unset !important;
        }




        .api-articles .flex-content-center {
            justify-content: flex-start !important;
            align-items: flex-start !important;
        }

    .api-box-container {
        flex-direction: column !important;
        margin-top: 30px;
    }

    .api-articles-box {
        flex-direction: row !important;
        padding-bottom: 20px;
    }

    .api-articles-text {
        margin-right: 20px !important;
        font-size: 18px !important;
        text-align: right;
    }

    .api-articles .white-font {
        color: black !important;
        font-size: 30px;
        font-weight: bold;
    }

    .api-list-text {
        margin-right: 37px;
        padding-bottom: 20px;
        max-width: 350px;
    }

    .api-list-aprove {
        margin-left: 16px;
    }

    .api .flex-column > div, .api .f-15 {
        font-size: 20px !important;
    }

    .api .flex-50 {
        width: 100% !important;
        -webkit-justify-content: flex-start !important;
        justify-content: flex-start !important;
    }

    .api > div {
        background-color: #fff !important;
        flex-direction: column !important;
    }

    .api .f-32 {
        font-size: 25px !important;
        padding-bottom: 30px;
    }

    .api {
    }

    .container-padding {
        padding: 30px;
    }

    .interfaces-container {
        padding: 20px;
    }

    .interfaces-box {
        padding: 20px;
        margin-bottom: 30px;
        width: 100% !important;
    }

    .interfaces-icon {
        margin-left: 20px;
        height: 39px;
        width: 39px;
    }

    .hr-strip {
        height: 2px;
        width: 100%;
        background-color: #cacaca;
        margin: 0 20px 20px 20px;
    }

    .intefaces-text {
    }

    .intefaces-btn {
        margin-top: 40px;
    }

    .green-split .white-font {
        justify-content: center;
        margin-bottom: 50px;
    }

    .green-split > .app-container > div:first-child {
        margin-bottom: 80px;
    }

    .green-split > .app-container > div {
        width: 100% !important;
    }

    .green-split > div {
        background-color: #37C998;
        flex-direction: column !important;
    }

    .analitics-bg {
        background-image: url(../imgs/group-373333.png);
    }

    .manage .white-font, .information-sc .white-font, .mobile-calendar, .finance-signature {
        padding-bottom: 40px;
    }

    .manage {
        background-image: url('../imgs/sales05M-BG.jpg');
        text-align: center;
    }

    .mobile-calendar {
        background-image: url('../imgs/mobile04M-BG.jpg');
        text-align: center;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }

    .finance-signature {
        background-image: url('../imgs/finance04M-BG.jpg');
        text-align: center;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }

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

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

    #mobiles .marg-top-50 img, #accountmanage .marg-top-50 img {
        max-height: 50vw;
    }

    .information-sc {
        background-image: url('../imgs/CR02M-BG.jpg');
        text-align: center;
    }

    .sales-tasks {
        background-image: url('../imgs/sales03M-BG.jpg');
        text-align: center;
    }

    .bg-careers {
        background-image: url('../imgs/careersHEAD.jpg')
    }

    .parallex {
        background-size: cover;
        background-repeat: no-repeat;
        /*min-height: 640px;*/
    }

    .product-desc {
        font-size: 20px;
    }

    .small-text-cont, .long-text-cont {
        font-size: 20px;
        padding: 30px 20px;
        font-weight: 300;
    }

    .text-img-con.flex-row {
        flex-direction: column-reverse !important;
    }

    .text-img-con.flex-row-reverse, #signature {
        flex-direction: column !important;
    }

    .sales-tasks, .text-img-con.flex-row-reverse, .text-img-con.flex-row, .manage, .information-sc, .green-split .app-container, .mobile-calendar, .finance-signature {
        height: auto !important;
        padding: 30px 0;
    }


    #dataanalysis, #mobiles {
        padding: 20px 20px 0 20px;
    }

        #dataanalysis > div:first-child {
            justify-content: center !important;
        }


    .text-img-con .flex-50 {
        width: 100% !important;
    }

    .product-top {
        text-align: center;
        background-color: #F6F6F7;
        padding: 40px;
    }


    #email, #calendar, #salesmanage, #orders, #hashavshevet {
        flex-direction: column-reverse !important;
    }

    .sec-img-text {
        flex-direction: column !important;
    }

    .text-right {
        width: 90% !important;
    }

    .hero_pic {
        width: 100% !important;
    }

    #pricing > div {
        display: flex !important;
        justify-content: center !important;
    }

    #customers > div, #salesmanage > div, #orders > div, #signature > div {
        width: 100% !important;
    }

    .flex-row-reverse > div:first-child {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: center;
    }


    .subcategories {
        max-width: 1000px;
        flex-wrap: wrap;
    }

        .subcategories .flex-50 {
            width: 100% !important;
        }

        .subcategories .f-15 {
            padding-bottom: 15px;
        }

        .subcategories .flex-column {
            padding-bottom: 50px;
        }

        .subcategories .article-link {
            height: 30px;
            display: list-item !important;
            list-style-position: inside;
        }

    .contact-address font:first-child {
        font-size: 25px !important;
        margin-bottom: 20px;
        display: inline-block;
    }

    .contact-address font:not(:first-child) {
        font-size: 17px !important;
        margin-bottom: 10px;
        display: inline-block;
    }

    .flip-map {
        flex-direction: column !important;
    }

    .contact-address-container {
        padding: 18px 20px 18px 20px;
        background-color: white;
        box-sizing: border-box;
        z-index: 2;
        color: #666666;
    }

    #gmap_canvas img {
        max-width: none !important;
        background: none !important;
    }

    .gmap-container {
        min-height: 400px;
        width: 100%;
    }

    .gmap {
        min-height: 400px;
        width: 100%;
        position: relative;
        float: left;
        z-index: 1;
    }

    .contact-form .flex-row {
        flex-direction: column !important;
    }

    .contact-form .flex-column {
        padding: 10px 0;
    }

    .contact-form {
        padding: 30px;
    }

        .contact-form .f-50 {
            font-size: 40px;
        }

    .contact-input {
        border: 1px solid #E6E6E6;
        border-radius: 5px;
        width: 100%;
        height: 40px;
        font-size: 18px;
        text-indent: 10px;
    }

    .article-body img {
        max-width: 100% !important;
        height: auto !important;
    }

    .contact-subject {
        font-family: 'Heebo', sans-serif;
        color: #8a8a8a;
        border: 1px solid #E6E6E6;
        border-radius: 5px;
        width: 100%;
        height: 40px;
        font-size: 16px;
        font-weight: 300;
    }

    .contact-comments {
        font-family: 'Heebo', sans-serif;
        height: 100px;
        border: 1px solid #E6E6E6;
        border-radius: 5px;
        font-size: 16px;
        width: 100%;
    }

    .fa-angle-down {
        float: left;
        line-height: 30px !important;
    }

    .menu-items {
        color: #404041;
        height: 50px;
        line-height: 50px;
    }

        .menu-items.active {
            color: #292969;
            background-image: url(../img/V2.png);
            background-repeat: no-repeat;
            background-position: right;
            background-size: 20px;
        }

    .user-information-container {
        padding-left: 0px;
    }

    .article-page {
        /*max-width: 360px !important;*/
        margin: 0 auto;
        padding: 20px 20px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        width: 100% !important;
        overflow-x: hidden;
    }

    .question-page {
        margin: 0 auto;
        padding: 20px 20px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        width: 100% !important;
    }

    .order-buttons {
        display: flex;
        height: 30px;
        /*width: 109px;*/
        justify-content: center;
        /*border: 1px solid #808184;*/
        align-items: center;
        border-radius: 15px;
    }
        .order-buttons i {
            font-size: 22px !important;
            color: #808184;
        }
        .orderby-button {
            display: flex;
            width: 100%;
            justify-content: center;
        }
    .filterby-button {
        display: flex;
        width: 100%;
        justify-content: center;
    }
    .idea-page {
        /*max-width: 360px !important;*/
        padding: 20px 24px;
        margin: 0 auto;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        width: 100% !important;
    }

    .idea-page img {
        max-width: 300px;
    }

    .sort-order {
        justify-content: space-around;
        align-items: center;
        margin-bottom: 18px;
    }

    .support-page {
        max-width: 1080px;
        margin: 0 auto;
        padding: 20px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        min-width: 320px;
        overflow-x: hidden;
    }

    .blue-title a, .blue-title a:hover {
        font-size: 18px;
        color: #25abe2;
        font-weight: bold;
    }

    .article {
        padding: 39px 0;
    }

    .strip {
        height: 1px;
        background-color: #e6e7e8;
        width: 100%;
    }

    .side-menu {
        display: none
    }

    .breadcrumbs, .breadcrumbs a, .breadcrumbs a:hover, .breadcrumbs span {
        font-size: 14px;
        color: #A6A8AB;
        padding-top: 22px;
        display: none !important;
    }

    .breadcrumbs-mobile, .breadcrumbs-mobile a, .breadcrumbs-mobile a:hover, .breadcrumbs-mobile span {
        font-size: 14px;
        color: #A6A8AB;
        flex-direction: column;
        display: flex;
        align-items: flex-start;
    }

    .breadcrumbs-mobile-container {
        display: flex;
        align-items: center;
        margin-bottom: 10px;
        margin-inline-start: 3px;
    }

    .inline-h1 {
        color: #404041;
        font-size: 40px;
        font-weight: 300;
    }

    .header-title .f-50 {
        font-size: 35px;
    }


    .img-center-box .f-50 {
        font-size: 30px !important;
    }

    .article-row > a {
        padding: 1vh 0;
    }

    .img-center-box {
        font-size: 40px;
        color: #292969;
        flex: 1;
        padding-right: 20px;
    }

    .black-small-font {
        font-size: 22px !important;
        color: #404041;
        text-align: center;
        width: 100%;
        padding-left: 4vw;
        float: right;
    }

    .article-box {
        width: 100%;
        height: 60px;
        border-radius: 30px;
        background-color: #fff;
        border: solid 1px #e6e7e8;
        transition: background .35s ease-in-out;
        -moz-transition: background .35s ease-in-out;
        -webkit-transition: background .35s ease-in-out;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: row !important;
        justify-content: center;
    }

    .article-box-pueple {
        background-color: #292969;
    }

        .article-box-pueple .black-small-font {
            color: #FFFFFF;
        }

        .article-box-pueple .img-center-box {
            color: #FFFFFF;
        }

    .article-box:hover {
        background-color: #f6f6f7;
    }

    .article-row {
        flex-direction: column;
        justify-content: space-around;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        width: 100%;
    }

    .support-menu {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: row;
        /*justify-content: space-around;*/
        flex-wrap: wrap;
        margin: 0 auto;
        padding: 20px 0px;
        width: inherit !important;
    }

    .suport-menu {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        max-width: 1000px;
        flex-wrap: wrap;
        margin: 0 auto;
        padding: 20px 20px;
    }

    .articles-container {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        flex-wrap: wrap;
        margin: 0 auto;
        padding: 20px 0px;
    }

    .articles-menu {
        display: none;
    }

    .search-results {
        padding-left: 20px;
        margin-top: 10px;
        background-color: #fff;
        font-size: 16px !important;
        box-shadow: -1px 1px 60px 3px rgba(148,136,148,0.31);
        max-height: 300px;
        overflow-y: scroll;
        overflow-x: hidden;
        z-index: 50;
        position: absolute;
        width: calc(100% - 40px)
    }

    .search-icon {
        float: left;
        position: relative;
        top: -33px;
        left: 13px;
        color: #a6a8ab !important;
        font-size: 22px !important;
        cursor: pointer;
    }

    .search-article {
        border-radius: 20px;
        height: 40px;
        width: 100%;
        padding-right: 24px;
        border: 1px solid #E6E7E8;
        outline: none;
        font-size: 16px !important;
        outline: 0;
    }

    .search-div {
        width: 100%;
        max-width: 700px;
        padding: 0 20px;
        position: relative;
    }

    .header-title {
        max-width: 620px;
        text-align: center;
        padding-bottom: 27px;
    }

    .question-header {
        background-image: url('../imgs/mobile-support-hero.png');
        background-position: center;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background-size: cover;
    }

    .support-header {
        background-color: #f6f6f7;
        height: 320px;
        background-position: center;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .purple-fade-btn {
        border-radius: 3px;
        border-style: solid;
        border-width: 1px;
        display: inline-block;
        line-height: 16px;
        opacity: 1;
        padding: 3vw 5vw;
        border-color: #000;
        color: #fff;
        background: #000;
        transition: background 0.3s ease 0s;
        border-radius: 25px;
        font-size: 5vw;
    }


    .emp-img {
        width: 30vw;
        position: relative;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        margin: 20px 0 0 0;
        min-width: 124px;
    }

        .emp-img:nth-child(odd) {
            margin-left: 20px;
        }

    .emp_imgs {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-wrap: wrap;
        padding-bottom: 20px;
        padding: 20px 20px;
    }

    .employees_container {
        display: none !important;
        justify-content: space-around !important;
    }

    .dark-gray {
        background-color: #404041;
    }

    .img_bg_hover {
        display: none
    }

    .section-900-xs {
        height: 900px !important;
    }

    .section-1800-xs {
        height: 1800px !important;
    }

    .text_center_about {
        display: none !important;
    }

    .gray-box {
        height: 55px;
        background-color: #354a68;
        color: #fff;
        padding: 6px 10px;
    }

    .text_center_about_m {
        font-size: 25px;
        background-color: #f7f7f7;
        color: #404041;
        font-weight: 100;
        line-height: 1.4;
        text-align: center;
        margin: 0 auto;
        padding: 25px 35px;
    }

    .bg-biz-way {
        background-image: url('../imgs/group-28221.jpg');
        background-position-y: -50vw;
    }



    .block-m {
        display: block !important;
    }

    .bg-cloud {
        background-image: url('../imgs/group-28.jpg');
    }

    .textarea-150 {
        height: 150px;
    }

    .section-640 {
        height: 640px;
        text-align: center;
    }

    .section-650 {
        height: 650px;
    }



    .cloud-m {
        background-image: url(../imgs/group-373333.png);
        background-size: cover;
        background-repeat: no-repeat;
        background-position-x: -640px;
    }

    .text-center-on-bg {
        padding: 0 17px;
        max-width: 750px;
        text-align: center;
        line-height: 1.67;
        font-weight: 300;
    }

    .bg-cover {
        background-size: cover;
        background-repeat: no-repeat;
        text-align: center;
    }

    /*.title-center-on-bg {
        display: block !important;
    }*/

    .white-btn {
        width: 231px;
        height: 56px;
        line-height: 65px;
        border-radius: 32.5px;
        background-color: #ffffff;
        color: #292969;
        font-size: 28px;
        cursor: pointer;
        font-weight: 500;
    }

    .max-h-400 {
        max-height: 400px;
    }

    .headline-center {
        margin: 0 auto;
    }

    .bg-pink {
        background-image: url('../imgs/Footer_about_us.png');
        height: 225px;
        background-repeat: no-repeat;
        text-align: center;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        justify-content: center;
        background-size: cover;
    }

    .purple-rounded-btn {
        font-size: 18px;
        font-weight: 500;
        line-height: 0.75;
        text-align: center;
        color: #ffffff;
        border-radius: 32.5px;
        background-color: #8A39F4;
        max-width: 191px;
        padding: 12px 17px;
        cursor: pointer;
        direction: ltr;
        border: 1px solid #8A39F4;
        transition: background 0.3s ease 0s;
    }

        .purple-rounded-btn:hover {
            background: #fff;
            color: #292969;
            border: 1px solid #292969;
            transition: background 0.3s ease 0s;
        }

    .section-640 {
        height: 700px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        padding: 30px 16px;
    }

    .section-757 {
        /*height: 757px;*/
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }

    .section-900 {
        height: 1000px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        padding: 30px 16px;
    }

    .section-800 {
        height: 800px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        padding: 30px 16px;
    }

    .section-950 {
        height: 950px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        padding: 30px 16px;
    }

    .section-1000 {
        height: 1000px;
        background-position: 0 85%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        padding: 50px 16px;
    }

    .purple-title {
        font-size: 30px;
        color: #292969;
        font-weight: 500;
        padding-bottom: 10px;
        text-align: center;
    }

    .white-title {
        font-size: 30px;
        color: #FFF;
        font-weight: 500;
        padding-bottom: 5px;
        text-align: center;
    }

    .text_side_img_about_pad {
        max-width: 550px;
        font-size: 20px;
        line-height: 1.5;
        color: #404041;
        text-align: center;
        margin: 0 auto;
    }

    .text_side_img_about {
        max-width: 550px;
        font-weight: 300;
        font-size: 20px;
        line-height: 1.5;
        color: #404041;
        text-align: center;
        margin: 0 auto;
        padding: 20px 30px
    }



    .padding-right-20-xs {
        padding-right: 20px;
    }

    .start-now-bg {
        /*  background: url("../imgs/start-now-bg.png") no-repeat top right;*/
        height: 100vh;
        width: 100%;
        background-color: #fff;
    }

        .start-now-bg .modal-content {
            border: 0;
        }


    .modal-backdrop {
        background-color: #fff;
    }

    .web-header-wrapper {
        display: none;
    }

    .support-header-wrapper {
        display: none;
    }
}


/* END MOBILE */

.bg-x-center {
    background-position-x: center;
}

.bg-y-bottom {
    background-position-y: bottom;
}
/*mobile menu*/

.mobile-nav-menu {
    background: #212121;
    z-index: 99;
    text-align: center;
    font-family: 'Heebo', sans-serif;
}



.main-nav .nav-menu ul li a, .nav-menu ul li ul li a:hover {
    background: transparent;
    display: block;
    padding: 13px 15px;
    box-shadow: inset 0 -1px rgba(0,0,0,0.5), 0 1px rgba(255,255,255,0.06);
    color: #fff;
    text-transform: uppercase;
    text-shadow: 0 0 1px rgba(255,255,255,0.1);
    letter-spacing: 1px;
    font-weight: 400;
    line-height: 1.4;
    -webkit-transition: background 0.3s, box-shadow 0.3s;
    transition: background 0.3s, box-shadow 0.3s;
}


.nav-menu .menu a {
    display: block;
    line-height: 22px;
    position: relative;
    font-size: 18px;
}

.nav-menu:first-child {
    padding-top: 30px;
}

.navigation-bar > .menu-item > a {
    display: inline-block;
    font-size: 16px;
    line-height: 40px;
    margin: 0;
    padding: 0 14px;
    position: relative;
    text-transform: uppercase;
}

.menu-item.featured > a, .menu-item.featured.current > a {
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    display: inline-block;
    line-height: 13px;
    opacity: 1;
    padding: 12px 22px;
    border-color: #292969;
    color: #fff;
    background: #292969;
}

.powerlink-logo {
    width: 165px;
    display: inline;
    float: left;
    padding-top: 6px;
}

.toggle-id-1 {
    display: inline;
}

#fixed-navigation {
    padding: 5px;
    border-bottom: solid 1px #ededed;
    height: 44px;
}

#container {
    overflow-x: hidden;
    width: 100%;
    position: relative;
    /*top: 1vh;*/
    /*height: 90vh;*/
}

.inner_section_text {
    padding: 0 10px 0 10px;
}

.hamburger {
    float: right;
    font-size: 27px;
    padding-top: 22px;
    color: #292969;
    padding-right: 6px;
    padding-top: 10px;
}

#close-button {
    float: left;
    padding: 16px;
    font-size: 27px;
}


/*slider!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
#slider {
    position: relative;
    overflow: hidden;
    margin: 0px auto 0 auto;
    border-radius: 4px;
    height: 180px;
    direction: ltr;
    margin-bottom: 50px;
}

#slider-text {
    position: relative;
    overflow: hidden;
    margin: 0 auto 0 auto;
    border-radius: 4px;
    height: 500px;
    direction: rtl;
    font-size: 15px;
}

#slider ul {
    position: relative;
    margin: 0;
    padding: 0;
    height: 180px;
    list-style: none;
}

#slider-text ul {
    position: relative;
    margin: 0;
    padding: 0;
    height: 100%;
    list-style: none;
}


#slider ul img {
    position: relative;
    top: -45px;
    z-index: 1;
    overflow-y: visible;
}

#slider ul li {
    position: relative;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    width: 75%;
    height: 180px;
    text-align: center;
    line-height: 300px;
}

#slider-text li {
    position: relative;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    height: 300px;
    text-align: center;
    font-size: 20px;
    color: #808184;
}



div.control_prev, div.control_next {
    position: absolute;
    top: 40%;
    z-index: 999;
    display: block;
    padding: 4% 3%;
    width: auto;
    height: auto;
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    font-size: 18px;
    opacity: 0.8;
    cursor: pointer;
}

    div.control_prev:hover, div.control_next:hover {
        opacity: 1;
        -webkit-transition: all 0.2s ease;
    }

div.control_prev {
    border-radius: 0 2px 2px 0;
}

div.control_next {
    right: 0;
    border-radius: 2px 0 0 2px;
}

.slider_option {
    position: relative;
    margin: 10px auto;
    width: 160px;
    font-size: 18px;
}

.fa-angle-right.extra-big .fa-angle-left.extra-big {
    font-size: 50px !important;
    color: #808184;
}

.slider-text-down {
    height: 250px;
}



/*end of slider!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*mobile menu*/
.navbar-toggle .icon-bar:nth-of-type(2) {
    top: 1px;
}

.navbar {
    margin-bottom: 0 !important;
}

.navbar-toggle .icon-bar:nth-of-type(3) {
    top: 2px;
}

.navbar-toggle .icon-bar {
    position: relative;
    transition: all 500ms ease-in-out;
}

.navbar-toggle.active .icon-bar:nth-of-type(1) {
    top: 8px;
    transform: rotate(45deg);
}

.navbar-toggle.active .icon-bar:nth-of-type(2) {
    background-color: transparent;
}

.navbar-toggle.active .icon-bar:nth-of-type(3) {
    top: -6px;
    transform: rotate(-45deg);
}

.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
    max-height: 100% !important;
}

.noscroll {
    height: 20px;
    overflow: hidden;
    position: relative;
}

.mobile-menu {
    background-color: #25abe2;
}

.navbar-inverse {
    background-color: #fff !important;
}

    .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
        background-color: inherit !important;
    }

    .navbar-inverse .navbar-toggle {
        border: none !important;
    }

.navbar-inverse {
    border: none !important;
}

.navbar-header {
    height: 120px;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
    background-color: inherit !important;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border: none !important;
}

.navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover {
    color: #808184 !important;
}

ul {
    /*list-style-type: none;*/
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
    color: #808184 !important;
    background-color: inherit !important;
}

.navbar-nav {
    margin-top: 0 !important;
    padding: 0 30px;
    color: #808184;
}

.navbar-toggle.active .icon-bar:nth-of-type(2) {
    background-color: transparent !important;
}

.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {
    color: #9d9d9d !important;
}

.nav > li > a {
    position: relative;
    display: inline-block !important;
    padding: unset !important;
}

.lis-margin {
    margin-bottom: 8px;
    padding: 15px 10px;
}

    .lis-margin a {
        font-weight: normal;
    }

.white-strip {
    background-color: #fff;
    height: 85px;
    float: left;
    width: 100%;
}

.deals-icons {
    width: 25%;
}



.emp-name {
    font-weight: bold;
    font-size: 18px;
}

.emp-position {
    font-size: 16px;
}

.emp-image {
    margin: auto;
    margin-bottom: 30px;
    padding: 0 20px;
}

.navbar-toggle .icon-bar {
    display: block;
    width: 29px !important;
    height: 3px !important;
    border-radius: 6px !important;
}

.sign-up-mobile-menu {
    background-color: #efc319 !important;
    padding: 20px;
    width: 177px;
    border-radius: 32px;
    text-align: center;
}

.top-menu-mobile {
    min-height: 60px;
    text-align: center;
}

    .top-menu-mobile .white-fade-btn {
        padding: 6px 14px;
        font-size: 15px;
        border-radius: 25px;
        width: 133px;
        margin: 0;
    }

    .top-menu-mobile .purple-fade-btn {
        font-size: 15px;
        width: 133px;
        padding: 6px 14px;
        border-radius: 15px;
        margin-left: 16px;
    }


@media only screen and (min-width: 375px) {
    .color-icons {
        max-width: 70px;
        margin: 0 auto;
    }
}

@media only screen and (max-width: 375px) {
    .color-icons {
        width: 60px;
        margin: 0 auto;
    }
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #404041 !important;
}
/*end of mobile menu!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

.search-results li, .search-results li:hover {
    padding: 10px 0;
    color: black;
}

h2 {
    display: inline;
}

.halfbr {
    line-height: 10px;
}

.full-purple-btn {
    background: #292969;
    border-radius: 32.5px;
    text-align: center;
    color: #fff;
}

.menu-items .pwl-approve {
    float: left;
    line-height: 50px !important;
    font-size: 25px;
    font-weight: bold !important;
}

@media screen and (max-width:400px) {
    .marg-top-50 {
        margin-top: 50px !important;
        height: 50% !important;
    }

    .marg-top-70 {
        margin-top: 70px !important;
    }

    .height-top-50 {
        height: 50% !important;
    }
}

/**** Home Bg Img ******/
.sec-img-text {
    /*background-image: url(../imgs/main-image/heroshot1920.jpg);*/
    /*background-size: 100%;*/
    height: auto;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    background-position: right top;
    background-position-y: -100px;
    padding-bottom: 0;
}

.bg-text-top {
    height: 500px;
    /*background-image: url(../imgs/main-image/768.png);*/
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 100%;
    text-align: center;
}

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

    .text-right span {
        font-size: 40px;
        font-weight: 500;
        color: #231F20;
        line-height: 50px;
    }

.first_headline {
    margin: 0 auto;
}

.second_headline {
    width: 600px;
    margin: 0 auto;
    text-align: center;
    color: #646f79;
}

    .second_headline span {
        font-size: 24px;
        font-weight: 400;
        color: #646f79;
        line-height: 36px;
    }

.text-right .purple-rounded-btn {
    margin: 35px auto 0;
}

@media screen and (max-width : 1536px) {
    .sec-img-text {
        /*background-image: url(../imgs/main-image/heroshot1536.jpg);*/
    }
    .support-header-wrapper {
        padding: 10px 110px 9px 110px;

    }
}

@media screen and (max-width : 1200px) {
    .activebar::before {
        content: '';
        width: 200px;
    }
    .support-header-wrapper {
        padding: 10px 0px 9px 0px;
        justify-content: space-between;
    }

    .subcategory-width {
        width: 940px;
    }

    .support-header-tabs {
        flex-wrap: initial;
        padding: 0;
    }
    .web-header-brand {
        padding: 0;
    }

    .university-title {
        padding-top: 48px;
    }

    .university-title h1 {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

    .support-search {
        width: initial !important;
        min-width: 950px;
    }

    .articles-container {
        margin-inline-end: 12vw;
    }

    .ideas-container{
        padding: initial;
        column-gap: 80px;
    }
    .idea-description{
        width: 30vw;
    }
    .idea-container {
        width: initial;
        align-items: center;
    }

    .more-items {
        margin-inline-start: 15px;
    }

    .ideas {
        padding: initial;
        margin: 0 auto;
    }
    .idea-title{
        padding: initial;
        padding-inline-start: 15px;
    }

    .support-menu {
        width: 800px;
    }
    .support-item-title{
        width: 30vw;
    }
}

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

    #university-iframe {
        height: 1109px;
    }

    .support-search {
        min-width: 750px;
    }

    .articles-container {
        margin-inline-end: 8vw;
    }

    .support-header-tab {
        padding: 8px 10px;
    }

    .support-menu {
        width: initial;
    }
    .vote-container{
        width: 35vw;
    }

    .support-item-title {
        width: 30vw;
    }
}

@media screen and (max-width : 1550px) {
    .sec-img-text {
        /*background-image: url(../imgs/main-image/heroshot1280.jpg);*/
        /*height: 580px;*/
        background-position: top center;
    }

    .product-sticky-bar {
        padding: 10px 20px;
    }
}

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

    .product-sticky-bar {
        padding: 10px;
    }

    .product-bar-items {
        width: 130px;
    }

    .text-right {
        text-align: start;
    }

        .text-right span {
            font-size: 40px;
            font-weight: 500;
        }

    .second_headline span {
        font-size: 22px !important;
    }

    .second_headline span {
        font-size: 27px;
        font-weight: 400;
    }
}

@media screen and (max-width : 760px) {
    .sec-img-text {
        justify-content: unset;
    }

    .text-right {
        margin: 0 auto;
        text-align: right;
    }

        .text-right span {
            font-size: 32px;
            font-weight: bold;
        }

    .second_headline span {
        font-size: 18px;
        font-weight: 400;
        text-align: center;
        line-height: 30px;
    }

    .first_headline {
        margin: 0;
        width: 90%;
    }

    .second_headline {
        width: 100% !important;
        text-align: right;
    }

    .text-right .purple-rounded-btn {
        margin: 28px 0 47px;
        font-size: 20px;
        font-weight: 400;
        line-height: 0.75;
        text-align: center;
        max-width: 280px;
        padding: 15px 20px;
    }
}

@media screen and (max-width : 500px) {
    .sec-img-text {
        /*height: 700px;*/
        background-position: top 100px center;
    }

    .f-16 {
        font-size: 16px;
    }

    .support-page-search-container{
        padding: 0 10px;
    }

    .search-container-support {
        justify-content: center;
        padding: 0px 10px;
    }

    .support-search-description{
        margin-bottom: 20px;
    }

    .article-container-support {
        margin-bottom: 25px; 
    }

    #ideas .flex-100 {
        margin-top: 0px !important;
    }

    #questions .flex-100 {
        margin-top: 0px !important;
    }
}

@media screen and (max-width : 400px) {
    .sec-img-text {
        /*height: 600px;*/
        background-position: top 100px center;
    }

    .white-fade-btn {
        margin-left: 0px !important;
        margin-bottom: 0px;
    }

    #footer-cookie-policy{
        margin-bottom: 0px;
    }
}

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

    .title-center-on-bg span {
        display: block;
        text-align: center;
    }

    .white-fade-btn {
        margin-left: 0px !important;
        padding: 6px 8px;
    }

    #cloudanalytics .intefaces-btn {
        margin-top: 20px;
    }

    .text_bi {
        margin-top: 30px;
    }
}


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

    .title-center-on-bg span {
        display: block;
        text-align: center;
    }

    .white-fade-btn {
        margin-left: 0px !important;
        padding: 6px 8px;
    }

    #cloudanalytics .intefaces-btn {
        margin-top: 33px;
    }

    .section-640 {
        height: 780px;
    }

    .text_bi {
        margin-top: 30px;
    }
}
/*flex-direction: row-reverse; 767*/


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

    #call {
        flex-direction: column !important;
    }

    .article-page-search-icon {
        font-size: 20px;
    }

    .university-title {
        padding-top: 18px;
    }
}

@media screen and (max-width: 320px) {
    .article-content iframe {
        max-width: 290px;
    }

    .search-section-mobile {
        min-width: initial;
    }

    .support-item-title {
        max-width: 250px !important;
    }
}
@media screen and (max-width : 1400px) {

    .university-title {
        padding-inline-start: 15px;
    }
}

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

    .footer-logo-img  {

    }

    .search-container-mobile {
        display: flex;
        flex: 1 1 auto;
        justify-content: flex-end;
    }

    .category-menu-container-question {
        display: flex;
        flex-direction: column;
        flex: 1 1 auto;
        position: relative;
    }

    .breadcrumbs, .breadcrumbs a, .breadcrumbs a:hover, .breadcrumbs span {
        font-size: 14px;
        color: #A6A8AB;
        padding-top: 22px;
        display: none !important;
    }

    .university-title {
        padding-top: 29px;
    }

    .university-title h1 {
        margin-bottom: 20px !important;
    }

    .footer-info {
        grid-row-start: span 1;
        grid-row-end: span 1;
        grid-column-start: span 8;
        grid-column-end: span 8;
        padding-right: 0;
    }
    .links-container {
        grid-column-gap: 16px;
        padding: 0px 8px;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
        grid-template-rows: auto;
    }

    .search-container {
        display: none !important;
    }

    .menu-support {
        background-color: #fff;
        border: solid 1px #C2C8CC;
        padding: 0 16px;
        border-radius: 20px;
        font-size: 16px;
        color: #231F20;
        height: 40px;
        line-height: 60px;
        cursor: pointer;
    }

    .category-menu {
        display: flex !important;
        align-items: center;
        justify-content: space-between;
    }

    .support-hidden-xs {
        display: none !important;
    }

    .top-section {
        width: 100%;
        margin-bottom: 5px;
        display: flex;
        flex-direction: column;
    }

    .drawer {
        height: 250px;
        position: absolute;
        z-index: 999;
        max-height: 0px;
        top: 43px;
        white-space: nowrap;
        flex-direction: column;
        background-color: #fff;
        justify-content: space-around;
        padding: 0 10px;
        font-size: 20px;
        overflow-y: scroll;
        overflow-x: hidden;
        transition: max-height 0.3s linear;
        width: 100%;
        min-width: 200px;
    }

    .open-drawer {
        max-height: 270px;
        border-bottom: solid 2px #e6e7e8;
        border-left: solid 2px #e6e7e8;
        border-right: solid 2px #e6e7e8;
        border-top: solid 2px #e6e7e8;
    }

    .question-page {
        width: 100% !important;
        padding: 20px;
    }

    .articles-menu {
        display: none;
    }

    .article-page {
        padding: 40px 20px;
    }

    .articles-menu-mobile {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        max-width: 800px;
        flex-wrap: wrap;
        margin: 0 auto;
        padding: 20px;
    }

    .idea-page {
        width: 100% !important;
    }

    .wrapper {
        padding: 0 8px;
    }

    .last-column {
        margin-inline-start: 13px;
        width: 140px;
    }
    .footer-link {
        max-width: 140px;
    }

    #hr {
        display: none;
    }
    .nav-brnad-logo {
        margin-inline-start: 10px !important;
    }
    .support-header-right {
        padding-inline-end: 0px !important;
    }

    .category-menu-container {
        display: flex;
        flex-direction: column;
        flex: 1 1 auto;
        margin-inline-end: 12px;
        position: relative;
    }

    .article-page-search {
        display: flex;
        position: relative;
        align-items: center;
        width: 100% !important;
        border-radius: 35px;
        height: 60px !important;
        padding-inline-end: 12px !important;
        padding-inline-start: 16px !important;
        font-size: 20px !important;
        border: 1px solid black;
    }

    .article-page-search-support {
        display: flex;
        position: relative;
        align-items: center;
        width: 100% !important;
        border-radius: 35px;
        height: 45px !important;
        padding-inline-end: 12px !important;
        padding-inline-start: 16px !important;
        font-size: 20px !important;
    }

    .side-menu {
        display: none;
    }

    .side-menu-container {
        display: flex;
        min-height: 800px;
        flex-direction: column;
    }

    .search-container {
        display: none;
    }
    .subcategory-width-article {
        width: auto;
        max-width: initial !important;
    }

    .article-page-search-icon {
        font-size: 25px;
    }
    .articles-container {
        margin-inline-start: initial;
    }
}

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

    .wrapper {
    }
    .links-container {
        padding-top: 25px;
    }
    .footer-logo-img {
        
    }
    
}

@media screen and (max-width: 350px) {
    .idea-page img {
        max-width: 260px !important;
    }
}

@media screen and (min-width: 1201px) and (max-width: 1440px) {
    .subcategory-width {
        width: 1200px;
    }
    .subcategory-width-article {
        width: auto;
        max-width: initial !important;
    }

    .article-page {
        padding: 40px 20px;
    }
}

@media screen and (min-width: 992px) {
    .category-menu-container-question {
        display: none !important;
    }

    .order-buttons {
        display: none !important;
    }

    .category-menu-container {
        display: none !important;
    }
}

@media screen and (max-width: 1200px) {
    .idea-title {
        padding-inline-start: 0px !important;
        font-size: 36px;
        color: #2B006E;
    }

    .question-title {
        font-size: 36px;
        color: #2B006E;
    }
    .sort-order > *:not(:last-child) {
        margin-inline-end: 5px;
    }
    .article-page {
        max-width: 900px;
    }

    .articles-menu {
        max-width: 900px;
        grid-gap: 55px;
    }
    .subcategory-preview {
        grid-template-columns: auto !important;
    }
    
}

@media screen and (min-width: 1201px) {
    .sort-order > *:not(:last-child) {
        margin-inline-end: 20px;
    }
}

@media screen and (max-width: 1350px) {
    .subcategory-preview {
        grid-template-columns: auto !important;
    }
}

.padding-20 {
    padding-left: 20px;
}

#register1 {
    align-items: center;
}