.accordion-button{padding:20px!important; background-color:#fff!important; border:none!important; font-weight:600;}
.servicesGrid{width:33%;}
.sectionIcons{width: 7%;margin-bottom:10px;margin-top:40px;}
@media (max-width: 575px) {
   .accordion-button{padding:20px!important; background-color:#fff!important; border:none!important; font-weight:600; height:60px;line-height:22px;}
   .servicesGrid{width:50%; margin-top:20px;}
   .sectionIcons{width: 15%;margin-bottom:10px;margin-top:40px;}
   .mobileBtn{font-size:16px!important;};
}
.section_tittle {
    margin-bottom: 51px!important;
    text-align: center!important;
}
p {
    font-size: 14px!important;
}
.accordion-button:focus {
  z-index: 3;
  border-color: #000!important;
  outline: 0;
  box-shadow: none!important;
  color:#000!important;
}
.card {
    border-radius: 5px;
    background-color: #fff;
    padding-left: 60px;
    padding-right: 60px;
    margin-top: 30px;
    padding-top: 30px;
    padding-bottom: 30px
}
.rating-box {
    width: 130px;
    height: 130px;
    margin-right: auto;
    margin-left: auto;
    background-color: #FBC02D;
    color: #fff
}
.rating-label {
    font-weight: bold
}
.rating-bar {
    width: 300px;
    padding: 8px;
    border-radius: 5px
} 
.bar-container {
    width: 100%;
    background-color: #f1f1f1;
    text-align: center;
    color: white;
    border-radius: 20px;
    cursor: pointer;
    margin-bottom: 5px
}

.bar-5 {
    width: 70%;
    height: 13px;
    background-color: #FBC02D;
    border-radius: 20px
}

.bar-4 {
    width: 30%;
    height: 13px;
    background-color: #FBC02D;
    border-radius: 20px
}

.bar-3 {
    width: 20%;
    height: 13px;
    background-color: #FBC02D;
    border-radius: 20px
}

.bar-2 {
    width: 10%;
    height: 13px;
    background-color: #FBC02D;
    border-radius: 20px
}

.bar-1 {
    width: 0%;
    height: 13px;
    background-color: #FBC02D;
    border-radius: 20px
}

td {
    padding-bottom: 10px
}

.star-active {
    color: #FBC02D;
    margin-top: 10px;
    margin-bottom: 10px
}

.star-active:hover {
    color: #F9A825;
    cursor: pointer
}

.star-inactive {
    color: #CFD8DC;
    margin-top: 10px;
    margin-bottom: 10px
}

.blue-text {
    color: #0091EA
}

.content {
    font-size: 18px
}

.profile-pic {
    width: 90px;
    height: 90px;
    border-radius: 100%;
    margin-right: 40px
}

.pic {
    width: 80px;
    height: 80px;
    margin-right: 10px
}

.vote {
    cursor: pointer
}
header{background:#000;} 
.dropdown-menu{background:#0000007a; padding:10px;}
.modal-header{display:block;}

@media (max-width: 600px) {
    .home-popup-top {
        font-size: 1.5em !important;
        padding: 0px !important;
    }
}

@media (min-width: 600px) {
    .home-popup-top {
        font-size: 2.5em!important;
     padding-left: 0px!important; 
    }
}


.insta-wrapper{
    max-width:1100px;
    margin:50px auto;
    font-family: 'Segoe UI', sans-serif;
}

/* Header */

.insta-header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:25px;
    padding:15px 20px;
    border-radius:12px;
    background:#fff;
    box-shadow:0 2px 15px rgba(0,0,0,.08);
}

.profile{
    display:flex;
    align-items:center;
    gap:12px;
}

.profile-pic{
    width:55px;
    height:55px;
    border-radius:50%;
    border:2px solid #ff2a68;
    margin-right:0px!important;
}

.profile h4{
    margin:0;
    font-size:16px;
}

.profile span{
    font-size:13px;
    color:#777;
}

/* Follow Button */

.follow-btn{
    background:linear-gradient(45deg,#ff2a68,#ff7a00);
    color:#fff;
    padding:8px 18px;
    border-radius:20px;
    text-decoration:none;
    font-weight:600;
    transition:.3s;
}

.follow-btn:hover{
    opacity:.8;
}

/* Grid */

.insta-grid{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(250px,1fr));
    gap:25px;
}

/* Post Card */

.insta-item{
    background:#fff;
    border-radius:15px;
    overflow:hidden;
    box-shadow:0 4px 15px rgba(0,0,0,.08);
    transition:.3s;
    position:relative;
}

.insta-item:hover{
    transform:translateY(-5px);
}

/* Image */

.insta-item img{
    width:100%;
    height:360px;
    object-fit:cover;
}

/* Overlay */

.insta-overlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.5);
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    color:#fff;
    opacity:0;
    transition:.3s;
}

.insta-item:hover .insta-overlay{
    opacity:1;
}

/* Icons */

.insta-icons{
    display:flex;
    gap:20px;
    font-size:20px;
    margin-bottom:10px;
}

/* Button */

.view-btn{
    background:#fff;
    color:#000;
    padding:6px 15px;
    border-radius:20px;
    font-size:13px;
    text-decoration:none;
}

  .overlay-vid { 
    background: rgba(0, 0, 0, 0.71)!important;
  }
  

    h2.h1award {
  position: relative;
  margin: 0 auto 20px;
  padding: 25px 40px;
  text-align: center;
  background-color: rgba(218,165,32,0.7);
  font-size: 28px;
}

h2.h1award::before, h2.h1award::after {
    
    content: '';
    width: 60px;
    height: 100%;
    background-color: rgba(218, 165, 32, 0.7);
    position: absolute;
    z-index: -1;
    top: 20px;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 25% 50%);
    background-size: 35px 26px;
    background-repeat: no-repeat;
    background-position: bottom right;
    
 
}

