/*font-family: 'Playfair Display', serif;*/

:root {

    --color-black: #000000;

    --color-white: #ffffff;

    --color-lightpink: #d9a7aa;

    --color-pink: #E668D4;

}





* {
    padding: 0px;
    margin: 0px;
}

html {
    font-size: 100%;
    overflow-x: hidden;
}

body {
    overflow-x: hidden;
}


html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
}

ol,
ul {
    list-style: none;
}

:focus {
    outline: 0;
}

a {
    color: #2a6fda;

    -webkit-transition: all 1s ease;

    -moz-transition: all 1s ease;

    -o-transition: all 1s ease;

    -ms-transition: all 1s ease;

    transition: all 1s ease;

}

a,
a:link {
    text-decoration: none;
    outline: none;
    color: #2a6fda;
}

p {
    font-size: 13px;
    color: #000;
    line-height: 22px;
    font-weight: 400;
    margin-bottom: 15px;
}

.clear {
    clear: both;
}

a:focus {
    outline: none;
}

img {
    max-width: 100%;
}

h2 {}

input:focus {
    outline: none;
}

button:focus {
    outline: none;
}

body {
    margin: 0;
    padding: 0;
    font-size: 13px;
    color: #000000;
    line-height: 20px;
    font-weight: 500;
    background: #E8E4E0;
    font-family: 'Open Sans', sans-serif
}

.var-row {
    align-items: center;
}

iframe {
    width: 100%;
}





.logo-section {}

.logo-section img {
    height: 76px;
}

.menu-section .navbar {
    padding: 0px;
}

.menu-section ul {}

.menu-section ul li {
    margin: 0px 8px;
}

.menu-section ul li a {
    display: inline;
    text-transform: uppercase;
    font-weight: 600;
    color: var(--color-black);
}

.menu-section ul li a:hover {
    color: var(--color-lightpink);
}

.menu-section ul li.active a {
    color: var(--color-lightpink);
}

.navbar-brand {
    padding: 0px;
}

header.headerMain {
    padding: 15px 0px;
}



#ajaxsearchlite1 .probox,
div.asl_w .probox {
    min-width: 250px;
    border-radius: 0px !important;
    padding: 5px !important;
    background-color: #E8E4E0 !important;
    background-image: none !important;
    border: #C2C2C2 solid 1px !important;
}

div.asl_w .probox .promagnifier {
    background-color: #E8E4E0 !important;
    background-image: none !important;
    box-shadow: none !important;
}

div.asl_w .probox .promagnifier .innericon svg {
    fill: #000 !important;
}

.header-search .srcform {
    min-width: 250px;
}

.header-search .srcform #ajaxsearchlite1 .probox .proinput input,
div.asl_w .probox .proinput input {
    color: #000 !important;
}

#ajaxsearchlite1 .probox .proinput,
div.asl_w .probox .proinput {
    padding-left: 0px !important;
}



.header-search .srcform #ajaxsearchlite1 .probox .proinput input,
div.asl_w .probox .proinput input ::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */

    color: var(--color-black) !important;

}



.header-search .srcform #ajaxsearchlite1 .probox .proinput input,
div.asl_w .probox .proinput input :-ms-input-placeholder {
    /* Internet Explorer 10-11 */

    color: var(--color-black) !important;

}



.header-search .srcform #ajaxsearchlite1 .probox .proinput input,
div.asl_w .probox .proinput input ::-ms-input-placeholder {
    /* Microsoft Edge */

    color: var(--color-black) !important;

}





.secpadd {
    padding: 60px 0px;
}



.top-section {
    border-bottom: #bfbcba solid 1px;
}

.top-left-slider {
    margin-right: 10px;
    padding-bottom: 22px;
}

.top-right-slider {
    margin-left: 10px;
    height: 100%;
    background-color: var(--color-lightpink);
    overflow: hidden;
}





.slide-blog-box {}

.slide-blog-box .blog-thumb {}

.slide-blog-box .blog-thumb img {
    height: 500px;
    width: 100%;
    object-fit: cover;
}

.slide-cont-inn {
    width: 100%;
    padding-left: 20%;
    padding-top: 20px;
}

.blog-date {
    color: var(--color-pink);
    font-size: 13px;
    text-transform: uppercase;
    margin-bottom: 2px;
    line-height: normal;
    padding: 0 12px;
    font-weight: 600;
}

.blog-date a {
    color: #8b8b8b;
}

.blog-title {
    font-size: 30px;
    font-family: 'Playfair Display', serif;
    margin-bottom: 30px;
    line-height: normal;
}

.blog-title a {
    display: inline;
    color: var(--color-black);
}

.blog-box {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-radius: 10px 10px 0 0;
    overflow: hidden;
}



