/*
Theme Name: ECOLE DUCASSE
Theme URI: https://apexbloggers.com/designs/utemountain/
Author: innosoftworks
Author URI: https://innosoftworks.com/
Description: Wordpress theme designed for utemountain with Blog Integration.
Version: 1.2.17
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: utemountain
Tags: one-column, two-columns, custom-menu, featured-images, left-sidebar, right-sidebar
*/


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

:root {
    --bg-color: #EF7E3C;
    --text-dark: #000100;
    --text-white: #FFFFFF;
    --font-1: 'Test Domaine Sans Text';
    --font-2: 'Test Domaine Sans Text';
    --font-3: 'DIN Alternate';
}
@font-face {
    font-family:"Test Domaine Sans Text";
    src: url('fonts/DomaineSansTextDucasse-Light.woff2');
}
@font-face {
    font-family:"DIN Alternate";
    src: url('fonts/DINAlternate-Bold.ttf');
}

body {
    font-family: var(--font-1);
    color: var(--text-dark);
}
img{
    max-width: 100%;
    object-fit: cover;
}
ul,li{
    list-style: none;
    padding: 0;
    margin: 0;
}
a{
    text-decoration: none;
}
h1,h2,h3,h4,h5,h6{
    font-family: var(--font-1);
}
h1{
    font-size: 60px;
    font-weight: 400;
    line-height: 77px;
    text-transform: uppercase;
}
h2{
    font-size: 40px;
    font-weight: 400;
    line-height: 51.72px;
}
p{
    font-size: 15px;
    font-weight: 400;
    line-height: 28px;
}
section{
    padding: 60px 0;
}
.btn{
    font-size: 15px;
}

.btn-primary{
    font-size: 15px;
    border: 1px solid transparent;
    width: fit-content;
    padding: 14px 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-radius: 0 !important;
    transition: .2s linear;
    border-radius:3px;
    background: var(--bg-color);
    color: var(--text-white) !important;
}
.btn-primary:hover,.btn-primary:active{
    color: var(--bg-color) !important;
    border: 1px solid var(--bg-color) !important;
    background: transparent !important;
}
.btn-secondary{
    font-size: 14px;
    border: 1px solid var(--bg-color);
    width: fit-content;
    padding: 14px 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-radius: 0 !important;
    transition: .2s linear;
    border-radius:3px;
    background: transparent;
    color: #1A1919 !important;
    position: relative;
    text-transform: capitalize;
}
.btn-secondary:hover,.btn-secondary:active{
    color: var(--bg-color) !important;
    border: 1px solid var(--bg-color) !important;
    background: transparent !important;
}
.btn-secondary::after{
    content: "";
    width: 100%;
    height: 100%;
    border: 1px solid var(--bg-color);
    position: absolute;
    top: -5px;
    left: 5px;
    pointer-events: none;
    transition: .2s linear;
}
.btn-secondary:hover::after,
.btn-secondary:active:after{
    top: 0;
    left: 0;
}
.btn-link{
    color: var(--text-dark);
    text-decoration-color:var(--bg-color);
    text-underline-offset: 4px;
    font-family: var(--font-1);
}
.btn-link:hover{
    color: var(--bg-color);
}

header {
    position: relative;
    z-index: 12;
    top: 0;
    right: 0;
    left: 0;
    padding: 34px 0;
    width: 100%;
}


#menu {
    position: relative;
}

#menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: end;
    gap: 45px;
    align-items: center;

}

#menu ul li {
    display: inline-block;
    position: relative;
    margin-left: 12px;
}

#menu ul li a {
    color: var(--text-dark);
    display: block;
    text-decoration: none;
    position: relative;
    -webkit-transition: all .3s linear;
    font-size: 14px;
    font-weight: 500;
    transition: all .3s linear;
}

#menu li>a:after {
    content: '\F282';
    font-family: 'Bootstrap-icons';
    margin-left: 5px;
}

#menu li>a:only-child:after {
    margin-left: 0;
    content: '';
}

#menu ul li a:hover,
#menu ul li.active a,
#menu ul li.current_page_item>a,
#menu ul li.current-menu-ancestor>a,
#menu ul li.current-menu-item>a,
#menu ul li.current-menu-parent>a {
    color: var(--bg-color);
}

#menu li.active ul li a {
    color: #fff;
    background: #000
}

#menu li.active ul li a:hover {
    color: #fff;
    background: #333
}

#menu li>ul {
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 99999;
    white-space: nowrap;
    padding-left: 0;
    flex-direction: column;
    align-items: start;
    gap: 0;
}

#menu ul li.active ul li a {
    background: #fff;
    color: #C71846;
}

#menu li>ul li {
    background: var(--bg-color);
    display: block;
    position: relative;
    margin: 0;
    text-align: left;
    padding: 10px 20px;
    width: 100%;
    border-bottom:1px solid var(--text-white) ;
}

#menu li>ul li:hover {
    background: var(--text-white);
}

#menu li>ul li:hover a {
    color: var(--text-dark) !important;
}

#menu li>ul li a {
    color: var(--text-white);
    font-size: 13px;
    padding: 0px !important;
    border-right: 0;
    border-bottom: 1px solid transparent;
    width: 100%;
    height: 100%;
}

#menu li>ul li a:hover {
    color: var(--text-dark);
    text-decoration: none;
}

#menu li ul li.current_page_item,
#menu li ul li.current-menu-ancestor,
#menu li ul li.current-menu-item,
#menu li ul li.current-menu-parent {
    background: var(--text-white);
    color:var(--text-dark)
}

#menu>li {
    border-left: 1px solid #999
}

#menu>li:first-child,
#menu>li.has-submenu+li {
    border-left: 0
}

#menu li>ul>li>ul {
    position: absolute;
    left: 100%;
    top: 20px;
    transition: all linear .2s 0s;
    -webkit-transition: all linear .2s 0s;
    visibility: hidden;
    opacity: 0
}

#menu li>ul>li:hover>ul {
    visibility: visible;
    opacity: 1;
    display: block
}

#menu li>ul {
    transition: all linear .2s 0s;
    -webkit-transition: all linear .2s 0s;
    visibility: hidden;
    opacity: 0
}

#menu li:hover>ul {
    visibility: visible;
    opacity: 1
}

#menu li>ul li a {
    padding: 0 23px;
    transition: all linear .2s 0s;
    -webkit-transition: all linear .2s 0s
}

#menu li:hover>ul li a {
    padding: 10px 15px
}

#menu li>ul li:hover a {
    color: #fff;
}

@keyframes menu_sticky {
    0% {
        margin-top: -240px;
    }

    50% {
        margin-top: -90px;
    }

    100% {
        margin-top: 0;
    }
}

header.sticky {
    margin: 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99999;
    animation-name: menu_sticky;
    animation-duration: 0.60s;
    animation-timing-function: ease-out;
    background: var(--text-white);
    padding: 20px 0;
}

.menubar .top-box{
    display: flex;
    align-items: center;
    gap: 21px;
    justify-content: end;
}


