/*===============================================
Template Name: Prizes-Loot - Earn With Your App / site
Author:  AboGamil
Description: Description
Version: 1.0.0
Text Domain: Prizes-Loot
Tags: earn from app, earn from website, monetize app, monetize website, app revenue, website revenue, income from app, income from website, app earnings, website earnings, app profitability, website profitability, revenue generation, app monetization strategies, website monetization strategies
================================================*/

/*TABLE OF CONTENTS*/
/*=====================
01. Prizes-Loot Header Top Menu Section Css
02. Prizes-Loot Nav Menu Section Css 
03. Prizes-Loot Banner Section Css
04. Prizes-Loot Section Title Css
05. Prizes-Loot Service Section css
06. Prizes-Loot About Section Css
07. Prizes-Loot Counter Section Css
08. Prizes-Loot Case Study Section Css
09. Prizes-Loot Testimonial Section Css
10. Prizes-Loot Process Section Css
11. Prizes-Loot Team Section Css
12. Prizes-Loot Faq Section Css
13. Prizes-Loot Brand Section Css
14. Prizes-Loot Call Do Section Css
15. Prizes-Loot Form Box Css
16. Prizes-Loot Skill Section Css
17. Prizes-Loot Blog Section Css
18. Prizes-Loot footer Section Css
19. Prizes-Loot Subscribe Section Css
20. Prizes-Loot Lines CSS
21. Prizes-Loot Prossess Ber Css
22. Prizes-Loot Scrollup Section
23. Prizes-Loot Bounce Animation Css 
24. Prizes-Loot Animation Dance
25. Prizes-Loot Breadcumb Section Css
26. Prizes-Loot abouts_Sections Css
27. Prizes-Loot Feture-Section Css
28. Prizes-Loot Pricing Section Css
29. Prizes-Loot Web Development Section CSS
30. Prizes-Loot Contact  US Css
31. Prizes-Loot Blog Sidber Widget CSS
32. Prizes-Loot Case Study Details Css
33. Prizes-Loot Search Box Css
34. Prizes-Loot Loader Css
=======================*/

/*<!-- ============================================================== -->
 <!-- Prizes-Loot Reset Code & Common Start Here -->
<!-- ============================================================== -->*/

.digi-m-section-sub-title h4 {
  margin-bottom: 14px;
  font-size: 14px;
  line-height: 30px;
  color: #02c0bc;
  font-weight: 600;
  font-family: "Rubik";
}

.digi-m-section-title h1 {
  font-size: 38px;
  line-height: 48px;
  color: #1f212b;
  font-weight: 600;
  font-family: "Rubik";
}

.darkmode .digi-m-section-title h1 {
  color: #fff;
}

.digi-m-section-title h1 span {
  color: #f15503;
}

.darkmode .digi-m-section-title h1 span {
  color: #02c0bc;
}