.content-section ul li:before {
    content: none!important;
    
}

h2.h1award::before {
  left: -60px;
}

h2.h1award::after {
  right: -60px;
  transform: scaleX(-1); /* flip horizontally */
}
.awardIMG{width: 60px;}
 

@media (max-width: 600px) {
  h2.h1award { font-size: 1.5rem; }
  .awardIMG{width: 40px;}
  h2.h1award {
    position: relative;
    margin: 10px auto 20px !important;
    padding: 10px 4px !important;
    text-align: center !important;
    background-color: rgba(218,165,32,0.5);
    font-size: 17px !important;
  }
       
}
#section0 .layer, #section1 .layer, #section2 .layer, #section3 .layer, #section4 .layer, #section5 .layer {
	position: absolute;
	z-index: 4;
	width: 100%;
	height: 100%;
	left: 0%;
	top: 9%;
	display:flow!important;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0); 
	-webkit-flex-direction: column;
	justify-content: center;
	-webkit-justify-content: center;
	align-items: center;  
}



 
.btns-all {
     
    margin-bottom: 10px!important;
}

.revH1 {

	color: #fff!important;
	padding: 0px 50px!important;
	font-size: 3rem!important;
	text-align: center!important;
	font-weight::bold!important;
	line-height:1!important;

}
.revP {

    color: #fff!important;
    padding: 0px 50px!important;
    width: 100%!important;
    font-size: 18px!important;
    text-align: justify!important;
    margin-bottom: 0px!important;
	margin-left: 0px!important

}

@media (max-width: 576px) {
    .layer h2 {
        text-align: center !important;
        font-size: 1.9rem !important;
        margin-bottom: 20px !important;
        /* padding-left: 0px !important; */
    }
	.layer p {
        text-align: center;
        font-size: 14px !important;
        width: 100% !important;
        margin-left: 0px;
    }
}

@media (max-width: 576px) {
    .modal {
        left: 0% !important;
        top: 25% !important;
        	height: 100%!important;
    }
}

/* === Bottom Slide Modal Styles === */
    .modal {
		position: fixed;
		bottom: -100%;
		left: 0;
		width: 100%;
		height: 50%;
		top: 50%;
		background: white;
		border-top-left-radius: 20px;
		border-top-right-radius: 20px;
		box-shadow: 0 -2px 10px rgba(0,0,0,0.3);
		z-index: 9999;
		transition: bottom 0.3s ease-in-out;
		overflow-y: auto;
		padding: 0px;
		display:none;
    }

    .modal.show { 
		bottom: 0;
		display: block;
		z-index: 9999999999;
    }

    .overlay {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.5);
		z-index: 9998;
		display: none;
    }

    .overlay.show {
      display: block;
    }

    .close-btn {
      font-size: 20px;
      cursor: pointer;
      color: red;
      text-align: right;
      margin-bottom: 10px;
    }

    .modal p {
      margin: 12px 0;
    }
	
	
	 

/* Active state */
 
.menu-content ul {
  list-style: none;
  padding: 0;
  margin: 0;
  
}

.menu-content li {
  padding: 15px;
  border-bottom: 1px solid #eee;
  cursor: pointer;
  text-align:left;
}

.menu-content li:hover {
  background-color: #f5f5f5;
}

