@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&display=swap');
body{
  margin:0;
  padding:0;
  font-family: "Outfit", sans-serif;
  color: #181712;
}
:focus-visible {
    outline: -webkit-focus-ring-color auto 0px;
}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: 0px auto -webkit-focus-ring-color;
    outline-offset: -0px;
}
.main{
  margin: auto;
  padding: 0;
  width: 94%;
}
a{
  color: #000000;
  text-decoration: none;
}
a:focus, a:hover {
  color: #000;
  text-decoration: none;
}
img{
  max-width: 100%;
}

ul{
  list-style:none;
  margin: 0;
  padding: 0;
}
p{
  margin: 0;
  padding: 0;
}
.bi {
  display: inline-block;
  vertical-align: -0.125em;
  fill: currentcolor;
}


/* top section start */
.head-align{
    align-items: center;
}
.top-section1{
  position: relative;
  overflow: hidden;
}

.top-section2 ul li {
    display: inline-block;
    font-size: 16px;
    font-weight: 300;
    padding: 12px 15px 12px 20px;
    text-transform: capitalize;
    position: relative;
    color: #fff;
}
.top-section2:nth-child(1) ul li:last-child{display: none;}
.top-section2 ul li:before{
  font-weight: 500;
  position: absolute;
  color: #c9a364;
  top: 14px;
  left: 0;
  font-size: 17px;
  content: "\2352";
  font-family: 'Glyphicons Halflings';
  width: 16px;
  height: 16px;
  line-height: 19px;
  text-align: center;
  border-radius: 3px;
}

.background-video {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: -1;
    direction: initial;
}
.background-video:before{
    content: "";
    background: #181712;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    opacity: 90%;
}

.background-video-embed{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
    line-height: 1;
}
/* top section end */

/* head section start */
.head-section1{
    padding: 0;
    position: relative;
    z-index: 0;
}
.head-section .row {
    align-items: center;
}
.head-logo1 img{width: 305px;}
.head-right1 {
    text-align: center;
}

.head-contact a{
  font-size: 16px;
  font-weight: 500;
  text-transform: capitalize;
  color: #020617;
  padding: 9px 15px;
  border: 1px dashed #c9a364;
  display: inline-block;
  text-align: center;
}
.navbar-toggler {
    margin: 0 0 0 auto!important;
    padding: 0 5px;
    display: block;
    height: 35px;
    width: 42px;
    border: 0;
    border-radius: 0;
    background: transparent;
    border: 1px dashed #c9a364;
}
.toggle-icon {
    height: 3px;
    margin: 4px 0 0;
    padding: 0;
    width: 100%;
    background: #000000;
    display: block;
    border-radius: 58px;
}
.fixed-top {
    margin: 0 auto;
    background: #fff
}

.toggle-icon:nth-child(2) {
    width: 69%;
    margin: 0 0 0 auto
}
.toggle-icon:nth-child(1) {
    width: 85%;
    margin: 0 0 4px auto;
}
.navbar-expand-lg .navbar-collapse{
    
justify-content: center;
}
.navbar-toggler:focus {
    box-shadow: none
}

.navbar ul li {
    display: inline-block;
    padding: 0;
    color: #fff;
    position: relative;
    transition: .2s ease-in
}

