/*-----------------------------------------------------------------------------------

    Template Name: Edumate online education platfrom template
    Author: Themes Lamp
    Author URI: https://www.templatemonster.com/authors/themeslamp/
    Support: https://www.templatemonster.com/support/
    Version: 1.0

-----------------------------------------------------------------------------------

    CSS INDEX
    ===================

    01.Common
    02.Header
    03.Hero-area
    04.Top-category
    05.Courses-list
    06.About-us
    07.Testimonial-area
    08.Pricing-plan
    09.Our-instructor
    10.Blog-area
    11.Kindergarden-gallery
    12.Partners-list
    13.Counter-area
    14.Instagram-area
    15.Contact-area
    16.Contact-form
    17.Error-area
    18.Product-cart
    19.Product-checkout
    20.Login-register
    21.Course-details
    22.Blog-details
    23.Photo-gallery
    24.Footer

-----------------------------------------------------------------------------------*/
/*===========================
     01.COMMON CSS 
===========================*/
@import url("https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap");

:root {
    --pri-color: #800000;
    --sec-color: #000000;
    --font: "Rubik", sans-serif;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

a:focus,
input:focus,
textarea:focus,
button:focus {
    outline: 0 solid;
}

html,
body {
    height: 100%;
}

body {
    font-size: 16px;
    font-weight: 400;
    font-family: var(--font);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700;
    margin-bottom: 15px;
    font-family: var(--font);
}

img {
    max-width: 100%;
}

a,
ul,
ol {
    padding: 0;
    margin: 0;
}

p {
    margin: 0;
    color: #787878;
    line-height: 1.8;
}

a,
a:hover {
    text-decoration: none;
}

input,
select,
audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/* Padding, Margin short class */
.sec-pad {
    padding: 60px 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .sec-pad {
        padding: 29px 0;
    }
}

.sec-pad-top {
    padding-top: 100px;
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .sec-pad-top {
        padding-top: 80px;
    }
}

.sec-pad-bottom {
    padding-bottom: 120px;
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .sec-pad-bottom {
        padding-bottom: 80px;
    }
}

.sec-mar {
    margin: 45px 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .sec-mar {
        margin: 0px 0;
    }
}

.sec-mar-top {
    margin-top: 120px;
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .sec-mar-top {
        margin-top: 80px;
    }
}

.sec-mar-bottom {
    margin-bottom: 120px;
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .sec-mar-bottom {
        margin-bottom: 80px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .od-1 {
        order: 1;
    }
}

.pri-btn-one {
    position: relative;
    display: inline-block;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    padding: 10px 25px;
    background-color: var(--pri-color);
    border-radius: 8px;
    overflow: hidden;
    z-index: 1;
    transition: all 0.5s ease-out 0s;
}

    .pri-btn-one:before {
        position: absolute;
        content: "";
        left: -110%;
        top: 0;
        width: 110%;
        height: 110%;
        background-color: var(--sec-color);
        z-index: -1;
        transition: all 0.5s ease-out 0s;
    }

    .pri-btn-one.two {
        background-color: var(--sec-color);
    }

        .pri-btn-one.two:before {
            background-color: var(--pri-color);
        }

    .pri-btn-one:hover::before {
        left: 0;
    }

.title {
    margin-bottom: 30px;
}

    .title span {
        font-size: 20px;
        font-weight: 600;
        color: #a30b0b;
        margin-bottom: 10px;
        display: block;
    }

    .title h2 {
        font-size: 35px;
        font-weight: 600;
        color: var(--sec-color);
        margin: 0;
    }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .title h2 {
        font-size: 40px;
    }
}

@media (max-width: 767px) {
    .title h2 {
        font-size: 24px;
    }
}

.breadcrumb-area {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 345px;
    margin-top: 114px;
    background-size: cover;
    background-position: 50%;
    background-image: url(../img/breadcrumb-bg.png);
    filter: grayscale(1);
}

    .breadcrumb-area .breadcrumb-content {
        text-align: center;
    }

        .breadcrumb-area .breadcrumb-content h2 {
            font-weight: 700;
            font-size: 38px;
            color: #FFFFFF;
        }

    .breadcrumb-area ul.breadcrumb-nav {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .breadcrumb-area ul.breadcrumb-nav li {
            position: relative;
            font-size: 16px;
            font-weight: 500;
            color: #FFFFFF;
            letter-spacing: 0.05em;
            display: inline-block;
            margin-right: 30px;
        }

            .breadcrumb-area ul.breadcrumb-nav li:after {
                position: absolute;
                content: "//";
                right: -28px;
                bottom: -2px;
            }

            .breadcrumb-area ul.breadcrumb-nav li:last-child {
                margin-right: 0;
            }

                .breadcrumb-area ul.breadcrumb-nav li:last-child::after {
                    display: none;
                }

            .breadcrumb-area ul.breadcrumb-nav li a {
                font-weight: 500;
                font-size: 18px;
                letter-spacing: 0.05em;
                color: #fff;
                transition: all 0.5s ease-out 0s;
            }

                .breadcrumb-area ul.breadcrumb-nav li a:hover {
                    color: var(--sec-color);
                }

.scroll-top {
    position: fixed;
    right: 30px;
    bottom: 55px;
    height: 40px;
    width: 40px;
    cursor: pointer;
    display: block;
    border-radius: 50px;
    border: 2px solid var(--pri-color);
    z-index: 10000;
    background: transparent;
    transform: translateY(15px);
    transition: all 200ms linear;
    opacity: 0;
    visibility: hidden;
}

    .scroll-top.active {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }

    .scroll-top svg {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        fill: var(--pri-color);
    }

    .scroll-top:hover {
        background-color: var(--pri-color);
    }

        .scroll-top:hover svg {
            fill: #fff;
        }

.hamburger-menu {
    height: 22px;
    cursor: pointer;
    margin-bottom: -4px;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    z-index: 9998;
}

@media only screen and (min-width: 1200px) {
    .hamburger-menu {
        display: none;
    }
}

.hamburger-menu .bar,
.hamburger-menu .bar:after,
.hamburger-menu .bar:before {
    width: 27px;
    height: 2px;
}

.hamburger-menu .bar {
    position: relative;
    transform: translateY(10px);
    background: black;
    transition: all 0ms 300ms;
}

    .hamburger-menu .bar:before {
        content: "";
        position: absolute;
        left: 0;
        bottom: 10px;
        background: black;
        transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
    }

    .hamburger-menu .bar:after {
        content: "";
        position: absolute;
        left: 0;
        top: 10px;
        background: black;
        transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
    }

    .hamburger-menu .bar.animate {
        background: rgba(255, 255, 255, 0);
    }

        .hamburger-menu .bar.animate:after {
            top: 0;
            transform: rotate(45deg);
            transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
        }

        .hamburger-menu .bar.animate:before {
            bottom: 0;
            transform: rotate(-45deg);
            transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
        }

.mobile-menu-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 280px;
    padding: 30px 20px !important;
    z-index: 99999;
    height: 100%;
    overflow: auto;
    scrollbar-width: thin;
    scrollbar-color: var(--pri-color) #eee;
    background: #fff;
    border-right: 1px solid #eee;
    transform: translateX(-100%);
    transition: transform 0.3s ease-in;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.03);
}

    .mobile-menu-wrapper .logo {
        padding-bottom: 25px;
        border-bottom: 1px solid #eee;
    }

    .mobile-menu-wrapper.show-menu {
        transform: translateX(0);
    }

    .mobile-menu-wrapper ul.mobile-menu {
        margin: 0;
        padding: 30px 0 30px;
        list-style: none;
    }

        .mobile-menu-wrapper ul.mobile-menu li {
            display: block;
        }

            .mobile-menu-wrapper ul.mobile-menu li.menu-item-has-children {
                position: relative;
            }

                .mobile-menu-wrapper ul.mobile-menu li.menu-item-has-children ul.sub-menu {
                    margin-left: 10px;
                }

                .mobile-menu-wrapper ul.mobile-menu li.menu-item-has-children > a {
                    position: relative;
                }

                    .mobile-menu-wrapper ul.mobile-menu li.menu-item-has-children > a::after {
                        position: absolute;
                        content: "\f64d";
                        right: 0;
                        font-family: bootstrap-icons !important;
                    }

        .mobile-menu-wrapper ul.mobile-menu a {
            display: block;
            font-size: 14px;
            font-weight: 500;
            text-transform: uppercase;
            padding: 6px 0;
            color: #191919;
            border-bottom: 1px solid #00000075;
        }

    .mobile-menu-wrapper .bootom-content .info {
        margin-bottom: 15px;
    }

        .mobile-menu-wrapper .bootom-content .info:last-child {
            margin-bottom: 0;
        }

        .mobile-menu-wrapper .bootom-content .info p,
        .mobile-menu-wrapper .bootom-content .info a {
            display: block;
            color: #000;
            font-size: 16px;
            font-weight: 500;
        }

            .mobile-menu-wrapper .bootom-content .info p i,
            .mobile-menu-wrapper .bootom-content .info a i {
                margin-right: 5px;
                color: var(--pri-color);
            }

    .mobile-menu-wrapper .bootom-content .pri-btn-one {
        margin-top: 30px;
        min-width: 150px;
        text-align: center;
    }

