.elementor-23109 .elementor-element.elementor-element-1acb9301{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}/* Start custom CSS *//*Used in h1*/
.teal-text{
    color:#56bcc7;
}

/*Case Studies company cards styling*/
.company-card-restraints {
    max-height: 140px;
    align-items: center;
    justify-content: center;
}

/*Product cards restraints*/
.product-text-box {
    max-height: 214px;
}
.product-preview-box {
    min-width: 200px;
}


/*product tabs*/
.e-n-tabs-heading {
    white-space: nowrap;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    min-width: 340px;
}

#xi-tab, #ls-tab, #na-tab, #f-tab, #c-tab {
    z-index: 00;
    margin-bottom: -1px;
    border: 1px solid #56bcc720;
    border-bottom: 1px solid #00061b;
    border-radius: 10px 10px 0 0;
    padding: 10px 20px 5px;
    background: #00061b;
}

#xi-tab:not([aria-selected]):hover, #ls-tab:not([aria-selected]):hover, #na-tab:not([aria-selected]):hover, #f-tab:not([aria-selected]):hover, #c-tab:not([aria-selected]):hover {
    z-index: -100;
    color: #ffffff80;
    border: 1px solid #56bcc740;
    border-bottom: 1px solid #00061b;
    background: linear-gradient(to bottom, #56bcc710, #00061b);
}

/*selected states*/
 #xi-tab[aria-selected="true"], #ls-tab[aria-selected="true"], #na-tab[aria-selected="true"], #f-tab[aria-selected="true"], #c-tab[aria-selected="true"] {
    z-index:100;
    border: 1px solid #56bcc7;
    border-bottom: 0px;
    background-image: linear-gradient(to bottom, #56bcc740, #00061b);
}


/* Desktop Media query */
@media screen and (min-width: 1060.5px) {
    /*Product Cards Section*/
     #product-cards-wrapper {
         max-width: 1180px;
     }
    /*For Case Study Section*/
    #customer-container {
        max-width: 450px;
    }
    #case-study-card-wrapper {
        min-width: 500px;
    }
}

/*Tablet Media query for Product Tabs*/
@media screen and (max-width: 1060px) {
    #xi-tab, #ls-tab, #na-tab, #f-tab, #c-tab {
        padding: 10px;
    }
}


/*Sticky Banner CSS*/
.rel-position {
    position: relative;
}
#event-banner {
    position: sticky !important;
    top: 100px;
    z-index: 100;
}
/*Mobile Media Query for sticky event banner*/
@media screen and (max-width: 785px) {
    #event-banner {
    top: 75px;
}
}/* End custom CSS */