.top-right-slider .owl-item {

    transform: rotate3d(0, 0, 1, -90deg);

}

.top-right-slider .owl-carousel {

    transform: rotate3d(0, 0, 1, 90deg);

}





.slide-blog-box .media {

    padding: 20px;

    border-bottom: #cfa2a5 solid 1px;

}



.slide-blog-box .media .media-body {

    padding-right: 30px;

}



.slide-blog-box .media .media-right {

    width: 150px;

}



.slide-blog-box .media .media-right img {
    height: 120px;
}



.slide-blog-box .media .media-body .blog-date a {
    color: var(--color-black);
}

.slide-blog-box .media .media-body .blog-date {
    padding-left: 0px;
}



.slide-blog-box .media .media-body .blog-title {
    font-size: 25px;
    margin-bottom: 10px;
}

.slide-blog-box .media .media-body .blog-cont p {
    margin-bottom: 0px;
}





.top-left-slider .owl-nav {
    padding-left: 20%;
}

.top-left-slider .owl-nav button {
    position: relative;
    padding-left: 30px;
    margin: 0px 20px;
    font-size: 14px;
    color: var(--color-black);
    text-transform: uppercase;
}





.top-left-slider .owl-nav .owl-next:before {
    content: '';
    background-image: url(../images/arrow-right.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 15px;
    height: 15px;
    position: absolute;
    left: 40px;
    top: 4px;
}

.top-left-slider .owl-nav .owl-prev:before {
    content: '';
    background-image: url(../images/arrow-left.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 15px;
    height: 15px;
    position: absolute;
    left: -30px;
    top: 4px;
}



.top-left-slider .owl-nav .owl-prev.disabled {
    color: #CBCBCB;
}

.top-left-slider .owl-nav .owl-next.disabled {
    color: #CBCBCB;
}

.top-left-slider .owl-nav .owl-next.disabled:before {
    content: '';
    background-image: url(../images/gray-right.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 15px;
    height: 15px;
    position: absolute;
    left: 40px;
    top: 2px;
}

.top-left-slider .owl-nav .owl-prev.disabled:before {
    content: '';
    background-image: url(../images/gray-left.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 15px;
    height: 15px;
    position: absolute;
    left: -30px;
    top: 2px;
}











.title-section {}

.title-section h2 {
    text-transform: uppercase;
    font-size: 30px;
    font-family: 'Playfair Display', serif;
    padding-bottom: 30px;
}





.about-image {}

.about-image img {
    height: 400px;
    width: 100%;
    object-fit: cover;
}

.about-cont {}

.about-cont h2 {
    text-transform: uppercase;
    font-size: 30px;
    font-family: 'Playfair Display', serif;
    padding-bottom: 30px;
}

.about-cont p {}

.about-video {
    position: relative;
    overflow: hidden;
}

.about-video .play {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: rgba(0, 0, 0, 0.2);
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.about-video iframe {
    height: 250px;
}

.video-title {}

.video-title h3 {
    font-size: 18px;
    font-family: 'Playfair Display', serif;
    padding-bottom: 20px;
}

.def-btn {}

.def-btn a {
    display: inline-block;
    padding: 10px 20px;
    font-size: 14px;
    line-height: 18px;
    border: #373816 solid 1px;
    color: var(--color-black);
    text-transform: uppercase;
}

.def-btn a:hover {
    background-color: var(--color-pink);
    color: var(--color-white);
    border-color: var(--color-pink);
}

.collec-layer .def-btn span{
    display: inline-block;
    padding: 10px 20px;
    font-size: 14px;
    line-height: 18px;
    border: #373816 solid 1px;
    color: var(--color-black);
    text-transform: uppercase;
}

.collec-layer .def-btn span:hover{
    background-color: #fff;
    color: #000;
}




.cat-section {
    background-color: #e3d1ce;
}









.courses-section {
    background-color: #edeae7;
}

.course-wrap {
    background-color: #a4a294;
    padding: 30px;
    position: relative;
}

.course-box {
    text-align: center;
}

.course-box .course-thum {
    margin-bottom: 25px;
}

.course-box .course-thum img {
    width: 100%;
    height: 350px;
    object-fit: cover;
}

.course-box .course-info h4 {
    color: var(--color-white);
    font-size: 20px;
    font-family: 'Playfair Display', serif;
    padding-bottom: 15px;
    display: block;

}

.course-box .course-info h4 a {
    display: inline;
    color: var(--color-white);
    display: -webkit-box;
-webkit-line-clamp: 2;  
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}

.course-box .course-info h3 {
    color: var(--color-white);
    font-size: 14px;
    font-weight: 400;
    padding-bottom: 10px;
}

.course-box .course-info h2 {
    color: var(--color-white);
    font-size: 14px;
    font-weight: 500;
}

.course-wrap .owl-dots {
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: -75px;
}

.course-wrap .owl-dots .owl-dot {
    margin: 0px 5px;
    height: 30px;
    width: 30px;
}

.course-wrap .owl-dots .owl-dot span {
    display: inline-block;
    background-color: #B8B8B8;
    height: 6px;
    width: 6px;
    border-radius: 100%;
    position: relative;
    top: -1px;
}

.course-wrap .owl-dots .owl-dot.active span {
    background-color: var(--color-pink);
}

.course-wrap .owl-dots .owl-dot.active {
    border: var(--color-pink) solid 1px;
}





.cattab {}

.cattab .nav-tabs {
    grid-row-gap: 10px;
    display: flex;
    justify-content: center;
}


.cattab .nav-tabs a {
    padding: 0;
    margin: 0px 10px;
}

.cattab .nav-tabs a {
    display: inline-block;
    border: var(--color-pink) solid 1px;
    border-radius: 0px;
    padding: 10px 30px;
    color: var(--color-black);
    text-transform: uppercase;
    font-size: 14px;
}

.cattab .nav-tabs a.active {
    background-color: var(--color-pink);
    color: var(--color-white);
    border: 0px;
}

.cattab .nav-tabs a:hover {
    background-color: var(--color-pink);
    color: var(--color-white);
}











.product-section {
    background-color: #ded7d0;
}

.product-section .title-section {
    padding-bottom: 30px;
}

.product-section .title-section h2 {
    padding-bottom: 0px;
}











.collection-section {
    background-color: #E8E4E0;
}

.collection-section .title-section {
    padding-bottom: 30px;
}

.collection-section .title-section h2 {
    padding-bottom: 0px;
}



.collec-box {
    position: relative;
}

.collec-box img {
    height: 350px;
    width: 100%;
    object-fit: cover;
}

.collec-layer {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .40);
    top: 0;
    left: 0;
    z-index: 9;
    display: flex;
    align-items: center;
    justify-content: center;
}

.collec-layer h2 {
    font-size: 25px;
    color: var(--color-white);
    font-family: 'Playfair Display', serif;
    padding-bottom: 20px;
}

.collec-layer .def-btn a {
    border-color: #C2C2C2;
    color: var(--color-white);
    text-transform: uppercase;
}

.collec-layer .def-btn a:hover {
    background-color: var(--color-white);
    color: var(--color-black);
    border-color: var(--color-white);
}



.collec-wrap .owl-nav {
    text-align: center;
    margin-top: 30px;
}

.collec-wrap .owl-nav button {
    margin: 0px 5px;
}

.collec-wrap .owl-nav .owl-next span {
    display: inline-block;
    font-size: 0px;
    height: 15px;
    width: 40px;
    background-image: url(../images/pink-right.png);
    background-repeat: no-repeat;
}

.collec-wrap .owl-nav .owl-prev span {
    display: inline-block;
    font-size: 0px;
    height: 15px;
    width: 40px;
    background-image: url(../images/pink-left.png);
    background-repeat: no-repeat;
}

.collec-wrap .owl-nav .owl-prev.disabled span {
    height: 14px;
    width: 15px;
    background-image: url(../images/gray-left.png);
    background-repeat: no-repeat;
}

.collec-wrap .owl-nav .owl-next.disabled span {
    height: 14px;
    width: 15px;
    background-image: url(../images/gray-right.png);
    background-repeat: no-repeat;
}

.collec-wrap .owl-nav button {
    border: var(--color-pink) solid 1px !important;
    height: 35px;
    width: 60px;
}

.collec-wrap .owl-nav button.disabled {
    border: #C2C2C2 solid 1px !important;
    height: 35px;
    width: 35px;
}







.subscribe-section {
    position: relative;
    background-image: url(../images/subscribe-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.subscribe-wrap {
    margin-top: 50px;
    border-bottom: #a7868d solid 1px;
    padding-bottom: 10px;
}

.subscribe-wrap form {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-image: url(../images/mail.png);
    background-repeat: no-repeat;
    background-size: 25px;
    padding-left: 35px;
    background-position: left center;
}

.subscribe-wrap input[type="email"] {
    border: none;
    background-color: transparent;
    text-align: left;
    width: 100%;
}

.subscribe-wrap .es-field-wrap {
    width: 100%;
    margin-bottom: 0px;
}

.subscribe-wrap .es-field-wrap label {
    width: 100%;
}

.subscribe-wrap input[type="submit"] {
    background-color: #B4097B;
    text-transform: uppercase;
    padding: 12px 30px;
    color: var(--color-white);
    font-weight: 600;
    border: none;
}

.subscribe-wrap input[type="submit"]:hover {
    background-color: var(--color-pink);
}









.footer-section {
    background-color: #E8E4E0;
}

.footer-logo {
    padding: 40px 0px;
    border-bottom: #d8d4d0 solid 1px;
}

.footer-logo img {
    width:250px;
    object-fit:contain;
}


.footer-middle {
    padding: 40px 0px;
}

.ftr-box {}

.finfo p {
    padding-right: 100px;
    line-height: 18px;
}

.ftr-box h2 {
    font-size: 20px;
    color: var(--color-black);
    font-family: 'Playfair Display', serif;
    padding-bottom: 20px;
}

.ftr-box ul {}

.ftr-box ul li {
    margin-bottom: 10px;
}

.ftr-box ul li a {
    display: inline;
    color: var(--color-black);
    font-weight: 500;
}

.ftr-box ul li a:hover {
    color: var(--color-pink);
}

.ftr-box .contact {}

.ftr-box .contact ul {}

.ftr-box .contact ul li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 20px;
}

.ftr-box .contact ul li a {
    display: inline;
    color: var(--color-black);
}

.ftr-box .contact ul li a:hover {
    color: var(--color-pink);
}

.ftr-box .contact ul li span {
    position: absolute;
    top: 0;
    left: 0;
}

.ftr-box .contact ul li span img {
    height: 20px;
}

.ftr-box .contact ul li.phone span img {
    width: 20px;
    object-fit: contain;
}

.ftr-box .contact ul li.mail span img {
    width: 20px;
    object-fit: contain;
}

.ftr-box .contact ul li.location span img {
    width: 20px;
    object-fit: contain;
}

.ftr-box .social-media {}

.ftr-box .social-media a {
    display: inline;
    margin-right: 10px;
}







.footer-copyright {
    padding: 15px 0px;
    border-top: #d8d4d0 solid 1px;
}

.footer-copyright {
    color: var(--color-black);
    font-size: 13px;
}

.footer-copyright a {
    color: var(--color-black);
    display: inline-block;
}



































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







.contact-box {

    background-color: #a4a294;

    padding: 20px;

    border-radius: 0px;

}



.contact-map {
    padding-block: 30px;
}

.contact-map iframe {
    height: 250px;
    width: 100%;
}



.contact-box h3 {

    position: relative;

    color: #000;

    font-size: 20px;

    font-weight: 600;

    padding-bottom: 10px;

    margin-bottom: 30px;

}



.contact-box label {

    font-weight: 600;

    padding-bottom: 5px;

}



.contact-box .form-control {

    height: 45px;

    width: 100%;

    font-size: 13px;

    background-color: #f8f9fa;

    border-radius: 0px;

    padding: 10px 15px;

    border: none;

    font-weight: 400;

}



.contact-box textarea.form-control {

    height: 80px;

    resize: none;

}



.contact-box input[type="submit"] {

    border: #000 solid 1px;

    padding: 10px 30px;

    border-radius: 0;

    text-transform: uppercase;

    font-weight: 600;

}

.contact-box input[type="submit"]:hover{
    background-color: #000;
    color: #fff;
}


.wpcf7 form.sent .wpcf7-response-output{
    background-color: #46b450;
}



.contact-box .wpcf7-captchar {

    width: 100%;

    background-color: #f8f9fa;

    border-radius: 0px;

    padding: 10px 15px;

    border: #ddd solid 1px;

    height: 40px;

}





.contact-box.right {
    background-color: #c5c5c5;
}



.contact-info {}



.contact-info ul {

    margin-left: 0px !important;

}



.contact-info ul li {

    list-style-type: none !important;

    position: relative;

    padding-left: 25px;

    font-weight: 600;

}



.contact-info ul li a {

    display: inline-block;

    color: #000;

    font-weight: 500;

    font-size: 14px;

    font-weight: 600;

}



.contact-info ul li span {

    position: absolute;

    top: 0;

    left: 0;

}



.contact-info ul li a:hover {

    color: #BD9D1C;

}



.wpcf7-not-valid-tip {

    font-size: 12px;

}



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









/* ------------- inner banner ---------------------- */





.title_breadcrumb {
    background-color: #c5c5c5;
    padding: 15px 0px;
}

.title_breadcrumb span h1 {
    font-family: 'Playfair Display', serif;
    color: #000;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;
}

.breadcrumb_bottom ul {
    display: flex;
}

.breadcrumb_bottom ul li {
    color: #000;
    margin-left: 10px;
}

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



.inner-cont {
    padding: 50px 0px 50px 0px;
    background-color: #e9e8e7;
}

.inner-cont h2 {
    text-transform: uppercase;
    font-size: 30px;
    font-family: 'Playfair Display', serif;
    padding-bottom: 30px;
}

.inner-cont h3 {
    font-family: 'Playfair Display', serif;
    font-size: 22px;
    position: relative;
    color: #010101;
    padding-bottom: 15px;
    margin-bottom: 0px;
}

.inner-cont p {
    font-size: 14px;
    line-height: 22px;
}



.inner-cont ul {
    margin-left: 15px;
}

.inner-cont ul li {
    margin-bottom: 10px;
    list-style-type: disc;
}





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





/* ===================================

    Header & Navigation

====================================== */





.header-appear {

    /*height: 70px;*/

    position: fixed;

    top: 0;

    padding: 0px 0px;

    z-index: 999;

    width: 100%;

    background-color: #E8E4E0;

    -webkit-animation-name: animationFade;

    -o-animation-name: animationFade;

    animation-name: animationFade;

    -webkit-animation-duration: 1s;

    -o-animation-duration: 1s;

    animation-duration: 1s;

    -webkit-animation-fill-mode: both;

    -o-animation-fill-mode: both;

    animation-fill-mode: both;

    -webkit-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.35);

    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.35);

}







header {

    width: 100%;

    z-index: 99;

}



header.header-appear.headerMain {
    padding: 5px 0px;
}

header.header-appear .logo-section img {
    height: 40px;
}





/*header top bar*/



.top-header-area {

    position: absolute;

    top: 0;

    z-index: 99;

    width: 100%;

    display: block;

    height: 45px;

    line-height: 45px;

    font-size: 14px;



}





.top-header-area ~ .navbar-top-default {

    background-color: #000;

    top: 45px;

    height: 65px;

}



.header-appear .top-header-area {

    display: none;

}



.header-appear .top-header-area ~ .navbar-top-default {

    top: 0;

}



/* nav top default */



.navbar-top-default {

    position: absolute;

    top: 0;

    z-index: 99;

    overflow: hidden;

    /*height: 90px;*/

    width: 100%;

    background-color: var(--color-black);

    -webkit-transition: all .1s ease;

    -moz-transition: all .1s ease;

    -ms-transition: all .1s ease;

    -o-transition: all .1s ease;

    transition: all .1s ease;

}







.header-appear .navbar-top-default {

    /*height: 70px;*/

    position: fixed;

    z-index: 999;

    background-color: var(--color-black);

    -webkit-animation-name: animationFade;

    -o-animation-name: animationFade;

    animation-name: animationFade;

    -webkit-animation-duration: 1s;

    -o-animation-duration: 1s;

    animation-duration: 1s;

    -webkit-animation-fill-mode: both;

    -o-animation-fill-mode: both;

    animation-fill-mode: both;

    -webkit-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.35);

    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.35);

}







/* animation */



@-webkit-keyframes animationFade {

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0);

    }

    to {

        opacity: 1;

        -webkit-transform: none;

        transform: none;

    }

}

