/*
Theme Name: Understrap Child
Theme URI: https://understrap.com
Template: understrap
Author: Howard Development & Consulting
Author URI: https://howarddc.com
Description: The renowned WordPress starter theme framework that combined Underscores and Bootstrap. Trusted by more than 100,000 developers for building handcrafted, custom WordPress sites.
Tags: one-column,two-columns,three-columns,left-sidebar,right-sidebar,custom-background,custom-logo,custom-menu,featured-images,footer-widgets,full-width-template,theme-options,translation-ready,block-styles,wide-blocks,editor-style,threaded-comments,accessibility-ready
Version: 1.2.4.1782997296
Updated: 2026-07-02 13:01:36

*/

 

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@import url("style-2.css");

 @font-face {
    font-family: 'Euclid Circular A';
    src: url('font/EuclidCircularA-Light.woff2') format('woff2'),
        url('font/EuclidCircularA-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Euclid Circular A';
    src: url('font/EuclidCircularA-Medium.woff2') format('woff2'),
        url('font/EuclidCircularA-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Euclid Circular A';
    src: url('font/EuclidCircularA-Regular.woff2') format('woff2'),
        url('font/EuclidCircularA-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}




body{
  background-color: #ffffff;
    font-family: "Poppins", sans-serif;
}

body p{
          font-family: "Poppins", sans-serif;
          font-size: 14px;
          line-height: 26px;
          color: #222222;
          font-weight: 400;
}

body a{
  text-decoration:none !important;
}

h1,h2,h3,h4,h5,h6 {
    font-family: "Playfair Display", serif;
  font-weight: bold;
}

.mobshow{
  display:none !important;
}


/**************** Tab responsive Start *********************/
@media only screen and (min-width: 767px) and (max-width: 1023px){
.ipad{width:100%!important;}
.deskshow {display:none!important ;}
.mobshow {display:block!important;}
.vegacontainer {width:100%!important; margin:0 auto!important;}

  .ipad-50 {
    width: 50% !important;
    margin-bottom: 30px;
}
  /************** header responsive start  *************/

 .navbar-brand img {
    max-width: 181px !important;
    margin-left: 0;
    margin: 0 !important;
}

    #mega-menu-wrap-primary .mega-menu-toggle {
        position: absolute;
        left: 20px;
        top: -48px;
        width: 32px;
        height: 32px !important;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: -webkit-right;
        user-select: none;
        -webkit-tap-highlight-color: #0000;
        outline: none;
        white-space: nowrap;
        background-color: transparent;
        background-image: url(https://astrologerpremkumar.com/wp-content/uploads/2026/07/app-1-1.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        transition: 0.6s ease all;
    }



#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner{
    width: 33px;
    height: 2px;
    background-color: #9e002200;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
}
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before{
      width: 33px;
      height: 2px;
      background-color: #9e002200;
}
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after{
      width: 33px;
      height: 2px;
      background-color: #9e002200;
}
  
#mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-primary {
        display: block;
        position: absolute;
        width: 100%;
        background: #1f051f;
        /* box-shadow: 0 2px 5px 1px rgba(64, 60, 67, .16); */
        top: 4px;
        border-radius: 0;
}
  
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link {
    background-color: transparent;
    font-weight: 500;
    color: #ffffff !important;
}
  
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item {
        display: list-item;
        margin: 0;
        clear: both;
        border: 0;
        border-bottom: 1px solid #ffffff61;
        padding: 7px 0;
    }
  
#mega-menu-wrap-primary #megaa-menu-primary > li.mega-menu-item > a.mega-menu-link {
    font-size: 14px;
    color: #222 !important;
    font-weight: 400;
         font-family: 'Euclid Circular A';
}
  
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu {
    z-index: 999;
    position: relative !important;
    width: 100% !important;
    max-width: none;
    padding: 0px 0;
    border: 0;
    background: #38266b;
    border-radius: 0;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover::before{
    display:none !important;
}
  
.home #content.site-content {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link::before {
    transform-origin: 0% 0% !important;
    transform: scale3d(0,0,0) !important;
}

  
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column {
    width: 100% !important;
    clear: both;
}

  a.call-top-icon {
    display: inline-block;
    width: 36px;
    height: 36px;
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
    background: #fff;
    margin-right: 6px;
}

a.call-top-icon img {
    width: 28px;
    animation: hithere 1.5s ease infinite;
}

.mobshow.mobile-number {
    background: #321f84;
    text-align: center;
    padding: 6px 0px;
    margin-bottom: -1px;
}

.mobshow.mobile-number a {
    font-size: 26px;
    color: #fff;
    background: linear-gradient(to right, #ffffff 20%, #fbb356 30% 30%, #ffffff 70%, #fbb356 80%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    background-size: 500% auto;
    animation: textShine 5s ease-in-out infinite alternate;
    font-weight: 600;
}
  
  body header#wrapper-navbar .container {
    display: block;
}
  

body #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
    font-size: 14px;
    color: #fff !important;
    font-weight: 400;
    height: auto;
    line-height: normal;
    padding: 0px 10px;
    margin-left: 0;
}
  
/************** header responsive End  *************/ 
  
  header#masthead {
    margin-bottom: 0;
    background-color: #242671 !important;
    box-shadow: none;
    padding: 0px;
    position: relative;
    z-index: 99;
    box-shadow: 0 0.5rem 1rem rgb(2 2 14 / 12%), inset 0 0px 0 rgb(48 48 48 / 83%);
}
  
