@import url("https://fonts.googleapis.com/css2?family=Raleway:wght@100;200;300;400;500;600;700;800;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&family=Space+Grotesk:wght@300;400;500;600;700&display=swap");
body {
  background-color: #AE836A;
}

a {
  text-decoration: none;
}

ul,
ol {
  list-style: none;
  padding: 0;
  margin: 0;
}

.extra_class {
     min-height: 254px;
}
@media only screen and (max-width: 600px) {
    .extra_class {
     min-height: 193px;
	    border-radius: 10px;
}
}


.common-form .form-control {
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.1);
  height: 45px;
  padding: 10px;
  color: #0E0E0E;
  /* P/Raleway P02 */
  font-family: Raleway;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 25px;
  /* 166.667% */
  color: white;
  border: 0;
}
.common-form .form-control::-moz-placeholder {
  color: white;
}
.common-form .form-control::placeholder {
  color: white;
}
.common-form .form-check {
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 0;
  padding: 0;
}
.common-form .form-check .form-check-input {
  margin: 0;
  padding: 0;
  flex-grow: 0;
  width: 20px;
  height: 20px;
  border: 2px solid #F4F4F4;
  border-radius: 0;
  background-color: transparent;
  border-radius: 4px;
}
.common-form .form-check .form-check-label {
  color: #0E0E0E;
  /* P/Raleway P02 */
  font-family: Raleway;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 25px;
  /* 166.667% */
  text-align: left;
  color: #F4F4F4;
}
.common-form .form-check .form-check-label a {
  color: #136BC7;
}
.common-form .form-switch {
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 0;
  padding: 0;
  justify-content: space-between;
}
.common-form .form-switch .form-check-label {
  color: #0E0E0E;
  /* P/Raleway P02 */
  font-family: Raleway;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 25px;
  /* 166.667% */
  text-align: left;
  color: #F4F4F4;
}
.common-form .form-switch .form-check-label a {
  color: #136BC7;
}
.common-form .form-switch .form-check-input {
  width: 51px;
  height: 31px;
}
.common-form .form-switch .form-check-input:checked {
  background-color: #007800;
  border-color: #007800;
}

.normal-form .form-label {
  color: white;
  /* Heading/Raleway H5 */
  font-family: Raleway;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  /* 21px */
  text-transform: capitalize;
  color: white;
  margin-bottom: 4px;
  line-height: 1;
}
.normal-form .form-select {
  border-radius: 8px;
  border: 1px solid #FFF;
  background: url(../images/arrow-down-icon.svg) no-repeat center right 10px;
  background-size: 24px;
  height: 45px;
  padding: 10px;
  color: #0E0E0E;
  /* P/Raleway P02 */
  font-family: Raleway;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 25px;
  /* 166.667% */
  color: white;
}
.normal-form .form-control {
  border-radius: 8px;
  background: transparent;
  height: 45px;
  padding: 10px;
  color: #0E0E0E;
  /* P/Raleway P02 */
  font-family: Raleway;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 25px;
  /* 166.667% */
  color: white;
  border: 1px solid #FFF;
}
.normal-form .form-control::-moz-placeholder {
  color: white;
}
.normal-form .form-control::placeholder {
  color: white;
}
.normal-form .form-dark {
  border-radius: 8px;
  background: transparent;
  height: 45px;
  padding: 10px;
  color: #0E0E0E;
  /* P/Raleway P02 */
  font-family: Raleway;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 25px;
  /* 166.667% */
  color: white;
  border: 1px solid #0E0E0E;
}
.normal-form .form-dark::-moz-placeholder {
  color: #0E0E0E;
}
.normal-form .form-dark::placeholder {
  color: #0E0E0E;
}

.primary-btn {
  padding: 16px 24px;
  color: white;
  /* P/Raleway P01 CTA */
  font-family: Raleway;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  color: #0E0E0E;
  border-radius: 8px;
  background: white;
  display: flex;
  gap: 10px;
  align-items: center;
  line-height: 1;
  width: -moz-fit-content;
  width: fit-content;
  border: 0;
  text-transform: capitalize;
}

.secondary-btn {
  padding: 16px 24px;
  color: white;
  /* P/Raleway P01 CTA */
  font-family: Raleway;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  color: white;
  border-radius: 8px;
  background: #0E0E0E;
  display: flex;
  gap: 10px;
  align-items: center;
  line-height: 1;
  width: -moz-fit-content;
  width: fit-content;
  text-transform: capitalize;
}

header {
  background: url(../images/header-bg.png) no-repeat center;
  background-size: cover;
  height: 100.75px;
  padding: 24px 0;
  position: relative;
  z-index: 999;
}
header .desktop-header {
  display: flex;
  align-items: center;
  max-width: 1254px;
  margin: auto;
  justify-content: space-between;
}
header .desktop-header .nav-list ul {
  display: flex;
  align-items: center;
  gap: 24px;
}
header .desktop-header .nav-list ul a {
  color: white;
  /* P/Raleway P01 CTA */
  font-family: Raleway;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
header .desktop-header .header-right-sec {
  max-width: 362px;
  width: 100%;
}
header .desktop-header .header-right-sec ul {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 24px;
}
header .desktop-header .header-right-sec ul .nav-link {
  color: white;
  /* P/Raleway P01 CTA */
  font-family: Raleway;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
header .desktop-header .header-right-sec ul li {
  position: relative;
}
header .desktop-header .header-right-sec ul #cart-collapse {
  position: absolute;
  left: 50%;
  top: 80px;
  transform: translateX(-50%);
}
header .desktop-header .header-right-sec ul #cart-collapse .polygon-icon {
  position: relative;
}
header .desktop-header .header-right-sec ul #cart-collapse .polygon-icon img {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -19px;
}
header .desktop-header .header-right-sec ul #cart-collapse .card {
  width: 628px;
  border-radius: 15px;
  border: 1px solid white;
  background: white;
  padding: 32px 42px 32px 50px;
  gap: 32px;
}
header .desktop-header .header-right-sec ul #cart-collapse .card .primary-btn {
  margin: auto;
}
header .desktop-header .header-right-sec ul #gbp-collapse {
  position: absolute;
  left: 84%;
  top: 62px;
  transform: translateX(-50%);
}
header .desktop-header .header-right-sec ul #gbp-collapse ul {
  background: white;
  padding: 16px;
  border-radius: 15px;
  border: 1px solid white;
  width: 129px;
  flex-direction: column;
  gap: 32px;
}
header .desktop-header .header-right-sec ul #gbp-collapse ul a {
  color: white;
  /* P/Raleway P01 CTA */
  font-family: Raleway;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  color: #9B9B9B;
}
header .desktop-header .header-right-sec ul #gbp-collapse ul a.active {
  color: #0E0E0E;
}
header .desktop-header .header-right-sec ul #gbp-collapse .polygon-icon {
  margin-bottom: -4px;
}

