.welcome *{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
     color: #FFF;
}
.welcome{
    background-color: #000;
}

/* Header */
.welcome-header{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: min(4.44vw, 71.04px);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.00) 100%);
    backdrop-filter: blur(1px);
    z-index: 100;
    display: flex;
    align-items: center;
}
.welcome-logo{
    width: min(6.944vw, 111.1px); 
    height: auto;
}
.welcome-header-wrapper{
    width: min(88.89vw, 1422.4px);
    margin: 0 auto;
}


/* Fixed label */
.fixed-dt-label{
    position: fixed;    
    right: 0;
    bottom: min(1.39vw, 22.24px);
    width: min(11.67vw, 187.6px);
    padding: min(0.83vw, 13.28px) 0px min(0.83vw, 13.28px) min(1.67vw, 26.56px);
    z-index: 11;
    border-radius: min(0.83vw, 13.28px) 0px 0px min(0.83vw, 13.28px);
    background: #0487FF;
    backdrop-filter: blur(min(1.25vw, 19.84px));
    display: flex;
    flex-direction: column;
    gap: min(0.28vw, 4.48px);
}
.fixed-dt-label span:first-child{
    font-size: min(1.39vw, 22.24px);
    font-weight: 600;
    line-height: 100%;
    letter-spacing: max(-0.03vw, -0.48px);
}
.fixed-dt-label span:nth-child(2){
    color: rgba(255, 255, 255, 0.75);
    font-size: min(1.11vw, 17.76px);
    font-weight: 500;
    line-height: 100%;
    letter-spacing: max(-0.03vw, -0.48px);
}


/* Index */
.welcome-index{
    position: relative;
    padding: min(7.99vw, 127.84px) 0 0;
}
.welcome-index:before{
    content: '';
    position: absolute;
    width: min(66.52vw, 1066.72px);
    height: min(21.04vw, 336.64px);
    transform: rotate(37.318deg) translateX(-50%) skewX(-20deg);
    border-radius: min(66.52vw, 1066.72px);
    opacity: 0.75;
    background: linear-gradient(231deg, #008CFF 26.71%, rgba(55, 34, 195, 0.81) 96.27%);
    filter: blur(min(11.1vw, 177.76px));
    z-index: 1;
    user-select: none;
    pointer-events: none;
    left: calc(50% - min(45.35vw, 726.72px));
    top: min(27.01vw, 432.64px);
}
.welcome-index:after{
    content: '';
    position: absolute;
    width: min(66.92vw, 1071.04px);
    height: min(21.75vw, 348.64px);
    transform: rotate(155.917deg) translateX(-50%);
    border-radius: min(66.92vw, 1071.04px);
    opacity: 0.75;
    background: #22A6C3;
    filter: blur(min(11.1vw, 177.76px));
    z-index: 0;
    user-select: none;
    pointer-events: none;
    left: calc(50% - min(75.56vw, 1209.6px));
    top: min(16.46vw, 263.04px);
}
.welcome-wrapper{
    width: min(89.17vw,1426.72px);
    margin: 0 auto;
    display: flex;
    gap: min(4.93vw, 79.04px);
    position: relative;
    z-index: 9;
}
.welcome-content{
    width: min(43.75vw, 700px);
}
.welcome-heading{
    font-size: min(4.44vw, 71.04px);
    font-weight: 500;
    line-height: 120%;
    letter-spacing: max(-0.02vw, -0.32px)
}
.welcome-list{
    margin-top: min(1.67vw,26.72px);
    display: flex;
    gap: min(2.36vw, 37.76px);
}
.welcome-list-row{
    display: flex;
    align-items: center;
    gap: min(0.69vw, 11.04px);
    font-size: min(1.39vw, 22.24px);
    font-weight: 500;
    line-height: 100%;
}
.welcome-list-row:before{
    content: '';
    display: block;
    width: min(1.94vw, 31.04px);
    height: min(1.94vw, 31.04px);
    background: top left/contain no-repeat url('//s4.vcdn.biz/static/218217351/CheckCircle.svg');
}
.welcome-list-col{
    display: flex;
    flex-direction: column;
    gap: min(0.83vw, 13.28px);
}
.welcome-rate{
    margin-top: min(2.22vw, 35.36px);
    display: flex;
    gap: min(2.5vw, 40px);
}
.welcome-rate-col{
    display: flex;
    align-items: center;
    gap: min(0.28vw, 4.48px);
}
.welcome-rate-left,
.welcome-rate-right{
    display: block;
    width: min(1.74vw, 27.84px);
    height: min(3.33vw, 53.28px);
}
.welcome-rate-value{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: min(0.28vw, 4.48px);
    font-size: min(1.67vw, 26.72px);
    font-weight: 500;
    line-height: 120%;
    letter-spacing: min(0.03vw, 0.48px);
}
.welcome-rate-value svg{
    width: min(1.32vw, 21.12px);
    height: min(1.25vw, 20px);
}
.welcome-rate-text{
    text-align: center;
    font-size: min(1.39vw, 22.24px);
    font-weight: 450;
    line-height: 120%;
}
.welcome-btn-wrap{
    display: flex;
    align-items: center;
    gap: min(1.11vw, 17.76px);
    margin-top: min(2.43vw, 39.04px);
}
.welcome-btn{
    display: flex;
    justify-content: center;
    align-items: center;
    width: min(17.43vw, 279.04px);
    height: min(4.44vw, 71.04px);
    border-radius: min(0.69vw, 11.04px);
    background: #10DECD;
    color: #000 !important;
    font-size: min(1.39vw, 22.24px);
    font-weight: 600;
    line-height: 120%;
    transition: 300ms all;
    flex-shrink: 0;
}
.welcome-btn:hover{
    background: #fff;
}
.welcome-btn--white{
    background: #fff !important;
}
.welcome-btn--white:hover{
    background-color: #c4c4c4 !important;
}
.welcome-index-ligal{
    font-size: min(1.67vw, 26.72px);
    font-weight: 600;
    line-height: 120%;
    letter-spacing: min(0.03vw, 0.48px);
}
.welcome-index-images{
    position: relative;
    margin-top: max(-6.67vw, -106.72px);
    margin-right: max(-5.556vw,-88.896px);
}
.welcome-index-images:after{
    content:'';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: min(20vw,320px);
    background: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, 0.00) 64.99%);
    border-radius: min(1.39vw, 22.24px)
}

