@import url("https://fonts.googleapis.com/css2?family=Alfa+Slab+One&family=Roboto:wght@100;300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css?family=Roboto"); /***** General CSS *****/
ul {
  padding-left: 0;
  list-style: none;
}

img {
  max-width: 100%;
}

body {
  word-break: break-word;
  font: 18px/25px "Roboto", sans-serif;
  color: #fff;
  font-weight: 500;
  background-color: #000;
}

a {
  text-decoration: none;
}

p {
  color: #fff;
  line-height: normal;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: serif;
  color: #fff;
}

h1 {
  font-size: 60px;
  line-height: 70px;
  color: #fff;
  font-weight: 500;
  margin: 0 0 17px;
  letter-spacing: 1px;
}

h2 {
  font-size: 50px;
  line-height: normal;
  color: #fff;
  font-weight: 500;
  margin: 0 0 20px;
  text-transform: capitalize;
  letter-spacing: 1px;
}

h3 {
  font-size: 30px;
  line-height: 34px;
  color: #000000;
  font-weight: 600;
  margin: 0 0 28px;
}

h4 {
  font-size: 24px;
  line-height: 29px;
  color: #393939;
  font-weight: 500;
  margin: 0 0 13px;
}

h5 {
  font-size: 20px;
  line-height: 25px;
  color: #393939;
  font-weight: 500;
  margin: 0 0 20px;
}

h6 {
  font-size: 18px;
  line-height: 23px;
  color: #393939;
  font-weight: 500;
  margin: 0 0 22px;
  color: #fff;
}

select {
  padding: 0px 40px 0 30px;
  border-radius: 0.25rem;
  font-size: 0.875rem;
  font-family: inherit;
  line-height: 21px;
  padding: 0.25rem 0.5rem;
}

::-webkit-input-placeholder {
  color: #575757;
}

::-moz-placeholder {
  color: #575757;
  opacity: 1;
}

:-ms-input-placeholder {
  color: #575757;
}

:-moz-placeholder {
  color: #575757;
  opacity: 1;
}

/* BEGIN: HEADER SEC CSS */
/* header.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
} */
/* header.fixed .main-navigate {
    background: black;
    box-shadow: 1px 20px 20px 5px #13ff3a25;
} */
.b_head {
  color: #fff;
}

.slicknav_menu {
  display: none;
}

section.banner {
  /* height: auto; */
  position: relative;
  /* background-image: linear-gradient(45deg , #22577a, #38a3a5, #57cc99, #008000); */
  padding: 150px 0;
  /* animation: gradient 10s ease infinite; */
  /* background-repeat: no-repeat; */
  /* background-size: 1000% 1000%; */
  background-position: top;
  background-size: cover;
}

@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

/* .main-navigate {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 99;
    padding: 0 2%;
    background: #0000003b;
    backdrop-filter: blur(6px);
} */
.banner > video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

section.banner > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 0 -46vh;
  filter: hue-rotate(154deg);
}

/* .banner-cont {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(359deg, #0e0d0d, #000000bd, transparent);
    display: flex;
    align-items: center;
    overflow: hidden;
    z-index: 1;
} */
.dropop-dwon {
  display: none;
}

ul#menu {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 50px;
  margin: 0;
  flex-wrap: wrap;
  padding-bottom: 25px;
}

ul#menu > li > a {
  color: #fff;
  font-size: 20px;
  text-decoration: none;
  transition: ease 0.15s;
  font-family: "Oxanium", sans-serif;
}

ul#menu > li > a:hover {
  color: #dd52ae;
  transition: ease 0.15s;
}

header .logo {
  padding: 10px 20px;
  /* background: #000; */
  border-radius: 5px;
  /* margin: 0 auto; */
  /* width: 25%; */
}

ul#menu > li {
  /* padding: 25px 0; */
  position: relative;
}

/* header.fixed .main-navigate ul#menu>li {
    padding: 25px 0;
    position: relative;
} */
ul#menu > li:hover .dropop-dwon {
  display: grid;
  position: absolute;
  width: 230px;
  background: #fff;
  top: 100%;
  right: 0;
  z-index: 1;
}

.dropop-dwon > a {
  font-size: 18px;
  padding: 8px 10px;
  text-decoration: none;
  color: #fff5f5;
  border-bottom: 1px solid #ddd;
  background: #0e0d0d;
}

.dropop-dwon > a:hover {
  background: #168aad;
  padding-left: 20px;
  transition: 0.3s all;
  color: black;
}

.svg-text-bg {
  height: 120%;
  position: absolute;
  top: -110px;
  z-index: -1;
  left: -90px;
}

.front-text {
  padding-right: 0;
}

/* btn */
.btn {
  color: #fff;
  cursor: pointer;
  font-size: 16px;
  display: inline-flex;
  padding: 0 30px;
  height: 50px;
  align-items: center;
  justify-content: center;
  position: relative;
  text-transform: uppercase;
}

.btn:hover {
  text-decoration: none;
}

.btn-1 {
  font-weight: 400;
  background: #000 !important;
}

.btn-1 rect {
  fill: none;
  stroke: #000;
  stroke-width: 2;
  stroke-dasharray: 422, 0;
  transition: all 0.35s linear;
}

.btn-1.bg-red rect {
  stroke: #db0303;
}

.btn-1.bg-red:hover rect {
  stroke: red;
}

.btn-1 svg {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

a.bg-white:hover {
  background: rgb(255 255 255) !important;
}

.btn.bg-white:hover {
  color: #000;
}

.btn-1:hover rect {
  stroke-width: 5;
  stroke-dasharray: 25, 367;
  stroke-dashoffset: 100%;
  transition: all 1.35s cubic-bezier(0.19, 1, 0.62, 1);
}

/* btn */
.socail-links {
  position: absolute;
  bottom: 40px;
  right: 6%;
  background: #ffffff61;
  border-radius: 7px;
  overflow: hidden;
  border: 2px solid #fff;
  z-index: 9;
}

.socail-links > a {
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  color: #fff;
  position: relative;
  font-size: 18px;
}

.socail-links > a:before {
  left: -300px;
  height: 100%;
  width: 100%;
  content: "";
  position: absolute;
  background: #000;
  top: 0;
  z-index: -1;
  transition: 0.5s all;
}

.socail-links > a:hover::before {
  left: 0;
}

section.journey-sec {
  padding: 80px 0 0 0;
}

ul#myTab {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 30px 0;
  border: 0;
  gap: 10px;
}

.nav-tabs .nav-link {
  color: #fff;
  background: #201e1e;
  border-radius: 7px;
}

.img-jr > img {
  height: 240px;
  object-fit: cover;
  transition: 0.5s all;
}

.img-jr:hover > img {
  box-shadow: 0 0 12px 8px #ffffff2e;
  transform: scale(1.01);
}

