/* hero banner layout */
.slides > li .excerpt{
    margin:0;
}
.slides > li .slide_button a{
    text-transform:capitalize;
}
/* blog detail page and privacy page css for bullet */
body.single-post .entry-content ul li,
body.page-id-9765 .entry-content ul li{
    list-style: none;
  position: relative;
  padding-left: 18px; /* Bullet + small gap */
}
body.single-post .entry-content ul,
body.page-id-9765 .entry-content ul{
    padding-left: 0;
    margin-left:0;
}
body.single-post .entry-content ul li::before,
body.page-id-9765 .entry-content ul li::before{
  content: '•';
  color:#ffffff;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 20px;
  line-height: 1.4;
}
/* faq css */
.faq-list a{
    color: #468e0a !important;
}
.e-n-accordion p a:hover{
    text-decoration: underline;
}
/* contact page css which is not possible from elementor */
.elementor-element-c98ebf8,
.elementor-element-f96d6a4{
    margin-bottom:35px !important;
}
.elementor-element-5a81e31 .elementor-element-populated{
    padding-top:2px !important;
}
.elementor-element.elementor-element-ca7aeab{
    margin-bottom:10px !important;
}
.google-map{
    height:366px !important;
}
.google-map .gm-ui-hover-effect {
	display: none !important;
}
/* global css for all and testimonial page*/
.elementor-button:focus {
    background-color:transparent !important;
    border-color: #ffffff !important;
}
.elementor-button:focus:hover {
  background-color: #66b210 !important;
  border-color: #66b210 !important;
}
.elementor-page-5574 main,
body.blog main{
    padding-top: 93.3333px !important;
}
.elementor-page-5574 .entry-header .entry-title{
    margin-bottom: 20px !important;
    margin-top: 40px !important;
}
/* tips and advice css*/
.blog-with-post-cover .blog-header-info{
    position:relative !important;
    padding:0;
    transform: none !important;
}
.blog-with-post-cover .blog-header-cover{
    min-height:auto !important;
}
body.blog nav.navbar{
    backdrop-filter: blur(10px) !important;
    background:#000000 !important;
}
body.single .entry-content p{
    margin-bottom:15px;
}
/* legal notice and privacy policy css*/
.custom-content p{
    margin-bottom:15px;
}
.custom-content h4{
    color:#039ee9;
    font-weight:400;
}
.custom-content h3{
    color:#ffffff;
    font-weight:400;
}
/* cookie banner css*/
.cky-consent-container{
    z-index:999999999999 !important;
}
/* blog page button css */
a.read-more-btn:hover,
a.more_link:hover{
    text-decoration:underline !important;
}
a.more_link{
    font-weight:400;
}
a.more_link::after{
    content:none !important;
}
/* blog(tips and advice) detail page */
.single .entry-content h4{
    color: #039ee9;
    font-weight:400;
}
.single .entry-meta a{
    color: #66b210;
}
.single .entry-meta a:hover{
    text-decoration:underline !important;
}
.single .has-post-cover .entry-header .entry-meta a:hover {
    color: #66b210;
}
.single .entry-content p a:hover{
    text-decoration:underline;
}

.single .wpz-share a svg:hover {
    fill: #66b210 !important;
}
.single .wpz-share{
    padding-top:20px;
}
/* hide tooltip */
.zoom-social_icons-list__link[title]:hover::after {
    content: none !important;
}
.zoom-social_icons-list__link[title] {
    pointer-events: auto;
}
body.single .entry-content,
body.blog .entry-content{
    color: #ffffff;
}
/* Erratic hover behaviour in ‘Privacy policy’ link (footer). */
.designed-by ul li{
    z-index:999;
}
/* all title custom size for h2 and side menu font size */
.new-size h2{
    font-size:40px;
}
.side-nav .side-nav__wrap .side-nav__scrollable-wrap .side-nav__scrollable-container .navbar-nav li > a{
    font-size:40px !important;
}

