 /* Horizontal scroll remove */
html, body{
    overflow-x: hidden;
    width: 100%;
}

/* Images responsive */
img{
    max-width: 100%;
    height: auto;
    display: block;
}

/* Bootstrap row fix */
.row{
    margin-left: 0;
    margin-right: 0;
}

/* All sections responsive */
.container,
.container-fluid{
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}

/* Fixed width remove */
*{
    box-sizing: border-box;
}
/* TOP BLINK BAR */

.top-bar{
    background: linear-gradient(90deg,#2b0000,#8b0000,#d10000,#8b0000,#2b0000);
    background-size:300% 300%;
    animation:gradientMove 8s ease infinite;
    padding:12px 10px;
    border-bottom:2px solid #ffcc00;
}

.blink-text{
    color:#fff;
    text-align:center;
    font-size:16px;
    font-weight:700;
    letter-spacing:0.5px;
    animation:blink 1s infinite;
}

.blink-text span{
    color:#ffd700;
}
/* =========================
   IMAGE SECTION
========================= */

.top-image-section{
    padding:30px 0;
    background:#fff;
}

/* IMAGE */

.image-box img{
    width:100%;
   box-shadow: 1px 4px 8px 1px rgba(0, 0, 0, 0.4);
    object-fit:cover;
   
    display:block;
}
 

/* RESPONSIVE */
 

@media(max-width:767px){

.top-image-section{
    padding:40px 0;
}
 

}
 /* =========================
   NAVBAR SECTION
========================= */

.astro-navbar{
    width:100%;
    padding:10px 0;
    background:#8b0000;
    border-bottom:2px solid rgba(255,215,0,0.2);
    position:sticky;
    top:0;
    z-index:999;
}

/* LOGO */

.astro-logo{
    display:flex;
    align-items:center;
    gap:12px;
    text-decoration:none;
}

.astro-logo img{
    width:45px;
    height:45px;
    border-radius:50%;
    border:2px solid #ffd700;
    background:#fff;
    padding:5px;
}

.astro-logo span{
    color:#fff;
    font-size:28px;
    font-weight:800;
    letter-spacing:1px;
}

/* MENU */

.navbar-nav{
    gap:10px;
}

.navbar-nav .nav-link{
    color:#fff;
    font-size:16px;
    font-weight:600;
    padding:8px 18px !important;
    border-radius:30px;
    transition:0.4s;
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active{
    background:#ffd700;
    color:#000;
}

/* BUTTON */

.astro-call-btn{
    background:#ffd700;
    color:#000;
    text-decoration:none;
    padding:8px 26px;
    border-radius:50px;
    font-size:15px;
    font-weight:700;
    display:flex;
    align-items:center;
    gap:10px;
    transition:0.4s;
}

.astro-call-btn:hover{
    background:#fff;
    color:#000;
    transform:translateY(-3px);
}

/* TOGGLER */

.astro-toggler{
    width:50px;
    height:50px;
    border:none;
    border-radius:12px;
    background:#ffd700;
    color:#000;
    font-size:20px;
}

.astro-toggler:focus{
    box-shadow:none;
}

/* =========================
   MOBILE MENU
========================= */

@media(max-width:991px){

.astro-navbar{
    padding:12px 0;
}

.navbar-collapse{
    background:#000;
    margin-top:18px;
    padding:20px;
	text-align:center;
    border-radius:18px;
    box-shadow:0 10px 30px rgba(0,0,0,0.3);
}

.navbar-nav{
    gap:5px;
}

.navbar-nav .nav-link{
    border-radius:12px;
    padding:14px 16px !important;
}

.nav-btn-area{
    margin-top:15px;
}

.astro-call-btn{
    width:100%;
    justify-content:center;
}

}

/* EXTRA SMALL MOBILE */

@media(max-width:575px){

.astro-logo img{
    width:45px;
    height:45px;
}

.astro-logo span{
    font-size:20px;
}

.astro-toggler{
    width:42px;
    height:42px;
    font-size:17px;
}

.navbar-collapse{
    padding:15px;
}

.navbar-nav .nav-link{
    font-size:14px;
    padding:12px 14px !important;
}

}
/* =========================
   SLIDER SECTION
========================= */

.banner-slider-section{
    width:100%;
    overflow:hidden;
    position:relative;
}

/* SLIDER ITEM */

.carousel-item{
    position:relative;
    overflow:hidden;
}

/* IMAGE */

.carousel-item img{
    width:100%;
    
    object-fit:cover;
    display:block;
}

/* DARK OVERLAY */

.carousel-item::before{
    content:'';
    position:absolute;
    inset:0;
    background:rgba(0,0,0,0.30);
    z-index:1;
}

/* =========================
   IMAGE CUT SLICE ANIMATION
========================= */

.carousel-item.active::after{
    content:'';
    position:absolute;
    inset:0;
    z-index:2;

    background:
    repeating-linear-gradient(
    90deg,
    rgba(0,0,0,1) 0px,
    rgba(0,0,0,1) 80px,
    transparent 80px,
    transparent 160px
    );

    animation:sliceReveal 1.4s ease forwards;
}

/* ANIMATION */

@keyframes sliceReveal{

    0%{
        transform:translateX(0);
        opacity:1;
    }

    100%{
        transform:translateX(100%);
        opacity:0;
    }

}

/* =========================
   FADE EFFECT
========================= */

.carousel-fade .carousel-item{
    opacity:0;
    transition-property:opacity;
    transition-duration:1s;
}

.carousel-fade .carousel-item.active{
    opacity:1;
}

/* =========================
   BUTTONS
========================= */

.slider-btn{
    width:60px;
    height:60px;
    border-radius:50%;
    background:#ffd700;
    color:#000;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:24px;
    transition:0.4s;
}

.slider-btn:hover{
    background:#fff;
    transform:scale(1.08);
}

.carousel-control-prev,
.carousel-control-next{
    opacity:1;
}

/* =========================
   RESPONSIVE
========================= */

@media(max-width:991px){

.carousel-item img{
    height:500px;
}

}

@media(max-width:767px){

.carousel-item img{
    height:350px;
}

.slider-btn{
    width:45px;
    height:45px;
    font-size:18px;
}

}

@media(max-width:575px){

.carousel-item img{
    height:260px;
}

}
/* =========================
   ABOUT SECTION
========================= */

.about-section{
    padding:55px 0;
    background:#fff;
    overflow:hidden;
}

/* IMAGE BOX */

.about-image-box{
    position:relative;
    overflow:hidden;
    border-radius:25px;
    box-shadow:0 10px 10px rgba(0,0,0,0.4);
}

.about-image-box img{
    width:100%;
    object-fit:cover;
    display:block;
    transition:0.5s;
}

.about-image-box:hover img{
    transform:scale(1.05);
}

/* CONTENT */

.about-content{
    padding-left:20px;
}

.about-subtitle{
    display:inline-block;
    color:#000;
    font-size:18px;
    font-weight:700;
    margin-bottom:15px;
    letter-spacing:1px;
    text-transform:uppercase;
}

.about-title{
    color:#8b0000;
    font-size:52px;
    font-weight:800;
    line-height:1.2;
    margin-bottom:25px;
}

.about-text{
    color:#000;
    font-size:17px;
    line-height:1.9;
    margin-bottom:20px;
}

/* FEATURES */

.about-features{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:15px;
    margin-top:30px;
}

.feature-box{
    background:#8b0000;
    border:1px solid rgba(255,215,0,0.15);
    padding:16px 18px;
    border-radius:14px;
    color:#fff;
    font-size:16px;
    font-weight:600;
    display:flex;
    align-items:center;
    gap:12px;
    transition:0.4s;
}

.feature-box i{
    color:#ffd700;
}

.feature-box:hover{
    background:#ffd700;
    color:#000;
    transform:translateY(-5px);
}

.feature-box:hover i{
    color:#000;
}

/* BUTTONS */

.about-btns{
    display:flex;
    gap:15px;
    margin-top:35px;
    flex-wrap:wrap;
}

.about-btn{
    padding:15px 28px;
    border-radius:50px;
    text-decoration:none;
    font-size:16px;
    font-weight:700;
    display:flex;
    align-items:center;
    gap:10px;
    transition:0.4s;
}

.call-btn{
    background:#ffd700;
    color:#000;
}

.call-btn:hover{
    background:#fff;
    color:#000;
    transform:translateY(-4px);
}

.whatsapp-btn{
    background:#25D366;
    color:#fff;
}

.whatsapp-btn:hover{
    background:#1ebe5d;
    color:#fff;
    transform:translateY(-4px);
}

/* =========================
   RESPONSIVE
========================= */

@media(max-width:991px){

.about-section{
    padding:70px 0;
}

.about-content{
    padding-left:0;
}

.about-title{
    font-size:42px;
}
 

}

@media(max-width:767px){

.about-title{
    font-size:32px;
}

.about-text{
    font-size:15px;
    line-height:1.8;
}
 

.about-features{
    grid-template-columns:1fr;
}

.about-btn{
    width:100%;
    justify-content:center;
}

}

@media(max-width:575px){

.about-section{
    padding:50px 0;
}

.about-title{
    font-size:28px;
}

.about-subtitle{
    font-size:15px;
}
 

}
/* =========================
   SERVICES SECTION
========================= */

.services-section{
    padding:50px 0;
    background:#8b0000;
}

/* TITLE */

.section-title{
    margin-bottom:60px;
}

.service-subtitle{
    color:#ffd700;
    font-size:18px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:1px;
    display:inline-block;
    margin-bottom:15px;
}

.service-title{
    color:#fff;
    font-size:48px;
    font-weight:800;
    line-height:1.3;
    margin:0;
}

/* CARD */

.service-card{
    background:#fff;
    border:1px solid rgba(255,215,0,0.15);
    border-radius:25px;
    overflow:hidden;
    text-align:center;
    height:100%;
    transition:0.5s;
    position:relative;
}

/* IMAGE */

.service-image{
    width:100%;
    height:220px;
    overflow:hidden;
}

.service-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:0.6s;
}

/* CONTENT */

.service-card h3{
    color:#8b0000;
    font-size:21px;
    font-weight:700;
    margin:25px 20px 15px;
}

.service-card p{
    color:#000;
    font-size:16px;
    line-height:1.8;
    padding:0 20px 30px;
    margin:0;
}

/* HOVER */

.service-card:hover{
    transform:translateY(-12px);
    border-color:#ffd700;
    box-shadow:0 15px 40px rgba(255,215,0,0.15);
}

.service-card:hover .service-image img{
    transform:scale(1.1);
}

/* =========================
   RESPONSIVE
========================= */

@media(max-width:991px){

.services-section{
    padding:70px 0;
}

.service-title{
    font-size:38px;
}

.service-image{
    height:200px;
}

}

@media(max-width:767px){

.services-section{
    padding:50px 0;
}

.section-title{
    margin-bottom:40px;
}

.service-title{
    font-size:30px;
}

.service-subtitle{
    font-size:15px;
}

.service-image{
    height:220px;
}

.service-card h3{
    font-size:22px;
}

.service-card p{
    font-size:15px;
}

}

@media(max-width:575px){

.service-title{
    font-size:26px;
}

.service-image{
    height:200px;
}

}





/* HERO SECTION */

.hero-section{
    position:relative;
    background:#fff;
    
   
    min-height:650px;
    display:flex;
    align-items:center;
    overflow:hidden;
}

.hero-content{
    position:relative;
    z-index:2;
}

.hero-subtitle{
    color:#000;
    font-size:20px;
    font-weight:600;
    margin-bottom:15px;
    text-transform:uppercase;
    letter-spacing:1px;
}

.hero-title{
    color:#8b0000;
    font-size:65px;
    font-weight:800;
    line-height:1.2;
    margin-bottom:25px;
}

.hero-title span{
    color:#ffd700;
}

.hero-text{
    color:#000;
    font-size:18px;
    line-height:1.8;
    margin-bottom:35px;
}

.hero-btn{
    padding:14px 30px;
    border-radius:50px;
    text-decoration:none;
    font-size:17px;
    font-weight:700;
    display:inline-flex;
    align-items:center;
    gap:10px;
    transition:0.4s;
}

.call-btn{
    background:#ffd700;
    color:#000;
}

.call-btn:hover{
    background:#fff;
    color:#000;
    transform:translateY(-4px);
}

.whatsapp-btn{
    background:#25D366;
    color:#fff;
}

.whatsapp-btn:hover{
    background:#1ebe5d;
    color:#fff;
    transform:translateY(-4px);
}

/* FLOATING EFFECT */

.hero-box{
    background:rgba(255,255,255,0.08);
    backdrop-filter:blur(8px);
    border:1px solid rgba(255,255,255,0.1);
    padding:35px;
    border-radius:20px;
    box-shadow:0 0 30px rgba(0,0,0,0.3);
}

/* ANIMATION */

@keyframes blink{
    0%{opacity:1;}
    50%{opacity:0.3;}
    100%{opacity:1;}
}

@keyframes gradientMove{
    0%{
        background-position:0% 50%;
    }
    50%{
        background-position:100% 50%;
    }
    100%{
        background-position:0% 50%;
    }
}

/* RESPONSIVE */

@media(max-width:991px){

.hero-title{
    font-size:48px;
}

.hero-section{
    min-height:auto;
    padding:80px 0;
}

}

@media(max-width:767px){

.top-bar{
    padding:10px 8px;
}

.blink-text{
    font-size:13px;
    line-height:1.7;
}

.hero-title{
    font-size:34px;
}

.hero-subtitle{
    font-size:16px;
}

.hero-text{
    font-size:16px;
}

.hero-box{
    padding:25px 20px;
}

.hero-btn{
    width:100%;
    justify-content:center;
}

}
/* =========================
   WHY CHOOSE US SECTION
========================= */

.why-choose-section{
    padding:50px 0;
    background:#8b0000;
}

/* TITLE */

.choose-title{
    margin-bottom:60px;
}

.choose-subtitle{
    color:#ffd700;
    font-size:18px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:1px;
    display:inline-block;
    margin-bottom:15px;
}

.choose-heading{
    color:#fff;
    font-size:48px;
    font-weight:800;
    line-height:1.3;
    margin:0;
}

/* BOX */

.choose-box{
    background:#fff;
    border:1px solid rgba(255,215,0,0.15);
    border-radius:25px;
    padding:40px 25px;
    text-align:center;
    height:100%;
    transition:0.5s;
    position:relative;
    overflow:hidden;
}

/* LIGHT EFFECT */

.choose-box::before{
    content:'';
    position:absolute;
    top:-100%;
    left:0;
    width:100%;
    height:100%;
    background:rgba(255,255,255,0.05);
    transition:0.5s;
}

.choose-box:hover::before{
    top:100%;
}

/* ICON */

.choose-icon{
    width:90px;
    height:90px;
    background:#ffd700;
    color:#8b0000;
    margin:0 auto 25px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:35px;
    transition:0.5s;
}

/* HEADING */

.choose-box h3{
    color:#8b0000;
    font-size:24px;
    font-weight:700;
    margin-bottom:18px;
}

/* TEXT */

.choose-box p{
    color:#000;
    font-size:16px;
    line-height:1.8;
    margin:0;
}

/* HOVER */

.choose-box:hover{
    transform:translateY(-12px);
    border-color:#ffd700;
    box-shadow:0 15px 40px rgba(255,215,0,0.15);
}

.choose-box:hover .choose-icon{
    transform:rotateY(180deg);
}

/* =========================
   RESPONSIVE
========================= */

@media(max-width:991px){

.why-choose-section{
    padding:70px 0;
}

.choose-heading{
    font-size:38px;
}

}

@media(max-width:767px){

.why-choose-section{
    padding:50px 0;
}

.choose-title{
    margin-bottom:40px;
}

.choose-heading{
    font-size:30px;
}

.choose-subtitle{
    font-size:15px;
}

.choose-box{
    padding:35px 20px;
}

.choose-icon{
    width:75px;
    height:75px;
    font-size:28px;
}

.choose-box h3{
    font-size:22px;
}

.choose-box p{
    font-size:15px;
}

}

@media(max-width:575px){

.choose-heading{
    font-size:26px;
}

}
.four-image-section{
    padding:40px 0;
    background:#fff5f5;
    position:relative;
    overflow:hidden;
  }



  .image-section-title{
    text-align:center;
    margin-bottom:55px;
    position:relative;
    z-index:2;
  }

  .image-section-title h2{
    font-size:46px;
    font-weight:800;
    color:#8b0000;
    margin-bottom:15px;
    text-transform:uppercase;
  }

  .image-section-title p{
    color:#000;
    font-size:17px;
    max-width:700px;
    margin:auto;
    line-height:1.8;
  }

  .image-card{
    position:relative;
    overflow:hidden;
    border-radius:28px;
    box-shadow:0 12px 35px rgba(0,0,0,0.08);
    transition:0.5s ease;
  }

  .image-card:hover{
    transform:translateY(-10px);
  }

  .image-card img{
    width:100%;
    height:320px;
    object-fit:cover;
    transition:0.7s ease;
  }

  .image-card:hover img{
    transform:scale(1.12) rotate(2deg);
  }

  .image-overlay{
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    padding:25px 20px;
    background:linear-gradient(to top, rgba(0,0,0,0.8), transparent);
  }

  .image-overlay h3{
    color:#fff;
    font-size:24px;
    font-weight:700;
    margin-bottom:8px;
  }

  .image-overlay p{
    color:#f1e5e5;
    font-size:14px;
    margin:0;
    line-height:1.7;
  }

  @media(max-width:768px){

    .four-image-section{
      padding:60px 0;
    }

    .image-section-title h2{
      font-size:34px;
    }

    .image-card img{
      height:260px;
    }

  }  
  .only-image-section{
    padding:80px 0;
    background:#fff5f5;
  }

  .only-image-box{
    position:relative;
    overflow:hidden;
    border-radius:25px;
    box-shadow:0 10px 30px rgba(0,0,0,0.08);
    transition:0.5s ease;
  }

  .only-image-box:hover{
    transform:translateY(-8px);
  }

  .only-image-box img{
    width:100%;
    
    object-fit:cover;
    
  }
 

  @media(max-width:768px){

    .only-image-section{
      padding:60px 0;
    }

  

  } 
.call-icon{
  position:absolute;
  top:15px;
  left:15px;
  width:45px;
  height:45px;
  background:#c40000;
  color:#fff;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:10;
  text-decoration:none;
  font-size:18px;
  transition:0.3s;
}

.call-icon:hover{
  background:#ff9900;
  transform:scale(1.1);
}  

/* =========================
   CTA SECTION
========================= */

.cta-section{
    padding:80px 0;
    background:#8b0000;
}

/* CTA BOX */

.cta-box{
    background:#fff;

    background-size:cover;
    background-position:center;
    border-radius:30px;
    padding:60px;
    overflow:hidden;
    position:relative;
    box-shadow:0 15px 40px rgba(0,0,0,0.4);
}

/* CONTENT */

.cta-content{
    position:relative;
    z-index:2;
}

.cta-subtitle{
    color:#000;
    font-size:18px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:1px;
    display:inline-block;
    margin-bottom:15px;
}

.cta-title{
    color:#8b0000;
    font-size:48px;
    font-weight:800;
    line-height:1.3;
    margin-bottom:20px;
}

.cta-text{
    color:#000;
    font-size:17px;
    line-height:1.9;
    margin:0;
}

/* BUTTON AREA */

.cta-btns{
    display:flex;
    flex-direction:column;
    gap:18px;
    align-items:flex-end;
}

/* BUTTON */

.cta-btn{
    min-width:240px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    padding:16px 28px;
    border-radius:50px;
    text-decoration:none;
    font-size:17px;
    font-weight:700;
    transition:0.4s;
}

/* CALL */

.call-btn{
    background:#ffd700;
    color:#000;
}

.call-btn:hover{
    background:#fff;
    color:#000;
    transform:translateY(-5px);
}

/* WHATSAPP */

.whatsapp-btn{
    background:#25D366;
    color:#fff;
}

.whatsapp-btn:hover{
    background:#1ebe5d;
    color:#fff;
    transform:translateY(-5px);
}

/* ICON ANIMATION */

.cta-btn i{
    animation:shake 1.5s infinite;
}

/* ANIMATION */

@keyframes shake{

    0%{
        transform:rotate(0deg);
    }

    25%{
        transform:rotate(15deg);
    }

    50%{
        transform:rotate(-15deg);
    }

    75%{
        transform:rotate(10deg);
    }

    100%{
        transform:rotate(0deg);
    }

}

/* =========================
   RESPONSIVE
========================= */

@media(max-width:991px){

.cta-box{
    padding:50px 35px;
}

.cta-title{
    font-size:38px;
}

.cta-btns{
    margin-top:35px;
    align-items:flex-start;
}

}

@media(max-width:767px){

.cta-section{
    padding:50px 0;
}

.cta-box{
    padding:40px 25px;
    border-radius:20px;
}

.cta-subtitle{
    font-size:15px;
}

.cta-title{
    font-size:30px;
}

.cta-text{
    font-size:15px;
    line-height:1.8;
}

.cta-btns{
    gap:15px;
}

.cta-btn{
    width:100%;
    min-width:100%;
    font-size:15px;
    padding:14px 20px;
}

}

@media(max-width:575px){

.cta-title{
    font-size:26px;
}

}

/* =========================
   REVIEW SECTION
========================= */

.review-section{
    padding:55px 0;
    background:#fff;
}

/* TITLE */

.review-title{
    margin-bottom:60px;
}

.review-subtitle{
    color:#000;
    font-size:18px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:1px;
    display:inline-block;
    margin-bottom:15px;
}

.review-heading{
    color:#8b0000;
    font-size:48px;
    font-weight:800;
    margin:0;
}

/* CARD */

.review-card{
    background:#8b0000;
    border:1px solid rgba(255,215,0,0.15);
    border-radius:25px;
    padding:40px 30px;
    text-align:center;
    transition:0.5s;
    height:100%;
    position:relative;
    overflow:hidden;
}

/* LIGHT EFFECT */

.review-card::before{
    content:'';
    position:absolute;
    top:-100%;
    left:0;
    width:100%;
    height:100%;
    background:rgb(255 215 0 / 14%);
    transition:0.5s;
}

.review-card:hover::before{
    top:100%;
}

/* IMAGE */

.review-image{
    width:110px;
    height:110px;
    margin:0 auto 25px;
    border-radius:50%;
    overflow:hidden;
    border:4px solid #ffd700;
}

.review-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:0.5s;
}