/* CountDown */
#countdown {
  width: 100%;
  height: auto;
  text-align: center;
  background: #222;
  background-image: -webkit-linear-gradient(top, #222, #333, #333, #222);
  background-image: -moz-linear-gradient(top, #222, #333, #333, #222);
  background-image: -ms-linear-gradient(top, #222, #333, #333, #222);
  background-image: -o-linear-gradient(top, #222, #333, #333, #222);
  border: 1px solid #111;
  border-radius: 5px;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.6);
  margin: auto;
  padding: 25px 0 50px;
  position: relative;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

#countdown:before {
  content: "";
  width: 8px;
  height: 65px;
  background: #13ff3a;
  background-image: -webkit-linear-gradient(top, #555, #13ff3a, #13ff3a, #555);
  background-image: -moz-linear-gradient(top, #555, #13ff3a, #13ff3a, #555);
  background-image: -ms-linear-gradient(top, #555, #13ff3a, #13ff3a, #555);
  background-image: -o-linear-gradient(top, #555, #13ff3a, #13ff3a, #555);
  border: 1px solid #111;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  display: block;
  position: absolute;
  top: 48px;
  left: -10px;
}

#countdown:after {
  content: "";
  width: 8px;
  height: 65px;
  background: #13ff3a;
  background-image: -webkit-linear-gradient(top, #555, #13ff3a, #13ff3a, #555);
  background-image: -moz-linear-gradient(top, #555, #13ff3a, #13ff3a, #555);
  background-image: -ms-linear-gradient(top, #555, #13ff3a, #13ff3a, #555);
  background-image: -o-linear-gradient(top, #555, #13ff3a, #13ff3a, #555);
  border: 1px solid #111;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  display: block;
  position: absolute;
  top: 48px;
  right: -10px;
}

#countdown #tiles {
  position: relative;
  z-index: 1;
}

#countdown #tiles > span {
  width: 92px;
  max-width: 92px;
  font: bold 58px "Droid Sans", Arial, sans-serif;
  text-align: center;
  color: #13ff3a;
  background-color: #2c2828;
  background-image: -webkit-linear-gradient(top, #2c2828, #2c2828);
  background-image: -moz-linear-gradient(top, #2c2828, #2c2828);
  background-image: -ms-linear-gradient(top, #2c2828, #2c2828);
  background-image: -o-linear-gradient(top, #2c2828, #2c2828);
  border-top: 1px solid #13ff3a;
  border-radius: 3px;
  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.7);
  margin: 0 7px;
  padding: 12px 0;
  display: inline-block;
  position: relative;
}

#countdown #tiles > span:before {
  content: "";
  width: 100%;
  height: 13px;
  background: #111;
  display: block;
  padding: 0 3px;
  position: absolute;
  top: 41%;
  left: -3px;
  z-index: -1;
}

#countdown #tiles > span:after {
  content: "";
  width: 100%;
  height: 1px;
  background: #eee;
  border-top: 1px solid #333;
  display: block;
  position: absolute;
  top: 48%;
  left: 0;
}

#countdown .labels {
  width: 100%;
  height: 25px;
  text-align: center;
  position: absolute;
  bottom: 10px;
}

#countdown .labels li {
  width: 102px;
  font: bold 15px "Droid Sans", Arial, sans-serif;
  color: #13ff3a;
  text-shadow: 1px 1px 0px #000;
  text-align: center;
  text-transform: uppercase;
  display: inline-block;
}

/* CountDown */
section.count-down-sec {
  padding: 100px 0;
  background: url(../images/count-bg.jpg);
  background-size: cover;
  background-position: 0 -340px;
  background-color: #000000c7;
  background-blend-mode: overlay;
  background-attachment: fixed;
}

.marquee-sec {
  background: #13ff3a;
  padding: 20px 0;
  font-size: 22px;
  color: #000;
}

.marquee-sec i {
  margin-left: 30px;
  color: #000;
  font-size: 30px;
}

section.video-platform {
  padding: 80px 0;
}

a.btn.btn-1.bg-white.style2 {
  background: #13ff3a !important;
  color: #000;
}

.btn-1 + a.btn.btn-1.bg-white.style2 {
  margin-left: 10px;
}

a.btn.btn-1.bg-white.style2 rect {
  stroke: #13fa39;
}

a.btn.btn-1.bg-white.style2:hover rect {
  stroke: #000;
}

.slider-vid .slick-slide {
  height: 580px;
  object-fit: cover;
  margin: 0 20px;
  transition: 0.5s all;
}

.slider-vid {
  margin-top: 20px;
}

/* Slider arrow */
.slidr-arrow {
  display: flex;
  align-items: center;
  justify-content: end;
  margin: 30px 18px 0;
}

.slidr-arrow > a {
  height: 45px;
  width: 45px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #13fa39;
  color: #000;
  border-radius: 7px;
  position: relative;
  transition: 0.2s all;
  margin: 0 4px;
}

.slidr-arrow > a:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  background: #fff;
  border: 1px solid #000;
  border-radius: 7px;
  left: 0;
  z-index: -2;
  top: 0;
  transition: 0.2s all;
}

.slidr-arrow > a:hover {
  transform: translate(-3px, -3px);
}

.slidr-arrow > a:hover::before {
  left: 3px;
  top: 3px;
}

.slidr-arrow > a:after {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  background: #13ff3a;
  left: 0;
  border-radius: 7px;
  z-index: -1;
}

.slider-vid .slick-arrow {
  visibility: hidden;
  position: absolute;
}

.slider-vid .slick-slide:hover {
  transform: scale(1.01);
}

.slick-dots {
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 1rem 0;
  list-style-type: none;
}

.slick-dots li {
  margin: 0 0.25rem;
}

.slick-dots button {
  display: block;
  width: 12px;
  height: 12px;
  padding: 0;
  border: none;
  border-radius: 100%;
  background-color: #5c5c5c;
  text-indent: -9999px;
}

.slick-dots li.slick-active button {
  background-color: white;
}

section.start-ups {
  padding: 80px 0;
  background-image: url(../images/tv-bg.jpg);
  background-attachment: fixed;
  background-blend-mode: color;
  background-color: rgba(0, 0, 0, 0.524);
  background-position: center center;
  background-size: cover;
}

.mac-wrap > img {
  width: 100%;
  height: 50px;
  object-fit: cover;
  object-position: left;
  border-radius: 2px;
}

.in-mac > img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

/* gallery sec css */
.grid-item:hover img {
  transition: 0.5s ease-out;
  transform: scale(1.2);
}

.gallery-sc {
  padding: 80px 0px;
  background-color: #0e0d0d;
  position: relative;
}

.grid-item img {
  width: 356px;
  height: auto;
  object-fit: cover;
  height: 100%;
  transition: 0.5s ease-out;
}

.grid-item {
  height: auto;
  margin-bottom: 20px;
  overflow: hidden;
}

/*
.grid-item a {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.gallery-sc .row.justify-content-center {
    gap: 45px 0px;
} */
.gallery-sc .cl-rel {
  position: relative;
}

.gallery-sc .cl-rel .gal-title {
  position: absolute;
  left: 12px;
  height: auto;
  width: auto;
  top: auto;
  bottom: -30px;
  z-index: 99;
}

.gallery-sc .cl-rel .gal-title h6 {
  color: white;
  margin: 0;
  font-size: 30px;
}

.gallery-sc .cl-rel .gal-title.gal-title-2 {
  bottom: auto;
  top: -30px;
}

.gall-txt-img img {
  width: 85%;
  margin: 0 0 auto;
  display: block;
}

.gall-txt {
  padding-left: 90px;
  margin-bottom: 110px;
}

.gal-head {
  margin-bottom: 130px;
  padding-right: 50px;
}

/* services sec css */
.ser-btn-sc ul {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 100px;
  gap: 40px;
}

.serviceBox a {
  margin-top: 30px;
  display: inline-block;
  margin-left: 23px;
  color: black;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
}

.serviceBox:hover::after {
  transition: 0.3s ease-out;
  width: 100%;
}

section.ser-sec {
  padding: 80px 0;
  background-image: url(../images/gal-img-7.jpg);
  background-attachment: fixed;
  background-blend-mode: color;
  background-color: rgba(0, 0, 0, 0.389);
  background-position: center center;
  background-size: cover;
}

.centerCol {
  margin: 0 auto;
}

.ser-head {
  text-align: center;
  margin-bottom: 50px;
}

.serviceBox {
  color: var(--main-color);
  font-family: "Poppins", sans-serif;
  text-align: center;
  padding: 10px 10px 30px;
  border: 3px solid var(--main-color);
  position: relative;
  z-index: 1;
  text-align: left;
  margin-bottom: 50px;
  height: 360px;
}

.serviceBox:before,
.serviceBox:after {
  content: "";
  background: #fff;
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  transform: translateX(-50%) translateY(-50%);
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -1;
}

.serviceBox:after {
  background: var(--main-color);
  width: 50%;
  height: 100%;
  box-shadow: none;
  transform: translateX(0) translateY(0);
  top: 0;
  left: auto;
  right: 0;
  z-index: -2;
  transition: 0.3s ease-out;
}

.serviceBox .service-icon {
  color: #000;
  background: #13ff3a;
  font-size: 40px;
  line-height: 85px;
  width: 85px;
  height: 85px;
  margin: 0 0 25px;
  box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
  text-align: center;
}

.serviceBox .title {
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
  margin: 0 25px 10px;
  letter-spacing: 2px;
}

.serviceBox .description {
  color: #888;
  font-size: 16px;
  line-height: 22px;
  text-align: justify;
  margin: 0 25px 0;
}

.serviceBox.blue {
  --main-color: #13ff3a;
}

.serviceBox.yellow {
  --main-color: #f37f12;
}

.serviceBox.green {
  --main-color: #32c392;
}

@media only screen and (max-width: 1199px) {
  .serviceBox {
    margin: 0 0 40px;
  }
}

/* rebal product css */
.rebel-proud-sl .slick-slide {
  margin: 0px 10px;
  transform: scale(0.8);
  overflow: hidden;
  transition: 0.5s ease-out;
  opacity: 0.5;
  pointer-events: none;
}

.rebel-proud-sc {
  background: #0e0d0d;
  padding: 80px 0px;
}

.rebel-proud-head {
  text-align: center;
  margin-bottom: 50px;
}

.rebel-proud-sl .slick-slide img {
  width: 100%;
  border: 10px solid rgba(255, 255, 255, 0);
  height: 500px;
  object-fit: cover;
}

.rebel-proud-sl .slick-slide.slick-current img {
  border-color: rgb(19, 255, 58);
}

.rebel-proud-sl .slick-arrow::before {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: white;
  opacity: 1;
  font-family: "Font Awesome 5 Pro";
  color: black;
  border-radius: 50px;
  font-size: 30px;
  line-height: 0;
}

.rebel-proud-sl .slick-arrow.slick-prev {
  left: -50px;
}

.rebel-proud-sl .slick-arrow.slick-prev::before {
  content: "ÃÃââââ‚ÃÃÆâ€ââ€žÂ¢ÃƒÆ’ƒâ€ Ã¢â‚¬â„¢ÃƒÆ’†â€™Ãƒâ€šÃ‚¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚¬Ã…¡Ãƒâ€šÃ‚¬ÃƒÆ’…¡Ã‚¬Ã…¡Ãƒâ€šÃ‚¯ÃƒÆ’âââ€ÅÃâââÃÆâ€ââ€žÂ¢ÃƒÆ’ƒâ€šÃ‚¢ÃƒÂ¢Ã¢â€šÂ¬Ã…¡Ã‚¬Ã…¡Ã‚¬Ã…¡Ãƒâ€šÃ‚¡ÃƒÆ’ƒâ€šÃ‚¬Ãƒâ€¦Ã‚¡ÃƒÆ’‚ÃÆâ€â„Ãâââââ€Ãâ€¦Ã‚¡Ãƒâ€šÃ‚¬Ãƒâ€¦Ã‚¡Ãƒâ€šÃ‚¬Ãƒâ€¦Ã‚¡ÃƒÆ’‚¢ÃƒÆ’ƒÆ’†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…¡Ãƒâ€ÅÃââÃÆââ‚Ãâ€šÃ‚¬ÃƒÂ¢Ã¢â‚¬Å¾Ã‚¢ÃƒÆ’ƒâ€šÃ‚¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚¬Ã…¡Ã‚¬Ã…¡Ãƒâ€šÃ‚¡ÃƒÆ’ƒÆ’‚ ";
}

.rebel-proud-sl .slick-arrow.slick-next::before {
  content: "ÃÃââââ‚ÃÃÆâ€ââ€žÂ¢ÃƒÆ’ƒâ€ Ã¢â‚¬â„¢ÃƒÆ’†â€™Ãƒâ€šÃ‚¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚¬Ã…¡Ãƒâ€šÃ‚¬ÃƒÆ’…¡Ã‚¬Ã…¡Ãƒâ€šÃ‚¯ÃƒÆ’âââ€ÅÃâââÃÆâ€ââ€žÂ¢ÃƒÆ’ƒâ€šÃ‚¢ÃƒÂ¢Ã¢â€šÂ¬Ã…¡Ã‚¬Ã…¡Ã‚¬Ã…¡Ãƒâ€šÃ‚¡ÃƒÆ’ƒâ€šÃ‚¬Ãƒâ€¦Ã‚¡ÃƒÆ’‚ÃÆâ€â„Ãâââââ€Ãâ€¦Ã‚¡Ãƒâ€šÃ‚¬Ãƒâ€¦Ã‚¡Ãƒâ€šÃ‚¬Ãƒâ€¦Ã‚¡ÃƒÆ’‚¢ÃƒÆ’ƒÆ’†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…¡Ãƒâ€ÅÃââÃÆââ‚Ãâ€šÃ‚¬ÃƒÂ¢Ã¢â‚¬Å¾Ã‚¢ÃƒÆ’ƒâ€šÃ‚¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚¬Ã…¡Ã‚¬Ã…¡Ãƒâ€šÃ‚¡ÃƒÆ’ƒÆ’‚¡";
}

.rebel-proud-sl .slick-arrow.slick-next {
  right: -10px;
}

.rebel-proud-sl .slick-arrow:hover::before {
  background: rgb(19, 255, 58);
  color: white;
}

.rebel-proud-sl .slick-slide ul li {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 16px;
}

.rebel-proud-sl .slick-slide ul li i {
  width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
  font-size: 21px;
  color: black;
  background: rgb(19, 255, 58);
}

.rebel-proud-sl .slick-slide ul {
  position: absolute;
  bottom: 7%;
  margin-bottom: 0px;
  transition: all 0.5s ease-out 0s;
  right: -60px;
}

.rebel-proud-sl .slick-slide ul li a:hover i {
  background: white;
  color: rgb(19, 255, 58);
}

.rebel-proud-sl .slick-slide:hover ul {
  transition: all 0.5s ease-out 0s;
  right: 7%;
}

.ser-btn-sc ul {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 50px;
  gap: 40px;
}

.serviceBox a {
  margin-top: 30px;
  display: inline-block;
  margin-left: 23px;
  color: black;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
}

.serviceBox:hover::after {
  transition: 0.3s ease-out;
  width: 100%;
}

.rebel-proud-sl .slick-slide.slick-current {
  transform: scale(1.2);
  opacity: 1;
  transition: 0.5s ease-out;
  pointer-events: auto !important;
}

.rebel-proud-sl .slick-list.draggable {
  padding: 60px 0 !important;
}

/* live show sec css */
.live-shw-sc {
  padding: 80px 0;
  background-image: url(../images/live-show.jpg);
  background-attachment: fixed;
  background-blend-mode: color;
  background-color: rgba(0, 0, 0, 0.389);
  background-position: center center;
  background-size: cover;
}

.live-sh-head {
  margin-bottom: 50px;
}

.live-sh-txt {
  padding: 15px 15px 30px;
  background: white;
  border-radius: 10px;
  position: relative;
}

.live-sh-txt img {
  width: 100%;
  height: 300px;
  object-fit: cover;
  border-radius: 15px;
  margin-bottom: 30px;
}

.live-sh-txt h5 {
  margin-bottom: 10px;
}

.live-sh-txt p {
  margin-bottom: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  /* number of lines to show */
  line-clamp: 3;
  -webkit-box-orient: vertical;
  color: black;
}

.buy-tickit {
  text-align: center;
  margin-top: 30px;
}

/* live ent ticket */
section.start-ups.live-event-tick {
  background: rgb(14, 13, 13);
}

.live-event-tick h2 {
  font-size: 30px;
  line-height: 35px;
}

.live-event-tick h5 {
  color: #13ff3a;
}

.live-sh-txt .off-txt {
  position: absolute;
  left: 7%;
  background: rgb(19, 255, 58);
  color: black;
  padding: 10px 10px;
  font-family: "Alfa Slab One";
  border-radius: 10px;
  top: 5%;
  font-size: 17px;
  letter-spacing: 2px;
}

.upload-fil {
  position: relative;
  margin-bottom: 32px;
}

.upload-fil form {
  width: 100%;
  height: 300px;
}

.upload-fil img {
  position: absolute;
  top: 0px;
  left: 0;
  z-index: 0;
}

.upload-fil form input[type="file"] {
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 99999;
  position: relative;
  cursor: pointer;
}

/* show room sec css */
.creat-sc-hm {
  background-image: url(../images/art-bg.jpg);
  background-attachment: fixed;
  background-blend-mode: color;
  background-color: rgba(0, 0, 0, 0.845);
  background-position: center center;
  background-size: cover;
  padding: 80px 0;
}

.show-room-sc {
  padding: 80px 0;
  background: #0e0d0d;
}

.showrm-img-txt h5 {
  color: #13ff3a;
}

.showrm-img-txt p {
  margin-bottom: 60px;
}

/* supement sec css */
.supliment-sec-2 .sup-2-inn.sup-2-inn img {
  height: 300px;
}

.sup-2-inn.sup-2-inn-mn {
  height: 630px !important;
  margin-bottom: 0 !important;
}

.sup-2-inn.sup-2-inn-mn img {
  height: 630px !important;
}

.sup-2-inn {
  margin-bottom: 30px;
}

.supliment-sc {
  background-image: url(../images/supli-img.png);
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
  padding: 80px 0 170px;
  background-attachment: fixed;
  background-blend-mode: color;
  background-color: rgba(0, 0, 0, 0.502);
}

.subli-txt {
  padding: 30px 20px 60px;
  background: #2c2828;
  border-radius: 15px;
  height: 100%;
  position: relative;
}

.subli-txt h3 {
  margin-top: 0;
  color: white;
  font-weight: 200;
  letter-spacing: 2px;
  line-height: 30px;
  font-size: 22px;
  margin-bottom: 15px;
}

.subli-txt h6 {
  color: #13ff3a;
  margin-bottom: 0;
  position: absolute;
  bottom: 30px;
}

.supliment-sc .row {
  gap: 35px 0;
}

.sup-mn {
  margin-top: 20px;
  text-align: center;
}

/* subliment sec 2 css */
section.supliment-sec-2.merch-store-sc {
  background-image: url(../images/member-ship.jpg);
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
  padding: 80px 0 80px;
  background-attachment: fixed;
  background-blend-mode: color;
  background-color: rgba(0, 0, 0, 0.588);
}

section.supliment-sec-2 {
  background: rgb(14, 13, 13);
  padding: 80px 0;
}

.sup-2-inn.sup-2-inn img {
  width: 100%;
  height: 450px;
  object-fit: cover;
}

.sup-2-inn {
  position: relative;
  overflow: hidden;
}

.sup-2-txt {
  position: absolute;
  bottom: -75%;
  transition: 0.3s ease-out;
}

.sup-2-txt {
  width: 100%;
  background: linear-gradient(to top, black, #0000007d);
  padding: 13px;
}

.supliment-sec-2 .row {
  gap: 20px 0;
}

.sup-2-txt h5 {
  color: white;
  margin-bottom: 9px;
}

.sup-2-txt p {
  color: white;
  margin-bottom: 5px;
}

.subli-txt-mn .sup-2-txt h6 {
  color: #13ff3a;
  width: 40%;
}

.sup-2-txt h6 {
  color: #13ff3a;
  font-size: 16px;
}

.sup-2-inn:hover .sup-2-txt {
  bottom: 0;
  transition: 0.4s ease-out;
}

/* promot video secc */
.promot-vdo-sc {
  padding: 80px 0;
}

.live-sh-txt .our-vdo {
  position: relative;
}

.live-sh-txt .our-vdo a {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  font-size: 100px;
  color: #13ff3a;
  background: #2c282880;
  border-radius: 15px;
}

.live-sh-txt .our-vdo img {
  margin-bottom: 0;
}

.promot-vdo-sc .live-sh-txt {
  height: 500px;
}

.promot-vdo-sc .live-sh-txt p {
  margin-top: 20px;
}

.promot-vdo-sc .row {
  gap: 30px 0;
}

/* approach sec css start*/
.approach-module h2 {
  text-align: left;
  font-size: 45px;
  padding-bottom: 0px;
  color: black;
  font-weight: 600;
  width: 100%;
  margin-bottom: 35px;
}

.seo-module .pillor-hh h2 {
  margin-bottom: 15px;
}

.pillor-hh p {
  text-align: left;
  width: 100%;
  margin: 0px auto 50px 0px;
  font-size: 18px;
  line-height: 25px;
}

.approach-items {
  position: relative;
  counter-reset: my-sec-counter 0;
}

.approach-items .approach-title {
  text-transform: capitalize;
  font-size: 22px;
  margin-bottom: 0;
  display: block;
  color: white;
  line-height: 35px;
  font-family: "Alfa Slab One", sans-serif;
  text-transform: uppercase;
}

.approach-items .approach-content {
  font-size: 16px;
  line-height: 30px;
  color: black;
}

.approach-items .approach-item {
  position: relative;
  width: 100%;
  text-align: left;
}

.approach-items .approach-item::before {
  position: absolute;
  left: 50%;
  height: 100%;
  width: 2px;
  display: block;
  content: "";
  background: -webkit-linear-gradient(top, #13ff3a 50%, transparent 50%) 0% 0% /
    100% 6px;
}

.approach-items .approach-item .approach-inner {
  position: relative;
  float: left;
  box-sizing: border-box;
  border: 2px solid #13ff3a;
  padding: 40px;
}

.approach-items .approach-item .approach-inner::after {
  position: absolute;
  display: inline-block;
  counter-increment: my-sec-counter 1;
  content: "0" counter(my-sec-counter) "";
  color: rgb(226, 29, 26);
  font-weight: 700;
  font-size: 22px;
  line-height: 22px;
}

.approach-items .approach-item:nth-child(2n) .approach-inner {
  float: right;
}

.approach-inner:hover {
  background-color: #13ff3a;
  border-color: #13ff3a !important;
  cursor: pointer;
}

.approach-inner:hover * {
  color: rgb(0 0 0);
}

.approach-items .approach-item::after {
  clear: both;
  display: block;
  content: "";
}

.approach-sub-module {
  padding: 0px 0px 100px;
}

.approach-sub-module .container {
  padding-top: 40px;
  border-top: 1px solid rgb(208, 208, 208);
}

.approach-sub-module .section-title {
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 60px;
}

.approach-sub-module .row:last-child .inner::before {
  display: none;
}

.approach-sub-module .row:first-child .inner {
  padding: 25px 5% 25px 95px;
}

.approach-sub-module .row:first-child .inner::before {
  top: 25px;
  height: calc(100% - 25px);
}

.approach-sub-module
  .row:last-child
  .approach-list:not(.active)
  .inner
  .column-count::before {
  position: absolute;
  height: 27px;
  z-index: 8;
  left: 50%;
  margin-left: -1px;
  top: -27px;
  display: block;
  content: "";
  width: 2px;
  background-color: rgb(208, 208, 208);
}

.approach-selection {
  position: relative;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease 0s;
  transform: translate(100%, 0px);
}

.approach-selection .inner {
  position: absolute;
  top: -5px;
  left: 0px;
  padding: 0px !important;
}

.approach-selection .approach-title {
  position: relative;
  z-index: 19;
  text-transform: uppercase;
  color: rgb(51, 55, 67);
  font-style: normal;
  font-weight: 500;
  font-size: 32px;
  margin-bottom: 10px;
  display: block;
}

.approach-selection .approach-content {
  position: relative;
  z-index: 11;
  font-size: 24px;
  line-height: 38px;
  color: rgb(146, 151, 163);
  opacity: 0.75;
  font-weight: normal;
}

.approach-list {
  position: relative;
  padding-right: 8%;
  box-sizing: border-box;
}

.approach-list::before {
  position: absolute;
  content: "";
  display: block;
  z-index: 21;
  right: 0px;
  height: 100%;
  width: 8%;
}

.approach-list .approach-title {
  position: relative;
  z-index: 19;
  text-transform: uppercase;
  color: rgb(51, 55, 67);
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  margin-bottom: 12px;
  display: block;
}

.approach-list .approach-content {
  position: relative;
  z-index: 11;
  font-size: 14px;
  line-height: 20px;
  color: rgb(146, 151, 163);
  opacity: 0.75;
  font-weight: normal;
}

.approach-list .column-count {
  position: absolute;
  z-index: 12;
  top: 25px;
  left: 32px;
  background-color: white;
  width: 34px;
  height: 34px;
  text-align: center;
  line-height: 34px;
  font-size: 12px;
  font-weight: 500;
  color: rgb(16, 102, 116);
  border-radius: 34px;
  box-sizing: border-box;
  border: 2px solid rgb(208, 208, 208);
}

.approach-list .inner {
  position: relative;
  padding: 25px 5% 25px 95px;
  box-sizing: border-box;
  z-index: 22;
}

.approach-list .inner::after {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  content: "";
  display: block;
  height: 100%;
  background-color: white;
  z-index: 9;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease 0s;
}

.approach-list .inner::before {
  position: absolute;
  height: 100%;
  z-index: 8;
  left: 48px;
  top: 0px;
  display: block;
  content: "";
  width: 2px;
  background-color: rgb(208, 208, 208);
}

.approach-content p {
  color: white;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .slicknav_menu {
    display: block;
  }

  .add-to-cart .container {
    max-width: 700px;
  }

  .add-to-cart .product-img {
    width: 50%;
  }

  .add-to-cart thead {
    display: none !important;
  }
}

@media (min-width: 801px) {
  .approach-items .approach-item:first-child::before {
    height: 50%;
    top: 50%;
  }

  .approach-items .approach-item:last-child::before {
    height: 50%;
    bottom: 50%;
  }

  .approach-items .approach-item .approach-inner {
    width: calc(50% - 70px);
  }

  .approach-items .approach-item .approach-inner::before {
    position: absolute;
    top: 50%;
    display: inline-block;
    content: "";
    right: -74px;
    width: 0px;
    height: 0px;
    margin-top: -12px;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 12px solid #13ff3a;
  }

  .approach-items .approach-item .approach-inner::after {
    top: 50%;
    right: -167px;
    margin-top: -11px;
    width: 40px;
    height: 30px;
    background-color: #13ff3a;
    display: flex;
    align-items: center;
    justify-content: center;
    color: black;
    border-radius: 6px;
  }

  .approach-items .approach-item:nth-child(2n) .approach-inner::before {
    left: -72px;
    right: auto;
    border-right: 0px;
    border-left: 12px solid #13ff3a;
  }

  .approach-items .approach-item:nth-child(2n) .approach-inner::after {
    right: auto;
    left: -165px;
  }
}

.buss-new-parall {
  padding: 80px 0;
  background: #0e0d0d;
}

.bus-new-p-txt h2 {
  text-align: center;
  width: 90%;
  margin: 0 auto 30px;
}

.app-head p {
  width: 60%;
  margin: auto;
}

.app-head {
  text-align: center;
  margin-bottom: 60px;
}

.approach-inner h6 {
  color: #13ff3a;
  margin-bottom: 20px;
}

.approach-inner i {
  font-size: 40px;
  color: white;
}

/* footer css */
.footerSec {
  /* background-image: url(../images/footer-bg.png); */
  width: 100%;
  height: 100%;
  background-position: bottom;
  background-size: cover;
  padding: 80px 0 0;
  background-color: #000;
  background-attachment: fixed;
}

.ftr-abt p {
  margin-bottom: 0;
  margin-top: 50px;
  color: #fff;
}

.footerSec h2 {
  font-size: 25px;
  line-height: 40px;
  margin-bottom: 30px;
  color: #fff;
}

.foot-links a {
  color: white;
  font-size: 16px;
  transition: ease 0.15s;
}

.foot-links a:hover {
  color: #168aad;
}

.foot-links li {
  margin-bottom: 12px;
}

.ftr-cntct i {
  font-size: 25px;
  color: #168aad;
  width: 27px;
  text-align: left;
  margin-right: 15px;
}

.foot-links {
  padding-left: 110px;
}

.ftr-cntct a {
  color: white;
  display: flex;
  align-items: center;
  width: fit-content;
}

.ftr-abt img {
  width: 200px;
}

.ftr-cntct a:hover {
  color: #168aad;
}

.ftr-cntct li {
  margin-bottom: 30px;
}

.copy-txt p {
  margin-bottom: 0;
  text-align: center;
  color: #fff;
  font-size: 16px;
}

.footer-btm .row {
  align-items: baseline;
}

.footer-btm {
  /* border-top: 1px solid #66666C; */
  padding: 20px 0;
  margin-top: 50px;
}

.copy-txt img {
  margin-top: 10px;
}

/* tv show new sec css */
.movie-list-1 {
  display: block;
  background: #2c2828;
  border-radius: 7px;
  width: 100%;
  padding-left: 0;
  overflow: hidden;
  margin-bottom: 40px;
}

.celebrity-list-1,
.movie-list-2 {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

.movie-list-1 .listing-container {
  display: flex;
  height: 300px;
}

.movie-list-1 .listing-image {
  flex: 4;
  position: relative;
}

.movie-list-1 .listing-image:before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #343a40;
  opacity: 0.6;
  content: "";
}

.movie-list-1 .listing-image:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  background: -webkit-linear-gradient(
    to left,
    rgba(52, 58, 64, 1) 0,
    rgba(52, 58, 64, 0) 100%
  );
  background: -o-linear-gradient(
    to left,
    rgba(52, 58, 64, 1) 0,
    rgba(52, 58, 64, 0) 100%
  );
  background: linear-gradient(
    to left,
    rgb(44 40 40) 0,
    rgba(52, 58, 64, 0) 100%
  );
}

.movie-list-1 .listing-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.movie-list-1 .stars {
  position: absolute;
  left: 30px;
  bottom: 10px;
  width: 100%;
  z-index: 10;
}

.movie-list-1 .stars .rating {
  color: #13ff3a;
}

.movie-list-1 .listing-image .play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 12;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.movie-list-1 .listing-image .play-btn .play-video {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}

.movie-list-1:hover .listing-image .play-btn .play-video {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-box-shadow: 0 0 0 10px rgba(147, 82, 179, 0);
  -moz-box-shadow: 0 0 0 10px rgba(147, 82, 179, 0);
  box-shadow: 0 0 0 10px rgba(147, 82, 179, 0);
}

.movie-list-1:hover .listing-image .play-btn .play-video:hover {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
  -webkit-box-shadow: 0 0 0 10px #13ff3a57;
  -moz-box-shadow: 0 0 0 10px rgba(147, 82, 179, 0.4);
  box-shadow: 0 0 0 10px #13ff3a57;
}

.movie-list-1 .listing-image .buttons {
  position: absolute;
  width: 100%;
  top: 10px;
  left: 30px;
  color: #fff;
  z-index: 99;
}

.movie-list-1 .listing-image .buttons a {
  font-size: 22px;
  margin-right: 10px;
  color: #fff;
  opacity: 0.5;
}

.movie-list-1:hover .listing-image .buttons a {
  opacity: 1;
}

.listing-content p {
  font-size: 15px;
  line-height: 25px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  width: 90%;
  margin: 10px auto;
}

.movie-list-1 .listing-content {
  flex: 6;
  position: relative;
  text-align: center;
}

.movie-list-1 .listing-content .inner {
  position: absolute;
  width: 100%;
  top: 50%;
  padding: 0 20px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.movie-list-1 .listing-content .inner .title {
  color: #fff;
  font-weight: 500;
  font-size: 30px;
  line-height: 35px;
  margin-bottom: 6px;
}

main .col-md-12:last-of-type .movie-list-2 {
  margin-bottom: 30px;
}

.play-video {
  height: 60px;
  width: 60px;
  line-height: 60px;
  color: #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  z-index: 10;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  background: #13ff3a;
  display: flex;
  align-items: center;
  justify-content: center;
}

.play-video:hover {
  color: #fff;
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
  -webkit-box-shadow: 0 0 0 10px rgba(147, 82, 179, 0.4);
  -moz-box-shadow: 0 0 0 10px rgba(147, 82, 179, 0.4);
  box-shadow: 0 0 0 10px rgba(147, 82, 179, 0.4);
}

.play-video i {
  margin-left: 4px;
}

/* we hope sec css */
.movie-box-3 {
  background: #fff;
  border-radius: 5px;
  overflow: hidden;
  -webkit-box-shadow: 10px 10px 40px 0 rgba(52, 58, 64, 0.1);
  -moz-box-shadow: 10px 10px 40px 0 rgba(52, 58, 64, 0.1);
  box-shadow: 10px 10px 40px 0 rgba(52, 58, 64, 0.1);
  transition: all 0.3s ease;
  height: 420px;
}

.movie-box-4,
.movie-list-1 {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  overflow: hidden;
}

.celebrity-list-1 .celebrity-image a:before,
.movie-box-4 .listing-image:before {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.movie-box-3:hover {
  -webkit-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  -o-transform: translateY(-10px);
  transform: translateY(-10px);
}

.movie-box-3 .listing-image {
  max-height: 350px;
  overflow: hidden;
}

.movie-box-3 .listing-image img {
  width: 100%;
}

.movie-box-3 .listing-content {
  position: relative;
  padding: 50px 20px 30px;
}

.movie-box-3 .play-btn {
  position: absolute;
  top: -30px;
  right: 30px;
}

.movie-box-3 .play-btn a {
  -webkit-box-shadow: 0 10px 30px 0 #13ff3a57;
  -moz-box-shadow: 0 10px 30px 0 rgba(147, 82, 179, 0.7);
  box-shadow: 0 10px 30px 0 #13ff3a57;
}

.movie-box-3 .title {
  color: black;
  padding: 0px;
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 0px;
  line-height: 35px;
}

.movie-box-3 .stars {
  font-size: 14px;
  padding: 10px 0;
  clear: both;
}

.movie-box-3 .stars i {
  color: #ffc741;
}

.movie-box-3 .stars span {
  color: #999;
}

.movie-box-3 .listing-content p {
  margin: 10px 0 0 0;
  color: black;
  line-height: 20px;
}

/* supliment sec css */
.supliment-sc .card {
  position: relative;
  min-width: 320px;
  height: 440px;
  box-shadow: inset 5px 5px 5px rgba(0, 0, 0, 0.2),
    inset -5px -5px 15px rgba(255, 255, 255, 0.1),
    5px 5px 15px rgba(0, 0, 0, 0.3), -5px -5px 15px rgba(255, 255, 255, 0.1);
  border-radius: 15px;
  margin: 30px;
  transition: 0.5s;
  background: #232427;
  width: 95%;
}

.supliment-sc .card:nth-child(1) .box .content a {
  background: #2196f3;
}

.supliment-sc .card:nth-child(2) .box .content a {
  background: #e91e63;
}

.supliment-sc .card:nth-child(3) .box .content a {
  background: #23c186;
}

.supliment-sc .card .box {
  position: absolute;
  top: 20px;
  left: 20px;
  right: 20px;
  bottom: 20px;
  background: #2a2b2f;
  border-radius: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: 0.5s;
}

.supliment-sc .card .box:hover {
  transform: translateY(-50px);
}

.supliment-sc .card .box:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  background: rgba(255, 255, 255, 0.03);
}

.supliment-sc .card .box .content {
  padding: 20px;
  text-align: center;
}

.supliment-sc .card .box .content h2 {
  position: absolute;
  top: 40px;
  right: 30px;
  font-size: 8rem;
  color: rgba(255, 255, 255, 0.1);
}

.supliment-sc .card .box .content h3 {
  font-size: 20px;
  color: #fff;
  line-height: 28px;
  z-index: 1;
  transition: 0.5s;
  margin-bottom: 15px;
  font-weight: 100 !important;
}

.supliment-sc .card .box .content p {
  font-size: 1rem;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.9);
  z-index: 1;
  transition: 0.5s;
}

.supliment-sc .card .box .content a {
  position: relative;
  display: inline-block;
  padding: 8px 20px;
  background: black;
  border-radius: 5px;
  text-decoration: none;
  color: white;
  margin-top: 20px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  transition: 0.5s;
}

.supliment-sc .card .box .content a:hover {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.6);
  background: #fff;
  color: #000;
}

.supliment-sc .card .box .content h6 {
  color: #13ff3a;
  font-size: 14px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 20px;
  font-weight: 300;
}

.card.card-mn4 {
  min-width: 320px;
  height: 500px;
}

/* inner page css */
.inner-banner {
  position: relative;
}

.inner-mn {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
}

.inner-banner img {
  width: 100%;
  object-fit: cover;
}

.inner-bnr-txt h2 {
  margin-bottom: 0;
  margin-top: 90px;
  color: #fff;
  text-transform: uppercase;
}

/* make call sec  */
.mk-cl-sec {
  background-image: url(../images/make-call-bg.jpg);
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
  padding: 120px 0;
  background-attachment: fixed;
  background-blend-mode: color;
  background-color: #00000094;
}

.mk-call-ttx {
  text-align: center;
}

.mk-call-ttx p {
  margin-bottom: 60px;
  color: white;
}

.mk-call-ttx h2 {
  margin-bottom: 10px;
}

/* counter sec css */
#counter ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0px;
}

#counter ul li {
  text-align: center;
}

section.counter-sc {
  background: rgb(14, 13, 13);
  padding: 100px 0px;
}

#counter ul li .counter-value {
  color: white;
  font-size: 50px;
  font-weight: 600;
  line-height: 75px;
  width: 140px;
  margin: auto;
}

#counter ul li img {
  width: 70px;
  margin-bottom: 15px;
  filter: invert(1);
}

#counter ul li h6 {
  margin-bottom: 0px;
  font-size: 20px;
  line-height: 35px;
  color: white;
  letter-spacing: 1px;
}

