@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap');

body{
    margin:0;
    padding:0;
    color: #ffe86c;
    font-family: 'Montserrat', sans-serif;
    background: #000;
}

/*#fd9500*/
.main{
    margin: auto;
    padding: 0;
    width: 95%;
}
/*#fed43a*/
a{
    color: #000;
    text-decoration: none;
}
a:focus, a:hover {
    color: #000;
    text-decoration: none;
}
img{
    max-width: 100%;
}
.bg-img {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 1280px;
    width: 1280px;
    background-image: url(../images/bg.png);
    background-position: center;
    z-index: -3;
    opacity: 50%;
    animation: hr1 40s linear infinite;
    margin: 0 auto;
}

  @keyframes hr1 {
    from { transform: rotate(0); }
    to { transform: rotate(360deg); }
  }



/* START HEADER SECTION */


/* start top head section*/

.tophead-section{
  padding: 0;
  background:url(../images/topheader.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-top: 7px solid #ed2959;
}
.tophead-section1{
  padding: 0 0 0px;
  color:#ffbc00;
}
.tophead-left1{
  padding: 10px 10px 0;
}
.tophead-left2{
  padding: 7px 0 0 0;
}
.tophead-left2 p{
  color: #000000;
  font-size: 18px;
  font-weight: 600;
  text-transform: capitalize;
  animation-name: bounce;
  animation-duration: 1s;
  margin:0;
  animation-iteration-count: infinite;
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {transform: translateY(0);color:#000000;}
  40% {transform: translateY(-13px);color: #d50d4c;}
  60% {transform: translateY(-10px);color:#000000;}
}




.tophead-right1{
  padding: 10px 10px 10px;
}
.tophead-right2{
  padding: 0px;
  text-align: right;
}
.tophead-right2 ul{
  padding: 0;
  margin:0;
  list-style: none;
}
.tophead-right2 ul li{
  padding: 0 7px;
  display: inline-block;
}
.tophead-right2 li a{
  text-decoration: none;
  color:#ffbc00;
}
.tophead-right2 li a i{
  border-radius: 50%;
  height: 40px;
  width: 40px;
  border: 1px solid #ed2959;
  color: #ed2959;
  text-align: center;
  line-height: 40px;
  font-size: 20px;
  background: #fff;
}
.tophead-right2 li a i:hover{
  background: #ed2959;
  color: #fff;
}

/* end top head section*/

/* start head services list section*/

.headservices_section{
    padding: 0px;
}
.headservices_section1{
    padding: 0px;
}

/*start head logo */

.head-logo1{
    padding: 0px;
}
.head-logo2{
    padding: 0px;
    text-align:center;
}
.head-logo2 img{
    width: 210px;
}

/* end head logo*/

/* start head services*/

.head-services1{
    padding:10px;
}
.head-services2{
    padding: 24px 0px 0px;
    text-align: right;
}
.head-services3{
  padding:10px;
}
.head-services3 ul{
    margin:0;
    padding: 0 0 18px 0;
    list-style: none;
}
.head-services3 ul li{
    display: inline-block;
    padding: 0 14px;
    margin:0;
    font-size: 16px;
    border-right:2px solid #dfdfdf;
    font-weight: 600;
    text-transform: capitalize;
}
.head-services3 ul li:last-child{border:0;}
.head-services3 li:nth-child(1):before{
  display:none;
}
.head-services3 li span{
    color: #ed2959;
    font-size: 16px;
}
.head-services3 li p{
    color: #ffffff;
    font-size: 15px;
    font-style: italic;
    margin: 0;
    font-weight: 600;
    background: transparent;
    padding: 0px 0 0 0;
}
.head-services3 strong{
    background: #eadb9b;
    color: #000;
    font-size: 20px;
    display: inline-block;
    border-radius: 50px;
    text-align: center;
    font-weight: 500;
    text-transform: capitalize;
    padding: 6px 49px;
    margin: 0;
    font-weight: 600;
}
.head-services{
  padding: 20px 0 0 0;
}
.head-services ul{
  padding: 0;
  margin:0;
  list-style: none;
}
.head-services ul li{
  padding: 0 5px;
  width: 24%;
  display: inline-block;
  text-align: left;
}
.head-services li img{
    float: left;
    border-radius: 50%;
    padding: 0 5px 0 0;
}
.head-services li p{
  color:#ffca00;
  font-size: 14px;
  text-transform: uppercase;
  margin:0;
  padding: 0 0px 0 0px;
  font-weight: 500;
}
.head-services li span{
  color:#fff;
  font-size: 11px;
  text-transform: uppercase;
  margin:0;
  font-weight: 500;
}

/* end heda services*/


/* start header image section*/

.header-img{
  padding: 0;
}
.header-img img{
  width: 100%;
}
/* end header image section*/

/* END HEADER SECTION */

/*start best services section*/

.best-services{
  padding: 0;
}
.best-services1{
  padding: 50px 30px 15px;
}
.best-serviceslist{
  padding: 10px;
}
.best-serviceslist1{
  padding: 10px;
}
.best-head{
  padding: 0;
}

.best-head strong{
  font-weight: 700;
  font-size:35px;
  margin: 0;
  padding: 5px 0;
  text-transform: uppercase;
}
.best-head p{
  color: #ffffff;
  font-weight: 500;
  text-transform: capitalize;
  font-size: 18px;
}
.best-servicesimg{
  padding: 10px;
}
.best-servicesimg1{
  padding: 10px;
}
.best-list{
  padding: 10px 0 0;
}
.best-txt1{
  padding:0px;
}
.best-txt1 p{
  color: #fff;
  font-weight: 600;
  font-size: 16px;
  text-transform: capitalize;
  margin: 0;
  line-height: 33px;
  padding: 15px 0 15px;
}
.best-list2{
  padding:0;
  text-align: left;
}
.best-list2 ul{
  padding: 0;
  margin: 0;
  list-style: none;
}
.best-list2 li{
    color: #fff;
    font-weight: 300;
    font-size: 16px;
    margin: 0;
    text-transform: capitalize;
    line-height: 30px;
    padding: 4px 0;
}
.best-list2 li i{
  color: #ed2959;
  padding: 0px 5px 0 0;
}
.best-img{
  padding: 10px;
}
.best-img1{
  padding: 0px;
}
.best-img2{
  padding: 10px 0;
}
.best-img2 img{
  border-top-left-radius: 80px;
  box-shadow: 0 0 9px #0000004f;
  border: 5px solid #ffe86c;
}
.best-img3{
  padding: 10px 0;
}
.best-img3 img{
  border-top-right-radius: 80px;
  box-shadow: 0 0 9px #0000004f;
  border: 5px solid #ffe86c;
}

/*end best services section*/

/* start about us section*/

.aboutus-section{
  padding: 0;
  /* background-image: url(../images/bg1.jpg); */
  background-repeat: no-repeat;
  background-size: cover;
  margin: 50px 0 0;
}
.aboutus-section1{
  padding: 50px 30px 40px;
}
.aboutus-content1{
  padding: 40px 0px 0;
}
.aboutus-content2 {
  padding: 10px 0;
  /* text-align: center; */
}
.aboutus-content2 img{
   height: 400px;
   float:right;
   padding: 12px;
}

.aboutus-content2 p{
  color: #ffffff;
  text-align: left;
  margin:0;
  font-weight: 500;
  text-align: left;
  font-size: 14px;
  line-height: 28px;
  padding: 6px 0;
}
.aboutus-content2  p strong{
  color: #ffe86c;
  font-weight: 500;
}
.aboutus-content2 ul{
  text-align: left;
  padding: 10px 0 5px;
  margin: 0;
  list-style: none;
}
.aboutus-content2 ul li{
  margin:0;
  font-size: 14px;
  padding: 0px 0;
  color: #ffffff;
  text-transform: capitalize;
  font-weight: 600;
  line-height: 27px;
}
.aboutus-content2 li:before {
    color: #ed2959;
    content: "\f105";
    font-weight: 900;
    display: inline-block;
    font-size: 20px;
    padding: 0 6px 0 0px;
    font-family: "Font Awesome 5 Free";
}
.aboutus-content2 span strong{
    font-size: 20px;
    font-weight: 600;
    padding: 10px 0 0;
    display: inline-block;
    text-transform: capitalize;
    text-align: left;
}
.horoscope-head{
   padding: 10px 0 0;
   text-align: center;
}
.horoscope-head p{
  color: #fff;
  font-size: 17px;
  padding: 0px 0 0px 0px;
  margin: 0;
  font-weight: 400;
  text-align: center;
  text-transform: capitalize;
}
.horoscope-head strong{
  font-weight: 700;
  font-size: 37px;
  text-transform: uppercase;
}
/* end about us section*/
/*start choose us section*/

.whychoose-section {
    padding: 0;
    background: url(../images/footer.jpg);
    background-position: bottom;
    background-size: cover;
    padding: 0;
}
.whychoose-section1 {
    padding: 50px 0;
}
.choose-1 {
    padding: 10px;
}
.choose-2 {
    padding: 0px;
    display: flex;
    color: #fff;
}
.choose-left {
    padding: 0;
    width: 20%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.choose-left i {
    color: #ffea9e;
    font-size: 53px;
}
.choose-right {
    padding: 0 0 0 5px;
    width: 80%;
    text-align: left;
}
.choose-right strong {
    color: #ffe99d;
    font-size: 20px;
    text-transform: uppercase;
    margin: 0;
    font-weight: 700;
}
.choose-right p {
    color: #fff;
    font-weight: 300;
    margin: 0;
    font-size: 15px;
    line-height: 30px;
    padding: 4px 0;
}
.chos-bdr {
    border-right: 2px dashed #ffea9e;
}

/* end choose us */

/*start our services-section*/

.ourservices-section{
    padding: 50px 0 0 0;
}
.ourservices-section1{
    padding: 0;
}
.our-services{
    padding: 40px 0 20px 0;
}
.our-services1{
    padding: 10px;
    margin-top: 40px;
}
.our-services2{
    padding: 0px;
}
.our-services3{
    padding: 0;
}
.service-image {
    border: 1px solid #e0e0e0;
    box-shadow: 0 0 16px inset #fcfcfc;
    float: left;
    padding: 10px;
    position: relative;
    width: 100%;
    margin-bottom: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    transition: all 0.45s;
    -webkit-transition: all 0.45s;
    -moz-transition: all 0.45s;
}
.service-block:hover .service-image {
    box-shadow: 1px 1px 8px 1px rgba(0, 0, 0, 0.05);
}
.service-image img {
    width: 100%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.service-image i {
    width: 100px;
    height: 100px;
    position: absolute;
    left: 50%;
    top: -49px;
    border: 4px solid #ed2959;
    background: #ed2959;
    color: #ffffff;
    line-height: 98px;
    text-align: center;
    border-radius: 50%;
    font-size: 55px;
    z-index: 2;
    box-shadow: 0 0 0 rgba(237, 41, 89, 0.6);
    animation: heartBeat 1.5s ease-in-out infinite,
               floatIcon 3s ease-in-out infinite;
    margin: 0;
}

/* Heartbeat effect */
@keyframes heartBeat {
    0% {
        transform: translateX(-50%) scale(1);
        box-shadow: 0 0 0 0 rgba(237, 41, 89, 0.6);
    }

    25% {
        transform: translateX(-50%) scale(1.12);
    }

    50% {
        transform: translateX(-50%) scale(1);
        box-shadow: 0 0 0 15px rgba(237, 41, 89, 0);
    }

    75% {
        transform: translateX(-50%) scale(1.08);
    }

    100% {
        transform: translateX(-50%) scale(1);
        box-shadow: 0 0 0 0 rgba(237, 41, 89, 0);
    }
}

/* Floating effect */
@keyframes floatIcon {
    0%,
    100% {
        top: -49px;
    }

    50% {
        top: -58px;
    }
}
.our-services4{
    padding:0;
    text-align: center;
}
.our-services4 strong{
    font-weight: 700;
    margin: 0;
    font-size: 24px;
    text-transform: capitalize;
}
.our-services4 p{
    margin: 0;
    line-height: 29px;
    padding: 0px 0 25px;
    font-weight: 500;
    color: #ffffff;
    font-size: 14px;
}
.our-services4 a {
    display: inline-block;
    padding: 10px 25px 8px;
    background: #1ebe5d;
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    font-weight: 600;
    border-radius: 50px;
    position: relative;
    overflow: hidden;
    animation: pulse 1.5s infinite;
    transition: all 0.3s ease;
    text-transform: capitalize;
}

.our-services4 a:hover {
    background: #1ebe5d;
    transform: translateY(-3px) scale(1.05);
}

/* Pulse animation */
@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgb(17 145 65 / 70%);
    }

    70% {
        box-shadow: 0 0 0 15px rgba(37, 211, 102, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
    }
}
/*end our services section*/

/*start testimonials section*/

.testimonials-section{
 padding: 0;
 /* background-image: url(../images/bg1.jpg); */
 background-repeat: no-repeat;
 background-size: cover;
}
.testimonials-section1{
  padding: 30px 30px 50px 30px;
}
.testimonials-section2{
    padding: 60px 0px 0px;
}
.testimonials{
    padding: 10px;
}
.testimonials1{
        padding: 0px;
}
.testi-txt{
    text-align: center;
    background:#ed3b04;
    padding: 30px 30px 80px 30px;
     
}

.testimonial-card {
     --rotation: 4deg;
    --float-distance: 14px;
    animation: floatAnimation 6s ease-in-out infinite;
    transition: all .3s ease;
  padding: 20px 20px 5px;
  border-radius: 10px;
  box-shadow: 0 4px 20px #0000001f;
  background: #fff;
}


@keyframes floatAnimation {
    0%, 100% {
        transform: translateY(0) rotate(var(--rotation));
    }

    50% {
        transform: translateY(calc(var(--float-distance) * -1))
                   rotate(calc(var(--rotation) - 0.5deg));
    }
}
.testi-txt p{
    color: #fff;
    margin: 0;
    font-size: 15px;
    line-height: 28px;
    font-weight: 400;
    padding: 0;
}
.testi-img{
    padding: 0;
    text-align: center;
    margin: -61px 0 0 0;
}
.testi-img img{
    border-radius: 50%;
    height: 135px;
    border: 2px dotted #ffeba0;
    padding: 6px;
    margin: 0px 0 10px 0;
}
.testi-img p{
    font-size: 20px;
    margin: 0;
    padding: 5px 0 10PX;
    text-shadow: 0px 0px 1px #00000091;
    font-weight: 700;
    text-transform: capitalize;
    color: #ed3b04;
}
.testi-img span{
    font-size: 18px;
    font-weight: 700;
    margin: 0;
    color: #000;
    font-style: italic;
    text-transform: capitalize !important;
}

.testimonials-1{
padding: 0px;

}


.testimonial-card img {
  width: 70px;
  height: 70px;
}

.stars svg {
  width: 100px;
}

.testimonial1{
    padding: 12px;
}
.testimonial-card span {
    height: 50px;
    width: 50px;
    background: #d5a940;
    color: #fff;
    text-transform: capitalize;
    line-height: 52px;
    text-align: center;
    font-weight: 500;
    font-size: 25px;
    border-radius: 50px;
    display: inline-block;
    position: relative;
}
.testimonial1:nth-child(2) .testimonial-card span {
    background: #c80c19;
}
.testimonial1:nth-child(3) .testimonial-card span {
    background: #19a3a7;
}
.testimonial-card span svg {
    height: 17px;
    width: 17px;
    position: absolute;
    right: -3px;
    bottom: 5px;
    background: #fff;
    border-radius: 50px;
    padding: 2px;
}
.testimonial-card strong {
    display: block;
    font-size: 18px;
    text-transform: capitalize;
    padding: 9px 0 3px;
    font-weight: 600;
    color: #000;
}
.testimonial-card  p.text-testi {
    color: #454444;
    font-weight: 500;
    padding: 5px 0;
    line-height: 28px;
    font-size: 15px;
    overflow-y: scroll;
    height: 208px;
    margin: 20px 0px 20px;
}

/*end testimonials section*/



/*start footer section */
.footer-section {
    background: url(../images/footer.jpg);
    background-position: bottom;
    background-size: cover;
    padding: 0;
}
.footer-sectiona {
    background: rgb(0 0 0 / 30%);
    padding: 0;
}
.footer-section1 {
    padding: 30px 0px;
}
.footer-section-2 {
    padding: 10px;
}
.footer-section-3 {
    padding: 10px;
    text-align: center;
}
.footer-section2 {
    padding: 10px;
}
.footer-section3 {
    padding: 10px;
}
.footer-head {
    padding: 0;
    text-align: left;
}
.footer-head p {
    font-size: 22px;
    font-weight: 700;
    margin: 0;
    text-transform: uppercase;
    color: #ffea9f;
    padding: 5px 0 10px;
    border-bottom: 2px dashed;
}
.footer-section4 {
    text-align: center;
    padding: 2px 0 0 0;
}
.footer-section4 ul {
    margin: 0;
    padding: 9px 0 0 0;
    list-style: none;
    text-align: left;
}
.footer-section4 li {
    color: #fff;
    padding: 5px 0 5px 0px;
    line-height: 26px;
    font-size: 16px;
    font-weight: 300;
    text-transform: capitalize;
}
.footer-section4 i {
    color: #ffea9f;
    font-size: 16px;
    padding: 0 8px 0 0;
}
.footer-section-4 {
    text-align: center;
    padding: 15px 0 0 0;
}
.footer-serv {
    padding: 0px;
    margin: 0px 0 0 0;
}
.fooottt {
    text-align: left;
    padding: 2px 0 0 0;
}
.fooottt ul {
    margin: 0;
    padding: 9px 0 0 0;
    list-style: none;
    text-align: left;
}
.fooottt li {
    color: #ffea9f;
    padding: 5px 0 5px 0px;
    line-height: 26px;
    font-size: 17px;
    text-transform: capitalize;
}
.fooottt li a {
    color: #ffffff;
    line-height: 26px;
    font-size: 17px;
    text-transform: capitalize;
    padding: 7px 10px;
    display: block;
    margin-bottom: 7px;
    text-decoration: none;
    transition: 0.6s;
    background: #ee3663;
    font-weight: 600;
}
.fooottt li a:hover {
    color: #fff;
    border: 1px solid #fff;
    transition: 0.6s;
}
.fooottt li a:hover i {
    color: #fff;
    transition: 0.6s;
}
.fooottt i {
    color: #ffffff;
    font-size: 22px;
    padding: 0 3px 0 0;
}
.footer-section-4 {
    text-align: center;
    padding: 15px 0 0 0;
}
.dis-1 {
    padding: 0;
    border-top: 1px solid #fff;
    text-align: center;
}
.dis-1 p {
    font-size: 13px;
    padding: 20px 0 0px 0;
    line-height: 20px;
    margin: 0px;
    color: #ffea9f;
    font-weight: 300;
}
.copy-1 {
    padding: 0px;
    text-align: center;
}
.copy-1 .copy {
    padding: 10px 0;
    margin: 0px;
    font-weight: 500;
    font-size: 16px;
    color: #ffffff;
}
/* end other services section*/

/*whatsapp testimonial section start */
.testii-sec{
  padding: 65px 20px;
}
.testii-sec-1{
  padding: 0;
}
.testii{
  padding:40px 0 0;
}
.testii-1{
  padding: 15px;
}
.testii-2{
  padding: 0;
}
.testii-2 iframe{
    width: 100%;
    border-radius: 30px;
    border: 3px solid #fff;
}
.testii-2 a{
    font-size: 35px;
    font-weight: 700;
    text-align: center;
    display: block;
    background: #ffcd00;
    border-radius: 0 0 20px 20px;
    color: #9f0009;
}
/* whatsapp testimonial section end */


/* awards section start */
.awards-1{
  padding: 12px 12px;
  text-align: center;
}
.awards-2{
  padding:0;

}
.awards-2 img{
  width: 100%;
  border: 3px solid #fff;
}
/* awards section end */

/* ===== LOVE / DIVORCE ASTROLOGY SECTION ===== */
.list-sec-1{
    padding: 0;
}

.list-sec-2{
    padding:45px 20px 55px;
    border-radius:28px;
    box-shadow:0 15px 40px rgba(255,191,47,.35);
    position:relative;
    overflow:hidden;
    background: url(../images/footer.jpg);
    background-position: bottom;
    background-size: cover;
}


.love-heading{
    color: #ffffff;
    font-size: 35px;
    font-weight: 700;
    text-align:center;
    display:block;
    line-height:1.2;
    margin-bottom:10px;
    animation:fadeDown .9s ease;
}

.love-subtitle{
    text-align:center;
    color: #fff;
    font-size:18px;
    font-weight:500;
    margin:0 auto 30px;
    max-width:760px;
    animation:fadeUp 1s ease;
}

.srv-list-0{
    padding:0 12px;
}

.srv-list-0 ul{
    padding:0;
    margin:0;
}

.srv-list-0 ul li{
    list-style:none;
    font-size: 16px;
    font-weight:600;
    color:#111;
    padding: 16px 18px 16px 38px;
    border-radius: 0;
    margin:14px 0;
    background:#fff;
    line-height:1.6;
    position:relative;
    transition:all .35s ease;
}

.srv-list-0 ul li::before{
    content: "\f124";
    font-family: "Font Awesome 5 Free";
    font-weight:900;
    color:#ed2959;
    position:absolute;
    left: 14px;
    top: 15px;
    font-size: 16px;
    animation:heartbeat 1.8s infinite;
}

.srv-list-0 ul li:hover{
    transform:translateY(-6px) scale(1.01);
    box-shadow:0 14px 28px rgba(237,41,89,.18);
}

/* CTA BUTTON */
.astro-cta{
    position:relative;
    display: block;
    padding: 22px 40px 15px;
    border-radius:70px;
    background: #ffea9e;
    color: #000000;
    text-decoration:none;
    overflow:hidden;
    margin:26px auto 0;
    text-align:center;
    font-size: 30px;
}

.astro-cta::before{
    content:"";
    position:absolute;
    top:0;
    left:-120px;
    width:60px;
    height:100%;
    background:rgba(255,255,255,.35);
    transform:skewX(-25deg);
    animation:shine 2.8s infinite;
    z-index: -1;
}

.astro-cta p{
    margin:0;
    font-size: 34px;
    font-weight: 700;
    color: #ed2959;
    line-height: 40px;
}

.astro-cta p i{
}

.astro-cta small{
    margin-top:6px;
    font-size: 20px;
    font-weight:600;
    display: block;
}
.astro-cta{
}


/* CALL BUTTON */
.astro-call{
    display: block;
    text-align:center;
    margin-top:26px;
    padding:22px 18px;
    border-radius:22px;
    transition:all .35s ease;
    animation: floatAnimation 6s ease-in-out infinite;
    transition: all .3s ease;
}

.astro-call i{
    font-size:34px;
    color:#ed2959;
    animation:ring 1.2s infinite;
}

.astro-call span{
    font-size: 50px;
    font-weight:800;
    color: #ffe86c;
}

.astro-call small{
    font-size: 25px;
    font-weight:600;
    color: #ffff;
    display: block;
}

.astro-call:hover{
}

/* ANIMATIONS */
@keyframes heartbeat{
    0%,100%{transform:scale(1);}
    25%{transform:scale(1.15);}
    50%{transform:scale(1);}
    75%{transform:scale(1.12);}
}

@keyframes pulseGlow{
    0%{box-shadow:0 0 0 0 rgba(37,211,102,.45);}
    70%{box-shadow:0 0 0 18px rgba(37,211,102,0);}
    100%{box-shadow:0 0 0 0 rgba(37,211,102,0);}
}

@keyframes shine{
    0%{left:-120px;}
    50%,100%{left:120%;}
}

@keyframes ring{
    0%,100%{transform:rotate(0);}
    20%{transform:rotate(-12deg);}
    40%{transform:rotate(12deg);}
    60%{transform:rotate(-8deg);}
    80%{transform:rotate(8deg);}
}

@keyframes fadeDown{
    from{opacity:0;transform:translateY(-18px);}
    to{opacity:1;transform:translateY(0);}
}

@keyframes fadeUp{
    from{opacity:0;transform:translateY(18px);}
    to{opacity:1;transform:translateY(0);}
}

/* MOBILE */
@media (max-width:767px){
    .tophead-left2 p{font-size: 17px;padding: 13px 0 0;text-align: center;}

    .list-sec-2{padding:34px 16px 40px;}

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

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

    .astro-cta{
        width:100%;
        padding:18px 20px;
    }

    .astro-cta p{font-size: 27px;}

    .astro-call small{
    font-size: 20px;
}
}



  #callbook {
    background:green;
    bottom: 0;
    height: 42px;
    left: 0;
    position: fixed;
    display: none;
    right: 0;
    z-index: 9;
}
#callbook ul{
  padding: 0px;
}
#callbook ul li {
    border-bottom:1px solid #fff;
    background:red;
    position: relative;
    padding: 24px 12px 0;
    width:50%;
    list-style:none;
    float:left;
    text-align: center;
}
  #callbook ul li a span {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    position: relative;
    top: -15px;
}
#callbook ul li a i{ 
  color: #fff;
    position: relative;
    top: -13px;
    font-size: 20px;

}    