/* HEADING */

.review-card h3{
    color:#fff;
    font-size:24px;
    font-weight:700;
    margin-bottom:18px;
}

/* TEXT */

.review-card p{
    color:#fff;
    font-size:16px;
    line-height:1.8;
    margin:0;
}

/* HOVER */

.review-card:hover{
    transform:translateY(-10px);
    border-color:#ffd700;
    box-shadow:0 15px 40px rgba(255,215,0,0.15);
}

.review-card:hover .review-image img{
    transform:scale(1.1);
}

/* =========================
   RESPONSIVE
========================= */

@media(max-width:991px){

.review-section{
    padding:70px 0;
}

.review-heading{
    font-size:38px;
}

}

@media(max-width:767px){

.review-section{
    padding:50px 0;
}

.review-title{
    margin-bottom:40px;
}

.review-subtitle{
    font-size:15px;
}

.review-heading{
    font-size:30px;
}

.review-card{
    padding:35px 22px;
}

.review-image{
    width:90px;
    height:90px;
}

.review-card h3{
    font-size:22px;
}

.review-card p{
    font-size:15px;
}

}

@media(max-width:575px){

.review-heading{
    font-size:26px;
}

}
/* =========================
   SERVICES SECTION
========================= */

.special-services-section{
    padding:55px 0;
    background:#8b0000;
}

