*{font-family: Arial, Helvetica, sans-serif;}
html, body{ width: 100%;overflow-x: hidden;}
body{background: #141414;margin: 0;margin-top: 7px;}
#head-1{display: flex;justify-content: space-between;margin-bottom: 5px}
#head-1 p{font-weight: bold;color: white;margin: 10px;cursor: pointer;font-size: 16px;}
#head-1 p:hover{text-decoration : underline;}
#head-1 img{cursor:pointer;width: auto;height: 35px;}
#logo{margin: 5px 0 1px 7px;}
.menu-holder{display:flex;margin-right: 10px;}
hr{background: white;width: 96%;}
.item-holder{display: flex;justify-content: space-between;align-items: center;}
.item-holder img{max-height: 200px;}
.button-style {
  background-color: #0095ff;border: 1px solid transparent;border-radius: 6px;box-shadow: rgba(255, 255, 255, .4) 0 1px 0 0 inset;
  box-sizing: border-box;color: #fff;cursor: pointer;display: inline-block;
  font-family: -apple-system,system-ui,"Segoe UI","Liberation Sans",sans-serif;
  font-size: 14px;font-weight: 400;line-height: 1.15385;margin: 0 20px 0 0;
  outline: none;padding: 12px 40px;position: relative;text-align: center;text-decoration: none;
  user-select: none;-webkit-user-select: none;vertical-align: baseline;white-space: nowrap;min-width: 220px;
}
.button-style:hover, .button-style:focus {background-color: #07c;}
.button-style:focus {box-shadow: 0 0 0 4px rgba(0, 149, 255, .15);}
.button-style:active {background-color: #0064bd;box-shadow: none;}
#pur-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b8;display:none;z-index: 10}
#pur-holder{position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);background:white;border-radius:12px;width: 600px;height: 400px;max-width: 96%;overflow: auto;}
#pur-close{color:black;position:absolute;top:5px;right:9px;font-weight:bold;cursor:pointer;}
#logo-holder{display:flex;justify-content: center;width:100%;margin-top: 5px;margin-bottom: -5px;}
#logo-holder img{max-height:70px;}
.hr-black{width:96%;background:black;height:1px;}
#plan-holder .plans{display:flex;justify-content: space-between;min-height: 56px;}
#plan-holder form {margin: 5px 20px;}
#plan-holder p {font-size: 18px;margin: 15px 30px;font-style: italic;}
#more-info, #test-text{text-align: center;font-weight: bold;font-style: italic;font-size: 25px;}
#more-info{color: white;}
#test-text{color: #141414;padding: 25px;margin: 0;}
#test-img{margin-left: auto;margin-right: auto;display: block;width: 80%;user-select: none;margin-bottom: 40px;}
#test-container{background: white;padding-bottom: 50px;}
.head-text {text-align: center;font-size: 20px;font-weight: bold;font-style: italic;}
.info-text {margin: 25px;font-size: 17px;line-height: 22px;}
#plan-info{text-align: center;margin: 0px;font-size: 17px;font-weight: bold;}
.insta-span{display: flex;justify-content: center;margin-top:15px;}
.insta-logo{width: 25px;height: 25px;}
.insta-id{margin: 2px 6px;font-weight: bold;font-size: 18px;text-decoration:none;color:#59208e}

.swiper {max-width: 700px;width: 90%;}
.swiper-slide {width: 60%;}
.swiper img {width: 100%;border-radius: 7px;}

s{color: #4b4b4b;font-weight: bold;font-size: 15px;}

#moving-txt{margin: 0;font-weight: bold;width: max-content;white-space: nowrap; overflow: hidden;animation: scroll-text linear 20s infinite;}
#head-2{width: 100%;background: white;padding: 12px 0;height: 20px;overflow-x: hidden;}
@keyframes scroll-text{
  0% {transform: translateX(100vw);}
  100% {transform: translateX(-100%);}
}

@media only screen and (max-width: 1300px) {#test-img{width: 100%;}}
@media only screen and (max-width: 700px) {
	#more-info, #test-text{font-size: 20px;}
	.item-holder img {max-height: 175px;}
	.button-style{padding: 12px 25px;}
	#moving-txt{animation-duration: 15s;}
}
@media only screen and (max-width: 600px) {
	#head-1 {margin-bottom:0}
	#more-info, #test-text{font-size: 18px;}
	.item-holder img {max-height: 150px;}
	.button-style{padding: 12px 20px;}
	header p {font-size: 14px;}

	#plan-holder p{font-size: 17px;}
	#plan-holder .plans{padding: 5px 0;}
}
@media only screen and (max-width: 530px) {
	hr {margin: auto;}
	#logo {margin: 5px 0 7px 7px;}
	.item-holder{flex-direction: column;}
	.item-holder img {max-height: 120px;}
	.button-style {padding: 12px 20px;margin: 0 0 20px 0;}
	#more-info, .info-text {font-size: 16px;}

	#plan-holder .plans {flex-direction: column;}
	#plan-holder p {margin: 5px auto;text-align: center;}
	#plan-holder form {margin: 8px auto;}
	.insta-id{font-size: 16px;}
	.swiper{width: 95%;}
	.swiper-slide{width: 70%;}
}
.btn-blocked span{display: none;}
.btn-blocked{pointer-events: none;background: gray;}
.btn-blocked::after{content: 'Unavailable Right Now';}