.digi-m-btn a,
.digi-m-btn button {
  font-size: 14px;
  line-height: 28px;
  color: #ffffff;
  font-weight: 500;
  font-family: "Rubik";
  background-image: linear-gradient(90deg, #f15402 0%, #fb8f52 100%);
  border-radius: 30px;
  padding: 12px 70px 12px 32px;
  position: relative;
  z-index: 1;
  transition: 0.5s;
  overflow: hidden;
  text-transform: uppercase;
}

.digi-m-btn i {
  position: absolute;
  line-height: 35px;
  text-align: center;
  font-size: 20px;
  transition: 0.5s;
  margin-left: 8px;
  margin-top: -3px;
}

.digi-m-btn a:hover i {
  padding-left: 6px;
}

.digi-m-btn span {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-radius: 50%;
  background-color: #02c0bc;
  transition: width 0.6s ease-in-out, height 0.6s ease-in-out;
  transform: translate(-50%, -50%);
  z-index: -1;
}

.digi-m-btn a:hover span,
.digi-m-btn button:hover span {
  width: 40rem;
  height: 40rem;
}

.digi-m_nav_manu {
  transition: 0.5s;
  z-index: 2;
  position: relative;
  padding: 0 70px 0;
  margin-bottom: -95px;
  border-bottom: 1px solid rgba(16, 18, 16, 0.10196078431372549);
}

.sticky {
  left: 0;
  margin: auto;
  position: fixed !important;
  top: 0;
  width: 100%;
  -webkit-box-shadow: 0 2px 5px -2px rgba(254, 254, 254, 0.1);
  box-shadow: 0 2px 5px -2px rgba(254, 254, 254, 0.1);
  background: #ffffff;
  transition: 0.5s !important;
  z-index: 922;
  -webkit-animation: 300ms ease-in-out slideInDown;
  animation: 500ms ease-in-out slideInDown;
  backdrop-filter: blur(5px);
  filter: drop-shadow(0 0 17.5px rgba(156, 156, 156, 0.2));
}

.darkmode .header-manu-section.sticky {
  background: #00000075;
  backdrop-filter: blur(5px);
}

.darkmode .header-manu-section.style2.sticky {
  background: #00000075;
  backdrop-filter: blur(5px);
}

.sticky nav.header-menu {
  background: transparent;
}

.sticky nav.header-menu ul li {
  display: inline-block;
  padding: 24px 0 24px 24px;
  position: relative;
  margin-top: -9px;
}

/*<!-- ============================================================== -->
 <!-- Prizes-Loot Reset Code & Common End Here -->
<!-- ============================================================== -->*/

/*<!-- ============================================================== -->
 <!-- Prizes-Loot Header Menu Start Here -->
<!-- ============================================================== -->*/

header.header-manu-section {
  position: absolute;
  z-index: 999;
  width: 100%;
  padding: 0 2%;
}

header.header-manu-section.style2 {
  background: #ffff;
  position: relative;
}

.darkmode .header-manu-section.style2 {
  background: #080a10;
}

.digi-m-logo a:first-child {
  display: block;
}

.darkmode .digi-m-logo a:first-child {
  display: none;
}

.digi-m-logo a:last-child {
  display: none;
}

.darkmode .digi-m-logo a:last-child {
  display: block;
}

nav.header-menu {
  text-align: right;
}

nav.header-menu > ul > li {
  display: inline-block;
  position: relative;
  padding: 35px 0 35px 40px;
}

nav.header-menu ul li:first-child {
  padding-left: 0;
}

nav.header-menu ul li:first-child a {
  color: #6839cc;
}

.darkmode nav.header-menu ul li:first-child a {
  color: #02c0bc;
}

.darkmode nav.header-menu ul li a {
  color: #fff;
}

.darkmode nav.header-menu ul li:last-child:hover a {
  color: #fff;
}

.darkmode nav.header-menu ul li:last-child:hover a i {
  color: #fff;
}

.darkmode nav.header-menu ul li a:focus-within,
.darkmode nav.header-menu ul li:hover a {
  color: #02c0bc;
}

nav.header-menu ul li a {
  font-size: 16px;
  line-height: 28px;
  color: #1f212b;
  font-weight: 500;
  font-family: "Rubik";
  transition: 0.5s;
}

nav.header-menu ul li a:focus-within,
nav.header-menu ul li:hover a {
  color: #6839cc;
  filter: hue-rotate(360deg);
}

nav.header-menu i {
  font-size: 12px;
  transform: rotate(0deg);
  transition: 0.5s;
}

nav.header-menu ul li:focus-within i,
nav.header-menu ul li:hover i {
  transform: rotate(-180deg);
  color: #6839cc;
}

.darkmode nav.header-menu ul li:focus-within i,
.darkmode nav.header-menu ul li:hover i {
  color: #02c0bc;
}

.sticky nav .submenu ul li {
  padding: 0;
}

nav.header-menu ul li:nth-child(8):focus-within i,
nav.header-menu ul li:nth-child(8):hover i {
  color: #f15503;
}

nav.header-menu ul li:nth-child(8) i,
nav.header-menu ul li:nth-child(8) i {
  transform: rotate(0deg);
}

.darkmode .light-btn {
  background: #f15503;
  padding-left: 6px;
}

.light-btn {
  background: #5ccfff;
  position: fixed;
  z-index: 9999;
  top: 130px;
  right: 0;
  height: 40px;
  width: 50px;
  border-radius: 20px 0 0 20px;
  line-height: 40px;
}

.light-btn > button i:first-child {
  font-size: 22px;
  display: none;
  transition: 0.5s;
}

.darkmode .light-btn button i:first-child {
  display: block;
  color: #fff !important;
}

.light-btn button i:last-child {
  font-size: 34px;
  transition: 0.5s;
  display: block;
  margin-top: 1px;
}

.darkmode .light-btn button i:last-child {
  display: none;
}

nav.header-menu > ul > li:last-child {
  padding: 0 0 0 30px;
  position: relative;
  top: 22px;
}

nav.header-menu > ul > li:last-child a {
  color: #fff;
  filter: hue-rotate(0deg);
  font-size: 14px;
  font-weight: 500;
}

nav.header-menu > ul > li:last-child i {
  color: #fff;
  font-size: 20px;
  transform: rotate(0deg);
}

/* Submenu Start Here */

nav.header-menu ul li:hover .submenu {
  visibility: visible;
  opacity: 1;
  -webkit-transform: perspective(400px) rotateX(0deg);
  transform: perspective(400px) rotateX(0deg);
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.submenu {
  position: absolute;
  top: 99px;
  left: 0;
  width: 205px;
  background: #fff;
  z-index: 50;
  border-top: 3px solid #f15503;
  transition: 0.4s;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  text-align: left;
  filter: drop-shadow(5px 5px 5px rgba(60, 115, 206, 0.2));
  -webkit-transform: perspective(400px) rotateX(-90deg);
  transform: perspective(400px) rotateX(-90deg);
  transform-origin: 50% 0%;
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.sticky .submenu {
  top: 76px;
}

nav .submenu > ul > li {
  display: block;
  width: 100%;
  background: #fff;
  transition: 0.4s;
  padding: 0;
  position: relative;
  z-index: 1;
}

nav .submenu ul li:last-child {
  margin-left: 0;
  padding-left: 0;
}

nav .submenu ul li:before {
  position: absolute;
  content: "";
  width: 0%;
  height: 100%;
  background: #f15503;
  top: 0;
  right: -15px;
  transform: skewX(-35deg);
  transition: 0.4s;
  z-index: -1;
}

nav .submenu ul li:after {
  position: absolute;
  content: "";
  width: 0%;
  height: 100%;
  background: #c39e75;
  top: 0;
  left: -15px;
  transform: skewX(-35deg);
  transition: 0.4s;
  z-index: -1;
}

nav .submenu ul > li > a {
  color: #282828 !important;
  transition: 0.4s;
  width: 100%;
  padding: 8px 20px;
}

nav .submenu ul > li:first-child > a {
  color: #282828;
  font-weight: 500;
}

nav .submenu ul li:hover a {
  color: #fff !important;
}

nav .submenu ul li:hover:before,
nav .submenu ul li:hover:after {
  background: #f15503;
  filter: hue-rotate(360deg);
  width: 58%;
}

/* Submenu End Here */

/*<!-- ============================================================== -->
 <!-- Prizes-Loot Header Menu End Here -->
<!-- ============================================================== -->*/

/*<!-- ============================================================== -->
 <!-- Prizes-Loot Banner Section Start Here -->
<!-- ============================================================== -->*/

.darkmode section.banner-section {
  background: url(../images/main-thumb/banner-dark-bg.jpg) no-repeat center;
  background-size: cover;
}

section.banner-section {
  height: 950px;
  display: flex;
  align-items: center;
  background: url(../images/main-thumb/banner-bg.jpg) no-repeat center;
  background-size: cover;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

#particles-js canvas {
  position: absolute;
  z-index: -1;
}

.banner-sub-title h6 {
  font-size: 18px;
  line-height: 30px;
  color: #02c0bc;
  font-weight: 500;
  font-family: "Rubik";
}

.darkmode .banner-title h1 {
  color: #fff;
}

.banner-title h1 {
  font-size: 60px;
  line-height: 70px;
  color: #1f212b;
  font-weight: 700;
  font-family: "Rubik";
  margin: 14px 0 16px;
  height: 140px;
}

.darkmode .banner-title span {
  color: #02c0bc;
}

.banner-title span {
  color: #f15503;
}

.darkmode .banner-desc p {
  color: #a8a8a8;
}

.banner-desc p {
  line-height: 28px;
  color: #555555;
  font-weight: 400;
  font-family: "Rubik";
  margin-bottom: 38px;
  width: 80%;
}

.banner-thumb {
  text-align: center;
}

/*<!-- ============================================================== -->
 <!-- Prizes-Loot Banner Section End Here -->
<!-- ============================================================== -->*/

/*<!-- ============================================================== -->
 <!-- Prizes-Loot Service Section Start Here -->
<!-- ============================================================== -->*/

.darkmode section.service-section {
  background: #080a10;
}

.service-box {
  position: relative;
  z-index: 1;
  margin-top: -170px;
}

.service-single-box {
  text-align: center;
  padding: 48px 24px 30px;
  filter: drop-shadow(0px 10px 20px rgba(119, 119, 119, 0.15));
  background: #fff;
  border-radius: 10px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  margin-bottom: 30px;
}

.darkmode .service-single-box {
  background: #1f212b;
}

.service-single-box:before {
  position: absolute;
  content: "";
  top: -58%;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 185px;
  background-color: #fbe2d8;
  z-index: -1;
  transition: 0.5s;
}

.darkmode .service-single-box:before {
  background-color: #242632;
}

.service-single-box:hover:before {
  border-radius: 5px;
  top: 0;
}

.service-box-thumb {
  transition: 0.5s;
}

.service-single-box:hover .service-box-thumb {
  transform: rotate(10deg);
}

.service-box-title h4 {
  color: #343434;
  font-family: "Rubik", Sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
  margin: 32px 0 12px;
  transition: 0.5s;
}

.darkmode .service-box-title h4 {
  color: #fff;
}

.darkmode .service-single-box:hover .service-box-title h4 {
  color: #fff;
}

.service-single-box:hover .service-box-title h4,
.service-single-box:hover .service-box-desc p {
  color: #000;
}

.darkmode .service-single-box:hover .service-box-desc p {
  color: #a8a8a8;
}

.service-box-desc p {
  transition: 0.5s;
}

.darkmode .service-box-desc p {
  color: #a8a8a8;
}

.service-box-btn a {
  font-size: 14px;
  font-weight: 500;
  line-height: 28px;
  transition: 0.5s;
  margin: 6px 0;
}

.service-single-box:hover .service-box-btn a {
  color: #f15503;
}

.service-box-btn a i {
  transition: 0.5s;
  font-size: 18px;
  padding-left: 6px;
  position: absolute;
  margin-top: 2px;
}

.service-single-box:hover .service-box-btn a i {
  padding-left: 12px;
  color: #f15503;
}

/*<!-- ============================================================== -->
 <!-- Prizes-Loot Service Section End Here -->
<!-- ============================================================== -->*/

/*<!-- ============================================================== -->
 <!-- Prizes-Loot Revinue Section Start Here -->
<!-- ============================================================== -->*/

section.revinue-section {
  padding: 120px 0;
}

.revinue-thumb img:first-child,
.darkmode .revinue-thumb img:last-child {
  display: block;
}

.revinue-thumb img:last-child,
.darkmode .revinue-thumb img:first-child {
  display: none;
}

.darkmode section.revinue-section {
  background: #080a10;
}

section.revinue-section .digi-m-section-title h1 {
  width: 74%;
}

.revinue-desc p {
  margin: 22px 0 42px;
}

.darkmode .revinue-desc p {
  color: #a8a8a8;
}

/*<!-- ============================================================== -->
 <!-- Prizes-Loot Revinue Section End Here -->
<!-- ============================================================== -->*/

/*<!-- ============================================================== -->
 <!-- Prizes-Loot Product Section Start Here -->
<!-- ============================================================== -->*/

section.optimization-section {
  padding: 120px 0 180px;
  background: url(../images/main-thumb/optimization-bg.jpg) no-repeat right;
  background-size: cover;
}

.darkmode section.optimization-section {
  background: url(../images/main-thumb/optimization-dark-bg.jpg) no-repeat right;
  background-size: cover;
}

.optimization-box {
  margin-top: 60px;
}

.optimization-single-box {
  text-align: center;
  padding: 52px 30px 30px;
  border-radius: 10px;
  background-color: #ffffff;
  overflow: hidden;
  transition: 0.5s;
  position: relative;
  z-index: 1;
}

.darkmode .optimization-single-box {
  background-color: #080a10;
}

.optimization-box-icon {
  width: 100px;
  height: 100px;
  border-radius: 50px;
  background-color: #f6fafa;
  text-align: center;
  line-height: 100px;
  margin: auto;
  position: relative;
  box-shadow: 0 0 0 0 #02c0bc;
  transition: 0.5s;
}

.darkmode .optimization-box-icon {
  background: #1f212b;
  box-shadow: 0 0 0 0 #02c0bc61;
}

.optimization-single-box:hover .optimization-box-icon {
  box-shadow: 0 0 0 20rem #02c0bc;
  background: #fff;
}

.darkmode .optimization-single-box:hover .optimization-box-icon {
  box-shadow: 0 0 0 20rem #080a10;
}

.optimization-box-icon img {
  display: inline-block !important;
}

.optimization-box-title h4 {
  position: relative;
  z-index: 1;
  font-size: 20px;
  line-height: 30px;
  color: #232323;
  font-weight: 500;
  font-family: "Rubik";
  transition: 0.5s;
  margin: 34px 0 15px;
}

.darkmode .optimization-box-title h4 {
  color: #fff;
}

.optimization-single-box:hover .optimization-box-title h4 {
  color: #fff;
}

.optimization-box-desc p {
  position: relative;
  z-index: 1;
  transition: 0.5s;
}

.darkmode .optimization-box-desc p {
  color: #a8a8a8;
}

.optimization-single-box:hover .optimization-box-desc p {
  color: #fff;
}

.darkmode .optimization-single-box:hover .optimization-box-desc p {
  color: #a8a8a8;
}

.optimization-box-btn a {
  font-size: 14px;
  font-weight: 500;
  line-height: 28px;
  transition: 0.5s;
  margin: 6px 0;
  position: relative;
  z-index: 1;
}

.optimization-single-box:hover .optimization-box-btn a {
  color: #fff;
}

.optimization-box-btn i {
  transition: 0.5s;
  font-size: 18px;
  padding-left: 6px;
  position: absolute;
  margin-top: 2px;
}

.optimization-single-box:hover .optimization-box-btn i {
  padding-left: 12px;
  color: #fff;
}

/*<!-- ============================================================== -->
 <!-- Prizes-Loot Product Section End Here -->
<!-- ============================================================== -->*/

/*<!-- ============================================================== -->
 <!-- Prizes-Loot Product Section End Here -->
<!-- ============================================================== -->*/

section.why-choose-us-section {
  padding: 120px 0 175px;
  position: relative;
  margin-bottom: -85px;
}

.darkmode section.why-choose-us-section {
  background: #080a10;
}

.why-choose-us-desc {
  margin: 20px 0 40px;
}

.darkmode .why-choose-us-desc p {
  color: #a8a8a8;
}

.why-choose-single-box {
  display: flex;
}

.why-choose-single-box.right {
  justify-content: right;
}

.why-choose-inner {
  display: flex;
  gap: 30px;
  align-items: center;
  margin-bottom: 30px;
  border-radius: 10px;
  background: #fff;
  filter: drop-shadow(0px 0px 20px rgba(119, 119, 119, 0.1));
  padding: 34px 30px;
  width: 84%;
  transition: 0.5s;
}

.darkmode .why-choose-inner {
  background: #1f212b;
}

.why-choose-box-left {
  width: 100px;
  height: 100px;
  text-align: center;
  line-height: 100px;
  background: #f6fafa;
  border-radius: 50%;
  flex: 37%;
  transition: 0.5s;
  position: relative;
  z-index: 1;
}

.darkmode .why-choose-box-left {
  background: #080a10;
}

.why-choose-box-left:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #02c0bc;
  transform: scale(0);
  transition: 0.5s;
  border-radius: 50%;
  z-index: -1;
}

.why-choose-inner:hover .why-choose-box-left:before,
.why-choose-inner.active .why-choose-box-left:before {
  transform: scale(1);
}

.why-choose-box-left h1 {
  display: inline-block;
  font-size: 30px;
  color: #f15503;
  text-align: center;
  font-weight: 700;
  font-family: "Rubik";
  line-height: 100px;
  transition: 0.5s;
}

.why-choose-inner:hover .why-choose-box-left h1,
.why-choose-inner.active .why-choose-box-left h1 {
  color: #ffff;
}

.why-choose-box-title h4 {
  font-size: 20px;
  line-height: 28px;
  color: #232323;
  font-weight: 500;
}

.darkmode .why-choose-box-title h4 {
  color: #fff;
}

.why-choose-box-desc p {
  margin: 6px 0 0;
  color: #555555;
}

.darkmode .why-choose-box-desc p {
  color: #a8a8a8;
}

/*<!-- ============================================================== -->
 <!-- Prizes-Loot Product Section End Here -->
<!-- ============================================================== -->*/

/*<!-- ============================================================== -->
 <!-- Prizes-Loot Experience Section Start Here -->
<!-- ============================================================== -->*/

section.experience-section {
  padding: 120px 0 195px;
  background: url(../images/main-thumb/experience-bg.jpg) no-repeat left;
  background-size: cover;
  position: relative;
  margin-bottom: -85px;
}

section.experience-section.style2 {
  padding: 120px 0;
  margin-bottom: 0px;
}

.darkmode .experience-section {
  background: url(../images/main-thumb/experience-dark-bg.jpg) no-repeat left;
  background-size: cover;
}

.experience-thumb img {
  width: 100%;
}

.experience-thumb img:first-child,
.darkmode .experience-thumb img:last-child {
  display: block;
}

.darkmode .experience-thumb img:first-child,
.experience-thumb img:last-child {
  display: none;
}

.experience-desc p {
  margin: 22px 0 34px;
}

.darkmode .experience-desc p {
  color: #a8a8a8;
}

/*<!-- ============================================================== -->
 <!-- Prizes-Loot Experience Section End Here -->
<!-- ============================================================== -->*/

/*<!-- ============================================================== -->
 <!-- Prizes-Loot Testimonial Section Start Here -->
<!-- ============================================================== -->*/

section.testimonial-section {
  padding: 100px 0 85px;
}

.darkmode section.testimonial-section {
  background: #080a10;
}

.testimonial-content {
  position: relative;
}

section.testimonial-section .digi-m-section-title h1 {
  width: 82%;
}

.testimonial-content > * {
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transform: translateX(100px);
  transform: translateX(100px);
  opacity: 0;
}

.testimonial-content > *:nth-child(1) {
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
}

.testimonial-content > *:nth-child(2) {
  -webkit-transition-delay: 0.8s;
  transition-delay: 0.8s;
}

.testimonial-content > *:nth-child(3) {
  -webkit-transition-delay: 1.1s;
  transition-delay: 1.1s;
}

.testimonial-content > *:nth-child(4) {
  -webkit-transition-delay: 1.4s;
  transition-delay: 1.4s;
}

.testimonial-content > *:nth-child(5) {
  -webkit-transition-delay: 1.7s;
  transition-delay: 1.7s;
}

/* Active Slide Animation */
.slick-active .testimonial-content > * {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  opacity: 1;
}

.testimonnial-rating {
  margin: 24px 0;
}

.testimonnial-rating ul li {
  display: inline-block;
  margin: 0 2px;
  color: #ffc007;
}

.testimonial-desc p {
  font-size: 16px;
  line-height: 28px;
  color: #555555;
  font-weight: 400;
  font-style: italic;
}

.darkmode .testimonial-desc p {
  color: #a8a8a8;
}

.testimonial-profile {
  display: flex;
  gap: 20px;
  align-items: center;
  margin-top: 31px;
}

.testimonial-profile-thumb img {
  width: 55px;
  border-radius: 5px;
}

.testimonial-profile-name h5 {
  font-size: 20px;
  line-height: 28px;
  color: #1f212b;
  font-weight: 500;
}

.darkmode .testimonial-profile-name h5 {
  color: #fdfdfd;
}

.testimonial-profile-location h6 {
  font-size: 16px;
  line-height: 28px;
  color: #02c0bc;
  font-weight: 400;
}

.testimonial-shape {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.testimonial-shape i {
  font-size: 70px;
  opacity: 0.2;
  color: #f15503;
  -webkit-animation: dance 1.5s alternate infinite;
  animation: dance 1.5s alternate infinite;
}

.darkmode .testimonial-shape i {
  color: #02c0bc;
}

section.testimonial-section .slick-dots {
  bottom: 1.7rem;
  left: inherit;
  right: 7rem;
  transform: translateX(-50%);
}

.testimonial-thumb img:first-child,
.darkmode .testimonial-thumb img:last-child {
  display: block;
}

.darkmode .testimonial-thumb img:first-child,
.testimonial-thumb img:last-child {
  display: none;
}

/*<!-- ============================================================== -->
 <!-- Prizes-Loot Testimonial Section End Here -->
<!-- ============================================================== -->*/

/*<!-- ============================================================== -->
 <!-- Prizes-Loot Contact Section Start Here -->
<!-- ============================================================== -->*/

section.contact-section {
  padding: 120px 0;
}

.darkmode section.contact-section {
  background: #080a10;
}

.contact-thumb img:first-child,
.darkmode .contact-thumb img:last-child {
  display: block;
}

.darkmode .contact-thumb img:first-child,
.contact-thumb img:last-child {
  display: none;
}

.contact-content {
  background: #fff;
  filter: drop-shadow(0px 15px 30px rgba(85, 85, 85, 0.1));
  padding: 60px;
  border-radius: 10px;
}

.darkmode .contact-content {
  background: #1f212b;
  filter: drop-shadow(0px 15px 30px rgb(255, 255, 255, 0.1));
}

section.contact-section .digi-m-section-title h1 {
  margin-bottom: 42px;
}

.contact-form input {
  width: 100%;
  height: 50px;
  border-radius: 25px;
  background-color: #ffffff;
  border: 1px solid rgba(85, 85, 85, 0.2);
  padding: 10px 30px;
  margin-bottom: 30px;
}

.darkmode .contact-form input {
  background-color: #ffffffd6;
}

.contact-form input:focus,
.contact-form textarea:focus {
  border: 1px solid #f15503;
}

.darkmode .contact-form input:focus,
.darkmode .contact-form textarea:focus {
  border: 1px solid #f15503;
  background: #fff;
}

.contact-form input::placeholder ,
.contact-form textarea::placeholder {
  color: rgba(0, 0, 0, 0.5);
}

.contact-form textarea {
  height: 120px;
  border-radius: 25px;
  background-color: #ffffff;
  border: 1px solid rgba(85, 85, 85, 0.2);
  width: 100%;
  resize: none;
  padding: 10px 30px;
  margin-bottom: 24px;
}

.darkmode .contact-form textarea {
  background-color: #ffffffd6;
}

/*<!-- ============================================================== -->
 <!-- Prizes-Loot Contact Section End Here -->
<!-- ============================================================== -->*/

/*<!-- ============================================================== -->
 <!-- Prizes-Loot Latest News Section Start Here -->
<!-- ============================================================== -->*/

section.latest-news-section {
  padding: 120px 0 165px;
  background: url(../images/main-thumb/experience-bg.jpg) no-repeat left;
  background-size: cover;
  margin-bottom: -85px;
}

.darkmode section.latest-news-section {
  background: url(../images/main-thumb/experience-dark-bg.jpg) no-repeat left;
  background-size: cover;
}

.latest-news-box {
  margin-top: 52px;
}

.latest-news-single-box {
  overflow: hidden;
  background: #fff;
  transition: 0.5s ease;
  border-radius: 5px;
  margin-bottom: 30px;
  padding: 10px;
}

.darkmode .latest-news-single-box {
  background: #242632;
}

.latest-news-box-thumb {
  position: relative;
  overflow: hidden;
  transition: 0.5s ease;
  border-radius: 5px 5px 0 0;
}

.latest-news-box-thumb::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0px solid #f15503;
  opacity: 40%;
  transition: 0.5s ease;
  z-index: 1;
}

.darkmode .latest-news-box-thumb::before {
  border: 0px solid #fff;
}

.latest-news-single-box:hover .latest-news-box-thumb::before {
  border: 20px solid #f15503;
}

.darkmode .latest-news-single-box:hover .latest-news-box-thumb::before {
  border: 20px solid #fff;
}

.latest-news-box-thumb img {
  width: 100%;
  transition: 0.5s;
}

.latest-news-single-box:hover .latest-news-box-thumb img {
  transform: scale(1.1);
}

.latest-news-content-top {
  display: flex;
  align-items: center;
  gap: 25px;
}

.latest-news-post-by h6,
.latest-news-comment h6 {
  font-size: 15px;
  line-height: 30px;
  color: #616161;
  font-weight: 400;
  font-family: "Rubik";
}

.darkmode .latest-news-post-by h6,
.darkmode .latest-news-comment h6 {
  color: #a8a8a8;
}

.latest-news-post-by i,
.latest-news-comment i {
  color: #f15503;
  margin-right: 8px;
}

.latest-news-box-content {
  border-radius: 0 0 5px 5px;
  padding: 18px 20px;
}

.latest-news-title a {
  font-size: 20px;
  line-height: 34px;
  color: #1f212b;
  font-weight: 500;
  font-family: "Rubik";
  margin: 10px 0;
  transition: 0.5s;
}

.darkmode .latest-news-title a {
  color: #fff;
}

.latest-news-single-box.active .latest-news-title a,
.latest-news-single-box:hover .latest-news-title a {
  color: #f15503;
  filter: hue-rotate(360deg);
}

.latest-news-desc p {
  margin: 0;
}

.darkmode .latest-news-desc p {
  color: #a8a8a8;
}

section.latest-news-section .slick-dots {
  bottom: -1.5rem;
}

/*<!-- ============================================================== -->
 <!-- Prizes-Loot Latest News Section End Here -->
<!-- ============================================================== -->*/

/*<!-- ============================================================== -->
 <!-- Prizes-Loot Newsletter Section start Here -->
<!-- ============================================================== -->*/

section.newsletter-section {
  padding: 60px;
  border-radius: 20px;
  background-image: linear-gradient(90deg, #f15402 0%, #fb8f52 100%);
  position: relative;
  margin-bottom: -85px;
  z-index: 1;
}

.newsletter-content {
  position: relative;
}

section.newsletter-section .digi-m-section-title h1 {
  color: #fff;
}

.newsletter-link {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.newsletter-link a {
  width: 70px;
  height: 70px;
  border-radius: 36px;
  background-color: #ffffff;
  text-align: center;
  line-height: 76px;
  font-size: 46px;
  color: #f15503;
  position: relative;
  z-index: 1;
}

.newsletter-link a:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 50%;
  border-radius: 50%;
  -webkit-animation: ripple 2s linear infinite;
  animation: ripple 2s linear infinite;
  z-index: -1;
}

.newsletter-form {
  position: relative;
}

.newsletter-form input {
  border: none;
  border-bottom: 1px solid rgb(255 255 255 / 50%);
  background: transparent;
  width: 190px !important;
}

.newsletter-form input::placeholder {
  font-size: 18px;
  line-height: 30px;
  color: #ffffff;
  font-weight: 500;
}

.newsletter-form .digi-m-btn {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translatey(-50%);
}

.newsletter-form .digi-m-btn button {
  background-image: linear-gradient(90deg, #fb8f52 0%, #f15402 100%);
  padding: 12px 32px;
}

/*<!-- ============================================================== -->
 <!-- Prizes-Loot Newsletter Section End Here -->
<!-- ============================================================== -->*/

/*<!-- ============================================================== -->
 <!-- Prizes-Loot Footer Section Start Here -->
<!-- ============================================================== -->*/

footer.footer-section {
  padding: 205px 0 100px;
  background: url(../images/main-thumb/footer-bg.jpg) no-repeat center;
  background-size: cover;
  position: relative;
}

footer.footer-section.style2 {
  padding: 120px 0 100px;
}

.darkmode footer.footer-section {
  background: url(../images/main-thumb/footer-dark-bg.jpg) no-repeat center;
  background-size: cover;
}

.footer-logo a:first-child {
  display: block;
}

.darkmode .footer-logo a:first-child {
  display: none;
}

.footer-logo a:last-child {
  display: none;
}

.darkmode .footer-logo a:last-child {
  display: block;
}

.footer-desc p {
  color: #666666;
  margin: 42px 0 32px;
}

.darkmode .footer-desc p {
  color: #9ea1a5;
}

.footer-social ul li {
  display: inline-block;
  margin: 0 4px;
}

.footer-social a {
  font-size: 16px;
  color: #f15503;
  background: #fff;
  width: 35px;
  height: 35px;
  border-radius: 30px;
  filter: drop-shadow(5px 5px 10px rgba(35, 50, 83, 0.07));
  text-align: center;
  line-height: 35px;
  position: relative;
  z-index: 1;
  transition: 0.5s;
}

.darkmode .footer-social a {
  color: #fff;
  background: #242632;
}

.footer-social a:hover {
  color: #fff;
}

.footer-social a:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #f15503;
  transform: scale(0);
  transition: 0.5s;
  border-radius: 30px;
  z-index: -1;
}

.footer-social a:hover:before {
  transform: scale(1);
}

.footer-title h5 {
  font-size: 22px;
  line-height: 60px;
  color: #1f212b;
  font-weight: 600;
  font-family: "Rubik";
  margin-bottom: 30px;
  display: inline-block;
}

.darkmode .footer-title h5 {
  color: #fff;
}

.footer-link a {
  font-size: 16px;
  line-height: 28px;
  color: #666666;
  font-weight: 400;
  font-family: "Rubik";
  transition: 0.5s;
  margin: 6px 0;
  position: relative;
}

.darkmode .footer-link a {
  color: #9ea1a5;
}

.footer-link a::before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 0%;
  height: 1px;
  background: #f15503;
  transition: 0.5s;
}

.darkmode .footer-link a::before {
  color: #02c0bc;
}

.footer-link a:hover::before {
  width: 100%;
}

.footer-link a:hover {
  color: #f15503;
  filter: hue-rotate(360deg);
}

.darkmode .footer-link a:hover {
  color: #02c0bc;
}

.footer-link i {
  font-size: 18px;
  margin-right: 10px;
  transition: 0.5s;
}

.footer-link a:hover i {
  margin-right: 6px;
  color: #f15503;
}

.footer-contact-item {
  display: flex;
  margin: 14px 0 28px;
}

.footer-contact-item i {
  width: 28px;
  height: 28px;
  border-radius: 14px;
  background-color: #f15503;
  text-align: center;
  line-height: 28px;
  color: #fff;
  margin-right: 10px;
}

.footer-contact-item a,
.footer-contact-item h6 {
  font-size: 16px;
  line-height: 28px;
  color: #666666;
  font-weight: 400;
  font-family: "Rubik";
  transition: 0.5s;
}

.darkmode .footer-contact-item a,
.darkmode .footer-contact-item h6 {
  color: #9ea1a5;
}

.footer-contact-item a:hover {
  color: #f15503;
  filter: hue-rotate(360deg);
}

.darkmode .footer-contact-item a:hover {
  color: #02c0bc;
}

footer.footer-bottom {
  background: #fff;
}

.darkmode footer.footer-bottom {
  background: #000;
}

.footer-bottom-desc p {
  font-size: 16px;
  line-height: 28px;
  color: #666666;
  font-family: "Rubik";
  margin: 36px 0;
}

.darkmode .footer-bottom-desc p {
  color: #9ea1a5;
}

.footer-bottom-link {
  text-align: right;
}

.footer-bottom-link ul li {
  display: inline-block;
  margin-left: 24px;
}

.footer-bottom-link a {
  font-size: 16px;
  line-height: 28px;
  color: #666666;
  font-family: "Rubik";
  transition: 0.5s;
}

.darkmode .footer-bottom-link a {
  color: #9ea1a5;
}

.footer-bottom-link a:hover {
  filter: hue-rotate(360deg);
  color: #f15503;
}

.darkmode .footer-bottom-link a:hover {
  color: #02c0bc;
}

.footer-shape1 {
  position: absolute;
  top: 5rem;
  left: 5%;
  -webkit-animation: dance2 2s alternate infinite;
  animation: dance2 2s alternate infinite;
}

.footer-shape2 {
  position: absolute;
  top: 9rem;
  left: 41%;
  -webkit-animation: dance 1.5s alternate infinite;
  animation: dance 1.5s alternate infinite;
}

.footer-shape3 {
  position: absolute;
  bottom: 8rem;
  left: 3%;
  -webkit-animation: dance 1s alternate infinite;
  animation: dance 1s alternate infinite;
}

.footer-shape4 {
  position: absolute;
  bottom: 4rem;
  left: 45%;
  -webkit-animation: Dance 2.5s alternate infinite;
  animation: Dance 2.5s alternate infinite;
}

.footer-shape4 img {
  width: 70%;
}

.footer-shape5 {
  position: absolute;
  bottom: 6rem;
  right: 33%;
  -webkit-animation: dance2 2s alternate infinite;
  animation: dance2 2s alternate infinite;
}

.footer-shape5 img {
  filter: saturate(10);
}

.footer-shape6 {
  position: absolute;
  bottom: 12rem;
  right: 4%;
  -webkit-animation: rotateme 2s linear infinite;
  animation: rotateme 2s linear infinite;
}

.footer-shape7 {
  position: absolute;
  top: 3rem;
  right: 0;
  z-index: -1;
  -webkit-animation: Dance 3s alternate infinite;
  animation: Dance 3s alternate infinite;
}

/*<!-- ============================================================== -->
 <!-- Prizes-Loot Footer Section End Here -->
<!-- ============================================================== -->*/


/*<!-- ============================================================== -->
 <!-- ============================================================== -->
            <!-- Prizes-Loot InnerPage Start Here -->
 <!-- ============================================================== -->
<!-- ============================================================== -->*/

/*<!-- ============================================================== -->
 <!-- Prizes-Loot About Innner Page Start Here -->
<!-- ============================================================== -->*/

section.banner-inner-section {
  position: relative;
  overflow: hidden;
  height: 450px;
  display: flex;
  align-items: center;
  text-align: center;
  z-index: 1;
}

.darkmode .banner-inner-section::before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000000;
  opacity: 50%;
  z-index: -1;
}

video.banner-inner-bg {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  transform: translateY(-50%);
  width: 100%;
  height: auto;
  z-index: -2;
}

.banner-inner-title h1 {
  font-size: 70px;
  font-weight: 800;
  line-height: 80px;
  color: #fff;
  text-shadow: 0 0 3px black;
  display: inline-block;
}

.banner-inner-link {
  margin-top: 14px;
}

.banner-inner-link ul li {
  display: inline-block;
  margin-right: 30px;
}

.separator {
  position: relative;
}

.separator i {
  color: #fff;
  font-size: 30px;
  line-height: 30px;
  position: absolute;
  top: -20px;
  left: -16px;
}

.banner-inner-link a {
  font-size: 18px;
  color: #fff;
  line-height: 30px;
  font-weight: 500;
  font-family: "Rubik";
  transition: 0.5s;
  text-shadow: 0 0 2px black;
}

.banner-inner-link a:hover {
  color: #fe8931;
  filter: hue-rotate(360deg);
}

.banner-inner-link a i {
  padding-right: 6px;
}

/*<!-- ============================================================== -->
 <!-- Prizes-Loot About Inner Page End Here -->
<!-- ============================================================== -->*/

/*<!-- ============================================================== -->
 <!-- Prizes-Loot Revinue Inner Page Start Here -->
<!-- ============================================================== -->*/

section.revinue-section.style2 {
  background: url(../images/main-thumb/experience-bg.jpg) no-repeat left;
  background-size: cover;
}

.darkmode .revinue-section.style2 {
  background: url(../images/main-thumb/experience-dark-bg.jpg) no-repeat left;
  background-size: cover;
}

/*<!-- ============================================================== -->
 <!-- Prizes-Loot Revinue Inner Page End Here -->
<!-- ============================================================== -->*/


/*<!-- ============================================================== -->
 <!-- Prizes-Loot Why Choose Us Inner Page Start Here -->
<!-- ============================================================== -->*/

section.latest-news-section.sytle2 .latest-news-single-box {
  margin-bottom: 30px;
}

/*<!-- ============================================================== -->
 <!-- Prizes-Loot Why Choose Us Inner Page End Here -->
<!-- ============================================================== -->*/

/*<!-- ============================================================== -->
 <!-- Prizes-Loot Why We Are Inner Page Start Here -->
<!-- ============================================================== -->*/

section.rely-section.style2 {
  background: #f7f7f7;
}

/*<!-- ============================================================== -->
 <!-- Prizes-Loot Why We Are Inner Page End Here -->
<!-- ============================================================== -->*/

/*<!-- ============================================================== -->
 <!-- Prizes-Loot product Section Start Here -->
<!-- ============================================================== -->*/

section.product-section {
  text-align: center;
  padding: 120px 0 175px;
  background-color: #f6f6f6;
  position: relative;
  margin-bottom: -85px;
}

.darkmode section.product-section {
  background-color: #080a10;
}

.product-box {
  margin-top: 52px;
}

.product-single-box {
  border-radius: 5px;
  padding: 10px;
  background: #fff;
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
}

.darkmode .product-single-box {
  background: #1f212b;
}

.product-box-thumb {
  overflow: hidden;
  border-radius: 5px 5px 0 0;
}

.product-box-thumb img {
  width: 100%;
  transition: 0.5s;
}

.product-single-box.active .product-box-thumb img,
.product-single-box:hover .product-box-thumb img {
  transform: scale(1.1);
}

.product-box-content {
  border-radius: 0 0 5px 5px;
  background: #f6f6f6;
  padding: 22px 0 24px;
  position: relative;
  transition: 0.5s ease;
}

.product-single-box.active .product-box-content,
.product-single-box:hover .product-box-content {
  background: #f15503;
  padding: 74px 0 24px;
  margin-top: -52px;
  filter: hue-rotate(360deg);
}

.darkmode .product-box-content,
.darkmode .product-box-content {
  background: #080a10;
}

.product-icon {
  position: absolute;
  bottom: -50px;
  left: 0;
  right: 0;
  transition: 0.5s;
  visibility: hidden;
  opacity: 0;
}

.product-single-box.active .product-icon,
.product-single-box:hover .product-icon {
  bottom: 102px;
  visibility: visible;
  opacity: 1;
}

.product-icon ul li {
  display: inline-block;
  margin: 0 5px;
}

.product-icon button {
  font-size: 16px;
  color: #dd1d26;
  width: 32px;
  height: 32px;
  border-radius: 16px;
  background-color: #ffffff;
  line-height: 32px;
  position: relative;
  z-index: 1;
  transition: 0.5s;
  border: none;
}

.product-icon button:hover {
  color: #fff;
}

.product-icon button::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #8b66d8;
  border-radius: 16px;
  transform: scale(0);
  z-index: -1;
  transition: 0.5s;
}

