/**
 * All of the CSS for your public-facing functionality of featured school boxes should be
 * included in this file.
 */

/* Muted Featured School */
.feat-school-box{
	background-color: #e9e9e9;
	border: 1px solid #CCC;
	padding: 18px 12px 18px 12px;
	margin-bottom:15px;
	line-height:28px;
	text-align: left;
}

.feat-school-box a{
	color:#008aff !important;
}

.feat-school-box .sponsor{
	font-size:11px;
	text-align:right;
	font-style:italic;
}

.feat-school-box .feat-school-list{
	font-size:15px;
	margin-top:-28px;
}

.feat-school-box .feat-school-list ul,
.feat-school-box .feat-school-list ul li
{
	margin-left:0px;
	margin-bottom:10px;
	line-height:18px;
	list-style: none;
	padding-left:0px;
	background:none;
}

.feat-school-box .feat-school-list ul{
	padding-bottom:0px;
	padding-top:10px;
}

.feat-school-list .fs-custom{

}

.fs-hide-school{
	display:none !important;
}


/* Bold Featured School */
.fs-bold-con{
	float:left;
	margin-bottom:18px;
	margin-top:12px;
	text-align:left;
}

.fs-clear{
	clear:both;
}

.fs-bold-con > div {
	width:100%;
	float:left;
	box-sizing: border-box;
}
.fs-header{
	background-color:#014068;
	padding:12px 12px 12px 18px;
	border-radius:8px 8px 0px 0px;
}

.fs-row-header .fs-school-name,
.fs-row-header .fs-program-description,
.fs-row-header .fs-row-header,
.fs-row-header .fs-request{
	font-size:16px;
}

.fs-row-header{
	background-color:#51a6fa;
	border-bottom:1px solid #fff;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	color:#fff;
	font-weight:bold;
	padding:2px 18px 2px 18px;
	display:none;
}

.fs-row {
	background-color:#e1e1e1;
	border-bottom:1px solid #fff;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	padding: 6px 18px;
}
.fs-row:last-of-type {
	border-radius: 0px 0px 8px 8px;
}

.fs-row-last {
	background-color:#e1e1e1;
	border-bottom:1px solid #fff;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	padding: 6px 18px;
	margin-bottom:20px;
	border-radius:0px 0px 8px 8px;
}

.fs-row .fs-school-name{
	font-weight:bold;
}
.fs-row-last .fs-school-name{
	font-weight:bold;
}

.fs-row .fs-school-name-sub{
	font-weight:normal;
	font-size:14px;
}


@media (min-width: 1024px){
	.fs-header > div,
	.fs-row-header > div,
	.fs-row > div,
	.fs-row-last > div{
		float:left;
	}
	.fs-header{
		display:flex;
		align-items:center;
	}
	.fs-row-header{
		display:block;
	}
	.fs-school-name {
		width:22%;
	}
	.fs-program-description {
		width:48%;
		padding-left:20px;
		padding-right:10px;
		font-size:14px;
	}
	.fs-request {
		width:25%;
	}
	.fs-sponsored {
		width: 15%;
	}
	.fs-sponsored {
		text-align:right;
		width:25%;
	}
	.fs-title {
		width:75%;
	}
}
.fs-request a {
	font-weight:bold;
	color:#3473bd;
	text-decoration:none;
}
.fs-request a:hover {
	font-weight:bold;
	color:#498cda;
}
.fs-sponsored {
	font-size:9px;
	font-style:italic;
	color:#fff;
}
.fs-title {
	font-size:20px;
	color:#fff;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
}


/* Expanded Featured Schools */
.fs-expanded-con .fs-header-e{
	margin-bottom: 10px;
	font-size: 24px;
	color: #6e4e48;
	position:relative;
}

.fs-expanded-coni > .fs-header-e{
	height:40px;
}

.fs-expanded-con .fs-header-e .fs-sponsored-e{
	font-size:10px;
	text-transform:uppercase;
	margin-top:-8px;
	margin-left:1px;

}

.more-sponsor{
	cursor: pointer;
	color: #6e4e48 !important;
}