@media (max-width: 767px){
    .tophead-right2{text-align: center;}
    .head-services3{
    text-align: center;
}
.head-services3 ul li:nth-child(2) {border: 0;}
.testii-2 iframe {height: 406px;}
    .head-services3 strong{padding:5px 18px;font-weight:700;font-size:16px;}
    .headcenter_right1{display:none;}
    .head-services ul li{padding:0;width: 32%;}
     .best-services1{padding:30px 0px;}
    .best-serviceslist1 {padding: 0px;}
    .best-img{width: 50%;}
    .aboutus-section1{padding: 50px 0px 50px;}
    .whychoose-section1 {padding: 30px 0px;}
    .footer-section1 {padding: 30px 0px;}
    .footer-section2 {width: 50%;}
    .footer-section-2 {padding: 0px 0;}
    .footer-serv {width: 50%;}
    .footer-section3 {padding: 10px 0;}
    .dis-1 {padding: 0px 0px;border: 0;}
    .copy-1 {padding: 0px 0px 19px 0px;}

.whychoose-section, .footer-section {background-position: left;}
    .our-services1{
    margin: 40px 0 25px;
}
    .testimonials-section2 {padding: 20px 0;}
    .testimonials{width: 50%;}
     .testimonials-section1{padding: 30px 0px;}
.list-sec-2 {background-position: left;}
     .horoscope-head strong{font-size:30px;}
     .head-services2{padding:0;}
     .tophead-left1{padding:0;}
     .head-services1{padding:0;}
     .head-services3{padding-top:0;}
        .chos-bdr {padding: 0;border: 0;}

    #callbook {display:block;}




}