.product-icon button:hover::after {
  transform: scale(1);
  filter: hue-rotate(360deg);
}

.product-box-title h6 {
  font-size: 20px;
  line-height: 32px;
  color: #1f212b;
  font-weight: 400;
  font-family: "Rubik";
  transition: 0.5s;
}

.product-single-box.active .product-box-title h6,
.product-single-box:hover .product-box-title h6 {
  color: #fff;
}

.darkmode .product-box-title h6 {
  color: #fff;
}

.darkmode .product-box-price h6 {
  color: #bbbaba;
}

.product-box-price h6 {
  font-size: 16px;
  line-height: 30px;
  color: #1f212b;
  font-weight: 400;
  font-family: "Rubik";
  transition: 0.5s;
}

.product-single-box.active .product-box-price h6,
.product-single-box:hover .product-box-price h6 {
  color: #fff;
}

/*<!-- ============================================================== -->
 <!-- Prizes-Loot product Section End Here -->
<!-- ============================================================== -->*/


/*<!-- ============================================================== -->
 <!-- Prizes-Loot Pricing Section End Here -->
<!-- ============================================================== -->*/

section.pricing-section {
  padding: 120px 0 175px;
  background: #f7f7f7;
  position: relative;
  margin-bottom: -85px;
}

.darkmode .pricing-section {
  background: #080a10;
}

.pricing-desc p {
  color: #616161;
  width: 65%;
  margin: 16px auto 60px;
}

.darkmode .pricing-desc p {
  color: #a8a8a8;
}

.pricing-single-box {
  border-radius: 5px;
  background-color: #ffffff;
  text-align: center;
  padding: 42px;
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
}

.darkmode .pricing-single-box {
  background-color: #1f212b;
}

.pricing-single-box:before {
  position: absolute;
  content: "";
  top: -7px;
  right: -4rem;
  width: 100%;
  height: 100%;
  background: url(../images/shape/pricing-plan.png) no-repeat right top;
  transition: 0.5s;
}

.pricing-single-box.active:before,
.pricing-single-box:hover:before {
  filter: saturate(10) hue-rotate(360deg);
  top: -0px;
  right: -1rem;
}

.pricing-single-box.active .cat-shop-btn.style2 a i,
.pricing-single-box:hover .cat-shop-btn.style2 a i {
  color: #fff;
  padding-left: 6px;
  background: transparent;
}

.pricing-single-box.active .cat-shop-btn a span,
.pricing-single-box:hover .cat-shop-btn a span {
  width: 40rem;
  height: 40rem;
}

.pricing-box-title h3 {
  font-size: 22px;
  line-height: 32px;
  color: #1f212b;
  font-weight: 600;
  font-family: "Rubik";
}

.darkmode .pricing-box-title h3 {
  color: #fff;
}

.pricing-box-price h1 {
  display: inline-block;
  font-size: 50px;
  line-height: 55px;
  color: #f15503;
  font-weight: 600;
  font-family: "Rubik";
  margin: 20px 0 12px;
}

.darkmode .pricing-box-price h1 {
  color: #5ccfff;
}

.pricing-box-visit span {
  font-size: 16px;
  line-height: 30px;
  color: #1f212b;
  font-weight: 500;
  font-family: "Rubik";
}

.darkmode .pricing-box-visit span {
  color: #fff;
}

.pricing-box-list {
  margin: 40px 0 48px;
}

.pricing-box-list li {
  font-size: 16px;
  line-height: 30px;
  color: #616161;
  font-weight: 400;
  font-family: "Rubik";
  margin: 12px 0;
}

.darkmode .pricing-box-list li {
  color: #d8d8d8;
}

.pricing-box-list li i {
  color: #f15503;
}


.darkmode .pricing-box-list li i {
  color: #5ccfff;
}

.pricing-shape1 {
  position: absolute;
  top: 6rem;
  left: 15%;
  -webkit-animation: rotateme 1.5s linear infinite;
  animation: rotateme 1.5s linear infinite;
}

.pricing-shape2 {
  position: absolute;
  top: 15rem;
  right: 20%;
  -webkit-animation: dance 2s alternate infinite;
  animation: dance 2s alternate infinite;
}

.pricing-shape2 img {
  transform: scale(2);
}

.pricing-shape3 {
  position: absolute;
  top: 13rem;
  right: 5%;
  filter: saturate(10);
  -webkit-animation: dance2 1.5s alternate infinite;
  animation: dance2 1.5s alternate infinite;
}

.pricing-shape4 {
  position: absolute;
  top: 10rem;
  filter: brightness(0) saturate(100%) invert(70%) sepia(92%) saturate(2851%)
    hue-rotate(337deg) brightness(102%) contrast(99%);
  -webkit-animation: Dance 2.5s alternate infinite;
  animation: Dance 2.5s alternate infinite;
}

/*<!-- ============================================================== -->
 <!-- Prizes-Loot Pricing Section End Here -->
<!-- ============================================================== -->*/


/*<!-- ============================================================== -->
 <!-- Prizes-Loot Pricing Section start Here -->
<!-- ============================================================== -->*/

section.optimization-section.style2 {
  padding: 120px 0 90px;
}

section.optimization-section.style2 .optimization-single-box {
  margin-bottom: 30px;
}

/*<!-- ============================================================== -->
 <!-- Prizes-Loot Pricing Section End Here -->
<!-- ============================================================== -->*/



/*<!--==============================================================-->
 <!-- Prizes-Loot Shop Details Inner Page Start Here -->
<!--==============================================================-->*/

section.shop-details-section {
  padding: 120px 0 205px;
  position: relative;
  margin-bottom: -85px;
}

.darkmode section.shop-details-section {
  background: #080a10;
}

.thumb-tabs {
  background: #fff;
  padding: 50px;
  border-radius: 5px;
  filter: drop-shadow(0 0 15px rgba(218, 218, 218, 0.3));
}

.darkmode .thumb-tabs {
  background: #1f212b;
  filter: drop-shadow(0 0 15px rgba(218, 218, 218, 0));
}

.tab-content {
  display: none;
  -webkit-animation: move 0.4s ease-in;
  animation: FadeInUp 0.5s ease-in;
}

.tab-content.active {
  display: block;
}

.shop-details-thumb {
  position: relative;
}

.shop-details-thumb img {
  width: 100%;
  border-radius: 4px;
  filter: drop-shadow(0 0 15px rgba(218, 218, 218, 0.3));
}

.add-to-favourite {
  position: absolute;
  top: 30px;
  right: 30px;
}

.add-to-favourite a {
  width: 50px;
  height: 50px;
  border-radius: 28px;
  background-color: #282828;
  color: #ffffff;
  text-align: center;
  line-height: 50px;
  position: relative;
  z-index: 1;
  transition: 0.4s;
  overflow: hidden;
  display: inline-block;
}

.add-to-favourite a:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #f15503;
  transform: scale(0);
  z-index: -1;
  transition: 0.4s;
  border-radius: 30px;
}

.add-to-favourite a:hover:before {
  transform: scale(1);
  filter: hue-rotate(360deg);
}

.tab-btn button {
  width: 120px;
  height: 100px;
  border-radius: 4px;
  background-color: #ffffff;
  border: 1px solid #1f212b7c;
  margin-top: 30px;
  overflow: hidden;
  padding: 0;
}

.tab-btn button:focus {
  outline: none;
}

.tab-btn button.active {
  border: 1px solid #f15503;
  padding: 2px;
}

.tab-btn img {
  width: 100%;
  height: 100%;
}

.shop-details-title h2 {
  font-size: 30px;
  line-height: 36px;
  color: #282828;
}

.darkmode .shop-details-title h2 {
  color: #fff;
}

.rate-left ul li {
  display: inline-block;
  color: #f15503;
  font-size: 16px;
  margin: 16px 4px 16px 0;
}

.shop-details-rate {
  display: flex;
  gap: 16px;
  align-items: center;
}

.rate-right p {
  font-size: 17px;
  line-height: 28px;
  color: #616161;
  font-weight: 400;
  margin: 0;
}

.shop-details-price h5 {
  font-size: 20px;
  line-height: 28px;
  color: #f15503;
  font-weight: 500;
  margin: 0 0 20px 0;
}

.shop-details-price h5 span {
  opacity: 0.502;
  text-decoration: line-through;
  color: #26272c;
  padding-left: 10px;
}

.darkmode .shop-details-price h5 span {
  color: #ececec;
}

.darkmode .shop-details-desc p {
  color: #c9c7c7;
}

.quantity {
  float: left;
  margin-right: 30px;
}

.category-count-button {
  display: inline-flex;
  padding: 8px 0 30px;
}

.quantity-with_btn {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  vertical-align: middle;
}

.quantity .cart-plus-minus {
  position: relative;
  width: 150px;
  text-align: left;
  height: 54px;
  overflow: hidden;
  border-radius: 5px;
  border: 1px solid #f15503;
}

.quantity .cart-plus-minus > .ctnbutton {
  cursor: pointer;
  position: absolute;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  width: 38px;
  -webkit-box-align: center;
  align-items: center;
  vertical-align: middle;
  color: #fff;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  background: #f15503;
}

.quantity .cart-plus-minus > .cart-plus-minus-box {
  border: 0;
  height: 54px;
  text-align: center;
  width: 150px;
  font-size: 16px;
  font-weight: 600;
  color: #062461;
  background-color: #fff !important;
  background-size: 6px 2px, 6px 2px, 2px 6px, 2px 7px;
  background-position: 0 0, 0 100%, 0 0, 100% 0;
}

.quantity .cart-plus-minus > .ctnbutton.dec {
  top: 50%;
  left: 0%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: -webkit-box;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  height: 100%;
  border-radius: 0 30px 30px 0;
}

.quantity .cart-plus-minus > .ctnbutton.inc {
  top: 50%;
  right: 0%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  height: 100%;
  border-radius: 30px 0 0 30px;
}

.add-to-cart-btn a {
  width: 143px;
  height: 54px;
  line-height: 54px;
  border-radius: 4px;
  background-color: #f15503;
  display: inline-block;
  font-size: 16px;
  color: #ffffff;
  font-weight: 500;
  text-align: center;
  transition: 0.4s;
}

.add-to-cart-btn a:hover {
  filter: hue-rotate(360deg);
}

.shop-features {
  margin-top: 26px;
}

.shop-details-color h5 {
  font-size: 16px;
  line-height: 28px;
  color: #26272c;
  font-weight: 500;
  margin: 0 0 22px;
}

.darkmode .shop-details-color h5 {
  color: #fff;
}

.shop-details-color h5 span {
  color: #616161;
  padding-left: 6px;
}

.shop-features td {
  font-size: 16px;
  line-height: 36px;
  font-weight: 500;
}

.table-title {
  color: #282828;
}

.darkmode .table-title {
  color: #ffffff;
}

.darkmode section.shop-details-info {
  background: #080a10;
}

section.shop-related .shop-cart-thumb::before {
  clip-path: polygon(0 0, 200% 0%, 0% 200%);
}

section.shop-related .shop-content {
  background-color: #fff;
  text-align: left;
  filter: drop-shadow(0 0 20px rgba(228, 228, 228, 0.5));
  padding: 22px 30px 6px;
}

section.shop-related .shop-title h3 {
  color: #0d0e13;
  font-size: 18px;
  margin: 5px 0 0px;
}

section.shop-related .shop-price del {
  color: #616161;
  font-weight: 400;
  margin-right: 8px;
}

section.shop-related .shop-rating li {
  font-size: 14px;
}

section.shop-related .shop-cart-btn a {
  border: transparent;
  color: #fff;
  display: none;
}

.info-tab-btn button {
  padding: 14px 30px;
  border-radius: 4px;
  background-color: #ffffff;
  border: 1px solid rgba(13, 14, 20, 0.1);
  font-size: 16px;
  line-height: 28px;
  color: #1f1f1f;
  font-weight: 400;
  float: left;
  margin-right: 20px;
  width: auto;
  height: auto;
}

.darkmode .info-tab-btn button {
  background-color: #1f212b;
  color: #fff;
}

.info-desc {
  margin-top: 34px;
}

.info-tab-btn button.active {
  background-color: #f15503;
  color: #fff;
}

.tab-contents {
  margin-top: 30px;
  margin-bottom: 40px;
  -webkit-animation: move 0.4s ease-in;
  animation: FadeInUp 0.5s ease-in;
  display: none;
}

.tab-contents.active {
  display: block;
}

.additional-info {
  border-top: 1px solid rgba(223, 223, 223, 0.55);
  border-bottom: 1px solid rgba(223, 223, 223, 0.55);
}

.additional-info table {
  width: 100%;
}

tr.table-bg {
  background-color: rgba(223, 223, 223, 0.2);
}

td.table_title {
  font-size: 16px;
  line-height: 28px;
  color: #282828;
  font-weight: 400;
  width: 180px;
  height: 68px;
  padding: 0 40px;
}

.darkmode td.table_title {
  color: #fff;
}

.profile-icon i {
  font-size: 66px;
  color: #dfdfdf;
}

.shop-review {
  display: flex;
  align-items: center;
  gap: 24px;
}

.review-rate li {
  display: inline-block;
  letter-spacing: 4px;
  color: #f15503;
}

.profile-name {
  position: relative;
  display: flex;
  gap: 38px;
}

.profile-name h5 {
  font-size: 17px;
  line-height: 28px;
  color: #282828;
  font-weight: 500;
  margin: 0;
}

.darkmode .profile-name h5 {
  color: #fff;
}

.review-date h5 {
  position: relative;
  opacity: 0.8;
  font-size: 15px;
  line-height: 28px;
  color: #282828;
  font-weight: 400;
}

.darkmode .review-date h5 {
  color: #dad9d9;
}

.review-date h5:before {
  position: absolute;
  content: "";
  top: 14px;
  left: -28px;
  background: #282828;
  width: 20px;
  height: 1px;
}

.darkmode .review-date h5:before {
  background: #dad9d9;
}

.reply button {
  border: none;
  background: transparent;
  font-size: 14px;
  color: #282828;
}

.darkmode .reply button {
  color: #dad9d9;
}

.darkmode .review-comment p {
  color: #b3b3b3;
}

.add-review-title h3 {
  font-size: 18px;
  line-height: 28px;
  color: #282828;
  font-weight: 500;
  margin: 0;
}

.darkmode .add-review-title h3 {
  color: #fff;
}

.darkmode .add-review-desc p {
  color: #b3b3b3;
}

.your-rate {
  display: flex;
  gap: 26px;
  align-items: center;
}

.rate-right li {
  font-size: 15px;
  letter-spacing: 5px;
  line-height: 28px;
  color: #f15503;
  font-family: "Font Awesome";
  display: inline-block;
}

.rate-left h5 {
  opacity: 0.8;
  font-size: 16px;
  line-height: 28px;
  color: #282828;
  font-weight: 400;
  margin: 0;
}

.darkmode .rate-left h5 {
  color: #fff;
}

.review-form-top {
  display: flex;
  gap: 28px;
  margin-bottom: 20px;
  margin-top: 30px;
}

.form-top-left,
.form-top-right {
  width: 100%;
}

form.review-form label {
  display: block;
  opacity: 0.902;
  font-size: 14px;
  line-height: 28px;
  color: #282828;
  font-weight: 400;
  margin-bottom: 6px;
}


.darkmode .review-form label {
  color: #ffffff;
}

form.review-form input {
  width: 100%;
  height: 54px;
  background-color: #ffffff;
  border: 1px solid rgba(13, 14, 20, 0.1);
  padding: 10px 20px;
}

.darkmode form.review-form input ,
.darkmode form.review-form textarea {
  background-color: #1f212b;
}

form.review-form textarea {
  width: 100%;
  height: 156px;
  background-color: #ffffff;
  border: 1px solid rgba(13, 14, 20, 0.1);
  padding: 10px 20px;
  resize: none;
}

form.review-form input::placeholder,
form.review-form textarea::placeholder {
  opacity: 0.702;
  font-size: 14px;
  line-height: 28px;
  color: #282828;
  font-weight: 400;
}

form.review-form input::placeholder,
form.review-form textarea::placeholder {
  color: #fff;
}

.form-btn {
  margin-top: 20px;
}

section.shop-related {
  padding: 42px 0 165px;
  margin-top: -40px;
  position: relative;
  margin-bottom: -85px;
}

.darkmode section.shop-related {
  background: #080a10;
}

.shop-related-title h2 {
  font-size: 36px;
  line-height: 40px;
  margin-bottom: 30px;
}

.darkmode .shop-related-title h2 {
  color: #fff;
}

/*<!-- ============================================================== -->
 <!-- Prizes-Loot Shop Details Inner Page End Here -->
<!-- ============================================================== -->*/

/*<!-- ============================================================== -->
 <!-- Prizes-Loot Blog List Inner Page Start Here -->
<!-- ============================================================== -->*/

section.blog-details {
  padding: 100px 0 70px;
}

