/* all style */

/* * {
  padding: 0;
  margin: 0;
  text-decoration: none;
}*/

body, p, li, a {font-family: "Roboto", sans-serif;;font-size: 16px;font-style: normal;font-weight: 400;line-height: 24px;color: #000;}

ul {margin: 0px;padding: 0;line-height: normal;}
li{list-style: none;line-height: 24px;}
a:hover{text-decoration: none;line-height: 24px;}
/*h1, h2, h3, h4, h5{font-family: "Bodoni Moda", serif; color: #000;font-weight: 600;}*/
h1, h2, h3, h4, h5{font-family: "Noto Serif", serif; color: #000;font-weight: 400;}
/* nav */
.top-header {background-color: #42547c;padding:0px;}
.add-phone ul, .work-social ul{display: flex; gap:40px;}
.add-phone li, .work-social li {color: #fff;font-size: 16px; display: flex; align-items: center;}
.add-phone li a, .work-social li a {color: #fff;font-size: 16px;}
.add-phone li span, .work-social li span{margin-left: 5px;line-height: normal;}
.work-social .social-media-top {gap: 0px;}
.work-social ul{gap:30px;justify-content: end;}
.add-phone li, .work-social li .fa {font-size: 16px;}
ul.social-media-top li:last-child{border-left:0px;}
ul.social-media-top li a {padding: 0px 5px;}
.top-header .row {align-items: center; padding-top: 12px;padding-bottom: 12px;}
/*.navbar-wrapper {padding: 15px 0px;}*/


/* Navbar css */
nav {position: relative;width: 100%;margin: 0 auto;}
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile {border: 0;list-style: none;display: block;position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; float: right;}
#cssmenu:after,#cssmenu > ul:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0}
#cssmenu #head-mobile {display: none}
#cssmenu > ul > li {float: left;padding: 20px 12px;}
#cssmenu > ul > li > a {font-size: 16px;text-decoration: none;color: #000;font-weight: normal;}
#cssmenu ul > li.active a {font-weight: bold;}
#cssmenu > ul > li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover {-webkit-transition: background .3s ease;-ms-transition: background .3s ease;transition: background .3s ease;}
#cssmenu > ul > li.has-sub > a {padding-right: 20px}
/*#cssmenu > ul > li.has-sub > a:after {position: absolute;top: 22px;right: 11px;width: 8px;height: 2px;display: block;background: #ddd;content: ''}*/
#cssmenu > ul > li.has-sub > a:before {position: absolute;top: 0px;right: 7px;display: block;content: '\f107';-webkit-transition: all .25s ease;-ms-transition: all .25s ease;transition: all .25s ease; font-family: FontAwesome;}
#cssmenu > ul > li.has-sub:hover > a:before {top: 0px;height: 0}
#cssmenu ul ul {position: absolute;left: -9999px;top: 65px;z-index: 9;}
#cssmenu ul ul li {height: 0;-webkit-transition: all .25s ease;-ms-transition: all .25s ease;background: #42547c;transition: all .25s ease}
#cssmenu ul ul li:hover {}
#cssmenu li:hover > ul {left: auto}
#cssmenu li:hover > ul > li {height: auto;}
#cssmenu ul ul ul {margin-left: 100%;top: 0}
#cssmenu ul ul li a {border-bottom: 1px solid rgba(251, 248, 248, 0.15);padding: 11px 15px;width: 200px;font-size: 15px;text-decoration: none;color: #fff;font-weight: 400;}
#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a {border-bottom: 0}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover {color: #fff}
#cssmenu ul ul li.has-sub > a:after {position: absolute;top: 16px;right: 11px;width: 8px;height: 2px;display: block;background: #ddd;content: ''}
#cssmenu ul ul li.has-sub > a:before {position: absolute;top: 13px;right: 14px;display: block;width: 2px;height: 8px;background: #ddd;content: '';-webkit-transition: all .25s ease;-ms-transition: all .25s ease;transition: all .25s ease}
#cssmenu ul ul > li.has-sub:hover > a:before {top: 17px;height: 0}
#cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover {background: #363636;}
#cssmenu ul ul ul li.active a {border-left: 1px solid #333}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a {border-top: 1px solid #333}
.navbar-wrapper .row {align-items: center;}
#cssmenu > ul > li:first-child {padding-left: 0;}
#cssmenu > ul > li:last-child {padding-right: 0;}
.navbar-wrapper .row {position: relative;}
.navbar-wrapper .row {position: relative;padding-top: 10px;padding-bottom: 10px;}
.navbar-wrapper .col-md-12 {display: flex;align-items: center;}
.logo {max-width: 220px;width: 100%;}
.logo img{width: 100%; max-width: 180px;}
/*#cssmenu ul > li.active a::after {position: absolute;width: 100%;height: 4px;background: #1dd9d1;bottom: -45px;content: "";left: 0;z-index: 9;}*/
.top-header .fa {color: #fff;}
.social-media-top li .fa {color: #fff;}
.navbar-wrapper {background-color: #fff;}
#cssmenu ul {display: block;align-items: center;justify-content: normal;margin-right: -5px;}
.navbar-wrapper.fixed{position: fixed;z-index: 999;width: 100%;top: 0;}
.navbar-wrapper.fixed .logo img {width: 140px;-webkit-transition: .5s;transition: .5s;}
.navbar-wrapper.fixed #cssmenu ul li {-webkit-transition: .5s;transition: .5s;}
.navbar-wrapper.fixed #cssmenu ul > li.active a::after {bottom: -27px;}
.navbar-wrapper.fixed  #cssmenu ul ul {top: 58px;}

/* #cssmenu ul ul.has-sub85 {
    column-count: 2;
    gap: 1px;    
} */
/* #cssmenu ul ul.has-sub85 li a {
   width: 270px;  
} */

#cssmenu ul li:nth-child(3) ul {
    column-count: 2;
    gap: 1px;
    margin: 0px 1px;
}

#cssmenu ul li:nth-child(3) ul li a {
   width: 270px;  
}


#cssmenu ul li:nth-child(2) ul li a {
    width: 200px;
}






/* servicedetails page] */
.seviceDetails{padding:60px 0;}
.seviceDetails img {width: 100%;min-height: 262px;}
.servicBox {position: relative; margin-bottom: 30px;transition: .5s; object-fit: cover;}
.servicBox figure { margin: 0;}
.servicBox .serInnerContent {position: absolute; bottom: 0;background:rgb(96, 187, 70);width: 100%;padding: 10px;height: 100px;display: flex;flex-direction: column;justify-content: center;transition:.5s;}
.servicBox:hover .serInnerContent {height: 100%;align-items: center;background:rgb(96, 187, 70,.8);text-align: center;}
.seviceDetails .serInnerContent h3 {font-size: 20px;font-weight:600;}
.servicBox .serInnerContent date { color: #fff;font-weight: 500;font-size: 14px;}
.servicBox .serInnerContent p:empty { display: none;}
/*  */

/* inner service */
.deatailsS{padding:60px 0;}
.deatailsS .dSerLft img { width: 100%;}
.dSerCont h5 { color: #60bb46;font-size: 18px;}
.dSerCont h2 {font-size: 30px;margin: 0px 0 20px;}
.dSerCont ul {padding-left: 20px;}
.dSerCont ul li {margin-bottom: 10px;}
.fullBox {background-color: #f9fafb;padding: 60px 0px;}
.fullBox .fullContent h3 {font-size: 36px;margin: 0px 0 40px;}
.fullBox .fullContent h3 span{color:rgb(96, 187, 70,1)}
.fullBox .fullContent ul { padding: 0px 0px 0px 20px;}
.fullBox .fullContent ul li {margin-bottom: 1rem;   list-style: inside;}
.fullBox .fullContent ul li span{font-weight:600; }
.fullBox .fullContent p a,
.fullBox .fullContent ul li a{ color: #60bb46;text-decoration: underline;cursor: pointer;font-weight:500;}
/*  */
/*  */
.Treatment-wrapper.singler .Treatment-list{ height: 100%;}
.Treatment-wrapper.singler .row { row-gap: 80px;}
/*  */

/*Kemptville  smiles Dentistry  */
.smilesDentistry{padding:60px 0;background: #fbfbfb;}
.smilesDentistry .lftImg > img {max-width: 100%;}
.smilesDentistry .rightCon h2{font-weight:bold}
.smilesDentistry .rightCon h2 span{color:rgb(96, 187, 70,1)}
/*  */

/*Meet the Team  */
.meetTeam{padding:60px 0 10px;}
.meetTeam .row{ margin-bottom: 50px;}
.meetTeam .toptext {text-align: center}
.meetTeam .toptext h3 {font-weight: bold;}
.meetTeam  .toptext h3 span{color:rgb(96, 187, 70,1)}
.meetTeam .contWithimg figure {float: left;width: 100%;max-width: 350px;margin-right: 30px; margin-top: 10px;}
.meetTeam .contWithimg figure >img {max-width: 100%;}
.meetTeam .contWithimg h3 {font-weight: bold;}
.meetTeam .contWithimg p span {font-weight: bold;color:rgb(96, 187, 70,1)}
/*  */

/*Dr. Cristina Atasiei */
.meetTeam .rightImgLftCont figure {float: right;width: 100%;max-width: 350px;margin-left: 30px; margin-top: 10px;}
.meetTeam .rightImgLftCont figure >img {max-width: 100%;}
.meetTeam .rightImgLftCont h3 {font-weight: bold;}
.meetTeam .rightImgLftCont p span {font-weight: bold;color:rgb(96, 187, 70,1)}
/*  */

/*ADMINISTRATIVE TEAM  */
.adminiteam{background-color:#f0ffec;}
.meetTeam.assistingteam {position: relative;background: #42547c;}
.meetTeam.assistingteam >img {position: absolute; width: 100%; top: 0; left: 0;height: 100%;object-fit: cover;   opacity: .3;}
.meetTeam.assistingteam .toptext h3,
.meetTeam.assistingteam .contWithimg h3,
.meetTeam.assistingteam .contWithimg p,
.meetTeam.assistingteam .rightImgLftCont h3,
.meetTeam.assistingteam .rightImgLftCont p{color: #fff;}
/*  */

/*Blog page*/
.blog-main {padding: 60px 0px;}
.blog-main .row{margin-bottom:50px;justify-content: center;row-gap: 30px;}
.blog-main h3 {font-weight: bold;text-transform: uppercase;margin: 0;}
.blog-main h3 span{color:rgb(96, 187, 70,1);}
.blog-main .blogwrapp figure {overflow: hidden;transition: .5s;}
.blog-main .blogwrapp figure img{max-width:100%;border-radius: 5px;transition: .5s;}
.blog-main .blogwrapp figure img:hover{transform:scale(1.2)}
.blog-main .blogContent h3 {font-size: 24px;text-transform: capitalize;margin: 0px 0px 0.5rem;font-weight:500;}
.blog-main .blogwrapp .blogContent date{font-size:14px;color: #6C757D;font-weight: 500;}
/* .blog-main .blogwrapp h4 a{font-size: 24px;line-height: 30px; margin: 14px 0;font-weight:500;} */
.blog-main .blogwrapp p{font-size: 14px;color: #6C757D;} 
.blog-main .blogPagination .pagination {margin: 0;display:flex;justify-content:center;}
.blog-main  .blogPagination .pagination li {margin: 0px 6px;}
.blog-main  .blogPagination .pagination li a {color:#072239;border: 1px solid #E9E9E9;border-radius: 4px !important;font-size: 14px;line-height: 20px;padding: 8px 12px;}
.blog-main  .blogPagination .pagination li:nth-child(1) a {opacity: .3;}
.blog-main  .blogPagination .pagination li:first-child span{padding-right: 6px;}
.blog-main  .blogPagination .pagination li:last-child a span{padding-left: 6px;}
.blog-main .blogPagination .pagination li a:focus{box-shadow: none;}
.blog-main .blogPagination .pagination li a:hover{background-color: #42547c; color: #fff;}
.blog-main  .blogPagination .pagination .page-item.active .page-link {background-color:#60bb46;border-color: #60bb46;color:#fff;}
.blogDetails .post-navigation {display: flex;justify-content: space-between;flex-wrap: wrap;gap: 20px;}
/**  **/


/** **/
/* bolg-inner-details-page-css */
.blogDetails {padding: 60px 0px;}
.blog_box.details.d-flex {flex-direction: column;}
.blog_box.details hr {background: #eee;height: 1px;width: 100%;border: none;}
.blog_box.details.d-flex ul {display: flex;	gap: 20px;}
.blog_box.details.d-flex .post {margin-bottom: 10px;font-weight: 500;font-size: 14px;}
.blog_box.details figure img {width: 100%;}
.blog_box.details h6{margin:0;}
.blog_box.details h6 a {font-size: 18px;font-weight: bold;text-transform: capitalize;color:#44557c;}
.blog_box.details{padding-left: 0px;padding-top: 20px;}
.blog_box.details li {border-bottom: 1px solid #494949;margin-bottom: 10px;}
.blog_box.details li a {display: block;padding: 0px 0px;position: relative;text-decoration: none !important;color: #44557c;font-size: 15px;font-weight: 500;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.blog_box.details li a::before {position: absolute;top: 10;left: 0;content: "\f0a4"; color: #494949;font-family: fontawesome;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;opacity: 0;}
.blog_box .details li a:hover::before {opacity: 100%;}
.blog_box .details li a:hover {padding-left: 25px;}
/**  **/





@media screen and (max-width:1024px) {
nav {width: 100%;}
#cssmenu {width: 100%}
#cssmenu ul {width: 100%;display: none}
#cssmenu ul li {width: 100%;border-top: 1px solid #444}
#cssmenu ul li:hover {background: #363636;}
#cssmenu ul ul li,#cssmenu li:hover > ul > li {height: auto}
#cssmenu ul li a,#cssmenu ul ul li a {width: 100%;border-bottom: 0}
#cssmenu > ul > li {float: inherit;}
#cssmenu ul ul li a {padding-left: 25px}
#cssmenu ul ul li {background: #0b52a2!important;}
#cssmenu ul ul li:hover {background: #363636!important}
#cssmenu ul ul ul li a {padding-left: 35px}
#cssmenu ul ul li a {color: #ddd;background: none}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a {color: #fff}
#cssmenu ul ul,#cssmenu ul ul ul {position: relative;left: 0;width: 100%;margin: 0;text-align: left}
#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before {display: none}
#cssmenu #head-mobile {display: block;padding: 23px;color: #ddd;font-size: 12px;font-weight: 700}
.button {width: 55px;height: 46px;position: absolute;right: 0;top: 0px;cursor: pointer;z-index: 12399994;}
.button:after {position: absolute;top: 22px;right: 20px;display: block;height: 8px;width: 20px;border-top: 2px solid rgb(96 187 70);border-bottom: 2px solid rgb(96 187 70);content: ''}
.button:before {-webkit-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease;position: absolute;top: 16px;right: 20px;display: block;height: 2px;width: 20px;background: rgb(96 187 70); content: ''}
.button.menu-opened:after {-webkit-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease;top: 23px;border: 0;height: 2px;width: 19px;background: #60bb46;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg)}
.button.menu-opened:before {top: 23px;background: #60bb46;width: 19px;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg)}

#cssmenu .submenu-button .submenu-button {position: absolute;z-index: 99;right: 0;top: 0;display: block;border-left: 1px solid #444;height: 42px;width: 42px;cursor: pointer} 
	
	


#cssmenu .submenu-button.submenu-opened {background: #0b52a2}
#cssmenu ul ul .submenu-button {height: 34px;width: 34px}
#cssmenu .submenu-button:after {position: absolute;top: 22px;right: 19px;width: 8px;height: 2px;display: block;background: #0b52a2;content: ''}
#cssmenu ul ul .submenu-button:after {top: 15px;right: 13px}
#cssmenu .submenu-button.submenu-opened:after {background: #fff}
#cssmenu .submenu-button:before {position: absolute;top: 19px;right: 22px;display: block;width: 2px;height: 8px;background: #0b52a2;content: ''}
#cssmenu ul ul .submenu-button:before {top: 12px;right: 16px}
#cssmenu .submenu-button.submenu-opened:before {display: none}
#cssmenu ul ul ul li.active a {border-left: none}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a {border-top: none}
#cssmenu > ul > li:first-child a {padding-left: 13px;}
#cssmenu ul ul {z-index: 9;}
#cssmenu ul ul {top: 0px;}
#cssmenu > ul {top: 32px;}
#cssmenu > ul.open {top: 32px;z-index: 99;background-color: #000}
.navbar-wrapper {height: 115px;position: relative;}
.logo {position: absolute;top: 0;z-index: 1;}
#cssmenu {width: 100%;position: relative;top: 25px;}
#cssmenu > ul > li {float: left;padding: 0;}
#cssmenu > ul > li > a { padding: 9px 9px;}
#cssmenu ul > li.active a::after {display: none;}
#cssmenu ul > li.active a{color:#1dd9d1;}
.navbar-wrapper.fixed {top: 0px;height: 80px;}
.navbar-wrapper.fixed #cssmenu {top: 10px;}
.navbar-wrapper.fixed #cssmenu > ul.open {top: 14px;}
.navbar-wrapper.fixed #cssmenu > ul {top: 14px;}
.navbar-wrapper.fixed #cssmenu ul li {padding: 0px;}
#cssmenu > ul > li {background-color: #000;}
}
/* navbar css  */


/*------------------- footer section --------------- */
footer {padding: 70px 0 0px; background-color:#46a048 }
.footer-about img {margin-bottom: 30px;width: auto;}
.footer-about p {font-size: 16px;line-height: 24px;}
footer h3, footer h5, footer li, footer a, footer p, foote .fa{color:#fff; line-height: 24px;}
footer a:hover{color:#fff}
footer h3 {
    margin-bottom: 22px;
    line-height: normal;
    font-size: 24px;
    font-weight: normal;
    position: relative;
    display: table;
}
footer h5 {
    font-size: 18px;   
    position: relative;
    display: table;
}
footer h5:after, footer h3:after{
  position: absolute;
  left: 0;
  bottom: -2px;
  content:" ";
  width: 100%;
  height: 2px;
  background-color: #fff;
}
footer li, footer a, footer p{font-size: 16px;}
.bottom-footer {
    text-align: center;
    padding: 10px 0;   
    margin-top: 30px;
    position: relative;
    background-color: #000;
}
.bottom-footer p{color: #fff; font-size: 16px; margin:0px;}
footer .row {display: flex;flex-wrap: nowrap;gap: 40px;position: relative;}
.contact-footer {width: 33.333%;}
.services-footer {width: 33.333%;}
.footer-about {width: 33.333%;}
footer .fa {font-size: 24px;}
footer li{display: flex;align-items: center;gap: 5px; margin-bottom: 14px}
footer .services-footer li{padding-left: 15px;position: relative;}
footer .services-footer li:before {position: absolute;content: "\f0da";font-family: 'FontAwesome';left:0;color: #1dd9d1;}
.contact-footer li {display: flex;align-items: flex-start;gap: 10px;font-size: 16px;margin-bottom: 20px;}
.contact-footer li p {font-size: 16px;margin-bottom:0;}
.contact-footer li p span {display: block; font-size: 14px;margin-top: 5px;}
.contact-footer li img {width: auto;margin-top: 5px;}
ul.social-media-footer li:before { display: none;}
.social-media-footer {display: flex;gap: 20px;margin-top: 40px;}
.social-media-footer .fa{font-size: 21px;}
.social-media-footer li {margin-bottom: 0;padding-left:0 !important;}
.contact-footer li, .contact-footer a {font-size: 16px;}
.social-media-footer li a {border: 1px solid #fff;width: 36px;height: 36px; display: flex;justify-content: center;align-items: center;}
.services-footer a {
    display: block;
    margin-bottom: 15px;
}
.services-footer a.bg-call {
    margin-bottom: 5px;
    font-size: 18px;
    line-height: normal;
    font-family: "Noto Serif", serif;
}
.contact-footer li span.sat879 {
    display: block;
    font-size: 13px !important;
    line-height: normal;
}
.contact-footer li{
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}


a#backToTop {z-index: 9; opacity: 1;position: fixed;bottom: 25px;right: 25px;display: none;background-color: #42547c;width: 48px;height: 48px;border-radius: 50%;text-align:center;line-height: 43px;color: #fff;}


/* ================================== map section ========================= */
section.map-part iframe {
    width: 100%;
    height: 450px;
    margin-bottom: -6px;    
}

.map-part {
    width: 100%;
    position: relative;
    z-index: 1;
    margin-top: -50px;
}

/* =============================== Free Guides ============================= */

.free-part789 h2 {
    font-size: 36px;
    text-align: center;
    margin-bottom: 40px;
}

.free-fuides {
   /* background-color: #fff;*/
    padding: 30px 0px 0px;
    position: relative;
    z-index: 3;
}

.free-fuides-inner {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    margin-left: 50px;
    margin-right: 50px; 
    background-color: #fff;   
    padding-top: 40px;
    padding-bottom: 30px;
}

.free-fuides ul{
  display: flex;
    gap: 20px;
}

.free-part789 ul li img {
    width: 100%;
}

.free-part789 ul li { 
    width: 20%;  
}


/*=========================== invisalign section ======================= */

.invisalign-part {
    background-color: #f0ffec;
    padding: 110px 0px;
    position: relative;
    background: url(https://webresellerscanada.com/kemptvillesmiles/wp-content/uploads/2025/03/bg-part.png), #f0ffec;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.col-md-6.invisalign-wrapper4587 {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: left;
    border-left: 2px solid #000;
    padding-left: 60px;
    max-width: 375px;
    width: 100%;
}

.left-right-img {
    display: flex;
    justify-content: space-between;
    gap: 60px;
    margin-top: 30px;
}
.col-md-6.invisalign-content h4{
    font-weight: normal;
    line-height: 36px;
    margin-bottom: 20px;
}

.col-md-6.invisalign-content {
    padding-right: 30px;
}


/*=========================== Smile Star Section ======================= */
.smile-star {
    background-color: #f9fafb;
    padding: 60px 0px;
}
.smile-star h2 {
    font-size: 36px;
    font-weight: 800;
    margin-bottom: 20px;
}
.smile-star h2 span {
    color: #60bb46;
}
.smile-star p {
    font-size: 18px;
}
.smile-star .heading-wrap {
    margin-bottom: 20px;
}

.before-after-wrap {
    border: 1px solid #000;
    padding: 15px;    
    display: flex;
    gap: 15px;
}
.before-after-wrap img {
    width: 100%;
}
.before-part, .after-part {
    position: relative;
}

.before-part .content-caption, .after-part .content-caption {
    position: absolute;
    bottom: -16px;
    left: 0;
}

.content-caption p {
    padding: 8px 16px;
    background-color: #fff;
    font-size: 16px;
    font-weight: 600;
    border-top-right-radius: 6px;
}

.green-button {
    background-color: #60bb46;
    padding: 10px 30px;   
    color: #fff;
    display: table;   
    width: auto;
    text-align: center;
    margin: 40px auto 0px;
    border-radius: 4px;
}



.click-btn {
    display: flex;
    width: 120px;
    height: 40px;
    justify-content: center;
    align-items: center;
    margin: 0.5rem;
    line-height: 35px;
    border: 1px solid;
    border-radius: 5px;
    text-align: center;
    font-size: 16px;
    color: #000;
    text-decoration: none;
    transition: all 0.35s;
    box-sizing: border-box;
}



.button--pallene {
    box-shadow: rgb(32 121 7) 0px 0px 0px 0px inset;
    border-radius: 4px;
    border-width: 2px;
    border-style: solid;
    border-color: rgb(96 187 70);
    border-image: initial;
    transition: border-radius 0.5s cubic-bezier(0.7, 0, 0.2, 1), box-shadow 0.5s, color 0.5s;
}

.button-part {
    pointer-events: auto;
    cursor: pointer;  
    position: relative;
    display: inline-block;
    background: rgb(96 187 70);
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
    padding: 10px 30px;
    margin: 0px;
    color: #fff;
    display: table;
     margin: 40px auto 0px;
}

.button--pallene:hover {
    color: rgb(231, 231, 231);
    box-shadow: rgb(47 149 17) 0px 0px 0px 40px inset;
    transition-delay: 0s, 0s, 0.2s;    
}


/*============================== treatment section =========================== */

.Treatment-wrapper {
    padding: 100px 0px 67px;
    background-color: #fff;
    text-align: center;
}
.Treatment-list {
    background-color: #bffaae;
    padding: 15px;
    min-height: 285px;
    transition: 0.5s;
}
.Treatment-list h3 {
    font-size: 24px;
    font-weight: 700;
    margin-top: 25px;
}

.icon-wrap {
    width: 85px;
    height: 85px;
    margin: auto;
    background-color: #000;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -55px;
    transition: 0.5s;
}
.Treatment-list:hover {
    background-color: #60bb46;
    cursor: pointer;
    transform: scale(1.1);
}

.Treatment-list:hover .icon-wrap{
    background-color: #fff;
}

.Emergency-part {
    padding: 68px 0;
    background-image: url(https://webresellerscanada.com/kemptvillesmiles/wp-content/uploads/2025/03/bg-image.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center 60%;
    position: relative;
    text-align: center;
}
.Emergency-part:after {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    content: "";
    background-color: rgba(0,0,0,0.85);
}
.Emergency-part .container{
    position: relative;
    z-index: 1;
}
.Emergency-part h2 {
    color: #fff;
    font-weight: bold;
}

.Emergency-part h2 span {
    color: #60bb46;
}
.button-wrapper2 {
    display: flex;
    gap: 30px;
    max-width: 560px;
    width: 100%;   
    margin: auto;
}

.button-part.button-part-white {
    background-color: #fff;
    color: #000;
    font-size: 18px;
    font-weight: 500;
}
.button-wrapper2 .button-part {
    font-size: 18px;
    font-weight: 500;
}


/*=============================== Slider Part =============================== */

.slider-part {
    background-color: #fff;
    padding-bottom: 68px;
    margin-top: -90px;
}

.service-carousel .owl-nav .owl-prev, .service-carousel .owl-nav .owl-next {
    left: -30px;
    padding: 0px;
    top: 36%;
    position: absolute;
    text-align: center;
    color: #000;
    font-size: 32px;
}

.service-carousel .owl-nav .owl-next {
    right: -30px;
    left: initial;
}

.slide-text h4 {
    font-size: 24px;
    color: #fff;
}

.slide-text a{
    font-size: 24px;
    color: #fff;
   /* font-family: "Bodoni Moda", serif;*/ 
    font-family: "Noto Serif", serif; 
   font-weight: 600;
   padding: 30px 15px;
   width: 100%;
  display: block;
}
.slide-text a:hover{
background-color: rgba(96, 187, 70, 0.7)
}
.slide-text {
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
    background-color: rgba(0,0,0,0.7);
    /*padding: 30px 15px;*/
}

.service-carousel .fa-angle-left:before {
    content: "\f104";
}

/* =================================== leading way ============================= */

.leading-way{
    padding: 68px 0 150px;
    background-image: url(https://webresellerscanada.com/kemptvillesmiles/wp-content/uploads/2025/03/bg-leading-way.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    text-align: center;
}

.leading-way:after {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    content: "";
    background-color: rgba(73,187,70,0.9);
}

.leading-way .container{
    position: relative;
    z-index: 1;
}

.leading-way h2 {
    font-size: 36px;
    font-weight: 600;
    line-height: 52px;
    margin-bottom: 30px;
}

.leading-way h2 span {
    display: block;
    color: #fff;
}

.leading-way .col-md-12 {
    max-width: 820px;
    margin: auto;
    width: 100%;
}

.leading-way p {
    font-size: 18px;
}

/* ============================================ convenient location ============================= */

.convenient-location{
    padding: 68px 0;
    background-color: #fff;
}

.video-container {
     width: 100%;
     border-radius: 4px;
     margin: 0 auto;
     position: relative;
     display: flex;
     flex-direction: column;
     justify-content: center;
    /* box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.4);*/
}
 .video-container .video-wrapper {
     width: 100%;
     height: 100%;
     display: flex;
     justify-content: center;
     align-items: center;
}
.video-container video {
    width: 100%;
    min-height: 400px;
    border: 8px solid #60bb46;
    background-color: #000;
}
 .play-button-wrapper {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     display: flex;
     align-items: center;
     justify-content: center;
     width: 100%;
     height: auto;
     pointer-events: none;
}
 .play-button-wrapper #circle-play-b {
     cursor: pointer;
     pointer-events: auto;
}
.play-button-wrapper #circle-play-b svg {
    width: 60px;
    height: 60px;
    fill: #ff004e;   
    cursor: pointer;    
    opacity: 1;
}

video[poster] {
    width: 100%;
    min-height: 400px;
}

.convenient-location h2 span {
    font-weight: bold;
    color: #60bb46;
    display: block;
}

.convenient-location h2 {
    font-size: 36px;
    margin-bottom: 20px;
}

.location-content {
    padding-left: 30px;
}
.location-content .button-part {
    margin: initial;
    margin-top: 20px;
}

.convenient-location {
    padding: 68px 0;
    background-color: #fff;
    /*background: url(https://webresellerscanada.com/kemptvillesmiles/wp-content/uploads/2025/03/arrow-bg.png), #fff;*/
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 86%;
    margin-top: 68px;
    padding-top: 0;
}

.patient-number {
    padding: 44px 0;
    background-color: #f0ffec;
    margin-top: 2px;
}
.patient-number h2 {
    font-size: 40px;
    line-height: normal;
    margin-bottom: 0;
}

.patient-number .button-part {
    font-size: 48px;
    color: #fff;
    padding: 30px 50px;  
    margin: 0;
    float: right;
}

.patient-number .button--pallene:hover {   
    box-shadow: rgb(47 149 17) 0px 0px 0px 50px inset;
    transition-delay: 0s, 0s, 0.5s;
}
.patient-number .row {
    justify-content: center;
    align-items: center;
}

/* ============================================ slider banner ============================================ */
.homevideoBanner {
    width: 100%;
    padding: 0px 0;
    position: relative;
    overflow: hidden;
}

.homevideoBanner video {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.videoOverlayContent {
    position: relative;
    width: 100%;
    height: calc(100vh - 131px);
    display: flex;
    align-items: center;
    background-color: rgba(0,0,0,0.3);
    justify-content: center;
    /*height: 100%;*/
}
.containerBox {
    max-width: 1140px;
    width: 100%;
}

.main_text_wrap.is-home-hero {
    display: block;   
}

.main_text_wrap.is-home-hero  .subhead_text {   
    font-size: 36px;
    font-weight: 700;    
    line-height: normal;
    color: #fff; 
    /*font-family: "Bodoni Moda", serif;*/
    display: table;
    position: relative;
}

.main_text_wrap.is-home-hero .subhead_text:after {
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #fff;
    left: 0;
    bottom: 0;
    content: "";
}

.main_text_wrap.is-home-hero h1 span {
    color: #60bb46;
    display: block;
}

.main_text_wrap.is-home-hero h1{
  font-size: 60px;
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
  margin-top: 20px;
}


  /* ------------------------------- Our Office page---------------------------- */
.inner-banner{background-color: #20282E;background-image: url(https://webresellerscanada.com/kemptvillesmiles/wp-content/uploads/2025/03/bg-image.jpg);background-size: cover;position: relative;min-height: 400px;background-repeat: no-repeat;align-items: center;display: flex; background-position: center;}
.breadcrumb-nav {width: auto;text-align: center;}.breadcrumb-nav ul {line-height: normal;}.breadcrumb-nav li {display: inline-block;}
.breadcrumb-nav li a {text-decoration: none;border-right: 1px solid #fff;line-height: normal;padding: 0px 10px 0px 7px;color: #fff;font-weight: bold;font-size: 18px;}
.breadcrumb-nav li:last-child a {border-right: 0px;}.breadcrumb-nav .active {color: #f77789;}.breadcrumb-title {text-align: center;}
.breadcrumb-title h2 {font-size: 42px;color: #fff;}
.location-content li {
    list-style: disc;
    margin-left: 30px;
    margin-bottom: 5px;
}
.inner-banner:before {position: absolute;left: 0;top: 0;height: 100%;width: 100%;content: ""; background-color: rgb(66, 84, 124, 0.7);}

.demo-gallery ul {
    gap: 10px;
    margin-top: 23px;
    column-count: 3;
}

#lightgallery img.img-responsive {
    min-width: 220px;
    max-width: 440px;
    object-fit: cover;
    width: 100%;
}

.demo-gallery ul li {
    flex-basis: 32%;
    position: relative;
    list-style: none;
    overflow: hidden;
    cursor: pointer;
    padding: 5px;
    overflow: hidden;
    border: 5px solid #60bb46;
    /* margin: 10px 5px; */
    margin-bottom: 10px;
}
.gallery-wrapper56 {
    padding: 68px 0;
    text-align: center;
}

.gallery-wrapper56 h2{
    font-size: 36px;
    font-weight: bold;
    color:rgb(96 187 70);
}

.heading-wrapper56 {
    max-width: 900px;
    width: 100%;
    margin: auto;
    margin-bottom: 30px;
}
.gallery-wrapper56 .row {
    flex-direction: column;
}

#lightgallery li:hover::before {
    position: absolute;
    left: 1.5%;
    top: 2%;
    height: 96%;
    width: 97%;
    content: "";
    background-color: rgb(66, 84, 124, 0.7);
}

#lightgallery li::after {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -20px;
    opacity: 0;
    color: #fff;
    font-size: 40px;
    font-family: 'FontAwesome';
    content: "\f00e";
    pointer-events: none;
    z-index: 999;
    transition: 0.4s;
}

#lightgallery li:hover::after {
    opacity: 1;
}
.convenient-location.inner-content897 {
    background: #f9fafb;
    margin-top: 0;
    padding-top: 68px;
}

.col-md-12.location-content.location-content89745 {
    max-width: 900px;
    margin: auto;
    text-align: center;
    margin-bottom: 40px;
}

.contact-details897 h4 {
    margin-top: 30px;
}

.contact-details897 p {
    margin-bottom: 0;
}

.contact-footer.contact-footer0123 {
    width: 100%;
}

.map-part.map-part-inner {
    margin-top: 0;
}

#cssmenu ul > li.active a {
    font-weight: bold;
    color: #60bb46;
}

.contact-footer.contact-footer0123 li {
    margin-bottom: 5px;
}

#cssmenu > ul > li > a:hover {
    color: #60bb46;
}

section.convenient-location.convenient-location5987 .col-md-12.location-content {
    padding-left: 15px;
}

 /* -------------------------------Before After Page---------------------------- */

.before-after-top h2 {font-size: 36px;margin-bottom: 20px;}
.before-after-top h2 span {font-weight: bold;color: #60bb46;display: block;font-size: 18px;padding-bottom: 10px;}
.before-after-top-img img {width: 100%;min-height: 400px;border: 8px solid #60bb46;background-color: #000;transition: transform .8s;}
.before-after-top-img { overflow: hidden;}
.before-after-top-img img:hover {transform: scale(1.1);transition: transform .8s;}
.before-after-wrap img {transition: transform .8s;border: 1px solid #009e594f;}
.before-after-wrap img:hover {transform: scale(1.1);transition: transform .8s;}
.top-before-after {padding: 68px 0;}
.top-before-after .row {display: flex;align-items: center;}
.before-after-wrap.before-after-page {align-items: center;justify-content: space-between;margin-bottom: 50px;}
.content-caption.page-text p {background-color: #309f51;color: #fff;}
.before-part.before-part-page {flex-basis: 50%;text-align: center;overflow: hidden;}
.before-after-page-inner {background: #fcfcfc;padding-top: 60px;}

/* -------------------------------Before After Page Edn --------------------------- */




@media screen and (max-width:1366px){
    .convenient-location {
    background-position: right -60px center; 
}
.convenient-location.convenient-location5987 {
    background: #fff;
}
}

@media screen and (max-width:1199px){
.container, .container-lg, .container-md, .container-sm {
    max-width: 1140px;
}
#cssmenu {
    padding-right: 15px;
}
.convenient-location{
    background: #fff;
}
video[poster] {
    min-height: auto;
}
.slider-part .container {
    width: 92%;
    margin: auto;
}
.meetTeam .rightImgLftCont figure,
.meetTeam .contWithimg figure{ max-width: 300px;}	
	
}


@media screen and (max-width:1024px){
	

#cssmenu ul li:nth-child(3) ul {
    column-count:1;
    gap: 0px;
    margin: 0px 0px;
}

#cssmenu ul li:nth-child(3) ul li a {
   width: 100%;  
}

#cssmenu ul li:nth-child(2) ul li a {
    width: 100%;
}
	
.navbar-wrapper {
    height: auto;
    position: relative;
}
#cssmenu {
    width: 100%;
    position: relative;
    top: 8px;   
}
.navbar-wrapper {
    height: 80px;
    position: relative;
}
.navbar-wrapper.fixed {    
    height: 70px;
}
.navbar-wrapper.fixed #cssmenu {
    top: 4px;
}
#cssmenu > ul > li > a {
    color: #fff;    
}
#cssmenu > ul.open {
    top: 16px;    
}
#cssmenu > ul > li {
    background-color: #42547c;
}
#cssmenu .submenu-button::after,  #cssmenu .submenu-button::before{    
    background: #fff;   
}
#cssmenu ul ul li a {
    color: #fff;   
}
#cssmenu ul ul li {
    background: #798ab1 !important;
}
#cssmenu .submenu-button.submenu-opened {
    background: #42547c;
}
/* #cssmenu ul ul.has-sub85 {
    column-count: 1;
    gap: 0;
} */
/* #cssmenu ul ul.has-sub85 li a {
    width: 100%;
} */
.navbar-wrapper.fixed #cssmenu ul ul {
    top: 0;
}
.navbar-wrapper.fixed #cssmenu > ul.open {
    top: 10px;
}
.containerBox {
    padding-left: 30px;
}
.Treatment-list {
    min-height: 315px;    
}
.invisalign-part {    
    padding: 50px 0px;    
}
footer .row {    
    margin-left: 0;
    margin-right: 0;
}
section.map-part iframe {
    height: 320px;    
}
.gallery-wrapper56 {
    padding: 68px 20px;    
}
}


@media screen and (max-width:991px){
    .convenient-location .col-md-6, .smile-star .col-md-6{
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.container, .container-lg, .container-md, .container-sm {
    max-width: 740px;
}

.header-box .container, .invisalign-part .container , .free-fuides .container, footer .container{
    max-width: 1140px;
}
.patient-number h2 {
    font-size: 30px;    
}
.patient-number .button-part {
    font-size: 30px;    
    padding: 20px 30px;    
}
.patient-number {
    padding: 20px 0;    
}
.location-content {
    padding-left: 15px;
    margin-top: 40px;
}
.Treatment-wrapper .container {
    max-width: 1140px;
    padding-left: 30px;
    padding-right: 30px;
}
.before-after-wrap {    
    margin-bottom: 20px;
}

.smile-star .col-md-6 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 79%;
    margin: auto;
}
.location-content {   
    margin-top: 0;
}
.inner-banner {
    min-height: 320px;    
}
#lightgallery img.img-responsive {
    min-width: initial;
    max-width: initial;
    object-fit: cover;
    width: 100%;
}
.convenient-location.inner-content897 .container {
    max-width: 1140px;
    padding-left: 20px;
    padding-right: 20px;
}
.col-md-4.contact-details897{
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
.convenient-location.inner-content897 .col-md-8{
      -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;  
}
.contactForm-third-party iframe {
    height: 840px !important;
}
.smilesDentistry .rightCon {
	margin-top: 30px;
}
	.contact-footer li span.working {
    min-width: 145px;
}

.contact-footer li span.days {
    min-width: 86px;
}
}

@media screen and (max-width:767px){
.work-social ul {
    gap: 10px;
    justify-content: start;
}
.add-phone ul{
    display: flex;
    gap: 10px;
    margin-bottom: 5px;
}
.patient-number .button-part {   
    float: initial;
    text-align: center;
    margin: auto;  
    margin-top: 20px;  
}
.patient-number .col-md-6 {
    text-align: center;
}
.Treatment-list {
    min-height: initial;
    margin-bottom: 70px;
}
.Treatment-wrapper {
    padding: 100px 0px 0px;    
}
.col-md-6.invisalign-wrapper4587 {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: left;
    border-left: 0;
    padding-left: 15px;
    max-width: 375px;
    width: 100%;
    margin: auto;
}
.free-fuides ul {
    display: block;
    gap: 0;
}

.free-part789 ul li img {
    width: 100%;
    max-width: 360px;
    margin: auto;
    text-align: center;
    display: table;
}
.free-part789 ul li {
    width: 100%;
    margin: auto;
}
.map-part {    
    margin-top: 60px;
}
.footer-about, .services-footer, .contact-footer {
    width: 100%;
}
footer .row {    
    flex-wrap: wrap;
    gap: 20px;    
}
.main_text_wrap.is-home-hero h1 {
    font-size: 40px;    
}
.main_text_wrap.is-home-hero .subhead_text {
    font-size: 30px;    
}
.slider-part .container {
    width: 84%;
    margin: auto;
}
.button-wrapper2 {    
    flex-direction: column;
    gap: 0;
}
.free-part789 ul li {
    width: 50%;
    margin: auto;
    float: left;
}
.play-button-wrapper #circle-play-b svg {
    width: 90px;
    height: 90px;
    fill: #ff004e;
    cursor: pointer;
    opacity: 1;
}
.gallery-wrapper56 .row {
    flex-direction: initial;
}
.col-md-4.contact-details897{
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.convenient-location.inner-content897 .col-md-8{
      -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;  
}
.contactForm-third-party {
    margin-top: 30px;
}
.contactForm-third-party iframe {
    height: 619px !important;
}
	
	
/* 	service page */
.servicBox .serInnerContent{height:auto;}
.deatailsS .dSerLft {margin-bottom: 30px;}
.Treatment-wrapper.singler .Treatment-list {height: auto;}
.Treatment-wrapper.singler .row { row-gap: inherit;}
.lftImgRight .rightText { margin-top: 30px;}
/*  */
	
/* 	 */
.meetTeam .rightImgLftCont figure,
.meetTeam .contWithimg figure{ max-width: 100%; float: none;margin: 0px auto 30px auto;text-align: center;}	
.blog-main .blogwrapp figure img {width: 100%;}
.blog-main .blogPagination .pagination {justify-content: center;flex-wrap: wrap;row-gap: 10px;}
	
	
/* Before After */
.before-after-top-img img { min-height: auto;}
.before-after-top-img { margin-bottom: 20px;}
.top-before-after {padding: 50px 0;}
.before-after-top h2 {font-size: 30px;}
.before-after-top p {margin-bottom: 0px;}
.before-part.before-part-page {flex-basis: 100%; margin-bottom: 20px;}
.before-after-wrap {gap: 0px;flex-direction: column;}
.before-part.before-part-page p {margin-bottom: 0px;}
.content-caption.page-text p {margin-bottom: 18px !important;}
/* Before After End */

}

@media screen and (max-width:689px){
    .contactForm-third-party iframe {
    height: 809px !important;
}
}

@media screen and (max-width:480px){
    .add-phone li:first-child {
    display: none;
}
.add-phone ul {
    display: flex;
    gap: 0;
    margin-bottom: 0px;
    text-align: center;
    justify-content: center;
}
.work-social {
    text-align: center;
    margin: auto;
    display: table;
}
.top-header .row {    
    padding-top: 5px;
    padding-bottom: 5px;
}
.convenient-location h2 {
    font-size: 32px;
    margin-bottom: 20px;
}
.slider-part .container {
    width: 80%;
    margin: auto;
}
.smile-star .col-md-6 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin: auto;
}
.free-part789 h2 {
    font-size: 32px;
    text-align: center;
    margin-bottom: 20px;
}
.free-fuides-inner {    
    margin-left: 30px;
    margin-right: 30px;    
}
.bottom-footer {    
    padding: 10px 15px;    
}
.bottom-footer p{
    font-size: 14px;
}
.main_text_wrap.is-home-hero h1 {
    font-size: 36px;
    font-weight: bold;
}
.play-button-wrapper #circle-play-b svg {
    width: 50px;
    height: 50px;    
}
.inner-banner {
    min-height: 240px;
}
.gallery-wrapper56 h2 {
    font-size: 28px;    
} 
.demo-gallery ul {
    gap: 10px;
    margin-top: 0px;
    column-count: 2;
}
.demo-gallery ul li {
    padding: 2px;   
    border: 2px solid #60bb46;    
}
.contactForm-third-party iframe {
    height: 840px !important;
}  
}

header.page-header.alignwide-404 {
    margin-top: 20px;
    text-align: center;
}
.error-404.not-found.default-max-width {
    text-align: center;
	padding: 5px;
}
button.sub-menu-toggle {
    display: none;
}
/* #cssmenu ul li:nth-child(2) ul.has-sub85 {
    column-count: 1;
} */

.lftImgRight { padding: 60px 0;}
.lftImgRight .lftImg img {width: 100%;}
.page-id-74 .lftImgRight .lftImg img,
.page-id-74 .seviceDetails img{border: 8px solid #60bb46;}
.lftImgRight  .rightText  h3 {font-size: 36px;margin: 0px 0 20px;font-weight: bold;}
.lftImgRight  .rightText h3 span{color:rgb(96, 187, 70,1)}
.fullBox p:last-of-type {margin: 0;}
.lftImgRight a {margin: 40px 0;}

/*  */

/* teeth whiting css */
.fullBox{padding: 60px 0 10px;}
.fullBox .row {display: flex;margin-bottom: 50px;}
.fullBox .serImg figure {height: 300px;margin: 0;}
.fullBox .serImg img {width: 100%;height:100%;}
.fullBox .wrapover h3:first-of-type {font-size: 30px;}
/* .fullBox .wrapover{width: 100%; max-width: 1000px;margin: 0 auto;} */
.fullBox .wrapover h3 { margin-bottom: 10px;font-size: 22px;font-weight: 600;}
.wrapover figure {width: 100%; max-width: 500px;margin: 0px auto 30px auto;height:350px;}
.wrapover figure img{width: 100%;object-fit:cover;height:100%;}
.fullBox .wrapover p a{text-decoration: underline;color: #60bb46;cursor: pointer;white-space: nowrap;}
.fullBox .wrapover aside a{margin: 40px 0 0px;}

/* Careers css */
.whyjoin{padding: 60px 0px;position: relative;}
.whyjoin >img {position: absolute; top: 0;opacity: .1;width: 100%;height: 100%;object-fit: cover;}
.whyjoin .row{row-gap: 80px;}
.whyjoin h3{font-weight: 600;}
.whyjoin h3,
.whyjoin p{text-align: center;}
.whyjoin h3 span{color: #60bb46;}
.whyjoin .Treatment-list {height: 100%;margin: 0px 25px;}
.whyjoin .Treatment-list p:first-of-type { margin-top: 25px;}
/*  */

/*  */
.applyForm { padding: 60px 0px;}
.applyForm .formWrapp h3 {margin-bottom: 30px;font-weight: 600;}
.applyForm h3 span{color: #60bb46;}
/*  */

/*  */
.appointment{padding: 60px 0; max-width: 800px;margin: 0px auto;}
.appointment .formWrapp iframe {margin-top: 50px;}
/*  */


/* Technology css */
.technology{padding: 60px 0;}
#main #faq .card {margin-bottom: 30px;border: 0;  }  
.technology #faq .card .card-header {border: 0;-webkit-box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);border-radius: 2px;padding: 0;}  
.technology #faq .card .card-header .btn-header-link {color: #fff; display: flex;text-align: left;background: #60bb46;
color: #222;padding: 20px;justify-content: space-between;}  
.technology #faq .card .card-header a h4{color: #fff;}
.technology #faq .card .card-header .btn-header-link:after {content: "\f106";font-family: 'FontAwesome';
font-weight: 900;float: right;}  
.technology #faq .card .card-header .btn-header-link.collapsed {background: #000; color:#fff}  
.technology #faq .card .card-header .btn-header-link.collapsed:after {content: "\f107";}  
.technology #faq .card .collapsing {background: #60bb46;line-height: 30px;}
.technology #faq .card .collapse { border: 0;background: #e0ffd7;}
.technology #faq .card .collapse.show { background:#e0ffd7;line-height: 30px; color: #222;  }
.technology #faq .card .card-body {border-top: 1px solid #b6b6b6;}
.technology #faq .card .card-body .d-flex {gap: 30px;align-items: center;}
.technology #faq .card .card-body .d-flex .dright{width: 500px;flex: 0 0 30%;}
.technology #faq .card .card-body .d-flex .dright img {max-width: 100%;}
/*  */