.cntr-mn-dv {
  display: flex;
  align-items: center;
}

.cntr-mn-dv span {
  color: white;
  font-size: 40px;
  font-weight: 600;
  line-height: 50px;
  position: relative;
  left: -70px;
}

.counter-inn {
  width: 80%;
  margin: auto;
}

/* fashion sec  */
.fashion-sc {
  background-image: url(../images/mackup-nw.jpg);
}

/*INSTAGRAM STRT*/
.instagram-sec {
  background: rgb(14, 13, 13);
  padding-bottom: 80px;
}

.img-gall > div img {
  width: 100%;
  transition: all 0.3s ease 0s;
  height: 500px;
  object-fit: cover;
  object-position: center top;
}

.img-gall > div a {
  position: relative;
}

.img-gall > div:hover {
  flex-grow: 1.2;
}

.img-gall > div a:hover::after {
  content: "ÃÃââââ‚ÃÃÆâ€ââ€žÂ¢ÃƒÆ’ƒâ€ Ã¢â‚¬â„¢ÃƒÆ’†â€™Ãƒâ€šÃ‚¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚¬Ã…¡Ãƒâ€šÃ‚¬ÃƒÆ’…¡Ã‚¬Ã…¡Ãƒâ€šÃ‚¯ÃƒÆ’ÂÂÂÃÃÆâ€â„Ãââ‚¬Å¡Ãƒâ€šÃ‚¢ÃƒÆ’ƒÆ’ƒÂ¢Ã¢â€šÂ¬Ã‚ ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’ƒÂ¢Ã¢â€šÂ¬Ã…¡Ãƒâ€šÃ‚¢ÃƒÆ’ƒÆ’ƒÂ¢Ã¢â‚¬Å¡Ã‚Ãâ€ÃÆâ€ÃÆâÃ¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’ƒâ€šÃ‚¢ÃƒÂ¢Ã¢â€šÂ¬Ã…¾Ã‚¢ÃƒÆ’ƒÂ¢Ã¢â€šÂ¬Ã‚¦Ãƒâ€šÃ‚¡ÃƒÆ’ƒâ€šÃ‚¬ÃƒÆ’ƒâ€šÃ‚¦ÃÆâââ€ÅÃÃƒâ€ Ã¢â‚¬â„¢ÃƒÆ’¢â‚¬Å¡Ãƒâ€šÃ‚¡ÃƒÆ’ƒâ€šÃ‚¬ÃƒÂ¢Ã¢â‚¬Å¾Ã‚¢ÃƒÆ’ƒÂ¢Ã¢â€šÂ¬Ã…¡Ãƒâ€šÃâââââÃÃÃƒÆ’¢â‚¬Å¡Ãƒâ€šÃ‚¢ÃƒÆ’¢â‚¬Å¡Ã‚¬Ã…¡Ã‚¬Ã…¡Ã‚¬Ã…¡Ãƒâ€šÃ‚­";
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  width: 100%;
  font-family: "Font Awesome 5 Brands";
  color: rgb(0 0 0);
  font-size: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  background: #13fd3a4d;
}