.sponosor-extended{
	display:none;
}


.sponosor-extended {
	text-transform:none;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1060;
	display: none;
	max-width: 300px;
	line-height: 1.42857143;
	text-align: left;
	white-space: normal;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, .2);
	border-radius: 6px;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
	padding-left:20px;
	padding-right:20px;
}

.sponosor-extended.top {
	margin-top: -10px
}

.sponosor-extended.right {
	margin-left: 10px
}

.sponosor-extended.bottom {
	margin-top: 10px
}

.sponosor-extended.left {
	margin-left: -10px
}

.sponosor-extended-title {
	padding: 8px 14px;
	margin: 0;
	font-size: 14px;
	background-color: #f7f7f7;
	border-bottom: 1px solid #ebebeb;
	border-radius: 5px 5px 0 0
}

.sponosor-extended-content {
	padding: 9px 14px
}

.sponosor-extended .sponsor-title{
	color: #6e4e48 !important;
	font-size:12px;
	font-weight:bold;
}

.sponosor-extended .sponsor-content{
	color: #6e4e48 !important;
	font-size:11px;
	margin-bottom:20px;
}




/* #sponosor-extended:target{
	display:block;
}
 */
@media (min-width: 480px){
	.fs-expanded-con .fs-header-e{
		height:25px;
	}


	.fs-expanded-con .fs-header-e .fs-title-e{
		float:left;
	}
	.fs-expanded-con .fs-header-e .fs-sponsored-e{
		float:right;
		font-size:11px;

		margin-top:0px;
		margin-left:0px;


	}

	.fs-expanded-con .fs-content-e{
		clear:both;
	}

}

.fs-expanded-con .fs-content-e .fs-row-e{
	border-top:1px solid #ccc;
	padding:12px 20px;

}

.fs-expanded-con .fs-footer-e{
	border-top:1px solid #ccc;
	padding-bottom:12px;
}

.fs-expanded-con .fs-title-link-e{
	color:#0d86be;
	font-size:20px;
	font-weight:bold;
}

.fs-expanded-con .fs-btn-e{
	width:100%;
	text-align:center;
}


@media (min-width: 480px){
	.fs-expanded-con .fs-title-link-e{
		float:left;
	}

	.fs-expanded-con .fs-btn-e{
		float:right;
		width:unset;
	}

	.fs-expanded-con .fs-break{
		clear:both;
	}
}

.fs-expanded-con .fs-sub-title{
	font-weight:bold;
}

.fs-expanded-con .fs-btn-e{
	display:inline-block;
	padding:4px 20px;
}

