.elementor-16614 .elementor-element.elementor-element-b19a33c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;border-style:none;--border-style:none;}.elementor-16614 .elementor-element.elementor-element-b19a33c:not(.elementor-motion-effects-element-type-background), .elementor-16614 .elementor-element.elementor-element-b19a33c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;background-image:url("https://happyhoppersdental.com/wp-content/uploads/2026/07/top-bg.png");background-position:top center;background-repeat:no-repeat;background-size:100% auto;}.elementor-16614 .elementor-element.elementor-element-04885e4{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-16614 .elementor-element.elementor-element-fe0efcc{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-16614 .elementor-element.elementor-element-5693b93.elementor-element{--align-self:flex-start;}.elementor-16614 .elementor-element.elementor-element-5693b93{text-align:start;}.elementor-16614 .elementor-element.elementor-element-5693b93 img{width:115px;}.elementor-16614 .elementor-element.elementor-element-184f6d7{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-16614 .elementor-element.elementor-element-184f6d7.e-con{--align-self:center;}.elementor-16614 .elementor-element.elementor-element-bae2b7e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#EEEEEE;--border-color:#EEEEEE;--border-radius:100px 100px 100px 100px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-16614 .elementor-element.elementor-element-bae2b7e:not(.elementor-motion-effects-element-type-background), .elementor-16614 .elementor-element.elementor-element-bae2b7e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-16614 .elementor-element.elementor-element-492c58c .elementor-button{background-color:#FFAC00;font-family:"Urbanist", Sans-serif;font-size:18px;font-weight:700;fill:#FFFFFF;color:#FFFFFF;transition-duration:0.9s;border-radius:100px 100px 100px 100px;padding:15px 24px 15px 24px;}.elementor-16614 .elementor-element.elementor-element-492c58c .elementor-button:hover, .elementor-16614 .elementor-element.elementor-element-492c58c .elementor-button:focus{background-color:#111111;}.elementor-16614 .elementor-element.elementor-element-02db7b1 .elementor-button{background-color:#FFFFFF;font-family:"Urbanist", Sans-serif;font-size:18px;font-weight:700;fill:#111111;color:#111111;transition-duration:0.9s;border-style:solid;border-width:0px 0px 0px 0px;border-color:#EEEEEE;border-radius:100px 100px 100px 100px;padding:15px 24px 15px 24px;}.elementor-16614 .elementor-element.elementor-element-02db7b1 .elementor-button:hover, .elementor-16614 .elementor-element.elementor-element-02db7b1 .elementor-button:focus{background-color:#111111;color:#FFFFFF;}.elementor-16614 .elementor-element.elementor-element-02db7b1 .elementor-button:hover svg, .elementor-16614 .elementor-element.elementor-element-02db7b1 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-16614 .elementor-element.elementor-element-1ef3753{--display:flex;--justify-content:center;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-16614 .elementor-element.elementor-element-b19a33c{--content-width:1170px;}}@media(max-width:1024px) and (min-width:768px){.elementor-16614 .elementor-element.elementor-element-b19a33c{--content-width:100%;}.elementor-16614 .elementor-element.elementor-element-04885e4{--width:100%;}.elementor-16614 .elementor-element.elementor-element-bae2b7e{--width:100%;}}@media(max-width:1024px){.elementor-16614 .elementor-element.elementor-element-b19a33c{--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-16614 .elementor-element.elementor-element-04885e4{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-16614 .elementor-element.elementor-element-fe0efcc{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-16614 .elementor-element.elementor-element-184f6d7{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-16614 .elementor-element.elementor-element-184f6d7.e-con{--align-self:flex-end;}.elementor-16614 .elementor-element.elementor-element-bae2b7e{--gap:20px 20px;--row-gap:20px;--column-gap:20px;--flex-wrap:wrap;border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;}.elementor-16614 .elementor-element.elementor-element-02db7b1 .elementor-button{border-width:1px 1px 1px 1px;}.elementor-16614 .elementor-element.elementor-element-6f215d3.elementor-element{--align-self:flex-end;}}@media(max-width:767px){.elementor-16614 .elementor-element.elementor-element-04885e4{--justify-content:center;--flex-wrap:nowrap;}.elementor-16614 .elementor-element.elementor-element-bae2b7e{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--flex-wrap:wrap;}.elementor-16614 .elementor-element.elementor-element-bae2b7e.e-con{--align-self:center;}}/* Start custom CSS for container, class: .elementor-element-b19a33c */.header-shrink{
    transition: all .35s ease;
    width: 100% !important;
    max-width: 100% !important;
}

.header-shrink.scrolled{
    padding: 10px 0;
    width: 100% !important;
    max-width: 100% !important;
}

.header-shrink .header-menu-srink{
    margin-top: 0px;
    margin-bottom: 0px;
    transition: all .35s ease;
}

.header-shrink.scrolled .header-menu-srink{
    margin-top: -20px;
    margin-bottom: -20px;
}

/* Logo */
.header-shrink .elementor-widget-theme-site-logo img,
.header-shrink .elementor-widget-image img{
    transition: all .35s ease;
}

.header-shrink.scrolled .elementor-widget-theme-site-logo img,
.header-shrink.scrolled .elementor-widget-image img{
   max-width: 90px;
}



@media only screen and (max-width:1024px){
    .header-shrink.scrolled .headerlogo, .header-shrink.scrolled .header-buttons, .header-shrink.scrolled .header-menu-srink{
 padding: 0px 10px;
}
.header-shrink.scrolled{
    padding: inherit !important;
    min-height: inherit !important;
    transform: none !important;
}
}/* End custom CSS */
/* Start custom CSS */p{
 color: #494949;   
}

.hero-right-border:after{
content: '';
width: 1px;
height: 100%;
background: #E8E8E8;
position: absolute;
right: -10px;
}
.buttons-shadow{
    box-shadow: 0px 20px 30px #0000000F;
        width: max-content !important;
}

h2:before{
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 6px;
    height: 100%;
    border-radius: 100px;
     transform: translateY(-50%);
    background: linear-gradient(
        180deg,
        #FFAC00 0%,
        #F6C100 20%,
        #42B6A3 60%,
        #00A6CE 100%
    );
}


.smiles-box .elementor-icon{
 box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.06);
}
.smiles-box .elementor-icon-list-item{
    flex-direction: row-reverse;
    justify-content: space-between;
}
.smiles-box .elementor-icon-list-item a{
    flex-direction: row-reverse;
    justify-content: space-between;
}
.dentalcare-points .elementor-icon-list-item{
     background: linear-gradient(90deg, #00A6CE 0%, #42B6A3 30%, #FFAC00 80%) left / 0% 100% no-repeat,
        #fff;
    box-shadow: 0px 20px 30px #0000000F;
    padding: 12px 20px;
    border-radius: 100px;
    cursor: pointer;
    transition: background-size 0.9s ease, box-shadow 0.9s ease, padding 0.9s ease;
}
/* Hover */
.dentalcare-points .elementor-icon-list-item:hover{
  background-size: 100% 100%, auto;
    box-shadow: 0px 15px 35px rgba(0,0,0,.15);
    padding: 12px 45px;
}
.dentalcare-points .elementor-icon-list-item:hover .elementor-icon-list-text{
    color: #fff !important;
}
.dentalcare-points .elementor-icon-list-item  .elementor-icon-list-text{
   transition: color 0.9s ease, transform 0.9s ease;
}


.dentalcare-points .elementor-icon-list-items {
    row-gap: 24px;
}

/* Left Star */
.dentalcare-points .elementor-icon-list-text::before{
    content: "";
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%) scale(0);
    width: 18px;
    height: 18px;
    background: url("/wp-content/uploads/2026/07/star.png") no-repeat center;
    background-size: contain;
    opacity: 0;
    transition: all .9s ease;
}

/* Right Star */
.dentalcare-points .elementor-icon-list-text::after{
    content: "";
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%) scale(0);
    width: 18px;
    height: 18px;
    background: url("/wp-content/uploads/2026/07/star.png") no-repeat center;
    background-size: contain;
    opacity: 0;
    transition: all .9s ease;
}