/*INSTAGRAM END*/
/* bridal sec css */
.bridal-mackup {
  padding: 80px 0;
  background: #0e0d0d;
}

.bridal-mackup .row {
  align-items: center;
}

.img-brdl img {
  width: 100%;
  height: 420px;
  object-fit: cover;
  object-position: top;
}

.img-brdl-txt {
  padding-right: 150px;
}

/* insta news feed */
.inst-feed {
  padding: 0px 0 80px;
  background: #0e0d0d;
}

.inta-feed-img .img001 {
  height: 600px;
  display: block;
  margin: auto;
  z-index: 9;
  position: relative;
}

.inst-feed .row {
  align-items: center;
}

.inta-feed-img {
  position: relative;
}

.inta-feed-img .img002 {
  position: absolute;
  right: 0;
  top: auto;
  height: 530px;
  width: 50%;
  object-fit: cover;
  z-index: 0;
  border-radius: 15px;
  bottom: -20px;
}

/* tickets page css */
.inner-banner.tck-banner > img {
  height: 450px;
  object-fit: cover;
  object-position: 0% 50%;
  filter: brightness(0.5);
}

.live-shw-sc.ticket-pg {
  background-image: none;
  background-color: #0e0d0d;
}

/* story-sec */
section.story-sec {
  padding: 150px 0;
  position: relative;
}

