*, *:before, *:after {
  box-sizing: border-box;
}

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

.dewcontainer-mob {
  width: 100%;
  overflow: hidden;
}


@media only screen and (min-width: 480px) {

  .dewcontainer-mob .menu-btn {
    transform: scale(0.8);
  width: 80px;
  height: 80px;
  position: fixed;
  z-index: 98988989 !important;
  top: 20px;
  margin: auto;
  right: 35px;
  cursor: pointer;
  transition: transform 0.5s ease-in-out;
}

.dewcontainer-mob .menu-btn.focus{
  transform: scale(0.8);
width: 80px;
height: 80px;
position: fixed;
z-index: 98988989 !important;
top: 5px;
margin: auto;
right: 35px;
cursor: pointer;
transition: transform 0.5s ease-in-out;
}


}

@media only screen and (max-width: 479px) {
  .dewcontainer-mob .menu-btn {
    transform: scale(0.7);
    width: 50px;
    height: 50px;
    position: fixed;
    z-index: 3123123 !important;
    display: block !important;
    top: 3px;
    margin: auto;
    right: 5px;
    cursor: pointer;
    transition: transform 0.3s ease-in-out;
}

.dewcontainer-mob .menu-btn.focus {
  transform: scale(0.7);
  width: 80px;
  height: 80px;
  position: fixed;
  z-index: 98988989 !important;
  top: -10px;
  margin: auto;
  right: 10px;
  cursor: pointer;
  transition: transform 0.3s ease-in-out;
}
}




.dewcontainer-mob .menu-btn span {
  transform: scale(1);
  margin: auto;
  left: -3px;
  right: 3px;
  background-color: #fff;
}




.dewcontainer-mob .menu-btn.active {
  transform: scale(0.7);
  transition: transform 0.5s ease-in-out;

}


.dewcontainer-mob .menu-btn.active span {
  margin: auto;
  left: 0px;
  right: 0px;
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
  background-color: #fff;

}


.dewcontainer-mob .menu-btn span.mid {
  opacity: 0;
  background-color: #fff;
  left: 11.25px;
}

.dewcontainer-mob .menu-btn.active span.top {
  transform: rotate(45deg);
  transform-origin: left center;
  top:24px;
  background-color: #fff;
  left: 11.25px;
}
.dewcontainer-mob .menu-btn.active span.mid {
  opacity: 0;
  background-color: #fff;
  left: 11.25px;
}
.dewcontainer-mob .menu-btn.active span.bot {
  transform: rotate(-45deg);
  transform-origin: left center;
  top: 52px;
  left: 11.25px;
  background-color: #fff;
}
.dewcontainer-mob .menu-btn span {
  display: block;
  width: 40px;
  height: 3px;
  background-color: #fff;
  position: absolute;
  top: 35px;
  left: 5px;
  transition: background-color 0.3s ease-in-out;
}

.dewcontainer-mob .menu-btn.focus span {
  display: block;
  width: 40px;
  height: 3px;
  background-color: #fff;
  position: absolute;
  top: 35px;
  left: 5px;
  transition: background-color 0.3s ease-in-out;
}

.dewcontainer-mob .menu-btn span.top {
  top: 23px;
}
.dewcontainer-mob .menu-btn span.bot {
  top: 37px;
}
.dewcontainer-mob #nav {
  opacity: 0;
  padding: 50px;
  z-index: -1;
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
}


.dewcontainer-mob #nav.leftslide {
  transform: translate3d(2000px, 0px, 0px);
  width: 100%;
  height: 100vh;
  position: fixed;
  z-index: 989889 !important;
  top: 0px;
  left: 0px;
  margin: auto;

}
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
  
.dewcontainer-mob #nav.leftslide {
  transform: translate3d(-1000px, 0px, 0px);
  width: 83%;
  height: 100vh;
  position: fixed;
  z-index: 989889 !important;
  top: 0px;
  bottom:0px;
  left: 0px;
  margin: auto;
  overflow: auto;
}

}




.leftslide-bg{
  -webkit-transition: all 0.2s ease-in-out;
  background-color: rgba(0,0,0,0.8);
  backdrop-filter: blur(20px); 
  -webkit-backdrop-filter: blur(20px);
  overflow: auto;
  border-right: 1px solid rgba(0,0,0,0.08);
}