/* contact page */
.elementor-628 .elementor-element.elementor-element-4cab8e0 > .elementor-element-populated,
.elementor-628 .elementor-element.elementor-element-6298a1d > .elementor-element-populated{
    padding-top:0!important;
}
.contact-inner-info h4{
    margin-top:0px;
    color:#ffffff;
}
/* tidio chat*/
#tidio-chat iframe:not(.tidioChat-open) {
    width: max-content !important;
}
#tidio-chat{
    z-index:12 !important;
}
body.home #tidio-chat{
    display:none;
    z-index:9999999999999 !important;
}
#tidio-chat iframe{
    width:250px;
}

/* override global css for a*/
a{
    color: #66b210;
}
/* portfolio css*/
.portfolio-popup-video:after {
    content: "\f04b" !important;
    font: normal 32px / 15px 'FontAwesome';
}
.portfolio-view_all-link .btn{
    margin-bottom:0;
    margin-top:60px;
}
/* tips and advice color css*/
.blog-layout_two-column .entry_wrapper #recent-posts article .entry-content .more_link{
    color: #66b210 !important;
}
/* override parent theme color for some elements */
input, textarea, div.wpforms-container-full .wpforms-form input, div.wpforms-container-full .wpforms-form input[type=text], div.wpforms-container-full .wpforms-form input[type=email], div.wpforms-container-full .wpforms-form textarea{
    color: #66b210 !important;
    border: 2px solid #66b210 !important;
}
/* page title css*/
.entry-header-excerpt{
    display:none;
}
.section-title,
h1.entry-title{
    font-size: 40px !important;
    color: #ffffff !important;
    text-align: center !important;
    margin-top:40px;
    font-weight:400 !important;
}
.page h1.entry-title{
    margin-top:40px;
}
/* blog page title css*/
.blog-layout_two-column .blog-header-info{
    margin:0 0 70px;
}
/* blog page image css*/
.blog-layout_two-column .entry_wrapper #recent-posts article .post-thumb{
    display:block;
}
#recent-posts article{
    margin-bottom:0 !important;
    padding-bottom:0 !important;
}
body.blog .entry_wrapper{
    margin-bottom:70px !important;
}
/* contact page office image css */
.elementor-element-a2ef0b8 h4{
    margin-bottom:0px;
}
.office-img{
    width:100%;
    height:326px;
}
/*footer space css */
.site-footer > .inner-wrap{
    border-top:none;
}
footer{
    border-top: 2px solid rgba(255, 255, 255, 0.2);
}
.site-info{
    padding:10px 0px;
}
/* css for footer privacy policy and legal notice */
.designed-by ul{
    display: flex;
    justify-content: end;
    
}
.designed-by ul li{
    list-style:none;
}
.designed-by ul li:first-child{
    margin-right:20px;
}
.designed-by ul li a{
    color:#888;
    display:inline-block;
    font-weight:400;
}
.designed-by ul li a:hover{
    text-decoration:underline;
}
/* side bar social media css*/
.side-nav .side-nav__wrap .side-nav__footer .side-nav__social .widget a .socicon{
    color:#ffffff!important;
    background: #111111 !important;
}
.zoom-social_icons-list-span .social-icon:hover:before {
    color: red !important; /* Change 'red' to your desired hover color */
}
.side-nav .side-nav__wrap .side-nav__footer .side-nav__social .widget a:hover .socicon{
    background: #111111 !important;
}
.side-nav .side-nav__wrap .side-nav__footer .side-nav__social .widget a:hover .social-icon:before{
    background: #000000 !important;
}
.side-nav .side-nav__wrap .side-nav__footer .side-nav__social .widget a:hover .socicon{
    color: #66b210 !important;
}

/* slider play pause button css*/
/* General Button Styles (Applies to Play/Pause & Audio Buttons) */
.wpzoom-button-sound-background-unmute:after {
    display:none;
}
.wpzoom-button-sound-background-mute:after{
    display:none;
}
.wpzoom-button-video-background-play .video-control,
.wpzoom-button-video-background-pause .video-control,
.wpzoom-button-sound-background-unmute .audio-control,
.wpzoom-button-sound-background-mute .audio-control {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.6);
    color: white;
    font-size: 18px;
    cursor: pointer;
    transition: background 0.3s ease-in-out;
}