.navbar ul li a {
    color: #414141;
    display: inline-block;
    transition: .1s ease-in;
    font-weight: 400;
    text-transform: capitalize;
    padding: 5px 25px;
    position: relative;
    z-index: 1;
    font-size: 16px;
}
.navbar ul li:hover a {color: #69441d;}
.head-mid {
    justify-content: center;
    align-items: center
}

.dropdown-item.active,.dropdown-item:active {
    background: 0 0;
    color: #fff
}

.dropdown-item:focus,.dropdown-item:hover {
    background: 0 0;
    color: #b01e37
}

@media all and (min-width: 992px) {
    .dropdown-menu {
        width:auto;
        background: #fff;
        padding: 8px 14px!important;
        border: 0;
        box-shadow: 0 0 7px #00000021
    }

    .mega-submenu {
        left: 100%;
        top: 0;
        min-width: 25rem
    }

    .ktm-mega-menu {
        position: static
    }

    .mega-menu {
        left: 0;
        right: 0;
        width: 100%
    }

    .dropdown-menu li {
        position: relative;
        padding: 2px 0!important;
        display: block!important
    }

    .dropdown-menu .submenu {
        display: none;
        left: 100%;
        top: 0
    }

    .dropdown-menu>li:hover>.submenu,.dropdown:hover>.dropdown-menu {
        display: block
    }
}

.dropdown ul li a {
    color: #252525
}

.nav-link:focus,.nav-link:hover {
    color: #b01e37
}

.fixed-top {
    position: fixed;
    top: 0;
    padding: 4px 0;
    right: 0;
    left: 0;
    z-index: 1030;
    height: auto;
    box-shadow: 0 0 11px #0000002e
}

.fixed-top .head-logo1 img {
    height: 65px
}

.fixed-top .love {
    height: 67px;
    top: -12px
}

.fixed-top .head-logo1 {
    width: 25%
}

.fixed-top .head-right1 {
    width: 75%
}
.navbar {
    border-radius: 0;
    border: 0
}
/* head section end */


/* header image section start */
.header-image-section{
  background: url(../images/zodiac-map.webp) no-repeat;
  background-position: center left;
  background-repeat: no-repeat;
  background-size: 760px auto;
  z-index: 0;
  position: relative;
  background-attachment: fixed;
}
.header-image-section:before{
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: #fffffff5;
  z-index: -1;
}
.header-image-section1{
}
.header-img-left{
  padding: 40px 60px 45px 63px;
}
.header-img-left1{
  padding: 0;
}
.header-img-left1 strong{
  font-size: 72px;
  font-weight: 700;
  text-transform: capitalize;
  font-family: "Cormorant Garamond", serif;
  line-height: 80px;
  display: block;
}
.header-img-left1 span{
  font-size: 25px;
  color: #000000;
  font-weight: 500;
  text-transform: capitalize;
  padding: 10px 10px 9px 0;
  display: inline-block;
}
.header-img-left1 p{
  font-size: 17px;
  color: #242424d6;
  text-transform: capitalize;
  font-weight: 400;
  line-height: 31px;
  padding: 25px 0 25px;
}
.header-img-right{
  padding: 0;
}

.header-line-vert{
    position: absolute;
    left: 10px;
    top: -106px;
    writing-mode: vertical-lr;
    transform: rotate(-180deg);
    height: 100%;
}
.header-line-vert p{
    font-size: 15px;
    line-height: 28px;
    font-weight: 700;
    letter-spacing: 1px;
    font-family: "Cormorant Garamond", serif;
}
.head-num a {
    background: #fff;
    font-size: 17px;
    font-weight: 500;
    text-transform: capitalize;
    color: #020617;
    padding: 8px 15px 9px 8px;
    border: 1px dashed #c9a364;
    display: inline-block;
    text-align: center;
}
.head-num a svg {
    width: 21px;
    height: 21px;
    margin: -3px 2px 0 0;
}

/* header image section end */


/* top mark section start */
.top-mark{
 padding: 0 12px;
 background: #181712;
}
.mark-content {
    display: flex;
    font-size: 25px;
    font-weight: 600;
    text-transform: uppercase;
    overflow: hidden;
    white-space: nowrap;
    font-family: "Cormorant Garamond", serif;
    padding: 5px 0 8px;
}
.mark-content-inner {
  animation: qode-text-marquee-left 45s linear infinite;
}
@keyframes qode-text-marquee-left {
  0% {
      transform: translateX(0)
  }

  100% {
      transform: translateX(-100%)
  }
}

 [class*=mark-text] {
  align-items: center;
  display: inline-flex;
  color: #ffffff;
}

 [class*=mark-separator] {
   position: relative;
   fill: rgb(255 255 255);
   display: inline-flex;
   color: #fff;
   top: 7px;
}
.mark-separator svg{
    width: 30px;
    height: 30px;
}
/* top mark section end */


/* top service section start*/
.top-srv img{
  border-radius: 100px;
}
.top-srv strong{
  text-transform: capitalize;
  font-weight: 600;
  font-size: 55px;
  display: block;
  font-family: "Cormorant Garamond", serif;
  line-height: 46px;
  padding: 12px 0 0;
}
.top-srv strong em{
  text-transform: capitalize;
  font-size: 18px;
  font-style: normal;
}
.top-srv p{color: #242424d6;text-transform: capitalize;font-weight: 400;line-height: 28px;padding: 0 0 25px;}
a.contac-btn{
  font-size: 17px;
  font-weight: 500;
  text-transform: capitalize;
  padding: 8px 15px 8px;
  border: 1px dashed #c9a364;
  display: inline-block;
  text-align: center;
}

.top-srv-center b svg{
  width: 20rem;
  height: 20rem;
  position: absolute;
  margin: 0 auto;
  right: 0;
  left: 0;
  z-index: -1;
  opacity: 4%;
  top: -45px;
}
.top-srv-center b svg path{
    fill: #000;
}
.top-srv-center strong{
  text-transform: capitalize;
  font-weight: 600;
  font-size: 55px;
  text-align: center;
  font-family: "Cormorant Garamond", serif;
  line-height: 65px;
  display: block;
}

/* top service section end */

/* top rated astrologer section start */
.top-rated1{
    padding: 12px;
    text-align: center;
}
/* top rated astrologer section end */


/* why us section start */
.why-section{
  background: url(../images/zodiac-map.webp) no-repeat;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 541px auto;
  z-index: 0;
  position: relative;
  background-attachment: fixed;
}
.why-section:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fffffff5;
    z-index: -1;
    left: 0;
    right: 0;
}
.why-section1{
  padding: 12px;
}

.aboutus-heading strong{
  position: relative;
  display: block;
  font-size: 55px;
  font-weight: 700;
  text-transform: capitalize;
  font-family: "Cormorant Garamond", serif;
  line-height: 60px;
}
.aboutus-heading p {
    color: #000000;
    font-weight: 600;
    margin: 0 0px 12px;
    font-size: 17.4px;
    text-transform: capitalize;
    font-family: "Cormorant Garamond", serif;
}
.aboutus-heading svg {
       height: 90px;
       width: 260px;
       fill: #c9a364;
       margin: -114px 0 0;
}
.why-content p{
  color: #242424d6;
  text-transform: capitalize;
  font-weight: 400;
  line-height: 28px;
  padding: 7px 0;
}
.why-content span{
    color: #676767;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 600;
    display: block;
    font-style: italic;
    padding: 0 0 10px;
}
/* why us section end */


/* services section start */
.services-list{
    
background: #181712;
    
text-align: center;
}
.services-list1{
    
background: #c9a364;
    
}
.services-list ul li {
    display: inline-block;
    font-size: 35px;
    font-weight: 600;
    padding: 4px 20px 8px;
    text-transform: capitalize;
    position: relative;
    color: #fff;
    font-family: "Cormorant Garamond", serif;
}
.services-list ul li svg{
    width: 16px;
    height: 16px;
}
.services-list ul li:nth-child(3) svg, .services-list ul li:nth-child(4) svg{
    width: 17px;
    height: 17px;
    margin: 0 2px 0 0;
}
.services-list ul li svg, .services-list ul li svg path {
    fill: #c9a364;
}
.services-list1 ul li svg, .services-list1 ul li svg path{
    
fill: #000000;
}
.services{
  background: #f6f6f6;
}
.services-1{
  padding: 12px;
}
.services-2 img {
  -webkit-mask-image: url(../images/mask-sv.webp);
  -webkit-mask-size: contain;
  -webkit-mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  width: 100%;
}
.services-2:hover img {filter: grayscale(1);}
.services-3{
  padding: 15px 0 0;
}
.services-3 strong {
    font-size: 30px;
    font-weight: 900;
    text-transform: capitalize;
    display: block;
    color: #000;
    font-family: "Cormorant Garamond", serif;
}
.services-3 p{
   color: #242424d6;
   font-weight: 400;
   line-height: 28px;
   padding: 8px 0 20px;
}
.services-3 a{
   color: #ffffff;
   padding: 5px 12px 7px;
   display: inline-block;
   text-transform: capitalize;
   background: #c9a364;
}
/* services section end */


/* main services section start */
.mainservices-section{
  background: url(../images/zodiac-map.webp) no-repeat;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 541px auto;
  z-index: 0;
  position: relative;
  background-attachment: fixed;
}
.mainservices-section:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fffffff5;
    z-index: -1;
    left: 0;
    right: 0;
}
.main-services1{
   padding: 15px;
   text-align: center;
}
.main-services3 svg{
    width: 55px;
    height: 55px;
    fill: #c9a364;
}
.main-services3 svg path{
    fill: #c9a364;
}

