/* 
Theme Name:  Al-Azzawi-2026
Author: Devon Conn 
Version: 1.0 
License: GNU General Public License v2 or later License 
URI: http://www.gnu.org/licenses/gpl-2.0.html 
Text Domain: Al-Azzawi-2026
Tags: Al-Azzawi-2026
Al-Azzawi-2026  is distributed under the terms of the GNU GPL. */

/*------------------------------ Project Specific CSS ---------------------------------*/
.wp-block-post .post-title-blog{
	font-size: clamp(15px, 2vw, 28px) !important;
}
body .wp-site-blocks p:not(.center){
    text-align: justify !important;
    hyphens: auto;
}
body p {
 	text-align: center !important; 
}

body h2 {
 	text-align: center !important; 
}

body h1 {
 	text-align: center !important; 
}
body h2.wp-block-heading.has-text-align-center.max-width-head {
 	margin-right: 0px !important; 
}

.tab-section .inner-width-adjust {
    max-width: 82% !important;
}
body:not(.page-child)  .child-only{display:none!important;}
.page-child .parent-only{display:none!important;}
.wp-block-columns.services-tab {
    gap: 30px 5%;
}
div .wp-container-core-group-is-layout-c3004e8d > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    max-width: 68%;
 
}
div .wp-block-columns.services-tab .wp-block-column:first-child {
flex-basis:40%!important;
}

div .wp-block-columns.services-tab .wp-block-column:nth-child(2) {
flex-basis:60%!important;
}

 
.ti-review-wrapper {
    background: white !important;
    color: var(--wp--preset--color--custom-services) ;
    box-shadow: var(--wp--preset--shadow--natural);
  padding:16px;
}
 
.large-max-width{
	max-width:1660px !important;
}


 
/*
div .features_item {
    background: url(#);
    background-size: contain !important;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: 50%;
}*/

.wp-block-buttons>.wp-block-button.has-custom-width .wp-block-button__link {
    width: 100% !important;
    min-width: unset !important;
}
.doctor-section figure img,
.first-section figure img {
    aspect-ratio: 696 / 697;
    object-fit: cover;
}
:root :where(h1.wp-block-heading) {
 font-weight:400!important;
}
a:where(:not(.wp-element-button)){
 text-decoration:none!important;
  transition: color .3s ease-in;
}

.fixed-nav .desktop-main-header img.custom-logo{
   max-width:85%!important;
}
}
:root :where(.wp-block-button .wp-block-button__link) {
  transition: all .3s ease-in;
}
.wp-block-cb-carousel .slick-slide .wp-block-group.has-background.is-layout-flow.wp-block-group-is-layout-flow{
  min-height: 315px;}
.wp-block-social-links.has-small-icon-size{
font-size: 18px!important;
}

div .cover-flower.wp-block-cover img{
z-index: 1!important;
  object-fit: contain!important;
  object-position: center!important;
}
div .esab__collapse svg {
  transform: rotate(-90deg)!important;
}
.ge5-header  p a:hover,.top-header p a:hover, footer div a:hover{
    color:var(--wp--preset--color--custom-button) !important;
}
 .review-postion-logo{
     margin-top: -100px !important;
}
 .contact-position{
     position:relative;
     margin-top:-250px!important;
}
 .footer-contact-position{
     position:relative;
     margin-top:-80px!important;
}
 .slope-clip-path-bottom {
     clip-path: polygon(0 0%, 100% 0%, 100% 78%, 0% 100%) !important;
}
 .slope-clip-path {
     clip-path: polygon(0 14%,100% 0%,100% 86%,0% 100%)!important;
}
 .blog-button{
    min-width: -moz-available!important;
}
.wp-block-post-content figure {
     text-align:center;
}
.circle li{list-style: none!important;}
.circle li::before{
  content: " ";
  background: var(--wp--preset--color--custom-button)!important;;
  border-radius: 100%;
  background-size: 12px 12px;
  height:12px;
  width:12px;
  display: inline-block;
  color: var(--wp--preset--color--custom-button)!important;;
  margin-right: 16px;
}
 .blog-button:hover, .button-menu a:hover{
     color: var(--wp--preset--color--foreground) !important;
     border-color:var(--wp--preset--color--custom-services) !important;
     background-color: transparent !important;
}
.button-menu.left a{
margin-left: -20px!important;
}
 .blog-button,.button-menu a.wp-block-button__link.wp-element-button ,  .button-menu a{
     font-weight:500;
     min-width:260px;
     text-align:center;
     border-radius:25px!important;
     width:260px !important;
     max-width: 260px !important;
     min-width: 260px !important;
     font-size: 14px !important;
}
.mbl-top-header .wp-block-navigation__responsive-container-close svg{
  color:white!important;
}
 .mbl-top-header .wp-block-navigation__responsive-container-open svg {
     color: white !important;
}
 .mbl-header-nav .wp-block-navigation-item.has-child a:after, .desktop-header-nav .wp-block-navigation-item.has-child a:after, .mbl-header-nav .wp-block-navigation-item>a>span::after, .desktop-header-nav .wp-block-navigation-item>a>span::after {
     background-color:var(--wp--preset--color--custom-button);
}
 .mbl-header-nav .wp-block-navigation__responsive-container {
     background-color: color-mix(in srgb, var(--wp--preset--color--custom-services) 80.1%, transparent)!important; !important;
     color: white ! important;
}
.cols-radius{
	border-radius: 30px;
  }
