@font-face {
	font-display: swap;
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Regular.woff2') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
	font-display: swap;
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Medium.woff2') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
	font-display: swap;
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Bold.woff2') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
	font-display: swap;
    font-family: 'Roboto Condenced';
    src: url('../fonts/RobotoCondensed-Bold.woff2') format('truetype');
    font-weight: 700;
    font-style: normal;
}

.thanks_section a {
	text-decoration: none;
	text-decoration-thickness: 1px;
	text-underline-offset: 2px;
	color: #2e3744;
}

	.thanks_section a:hover {
		color: inherit;
		text-decoration: none;
	}

.thanks_section button, 
.thanks_section .btn {
	border: none;
	display: inline-block;
	font-size: 24px;
	line-height: 1;
	font-weight: 700;
	text-align: center;
	color: #333;	
	padding: 28px 35px;	
	background: #f6c42c;
	text-decoration: none;
	border-radius: 10px;
	transition: background-color .2s ease-in-out, color .2s ease-in-out;
	white-space: nowrap;
}

.thanks_section button:hover, 
.thanks_section .btn:hover {
	background: #333;
	color: #f6c42c;	
}			
	
		
.thanks_section {
	padding-top: 87px;		
}

	.thanks_section .container {
		position: relative;
	}

	.ts_h1 {
		margin-bottom: 60px;
	}
	
		.ts_h1 h1 {			
			font-family: 'Montserrat', Arial, monospace;
			font-size: 64px;
			font-style: normal;
			font-weight: 700;
			line-height: 72px;
			letter-spacing: -1.92px;
			text-transform: none;
		}
		
		.ts_h1 h2 {			
			text-align: center;
			font-family: 'Montserrat', Arial, monospace;
			font-size: 40px;			
			font-weight: 500;
			line-height: 120%;
			letter-spacing: -1.2px;
			padding: 0;
			margin: 0 auto 54px;
			max-width: 942px;			
		}
		
			.ts_h1 h2 span {
				color: #e5ac00;
			}
	
	.ts_text {
		margin-bottom: 24px;
		max-width: 750px;		
	}	
	
			
@media (max-width: 991px) {

	.thanks_section {
		padding-top: 85px;	
	}		

		.thanks_section .container:after {			
			top: -165px;
			right: -20px;
			width: 220px;
			height: 220px;				
		}

		.ts_h1 {
			margin-bottom: 40px;
		}
		
			.ts_h1 h1 {				
				font-size: 54px;
				line-height: 70.2px;				
				text-align: center;
			}
			
			.ts_h1 h2 {			
				text-align: left;				
				font-size: 24px;
				line-height: 32px;
				letter-spacing: -0.72px;
				margin-bottom: 40px;
			}
		
		.ts_text {			
			font-size: 34px;
			line-height: 44.2px;			
			margin-bottom: 42px;			
			text-align: center;
		}
		
		
		
		.ts_box_wrapper {
			margin-bottom: 83px;						
		}			
			
				.tsb_text {					
					text-align: center;
					margin-bottom: 35px;					
				}
				
					.tsb_btn button {
						padding: 22px;							
					}
					
}

@media (max-width: 767px) {
	
	.main_thanks main {
		padding-top: 125px;
	}
			
	.thanks_section {
		padding: 14px 4px 0;		
	}

		.thanks_section .container:after {
			display: none;			
		}

		.ts_h1 {
			margin-bottom: 15px;
		}
		
			.ts_h1 h1 {				
				font-size: 28px;
				line-height: 39.2px;				
			}
			
			.ts_h1 h2 {			
				text-align: left;				
				font-size: 24px;
				line-height: 32px;
				letter-spacing: -0.72px;
			}
		
		.ts_text {			
			font-size: 18px;
			line-height: 23.4px;			
			margin-bottom: 27px;			
		}			
	
}

/* 15 AUG 24 */

		.useful_section {
			padding-bottom: 80px;
			background: #f7f7f8 url('../img/thanks/new/photo_color.png') right bottom no-repeat;
			background-size: auto 731px;
			margin-bottom: 0;
		}			

			.useful_header {
				margin-bottom: 32px;
			}	
									
			.useful_body {
				max-width: 750px;
			}				
									
				.ub_list {
					margin-bottom: 60px;
					width: 50%;
					padding: 28px;
					border: 4px solid #f6c42c;
					box-sizing: border-box;
				}
				
					.ub_list ul, 
					.fm_list ul {						
						display: flex;
						flex-direction: column;
						gap: 8px;
						margin: 0;
					}
					
						.ub_list ul li, 
						.fm_list ul li {
							position: relative;
							padding-left: 22px;							
							/* font-size: 17px;
							font-weight: 400;
							line-height: 160%;	 */	

							font-family: Montserrat-b;
							font-size: 16px;
							line-height: 24px;
							letter-spacing: -.03em;							
						}
						
						.ub_list ul li:before, 
						.fm_list ul li:before {
							content: '';
							position: absolute;
							left: 0;
							top: 11px;
							width: 10px;
							height: 10px;
							background: #e5ac00;
							border-radius: 50%;
						}

				.ub_text, 
				.fm_quote {
					position: relative;					
					font-family: 'IBM Plex Serif', Arial, monospace;
					font-size: 24px;
					font-style: italic;
					font-weight: 500;
					line-height: 130%;
					margin-bottom: 48px;
					margin-left: 48px;
				}
				
				.ub_text:before, 
				.fm_quote:before {
					content: '';
					position: absolute;
					left: -32px;
					top: -12px;
					width: 61px;
					height: 56px;
					background: url('../img/thanks/new/grey_quotes.svg') center no-repeat;
					background-size: contain;					
				}				
				
					.ub_btn .btn, 
					.fm_btn .btn {					
						padding: 16px 24px;
						display: flex;
						align-items: center;
						justify-content: center;
						gap: 16px;
						width: min-content;
						border-radius: 4px;
						box-sizing: border-box;
					}
					
						.ub_btn .btn img, 
						.fm_btn .btn img {					
							width: 32px;
						}
						
						.ub_btn .btn span {
							color: #333;
							text-align: center;
							font-family: 'Open Sans', Arial, monospace;
							font-size: 16px;
							font-style: normal;
							font-weight: 400;
							line-height: 16px;
							text-transform: uppercase;
						}
						
						.ub_btn .btn:hover span {
							color: #f7f7f8;
						}					

		.thanks_box .ub_text {
			max-width: 560px;
		}

		.thanks_section {
			padding: 80px 0;
			margin-bottom: 0;			
			background: #f7f7f8 url('../img/thanks/new/photo_color.png') right bottom no-repeat;
			background-size: auto 731px;
			height: 100%;
			display: flex;
			flex-direction: column;
			flex-grow: 1;
		}		
				
		.thanks_section .container:after {
			display: none;
		}

