.webinar {
	.container {
		max-width: 1406px;
		align-self: stretch;
		margin: auto;
	}

	.back {
		display: flex;
		width: 100%;
		padding: 120px 68px;
		flex-direction: column;
		justify-content: flex-end;
		align-items: flex-start;
		align-self: stretch;
		background: radial-gradient(171.16% 47.96% at 80.09% 4.93%, rgba(180, 204, 240, 0.20) 0%, rgba(179, 203, 240, 0.20) 6.67%, rgba(176, 201, 239, 0.20) 13.33%, rgba(171, 196, 237, 0.20) 20%, rgba(164, 190, 235, 0.20) 26.67%, rgba(155, 183, 232, 0.20) 33.33%, rgba(145, 173, 228, 0.20) 40%, rgba(133, 163, 224, 0.20) 46.67%, rgba(121, 153, 220, 0.20) 53.33%, rgba(109, 143, 216, 0.20) 60%, rgba(99, 133, 212, 0.20) 66.67%, rgba(90, 126, 209, 0.20) 73.33%, rgba(83, 120, 207, 0.20) 80%, rgba(78, 115, 205, 0.20) 86.67%, rgba(75, 113, 204, 0.20) 93.33%, rgba(74, 112, 204, 0.20) 100%), #3D65C9;
		border-radius: 20px;
		margin-top: 10px;
		background-image: url("./images/landing.png");
		background-size: cover;
		background-position: center;
	}

	.landing-title {
		font-size: 52px;
		font-family: Manrope;
		font-weight: 550;
		font-variation-settings: 'wght' 550;
		line-height: 120%;
		color: #FFFFFF;
		max-width: 1024px;
		text-shadow: 0 0 8px var(--color-background-blue-5, #3D65C9), 0 0 2px var(--color-background-blue-5, #3D65C9);
	}


	.landing-info {
		display: flex;
		gap: 10px;
		padding-bottom: 16px;

		.date {
			padding: 8px 16px;
			border-radius: 10px;
			background: #FFFFFF;
			color: #3D65C9;
			font-size: 16px;
	        width: fit-content;
		}

		.flex {
			display: flex;
			gap: 10px;
		}

		.event {
			padding: 8px 16px;
			border-radius: 10px;
			background: rgba(255, 255, 255, 0.1);
			color: #FFFFFF;
			font-size: 16px;
			box-shadow: 1px 1px 2px 0px rgba(255, 255, 255, 0.5) inset, -1px -1px 2px 0px rgba(255, 255, 255, 0.25) inset;
			backdrop-filter: blur(16px);
		}
	}

	.landing-subtitle {
		max-width: 640px;
		padding-top: 24px;
		font-family: Manrope;
		font-weight: 450;
		font-variation-settings: 'wght' 450;
		font-size: 20px;
		line-height: 140%;
		color: #FFFFFF;
		text-shadow: 0 0 8px var(--color-background-blue-5, #3D65C9), 0 0 2px var(--color-background-blue-5, #3D65C9);
	}

	.block-button {
		padding-top: 40px;
	}

	.white-button {
		display: flex;
		padding: 0 40px;
		justify-content: center;
		align-items: center;
		border-radius: 40px;
		background: #FFFFFF;
		width: fit-content;
		height: 64px;
		font-weight: 450;
		font-variation-settings: 'wght' 450;
		font-size: 20px;
	}

	.button-registration {
		cursor: pointer;
		transition: background 0.08s ease-out;
	}

	.button-registration:hover {
		background: #DFE9F6;
	}

	.complete {
		cursor: default;
	}

	/*----общие стили----*/
	.section {  
		padding-top: 144px;
		display: flex;
		flex-direction: column;
		max-width: 1334px;
		margin: auto;
	}

	.annotation {
		display: grid;
		grid-template-columns: 50% 50%;
		gap: 10px;
	}

	.annotation-title {
		font-family: Manrope;
		font-weight: 550;
		font-variation-settings: 'wght' 550;
		font-size: 36px;
		line-height: 120%;
    	padding: 0px 32px;
    	color: #1A1A1A;
	}

	.annotation-comment {
		padding: 8px 32px 0 32px;
		font-family: Manrope;
		font-weight: 450;
		font-variation-settings: 'wght' 450;
		font-style: Regular;
		font-size: 16px;
		line-height: 150%;
    	color: #1A1A1A;
	}

	.m-auto {
		margin: auto;
	}

	/*----------*/

	.landing-cards {
		display: grid;
		grid-template-columns: repeat(2, 50%);
		grid-template-rows: repeat(2, auto);
		gap: 10px;
		margin-top: 48px;
		margin-bottom: 48px;
	}

	.landing-card {
		display: flex;
		flex-direction: column;
		background: #F0F4F9;
		padding: 28px 32px;
		border-radius: 20px;
	}

	.landing-card-title {
		font-family: Manrope;
		font-weight: 550;
		font-variation-settings: 'wght' 550;
		font-size: 20px;
		line-height: 140%;
    	color: #1A1A1A;
	}

	.landing-card-comment {
		font-family: Manrope;
		font-weight: 450;
		font-variation-settings: 'wght' 450;
		font-style: Regular;
		font-size: 16px;
		line-height: 150%;
		padding-top: 12px;
		color: rgba(26, 26, 26, 0.7);

		ul {
			li {
				display: grid;
    			grid-template-columns: 16px auto;
			}
		}
	}

	.circle {
		padding-bottom:  32px;

		.icon {
			width: 56px;
			height: 56px;
			background: #5579D2;
			display: flex;
        	align-items: center;
        	justify-content: center;
			border-radius: 9999px;
			box-shadow: 0px 0px 8px 0px #FFFFFF inset, 0.5px 0.5px 1px 0px #FFFFFFBF inset, -0.5px -0.5px 1px 0px #00000040 inset;
		}
	}

	.black-button {
		color: #FFFFFF;
		border-radius: 40px;
		background: #2B2C30;
		box-shadow: -16px -16px 24px -16px rgba(255, 255, 255, 0.10) inset, 16px 16px 24px -16px rgba(0, 0, 0, 0.30) inset;
		height: 64px;
		width: fit-content;
		padding: 0 40px;
		align-content: center;
		transition: background 0.08s ease-out;
		white-space: nowrap;
		font-weight: 450;
		font-variation-settings: 'wght' 450;
		font-size: 20px;
		margin: auto;
        cursor: pointer;
	}

	.black-button:hover {
		background: rgba(78, 79, 80, 1);
	}




	.useful {
		padding-top: 40px;
		display: grid;
		grid-template-columns: repeat(1, 405px); /*1 карточка*/
		gap: 10px;
	}

	.repeat2 {
		grid-template-columns: repeat(2, 1fr); /* если 2*/
	}

	.repeat3 {
		grid-template-columns: repeat(3, 1fr); /* если 3,5,6,9,10*/
	}

	.repeat4 {
		grid-template-columns: repeat(4, 1fr); /* если 4, 7, 8*/
	}

	.useful-card {
		padding: 28px 32px;
		background: #5579D2;
		border-radius: 20px;
		display: flex;
		flex-direction: column;
		gap: 32px;
        justify-content: space-between;
	}

	.useful-title {
		font-family: Manrope;
		font-weight: 550;
		font-variation-settings: 'wght' 550;
		font-size: 20px;
		line-height: 130%;
		color: #FFFFFF;
	}

	.useful-circle {
		width: 40px;
		height: 40px;
		box-shadow: 1px 1px 2px 0px rgba(255, 255, 255, 0.5) inset,
					-1px -1px 2px 0px rgba(255, 255, 255, 0.25) inset,
					24px 24px 24px -16px rgba(64, 103, 202, 0.2) inset,
					-24px -24px 24px -16px rgba(255, 255, 255, 0.05) inset;
		backdrop-filter: blur(16px);
		border-radius: 20px;
		display: flex;
        align-items: center;
        justify-content: center;
	}



	.webinar-button {
		padding: 10px 16px;
		border-radius: 15px;
		width: fit-content;
		background: rgba(85, 121, 210, 1);
		font-size: 20px;
		color: #FFFFFF;
		box-shadow: 0px 0px 8px 0px rgba(255, 255, 255, 1) inset,
					0.5px 0.5px 1px 0px rgba(255, 255, 255, 0.75) inset,
					-0.5px -0.5px 1px 0px rgba(0, 0, 0, 0.25) inset;
		margin: auto;
		margin-top: 16px;
	}

	.schedule {
		padding: 24px;
		background: #F0F4F9;
		margin: auto;
		margin-top: 40px;
		display: flex;
		flex-direction: column;
		gap: 16px;
		border-radius: 20px;
		max-width: 1016px;

		.day {
			display: flex;
			gap: 32px;
		}

		.time {
			font-family: Manrope;
			font-weight: 450;
			font-variation-settings: 'wght' 450;
			font-size: 16px;
			line-height: 120%;
			color: #3D65C9;
			width: 123px;
			height: 35px;
			background: rgba(255, 255, 255, 0.8);
			border-radius: 10px;
			box-shadow: 0.5px 0.5px 1px 0px rgba(255, 255, 255, 0.6) inset,
						-0.5px -0.5px 1px 0px rgba(255, 255, 255, 0.6) inset,
						0px 0px 8px 0px rgba(255, 255, 255, 1) inset;
			display: flex;
			align-items: center;
			justify-content: center;
		}

		.theme {
			padding-bottom: 22px;
			font-weight: 450;
			font-variation-settings: 'wght' 450;
			font-size: 16px;
			line-height: 150%;
			padding-top:6px;
        	width: 100%;

			ul {
				li {
					display: grid;
    				grid-template-columns: 16px auto;
				}
			}
		}

		.border {
			border-bottom: 1px solid rgba(26, 26, 26, 0.2);
		}
	}



	.speaker {
		margin: auto;
		margin-top: 40px;
		display: flex;
		gap: 10px;
		max-width: 1016px;
    	width: 100%;

		.speaker-image {
			aspect-ratio: 1 / 1;
			border-radius: 20px;
			height: 100%;
			width: auto;
			object-fit: cover;
			border-radius: 20px;
		}

		.speaker-info {
			padding: 28px 32px;
			border-radius: 20px;
			background: #F0F4F9;
			display: flex;
			flex-direction: column;
			gap: 40px;
		}

		.speaker-about {
			display: flex;
			flex-direction: column;
			gap: 8px;

			font-family: Manrope;
			font-weight: 550;
			font-variation-settings: 'wght' 550;
			font-size: 20px;
			line-height: 140%;
		}

		.speaker-company {
			color: rgba(26, 26, 26, 0.7);
			font-size: 16px;
			font-weight: 450;
			font-variation-settings: 'wght' 450;
		}

		.speaker-card {
			max-width: 332px;
			min-width: 280px;
        	width: 100%;
		}
	
		.speaker-card-image {
			width: 100%;
			border-radius: 20px;
		}
	
		.speaker-card-info {
			background: #F0F4F9;
			padding: 20px 24px;
			border-radius: 20px;
			gap: 8px;
			display: flex;
			flex-direction: column;
	
			font-family: Manrope;
			font-weight: 550;
			font-variation-settings: 'wght' 550;
			font-size: 16px;
			line-height: 140%;
		}
	}

	.one-speaker {
		display: grid;
		grid-template-columns: auto 1fr;
	}

	.transfer {
		flex-direction: row;
    	flex-wrap: wrap;
		justify-content: center;
	}



	.organizer {
		display: flex;
		flex-direction: column;
		gap: 24px;

		font-family: Manrope;
		font-weight: 550;
		font-variation-settings: 'wght' 550;
		font-size: 36px;
		line-height: 120%;
		text-align: center;
	}

	.organizer-comment {
		max-width: 720px;
		margin: auto;
		font-family: Manrope;
		font-weight: 450;
		font-variation-settings: 'wght' 450;
		font-size: 20px;
		line-height: 140%;
	}

	.organizer-info {
		display: grid;
	    grid-template-columns: repeat(2, 50%);
		padding-top: 56px;
		gap: 10px;
	}

	.organizer-basic {
		padding: 28px 32px;
		background: #F0F4F9;
		border-radius: 20px;
		display: flex;
		flex-direction: column;
		gap: 40px;
		height: fit-content;

		font-family: Manrope;
		font-weight: 550;
		font-variation-settings: 'wght' 550;
		font-size: 20px;
		line-height: 140%;
	}

	.organizer-text {
		color: rgba(26, 26, 26, 0.7);
		font-weight: 450;
		font-variation-settings: 'wght' 450;
		font-size: 16px;
		line-height: 150%;
		padding-top: 8px;

		ul {
			li {
				display: grid;
    			grid-template-columns: 16px auto;
			}
		}
	}

	.organizer-cards {
		padding: 28px 0px 28px 32px;
		display: flex;
		flex-direction: column;
		gap: 48px;
	}

	.organizer-card {
		display: flex;
		gap: 16px;
		padding-right: 32px;

		font-family: Manrope;
		font-weight: 550;
		font-variation-settings: 'wght' 550;
		font-size: 20px;
		line-height: 140%;
	}

	.organizer-box {
		height: 56px;
		width: fit-content;
		border-radius: 10px;
		justify-content: center;
		align-items: center;
		display: flex;
	}

	.organizer-logo {
		width: auto;
		height: 56px;
	}



	.logo-partners {
		display: flex;
		flex-direction: row;
		padding-top: 72px;	
		gap: 72px;
		justify-content: start;
		flex-wrap: wrap;
	}

	.with-info {
		padding-top:40px;
		gap: 10px;
		justify-content: center;
	}

	.logo-partner {
		height: 56px;
		min-height: 56px;
		width: fit-content;
	}

	.partners-card {
		display: flex;
		flex-direction: column;
		gap: 32px;
		padding: 28px 32px;
		border-radius: 20px;
		background: #F0F4F9;
		min-width: 348px;
		width: calc((100% / 3) - 10px);
	}

	.partner-text {
		color: rgba(26, 26, 26, 0.7);
		font-weight: 450;
		font-variation-settings: 'wght' 450;
		font-size: 16px;
		line-height: 150%;
	}



	.registration {
		padding: 120px 0px;
		background: #3D65C9;
		border-radius: 20px;
		background-image: url("./images/landing-registration.png");
		background-size: cover;
		background-position: center;
		text-align: center;

		.registration-title {
			color: #FFFFFF;
			font-family: Manrope;
			font-weight: 550;
			font-variation-settings: 'wght' 550;
			font-size: 36px;
			line-height: 120%;
			text-align: center;
			max-width: 1024px;
        	margin: auto;
			text-shadow: 0 0 8px var(--color-background-blue-5, #3D65C9), 0 0 2px var(--color-background-blue-5, #3D65C9);
		}

		.registration-subtitle {
			color: #FFFFFF;
			font-family: Manrope;
			font-weight: 450;
			font-variation-settings: 'wght' 450;
			font-size: 16px;
			line-height: 140%;
			text-align: center;
			max-width: 640px;
        	margin: auto;
			margin-top: 24px;
			margin-bottom: 32px;
			text-shadow: 0 0 8px var(--color-background-blue-5, #3D65C9), 0 0 2px var(--color-background-blue-5, #3D65C9);
		}
	}

	@media (max-width: 1199px) {

		.useful {
    		grid-template-columns: repeat(2, 1fr);
		}

		.speaker {
			.speaker-card {
				width: auto;
			}
		}

		.organizer-info {
			/*flex-direction: column;*/
	        grid-template-columns: 1fr;
		}

		.scroll {
    		flex-wrap: nowrap;
			justify-content: flex-start;
			overflow-x: scroll;
			margin-left: -10px;
			margin-right: -10px;
			padding-left: 10px;
			padding-right: 10px;
		}
	}

	@media (max-width: 1050px) {
		.speaker {
			.speaker-card {
				width: min-content;
			}
		}
	}

	@media (max-width: 975px) {
		.one-speaker {
			display: flex;
			flex-direction: column;
            text-align: center;
            width: inherit;
		}

	}

	@media (max-width: 959px) {

		.back {
    		padding: 120px 40px;
			margin-top: 70px;
		}

		.annotation {
    		grid-template-columns: auto;
		}

		.speaker {
			.speaker-card {
				max-width: 360px;
			}
		}
	}

	@media (max-width: 839px) {

		.landing-title {
			font-size: 40px;
		}

		.landing-cards {
    		grid-template-columns: auto;
		}

		.union {  /*если нечетное количество последний блок на 2 колонки*/
 			grid-column: span 2;
		}

		.speaker {
    		text-align: center;
			width: inherit;
		}
	}

	@media (max-width: 599px) {

		.back {
    		padding: 40px 20px 120px 20px;
		}

		.landing-title {
			font-size: 26px;
		}

		.landing-subtitle {
			font-size: 16px;
		}

		.landing-info {
			flex-direction: column;
		}

		.section {
			padding-top: 120px;
		}

		.annotation-title {
			font-size: 24px;
			padding: 0px 24px;
		}

		.annotation-comment {
			padding-left: 24px;
			padding-right: 24px;
		}

		.landing-card {
			padding: 24px;
		}

		.useful {
		    padding-top: 24px;
		}

		.useful-card {
			padding: 20px;
			gap: 16px;
		}

		.useful-circle {
			width: 24px;
			height: 24px;
		}

		.useful-title {
			font-size: 14px;
		}

		.schedule {
			gap: 24px;

			.day {
    			flex-direction: column;
				gap: 24px;
			}
		}

		.speaker {
		    margin-top: 24px;
    		justify-content: center;

			.speaker-info {
				padding: 24px;
			}


			.speaker-card {
				width: 100%;
			}
		}

		.transfer {
			flex-direction: column;
			justify-content: center;
			align-items: center;
			width: 100%;
		}

		.organizer {
			font-size: 24px;
		}

		.organizer-comment {
			font-size: 16px;
		}

		.organizer-basic, .organizer-cards {
			padding: 24px;
		}

		.organizer-card {
			padding: 0px;
		}

		.only-logo {
			padding-top: 56px;
    		flex-direction: column;
			align-items: center;
		}

		.partners-card {
			padding: 24px;
			width: 80vw;
        	min-width: 320px;
		}

		.with-info {
			padding-top: 24px;
		}

		.registration {
			.registration-title {
				font-size: 24px;
			}
		}
	}
}

.b24-window-popup-wrapper .b24-window-scrollable {
	max-height: 80vh !important;
}