.swiper-wrapper{
      
}
.swiper-button-next,.swiper-button-prev{
    background: var(--MainGradient);
    aspect-ratio: 1;
    width: auto;
    color:#fff;
    border-radius: 10px;
    --swiper-navigation-size: 16px;
    padding: 20px;
    --swiper-navigation-top-offset:90%;
    --swiper-navigation-sides-offset: 45%;
    @media (width < 992px){
        --swiper-navigation-top-offset: 90%;
    --swiper-navigation-sides-offset: 33%;
    }
}
.navbar-toggler{
    aspect-ratio: 1;
    --bs-navbar-toggler-border-radius:50%;
    --bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cg id='Menu / Menu_Alt_05'%3E%3Cpath id='Vector' d='M5 17H13M5 12H19M11 7H19' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.dropdown-menu{
    --bs-dropdown-bg:rgba(255,255,255,0.7);
    outline: 1px solid var(--outlineColor);
    backdrop-filter: blur(10px);
}

.instagram-bg{
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
    &:hover{
        background: #00000000;
    }
}
.x-bg{
    background: #000;
}
.linkedin-bg{
    background: #135CB6;
}
.youtube-bg{
    background: linear-gradient(to right,#990000,#FF0000);
}
.overflow{
    overflow: hidden;
}