.blog-deteils-post {
  border-radius: 12px;
  border: 1px solid #e4e4e4;
  margin-bottom: 30px;
}

.blog-details-post-thumb img {
  width: 100%;
  border-radius: 12px 12px 0 0;
}

.blog-deteils-post-content {
  padding: 10px 30px;
}

.blog-deteils-content-top {
  display: flex;
  align-items: center;
  gap: 20px;
}

.blog-deteils-content-top h6 {
  font-size: 15px;
  line-height: 60px;
  color: #777777;
  font-weight: 400;
}

.blog-deteils-content-top i {
  color: #f15503;
  font-size: 20px;
  padding-right: 10px;
}

.blog-deteils-post-type i {
  display: inline-block;
  transform: rotate(90deg);
  padding: 3px 0px 0 7px;
  line-height: 0;
}

.blog-deteils-post-title h1 {
  font-size: 25px;
  line-height: 30px;
  color: #1f212b;
  font-weight: 700;
  margin: 4px 0 16px;
}

.darkmode .blog-deteils-post-title h1 {
  color: #fff;
}

.darkmode .blog-deteils-post-desc p {
  color: #a7a3a3;
}

.style-two .shop-categories {
  margin-top: 30px;
}

.read-more a {
  font-size: 17px;
  line-height: 28px;
  color: #282828;
  font-weight: 500;
  margin-bottom: 40px;
  display: inline-block;
}

.recent-post a {
  display: inline-block;
}

.recent-post-icon {
  width: 90px;
  height: 90px;
  float: left;
  margin-right: 20px;
  margin-top: 4px;
}

.recent-post-icon img {
  width: 100%;
  height: 80px;
  border-radius: 4px;
}

.post-title h5 {
  font-size: 16px;
  line-height: 24px;
  color: #282828;
  font-weight: 500;
  margin: 0;
}

.darkmode .post-title h5 {
  color: #dadada;
}

.post-date h5 {
  font-size: 14px;
  color: #616161;
  font-weight: 400;
  margin: 0;
  line-height: 24px;
}

.darkmode .post-date h5 {
  color: #b1b1b1;
}

.post-date i {
  color: #f15503;
  padding-right: 6px;
}

.search-catagory {
  position: relative;
  display: inline-block;
  width: 100%;
}

.search-catagory input {
  width: 100%;
  height: 60px;
  padding: 10px 30px;
  background-color: #fcfcfc;
  border: 1px solid #e6e6e6;
  border-radius: 5px;
}


.darkmode .search-catagory input {
  background-color: #1f212b;
}

.darkmode .search-catagory input::placeholder {
  color: rgb(206, 206, 206);
}

.search-catagory button {
  position: absolute;
  top: 0;
  bottom: 0;
  font-size: 26px;
  border: none;
  right: 0;
  color: #fff;
  background: #f15503;
  width: 80px;
  border-radius: 0 5px 5px 0;
}

.style-two .shop-categories {
  margin-top: 30px;
  background: #fff;
  padding: 30px;
  border-radius: 5px;
  background-color: #f8f9f7;
}

.darkmode .style-two .shop-categories {
  background: #1f212b;
}

.shop-section-title h3 {
  font-size: 20px;
  line-height: 45px;
  color: #1f212b;
  font-weight: 700;
  margin: 0 0 20px;
  padding-bottom: 16px;
  border-bottom: 3px solid #e6e5e5;
  position: relative;
}

.darkmode .shop-section-title h3 {
  color: #ffffff;
}

.shop-section-title h3:before {
  position: absolute;
  content: "";
  top: 61px;
  left: 0;
  width: 50px;
  height: 3px;
  background: #f15503;
}

.shop-list li {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.shop-list li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 8px 0;
  font-weight: 400;
  color: #1f212b;
}

.darkmode .shop-list li {
  color: #ffffff;
}

.shop-list-left i {
  width: 25px;
  height: 25px;
  display: inline-block;
  border-radius: 4px;
  color: #fff;
  text-align: center;
  line-height: 28px;
  font-size: 20px;
  background: #fff;
  margin-right: 8px;
  transition: 0.5s;
  cursor: pointer;
  border: 1px solid #f15503;
}

.shop-list-left i:hover,
.shop-list-left i.active {
  background: #f15503;
  filter: hue-rotate(360deg);
}

.cloud-tag li {
  display: inline-block;
  margin: 10px 6px 0 0;
}

.cloud-tag li a {
  padding: 6px 20px;
  background: #fff;
  filter: drop-shadow(0 0 10px rgba(0, 0, 0, .1));
  border-radius: 4px;
  transition: 0.4s;
  font-weight: 400;
  position: relative;
  display: inline-block;
  z-index: 1;
  font-size: 14px;
  color: #1f212b;
  transition: 0.5s;
}

.darkmode .cloud-tag li a {
  background: #080a10;
  color: #fff;
  filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.1));
}

.cloud-tag li a:hover {
  color: #fff;
}

.cloud-tag li a::before {
  position: absolute;
  content: "";
  top: 0;
  left: 50%;
  width: 0%;
  height: 100%;
  background-color: #f15503;
  transition: 0.4s;
  z-index: -1;
  border-radius: 4px;
}

.cloud-tag li a:hover::before {
  width: 100%;
  left: 0;
  filter: hue-rotate(360deg);
}

.newsletter {
  position: relative;
}

.newsletter input {
  width: 100%;
  height: 60px;
  border-radius: 3px;
  background-color: #ffffff;
  border: 1px solid #2828282e;
  padding: 10px 30px;
  margin-bottom: 20px;
  margin-top: 20px;
}

.darkmode .newsletter input {
  background-color: #080a10;
}

.darkmode .newsletter input::placeholder {
  color: #c5c5c5;
}

.newsletter i {
  opacity: 0.702;
  font-size: 15px;
  line-height: 28px;
  color: #282828;
  position: absolute;
  top: 36px;
  right: 18px;
}

.darkmode .newsletter i {
  color: #dadada;
}

.newsletter button {
  height: 60px;
  width: 100%;
  border-radius: 3px;
  background-color: #f15503;
  border: none;
  font-size: 17px;
  line-height: 28px;
  color: #ffffff;
  font-weight: 500;
  position: relative;
  z-index: 1;
  overflow: hidden;
  transition: 0.4s;
}

.newsletter button:hover {
  filter: hue-rotate(360deg);
}

.newsletter button:before {
  position: absolute;
  content: "";
  top: 0;
  left: -50px;
  width: 0%;
  height: 100%;
  background: #1f212b;
  transform: skew(-29deg, 10deg) scale(1.8);
  transition: 0.4s;
  z-index: -1;
}

.newsletter button:after {
  position: absolute;
  content: "";
  top: 0;
  right: -74px;
  width: 0%;
  height: 100%;
  background: #1f212b;
  transform: skew(-29deg, 10deg) scale(1.8);
  transition: 0.4s;
  z-index: -1;
}

.newsletter button:hover:before,
.newsletter button:hover:after {
  width: 50%;
}

.comment ul li a {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 20px 0;
}

.recent-comment-icon i {
  width: 50px;
  height: 50px;
  border-radius: 5px;
  background-color: #fff;
  filter: drop-shadow(0 0 10px rgba(0, 0, 0, .1));
  display: inline-block;
  line-height: 50px;
  text-align: center;
  color: #f15503;
  font-size: 18px;
  transition: 0.5s;
}

.comment ul li a:hover .recent-comment-icon i {
  background-color: #f15503;
  color: #fff;
  filter: hue-rotate(360deg);
}

.recent-comment-content p {
  color: #1f212b;
  margin: 0;
  transition: 0.5s;
}

.darkmode .recent-comment-content p {
  color: #dbdbdb;
}

.comment ul li a:hover .recent-comment-content p {
  color: #282828;
}

.contact-us {
  background: url(../images/main-thumb/blog-list-contact.jpg) no-repeat center;
  background-size: cover;
  text-align: center;
  padding: 100px 0;
  margin-top: 30px;
  border-radius: 5px;
  position: relative;
}

.contact-us:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #1f212b;
  border-radius: 5px;
  opacity: 50%;
  z-index: -1;
}

.blog-list-logo img {
  filter: brightness(0) invert(1);
}

.contact-title h1 {
  font-size: 46px;
  font-weight: 400;
  color: #fff;
  margin: 20px 0;
}

.contact-btn a {
  display: inline-block;
  font-size: 16px;
  color: #1f212b;
  background: #fff;
  padding: 8px 28px;
  border-radius: 4px;
  position: relative;
  z-index: 1;
  margin-top: 10px;
  transition: 0.5s;
}

.contact-btn a:hover {
  color: #fff;
}

.contact-btn a:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #f15503;
  border-radius: 4px;
  transition: 0.5s;
  z-index: -1;
  transform: scale(0);
}

.contact-btn a:hover:before {
  transform: scale(1);
  filter: hue-rotate(360deg);
}

/*<!-- ============================================================== -->
 <!-- Prizes-Loot Blog List Inner Page End Here -->
<!-- ============================================================== -->*/

/*<!-- ============================================================== -->
 <!-- Prizes-Loot Service Details Inner Page Start Here -->
<!-- ============================================================== -->*/

section.services-details {
  padding: 120px 0 205px;
  position: relative;
  margin-bottom: -85px;
}

.darkmode .services-details {
  background: #080a10;
}

section.services-details h2 {
  font-size: 36px;
  line-height: 40px;
  margin-bottom: 16px;
}

.darkmode .services-details h2 {
  color: #fff;
}

.darkmode .services-details p {
  color: #c2bdbd;
}

section.services-details h3 {
  font-size: 30px;
  line-height: 40px;
  margin-bottom: 16px;
}

.darkmode .services-details h3 {
  color: #fff;
}

.service-sidebar {
  position: relative;
  display: block;
  max-width: 365px;
  width: 100%;
}

.service-sidebar .service-sidebar-single {
  position: relative;
  display: block;
  margin-bottom: 30px;
}

.service-sidebar .service-sidebar-single-services {
  position: relative;
  display: block;
  background: #f1f3ee;
  border-radius: 5px;
  padding: 35px 30px 25px;
}

.darkmode .service-sidebar .service-sidebar-single-services {
  background: #1f212b;
}

.darkmode .service-sidebar .service-sidebar-single-services a{
  color: #e0e0e0;
}

.darkmode .service-sidebar .service-sidebar-single-services .title h3 {
  color: #fff;
}

.service-sidebar .service-sidebar-single-services .title {
  position: relative;
  display: block;
  margin-bottom: 12px;
  padding-left: 20px;
}

.service-sidebar .service-sidebar-single-services .title h3 {
  color: #1f212b;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -0.02em;
}

.service-sidebar .service-sidebar-single-services ul {
  position: relative;
  display: block;
  margin-top: 10px;
}

.service-sidebar .service-sidebar-single-services ul li {
  position: relative;
  display: block;
  margin-bottom: 5px;
  margin-top: -10px;
}

.service-sidebar .service-sidebar-single-services ul li:last-child {
  margin-bottom: 0;
}

