/**********common css starts********/
html{margin:0;padding:0;overflow-x:hidden;}
body{background-color:var(--white);font-family:'Kanit', sans-serif;font-size:18px;line-height:1.8;color:var(--black);padding:0;margin:0;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;}
body,input,textarea{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;vertical-align:top;padding: 0;margin: 0;}
*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
::selection{background-color:var(--black);color:var(--white);text-shadow:none}
::-moz-selection{background-color:var(--black);color:var(--white);text-shadow:none}
::-webkit-selection{background-color:var(--black);color:var(--white);text-shadow:none}
*,:active,:focus,a:hover,a:link,a:visited{text-decoration:none;outline:0;outline-offset:0}
*,a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}
[role=button],a,button,input[type=button],input[type=reset],input[type=submit]{cursor:pointer}
.btn,button{text-decoration:none;border:0}
h1,h2,h3,h4,h5,h6{display:block;line-height:1.6;font-weight:700;margin:0;padding:0;text-rendering:optimizeLegibility;}
b,strong{font-weight:700}
ol,ul{padding:0;margin:0;list-style:none}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline;}
audio,video{width:100%;height:auto}
audio:not([controls]){display:none;height:0;}
[hidden], template{display:none;}
img{display:block;height:auto;max-width:100%;user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;}
img::-moz-selection,img::-webkit-selection,img::selection{background:0 0}
figure{display:block;padding:0;margin:0;overflow:visible;position:relative}
iframe{border:none}
svg:not(:root){overflow:hidden;}
hr{height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit;}
button{overflow:visible;}
button,select{text-transform:none;}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}
button[disabled],html input[disabled]{cursor:default;}
button::-moz-focus-inner, input::-moz-focus-inner{padding:0;border:0;}
input{line-height:normal;}
input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0;}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button{height:auto;}
input[type="search"]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
fieldset,legend{padding:0;border:0;}
textarea{overflow:auto;}
optgroup{font-weight:700;}
table{border-spacing:0;border-collapse:collapse;}
td,th{padding:0;}
.btn,[role="button"]{cursor:pointer;}
.text-center{text-align:center;}
@keyframes live-now{0%{-webkit-transform:scale(1);opacity:0}50%{opacity:1}to{-webkit-transform:scale(2);opacity:0}}@-webkit-keyframes live-now{0%{-webkit-transform:scale(1);opacity:0}50%{opacity:1}to{-webkit-transform:scale(2);opacity:0}}@-moz-keyframes live-now{0%{-webkit-transform:scale(1);opacity:0}50%{opacity:1}to{-webkit-transform:scale(2);opacity:0}}
svg.svg-icon{display:inline-block;width:30px;height:30px;stroke-width:0;stroke:var(--white);fill:var(--white);vertical-align:middle;}
.lazy-bg{background-repeat:no-repeat;background-position:center center;background-size:cover;}
.lazy-bg:before{content:' ';position:absolute;top:0;left:0;right:0;bottom:0;background:var(--color-8);}
/********common css ends *********/

/*********variables fonts & Colors name********/
:root {--dark:#362716;--white:#ffffff;--black:#000000;--brown:#886628;--placeholder-bg:#dadada;--gray:#999;--gray-99:#999999;--gold:#DCBE86;--border-color-dark:#979797;--border-color-light:rgba(33,35,37,.13);--ads-bg:#f7f7f7;--color-03:rgba(0,0,0, 0.03);--color-05:rgba(0,0,0, 0.05);--color-1:rgba(0,0,0, 0.1);--color-2:rgba(0,0,0, 0.2);--color-3:rgba(0,0,0, 0.3);--color-4:rgba(0,0,0, 0.4);--color-5:rgba(0,0,0, 0.5);--color-6:rgba(0,0,0, 0.6);--color-7:rgba(0,0,0, 0.7);--color-8:rgba(0,0,0, 0.8);--color-9:rgba(0,0,0, 0.9);
}
/*********variables Colors ends********/

/*********Link Color********/
a{color:var(--white);text-decoration:underline;background-color:transparent;}
a:hover, 
a:focus{color:var(--gold);text-decoration:none;outline:0;}
/*********Link Color End********/

/*********Hundred% Start********/
.hundred, section, header, footer{position:relative;width:100%;display: flex;}
/*********Hundred% End********/

/*********Button Start*********/
.btn{min-width:220px;margin:0;padding:0;color:var(--white)!important;text-decoration:none!important;font-size:1.15rem;line-height:1.6!important;text-transform:uppercase;display:flex;vertical-align:top;white-space:normal;cursor:pointer;font-style:normal;position:relative;text-align:center;background:var(--dark);height: 50px;align-items: center;justify-content: center;border-radius: 100px;font-weight: 400;border: 1px solid var(--dark);}
.btn:focus, 
.btn:hover, 
.btn:before{background:var(--gold);color:var(--dark)!important;text-decoration:none;}
.btn.secondary{background: var(--white);color: var(--blue)!important;}
.btn.secondary:hover{background: var(--gold);color: var(--white)!important;}
/********Button End*********/


.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;max-width:1150px;width:100%;}