.leftslide-bg.focus{
  -webkit-transition: all 0.2s ease-in-out;
  background-color: rgba(0,0,0,0.8);
  backdrop-filter: blur(20px); 
  -webkit-backdrop-filter: blur(20px);
}

.dewcontainer-mob #nav.fadein {
  width: 100%;
  height: 100vh;
  backdrop-filter: blur(15px); 
    -webkit-backdrop-filter: blur(15px);
    background-color: rgba(0,0,0,0.4);
  position: fixed;
  top: 0;
  right: 0;
  text-align: center;
}
.dewcontainer-mob #nav.topslide {
  width: 100%;
  height: 100vh;
  background-color: #ffffff;
  position: fixed;
  top: 0;
  right: 0;
  transform: translate3d(0px, 0px, 0px);
  text-align: center;
}
.dewcontainer-mob #nav.pushslide {
  width: 250px;
  height: 100vh;
  background-color: #ffffff;
  position: fixed;
  top: 0;
  right: 0;
  transform: translate3d(0px, 0px, 0px);
}
.dewcontainer-mob #nav.open {
  transform: translate3d(0px, 0px, 0px);
  opacity: 1;
  z-index: 5;
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.dewcontainer-mob #nav.open .nav-inner li {
  animation: fadeInRight 0.4s ease forwards;
  animation-delay: 0.3s;
}
.dewcontainer-mob #nav.open .nav-inner li:nth-of-type(1) {
  animation-delay: 0.35s;
}
.dewcontainer-mob #nav.open .nav-inner li:nth-of-type(2) {
  animation-delay: 0.4s;
}
.dewcontainer-mob #nav.open .nav-inner li:nth-of-type(3) {
  animation-delay: 0.45s;
}
.dewcontainer-mob #nav.open .nav-inner li:nth-of-type(4) {
  animation-delay: 0.5s;
}
.dewcontainer-mob #nav.open .nav-inner li:nth-of-type(5) {
  animation-delay: 0.55s;
}
.dewcontainer-mob #nav .nav-inner li {
  position: relative;
  margin-bottom: 10px;
  opacity: 0;
  transition: transform 0.3s ease-in-out;
}
.dewcontainer-mob #nav .nav-inner li a {
  display: inline-block;
  height: 100%;
  text-decoration: none;
  color: rgba(255,255,255,1);
  font-size: 1.3em;
  letter-spacing: 1px;
  font-weight: 500;
  padding: 6px 12px;
  transition: 0.2s;
  font-family: 'Arsenal', sans-serif;
}