@media only screen and (min-width: 768px) and  (max-width:991px) {
   .head-services li:last-child{display:none;}
   .head-services ul li{padding:0;width: 32%;}
   .our-services4 strong {font-size: 20px;}
   .chos-bdr {padding: 0;border: 0;}
   .head-services2 {padding: 0;text-align: center;}
   .head-services1 { padding: 0 10px 10px;}
   .tophead-right2 ul li {padding: 0 2px;}
   .tophead-left2 p { font-size: 16px;}
   .tophead-left2 {padding: 12px 0 0 0;}


}

@media only screen and (min-width: 991px) and  (max-width:1200px) {
  .head-services li:last-child{display:none;}
  .head-services ul li{padding:0;width: 32%;}
  .best-serviceslist1 {padding: 10px 0;}
  .best-head span {font-weight: 600;font-size: 14px;}
  .footer-head p {font-size: 19px;}
  .our-services4 strong {font-size: 20px;}
  .tophead-left2 p {font-size: 16px;}
  .best-services1 {padding: 50px 0 15px;}
  .best-head strong {font-size: 34px;}
  .choose-right strong { font-size: 16px;}
  .choose-left i {font-size: 42px;}
  .choose-right p {font-size: 14px;line-height: 26px;}
  .love-heading {font-size: 32px;}
  .footer-section3 {padding: 0;}
  .footer-section4 li {line-height: 26px;font-size: 14px;}
  .head-services3 strong {font-size: 20px;padding: 6px 20px;}
  .head-services3 li p { font-size: 11px;}

}
@media only screen and (min-width: 1200px) and  (max-width:1300px) {
    .head-services li:last-child{display:none;}
    .head-services ul li{padding:0;width: 32%;}
    .best-txt1 p {padding: 10px 0 10px;}
}


