

.main-wrapper {
    &.home-fifteen {
        font-size: $font-size-16;
        font-family: $__home_ten__font__family;
        @include respond-below(custom1199) {
            font-size: $font-size-15;
        }
    }
}
.banner-section-fifteen {
    position: $__relative;
    @include margin-padding(null, 85px 0 0 0);
    background-color: $__white;
    z-index: 1;
    background-image: url(../img/bg/ent-banner-bg-02.png);
    background-position: right top;
    background-repeat: no-repeat;
    @include respond-below(lg) {
        background-image: none;
    }
    .sec-bg {
        .ban-blue-bg {
            position: absolute;
            left: 0;
            top: 0;
            z-index: -1;
        }
    }
    .banner-content-fifteen {
        padding: 70px 0;
        @include respond-below(lg) {
            padding: 40px 0;
        }
        h2 {
            color: $gray-600;
            margin-bottom: 16px;
            font-size: $font-size-20;
            font-weight: $font-weight-normal;
            @include respond-below(lg) {
                font-size: $font-size-18;
            }
            @include respond-below(custom767) {
                font-size: $font-size-16;
            }
        }
        h1 {
            color: $gray-900;
            margin-bottom: 16px;
            font-size: $font-size-60;
            font-weight: $__bold;
            max-width: 650px;
            @include respond-below(custom1399) {
                font-size: $font-size-54;
            }
            @include respond-below(lg) {
                font-size: $font-size-46;
            }
            @include respond-below(custom767) {
                font-size: $font-size-40;
            }
        }

        .banner-btns-fifteen {
            @include margin-padding(0 0 35px 0, null);         
            .btn {
                position: $__relative;
                padding: 9px 30px;
                margin-bottom: 15px;
                font-size: $font-size-16;
                @include respond-below(custom479) {
                    width: 100%;
                }
            }
        }

        .aboutus-companyimg {
            position: $__relative;
            display: $__inline__block;
            margin-bottom: 15px;

            &::before {
                content: '';
                position: $__absolute;
                width: 100%;
                height: 100%;
                background: rgba(0, 56, 115, 0.25);
                z-index: 1;
                border-radius: 10px;
            }

            a {
                img {
                    border-radius: 10px;
                }

                .playicon {
                    position: absolute;
                    top: 38%;
                    right: 44%;
                    z-index: 2;

                    span {
                        width: 33px;
                        height: 33px;
                        background: $primary;
                        box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.25);
                        border-radius: 50%;
                        @extend %flex-align-center;
                        color: $__white;
                        font-size: $font-size-10;
                    }
                }
            }
        }

        .watch-video-fifteen {
            display: $__flex;
            align-items: $__center;
            margin-bottom: 50px;

            @include respond-below(lg) {
                justify-content: $__center;
            }

            img {
                margin-right: 7px;
            }

            h6 {
                color: $__midnight_black;
                margin-bottom: 0;
            }
        }

        .support-consult-main {
            margin-left: 50px;
            @include respond-below(lg) {
                justify-content: $__center;
            }
            @include respond-below(custom575) {
                margin-left: 0;
            }
            .support-consult {
                display: $__flex;
                align-items: $__center;
                margin-bottom: 25px;
                @include respond-below(custom479) {
                    display: $__block;
                }

                &:last-child {
                    margin-bottom: 0;
                }

                .support-consult-img {
                    @include respond-below(custom479) {
                        margin-bottom: 8px;
                    }
                    img {
                        @include margin-padding(null, 10px);
                        background: $primary;
                        border-radius: 5px;
                        margin-right: 16px;
                        @include respond-below(custom479) {
                            margin-right: 0;
                        }
                    }
                }
                .support-consult-right {
                    h6 {
                        font-size: $font-size-16;
                        font-weight: $font-weight-normal;
                        margin-bottom: 4px;
                    }

                    .rating-fifteen {
                        margin-bottom: 0;

                        i {
                            &.filled {
                                color: $warning;
                            }
                        }
                    }

                    span {
                        font-size: $font-size-14;
                    }
                }
            }
        }
    }

    .banner-right-fifteen {
        position: $__relative;
        @include respond-below(lg) {
            display: none;
        }
        .banner-right-fifteenone {
            @include position($__absolute, 100px, null, null, -130px);
            animation: mover 1s infinite alternate;

            @include respond-below(custom1399) {
                top: 130px;
            }
            @include respond-below(custom1199) {
                display: $__none;
            }
        }
        .banner-right-fifteentwo {
            @include position($__absolute, 77px, null, null, 40px);
            animation: spin 3000ms linear infinite;
        }

        .banner-right-fifteenthree {
            @include position($__absolute, 250px, 0px, null, null);
            animation: spin 3000ms linear infinite;
            @include respond-below(custom1199) {
                @include position($__absolute, 250px, 0px, null, null);
            }
        }

        .banner-right-fifteenfour {
            @include position($__absolute, null, 0px, 100px, null);
            @include respond-below(custom1199) {
                @include position($__absolute, null, 0px, 100px, null);
            }
        }

        .banner-right-fifteenfive {
            @include position($__absolute, 10px, -50px, null, null);
            animation: mover 1s infinite alternate;
            @include respond-below(custom1199) {
                @include position($__absolute, 10px, 0px, null, null);
            }
        }

        .banner-right-fifteensix {
            @include position($__absolute, null, null, 0, -30px);

            @include respond-below(custom1199) {
                display: $__none;
            }
        }

        .banner-right-fifteenseven {
            @include position($__absolute, 150px, 0px, null, null);
            @include respond-below(custom1199) {
                @include position($__absolute, 150px, 0px, null, null);
            }
        }

        .banner-right-fifteeneight {
            @include position($__absolute, null, null, 40px, 210px);
            animation: mover 1s infinite alternate;
        }
    }

    .banner-right-fifteennine {
        @include position($__absolute, null, null, 40px, 210px);
    }
}