/* Show stars when item is hovered */
.dentalcare-points .elementor-icon-list-item:hover .elementor-icon-list-text::before,
.dentalcare-points .elementor-icon-list-item:hover .elementor-icon-list-text::after{
    opacity: 1;
    transform: translateY(-50%) scale(1);
}

.teeth-points .elementor-icon-list-item{
    box-shadow: rgba(0, 0, 0, 0.06) 0px 20px 30px;
    cursor: pointer;
    background: rgb(255, 255, 255);
    padding: 12px 20px;
    border-radius: 100px;
    row-gap: 16px;
}

.location-points .elementor-icon-list-item{
     background: linear-gradient(90deg, #00A6CE 0%, #42B6A3 30%, #FFAC00 80%) left/0% 100% no-repeat,
        #fff;;
    box-shadow: 0px 20px 30px #0000000F;
    padding: 12px 20px;
    border-radius: 100px;
    cursor: pointer;
   transition: background-size 0.9s ease, box-shadow 0.9s ease;
}
.location-points .elementor-icon-list-items {
    row-gap: 16px;
}

.location-points  .elementor-icon-list-icon{
 display: none;
 transition: all 0.9s ease;
}

/* Hover */
.location-points .elementor-icon-list-item:hover{
 background-size: 100% 100%, auto;
    box-shadow: 0px 15px 35px rgba(0,0,0,.15);
    padding: 12px 18px;
}
.location-points .elementor-icon-list-item:hover .elementor-icon-list-text{
    color: #fff !important;
    
}
.location-points .elementor-icon-list-item  .elementor-icon-list-text{
     transition: color 0.9s ease, transform 0.9s ease;
}
.location-points .elementor-icon-list-item:hover .elementor-icon-list-icon {
    display: flex;
}
.review-star .elementor-icon-box-content:after
 {
    content: '';
    width: 1px;
    height: 100%;
    background: rgba(17, 17, 17, 0.1);
    position: absolute;
    display: block;
    right: 63px;
    top: 3px;
    bottom: 0px;
}

.faqs .e-n-accordion-item{
    box-shadow: 0px 0px 30px 20px rgba(0, 0, 0, 0.04);
    padding: 20px;
    border-radius: 12px;
    background: #fff;
}

/* Add class logo-carousel to the widget */
.logo-carousel .swiper-wrapper {
    transition-timing-function: linear !important;
}

.logo-carousel {
    -webkit-mask-image: linear-gradient( to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 15%, rgba(255, 255, 255, 1) 85%, rgba(255, 255, 255, 0) 100% );
    mask-image: linear-gradient( to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 15%, rgba(255, 255, 255, 1) 85%, rgba(255, 255, 255, 0) 100% );
}

.logo-carousel .swiper-wrapper {
    width: max-content !important;
    animation: logoMarquee 25s linear infinite;
}

@keyframes logoMarquee {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }
}