/**********header starts********/  
header{position:relative;width:100%;float:left}
.header-menu { width: 100%; float: left; display: block; background-color: #fff; position: fixed; top: 0; left: 0; z-index: 999; box-shadow: 2px 2px 10px rgb(0 0 0 / 20%); }
.rt-sticky{position:fixed;top:0;left:0;right:0;z-index:10;display:block;}
header .ads-box{margin-bottom:15px}
.show-in-mobile{display:none}
.header_toprow{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;position:relative;min-height: 90px;}
.header_toprow .left_side{display: flex;align-items: center;flex-wrap: wrap;}
.header_toprow .right_side{display: flex;align-items: center;flex-wrap: wrap;}

.header_toprow .more_info{display: flex;align-items: center;justify-content: flex-end;color: var(--gray);margin-left: 1.5rem;}
.header_toprow .more_info a{margin-left: 1rem;}


/*.banner_container {position: relative;width: 100%;padding-top: 2rem;flex-wrap: wrap;background: linear-gradient(#F5F5F5, rgb(204 204 204 / 50%));margin-top: 5.55rem;} */
.banner_container {position: relative;width: 100%;padding-top: 2rem;flex-wrap: wrap;margin-top: 5.55rem;background: url(../img/bnr_bg.png) no-repeat center top #ccc;min-height: 684px;background-size:cover ;}
.banner_container .container{display: flex;flex-wrap: wrap;justify-content:flex-end;position: relative;align-items: center;}
.banner_container .right_side { width: 41%; display: flex; align-content: flex-start; flex-wrap: wrap; }
.banner_container .right_side p { font-size: 1rem; line-height: 1.65rem; color: var(--black); width: 100%; font-weight: 300;margin-bottom: 1rem; }
.banner_container .img_side { width: 85%; justify-content: flex-end; display: flex; flex-wrap: wrap; position: absolute; bottom: 0; left: -14%; }
.btn_sec{width: 100%;display: flex;justify-content: space-between;margin-top: 1rem;}

.eventdate_container{flex-wrap: wrap;margin: 2rem 0;}

.events_date_tab{width: 100%;display: flex;}
.events_date_tab ul{width: 100%;display: flex;}
.events_date_tab ul li {display: flex;height: 50px;background:#E7E7E7;min-width: 140px;}
.events_date_tab ul li a{display: flex;align-items: center;justify-content: center;font-size: 1rem;width: 100%;height: 100%;}
.events_date_tab ul li.current a{background: var(--gold);color: var(--white);}
.events_date_tab ul li.old a{color: rgb(33 35 37 / 41%)}

.event_details_container, .body_container{flex-wrap: wrap;}
.event_details_row{width: 100%;display: flex;align-items: flex-start;justify-content: space-between;margin-top: 2rem;}
.event_details_row .date_time_sec{width: 10%;display: flex;align-items: flex-start;flex-wrap: wrap;}
.event_details_row .date_time_sec p{font-size: 1rem;line-height: 1.5rem;}
.event_details_row .date_time_sec span{font-size: .9rem;line-height: 1.25rem;background: var(--black-other);color: var(--white);border-radius: .35rem;display: flex;align-items: center;justify-content: center;height: 31px;padding: 0 .5rem;font-weight: 500;}

.event_details_row .event_details{width: 88%;display: flex;align-items: flex-start;border-radius:.85rem;box-shadow:0 0px 6px rgb(0 0 0 / 30%);flex-wrap: wrap;padding: 2rem;}
.event_details_row .event_details strong{width: 100%;display: flex;font-size: 1rem;line-height: 1.35rem; font-weight: bold;color:var(--black-other)}
.event_details_row .event_details h3{width: 100%;display: flex;font-size: 1rem;line-height: 1.5rem; font-weight: bold;color:var(--black-other);margin: .25rem 0;}
.event_details_row .event_details p{width: 100%;display: flex;font-size: 1rem;line-height: 1.5rem; color: var(--gray);margin: 0 0 1rem 0;}
.event_details_row .event_details ul{width: 100%;display: flex;justify-content: space-between;gap: 15px;}
.event_details_row .event_details ul li{width: 32%;display: flex;align-items: flex-start;}
.event_details_row .event_details ul li .img_sec{display: flex;margin-right: .75rem;width: 25%;}
.event_details_row .event_details ul li .description{width:65%;display: flex;flex-wrap: wrap;}
.event_details_row .event_details ul li .description p{flex-wrap: wrap;font-size: .8rem;line-height: 1rem;margin-bottom: .5rem;}
.event_details_row .event_details ul li .description p strong{font-size: .82rem;line-height: 1.1rem;}
.event_details_row .event_details ul li .description p:last-child{margin-bottom: 0;}

/*********logo-wrap starts********/
.primary-wrap {width:auto}
main h1{width: 100%;font-size:3rem;line-height: 3.35rem;color:var(--brown);font-weight: normal;margin-bottom:1rem;font-family: 'Antic Didone'}
main h2{text-align: center;font-size: 2.5rem;line-height: 3rem;color:var(--brown);text-transform: none;font-weight: 300;width: 100%;display: inline-block;position: relative;justify-content: center;margin-bottom: 1rem;flex-wrap: wrap;}
main h2 span{font-family: 'Antic Didone'}
main h2.bg{background: url('../img/heading_bg.png') no-repeat 0 0;height: 85px;color: var(--white);line-height: 85px;}

    
.toothclub_container{padding: 3rem 0 4rem;background: url(../img/plant_bg.png) no-repeat left bottom rgb(220 190 134 / 21%); box-shadow: 2px 2px 15px rgb(0 0 0 / 30%);}
.toothclub_container p{width: 70%;margin: 0 auto;font-size: 1rem;line-height: 1.5rem;color: var(--black);text-align: center;font-weight: 300;}
.toothclub_container .point_cont{width: 100%;display: flex;justify-content: space-between;gap: 20px;margin:3.5rem 0 0}
.toothclub_container .point_cont li{width: 31.5%;display: flex;justify-content: center;flex-wrap: wrap;align-content: flex-start;border-right: 3px solid var(--brown);padding-right: 2rem;}
.toothclub_container .point_cont li:last-child{border: none;padding-right: 0;}
.toothclub_container .point_cont li h3{width: 100%;display: flex;font-size: 1.70rem;line-height: 2.25rem; font-weight: normal;color:var(--black);justify-content: center;text-align: center;margin: 1.5rem 0 1rem;}
.toothclub_container .point_cont li p{width: 100%;display: flex;font-size: 1rem;line-height: 1.45rem; color: var(--black);justify-content: center;text-align: center;}
.toothclub_container .point_cont li .number{display: flex;justify-content: center;align-items: center;margin: 0 auto;}
.toothclub_container .point_cont li .description{width: 100%;display: flex;flex-wrap: wrap;}

.workshop_cont ul.packages_details{display: flex;margin: 2rem .75rem 4rem!important;}
.workshop_cont ul.packages_details li{width: 23%;display: flex;flex-wrap: wrap;align-content: flex-start;}
.workshop_cont ul.packages_details li .box{width: 100%;display: flex;flex-wrap: wrap;background: #fff}
.workshop_cont ul.packages_details li .box .image_sec{width: 100%;display: flex;position: relative;height: 405px;}
.workshop_cont ul.packages_details li .box .image_sec img{position: absolute;top:0;left:0;right:0;bottom: 0;width: 100%;height: 100%;border-radius: 100px;object-fit: cover;box-shadow: 0 4px 14px rgb(0 0 0 / 30%);}
.workshop_cont ul.packages_details li .box .description { width: 100%; display: flex; flex-wrap: wrap; background: linear-gradient(#362716, #DCBE86); border-radius: 0 0 50px 50px; padding: 7rem 2rem 2rem; margin: -6rem auto 0; min-height: 27rem; align-items: flex-start; align-content: space-between; }
.workshop_cont ul.packages_details li h3{width: 100%;display: inline-flex;font-size: 3rem;line-height: 3.15rem;font-weight: 300;color: var(--white);text-align: center;margin: 1rem auto .75rem;flex-wrap: wrap;justify-content: center;font-family: 'Antic Didone'}
.workshop_cont ul.packages_details li h3 span{font-size: 2.15rem;width: 100%;line-height: 2.25rem;}
.workshop_cont ul.packages_details li .price{width: 100%;display: inline-flex;font-size: 1.75rem;line-height: 2.05rem;font-weight: 300;color: var(--white);text-align: center;margin: 0 auto;flex-wrap: wrap;justify-content: center;}
.workshop_cont ul.packages_details li .price strong{font-size: 2.25rem;width: 100%;font-weight: 600;line-height: 2.65rem;}
.workshop_cont ul.packages_details .btn{min-width: 180px;margin: 1.5rem auto 0;}


.main_sevice_container{margin: 3.5rem 0 1rem;}
.sevice_container{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;padding: 4rem 0 4rem;align-items: center;}
.sevice_container .image_side { width: 50%; display: flex; position: relative; height: 974px; }
.sevice_container .image_side img{position: absolute;top:0;left:0;right:0;bottom: 0;width: 100%;height: 100%;border-radius: 100px;object-fit: cover;}
.sevice_container ul{width: 47%;display: flex;flex-wrap: wrap;align-content: flex-start;}
.sevice_container ul li{width: 100%;display: flex;flex-wrap: wrap;align-items: center;margin-bottom: 3.5rem;justify-content: space-between;position: relative;}
.sevice_container ul li .icons{width: 148px;display: flex;flex-wrap: wrap;margin-top: .75rem;height:148px;align-items: center;justify-content: center;font-family: 'Antic Didone';font-size: 3rem;color: var(--gold);background: var(--dark);border-radius: 100%;font-weight: 400;}
.sevice_container ul li .description{width: 66%;display: flex;flex-wrap: wrap;}
.sevice_container ul li .description h3{width: 100%;display: inline-flex;font-size: 2.5rem;line-height: 2.75rem;font-weight: 400;color: var(--brown);margin: 1rem auto .75rem;flex-wrap: wrap;font-family: 'Antic Didone'}
.sevice_container ul li .description p{font-size:1rem;line-height: 1.5rem;color: var(--black);margin-bottom: .5rem;font-weight: 300;}
.sevice_container ul li:after {content: '';border-bottom: 3px solid var(--brown);position: absolute;bottom: -32px;margin: 0 auto;width: 60%;left: 0;right: 0;}
.sevice_container ul li:last-child:after{border: none;}


.about_container{width: 100%;display: inline-flex;flex-wrap: wrap;justify-content: space-between;margin:3.5rem 0 3rem 0;align-items: center;}
.about_container .img_side { width: 50%; display: flex; position: relative; padding-top: 36%; }
.about_container .img_side img{position: absolute;top:0;left:0;right:0;bottom: 0;width: 100%;height: 100%;border-radius: 100px;object-fit: cover;}
.about_container .img_side img{border-radius: 100px;}
.about_container .about_description{width: 45%;display: flex;flex-wrap: wrap;align-content: flex-start;}
.about_container .about_description p{width: 100%;display: flex;font-size: 1rem;line-height: 1.45rem; color: var(--black);font-weight: 300;margin-bottom: .75rem;text-align: left;}
.about_container h2{text-align: left;width: 100%;color: var(--black);font-weight: 300;line-height: 2.5rem;}
.about_container h2 span{margin-bottom: .5rem;}

.testimonials_container{background:#fff;padding-bottom: 4rem;}
.testimonials_container ul.testimonial_details{width: 100%;display: flex;margin:3rem 0 2rem!important}
.testimonials_container ul.testimonial_details li{width: 100%;display: flex;flex-wrap: wrap;align-content: flex-start;background: #fff;border: 1px solid var(--brown);padding:3.5rem!important;align-items: flex-start;border-radius: 100px;}

.testimonials_container .image { width: 20%; position: relative;margin-right: 3.5rem;padding-top: 23%; }
.testimonials_container .image img{position: absolute;top:0;left:0;right:0;bottom: 0;width: 100%;height: 100%;border-radius: 100px;object-fit: cover;}
.testimonials_container .right_description{width: 70%;display:flex;flex-wrap: wrap;}
.testimonials_container .right_description p { width: 95%; display: flex; font-size: 1.15rem; line-height: 1.65rem; color: var(--black);margin:1rem 0 .5rem;font-weight: 300; }
.testimonials_container .right_description h3{width: 100%;display:flex;font-size: 1.95rem;line-height: 2.15rem; color: var(--dark);font-weight: 300;margin: 1.5rem 0 0 0;}
.testimonials_container .right_quotes{width: 100%;display:flex;justify-content: flex-end;}
.testimonials_container .btn_sec{justify-content: center;gap:20px}

.toothclub_container .about_container .img_side {padding-top: 65%;}
.toothclub_container .about_container .right_description{width:95%;display:flex;flex-wrap: wrap;margin-top: 1.5rem;}
.toothclub_container .about_container .right_description h3{width: 100%;display:flex;font-size: 3rem;line-height: 3.85rem; color: var(--brown);font-weight: 300;margin: .5rem 0 0 0;text-align: center;}
.toothclub_container .about_container .right_quotes{width: 100%;display:flex;justify-content: flex-end;}
.toothclub_container .about_container .btn_sec{justify-content: center;margin-top:30px}
.toothclub_container.other .about_container{margin-bottom: 0;}
.toothclub_container.other{background: url(../img/plant_bg_white.png) no-repeat left bottom rgb(220 190 134 / 21%);}

.bottom_details_sec{padding: 4.5rem 0 1rem;}

#future-splide {width: 86%;margin: 2.5rem auto 4rem }
#future-splide .lazy-image {position: relative;width: 100%;padding-top: 56.25%;overflow: hidden;z-index: 2;line-height: 1.3;font-size: 11px;color: var(--black);}
#future-splide .lazy-image img {position: absolute;left: 0;top: 0;right: 0;bottom: 0;object-position: center;width: 100%;height: 100%;border: 0;border-radius: 100px;}
#future-splide .splide__pagination {bottom: -2.5em;}
#future-splide .splide__pagination__page {background: transparent;height: 22px;width: 22px;border: 1px solid #000;}
#future-splide .splide__pagination__page.is-active{background: var(--dark);}
#future-splide .splide__arrow{background: none;width: 50px;height: 50px;}
#future-splide .splide__arrow:before {border-color: #C1A16D;width: 50px;height: 50px;border-width: 0 3px 3px 0;}
#future-splide .splide__arrow--next {right: -3rem;}
#future-splide .splide__arrow--prev {left: -3rem;}

.contact_service_container{padding:3rem 0;box-shadow: 2px 2px 15px rgb(0 0 0 / 30%);background: url(../img/plant_bg_white.png) no-repeat center top #fff}
.contact_service_container .top_txt {width: 70%;margin: 0 auto;font-size: 1.15rem;line-height: 1.5rem;color: var(--black);text-align: center;font-weight: 400;}

.form_container {width: 70%;display: flex;flex-wrap: wrap;margin:2.5rem auto 4rem}
.form_container .form_row{width: 100%;display: flex;flex-wrap: wrap;margin-top: 2.5rem;justify-content: space-between;}
.form_container .form_row .form_col{width: 49%; /* display: flex;*/ flex-wrap: wrap;position: relative;}
.form_container .form_row.full .form_col{width: 100%;}
.form_container .form_row .form_col .input{width: 100%;display: flex;font-size: .8rem;line-height: 1.15rem; color:var(--brown);border: 1px solid #362716;height: 48px;padding:0 1.5rem;align-items: center;border-radius: 100px;font-family:'Kanit';font-weight: 400;text-transform: uppercase;}
.form_container .form_row.btn_sec{justify-content: center;align-items: center;}
.form_container .form_row.btn_sec .btn{padding: 0 2rem;}
.form_container .form_row.btn_sec ul{width: 80%;margin: 0 auto; display: flex;flex-wrap: wrap;justify-content: space-between;}
.form_container .form_row.btn_sec ul li{width: 48%;display: flex;flex-wrap: wrap;align-items: center;margin:1rem 0;font-weight: 300;font-size: 1rem;}
.form_container .form_row.btn_sec ul li span { margin-right: 1rem; width: 15%; display: flex; justify-content: center; }
.form_container .form_row.btn_sec ul li a{color: var(--black);font-size: 1rem;font-weight: 300;}
.form_container .form_row.btn_sec ul li a:hover{color: var(--brown);}

.service_container{width: 100%;display: flex;justify-content: space-between;gap: 20px;margin:3.5rem 0 0}
.service_container li{width: 31.5%;display: flex;justify-content: center;flex-wrap: wrap;align-content: flex-start;}
.service_container li h3{width: 100%;display: flex;font-size: 1.9rem;line-height: 2.25rem; font-weight: 400;color:var(--dark);justify-content: center;text-align: center;margin: 1.5rem 0 1rem;}
.service_container li p{width: 80%;display: flex;font-size: 1rem;line-height: 1.45rem; color: var(--black);justify-content: center;text-align: center;margin: 0 auto .75rem;font-weight: 300;}
.service_container li .number{display: flex;justify-content: center;align-items: center;margin: 0 auto;}
.service_container li .description{width: 100%;display: flex;flex-wrap: wrap;}

.service_container li .image_sec {width: 100%;display: flex;position: relative;height: 445px;}
.service_container li .image_sec img {position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;border-radius: 100px;object-fit: cover;}



footer{background: var(--brown);padding:3rem 0 0;flex-wrap: wrap;}
.footer_top_row{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: start;}
.footer_top_row .left_side{width: 60%;display: flex;flex-wrap: wrap;align-items: center;margin-top: 2rem}
.footer_top_row .left_side .footer_logo{margin-right: 2.1rem;}
.footer_top_row .left_side p{width: 60%;color: #fff;font-size: .9rem;text-align: left;font-weight: 300;line-height: 1.5rem;}


.footer_social_section{width: 100%;display: flex;flex-wrap: wrap;margin-top:4rem;align-items: center;justify-content: space-between;}
.footer_social_section .more_info{display: flex;}
.footer_social_section .more_info a{margin-right: 1.5rem;}

.footer_social_section .contact_info{width: 75%;display: flex;flex-wrap: wrap;}
.footer_social_section .contact_info p{width: 100%;color:var(--white);font-size: 1rem;text-align: left;font-weight: 300;line-height: 1.5rem;margin-bottom: .5rem;}
.footer_social_section .time_phone{width:100%;display: flex;flex-wrap: wrap;}
.footer_social_section .time_phone span {display: flex;align-items: center;color: var(--white);font-size: 1rem;margin-right: 2rem;font-weight: 300}
.footer_social_section .time_phone span img {margin-right: .75rem;}

.footer_top_row .map_side{box-shadow: 2px 2px 15px rgb(0 0 0 / 30%);display: flex;flex-wrap: wrap;width: 35%;}


.copyright{background: var(--dark);padding:1rem 0;text-align: center; font-size: .85rem; color: var(--white); line-height: 1.05rem;justify-content: center;width: 100%;margin-top:3rem;display: inline-flex;font-weight: 300;}

/*********Popup Starts********/
.popup_modal_bg { z-index: 3000; width: 100%; height: 100%; background: rgb(0 0 0 / 75%); display: flex; position: fixed; top: 0%; bottom: 0%; left: 0%; right: 0%; }
.popup_details_container { width: 94%; background: #fff; flex-direction: column; justify-content: flex-start; align-self: center; align-items: stretch; margin-left: auto; margin-right: auto; 
display: flex;  position: relative;max-width: 1300px;}
.popup_close { z-index: 1; cursor: pointer; position: absolute; top: 1.5rem; right:1.5rem  }

.popup_details_container .photo_details{width: 100%;display: flex;flex-wrap: wrap}
.popup_details_container .photo_details .top_logo_row{width: 100%;display: flex;flex-wrap: wrap;background: var(--black);justify-content: center;}
.popup_logo{margin: 0 auto 2rem }
.popup_modal_bg .form_container{margin-top: 0;margin-bottom:1rem;width: 80%;}

.contact_service_container.thanks{min-height: 75vh;align-items: center;}
.contact_service_container.thanks h1{font-size: 8rem;line-height: 10rem;text-align: center;font-weight: 400;}
.contact_service_container.thanks .popup_logo{margin-bottom: 1rem;}

.popup_details_container .contact_service_container{background-position-y: bottom;}




.primary-nav{padding:0 ;margin:0;}
.primary-nav ul, 
.primary-nav ul li, 
.primary-nav ul li a, 
.primary-nav #menu-button{margin:0;padding:0;border:0;list-style:none;display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.primary-nav #menu-button, 
.primary-nav ul li:before{display:none;}
.primary-nav ul{position:static;text-align:center;display:flex;justify-content:flex-start;flex-wrap:wrap;align-items: center;}
.primary-nav ul > li{float:none;margin:0;padding:0;overflow:visible;position:relative;display:inline-block}
.primary-nav ul > li + li{margin-left:1.75rem;color:var(--white)}
.primary-nav ul > li > a{display:inline-flex;padding:15px 0;margin:0;font-weight:normal;font-size:1rem;line-height:1.4rem;color:var(--dark);text-decoration:none;text-transform:none;align-items: center;}
/* .primary-nav ul > li > a:before{position:absolute;content:"";height:3px;background:var(--blue);right:0;margin:0 auto;bottom:0;width:100%;transition:.5s;transform:scaleX(0);transform-origin:top right} */
.primary-nav ul > li:hover a,
.primary-nav ul > li a:hover{color:var(--brown);}
.primary-nav ul > li:hover > ul li a{color:var(--black);}
.primary-nav ul > li:hover > ul li a:hover{color:var(--white);}
.primary-nav ul > li:hover > a:before{transform-origin:top right;transform:scaleX(1)}
.primary-nav ul > li.vote-now:after{content:"Vote Now";right:2px;top:2px;color:#fff;font-size:9px;line-height:1.4;padding:0 5px;position:absolute;border-radius:10px;background-color:#ff1500;display:inline-block;z-index:5}
.primary-nav ul > li > a.btn{justify-content: center;padding: 9px 15px;}
.primary-nav ul > li:hover a.btn, .primary-nav ul > li a.btn:hover{background: var(--white);}
.primary-nav ul > li:focus a.btn, .primary-nav ul > li a.btn:focus{background: var(--white);}
.primary-nav i{margin-left: .35rem;position: relative;top:-2px;border-width: 0 2px 2px 0;}
.primary-nav ul > li a:hover i{border-color: #000;}
/********sub nav menu********/
.nav > li > a:focus, 
.nav > li > a:hover{background-color:transparent}
.primary-nav ul ul ul:before,
.primary-nav ul ul ul:after{display:none}
.primary-nav > ul.nav > li > ul{top:100%;}
.primary-nav ul ul ul{left:100%;}
.primary-nav ul ul > li:hover > ul{left:98%;top:0;}

@media only screen and (min-width:1024px){
.primary-nav ul li ul{-moz-transition:all 0.3s linear 0s!important;-webkit-transition:all 0.3s linear 0s!important;-ms-transition:all 0.3s linear 0s!important;transition:all 0.3s linear 0s!important;}
}
.primary-nav ul ul li{float:left;width:100%;padding:0;margin:0;vertical-align:top;overflow:visible;}
.primary-nav ul ul li + li{border-top:1px dashed var(--color-1)}
.primary-nav ul ul li:last-child{border-bottom:none}
.primary-nav ul ul li a{width:auto;white-space:normal;text-transform:capitalize;text-transform:none;font-size:.9rem!important;color:var(--black);padding:6px 10px;text-decoration:none;transition:none;-moz-transition:none;-webkit-transition:none;-ms-transition:none;-o-transition:none;font-weight:bold;display:block}
.primary-nav ul ul li.has-sub a{padding-right:35px}
.primary-nav ul ul ul li a{text-transform:none!important;}
.primary-nav ul li.current-menu-item > a, 
.primary-nav ul li.current-menu-ancestor > a,
.primary-nav ul ul li:hover > a, 
.primary-nav ul ul li > a:hover, 
.primary-nav ul ul li.current-menu-item > a, 
.primary-nav ul ul li.current-menu-ancestor > a{color:var(--black)!important;background-color:#D9D9D9}
.mobile-nav{display:none}

.primary-nav ul > li > ul{position:absolute;top:100%;left:0;width:200px;margin:0;padding:10px 0;background-color:var(--white);text-align:left;padding:0;border-radius:0 0 4px 4px;visibility:hidden;transition:all 0.4s cubic-bezier(.3,.02,0,.6);opacity:0;z-index:100;transform:scaleY(0);transform-origin:0 0 0;box-shadow:rgba(0, 0, 0, 0.07) 0px 1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.07) 0px 8px 8px, rgba(0, 0, 0, 0.07) 0px 16px 16px;}
.primary-nav ul > li:hover > ul{top:100%;opacity:1;visibility:visible;transition:all 0.4s ease;transform:scaleY(1)}
.primary-nav ul > li > ul li ul{left:225px;top:0;width:225px}
.primary-nav ul > li:hover > ul li ul{top:0}
.primary-nav ul > li ul li{display:block;border-bottom:none;border-left:none}
.primary-nav ul > li ul li:hover{background:var(--white)}
.primary-nav ul > li ul li:last-child{border-bottom:none}
.primary-nav ul > li > ul > li > a:before{display:none}
/************sub menu ends************/
.side_option{position: fixed;top:50%;right:0;cursor: pointer;z-index: 99;}


@media (max-width:1130px){
.banner_container .right_side{width: 43%;}

}
@media (max-width:1080px){
.banner_container .right_side{width: 47%;}
.footer_social_section .contact_info{width: 73%;}
.sevice_container ul li .icons{width: 128px;height: 128px;}
}



@media (max-width:1023px){

.banner_container{min-height: 550px;}
.banner_container .img_side{width: 100%;}
.banner_container .right_side{position: relative;z-index: 1;width: 52%;}
.btn {min-width: 185px;}

#packages .splide__pagination__page, #testimonials .splide__pagination__page {background: transparent;height: 22px;width: 22px;border: 1px solid #000;}
#packages .splide__pagination__page.is-active, #testimonials .splide__pagination__page.is-active{background: var(--dark);}

.main_sevice_container{padding-bottom: 3rem;}

.sevice_container{padding: 2rem 0;}
.sevice_container .image_side {height: 454px;margin: 0 auto 2rem;}
.sevice_container ul{width: 100%;}
.sevice_container ul li .icons{margin: 0 auto }
.sevice_container ul li .description{width: 100%;}
.sevice_container ul li .description h3{justify-content: center;text-align: center;}
.sevice_container ul li .description p{justify-content: center;text-align: center;width: 80%;margin: 0 auto .5rem;}
.sevice_container ul li:last-child{margin-bottom: 0;}

.testimonials_container .image {width: 23%;margin-right: 2rem;padding-top: 31%;}
.testimonials_container ul.testimonial_details{margin-bottom: 3rem!important;}
.testimonials_container .btn_sec {margin-top: 3rem;}

.toothclub_container .about_container .right_description h3{font-size: 2rem;line-height: 2.85rem;}
.about_container h2 {line-height: 2.15rem;font-size: 2rem;margin-bottom: .5rem;}
.toothclub_container .about_container .right_description{margin-top: .5rem;}
.toothclub_container.other .about_container{align-items: start;}
.form_container{width:88%}
.service_container li .image_sec{height: 285px;max-width: 350px;}
.footer_social_section .contact_info {width: 62%;}

.sidebarBtn,
.sidebarBtn .bar{display:block;transition:.31s}
.sidebarBtn{cursor:pointer}
.sidebarBtn .bar{background:var(--brown);height:3px;width:20px;margin-bottom:4px}

.sidebarBtn .bar:last-child{margin-bottom:0}
.sidebar_active .sidebarBtn .bar:nth-child(2){opacity:0}
.sidebar_active .sidebarBtn .bar:first-child{transform:rotate(45deg) translate(5px,5px)}
.sidebar_active .sidebarBtn .bar:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}
.show-in-mobile{display:flex;align-items: center;}
button.side-menu-trigger .menu-text{font-size:15px;font-weight:700;text-transform:uppercase;margin-left:10px;color:#292929;transition:all 0.3s ease;position:relative;top:1px;display:none}
button.side-menu-trigger{border:none;background-color:transparent;box-shadow:none;cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;align-items:center;padding:0;border-radius:0;justify-content:center;width:30px;height:40px;margin-left: 1rem;}    
#push_sidebar{right:-100%;z-index:150;top:0!important;bottom:0;position:fixed;width:100%;margin:0!important;padding:0;transition:all 0.2s linear 0s;-moz-transition:all 0.2s linear 0s;-webkit-transition:all 0.2s linear 0s;-ms-transition:all 0.2s linear 0s;-o-transition:all 0.2s linear 0s;background:#C1A16D;box-shadow:3px 3px 5px 0px var(--color-3);overflow:hidden;}
.sidebar_active .logo-wrap:before{background-color:var(--color-4);content:'';position:fixed;left:0;top:0;bottom:0;right:0;z-index:105}
.sidebar_active{overflow:hidden;margin-right:0px;margin-left:0px}
.sidebar_active #push_sidebar{right:0;z-index:555;}
.primary-nav ul > li > a.btn{text-align: left;padding: 9px 20px;}
.primary-nav ul > li:hover a.btn, .primary-nav ul > li a.btn:hover {color: var(--red)!important;background: #D9D9D9;}
.sidemenu .container,
.side-nav-wrp{height:100vh;transition:all ease 0.8s;overflow-y:auto;-ms-overflow-style:none;-moz-scrollbar-width:none;float:left;position:relative;width:100%;box-sizing:border-box;max-height:inherit;max-width:inherit;padding:0;margin:0}
.sidenav .primary-nav { padding: 1rem; width: 74%; margin: 0 auto; }
.sidenav ul{display:block}
.sidenav ul li{display:block;position:relative;list-style:none;border-bottom:1px solid #DCBE86;transition:all ease 0.31s;text-align:left}
.sidenav ul li + li{margin:0;}
.sidenav ul li:last-child{border-bottom:none}
.sidenav ul li a {position: relative;display: block;font-size: 1.15rem;line-height: 1.8rem;color: #fff!important;border: none;padding: 15px 0 15px 0;font-weight: 400;transition: all 140ms ease-in-out;
text-align: center;}
.sidenav ul li a:before{display:none}
.sidenav ul li a:hover{color:var(--white)!important;background-color:var(--blue)}
.sidenav ul > li:hover > ul,  
.sidenav ul > li > ul{padding:0;position:static!important;overflow:hidden;width:100%;opacity:1;box-shadow:none;visibility:visible;transform:inherit!important;transform-origin:inherit!important;transition:inherit!important;border-radius:0;}
.sidenav ul ul{display:none}
.sidenav ul ul li{border-top:1px solid var(--color-05)!important;}
.sidenav ul li ul li>a{font-size:13px;padding-left:40px;color:var(--black)}
.sidenav ul li ul li>a:before{content:'';position:absolute;left:20px;top:20px;width:4px;height:4px;background-color:var(--gold)!important;border:0;opacity:1;right:auto;-webkit-transform:rotate(45deg) translate(0, -50%);-ms-transform:rotate(45deg) translate(0, -50%);transform:rotate(45deg) translate(0, -50%);display:inline-block!important;transition:inherit !important;}
.sidenav ul li ul li:hover > a:before {transform-origin:inherit!important;transform:inherit!important;-webkit-transform:rotate(45deg) translate(0, -50%)!important;-ms-transform:rotate(45deg) translate(0, -50%)!important;transform:rotate(45deg) translate(0, -50%)!important;}
.sidenav .submenu-button{background-color:#f7f7f7;position:absolute;right:0;top:0;height:48.8px;width:40px;display:inline-flex;align-items:center;justify-content:center;z-index:100;cursor:pointer;}
.sidenav .submenu-button:before,
.sidenav .submenu-button:after{content:'';height:1px;width:9px;display:block;background:var(--black);position:absolute;top:23px;left:16px;}
.sidenav .submenu-button:after{height:9px;width:1px;top:19px;left:20px;}
.sidenav .submenu-button.submenu-opened{background-color:var(--white);}
.sidenav .submenu-button.submenu-opened:after{ display:none}
.sidenav ul > li.vote-now a:after{position:static;margin-left:10px;vertical-align:middle}
.primary-nav i{display: none;}
.sidenav .close_btn{position: absolute; top:1rem;right:1rem}
.popup_modal_bg .form_container{width: 92%;}
}



@media only screen and (max-width:767px){
.header-menu .container {padding-right: 20px;padding-left: 20px;}
.container {padding-right: 10px;padding-left: 10px;}
.header_toprow .more_info{margin-left: 0;}
.banner_container .container{align-items: flex-start}
.banner_container .right_side {position: relative;z-index: 1;width: 100%;}
.banner_container {min-height: 720px;}
.banner_container .img_side{width: 650px;left:-30%;}
.banner_container .right_side p {width: 90%;margin: 0 auto;}
.btn_sec {flex-wrap: wrap;gap: 30px;justify-content: center;margin-top: 18rem;}
.btn {min-width: 220px;}
main h1, .banner_container .right_side p { text-align: center; }
main h2 { font-size: 2rem; line-height: 2.5rem; }
main h2.bg {background: url(../img/heading_bg_mob.png) no-repeat center center}
.toothclub_container p{width: 90%;}
.toothclub_container .point_cont{margin-top: 2.5rem;flex-wrap: wrap;}
.toothclub_container .point_cont li { width: 100%; display: flex; justify-content: center; flex-wrap: wrap; align-content: flex-start; border-right: none; padding-right: 0;border-bottom: 3px solid var(--brown);padding-bottom: 2rem;margin-bottom: 1rem; }
.toothclub_container .point_cont li h3{color: var(--brown);}
.toothclub_container .point_cont li p{width: 86%;color: var(--brown);}
.toothclub_container {padding: 3rem 0 3rem;background: url(../img/plant_bg.png) no-repeat center center rgb(220 190 134 / 21%);}
.toothclub_container .point_cont li:last-child{padding-bottom: 0;margin-bottom: 0;}
.main_sevice_container{margin-top: 2.5rem;padding-bottom: 1.5rem;}

#packages .splide__arrow{width: 60px;height: 60px;border-radius: 50px;background:var(--dark)}
#packages .splide__arrow:hover {background: var(--gold);}
#packages .splide__arrow:before{width: 13px;height: 13px;}
#packages .splide__arrow--prev {left: -.5rem;}
#packages .splide__arrow--next {right: -.5rem;}
.workshop_cont ul.packages_details{margin:1rem .75rem 0!important;}
.workshop_cont ul.packages_details li .box .image_sec{height: 425px;}

.sevice_container .image_side{width: 94%;max-width: 350px;}
.sevice_container ul li .icons {width: 108px;height: 108px;}
.sevice_container ul li:after{width: 80%;bottom: -24px;}
.sevice_container ul li .description p{width: 92%;}
.sevice_container {padding: 1rem 0 2rem;}

.testimonials_container ul.testimonial_details{width: 96%;margin: 1rem auto 0!important;}
.testimonials_container ul.testimonial_details li{padding: 2rem 1rem!important;}
.testimonials_container .right_description{width: 100%;}
.testimonials_container .image {width: 56%;padding-top: 65%;margin: 0 auto;}
.testimonials_container .right_description h3{text-align: center;margin-top: 0;font-size: 1.75rem;}
.testimonials_container .right_description p {width: 100%;text-align: center;margin: .5rem 0 0;}
.testimonials_container .right_quotes {width: 92%;}
.testimonials_container .right_description img{max-width: 2rem;}
.testimonials_container{padding-bottom: 3rem;}

.toothclub_container.other {padding: 2rem 0 4rem;background-size: 135%;background-position-x: 30%;}
.toothclub_container.other .about_container{flex-wrap: wrap-reverse;margin-top: 1.5rem;}
.about_container .about_description{width: 100%;}
.toothclub_container .about_container .img_side {padding-top: 100%;margin: 0 auto 2rem auto;width: 80%;}
.toothclub_container.other .about_container h2{text-align: center;color: var(--dark);}
.toothclub_container.other .about_container .about_description p{text-align: center;}
.toothclub_container .about_container .right_description{margin: 0 auto;}
.toothclub_container .about_container .right_description h3 {font-size: 1.9rem;line-height: 2.75rem;}

.bottom_details_sec {padding: 2rem 0 0;}
.bottom_details_sec .about_container{margin: 1.5rem 0 2rem 0;}
.bottom_details_sec .about_container .img_side {width: 88%;padding-top: 74%;margin: 0 auto 2rem auto;}
.bottom_details_sec .about_container h2{text-align: center;}
.bottom_details_sec .about_container .about_description p{text-align: center;}
.toothclub_container.other p {width: 90%;font-weight: 400;font-size: 1.15rem;}

#future-splide .lazy-image{padding-top: 85%;}
#future-splide .splide__arrow:before {width: 30px;height: 30px;}
#future-splide .splide__arrow--next {right: -2.25rem;}
#future-splide .splide__arrow--prev {left: -2.25rem;}
#future-splide{margin-bottom: 0;margin-top: 2rem;}

.contact_service_container .top_txt{width: 90%;font-size: 1.15rem;}
.form_container{margin-top: 0;margin-bottom: 2rem;}
.form_container .form_row{margin-top:0}
.form_container .form_row .form_col{width: 100%;margin-top: 2rem;}
.form_container .form_row.btn_sec ul li{width: 100%;}
.form_container .form_row.btn_sec ul{width: 86%;margin:1rem 0;}

main .contact_service_container h2.bg{line-height: 2.25rem;padding-top: .35rem;}
main .contact_service_container h2.bg span{display: inline-block;width: 100%;}


.contact_service_container{padding-bottom: 1.5rem;}
.service_container{margin-top: 1.5rem;flex-wrap: wrap;gap:30px}
.service_container li{width: 100%;}
.service_container li .image_sec{height: 315px;width: 90%;}

footer{padding-top: 2.25rem;}
.footer_top_row .left_side{width: 100%;margin: 0;}
.footer_top_row .left_side p {width: 88%;text-align: center;margin: 0 auto;font-size: 1rem; }
.footer_top_row .left_side .footer_logo{margin: 0 auto 1rem;;}
.footer_social_section{margin-top: 2rem;}
.footer_social_section .more_info {display: flex;width: 100%;justify-content: center;margin: 0 0 1rem 0;}
.footer_social_section .more_info a:last-child{margin: 0;}
.footer_social_section .contact_info {width: 100%;}
.footer_social_section .contact_info p{width: 100%;margin-bottom: .25rem;}
.footer_social_section .time_phone{justify-content: center;}
.footer_social_section .time_phone span{margin: 0;width: 100%;justify-content: center;}
.footer_top_row .map_side {width: 86%;margin: 1.5rem auto 0;}
.copyright{margin-top: 2rem;}

.popup_details_container .form_container .form_row .form_col{margin-top: 1.15rem;}
.popup_details_container .form_container .form_row.btn_sec ul li{margin: .5rem 0;}
.popup_details_container .contact_service_container .top_txt{width: 96%;line-height: 1.65rem;}
.popup_details_container main h2{margin-bottom: .5rem;}
.popup_logo{margin-bottom: 1rem;}
.popup_details_container .form_container .form_row.btn_sec ul{width: 100%;}
.contact_service_container.thanks h1 {font-size: 4.15rem;line-height: 6rem;}
}