.services-section-fifteen {
    position: $__relative;
    padding: 60px 0 36px;
    @include respond-below(lg) {
        padding: 50px 0 26px;
    }

    .service-bg-icon {
        @include position($__absolute, 250px, 40px, null, null);
        z-index: -1;
    }

    .doctor-profile-widget-fifteen {
        box-shadow: $box-shadow;
        background: $white;
        margin-bottom: 24px;
        padding: 15px;
        border-radius: 10px;
        .doc-pro-img {
            .doctor-profile-img {
                border-radius: 10px;
                margin-bottom: 15px;
            }
        }

        .doc-content-bottom {
            .doc-content-split {
                @extend %flex-align-between;
                margin-bottom: 8px;
                a {
                    font-size: $font-size-20;
                    font-weight: $font-weight-semibold;
                    margin-bottom: 0;
                }

            }
            p {
                margin-bottom: 15px;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
                width: 100%;
                overflow: hidden;
            }
            span {
                background: $primary-100;
                padding: 5px 8px;
                border-radius: 20px;
                font-weight: $font-weight-medium;
                display: inline-block;
                font-size: $font-size-10;
                color: $primary;
            }
        }
    }
}

.Patients-section-fifteen {
    position: $__relative;
    z-index: 1;
    padding: 60px 0;
    background: $light-transparent;
    @include respond-below(lg) {
        padding: 50px 0;
        text-align: center;
    }

    .patient-fifteen-icon {
        @include position($__absolute, 100px, null, null, 0);
        z-index: -1;
    }
    .sec-bg-img {
        .blue-rec-bg {
            position: absolute;
            left: 0;
            bottom: 10%;
            z-index: -1;
        }
    }
    .section-header-fifteenpatient {
        margin-bottom: 25px;
    }

    p {
        margin-bottom: 25px;
        color: $gray-900;
    }

    .service-patient-inflict {
        text-align: center;

        @include respond-below(custom575) {
            margin-bottom: 15px;
        }

        .service-patient-inflictimg {
            background: $cyan-transparent;
            width: 196px;
            height: 120px;
            border-radius: 10px;
            @extend %flex-align-center;
            @include margin-padding(auto auto 15px auto, null);

            @include respond-below(custom1399) {
                width: 175px;
            }

            @include respond-below(custom1199) {
                width: 150px;
            }
        }

        h6 {
            color: $gray-600;
            font-size: $font-size-16;
            font-weight: $font-weight-medium;
            margin-bottom: 0;
        }

        .clients-fifteen-span {
            @extend %flex-align-center;
            margin-bottom: 4px;

            h3 {
                font-weight: $font-weight-bold;
                font-size: $font-size-24;
                margin-bottom: 0;
                @include respond-below(lg) {
                    font-size: $font-size-20;
                }
                @include respond-below(md) {
                    font-size: $font-size-18;
                }
            }

            span {
                font-weight: $font-weight-semibold;
                font-size: $font-size-24;
                color: $__midnight_black;
            }
        }
    }

    .patients-left-front {
        animation-duration: 5s;
        animation-iteration-count: infinite;
        transform-origin: bottom;

        @include respond-below(lg) {
            display: none;
        }

        &.patients-left-img {
            animation-name: bounce-1;
            animation-timing-function: linear;
        }
    }

}