.main-services3{
    position: relative;
}
.main-services3:before, .main-services3:after{
  position: absolute;
  border-top: 1px dashed #c9a364;
  top: 30px;
  content: "";
  width: 150px;
  height: 16px;
}
.main-services3:before{left: 0;}
.main-services3:after{right: 0;}
.main-services4 strong{
   font-size: 30px;
   font-weight: 900;
   text-transform: capitalize;
   display: block;
   color: #000;
   font-family: "Cormorant Garamond", serif;
   padding: 15px 0 0;
}
.main-services4 p{
   font-size: 16px;
   color: #242424d6;
   font-weight: 400;
   line-height: 28px;
   padding: 8px 0 20px;
}

.main-services4 a{
  color: #ffffff;
  padding: 5px 12px 7px;
  display: inline-block;
  text-transform: capitalize;
  background: #c9a364;
}
.main-services4 a i{
    padding: 0 6px 0 0;
    font-size: 18px;
}
/* main services section end */


/* awards section start */
.award-title{
    padding: 0;
}
.award-title p{
    text-align: center;
    font-size: 55px;
    font-weight: 700;
    text-transform: capitalize;
    background: #181712;
    padding: 0 15px 5px;
    font-family: "Cormorant Garamond", serif;
    color: #fff;
}
.award-top{

border-bottom: 1px dashed #c9a364;

padding: 0 0 25px;

margin: 0 0 40px;
}
.award-box{

}
.award-1{
    padding: 12px;
    text-align: center;
}

