*{
            margin:0;
            padding:0;
            box-sizing:border-box;
        }

        body{
            font-family:'Poppins',sans-serif;
            background:#000;
        }

        a{
            text-decoration:none;
        }

        /* =========================
           TOP RED BAR
        ========================== */

        .top-bar{
            background:#d40000;
            padding:10px 0;
        }

        .top-bar-text{
            color:#fff;
            font-size:18px;
            font-weight:600;
        }

        .help-box{
      display:flex;
            align-items:center;
            justify-content:center;
            gap:10px;
        }

        .help-box span{
            color:#fff;
            font-size:17px;
            font-weight:600;
        }

        .help-box i{
            color:#fff;
            font-size:20px;
        }

        /* =========================
           MAIN HEADER
        ========================== */

        .main-header{
            background:
            linear-gradient(rgb(0 0 0 / 32%), rgb(0 0 0 / 56%)), url(images/bg.png);
            background-size:cover;
            background-position:center;
            padding:25px 0;
            border-bottom:4px solid #fff;
        }

        .astrologer-box{
            display:flex;
            align-items:center;
            gap:20px;
        }

        .astrologer-box img{
            width:100%;
           
            object-fit:cover;
            border-radius:15px;
            
        }

        .small-title{
            background:#fff;
            display:inline-block;
            padding:8px 20px;
            border-radius:40px;
            font-size:18px;
            font-weight:700;
            margin-bottom:10px;
        }

        .astrologer-name{
            font-size:32px;
            color:#ffe600;
            font-weight:800;
            line-height:1;
            text-transform:uppercase;
        }

        .specialist{
            display:inline-block;
            margin-top:15px;
            background:#ffe600;
            color:#000;
            padding:8px 20px;
            border-radius:30px;
            font-size:15px;
            font-weight:700;
        }

        .middle-content{
            text-align:center;
        }

        .middle-content h2{
            color:#ffff00;
            font-size:29px;
            font-weight:800;
            text-transform:uppercase;
        }

        .flag-box{
            margin-top:15px;
            display:flex;
            justify-content:center;
            gap:10px;
            flex-wrap:wrap;
        }

        .flag-box img{
            width:70px;
            height:70px;
            border-radius:50%;
            border:3px solid #fff;
        }

        .middle-content h3{
            margin-top:15px;
            color:#ffff00;
            font-size:35px;
            font-weight:800;
            text-transform:uppercase;
        }

        .middle-content p{
            color:#fff;
            font-size:16px;
            font-weight:500;
        }

        .call-box{
            text-align:center;
        }

        .call-box .top-btn{
            background:#ffe600;
            color:#d40000;
            display:inline-block;
            padding:10px 20px;
            font-size:16px;
            font-weight:800;
            border-radius:5px;
            margin-bottom:15px;
        }

        .call-box h4{
            color:#00ff4c;
            font-size:45px;
            font-weight:800;
        }

        .call-box p{
            color:#fff;
            font-size:18px;
            font-weight:500;
        }

        /* =========================
           MARQUEE BAR
        ========================== */

        .marquee-bar{
            background:#d40000;
            padding:12px 0;
            overflow:hidden;
        }

        .marquee-text{
            color:#fff;
            font-size:20px;
            font-weight:700;
            
			text-align:center;
           /* animation:move 20s linear infinite;*/
        }

        @keyframes move{

            0%{
                transform:translateX(100%);
            }

            100%{
                transform:translateX(-100%);
            }

        }
/* =========================
   SERVICE SECTION
========================= */

.astro-service-section{

    position:relative;

    padding:80px 0;

    background:
    linear-gradient(rgb(0 0 0 / 63%), rgb(0 0 0 / 62%)), url(images/bg.png);

    background-size:cover;
    background-position:center;
    overflow:hidden;
}

/* =========================
   HEADING
========================= */

.section-title{
    text-align:center;
    margin-bottom:50px;
}

.section-title h2{
    color:#ffb300;
    font-size:55px;
    font-weight:800;
    margin-bottom:15px;
    text-transform:capitalize;
}

.section-title p{
    color:#fff;
    font-size:18px;
    line-height:1.7;
    
    margin:auto;
}

/* =========================
   SERVICE CARD
========================= */

.service-card{

    background:#d80000;

    padding:20px;

    text-align:center;

    height:100%;

    position:relative;

    overflow:hidden;

    transition:.4s ease;

    border-radius:10px;

    border:3px solid transparent;
}