header .header-top {
    padding: 6px 0;
    background-color: var(--sec-color);
}

@media (max-width: 767px) {
    header .header-top {
        display: none;
    }

    .mob_flex {
        justify-content: center;
        display: inline;
    }
}

header .header-top .info:last-child {
    margin-left: 50px;
}

header .header-top .info:first-child {
    margin: 0;
}

header .header-top .info p,
header .header-top .info a {
    display: inline-block;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
}

    header .header-top .info p i,
    header .header-top .info a i {
        margin-right: 5px;
        color: #ffffff;
    }

header .header-main .container {
    border-radius: 8px;
    border-bottom: 5px solid var(--pri-color);
}

@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
    header .header-main .container {
        padding: 0px 0px;
    }
}

header .header-main .logo a img {
    max-width: 260px;
    PADDING: 8PX 0PX 0PX;
}

header .header-main .menu-wrap {
    text-align: center;
}

    header .header-main .menu-wrap ul.main-menu {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        header .header-main .menu-wrap ul.main-menu li {
            margin: 0 8px;
            display: inline-block;
        }

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    header .header-main .menu-wrap ul.main-menu li {
        margin: 0 6px;
    }
}

header .header-main .menu-wrap ul.main-menu li a {
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    color: var(--sec-color);
    padding: 22px 0;
    line-height: 1;
    text-transform: capitalize;
    transition: all 0.5s ease-out 0s;
}

    header .header-main .menu-wrap ul.main-menu li a:hover {
        color: var(--pri-color);
    }

header .header-main .menu-wrap ul.main-menu li.menu-item-has-children {
    position: relative;
}

    header .header-main .menu-wrap ul.main-menu li.menu-item-has-children:after {
        content: "\f282";
        font-family: bootstrap-icons !important;
        vertical-align: middle;
    }

    header .header-main .menu-wrap ul.main-menu li.menu-item-has-children ul.sub-menu {
        position: absolute;
        left: 0;
        margin: 0;
        padding: 10px;
        min-width: max-content;
        text-align: left;
        border-radius: 3px;
        background-color: #fff;
        transition: all 0.5s ease-out 0s;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
        opacity: 0;
        visibility: hidden;
        transform: translateY(20px);
        z-index: 999;
    }

        header .header-main .menu-wrap ul.main-menu li.menu-item-has-children ul.sub-menu li {
            margin: 0;
            display: block;
        }

            header .header-main .menu-wrap ul.main-menu li.menu-item-has-children ul.sub-menu li.menu-item-has-children {
                position: relative;
            }

                header .header-main .menu-wrap ul.main-menu li.menu-item-has-children ul.sub-menu li.menu-item-has-children:after {
                    position: absolute;
                    content: "\f282";
                    top: 8px;
                    right: 10px;
                    font-size: 14px;
                    vertical-align: middle;
                    font-family: bootstrap-icons !important;
                    vertical-align: middle;
                }

            header .header-main .menu-wrap ul.main-menu li.menu-item-has-children ul.sub-menu li a {
                display: block;
                font-weight: 400;
                padding: 10px;
            }

            header .header-main .menu-wrap ul.main-menu li.menu-item-has-children ul.sub-menu li ul.sub-menu {
                position: absolute;
                left: 100%;
                right: 0;
                top: 0;
            }

                header .header-main .menu-wrap ul.main-menu li.menu-item-has-children ul.sub-menu li ul.sub-menu.menu-item-has-children {
                    position: relative;
                }

                    header .header-main .menu-wrap ul.main-menu li.menu-item-has-children ul.sub-menu li ul.sub-menu.menu-item-has-children:after {
                        position: absolute;
                        content: "\f282";
                        top: 8px;
                        right: 10px;
                        color: #fff;
                        font-size: 14px;
                        vertical-align: middle;
                        font-family: bootstrap-icons !important;
                        vertical-align: middle;
                    }

header .header-main .menu-wrap ul.main-menu li:hover > ul.sub-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

header .header-main .nav-right {
    display: flex;
    justify-content: end;
    align-items: center;
    flex-wrap: wrap;
    gap: 30px;
}

    header .header-main .nav-right .cart-carret {
        position: relative;
        margin-bottom: -10px;
        cursor: pointer;
    }

        header .header-main .nav-right .cart-carret span {
            position: relative;
            left: 28px;
            top: -15px;
            height: 16px;
            width: 16px;
            display: inline-block;
            font-size: 12px;
            text-align: center;
            border-radius: 50%;
            color: #fff;
            font-weight: 500;
            line-height: 16px;
            background-color: var(--pri-color);
        }

@media (max-width: 767px) {
    header .header-main .nav-right .pri-btn-one {
        display: none;
    }
}

header.style-two {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;
}

    header.style-two .header-top {
        background-color: #720202;
    }

        header.style-two .header-top .info a,
        header.style-two .header-top .info p {
            color: #ffffff;
        }

    header.style-two .header-main {
        /* height: 143px; */
        /* background-image: url(../img/home-2/main-top.png); */
        BACKGROUND: #FFF;
    }

        header.style-two .header-main .container {
            border: none;
        }

.hero-area {
    position: relative;
    padding: 120px 0;
    background-image: url(../img/home-1/main-bg.jpg);
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    overflow: hidden;
}

    .hero-area:before {
        position: absolute;
        content: "";
        bottom: -60px;
        left: 0;
        width: 100%;
        height: 120px;
        background-color: #fff;
        border-top-left-radius: 50% 60px;
        border-top-right-radius: 50% 60px;
    }

    .hero-area .hero-content span {
        display: block;
        font-size: 18px;
        font-weight: 600;
        color: var(--pri-color);
        text-transform: uppercase;
        margin-bottom: 10px;
    }

@media (max-width: 767px) {
    .hero-area .hero-content span {
        font-size: 14px;
    }
}

.hero-area .hero-content h2 {
    font-size: 72px;
    font-weight: 700;
    color: var(--sec-color);
    margin-bottom: 30px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .hero-area .hero-content h2 {
        font-size: 70px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hero-area .hero-content h2 {
        font-size: 58px;
    }
}

@media (max-width: 767px) {
    .hero-area .hero-content h2 {
        font-size: 40px;
    }
}

.hero-area .hero-content p {
    font-size: 16px;
    font-weight: 400;
    color: #1E2656;
    margin-bottom: 40px;
}

.hero-area .hero-content .search {
    position: relative;
}

#ajax-contact .search input {
    height: 50px;
    width: 100%;
    border: none;
    background-color: #fff;
    border-radius: 30px;
    padding-left: 20px;
    padding-right: 50px;
}

#ajax-contact .search button {
    position: absolute;
    right: 8px;
    top: 50%;
    color: #fff;
    border: none;
    transform: translateY(-50%);
    height: 40px;
    width: 40px;
    background-color: var(--pri-color);
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
}

.hero-area .banner-img {
    position: relative;
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .hero-area .banner-img {
        text-align: center;
        margin-bottom: 50px;
    }
}

.hero-area .banner-img .batch-one {
    position: absolute;
    right: 250px;
    background-color: #fff;
    border-radius: 100px;
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
    padding: 10px 20px;
    animation: left-right 5s ease-in-out infinite;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hero-area .banner-img .batch-one {
        right: 160px;
    }
}

@media (max-width: 767px) {
    .hero-area .banner-img .batch-one {
        right: 70px;
        top: -30px;
    }
}