/*------------------------------ Project Specific CSS END ---------------------------------*/
/*------------------------------ Font Size ---------------------------------*/
@media screen and (min-width: 1750px) {
  p.p-16{font-size:16px!important;}
  .desktop-width{max-width:1280px!important;}
  div  h3.wp-block-heading.has-custom-font{font-size:45px!important;}
 div  .wp-block-button__link.wp-element-button {
     min-width: 345px!important;
     width: 345px!important;;
}
    div .left-align {
        margin-left: 0 !important;
        margin-right: auto !important;
    }

    div .left-right {
        margin-left: auto !important;
        margin-right: 0 !important;
    }

    div h2.wp-block-heading.has-htwo-large-font-size,
    div h2.has-htwo-large-font-size {
        font-size: 60px !important;
    }
   .home div .wp-block-heading.has-htwo-font-size,
    .home h2.wp-block-heading {
        font-size: 58px !important;
    }
    div .wp-block-heading.has-htwo-font-size,
    h2.wp-block-heading {
        font-size: 60px !important;
    }

    h3.wp-block-heading,
    div .wp-block-heading.has-hthree-font-size {
        font-size: 35px !important;
    }

    h4.wp-block-heading,
    div .wp-block-heading.has-hfour-font-size {
        font-size: 30px !important;
    }

    h5,
    h5.wp-block-heading,
    div  .has-hfive-font-size,
    div .wp-block-heading.has-hfive-font-size {
        font-size: 22px!important;
    }

    h6.wp-block-heading,
    div .wp-block-heading.has-hsix-font-size,
    div .has-hsix-font-size {
        font-size: 16px !important;
    }

    .wp-block-heading.has-service-three-font-size,
    div .has-service-three-font-size {
        font-size: 40px !important;
    }
  
    .wp-block-heading.has-service-two-font-size,
    div .has-service-two-font-size {
        font-size: 28px !important;
    }
   .wp-block-heading.has-small-font-size,
      p.has-small-font-size,
  li.has-small-font-size,
    div .has-small-font-size {
        font-size: 18px !important;
    }

  p,
  li,
    .wp-block-heading.has-paragraph-font-size,  
    li.has-paragraph-font-size,
    p.has-paragraph-font-size,
    div .has-paragraph-font-size {
        font-size: 20px!important;
    }
    h1,
  .wp-block-button__link.wp-element-button,
   .wp-block-heading.has-button-font-size, 
  .has-button-font-size li,
  .has-hsix-font-size p,
    p.has-button-font-size,
  li.has-button-font-size,
    div .has-button-font-size {
        font-size: 18px!important;
    }
    
  .has-huge-icon-size li.wp-social-link {font-size: 60px !important;}
    
    li.wp-social-link{font-size: inherit !important;}
}
@media screen and (min-width: 980px) and (max-width: 1280px) {
  .cols-4.wp-block-columns{
         flex-wrap: wrap!important;
    }
     .cols-4.wp-block-columns .wp-block-column{
         flex-basis: calc(50% - 16px) !important;
    }
    div h2.wp-block-heading.has-htwo-large-font-size, div h2.has-htwo-large-font-size {
        font-size: calc(var(--wp--preset--font-size--htwo-large) - (var(--wp--preset--font-size--htwo-large) * 0.12) + 0.1vw)!important;
   }
    div .wp-block-heading.has-htwo-font-size, h2.wp-block-heading {
        font-size: calc(var(--wp--preset--font-size--htwo) - (var(--wp--preset--font-size--htwo) * 0.12) + 0.1vw)!important;
   }

    h4.wp-block-heading, div .wp-block-heading.has-hfour-font-size {
        font-size: calc(var(--wp--preset--font-size--hfour) - (var(--wp--preset--font-size--hfour) * 0.12) + 0.1vw)!important;
   }
    h5.wp-block-heading,div .wp-block-heading.has-hfive-font-size {
        font-size: calc(var(--wp--preset--font-size--hfive) - (var(--wp--preset--font-size--hfive) * 0.16) + 0.1vw)!important;
   }
   /* h6.wp-block-heading,div .wp-block-heading.has-hsix-font-size,div .has-hsix-font-size {
        font-size: calc(var(--wp--preset--font-size--hsix) - (var(--wp--preset--font-size--hsix) * 0.12) + 0.1vw)!important;
   }*/
    .wp-block-heading.has-service-three-font-size ,div .has-service-three-font-size{
        font-size: calc(var(--wp--preset--font-size--service-three) - (var(--wp--preset--font-size--service-three) * 0.12) + 0.1vw)!important;
   }
      .wp-block-heading.has-service-two-font-size ,div .has-service-two-font-size{
        font-size: calc(var(--wp--preset--font-size--service-two) - (var(--wp--preset--font-size--service-two) * 0.12) + 0.1vw)!important;
   }
}
@media screen and (min-width: 780px) and (max-width: 980px) {
:root body .wp-block-columns:not(.is-not-stacked-on-mobile){
         flex-wrap: wrap!important;
    }
 :root body .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column{
         flex-basis: 100% !important;
    }
    div h2.wp-block-heading.has-htwo-large-font-size, div h2.has-htwo-large-font-size {
        font-size: calc(var(--wp--preset--font-size--htwo-large) - (var(--wp--preset--font-size--htwo-large) * 0.25) + 0.5vw)!important;
   }
    div .wp-block-heading.has-htwo-font-size, h2.wp-block-heading {
        font-size: calc(var(--wp--preset--font-size--htwo) - (var(--wp--preset--font-size--htwo) * 0.25) + 0.5vw)!important;
   }

    h4.wp-block-heading, div .wp-block-heading.has-hfour-font-size {
        font-size: calc(var(--wp--preset--font-size--hfour) - (var(--wp--preset--font-size--hfour) * 0.25) + 0.5vw)!important;
   }
    h5.wp-block-heading,div .wp-block-heading.has-hfive-font-size {
        font-size: calc(var(--wp--preset--font-size--hfive) - (var(--wp--preset--font-size--hfive) * 0.25) + 0.5vw)!important;
   }
  /*  h6.wp-block-heading,div .wp-block-heading.has-hsix-font-size,div .has-hsix-font-size {
        font-size: calc(var(--wp--preset--font-size--hsix) - (var(--wp--preset--font-size--hsix) * 0.25) + 0.2vw)!important;
   }*/
    .wp-block-heading.has-service-three-font-size ,div .has-service-three-font-size{
        font-size: calc(var(--wp--preset--font-size--service-three) - (var(--wp--preset--font-size--service-three) * 0.25) + 0.2vw)!important;
   }
   .wp-block-heading.has-service-two-font-size ,div .has-service-two-font-size{
        font-size: calc(var(--wp--preset--font-size--service-two) - (var(--wp--preset--font-size--service-two) * 0.25) + 0.5vw)!important;
   }
}
@media screen and (min-width: 480px) and (max-width: 780px) {
    div h2.wp-block-heading.has-htwo-large-font-size, div h2.has-htwo-large-font-size {
        font-size: calc(var(--wp--preset--font-size--htwo-large) - (var(--wp--preset--font-size--htwo-large) * 0.40) + 0.11vw)!important;
   }
    div .wp-block-heading.has-htwo-font-size, h2.wp-block-heading {
        font-size: calc(var(--wp--preset--font-size--htwo) - (var(--wp--preset--font-size--htwo) * 0.40) + 0.5vw)!important;
   }
    h3.wp-block-heading, div .wp-block-heading.has-hthree-font-size{
        font-size: calc(var(--wp--preset--font-size--hthree) - (var(--wp--preset--font-size--hthree) * 0.40) + 1.1vw)!important;
   }
    h4.wp-block-heading, div .wp-block-heading.has-hfour-font-size {
        font-size: calc(var(--wp--preset--font-size--hfour) - (var(--wp--preset--font-size--hfour) * 0.40) + 1vw)!important;
   }
    h5.wp-block-heading,div .wp-block-heading.has-hfive-font-size {
        font-size: calc(var(--wp--preset--font-size--hfive) - (var(--wp--preset--font-size--hfive) * 0.40) + 1vw)!important;
   }
   /* h6.wp-block-heading,div .wp-block-heading.has-hsix-font-size,div .has-hsix-font-size {
        font-size: calc(var(--wp--preset--font-size--hsix) - (var(--wp--preset--font-size--hsix) * 0.40) + 0.4vw)!important;
   }*/
    .wp-block-heading.has-service-three-font-size ,div .has-service-three-font-size{
        font-size: calc(var(--wp--preset--font-size--service-three) - (var(--wp--preset--font-size--service-three) * 0.40) + 0.4vw)!important;
   }
   .wp-block-heading.has-service-two-font-size ,div .has-service-two-font-size{
        font-size: calc(var(--wp--preset--font-size--service-two) - (var(--wp--preset--font-size--service-two) * 0.40) + 0.4vw)!important;
   }
}
@media screen and (max-width: 480px) {
    .wp-block-button a.wp-block-button__link,p,h1 {
        font-size: 13.6px !important;
   }
    div h2.wp-block-heading.has-htwo-large-font-size, div h2.has-htwo-large-font-size {
        font-size: calc(var(--wp--preset--font-size--htwo-large) - (var(--wp--preset--font-size--htwo-large) * 0.60) + 1.2vw)!important;
   }
    div .wp-block-heading.has-htwo-font-size, h2.wp-block-heading {
        font-size: calc(var(--wp--preset--font-size--htwo) - (var(--wp--preset--font-size--htwo) * 0.60) + 1.2vw)!important;
   }
    h3.wp-block-heading, div .wp-block-heading.has-hthree-font-size{
        font-size: calc(var(--wp--preset--font-size--hthree) - (var(--wp--preset--font-size--hthree) * 0.60) + 1.4vw)!important;
   }
    h4.wp-block-heading, div .wp-block-heading.has-hfour-font-size {
        font-size: calc(var(--wp--preset--font-size--hfour) - (var(--wp--preset--font-size--hfour) * 0.60) + 1.4vw)!important;
   }
    h5.wp-block-heading,div .wp-block-heading.has-hfive-font-size {
        font-size: calc(var(--wp--preset--font-size--hfive) - (var(--wp--preset--font-size--hfive) * 0.60) + 1.8vw)!important;
   }
   /* h6.wp-block-heading,div .wp-block-heading.has-hsix-font-size,div .has-hsix-font-size {
        font-size: calc(var(--wp--preset--font-size--hsix) - (var(--wp--preset--font-size--hsix) * 0.60) + 0.4vw)!important;
   }*/
    .wp-block-heading.has-service-three-font-size ,div .has-service-three-font-size{
        font-size: calc(var(--wp--preset--font-size--service-three) - (var(--wp--preset--font-size--service-three) * 0.60) + 0.2vw)!important;
   }
   .wp-block-heading.has-service-two-font-size ,div .has-service-two-font-size{
        font-size: calc(var(--wp--preset--font-size--service-two) - (var(--wp--preset--font-size--service-two) * 0.60) + 1.2vw)!important;
   }
}
/*------------------------------ Font Size End ---------------------------------*/
/*---------- GLOBEL CSS -------------*/
/* ------ System Styles (BEGIN) ------ */
 .blog-post-templet .post-title-blog{
     overflow: hidden;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 2;
     white-space: pre-wrap;
}
 .blog-post-templet .wp-block-post-excerpt__excerpt{
     font-size:14px!important;
     line-height: 1.3;
     overflow: hidden;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 3;
     white-space: pre-wrap;
}
/*Convert Group/Content of Cover at Center to bottom for GE3 and Other End*/
/*Button*/
div .wp-block-button a.wp-block-button__link.wp-element-button:hover{
    text-decoration:none!important;
    }
 a.wp-block-button__link.wp-element-button {
     text-decoration: none !important;
}
 .wp-block-button__link.wp-element-button {
     min-width: 290px!important;
     width: 290px!important;;
}
 .fixed-nav .wp-block-button__link.wp-element-button,
