* {
    font-family: 'Montserrat', sans-serif;
}

header {
    position: fixed !important;
    top: 0;
}

body {
    padding-top: 48px !important;
}

.solution_section_bg {
    background-image: linear-gradient(rgba(43,46,55,.8),rgba(43,46,55,.9)),url("https://scalamarketing.wpengine.com/wp-content/uploads/2023/12/scala-mesh.webp") !important;
    background-size: cover;
    background-repeat: no-repeat;
}

.markup p {
    margin-bottom: 1.5em !important;
    margin-block-end: 30px;
    margin-block-start: 0;
}

.industries_card::after {
    position: absolute;
    content: "";
    background: linear-gradient(hsla(0,0%,85.1%,0),#ffe6e6);
    top: 50%;
    right: 0;
    bottom: 0;
    left: 0;
}

.navigation-link {
    font-size:14px;
    color: #000000;
}

.contact-us-button-header {
    font-size: 14px;
}

.language-selector {
    color: #545970
}

.prev, .next {
    cursor: pointer;
    fill: #FFFFFF; /* Change the color of the arrows */
    width:50px;
    height:50px
   
}

.quotes-container{
    margin-top: 100px;
    margin-bottom: 50px;
    display: flex;
    flex-direction:row;
    justify-content: center;
    width:100vw;
    background-color: #F6F8FB;
    padding-bottom: 50px;
    padding-top: 70px;
    height:auto;
    background-size: cover; /* Resize the background image to cover the entire container */
    background-repeat: no-repeat; /* Do not repeat the background image */
    background-position: center; 
    background-image: linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.4)),radial-gradient(rgba(43,46,55,.7),rgba(84,89,112,.3)),url('https://scalamarketing.wpengine.com/wp-content/uploads/2023/11/light-tunnel.jpg');
}

.quote-index {
   margin-left: 40%;
   margin-bottom: 20px;
   /* font-size: 30px */
}

#phone_support {
    margin-bottom: 200px;
}

.gfield_required_text {
    display: none !important;
}

.lastContainer {
    max-width: 1600px;
}

@media (min-width: 320px) {
    .lastContainer {
      width: 280px;
    }
}

@media (min-width: 375px) {
    .lastContainer {
      width: 320px;
    }
}
  
@media (min-width: 425px) {
    .lastContainer {
      width: 380px;
    }
  }
  
  @media (min-width: 768px) {
    .lastContainer {
      width: 700px;
    }
  }


  @media (min-width: 1024px) {
    .lastContainer {
      width:auto;
    }
  }



.current-index {
    font-size:2em;
    font-weight: 600;
}

.total-quotes {
    position: relative;
    top: -20px;
}

.first-row {
    display:flex;
    flex-direction:row;
    justify-content: center;
    align-items: center;
    gap: 50px
}

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

.quote-content {
    display: flex;
    flex-direction:column;
    justify-content: center;
    align-items: center;
    height:100%;
    width: auto;
   color: #ffffff;
}


.prev {
    font-size:100px
}

.quote-text {
    text-align: center;
    font-style: italic;
    font-size: 16px;
    width:40%;
    line-height: 1.6;
}



.person-name {
    font-weight: 700;
    margin-top:20px
}
.company-name {
    font-size:16px
}

.industries_card:hover .retail_section {
    margin: 0 0.5rem;
    transition: 0.2s ease-in-out;
}

body {
    min-height: 100vh;
    height: auto;
    display: flex;
    flex-direction: column;
      }

.site-footer {
    min-height: 180px;
    margin-top: auto;
}

.industries_card {
    box-shadow: 0 0.5em 1em rgba(0, 0, 0, 0.1);
}

/* .industries_card:hover:after {
    transition: 0.6s ease-in-out;
    background: linear-gradient(180deg, rgb(217 217 217 / 49%) 30.73%, #FFE6E6 100%);
} */

#page {
    padding-top: 0 !important;
}


.media_players_card_im_hover {
    opacity: 0;
    transition: all .2s cubic-bezier(0.17, 0.57, 0.38, 0.95);;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: linear-gradient(rgba(238, 50, 53, .8), rgba(238, 50, 53, .9));
}

.media_players_card_im_hover:after, .media_players_card_im_hover:before {
    position: absolute;
    left: 50%;
    top: 40%;
    content: " ";
    height: 20%;
    width: 2px;
    background-color: #fff;
}

.media_players_card_im_hover:after {
    transform: rotate(-90deg);
}

.media_players_card:hover .media_players_card_im_hover {
    opacity: 1;
}

div.text-primary_color_bright_on_div a {
    --tw-text-opacity: 1 !important;
    color: rgb(238 50 53 / var(--tw-text-opacity)) !important;
}

.location_banner {
    background-image: url('/wp-content/themes/genesis-child/images/digital-signage-vending-automaten.jpeg');
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 32rem;
    width: 100%;
    display: flex;
    align-items: center;
    position: relative;
}


.site_map_list a {
    color: #ee3235;
    font-size: 1.6rem;
    position: relative;
    text-transform: capitalize;
    font-weight: 500;
}

.benefitText {
    font-size: 16px;
    color: #000000;
}

.site_map_list a::after {
    display: block;
    position: absolute;
    bottom: 0;
    content: "";
    background-color: #ee3235;
    width: 0;
    left: 50%;
    transition: all .25s cubic-bezier(0.17, 0.57, 0.38, 0.95);;
}

.title_solution {
    margin-bottom: 10px;
}

.site_map_list a:hover::after {
    left: 0;
    height: 1px;
    width: 100%;
}

.site_map_list a:hover {
    color: #ee3235 !important;
}

.site_map_list ul {
    list-style: square;
    color: #545970;
}

ul.we-header-submenu {
    list-style: none !important;
}

.site-title-wrap {
    width: max-content !important;
    max-width: 100% !important;
}

.nav-no-list {
    list-style-type: none;
}

.last-cnt {
    position: relative;
}

.abs-cnt {
    position: absolute;
    top: 77% !important;
    right: 20% !important;
}