.service-sidebar .service-sidebar-single-services ul li a {
  position: relative;
  display: block;
  color: #1f212b;
  font-size: 18px;
  padding: 20px;
  border-radius: 5px;
  background: transparent;
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.service-sidebar .service-sidebar-single-services ul li a:hover {
  color: #f15503;
}

.service-sidebar .service-sidebar-single-services ul li a:hover::before {
  opacity: 1;
  -webkit-transform: perspective(400px) rotateX(0deg);
  transform: perspective(400px) rotateX(0deg);
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.service-sidebar .service-sidebar-single-services ul li a::before {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  content: "";
  z-index: -1;
  opacity: 1;
  -webkit-transform: perspective(400px) rotateX(90deg);
  transform: perspective(400px) rotateX(90deg);
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
  background: #ffffff;
  -webkit-box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
}

.service-sidebar .service-sidebar-single-services ul li a i {
  font-size: 16px;
}

.service-sidebar .service-sidebar-single-services ul li.active a::before {
  opacity: 1;
  -webkit-transform: perspective(400px) rotateX(0deg);
  transform: perspective(400px) rotateX(0deg);
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.service-sidebar .service-sidebar-single-services ul li:first-child {
  margin-top: 20px;
}

.service-sidebar .service-sidebar-single-services ul li.active a {
  color: #f15503;
}

.service-sidebar .service-sidebar-single-contact-box {
  position: relative;
  display: block;
  background-attachment: scroll;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 5px;
  background: url(../images/main-thumb/blog-list-contact.jpg) no-repeat right;
  background-size: cover;
  padding: 50px 0px 44px;
  z-index: 1;
}

.service-sidebar .service-sidebar-single-contact-box::before {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #000;
  border-radius: 5px;
  opacity: 50%;
  content: "";
  z-index: -1;
}

.service-sidebar .service-sidebar-single-contact-box .icon {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 60px;
  text-align: center;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  border-radius: 50%;
}

.service-sidebar .service-sidebar-single-contact-box .icon:hover span::before {
  color: #fff;
}

.service-sidebar .service-sidebar-single-contact-box .icon span::before {
  position: relative;
  display: inline-block;
  font-size: 30px;
  line-height: 60px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.service-sidebar .service-sidebar-single-contact-box .title {
  position: relative;
  display: block;
  margin-top: 20px;
  margin-bottom: 42px;
}

.service-sidebar .service-sidebar-single-contact-box .title h2 {
  color: #ffffff;
  font-size: 36px;
}

.service-sidebar .service-sidebar-single-contact-box .phone {
  font-size: 24px;
  line-height: 34px;
}

.service-sidebar .service-sidebar-single-contact-box .phone a {
  color: #ffffff;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.service-sidebar .service-sidebar-single-contact-box p {
  color: #ffffff;
  font-size: 14px;
  line-height: 22px;
}

.service-sidebar .service-sidebar-single-btn {
  position: relative;
  display: block;
}

.service-sidebar .service-sidebar-single-btn .thm-btn {
  font-size: 16px;
  padding: 13px 50px 28px;
}

.service-sidebar .service-sidebar-single-btn .thm-btn span::before {
  position: relative;
  display: inline-block;
  top: 13px;
  color: #334b35;
  font-size: 40px;
  padding-right: 25px;
  -webkit-transition: all 600ms ease;
  transition: all 600ms ease;
  font-weight: 500;
}

.service-sidebar .service-sidebar-single-btn .thm-btn:hover span::before {
  color: #ffffff;
}

.service-sidebar .banner-widget {
  position: relative;
  display: block;
  background: #fff;
  border-radius: 5px;
  overflow: hidden;
  -webkit-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.08);
}

.service-sidebar .banner-widget .widget-content {
  position: relative;
  display: block;
  width: 100%;
  padding: 45px 30px 40px 30px;
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../images/main-thumb/blog-list-thumb.jpg) ;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.service-sidebar .banner-widget .widget-content .shape {
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  width: 278px;
  background-repeat: no-repeat;
  background-size: cover;
}

.service-sidebar .banner-widget .content-box {
  position: relative;
  width: 100%;
}

.services-details__content img {
  width: 100%;
  border-radius: 4px;
}

.service-sidebar .banner-widget .content-box .icon-box {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 60px;
  line-height: 60px;
  font-size: 40px;
  text-align: center;
  border-radius: 5px;
  margin-bottom: 23px;
}

.service-sidebar .banner-widget .content-box .icon-box .icon-shape {
  position: absolute;
  top: -15px;
  right: -38px;
  width: 32px;
  height: 32px;
  background-repeat: no-repeat;
}

.service-sidebar .banner-widget .content-box h3 {
  display: block;
  font-size: 24px;
  line-height: 32px;
  color: #ffffff;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 22px;
}

.widget-btn a {
  position: relative;
  font-size: 14px;
  line-height: 25px;
  color: #1f212b;
  padding: 15px 40px;
  font-weight: 600;
  background: #fff;
  letter-spacing: 0.05em;
  border-radius: 5px;
  overflow: hidden;
  text-transform: uppercase;
  z-index: 1;
  transition: 0.5s;
  display: inline-block;
}

.widget-btn a:hover {
  color: #fff;
}

.widget-btn a:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  transform: scale(0);
  background-color: #f15503;
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  border-radius: 5px;
  transition: 0.5s;
  z-index: -1;
}

.widget-btn a:hover:before {
  transform: scale(1);
}

.service-sidebar-single-btn a {
  position: relative;
  font-size: 14px;
  line-height: 25px;
  color: #fff;
  padding: 15px 40px;
  font-weight: 600;
  background: #f15503;
  letter-spacing: 0.05em;
  border-radius: 5px;
  overflow: hidden;
  text-transform: uppercase;
  z-index: 1;
  transition: 0.5s;
  display: inline-block;
  margin-top: 30px;
}

.service-sidebar-single-btn a:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  transform: scale(0);
  background-color: #1f212b;
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  border-radius: 5px;
  transition: 0.5s;
  z-index: -1;
}

.service-sidebar-single-btn a:hover:before {
  transform: scale(1);
}

.service-sidebar .service-sidebar-single-btn .theme-btn {
  padding: 20px 50px;
}

.service-sidebar .service-sidebar-single-btn .theme-btn span::before {
  position: relative;
  display: inline-block;
  font-size: 36px;
  padding-right: 25px;
  margin-top: 7px;
  -webkit-transition: all 600ms ease;
  transition: all 600ms ease;
  font-weight: 500;
}

.services-details__content .feature-list .single-item {
  position: relative;
  display: block;
  border: 1px solid #f15503;
  background: #fff;
  padding: 16px 30px 16px 53px;
  margin-bottom: 20px;
  border-radius: 5px;
  -webkit-transition: all 600ms ease;
  transition: all 600ms ease;
}

.darkmode .services-details__content .feature-list .single-item {
  background: #1f212b;
  border: 1px solid #4e4e4e;
}

.services-details__content .feature-list .single-item .icon-box {
  color: #f15503;
  position: absolute;
  left: 20px;
  top: 16px;
  font-size: 18px;
  -webkit-transition: all 600ms ease;
  transition: all 600ms ease;
}

.darkmode .services-details__content .feature-list .single-item .icon-box {
  color: #fff;
}

.services-details__content .feature-list .single-item .title {
  display: block;
  margin: 0;
  font-size: 16px;
  line-height: 32px;
  font-weight: 600;
  text-transform: uppercase;
  transition: 0.5s;
  color: #f15503;
}

.darkmode .services-details__content .feature-list .single-item .title {
  color: #fff;
}

.services-details__content .feature-list .single-item:hover .title {
  color: #fff;
}

.services-details__content .feature-list .single-item:hover {
  background-color: #f15503;
  color: #fff;
}

.services-details__content .feature-list .single-item:hover .icon-box {
  color: #fff;
}

/*<!-- ============================================================== -->
 <!-- Prizes-Loot Service Details Inner Page End Here -->
<!-- ============================================================== -->*/

/*<!-- ============================================================== -->
 <!-- Prizes-Loot FAq Inner Page End Here -->
<!-- ============================================================== -->*/

section.faq-inner-section {
  padding: 120px 0 205px;
  background: url(../images/main-thumb/optimization-bg.jpg) no-repeat right;
  background-size: cover;
  position: relative;
  margin-bottom: -85px;
}

section.faq-inner-section.style2 {
  padding: 120px 0;
  margin-bottom: 0px;
}

.darkmode section.faq-inner-section {
  background: url(../images/main-thumb/faq-dark-bg.jpg) no-repeat right;
  background-size: cover;
}

section.faq-section .organic-section-title h1 {
  margin: 0;
}

/*accordion*/

ul.accordion,
ul.accordion2 {
  margin-top: 38px;
}

.accordion li,
.accordion2 li {
  position: relative;
  z-index: 1;
  background: #f15503;
  border-radius: 25px;
  filter: drop-shadow(0px 0px 13.5px rgba(51, 51, 51, 0.2));
  margin-bottom: 20px;
  overflow: hidden;
}

.darkmode .accordion li,
.darkmode .accordion2 li {
  background: #07090f;
}

.accordion li a,
.accordion2 li a {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  font-weight: 500;
  font-size: 16px;
  color: #f8f8f8 !important;
  background-color: transparent;
  padding: 18px 20px;
  z-index: 1;
  transition: 0.5s;
}

.darkmode .accordion li a,
.darkmode .accordion2 li a {
  color: #fff !important;
}

.accordion li a.active,
.accordion li a:hover,
.accordion2 li a.active,
.accordion2 li a:hover {
  color: #fff !important;
  filter: hue-rotate(360deg);
}

.accordion li a.active,
.accordion li a:hover,
.accordion2 li a.active,
.accordion2 li a:hover {
  color: #fff !important;
}

.accordian-icon {
  transition: 0.5s;
  transform: rotate(-180deg);
}

.accordion2 li a.active .accordian-icon,
.accordion li a.active .accordian-icon {
  transform: rotate(-0deg);
}

.accordion li p,
.accordion2 li p {
  display: none;
  font-size: 16px;
  margin: 0;
  background: #fff;
  padding: 25px 20px;
}

.darkmode .accordion li p,
.darkmode .accordion2 li p {
  background: #242632;
  color: #a8a8a8;
}

section.faq-inner-section .digi-m-btn {
  margin-top: 30px;
  text-align: center;
}

/*<!-- ============================================================== -->
 <!-- Prizes-Loot Faq Inner Page End Here -->
<!-- ============================================================== -->*/

/*<!-- ============================================================== -->
 <!-- Prizes-Loot Contact Inner Page End Here -->
<!-- ============================================================== -->*/

.darkmode section.inner-contact-section {
  background: #080a10;
}

.contact-box {
  padding: 100px 0;
}

.contact-single-box {
  text-align: center;
  border-radius: 4px;
  padding: 0 32px 32px;
  position: relative;
  z-index: 1;
  transition: 0.4s;
  overflow: hidden;
}

.darkmode .contact-single-box::before {
  background-color: #1f212b;
}

.contact-single-box::before {
  background-color: #f8f8f8;
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 84%;
  z-index: -1;
}

.contact-box-icon i {
  width: 70px;
  height: 70px;
  border-radius: 4px;
  background-color: #f15503;
  color: #ffffff;
  line-height: 70px;
  font-size: 30px;
  position: relative;
  box-shadow: 0 0 0 0 #f15503;
  transition: 0.6s;
}

.contact-single-box:hover .contact-box-icon i {
  box-shadow: 0 0 0 160px #f15503;
  filter: hue-rotate(360deg);
}

.contact-single-box:hover .contact-box-info a,
.contact-single-box:hover .contact-box-title h4,
.contact-single-box:hover .contact-box-info p {
  color: #fff;
}

.contact-box-title h4 {
  font-size: 22px;
  line-height: 42px;
  color: #1f212b;
  font-weight: 500;
  margin-top: 22px;
  z-index: 1;
  position: relative;
  transition: 0.5s;
}

.darkmode .contact-box-title h4 {
  color: #ffffff;
}

.contact-box-info p {
  margin: 0;
  z-index: 1;
  color: #616161;
  position: relative;
  transition: 0.5s;
}

.contact-box-info p {
  margin: 0;
  z-index: 1;
  color: #616161;
  position: relative;
  transition: 0.5s;
}

.darkmode .contact-box-info p ,
.darkmode .contact-box-info a {
  color: #d6d6d6;
}

.contact-box-info a {
  font-size: 16px;
  line-height: 26px;
  color: #616161;
  font-weight: 400;
  display: block;
  margin-bottom: 2px;
  z-index: 1;
  position: relative;
  transition: 0.5s;
}

.contact-information {
  background-color: #f7f7f7;
  padding: 84px 0 100px;
}

.darkmode .contact-information {
  background-color: #1f212b;
}

.inner-contact-desc p {
  width: 52%;
  margin: 10px auto 46px;
}

.darkmode .inner-contact-desc p {
  color: #dddddd;
}

.contact-form {
  text-align: center;
}

.contact-form-top {
  display: flex;
  gap: 30px;
  margin-bottom: 30px;
}

.form-top-name,
.form-top-email {
  position: relative;
  width: 100%;
}

.form-top-name input,
.form-top-email input {
  width: 100%;
  height: 64px;
  border-radius: 4px;
  background-color: #ffffff;
  border: none;
  padding: 10px 30px;
}

.form-top-name input::placeholder,
.form-top-email input::placeholder {
  opacity: 0.702;
  font-size: 16px;
  line-height: 28px;
  color: #0d0e14;
  font-weight: 400;
}

.form-top-name i,
.form-top-email i {
  position: absolute;
  top: 19px;
  right: 24px;
  opacity: 0.702;
  font-size: 15px;
  line-height: 28px;
  color: #0d0e14;
}

.contact-form-subject select {
  width: 100%;
  height: 64px;
  border-radius: 4px;
  background-color: #ffffff;
  border: none;
  padding: 10px 30px;
  opacity: 0.702;
  font-size: 15px;
  line-height: 28px;
  color: #0d0e14;
  margin-bottom: 30px;
}

.contact-form-message textarea {
  width: 100%;
  height: 204px;
  border-radius: 4px;
  background-color: #ffffff;
  border: none;
  padding: 10px 30px;
  opacity: 0.702;
  font-size: 15px;
  line-height: 28px;
  color: #0d0e14;
  margin-bottom: 30px;
  resize: none;
}

.contact-map iframe {
  width: 100%;
  height: 550px;
}

/*<!-- ============================================================== -->
 <!-- Prizes-Loot Contact Inner Page End Here -->
<!-- ============================================================== -->*/

/*<!-- ============================================================== -->
 <!-- Prizes-Loot Team Member Inner Page Start Here -->
<!-- ============================================================== -->*/

section.team-member-section {
  background: url(../images/main-thumb/experience-bg.jpg) no-repeat left;
  background-size: cover;
  padding: 120px 0 170px;
}

.darkmode .team-member-section {
  background: url(../images/main-thumb/experience-dark-bg.jpg) no-repeat left;
  background-size: cover;
}

.team-member-box {
  margin-top: 60px;
}

.team-member-single-box {
  text-align: center;
  background-color: #ffffff;
  padding: 50px 30px;
  border-radius: 10px;
}

.team-member-single-box.style2 {
  margin-bottom: 24px;
}

.darkmode .team-member-single-box {
  background-color: #080a10;
}

.team-member-box-thumb {
  transition: .5s;
}

.team-member-single-box:hover .team-member-box-thumb {
  transform: scale(1.1) rotate(15deg);
}

.team-member-box-thumb img {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  display: inline-block !important;
}

.team-member-box-title h4 {
  font-size: 20px;
  line-height: 32px;
  color: #1f212b;
  font-weight: 500;
  margin: 40px 0 8px;
  transition: .5s;
}

.darkmode .team-member-box-title h4 {
  color: #fff;
}

.team-member-single-box:hover  .team-member-box-title h4 {
  color: #f15503;
}

.team-member-box-desc p {
  font-size: 16px;
  line-height: 20px;
  color: #555555;
  font-weight: 400;
  margin-bottom: 24px;
}

.darkmode .team-member-box-desc p {
  color: #a8a8a8;
}

.team-member-box-social-link ul li {
  display: inline-block;
  margin: 0 5px;
}

.team-member-box-social-link a {
  font-size: 15px;
  height: 34px;
  width: 34px;
  border-radius: 28px;
  color: #02c0bc;
  border: 1px solid;
  line-height: 34px;
  text-align: center;
  transition: .5s;
}

.team-member-box-social-link a:hover {
  color: #f15503;
}

/*<!-- ============================================================== -->
 <!-- Prizes-Loot Team Member Inner Page End Here -->
<!-- ============================================================== -->*/

/*<!-- ============================================================== -->
 <!-- Prizes-Loot Team Member Inner Page Start Here -->
<!-- ============================================================== -->*/

.team-member-section.style2 {
  padding: 100px 0 180px;
  position: relative;
  margin-bottom: -85px;
}

/*<!-- ============================================================== -->
 <!-- Prizes-Loot Team Member Inner Page Start Here -->
<!-- ============================================================== -->*/


/*<!-- ============================================================== -->
 <!-- Prizes-Loot Testimonial Inner Page End Here -->
<!-- ============================================================== -->*/

section.testimonial-section.style2 {
  padding: 100px 0 170px;
  position: relative;
  margin-bottom: -85px;
}

/*<!-- ============================================================== -->
 <!-- Prizes-Loot Testimonial Inner Page End Here -->
<!-- ============================================================== -->*/

/*<!-- ============================================================== -->
 <!-- Prizes-Loot Blog Details Inner Page Start Here -->
<!-- ============================================================== -->*/

section.blog-details {
  padding: 120px 0 180px;
  position: relative;
  margin-bottom: -85px;
}

.darkmode section.blog-details {
  background: #080a10;
}

.blog-details-thumb img {
  width: 100%;
  border-radius: 5px;
}

.blog-detials-post-date h6 {
  display: inline-block;
  font-size: 15px;
  line-height: 15px;
  color: #797979;
  font-weight: 500;
  margin: 30px 20px 12px 0;
}

.blog-detials-post-date i {
  color: #f15503;
  padding-right: 6px;
  font-size: 18px;
}

.blog-details-title h1 {
  font-size: 35px;
  line-height: 60px;
  color: #1f212b;
  font-weight: 700;
  margin: 0 0 20px;
}

.darkmode .blog-details-title h1 {
  color: #fffefe;
}

.darkmode .blog-detials-desc p {
  color: #d2d1d1;
}

.blog-detials-desc p span {
  color: #f15503;
  font-weight: 500;
}

.shop-detials-shere h4 {
  font-size: 20px;
  line-height: 28px;
  color: #1f212b;
  font-weight: 600;
  margin: 0;
}

.darkmode .shop-detials-shere h4 {
  color: #ffffff;
}

.blog-details-social {
  display: flex;
  align-items: center;
  gap: 30px;
  margin: 34px 0;
  border-top: 1px solid #e4e1e1;
  padding: 18px 0 0;
}

.blog-details-social-title h5 {
  font-size: 22px;
  font-weight: 400;
  line-height: 34px;
  margin: 0;
}

.darkmode .blog-details-social-title h5 {
  color: #fff;
}

.blog-details-social-link ul li {
  display: inline-block;
  margin: 0 2px;
}

.blog-details-social-link a {
  width: 40px;
  height: 40px;
  border-radius: 22px;
  background-color: #1f212b;
  line-height: 40px;
  text-align: center;
  display: inline-block;
  color: #fff;
  position: relative;
  z-index: 1;
}

.blog-details-social-link a:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #f15503;
  z-index: -1;
  border-radius: 30px;
  transition: 0.5s;
  transform: scale(0);
}

.blog-details-social-link a:hover:before {
  transform: scale(1);
}

.blog-details-box {
  display: flex;
  align-items: center;
  gap: 30px;
}

.blog-detials-single-box {
  border-radius: 5px;
  background-color: #f8f9f7;
  text-align: center;
  padding: 58px 0;
}

.darkmode .blog-detials-single-box {
  background-color: #1f212b;
}

.blog-detials-single-box h4 {
  font-size: 20px;
  line-height: 30px;
  color: #1f212b;
  font-weight: 600;
  width: 69%;
  margin: auto;
}

.darkmode .blog-detials-single-box h4 {
  color: #fff;
}

.blog-title h2 {
  font-size: 24px;
  line-height: 30px;
  color: #1f212b;
  font-weight: 600;
  margin: 42px 0 34px;
}

.darkmode .blog-title h2 {
  color: #fff;
}

.related-blog-single-box {
  border-radius: 4px;
  filter: drop-shadow(0px 5px 30px rgba(226, 226, 226, 0.5));
  background-color: #ffffff;
}

.related-blog-single-box {
  filter: drop-shadow(0px 5px 30px rgba(226, 226, 226, 0));
}

.darkmode .related-blog-single-box {
  background-color: #1f212b;
}

.blog-box-thumb img {
  width: 100%;
  border-radius: 4px 4px 0 0;
}

.blog-box-thumb {
  position: relative;
  overflow: hidden;
}

.blog-box-thumb:before {
  position: absolute;
  content: "";
  top: 0%;
  left: 0;
  width: 0%;
  height: 100%;
  background: #f15503;
  opacity: 30%;
  transition: 0.4s;
  border-radius: 4px 0 0 0;
}

.blog-box-thumb:after {
  position: absolute;
  content: "";
  top: 0%;
  right: 0;
  width: 0%;
  height: 100%;
  background: #f15503;
  opacity: 30%;
  transition: 0.4s;
  border-radius: 0 4px 0 0;
}

.related-blog-single-box:hover .blog-box-thumb:before,
.related-blog-single-box:hover .blog-box-thumb:after {
  width: 50%;
}

.blog-content {
  padding: 32px;
  position: relative;
  z-index: 1;
}

.blog-content:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #f15503;
  border-radius: 0 0 4px 4px;
  transition: 0.4s;
  transform: scale(0);
  z-index: -1;
}

.related-blog-single-box:hover .blog-content:before {
  transform: scale(1);
  filter: hue-rotate(360deg);
}

.blog-box-date h5 {
  font-size: 16px;
  line-height: 50px;
  color: #f15503;
  font-weight: 400;
  margin: 0;
  transition: 0.4s;
}

.related-blog-single-box:hover .blog-box-date h5 {
  color: #fff;
}

.blog-box-title a {
  display: inline-block;
  font-size: 18px;
  line-height: 30px;
  color: #1f212b;
  font-weight: 500;
  margin: 10px 0 20px;
  transition: 0.4s;
}

.darkmode .blog-box-title a {
  color: #dadada;
}

.related-blog-single-box:hover .blog-box-title a {
  color: #fff;
}

.blog-box-footer {
  align-items: center;
  display: flex;
  gap: 12px;
  border-top: 1px solid rgba(39, 39, 39, 0.10196078431372549);
  padding: 20px 0 0;
  transition: 0.4s;
}

.related-blog-single-box:hover .blog-box-footer {
  border-top: 1px solid #fff;
}

.posted-by a,
.post-comment a {
  font-size: 15px;
  line-height: 30px;
  color: #1f212b;
  font-weight: 400;
  display: inline-block;
  transition: 0.4s;
}

.darkmode .posted-by a,
.darkmode .post-comment a {
  color: #e2e2e2;
}

.related-blog-single-box:hover .posted-by a,
.related-blog-single-box:hover .post-comment a,
.related-blog-single-box:hover .posted-by a i,
.related-blog-single-box:hover .post-comment a i {
  color: #fff;
}

.posted-by a i,
.post-comment a i {
  color: #f15503;
  transition: 0.4s;
}

.blog-box-btn a {
  color: #1f1f1f;
  margin-left: 32px;
  transition: 0.4s;
}

.darkmode .blog-box-btn a {
  color: #dadada;
}

.related-blog-single-box:hover .blog-box-btn a {
  color: #fff;
}

.comment-profile i {
  font-size: 80px;
  color: #c4c4c4;
}

.comments-title h4 {
  font-size: 24px;
  line-height: 30px;
  color: #1f212b;
  font-weight: 600;
  margin: 42px 0 34px;
}

.darkmode .comments-title h4 {
  color: #ffffff;
}

.blog-details-comments-item {
  display: flex;
  gap: 24px;
  position: relative;
  border-bottom: 1px solid #e0dcdc;
  padding-bottom: 46px;
}


.blog-details-comments-item {
  display: flex;
  gap: 24px;
  position: relative;
  border-bottom: 1px solid #e0dcdc;
  padding-bottom: 46px;
}

.blog-details-comments-item:nth-child(3) {
  margin-top: 70px;
}

.comment-title h5 {
  margin: 0px 0 20px;
  font-size: 20px;
  line-height: 30px;
  color: #1f212b;
  font-weight: 600;
}

.darkmode .comment-title h5 {
  color: #ffffff;
}

.comment-reply button {
  font-size: 12px;
  line-height: 30px;
  color: #ffffff;
  font-weight: 600;
  text-align: center;
  width: 92px;
  height: 32px;
  border-radius: 5px;
  background-color: #f15503;
  border: none;
  position: absolute;
  top: 0;
  right: 0;
  transition: 0.5s;
}

.comment-reply button:hover {
  filter: hue-rotate(360deg);
}

.darkmode .comment-desc p {
  color: #b3b3b3;
}

.add-comment-title h4 {
  font-size: 24px;
  line-height: 60px;
  color: #1f212b;
  font-weight: 600;
  margin: 32px 0;
}

.darkmode .add-comment-title h4 {
  color: #ffffff;
}

.blog-details-form-top textarea {
  width: 100%;
  height: 225px;
  border-radius: 5px;
  background-color: #fcfcfc;
  border: 1px solid #e6e6e6;
  padding: 10px 20px;
  resize: none;
  margin-bottom: 13px;
}

.darkmode .blog-details-form-top textarea {
  background-color: #1f212b;
}

.blog-details-form-middle input {
  display: inline-block;
  width: 100%;
  height: 60px;
  border-radius: 5px;
  background-color: #fcfcfc;
  border: 1px solid #e6e6e6;
  padding: 10px 20px;
  margin-bottom: 20px;
}

.darkmode .blog-details-form-middle input {
  background-color: #1f212b;
}

.blog-details-form-bottom {
  display: flex;
  align-items: center;
  gap: 30px;
  margin-bottom: 10px;
}

.form-bottom-email,
.form-bottom-site {
  width: 100%;
}

.form-bottom-email input,
.form-bottom-site input {
  display: inline-block;
  width: 100%;
  height: 60px;
  border-radius: 5px;
  background-color: #fcfcfc;
  border: 1px solid #e6e6e6;
  padding: 10px 20px;
}

.darkmode .form-bottom-email input,
.darkmode .form-bottom-site input {
  background-color: #1f212b;
}

.form-bottom-email input::placeholder,
.form-bottom-site input::placeholder,
.blog-details-form-middle input::placeholder,
.blog-details-form-top textarea::placeholder {
  font-size: 16px;
  line-height: 28px;
  color: #797979;
  font-weight: 400;
}

.form-bottom-email input::placeholder,
.form-bottom-site input::placeholder,
.blog-details-form-middle input::placeholder,
.blog-details-form-top textarea::placeholder {
  color: #dddada;
}

.form-condition input {
  float: left;
  margin-right: 10px;
}

.form-condition p {
  margin: 0;
  display: inline-block;
}

.darkmode .form-condition p {
  color: #c9c9c9;
}

.form-condition input {
  float: left;
  margin: 7px 10px 0 0;
  cursor: pointer;
}

.blog-details-form-btn {
  margin-top: 30px;
}

/*<!-- ============================================================== -->
 <!-- Prizes-Loot Blog Details Inner Page End Here -->
<!-- ============================================================== -->*/

/*<!-- ============================================================== -->
 <!-- Prizes-Loot Cart Inner Page Start Here -->
<!-- ============================================================== -->*/

.cart-section {
  padding: 120px 0 205px;
  background-color: #fff;
  position: relative;
  margin-bottom: -85px;
}

.darkmode .cart-section {
  background-color: #080a10;
}

.cart-title {
  color: #1f212b;
}

.darkmode .cart-title {
  color: #fff;
} 

.darkmode .table {
  --bs-table-bg:var(--bs-dark);
}

.darkmode .table th{
  color: #fff;
}

.darkmode .table .price,
.darkmode .table .total{
  color: #fff;
}

.darkmode .table .remove-btn{
  color: #fff;
}

button.remove-btn:hover i {
  color: red;
}

/* Cart Product Mobile */
.cart-product-mobile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  margin-bottom: 20px;
}

.cart-product-mobile-thumb {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 135px;
  flex: 1 0 135px;
  max-width: 135px;
  border: 1px solid #e5e5e5;
}

.cart-product-mobile-remove {
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  opacity: 1;
  border: none;
  border-radius: 50%;
  background-color: #fff;
  transition: 0.5s;
}

.cart-product-mobile-remove i {
  display: inline-block;
  border-radius: 50%;
  transition: 0.5s;
}

.cart-product-mobile-remove i:hover {
  color: #dc3545;
}

.cart-product-mobile-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.cart-product-mobile-image img {
  width: 100%;
}