header .wp-block-button__link.wp-element-button {
      min-width: unset!important;
     width: unset!important;;
}


 .wp-block-button.is-style-outline a.wp-block-button__link.wp-element-button:hover{
     color: var(--wp--preset--color--background) !important;
     background-color:var(--wp--preset--color--custom-button) !important;
}
 .wp-block-button.is-style-outline a.wp-block-button__link.wp-element-button.has-border-color:hover{
     color: var(--wp--preset--color--black) !important;
     background-color: var(--wp--preset--color--white) !important;
     border-color: var(--wp--preset--color--white) !important;
}

.wp-block-button a.wp-block-button__link.wp-element-button.has-background:hover{
      color: var(--wp--preset--color--custom-button) !important;
     background-color: transparent !important;
     border-color: var(--wp--preset--color--custom-button)!important;
}
.wp-block-button a.wp-block-button__link.wp-element-button.has-background.has-custom-primary-background-color:hover{
      color: var(--wp--preset--color--custom-button) !important;
     background-color: transparent !important;
     border-color: var(--wp--preset--color--custom-button)!important;
}
 .wp-block-button a.wp-block-button__link.wp-element-button:hover{
     color: var(--wp--preset--color--custom-button) !important;
     background-color: transparent !important;
     border-color: var(--wp--preset--color--custom-button)!important;
}
.wp-block-button a.wp-block-button__link.wp-element-button.has-vertical-tertiary-to-background-gradient-background,
.wp-block-button a.wp-block-button__link.wp-element-button.has-background-border-color:hover,
 .wp-block-button a.wp-block-button__link.wp-element-button.has-background-background-color:hover{
     color: var(--wp--preset--color--background) !important;
     background-color: transparent !important;
   border-color:  var(--wp--preset--color--background) !important;
}
/*Linear Gradient Border .wp-block-button .wp-block-button__link{
     border-image: linear-gradient(0deg, #917851 0%, #dcc496 27%, #fbe4b2 51%, #dcc496 71%, #917851 100%) 1 !important;
}
 Linear Gradient Border End*/

/*Linear Gradient Border with Border Radius 

 .wp-block-button a.wp-block-button__link.wp-element-button:hover{
      color: var(--wp--preset--color--foreground)  !important;
      background: 0 0 !important;
      background-image: linear-gradient(90deg, white, white), linear-gradient(90deg, #917851 0%, #dcc496 27%, #fbe4b2 51%, #dcc496 71%, #917851 100%) !important;
      background-clip: padding-box, border-box !important;
      border-color: transparent !important;
      background-origin: border-box !important;
}
 .wp-block-button a.wp-block-button__link.wp-element-button.has-background-background-color:hover{
     color: var(--wp--preset--color--background) !important;
     background-color: transparent !important;
}

 Linear Gradient Border with Border Radius*/

/* ------ Button Styles (END) ------ */
/*Link*/
.header-info-box a,.wp-block-post-content a,.post-content a,.post-contents a, header a, footer a {
     text-decoration: none !important;
}
div .wp-block-post-content a,div .post-content a, div .post-contents a:hover, .mbl-center a:hover , .top-header p a:hover, footer a:hover {
     text-decoration: underline !important;
}
/*Blog*/
 .blog .wp-block-cover.is-light.footers-blog, .blog .footers-blog {
     display: none !important;
}
/*Blog End*/
/* ------ System Styles (END) ------ */
/* ------ Header Styles (BEGIN) ------ */
 .wp-block-navigation__submenu-container {
     width: 230px !important;
}
/*Nav After*/
.mbl-header-nav .wp-block-navigation-item>a>span::after, .mbl-header-nav .wp-block-navigation-item.has-child a:after, 
.desktop-header-nav .wp-block-navigation-item.has-child a:after, .desktop-header-nav .wp-block-navigation-item>a>span::after {
     bottom: 0%;
     content: "";
     height: 3px;
     left: 50%;
     position: absolute;
     transform: translateX(-50%);
     transition: width .3s ease-in-out;
     width: 0;
     background-color: var(--wp--preset--color--custom-button)!important;
}



 .mbl-header-nav .wp-block-navigation-item.has-child:hover>a:hover:after, 
.header-nav .wp-block-navigation-item.has-child>a:hover:after, 
.mbl-header-nav .wp-block-navigation-item>a:hover>span::after,
.header-nav .wp-block-navigation-item:hover>a:hover>span::after {
     width: 100%;
}
.wp-block-navigation__responsive-container{

    z-index:1000!important;
}

/*Nav After End*/
/*Fixed Header*/
 .fixed-nav .mbl-main-header .phone, .fixed-nav .mbl-main-header .mbl-header-nav {
     display: block !important;
}
 .stickey-header-active {
     position: fixed !important;
     top: 0;
     left: 0;
     right: 0;
     z-index: 1000000;
}
/*Fixed Header End*/
/*Mobile Header*/
 .mbl-main-header .phone, .mbl-main-header .mbl-header-nav, .mbl-main-header, .mbl-top-header {
     display: none;
}
/*Mobile Header End*/
/* ------ Header Styles (END) ------ */





/* ------ Mobile Nevagation Styles (BEGIN) ------ */
 /*.main-header ol.has-background, .main-header ul.has-background, header ol.has-background, header ul.has-background {
     padding: unset !important;
}
 .mbl-top-header .wp-block-navigation-item__content, .mbl-main-header .wp-block-navigation-item__content {
     font-size: 21px !important;
}
 .mbl-top-header .wp-block-navigation__container .wp-block-navigation-item .wp-block-navigation__submenu-container a, .mbl-main-header .wp-block-navigation__container .wp-block-navigation-item .wp-block-navigation__submenu-container a {
     font-size: 18px !important;
}
 .mbl-top-header .wp-block-navigation__container .wp-block-navigation-item .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container a, .mbl-main-header .wp-block-navigation__container .wp-block-navigation-item .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container a {
     font-size: 16px !important;
     text-align: center !important;
}
 .mbl-top-header nav .wp-block-navigation__responsive-container.has-modal-open ul>li>button.wp-block-navigation__submenu-icon, .mbl-main-header nav .wp-block-navigation__responsive-container.has-modal-open ul>li>button.wp-block-navigation__submenu-icon {
     display: block !important;
     position: absolute;
     left: 100%;
     top: 11px;
     margin: 0 0 0 15px !important;
     padding: 0 0 0 0px !important;
     transform: rotate(-90deg);
}
 .mbl-top-header nav .wp-block-navigation__responsive-container.has-modal-open ul>li>button.wp-block-navigation__submenu-icon.active, .mbl-main-header nav .wp-block-navigation__responsive-container.has-modal-open ul>li>button.wp-block-navigation__submenu-icon.active {
     transform: rotate(0) !important;
}
 .mbl-header-nav .wp-block-navigation__submenu-container {
     gap: 12px !important;
}
 .mbl-header-nav .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
     gap: 9px !important;
}
 .mbl-header-nav .wp-block-navigation__responsive-container {
     align-items: center !important;
     justify-content: center !important;
     backdrop-filter: blur(5px);
}*/
/* ------ Mobile Nevagation Styles (BEGIN) ------ */
.main-header ol.has-background, .main-header ul.has-background,
header ol.has-background, header ul.has-background {
    padding: unset !important; 
}
.wp-block-navigation__submenu-container{
    width:100% !important;
}
.wp-block-navigation-item__content{
    position:relative !important;
}
/*Resolves Chevron Position*/