.hero-area .banner-img .batch-one .tip {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

    .hero-area .banner-img .batch-one .tip .batch-tag h4 {
        font-size: 24px;
        color: var(--pri-color);
        font-weight: 600;
        margin: 0;
        line-height: 1;
    }

    .hero-area .banner-img .batch-one .tip .batch-tag span {
        color: var(--sec-color);
        font-weight: 500;
    }

@keyframes left-right {
    0% {
        transform: translateX(0);
    }

    50% {
        transform: translateX(20px);
    }

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

.hero-area .banner-img .batch-two {
    position: absolute;
    right: 25px;
    bottom: 5px;
    background-color: #fff;
    border-radius: 100px;
    padding: 15px 30px;
    display: flex;
    align-items: center;
    gap: 10px;
}

    .hero-area .banner-img .batch-two .batch-tag h4 {
        font-size: 24px;
        color: var(--pri-color);
        font-weight: 600;
        margin: 0;
        line-height: 1;
    }

    .hero-area .banner-img .batch-two .batch-tag span {
        color: var(--sec-color);
        font-weight: 500;
    }

.hero-area-two {
    position: relative;
    padding: 200px 0 120px 0;
    background-image: url(../img/home-2/hero-bg-two.jpg);
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    overflow: hidden;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .hero-area-two .banner-img {
        display: none;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .hero-area-two .hero-content {
        padding-top: 30px;
    }
}

.hero-area-two .hero-content span {
    font-weight: 600;
    font-size: 18px;
    line-height: 30px;
    letter-spacing: 0.05em;
    color: #969A9D;
    margin-bottom: 10px;
    display: block;
}

.hero-area-two .hero-content h2 {
    font-family: "Rubik";
    font-style: normal;
    font-weight: 700;
    font-size: 72px;
    line-height: 90px;
    color: var(--sec-color);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hero-area-two .hero-content h2 {
        font-size: 60px;
        line-height: normal;
    }
}

@media (max-width: 767px) {
    .hero-area-two .hero-content h2 {
        font-size: 45px;
        line-height: normal;
    }
}

.hero-area-two .hero-content h2 strong {
    font-weight: 700;
    color: var(--pri-color);
}

.hero-area-two .hero-content p {
    font-family: "Rubik";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    color: #1E2656;
    margin-bottom: 45px;
}

.cat-box {
    padding: 30px 40px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    align-items: center;
    border-radius: 8px;
    background-color: #FFFFFF;
    box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.08);
    transition: all 0.5s ease-out 0s;
}

    .cat-box svg {
        transition: all 0.5s ease-out 0s;
    }

    .cat-box .cnt h4 {
        font-weight: 600;
        font-size: 24px;
        color: var(--sec-color);
        margin-bottom: 5px;
        transition: all 0.5s ease-out 0s;
    }

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .cat-box .cnt h4 {
        font-size: 20px;
    }
}

.cat-box .cnt span {
    font-weight: 400;
    font-size: 16px;
    color: #1E2656;
    transition: all 0.5s ease-out 0s;
}

.cat-box:hover {
    background-color: var(--pri-color);
}

    .cat-box:hover .cnt h4,
    .cat-box:hover .cnt span {
        color: #fff;
    }

    .cat-box:hover svg path {
        fill: #fff;
    }

.courses-list {
    background-color: #F6F6F8;
}

    .courses-list ul.nav-pills {
        justify-content: right;
    }

@media (max-width: 767px) {
    .courses-list ul.nav-pills {
        justify-content: start;
    }
}

.courses-list ul.nav-pills .nav-link {
    margin: 0;
    padding: 0;
    font-weight: 400;
    font-size: 18px;
    color: #1E2656;
    margin-left: 20px;
}

@media (max-width: 767px) {
    .courses-list ul.nav-pills .nav-link {
        font-size: 14px;
    }
}

.courses-list ul.nav-pills .nav-link.active {
    background: transparent;
    color: var(--pri-color);
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .courses-list .navigation {
        display: none;
    }
}

.courses-list .navigation .button-next,
.courses-list .navigation .button-prev {
    height: 35px;
    width: 35px;
    text-align: center;
    line-height: 35px;
    display: inline-block;
    border: 1px solid #1A213C;
    border-radius: 50%;
    color: #1A213C;
    margin-left: 10px;
    transition: all 0.5s ease-out 0s;
}

    .courses-list .navigation .button-next:hover,
    .courses-list .navigation .button-prev:hover {
        color: #fff;
        border: 1px solid var(--pri-color);
        background-color: var(--pri-color);
    }

.course-card {
    padding: 20px;
    border-radius: 8px;
    background-color: #FFFFFF;
    box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.08);
    transition: all 0.5s ease-out 0s;
}

    .course-card .thumb {
        position: relative;
        overflow: hidden;
    }

        .course-card .thumb img {
            width: 100%;
            transition: all 0.5s ease-out 0s;
        }

        .course-card .thumb .cat {
            position: absolute;
            left: 15px;
            top: 15px;
        }

            .course-card .thumb .cat a {
                position: relative;
                display: inline-block;
                color: #fff;
                font-size: 14px;
                font-weight: 500;
                padding: 8px 20px;
                background-color: var(--pri-color);
                border-radius: 4px;
                overflow: hidden;
                z-index: 1;
                transition: all 0.5s ease-out 0s;
            }

    .course-card .content {
        margin-top: 20px;
    }

        .course-card .content .meta {
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 20px;
            margin-bottom: 15px;
        }

            .course-card .content .meta span {
                font-weight: 400;
                font-size: 16px;
                color: #1E2656;
                display: inline-block;
            }

                .course-card .content .meta span i {
                    margin-right: 5px;
                    color: var(--pri-color);
                }

        .course-card .content h4 {
            margin-bottom: 15px;
        }

            .course-card .content h4 a {
                font-weight: 600;
                font-size: 24px;
                color: var(--sec-color);
            }

@media (max-width: 767px) {
    .course-card .content h4 a {
        font-size: 20px;
    }
}

.course-card .content .price-with-tag {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

    .course-card .content .price-with-tag strong {
        font-weight: 600;
        font-size: 24px;
        color: var(--pri-color);
    }

    .course-card .content .price-with-tag a {
        background-color: #F9F3EF;
        border-radius: 3px;
        min-width: 75px;
        text-align: center;
        padding: 2px 5px;
        font-size: 16px;
        color: var(--pri-color);
    }

.course-card .content .creator {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

    .course-card .content .creator .creator-data {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
    }

        .course-card .content .creator .creator-data img {
            height: 30px;
            width: 30px;
            border-radius: 50%;
        }

        .course-card .content .creator .creator-data h6 {
            margin: 0;
        }

    .course-card .content .creator p {
        font-weight: 400;
        font-size: 14px;
        color: var(--sec-color);
    }

        .course-card .content .creator p img {
            margin-right: 5px;
            vertical-align: middle;
        }

.course-card:hover .thumb img {
    transform: scale(1.1);
}

.course-slide {
    /* background: #ffffff; */
    /* box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.08); */
    /* border-radius: 8px; */
    padding: 7px;
}

    .course-slide .thumb {
        position: relative;
        margin-bottom: 15px;
    }

        .course-slide .thumb img {
            width: 100%;
            border-radius: 10px;
        }

        .course-slide .thumb .cat {
            position: absolute;
            left: 10px;
            top: 10px;
        }

            .course-slide .thumb .cat a {
                display: inline-block;
                border-radius: 6px;
                font-family: "Rubik";
                font-style: normal;
                font-weight: 600;
                font-size: 16px;
                line-height: 28px;
                text-align: center;
                color: var(--pri-color);
                padding: 5px 15px;
                background-color: #FFFFFF;
            }

        .course-slide .thumb .price {
            position: absolute;
            right: 10px;
            bottom: -30px;
        }

            .course-slide .thumb .price strong {
                font-weight: 600;
                font-size: 20px;
                text-align: center;
                color: #FFFFFF;
                background-color: var(--pri-color);
                padding: 5px;
                border-radius: 50%;
                display: inline-block;
                height: 60px;
                width: 60px;
                line-height: 55px;
            }

    .course-slide .content .meta {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 20px;
    }

        .course-slide .content .meta span {
            font-family: "Rubik";
            font-style: normal;
            font-weight: 400;
            font-size: 16px;
            color: #1E2656;
        }

            .course-slide .content .meta span i {
                margin-right: 5px;
                color: var(--pri-color);
            }

    .course-slide .content h4 a {
        font-family: "Rubik";
        font-style: normal;
        font-weight: 600;
        font-size: 21px;
        color: #000000;
        /* text-align: center; */
    }

    .course-slide .content p {
        font-family: "Rubik";
        font-style: normal;
        font-weight: 500;
        font-size: 18px;
        line-height: 28px;
        color: #1E2656;
        text-align: center;
        margin-top: 6px;
    }

    .course-slide .content .creator {
        margin-top: 30px;
        padding-top: 20px;
        border-top: 1px solid #D9D9D9;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        .course-slide .content .creator .creator-data {
            display: flex;
            align-items: center;
            gap: 10px;
        }

            .course-slide .content .creator .creator-data img {
                height: 30px;
                width: 30px;
                border-radius: 50%;
            }

            .course-slide .content .creator .creator-data h6 {
                font-family: "Rubik";
                font-style: normal;
                font-weight: 500;
                font-size: 18px;
                color: #000000;
                margin-bottom: 0;
            }

.about-us .about-cnt .title {
    margin-bottom: 15px;
}

    .about-us .about-cnt .title h2 {
        font-size: 33px;
    }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .about-us .about-cnt .title h2 {
        font-size: 39px;
    }
}

@media (max-width: 767px) {
    .about-us .about-cnt .title h2 {
        font-size: 30px;
    }
}

.about-us .about-cnt p {
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    color: #535355;
}

.about-us .about-cnt ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin: 20px 0 30px;
}

    .about-us .about-cnt ul li {
        font-weight: 600;
        font-size: 16px;
        color: #1E2656;
        margin-bottom: 10px;
    }

        .about-us .about-cnt ul li svg {
            margin-right: 5px;
        }

        .about-us .about-cnt ul li:last-child {
            margin-bottom: 0;
        }

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .about-us .about-right-img {
        margin-top: 50px;
    }
}

.about-us .about-right-img img {
    animation: ups-down 5s ease-in-out infinite;
}