/* HOVER EFFECT */

.service-card:hover{
 

    border-color:#ffcc00;

    box-shadow:0 15px 35px rgba(255,0,0,.5);
}

/* GLOW EFFECT */



/* =========================
   IMAGE
========================= */

.service-image{
    margin-bottom:25px;
}

.service-image img{

    width:300px;

    height:300px;

    object-fit:cover;

    border-radius:50%;

    border:5px solid #fff;

    transition:.4s ease;
}

.service-card:hover .service-image img{

    transform:scale(1.08);

    border-color:#ffcc00;
}

/* =========================
   CONTENT
========================= */

.service-content h3{

    color:#ffcc00;

    font-size:26px;

    font-weight:700;

    margin-bottom:20px;
}

.service-content p{

    color:#fff;

    font-size:16px;

    line-height:1.9;
}

/* =========================
   RESPONSIVE
========================= */

@media(max-width:991px){

    .section-title h2{
        font-size:42px;
    }

    .section-title p{
        font-size:18px;
    }

    .service-image img{
        width:300px;
        height:300px;
    }

}

@media(max-width:576px){

    .astro-service-section{
        padding:60px 15px;
    }

    .section-title h2{
        font-size:32px;
    }

    .section-title p{
        font-size:16px;
    }

    .service-content h3{
        font-size:26px;
    }

    .service-content p{
        font-size:15px;
    }

    .service-image img{
        width:300px;
        height:300px;
    }

}
/* =========================
   ABOUT SECTION
========================= */

.about-astrologer-section{

    background:#d40000;

    padding:80px 0;
}

/* =========================
   CONTENT BOX
========================= */

.about-content{

    max-width:1150px;

    margin:auto;
}

/* =========================
   TITLE
========================= */

.about-content h2{

    color:#ffcc00;

    font-size:40px;

    font-weight:800;

    text-align:center;

    margin-bottom:35px;
}

/* =========================
   PARAGRAPH
========================= */

.about-content p{

    color:#fff;

    font-size:18px;

    line-height:1.9;

    margin-bottom:35px;

    font-weight:400;
}

.about-content p span{

    color:#ffcc00;

    font-weight:700;
}

/* =========================
   LIST
========================= */

.about-list{

    list-style:none;

    padding-left:0;

    margin-bottom:35px;
}

.about-list li{

    position:relative;

    color:#ffcc00;

    font-size:18px;

    margin-bottom:22px;

    padding-left:38px;

    font-weight:500;
}

/* ARROW ICON */

.about-list li::before{

    content:'➜';

    position:absolute;

    left:0;

    top:0;

    color:#ffcc00;

    font-size:28px;

    font-weight:bold;
}

/* =========================
   HOVER EFFECT
========================= */

.about-list li:hover{

    transform:translateX(10px);

    transition:.3s ease;
}

/* =========================
   RESPONSIVE
========================= */

@media(max-width:991px){

    .about-content h2{

        font-size:40px;
    }

    .about-content p{

        font-size:21px;
    }

    .about-list li{

        font-size:22px;
    }

}