.event_section_header {
    width: 100vw;
    position: relative;
    padding: 50px 0;
}

.event-header-content {
    /* background-color: red; */
    align-items: center;
    display: flex;
    flex-direction: column;
}

.view-more-homepage-btn {
    text-wrap: nowrap;
    font-weight: 700;
}

.homepage-video-hero {
    height: calc(100vw * 9 / 16);
    max-height: 75vh;
}

.homepage-video-hero video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hero_section_red_box {
    margin-top: -150px !important;
}

.content-area-homepage {
    display: flex;
    gap: 100px;
    justify-content: center;
    margin-top: 100px !important;
}

.content-area-homepage h1 {
    text-align: right;
    font-size: 27px;
    color: rgb(238, 50, 53);
    font-weight: 600;
    max-width: 360px;
    position: relative;
}

.content-area-homepage h1::after {
    content: "";
    position: absolute;
    top: -250px;
    right: 15px;
    width: 2px;
    height: 220px;
    background-color: rgb(238, 50, 53);
}

.content-area-homepage-right-section {
    width: 50%;
}

.content-area-homepage-right-section p {
    letter-spacing: 1.2px;
    color: black;
    font-weight: 300;
    font-size: 16px;
}

.hero_section_red_box p {
    font-weight: 400;
    letter-spacing: 0.5px;
}

.mobile-content {
    display: none;
}

.desktop-content {
    display: block;
}

.news-name-homepage-slider {
    line-height: normal;
    font-weight: 400;
}

.resource-card {
    width: 33%;
}

.resource-header {
    display: flex;
    gap: 60px;
    padding-top: 100px;
    padding-bottom: 100px;
}

.resource-right {
    width: 45%;
}

.video-container {
    width: 55%;
}

.lower-header {
    top: 32px !important;
}

@media (max-width: 768px) {
    .resource-card {
        width: 100% !important;
    }

    .resource-header {
        display: flex;
        flex-direction: column;
        gap: 20px;
        padding-top: 10px;
        padding-bottom: 30px;
    }

    .resource-right {
        width: 100%;
    }

    .video-container {
        width: 100%;
    }

    .desktop-content {
        display: none;
    }

    .mobile-content {
        display: block;
    }

    .content-area-homepage {
        margin-top: 50px !important;
        flex-direction: column;
        gap: 15px !important;
    }

    .content-area-homepage-right-section {
        width: 100% !important;
    }

    .content-area-homepage h1::after {
        display: none;
    }

    .content-area-homepage h1 {
        max-width: 100%;
        text-align: left;
        font-size: 22px;
        margin-bottom: 0;
    }

    .content-area-homepage-right-section p {
        font-size: 13px;
    }

    .event-location {
        font-size: 19.5px;
        z-index:3;
    }
    .event-title{
        font-size: 22.1px;
        z-index:3;
    }
    .event-date {
        font-size: 17px;
        z-index:3;
    }
}

@media (max-width: 425px) {
    .event-content-section {
        background-color: #f4f5f9;
        padding: 2em;
        margin:20px 8%;
        position: relative;
    }
}

@media (max-width:768px) {
    .event-content-section {
        background-color: #f4f5f9;
        padding: 2em;
        margin:20px 5%;
        position: relative;
    }
}

@media (min-width:768px) {
    .event-content-section {
        background-color: #f4f5f9;
        padding: 2em;
        margin:20px 5%;
        position: relative;
    }
}
@media (max-width: 1339px) {
    .events-card-container {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-evenly;
        margin:20px 10%;
        gap: 20px;
    }
}
@media (min-width: 1024px) {
    .event-content-section {
        background-color: #f4f5f9;
        padding: 4em;
        margin:0 auto;
        position: relative;
        z-index: 2;
        top: -2em;
        max-width: 900px;

    }
}

@media (min-width: 1440px) {

.event-content-section {
    background-color: #f4f5f9;
    padding: 4em;
    margin:0 auto;
    position: relative;
    z-index: 2;
    top: -3em;
    max-width: 1260px;
}
}

.text-shadow {
    text-shadow: 2px 2px 8px rgba(0,0,0,.5);
    z-index:3;
}


@media (min-width: 768px) {
    .event-location {
        font-size: 24px;
        z-index:3;
    }
    .event-title{
        font-size: 27.2px;
        z-index:3;
       
    }
    .event-date {
        font-size: 22.4px;
        z-index:3;
    }
    .single-event-card{
        min-width: 42%;
        max-width: calc(33% - 4em);
        margin: 2em 1em;
        box-sizing: border-box;
        background-color: #fff;
    }
}

@media (min-width: 1024px) {
    .single-event-card{
        min-width: 35%;
        max-width: calc(33% - 4em);
        margin: 2em 1em;
        box-sizing: border-box;
        background-color: #fff;
    }
}

@media (min-width: 1440px) {
    .event-location {
        margin-bottom: 0.8em;
        z-index:3;

    }
    .event-title{
        /* margin-bottom: 0.9em; */
        z-index:3;
    }
    
    .single-event-card{
        min-width: 25%;
        max-width: calc(33% - 4em);
        margin: 2em 1em;
        box-sizing: border-box;
        background-color: #fff;
    }
}

@media (min-width: 2560px) {
    .event-location {
        font-size: 26.8px;
        margin-bottom: 0.6em;
        z-index:3;

    }
    .event-title{
        font-size: 34px;
        /* margin-bottom: 0.6em; */
        z-index:3;

    }
    .event-date {
        font-size: 25px;
        z-index:3;
    }
.event-content-section {
    background-color: #f4f5f9;
    padding: 4em;
    margin:0 auto;
    position: relative;
    z-index: 2;
    top: -3.3em;
    max-width:1600px;
}
}

.event-header {
    background: #2b2e37;    
    opacity: 0.2;
    height: 100%;
    width: 100vw;
    position: absolute;
}

.image-event-logo {
    max-width: 300px;
    margin: 40px 0;
}
   


