@import url('https://fonts.googleapis.com/css2?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');
body{
font-family: "Poppins", sans-serif;
font-weight: 400;
font-style: normal;
color: #fff;
font-size: 14px;
background: #000;
}
.main-content{overflow: hidden;}

.container {
    max-width: 576px;
    padding: 0 10px;
}
.owl-carousel .owl-item .vipcat-itm-ic img {
    width: auto;
}
.vipcat {
    padding: 10px;
}
a{color: #fff;text-decoration: none;}
.vipcat-itm-nm {
    font-size: 10px;
    color: #666666;
    margin-top: 8px;
    text-align: center;
}
.vipcat-itm {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.vipcat-itm-nm span {
    display: block;
    line-height: 1.2;
}
.owl-carousel .owl-nav button[class*="owl-"] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -20px;
    background-image: url(../img/right-arrow.svg);
    width: 9px;
    height: 17px;
}
.owl-carousel .owl-nav button[class*="owl-"].owl-next {
    right: -20px;
    left: auto;
}
.owl-carousel .owl-nav button[class*="owl-"].owl-prev {
    transform: translateY(-50%)  rotate(180deg);
}
.owl-carousel .owl-nav button[class*="owl-"] span {
    display: none;
}
.header-sec {
    background: #0F0F0F;
    padding: 10px 0;
}
.header-sec-in {
    display: flex;
    align-items: center;
    gap: 15px;
    justify-content: space-between;
}
.header-l {
    display: flex;
    gap: 15px;
}
.header-r {
    display: flex;
    gap: 10px;
}






.home-sld-itm {
    text-align: center;
    max-width: 400px;
    margin: 0 auto;
}
.home-sld {
    padding: 50px 0;
}
.home-sld-itm h1 {
    font-size: 35px;
    font-weight: 700;
}
.color-orange {
    color: #ECAE01;
}
.search-btn {
    text-align: center;
    height: 58px;
}

.btn-search {
    background: #fff;
    border: 2px solid #000;
    padding: 8px 8px 8px 35px;
    font-size: 15px;
    color: #737373;
    font-weight: 600;
    border-radius: 40px;
    display: inline-flex;
    align-items: center;
    gap: 25px;
    box-shadow: 0px 0px 34px rgba(236, 174, 1, 0.7);
    height: 58px;
    width: 311px;
}
.btn-search {
    background-image: url(../img/home-search-icon.svg);
    background-position: calc(100% - 8px) center;
    background-repeat: no-repeat;
}
.home-sld-itm p {
    margin: 0;
}
.mobile-slider {
    margin-top: 20px;
    position: relative;
    margin-bottom: 25px;
}
.mobile-slider-img img {
    left: 50%;
    transform: translateX(-50%);
    position: relative;
}
.mobile-slider-heading {
    position: absolute;
    top: 113px;
    left: 0;
    right: 0;
    text-align: center;
    padding-left: 10px;
}
.mobile-slider-heading h4 {
    margin: 0;
    text-align: center;
    color: #000;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 700;
    word-spacing: 5px;
}
.mobile-sld-itm-price {
    display: flex;
    gap: 20px;
    justify-content: center;
}
.mobile-slider .slick-slider {
    max-width: 200px;
    position: absolute;
    top: 120px;
    left: 10px;
    right: 0;
    margin: 0 auto;
    text-align: center;
}
.mobile-sld-itm-mobile {
    color: #fff;
    letter-spacing: 2px;
    font-size: 25px;
}
.mobile-sld-itm-mobile span {
    color: #ECAE01;
}
@-webkit-keyframes shrink {
  0% {
    color: #fff;
    transform: scale(1.6);
  }
  100% {
    transform: scale(.8);
    color: #fff;
    opacity: .5;
  }
}
@keyframes shrink {
  0% {
    color: #fff;
    transform: scale(1.6);
  }
  100% {
    transform: scale(.8);
    color: #fff;opacity: .5;
  }
}
@-webkit-keyframes grow {
  0% {
    transform: scale(.8);
    color: #fff;
  }
  100% {
    transform: scale(1.6);
    color: #fff;
  }
}
@keyframes grow {
  0% {
    transform: scale(.8);
    color: #fff;opacity: .5;
  }
  100% {
    transform: scale(1.6);
    color: #fff;
  }
}
.animate {
  transform: translate3d(0, 0, 0);
  perspective: 1000;
  filter: blur(0);
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  transform-origin: center;
}

.animate--shrink, .hero__title .slick-current > span {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-name: shrink;
          animation-name: shrink;
  -webkit-animation-timing-function: "linear";
          animation-timing-function: "linear";
}

.animate--grow, .no-js .hero__title .slick-dupe:nth-child(2) > span, .hero__title .slick-current + .slick-slide > span {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-timing-function: "linear";
          animation-timing-function: "linear";
  -webkit-animation-name: grow;
          animation-name: grow;
}
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  touch-callout: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  touch-action: pan-y;
  tap-highlight-color: transparent;
  padding-top: 40px;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 0;
  outline: none;
}
.slick-vertical .slick-slide::-moz-selection {
  outline: none !important;
  border: 0 !important;
  box-shadow: none;
}
.slick-vertical .slick-slide:focus, .slick-vertical .slick-slide:active, .slick-vertical .slick-slide::selection {
  outline: none !important;
  border: 0 !important;
  box-shadow: none;
}

.slick-arrow.slick-hidden {
  display: none;
}

.slick-current {
  position: relative;
}

.hero__title .slick-slide {
  overflow: hidden;
  padding: 20px 0;
}

.hero__title [aria-hidden] {
  transition: 1s;
}
.hero__title .slick-current > span {
  box-sizing: border-box;
  display: block;
}

.no-js .hero__title .slick-dupe:nth-child(2) > span {
  padding: 1em;
}

