/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.1.1.1722840074
Updated: 2024-08-05 06:41:14

*/
@keyframes neweb {
                0% {
                    transform: scale(.5);
                }

                100% {
                    transform: scale(0.8);
                }
            }
.copyright .medianv img{
    animation: neweb 1.5s alternate infinite ease-in;
	margin-bottom: -11px;
}
.grecaptcha-badge{visibility: hidden; opacity: 0;}
.elementor-widget-container p{
	margin-bottom: 0px;
	margin-top: 20px;
}
.elementor-widget-container p:first-child{
	margin-top: 0px;
}
.site-header.is-sticky {
    position: fixed;
    animation: slideDown 0.35s ease-out;
}
@keyframes slideDown {
	0% {transform: translateY(-100%);}
	100% {transform: translateY(0);}
}
.elementor-post__read-more {
    padding: 7px 10px;
    border: 1px solid var(--e-global-color-accent);
}
a{
	color:var(--e-global-color-accent);
}
.text-uppercase{text-transform: uppercase !important;}
.office-hours ul {
    padding: 0px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.5rem;
}
.office-hours ul li {
    list-style: none;
}
.office-hours ul li a {
    color:  var(--e-global-color-text);
}
.ul-padding-none ul, .ul-padding-none ol {
    padding-left: 20px;
}
.ul-padding-none li{
	padding-bottom: 7px;
}
body .elementor-nav-menu--dropdown .elementor-sub-item {
    border-left: 0px !important;
}


/*for contact us form*/

.cus-row {
    display: flex;
    flex-wrap: wrap;
    vertical-align: middle;
    justify-content: space-between;
    gap: 15px;
}
.cus-row .col-6 {
    width: 48%;
}
.cus-row .col-12 {
    width: 100%;
}


.default-form input[type=date], 
.default-form input[type=email], 
.default-form input[type=number], 
.default-form input[type=password], 
.default-form input[type=search], 
.default-form input[type=tel], 
.default-form input[type=text], 
.default-form input[type=url], 
.default-form select, 
.default-form textarea {
    border: 1px solid var( --e-global-color-secondary );
    padding: 10px;
    border-radius: 7px;
    color: var(--e-global-color-text);
    font-family: "Hanken Grotesk", sans-serif;
    font-size: 18px;
    background: #fff;
    outline: none !important;
}
.default-form textarea {
	height: 150px;
}

.cus-row .submit-button input.wpcf7-form-control.wpcf7-submit.has-spinner {
    font-family: "Hanken Grotesk", Sans-serif;
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
    fill: #FFFFFF;
    color: #FFFFFF;
    background-color: var( --e-global-color-secondary );
    border-style: none;
    border-radius: 7px 7px 7px 7px;
}
.radio-main .wpcf7-list-item {
    margin: 0;
    position: relative;
    width: 50%;
}
.radio-main input {
    position: absolute;
    height: 100%;
    width: 100%;
    visibility: hidden;
}
.radio-main .wpcf7-list-item-label {
    border: 1px solid var( --e-global-color-secondary );
    padding: 15px 10px;
    border-radius: 7px;
    color: var(--e-global-color-text);
    font-family: "Hanken Grotesk", sans-serif;
    font-size: 15px;
    background: #fff;
    display: inline-block;
    width: 100%;
    text-align: center;
    cursor: pointer;
    outline: none !important;
}
.radio-main label {
    width: 100%;
}
.radio-main input:checked + .wpcf7-list-item-label {
    background: var( --e-global-color-secondary );
    color: #fff;
    border-radius: 7px;
}

.page-id-1098 .for-only-loadmore .elementor-post{
	display: none;
}
.elementor-nav-menu--dropdown .elementor-item.highlighted{
	background: transparent !important; 
	color: var( --e-global-color-secondary ) !important;
}
ul.elementor-nav-menu--dropdown a, 
ul.elementor-nav-menu--dropdown a:focus, 
ul.elementor-nav-menu--dropdown a:hover, 
.elementor-nav-menu--dropdown .elementor-item:focus{
	border-inline-start: none !important;
}
.menu-item a{cursor:pointer;}
.header-main{
	transition: width 0.8s;
}
.header-main.fixed-header {
    position: fixed;
    top: 0;
	animation: slideDown 0.35s ease-out;
    left: 0;
    width: 100%;
	background: rgb(255 255 255 / 94%) !important;
    z-index: 99999;
}
@keyframes slideDown {
	0% {transform: translateY(-100%);}
	100% {transform: translateY(0);}
}
.elementor-nav-menu .sub-arrow {
    padding: 10px 0px 10px 5px !important;
}
footer.elementor-slideshow__footer.elementor-lightbox-prevent-close {
    display: none;
}
.header-nav {
    position: absolute !important;
    z-index: 9999 !important;
}

