.header-background .main-logo,
.main-loader img,
.mobile-main-logo,
#payment-body.crypto .logo {
	content: url("https://storage.yandexcloud.net/cardex/crocolance-logo.svg");
}

html.theme-dark {
	.header-background .main-logo,
	.main-loader img,
	.mobile-main-logo,
	#payment-body.crypto .logo {
		content: url("https://storage.yandexcloud.net/cardex/dark/crocolance.svg");
	}
}

.main-header-logo .main-logo {
	width: 166px;
	margin-top: 1px;
}

.main-banner {
	margin-top: 30px;
	.main-banner-row {
		margin-left: -4px;
		margin-right: -4px;
	}
	.main-banner-col {
		padding-left: 4px;
		padding-right: 4px;
		
		 
		.banner {
			padding-top: 34.8%;
			position: relative;
			border-radius: 20px;
			cursor: pointer;
			
			.label {
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				width: 100%;
				padding: 0px 18px 3px 18px;
				
				font-size: 17px;
				font-weight: 800;
				line-height: 120%;
				letter-spacing: 0.17px;
				
			}
			
		}
		.banner.banner-1 {
			background: var(--main-banner-1-background);
			
			.label {
				color: var(--tokens-color-txt-white-txt_invert_white);
			}
		}
		.banner.banner-2 {
			background: var(--main-banner-2-background);
			
			.label {
				color: var(--tokens-color-txt-white-txt_invert_white);
			}
		}
		.banner.banner-3 {
			background: var(--main-banner-3-background);
			
			.label {
				color: #471C9E;
			}
		}
		.banner.banner-4 {
			background: var(--main-banner-4-background);
			
			.label {
				color: #223D00;
			}
		}
		.banner.banner-5 {
			background: var(--main-banner-5-background);
			
			.label {
				color: #003870;
			}
		}
	}
	
	
	
}







@media (max-width: 924px) {
	
	.swiper-slide {
		width: 70%!important;
		
	}

	
	#main-banner-setter {
		padding: 0px!important;
	}
	.main-banner {
		margin-top: 20px;
		
		.main-banner-row {
			margin-left: 0px;
			margin-right: 0px;
		}
		.main-banner-col {
			padding-left: 0px;
			padding-right: 0px;
			
				
			
		}
		
	}
	
}




@media (min-width: 925px) and (max-width: 1250px) {
	.main-banner {
		
		.main-banner-col {
				
			.banner {
				.label {
					font-size: 14px;
				}
			}
			
		}
	}
	
}