@import url('https://fonts.googleapis.com/css2?family=Marcellus&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');

body {font-size:17px; font-family: "Open Sans", serif !important;}
ol, ul {list-style: none outside none;}
a:focus, a:hover{ text-decoration:none!important;}
*:focus {
    outline: none;
}


/** work start here **/

.top-head {background-color: #35093C;padding: 15px 0;color: #fff;}

.top-loc a {color: #fff;}

.top-head-left {display: flex;gap: 30px;font-family: "Marcellus", serif;}

.top-loc a:hover {color: #fd4380;}

.top-social-icons {text-align: right;}

.top-social-icons a{ color:#fff;}

.top-social-icons i {font-size: 20px;margin: 0 6px;}

.top-social-icons a:hover {color: #fd4380;}

.logo img {width: 40%;}

.logo {text-align: center;}

.header-bottom {
    background-image: linear-gradient(180deg, #35093C 0%, #35093C00 100%);
    padding-top:6px;
}

.main-navigation {
    display: flex;
    margin-top: 32px;
}

.nav-appointment a {
    background-color: #fd4380;
    color: #fff;
    border-radius: 5px;
    padding: 10px 20px;
    margin-top: 0;
    display: block;
}

.nav-appointment a:hover{ color:#fff;}


.navbar-nav a {color: #fff;font-size: 17px;padding: 0 15px;}

.navbar-nav a:hover{ color:#fff;}

.carousel.carousel-fade .carousel-item {
    display: block;
    opacity: 0;
    transition: opacity ease-out .7s;
}

.abt-crosel img {
    width: auto !important;
}

.abt-crosel .owl-nav.disabled, .abt-crosel .owl-dots {
    display: none !important;
}

.carousel.carousel-fade .carousel-item.active {
    opacity: 1 !important;
}

.banner {
    
    margin-top: -120px;
}

.header {
    position: relative;
    z-index: 999;
}

.banner .carousel-caption {
    transform: translate(-50%,-50%);
    left: 24%;
    top: 50%;
    text-align: left;
    width: 27%;
    font-family: "Marcellus", serif;
}

.carousel-caption h3 {
    font-size: 46px;
    text-transform: uppercase;
}

.carousel-caption p {
    font-family: "Oswald", serif;
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 700;
    margin-top: 15px;
}

.header-bottom.fixed-top {background-color: #35093cb5 ;padding: 4px 0 ;}

.about-section {
    padding: 180px 0 180px;
    background-color: #35093c;
}

.about-left {
    background-color: #6b3c6a;
    width: 90%;
    height: 470px;
    position: relative;
}

.about-left::before {
    content: "";
    position: absolute;
    width: 2px;
    height: 170px;
    background-color: #fd4380;
    left: 0;
    bottom: 0;
}

.about-left::after {
    content: "";
    position: absolute;
    width: 170px;
    height: 2px;
    background-color: #fd4380;
    left: 0;
    bottom: 0;
}

.phone-number-about a:hover {
    color: #fff;
}

.abt-crosel {position: relative;right: -50px;top: -80px;}

.abt-content {color: #fff; padding-left: 50px;}

.abt-content span {
    color: #fd4380;
    display: block;
    font-size: 20px;
    font-weight: 600;
}

.abt-content h2 {
    font-family: "Marcellus", serif;
    font-size: 45px;
    margin: 12px 0;
}

.abt-content p {
    font-size: 18px;
}

.abt-content a {
    border: 1px solid #fd4380;
    padding: 15px 30px;
    display: inline-block;
    color: #fff;
    margin-top: 20px;
}

.abt-content a:hover{ background-color:#fd4380; color:#fff;}

.call-icon {
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
    border-radius: 50%;
    border: 1px solid #fd4380;
    padding: 5px;
    position: relative;
    top: 23px;
}

.phone-number-about a {
    background-color: #6b3c6a;
    border-radius: 5px;
    padding: 0 30px 25px 30px;
    display: inline-block;
    margin-top: 40px;
    margin-left: 50px;
    color: #fff;
}

.call-icon i.fa.fa-phone {
    background-color: #fd4380;
    border-radius: 50%;
    padding: 16px;
    font-size: 30px;
    WIDTH: 60PX;
    height: 60px;
   
}

.phone-number-about span {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 500;
}

.phone-number-about p {
    margin-bottom: 0;
    margin-left: 82px;
    line-height: 23px;
    font-family: "Marcellus", serif;
    font-size: 50px;
    color:#fd4380;
    position: relative;
    top: -6px;
}

.main-services {
    background-image: linear-gradient(180deg, #693a68 0%, #380b3e 65%);
    position: relative;
    margin-top: -70px;
    border-radius: 60px 60px 0 0;
    padding: 80px 0;
}

.service-title {
    text-align: center;
    color: #fff;
    margin-bottom: 60px;
}

.service-title span {
    color: #fd4380;
    display: block;
    font-size: 20px;
    font-weight: 600;
}

.service-title h2 {
    font-family: "Marcellus", serif;
    font-size: 45px;
    margin: 12px 0;
}

.services-box {
    border: 1px solid #fff;
    padding: 50px 40px 70px;
    color: #fff;
    margin-bottom: 50px;
}

.services-box:hover {
    background-color: #240429; border:1px solid #240429;
}

.services-box img {
    margin-bottom: 15px;
}

.services-box h2 {
    font-family: "Marcellus", serif;
    font-size: 25px;
    margin-bottom: 15px;
}

.services-box p {
    margin-bottom: 0;
    font-size: 18px;
}

.home-ser-box {
    position: relative;
    
    z-index: 1; 
}

.home-ser-box::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../images/output-onlinepngtools.png') no-repeat center right;
    opacity: 0.15; 
    z-index: -1; 
}

.appointment-form {
    background-color: #35093c;
    padding: 80px 0;
}

.appointment-form-left {
    color: #fff;
}

.appointment-form-left span {
    color: #fd4380;
    display: block;
    font-size: 20px;
    font-weight: 600;
}

.appointment-form-left h2 {
    font-family: 'Marcellus';
    font-size: 60px;
    margin: 10px 0;
}

.appointment-form-left p {
    margin-bottom: 0;
    font-size: 19px;
}


input.txtfield {
    border: 1px solid #7b3f7a;
    background-color: transparent;
    padding: 15px 20px;
    width: 100%;
    color: #ae8a8c;
    font-size: 20px;
}

.form-box input#phone {
    width: 100%;
    background-color: transparent;
    border: 1px solid #7b3f7a;
    
    color: #ae8a8c;
    padding-top: 18px;
    padding-bottom: 17px;
}


.form-box .iti {width: 100%;}

.form-box select {
    width: 100%;
    border: 1px solid #7b3f7a;
    background-color: transparent;
    color: #ae8a8c;
    padding: 18px 11px;
    font-weight: 500;
}

.form-box {
    margin-bottom: 25px;
}

textarea.txtfield {
    border: 1px solid #7b3f7a;
    background-color: transparent;
    padding: 15px 20px;
    width: 100%;
    color: #ae8a8c;
    font-size: 20px;
    height: 150px;
    resize: none;
}

.sub-btn {
    background-color: #fd4380;
    padding: 13px 38px;
    display: inline-block;
    color: #fff;
    margin-top: 0;
    cursor: pointer;
    border: none;
}


::placeholder {
  color: #ae8a8c;
  opacity: 1; /* Firefox */
}

::-ms-input-placeholder { /* Edge 12 -18 */
  color: #ae8a8c;
}

.main-faq {
    background-color: #35093c;
}


#main {
    margin: 30px 0;
}

#main #faq .card {
  margin-bottom: 30px;
  border: 0;
}

#main #faq .card .card-header {
    border: 0;
   
    border-radius: 2px;
    padding: 0;
}

#main #faq .card .card-header .btn-header-link {
    color: #fff;
    display: block;
    text-align: left;
    background: #e6f0ff;
    color: #222;
    padding: 20px;
    font-family: "Marcellus", serif;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 600;
}

.whts-app-chat {
    position: fixed;
    bottom: 20px;
    left: 23px;
    z-index: 9999999999;
}

.whts-app-chat a {
    background-color: #49e670;
    display: inline-block;
    padding: 7px 17px;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    color: #fff;
    font-size: 30px;
}

.whts-app-chat a:hover{ color:#fff;}

#main #faq .card .card-header .btn-header-link:after {
  content: "\f107";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  float: right;
}

#main #faq .card .card-header .btn-header-link.collapsed {
    background: #e6f0ff;
    color: #000;
}

#main #faq .card .card-header .btn-header-link.collapsed:after {
  content: "\f106";
}

#main #faq .card .collapsing {
  background: #471350;
  line-height: 30px;
}

#main .btn.focus, .btn:focus {
    outline: none !important;
    box-shadow: none !important;
}

#main #faq .card .collapse {
  border: 0;
}

#main #faq .card .collapse.show {
    background: #471350;
    line-height: 30px;
    color: #fff;
    font-size: 18px;
}

.main-faq .service-title {
    margin-bottom: 0;
}

.main-testimonial {
    background-color: #35093c;
}

.testimonial-box {
    margin: 0 auto;
    width: 100%;
    max-width: 640px;
    text-align: center;
}

.star-rating-review {
    color: #ffc402;
}

.testi-box p {
    color: #fff;
    margin-bottom: 0;
    margin-top: 20px;
    font-size: 18px;
}

.testimonial-name h5 {
    font-size: 25px;
}

.testimonial-name {
    margin-top: 20px;
    color: #fff;
    font-family: "Marcellus", serif;
    font-size: 24px;
}

.testimonial-box .owl-nav.disabled, 
.owl-carousel.location-carousel .owl-nav.disabled{
    display: none !important;
}

.testimonial-box .owl-dots, .owl-carousel.location-carousel .owl-dots {
    display: none !important;
}

.main-flags {
    background-color: #35093c;
}

.main-flags {
    background-color: #35093c;
    padding-top: 50px;
    padding-bottom: 110px;
}

.flags-crousel {
    margin-bottom: 30px;
}

.foot-box ul {
    padding-left: 0;
}

.footer {
    background-color: #240429;
    padding: 50px 0 30px;
    border-radius: 60px 60px 0 0;
    margin-top: -70px;
}

.foot-box h2 {
    color: #fff;
    font-size: 20px;
    margin-bottom: 20px;
    font-weight: 600;
}

.foot-box li {
    padding: 7px 0;
}

.foot-box li a {
    color: #fff;
    display: inline-flex;
}

.foot-box li a i {
    margin-right: 10px;
    color: #fd4380;
    font-size: 20px;
}

.ft-btm-left img {
    width: 40%;
}

.ft-btm-center { text-align:center;}

.ft-btm-center p {
    color: #fff;
    margin-bottom: 0;
   
}

.row.ft-btm {
    align-items: center;
}

.foot-box p {
    color: #fff;
}

.banner.inner-banner {
    background: url('../images/about-us-banner.jpg') no-repeat center right;
    padding-top: 215px;
    text-align: center;
    padding-bottom: 150px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center; position:relative;
}

.banner.inner-banner.contact-banner {
    background: url('../images/contact-us-header.jpg') no-repeat center right;
    background-size: cover;
    background-position: center; background-repeat:no-repeat;
}


.banner.inner-banner.famous-astr {
    background: url('../images/famous-astro-img.jpg') no-repeat center right;
    background-size: cover;
    background-position: center; background-repeat:no-repeat;
}

.banner.inner-banner.spirtl-healer {
    background: url('../images/spiritul-banner.jpg') no-repeat center right;
    background-size: cover;
    background-position: center; background-repeat:no-repeat;
}

.banner.inner-banner.health-page {
    background: url('../images/health-prblm-img.jpg') no-repeat center right;
    background-size: cover;
    background-position: center; background-repeat:no-repeat;
}

.banner.inner-banner.love-spell-exper {
    background: url('../images/love-spell-bg.jpg') no-repeat center right;
    background-size: cover;
    background-position: center; background-repeat:no-repeat;
}

.banner.inner-banner.recnt-real {
    background: url('../images/reconnect-bg.jpg') no-repeat center right;
    background-size: cover;
    background-position: center; background-repeat:no-repeat;
}

.banner.inner-banner.best-love-psychic {
    background: url('../images/love-psychic-bg.jpg') no-repeat center right;
    background-size: cover;
    background-position: center; background-repeat:no-repeat;
}


.banner.inner-banner.black-magic {
    background: url('../images/black-magic-bg.jpg') no-repeat center right;
    background-size: cover;
    background-position: center; background-repeat:no-repeat;
}

.banner.inner-banner.negative-cleaning {
    background: url('../images/negative-energy-cleaning.jpg') no-repeat center right;
    background-size: cover;
    background-position: center; background-repeat:no-repeat;
}

.banner.inner-banner.face-reader {
    background: url('../images/fortune-teller-bg.jpg') no-repeat center right;
    background-size: cover;
    background-position: center; background-repeat:no-repeat;
}

.banner.inner-banner.witchcraft {
    background: url('../images/witchcraft-bg.jpg') no-repeat center right;
    background-size: cover;
    background-position: center; background-repeat:no-repeat;
}


.banner.inner-banner.vashikaran {
    background: url('../images/vashiakaran-bg.jpg') no-repeat center right;
    background-size: cover;
    background-position: center; background-repeat:no-repeat;
}

.banner.inner-banner.job-prblm {
    background: url('../images/job-prblm-bg.jpg') no-repeat center right;
    background-size: cover;
    background-position: center; background-repeat:no-repeat;
}

.banner.inner-banner.marriage-astro {
    background: url('../images/marriage-astro-bg.jpg') no-repeat center right;
    background-size: cover;
    background-position: center; background-repeat:no-repeat;
}

.banner.inner-banner.curse-removal {
    background: url('../images/curse-removal-bg.jpg') no-repeat center right;
    background-size: cover;
    background-position: center; background-repeat:no-repeat;
}

.banner.inner-banner.aura-cleing-img{
    background: url('../images/aura-cleing-img.jpg') no-repeat center right;
    background-size: cover;
    background-position: center; background-repeat:no-repeat;
}

.banner.inner-banner.yoga-img{
    background: url('../images/yoga-aura-img.jpg') no-repeat center right;
    background-size: cover;
    background-position: center; background-repeat:no-repeat;
}

.banner.inner-banner.spiritual-banner-img{
    background: url('../images/spiritual-banner.jpg') no-repeat center right;
    background-size: cover;
    background-position: center; background-repeat:no-repeat;
}

.top-loc:first-child {
    display: none;
}

.footer.footer-services { position:relative;}

.abt-para {
    border: 1px solid #fff;
   
    color: #fff;
    padding: 20px 40px;
}

.main-abt-para{ margin-top:100px;}

.abt-para h2 {
    font-family: "Marcellus", serif;
    margin-bottom: 30px;
}

.about-section.ser-inner {
    padding-bottom: 20px;
}

.abt-para {
    border: 1px solid #fff;
    color: #fff;
    padding: 20px 40px;
    margin-bottom: 40px;
}

.banner.inner-banner.spiritual-banner {
    background: url('../images/spl.png') no-repeat center right;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-bottom: 80px;
}

.banner.inner-banner.spiritual-banner::before {
background-color: #340c3c54;}

.banner.inner-banner::before {
    content: "";
    position: absolute;
    width: 100%;
    background-color: #3c072cba;
    display: inline-block;
    height: 100%;
    left: 0;
    top: 0;
    
}

.abt-title h2 {
    font-family: "Marcellus", serif;
    color: #fff;
    font-size: 55px;
}

.about-navigate-path {
    background-color: #35093c;
    color: #fff;
    padding-bottom: 100px;
}

.about-navigate-path-left h2 {
    font-family: "Marcellus", serif;
    font-size: 45px;
    margin: 12px 0;
}

.about-navigate-path-left p {
    font-size: 17px;
    line-height: 30px;
}

.about-navigate-path-right img {
    border-radius: 20px;
    margin-left: 80px;
}

.about-navigate-path-left {
    margin-top: 60px;
}

.why-shld-choose{ display:flex;}

.choose-left, .choose-riight{ width:50%;} 

.why-shld-choose {
    background-image: url("../images/advantages-bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
}

.choose-left {
    padding-left: 12%;
    position: relative;
    align-items: center;
    display: flex;
}

.choose-left::before {
    content: "";
    background-color: #ff3982;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    z-index: 1;
    opacity: 0.8;
}

.choose-left-content {
    color: #fff;
    position: relative;
    z-index: 9;
    padding-right: 120px;
}

.choose-riight-box {
    display: flex;
    color: #fff;
}

.choose-riight-box-icon {
    margin-right: 20px;
}

.choose-riight-box-content h2 {
    font-size: 20px;
}

.choose-riight-box-content p {
    font-size: 17px;
}

.choose-riight {
    padding: 80px 80px 80px 50px;
}

.choose-riight-box {
    margin-bottom: 32px;
}

.choose-left-content span {
    
    display: block;
    font-size: 20px;
    font-weight: 600;
}

.choose-left-content h2 {
    font-family: "Marcellus", serif;
    font-size: 45px;
    margin: 12px 0;
}

.main-testimonial.inner-testimonials { padding-bottom:150px;}

.about-section.abt-contact-sec {
    padding-top: 140px;
    padding-bottom: 120px;
}

.contact-left span {
    color: #fd4380;
    display: block;
    font-size: 20px;
    font-weight: 600;
}

.contact-left h2 {
    font-family: "Marcellus", serif;
    font-size: 45px;
    margin: 12px 0; color:#fff;
}

.map-content iframe {
    border-radius: 50%;
    width: 683px;
    height: 683px;
    border: 1px dashed #fd4380 !important;
    padding: 30px;
}

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

.about-navigate-path-right.contact-path-right img {
    width: 100%;
    
    margin: 0;
}

.contact-footer-locate {
    background-color: #35093c;
    padding-bottom: 150px;
}

.contact-footer-locate-box {
    text-align: center;
    color: #fff;
    background-color: #4a194f;
    padding: 50px 0;
}

.contact-footer-locate-box h2 {
    font-family: "Marcellus", serif;
    font-size: 35px;
    margin: 12px 0;
}

.contact-footer-locate-box p a {
    color: #fff;
    font-size: 18px;
}

.contact-footer-locate-box i {
    margin-right: 5px;
}

.main-spiritual-heal-box {
    color: #fff;
    padding: 40px 0;
}

.main-spiritual-heal-box h2{font-family: "Marcellus", serif;
font-size: 45px;margin: 12px 0;color: #fff;}

.main-spiritual-heal-box p {
    padding: 0 210px;
    line-height: 30px;
}

.sp-img img {
    width: 100%;
    border-radius: 50%;
}

.main-spiritual-heal-img {
    max-width: 960px;
    margin: 0 auto;
    width: 100%;
}

.sp-img {
    margin-bottom: 30px;
}

.footer.footer-spiritual {
    padding-top: 130px;
}

.resposnive-menu{ display:none;}

div#mySidenav {
    display: none;
}

.dropdown:hover .dropdown-menu {
    display: block;
}

.dropdown-menu {
   
    min-width: 40rem !important;
    
}

.dropdown-menu > li > a:hover {
   
    color: #fff;
   
}


ul.dropdown-menu.listmenu {
    background-color: #350936e0;
}

.dropdown-menu.listmenu li {
    width: 50%;
    float: left;
}

.dropdown-menu > li > a {
    border-bottom: 1px dashed #ffffff63;
    clear: both;
    color: #fff;
    display: block;
    font-weight: 400;
    line-height: 1.42857;
    padding: 9px 20px;
    white-space: nowrap;
}

.abt-para p {
    font-size: 18px;
}