/* Inter-And-Yeseva-font-family */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Yeseva+One&display=swap');

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

body {
  font-family: 'Inter', sans-serif;
  font-size: 15px;
}

.yeseva {
  font-family:  'Josefin Sans', sans-serif;
}

:root {
  --primary-color: #03002A !important;
  --secondary-color: #EFA10B !important;
  --dark-color: #000 !important;
  --white-color: #fff;
  --section-100: 100px 0px !important;
  --yeseva: 'Yeseva One', cursive;
  --bg-light: #EFEFEF;
  --bg-light-dark: #D9D9D9;
}

/* Custom-css */
a {
  color: var(--primary-color);
  text-decoration: none;
}

a:hover {
  color: var(--secondary-color);
}

.section {
  padding: var(--section-100);
}

.btn {
  font-weight: 500;
}

.z-999 {
  z-index: 999;
}

.fw-900 {
  font-weight: 900;
}

.ml-100{
  margin-left: 100px;
}

.pb-76 {
  padding-bottom: 76px;
}

.form-control {
  font-size: 0.9rem;
  height: 60px;
}

.letter-spacing-4 {
  letter-spacing: 4px;
}

.letter-spacing-5 {
  letter-spacing: 5px;
}

.section-heading span::after {
  content: '';
  height: 15px;
  background-color: var(--secondary-color);
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 10px;
  z-index: -1;
}

/* Typography */
.font-yeseva {
  font-family:  'Josefin Sans', sans-serif;
}

p {
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 15px;
  line-height: 26px;
  margin-bottom: 0;
  color: #6C6565;
}

/* color */

.primary-bg {
  background-color: var(--primary-color);
}

.color-primary {
  color: var(--primary-color);
}

.secondary-bg {
  background-color: var(--secondary-color) !important;
}

.color-secondary {
  color: var(--secondary-color);
}

.color-white {
  color: var(--white-color);
}

.bg-light {
    background-image: url('../images/bakground.jpg'); /* Yahan apne image ka URL daalein */
    background-size: cover; /* Image ko cover karne ke liye */
    background-position: center; /* Center mein image ko position karne ke liye */
}

.bg-light-dark {
  background-color: var(--bg-light-dark) !important;
}

.bg-dark {
  background-color: #000000 !important;
}

.color-light {
  color: #7E7777;
}

/* Button-css */

.custm-btn {
  padding: 15px 50px;
  ;
}

.btn-white {
  background-color: #fff;
  color: var(--primary-color);
}

.btn-white:hover {
  background-color: var(--bg-light) !important;
  color: var(--primary-color);
}

.btn-primary:hover {
  background-color: var(--primary-color);
}

.btn-secondary:hover {
  background-color: var(--secondary-color);
}


/* Navigation-on-hover */
/* ============ desktop view ============ */
@media all and (min-width: 992px) {
  .navbar .nav-item .dropdown-menu {
    display: none;
  }

  .navbar .nav-item:hover .dropdown-menu {
    display: block;
  }

  .navbar .nav-item .dropdown-menu {
    margin-top: 0;
  }
}

/* ============ desktop view .end// ============ */

/* Animation-css */
.pulse {
  animation: pulse-animation 2s infinite;
}

@keyframes pulse-animation {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
  }

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

.rotate-360 {
  animation: rotate 5s infinite;
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(180deg);
  }
}


/* Navigation-css */

.logo h2 {
  font-size: 2.5rem;
}

.logo-two{
  position: absolute;
    left: 0;
    top:0;
    display: none;
}

.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .show>.nav-link {
  color: rgb(255 255 255 / 100%);
}

.navbar-light .navbar-nav .nav-link {
  color: rgb(255 255 255 / 100%);
  padding: 1.2rem;
  font-size: 0.9em;
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
  color: var(--secondary-color);
}

.dropdown-menu {
  box-shadow: 0 6px 12px rgb(226 217 217 / 18%);
  border: none;
  padding: 0;
  border-radius: 0px;
}

.dropdown-item:focus,
.dropdown-item:hover {
  color: var(--white-color);
  background-color: var(--secondary-color);
  transition: 0.3s ease-in-out;
}

.dropdown-menu>li>a {
  padding: .75em 1em;
  font-size: 0.9em;
}

.dropdown-menu[data-bs-popper] {
  margin-top: 0;
}


/* Navigation-Two-CSS */
.navigation-two .navbar-light .navbar-nav .nav-link {
  color: var(--primary-color);
}
.navigation-two .navbar-light .navbar-nav .nav-link:hover {
  color: var(--secondary-color);
}
/* banner-css */

.banner {
  padding: 50px 0px 100px 0px;
  background-image: url(../images/slider.png);
  background-size: cover;
}

.banner-icon img {
  height: 50px;
  width: 50px;
}

.zodiac_img {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 70%;
  margin: 0 auto;
  right: 0;
}