.why-choose-box{
 transition: transform .3s ease;
 cursor: pointer;
}

.why-choose-box:hover{
 transform: translateY(-3px);
 box-shadow: 0px 5px 20px 0px rgb(255 172 0 / 32%) !important;
}


@media only screen and (max-width:1024px){
h2:before{
    width: 4px;
}
 .mobile-border:after{
 content: '';
width: 1px;
height: 80%;
background: #E8E8E8;
position: absolute;
right: -7px;
display: block !important;
top: auto;
bottom: auto;
 }
.hero-right-border:after{
    display: none;
}
.dentalcare-points .elementor-icon-list-items {
    row-gap: 16px;
}
.location-points .elementor-icon-list-items {
    row-gap: 12px;
}
.teeth-points .elementor-icon-list-items{
   row-gap: 12px; 
}

}

@media only screen and (max-width:767px){
   .review-star .elementor-icon-box-content:after{
       left: 65px;
       right: auto !important;
   } 
  .faqs .e-n-accordion-item{
    padding: 12px;
}
 .buttons-shadow{
     box-shadow: none !important;
     background-color: transparent !important;
 }

.cta-title h2:before{
    display: none ;
}

 .mobile-border:after{
 content: '';
width: 1px;
height: 80%;
background: #E8E8E8;
position: absolute;
right: -7px;
display: block !important;
top: auto;
bottom: auto;
 }

}


/*--Nutton Shadow animation--*/
 .buttons-shadow{
 animation: glowCenter 5s linear infinite;
 cursor: pointer;
 }
@keyframes glowCenter {
    0% {
        box-shadow:
            0 20px 30px rgba(0,0,0,.06),
            0 0 12px rgba(255,172,0,.35),
            0 0 24px rgba(255,172,0,.15);
    }

    33% {
        box-shadow:
            0 20px 30px rgba(0,0,0,.06),
            0 0 18px rgba(66,182,163,.45),
            0 0 36px rgba(66,182,163,.20);
    }

    66% {
        box-shadow:
            0 20px 30px rgba(0,0,0,.06),
            0 0 22px rgba(0,166,206,.55),
            0 0 44px rgba(0,166,206,.25);
    }

    100% {
        box-shadow:
            0 20px 30px rgba(0,0,0,.06),
            0 0 12px rgba(255,172,0,.35),
            0 0 24px rgba(255,172,0,.15);
    }
}

/*--Simple button zoom animation--*/
.zoom-buttons .elementor-button{
  animation: bounce 5s infinite ease-in-out;
}
.faqs-arrows .elementor-icon-wrapper{
animation: bounce 2s infinite ease-in-out;
}
@keyframes bounce {
    0%, 100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-10px);
    }
}/* End custom CSS */