.doctors-section-fifteen {
    position: $__relative;
    padding: 60px 0;
    background: $light;

    @include respond-below(lg) {
        padding: 50px 0;
    }

    .doctor-fifteen-icon {
        @include position($__absolute, 100px, 0, null, null);
    }

    .doctors-fifteen-icon {
        @include position($__absolute, null, 200px, 0, null);
    }
}

.doc-content-fift {
    padding: 15px;

    a {
        font-size: $font-size-18;
        font-weight: $font-weight-semibold;
        margin-bottom: 10px;
        display: block;
        &:hover {
            color: $primary;
        }
    }

    p {
        margin-bottom: 0;

        span {
            color: $gray-900;
        }
    }
    .product-price {
        margin-bottom: 0;
        font-weight: $font-weight-bold;
        font-size: $font-size-24;
    }
    .rate-fifteen {
        @extend %flex-align-between;
        margin-top: 16px;
        padding-top: 16px;
        border-top: 1px solid $border-color;
        .rate-four {
            padding: 3px 4px;
            background: $warning;
            border-radius: 6px;
            color: $__white;
            font-size: $font-size-12;
            @extend %flex-align-center;
        }

        ul {
            list-style: $__none;
            @extend %flex-align-center;
            margin: 0;
            padding: 0;

            li {
                width: 29px;
                height: 25px;
                background: $gray-transparent;
                color: $gray-900;
                @extend %flex-align-center;
                border-radius: 5px;
                margin-right: 4px;
                font-size: $font-size-14;
                &:last-child {
                    margin-right: 0;
                }
            }

            &.fift-rate {
                li {
                    padding: 5px;
                    width: auto;
                    height: auto;
                }
            }
        }
    }

    .fift-bottom-content {
        @extend %flex-align-between;

        h3 {
            color: $__midnight_black;
            font-weight: $font-weight-semibold;
            margin-bottom: 0;
            display: $__flex;
            align-items: $__center;
            @include respond-below(custom1199) {
                font-size: $font-size-20;
            }
            span {
                color: $__bodycolor;
                text-decoration: line-through;
                font-size: $font-size-18;
            }
        }

        a {
            padding: 10px 25px;
            background: $primary;
            color: $__white;
            border-radius: 5px;
            margin-bottom: 0;
            transition: color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
            box-shadow: inset 0 0 0 0 #0E82FD;
            font-size: $font-size-16;
            @include respond-below(custom1199) {
                padding: 10px 10px;
                font-size: $font-size-14;
            }

            &:hover {
                box-shadow: inset 0 0 0 30px #2DD4BF;
            }
        }
    }
}

