:root {
    /*--primary-color: #a18ac0;*/
    --primary-color:#8866b7;
    /*--primary-color:#8d1173;*/
    --secondary-color: #e45656eb;
    --btn-color: #ecbd00;
}

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

@font-face {
    font-family: 'MontserratBold';
    src: url('../Fonts/Montserrat-Bold.eot');
    src: url('../Fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'), url('../Fonts/Montserrat-Bold.woff2') format('woff2'), url('../Fonts/Montserrat-Bold.woff') format('woff'), url('../Fonts/Montserrat-Bold.ttf') format('truetype'), url('../Fonts/Montserrat-Bold.svg#IntroRustG-Base2Line') format('svg');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'MontserratRegular';
    src: url('../Fonts/Montserrat-Regular.eot');
    src: url('../Fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'), url('../Fonts/Montserrat-Regular.woff2') format('woff2'), url('../Fonts/Montserrat-Regular.woff') format('woff'), url('../Fonts/Montserrat-Regular.ttf') format('truetype'), url('../Fonts/Montserrat-Regular.svg') format('svg');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'NunitoExtraLight';
    src: url('../Fonts/Nunito-ExtraLight.eot');
    src: url('../Fonts/Nunito-ExtraLight.eot?#iefix') format('embedded-opentype'), url('../Fonts/Nunito-ExtraLight.woff2') format('woff2'), url('../Fonts/Nunito-ExtraLight.woff') format('woff'), url('../Fonts/Nunito-ExtraLight.ttf') format('truetype'), url('../Fonts/Nunito-ExtraLight.svg') format('svg');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'TangerineBold';
    src: url('../Fonts_Old/Tangerine-Bold.eot');
    src: url('../Fonts_Old/Tangerine-Bold.eot?#iefix') format('embedded-opentype'), url('../Fonts_Old/Tangerine-Bold.woff2') format('woff2'), url('../Fonts_Old/Nunito-ExtraLight.woff') format('woff'), url('../Fonts/Nunito-ExtraLight.ttf') format('truetype'), url('../Fonts_Old/Nunito-ExtraLight.svg') format('svg');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'Nunito-Bold';
    src: url('../Fonts/Nunito-Bold.eot');
    src: url('../Fonts/Nunito-Bold.eot?#iefix') format('embedded-opentype'), url('../Fonts/Nunito-Bold.woff2') format('woff2'), url('../Fonts/Nunito-Bold.woff') format('woff'), url('../Fonts/Nunito-Bold.ttf') format('truetype'), url('../Fonts/Nunito-Bold.svg') format('svg');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'Nunito-Black';
    src: url('../Fonts/Nunito-Black.eot');
    src: url('../Fonts/Nunito-Black.eot?#iefix') format('embedded-opentype'), url('../Fonts/Nunito-Black.woff2') format('woff2'), url('../Fonts/Nunito-Black.woff') format('woff'), url('../Fonts/Nunito-Black.ttf') format('truetype'), url('../Fonts/Nunito-Black.svg') format('svg');
    font-weight: 300;
    font-display: swap;
}

body {
    width: 100%;
    float: left;
    overflow-x: hidden;
}

.container {
    max-width: 1628px;
}

.container-fluid {
    padding: 0;
    margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
}

/* Header Start Here */
/*.topNav,
.topNav_L,
.topNav_M,
.topNav_R{
    width: 100%;
    float: left;
}
.topNav_M img{
    width: 100%;
    float: left;
} */

.navbar {
    float: right;
}

.navbar-nav {
    margin: 4% 0 0 0;
}

.topNav,
.bottomNav,
.topNav_L,
.topNav_L ul {
    width: 100%;
    float: left;
}

.topNav {
    background: var(--primary-color);
    padding: 10px 0 10px 0;
}

.topNav_L {
    text-align: right;
    margin: 5px 0 0 0;
}

    .topNav_L ul {
        list-style: none;
        margin: 0;
        padding: 0;
        float: right;
    }

        .topNav_L ul li {
            width: auto;
            display: inline-block;
            text-align: right;
            font-family: 'nunito-bold';
        }

            .topNav_L ul li:not(:last-child):after {
                content: '|';
                color: #fff;
                margin: 0 10px 0 10px;
            }

    .topNav_L .afterLogin ul li:after {
        content: unset;
    }

    .topNav_L ul li a {
        text-decoration: none;
        color: #fff;
        font-size: 17px;
    }

    .topNav_L ul li ul li:nth-child(2),
    .topNav_L ul li ul li:nth-child(3) {
        display: inline-block;
    }

/*.bottomNav_R .nav.navbar-nav li:nth-child(6),
.bottomNav_R .nav.navbar-nav li:nth-child(7) {
    display: none;
}*/

#lblcartcount {
    width: 20px;
    height: 20px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    background: #cc1010;
    color: #fff;
    font-weight: bold;
    text-align: center;
    font-size: 12px;
    line-height: 19px;
    bottom: 8px;
    left: 35px;
}

.bottomNav,
.bottomNav_L,
.bottomNav_R {
    width: 100%;
    float: left;
}

.bottomNav {
    border-bottom: 1px solid var(--primary-color);
    padding: 5px 0 5px 0;
}

    .bottomNav.sticky {
        position: fixed;
        top: 0;
        width: 100%;
        background: #fff;
        -webkit-box-shadow: 4px 6px 10px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: 4px 6px 10px rgba(0, 0, 0, 0.5);
        -ms-box-shadow: 4px 6px 10px rgba(0, 0, 0, 0.5);
        -o-box-shadow: 4px 6px 10px rgba(0, 0, 0, 0.5);
        box-shadow: 4px 6px 10px rgba(0, 0, 0, 0.5);
        padding: 0 0 10px 0;
        z-index: 999;
    }

        .bottomNav.sticky .bottomNav_L {
            margin: 10px 0 0 0;
        }

            .bottomNav.sticky .bottomNav_L img {
                width: 80%;
            }

.bottomNav_L img {
    width: 100%;
}

.bottomNav_R ul {
    /*margin: 33px 0 0 0;*/
    margin: 35px -16px 0 0;
    padding: 0;
    /*display: flex;*/
}

    .bottomNav_R ul li {
        list-style: none;
    }

        .bottomNav_R ul li a {
            color: #262626;
            font-size: 16px;
            font-weight: 550;
            text-transform: uppercase;
            text-decoration: none;
            /*padding: 5px 10px;*/
            /*padding: 26px;*/
            transition: .5s;
            position: relative;
            margin: 10px;
            font-family: 'nunito-bold';
        }

            /*.bottomNav_R ul li a .nav-item{
    padding: 26px;
}*/

            .bottomNav_R ul li a:before {
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                /*border-top: 1px solid var(--primary-color);
    border-bottom: 1px solid var(--primary-color);*/
                transition: .5s;
                transform: scaleY(2);
                opacity: 0;
            }

.bottomNav_R .dropdown-toggle::after {
    border-top: unset;
}

.bottomNav_R ul li a:hover:before {
    opacity: 1;
    transform: scaleY(1);
}

.bottomNav_R ul li a:after {
    content: '';
    position: absolute;
    top: 0;
    /*left: 0;*/
    left: -1px;
    width: 100%;
    height: 100%;
    transition: .5s;
    transform: scaley(0);
    z-index: -1;
}

.bottomNav_R ul li a:hover:after {
    background: var(--primary-color);
    transform: scaleY(1);
}

.dropdown-item:focus,
.dropdown-item:hover {
    background: var(--primary-color);
}

.bottomNav_R ul li a:hover {
    color: #fff;
}

/*.bottomNav_R .dropdown-item:focus,*/
/*.bottomNav_R .dropdown-item:hover {
    color: rgba(0,0,0,.7);
}*/

.navbar-light .navbar-nav .nav-link {
    color: #262626;
}

.navbar-nav .nav-item.active a:not(.dropdown-item) {
    background: var(--primary-color);
    color: #fff;
}

.navbar-nav .nav-item a:not(.dropdown-item) {
    /*padding: 26px;*/
    padding: 13px;
}

/*.navbar-light .navbar-nav .nav-link:focus,*/
.navbar-light .navbar-nav .nav-link:hover {
    color: #fff;
}

.bottomNav_R .navbar-nav .nav-item {
    margin: 0 8px 0 8px;
}

    .bottomNav_R .navbar-nav .nav-item.dropdown:not(.dropdown-menu .dropdown) {
        /*margin: -14px 0 0 0;*/
        /*margin: -35px 0 -30px 0;*/
        margin: -22px 0 -30px 0;
    }

        .bottomNav_R .navbar-nav .nav-item.dropdown:not(.dropdown-menu .dropdown) .nav-link {
            padding-left: 25px;
            padding-right: 17px;
        }

    .bottomNav_R .navbar-nav .nav-item .dropdown-item {
        padding: 15px;
    }

    .bottomNav_R .navbar-nav .nav-item.dropdown svg {
        margin: 0 0 0 10px;
    }

.navbar-template {
    padding: 40px 15px;
}

.dropdown-menu .dropdown:hover .dropdown-menu {
    display: block;
}

.dropdown-menu .dropdown {
    width: 90%;
    float: left;
}

/*.navbar-nav li:hover {
    background: rgba(0, 0, 0, .12);
}*/

.dropdown-menu li {
    width: 93% !important;
}

.dropdown-item.active,
.dropdown-item:active {
    background-color: #f3f3f3 !important;
}

.bottomNav_R ul li.imgList {
    width: 49% !important;
    float: left;
}

    .bottomNav_R ul li.imgList ul {
        margin: 0;
        padding: 0;
    }

    .bottomNav_R ul li.imgList:nth-child(2) {
        text-align: right;
    }

    .bottomNav_R ul li.imgList img {
        width: 77%;
        border: 1px solid rgba(0,0,0,.12);
        border-radius: 10px;
    }

.dropdown-menu {
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}
/*ViewCart Modal Design Start Here*/
.CstCsrtMain {
    width: 350px;
    max-height: 400px;
    background: #fff;
    position: absolute;
    left: auto;
    right: 2%;
    top: 60px;
    padding: 13px 12px 0 12px;
    z-index: 999;
    transform-origin: center top 0;
    transition: all 0.5s ease 0s;
    transform: rotateX(90deg);
    opacity: 0;
    visibility: hidden;
    box-shadow: 3px 3px 3.76px 3.24px rgba(0, 0, 0, .15);
    overflow-y: scroll;
    border-radius: 5px;
}

    .CstCsrtMain.cart_visible {
        opacity: 1;
        visibility: visible;
        transform: rotateX(0deg);
        overflow: hidden;
    }

.CstCsrtMain-tp {
    width: 100%;
    float: left;
    max-height: 251px;
    overflow-y: scroll;
}

    .CstCsrtMain-tp ul {
        width: 100%;
        float: left;
        padding: 0;
    }

        .CstCsrtMain-tp ul li {
            list-style: none;
            width: 100%;
            float: left;
            margin: 0 0 6px 0;
            border-bottom: 1px solid rgba(0, 0, 0, .12);
            padding: 3px 0;
        }


.CstCsrtMain-tpLft {
    float: left;
    display: inline-block;
    width: 30%;
}

    .CstCsrtMain-tpLft img {
        width: 100px;
        height: 100px;
        border: 1px solid rgba(0,0,0,.12);
    }

.CstCsrtMain-tpRyt {
    float: right;
    display: inline-block;
    width: 65%;
    padding: 0 0 0 8px;
    min-height: unset;
}

    .CstCsrtMain-tpRyt ul {
        float: left;
    }

        .CstCsrtMain-tpRyt ul li {
            list-style: none;
            font-size: 15px;
            font-weight: 500;
            border: none;
            margin: 0;
            padding: 0;
            text-align: left;
        }

            .CstCsrtMain-tpRyt ul li h6 {
                text-transform: uppercase;
                font-family: 'nunito-bold';
                font-size: 15px;
            }

            .CstCsrtMain-tpRyt ul li span {
                font-weight: 400;
            }

.CstCsrtMain-btm {
    text-align: center;
    width: 100%;
    float: left;
    padding: 14px 0 17px 0;
    border-top: 1px solid rgba(0,0,0,.12);
}

.afterLogin {
    position: fixed;
    background: #fff;
    display: none;
    padding: 10px 0;
    width: 150px;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    z-index: 9;
}

    .afterLogin ul {
        float: unset;
    }

.topNav_L #log:hover .afterLogin {
    display: block;
}

.afterLogin ul li {
    display: block;
    padding: 5px 10px;
    width: 100%;
    text-align: left;
    margin: 0;
}

    .afterLogin ul li a {
        color: #000;
    }

    .afterLogin ul li:hover {
        background: rgba(0, 0, 0, .12);
    }

        .afterLogin ul li:hover a {
            color: #000;
        }

    .afterLogin ul li:after {
        content: unset;
    }

/* Banner Start Here */
.banner {
    width: 100%;
    float: left;
    /*height: 720px;*/
    position: relative;
    display: content;
}

.bannerMn,
.banner_txt,
.banner_txt h2 {
    width: 100%;
    float: left;
}

    .banner_txt h2 {
        color: #2E3544;
        font-size: 40px;
        font-family: 'TangerineBold';
        line-height: 60px;
        position: absolute;
        top: 50%;
        left: 40%;
        width: 40%;
        transform: translate(-50%, -50%);
    }

    .banner_txt a {
        position: absolute;
        bottom: 7%;
        left: 20%;
    }

/* Section-1 Start Here */
.section1 {
    width: 100%;
    float: left;
    padding: 50px 0 50px 0;
}


.section1_Mn {
    width: 80%;
    margin: auto;
}

    .section1_Mn h2 {
        font-family: 'nunito-bold';
        text-align: center;
        font-size: 45px;
        color: var(--primary-color);
        width: 60%;
        margin: 0 auto 20px auto;
    }

    .section1_Mn p {
        font-family: sans-serif;
        font-size: 22px;
        color: rgb(91, 98, 125);
        line-height: 35px;
        text-align: center;
        width: 80%;
        margin: auto;
    }

/* Section-2 Start Here */
.section2,
.section2_Mn,
.section2_Itm {
    width: 100%;
    float: left;
}

.BdrImg {
    width: 100%;
    text-align: center;
}

.section2 {
    padding: 50px 0 50px 0;
}

    .section2 .SubTtl h2 {
        text-align: center;
    }

.section2_Mn {
    position: relative;
    margin: 0 auto;
    padding: 50px 0 0 0;
    list-style: none;
    text-align: center;
}

    .section2_Mn figure {
        position: relative;
        float: left;
        overflow: hidden;
        margin: 10px 1%;
        height: 400px;
        background: #3085a3;
        text-align: center;
        cursor: pointer;
    }

        .section2_Mn figure img {
            position: relative;
            display: block;
            min-height: 100%;
            max-width: 100%;
            opacity: 0.8;
        }