@-o-keyframes animationFade {

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0);

    }

    to {

        opacity: 1;

        -webkit-transform: none;

        -o-transform: none;

        transform: none;

    }

}

@keyframes animationFade {

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0);

    }

    to {

        opacity: 1;

        -webkit-transform: none;

        -o-transform: none;

        transform: none;

    }

}



/*------------ Single Blog --------------*/







.single-blog-wrap .content-img {



    padding-bottom: 20px;



}







.single-blog-wrap .content-img img {



    width: 100%;



    max-width: 100%;



    max-height: 450px;



    object-fit: cover;



}







.single-blog-wrap {}



.single-blog-wrap h3 {
    font-size: 28px;
    line-height: 38px;
    margin-bottom: 10px;
    padding-bottom: 0px;
    font-family: 'Alice', serif;
    color: var(--color-black);
}



.single-blog-wrap .blog-date {
    padding-left: 0px;
}

.comment-respond {
    padding: 20px;
    background: #e8e4e0;
    margin-top: 20px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
}

.single-post .comment-respond h2 {
    font-size: 18px;
    font-weight: bold;
    color: #000;
    margin-bottom: 15px;
    font-family: 'Playfair Display', serif;

}

.comment-respond .comment-form input[type="text"],

.comment-respond .comment-form input[type="email"],