.dewcontainer-mob #nav .nav-inner li a:before {
  content: "";
  position: absolute;
  left: -10px;
  top: 50%;
  display: block;
  width: 8px;
  height: 8px;
  opacity: 0;
  transition: 0.2s;
}
.dewcontainer-mob #nav .nav-inner li a:hover {
  color: #e4c61b;

  transition: 0.2s;

}
.dewcontainer-mob #nav .nav-inner li a:hover:before {
  content: "";
  left: -15px;
  opacity: 1;
}
.dewcontainer-mob #style-box {
  width: 100%;
  height: 100vh;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA4MDAgODIzLjQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDgwMCA4MjMuNDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiM0MDQxNEI7fQo8L3N0eWxlPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNTUuMiwxNjljLTAuNCwwLTAuOCwwLTEuMi0wLjFjLTIuMy0wLjMtNC4zLTEuNS01LjctMy4zbC04LjktMTEuN2MtMS40LTEuOC0yLTQuMS0xLjctNi4zCgljMC4zLTIuMywxLjUtNC4zLDMuMy01LjdsMTEuNy04LjljMS44LTEuNCw0LjEtMiw2LjMtMS43YzIuMywwLjMsNC4zLDEuNSw1LjcsMy4zbDguOSwxMS43YzEuNCwxLjgsMiw0LjEsMS43LDYuMwoJYy0wLjMsMi4zLTEuNSw0LjMtMy4zLDUuN2wtMTEuNyw4LjlDNTguOSwxNjguNCw1Ny4xLDE2OSw1NS4yLDE2OXogTTU4LDEzNy4yYy0wLjYsMC0xLjEsMC4yLTEuNiwwLjVsLTExLjcsOC45CgljLTAuNSwwLjQtMC45LDEtMSwxLjdjLTAuMSwwLjcsMC4xLDEuNCwwLjUsMS45bDguOSwxMS43YzAuNCwwLjUsMSwwLjksMS43LDFjMC43LDAuMSwxLjQtMC4xLDEuOS0wLjVsMTEuNy04LjlsMCwwCgljMC41LTAuNCwwLjktMSwxLTEuN3MtMC4xLTEuNC0wLjUtMS45TDYwLDEzOC4yYy0wLjQtMC41LTEtMC45LTEuNy0xQzU4LjIsMTM3LjIsNTguMSwxMzcuMiw1OCwxMzcuMnoiLz4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTYwNC43LDUzMi4yYy0wLjUsMC0xLjEtMC4xLTEuNi0wLjJsMCwwbC0xNC41LTIuOGMtNC42LTAuOS03LjctNS40LTYuOC0xMGwyLjgtMTQuNWMwLjktNC42LDUuNC03LjcsMTAtNi44CglsMTQuNSwyLjhjMi4yLDAuNCw0LjIsMS43LDUuNSwzLjZjMS4zLDEuOSwxLjgsNC4yLDEuMyw2LjRsLTIuOCwxNC41Yy0wLjQsMi4yLTEuNyw0LjItMy42LDUuNUM2MDgsNTMxLjcsNjA2LjQsNTMyLjIsNjA0LjcsNTMyLjJ6CgkgTTYwNC4yLDUyNi4xYzAuNywwLjEsMS40LDAsMS45LTAuNGMwLjYtMC40LDEtMSwxLjEtMS42bDIuOC0xNC41YzAuMS0wLjcsMC0xLjQtMC40LTEuOWMtMC40LTAuNi0xLTEtMS42LTEuMWwtMTQuNS0yLjgKCWMtMS40LTAuMy0yLjcsMC42LTMsMmwtMi44LDE0LjVjLTAuMywxLjQsMC42LDIuNywyLDNMNjA0LjIsNTI2LjF6Ii8+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMDEuNyw2MDEuOWMtMS43LDAtMy40LTAuNS00LjktMS42Yy0xLjktMS4zLTMuMS0zLjMtMy41LTUuNUw4OCw1NjQuN2MtMC44LTQuNywyLjMtOS4xLDctOS45bDcuNi0xLjMKCWMyLjMtMC40LDQuNSwwLjEsNi40LDEuNGMxLjksMS4zLDMuMSwzLjMsMy41LDUuNWw1LjMsMzAuMWMwLjgsNC43LTIuMyw5LjEtNyw5LjloMGwtNy42LDEuM0MxMDIuNyw2MDEuOCwxMDIuMiw2MDEuOSwxMDEuNyw2MDEuOXoKCSBNMTEwLjMsNTk3LjVMMTEwLjMsNTk3LjVMMTEwLjMsNTk3LjV6IE0xMDQsNTU5LjNjLTAuMSwwLTAuMywwLTAuNSwwbC03LjYsMS4zYy0xLjQsMC4yLTIuMywxLjYtMi4xLDNsNS4zLDMwLjEKCWMwLjEsMC43LDAuNSwxLjMsMS4xLDEuN2MwLjYsMC40LDEuMiwwLjUsMS45LDAuNGw3LjYtMS4zYzEuNC0wLjIsMi4zLTEuNiwyLjEtM2wtNS4zLTMwLjFjLTAuMS0wLjctMC41LTEuMy0xLjEtMS43CglDMTA1LjEsNTU5LjUsMTA0LjUsNTU5LjMsMTA0LDU1OS4zeiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNzIwLDc0Ny41Yy03LjcsMC0xMy45LTYuMy0xMy45LTEzLjlzNi4zLTEzLjksMTMuOS0xMy45czEzLjksNi4zLDEzLjksMTMuOVM3MjcuNyw3NDcuNSw3MjAsNzQ3LjV6CgkgTTcyMCw3MjUuNmMtNC40LDAtNy45LDMuNi03LjksNy45czMuNiw3LjksNy45LDcuOXM3LjktMy42LDcuOS03LjlTNzI0LjQsNzI1LjYsNzIwLDcyNS42eiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjcxLjUsODIuMmMtMTIuMiwwLTIyLTkuOS0yMi0yMnM5LjktMjIsMjItMjJzMjIsOS45LDIyLDIyUzI4My42LDgyLjIsMjcxLjUsODIuMnogTTI3MS41LDQ0LjEKCWMtOC44LDAtMTYsNy4yLTE2LDE2YzAsOC44LDcuMiwxNiwxNiwxNmM4LjgsMCwxNi03LjIsMTYtMTZDMjg3LjUsNTEuMywyODAuMyw0NC4xLDI3MS41LDQ0LjF6Ii8+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik03NTMuMiwzNjQuMWMtMS4zLDAtMi40LTAuOC0yLjktMi4xYy0zLjctMTEuNCwyLjUtMjMuOCwxNC0yNy41YzExLjQtMy43LDIzLjgsMi41LDI3LjUsMTQKCWMwLjUsMS42LTAuMywzLjMtMS45LDMuOGMtMS42LDAuNS0zLjMtMC4zLTMuOC0xLjljLTIuNy04LjMtMTEuNi0xMi44LTE5LjktMTAuMWMtOC4zLDIuNy0xMi44LDExLjYtMTAuMSwxOS45CgljMC41LDEuNi0wLjMsMy4zLTEuOSwzLjhDNzUzLjksMzY0LDc1My42LDM2NC4xLDc1My4yLDM2NC4xeiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjUzLjQsNzE1LjZjLTAuNiwwLTEuMy0wLjItMS44LTAuNmMtMS4zLTEtMS42LTIuOS0wLjYtNC4yYzIuNS0zLjQsMy42LTcuNSwzLTExLjdjLTAuNi00LjItMi44LTcuOS02LjItMTAuNAoJYy0zLjQtMi41LTcuNS0zLjYtMTEuNy0zYy00LjIsMC42LTcuOSwyLjgtMTAuNCw2LjJjLTEsMS4zLTIuOSwxLjYtNC4yLDAuNmMtMS4zLTEtMS42LTIuOS0wLjYtNC4yYzMuNS00LjcsOC42LTcuNywxNC40LTguNQoJYzUuOC0wLjgsMTEuNSwwLjcsMTYuMiw0LjJjNC43LDMuNSw3LjcsOC42LDguNSwxNC40YzAuOCw1LjgtMC43LDExLjUtNC4yLDE2LjJDMjU1LjIsNzE1LjIsMjU0LjMsNzE1LjYsMjUzLjQsNzE1LjZ6Ii8+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00NzMuNCwzMDEuMWMtMC45LDAtMS44LTAuNC0yLjMtMS4xbC0xOC45LTIzLjdjLTAuOC0wLjktMC45LTIuMy0wLjMtMy4zbDE0LjYtMjYuNWMwLjUtMC45LDEuNC0xLjUsMi40LTEuNQoJYzEtMC4xLDIsMC4zLDIuNiwxLjFsMTguOSwyMy43YzAuOCwwLjksMC45LDIuMywwLjMsMy4zbC0xNC42LDI2LjVjLTAuNSwwLjktMS40LDEuNS0yLjQsMS41QzQ3My42LDMwMS4xLDQ3My41LDMwMS4xLDQ3My40LDMwMS4xegoJIE00NTguMiwyNzQuMWwxNC44LDE4LjZsMTEuNS0yMC44bC0xNC44LTE4LjZMNDU4LjIsMjc0LjF6Ii8+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNTAuMywzNTguN2MtMC41LDAtMC45LTAuMS0xLjQtMC4zYy0xLjEtMC42LTEuNy0xLjctMS42LTNsNC00Mi43YzAuMS0xLDAuNy0xLjksMS42LTIuNAoJYzAuOS0wLjUsMS45LTAuNSwyLjgsMGwyOCwxNC43YzAuOSwwLjUsMS41LDEuMywxLjYsMi4zYzAuMSwxLTAuMywyLTEsMi42bC0zMiwyOEMxNTEuOCwzNTguNSwxNTEsMzU4LjcsMTUwLjMsMzU4Ljd6IE0xNTYuOSwzMTcuOAoJbC0yLjksMzAuN2wyMy0yMC4yTDE1Ni45LDMxNy44eiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNzgxLjgsNTQ5LjRjLTAuMSwwLTAuMiwwLTAuMywwbC0zMS40LTMuMmMtMS0wLjEtMS45LTAuNy0yLjMtMS42cy0wLjUtMS45LDAtMi44bDE5LjMtMzcuOQoJYzAuNi0xLjEsMS43LTEuNywzLTEuNmMxLjIsMC4xLDIuMywxLDIuNiwyLjFsMTIuMSw0MS4xYzAuMywxLDAuMSwyLTAuNiwyLjhDNzgzLjUsNTQ5LDc4Mi42LDU0OS40LDc4MS44LDU0OS40eiBNNzU1LDU0MC42CglsMjIuNiwyLjNsLTguNy0yOS42TDc1NSw1NDAuNnoiLz4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTU4My4xLDM3NS42bDcuMiw5LjZjMS4yLDEuNiwzLjgsMS4yLDQuNC0wLjdsNC0xMS43YzAuNi0xLjgtMS0zLjYtMi44LTMuM2wtMTEuMSwyLjEKCUM1ODIuOSwzNzEuOSw1ODIsMzc0LjEsNTgzLjEsMzc1LjZ6Ii8+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00NzcuNSw3NTMuNGMtMC45LDAtMS43LTAuNC0yLjMtMS4xTDQ1NSw3MjguMWMtMC42LTAuOC0wLjktMS44LTAuNi0yLjdzMS0xLjcsMS45LTJsMjgtOS41CgljMS0wLjQsMi4yLTAuMSwzLDAuNmMwLjgsMC43LDEuMiwxLjgsMC45LDIuOWwtNy44LDMzLjhjLTAuMywxLjEtMS4xLDItMi4yLDIuMkM0NzgsNzUzLjQsNDc3LjgsNzUzLjQsNDc3LjUsNzUzLjR6IE00NjIuNCw3MjcuNgoJbDEzLjYsMTYuM2w1LjItMjIuNkw0NjIuNCw3MjcuNnoiLz4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTM4MC4zLDU0Ni4xSDM0NWMtMS43LDAtMy0xLjMtMy0zczEuMy0zLDMtM2gzMi4zdi0zMC4zYzAtMS43LDEuMy0zLDMtM3MzLDEuMywzLDN2MzMuMwoJQzM4My4zLDU0NC43LDM4Miw1NDYuMSwzODAuMyw1NDYuMXoiLz4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTcwMi4zLDEwMC43SDY3N2MtMS4xLDAtMi4xLTAuNi0yLjYtMS42Yy0wLjUtMS0wLjUtMi4xLDAuMS0zLjFsMjUuMy00MGMwLjctMS4xLDIuMS0xLjYsMy40LTEuMwoJYzEuMywwLjQsMi4yLDEuNSwyLjIsMi45djQwQzcwNS4zLDk5LjQsNzA0LDEwMC43LDcwMi4zLDEwMC43eiBNNjgyLjUsOTQuN2gxNi45VjY4LjFMNjgyLjUsOTQuN3oiLz4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTY2My43LDI2MC4xYy0xLjQsMC0yLjctMS0yLjktMi40bC04LTQxLjNjLTAuMy0xLjYsMC43LTMuMiwyLjQtMy41YzEuNi0wLjMsMy4yLDAuNywzLjUsMi40bDgsNDEuMwoJYzAuMywxLjYtMC43LDMuMi0yLjQsMy41QzY2NCwyNjAsNjYzLjksMjYwLjEsNjYzLjcsMjYwLjF6Ii8+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00NzEuMywxMjMuNGMtMC42LDAtMS4xLTAuMi0xLjctMC41bC0zNC4zLTIyLjdjLTEuNC0wLjktMS44LTIuOC0wLjgtNC4yYzAuOS0xLjQsMi44LTEuOCw0LjItMC44bDM0LjMsMjIuNwoJYzEuNCwwLjksMS44LDIuOCwwLjgsNC4yQzQ3My4yLDEyMi45LDQ3Mi4zLDEyMy40LDQ3MS4zLDEyMy40eiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzUzLjIsMzk0LjRsLTcuNS0zLjFjLTEuNi0wLjctMi40LTIuNS0xLjctNC4xbDMuMS03LjVjMC43LTEuNiwyLjUtMi40LDQuMS0xLjdsNy41LDMuMQoJYzEuNiwwLjcsMi40LDIuNSwxLjcsNC4xbC0zLjEsNy41QzM1Ni42LDM5NC4zLDM1NC44LDM5NSwzNTMuMiwzOTQuNHoiLz4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTUwMSw2MDQuMmwtNi44LDQuNGMtMS40LDAuOS0zLjQsMC41LTQuMy0wLjlsLTQuNC02LjhjLTAuOS0xLjQtMC41LTMuNCwwLjktNC4zbDYuOC00LjQKCWMxLjQtMC45LDMuNC0wLjUsNC4zLDAuOWw0LjQsNi44QzUwMi45LDYwMS4zLDUwMi41LDYwMy4yLDUwMSw2MDQuMnoiLz4KPGNpcmNsZSBjbGFzcz0ic3QwIiBjeD0iMjk4IiBjeT0iMjA1LjIiIHI9IjcuNCIvPgo8Y2lyY2xlIGNsYXNzPSJzdDAiIGN4PSI0MC4zIiBjeT0iNzUwLjQiIHI9IjcuNCIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNjgxLDY3OC43Yy0wLjgsMC0xLjYtMC4zLTIuMi0wLjlsLTI1LjMtMjYuN2MtMS4xLTEuMi0xLjEtMy4xLDAuMS00LjJjMS4yLTEuMSwzLjEtMS4xLDQuMiwwLjFsMjUuMywyNi43CgljMS4xLDEuMiwxLjEsMy4xLTAuMSw0LjJDNjgyLjUsNjc4LjQsNjgxLjcsNjc4LjcsNjgxLDY3OC43eiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTYuMywyODIuN2MtMS40LDAtMi43LTEtMy0yLjVjLTAuMy0xLjYsMC44LTMuMiwyLjUtMy41bDI0LTRjMS42LTAuMywzLjIsMC44LDMuNSwyLjUKCWMwLjMsMS42LTAuOCwzLjItMi41LDMuNWwtMjQsNEMxNi43LDI4Mi43LDE2LjUsMjgyLjcsMTYuMywyODIuN3oiLz4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTEzNS43LDQ0LjFjLTEuNywwLTMtMS4zLTMtM1YxN2MwLTEuNywxLjMtMywzLTNzMywxLjMsMywzdjI0QzEzOC43LDQyLjgsMTM3LjMsNDQuMSwxMzUuNyw0NC4xeiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTkzLjcsNTAyYy0wLjgsMC0xLjctMC4zLTIuMi0xYy0xLjEtMS4yLTEtMy4xLDAuMy00LjJsMjkuMy0yNmMxLjItMS4xLDMuMS0xLDQuMiwwLjNjMS4xLDEuMiwxLDMuMS0wLjMsNC4yCglsLTI5LjMsMjZDMTk1LjEsNTAxLjgsMTk0LjQsNTAyLDE5My43LDUwMnoiLz4KPC9zdmc+Cg=="), linear-gradient(90deg, #6f58ee 0%, #7434f3 100%);
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 3;
  transition: transform 0.3s ease-in-out;
}
.dewcontainer-mob #style-box.leftslide:before, .dewcontainer-mob #style-box.fadein:before, .dewcontainer-mob #style-box.topslide:before, .dewcontainer-mob #style-box.pushslide:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  background-color: rgba(0, 0, 0, 0.3);
}

.dewcontainer-mob #style-box.pushslide {
  transform: translate3d(250px, 0, 0);
  transition: transform 0.3s ease-in-out;
  z-index: 5;
}
.dewcontainer-mob #style-box .box-inner h1 {
  margin-top: 0;
  padding: 10px;
  text-transform: uppercase;
  color: #ffffff;
}
.dewcontainer-mob #style-box .box-inner h1 span {
  font-style: italic;
  font-size: 20px;
}
.dewcontainer-mob #style-box .box-inner ul li {
  display: inline-block;
  padding: 10px 15px;
  margin-right: 10px;
  margin-bottom: 10px;
  background-color: #3BD9B5;
  text-transform: capitalize;
  border-radius: 4px;
  cursor: pointer;
  color: #ffffff;
  border: 2px solid #3BD9B5;
  transition: background-color 0.2s ease-in;
}
.dewcontainer-mob #style-box .box-inner ul li:last-child {
  margin-right: 0;
}
.dewcontainer-mob #style-box .box-inner ul li:hover, .dewcontainer-mob #style-box .box-inner ul li.now {
  background-color: transparent;
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    left: 30px;
  }
  100% {
    opacity: 1;
    left: 0px;
  }

  
}