.item {
    &.item-fifteen {
        .doctor-profile-widget {
            &.doctor-profile-widget-fift {
                box-shadow: $box-shadow;
                margin: 5px;
                border-radius: 10px;
                .doc-pro-img .item-info {
                    top: 20px;
                    left: 20px;
                    right: auto;
                    h6 {
                        font-size: $font-size-14;
                        @include rounded(5px);
                        padding: 6px 8px;
                        background: $danger;
                    }
                }
                .name-product {
                    a{ 
                        font-size: $font-size-20;
                        @include respond-below(lg) {
                            font-size: $font-size-18;
                        }
                    }
                }
                p {
                    font-size: $font-size-14;
                }
            }

            .doc-pro-img {
                .item-info {
                    position: absolute;
                    bottom: 16px;
                    left: 16px;
                    h6 {
                        margin-bottom: 0;
                        background-image: $primary-gradient;
                        border-radius: 44px;
                        font-size: $font-size-16;
                        font-weight: $font-weight-medium;
                        padding: 9px 16px;
                        color: $__white;
                    }
                }

                .doctor-amount {
                    .fav-icon {
                        width: 40px;
                        height: 40px;
                        background: $__white;
                        border-radius: 50%;
                        @extend %flex-align-center;
                        font-size: $font-size-16;
                        color: $gray-600;
                        &.fav-icon-fifteen {
                            background: $white;
                        }

                        &.selected {
                            background: $primary;
                            color: $white;
                        }
                        &:hover {
                            background: $primary;
                            color: $white; 
                        }
                    }
                }

                &.doc-pro-img-fifteen {
                    @include margin-padding(null, 56px 0);
                    border-bottom: 1px solid $border-color;
                    transition: 0.5s all;
                    .doctor-profile-img-fifteen {
                        width: 208px;
                        height: 208px;
                        margin: auto;
                    }
                    &:after {
                        content: "";
                        background: #000000CC;
                        position: absolute;
                        left: 0;
                        top: 0;
                        width: 100%;
                        height: 100%;
                        opacity: 0;
                        transition: 0.5s all;
                        border-radius: 10px 10px 0 0;
                    }
                    &:hover {
                        &:after {
                            opacity: 1;
                            transition: 0.5s all;
                        }
                        .overlay-icons {
                            opacity: 1;
                            transition: 0.5s all;
                            top: 50%;
                        }
                    }
                    .overlay-icons {
                        display: flex;
                        align-items: center;
                        position: absolute;
                        top: 0;
                        left: 50%;
                        transform: translate(-50%,-50%);
                        opacity: 0;
                        transition: 0.5s all;
                        z-index: 1;
                        a {
                            width: 60px;
                            height: 60px;
                            border-radius: 50%;
                            color: $white;
                            font-size: $font-size-20;
                            background: $primary;
                            margin-right: 15px;
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            &:last-child {
                                margin-right: 0;
                            }
                            &:hover {
                                background: $primary-hover;
                                color: $white;
                            }
                        }
                    }
                }
            }
        }
    }
}

.pharmacy-section-fifteen {
    position: $__relative;
    z-index: 1;
    padding: 60px 0;
    @include respond-below(lg) {
        padding: 50px 0;
    }
    .sec-bg {
        .tablet-left {
            position: absolute;
            left: 50px;
            top: 40%;
            z-index: -1;
        }
        .tablet-right {
            position: absolute;
            right: 50px;
            top: 100px;
            z-index: -1;
        }
    }
}

.feedback-section-fifteen {
    position: $__relative;
    @include margin-padding(null, 40px 0 80px 0);

    @include respond-below(custom1199) {
        @include margin-padding(null, 0 0 80px 0);
    }

    @include respond-below(lg) {
        @include margin-padding(null, 0 0 50px 0);
    }

    .feedback-schedule-all {
        background: $primary;
        border-radius: 10px;

        .feedback-inner-main {
            @include margin-padding(-45px 0 0 30px, null);

            @include respond-below(custom1399) {
                @include margin-padding(0 0 0 30px, null);
            }

            @include respond-below(lg) {
                display: $__none;
            }
        }

        .feedback-fifteen-content {
            padding: 50px 50px 0 0;

            @include respond-below(lg) {
                text-align: $__center;
            }

            .feedback-fift-img {
                width: 66px;
                height: 17px;
                margin-bottom: 15px;

                @include respond-below(lg) {
                    @include margin-padding(auto auto 15px auto, null);
                }
            }

            h3 {
                color: $__white;
                font-size: $font-size-32;
                font-weight: $font-weight-bold;
                margin-bottom: 8px;
                max-width: 650px;
                @include respond-below(lg) {
                    max-width: 100%;
                    font-size: $font-size-30;
                }
                @include respond-below(custom767) {
                    font-size: $font-size-26;
                }
            }

            p {
                color: $__white;
                font-size: $font-size-16;
                font-weight: $font-weight-medium;
                margin-bottom: 20px;

            }

            a {
                @include margin-padding (null, 9px 16px);
                background: $white;
                border: 1px solid $white;
                border-radius: 44px;
                display: $__inline__block;
                color: $gray-900;
                font-size: $font-size-16;
                font-weight: $font-weight-medium;
                transition: color 0.5s ease-in-out, box-shadow 0.3s ease-in-out;
                box-shadow: inset 0 0 0 0 $primary;

                &:hover {
                    border: 1px solid $white;
                    box-shadow: inset 0 0 0 30px $primary;
                }
            }
        }
    }
}