.comment-respond .comment-form input[type="url"],

.comment-respond .comment-form textarea {

    display: block;

    border: none;

    height: 40px;

    line-height: 40px;

    width: 100%;

    padding: 0 10px;

}



.comment-respond .comment-form textarea {

    height: 80px;

    resize: none;

}

body.single-post .comment-respond .comment-form-comment textarea {

    margin-bottom: 10px !important;

}

body.single-post .comment-form-cookies-consent input[type="checkbox"] {

    margin-right: 10px;

}



body.single-post .comment-respond input[id="submit"] {
    font-size: 14px;
    background: transparent;
    border: #000 solid 1px;
    padding: 12px 20px !important;
    position: relative;
    line-height: 100%;
    border-radius: 0px;
    font-size: 12px;
    font-size: 13px;
    font-weight: 500;
    display: inline-block;
}



body.single-post .comment-respond input[id="submit"]:hover,

body.single-post .comment-respond input[id="submit"]:focus {

    background: var(--color-pink);

    color: #fff;

    outline: none;

    border: var(--color-pink) solid 1px;

}



.comment-form-comment label {
    position: relative;
}



ol.comment-list {}

ol.comment-list li {}

ol.comment-list li ol.children {
    margin-left: 30px;
}

ol.comment-list li .reply {
    padding: 10px 0px;
}