@keyframes ups-down {
    0% {
        transform: translateY(0);
    }

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

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

.about-us .about-bottom {
    margin-top: 80px;
}

@media (max-width: 767px) {
    .about-us .about-bottom .col {
        flex: none;
        text-align: center;
        margin-bottom: 30px;
    }

        .about-us .about-bottom .col:last-child {
            margin-bottom: 0;
        }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .about-us .about-bottom .col {
        width: 50%;
    }
}

.about-us .about-bottom .about-count span {
    font-weight: 700;
    font-size: 48px;
    color: var(--sec-color);
    display: inline-block;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .about-us .about-bottom .about-count span {
        font-size: 40px;
    }
}

.about-us .about-bottom .about-count h6 {
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0.05em;
    color: var(--pri-color);
    margin: 0;
    margin-top: 5px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .about-us .about-bottom .about-count h6 {
        font-size: 14px;
    }
}

.about-us-two {
    position: relative;
}

    .about-us-two::before {
        position: absolute;
        content: url(../img/home-2/sun.png);
        top: 0;
        left: 130px;
    }

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .about-us-two::before {
        display: none;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .about-us-two .about-right-img {
        margin-top: 27px;
    }
}

.about-us-two .about-cnt .title {
    margin-bottom: 20px;
}

    .about-us-two .about-cnt .title h2 {
        font-size: 35px;
    }

@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
    .about-us-two .about-cnt .title h2 {
        font-size: 24px;
    }
}

.about-us-two .about-cnt p {
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    color: #535355;
}

.about-us-two .about-cnt .phone {
    margin: 25px 0;
}

    .about-us-two .about-cnt .phone a {
        font-family: "Rubik";
        font-style: normal;
        font-weight: 500;
        font-size: 20px;
        line-height: 24px;
        color: var(--sec-color);
    }

        .about-us-two .about-cnt .phone a i {
            display: inline-block;
            height: 36px;
            width: 36px;
            background-color: var(--pri-color);
            line-height: 36px;
            text-align: center;
            border-radius: 5px;
            color: #fff;
            font-size: 20px;
            margin-right: 10px;
        }

.testimonial-area {
    padding: 120px 165px;
    background: linear-gradient(270.07deg, #FCF4EF -0.1%, #FFFFFF 14.35%, #FFFFFF 86.15%, #FDF7F3 100.09%);
}

@media only screen and (min-width: 1400px) and (max-width: 1600px) {
    .testimonial-area {
        padding: 120px 50px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
    .testimonial-area {
        padding: 120px 30px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .testimonial-area {
        padding: 80px 30px;
    }
}

.testimonial-card {
    position: relative;
    box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.08);
    background-color: #FFFFFF;
    border-radius: 8px;
    padding: 30px 25px;
}

    .testimonial-card::after {
        position: absolute;
        content: url(../img/icons/qoute.svg);
        right: 25px;
        bottom: 30px;
        opacity: 0.6;
    }

    .testimonial-card p {
        font-weight: 400;
        font-size: 16px;
        line-height: 28px;
        color: #1E2656;
    }

    .testimonial-card .start {
        margin: 8px 0 20px;
    }

    .testimonial-card .reviewer {
        display: flex;
        align-items: center;
        gap: 20px;
        flex-wrap: wrap;
    }

        .testimonial-card .reviewer img {
            height: 50px;
            width: 50px;
            border-radius: 50%;
        }

        .testimonial-card .reviewer h5 {
            font-weight: 600;
            font-size: 20px;
            color: var(--sec-color);
            margin-bottom: 5px;
        }

        .testimonial-card .reviewer span {
            font-weight: 400;
            font-size: 16px;
            color: #1E2656;
        }

.pricing-plan.two {
    background-color: #ECFFF9;
}

.pricing-plan .nav-area {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 50px;
    justify-content: center;
}

    .pricing-plan .nav-area span {
        font-weight: 400;
        font-size: 18px;
        color: #1E2656;
        display: inline-block;
    }

    .pricing-plan .nav-area .nav-pills {
        background: #FFE8DB;
        border-radius: 30px;
        padding: 5px;
    }

        .pricing-plan .nav-area .nav-pills .nav-link {
            height: 20px;
            width: 20px;
            border-radius: 50%;
            display: block;
            padding: 4px;
        }

            .pricing-plan .nav-area .nav-pills .nav-link.active {
                background-color: var(--pri-color);
            }

.price-box {
    border-radius: 8px;
    padding: 50px 30px;
    background-color: #FFFFFF;
    box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.08);
}

    .price-box .price-head {
        position: relative;
        padding-bottom: 30px;
        margin-bottom: 35px;
        border-bottom: 1px dashed #969A9D;
    }

        .price-box .price-head img.icon {
            position: absolute;
            right: 0;
            height: 48px;
        }

        .price-box .price-head h4 {
            font-weight: 600;
            font-size: 24px;
            color: var(--sec-color);
            margin-bottom: 5px;
        }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .price-box .price-head h4 {
        font-size: 20px;
    }
}

.price-box .price-head strong {
    font-family: "Rubik";
    font-style: normal;
    font-weight: 600;
    font-size: 48px;
    letter-spacing: 0.05em;
    color: var(--pri-color);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .price-box .price-head strong {
        font-size: 34px;
    }
}

.price-box .price-head strong sub {
    font-size: 18px;
}

.price-box h5 {
    font-weight: 600;
    font-size: 20px;
    color: var(--sec-color);
    margin-bottom: 0;
}

.price-box ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .price-box ul li {
        font-weight: 400;
        font-size: 16px;
        color: #1E2656;
        margin-top: 15px;
    }

        .price-box ul li svg {
            margin-right: 5px;
        }

.price-box .pri-btn-one {
    margin-top: 30px;
}

.our-instructor {
    background-image: url(../img/home-1/instructor-bg.jpg);
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
}

    .our-instructor.two {
        position: relative;
    }

        .our-instructor.two::before {
            position: absolute;
            content: "";
            left: 0px;
            top: -35px;
            width: 100%;
            background-image: url(../img/home-2/instructor-top.png);
            height: 35px;
        }

        .our-instructor.two .title h2 {
            color: #fff;
        }

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .instructor_cnt {
        margin-bottom: 50px;
    }
}

.instructor_cnt .title {
    margin-bottom: 40px;
}

    .instructor_cnt .title h2 {
        color: #fff;
    }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .instructor_cnt .title h2 {
        font-size: 35px;
    }
}

.instructor_cnt p {
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    color: #F3F3F3;
}

.instructor_cnt .pri-btn-one {
    margin-top: 30px;
}

.single-instructor {
    position: relative;
    max-width: 270px;
    margin: 0 auto;
    margin-bottom: 60px;
}

    .single-instructor .ins-thumb {
        text-align: center;
        padding: 50px 30px 0 30px;
        border-radius: 500px 500px 5px 5px;
        background-color: var(--pri-color);
    }

    .single-instructor .ins-cnt {
        position: absolute;
        width: 80%;
        background: #FFFFFF;
        border-radius: 8px;
        padding: 10px 30px;
        left: 50%;
        bottom: -30px;
        transform: translateX(-50%);
        text-align: center;
    }

        .single-instructor .ins-cnt h4 {
            font-family: "Rubik";
            font-style: normal;
            font-weight: 600;
            font-size: 24px;
            color: #0A165E;
            margin-bottom: 0;
        }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .single-instructor .ins-cnt h4 {
        font-size: 20px;
    }
}

.single-instructor .ins-cnt span {
    font-weight: 500;
    color: var(--pri-color);
}

.blog-card {
    background-color: #FFFFFF;
    box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.08);
    border-radius: 8px;
    padding: 30px;
}

    .blog-card .meta {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 20px;
        margin-bottom: 20px;
    }

        .blog-card .meta .author {
            display: flex;
            align-items: center;
            gap: 10px;
        }

            .blog-card .meta .author h5 {
                font-weight: 500;
                font-size: 18px;
                color: var(--sec-color);
                margin: 0;
            }

        .blog-card .meta .cmnt span {
            font-weight: 500;
            font-size: 18px;
            color: var(--sec-color);
        }

            .blog-card .meta .cmnt span i {
                margin-right: 5px;
                color: var(--pri-color);
                font-size: 16px;
                vertical-align: bottom;
            }

    .blog-card .thumb {
        border-radius: 10px;
        overflow: hidden;
    }

        .blog-card .thumb img {
            width: 100%;
            border-radius: 10px;
            transition: all 0.5s ease-out 0s;
        }

    .blog-card h4 {
        margin: 20px 0 15px;
    }

        .blog-card h4 a {
            font-weight: 600;
            font-size: 24px;
            color: var(--sec-color);
        }

    .blog-card a {
        display: block;
        font-weight: 500;
        font-size: 16px;
        color: var(--pri-color);
    }

    .blog-card:hover .thumb img {
        transform: scale(1.1);
    }

.pagination-nav {
    text-align: center;
    margin-top: 60px;
}

    .pagination-nav ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .pagination-nav ul li {
            display: inline-block;
            height: 50px;
            background-color: #FFFFFF;
            box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.08);
            border-radius: 8px;
            width: 50px;
            line-height: 50px;
            text-align: center;
            margin: 0 5px;
            font-weight: 500;
            font-size: 20px;
            color: #0A165E;
            cursor: pointer;
            transition: all 0.5s ease-out 0s;
        }

            .pagination-nav ul li.active {
                color: #fff;
                background-color: var(--pri-color);
            }

            .pagination-nav ul li a {
                display: block;
                font-weight: 500;
                font-size: 20px;
                color: #0A165E;
                transition: all 0.5s ease-out 0s;
            }

            .pagination-nav ul li:hover {
                background-color: var(--pri-color);
            }

                .pagination-nav ul li:hover a {
                    color: #fff;
                }