.menu-header {
  padding: 16px;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #ddd;
  font-weight: bold;
  font-size: 18px;
}

/* Close button */
.close-btn {
  background: none;
  border: none;
  font-size: 20px;
  cursor: pointer;
}


     .scrollable-ul {
  max-height: 200px; /* or a fixed height */
  overflow-y: auto;
  padding: 0;
  margin: 0;
  list-style: none;
   -webkit-overflow-scrolling: touch; /* iOS smooth scroll */
}

.menu-header {
  position: sticky;
  top: 0;
  background: white;
  padding: 10px 16px;
  font-weight: bold;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #ccc;
  z-index: 10;
}

@media (max-width: 576px) {
    .demo-drop-down.show { 
        top: 120px !important;
    }
}

@media (min-width: 577px) {
    .demo-drop-down.show { 
        top: 80px !important;
    }
}


.demo-drop-down.show {
    display: block;
    
}




/* Masonry layout */
.masonry-gallery {
  column-count: 3;
  column-gap: 0; /* NO GAP */
}

@media (max-width: 992px) {
  .masonry-gallery { column-count: 2; }
}
@media (max-width: 576px) {
  .masonry-gallery { column-count: 1; }
}

.masonry-item {
  break-inside: avoid;
  margin-bottom: 0; /* NO GAP */
  overflow: hidden;
  border-radius: 0; /* NO RADIUS */
}

.masonry-item img {
  width: 100%;
  display: block;
  cursor: pointer;
  transition: transform .6s ease, filter .6s ease;
}

.masonry-item:hover img {
  transform: scale(1.08);
  filter: brightness(1.1);
}

/* Modal animation */
.gallery-modal .modal-dialog {
  transform: scale(.75);
  opacity: 0;
  transition: all .5s cubic-bezier(.4,0,.2,1);
}

.gallery-modal.show .modal-dialog {
  transform: scale(1);
  opacity: 1;
}

/* Blur backdrop */
.modal-backdrop.show {
  backdrop-filter: blur(12px);
  background-color: rgba(0,0,0,.6);
}
/* Masonry layout */
.masonry-gallery {
  column-count: 3;
  column-gap: 1px;           /* 1px GAP */
  background: #fff;         /* GAP COLOR */
}

@media (max-width: 992px) {
  .masonry-gallery { column-count: 2; }
}
@media (max-width: 576px) {
  .masonry-gallery { column-count: 1; }
}

.masonry-item {
  break-inside: avoid;
  margin-bottom: 1px;        /* vertical gap */
  overflow: hidden;
  border-radius: 0;
}

.masonry-item img {
  width: 100%;
  display: block;
  cursor: pointer;
  transition: transform .6s ease, filter .6s ease;
}

.masonry-item:hover img {
  transform: scale(1.08);
  filter: brightness(1.1);
}

 .why-choose-us {
  padding: 80px 20px;
  background: #fff;
}

.container {
  max-width: 1200px;
  margin: auto;
}

.section-header {
  text-align: center;
  margin-bottom: 60px;
}

.section-header h2 {
  font-size: 28px;
  font-weight: 700;
}

.section-header p {
  max-width: 700px;
  margin: 10px auto 0;
  color: #666;
}

.features-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
}

.feature-box {
  display: flex;
  align-items: flex-start;
}

.feature-icon {
  width: 20%;
  max-width: 80px;
}

.feature-content {
  width: 80%;
}

.whyChooseIcons {
  width: 100%;
  max-width: 70px;
  height: auto;
}

.feature-content h4 {
  font-size: 18px;
  margin-bottom: 6px;
  font-weight: 600;
}

.feature-content p {
  font-size: 14px;
  color: #666;
  line-height: 1.6;
}

.feature-box:hover h4 {
  color: #c3951a;
}

/* Mobile */
@media (max-width: 768px) {
  .features-grid {
    grid-template-columns: 1fr;
  }

  .feature-icon {
    width: 25%;
  }

  .feature-content {
    width: 75%;
  }
}