ol.comment-list li .reply a {
    display: inline-block;
    background-color: #0070c0;
    padding: 5px 10px;
    border-radius: 3px;
    color: #fff;
    line-height: 15px;
}

ol.comment-list li .comment-author {
    padding-bottom: 10px;
}

a#cancel-comment-reply-link {
    display: inline-block;
    margin: 0px 5px;
    background-color: #0070c0;
    padding: 5px 10px;
    border-radius: 3px;
    color: #fff;
    line-height: 15px;
    font-size: 13px;
}



.navigation.post-navigation {
    display: none;
}





ol.commentlist li {
    background-color: #E8E4E0;
    padding: 15px;
    margin-top: 10px;
}

ol.commentlist li a {
    color: var(--color-black);
}

ol.commentlist li ul li {
    list-style-type: none;
}

.comment-metadata {
    font-size: 12px;
}



.reply a {
    display: inline-block;
    padding: 5px 10px;
    border: #000 solid 1px;
}

.reply a:hover {
    background-color: #000;
    color: #fff;
}













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





.about-conet-wrap {}

.about-avatar {
    margin-bottom: 30px;
}

.about-avatar img {
    height: 300px;
    width: 300px;
    object-fit: cover;
    border-radius: 100%;
}

.about-conet-wrap p {
    font-weight: 500;
}