.menubar .top-btn:hover{background-color: #B35118;}
.menubar .top-btn{
    padding: 7px 13px !important;
    display: flex;
    align-items: center;
    font-size: 13px;
    background: var(--bg-color);
    color: var(--text-white);
    border: 1px solid transparent;
    width: fit-content;
    display: flex;
    justify-content: center;
    gap: 8px;
    border-radius: 0 !important;
    transition: .2s linear;
}
.menubar .top-btn i{
    font-size:11px;
}
.menubar .top-box .search{
    background: none;
    border: none;
    padding: 0;
    font-size: 25px;
}
.menubar .top-box .cart-btn{
   color: var(--text-dark);
    font-size: 20px;
}
.menubar .top-box select{
    border: none;
    background: none;
	width:42px;
}
.menubar .search-box{
    box-shadow: 0px 4px 11.9px 0px #00000040;
    padding: 20px;
    margin-top: 20px;
    position: absolute;
    width: 95%;
    margin-inline: auto;
    background: var(--text-white);
    left: 0;
    right: 0;
    transform: scale(0);
    opacity: 0;
    transition: .3s linear;
}
.menubar .search-box.show{
    transform: scale(1);
    opacity: 1;
}
.menubar .search-box .close{
    position: absolute;
    top: 3px;
    right: 17px;
    cursor: pointer;
}
.relative{
    position: relative;
}
.menubar{
    position: relative;
}
.menubar .search-box form{
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    border-bottom: 1px solid var(--text-dark);
    padding: 0 10px;
}
.menubar .search-box form button{
    background: none;
    border: none;
}
.menubar .search-box form .form-control{
    border: none;
    box-shadow: none;
    outline: none;
}
.hero-banner{
    padding: 0;
    position: relative;
}
.hero-banner video{
    width: 100%;
}
.hero-banner .banner-content{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: end;
    padding-bottom: 90px;
}
.hero-banner .banner-content .text{
    color: var(--text-white);
    max-width: 940px;
}
.hero-banner .banner-content .text p{
    margin-bottom: 0;
    font-size: 20px;
    font-family: var(--font-3);
}
.hero-banner .banner-content .text .inner-btn{
    margin-top: 20px;
}
.banner-content h1{margin-left: -5px;}

.discover-sec .heading{
    margin-bottom: 40px;
}

.discover-sec .nav.nav-tabs li.nav-item{
    display: block;
    width: 100%;
    margin-bottom: 40px;
}
.discover-sec .nav.nav-tabs{
    border: none;
}
.discover-sec  .nav-tabs .nav-link{
    border: none;
    text-align: start;
    padding: 0;
    display: flex;
    position: relative;
    max-width: 280px;
    color: #717070;
    font-size: 15px;
    transition: .2s all linear;
}
.discover-sec  .nav-tabs .nav-link:hover,
.discover-sec  .nav-tabs .nav-link.active{
    color: var(--bg-color);
    padding-left: 15px;
    display: flex;
    background: transparent;
    align-items: baseline;
    transition: .3s all linear;
}
.discover-sec  .nav-tabs .nav-link.active::before,
.discover-sec  .nav-tabs .nav-link:hover::before{
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--bg-color);
    display: inline-block;
    position: absolute;
    top: 10px;
    left: 0;
}
.discover-sec .inner-btn{
    margin-top: 40px;
}

.menu-card{
    position: relative;
}
.menu-card .img-box{
    position: relative;
    min-height: 361px;overflow: hidden;
}
.menu-card .flag{
    position: absolute;
    right: 9px;
    top: 9px;
    background: var(--text-white);
    color: var(--text-dark);
    padding:8px 15px;
    border-radius: 24px;
    font-size: 13px;
    line-height: 15.85px;
    z-index: 2;
}
.menu-card .img-box .play-btn{
    position: absolute;
    width: 97px;
    height: 97px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color:#FFFFFF6B;
    backdrop-filter: blur(2px);
    padding-left: 10px;
    border: none;
    z-index: 1;
}
.menu-card .img-box .play-btn img{
    width: 36px;
}
.menu-card .text{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 16px 10px;
    text-align: center;
    min-height: 160px;
}
.menu-card .text h5{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: var(--text-dark);
}
.menu-card .text .menu-btn{
    margin-top: 16px;
}
.menu-slider{
    position: relative;
}
.menu-slider .owl-nav{
    position: absolute;
    top: 33%;
    height: fit-content;
    display: flex;
    justify-content: space-between;
    width: 105%;
    font-size: 40px !important;
    pointer-events: none;
}
.menu-slider .owl-nav .owl-next,.menu-slider .owl-nav .owl-prev{pointer-events: all;}
.cafe-sec .text{
    text-align: center;
    margin-bottom: 30px;
    max-width: 711px;
    margin-inline: auto;
}
.cafe-sec .text p{
    font-size: 15px;
}


.cafe-sec .big-img img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.product-slider .owl-stage-outer{
    padding: 10px 0;
}
.product-card{
    box-shadow: 0px 4px 11.9px 0px #00000040;

}
.product-card .text{
    padding: 20px 25px;
}
.product-card .text h3{
    font-size: 21px;
    font-weight: 500;
    line-height: 39.01px;
    font-family: var(--font-2);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.product-card .inner-box{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 17px;
}
.product-card .inner-box .btn-secondary::after{
    display: none;
}
.product-card .inner-box .btn-secondary{
    padding: 11px 50px;
    font-size: 15px;
    line-height: 20px;
}
.product-card .inner-box .price{
    font-size: 36px;
    font-weight: 400;
    line-height: 46.55px;
    font-family: var(--font-1);
}

.product-sec .heading{
    text-align: center;
    margin-bottom: 47px;
}
.product-sec .heading h2{
    font-size: 50px;
    line-height: 64.65px;
}
.product-slider .owl-next,.product-slider .owl-prev{
    position: absolute;
    top: 40%;
    font-size: 42px !important;
}
.product-slider .owl-next{
    right: -45px;
}
.product-slider .owl-prev{
    left: -45px;
}
.product-sec .inner-btn{
    display: flex;
    justify-content: center;
    margin-top: 50px;
}
.experiences-sec .text{
    text-align: center;
    margin: auto;
    max-width: 690px;
    margin-bottom: 30px;
}
.experiences-sec .text p{
    font-size: 15px;
    line-height: 31px;
}
.experience-box{
    position: relative;
    height: 100%;
    min-height: 400px;
}
.experience-box::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .3;
    pointer-events: none;
}
.experience-box img{
    height: 100%;
    object-fit: cover;
}
.experience-box .text-box{
    position: absolute;
    top: 22px;
    left: 14px;
    color: var(--text-white);
    z-index: 2;
}
.experience-box .text-box .btn-link{
    color: var(--text-white);
    padding: 0;
    margin-right: 10px;
    font-size: 14px;
}
.experience-box .text-box h4{
    font-size: 22px;
    font-weight: 400;
}
.experience-box .text-box h4 a{color: var(--text-white);}
.experience-box .text-box .btn-link:hover{
    color: var(--bg-color);
}


.form-sec .form-box{
    border: 1px solid #00000036;
    display: flex;
    height: 100%;
}
.form-sec .form-box .inner-form{
    padding:45px 51px 0 30px;
    
}
.form-sec .form-box .inner-form .heading{
    margin-bottom: 30px;
}
.form-sec .form-box .form-img img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}


.form-sec form .form-control,
.form-sec form .form-select {
    border: none;
    box-shadow: none;
    border-radius: 0;
    outline: none;
    border-bottom: 1px solid #1A191936;
    font-size: 12px;
    font-weight: 400;
}
.form-sec form textarea.form-control{
    resize: none;
}

.form-sec form .form-control {
    background: transparent;
    position: relative;
    z-index: 2;
}
.form-sec form .form-select {
    background-image: url('images/icons/arrow-select.svg') !important;
}
.form-sec form .box {
    position: relative;
    margin-bottom: 20px;
}

.form-sec form .box label {
    position: absolute;
    top: 4px;
    left: 25px;
    font-size: 14px;
    font-weight: 400;
    transition: .2s linear;
}
.form-sec form .box label i{
    margin-right: 10px;
}

.form-sec form input:focus~label,
.form-sec form textarea:focus~label,
.form-sec form input:not(:placeholder-shown)~label,
.form-sec form textarea:not(:placeholder-shown)~label {
    top: -12px;
}
.form-sec form input[type="submit"]{
    width: 100%;
    margin-top: 18px;
    background: none;
    border: 1px solid var(--bg-color);
    text-transform: uppercase;
    font-size: 14px;
    padding: 17px 0;
}