.kindergarden-gallery {
    position: relative;
    background-color: #FFEFEF;
}

    .kindergarden-gallery::before {
        position: absolute;
        content: "";
        left: 0px;
        top: -35px;
        width: 100%;
        background-image: url(../img/home-2/gallery-top.png);
        height: 35px;
    }

    .kindergarden-gallery .kd-gallery img {
        margin-bottom: 30px;
    }

        .kindergarden-gallery .kd-gallery img:last-child {
            margin: 0;
        }

    .kindergarden-gallery .gallery-btn a {
        min-width: 170px;
        margin-top: 50px;
    }

.partners-list {
    background-size: cover;
    background-position: 50%;
    background-image: url(../img/home-2/partner-bg.png);
    background: gray;
}

    .partners-list .title h2 {
        color: #fff;
    }

    .partners-list.two {
        background: transparent;
    }

        .partners-list.two .title h2 {
            color: var(--sec-color);
        }

.partner-items {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 30px;
}

    .partner-items .partner {
        padding: 9px;
        border-radius: 8px;
        width: calc(25% - 30px);
        text-align: center;
        background-color: #f5ecec;
        box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.08);
    }

@media (max-width: 767px) {
    .partner-items .partner {
        width: 100%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
    .partner-items .partner {
        width: calc(50% - 30px);
    }
}

.counter-area {
    background: linear-gradient(180deg, #FFEFEF 25.19%, #F4F1FF 100%);
}

    .counter-area.two {
        background: #ECFFF9;
    }

.counter-list {
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-wrap: wrap;
    gap: 30px;
}

    .counter-list .single-count {
        width: calc(25% - 30px);
        text-align: center;
    }

@media (max-width: 767px) {
    .counter-list .single-count {
        width: 100%;
        text-align: center;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
    .counter-list .single-count {
        width: calc(50% - 30px);
    }
}

.counter-list .single-count span {
    font-family: "Rubik";
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    color: var(--sec-color);
}

.counter-list .single-count h6 {
    font-family: "Rubik";
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0.05em;
    color: var(--pri-color);
    margin: 0;
}

.instagram-posts h2 {
    font-family: "Rubik";
    font-style: normal;
    font-weight: 600;
    font-size: 48px;
    text-align: center;
    color: var(--sec-color);
    margin-bottom: 60px;
}

@media (max-width: 767px) {
    .instagram-posts h2 {
        font-size: 30px;
    }
}

.instagram-posts h2 span {
    color: var(--pri-color);
}

.instagram-posts .ins-post {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

    .instagram-posts .ins-post a {
        width: 16.66%;
        border: 2px dotted var(--pri-color);
    }

        .instagram-posts .ins-post a:nth-child(odd) {
            transform: rotate(-10deg);
        }

        .instagram-posts .ins-post a:nth-child(even) {
            transform: rotate(10deg);
        }

.contact-info {
    background: #FFFFFF;
    box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.08);
    border-radius: 8px;
    padding: 20px 30px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
    height: 150px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .contact-info {
        padding: 50px 16px;
    }
}

.contact-info .icon {
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 50%;
    background-color: var(--pri-color);
}

.contact-info .cnt {
    width: calc(100% - 70px);
}

    .contact-info .cnt h6 {
        font-weight: 600;
        font-size: 16px;
        text-transform: uppercase;
        color: var(--sec-color);
        margin-bottom: 5px;
    }

    .contact-info .cnt a,
    .contact-info .cnt p {
        display: inline-block;
        margin: 0;
        font-weight: 400;
        font-size: 17px;
        color: #1E2656;
        word-break: break-word;
        white-space: normal;
        transition: all 0.5s ease-out 0s;
    }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .contact-info .cnt a,
    .contact-info .cnt p {
        font-size: 16px;
    }

    .course-slide .content h4 a {
        font-size: 17px;
    }
}

.contact-info:hover .cnt a,
.contact-info:hover .cnt p {
    color: var(--pri-color);
}

.contact-form {
    position: relative;
    padding-top: 30px;
    padding-bottom: 80px;
    z-index: 1;
}

.contact-banner {
    margin-bottom: 100px;
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .contact-banner {
        display: none;
    }
}

.contact-banner img {
    width: auto;
    height: auto;
}

.information-form {
    box-sizing: border-box;
    background: #FFFFFF;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.08);
    border-radius: 5px;
    padding: 25px;
    text-align: center;
}

@media (max-width: 767px) {
    .information-form {
        padding: 30px 20px;
    }
}

.information-form h2 {
    font-family: "Rubik";
    font-style: normal;
    font-weight: 600;
    font-size: 35px;
    color: var(--sec-color);
}

.information-form p {
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    text-align: center;
    color: #1E2656;
}

#ajax-contact {
    margin-top: 23px;
}

    #ajax-contact input,
    #ajax-contact textarea {
        box-sizing: border-box;
        width: 100%;
        height: 50px;
        border: 1px solid #D9D9D9;
        border-radius: 8px;
        padding: 0 20px;
        margin-bottom: 30px;
        font-weight: 400;
        font-size: 16px;
        color: #1E2656;
    }

    #ajax-contact textarea {
        padding: 20px;
        height: 120px;
    }

    #ajax-contact input[type=submit] {
        color: #fff;
        font-weight: 500;
        margin-bottom: 0;
        background-color: var(--pri-color);
    }

.map {
    width: 100%;
}

    .map #canvas-for-googlemap iframe {
        width: 100%;
        height: 500px;
    }

.error-cnt {
    max-width: 600px;
    margin: 0 auto;
    text-align: center;
}

    .error-cnt h2 {
        font-family: "Rubik";
        font-style: normal;
        font-weight: 700;
        font-size: 120px;
        color: #800000;
    }

    .error-cnt strong {
        font-family: "Rubik";
        font-style: normal;
        font-weight: 700;
        font-size: 48px;
        color: var(--sec-color);
        display: block;
        margin-bottom: 10px;
    }

    .error-cnt p {
        font-weight: 400;
        font-size: 16px;
        text-align: center;
        color: #1E2656;
    }

    .error-cnt a {
        margin-top: 20px;
    }

.cart-table table tr {
    border: 1px solid #D9D9D9;
}

    .cart-table table tr td {
        padding: 20px;
    }

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .cart-table table tr td {
        padding: 5px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .cart-table table tr td {
        margin-top: 10px;
    }
}

