@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600&family=Rajdhani:wght@300;400;600;700&display=swap');



/* Circle */
.ath_hover {
    position: relative;
    width: 100%;
    height: auto;
    padding: 0px !important;
    overflow: hidden;
}

    .ath_hover::before {
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 2;
        display: block;
        content: '';
        width: 0;
        height: 0;
        background: rgba(244, 229, 172, .4);
        border-radius: 100%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        opacity: 0;
    }

    .ath_hover:hover::before {
        -webkit-animation: circle .75s;
        animation: circle .75s;
    }

    .ath_hover img {
        transition: all .3s;
    }

    .ath_hover:hover img {
        transform: scale(1.2);
    }

@-webkit-keyframes circle {
    0% {
        opacity: 1;
    }

    40% {
        opacity: 1;
    }

    100% {
        width: 200%;
        height: 200%;
        opacity: 0;
    }
}

@keyframes circle {
    0% {
        opacity: 1;
    }

    40% {
        opacity: 1;
    }

    100% {
        width: 200%;
        height: 200%;
        opacity: 0;
    }
}

.owl-carousel .owl-nav .owl-prev:focus,
.owl-carousel .owl-nav .owl-next:focus {
    outline: none;
}


.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
    outline: none;
}


/*ath_carousel_se_04 start*/
.ath_carousel_se_04 {
    overflow: hidden;
}


    .ath_carousel_se_04 .product-grid3 {
        border: none;
        box-shadow: none;
    }

    .ath_carousel_se_04 .owl-theme .owl-dots {
        text-align: center;
        margin-top: 18px;
    }

        .ath_carousel_se_04 .owl-theme .owl-dots .owl-dot {
            display: inline-block;
        }

            .ath_carousel_se_04 .owl-theme .owl-dots .owl-dot span {
                width: 9px;
                height: 9px;
                margin: 4px;
                border: 2px solid #94a5b4;
                display: block;
                -webkit-transition: opacity 200ms ease;
                -moz-transition: opacity 200ms ease;
                -ms-transition: opacity 200ms ease;
                -o-transition: opacity 200ms ease;
                transition: opacity 200ms ease;
                -webkit-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                transform: rotate(45deg);
            }

            .ath_carousel_se_04 .owl-theme .owl-dots .owl-dot:hover span {
                border-color: #2bb0ef;
            }

            .ath_carousel_se_04 .owl-theme .owl-dots .owl-dot.active span {
                border-color: #2bb0ef;
            }

    .ath_carousel_se_04 .owl-carousel .owl-nav button.owl-next {
        position: absolute;
        top: 42%;
        right: -20px;
        padding: 0px 1px !important;
        background: rgb(255, 255, 255);
        display: inline-block;
        transform: translateY(-50%);
        border-radius: 5px;
        font-size: 32px;
        line-height: 32px;
        color: #2bb0ef;
        box-shadow: 0 0 8px rgba(0, 0, 0, .25);
    }

        .ath_carousel_se_04 .owl-carousel .owl-nav button.owl-next:hover {
            background: #2bb0ef;
            color: #fff;
        }

    .ath_carousel_se_04 .owl-carousel .owl-nav button.owl-prev {
        position: absolute;
        top: 42%;
        left: -20px;
        padding: 0px 1px !important;
        background: rgb(255, 255, 255);
        display: inline-block;
        transform: translateY(-50%);
        border-radius: 5px;
        font-size: 32px;
        line-height: 32px;
        color: #2bb0ef;
        box-shadow: 0 0 8px rgba(0, 0, 0, .25);
    }

        .ath_carousel_se_04 .owl-carousel .owl-nav button.owl-prev:hover {
            background: #2bb0ef;
            color: #fff;
        }

    .ath_carousel_se_04 .owl-arrow .owl-nav {
        position: absolute;
        top: 0;
        right: 0;
        font-size: 1.8rem;
    }

        .ath_carousel_se_04 .owl-arrow .owl-nav .owl-prev,
        .ath_carousel_se_04 .owl-arrow .owl-nav .owl-next {
            display: inline-block;
            transition: all 0.6s ease-in-out;
            color: #000000;
        }

@media only screen and (max-width: 768px) {
    .ath_carousel_se_04 .owl-carousel .owl-nav button.owl-prev {
        top: 42%;
        left: 0px;
    }

    .ath_carousel_se_04 .owl-carousel .owl-nav button.owl-next {
        top: 42%;
        right: 0px;
    }
}