div .wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container{
    border:none!important;
    
}

.navigation-sub-icon {
	position: absolute;
	right: 40px;
    top: 50%;
    transform:translateY(-50%);
    position: absolute !important;
    display: inline-block;
    margin-right: 8px;
    transition: transform .2s ease-in-out;
    border-right: calc(.65rem/6)solid #fff;
    border-top: calc(.65rem/6)solid #fff;
    height: .65rem;
    transform: rotate(45deg) translateY(-50%);
    content:""!important;
    width: .65rem;
    border-color:white!important;
}
body .geHeader .wp-block-navigation .has-child:hover>.wp-block-navigation__submenu-container {
	width: 100% !important;
}

.has-modal-open.is-menu-open .wp-block-navigation-submenu > a::after{
    display:none !important;
}

.has-modal-open.is-menu-open .wp-block-navigation-submenu>a::after {
	display: none !important;
}


.wp-block-navigation__responsive-container-close~.wp-block-navigation__responsive-container-content .navigation-sub-icon {
	display: none !important;
}

.has-modal-open .wp-block-navigation__responsive-container-close~.wp-block-navigation__responsive-container-content .navigation-sub-icon {
	display: inline-block !important;
}

.has-modal-open.is-menu-open .open > a .navigation-sub-icon  {
	transform: rotate(135deg) translateX(-100%) !important;
}

.has-modal-open .wp-block-navigation__submenu-container{
	padding-top:0 !important;
}

.is-menu-open .wp-block-navigation__responsive-container-content > .wp-block-navigation__container li > .wp-block-navigation__submenu-container > li >a{
	font-size:16px !important
}

.is-menu-open .wp-block-navigation__responsive-container-content > .wp-block-navigation__container li > .wp-block-navigation__submenu-container > li > ul > li > a{
	font-size:14px !important
}

.is-menu-open .wp-block-navigation__responsive-container-content > .wp-block-navigation__container li > .wp-block-navigation__submenu-container > li > ul > li >ul > li a{
	font-size:10px !important
}

.wp-block-navigation .has-child:not(.open-on-click):hover > .wp-block-navigation__submenu-container{
	min-width:max-content!important;
}
.is-menu-open .wp-block-navigation-item__content{
    position:relative;
}
.is-menu-open .wp-block-navigation-item{
    width:100% !important;
}
.is-menu-open .wp-block-navigation__responsive-container-content{
max-width: 400px;
 	margin: 0 auto;
}
.is-menu-open .wp-block-navigation__container{
	gap:20px !important;
}

.wp-block-navigation-submenu__toggle{
	display:none !important;
}
.is-menu-open .wp-block-navigation__container{
	width:100% !important;
}

.is-menu-open a{
	width:100% !important;
	text-align:center !important;
    display: flex;
  	justify-content: center;
}
.is-menu-open .wp-block-navigation__submenu-container{
    height:0 !important;
      overflow:hidden !important;
}
.is-menu-open .wp-block-navigation__submenu-container{
	width:100% !important;
}
.is-menu-open .wp-block-navigation-item__content{
	text-align:center !important;
}
.is-menu-open .wp-block-navigation-item__content {
	font-size: 21px !important;
}

.is-menu-open nav .wp-block-navigation__responsive-container.has-modal-open ul>li>button.wp-block-navigation__submenu-icon.active {
	transform: rotate(0) !important;
}

.is-menu-open nav .wp-block-navigation__submenu-container {
	gap: 12px !important;
}

.is-menu-open nav .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
	gap: 9px !important;
}

.has-modal-open .wp-block-navigation__responsive-close{margin: auto!important;}
header .wp-block-navigation__responsive-container {
    align-items: center !important;
      /*justify-content: center !important;*/
     backdrop-filter: blur(5px);
}
/* ------ Mobile Nevagation Styles (END) ------ */
/* ------ Footer Styles (BEGIN) ------ */
 .footer-nav .wp-block-navigation-link::after {
     content: "|";
     padding: 0 5px;
     display: inline;
}
 .footer-nav li.wp-block-navigation-link:last-child::after{
     display:none!important;
}
 footer .wp-block-post-template > li{
     display:none;
}
 footer .wp-block-post-template > li:nth-child(1), footer .wp-block-post-template > li:nth-child(2), footer .wp-block-post-template > li:nth-child(3){
     display:inline-block !important;
}
 .blog .wp-block-cover.is-light.footers-blog, .blog .footers-blog {
     display: none !important;
}
/* ------ Footer Styles (END) ------ */
 html {
     scroll-behavior: smooth;
}
 body {
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
}
 :where(.wp-site-blocks)>* {
     margin-block-start: 0rem !important;
}
 div :where(.wp-block-group.has-background) {
     padding: 0px;
}
 .wp-block-cover video.wp-block-cover__video-background, .wp-block-cover .wp-block-cover__image-background {
     z-index: -2 !important;
}
 .wp-block-cover .wp-block-cover__background {
     z-index: -1 !important;
}
 .wp-block-navigation__responsive-container-open svg {
     height: 45px !important;
     width: 45px !important;
}
 .mbl-padding {
     padding: 80px 0px;
}
 .mbl-margin {
     margin: 0 0 80px 0;
}
 .mobile-only {
     display: none!important;
}
 .margin-minus {
     margin-top: -31px !important;
}
.relative-group{
	position: relative;
}

.has-box-shadow {
     box-shadow: 0px 0px 34px 0px rgba(0, 0, 0, 0.41);  
}
.has-box-shadow-two {
	box-shadow: 0px 0px 34px 0px rgba(0, 0, 0, 0.19);
}
.has-box-shadow-three {
    box-shadow: -1px 2px 9px #00000061;
}
.has-box-shadow-four {
	box-shadow: 0px 5px 26.24px 5.76px rgba(0, 0, 0, 0.16);
}
.top-img {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
  }
/*Convert Group/Content of Cover at Center to bottom for GE3 and Other*/
.bottom-text {
     position: absolute;
     bottom: 0%;
     width: 100%;
}
@media only screen and (max-width: 1360px) {
   .gallary .inner-width-adjust.cols-center-mbl * {
        justify-content: center!important;
        text-align:center!important;
      margin: auto;
   }
   .wp-block-columns.left-right-inner {
    flex-wrap: wrap !important;
    }
    .wp-block-columns.left-right-inner > div {
        flex-basis: 100% !important;
      }
    
     .mobile-small img {
        max-height: 600px;
        object-fit: contain !important;
        padding-top: 60px !important;
      }
}
  .tablet-only {
   display:none!important;
  }