.about-video-outer {
    padding-top: 30px;
}

.about-video-outer iframe {
    max-width: 750px;
}

.inner-cont .course-box .course-thum {}

.inner-cont .course-box h3 {
    color: #000;
    font-size: 16px;
    font-weight: 600;
}








.single-cours-wrap {}

.single-cours-pic {
    margin-bottom: 20px;
}

.single-cours-pic img {
    height: 300px;
    width: 100%;
    object-fit: cover;
}

.single-cours-wrap h2 {
    padding-bottom: 20px;
}

.course-meta-wrap {
    margin-bottom: 15px;
}

.course-meta {
    border: #B4097B dashed 2px;
    padding: 15px;
    margin-right: 15px;
}

.course-meta span {
    display: block;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    font-family: 'Playfair Display', serif;
}

.course-meta h3 {
    font-size: 20px;
    font-family: 'Playfair Display', serif;
    padding-bottom: 10px;
    font-weight: 700;
}

.single-cours-wrap p {
    font-weight: 500;
}

.single-ser-wrap h2 {
    padding-bottom: 20px;
}



.blog-box .blog-thumb {
    margin-bottom: 15px;
}

.blog-box .blog-thumb img {
    height: 300px;
    width: 100%;
    object-fit: cover;
}

.blog-box .blog-info {
    padding: 0 12px 15px;
}

.blog-box .blog-info .blog-title {
    font-size: 22px;
    font-family: 'Playfair Display', serif;
    margin-bottom: 10px;
    line-height: normal;
    display: block;
display: -webkit-box;
-webkit-line-clamp: 2;  
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}

.blog-box .blog-cont {
    margin-bottom: 20px;
}

.blog-home .media-body .blog-date {
    padding-left: 0px;
    margin-bottom: 10px;
    color: var(--color-black);
}

.blog-home .media-body .blog-date span {
    color: var(--color-black);
}

.blog-home .media-body .blog-date span a {
    color: var(--color-black);
}

.cattab {}

.cattab .media {
    padding: 20px 0px;
    border-bottom: rgba(230, 104, 212, .25) solid 1px;
}

.cattab .media-body {
    padding-right: 30px;
}

.cattab .media-body h2 {
    font-size: 25px;
    font-family: 'Playfair Display', serif;
    margin-bottom: 15px;
}

.cattab .media-body p {
    font-size: 14px;
    margin-bottom: 30px;
}

.cattab .media-right {
    width: 180px;
}

.media-right a {
    display: block;
}

.cattab .media-right img {
    width: 180px;
    height: 220px;
    object-fit: cover;
}