figure.effect-oscar {
    background: -webkit-linear-gradient(45deg, #22682a 0%, #9b4a1b 40%, #3a342a 100%);
    background: linear-gradient(45deg, #22682a 0%, #9b4a1b 40%, #3a342a 100%);
}

    figure.effect-oscar img {
        opacity: 0.9;
        -webkit-transition: opacity 0.35s;
        transition: opacity 0.35s;
    }

    figure.effect-oscar figcaption {
        padding: 3em;
        background-color: rgba(58, 52, 42, 0.2);
        -webkit-transition: background-color 0.35s;
        transition: background-color 0.35s;
    }

.section2_Mn figure figcaption,
.section2_Mn figure figcaption > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.section2_Mn figure figcaption {
    padding: 2em;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

figure.effect-oscar figcaption::before {
    position: absolute;
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
    border: 1px solid #fff;
    content: '';
}

.section2_Mn figure figcaption::before,
.section2_Mn figure figcaption::after {
    pointer-events: none;
}

figure.effect-oscar h2 {
    margin: 20% 0 10px 0;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    font-family: 'nunito-bold';
}

.section2_Mn figure p {
    letter-spacing: 1px;
    font-size: 68.5%;
}

figure.effect-oscar figcaption::before,
figure.effect-oscar .submitBtn,
figure.effect-oscar p {
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale(0);
    transform: scale(0);
    font-family: sans-serif;
    font-weight: 510;
    line-height: 23px;
}

figure.effect-oscar .submitBtn {
    position: absolute;
    left: 50%;
    bottom: 8%;
    transform: translateX(-50%);
}

.section2_Mn figure figcaption > a {
    z-index: 1000;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
    opacity: 0;
}

.section2_Mn figure figcaption,
.section2_Mn figure figcaption > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

figure.effect-oscar:hover h2 {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    font-family: 'nunito-bold';
}

figure.effect-oscar:hover figcaption::before,
figure.effect-oscar:hover p {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

figure.effect-oscar:hover .submitBtn {
    opacity: 1;
    transform: translateX(-50%), scale(1);
    -webkit-transform: translateX(-50%), scale(1);
}

figure.effect-oscar:hover figcaption {
    background-color: rgba(58, 52, 42, 0);
}

figure.effect-oscar:hover img {
    opacity: 0.4;
}


/*Our Services Section Start Here*/

/*.services,
.services_Mn {
    width: 100%;
    float: left;
}

.services {
    padding: 60px 0 60px 0;
}

    .services .SubTtl h2 {
        text-align: center;
    }

.services_Mn {
    padding: 1em 0 4em;
}

    .services_Mn .col-xxl-4 {
        padding: 0;
    }

.services_Itm {
    width: 100%;
    float: left;
    text-align: center;
    height: 380px;
    border: 1px solid rgba(0,0,0,.12);
    background: #f3f3f3;
}

    .services_Itm img {
        width: 100%;
        height: 100%;
    }

    .services_Itm h2 {
        font-family: 'nunito-bold';
        font-size: 40px;
        color: var(--primary-color);
    }

    .services_Itm p {
        font-family: sans-serif;
        font-size: 20px;
        width: 100%;
        float: left;
        color: #5b627d;
        line-height: 31px;
        margin: 7px 0 0 0;
    }

.services_txt {
    padding: 90px 30px 20px 30px;
}*/

.services,
.services_Mn,
.services_Itm,
.services_Img,
.services_Txt {
    width: 100%;
    float: left;
}

.services {
    padding: 50px 0 50px 0;
    background: #fbf8ff;
}

    .services .SubTtl h2 {
        text-align: center;
    }

.services_Mn {
    padding: 50px 0 0 0;
}

.services_Itm {
    border: 1px solid rgba(0,0,0,.12);
    text-align: center;
}

.services_Img {
    height: 250px;
}

    .services_Img img {
        width: 100%;
    }

.services_Txt {
    padding: 20px;
    height: 370px;
    background: #fff;
    position: relative;
}

    .services_Txt .submitBtn {
        position: absolute;
        bottom: 5px;
        left: 50%;
        transform: translateX(-50%);
    }

    .services_Txt h3 {
        font-family: 'nunito-bold';
        color: var(--primary-color);
    }

    .services_Txt p {
        font-family: sans-serif;
        font-size: 18px;
        width: 100%;
        float: left;
        color: #5b627d;
        line-height: 31px;
        margin: 7px 0 0 0;
        padding: 0;
    }

/* Section-3 Start Here */
.section3 {
    width: 100%;
    float: left;
    padding: 50px 0 50px 0;
}

    .section3 .SubTtl h2 {
        text-align: center;
    }

.HomeTtl,
.HomeTtl h2,
.Ttl,
.Ttl h2 {
    width: 100%;
    float: left;
}

.HomeTtl {
    padding: 2px 0;
}

    .HomeTtl h2 {
        font-family: 'TangerineBold';
        font-size: 65px;
        text-align: center;
    }

        .HomeTtl h2:after {
            content: '';
            background-image: url('../images/heading.png');
        }

    .HomeTtl p {
        text-align: center;
        font-family: sans-serif;
        font-size: 19px;
        width: 100%;
        float: left;
    }

.Ttl {
    margin: 0 0 43px 0;
    padding: 3px 0;
    background: var(--primary-color);
}

    .Ttl h2 {
        font-family: 'nunito-bold';
        font-size: 35px;
        text-align: center;
        color: #fff;
        margin: 0;
        padding: 7px 0;
    }

    .Ttl p {
        width: 100%;
        float: left;
        text-align: center;
        font-family: 'nunito-bold';
        color: #737373;
        font-size: 17px;
    }

.BooksGrd_All {
    float: left;
    width: 100%;
    text-align: center;
    margin: 0 0 40px 0;
}

    .BooksGrd_All .SbLstMn {
        border: 1px solid rgba(0, 0, 0, .12);
        box-shadow: 20px 20px 20px rgb(165 165 165 / 10%);
        transition: all .3s ease-in-out;
        display: grid;
        margin: auto;
    }

/*.BooksGrd_All .SbLstMn:hover {
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}*/

.SbLstMn {
    display: block;
    position: relative;
    width: 246px;
}

.prodHeight .SbLstMn {
    width: 265px;
}

.SbLstMnImg {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
    background: #fff;
}

    .SbLstMnImg .mainimage {
        display: inline-block;
        width: 100%;
        height: 280px;
    }

.BooksGrd_All .SbLstMn:hover .SbLstMnImg .mainimage {
    scale: 1.5;
    transition: all .3s ease-in-out;
}

.SbLstMn-1 img {
    transform: scale(0.9);
    transition: all .5s ease-in-out;
}

.divProd {
    width: 100%;
    float: left;
    padding: 50px 0 0 0;
}

.prod_action {
    position: absolute;
    right: -25%;
    transition: all .3s ease-in-out;
    top: 50%;
    transform: translateY(-50%);
}

.SbLstMnImg:hover .prod_action {
    right: 5%;
}

.prod_action ul {
    width: auto;
    list-style: none;
    margin: 0;
    padding: 0;
}

    .prod_action ul li {
        height: 40px;
        width: 40px;
        border-radius: 50%;
        background: #fff;
        box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
        margin: 5px 0;
        border: 1px solid rgba(0, 0, 0, .12);
    }

        .prod_action ul li a {
            color: #000;
            line-height: 40px;
            text-align: center;
        }

.filledwish a {
    color: white !important;
}

.prod_action .wish_list span,
.prod_action .quick_view span,
.prod_action .add_cart span {
    background: #333030;
    color: #fff;
    padding: 5px;
    opacity: 0;
    transition: all .3s ease-in-out;
}

.prod_action .wish_list span {
    top: 5%;
    right: -50%;
    position: absolute;
}

.prod_action .wish_list:hover span {
    right: 100%;
    opacity: 1;
}

.prod_action .quick_view span {
    top: 15%;
    right: -50%;
    position: absolute;
}

.prod_action .quick_view:hover span {
    right: 100%;
    opacity: 1;
}

.prod_action .add_cart span {
    top: 55%;
    right: -50%;
    position: absolute;
}

.prod_action .add_cart:hover span {
    right: 100%;
    opacity: 1;
}

.SbLstMnDtl {
    float: left;
    width: 100%;
    background: #fff;
    padding: 8px 12px;
    max-height: 228px;
    position: relative;
    min-height: 135px;
    text-align: left;
    border-top: 1px solid rgba(0,0,0,.12);
}

.section6 .SbLstMnDtl,
.HomeSec5_Mn .SbLstMnDtl {
    min-height: 90px;
}

.Related_ProData .BooksGrd_All .SbLstMnDtl {
    padding: 20px 16px 20px 16px;
    padding: 10px 16px 0 16px;
    min-height: 70px !important;
}

.BooksGrd_All .SbLstMnDtl h3 {
    margin-bottom: 5px;
}

.SbLstMnDtl h3 a,
.SbLstMnDtl h3 span {
    float: left;
    width: 100%;
    font-weight: 500;
    color: #000;
    font-size: 15px;
    line-height: 21px;
    text-decoration: none;
    font-family: 'nunito-bold';
    text-transform: uppercase;
    letter-spacing: 0;
}

.SbLstMnDtl h3 span {
    color: red;
}

.SbLstMnDtl .price {
    font-family: 'nunito-bold';
    font-family: 300;
    font-size: 14px;
}

.prodHeight .SbLstMnDtl {
    min-height: 100px;
}

.prodHeight .SbLstMn {
    transition: all .3s ease-in-out;
}

    .prodHeight .SbLstMn:hover .SbLstMnImg img {
        scale: 1.2;
        transition: all .3s ease-in-out;
    }

    .prodHeight .SbLstMn:hover {
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    }

.AddToCart {
    width: 200px;
    margin: 8px auto 8px auto !important;
    display: block;
    position: absolute;
    bottom: 4%;
    left: 50%;
    transform: translateX(-50%);
    background: var(--primary-color);
    padding: 10px 30px 10px 30px;
    color: #fff;
    border-radius: 30px;
    border: none;
    text-decoration: none;
    font-family: 'nunito-bold';
    text-align: center;
    cursor: pointer;
    margin: 1em 2em;
    text-transform: uppercase;
    transition: all .3s ease-in-out;
    border: 1px solid transparent;
    r;
}

    .AddToCart:hover {
        color: var(--primary-color);
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
        background: #fff;
        border: 1px solid var(--primary-color);
    }

.bounce:hover {
    animation: bounce 1s;
    -webkit-animation: bounce 1s;
}

.owl-dots {
    display: none !important;
}

.owl-nav {
    display: block !important;
}

    .owl-nav .owl-prev,
    .owl-nav .owl-next {
        font-size: 32px !important;
        height: 50px;
        width: 50px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.12);
        border: 1px solid var(--primary-color) !important;
        border-radius: 50%;
        transition: all .3s ease-in-out;
        color: var(--primary-color) !important;
    }

        .owl-nav .owl-prev:hover,
        .owl-nav .owl-next:hover {
            background: var(--primary-color) !important;
            color: #fff !important;
        }

    .owl-nav button span {
        font-size: 42px !important;
        position: absolute;
        top: 39%;
        left: 50%;
        transform: translate(-50%,-50%);
    }

    .owl-nav .owl-prev {
        left: -4%;
    }

    .owl-nav .owl-next {
        right: -4%;
    }

.HomeSec5_Mn,
.HomeSec5_Lft,
.HomeSec5_Ryt {
    width: 100%;
    float: left;
}

    .HomeSec5_Lft img {
        width: 92%;
        border-radius: 15px;
    }

.HomeSec5_Ryt {
    text-align: center;
    margin: 0 30px 0 40px;
}

    .HomeSec5_Ryt .SbLstMnDtl {
        min-height: unset;
    }

.section3 .owl-nav,
.section6 .owl-nav .HomeSec5_Ryt .owl-nav {
    text-align: center;
}

    .section3 .owl-nav .owl-prev,
    .section3 .owl-nav .owl-next,
    .section6 .owl-nav .owl-prev,
    .section6 .owl-nav .owl-next,
    .HomeSec5_Ryt .owl-nav .owl-prev,
    .HomeSec5_Ryt .owl-nav .owl-next {
        position: relative;
        top: unset;
        transform: unset;
    }

    .section3 .owl-nav .owl-prev,
    .HomeSec5_Ryt .owl-nav .owl-prev {
        left: -3px;
    }

    .section3 .owl-nav .owl-next,
    .HomeSec5_Ryt .owl-nav .owl-next {
        right: -3px;
    }

.HomeSec5_Ryt .prodHeight .SbLstMn {
    width: 235px;
}

/* Section-4 Start Here */
.section4,
.section4_Mn,
.section4_Lft,
.section4_Ryt {
    width: 100%;
    float: left;
}

.section4 {
    background: #f8f2ff9c;
    padding: 50px 0;
}

.section4_Lft {
    padding: 110px 0 0 130px;
}

    .section4_Lft h3 {
        font-family: 'TangerineBold';
        font-size: 65px;
    }

    .section4_Lft p,
    .section4_Lft ul li {
        line-height: 2.0em;
        font-family: sans-serif;
        font-size: 17px;
        font-weight: 500;
    }

.section4_Ryt {
    text-align: center;
}

    .section4_Ryt img {
        width: 62%;
    }

/*Section-4 image Animation Start Here*/
.sec4Img {
    position: relative;
    display: inline-block;
    background-image: url('../images/bodyBg.png');
}

    /*.sec4Img .sec4Img1,*/
    .sec4Img .sec4Img2
    /*.sec4Img .sec4Img3,
.sec4Img .sec4Img4,
.sec4Img .sec4Img5,
.sec4Img .sec4Img6,
.sec4Img .sec4Img7,
.sec4Img .sec4Img8,
.sec4Img .sec4Img9*/ {
        position: absolute;
    }

/*Section-4 image Animation End Here*/

/* Section-6 Start Here */
.section6 {
    /*background: #F4F9F7;*/
    background: #f5f5f5;
}

/* Section-7 Start Here */
.section7 {
    /*background: #fff;
    background-image: url(../images/section7_bg.png);
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 10%;*/
    background: #fff;
    background-image: url('../images/BgShape1.png');
    background-repeat: no-repeat;
}

    .section7 .section2_Lft img {
        width: 59%;
    }

/* Section-8 Start Here */
.section8 {
    width: 100%;
    float: left;
    background: #fbf8ff;
    padding: 50px 0 50px 0;
}

    .section8 .SubTtl h2 {
        text-align: center;
    }

    .section8 .SubTtl p {
        font-family: sans-serif;
        font-size: 21px;
        width: 100%;
        float: left;
        color: #5b627d;
        line-height: 31px;
        text-align: center;
        margin: 4px 0 0 0;
    }

.section8_Mn {
    width: 100%;
    float: left;
    margin: 50px 0 40px 0;
}

    .section8_Mn .section8_btn {
        width: 100%;
        display: block;
        text-align: center;
        margin: 4% 0 0 0;
    }

.shadow-effect {
    background: #fff;
    padding: 30px 30px 50px 30px;
    border-radius: 4px;
    text-align: center;
    border: 1px solid #ECECEC;
    box-shadow: 0 19px 38px rgba(0, 0, 0, 0.10), 0 15px 12px rgba(0, 0, 0, 0.02);
}

    .shadow-effect ul {
        width: 100%;
        float: left;
        padding: 0;
        margin: 0;
        text-align: center;
    }

        .shadow-effect ul li {
            list-style: none;
            margin: 0 2px 0 2px;
            color: #f2b01e;
            display: inline-block;
            text-align: center;
        }

    .shadow-effect img {
        width: 15% !important;
        margin: auto;
    }

#customers-testimonials .shadow-effect p {
    font-family: sans-serif;
    font-size: 17px;
    line-height: 1.5;
    margin: 0;
    font-weight: 300;
}

.testimonial-img {
    margin: -17px auto 0;
    display: table;
    width: auto;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    height: 65px;
    width: 65px;
    border: 1px solid rgba(0, 0, 0, .12);
}

.testimonial-name {
    font-family: 'nunito-bold';
}

#customers-testimonials .item {
    text-align: center;
    padding: 0 50px;
    opacity: .2;
    -webkit-transform: scale3d(0.8, 0.8, 1);
    transform: scale3d(0.8, 0.8, 1);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#customers-testimonials .owl-item.center .shadow-effect {
    background: var(--primary-color);
}

    #customers-testimonials .owl-item.center .shadow-effect p {
        color: #fff;
    }

#customers-testimonials .owl-item.active.center .item {
    opacity: 1;
    -webkit-transform: scale3d(1.0, 1.0, 1);
    transform: scale3d(1.0, 1.0, 1);
}

#customers-testimonials .owl-carousel .owl-item img {
    transform-style: preserve-3d;
    max-width: 90px;
    margin: 0 auto 17px;
}

#customers-testimonials.owl-carousel .owl-dots .owl-dot.active span,
#customers-testimonials.owl-carousel .owl-dots .owl-dot:hover span {
    background: #3190E7;
    transform: translate3d(0px, -50%, 0px) scale(0.7);
}

#customers-testimonials.owl-carousel .owl-dots {
    display: inline-block;
    width: 100%;
    text-align: center;
}

    #customers-testimonials.owl-carousel .owl-dots .owl-dot {
        display: inline-block;
    }

        #customers-testimonials.owl-carousel .owl-dots .owl-dot span {
            background: #3190E7;
            display: inline-block;
            height: 20px;
            margin: 0 2px 5px;
            transform: translate3d(0px, -50%, 0px) scale(0.3);
            transform-origin: 50% 50% 0;
            transition: all 250ms ease-out 0s;
            width: 20px;
        }

/* Section-9 Start Here */
.BookCons,
.BookCons_Mn {
    width: 100%;
    float: left;
}

.BookCons {
    padding: 70px 0 70px 0;
}