ul.home-banner-slide-main {
    padding: 0px;
}
.home-banner-slide-main li {
    list-style: none;
    position: relative;
    border-radius: 25px !important;
    overflow: hidden;
}
.banner-image img {
    width: 100%;
    filter: brightness(0.5);
	height: 610px !important;
}

.banner-content {
    position: absolute !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 999 !important;
    width: 75%;
    padding: 20px;
}
.banner-tag {
    color: var(--e-global-color-5f31cfb);
    font-family: var(--e-global-typography-ff8aee3-font-family), Sans-serif;
    font-size: var(--e-global-typography-ff8aee3-font-size);
    font-weight: var(--e-global-typography-ff8aee3-font-weight);
    line-height: var(--e-global-typography-f4528a6-line-height);
    text-transform: uppercase;
    text-align: center;
}
.csm-slider-2 .banner-tag{
	margin-bottom: 415px;
}
.csm-slider-3 .banner-tag{
	margin-top: 376px;
}
.csm-slider-0 .banner-tag{
	margin-top: 300px;
}
.banner-content p {
    text-align: center;
    color: var(--e-global-color-5f31cfb);
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size: var(--e-global-typography-text-font-size);
    font-weight: var(--e-global-typography-text-font-weight);
}
.hm-bn-btn a {
    background-color: var(--e-global-color-accent);
    font-family: "Hanken Grotesk", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    color: var(--e-global-color-5f31cfb);
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: var(--e-global-color-accent);
    border-radius: 25px 25px 25px 25px;
    padding: 12px 20px 12px 20px;
}
.hm-bn-btn {
    text-align: center;
    margin-top: 30px;
}
.home-banner-slide-main button.slick-prev.slick-arrow, 
.home-banner-slide-main button.slick-next.slick-arrow{
	right: -15px;
}
.home-banner-slide-main button.slick-prev.slick-arrow{
	left: -15px;
}