.fs-expanded-con .fs-btn-e,
.fs-expanded-con .show-more-btn {
	box-shadow:inset 0px 1px 0px 0px #f39c12;
	background:linear-gradient(to bottom, #f39c12 5%, #db8c0b 100%);
	background-color:#f39c12;
	border-radius:6px;
	border:1px solid #b57309;
	cursor:pointer;
	color:#ffffff !important;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;

	text-decoration:none;
	text-shadow:0px 1px 0px #b57309;
}

.show-more-btn{
	text-align: center;
	padding: 14px 0;
	margin-bottom: 30px;
	width: 200px;
	margin-left: auto;
	margin-right: auto;

}


.show-more-btn a,
.show-more-btn a:hover{
	color:#fff !important;
	text-decoration:none;
}



.fs-expanded-con .fs-btn-e:hover,
.fs-expanded-con .show-more-btn:hover
{
	background:linear-gradient(to bottom, #db8c0b 5%, #f39c12 100%);
	background-color:#db8c0b;
	text-decoration:none;
}
.fs-expanded-con .fs-btn-e:active {
	position:relative;
	top:1px;
}

.fs-expanded-w-img-con .fs-content-e .fs-row-e{
	display:flex;
	flex-direction:column;
	padding: 12px 20px;
}


.fs-expanded-w-img-con .fs-img-link{
	text-align:center;
	align-items:center;
	margin: 0 auto;
}

.fs-expanded-w-img-con .fs-content .fs-title-link-e,
.fs-expanded-w-img-con .fs-content .fs-info,
.fs-expanded-w-img-con .fs-content .fs-info a
{
	color:#555;

}

.fs-expanded-w-img-con .fs-content{
	display: flex;
	flex-grow: 1;
	flex-direction: column;
	margin-bottom:20px;
	font-family:sans-serif;
}

.fs-expanded-w-img-con .fs-content .fs-title-link-e{
	font-size:18px;
}

.fs-expanded-w-img-con .fs-content .fs-info,
.fs-expanded-w-img-con .fs-content .fs-blurb{
	font-size:12px;
	line-height:1.3em;
	color:#555;
}

.fs-expanded-w-img-con .fs-content .fs-blurb{
	margin-top:5px;
}


.fs-expanded-w-img-con .fs-img-link img{
	display: inline-block;
	max-width: 240px !important;
	max-height: 120px !important;
	margin: 16px auto 16px auto;
	padding: 0;
	border: 0;
	height:auto;
	width:auto;
}

.fs-expanded-w-img-con .fs-action{
	padding:16px 0px;
}

.fs-expanded-w-img-con .fs-action .fs-btn-e{
	min-width:100%;
	font-size:14px;
}

.fs-inline-header{
	font-weight:bold;
	margin:10px;
}

/* More Info */

.fs-expanded-w-img-con .wrap-collabsible input[type='checkbox'] {
	display: none;
}


.fs-expanded-w-img-con .lbl-toggle {
	display: block;
	cursor: pointer;
	transition: all 0.25s ease-out;
	font-size:12px;
	font-weight:bold;
	color:#555;
	padding:0 5px;
}



.fs-expanded-w-img-con .lbl-toggle::before {
	content: ' ';
	display: inline-block;

	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid currentColor;

	vertical-align: middle;
	margin-right: .7rem;
	transform: translateY(-2px);

	transition: transform .2s ease-out;
}

.fs-expanded-w-img-con .collapsible-content {
	max-height: 0px;
	overflow: hidden;

	transition: max-height .25s ease-in-out;
}

.fs-expanded-w-img-con .toggle:checked  + .collapsible-content {
	max-height: 100vh;
}

.fs-expanded-w-img-con .toggle:checked + .collapsible-content + .lbl-toggle::before {
	transform: rotate(270deg) translateX(3px);
}

.fs-expanded-w-img-con .toggle:checked + .collapsible-content + .lbl-toggle {
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

@media (min-width:768px){
	.fs-expanded-w-img-con .collapsible-content {
		max-height: 100vh;
		overflow: display;
	}

	.fs-expanded-w-img-con .lbl-toggle{
		display:none;
	}
}


@media (min-width:768px){
	.fs-expanded-w-img-con .fs-content-e .fs-row-e{
		flex-direction:row;
	}

	.fs-expanded-w-img-con .fs-img-link img{
		max-width: 120px !important;
		max-height: 60px !important;
	}


	.fs-expanded-w-img-con .fs-content-e .fs-row-e{
		padding: 0px 0px;
	}

	.fs-expanded-w-img-con .fs-img-link{
		display:flex;
		flex-basis:152px;
		min-width:152px;
	}

	.fs-expanded-w-img-con .fs-action{
		flex:0 0 160px;
		align-items:center;
		padding:16px;
	}

	.fs-expanded-w-img-con .fs-content{
		margin: 16px 10px;
	}

	.fs-expanded-w-img-con .fs-action .fs-btn-e{
		min-width:160px;
	}

}


/* Extended */

 .fs-xl-section{
	 border-radius: 6px;
	 background-color: #ffffff;
	 padding: 0 5px 20px 5px;
	 margin-bottom: 20px;
	 box-shadow: 0 0 8px 0 rgba(0, 0, 0, .2);
	 transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
	 line-height: 28px;
	 -webkit-font-smoothing: antialiased;
	 -moz-osx-font-smoothing: grayscale;
 }

.fs-xl-container{
	display: flex;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	flex-wrap: wrap;
	font-family: 'Roboto',sans-serif;
}

.fs-xl-action{flex-direction: column;}



.fs-xl-container h5{
	line-height: 19px;
	font-family: 'Roboto',sans-serif;
	margin:0;
}

.fs-xl-container h5 a.fs-linkout-tr{
	color: #0044DD;
	font-weight: bold;
	font-size: 19px;
	font-family: 'Roboto Condensed',sans-serif;
	text-decoration: none;
}

.fs-xl-container h5 a.fs-linkout-tr:hover{
	color: #658EE9;
}



.fs-xl-container > div{
	display: flex;
	width:100%;
}
.fs-xl-container > .fs-xl-logo{flex-wrap: wrap; flex-direction: column;}

.fs-xl-section .fs-xl-container > .fs-xl-logo > a,
.fs-xl-section .fs-xl-container > .fs-xl-logo > a:hover{color:#ffffff; text-decoration: none;}
.fs-xl-container .fs-xl-logo-rec:before{
	font-size: 140%;
	margin:4px 3px 0 0;
}
.fs-xl-container .fs-xl-logo-rec{
	font-family: 'Roboto Condensed',sans-serif;
	background-color: #077C00;
	color: #fff;
	width: 140px;
	margin:10px 171px -1px -45px;
	padding:0 0 0 13px;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 13px;
	line-height: 28px;
}
.fs-xl-container > .fs-xl-logo{padding: 30px;}
.fs-xl-container > .fs-xl-logo > div:first-child{ width:100%; text-align: center; margin-bottom: 20px;}
.fs-xl-container > .fs-xl-logo > div a{display: inline-block;}
.fs-xl-container > .fs-xl-logo > div img{max-width: 100%; height:auto; width: 60%;}
.fs-xl-container > .fs-xl-content{flex-wrap: wrap; font-size: 15px; color:#575250; line-height: 24px;}
.fs-xl-container > .fs-xl-content > div{padding:0 11px 20px 11px; width:100%;}
.fs-xl-container .fs-xl-enrollment:before{
	content: url("data:image/svg+xml,%3Csvg class='w-%5B20px%5D h-%5B20px%5D text-gray-800 dark:text-white' aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='rgb(0,160,12)' viewBox='0 0 24 24'%3E%3Cpath d='M12.4472 4.10557c-.2815-.14076-.6129-.14076-.8944 0L2.76981 8.49706l9.21949 4.39024L21 8.38195l-8.5528-4.27638Z'/%3E%3Cpath d='M5 17.2222v-5.448l6.5701 3.1286c.278.1325.6016.1293.8771-.0084L19 11.618v5.6042c0 .2857-.1229.5583-.3364.7481l-.0025.0022-.0041.0036-.0103.009-.0119.0101-.0181.0152c-.024.02-.0562.0462-.0965.0776-.0807.0627-.1942.1465-.3405.2441-.2926.195-.7171.4455-1.2736.6928C15.7905 19.5208 14.1527 20 12 20c-2.15265 0-3.79045-.4792-4.90614-.9751-.5565-.2473-.98098-.4978-1.27356-.6928-.14631-.0976-.2598-.1814-.34049-.2441-.04036-.0314-.07254-.0576-.09656-.0776-.01201-.01-.02198-.0185-.02991-.0253l-.01038-.009-.00404-.0036-.00174-.0015-.0008-.0007s-.00004 0 .00978-.0112l-.00009-.0012-.01043.0117C5.12215 17.7799 5 17.5079 5 17.2222Zm-3-6.8765 2 .9523V17c0 .5523-.44772 1-1 1s-1-.4477-1-1v-6.6543Z'/%3E%3C/svg%3E%0A");
	position: relative;
	top: 6px;
}

.fs-xl-pc{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
	gap: 20px;

}

.fs-xl-pc > div{
	flex: 0 0 100%;
	display: flex;
	flex-direction: column;
}
.fs-xl-content .fs-xl-title > h5{
	line-height: 26px;
}

.fs-xl-content-con h5, .fs-xl-content-pro h5, .fs-related-schools h5{
	font-size: 18px;
	color:#1e1810;
	margin-bottom: 5px;
	font-weight: bold;
}

.fs-xl-content-pro .thumbs-up:before{
	content: url("data:image/svg+xml,%3Csvg class='w-%5B20px%5D h-%5B20px%5D text-gray-800 dark:text-white' aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='rgb(0,160,12)' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M15.03 9.684h3.965c.322 0 .64.08.925.232.286.153.532.374.717.645a2.109 2.109 0 0 1 .242 1.883l-2.36 7.201c-.288.814-.48 1.355-1.884 1.355-2.072 0-4.276-.677-6.157-1.256-.472-.145-.924-.284-1.348-.404h-.115V9.478a25.485 25.485 0 0 0 4.238-5.514 1.8 1.8 0 0 1 .901-.83 1.74 1.74 0 0 1 1.21-.048c.396.13.736.397.96.757.225.36.32.788.269 1.211l-1.562 4.63ZM4.177 10H7v8a2 2 0 1 1-4 0v-6.823C3 10.527 3.527 10 4.176 10Z' clip-rule='evenodd'/%3E%3C/svg%3E%0A");
	margin:0 5px 0 0;
	position:relative;
	top:6px;
}

.fs-xl-logo  .thumbs-up:before{
	content: url("data:image/svg+xml,%3Csvg class='w-%5B20px%5D h-%5B20px%5D text-gray-800 dark:text-white' aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='rgb(255,255,255)' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M15.03 9.684h3.965c.322 0 .64.08.925.232.286.153.532.374.717.645a2.109 2.109 0 0 1 .242 1.883l-2.36 7.201c-.288.814-.48 1.355-1.884 1.355-2.072 0-4.276-.677-6.157-1.256-.472-.145-.924-.284-1.348-.404h-.115V9.478a25.485 25.485 0 0 0 4.238-5.514 1.8 1.8 0 0 1 .901-.83 1.74 1.74 0 0 1 1.21-.048c.396.13.736.397.96.757.225.36.32.788.269 1.211l-1.562 4.63ZM4.177 10H7v8a2 2 0 1 1-4 0v-6.823C3 10.527 3.527 10 4.176 10Z' clip-rule='evenodd'/%3E%3C/svg%3E%0A");
	margin:0;
	position:relative;
	top:4px;
}

.fs-xl-content-pro span{
	margin-left:29px;
	text-indent:-32px;
}

.fs-xl-content-con .thumbs-down:before{
	content: url("data:image/svg+xml,%3Csvg class='w-%5B20px%5D h-%5B20px%5D text-gray-800 dark:text-white' aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='rgb(202, 85, 85)' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M8.97 14.316H5.004c-.322 0-.64-.08-.925-.232a2.022 2.022 0 0 1-.717-.645 2.108 2.108 0 0 1-.242-1.883l2.36-7.201C5.769 3.54 5.96 3 7.365 3c2.072 0 4.276.678 6.156 1.256.473.145.925.284 1.35.404h.114v9.862a25.485 25.485 0 0 0-4.238 5.514c-.197.376-.516.67-.901.83a1.74 1.74 0 0 1-1.21.048 1.79 1.79 0 0 1-.96-.757 1.867 1.867 0 0 1-.269-1.211l1.562-4.63ZM19.822 14H17V6a2 2 0 1 1 4 0v6.823c0 .65-.527 1.177-1.177 1.177Z' clip-rule='evenodd'/%3E%3C/svg%3E%0A");
	margin:0 5px 0 0;
	position:relative;
	top:9px;
}

.fs-xl-content-con span{
	margin-left:29px;
	text-indent:-32px;
}



.fs-xl-container > .fs-xl-action > div{
	padding: 34px 0 20px 0;
	text-align: center;
}

.carousel .carousel-btn a.fs-linkout-tr,
.fs-xl-section .fs-xl-btn a.fs-linkout-tr{
	background-color: #308B12;
	border-radius: 4px;
	font-size: 17px;
	font-weight: 500;
	text-transform: uppercase;
	fill: #FFFFFF;
	color: #FFFFFF;
	padding: 5px 24px 9px 24px;
	display: inline-block;
	transition: all .2s linear;
}

.carousel .carousel-btn a.fs-linkout-tr:hover,
.fs-xl-section .fs-xl-btn a.fs-linkout-tr:hover{
	transform: scale(1.1);
	text-decoration: none;
	color: #FFFFFF;

}

.carousel .carousel-btn .arrow-right:before{
	margin:0 0 0 -2px;
	content: url("data:image/svg+xml,%3Csvg class='w-%5B20px%5D h-%5B20px%5D text-gray-800 dark:text-white' aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='white' viewBox='0 -5 24 24'%3E%3Cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 12H5m14 0-4 4m4-4-4-4'/%3E%3C/svg%3E%0A");
}

.fs-xl-section .fs-xl-btn .arrow-right:before{
	margin:0 0 0 -2px;
	content: url("data:image/svg+xml,%3Csvg class='w-%5B30px%5D h-%5B30px%5D text-gray-800 dark:text-white' aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 -6 24 24'%3E%3Cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 12H5m14 0-4 4m4-4-4-4'/%3E%3C/svg%3E%0A");

}


.carousel .carousel-btn a.fs-linkout-tr{
	font-size: 14px;
}


.fs-xl-section .fs-xl-action .all-on{
	color:#107E21;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	text-transform: uppercase;
}

.fs-xl-section .fs-xl-action .all-on:before{
	font-size: 140%;
	margin:4px 0 0 0;
	color:#107E21;
}

@media (min-width: 768px) {
	.fs-xl-container h5 a.fs-linkout-tr{font-size: 24px;}

	.fs-xl-container > .fs-xl-logo{width:26%;}
	.fs-xl-container > .fs-xl-logo > div img{ width: 100%;}
	.fs-xl-container .fs-xl-logo-rec{
		margin: 10px 60px 0 -45px;
		width: 100%;
	}

	.fs-xl-container > .fs-xl-content{width:47%; font-size: 16px;}
	.fs-xl-container > .fs-xl-content > div{padding:0 20px 20px 20px;}
	.fs-xl-container > .fs-xl-content > div:first-child{padding:46px 20px 20px 20px;}



	.fs-xl-container > .fs-xl-action{width:27%;}

	.fs-xl-section .fs-xl-action .all-on,
	.fs-xl-section .fs-xl-container > .fs-xl-action > div{
		text-align: unset;
	}

	.carousel .carousel-btn a.fs-linkout-tr{
		padding: 5px 5px 5px 9px;
		min-width: 135px;
	}

}


@media (min-width: 1200px) {
	.fs-xl-container > .fs-xl-logo{width:23%;}
	.fs-xl-container > .fs-xl-action{width:20%;}
	.fs-xl-container > .fs-xl-content{width:57%;}

	.fs-xl-content-con h5, .fs-xl-content-pro h5, .fs-related-schools h5{
		font-size: 20px;
	}
	.fs-xl-container > .fs-xl-content > div.fs-xl-pc{
		gap:2%;
		padding: 0 40px 20px 40px;
	}
	.fs-xl-pc > div{flex: 0 0 49%;}
}

/*Carousel*/
.carousel-wrapper {
	font-family: 'Roboto',sans-serif;
	color:#575250;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display: flex;
	align-items: center;
	justify-content: space-evenly;
	line-height: 28px;
}
.carousel {
	width: 90vw;
	display: flex;
	gap: 20px;
	overflow-x: scroll;
	scroll-behavior: smooth;
	/* use this property to hide the scrollbar on firefox */
	scrollbar-width: none;
	margin-left: -5px;
	padding-left: 5px;
	margin-top: -5px;
	padding-top: 5px;
}
/*  use this pseudo class to hide the scrollbar on chrome */
.carousel::-webkit-scrollbar {
	display: none;
}


.item-wrapper {
	border-radius: 6px;
	background-color: #ffffff;
	padding: 18px;
	margin-bottom: 20px;
	box-shadow: 0 0 8px 0 rgba(0, 0, 0, .2);
	flex-basis: 80%;
	flex-shrink: 0;
	display: flex;
	flex-direction: column;

}
.item{display: flex; align-items: center; gap:20px; flex-direction: column;}
.item .carousel-left{
	flex-basis:100%;
	min-height: 52px;
	flex-grow: 1;
	display: flex;
	align-items: center;
}
.item .carousel-left img{
	max-width: 175px;
	max-height: 70px;
}

.item .carousel-right{
	flex-basis: 100%;
	flex-grow: 0;
}

.item .carousel-right .carousel-btn{
	text-align: center;
}

.item-wrapper .carousel-row{
	flex-basis: 100%;
	flex-grow: 0;
	display: flex;
	align-items: center;
	font-size: 12px;
	line-height: 20px;
	margin-left: auto;
	margin-right: auto;
	padding-top:10px;
}

.item-wrapper .carousel-row > div:before{
	content: url("data:image/svg+xml,%3Csvg class='w-%5B20px%5D h-%5B20px%5D text-gray-800 dark:text-white' aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='rgb(0,160,12)' viewBox='0 0 24 24'%3E%3Cpath d='M12.4472 4.10557c-.2815-.14076-.6129-.14076-.8944 0L2.76981 8.49706l9.21949 4.39024L21 8.38195l-8.5528-4.27638Z'/%3E%3Cpath d='M5 17.2222v-5.448l6.5701 3.1286c.278.1325.6016.1293.8771-.0084L19 11.618v5.6042c0 .2857-.1229.5583-.3364.7481l-.0025.0022-.0041.0036-.0103.009-.0119.0101-.0181.0152c-.024.02-.0562.0462-.0965.0776-.0807.0627-.1942.1465-.3405.2441-.2926.195-.7171.4455-1.2736.6928C15.7905 19.5208 14.1527 20 12 20c-2.15265 0-3.79045-.4792-4.90614-.9751-.5565-.2473-.98098-.4978-1.27356-.6928-.14631-.0976-.2598-.1814-.34049-.2441-.04036-.0314-.07254-.0576-.09656-.0776-.01201-.01-.02198-.0185-.02991-.0253l-.01038-.009-.00404-.0036-.00174-.0015-.0008-.0007s-.00004 0 .00978-.0112l-.00009-.0012-.01043.0117C5.12215 17.7799 5 17.5079 5 17.2222Zm-3-6.8765 2 .9523V17c0 .5523-.44772 1-1 1s-1-.4477-1-1v-6.6543Z'/%3E%3C/svg%3E%0A");
	position: relative;
	top: 4px;
	display: unset;
}

.carousel-wrapper .left,
.carousel-wrapper .right{
	 display: none;
}

@media (min-width: 768px) {
	.item{
		flex-direction: row;
	}

	.item .carousel-left img{
		max-width: 140px;
	}

	.item .carousel-left{
		flex-basis:42%;
	}

	.item .carousel-right{
		flex-basis: 58%;
	}

	.item-wrapper {
		flex-basis: 42%;
	}

	.item-wrapper .carousel-row{
		margin-left: revert;
	}
}

@media (min-width: 1200px) {
	.item-wrapper {
		flex-basis: 29%;
	}

	.carousel-wrapper .right:before{
		content: url("data:image/svg+xml,%3Csvg class='w-%5B30px%5D h-%5B30px%5D text-gray-800 dark:text-white' aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='42' height='42' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='rgba(153,153,153,.66)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m9 5 7 7-7 7'/%3E%3C/svg%3E%0A");
	}

	.carousel-wrapper .left:before{
		content: url("data:image/svg+xml,%3Csvg class='w-%5B48px%5D h-%5B48px%5D text-gray-800 dark:text-white' aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='42' height='42' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='rgba(153,153,153,.66)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m15 19-7-7 7-7'/%3E%3C/svg%3E%0A");
	}

	.carousel-wrapper .left,
	.carousel-wrapper .right {
		border: none;
		background-color: transparent;
		cursor: pointer;
		color: rgba(153, 153, 153, 0.66);
		font-size: 4rem;
		margin-top: -25px;
		z-index: 100;
		position:absolute;
		display: block;
	}

	.carousel-wrapper .left{
		left:-25px;
	}

	.carousel-wrapper .right{
		right:-25px;
	}
}