.BookCons_Mn {
    background: #fff;
    background-image: url('../images/bookCons_bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 70px 0;
    text-align: center;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

    .BookCons_Mn h2 {
        color: var(--primary-color);
        font-family: 'nunito-bold';
        font-size: 38px;
    }

    .BookCons_Mn p {
        font-family: sans-serif;
        font-size: 20px;
        margin: 35px auto 40px auto;
        width: 80%;
        line-height: 31px;
    }

/* Footer Start Here */
/*footer,
.footerMn,
.footerMn_1,
.footerMn_2,
.footerMn_3,
.footerMn_4,
.footer_link,
.footer_btm {
    width: 100%;
    float: left;
}

footer {
    background: #fff;
    border-top: 1px solid rgba(0,0,0,.24);
}

footer h5 {
    color: var(--primary-color);
    font-weight: 510;
    font-family: 'nunito-bold';
    font-size: 21px;
    text-transform: uppercase;
}

footer ul li a {
    color: rgba(0,0,0,.7);
}

.footerMn {
    padding: 50px 0 50px 0;
}

.footerMn .col-xxl-4:not(:last-child) {
    border-right: 1px solid rgba(0, 0, 0, .12);
}

.footerMn_1 img {
    width: 77%;
}

.footerMn_1,
.footerMn_2,
.footerMn_3,
.footerMn_4 {
    padding: 0 10px;
}

    .footerMn_1 p {
        font-family: sans-serif;
        font-size: 18px;
        width: 100%;
        float: left;
        color: #5b627d;
        line-height: 25px;
    }

    .footerMn_2 ul,
    .footerMn_3 ul,
    .footerMn_4 ul {
        list-style: none;
        padding: 0;
        margin: 12px 0 0 0;
    }

        .footerMn_2 ul li a,
        .footerMn_3 ul li {
            text-decoration: none;
            font-family: sans-serif;
            font-size: 18px;
            width: 100%;
            float: left;
            color: #5b627d;
            line-height: 25px;
            margin: 2px 0 2px 0;
        }*/

footer,
.footerMn,
.footer1,
.footer2,
.footer3,
.footer4 {
    width: 100%;
    float: left;
}

footer {
    background: #8866b7;
}

.footerMn {
    padding: 50px 0;
}

footer h4 {
    font-family: 'nunito-bold';
    color: #fff;
}

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

    footer ul li {
        font-family: sans-serif;
        font-size: 18px;
        width: 100%;
        float: left;
        color: rgba(255,255,255,.8);
        line-height: 40px;
    }

        footer ul li a {
            text-decoration: none;
            color: rgba(255,255,255,.8);
        }

            footer ul li a:hover {
                color: #fff;
            }

.submitBtn {
    background: var(--primary-color);
    color: #fff;
    border-radius: 30px;
    border: none;
    padding: 10px 30px 10px 30px;
    margin: 8px 0 8px 0;
    font-size: 15px;
    text-decoration: none;
    font-family: 'nunito-bold';
    text-align: center;
    transition: all .3s ease-in-out;
    border: 1px solid transparent;
}

    .submitBtn:hover {
        color: var(--primary-color);
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
        background: #fff;
        border: 1px solid var(--primary-color);
    }

.resetBtn {
    background: #ff6883;
    color: #fff;
    border-radius: 30px;
    border: none;
    padding: 10px 30px 10px 30px;
    margin: 8px 0 8px 0;
    font-size: 15px;
    text-decoration: none;
    font-family: 'nunito-bold';
    transition: all .3s ease-in-out;
    border: 1px solid transparent;
}

    .resetBtn:hover {
        color: #ff6883;
        border: 1px solid #ff6883;
        background: #fff;
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    }


/*Modal Design Start Here*/
.modal-header {
    background: var(--primary-color);
}

    .modal-header h5,
    .modal-header h3 {
        color: #fff;
        font-size: 22px;
        font-family: 'nunito-bold';
        text-transform: uppercase;
    }

.mdlYesBtn {
    /*background: var(--secondary-color);*/
    background: var(--primary-color);
    color: #fff !important;
    margin: 0 5px 0 0;
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
    font-family: 'nunito-bold' !important;
}

    .mdlYesBtn:hover {
        color: #fff;
    }

.mdlNoBtn {
    /*background: var(--btn-color);*/
    background: var(--secondary-color);
    color: #fff !important;
    margin: 0 0 0 5px;
    border-radius: 5px !important;
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
    font-family: 'nunito-bold' !important;
}

    .mdlNoBtn:hover {
        color: #fff;
    }

.footer_line {
    background: rgba(255, 255, 255, .8);
}

    .footer_line hr {
        height: 1px;
    }

.footer_link {
    text-align: center;
    display: ruby;
}

    .footer_link ul {
        margin: 0;
        padding: 0;
    }

        .footer_link ul li {
            list-style: none;
            float: left;
            margin: 0 5px 0 5px;
            height: 40px;
            width: 40px;
            border-radius: 50%;
            text-align: center;
            background: var(--primary-color);
            transition: all .3s ease-in-out;
        }

            .footer_link ul li a {
                text-decoration: none;
                color: #fff;
                font-size: 20px;
                text-align: center;
                line-height: 40px;
            }

            .footer_link ul li:hover {
                background: #000;
                border: 1px solid #fff;
            }

                .footer_link ul li:hover a {
                    color: #fff;
                }

.footer_btm {
    background: rgba(0,0,0,.8);
    padding: 8px 0 8px 0;
}

    .footer_btm p {
        width: 100%;
        color: #fff;
        text-align: center;
        margin: 0;
        font-family: 'nunito-bold';
    }

/* About-DHM Page Start Here */
.about {
    width: 100%;
    float: left;
}

.aboutDHM, .aboutDHM_Lft, .aboutDHM_Ryt {
    width: 100%;
    float: left;
}

.aboutDHM_Ryt {
    margin: 11% 0 0 0;
}

.aboutDHM {
    padding: 50px 0;
    position: relative;
    background: #fbf8ff;
}

.aboutDHM_LftImg {
    /*background-image: url('../images/brush.png');
    background-repeat: no-repeat;
    background-position: center;
    margin: 60px 0 0 0;*/
    text-align: center;
}

.ourMission {
    width: 100%;
    float: left;
    background: #fff;
    padding: 50px 0;
}

.ourMission_Ryt {
    width: 100%;
    float: left;
    margin: 15% 0 0 0;
}

    .ourMission_Ryt p {
        font-family: sans-serif;
        font-size: 18px;
        width: 100%;
        float: left;
        color: #5b627d;
        line-height: 31px;
    }


/*.aboutDHM_LftImg {
    background-image: url('../images/img1.jpg');
    background-repeat: no-repeat;
    padding: 230px 0 250px 0;
    animation: patternAnim1 9s linear infinite alternate forwards;
    width: 70%;
    background-size: 100%;
}

@keyframes patternAnim1 {

    0%, 100% {
        border-radius: 50% 50% 30% 65%/55% 25% 70% 45%;
    }

    25% {
        border-radius: 30% 65% 55% 40%/60% 65% 30% 35%;
    }

    50% {
        border-radius: 35% 75% 75% 35%/35% 35% 75% 75%;
    }

    75% {
        border-radius: 55% 45% 75% 25%/75% 45% 55% 35%;
    }
}

.ourMission_LftImg {
    background-image: url('../images/img1.jpg');
    background-repeat: no-repeat;
    padding: 230px 0 250px 0;
    animation: patternAnim2 9s linear infinite alternate forwards;
    width: 70%;
    background-size: 100%;
}

@keyframes patternAnim2 {

    0%, 100% {
        border-radius: 50% 50% 30% 65%/55% 25% 70% 45%;
    }

    25% {
        border-radius: 30% 65% 55% 40%/60% 65% 30% 35%;
    }

    50% {
        border-radius: 35% 75% 75% 35%/35% 35% 75% 75%;
    }

    75% {
        border-radius: 55% 45% 75% 25%/75% 45% 55% 35%;
    }
}*/

.aboutDHM_LftImg img,
.ourMission_LftImg img {
    width: 58%;
}

.ourMission_LftImg {
    text-align: center;
}

.aboutDHM_Ryt p,
.aboutDHM_Lft p,
.aboutDHM_Lft ul li {
    font-family: sans-serif;
    font-size: 18px;
    width: 100%;
    float: left;
    color: #5b627d;
    line-height: 31px;
}

.aboutDHM_Ryt ul li {
    font-family: sans-serif;
    font-size: 15px;
    line-height: 27.6px;
}


.SubTtl h2 {
    /*font-family: 'TangerineBold';*/
    font-family: 'Nunito-Bold';
    /*font-size: 65px;*/
    font-size: 53px;
    text-align: left;
}

.SubTtl p {
    font-family: sans-serif;
    font-size: 15px;
}

/*Our Highlights Section on About-us Page*/

.ourHigh {
    padding: 50px 0 50px 0;
    background: #fbf8ff;
}

.ourHigh,
.ourHigh_Mn,
.ourHigh_Itm {
    width: 100%;
    float: left;
}

.ourHigh_Mn {
    margin: 50px 0 0 0;
}

.ourHigh .SubTtl h2 {
    text-align: center;
}

.ourHigh_Itm {
    /*border: 1px solid rgba(0,0,0,.12);*/
    padding: 20px;
    text-align: center;
    min-height: 250px;
    background: #fff;
}

.HighIcn {
    height: 75px;
    width: 75px;
    background: var(--primary-color);
    display: block;
    border-radius: 50%;
    margin: 9px auto 20px auto;
}

    .HighIcn svg {
        color: #fff;
        height: 38px;
        padding: 18px 0 0 0;
    }

.ourHigh_Itm h3 {
    font-family: 'Nunito-Bold';
    color: var(--primary-color);
    font-size: 30px;
}

.ourHigh_Itm p {
    font-family: sans-serif;
    font-size: 18px;
    margin: 0;
}

/*Why Choose Us Section Start Here*/

/*.chooseUs,
.chooseUs_Mn,
.chooseUs_itm,
.chooseUs_Lft {
    width: 100%;
    float: left;
}

.chooseUs {
    padding: 110px 0 110px 0;
}

.chooseUs_Mn .col-xxl-2,
.chooseUs_Mn .col-xxl-4,
.chooseUs_Mn .col-xxl-6 {
    padding: 0;
    margin: 0;
}

.chooseUs_itm {
    height: 250px;
    text-align: center;
    padding: 30px 15px;
}

.chooseUs_itm span {
    font-family: 'Nunito-Bold';
    font-size: 40px;
    color: #fff;
}

.chooseUs_itm h5 {
    font-family: 'Nunito-Bold';
    font-size: 24px;
    color: #fff;
    padding: 6px 0 3px 0;
}

.chooseUs_itm p {
    font-family: sans-serif;
    font-size: 17px;
    color: #fff;
}

.chooseUs_Mid {
    width: 100%;
    text-align: center;
    float: left;
    height: 543px;
}

.chooseUs_Mid img {
    width: 100%;
    height: 92%;
}

.chooseUs_RytT {
    height: 250px;
    background: #f1f1f1;
    width: 98%;
}

.chooseUs_RytT h3 {
    font-family: 'nunito-bold';
    font-size: 65px;
    text-align: center;
    padding: 89px 0 0 0;
}

.chooseUs_RytBL,
.chooseUs_RytBR {
    width: 49%;
}*/

.chooseUs {
    width: 100%;
    float: left;
}

    .chooseUs .trans_trtImg {
        width: 60px;
        height: 60px;
        display: inline-block;
        border-radius: 50%;
        background: var(--primary-color);
        text-align: center;
        padding: 10px 0 0 0;
    }

        .chooseUs .trans_trtImg img {
            width: 70%;
            margin: auto;
            text-align: center;
        }

    .chooseUs .trans_trtTxt {
        width: 86%;
        display: inline-block;
        padding: 0 20px 0 20px;
    }

    .chooseUs .trans_trtMid img {
        width: 76%;
        margin: -64% 0 0 0;
    }

    .chooseUs .SubTtl p {
        font-family: sans-serif;
        font-size: 21px;
        width: 100%;
        float: left;
        color: #5b627d;
        line-height: 31px;
        text-align: center;
    }

    .chooseUs .trans_trtMid {
        text-align: center;
    }
/* AboutUs Page Section-2 Start Here */
.about_sec2,
.about_sec2_Lft,
.SubTtl {
    width: 100%;
    float: left;
}

.aboutDHM_Ryt .SubTtl h2 span,
.ourMission_Ryt .SubTtl h2 span {
    background-image: url('../images/green-doodle.png');
    background-repeat: no-repeat;
    background-position: center;
}

.about_sec2 {
    background: #eff9ec2b;
    padding: 100px 0;
}

.about_sec2_Lft {
    margin: 40px 0 0 0;
}

    .about_sec2_Lft p {
        font-family: sans-serif;
        font-size: 15px;
    }

.about_sec2_Img {
    background-image: url('../images/brush.png');
    background-repeat: no-repeat;
    text-align: center;
    background-position: center;
    background-size: cover;
}

    .about_sec2_Img img {
        width: 70%;
    }

/* AboutUs Page Section-3 Start Here */
.AboutSec_3 {
    background: #f2f3fa;
}

.AboutSec_3,
.AboutSec_3Mn {
    width: 100%;
    float: left;
}

.AboutSec_3Mn {
    background: #f4f9f7;
    padding: 100px 40px 40px 40px;
}

.AboutSec3_itm {
    padding: 0px 0px 80px 0px;
}

.AboutSec3_icn {
    width: 10%;
    display: inline-block;
    vertical-align: top;
}

    .AboutSec3_icn svg {
        height: 2.5em;
    }

.AboutSec3_itm img {
    width: 100%;
}

.AboutSec3_itm h2 {
    font-family: 'TangerineBold';
    font-size: 55px;
    color: #2E3544;
}

.AboutSec3_txt {
    width: 88%;
    display: inline-block;
    padding: 0 20px 0 20px;
}

    .AboutSec3_txt h3 {
        font-size: 22px;
        font-family: 'Nunito';
    }

    .AboutSec3_txt p {
        font-family: 'Nunito-SemiBold';
        font-size: 16px;
        line-height: 25px;
        padding: 5px 0 0 0;
        margin: 0;
    }

/* Product Category Page Section-1 Start Here */
.prodCategory,
.prodCategory_Mn,
.prodCategory_Lft,
.prodCategory_Ryt {
    width: 100%;
    float: left;
}

.prodCategory_Ryt {
    padding: 30px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    background: #fff;
}

.BooksMn {
    width: 100%;
    float: left;
}

    .BooksMn span:not(.SbLstMnDtl span) {
        width: 24%;
        display: inline-block;
    }

    .BooksMn br {
        display: none;
    }

.prodCategory {
    padding: 60px 0 60px 0;
    background: #f1f2f6;
}

.prodCategory_Lft {
    margin: 24% 0 0 0;
}

.prodLftRpt {
    float: left;
    width: 100%;
    margin: 0 0 20px 0;
    border: 1px solid rgba(0, 0, 0, .12);
    /*box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;*/
}

.prodLftRptTtl {
    float: left;
    width: 100%;
    cursor: pointer;
}

.prodLftRptGrd {
    float: left;
    width: 100%;
}

.prodLftRptTtl h3 {
    float: left;
    width: 100%;
    font-weight: 300;
    color: #fff;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-width: 1px 0;
    /*padding: 10px;*/
    padding: 13px 10px 10px 10px;
    text-transform: uppercase;
    /*font-size: 20px;*/
    font-size: 18px;
    font-weight: 500;
    font-family: 'nunito-bold';
    background: var(--primary-color);
    margin: 0;
}

    .prodLftRptTtl h3 a {
        color: #fff;
        font-size: 15px;
        margin: 0 0 0 17px;
        border: 1px solid rgba(255, 255, 255, .5);
        text-decoration: none;
        padding: 3px;
    }

    .prodLftRptTtl h3 svg {
        font-size: 16px;
        color: #fff;
        float: right;
        margin: 4px 0 0 0;
    }

.prodLftRptTtl.active h3 .fa-chevron-down {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.filter1.active h3 .fa-chevron-down {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.prodLftRptGrd {
    float: left;
    width: 100%;
    display: block;
    padding: 3px 0 10px 13px;
}

    .prodLftRptGrd ul {
        float: left;
        width: 100%;
        margin: 0px;
        padding: 0px;
    }

        .prodLftRptGrd ul li {
            display: inline-block;
            width: 100%;
            list-style: none;
            margin: 0 0 -6px 0;
        }

        .prodLftRptGrd ul li {
            list-style: none;
        }

.AgreeTrms {
    float: left;
    width: 100%;
    font-size: 24px;
    font-weight: 300;
}

.prodLftRptGrd ul li .AgreeTrms {
    padding: 0px;
}

    .prodLftRptGrd ul li .AgreeTrms input[type="checkbox"] {
        margin: 2px 10px 0 0;
        display: inline-block;
        vertical-align: middle;
        float: unset;
    }

    .prodLftRptGrd ul li .AgreeTrms .checkbox label {
        font-size: 15px;
        color: #727272;
        cursor: pointer;
        text-decoration: underline;
        display: inline-block;
        vertical-align: middle;
        color: #333030;
        font-weight: 500;
        padding: 5px;
        font-family: 'nunito-bold';
    }

.ProdMdl {
    border: 1px solid rgba(0, 0, 0, .112);
    text-align: center;
    padding: 20px 0;
    height: 470px;
}

    .ProdMdl img {
        width: auto;
        height: 100%;
    }

.ProdMdl_btm {
    border: 1px solid rgba(0, 0, 0, .112);
    padding: 20px 0;
    margin: 4px 0 0 0;
    width: 100%;
    float: left;
    position: relative;
}

    .ProdMdl_btm img {
        border: 1px solid rgba(0,0,0,.12);
    }

.SliderBtn_Mn {
    width: 100%;
    float: left;
    margin: 10px 0 0 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

    .SliderBtn_Mn button {
        background: #f3f3f3 !important;
        height: 30px;
        width: 30px;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.12);
        border: none;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

        .SliderBtn_Mn button.SldrPrev_btn {
            left: 1%;
        }

        .SliderBtn_Mn button.SldrNxt_btn {
            right: 1%;
        }
/* Cart Button Animation Start Here */
.cart-button {
    position: absolute;
    padding: 30px 0 10px 0;
    width: 70%;
    border: 0;
    border-radius: 10px;
    background: var(--primary-color);
    outline: none;
    cursor: pointer;
    color: #fff;
    transition: .3s ease-in-out;
    overflow: hidden;
    display: block;
    margin: 6px auto;
    border-radius: 30px;
    font-size: 15px;
    font-family: 'nunito-bold';
    bottom: 4%;
    left: 50%;
    transform: translateX(-50%);
}

    .cart-button.clicked {
        background: #8569a9;
    }

    .cart-button:active {
        transform: scale(.9);
    }

    .cart-button .fa-cart-shopping {
        position: absolute;
        z-index: 2;
        top: 50%;
        left: -10%;
        font-size: 18px;
        transform: translate(-50%, -50%);
        color: #fff;
    }

    .cart-button .fa-box {
        position: absolute;
        z-index: 3;
        top: -20%;
        left: 52%;
        font-size: 18px;
        transform: translate(-50%, -50%);
        color: #fff;
    }

    .cart-button span {
        position: absolute;
        z-index: 3;
        left: 50%;
        top: 50%;
        font-size: 15px;
        color: #fff;
        width: 100%;
        transform: translate(-50%, -50%);
    }

        .cart-button span.add-to-cart {
            opacity: 1;
        }

        .cart-button span.added {
            opacity: 0;
        }

    .cart-button.clicked .fa-cart-shopping {
        animation: cart 1.5s ease-in-out forwards;
    }

    .cart-button.clicked .fa-box {
        animation: box 1.5s ease-in-out forwards;
    }

    .cart-button.clicked span.add-to-cart {
        animation: txt1 1.5s ease-in-out forwards;
    }

    .cart-button.clicked span.added {
        animation: txt2 1.5s ease-in-out forwards;
    }

@keyframes cart {
    0% {
        left: -10%;
    }

    40%, 60% {
        left: 50%;
    }

    100% {
        left: 110%;
    }
}

@keyframes box {

    0%, 40% {
        top: -20%;
    }

    60% {
        top: 40%;
        left: 52%;
    }

    100% {
        top: 40%;
        left: 112%;
    }
}

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

    20%, 100% {
        opacity: 0;
    }
}

@keyframes txt2 {

    0%, 80% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

/* View Cart Page Section-1 Start Here */
.viewCart,
.viewCart_Mn,
.viewCart_Lft,
.viewCart_Ryt {
    width: 100%;
    float: left;
}

    .viewCart_Lft .DataLstTbl {
        width: 100%;
        float: left;
        height: 80%;
        overflow-y: auto;
        overflow-x: hidden;
    }

.viewCart-midC11 h6 {
    display: none;
}

.viewCart .tbl_bdy {
    width: 100%;
    float: left;
    /*height: 500px;*/
    overflow-y: auto;
    overflow-x: hidden;
}

.viewCart_Mn {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    margin: 70px 0;
    height: 700px;
}

.CartGrd {
    float: left;
    width: 100%;
    margin: 20px 0 0 0;
    overflow-x: hidden;
    display: block;
    /*border: 1px solid rgba(0, 0, 0, .12);*/
}

.viewCart-mid-tp {
    background: var(--primary-color);
    padding: 10px 0;
    text-align: center;
}

.chckoutMdC1 {
    text-align: center;
}

.chckoutMdC1 {
    transform: scale(0.9);
    transition: all .3s ease-in-out;
}

.chckoutMdC11 {
    padding-top: 8px;
    text-align: center;
}

.viewCart-mid-tp h5 {
    color: #fff;
    font-weight: 510;
    font-family: 'nunito-bold';
    font-size: 15px;
    margin: 0;
}

.viewCart-mid-r {
    text-align: center;
}

.viewCart-mid-r {
    border-bottom: 1px solid rgba(0, 0, 0, .12);
}

    .viewCart-mid-r input[type=image] {
        border: 1px solid rgba(0, 0, 0, .112);
        box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
    }

    .viewCart-mid-r p {
        font-family: sans-serif;
        font-size: 18px;
        width: 100%;
        float: left;
        color: #5b627d;
        line-height: 31px;
    }

    .viewCart-mid-r a {
        text-decoration: none;
        color: rgba(0, 0, 0, .8);
        font-family: sans-serif;
    }

    .viewCart-mid-r svg {
        color: red;
        font-size: 20px;
    }

.OrderSmry {
    width: 100%;
    float: left;
    margin: 5px 0 0 0;
}

    .OrderSmry p {
        font-family: sans-serif;
        font-weight: 550;
        font-size: 14px;
        margin: 7px 0 0 0;
    }

.viewCart_Lft {
    border-right: 1px solid rgba(0, 0, 0, .12);
    padding: 30px;
    height: 680px;
}

.Ttl1 {
    width: 100%;
    text-align: center;
    font-family: 'TangerineBold';
}

    .Ttl1 h2 {
        font-size: 48px;
        margin: 0;
        padding: 0;
    }

.viewCart_Ryt {
    padding: 30px;
}

    .viewCart_Ryt .SubTtl h2 {
        font-size: 39px;
        text-align: center;
    }

    .viewCart_Ryt ul {
        list-style: none;
        margin: 10px 0 30px 0;
        padding: 0;
        width: 100%;
        float: left;
    }

        .viewCart_Ryt ul li {
            float: left;
            font-family: 'nunito-bold';
        }

            .viewCart_Ryt ul li:nth-child(2) {
                float: right;
                color: #5b627d;
            }

.form-input {
    margin: 5px 0 15px 0;
    width: 100%;
    float: left;
}

    .form-input select,
    .form-input input,
    .form-input textarea {
        background: #fff;
        border: none;
        padding: 12px;
        color: rgba(0, 0, 0, .7);
        font-family: sans-serif;
        margin: 4px 0 0 0;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
        width: 100%;
    }

        .form-input input[type=radio] {
            width: auto;
            box-shadow: unset;
        }

        .form-input input::placeholder,
        .form-input select::placeholder,
        .form-input textarea::placeholder {
            font-family: sans-serif;
            color: rgba(0, 0, 0, .3);
        }

label.form-label {
    width: 100%;
    font-family: 'nunito-bold';
    margin: 0;
}

.form-btn {
    /* width: 100%;
    padding: 10px 0 10px 0;
    display: grid; */
    width: 100%;
    padding: 10px 0 10px 0;
    display: block;
    margin: auto;
    text-align: center;
}

.ApplyBtn {
    border: none;
    color: #fff;
    background: #f15151;
    text-transform: uppercase;
    font-size: 16px;
    font-family: 'nunito-bold';
    padding: 8px 22px;
    display: block;
    text-align: center;
    margin: 0 auto;
}

.CheckBtn {
    margin: 0 auto;
    display: block;
    text-align: center;
    border: none;
    padding: 8px 22px;
    color: #fff;
    background: var(--primary-color);
    text-transform: uppercase;
    font-size: 16px;
    font-family: 'nunito-bold';
    width: 100%;
    float: left;
    margin: 30px 0 30px 0;
}

.form-btn .contShop {
    font-size: 17px;
    font-family: 'nunito-bold';
    margin: 25px auto 0 auto;
}

/*Empty cart section design start here*/
.eCartMn {
    width: 100%;
    float: left;
    padding: 70px 0;
}

.emptyCart {
    width: 100%;
    float: left;
    text-align: center;
    border: 1px solid rgba(0,0,0,.12);
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    padding: 0 0 20px 0;
}

    .emptyCart img {
        width: 27%;
    }

    .emptyCart h4,
    .emptyCart p {
        width: 100%;
        float: left;
    }

    .emptyCart h4 {
        font-family: 'nunito-bold';
    }

    .emptyCart p {
        font-family: sans-serif;
        font-size: 20px;
        color: #5b627d;
    }

/* Product-Detail Page Start Here */
.Prod_det,
.Prod_detMn,
.Prod_detL,
.Prod_detR {
    width: 100%;
    float: left;
}

.Prod_detR {
    padding: 0 0 0 40px;
}

.Prod_detMn {
    padding: 30px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    background: #fff;
}

.Prod_det {
    padding: 60px 0;
}

.Prod_detL {
    text-align: center;
    width: 100%;
}

.ProdImageMn {
    width: 100%;
    float: left;
}

.ProdImageMn_L {
    width: 20%;
    display: inline-block;
    vertical-align: top;
}

    .ProdImageMn_L img {
        margin: 5px 0 5px 0;
        border: 1px solid rgba(0,0,0,.12);
        border-radius: 10px;
        height: 100px;
        width: 100px;
    }

.ProdImageMn_R {
    width: 75%;
    display: inline-block;
    vertical-align: top;
    height: 500px;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    border-radius: 10px;
}

    .ProdImageMn_R .prodImage {
        height: 100%;
        width: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        border-radius: 10px;
    }

.Prod_detL1 {
    width: 30%;
    display: inline-block;
    vertical-align: middle;
}

    .Prod_detL1 img {
        margin: 5px 0 5px 0;
    }

.Prod_detL2 {
    width: 65%;
    display: inline-block;
    vertical-align: middle;
}

    .Prod_detL2 img {
        width: 80%;
        /*box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;*/
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

.Prod_detR h3 {
    font-size: 35px;
}

.Prod_detR h3,
.Prod_detR h4 {
    font-family: 'nunito-bold';
    margin: 0;
    padding: 0;
    width: 100%;
    float: left;
}

.Prod_detR h4 {
    font-weight: lighter;
}

.prodSpec {
    width: 100%;
    float: left;
    font-family: sans-serif;
    font-size: 18px;
    color: #5b627d;
    line-height: 31px;
}

.Prod_detR ul {
    width: 100%;
    float: left;
    list-style: none;
    margin: 9px 0 25px 0;
    padding: 0;
}

    .Prod_detR ul li {
        width: auto;
        float: left;
        color: #ffbd02;
    }

.Prod_dtlQty {
    width: 100%;
    float: left;
    padding: 30px 0;
    margin: 30px 0;
    border-top: 1px solid rgba(0, 0, 0, .12);
    border-bottom: 1px solid rgba(0, 0, 0, .12);
}

.prodQty_pay {
    width: 100%;
    float: left;
    background: #f1f2f6;
    padding: 0 0 0 10px;
}

    .prodQty_pay label {
        font-family: sans-serif;
    }

    .prodQty_pay img {
        width: 52%;
    }

.prodQty_btn1 {
    width: 100%;
    float: left;
    margin: 10px 0 40px 0;
}

.prodQty_btn1 a {
    width: auto;
    border: 2px solid var(--primary-color);
    padding: 10px;
    text-align: center;
    transition: all .3s ease-in-out;
    color: var(--primary-color);
    text-decoration: none;
    font-family: 'nunito-bold';
    font-size: 18px;
}

.prodQty_btn1 a svg {
    margin: 0 5px 0 0;
}

.prodQty_btn1 a:hover {
    background: var(--primary-color);
    color: #fff;
}

/* Product Qunatity Animation Start Here */
.prodQty_btn {
    width: auto;
    display: inline-block;
    vertical-align: middle;
}

.prodQty_btn .submitBtn {
    background: var(--secondary-color);
}

.prodQty_btn .submitBtn:hover {
    background: #fff;
    color: var(--secondary-color);
    border: 1px solid var(--secondary-color);
}

.qty-input {
    vertical-align: middle;
    color: #000;
    background: #fff;
    display: inline-block;
    align-items: center;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, .5);
    padding: 6px 0;
}

.product-qty,
.qty-count {
    background: transparent;
    color: inherit;
    font-weight: bold;
    font-size: inherit;
    border: none;
    display: inline-block;
    min-width: 0;
    height: 25px;
    line-height: 0;
    margin: 0 0 -6px 0;
}

.qty-input .product-qty:focus,
.qty-input .qty-count:focus {
    outline: none;
}

.product-qty {
    width: 50px;
    min-width: 0;
    display: inline-block;
    text-align: center;
    appearance: textfield;
}

    .product-qty::-webkit-outer-spin-button,
    .product-qty::-webkit-inner-spin-button {
        appearance: none;
        margin: 0;
    }

.qty-count {
    padding: 0;
    cursor: pointer;
    width: 2.5rem;
    font-size: 1.25em;
    text-indent: -100px;
    overflow: hidden;
    position: relative;
}

.qty-input .qty-count::before,
.qty-input .qty-count::after {
    content: "";
    height: 2px;
    width: 10px;
    position: absolute;
    display: block;
    background: #000;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.qty-input .qty-count--add {
    border-left: 1px solid rgba(0, 0, 0, .5);
}

.qty-input .qty-count--minus {
    border-right: 1px solid rgba(0, 0, 0, .5);
}

.qty-input .qty-count--add::after {
    transform: rotate(90deg);
}

.qty-input .qty-count:disabled {
    color: #ccc;
    background: #f2f2f2;
    cursor: not-allowed;
    border-color: transparent;
}

    .qty-input .qty-count:disabled::before,
    .qty-input .qty-count:disabled::after {
        background: #ccc;
    }

.prodQty_btn button {
    border: none;
    padding: 10px 25px;
    font-family: 'nunito-bold';
    color: #fff;
}

.Prod_desc {
    width: 100%;
    float: left;
    padding: 30px;
    background: #f1f2f6;
    margin: 50px 0 0 0;
}

    .Prod_desc h3 {
        font-family: 'nunito-bold';
        margin: 0 0 8px 0;
    }

    .Prod_desc .Prod_descL,
    .Prod_desc .Prod_descR {
        width: 49%;
        display: inline-block;
        vertical-align: top;
        padding: 10px;
    }

    .Prod_desc .Prod_descR {
        border-left: 1px solid rgba(0,0,0,.12);
    }

    .Prod_desc .tab-content p {
        font-family: sans-serif;
        font-size: 17px;
        color: rgba(0, 0, 0, .7);
        font-weight: 500;
    }

.prod_spec {
    width: auto;
    float: left;
}

    .prod_spec tr td {
        font-family: sans-serif;
        font-size: 17px;
        color: rgba(0, 0, 0, .7);
        font-weight: 500;
        padding: 6px;
    }

        .prod_spec tr td:nth-child(1) {
            font-weight: bold;
        }

.Prod_desc .tab-content {
    width: 100%;
    float: left;
    border: 1px solid rgba(0, 0, 0, .12) !important;
    padding: 20px;
}

.Prod_desc .nav-link {
    font-family: 'MontserratRegular';
    font-size: 17px;
    color: #000;
    border: 1px solid var(--primary-color);
}

    .Prod_desc .nav-link.active {
        font-family: 'MontserratRegular';
        font-size: 17px;
        background: var(--primary-color) !important;
        color: #fff !important;
    }

.Prod_desc .nav-tabs {
    border: none !important;
}

.rel_prod {
    width: 100%;
    float: left;
}

    .rel_prod .SubTtl h2 {
        text-align: center;
    }

    .rel_prod .owl-carousel {
        margin: 2% 0 0 0;
    }
/* Checkout Page Start Here */
.checkout,
.checkout_Mn {
    width: 100%;
    float: left;
}

.checkout {
    padding: 70px 0;
}

.checkout_Mn {
    border: 1px solid rgba(0, 0, 0, .12);
}

.checkout_Lft {
    width: 100%;
    float: left;
    border-right: 1px solid rgba(0, 0, 0, .12);
    padding: 40px;
}

.progress-container {
    display: flex;
    justify-content: center;
    position: relative;
    max-width: 100%;
    width: 240px;
    margin: 0 auto 0 auto;
    z-index: 99;
}

    .progress-container::before {
        content: '';
        position: absolute;
        top: 18px;
        left: 20px;
        transform: translateY(-50%);
        height: 4px;
        width: 84%;
        z-index: -1;
        background: rgba(128, 96, 96, 0.11);
    }

.progress {
    background-color: var(--primary-color);
    position: absolute;
    top: 18px;
    left: 20px;
    transform: translateY(-50%);
    height: 4px;
    max-width: 83%;
    width: 0%;
    z-index: -1;
    transition: 400ms ease;
}

.text-wrap {
    display: inline-block;
    text-align: center;
    width: 75px;
}

    .text-wrap p {
        font-weight: 400;
        font-size: 12px;
        font-family: 'nunito-bold';
    }

    .text-wrap.active p {
        font-weight: 550;
        transition: 400ms ease;
    }

.circle {
    border: 3px solid var(--primary-color);
    color: var(--primary-color);
    font-weight: 600;
    border-radius: 50%;
    height: 35px;
    width: 35px;
    position: relative;
    left: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 400ms ease;
}

.text-wrap.active div.circle {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: #fff;
}


/* .btn {
    background-color: var(--primary-color);
    color: white;
    border: 0;
    border-radius: 5px;
    cursor: pointer;
    font-family: inherit;
    padding: 10px 30px;
    margin: 5px;
    font-size: 14px;
}

.btn:active {
    transform: scale(0.98);
}

.btn:focus {
    outline: 0;
}

.btn:disabled {
    background-color: var(--line-border-empty);
    cursor: not-allowed;
    color: var(--color);
    transform: none;
} */

.checkout_cont {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    padding: 50px;
    width: 100%;
    float: left;
    background: #fff;
}

    .checkout_cont .Ttl h3,
    .chkout_priceDtl .Ttl h3 {
        font-family: 'nunito-bold';
        color: #fff;
        margin: 0;
        padding: 2px 0 2px 10px;
    }

.chkout_priceDtl .Ttl {
    border-bottom: 1px solid rgba(0, 0, 0, .12);
    text-align: center;
}

.checkout_cont .tab-content {
    width: 100%;
    display: block;
}

.checkout_cart ul {
    width: 100%;
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
    font-family: sans-serif;
}

    .checkout_cart ul li {
        padding: 20px 0px;
        width: 100%;
        float: left;
    }

        .checkout_cart ul li:not(:last-child) {
            border-bottom: 1px solid rgba(0, 0, 0, .112);
        }

.checkout_cartImg,
.checkout_cartDtl {
    display: inline-block;
    vertical-align: top;
}

.checkout_cartDtl {
    padding: 0 0 0 15px;
}

.checkout_cart .checkout_cartImg img {
    width: 120px;
    border: 1px solid rgba(0, 0, 0, .112);
}

.checkout_cartDtl h5 {
    font-family: 'MontserratRegular';
    font-size: 18px;
    margin: 0;
    padding: 0;
}

.checkout_cartDtl .price {
    width: 100%;
    float: left;
    margin: 5px 0;
}

.checkout_cartBtn {
    display: inline-block;
    float: right;
}

    .checkout_cartBtn button {
        border-radius: 8px;
        border: none;
        padding: 8px 15px;
        font-family: 'MontserratRegular';
        font-size: 15px;
    }

.chkout_priceDtl {
    width: 100%;
    float: left;
}

    .chkout_priceDtl h4 {
        font-family: 'MontserratRegular';
        font-size: 20px;
    }

.truckIcon {
    float: right;
    color: #fff;
}

    .truckIcon svg {
        color: #fff;
        height: 22px;
    }

.checkout_cont .Ttl {
    padding: 3px 8px;
}

.address-bodyForm ul.thumbnail {
    width: 100%;
    float: left;
    border: 1px solid rgba(0,0,0,.12);
    padding: 20px;
}

    .address-bodyForm ul.thumbnail li {
        list-style: none;
        width: 100%;
        float: left;
        padding: 6px 0 10px 0;
    }

        .address-bodyForm ul.thumbnail li p {
            font-family: sans-serif;
            font-size: 18px;
            color: #5b627d;
        }

        .address-bodyForm ul.thumbnail li:nth-child(2) {
            border-top: 1px solid rgba(0,0,0,.12);
        }

.chekout_pay table tr td label {
    margin: 0 0 0 5px;
    color: #5b627d;
    font-size: 17px;
}

/* Address Section in  CheckOut Page Start Here*/
.chekout_edAd,
.chekout_add {
    width: 100%;
    float: left;
}

.chekout_edAd_Mn {
    width: 50%;
    float: left;
    background: #fbfbfb;
    border: 1px solid rgba(0, 0, 0, .12);
}

    .chekout_edAd_Mn ul {
        width: 100%;
        float: left;
        list-style: none;
        margin: 0;
        padding: 20px;
    }

        .chekout_edAd_Mn ul li {
            font-family: 'MontserratRegular';
            font-size: 15px;
        }

            .chekout_edAd_Mn ul li:nth-child(1) span:nth-child(2) {
                float: right;
            }

    .chekout_edAd_Mn .editAdd {
        background: green;
    }

    .chekout_edAd_Mn .dltAdd {
        background: red;
    }

    .chekout_edAd_Mn a {
        padding: 8px;
        cursor: pointer;
    }

    .chekout_edAd_Mn ul li p {
        margin: 0;
        padding: 0 0 3px 0;
    }

    .chekout_edAd_Mn a svg {
        color: #fff;
    }

/* Payment Section in  CheckOut Page Start Here*/
.chekout_pay {
    width: 100;
}

.checkout-inrBodyBtmMn {
    width: 100%;
    float: left;
    border: 1px solid rgba(0, 0, 0, .12);
    padding: 10px 0 15px 0;
}

.checkout-inrBodyBtm {
    width: 100%;
    float: left;
    padding: 5px 10px 0 15px;
}

    .checkout-inrBodyBtm span label {
        font-size: 20px;
        font-weight: 500;
        color: #5b627d;
    }

.checkout-inrBodyBtm {
    width: 100%;
    float: left;
    padding: 5px 10px 0 15px;
}

    .checkout-inrBodyBtm p {
        font-size: 18px;
        font-weight: bold;
        padding: 0;
        margin: 0;
        font-family: sans-serif;
    }

    .checkout-inrBodyBtm .debit_btn {
        float: right !important;
        height: 44px !important;
        font-size: 16px !important;
        padding: 9px 17px !important;
        margin: 7px 0 20px 0 !important;
    }

.chkout_priceDtl {
    width: 100%;
    float: left;
    padding: 20px 30px 0 20px;
}

    .chkout_priceDtl ul {
        width: 100%;
        float: left;
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .chkout_priceDtl ul li {
            margin: 10px 0;
        }

            .chkout_priceDtl ul li:last-child {
                border-top: 1px solid rgba(0, 0, 0, .112);
                border-bottom: 1px solid rgba(0, 0, 0, .112);
                padding: 10px 0;
            }

            .chkout_priceDtl ul li span {
                font-family: 'nunito-bold';
            }

                .chkout_priceDtl ul li span:nth-child(2) {
                    float: right;
                }

/* Contact Us Page Design Start Here */
.contactUs,
.contactUs_Mn,
.contactUs_Lft,
.contactUs_Ryt {
    width: 100%;
    float: left;
}

.ContactTtl {
    margin: 0 0 30px 0;
    padding: 3px 0;
}

    .ContactTtl h2 {
        font-size: 43px;
        text-align: center;
        font-family: 'nunito-bold';
        color: var(--primary-color);
        margin: 0;
    }

    .ContactTtl h4 {
        width: 100%;
        float: left;
        text-align: center;
        font-size: 23px;
        margin: 0 0 15px 0;
        font-family: 'nunito-bold';
    }

.contactUs_Mn {
    border-top: 1px solid rgba(0, 0, 0, .12);
    padding: 50px 0 0 0;
}

.contactUs {
    padding: 50px 0 100px 0;
}

    .contactUs .Ttl h4 {
        width: 100%;
        float: left;
        text-align: center;
        font-size: 27px;
        margin: 0 0 15px 0;
    }

.contactUs_Lft ul {
    list-style: none;
    width: 100%;
}

    .contactUs_Lft ul li {
        width: 73%;
        margin: 0 0 22px 0;
        padding: 18px;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    }

        .contactUs_Lft ul li .cont_icn {
            height: 40px;
            width: 40px;
            border-radius: 50%;
            background: #f1eaff;
            display: inline-block;
            vertical-align: middle;
            text-align: center;
            line-height: 70px;
        }

        .contactUs_Lft ul li .cont_txt {
            display: inline-block;
            vertical-align: top;
            width: 76%;
            padding: 0 0 0 18px;
        }

            .contactUs_Lft ul li .cont_txt h5 {
                margin: 0;
                padding: 0;
                font-family: 'nunito-bold';
            }

            .contactUs_Lft ul li .cont_txt p {
                margin: 0;
                padding: 0;
                font-family: sans-serif;
                font-size: 17px;
                color: #5b627d;
            }

        .contactUs_Lft ul li span:nth-child(1) {
            height: 60px;
            width: 60px;
            border-radius: 50%;
        }

            .contactUs_Lft ul li span:nth-child(1) svg {
                color: var(--primary-color);
                height: 26px;
                text-align: center;
            }

.contactUs_Ryt {
    background: #fbf9ff;
    padding: 40px 60px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

    .contactUs_Ryt h4 {
        text-align: center;
        font-family: 'nunito-bold';
        margin: 0 0 16px 0;
    }

/* Transformational Tarot Page Start Here */
.Trans_tarot {
    width: 100%;
    float: left;
    height: 800px;
    background-image: url('../images/trans_tarot.png');
    background-size: cover;
    background-position: center;
    position: relative;
}

.Trans_tarotOvr {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background-color: #000000;
    opacity: 0.5;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}

.Trans_tarotHdr {
    width: 30%;
    float: left;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 20%;
}

    .Trans_tarotHdr h5,
    .Trans_tarotHdr h2,
    .Trans_tarotHdr p {
        width: 100%;
        float: left;
        color: #fff;
    }

    .Trans_tarotHdr h5 {
        font-family: 'MontserratRegular';
        font-size: 19px;
        display: inline-block;
        vertical-align: middle;
    }

    .Trans_tarotHdr h2 {
        font-family: 'Nunito-bold';
        font-size: 60px;
    }

    .Trans_tarotHdr p {
        font-family: sans-serif;
        font-size: 18px;
        width: 100%;
        float: left;
        line-height: 31px;
    }

/* Transformational Tarot Section-2 Start Here */
.Trans_trt_Sec2,
.Trans_trt_Sec2Mn,
.Trans_trt_Sec2Lft,
.Trans_trt_Sec2Ryt {
    width: 100%;
    float: left;
}

.Trans_trt_Sec2 {
    background: #fbf8ff;
}

.Trans_trt_Sec2Mn {
    padding: 90px 0;
}

.Trans_trt_Sec2Lft {
    width: 80%;
    float: right;
    margin: 10% 0 0 0;
}

.Trans_trt_Sec2Ryt {
    text-align: center;
}

    .Trans_trt_Sec2Ryt img {
        width: 40%;
    }

.Trans_trt_Sec2Lft h5,
.Trans_trt_Sec2Lft h3,
.Trans_trt_Sec2Lft p,
.Trans_trt_Sec2Lft ul {
    width: 100%;
    float: left;
}

.Trans_trt_Sec2Lft h5 {
    font-family: 'nunito-bold';
}

.Trans_trt_Sec2Lft h3 {
    font-family: 'nunito-bold';
    line-height: 50px;
    font-size: 45px;
    margin: 0 0 20px 0;
}

.Trans_trt_Sec2Lft p,
.Trans_trt_Sec2Lft ul li {
    font-family: sans-serif;
    font-size: 18px;
    width: 100%;
    float: left;
    color: #5b627d;
    line-height: 31px;
}

/* Transformational Tarot Section-3 Start Here */
.Trans_trt_Sec3,
.Trans_trt_Sec3Mn,
.trans_trt_Sec3Txt,
.trans_trtItm {
    width: 100%;
    float: left;
}

.Trans_trt_Sec3 {
    background: #fff;
}

.Trans_trt_Sec3Mn {
    background: #f3f3f3;
    padding: 50px 30px;
}

.indSesion_Mn {
    background: #fbf8ff;
}

.trans_trt_Sec3Txt {
    margin: 6% 0 0 0;
}

.Trans_trt_Sec3Mn .SubTtl h2 {
    text-align: center;
}

.trans_trtItm {
    margin: 0 0 35px 0;
}

    .trans_trtItm h3 {
        font-family: 'nunito-bold';
        font-size: 28px;
        color: var(--primary-color);
    }

    .trans_trtItm p {
        font-family: sans-serif;
        font-size: 18px;
        width: 100%;
        float: left;
        color: #5b627d;
        line-height: 31px;
        margin: 0;
    }

    .trans_trtItm img {
        width: 100%;
        margin: -54% 0 0 0;
    }

.trans_trtRyt {
    text-align: right;
}

/* Transformational Tarot Section-4 Start Here */
.Trans_trt_Sec4,
.Trans_trt_Sec4Mn,
.Trans_trt_Sec4Txt {
    width: 100%;
    float: left;
}

.Trans_trt_Sec4 {
    padding: 50px 0 50px 0;
    width: 100%;
    float: left;
    background-image: url('../images/trans-tarot.jpg');
    background-size: cover;
    background-position: center;
    position: relative;
    background: #fbf8ff;
}

.Trans_trt_Sec4Txt {
    margin: 50px 0 0 0;
}

.Trans_trt_Sec4Mn .SubTtl h2 {
    text-align: center;
}

.Trans_trt_Sec4Itm {
    width: 100%;
    float: left;
    background: #fff;
    border-radius: 10px;
    padding: 40px 20px;
    text-align: center;
}

    .Trans_trt_Sec4Itm span img {
        width: 22%;
        margin: 0 0 15px 0;
    }

    .Trans_trt_Sec4Itm h3 {
        font-family: 'nunito-bold';
        font-size: 28px;
    }

    .Trans_trt_Sec4Itm p {
        font-family: sans-serif;
        font-size: 18px;
        width: 100%;
        float: left;
        color: #5b627d;
        line-height: 31px;
        margin: 5px 0 0 0;
    }

/* Healing and Consultation Banner Start Here */
.hlngConslt {
    width: 100%;
    float: left;
    height: 800px;
    background-image: url('../images/energy_therpy.png');
    background-size: cover;
    position: relative;
}

.hlngConsltOvr {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background-color: #000000;
    opacity: 0.5;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}

.hlngConsltHdr {
    width: 30%;
    float: left;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 20%;
}

    .hlngConsltHdr h2,
    .hlngConsltHdr p {
        width: 100%;
        float: left;
        color: #fff;
    }

    .hlngConsltHdr h2 {
        font-family: 'nunito-bold';
        font-size: 60px;
    }

    .hlngConsltHdr p {
        font-family: 'MontserratRegular';
        font-size: 16px;
        line-height: 30px;
    }

/* Healing and Consultation Section-1 Start Here */
.hlngConsltSec1,
.hlngConsltSec1_Mn,
.hlngConsltSec1_Lft,
.hlngConsltSec1_Ryt {
    width: 100%;
    float: left;
}

.hlngConsltSec1,
.hlngConsltSec3 {
    background: #f9f4ff;
}

.hlngConsltSec1,
.hlngConsltSec2,
.hlngConsltSec3 {
    padding: 70px 0;
    width: 100%;
    float: left;
}

.hlngConsltSec1_Mn h3 {
    font-family: 'nunito-bold';
    font-size: 25px;
    text-align: center;
    padding: 0 0 35px 0;
}

.hlngConsltSec1_Lft,
.hlngConsltSec3_Lft {
    margin: 16% 0 0 0;
    width: 80%;
    float: right;
}

.hlngConsltSec_All h5 {
    font-family: 'nunito-bold';
    font-size: 18px;
}

.hlngConsltSec_All h2 {
    font-family: 'nunito-bold';
    font-size: 35px;
}

.hlngConsltSec_All ul {
    margin: 0 0 30px 0;
}

    .hlngConsltSec_All p,
    .hlngConsltSec_All ul li {
        font-family: sans-serif;
        font-size: 16px;
        line-height: 30px;
        color: #5b627d;
    }

.hlngConsltSec_Img {
    text-align: center;
}

    .hlngConsltSec_Img img {
        width: 65%;
    }

/* Form Code Start Here */
.prodForm,
.prodForm_Mn {
    width: 100%;
    float: left;
}

.prodForm_Mn {
    padding: 40px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    margin: 30px 0 0 0;
}

.prodForm {
    padding: 50px 0 100px 0;
}

.inputHeight {
    height: 120px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    margin: 4px 0 0 0;
    padding: 12px;
}

    .inputHeight input[type="checkbox"] {
        width: auto;
        box-shadow: unset;
        margin: 0 5px 0 0;
    }

.frmRpt {
    width: 100%;
    float: left;
    margin: 12px 0 12px 0;
}

    .frmRpt .lbl {
        width: 100%;
        float: left;
    }

        .frmRpt .lbl label,
        .frmRpt .lbl span {
            color: #585959;
            font-size: 14px;
            /*font-size: 21px;*/
            font-family: 'MontserratRegular';
            margin: 0 0 4px 3px;
            display: inline-block;
            width: auto;
        }

    .frmRpt .form_input {
        width: 100%;
        float: left;
        position: relative;
    }

        .frmRpt .form_input .form-select {
            font-size: 15px;
            padding: 7px 14px 9px;
            height: 40px;
            box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
            border-radius: 5px !important;
            color: #67757c;
            width: 100%;
            height: 70px;
            font-family: sans-serif;
        }

        .frmRpt .form_input input.form-control,
        .frmRpt .form_input textarea.form-control {
            padding: 8px 0 0 0;
            border: 1px solid rgba(0, 0, 0, .12);
            box-shadow: none;
            box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
            padding: 7px 14px 9px;
            border-radius: 5px;
            width: 100%;
            margin: 0;
            color: #000;
            transition: 0.4s;
            font-size: 15px;
            background: #fff;
        }

        .frmRpt .form_input input.form-control {
            height: 70px;
        }

        .frmRpt .form_input .radioTbl tr td,
        .frmRpt .form_input .chkboxTbl tr td {
            padding: 0 7px 0 7px;
        }

        .frmRpt .form_input .radioTbl label,
        .frmRpt .form_input .chkboxTbl label {
            color: #585959;
            font-size: 16px;
            margin: 0 0 4px 3px;
            display: inline-block;
            width: auto;
        }
/*User List Page Start Here*/
.userList {
    width: 100%;
    float: left;
    margin: 30px 0 0 0;
}
/*User List Page End Here*/
/* .prodForm_Mn .formBtn  { */
.formBtn {
    width: 100%;
    float: left;
    text-align: right;
}

/* Order Detail Page Start Here */
.orderDtl,
.orderDtl_Mn,
.Ordr_custDtl {
    width: 100%;
    float: left;
}

.orderDtl {
    padding: 60px 0 60px 0;
}

    .orderDtl .CartGrd .tbl_bdy {
        height: unset;
    }

.orderDtl_Mn {
    border: 1px solid rgba(0, 0, 0, .12);
    padding: 30px 30px 0 30px;
}

.orderDtl_MnTp {
    width: 100%;
    float: left;
    margin: 0px 0 20px 0;
}

.orderDtl_Mn h5 {
    font-family: 'nunito-bold';
}

.Ordr_custDtl {
    border: 1px solid rgba(0, 0, 0, .112);
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    width: 100%;
    min-height: 160px;
    padding: 20px 20px;
    float: unset;
    margin: 10px 0 0 0;
    border-radius: 5px;
    height: 190px;
}

.ordrIcn {
    height: 60px;
    width: 60px;
    border-radius: 50%;
    background: #f1eaff;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    line-height: 70px;
}

    .ordrIcn svg {
        color: var(--primary-color);
        height: 26px;
        text-align: center;
    }

.ordrTxt {
    display: inline-block;
    vertical-align: top;
    width: 76%;
    padding: 0 0 0 18px;
}

    .ordrTxt ul {
        margin: 0;
        padding: 0;
    }

        .ordrTxt ul li {
            list-style: none;
        }

            .ordrTxt ul li b {
                font-family: 'nunito-bold';
            }

            .ordrTxt ul li span {
                font-family: sans-serif;
                color: #5b627d;
            }

    .ordrTxt h5 {
        margin: 0;
        padding: 0;
        font-family: 'nunito-bold';
    }

.prodPrc_dtl {
    width: 100%;
    float: left;
    padding: 10px 0 20px 0;
}

    .prodPrc_dtl ul {
        list-style: none;
        padding: 0;
        margin: 0;
        float: right;
    }

        .prodPrc_dtl ul li {
            font-family: 'nunito-bold';
            margin: 10px 0 10px 0;
            font-size: 18px;
            letter-spacing: 1px;
        }

            .prodPrc_dtl ul li span {
                color: #5b627d;
                font-size: 17px;
            }

/* Order Tracking Page Design Start Here */
.ordr_track,
.ordr_trackMn,
.ordrNo_dtl,
.ordrTrck_dtl {
    width: 100%;
    float: left;
}

.ordr_track {
    padding: 70px 0;
}

.ordr_trackMn {
    border: 1px solid rgba(0, 0, 0, .112);
    padding: 60px 40px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.search-box {
    position: relative;
    height: 76px;
    width: 100%;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(0, 0, 0, .112);
    margin: 0 0 40px 0;
}

    .search-box svg,
    .search-box .button {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

    .search-box svg {
        left: 20px;
        font-size: 30px;
        color: #707070;
    }

    .search-box input {
        height: 100%;
        width: 100%;
        outline: none;
        font-size: 18px;
        font-weight: 400;
        border: none;
        padding: 0 155px 0 65px;
        background-color: transparent;
    }

    .search-box .button {
        right: 20px;
        font-size: 16px;
        font-weight: 400;
        color: #fff;
        border: none;
        padding: 12px 30px;
        border-radius: 6px;
        /*background-color: #ecbd00;*/
        background-color: var(--primary-color);
        cursor: pointer;
        width: auto;
        height: auto;
        font-family: 'nunito-bold';
    }

        .search-box .button.clicked {
            transform: translateY(-50%) scale(0.98);
        }

.ordrNo_dtl {
    margin: 20px 0 30px 0;
}

    .ordrNo_dtl h5 {
        font-family: 'NunitoExtraLight';
        margin: 0;
        padding: 0;
        font-size: 18px;
        display: inline-block;
    }

        .ordrNo_dtl h5:nth-child(2) {
            float: right;
        }

        .ordrNo_dtl h5 span {
            font-family: 'MontserratRegular';
        }

.ordrTrck_dtl {
    border: 1px solid rgba(0, 0, 0, .112);
    padding: 20px 0;
    margin: 40px 0 0 0;
}

.order-tracking {
    text-align: center;
    width: 33.33%;
    position: relative;
    display: block;
}

    .order-tracking .is-complete {
        display: block;
        position: relative;
        border-radius: 50%;
        height: 30px;
        width: 30px;
        border: 0px solid #AFAFAF;
        background-color: #f7be16;
        margin: 0 auto;
        transition: background 0.25s linear;
        -webkit-transition: background 0.25s linear;
        z-index: 2;
    }

        .order-tracking .is-complete:after {
            display: block;
            position: absolute;
            content: '';
            height: 14px;
            width: 7px;
            top: -2px;
            bottom: 0;
            left: 5px;
            margin: auto 0;
            border: 0px solid #AFAFAF;
            border-width: 0px 2px 2px 0;
            transform: rotate(45deg);
            opacity: 0;
        }

    .order-tracking.completed .is-complete {
        border-color: #27aa80;
        border-width: 0px;
        background-color: #27aa80;
    }

        .order-tracking.completed .is-complete:after {
            border-color: #fff;
            border-width: 0px 3px 3px 0;
            width: 7px;
            left: 11px;
            opacity: 1;
        }

    .order-tracking p {
        color: #A4A4A4;
        font-size: 16px;
        margin-top: 8px;
        margin-bottom: 0;
        line-height: 20px;
    }

        .order-tracking p span {
            font-size: 14px;
        }

    .order-tracking.completed p {
        color: #000;
    }

    .order-tracking::before {
        content: '';
        display: block;
        height: 3px;
        width: calc(100% - 40px);
        background-color: #f7be16;
        top: 13px;
        position: absolute;
        left: calc(-50% + 20px);
        z-index: 0;
    }

    .order-tracking:first-child:before {
        display: none;
    }

    .order-tracking.completed:before {
        background-color: #27aa80;
    }

/* Table Design Start Here */
.tblMn {
    width: 100%;
    float: left;
    text-align: center;
    border: 1px solid rgba(0, 0, 0, .112);
}

    .tblMn thead {
        background: #b99fdb;
        /* background: var(--primary-color); */
    }

        .tblMn thead tr th {
            padding: 8px;
            color: #fff;
            font-family: 'nunito-bold';
            text-transform: uppercase;
            font-size: 14px;
            font-weight: 510;
        }

    .tblMn tbody tr td {
        padding: 8px;
    }

/* My Account Page Design Start Here */
.myAcc,
.myAcc_Mn,
.myAcc_MnL,
.myAcc_MnR {
    width: 100%;
    float: left;
}

.ordr_info {
    width: 100%;
    float: left;
}

.MyAccOrd-info b {
    display: none;
}

.MyAccOrd-info span {
    font-family: sans-serif;
}

.myAcc {
    padding: 70px 0;
}

.myAcc_MnL {
    border: 1px solid var(--primary-color);
    padding: 40px 20px 20px 20px;
}

.myAcc_Prfl {
    width: 100%;
    float: left;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    padding: 10px;
}

.myAcc_Prfl_L,
.myAcc_Prfl_R {
    width: auto;
    display: inline-block;
    vertical-align: middle;
}

    .myAcc_Prfl_R h4 {
        font-family: 'nunito-bold';
        text-transform: capitalize;
    }

.myAcc_Prfl_L {
    border: 1px solid rgba(0, 0, 0, .112);
    width: 21%;
    background: var(--primary-color);
}

    .myAcc_Prfl_L img {
        width: 100%;
    }

.myAcc_lRpt {
    width: 100%;
    float: left;
    margin: 0 0 20px 0;
}

.myAcc_lRptGrd {
    width: 100%;
    float: left;
    /*margin: 18px 0 10px 0;*/
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

    .myAcc_lRptGrd li {
        width: 100%;
        float: left;
    }

/*.myAcc_lRptGrd li:hover {
    background-color: #dbcde1;
}*/

.myAcc_lRptTtl {
    background: var(--primary-color);
}

    .myAcc_lRptTtl h3 {
        float: left;
        width: 100%;
        font-weight: 300;
        color: #fff;
        padding: 10px;
        text-transform: uppercase;
        font-size: 20px;
        font-weight: 500;
        font-family: 'nunito-bold';
        background: var(--primary-color);
        margin: 0;
    }

.myAcc_lRptGrd ul {
    width: 100%;
    float: left;
    list-style: none;
}

    .myAcc_lRptGrd ul li a {
        font-size: 15px;
        cursor: pointer;
        text-decoration: none;
        display: inline-block;
        vertical-align: middle;
        color: #333030;
        font-weight: 500;
        padding: 5px;
        font-family: 'nunito-bold';
        text-transform: uppercase;
    }

.prsnl_info {
    width: 100%;
    float: left;
    /* border: 1px solid rgba(0, 0, 0, .112); */
    border: 1px solid var(--primary-color);
}

.sidebar-header {
    /*background: #b99fdb;*/
    background: var(--primary-color);
    padding: 7px 20px 7px 20px;
    text-align: left;
    /*border-bottom: 1px solid var(--primary-color);
    margin: 0 0 20px 0;*/
}

    .sidebar-header h5 {
        display: inline-block;
        color: #fff;
        padding: 0;
        text-transform: uppercase;
        font-size: 23px;
        font-weight: 500;
        margin: 0;
        font-family: 'nunito-bold';
    }

    .sidebar-header .mdlNoBtn {
        float: right;
        margin: -5px 0 0 0;
        font-family: 'nunito-bold';
    }

.prsnlInfo-tbl {
    text-align: center;
    padding: 40px;
    margin: 0;
}

    .prsnlInfo-tbl tbody tr td {
        font-family: 'nunito-bold';
    }

        .prsnlInfo-tbl tbody tr td:nth-child(1) {
            font-weight: 550;
        }

.ChngPswrd {
    width: 100%;
    float: left;
    /* border: 1px solid rgba(0, 0, 0, .112); */
    border: 1px solid var(--primary-color);
    padding: 30px;
}

.addrs_dtl {
    border: 1px solid var(--primary-color);
}

    .addrs_dtl table tr:not(:last-child) {
        border-bottom: 1px solid rgba(0, 0, 0, .112);
    }

.addrs-header span svg {
    float: right;
    font-size: 22px;
    color: #fff;
    margin: 3px 0 0 0;
}

ul.addr li {
    font-family: 'MontserratRegular';
    margin: 0 0 5px 0;
}

.spc-main {
    float: right;
}

#edit_addrs {
    display: none;
}

.editAdd_frm {
    width: 100%;
    float: left;
    padding: 30px;
    border: 1px solid var(--primary-color);
}

.spc {
    display: inline-block;
}

.editInfo_frm {
    width: 100%;
    float: left;
    padding: 30px;
}

#sec2,
#sec3,
#sec4,
#sec5,
#editPInfo {
    display: none;
}

/*Wishlist page design start here*/
.wishlist {
    width: 100%;
    float: left;
}

.eWishlist_Mn {
    width: 100%;
    float: left;
    padding: 70px 0;
}

.eWishlist {
    width: 100%;
    float: left;
    text-align: center;
    border: 1px solid rgba(0,0,0,.12);
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    padding: 0 0 20px 0;
}

.wishlist .CartGrd {
    margin: 0;
}

.wishlist .viewCart_Lft {
    height: unset;
}

.wishlist .viewCart_Mn {
    height: unset;
}

.wishlist .viewCart_Lft .DataLstTbl {
    height: unset;
    overflow-y: unset;
    overflow-x: unset;
}

.eWishlist img {
    width: 40%;
}

.eWishlist h4 {
    width: 100%;
    float: left;
    font-family: 'MontserratRegular';
}

.eWishlist p {
    font-family: 'NunitoExtraLight';
    font-size: 17px;
    font-weight: 550;
}

/*FAQ page design start here*/
.faqSec,
.faqSec_Mn {
    width: 100%;
    float: left;
}

.faqSec {
    padding: 60px 0 90px 0;
}

.faqSec_Mn .accordion-button:not(.collapsed) {
    background: #dddddd !important;
    color: #000;
}

.faqSec_Mn .accordion-item {
    margin: 15px 0 0 0;
}

.faqSec_Mn .accordion-button {
    background: #eeeeee !important;
    font-family: 'MontserratRegular';
    font-size: 18px;
}

    .faqSec_Mn .accordion-button:focus {
        border-color: #dddddd !important;
        box-shadow: 0 0 0 .25rem rgba(0,0,0,.15) !important;
    }

.faqSec_Mn .accordion-body p {
    font-family: 'NunitoExtraLight';
    font-weight: 600;
    font-size: 17px;
    margin: 0;
}

/*Cancellation and Refund Policy page design start here*/
.cancelSec,
.cancelSec_Mn {
    width: 100%;
    float: left;
}

.cancelSec {
    padding: 60px 0 90px 0;
}

.cancelSec_Mn {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    padding: 30px;
}

    .cancelSec_Mn p,
    .cancelSec_Mn ol li,
    .cancelSec_Mn ul li {
        font-family: sans-serif;
        font-size: 18px;
        line-height: 27.6px;
    }

/*Bottom to Top button design start here*/
#button {
    display: inline-block;
    text-align: center;
    position: fixed;
    bottom: 20px;
    right: 20px;
    transition: background-color .3s, opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
    cursor: pointer;
    background-color: var(--primary-color);
    height: 50px;
    width: 50px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4);
    font-size: 30px;
    padding: 4px 0 0 0;
    color: #fff;
}

    #button.show {
        opacity: 1;
        visibility: visible;
    }

/*Hover Animations Start Here*/
.HomeSec5_Lft.card:after {
    display: block;
    content: "";
    position: absolute;
    top: 5px;
    bottom: 5px;
    left: 5px;
    right: 48px;
    border: 1px solid rgba(255, 255, 255, 0.4);
    z-index: 1;
    border-radius: 10px;
}

.shine-overlay:hover .shine {
    display: block;
}

.shine {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, .8)), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .8) 50%, rgba(255, 255, 255, 0) 100%);
    pointer-events: none;
    z-index: 3;
    opacity: 0;
    transform: skew(30deg);
    animation: shine 0.75s linear 1;
}

@keyframes shine {
    0% {
        left: -50%;
        opacity: 0;
    }

    50% {
        left: 25%;
        opacity: .5;
    }

    100% {
        left: 100%;
        opacity: 0;
    }
}
/*arjun strated*/
.Ordr-dtl {
    padding: 20px 20px 20px 20px;
}

.GenUsr_ordr {
    border: 1px solid rgba(0, 0, 0, .12);
    padding: 40px 20px 20px 20px;
    border-radius: 10px;
}

.margin-btm {
    margin-bottom: 15px;
}

.bg-clr {
    background: #f3f3f3;
    margin: auto;
    width: 97%;
    padding: 10px 0 0 0px;
}

.ordr-dtlTxt .shoper-info {
    padding: 20px 0 0 30px;
}

.cstm-height {
    height: 100%;
}

.shoper-info {
    width: 100%;
    float: left;
    border-right: 1px solid rgba(0, 0, 0, .12);
}

.ordr-dtlTxt .Bill-info {
    padding: 20px 0 15px 20px;
}

.Bill-info {
    width: 100%;
    float: left;
}

.OrdrDtl-TblHdr {
    background: var(--primary-color);
    font-family: 'nunito-bold';
    padding: 7px 15px 7px 15px;
    color: white;
    text-align: center;
}

.ordrDtlRow {
    text-align: center;
}

.TableDtaCrt {
    margin: 12px 0 5px 0;
    padding: 0;
    font-family: sans-serif;
    font-size: 16px;
    color: #5b627d;
}

.dskshine .SbLstMn {
    position: relative;
    width: 290px;
}

.dskNewshine .SbLstMn {
    position: relative;
    width: 290px;
}

.dskNewshine .SbLstMnDtl {
    float: left;
    width: 100%;
    background: #fff;
    padding: 8px 12px;
    max-height: 228px;
    position: relative;
    min-height: 85px;
    text-align: left;
}

.dskbest .SbLstMn {
    position: relative;
    width: 230px;
}

.dskbest .SbLstMnDtl {
    float: left;
    width: 100%;
    background: #fff;
    padding: 8px 12px;
    max-height: 228px;
    position: relative;
    min-height: 85px;
    text-align: left;
}

.warningbtn {
    background-color: #ffc107;
    color: #000;
    border-radius: 30px;
    border: none;
    padding: 10px 30px 10px 30px;
    margin: 8px 0 8px 0;
    font-size: 15px;
    text-decoration: none;
    font-family: 'MontserratRegular';
    text-align: center;
}

.editAdd_frm .row .frmRpt {
    margin: 0px 0 0px 0 !important;
}

.editInfo_frm .row .frmRpt {
    margin: 0px 0 0px 0 !important;
}

.cancelorderdiv {
    margin-bottom: 20px;
}

/*code start here*/
.TeacherGrdMn {
    float: left;
    width: 100%;
    text-align: center;
    margin: 20px 0 20px 0;
}

.TeacherGrdMnRpt {
    display: inline-block;
    /*width: 300px;
    height: 270px;*/
    width: 100%;
    position: relative;
    transition: all 0.4s ease-in-out;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    background: #fff;
    padding: 0px 0 30px 0;
    /*background: #fbf8ff !important;*/
}

.position_abs {
    float: left;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.TeacherGrdMnRptImg {
    float: left;
    width: 100%;
    margin: 20px 0 0 0;
}

.TeacherGrdMnRptTxt {
    float: left;
    width: 100%;
    margin: 20px 0 0 0;
}

.TeacherGrdMn {
    text-align: center;
}

.TeacherGrdMnRptTxt .submitBtn {
    float: none;
    display: inline-block;
    width: auto;
    padding-left: 20px;
    padding-right: 20px;
}

.TeacherGrdMnRptImg img {
    display: inline-block;
    width: 30%;
}

/*.TeacherGrd .row .same_name:nth-child(1) .TeacherGrdMnRpt {
    background: #fbf8ff;
}

.TeacherGrd .row .same_name:nth-child(2) .TeacherGrdMnRpt {
    background: #fefbed;
}

.TeacherGrd .row .same_name:nth-child(3) .TeacherGrdMnRpt {
    background: linear-gradient(127deg, rgba(244, 253, 255, 1) 0%, rgba(218, 248, 255, 1) 100%);
}*/

.Teacher_Section {
    float: left;
    width: 100%;
    padding: 50px 0 100px 0;
    /*background: #fbf8ff;*/
    border-bottom: 1px solid rgba(0,0,0,0.12);
}

.TeacherGrdMnRpt:hover .TeacherGrdMnRptTxt .visit_btn {
    background-position: -156px 0px;
    transition: all .4s ease-in-out;
}

.visit_btn {
    float: left;
    font-family: 'nunito-bold';
    font-weight: bold;
    color: #fff;
    height: 42px;
    width: 156px;
    margin: 10px 0 0 0;
    text-transform: uppercase;
    padding-top: 9px;
    font-size: 16px;
    background: rgb(255, 143, 14);
    background-size: 100% auto;
    background: linear-gradient(127deg, rgba(255, 143, 14, 1) 0%, rgba(211, 0, 17, 1) 100%);
    box-shadow: 3px 4px 15px 0px rgba(211, 0, 17, 0.23);
    border: none;
    transition: all .4s ease-in-out;
    position: relative;
    z-index: 99;
}


.gridPagination table tbody tr:nth-child(1) {
    background: unset;
}

.gridPagination td table tbody tr td {
    color: #fff !important;
    /*margin: 0 4px !important;*/
    width: auto;
    float: left;
    margin: 0 3px 0 3px;
}

    .gridPagination td table tbody tr td span {
        background: #a18ac0;
        padding: 5px 12px;
        font-size: 19px;
        border-radius: 10px;
    }

    .gridPagination td table tbody tr td a {
        background: #000;
        opacity: .8;
        color: #fff !important;
        border-radius: 10px;
        padding: 5px 12px;
        font-size: 19px;
        text-decoration: none;
    }

.gridPagination table tbody tr:nth-child(1) {
    background: unset !important;
}

.qAnsTbl tbody tr:nth-child(1) {
    background: var(--primary-color) !important;
}

    .qAnsTbl tbody tr:nth-child(1) th {
        color: #fff;
        /*font-size: 20px;*/
        font-size: 17px;
    }

.qAnsTbl1 .mdlNoBtn {
    margin-left: 0 !important;
    margin-top: 5px;
}

/*Success Stories Page Design Start Here*/

.sucStory,
.sucStory_Test,
.sucStory_TestItm {
    width: 100%;
    float: left;
}

.sucStory {
    padding: 50px 0;
}

.sucStory_Btn {
    width: 100%;
    display: inline-flex;
    justify-content: center;
    margin: 12px 0;
}

    .sucStory_Btn .submitBtn {
        padding: 15px;
        font-size: 17px;
    }

.sucStory_Test {
    height: 500px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 35px;
    margin: 20px 0 20px 0;
}

    .sucStory_Test .col-xxl-6 .sucStory_TestItm {
        min-height: 332px;
    }

    .sucStory_Test .col-xxl-4 .sucStory_TestItm {
        min-height: 305px;
    }

.sucStory_TestItm {
    border-radius: 10px;
    margin: 0 0 25px 0;
    padding: 25px;
    background: #e9e6ee;
}

.TestItm_img {
    width: 67px;
    height: 67px;
    border-radius: 50%;
    margin-right: 20px;
    margin-bottom: 20px;
    display: inline-block;
    vertical-align: middle;
}

    .TestItm_img img {
        border-radius: 50%;
        width: 90%;
        height: 93%;
    }

.TestItm_text {
    margin-bottom: 20px;
    display: inline-block;
    vertical-align: middle;
}

    .TestItm_text h6 {
        line-height: normal;
        font-family: 'MontserratRegular';
        font-size: 20px;
    }

.sucStory_TestItm p {
    font-family: sans-serif;
    font-size: 15px;
    font-weight: 300;
    line-height: 28px;
    margin-bottom: 0;
}

/*Video Testimonial Section on Success Stories Page*/
.sucStory_videoItm,
.sucStory_video {
    width: 100%;
    float: left;
}

.sucStory_video {
    margin: 0 0 20px 0;
}

.sucStory_videoItm {
    height: 400px;
    /*width: 430px;*/
    margin: auto;
    display: table;
}

.video-bg {
    /*background-color: #F2F6FF;*/
    border-radius: 20px;
}

.video_box {
    position: relative;
    z-index: 1;
    /*height: 400px;
    width: 430px;*/
    /*height: calc(100% - 30px);
    min-height: 320px;*/
    margin-bottom: 30px;
}

    .video_box::before {
        content: '';
        background-image: linear-gradient(to top, var(--thm-color-five), transparent);
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
    }

    .video_box img {
        border-radius: 20px;
        width: 100%;
    }

    .video_box .video_btn {
        border: 2px solid #0B4A7A;
        background-color: #0B4A7A;
        top: auto;
        right: 0;
        bottom: 0;
        left: auto;
    }

    .video_box .video_btn {
        position: absolute;
        top: auto;
        right: 5%;
        bottom: 9%;
        left: auto;
        border: 2px solid var(--primary-color);
        background-color: var(--primary-color);
        z-index: 1;
        width: 60px;
        height: 60px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
    }

video_box .video_btn {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    border: 2px solid #fff;
    background-color: transparent;
    z-index: 1;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--thm-white);
}

.video_box .video_btn svg {
    color: #fff;
}

.video_box .video_text {
    position: absolute;
    bottom: 20px;
    left: 30px;
    width: 50%;
    z-index: 1;
}

    .video_box .video_text h6 {
        font-family: 'MontserratRegular';
        font-size: 19px;
    }

    .video_box .video_text p {
        font-family: sans-serif;
        font-size: 17px;
    }

.sucStory_TestMdl iframe {
    width: 100%;
}

.sucStory_Ques {
    margin: 0 0 50px 0;
}

/*Our Great Team Page Start Here*/
.OurTeam_Mn,
.OurTeam_Itm {
    width: 100%;
    float: left;
}

.OurTeam {
    width: 100%;
    float: left;
    padding: 30px 0 90px 0;
}

.main-div .team_block {
    min-height: 388.4px;
}

.OurTeam_row {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.team_block {
    padding: 40px 30px;
    background-color: #f2f6ff;
    transition: 0.3s all;
    text-align: center;
    min-height: 360px;
    min-width: 345px;
    width: 280px;
    margin: 10px 10px;
    border-radius: 15px;
}

    .team_block.style_3:hover {
        background-image: url(../images/elements/element_33.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

    .team_block.style_3:hover {
        background-image: none;
        background-color: #f2f6ff;
        box-shadow: none;
    }

    .team_block .team_img {
        position: relative;
        margin: 0 auto 30px;
        width: 160px;
        height: 160px;
        border-radius: 50%;
        border: 1px solid rgba(0,0,0,.12);
    }

        .team_block .team_img img {
            width: 160px;
            height: 160px;
            border-radius: 50%;
        }

        .team_block .team_img .link {
            background-color: var(--primary-color);
            color: white;
            box-shadow: none;
            border-radius: 50%;
            text-decoration: none;
        }

            .team_block .team_img .link i {
                font-size: 25px;
                line-height: 30px;
            }

        .team_block .team_img .link {
            width: 36px;
            height: 36px;
            position: absolute;
            right: 15px;
            bottom: 0;
            display: none;
        }

.thm-btn svg {
    font-size: 12px;
    font-weight: 600;
    line-height: 2;
}

.team_block h4 {
    width: 100%;
    float: left;
    font-family: 'nunito-bold';
    font-size: 20px;
}

    .team_block h4 a {
        font-weight: 600;
        color: #000;
        text-decoration: none;
    }

.team_block p {
    font-family: sans-serif;
    margin: 4px 0 0 0;
    width: 100%;
    font-size: 18px;
    color: #5b627d;
    line-height: 31px;
}

.TeamMn_Ttl {
    margin: 0;
}

    .TeamMn_Ttl h2 {
        /*font-family: 'TangerineBold';*/
        /*font-size: 65px;*/
        font-size: 48px;
        text-align: center;
        font-family: 'nunito-bold';
        color: var(--primary-color);
        margin: 0;
    }

    .TeamMn_Ttl p {
        width: 100%;
        display: block;
        text-align: center;
        font-family: sans-serif;
        font-size: 21px;
    }

.TeamHdr {
    text-align: center;
    width: 100%;
    float: left;
}

    .TeamHdr h3 {
        font-family: 'nunito-bold';
        font-size: 40px;
        margin: 50px 0 50px 0;
    }

/*Team Page Start Here*/
.TeamMn,
.TeamMn_1 {
    width: 100%;
    float: left;
}

.TeamMn {
    padding: 70px 0;
    background-image: url('../images/section7_bg.png'), url('../images/section7_bg.png');
    background-repeat: no-repeat;
    background-position: 100% 16%, 0% 4%;
    background-size: 14%;
}

.TeamMn_1 {
    margin: 50px 0 0 0;
}

.TeamMn_Ryt {
    margin: -10px 0 0 50px;
}

    .TeamMn_Ryt h3 {
        color: rgba(0,0,0,.7);
        font-family: 'Nunito-bold';
        font-size: 35px;
    }

    .TeamMn_Ryt .team_subTxt {
        color: var(--primary-color);
        font-size: 21px;
    }

    .TeamMn_Ryt ul {
        width: 100%;
        float: left;
    }

        .TeamMn_Ryt ul li {
            list-style: circle;
        }

            .TeamMn_Ryt ul li::marker {
                color: var(--secondary-color);
            }

            .TeamMn_Ryt ul li p {
                font-size: 18px;
                font-family: sans-serif;
                margin: 0 0 4px 0;
                color: #666;
            }

    .TeamMn_Ryt h6 {
        color: rgba(0,0,0,.7);
        font-family: 'MontserratRegular';
        font-size: 19px;
    }

.video_warp {
    position: relative;
    text-align: right;
}

.img-team-detail {
    width: 61%;
}

.video-right {
    transform: translate(50%, -50%);
    top: 12px;
    right: 12px;
}

.transform-center {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    height: 56px;
    width: 56px;
    background: var(--secondary-color);
    border-radius: 50%;
}

.video_btn .video_icon {
    padding: 15px 0 0 2px;
    height: 26px;
    border-radius: 50%;
    color: #fff;
}

.TeamMn_2 {
    padding: 90px 0 0 0;
    width: 100%;
    float: left;
}

    .TeamMn_2 .nav-item {
        font-size: 17px !important;
        color: #858585 !important;
        font-weight: 510;
    }

        .TeamMn_2 .nav-item .nav-link {
            color: #000 !important;
            font-weight: 510;
            font-family: 'nunito-bold';
            text-transform: uppercase;
        }

            .TeamMn_2 .nav-item .nav-link.active {
                color: var(--primary-color) !important;
            }

    .TeamMn_2 .tab-pane {
        padding: 30px;
        box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
        border: 1px solid rgba(0,0,0,.12);
        border-top: unset;
    }

        .TeamMn_2 .tab-pane p {
            font-family: sans-serif;
            font-size: 17px;
            color: #000;
            line-height: 29px;
        }

/*Goverment Registered Organisation Section Design Start Here*/
.govt_regMn,
.govt_regItm {
    width: 100%;
    float: left;
}

.govt_reg {
    /*background: #fcf8f7;*/
    background: #a18ac017;
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-image: none;
    background-size: auto;
    padding: 0 0 140px 0;
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;
    margin: 90px 0 0 0;
    background-image: url('../images/rectangle.png'), url('../images/rectangle.png');
    background-repeat: no-repeat;
    background-position: -7% 1%, 107% 38%;
    background-size: 12%;
}

.govt_regMn {
    display: flex;
    justify-content: center;
    margin: 40px 0 0 0;
}

.member-div {
    border-radius: 20px;
    min-height: 325px;
    width: 310px;
    box-shadow: 4px 12px 19px #0000001F;
}

.coach_block {
    margin-bottom: 0px;
}

    .coach_block .coach_img {
        height: auto;
        border-radius: 20px;
        position: relative;
    }

.overlay-4 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-color: transparent;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.coach_block .coach_img img {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.img-fluid {
    max-width: 100%;
    height: auto;
    /*border: 1px solid rgba(0,0,0,.12);
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;*/
}

.coach_caption .title a {
    color: rgba(0,0,0,.8);
    text-decoration: none;
    font-size: 18px;
}

.font-playfair {
    font-family: 'MontserratRegular';
}

/*Books Authorised Section Design Start Here*/
.book_Author,
.book_AuthorMn {
    width: 100%;
    float: left;
}

.book_Author {
    padding: 80px 0 90px 0;
}

.book_AuthorMn {
    display: flex;
    justify-content: center;
}

.book-style {
    border-radius: 20px;
    padding-bottom: 1px;
    box-shadow: 4px 12px 19px #0000001f;
    width: 320px;
}


.coach_block .coach_img {
    height: auto;
    border-radius: 20px;
    position: relative;
    z-index: 1;
}

.image-fit {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.coach_caption {
    padding: 0px;
    padding-right: 0px;
    padding-left: 0px;
}

    .coach_caption h6 {
        font-family: 'nunito-bold';
        font-size: 18px;
    }

    .coach_caption p {
        font-family: sans-serif;
        color: #5b627d;
    }

.book-style p {
    color: #00000099;
}


/*Our Courses Page Design Start Here*/
.OurCourses,
.OurCourses_Mn,
.OurCourses_Itm {
    width: 100%;
    float: left;
}

.OurCourses {
    padding: 50px 0 100px 0;
}

.OurCourses_Mn {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 40px 0 0 0;
}

.OurCourses_Row {
    margin: 0 10%;
}

.coach_block .coach_img {
    height: 250px;
    border-radius: 20px;
    position: relative;
    z-index: 1;
}

/*.coach_block .coach_img img {
    border-radius: 0px;
}*/

.overlay-5 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    /*background-color: #2570a969;*/
    display: flex;
    align-items: center;
    justify-content: center;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.course-style {
    border-radius: 10px;
    padding-bottom: 1px;
    box-shadow: 4px 12px 19px #0000001f;
    width: 390px;
    height: 430px;
}

.coach_block .coach_img .link {
    width: 40px;
    height: 40px;
    position: absolute;
    right: 30px;
    bottom: -20px;
    background: var(--secondary-color);
    border-radius: 50%;
    text-align: center;
    line-height: 30px;
    padding: 6px 0 0 0;
}

    .coach_block .coach_img .link svg {
        height: 20px;
        color: #fff;
    }

.thm-btn i {
    font-size: 12px;
    font-weight: 600;
    line-height: 2;
}

.coach_block .coach_caption {
    padding: 0px;
    padding-right: 0px;
    padding-left: 0px;
}

    .coach_block .coach_caption .coach_meta {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }

        .coach_block .coach_caption .coach_meta .coach_cat {
            background-color: #dd6b204f;
            color: #DD6B20;
            border-radius: 50px;
            padding: 1px 10px 3px 10px;
        }

.line1 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.line2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.OurCourses_Itm {
    margin: 0 0 40px 0;
}


/*Pagination Start Here*/
.pagination,
.pagination_Mn {
    width: 100%;
    float: left;
}

.pagination {
    margin: 50px 0 80px 0;
}

.pagination_Mn li.page_itm {
    list-style: none;
    float: left;
    height: 35px;
    width: 35px;
    background: var(--primary-color);
    margin: 0 8px;
    text-align: center;
}

.pagination_Mn li.page_link {
    text-decoration: none;
    color: #fff;
}

/*Course Detail Page Design Start Here*/
.Course,
.Course_Lft {
    width: 100%;
    float: left;
}

.Course {
    padding: 50px 0 80px 0;
}

.course_hdr {
    width: 100%;
    float: left;
    padding: 30px 0 20px 0;
}

    .course_hdr h5 {
        font-family: 'MontserratRegular';
        font-size: 22px;
    }

    .course_hdr h3 {
        font-family: 'nunito-bold';
        font-size: 41px;
        display: inline-block;
        vertical-align: middle;
    }

    .course_hdr .enquiryBtn {
        background: var(--secondary-color);
        color: #fff;
        padding: 20px;
        border: none;
        display: inline-block;
        vertical-align: middle;
        text-align: right;
        float: right;
        border-radius: 15px;
        font-size: 22px;
    }

.Course_Lft {
    width: 100%;
    border-right: 1px solid rgba(0,0,0,.2);
    padding: 0 20px 0 0;
}

.Cdetail_img,
.Cdetail_txt {
    width: 100%;
    float: left;
}

.Cdetail_txt {
    padding: 20px 0 0 0;
}

.Cdetail_img img {
    width: 100%;
    border: 1px solid rgba(0,0,0,.12);
}

.Cdetail_txt p {
    text-align: justify;
    font-family: sans-serif;
    font-size: 18px;
    width: 100%;
    float: left;
    color: #5b627d;
    line-height: 31px;
}

.Course_RytTp {
    width: 100%;
    float: left;
}

    .Course_RytTp ul li {
        list-style: none;
    }

.style-icon {
    float: left;
    display: flex;
    flex-direction: column;
    background-color: var(--primary-color);
    justify-content: space-between;
    padding: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
    align-items: center;
    position: absolute;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.Course_RytTp .sidebar_widget {
    background-image: none;
    box-shadow: 4px 12px 19px #0000001F;
    border-radius: 20px;
}

.Course_RytTp .style-icon li .left-side svg {
    margin: 3.5px 0 3.5px 0;
    color: #fff;
}

.Course_RytTp .info_widgets ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
    font-family: sans-serif;
    font-size: 18px;
    color: #5b627d;
}

    .Course_RytTp .info_widgets ul li .left-side {
        display: flex;
        align-items: center;
        font-size: 18px;
        font-weight: 600;
    }

        .Course_RytTp .info_widgets ul li .left-side i {
            color: #1368A8;
            margin-right: 0px;
        }

    .Course_RytTp .info_widgets ul li .right-side {
        font-size: 18px;
    }

.right-side {
    color: #000000;
    font-family: 'work-sans', sans-serif !important;
}

.text-ul {
    padding-left: 73px;
    padding-top: 13px;
    padding-bottom: 13px;
    padding-right: 22px;
}

.Course_RytBtm {
    width: 100%;
    float: left;
    padding: 20px;
    box-shadow: 4px 12px 19px #0000001F;
    border-radius: 20px;
}

    .Course_RytBtm h5 {
        font-family: 'nunito-bold';
        font-size: 24px;
    }

    .Course_RytBtm p {
        font-family: sans-serif;
        font-size: 15px;
        width: 100%;
        float: left;
        color: #5b627d;
    }

    .Course_RytBtm ul {
        padding: 0;
    }

        .Course_RytBtm ul li {
            list-style: none;
            margin: 20px 0;
        }

            .Course_RytBtm ul li .image {
                width: 90px;
                height: 90px;
                margin-right: 30px;
                display: inline-block;
                vertical-align: middle;
            }

    .Course_RytBtm .related-img {
        border-radius: 8px;
    }

    .Course_RytBtm .info_widgets ul li .text {
        width: calc(100% - 150px);
        display: inline-block;
        vertical-align: middle;
    }

        .Course_RytBtm .info_widgets ul li .text h6 {
            font-family: 'nunito-bold';
        }

            .Course_RytBtm .info_widgets ul li .text h6 a {
                text-decoration: none;
                color: rgba(0,0,0,.8);
            }

        .Course_RytBtm .info_widgets ul li .text p {
            font-family: sans-serif;
            font-size: 15px;
            width: 100%;
            float: left;
            color: #5b627d;
        }


/*Our Curriculum Section Start Here*/
.curiculum,
.curiculum_Mn {
    width: 100%;
    float: left;
}

.curiculum {
    margin: 60px 0 50px 0;
    background: #f5f5f5;
    padding: 0 0 50px 0;
    background-image: url('../images/rectangle.png'), url('../images/rectangle.png');
    background-repeat: no-repeat;
    background-position: -9% 7%, 109% 53%;
    position: relative;
    padding: 40px 0 60px 0;
}

    .curiculum .SubTtl h2 {
        text-align: center;
    }

.arrowDwn {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    background: var(--primary-color);
    text-align: center;
    padding: 13px 0 0 0;
    position: absolute;
    bottom: 2%;
    left: 50%;
    transform: translateX(-50%);
}

    .arrowDwn svg {
        color: #fff;
        height: 25px;
    }

.curiculum_Mn {
    width: 80%;
    margin: auto;
    float: unset;
}

.curiculum .container ul {
    position: relative;
    list-style: none;
    padding: 0;
    margin: 0;
}

    .curiculum .container ul.curiculum_Lst {
        left: 17%;
    }

        .curiculum .container ul.curiculum_Lst::before {
            content: "";
            position: absolute;
            top: 0;
            left: -20px;
            height: 100%;
            border: 1px dashed #aaa;
        }

.curiculum .box {
    margin: 50px 0;
    padding: 10px 20px 10px 50px;
    background: #e9e3f1;
    width: 68%;
    position: relative;
    letter-spacing: 2px;
    border-radius: 5px;
    box-sizing: border-box;
    box-shadow: 1px 1px 3px rgba(100, 100, 100, 0.3);
}

    .curiculum .box span {
        content: "";
        position: absolute;
        top: 0;
        left: -20px;
        height: 100%;
        border: 1px solid #ccc;
    }

        .curiculum .box span::before,
        .curiculum .box span::after {
            content: "";
            position: absolute;
            left: -12px;
            width: 25px;
            height: 25px;
            background: var(--secondary-color);
            border-radius: 100%;
        }

        .curiculum .box span::before {
            top: -12px;
        }

        .curiculum .box span::after {
            top: 100%;
        }

.curiculum .title {
    font-size: 21px;
    text-transform: uppercase;
    margin-top: 10px;
    font-family: 'nunito-bold';
}

.curiculum .sub-title {
    font-size: 0.6rem;
    color: #aaa;
}

.curiculum .info {
    margin: 15px 0;
}

    .curiculum .info ul li {
        list-style: disc;
        font-family: sans-serif;
        line-height: 30px;
    }

        .curiculum .info ul li::marker {
            color: var(--primary-color);
            font-size: 27px;
        }

.curiculum .box .time span {
    position: absolute;
    font-size: 0.5rem;
    color: #aaa;
}

    .curiculum .box .time span:first-child {
        top: -10px;
        left: -70px;
    }

    .curiculum .box .time span:last-child {
        top: 100%;
        left: -70px;
    }

.boxTxt,
.boxImg {
    width: 100%;
    float: left;
}

    .boxImg img {
        width: 80%;
        float: right;
    }

.Course_Mn {
    width: 100%;
    float: left;
}

.courseDtl_sec,
.courseDtl_Itm {
    width: 100%;
    float: left;
}

.courseDtl_sec {
    padding: 60px 0 50px 0;
}

.courseDtl_Itm {
    background: #e9e3f1;
    width: 80%;
    margin: auto;
    float: unset;
}

.contact_faq_box {
    border: 0;
    border-radius: 10px;
    padding: 25px;
    min-height: 426.05px;
    box-shadow: 4px 8px 7px #0000001f;
    min-height: 395px;
}

    .contact_faq_box .courseDtl_icn {
        height: 70px;
        width: 70px;
        background: var(--primary-color);
        border-radius: 50%;
        text-align: center;
        padding: 22px 0 0 0;
        margin: auto;
    }

        .contact_faq_box .courseDtl_icn svg {
            color: #fff;
            height: 26px;
        }

.courseDtl_txt h4 {
    color: var(--primary-color);
    font-family: 'nunito-bold';
    text-align: center;
    font-size: 27px;
}

.courseDtl_txt ul li {
    line-height: 30px;
    font-size: 18px;
    font-family: sans-serif;
    color: #5b627d;
}

    .courseDtl_txt ul li::marker {
        font-size: 26px;
        color: var(--primary-color);
    }

/*Manage-Team Page Design Start Here*/

.mngTeam_Tbl {
    width: 100%;
    float: left;
}

    .mngTeam_Tbl table tr {
        text-align: center;
    }

        .mngTeam_Tbl table tr th {
            background: var(--primary-color);
            color: #fff;
        }

        .mngTeam_Tbl table tr td {
            padding: 10px;
            text-align: left;
        }

            .mngTeam_Tbl table tr td a {
                text-decoration: none;
                color: #333333;
            }

            .mngTeam_Tbl table tr td .mdlYesBtn,
            .mngTeam_Tbl table tr td .mdlNoBtn {
                margin: 5px 3px 5px 3px;
            }

        .mngTeam_Tbl table tr img {
            width: 130px;
            height: 130px;
            border: 1px solid rgba(0,0,0,.12);
            box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
        }

.reToolBar li {
    padding: 5px 3px;
}

/*Pagination Start Here*/
.gridview.gridPagination table {
    margin: auto;
}

/*About Page Design Start Here*/
/*Our Journey Section Design Start Here*/
.aboutDivine {
    width: 100%;
    float: left;
    padding: 50px 0 60px 0;
}

.aboutDivine_Txt {
    width: 100%;
    float: left;
    padding: 20px 0 40px 0;
}

    .aboutDivine_Txt p {
        font-family: sans-serif;
        font-size: 18px;
        width: 80%;
        color: #232737;
        line-height: 31px;
        text-align: center;
        padding: 0;
        margin: auto;
    }

.ourJourney,
.ourJourney_lst {
    width: 100%;
    float: left;
}

/*.ourJourney_lst {
    width: 100%;
    float: left;
    margin: 75px 0 0 0;
}

    .ourJourney_lst ul {
        column-gap: 2rem;
        display: grid;
        grid-template-columns: 0.25rem 1fr;
        grid-auto-columns: max-content;
        list-style: none;
        width: min(60rem, 90%);
        margin-inline: auto;
    }

        .ourJourney_lst ul::before {
            content: "";
            grid-column: 1;
            grid-row: 1 / span 20;
            background: rgb(225, 225, 225);
            border-radius: calc(0.25rem / 2);
        }


        .ourJourney_lst ul li:not(:last-child) {
            margin-bottom: 2rem;
        }

        .ourJourney_lst ul li {
            grid-column: 2;
            margin-inline: 1.5rem;
            grid-row: span 2;
            display: grid;
            grid-template-rows: min-content min-content min-content;
        }

            .ourJourney_lst ul li .date {
                height: 3rem;
                margin-inline: calc(1.5rem * -1);
                text-align: center;
                background: var(--primary-color) !important;
                color: white;
                font-size: 1.25rem;
                font-weight: 700;
                display: grid;
                place-content: center;
                position: relative;
                border-radius: calc(3rem / 2) 0 0 calc(3rem / 2);
            }

                .ourJourney_lst ul li .date::before {
                    content: "";
                    width: 1.5rem;
                    aspect-ratio: 1;
                    background: var(--primary-color);
                    background-image: linear-gradient(rgba(0, 0, 0, 0.2) 100%, transparent);
                    position: absolute;
                    top: 100%;
                    clip-path: polygon(0 0, 100% 0, 0 100%);
                    right: 0;
                }

                .ourJourney_lst ul li .date::after {
                    content: "";
                    position: absolute;
                    width: 2rem;
                    aspect-ratio: 1;
                    background: #fff;
                    border: 0.3rem solid var(--primary-color);
                    border-radius: 50%;
                    top: 50%;
                    transform: translate(50%, -50%);
                    right: calc(100% + 2rem + 0.25rem / 2);
                }

            .ourJourney_lst ul li .title,
            .ourJourney_lst ul li .descr {
                background: #fff;
                position: relative;
                padding-inline: 1.5rem;
            }

            .ourJourney_lst ul li .title {
                overflow: hidden;
                padding-block-start: 1.5rem;
                padding-block-end: 1rem;
                font-weight: 500;
            }

            .ourJourney_lst ul li .descr {
                padding-block-end: 1.5rem;
                font-weight: 300;
            }

                .ourJourney_lst ul li .descr span {
                    font-family: sans-serif;
                    font-size: 18px;
                    width: 100%;
                    float: left;
                    color: #5b627d;
                    line-height: 31px;
                }

                .ourJourney_lst ul li .title::before,
                .ourJourney_lst ul li .descr::before {
                    content: "";
                    position: absolute;
                    width: 90%;
                    height: 0.5rem;
                    background: rgba(0, 0, 0, 0.5);
                    left: 50%;
                    border-radius: 50%;
                    filter: blur(4px);
                    transform: translate(-50%, 50%);
                }

            .ourJourney_lst ul li .title::before {
                bottom: calc(100% + 0.125rem);
            }

            .ourJourney_lst ul li .descr::before {
                z-index: -1;
                bottom: 0.25rem;
            }


@media (min-width: 40rem) {
    .ourJourney_lst ul {
        grid-template-columns: 1fr 0.25rem 1fr;
    }

        .ourJourney_lst ul::before {
            grid-column: 2;
        }

        .ourJourney_lst ul li:nth-child(odd) {
            grid-column: 1;
        }

        .ourJourney_lst ul li:nth-child(even) {
            grid-column: 3;
        }

        .ourJourney_lst ul li:nth-child(2) {
            grid-row: 2/4;
        }

        .ourJourney_lst ul li:nth-child(odd) .date::before {
            clip-path: polygon(0 0, 100% 0, 100% 100%);
            left: 0;
        }

        .ourJourney_lst ul li:nth-child(odd) .date::after {
            transform: translate(-50%, -50%);
            left: calc(100% + 2rem + 0.25rem / 2);
        }

        .ourJourney_lst ul li:nth-child(odd) .date {
            border-radius: 0 calc(3rem / 2) calc(3rem / 2) 0;
        }
}

.credits {
    margin-top: 1rem;
    text-align: right;
}

    .credits a {
        color: var(--color);
    }*/


#site-timeline {
    position: relative;
    max-width: 920px;
    width: 100%;
    margin: 0 auto;
    margin-top: 30px;
}

.timeline-article .site-center-line {
    position: absolute;
    width: 3px;
    height: 100%;
    top: 5%;
    left: 50%;
    margin-left: -2px;
    z-index: -1;
    bottom: 5%;
}

.year__ {
    display: inline-block;
}

.timeline-article.odd .site-center-line {
    background: var(--primary-color);
}

.timeline-article.even .site-center-line {
    background: var(--primary-color);
}

.timeline-article {
    width: 100%;
    position: relative;
    overflow: hidden;
    margin: 0;
    margin-top: -2%;
}

    .timeline-article .content-left-container,
    .timeline-article .content-right-container {
        max-width: 47%;
        width: 100%;
        padding: 0 0 40px 0;
    }

    .timeline-article .content-left,
    .timeline-article .content-right {
        position: relative;
        width: auto;
        padding: 20px 25px 20px;
        width: 100%;
        float: left;
    }

        .timeline-article .content-left:before,
        .timeline-article .content-right:before {
            z-index: -1;
            bottom: 0.25rem;
            content: "";
            position: absolute;
            width: 90%;
            height: 0.5rem;
            background: rgba(208, 208, 208, 0.5);
            left: 50%;
            border-radius: 50%;
            filter: blur(4px);
            transform: translate(-50%, 50%);
        }

.timeline-title {
    margin-top: 0;
}

.timeline-article p {
    padding: 0;
    font-weight: 400;
    color: #242424;
    font-size: 14px;
    line-height: 24px;
    position: relative;
}

.timeline-article .content-left-container {
    float: left;
}


h1.timeline-year {
    margin: 0;
    display: inline-block;
    padding: 5px 19px;
    border-radius: 21px;
    color: #fff;
    font-size: 23px;
    font-family: 'nunito-bold';
    width: 100%;
}

.timeline-article.odd .year__ {
    float: left;
    width: 100%;
}

.timeline-article .year__ {
    position: relative;
    text-align: center;
}

    .timeline-article .year__:before {
        content: "";
        width: 1.5rem;
        aspect-ratio: 1;
        position: absolute;
        top: 100%;
        clip-path: polygon(0 0, 100% 0, 0 100%);
        right: 0;
    }

.timeline-article.even .year__:before {
    clip-path: polygon(0 0, 100% 0, 100% 100%);
    left: 0;
}

.timeline-article.odd .year__:before {
    background: var(--primary-color);
    background-image: linear-gradient(rgba(0, 0, 0, 0.2) 100%, transparent);
}

.timeline-article.even .year__:before {
    background: var(--primary-color);
    background-image: linear-gradient(rgba(0, 0, 0, 0.2) 100%, transparent);
}

.timeline-article.odd h1.timeline-year {
    background: var(--primary-color);
    width: 100%;
    border-radius: calc(3rem / 2) 0 0 calc(3rem / 2);
}

.timeline-article.even .year__ {
    float: right;
    width: 100%;
}

.timeline-article.even h1.timeline-year {
    background: var(--primary-color);
    border-radius: 0 calc(3rem / 2) calc(3rem / 2) 0;
}

.line {
    position: absolute;
    width: 55px;
    height: 2px;
    top: 20px;
    margin-left: 0;
    z-index: -1;
}

.timeline-article.odd .line {
    left: 50%;
    background: var(--primary-color);
}

.timeline-article.even .line {
    right: 50%;
    background: #000000;
}

#site-timeline .owl-carousel {
    position: relative;
    width: auto;
    padding: 60px 25px 20px;
}

.timeline-article .content-right-container {
    float: right;
}

.timeline-article ul {
    width: 100%;
    float: left;
}

    .timeline-article ul li {
        font-family: sans-serif;
        font-size: 18px;
        width: 100%;
        float: left;
        color: #5b627d;
        line-height: 31px;
        list-style: circle;
    }

        .timeline-article ul li::marker {
            color: var(--primary-color);
        }

.timeline-article img {
    width: 100%;
    display: none;
}

.timeline-article .meta-dot {
    position: absolute;
    top: 10px;
    left: 50%;
    width: 20px;
    height: 20px;
    margin-left: -10px;
    border-radius: 100%;
}

.timeline-article.odd .meta-dot {
    background: var(--primary-color);
}

.timeline-article.even .meta-dot {
    background: var(--primary-color);
}

@media only screen and (max-width: 830px) {
    #site-timeline .site-center-line {
        margin-left: 0;
        left: 50px;
    }

    .timeline-article .meta-dot {
        margin-left: 0;
        left: 42px;
    }

    .timeline-article .content-left-container,
    .timeline-article .content-right-container {
        max-width: 100%;
        width: auto;
        float: none;
        margin-left: 63px;
        min-height: 53px;
    }

    .timeline-article .content-left-container {
        margin-bottom: 20px;
    }

    .timeline-article .content-left,
    .timeline-article .content-right {
        padding: 10px 25px;
        min-height: 65px;
    }

        .timeline-article .content-left:before {
            content: "\f0d9";
            right: auto;
            left: -8px;
        }

        .timeline-article .content-right:before {
            display: none;
        }
}



/*Category Page in detail view Start Here*/

/*.categryMn,
.categryItm,
.categryItmL,
.categryItmR {
    width: 100%;
    float: left;
}

.categryImg {
    text-align: center;
    float: unset;
}

.categryImg img {
    width: 100%;
    height: 100%;
    border: 1px solid rgba(0,0,0,.12);
}

.categryRow {
    display: flex;
    padding: 30px;
    background: #f2f6ff;
    margin: 10px 0;
    border-radius: 15px;
}

.categryItms:nth-child(even) .categryRowI {
    order: 2;
}

.categryItms:nth-child(even) .categryRowT {
    order: 1;
}

.categryItms:nth-child(odd) .categryRowI {
    width: 28%;
    display: inline-block;
}

.categryItms:nth-child(odd) .categryRowT {
    width: 68%;
    display: inline-block;
}

.categryItms:nth-child(even) .categryRowT {
    width: 68%;
    display: inline-block;
}

.categryItms:nth-child(even) .categryRowI {
    width: 28%;
    display: inline-block;
}

.categryItms:nth-child(even) .categryRow {
    background: #fff4f6;
}

.categryItms:nth-child(odd) .categryRowI .categryImgDiv {
    float: left;
}

.categryItms:nth-child(even) .categryRowI .categryImgDiv {
    float: right;
}

.categryItmR .TeamHdr {
    text-align: unset;
}

.categryItmR .TeamHdr h3 {
    font-size: 29px;
    margin: unset;
}

.categryItmR {
    border-radius: 20px;
    padding: 20px;
}

.categryItmR p {
    font-family: sans-serif;
    margin: 5px 0 5px 0;
    width: 100%;
    float: left;
}

.categryImgDiv {
    height: 270px;
    width: 270px;
    margin: auto;
    border: 1px solid rgba(0,0,0,.12);
    border-radius: 20px;
}

.categryImgDiv img {
    width: 100%;
    height: 100%;
    border-radius: 20px;
}*/

/*Category Page in list view Start Here*/

.categryMn,
.categryItm {
    width: 100%;
    float: left;
}

/*.categryMn {
    margin: 30px 0 0 0;
}*/

.categryItm {
    background: #f8f8f8;
    padding: 40px 0 0 0;
}

    .categryItm .SbLstMn {
        width: 286px;
    }

    .categryItm .SbLstMnDtl {
        min-height: unset;
        max-height: unset;
        text-align: center;
        padding: 15px 0 15px 0;
    }

        .categryItm .SbLstMnDtl h4 {
            font-family: 'MontserratRegular';
            font-size: 18px;
        }

/*Gallery Page Design Start Here*/

.galleryMn,
.galleryImg {
    width: 100%;
    float: left;
}

    .galleryImg img {
        width: 100%;
    }

/*Vaastu Consultation Page Start Here*/

.vaastu {
    width: 100%;
    float: left;
    height: 720px;
    background-image: url('../images/vaastu1.jpg');
    background-size: cover;
    background-position: center;
    position: relative;
}

.vaastu_sec2,
.vaastu_sec2_Mn,
.vaastu_sec2_Lft,
.vaastu_sec2_Ryt {
    width: 100%;
    float: left;
}

.vaastu_sec2_Mn {
    padding: 40px 0 40px 0;
}

.vaastu_sec2_Lft {
    margin: 21% 0 0 12%;
}

    .vaastu_sec2_Lft p {
        font-family: sans-serif;
        font-size: 18px;
        width: 100%;
        float: left;
        color: #5b627d;
        line-height: 31px;
    }

.vaastu_sec2_Ryt {
    text-align: center;
}

    .vaastu_sec2_Ryt img {
        width: 60%;
    }

.vaastu_sec3 .SubTtl h2 {
    text-align: center;
}

.vaastu_sec3,
.vaastu_sec3_Mn,
.vaastu_sec3_Itm {
    width: 100%;
    float: left;
}

.vaastu_sec3_Mn {
    margin: 3% 0 0 0;
}

.vaastu_sec3 {
    padding: 100px 0 100px 0;
    background: #f9f4ff;
}

.vaastu_sec3_Mn .vaastu_sec3_Itm {
    padding: 40px 20px;
    background: var(--primary-color);
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    height: 280px;
}

    .vaastu_sec3_Mn .vaastu_sec3_Itm h3 {
        font-family: 'nunito-bold';
        color: #fff;
        text-align: center;
        font-size: 28px;
    }

    .vaastu_sec3_Mn .vaastu_sec3_Itm p {
        font-family: sans-serif;
        font-size: 18px;
        width: 100%;
        float: left;
        color: rgba(255,255,255,.8);
        line-height: 31px;
        text-align: center;
    }

/*Individual Coaching Session Page Design Start Here*/
.ind_sesion {
    width: 100%;
    float: left;
    height: 720px;
    background-image: url('../images/ind_ses.jpg');
    background-size: cover;
    background-position: center;
    position: relative;
}

.ind_sesion_2 img {
    width: 100%;
    margin: -43% 0 0 0;
}

/*Section-3 of Individual Coaching Session Page Design Start Here*/
.ind_sesion3,
.ind_sesion3_Mn,
.ind_sesion3_Itm {
    width: 100%;
    float: left;
}

.ind_sesion3_Mn {
    margin: 2% 0 0 0;
}

.ind_sesion3 {
    background: #f3f3f3;
    padding: 110px 50px;
}

    .ind_sesion3 .SubTtl h2 {
        text-align: center;
    }

.ind_sesion3_Itm {
    background: #fff;
    text-align: center;
    padding: 30px 20px;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1), 0 1px 2px -1px rgba(0,0,0,0.1);
}

    .ind_sesion3_Itm h3 {
        color: var(--primary-color);
        font-family: 'nunito-bold';
        font-size: 27px;
    }

    .ind_sesion3_Itm p {
        font-family: sans-serif;
        font-size: 18px;
        width: 100%;
        float: left;
        color: #5b627d;
        line-height: 31px;
        margin: 0;
        padding: 0;
    }

/*Consult Crystal Specialist Page Start Here*/
.cons_crys {
    width: 100%;
    float: left;
    height: 720px;
    background-image: url('../images/crystal_spec.jpg');
    background-size: cover;
    background-position: center;
    position: relative;
}

.cons_crys1 {
    padding: 100px 0 100px 0;
    background: #f3f3f3;
}

.cons_crys1,
.cons_crys1_Mn,
.cons_crys1_Lft,
.cons_crys1_Ryt {
    width: 100%;
    float: left;
}

    .cons_crys1_Ryt img {
        width: 58%;
    }

.cons_crys1_Lft {
    margin: 14% 0 0 0;
}

    .cons_crys1_Lft p {
        font-family: sans-serif;
        font-size: 18px;
        width: 100%;
        float: left;
        color: #5b627d;
        line-height: 31px;
    }

.cons_crys1_Ryt {
    text-align: center;
}

    .cons_crys1_Ryt img {
        width: 58%;
    }

/*Section-2 Start Here*/
.cons_crys2,
.cons_crys2_Mn,
.cons_crys2_Lft,
.cons_crys2_Ryt ul,
.cons_crys2_Ryt {
    width: 100%;
    float: left;
}

.cons_crys2 {
    background: #fbf8ff;
    padding: 100px 0 100px 0;
}

.cons_crys2_Ryt {
    margin: 6% 0 0 0;
}

    .cons_crys2_Ryt p,
    .cons_crys2_Ryt ul li {
        font-family: sans-serif;
        font-size: 18px;
        width: 100%;
        float: left;
        color: #5b627d;
        line-height: 31px;
    }

.cons_crys2_Lft img {
    width: 58%;
}

/*Terms and Condition page design start here*/
.Cancellation,
.AllSameTxt {
    width: 100%;
    float: left;
}

.Cancellation {
    padding: 80px 0;
}

.AllSameTxt {
    margin: 20px 0 0 0;
}

    .AllSameTxt p,
    .AllSameTxt ul li {
        font-family: sans-serif;
        font-size: 18px;
        width: 100%;
        float: left;
        color: #2c2c2c;
        line-height: 31px;
    }

/*FAQ page design start here*/
.faq,
.faqMn {
    width: 100%;
    float: left;
}

.faq {
    padding: 50px 0 100px 0;
}

.faqMn {
    padding: 10px 0 0 0;
}

    .faqMn button.faqOtrBtn {
        background: var(--primary-color);
        color: #fff;
        font-family: 'nunito-bold';
        font-size: 16px;
        text-transform: uppercase;
        padding: 13px 1.25rem;
    }

    .faqMn button.faqInrBtn {
        font-family: 'nunito-bold';
        font-size: 16px;
    }

    .faqMn .accordion-body p {
        font-family: sans-serif;
        font-size: 16px;
        /*color: #5b627d;*/
        line-height: 31px;
        margin: 0;
    }

    .faqMn .accordion-button.faqInrBtn:not(.collapsed) {
        background: #f3f3f3;
        color: #000;
    }

.faqOtrBtn.accordion-button::after {
    background-image: url('../images/arrowBtm.png') !important;
}

.faqInrBtn.accordion-button::after {
    background-image: url('../images/arrowBtm1.png') !important;
}

.faqOtrBtn.accordion-button:focus,
.faqInrBtn.accordion-button:focus {
    box-shadow: unset;
    border-color: unset;
}

.faqMn .accordion-item {
    margin-bottom: 15px;
}

.faqMn .accordion-body .accordion-item {
    margin-bottom: unset;
}

    .faqMn .accordion-body .accordion-item .accordion-button {
        padding: 10px 1.25rem;
    }

/*Book Enquiry Page design start here*/

.bookEnquiry {
    width: 100%;
    float: left;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    padding: 30px;
    margin: 30px 0 30px 0;
}

.bookEnquiryBtn {
    width: 100%;
    float: left;
    text-align: right;
}

    .bookEnquiryBtn a {
        margin: 0 5px 0 5px;
    }

/*Manage Product Page Design Start Here*/

.mngProd {
    width: 100%;
    float: left;
    padding: 50px 0 100px 0;
}