.welcome-index-image{
    position: relative;
    display: flex;
}
.welcome-index-image video, .welcome-index-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: min(1.39vw, 22.24px);
    overflow: hidden;
}
.welcome-index-image_sm,
.welcome-index-image_lg,
.welcome-index-image_md{
    overflow: hidden;
    border-radius: min(1.39vw, 22.24px);
}
.welcome-index-image_sm{
    width: min(10.35vw, 165.6px);
    height: min(10.35vw, 165.6px);
}
.welcome-index-image_lg{
    width: min(21.53vw, 344.48px);
    height: min(10.42vw, 166.72px);
}

.welcome-index-image_sm:after, .welcome-index-image_lg:after, .welcome-index-image_md:after{
    content:'';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background:top left/cover no-repeat url('//s5.vcdn.biz/static/215190661/sm-card-border.png');
}

.welcome-index-image_lg:after{
    background:top left/contain no-repeat url('//s9.vcdn.biz/static/215190701/lg-card-bg.png');
}

.welcome-index-image_md:after{
    background:top left/contain no-repeat url('//s2.vcdn.biz/static/211267531/border3.png')
}

.welcome-index-images-row{
    display: flex;
    gap: min(0.83vw,13.28px);
    margin-bottom: min(0.83vw,13.28px);
}



/* Subscribe */

