/* Sticky Menu */

.submenuSticky{

    position: absolute;

    width: 100%;

    left: 0;

    z-index: 20;

    top: 35px;

    display: none;

    -webkit-transition: all 0.2s linear 0.8;

    -o-transition: all 0.2s linear 0.8;

    transition: all 0.2s linear 0.8;

    display: none !important;

}

.emptyPadding .elementor-column-wrap {

padding: 0px !important;

}

.submenu_fixed{

position: fixed !important;

display: block !important;

z-index: 20 !important;

margin-top: 55px !important;

}

/* End Sticky Menu */

/* Product Page Elements */


.bioaffix-vision-mobile-hero-video video, .bioaffix-pr-video video {
	height: 100vh!important;
}

.bioaffix-page-gradient-title {
	background: linear-gradient(98.86deg, #FFFFFF 27.29%, #EDA9AC 35.39%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
}

/* End Product Page Elements */

/* WPNav Menu Horizontal */

.customNavMenu {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    font-size:inherit;

}

.customNavMenu ul {

    -webkit-box-pack: start;

    -ms-flex-pack: start;

    justify-content: flex-start;

     

}

.customNavMenu ul li {

    display: inline-block;

    list-style: none;

    margin: 0;

    padding: 0;

    line-height: normal;

    -webkit-tap-highlight-color: rgba(0,0,0,0);

    border-right:inherit;

}



.submenu_fixed .nav-link {

    color: #666666 !important;

    font-weight: 400;

}



#menu-mainmenu{

    padding-left: 40px !important;

}



.pl_120 {

    padding-left: 40px !important;

}



.customNavMenu ul li a {

    padding: 13px 20px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}

 

.submenu_fixed .nav-link:hover {

    color:#CA171E !important;

}



.menu > .nav-item.submenu.mega_menu:hover .mega_menu_inner{

    margin-top: -15px;

}

.menu > .nav-item.submenu.mega_menu{

    margin-left: 40px;

}

  /* End WPNav Menu Horizontal */


/* Footer Mobile */

@media (max-width: 1024px) {
.bioaffix-footer{
    margin-top: 40px !important;
}
} 

/* Tablet  */

@media (max-width: 991px) {

 

    /* Sticky Menu */

    .submenuSticky{

        top: 20px;

    }

    /* End Sticky Menu */

 

}

 

/* Mobile Phone */

@media (max-width: 767px) {

 

    /* Sticky Menu */

    .submenuSticky{

        top: 20px;

 

    }

    /* End Sticky Menu */

 

    /* WPNav Menu Horizontal */

    .customNavMenu {

        font-size:12px;

    }



    .customNavMenu ul li {

        border-right:solid 1px #FAFAFA;

    }

    .customNavMenu ul li a {

        padding: 10px 5px;

    }

    /* End WPNav Menu Horizontal */

}



/* Mega Menu */

.megaMenuItem {

    width: 100%;

    display: block;

    position: relative;

    background: #CA171E;

 

}

.megaMenuContainer {

    font-family: 'Poppins', sans-serif;

    width: 1200px;

    display: block;

    position: relative;

}

 

.megaMenuContainer a {

    display: block;

    position: relative;

    width: 100%;

    text-decoration: none;

    color: #FFFFFF;

}

 

.megaMenuContainer h2 {

    font-size: 14px;

    margin: 15px 0 15px 0px;

}

 

.mmTitle {

    width: 100%;

    height: 50px;

    position: relative;

    background: rgb(0, 0, 0);

    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);

    background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);

    background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);

    padding: 0 0 0 10px;

    z-index: 1;

 

}

.mmTitle h3 {

    font-size: 14px;

    color: #FFFFFF;

    font-weight: 400;

    text-align: left;

    line-height: 16px;

    vertical-align: bottom;

    padding-top: 10px;

}