.header-modal .modal-content .modal-header {
  display: block;
  width: 100%;
  background: url(../images/header-bg-sm.png) no-repeat center;
  background-size: cover;
  padding: 11px 23px 11px 23px;
  border: 0;
}
.header-modal .modal-content .modal-header .header-mobile {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.header-modal .modal-body {
  padding: 0;
}
.header-modal .nav-sec {
  display: flex;
  flex-direction: column;
}
.header-modal .nav-sec > li {
  padding: 10px 0;
  border-bottom: 1px solid #F4F4F4;
}
.header-modal .nav-sec .nav-link {
  display: block;
  padding: 10px 0;
  color: #0E0E0E;
  /*  */
  font-family: Raleway;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  /* 30px */
  text-transform: capitalize;
  color: #9B9B9B;
  text-align: center;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}
.header-modal .nav-sec .nav-link:hover {
  border-left: 5px solid #0E0E0E;
  color: #0E0E0E;
}
.header-modal .bottom-btn {
  padding: 27px 0;
  display: flex;
  gap: 56px;
  justify-content: center;
  align-items: center;
}
.header-modal .gbp-btn {
  color: white;
  /* P/Raleway P01 CTA */
  font-family: Raleway;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  color: #0E0E0E;
}
.header-modal #gbp-sec {
  border-bottom: 1px solid #F2EDE7;
}
.header-modal #gbp-sec ul {
  display: flex;
}
.header-modal #gbp-sec ul li {
  flex: 1 1 100%;
  height: 78px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-right: 1px solid #F2EDE7;
}
.header-modal #gbp-sec ul li:last-child {
  border-right: 0;
}
.header-modal #gbp-sec ul a {
  color: #0E0E0E;
  /*  */
  font-family: Raleway;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  /* 30px */
  text-transform: capitalize;
  color: #9B9B9B;
  padding: 10px 0;
  width: 100%;
  text-align: center;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}
.header-modal #gbp-sec ul a:hover {
  color: #0E0E0E;
  border-left: 5px solid #0E0E0E;
}
.header-modal #gbp-sec ul a img {
  position: relative;
  top: -3px;
}
.header-modal #gbp-sec ul a.active {
  color: #0E0E0E;
  border-left: 5px solid #0E0E0E;
}
.header-modal .cart-sm {
  padding: 24px;
}
.header-modal .cart-sm .secondary-btn {
  margin: 20px auto 0 auto;
}
.header-modal .cart-sm .cart-product-wrap {
  margin-bottom: 40px;
  gap: 40px;
}
.header-modal .line-breaker-sm {
  line-height: 0;
}

footer {
  background: url(../images/footer-bg.png) no-repeat center;
  background-size: cover;
  padding: 74px 0;
}
footer .footer-wrap {
  max-width: 1188px;
  margin: auto;
  display: flex;
  justify-content: space-between;
  align-items: end;
}
footer .footer-wrap .footer-logo {
  display: flex;
  flex-direction: column;
  gap: 22px;
  align-items: start;
}
footer .footer-wrap .footer-links {
  max-width: 600px;
  width: 100%;
  display: flex;
  gap: 10px;
}
footer .footer-wrap .footer-links .footer-link-content {
  max-width: 190px;
  width: 100%;
}
footer .footer-wrap .footer-links .footer-link-content h6 {
  color: white;
  /* Heading/Raleway Title Footer */
  font-family: Raleway;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  /* 30px */
  text-transform: uppercase;
  margin-bottom: 20px;
  line-height: 1;
}
footer .footer-wrap .footer-links .footer-link-content ul {
  display: flex;
  gap: 16px;
  flex-direction: column;
}
footer .footer-wrap .footer-links .footer-link-content ul a {
  color: white;
  /* P/Raleway P01 CTA */
  font-family: Raleway;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  color: white;
}
footer .footer-bottom p {
  text-align: center;
  color: white;
  text-align: center;
  margin: 80px 0 0 0;
  /* P/Raleway Caption */
  font-family: Raleway;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 25px;
  /* 208.333% */
}

.cart-product-wrap {
  display: flex;
  gap: 32px;
  flex-direction: column;
}
.cart-product-wrap .cart-product {
  display: flex;
  gap: 24px;
}
.cart-product-wrap .cart-product h5 {
  color: #0E0E0E;
  /*  */
  font-family: Raleway;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  /* 30px */
  text-transform: capitalize;
  margin-bottom: 8px;
}
.cart-product-wrap .cart-product p {
  margin-bottom: 8px;
  color: #0E0E0E;
  /* P/Raleway P02 */
  font-family: Raleway;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 25px;
  /* 166.667% */
}
.cart-product-wrap .cart-product h6 {
  color: white;
  /* P/Raleway P01 CTA */
  font-family: Raleway;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 8px;
  color: #0E0E0E;
}
.cart-product-wrap .cart-product .remove-btn {
  color: white;
  /* P/Raleway P01 CTA */
  font-family: Raleway;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  color: #C81414;
}

.secondary-heading h4 {
  color: #FFF;
  /* Heading/Raleway H2 */
  font-family: Raleway;
  font-size: 50px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 16px;
}
.secondary-heading p {
  color: white;
  /* P/Raleway P01 */
  font-family: Raleway;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  /* 155.556% */
  letter-spacing: 0.09px;
  color: white;
  margin-bottom: 32px;
}