.cattab .def-btn.pink a {
    border-color: #E668D4;
    color: #E668D4;
}

.cattab .def-btn a:hover {
    background-color: #E668D4;
    color: var(--color-white);
}

.flex-section {
    margin-bottom: 30px;
}

.captcha-wrap img {
    margin-bottom: 10px;
}

.sidebar-title {
    font-size: 22px;
}

.comment-form-cookies-consent {
    display: none;
}

.row-gap {
    grid-row-gap: 30px;
}



/*---  Blog Listing Start  ---*/

.blog-sidebar {}

.single-our_courses .blog-sidebar .media {
    padding: 10px;
    background: white;
    margin-bottom: 10px;
}

.blog-sidebar ul {
    margin-left: 0px;
}

.blog-sidebar ul li {
    list-style-type: none;
    line-height: 18px;
    font-size: 15px;
    border-top: #ddd solid 1px;
    padding: 10px 0px;
    margin: 0px;
}



.sidebar-title {
    font-family: 'Playfair Display', serif;
    font-size: 25px;
    margin-bottom: 20px;
    position: relative;
    width: fit-content;
}

.sidebar-title:after {
    position: absolute;
    content: '';
    width: 60px;
    height: 2px;
    border-radius: 5px;
    background: var(--color-pink);
    top: 75%;
    transform: translateY(-50%);
    right: -70px;
}

.blog-sidebar .media {
    padding: 15px;
}

.blog-sidebar .media .media-right {
    width: 115px;
}

.blog-sidebar .media .media-right img {
    height: 100px;
    width: 100px;
    object-fit: cover;
}

.blog-sidebar .media .media-body {
    padding-right: 30px;
}

.blog-sidebar .media .media-body h2 {
    color: var(--color-black);
    font-size: 22px;
    padding-bottom: 10px;
}

.blog-sidebar .media .media-body h2 a {
    color: var(--color-black);
}

.blog-sidebar .media .media-body p {
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 0px;
    line-height: 18px;
}

.blog-sidebar .recent_blog {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    margin-bottom: 15px;
}

.blog-sidebar .recent_blog:last-child {
    margin-bottom: 0px;
}

.slide-cont-inn .blog-date {
    padding-left: 0px;
    color: var(--color-black);
}

.slide-cont-inn .blog-date span {
    color: var(--color-black);
}

.slide-cont-inn .blog-date span a {
    color: var(--color-black);
}


/*---  Blog Listing End  ---*/



/*---  Course Listing Start  ---*/

.product-wrap {
    position: relative;
}

.product-wrap .course-info h4 a {
    color: var(--color-black);
}

.product-wrap .course-info h2 {
    font-weight: 600;
    color: var(--color-black);
    font-family: 'Open Sans', sans-serif
}

.courses-list-wrap .course-info h4 a {
    color: var(--color-white);
}

.courses-list-wrap .course-info h2 {
    font-weight: 600;
    color: var(--color-white);
    font-family: 'Open Sans', sans-serif
}

.product-wrap .owl-nav {
    text-align: center;
    margin-top: 30px;
}

.product-wrap .owl-nav button {
    margin: 0px 5px;
}

.product-wrap .owl-nav .owl-next span {
    display: inline-block;
    font-size: 0px;
    height: 15px;
    width: 40px;
    background-image: url(../images/pink-right.png);
    background-repeat: no-repeat;
}

.product-wrap .owl-nav .owl-prev span {
    display: inline-block;
    font-size: 0px;
    height: 15px;
    width: 40px;
    background-image: url(../images/pink-left.png);
    background-repeat: no-repeat;
}

.product-wrap .owl-nav .owl-prev.disabled span {
    height: 14px;
    width: 15px;
    background-image: url(../images/gray-left.png);
    background-repeat: no-repeat;
}

.product-wrap .owl-nav .owl-next.disabled span {
    height: 14px;
    width: 15px;
    background-image: url(../images/gray-right.png);
    background-repeat: no-repeat;
}

.product-wrap .owl-nav button {
    border: var(--color-pink) solid 1px !important;
    height: 35px;
    width: 60px;
}

.product-wrap .owl-nav button.disabled {
    border: #C2C2C2 solid 1px !important;
    height: 35px;
    width: 35px;
}

.courses-list-wrap .course-info {
    background: #a4a294;
    padding: 15px;
}

.courses-list-wrap .course-thum {
    margin-bottom: 0px;
}

.courses-list-wrap .course-thum a {
    display: block;
}

.courses-list-wrap {}

.courses-list-wrap .course-box {
    margin-bottom: 30px;
}

.courses-list-wrap .course-box h2 {
    padding-bottom: 10px;
}

.courses-list-wrap .course-box h3 {
    padding-bottom: 5px;
    color: var(--color-white);
}