.home div#content {
    margin-top: 0px !important;
}
  
.home .entry-content{
  margin:0;
}
  
nav.navbar.navbar-expand-xl.p-0 {
    display: block;
}
body .navbar-brand {
    margin-top: 0;
    max-width: 100%;
    display: block;
    text-align: center;
    position: unset;
}
 body header#wrapper-navbar {
    padding: 0px 0px 0px;
}
  

  
/* Home Page start */

body .banner {
    margin-top: 0;
}

body .menus {
    display: block !important;
    align-items: unset !important;
}

body .inner-menu {
    position: unset !important;
}


  body .logos:after {
    display: none;
}
  
section.top-header a {
    text-align: center;
    display: block;
    color: #fff;
    font-weight: bold;
    font-size: 22px;
}
  
body .web-banner {
    margin-top: -35px;
}
  
  
body .home-about {
    margin-top: 0;
}

body .title h2 {
    font-size: 24px;
}
body .horoscope-img:after {
    display: none;
}
  


body .god {
    margin-top: -238px;
    position: relative;
    z-index: 1;
}

body .horoscope-img img {
    width: 200px;
    height: 200px;
    text-align: center !important;
    margin-left: auto;
    margin-right: auto;
}

body .wpb_single_image.wpb_content_element.vc_align_right.wpb_content_element.horoscope-img {
    text-align: center;
}

body .inner-box:after {
    display: none;
}

body .why-choose-box {
    flex-direction: column;
    row-gap: 20px;
    background-color: #eeeeee;
    padding: 20px;
    border-radius: 24px;
}

body .service-title {
    margin-top: 0;
}

body .home-form .fomr-heading h3 {
    font-size: 24px;
}

body .border-left:after {
    display: none;
}

body .home-input {
    border-radius: 30px !important;
    width: 100% !important;
}

body .home-form {
    padding: 20px;
}

body .home-form-sec:before {
    display: none;
}

body .border-left {
    padding-right: 15px;
}

body .border-right {
    padding-left: 15px;
}

body .faq-section-home {
    padding: 30px 0px 0px;
    margin-bottom: 0;
    border-radius: 30px;
    margin-top: 0;
}

body .accordation-for-width {
    padding: 0;
}

body .section-adv {
    margin-top: 30px;
    margin-bottom: 0;
}

body .faq-section-home .accordation-for-width h4.vc_tta-panel-title.vc_tta-controls-icon-position-left a {
    padding-right: 40px !important;
}

body .footer-call {
    flex-direction: column;
    text-align: center;
    justify-content: center;
    align-items: center;
    margin-bottom: 50px;
    row-gap: 30px;
}

body .footer-call:after {
    display: none;
}

body .f-call-box {
    background-color: #1f051f;
    width: 100%;
    flex-direction: column;
    padding: 20px;
    row-gap: 20px;
    border-radius: 24px;
}

body footer#colophon {
    margin-top: 30px;
}
  
body .mobile-service {
    padding-top: 32px;
    padding-bottom: 60px;
}

body .home-form-sec {
    margin-top: -55px;
    position: relative;
    z-index: 1;
}
  
  


}
/**************** Tab responsive End *********************/



/**************** Mobile responsive Start *********************/

@media only screen and (min-width: 320px) and (max-width: 767px){
.deskshow {display:none!important;}
.mobshow {display:block!important;}
.vegacontainer {width:100%!important; margin:0 auto!important;}
.form-left-section h2.title {
    color: #fbad48;
    padding-top: 30px;
}
  .form-left-section p {
    color: #fff;
}
/************** header responsive start  *************/
  
  
  
  
.navbar-brand img {
    max-width: 181px !important;
    margin-left: 0;
    margin: 0 !important;
}

    #mega-menu-wrap-primary .mega-menu-toggle {
        position: absolute;
        left: 20px;
        top: -48px;
        width: 32px;
        height: 32px !important;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: -webkit-right;
        user-select: none;
        -webkit-tap-highlight-color: #0000;
        outline: none;
        white-space: nowrap;
        background-color: transparent;
        background-image: url(https://astrologerpremkumar.com/wp-content/uploads/2026/07/app-1-1.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        transition: 0.6s ease all;
    }



#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner{
    width: 33px;
    height: 2px;
    background-color: #9e002200;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
}
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before{
      width: 33px;
      height: 2px;
      background-color: #9e002200;
}
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after{
      width: 33px;
      height: 2px;
      background-color: #9e002200;
}
  
#mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-primary {
        display: block;
        position: absolute;
        width: 100%;
        background: #1f051f;
        /* box-shadow: 0 2px 5px 1px rgba(64, 60, 67, .16); */
        top: 4px;
        border-radius: 0;
}
  
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link {
    background-color: transparent;
    font-weight: 500;
    color: #ffffff !important;
}
  
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item {
        display: list-item;
        margin: 0;
        clear: both;
        border: 0;
        border-bottom: 1px solid #ffffff61;
        padding: 7px 0;
    }
  
#mega-menu-wrap-primary #megaa-menu-primary > li.mega-menu-item > a.mega-menu-link {
    font-size: 14px;
    color: #222 !important;
    font-weight: 400;
         font-family: 'Euclid Circular A';
}
  
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu {
    z-index: 999;
    position: relative !important;
    width: 100% !important;
    max-width: none;
    padding: 0px 0;
    border: 0;
    background: #38266b;
    border-radius: 0;
    top: 8px !important;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover::before{
    display:none !important;
}
  
.home #content.site-content {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link::before {
    transform-origin: 0% 0% !important;
    transform: scale3d(0,0,0) !important;
}

  
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column {
    width: 100% !important;
    clear: both;
}

  a.call-top-icon {
    display: inline-block;
    width: 36px;
    height: 36px;
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
    background: #fff;
    margin-right: 6px;
}

a.call-top-icon img {
    width: 28px;
    animation: hithere 1.5s ease infinite;
}

.mobshow.mobile-number {
    background: #321f84;
    text-align: center;
    padding: 6px 0px;
    margin-bottom: -1px;
}

.mobshow.mobile-number a {
    font-size: 26px;
    color: #fff;
    background: linear-gradient(to right, #ffffff 20%, #fbb356 30% 30%, #ffffff 70%, #fbb356 80%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    background-size: 500% auto;
    animation: textShine 5s ease-in-out infinite alternate;
    font-weight: 600;
}
  
  body header#wrapper-navbar .container {
    display: block;
}
  

body #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
    font-size: 14px;
    color: #fff !important;
    font-weight: 400;
    height: auto;
    line-height: normal;
    padding: 0px 10px;
    margin-left: 0;
}
  
/************** header responsive End  *************/ 
  
  header#masthead {
    margin-bottom: 0;
    background-color: #242671 !important;
    box-shadow: none;
    padding: 0px;
    position: relative;
    z-index: 99;
    box-shadow: 0 0.5rem 1rem rgb(2 2 14 / 12%), inset 0 0px 0 rgb(48 48 48 / 83%);
}
  
.home div#content {
    margin-top: 0px !important;
}
  
.home .entry-content{
  margin:0;
}
  
nav.navbar.navbar-expand-xl.p-0 {
    display: block;
}
body .navbar-brand {
    margin-top: 0;
    max-width: 100%;
    display: block;
    text-align: center;
    position: unset;
}
 body header#wrapper-navbar {
    padding: 0px 0px 0px;
}
  

  
/* Home Page start */

body .banner {
    margin-top: 0;
}

body .menus {
    display: block !important;
    align-items: unset !important;
}

body .inner-menu {
    position: unset !important;
}


  body .logos:after {
    display: none;
}
  
section.top-header a {
    text-align: center;
    display: block;
    color: #fff;
    font-weight: bold;
    font-size: 22px;
}
  
body .web-banner {
    margin-top: -35px;
}
  
  
body .home-about {
    margin-top: 0;
}

body .title h2 {
    font-size: 24px;
}
body .horoscope-img:after {
    display: none;
}
  


body .god {
    margin-top: -238px;
    position: relative;
    z-index: 1;
}

body .horoscope-img img {
    width: 200px;
    height: 200px;
    text-align: center !important;
    margin-left: auto;
    margin-right: auto;
}

body .wpb_single_image.wpb_content_element.vc_align_right.wpb_content_element.horoscope-img {
    text-align: center;
}

body .inner-box:after {
    display: none;
}

body .why-choose-box {
    flex-direction: column;
    row-gap: 20px;
    background-color: #eeeeee;
    padding: 20px;
    border-radius: 24px;
}

body .service-title {
    margin-top: 0;
}

body .home-form .fomr-heading h3 {
    font-size: 24px;
}

body .border-left:after {
    display: none;
}

body .home-input {
    border-radius: 30px !important;
    width: 100% !important;
}

body .home-form {
    padding: 20px;
}

body .home-form-sec:before {
    display: none;
}

body .border-left {
    padding-right: 15px;
}

body .border-right {
    padding-left: 15px;
}

body .faq-section-home {
    padding: 30px 0px 0px;
    margin-bottom: 0;
    border-radius: 30px;
    margin-top: 0;
}

body .accordation-for-width {
    padding: 0;
}