.hero__title-misc {
  display: block;
  font-size: 24px;
  font-weight: 600;
}
.mobile-sld-itm-price {
    display: flex;
    gap: 20px;
    justify-content: center;
    width: 140px;
    margin: 0 auto;
    font-size: 9px;
    font-weight: 500;color: #ECAE01;
}
.mobile-sld-itm-mobile {
    font-size: 16px;
}
.price-discount {
    color: #666666;
    position: relative;
}
.price-discount::before {
    content: "";
    height: 1px;
    width: 100%;
    transform: rotate(-3deg);
    position: absolute;
    bottom: 7px;
    background: #ECAE01;
    left: 0;
}
.mobile-slider-viewall {
    position: absolute;
    left: 0;
    bottom: 60px;
    right: 0;
    text-align: center;
    padding-left: 10px;
}
.btn-viewall {
    color: #ECAE01;
    font-weight: 500;
    background: #000;
    border: 1px solid #ffffff6b;
    padding: 8px 17px;
    border-radius: 35px;
    box-shadow: 0px 0px 14px rgba(236, 174, 1, 0.7);
}
.padding-70 {
    padding: 35px 0;
    display: inline-block;
    width: 100%;
}
.ads-sec-itm img {
    width: 100%;
    border-radius: 20px;
}
.box-sec {
    background: #090808;
    border-radius: 20px;
    border: 1px solid #404040;
    overflow: hidden;box-shadow: 0px 0px 34px rgba(236, 174, 1, 0.28);
}
.btn-circle {
    background: linear-gradient(270deg, #D18800 0%, #FDC700 100%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    z-index: 1;
    position: relative;
}
.btn-circle img {
    width: auto !important;
}
.trending-cat-itm {
    background: #000000;
    border-radius: 14px;
    padding: 20px;
    border: 1px solid #2a2a2a;
}
.box-heading {
    text-align: center;
    padding: 5px 5px 0 5px;
}
.box-heading-h2 {
    border-radius: 20px 20px 15px 15px;
    background: linear-gradient(230.05deg, #DBA73E 23.32%, #D89D3A 30.41%, #A46B28 36.61%, #F7ED9A 44.14%, #F4F3B8 47.24%, #D5B767 51.67%, #A76F29 56.54%, #D0AB5B 64.07%, #E0C77D 67.61%);
    padding-bottom: 1px;
}
.box-heading-h2-in {
    background: #000000;
    font-size: 23px;
    color: #ECAE01;
    margin: 0;
    min-height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
}
.trending-cat-sld, .number-sld {
    padding: 15px 0 15px 15px;
}
.trending-cat-itm-con h5 {
    font-size: 18px;
    font-weight: bold;
}
.trending-cat-number {
    font-size: 24px;
    letter-spacing: 2px;
    color: #9F9F9F;
}
.trending-cat-number span {
    font-weight: bold;
    margin-right: 10px;
}
.trending-cat-itm-con .btn-circle-s {
    margin-top: 25px;
}
.trending-cat-itm-con, .trending-cat-itm {
    position: relative;
}
.trending-cat-itm-con::after {
    content: "";
    background-image: url(../img/number-01.svg);
    width: 140px;
    height: 80px;
    display: inline-flex;
    position: absolute;
    bottom: -29px;
    left: -9px;background-repeat: no-repeat;
}
.trending-cat-itm::after {
    content: "";
    position: absolute;
    width: 149px;
    height: 134px;
    background-image: url(../img/cat-girl-img.png);
    bottom: 0px;
    right: 15px;
    background-repeat: no-repeat;
}
.popular-cat .trending-cat-itm::after {
    background-image: url(../img/cat-boy-img.png);
    width: 151px;
    height: 147px;
}
.box-footer {
    font-size: 11px;
    color: #7F7F7F;
    border-top: 1px solid #222222;
    text-transform: uppercase;
    min-height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
    gap: 15px;
}
.box-footer p {
    margin-bottom: 0;
}
.trending-cat-sld + .trending-cat-sld {
    padding-top: 0;
}
.trending-cat-sld .owl-item:nth-child(2) .trending-cat-itm-con::after{
    background-image: url(../img/number-02.svg);
}
.trending-cat-sld .owl-item:nth-child(3) .trending-cat-itm-con::after{
    background-image: url(../img/number-03.svg);
}
.trending-cat-sld .owl-item:nth-child(4) .trending-cat-itm-con::after{
    background-image: url(../img/number-04.svg);
}
.trending-cat-sld .owl-item:nth-child(5) .trending-cat-itm-con::after{
    background-image: url(../img/number-05.svg);
}
.trending-cat-sld .owl-item:nth-child(6) .trending-cat-itm-con::after{
    background-image: url(../img/number-06.svg);
}
.trending-cat-sld .owl-item:nth-child(7) .trending-cat-itm-con::after{
    background-image: url(../img/number-07.svg);
}
.trending-cat-sld .owl-item:nth-child(8) .trending-cat-itm-con::after{
    background-image: url(../img/number-08.svg);
}
.trending-cat-sld .owl-item:nth-child(9) .trending-cat-itm-con::after{
    background-image: url(../img/number-09.svg);
}
.trending-cat-sld .owl-item:nth-child(10) .trending-cat-itm-con::after{
    background-image: url(../img/number-10.svg);
}
.my-ownchoice-in {
    background: #090808;
    overflow: hidden;
    border-radius: 20px;
    box-shadow: 0px 0px 34px #ECAE01;
}
.my-ownchoice-con {
    display: flex;
    gap: 20px;
    padding: 25px;
    justify-content: space-between;
}
.my-ownchoice-heading span {
    color: #ECAE01;
    display: block;
}
.my-ownchoice-heading {
    margin: 0;
    font-weight: bold;
    font-size: 28px;
    line-height: 1.4;
}
.box-footer-a {
    font-size: 17px;color: #ECAE01;
}
.box-footer-justify {
    justify-content: space-between;
}
.box-footer-a:hover {
    color: #fff;
}
.number-box-count {
    gap: 5px;
    background: #ECAE01;
    color: #161616;
    font-size: 10px;
    font-weight: 500;
    display: inline-flex;
    padding: 6px 10px 5px;
    align-items: center;
    line-height: 1;
    border-radius: 20px;
}
.number-box-count-ic {
    margin-top: -2px;
}
.number-box {
    background: #101010;
    border-radius: 15px;
    overflow: hidden;
    border: 1px solid #242424;
    position: relative;
}
.bedge-active {
    position: absolute;
    left: 0;
    top: 0;
}
.number-sld-con {
    padding: 10px;
}
.number-box-heading {
    background: #000000;
    min-height: 41px;
    display: flex;
    align-items: center;
    padding: 5px 5px 5px 10px;
    justify-content: space-between;
    gap: 15px;
}
.fav-ic {
    cursor: pointer;
}
.numberBox {
    background: #000000;
    border-radius: 10px;
    border: 1px solid #2a2a2a;
}
.numberBox-number {
    font-size: 32px;
    letter-spacing: 2px;
    text-align: center;
    padding: 16px 0 14px;
    line-height: 1;
}
.numberBox-number1 {
    font-size: 32px;
    letter-spacing: 2px;
    text-align: center;
    padding: 16px 0 14px;
    line-height: 1;
}
.last-four {
    font-weight: bold;
    color: #ECAE01;
}
.numberBox-in {
    border-top: 1px solid #0F0F0F;
    display: flex;
    gap: 15px;
    justify-content: space-between;
    padding: 0 20px;
}
.priceMeta {
    padding: 5px 0;
    font-size: 15px;
    color: #ECAE01;
    font-weight: 600;
    line-height: 1;
    display: flex;
    gap: 3px;
    flex-direction: column;
}
.priceMeta-price .price-discount {
    font-size: 12px;
}
.numberBox-meta {
    display: flex;
    gap: 14px;
    font-size: 12px;
    min-height: 32px;
}
.numberBox-meta-itm {
    display: flex;
    align-items: center;
    position: relative;
}
.numberBox-meta-itm::after {
    content: "";
    border-right: 1px solid #0F0F0F;
    position: absolute;
    height: 100%;
    width: 1px;
    bottom: 0;
    right: -7px;
}
.numberBox-meta-itm:last-child::after{display: none;}
.numberBox-4-cnt {
    font-size: 47px;
    font-weight: 900;
    color: #323232;
    letter-spacing: 6px;
    line-height: 1;
}
.numberBox-bot {
    display: flex;
    gap: 20px;
    justify-content: space-between;
    margin-top: 10px;
}
.numberBox-4 p {
    margin: 0;
    color: #323232;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.btn {
    display: flex;
    gap: 5px;
    padding: 5px 10px;
    outline: 0 !important;
    transition: unset;
}
.btn img {
    width: auto !important;
}
.btn_primary {
    background: #ECAE01 !important;
    color: #000 !important;
    border: 1px solid #ECAE01 !important;
    font-weight: 600;
    text-transform: uppercase;
}
.btn_primary:hover{
    background: #d59d00 !important;
    border: 1px solid #d59d00 !important;
}
.numberBox-btn-itm .btn {
    font-size: 12px;
}
.btn_border{
    color: #fff !important;border: 1px solid #FFFFFF !important;font-size: 13px;text-transform: uppercase;
}
.btn_border:hover{
    opacity: .8;
}
.numberBox-btn {
    display: flex;
    flex-direction: column;
    gap: 8px;
    white-space: nowrap;
}
.numberBox-4 {
    padding-left: 5px;
    padding-top: 6px;
}
.numberBox-4 p {
    line-height: 1;
}
.number-box.viewmore {
    height: 251px;
    display: flex;
    width: 100%;
}
.number-box.viewmore a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    gap: 6px;
    font-size: 20px;
    text-transform: uppercase;
    transition: all .5s;
}
.number-box.viewmore a img {
    width: auto;
    rotate: 180deg;filter: brightness(0) invert(1);
}
.number-box.viewmore a:hover{gap: 15px;color: #ECAE01;}
.number-box.viewmore a:hover img {
    filter: unset;
}
.video-s .container {
    padding: 0;
}
.video-s-itm img {
    border-radius: 20px;
}
.video-s-in {
    background: #000;
    padding: 20px 0;
    box-shadow: 0px 0px 34px rgba(236, 174, 1, 0.7);
}
.video-s-itm {
    transform: scale(.85);
}
.owl-item.active.center .video-s-itm {
    transform: scale(1);
}
.box-footer.box-footer-black {
    background: #000000;
}
.numerical-sld, .budget-sld, .pack-sld {
    padding: 15px 0 15px 15px;
}
.numerical-sld + .numerical-sld , .budget-sld + .budget-sld{
    padding-top: 0;
}
.numerical-sld-itm {
    background: #000;
    border-radius: 15px;
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 16px 10px;
    border: 1px solid #ecae0130;
}
.numerical-sld-itm p {
    margin: 5px 0 0 0;
    font-size: 13px;
}
.numerical-sld-heading {
    font-size: 18px;
    font-weight: 500;
}
.budget-sld-itm {
    display: flex;
    width: 100%;
    background-image: url(../img/budget-bg.svg);
    padding: 4px;
    border-radius: 12px;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    font-size: 16px;
    color: #000;
    font-weight: 600;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 89px;
}
.budget-sld-big .budget-sld-itm {
    font-size: 20px;
}
.budget-sld-itm span {
    font-size: 14px;
}
.trending-sld-itm {
    background: #000;
    border: 1px solid #a8a8a86b;
    display: flex;
    padding: 22px;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    text-align: center;
    border-radius: 15px;
    color: #ECAE01;
    font-weight: 500;
}
.review-s-in {
    background: #090808;box-shadow: 0px 0px 34px rgba(236, 174, 1, 0.7);
}
.review-slider {
    padding: 50px 0;
}
.review-slider .owl-stage {
    display: flex;
    align-items: center;
}
.owl-item.active.center .review-s-itm {
    transform: scale(1);
}
.review-s-itm {
    transform: scale(.65);
}
.google-review-in {
    background: #000;
    border-radius: 15px;
    border: 1px solid #404040;
    padding: 5px;
    box-shadow: 0px 0px 34px #ECAE01;
}
.google-review-s {
    border: 1px solid #515151;
    border-radius: 10px;
    padding: 15px;
    min-height: 200px;
    display: flex;
    align-items: center;
    font-size: 26px;
    text-transform: uppercase;
    justify-content: center;
}
.trending-con span {
    display: block;
}
.pack-itm .trending-con {
    line-height: 1.3;
}
.pack-clr {
    font-size: 30px;
    line-height: 1;
    margin-top: 10px;
    font-weight: 600;
}
.diversified-s {
    padding: 15px 5px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.diversified-s-itm {
    border-radius: 15px;
    background: linear-gradient(230.05deg, #DBA73E 23.32%, #D89D3A 30.41%, #A46B28 36.61%, #F7ED9A 44.14%, #F4F3B8 47.24%, #D5B767 51.67%, #A76F29 56.54%, #D0AB5B 64.07%, #E0C77D 67.61%);
    padding: 1px;
    border-radius: 15px;
    overflow: hidden;
}
.diversified-s-itm a {
    background: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    padding: 15px;
    border-radius: 14px;
    color: #ECAE01;
}
.steps-itm {
    background: #101010;
    border: 1px solid #7f7f7f66;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0px 0px 34px rgba(236, 174, 1, 0.3);
}
.steps-itms {
    display: flex;
    gap: 50px;
    flex-direction: column;
    max-width: 80%;
    margin: 0 auto;
}
.steps-itm-con {
    padding: 30px;
    text-align: center;
}
.step-footer {
    background: #000;
    padding: 7px 15px;
    text-align: center;
}
.step-footer span {
    background: #ECAE01;
    color: #000;
    text-transform: uppercase;
    font-weight: 600;
    padding: 5px 15px;
    font-size: 17px;
    border-radius: 6px;
    display: inline-flex;
}
.steps-itm-info h4 {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: normal;
    margin-top: 25px;
}
.steps-itm-info p {
    margin: 0;
    color: #818181;
}
.box-footer h6 {
    font-size: 14px;
    margin: 0;
}
.operator-itms {
    display: flex;
    gap: 20px;
    justify-content: space-between;
    padding: 35px 25px;
}
.faq-s .accordion {
    display: flex;
    flex-direction: column;
    gap: 32px;
}
.accordion-item {
    background: #101010;
    border: 1px solid #404040 !important;
    border-radius: 20px !important;
    overflow: hidden;
    color: #6C6C6C;
    font-size: 16px;box-shadow: 0px 0px 34px rgba(236, 174, 1, 0.28);
}
.accordion-body p {
    margin: 0;
}
.accordion-button, .accordion-button:not(.collapsed) {
    background: #000;
    color: #999999;
    font-size: 15px;
    font-weight: 600;
    display: flex;
    gap: 15px;
    box-shadow: unset !important;border-radius: 19px;
}
.steps-before-step .steps-itm-info h4 {
    margin-bottom: 0;
    font-size: 15px;
    text-transform: capitalize;
}
.step-footer p {
    margin: 0;
    font-size: 12px;
    color: #8D8D8D;
}
.accordion-button::after {
    filter: brightness(0) invert(1);
}
.footer-sss {
    background: #090808;
}
.padding-50{padding: 50px 0;}
.footer-top {
    text-align: center;
    max-width: 400px;
    margin: 0 auto;
}
.footer-logo {
    margin-bottom: 17px;
}
.footer-top p {
    font-size: 16px;
}
.footer-social {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    gap: 15px;
    justify-content: center;
}
.footer-social li a {
    border: 2px solid #4E4E4E;
    border-radius: 7px;
    width: 50px;
    height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.footer-links .accordion {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin: 35px 0;
}
.footer-links .accordion .accordion-item {
    box-shadow: unset;
}
.footer-links .accordion-button {
    background: transparent;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
}
.footer-link-itms {
    padding: 0;
    margin: 0;
    list-style: none;
}
.footer-links .accordion .accordion-item .accordion-body {
    padding-top: 0;
}
.footer-link-itms li {
    margin-top: 10px;
}
.footer-meta {
    margin-top: 20px;
    display: flex;
    gap: 15px;
    align-items: center;
}
.footer-contactus-l {
    font-size: 16px;
    font-weight: 600;
}
.footer-bottom {
    text-align: center;
    color: #969696;
    font-size: 13px;
    margin-top: 35px;
}
.padding-bottom-75{
    padding-bottom: 75px;
}

.menu-bar {
    position: fixed;
    bottom: 0;
    background: rgba(255, 255, 255, 0.06);
    border-top: 1px solid #404040;
    backdrop-filter: blur(6.9px);
    width: 100%;
    z-index: 11;
    padding: 10px 0;
}
.active-menu {
    overflow: hidden;
}
.menu-itms {
    display: flex;
    gap: 0;
    justify-content: space-between;
}
.menu-itm {
    text-align: center;
    flex: 0 0 20%;
    max-width: 20%;
}
.menu-bar::after {
    content: "";
    background: linear-gradient(180deg, rgb(10 10 10 / 29%) 0%, #000000 100%);
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.menu-itm a {
    font-size: 12px;
    text-transform: uppercase;
    color: #666666;
    outline: 0;
}
.menu-itm-ic {
    margin-bottom: 3px;
}
.contcat-fixed {
    display: flex;
    gap: 15px;
    position: fixed;
    bottom: 97px;
    align-items: center;
    right: 20px;
    z-index: 11;
}
.sold-out-btn {
    position: fixed;
    bottom: 97px;
    left: 0;z-index: 11;
}
.sold-out-con {
    position: absolute;
    top: 8px;
    left: 80px;
}
.sold-out-number {
    font-size: 14px;
    font-weight: 500;
    color: #9F9F9F;
    line-height: 1;
}
.sold-out-con p {
    margin: 1px 0 0 0;
    color: #9F9F9F;
    font-size: 10px;
}
.sold-out-btn {
  display: none;
}

.contcat-fixed-itm {
    position: relative;
    -webkit-animation: swing-ani 1.5s infinite ease-in-out;
    -moz-animation: swing-ani 1.5s infinite ease-in-out;
    -ms-animation: swing-ani 1.5s infinite ease-in-out;
    -o-animation: swing-ani 1.5s infinite ease-in-out;
    animation: swing-ani 1.5s infinite ease-in-out;
}
@keyframes swing-ani {
    0% {
        transform: rotate(0) scale(1) skew(1deg);
    }

    10% {
        transform: rotate(-25deg) scale(1) skew(1deg);
    }

    20% {
        transform: rotate(25deg) scale(1) skew(1deg);
    }

    30% {
        transform: rotate(-25deg) scale(1) skew(1deg);
    }

    40% {
        transform: rotate(25deg) scale(1) skew(1deg);
    }

    50% {
        transform: rotate(0) scale(1) skew(1deg);
    }

    100% {
        transform: rotate(0) scale(1) skew(1deg);
    }
}
.modal-backdrop {
    z-index: 11;
    background: #000000b3 !important;
    backdrop-filter: blur(6.9px);
}
.modal-backdrop.show {
    opacity: 1 !important;
}
.modal-dialog {
    max-width: 368px;
}
.modal-content {
    background: rgba(255, 255, 255, 0.09);
    border: 1px solid #ECAE01;
    box-shadow: 0px 0px 34px rgba(236, 174, 1, 0.48);
    backdrop-filter: blur(6.9px);
    border-radius: 30px;
}
.btn-close {
    opacity: 1;
    display: flex;
    padding: 0;
    width: 31px;
    height: 31px;
    position: absolute;
    right: 10px;
    top: 10px;
    box-shadow: unset !important;
}
.modal_header h4 {
    background: #000;
    padding: 8px 20px;
    color: #ECAE01;
    border-radius: 40px;
    text-align: center;
    font-size: 18px;
    display: inline-flex;
}
.modal_header {
    text-align: center;
    margin-bottom: 10px;
}
.modal-body {
    padding: 15px 30px 30px 30px;
}
.modal-popup p {
    font-size: 16px;
    font-weight: 300;
}
.modal-ic img {
    height: 80px;
}
.modal-ic {
    margin: 35px 0;
}
.guaranteed-s {
    background: #000;
    font-size: 32px;
    letter-spacing: 2px;
    font-weight: 300;
    border-radius: 40px;
    display: inline-flex;
    padding: 12px 35px;
    margin-bottom: 30px;
}
.guaranteed-para {
    background: #000;
    border-radius: 40px;
    border: 8px solid #ECAE01;
    padding: 7px 10px;
    font-size: 11px;
}
.top-header {
    background: #0F0F0F;
    padding: 10px 0;
    min-height: 80px;
    display: flex;
    align-items: center;
}
.top-header-in {
    display: flex;
    gap: 15px;
    align-items: center;
    justify-content: space-between;
}
.top-header-con h1 {
    font-size: 24px;
    line-height: 1;
    margin: 0;
}
.page-center-ic {
    text-align: center;
}
.page-center-ic-in {
    background: #000;
    width: 135px;
    height: 135px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #000;
    border-radius: 40px;
    border: 1px solid #666666;
    box-shadow: 0px 0px 34px rgba(236, 174, 1, 0.7);
}
.page-center-ic {
    padding-bottom: 15px;
}
.number-box-new .numberBox-number {
    font-size: 42px;
    padding: 14px 0 10px;
}
.number-box-new .priceMeta {
    flex-direction: row;
    gap: 10px;
}
.number-box-new .numberBox-btn {
    flex-direction: row;
    justify-content: center;
}
.number-box-new .numberBox-bot {
    justify-content: center;
}
.number-box-new .priceMeta {
    flex-direction: row;
    gap: 10px;
    align-items: center;
}
.number-box-new .number-box-count {
    border: 1px solid #fff;
    background: transparent;
    color: #fff;
    font-weight: normal;
}
.number-box-new .number-box-count-ic img {
    filter: brightness(0) invert(1);
}
.number-box-new .btn_primary {
    border: 1px solid #fff !important;
    background: transparent !important;
    color: #fff !important;
    font-weight: normal;
}
.number-box-new .btn_primary img{
    filter: brightness(0) invert(1);
}
.number-box-new .btn_primary:hover{
    opacity: .8;
}
.number-box-new .btn_border {
    border: 1px solid #ECAE01 !important;
    background: #ECAE01 !important;
    color: #000 !important;
    font-weight: 600;
}
.number-box-new .btn_border img{
    filter: invert(1);
}
.innernumberBox {
    display: flex;
    gap: 35px;
    flex-direction: column;
}
.number-box.number-box-new:hover {
    box-shadow: 0px 0px 34px rgba(236, 174, 1, 0.48);
}
.top-header-in.top-heade-left {
    justify-content: flex-start;
}
.page-heading h1 {    
    font-weight: bold;
    display: flex;
    align-items: center;
    gap: 15px;
    justify-content: center;
    margin: 0;
}
.page-heading h1 span, .page-heading h2 span{
    background: linear-gradient(151.05deg, #DBA73E -3.96%, #F7ED9A 23.45%, #D89D3A 53.14%, #F4F3B8 119.37%, #D5B767 144.49%, #E5D68F 167.33%, #D0AB5B 199.31%, #E0C77D 224.43%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    text-transform: uppercase;
}
.page-heading-small {
    font-size: 20px;font-weight: bold;
}
.page-heading {
    padding-bottom: 10px;
}
.page-subheading-in {
    text-align: center;
}
.padding-20 {
    padding: 20px 0 15px;
}
.btn-date {
    background: #000;
    color: #fff;
    font-size: 11px;
    padding: 1px 10px 0;
    border-radius: 16px;
    font-weight: 500;
}
.number-box-bedge .number-box-heading {
    justify-content: flex-end;
}
.brand-page .steps-itm {
    padding: 7px;
}
.brand-page .step-footer {
    border-radius: 0 0  12px 12px;
    padding: 12px;
}
.heading-bot {
    background: #0F0F0F;
    padding: 20px 0;
    text-align: center;
}
.heading-bot .heading-bot-p {
    background: #000000;
    font-size: 15px;
    padding: 10px;
    border-radius: 10px;
}
.verify-number {
    margin-left: auto;
}
.number-box-bedge .verify-number {
    margin-left: 0;
}
.coming-soon-in {
    background: #000;
    width: 233px;
    height: 233px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #000;
    border-radius: 40px;
    border: 1px solid #666666;
    box-shadow: 0px 0px 34px rgba(236, 174, 1, 0.7);
}
.coming-soon {
    min-height: calc(100vh - 225px);
    display: flex;
    align-items: center;
    justify-content: center;
}
.sub-heaind-sec {
    background: #0F0F0F;
    margin-top: 10px;
    text-align: center;
    padding: 8px 0;
    font-size: 15px;
}
.tabing-sec {
    background: #101010;
    padding: 20px;
    border-radius: 20px;
    max-width: 277px;
    margin: 0 auto;
    margin-bottom: 50px;
    text-align: center;
}
.tabing-heading h5 {
    margin-bottom: 20px;
    font-weight: normal;
    font-size: 16px;
}
.tabing-sec .nav-tabs {
    background: #666666;
    border-radius: 12px;
    border: 0;
}
.tabing-sec .nav-tabs li {
    width: 50%;
}
.tabing-sec .nav-tabs li button {
    width: 100%;
    color: #ffff;
    font-size: 16px;
    border: 0 !important;
    outline: 0 !important;
    border-radius: 10px;
}
.tabing-sec .nav-tabs li button.active {
    border: 0;
    background: #ECAE01;
    color: #fff;
}
.process-itm-img img {
    width: 100%;
    border-radius: 20px;
}
.process-itm-con {
    font-size: 20px;
    text-align: center;
    font-weight: 300;
    margin: 10px 0;
}
.process-itms {
    max-width: 400px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.socialmedia-sec-in {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.socialmedia-itm {
    background: #0F0F0F;
    padding: 20px;
    border: 1px solid #4D4D4D;
    border-radius: 20px;
    display: flex;
    align-items: center;
    gap: 20px;
}
.socialmedia-nm {
    background: #000000;
    padding: 8px 20px;
    width: calc(100% + 15px);
    font-size: 26px;
    text-align: center;
    border-radius: 16px;
    font-weight: 300;
    position: relative;
    margin-left: 25px;
}
.socialmedia-ic {
    flex: 0 0 55px;
}
.socialmedia-nm::before {
    content: "";
    background: #6F6F6F;
    width: 1px;
    height: calc(100% + 10px);
    position: absolute;
    left: -23px;
    top: -5px;
}
.content-head {
    text-align: center;
}
.content-sec-in p {
    color: #AEAEAE;
}
.theme-color {
    color: #ECAE01;
}
.content-sec-in ul {
    padding: 0;
    list-style: none;
    font-size: 17px;
    line-height: 1.5;
    margin-top: 30px;
}
.content-sec-in h5 {
    margin-top: 30px;color: #ECAE01;
}
.contact-sec-in {
    background: rgba(255, 255, 255, 0.09);
    border: 1px solid #ECAE01;
    box-shadow: 0px 0px 34px rgba(236, 174, 1, 0.48);
    backdrop-filter: blur(6.9px);
    border-radius: 30px;
    overflow: hidden;
}
.contact-itm {
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: space-between;
    padding: 15px 20px;
    background: #000000;
    margin-bottom: 20px;
}
.contact-meta {
    display: flex;
    gap: 15px;
    align-items: center;
}
.contact-nm {
    font-size: 26px;
    color: #ECAE01;
}
.contact-cn .contact-number {
    font-size: 18px;
    margin: 0;
}
.contact-footer {
    background: #000;
    padding: 15px 20px;
    text-align: center;
}
.contact-footer p {
    color: #ECAE01;
    margin: 0;
}
.about-page-img-s {
    background: #0f0f0f;
    margin-top: 15px;
    text-align: center;
}
.page-center-ic-in img {
    min-height: 70px;
}
.chat-header-con {
    display: flex;
    gap: 14px;
    align-items: center;
}
.chat-header-cn h6 {
    font-weight: 300;
    margin: 0;
    line-height: 1;
}
.chat-user-img {
    flex: 0 0 40px;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    overflow: hidden;
}
.chat-header {
    justify-content: flex-start;
    gap: 25px;
}
.online-status {
    font-size: 11px;
    color: #9F9F9F;
    line-height: 1;
    margin-top: 5px;
}
.chat-user-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.chat-header-cn {
    display: flex;
    align-items: baseline;
    flex-direction: column;
}
.chat-footer {
    display: flex;
    gap: 15px;
    align-items: center;
}
.chat-footer-meta {
    gap: 15px;
    display: flex;
    align-items: center;
}
.chat-footer-text {
    width: 100%;
}
.form-control{outline: 0 !important;box-shadow: unset !important;}
.chat-footer-text .form-control {
    height: 66px;
    padding: 10px 25px;color: #fff;resize: none;
}
.form-control:focus{
    background: #0F0F0F;border-color: #4E4E4E;color: #fff;
}
.form-control::placeholder{color: #626262;}
textarea.form-control {
  overflow-y: auto;
  resize: none;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

textarea.form-control::-webkit-scrollbar {
  display: none;
}
.chat-inner {
    height: calc(100vh - 180px);
    padding: 20px 0 10px;
}
.chat-itms {
    display: flex;
    flex-direction: column;
    gap: 30px;
    justify-content: flex-end;
    min-height: 100%;
}
.chat-itm {
    max-width: 60%;
}
.chat-message p {
    margin: 0;
}
.chat-bottom {
    background: #000;
    padding: 20px 0;
}
.chat-message {
    background: #0F0F0F;
    padding: 10px 25px;
    border-radius: 15px;
    font-size: 16px;
}
.chat-itm-right {
    margin-left: auto;
}
.chat-time {
    text-align: right;
    color: #999999;
    font-size: 11px;
    margin-top: 6px;
    padding-right: 15px;
}
.chat-inner {
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.chat-inner::-webkit-scrollbar {
  display: none;
}
.cart-info-in {
    background: #101010;
    border: 1px solid #404040;
    border-radius: 15px;
    padding: 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.cart-info-itm {
    background: #000000;
    padding: 15px 20px;
    border-radius: 10px;
    position: relative;
}
.cart-info-btn {
    border: 0;
    background: transparent;
    box-shadow: unset;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 6px;
    line-height: 1;
}
.cart-info-btns {
    display: flex;
    gap: 15px;
    position: absolute;
    right: 10px;
    top: 10px;
}
.cart-info-btn:first-child {
    color: #EE4A4A;
}
.cart-info-btn:nth-child(2) {
    color: #ECAE01;
}
.cart-info-con {
    font-size: 16px;
    color: #999999;
    margin-top: 3px;
}
.cart-list-in h3 {
    margin-bottom: 20px;
}
.cart-summary-meta {
    margin-top: 20px;
}
.cart-summary-price {
    font-size: 20px;
}
.cart-summary-discount .cart-summary-price {
    color: #ECAE01;
}
.cart-summary-meta-itm {
    display: flex;
    align-items: center;
    gap: 15px;
    justify-content: space-between;
    font-size: 16px;
    margin-bottom: 10px;
}
.cart-coupon {
    position: relative;
    display: flex;
    margin: 25px 0;
}
.cart-coupon-lable {
    border: 2px solid #ECAE01;
    background: #0f0f0f;
    padding: 8px 15px 8px 20px;
    text-align: center;
    border-radius: 40px 0 0 40px;
    color: #B7B7B7;
    font-weight: 500;
}
.cart-coupon .form-control {
    border-left: 0 !important;
    border-radius: 0 40px 40px 0;
}
.cart-coupon .form-control {
    border-left: 0 !important;
    border-radius: 0 40px 40px 0;
    text-align: left;
    padding: 10px 25px;
}
.btn-sec {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 30px 0;
}
.black-box {
    background: #101010;
    border-radius: 15px;
    border: 1px solid #242424;
    overflow: hidden;
}
.black-box-header {
    background: #000000;
    padding: 10px 15px;
    text-align: center;
}
.black-box-header h4 {
    margin: 0;
    font-size: 17px;
    font-weight: normal;
}
.cart-video-in h3 {
    margin-bottom: 20px;
}
.black-box-con {
    padding: 20px 0;
}
.black-box-itms {
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.number-box-count.number-box-count-few {
    background: #ECAE01;
    border: 1px solid #ECAE01;
    color: #161616;
}
.number-box-new .number-box-count.number-box-count-few .number-box-count-ic img {
    filter: unset;
}
.advance-booking-s-in {
    background: #000002;
    border: 1px solid #ECAE01;
    box-shadow: 0px 0px 34px rgba(236, 174, 1, 0.7);
    border-radius: 10px;
    text-align: center;
    padding: 20px;
}
.advance-booking-s-in p {
    margin: 0;
}
.filter-btn {
    border-radius: 40px;
    gap: 6px;
    font-size: 20px;
    padding: 5px 16px;
}
.filter-btn-sec {
    text-align: center;
    margin-top: 30px;
    display: flex;
    justify-content: center;
}
.page-heading h2 {
    text-transform: uppercase;
}
.page-subheading p span {
    display: block;
    color: #ECAE01;
    font-size: 26px;
    text-transform: uppercase;
}
.select-sec {
    background: #101010;
    border: 1px solid #404040;
    border-radius: 15px;
    padding: 20px 30px;
    gap: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 20px;
    cursor: pointer;
}
.page-subheading p {
    margin: 0;
}
.delivery-box-in{
    background: rgba(255, 255, 255, 0.09);
    border: 1px solid #ECAE01;
    box-shadow: 0px 0px 34px rgba(236, 174, 1, 0.48);
    backdrop-filter: blur(6.9px);
    border-radius: 30px;
}
.delivery-box-itm {
    padding: 25px 30px;
    text-align: center;
    font-size: 16px;
    position: relative;
}
.delivery-box-itm span {
    color: #ECAE01;
}
.delivery-box .container {
    max-width: 400px;
}
.delivery-box-itm:last-child::after{display: none;}
.no-text.form-check {
    padding: 0;
    margin: 0;
    width: 34px;
    height: 34px;
}
.delivery-box-check {
    display: flex;
    justify-content: center;
}
.form-check-input {
    box-shadow: unset !important;
}
.no-text .form-check-input {
    width: 100%;
    height: 100%;
    margin: 0;
    left: 0;
    top: 0;background-color: #0F0F0F;
    border-radius: 6px !important;
    border: 1px solid #4E4E4E;
}
.form-check-input:checked[type=checkbox] {
    background-image: url(../img/check-icon.svg);
    background-size: 20px;
}
.top-header.numerology-header {
    background: transparent;
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
}
.numerology-search {
    background: linear-gradient(184.4deg, #14154B 5.4%, #102063 20.25%, #003C7A 35.09%, #004F83 52.79%, #004979 70.49%, #003565 77.97%, #102154 85.44%, #110C24 100.39%);
    padding: 90px 0 0;
    overflow: hidden;
}
.top-header.numerology-header .top-header-in .top-header-icon:first-child img {
    filter: brightness(0) invert(1);
}
.numerology-search-in {
    text-align: center;
}
.numerology-search-in h4 {
    margin-bottom: 25px;
}
.numerology-search-btn {
    margin: 40px 0;
}
.btn.btn-numerology, .btn-numerology:hover {
    border-radius: 70px;
    display: inline-flex;
    background: #000000 !important;
    border: 1px solid #000000 !important;
    font-size: 22px;
    color: #ECAE01 !important;
    text-transform: uppercase;
    font-weight: 500;
    padding: 5px 30px !important;
    align-items: center;
    gap: 10px;box-shadow: 0px 0px 34px rgba(255, 255, 255, 0.7);
}
.numerology-search-baba-img {
    position: relative;
    padding-top: 120px;
    filter: drop-shadow(0 120px 136px black);
}
.rotate-img {
    animation: spin 5s linear infinite;
    position: absolute;
    left: 0;
    right: 0;
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.numerology-search-baba {
    position: relative;
}
.numerology-search-baba-img {
    position: relative;
    padding-top: 110px;
}
.numerology-search-form {
    background: linear-gradient(184.4deg, #06286C 5.4%, #004F83 52.79%, #004979 70.49%, #102154 85.44%, #110C24 100.39%);
}
.numerology-search-form-in {
    text-align: center;
}
.numerology-search-form-in h2 {
    text-transform: uppercase;
    font-weight: 600;
    margin: 0px 0 45px;
}
.numerology-search-form-itms label {
    font-size: 15px;
    text-transform: uppercase;
}
.numerology-search-form-itms .form-control {
    text-align: center;
    padding: 10px 15px;
    font-size: 18px;
    font-weight: 500;
}
.numerology-search-form-itms .form-control, .numerology-search-form-itms .form-control:focus {
  background-color: #fff;
  border-radius: 68px;
  border: 0;
  box-shadow: 0px 2px 2px #007FFF, inset 0px 4px 4px rgba(0, 0, 0, 0.25) !important;
  color: #000;
}
.numerology-search-form-itms .form-control::placeholder {
  color: #7D7D7D;
}
.numerology-search-form-itms .row {
    justify-content: center;
}
.btn-search-number {
    font-size: 17px;
    text-transform: capitalize;
    padding: 12px 25px;
    border-radius: 30px;
    gap: 12px;
    background: linear-gradient(270deg, #D18800 0%, #FDC700 100%) !important;
    margin: 20px auto;
}
.color-para {
    color: #ECAE01;
}
.modal.show .modal-dialog {
    margin-left: auto;
    margin-right: auto;
}
.prebooking-number {
    background: #000000;
    border-radius: 40px;
    text-align: center;
    margin-bottom: 30px;
}
.prebooking-availablity {
    font-size: 12px;
    text-transform: capitalize;
    display: inline-flex;
    border-radius: 30px;
}
.familyPack-top-meta-itm {
    background: linear-gradient(270deg, #D18800 0%, #FDC700 100%);
    color: #000;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 16px;
    display: inline-flex;
    padding: 10px 20px;
    border-radius: 30px;
    gap: 8px;
    align-items: center;
    cursor: pointer;
}
.familyPack-top-meta-itm span {
    margin-top: 2px;
    line-height: 1;
}
.familyPack-top-meta {
    display: flex;
    align-items: center;
    gap: 15px;
    justify-content: center;
}
.familyPack-top-in .select-sec{margin-top: 30px;}
.familyPack-top-in .select-sec span {
    margin-left: auto;
    color: #ECAE01;
    margin-right: 10px;
}
.familyPack-top-meta-itm.active {
    border: 2px solid #FFFFFF;background: linear-gradient(270deg, #D18800 0%, #FDC700 100%);box-shadow: 0px 0px 34px rgba(236, 174, 1, 0.7);
}














/*  Menu CSS  */
.mobile-menu {
    position: fixed;
    left: -100%;
    top: 0;
    background: #000000;
    height: 100vh;
    overflow: auto;
    max-width: 100%;
    z-index: 111;
    width: 100%;
    transition: all 0.3s ease-in-out;
}
.menu-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 30px;
    background: #0F0F0F;
        gap: 15px;
}
.submit-wrp .btn_primary, .btn_primary_1 {
    background: linear-gradient(270deg, #D18800 0%, #FDC700 100%) !important;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    padding: 12px 20px !important;
    gap: 15px;
    font-weight: 600;
}
.submit-wrp .btn_primary:hover, .btn_primary_1:hover {
    color: #000;
    opacity: .8;
}
.login-btn-wrap {
    display: flex;
    align-items: center;
    gap: 20px;
}
span.arrow-ic {
    flex: 0 0  20px;
}
span.arrow-ic img {
    display: block;
    width: 100%;
}

button.close-btn {
    padding: 0;
    background: transparent;
    border: 0;
}
.menu-list ul li {
    list-style: none;
}
.menu-list ul li a {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 15px 0px;
    width: 100%;
    position: relative;
}
.menu-list ul {
    padding: 0 30px;
    margin-bottom: 0;
}
.m-icon {
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #0F0F0F;
    border-radius: 50%;
}

.m-icon img {
    filter: brightness(0) invert(1);
}
.menu-list ul li a:after, .delivery-box-itm:after {
    content: '';
    width: 100%;
    position: absolute;
    height: 2px;
    background: linear-gradient(45deg, #ffffff, #99999900);
    bottom: 0;
    left: 0;
}
.menu-list ul li:last-child a:after {
    display: none;
}

.menu-footer {
    padding: 20px 30px;
    background: #0F0F0F;
    display: flex;
    justify-content: center;
}
span.m-icon.icon-eff img {
    filter: unset;
}
.active-menu .mobile-menu {
    left: 0;
    transition: all 0.3s ease-in-out;
}
/* Menu CSS  */



/* Login page CSS start */
.header-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.header-login {
    display: flex;
    align-items: center;
    gap: 10px;
}
.login-ic {
    height: 45px;
    width: 45px;
    border-radius: 50%;
    background: rgb(255 255 255 / 5%);
    display: flex;
    align-items: center;
    justify-content: center;
}
.header-login h4 {
    margin-bottom: 0;
}





.login-form-inner {
    padding: 30px 0;
}

.form-control {
    background: #0F0F0F;
    border-radius: 27px;
    border: solid 2px #4E4E4E;
    color: #fff;
}

.form-group label {
    padding: 0 30px;
    margin-bottom: 5px;
    color: #ffffff;
    font-size: 16px;
    display: block;
    font-weight: 400;
}

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

input::placeholder {
    color: #626262 !important;
}

.forgot-pw {
    text-align: center;
    margin-bottom: 25px;
}
.login-with-otp {
    margin: 25px 0 0;
}
.login-with-otp .btn {
    width: 100%;
    border: solid 2px #dddddd00;
    border-radius: 50px;
    color: #d99400;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.login-with-otp .btn_border {
    border: solid 2px #ECAE01 !important;
    font-size: 17px;
    text-transform: capitalize;
    padding: 11px 20px;
}
/*.login-with-otp .btn:after {
    content: '';
    background: linear-gradient(45deg, #FCC500, #D28A00);
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    z-index: -2;
    border-radius: 50px;
}*/
.dont-account {
    margin-top: 30px;
    text-align: center;
    font-size: 16px;
}
.dont-account a {
    color: #ECAE01;
    border-bottom: 1px solid #ECAE01;
}
/*.login-with-otp .btn:before {
    content: '';
    position: absolute;
    width: calc(100% - 4.5px);
    height: calc(100% - 3.5px);
    background: #0f0f0f;
    border-radius: 50px;
    z-index: -1;
    top: 2px;
    left: 2px;
}*/
.reseller-panel {
    text-align: center;
    margin-top: 70px;
}

.reseller-panel .btn {
    width: 100%;
}
.otp-sent {
    margin-top: 10px;
}
.otp-sent span {
    font-size: 14px;
    line-height: 1.2;
    display: block;
}
.resend-otp {
    margin-bottom: 20px;
    text-align: center;
}
.resend-otp a {
    color: #ffc107;
}
.form-group {
    position: relative;
}
.show-pw {
    position: absolute;
    bottom: 0;
    right: 30px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
select.form-control, select.form-control:focus {
    appearance: none;
    background: #0F0F0F url(../img/select-arrow.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 20px) center;
}
.search-header {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
}
.search-header h4 {
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
}
.familyPack-box {
    border: 1px solid #ECAE01;
    border-radius: 20px;
    overflow: hidden;
    background: #101010;
}
.familyPack-box-head {
    background: #000000;
    padding: 10px 15px;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
    border: 5px solid #101010;
    border-radius: 22px 22px 0 0;
    border-bottom: 0;
}
.familyPack-box-head .numberBox-btn {
    flex-direction: row;
    gap: 10px;
}
.familyPack-itm {
    display: flex;
    justify-content: space-between;
    padding: 0 15px;
    border-bottom: 1px solid #3D3D3D;
    min-height: 55px;
}
.familyPack-itm-l {
    display: flex;
    align-items: center;
    gap: 10px;
}
.familyPack-itm-l .numberBox-number {
    padding: 0;
    font-size: 22px;
}
.familyPack-itm-r {
    color: #ECAE01;
    font-size: 15px;
    border-left: 1px solid #3D3D3D;
    padding-left: 20px;
    flex: 0 0 114px;
    text-align: right;
    padding-right: 10px;
    display: inline-flex;
    align-items: center;
    font-weight: 500;
    justify-content: end;
}
.familyPack-footer {
    padding: 15px;
}
.familyPack-footer-in {
    background: #ECAE01;
    padding: 5px 5px 5px 20px;
    border-radius: 30px;
    display: flex;
    align-items: center;
    gap: 15px;
    justify-content: space-between;
}
.familyPack-footer-price {
    background: #000000;
    padding: 7px 15px;
    border-radius: 20px;
    font-size: 15px;
    color: #ECAE01;
    font-weight: 500;
}
.familyPack-footer-selected {
    font-size: 16px;
    color: #000;
    font-weight: 500;
}
.familyPack-listing-in {
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.familyPack-itm-l .form-check {
    margin-bottom: 0;
}
.familyPack-itm-l .form-check-input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  width: 30px;
    height: 30px;
    background: #0F0F0F;
    border: 1px solid #4E4E4E;
    margin-top: 0;
    border-radius: 50%;
  cursor: pointer;
  position: relative;
}
.familyPack-itm-l .form-check-input[type="checkbox"]:checked {
  background-color: #000;
  border: 3px solid #ECAE01;
}
.familyPack-itm-l .form-check-input[type="checkbox"]:checked::after {
  content: "";
  position: absolute;
  inset: 0;
  background: url("../img/check-vector.svg") no-repeat center;
  background-size: 15px;
}
.contact-modal {
    padding: 0;
}
.contact-modal .contact-header {
    background: #000000;
    border-radius: 30px 30px 0 0;
    padding: 15px;
    font-weight: 300;
    margin-bottom: 20px;
}
.contact-modal .contact-header h4 {
    font-size: 22px;
    font-weight: normal;
    margin: 0;
    color: #ECAE01;
}
.contact-modal .contact-cn {
    text-align: left;
}
.contact-footer {
    border-radius: 0 0 30px 30px;
}
.page-heading {
    padding-bottom: 10px;
    text-align: center;
}
.form-group .form-control {
    min-height: 60px;
    padding: 10px 30px;
}
.Password-s {
    position: relative;
}
.forgot-pw a {
    color: #ECAE01;
    text-decoration: none;
    font-size: 16px;
    border-bottom: 1px solid #ECAE01;
}
.submit-wrp .btn {
    width: 100%;
    text-transform: capitalize;
    font-size: 17px;
}
.dont-account p span {
    display: block;
}
.privacy_term p {
    color: #9C9C9C;
    font-size: 12px;
}
.privacy_term p a {
    color: #ECAE01;
    border-bottom: 1px solid #ECAE01;
}
.privacy_term {
    margin: 50px 0 30px;
}
.search-tabs .nav-tabs {
    gap: 15px 6px;
    justify-content: center;
    border: 0;
}
.search-tabs .nav-link {
    border: 1px solid #1F1F1F;
    background: #000;
    border-radius: 8px;
    font-size: 13px;
    color: #fff;
    padding: 10px;
    font-weight: 400;
}
.search-tabs .nav-link.active, .search-tabs .nav-link:hover {
    background: #ECAE01;
    border: 1px solid #000000;box-shadow: 0px 0px 34px rgba(236, 174, 1, 0.6);
    color: #000;
}
.search-tabs {
    max-width: 410px;
    margin: 0 auto;
}
.search-tab-body {
    padding: 50px 0;
}
.search-tab-box .form-control {
    border-radius: 20px;
    background: #000000;
    border: 1px solid #4E4E4E;
    padding: 10px 25px;
}
.search-tab-radio {
    display: flex;
    gap: 20px;
    font-size: 16px;
    margin: 30px 0;
}
.search-tab-radio .form-check {
    margin-bottom: 0;
    padding-left: 35px;
    min-height: unset;
}
.search-tab-radio .form-check-input[type=radio] {
    border-radius: 50%;
    width: 24px;
    height: 24px;
    border: 1px solid #4e4e4e;
    background-color: #0F0F0F;
    margin-left: -35px;
    margin-top: 0;
}
.search-tab-radio .form-check-input:checked[type=radio] {
    --bs-form-check-bg-image: unset;
    border: 3px solid #ECAE01 !important;
    background-color: #4E4E4E !important;
}
.search-tab-input-itms .form-group {
    text-align: center;
}
.search-tab-input-itms .form-group label {
    padding: 0;
    text-transform: uppercase;
}
.search-tab-input-itms .form-group .form-control {
    font-size: 18px;
    text-align: center;
    border-radius: 8px;
    padding: 9px 10px;
    border: 1px solid #1F1F1F;
    background-color: #000;
    min-height: unset;
}
.search-tab-input-itms .row {
    justify-content: center;
    margin: 0 -7px;
}
.search-tab-input-itms .row [class*="col-"] {
    padding: 0 7px;
}
.search-tab-input-itms .form-group select.form-control {
    text-align: left;
    padding: 9px 12px;
    background-position: calc(100% - 12px) center;
}
.form-group label.lable-cl {
    color: #9C9C9C;
}
.search-tab-span {
    position: relative;
}
.price-input {
    position: absolute;
    left: 15px;
    height: 100%;
    display: inline-flex;
    align-items: center;
    padding-right: 15px;
    border-right: 1px solid #1F1F1F;
}
.search-tab-input-itms .form-group .search-tab-span .form-control {
    padding-left: 52px;
}
.search-tab-para {
    text-align: center;
    margin-bottom: 35px;
}
.search-tab-para p {
    margin: 0 0 5px;
    font-size: 18px;
}
.search-tab-digits-meta {
    display: flex;
    gap: 15px;
    width: 100%;
    margin-bottom: 20px;
    align-items: center;
}
.search-tab-digits-l {
    flex: 0 0 75px;
    color: #9C9C9C;
    text-transform: uppercase;
    font-size: 15px;
}
.search-tab-digits-meta-itms {
    display: flex;
    gap: 10px;
}
.search-tab-digits-meta-itm .form-group {
    margin: 0;
}
.search-tab-digits-meta-itm .form-group .form-control {
    text-align: center;
    border-radius: 8px;
    padding: 9px 10px;
    border: 1px solid #1F1F1F;
    background-color: #000;
    min-height: unset;
}
.search-tab-frm-con {
    text-align: center;
    margin-top: 40px;
}
.search-tab-frm-a {
    color: #ECAE01;
    border-bottom: 1px solid #ECAE01;
}
.search-tab-form {
    margin-top: 40px;
}
.search-tab-form label {
    text-transform: uppercase;
    padding-left: 0;
}
.search-tab-form .form-control {
    border-radius: 8px;
    border: 1px solid #1F1F1F;
    background-color: #000;
    padding: 12px 15px;
    min-height: unset;
}
.bottpm-seat .modal-dialog {
    height: calc(100vh - 30px);
    margin: 0;
    margin-top: 30px;
    display: flex;
    align-items: flex-end;
    transform: translateY(100%);
    transition: transform 0.35s ease;
}
.bottpm-seat .modal-content {
    border: 0;
    box-shadow: unset;
    border-radius: 30px 30px 0 0;    
}
.bottpm-seat .modal-content::before {
    content: "";
    height: 4px;
    width: 135px;
    border-radius: 10px;
    background: #4a4a4a;
    top: 10px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.modal-categories-itms {
    max-height: calc(100vh - 167px);
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.modal-categories-itms::-webkit-scrollbar{
    display: none;
}
.modal_header1 {
    text-align: center;
    margin-top: 25px;
}
.modal_header1 h4 span {
    color: #ECAE01;
    font-weight: 600;
    font-size: 34px;
}
.modal-categories-itms .form-check-label .checkbox-tags {
    font-size: 14px;
    background: #0F0F0F;
    padding: 3px 10px;
    border-radius: 9px;
    font-weight: 300;
}
.modal-categories-itms .form-check-label {
    font-size: 20px;
}

.modal-categories .form-check {
    margin-bottom: 0;
    display: flex;
    gap: 15px;
    margin-bottom: 0;
    margin-top: 30px;
    position: relative;
}
.modal-categories-itms .form-check-label {
    font-size: 18px;
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
    font-weight: 300;
}
.modal-categories .form-check-input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    width: 26px;
    height: 26px;
    background: #0F0F0F;
    border: 1px solid #4E4E4E;
    margin-top: 0;
    border-radius: 4px;
    cursor: pointer;
    position: relative;
}
.modal-categories .form-check-input[type="checkbox"]:checked {
  background-color: #000;
  border: 2px solid #ECAE01;
}
.modal-categories .form-check-input[type="checkbox"]:checked::after {
    content: "";
    position: absolute;
    inset: 0;
    background: url("../img/check-vector.svg") no-repeat center;
    background-size: 15px;
}
.modal-categories .form-check:after {
    content: '';
    width: 100%;
    position: absolute;
    height: 1px;
    background: linear-gradient(270deg, rgba(236, 174, 1, 0) 0%, #ECAE01 100%);
    top: -16px;
    left: 0;
}
.modal-categories .form-check-input[type="checkbox"]:checked + .form-check-label .checkbox-tags {
    background: #ecae01;
    color: #000;
    font-weight: 500;
}
.bottpm-seat .modal-dialog {
    max-width: 430px;
}
button.familyPack-top-meta-itm {
    border: 0;
}
.familyPack-top-meta.filter-meta {
    justify-content: space-around;
}
.filterModal-header {
    padding: 17px 25px 16px;
    background: #000;
    border-radius: 32px 32px 0 0;
    display: flex;
    gap: 10px;
    align-items: center;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 1;
}
.filterModal-header img {
    margin-top: -3px;
}
.filterModal-footer {
    background: #000;
    padding: 20px 25px;
    display: flex;
    gap: 15px;
    justify-content: space-between;
    border-radius: 0 0 32px 32px;
}
.filterModal-footer .btn {
    border-radius: 30px;
    font-size: 17px;
    text-transform: capitalize;
    padding: 10px 20px;
}
.filterModal .modal-body {
    padding: 60px 30px;
}
.filter-tabs .nav-tabs {
    display: flex;
    flex-direction: column;
}
.filter-tabs {
    display: flex;
    gap: 20px;
}
.filter-tabs .nav-tabs .nav-link {
    width: 100%;
    border-radius: 10px;
    color: #fff;
    font-size: 16px;
    border: 0 !important;
    padding: 10px;
    text-align: left;
}
.filter-tabs .nav-tabs {
    border: 0;
    background: #666666;
    border-radius: 10px;
    height: 100%;
}
.filter-tabs .nav-tabs .nav-link.active {
    background: #ECAE01;
    color: #fff;
}


.filter-checkbox .form-check {
    margin-bottom: 15px;
    gap: 12px;
    display: flex;
    align-items: center;
    font-size: 15px;
}
.filter-checkbox .form-check-input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  width: 25px;
    height: 25px;
    background: #0F0F0F;
    border: 1px solid #4E4E4E;
    margin-top: 0;
    border-radius: 4px;
  cursor: pointer;
  position: relative;
}
.filter-checkbox .form-check-input[type="checkbox"]:checked {
  background-color: #000;
  border: 2px solid #ECAE01;
}
.filter-checkbox .form-check-input[type="checkbox"]:checked::after {
  content: "";
  position: absolute;
  inset: 0;
  background: url("../img/check-vector.svg") no-repeat center;
  background-size: 15px;
}
.filter-tab-body .form-control {
    min-height: unset;
    text-align: right;
    padding: 10px 16px 10px 75px;
}
.filter-tab-body .form-group .form-l {
    position: absolute;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 68px;
    border-right: 1px solid #4E4E4E;
    color: #ECAE01;
}
.successModal-in p {
    margin: 0;
}
.successModal .modal-body {
    padding: 50px;
}
.successModal-img {
    margin: 30px 0;
}
.successModal-in {
    font-size: 16px;
}
.successModal-in p span {
    color: #ECAE01;
}

.reseller-pannel-itms {
    max-width: 310px;
    margin: 0 auto;
    gap: 20px;
    display: flex;
    flex-direction: column;
}
.reseller-pannel-itm {
    background: #000000;
    border: 1px solid #ECAE01;
    box-shadow: 0px 0px 34px rgba(236, 174, 1, 0.7);
    border-radius: 80px;
    text-align: center;
    min-height: 51px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.reseller-pannel-para {
    background: #000002;
    border: 1px solid #ECAE01;
    box-shadow: 0px 0px 34px rgba(236, 174, 1, 0.7);
    border-radius: 10px;
    text-align: center;
    padding: 20px;
}
.reseller-pannel-para p {
    margin: 0;
}
.modal-selectradio-itms {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.modal-selectradio-itms .form-check .form-check-label {
    background: #000000;
    border: 1px solid #ECAE01;
    box-shadow: 0px 0px 34px rgba(236, 174, 1, 0.3);
    border-radius: 80px;
    min-height: 51px;
    width: 100%;
    font-size: 17px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.bottpm-seat .modal-body {
    padding: 15px 0 0 0;
}
.bottpm-seat .modal-categories-itms {
    padding: 30px;
}
.modal-selectradio-itms .form-check {
    min-height: inherit;
    padding: 0;
    margin: 0;
    position: relative;
}
.modal-categories .form-check:first-child {
    margin-top: 0;
}
.modal-categories .modal_header1 {
    margin-bottom: 15px;
}
.modal-selectradio-itms .form-check .form-check-input {
    position: absolute;
    left: 0;
    width: 100%;
    right: 0;
    margin: 0;
    height: 100%;
    opacity: 0;
    z-index: 1;
}
.modal-selectradio-itms .form-check .form-check-input[type="radio"]:checked + .form-check-label{
    background: #ECAE01;
    color: #000;
    border: 3px solid #000000;
    font-weight: 500;
}
.click-itms {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    max-height: calc(100vh - 125px);
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.click-modal .modal-body {
    padding: 30px;
}

.click-itms::-webkit-scrollbar {
  display: none;
}
.click-itm {
    flex: 0 0 calc(33.33% - 10px);
    background: #000;
    padding: 15px 10px;
    max-width: calc(33.33% - 10px);
    border-radius: 20px;
    text-align: center;
    font-size: 10px;
    color: #666666;
    border: 1px solid transparent;
}
.click-itm-img {
    margin-bottom: 10px;
}
.click-itm:hover {
    border: 1px solid #ffffff5e;
}