button.slick-prev.slick-arrow, 
button.slick-next.slick-arrow {
    font-size: 0px !important;
    padding: 0px !important;
    border: 0px !important;
    background: var(--e-global-color-secondary) !important;
    height: 35px;
    width: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    right: -30px;
    z-index: 999;
}
button.slick-prev.slick-arrow{
	left: -30px;
}
button.slick-prev.slick-arrow:hover, 
button.slick-next.slick-arrow:hover {
    background: var( --e-global-color-primary ) !important;
}
.slick-prev:before, 
.slick-next:before {
    content: "";
    background: url(https://www.serenitysmiles.ca/wp-content/uploads/2024/10/services-dropdown-arrow-1.svg) no-repeat;
    height: 20px;
    width: 20px;
    display: block;
    transform: rotate(90deg);
    background-position: center;
    margin-right: -3px;
}
.slick-prev:before{
    transform: rotate(270deg);
    margin-left: -6px;
}



.home-team-outer .slick-track{
	display: flex;
	gap: 40px;
}
.home-team-outer h3.title {
    color: var(--e-global-color-secondary);
    font-family: "Albert Sans", Sans-serif;
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    margin-top: 15px;
}
.home-team-outer h3.sub-title {
    color: var(--e-global-color-accent);
    font-family: "Albert Sans", Sans-serif;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    margin-top: -5px;
}
.slick-dots li button {
    width: 15px !important;
    height: 15px !important;
    cursor: pointer !important;
    color: transparent !important;
    background: var(--e-global-color-accent) !important;
    border-radius: 50% !important;
}
.slick-dots li.slick-active button {
    background: var(--e-global-color-secondary) !important;
}


.recent-post .elementor-post__card {
    display: flex !important;
    flex-direction: row !important;
    gap: 15px;
    align-items: center;
}
.recent-post .elementor-post__thumbnail__link {
    width: 200px !important;
    margin: 0px !important;
}
.recent-post .elementor-post__text {
    padding: 10px !important;
}
.before-images img {
    width: 100% !important;
    margin-bottom: -4px;
}


.services-title{
	cursor: pointer;
}
.service-toggle-arrow svg{
	transition: .5s linear;
}
/* .services-title:hover .service-toggle-arrow svg,
.services-description:hover + .service-toggle-arrow svg{
	transform: none !important;
} */

.services-feature-image {
    height: 275px !important;
}
.services-feature-image img {
    object-fit: fill;
}
.services-card .services-bottom-des .services-description {
	height: 0px !important;
    background: #8f60ccba !important;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.5s ease, height 0.5s ease;
}
.services-card .services-title:hover + .services-bottom-des .services-description, 
.services-bottom-des .services-description:hover{
    opacity: 1;
    visibility: visible;
    height: 100% !important;
}

.home-services-main .elementor-loop-container style{
	display: none !important;
}

/*.services-description::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #8f60cc00;
}

.services-description::-webkit-scrollbar
{
	width: 12px;
	background-color: #8f60cc00;
}

.services-description::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #fff;
}*/
.homepage-video {
    border-radius: 25px;
    overflow: hidden;
    width: 80% !important;
    margin: auto;
}
.homepage-video .elementor-custom-embed-image-overlay::after {
	content: "";
    display: block;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 999;
}
.homepage-video .elementor-custom-embed-play{
	z-index: 9999;
}
.gallery-content-overlay {
    position: absolute !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.gallery-image-logo {
    position: absolute !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.ti-widget.ti-goog .ti-footer .ti-profile-img {
    display: none !important;
}
.ti-widget.ti-goog .ti-footer .ti-profile-details .ti-name {
    font-size: 26px !important;
    font-family: 'Poppins' !important;
    font-weight: 500;
}
.ti-widget.ti-goog .ti-header-write-btn-container .ti-header-write-btn {
    background: var(--e-global-color-accent) !important;
    border: 1px solid var(--e-global-color-accent) !important;
    font-size: 18px !important;
    font-family: 'Poppins' !important;
    padding: 10px 20px !important;
    border-radius: 50px !important;
    font-weight: 500 !important;
}
body .ti-widget.ti-goog .ti-review-item>.ti-inner, 
body .ti-widget.ti-goog .ti-load-more-reviews-container .ti-load-more-reviews-button {
    background: var(--e-global-color-8cc444f) !important;
    border-radius: 10px !important;
}
body .ti-widget.ti-goog .ti-controls .ti-next, 
body .ti-widget.ti-goog .ti-controls .ti-prev {
    background: var(--e-global-color-accent) !important;
    width: 30px;
    height: 30px;
    border-radius: 50px;
    padding: 10px;
}
body .ti-widget.ti-goog .ti-controls .ti-prev:after, 
body .ti-widget.ti-goog .ti-controls .ti-prev:before{
	left: 5px !important;
}
body .ti-widget.ti-goog .ti-controls .ti-next:after, 
body .ti-widget.ti-goog .ti-controls .ti-next:before{
	right: 5px !important;
}
.footer a {
    color: var(--e-global-color-text);
}
.footer a:hover {
    color: var(--e-global-color-accent);
}
@media screen and (max-width: 1900px){
	
}
@media screen and (max-width: 1600px) and (min-width: 1367px){
	.header-main-menu .menu-item a {
		margin: 0px 5px !important;
		font-size: 14px !important;
	}
	.top-corner-radius a{
		padding: 18px 16px 16px 16px !important;
		font-size: 16px !important;
	}
	.bottom-corner-radius .elementor-widget-container{
		padding: 18px 16px 16px 16px !important;
		font-size: 16px !important;
	}
	.logo-after img {
		width: 80px !important;
	}
	.logo-after {
        right: -70px !important;
        top: 50px !important;
    }
	.why-choose-right::after {
	    height: 70px;
	    width: 150px;
	}
	.our-pro-price-button h2 {
	    font-size: 64px !important;
	}
	.dr-special {
	    font-size: 24px;
	    font-family: 'Roboto';
	}

}
@media screen and (max-width: 1366px){
	.why-choose-right::after {
	    height: 60px;
	    width: 120px;
	}
	.dr-special {
	    font-size: 24px;
	    font-family: 'Roboto';
	}
	.recent-post .elementor-post__thumbnail__link {
	    width: 180px !important;
	}
	.home-team-outer .slick-track{
		gap: 30px;
	}
	.home-team-outer h3.title {
	    font-size: 22px;
	}
	.home-team-outer h3.sub-title {
	    font-size: 18px;
	}
}
@media screen and (max-width: 1200px) and (min-width: 1025px){
	.header-main-menu .menu-item a {
		margin: 0px 5px !important;
		font-size: 13px !important;
	}
	.top-corner-radius a{
		padding: 16px 14px 14px 14px !important;
		font-size: 14px !important;
	}
	.bottom-corner-radius .elementor-widget-container{
		padding: 14px 14px 16px 14px !important;
		font-size: 14px !important;
	}
	.logo-after img {
		width: 90px !important;
	}
	.logo-after {
		right: -20px !important;
		top: 30px !important;
	}
	.main-logo img {
		width: 170px;
	}
	.price-card::after {
	    height: 75px;
	    width: 75px;
	    top: -30px;
	    left: -30px;
	}
	.dr-special {
	    font-size: 22px;
	    font-family: 'Roboto';
	}

}
@media screen and (max-width: 1024px){
	.price-card::after {
	    height: 65px;
	    width: 65px;
	    top: -25px;
	    left: -25px;
	}
	.why-choose-right::after {
	    height: 60px;
	    width: 120px;
	}
	.dr-special {
	    font-size: 20px;
	    font-family: 'Roboto';
	}
	.cus-row .col-6{width: 100%;}
	.cus-row{gap: 5px;}
	
	.slick-prev {
		left: 0px !important;
		z-index: 22;
	}
	.slick-next  {
		right: 0px !important;
		z-index: 22;
	}
	.elementor-widget-container p{
		margin-top: 15px;
	}
	.ti-widget.ti-goog .ti-footer .ti-profile-details .ti-name {
	    font-size: 20px !important;
	}
	.ti-widget.ti-goog .ti-header-write-btn-container .ti-header-write-btn {
	    font-size: 16px !important;
	    padding: 10px 20px !important;
	}
}
@media screen and (max-width: 992px) and (min-width: 769px){
	.header-main-menu .menu-item a {
		margin: 0px 6px !important;
		font-size: 11px !important;
		text-transform: capitalize !important;
	}
	.top-corner-radius a{
		padding: 10px 7px 7px 7px !important;
		font-size: 11px !important;
	}
	.bottom-corner-radius .elementor-widget-container{
		padding: 7px 7px 10px 7px !important;
		font-size: 11px !important;
	}
	.logo-after img {
		width: 50px !important;
	}
	.logo-after {
		right: -10px !important;
		top: 20px !important;
	}
	.main-logo img {
		width: 120px;
	}
	.why-choose-right::after {
	    height: 50px;
	    width: 100px;
	}
}

@media screen and (max-width: 768px){
	.elementor-widget-container p{
		margin-top: 10px;
	}
	.header-nav {
	    position: static !important;
	    z-index: 9999 !important;
	}
	.banner-content {
	    position: static !important;
	    top: 50%;
	    left: 50%;
	    transform: none;
	    z-index: 999 !important;
	    width: 100%;
	    padding: 20px 10px 30px;
	    background: var(--e-global-color-primary) !important;
		border-radius: 0;
		min-height: 200px;
        display: flex;
        flex-direction: column;
        justify-content: center;
	}
	.hm-bn-btn a {
	    background-color: var(--e-global-color-5f31cfb);
	    font-size: 16px;
	    color: var(--e-global-color-accent);
	    border-color: var(--e-global-color-5f31cfb);
	    padding: 8px 15px 8px 15px;
	}
	.hm-bn-btn {
	    margin-top: 15px;
	}
	.top-corner-radius.m-r-0 a{
		border-radius: 0px !important;
	}
	.about-main {
		background-size: 0 !important;
	}
	.price-card::after {
	    height: 65px;
	    width: 65px;
	    top: -25px;
	    left: -25px;
	}
	.why-choose-right::after {
	    height: 40px;
	    width: 80px;
	}
	.ti-header.source-Google {
	    display: flex !important;
	    justify-content: left;
	    align-items: center;
	    flex-direction: column;
	    padding-bottom: 80px;
	}
	.write-review-button {
	    position: absolute;
	    right: 0;
	    top: 175px;
	    z-index: 9;
	}
	.dr-special {
	    font-size: 18px;
	    font-family: 'Roboto';
	}
	.recent-post .elementor-post__thumbnail__link {
	    width: 150px !important;
	}
	li.menu-item a.elementor-item-active, li.menu-item a:hover {
	    background: #32373c !important;
	    color: #fff !important;
	}
	.footer-main li.menu-item a.elementor-item-active, .footer-main li.menu-item a:hover{
	    background: transparent !important;
	    color: #32373c !important;
	}
	.footer-bottom-bar li.menu-item a.elementor-item-active, .footer-bottom-bar li.menu-item a:hover {
	    background: transparent !important;
	    color: #fff !important;
	}
	.cus-row .col-6{width: 100%;}
	.cus-row{gap: 5px;}
	.home-team-outer .slick-track{
		gap: 0px;
	}
	.home-team-outer h3.title {
	    font-size: 20px;
	}
	.home-team-outer h3.sub-title {
	    font-size: 16px;
	}
	.clear-aligners, .testimonials-main {
	    background-size: 100% auto !important;
	}
	.homepage-video{
		width: 100% !important;
	}
	.ti-widget.ti-goog .ti-footer .ti-profile-details .ti-name {
	    font-size: 18px !important;
	}
	.ti-widget.ti-goog .ti-header-write-btn-container .ti-header-write-btn {
	    font-size: 14px !important;
	    padding: 8px 10px !important;
	}
	.csm-slider-2 .banner-tag{
		margin-bottom: 0px;
	}.csm-slider-3 .banner-tag{
		margin-top: 0px;
	}
	.csm-slider-0 .banner-tag{
		margin-top: 0px;
	}
	.banner-image img{
		height: auto !important;
	}
}