/* TITLE */

.service-top-title{
    margin-bottom:60px;
}

.service-subtitle{
    color:#ffd700;
    font-size:18px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:1px;
    display:inline-block;
    margin-bottom:15px;
}

.service-main-title{
    color:#fff;
    font-size:48px;
    font-weight:800;
    margin:0;
    line-height:1.3;
}

/* SERVICE BOX */

.special-service-box{
    background:#fff;
    border:1px solid rgba(255,215,0,0.15);
    border-radius:30px;
    padding:40px 25px;
    text-align:center;
    transition:0.5s;
    height:100%;
    position:relative;
    overflow:hidden;
}

/* HOVER EFFECT */

.special-service-box:hover{
    transform:translateY(-10px);
    border-color:#ffd700;
    box-shadow:0 15px 40px rgba(255,215,0,0.15);
}

/* ROUND IMAGE */

.service-round-image{
    width:170px;
    height:170px;
    border-radius:50%;
    overflow:hidden;
    margin:0 auto 25px;
    border:5px solid #ffd700;
    box-shadow:0 10px 30px rgba(255,215,0,0.2);
}

.service-round-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:0.5s;
}

.special-service-box:hover .service-round-image img{
    transform:scale(1.1);
}

/* HEADING */

.special-service-box h3{
    color:#8b0000;
    font-size:28px;
    font-weight:700;
    margin-bottom:25px;
}