@media screen and (max-width: 1200px){
  div .tablet-only {
   display:flex!important;
  }
  .desktop-only.header-info-box {
   display:none!important;
  }
}
 @media screen and (min-width: 980px) and (max-width: 1280px) {
     .slope-clip-path {
         clip-path: polygon(0 10%,100% 0%,100% 90%,0% 100%) !important;
    }
     .slope-clip-path-bottom {
         clip-path: polygon(0 0%, 100% 0%, 100% 90%, 0% 100%) !important;
    }
}
 @media screen and (min-width: 780px) and (max-width: 980px) {
        .mbl-padding {
         padding: 60px 20px!important;
    }
       .cols-center-mbl,
   .cols-center-mbl p, 
   .cols-center-mbl .is-content-justification-left, 
   .cols-center-mbl .is-content-justification-right,
   .cols-center-mbl .wp-block-social-links,
   .cols-center-mbl a,
   .cols-center-mbl .wp-block-heading , 
   .cols-center-mbl .wp-block-buttons{
         justify-content: center!important;
         text-align:center!important;
       align-items: center!important;
       margin-right: auto;
      margin-left: auto;
    }
     .button-menu a:hover{
         color: inherit!important;
    }
     .button-menu a{
         font-weight:inherit!important;
         text-transform: capitalize!important;
         font-size: inherit!important;
         padding: unset!important;
         border: unset!important;
         min-width: unset!important;
         text-align: inherit!important;
         color: inherit!important;
         border-radius: unset!important;
         background-color: unset ! important;
    }
     .slope-clip-path {
         clip-path: polygon(0 7%,100% 0%,100% 93%,0% 100%) !important;
    }
     .slope-clip-path-bottom {
         clip-path: polygon(0 0%, 100% 0%, 100% 93%, 0% 100%) !important;
    }
}
/*For Tablet Only*/
 @media screen and (min-width: 780px) and (max-width: 1200px) {
 
     .inner-container-width {
         max-width: 95% !important;
    }
     .inner-width-adjust {
         max-width: 95% !important;
    }
    /* Convert to 2 Coln */
     .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.mbl-2-col {
         flex-basis: 100% !important;
    }
     div .mbl-col-wrap {
         flex-wrap: wrap !important;
         justify-content: center;
    }
    /*Convert to 2 Coln End */
}
/*For Mobile Only*/
 @media screen and (min-width: 480px) and (max-width: 780px) {
     .slope-clip-path {
         clip-path: polygon(0 5%,100% 0%,100% 95%,0% 100%) !important;
    }
     .slope-clip-path-bottom {
         clip-path: polygon(0 0%, 100% 0%, 100% 95%, 0% 100%) !important;
    }
     .inner-container-width {
         max-width: 90% !important;
    }
     .inner-width-adjust {
         max-width: 96% !important;
    }
     .mbl-padding {
         padding: 40px 20px!important;
    }
     .footer-logo {
         flex-wrap: wrap !important;
    }
    div .footer-logo .wp-block-image.size-full img {
        height: unset !important;
        width: unset !important;
   }
     .footer-logo .wp-block-image.size-full {
         max-width: 40% !important;
    }
     .wp-block-button__link.wp-element-button {
         min-width: 220px;
    }
     .blog-post-templet{
         grid-template-columns: 1fr !important;
         max-width: 76%!important;
         margin: auto;
    }
}
/*For Mobile */
 @media screen and (max-width: 780px) {
 .entry-content figure.wp-block-image   img{
     width:100%!important;
     height:100%!important;
   }
    .right-padding-adj {
        padding-right: 0 !important;
      }
    .left-padding-adj {
        padding-left: 0 !important;
      }
     .button-menu a:hover{
         color: inherit!important;
    }
     .button-menu a{
         font-weight:inherit!important;
         text-transform: capitalize!important;
         font-size: inherit!important;
         padding: unset!important;
         border: unset!important;
         min-width: unset!important;
         text-align: inherit!important;
         color: inherit !important;
         border-radius: unset!important;
         background-color: unset ! important;
    }
     .colons-rev{
         flex-direction:column-reverse !important;
    }
     .cols-center-mbl,
   .cols-center-mbl p, 
   .cols-center-mbl .is-content-justification-left, 
   .cols-center-mbl .is-content-justification-right,
   .cols-center-mbl .wp-block-social-links,
   .cols-center-mbl a,
   .cols-center-mbl .wp-block-heading , 
   .cols-center-mbl .wp-block-buttons{
         justify-content: center!important;
         text-align:center!important;
       align-items: center!important;
            margin-right: auto;
        margin-left: auto;
    }
     .mbl-home-banner-height{
         min-height: 310px!important;
    }
     .mbl-page-banner-height{
         min-height: 280px!important;
    }
     div .mobile-only {
         display: block !important;
    }
     .desktop-only {
         display: none !important;
    }
     .mbl-margin {
         margin: 0px 0px 0px 0px;
    }
}
/*For Small Mobile Only*/
 @media screen and (max-width: 480px) {
 
     .slope-clip-path {
         clip-path: polygon(0 3%,100% 0%,100% 97%,0% 100%) !important;
    }
     .slope-clip-path-bottom {
         clip-path: polygon(0 0%, 100% 0%, 100% 97%, 0% 100%) !important;
    }
     .mbl-padding {
         padding: 40px 20px!important;
    }
     .blog-post-templet {
         grid-template-columns: 1fr !important;
         max-width: 90%;
         margin: auto;
    }
     .inner-container-width {
         max-width: 100% !important;
    }
     .inner-width-adjust {
         max-width: 100% !important;
    }
     .wp-block-button__link.wp-element-button {
         min-width: 180px;
    }
     .left-img-container, .right-img-container {
         padding-left: 20px !important;
         padding-right: 20px !important;
    }
    .top-img img {
        width: unset !important;
        height: unset !important;
    }
     .footer-logo {
         flex-wrap: wrap !important;
    }
    div .footer-logo .wp-block-image.size-full img {
        height: unset !important;
        width: unset !important;
   }
     .footer-logo .wp-block-image.size-full {
         max-width: 40% !important;
    }
}
/*For Specific Only*/
 @media screen and (max-width: 300px) {
     .wp-block-button .wp-block-button__link.wp-element-button {
         min-width: unset !important;
         width: unset !important;
         padding: 3px 15px !important;
    }
}
 @media screen and (max-width: 1444px) {
     .desktop-top-header .is-content-justification-space-between {
         justify-content: center !important;
    }
}
 @media screen and (max-width: 1351px) {
    /* .wp-block-navigation__submenu-container {
         display: none !important;
    }
     .wp-block-navigation__submenu-container.active {
         display: block !important;
    }*/
   .button-menu{
     display:none!important;
   }
     .mbl-main-header, .mbl-top-header {
         display: block !important;
    }
     .desktop-top-header, .desktop-main-header {
         display: none !important;
    }
}
/*-------------- GLOBEL CSS END ----------------*/
/*-------------- BANNER CSS START ----------------*/
 .banner {
     position: relative 
}
 .banner-caption {
     margin-bottom: 0;
     position: absolute;
     left: 12vw;
     top: 50%;
     transform: translateY(-50%);
    /*width: 26.3%;
    */
     max-width: 40vw !important;
}
 @media screen and (min-width: 780px) and (max-width: 1024px) {
     .banner-cover {
         min-height: 350px !important 
    }
     h2.banner-heading.has-htwo-large-font-size {
         font-size: 4.2vw !important;
         text-align: left !important;
    }
     .banner-button .wp-block-button__link.wp-element-button {
         min-width: unset !important;
    }
     .banner-caption {
         left: 8vw !important;
         width: unset !important;
    }
}
 @media screen and (min-width: 480px) and (max-width: 610px) {
     .banner-button .wp-block-button__link.wp-element-button {
         width: 200px !important;
    }
}
 @media screen and (min-width: 480px) and (max-width: 780px) {
     .banner-cover {
         min-height: 270px !important 
    }
     .banner-cover .wp-block-cover__image-background {
         object-position: 55% 50% !important;
    }
     div h2.banner-heading {
         font-size: 5.4vw !important;
    }
     .banner-button .wp-block-button__link.wp-element-button {
         min-width: unset !important;
    }
     .banner-caption {
         width: unset !important;
         left: 5.5vw !important;
         padding-top: 28px !important;
         padding-bottom: 20px !important;
         max-width: 307px !important;
    }
}
 @media screen and (max-width: 480px) {
     div h2.wp-block-heading.banner-heading-home {
         font-size: 4.2vw !important;
    }
     .banner-cover {
         min-height: 51vw !important;
    }
     .banner-cover .wp-block-cover__image-background {
         object-position: 65% 50% !important;
    }
     div h2.banner-heading {
         font-size: 5.2vw !important;
    }
     .banner-button .wp-block-button__link.wp-element-button {
         min-width: unset !important;
    }
     .banner-caption {
         width: unset !important;
         max-width: 180px !important;
         left: 4vw !important;
    }
}
/*-------------- BANNER CSS END ----------------*/
/*----------------------- SERVICES 2.0 CSS START -------------------------*/
 .services-two {
     max-width: max-content !important;
     margin: 0 auto !important;
}
 .services-two .image-opacity img {
     opacity: 0.602;
}
 .services-two .image-opacity:hover img {
     opacity: 1 !important;
}
 .services-two a:hover {
     cursor: pointer 
}
/*----------------------- SERVICES 2.0 CSS END -------------------------*/
/*----------------------- SERVICES 1.0 CSS START -------------------------*/
/*USE 2 Coln FOR Mobile Adjust*/
 .service-item:hover {
     cursor: pointer;
}
 .service {
     display: flex;
     flex-direction: column;
     height: 100%;
    /*border-radius: 100%;
     */
     justify-content: center;
     max-height: 180px;
     max-width: 180px;
     min-height: 180px;
     min-width: 180px;
     position: relative 
}
 .service .hover-image {
     display: none 
}
 .service .hover-image, .service .main-image, .service .main-text {
     text-align: center 
}
 .service .main-image {
     margin-top: 0 !important 
}
 .service .main-text {
     font-size: 16px !important 
}
 .service-container {
     max-width: unset !important 
}
/*.service-item {
     align-items: center;
     border-radius: 50%;
     display: flex;
     height: 150px;
     width: 150px;
     margin-right: auto;
     margin-left: auto;
}
 .service-item .wp-block-group {
     width: 100% 
}
 .service-item figcaption, .service figcaption {
     width: 100% !important 
}
 .service-item>figure {
     width: 100% 
}
 */
 .service:hover {
     cursor: pointer 
}
/*.service:hover .main-image, .service-item:hover .main-image,*/
 .service:hover .main-text {
     display: none 
}
/* .service:hover img, .service-item:hover img {
     display: none 
}
*/