/* .single-event-card{
    min-width: 25%;
    max-width: calc(33% - 4em);
    margin: 2em 1em;
    box-sizing: border-box;
    background-color: #fff;
} */

.single-event-card-title {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 2em;
}

.drop-shadow {
    box-shadow: 0 0.5em 1em rgba(0,0,0,0.1);
}

.events-card-container {
    display: flex;
    flex-wrap: wrap;
    /* justify-content: space-between; */
    justify-content: space-evenly;
    margin-bottom: 20px !important;
}
.event-content-card {
    font-size: 13px
}

@media (max-width: 1440px) {
    .event-content {
        font-size: 13px;
        color: #000000;
    }
}
@media (min-width: 1440px) {
    .event-content {
        font-size: 16px;
        color: #000000;
    }
}

.empty-logo {
    padding: 2% 0;
}

////
.mobile-header {
    background-color: red !important;
}

.small-screen-nav {
   font-size: 15px !important;
}

.small-screen-nav span {
    color: #2B2E37 !important;
    font-weight: 500 !important;
}

.small-screen-nav li {
    font-size: 13px !important;
 }

#mobile_we-header-search {
   border: none !important;
}

.input-cnt {
    padding-left: 20px;
    padding-right: 48px;
}
.location-header {
    font-size: 15px !important;
    font-weight: 400 !important;
    color: #2B2E37;
}

.mobile-contact-link {
    padding-left: 15px !important;
}

.contact-mobile {
padding-left: 15px
}

.small-screen-nav .we-header-submenu li a {
    display: block;
    padding: 8px 15px 8px 15px !important;
    border-bottom: 1px solid #e2e2e2;
    white-space: nowrap;
}

.we-header-sub-opened > a  span{
    color: #EE3235 !important;
}

//


.content-solution {
    padding: 8em 10em 4em;
}

@media (min-width: 1024px) {
    .content_section {
        background-color: #f4f5f9;
        padding: 6em 8em 2em !important;
        margin-top: -4rem;
        display: flex;
       }
}

@media (max-width: 768px) {
    .content_section {
        flex-direction: column;
        padding: 2em;
        margin-top:10px
    }
}

@media (min-width: 768px) {
.content-container {
    max-width: 100%;
  }
}
@media (max-width: 320px) {
.resource-card {
    width:100%;
}
}
.image-main {
    max-height: 305px;
}

.right_side_text {
    margin-top: 30px;
}

@media (min-width: 1761px) {
    .resources-title{
        font-size: 32px;
        letter-spacing: 0.5px;
    }
}

@media (min-width: 1440px) and (max-width: 1760px) {
    .resources-title{
        font-size: 27.2px;
        letter-spacing: 0.5px;
    }
}

@media (max-width: 1439px) {
    .resources-title{
        font-size: 22.1px;
        letter-spacing: 0.5px;
    }
}

@media (min-width: 1024px) {
    .content-container {
        max-width: 50%;
        margin-left: 60px;
      }
}

@media (min-width: 1440px) {
    .content-area-homepage h1 {
        font-size: 32px;
    }

    .content-container {
        max-width: 55%;
        margin-left: 60px;
      }
}

.resources_menu {
    display: flex;
    gap: 2rem;
    flex-wrap: wrap;
    padding-top: 2.8rem;
    padding-bottom: 2rem;
    font-size: 1.8rem;
    position: relative;
   
}

@media (max-width: 425px) {
    .resources_menu {
    margin-top: -18.5rem !important;
    }
}

@media (max-width: 767px) {
    .resources_menu {
        margin-top: -19rem !important;
        gap: 10px;
        font-size: 17px;
        
    }
}

@media (min-width: 768px) and (max-width: 1023px) { /* md */
    .resources_menu {
        gap: 1rem;
        font-size: 2.24rem;
        margin-top: -16rem !important;
    }
}

@media (min-width: 1024px) { /* lg */
    .resources_menu {
        margin-top: -13rem !important;
    }
}

@media (min-width: 1536px) { /* xxl */
    .resources_menu {
        font-size: 2.56rem;
    }
}

@media(max-width: 768px) {
    .case-studie-card {
        margin-bottom: 10rem !important;
    }
}

@media(min-width: 768px) {
    .case-studie-card {
        margin-bottom: 15rem !important;
    }
}



.first_title_section {
    font-weight: 600;
    letter-spacing 0.5px;
    font-size: 20px;
    display: flex;
}

.solution-image {
    width:100%;
    background-position: 50% !important;
    object-fit: cover;
    border-radius: 0px;
    /* height: 274px; */
}


/* ==hardware-intelligent-teblets-page== */
.slider_description {
    font-size: 13px;
    color: black;
    line-height: 24px;
    margin-block-start: 30px;
    letter-spacing: 0.5px;
    font-weight: normal;
}

.slider_unorder_list {
    margin-block-start: 27px;
    color: black;
    font-size: 13px;
    letter-spacing: 0.5px;
    line-height: 27px;
    font-weight: normal;
    padding-inline-start: 27px;
    list-style-type: disc;
}



.homepage_swiper .swiper-slide {
    min-width: 100% !important;
}

.homepage_swiper  .slider_content {
    width: 100%;
}

.homepage_swiper  .swiper-pagination-bullet-active {
    background-color: black !important;
}

.range-of-device-slider {
    padding-block-end: 30px !important;
}

.cotact_form {
    margin-inline: auto !important;
}

.button {
    margin-top: 28px;
    background-color: #00AAAD;
    display: inline-block;
    padding: 17px 49.95px 18.66px 49px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    font-weight: bold;
    border: 1px solid hsla(0, 0%, 86%, 1);
}


@media screen and (min-width: 1024px) {
    .slider_description {
        font-size: 16px;
    }

    .slider_unorder_list {
        font-size: 16px;
    }

    .slider_content {
        height: 400px;
    }
}

.benefit-wrap {
    gap:20px;
}


.progress {
    display: flex;
    min-width: 100px;
    min-height: 100px;
    border-radius: 50%;
    background: conic-gradient(red var(--progress), white 0deg);
    font-size: 0;
}

