/* 
Theme Name: Gilich-Ocean-Springs-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: Gilich-Ocean-Springs-2026
Tags: Gilich-Ocean-Springs-2026
Gilich-Ocean-Springs-2026 is distributed under the terms of the GNU GPL. */

/*------------------------------ Project Specific CSS ---------------------------------*/
.cb-pagination.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
	display: none !important;
}
body .mbl-header-nav .wp-block-navigation__responsive-container {
 	background-color: #35489c !important;
}
.hover-eff a:hover {
 	color: #b5dde6 !important; 
}
body div:has(.animated.fadeInRight),
body div:has(.animated.fadeInLeft) {
  overflow: hidden;
}
div .max-adj-2{   max-width: max(19vw, 292px);}
div .max-adj{    max-width: max(14vw, 206px)!important;}
 
.fixed-nav .wp-block-button a.wp-block-button__link.wp-element-button.has-background-background-color:hover,
body header .wp-block-button a.wp-block-button__link.wp-element-button.has-background-background-color:hover{
    color: var(--wp--preset--color--foreground) !important;
    background-color: transparent !important;
}    


.page-child:not(.page-parent) .fadeInLeft {
    animation-name: fadeInRight !important;
}
    
.page-child:not(.page-parent)  .fadeInRight {
    animation-name: fadeInLeft !important;
}
.home .map-home .html-block-custom{
  min-height:450px!important;
  height:100%!important;}
.fixed-nav .phones a.wp-block-button__link.wp-element-button:before,
header .phones a.wp-block-button__link.wp-element-button:before {
    content: "";
    background: url(https://gulfportms.dentist/wp-content/uploads/2026/02/Dentist-Ocean-Springs-MS-18.webp);
    background-size: contain;
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-bottom: -8px;
    background-repeat: no-repeat;
}
.home .sp-testimonial-free-section .sp-testimonial-client-testimonial, .home .sp-testimonial-free-section .sp-testimonial-client-testimonial p{
      min-height: 209px;
  text-align: left!important;}
.fixed-nav div a.wp-block-button__link.wp-element-button,
header div a.wp-block-button__link.wp-element-button {
    font-size:16px!important;
    min-width: 180px !important;
    width: 180px !important;
}
div .wp-block-cb-carousel-v2 .cb-button-next, div .wp-block-cb-carousel-v2 .cb-button-prev{
  width: 40px!important;
    height: 30px!important;
}
.home .sp-testimonial-free > * {
    text-align: left !important;
}
.home .sp-testimonial-free-section .testimonial-nav-arrow{top:auto!important;
bottom:-30px!important;}
.home #sp-testimonial-free-wrapper-1572 .sp-testimonial-free {
    padding: 40px;
    background: white;
    border: 0px solid none;
    border-radius: 0px;
}
.home .sp-testimonial-free-section .sp-testimonial-client-name {
    margin-bottom: 0px !important;}
    