/* BUTTONS */

.service-btns{
    display:flex;
    justify-content:center;
    gap:15px;
    flex-wrap:wrap;
}

/* BUTTON */

.service-btn{
    padding:14px 24px;
    border-radius:50px;
    text-decoration:none;
    font-size:15px;
    font-weight:700;
    display:flex;
    align-items:center;
    gap:10px;
    transition:0.4s;
}

/* CALL BUTTON */

.call-btn{
    background:#ffd700;
    color:#000;
}

.call-btn:hover{
    background:#fff;
    color:#000;
    transform:translateY(-4px);
}

/* WHATSAPP BUTTON */

.whatsapp-btn{
    background:#25D366;
    color:#fff;
}

.whatsapp-btn:hover{
    background:#1ebe5d;
    color:#fff;
    transform:translateY(-4px);
}

/* =========================
   RESPONSIVE
========================= */

@media(max-width:991px){

.special-services-section{
    padding:70px 0;
}

.service-main-title{
    font-size:38px;
}

.service-round-image{
    width:150px;
    height:150px;
}

}

@media(max-width:767px){

.special-services-section{
    padding:50px 0;
}

.service-top-title{
    margin-bottom:40px;
}

.service-subtitle{
    font-size:15px;
}

.service-main-title{
    font-size:30px;
}

.special-service-box{
    padding:35px 20px;
}

.service-round-image{
    width:130px;
    height:130px;
}

.special-service-box h3{
    font-size:24px;
}

.service-btn{
    width:100%;
    justify-content:center;
}

}