.progress::after {
    content: attr(data-progress) '%';
    display: flex;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    margin: 15px;
    border-radius: 50%;
    background: #F6F8FB;
    font-size: 1rem;
    text-align: center;
    font-weight: bold;
}


/*.line-below {*/
/*    border-top: 3px solid #EE3235;*/
/*    width: 100%;*/
/*    max-width: 230px;*/
/*    margin: -1rem auto 0 auto;*/
/*    grid-column: span 12 / span 12 !important;*/
/*}*/

/*@media only screen and (min-width: 425px) {*/
/*    .line-below {*/
/*        border-top: 3px solid #EE3235;*/
/*        width: 100%;*/
/*        max-width: 230px;*/
/*        margin: 0rem auto 0 auto;*/
/*        grid-column: span 12 / span 12 !important;*/
/*    }*/
/*}*/

@media screen and (min-width: 1440px) {
.resource-section {
    margin-top:10px !important;
    margin-bottom: 40px !important;
}
}


.contacts_form_main_container form{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-end;
}

.contacts_form_main_container form label {
    font-size: 1.44rem;
}

.contacts_form_main_container form label:after {
    content: " *";
    font-size: 1.4rem;
    position: relative;
    top: -0.2rem
;
}

.resource-title {
    margin-bottom: 10px;
    color: #2B2E37;
}

.resources-subtitle {
    color: #2B2E37;
}

.contacts_form_main_container  input, .contacts_form_main_container  textarea, .contacts_form_main_container  select  {
    height: 4.8rem !important;
    background: transparent!important;
    border-top: 0!important;
    border-left: 0!important;
    border-right: 0!important;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
    border-bottom: 1px solid black!important;
    border-radius: 0 !important;
    font-size: 1.4rem!important;
    font-weight: 500!important;
}

.contacts_form_main_container .contact_input_wrapper {
    width: 100%;
    max-width: calc(50% - 2em) !important;
}


.contacts_form_main_container form input[type="submit"] {
    background-color: #FEDA01!important;
    font-size: 1.4rem!important;
    border: none!important;
    border-radius: 3px!important;
    color: black!important;
    float: right;
}
.contacts_form_main_container .contact_input_wrapper  input[type="tel"] {
    width: 100%!important;
}

.contacts_form_main_container .contact_input_wrapper  input[type="tel"]:focus,  .contacts_form_main_container form
[type=checkbox]:focus {
    outline: 0 !important;
    border: none!important;
    border-bottom: 1px solid black!important;
    box-shadow: none !important;
}

.contacts_form_main_container form textarea {
    width: 100%;
}

.contacts_form_main_container form .submit_button_wrapper {
    margin-left: auto!important;
}

.contacts_form_main_container form  .comment_textarea_wrapper {
    width: 100%!important;
}


.contacts_form_main_container form  .comment_textarea_wrapper p {
    width: 100%!important;
}

.contacts_form_main_container form .terms_and_conditions_container p {
    display: flex;
    align-items: center;
    column-gap: 0.5rem;
}

.contacts_form_main_container form .terms_and_conditions_container label {
    width: calc(50% - 1rem) !important;
}

.contacts_form_main_container form .wpcf7-response-output {
    border: none!important;
}

.contacts_form_main_container form .wpcf7-not-valid-tip {
    font-size: .7em;
    background: #ffddde;
    padding: 5px 6px;
}

.download_form_wrapper  label{
    font-size: 1.44rem !important;
}

.contacts_form_main_container .download_form_wrapper ,.contacts_form_main_container .download_form_wrapper select{
    width: 100%
}



.contacts_form_main_container form .terms_and_conditions_download label {
    font-size: 1.44rem !important;
}

.contacts_form_main_container form .terms_and_conditions_download p  {
    display: flex;
    align-items: start;
    column-gap: 0.5rem;
}

@media only screen and (max-width: 768px) {
    .container::before, .container::after {
        content: none!important;
    }

    .benefit.active .benefit__title:after {
        content: "-";
        cursor: pointer;
    }
    .benefit__title:after {
        content: "+";
        font-size: 30px;
        color: #000;
        margin-left: auto;
        padding-left: 5px;
        cursor: pointer;
    }

    .benefit.active .benefit__text {
        height: 100%!important;
    }

    .contacts_form_main_container form .terms_and_conditions_container label, .contacts_form_main_container .contact_input_wrapper {
        width: 100%!important;
        max-width: 100%!important;
    }

}

.line-below:after {
    content: "";
    height: 3px;
    position: absolute;
    background-color: #ee3235;
}

.line-below:after {
    width: 230px;
    left: 50%;
    bottom: -8px;
    transform: translateX(-50%);
}

@media only screen and (min-width: 1024px) {
    .section-big {
        background: url('/wp-content/themes/genesis-child/assets/industries-index/images/bg-section-big.svg');
    }
    .cta {
        background: url('/wp-content/themes/genesis-child/assets/industries-index/images/bg-cta.svg');
    }
}

.homepage_swiper  .swiper-slide{
    min-width:auto!important;
}

.homepage_swiper .swiper-pagination-bullet-active {
    /*height: 12px!important;*/
    background: transparent!important;

}

.homepage_swiper .swiper-pagination-bullet-active::after {
    display: block;
    content: " ";
    position: relative;
    height: 2px;
    background-color: black;
    top: calc(50% - 1px);
    transition: all .25s cubic-bezier(0.17, 0.57, 0.38, 0.95);
}

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

    .contacts_form_main_container form label {
        font-size: 1.19rem;
    }

    .quote-text {
        width: 60%;
    }

    .content-area-homepage {
        margin-top: 50px;
        gap: 40px;
    }

    .content-area-homepage-right-section {
        width: 60%;
    }

    .content-area-homepage h1::after {
        display: none;
    }

    .content-area-homepage h1 {
        text-align: left;
    }

}
@media (max-width: 1023px) {
    .news-media {
        display: none !important;
    }
    
}
.image-news {
    position:relative;
    z-index: 9;
    margin-top: -20%;
}