@media(max-width:576px){

    .about-astrologer-section{

        padding:60px 20px;
    }

    .about-content h2{

        font-size:30px;

        line-height:1.4;
    }

    .about-content p{

        font-size:17px;

        line-height:1.8;
    }

    .about-list li{

        font-size:18px;

        padding-left:30px;
    }

    .about-list li::before{

        font-size:20px;
    }

}
 .service-section1{
      background: linear-gradient(rgb(0 0 0 / 63%), rgb(0 0 0 / 62%)), url(images/bg.png);
      background-size: cover;
      background-position: center;
      padding: 80px 0;
      position: relative;
    }

    .section-title1{
      text-align:center;
      color:#ffc107;
      font-size:40px;
      font-weight:700;
      margin-bottom:15px;
    }

    .section-subtitle1{
      text-align:center;
      color:#fff;
      font-size:20px;
      margin-bottom:60px;
      font-weight:400;
    }

    .service-card1{
      background:#fff;
      overflow:hidden;
      transition:0.4s;
      box-shadow:0 10px 25px rgba(0,0,0,0.35);
    }

    .service-card1:hover{
      transform:translateY(-10px);
    }

    .service-card1 img{
      width:100%;
      height:260px;
      object-fit:cover;
    }

    .service-title1{
      text-align:center;
      color:#d50000;
      font-size:22px;
      font-weight:700;
      padding:18px 10px;
      background:#fff;
    }

    .call-box1{
      background:#d50000;
      text-align:center;
      color:#fff;
      font-size:20px;
      font-weight:700;
      padding:18px 10px;
    }

    @media(max-width:991px){
      .section-title1{
        font-size:40px;
      }

      .section-subtitle1{
        font-size:18px;
      }

      .service-card1{
        margin-bottom:30px;
      }
    }

    @media(max-width:576px){
      .section-title1{
        font-size:32px;
      }

      .section-subtitle1{
        font-size:16px;
      }

      .service-title1{
        font-size:20px;
      }

      .call-box1{
        font-size:18px;
      }
    }
	
 .services-section{
      padding:40px 0;
      background:#e10000;
    }

    .section-title{
      text-align:center;
      color:#ffcc00;
      font-size:55px;
      font-weight:800;
      margin-bottom:10px;
    }

    .section-subtitle{
      text-align:center;
      color:#fff;
      font-size:22px;
      margin-bottom:60px;
      font-weight:500;
    }

    .service-box{
      background:#efefef;
      border-radius:12px;
      overflow:hidden;
      box-shadow:0 10px 25px rgba(0,0,0,0.25);
      transition:0.4s;
    }

    .service-box:hover{
      transform:translateY(-10px);
    }

    .service-heading{
      text-align:center;
      font-size:42px;
      font-weight:800;
      padding:40px 20px 20px;
      color:#d80000;
    }

    .service-heading.black{
      color:#000;
    }

    .service-list{
      list-style:none;
      margin:0;
      padding:0;
    }

    .service-list li{
      padding:18px 22px;
      border-top:1px dotted #666;
      font-size:18px;
      font-weight:500;
      color:#000;
      display:flex;
      align-items:center;
      gap:10px;
    }

    .service-list li i{
      color:#000;
      font-size:18px;
    }

    .contact-btn{
      text-align:center;
      padding:30px 20px;
    }

    .contact-btn a{
      display:inline-block;
      background:#e10000;
      color:#fff;
      text-decoration:none;
      padding:11px 30px;
      border-radius:50px;
      font-size:18px;
      font-weight:700;
      transition:0.4s;
      box-shadow:0 8px 18px rgba(255,0,0,0.35);
    }

    .contact-btn a:hover{
      background:#c40000;
      transform:scale(1.05);
    }

    @media(max-width:991px){

      .service-box{
        margin-bottom:30px;
      }

      .section-title{
        font-size:40px;
      }

      .section-subtitle{
        font-size:18px;
      }

      .service-heading{
        font-size:34px;
      }

    }

    @media(max-width:576px){

      .section-title{
        font-size:32px;
      }

      .service-heading{
        font-size:28px;
      }

      .service-list li{
        font-size:16px;
      }

      .contact-btn a{
        font-size:22px;
        padding:14px 35px;
      }

    }	
	
	
.review-section{
      padding:80px 0;
      background:linear-gradient(rgb(0 0 0 / 63%), rgb(0 0 0 / 62%)), url(images/bg.png);
      background-size:cover;
      background-position:center;
      background-attachment:fixed;
    }

    .section-title{
      text-align:center;
      color:#ffc107;
      font-size:55px;
      font-weight:800;
      margin-bottom:30px;
    }

    .section-subtitle{
      text-align:center;
      color:#fff;
      font-size:22px;
      margin-bottom:60px;
      font-weight:400;
    }

    .review-card{
      background:#ececec;
      border-radius:10px;
      overflow:hidden;
      transition:0.4s;
      box-shadow:0 10px 30px rgba(0,0,0,0.35);
      height:100%;
    }

    .review-card:hover{
      transform:translateY(-10px);
    }

    .client-image{
      text-align:center;
      padding:20px 0 10px;
      background:#ececec;
    }

    .client-image img{
      width:90px;
      height:90px;
      border-radius:50%;
      object-fit:cover;
      border:4px solid #fff;
      box-shadow:0 5px 15px rgba(0,0,0,0.25);
    }

    .review-content{
      background:#e00000;
      padding:20px;
      text-align:center;
       
    }

    .client-name{
      color:#ffcc00;
      font-size:28px;
      font-weight:700;
      margin-bottom:15px;
    }

    .review-text{
      color:#fff;
      font-size:17px;
      line-height:1.8;
      font-weight:400;
    }

    @media(max-width:991px){

      .section-title{
        font-size:42px;
      }

      .section-subtitle{
        font-size:18px;
      }

      .review-card{
        margin-bottom:30px;
      }

    }

    @media(max-width:576px){

      .section-title{
        font-size:32px;
      }

      .section-subtitle{
        font-size:16px;
      }

      .client-name{
        font-size:24px;
      }

      .review-text{
        font-size:15px;
      }

    }