/* .story-sec::after {
    position: absolute;
    content: "";
    width: 100%;
    bottom: 34%;
    height: 1px;
    background-color: #757575;
    left: 0;
} */
.story-sec a.btn_theme {
  margin-top: 100px;
}

img.story-back {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  left: -40%;
  object-fit: cover;
}

.story-img-box::before {
  position: absolute;
  content: "";
  width: 60px;
  height: 100%;
  background: linear-gradient(180deg, #12fe41 16%, rgba(255, 255, 255, 0) 87%);
  left: -50px;
  top: -13%;
}

.story-img-box::after {
  position: absolute;
  content: "";
  width: 80px;
  height: 100%;
  background: linear-gradient(180deg, #12fe41 16%, rgba(255, 255, 255, 0) 87%);
  right: -10px;
  bottom: -23%;
}

.story-img-box {
  width: 80%;
  height: 650px;
  height: 100%;
}

.story-img-box img:nth-child(2) {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* story-sec */
/* about page css */
/* .sup-head h2 {
    text-transform: uppercase;
} */
.story-img-box.abt-pg-sc {
  width: 95%;
}

/* famous us  */
.fms-usa {
  padding: 80px 0;
}

.fms-usa .row {
  align-items: center;
}

/* commnunity guidline  */
.guid-sec {
  padding: 80px 0;
}

.guid-txt h3 {
  font-weight: 400;
  margin-bottom: 10px;
  margin-top: 40px;
  color: #12fe41;
}

.guid-txt ul {
  list-style: disc;
  padding-left: 25px;
}

.guid-txt ul li::marker {
  color: #12fe41;
  font-size: 25px;
}

.guid-txt ul li {
  margin-bottom: 10px;
}

/* inquiries franchise */
.img-brdl iframe {
  width: 100%;
  height: 500px;
  filter: hue-rotate(45deg);
}

.img-brdl {
  height: 100%;
}

.img-brdl-txt.frech-inq {
  padding-right: 50px;
}

/* investor relation page css */
.investor-rel iframe {
  width: 100%;
  height: 800px;
}

/* Products */
.showinglist {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #666666;
  font-size: 16px;
  font-weight: 400;
  padding-left: 20%;
}

.showinglist select {
  border: none;
  padding: 0 0 0 10px;
  color: #666666;
  font-size: 18px;
  font-weight: 500;
  font-family: "aveBook";
}

.showinglist span {
  color: #666666;
  font-size: 18px;
  font-weight: 500;
  font-family: "aveRoman";
}

.prod-heading h4 {
  font-family: "minM";
  font-weight: 500;
  font-size: 25.4px;
  color: #000;
}

.catogeriesbox h4 {
  color: #000;
  font-size: 23px;
  padding-bottom: 25px;
}

.row.paddingbottom {
  padding-bottom: 25px;
}

.frequently-list ul li a {
  color: #000;
  font-size: 16px;
  font-weight: 400;
  display: block;
  margin: 5px 0;
  padding: 10px 0 10px 18px;
  border: 1px solid #00000021;
}

section.productsec.product-page-sec.fruit {
  padding: 50px 0;
  /* background: #fff; */
}

section.productsec.product-page-sec h2 {
  color: #dd52ae;
}

.frequently-list ul {
  margin-bottom: 70px;
}

.pro-detail h3 {
  font-weight: 500;
  font-size: 23px;
  margin: 10px 0;
  font-family: "Roboto";
  color: #fff;
}

.pro-detail p {
  color: #fff;
}

.pro-img img {
  width: 100%;
  height: auto;
  object-fit: contain;
  border-radius: 30px;
}

.pro-box {
  border: 3px solid #dd52ae;
  text-align: center;
  border-radius: 35px;
  box-shadow: 8px 8px 10px 1px #00000094;
  margin-bottom: 30px;
  position: relative;
}

/* Products */
/*product detail page css start*/
.productdetailsec {
  padding: 80px 0 0 0;
  position: relative;
}

.productdetailtext h3 {
  font-weight: 500;
  color: #dd52ae;
  font-size: 34px;
  margin: 0;
}

.productdetailtext span {
  /* color: #000; */
  font-size: 21px;
  font-weight: 400;
}

.productdetailtext ul {
  padding: 0;
  margin: 13px 0 0;
  align-items: center;
}

.productdetailtext ul li {
  list-style: none;
  display: inline-block;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
}

.sku-code {
  display: flex;
  align-items: center;
  gap: 7px;
}

h4.min-head {
  margin: 0;
  color: #fff;
  font-size: 16px;
}

.review-gold {
  color: #ffba00;
  font-size: 22px;
  margin-right: 5px;
}

.review-dark {
  color: #dadada;
}

.wholesale-alert {
  animation: shake 1.5s 3;
}

.wholesale-alert {
  animation: shakeX 1s ease;
  animation-delay: 1s;
  margin-top: 20px;
}

.productdetailtext > div {
  margin-bottom: 20px;
}

.productdetailtext p {
  /* color: #000; */
  font-size: 16px;
  line-height: 25px;
  font-weight: 500;
  margin: 0;
}

.productdetailtext .input-group span.glyphicon.glyphicon-minus {
  font-size: 13px;
}

.productdetailtext .input-group span.glyphicon.glyphicon-plus {
  font-size: 13px;
  margin: 0;
  top: -15px;
  right: 3px;
}

.productdetailtext .input-group input.form-control.input-number {
  width: 100%;
  margin: 0 auto;
  display: table;
  height: 50px;
  text-align: center;
}

.productdetailtext .input-group button.btn.btn-default.btn-number {
  border-radius: 50px;
  width: 30px;
  height: 30px;
  margin: 0 15px;
}

.productdetailtext .input-group span.glyphicon.glyphicon-minus {
  font-size: 13px;
  margin: 0;
  top: -13px;
  right: 5px;
}

.productdetailtext .input-group {
  width: 50%;
  margin: 0 0 34px;
}

.iconlist ul {
  padding: 0;
  margin: 0 0 40px;
}

.iconlist ul li {
  list-style: none;
  line-height: 30px;
  color: #636363;
  font-size: 16px;
  font-weight: 500;
  font-family: "cereR";
}

.iconlist ul li i {
  margin: 0 17px 15px 0;
  font-size: 18px;
  color: #000;
}

.productdetailtext .input-group span.input-group-btn {
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
}

.productdetailsmallportion {
  position: relative;
  top: 0;
  z-index: 99;
}

.productdetailsmallportion img {
  margin: auto;
  width: 100%;
  /* border: 2px solid #E1E1E1; */
  height: 100%;
  background: #ffff;
  box-shadow: 0 0 10px #0000001f;
}

.productdetailsec .productdetailportion {
  border: 2px solid #e1e1e1;
  /* height: 630px; */
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.productdetailnav .slick-slide {
  opacity: 1;
  z-index: 9999;
  position: relative;
}

.product-detail span {
  margin: 0;
}

.product-detail .num-in {
  background: transparent;
  box-shadow: none;
  width: 75%;
}

.product-detail span {
  width: 30px !important;
  border: 1px solid #fff;
  border-radius: 50px;
  height: 30px !important;
  margin: 5px;
}

.product-detail .skin-2 .num-in span:before,
.product-detail .skin-2 .num-in span:after {
  background-color: #fff;
}

.product-detail span:hover:before,
.product-detail span:hover:after {
  background-color: rgb(255, 255, 255) !important;
}

.product-details-btn.btn10 {
  background-color: #cfa55a !important;
  color: black;
  border-color: #cfa55a;
  font-size: 17px;
}

.quanity.product-detail {
  margin-left: 20px;
}

.product-detail span:hover {
  background-color: #000;
}

ul.product-detail-heading {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: max-content;
  gap: 20px;
  margin: 0;
}

.product-details-btn {
  height: 60px;
  border: 0;
  width: 180px;
  margin-left: 10px;
  font-size: 17px;
  font-weight: 600;
  text-transform: uppercase;
  background-color: #cfa55a;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000000;
  cursor: pointer;
}

a.cat-sub-btn {
  background: #335650;
  color: #fff;
  padding: 15px 40px;
  font-weight: 500;
}

a.cat-sub-btn:hover {
  background: #000;
}

/* .product-details-btn:hover{
  color: white;
  } */
.iconlist {
  margin-top: 40px;
}

.description li.nav-item {
  margin-right: 12px;
}

.description li.nav-item button {
  width: 225px;
  height: 70px;
  background-color: #f1f1f1;
  border-radius: 0;
  font-size: 25px;
  font-weight: 500;
  color: #000;
  padding: 12px 0px;
  font-family: "minM";
}

.description li.nav-item .nav-link.active {
  border: 0;
  background-color: #000;
  color: #fff;
  font-weight: 500;
  font-size: 25px;
  padding: 12px 0px;
  font-family: "minM";
}

.description .nav-tabs {
  border-bottom: 1px solid #f1f1f1;
  padding-bottom: 20px;
  margin-bottom: 30px;
  justify-content: start !important;
}

.description {
  padding: 20px 0;
}

.description .tab-content p {
  color: #636363;
  font-weight: 500;
  font-size: 18px;
  line-height: 40px;
  font-family: "cereR";
}

.productdetailfor .slick-slide img {
  width: 70%;
  height: 70%;
  object-fit: contain;
}

.productdetailsmallportion img {
  width: auto;
  padding: 10px 10px;
  position: relative;
  z-index: 999999999999999;
}

.productdetailnav .slick-list.draggable {
  margin-top: -60px;
}

.productdetailtext .short-desc {
  display: flex;
  align-items: center;
  gap: 7px;
}

.short-desc i.fa.fa-check-circle {
  color: #fff;
}

.long-desc h2 {
  font-weight: 500;
  color: #168aad;
  font-size: 34px;
}

/* skin 2 */
.skin-2 .num-in {
  background: #f0f0f0;
  box-shadow: 0px 1px 4px rgb(0 0 0 / 15%);
  height: 40px;
  width: 110px;
  float: left;
  border-radius: 12px;
  cursor: pointer;
}

.skin-2 .num-in span {
  width: 40%;
  display: block;
  height: 40px;
  float: left;
  position: relative;
}

.skin-2 .num-in span:before,
.skin-2 .num-in span:after {
  content: "";
  position: absolute;
  background-color: #667780;
  height: 2px;
  width: 10px;
  top: 50%;
  left: 50%;
  margin-top: -1px;
  margin-left: -5px;
}

.skin-2 .num-in span.plus:after {
  transform: rotate(90deg);
}

.skin-2 .num-in input {
  float: left;
  width: 20%;
  height: 37px;
  border: none;
  text-align: center;
  background-color: #f0f0f0;
  font-family: "Roboto";
}

.product-detail .num-in {
  background: transparent;
  box-shadow: none;
  width: 75%;
  display: flex;
  align-items: center;
}

.product-detail input.in-num {
  border: 1px solid #fff;
  background-color: transparent;
  width: 40%;
  margin: 0 5px;
  padding: 20px 0;
  border-radius: 8px;
  color: #fff;
}

.productdetailsec .btn10 {
  color: white;
}

.productdetailsmallportion img {
  width: 120px;
}

/* section.productdetailsec:after {
    content: '';
    position: absolute;
    width: 23%;
    height: 69%;
    background: url(../images/prodcut-detail-after.png);
    right: 0;
    bottom: -9%;
    background-repeat: no-repeat;
    filter: contrast(0.1);
    opacity: 0.5;
} */
/* .productdetailtext {
    padding-top: 10px;
} */
a.btn.shp-btn {
  font-size: 18px;
  color: #fff;
  background: #168aad;
  border-radius: 0;
  padding: 14px 25px;
  gap: 7px;
  border-radius: 8px;
  text-transform: capitalize;
}

a.btn.shp-btn:hover {
  border: 1px solid #000;
  color: #000;
  background: #fff;
}

/*product detail page css end*/
/* Cart */
section.cart-page {
  background: #ece6e8;
  padding: 200px 0;
  background-repeat: no-repeat;
  background-position: center;
}

section.add-to-cart {
  padding: 5% 0;
  background: #fff;
}

.cart-page img {
  width: auto;
  margin: 0 auto;
  display: flex;
}

.add-to-cart input {
  width: 100%;
  text-align: center;
  height: 49px;
  border-radius: 6px;
  border: 1px solid #ebebeb;
  font-size: 23px;
  color: rgb(0 0 0);
  font-weight: 500;
  margin-top: 24px;
}

.add-to-cart a {
  font-size: 19px;
  display: block;
  text-align: center;
  padding-top: 9px;
  color: #333333;
  font-weight: 500;
  text-decoration: none;
}

.add-to-cart h4 {
  font-size: 19px;
  font-weight: 500;
  color: #333333;
  text-align: center;
}

.add-to-cart .table > tbody > tr > td,
.add-to-cart .table > tbody > tr > th,
.add-to-cart .table > tfoot > tr > td,
.add-to-cart .table > tfoot > tr > th,
.add-to-cart .table > thead > tr > td,
.add-to-cart .table > thead > tr > th {
  vertical-align: middle;
}

.total-section {
  border: none;
  padding: 27px 40px;
  border: 1px solid #00000024;
}

.total-section {
  border-radius: 30px;
}

.total-section li.sub-total {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #000;
  gap: 10px;
}

.total-section li.color-change {
  color: #000;
  text-transform: capitalize;
  font-weight: 500;
  font-size: 26.96px;
  padding-bottom: 0;
  border: solid 1px;
  border-color: #00000030 transparent transparent transparent;
  padding-top: 20px;
  text-align: center;
  line-height: normal;
  font-weight: 700;
  font-size: 20.96px;
}

/* .add-to-cart thead th:first-child {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
} */
.total-section ul {
  list-style: none;
  margin-bottom: 0;
}

.total-section li {
  font-size: 24px;
  padding-bottom: 30px;
  color: #333333;
  font-weight: 400;
}

li.color-change {
  color: #000;
  text-transform: capitalize;
  font-weight: 400;
  font-size: 26.96px;
  text-transform: uppercase;
}

.total-section li.color-change span {
  font-weight: 400;
  font-size: 26.96px;
  color: #000;
}

.total-section li span {
  float: right;
}

.ship-estimate {
  padding: 20px 40px;
  border: 1px solid #00000029;
  margin-top: 100px;
}

.ship-estimate li {
  color: #000;
  font-size: 27px;
  margin-bottom: 18px;
  font-weight: 500;
}

.ship-estimate ul {
  margin-top: 20px;
  margin-bottom: 25px;
  list-style: none;
}

.ship-estimate .grey-style {
  color: #333333;
  font-size: 20px;
  font-weight: 500;
}

.proceed a {
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  width: fit-content;
  margin: 0 auto;
  background: #dd52ae;
  padding: 15px;
  border-radius: 8px;
}

.proceed .checkout-btn {
  padding: 15px;
  width: fit-content;
  font-size: 20px;
  margin: 0 auto;
  border-radius: 0px;
  text-align: center;
  color: #ffffff;
  background: #dd52ae;
  border-radius: 8px;
}

/* .proceed .checkout-btn:hover {
    border: 1px solid #000;
    color: #000;
    background: #fff;
} */
.or-amazon {
  margin-top: 50px;
  position: relative;
  border: 2px solid #cecece;
  /* top: 25px; */
  padding: 30px 50px;
  border-radius: 5px;
}

.or-amazon p {
  font-size: 17px;
  position: absolute;
  background: #f3f3f3;
  top: -18px;
  left: 85px;
  padding: 3px 20px;
  color: #333333;
  display: block;
  text-transform: uppercase;
  border: 2px solid #cecece;
}

.or-amazon a {
  text-decoration: none;
  text-align: center;
}

.product-img {
  display: inline-block;
  width: 100%;
  padding: 10px 5px;
  border-radius: 10px;
}

.product-img img {
  width: 100%;
}

.table > :not(:last-child) > :last-child > * {
  border-bottom-color: currentColor;
  font-size: 20px;
  font-weight: 500;
  color: #fff;
  /* background-color: #ef165d; */
  padding: 16px 18px;
  text-transform: capitalize;
}

.table-space h3 {
  font-weight: 400;
  margin-bottom: 0px;
  font-size: 15px;
  line-height: 30px;
  color: #333333;
}

.space .row {
  align-items: center;
}

thead,
tbody,
tfoot,
tr,
td,
th {
  border-color: #c2c2c2;
  border-style: solid;
  border-width: 0;
}

th.qty {
  text-align: center;
}

a.remove {
  font-size: 22px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 0;
  background-color: #e11414;
  color: #fff;
  border-radius: 50px;
}

.table-space h6 {
  font-weight: 500;
  margin-bottom: 0px;
  font-size: 18px;
  line-height: 30px;
  color: #333333;
}

.add-to-cart thead {
  background: #dd52ae;
}

.space span {
  color: #333333;
  font-size: 18px;
  font-weight: 500;
  line-height: 30px;
}

/* Cart */
/*CHECKOUT PAGE*/
.billing_form h3 {
  font-family: "Poppins";
  font-size: 20px;
  color: #000;
  margin: 0;
  margin-bottom: 20px;
  text-transform: capitalize;
}

.billing_form label {
  font-size: 14px;
  font-family: "Roboto";
  color: #000;
}

.radiosss p {
  color: #7c7c7c;
  font-size: 12px;
  font-family: "Roboto";
  font-weight: 400;
}

.billing_form input {
  width: 100%;
  height: 45px;
  border: 1px solid #c4c4c4;
  margin-bottom: 20px;
  padding-left: 15px;
  border-radius: 5px;
}

.billing_form input::placeholder {
  color: #7c7c7c;
  font-family: "Roboto";
}

.cart_sidebar .cart_lst li:not(:last-child) {
  margin-bottom: 15px;
}

.cart_sidebar .cart_lst li {
  font-size: 14px;
  color: #000;
  font-family: "Roboto", sans-serif;
}

.cart_sidebar .cart_lst li span {
  float: right;
}

.cart_sidebar .cart_lst li:last-child {
  font-size: 18px;
  font-weight: 400;
  color: #000;
  font-family: "Poppins";
  border-top: 1px solid;
  padding-top: 10px;
}

.cart_sidebar .cart_lst {
  margin-top: 20px;
  margin-bottom: 40px;
}

.thankyou_txt {
  padding: 50px;
  border: 2px solid #b7b7b7;
}

.thankyou_txt h3 {
  font-size: 35px;
  color: #000;
  font-weight: 800;
  margin: 0;
  font-family: "Roboto", sans-serif;
}

.thankyou_txt h3 i {
  font-size: 40px;
  margin-right: 15px;
}

.order_det h5 {
  font-size: 20px;
  color: #7c7c7c;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
}

.order_det p {
  font-weight: 700;
  font-size: 20px;
  color: #000;
  margin: 0;
}

.order_complete_detail h3 {
  font-size: 22px;
  color: #000;
  font-weight: 700;
  font-family: "Roboto", sans-serif;
}

.order_detail_table {
  padding: 40px;
  border: 1px solid #b7b7b7;
}

.order_detail_table h5 {
  margin-top: 0px;
  padding-bottom: 15px;
  border-bottom: 1px solid #dbdbdb;
  font-size: 16px;
  font-weight: 700;
  color: #000;
  font-family: "Roboto", sans-serif;
}

.order_detail_table ul {
  margin-top: 20px;
  margin-bottom: 30px;
}

.order_detail_table ul li:not(:last-child) {
  margin-bottom: 25px;
}

.order_detail_table ul li {
  font-size: 14px;
  color: #7c7c7c;
}

.order_detail_table ul li span {
  float: right;
}

.order_detail_table ul li:last-child {
  font-weight: 700;
  color: #000;
}

.order_detail_table h6 {
  font-size: 17px;
  font-weight: 700;
  color: #000;
  font-family: "Roboto", sans-serif;
  padding: 25px 0;
  border-top: 1px solid #dbdbdb;
  margin: 0;
}

.order_detail_table h6 span {
  float: right;
}

.check_menu ul {
  text-align: center;
  margin-bottom: 40px;
}

.check_menu ul li {
  display: inline-block;
  font-size: 22px;
  font-weight: 700;
  color: #7c7c7c;
  margin: 0 14px;
}

.check_menu ul li i {
  font-size: 18px;
}

.check_menu ul li.purp {
  color: #700ea3;
}

.cart_sidebar {
  padding: 40px 25px;
  border: 1px solid #c4c4c4;
  border-radius: 0;
}

.cart_sidebar h3 {
  font-size: 20px;
  color: #000;
  margin-top: 0px;
  margin-bottom: 20px;
  text-transform: capitalize;
  font-family: "Poppins";
  line-height: normal;
}

.cart_sidebar .h-sub {
  font-weight: 400;
  color: #000000;
  font-family: "Poppins";
  font-size: 22px;
  padding-bottom: 15px;
  border-bottom: 1px solid #dbdbdb;
  margin-bottom: 20px;
  line-height: 0;
  padding-bottom: 30px;
  padding-top: 20px;
}

.cart_sidebar h5 span {
  float: right;
}

.cart_sidebar h4 {
  font-size: 18px;
  color: #000000;
  font-weight: 400;
  font-family: "Poppins";
  margin-bottom: 30px;
  line-height: normal;
  padding-top: 0;
}

.cart_sidebar ul li input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}

.cart_sidebar ul li label {
  position: relative;
  cursor: pointer;
  font-size: 12px;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  color: #333333;
}

.cart_sidebar ul li label:before {
  content: "";
  -webkit-appearance: none;
  background-color: transparent;
  border: 1px solid #b7b7b7;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05),
    inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 10px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 10px;
}

.cart_sidebar ul li input:checked + label:after {
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  left: 9px;
  width: 6px;
  height: 14px;
  border: solid #0000c2;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.cart_sidebar ul li:not(:last-child) {
  margin-bottom: 15px;
}

.cart_sidebar form {
  margin-top: 30px;
  padding-bottom: 40px;
  border-bottom: 1px solid #b7b7b7;
}

.cart_sidebar form h4 {
  font-size: 14px;
  font-weight: 400;
  color: #b7b7b7;
  font-family: "Roboto", sans-serif;
}

.cart_sidebar form select {
  width: 100%;
  height: 40px;
  padding-left: 15px;
  border-radius: 0;
  border: 1px solid #b7b7b7;
  margin-bottom: 20px;
  appearance: auto;
  color: #b7b7b7;
}

.cart_sidebar form select option {
  color: #000;
}

.cart_sidebar form input {
  width: 100%;
  height: 40px;
  padding-left: 15px;
  border-radius: 0;
  border: 1px solid #b7b7b7;
  margin-bottom: 20px;
  appearance: auto;
  color: #b7b7b7;
}

.cart_sidebar form input::placeholder {
  color: #b7b7b7;
}

.cart_sidebar form button {
  color: #000;
  font-size: 15px;
  border-radius: 0px;
  font-family: "Poppins", sans-serif;
  padding: 10px 40px;
  background-color: #ebebeb;
  border: 2px solid #ebebeb;
}

.cart_sidebar form button:hover {
  background-color: transparent;
  transition: 0.3s ease-in-out;
}

.checkout_btn {
  padding: 12px 50px;
  display: block;
  width: 100%;
  text-align: center;
  color: #fff;
  font-family: "Roboto";
  font-size: 17px;
  border: none;
  border-radius: 0;
  font-weight: 500;
  border: 2px solid transparent;
  background-color: #000;
}

.checkout_btn:hover {
  color: white;
}

ul.shipping-ul {
  border-bottom: 1px solid #dbdbdb;
  margin: 0;
  padding-bottom: 30px;
}

h6.payment-h {
  font-weight: 600;
  color: #000;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  margin-bottom: 30px;
}

.cart_sidebar .radiosss-payments li label:before {
  content: "";
  -webkit-appearance: none;
  background-color: transparent;
  border: 1px solid #b7b7b7;
  box-shadow: 0 1px 2px rgb(0 0 0 / 5%),
    inset 0px -15px 10px -12px rgb(0 0 0 / 5%);
  padding: 10px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 10px;
  border-radius: 50px;
}

.cart_sidebar .radiosss-payments li input:checked + label:after {
  content: "";
  display: block;
  position: absolute;
  top: 8px;
  border-radius: 20px;
  left: 6px;
  border: 0;
  width: 10px;
  height: 10px;
  background-color: #0000c2;
}

.radiosss-payments .card.card-body {
  padding: 0;
  border: 0;
  margin-left: 30px;
}

.radiosss-payments {
  border-bottom: 1px solid rgb(219, 219, 219);
}

section.checkout_page.all-section.all-side {
  padding: 100px 0;
}

.billing_form {
  border: 1px solid #8080806e;
  padding: 15px 25px;
  border-radius: 5px;
  background: white;
}

span.chk-price {
  color: #000;
}

/*checkout end*/
.heading-login {
  font-size: 33px;
  /* line-height: 21px; */
  width: 540px;
  color: #027e19;
  font-weight: 500;
  margin: 31px 597px 0px;
}

.btn-custom {
  border-radius: 8px;
  background-color: #068123;
  color: white;
  border-color: #068123;
}

.abcd {
  color: #ff0202;
  margin: 4px;
  font-size: 14px;
  font-family: inherit;
}

/* Fonts Form Google Font ::- https://fonts.google.com/  -:: */
@import url("https://fonts.googleapis.com/css?family=Abel|Abril+Fatface|Alegreya|Arima+Madurai|Dancing+Script|Dosis|Merriweather|Oleo+Script|Overlock|PT+Serif|Pacifico|Playball|Playfair+Display|Share|Unica+One|Vibur"); /* End Fonts */
/* Start Global rules */
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

/* End Global rules */
/* Start body rules */
body {
  /* background-image: linear-gradient(-225deg, #14644c 0%, #000000 100%);
background-image: linear-gradient(to top, #a8edea 0%, #fed6e3 100%);
background-attachment: fixed;
  background-repeat: no-repeat;

    font-family: 'Vibur', cursive;
/*   the main font */
  /* font-family: 'Abel', sans-serif; */
  /* opacity: .95; */
  /* background-image: linear-gradient(to top, #d9afd9 0%, #97d9e1 100%); */
}

/* |||||||||||||||||||||||||||||||||||||||||||||*/
/* //////////////////////////////////////////// */
/* End body rules */
/* Start form  attributes */
form {
  /* width: 415px; */
  /* min-height: 354px; */
  height: auto;
  border-radius: 5px;
  margin: 2% auto;
  /* box-shadow: 0 9px 50px hsla(20, 67%, 75%, 0.31); */
  padding: 2%;
  /* background-image: linear-gradient(66deg, #000000 50%, #001103 50%); */
}

form-forgot {
  width: 415px;
  height: auto;
  border-radius: 5px;
  margin: 2% auto;
  /* box-shadow: 0 9px 50px hsla(20, 67%, 75%, 0.31); */
  padding: 2%;
  /* background-image: linear-gradient(66deg, #000000 50%, #001103 50%); */
}

/* form Container */
form .con {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 auto;
}

/* the header form form */
/* header {
    margin: 2% auto 10% auto;
    text-align: center;
} */
/* Login title form form */
header h2 {
  font-size: 250%;
  font-family: "Playfair Display", serif;
  color: #3e403f;
}

/*  A welcome message or an explanation of the login form */
/* header p {
    letter-spacing: 0.05em;
} */
/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
.input-item {
  background: #198754;
  color: #fff;
  padding: 15.5px 0px 17px 9px;
  border-radius: 5px 0px 0px 5px;
}

/* Show/hide password Font Icon */
#eye {
  background: #fff;
  color: #333;
  margin: 5.9px 0 0 0;
  margin-left: -20px;
  padding: 15px 9px 19px 0px;
  border-radius: 0px 5px 5px 0px;
  float: right;
  position: relative;
  right: 1%;
  top: -0.2%;
  z-index: 5;
  cursor: pointer;
}

/* inputs form  */
input[class="form-input"] {
  width: 249px;
  height: 54px;
  margin-top: 4%;
  background-color: #000000;
  border-color: #198754;
  padding: 15px;
  font-size: 16px;
  font-family: "Abel", sans-serif;
  color: #ffffff;
  outline: white;
  /* border: none; */
  border-radius: 0px 5px 5px 0px;
  transition: 0.2s linear;
}

.xyz {
  margin: 5px;
  border-radius: 5px;
  background-color: #000000;
  border-color: #198754;
  color: white;
}

input[class="form-input2"] {
  width: 249px;
  margin: 5px;
  height: 42px;
  margin-top: 3%;
  background-color: #000000;
  border-color: #198754;
  padding: 15px;
  font-size: 16px;
  font-family: "Abel", sans-serif;
  color: #ffffff;
  outline: white;
  border-radius: 5px 5px 5px 5px;
  transition: 0.2s linear;
}

input[id="txt-input"] {
  /* width: 250px; */
}

/* focus  */
input:focus {
  transform: translateX(-2px);
  border-radius: 5px;
}

/* //////////////////////////////////////////// */
/* //////////////////////////////////////////// */
/* input[type="text"] {min-width: 250px;} */
/* buttons  */
button {
  display: inline-block;
  color: #ffffff;
  font-weight: 500;
  font-size: 16px;
  /* width: 188px; */
  height: 30px;
  padding: 3px 8px;
  background: #18a62b;
  border-radius: 5px;
  outline: none;
  border: none;
  cursor: pointer;
  text-align: center;
  transition: all 0.2s linear;
  margin: 19px 1px;
  /* letter-spacing: 0.05em; */
}

.button-1 {
  display: inline-block;
  color: #ffffff;
  font-weight: 500;
  font-size: 13px;
  /* width: 188px; */
  height: 30px;
  padding: 3px 8px;
  background: #18a62b;
  border-radius: 5px;
  outline: none;
  border: none;
  cursor: pointer;
  text-align: center;
  transition: all 0.2s linear;
  margin: 19px 1px;
  /* letter-spacing: 0.05em; */
}

/* Submits */
.submits {
  width: 48%;
  display: inline-block;
  float: left;
  margin-left: 2%;
}

/*       Forgot Password button FAF3DD  */
.frgt-pass {
  background: transparent;
}

/*     Sign Up button  */
.sign-up {
  background: #039b1b;
}

.forgot-custom {
  /* margin: 1px; */
  font-size: small;
  display: flex;
  /* justify-content: space-evenly; */
  align-items: center;
  justify-content: end;
}

/* buttons hover */
/* button:hover {
    transform: translatey(3px);
    box-shadow: none;
} */
/* buttons hover Animation */
/* button:hover {
    animation: ani9 0.4s ease-in-out infinite alternate;
} */
@keyframes ani9 {
  0% {
    transform: translateY(3px);
  }

  100% {
    transform: translateY(5px);
  }
}

.label-fonta {
  margin-top: 15px;
  margin-bottom: 2px;
  font-size: 12px;
}

.cn-al {
  line-height: 40px;
  font-family: inherit;
  text-transform: none;
  text-align: center;
  margin-bottom: 53px;
}

.cchead {
  font-weight: 1000;
  text-align: center;
  font-family: inherit;
  margin-top: 73px;
  margin-bottom: -20px;
  color: rgb(49 119 60);
}

.heading3 {
  font-weight: 1000;
  text-align: center;
  font-family: inherit;
  margin-top: 47px;
  margin-bottom: 11px;
  color: rgb(255 255 255);
}

.cart {
  position: relative;
  display: block;
  width: 28px;
  height: 28px;
  height: auto;
  overflow: hidden;
  .count {
    position: absolute;
    /* top: 0; */
    right: 0;
    bottom: 0;
    z-index: 2;
    font-size: 11px;
    border-radius: 50%;
    background: #e11414;
    width: 16px;
    display: flex !important;
    height: 16px;
    line-height: 18px;
    display: block;
    text-align: center;
    color: white;
    font-family: "Roboto", sans-serif;
    /* font-weight: bold; */
    justify-content: center;
    flex-wrap: nowrap;
    align-content: stretch;
    align-items: stretch;
  }
}

/* CSS ADDED BY HARRY */
/* header.fixed .main-navigate {
    background: #fff;
    border-bottom: 1px solid #000;
    box-shadow: none !important;
} */
header {
  /* background: #fff; */
  border-bottom: 1px solid #fff;
  /* padding-top: 25px; */
  position: relative;
  /* z-index: 12; */
  width: -webkit-fill-available;
  top: 0;
}

.banner .banner-cont {
  /* margin-top: 333px; */
  color: #a5d7e6;
}

/* header.fixed .main-navigate ul#menu>li>a {
    color: #000;
}

header.fixed .main-navigate .cart a.fa.fa-shopping-cart {
    color: #000 !important;
} */
/* section {
    background: #fff !important;
} */
section.start-ups .tix-button {
  text-align: center;
}

section.start-ups .tix-button a:hover {
  color: #fff !important;
  background: #0f135c !important;
}

/* header.fixed img {
    filter: invert(1);
} */
section.journey-sec button {
  height: auto;
  margin: 0 auto;
}

section.journey-sec .nav-link.active {
  color: #000;
  border-color: #000;
}

.video video {
  width: -webkit-fill-available;
  border-radius: 0.5rem;
}

section.start-ups img.tix-start {
  width: auto;
  margin: 0 auto;
  padding-bottom: 50px;
}

section.start-ups h2,
section.start-ups p {
  color: #fff;
}

section.promot-vdo-sc video {
  width: 100%;
}

.banner .front-text {
  text-align: center;
  /* background: #000000a3; */
  border-radius: 20px;
  padding: 30px;
  width: fit-content;
  margin: 0 auto;
}

.banner .front-text h1 {
  /* text-shadow: 4px 4px rgba(173, 115, 172, 1); */
  font-size: 70px;
}

.front-text p {
  color: #fff;
}

/* Package Design */
section.packages input[type="radio"] {
  display: none;
}

.package-labels {
  height: 55px;
  display: flex;
  align-items: center;
  border: 1px solid #ccc;
  border-radius: 30px;
  position: relative;
  padding: 3px;
}

.package-labels label {
  height: 100%;
  z-index: 2;
  width: 30%;
  display: flex;
  cursor: pointer;
  font-size: 18px;
  position: relative;
  align-items: center;
  justify-content: center;
  transition: color 0.3s ease;
  border-radius: 30px;
  color: #000;
}

.package-btns #tab-1:checked ~ .package-labels .tab-1 {
  background: linear-gradient(#d5a3ff 0%, #77a5f8 100%);
  transition: color 0.3s ease;
}

.package-btns #tab-2:checked ~ .package-labels .tab-2 {
  background: linear-gradient(#d5a3ff 0%, #77a5f8 100%);
  transition: color 0.3s ease;
}

.package-btns #tab-3:checked ~ .package-labels .tab-3 {
  background: linear-gradient(#d5a3ff 0%, #77a5f8 100%);
  transition: color 0.3s ease;
  animation-name: example;
}

#tab-1:checked ~ .package-labels .tab-1,
#tab-2:checked ~ .package-labels .tab-2,
#tab-3:checked ~ .package-labels .tab-3 {
  color: #fff;
}

.package-labels label:nth-child(2) {
  width: 40%;
}

.card-area {
  overflow: hidden;
}

.card-area .cards {
  display: flex;
  width: 300%;
}

.cards .row {
  width: 34.4%;
}

.cards .row-1 {
  transition: all 0.3s ease;
}

#tab-1:checked ~ .card-area .cards .row-1 {
  margin-left: 0%;
}