@media (max-width: 1023px) {
    .hr-news {
        width: 20px !important
    }
    .image-news
    {
        display: none;
    }
}

@media (min-width:375px and max-width: 1023px) {
   
    .news-title {
        width:70%
    }
}

@media(min-width: 2560px){
    .news-title {
        margin-left: 15%;
    }
    
}

.post-link {
    color: #000000;
    font-weight: 500;
}

.news-main-title {
    font-weight: 400;
}

@media (min-width: 1024px) {
    
    .news-title {
        width:50%
    }
    .news-media  {
        left: 48%;
        max-height:262.69px !important;
        width: 467px !important;
        margin-top: 10%
    }
    
    .hr-news {
        width: 10rem !important
    }
}

.news-header-content {
    max-width: 50%;
}

.news-container {
    min-width: 100vw !important;
}

@media (min-width: 1024px) {
    .right-col-news {
        width: 50% !important;
    }

    .posts-news {
        width:85%   
    }

    .left-col-news {
        width: 50% !important;
    }
    .title-news {
        width: 50%;
        padding: 3em 0;
    }
   
}


@media(max-width: 1024px){
    .title-news {
        padding: 2em 0;
    }

    .resource-card {
        width: 50%;
    }
}

@media (max-width: 1339px) {
    .hr {
        display: none
    }
}

.hr-cnt {
    top: 70px !important;
    width: 100px !important;
}

.news_card_container a:nth-child(2n) {
    margin-top: 25rem !important;
}

.news_card_container a:nth-child(2n-1) {
     bottom: 8em;
}
  
  .news_card_container a {
    margin-top: 8rem !important;
  }
  
  .news_card_container a:last-child {
    margin-bottom: 0 !important;
  }
  
  @media only screen and (max-width: 1024px) {
    .news_card_container a {
      margin-top: 4rem !important;
    }
  
    .news_card_container a:nth-child(2n) {
      margin-top: 4rem !important;
    }
  }

  @media only screen and (max-width: 1440px) {
    .news-parent-card {
        bottom: 8em;
        margin: -0.5em 0;
      }
  }
    @media only screen and (min-width: 1440px) {
    .news-parent-card {
        bottom: 8em;
        margin: -8em 0;
      }
  }



@media only screen and (max-width:768px) { 
    .video-container {
        margin-top: 50px
    }
}

@media only screen and (max-width:1024px) { 
    .resource-header-content {
       display: flex;
       flex-direction: column !important;
       padding: 1em 0;
     }
}

.single-res-title {
    font-weight: 500 !important;
}


@media only screen and (min-width:1024px) { 

.resource-header-content {
    padding-bottom: 8%;
    padding-top: 8%;
    max-width: 100% !important;
   display: flex;
   flex-direction: row !important;
 }
}
@media only screen and (min-width:2560px) { 
    .left-resource-container {
           width:40% !important;
    }
}

@media only screen and (min-width:1024px) {
.content-container-resource {
    margin-top: 40px;
    width: 80%
}
.resource-container {
    min-width: 100vw !important;
    justify-content: center;
    gap: 40px
}
}

.resource-container {
    min-width: 100vw !important;
    justify-content: center;
    /* padding: 0 10%; */
}

.video-section{
    @media (max-width:1600px) and (min-width:1024px){
      margin-right: 0 !important;
    }
}


@media (min-width: 2540px) {
    .video-container-hp {
        min-height: 1024px !important
    }
}