.cart-product-mobile-content {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.cart-product-mobile-title {
  font-size: 16px;
  margin-bottom: 10px;
}

.cart-product-mobile-title a {
  font-weight: 600;
}

.cart-product-mobile-quantity,
.cart-product-mobile-total {
  font-size: 14px;
  line-height: 1;
  display: block;
  margin-bottom: 10px;
}

.cart-product-mobile-total {
  margin-bottom: 15px;
}

.cart-product-mobile-add-to-cart {
  margin-top: 15px;
}

.cart-product-mobile-quantity,
.cart-product-mobile-total {
  font-size: 15px;
  line-height: 1;
  display: -webkit-box;
  margin-bottom: 10px;
  font-weight: 500;
  color: #212529;
}

.cart-product-mobile-quantity .price,
.cart-product-mobile-total .total {
  padding-left: 5px;
}

/*<!-- ============================================================== -->
 <!-- Prizes-Loot Cart Inner Page End Here -->
<!-- ============================================================== -->*/

/*<!-- ============================================================== -->
 <!-- Prizes-Loot Checkout Inner Page Start Here -->
<!-- ============================================================== -->*/

/* Cart Checkout Alert */
.alert-btn.show-modal,
.alert-box {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  z-index: 1;
}

.alert-js.active .show-modal {
  display: none;
}

.alert-overlay {
  position: fixed;
  top: 0;
  z-index: -1;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.3);
  opacity: 0;
  pointer-events: none;
}

.alert-js.active .alert-overlay {
  opacity: 1;
  pointer-events: auto;
}

.alert-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 380px;
  width: 100%;
  padding: 30px 20px;
  border-radius: 24px;
  background-color: #fff;
  opacity: 0;
  pointer-events: none;
  transition: all 0.3s ease;
  transform: translate(-50%, -50%) scale(1.2);
  z-index: 923;
}

.alert-js.active .alert-box {
  opacity: 1;
  pointer-events: auto;
  transform: translate(-50%, -50%) scale(1);
}

.alert-box i {
  font-size: 70px;
  color: #27ff00;
}

.alert-box h2 {
  margin-top: 20px;
  font-size: 25px;
  font-weight: 600;
  color: #1f212b;
}

.alert-box h3 {
  font-size: 16px;
  font-weight: 400;
  color: #1f212b;
  margin-top: 15px;
  text-align: center;
  font-family: cursive;
}

.alert-box .alert-buttons {
  margin-top: 25px;
}

.alert-buttons a {
  display: inline-block;
  padding: 14px 22px;
  font-size: 18px;
  font-weight: 400;
  color: #fff;
  background: #f15503;
  border-radius: 6px;
  cursor: pointer;
  margin: 0 10px;
  transition: 0.5s;
}

.alert-buttons a:first-child:hover {
  background-color: #1f212b;
}

.alert-buttons a:last-child {
  background: #1f212b;
}

.alert-buttons a:hover {
  background-color: #f15503;
}

/* -------------------------------- */
/* shop product section */
/* ----------------------------------- */
.shop-product-section {
  padding: 100px 0 185px;
  position: relative;
  margin-bottom: -85px;
}

.darkmode .shop-product-section {
  background: #080a10;
}

.darkmode #billing-form h4 {
  color: #fff;
}

.checkout-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 30px;
  background-color: #f8f9fa;
}

.darkmode .checkout-box {
  background: #21212d;
}

.darkmode .checkout-box h4 {
  color: #fff;
}

.darkmode .checkout-box td {
  color: #9f9f9f;
}

.checkout-box:not(:last-child) {
  margin-bottom: 30px;
}

.cart-thumb {
  max-width: 160px;
  border-radius: 5px;
}

.cart-totals .table,
.checkout-box .table {
  --bs-table-bg: transparent;
}

/* Cart Totals */
.cart-totals {
  margin-top: 30px;
  max-width: 500px;
  margin-left: auto;
  padding: 30px;
  background-color: #f8f9fa;
}

.darkmode .cart-totals {
  background-color: #212529;
}

.cart-totals .title {
  margin-bottom: 15px;
}

.darkmode .title {
  color: #fff;
}

.darkmode .shopping-fee td,
.darkmode .subtotal td,
.darkmode .total td{
  color: #fff;
}

.darkmode .cart-totals .btn {
  background: #1d1d1d;
}

.cart-totals .table {
  margin-bottom: 20px;
}

.cart-totals .table th:first-child,
.cart-totals .table td:first-child {
  padding-left: 0;
}

.cart-totals .table th:last-child,
.cart-totals .table td:last-child {
  padding-right: 0;
}

/* Checkout Box */
.checkout-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 30px;
  background-color: #f8f9fa;
}

.checkout-box:not(:last-child) {
  margin-bottom: 30px;
}

.darkmode #shipping-form h4 {
  color: #fff;
}

.darkmode #billing-form label ,
.darkmode #shipping-form label {
  color: #dfdfdf;
}

.form-field {
  background: #21212d;
  border-color: #31313b;
}

.darkmode #billing-form input ,
.darkmode #billing-form select ,
.darkmode #shipping-form input ,
.darkmode #shipping-form select {
  background: #21212d ;
  border-color: #31313b;
}

.darkmode #billing-form input::placeholder ,
.darkmode #billing-form select ,
.darkmode #shipping-form input::placeholder ,
.darkmode #shipping-form select {
  color: #cececf;
}

.darkmode #billing-form input:focus ,
.darkmode #billing-form select:focus ,
.darkmode #shipping-form input:focus ,
.darkmode #shipping-form select:focus {
  background: #858484;
  border-color: #fff;
  color: #21212d;
}

/* Form */
/* Checkbox */
.form-check {
  min-height: auto;
  margin-bottom: 0;
}

.form-check:not(:last-child) {
  margin-bottom: 15px;
}

.form-check .form-check-input {
  margin-top: 1px;
  border-width: 2px;
}

.form-check .form-check-input:checked,
.form-check .form-check-input:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.form-check .form-check-label {
  font-size: 14px;
}

/* Checkout Payment Method */
.checkout-payment-method .single-method:not(:last-child) {
  margin-bottom: 25px;
}

.checkout-payment-method .single-method p {
  font-size: 14px;
  margin-top: 10px;
}

/*-----------------------------------
    - Form CSS
-----------------------------------*/
/* Form Common Style */
fieldset {
  padding: 20px;
  padding-top: 10px;
  border: 1px solid #e5e5e5;
}

fieldset legend {
  font-size: 16px;
  font-weight: 700;
  float: none;
  width: auto;
  margin: 0;
  padding: 0 10px;
  background-color: #fff;
}

/* Form Label */
label {
  font-size: 16px;
  font-weight: 500;
  display: block;
  margin-bottom: 10px;
  color: #1f212b;
}

/* Form Field Select */
select.form-field {
  font-size: 14px;
  width: 100%;
  height: 54px;
  padding: 10px 20px;
  border: 1px solid #e5e5e5;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center right 20px;
  background-size: 12px;
  -webkit-appearance: none;
  appearance: none;
}

select.form-field:focus {
  border-color: #c7a17a;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 992px) and (max-width: 1199px) {
  select.form-field {
    height: 52px;
  }
}

@media only screen and (max-width: 767px) {
  select.form-field {
    height: 44px;
  }
}

/* Form Field Input */
input.form-field:not([type="submit"]):not([type="checkbox"]):not(
    [type="radio"]
  ):not([type="range"]) {
  font-size: 14px;
  width: 100%;
  height: 54px;
  padding: 10px 24px;
  border: 1px solid #e5e5e5;
  background-color: #fff;
}

input.form-field:not([type="submit"]):not([type="checkbox"]):not(
    [type="radio"]
  ):not([type="range"])::-webkit-input-placeholder {
  color: rgba(51, 51, 51, 0.7);
}

input.form-field:not([type="submit"]):not([type="checkbox"]):not(
    [type="radio"]
  ):not([type="range"]):-moz-placeholder {
  color: rgba(51, 51, 51, 0.7);
}

input.form-field:not([type="submit"]):not([type="checkbox"]):not(
    [type="radio"]
  ):not([type="range"])::-moz-placeholder {
  color: rgba(51, 51, 51, 0.7);
}

input.form-field:not([type="submit"]):not([type="checkbox"]):not(
    [type="radio"]
  ):not([type="range"]):-ms-input-placeholder {
  color: rgba(51, 51, 51, 0.7);
}

@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 992px) and (max-width: 1199px) {
  input.form-field:not([type="submit"]):not([type="checkbox"]):not(
      [type="radio"]
    ):not([type="range"]) {
    height: 52px;
  }
}

@media only screen and (max-width: 767px) {
  input.form-field:not([type="submit"]):not([type="checkbox"]):not(
      [type="radio"]
    ):not([type="range"]) {
    height: 44px;
  }
}

input.form-field:not([type="submit"]):not([type="checkbox"]):not(
    [type="radio"]
  ):not([type="range"]):focus {
  border-color: #c7a17a;
}

/* Form Field Textarea */
textarea.form-field {
  font-size: 14px;
  width: 100%;
  height: 140px;
  padding: 10px 24px;
  border: 1px solid #e5e5e5;
  background-color: #fff;
}

textarea.form-field::-webkit-input-placeholder {
  color: rgba(51, 51, 51, 0.7);
}

textarea.form-field:-moz-placeholder {
  color: rgba(51, 51, 51, 0.7);
}

textarea.form-field::-moz-placeholder {
  color: rgba(51, 51, 51, 0.7);
}

textarea.form-field:-ms-input-placeholder {
  color: rgba(51, 51, 51, 0.7);
}

textarea.form-field:focus {
  border-color: #c7a17a;
}

/* News Letter Form */
.subscribe-newsletter {
  position: relative;
  width: 100%;
  max-width: 770px;
}

.subscribe-newsletter input[type="email"] {
  height: 60px !important;
  padding: 10px 30px !important;
  padding-right: 140px !important;
  border-radius: 100px;
  background-color: #f8f9fa;
}

@media only screen and (max-width: 767px) {
  .subscribe-newsletter input[type="email"] {
    font-size: 14px;
    height: 50px !important;
  }
}

.subscribe-newsletter input[type="submit"] {
  position: absolute;
  top: 0;
  right: 0;
  height: 60px;
  padding: 10px 30px;
  color: #fff;
  border: none;
  border-radius: 100px;
  background-color: #c7a17a;
}

.subscribe-newsletter input[type="submit"]:hover {
  background-color: #bc8e5f;
}

@media only screen and (max-width: 767px) {
  .subscribe-newsletter input[type="submit"] {
    font-size: 14px;
    height: 50px;
  }
}

/* Reservation Form */
.reservation-form {
  padding: 40px 50px;
  border: 1px solid #e5e5e5;
  background-color: #fff;
  -webkit-box-shadow: 10px 25px 80px rgba(0, 0, 0, 0.05);
  box-shadow: 10px 25px 80px rgba(0, 0, 0, 0.05);
}

@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (max-width: 479px) {
  .reservation-form {
    padding: 30px;
  }
}

.reservation-form .block-title {
  margin-bottom: 20px;
}

.reservation-form .input-field {
  width: 100%;
}

.reservation-form .input-field:not(:last-child) {
  margin-bottom: 15px;
}

.reservation-form .input-field input,
.reservation-form .input-field textarea {
  font-size: 15px;
}

.reservation-form .input-field textarea {
  height: 120px;
}

.reservation-form .input-field input[type="submit"] {
  text-transform: uppercase;
}

/* Form */
/* Checkbox */
.form-check {
  min-height: auto;
  margin-bottom: 0;
}

.form-check:not(:last-child) {
  margin-bottom: 15px;
}

.form-check .form-check-input {
  margin-top: 1px;
  border-width: 2px;
}

.form-check .form-check-input:checked,
.form-check .form-check-input:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.form-check .form-check-label {
  font-size: 14px;
  line-height: 1.25;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
}

.darkmode .form-check .form-check-label {
  color: #fff;
}

.darkmode .single-method.form-check p {
  color: #a5a2a2;
}

.darkmode .btn-dark {
  --bs-btn-bg: #363c42;
}

/*<!-- ============================================================== -->
 <!-- Prizes-Loot Checkout Inner Page End Here -->
<!-- ============================================================== -->*/

/*==========================================
 <-- Prizes-Loot Search CSS  Start -->
=========================================*/

.search-popup {
  position: fixed;
  left: 0;
  top: 0;
  height: 100vh;
  width: 100%;
  z-index: 99999;
  margin-top: -540px;
  transform: translateY(-100%);
  background-color: #2828283b;
  -webkit-transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1);
  -moz-transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1);
  -o-transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1);
  transition: all 1500ms cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -moz-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -o-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  backdrop-filter: blur(5px);
}

.search-popup {
  width: 100%;
}

.search-active .search-popup {
  transform: translateY(0%);
  margin-top: 0;
}

.search-popup .close-search {
  position: absolute;
  left: 0;
  right: 0;
  top: 75%;
  margin: 0 auto;
  margin-top: -200px;
  border-radius: 50%;
  text-align: center;
  background: linear-gradient(to right, #ff4613 6%, #e9e9e9 96%);
  width: 70px;
  cursor: pointer;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  border: 3px solid #ffffff;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  opacity: 0;
  visibility: hidden;
  height: 70px;
  line-height: 70px;
  text-align: center;
  border-top-color: #5ccfff;
  border-bottom-color: #5ccfff;
  border-left-color: beige;
  border-right-color: #ff5a2a;
}

.search-popup .close-search i {
  position: relative;
  font-size: 30px;
  color: #ffffff;
}

.search-active .search-popup .close-search {
  visibility: visible;
  opacity: 1;
  top: 50%;
  -webkit-transition-delay: 1500ms;
  -moz-transition-delay: 1500ms;
  -ms-transition-delay: 1500ms;
  -o-transition-delay: 1500ms;
  transition-delay: 1500ms;
}

.search-popup form {
  position: absolute;
  max-width: 700px;
  top: 50%;
  left: 15px;
  right: 15px;
  margin: -35px auto 0;
  transform: scaleX(0);
  transform-origin: center;
  background-color: #111111;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.search-active .search-popup form {
  transform: scaleX(1);
  -webkit-transition-delay: 1200ms;
  -moz-transition-delay: 1200ms;
  -ms-transition-delay: 1200ms;
  -o-transition-delay: 1200ms;
  transition-delay: 1200ms;
}

.search-popup .form-group {
  position: relative;
  margin: 0px;
  overflow: hidden;
}

.search-popup .form-group input[type="text"],
.search-popup .form-group input[type="search"] {
  position: relative;
  display: block;
  font-size: 18px;
  line-height: 50px;
  color: #000000;
  height: 70px;
  width: 100%;
  padding: 10px 30px;
  background-color: #ffffff;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  font-weight: 500;
  text-transform: capitalize;
  border: 2px solid #ff4613;
  border-radius: 5px;
}

.search-popup .form-group input[type="submit"],
.search-popup .form-group button {
  position: absolute;
  right: 30px;
  top: 0px;
  height: 70px;
  line-height: 70px;
  background: transparent;
  text-align: center;
  font-size: 24px;
  color: #ff4613;
  padding: 0;
  cursor: pointer;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  border: none;
}

.search-popup .form-group input[type="submit"]:hover,
.search-popup .form-group button:hover {
  color: #000000;
}

.search-popup input::placeholder,
.search-popup textSection::placeholder {
  color: #000000;
}

.search-popup .close-search.style-two {
  position: absolute;
  right: 25px;
  left: auto;
  color: #ffffff;
  width: auto;
  height: auto;
  top: 25px;
  margin: 0px;
  border: none;
  background: none !important;
  box-shadow: none !important;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.search-popup .close-search.style-two i {
  font-size: 20px;
  color: #f00;
}

.search-box-btn.search-box-outer i {
  font-size: 18px;
  display: inline-block;
  color: #093c78;
  cursor: pointer;
  transition: 0.5s;
}

.darkmode .search-box-btn.search-box-outer i {
  color: #fff;
}

.search-box-btn.search-box-outer i:hover {
  color: #ff4613;
  filter: hue-rotate(360deg);
}

.darkmode .search-box-btn.search-box-outer i:hover {
  color: #02c0bc;
  filter: hue-rotate(360deg);
}

/*==========================================
 <-- Prizes-Loot Search CSS  End -->
=========================================*/

/* cart sidebar - start */
/* =============================== */
.sidebar-menu-wrapper {
  display: block;
}

.cart_sidebar {
  top: 0;
  width: 300px;
  right: -320px;
  height: 100vh;
  z-index: 9999;
  position: fixed;
  padding: 50px 20px;
  overflow-y: scroll;
  background-color: #ffffff;
  transition: 0.6s cubic-bezier(1, 0, 0, 1);
}

.cart_sidebar .mCustomScrollBox {
  overflow: visible !important;
}

.cart_sidebar.active {
  right: 0px;
}

.cart_sidebar .close_btn {
  top: 15px;
  right: 20px;
  line-height: 1;
  font-size: 24px;
  position: absolute;
}

.cart_sidebar .close_btn:hover {
  color: red;
}

.cart_sidebar .heading_title {
  line-height: 1;
  font-size: 18px;
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 1px solid #f6f6f6;
}

.cart_sidebar .heading_title span {
  color: #f15503;
}

.cart_sidebar .total_price {
  display: flex;
  font-size: 16px;
  font-weight: 500;
  margin-top: 20px;
  padding: 10px 0px;
  margin-bottom: 15px;
  align-items: center;
  color: #1f212b;
  border-top: 1px solid #f6f6f6;
  border-bottom: 1px solid #f6f6f6;
  justify-content: space-between;
}

.cart_sidebar .total_price span:last-child {
  color: #f15503;
}

.cart_sidebar .btns_group {
  margin: -5px;
}

.cart_sidebar .btns_group li {
  width: 48%;
  padding: 5px;
  display: inline-block;
}

.cart_sidebar .btn {
  display: block;
  font-size: 12px;
  padding: 17px 20px;
}

ul.btns_group.ul_li {
  margin-top: 16px;
}

ul.btns_group.ul_li a {
  position: relative;
  z-index: 1;
  transition: 0.5s;
  background: #fff;
  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.15);
  border: 1px solid #f15503;
}

ul.btns_group a:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transition: 0.5s;
  z-index: -1;
  border-radius: 4px;
}

ul.btns_group li:last-child a:hover {
  color: #fff;
}

ul.btns_group li:first-child a {
  background: #f15503;
  color: #fff;
}

ul.btns_group li:first-child a:hover {
  color: #1f212b;
}

ul.btns_group li:first-child a:before {
  background: #fff;
}

ul.btns_group li:last-child a:before {
  background: #f15503;
}

ul.btns_group li:first-child a:hover:before,
ul.btns_group li:last-child a:hover:before {
  transform: scale(1);
}

.cart_sidebar .btn.btn_border {
  padding: 15px 20px;
}

.cart_sidebar::-webkit-scrollbar {
  width: 0px;
}

.cart_sidebar_overlay {
  left: 100%;
  top: 0;
  position: fixed;
  z-index: 101;
  height: 100%;
  opacity: 0;
  width: 100%;
  visibility: hidden;
  -webkit-transition: all 0.4s ease-in 0.4s;
  -o-transition: all 0.4s ease-in 0.4s;
  transition: all 0.4s ease-in 0.4s;
  background: #f15503;
}

.cart_sidebar_overlay.active {
  opacity: 0.5;
  visibility: visible;
  -webkit-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
  left: 0;
}

.cart_item {
  display: flex;
  position: relative;
  align-items: center;
  padding-right: 25px;
  transition: 0.5s;
}

.cart_item.remove {
  display: none;
}

.cart_item:not(:last-child) {
  margin-bottom: 20px;
}

.cart_item .item_image {
  display: block;
  min-width: 70px;
  overflow: hidden;
  border-radius: 3px;
  position: relative;
  margin-right: 10px;
}

.cart_item .item_image img {
  width: 70px;
  height: 70px;
}

.cart_item .item_title {
  font-weight: 500;
  margin-bottom: 10px;
  font-size: 14px;
}