@media (max-width: 991px) {			

		.useful_section {
			padding-bottom: 60px;			
			background-position: right -190px bottom;
			background-size: auto 633px;			
		}			

			.useful_header {
				margin-bottom: 60px;
			}					
									
			.useful_body {
				max-width: 465px;
			}

				.ub_list {
					margin-bottom: 40px;
					width: 100%;
					max-width: 480px;
				}
				
					.ub_list ul, 
					.fm_list ul {						
						gap: 6px;
					}

				.ub_text, 
				.fm_quote {					
					font-size: 24px;
				}
				
				.ub_text:before, 
				.fm_quote:before {					
					left: -12px;
					top: -16px;					
				}
				
					.ub_btn .btn, 
					.fm_btn .btn {					
						padding: 16px 33.5px;						
					}					
		

					.fm_header {						
						font-size: 36px;						
						margin-bottom: 24px;
					}
					
					.fm_text {						
						font-size: 24px;						
						max-width: 100%;
					}
					
							.fm_list ul li {
								font-size: 24px;
							}
					
					.fm_quote {						
						max-width: 60%;
					}		
	
	.thanks_section {
		padding: 64px 0;			
		background-position: right -190px bottom;
		background-size: auto 633px;			
	}
	
	.ts_h1 {
		margin-bottom: 40px;
		max-width: 500px;
	}			
					
		.ts_h1 h1 {			
			font-size: 54px;
			font-weight: 700;
			line-height: 130%;
			letter-spacing: -1.62px;		
			text-align: left;
		}	

		/* .ts_h1 h2 {			
			font-size: 24px;
			font-weight: 700;
			line-height: 130%;
			letter-spacing: -1.62px;		
			text-align: left;
		} */			
				
		.ts_text {			
			font-size: 17px;
			line-height: 160%;
			margin-bottom: 24px;
			text-align: left;
		}

		.thanks_box .ub_text {
			max-width: 440px;					
			font-size: 18px;			
			line-height: 140%;
			margin-bottom: 32px;
			margin-left: 40px;
		}
	
}

@media (max-width: 767px) {

		.useful_section {
			margin-top: 80px;
			padding-bottom: 40px;			
			background-position: 60% bottom;
			background-size: auto 534px;			
		}			

			.useful_header {
				margin-bottom: 40px;
			}					
				
					.ub_list ul, 
					.fm_list ul {						
						gap: 8px;
					}
					
						.ub_list ul li, 
						.fm_list ul li {							
							font-size: 16px;
						}
						
						.ub_list ul li:before, .fm_list ul li:before {    
							top: 9px;
						}	

				.ub_text, 
				.fm_quote {					
					font-size: 16px;
					line-height: 150%; 		
					margin-bottom: 361px;
				}
				
					.ub_btn .btn, 
					.fm_btn .btn {					
						padding: 16px 8px;
						width: 100%;						
					}						
					
					.fm_quote {
						max-width: 100%;
						margin-bottom: 347px;
					}		
		
	.ts_h1 {
		margin-bottom: 32px;
	}			
					
		.ts_h1 h1 {			
			font-size: 32px;
			line-height: 125%;
		}

		.ts_h1 h2 {			
			font-size: 24px;
			line-height: 32px;
			margin-bottom: 32px;
		}	

		.ub_list {
			margin-bottom: 48px;
			padding: 20px;
		}
		
		.ub_list ul, .fm_list ul {
			gap: 5px;
		}
		
		.ub_list ul li, .fm_list ul li {
			font-size: 12px;
			line-height: 20px;
		}
		
		.thanks_box .ub_text {			
			font-size: 16px;			
			margin-left: 24px;
		}
				
		.ts_text {			
			font-size: 16px;
			line-height: 150%;			
			margin-bottom: 16px;			
		}
		
		.thanks_box .ub_btn {
			margin-bottom: 471px;
		}

		.thanks_section {
			padding-top: 48px;
			padding-bottom: 0;			
			background-position: 60% bottom;
			background-size: auto 534px;			
		}			
	
}			

/* /15 AUG 24 */