/*Side by Side block*/

.g-sidebyside {
	display: flex;
	align-content: center;
	flex-direction: column;
}

.g-sidebyside.full-width-container-width .block-size {
	width: 100% !important;
	padding-left: 2rem;
	padding-right: 2rem;
}

.g-sidebyside .block-margin-padding {
	position: relative;
}

.g-sidebyside .block-margin-padding .g-background-color {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	opacity: 1;
}
.g-sidebyside .g-sidebyside-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 24px;
}

/* container heading */
.g-sidebyside .g-sidebyside-container h2 {
/*	color: $link-hover;*/
/*	font-size: 3.5rem;*/
	font-weight: 700;
/*	font-family: $font-family-title;*/
	margin: 0;
	margin-top: 0;
	position: relative;
    text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
}

/* tablet-range: 48rem–59.938rem */
@media (min-width: 48rem) and (max-width: 59.938rem) {
	.g-sidebyside .g-sidebyside-container h2 {
/*		font-size: 2.3125rem;*/
		margin: 0;
	}
}

/* mobile-only: max-width 47.938rem */
@media (max-width: 47.938rem) {
	.g-sidebyside .g-sidebyside-container h2 {
/*		font-size: 2.3125rem;*/
		margin: 0;
	}
}

.g-sidebyside .g-sidebyside-container h2::selection {
	color: #333;
	background: #fff;
}
.g-sidebyside .g-sidebyside-container h2 .gbp-section__tagline {
	margin-bottom: 0;
}

/* style 40-60 */
.g-sidebyside.g-sidebyside-style-40-60 .g-block-wrapper {
	display: grid;
	grid-template-columns: 2fr 3fr;
	position: relative;
	grid-auto-rows: 1fr;
}

/* no-desktop: max-width 59.938rem */
@media (max-width: 59.938rem) {
	.g-sidebyside.g-sidebyside-style-40-60 .g-block-wrapper {
		grid-template-columns: 100%;
		grid-auto-rows: auto;
	}
}

.g-sidebyside.g-sidebyside-style-40-60 .g-block-wrapper .g-block-container-left h2 {
	margin-bottom: 0;
}

/* main wrapper */
.g-sidebyside .g-block-wrapper {
	/*display: grid;*/
	display: flex;
	/*grid-template-columns: repeat(2, 1fr);*/
	position: relative;
/*	grid-auto-rows: 1fr;*/
	max-width: 75rem;
	column-gap: 6rem;
}


/* no-desktop: max-width 59.938rem */
@media (max-width: 59.938rem) {
	.g-sidebyside .g-block-wrapper {
		/*grid-template-columns: 100%;*/
		/*grid-auto-rows: auto;*/
		padding: 0px 5%;
		flex-direction: column;
		row-gap: 3rem;
	}
}

/* left and right containers */
.g-sidebyside .g-block-wrapper .g-block-container-left h2,
.g-sidebyside .g-block-wrapper .g-block-container-right h2 {
	line-height: 1.2;
	margin-top: 0;
	margin-bottom: 0;
	font-weight: 800;
}

/* no-desktop: max-width 59.938rem */
@media (max-width: 59.938rem) {
	.g-sidebyside .g-block-wrapper .g-block-container-left h2,
	.g-sidebyside .g-block-wrapper .g-block-container-right h2 {
	}
}

/* mobile-only: max-width 47.938rem */
@media (max-width: 47.938rem) {
	.g-sidebyside .g-block-wrapper .g-block-container-left h2,
	.g-sidebyside .g-block-wrapper .g-block-container-right h2 {
		
	}
}

/* content area */
.g-sidebyside .g-block-wrapper .g-block-container-left .g-sidebyside-content,
.g-sidebyside .g-block-wrapper .g-block-container-right .g-sidebyside-content {
	display: flex;
    flex-direction: column;
    /*align-items: flex-start;*/
	align-items: stretch!important;
    gap: 1.25rem;
	width: 100%;
}

/* no-desktop: max-width 59.938rem */
@media (max-width: 59.938rem) {
	.g-sidebyside .g-block-wrapper .g-block-container-left .g-sidebyside-content,
	.g-sidebyside .g-block-wrapper .g-block-container-right .g-sidebyside-content {
	}
}
.g-sidebyside .g-block-container-right h2, .g-sidebyside .g-block-container-left h2, .g-sidebyside .g-block-container-right h3, .g-sidebyside .g-block-container-left h3{
	margin-bottom: 0;
}