.cart_item .item_price {
  line-height: 1;
  display: block;

  font-weight: 600;
  color: #f15503;
}

.cart_item .remove_btn {
  top: 50%;
  right: 0px;
  color: red;
  width: 20px;
  height: 20px;
  font-size: 12px;
  line-height: 15px;
  text-align: center;
  position: absolute;
  border-radius: 100%;
  background-color: #ffffff;
  transform: translateY(-50%);
  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.15);
  border: none;
}

.cart_item .remove_btn:hover {
  color: #ffffff;
  background-color: red;
}

/* White sidebar - start */
/* =============================== */
.sidebar-menu-wrapper {
  display: block;
}

.white_sidebar {
  top: 0;
  width: 440px;
  right: -440px;
  height: 100vh;
  z-index: 9999;
  position: fixed;
  padding: 50px 20px;
  overflow-y: scroll;
  background-color: #ffffff;
  transition: 0.6s ease-in-out;
}

.white_sidebar .mCustomScrollBox {
  overflow: visible !important;
}

.white_sidebar.active {
  right: 0px;
}

.white_sidebar .close_btn {
  top: 15px;
  right: 20px;
  line-height: 1;
  font-size: 24px;
  position: absolute;
}

.white_sidebar .close_btn:hover {
  color: red;
}

.white_sidebar .heading_title {
  line-height: 1;
  font-size: 22px;
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 1px solid #f6f6f6;
}

.white_items_list {
  background: #f9f9f9;
  padding: 20px;
}

.white_sidebar .heading_title span {
  color: #f15503;
}

.white_sidebar .total_price {
  display: flex;
  font-size: 16px;
  font-weight: 500;
  margin-top: 20px;
  padding: 10px 0px;
  margin-bottom: 15px;
  align-items: center;
  color: #1f212b;
  border-top: 1px solid #f6f6f6;
  border-bottom: 1px solid #f6f6f6;
  justify-content: space-between;
}

.white_sidebar .total_price span:last-child {
  color: #f15503;
}

.white_item .item_image img {
  width: 130px;
  height: 120px;
}

.white_sidebar .btns_group li {
  width: 48%;
  padding: 5px;
  display: inline-block;
}

.white_sidebar .btn {
  display: block;
  font-size: 12px;
  padding: 17px 20px;
}

ul.btns_group.ul_li a {
  position: relative;
  z-index: 1;
  transition: 0.5s;
  background: #fff;
  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.15);
}

ul.btns_group a:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transition: 0.5s;
  z-index: -1;
  border-radius: 4px;
}

ul.btns_group li:last-child a:hover {
  color: #fff;
}

ul.btns_group li:first-child a {
  background: #f15503;
  color: #fff;
}

ul.btns_group li:first-child a:hover {
  color: #1f212b;
}

ul.btns_group li:first-child a:before {
  background: #fff;
}

ul.btns_group li:last-child a:before {
  background: #f15503;
}

ul.btns_group li:first-child a:hover:before,
ul.btns_group li:last-child a:hover:before {
  transform: scale(1);
}

.white_sidebar .btn.btn_border {
  padding: 15px 20px;
}

.white_sidebar::-webkit-scrollbar {
  width: 0px;
}

.white_sidebar_overlay {
  left: 100%;
  top: 0;
  position: fixed;
  z-index: 101;
  height: 100%;
  opacity: 0;
  width: 100%;
  visibility: hidden;
  -webkit-transition: all 0.4s ease-in 0.4s;
  -o-transition: all 0.4s ease-in 0.4s;
  transition: all 0.4s ease-in 0.4s;
  background: #f15503;
}

.white_sidebar_overlay.active {
  opacity: 0.5;
  visibility: visible;
  -webkit-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
  left: 0;
}

.white_item {
  display: flex;
  position: relative;
  align-items: center;
  padding-right: 25px;
  transition: 0.5s;
}

.white_item.remove {
  display: none;
}

.white_item:not(:last-child) {
  margin-bottom: 20px;
}

.white_item .item_image {
  display: block;
  overflow: hidden;
  border-radius: 3px;
  position: relative;
  margin-right: 20px;
}

.white_item .item_image img {
  width: 130px;
  height: 120px;
}

.white_item .item_title {
  font-weight: 500;
  margin-bottom: 10px;
  font-size: 16px;
}

.white_item .item_price {
  line-height: 1;
  display: block;

  font-weight: 600;
  color: #f15503;
}

.white_item .remove_btn {
  top: 50%;
  right: 0px;
  color: red;
  width: 20px;
  height: 20px;
  font-size: 12px;
  line-height: 15px;
  text-align: center;
  position: absolute;
  border-radius: 100%;
  background-color: #ffffff;
  transform: translateY(-50%);
  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.15);
  border: none;
}

.white_item .remove_btn:hover {
  color: #ffffff;
  background-color: red;
}

.more-product-title h4 {
  margin: 20px 0;
}

.more-product-items {
  display: flex;
  align-items: center;
  gap: 20px;
}

.more-product-thumb {
  overflow: hidden;
  border-radius: 5px 5px 0 0;
  position: relative;
}

.more-product-thumb img {
  width: 100%;
  transition: 0.5s;
}

.more-product-item:hover .more-product-thumb img {
  transform: scale(1.1);
}

.more-product-icon {
  position: absolute;
  top: 0;
  right: 20px;
  transform: translateY(-50%);
  transition: 0.5s;
  opacity: 0;
  visibility: hidden;
}

.more-product-item:hover .more-product-icon {
  top: 50%;
  opacity: 1;
  visibility: visible;
}

.more-product-content {
  margin-top: 20px;
}

.more-product-content h6:last-child {
  font-size: 15px;
  color: #5a5a5a;
  margin-top: 10px;
}

.more-product-icon ul li a {
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  background: #fff;
  color: #000;
  border-radius: 30px;
  transition: 0.5s;
  position: relative;
  z-index: 1;
  margin: 4px 0;
}

.more-product-icon ul li a:hover {
  color: #fff;
}

.more-product-icon ul li a:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background: #f15503;
  transition: 0.5s;
  z-index: -1;
  border-radius: 30px;
  transform: scale(0);
}

.more-product-icon ul li a:hover:before {
  transform: scale(1);
  filter: hue-rotate(360deg);
}

/*=====================================
<-- Prizes-Loot Skill Progress Bar Css -->
=======================================*/
.about-content {
  width: 100%;
}

.skill {
  margin-bottom: 35px;
  position: relative;
  overflow-x: hidden;
}

.skill > p {
  font-size: 18px;
  line-height: 28px;
  color: #232323;
  font-weight: 500;
  margin: 0 0 10px;
}

.darkmode .skill > p {
  color: #fff;
}

.skill:before {
  width: 100%;
  height: 7px;
  border-radius: 4px;
  content: "";
  display: block;
  position: absolute;
  background: #eeeeee;
  bottom: 0;
}

.darkmode .skill:before {
  background: #7e7e7e;
}

.skill-bar {
  height: 7px;
  border-radius: 4px;
  background-image: linear-gradient(90deg, #fb8f52 100%, #f15402 0%);
  display: block;
  position: relative;
}

.skill-bar .skill-count1,
.skill-bar .skill-count2,
.skill-bar .skill-count3,
.skill-bar .skill-count4 {
  position: absolute;
  top: -37px;
  font-size: 16px;
  line-height: 28px;
  color: #232323;
  font-weight: 500;
}

.darkmode .skill-bar .skill-count1,
.darkmode .skill-bar .skill-count2,
.darkmode .skill-bar .skill-count3,
.darkmode .skill-bar .skill-count4 {
  color: #fff;
}

.skill-bar {
  position: relative;
}

/* SKILL 1 */
.skill1 {
  width: 90%;
}

.skill1 .skill-count1 {
  right: 0;
}

/* SKILL 2 */
.skill2 {
  width: 95%;
}

.skill2 .skill-count2 {
  right: 0;
}

/* SKILL 3 */
.skill3 {
  width: 85%;
}

.skill3 .skill-count3 {
  right: 0;
}

/* SKILL 4 */
.skill4 {
  width: 95%;
}

.skill4 .skill-count4 {
  right: 0;
}

/*=====================================
<-- Prizes-Loot pop up Css -->
=======================================*/

.confirm-box {
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
}

.message-box {
  background: #fff;
  text-align: center;
  font-family: "Rubik", sans-serif;
  font-size: 22px;
  line-height: 1.5;
  padding: 20px;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  color: #1f212b;
  font-weight: 500;
}

.button-box {
  margin-top: 30px;
}

.yes-button,
.no-button {
  padding: 8px 20px;
  font-size: 16px;
  margin: 0 20px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  color: #fff;
  transition: 0.5s;
}

.yes-button:hover,
.no-button:hover {
  filter: hue-rotate(360deg);
}

.yes-button {
  background: #f15503;
}

.no-button {
  background: #1f212b;
}

/*=====================================
<-- Prizes-Loot Side Bar Css -->
=======================================*/

/*nav button*/
.search-box-btn.search-box-outer {
  display: inline-block;
}

/* .nav-btn.navSidebar-button {
    float: left;
    padding-top: 10px;
} */

.nav-btn.navSidebar-button a i {
  font-size: 18px;
  color: #fff;
  transition: 0.5s;
  cursor: pointer;
}

.xs-sidebar-group .xs-overlay {
  left: 100%;
  top: 0;
  position: fixed;
  z-index: 101;
  height: 100%;
  opacity: 0;
  width: 100%;
  visibility: hidden;
  -webkit-transition: all 0.4s ease-in 0.8s;
  -o-transition: all 0.4s ease-in 0.8s;
  transition: all 0.4s ease-in 0.8s;
}

.xs-sidebar-group .widget-heading {
  position: absolute;
  top: 23px;
  right: 0;
  padding: 25px;
}

.xs-sidebar-widget {
  position: fixed;
  right: -100%;
  top: 0;
  bottom: 0;
  width: 100%;
  max-width: 360px;
  z-index: 999999;
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  background-color: #fff;
  -webkit-transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;
  -o-transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;
  transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;
  visibility: hidden;
  opacity: 0;
}

.xs-sidebar-group.isActive .xs-overlay {
  opacity: 0.5;
  visibility: visible;
  -webkit-transition: all 0.8s ease-out 0s;
  -o-transition: all 0.8s ease-out 0s;
  transition: all 0.8s ease-out 0s;
  left: 0;
}

.xs-sidebar-group.isActive .xs-sidebar-widget {
  opacity: 1;
  visibility: visible;
  right: 0;
  -webkit-transition: all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s;
  -o-transition: all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s;
  transition: all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s;
}

.sidebar-textwidget {
  padding: 40px 32px;
}

.close-side-widget i {
  color: #0e264f;
  font-size: 28px;
  display: block;
}

.sidebar-widget-container {
  position: relative;
  top: 150px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in 0.3s;
  -o-transition: all 0.3s ease-in 0.3s;
  transition: all 0.3s ease-in 0.3s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.xs-sidebar-group.isActive .sidebar-widget-container {
  top: 0px;
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 1s ease-out 1.2s;
  -o-transition: all 1s ease-out 1.2s;
  transition: all 1s ease-out 1.2s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.xs-overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0.5;
  z-index: 0;
}

.xs-bg-black {
  background-color: #f15503;
}

/*html css*/
.nav-logo {
  padding: 0 0 40px;
}

.nav-btn.navSidebar-button a {
  color: #f15503;
}

.sidebar-info-contents .widget-search {
  padding: 0 0 15px;
}

.sidebar-info-contents .widget {
  display: block;
}

.sidebar-info-contents h3.widget-title {
  font-size: 25px;
  padding: 8px 0 20px;
  margin-bottom: 10px;
  border-bottom: 1px solid #e9e9e9;
}

.sidebar-info-contents h3.widget-title {
  font-size: 25px;
  padding: 15px 0 15px;
}

.widget form {
  position: relative;
}

.widget input {
  border-radius: 4px;
  padding-left: 20px;
  height: 56px;
  width: 100%;
  color: #303030;
  border: 1px solid #e9e9e9;
}

button.icon {
  border: 0;
  font-size: 18px;
  color: #fff;
  padding: 1px 15px;
  position: absolute;
  right: 0;
  top: 0;
  height: 56px;
  width: 60px;
  background: #f15503;
  border-radius: 0 4px 4px 0;
}

.recent-gallery ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 10px;
  padding-top: 16px;
}

ul.list-style-one li {
  display: block;
  color: #fff;
  margin: 8px 0;
  overflow: hidden;
}

ul.list-style-one li span {
  font-size: 16px;
  font-weight: 600;
  color: #062462;
  display: inline-block;
  width: 27px;
  height: 27px;
  line-height: 27px;
  text-align: center;
  transition: 0.5s;
}

ul.list-style-one li a {
  transition: 0.5s;
  color: #062462;
}

.widget-gallery-thumb img {
  width: 100%;
  border-radius: 5px;
}

/* Sidber Widget Tags CSS */

.sidebar-tag-item ul li {
  display: inline-block;
  list-style: none;
}

li.item1 {
  padding: 15px 0 0 !important;
}

.sidebar-tag-item a {
  background: #fff;
  padding: 6px 20px;
  display: inline-block;
  margin: 0px 6px 15px 0;
  border: 0;
  font-weight: 500;
  color: #f15503;
  border: 2px solid #f15503;
  transition: 0.5s;
  border-radius: 30px;
  position: relative;
  z-index: 1;
}

.sidebar-tag-item a:before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #f15503;
  color: #fff;
  border: 2px solid #fff;
  border-radius: 30px;
  z-index: -1;
  transform: scale(0);
  transition: 0.5s;
}

.sidebar-tag-item a:hover:before {
  transform: scale(1);
}

.sidebar-tag-item a:hover {
  color: #fff;
}

/* Social Icon */

.follow-company-icon a {
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  background: #f15503;
  border: 1px solid #f15503;
  color: #fff;
  border-radius: 30px;
  transition: 0.5s;
  position: relative;
  z-index: 1;
  margin: 0 4px;
}

.follow-company-icon a:hover {
  color: #000;
}

.follow-company-icon a:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background: #fff;
  transition: 0.5s;
  z-index: -1;
  border-radius: 30px;
  transform: scale(0);
}

.follow-company-icon a:hover:before {
  transform: scale(1);
  filter: hue-rotate(360deg);
}

ul.list-style-one li a:hover span {
  background: #f15503;
  border-radius: 30px;
  color: #fff;
}

ul.list-style-one li a:hover {
  color: #f15503;
}

/* Slick Dots Area /
/ ----------------------------------------------------------------------------------- */

.slick-dots {
  display: flex;
  align-items: center;
  text-align: center;
  gap: 20px;
  position: absolute;
  bottom: -3.5rem;
  left: 50%;
  transform: translateX(-50%);
}

ul.slick-dots li {
  height: 8px;
  width: 8px;
  border: 1px solid #f15503;
  text-align: center;
  border-radius: 20px;
  line-height: 5px;
  font-size: 0;
  position: relative;
  cursor: pointer;
}

ul.slick-dots li.slick-active {
  background: #f15503;
}

ul.slick-dots li:before {
  position: absolute;
  content: "";
  top: -5px;
  left: -5px;
  width: 16px;
  height: 16px;
  border-radius: 20px;
  border: 1px solid #f15503;
}

ul.slick-dots li button {
  display: none;
}

/* Quick View Area /
/ ----------------------------------------------------------------------------------- */
.quickview-product-image-slider {
  width: 100%;
  border: 1px solid #f2f2f2;
}
.single-product-meta {
  margin: 20px 0;
  padding: 0;
  list-style: none;
}

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

.single-product-badge-left span {
  position: absolute;
  left: 20px;
  top: 40px;
  z-index: 1;
  color: #fff;
  background: #f15503;
  padding: 0 10px;
  border-radius: 4px;
  line-height: 24px;
}

.single-product-badge-right {
  position: absolute;
  right: 20px;
  top: 40px;
  z-index: 1;
}

.single-product-badge-right span {
  display: block;
  color: #fff;
  background: #f15503;
  padding: 0 10px;
  border-radius: 4px;
  line-height: 24px;
  margin-bottom: 4px;
  text-align: center;
}

.image-slide img {
  width: 100%;
  border-radius: 5px;
  cursor: grab;
}

.image-slide-btn img {
  width: 120px;
  border-radius: 5px;
  cursor: pointer;
}

.slick-active.slick-center .image-slide-btn img {
  border: 1px solid #f15503;
  padding: 2px;
}

.quick-slider-btn {
  margin-top: 2rem;
}

/* Modal */
.quickview-product-modal .btn-close {
  position: absolute;
  z-index: 3;
  top: 0;
  right: 0;
  padding: 10px;
  -webkit-transform: translateX(40%) translateY(-40%);
  transform: translateX(40%) translateY(-40%);
  border-radius: 50%;
  background-color: #fff;
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
}

.quickview-product-modal .modal-body {
  padding: 30px;
}

/* Single Product Image */
.single-product-image {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10px;
}

.single-product-image-item {
  position: relative;
  border: 1px solid #f2f2f2;
}

/* Single Product Content */
.single-product-title {
  font-size: 30px;
  font-weight: 500;
  margin-bottom: 15px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (max-width: 575px) {
  .single-product-title {
    font-size: 24px;
  }
}

.single-product-price {
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 20px;
  color: #f15503;
  gap: 20px;
}

.single-product-price del {
  font-size: 18px;
  font-weight: 400;
  color: #1f212b;
}

.single-product-meta {
  margin: 20px 0;
  padding: 0;
  list-style: none;
}

.single-product-meta li {
  line-height: 1.4285;
  display: -webkit-box;
  gap: 10px;
}

.single-product-meta li + li {
  margin-top: 10px;
}

.single-product-meta li span.label {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 80px;
  flex: 1 0 80px;
  max-width: 80px;
}

.single-product-meta li span.value {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 7px;
}

.single-product-meta li span.value.links a:not(:last-child)::after {
  content: ",";
}

.single-product-meta li span.value.social a {
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.single-product-text {
  margin-bottom: 20px;
}

.single-product-variations {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-bottom: 20px;
}

.size-value ul li {
  display: inline-block;
  margin: 0 4px;
}

.size-value ul li button {
  height: 26px;
  width: 26px;
  background: #1f212b;
  text-align: center;
  line-height: 26px;
  color: #fff;
  border-radius: 2px;
  transition: 0.5s;
  cursor: pointer;
  font-size: 14px;
}

.size-value ul li button.active {
  background: #f15503;
}

.color-value ul li {
  display: inline-block;
  margin: 0 4px;
}

.color-value ul li button {
  height: 32px;
  width: 32px;
  line-height: 32px;
  text-align: center;
  border-radius: 22px;
  transition: 0.5s;
}

.color-value ul li:nth-child(1) button {
  background: purple;
}

.color-value ul li:nth-child(2) button {
  background: blue;
}

.color-value ul li:nth-child(3) button {
  background: chocolate;
}

.color-value ul li:nth-child(4) button {
  background: red;
}

.color-value ul li:nth-child(5) button {
  background: palevioletred;
}

.color-value ul li button i {
  color: #fff;
  font-size: 20px;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
}

.color-value ul li button.active i {
  opacity: 1;
  visibility: visible;
}

.metarial-value ul li {
  display: inline-block;
}

.metarial-value ul li button {
  transition: 0.5s;
  color: #1f212b;
}

.metarial-value ul li button.active {
  color: #f15503;
}

.single-product-additional-information {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 30px;
  gap: 30px;
}

.single-product-additional-information .single-product-info-btn {
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 5px 0;
  border: none;
  background-color: transparent;
  gap: 8px;
}

.single-product-additional-information .single-product-info-btn:hover {
  color: #f15503;
}

.single-product-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 30px;
  gap: 10px;
  align-items: center;
}

.single-product-actions-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.single-product-buy-now {
  margin-bottom: 30px;
}

.single-product-buy-now .btn {
  width: 100%;
  max-width: 340px;
}

.single-product-safe-payment p {
  margin-bottom: 5px;
  color: #616161;
}

.single-product-safe-payment li {
  display: inline-block;
  margin-right: 8px;
  height: 30px;
  width: 38px;
  background: #1f212b;
  font-size: 28px;
  text-align: center;
  line-height: 30px;
  border-radius: 4px;
  color: #fff;
}

/* Product Variation Size */
.single-product-variation-size-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 7px;
}

