/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

.elementor-element-72af665 .elementor-main-swiper .swiper-pagination span.swiper-pagination-bullet {
        width: 10px!important;
        height: 10px!important;
        border-radius: 50%;
        background: #d1d5db!important;
        border: none;
        cursor: pointer;
        padding: 0;
        transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
        position: relative;
        overflow: hidden;
    }
    
.elementor-element-72af665 .elementor-main-swiper .swiper-pagination span.swiper-pagination-bullet::before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 0;
        height: 0;
        border-radius: 50%;
        background: #23a799;
        transition: all 0.4s ease;
    }
    
.elementor-element-72af665 .elementor-main-swiper .swiper-pagination span.swiper-pagination-bullet:hover {
        background: #9ca3af;
        transform: scale(1.2);
    }
    
.elementor-element-72af665 .elementor-main-swiper .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active {
        width: 32px!important;
        border-radius: 6px;
        background: #23a799!important;
        box-shadow: 0 4px 12px rgba(35, 167, 153, 0.4);
    }
    
.elementor-element-72af665 .elementor-main-swiper .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active::before {
        width: 100%;
        height: 100%;
    }
ul#menu-1-8520df0 li.menu-for-mobile{
  display:none;
}
@media (max-width: 768px) {
  .product_containers{
    display:block;
  }
}
@media (max-width: 480px) {
  .menu-item-has-children .sub-arrow{
    position: absolute;
    right: 20px;
  }
  .menu-item-has-children .has-submenu{
    position:relative;
  }
  .menu-item-has-children .sub-arrow svg{
    font-size:25px;
  }
  .elementor-nav-menu--dropdown-mobile .e-eicon-close{
    font-size:15px;
  }
  .elementor-nav-menu--dropdown-mobile .elementor-menu-toggle.elementor-active{
    border: 1px solid #000;
    border-radius: 50% !important;
    width: 35px;
    height: 35px;
    z-index: 9999;
    border-width: 1px !important;
    position: fixed;
    top: 13px;
    right: 12px;
  }
  header .elementor-nav-menu--dropdown.elementor-nav-menu__container{
    top: 0 !important;
    left: 0!important;
    right: 0;
    height: 100%!important;
    margin-top: 0 !important;
    overflow: hidden!important;
    position:fixed!important;
  }
  #menu-2-3e2d149{
    padding-top: 80px;
  }
  ul#menu-1-8520df0 li.menu-for-mobile{
    display:block;
  }
  ul.elementor-nav-menu li.menu-for-mobile a{
    background-color: #16224b!important;
    color: #fff!important;
    margin: 10px 15px;
    width: 190px;
    padding:11px 15px 11px 30px;
    border-radius:40px;
    justify-content: center;
    height:45px;
  }
  ul.elementor-nav-menu li.menu-for-mobile a::before{
    content: "";
    display: inline-block; 
    width: 20px;
    height: 20px;
    background-image: url('https://fibiresearch.com/wp-content/uploads/2026/01/send-1.png');
    background-size: contain;
    background-repeat: no-repeat;
    opacity:1!important;
    filter: brightness(0) invert(1);
    left:12px;
  }
  .menu-footer {
    position: absolute;
    background-color: #23a799;
    width: 100%;
    padding: 20px;
    bottom: 0;
  }
  .menu-footer.HeadAnim a,.menu-footer.HeadAnim address{
    color: #fff!important;
    font-family: 'Montreal', sans-serif;
    padding:8px 0!important;
    font-style:normal;
  }
  .menu-footer.HeadAnim address svg{
    margin-right:10px;
  }
  .menu-footer.HeadAnim .d-flex{
    display:flex;
    gap:10px;
  }
  ul#menu-2-3e2d149{
    height: calc(100vh - 230px);
    overflow-x: hidden;
  }
}