.wpzoom-button-video-background-play .video-control:hover,
.wpzoom-button-video-background-pause .video-control:hover,
.wpzoom-button-sound-background-unmute .audio-control:hover,
.wpzoom-button-sound-background-mute .audio-control:hover {
    background-color: rgba(0, 0, 0, 0.8);
}

/* Equalizer Effect - ONLY WHEN MUTED (REVERSED LOGIC) */
.wpzoom-button-sound-background-mute .audio-control.active .equalizer {
    display: flex;
    gap: 3px;
    width: 20px;
    height: 20px;
    align-items: flex-end;
}

/* Equalizer Bars for banner area */
.wpzoom-button-sound-background-mute .audio-control.active .equalizer span {
    width: 3px;
    height: 100%;
    background: white;
    display: inline-block;
    animation: equalizerAnimation 1s infinite ease-in-out alternate;
}

/* Different Heights & Animation Delays */
.wpzoom-button-sound-background-mute .audio-control.active .equalizer span:nth-child(1) { animation-delay: 0s; }
.wpzoom-button-sound-background-mute .audio-control.active .equalizer span:nth-child(2) { animation-delay: 0.2s; height: 60%; }
.wpzoom-button-sound-background-mute .audio-control.active .equalizer span:nth-child(3) { animation-delay: 0.4s; height: 80%; }
.wpzoom-button-sound-background-mute .audio-control.active .equalizer span:nth-child(4) { animation-delay: 0.6s; height: 50%; }
.wpzoom-button-sound-background-mute .audio-control.active .equalizer span:nth-child(5) { animation-delay: 0.8s; height: 70%; }

/* Keyframes for Equalizer Effect */
@keyframes equalizerAnimation {
    0% { transform: scaleY(0.3); }
    100% { transform: scaleY(1); }
}

/* Volume Up Icon (No Animation, Only When Unmuted) */
.wpzoom-button-sound-background-unmute .audio-control i {
    font-size: 18px;
}

/* home page testimonial quotes */
.testimonials-section .testimonial-content .qhome-before, 
.testimonials-section .testimonial-content .qhome-after{
    position: relative;
    padding: 10px;
    font-family: sans-serif;
}
.testimonials-section .qhome-before::before, .testimonials-section .qhome-after::after {
    position: absolute;
    font-size: 30px;
    font-weight: bold;
    color: #000000;
}
.testimonials-section .testimonial-content .qhome-before::before {
    content: '“';
    top: 4px;
    left: -2px;
}
.testimonials-section .testimonial-content .qhome-after::after {
    content: '”';
    bottom: 6px;
    right: -2px;
}
/* header transperent css */
body.page-template .navbar {
    background-color:transparent;
}
body.page-template .headroom--not-top .navbar  {
       /*background-color: var(--color__body-background-90) !important;*/
       background-color: #000000 !important;
        backdrop-filter: blur(10px);
        padding: 12px 0;
    }
/* home testimonial css */
.testimonials-section {
    display: flex;
    justify-content: center;
    gap: 30px;
    background: #000;
    flex-wrap: wrap;
}

.testimonial {
    width: 370px;
    background: #fff;
    overflow: hidden;
    text-align: left;
    padding-bottom: 20px;
    position: relative;
}

.testimonial-image-wrapper {
    position: relative;
}

.testimonial img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}

.avatar {
    position: absolute;
    bottom: -35px; /* Move slightly down from the image */
    left: 10px; /* Place it on the left */
    width: 85px; /* Make it bigger */
    height: 85px;
}

.avatar img {
    width: 100%;
    height: 100% !important;
    border-radius: 50% !important;
    /*background: #fff;
    padding: 5px;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);*/
}

.testimonial-content {
    padding: 40px 15px 15px; /* Add padding to accommodate floating avatar */
}