.single-product-variation-size-item {
  position: relative;
}

.single-product-variation-size-item input:checked ~ label {
  color: #fff;
  background-color: #f15503;
}

.single-product-variation-size-item label {
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  cursor: pointer;
  -webkit-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  text-transform: uppercase;
  background-color: #888a8d;
}

/* Product Variation Color */
.single-product-variation-color-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px;
}

.single-product-variation-color-item {
  position: relative;
}

.single-product-variation-color-item input:checked ~ label {
  position: relative;
}

.single-product-variation-color-item input:checked ~ label {
  position: absolute;
  content: "\F272";
  top: 50%;
  left: 0;
  text-align: center;
  transform: translateX(-50%);
  font-weight: 900;
  transform: translate3d();
}

.single-product-variation-color-item label {
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  cursor: pointer;
  -webkit-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  text-indent: -99999px;
  text-transform: uppercase;
  border-radius: 50%;
  background-color: #eff1f4;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 16px;
}

/* Product Variation Material */
.single-product-variation-material-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 15px;
}

.single-product-variation-material-item {
  position: relative;
}

.single-product-variation-material-item input:checked ~ label {
  color: #1f2226;
}

.single-product-variation-material-item label {
  font-weight: 700;
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  -webkit-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  text-transform: capitalize;
  color: rgba(51, 51, 51, 0.65);
}

/* Single Product Description Area */
.single-product-description-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 80px;
  padding: 30px;
  border: 1px solid #e5e5e5;
}

@media only screen and (max-width: 767px) {
  .single-product-description-area {
    margin-top: 60px;
  }
}

@media only screen and (max-width: 575px) {
  .single-product-description-area {
    padding: 20px;
  }
}

.single-product-description-area-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 30px;
  gap: 30px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-product-description-area-nav {
    gap: 25px;
  }
}

@media only screen and (max-width: 767px) {
  .single-product-description-area-nav {
    gap: 20px;
  }
}

@media only screen and (max-width: 575px) {
  .single-product-description-area-nav {
    gap: 15px;
  }
}

.single-product-description-area-nav button {
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
  position: relative;
  padding: 0;
  padding-bottom: 10px;
  border: none;
  background-color: transparent;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (max-width: 767px) {
  .single-product-description-area-nav button {
    font-size: 16px;
  }
}

@media only screen and (max-width: 575px) {
  .single-product-description-area-nav button {
    padding-bottom: 5px;
  }
}

.single-product-description-area-nav button::before {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0;
  height: 2px;
  content: "";
  -webkit-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  background-color: #f15503;
}

.single-product-description-area-nav button.active::before,
.single-product-description-area-nav button:hover::before {
  right: auto;
  left: 0;
  width: 100%;
}

.single-product-description-area .block-title-2 {
  padding-bottom: 0;
  border-bottom: none;
}

/* Product Quantity */
.product-quantity-count {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: 0;
  border: 1px solid #e5e5e5;
}

.product-quantity-count input {
  margin: 0;
}

.product-quantity-count .product-quantity-box {
  line-height: 1;
  width: 30px;
  text-align: center;
  border: none;
  background-color: transparent;
}

.product-quantity-count input:focus {
  border: 0 !important;
  outline: 0 !important;
}

.product-quantity-count .qty-btn {
  font-size: 20px;
  line-height: 1;
  width: 30px;
  padding: 10px;
  text-align: center;
  border: none;
  background-color: transparent;
}

.product-quantity-count .qty-btn:hover {
  color: #f15503;
}

span.value.links a {
  color: #303030;
}

button.reaction-btn,
.reset-btn {
  border-radius: 3px;
  display: inline-block;
  width: 54px;
  height: 54px;
  background: #f9fafb;
  position: relative;
  z-index: 1;
  overflow: hidden;
  transition: 0.5s;
}

button.reaction-btn::before,
button.reset-btn::before {
  position: absolute;
  content: "";
  z-index: -1;
  right: 0;
  top: 0;
  width: 0;
  height: 100%;
  background: #f15503;
  transition: 0.5s;
}

button.reaction-btn:hover::before,
button.reset-btn:hover::before {
  left: 0;
  width: 100%;
}

button.reaction-btn:hover,
button.reset-btn:hover {
  color: #fff;
}

.product-action-btn {
  line-height: 1;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0;
  border: none;
  background-color: transparent;
}

.product-action-btn[data-tooltip-text]::before {
  font-size: 10px;
  line-height: 1;
  position: absolute;
  z-index: 3;
  top: 0;
  left: 50%;
  visibility: hidden;
  padding: 5px 10px;
  content: attr(data-tooltip-text);
  cursor: default;
  -webkit-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
  opacity: 0;
  color: #fffefe;
  border-radius: 50px;
  background-color: #00000066;
}

.product-action-btn:hover {
  color: #f15503;
}

.product-action-btn:hover[data-tooltip-text]::before {
  top: -25px;
  visibility: visible;
  opacity: 1;
}

@media only screen and (max-width: 767px) {
  .product-action-btn i {
    font-size: 16px;
  }
}

@media only screen and (max-width: 575px) {
  .product-action-btn i {
    font-size: 20px;
  }
}

/*===========================
<-- Prizes-Loot Sent Btn Css -->
=============================*/
.app button {
  cursor: pointer;
  position: relative;
  width: 240px;
  background: linear-gradient(90deg, #f15402 0%, #fb8f52 100%);
  padding: 13px 25px;
  text-align: center;
  border-radius: 40px;
  transition: 0.3s ease background, 0.3s ease box-shadow;
  padding-left: 10px;
}

.message {
  font-size: 18px;
  color: #fff;
  line-height: 1;
  text-align: center;
  border-radius: 40px;
  transition: 0.3s ease background, 0.3s ease box-shadow;
  padding-left: 10px;
}

.send_btn {
  position: absolute;
  top: 0;
  right: 20px;
  font-size: 20px;
  line-height: 1;
  color: #fff;
  padding: 18px 12px;
  cursor: pointer;
  transition: 0.3s ease transform;
}

.send_btn.sending {
  transform: rotateZ(-0deg);
  animation: shake 0.3s ease 0.5s infinite;
}

@keyframes shake {
  10%,
  90% {
    transform: translate3d(-1px, 0, 0) rotateZ(-0deg);
  }
  20%,
  80% {
    transform: translate3d(1px, 0, 0) rotateZ(-0deg);
  }
  30%,
  50%,
  70% {
    transform: translate3d(-1px, 0, 0) rotateZ(-0deg);
  }
  40%,
  60% {
    transform: translate3d(1px, 0, 0) rotateZ(-0deg);
  }
}

#message.sent {
  background-color: #02c0bc;
  box-shadow: 0 20px 30px -6px #02c0bc;
}

.send_btn.sent {
  transform: rotateZ(-45deg);
  animation: moveUp 1s ease 0s forwards;
}
@keyframes moveUp {
  0% {
    margin-top: 0;
    margin-right: 0;
    transform: scale(1) rotateZ(-0deg);
  }
  100% {
    color: #ff1f5a;
    margin-right: -100px;
    margin-top: -100px;
    transform: scale(0) rotateZ(-0deg);
  }
}

/*===========================
<-- Prizes-Loot Loader Css -->
=============================*/

/* PRELOADER CSS */
.loading-screen {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: default;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 1000;
}

.loading-screen .bar {
  position: absolute;
  height: 100%;
  width: 50%;
  background-color: #f15503;
}

.loading-screen .top-bar {
  top: 0;
  left: 0;
  right: auto;
  bottom: auto;
}

.loading-screen .down-bar {
  bottom: 0;
  top: auto;
  right: 0;
  left: auto;
}

.loading-screen .animation-preloader {
  z-index: 1000;
  position: relative;
}

.loading-screen .animation-preloader .spinner {
  -webkit-animation: spinner 1s infinite linear;
  animation: spinner 1s infinite linear;
  border-radius: 50%;
  border: 4px dotted #e2dfdd;
  border-top: #1f212b;
  width: 150px;
  height: 150px;
  margin: 0 auto 3.5em auto;
  mix-blend-mode: difference;
}

.loading-screen .animation-preloader .txt-loading {
  font: bold 5em "Rubik", sans-serif;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.loading-screen .animation-preloader .txt-loading .letters-loading {
  color: #fff ;
  position: relative;
}

.loading-screen .animation-preloader .txt-loading .letters-loading:before {
  -webkit-animation: letters-loading 4s infinite;
  animation: letters-loading 4s infinite;
  color: #02c0bc;
  content: attr(data-text-preloader);
  left: 0;
  opacity: 0;
  font-family: "Rubik", sans-serif;
  position: absolute;
  top: -3px;
  -webkit-transform: rotateY(-90deg);
  transform: rotateY(-90deg);
}

.loading-screen
  .animation-preloader
  .txt-loading
  .letters-loading:nth-child(2):before {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

.loading-screen
  .animation-preloader
  .txt-loading
  .letters-loading:nth-child(3):before {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

.loading-screen
  .animation-preloader
  .txt-loading
  .letters-loading:nth-child(4):before {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}

.loading-screen
  .animation-preloader
  .txt-loading
  .letters-loading:nth-child(5):before {
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
}

.loading-screen
  .animation-preloader
  .txt-loading
  .letters-loading:nth-child(6):before {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.loading-screen
  .animation-preloader
  .txt-loading
  .letters-loading:nth-child(7):before {
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s;
}

.loading-screen
  .animation-preloader
  .txt-loading
  .letters-loading:nth-child(8):before {
  -webkit-animation-delay: 1.4s;
  animation-delay: 1.4s;
}

@-webkit-keyframes spinner {
  to {
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}

@keyframes spinner {
  to {
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}

@-webkit-keyframes letters-loading {
  0%,
  75%,
  100% {
    opacity: 0;
    -webkit-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
  }

  25%,
  50% {
    opacity: 1;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
}

@keyframes letters-loading {
  0%,
  75%,
  100% {
    opacity: 0;
    -webkit-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
  }

  25%,
  50% {
    opacity: 1;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
}

@media screen and (max-width: 767px) {
  .loading-screen .animation-preloader .spinner {
    height: 8em;
    width: 8em;
  }

  .loading-screen .animation-preloader .txt-loading {
    font: bold 3.5em "Rubik", sans-serif;
  }
}

@media screen and (max-width: 500px) {
  .loading-screen .animation-preloader .spinner {
    height: 7em;
    width: 7em;
  }

  .loading-screen .animation-preloader .txt-loading {
    font: bold 2em "Rubik", sans-serif;
  }
}

.loader {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 75px);
}

.load {
  position: relative;
}

.load:before, .load:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 0.5em;
  height: 0.5em;
  border-radius: 0.25em;
  transform: translate(-50%, -50%);
}
.load:before {
  animation: before 2s infinite;
}
.load:after {
  animation: after 2s infinite;
}

@keyframes before {
  0% {
    width: 0.5em;
    box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75);
  }
  35% {
    width: 2.5em;
    box-shadow: 0 -0.5em rgba(225, 20, 98, 0.75), 0 0.5em rgba(111, 202, 220, 0.75);
  }
  70% {
    width: 0.5em;
    box-shadow: -1em -0.5em rgba(225, 20, 98, 0.75), 1em 0.5em rgba(111, 202, 220, 0.75);
  }
  100% {
    box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75);
  }
}
@keyframes after {
  0% {
    height: 0.5em;
    box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75);
  }
  35% {
    height: 2.5em;
    box-shadow: 0.5em 0 rgba(61, 184, 143, 0.75), -0.5em 0 rgba(233, 169, 32, 0.75);
  }
  70% {
    height: 0.5em;
    box-shadow: 0.5em -1em rgba(61, 184, 143, 0.75), -0.5em 1em rgba(233, 169, 32, 0.75);
  }
  100% {
    box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75);
  }
}

/*
<!-- ============================================================== -->
<!--Scrollup Button Section -->
<!-- ============================================================== -->*/

/*------back-to-top------------*/

.prgoress_indicator {
  position: fixed;
  right: 50px;
  bottom: 20px;
  height: 46px;
  width: 46px;
  cursor: pointer;
  display: block;
  border-radius: 50px;
  box-shadow: inset 0 0 0 2px rgba(24, 24, 24, 0.2);
  z-index: 10000;
  opacity: 0;
  visibility: hidden;
  transform: translateY(15px) !important;
  transition: all 200ms linear !important;
}

.prgoress_indicator.active-progress {
  opacity: 1;
  visibility: visible;
  transform: translateY(0) !important;
  background: transparent;
}

.prgoress_indicator::after {
  position: absolute;
  content: "\f106";
  font-family: "Font Awesome 5 Free";
  text-align: center;
  line-height: 46px;
  font-size: 18px;
  color: #f15503;
  left: 0;
  top: 0;
  height: 46px;
  width: 46px;
  cursor: pointer;
  display: block;
  font-weight: 900;
  z-index: 1;
  transition: all 200ms linear !important;
}

.prgoress_indicator::before {
  position: absolute;
  content: "\f106";
  font-family: "Font Awesome 5 Free";
  text-align: center;
  line-height: 46px;
  font-size: 18px;
  font-weight: 900;
  opacity: 0;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  left: 0;
  top: 0;
  height: 46px;
  width: 46px;
  cursor: pointer;
  display: block;
  z-index: 2;
  transition: all 200ms linear !important;
}

.prgoress_indicator:hover ::after {
  color: #2871ff;
}

.prgoress_indicator:hover ::before {
  opacity: 1;
}

.prgoress_indicator svg path {
  fill: none;
}

.prgoress_indicator svg.progress-circle path {
  stroke: #f15503;
  stroke-width: 4;
  box-sizing: border-box;
  transition: all 200ms linear !important;
}

/* curser Animation */

.curser {
  position: fixed;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  background: #ffffff;
  border-radius: 50%;
  mix-blend-mode: difference;
  pointer-events: none;
  transform: translate(-50%, -50%);
  z-index: 999;
  transition: 0.2s;
}

.curser2 {
  position: fixed;
  top: 0;
  left: 0;
  width: 8px;
  height: 8px;
  background: #ffffff;
  border-radius: 50%;
  mix-blend-mode: difference;
  pointer-events: none;
  transform: translate(-50%, -0%);
  z-index: 9999;
  transition: 0.1s;
}

/* curser Animation */

/*<!-- ============================================================== -->
 <!-- Prizes-Loot animation start here -->
<!-- ============================================================== -->*/

@keyframes loader {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}

@keyframes zoomIn {
  from {
    -webkit-transform: scale(0.7) translateY(100px);
    transform: scale(0.7) translateY(100px);
    opacity: 0;
  }
  to {
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
    opacity: 1;
  }
}

@keyframes ZoomIn {
  from {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    opacity: 0;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes FadeInUp {
  from {
    -webkit-transform: translateY(10%);
    transform: translateY(10%);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
  }
}

@keyframes rotate {
  0% {
    transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
    -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
  }
  100% {
    transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
    -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
  }
}

@keyframes rotate2 {
  0% {
    transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
    -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
  }
  100% {
    transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
    -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
  }
}

@keyframes rotate3 {
  0% {
    transform: rotateX(-150deg) rotateY(-235deg) rotateZ(0deg);
    -webkit-transform: rotateX(-150deg) rotateY(-235deg) rotateZ(0deg);
  }

  100% {
    transform: rotateX(-150deg) rotateY(-235deg) rotateZ(360deg);
    -webkit-transform: rotateX(-150deg) rotateY(-235deg) rotateZ(360deg);
  }
}

@keyframes rotate4 {
  0% {
    transform: rotateX(220deg) rotateY(20deg) rotateZ(0deg);
    -webkit-transform: rotateX(220deg) rotateY(20deg) rotateZ(0deg);
  }

  100% {
    transform: rotateX(220deg) rotateY(20deg) rotateZ(360deg);
    -webkit-transform: rotateX(220deg) rotateY(20deg) rotateZ(360deg);
  }
}

@keyframes ripple {
  0%,
  35% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }

  50% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0.8;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
  }
}

@keyframes movebounce {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }

  50% {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@keyframes moveleftbounce {
  0% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }

  50% {
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
}

@-webkit-keyframes play-btn {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(254, 254, 254, 0.3),
      0 0 0 10px rgba(254, 254, 254, 0.3), 0 0 0 20px rgba(254, 254, 254, 0.3);
    box-shadow: 0 0 0 0 rgba(254, 254, 254, 0.3),
      0 0 0 10px rgba(254, 254, 254, 0.3), 0 0 0 20px rgba(254, 254, 254, 0.3);
  }
  100% {
    -webkit-box-shadow: 0 0 0 10px rgba(254, 254, 254, 0.3),
      0 0 0 20px rgba(254, 254, 254, 0.3), 0 0 0 30px rgba(254, 254, 254, 0);
    box-shadow: 0 0 0 10px rgba(254, 254, 254, 0.3),
      0 0 0 20px rgba(254, 254, 254, 0.3), 0 0 0 30px rgba(254, 254, 254, 0);
  }
}

@keyframes play-btn {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(254, 254, 254, 0.3),
      0 0 0 10px rgba(254, 254, 254, 0.3), 0 0 0 20px rgba(254, 254, 254, 0.3);
    box-shadow: 0 0 0 0 rgba(254, 254, 254, 0.3),
      0 0 0 10px rgba(254, 254, 254, 0.3), 0 0 0 20px rgba(254, 254, 254, 0.3);
  }
  100% {
    -webkit-box-shadow: 0 0 0 10px rgba(254, 254, 254, 0.3),
      0 0 0 20px rgba(254, 254, 254, 0.3), 0 0 0 30px rgba(254, 254, 254, 0);
    box-shadow: 0 0 0 10px rgba(254, 254, 254, 0.3),
      0 0 0 20px rgba(254, 254, 254, 0.3), 0 0 0 30px rgba(254, 254, 254, 0);
  }
}

@-webkit-keyframes shine {
  100% {
    left: 100%;
  }
}

@keyframes shine {
  100% {
    left: 100%;
  }
}

.dance {
  -webkit-animation: dance 2s alternate infinite;
  animation: dance 2s alternate infinite;
}

@keyframes dance {
  0% {
    -webkit-transform: scale(0.5);
  }

  100% {
    -webkit-transform: scale(1);
  }
}

@keyframes Dance {
  0% {
    -webkit-transform: translateY(0px);
  }

  50% {
    -webkit-transform: translateY(25px);
  }

  100% {
    -webkit-transform: translateX(0px);
  }
}

.dance2 {
  -webkit-animation: dance2 4s alternate infinite;
  animation: dance2 4s alternate infinite;
}

@keyframes dance2 {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
  }

  50% {
    -webkit-transform: translate3d(25px, -25px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, -25px, 25px);
  }
}

@keyframes Rotateme {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes rotateme {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes Ripple {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
  50% {
    transform: scale(3);
    -webkit-transform: scale(3);
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-moz-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes lqt {
  0%,
  100% {
    background-image: linear-gradient(#ff3d00 40px, transparent 0);
    background-position: 0% 0px;
  }
  50% {
    background-image: linear-gradient(#ff3d00 40px, transparent 0);
    background-position: 0% 40px;
  }
  50.1% {
    background-image: linear-gradient(#ff3d00 40px, transparent 0);
    background-position: 0% -40px;
  }
}

@keyframes lqb {
  0% {
    background-image: linear-gradient(#ff3d00 40px, transparent 0);
    background-position: 0 40px;
  }
  100% {
    background-image: linear-gradient(#ff3d00 40px, transparent 0);
    background-position: 0 -40px;
  }
}

@keyframes spinx {
  0%,
  49% {
    transform: rotate(0deg);
    background-position: 50% 36px;
  }
  51%,
  98% {
    transform: rotate(180deg);
    background-position: 50% 4px;
  }
  100% {
    transform: rotate(360deg);
    background-position: 50% 36px;
  }
}