.google-review-section{padding:0px 30px;background:#0c0c0c;color:#fff;text-align:center; margin-bottom:140px;}
.review-heading h4{color:#c9a24d;letter-spacing:2px}
.review-heading h2{color:#d4af37;font-size:34px;margin-bottom:40px}

/* Rating bar */
.google-rating-bar{background:#fff6f3;color:#000;border-radius:14px;padding:20px 30px;
max-width:1100px;margin:0 auto 50px;display:flex;justify-content:space-between;align-items:center}
.google-rating-bar a:hover{color:#000;}


.rating-left{display:flex;gap:15px;align-items:center}
.rating-stars{color:#000;font-size:16px}
.write-review-btn{background:#1a73e8;color:#fff;padding:10px 22px;border-radius:22px;text-decoration:none}

/* Cards */
.google-reviews-wrapper{display:flex;gap:30px;justify-content:center;flex-wrap:wrap}
.google-review-card{background:#fff;color:#000;width:320px;padding:25px;border-radius:16px;
box-shadow:0 10px 30px rgba(0,0,0,.25)}

.review-header{display:flex;align-items:center;margin-bottom:12px}
.review-user-img,.avatar{width:60px;height:60px;border-radius:50%;object-fit:cover;
display:flex;align-items:center;justify-content:center;font-weight:bold;font-size:22px;
background:#6dbf4b;color:#fff}
.review-user-info{margin-left:12px;text-align:left}
.star{color:#ccc}.filled{color:#fbbc04}
.review-text{font-size:14px;color:#555;margin:10px 0}
.review-date{font-size:12px;color:#999}





.kc-review-card {
    background: #fff;
    width: 340px;
    padding: 60px 25px 30px;
    border-radius: 18px;
    text-align: center;
    box-shadow: 0 12px 35px rgba(0,0,0,0.25);
    position: relative;
}

/* Avatar */
.kc-avatar {
    position: absolute;
    top: -40px;
    left: 50%;
    transform: translateX(-50%);
}

.kc-avatar img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    object-fit: cover;
    border: 4px solid #fff;
}

/* Google badge */
.kc-google-badge {
    position: absolute;
    bottom: -5px;
    right: -5px;
    background: #fff;
    color: #4285f4;
    font-weight: bold;
    border-radius: 50%;
    width: 26px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    border: 2px solid #eee;
}

/* Name */
.kc-name {
       margin-top: -10px;
    font-size: 21px;
    font-weight: bold;
}

/* Stars */
.kc-stars {
    color: #fbbc04;
    font-size: 27px;
    margin: -2px 0;
}

/* Date */
.kc-date {
    font-size: 13px;
    color: #999;
    margin-bottom: 10px;
}

/* Review text */
.kc-text {
    font-size: 14px;
    color: #555;
    line-height: 1.6;
}

.kc-text a {
    color: #1a73e8;
    text-decoration: none;
    font-weight: 500;
}

.kc-google{
    position:absolute;
    top:18px;
    left:18px;
}
.kc-google img{
    width:20px;
}
.kc-review-grid {
    display: flex;
    gap: 30px;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 60px;
}
.kc-text{font-size:14px;color:#555}
.kc-text span{color:#1a73e8;cursor:pointer}



 
.arrows path {
  stroke: #fff;
  fill: transparent;
  stroke-width: 1px;  
  animation: arrow 2s infinite;
  -webkit-animation: arrow 2s infinite; 
}

@keyframes arrow
{
0% {opacity:0}
40% {opacity:1}
80% {opacity:0}
100% {opacity:0}
}

@-webkit-keyframes arrow /*Safari and Chrome*/
{
0% {opacity:0}
40% {opacity:1}
80% {opacity:0}
100% {opacity:0}
}

.arrows path.a1 {
  animation-delay:-1s;
  -webkit-animation-delay:-1s; /* Safari 和 Chrome */
}

.arrows path.a2 {
  animation-delay:-0.5s;
  -webkit-animation-delay:-0.5s; /* Safari 和 Chrome */
}

.arrows path.a3 { 
  animation-delay:0s;
  -webkit-animation-delay:0s; /* Safari 和 Chrome */
}

 

 


/* Instagram Section */
.instagram-section {
    padding: 50px 20px;
    background: #f9f9f9;
    text-align: center;
}

.instagram-section h2 {
    font-size: 28px;
    margin-bottom: 25px;
}

/* Grid Layout */
.insta-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 15px;
    max-width: 1100px;
    margin: auto;
}

/* Post Card */
.insta-item {
    overflow: hidden;
    border-radius: 10px;
    position: relative;
}

.insta-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.3s;
}

/* Hover Effect */
.insta-item:hover img {
    transform: scale(1.1);
}

/* Overlay */
.insta-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.5);
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: 0.3s;
    font-size: 14px;
}

.insta-item:hover .insta-overlay {
    opacity: 1;
}

 


.modal-header{border-bottom:none!important;}
.modal-content{background: none!important;border:none!important;}



.content-section {
    position: relative;
}

.arrows {
   position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    z-index: 999;
    top: 85%;
}



@media (min-width: 1600px) {
    .revP {
                margin: 0px auto;
        margin-left: auto !important;
        max-width: 1000px;
    }
}