.g-sidebyside .g-sidebyside-content h2,
.g-sidebyside .g-sidebyside-content h3 {
/*	font-family: get-font-family($font-family-title);*/
	margin-top: 0;
	margin-bottom: 1rem;
	
}

/* no-desktop */
@media (max-width: 59.938rem) {
	.g-sidebyside .g-sidebyside-content h2,
	.g-sidebyside .g-sidebyside-content h3 {
	}
}

/* mobile-only */
@media (max-width: 47.938rem) {
	.g-sidebyside .g-sidebyside-content h2,
	.g-sidebyside .g-sidebyside-content h3 {
	}
}

.g-sidebyside .g-block-container-left h3, .g-sidebyside .g-block-container-right h3 {
	font-family: var(--gp-font--andada-pro);
	font-size: clamp(1.75rem, 1.5735rem + 0.7353vw, 2.125rem);
	color: var(--global-blackish)!important;
	font-weight: 700;
}

.g-sidebyside .g-sidebyside-content p {
	margin-top: 0;
	margin-bottom: 0;
}

.g-sidebyside .g-sidebyside-content p:last-of-type {
	margin-bottom: 0;
}

.g-sidebyside .g-sidebyside-content .g-action-link {
	margin-top: 2rem;
}

/* sidebyside_grid link styling */
.g-sidebyside .g-sidebyside-content .sidebyside_grid a {
	background: transparent;
	color: #333 !important;
	margin: 0;
	letter-spacing: normal;
	text-transform: uppercase;
	font-size: 1.1875 rem;
/*	font-family: get-font-family($font-family-default);*/
	font-weight: bold !important;
	display: inline-block;
	border: none;
	padding: 0;
	text-align: left;
	border-radius: 0;
}

/* tablet-range */
@media (min-width: 48rem) and (max-width: 59.938rem) {
	.g-sidebyside .g-sidebyside-content .sidebyside_grid a {
		font-size: 1rem;
	}
}

/* mobile-only */
@media (max-width: 47.938rem) {
	.g-sidebyside .g-sidebyside-content .sidebyside_grid a {
		font-size: 1rem;
	}
}

/* sidebyside_grid link states */
.g-sidebyside .g-sidebyside-content .sidebyside_grid a:focus {
	background: transparent;
	color: #333;
}

.g-sidebyside .g-sidebyside-content .sidebyside_grid a:hover {
	background: transparent;
	color: #333 ;
	text-decoration: none ;
}

.g-sidebyside .g-sidebyside-content .sidebyside_grid a::after {
	content: '\f061';
	font-family: 'Font Awesome 6 Pro';
	margin-left: 0.6rem;
	position: relative;
	top: 1px;
	transition: margin-left 0.2s ease 0s;
	text-decoration: none;
	display: inline-block;
}

.g-sidebyside .g-sidebyside-content .sidebyside_grid a:hover::after {
	margin-left: 0.75rem;
	transition: margin-left 0.2s ease 0s;
	content: '\f178';
	font-family: 'Font Awesome 6 Pro';
	text-decoration: none;
	display: inline-block;
}

/* sidebyside_grid layout on mobile */
@media (max-width: 47.938rem) {
	.g-sidebyside .g-sidebyside-content .sidebyside_grid {
		grid-template-columns: repeat(1, 1fr);
	}
}

/* left container */
.g-sidebyside .g-block-wrapper .g-block-container-left {
	position: relative;
	flex-direction: column;
	display: flex;
	max-width: 1200px;
	align-items: flex-start;
	justify-content: flex-start;
	align-self: stretch;
	gap: 24px;
	width: 100%;
	padding: 0;
}

/* no-desktop */
@media (max-width: 59.938rem) {
	.g-sidebyside .g-block-wrapper .g-block-container-left {
/*		padding: 3rem 2rem;*/
		width: 100%;
	}
}

/* mobile-only */
@media (max-width: 47.938rem) {
	.g-sidebyside .g-block-wrapper .g-block-container-left {
/*		padding: 3rem 1.563rem;*/
	}
}

.g-sidebyside .g-block-wrapper .g-block-container-left h2 {
	
}

.g-sidebyside .g-block-wrapper .g-block-container-left .g-action-link a {
	
}