.service-item:hover *{
filter: none!important;
  
}

 .service:hover, .service-item:hover {
     background-color: transparent !important;
     border-color:var(--wp--preset--color--custom-button)!important;
    /* background-image: url(#);
     background-position: 50% 50%;
     background-repeat: no-repeat;
     background-size: 60px 60px;
    */
}
 .services-row {
     justify-content: center !important 
}
 .services-row>div {
     text-align: center 
}
/*----------------------- SERVICES 1.0 CSS END -------------------------*/
/*---------------------------- REAL TESTIMONIALS CSS START ------------------------------*/


.sp-testimonial-free {
  padding: 50px 20px !important;
}
#sp-testimonial-free-wrapper-1572 .sp-testimonial-free{
  border-radius: 50% 50% 0px  0px!important;
}
.sp-testimonial-content{
  max-height: 132px!important;
  min-height: 132px!important;
  overflow: scroll!important;
display: -webkit-box !important;
 overflow-x: hidden!important;
  -webkit-box-orient: vertical!important;
   /* -webkit-line-clamp: 7!important;*/
  white-space: pre-wrap!important;
  max-width:260px!important;
  margin: auto !important;
}
div .swiper-pagination.testimonial-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal{display:none!important;}
div .sp-testimonial-free-section .testimonial-nav-arrow{top: 70%!important;}
div  .sp-testimonial-free-section .sp-testimonial-client-testimonial{margin: 0 0 45px 0 !important;}
.sp-testimonial-content p { 
  font-size:15.7px!important;
  line-height: 1.2 !important;}
.sp-testimonial-free-section .sp-testimonial-client-image img{
border-radius: 0%!important;
  width: 120px;
}


.sp-testimonial-client-name {
  font-family: var(--wp--preset--font-family--montserrat) !important;
  font-weight: 500 !important;
  font-size: 16px !important;
  text-transform: uppercase !important;
  letter-spacing: 1.5px !important;
}