.home-page-wrap {
  background: url(../images/home-page-bg.png) no-repeat center top;
  background-size: cover;
  background-color: #AE836A;
}
.home-page-wrap .welcome-wrap-sec {
  position: relative;
}
.home-page-wrap .welcome-wrap-sec .welcome-img {
  position: absolute;
  top: 9%;
  right: 0;
  width: 55%;
}
.home-page-wrap .welcome-section {
  padding: 130px 0 160px 0;
  z-index: 1;
  position: relative;
}
.home-page-wrap .welcome-section .top-heading h1 {
  color: white;
  /* Heading/Raleway H1 */
  font-family: Raleway;
  font-size: 100px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 16px;
}
.home-page-wrap .welcome-section .top-heading p {
  color: white;
  /* P/Raleway P01 */
  font-family: Raleway;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  /* 155.556% */
  letter-spacing: 0.09px;
  color: white;
  margin-bottom: 32px;
  max-width: 577px;
}
.home-page-wrap .welcome-section .top-heading .btn-wrap {
  display: flex;
  gap: 16px;
}
.home-page-wrap .welcome-section .top-heading .btn-wrap .secondary-btn {
  background: transparent;
}
.home-page-wrap .we-update-regularly-sec {
  position: relative;
}
.home-page-wrap .we-update-regularly-sec .we-update-content-sec {
  position: absolute;
  top: 57%;
  right: 15%;
  transform: translateY(-50%);
  width: 100%;
}
.home-page-wrap .we-update-regularly-sec .we-update-content-sec .secondary-heading {
  max-width: 785px;
  margin-left: auto;
}
.home-page-wrap .we-update-regularly-sec .we-update-content-sec .secondary-heading p {
  max-width: 577px;
}
.home-page-wrap .featuring-favourites-sec {
  padding: 104px 126px 0 126px;
  margin-top: -85px;
}
.home-page-wrap .featuring-favourites-sec h4 {
  text-align: center;
  margin-bottom: 31px;
}
.home-page-wrap .featuring-favourites-sec .featuring-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.home-page-wrap .featuring-favourites-sec .featuring-flex .fleaturing-icon {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.home-page-wrap .featuring-favourites-sec .featuring-flex .featuring-favourites-main {
  max-width: 604px;
  width: 100%;
  position: relative;
  top: 40px;
}
.home-page-wrap .we-Can-Help-sec {
  position: relative;
  margin-top: -60px;
}
.home-page-wrap .we-Can-Help-sec .we-Can-help-content {
  position: absolute;
  top: 58%;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
}
.home-page-wrap .we-Can-Help-sec .we-Can-help-content .secondary-heading {
  max-width: 785px;
  margin-left: 14%;
}
.home-page-wrap .we-Can-Help-sec .we-Can-help-content .secondary-heading p {
  max-width: 577px;
}
.home-page-wrap .topping-section .we-update-content-sec {
  top: 51%;
}
.home-page-wrap .topping-section .we-update-content-sec .secondary-heading {
  max-width: 653px;
  margin-left: auto;
}
.home-page-wrap .topping-section .we-update-content-sec .secondary-heading h4 {
  max-width: 566px;
}
.home-page-wrap .topping-section .we-update-content-sec .secondary-heading p {
  max-width: 100%;
}

.popular-games-sec {
  padding-bottom: 82px;
}
.popular-games-sec .popular-games-wrap {
  max-width: 1200px;
  margin: auto;
}
.popular-games-sec .popular-games-wrap .secondary-heading h4 {
  margin-bottom: 48px;
  text-align: center;
}
.popular-games-sec .popular-games-wrap .popular-flex {
  display: flex;
  gap: 40px;
  align-items: center;
}
.popular-games-sec .popular-games-wrap .popular-flex .popular-card {
  max-width: 208px;
  width: 100%;
  border-radius: 10px;
  background: #100E0D;
  padding: 8px 8px 18px 8px;
  text-align: center;
}
.popular-games-sec .popular-games-wrap .popular-flex .popular-card h6 {
  color: white;
  /* Heading/Raleway H5 */
  font-family: Raleway;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  /* 21px */
  text-transform: capitalize;
  color: white;
  margin: 22px 0 48px 0;
  line-height: 1;
}
.popular-games-sec .popular-games-wrap .popular-flex .popular-card .primary-btn {
  margin: auto;
}

.aboutUs-page-wrap {
  background: url(../images/aboutUp-page-bg.png) no-repeat center top;
  background-size: cover;
}
.aboutUs-page-wrap .upgrade-Your-Game-sec {
  padding: 164px 0 95px 0;
  position: relative;
}
.aboutUs-page-wrap .upgrade-Your-Game-sec .secondary-heading {
  max-width: 577px;
}
.aboutUs-page-wrap .upgrade-Your-Game-sec .secondary-heading h4 {
  max-width: 487px;
}
.aboutUs-page-wrap .upgrade-Your-Game-sec .secondary-heading .btn-wrap {
  display: flex;
  gap: 16px;
}
.aboutUs-page-wrap .upgrade-Your-Game-sec .secondary-heading .btn-wrap .secondary-btn {
  background: transparent;
}
.aboutUs-page-wrap .upgrade-Your-Game-sec .upgrade-Your-img {
  position: absolute;
  right: 12%;
  top: 58px;
}
.aboutUs-page-wrap .we-Want-Provide-sec {
  position: relative;
}
.aboutUs-page-wrap .we-Want-Provide-sec .we-want-provide-content {
  position: absolute;
  top: 40%;
  left: 0px;
  width: 86%;
}
.aboutUs-page-wrap .we-Want-Provide-sec .we-want-provide-content .secondary-heading {
  max-width: 712px;
  margin-left: auto;
}
.aboutUs-page-wrap .we-Want-Provide-sec .we-want-provide-content .secondary-heading p {
  max-width: 577px;
}
.aboutUs-page-wrap .secure-Trusted-sec {
  position: relative;
}
.aboutUs-page-wrap .secure-Trusted-sec .secure-Trusted-content {
  position: absolute;
  top: 38%;
  left: 0;
  width: 85%;
}
.aboutUs-page-wrap .secure-Trusted-sec .secure-Trusted-content .secondary-heading {
  max-width: 653px;
  margin-left: auto;
}

.how-to-sell-wrap {
  background: url(../images/how-to-sell-bg.png) no-repeat top center;
  background-size: cover;
  padding-bottom: 80px;
}
.how-to-sell-wrap .how-to-sell-sec {
  padding: 137px 0;
  position: relative;
}
.how-to-sell-wrap .how-to-sell-sec .secondary-heading {
  max-width: 577px;
}
.how-to-sell-wrap .how-to-sell-sec .how-to-sell-top {
  position: absolute;
  top: 0;
  right: 10%;
}
.how-to-sell-wrap .how-to-tab-sec {
  max-width: 1357px;
  margin: auto;
  padding: 44px 0 50px 0;
  min-height: 704px;
}
.how-to-sell-wrap .how-to-tab-sec .how-to-tab-btn {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 37px;
}
.how-to-sell-wrap .how-to-tab-sec .how-to-tab-btn button {
  padding: 0;
  margin: 0;
  border: 0;
  background: transparent;
}
.how-to-sell-wrap .how-to-tab-sec .how-to-tab-btn button .active {
  display: none;
}
.how-to-sell-wrap .how-to-tab-sec .how-to-tab-btn button h6 {
  color: #FFF;
  /* Heading/Raleway H2 */
  font-family: Raleway;
  font-size: 50px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  color: #0E0E0E;
  margin-bottom: 0;
  margin-top: 14px;
}
.how-to-sell-wrap .how-to-tab-sec .how-to-tab-btn button.active h6 {
  color: white;
}
.how-to-sell-wrap .how-to-tab-sec .how-to-tab-btn button.active .active {
  display: inline-block;
}
.how-to-sell-wrap .how-to-tab-sec .how-to-tab-btn button.active .inactive {
  display: none;
}
.how-to-sell-wrap .how-to-tab-sec .how-to-tab-main-wrap {
  position: relative;
}
.how-to-sell-wrap .how-to-tab-sec .how-to-tab-main-wrap .tab-pane {
  background-color: #FFF;
  border-radius: 10px;
  padding: 50px 0 36px 0;
  position: absolute;
  width: 100%;
  top: 360px;
}
.how-to-sell-wrap .how-to-tab-sec .how-to-tab-main-wrap .tab-pane::before {
  content: "";
  background: url(../images/tab-pane-icon.svg) no-repeat center;
  background-size: cover;
  width: 88px;
  height: 60px;
  position: absolute;
  top: -37px;
  left: 8%;
}
.how-to-sell-wrap .how-to-tab-sec .how-to-tab-main-wrap .tab-pane .how-to-tab-main {
  max-width: 624.537px;
  margin: auto;
}
.how-to-sell-wrap .how-to-tab-sec .how-to-tab-main-wrap .tab-pane .how-to-tab-main .text-wrap {
  text-align: center;
}
.how-to-sell-wrap .how-to-tab-sec .how-to-tab-main-wrap .tab-pane .how-to-tab-main .text-wrap h6 {
  color: #FFF;
  /* Heading/Raleway H2 */
  font-family: Raleway;
  font-size: 50px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  color: #0E0E0E;
  margin-bottom: 20px;
}
.how-to-sell-wrap .how-to-tab-sec .how-to-tab-main-wrap .tab-pane .how-to-tab-main .text-wrap p {
  color: white;
  /* P/Raleway P01 */
  font-family: Raleway;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  /* 155.556% */
  letter-spacing: 0.09px;
  color: #0E0E0E;
  margin-bottom: 0;
}
.how-to-sell-wrap .how-to-tab-sec .how-to-tab-main-wrap .tab-pane:nth-of-type(1)::before {
  left: 8%;
}
.how-to-sell-wrap .how-to-tab-sec .how-to-tab-main-wrap .tab-pane:nth-of-type(2)::before {
  left: 34%;
}
.how-to-sell-wrap .how-to-tab-sec .how-to-tab-main-wrap .tab-pane:nth-of-type(3)::before {
  left: 60%;
}
.how-to-sell-wrap .how-to-tab-sec .how-to-tab-main-wrap .tab-pane:nth-of-type(4)::before {
  left: 86%;
}
.how-to-sell-wrap .start-here-sec {
  max-width: 906px;
  margin: auto;
  padding: 75px 80px;
  border-radius: 19.674px;
  border: 2.155px solid rgba(255, 255, 255, 0.15);
  background: linear-gradient(112deg, rgba(231, 231, 231, 0.25) -2.6%, rgba(210, 210, 212, 0) 104%);
  box-shadow: 49.186px 49.186px 39.349px 0px rgba(35, 42, 62, 0.12);
  -webkit-backdrop-filter: blur(53.864616394px);
          backdrop-filter: blur(53.864616394px);
}
.how-to-sell-wrap .start-here-sec .secondary-heading {
  text-align: center;
  max-width: 542px;
  margin: 0 auto 20px auto;
}
.how-to-sell-wrap .start-here-sec .form-flex {
  display: flex;
  gap: 22px;
}
.how-to-sell-wrap .start-here-sec .form-flex .form-group {
  flex: 1 1 100%;
  display: flex;
  flex-direction: column;
  align-items: end;
  gap: 16px;
}
.how-to-sell-wrap .start-here-sec .primary-btn {
  margin: 20px auto auto auto;
}
.how-to-sell-wrap .robot-img {
  margin-top: auto;
}

.games-wrap-sec {
  background: url(../images/games-wrap-bg.png) no-repeat center;
  background-size: cover;
}
.games-wrap-sec .games-top-sec {
  padding: 47px 100px 19px 100px;
  position: relative;
}
.games-wrap-sec .games-top-sec .secondary-heading {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.games-wrap-sec .games-top-sec .secondary-heading h4 {
  margin-bottom: 0;
}
.games-wrap-sec .games-content-sec {
  padding: 73px 0;
}
.games-wrap-sec .games-content-sec .games-wrap-flex {
  max-width: 1284px;
  margin: auto;
  display: flex;
  gap: 40px;
  flex-wrap: wrap;
}
.games-wrap-sec .games-content-sec .games-wrap-flex .game-card {
  max-width: 291px;
  width: 100%;
  border-radius: 15px;
  background: #100E0D;
  padding: 5.6px 5.6px 16px 5.6px;
}
.games-wrap-sec .games-content-sec .games-wrap-flex .game-card h6 {
  color: white;
  /* Heading/Raleway H5 */
  font-family: Raleway;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  /* 21px */
  text-transform: capitalize;
  text-align: center;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 8px 0;
}
.games-wrap-sec .games-content-sec .games-wrap-flex .game-card .primary-btn {
  margin: auto;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
}

.games-page-wrap {
  background: url(../images/games-page-wrap-bg.png) no-repeat center top;
  background-size: cover;
}
.games-page-wrap .games-page-top-sec {
  padding: 55px 100px;
  position: relative;
}
.games-page-wrap .games-page-top-sec .games-page-top-content {
  position: absolute;
  right: 7%;
  bottom: 13%;
  max-width: 635px;
}
.games-page-wrap .games-page-top-sec .games-page-top-content h4 {
  color: #FFF;
  /* Heading/Raleway Title for detail games */
  font-family: Raleway;
  font-size: 50px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  margin-bottom: 16px;
}
.games-page-wrap .games-page-top-sec .games-page-top-content p {
  color: white;
  /* P/Raleway P01 */
  font-family: Raleway;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  /* 155.556% */
  letter-spacing: 0.09px;
  margin-bottom: 0;
}
.games-page-wrap .games-content-form {
  max-width: 896px;
  margin: auto;
  padding: 80px;
  border-radius: 19.674px;
  border: 2.155px solid rgba(255, 255, 255, 0.15);
  background: linear-gradient(112deg, rgba(231, 231, 231, 0.25) -2.6%, rgba(210, 210, 212, 0) 104%);
  box-shadow: 49.186px 49.186px 39.349px 0px rgba(35, 42, 62, 0.12);
  -webkit-backdrop-filter: blur(53.864616394px);
          backdrop-filter: blur(53.864616394px);
}
.games-page-wrap .games-content-form .form-flex {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}
.games-page-wrap .games-content-form .form-flex .form-group {
  flex: 1 1 45%;
}
.games-page-wrap .games-content-form .form-flex .form-group-12 {
  flex: 1 1 100%;
  display: flex;
  gap: 20px;
  align-items: end;
}
.games-page-wrap .games-content-form .form-flex .input-wrap {
  flex: 1 1 269px;
}
.games-page-wrap .related-bundles-sec {
  padding: 50px 0 181px 0;
}
.games-page-wrap .related-bundles-sec h4 {
  margin-bottom: 50px;
  text-align: center;
}
.games-page-wrap .related-bundles-sec .related-flex {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  max-width: 1284px;
  margin: auto;
}
.games-page-wrap .related-bundles-sec .related-flex .related-card {
  max-width: 291px;
  width: 100%;
  border-radius: 15px;
  background: #100E0D;
  padding: 5.6px 5.6px 16px 5.6px;
}
.games-page-wrap .related-bundles-sec .related-flex .related-card .text-wrap h6 {
  flex: 1 1 100%;
  color: white;
  /* Heading/Raleway H5 */
  font-family: Raleway;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  /* 21px */
  text-transform: capitalize;
  margin-bottom: 0;
  height: 46px;
  text-align: center;
  margin: 8px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.games-page-wrap .related-bundles-sec .related-flex .related-card .text-wrap .primary-btn {
  margin: auto;
}

.contact-us-content .games-top-sec .secondary-heading {
  max-width: 577px;
  width: 100%;
  margin: auto;
  text-align: center;
}
.contact-us-content .games-top-sec .secondary-heading h4 {
  margin-bottom: 32px;
}
.contact-us-content .games-top-sec .secondary-heading p {
  margin-bottom: 0;
}
.contact-us-content .contact-details-wrap {
  position: relative;
  margin-top: -80px;
}
.contact-us-content .contact-details-wrap .contact-details-content {
  position: absolute;
  top: 55%;
  left: 21%;
  transform: translateY(-50%);
}
.contact-us-content .contact-details-wrap .contact-details-content h6 {
  color: #FFF;
  /* Heading/Raleway H2 */
  font-family: Raleway;
  font-size: 50px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 16px;
  color: white;
}
.contact-us-content .contact-details-wrap .contact-details-content address {
  color: white;
  /* P/Raleway P01 */
  font-family: Raleway;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  /* 155.556% */
  letter-spacing: 0.09px;
  color: white;
  margin-bottom: 26px;
}
.contact-us-content .contact-details-wrap .contact-details-content ul {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.contact-us-content .contact-details-wrap .contact-details-content ul a {
  color: white;
  /* P/Raleway P01 */
  font-family: Raleway;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  /* 155.556% */
  letter-spacing: 0.09px;
  color: white;
  line-height: 1;
}
.contact-us-content .contact-form-wrap {
  padding-bottom: 129px;
}
.contact-us-content .contact-form-wrap .contact-form-sec {
  max-width: 892px;
  margin: auto;
  border-radius: 19.674px;
  border: 2.155px solid rgba(255, 255, 255, 0.15);
  background: linear-gradient(112deg, rgba(231, 231, 231, 0.25) -2.6%, rgba(210, 210, 212, 0) 104%);
  box-shadow: 49.186px 49.186px 39.349px 0px rgba(35, 42, 62, 0.12);
  -webkit-backdrop-filter: blur(53.864616394px);
          backdrop-filter: blur(53.864616394px);
  padding: 80px;
}
.contact-us-content .contact-form-wrap .contact-form-sec .secondary-heading h4 {
  text-align: center;
  margin-bottom: 20px;
}
.contact-us-content .contact-form-wrap .contact-form-sec .form-flex {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
}
.contact-us-content .contact-form-wrap .contact-form-sec .form-flex .form-group {
  flex: 1 1 45%;
}
.contact-us-content .contact-form-wrap .contact-form-sec .form-flex .form-group-12 {
  flex: 1 1 100%;
}
.contact-us-content .contact-form-wrap .contact-form-sec .primary-btn {
  margin: 20px auto 0 auto;
}

.login-wrap {
  background: url(../images/login-wraping-bg.png) no-repeat center;
  background-size: cover;
}
.login-wrap .login-top-sec {
  padding: 28px 100px 38px 100px;
  position: relative;
}
.login-wrap .login-top-sec .secondary-heading {
  max-width: 577px;
  width: 100%;
  margin: auto;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.login-wrap .login-top-sec .secondary-heading h4 {
  margin-bottom: 32px;
}
.login-wrap .login-top-sec .secondary-heading p {
  margin-bottom: 0;
}
.login-wrap .login-section {
  padding: 111px 0;
}
.login-wrap .login-section .login-content-sec {
  max-width: 583px;
  margin: auto;
  padding: 80px;
  border-radius: 19.674px;
  border: 2.155px solid rgba(255, 255, 255, 0.15);
  background: linear-gradient(112deg, rgba(231, 231, 231, 0.25) -2.6%, rgba(210, 210, 212, 0) 104%);
  box-shadow: 49.186px 49.186px 39.349px 0px rgba(35, 42, 62, 0.12);
  -webkit-backdrop-filter: blur(53.864616394px);
          backdrop-filter: blur(53.864616394px);
}
.login-wrap .login-section .login-content-sec .secondary-heading {
  text-align: center;
}
.login-wrap .login-section .login-content-sec .secondary-heading h4 {
  margin-bottom: 20px;
}
.login-wrap .login-section .login-content-sec .secondary-heading p {
  max-width: 349px;
  margin: 0 auto 20px auto;
}
.login-wrap .login-section .login-content-sec .form-flex {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  max-width: 358px;
  margin: auto;
}
.login-wrap .login-section .login-content-sec .form-flex .form-group {
  flex: 1 1 45%;
}
.login-wrap .login-section .login-content-sec .form-flex .form-group-12 {
  flex: 1 1 100%;
}
.login-wrap .login-section .login-content-sec .forgot-btn {
  color: #136BC7;
  /* P/Raleway Caption */
  font-family: Raleway;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 25px;
  /* 208.333% */
}
.login-wrap .login-section .login-content-sec .primary-btn {
  margin: auto;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  padding: 15px 24px;
}
.login-wrap .login-section .login-content-sec .para {
  padding: 10px;
}
.login-wrap .login-section .login-content-sec .para p {
  color: white;
  /* P/Raleway P01 CTA */
  font-family: Raleway;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-align: center;
  margin-bottom: 0;
}
.login-wrap .login-section .login-content-sec .para p a {
  color: #136BC7;
}
.login-wrap .forgot-password-sec {
  padding: 98px 0;
}
.login-wrap .login-reset-sec {
  padding: 75px 0;
}
.login-wrap .signup-section {
  padding: 88px 0;
}
.login-wrap .signup-section .login-content-sec {
  max-width: 892px;
}
.login-wrap .signup-section .login-content-sec .form-flex {
  max-width: 100%;
}

.myAccount-wrap {
  background: url(../images/myAccount-bg.png) no-repeat center top;
  background-size: cover;
}
.myAccount-wrap .myAccount-top-sec {
  padding: 28px 100px 38px 100px;
  position: relative;
}
.myAccount-wrap .myAccount-top-sec .secondary-heading {
  max-width: 577px;
  width: 100%;
  margin: auto;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.myAccount-wrap .myAccount-top-sec .secondary-heading h4 {
  margin-bottom: 0;
}
.myAccount-wrap .myAccount-content-wrap {
  padding: 144px 0;
}
.myAccount-wrap .myAccount-content-wrap .myAccount-content-sec {
  max-width: 892px;
  margin: auto;
  padding: 80px;
  border-radius: 19.674px;
  border: 2.155px solid rgba(255, 255, 255, 0.15);
  background: linear-gradient(112deg, rgba(231, 231, 231, 0.25) -2.6%, rgba(210, 210, 212, 0) 104%);
  box-shadow: 49.186px 49.186px 39.349px 0px rgba(35, 42, 62, 0.12);
  -webkit-backdrop-filter: blur(53.864616394px);
          backdrop-filter: blur(53.864616394px);
}
.myAccount-wrap .myAccount-content-wrap .secondary-heading {
  text-align: center;
}
.myAccount-wrap .myAccount-content-wrap .secondary-heading h4 {
  margin-bottom: 20px;
}
.myAccount-wrap .myAccount-content-wrap .secondary-heading p {
  max-width: 554px;
  margin: 0 auto 20px auto;
}
.myAccount-wrap .myAccount-content-wrap .secondary-heading p a {
  color: #136BC7;
}
.myAccount-wrap .myAccount-content-wrap .account-btn-wrap {
  display: flex;
  gap: 20px;
  margin-bottom: 28px;
}
.myAccount-wrap .myAccount-content-wrap .account-btn-wrap a {
  flex: 1 1 100%;
  text-align: center;
  height: 44px;
  vertical-align: middle;
  color: #0E0E0E;
  /* P/Raleway Primary CTA */
  font-family: Raleway;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  /* 24px */
  text-transform: capitalize;
  color: white;
  line-height: 44px;
  border: 1px solid white;
  border-radius: 27px;
  outline: 1px solid white;
  outline-offset: -4px;
}
.myAccount-wrap .myAccount-content-wrap .account-btn-wrap .active {
  outline: none;
  border: none;
  background: #0E0E0E;
  position: relative;
}
.myAccount-wrap .myAccount-content-wrap .account-btn-wrap .active::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 8px;
  bottom: -7px;
  left: 50%;
  transform: translateX(-50%);
  background: url(../images/btn-arrow-account.svg) no-repeat center;
  background-size: cover;
}
.myAccount-wrap .myAccount-content-wrap .account-detail-form-wrap {
  margin-bottom: 20px;
}
.myAccount-wrap .myAccount-content-wrap .account-detail-form-wrap h6 {
  color: #0E0E0E;
  /*  */
  font-family: Raleway;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  /* 30px */
  text-transform: capitalize;
  color: white;
  margin-bottom: 20px;
  text-align: center;
}
.myAccount-wrap .myAccount-content-wrap .account-detail-form-wrap .form-flex {
  display: flex;
  gap: 20px 16px;
  flex-wrap: wrap;
}
.myAccount-wrap .myAccount-content-wrap .account-detail-form-wrap .form-flex .form-group {
  flex: 1 1 45%;
}
.myAccount-wrap .myAccount-content-wrap .account-detail-form-wrap .form-flex .form-group-12 {
  flex: 1 1 100%;
}
.myAccount-wrap .myAccount-content-wrap .account-detail-form-wrap .primary-btn {
  margin: auto;
}
.myAccount-wrap .myAccount-order-content {
  padding: 72px 0;
}
.myAccount-wrap .myAccount-order-content .myAccount-content-sec {
  max-width: 1153px;
}
.myAccount-wrap .myAccount-order-content .myAccount-content-sec .account-btn-wrap {
  max-width: 732px;
  margin: 0 auto 32px auto;
}
.myAccount-wrap .myAccount-order-content .account-order-content {
  border: 2px solid white;
  border-width: 2px 0;
}
.myAccount-wrap .myAccount-order-content .account-order-content .account-order-content-card {
  display: flex;
  gap: 20px;
  padding: 20px;
}
.myAccount-wrap .myAccount-order-content .account-order-content .account-order-content-card h6 {
  color: #0E0E0E;
  /*  */
  font-family: Raleway;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  /* 30px */
  text-transform: capitalize;
  line-height: 1;
  margin-bottom: 14px;
  color: white;
}
.myAccount-wrap .myAccount-order-content .account-order-content .account-order-content-card p {
  color: white;
  /* P/Raleway P01 */
  font-family: Raleway;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  /* 155.556% */
  letter-spacing: 0.09px;
  color: white;
  margin-bottom: 0;
}
.myAccount-wrap .myAccount-order-content .account-order-content .account-order-content-card .order-number {
  color: #136BC7;
}
.myAccount-wrap .myAccount-order-content .account-order-content .account-order-content-card .order-wrap {
  max-width: 117px;
  width: 100%;
}
.myAccount-wrap .myAccount-order-content .account-order-content .account-order-content-card .qty-wrap {
  max-width: 57px;
  width: 100%;
}
.myAccount-wrap .myAccount-order-content .pagination-wrap {
  margin-top: 20px;
}
.myAccount-wrap .myAccount-order-content .pagination-wrap ul {
  display: flex;
  justify-content: center;
}
.myAccount-wrap .myAccount-order-content .pagination-wrap ul a {
  display: flex;
  width: 40px;
  height: 40px;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: white;
  font-variant-numeric: lining-nums proportional-nums;
  /* Regular Text */
  font-family: "Manrope", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  /* 125% */
}
.myAccount-wrap .myAccount-order-content .pagination-wrap ul a.active {
  background-color: #0E0E0E;
  border-radius: 50%;
}
.myAccount-wrap .myAccount-order-content .account-order-content-sm {
  padding: 40px 0 40px 14px;
  gap: 40px;
  display: flex;
  flex-direction: column;
  position: relative;
}
.myAccount-wrap .myAccount-order-content .account-order-content-sm::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 280px;
  height: 2px;
  background: white;
}
.myAccount-wrap .myAccount-order-content .account-order-content-sm::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 280px;
  height: 2px;
  background: white;
}
.myAccount-wrap .myAccount-order-content .account-order-content-sm .account-order-card-sm {
  display: flex;
  gap: 8px;
  align-items: center;
}
.myAccount-wrap .myAccount-order-content .account-order-content-sm .account-order-card-sm h6 {
  color: white;
  /* P/Raleway P01 CTA */
  font-family: Raleway;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: capitalize;
  margin-bottom: 16px;
}
.myAccount-wrap .myAccount-order-content .account-order-content-sm .account-order-card-sm p {
  color: white;
  /* Heading/Raleway H5 */
  font-family: Raleway;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  /* 21px */
  text-transform: capitalize;
  color: #FFF;
  margin-bottom: 16px;
}
.myAccount-wrap .myAccount-order-content .account-order-content-sm .account-order-card-sm .order-item {
  flex: 1 1 45%;
  display: flex;
  align-items: center;
}
.myAccount-wrap .myAccount-order-content .account-order-content-sm .account-order-card-sm .order-item h6,
.myAccount-wrap .myAccount-order-content .account-order-content-sm .account-order-card-sm .order-item p {
  line-height: 1;
}
.myAccount-wrap .myAccount-order-content .account-order-content-sm .account-order-card-sm .order-number {
  color: #136BC7;
}

.billing-details-flex {
  padding: 75px 0;
  max-width: 1258px;
  margin: auto;
  display: flex;
  gap: 40px;
}
.billing-details-flex .billing-sec {
  max-width: 518px;
  width: 100%;
  border-radius: 19.674px;
  border: 2.155px solid rgba(255, 255, 255, 0.15);
  background: linear-gradient(112deg, rgba(231, 231, 231, 0.25) -2.6%, rgba(210, 210, 212, 0) 104%);
  box-shadow: 49.186px 49.186px 39.349px 0px rgba(35, 42, 62, 0.12);
  -webkit-backdrop-filter: blur(53.864616394px);
          backdrop-filter: blur(53.864616394px);
  padding: 80px;
}
.billing-details-flex .billing-sec .secondary-heading h4 {
  margin-bottom: 20px;
  text-align: center;
}
.billing-details-flex .billing-sec .form-flex {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.billing-details-flex .billing-sec .form-flex .form-group {
  flex: 1 1 100%;
}
.billing-details-flex .billing-sec .form-flex .form-check {
  justify-content: space-between;
}
.billing-details-flex .billing-sec .primary-btn {
  margin: auto;
}
.billing-details-flex .billing-sec .secondary-btn {
  background: transparent;
  margin: auto;
  border: 0;
}

.cart-Summary-sec {
  max-width: 700px;
  width: 100%;
  padding: 80px;
  border-radius: 19.674px;
  border: 2.155px solid rgba(255, 255, 255, 0.15);
  background: linear-gradient(112deg, rgba(231, 231, 231, 0.25) -2.6%, rgba(210, 210, 212, 0) 104%);
  box-shadow: 49.186px 49.186px 39.349px 0px rgba(35, 42, 62, 0.12);
  -webkit-backdrop-filter: blur(53.864616394px);
          backdrop-filter: blur(53.864616394px);
}
.cart-Summary-sec .secondary-heading h4 {
  text-align: center;
  margin-bottom: 20px;
}
.cart-Summary-sec .cart-product-wrap {
  gap: 24px;
  padding: 24px 0;
  border: 2px solid white;
  border-width: 2px 0;
}
.cart-Summary-sec .cart-product-wrap .cart-product h5,
.cart-Summary-sec .cart-product-wrap .cart-product h6,
.cart-Summary-sec .cart-product-wrap .cart-product p {
  color: white;
}
.cart-Summary-sec .cart-product-wrap .cart-product .remove-btn {
  margin-bottom: 8px;
  display: inline-block;
}
.cart-Summary-sec .apply-wrap {
  margin: 34px 0 0 0;
}
.cart-Summary-sec .apply-wrap .form-flex {
  display: flex;
  gap: 16px;
}
.cart-Summary-sec .apply-wrap .form-flex .primary-btn {
  width: 156px;
  justify-content: center;
}
.cart-Summary-sec .apply-wrap .discount-sec {
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  gap: 9px;
}
.cart-Summary-sec .apply-wrap .discount-sec h6 {
  color: #0E0E0E;
  /*  */
  font-family: Raleway;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  /* 30px */
  text-transform: capitalize;
  color: white;
  margin-bottom: 0;
}
.cart-Summary-sec .apply-wrap .total-sec {
  margin-top: 9px;
  padding-top: 16px;
  border-top: 2px solid white;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cart-Summary-sec .apply-wrap .total-sec h5 {
  color: white;
  /* Heading/Raleway H3 */
  font-family: Raleway;
  font-size: 35px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.payment-top-sec {
  position: relative;
}
.payment-top-sec .secondary-heading {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  margin-bottom: 0;
}

.payment-successful-content {
  padding: 82px 0;
}
.payment-successful-content .cart-Summary-sec {
  margin: auto;
}
.payment-successful-content .cart-Summary-sec .cart-product {
  align-items: center;
}
.payment-successful-content .cart-Summary-sec .secondary-heading p {
  max-width: 489px;
  margin: 0 auto 20px auto;
  text-align: center;
}
.payment-successful-content .view-order-btn {
  margin: 20px auto 0 auto;
}
.payment-successful-content .btn-wrap {
  margin-top: 20px;
  display: flex;
  gap: 20px;
}
.payment-successful-content .btn-wrap a {
  flex: 1 1 100%;
  justify-content: center;
}
.payment-successful-content .btn-wrap .secondary-btn {
  background: transparent;
}

.common-modal .modal-content {
  background-color: transparent;
}
.common-modal .modal-dialog {
  max-width: 578px;
}
.common-modal .modal-dialog .modal-body {
  border-radius: 19.674px;
  border: 2.155px solid rgba(255, 255, 255, 0.15);
  background: linear-gradient(112deg, rgba(231, 231, 231, 0.25) -2.6%, rgba(210, 210, 212, 0) 104%);
  box-shadow: 49.186px 49.186px 39.349px 0px rgba(35, 42, 62, 0.12);
  -webkit-backdrop-filter: blur(53.864616394px);
          backdrop-filter: blur(53.864616394px);
  padding: 80px;
}
.common-modal .modal-dialog .modal-body .secondary-heading h4 {
  margin-bottom: 20px;
  text-align: center;
  text-transform: capitalize;
}
.common-modal .modal-dialog .modal-body .secondary-heading p {
  margin-bottom: 20px;
  text-align: center;
}
.common-modal .modal-dialog .modal-body .para p {
  color: #0E0E0E;
  /* P/Raleway P02 */
  font-family: Raleway;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 25px;
  /* 166.667% */
  color: #FFF;
  margin-bottom: 0;
  text-align: center;
}
.common-modal .modal-dialog .modal-body .form-flex {
  max-width: 358px;
  margin: auto;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.common-modal .modal-dialog .modal-body .btn-wrap {
  display: flex;
  gap: 20px;
  flex-direction: column;
}
.common-modal .modal-dialog .modal-body .added-cart-wrap {
  margin: auto;
}
.common-modal .modal-dialog .modal-body .added-cart-wrap .primary-btn,
.common-modal .modal-dialog .modal-body .added-cart-wrap .secondary-btn {
  width: 100%;
}
.common-modal .modal-dialog .modal-body .are-you-wrap .btn-wrap {
  align-items: center;
}
.common-modal .modal-dialog .modal-body .are-you-wrap .btn-wrap .primary-btn,
.common-modal .modal-dialog .modal-body .are-you-wrap .btn-wrap .secondary-btn {
  width: 190px;
}
.common-modal .modal-dialog .modal-body .primary-btn {
  justify-content: center;
}
.common-modal .modal-dialog .modal-body .secondary-btn {
  background-color: transparent;
  justify-content: center;
}

#modalFive .modal-dialog {
  max-width: 502px;
}

#modalSix .modal-dialog {
  max-width: 338px;
}
#modalSix .modal-dialog .modal-body .secondary-heading h4 {
  color: white;
  font-family: "Space Grotesk";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
}

.term-condition-sec {
  background: url(../images/terms-conditions-sec.png) no-repeat center top;
  background-size: cover;
}
.term-condition-sec .term-condition-top-sec {
  position: relative;
  padding: 33px 100px;
}
.term-condition-sec .term-condition-top-sec .secondary-heading {
  max-width: 577px;
  width: 100%;
  margin: auto;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.term-condition-sec .term-condition-top-sec .secondary-heading h4 {
  margin-bottom: 0;
}
.term-condition-sec .term-content {
  max-width: 1126px;
  margin: auto;
  padding: 38px 0;
}
.term-condition-sec .term-content p {
  color: white;
  /* P/Raleway P01 */
  font-family: Raleway;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  /* 155.556% */
  letter-spacing: 0.09px;
}

.error-sec {
  background: url(../images/error-bg.png) no-repeat center top;
  background-size: cover;
  padding: 105px 100px;
  position: relative;
}
.error-sec .error-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.error-sec .error-content h1 {
  color: white;
  /* Heading/Raleway H1 */
  font-family: Raleway;
  font-size: 100px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 16px;
  text-align: center;
}
.error-sec .error-content h2 {
  color: #FFF;
  /* Heading/Raleway H2 */
  font-family: Raleway;
  font-size: 50px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 24px;
}
.error-sec .error-content .primary-btn {
  margin: auto;
}

.stickyheader {
  position: fixed;
  width: 100%;
}/*# sourceMappingURL=style.css.map */


.cart-product-wrap {
	overflow: auto;
	height: 400px;
}