.megaMenuItem img {

    display: block;

    position: absolute;

    top: 0px;

    right: 0px;

    z-index: 0;

    width: inherit;

}

 

.column {

    float: left;

    padding: 0px 8px 0px 8px;

    box-sizing: border-box;

    height: inherit;

}

.productColumn {

    width: 20%;

}

.solutionColumn {

    width: 25%;

}

.productItem {

    height: 100px;

    padding: 50px 0 0 0;

}

.productItem img {

    height: 100px;

    width: 139px;

}

.solutionItem {

    height: 112px;

    padding: 62px 0 0 0;

}

.solutionItem img {

    height: 112px;

    width: 284px;

}

 

.supportColumn {

    width: 25%;

}

.supportItem {

    height: 100px;

    padding: 50px 0 0 0;

}

.supportItem img {

    height: 100px;

    width: 284px;

}



 

.itemContainer {

    width: 100%;

    margin:0px 0px 16px 0px;

}

 

@media (max-width: 991px) {

.megaMenuContainer {

    width: 100%;

}

.column {

    width: 220px;

    margin: inherit;

    padding: 0px 8px 0px 8px;

    height: 600px;

}

    .megamenucontainer {

        display: block;

        position: relative;

        overflow: auto;

    }

}

@media (max-width: 767px) {

    .column{

        float:none;

        width: 100%;

        height: inherit;

    }

    .itemContainer {

        width: 100%;

        margin:0px 0px 8px 0px;

    }

    .megamenucontainer {

        display: block;

        position: relative;

        overflow: auto;

    }

}

 /* End - Mega Menu */

 

 span.arrow_carrot-right{

     display:none !important;

 }

 /* Popup New CSS */

 .modal {
    display: none;
 }

.modal-dialog {
    max-width: none;
    width: 600px !important;
    margin-left: auto;
    margin-right: auto;
}

.popup-container {
    width: 600px;
    min-height: 200px;
    overflow: hidden;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    border: none; 
    background-color: #d7282f;
    padding: 0;
    box-sizing: border-box !important;
}

.popup {
    border-radius: 20px; 
}

.p-r-20 {
    padding-right: 20px;
}

@media (max-width: 576px) {
    .popup .py-xs-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }
}

.popup-header-img {
    width: 700px;
    background-color: transparent !important;
    padding: 0;
    margin-top: 50px !important;
}

.popup-header-img img {
    width: 100% !important;
    height: 100% !important;
}

.text-area {
    height: auto; 
    background-color: transparent;
    color: white;
    position: relative;

}
.footer-links {
    font-size: 0.9rem;
}
.footer-links a {
    color: white !important;
    text-decoration: none;
}
.footer-links a:hover {
    color: white !important;
    text-decoration: underline;
}

.btn-close {
        margin: 30px !important;
    }


@media (max-width: 768px) {
    .modal-dialog {
        width: 350px !important;
        max-width: 95vw !important; /* Ensure it fits on very narrow screens */
        margin: 10px auto !important;
    }

    .btn-close {
        margin: 10px !important;
    }

    .popup-container {
        width: 350px !important;
        max-width: 100% !important;
        max-height: 90vh !important; /* Prevent it from being taller than the screen */
        overflow-y: auto !important;
        display: flex;
        flex-direction: column;
    }

    .popup-header-img {
        width: 100% !important;
        height: auto !important;
        margin-top: 35px !important;
        display: flex;
        justify-content: center;
        flex-shrink: 0;
    }
    
    .popup-header-img img {
        width: auto !important;
        max-width: 100% !important;
        height: auto !important;
        object-fit: contain;
    }
}
 /* Popup New CSS End */
 
 /* Font Face */
@font-face {
font-family: 'ElegantIcons';
src: url('https://bioaffix.com/wp-content/plugins/saasland-core/assets/vendors/elagent/fonts/ElegantIcons.woff') format('woff');
font-weight: 400;
font-style: normal;
font-display: swap;
}
/* Font Face End */