.appointment-section-fifteen {
    position: $__relative;
    padding: 60px 0 36px;
    background-color: $primary;
    background-image: url(../img/book-appointment-bg.png);
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 58% 100%;

    @include respond-below(lg) {
        padding: 50px 0 26px;
        background-image: none;
        text-align: $__center;
    }

    .appointment-schedule-main {
        h2 {
            color: $__white;
            margin-bottom: 8px;
        }

        h6 {
            font-size: $font-size-16;
            color: $__white;
            margin-bottom: 25px;
            font-weight: $font-weight-normal;
        }

        p {
            color: $__white;
            margin-bottom: 20px;
        }

        ul {
            margin: 0;
            padding: 0;
            list-style: $__none;
            display: $__flex;

            @include respond-below(lg) {
                justify-content: $__center;
            }

            @include respond-below(custom575) {
                flex-wrap: wrap;
            }

            li {
                display: $__flex;
                align-items: $__center;
                flex-direction: column;
                @include margin-padding(0 25px 24px 0, 15px);
                background: $__white;
                box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.25);
                border-radius: 10px;
                width: 151px;

                @include respond-below(custom575) {
                    width: 50%;
                    margin-right: 1px;
                }

                &:last-child {
                    margin-right: 0;
                }

                .appointment-schedule-img {
                    position: $__relative;
                    margin-bottom: 16px;

                    .appoint-inner-img {
                        @include position($__absolute, null, -20px, -10px, null);
                    }
                }

                span {
                    font-weight: $font-weight-medium;
                    color: $gray-900;
                    display: $__inline__block;
                    font-size: $font-size-14;
                    text-align: center;
                }
            }
        }

        a {
            background: $__light__celeste;
            @include margin-padding(null, 15px 25px);
            border-radius: 5px;
            display: $__inline__block;
            color: $__white;
            transition: color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
            box-shadow: inset 0 0 0 0 #0E82FD;

            &:hover {
                box-shadow: inset 0 0 0 50px #2DD4BF;
            }
        }
    }

    .appointment-right-image {
        animation-duration: 5s;
        animation-iteration-count: infinite;
        transform-origin: bottom;

        @include respond-below(lg) {
            display: $__none;
        }

        &.appoint-fift-img {
            animation-name: bounce-1;
            animation-timing-function: linear;
        }
    }
}

.about-us-section-fifteen {
    position: $__relative;
    padding: 60px 0;
    background: $light;

    @include respond-below(lg) {
        padding: 50px 0;
    }

    .aboutus-img-main {
        position: $__relative;
        img {
            @include rounded(10px);
        }
        @include respond-below(lg) {
            display: $__none;
        }

        .aboutus-img-one {
            @include position($__absolute, null, 45px, 15px, null);
            box-shadow: 0px 1px 25px rgba(0, 0, 0, 0.15);
            animation: mover 1s infinite alternate
        }
    }

    .vertical-slider {
        position: static;
        .aboutus-fifteen-main {
            background: $__white;
            box-shadow: $box-shadow;
            padding: 24px;
            border-radius: 10px;
            margin: 0 0 16px 0;
            .aboutus-profile-left {
                display: $__flex;
                align-items: $__center;
                justify-content: $__start;
                margin-bottom: 16px;
                .aboutus-image {
                    margin-right: 10px;
                    img {
                        width: 50px;
                        height: 50px;
                        border-radius: 50%;
                    }
                }
                h6 {
                    font-size: $font-size-16;
                    font-weight: $font-weight-semibold;
                    margin-bottom: 0;
                }
                span {
                    font-size: $font-size-14;
                    margin-bottom: 0;
                }
            }

            p {
                margin-bottom: 0;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }
        }
        .slick-list  {
            padding: 0 !important;
        }
        .slick-dots {
            position: $__absolute;
            bottom: 3%;
            left: -42%;
            @include respond-below (custom991) {
                display: $__none !important;
            }
            li {
                margin: 0 ;
                height: 6px;
                &.slick-active {
                    button {
                        background-color:  $primary;
                    }
                }
            }
        }

        .slick-arrow {
            position: $__absolute;
            bottom: 0;
        }
        .slick-prev {
            position: $__absolute;
            top: 95%;
            left: 84%;
            width: 45px;
            height: 45px;
            border-radius: 10px;
            @include respond-below (custom1399) {
                left: 80%;
            }
            @include respond-below (custom1199) {
                left: 76%;
            }
            @include respond-below (custom991) {
                top: 50%;
                left: 0%;
            }
            &::before {
                content: "\f053";
                font-family: 'FontAwesome';
                font-weight: 900;
                font-size: 13px;
            }
            &:hover {
                background: $primary;
            }
        }
        .slick-next {
            top: 95%;
            width: 45px;
            height: 45px;
            border-radius: 10px;
            @include respond-below (custom991) {
                top: 50%;
            }
            &::before {
                content: "\f054";
                font-family: 'FontAwesome';
                font-weight: 900;
                font-size: 13px;
            }
            &:hover {
                background: $primary;
            }
        }
        .slick-current {
            &.aboutus-fifteen-main {
                background: $primary;

                .aboutus-profile-left {
                    h6 {
                        color: $__white;
                    }

                    span {
                        color: $__white;
                    }
                }

                p {
                    color: $__white;
                }
            }
        }


    }
}