body .section-adv {
    margin-top: 30px;
    margin-bottom: 0;
}

body .faq-section-home .accordation-for-width h4.vc_tta-panel-title.vc_tta-controls-icon-position-left a {
    padding-right: 40px !important;
}

body .footer-call {
    flex-direction: column;
    text-align: center;
    justify-content: center;
    align-items: center;
    margin-bottom: 50px;
    row-gap: 30px;
}

body .footer-call:after {
    display: none;
}

body .f-call-box {
    background-color: #1f051f;
    width: 100%;
    flex-direction: column;
    padding: 20px;
    row-gap: 20px;
    border-radius: 24px;
}

body footer#colophon {
    margin-top: 30px;
}
  
body .mobile-service {
    padding-top: 32px;
    padding-bottom: 60px;
}

body .home-form-sec {
    margin-top: -55px;
    position: relative;
    z-index: 1;
}
  
body div#page {
    overflow-x: hidden;
}
  
  
  
  
}
/**************** Mobile responsive End *********************/





/**************** Start Header menu  ********************/

header#masthead {
    margin-bottom: 0;
    background-color: #00000024;
    box-shadow: none;
    padding: 0px 0px;
    position: relative;
    z-index: 99;
    /* box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 12%), inset 0 -1px 0 rgba(0, 0, 0, .1); */
}

header#wrapper-navbar.sticky {
    background-color: #ffff;
      padding-top: 2px;
}


.navbar-brand img {
    max-width: 265px;
}

.navbar-brand {
    margin: 0;
    padding: 0;
    padding-bottom: 7px;
    padding-top: 7px;
}


div#mega-menu-wrap-primary {
    background-color: transparent;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
    font-size: 14px;
    color: #222 !important;
    font-weight: 400;
    font-family: 'Euclid Circular A';
    margin-left: 0px;
    height: auto;
    line-height: normal;
    padding: 8px 0px;
    margin-left: 34px;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link {
    background-color: transparent;
    font-weight: 400;
    color: #222;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover{
  background-color: transparent;
  color: #221845;
  font-weight: 500;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
        background: transparent !important;
        color: #ffffff;
            font-family: 'Euclid Circular A';
        font-weight: 400;
        text-decoration: none;
        border-color: #fff;
    }

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:focus {
        background: transparent;
        font-weight: 400;
        font-family: 'Euclid Circular A';
        text-decoration: none;
        border-color: #fff;
        color: #222;
    }

#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner, #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::before, #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::after {
  width: 24px;
  height: 3px;
  background-color: transparent;
  border-radius: 4px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link {
    background-color: transparent;
    color: #ffffff;
}


#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu {
    z-index: 999;
    position: absolute;
    width: 286px;
    max-width: none;
    padding: 0px 0;
    border: 0;
    background: #1f0029;
    border-radius: 0;
    top: 34px;
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
    padding: 5px;
    width: 100%;
    border-bottom: 1px solid #eeee;
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 25px;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
    color: #fff;
         font-family: 'Euclid Circular A';
    font-size: 16px;
    text-transform: capitalize;
    text-decoration: none;
    font-weight: 400;
    text-align: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    vertical-align:top;
    display: block;
    border: 0;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu {
    z-index: 999;
    border-radius: 0;
    background: #87477a;
    border: 0;
    position: absolute;
    min-width: 735px;
    padding: 15px;
    left: 0px;
    box-shadow: 0 0px 5px 2px rgba(64, 60, 67, .16);
}

#mega-menu-wrap-primary #mega-menu-primary {
    text-align: right;
    /* padding: 5px; */
    /* border-radius: 30px 30px 0px 0px; */
    /* background-color: #080e2e3d; */
    /* border: 1px solid #ffffff42; */
    /* border-bottom: 0; */
}

#mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open .mega-toggle-block-0 .mega-toggle-animated-slider .mega-toggle-animated-inner::after {
    transform: translate3d(0, -20px, 0) rotate(-90deg);
    background-color: #1f051f;
}


#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
    display: block;
    background: transparent;
    color: #fff;
         font-family: 'Euclid Circular A';
    font-size: 14px;
    font-weight: 400;
    padding: 0px 10px 0px 10px;
    line-height: 35px;
    text-decoration: none;
    text-transform: none;
    vertical-align: baseline;
    transition: 0.6s ease all;
    border-bottom: 1px solid #ffffff;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item:last-child a.mega-menu-link {
    border: 0;
}

#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-box {
    width: 27px;
    height: 24px;
    display: inline-block;
    position: relative;
    outline: 0;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link::before {
      transform-origin: 0% 50%;
    transform: scale3d(1, 1, 1);
}
  
    #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-6-of-12 {
        width: 49%;
        margin-left: 5px;
    }

    
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu:hover li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item:hover > a.mega-menu-link {
  color: #fff;
  font-weight: 400;
/*  background-color:#190f17; */
         font-family: 'Euclid Circular A';
  transition: all .5s ease-in-out;
  
}