div .ti-widget.ti-goog.ti-no-stars .ti-star.f {
  background-image: url(#) !important;

}
div .ti-widget.ti-goog .ti-star{
  width: 20px;
  height: 20px;
margin-right: 5px !important;
}
div .ti-stars {
  padding-top: 15px !important;
  padding-bottom: 30px !important;
}
.ti-review-item.source-Google .ti-review-header,div .ti-widget.ti-goog .ti-review-item > .ti-inner, .ti-widget.ti-goog .ti-load-more-reviews-button {
 background-color:white!important;
  border-color:white!important;
  color:var(--wp--preset--color--custom-services)!important; 
  border-radius: 0 0 0px 0px !important;
}
.ti-widget.ti-goog .ti-review-item > .ti-inner{border-radius:0px 0px 0 0!important;}
.ti-review-item.source-Google .ti-review-header  {
  background:white!important;
 margin-top: -20px;
  border-radius: 0 0 0px 0px !important;
  padding-bottom: 30px!important;
}
div .ti-widget.ti-goog .ti-read-more span,div .ti-widget.ti-goog .ti-name{color:white!important;}
div .ti-widget.ti-goog .ti-review-item{padding: 0 15px!important;}
.ti-widget.ti-goog .ti-review-header::before,.ti-widget .source-Google .ti-inner::after,
.ti-review-header p,.ti-review-content p{display:none!important;}
.ti-review-content p .ti-review-text-container{display:inline-block!important;}
.ti-review-header .ti-profile-details .ti-name{
text-align:center!important;
color:white!important;
  font-size:16px!important;
  text-transform: capitalize;
 font-weight:500!important;}




@media screen and (max-width: 780px) {
  
div .ti-widget.ti-goog .ti-review-content {
  padding: 0 0px !important;}
div .ti-widget.ti-goog .ti-review-item > .ti-inner{padding: 0px !important;}
  div .ti-widget.ti-goog .ti-reviews-container-wrapper{margin: 0 0px!important;} }


/*---------------------------- REAL TESTIMONIALS CSS END ------------------------------*/
/*---------------------------- FOR GE4 CSS START ------------------------------*/
.post-cover.v-bottom-clip-path {
    clip-path: polygon(100% 0, 100% 100%, 50% 90%, 0 100%, 0 0);
}
.v-bottom-clip-path {
    clip-path: polygon(100% 0, 100% 100%, 50% 95%, 0 100%, 0 0);
}
.v-clip-path {
    clip-path: polygon(50% 8%, 100% 0, 100% 100%, 50% 95%, 0 100%, 0 0);
}
.v-top-clip-path {
    clip-path: polygon(50% 8%, 100% 0, 100% 100%, 0 100%, 0 0);
}
@media screen and (min-width: 781px) and (max-width: 1280px) {
    .ge9-inner-width {
        max-width: 100% !important;
   }
}
@media only screen and (max-width: 781px) {
    .ge9-mbl-padding {
        margin-left: auto !important;
        margin-right: auto !important;
        padding: 0px !important;
   }
    .ge9-mbl-padding .wp-block-heading, .ge9-mbl-padding p, .ge9-mbl-padding .wp-block-buttons, .ge9-mbl-padding .wp-block-button, .ge9-mbl-padding a {
        text-align: center !important;
        justify-content: center !important;
   }
    .ge9-inner-width {
        max-width: 100% !important;
   }
}
@media screen and (min-width: 480px) and (max-width:780px) {
    .wp-block-cover.set-banner-height.banner.v-bottom-clip-path {
        clip-path: polygon(100% 0, 100% 100%, 50% 97%, 0 100%, 0 0) !important;
   }
   .v-clip-path {
        clip-path: polygon(50% 3%, 100% 0, 100% 100%, 50% 97%, 0 100%, 0 0) !important;
   }
    .v-top-clip-path {
        clip-path: polygon(50% 3%, 100% 0, 100% 100%, 0 100%, 0 0) !important;
   }
    .v-bottom-clip-path {
        clip-path: polygon(100% 0, 100% 100%, 50% 97%, 0 100%, 0 0) !important;
   }
}
@media only screen and (max-width: 480px) {
    .wp-block-cover.set-banner-height.banner.v-bottom-clip-path {
        clip-path: polygon(100% 0, 100% 100%, 50% 98%, 0 100%, 0 0) !important;
   }
    .v-top-clip-path {
        clip-path: polygon(50% 2%, 100% 0, 100% 100%, 0 100%, 0 0) !important;
   }
   .v-clip-path {
        clip-path: polygon(50% 2%, 100% 0, 100% 100%, 50% 98%, 0 100%, 0 0) !important;
   }
    .v-bottom-clip-path {
        clip-path: polygon(100% 0, 100% 100%, 50% 98%, 0 100%, 0 0) !important;
   }
}
/*---------------------------- FOR GE4 CSS END ------------------------------*/
/*---------------------------- BOXES(FOR GE3) CSS START ------------------------------*/
 .box-2 .left-box {
     top: 28%;
}
 .left-box {
     border: 5px solid #1985a1;
     content: "";
     height: 355px;
     left: 17%;
     position: absolute;
     top: -0%;
     width: 344px;
     z-index: -1;
}
 .box-2 .right-box {
     bottom: 16%;
}
 .right-box {
     border: 5px solid #1985a1;
     bottom: 5%;
     content: "";
     height: 27%;
     position: absolute;
     right: 17%;
     width: 13%;
     z-index: -1;
}
 @media screen and (max-width: 780px) {
     .boxes-covers .has-background-background-color.has-background-dim-0 {
         display: none !important;
    }
     .home .box-2 .left-box {
         top: 20% !important;
    }
     .right-box {
         bottom: 14% !important;
         height: 120px !important;
         right: 1% !important;
         width: 120px !important;
    }
     .left-box {
         height: 180px !important;
         left: 2% !important;
         top: 8% !important;
         width: 180px !important;
    }
}
 @media screen and (max-width: 480px) {
     div .box-2 .left-box {
         top: 16% !important;
    }
     div .left-box {
         height: 120px !important;
         left: 2% !important;
         top: 8% !important;
         width: 120px !important;
    }
     div .right-box {
         bottom: 14% !important;
         height: 80px !important;
         right: 1% !important;
         width: 80px !important;
    }
}
 @media screen and (max-width: 380px) {
     .boxes h2.wp-block-heading {
         font-size: 14px !important;
    }
     .boxes h1 {
         font-size: 12px !important;
    }
     .boxes h3.wp-block-heading {
         font-size: 10px !important;
    }
}
 @media screen and (max-width: 300px) {
     .home .boxes h2.wp-block-heading {
         font-size: 12px !important;
    }
     .home .boxes h1 {
         font-size: 12px !important;
    }
     .boxes h3.wp-block-heading {
         font-size: 9px !important;
    }
}
/*---------------------------- BOXES(FOR GE3) CSS END ------------------------------*/
/*------------------------------------------------ Carousel Slider Block for Gutenberg CSS START --------------------------------------------------*/
 .sider-padd, .wp-block-cb-slide.slick-slide, .wp-block-cb-carousel .slick-slide {
     padding: 15px !important;
}

.slick-next, .slick-prev{
top: 105%!important;
}

.slick-prev::before {
  content: ''!important;
  background: url(https://dentistgulfton.com/wp-content/uploads/2026/03/Dentist-77081-13.webp)!important;
  height: 36px;
  width: 76px;
  display: block;
  transform: rotate(-180deg);
}

.slick-next::before {
  content: ''!important;
  background: url(https://dentistgulfton.com/wp-content/uploads/2026/03/Dentist-77081-13.webp)!important;
  height: 36px;
  width: 76px;
  display: block;
}
.slick-prev {
  left: 15px!important;
}
.slick-next {
  right: 70px !important;
}
/*------------------------------------------------ Carousel Slider Block for Gutenberg CSS END --------------------------------------------------*/
/*------------------------------------------------ Animation START --------------------------------------------------*/
 .animation .slide-in-left, .animation2 .slide-in-right {
     animation-name: none;
}
 .show-aniamtion2 .slide-in-right, .show-aniamtion .slide-in-left {
     display: flex !important;
}
 .wp-block-group.animation3.is-layout-flow.slide-in-bottom-show .wp-block-group.social-icons.slide-in-bottom {
     display: flex !important;
}
 .animation3 .slide-in-bottom {
     animation-name: none;
}
 .show-aniamtion .slide-in-left {
     -webkit-animation: slide-in-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) .2s both !important;
     animation: slide-in-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) .2s both !important;
}
 .show-aniamtion2 .slide-in-right {
     -webkit-animation: slide-in-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) .3s both !important;
     animation: slide-in-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) .3s both !important;
}
 .slide-in-bottom-show .slide-in-bottom {
     -webkit-animation: slide-in-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.2s both !important;
     animation: slide-in-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.2s both !important;
}
 .slide-in-fwd-bottom {
     -webkit-animation: slide-in-fwd-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both !important;
     animation: slide-in-fwd-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both !important;
}
 .slide-in-blurred-bottom {
     -webkit-animation: slide-in-blurred-bottom 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both !important;
     animation: slide-in-blurred-bottom 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both !important;
}
 @-webkit-keyframes slide-in-blurred-bottom {
     0% {
         -webkit-transform: translateY(1000px) scaleY(2.5) scaleX(0.2);
         transform: translateY(1000px) scaleY(2.5) scaleX(0.2);
         -webkit-transform-origin: 50% 100%;
         transform-origin: 50% 100%;
         -webkit-filter: blur(40px);
         filter: blur(40px);
         opacity: 0;
    }
     100% {
         -webkit-transform: translateY(0) scaleY(1) scaleX(1);
         transform: translateY(0) scaleY(1) scaleX(1);
         -webkit-transform-origin: 50% 50%;
         transform-origin: 50% 50%;
         -webkit-filter: blur(0);
         filter: blur(0);
         opacity: 1;
    }
}
 @keyframes slide-in-blurred-bottom {
     0% {
         -webkit-transform: translateY(1000px) scaleY(2.5) scaleX(0.2);
         transform: translateY(1000px) scaleY(2.5) scaleX(0.2);
         -webkit-transform-origin: 50% 100%;
         transform-origin: 50% 100%;
         -webkit-filter: blur(40px);
         filter: blur(40px);
         opacity: 0;
    }
     100% {
         -webkit-transform: translateY(0) scaleY(1) scaleX(1);
         transform: translateY(0) scaleY(1) scaleX(1);
         -webkit-transform-origin: 50% 50%;
         transform-origin: 50% 50%;
         -webkit-filter: blur(0);
         filter: blur(0);
         opacity: 1;
    }
}
 @-webkit-keyframes slide-in-fwd-bottom {
     0% {
         -webkit-transform: translateZ(-1400px) translateY(800px);
         transform: translateZ(-1400px) translateY(800px);
         opacity: 0;
    }
     100% {
         -webkit-transform: translateZ(0) translateY(0);
         transform: translateZ(0) translateY(0);
         opacity: 1;
    }
}
 @keyframes slide-in-fwd-bottom {
     0% {
         -webkit-transform: translateZ(-1400px) translateY(800px);
         transform: translateZ(-1400px) translateY(800px);
         opacity: 0;
    }
     100% {
         -webkit-transform: translateZ(0) translateY(0);
         transform: translateZ(0) translateY(0);
         opacity: 1;
    }
}
 @-webkit-keyframes slide-in-bottom {
     0% {
         -webkit-transform: translateY(1000px);
         transform: translateY(1000px);
         opacity: 0;
    }
     100% {
         -webkit-transform: translateY(0);
         transform: translateY(0);
         opacity: 1;
    }
}
 @keyframes slide-in-bottom {
     0% {
         -webkit-transform: translateY(1000px);
         transform: translateY(1000px);
         opacity: 0;
    }
     100% {
         -webkit-transform: translateY(0);
         transform: translateY(0);
         opacity: 1;
    }
}
 @-webkit-keyframes slide-in-right {
     0% {
         -webkit-transform: translateX(1000px);
         transform: translateX(1000px);
         opacity: 0;
    }
     100% {
         -webkit-transform: translateX(0);
         transform: translateX(0);
         opacity: 1;
    }
}
 @keyframes slide-in-right {
     0% {
         -webkit-transform: translateX(1000px);
         transform: translateX(1000px);
         opacity: 0;
    }
     100% {
         -webkit-transform: translateX(0);
         transform: translateX(0);
         opacity: 1;
    }
}
 @-webkit-keyframes slide-in-left {
     0% {
         -webkit-transform: translateX(-1000px);
         transform: translateX(-1000px);
         opacity: 0;
    }
     100% {
         -webkit-transform: translateX(0);
         transform: translateX(0);
         opacity: 1;
    }
}
 @keyframes slide-in-left {
     0% {
         -webkit-transform: translateX(-1000px);
         transform: translateX(-1000px);
         opacity: 0;
    }
     100% {
         -webkit-transform: translateX(0);
         transform: translateX(0);
         opacity: 1;
    }
}