.footer-section{
      background:linear-gradient(rgb(0 0 0 / 63%), rgb(0 0 0 / 62%)), url(images/bg.png);
      padding:40px 0 0;
      text-align:center;
    }

    /* Logo Box */

    .footer-logo{
      margin-bottom:40px;
    }

    .footer-logo img{
      max-width:460px;
      width:100%;
      border:1px solid #fff;
      border-radius:8px;
    }

    /* Menu */

    .footer-menu{
      display:flex;
      justify-content:center;
      flex-wrap:wrap;
      gap:35px;
      margin-bottom:40px;
    }

    .footer-menu a{
      color:#ffb300;
      text-decoration:none;
      font-size:17px;
      font-weight:500;
      transition:0.3s;
      text-transform:uppercase;
    }

    .footer-menu a:hover{
      color:#fff;
    }

    /* Text */

    .footer-text{
      color:#fff;
      font-size:18px;
      line-height:1.9;
      margin-bottom:25px;
      font-weight:400;
    }

    .footer-text strong{
      color:#ffb300;
      font-weight:600;
    }

    /* Copyright */

    .copyright-area{
      margin-top: 29px;
    background: #e00000;
    padding: 17px 10px;
    }

    .copyright-text{
      color:#fff;
      font-size:18px;
      margin:0;
      font-weight:500;
    }

    /* Responsive */

    @media(max-width:991px){

      .footer-menu{
        gap:20px;
      }

      .footer-menu a{
        font-size:17px;
      }

      .footer-text{
        font-size:18px;
      }

      .copyright-text{
        font-size:22px;
      }

    }

    @media(max-width:576px){

      .footer-logo img{
        max-width:100%;
      }

      .footer-menu{
        flex-direction:column;
        gap:15px;
      }

      .footer-menu a{
        font-size:16px;
      }

      .footer-text{
        font-size:16px;
        line-height:1.8;
      }

      .copyright-text{
        font-size:18px;
      }

    }	
        /* =========================
           WHATSAPP BUTTON
        ========================== */

        .whatsapp-btn{
            position:fixed;
            right:20px;
            bottom:30px;
            width:70px;
            height:70px;
            border-radius:50%;
            background:#00c853;
            color:#fff;
            display:flex;
            align-items:center;
            justify-content:center;
            font-size:35px;
            z-index:999;
            box-shadow:0 5px 20px rgba(0,0,0,.4);
        }
		  .phone-btn{
            position:fixed;
            right:20px;
            bottom:120px;
            width:70px;
            height:70px;
            border-radius:50%;
            background:red;
            color:#fff;
            display:flex;
            align-items:center;
            justify-content:center;
            font-size:35px;
            z-index:999;
            box-shadow:0 5px 20px rgba(0,0,0,.4);
        }

        /* =========================
           RESPONSIVE
        ========================== */

        @media(max-width:991px){

            .astrologer-name{
                font-size:40px;
            }

            .middle-content{
                margin:30px 0;
            }

            .middle-content h2{
                font-size:40px;
            }

            .call-box h4{
                font-size:40px;
            }

            .love-title{
                font-size:70px;
            }

            .solution-box{
                font-size:55px;
            }

        }

        @media(max-width:576px){

            .astrologer-box{
                flex-direction:column;
                text-align:center;
            }

            .astrologer-name{
                font-size:30px;
            }

            .middle-content h2{
                font-size:30px;
            }

            .middle-content h3{
                font-size:24px;
            }

            .call-box h4{
                font-size:28px;
            }

            .love-heading{
                font-size:25px;
            }

            .love-title{
                font-size:50px;
            }

            .solution-box{
                font-size:35px;
                padding:10px 20px;
            }

            .love-text{
                font-size:22px;
            }

            .guarantee-box{
                font-size:18px;
            }

        }