* {
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(//www.bangkok-ecoleducasse-studio.com/wp-content/themes/ecoleducasse/fonts/DomaineSansTextDucasse-Light.woff2);
}
@font-face {
font-family:"DIN Alternate";
src: url(//www.bangkok-ecoleducasse-studio.com/wp-content/themes/ecoleducasse/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(//www.bangkok-ecoleducasse-studio.com/wp-content/themes/ecoleducasse/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(//www.bangkok-ecoleducasse-studio.com/wp-content/themes/ecoleducasse/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(//www.bangkok-ecoleducasse-studio.com/wp-content/themes/ecoleducasse/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(//www.bangkok-ecoleducasse-studio.com/wp-content/themes/ecoleducasse/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 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(//www.bangkok-ecoleducasse-studio.com/wp-content/themes/ecoleducasse/images/icons/plus.svg);
background-size: 62px;
width: 62px;
height: 62px;
}
.accordion-sec .accordion-button:not(.collapsed)::after {
background-image: url(//www.bangkok-ecoleducasse-studio.com/wp-content/themes/ecoleducasse/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 .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 .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 >*{
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;
} .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;} .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); }
.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;} 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;
}
@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;
}
} /* .accordion-flush{
display:none;
}@media(max-width:1399px){
#menu ul {gap: 30px;}
.btn-secondary { padding: 14px 35px;}
.second-sec .col-lg-6:last-child .img-box img {height: 100%;}
.product-details .inner-btn .btn-secondary {padding-inline: 43px;}
.second-sec .content-box{left: 100px;right: 0;}
}
@media(max-width:1299px){
.menubar .top-box {
gap: 16px;
}
#menu ul {
gap: 23px;
}
.menubar .top-box .search {
font-size: 20px;
}
.hero-banner .banner-content .text {
max-width: 770px;
}
h1 {
font-size: 49px;
line-height: 70px;
}
.forth-sec .content-box h2, .forth-sec .content-box h2, .faculty-sec h2, .program-sec h2 {font-size: 40px;}
}
@media(max-width:1199px){
.banner .box h1 {font-size: 45px;}
header {  padding: 24px 0;}
.menubar .top-box .cart-btn {
color: var(--text-dark);
font-size: 15px;
}
.btn-secondary {
padding: 14px 20px;
font-size: 12px;
}
.menubar .top-box .search {
font-size: 17px;
}
.menubar .top-box select {
font-size: 15px;
}
.menubar .top-btn {
padding: 4px 11px !important;
font-size: 12px;
}
#menu ul li a {
font-size: 12px;
}
h1 {font-size: 42px;}
h2,.woocommerce-Tabs-panel h4{font-size: 33px;line-height: 42px;}
.product-card .text h3 {font-size: 25px;line-height: 35px;}
.product-card .inner-box .price {font-size: 28px;line-height: 46px;}
.experience-box .text-box h4 { font-size: 19px;}
.insta-card .profile-share a i {font-size: 21px;}
.menu-card .img-box .play-btn {width: 77px; height: 77px;}
.menu-card .img-box .play-btn img {width: 23px;}
.menu-slider .owl-nav {top: 23%;}
h5{font-size: 17px;}
section{padding: 50px 0;}
.form-sec .form-box .inner-form {padding: 45px 51px 30px 30px;}
.menu-footer { gap: 28px;}
footer .contact_us ul {gap: 14px;flex-direction: column;align-items: center;margin-top: 25px;}
.nav-main-tabs h2 {max-width: 440px;line-height: 0.5;}
.second-sec .content-box span { font-size: 22px;}
.faculty-sec .box .content h3 {font-size: 18px;}
.program-sec ul li h3 {font-size: 22px;line-height: 32px;}
.banner {min-height: 403px;}
.faculty-sec {padding-top: 200px;}
.forth-sec .content-box {top: 40px;}
.program-sec h2 { margin-bottom: 10px;}
.faculty-sec .box .content span {font-size: 15px;}
.product-details h1{font-size: 32px;}
.quntity {margin-top: 40px;flex-direction: column;gap: 15px;}
.product-details .inner-btn .btn-secondary {padding-inline: 37px;}
.descrip_sec ul#main-Tab li button {font-size: 23px;}
.descrip_sec ul#main-Tab { margin-bottom: 30px;}
.accordion-sec .accordion-button {font-size: 28px;}
.accordion-sec .accordion-flush .accordion-item {padding: 15px 0;}
.accordion-sec .accordion-button::after {
background-size: 32px;
width: 32px;
height: 32px;
}
.forth-sec .about-list ul li {
width: 30%;
}
}@media(max-width:1024px){
.banner { min-height: 353px;}
}@media(max-width:991px){
header {position: relative;top: 0;left: 0;width: 100%; z-index: inherit;padding: 5px 0;}
.topbar { width:100%; position:relative;z-index: 999;} 
.topbar .logo img{margin:15px 0;max-width: 155px;}
.topbar ul.top_right_contents{padding:0 ;margin:8px 0 0 0;list-style:none;color: #000; text-align: center;}
.topbar ul.top_right_contents li{vertical-align:middle; position:relative; display: inline-block; line-height: 1;text-align: end;}
.topbar ul.top_right_contents li a.menu_open i {font-size: 30px;color: var(--text-white);}.topbar.sticky{margin:0;position:fixed;top:0;left:0;width:100%;z-index:999;animation-name:menu_sticky;animation-duration:.6s;animation-timing-function:ease-out; -webkit-box-shadow:rgba(255,255,255,0.2) 0 0 10px; box-shadow:rgb(155, 153, 153) 0 0 10px; backdrop-filter: blur(5px);background: var(--text-white);}
.topbar ul.top_right_contents{padding:0;margin:0;list-style:none; text-align: right;}
.topbar ul.top_right_contents li{vertical-align:middle; position:relative; display: inline-block;
margin-right: 20px;  line-height: 1;}
.topbar ul.top_right_contents li:last-child {margin-right: 0;}
.topbar ul.top_right_contents li a {color:#fff; line-height: 1;}
.topbar ul.top_right_contents li a i {font-size: 26px;}
.topbar ul.top_right_contents li a i.user { font-size: 34px;}
.topbar ul.top_right_contents li a.menu_open i {font-size: 40px;color: #000;}
.menu_overlay {position: fixed; top:0; right:0; bottom:0; left:0; z-index:9999; background: rgba(0,0,0,0.75);}
.menu_toggler {margin:15px 0 0;}
.menu_toggler .icons {font-size:26px; color:#212121}
.menu_head {background:#000;text-align: center; position: relative;color:#fff;}
.menu_head a {color:#fff; padding:15px 10px; display: inline-block; font-weight: 500; font-size: 16px;}
.menu_close {text-align: end;padding: 0;padding:5px 20px 15px;}
.menu_close i {font-size:20px; color: #fff;}
.mobile_menu_wrap {position: fixed; top:0px; bottom: 0; right:-100%; z-index:99999; background:var(--bg-color); padding:0 0 75px; transition: all linear 0.2s; max-width: 80%; width: 300px; height: 100vh;}
.mobile_menu_wrap .form-control{width: 80%;}
.mobile_menu_wrap.menu_show {right:0;}
.mobile_menu_wrap ul {padding:0; margin:10px 0 0 0; list-style:none; font-size: 16px;font-weight: 400;}
.mobile_menu_wrap ul.main_menu {margin-bottom:10px;}
.mobile_menu_wrap ul.main_menu li{color: #fff;}
.main_menu li.active a{color:var(--text-color);font-weight: bold;}
.main_menu li a:hover,.topbar .top-links a:hover{color:var(--text-color);}
.mobile_menu_wrap ul.main_menu li a {font-size:16px; text-decoration: none;}
.mobile_menu_wrap ul li a {position: relative; display: block; padding:10px 30px;width: 100%; color: #fff ;}
.mobile_menu_wrap ul li.hassub { padding:0;position: relative;width: 100%;display: inline-block;}
.mobile_menu_wrap ul li.hassub .sub_menu_open {position: absolute;right: 0;top: 0;font-size: 18px;padding: 16px 20px;width:fit-content;text-align: end;}
.mobile_menu_wrap ul li.hassub ul {position: fixed; top:0; bottom:0; right:-100%; max-width: 80%; width: 220px;       background:var(--bg-color); margin:0; transition: all linear 0.3s; padding:48px 0 100px; overflow: auto; z-index: 9; visibility:hidden;}
.mobile_menu_wrap ul li.hassub ul.show_submenu {visibility: visible; right: 0;}
.mobile_menu_wrap ul li.hassub ul li.back_to_mainmenu {position: absolute; top:0; width: 100%; background: #fff;left: 0;padding-left: 10px;}
.mobile_menu_wrap ul li.hassub ul li.back_to_mainmenu a {font-size:15px; color: #000; padding:10px 0;}
.mobile_menu_wrap ul li.hassub ul li.back_to_mainmenu a i.fa { margin-right: 5px;}
h1 {font-size: 33px;line-height: 48px;}
h4 {font-size: 17px;}
.discover-sec .nav.nav-tabs li.nav-item {display: flex; width: 330px;margin-bottom: 0px;max-width: 330px;justify-content: center;}
.discover-sec .nav-tabs .nav-link {max-width:unset;}
.discover-sec .nav.nav-tabs {border: none;flex-direction: row;gap: 20px;justify-content: space-between;}
.discover-sec .inner-btn {display: flex;justify-content: center;margin-bottom: 40px;}
.menu-card .img-box .play-btn {
width: 50px;height: 50px;padding-left: 0;
}
.menu-card .img-box .play-btn img {width: 15px;}
.hero-banner .banner-content {padding-bottom: 50px;}
.discover-sec .heading {margin-bottom: 30px;text-align: center;}
.nav-main-tabs {justify-content: center;}
.nav-main-tabs h2 {max-width: unset;text-align: center;margin-bottom: 40px;}
.big-img {max-height: 450px;height: 100%;}
.cafe-sec .text {margin-top: 25px;}
.cafe-sm-img{max-height:380px;height: 100%;}
.cafe-sm-img img{max-width: unset;width: 100%;height: 100%;object-fit: cover;}
.product-sec .owl-nav{display: none;}
.btn-primary {font-size: 16px;padding: 10px 37px;}
h2 {font-size: 28px;line-height: 32px;}
.product-sec .heading h2 {font-size: 28px;line-height: 32px;}
footer h3 {font-size: 32px;margin-bottom: 10px;}
.experience-box .text-box h4 {font-size: 17px;}
.experience-box {height: 100%;max-height: 400px;}
.experience-box img{height: 100%;width: 100%;object-fit: cover;}
footer {padding: 30px 0 20px;}
footer form .form-control {height: 57px;}
footer form input[type="submit"].form-control {height: 57px;font-size: 14px;}
.discover-sec .owl-carousel .owl-nav button.owl-next,.discover-sec .owl-carousel .owl-nav button.owl-prev,.discover-sec .owl-carousel button.owl-dot {display: none;}
.form-sec .form-box { flex-direction: column-reverse;height: 100%;}
.form-sec .form-box .form-img {position: relative; max-width: 694px;width: 100%;height: 100%;max-height:380px;}
.form-sec .form-box .form-img:after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #00000025;}
.form-sec .form-box .inner-form {padding: 30px;}
footer::before {bottom: 100px;}
section{padding: 45px 0;}
.overview-banner{height: auto;padding: 40px 0;}
.overview-banner .text h1 {font-size: 42px;line-height: 55.65px;}
.overview-banner .text .inner-btn {margin-top: 20px;}
.progress-card .text-box h3 {font-size: 34px;line-height: 40.13px;}
.progress-card .text-box p {font-size: 16px;line-height: 27px;}
.progress-card .text-box h4 {font-size: 24px;line-height: 20.91px;margin-bottom: 13px;}
.progress-card .text-box .status-bar {font-size: 16px;line-height: 26px;margin-bottom: 12px;}
.inner-banner {padding: 45px 0;}
.login-form .accordion-button {font-size: 23px;}
.login-form .accordion-item span {font-size: 15px;margin-right: 40px;}
.login-form .form-check .form-check-label {font-size: 17px;}
.login-form .form-check-input[type=checkbox] {height: 28px;width: 28px;}
input[type="checkbox"]:checked {background-size: 13px;}
.login-form .form-check {background-size: 11px;}
.login-form .accordion-body .form-check {padding: 22px 27px;}
.login-form .accordion-body p {font-size: 17px;}
.second-sec .col-lg-6:first-child .img-box {height: 100%;width: 100%;transform: translateY(0px);}
.second-sec .content-box {position: relative;padding: 20px 0px;background: unset;width: unset;
left: unset;top: 0;right: unset;margin-inline: auto;bottom: unset;height: fit-content;box-shadow: none;}
.second-sec .content-box img {width: 62px;}
.second-sec .col-lg-6:last-child .img-box img {width: 100%;object-position: top;}
.second-sec .col-lg-6:first-child .img-box img{max-height: 500px;object-position: center;}
.second-sec .col-lg-6:last-child .img-box {max-height: 500px;}
.third-sec .content p{margin-top: 25px;}               
.third-sec .img-box{max-height: 460px;height: 600px;}
.third-sec .img-box img {width: 100%;height: 100%;}
.fifth-sec .row{flex-direction:column;}
.forth-sec .content-box {
position: relative;
background-color: var(--text-white);
padding: 0;
box-shadow: none;
top:0;
max-width: unset;
}
.forth-sec .img-box {width: 100%;max-height: 460px;height: 500px;margin-bottom: 25px;}
.fifth-sec{padding-top: 0;}
.forth-sec .about-list .img-box{text-align: start  !important;margin-bottom: 0;}
.forth-sec .about-list .img-box img{height: auto;}
.fifth-sec .row img{width: 100%;max-height: 460px;margin-bottom: 25px;}
.faculty-sec {padding-top: 45px;}
.program-sec img {max-height: 460px;margin-bottom: 25px;}
.program-sec ul li p {line-height: 27px;}
.program-sec ul li + li {margin-top: 30px;}
.forth-sec .content-box p {margin-bottom: 14px;}
.forth-sec .content-box ul li::before { margin-left: 0;}
.faculty-sec .box img {min-height: 180px;height: 100%;max-height: 340px;}
.program-sec ul li h3 {font-size: 19px;}
.banner .box h1 {font-size: 40px;}
.banner {  min-height: 320px;}
.inner-banner.discover-sec .tab-content h3 {font-size: 23px;}
#myTabContent{margin-top: 25px;}
.product-details #sync2{margin-bottom: 25px;}
.product-details .price_box span:last-child::before { width: 55%;}
.product-details .price_box {max-width: 300px;}
.quntity {align-items: baseline;}
.product-details .inner-btn {gap: 45px;justify-content: start;}
.product-details h1 {font-size: 28px;}
.rated-box span {font-size: 18px;}
.quntity {margin-top: 10px;}
.filter-sec .slid-box {
padding: 16px;
border: 1px solid #00000038;
background-color: #f8f7f5;
margin-bottom: 20px;
}
.product-card .img-box,.product-card .product_thumb.img-box {max-height: 460px;}
.product-card img{width: 100%;}
.sensei-verview .take-cource {margin-bottom: 35px;    padding: 15px 19px;}
#overview-faq .accordion-button {font-size: 21px;}
.cafe-video-sec .video {
width: 70%;
margin: 0 auto 25px;
}
.cafe-video-sec .video #playButton { width: 100px; height: 100px;display: flex;justify-content: center;align-items: center;}
.cafe-video-sec .video #playButton i{font-size: 43px;}
.table-sec{padding-top: 0;}
.table-sec .heading h3 {font-size: 31px;line-height: 60px; margin-bottom: 14px;}
.accordion-sec .accordion-button { font-size: 23px;}
.accordion-sec .accordion-button::after { background-size: 22px; width: 22px; height: 22px;}
.video-banner .text h1 {
font-size: 39px;}
.table-sec2{padding-top: 45px;}
.table-sec2 h3{line-height: 45px  !important;}
.second-sec .col-lg-6:first-child{flex-direction: column;}
.forth-sec .row{background: unset !important;}
.forth-sec .about-list ul li {width: 47%;}
.bg-forth{padding: 0;}
.second-sec-2{
padding-top: 0;
}
.second-sec .content-box{
padding-bottom: 0;
}
.menu-card .text {
min-height: 145px;
}
.cafe-sec .video{
margin-inline: auto;
}
.cafe-sec .mobile-heading{
display: block;
margin-bottom: 40px;
text-align: center;
}
.cafe-sec .desk-heading h2{
display: none;
}
.cafe-sec .video #playButton {
width: 100px;
height: 100px;
font-size: 56px;
}
.cafe-sec .video {
width: 52%;
}
.menu-modal .modal-body {
text-align: center;
flex-wrap: wrap;
justify-content: center;
}
.menu-card .img-box img {
transform: scale(1);
}
.product-side-bar{
margin-bottom: 20px;
}
}
@media(max-width:768px){
h1 {font-size: 30px;line-height: 40px;}
.discover-sec .nav.nav-tabs li.nav-item {max-width: 190px;}
.discover-sec .nav-tabs .nav-link.active::before, .discover-sec .nav-tabs .nav-link:hover::before {content: "";display: none;}
.big-img {max-height: 340px;}
.discover-sec .nav-tabs .nav-link{font-size:15px ;}
.discover-sec .nav-tabs .nav-link:hover, .discover-sec .nav-tabs .nav-link.active {color: var(--bg-color);padding-left: 0;}
.menu-card .img-box .flag {border-radius: 18px;font-size: 11px;}
.insta-card .card-profile .profile-detail img, .insta-card .card-profile .instagram-img img {width: 30px;height: 30px;}
.product-card .text h3 {font-size: 19px;}
.insta-card .profile-share a i {font-size: 18px;}
.testimonial .heading {margin-bottom: 30px;}
.menu-footer {gap: 18px;}
.copy-right .row{align-items: center;justify-content: center;}
.copy-right .row .col-lg-6{justify-content: center !important;}
footer .copy-right p { justify-content: center;}
footer::before {bottom: 120px;}
.form-sec .form-box .form-img { max-height: 320px;}
section{padding: 40px 0;}
.product-sec .heading {margin-bottom: 27px;}
.product-card .inner-box .price {font-size: 20px;line-height: 30px;}
.product-card .inner-box .btn-secondary {padding: 7px 43px;font-size: 15px !important;line-height: 20px;}
h2 ,.woocommerce-Tabs-panel h4{font-size: 25px;}
footer .logo  img{width: 200px;}
.form-sec .form-box .inner-form .heading {margin-bottom: 20px;}
footer form .form-control,footer form input[type="submit"].form-control  {height: 46px;}
.overview-banner .text h1 {font-size: 36px;line-height: 46.65px;margin-bottom: 17px;}
.login-form .accordion-item span {font-size: 11px;height: 29px;  line-height: 29px;}
.login-form .form-check-input[type=checkbox] {height: 23px;width: 23px;}
input[type="checkbox"]:checked {background-size:11px;}
#progress-bar label {font-size: 12px;}
#progress-bar .progress{height: 10px;}
.login-form .accordion-item {margin-bottom: 16px;}
.login-form .accordion-button {font-size: 19px;}
.login-form .accordion-body p {font-size: 15px;}
.login-form .form-check {background-size: 8px;}
.inner-banner{padding: 40px 0;}
.table-sec2{padding-top: 30px;}
.second-sec .container .row .col-lg-6{flex-direction: column;}
.second-sec .col-lg-6:first-child .img-box {max-height: 360px;margin-bottom: 25px;}
.second-sec-2 .col-lg-6:first-child .img-box{max-height: none !important;}
.second-sec .col-lg-6:first-child .content-box{display: flex;flex-direction: column;align-items: center;}
.second-sec .col-lg-6:last-child .img-box {max-height: 360px;}
.third-sec .img-box {max-height: 360px;}
.second-sec .col-lg-6:first-child .img-box img {height: 100%;}
.forth-sec .img-box {max-height: 360px;}
.forth-sec .content-box h2, .forth-sec .content-box h2, .faculty-sec h2, .program-sec h2 {font-size: 25px;line-height: 29px;}
.banner { min-height: 270px;}
.faculty-sec .box img {max-height: 260px;object-position: 0 -20px;}
.program-sec img {max-height: 330px;}
.program-sec ul {padding-left: 19px;margin-left: 5px;}
.banner .box h1 { font-size: 37px;}
.inner-banner .tab-content .order-table td{font-size: 13px;}
.inner-banner .tab-content .order-table thead tr th{font-size: 18px;}
.progress-card .text-box .progress { height: 9px;}
.table-sec h4 {  font-size: 19px;}
.table-sec .inner-btn {
margin-top: 0px;
}
.hero-banner .banner-logo{width: 60px;}
.table-sec2 h3 {
line-height: 32px !important;
}
.table-sec ul.list li {
font-size: 17px;
}
.cafe-sec .mobile-heading {
margin-bottom: 30px;
}
.map-sec iframe {
height: 332px;
}
.menu-modal .modal-body img {
width: 215px;
}
.product-card .img-box, .product-card .product_thumb.img-box {
max-height: 226px;
}
.product-card .inner-box .groups-button .btn-secondary {
padding: 10px 9px !important;
font-size: 14px !important;
}
}
@media(max-width:575px){
h1 {font-size: 26px;line-height: 37px;}
.btn-primary {font-size: 13px;padding: 8px 34px;}
.discover-sec .nav.nav-tabs li.nav-item {max-width: 260px;justify-content: center;}
.discover-sec .nav.nav-tabs {gap: 20px 0;justify-content: space-between;}
.discover-sec .nav-tabs .nav-link {font-size: 13px;}
.insta-card .profile-img {max-height: 300px;}
.insta-card .profile-share {gap: 60px;width: min-content;margin: auto;}
.form-sec .form-box .inner-form {padding: 30px 17px 17px;}
h1 {font-size: 19px;line-height: 27px;}
.hero-banner .banner-content {padding-bottom: 20px;}
.hero-banner .banner-content .text p {font-size: 13px;}
.btn-primary {font-size: 9px;}
.nav-main-tabs .nav-item {max-width: 170px;width: 100%;font-size: 13px;}
h5 {font-size: 15px;}
.nav-main-tabs h2 {max-width: unset;line-height: 21px;text-align: center;margin-bottom: 20px;}
section {padding: 25px 0;}
.experiences-sec .text {max-width: 368px;}
footer .copy-right p ,footer .copy-right a {font-size: 14px;}
footer .copy-right p span {font-size: 23px;}
.overview-banner .text {max-width: 415px;}
.overview-banner .text h1 {font-size: 30px;line-height: 39.65px;margin-bottom: 11px;}
.overview-banner .text  p{font-size: 14px;line-height: 24px;}
.overview-banner .text .inner-btn {margin-top: 6px;}
.progress-card .text-box h3 {font-size: 30px;line-height: 29.13px;}
.progress-card .text-box h4 {font-size: 21px;line-height: 19.91px;margin-bottom: 10px;}
.progress-card .text-box .status-bar {font-size: 14px;line-height: 20px;margin-bottom: 10px;}
.login-form .accordion-body p {padding: 7px 15px;}
.login-form .accordion-body .form-check {padding: 22px 15px;}
.login-form .accordion-button {padding: 12px 15px;}
.banner .box h1 { font-size: 32px;}
.topbar ul.top_right_contents li a.menu_open i {font-size: 30px;}
.complete-sec p span {font-size: 15px;}
.product-details h1 {font-size: 21px;}  
#sync1 .item { height: 230px;}
#sync2 .item {height: 81px;}
.descrip_sec ul#main-Tab li button {
font-size: 16px;
}
p ,.woocommerce-Tabs-panel ul li,.table-sec ul.list li p,.table-sec ul.list li,.third-sec .content p, .second-sec .content-box p,.table-sec ul li p span,.table-sec ul li,#testimonials-slider .item p{
font-size: 14px;
line-height: 20px;
}
.table-sec ul.list li p {
margin-bottom: 2px;
}
.table-sec ul li {
margin-top: 8px;
}
.product-card .img-box ,.product-card .product_thumb.img-box {
max-height: none;
aspect-ratio: 1/1;
height: auto;
}
.filter-sec .slid-box .accordion-item {
padding: 10px 0;}
.inner-banner .container h1 {font-size: 38px;line-height: 44.11px;}
.accordion-sec .accordion-button {
font-size: 18px;
}
.accordion-sec .accordion-button::after {
background-size: 18px;
width: 18px;
height: 18px;
}
.img-sec img {
max-height: 280px;
}
.table-sec .heading h3 {
font-size: 24px;
line-height: 26px;}
.faculty-sec .owl-nav{display: none;}
.banner-content h1{margin-left: 0;}
.menu-card .img-box {
max-height: none;
min-height: auto;
aspect-ratio: 1 / 1;
height: auto;
}
.hero-banner .banner-content .text .inner-btn{margin-top: 7px;}
.food-img-sec #img-slider .owl-next,.food-img-sec #img-slider .owl-prev,
#brand-slider .owl-prev,#brand-slider .owl-next,
#img-new-slider .owl-next, #img-new-slider .owl-prev{display: none;}
#brand-slider .owl-dots,
.food-img-sec #img-slider .owl-dots,#img-new-slider  .owl-dots{display: flex;}
ul li .img-box i{
font-size: 10px;
}
.cafe-sec .mobile-heading {
margin-bottom: 20px;
}
.cafe-sec .video #playButton {
width: 64px;
height: 64px;
font-size: 37px;
}
.discover-sec .tab-content .row{
flex-direction: column-reverse;
}
.menu-card .text h5 {
-webkit-line-clamp: 1;
}
.nav-main-tabs {
margin-bottom: 0px;
}
#myTabContent {
margin: 10px 0;
}
.discover-sec .inner-btn {
margin-bottom: 0px;
}
.modal-header .close-modal{right:14px;}
.modal-body p{max-height:300px;overflow:scroll;}
.form-sec .form-box .form-img {
display: none;
}
.map-sec iframe {
height: 255px;
}
.table-sec .row-gap-3 {
row-gap: 0.5rem !important;
}
.discover-sec .nav-tabs .nav-link {
text-align: center;
}
.experiences-sec .text {
margin-bottom: 10px;
}
}
@media(max-width:544px){
.discover-sec .nav.nav-tabs li.nav-item {max-width: 180px;justify-content: center;}
.discover-sec .nav.nav-tabs {justify-content: center;}
.btn-secondary {padding: 13px 16px 15px;font-size: 11px;}
.experiences-sec .text p {font-size: 12px;line-height: 26px;}
h2 ,.woocommerce-Tabs-panel h4{font-size: 21px;}
.experience-box {max-height: 260px;}
.product-card .text {padding: 16px 10px;}
.product-card .inner-box .btn-secondary {padding: 7px 39px;font-size: 12px !important;}
.form-sec form input[type="submit"] {margin-top: 4px;font-size: 12px;padding: 12px 0;}
.menu-footer a {font-size: 14px;}
footer .contact_us ul li span,footer .contact_us ul li a {font-size: 14px;}
#testimonials-slider .item { padding: 23px;}
.login-form .form-check .form-check-label {font-size: 15px;}
ul.breadcrumbs {gap: 10px;}
.progress-card .text-box h4 {  font-size: 21px;}
.accordion-sec .accordion-flush .accordion-item .accordion-body .order-lg-last img {
display: block;
margin: auto;
height: auto;
max-height: none;
width: 100%;
}
.hero-banner .banner-logo {max-width: 40px;}
.product-card .inner-box .btn-secondary {
padding: 7px 28px;}
.menu-card .text {
min-height: auto;
}
}@media(max-width:450px){
.inner-banner .tab-content .order-table thead tr th {font-size: 15px;}
.inner-banner .tab-content .order-table td {font-size: 12px; line-height: 1.7;}
.inner-banner .tab-content .table td .btn-primary {padding: 8px 18px;font-size: 12px;}
#overview-faq .accordion-button {font-size: 20px;}
.video-banner .text h1 {  font-size: 34px;}
.product-card .inner-box .price {
font-size: 12px;
line-height: 20px;
}
.product-card .inner-box .btn-secondary {
padding: 3px 19px;
font-size: 10px !important;
}
p,li,.btn{
font-size: 14px !important;
line-height: 23px !important;
}
}
@media(max-width:425px){
footer .contact_us ul li span {font-size: 13px;margin-right: 5px;}
footer .contact_us ul li a,  footer .copy-right a,  footer .copy-right p{font-size: 14px;}
.product-card .text h3 {font-size: 17px;line-height: normal;}
h1 {line-height: 24px;}
.btn-secondary {
padding: 10px 20px 10px 23px;
font-size: 11px !important;
}
.menu-card .img-box .play-btn {width: 40px;height: 40px;}
.menu-card .img-box .play-btn img{width: 12px;}
.discover-sec .nav.nav-tabs li.nav-item { max-width: 153px;}
.discover-sec .nav-tabs .nav-link {font-size: 12px;}
.overview-banner .text h1 {font-size: 26px;line-height: 34.65px;margin-bottom: 9px;}
.login-form .accordion-button {font-size: 17px;}
.banner { min-height: 220px;}
.second-sec .content-box img {margin-top: 4px;}
.second-sec .col-lg-6:first-child .img-box, .second-sec .col-lg-6:last-child .img-box, .third-sec .img-box,    .program-sec img , .forth-sec .img-box, .fifth-sec .row img {max-height: 280px;}
.forth-sec .content-box span {font-size: 18px;margin-bottom: 9px;}
.faculty-sec .col-lg-7 p{font-size: 14px;line-height: 26px;}
.faculty-sec .box .content {padding: 10px ;}
.program-sec ul li h3 {font-size: 14px;}
.program-sec ul li + li {margin-top: 10px;}
.program-sec ul li p {font-size: 13px;line-height: 23px;}
.program-sec ul {border-left: none;padding-left: 0;}
.program-sec ul li::before {display: none;}
.inner-banner .tab-content .order-table {overflow: auto;}
.complete-sec .overview-btns {gap: 0;justify-content: space-between;flex-wrap: wrap;}
.complete-sec .overview-btns .btn-primary{font-size: 14px;padding: 10px 20px;}
.product-details .price_box span:last-child {font-size: 24px;}
.product-details .price_box span:last-child::before {
width: 49%;
}
.product-details .price_box {
max-width: 260px;
}
.input-group i {
width: 35px;
height: 35px;}
.input-group {    width: 189px;}
.experiences-sec .text p {
font-size: 12px;
line-height: 20px;
}
}
@media(max-width:375px){
h5 {font-size: 13px;}
}