#tab-2:checked ~ .card-area .cards .row-1 {
  margin-left: -33.4%;
}

#tab-3:checked ~ .card-area .cards .row-1 {
  margin-left: -66.8%;
}

#tab-4:checked ~ .card-area .cards .row-1 {
  margin-left: -100.8%;
}

.row .price-details {
  margin: 20px 0;
  text-align: center;
  padding-bottom: 25px;
  border-bottom: 1px solid #e6e6e6;
}

.price-details .price {
  font-size: 65px;
  font-weight: 600;
  position: relative;
  font-family: "Noto Sans", sans-serif;
  color: #000;
}

.price-details .price::before,
.price-details .price::after {
  position: absolute;
  font-weight: 400;
  font-family: "Poppins", sans-serif;
}

.price-details .price::before {
  content: "$";
  left: -13px;
  top: 17px;
  font-size: 20px;
}

.price-details .price::after {
  content: "/mon";
  right: -33px;
  bottom: 17px;
  font-size: 13px;
}

.price-details p {
  font-size: 18px;
  margin-top: 5px;
}

.row .features li {
  display: flex;
  font-size: 15px;
  list-style: none;
  margin-bottom: 10px;
  align-items: center;
}

.features li i {
  background: linear-gradient(#d5a3ff 0%, #77a5f8 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.features li span {
  margin-left: 10px;
  color: #000;
}

.single-cashback {
  border: 3px solid #dd52ae;
  text-align: center;
  border-radius: 30px;
  padding: 30px 0;
  box-shadow: 8px 8px 10px 1px #00000094;
  position: relative;
  z-index: 1;
  margin-bottom: 40px;
}

.single-cashback h2 {
  font-size: 27px;
}

.single-cashback p {
  padding: 0 10px 20px;
  margin: 0;
}

.single-cashback img {
  margin-bottom: 20px;
}

/* .single-cashback button {
    background: #41b649;
    font-size: 20px;
    padding: 20px 30px;
    display: flex;
    align-items: center;
    margin: 20px auto 0;
    border-radius: 15px;
} */
.single-cashback .middle-banner {
  background-color: #dd52ae;
  padding: 20px 0;
  margin-bottom: 20px;
}

.banner .banner-btns {
  gap: 30px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 30px;
}

/* .banner .banner-btns a {
    border: 1px solid;
    background: #168aad;
    background: linear-gradient(45deg, rgba(180,22,118,1) 0%, rgba(173,115,172,1) 66%, rgba(165,215,230,1) 100%);
    border-radius: 100px;
} */
/* .banner .banner-btns a:hover {
    border: 1px solid #fff;
    background: linear-gradient(45deg, rgba(165,215,230,1) 0%, rgba(173,115,172,1) 34%, rgba(180,22,118,1) 100%);
    color: #fff;
} */
.banner .front-text p {
  animation-delay: 0.8s;
  font-size: 30px;
}

.banner .banner-btns {
  animation-delay: 1.6s;
}

div#homevideo .modal-dialog {
  margin: 0 auto;
  max-width: none;
  width: 50%;
}

