* {padding: 0px;margin: 0px;box-sizing: border-box;text-decoration: none;list-style: none;font-family: "Cairo", sans-serif;font-family: "IBM Plex Sans Arabic", sans-serif;font-family: "Montserrat", sans-serif;font-family: "Readex Pro", sans-serif;font-family: DINNextLTArabic-Medium, DINNextLTArabic-Regular, DINNEXTLTARABIC-LIGHT;}@font-face {font-family: DINNEXTLTARABIC-LIGHT;src: url(../font/ArbFONTS-DINNEXTLTARABIC-LIGHT-2-2.ttf);}@font-face {font-family: DINNextLTArabic-Medium;src: url(../font/ArbFONTS-DINNextLTArabic-Medium-2.ttf);}@font-face {font-family: DINNextLTArabic-Regular;src: url(../font/ArbFONTS-DINNextLTArabic-Regular-2.ttf);}:root {--main-color: #e94e1b;--background-color: #193142;--Dark-color: #254053;--Dark2-color: #132836;--Dark-color-no-change: #254053;--Dark2-color-no-change: #132836;--Dark3-color-no-change: #294558;--wight-color-no-change: #ffffff;--wight-color: #ffffff;--wight2-color: #fafcff;--wight3-color: #f3f8ff;--gray-color: #86a1b5;--active-click: scale(0.9);--main-border-radius: 10px;--main-padding: 10px;--button-padding: 10px 20px;--circle-border: 70px;}::selection {background-color: var(--main-color);color: var(--wight-color-no-change);}button, input {border: none;outline: none;}a {color: var(--wight-color-no-change);}p, span {font-weight: 200;font-family: 'DINNextLTArabic-Regular' !important;}.iconDefault {width: 24px;height: 24px;}.icon {width: 24px;height: 24px;filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(152deg) brightness(103%) contrast(103%);}.title-section-show-all {margin-bottom: 50px;display: flex;align-items: center;justify-content: space-between;margin-top: 20px;}.title-section-show-all h1 {font-size: 40px;font-weight: 300;position: relative;z-index: 5;color: var(--wight-color);}.title-section-show-all h1 img {position: absolute;right: -60px;z-index: -1;top: -14px;width: 198px;}.title-section-center {justify-content: center;}.title-section-show-all a {font-weight: 400;font-size: 20px;color: var(--main-color);transition: 0.2s;}.title-section-show-all a:hover {color: var(--wight-color);}.sec {padding: 25px 0;overflow: hidden;}.sec-dark {background: var(--Dark2-color);}.sec-light {background: var(--Dark-color);}body {background-color: var(--background-color);color: var(--wight-color);overflow-x: hidden;height: 200vh;}body.fixed {height: 100%;width: 100%;overflow: hidden;}.container {width: 85%;margin: 0px auto;max-width: 1625px;}::-webkit-scrollbar {width: 10px;background-color: var(--background-color);}::-webkit-scrollbar-thumb {background-color: var(--main-color);box-shadow: 0px 0px 30px 30px var(--main-color);}.loader-div {position: fixed;width: 100%;height: 100%;z-index: 55555555555;background: var(--Dark2-color);display: flex;justify-content: center;align-items: center;}.loader-div.active {display: none;}.loader-div img {width: 90px;animation: scaleY 1s cubic-bezier(0.59, -0.05, 1, 1);}@keyframes scaleY {0% {transform: translateY(10px) scale(1.5);}}.arrow {position: fixed;width: 45px;height: 45px;right: 10px;z-index: 20;border-radius: 50%;cursor: pointer;transition: 0.5s;backdrop-filter: blur(10px);justify-content: center;align-items: center;font-size: 35px;display: flex;bottom: -70px;transition: 0.5s;color: #5d21f1;background: var(--main-color);}.arrow img {width: 20px;height: 20px;filter: invert(1);}.arrow.active {bottom: 20px;}.arrow:hover {transform: translateY(-10px);}header {background-color: var(--Dark2-color-no-change);padding: 15px 0;position: fixed;width: 100%;z-index: 5555;border-bottom: 1px solid var(--Dark-color-no-change);}header .container {display: flex;align-items: center;justify-content: space-between;gap: 10px;}.search-form-div {position: relative;}.ul-search {position: absolute;margin-top: 10px;width: 100%;background: var(--Dark-color-no-change);padding: 10px;border-radius: 5px;display: flex;flex-direction: column;gap: 5px;opacity: 0;visibility: hidden;}.ul-search.active {opacity: 1 !important;visibility: inherit !important;}.ul-search li:not(:first-child) {border-top: 1px solid #3d5670;}.ul-search .profile-div {padding: 10px 0 0 0;transition: 0.3s;}.ul-search .profile-div:hover {transform: scale(0.98);}.show-all {padding: 15px;justify-content: center;display: flex;align-items: center;background: var(--main-color);margin-top: 12px;border-radius: 5px;transition: 0.2s;}.show-all:hover {transform: scale(0.95);}.search-form {padding: 10px;border-radius: var(--main-border-radius);background: var(--Dark-color-no-change);display: flex;width: 300px;}.search-form .name-profile-about h2 {font-size: 16px !important;font-weight: 300 !important;}.search-form .name-profile-about {gap: 0px !important;}.search-form .submit-search, .input-search {background: none;}.submit-search img {width: 24px;}.search-form .submit-search {cursor: pointer;}.search-form .input-search {color: var(--gray-color);width: 100%;}.search-form .input-search:focus {color: var(--gray-color);width: 100%;}.search-form .input-search::placeholder {color: var(--gray-color);font-weight: 100;}.container-search {position: fixed;top: 93px;width: 90%;margin: auto;display: flex;justify-content: center;transform: translate(-50%);z-index: 55555555555;left: 50%;height: 100%;width: 100%;backdrop-filter: blur(12px);background: #13283687;padding-top: 80px;display: none;}.container-search.active {display: flex;}.search-icon {cursor: pointer;width: 40px;height: 40px;display: flex;align-items: center;}.logo-img-header {height: 60px;}.header-nav {display: flex;align-items: center;justify-content: space-around;flex: 1;}.header-nav.active {left: 0 !important;overflow: scroll;}.ul-header {display: flex;gap: 20px;align-items: center;text-wrap: nowrap;margin-left: 20px;}.header-nav-en .ul-header {margin-right: 20px;margin-left: unset;}.ul-header .main-li {display: flex;align-items: center;position: relative;color: var(--wight-color-no-change);cursor: pointer;}.main-li:hover>ul {opacity: 1;visibility: inherit !important;height: fit-content;}.ul-header .main-li a {color: var(--wight-color-no-change);width: 100%;}.li-div {display: flex;align-items: center;gap: 5px;width: 100%;justify-content: space-between;}.dark-language-div {display: flex;gap: 10px;}.dark-language-div img {width: 24px;cursor: pointer;}.dark-mood-register-div-profile {display: flex;align-items: center;gap: 25px;}.dark-language-div div {padding: 10px;background: var(--Dark-color-no-change);border-radius: 50%;width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;cursor: pointer;transition: 0.3s;}.dark-language-div div:hover {transform: scale(0.95);}.toggle-language a {display: flex;}.register-div {display: flex;align-items: center;gap: 10px;}.register {padding: var(--button-padding);background: var(--main-color);border-radius: var(--button-padding);width: fit-content;-webkit-border-radius: var(--button-padding);-moz-border-radius: var(--button-padding);-ms-border-radius: var(--button-padding);-o-border-radius: var(--button-padding);}.ul-down {position: absolute;top: 58px;width: 250px;background: var(--Dark-color-no-change);border-top: 2px solid var(--main-color);right: 0;transition: 0.5s;opacity: 0;visibility: hidden;}.ul-down-2 {left: -250px !important;right: auto !important;top: -2px;opacity: 0;visibility: hidden;}.ul-down li {padding: 10px 0;display: flex;justify-content: space-between;align-items: center;cursor: pointer;padding: 15px;}.ul-down li:hover>.ul-down-2 {opacity: 1;visibility: inherit !important;height: auto;}.ul-down li:not(:first-child) {border-top: 1px solid #3d5670;}.ul-down li:hover {background: #29394a;}.logo-toggle-form {display: flex;align-items: center;justify-content: space-between;gap: 30px;}.toggle-icon {cursor: pointer;}.toggle-icon img {width: 24px;}.div-icon img {width: 24px;}.list-phone-header {display: flex;align-items: center;gap: 10px;}.cart-icon, .bell-icon {padding: 10px;border-radius: 5px;display: flex;align-items: center;justify-content: center;position: relative;}.notification-div {display: flex;justify-content: center;gap: 10px;font-size: 18px;margin-bottom: 30px;color: var(--wight-color-no-change);}.notification-div span {color: var(--main-color);}.cart-much, .bell-much {position: absolute;top: -1px;right: 2px;background: var(--main-color);padding: 2px;width: 20px;height: 20px;display: flex;justify-content: center;align-items: center;border-radius: 50%;font-size: 12px;color: var(--wight-color-no-change);}.bell-much {top: -2px;right: 2px;}.bell-icon {cursor: pointer;width: 40px;height: 40px;}.bell-div {position: relative;}.ul-bell {position: absolute;margin-top: 8px;width: 470px;background: var(--Dark-color-no-change);padding: 10px;border-radius: 5px;display: flex;flex-direction: column;gap: 5px;height: 540px;overflow: auto;top: 59px;left: 0;opacity: 0;visibility: hidden;border-radius: 0;}.ul-bell.active {opacity: 1 !important;visibility: inherit !important;}.ul-bell li:not(:first-child) {border-top: 1px solid #3d5670;}.ul-bell .profile-div {padding: 10px 0;transition: 0.3s;}.ul-bell .profile-div:hover {transform: scale(0.98);}.date-h2 {display: flex;align-items: flex-start;}.date-bell {flex-shrink: 0;color: var(--gray-color);}.ul-bell .name-profile-about p {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}.ul-bell-en {right: 0 !important;left: inherit;}.account-parent {display: flex;align-items: center;gap: 20px;padding: 5px 10px 5px 5px;border-radius: 5px;cursor: pointer;position: relative;width: 100%;max-width: 192px;justify-content: space-between;user-select: none;background-color: var(--Dark-color-no-change);-webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;}.account-parent.active {background-color: var(--Dark-color-no-change);}.account-parent:hover {background-color: var(--Dark3-color-no-change);}.account-parent .chevron-down {transition: 0.2s;width: 24px;height: 24px;}.account-parent:hover .chevron-down {transform: translateY(2px);}.account-parent .chevron-down.active {transform: translateY(2px);}.img-account {width: 45px;height: 45px;overflow: hidden;flex-shrink: 0;border-radius: 5px;}.account-name-photo {display: flex;align-items: center;gap: 10px;}.img-account img {width: 100%;height: 100%;object-fit: cover;}.name-username {display: flex;flex-direction: column;color: var(--wight-color-no-change);}.name-username .name-user {display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;font-weight: lighter;}.name-username p {color: var(--blog-color-p);}.down-li-account-parent {position: absolute;top: 131%;width: 100%;background-color: var(--Dark-color-no-change);padding: 5px;border-radius: 0 0 5px 5px;display: flex;flex-direction: column;width: 300px;border-top: 1px solid var(--main-color);transition: 0.3s;-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;display: none;}.down-li-account-parent-ar {right: 0 !important;}.down-li-account-parent.active {left: 0;display: block;}.down-li-account-parent-en.active {left: inherit;right: 0;}.down-li-account-parent-arabic {right: 0;}.down-li-account-parent li a {display: flex;justify-content: space-between;width: 100%;text-transform: capitalize;padding: 10px 5px;border-radius: 5px;align-items: center;}.down-li-account-parent li a:hover {background-color: var(--Dark3-color-no-change);}.down-li-account-parent li a img {width: 20px !important;height: 20px !important;filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(152deg) brightness(103%) contrast(103%);-webkit-filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(152deg) brightness(103%) contrast(103%);}.down-li-account-parent .log-out a {text-align: center;display: flex;justify-content: center;background: var(--Dark2-color-no-change);margin-top: 20px;}.active-video-pop {position: fixed;width: 100%;height: 100%;top: 0;left: 0;backdrop-filter: blur(20px);z-index: 555555;background: #0b051a46;display: flex;justify-content: center;align-items: center;transform: translateX(100%);transition: 0.5s;}.active-video-pop.active {transform: translateX(0);}.closex {position: absolute;z-index: 55;background: var(--main-color);top: 0;width: 60px;height: 60px;right: 0;display: flex;justify-content: center;align-items: center;font-size: 36px;cursor: pointer;}.closex .iconDefault {height: 40px !important;width: auto;}.frame-pop-video {position: absolute;left: 50%;transform: translate(-50%);border-radius: 5px;overflow: hidden;aspect-ratio: 2/1.13;width: 70%;}.frame-pop-video iframe {aspect-ratio: 2/1.13;width: 100%;border-radius: 10px;}@media (max-width: 750px) {.frame-pop-video {width: 90% !important;}.display-flex {flex-wrap: wrap }}main {min-height: auto;position: relative;padding: 163px 0 0;}.main-content {display: grid;grid-template-columns: repeat(auto-fill, minmax(45%, 1fr));gap: 15px;align-items: center;position: relative;z-index: 5;}.main-text {height: 100%;}.pop-img {HEIGHT: 100PX;OBJECT-FIT: CONTAIN;}.phone-img {max-height: 500PX;OBJECT-FIT: CONTAIN;}@media (max-width: 1450px) {.main-text {width: 90% !important;}}@media (max-width: 1050px) {.main-content {grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));}main {padding-bottom: 10px;}.main-content {gap: 70px;}.element {display: none;}.main-text {text-align: center;width: 100% !important;}}main .website-main-sec .phone-img {width: 530px;animation: moveUpAndDown 5s ease infinite;}@keyframes moveUpAndDown {0% {transform: translateY(10px);}50% {transform: translateY(-5px);}100% {transform: translateY(10px);}}.website-main-sec {position: relative;display: flex;justify-content: center;align-items: center;}main .main-text h1 {color: var(--main-color);margin-bottom: 10px;font-size: 40px;}main .main-text p {color: var(--wight-color);}.phone-div-flow-imgs {position: relative;}.check-mark-ul {display: flex;flex-direction: column;gap: 15px;}.check-mark-ul li {display: flex;align-items: center;gap: 10px;font-family: 'DINNextLTArabic-Regular' !important;}.subscription-form {border-radius: var(--main-border-radius);background: var(--Dark2-color-no-change);display: flex;width: 85%;margin-top: 30px;}.subscription-form .input-subscription {background: none;width: 100%;color: var(--wight-color-no-change);padding: 0 10px;}.submit-subscription {padding: 5px;background: var(--main-color);border-radius: 5px;cursor: pointer;}.submit-subscription img {width: 45px;}.submit-subscription:hover {background-color: #f76332;}.subscription-form .input-subscription::placeholder {color: var(--gray-color);font-weight: 100;}.poster-flow {position: absolute;width: 150px;height: 150px;background-color: var(--main-color);border-radius: 50%;z-index: 55;display: flex;justify-content: center;align-items: center;animation: MoveUpPoster 3s ease infinite;}.poster-flow::after {content: "";position: absolute;width: 180px;height: 180px;top: 50%;left: 50%;border-radius: 50%;z-index: -1;transform: translate(-50%, -50%);border: 2px solid #fff300;}.img-flow {width: 100%;height: 100%;overflow: hidden;width: 150px;border-radius: 50%;}.poster1 {box-shadow: 15px 15px 30px #0000003d;}.poster1 img {transform: scale(1.1);}.poster2 {animation: MoveUpPoster 2s ease infinite;box-shadow: -20px -18px 30px #0000003d;}@keyframes MoveUpPoster {0% {transform: rotate(13deg) translateY(10px);}50% {transform: rotate(13deg) translateY(-5px);}100% {transform: rotate(13deg) translateY(10px);}}.poster1 {left: -30px;}.poster2 {right: -40px;bottom: 11px;}.poster-flow img {width: 100%;height: 100%;object-fit: cover;}@media (max-width: 500px) {.website-main-sec .phone-img {width: 250px !important;}.modal-wrapper>div {width: 280px;}.down-li-account-parent {width: 250px;}.phone-div-flow-imgs .back-img {width: 350px !important;height: 350px !important;}.container {width: 80%;}.poster-flow {width: 125px;height: 125px;}.poster-flow::after {width: 145px;height: 145px;}}.phone-div-flow-imgs .back-img {position: absolute;width: 100%;left: 50%;top: 50%;transform: translate(-50%, -50%);z-index: -1;HEIGHT: 450PX;}.pop-img {width: 150px;position: absolute;z-index: 5;animation: MoveUpPosterpop 4s ease;}.pop1 {width: 140px;right: 101px;top: -47px;animation: moveUpAndDown 4s ease infinite;}.pop2 {width: 190px;left: -52px;top: 96px;animation: moveUpAndDown 7s ease infinite;}.pop3 {width: 150px;bottom: -59px;transform: scaleX(-1);right: 94px;animation: moveUpAndDown 6s ease infinite;}.slide-company-parent {background: white;border-radius: 80px;}.slide-company-div {overflow: hidden;position: absolute;z-index: 55;bottom: -50px;background: white;border-radius: 70px;width: 84%;padding: 0 20px;}.slide-company-parent .swiper-slide img {width: auto;height: 90px;}.slide-company-div .swiper-wrapper {display: flex !important;align-items: center !important;gap: 10px !important;}.partner-p {position: absolute;}.courses-div-parent {display: flex;gap: 10px;align-items: center;}.courses-div {background: var(--Dark-color);overflow: hidden;border-radius: 5px;max-width: 350px;transition: 0.3s;}.courses-div:hover {transform: translateY(-5px) !important;}.details-course {padding: 20px 10px;display: flex;flex-direction: column;gap: 10px;}.title-course a {color: var(--wight-color);}.thumbnail-div {overflow: hidden;position: relative;max-height: 350px;object-fit: contain;}.thumbnail-div .thumbnail-img {width: 100%;height: 100%;object-fit: cover;}.a-thumbnail {height: 200px;display: block;}.time-div {position: absolute;font-family: 'DINNextLTArabic-Regular' !important;}.time-div {top: 5px;right: 5px;display: flex;align-items: center;background: var(--Dark2-color-no-change);padding: 9px 15px;border-radius: 60px;gap: 5px;font-size: 14px;color: var(--wight-color-no-change);}.time-div img {filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(152deg) brightness(103%) contrast(103%);width: 17px;}.category-div {display: flex;gap: 5px;font-family: 'DINNextLTArabic-Regular' !important;}.category-div span {padding: 5px 10px;background-color: var(--Dark2-color);border-radius: 5px;display: flex;align-items: center;gap: 4px;font-size: 14px;}.stage-div {top: 5px;left: 5px;display: flex;gap: 5px;background-color: var(--Dark2-color-no-change);padding: 5px 10px;border-radius: 5px;min-height: 50px;align-items: center;color: var(--wight-color-no-change);font-family: DINNextLTArabic-Regular !important;width: 45%;justify-content: start;font-size: 12px;}.profile-price {display: flex;justify-content: space-between;align-items: center;}.price-course {padding: 5px 10px;border-radius: 20px;background-color: var(--main-color);direction: ltr;}.price-course p {color: var(--wight-color-no-change);}.price-style {font-size: 13px;text-decoration: line-through;}.profile-div {display: flex;gap: 1px;align-items: center;}.prof {width: 60px;height: 60px;overflow: hidden;border-radius: 5px;flex-shrink: 0;}.prof img {width: 100%;height: 100%;object-fit: cover;}.name-profile-about {display: flex;flex-direction: column;gap: 4px;overflow: hidden;}.name-profile-about h2 {font-size: 18px;font-weight: 400;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}.name-profile-about p {font-size: 14px;color: var(--gray-color);font-weight: 300;}.details-footer {padding-top: 15px;border-top: 1px solid #56708d;margin-top: 15px;height: 80px;}.display-flex {flex-wrap: wrap;display: flex;align-items: center;justify-content: space-between;margin-top: 5px;}.heart-div {display: flex;padding: 5px;width: 40px;height: 40px;background: var(--Dark2-color-no-change);border-radius: 50%;justify-content: center;align-items: center;cursor: pointer;transition: 0.2s;}.heart-div:active {transform: scale(0.95);}.heart-div:hover {transform: scale(1.05);}.heart-div img {width: 24px;}.heart-div img.heart-color {filter: invert(59%) sepia(132%) saturate(2043%) hue-rotate(345deg) brightness(97%) contrast(117%);-webkit-filter: invert(59%) sepia(132%) saturate(2043%) hue-rotate(345deg) brightness(97%) contrast(117%);}.popular-div {padding: 5px 10px;background-color: var(--Dark2-color);border-radius: 5px;display: flex;align-items: center;gap: 4px;font-size: 14px;}.rate-div {position: absolute;display: flex;align-items: center;padding: 5px 10px;gap: 5px;background-color: var(--Dark2-color-no-change);bottom: 10px;left: 5px;border-radius: 20px;color: var(--wight-color-no-change);}.rate-div img {width: 20px;filter: invert(49%) sepia(60%) saturate(6450%) hue-rotate(353deg) brightness(96%) contrast(91%);}.add-to-cart {display: flex;justify-content: center;align-items: center;padding: 5px;background: var(--main-color);border-radius: 5px;cursor: pointer;height: 50px;transition: 0.2s;width: 45%;}.remove-from-cart {background: var(--main-color);color: var(--wight-color-no-change);cursor: pointer;width: 100%;}.add-to-cart:active {transform: scale(0.95);}.toggle-stage {display: flex;gap: 15px;align-items: center;margin-bottom: 20px;overflow: scroll;}.toggle-stage li {display: flex;align-items: center;background: var(--Dark-color);padding: 9px 15px;border-radius: 60px;gap: 5px;font-size: 14px;cursor: pointer;flex-shrink: 0;}.toggle-stage::-webkit-scrollbar {display: none;}.toggle-stage li.active {background-color: var(--main-color);opacity: 1 !important;color: var(--wight-color-no-change);}.toggle-stage li:hover {opacity: 0.7;}.courses-container-toggle {position: relative !important;height: auto;}.toggle-courses {position: absolute;top: 0;right: 0;display: none;}.toggle-courses.active {display: contents;}.app-img-phone {width: 100%;}.img-app {border-radius: 5px;overflow: hidden;}.img-app img {width: 100%;height: 600px }.achieve-div-parent {display: grid;grid-template-columns: repeat(auto-fill, minmax(20%, 1fr));position: relative;gap: 20px;}.achieve-div {display: flex;align-items: center;flex-direction: column;justify-content: center;gap: 20px;background: var(--Dark-color);padding: 30px;border-radius: var(--main-border-radius);overflow: hidden;}.achieve-div img {width: 70%;}.img-achieve {width: 100px;height: 100px;background: var(--main-color);border-radius: 50%;display: flex;justify-content: center;align-items: center;}.img-achieve img {width: 70%;}.title-text-achieve {text-align: center;display: flex;flex-direction: column;gap: 5;color: var(--wight-color);}.title-text-achieve h1 {font-size: 40px;}.title-text-achieve p {font-size: 30px;font-weight: 400;color: var(--gray-color);font-family: 'DINNextLTArabic-Regular' !important;}.membership-div-text {display: flex;flex-direction: column;gap: 50px;text-align: center;}.membership-div-text .register {font-size: 20px;}header .register {transition: 0.3s;}header .register:hover {transform: scale(0.95);}.membership-div-parent {display: grid;grid-template-columns: repeat(auto-fill, minmax(45%, 1fr));position: relative;gap: 20px;}.membership-card-parent {display: grid;grid-template-columns: repeat(auto-fill, minmax(45%, 1fr));position: relative;gap: 20px;}.child-card {display: flex;align-items: center;flex-direction: column;justify-content: center;gap: 20px;background: var(--Dark2-color);padding: 30px;border-radius: var(--main-border-radius);position: relative;}.child-card .img-achieve {position: absolute;top: -40%;}.child-card {padding-top: 50px !important;}.child-card .title-text-achieve {gap: 25px;}.title-text-achieve h2 {font-size: 20px;font-weight: 400;}.title-text-achieve p {font-size: 20px;}.card-div {display: flex;flex-direction: column;gap: 80px;}.membership-card-parent> :first-child {margin-top: 60px;}.about-div-parent {display: grid;grid-template-columns: repeat(auto-fill, minmax(45%, 1fr));position: relative;gap: 20px;align-items: center;color: var(--wight-color);}.about-div-parent .check-mark-li {font-size: 30px;font-size: 20px;font-weight: 300;}.check-mark-li img {width: 30px;}.frame-youtube iframe {width: 100%;}.img-frame-parent {position: relative;}.img-frame-parent .img-frame {width: 100%;border-radius: 5px;}.main-sec .play-video-icon {top: 50%;}.play-video-icon {position: absolute;left: 50%;top: 40%;left: 50%;transform: translate(-50%);width: 70px;height: 70px;display: flex;justify-content: center;align-items: center;background: #ffffff66;border-radius: 50%;backdrop-filter: blur(6px);z-index: 555;cursor: pointer;}.play-video-icon::after {content: "";position: absolute;width: 80px;height: 80px;background-color: #ffffff;z-index: -1;opacity: 0.5;border-radius: 50%;animation: scale 5s ease infinite;}@keyframes scale {0% {transform: scale(1);}50% {transform: scale(1.3);}100% {transform: scale(1);}}.app-div-parent {display: flex;justify-content: center;align-items: center;height: 660px;}.app {width: 100%;height: 400px;background-color: var(--Dark2-color);border-radius: 60px;position: relative;display: flex;justify-content: space-evenly;align-items: center;}.app-img {width: 320px;-webkit-filter: drop-shadow(35px 10px 20px #00000087);filter: drop-shadow(35px 10px 20px #00000087);}.app-text {text-align: center;color: var(--wight-color);display: flex;flex-direction: column;gap: 20px;width: 60%;padding: 50px;}.app-text h2 {color: var(--wight-color);}.div-row h3 {color: var(--wight-color);}.app-text p {font-family: 'DINNextLTArabic-Regular' !important;color: var(--wight-color);}.app-text .download-a-div {justify-content: center;display: flex;gap: 10px;flex-wrap: wrap;}.h1-app-text {margin-bottom: 10px;font-weight: 100;line-height: 35px;}.stares-div {display: flex;justify-content: center;}.stares-div .stare {cursor: pointer;}.img-app-download {margin-top: 20px;}.img-app-download img {cursor: pointer;background-color: #2a2d2c;border-radius: 5px;}.download-a-div a {display: flex;align-items: center;gap: 5px;transition: 0.2s;min-width: 140px;justify-content: center;}.download-a-div p {font-family: 'DINNextLTArabic-Regular' !important;color: var(--wight-color-no-change);}.download-bt {padding: 5px 20px;background-color: var(--main-color);border-radius: 5px;font-size: 16px;font-weight: 700;border: none;transition: 0.5s;cursor: pointer;}.download-bt img {width: auto;height: 35px;}@media (max-width: 1000px) {.app {display: block;}.app-img {position: absolute;top: -223px;left: 50%;transform: translateX(-50%) !important;}.app-text {position: relative;z-index: 5;bottom: -230px;padding: 20px;color: var(--wight-color);}.app-text::after {content: "";width: 100%;height: -webkit-fill-available;position: absolute;left: 50%;top: 0;transform: translateX(-50%);z-index: -1;-webkit-backdrop-filter: blur(54px);-moz-backdrop-filter: blur(54px);-ms-backdrop-filter: blur(54px);backdrop-filter: blur(54px);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);background: var(--Dark2-color);border-radius: 5px;}.app-container {height: 917px;}.img-app-download {display: flex;justify-content: space-evenly;margin-top: 10px;}.img-app-download img {width: 80%;}.stares-div {transform: scale(0.7);}.app-div-parent {margin-top: 140px;}}footer {padding: 90px 0;position: relative;padding-top: 130px;background: var(--Dark2-color-no-change);}footer .submit-subscription {width: 160px;padding: 20px;color: white;}.title-footer-email {font-size: 30px;color: var(--wight-color-no-change);}.footer-email .subscription-form {margin-top: 0;padding: 10px;}.footer-email {display: flex;align-items: center;background: var(--Dark3-color-no-change);position: absolute;top: -30px;z-index: 15;width: 84%;padding: 20px 60px;border-radius: 175px;gap: 30px;}.div-row-parent {display: grid;grid-template-columns: repeat(auto-fill, minmax(20%, 1fr));position: relative;gap: 20px;margin-top: 80px;}.div-row {display: flex;flex-direction: column;gap: 15px;}.div-row h2 {font-weight: 400;color: var(--wight-color-no-change);}.div-row ul {font-weight: 200;display: flex;flex-direction: column;gap: 10px;}.div-row ul a {font-family: 'DINNextLTArabic-Regular' !important;}.div-row ul a:hover {opacity: 0.8;}.social-media {display: flex;gap: 10px;justify-content: center;align-items: center;margin-top: 30px;}.social-media img {width: 24px;height: 24px;}.social-media li a {display: flex;}.social-media li {display: flex;padding: 5px;width: 40px;height: 40px;background: var(--Dark-color-no-change);border-radius: 50%;justify-content: center;align-items: center;cursor: pointer;transition: 0.2s;}.social-media li:hover {transform: translateY(-5px);}.vclasses-app-store {justify-content: center;align-items: center;display: flex;flex-direction: column;margin: 10px 0;gap: 10px;}.vclasses-app-store .download-a-div {display: flex;gap: 10px;}.copy-right-div {display: flex;flex-direction: column;align-items: center;gap: 10px;}.copy-right-div ul {display: flex;gap: 15px;flex-wrap: wrap;justify-content: center;}.copy-right-div p {color: var(--wight-color-no-change);font-family: 'DINNextLTArabic-Regular' !important;}.copy-right-div ul a {color: var(--main-color);font-weight: 400;font-family: 'DINNextLTArabic-Regular' !important;}.copy-right-div ul a:hover {opacity: 0.8;}.swiper-slide {background-position: center;background-size: cover;width: 200px;height: 300px;overflow: hidden;}.swiper-3d {perspective: 800px;}.img-frame-swiper .swiper-slide, swiper-slide {overflow: hidden;border-radius: 44px;}@media (min-width: 1850px) {.header-nav {margin-right: 200px;}.header-nav-en {margin-right: unset;margin-left: 200px;}}@media (min-width: 1350px) {.list-phone-header {display: none !important;}}@media (min-width: 780px) {.search-icon {display: none !important;}}@media (max-width: 780px) {header .search-form-div {display: none !important;}.container-search .search-form-div {width: 90%;}.container-search .search-form {width: 100%;}}@media (max-width: 1350px) {.toggle-icon {display: block;}.main-li {flex-direction: column;}.ul-down {position: relative;top: inherit;width: 100%;right: inherit;visibility: hidden;height: 0;}.ul-down li {flex-direction: column;}.ul-down-2 {left: inherit !important;right: inherit !important;margin-top: 10px;}.ul-down {margin-top: 10px;}}@media (min-width: 1350px) {.toggle-icon {display: none !important;}}@media (max-width: 1150px) {main .website-main-sec .phone-img {width: 80%;}.main-content {gap: 65px;}.achieve-div-parent {grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));}.membership-div-parent {grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));}.about-div-parent {grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));}.app-text {width: 100%;}.div-row-parent {grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));gap: 50px;}.pop1, .pop2, .pop3 {width: 25%;}}@media (max-width: 650px) {.membership-card-parent {grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));gap: 90px;}.title-section-show-all h1 {font-size: 30px;}}@media (max-width: 500px) {.pop3 {width: 80px;bottom: -29px;transform: scaleX(-1);right: 54px;}.pop2 {width: 110px;left: -42px;top: 96px;}.pop1 {width: 90px;right: 1px;top: -47px;}.header-nav {width: 100% !important;}main .main-text h1 {font-size: 25px;}main .main-text p {font-size: 20px;}.list-phone-header {gap: 5px;}.account-parent.active {right: -22px;}}@media (min-width: 700px) {.phone-logo {display: none;}}@media (max-width: 700px) {.logo-title {display: none;}.slide-company-div {right: 40px;}}@media (max-width: 1350px) {.header-nav {display: flex;align-items: center;justify-content: start;flex: 1;position: absolute;top: 94px;width: 500px;left: 0;background: var(--Dark-color-no-change);border-top: 1px solid var(--main-color);flex-direction: column;padding: 40px 0;height: 92vh;transition: 0.3s;left: -100%;padding-top: 90px;}.dark-mood-register-div-profile {width: 90%;border-top: 1px solid var(--main-color);margin-top: 50px;padding-top: 20px;}.ul-header {flex-direction: column;}.dark-mood-register-div-profile {flex-direction: column;}.header-nav nav, .main-li {width: 90%;justify-content: space-between;}.logo-toggle-form {width: 100%;}}@media (min-width: 1350px) {.closex-side-bar {display: none;}}@media (max-width: 800px) {.footer-email {padding: 20px;border-radius: 20px;gap: 30px;flex-direction: column;text-align: center;margin-top: 40px;}footer {padding-top: 230px;}.app-sec {padding-bottom: 120px;}.footer-email .subscription-form {width: 100%;}.ul-bell {position: fixed;width: 100%;height: 100%;top: 84px;}}@media (max-width: 900px) {.name-username {display: none;}.account-parent {gap: 10px;max-width: 100px;}}.gear-style .gear-style_content .clr {width: 30px;height: 30px;cursor: pointer;-webkit-transition: all 0.2s;-o-transition: all 0.2s;-moz-transition: all 0.2s;transition: all 0.2s;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;overflow: hidden;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}.gear-style .gear-icon i {color: var(--main-color);}.gear-style.open {left: 0;}.gear-style .gear-style_content .clr .clr_prt {width: 100%;height: 50%;}.gear-style {position: fixed;left: -174px;top: 200px;z-index: 300;-webkit-transition: all 0.4s;-o-transition: all 0.4s;-moz-transition: all 0.4s;transition: all 0.4s;background-color: #fff;-webkit-box-shadow: 0px 2px 22px #1d174d3b;-moz-box-shadow: 0px 2px 22px #1d174d3b;box-shadow: 0px 2px 22px #1d174d3b;}.gear-style .gear-style_content {height: -webkit-fit-content;height: -moz-fit-content;height: fit-content;z-index: 5;-webkit-border-radius: 0 0 4px 0;-moz-border-radius: 0 0 4px 0;border-radius: 0 0 4px 0;padding: 10px;display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 8px;width: -webkit-fit-content;width: -moz-fit-content;width: fit-content;}.gear-style .gear-icon {position: absolute;right: -36px;top: 0;width: 36px;height: 36px;z-index: 2;-webkit-box-shadow: 0px 3px 30px #1d174d36;-moz-box-shadow: 0px 3px 30px #1d174d36;box-shadow: 0px 3px 30px #1d174d36;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-webkit-justify-content: center;-moz-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;cursor: pointer;background: #fff;}.form-control {display: block;width: 100%;height: 34px;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;color: #555;background-color: #fff;background-image: none;border: 1px solid #ccc;border-radius: 4px;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;}.form-group {margin-bottom: 15px;}.li-div .dropbtn i {transition: transform 0.3s ease;color: var(--main-color);}.li-div .dropbtn i {transform: rotate(180deg);}.li-div:hover .dropbtn i {transform: rotate(90deg);}.li-div.left .dropbtn i {transform: rotate(0deg);}.li-div.left:hover .dropbtn i {transform: rotate(90deg);}.d-none {display: none !important;}.button_inner i.l {position: relative;left: -35%;top: 10px;color: rgba(10, 83, 190, 1.0);font-size: 25px;opacity: 0;transition: left 0.3s 0s, top 0.3s 0s, opacity 0.3s 0s;}span.t {left: 5%;}.tick {position: absolute;left: -40;right: 0;transform: scale(0);margin: auto;font-size: 22px;}.button-sub:checked+label .button_inner {background: transparent;transform: rotate(90deg);width: 100px;border-radius: 100px;box-shadow: 0px 0px 0px 440px rgba(0, 0, 0, 0);-webkit-animation: finalbox 0.4s 4.42s cubic-bezier(0.39, 2.01, 0.27, 0.75) forwards;animation: finalbox 0.4s 4.42s cubic-bezier(0.39, 2.01, 0.27, 0.75) forwards;}.button-sub:checked+label .button_inner span.t {opacity: 0;top: 20px;}.button-sub:checked+label i.l {left: 14px;opacity: 1;top: 11px;-webkit-animation: down 1s 0.25s infinite, final 0.2s 4s forwards;animation: down 1s 0.25s infinite, final 0.2s 4s forwards;}.button-sub:checked+label .tick {position: absolute;left: 2px;right: 0;transform: scale(0) rotate(-90deg);color: #00C1FC;top: 11px;margin: auto;font-size: 22px;-webkit-animation: tick 0.3s 4.7s forwards;animation: tick 0.3s 4.7s forwards;}.button-sub:checked+label .button_spots {opacity: 1;}.button-sub:checked+label .button_spots:nth-of-type(0) {top: 8px !important;left: -34px !important;opacity: 0;padding: 3.5px !important;-webkit-animation: spew 1s 0.3s forwards, rotate 4.2s 1.35s linear infinite, final 0.2s 4s forwards, spot-0 0.7s 10.8444444444s linear infinite !important;animation: spew 1s 0.3s forwards, rotate 4.2s 1.35s linear infinite, final 0.2s 4s forwards, spot-0 0.7s 10.8444444444s linear infinite !important;}.button-sub:checked+label .button_spots:nth-of-type(1) {top: 13px !important;left: -34px !important;opacity: 0;padding: 4px !important;-webkit-animation: spew 1s 0.3s forwards, rotate 4.2s 0.85s linear infinite, final 0.2s 4s forwards, spot-1 0.7s 10.7333333333s linear infinite !important;animation: spew 1s 0.3s forwards, rotate 4.2s 0.85s linear infinite, final 0.2s 4s forwards, spot-1 0.7s 10.7333333333s linear infinite !important;}.button-sub:checked+label .button_spots:nth-of-type(2) {top: 10px !important;left: -34px !important;opacity: 0;padding: 6.25px !important;-webkit-animation: spew 1s 0.3s forwards, rotate 4.4s 1.25s linear infinite, final 0.2s 4s forwards, spot-2 0.7s 10.5s linear infinite !important;animation: spew 1s 0.3s forwards, rotate 4.4s 1.25s linear infinite, final 0.2s 4s forwards, spot-2 0.7s 10.5s linear infinite !important;}.button-sub:checked+label .button_spots:nth-of-type(3) {top: 8px !important;left: -34px !important;opacity: 0;padding: 4.25px !important;-webkit-animation: spew 1s 0.3s forwards, rotate 4.3s 1.45s linear infinite, final 0.2s 4s forwards, spot-3 0.7s 10.5333333333s linear infinite !important;animation: spew 1s 0.3s forwards, rotate 4.3s 1.45s linear infinite, final 0.2s 4s forwards, spot-3 0.7s 10.5333333333s linear infinite !important;}.button-sub:checked+label .button_spots:nth-of-type(4) {top: 12px !important;left: -34px !important;opacity: 0;padding: 6.75px !important;-webkit-animation: spew 1s 0.3s forwards, rotate 4.2s 1.35s linear infinite, final 0.2s 4s forwards, spot-4 0.7s 11.0444444444s linear infinite !important;animation: spew 1s 0.3s forwards, rotate 4.2s 1.35s linear infinite, final 0.2s 4s forwards, spot-4 0.7s 11.0444444444s linear infinite !important;}.button-sub:checked+label .button_spots:nth-of-type(5) {top: 10px !important;left: -34px !important;opacity: 0;padding: 7px !important;-webkit-animation: spew 1s 0.3s forwards, rotate 4.4s 1.45s linear infinite, final 0.2s 4s forwards, spot-5 0.7s 10.45s linear infinite !important;animation: spew 1s 0.3s forwards, rotate 4.4s 1.45s linear infinite, final 0.2s 4s forwards, spot-5 0.7s 10.45s linear infinite !important;}.button-sub:checked+label .button_spots:nth-of-type(6) {top: 10px !important;left: -34px !important;opacity: 0;padding: 6.25px !important;-webkit-animation: spew 1s 0.3s forwards, rotate 4.3s 1.15s linear infinite, final 0.2s 4s forwards, spot-6 0.7s 11.0571428571s linear infinite !important;animation: spew 1s 0.3s forwards, rotate 4.3s 1.15s linear infinite, final 0.2s 4s forwards, spot-6 0.7s 11.0571428571s linear infinite !important;}.button-sub:checked+label .button_spots:nth-of-type(7) {top: 15px !important;left: -34px !important;opacity: 0;padding: 6.5px !important;-webkit-animation: spew 1s 0.3s forwards, rotate 4.2s 0.75s linear infinite, final 0.2s 4s forwards, spot-7 0.7s 10.74s linear infinite !important;animation: spew 1s 0.3s forwards, rotate 4.2s 0.75s linear infinite, final 0.2s 4s forwards, spot-7 0.7s 10.74s linear infinite !important;}.button-sub:checked+label .button_spots:nth-of-type(8) {top: 8px !important;left: -34px !important;opacity: 0;padding: 4px !important;-webkit-animation: spew 1s 0.3s forwards, rotate 4.4s 0.65s linear infinite, final 0.2s 4s forwards, spot-8 0.7s 10.8444444444s linear infinite !important;animation: spew 1s 0.3s forwards, rotate 4.4s 0.65s linear infinite, final 0.2s 4s forwards, spot-8 0.7s 10.8444444444s linear infinite !important;}.button-sub:checked+label .button_spots:nth-of-type(9) {top: 8px !important;left: -34px !important;opacity: 0;padding: 6.25px !important;-webkit-animation: spew 1s 0.3s forwards, rotate 4.3s 0.95s linear infinite, final 0.2s 4s forwards, spot-9 0.7s 11s linear infinite !important;animation: spew 1s 0.3s forwards, rotate 4.3s 0.95s linear infinite, final 0.2s 4s forwards, spot-9 0.7s 11s linear infinite !important;}.button-sub:checked+label .button_spots:nth-of-type(10) {top: 13px !important;left: -34px !important;opacity: 0;padding: 4px !important;-webkit-animation: spew 1s 0.3s forwards, rotate 4.4s 1.05s linear infinite, final 0.2s 4s forwards, spot-10 0.7s 10.5s linear infinite !important;animation: spew 1s 0.3s forwards, rotate 4.4s 1.05s linear infinite, final 0.2s 4s forwards, spot-10 0.7s 10.5s linear infinite !important;}.button-sub:checked+label .button_spots:nth-of-type(11) {top: 14px !important;left: -34px !important;opacity: 0;padding: 6px !important;-webkit-animation: spew 1s 0.3s forwards, rotate 4.1s 1.45s linear infinite, final 0.2s 4s forwards, spot-11 0.7s 10.2444444444s linear infinite !important;animation: spew 1s 0.3s forwards, rotate 4.1s 1.45s linear infinite, final 0.2s 4s forwards, spot-11 0.7s 10.2444444444s linear infinite !important;}.button-sub:checked+label .button_spots:nth-of-type(12) {top: 6px !important;left: -34px !important;opacity: 0;padding: 6.5px !important;-webkit-animation: spew 1s 0.3s forwards, rotate 4.4s 0.65s linear infinite, final 0.2s 4s forwards, spot-12 0.7s 10.6s linear infinite !important;animation: spew 1s 0.3s forwards, rotate 4.4s 0.65s linear infinite, final 0.2s 4s forwards, spot-12 0.7s 10.6s linear infinite !important;}.button-sub:checked+label .button_spots:nth-of-type(13) {top: 14px !important;left: -34px !important;opacity: 0;padding: 3.5px !important;-webkit-animation: spew 1s 0.3s forwards, rotate 4.4s 1.25s linear infinite, final 0.2s 4s forwards, spot-13 0.7s 10.2s linear infinite !important;animation: spew 1s 0.3s forwards, rotate 4.4s 1.25s linear infinite, final 0.2s 4s forwards, spot-13 0.7s 10.2s linear infinite !important;}.button-sub:checked+label .button_spots:nth-of-type(14) {top: 8px !important;left: -34px !important;opacity: 0;padding: 5.5px !important;-webkit-animation: spew 1s 0.3s forwards, rotate 4.3s 0.55s linear infinite, final 0.2s 4s forwards, spot-14 0.7s 10.4571428571s linear infinite !important;animation: spew 1s 0.3s forwards, rotate 4.3s 0.55s linear infinite, final 0.2s 4s forwards, spot-14 0.7s 10.4571428571s linear infinite !important;}.button-sub:checked+label .button_spots:nth-of-type(15) {top: 14px !important;left: -34px !important;opacity: 0;padding: 5.75px !important;-webkit-animation: spew 1s 0.3s forwards, rotate 4.1s 0.45s linear infinite, final 0.2s 4s forwards, spot-15 0.7s 10.9s linear infinite !important;animation: spew 1s 0.3s forwards, rotate 4.1s 0.45s linear infinite, final 0.2s 4s forwards, spot-15 0.7s 10.9s linear infinite !important;}.button-sub:checked+label .button_spots:nth-of-type(16) {top: 11px !important;left: -34px !important;opacity: 0;padding: 7px !important;-webkit-animation: spew 1s 0.3s forwards, rotate 4.1s 1.35s linear infinite, final 0.2s 4s forwards, spot-16 0.7s 10.6571428571s linear infinite !important;animation: spew 1s 0.3s forwards, rotate 4.1s 1.35s linear infinite, final 0.2s 4s forwards, spot-16 0.7s 10.6571428571s linear infinite !important;}.button-sub:checked+label .button_spots:nth-of-type(17) {top: 15px !important;left: -34px !important;opacity: 0;padding: 2.75px !important;-webkit-animation: spew 1s 0.3s forwards, rotate 4.1s 0.95s linear infinite, final 0.2s 4s forwards, spot-17 0.7s 10.65s linear infinite !important;animation: spew 1s 0.3s forwards, rotate 4.1s 0.95s linear infinite, final 0.2s 4s forwards, spot-17 0.7s 10.65s linear infinite !important;}.button-sub:checked+label .button_spots:nth-of-type(18) {top: 7px !important;left: -34px !important;opacity: 0;padding: 5.75px !important;-webkit-animation: spew 1s 0.3s forwards, rotate 4.3s 1.45s linear infinite, final 0.2s 4s forwards, spot-18 0.7s 10.38s linear infinite !important;animation: spew 1s 0.3s forwards, rotate 4.3s 1.45s linear infinite, final 0.2s 4s forwards, spot-18 0.7s 10.38s linear infinite !important;}.button-sub:checked+label .button_spots:nth-of-type(19) {top: 9px !important;left: -34px !important;opacity: 0;padding: 3.25px !important;-webkit-animation: spew 1s 0.3s forwards, rotate 4.3s 1.35s linear infinite, final 0.2s 4s forwards, spot-19 0.7s 10.2444444444s linear infinite !important;animation: spew 1s 0.3s forwards, rotate 4.3s 1.35s linear infinite, final 0.2s 4s forwards, spot-19 0.7s 10.2444444444s linear infinite !important;}.button-sub:checked+label .button_spots:nth-of-type(20) {top: 9px !important;left: -34px !important;opacity: 0;padding: 5.25px !important;-webkit-animation: spew 1s 0.3s forwards, rotate 4.2s 0.65s linear infinite, final 0.2s 4s forwards, spot-20 0.7s 11s linear infinite !important;animation: spew 1s 0.3s forwards, rotate 4.2s 0.65s linear infinite, final 0.2s 4s forwards, spot-20 0.7s 11s linear infinite !important;}.button-sub:checked+label .button_spots:nth-of-type(21) {top: 15px !important;left: -34px !important;opacity: 0;padding: 5px !important;-webkit-animation: spew 1s 0.3s forwards, rotate 4.1s 0.65s linear infinite, final 0.2s 4s forwards, spot-21 0.7s 10.9s linear infinite !important;animation: spew 1s 0.3s forwards, rotate 4.1s 0.65s linear infinite, final 0.2s 4s forwards, spot-21 0.7s 10.9s linear infinite !important;}.button-sub:checked+label .button_spots:nth-of-type(22) {top: 8px !important;left: -34px !important;opacity: 0;padding: 2.5px !important;-webkit-animation: spew 1s 0.3s forwards, rotate 4.2s 0.95s linear infinite, final 0.2s 4s forwards, spot-22 0.7s 10.8333333333s linear infinite !important;animation: spew 1s 0.3s forwards, rotate 4.2s 0.95s linear infinite, final 0.2s 4s forwards, spot-22 0.7s 10.8333333333s linear infinite !important;}.button-sub:checked+label .button_spots:nth-of-type(23) {top: 12px !important;left: -34px !important;opacity: 0;padding: 2.25px !important;-webkit-animation: spew 1s 0.3s forwards, rotate 4.4s 1.25s linear infinite, final 0.2s 4s forwards, spot-23 0.7s 10.7s linear infinite !important;animation: spew 1s 0.3s forwards, rotate 4.4s 1.25s linear infinite, final 0.2s 4s forwards, spot-23 0.7s 10.7s linear infinite !important;}.button-sub:checked+label .button_spots:nth-of-type(24) {top: 9px !important;left: -34px !important;opacity: 0;padding: 5.25px !important;-webkit-animation: spew 1s 0.3s forwards, rotate 4.2s 0.95s linear infinite, final 0.2s 4s forwards, spot-24 0.7s 10.24s linear infinite !important;animation: spew 1s 0.3s forwards, rotate 4.2s 0.95s linear infinite, final 0.2s 4s forwards, spot-24 0.7s 10.24s linear infinite !important;}.button-sub:checked+label .button_spots:nth-of-type(25) {top: 11px !important;left: -34px !important;opacity: 0;padding: 2.5px !important;-webkit-animation: spew 1s 0.3s forwards, rotate 4.4s 1.05s linear infinite, final 0.2s 4s forwards, spot-25 0.7s 11.1s linear infinite !important;animation: spew 1s 0.3s forwards, rotate 4.4s 1.05s linear infinite, final 0.2s 4s forwards, spot-25 0.7s 11.1s linear infinite !important;}.button-sub:checked+label .button_spots:nth-of-type(26) {top: 15px !important;left: -34px !important;opacity: 0;padding: 2.5px !important;-webkit-animation: spew 1s 0.3s forwards, rotate 4.3s 0.35s linear infinite, final 0.2s 4s forwards, spot-26 0.7s 10.3571428571s linear infinite !important;animation: spew 1s 0.3s forwards, rotate 4.3s 0.35s linear infinite, final 0.2s 4s forwards, spot-26 0.7s 10.3571428571s linear infinite !important;}.button-sub:checked+label .button_spots:nth-of-type(27) {top: 6px !important;left: -34px !important;opacity: 0;padding: 6px !important;-webkit-animation: spew 1s 0.3s forwards, rotate 4.1s 0.45s linear infinite, final 0.2s 4s forwards, spot-27 0.7s 10.4s linear infinite !important;animation: spew 1s 0.3s forwards, rotate 4.1s 0.45s linear infinite, final 0.2s 4s forwards, spot-27 0.7s 10.4s linear infinite !important;}.button-sub:checked+label .button_spots:nth-of-type(28) {top: 8px !important;left: -34px !important;opacity: 0;padding: 2.75px !important;-webkit-animation: spew 1s 0.3s forwards, rotate 4.4s 1.25s linear infinite, final 0.2s 4s forwards, spot-28 0.7s 10.9s linear infinite !important;animation: spew 1s 0.3s forwards, rotate 4.4s 1.25s linear infinite, final 0.2s 4s forwards, spot-28 0.7s 10.9s linear infinite !important;}.button-sub:checked+label .button_spots:nth-of-type(29) {top: 15px !important;left: -34px !important;opacity: 0;padding: 6.25px !important;-webkit-animation: spew 1s 0.3s forwards, rotate 4.3s 1.25s linear infinite, final 0.2s 4s forwards, spot-29 0.7s 10.7s linear infinite !important;animation: spew 1s 0.3s forwards, rotate 4.3s 1.25s linear infinite, final 0.2s 4s forwards, spot-29 0.7s 10.7s linear infinite !important;}.button-sub:checked+label .button_spots:nth-of-type(30) {top: 14px !important;left: -34px !important;opacity: 0;padding: 2.25px !important;-webkit-animation: spew 1s 0.3s forwards, rotate 4.2s 0.85s linear infinite, final 0.2s 4s forwards, spot-30 0.7s 10.84s linear infinite !important;animation: spew 1s 0.3s forwards, rotate 4.2s 0.85s linear infinite, final 0.2s 4s forwards, spot-30 0.7s 10.84s linear infinite !important;}.button-sub:checked+label .button_spots:nth-of-type(31) {top: 9px !important;left: -34px !important;opacity: 0;padding: 4.75px !important;-webkit-animation: spew 1s 0.3s forwards, rotate 4.2s 0.65s linear infinite, final 0.2s 4s forwards, spot-31 0.7s 10.74s linear infinite !important;animation: spew 1s 0.3s forwards, rotate 4.2s 0.65s linear infinite, final 0.2s 4s forwards, spot-31 0.7s 10.74s linear infinite !important;}.button-sub:checked+label .button_spots:nth-of-type(32) {top: 11px !important;left: -34px !important;opacity: 0;padding: 4px !important;-webkit-animation: spew 1s 0.3s forwards, rotate 4.2s 1.15s linear infinite, final 0.2s 4s forwards, spot-32 0.7s 10.44s linear infinite !important;animation: spew 1s 0.3s forwards, rotate 4.2s 1.15s linear infinite, final 0.2s 4s forwards, spot-32 0.7s 10.44s linear infinite !important;}.button-sub:checked+label .button_spots:nth-of-type(33) {top: 7px !important;left: -34px !important;opacity: 0;padding: 6px !important;-webkit-animation: spew 1s 0.3s forwards, rotate 4.4s 0.75s linear infinite, final 0.2s 4s forwards, spot-33 0.7s 10.44s linear infinite !important;animation: spew 1s 0.3s forwards, rotate 4.4s 0.75s linear infinite, final 0.2s 4s forwards, spot-33 0.7s 10.44s linear infinite !important;}.button-sub:checked+label .button_spots:nth-of-type(34) {top: 9px !important;left: -34px !important;opacity: 0;padding: 3px !important;-webkit-animation: spew 1s 0.3s forwards, rotate 4.3s 0.85s linear infinite, final 0.2s 4s forwards, spot-34 0.7s 11s linear infinite !important;animation: spew 1s 0.3s forwards, rotate 4.3s 0.85s linear infinite, final 0.2s 4s forwards, spot-34 0.7s 11s linear infinite !important;}.button-sub:checked+label .button_spots:nth-of-type(35) {top: 13px !important;left: -34px !important;opacity: 0;padding: 3.75px !important;-webkit-animation: spew 1s 0.3s forwards, rotate 4.1s 0.95s linear infinite, final 0.2s 4s forwards, spot-35 0.7s 10.24s linear infinite !important;animation: spew 1s 0.3s forwards, rotate 4.1s 0.95s linear infinite, final 0.2s 4s forwards, spot-35 0.7s 10.24s linear infinite !important;}.button-sub:checked+label .button_spots:nth-of-type(36) {top: 8px !important;left: -34px !important;opacity: 0;padding: 7px !important;-webkit-animation: spew 1s 0.3s forwards, rotate 4.3s 1.05s linear infinite, final 0.2s 4s forwards, spot-36 0.7s 10.5s linear infinite !important;animation: spew 1s 0.3s forwards, rotate 4.3s 1.05s linear infinite, final 0.2s 4s forwards, spot-36 0.7s 10.5s linear infinite !important;}.button-sub:checked+label .button_spots:nth-of-type(37) {top: 9px !important;left: -34px !important;opacity: 0;padding: 5.5px !important;-webkit-animation: spew 1s 0.3s forwards, rotate 4.2s 1.45s linear infinite, final 0.2s 4s forwards, spot-37 0.7s 10.78s linear infinite !important;animation: spew 1s 0.3s forwards, rotate 4.2s 1.45s linear infinite, final 0.2s 4s forwards, spot-37 0.7s 10.78s linear infinite !important;}.button-sub:checked+label .button_spots:nth-of-type(38) {top: 13px !important;left: -34px !important;opacity: 0;padding: 5.75px !important;-webkit-animation: spew 1s 0.3s forwards, rotate 4.2s 0.75s linear infinite, final 0.2s 4s forwards, spot-38 0.7s 11.1s linear infinite !important;animation: spew 1s 0.3s forwards, rotate 4.2s 0.75s linear infinite, final 0.2s 4s forwards, spot-38 0.7s 11.1s linear infinite !important;}.button-sub:checked+label .button_spots:nth-of-type(39) {top: 14px !important;left: -34px !important;opacity: 0;padding: 4.75px !important;-webkit-animation: spew 1s 0.3s forwards, rotate 4.1s 0.85s linear infinite, final 0.2s 4s forwards, spot-39 0.7s 10.3666666667s linear infinite !important;animation: spew 1s 0.3s forwards, rotate 4.1s 0.85s linear infinite, final 0.2s 4s forwards, spot-39 0.7s 10.3666666667s linear infinite !important;}.button-sub:checked+label .button_spots:nth-of-type(40) {top: 10px !important;left: -34px !important;opacity: 0;padding: 5.75px !important;-webkit-animation: spew 1s 0.3s forwards, rotate 4.3s 0.45s linear infinite, final 0.2s 4s forwards, spot-40 0.7s 10.1444444444s linear infinite !important;animation: spew 1s 0.3s forwards, rotate 4.3s 0.45s linear infinite, final 0.2s 4s forwards, spot-40 0.7s 10.1444444444s linear infinite !important;}.button-sub:checked+label .button_spots:nth-of-type(41) {top: 15px !important;left: -34px !important;opacity: 0;padding: 6px !important;-webkit-animation: spew 1s 0.3s forwards, rotate 4.2s 0.45s linear infinite, final 0.2s 4s forwards, spot-41 0.7s 10.3333333333s linear infinite !important;animation: spew 1s 0.3s forwards, rotate 4.2s 0.45s linear infinite, final 0.2s 4s forwards, spot-41 0.7s 10.3333333333s linear infinite !important;}.button-sub:checked+label .button_spots:nth-of-type(42) {top: 13px !important;left: -34px !important;opacity: 0;padding: 2.5px !important;-webkit-animation: spew 1s 0.3s forwards, rotate 4.2s 0.65s linear infinite, final 0.2s 4s forwards, spot-42 0.7s 10.84s linear infinite !important;animation: spew 1s 0.3s forwards, rotate 4.2s 0.65s linear infinite, final 0.2s 4s forwards, spot-42 0.7s 10.84s linear infinite !important;}.button-sub:checked+label .button_spots:nth-of-type(43) {top: 14px !important;left: -34px !important;opacity: 0;padding: 6px !important;-webkit-animation: spew 1s 0.3s forwards, rotate 4.4s 0.35s linear infinite, final 0.2s 4s forwards, spot-43 0.7s 10.8444444444s linear infinite !important;animation: spew 1s 0.3s forwards, rotate 4.4s 0.35s linear infinite, final 0.2s 4s forwards, spot-43 0.7s 10.8444444444s linear infinite !important;}.button-sub:checked+label .button_spots:nth-of-type(44) {top: 10px !important;left: -34px !important;opacity: 0;padding: 4.5px !important;-webkit-animation: spew 1s 0.3s forwards, rotate 4.3s 0.45s linear infinite, final 0.2s 4s forwards, spot-44 0.7s 11.1s linear infinite !important;animation: spew 1s 0.3s forwards, rotate 4.3s 0.45s linear infinite, final 0.2s 4s forwards, spot-44 0.7s 11.1s linear infinite !important;}.button-sub:checked+label .button_spots:nth-of-type(45) {top: 11px !important;left: -34px !important;opacity: 0;padding: 6.25px !important;-webkit-animation: spew 1s 0.3s forwards, rotate 4.1s 0.95s linear infinite, final 0.2s 4s forwards, spot-45 0.7s 11.04s linear infinite !important;animation: spew 1s 0.3s forwards, rotate 4.1s 0.95s linear infinite, final 0.2s 4s forwards, spot-45 0.7s 11.04s linear infinite !important;}.button-sub:checked+label .button_spots:nth-of-type(46) {top: 7px !important;left: -34px !important;opacity: 0;padding: 2.75px !important;-webkit-animation: spew 1s 0.3s forwards, rotate 4.4s 0.85s linear infinite, final 0.2s 4s forwards, spot-46 0.7s 10.6444444444s linear infinite !important;animation: spew 1s 0.3s forwards, rotate 4.4s 0.85s linear infinite, final 0.2s 4s forwards, spot-46 0.7s 10.6444444444s linear infinite !important;}.button-sub:checked+label .button_spots:nth-of-type(47) {top: 12px !important;left: -34px !important;opacity: 0;padding: 6.75px !important;-webkit-animation: spew 1s 0.3s forwards, rotate 4.1s 1.45s linear infinite, final 0.2s 4s forwards, spot-47 0.7s 10.2444444444s linear infinite !important;animation: spew 1s 0.3s forwards, rotate 4.1s 1.45s linear infinite, final 0.2s 4s forwards, spot-47 0.7s 10.2444444444s linear infinite !important;}.button-sub:checked+label .button_spots:nth-of-type(48) {top: 10px !important;left: -34px !important;opacity: 0;padding: 5px !important;-webkit-animation: spew 1s 0.3s forwards, rotate 4.2s 0.75s linear infinite, final 0.2s 4s forwards, spot-48 0.7s 11.04s linear infinite !important;animation: spew 1s 0.3s forwards, rotate 4.2s 0.75s linear infinite, final 0.2s 4s forwards, spot-48 0.7s 11.04s linear infinite !important;}.button-sub:checked+label .button_spots:nth-of-type(49) {top: 10px !important;left: -34px !important;opacity: 0;padding: 4.5px !important;-webkit-animation: spew 1s 0.3s forwards, rotate 4.2s 1.25s linear infinite, final 0.2s 4s forwards, spot-49 0.7s 10.5333333333s linear infinite !important;animation: spew 1s 0.3s forwards, rotate 4.2s 1.25s linear infinite, final 0.2s 4s forwards, spot-49 0.7s 10.5333333333s linear infinite !important;}.button-sub:checked+label .button_spots:nth-of-type(50) {top: 8px !important;left: -34px !important;opacity: 0;padding: 5.25px !important;-webkit-animation: spew 1s 0.3s forwards, rotate 4.3s 0.55s linear infinite, final 0.2s 4s forwards, spot-50 0.7s 10.54s linear infinite !important;animation: spew 1s 0.3s forwards, rotate 4.3s 0.55s linear infinite, final 0.2s 4s forwards, spot-50 0.7s 10.54s linear infinite !important;}.button-sub:checked+label .button_spots:nth-of-type(51) {top: 8px !important;left: -34px !important;opacity: 0;padding: 4px !important;-webkit-animation: spew 1s 0.3s forwards, rotate 4.3s 1.35s linear infinite, final 0.2s 4s forwards, spot-51 0.7s 10.8s linear infinite !important;animation: spew 1s 0.3s forwards, rotate 4.3s 1.35s linear infinite, final 0.2s 4s forwards, spot-51 0.7s 10.8s linear infinite !important;}.button-sub:checked+label .button_spots:nth-of-type(52) {top: 6px !important;left: -34px !important;opacity: 0;padding: 3.75px !important;-webkit-animation: spew 1s 0.3s forwards, rotate 4.2s 0.65s linear infinite, final 0.2s 4s forwards, spot-52 0.7s 11.1333333333s linear infinite !important;animation: spew 1s 0.3s forwards, rotate 4.2s 0.65s linear infinite, final 0.2s 4s forwards, spot-52 0.7s 11.1333333333s linear infinite !important;}.button-sub:checked+label .button_spots:nth-of-type(53) {top: 15px !important;left: -34px !important;opacity: 0;padding: 5.75px !important;-webkit-animation: spew 1s 0.3s forwards, rotate 4.4s 0.65s linear infinite, final 0.2s 4s forwards, spot-53 0.7s 10.48s linear infinite !important;animation: spew 1s 0.3s forwards, rotate 4.4s 0.65s linear infinite, final 0.2s 4s forwards, spot-53 0.7s 10.48s linear infinite !important;}.button-sub:checked+label .button_spots:nth-of-type(54) {top: 10px !important;left: -34px !important;opacity: 0;padding: 2.75px !important;-webkit-animation: spew 1s 0.3s forwards, rotate 4.4s 1.35s linear infinite, final 0.2s 4s forwards, spot-54 0.7s 11.05s linear infinite !important;animation: spew 1s 0.3s forwards, rotate 4.4s 1.35s linear infinite, final 0.2s 4s forwards, spot-54 0.7s 11.05s linear infinite !important;}.button-sub:checked+label .button_spots:nth-of-type(55) {top: 8px !important;left: -34px !important;opacity: 0;padding: 5.5px !important;-webkit-animation: spew 1s 0.3s forwards, rotate 4.3s 1.25s linear infinite, final 0.2s 4s forwards, spot-55 0.7s 10.9444444444s linear infinite !important;animation: spew 1s 0.3s forwards, rotate 4.3s 1.25s linear infinite, final 0.2s 4s forwards, spot-55 0.7s 10.9444444444s linear infinite !important;}.button-sub:checked+label .button_spots:nth-of-type(56) {top: 13px !important;left: -34px !important;opacity: 0;padding: 4.5px !important;-webkit-animation: spew 1s 0.3s forwards, rotate 4.4s 1.25s linear infinite, final 0.2s 4s forwards, spot-56 0.7s 10.3444444444s linear infinite !important;animation: spew 1s 0.3s forwards, rotate 4.4s 1.25s linear infinite, final 0.2s 4s forwards, spot-56 0.7s 10.3444444444s linear infinite !important;}.button-sub:checked+label .button_spots:nth-of-type(57) {top: 10px !important;left: -34px !important;opacity: 0;padding: 3.25px !important;-webkit-animation: spew 1s 0.3s forwards, rotate 4.1s 0.65s linear infinite, final 0.2s 4s forwards, spot-57 0.7s 10.78s linear infinite !important;animation: spew 1s 0.3s forwards, rotate 4.1s 0.65s linear infinite, final 0.2s 4s forwards, spot-57 0.7s 10.78s linear infinite !important;}.button-sub:checked+label .button_spots:nth-of-type(58) {top: 7px !important;left: -34px !important;opacity: 0;padding: 2.5px !important;-webkit-animation: spew 1s 0.3s forwards, rotate 4.2s 1.45s linear infinite, final 0.2s 4s forwards, spot-58 0.7s 10.55s linear infinite !important;animation: spew 1s 0.3s forwards, rotate 4.2s 1.45s linear infinite, final 0.2s 4s forwards, spot-58 0.7s 10.55s linear infinite !important;}.button-sub:checked+label .button_spots:nth-of-type(59) {top: 11px !important;left: -34px !important;opacity: 0;padding: 6.25px !important;-webkit-animation: spew 1s 0.3s forwards, rotate 4.3s 0.35s linear infinite, final 0.2s 4s forwards, spot-59 0.7s 10.68s linear infinite !important;animation: spew 1s 0.3s forwards, rotate 4.3s 0.35s linear infinite, final 0.2s 4s forwards, spot-59 0.7s 10.68s linear infinite !important;}.button-sub:checked+label .button_spots:nth-of-type(60) {top: 13px !important;left: -34px !important;opacity: 0;padding: 4.25px !important;-webkit-animation: spew 1s 0.3s forwards, rotate 4.3s 0.35s linear infinite, final 0.2s 4s forwards, spot-60 0.7s 11.0666666667s linear infinite !important;animation: spew 1s 0.3s forwards, rotate 4.3s 0.35s linear infinite, final 0.2s 4s forwards, spot-60 0.7s 11.0666666667s linear infinite !important;}.tick {position: absolute;left: -40;right: 0;transform: scale(0);margin: auto;font-size: 22px;}.button-sub {position: absolute;top: 50%;left: 0;right: 0;margin: auto;text-align: Center;height: 360px;width: 200px;transform: translateY(-50%);}.button-sub h1 {font-weight: 100;color: White;font-size: 24px;margin: 0;text-transform: uppercase;}.button-sub h2 {font-weight: 100;color: rgba(10, 83, 190, 1.0);opacity: 1;font-size: 14px;margin: 4px 0px 0px 0px;}.button-sub .b_l_quad .button_spots:nth-child(1) {padding: 3px;left: -13px;top: 50px;}.button-sub .b_l_quad .button_spots:nth-child(2) {padding: 3px;left: -1px;top: 50px;}.button-sub .b_l_quad .button_spots:nth-child(3) {padding: 5px;left: 11px;top: 50px;}.button-sub .b_l_quad .button_spots:nth-child(4) {padding: 5px;left: 23px;top: 50px;}.button-sub .b_l_quad .button_spots:nth-child(5) {padding: 3px;left: 35px;top: 50px;}.button-sub .b_l_quad .button_spots:nth-child(6) {padding: 3px;left: 47px;top: 50px;}.button-sub .b_l_quad .button_spots:nth-child(7) {padding: 5px;left: 59px;top: 50px;}.button-sub .b_l_quad .button_spots:nth-child(8) {padding: 4px;left: 71px;top: 50px;}.button-sub .b_l_quad .button_spots:nth-child(9) {padding: 3px;left: 83px;top: 50px;}.button-sub .b_l_quad .button_spots:nth-child(10) {padding: 4px;left: 95px;top: 50px;}.button-sub .b_l_quad .button_spots:nth-child(11) {padding: 5px;left: 107px;top: 50px;}.button-sub .b_l_quad .button_spots:nth-child(12) {padding: 5px;left: 119px;top: 50px;}.button-sub .b_l_quad .button_spots:nth-child(13) {padding: 3px;left: 131px;top: 50px;}.button-sub .b_l_quad .button_spots:nth-child(14) {padding: 3px;left: 143px;top: 50px;}.button-sub .b_l_quad .button_spots:nth-child(15) {padding: 3px;left: 155px;top: 50px;}.button-sub .b_l_quad .button_spots:nth-child(16) {padding: 3px;left: 167px;top: 50px;}.button-sub .b_l_quad .button_spots:nth-child(17) {padding: 4px;left: 179px;top: 50px;}.button-sub .b_l_quad .button_spots:nth-child(18) {padding: 5px;left: 191px;top: 50px;}.button-sub .b_l_quad .button_spots:nth-child(19) {padding: 4px;left: 203px;top: 50px;}.button-sub .b_l_quad .button_spots:nth-child(20) {padding: 4px;left: 215px;top: 50px;}.button-sub .b_l_quad .button_spots:nth-child(20) {padding: 3px;left: -15px;top: -12px;}.button-sub .b_l_quad .button_spots:nth-child(21) {padding: 4px;left: -3px;top: -12px;}.button-sub .b_l_quad .button_spots:nth-child(22) {padding: 5px;left: 9px;top: -12px;}.button-sub .b_l_quad .button_spots:nth-child(23) {padding: 4px;left: 21px;top: -12px;}.button-sub .b_l_quad .button_spots:nth-child(24) {padding: 3px;left: 33px;top: -12px;}.button-sub .b_l_quad .button_spots:nth-child(25) {padding: 3px;left: 45px;top: -12px;}.button-sub .b_l_quad .button_spots:nth-child(26) {padding: 3px;left: 57px;top: -12px;}.button-sub .b_l_quad .button_spots:nth-child(27) {padding: 4px;left: 69px;top: -12px;}.button-sub .b_l_quad .button_spots:nth-child(28) {padding: 5px;left: 81px;top: -12px;}.button-sub .b_l_quad .button_spots:nth-child(29) {padding: 3px;left: 93px;top: -12px;}.button-sub .b_l_quad .button_spots:nth-child(30) {padding: 5px;left: 105px;top: -12px;}.button-sub .b_l_quad .button_spots:nth-child(31) {padding: 4px;left: 117px;top: -12px;}.button-sub .b_l_quad .button_spots:nth-child(32) {padding: 3px;left: 129px;top: -12px;}.button-sub .b_l_quad .button_spots:nth-child(33) {padding: 4px;left: 141px;top: -12px;}.button-sub .b_l_quad .button_spots:nth-child(34) {padding: 3px;left: 153px;top: -12px;}.button-sub .b_l_quad .button_spots:nth-child(35) {padding: 4px;left: 165px;top: -12px;}.button-sub .b_l_quad .button_spots:nth-child(36) {padding: 4px;left: 177px;top: -12px;}.button-sub .b_l_quad .button_spots:nth-child(37) {padding: 3px;left: 189px;top: -12px;}.button-sub .b_l_quad .button_spots:nth-child(38) {padding: 5px;left: 201px;top: -12px;}.button-sub .b_l_quad .button_spots:nth-child(39) {padding: 3px;left: 213px;top: -12px;}.button-sub .b_l_quad .button_spots:nth-child(40) {padding: 4px;left: 225px;top: -12px;}.button-sub .b_l_quad .button_spots:nth-child(40) {padding: 3px;left: 204px;top: -8px;}.button-sub .b_l_quad .button_spots:nth-child(41) {padding: 4px;left: 204px;top: 4px;}.button-sub .b_l_quad .button_spots:nth-child(42) {padding: 3px;left: 204px;top: 16px;}.button-sub .b_l_quad .button_spots:nth-child(43) {padding: 4px;left: 204px;top: 28px;}.button-sub .b_l_quad .button_spots:nth-child(44) {padding: 3px;left: 204px;top: 40px;}.button-sub .b_l_quad .button_spots:nth-child(45) {padding: 5px;left: 204px;top: 52px;}.button-sub .b_l_quad .button_spots:nth-child(46) {padding: 5px;left: 204px;top: 64px;}.button-sub .b_l_quad .button_spots:nth-child(46) {padding: 5px;left: -10px;top: -16px;}.button-sub .b_l_quad .button_spots:nth-child(47) {padding: 3px;left: -10px;top: -4px;}.button-sub .b_l_quad .button_spots:nth-child(48) {padding: 4px;left: -10px;top: 8px;}.button-sub .b_l_quad .button_spots:nth-child(49) {padding: 3px;left: -10px;top: 20px;}.button-sub .b_l_quad .button_spots:nth-child(50) {padding: 4px;left: -10px;top: 32px;}.button-sub .b_l_quad .button_spots:nth-child(51) {padding: 4px;left: -10px;top: 44px;}.button-sub .b_l_quad .button_spots:nth-child(52) {padding: 3px;left: -10px;top: 56px;}.button-sub .button_spots {position: absolute;border-radius: 100px;background: green;opacity: 0;-webkit-animation: opacity 1s;animation: opacity 1s;}.button-sub .button_spots:nth-of-type(1) {transform-origin: 85px 10px;background: #76d681;box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);transition: all 1.9s;}.button-sub .button_spots:nth-of-type(2) {transform-origin: 83px 14px;background: #7bced1;box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);transition: all 1.1s;}.button-sub .button_spots:nth-of-type(3) {transform-origin: 86px 17px;background: #bb79d2;box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);transition: all 1.9s;}.button-sub .button_spots:nth-of-type(4) {transform-origin: 80px 11px;background: #d67c76;box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);transition: all 1.9s;}.button-sub .button_spots:nth-of-type(5) {transform-origin: 80px 14px;background: #ac76d5;box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);transition: all 1.5s;}.button-sub .button_spots:nth-of-type(6) {transform-origin: 85px 17px;background: #85d576;box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);transition: all 1.2s;}.button-sub .button_spots:nth-of-type(7) {transform-origin: 85px 16px;background: #d17abc;box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);transition: all 1.4s;}.button-sub .button_spots:nth-of-type(8) {transform-origin: 87px 17px;background: #d1d17b;box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);transition: all 1.8s;}.button-sub .button_spots:nth-of-type(9) {transform-origin: 83px 19px;background: #7cd081;box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);transition: all 1.6s;}.button-sub .button_spots:nth-of-type(10) {transform-origin: 86px 19px;background: #d5ae76;box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);transition: all 1.6s;}.button-sub .button_spots:nth-of-type(11) {transform-origin: 82px 10px;background: #d7758d;box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);transition: all 1.3s;}.button-sub .button_spots:nth-of-type(12) {transform-origin: 83px 16px;background: #7cc2d0;box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);transition: all 2s;}.button-sub .button_spots:nth-of-type(13) {transform-origin: 84px 12px;background: #d67681;box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);transition: all 1.5s;}.button-sub .button_spots:nth-of-type(14) {transform-origin: 89px 10px;background: #78d576;box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);transition: all 1.4s;}.button-sub .button_spots:nth-of-type(15) {transform-origin: 86px 19px;background: #747cd8;box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);transition: all 1.2s;}.button-sub .button_spots:nth-of-type(16) {transform-origin: 86px 13px;background: #d17a84;box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);transition: all 1.3s;}.button-sub .button_spots:nth-of-type(17) {transform-origin: 80px 12px;background: #d1b97a;box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);transition: all 1.7s;}.button-sub .button_spots:nth-of-type(18) {transform-origin: 82px 14px;background: #77cbd4;box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);transition: all 1.1s;}.button-sub .button_spots:nth-of-type(19) {transform-origin: 81px 18px;background: #79a1d2;box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);transition: all 1.5s;}.button-sub .button_spots:nth-of-type(20) {transform-origin: 88px 13px;background: #cf79d2;box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);transition: all 1.9s;}.button-sub .button_spots:nth-of-type(21) {transform-origin: 89px 18px;background: #d87475;box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);transition: all 1.1s;}.button-sub .button_spots:nth-of-type(22) {transform-origin: 86px 15px;background: #ced676;box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);transition: all 1.1s;}.button-sub .button_spots:nth-of-type(23) {transform-origin: 80px 13px;background: #8ad378;box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);transition: all 1.7s;}.button-sub .button_spots:nth-of-type(24) {transform-origin: 83px 13px;background: #76acd5;box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);transition: all 2s;}.button-sub .button_spots:nth-of-type(25) {transform-origin: 82px 19px;background: #76d580;box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);transition: all 1.1s;}.button-sub .button_spots:nth-of-type(26) {transform-origin: 86px 10px;background: #d576c4;box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);transition: all 1.7s;}.button-sub .button_spots:nth-of-type(27) {transform-origin: 84px 17px;background: #d477b4;box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);transition: all 1.1s;}.button-sub .button_spots:nth-of-type(28) {transform-origin: 84px 11px;background: #7774d8;box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);transition: all 1.4s;}.button-sub .button_spots:nth-of-type(29) {transform-origin: 87px 10px;background: #d7757a;box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);transition: all 1.3s;}.button-sub .button_spots:nth-of-type(30) {transform-origin: 85px 13px;background: #d378b2;box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);transition: all 2s;}.button-sub .button_spots:nth-of-type(31) {transform-origin: 86px 12px;background: #d07ca4;box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);transition: all 1.8s;}.button-sub .button_spots:nth-of-type(32) {transform-origin: 88px 18px;background: #79d282;box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);transition: all 1.4s;}.button-sub .button_spots:nth-of-type(33) {transform-origin: 85px 15px;background: #79aad2;box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);transition: all 1.4s;}.button-sub .button_spots:nth-of-type(34) {transform-origin: 84px 14px;background: #d49277;box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);transition: all 1.9s;}.button-sub .button_spots:nth-of-type(35) {transform-origin: 83px 11px;background: #d69776;box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);transition: all 1.8s;}.button-sub .button_spots:nth-of-type(36) {transform-origin: 82px 14px;background: #d07c95;box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);transition: all 1.4s;}.button-sub .button_spots:nth-of-type(37) {transform-origin: 85px 13px;background: #76d57d;box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);transition: all 2s;}.button-sub .button_spots:nth-of-type(38) {transform-origin: 80px 17px;background: #7c8ed0;box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);transition: all 1.1s;}.button-sub .button_spots:nth-of-type(39) {transform-origin: 83px 11px;background: #bf74d8;box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);transition: all 1.6s;}.button-sub .button_spots:nth-of-type(40) {transform-origin: 89px 13px;background: #d17a86;box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);transition: all 1.8s;}.button-sub .button_spots:nth-of-type(41) {transform-origin: 82px 15px;background: #7897d3;box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);transition: all 2s;}.button-sub .button_spots:nth-of-type(42) {transform-origin: 80px 12px;background: #7bd279;box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);transition: all 1.6s;}.button-sub .button_spots:nth-of-type(43) {transform-origin: 83px 15px;background: #d09d7c;box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);transition: all 1.6s;}.button-sub .button_spots:nth-of-type(44) {transform-origin: 81px 14px;background: #d07cb2;box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);transition: all 1.7s;}.button-sub .button_spots:nth-of-type(45) {transform-origin: 80px 17px;background: #bb74d8;box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);transition: all 1.5s;}.button-sub .button_spots:nth-of-type(46) {transform-origin: 82px 15px;background: #d29e79;box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);transition: all 1.8s;}.button-sub .button_spots:nth-of-type(47) {transform-origin: 82px 11px;background: #7ad17a;box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);transition: all 1.6s;}.button-sub .button_spots:nth-of-type(48) {transform-origin: 83px 18px;background: #75d7a9;box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);transition: all 1.8s;}.button-sub .button_spots:nth-of-type(49) {transform-origin: 85px 18px;background: #d3789a;box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);transition: all 1.7s;}.button-sub .button_spots:nth-of-type(50) {transform-origin: 81px 11px;background: #7cd080;box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);transition: all 2s;}.button-sub .button_spots:nth-of-type(51) {transform-origin: 87px 15px;background: #d39e78;box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);transition: all 1.8s;}.button-sub .button_spots:nth-of-type(52) {transform-origin: 81px 12px;background: #78d3b6;box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.12);transition: all 1.2s;}.button_inner {width: 59% !important;height: 50px !important;left: 0;right: 0;margin: auto;box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.04);font-weight: 100;font-size: 12px;cursor: pointer;border: 2px solid rgba(0, 0, 0, 0.04);color: rgba(10, 83, 190, 1.0);text-align: Center;transition: all 0.3s, box-shadow 0.2s, transform 0.2s 0.2s;font-size: 16px;font-weight: 600;}.button_inner span.t {position: relative;top: 6px;opacity: 1;left: 15%;transition: left 0.4s 0.1s;}.rtl .button_inner span.t {left: 0px;}.button_inner i.l {position: relative;left: 3%;top: 10px;color: rgba(10, 83, 190, 1.0);font-size: 25px;opacity: 0;transition: left 0.3s 0s, top 0.3s 0s, opacity 0.3s 0s;}.rtl .button_inner i.l {left: -55%;}.button_inner:hover {color: #fff !important;background: rgba(10, 83, 190, 1.0);;box-shadow: 0px 17px 18px -14px rgba(0, 0, 0, 0.08);}.button_inner:hover span.t {color: #fff !important;left: 10%;transition: left 0.4s;}.rtl .button_inner:hover span.t {left: 20%;}.button_inner:hover i.l {top: 10px;opacity: 1;transition: left 0.3s 0s, top 0.3s 0.1s, opacity 0.3s 0.1s;color: #fff;}.button_inner:hover .button_spots:nth-of-type(1) {-webkit-animation: spot-1 0.7s 0.58s linear infinite;animation: spot-1 0.7s 0.58s linear infinite;}.button_inner:hover .button_spots:nth-of-type(2) {-webkit-animation: spot-2 0.7s 0.64s linear infinite;animation: spot-2 0.7s 0.64s linear infinite;}.button_inner:hover .button_spots:nth-of-type(3) {-webkit-animation: spot-3 0.7s 0.75s linear infinite;animation: spot-3 0.7s 0.75s linear infinite;}.button_inner:hover .button_spots:nth-of-type(4) {-webkit-animation: spot-4 0.7s 1s linear infinite;animation: spot-4 0.7s 1s linear infinite;}.button_inner:hover .button_spots:nth-of-type(5) {-webkit-animation: spot-5 0.7s 0.8s linear infinite;animation: spot-5 0.7s 0.8s linear infinite;}.button_inner:hover .button_spots:nth-of-type(6) {-webkit-animation: spot-6 0.7s 0.6333333333s linear infinite;animation: spot-6 0.7s 0.6333333333s linear infinite;}.button_inner:hover .button_spots:nth-of-type(7) {-webkit-animation: spot-7 0.7s 0.9s linear infinite;animation: spot-7 0.7s 0.9s linear infinite;}.button_inner:hover .button_spots:nth-of-type(8) {-webkit-animation: spot-8 0.7s 0.9s linear infinite;animation: spot-8 0.7s 0.9s linear infinite;}.button_inner:hover .button_spots:nth-of-type(9) {-webkit-animation: spot-9 0.7s 0.6666666667s linear infinite;animation: spot-9 0.7s 0.6666666667s linear infinite;}.button_inner:hover .button_spots:nth-of-type(10) {-webkit-animation: spot-10 0.7s 1.4s linear infinite;animation: spot-10 0.7s 1.4s linear infinite;}.button_inner:hover .button_spots:nth-of-type(11) {-webkit-animation: spot-11 0.7s 0.6s linear infinite;animation: spot-11 0.7s 0.6s linear infinite;}.button_inner:hover .button_spots:nth-of-type(12) {-webkit-animation: spot-12 0.7s 0.7444444444s linear infinite;animation: spot-12 0.7s 0.7444444444s linear infinite;}.button_inner:hover .button_spots:nth-of-type(13) {-webkit-animation: spot-13 0.7s 1.1s linear infinite;animation: spot-13 0.7s 1.1s linear infinite;}.button_inner:hover .button_spots:nth-of-type(14) {-webkit-animation: spot-14 0.7s 0.78s linear infinite;animation: spot-14 0.7s 0.78s linear infinite;}.button_inner:hover .button_spots:nth-of-type(15) {-webkit-animation: spot-15 0.7s 0.84s linear infinite;animation: spot-15 0.7s 0.84s linear infinite;}.button_inner:hover .button_spots:nth-of-type(16) {-webkit-animation: spot-16 0.7s 1.05s linear infinite;animation: spot-16 0.7s 1.05s linear infinite;}.button_inner:hover .button_spots:nth-of-type(17) {-webkit-animation: spot-17 0.7s 0.18s linear infinite;animation: spot-17 0.7s 0.18s linear infinite;}.button_inner:hover .button_spots:nth-of-type(18) {-webkit-animation: spot-18 0.7s 0.6333333333s linear infinite;animation: spot-18 0.7s 0.6333333333s linear infinite;}.button_inner:hover .button_spots:nth-of-type(19) {-webkit-animation: spot-19 0.7s 0.9333333333s linear infinite;animation: spot-19 0.7s 0.9333333333s linear infinite;}.button_inner:hover .button_spots:nth-of-type(20) {-webkit-animation: spot-20 0.7s 0.9571428571s linear infinite;animation: spot-20 0.7s 0.9571428571s linear infinite;}.button_inner:hover .button_spots:nth-of-type(21) {-webkit-animation: spot-21 0.7s 0.5571428571s linear infinite;animation: spot-21 0.7s 0.5571428571s linear infinite;}.button_inner:hover .button_spots:nth-of-type(22) {-webkit-animation: spot-22 0.7s 0.78s linear infinite;animation: spot-22 0.7s 0.78s linear infinite;}.button_inner:hover .button_spots:nth-of-type(23) {-webkit-animation: spot-23 0.7s 0.3666666667s linear infinite;animation: spot-23 0.7s 0.3666666667s linear infinite;}.button_inner:hover .button_spots:nth-of-type(24) {-webkit-animation: spot-24 0.7s 0.4333333333s linear infinite;animation: spot-24 0.7s 0.4333333333s linear infinite;}.button_inner:hover .button_spots:nth-of-type(25) {-webkit-animation: spot-25 0.7s 0.38s linear infinite;animation: spot-25 0.7s 0.38s linear infinite;}.button_inner:hover .button_spots:nth-of-type(26) {-webkit-animation: spot-26 0.7s 0.9444444444s linear infinite;animation: spot-26 0.7s 0.9444444444s linear infinite;}.button_inner:hover .button_spots:nth-of-type(27) {-webkit-animation: spot-27 0.7s 0.1666666667s linear infinite;animation: spot-27 0.7s 0.1666666667s linear infinite;}.button_inner:hover .button_spots:nth-of-type(28) {-webkit-animation: spot-28 0.7s 0.94s linear infinite;animation: spot-28 0.7s 0.94s linear infinite;}.button_inner:hover .button_spots:nth-of-type(29) {-webkit-animation: spot-29 0.7s 0.4s linear infinite;animation: spot-29 0.7s 0.4s linear infinite;}.button_inner:hover .button_spots:nth-of-type(30) {-webkit-animation: spot-30 0.7s 0.84s linear infinite;animation: spot-30 0.7s 0.84s linear infinite;}.button_inner:hover .button_spots:nth-of-type(31) {-webkit-animation: spot-31 0.7s 1s linear infinite;animation: spot-31 0.7s 1s linear infinite;}.button_inner:hover .button_spots:nth-of-type(32) {-webkit-animation: spot-32 0.7s 0.5333333333s linear infinite;animation: spot-32 0.7s 0.5333333333s linear infinite;}.button_inner:hover .button_spots:nth-of-type(33) {-webkit-animation: spot-33 0.7s 0.9333333333s linear infinite;animation: spot-33 0.7s 0.9333333333s linear infinite;}.button_inner:hover .button_spots:nth-of-type(34) {-webkit-animation: spot-34 0.7s 0.7444444444s linear infinite;animation: spot-34 0.7s 0.7444444444s linear infinite;}.button_inner:hover .button_spots:nth-of-type(35) {-webkit-animation: spot-35 0.7s 0.28s linear infinite;animation: spot-35 0.7s 0.28s linear infinite;}.button_inner:hover .button_spots:nth-of-type(36) {-webkit-animation: spot-36 0.7s 0.3s linear infinite;animation: spot-36 0.7s 0.3s linear infinite;}.button_inner:hover .button_spots:nth-of-type(37) {-webkit-animation: spot-37 0.7s 0.85s linear infinite;animation: spot-37 0.7s 0.85s linear infinite;}.button_inner:hover .button_spots:nth-of-type(38) {-webkit-animation: spot-38 0.7s 0.3666666667s linear infinite;animation: spot-38 0.7s 0.3666666667s linear infinite;}.button_inner:hover .button_spots:nth-of-type(39) {-webkit-animation: spot-39 0.7s 0.24s linear infinite;animation: spot-39 0.7s 0.24s linear infinite;}.button_inner:hover .button_spots:nth-of-type(40) {-webkit-animation: spot-40 0.7s 0.74s linear infinite;animation: spot-40 0.7s 0.74s linear infinite;}.button_inner:hover .button_spots:nth-of-type(40) {-webkit-animation: spot-40 0.7s 0.1444444444s linear infinite;animation: spot-40 0.7s 0.1444444444s linear infinite;}.button_inner:hover .button_spots:nth-of-type(41) {-webkit-animation: spot-41 0.7s 0.84s linear infinite;animation: spot-41 0.7s 0.84s linear infinite;}.button_inner:hover .button_spots:nth-of-type(42) {-webkit-animation: spot-42 0.7s 0.9666666667s linear infinite;animation: spot-42 0.7s 0.9666666667s linear infinite;}.button_inner:hover .button_spots:nth-of-type(43) {-webkit-animation: spot-43 0.7s 0.68s linear infinite;animation: spot-43 0.7s 0.68s linear infinite;}.button_inner:hover .button_spots:nth-of-type(44) {-webkit-animation: spot-44 0.7s 0.74s linear infinite;animation: spot-44 0.7s 0.74s linear infinite;}.button_inner:hover .button_spots:nth-of-type(45) {-webkit-animation: spot-45 0.7s 0.9666666667s linear infinite;animation: spot-45 0.7s 0.9666666667s linear infinite;}.button_inner:hover .button_spots:nth-of-type(46) {-webkit-animation: spot-46 0.7s 0.68s linear infinite;animation: spot-46 0.7s 0.68s linear infinite;}.button_inner:hover .button_spots:nth-of-type(46) {-webkit-animation: spot-46 0.7s 0.5666666667s linear infinite;animation: spot-46 0.7s 0.5666666667s linear infinite;}.button_inner:hover .button_spots:nth-of-type(47) {-webkit-animation: spot-47 0.7s 0.7571428571s linear infinite;animation: spot-47 0.7s 0.7571428571s linear infinite;}.button_inner:hover .button_spots:nth-of-type(48) {-webkit-animation: spot-48 0.7s 0.48s linear infinite;animation: spot-48 0.7s 0.48s linear infinite;}.button_inner:hover .button_spots:nth-of-type(49) {-webkit-animation: spot-49 0.7s 0.3s linear infinite;animation: spot-49 0.7s 0.3s linear infinite;}.button_inner:hover .button_spots:nth-of-type(50) {-webkit-animation: spot-50 0.7s 0.6571428571s linear infinite;animation: spot-50 0.7s 0.6571428571s linear infinite;}.button_inner:hover .button_spots:nth-of-type(51) {-webkit-animation: spot-51 0.7s 0.64s linear infinite;animation: spot-51 0.7s 0.64s linear infinite;}.button_inner:hover .button_spots:nth-of-type(52) {-webkit-animation: spot-52 0.7s 1.4s linear infinite;animation: spot-52 0.7s 1.4s linear infinite;}.button_inner:hover .button_spots:nth-of-type(53) {-webkit-animation: spot-53 0.7s 0.85s linear infinite;animation: spot-53 0.7s 0.85s linear infinite;}.button_inner:hover .button_spots:nth-of-type(54) {-webkit-animation: spot-54 0.7s 0.9333333333s linear infinite;animation: spot-54 0.7s 0.9333333333s linear infinite;}@-webkit-keyframes spot-1 {from {opacity: 0;}to {transform: translateY(30px) translatex(-18px);opacity: 0.6;}}@keyframes spot-1 {from {opacity: 0;}to {transform: translateY(30px) translatex(-18px);opacity: 0.6;}}@-webkit-keyframes spot-2 {from {opacity: 0;}to {transform: translateY(30px) translatex(-16px);opacity: 0.6;}}@keyframes spot-2 {from {opacity: 0;}to {transform: translateY(30px) translatex(-16px);opacity: 0.6;}}@-webkit-keyframes spot-3 {from {opacity: 0;}to {transform: translateY(30px) translatex(-14px);opacity: 0.6;}}@keyframes spot-3 {from {opacity: 0;}to {transform: translateY(30px) translatex(-14px);opacity: 0.6;}}@-webkit-keyframes spot-4 {from {opacity: 0;}to {transform: translateY(30px) translatex(-12px);opacity: 0.6;}}@keyframes spot-4 {from {opacity: 0;}to {transform: translateY(30px) translatex(-12px);opacity: 0.6;}}@-webkit-keyframes spot-5 {from {opacity: 0;}to {transform: translateY(30px) translatex(-10px);opacity: 0.6;}}@keyframes spot-5 {from {opacity: 0;}to {transform: translateY(30px) translatex(-10px);opacity: 0.6;}}@-webkit-keyframes spot-6 {from {opacity: 0;}to {transform: translateY(30px) translatex(-8px);opacity: 0.6;}}@keyframes spot-6 {from {opacity: 0;}to {transform: translateY(30px) translatex(-8px);opacity: 0.6;}}@-webkit-keyframes spot-7 {from {opacity: 0;}to {transform: translateY(30px) translatex(-6px);opacity: 0.6;}}@keyframes spot-7 {from {opacity: 0;}to {transform: translateY(30px) translatex(-6px);opacity: 0.6;}}@-webkit-keyframes spot-8 {from {opacity: 0;}to {transform: translateY(30px) translatex(-4px);opacity: 0.6;}}@keyframes spot-8 {from {opacity: 0;}to {transform: translateY(30px) translatex(-4px);opacity: 0.6;}}@-webkit-keyframes spot-9 {from {opacity: 0;}to {transform: translateY(30px) translatex(-2px);opacity: 0.6;}}@keyframes spot-9 {from {opacity: 0;}to {transform: translateY(30px) translatex(-2px);opacity: 0.6;}}@-webkit-keyframes spot-10 {from {opacity: 0;}to {transform: translateY(30px) translatex(0px);opacity: 0.6;}}@keyframes spot-10 {from {opacity: 0;}to {transform: translateY(30px) translatex(0px);opacity: 0.6;}}@-webkit-keyframes spot-11 {from {opacity: 0;}to {transform: translateY(30px) translatex(2px);opacity: 0.6;}}@keyframes spot-11 {from {opacity: 0;}to {transform: translateY(30px) translatex(2px);opacity: 0.6;}}@-webkit-keyframes spot-12 {from {opacity: 0;}to {transform: translateY(30px) translatex(4px);opacity: 0.6;}}@keyframes spot-12 {from {opacity: 0;}to {transform: translateY(30px) translatex(4px);opacity: 0.6;}}@-webkit-keyframes spot-13 {from {opacity: 0;}to {transform: translateY(30px) translatex(6px);opacity: 0.6;}}@keyframes spot-13 {from {opacity: 0;}to {transform: translateY(30px) translatex(6px);opacity: 0.6;}}@-webkit-keyframes spot-14 {from {opacity: 0;}to {transform: translateY(30px) translatex(8px);opacity: 0.6;}}@keyframes spot-14 {from {opacity: 0;}to {transform: translateY(30px) translatex(8px);opacity: 0.6;}}@-webkit-keyframes spot-15 {from {opacity: 0;}to {transform: translateY(30px) translatex(10px);opacity: 0.6;}}@keyframes spot-15 {from {opacity: 0;}to {transform: translateY(30px) translatex(10px);opacity: 0.6;}}@-webkit-keyframes spot-16 {from {opacity: 0;}to {transform: translateY(30px) translatex(12px);opacity: 0.6;}}@keyframes spot-16 {from {opacity: 0;}to {transform: translateY(30px) translatex(12px);opacity: 0.6;}}@-webkit-keyframes spot-17 {from {opacity: 0;}to {transform: translateY(30px) translatex(14px);opacity: 0.6;}}@keyframes spot-17 {from {opacity: 0;}to {transform: translateY(30px) translatex(14px);opacity: 0.6;}}@-webkit-keyframes spot-18 {from {opacity: 0;}to {transform: translateY(30px) translatex(16px);opacity: 0.6;}}@keyframes spot-18 {from {opacity: 0;}to {transform: translateY(30px) translatex(16px);opacity: 0.6;}}@-webkit-keyframes spot-19 {from {opacity: 0;}to {transform: translateY(30px) translatex(18px);opacity: 0.6;}}@keyframes spot-19 {from {opacity: 0;}to {transform: translateY(30px) translatex(18px);opacity: 0.6;}}@-webkit-keyframes spot-20 {from {opacity: 0;}to {transform: translateY(30px) translatex(20px);opacity: 0.6;}}@keyframes spot-20 {from {opacity: 0;}to {transform: translateY(30px) translatex(20px);opacity: 0.6;}}@keyframes spot-20 {from {opacity: 0;}to {transform: translateY(-30px) translatex(-10px);opacity: 0.6;}}@-webkit-keyframes spot-21 {from {opacity: 0;}to {transform: translateY(-30px) translatex(-8px);opacity: 0.6;}}@keyframes spot-21 {from {opacity: 0;}to {transform: translateY(-30px) translatex(-8px);opacity: 0.6;}}@-webkit-keyframes spot-22 {from {opacity: 0;}to {transform: translateY(-30px) translatex(-6px);opacity: 0.6;}}@keyframes spot-22 {from {opacity: 0;}to {transform: translateY(-30px) translatex(-6px);opacity: 0.6;}}@-webkit-keyframes spot-23 {from {opacity: 0;}to {transform: translateY(-30px) translatex(-4px);opacity: 0.6;}}@keyframes spot-23 {from {opacity: 0;}to {transform: translateY(-30px) translatex(-4px);opacity: 0.6;}}@-webkit-keyframes spot-24 {from {opacity: 0;}to {transform: translateY(-30px) translatex(-2px);opacity: 0.6;}}@keyframes spot-24 {from {opacity: 0;}to {transform: translateY(-30px) translatex(-2px);opacity: 0.6;}}@-webkit-keyframes spot-25 {from {opacity: 0;}to {transform: translateY(-30px) translatex(0px);opacity: 0.6;}}@keyframes spot-25 {from {opacity: 0;}to {transform: translateY(-30px) translatex(0px);opacity: 0.6;}}@-webkit-keyframes spot-26 {from {opacity: 0;}to {transform: translateY(-30px) translatex(2px);opacity: 0.6;}}@keyframes spot-26 {from {opacity: 0;}to {transform: translateY(-30px) translatex(2px);opacity: 0.6;}}@-webkit-keyframes spot-27 {from {opacity: 0;}to {transform: translateY(-30px) translatex(4px);opacity: 0.6;}}@keyframes spot-27 {from {opacity: 0;}to {transform: translateY(-30px) translatex(4px);opacity: 0.6;}}@-webkit-keyframes spot-28 {from {opacity: 0;}to {transform: translateY(-30px) translatex(6px);opacity: 0.6;}}@keyframes spot-28 {from {opacity: 0;}to {transform: translateY(-30px) translatex(6px);opacity: 0.6;}}@-webkit-keyframes spot-29 {from {opacity: 0;}to {transform: translateY(-30px) translatex(8px);opacity: 0.6;}}@keyframes spot-29 {from {opacity: 0;}to {transform: translateY(-30px) translatex(8px);opacity: 0.6;}}@-webkit-keyframes spot-30 {from {opacity: 0;}to {transform: translateY(-30px) translatex(10px);opacity: 0.6;}}@keyframes spot-30 {from {opacity: 0;}to {transform: translateY(-30px) translatex(10px);opacity: 0.6;}}@-webkit-keyframes spot-31 {from {opacity: 0;}to {transform: translateY(-30px) translatex(12px);opacity: 0.6;}}@keyframes spot-31 {from {opacity: 0;}to {transform: translateY(-30px) translatex(12px);opacity: 0.6;}}@-webkit-keyframes spot-32 {from {opacity: 0;}to {transform: translateY(-30px) translatex(14px);opacity: 0.6;}}@keyframes spot-32 {from {opacity: 0;}to {transform: translateY(-30px) translatex(14px);opacity: 0.6;}}@-webkit-keyframes spot-33 {from {opacity: 0;}to {transform: translateY(-30px) translatex(16px);opacity: 0.6;}}@keyframes spot-33 {from {opacity: 0;}to {transform: translateY(-30px) translatex(16px);opacity: 0.6;}}@-webkit-keyframes spot-34 {from {opacity: 0;}to {transform: translateY(-30px) translatex(18px);opacity: 0.6;}}@keyframes spot-34 {from {opacity: 0;}to {transform: translateY(-30px) translatex(18px);opacity: 0.6;}}@-webkit-keyframes spot-35 {from {opacity: 0;}to {transform: translateY(-30px) translatex(20px);opacity: 0.6;}}@keyframes spot-35 {from {opacity: 0;}to {transform: translateY(-30px) translatex(20px);opacity: 0.6;}}@-webkit-keyframes spot-36 {from {opacity: 0;}to {transform: translateY(-30px) translatex(22px);opacity: 0.6;}}@keyframes spot-36 {from {opacity: 0;}to {transform: translateY(-30px) translatex(22px);opacity: 0.6;}}@-webkit-keyframes spot-37 {from {opacity: 0;}to {transform: translateY(-30px) translatex(24px);opacity: 0.6;}}@keyframes spot-37 {from {opacity: 0;}to {transform: translateY(-30px) translatex(24px);opacity: 0.6;}}@-webkit-keyframes spot-38 {from {opacity: 0;}to {transform: translateY(-30px) translatex(26px);opacity: 0.6;}}@keyframes spot-38 {from {opacity: 0;}to {transform: translateY(-30px) translatex(26px);opacity: 0.6;}}@-webkit-keyframes spot-39 {from {opacity: 0;}to {transform: translateY(-30px) translatex(28px);opacity: 0.6;}}@keyframes spot-39 {from {opacity: 0;}to {transform: translateY(-30px) translatex(28px);opacity: 0.6;}}@-webkit-keyframes spot-40 {from {opacity: 0;}to {transform: translateY(-30px) translatex(30px);opacity: 0.6;}}@keyframes spot-40 {from {opacity: 0;}to {transform: translateY(-30px) translatex(30px);opacity: 0.6;}}@keyframes spot-40 {from {opacity: 0;}to {transform: translateY(-6px) translatex(40px);opacity: 0.6;}}@-webkit-keyframes spot-41 {from {opacity: 0;}to {transform: translateY(-4px) translatex(40px);opacity: 0.6;}}@keyframes spot-41 {from {opacity: 0;}to {transform: translateY(-4px) translatex(40px);opacity: 0.6;}}@-webkit-keyframes spot-42 {from {opacity: 0;}to {transform: translateY(-2px) translatex(40px);opacity: 0.6;}}@keyframes spot-42 {from {opacity: 0;}to {transform: translateY(-2px) translatex(40px);opacity: 0.6;}}@-webkit-keyframes spot-43 {from {opacity: 0;}to {transform: translateY(0px) translatex(40px);opacity: 0.6;}}@keyframes spot-43 {from {opacity: 0;}to {transform: translateY(0px) translatex(40px);opacity: 0.6;}}@-webkit-keyframes spot-44 {from {opacity: 0;}to {transform: translateY(2px) translatex(40px);opacity: 0.6;}}@keyframes spot-44 {from {opacity: 0;}to {transform: translateY(2px) translatex(40px);opacity: 0.6;}}@-webkit-keyframes spot-45 {from {opacity: 0;}to {transform: translateY(4px) translatex(40px);opacity: 0.6;}}@keyframes spot-45 {from {opacity: 0;}to {transform: translateY(4px) translatex(40px);opacity: 0.6;}}@-webkit-keyframes spot-46 {from {opacity: 0;}to {transform: translateY(-7px) translatex(-40px);opacity: 0.6;}}@keyframes spot-46 {from {opacity: 0;}to {transform: translateY(-7px) translatex(-40px);opacity: 0.6;}}@-webkit-keyframes spot-47 {from {opacity: 0;}to {transform: translateY(-5px) translatex(-40px);opacity: 0.6;}}@keyframes spot-47 {from {opacity: 0;}to {transform: translateY(-5px) translatex(-40px);opacity: 0.6;}}@-webkit-keyframes spot-48 {from {opacity: 0;}to {transform: translateY(-3px) translatex(-40px);opacity: 0.6;}}@keyframes spot-48 {from {opacity: 0;}to {transform: translateY(-3px) translatex(-40px);opacity: 0.6;}}@-webkit-keyframes spot-49 {from {opacity: 0;}to {transform: translateY(-1px) translatex(-40px);opacity: 0.6;}}@keyframes spot-49 {from {opacity: 0;}to {transform: translateY(-1px) translatex(-40px);opacity: 0.6;}}@-webkit-keyframes spot-50 {from {opacity: 0;}to {transform: translateY(1px) translatex(-40px);opacity: 0.6;}}@keyframes spot-50 {from {opacity: 0;}to {transform: translateY(1px) translatex(-40px);opacity: 0.6;}}@-webkit-keyframes spot-51 {from {opacity: 0;}to {transform: translateY(3px) translatex(-40px);opacity: 0.6;}}@keyframes spot-51 {from {opacity: 0;}to {transform: translateY(3px) translatex(-40px);opacity: 0.6;}}@-webkit-keyframes spot-52 {from {opacity: 0;}to {transform: translateY(5px) translatex(-40px);opacity: 0.6;}}@keyframes spot-52 {from {opacity: 0;}to {transform: translateY(5px) translatex(-40px);opacity: 0.6;}}@-webkit-keyframes spot-53 {from {opacity: 0;}to {transform: translateY(7px) translatex(-40px);opacity: 0.6;}}@keyframes spot-53 {from {opacity: 0;}to {transform: translateY(7px) translatex(-40px);opacity: 0.6;}}@-webkit-keyframes spot-54 {from {opacity: 0;}to {transform: translateY(9px) translatex(-40px);opacity: 0.6;}}@keyframes spot-54 {from {opacity: 0;}to {transform: translateY(9px) translatex(-40px);opacity: 0.6;}}@-webkit-keyframes opacity {to {opacity: 0;}}@keyframes opacity {to {opacity: 0;}}@-webkit-keyframes rotate {from {opacity: 0.8;}to {transform: rotate(360deg);opacity: 0.8;}}@keyframes rotate {from {opacity: 0.8;}to {transform: rotate(360deg);opacity: 0.8;}}@-webkit-keyframes down {from {left: 10px;}to {left: 57px;}}@keyframes down {from {left: 10px;}to {left: 57px;}}@-webkit-keyframes spew {from {opacity: 0;}to {opacity: 0.8;}}@keyframes spew {from {opacity: 0;}to {opacity: 0.8;}}@-webkit-keyframes final {from {opacity: 1;}to {opacity: 0;}}@keyframes final {from {opacity: 1;}to {opacity: 0;}}@-webkit-keyframes finalbox {to {width: 50px;}}@keyframes finalbox {to {width: 50px;}}@-webkit-keyframes tick {to {transform: scale(1) rotate(-90deg);}}@keyframes tick {to {transform: scale(1) rotate(-90deg);}}.swiper-section2 {height: 180px;}.modal-wrapper {position: fixed;top: 0;right: 0;bottom: 0;left: 0;background: rgba(0, 0, 0, 0.8);z-index: -1;opacity: 0;-webkit-transition: opacity 0.2s ease-in;-moz-transition: opacity 0.2s ease-in;transition: opacity 0.2s ease-in;pointer-events: auto;}.modal-wrapper>div {width: 460px;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;vertical-align: middle;padding: 20px;border-radius: 6px;background: #fff;z-index: 1;overflow: auto;}.close {background: #606061;color: #ffffff;line-height: 25px;position: absolute;right: -12px;text-align: center;top: -10px;width: 24px;text-decoration: none;font-weight: bold;-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;}.close:hover {background: var(--background-color);}@media (max-width: 420px) {.cart-phone {display: none;}.list-phone-header {gap: 1px;}}.scrollable-list {max-height: 500px;overflow-y: auto;}.log-out {position: sticky;bottom: 0;height: 40px;}.user-email {border-bottom: 1px solid var(--wight-color-no-change);padding: .5rem;color: white;}.display-none {display: none;}.bundle {width: 120px !important;margin: 0 !important;}.me-2 {margin-left: 2rem;}@media screen and (max-width: 1144px) {main {padding: 86px 0;}}.text-center {text-align: center;}input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus {-webkit-text-fill-color: var(--gray-color);-webkit-box-shadow: 0 0 0px 1000px transparent inset;transition: background-color 5000s ease-in-out 0s;}.d-flex {display: flex;}.justify-content-center {justify-content: center;}.justify-content-between {justify-content: space-between;}.p-1 {padding: .25rem !important }.p-2 {padding: .5rem !important }.align-items-center {align-items: center;}.col-md-1 {flex: 0 0 auto;width: 8.33333333% }.col-md-2 {flex: 0 0 auto;width: 16.66666667% }.col-md-3 {flex: 0 0 auto;width: 25% }.col-md-4 {flex: 0 0 auto;width: 33.33333333% }.col-md-5 {flex: 0 0 auto;width: 41.66666667% }.col-md-6 {flex: 0 0 auto;width: 50% }.col-md-7 {flex: 0 0 auto;width: 58.33333333% }.col-md-8 {flex: 0 0 auto;width: 66.66666667% }.col-md-9 {flex: 0 0 auto;width: 75% }.col-md-10 {flex: 0 0 auto;width: 83.33333333% }.col-md-11 {flex: 0 0 auto;width: 91.66666667% }.col-md-12 {flex: 0 0 auto;width: 100% }.row {--bs-gutter-x: 1.5rem;--bs-gutter-y: 0;display: flex;flex-wrap: wrap;margin-top: calc(var(--bs-gutter-y) * -1);margin-left: calc(var(--bs-gutter-x) * -.5);margin-right: calc(var(--bs-gutter-x) * -.5) }.row>* {flex-shrink: 0;width: 100%;max-width: 100%;padding-left: calc(var(--bs-gutter-x) * .5);padding-right: calc(var(--bs-gutter-x) * .5);margin-top: var(--bs-gutter-y) }.col {flex: 1 0 0% }.flex-column {flex-direction: column;}.my-2 {margin-top: .5rem !important;margin-bottom: .5rem !important }.mt-4 {margin-top: 1.5rem !important }.badge {display: inline-block;padding: .35em .65em;font-size: .75em;font-weight: 700;line-height: 1;color: #fff;text-align: center;white-space: nowrap;vertical-align: baseline;border-radius: .25rem }.badge-dark {background-color: #000;padding: 10px;}.badge-dark {margin-left: 5px !important;}.px-0 {padding-left: 0 !important;padding-right: 0 !important;}.col-1 {width: 8.33%;}.col-2 {width: 16.66%;}.col-3 {width: 25%;}.col-4 {width: 33.33%;}.col-5 {width: 41.66%;}.col-6 {width: 50%;}.col-7 {width: 58.33%;}.col-8 {width: 66.66%;}.col-9 {width: 75%;}.col-10 {width: 83.33%;}.col-11 {width: 91.66%;}.col-12 {width: 100%;}@media (min-width: 576px) {.col-sm-1 {width: 8.33%;}.col-sm-2 {width: 16.66%;}.col-sm-3 {width: 25%;}.col-sm-4 {width: 33.33%;}.col-sm-5 {width: 41.66%;}.col-sm-6 {width: 50%;}.col-sm-7 {width: 58.33%;}.col-sm-8 {width: 66.66%;}.col-sm-9 {width: 75%;}.col-sm-10 {width: 83.33%;}.col-sm-11 {width: 91.66%;}.col-sm-12 {width: 100%;}}@media (min-width: 768px) {.col-md-1 {width: 8.33%;}.col-md-2 {width: 16.66%;}.col-md-3 {width: 25%;}.col-md-4 {width: 33.33%;}.col-md-5 {width: 41.66%;}.col-md-6 {width: 50%;}.col-md-7 {width: 58.33%;}.col-md-8 {width: 66.66%;}.col-md-9 {width: 75%;}.col-md-10 {width: 83.33%;}.col-md-11 {width: 91.66%;}.col-md-12 {width: 100%;}}@media (min-width: 992px) {.col-lg-1 {width: 8.33%;}.col-lg-2 {width: 16.66%;}.col-lg-3 {width: 25%;}.col-lg-4 {width: 33.33%;}.col-lg-5 {width: 41.66%;}.col-lg-6 {width: 50%;}.col-lg-7 {width: 58.33%;}.col-lg-8 {width: 66.66%;}.col-lg-9 {width: 75%;}.col-lg-10 {width: 83.33%;}.col-lg-11 {width: 91.66%;}.col-lg-12 {width: 100%;}}@media (min-width: 1200px) {.col-xl-1 {width: 8.33%;}.col-xl-2 {width: 16.66%;}.col-xl-3 {width: 25%;}.col-xl-4 {width: 33.33%;}.col-xl-5 {width: 41.66%;}.col-xl-6 {width: 50%;}.col-xl-7 {width: 58.33%;}.col-xl-8 {width: 66.66%;}.col-xl-9 {width: 75%;}.col-xl-10 {width: 83.33%;}.col-xl-11 {width: 91.66%;}.col-xl-12 {width: 100%;}}@media (min-width: 1400px) {.col-xxl-1 {width: 8.33%;}.col-xxl-2 {width: 16.66%;}.col-xxl-3 {width: 25%;}.col-xxl-4 {width: 33.33%;}.col-xxl-5 {width: 41.66%;}.col-xxl-6 {width: 50%;}.col-xxl-7 {width: 58.33%;}.col-xxl-8 {width: 66.66%;}.col-xxl-9 {width: 75%;}.col-xxl-10 {width: 83.33%;}.col-xxl-11 {width: 91.66%;}.col-xxl-12 {width: 100%;}}.m-2 {margin: 0.5rem !important;}.show-promo {position: fixed;top: 60%;right: 0%;height: max-content;border-radius: 5px 0px 0px 5px;display: flex;align-items: center;justify-content: center;vertical-align: middle;writing-mode: vertical-rl;color: #fff;cursor: pointer;box-shadow: 0px 2px 22px #1d174d3b;z-index: 200;transform: translateY(-50%);opacity: 1;transition: opacity 3s;background-color: var(--main-color);visibility: visible;}.promo-container {position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 999999999;display: flex;visibility: visible;opacity: 1;transition: opacity 3s;max-height: 80vh;visibility: hidden;}.promo-container .promo-text {background-color: var(--main-color);color: white;width: 350px;word-break: break-word;position: relative;border-top-right-radius: 25px;border-bottom-right-radius: 25px;height: 506px;}.promo-container .promo-text h1 {font-weight: 700;font-size: 1.5rem;text-align: center;word-break: break-word;}.promo-img {width: 340px;}.promo-img img {border-top-left-radius: 25px;border-bottom-left-radius: 25px;width: 350px;height: 506px;}.promo-container .promo-text .promo-code {background-color: #000000;border: 1px dashed #d6d6d6;width: 100%;text-align: center;}.promo-text .close {width: 35px;height: 35px;border: 1px solid #fff;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-webkit-justify-content: center;-moz-box-pack: center;-ms-flex-pack: center;justify-content: center;cursor: pointer;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;-webkit-transition: all 0.2s;-o-transition: all 0.2s;-moz-transition: all 0.2s;transition: all 0.2s;background-color: #fff;margin: 20px !important;}.promo-text .close i {color: var(--main-color);}.ltr .promo-container .promo-text {border-top-right-radius: unset;border-bottom-right-radius: unset;border-top-left-radius: 25px;border-bottom-left-radius: 25px;}.ltr .promo-img img {border-top-left-radius: unset;border-bottom-left-radius: unset;border-top-right-radius: 25px;border-bottom-right-radius: 25px;}.badge-dark {background-color: #000;padding: 10px;}.ltr .show-promo {right: unset;left: 0%;border-radius: 0px 5px 5px 0px;}@media (max-width: 768px) {.promo-container {flex-direction: column;}.ltr .promo-container .promo-text {border-top-right-radius: 25px;border-bottom-right-radius: unset;border-top-left-radius: 25px;border-bottom-left-radius: unset;}.ltr .promo-img img {border-top-left-radius: unset;border-bottom-left-radius: 25px;border-top-right-radius: unset;border-bottom-right-radius: 25px;}.promo-img img {border-top-left-radius: unset;border-top-right-radius: unset;border-bottom-left-radius: 25px;border-bottom-right-radius: 25px;}.promo-container .promo-text {border-top-left-radius: 25px;border-top-right-radius: 25px;border-bottom-left-radius: unset;border-bottom-right-radius: unset;}.promo-container {overflow-y: auto;overflow-x: hidden;}}.promo-container .promo-text, .promo-container .promo-img {max-height: 100%;}.cursor-pointer {cursor: pointer;}.ltr .promo-text .close {left: 0;}