.mega-menu-toggle.mega-menu-open {
    background-image: none !important;
   
    
}

#mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open span.mega-toggle-animated-inner {
        background-color: #1f051f;
}

#mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open .mega-toggle-block-1 .mega-toggle-animated-inner::after{
            background-color:#9e0022 ; 
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover{
    background: #20012a;
    font-weight: normal;
    text-decoration: none;
    color: #ffffff;
}
a {
    color: #ff1276;
}

.menus {
    display: flex;
    align-items: center;
    column-gap: 30px;
}

a.whatsapp-img img {
    display: inline-block;
    width: 84px;
    animation: zoom-in-zoom-out 2s ease-out infinite;
}

.first-text {
    display: block;
    font-size: 12px;
    color: #fff;
}

span.second-text{
    font-size: 18px;
    font-weight: bold;
  color:#fff;
}

.whatsapp-chat {
    text-align: center;
    background-image: linear-gradient(0deg, #4baf4f 0%, #267329 99%, #267329 100%);
    border-radius: 30px 30px 0px 0px;
    padding: 20px 10px 39px;
    position: relative;
}

a.text-link {
    display: block;
    margin-bottom: 20px;
}
nav#main-nav {
    height: 76px;
    background: transparent !important;
    padding-bottom: 1px;
    padding-top: 1px;
}

header#wrapper-navbar {
    padding-top: 0px;
    position:relative;
    z-index:2;
    background-color: #fff;
}

a.whatsapp-img {
    position: absolute;
    bottom: -41px;
    left: 50%;
    transform: translateX(-50%);
}


.top-links img {
    width: 16px;
}

.top-links ul {
    list-style: none;
    display: flex;
    align-items: center;
    column-gap: 28px;
    background-color: #fba73a;
    margin: auto;
    padding: 10px 30px 10px 10px;
    margin-bottom: 0;
    border-radius: 30px;
    position: absolute;
    bottom: -97px;
    right: 0;
}

.top-links span {
    width: 36px;
    height: 36px;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    background: #fff;
    line-height: 33px;
}

.top-links a {
    font-size: 16px;
    color: #222;
}
a.mail-size {
    font-size: 14px;
}

.top-links  li {
    display: flex;
    align-items: center;
    column-gap: 10px;
}

 .top-links.deskshow {
    max-width: 630px;
    margin: auto;
}

 .inner-menu {
    position: relative;
    top: -18px;
}

 

/*************** End Header menu  ************/


/* sticky header css start */

.sticky {
  position: sticky!important;
  top: 0;
  width: 100%;
  z-index: 99!important;
  transition:all 0.6s ease-in-out;
  animation:smothScroll 1s forwards;
}
@keyframes smothScroll{
  0%{
    transform:translateY(-40px);
  }
  100%{
    transform:translateY(0px);
  }
}
.sticky + .site-content {
  padding-top: 102px;
}

/* sticky header css End */


/*  Main Header start */
  
.navbar-brand {
    max-width: 188px;
    padding-top: 0;
    margin-top: 0px;
    position: relative;
    z-index: 1;
    bottom: -25px;
}
  


.logos {
    text-align: center;
    position: relative;
}


.right-menu ul {
    padding-left: 0;
    list-style: none;
    font-size: 14px;
    text-transform: capitalize;
    display: flex;
    align-items: center;
    column-gap: 34px;
    justify-content: start;
    margin-bottom: 0;
}

.right-menu ul a {
    color: #222;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Euclid Circular A';
    margin-left: 0px;
    height: auto;
    line-height: normal;
    padding: 8px 0px;
    display: inline-block;
}

header#wrapper-navbar .row {
    align-items: center;
}

section.top-header {
    background-color: #1f051f;
    padding: 6px 0px;
}

span.link-name {
    font-size: 14px;
    background-image: linear-gradient(90deg, #fdd589 0%, #fcaf3d 33%, #fdd589 66%, #fcaf3d 100%);
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

.top-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

span.call-icon {
    width: 38px;
    height: 38px;
    border-radius: 19px;
    background-color: #361e36;
    display: inline-block;
    text-align: center;
    line-height: 38px;
}

.top-link a {
    display: flex;
    align-items: center;
    column-gap: 10px;
}


.logos:after {
    position: absolute;
    content: '';
    background-image: url(https://astrologerpremkumar.com/wp-content/uploads/2026/07/logo-after-img.png);
    width: 411px;
    height: 98px;
    left: 0;
    top: 61px;
}

/* mian header end */ 

/* Heder-cta */
 header#wrapper-navbar .container {
    display: block;
}
/*  Header Cta */

.wrapper {
    padding: 0;
}

/* ++++++++++
===================== 
Home page Start 
===================== 
++++++++++++  */
  

@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1127px;
    }
}

a.banner {
    display: block;
    width: 100%;
  text-align: center;
}

a.banner img {
    width: 100% !important;
}