/*---  Course Listing End  ---*/


.course-box-home .course-thum {
    border: 1px solid #BEAE9F;
}

.shop-box .course-thum a {
    display: block;
}

.shop-box .course-thum a img {
    object-fit: contain;
}

.shop-box .course-info h2 {
    padding-bottom: 10px;
}

.shop-box .course-info h4 {
    min-height: auto;
}

.video-pop .modal-content {
    background: transparent;
    border: 0px;
}

.close {
    opacity: 1;
}

.video-pop .close span {
    background: #fff;
    height: 24px;
    width: 24px;
    margin-top: -15px;
    display: block;
}

.booking-modal .modal-content {
    border-radius: 0px;
}

.booking-modal .modal-title {
    font-size: 20px;
    font-family: 'Playfair Display', serif;
}

.modal-price {
    padding: 15px;
    border: 2px dashed var(--pink);
}

.md_title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 15px;
}

.form-group input {
    height: 38px;
    line-height: 38px;
    border: 1px solid #dedede;
    border-radius: 0px;
    font-size: 14px;
}

.form-group input:focus {
    box-shadow: none !important;
    outline: none !important;
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #fff;
    opacity: 1;
}

button[type="submit"] {
    display: inline-block;
    padding: 10px 20px;
    font-size: 14px;
    line-height: 18px;
    background: var(--color-black);
    border: #373816 solid 1px;
    color: var(--color-white);
    text-transform: uppercase;
}

button[type="submit"]:hover {
    background: var(--color-black);
    color: var(--color-white);
}

.modal-price {
    font-size: 17px;
    font-weight: 600;
}

.modal-price h3 {
    font-size: 17px;
    font-weight: 600;
    padding-right: 5px;
}

.modal-price h4 {
    font-size: 18px;
    font-weight: 600;
    padding-left: 5px;
}



.booking-modal .error{
    color: red;
    font-size: 13px;
}


.loadimg{
    position: absolute;
    width: 40px;
    height: 40px;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}


.course-box.shop-box{ margin-bottom:30px; }

.course-box.shop-box .course-thum{ border: 1px solid #BEAE9F; }

.course-box.shop-box .course-info p{ font-size:13px; line-height:18px; }



.home-slider{ position:relative; background-color:#000; margin-bottom:30px; }
.banner-caption{ position:absolute; width: 100%; top:50%; transform:translateY(-50%); z-index:9; }
.banner-caption h2{ color:#fff; font-size:40px; padding-bottom: 20px; text-align:center; font-family: 'Playfair Display', serif; }
.banner-caption h3{ color:#fff; font-size:20px; text-align:center; font-weight:400; }
.home-slider .owl-carousel .owl-item img{ opacity:.5; height: 500px; object-fit: cover;}


.modal-frm{}
.modal-frm .modal-header{ background-color:#e3d1ce; }
.modal-frm .modal-header h5{ font-family: 'Playfair Display', serif; font-size:30px; }
.modal-frm .modal-body{ background-color:transparent; padding:0px; }


.paginationList{ padding-top: 30px; }
.paginationList .pagination{ justify-content: flex-end; }
.paginationList .pagination a{ color: #000; display: inline-block; height: 30px; border: #000 solid 1px; width: 40px; line-height: 30px;
    text-align: center; }
.paginationList .pagination span{ background-color: #000; color: #fff; display: inline-block; height: 30px; border: #000 solid 1px; width: 40px; line-height: 30px;
    text-align: center; }
.paginationList .pagination a:hover{ background-color: #000; color: #fff;  }


.prodlist .pagination{ padding-top: 30px; display: block; width: 100%; text-align: center; }
.pagination{ justify-content: flex-end; }
.pagination a{ color: #000; display: inline-block; height: 30px; border: #000 solid 1px; width: 40px; line-height: 30px;
    text-align: center; }
.pagination span{ background-color: #000; color: #fff; display: inline-block; height: 30px; border: #000 solid 1px; width: 40px; line-height: 30px;
    text-align: center; }
.pagination a:hover{ background-color: #000; color: #fff;  }


.success-wrap{ text-align: center;}
.success-wrap img{ max-height: 100px;}
.success-wrap p{ padding-top: 20px; font-family: 'Playfair Display', serif; font-size: 30px;}


input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
      transition: background-color 5000s ease-in-out 0s;
    -webkit-text-fill-color: #000 !important;
    
}


.wpcf7 form.invalid .wpcf7-response-output{
    border-color: red !important;
}

.single.single-post .title_breadcrumb .d-flex{
    flex-wrap: wrap !important;
}

.single.single-post .breadcrumb_bottom ul li{
    margin-right: 10px;
    margin-left: 0px;
    font-size: 10px;
}