/**
* Theme Name: Axetor Child
* Description: This is a child theme of Axetor, generated by Merlin WP.
* Author: <a href="https://wpopal.com/">Opalthemes</a>
* Template: axetor
* Version: 1.0.7
*/

.product-circle {
    aspect-ratio: 1/1;
    max-width: 200px;
    border: 15px solid #f1f1f1;
    border-radius: 50%;
    padding: 20px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 5px 2px 10px 4px #96959547;
    background-color: #fff;
}

@media (max-width: 768px) {
    .product-circle {
        margin-top: 15px;
    }

    .header-fixed .header-menu-wrapper>div {
        padding: 0;
    }

    header .header-fixed .swiper-wrapper figure img{
        max-width: 60px!important;
    }

    header > div:not(.header-fixed) .swiper-wrapper figure img {
        padding: 5px;
        max-width: 72px !important;
    }    

    header > div:not(.header-fixed) .elementor-widget-image-carousel {
        transform-origin: 75%;
    }

    header .elementor-widget-image-carousel {
        transform: scale(1.5);
        transform-origin: 75%;
    }

    
}

.implementation-carousel .swiper-wrapper {
    display: flex!important;
    align-items: center!important;
}

.implementation-carousel .swiper-wrapper .image-carousel-item > a{
    background-image: none!important;
}

.implementation-carousel .swiper-wrapper .image-carousel-item > a > img{
    border-radius: 10px;
}

.product-circle img {
    object-fit: cover;
}

.mobile-barriers .elementor-scrolling-item:nth-child(4n) .elementor-scrolling-item-inner span:after {
    content: '';
    background-color: yellow;
    width: 101.5%;
    height: 50px;
    position: absolute;
    display: block;
    right: -5px;
    top: -6px;
    z-index: -1;
    border-radius: 10px;
}

.mobile-barriers .elementor-scrolling-item-inner{
    position: relative;
}

p {
    margin: 0;
}

.offer-item {
    opacity: 0;
}

.animate {
    animation: fadeIn 1s ease-out forwards;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}