.award-2 img{
  width:100%;
}
.award-add1 strong{
   font-size: 25px;
   font-weight: 800;
   text-transform: capitalize;
   display: block;
   color: #000;
   padding: 0 0 4px;
   font-family: "Cormorant Garamond", serif;
   line-height: 35px;
}
.award-add1 p{
   color: #242424d6;
   font-weight: 400;
   line-height: 28px;
   padding: 8px 0 0;
}
.award-add1 span{
   font-size: 125px;
   font-weight: 700;
   text-transform: capitalize;
   display: block;
   text-align: center;
   color: #ffffff;
   background: #ffff;
   -webkit-text-stroke-width: 1px;
   stroke-width: 1px;
   -webkit-text-stroke-color: #c9a364;
   stroke: #c9a364;
   font-family: "Cormorant Garamond", serif;
   line-height: 60px;
   padding: 15px 0 0;
   position: relative;
}
.award-add1 span:before{
   content:"";
   width: 2px;
   height: 65px;
   position: absolute;
   border-left: 1px dashed #c9a364;
   margin: 0 auto;
   left: 0;
   right: 0;
}
.award-bottom .award-add1 span{
   padding: 15px 0 45px;
}
.award-top .award-add1 span:before{
   bottom: -109px;
}
.award-bottom .award-add1 span:before{
   bottom: 0;
   top: -51px;
}
/* awards section end */