.web-banner {
    margin-top: -125px;
}


.title h2 {
    font-size: 40px;
    color: #1f051f;
}

.title p {
    color: #1f051f;
}

p.sub-heading {
    margin-bottom: 0;
    font-size: 20px;
}

.home-about {
    margin-top: 65px;
    margin-bottom: 15px;
}

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

.horoscope-img img {
    animation: rotateAnimation 8s linear infinite;
}


.horoscope-img {
    position: relative;
}

.horoscope-img:after {
    position: absolute;
    content: '';
    background-image: url(https://astrologerpremkumar.com/wp-content/uploads/2026/07/god-img.png);
    width: 598px;
    height: 824px;
    left: calc(50% - 299px);
}


.home-form {
    border-radius: 40px;
    padding: 41px 30px;
    background-color: #1f051f;
    margin-top: 20px;
}

.home-form .fomr-heading {
    text-align: center;
    padding-bottom: 10px;
}

.form-box {
    margin-top: -420px;
}

.home-form .fomr-heading h3 {
    font-size: 30px;
    background-image: linear-gradient(90deg, #fdd589 0%, #fcaf3d 33%, #fdd589 66%, #fcaf3d 100%);
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

.home-form .fomr-heading p {
    color: #ffffff;
}

.border-left {
    padding-right: 1px;
    position: relative;
}

.border-right {
    padding-left: 1px;
}

.home-form .border-left input.home-input {
    height: 50px;
    border-radius: 25px 0px 0px 25px;
    background-color: #ffffff;
    font-size: 14px;
    color: #222;
    padding: 1px 20px;
}

.home-form .border-right input.home-input {
    height: 50px;
    border-radius: 0px 25px 25px 0px;
    background-color: #ffffff;
    font-size: 14px;
    color: #222;
    padding: 1px 20px;
}

textarea.home-input::placeholder {
    color: #222;
}

.home-form  input.home-input::placeholder {
    color: #222;
}

textarea.home-input {
    height: 76px;
    border-radius: 25px;
    background-color: #ffffff;
    font-size: 14px;
    color: #222;
    padding: 7px 20px;
}

input.has-spinner.home-submit-btn {
    border-radius: 25px;
    padding: 10px 0;
    font-size: 14px;
    line-height: 28px;
    color: #000000;
    font-family: "Euclid Circular A";
    text-align: center;
    border: 1px solid #ffffff00;
    background-image: linear-gradient(90deg, #fdd589 0%, #fbaf3d 33%, #fdd589 66%, #fbaf3d 100%);
    text-transform: uppercase;
}

span.wpcf7-spinner {
    position: absolute;
}


.border-left:after {
    position: absolute;
    content: '';
    right: -1.5px;
    background-image: linear-gradient(90deg, #fdd589 0%, #fcaf3d 33%, #fdd589 66%, #fcaf3d 100%);
    width: 3px;
    height: 50px;
    top: 0;
    z-index: 11;
}


.why-choose-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.inner-box {
    text-align: center;
    position: relative;
}

.why-choose-img {
    margin-bottom: 10px;
}

.inner-box:after {
    position: absolute;
    content: '';
    height: 100%;
    width: 1px;
    background-image: linear-gradient(90deg, #fdd589 0%, #fcaf3d 33%, #fdd589 66%, #fcaf3d 100%);
    top: 0;
    right: 0;
}

.inner-box p {
    margin-bottom: 0;
}

.inner-box.last-box:after {
    display: none;
}

 

 
.service-title {
    margin-top: 85px;
    margin-bottom: 0 !important;
}

.home-form-sec {
    position: relative;
    margin-bottom: 60px;
}

.home-form-sec:before {
    position: absolute;
    content: '';
    background-image: linear-gradient(90deg, #fdd589 0%, #fcaf3d 33%, #fdd589 66%, #fcaf3d 100%);
    left: 0;
    bottom: 50px;
    width: 100%;
    height: 280px;
}



.home-service {
    text-align: center;
    border: 1px solid #fcb850;
    border-radius: 40px;
    position: relative;
}

.inner-home-content {}

.inner-home-content h3 {
    width: 189px;
    height: 46px;
    border-radius: 23px;
    background-image: linear-gradient(90deg, #fdd589 0%, #fbaf3d 33%, #fdd589 66%, #fbaf3d 100%);
    font-size: 14px;
    line-height: 46px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -28px;
}

.inner-home-content p {
    font-size: 12px;
    padding: 5px 20px 20px;
    min-height: 210px;
}

.home-service-img img {
    width: 100% !important;
    border-radius: 0px 0px 40px 40px;
}

.service-btn {
    position: absolute;
    bottom: -10px;
    width: 100%;
}

.service-btn a {
    position: relative;
    display: inline-block;
}

.service-btn a:after {
    position: absolute;
    content: '';
    width: 116px;
    height: 116px;
    background-image: url(https://astrologerpremkumar.com/wp-content/uploads/2026/07/cricle-shape.png);
    left: calc(50% - 58px);
    border: 0;
    bottom: -45px;
}

.service-btn a img {
    position: relative;
    z-index: 1;
    transition: 0.4s;
}

.service-btn a:hover img {
    transform: rotate(
360deg);
}



/* Faq Section */

.faq-section-home {
    margin-top: 90px;
    padding-top: 65px;
    border: 1px solid #eeeeee;
    border-radius: 40px 40px 0px 0px;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 35px;
    padding-right: 35px;
    border-bottom: none;
    position: relative;
    padding-bottom: 200px;
    margin-bottom: -160px;
}

.faq-section-home .title {
    text-align: center;
}


    .faq-section-home .accordation-for-width h4.vc_tta-panel-title.vc_tta-controls-icon-position-left a{color: #000000;border: 1px solid #ffffff00;padding: 17px 30px 15px 20px !important;position: relative;margin: 0px 0;font-size: 14px;line-height: normal;border-radius: 30px;padding-left: 50px;font-family: "Poppins", sans-serif;margin-bottom: 1px;background-color: #eeeeee;}

.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title>a {
    color: #000000 !important;
}

.faq-section-home  .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading{
        border-color: transparent !important;
    background-color: transparent !important;
}


.faq-section-home .accordation-for-width i.vc_tta-controls-icon.vc_tta-controls-icon-plus {
    right: 25px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: auto;
    z-index: 1;
}
.vc_tta .vc_tta-controls-icon.vc_tta-controls-icon-plus:before{
    border-color: #000000 !important;
}
.vc_tta .vc_tta-controls-icon.vc_tta-controls-icon-plus:after{
    border-color: #000000 !important;
}

.faq-section-home .accordation-for-width h4.vc_tta-panel-title.vc_tta-controls-icon-position-left a:before{
    content: '';
}


.faq-section-home .accordation-for-width.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body{border-radius: 15px !important;background-color: #ffffff00;/* margin: 10px 0; */border: 0;border: 1px solid #e04b0e00;}


img.firt-chakra-2 {
    position: relative;
    animation: rotation 10s infinite linear;
}


    
p.faq-pehra {
    font-size: 12px;
    line-height: 26px;
    color: #222222;
}   

.vc_tta.vc_general .vc_tta-panel.vc_active a {
    /* border: 0px solid #ffd6b0 !important; */
}

.faq-section-home .accordation-for-width h4.vc_tta-panel-title.vc_tta-controls-icon-position-left a:after {
    position: absolute;
    content: '';
    width: 40px;
    height: 40px;
    background-size: cover;
    border-radius: 50%;
    right: 11px;
    top: calc(50% - 20px);
    background-image: linear-gradient(90deg, #fdd589 0%, #fbaf3d 33%, #fdd589 66%, #fbaf3d 100%);
}

h4.vc_tta-panel-title.vc_tta-controls-icon-position-left {
    font-weight: 400;
}


.vc_tta-panel-body p {
    font-size: 12px;
}

/* faq Section End */



.section-adv {
    margin-top: 80px;
    margin-bottom: 70px;
}


.accordation-for-width {
    padding-left: 40px;
    padding-right: 40px;
}


.review-img img {
    mix-blend-mode: multiply;
}


.faq-section-home:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 300px;
    bottom: 0;
    left: 0;
    background-image: url(https://astrologerpremkumar.com/wp-content/uploads/2026/07/shaddow.png);
    background-repeat: no-repeat;
    background-position: center bottom;
}

 















/* ===================  Footer strat here ================== */

footer#colophon {
    position: relative;
    z-index: 1;
}

.footer-call:after {
    position: absolute;
    content: '';
    background-image: url(https://astrologerpremkumar.com/wp-content/uploads/2026/07/footer-shape.png);
    width: 919px;
    height: 147px;
}

a.f-icon {
    width: 108px;
    height: 108px;
    border-radius: 54px;
    background-image: linear-gradient(90deg, #fdd589 0%, #fbaf3d 33%, #fdd589 66%, #fbaf3d 100%);
    display: inline-block;
    text-align: center;
    line-height: 108px;
}

a.f-locate {
    font-size: 14px;
    color: #fff;
    font-family: "Poppins", sans-serif;
}

a.f-locate span {
    display: block;
    color: #fff;
    font-family: "Poppins", sans-serif;
}

.f-call-box {
    display: flex;
    align-items: center;
    column-gap: 10px;
    position: relative;
    z-index: 1;
}


.map-box a {
    width: 284px;
    height: 284px;
    border-radius: 142px;
    background-image: linear-gradient(90deg, #fdd589 0%, #fbaf3d 33%, #fdd589 66%, #fbaf3d 100%);
    display: inline-block;
    text-align: center;
    padding-top: 40px;
}

.map-box a span {
    display: block;
}

.footer-links span {
    font-family: "Poppins", sans-serif !important;
    position: relative;
    z-index: 1;
}


.f-call-box.right a.f-locate {
    text-align: right;
}

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

.map-box:after {
    position: absolute;
    content: '';
    width: 222px;
    height: 90px;
    background-image: url(https://astrologerpremkumar.com/wp-content/uploads/2026/07/half-cricle.png);
    left: calc(50% - 111px);
    bottom: 23px;
    background-repeat: no-repeat;
}

 

.footer-call {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 40px;
    position: relative;
    margin-bottom: -150px;
}

span.add {
    color: #fff;
    font-size: 24px;
    text-transform: uppercase;
    margin-bottom: 17px;
}

span.view-map {
    font-size: 12px;
    color: #fff;
}

 
span.link-names {
    margin-bottom: 15px;
    margin-top: 15px;
    color: #222;
    font-size: 14px;
}



.foter-map {
    height: 330px;
} 

section.bottom-footer {
    background-image: linear-gradient(90deg, #fdd589 0%, #fbaf3d 33%, #fdd589 66%, #fbaf3d 100%);
    text-align: center;
    padding-bottom: 25px;
    padding-top: 30px;
}

section.bottom-footer p {
    margin-bottom: 0;
}

p.dis {
    margin-bottom: 15px !important;
}

section.bottom-footer p a {
    color: #222;
}

@keyframes gelatine {
  from, to { transform: scale(1, 1); }
  25% { transform: scale(0.9, 1.1); }
  50% { transform: scale(1.1, 0.9); }
  75% { transform: scale(0.95, 1.05); }
}

.footer-call img {
    animation: gelatine 0.5s infinite;
}



     /* ============= sticy icons ======= */

.contact_icons {
    position: fixed;
    left: 50px;
    bottom: 19px;
    z-index: 999;
    width: 50px;
    text-align: center;
}

.contact_icons a {
    width: 66px;
    height: 66px;
    border-radius: 100%;
    text-align: center;
    line-height: 43px;
    font-size: 24px;
    color: #fff;
    background: #edac15;
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16), 0px 3px 10px rgba(0, 0, 0, 0.16);
    clear: both;
    margin-bottom: 0px;
    display: inline-block;
}

.contact_icons a.whatsapp-icon {
    background: #72c118;
    font-size: 47px;
    overflow: hidden;
    animation-duration: 1s;
    animation-timing-function: ease;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-fill-mode: none;
    animation-play-state: running;
    animation-name: pulse2;
    color: #fff;
}

a.whatsapp-icon i {
    margin-top: 10px;
    color: #fff;
}

@-webkit-keyframes pulse2 {
    0% {
        -webkit-box-shadow: 0 0 0 0 #2DC100;
        box-shadow: 0 0 0 0 #2DC100;
    }

    100% {
        -webkit-box-shadow: 0 0 0 20px rgba(21, 101, 192, 0);
        box-shadow: 0 0 0 20px rgba(21, 101, 192, 0);
    }
}

@keyframes pulse2 {
    0% {
        -webkit-box-shadow: 0 0 0 0 #72c118;
        box-shadow: 0 0 0 0 #72c118;
    }

    100% {
        -webkit-box-shadow: 0 0 0 20px rgba(21, 101, 192, 0);
        box-shadow: 0 0 0 20px rgba(21, 101, 192, 0);
    }
}


.contact_mobile {
    position: fixed;
    right: 58px;
    bottom: 19px;
    z-index: 999;
    width: 49px;
    text-align: center;
}

.contact_mobile a {
    width: 65px;
    height: 65px;
    border-radius: 100%;
    text-align: center;
    line-height: 51px;
    font-size: 24px;
    color: #fff !important;
    background: #edac15;
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16), 0px 3px 10px rgba(0, 0, 0, 0.16);
    clear: both;
    margin-bottom: 0px;
    display: inline-block;
}

.contact_mobile a.phone-icon {
    font-size: 33px;
    overflow: hidden;
    animation-duration: 1s;
    animation-timing-function: ease;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-fill-mode: none;
    animation-play-state: running;
    animation-name: pulse3;
    color: #fff;
    padding-top: 8px;
    background-color: #1f051f;
}



@-webkit-keyframes pulse3 {
    0% {
        -webkit-box-shadow: 0 0 0 0 #3b5aee;
        box-shadow: 0 0 0 0 #3b5aee;
    }

    100% {
        -webkit-box-shadow: 0 0 0 20px rgba(21, 101, 192, 0);
        box-shadow: 0 0 0 20px rgba(21, 101, 192, 0);
    }
}

@keyframes pulse3 {
    0% {
        -webkit-box-shadow: 0 0 0 0 #1f051f;
        box-shadow: 0 0 0 0 #1f051f;
    }

    100% {
        -webkit-box-shadow: 0 0 0 20px rgba(21, 101, 192, 0);
        box-shadow: 0 0 0 20px rgba(21, 101, 192, 0);
    }
}


/* ============= sticy icons ======= */