.home h4.sp-testimonial-client-name {
    position: relative;
}
.home h4.sp-testimonial-client-name:after {
    content: "";
    content: url(https://gulfportms.dentist/wp-content/uploads/2026/02/Dentist-in-Ocean-Springs-20.webp);
    display: inline;
    text-align: right !important;
    right: 0px;
    position: absolute;
      transform: none;
}
.home div .sp-testimonial-free-section .testimonial-nav-arrow{bottom: -45px!important;}
.home div .sp-testimonial-free-section .testimonial-nav-arrow.swiper-button-prev {
    left: auto;
    right: 120px!important;
}
.home div .sp-testimonial-free-section .testimonial-nav-arrow.swiper-button-next {
    right: 65px!important;
    left: auto;
}
.home div  .swiper-button-next.testimonial-nav-arrow:before,

div .swiper-button-next:after, div .swiper-rtl .swiper-button-prev:after {
    
    content: ""!important;
    background: url(https://gulfportms.dentist/wp-content/uploads/2026/02/Dentist-in-Ocean-Springs-19.webp)!important;
    width: 100%!important;
    height: 100%!important;
    background-repeat: no-repeat!important;
    transform: rotate(-180deg)!important;
  background-size: contain !important; 
  
}
.home div .sp-testimonial-free-section .testimonial-nav-arrow {
    bottom: -45px !important;
    width: 40px;
    height: 30px;
    border: none !important;
}
.home div .swiper-button-prev.testimonial-nav-arrow:before,
div  .swiper-button-prev:after, div  .swiper-rtl .swiper-button-next:after{
    background-size: contain !important; 
    content: ""!important;
    background: url(https://gulfportms.dentist/wp-content/uploads/2026/02/Dentist-in-Ocean-Springs-19.webp)!important;
    width: 100%!important;
    height: 100%!important;
    background-repeat: no-repeat!important;
  background-size: contain !important; 
  transform: none!important;
 
}
 div .gallery .wp-block-cb-carousel-v2 .cb-button-next,  div .gallery  .wp-block-cb-carousel-v2.cb-rtl .cb-button-prev,
div .gallery  .wp-block-cb-carousel-v2 .cb-button-prev, div .gallery  .wp-block-cb-carousel-v2.cb-rtl .cb-button-next{
       bottom: -75px!important;
}
	div .wp-block-cb-carousel-v2 .cb-button-next{
      bottom: -25px!important;
    top: auto!important;
    right: 48%!important;
    left: auto!important;

}
	div .wp-block-cb-carousel-v2 .cb-button-prev{
       bottom: -25px!important;
    top: auto!important;
    right: 52%!important;
    left: auto!important;
}
@media (max-width: 1030px) {
	div .wp-block-cb-carousel-v2 .cb-button-next{
      bottom: -25px!important;
    top: auto!important;
    right: 45%!important;
    left: auto!important;

}
	div .wp-block-cb-carousel-v2 .cb-button-prev{
       bottom: -25px!important;
    top: auto!important;
    right: 55%!important;
    left: auto!important;
}
}
.wp-block-group.margin-left {
    margin-left: -100px!important;
}

html body h3.sp-testimonial-post-title,
html body div.sp-testimonial-client-rating{
  display: none !important;
}

body.page-id-396 div.group-cols figure.dynamic-height-2 img{
  object-fit: contain !important;
  border-radius: 25px !important;
  width: auto !important;
  height: auto !important;
}

.menu-icon a.wp-block-navigation-item__content{
  justify-content: center;
  display: flex;
}
div .full-width-button  a.wp-block-button__link.wp-element-button {
  width: 100% !important;
  min-width: 100% !important;
}
/*
.menu-icon a.wp-block-navigation-item__content::before {
  background: url('#icon');
  background-size: contain;
  background-repeat: no-repeat;
  height: 25px;
  width: 25px;
  content: '';
  margin-right: 0px;
  display: inline-block;
}*/
:root :where(.wp-block-button .wp-block-button__link) {
    transition: all .3s ease-in;
}
.home div .large-btn a {
  width: 100% !important;
  min-width: 520px !important;
}
div .desktop-main-header .button-menu:hover a{
 color:white!important;
}
.circle p:first-child:before{
  content:none!important;
}
.circle p:before {
  content: " ";
  background: var(--wp--preset--color--custom-button) !important;
  border-radius: 100%;
  background-size: 10px 10px;
  height: 10px;
  width: 10px;
  display: inline-block;
  color: var(--wp--preset--color--custom-button) !important;
  margin-right: 12px;
  margin-left: 12px;
}
.fixed-links-left.wp-block-group{
  position: fixed;
  right: 0;
  z-index: 999;
  top: 60%;
}
.wp-block-list.circle {
  text-transform: capitalize!important;
}

a:where(:not(.wp-element-button)) {
    text-decoration: none !important;
    transition: color .3s ease-in;
}
.fixed-nav .custom-logo {
  width: 80% !important;
  max-width:300px!important;
  filter: none!important;
}


mark.has-inline-color.has-custom-button-color { 
  -webkit-text-stroke: 1.2px white; 
   text-stroke: 1.2px white; 
 } 

.ge5-header  p a:hover,.top-header p a:hover, footer div a:hover, .phone-appointment p a:hover{
    color:#20868b!important;
}


 .home .map .wp-block-columns 
{
  flex-direction: row-reverse!important;
}

div .wp-block-post-content li a{
text-decoration:none!important;
text-transform:none!important;
}
.page-id-4174 h2.has-text-align-center.has-link-color.alignwide.page-post-title-1.wp-elements-7874257b89842e93dd281ffc433ff9d6.wp-block-post-title.has-text-color.has-custom-text-color.has-htwo-large-font-size.has-belleza-font-family {
	text-transform:none!important;
} 
 
 
 
 
/*inner pages*/
/*
.page-template-wp-custom-template-page-parent .map .wp-block-columns,
.page-template-default .map .wp-block-columns,
.inner-footer .map .wp-block-columns{
flex-direction: row-reverse!important;
} 

.page-template-wp-custom-template-page-parent .desktop-main-header,
.page-template-default .desktop-main-header  {
  color:white!important;
}
.page-template-wp-custom-template-page-parent .desktop-main-header  .button-menu a,
.page-template-default .desktop-main-header  .button-menu a{
     color: white !important;
     padding:4.5px 13px!important;
     border: 3px solid white!important;
}
.page-template-wp-custom-template-page-parent .header-nav img,
.page-template-default .header-nav img {
  filter: url(#wp-duotone-ffffff-ffffff-2);
}

*/
/*inner pages*/
.wp-block-image.dynamic-height-2,.wp-block-image.dynamic-height-3{height:unset!important;}
.wp-block-social-links.has-small-icon-size{
font-size: 18px!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;
}
.h-width-asj {
  margin-right:auto;
  margin-left:auto;
  max-width:max(16vw,257px);}
.group-cols figure img ,.group-cols-2 figure img{
  aspect-ratio: 676/777;
  object-fit: cover;
}
.group-cols figure{
  width:44%!important;
  margin-left:6.2%!important;
   margin-bottom:30px!important;

}
.group-cols-2 figure{
   margin-bottom:30px!important;
  width:44%!important;
  margin-right:6%!important;
}
.width-full{
 width:100%!important;
}
.circle li{
  padding-left: 28px;
    position: relative;
  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-top: 8px;
  position: absolute;
  left: 0;
}
 .blog-button:hover, div .desktop-main-header .button-menu:hover{
     color: white !important;;
     background-color: var(--wp--preset--color--custom-button)!important;
     border-color: var(--wp--preset--color--custom-button)!important;
}
 .blog-button, .button-menu {
    transition: all .3s ease-in;
     color: white !important;
     padding:3px 22px!important;
     border: 3px solid white!important;
     background: transparent !important;
     min-width:125px;
     text-align:center;
     border-radius:25px!important;
   justify-content: center;

}
.fixed-nav .button-menu {
     border: 3px solid #20868B!important;
}
 .mbl-top-header .wp-block-navigation__responsive-container-open svg {
     color: white !important;
}
.fixed-nav .mbl-main-header .wp-block-navigation__responsive-container-open svg {
     color: black !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: #e6eaed;
   	 height: 4px !important;
}
 .mbl-header-nav .wp-block-navigation__responsive-container {
     background-color: color-mix(in srgb, var(--wp--preset--color--custom-bg) 80.1%, transparent)!important;
     color: white ! important;
}
.cols-radius{
	border-radius: 25px!important;
  overflow: hidden;
  }
/*------------------------------ Project Specific CSS END ---------------------------------*/
/*------------------------------ Font Size ---------------------------------*/
@media screen and (min-width: 1750px) {
 div  .wp-block-button__link.wp-element-button {
     min-width: 330px!important;
     width: 330px!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: 68px !important;
    }

    div .wp-block-heading.has-htwo-font-size,
    h2.wp-block-heading {
        font-size: 65px !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: 32.78px !important;
    }

    h5,
    h5.wp-block-heading,
    div .wp-block-heading.has-hfive-font-size {
        font-size: 30px!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: 43px !important;
    }
  
    .wp-block-heading.has-service-two-font-size,
    div .has-service-two-font-size {
        font-size: 25px !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: 21px !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) {
    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;
   }
    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.12) + 0.8vw)!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.12) + 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) {
    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;
   }
    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.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 {
        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) + 3vw)!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) + 2vw)!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{
     line-height: 1.3;
     overflow: hidden;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 4;
     white-space: pre-wrap;
}
/*Convert Group/Content of Cover at Center to bottom for GE3 and Other End*/
/*Button*/
/* ------ Button Styles (BEGIN) ------ */
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: 268px!important;
     width: 268px!important;;
}
 header .wp-block-button__link.wp-element-button {
     min-width: unset;
}
 .button-menu.wp-block-navigation-item:hover > a > span::after {
     display:none!important;
}
 div .desktop-header-nav .wp-block-navigation-item.button-menu > a > span::after{
    width:0% !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--foreground) !important;
     background-color: var(--wp--preset--color--background) !important;
     border-color: var(--wp--preset--color--background) !important;
}
 .wp-block-button a.wp-block-button__link.wp-element-button:hover{
     color: var(--wp--preset--color--foreground) !important;
     background-color: transparent !important;
     border-color: var(--wp--preset--color--custom-text)!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;
}
/*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*/
.home .mbl-col-wrap  a,.header-info-box a,.wp-block-post-content a,.post-content a,.post-contents a, header a, footer a,.fixed-nav 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;
}

 .mbl-header-nav .wp-block-navigation__submenu-container .wp-block-navigation-item.has-child:hover a:hover:after, .header-nav .wp-block-navigation__submenu-container .wp-block-navigation-item.has-child:hover a:hover:after, .mbl-header-nav .wp-block-navigation__container .wp-block-navigation-item:hover>a>span::after, .header-nav .wp-block-navigation__container .wp-block-navigation-item:hover>a>span::after {
     width: 100% !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:hover>a>span::after, .header-nav .wp-block-navigation-item:hover>a>span::after {
     width: 60%;
}
/*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; 
}

/*.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;
}
.wp-block-navigation__responsive-container{

    z-index:1000!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:200px !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-top: 80px;
     padding-bottom: 80px;
}
 .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  screen and (min-width: 1260px) and (max-width: 1530px) {
 .desktop-main-header .inner-width-adjust{
  max-width:95%!important;
  }
}
@media only screen and (max-width: 1360px) {
  .gallary-home img{
  width:auto!important;
  }
    .inner-width-adjust.cols-center-mbl * {
        justify-content: center!important;
        text-align:center!important;
   }
   .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;
      }
}
 @media screen and (min-width: 980px) and (max-width: 1280px) {
div   .circle li::before{margin-top:7px!important;}
   .post-inner-width-adj{
        max-width: 90%!important;
    }
     .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  (max-width: 980px) {
 div .no-pad{padding:0px!important;}

}

 @media screen and (min-width: 780px) and (max-width: 980px) {
        .colons-rev{
         flex-direction:column-reverse !important;
    }
     .cols-center-mbl img, .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;
         margin-left:auto!important;
        margin-right:auto!important;
    }
  div  .no-border{border:none!important;}
     .mbl-home-banner-height{
         min-height: 415px!important;
    }
   div   .circle li::before{margin-top:5px!important;}
       .colons-rev{
         flex-direction:column-reverse !important;
    }
   .dynamic-height-2,.dynamic-height-3{height:unset!important;}
   div   .group-cols-2 figure , div .group-cols figure{
     width:100%!important;
     float:unset!important;
     text-align: center;
     margin-left:auto!important;
     margin-bottom:30px!important;
   }
         .group-cols-2 figure{width:100%;
     margin-right:auto!important;
   }
   .blog-post-templet{
         grid-template-columns: 1fr !important;
         max-width: 76%!important;
         margin: auto;
    }
   div  .wp-block-columns:not(.is-not-stacked-on-mobile),
   .cols-brakedown.wp-block-columns,
   .entry-content  .wp-block-columns{
     flex-wrap: wrap !important;
    
   }
   div  .wp-block-columns:not(.is-not-stacked-on-mobile) .wp-block-column,
    .cols-brakedown.wp-block-columns .wp-block-column,
      .entry-content  .wp-block-columns .wp-block-column{
       flex-basis:100%!important;
   }
       .post-inner-width-adj{
        max-width: 100%!important;
    }
     .button-menu:hover{
         color: inherit!important;
    }
   .fixed-nav .button-menu ,
     .button-menu{
         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) {
   .header-info-box .wp-block-group a{
     font-size:15px!important;
   
   }
  .header-info-box .wp-block-group img{
    height:25px!important;
   }
   .header-info-box .wp-block-column .wp-block-group{gap:15px!important;}
   .header-info-box .wp-block-column{
    padding:20px 10px!important;
   }
    .header-spacer {
    height: 180px !important;
  }
 
      .float-img img{
   width:100%!important;
   }
      .float-img {
    float:unset!important;
        margin:auto!important;
        justify-content:center;
   }
     .inner-container-width {
         max-width: 90% !important;
    }
     .inner-width-adjust {
         max-width: 90% !important;
    }
    /* Convert to 2 Coln 
     .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.mbl-2-col {
         flex-basis: calc(50% - 50px) !important;
    }
     div .mbl-col-wrap {
         flex-wrap: wrap !important;
         justify-content: center;
    }
  Convert to 2 Coln End */
}
/*For Mobile Only*/
 @media screen and (max-width: 580px){
   .home div .large-btn a.wp-block-button__link{
        min-width: unset!important;
    }
}
 @media screen and (min-width: 480px) and (max-width: 780px) {
   
    .post-inner-width-adj{
        max-width: 100%!important;
    }
     .header-spacer {
    height: 220px !important;
  }
     .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: 100% !important;
    }
     .inner-width-adjust {
         max-width: 100% !important;
    }
     .mbl-padding {
         padding-top: 40px!important;
         padding-bottom: 40px!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) {
  :root div .wp-block-cb-carousel-v2 .cb-button-prev, div .wp-block-cb-carousel-v2.cb-rtl .cb-button-next,
  :root div .wp-block-cb-carousel-v2 .cb-button-next, div .wp-block-cb-carousel-v2.cb-rtl .cb-button-prev{    bottom: -60px !important;}
   div   .circle li::before{margin-top:4px!important;}
      .dynamic-height-2,.dynamic-height-3{height:unset!important;}
   div   .group-cols-2 figure , div .group-cols figure{
     width:100%!important;
     float:unset!important;
     text-align: center;
     margin-left:auto!important;
     margin-bottom:30px!important;
   }

   .pad-top{
      padding-top:0px!important;
     margin-top:100px!important;
   }
   .fixed-links-left.wp-block-group{
      display:none!important;
   }
       .post-inner-width-adj{
        max-width: 100%!important;
    }
 /*           .wp-block-list.circle {
     margin-left: auto!important;
     margin-right: auto!important;
     max-width: 222px;}
        .gallary-home img{
       width:auto!important;
       height:auto!important;
  }*/
        .colons-rev{
         flex-direction:column-reverse !important;
    }
   .cols-center-mbl img,  .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;
         margin-left:auto!important;
        margin-right:auto!important;
    }
  div  .no-border{border:none!important;}
     .mbl-home-banner-height{
         min-height: 415px!important;
    }
    .left-padding-adj {
        padding-left: 0 !important;
      }
     .button-menu:hover{
         color: inherit!important;
    }
    .fixed-nav .button-menu ,  .button-menu{
         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;
    }

     .mbl-page-banner-height{
         min-height: 300px!important;
    }
    .mobile-only.wp-block-columns {
         display: flex !important;
    }
     .mobile-only {
         display: block !important;
    }
   .wp-block-cover.mobile-only {
     display: flex!important;
}
     .desktop-only {
         display: none !important;
    }
     .mbl-margin {
         margin: 0px 0px 0px 0px;
    }
}
/*For Small Mobile Only*/
 @media screen and (max-width: 480px) {
   
     div .header-spacer {
    height: 250px !important;
  }
 
     .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-top: 40px!important;
         padding-bottom: 40px!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: 1280px) {
    /* .wp-block-navigation__submenu-container {
         display: none !important;
    }
     .wp-block-navigation__submenu-container.active {
         display: block !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 
}
.service-icon-top{
   margin-top:-85%!important;
}
/*----------------------- 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:hover, .service-item:hover img{
 filter: url(#wp-duotone-rgb4511174-rgb4511174-9);!important;
}
 .service:hover, .service-item:hover {
     background-color:#5E255E8C!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 ------------------------------*/
/*Reviews with start and arrow */


div .swiper-button-prev.testimonial-nav-arrow .fa,
div .swiper-button-next.testimonial-nav-arrow .fa{
  display:none!important;
}
div .swiper-button-next.testimonial-nav-arrow:before {
  content: ""!important;
  background: url(https://gulfportms.dentist/wp-content/uploads/2026/02/Dentist-Ocean-Springs-3.webp)!important;
    background-size: auto!important;
  background-size: auto!important;
  position: absolute!important;
  background-size: contain!important;
  height: 35px!important;
  width: 35px!important;
  transform: rotate(0deg) translateY(80%) !important
}
div .swiper-button-prev.testimonial-nav-arrow:before {
  content: ""!important;
  background: url(https://gulfportms.dentist/wp-content/uploads/2026/02/Dentist-Ocean-Springs-3.webp)!important;
    background-size: auto!important;
  background-size: auto!important;
  position: absolute!important;
  background-size: contain!important;
  height: 35px!important;
  width: 35px!important;
  transform: rotate(180deg) translateY(-80%) !important
}
/*Reviews with start and arrow */


.ti-widget.ti-goog .ti-controls .ti-prev::before {
  background: url(#)!important;
  width: 47px!important;
  height: 47px!important;
  -webkit-transform: rotate(180deg)!important;
  -ms-transform: rotate(180deg)!important;
  transform: rotate(180deg)!important;

}
.ti-widget.ti-goog .ti-controls .ti-next::before {
  background: url(#)!important;
  width: 47px!important;
  height: 47px!important;
  -webkit-transform: rotate(0deg)!important;
  -ms-transform: rotate(0deg)!important;
  transform: rotate(0deg)!important;
}
.ti-widget.ti-goog .ti-controls .ti-next::after,
.ti-widget.ti-goog .ti-controls .ti-prev::after {
  content:none!important;}
.ti-widget.ti-goog .ti-controls .ti-next::before {
  top: -90%!important;
  right: -20px!important;
}
.ti-widget.ti-goog .ti-controls .ti-prev::before {
  top: -90%!important;
  left: -20px!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: 0 !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: 25px;
  }
  
  .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;
    width: 375px !important;
    text-align: left;
    box-sizing: border-box;
    border-radius: 20px;
    border: 2px solid transparent;
    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;
  }
  
  /*
  
  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,
  .accordion:hover {
    border: 2px solid #f8d487;
  }
  
  .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-family: "Lato", sans-serif;
    font-size: 14px;
    /* 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 (max-width: 980px) {
  div   .adj-cols-2{flex-basis:20%!important;}
    div .adj-cols{flex-basis:71%!important;}
    .home div   .margin-left{margin-left:auto!important;}
    .home div  .margin-top{margin-top:0px!important;}
    .accordion-group-block {
        flex-direction: column;
      }
      .accordion {
        font-size: 18px;
      }
    
      .add-flex {
        flex-direction: row;
        gap: 10px;
        flex-wrap: wrap;
        justify-content: center;
      }
    
      .panel {
        max-width: 100%;
        min-width: 100%;
      }
    
  }

/*Tab Accordion End */