/* best services section start */
.bestservices-section{
  padding: 70px 0 70px;
  background: #1817120a;
}
.bestservices-1{
  padding: 12px;
}
.bestservices-2{background: #fff;border: 1px dashed #c9a364;}

.bestservices-3 img{
    width: 100%;
    border: 5px solid #fff;
}
.bestservices-4 strong{
  font-size: 30px;
  font-weight: 800;
  text-transform: capitalize;
  display: block;
  color: #000;
  padding: 0 0 4px;
  font-family: "Cormorant Garamond", serif;
  line-height: 35px;
}
.bestservices-4{
  padding: 0 20px 0;
}
.bestservices-4 span{
  color: #ffffff;
  background: #fff;
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 36px;
  text-align: center;
  border-radius: 50px;
  margin: -28px 0 0;
  transform: translateY(-12px);
}
.bestservices-4 span svg{

width: 25px;

height: 25px;
}
.bestservices-4 p{
  color: #242424d6;
  font-weight: 400;
  line-height: 28px;
  padding: 0 0 12px;
}
.bestservices-4 a{
  color: #ffffff;
  padding: 5px 12px 7px;
  display: inline-block;
  text-transform: capitalize;
  background: #c9a364;
}
/* best services section end */




/* about us section start */
.about-left{
  padding: 12px;
}
.about-left1{
  padding: 0;
  position: relative;
  overflow: hidden;
  border-radius: 500px 500px 0 0;
  height: 665px;
  display: flex;
  align-items: end;
}
.about-img{
    
position: relative;
    
z-index: 0;
    
margin: 0 auto;
}
.about-left1 .background-video-embed {
    position: absolute;
    top: 50%;
    left: 40%;
    width: 177.77vh;
    height: 100vh;
    transform: translate(-50%, -50%);
    pointer-events: none;
    z-index: 0;
}
.about-us{
  padding:6px 0 0;
}

.about-us p{
  color: #242424d6;
  font-weight: 400;
  line-height: 30px;
  padding: 8px 0;
}
.about-us p strong{font-weight: 400;color: #000;}
.about-us ul li{
  padding: 5px 0;
}
.about-us ul li{
    padding: 5px 15px 5px 20px;
    color: #000;
    font-size: 16px;
    line-height: 31px;
    font-weight: 400;
    display: inline-block;
    position: relative;
    width: 30%;
}
.about-us ul li:before {
    font-weight: 500;
    position: absolute;
    color: #c9a364;
    top: 11px;
    left: 0;
    font-size: 17px;
    content: "\2352";
    font-family: 'Glyphicons Halflings';
    width: 16px;
    height: 16px;
    line-height: 19px;
    text-align: center;
    border-radius: 3px;
}
.about-right{
  padding: 12px;
}

/* about us section end */


/* add section start */
.add-section{
  padding: 30px 0 20px;
  position: relative;
  z-index: 0;
  overflow: hidden;
  background-image: url(../images/add-bg.webp);
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
  background-attachment: fixed;
}
.add-section1{
    
position: relative;
    
z-index: 2;
}
.add-section::after {
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1;
    background: #c9a364f0;
}
.add-section1 strong{display: block;font-size: 55px;font-weight: 700;text-transform: capitalize;font-family: "Cormorant Garamond", serif;line-height: 60px;}
.add-section1 p{
    color: #ffffff;
    font-size: 25px;
    font-weight: 500;
    text-transform: capitalize;
    padding: 5px 0 18px;
}
.add-section1 a{
    background: #181712;
    font-size: 17px;
    font-weight: 400;
    text-transform: capitalize;
    color: #fff;
    padding: 8px 15px 12px 8px;
    display: inline-block;
    text-align: center;
}
.add-section1 svg{
    width: 21px;
    height: 21px;
    margin: -3px 2px 0 0;
}
.add-section1 svg path{
    fill: #c9a364; 
}
/* add section end */


/* astrology content section start */
.astrolgy-content-box{
   padding: 12px;
}
.astrology-content0{   
  padding: 0 0 25px;
}
.astrolgy-content-box:nth-child(1) .astrology-content-img img{-webkit-mask-image: url(../images/mask-01-min.webp);-webkit-mask-size: contain;-webkit-mask-position: center center;-webkit-mask-repeat: no-repeat;width: 100%;height: 600px;object-fit: cover;object-position: center center;}
.astrology-content-img img{

width: 100%;
}
.astrology-content-img1{background-image: url(../images/astrologer-img.webp);background-position: center center;background-repeat: no-repeat;background-size: cover;border-radius: 500px;width: 100%;height: 100%;}
.astrology-content-img{
    padding: 12px;
}
.astrology-content{
    padding: 12px;
}
.astrology-content strong{display: block;font-size: 55px;font-weight: 700;text-transform: capitalize;font-family: "Cormorant Garamond", serif;line-height: 60px;padding: 0 0 15px;}
.astrology-content p{
    color: #242424d6;
    font-weight: 400;
    line-height: 28px;
    padding: 8px 0;
}

/* astrology content section end */


/*  testimonials section start*/
.testi-title svg{
  width: 115px;
  height: 115px;
  fill: #c9a364;
}
.testi-title strong{
    
display: block;
    
font-size: 28px;
    
font-weight: 700;
    
text-transform: capitalize;
    
font-family: "Cormorant Garamond", serif;
    
padding: 0 0 60px;
}
.testimonials-2{
  padding: 0 20px 65px;
  text-align: center;
}
.testimonials-2 p{
    color: #242424d6;
    font-weight: 400;
    line-height: 28px;
}

.testimonials-2 strong{
    font-size: 25px;
    font-weight: 900;
    text-transform: capitalize;
    background: #fff;
    padding: 9px 0 0;
    display: block;
    font-family: "Cormorant Garamond", serif;
    color: #000;
}
.testimonials-2 span{
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    background: #fff;
    padding: 0 0 25px;
    display: block;
}
.testimonials-2 img{
    border-radius: 50%;
    box-shadow: 0 0 0 10px #c9a364;
}

.testimonials-section .carousel-control-next, .testimonials-section .carousel-control-prev{
  opacity:2;
  top: -98px;
}
.testimonials-section .carousel-control-next{
  justify-content: end;
  right: 62px;
}
.testimonials-section .carousel-control-prev{
  justify-content: flex-start;
}
.testimonials-section .carousel-control-prev-icon, .testimonials-section .carousel-control-next-icon{
  background-image:none;
}
.testimonials-section .slide-btn b{
  height: 0;
  width: 0;
  background: #000000;
  border: 0;
}
.testimonials-section .slide-btn b span{
  line-height: 14px;
  background: #00000000;
  border-radius: 0;
  border: 0;
  border-bottom: 1px solid #000000;
  text-transform: capitalize;
  font-weight: 500;
  height: 22px;
  text-align: right;
color:#000;
}
/* testimonials section end */


/* other services section start */
.otherservices1{
  padding: 12px 12px;
}
.otherservices2{
  border-radius: 40px;
  border: 1px dashed #c9a364;
overflow:hidden;
}
.otherservices2 img{
  width: 100%;
  border-radius: 30px;
}
.otherservices3 p{
  font-size: 40px;
  padding: 12px 30px 20px;
  font-weight: 800;
  text-transform: capitalize;
  font-family: "Cormorant Garamond", serif;
  line-height: 52px;
}
.otherservices3 a{
  color: #ffffff;
  padding: 5px 12px 7px 35px;
  display: inline-block;
  text-transform: capitalize;
  background: #c9a364;
}
/* other services section end */



/* award banner section */
.award-banner{

background: #f6f6f6;

padding: 60px 0 60px;
}
.award-banner img{
  width: 100%;
}
/* award banner section */



/* gallery section start */
.gallery-section{
    padding: 0;
}
.gallery1{

padding: 10px;
}
.gallery2{
    overflow:hidden;
     transition: .5s ease-in-out;
}
.gallery2 img{
    width: 100%;
    transition: .5s ease-in-out;
}
.gallery2:hover{
    filter:drop-shadow(2px 4px 6px black);
}
.gallery2:hover img{
    filter:drop-shadow(2px 4px 6px black);
    transform: scale(1.2);
}
/* gallery section end */


/* footer section start*/
.footer-section{
    background: #001e00;
    background-image: url(images/bg.webp);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.footer-about{
    padding: 12px 20px;
}
.about-txt span{
    color: #c9a364;
    font-size: 30px;
    font-weight: 900;
    text-transform: capitalize;
    padding: 0 0 12px;
    display: block;
    font-family: "Cormorant Garamond", serif;
}
.about-txt p{
    color: #ffffff;
    font-weight: 200;
    line-height: 28px;
    font-size: 15px;
}
.about-call{
    padding: 0px 27px 0 0;
}
.about-call ul{
    padding: 12px 0px;
}
.about-call ul li{
    display: block;
    position: relative;
    text-align: left;
    padding: 0 0 20px;
}
.about-call li a{
    color: #fff !important;
    font-size: 19px;
    font-weight: 400;
    display: block;
}
.about-call li a i .bi{
    color: #c9a364;
    width: 18px;
    height: 18px;
    margin: 0 4px 0 0;
}
.about-call li a span{
    color: #c9a364;
    font-size: 15px;
    display: block;
    font-weight: 400;
    text-transform: capitalize;
    padding: 6px 0 0 26px;
}
.srv-list1-text{
  padding: 0;
}
.srv-list1-text ul li{
    padding: 5px 0 5px 25px;
    text-transform:capitalize;
    color: #fff;
    font-size: 15px;
    line-height: 28px;
    font-weight: 200;
    position: relative;
}
.srv-list1-text ul li:before{font-weight: 500;position: absolute;color: #c9a364;top: 10px;left: 0;font-size: 17px;content: "\2352";font-family: 'Glyphicons Halflings';width: 16px;height: 16px;line-height: 19px;text-align: center;border-radius: 3px;}
.srv-list1-text ul li a{
  color: #fff;
}
.disclimer  p{
    color: #fff;
    font-size: 14px;
    font-weight: 100;
    line-height: 28px;
    padding: 20px 0 25px;
}
.copy-right p{
  color: #dfdfdf;
  font-weight: 300;
  font-size: 15px;
  padding: 12px 0 12px;
}
.copy-right{
  background: #181712;
}
/* footer section end */






#callbook {
    bottom: 8px;
    height: 60px;
    left: 0;
    position: fixed;
    display:block;
    right: 0;
    z-index: 100;
    width: 95%;
    margin: 0 auto;
    border-radius: 50px;
}

#callbook ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#callbook ul li {
    position: relative;
    padding: 5px 7px 0;
    float: left;
    text-align: center;
}

#callbook ul li a i{
    display: inline-block;
    width: 55px;
    height: 55px;
    line-height: 53px;
    border-radius: 50%;
    font-size: 22px;
}
#callbook ul li a i .bi{
    animation: zoom-out .5s infinite alternate;
    display: inline-block;
    width: 24px;
    height: 19px;
    fill: #fff;
}
@keyframes zoom-out {
  0% { transform: scale(1); }
  100% { transform: scale(1.3); }
     
}
#callbook ul li a span {
    color: #000000;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    position: relative;
    top: -2px;
    box-shadow: 0px 2px 15px #dfc7fc96;
    background: #fff;
    text-align: center;
    display: inline-block;
    padding: 4px 17px 3px;
    border-radius: 40px;
}
#callbook ul li:nth-child(2) a span {
    top: -2px;
    left: 0;
}
#callbook ul li a i {
    color: #fff;
    animation: pulsate .5s ease-out;
    display: inline-block;
}