@media(max-width:575px){

.service-main-title{
    font-size:26px;
}

}
/* =========================
   FOOTER SECTION
========================= */

.footer-section{
    background:#000;
    padding:55px 0 25px;
    border-top:1px solid rgba(255,215,0,0.1);
}

/* FOOTER BOX */

.footer-box{
    height:100%;
}

/* LOGO */

.footer-logo{
    color:#ffd700;
    font-size:34px;
    font-weight:800;
    margin-bottom:25px;
    line-height:1.3;
}

/* TITLE */

.footer-title{
    color:#ffd700;
    font-size:26px;
    font-weight:700;
    margin-bottom:30px;
    position:relative;
}

/* UNDERLINE */

.footer-title::after{
    content:'';
    position:absolute;
    left:0;
    bottom:-10px;
    width:60px;
    height:3px;
    background:#ffd700;
    border-radius:10px;
}

/* TEXT */

.footer-text{
    color:#cfcfcf;
    font-size:16px;
    line-height:1.9;
    margin:0;
}

/* LINKS */

.footer-links{
    padding:0;
    margin:0;
    list-style:none;
}

.footer-links li{
    margin-bottom:16px;
}

.footer-links li a{
    color:#d8d8d8;
    text-decoration:none;
    font-size:16px;
    transition:0.4s;
    display:inline-block;
}