.form-img {
    max-width: 490px;
    width: 100%;
    height: 100%;
    max-height: 560px;
}


.insta-card{border:1px solid  #1A191933;}
.insta-card .card-profile{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;padding: 20px 10px;}
.insta-card .card-profile .profile-detail img, .insta-card .card-profile .instagram-img img{width: 40px;height: 40px;object-fit: cover;border-radius:50%;display: inline;}
.insta-card .card-profile .profile-detail img{margin-right: 10px;}
.insta-card .profile-img img{width: 100%;object-fit: cover;transition: all .3s ease;}
.insta-card .profile-img::after{content: "";position: absolute;top: 0;left: 0;width: 0%;height: 100%;opacity: .7; background-color: #43434328;transition: all 1s ease-in-out;}
.insta-card .profile-img{overflow: hidden;position: relative;transition: all .3s linear;max-height: 350px;}
.insta-card:hover .profile-img img{transform: scale(1.03);}
.insta-card:hover .profile-img::after{content: ""; width: 100%; transition: all .5s ease-in-out;}

.insta-card  .profile-share a i{transition: all .3s ease; color: var(--text-dark);font-size: 26px;font-weight: 300;opacity: 0.6;}
.insta-card  .profile-share a i:hover {color: var(--bg-color);}
.insta-card  .profile-share a {display: inline-block;line-height: 0;}
.insta-card  .profile-share{display: flex;align-items: center;gap: 20px;padding: 20px 10px;}




#testimonials-slider .rating {display: flex;align-items: center;justify-content: space-between;margin-bottom: 23px;}
#testimonials-slider .rating  .stars{display: flex;align-items: center;justify-content: space-between;}
#testimonials-slider  .item {padding: 35px;background-color: #F8F7F5;}
#testimonials-slider  .item p{font-size: 13px;line-height: 26px;}
#testimonials-slider  .item h5{color: var(--bg-color);font-size: 18px;font-weight:400;}
#testimonials-slider  .item h6{font-size: 12px;font-weight:400 ;}
#testimonials-slider .item .text{overflow: auto;height: 170px;margin-bottom: 15px;}
#testimonials-slider .item p{font-size: 15px;line-height: 25px;}
#testimonials-slider .item .text::-webkit-scrollbar {display: none;}



#testimonials-slider .owl-dots{display: flex;flex-wrap: nowrap;}
#testimonials-slider .owl-dot {height: 1px;background: #C9C9C9;margin-top: 32px;flex: 1;}
#testimonials-slider .owl-dot.active{background-color: var(--text-dark) !important;}
.testimonial .heading{margin-bottom: 50px;}



footer{background: #2D2D2D;padding: 66px 0 40px;position: relative;}
footer h3{font-size: 50px;font-family: var(--font-1); line-height: 64px;color: var(--text-white);margin-bottom: 36px;}
footer form .form-control{height: 67px;border-radius: 0;line-height: 15px; border: none;background-color: #EDEDED;font-size: 12px;}
footer form .form-control:focus{box-shadow: none;background-color: #EDEDED;}
footer form input[type="submit"].form-control{background-color:var(--bg-color);height: 67px;transition: all .3s ease; font-size: 16px;font-weight: 500;line-height: 20px;color: var(--text-white);}
footer form input[type="submit"].form-control:hover{background-color:#b35118;}
footer form{margin-bottom: 32px;}
.social-links{display: flex;gap: 26px;align-items: center;justify-content: center;font-size: 23px;}
.social-links{margin-top: 30px;}
.social-links a i{color: var(--text-white);}
.menu-footer{display: flex;gap: 33px;align-items: center;flex-wrap: wrap;justify-content: center;margin-top: 20px;}
.menu-footer a {color: var(--text-white);transition: all .3s ease;font-size: 15px;font-weight: 300;}
footer .contact_us{display: flex;justify-content: center;}
footer .contact_us ul{display: flex;gap: 80px;margin-top: 35px;}
footer .contact_us ul li span{font-weight: 500;margin-right: 10px;}
footer .contact_us ul li, footer .contact_us ul li a {color: var(--text-white);font-family: var(--font-2);font-size: 15px;}
footer .contact_us ul li a{transition: all .3s ease;}
footer .contact_us ul li a:hover{color: var(--bg-color);}
footer .copy-right{position: relative; margin-top: 31px; padding-top: 47px;}
footer::before{content:"";position: absolute;    bottom: 120px; right: 0;height: 1px;width: 100%;left: 0;margin: 0 auto; background-color: #C9C9C9;}
footer .copy-right , footer .copy-right a{color: var(--text-white);}
footer .copy-right p span{color: var(--text-dark);font-size: 30px;}
footer .copy-right p{display: flex;align-items: center;gap: 7px;}
footer .copy-right a{transition: all .3s ease;font-size: 15px;}
footer .copy-right a:hover{color: var(--bg-color);}




.nav-main-tabs{border-bottom: 1px solid #1A191922;margin-bottom: 36px;}
.nav-main-tabs h2{max-width: 600px;width: 100%; margin-bottom: 0px;line-height: 0;}
.nav-main-tabs .nav-item {max-width: 192px;width: 100%;}
.nav-main-tabs .nav-link{color: var(--text-dark);width: 100%;}
.nav-main-tabs .nav-link.active{background-color: var(--bg-color);color: var(--text-white);}

.inner-banner{padding: 77px 0;}
.inner-banner h1{font-size: 50px;}
.inner-banner .tab-content .order-table{border: 1px solid #00000030;}
.inner-banner .tab-content .table{background-color: transparent;margin-bottom: 0;}
.inner-banner .tab-content .table thead tr th {text-align: center;font-size: 21px;font-weight: 400;}
.inner-banner .tab-content .table td{ line-height: 44px;}
.inner-banner .tab-content .table td, .inner-banner .tab-content .table td .btn-primary{text-align: center;margin: 0 auto;}
.inner-banner .tab-content .table td, .inner-banner .tab-content .table tr th{background-color: transparent;}
.inner-banner .tab-content .table td .btn-primary{padding: 10px 20px;font-size: 16px;font-weight: 28px;border-radius: 4px !important;}
.inner-banner.discover-sec .tab-content h3 {font-size: 27px ;font-weight: 400;margin-bottom: 20px;}
.inner-banner.discover-sec .tab-content h3 span{font-weight: 600;}
.login-sm-form form{border: 1px solid #1A1919;padding: 27px 19px;}
.login-sm-form form  .form-group{margin-bottom: 20px;}
.login-sm-form form .form-control{height: 48px;border: 1px solid #00000009;background-color: var(--text-white); border-radius: 0;margin-top: 18px;}
.login-sm-form form .form-control:focus{box-shadow: none;border-color:var(--bg-color) ;}
.login-sm-form form .form-check-input:focus{box-shadow: none;border-color: var(--bg-color);}
.login-sm-form form .form-check{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.login-sm-form form .form-check .btn-primary{font-size: 16px;line-height: 28px;border-radius: 4px !important;padding:10px 20px ;}
.sensei-verview .take-cource{padding: 20px 24px;padding-right: 35px; background-color: var(--text-white);}
.sensei-verview .take-cource p img{margin-right: 10px;}
.sensei-verview .take-cource p {display: flex;align-items: center;font-size: 16px;}
.sensei-verview .take-cource h6{font-size: 18px;line-height: 28px;}
.sensei-verview .take-cource .overview-btns{display: flex;align-items: end;justify-content: space-between;margin-top: 15px;}
.sensei-verview .take-cource .overview-btns .btn-primary{padding: 10px 20px;font-size: 16px;line-height: 28px;border-radius: 4px !important;}
.sensei-verview .take-cource .overview-btns a{color: var(--text-dark);transition: all .3s ease;}
.sensei-verview .take-cource .overview-btns a:hover{color: var(--bg-color);}
#overview-faq{border: 1px solid #1A1919;padding: 24px;}
#overview-faq .accordion-button {background-color: transparent;border-bottom: none;padding: 0;padding: 10px 0;font-size: 24px;line-height: 28px;color: var(--text-dark);}
#overview-faq .accordion-button:focus{box-shadow: none;border: none;}
#overview-faq .accordion-button .item-inner span{display: flex;flex-direction: column;font-size: 14px;line-height: 28px;}
#overview-faq .accordion-item:not(:first-of-type) {background-color: transparent;border: none;}
#overview-faq .accordion-button:not(.collapsed) {box-shadow: none;}
#overview-faq .accordion-body {padding: 10px;}
#overview-faq .accordion-body p{display: flex;align-items: center;}
#overview-faq .accordion-body p  img{margin-right: 10px;}
#progress-bar{margin-bottom: 15px;}
#progress-bar label{margin-bottom: 10px;font-size: 14px;}
.complete-sec p span{font-family: var(--font-1);font-size: 17px;}
.complete-sec p span a {text-decoration: underline;color: var(--text-dark);transition: all .3s ease;}
.complete-sec p span a:hover{color: var(--bg-color);}
.complete-sec .overview-btns{display: flex;gap: 18px;}
.complete-sec .overview-btns .btn-primary{font-size:16px;padding: 11px 20px;border-radius: 4px !important;}
#progress-bar label{text-align: left;margin-bottom: 10px;}
#progress-bar {margin-bottom: 30px;}
#progress-bar .progress .progress-bar{background-color: var(--bg-color);}
.login-form .accordion-button{background-color: transparent;font-size: 28px;box-shadow: none;display: flex;justify-content: space-between;}
.login-form .accordion-button:not(.collapsed) {border-radius: 0; color: var(--text-white);background-color: var(--bg-color);box-shadow: none;}
.login-form .accordion-item {color: var(--text-dark);background-color:var(--text-white); border: 1px solid #00000054; margin-bottom: 36px;border-radius: 0;}
.login-form .accordion-item span{font-size:18px;color: var(--text-dark);background-color: var(--text-white);float: right;border-radius: 36px;margin-right: 60px;padding: 0 10px;height: 38px;line-height: 38px;}
.login-form  .accordion-button::after{margin: 0;position: absolute;right: 20px;}
.login-form  .accordion-button:not(.collapsed)::after {content:"";background-image: url(images/icons/faq-btn-arrow.png);}
.login-form  .accordion-body {background-color:  #EFEFEF;padding: 0;}
.login-form  .accordion-body p{font-size: 20px;font-weight: 600;padding: 7px 27px;line-height: 28px;margin-bottom: 0;}
.login-form  .accordion-body .form-check{background-color: var(--text-white);padding: 32px 27px;display: flex;align-items: center;gap: 12px;margin: 0;}

.login-form input[type="checkbox"]:checked {
background-image: url(images/icons/tik.svg);
background-color: transparent;
background-repeat: no-repeat;
background-size: 19px;

}
.login-form  .form-check-input[type=checkbox] {position: relative;     border-radius: .25em;accent-color:var(--text-white) ; border: 1px solid #1A191963;
    margin-left: 0;height: 38px;  width: 38px;border-radius: 50%;box-shadow: none;margin: 0;}
.login-form  .form-check-input[type=checkbox]:focus {box-shadow: none;}

.login-form .form-check{background-image: url(images/icons/faq-inner-arrow.svg);background-repeat: no-repeat;background-size: 15px;background-position: center right 30px ;}
.login-form .form-check .form-check-label{font-size: 25px;font-weight: 400;font-family: var(--font-1);}






.banner{min-height: 463px;position: relative;display: flex;align-items: end;}
.banner::after{position: absolute;content: "";left:0;top: 0;width: 100%;background: rgba(0, 0, 0, .3);height: 100%;}
.banner .box{z-index: 12;position: relative;}
.banner .box h1{color: var(--text-white);font-size: 50px;line-height: 68px;}

.inner-banner{
    justify-content: center !important;
    align-items: center  !important;
}
.inner-banner .container{
    position: relative;
    z-index: 2;
}
.inner-banner .container h1{
    text-align: center;
    color: var(--text-white);
    font-size: 55px;
    line-height: 71.11px;
    text-transform: capitalize;
}


.table-sec .heading h3{
    font-size: 38px;
    line-height: 68px;
    margin-bottom: 20px;
}
.table-sec .heading{
    margin-bottom: 25px;
}
.table-sec h4{
    font-size: 22px;
    font-weight: 600;
    line-height: 26.82px;
    font-family: var(--font-2);
    text-transform: uppercase;
}
.table-sec ul li h4{
    color: var(--bg-color);
    text-transform: capitalize;
    font-weight: 400;
}
.table-sec ul li{
    margin-top: 15px;
}
/* .table-sec ul li p{
    font-size: 14px;
} */
.table-sec ul li p span{
    font-size: 19px;
}
.table-sec .inner-btn{
    margin-top: 50px;
}
.img-sec{
    padding-top: 0;
}
.img-sec img{
    width: 100%;
    height: 100%;
}
.img-sec .row{
    row-gap: 30px;
}
.video-banner{
    padding: 0;
}
.video-banner .container{
    position: relative;
}
.video-banner .text{
    position: absolute;
    bottom: 45px;
    left: 70px;
}
.video-banner .text h1{
    font-size: 50px;
    font-weight: 400;
    line-height: 68px;
    color: var(--text-white);
}
.video-banner .banner-box img{
    margin: auto;
    display: block;
}
.video{
    position: relative;
    width: 90%;
}
.video #videoElement{
    width: 100%;
}
 .video #overlayImage{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.video #playButton{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    background: #FFFFFF4F;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    border: none;
    font-size: 70px;
    color: var(--text-white);
    padding-left: 7px;
}

.table-sec ul.list li{
    font-size: 15px;
}
.table-sec ul.list li p{
    font-size: 15px;
    line-height: 33px;
}
.table-sec ul.list li p a{
    color: #1A1919;
}

.accordion-sec .accordion-button::after{
    background-image: url('images/icons/plus.svg');
    background-size: 62px;
    width: 62px;
    height: 62px;
}
.accordion-sec .accordion-button:not(.collapsed)::after {
    background-image: url('images/icons/plus.svg');
    filter: brightness(0) saturate(100%) invert(65%) sepia(36%) saturate(3912%) hue-rotate(336deg) brightness(99%) contrast(90%);
    transform: rotateZ(135deg);
    transition: .3s linear;
}
.accordion-sec .accordion-button:focus{
    border: none;
    box-shadow: none;
}
.accordion-sec .accordion-button{
    font-size: 38px;
    width: 100%;
    transition: .2s linear;
}
.accordion-sec .accordion-button:not(.collapsed){
    background: transparent;
    border-radius: 0px !important;
    color: var(--text-dark);
}
.accordion-sec .accordion-flush .accordion-item:first-child {
    border-top: 1px solid #1A191930;
}
.accordion-sec .accordion-flush .accordion-item:last-child {
    border-bottom: 1px solid #1A191930;
}
.accordion-sec .accordion-flush .accordion-item {
    border: 1px solid #1A191930;
    border-left:0 ;
    border-right:0 ;
    padding: 30px 0;
}
.accordion-sec .accordion-flush .accordion-item .accordion-body .text{
    padding-top: 25px;
} 
/* .accordion-sec .accordion-flush .accordion-item .accordion-body .text p{
    font-size: 14px;
    line-height: 29px;
    
} */
.accordion-sec .accordion-flush .accordion-item .accordion-body .order-lg-last img{
    display: block;
    margin: auto;
}
.overview-banner{
    height: 525px;
    display: flex;
    align-items: center;
}
.overview-banner .text{
    max-width: 650px;
    margin: auto;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
.overview-banner .text h1{
    font-size: 50px;
    line-height: 64.65px;
    text-transform: capitalize;
    margin-bottom: 25px;
}
.overview-banner .text .inner-btn{
    margin-top: 30px;
}
.progress-sec .row{
    row-gap: 20px;
  }
.progress-card .img-box img{
    width: 100%;
}
.progress-card .text-box{
    padding: 20px 0 0;
}
.progress-card .text-box h3{
    font-size:38px;
    line-height: 49.13px;
    color: #1A1919;
}
.progress-card .text-box p{
    font-size: 18px;
    line-height: 31px;
}
.progress-card .text-box h4{
    font-size: 27px;
    line-height: 34.91px;
    margin-bottom: 15px;
}
.progress-card .text-box .status-bar{
    font-size: 18px;
    line-height: 32px;
    font-family: var(--font-1);
    font-weight: 400;
    color: #1A1919;
    margin-bottom: 15px;
}
.progress-card .text-box .progress .progress-bar{
    background: var(--bg-color);
}
.progress-card .text-box .progress{
    border: 1px solid #1A19195E;
    background: #D9D9D9;
}
.progress-card .text-box .inner-btn{
    margin-top: 20px;

}
.progress-card .text-box .inner-btn .btn-primary{
    width: 100%;
    font-size: 16px;
    padding: 10px 0;
}



.banner{min-height: 473px;position: relative;display: flex;align-items: end;}
.banner::after{position: absolute;content: "";left:0;top: 0;width: 100%;background: rgba(0, 0, 0, .3);height: 100%;}
.banner .box{z-index: 12;position: relative;}
.banner .box h1{color: var(--text-white);font-size: 50px;line-height: 68px;}

.second-sec{position: relative;background-color: var(--text-white);}
.second-sec .row{position: relative;}
/* .second-sec .col-lg-6:first-child{display: flex;align-items: end;} */
/* .second-sec .col-lg-6:first-child .img-box{width: 440px;height: 612px;transform: translateY(40px);overflow: hidden;}
.second-sec .col-lg-6:first-child .img-box img{object-fit: cover;width: 100%;height: 100%;object-position: right;}
.second-sec .col-lg-6:last-child .img-box{height: 664px;width: 100%;overflow: hidden;} */
.second-sec .content-box{padding:30px 20px;background: var(--text-white);height: fit-content;box-shadow: 0px 4px 13.6px 0px #00000040;
}
.second-sec .content-box p{font-size: 15px;line-height: 26px;font-family: var(--font-1);color: #1a1919;}
.second-sec .content-box span{display:block;font-size: 24px;font-family: var(--font-1);color: #1a1919;}
.second-sec .content-box img{width: 72px;}
.third-sec .img-box img{width: 100%;}
.third-sec .content p{color: #1a1919;}
.forth-sec .row{position: relative;}


.forth-sec .content-box{position:relative;background-color: var(--text-white);padding: 20px 30px;box-shadow: 0px 4px 15.5px 0px #00000024;height: fit-content;z-index: 12;}
.forth-sec .img-box img{width: 100%;    height: 100%;object-fit: cover;}
.forth-sec .img-box{height: 700px;}
.forth-sec .content-box h2{font-size: 50px;color: #1A1919;line-height: 68px;text-transform: uppercase;}
.forth-sec .content-box span{color: var(--bg-color);font-family: var(--font-1);font-size: 18px;margin-bottom: 20px;display: block;}
.forth-sec .content-box p{font-size: 15px;font-family: var(--font-2);color: #1A1919;line-height: 27px;margin-bottom: 28px;}

.fifth-sec .content-box{right: 0;left: unset;top: 50px;}
.forth-sec ul li{font-size: 14px;font-family: var(--font-2);line-height: 28px;}
.forth-sec .content-box ul p{margin-bottom: 10px;}
.forth-sec .content-box ul li::before{content: "\F285";font-family: bootstrap-icons;color: var(--bg-color);margin-left: 10px;margin-right: 10px;}
.forth-sec .content-box ul{margin-bottom: 10px;}
.faculty-sec{background: #F8F7F5;}
.faculty-sec .box .content{padding: 10px 18px;}
.faculty-sec .box .content h3,
.faculty-sec .box .content h3 p{font-size: 20px;font-family: var(--font-1);}
.faculty-sec .box .content h3 p{margin-bottom: 0;}
.faculty-sec .box .content span{font-size: 15px;color: var(--bg-color);font-family: var(--font-2);}
.faculty-sec .box{background: var(--text-white);height: 100%;}
.faculty-sec .box img{width: 100%;height: 400px;object-fit: cover;object-position: top;}
.faculty-sec .box .content p{font-family: var(--font-2); display: -webkit-box;
    -webkit-box-orient: vertical;    overflow: hidden; text-overflow: ellipsis;  -webkit-line-clamp: 5; max-height: calc(2em * 5)}
.program-sec{background: #F8F7F5;}
.faculty-sec h2{font-size: 50px;text-transform: uppercase;margin-bottom: 30px;}
.program-sec img{width: 100%;height: 100%;}
.program-sec ul li h3{font-size: 26px;line-height: 33px;text-transform: uppercase;margin-bottom: 9px;}
.program-sec ul li p{font-size: 15px;line-height: 34px;}
.program-sec ul li + li{margin-top: 60px;}
.program-sec ul{border-left:2px solid var(--bg-color) ;padding-left: 28px;margin-left: 15px;position: relative;}
.program-sec ul li::before{content:"\F287";font-family: bootstrap-icons;position: absolute;left:-8px;color: var(--bg-color);}
.program-sec h2{text-transform: uppercase;font-size: 50px;margin-bottom: 20px;}
.program-sec p{font-family: var(--font-2);color: #1A1919;}

.filter-sec .search-box form{display: flex;background-color: var(--text-white);border: 1px solid #0000003D;padding:4px;}
.filter-sec .search-box input{border: 0;padding: 12px 10px;}
.filter-sec .search-box form button{background: var(--bg-color);border-color:var(--bg-color) ;height: 50px;width: 50px;display: flex;align-items: center;justify-content: center;color: var(--text-white);border: none;}
.filter-sec .search-box input:focus{box-shadow: none;}
.filter-sec .slid-box{padding: 16px;border: 1px solid #00000038;background-color: #f8f7f5;}
.filter-sec .slid-box .accordion-item .accordion-button{padding: 0 !important;font-size: 26px;font-family: var(--font-1);background-color: transparent !important;color: #1A1919;}
.filter-sec .slid-box .accordion-item .accordion-button:focus{box-shadow: none;}
.filter-sec .slid-box .accordion{border: none !important;background-color: transparent !important;margin-top: 20px;}
.filter-sec .slid-box .accordion-item {border: none;background-color: transparent !important;border-radius: 0 !important;}
.filter-sec .slid-box .accordion-item .accordion-body{padding:0 0 10px 0;}
.filter-sec .slid-box form .form-check {margin-top: 20px;}
.filter-sec .slid-box form .form-check-input{width: 21px;height: 21px;margin-right: 10px;border-radius: 0;}
.filter-sec .slid-box form label{font-size: 16px;font-weight: 500;line-height: 16px;}
.filter-sec .slid-box form .form-check-input:focus{box-shadow: none;border-color: var(--bg-color);}
.filter-sec .slid-box form .form-check-input:checked[type=checkbox]{background-color: var(--bg-color);border-color: var(--bg-color);}
.filter-sec .slid-box .accordion-button.collapsed::after{transform: rotate(-90deg);}
.filter-sec .slid-box .accordion-button::after{transform: rotate(0deg);}

#sync1 .item {height: 399px;}
#sync1 .item img{height: 100%;object-fit: cover;width: 100%;}
#sync1{background: #FFFFFF33;box-shadow: 0px 4px 13.6px 0px #00000040;margin-bottom: 13px;}
#sync2 .item{height: 112px;box-shadow: 0px 4px 7.5px 0px #00000040;
margin-bottom: 7px;}
#sync2 .item  img{object-fit: cover;height: 100%;}


ul.breadcrumbs{padding: 0;margin: 0 0 30px 0;display: flex;flex-wrap: wrap;}
ul.breadcrumbs li{color: var(--text-primary);font-family:var(--font-2);display: flex;align-items: center;font-weight: 500;}
ul.breadcrumbs li a{color: var(--text-color-1);}
ul.breadcrumbs li + li::after{content: "\F285";margin-left: 8px;font-family: Bootstrap-icons;font-size: 13px;color:#1A191947}
ul.breadcrumbs li:first-child::before{content: "\F284";margin-right: 2px;font-family: Bootstrap-icons;font-size: 20px;color: var(--bg-color);}
ul.breadcrumbs li:nth-last-child(1):after{display: none;}
ul.breadcrumbs li:first-child{margin-right: 15px;}
ul.breadcrumbs li + li{margin-left: 10px;}

.product-details h1{font-size: 37px;line-height: 47px;text-transform: capitalize;}
.product-details .price_box{display: flex;align-items: center;justify-content: space-between;position: relative;}
.product-details .price_box span:first-child{font-size: 23px;font-family: var(--font-2);color: #1A1919;}
.product-details .price_box span:last-child::before{content: "";top: 0;bottom: 0;left: 0;width: 68%;height: 1px;border-top: 1px dashed var(--text-dark);margin: auto;right: 0;position: absolute;}
.product-details .price_box span:last-child{font-size: 30px;font-family: var(--font-1);color: #1A1919;}
.rated-box{display: flex;margin-top: 10px;gap: 15px;align-items: center;margin-bottom: 15px;}
.rated-box i{color:#FFD900;font-size: 20px;}
.rated-box  .rateing{gap: 6px;}
.rated-box span{font-size: 23px;font-family: var(--font-2);}
.product-details p{font-size: 14px;font-family: var(--font-2);line-height: 28px;}
.quntity{display: flex;justify-content: space-between;align-items: center;margin-top: 40px;}
.quntity span{font-size: 23px;font-family: var(--font-2);}
.input-group{background: var(--text-white);display: flex;padding: 2px !important;width: 200px;box-shadow: 0px 4px 11.4px 0px #0000001F;
border-radius: 27px;align-items: center !important;}
.input-group i{background-color: var(--bg-color);width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;border-radius: 50% !important;font-size: 24px;color: var(--text-white);}
.input-group input{border: none;width: 94px !important;margin-inline: 10px !important;text-align: center ;font-size: 29px;font-family: var(--font-1);color: #1A1919;}
.product-details .inner-btn{display: flex;justify-content: space-between;margin-top: 40px;}
.descrip_sec ul#main-Tab{border-bottom: 1px solid #1A191938;margin-bottom: 50px;}
.descrip_sec ul#main-Tab li{max-width: fit-content;}
.descrip_sec ul#main-Tab li button{background-color: transparent;color: #1A1919;font-size: 29px;font-family: var(--font-1);padding: 8px 33px;}
.descrip_sec ul#main-Tab li button.active{background-color: var(--bg-color);color:var(--text-white);}
.product-details .inner-btn .btn-secondary{padding-inline: 60px;}


.hero-banner  .banner-logo{top: 20px;right:20px;max-width: 140px;}
.menu-card .img-box video{width: 100%;position:absolute;}
.forth-sec .about-list ul li::before{content: unset;}
.forth-sec .about-list ul li{display: flex;align-items: start;gap: 10px;flex-direction: column;width: 31%;}
.forth-sec .about-list ul{display: flex;flex-wrap: wrap;gap: 20px;justify-content: center;}
.forth-sec .about-list ul li .content{display: flex;flex-direction: column;}
.forth-sec .about-list ul li .content p{margin-bottom: 0;}
.forth-sec .about-list .img-box{height: 60px;}
.forth-sec .about-list .img-box img{width: 60px;object-fit: contain;}

.faculty-sec .owl-nav{display: flex;justify-content: space-between;top: 40%;left: -3%;width: 106%;margin: auto;position:absolute;}
.faculty-sec .owl-nav button i{font-size: 24px;background-color: var(--bg-color);color: var(--text-white);border-radius: 50%;padding: 12px;width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;}
.forth-sec.fifth-sec .img-box{height: 950px;}
.forth-sec.fifth-sec ul li .img-box{height: auto !important;}



.bg-forth{background-repeat: no-repeat !important; background-size: contain !important; background-position: right !important;padding: 50px 0 30px ;}

.menu-slider .item .img-box img{height:100%;}
.menu-slider .item .play-btn img{height:auto;}
.menu-card .img-box {height: 300px;}



.form-sec form.wpcf7-form .form-control{height: 35px;}
.form-sec form.wpcf7-form p{margin-bottom: 0;}
.form-sec form.wpcf7-form .wpcf7-spinner{display: none;}
.form-sec form.wpcf7-form .form-control,
.form-sec form.wpcf7-form .form-select,
.form-sec form.wpcf7-form .form-control::placeholder{color: var(--text-dark);opacity: 1;font-size: 14px;font-weight: 400;}

.table-sec2 h4 span{
    color: var(--bg-color);
}
.table-sec2  strong span{
    color: var(--bg-color);
}
.table-sec2 ul li ul{
    padding-left: 1rem;
}
.table-sec2 ul li ul li{
    list-style-type: disc;
}
.table-sec2 ul li ul li::marker{
    color: var(--bg-color);
}

.filter-sec .row.justify-content-center{
    justify-content: start !important;
}

.map-sec iframe{
    width: 100%;
    height: 500px;
}
.video-banne.banner h1{
    color: var(--text-white);
}
.video-banne.banner .container{
    position: relative;
    z-index: 3;
}

.accordion-sec .order-lg-last img{
    max-width: 100%;
    width: 100%;
    max-height: 210px;
    object-fit: cover;
}
/* .accordion-sec .order-lg-last .row {
    row-gap: 20px;
} */
.accordion-sec .order-lg-last .row >*{
    padding: 5px;
}

.about-banner .banner-content .text{
    position: relative;
    left: 20px;
}

.food-img-sec .row{
    row-gap: 20px;
}
.food-img-sec .img-box{
    aspect-ratio: 1/1;
    cursor: pointer;
}
.food-img-sec .img-box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.table-sec ul.list h4{
    margin-top: 20px;
}
.food-img-sec .heading{
    margin-bottom: 20px;
}




#brand-slider .owl-prev,#brand-slider .owl-next,
.food-img-sec #img-slider .owl-next,.food-img-sec #img-slider .owl-prev,
#img-new-slider .owl-next, #img-new-slider .owl-prev{
    position: absolute;
    top: 40%;
    font-size: 42px !important;
}
#brand-slider .owl-next,
.food-img-sec #img-slider  .owl-next,
#img-new-slider  .owl-next{
    right: -45px;
}
#brand-slider .owl-prev,
.food-img-sec #img-slider  .owl-prev{
    left: -45px;
}
#brand-slider .owl-dots,
.food-img-sec #img-slider  .owl-dots,
 #img-new-slider  .owl-dots{display: flex;justify-content: center;display: none;margin-top: 30px;}
 #brand-slider .owl-dots button.owl-dot,
.food-img-sec #img-slider  .owl-dots button.owl-dot,
#img-new-slider  .owl-dots button.owl-dot{  width: 10px;height: 10px;border-radius: 50%;display: inline-block;background: #ccc;margin: 0 5px;}
#brand-slider .owl-dots.active,
.food-img-sec #img-slider .owl-dots button.owl-dot.active,
#img-new-slider .owl-dots button.owl-dot.active{ background-color: var(--bg-color);}


.table-sec2 .img-box{
    height: 245px;
    margin-bottom: 15px;
    overflow: hidden;
}

.table-sec2 .img-box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 0 -57px;
}
.accordion-sec-2 .text ul{
    padding-left: 1rem;
    margin-bottom: 10px;
}
.accordion-sec-2 .text ul li{
    margin-bottom: 10px;
}
.accordion-sec-2 .text ul li span{
    color: var(--bg-color);
}

.second-sec .img-box img{
    display: block;
    margin: auto;
    width: 100%;
    height: 100%;
}

.brands-sec .logo-box{
    border: 1px solid #1A191929;
    padding: 12px;
}
.brands-sec .logo-box:hover{
    cursor: pointer;
}
.brands-sec .row{
    row-gap: 20px;
}

.modal-dialog{
    max-width: 906px;
}
.modal.show{
    display: flex !important;
    align-items: center;
    justify-content: center;
}
.modal-body{
    text-align: center;
    padding: 40px ;
}

.modal-content{
    position: relative;
    border-radius: 0;
}
.modal-content::after{
    content: "";
    border: 2px solid var(--bg-color);
    border-radius: 6px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 95%;
    width: 98%;
    pointer-events: none;
}
.modal-body .logo{
    margin-bottom: 24px;
}
.modal-body .heading{
    margin-bottom: 10px;
    font-size: 26px;
    line-height: 33.62px;
    font-weight: 400;
    font-family: var(--font-1);
}
.modal-header{
    border: none;
    padding: 0;
}

.modal-header .close-modal{
    color: var(--text-white);
    background: var(--bg-color);
    border-radius: 50%;
    width: 34px;
    height: 34px;
    font-size: 40px;
    position: absolute;
    top: 28px;
    right: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    cursor: pointer;
}
.second-sec .about-list ul li img{
    width: auto;
    max-width: 60px;
}
.second-sec .about-list ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    gap: 20px;
    margin-top: 10px;
}
.second-sec .about-list ul li{
    width: 30%;
}
.second-sec .about-list ul li p{
    font-size: 15px;
    line-height: 20px;
}

.menu-card .img-box img{
    width: 100%;
    height: 100%;
}

.second-sec .content-box-2{
    left: 20px;
    position: static;
    width: auto;
}
.second-sec .content-box-2 p{
    font-size: 15px;
    line-height: 23px;
}
.second-sec .content-box-2 .about-list ul li h5{
    font-size: 16px;
}
.second-sec .content-box-2 .img-box{
    margin-bottom: 10px;
    height: auto !important;
    text-align: start;
}
.second-sec .content-box-2 .content{
    text-align: start;
}


.second-sec .content-box-2 .about-list ul {
    gap: 5px;
    margin-top: 15px;
}
.forth-sec .about-list ul li .img-box{
    text-align: center;
}
.mbfw-date-picker-section{
    max-width: 100% !important;
}
.mwb-mbfw-total-area {
    margin-bottom: 20px !important;
}
.date-box{
    display: grid;
    grid-template-columns: repeat( auto-fit, minmax(160px, 1fr) );
    row-gap: 5px;
}
.date-box .item-date i{
    color: var(--bg-color);
    margin-right: 7px;
}
.new-imgs-sec .row{
    row-gap: 20px;
}
.select-date{gap:12px; display:flex;width: 100%;}
.select-date input{color:var(--bg-color);padding: 12px 20px;width:100%;}
.select-date input:focus,.select-date input:hover{border-color:var(--bg-color);box-shadow:none;outline:none;}
.inner-banner .form-text{
    text-align: center;
    color: var(--text-white);
    margin-top: 20px;
}

.cafe-sec .mobile-heading{
    display: none;
}

/* Modal */
.menu-modal .modal-header .btn-close {position: absolute; top: 32px; right: 32px;background-color: var(--bg-color); border-radius: 50%; opacity: 1; z-index: 1;box-shadow: none;}
.menu-modal .modal-content::after { border-radius: 6px; height: 92%; width: 97%;}
.menu-modal .modal-body{
    display: flex;
    text-align: start;
    gap: 20px;
    align-items: center;
}
.menu-modal .modal-body img{width:300px;border-radius:16px;margin-bottom:14px;min-width: 220px;}
/* Modal */

.new-imgs-sec button.owl-prev {
    left: -45px;
}

.woocommerce-Tabs-panel h4{
    font-size: 40px;
    font-weight: 400;
    line-height: 51.72px;;
}
.woocommerce-Tabs-panel ul li{
    font-size: 15px;
}
.top-box .cart-btn{
    position: relative;
}
.top-box .cart-btn span{
    position: absolute;
    background: var(--bg-color);
    color: var(--text-white);
    font-size: 11px;
    padding: 5px;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    top: -13px;
    right: -13px;
}

.menu-card .img-box{
    overflow: hidden;
}
.menu-card .img-box img{
    transform: scale(1.05);
    transition: .2s linear;
}
.menu-card:hover .img-box img{
    transform: scale(1);
}

.inner_contents.filter-sec .buttons-group{
    display: flex;
    gap: 20px 30px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}
.inner_contents.filter-sec .buttons-group .btn-primary{
    padding: 5px 15px;
    border-radius: 20px !important;
    font-size: 13px;
}
.inner_contents.filter-sec .buttons-group .btn-primary.active{
    border: 1px solid var(--bg-color);
    background: transparent !important;
    color: var(--bg-color) !important;
}


#brand-slider .owl-nav.disabled{
    display: block !important;
}
#mep_0{height:450px !important;overflow:hidden;}
#mep_0 .wp-video-shortcode{width:100% !important;height:100% !important;object-fit:cover !important;}
.woocommerce-Tabs-panel .col-lg-6 ul li{display:flex;align-items:start;}
.woocommerce-Tabs-panel .col-lg-6 ul li + li{margin-top:12px;}
.woocommerce-Tabs-panel .col-lg-6 ul li:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--bg-color);margin-right:10px;display:inline-block;margin-top:8px;min-height: 6px;min-width: 6px;}
.woocommerce-Tabs-panel .col-lg-6 ul li strong{display: contents !important;}

.woocommerce-Tabs-panel .col-lg-6 table{
    width: fit-content;
    border: 1px solid var(--text-dark);
    min-width: 325px;
    margin-bottom: 20px;
}
.woocommerce-Tabs-panel .col-lg-6 table td,
.woocommerce-Tabs-panel .col-lg-6 table th{
    border: 1px solid var(--text-dark);
    padding: 10px;
}
.woocommerce-Tabs-panel .col-lg-6 table th{
    background: var(--bg-color);
    color: var(--text-white);
}

.term-description {
    text-align: center;
    margin-bottom: 30px;
}

.mwb-mbfw-total-area{
    display: none !important;
}
.mwb-bfwp-booking-quantity__public-show{
    margin-bottom: 10px;
}
.house_details_box {max-height: 0px;overflow: hidden;transition: 0.5s linear; opacity: 1; }
.toggleButton{color:var(--bg-color);}
.house_details_box ~ p{width:fit-content;color:var(--bg-color);cursor:pointer;}
#sb_instagram .sbi_follow_btn a:hover, #sb_instagram .sbi_follow_btn a:focus {
    outline: none;
   box-shadow: inset 0 0 20px 20px rgba(255, 255, 255, 0.25) !important;
}
.product-card .product_thumb.img-box{height:400px}
.product-card .product_thumb.img-box img{height:100% !important;object-fit:cover !important;}

.table-sec a{
    color: var(--text-dark);
}
.woocommerce-Tabs-panel .col-lg-6 ul{
    margin-bottom: 20px;
}
.search-bar {
    padding-bottom: 10px;
}
.search-bar form{
    max-width: 700px;
    margin-inline:auto ;
    margin-top: 20px;
}
.search-bar form .row{
    align-items: center;
    row-gap: 20px;
}
.search-bar form .form-control{
    outline:none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    height: 58px;
    border: 1px solid var(--text-dark);
}
.search-bar h2{
    text-align: center;
}
.product-side-bar{
    border: 1px solid var(--text-dark);
    /* padding: 10px 0 0; */
}
.product-side-bar ul li{
    padding: 10px 0;
    border-bottom: 1px solid var(--text-dark);
}
.product-side-bar ul li a{
    color: var(--text-dark);
}
.product-side-bar ul li a:hover{
    color: var(--bg-color);
}
.product-side-bar ul li{
    padding-inline: 10px;
}
.product-side-bar ul{
    max-height: 400px;
    overflow-y: auto;
    scrollbar-width: none;
}
.product-side-bar ul li:nth-last-child(1){
    border-bottom: none;
}
ul.list + h4{
    margin-top: 10px;
}





.product-side-bar .accordion-button::after{
    content: "\F64D";
    font-family: 'bootstrap-icons';
    width: auto;
    height: auto;
    font-size: 20px;
    background-image: none;
}
.product-side-bar .accordion-button:not(.collapsed)::after {
    background-image: none;
    content: "\F63B";
    font-family:'bootstrap-icons' ;
}

.product-side-bar .accordion-button:focus{
    border: none;
    box-shadow: none;
}
.product-side-bar .accordion-button{
    text-align: end;
    width: 100%;
    transition: .2s linear;
    color: var(--text-dark);
    padding: 10px;
}
.product-side-bar .accordion-button:not(.collapsed){
    border-bottom: 1px solid black;
    color: var(--text-dark);
    background: transparent !important;
    margin-bottom: 0;
}

.table-sec ul{
    margin-bottom: 20px;
}
footer .wpcf7 form.sent .wpcf7-response-output {
    border-color: var(--text-white) !important;
    color: var(--text-white) !important;
}
.woocommerce-terms-and-conditions-checkbox-text a{color:var( --bg-color);}
.popup2 {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.6);
  z-index: 9999;
  justify-content: center;
  align-items: center;
}
.popup-content2 {
  background: white;
  padding: 2rem;max-width:500px;
  border-radius: 10px;
  position: relative;
  text-align: center;
}
.popup-content2 h2{font-size:22px;line-height:1.2;}
.popup-content2 a{color:var(--bg-color);display:block;}
.popup-content2 button{display:none;}
.popup-content2 .main-box{display:flex;align-items:center;justify-content: space-around;margin-top:20px;}
.popup-content2 .box_3{display:flex;align-items:center;flex-direction:column;}
.popup-content2 .box_3 img{width:78px;border:1px solid ;}
#closePopup2 {position: absolute;top: 10px;right: 15px;cursor: pointer;font-size: 24px;}



.summary.entry-summary .stock{display:none !important;}
.mwb-bfwp-booking-quantity__public-show{display:none !important;}
.mbfw-additionl-detail-listing-section__wrapper .mbfw-additionl-detail-listing-section:first-child{font-size:0px;}
.mbfw-additionl-detail-listing-section__wrapper .mbfw-additionl-detail-listing-section:first-child::before{content:"Quantity";font-size:16px;}
.product_meta .posted_in{display:none !important;}
.mbfw-date-picker-section{margin-top:10px;}
.mbfw-date-picker-section .bookin_date_class{max-width:400px;border:1px solid #EF7E3C !important;margin-top:8px;border-radius:5px;}



/** Single Post CSS **/
nav.post-navigation {
    display: flex;
    place-content: space-between;
	margin-top: 40px;
	flex-wrap: wrap;
    row-gap: 20px;
}
.sidebar ul {
    background-color: #F8F7F5;
}
.sidebar ul li a:hover{
		background-color: #EF7E3C !important; 
  }
h1.blog-title{
	font-size: 42px;
    line-height: 1.4em;
}
.post-categories a{
	color: #EF7E3C;
}
p.post-categories{
	color: #EF7E3C;
}
.blog-content li{
	list-style: disc;
	margin-left: 20px;
}
.blog-content h2{
	margin-top: 30px;
    margin-bottom: 20px;
}
.blog-content h3, .blog-content h4, .blog-content h5{
	margin-top: 30px;
    margin-bottom: 10px;
}
.blog-content h2, .blog-content h3, .blog-content h4, .blog-content h5, .blog-content h2 span, .blog-content h3 span, .blog-content h4 span, .blog-content h5 span{
	font-weight: 400 !important;
}
.blog-content table {
  border: 1px solid;
  border-collapse: collapse;
  margin: 30px 0px 40px 0px;
}
.blog-content th, .blog-content td {
  padding:7px 15px;
  border: 1px solid;
  border-collapse: collapse;
}
.blog-content ol li {
    list-style: decimal;
}
@media only screen and (max-width: 992px) {
  .blog-sidebar {
    margin-top: 40px;
  }
}
@media only screen and (min-width: 992px) {
  .blog-content {
    padding-right: 40px;
  }
}
@media only screen and (max-width: 760px) {
  h1.blog-title{
	font-size: 32px !important;
}
}
@media only screen and (max-width: 480px) {
  h1.blog-title{
	font-size: 28px !important;
}
}
@media (max-width: 544px) {
    .blog-content h2 {
        font-size: 25px;
    }
}



/*Archive CSS*/ 
.accordion-flush{
	display:none;
} 
.accordion-item ul, .accordion-item li{
	list-style: disc !important;
	max-width: 960px;
    place-self: left;
}
.accordion-flush h1{
	font-size: 1.8em;
	line-height: 1.3em;
} 
.accordion-flush h2{
	font-size: 1.5em;
	line-height: 1.3em;
	margin-bottom: 0px;
}
.accordion-flush h3{
	margin-top: 30px;
	font-size: 1.5em;
	line-height: 1.3em;
} 
.accordion-flush table{
	margin-top: 30px;
	width: 100%;
    border-collapse: collapse;
}
.accordion-flush th{
	border-width: 1px;
	padding: 10px;
	border-color: #ef7e3c;
    background-color: #ef7e3c;
    color: #ffffff;
}
.accordion-flush td{
	border-width: 1px;
	padding: 10px;
}
.accordion-flush .accordion-table{
	display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}


/*Adjust Header*/
@media (max-width: 768px) {
    .topbar .col-4, .topbar .col-8 {
        width: 50%;
    }
	.accordion-flush h1{
	font-size: 1.6em;
}
	.accordion-flush h2{
	font-size: 1.4em;
	line-height: 1.3em;
}
.accordion-flush h3{
	font-size: 1.4em;
	line-height: 1.3em;
} 
	.accordion-flush .accordion-table{
    grid-template-columns: 1fr;
}

}

.wpml-ls-legacy-dropdown {
    width: 60px !important;
    max-width: 100%;
}


/*Homepage TH addition content*/
.before_class h1{
	font-size: 2.6em;
	line-height: 1.3em;
}
@media only screen and (max-width: 768px) {
  .before_class h1{
	font-size: 1.6em;
}
}