.elementor-25136 .elementor-element.elementor-element-b143126{margin:-160px 0px 0px 0px;}.elementor-25136 .elementor-element.elementor-element-946afa8{margin:-30px 0px 0px 0px;}.elementor-25136 .elementor-element.elementor-element-86bc009{margin:-80px 0px -10px 0px;}.elementor-25136 .elementor-element.elementor-element-95a22ee{margin:-160px 0px -20px 0px;}.elementor-25136 .elementor-element.elementor-element-cc488cd{margin:-110px 0px -20px 0px;}.elementor-25136 .elementor-element.elementor-element-9cbfe2b > .elementor-widget-container{margin:-450px 0px 0px 0px;}@media(min-width:768px){.elementor-25136 .elementor-element.elementor-element-9f84bd6{width:100%;}}@media(max-width:767px){.elementor-25136 .elementor-element.elementor-element-b143126{margin:10px 0px 100px 0px;}.elementor-25136 .elementor-element.elementor-element-86bc009{margin:-150px 0px -20px 0px;}.elementor-25136 .elementor-element.elementor-element-95a22ee{margin:-180px 0px -180px 0px;}.elementor-25136 .elementor-element.elementor-element-cc488cd{margin:-160px 0px -20px 0px;}}/* Start custom CSS for html, class: .elementor-element-ad90a79 */#_section1 .elementor-widget-wrap {
  padding: 0;
}
@keyframes custom-bounce {

0%,
100% {
    transform: translateY(2px);
}

50% {
    transform: translateY(-4px);
}
}

.fade-in {
opacity: 0;
animation: fadeIn 0.5s forwards;
}

.fade-out {
opacity: 1;
animation: fadeOut 0.5s forwards;
}

@keyframes fadeIn {
from {
    opacity: 0;
}

to {
    opacity: 1;
}
}

@keyframes fadeOut {
from {
    opacity: 1;
}

to {
    opacity: 0;
}
}

@keyframes Rotate {
0% {
    transform: rotateZ(0);
}

100% {
    transform: rotateZ(360deg);
}
}

#section1 {
background: url(https://azura.skin/wp-content/uploads/routines/acne-pimples/bg/desktop.webp);

@media (max-width: 768px) {
    background: url(https://azura.skin/wp-content/uploads/routines/acne-pimples/bg/mobile.webp);
    background-position: right top !important;
    background-size: cover !important;
}
}

#products {
.category-tab>button.active>.background-color {
    opacity: 1;
}

.product-tab .active {
    opacity: 1;
}

.mobile-moreInfo {
    @media (min-width: 768px) {
        height: 100% !important;
    }
}

.mobile-moreInfo.open {
    .angle {
        transform: rotate(0deg);
        rotate: 180deg;
    }
}


.product-data {
    display: none;

    &:first-of-type {
        display: block;
    }

    >div {
        display: none;

        &:first-of-type {
            display: flex;
        }
    }

    .category-icon img {
        animation: Rotate 0.5s forwards;
    }
}
}

#swiper-comments {

.swiper-button-next,
.swiper-button-prev {
    background-image: none !important;

    &::after {
        color: #1726B7 !important;
        font-size: 24px !important;
        font-weight: 900;
    }

    @media (max-width: 768px) {
        width: 25px;
        height: 25px;
        background-color: #1726B7 !important;
        border-radius: 300px;

        &::after {
            color: #ffffff !important;
            font-size: 10px !important;
        }
    }
}
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-e7402a0 */#_section1 .elementor-widget-wrap {
    padding: 0;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-d091552 */#_section3 .elementor-widget-wrap {
    padding: 0;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-cc488cd */#_section7{
    right: 50% !important;
    transform: translateX(50%) !important;
    
    .gform_wrapper{
        form{
            position: absolute;
            padding: 45px 80px;
            
            input[type=text]{
                padding: 30px 20px !important;
                background-color: #F4F4FD !important;
                text-align: center;
                border: none;
                outline: none;
                box-shadow: none !important;
                border-radius: 300px !important
            }
            
            input[type=submit]{
                background-color: #22329E;
                padding: 20px 40px;
                border-radius: 400px;
            }
        }
    }
    
    #gform_confirmation_message_2, .gform_confirmation_message_2{
        color: #004606;
        margin-top: 100px;
        padding: 0 80px;
        font-weight: bold;
    }
    
    @media(max-width: 1280px){
        .box{
            width: 310px;
        }
        .gform_wrapper{
        form{
            right: 50%;
            transform: translateX(50%);
            width: 310px;
            padding: 0 30px;
            margin-top: 220px;
            #field_2_1, .ginput_container_text{
                width: 180px;
            }
            #field_submit{
                width: fit-content;
                left: 26px;
                position: absolute;
            }
            input[type=text]{
                padding: 20px 10px !important;
            }
            input[type=submit]{
                padding: 10px 20px !important;   
            }
        }
       #gform_confirmation_message_2, .gform_confirmation_message_2{
            color: #007a0a !important;
            margin-top: 225px !important;
            padding: 0 !important;
            text-align: center !important;
            font-weight: bold !important;
            font-size: 14px;   !important 
        }
    }
    
    @media(max-width: 360px){
        .box{
            right: 50%;
            transform: translateX(50%);
        }
    }
}/* End custom CSS */