/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

html, body{
    overflow-x: hidden;
}


/* Home Page Css */

.social-icn {
    transform: rotate(-90deg);
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
}
.social-icn  .elementor-social-icons-wrapper .elementor-grid-item{
    transform: rotate(90deg);
}
.scroll-icn{
    position: relative;
}
.scroll-icn .elementor-icon-wrapper{
    line-height: 0 !important;
}
.scroll-icn:before {
    content: '';
    background-image: url("https://dev.wordpress-developer.us/creekside-dental/wp-content/uploads/2024/07/Mask-group-3.png");
    width: 120px;
    height: 120px;
    display: block;
    background-repeat: no-repeat;
    background-size: 120px;
    background-position: center;
    position: absolute;
    top: 0px;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
}
.dentistry-bg::after{
    content: '';
    background: url(https://dev.wordpress-developer.us/creekside-dental/wp-content/uploads/2024/07/Group-1707483112.webp);
    background-size: 700px;
    background-repeat: no-repeat;
    background-position: bottom left;
    width: 700px;
    height: 100%;
    position: absolute;
    right: 300px;
    left: 0;
    bottom: 0;
    top: auto;
    margin: auto;
    z-index: -1;
}



.scroll-icn:before{
    animation: rotating 12s linear infinite;
}
@keyframes rotating {
    from {
      transform: rotate(360deg);
    }
    to {
      transform: rotate(0deg);
    }
}

.service-box:hover .service-box-btn a{
    background: #d9e0e5 !important;
    color: #000 !important;
    border-color: #d9e0e5 !important;
}
.mem-bg {
    backdrop-filter: blur(32px);
}
.mem-bg .elementor-icon-wrapper{
    line-height: 0 !important;
}
.contct-icon .elementor-icon-wrapper{
    line-height: 0 !important;
}








@media (max-width: 1366px){
    .scroll-icn .elementor-icon{
        padding: 20px !important;
    }
    .scroll-icn:before{
        width: 105px;
        height: 105px;
        background-size: 105px;
    }
    .dentistry-bg:after{
        background-size: 600px;
        width: 600px;
        right: 300px;
    }
}


@media (max-width: 1280px){
    .social-icn {
    transform: rotate(0deg);
    right: 0;
    left: 0 !important;
    top: unset !important;
    bottom: -50px;
    margin: auto 0;
    }
    .social-icn .elementor-social-icons-wrapper .elementor-grid-item {
        transform: rotate(0deg);
    }
    .othr-socail {
        bottom: -40px;
    }
}

@media (max-width: 1024px) {
    .scroll-icn .elementor-icon {
        padding: 15px !important;
    }
    .scroll-icn:before {
        width: 86px;
        height: 86px;
        background-size: 86px;
    }
    .dentistry-bg:after {
        background-size: 480px;
        width: 480px;
        right: 180px;
    }
}

@media (max-width: 767px) {
    .social-icn {
        right: auto;
        left: auto !important;
    }
    .scroll-icn .elementor-icon {
        padding: 12px !important;
    }
    .scroll-icn::before {
        width: 70px;
        height: 70px;
        background-size: 70px;
    }
    .scroll-icn{
        right: auto !important;
        left: auto !important;
        margin: 0 auto;
    }
    .othr-socail {
        bottom: -35px;
    }
    .dentistry-bg:after {
        background-size: 400px;
        width: 400px;
        left: -115px;
        height: 320px;
    }
    .footer-nav-menu .elementor-nav-menu{
        display: flex;
        align-items: center;
        justify-content: center !important;
        gap: 10px;
        flex-wrap: wrap;
    }
}

@media (max-width: 480px){
	    .seact-btn .e-search-form {
        flex-direction: column;
        row-gap: 15px;
    }
	.seact-btn .e-search-submit {
        margin: 0;
        justify-content: center;
    }
}