@charset "utf-8";
/* CSS Document */
/*@import url("text_rate.css");*/
/*@import url("slider.css");*/

.sub_link_wrap{
	margin: 0.5rem 0 0.5rem 0 !important;
	border: none;
	padding: 2rem 0 0 0;
	}

.ads{
	max-width: 1037px;
	flex:1;
	}

.main_wrap{
	display: flex;
	}
.main_categories{
	width: calc(100% - 1037px - 0.5rem);
  	margin-right: 0.5rem;
  	min-width: 14rem;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	position: relative;
	align-content: center;
	align-items: center;
	background: linear-gradient(135deg, var(--dark_blue_1) 0%, var(--light_blue_1) 100%);
	box-shadow: inset 0 0 60px -20px rgba(0,0,0,0.4);
	container-type:size;
	border-radius: 3px;
	}
.main_categories .category_sub_menu_desktop_wrap{
	z-index: 99;
	position: absolute;
	left: 100%;
	border-radius: 3px;
	}

.main_categories .category_list{
	color: #fff;
	border-radius: 3px;
	width: 100%;
	padding: 5cqw;
	}
.main_categories .category_list a{
	font-size: clamp(0.9rem, 5cqw, 5cqw);
	}
.main_categories .category_list a h3{
	color: #fff;
	}
.main_categories .category_list .tt_image_box{
	background-color: #fff;
	width: 13cqw;
	height: 13cqw;
	max-width: 3rem;
	max-height: 3rem;
	}
.main_categories .category_list a:hover h3{	
	color:var(--light_blue_2);
	}
.main_categories .category_list a:hover .tt_image_box{
	background-color:var(--light_blue_2);
	}
.main_categories .category_sub_menu_desktop a{
	/*color: #000;*/
	}
.main_categories .category_sub_menu_desktop a:hover{
	color:var(--light_blue_3);
	}
.main_categories .category_sub_menu_desktop{
	min-height: calc(100% - 1.5rem);
  	}

.icon_list{
	display: flex;
	justify-content: space-between;
	padding: 2rem 0;
	gap: 2rem;
	}
.icon_list .list_b, .icon_list .list_c, .icon_list .list_d{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	justify-content: space-around;
	gap: 2rem;
	max-width: 100%;
	}
.icon_list .list_c, .icon_list .list_d{
	grid-template-columns: repeat(4, 1fr);
	}
.icon_list .list_a{
	display: none;
	}
.icon_list .list_d{
	background: var(--light_blue_3);
	box-shadow: inset 0 0 60px -20px rgba(0,0,0,0.4);
	border-radius: 7px;
	padding: 1rem !important;
	}
.icon_list .list_d div{
	color: #fff !important;
	}
.icon_list a, .icon_list .list_d div{
	display: grid;
	gap: 0.25rem;
	grid: max-content 2fr / 5rem auto;
	align-items: flex-start;
	align-content: flex-start;
	/*max-width: 24rem;*/
	padding: 0.5rem;
	color: #000;
	width: calc(100% - 1rem);
	justify-content: left;
	}
.icon_list .header{
	grid-area: 1/2 / 2/3;
	font-weight: bold;
	}
.icon_list .content{
	grid-area: 2/2 / 3/3;
	font-size: 0.9rem;
	}
.icon_list a:hover img{
	transform: scale(1);
	}
.icon_list img{
	grid-area: 1/1 / 3/2;
	max-height: 4rem;
	max-width: 5rem;
	transform: scale(0.9);
	transition: all 0.3s ease;
	justify-self: center;
	}

@media(max-width:80rem){
	.icon_list .list_b{
		grid-template-columns: repeat(3, 1fr);
		}
	.icon_list .list_c, .icon_list .list_d{
		grid-template-columns: repeat(2, 1fr);
  		width: 100%;
  		}
	}

@media(max-width:62rem){
	.icon_list .list_b, .icon_list .list_c, .icon_list .list_d{
		grid-template-columns: repeat(2, 1fr);
		}

	.icon_list{
		flex-wrap: wrap;
		}

	.icon_list .list_a{
		display: grid;
		}

	.main_categories{
		display: none;
		}
	}
@media(max-width:32rem){
	.icon_list .list_b, .icon_list .list_c, .icon_list .list_d{
		grid-template-columns: repeat(1, 1fr);
		}
	}