/* .banner-two-css */

.banner-two {
  background-image: none;
}

.shape-bottom {
  position: absolute;
  top: auto;
  bottom: -1px;
  left: 0;
  right: 0;
}

.banner-two .shape-bottom {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.banner-two .shape-bottom svg {
  position: relative;
  display: block;
  width: calc(100% + 1.3px);
  left: 50%;
  -webkit-transform: translateX(-50%) rotateY(180deg);
  transform: translateX(-50%) rotateY(180deg);
}

.banner-two_img {
  margin-bottom: -100px;
  z-index: 99;
}


/* Banner-three */
.banner-three{
  background-image: url(../images/banner-img.png);
  background-size: cover;
}
.banner-three-img {
  opacity: 0.1;
  left: 10px;
  right: 0;
  margin: 0 auto;
  width: 50%;
  top: 0;
}

/* Service-section */

.service_item_01 .icon {
  height: 80px;
  width: 80px;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  transform: rotate(42deg)
}

.service_item_01 .icon img {
  transform: rotate(-42deg)
}

.service_item_01 .icon.blue-light {
  background-color: #E7EFFF;
}

.service_item_01 .icon.red-light {
  background-color: #FEEAF1;
}

.service_item_01 .icon.sky-light {
  background-color: #ECF9FF;
}

.service_item_01 .icon.green-light {
  background-color: #E7FAF6;
}

.service_item_01 .icon.orange-light {
  background-color: #FAE7E7;
}

.service_item_01 .icon.yellow-light {
  background-color: #FAF5E7;
}

.service_item_01 .icon.purple-light {
  background-color: #E9E7FA;
}

.service_item_01 .icon.green-dark-light {
  background-color: #ECFAE7;
}

/* Servcie-two-css */
.service-card .card-body{
  border-radius: 0px 0px 10px 10px;
}
.service-card img{
  border-radius: 10px 10px 0px 0px;
}


/* Why-choose-us-css */

.why_choose_us .bg-light:hover h2 {
  color: var(--secondary-color);
  transition: 0.4s ease-in-out;
}

/* Video-section-css */

.video-section {
  background-image: url(../images/services/video_banner.png);
  background-size: cover;
  background-position: center;
}

.modal-body {
  position: relative;
  padding: 0px;
}

.btn-close {
  position: absolute;
  right: -30px;
  top: 0;
  background-color: #fff;
  opacity: 1;
  padding: 5px;
}

.video-btn {
  background-color: var(--secondary-color);
  height: 80px;
  width: 80px;
  border-radius: 50px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Horoscope-section-css */

.horoscope-section .col {
  transition: all 0.4s ease-out;
  transform: translateZ(0px);
  padding: 5px;
}

.horoscope-section .col:hover {
  transform: scale(1.2);
  transition: 0.3s;
  box-shadow: 0 0 1.125em 0 rgb(214 212 212 / 50%);
  z-index: 9999;
  background-color: #fff;
}

.horoscope-section .icon {
  height: 50px;
  width: 50px;
}


/* .horoscope-section-two-css */
.horoscope-two .col {
  padding: 20px;
}

.horoscope-two .col:hover {
  box-shadow: 0px 29px 42px rgb(175 181 199 / 18%);
  transition: 0.5s ease-in-out;
}

/* Astrologer-section */
.astro-name .img img {
  height: 80px;
  width: 80px;
}

.astro-content h6 {
  width: 40%;
  margin-bottom: 0;
}

.astro-content p {
  width: 60%;
  margin-bottom: 0;
}

/* Zodiac-form-two */
.zodiac-form-two {
  padding: 30px 0px;
  margin-left: -200px;
}

.border-10 {
  border: 10px solid #EFA10B;
}


/* Feature-section */
.feat_card{
  border:1px solid var(--secondary-color);
  padding: 20px;
  border-radius: 10px;
  position: relative;
  margin-bottom: 30px;
}
.feat_card .text-light {
  color: #d7d8da!important;
}
.feat_card:hover{
  background-image: linear-gradient(#EFA10B, #874EA2);
  border:none;
}
.feat_card:hover h2, .feat_card:hover h4, .feat_card:hover p{
  color: #fff;
}
.feat_icon{
  position: absolute;
    right: 10px;
    top: 10px;
    width: 100px;
}

/* horoscope-three */
.horoscope-three .horoscope_card{
  background-color: #fff;
  padding: 10px;
  border-radius: 10px;
}
.horoscope-three .horoscope_card:hover{
  background-image: linear-gradient(#EFA10B, #874EA2);
}
.horoscope_card:hover h2, .horoscope_card:hover h4, .horoscope_card:hover p{
  color: #fff;
}
.list-group-item{
  border: 1px solid rgba(0,0,0,.125) !important;
  border-radius: 0px !important;
}
.horoscope-list .nav-pills .nav-link.active, .horoscope-list .nav-pills .show>.nav-link {
  color: #fff;
  background-color: var(--primary-color);
}
.horoscope-list .nav-link:focus, .horoscope-list .nav-link:hover {
  color: #000;
  background-color: var(--secondary-color);
}
/* Team-section */
.team-card {
  height: 360px;
  background: #808080;
  border-radius: 10px;
  transition: background 0.8s;
  overflow: hidden;
  background: #000;
  box-shadow: 0 70px 63px -60px #000;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.card0 {
  background: url("../images/team/team_01.png") center center no-repeat;
  background-size: 320px;
}

.card0:hover {
  background: url("../images/team/team_01.png") left center no-repeat;
  background-size: 600px;
}

.card1 {
  background: url("../images/team/team_02.png") center center no-repeat;
  background-size: 300px;
}

.card1:hover {
  background: url("../images/team/team_02.png") left center no-repeat;
  background-size: 600px;
}

.card2 {
  background: url("../images/team/team_03.png") center center no-repeat;
  background-size: 300px;
}

.card2:hover {
  background: url("../images/team/team_03.png") left center no-repeat;
  background-size: 600px;
}

.card3 {
  background: url("../images/team/team_04.png") center center no-repeat;
  background-size: 300px;
}

.card3:hover {
  background: url("../images/team/team_04.png") left center no-repeat;
  background-size: 600px;
}

.team-card:hover .team-border h2,
.team-card:hover .team-border p,
.team-card:hover .bx {
  opacity: 1;
}

.team-card .bx {
  opacity: 0;
  transition: opacity 1s;
}

.team-icons {
  position: absolute;
  fill: #fff;
  color: #fff;
  height: 130px;
  top: 226px;
  width: 50px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
}

.team-icons .bx {
  color: #fff;
}

.team-border {
  height: 369px;
  width: 290px;
  background: transparent;
  border-radius: 10px;
  transition: border 1s;
  position: relative;
}

.team-border h2,
.team-border p {
  opacity: 0;
}

/* Testimonails-slider */

.swiper {
  width: 300px;
  height: 350px;
}

.swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 18px;
  font-size: 22px;
  font-weight: bold;
}

/* Shop-single-slider */

.shop-slider {
  width: 100%;
  height: 100%;
}

.shop-slider {
  text-align: center;
  font-size: 18px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.shop-slider img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Pricing-section-start */
.pricing-header {
  background-color: #fff;
  width: 40%;
  margin: 0 auto;
  padding: 20px 20px;
  border-radius: 0px 0px 10px 10px;
}

.pricing-card-2 {
  margin-top: -20px;
}

/* Request-career */
.request_career {
  background-image: url(../images/request_bg_img.png);
  background-size: cover;
}


/* Quantity-css */
.qty-input {
  color: #000;
  background: #fff;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.qty-input .product-qty,
.qty-input .qty-count {
  background: transparent;
  color: inherit;
  font-weight: bold;
  font-size: inherit;
  border: none;
  display: inline-block;
  min-width: 0;
  height: 2.5rem;
  line-height: 1;
}
.qty-input .product-qty:focus,
.qty-input .qty-count:focus {
  outline: none;
}
.qty-input .product-qty {
  width: 50px;
  min-width: 0;
  display: inline-block;
  text-align: center;
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
}
.qty-input .product-qty::-webkit-outer-spin-button, .qty-input .product-qty::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0;
}
.qty-input .qty-count {
  padding: 0;
  cursor: pointer;
  width: 2.5rem;
  font-size: 1.25em;
  text-indent: -100px;
  overflow: hidden;
  position: relative;
}
.qty-input .qty-count:before, .qty-input .qty-count:after {
  content: "";
  height: 2px;
  width: 10px;
  position: absolute;
  display: block;
  background: #fff;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.qty-input .qty-count--minus {
  border-right: 1px solid #e2e2e2;
  background-color: var(--primary-color);
  color: #fff;
}
.qty-input .qty-count--add {
  border-left: 1px solid #e2e2e2;
  background-color: var(--secondary-color);
}
.qty-input .qty-count--add:after {
  transform: rotate(90deg);
}
.qty-input .qty-count:disabled {
  color: #ccc;
  background: #f2f2f2;
  cursor: not-allowed;
  border-color: transparent;
}
.qty-input .qty-count:disabled:before, .qty-input .qty-count:disabled:after {
  background: #ccc;
}

.qty-input {
  border-radius: 4px;
  box-shadow: 0 1em 2em -0.9em rgba(0, 0, 0, 0.7);
}

/* Blog-section-css */
.blog_img .badge {
  left: 20px;
  bottom: -15px;
}


.position-relative img {
width: 100%;
  height: 250px;
}
/* blog-details-css */
.archives li, .Categories li{
  padding:5px 10px 5px 10px;
}
.tag-list li{
  margin-right: 10px;
    margin-bottom: 10px;
    float: left;
}
.tag-list li a{
  font-size: 10px;
  line-height: 26px;
  color: #fff;
  background: var(--primary-color);
  text-transform: uppercase;
  padding: 7px 23px;
  font-weight: 700;
}

.login-body{
  background-image: url(../images/login_bg.png);
  background-size: cover;
}

.login-body .form-control{
  height: auto !important;
}

/* Responsinve-css */
@media (min-width: 992px) and (max-width: 1400px) {
  .display-4 {
    font-size: calc(1.475rem + 1.7vw);
  }
  .display-2 {
    font-size: 3.5rem;
}
.display-5 {
  font-size: 2.6rem;
}
.team-card{
  margin-bottom: 30px;
}
.card0, .card1, .card2, .card3 {
  background-size: 360px;
}
  .d-xs-none {
    display: none;
  }
  .ml-100 {
    margin-left: 10px;
}
}

@media (min-width: 768px) and (max-width: 991px) {
  .logo-two{
    display: block;
  }
  .navigation {
    padding: 20px 10px;
  }

  .navbar-light .navbar-toggler {
    background-color: #fff;
  }

  .navbar-light .navbar-nav .nav-link {
    padding: 1.2rem 0;
  }

  .navbar {
    justify-content: end;
  }

  .banner .logo {
    position: absolute;
    top: 15px;
  }

  .banner .logo a {
    color: #fff;
  }

  .banner-item {
    margin-bottom: 1rem;
  }

  .d-xs-none {
    display: none;
  }
  .why-choose-two .card:nth-child(1){
    margin-top: 30px;
  }
  .zodiac-form-two {
    margin-left: 0;
    padding: 50px;
    margin-top: -200px;
}
.team-card{
  margin-bottom: 30px;
}
.card0, .card1, .card2, .card3 {
  background-size: 360px;
}
.banner-two .logo h2{
  color:var(--primary-color) !important;
}
.banner-two {
  position: static !important;
}
.banner-two .logo {
  position: absolute;
  top: 75px;
  z-index: 9;
}
.ml-100 {
  margin-left: 10px;
}
}

@media (max-width: 767px) {
  .display-4 {
    font-size: calc(1.475rem + 1.7vw);
  }
  
  .logo-two{
    display: block;
  }
  .navigation {
    padding: 20px 10px;
  }

  .navbar-light .navbar-toggler {
    background-color: #fff;
  }

  .navbar-light .navbar-nav .nav-link {
    padding: 1.2rem 0;
  }

  .letter-spacing-4 {
    letter-spacing: 2px;
  }

  .letter-spacing-5 {
    letter-spacing: 1px;
  }

  .display-2 {
    font-size: calc(1.575rem + 2.9vw);
  }

  .button .ms-3 {
    margin: 0 !important;
    ;
  }

  .button .btn-secondary {
    margin-top: 1rem !important;
  }

  .banner-item {
    margin-bottom: 1rem;
  }

  .d-xs-none {
    display: none;
  }

  .newsletter .w-50 {
    width: 75% !important;
  }

  .navbar {
    justify-content: end;
  }

  .banner .logo {
    position: absolute;
    top: 15px;
  }

  .banner .logo a {
    color: #fff;
  }
  .why-choose-two .card:nth-child(1){
    margin-top: 30px;
  }
  .zodiac-form-two {
    margin-left: 0;
    padding: 25px;
    margin-top: -200px;
}
.team-card, .pricing-card{
  margin-bottom: 30px;
}
.card0, .card1, .card2, .card3 {
  background-size: 360px;
}
.banner-two .logo h2{
  color:var(--primary-color) !important;
}
.banner-two {
  position: static !important;
}
.banner-two .logo {
  position: absolute;
  top: 195px;
  z-index: 9;
}
.top-navigation .d-flex{
  display: block !important;
}
.top-navigation ul li{
  margin-bottom: 20px;
}
.banner-two .button .btn-secondary {
  margin-top: 0rem !important;
}
.shape-bottom{
  display: none;
}
.service-two .w-50, .horoscope-two .w-50, .team-two .w-50, .pricing-section .w-50, .features-section .w-50, .team-section-two .w-50, .horoscope-three .w-50{
  width: 100% !important;
}
.horoscope-two .col, .horoscope-three .col{
  flex: 1 0 100%;
}
.logo-three{
  position: absolute;
    top: 195px;
    left: 20px;
}
.ml-100{
  margin-left: 0px;
}
.banner-three .button .btn-secondary, .banner-content .button .btn-secondary{
  margin-top: 0rem !important;
}
.swiper {
  width: 225px;
  height: 430px;
}
.shop-slider{
  width: 100%;
  height: 100%;
}
}