.new-btn {
  font-size: 20px;
  display: inline-flex;
  padding: 0 50px;
  height: 70px;
  align-items: center;
  justify-content: center;
  border-radius: 0.375rem;
  transition: ease 0.15s;
  font-weight: 500;
  /* border: 1px solid #fff; */
  background: linear-gradient(
    230deg,
    rgba(165, 215, 230, 1) 0%,
    rgba(173, 115, 172, 1) 34%,
    rgba(180, 22, 118, 1) 100%
  );
  color: #fff;
  border-radius: 100px;
  font-family: "Oxanium", sans-serif;
}

.new-btn:hover {
  transition: ease 0.15s;
  /* border: 1px solid #fff; */
  background: linear-gradient(
    45deg,
    rgba(165, 215, 230, 1) 0%,
    rgba(173, 115, 172, 1) 34%,
    rgba(180, 22, 118, 1) 100%
  );
  color: #fff;
  border-radius: 100px;
}

.new-btn-white {
  background: #fff;
  color: #168aad;
  border: 1px solid;
  font-size: 16px;
  display: inline-flex;
  padding: 0 30px;
  height: 50px;
  align-items: center;
  justify-content: center;
  border-radius: 0.375rem;
  transition: ease 0.15s;
  font-weight: 500;
}

.new-btn-white:hover {
  color: #fff;
  background: #000;
  transition: ease 0.15s;
}