@media only screen and (max-width: 1260px) and (min-width: 1200px){
   
}

@media (max-width: 575px) and (min-width: 0px){
  .best-head span {font-size: 12px;}
  .best-servicesimg {padding: 10px 0;}
  .best-servicesimg1 {padding: 0px;}
  .best-img{width: 100%;}
  .choose-1{width: 100%;}
  .footer-section-2 { padding: 0px 0;}
  .dis-1 p {font-size: 12px;padding: 10px 0px 0;line-height: 20px;}
  .copy-1 .copy {padding: 10px 0px;font-size: 13px;}
  .footer-section2 {width: 100%; }
   .our-services1{width: 100%;}
   .testimonials{width: 100%;}
   .tophead-left2 p{font-size:15px;}
   .best-head strong {font-size: 33px;}
   .head-services3 li p {font-size: 12px;}
    .head-services3 strong {padding: 10px 18px;font-size: 13px;}
    .astro-call span {font-size: 40px;}
    .astro-cta p {font-size: 18px;line-height: 0;}
    .astro-cta small {font-size: 17px;}
.testii-2 iframe {height: 270px;}
.testii-sec {padding: 65px 0;}
.testii-1 {padding: 7px;}
    

}

@media (max-width: 420px) and (min-width: 290px){
  .horoscope-head strong{font-size:25px;}
  .best-head strong{font-size:25px;}
  .head-services3 li span {font-size: 13px;}
  .head-services3 ul li {padding: 0 8px;}
    .head-services3 li p {font-size: 9px;}
    .head-services3 strong {padding: 10px 18px;font-size: 14px;}
    .awards-1, .testii-1{width: 100%;}
    .astro-call span {font-size: 30px;}
    .love-heading {font-size: 22px;line-height: 29px;}
    .list-sec-2 {
        padding: 30px 10px 40px;
    }
    .testii-2 iframe {height: 490px;}
    .astro-cta small {font-size: 14px;}
    .astro-cta p {font-size: 18px;line-height: 22px;}
    .srv-list-0 {padding: 0;}
    .srv-list-0 ul li {margin: 10px 0;}
.head-logo2 img{width: 250px;}
}