.welcome-subscribe{
    padding: min(3.75vw, 60px) 0 min(2.08vw, 33.28px);
    position: relative;
    overflow-x: clip;
}
.welcome-subscribe:before{
    content:'';
    position: absolute;
    width: min(63.4vw, 1014.4px);
    height: min(37.73vw, 603.68px);
    transform: rotate(56.593deg);
    border-radius: min(63.4vw, 1014.4px);
    background: linear-gradient(231deg, rgba(85, 29, 219, 0.50) 12.5%, rgba(34, 195, 177, 0.41) 71.73%);
    filter: blur(min(13.89vw, 222.24px));
    top: min(45.76vw, 732.16px);
    right: max(-28.96vw, -463.36px);
}
.welcome-subscribe-wrapper{
    width: min(73.89vw, 1176px);
    margin: 0 auto;
    position: relative;
    z-index: 10;
}
.welcome-heading-h2{
    text-align: center;
    font-size: min(3.33vw, 53.28px);
    font-weight: 500;
    line-height: 110%;
    letter-spacing: max(-0.03vw, -0.48px);
}
.welcome-subscribe-cards{
    margin-top: min(2.5vw, 40.16px);
    display: flex;
    gap: min(1.74vw, 27.92px);
}
.welcome-subscribe-card{
    width: min(23.47vw, 375.6px);
    border-radius: min(0.69vw, 11.04px);
    background: linear-gradient(298deg, rgba(20, 20, 20, 0.00) 21.57%, #141414 97.24%), linear-gradient(180deg, rgba(0, 15, 13, 0.00) -27.92%, #343434 -3.7%, #131313 107.36%), rgba(0, 0, 0, 0.20);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    padding: min(2.22vw, 35.52px) min(1.67vw, 26.72px);
    height: fit-content;
}
.welcome-subscribe-card.top-sales{
    background: 
    linear-gradient(180deg, rgba(25, 0, 59, 0.00) 0%, rgba(25, 0, 59, 0.80) 100%), 
    radial-gradient(280.24% 273.6% at 0% 29.98%, rgba(5, 171, 154, 0.75) 16.74%, rgba(5, 171, 154, 0.00) 59.02%),
    linear-gradient(180deg, rgba(0, 15, 13, 0.00) -27.92%, #47028C -3.7%, #6110B2 107.36%), 
    linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), #111;
}
.welcome-sub-head{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.welcome-sub-title{
    font-size: min(1.67vw, 26.72px);
    font-weight: 500;
    line-height: 120%;
}
.welcome-sub-label{
    height: min(1.6vw, 25.6px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 min(0.56vw, 8.96px);
    border-radius: min(0.28vw, 4.48px);
    background: #FFC300;
    backdrop-filter: blur(min(0.35vw, 5.6px));
    color: #000;
    font-size: min(0.83vw, 13.28px);
    font-weight: 600;
    line-height: normal;
}
.welcome-sub-descr{
    margin-top: min(0.83vw, 13.28px);
    font-size: min(1.11vw, 17.76px);
    font-weight: 450;
    line-height: 120%;
    letter-spacing: min(0.01vw, 0.16px);
    opacity: 0.7;
}
.welcome-sub-price{
    display: flex;
    align-items: flex-end;
    margin-top: min(1.67vw, 26.72px);
}
.welcome-sub-price span{
    display: flex;
}
.welcome-sub-price span:first-child{
    font-size: min(1.67vw, 26.72px);
    font-weight: 450;
    line-height: 110%;
}
.welcome-sub-price span:nth-child(2){
    color: rgba(255, 255, 255, 0.75);
    font-size: min(0.97vw, 15.52px);
    font-weight: 450;
    line-height: normal;
    margin-bottom: min(0.14vw, 2.24px);
    margin-left: min(0.07vw, 1.12px);
}
.welcome-sub-btn{
    margin-top: min(0.83vw, 13.28px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: min(0.14vw, 2.24px);
    height: min(4.44vw, 70.88px);
    padding: min(0.83vw, 13.28px) min(2.78vw, 44.56px);
    width: 100%;
    border-radius: min(0.69vw, 11.04px);
    background: #FFF;
    transition: 300ms all;
}
.welcome-sub-btn:hover{
    background-color: #c4c4c4;
}
.welcome-sub-btn span:nth-child(1){
    color: #242424 !important;
    font-size: min(1.39vw, 22.24px);
    font-weight: 600;
    line-height: 120%;
}
.welcome-sub-btn span:nth-child(2){
    color: rgba(36, 36, 36, 0.50) !important;
    font-size: min(0.9vw, 14.4px);
    font-weight: 450;
    line-height: normal;
}
.welcome-sub-payments{
    margin-top: min(0.56vw, 9.04px);
    display: flex;
    justify-content: center;
    gap: min(1.15vw, 18.48px);
}
.welcome-sub-payments img{
    display: block;
    width: min(2.22vw, 35.68px);
    height: auto;
}
.welcome-sub-content{
    list-style-type: none;
    margin-top: min(1.67vw, 26.88px);
    padding-left: min(1.74vw, 27.84px);
    display: flex;
    flex-direction: column;
    gap: min(1.39vw, 22.24px);
}
.welcome-sub-content-row{
    position: relative;
    font-size: min(1.11vw, 17.76px);
    font-weight: 500;
    line-height: 110%;
    /* letter-spacing: max(-0.03vw, -0.48px); */
}
.welcome-sub-content-row:before{
    content: "";
    position: absolute;
    top: min(0.49vw, 7.84px);
    left: max(-1.04vw, -16.64px);
    width: min(0.28vw, 4.48px);
    height: min(0.28vw, 4.48px);
    border-radius: 100%;
    background-color: #fff;
}
.welcome-sub-content-row img{
    display: block;
    max-width: min(17.64vw, 283.68px);
    height: auto;
    margin-top: min(0.28vw, 4.48px);
}
.welcome-sub-about-link{
    display: block;
    margin-top: min(1.94vw, 31.04px);
    opacity: 0.8;
    color: #FFF !important;
    font-size: min(1.11vw, 17.76px);
    font-weight: 500;
    line-height: 120%;
    text-decoration: underline;
    text-underline-offset: min(0.21vw, 3.36px);
}



/* Partners */
.welcome-partners{
    padding-top: min(2.29vw, 36.64px);
    padding-bottom: min(4.44vw, 71.28px);
    position: relative;
    z-index: 10;
}
.welcome-partners-headline {
	color: #FFF;
	font-size: min(1.944vw, 31.1px);
	font-weight: 500;
	line-height: 120%;
	text-align: center;
}
.welcome-partners a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: fit-content;
	margin: min(2.778vw, 44.4px) auto 0;
}
.welcome-partners-img {
    display: block;
	width: min(55.139vw, 882.2px);
}



/* Tabs */

.welcome-include{
    padding: min(4.44vw, 71.04px) 0 0;
    position: relative;
    z-index: 2;
}
.welcome-include-wrapper{
    margin-top: min(6.39vw, 102.24px);
}
.include-tabcontent-container{
    max-width: min(88.89vw, 1422.24px);
    margin: 0 auto;
}
.include-tabs{
    display: flex;
    gap: min(1.11vw, 17.76px);
}
.include-tab{
    height: min(3.056vw, 48.896px);
    padding: 0 min(1.25vw, 20px);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: min(0.694vw, 11.104px);
    border: 2px solid #FFF;
    opacity: 0.5;
    background-color: rgba(255, 255, 255, 0.01);
    backdrop-filter: blur(min(10.417vw, 166.672px));
    font-size: min(1.389vw, 22.224px);
    font-weight: 600;
    line-height: 100%;
    text-transform: uppercase;
    cursor: pointer;
    transition: 300ms all;
    z-index: 10;
}
.include-tab:hover, .include-tab.active {
    background-color: #22C3B1;
    border-color: #22C3B1;
    color: #333;
    opacity: 1;
    backdrop-filter:none;
}
.include-content{
    display: flex;
    flex-direction: column;    
}

.include-content .include-tabcontent-container{
    display: flex;
    flex-direction: column;
    height: 100%;
}

.include-tabcontent{
    padding: min(9.31vw, 148.96px) 0 min(3.681vw, 58.896px);
    margin-top: max(-6.597vw, -105.552px);
    height: min(47.57vw,761.12px);
    transition: 300ms opacity;
    z-index: 1;
}
.include-tabcontent.show{
    display: block;
    animation: show 800ms linear;
}
.include-tabcontent.hide{
    display: none;
    filter:brightness(0.5);
}

@keyframes show {
    0%{
        filter:brightness(0.5);
    }
    100%{
        filter:brightness(1);
    }
}



.include-tabcontent-heading{
    font-size: min(3.333vw,53.328px);
    font-weight: 500;
    line-height: 120%;
}
.include-tabcontent-text{
    margin-top: min(0.833vw, 13.328px);
    font-size: min(1.389vw, 22.224px);
    font-weight: 450;
    line-height: 120%;
}
.welcome-include .welcome-btn{
    margin-top: min(1.18vw, 18.88px);
    width: min(18.33vw, 293.28px);
    height: min(3.89vw, 62.32px);
    font-size: min(1.25vw, 20.16px);
}

.include-tab-items{
    margin-top: auto;
    display: flex;
    gap: min(1.11vw,17.76px);
}

.include-tab-item{
    width: min(10.14vw,162.24px);
    height: min(14.03vw,224.48px);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: min(0.83vw, 13.28px);
    background: rgba(255, 255, 255, 0.11);
    backdrop-filter: blur(min(0.85vw, 13.6px));
    overflow: hidden;
}

.welcome-tv-items{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    gap: min(0.69vw, 11.04px);
    margin-top: min(4.1vw, 66.4px);
}
.welcome-tv-item {
    border-radius: min(0.69vw, 11.04px);
    background: rgba(255, 255, 255, 0.11);
    backdrop-filter: blur(10.621036529541016px);
    width: min(8.26vw, 132.24px);
    height: min(8.26vw, 132.24px);
}
.welcome-tv-item img{
    width: 100%;
    height: 100%;
}

.include-elevent-logo{
    width: min(10.81vw, 174.96px);
    height: min(3.96vw, 63.84px);
    margin-bottom: min(1.39vw, 22.224px);
}
.relax-btn-wrap{
    position: relative;
    display: flex;
    align-items: center;
    gap: min(0.66vw, 10.56px);
    margin-top: min(1.53vw, 24.48px);
}
.relax-btn-wrap:after{
    content:'';
    display: block;
    width: min(3.96vw, 63.36px);
    height: min(3.96vw, 63.36px);
    background: top left/contain no-repeat url(//s5.vcdn.biz/static/218229421/relax-sign.webp);
}
.relax-btn-wrap a{
    margin-top: 0 !important;
}

.welcome-film-item img{
    width: 100%;
    height: 100%;
}
.welcome-relax-item:nth-child(1) img{
    width: min(8.61vw, 137.76px);
    height: min(3.89vw, 62.24px);
}
.welcome-relax-item:nth-child(2) img{
    width: min(7.99vw, 127.84px);
    height: min(7.99vw, 127.84px);
}
.welcome-relax-item:nth-child(3) img{
    width: min(7.57vw, 121.12px);
    height: min(7.57vw, 121.12px);
}



/* Devices */

.welcome-devices{
    position: relative;
    z-index: 1;
	padding-top: min(8.61vw, 137.76px);
	padding-bottom: min(0.208vw, 3.3px);
    overflow: hidden;
}
.welcome-devices * {
	position: relative;
	z-index: 2;
}
.welcome-devices .welcome-container{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.welcome-devices-descr{
    text-align: center;
    font-size: min(1.67vw, 26.72px);
    font-weight: 450;
    line-height: 120%;
    letter-spacing: min(0.01vw, 1.6px);
    margin-top: min(1.39vw, 22.224px);
}
.welcome-devices-types{
    display: block;
    width: min(43.958vw, 703.3px);
    margin: min(4.028vw, 64.4px) auto 0;
}
.welcome-devices-img{
    display: block;
    width: min(82.083vw, 1313.3px);
	margin: min(2.708vw, 43.3px) auto 0;
}
.welcome-devices:after{
    content:'';
    z-index: 1;
    position: absolute;
	right: 0;
	bottom: min(11.319vw, 181.1px);
	left: 0;
	margin: auto;
    width: min(45.339vw, 725.4px);
	height: min(19.941vw, 319.1px);
	transform: rotate(-0.699deg);
	border-radius: min(53.34vw, 853.4px);
	opacity: 0.8;
	background: linear-gradient(231deg, rgba(34, 195, 177, 0.81) 27.41%, #5640E0 61.14%);
	filter: blur(min(8.264vw, 132.2px));
}

.welcome-devices:before{
    content:'';
    z-index: 1;
    position: absolute;
    width: min(88.566vw, 1417.056px);
    height: min(30.313vw,485.008px);
    transform: rotate(58.704deg);
    border-radius: min(88.566vw, 1417.056px);
    background: linear-gradient(231deg, rgba(34, 195, 177, 0.41) 27.41%, rgba(86, 64, 224, 0.50) 61.14%);
    filter: blur(min(11.105vw,177.68px));
    top: min(16.042vw,256.672px);
    left: calc(50% - min(48.611vw,777.776px));
}

.welcome-devices-overflow{
    position: absolute;
    bottom: 0;
    width: 100%;
    height: min(9.514vw,152.224px);
    background: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, 0.00) 100%);
    z-index: 2;
}


/* DT */

.welcome-discount{
    padding-top: min(5vw, 80px);
    padding-bottom: min(5vw, 80px);
    position: relative;
}
.welcome-discount:before{
    content:'';
    position: absolute;
    width: min(58.96vw, 941.2px);
    height: min(25.69vw, 415.4px);
    border-radius: min(58.96vw, 941.2px);
    opacity: 0.75;
    background: radial-gradient(69.66% 155.72% at 49.85% -31.82%, #7844D1 0%, #7448CF 16%, #6A57CC 34%, #5A6FC6 54%, #4390BD 75%, #27BBB2 97%, #22C3B1 100%), #D9D9D9;
    filter: blur(min(13.89vw, 223.4px));
    top: min(14.93vw, 240.4px);
    left: 50%;
    transform: translateX(-50%);
}
.welcome-discount:after{
    content:'';
    position: absolute;
    top: 0;
    width: 100%;
    height: min(9.514vw,152.224px);
    background: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0.00) 100%);
    z-index: 3;
}
.welcome-discount-wrapper{
    position: relative;
    z-index: 10;
}
.welcome-discount .welcome-heading-h2{
    letter-spacing: 0;
}
.discount-card-wrapper{
    margin: min(4.44vw, 71.2px) auto 0 auto;
    perspective: 1000px;
    width: min(37.92vw, 603.6px);
    height: min(21.88vw, 349.68px);
}
.discount-card{
    transition: 200ms all;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: min(37.92vw, 603.6px);
    height: min(21.88vw, 349.68px);
    border-radius: min(1.39vw, 22.1px);
    background: radial-gradient(69.66% 155.72% at 49.85% -31.82%, #7844D1 0%, #7448CF 16%, #6A57CC 34%, #5A6FC6 54%, #4390BD 75%, #27BBB2 97%, #22C3B1 100%), #22C3B1;
    box-shadow: 2.1px 2.1px 2.1px 0px rgba(255, 255, 255, 0.25) inset, -2.1px -2.1px 2.1px 0px rgba(0, 0, 0, 0.25) inset, 0px 226.8px 63px 0px rgba(0, 0, 0, 0.00), 0px 144.9px 57.75px 0px rgba(0, 0, 0, 0.02), 0px 81.9px 49.35px 0px rgba(0, 0, 0, 0.08), 0px 36.75px 36.75px 0px rgba(0, 0, 0, 0.13), 0px 9.45px 19.95px 0px rgba(0, 0, 0, 0.15);
}
.discount-card-month{
    font-size: min(2.22vw, 35.2px);
    font-weight: 500;
    line-height: 100%;
}
.discount-card-value{
    font-size: min(8.89vw, 141.6px);
    font-weight: 600;
    line-height: 100%;
    margin-top: min(0.56vw, 8.8px);
}
.welcome-discount-btn{
    margin-top: min(0.69vw, 10.8px);
    height: min(3.89vw, 61.4px);
    width: min(17.92vw, 284.8px);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: min(0.56vw, 8.8px);
    background: #FFF;
    color: #000 !important;
    font-size: min(1.25vw, 19.8px);
    font-weight: 600;
    line-height: 120%;
    transition: 300ms all;
}
.welcome-discount-btn:hover{
     background-color: #c4c4c4 !important;
}
.welcome-discount-ligals{
    margin: min(4.44vw, 71.2px) auto 0;
    max-width: max(68.19vw, 1091.04px);
    text-align: center;
}
.welcome-discount-ligals p{
    font-size: min(0.97vw, 15.4px);
    font-weight: 450;
    line-height: 142.857%;
    letter-spacing: min(0.02vw, 0.3px);
    opacity: 0.7;
}
.welcome-discount-ligals p:not(:last-child){
    margin-bottom: min(1.39vw, 22.1px);
}