.reveal {
  display: none;
  transition: 2s all ease;
}

.reveal.active {
  display: block;
  transition: 2s all ease;
}

section.products-row .product-info img {
  width: 100px;
  margin-bottom: 30px;
}

section.products-row .product-info p {
  margin-bottom: 30px;
}

section.get-ready {
  padding: 120px;
  background-attachment: fixed;
  background-size: cover;
  background-position: bottom;
}

section.get-ready h2 {
  text-align: center;
  color: yellow;
  /* text-shadow: 2px 2px yellow; */
  font-size: 42px;
}

.single-tixdeal {
  /* border: 3px solid #168aad; */
  text-align: center;
  border-radius: 10px;
  padding: 30px 0;
  box-shadow: 8px 8px 10px 1px #00000094;
  margin: 10px 0;
  background: #fff;
}

.single-tixdeal h2 {
  font-size: 27px;
}

.single-tixdeal p {
  padding: 0 10px;
  margin: 0;
  color: #000;
  font-family: "Oxanium", sans-serif;
  font-size: 25px;
  font-weight: 600;
}

.single-tixdeal img {
  margin-top: -50%;
  border-radius: 200px;
  width: 200px;
  height: 200px !important;
  object-fit: cover;
}

.pt-80 {
  padding-top: 80px;
}

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

.tixdeal-sec {
  /* background-image: linear-gradient(45deg, #885dc8, #f3c900); */
  /* padding: 50px 0; */
  /* animation: gradient 10s ease infinite; */
  /* background-repeat: no-repeat; */
  /* background-size: 400% 400%; */
  /* margin-top: 80px; */
  padding: 80px 0;
  background-size: cover;
  position: relative;
}

.tx-head-img {
  margin-bottom: 20px;
  border-radius: 20px;
}

/* .cb-video iframe {
    width: auto;
    height: 200px;
} */
.cb-video video {
  width: auto;
  height: 300px;
}

section.home-welcome-sec img {
  width: 50%;
}

.welcome-tx-video {
  width: 80%;
  margin: 20px auto 0;
}

.welcome-tx-video video {
  width: 50%;
}

section.products-row {
  /* background: #168aad; */
  padding: 0 0 80px 0;
  background-size: cover;
}

section.home-vegas-shows {
  padding: 80px 0;
}

section.contact-page {
  padding: 80px 0;
}

section.contact-page form .form-control {
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.1) !important;
  background: #fff;
  padding: 12px 18px;
  margin: 0 0 20px 0;
}

section.contact-page button {
  margin: 0;
}

.startup-head h2 {
  /* color: #168aad; */
  padding-bottom: 25px;
}

.startup_campaigns .single_campaign {
  border: 3px solid #dd52ae;
  text-align: center;
  border-radius: 30px;
  box-shadow: 8px 8px 10px 1px #00000094;
  margin-bottom: 30px;
  padding: 20px 0;
  background: #fff;
}

.startup_campaigns .single_campaign img {
  min-width: 200px !important;
  min-height: 200px !important;
  max-width: 200px !important;
  max-height: 200px !important;
  border-radius: 30px;
}

.startup_campaigns .single_campaign h6 {
  margin: 10px 0 0 0;
  color: #000;
  font-size: 20px;
}

.startup_campaigns .single_campaign a.new-btn {
  margin-top: 15px;
}

header .header_logos img {
  width: 70%;
  height: auto;
  float: right;
}

header .header_logos {
  /* gap: 50px; */
  display: flex;
  align-items: center;
  margin-left: -170px;
}

section.home-welcome-sec video {
  border: 2px solid #fff;
  border-radius: 50px;
}

/* .tixdeal-sec h2 {
    margin-bottom: 140px !important;
} */
.single-tixdeal h4 {
  color: rgba(180, 22, 118, 1);
  margin-top: 20px;
}

/* section:first-of-type:not(.banner) {
    margin-top: 333px;
} */
.footer_nav_links a {
  transition: ease 0.15s;
  font-family: sans-serif;
  color: #fff;
  font-size: 16px;
}

.footer_nav_links li {
  margin-bottom: 10px;
}

.footer_nav_links a:hover {
  color: #dd52ae;
  transition: ease 0.15s;
}

.footer_nav_links h5 {
  color: #ad73ac;
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 30px;
}

.footer_logos img {
  max-width: 250px;
}

.footer_logos {
  display: flex;
  align-items: center;
  justify-content: space-around;
}

header .cart a.fa.fa-shopping-cart:hover {
  color: #dd52ae !important;
  transition: ease 0.15s;
}

header .cart a.fa.fa-shopping-cart {
  transition: ease 0.15s;
}

section.products-row video {
  border: 2px solid #fff;
  border-radius: 50px;
  margin-bottom: 50px;
  width: 70%;
}

.tixdeal_inner_sec {
  z-index: 1;
  position: relative;
}

.single_show img {
  border-radius: 20px;
  width: 300px;
  height: 300px;
  object-fit: cover;
  margin-bottom: 30px;
}

section.home-vegas-shows .single_show {
  text-align: center;
}

section.home-vegas-shows .single_show p {
  margin-bottom: 30px;
  font-size: 18px;
}

section.home-vegas-shows .single_show h2 {
  font-size: 30px;
  margin-top: 130px;
}

.flip-box {
  background-color: transparent;
  width: 300px;
  height: 200px;
  /* border: 1px solid #f1f1f1; */
  perspective: 1000px;
  margin: 0 auto;
}

.flip-box-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

.flip-box:hover .flip-box-inner {
  transform: rotateY(180deg);
}

.flip-box-front,
.flip-box-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.flip-box-back img {
  object-fit: scale-down;
}

.flip-box-front {
  /* background-color: #bbb; */
  color: black;
}

.flip-box-back {
  /* background-color: #555; */
  /* color: white; */
  transform: rotateY(180deg);
}

.product_posters {
  display: flex;
  align-items: center;
  justify-content: space-around;
  margin-bottom: 50px;
}

.product_posters img {
  max-width: 360px;
}

.products-row .product-info {
  text-align: center;
}

.pro-detail {
  position: fixed;
  transition: opacity 0.3s, visibility 0.3s, transform 0.3s;
  opacity: 0;
  visibility: hidden;
  transform: translateY(100%);
  background: #00000087;
  border-radius: 35px;
}

.pro-box:hover .pro-detail {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.productdetailnav.slick-initialized.slick-slider {
  display: none;
}

section.before_shows_banner img {
  width: -webkit-fill-available;
}

.tix_start_banner {
  text-align: center;
  margin-bottom: 50px;
}

.tix_start_banner img {
  width: 500px;
  margin-bottom: 30px;
  transform: rotate(354deg);
  margin-left: -11px;
}

.plan_success_sec h4 {
  color: #fff;
}

.plan_details li {
  display: flex;
  justify-content: center;
}

.overlay_color {
  position: absolute;
  background: #00000036;
  height: -webkit-fill-available;
  top: 0;
  left: 0;
  z-index: 0;
  color: #fff;
  width: -webkit-fill-available;
}

.single-cashback .overlay_color {
  z-index: -1;
  background: #0000007d;
  border-radius: 30px;
}

.ElementsApp,
.ElementsApp .InputElement {
  color: #fff !important;
}

section.before_login_page {
  padding: 50px 0;
  text-align: center;
}

section.before_login_page .login_check_btns {
  display: flex;
  justify-content: space-around;
}

h3.product_detail_heading {
  margin-bottom: 20px;
}

.campaign_selection {
  padding: 50px 0;
}

.campaign_selection h2 {
  font-size: 40px;
  text-align: center;
  margin: 0;
}

.campaign_selection img {
  width: 50%;
}

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