/*------------------------------------------------ Animation END  --------------------------------------------------*/


/*------------------------------------------------ ABOUT US PAGES --------------------------------------------------*/

/*About Us 1,2 */

.about-img-deco {
	position: relative;
}

.about-img-deco::before {
 /*   background: #126283;
    width: 90px;
    height: 90px;
    position: absolute;
    content: "";
    z-index: -1;
    top: 47%;
    left: -20%;*/
    
    background: var(--wp--preset--color--custom-services);
    width: 58.5%;
    height: 58.5%;
    position: absolute;
    content: "";
    z-index: -1;
    top: 47%;
    left: -20%;
}
/*About Us 1,2 End*/


/*------------------------------------------------ ABOUT US PAGES END --------------------------------------------------*/



/*------------------------------------------------ SERVICES PAGES --------------------------------------------------*/


/*Services Pages*/

.services-line{
    position: absolute;
    bottom: 0;
    left: 50%;
    top: 93%;
}
.services-image-container{
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
}
.services-links a:before,
.services-links p:before {
    content: "\2713";
    display: inline-block;
    margin-right: 5px;
}

/*Services Pages End*/

/*------------------------------------------------ SERVICES PAGES END --------------------------------------------------*/


/* Pages Cover */
div.inner-page-banner-text {
    position: absolute !important;
    left: 0 !important;
    background: rgba(255, 255, 255, .862) !important;
    border-radius: 0 35px 35px 0 !important;
    width: 45% !important;
    padding: 115px !important;
    top: 30%;
}

@media screen and (max-width: 992px) {
    div.inner-page-banner-text-inner-group {
        left: 15%;
    }
}

@media screen and (max-width: 1360px) {
    div.inner-page-banner-text-inner-group {
        left: 10%;
    }
}
@media screen and (max-width: 1360px) {
    div.inner-page-banner-text-inner-group {
        padding-left: unset !important;
    }
}
@media screen and (max-width: 1430px) {
    div.inner-page-banner-text-inner-group {
        left: 13%;
    }
}

@media screen and (max-width: 1660px) {
    div.inner-page-banner-text-inner-group {
        position: absolute;
        left: 20%;
        transform: translateY(-35%);
        padding-left: 35px;
    }
}
div.inner-page-banner-text-inner-group {
    position: absolute;
    left: 30%;
    transform: translateY(-35%);
    padding-left: 35px;
    padding-right: 10px;
}
@media screen and (max-width: 1280px) {
    .inner-page-banner{
    min-height:35vw!important;
    }
       .inner-page-banner img{
     object-position: 70% 50%;
    }
   
 }
/* Pages Cover  End*/

/*Tab Accordion */

.add-flex {
    display: flex;
    flex-direction: column;
    gap: 16px;
 
  }
li.accordion  {
    font-weight: 500 !important;
}
.add-flex li{ font-weight:350;}
 /* .accordion-group-block {
    display: flex;
    flex-direction: row;
    gap: 50px;
  }
  */
  .accordion {
    /* min-height: 61.8px;
     max-width: 350px;
    min-width: 250px; 
    margin: 0px !important;
    background-color: #f2f2f2;
    color: #444;*/
    cursor: pointer;
    /* padding: 15px 10px 15px 10px;
    line-height: 26px;
    font-family: "Lato", sans-serif;
    font-size: 17px;
    border-radius: 20px;
    border: 2px solid transparent;
    width: 375px !important;*/
    text-align: right;
    box-sizing: border-box;
    transition: color 0.15s ease-out, background-color 0.15s ease-out,
      border-color 0.15s ease-out;
    display: flex;
    flex-direction: row;
    list-style: none !important;
    justify-content: end;
    margin-right: 0 !important;
    margin: auto;
  }
  
  /*
  
  For ModBox, if an icon is needed in the 'accordion button' 
  of the services page, uncomment this and link to the icon
  
  */
  
  /*
  
  .accordion.about-us-accordion::before {
    content: "";
    display: inline-block;
    width: 25px;
    height: 25px;
    background-image: url("#");
    background-size: cover;
    margin-right: 10px;
  }
  */
  
.active:before, .accordion:hover:before {
    content: "";
    height: 3px;
    width: 800px;
    background: var(--wp--preset--color--custom-button)!important;
    position: absolute!important;
    transform: translateX(-104%);
    top: 46%;
    left: 0%;
    overflow: hidden;
}

  .active,
  .accordion:hover {
    position:relative!important;
  }
  /*
  .accordion.active {
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2);
    border: 2px solid #c19945;
  }
  */
  .panel-show {
    display: block !important;
  }
  /*
    .accordion:after {
      content: "\002B";
      color: #242424;
      float: right;
      margin-left: 10px;
    }
  
    .accordion.active:after {
      content: "\2212";
      color: #242424;
    }
  */
  .panel {
  margin: 0px !important;
     /* padding: 20px;
    background-position: center;
    background-size: cover;
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2);
    border-radius: 20px;
    background: #f2f2f2; */
    display: none;
    overflow: hidden;
    color: #0a0909;
    /*font-size: 15.7px;
     line-height: 32px; */
    font-weight: 400;
  }
  .panel a {
    font-size: 14px;
  }
  /*.panel p {
      margin: 0px !important;
    }*/
  .panel h5 {
    text-transform: lowercase !important;
  }
  
  .panel h5::first-letter {
    text-transform: uppercase !important;
  }
  @media only screen and (min-width: 980px) {
    .max-width-head{
      margin-left:0;
      margin-right:auto;
    }}
  @media only screen and (max-width: 980px) {
    .active:before, .accordion:hover:before {
      top: 110%!important;
      width: 100%!important;
      transform: translateX(0%)!important;
      left: 0%!important;
    }
    .accordion-group-block {
        flex-direction: column;
      }
     div .accordion {
        font-size: 18px;
        margin-right: auto !important;
      }
    
      .add-flex {
        flex-direction: row;
        gap: 10px;
        flex-wrap: wrap;
        justify-content: center;
      }
    .panel .wp-block-buttons{
        justify-content: center;
      }
      .panel {
        text-align:center!important;
        max-width: 100%;
        min-width: 100%;
      }
    
  }




/*Tab Accordion End */
@media screen and (min-width: 1350px) and (max-width: 1550px) {
  .fixed-nav .inner-width-adjust,
  header .inner-width-adjust{
   max-width:1320px!important;
  }
}