.cart-table table tr td .mini-thumb {
    position: relative;
    max-width: 100px;
}

    .cart-table table tr td .mini-thumb img {
        border-radius: 10px;
    }

    .cart-table table tr td .mini-thumb i {
        background: rgba(255, 255, 255, 0.9);
        border-radius: 50%;
        height: 30px;
        width: 30px;
        display: inline-block;
        text-align: center;
        line-height: 32px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

.cart-table table tr td.owner {
    max-width: 150px;
}

    .cart-table table tr td.owner h5 {
        font-family: "Rubik";
        font-style: normal;
        font-weight: 600;
        font-size: 20px;
        color: var(--sec-color);
    }

@media (max-width: 767px) {
    .cart-table table tr td.owner h5 {
        font-size: 16px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .cart-table table tr td.owner h5 {
        font-size: 18px;
    }
}

.cart-table table tr td.owner .creator {
    display: flex;
    align-items: center;
    gap: 10px;
}

    .cart-table table tr td.owner .creator span {
        font-family: "Rubik";
        font-style: normal;
        font-weight: 500;
        font-size: 18px;
        color: var(--sec-color);
    }

@media (max-width: 767px) {
    .cart-table table tr td.owner .creator span {
        font-size: 14px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .cart-table table tr td.owner .creator span {
        font-size: 16px;
    }
}

.cart-table table tr td .price strong {
    font-family: "Rubik";
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    color: var(--pri-color);
}

@media (max-width: 767px) {
    .cart-table table tr td .price strong {
        font-size: 18px;
    }
}

.cart-table table tr td .remove a {
    color: var(--pri-color);
    font-size: 20px;
}

.order-details {
    background: #F9F3EF;
    border-radius: 5px;
    padding: 40px 30px;
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .order-details {
        margin-top: 50px;
    }
}

.order-details h4 {
    font-weight: 600;
    font-size: 30px;
    color: var(--sec-color);
    text-transform: capitalize;
    margin-bottom: 25px;
}

.order-details .cart-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: 15px;
}

    .order-details .cart-info.tax {
        border-bottom: 1px solid #D9D9D9;
        padding-bottom: 10px;
    }

    .order-details .cart-info.payable strong,
    .order-details .cart-info.payable span {
        color: var(--pri-color);
    }

    .order-details .cart-info strong,
    .order-details .cart-info span {
        font-weight: 600;
        font-size: 16px;
        color: var(--sec-color);
    }

.order-details .coupon {
    position: relative;
    margin-bottom: 40px;
}

    .order-details .coupon input {
        box-sizing: border-box;
        height: 52px;
        background: #FFFFFF;
        border: 1px solid #D9D9D9;
        border-radius: 8px;
        padding: 0 10px;
        width: 100%;
        padding-right: 90px;
    }

        .order-details .coupon input[type=submit] {
            width: auto;
            height: 52px;
            background: #800000;
            border-radius: 8px;
            padding: 10px 20px;
            color: #fff;
            font-weight: 600;
            position: absolute;
            right: 0;
        }

.checkout-form h4 {
    font-weight: 600;
    font-size: 20px;
    color: var(--sec-color);
    margin-bottom: 30px;
}

.checkout-form label,
.checkout-form input {
    box-sizing: border-box;
    height: 52px;
    width: 100%;
    border: 1px solid #D9D9D9;
    border-radius: 8px;
    padding: 0 20px;
    margin-bottom: 30px;
    line-height: 52px;
}

.checkout-form .check-mark {
    position: relative;
    display: block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

    .checkout-form .check-mark input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

        .checkout-form .check-mark input:checked ~ .checkmark:after {
            display: block;
        }

    .checkout-form .check-mark .checkmark {
        position: absolute;
        top: 15px;
        right: 20px;
        height: 18px;
        width: 18px;
        background-color: transparent;
        border: 1px solid #800000;
    }

        .checkout-form .check-mark .checkmark:after {
            content: "";
            position: absolute;
            display: none;
        }

        .checkout-form .check-mark .checkmark:after {
            left: 2px;
            top: 2px;
            width: 12px;
            height: 12px;
            background-color: #800000;
        }

.login-form {
    box-sizing: border-box;
    background: #FFFFFF;
    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.08);
    border-radius: 5px;
    padding: 50px 100px;
    text-align: center;
}

@media (max-width: 767px) {
    .login-form {
        padding: 50px 30px;
    }
}

.login-form h2 {
    font-weight: 600;
    font-size: 36px;
    color: var(--sec-color);
}

.login-form p {
    font-weight: 400;
    font-size: 16px;
    color: #1E2656;
    margin-bottom: 20px;
}

#ajax-contact input {
    box-sizing: border-box;
    border: 1px solid #D9D9D9;
    border-radius: 8px;
    width: 100%;
    height: 52px;
    padding: 0 20px;
    margin-bottom: 20px;
}

    #ajax-contact input[type=submit] {
        margin: 0;
        font-weight: 600;
        font-size: 18px;
        text-align: center;
        color: #FFFFFF;
        border: none;
        background-color: var(--pri-color);
    }

#ajax-contact .forget {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

    #ajax-contact .forget .box input {
        height: 16px;
        width: 16px;
        margin-right: 5px;
        margin-bottom: 3px;
    }

    #ajax-contact .forget .box label {
        font-weight: 500;
        font-size: 16px;
        color: var(--sec-color);
    }

    #ajax-contact .forget a {
        font-weight: 400;
        font-size: 16px;
        color: #1E2656;
    }

.course-details-cnt .thumb {
    margin-bottom: 60px;
}

    .course-details-cnt .thumb img {
        border-radius: 10px;
    }

.course-details-cnt h5 {
    font-weight: 600;
    font-size: 20px;
    color: var(--sec-color);
}

.course-details-cnt p {
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    color: #0A165E;
}

.course-details-cnt .tab-content > .active {
    display: block;
    margin-top: 30px;
}

.course-details-cnt .nav-pills {
    margin: 0;
    padding: 0;
}

    .course-details-cnt .nav-pills .nav-link {
        font-weight: 400;
        font-size: 20px;
        color: var(--sec-color);
        margin-right: 30px;
    }

        .course-details-cnt .nav-pills .nav-link.active {
            background-color: #800000;
            color: #fff;
            border-radius: 8px;
        }

.course-details-cnt ul {
    margin: 30px 0;
    padding: 0;
    list-style: none;
}

    .course-details-cnt ul li {
        font-weight: 400;
        font-size: 16px;
        color: #0A165E;
        margin-top: 10px;
    }

        .course-details-cnt ul li svg {
            margin-right: 10px;
        }

.course-sidebar {
    margin-top: 100px;
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .course-sidebar {
        margin-top: 150px;
    }
}

.course-sidebar .sidebar-widget {
    margin-top: 60px;
}

    .course-sidebar .sidebar-widget:first-child {
        margin-top: 0;
    }

    .course-sidebar .sidebar-widget h4 {
        font-family: "Poppins";
        font-style: normal;
        font-weight: 600;
        font-size: 24px;
        color: #0A165E;
        text-transform: capitalize;
        margin-bottom: 30px;
    }

    .course-sidebar .sidebar-widget .intro-course {
        border-radius: 8px;
        padding: 40px 25px;
        background: #FFFFFF;
        box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.08);
    }

        .course-sidebar .sidebar-widget .intro-course .thumb {
            position: relative;
            margin-top: -140px;
        }

            .course-sidebar .sidebar-widget .intro-course .thumb img {
                width: 100%;
                border-radius: 10px;
            }

            .course-sidebar .sidebar-widget .intro-course .thumb h5 {
                position: absolute;
                text-align: center;
                width: 100%;
                bottom: 10px;
                font-family: "Rubik";
                font-style: normal;
                font-weight: 600;
                font-size: 16px;
                color: #FFFFFF;
            }

            .course-sidebar .sidebar-widget .intro-course .thumb a {
                position: absolute;
                left: 50%;
                top: 50%;
                height: 60px;
                width: 60px;
                display: block;
                line-height: 63px;
                text-align: center;
                border-radius: 50%;
                font-size: 30px;
                color: #800000;
                background: rgba(255, 255, 255, 0.9);
                transform: translate(-50%, -50%);
                cursor: pointer;
            }

        .course-sidebar .sidebar-widget .intro-course ul.course-info {
            margin: 0;
            padding: 0;
            list-style: none;
        }

            .course-sidebar .sidebar-widget .intro-course ul.course-info li {
                display: flex;
                align-items: center;
                justify-content: space-between;
                margin: 10px 0;
                border-bottom: 1px solid #D9D9D9;
                padding: 10px;
            }

                .course-sidebar .sidebar-widget .intro-course ul.course-info li:last-child {
                    border: none;
                }

                .course-sidebar .sidebar-widget .intro-course ul.course-info li span {
                    font-weight: 400;
                    font-size: 16px;
                    color: #1E2656;
                }

                    .course-sidebar .sidebar-widget .intro-course ul.course-info li span img {
                        margin-right: 8px;
                    }

        .course-sidebar .sidebar-widget .intro-course a.pri-btn-one {
            width: 100%;
            text-align: center;
            padding: 15px 30px;
            margin-top: 20px;
        }

    .course-sidebar .sidebar-widget .course {
        padding: 10px;
        display: flex;
        align-items: start;
        flex-wrap: wrap;
        gap: 10px;
        border-radius: 8px;
        background-color: #FFFFFF;
        justify-content: space-between;
        box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.08);
        margin-bottom: 20px;
    }

        .course-sidebar .sidebar-widget .course:last-child {
            margin-bottom: 0;
        }

        .course-sidebar .sidebar-widget .course img {
            width: 80px;
            height: 80px;
            -o-object-fit: cover;
            object-fit: cover;
            border-radius: 5px;
        }

        .course-sidebar .sidebar-widget .course .cnt {
            width: calc(100% - 90px);
        }

            .course-sidebar .sidebar-widget .course .cnt h5 {
                font-family: "Rubik";
                font-style: normal;
                font-weight: 500;
                font-size: 18px;
                color: var(--sec-color);
                margin-bottom: 10px;
            }

            .course-sidebar .sidebar-widget .course .cnt .author {
                display: flex;
                flex-wrap: wrap;
                gap: 10px;
                align-items: center;
                justify-content: space-between;
            }

                .course-sidebar .sidebar-widget .course .cnt .author strong {
                    font-family: "Rubik";
                    font-style: normal;
                    font-weight: 500;
                    font-size: 16px;
                    color: #212529;
                }

.details-cnt h4 {
    font-family: "Rubik";
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    color: var(--sec-color);
}

.details-cnt p {
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    color: #1E2656;
}

.details-cnt .thumb {
    margin-bottom: 40px;
}

    .details-cnt .thumb img {
        width: 100%;
        border-radius: 10px;
    }

.details-cnt .meta {
    display: flex;
    align-items: center;
    gap: 50px;
    flex-wrap: wrap;
    border-bottom: 1px solid #D9D9D9;
    padding-bottom: 15px;
    margin-bottom: 40px;
}

@media (max-width: 767px) {
    .details-cnt .meta {
        gap: 20px;
    }
}

.details-cnt .meta a {
    font-size: 16px;
    color: var(--sec-color);
    font-weight: 500;
}

    .details-cnt .meta a i {
        color: var(--pri-color);
        vertical-align: middle;
    }

.details-cnt .gallery-img {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    margin: 30px 0;
}

    .details-cnt .gallery-img img {
        width: calc(50% - 15px);
        border-radius: 10px;
    }