@media (max-width: 767px){
.head-navigation-list ul li {padding: 8px 15px;margin: 4px 4px;font-size: 15px;}
.navbar-collapse .navbar-nav{padding: 15px 0 0 !important;}
.navbar-toggler{display: block;position: absolute;right: 0;top: -60px;}
.fixed-top .navbar-toggler{position: initial;}
.head-navigation-list {padding: 4px 0 0;}
.navbar-collapse .navbar-nav li{display:block;padding: 0;text-align: left;}
.head-navigation2{display: none;}
.navbar-collapse .navbar-nav li a.nav-link:after{display: none;}
.navbar-collapse .navbar-nav li a.nav-link {padding: 6px 0;}
.nav-bottom-left p {text-align: center;padding: 8px 0 5px;}
.tophead-left1 {width: 68%;}
.head-navigation2{display: none;}
.navbar-collapse .navbar-nav li a.nav-link:after{display: none;}
.navbar-collapse .navbar-nav li a.nav-link {padding: 7px 0;}
.nav-bottom-left p {text-align: center;padding: 8px 0 5px;}
.head-bttm-right2 ul li:nth-child(8), .head-bttm-right2 ul li:nth-child(9){display: none;}
.head-right11{display: none;}
.navbar ul li a{padding: 0;}
.navbar ul li a:after, .navbar ul li.active a:after{display: none;}
.navigation-section{padding: 0;}#callbook {display:block;}
.top-section2 ul li {padding: 12px 10px 12px 20px;}
.head-contact {display: none;}
.astrology-content strong {font-size: 40px;line-height: 50px;}
.aboutus-heading strong {font-size: 38px;line-height: 48px;}
.award-add1 strong {font-size: 20px;line-height: 27px;}
.award-add1 span {font-size: 105px;}
.award-top .award-add1 span:before {bottom: -69px;}
.award-add1 span:before {height: 54px;}
.top-srv-center strong {font-size: 35px;line-height: 57px;padding: 15px 0 15px;}
.header-img-left1 strong {font-size: 33px;line-height: 45px;}
.header-img-left1 p{font-size: 14px;line-height: 27px;padding: 10px 0 10px;}
.header-img-left1 span{font-size: 18px;}
.navbar ul li a {padding: 0;}
.award-top{padding: 0 0 50px;}
.add-section1 strong {font-size: 30px;line-height: 44px;}
.award-title p {font-size: 32px;}
.astrology-content{text-align: center;}
.head-num a {font-size: 15px;padding: 8px 12px 7px 6px;}
.header-line-vert {top: -405px;}
.header-img-left {padding: 20px;text-align: center;}
.header-img-right{order: -1;text-align: center;}
.about-us ul li{width: auto;}
.gallery1 {padding: 5px;}
.add-section {padding: 20px 0 20px !important;}
.add-section1 p{font-size: 20px;padding: 4px 0 10px;}
.copy-right p{padding: 12px 0 70px;}
.astrology-content0 .astrology-content-img{display: none;}
.srv-list1-text ul li{display: inline-block;}
.about-call ul li{display: inline-block;padding: 0 20px 20px;}
.footer-about, .about-call li a{text-align: center;}
.services-list ul li {font-size: 25px;padding: 4px 10px 8px;}

#callbook{display: block;}

}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.navbar-collapse .navbar-nav{padding: 15px 0 0 !important;}
.navbar-toggler{display: block;margin: -36px 0 0;position: absolute;top: -58px;right: 0;}
.navigation-section, .head-right1{padding: 0;}
.fixed-top .navbar-toggler{position: initial;}
.navbar-collapse .navbar-nav li{display:block;padding: 0;text-align: left;}
.head-navigation2{display: none;}
.navbar-collapse .navbar-nav li a.nav-link:after{display: none;}
.navbar-collapse .navbar-nav li a.nav-link {padding: 7px 0;}
.nav-bottom-left p {text-align: center;padding: 8px 0 5px;}
.navbar-collapse .navbar-nav li:hover a {color: #0e9c29;}
.head-contact {display: none;}
.astrology-content strong {font-size: 40px;line-height: 50px;}
.aboutus-heading strong {font-size: 50px;}
.award-add1 strong {font-size: 19px;line-height: 30px;}
.award-add1 span {font-size: 105px;}
.award-top .award-add1 span:before {bottom: -69px;}
.award-add1 span:before {height: 54px;}
.top-srv-center strong {font-size: 50px;line-height: 65px;padding: 15px 0 15px;}
.header-img-left1 strong {font-size: 33px;line-height: 46px;}
.header-img-left1 p{font-size: 14px;line-height: 27px;padding: 10px 0 10px;}
.header-img-left1 span{font-size: 18px;}
.navbar ul li a {padding: 0;}
.award-top{padding: 0 0 50px;}
.add-section1 strong {font-size: 40px;line-height: 50px;}
.award-title p {font-size: 40px;}
.astrology-content{text-align: center;}
.head-num a {font-size: 15px;padding: 8px 12px 7px 6px;}
.header-line-vert {top: -70px;}
.header-img-left {padding: 40px 30px 40px 50px;}
.services-list ul li {font-size: 30px;}

}