.frequently-section-fifteen {
    position: $__relative;
    padding: 60px 0;
    @include respond-below(lg) {
        padding: 50px 0;
    }
    .faq-main-cards {
        .faq-card {
            box-shadow: $box-shadow;
            background: $__white;
            border-radius: 10px;
            padding: 15px;
            margin-bottom: 24px;
            &:last-child {
                margin-bottom: 0;
            }
            .faq-title {
                a {
                    font-size: $font-size-20;
                    width: 100%;
                    font-weight: $font-weight-semibold;
                    display: $__block;
                    position: relative;
                    @include respond-below(custom767) {
                        font-size: $font-size-16;
                    }
                    &:not(.collapsed) {
                        color: $primary;
                        &::after {
                            content: "\f068";
                            background: $primary;
                            color: $__white;
                        }
                    }
                    &:after {
                        content: "\2b";
                        width: 32px;
                        height: 32px;
                        border-radius: 50%;
                        position: absolute;
                        right: 0px;
                        top: 50%;
                        transform: translateY(-50%);
                        transition: 0.5s all;
                        font-family: "Font Awesome 6 free";
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        font-size: $font-size-13;
                        color: $primary;
                    }
                }
            }
            .card-collapse  {
                p {
                    margin-bottom: 0;
                    margin-top: 16px;
                    padding-top: 16px;
                    border-top: 1px solid $border-color;
                }
            }
        }
    }
}

.section-header-fifteen {
    margin-bottom: 40px;

    h2 {
        font-size: $font-size-32;
        font-weight: $font-weight-semibold;
        margin-bottom: 8px;
        @include respond-below(lg) {
            font-size: $font-size-30;
        }

        @include respond-below(custom767) {
            font-size: $font-size-28;
        }

        span {
            color: $primary;
        }
    }

    p {
        margin-bottom: 0;
    }
}

.doctor-slider-fifteen {
    .owl-nav {
        text-align: center;

        button.owl-prev,
        button.owl-next {
            width: 45px;
            height: 45px;
            background: $__white;
            font-size: $font-size-13;
            border-radius: 10px;
            margin-top: 40px;
            color: $gray-900;
            &:hover {
                background: $primary;
                color: $white;
            }

            @include respond-below(custom767) {
                width: 35px;
                height: 35px;
            }
        }
    }
}

.pharmacy-slider-fifteen,
.frequent-slider-fifteen {
    .owl-nav {
        text-align: center;

        button.owl-prev,
        button.owl-next {
            width: 45px;
            height: 45px;
            background: $gray-transparent;
            font-size: $font-size-16;
            border-radius: 10px;
            margin-top: 40px;

            &:hover {
                background: $primary;
                color: $__white;
            }

            @include respond-below(custom767) {
                width: 35px;
                height: 35px;
            }
        }
    }
}
.playicon {
    position: absolute;
    right: 61%;
    top: 37%;
}
.playicon span {
    width: 48px;
    height: 48px;
	background: #FF008A;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}
.modal-content-video {
	padding: 0 !important;
}
.modal-content-video .modal-content {
    background: #000;
}
.modal-content-video .modal-header {
    border: 0;
}
.modal-content-video .modal-header button.close {
    color: #fff;
    opacity: 1;
    background: $__blue_color1;
}
.video-home video {
    width: 100%;
}


@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

@keyframes mover {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-10px);
    }
}

@keyframes movers {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-10px);
    }
}

@keyframes bounce-1 {
    0% {
        transform: translateY(0);
    }

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

    100% {
        transform: translateY(0);
    }
}