.logo-home {
    position: absolute;
}

@font-face {
  font-family: 'BerkshireSwash';
  src: url('../webfonts/BerkshireSwash-Regular.ttf') format('ttf'),
         url('../webfonts/BerkshireSwash-Regular.ttf') format('ttf'),
         url('../webfonts/BerkshireSwash-Regular.ttf') format('ttf');
}

.contact-info-item.width-full {
    width: 100%;
}

.logo-home img {
    width: 44%;
    margin-top: 70px;
}

.logo-home img {
    width: 44%;
    margin-top: 54px;
    padding: 6px;
    background: #fff;
    border-radius: 50%;
}

.key-points-head {
    text-decoration: 1px underline #f6b101;
    font-family: "Berkshire Swash", serif;
    margin-bottom: 15px;
    text-underline-offset: 2px;
    color: #461253;
}

.main-menu .nav-menu-wrapper {
    flex: 1;
    text-align: center;
    margin: 0 20px;
    justify-content: end;
    display: flex;
}

.section-title.services-page {
    margin-bottom: 25px;
}

.section-title.services-page p {
    margin-top: 11px;
    margin-bottom: 0;
}

.slider {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
        .slides {
          display: flex;
          transition: transform 1s ease-in-out;
        }

        .slides img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          flex-shrink: 0;
        }

        /* Dots Navigation on Slider */
        .dots {
          position: absolute;
          bottom: 30px;
          left: 50%;
          transform: translateX(-50%);
          display: flex;
          gap: 10px;
          z-index: 10;
        }

        .dot {
          width: 12px;
          height: 12px;
          background-color: rgb(193 189 189);
          border-radius: 50%;
          cursor: pointer;
          transition: background-color 0.3s;
        }

        .dot.active {
          background-color: white;
        }

        .dots {
            position: absolute;
            bottom: 20px;
            left: 50%;
            transform: translateX(-50%);
            display: flex;
        }

        .dots span {
            display: block;
            width: 10px;
            height: 10px;
            margin: 5px;
            background: #ddd;
            border-radius: 50%;
            cursor: pointer;
        }

        .dots .active {
            background: #333;
        }

/* Glass arrows */
.testimonial-swiper{
  position:relative;
  --arrow-size: 48px;
}

.t-arrow {
    position: absolute;
    top: 50%;
    padding: 2px 5px;
    transform: translateY(-50%);
    width: var(--arrow-size);
    height: var(--arrow-size);
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, .25);
    background: #461253;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    color: #ffffff;
    display: grid;
    place-items: center;
    cursor: pointer;
    z-index: 2;
    box-shadow: 0 10px 24px rgba(0, 0, 0, .25), inset 0 0 20px rgba(255, 255, 255, .05);
    transition: transform .15s ease, box-shadow .25s ease, background .25s ease;
}
.t-prev{ left:10px; } .t-next{ right:10px; }
.t-arrow:hover{ transform: translateY(-50%) scale(1.04); box-shadow: 0 14px 36px rgba(0,0,0,.35), 0 0 0 2px #8ae8ff; }

/* Pagination as a thin progress bar */
.testimonial-swiper .swiper-pagination{
  position:absolute; left:24px; right:24px; bottom:10px; height:3px;
}
.testimonial-swiper .swiper-pagination-progressbar{
  background: rgba(255,255,255,.2);
}
.testimonial-swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
  background: linear-gradient(90deg, #60efff 0%, #008cff 100%);
}

/* Make sure one slide at a time feels centered */
.testimonial-swiper .swiper-slide{ display:flex; }
.testimonial-swiper .testimonial-item{ width:100%; }
/* Make sure one testimonial shows at a time and arrows show */
.testimonial-swiper { position: relative; }
.testimonial-swiper .swiper-slide { display: flex; }
.testimonial-swiper .testimonial-item { width: 100%; }


.swiper-button-next:after, .swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: 14px;
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
    font-weight: 900;
    background: #461253 !important;
    padding: 7px 9px !important;
    border-radius: 50%;
    color: #fff;
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: -8px;
    right: auto;
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: -8px;
    left: auto;
}

.what-we-item.border-bottom {
    border-bottom: 1px solid #d9d9d957 ;
}

.what-we-item.border-right {
    border-right: 1px solid #d9d9d957;
}

.about-footer-content p {
    text-align: center;
}