@media only screen and (min-width: 992px) and (max-width: 1199px) {
.astrology-content strong {font-size: 40px;line-height: 50px;}
.astrolgy-content-box:nth-child(1) .astrology-content-img img {height: 434px;}
.aboutus-heading strong {font-size: 49px;}
.award-add1 strong {font-size: 19px;line-height: 30px;}
.award-add1 span {font-size: 105px;}
.award-top .award-add1 span:before {bottom: -69px;}
.award-add1 span:before {height: 54px;}
.top-srv-center strong {font-size: 45px;line-height: 60px;}
.top-srv strong {font-size: 45px;}
.top-srv strong em {font-size: 17px;}
.header-img-left1 strong {font-size: 44px;line-height: 58px;}
.header-img-left1 p{font-size: 15px;line-height: 32px;padding: 15px 0 20px;}
.header-img-left1 span{font-size: 22px;}
.navbar ul li a {padding: 5px 14px;}
.award-top{padding: 0 0 50px;}
.add-section1 strong {font-size: 48px;}
.services-3 strong {font-size: 27px;}
}

@media only screen and (min-width: 1200px) and (max-width: 1305px) {
.astrology-content strong {font-size: 52px;}
.add-section1 strong {font-size: 48px;}
.add-section1 p {font-size: 22px;}
.award-top{padding: 0 0 50px;}
.award-top .award-add1 span:before {bottom: -110px;}
.award-add1 span:before {height: 54px;}
.top-srv-center strong {font-size: 52px;}
.header-img-left1 strong {font-size: 66px;}
.header-img-left1 span {font-size: 22px;}
.navbar ul li a {padding: 5px 22px;}
}