.footer-links li a:hover{
    color:#ffd700;
    transform:translateX(8px);
}

/* CONTACT */

.footer-contact{
    padding:0;
    margin:0;
    list-style:none;
}

.footer-contact li{
    display:flex;
    align-items:flex-start;
    gap:15px;
    margin-bottom:22px;
    color:#d8d8d8;
    font-size:16px;
}

.footer-contact li i{
    color:#ffd700;
    font-size:18px;
    margin-top:4px;
}

.footer-contact li a{
    color:#d8d8d8;
    text-decoration:none;
    transition:0.4s;
}

.footer-contact li a:hover{
    color:#ffd700;
}

/* BOTTOM */

.footer-bottom{
    border-top:1px solid rgba(255,255,255,0.08);
    margin-top:60px;
    padding-top:25px;
    text-align:center;
}

.footer-bottom p{
    color:#bdbdbd;
    font-size:15px;
    margin:0;
}

/* =========================
   RESPONSIVE
========================= */

@media(max-width:991px){

.footer-section{
    padding:70px 0 25px;
}

.footer-logo{
    font-size:30px;
}

.footer-title{
    font-size:24px;
}

}

@media(max-width:767px){

.footer-section{
    padding:50px 0 20px;
}

.footer-logo{
    font-size:26px;
}

.footer-title{
    font-size:22px;
    margin-bottom:25px;
}

.footer-text,
.footer-links li a,
.footer-contact li{
    font-size:15px;
}

.footer-bottom{
    margin-top:40px;
    padding-top:20px;
}

.footer-bottom p{
    font-size:14px;
}

}

@media(max-width:575px){

.footer-logo{
    font-size:24px;
}

.footer-title{
    font-size:20px;
}

}