/* Hide default Swiper arrows for this slider (we'll use custom) */
.blog-swiper .swiper-button-prev,
.blog-swiper .swiper-button-next { display:none; }

/* Position the custom nav at the section header's right side */
.blog-nav{
  display:flex; gap:10px; align-items:center;
  margin-top:18px; margin-left:auto; /* push to the right if inside a flex row */
  width:max-content;
}

/* Fancy pill buttons */
.blog-nav .nav-btn{
  appearance:none; border:0; cursor:pointer;
  padding:10px 14px; border-radius:999px;
  background: #f8ad1c;
  color:#000; box-shadow: 0 6px 18px rgba(0,0,0,.25), inset 0 0 0 1px rgba(255,255,255,.08);
  transition: transform .15s ease, box-shadow .25s ease, background .25s ease;
}
.blog-nav .nav-btn i{ font-size:14px; line-height:1; }

.blog-nav .nav-btn:hover{
  transform: translateY(-1px);
  box-shadow: 0 10px 28px rgba(0,0,0,.35), 0 0 0 2px #6ee7f9;
  background: #fff;
}

.blog-nav .nav-btn:active{ transform: translateY(0); }

/* Optional: put nav inline with the section header row */
.section-row{ display:flex; align-items:center; }
.section-row .section-title{ flex:1; }
.section-row + .blog-nav{ margin-top:-48px; } /* pull up beside "View all post" if needed */

/* Spacing between slides */
.blog-swiper .swiper-wrapper{ gap: var(--gap); }
.blog-swiper .swiper-slide{ width:auto; } /* Swiper will handle width via slidesPerView */


.btn-phone-pulse {
   background: #fcb412;
    color: white;
    position: fixed;
    bottom: 16PX;
    right: 6px;
    font-size: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 0;
    height: 0;
    padding: 35px;
    text-decoration: none;
    border-radius: 50%;
    z-index: 999;
    font-size: 27px;

    
}
.btn-whatsapp-pulse {
    background: #25d366;
    color: white;
    position: fixed;
    bottom: 20px;
    left: 40px;
    font-size: 30px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 0;
    height: 0;
    padding: 35px;
    text-decoration: none;
    border-radius: 50%;
    animation-name: pulse;
    animation-duration: 1.5s;
    animation-timing-function: ease-out;
    animation-iteration-count: infinite;
    
    
    z-index: 999;

}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
    }
    80% {
        box-shadow: 0 0 0 14px rgba(37, 211, 102, 0);
    }
}

@keyframes pulse-border {
    0% {
        padding: 25px;
        opacity: 0.75;
    }
    75% {
        padding: 50px;
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

i.fab.fa-whatsapp {
      
    -webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 4s linear infinite;

}
@-moz-keyframes spin { 
    100% { -moz-transform: rotate(-25deg); } 
}
@-webkit-keyframes spin { 
    100% { -webkit-transform: rotate(-25deg); } 
}45deg
@keyframes spin { 
    100% { 
        -webkit-transform: rotate(-25deg); 
        transform:rotate(-25deg); 
    } 
}
.fa, .fas, .far, .fal, .fab {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

.fab {
    font-family: 'Font Awesome 5 Brands';
}

.btn-whatsapp-pulse-border {
        bottom: 16PX;
    left: 6PX;
    animation-play-state: paused;
}

.btn-whatsapp-pulse-border::before {
    content: "";
    position: absolute;
    border-radius: 50%;
    padding: 35px;
    border: 5px solid #25d366;
    opacity: 0.75;
    animation-name: pulse-border;
    animation-duration: 1.5s;
    animation-timing-function: ease-out;
    animation-iteration-count: infinite;
    margin-top: 0px;
    margin-left: 0px;
}
.btn-phone-pulse-border::before {
    content: "";
    position: absolute;
    border-radius: 50%;
    padding: 35px;
    border: 5px solid #fcb412;
    opacity: 0.75;
    animation-name: pulse-border;
    animation-duration: 1.5s;
    animation-timing-function: ease-out;
    animation-iteration-count: infinite;
    margin-top: 0px;
    margin-right: 0px;
}

@keyframes pulse-border {
    0% {
        padding: 25px;
        opacity: 0.75;
    }
    75% {
        padding: 50px;
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

[id] {
  scroll-margin-top: 50px;
}