.details-cnt .tags-social {
    margin: 60px 0;
    padding: 15px 0;
    border-bottom: 1px solid #D9D9D9;
    border-top: 1px solid #D9D9D9;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 50px;
}

@media (max-width: 767px) {
    .details-cnt .tags-social {
        display: block;
    }
}

.details-cnt .tags-social .info-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5px;
}

@media (max-width: 767px) {
    .details-cnt .tags-social .info-list {
        justify-content: start;
    }
}

.details-cnt .tags-social .info-list h5 {
    font-family: "Rubik";
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    color: #0A165E;
    margin: 0;
}

.details-cnt .tags-social .info-list a {
    font-family: "Rubik";
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    color: #0A165E;
}

.details-cnt .tags-social .info-list.social {
    gap: 15px;
}

@media (max-width: 767px) {
    .details-cnt .tags-social .info-list.social {
        margin-top: 20px;
    }
}

.details-cnt .tags-social .info-list.social a {
    height: 30px;
    width: 30px;
    line-height: 32px;
    text-align: center;
    background-color: #F9F3EF;
    border-radius: 50%;
    font-size: 14px;
    color: var(--pri-color);
}

blockquote {
    position: relative;
    background: rgba(255, 216, 193, 0.5);
    border-radius: 8px;
    padding: 50px;
    border-left: 10px solid var(--pri-color);
    margin-bottom: 20px;
}

    blockquote::after {
        position: absolute;
        content: url(../img/icons/quote-2.svg);
        top: 50%;
        right: 30px;
        opacity: 0.5;
    }

.comments h4 {
    font-family: "Rubik";
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    color: #0A165E;
    margin-bottom: 40px;
}

.comments .single-comment {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
    margin-bottom: 50px;
}

    .comments .single-comment img {
        height: 80px;
        width: 80px;
        border-radius: 50%;
    }

    .comments .single-comment .commentor-info h5 {
        font-weight: 600;
        font-size: 16px;
        color: #0A165E;
        margin-bottom: 5px;
    }

    .comments .single-comment .commentor-info span {
        font-weight: 400;
        font-size: 14px;
        color: #0A165E;
    }

    .comments .single-comment .commentor-info p {
        font-weight: 400;
        font-size: 16px;
        color: #0A165E;
    }

    .comments .single-comment .commentor-info a {
        background: #800000;
        border-radius: 2px;
        padding: 5px 10px;
        color: #fff;
        text-transform: uppercase;
        display: inline-block;
        margin-top: 10px;
        font-size: 14px;
        font-weight: 500;
    }

.comment-form {
    padding-top: 30px;
    border-top: 1px solid #D9D9D9;
}

    .comment-form h4 {
        font-family: "Rubik";
        font-style: normal;
        font-weight: 600;
        font-size: 20px;
        color: #0A165E;
        margin-bottom: 40px;
    }

    .comment-form input,
    .comment-form textarea {
        box-sizing: border-box;
        width: 100%;
        height: 52px;
        border: 1px solid #D9D9D9;
        border-radius: 8px;
        padding: 0 20px;
        margin-bottom: 20px;
        font-weight: 500;
        font-size: 14px;
        color: #0A165E;
    }

    .comment-form textarea {
        height: 120px;
        padding: 20px;
    }

    .comment-form input[type=submit] {
        border: none;
        width: auto;
        min-width: 215px;
        font-weight: 500;
        font-size: 18px;
        color: #fff;
        background-color: var(--pri-color);
        margin: 0;
    }

.blog-sidebar .widget-sidebar {
    background: #F9F3EF;
    border-radius: 5px;
    padding: 30px;
    margin-bottom: 40px;
}

    .blog-sidebar .widget-sidebar h4 {
        font-family: "Rubik";
        font-style: normal;
        font-weight: 600;
        font-size: 20px;
        color: var(--sec-color);
        margin-bottom: 25px;
    }

    .blog-sidebar .widget-sidebar form {
        position: relative;
    }

        .blog-sidebar .widget-sidebar form input {
            width: 100%;
            height: 62px;
            background: #FFFFFF;
            border-radius: 5px;
            border: none;
            padding: 0 20px 0 45px;
        }

        .blog-sidebar .widget-sidebar form i {
            position: absolute;
            left: 20px;
            top: 50%;
            transform: translateY(-50%);
            font-size: 15px;
        }

    .blog-sidebar .widget-sidebar ul.category {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .blog-sidebar .widget-sidebar ul.category li {
            display: flex;
            align-items: center;
            justify-content: space-between;
            font-family: "Rubik";
            margin-bottom: 10px;
        }

            .blog-sidebar .widget-sidebar ul.category li a {
                font-family: "Rubik";
                font-style: normal;
                font-weight: 500;
                font-size: 16px;
                color: var(--sec-color);
                transition: all 0.5s ease-out 0s;
            }

            .blog-sidebar .widget-sidebar ul.category li span {
                transition: all 0.5s ease-out 0s;
            }

            .blog-sidebar .widget-sidebar ul.category li:hover a,
            .blog-sidebar .widget-sidebar ul.category li:hover span {
                color: var(--pri-color);
            }

    .blog-sidebar .widget-sidebar .mini-blog-cart {
        display: flex;
        align-items: center;
        gap: 20px;
        margin-bottom: 20px;
    }

        .blog-sidebar .widget-sidebar .mini-blog-cart img {
            height: 90px;
            width: 90px;
            border-radius: 10px;
        }

        .blog-sidebar .widget-sidebar .mini-blog-cart .cnt h4 {
            font-family: "Rubik";
            font-style: normal;
            font-weight: 600;
            font-size: 18px;
            color: var(--sec-color);
            margin-bottom: 10px;
        }

        .blog-sidebar .widget-sidebar .mini-blog-cart .cnt span {
            font-family: "Rubik";
            font-style: normal;
            font-weight: 400;
            font-size: 16px;
            color: #1E2656;
        }

    .blog-sidebar .widget-sidebar .tag-list a {
        background: #FFFFFF;
        border-radius: 5px;
        padding: 10px 15px;
        margin: 5px;
        display: inline-block;
        color: #1E2656;
        font-size: 15px;
        font-weight: 500;
        transition: all 0.5s ease-out 0s;
    }

        .blog-sidebar .widget-sidebar .tag-list a:hover {
            color: var(--pri-color);
        }

.photo-gallery .load-more {
    margin-top: 60px;
}

    .photo-gallery .load-more a {
        font-size: 14px;
        min-width: 150px;
        letter-spacing: 1.5px;
        text-transform: uppercase;
    }

.gallery-images {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    justify-content: center;
    margin: 0 auto;
}

    .gallery-images a {
        border: 1px solid #ddd;
        border-radius: 5px;
        background-color: #f9f9f9;
    }

        .gallery-images a img {
            border-radius: 5px;
            width: 100%;
            height: 200px;
            object-fit: cover;
        }

footer {
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    background-image: url(../img/home-1/footer-bg.jpg);
    background: maroon;
}

.footer-top {
    position: relative;
    background: #422D20;
    border-radius: 10px;
    padding: 60px 45px;
    margin-bottom: 65px;
}

    .footer-top:after {
        border-top: 40px solid transparent;
        border-right: 1300px solid #322218;
        position: absolute;
        content: "";
        right: 0;
        bottom: 0;
        width: 100%;
    }

    .footer-top .app-cnt strong {
        color: var(--pri-color);
        display: block;
        margin-bottom: 5px;
        font-weight: 600;
    }

    .footer-top .app-cnt h2 {
        color: #fff;
        display: block;
        margin-bottom: 0;
        font-size: 36px;
        font-weight: 600;
    }

    .footer-top .app-store {
        display: flex;
        align-items: center;
        justify-content: end;
        gap: 30px;
    }

@media (max-width: 1399px) {
    header .header-main .menu-wrap ul.main-menu li a {
        font-size: 14px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .footer-top .app-store {
        justify-content: start;
        margin-top: 20px;
    }
}

.footer-widget .logo {
    margin-bottom: 20px;
}

.footer-widget p {
    font-weight: 400;
    font-size: 16px;
    color: #F3F3F3;
}

.footer-widget h5 {
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 35px;
}

.footer-widget ul.social-media {
    list-style: none;
    padding: 0;
    margin-top: 30px;
}

    .footer-widget ul.social-media li {
        display: inline-block;
        margin-right: 10px;
    }

        .footer-widget ul.social-media li a {
            display: inline-block;
            height: 40px;
            width: 40px;
            line-height: 40px;
            background-color: #fff;
            border-radius: 50%;
            text-align: center;
            color: var(--pri-color);
            font-size: 16px;
            transition: all 0.5s ease-out 0s;
        }

            .footer-widget ul.social-media li a:hover {
                color: #fff;
                border-radius: 8px;
                background-color: #000000;
            }

.footer-widget ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .footer-widget ul li {
        display: block;
        margin-bottom: 10px;
    }

        .footer-widget ul li:last-child {
            margin-bottom: 0;
        }

        .footer-widget ul li a {
            font-weight: 400;
            font-size: 16px;
            color: #F3F3F3;
            transition: all 0.5s ease-out 0s;
        }

            .footer-widget ul li a:hover {
                color: #7f7f7f;
            }

.footer-widget .info a,
.footer-widget .info p {
    display: block;
    font-weight: 400;
    font-size: 16px;
    color: #F3F3F3;
    margin-bottom: 15px;
    transition: all 0.5s ease-out 0s;
}

    .footer-widget .info a:last-child,
    .footer-widget .info p:last-child {
        margin-bottom: 0;
    }

    .footer-widget .info a i,
    .footer-widget .info p i {
        color: #ffffff;
        margin-right: 10px;
        transition: all 0.5s ease-out 0s;
    }

    .footer-widget .info a:hover,
    .footer-widget .info p:hover {
        color: #7f7f7f;
    }

        .footer-widget .info a:hover i,
        .footer-widget .info p:hover i {
            color: #fff;
        }

.copyright {
    padding: 8px 0;
    text-align: center;
    margin-top: 50px;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

    .copyright p {
        display: block;
        font-weight: 400;
        font-size: 16px;
        color: #D8DBDE;
    }

        .copyright p a {
            font-weight: 400;
            font-size: 16px;
            color: #ffffff;
        }

.mobvision {
    background: #FFEFEF;
    padding: 50px 0px;
}

.content h4 {
    margin-bottom: 0px;
    text-align: center;
}

.sec-pad-top {
    position: relative;
}

    .sec-pad-top::before {
        position: absolute;
        content: "";
        left: 0px;
        top: -35px;
        width: 100%;
        background-image: url(../img/home-2/instructor-top.png);
        height: 35px;
        filter: grayscale(1);
    }

.partner h4 {
    font-size: 20px;
    margin-bottom: 0px;
    margin-top: 8px;
}

.whatsbtn img, .call img {
    width: 39px;
}

.call {
    position: fixed;
    bottom: 147px;
    right: 28px;
    z-index: 99;
}

.whatsbtn {
    position: fixed;
    bottom: 103px;
    right: 28px;
    z-index: 99;
}

.mobbox img {
    padding: 6px;
    box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);
    background: #fff;
}

.pl40 {
    padding-left: 40px;
}

.carousel-inner {
    margin-top: 121px;
}

@media(max-width:991px) {
    .dnone {
        display: none;
    }

    .header-main .logo a img {
        max-width: 316px;
    }

    .copyright {
        margin-top: 30px;
    }

    .partner img {
        width: 100%;
    }

    .about-us-two .about-cnt .phone {
        margin: 20px 0;
    }

    .about-us-two .about-cnt p {
        text-align: justify;
    }

    .mobvision {
        padding: 20px 0px;
    }

    .pl40 {
        padding-left: 10px !important;
    }

    .breadcrumb-area {
        height: 224px;
        margin-top: 75px;
    }

    .gallery-images {
        grid-template-columns: repeat(3, 1fr);
    }

    #a {
        order: 1;
        margin-bottom: 25px;
    }

    #b {
        order: 2;
        margin-bottom: 25px;
    }

    #c {
        order: 4;
        margin-bottom: 25px;
    }

    #d {
        order: 3;
        margin-bottom: 25px;
    }

    #e {
        order: 5;
        margin-bottom: 25px;
    }

    #f {
        order: 6;
        margin-bottom: 25px;
    }

    #g {
        order: 8;
        margin-bottom: 25px;
    }

    #h {
        order: 7;
        margin-bottom: 25px;
    }

    #i {
        order: 9;
        margin-bottom: 25px;
    }

    .pb33 {
        padding-bottom: 33px;
    }

    .mt5 {
        margin-top: 0px !important;
    }

    .responsive-table {
        width: 100%;
        border-collapse: collapse;
        overflow-x: auto;
        display: block;
        border: none
    }
}