/* right container */
.g-sidebyside .g-block-wrapper .g-block-container-right {
	position: relative;
	gap: 24px;
	flex-direction: column;
	display: flex;
	max-width: 1200px;
	align-items: flex-start;
	justify-content: flex-start;
	align-self: stretch;
	width: 100%;
	padding: 0;
}

/* no-desktop */
@media (max-width: 59.938rem) {
	.g-sidebyside .g-block-wrapper .g-block-container-right {
/*		padding: 3rem 2rem;*/
		padding: 0 ;
		width: 100%;
	}
}

/* mobile-only */
@media (max-width: 47.938rem) {
	.g-sidebyside .g-block-wrapper .g-block-container-right {
/*		padding: 3rem 1.563rem;*/
	}
}

.g-sidebyside .g-block-wrapper .g-block-container-right h2 {
	
}

.g-sidebyside .g-block-wrapper .g-block-container-right .g-action-link a {
	
}

/* dark theme */
.g-sidebyside.g-dark-theme .g-sidebyside-container > h2 {
	color: #fff;
}
/* 2-column grid layout */
.g-sidebyside .g-sidebyside-content ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    /*gap: 0.75rem 1.5rem;*/
	gap: 1rem;
    list-style: none;
    padding: 0.25rem;
    margin: 0;
}
@media (max-width: 46.75rem) {
	.g-sidebyside .g-sidebyside-content ul {
		grid-template-columns: 1fr;
	}
}

/* Each list item */
/*.g-sidebyside .g-sidebyside-content ul li {
	display: block!important;
	position: relative!important;
	padding-left: calc(32px + 0.6rem)!important;
    align-items: center;
    gap: 0.6rem;
    font-size: 0.95rem;
    list-style: none;
    line-height: 1.1;
    background-color: #ffffff;
    padding: 1rem;
    border-radius: 8px;
	align-self: start;
}*/
.g-sidebyside .g-sidebyside-content ul li {
    display: flex !important;
    position: relative !important;
    align-items: center;
    gap: 0.6rem;
    font-size: 0.95rem;
    list-style: none;
    line-height: 1.1;
    background-color: #ffffff;
    padding: 1rem;
    border-radius: 8px;
    align-self: start;
	min-width: 0;
}
.g-sidebyside .g-sidebyside-content ul li .li-inner {
    display: block;
    flex: 1 1 auto;
    min-width: 0; /* prevents overflow in flex context */
}

/* Circular checkmark badge via pseudo-element */
/*.g-sidebyside .g-sidebyside-content ul li::before {
    content: "";
	position: absolute!important;
	left: 0!important;
	top: 50%!important;
	transform: translateY(-50%);
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='40' height='40' rx='20' fill='%23EEEAE5'/%3E%3Cpath d='M17.4343 25.7314L12.2343 20.5314C11.9219 20.219 11.9219 19.7124 12.2343 19.4L13.3656 18.2686C13.6781 17.9562 14.1846 17.9562 14.497 18.2686L18 21.7715L25.503 14.2686C25.8154 13.9562 26.3219 13.9562 26.6343 14.2686L27.7657 15.4C28.0781 15.7124 28.0781 16.2189 27.7657 16.5314L18.5657 25.7314C18.2532 26.0438 17.7467 26.0438 17.4343 25.7314Z' fill='%23806B59'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
}*/
.g-sidebyside .g-sidebyside-content ul li::before {
    content: "";
    position: static !important;
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    align-self: flex-start;
    margin-left: 0.5rem; /* adjust this for left padding on the icon */
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='40' height='40' rx='20' fill='%23EEEAE5'/%3E%3Cpath d='M17.4343 25.7314L12.2343 20.5314C11.9219 20.219 11.9219 19.7124 12.2343 19.4L13.3656 18.2686C13.6781 17.9562 14.1846 17.9562 14.497 18.2686L18 21.7715L25.503 14.2686C25.8154 13.9562 26.3219 13.9562 26.6343 14.2686L27.7657 15.4C28.0781 15.7124 28.0781 16.2189 27.7657 16.5314L18.5657 25.7314C18.2532 26.0438 17.7467 26.0438 17.4343 25.7314Z' fill='%23806B59'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
}




.g-sidebyside .g-sidebyside-content ul li a {
	
}
.g-sidebyside .g-sidebyside-content ul li a:hover {
	text-decoration: underline!important;
}