.testimonials-section h3 {
    font-size: 24px;
    margin-top: 10px;
    color:#000000;
}
.testimonial-content p{
    font-size: 16px;
    font-weight: normal;
    line-height: 1.75em;
    margin-bottom:0px !important;
    color:#000000;
}
.star-rating {
    color: #ffcc00;
    font-size: 16px;
    padding-top:10px;
}
/* Activate accent color in portfolio filter */
.page-id-6807 .site-footer > .inner-wrap {
    border-top: none;
}
.portfolio-archive-taxonomies li.current-cat a {
  color: #66b210 !important;
}
/* Add underline to links when on hover */
.hyper-link a:hover {
    text-decoration: underline !important; 
}
.side-nav .side-nav__wrap .side-nav__scrollable-wrap .side-nav__scrollable-container .navbar-nav li.current-menu-item a{
    color: #ffffff;
}
.side-nav .side-nav__wrap .side-nav__scrollable-wrap .side-nav__scrollable-container .navbar-nav li.custom-active a{
    color: #66b210;
}
.side-nav .side-nav__wrap .side-nav__scrollable-wrap .side-nav__scrollable-container .navbar-nav li.live-page a{
     color: #66b210;
}
/* Slider pause button text */
.background-video-buttons-wrapper a{
    color:#ffffff !important;
}
/* footer contact menu hover effect - underline */
a.footer-contact:hover{
    text-decoration: underline;
}
/* css above tablet */    
@media only screen and (min-width: 767px) {
    body.blog h1.section-title{
        margin-top:44px !important;
    }
    .elementor-element-2e08349 h2{
        margin-bottom:0px;
    }
    .elementor-element-a780175,
.elementor-element-3265bdab,
.elementor-element-88e5990{
    z-index:99999999999;
}
    body.side-nav-open{
        height:100% !important;
    }
    /* css for slide menu from right instead of top */
    .side-nav {
        transform: translateX(100%); /* Move off-screen to the right */
        transition: all 0.5s ease;
    }
    .side-nav-open .side-nav {
        transform: translateX(0); /* Slide in from the right */
    }
    .side-nav {
        width:40%;
        left:unset;
    }
}
/* mobile css */
@media only screen and (max-width: 767px) {
    #tidio-chat iframe:not(.tidioChat-open) {
    width: 80px !important;
}
    .elementor-page-5574 main{
        padding-top:90px !important;
    }
    .testimonial-container{
        padding-top:40px;
    }
    body.blog h1.section-title{
        margin-top:43px;
    }
    body.home .portfolio-view_all-link{
        margin-top:30px;
    }
    body.home article .post-grid-thumbnail img{
        width:100%;
    }
    .portfolio-showcase .portfolio-grid.portfolio_with_space{
        margin-bottom:0px;
    }
    .portfolio-view_all-link .btn{
    margin-bottom:0;
    margin-top:0px;
}
    body.single h1.entry-title{
        font-size:32px !important;
        text-align:left !important;
    }
    body.single .entry-content{
        margin:25px auto;
    }
    body.side-nav-open {
    height: auto;
    overflow: auto;
}
    /* testimonial order change for mobile*/
    .page-id-5574 .testimonial-box:nth-child(2){
        order:-1;
    }
    .elementor-element-44d0a01 .testimonial:nth-child(2){
        order:-1;
    }
    /*footer privacy policy and learn more link css*/
    .designed-by ul{
        justify-content: center;
        margin: 0 auto;
        padding-right:0;
    }
    .site-info{
        padding:20px 0px;
    }
    /* for mobile set fi height so that footer social icon can be visible easily without scroll */
    .side-nav .side-nav__wrap .side-nav__scrollable-wrap{
        max-height:500px;
    }
     /* set close icon for mobile while menu open */
    .side-nav-open .site .navbar-toggle .icon-bar:nth-child(2) {
        transform: rotateZ(-45deg) translate3d(-5px, 5px, 0) !important;
        width: 28px !important;
    }
    .side-nav-open .site .navbar-toggle .icon-bar:nth-child(3) {
        opacity:0;
    }
    .side-nav-open .site .navbar-toggle .icon-bar:nth-child(4) {
        transform: rotateZ(45deg) translate3d(-5px, -5px, 0) !important;
        width: 28px;
    }
     /* slidemenu from right */
    .side-nav {
        transform: translateX(100%); /* Move off-screen to the right */
        transition: all 0.5s ease;
    }
    .side-nav-open .side-nav {
        width:100%;
        transform: translateX(0); /* Slide in from the right */
  }
}