@media(max-width:767px) {
    .carousel-inner {
        margin-top: 78px;
    }

    header .header-main .logo a img {
        max-width: 213px;
        padding: 8PX 0PX 0PX;
    }

    .contact-info {
        height: auto;
    }

    .gallery-images {
        grid-template-columns: repeat(2, 1fr);
    }

    td, th {
        padding: 2px 6px !important;
        font-size: 13px !important;
    }

    .breadcrumb-area {
        height: 176px;
        margin-top: 75px;
    }

        .breadcrumb-area .breadcrumb-content h2 {
            font-size: 25px;
        }
}

@media(max-width:460px) {
    header .header-main .logo a img {
        max-width: 216px !important;
        padding: 11PX 0PX 0PX !important;
    }

    .gallery-images {
        grid-template-columns: repeat(1, 1fr);
    }
}

.about-cnt ul li {
    font-weight: 400;
    font-size: 16px;
    color: #535355;
    margin-bottom: 10px;
}

.about-cnt ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin: 20px 0 30px;
}

.mob-course {
    background: #800000;
    color: #fff;
    padding: 5px 5px;
    border-radius: 5px;
    font-weight: 400;
    font-size: 15px;
}

.about-cnt p {
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    color: #535355;
    margin-top: 15px;
}

.mt5 {
    margin-top: 30px;
}

table {
    /* border: 1px solid; */
    border-collapse: collapse;
    margin: 30px 0px;
    width: 100%;
}

th {
    /* border: 1px solid #393185; */
    padding: 10px 10px;
    border-right: 1px solid #8f88d7;
    color: #ffffff !important;
    background: #800000;
    font-size: 15px;
    line-height: 1.2;
}

td {
    /* border: 1px solid #393185; */
    padding: 10px 10px;
    color: #000;
    font-size: 15px;
    line-height: 1.5;
    text-transform: capitalize;
}

td, th {
    border: 1px solid #e2e2e2;
    padding: 6px 10px;
}

.course-slide .contentt p {
    font-family: "Rubik";
    font-style: normal;
    /* font-weight: 500; */
    font-size: 16px;
    line-height: 28px;
    color: #1E2656;
    text-align: justify;
    margin-top: 6px;
}

.course-slide .contentt h4 a {
    font-family: "Rubik";
    font-style: normal;
    font-weight: 600;
    font-size: 21px;
    color: #0A165E;
    /* text-align: center; */
}

.course-slide .contentt h4 {
    text-align: center;
}

.mob_flex {
    justify-content: stretch;
    display: flex;
}



.teacher-table-section {
    position: relative;
    padding: 80px 0px;
}

.teacher-title {
    font-size: 26px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.teacher-table {
    border: 1px solid #000;
    font-size: 15px;
}

    .teacher-table th {
        font-weight: 700;
        background: #800000;
        border: 1px solid #ffffff;
        color: #ffffff !important;
        padding: 12px;
    }

    .teacher-table td {
        border: 1px solid #000;
        vertical-align: middle;
        /* white-space: nowrap; */
        font-size: 15px;
        font-weight: 500;
    }

.teacher-img {
    width: 85px;
    height: 100px;
    object-fit: cover;
    border-radius: 4px;
    border: 1px solid #999;
}

.teacher-table strong {
    font-size: 17px;
    text-transform: uppercase;
}





.results-section h2 {
    /* text-align: center; */
    margin-bottom: 20px;
    margin-top: 20px;
    color: #333;
}

.positions {
    /* display: flex; */
    /* justify-content: space-between; */
    /* gap: 15px; */
    /* flex-wrap: wrap; */
}

.cards {
    flex: 1;
    /* min-width: 220px; */
    padding: 26px;
    font-size: 20px;
    text-align: center;
    border-radius: 8px;
    color: #fff;
    font-weight: bold;
    position: relative;
    margin-top: 10px;
}

.first {
    background: linear-gradient(135deg, #f5b700, #f7d046);
}

.second {
    background: linear-gradient(135deg, #9e9e9e, #cfcfcf);
    color: #222;
}

.third {
    background: linear-gradient(135deg, #cd7f32, #e3a66b);
}

.cards span {
    display: block;
    margin-top: 10px;
    font-size: 18px;
    font-weight: normal;
}

.photos {
    margin-top: 30px;
    text-align: center;
}

    .photos h3 {
        margin-bottom: 15px;
        color: #333;
    }

.photo-box {
    display: inline-block;
    width: 120px;
    height: 120px;
    margin: 10px;
    background: #e0e0e0;
    border-radius: 8px;
    line-height: 120px;
    color: #666;
    font-size: 14px;
}

.cards img {
    height: 90px;
    width: 90px;
    border-radius: 50%;
    position: absolute;
    top: 12px;
    left: 4px;
    border: 2px solid #ffffff;
}


@media (max-width: 1199px) {
    .cards {
        text-align: end;
    }
}

@media (max-width: 991px) {
    #a{order:2;}
    #b{order:1;}
    #c{order:3;}
    #d{order:4;}
    #e{order:6;}
    #f{order:5;}
    #g{order:7;}
    #h{order:8;}
}
@media (max-width: 767px) {
    .teacher-img {
        width: 85px;
        height: auto;
    }

    .teacher-table td {
        white-space: nowrap;
    }

    .teacher-table strong {
        font-size: 15px;
    }
}