@keyframes slide-down {
    0% {
        transform: translateY(-100%);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

.slide-down {
    animation: slide-down 0.5s ease-out;
}

.homepage-video-cnt {
    width: 100%;
    display: flex;
    overflow: hidden;
    max-height: 43.2rem;
}

.homepage-content {
    color: #000000 !important;
    font-weight: 400 !important;  
}

@media (min-width: 768px) { /* md */
    .homepage-video-cnt {
        align-items: flex-start;
        max-height: 43.2rem;
    }
}

@media (min-width: 1024px) { /* lg */
    .homepage-video-cnt {
        max-height: 57.6rem;
    }
    .homepage-content {
        /* margin-top: 100px; */
    }
}
@media (max-width:768px) {
    .homepage-content {
        margin-top: 0 !important;
    }
}



@media (min-width: 1280px) { /* xl */
    .homepage-video-cnt {
        align-items: center;
        max-height: 64.5rem;
    }
}

@media (min-width: 1536px) { /* xxl */
    .homepage-video-cnt {
        max-height: 103rem;
    }
    .homepage-content {
        margin-top: 200px;
    }
    .left_side_context_text_hp  {
        margin-top: 200px;
    }
    .left-side-dash-hp {
        margin-top: 200px;
    }
}

//

//solution

.solution-dash {
        top: -4rem !important;
        left: -2rem !important;
}

@media (max-width: 424px) {
    .resources-sol-page {
        display: flex;
        flex-direction: column;
    }
}
@media (min-width: 424px) {
    .resources-sol-page {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
}

@media (min-width: 320px) {
    .modal_main_container {
        max-width: 242px !important;
     }
}

@media (min-width: 424px) {
    .modal_main_container {
        max-width: 160px !important;
     }
}

@media (max-width: 375px) {
    .modal_main_container {
       max-width: 320px !important;
    }
}
@media (max-width: 768px) {
    .modal_main_container {
       max-width: 320px !important;
    }
}
@media (min-width: 1023px) {
    .modal_main_container {
       max-width: 217px !important;
    }
}
@media (min-width: 1440px) {
    .modal_main_container {
       max-width: 305px !important;
    }
}



//

.contacts_form_main_container.scala_designer_contact_container .submit_button_wrapper input[type="submit"] {
    background-color: #ED3035!important;
    color: white!important;
    border-radius: 0!important;
}


.contacts_form_main_container form .download_submit_button_wrapper p {
    width: min-content;
    margin-bottom: 0!important;
}

.contacts_form_main_container form .download_submit_button_wrapper {
     margin: 0 auto;
}


.linq_background {
    background-image: url(/wp-content/themes/genesis-child/images/Vector_Smart_Object.png);
}

.upcoming_events .upcoming_events_dates {
    color: white;
}

.upcoming_events:hover .upcoming_events_dates {
    background-color: white;
    color: black!important;

}

.resource-title-container p {
    margin-bottom: 0 !important;
}

.resource-download-file-card {
    max-width: 30%;
    margin: 0 auto;
    margin-top: 50px;
    margin-bottom: 150px !important;
}

.content-container-resource a {
    color: #ee3235;
}

.content-container-resource a:hover {
    color: #ba272a;
}

.benefits {
    margin-bottom: 40px
}

.search_results_dropdown  {
    position: absolute;
    top: 100%;
    height: auto;
    max-height: 80vh;
    width: 100%;
    box-shadow: 0 0 5px 0 rgba(0,0,0,.25);
    border: 1px solid #e2e2e2;
    border-top: none;
    background: #fff;
    box-sizing: border-box;
    transition: all .25s  cubic-bezier(0.17,0.57,0.38,0.95);
    overflow-y: auto;
    margin-left: 20px !important;
}

.search_results_group {
    background: #fff;
    font-weight: 600;
    padding: 1em 0;
    text-indent: 36px;
    border: none;
    position: relative;
}

.search_results_dropdown .search_results_group ul li a, .mobile_searchbar_container .search_results_group ul li a {
    background: #fff;
    padding: 1em 0;
    border-top: 1px dashed silver;
    text-transform: none;
    cursor: pointer;
    transition: all .25s cubic-bezier(0.17,0.57,0.38,0.95);;
    font-weight: 400;
    display: flex;
    flex-flow: row nowrap;
    text-decoration: none;
    color: black;
    font-size: 1.4rem;
}

.search_results_dropdown .search_results_group ul li, .mobile_searchbar_container .search_results_group ul li {
    list-style: none;
}

.search_results_dropdown .search_results_group ul, .mobile_searchbar_container .search_results_group ul {
  margin-left: 10px !important;
}


.search_results_dropdown .search_results_group ul li a:hover:before  {
    left: 0;
    right: 0;
    background: rgba(0,0,0,.05);
}

.search_results_dropdown .search_results_group ul li a:before, .mobile_searchbar_container .search_results_group ul li a:before {
    pointer-events: none;
    content: "";
    position: absolute;
    left: 50%;
    right: 50%;
    top: 0;
    bottom: 0;
    background: 0 0;
    transition-property: left,right,background;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(0.17,0.57,0.38,0.95);;
}

.mobile_search_on_keyup {
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
}


.scala-form label, .scala-form legend {
    top: 0;
    position: relative;
    width: 100%;
    height: 1.8em;
    font-size: 14.4px !important;
    color: #383b44;
    letter-spacing: 0;
    font-weight: 400 !important; 
    margin-bottom: 0 !important;
    border-bottom: none !important;
}

.scala-form .gform-field-label--type-sub {
    display: none !important;
}

.scala-form input.large, .scala-form textarea.large, .scala-form select.large, .scala-form select, .scala-form input:not([type='checkbox'])  {
    width: 100% !important;
    height: 30px !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 1em !important;
    background: inherit !important;
    box-sizing: border-box !important;
    border: none !important;
    border-bottom: 1px solid #9c9ea4 !important;
}

.contacts_form_main_container form.scala-form {
    justify-content: end;
}

.contact-form-hardware-custom-page {
    max-width: 750px !important;
    margin: 0 auto;
    margin-top: 70px !important;
}

.product-numbers {
    margin-bottom: 0 !important;
    color: black;
    font-weight: 500;
}

.learn-more-button-software {
        border: 1px solid #fff;
    padding: 0.75em 1.5em;
    box-sizing: border-box;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    font-weight: 700;
    box-shadow: 1px 1px 5px rgba(0,0,0,.1);
    text-shadow: 1px 1px 5px rgba(0,0,0,.2);
    position: relative;
    transition-property: text-shadow;
    transition-duration: .5s;
    transition-timing-function: all 0.2s;
    background: inherit;
    font-size: 1.4rem;
    cursor: pointer;

    background-color: #ee3235;
    border: none;
    box-shadow: 0 0.5em 1em rgba(0,0,0,0.1);
    margin-top: 16px;
    width: -moz-fit-content;
    width: fit-content;
}

.learn-more-button-software:hover {
    text-shadow: 1px 1px 5px rgba(0,0,0,.2);
    background-color: #ba272a;
    color: white;
}

form.scala-form input[type='submit'] {
    background-color: red !important;
    box-shadow: 1px 1px 5px rgba(0,0,0,.1) !important; 
    border: 1px solid #fff !important;
    padding: 0.75em 1.5em !important;
    box-sizing: border-box !important;
    height: auto !important;
    color: white !important;
    margin-top: 30px !important;
    font-size: 17px !important;
    width: min-content !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

form.scala-form fieldset .ginput_container_consent {
    display: flex;
    gap: 20px;
}

form.scala-form .gform_fields {
    grid-column-gap: 7% !important;
    grid-row-gap: 35px !important;
}

.resolution_card {
    box-shadow: 0 10px 16px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    padding: 32px 16px;
    border-radius: 8px;
    margin: 30px;
}

.modal_title {
    margin-bottom: 10px;
    font-size: 21px;
    color: #000000;
}

.modal_description {
    color: #000000;
    font-size: 16px;
}

    /* START ASCEND PAGE TEMPLATE CSS  */

 .form-container {
        margin-top: 100px !important;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .ascend-page {
        position: relative;
    }

    .pillars {
        display: flex;
        flex-direction: column;
        gap: 70px;
        margin-bottom: 91px;
    }

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

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

    .pillar-box {
        background: #EE3235;
        border-radius: 41px;
        height: 514px;
        width: 40%;
        border: none;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 30px;
        padding: 0 70px;
    }

    .pillar-box h2 {
        /* font-family: 'Montserrat'; */
        font-style: normal;
        font-weight: 500;
        font-size: 35px;
        line-height: 43px;
        text-align: center;
        text-transform: uppercase;
        color: #FFFFFF;
        padding-bottom: 30px;
        padding-left: 5px;
        padding-right: 5px;
        border-bottom: 4px solid #0F1C2B;
    }

    .pillar-box p {
        font-style: normal;
        font-weight: 400;
        font-size: 19px;
        line-height: 161.9%;
        text-align: center;
        letter-spacing: 0.02em;
        color: #FFFFFF;
    }

    .pillar-image {
        width: 55%;
        border: none;
        outline: none;
        height: 424px;
        object-fit: cover;
    }

    .pillar-title {
        font-style: normal;
        font-weight: 700;
        font-size: 40px;
        line-height: 49px;
        letter-spacing: 0.02em;
        text-transform: uppercase;
        color: #000000;
        margin-bottom: 50px;
        padding-left: 100px;
        position: relative;
    }

    .pillar-title::before {
        content: "";
        position: absolute;
        width: 80px;
        height: 3px;
        background: #EE3235;
        top: 22px;
        left: 0;
    }

    .intro-section {
        display: flex;
        position: relative;
        padding-top: 70px;
        padding-bottom: 70px;
        justify-content: space-between;
        position: relative;
        gap: 10px;
    }

    .intro-section::after {
        background: #0F1C2B;
        position: absolute;
        content: "";
        right: 0;
        left: 63%;
        top: 0;
        height: 1200px;
        z-index: -1;
        width: 100%;
    }

    .info {
        padding-left: 100px;
        position: relative;
    }

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

    .info h1 {
        font-style: normal;
        font-weight: 700;
        font-size: 40px;
        line-height: 49px;
        letter-spacing: 0.02em;
        text-transform: uppercase;
        color: #000000;
        margin-bottom: 10px;
    }

    .info::before {
        content: "";
        position: absolute;
        width: 80px;
        height: 3px;
        background: #EE3235;
        top: 22px;
        left: 0;
    }

    .info h3 {
        font-style: normal;
        font-weight: 600;
        font-size: 18px;
        line-height: 22px;
        display: flex;
        align-items: center;
        color: #EE3235;
        margin-bottom: 40px;
    }

    .info p {
        font-style: normal;
        font-weight: 400;
        font-size: 15px;
        line-height: 22px;
        color: #000000;
        width: 100%;
        max-width: 600px;
    }

    .info .title {
        display: flex;
        gap: 10px;
    }

    .info .title img {
        height: 100%;
    }

    .intro-images {
        display: flex;
        flex-direction: column;
        margin-right: 100px;
        gap: 70px;
        align-items: end;
    }

    .intro-images img {
        width: fit-content;
        border: none;
        outline: none;
    }

    .intro-images video {
        width: 100%;
        max-width: 630px;
        height: auto;
    }

    .features-wrapper {
        background: #0F1C2B;
        padding-top: 60px;
        padding-bottom: 70px;
    }

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

    .features-container h4 {
        font-style: normal;
        font-weight: 700;
        font-size: 30px;
        line-height: 37px;
        letter-spacing: 0.02em;
        color: #FFFFFF;
        padding-bottom: 12px;
        border-bottom: 3px solid #EE3235;
        margin-bottom: 60px;
    }

    .features-container a {
        display: block;
        margin-top: 70px;
        font-style: normal;
        font-weight: 700;
        font-size: 17px;
        line-height: 21px;
        text-align: center;
        color: #FFFFFF;
        background: #EE3235;
        border-radius: 6px;
        padding: 12px 22px;
        text-decoration: none;
    }

    .features {
        display: flex;
        padding: 0 120px;
        gap: 30px;
    }

    .feature {
        background: white;
        border-radius: 8px;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 35px;
        width: 25%;
    }

    .feature img {
        margin-bottom: 15px;
    }

    .feature h3 {
        font-style: normal;
        font-weight: 600;
        font-size: 18px;
        line-height: 22px;
        display: flex;
        align-items: center;
        text-align: center;
        color: #000000;
        margin-bottom: 12px;
    }

    .feature p {
        font-style: normal;
        font-weight: 400;
        font-size: 15px;
        line-height: 22px;
        text-align: center;
        color: #000000;
    }

    .need-help-container {
        background: #EE3235;
        border-radius: 8px;
        margin: 0 auto;
        padding: 55px 0;
        padding-left: 65px;
        width: 100%;
        max-width: 1110px;
        color: white;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 75px;
    }

    .need-help-container .text {

    }

    .need-help-container .text h4 {
        font-style: normal;
        font-weight: 700;
        font-size: 40px;
        line-height: 49px;
        letter-spacing: 0.02em;
        text-transform: uppercase;
        color: #FFFFFF;
        margin-bottom: 5px;
    } 

    .need-help-container .text p {
        font-style: normal;
        font-weight: 400;
        font-size: 15px;
        line-height: 22px;
        color: #FFFFFF;
    }

    .need-help-container a {
        background: #FFFFFF;
        border-radius: 6px;
        text-decoration: none;
        padding: 12px 22px;
        font-style: normal;
        font-weight: 700;
        font-size: 17px;
        line-height: 21px;
        text-align: center;
        color: #EE3235;
        margin-right: 120px;
    }

    .video-container h4 {
        font-style: normal;
        font-weight: 700;
        font-size: 30px;
        line-height: 37px;
        letter-spacing: 0.02em;
        color: #000000;
        padding-bottom: 12px;
        border-bottom: 3px solid #EE3235;
        margin-bottom: 60px;
        text-align: center;
        margin: 0 auto;
        margin-top: 80px;
        width: fit-content;
        margin-bottom: 35px;
    }

    .contact-us-section {
        background: #0F1C2B;
        padding-top: 77px;
        padding-bottom: 93px;
        margin-top: 75px;
        color: white;
    }

    .contact-us-section .width-container {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .contact-us-section .width-container div {
        width: 100%;
        max-width: 700px;
    }

    .contact-us-section h4 {
        font-style: normal;
        font-weight: 700;
        font-size: 40px;
        line-height: 49px;
        letter-spacing: 0.02em;
        text-transform: uppercase;
        color: #FFFFFF;
        margin-bottom: 12px;
    }

    .contact-us-section p {
        font-style: normal;
        font-weight: 400;
        font-size: 15px;
        line-height: 22px;
        color: #FFFFFF;
        /* margin-bottom: 40px; */
    }

    .contact-us-section a {
        background: #EE3235;
        border-radius: 6px;
        text-decoration: none;
        padding: 12px 22px;
        font-style: normal;
        font-weight: 700;
        font-size: 17px;
        line-height: 21px;
        text-align: center;
        color: white;
        display: inline-block;
    }

    .modal-contant-container {
        position: fixed;
        left: calc(50% - 400px);
        width: 800px;
        top: 112px;
        min-height: 400px;
        max-height: calc(100vh - 200px);
        overflow-y: scroll;
        padding: 1em;
        background: #fff;
        z-index: 90;
    }

    .modal-contant-container-left {
        padding-right: 10px;
    }

    .contact-form-container-resource {
        margin-top: 100px;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 150px;
    }

    h2.gform_title {
        text-align: center;
        margin-bottom: 60px;
    }

    @media (max-width: 1200px) {
        .pillar-title {
            padding-left: 0;
        }

        .pillar-title::before {
            display: none;
        }

        .intro-section::after {
            height: 800px;
        }

        .features {
            padding: 0px;
        }

        .intro-images{ 
            margin-right: 0;
            margin-left: 20px;
        }

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

        .pillar-box h2 { 
            font-size: 25px;
        }

        .pillar-box {
            height: 440px;
            padding: 0 30px;
        }

        .pillar-image {
            height: 370px;
        }
    }


    @media (max-width: 1024px) {
        .info {
            padding-left: 0;
        }

        .info::before {
            display: none;
        }

        .pillar-box {
            height: 360px;
            gap: 25px;
        }

        .pillar-box h2 {
            font-size: 30px;
            padding-bottom: 19px;
        }

        .pillar-box p { 
            font-size: 16px;
        }

        .pillars {
            gap: 40px;
        }

        .intro-section::after {
            height: 1000px;
        }

        .features {
            gap: 15px;
        }

        .feature {
            padding: 20px;
        }

        .features-container a {
            margin-top: 60px;
        }

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

    @media (max-width: 768px) {

        .contact-form-hardware-custom-page {
            max-width: 85vw !important;
            padding: 52px !important;
        }

        .modal-contant-container {
            left: 50%;
            width: 90%;
            transform: translateX(-50%);
        }

        .quote-text {
            width: 70%;
        }

        .first-row {
            gap: 20px;
        }

        .prev, .next {
            scale: 0.7;
        }

        .intro-section {
            flex-direction: column;
        }
        .intro-section::after {
            display: none;
        }

        .ascend-logo {
            display: none;
        }

        .intro-images {
            margin-right: 0;
            margin-left: 0;
            margin-top: 40px;
            align-items: center;
        }

        .info p {
            max-width: unset;
        }

        .pillar {
            flex-direction: column;
        }

        .pillar-box, .pillar img {
            width: 65%;
        }

        .pillars {
            gap: 55px;
        }

        .pillar-box {
            border-top-left-radius: 0;
            border-top-right-radius: 0;
            border-bottom-left-radius: 15px;
            border-bottom-right-radius: 15px;
            height: auto;
            padding: 30px;
        }

        .features {
            flex-wrap: wrap;
        }

        .feature {
            width: calc(50% - 48px);
        }

        .pillar-box h2 {
            font-size: 25px;
            line-height: 1.3;
            border-bottom-width: 2px;
        }

        .pillar-box p {
            font-size: 15px;
        }

        .pillar-title {
            font-size: 30px;
        }

        .need-help-container {
            width: calc(90% - 60px);
            padding: 30px;
            flex-direction: column;
        }

        .need-help-container a {
            margin-right: 0;
            margin-bottom: 0px;
        }

        .need-help-container .text h4 {
            font-size: 30px;
            line-height: 1.3;
        }

        .need-help-container .text {
            margin-bottom: 40px;
        }

        .contact-us-section .width-container { 
            flex-direction: column-reverse;
        }

        .contact-us-section {
            padding-top: 50px;
            padding-bottom: 50px;
        }

        .contact-us-section img {
            margin-bottom: 40px;
        }

        .contact-us-section h4 {
            font-size: 34px;
        }

        .pillar-image {
            height: 250px;
        }

        .resource-download-file-card {
            max-width: 50%;
        }
    }


    @media (max-width: 425px) {
        .resource-download-file-card {
            max-width: 100%;
        }

        .image-event-logo {
            max-width: 200px;
            margin-bottom: 0;
        }

        .pillar-box, .pillar img {
            width: 90%;
        }

        .pillar-box {
            padding: 20px 30px;
            gap: 15px;
        }

        .pillar-box h2 {
            font-size: 20px;
            padding-bottom: 10px;
        }

        .pillar-title {
            font-size: 23px;
            letter-spacing: 0;
            margin-bottom: 20px;
            text-align: center;
            line-height: 1.4;
        }

        .intro-images img {
            width: 100%;
        }

        .info h1 {
            font-size: 25px;
            line-height: 1.4;
        }

        .info .title {
            align-items: center;
        }

        .intro-section {
            padding-top: 35px;
        }

        .feature {
            width: 100%;
            padding: 25px;
        }

        .contact-us-section h4, .need-help-container .text h4, .features-container h4 {
            font-size: 24px;
            line-height: 1.4;
        }

        .pillar-image {
            height: 200px;
        }
    }

    .linq-fc p {
        font-weight: 400 !important;
        font-size: 16px;
        color: #000000 !important;
    }

    /* END OF ASCEND PAGE TEMPLATE CSS  */