@media (max-width: 575px) and (min-width: 0px) {
br{display: none;}
.top-section2:nth-child(1) ul li:last-child{display: inline-block;}
.head-section{padding: 12px 0 !important;}
.top-section2:nth-child(2) {display: none;}
.top-section2 ul li:before {top: 11px;}
.top-section2 {text-align: center !important;}
.top-section2 ul li {padding: 8px 15px 9px 20px;}
.head-contact {display: none;}
.astrology-content strong {font-size: 35px;line-height: 45px;}
.astrolgy-content-box:nth-child(1) .astrology-content-img img {height: 405px;}
.aboutus-heading strong {font-size: 35px;line-height: 48px;}
.award-add1 strong {font-size: 25px;line-height: 32px;}
.award-add1 span {display: none;}
.award-top .award-add1 span:before {bottom: -69px;}
.award-add1 span:before {height: 54px;}
.top-srv-center strong {font-size: 30px;line-height: 49px;}
.otherservices3 p{font-size: 26px;line-height: 33px;padding: 18px 20px 15px;}
.header-img-left1 p{padding: 10px 0 10px;}
.navbar ul li a {padding: 0;}
.award-top{padding: 0;border-bottom: 0;margin: 0;}
.add-section1 strong {font-size: 25px;line-height: 39px;}
.award-title p {font-size: 25px;padding: 5px 15px 6px;}
.astrology-content{text-align: center;}
.why-content span{line-height: 28px;}
.header-img-left {padding: 20px;text-align: center;}
.header-img-right{order: -1;text-align: center;}
.about-us ul li{width: auto;}
.add-section1 p{font-size: 15px;padding: 4px 0 10px;}
.testimonials-section{padding: 0 !important;}
.head-logo1 img {width: 240px;}
.navbar-toggler {top: -48px;height: 35px;width: 40px;}
.testi-title strong {font-size: 25px;line-height: 35px;}
.services-list ul li {font-size: 19px;padding: 4px 3px 8px;}
.services-list ul li svg{width: 12px; height: 12px;}
.services-list ul li:nth-child(3) svg, .services-list ul li:nth-child(4) svg{width: 15px;height: 15px;}
}




@media (max-width: 419px) and (min-width: 290px) {
.head-logo1 img {width: 210px;}
.head-section{padding: 10px 0 !important;}
 .navbar-toggler {top: -42px;height: 31px;width: 38px;}
.header-line-vert {display: none;}
.header-img-left1 strong {font-size: 26px;line-height: 32px; }

.top-section2 ul li:before {top: 11px;}
.top-section2 {text-align: center !important;}
.top-section2 ul li {padding: 8px 4px 9px 20px;}
.head-contact {display: none;}
.astrology-content strong {font-size: 30px;line-height: 42px;padding: 0 0 5px;}
.astrolgy-content-box:nth-child(1) .astrology-content-img img {height: 300px;}
.aboutus-heading strong {font-size: 30px;line-height: 41px;}
.award-add1 span {display: none;}
.award-top .award-add1 span:before {bottom: -69px;}
.award-add1 span:before {height: 54px;}
.top-srv-center strong {font-size: 26px;line-height: 39px;}
.otherservices3 p{font-size: 26px;line-height: 33px;padding: 18px 20px 15px;}
.header-img-left1 p{padding: 10px 0 10px;}
.navbar ul li a {padding: 0;}
.award-top{padding: 0;border-bottom: 0;margin: 0;}
.astrology-content{text-align: center;}
.why-content span{line-height: 28px;}
.header-img-left {padding: 20px 5px;text-align: center;}
.header-img-right{order: -1;text-align: center;}
.about-us ul li{width: auto;}
.top-srv-center strong img{width: 45px;}
.disclimer p{font-size: 12px;line-height: 23px;padding: 0 0 12px;}
.otherservices1{width: 100%;}
.top-rated1{padding: 5px;}
.about-left1 {height: 470px;}
.testimonials-section .carousel-control-next, .testimonials-section .carousel-control-prev {top: 75px;}
.mark-content {font-size: 20px;}
.mark-separator svg {width: 25px;height: 25px;}
.bestservices-1, .about-left, .about-right, .astrology-content-img, .astrolgy-content-box, .astrology-content, .award-1  {padding: 12px 0;}
.top-srv-center b svg {width: 15rem;height: 15rem;}
.services-list ul li {font-size: 14px;}
.services-list ul li svg{width: 10px;height: 10px;}
.services-list ul li:nth-child(3) svg, .services-list ul li:nth-child(4) svg{width: 12px;height: 12px;}
.main-services3:before, .main-services3:after {width: 85px;}
.gallery1{width:50%;}
.gallery1:nth-child(13), .gallery1:nth-child(14){width:100%;}

.other-services{padding-top:0 !important;}
}






