

.C3_variant_2 {
	display: flex;
  gap: 5rem;
	align-items:center;
}

.variant_button_group {
	display:flex;
	flex-wrap:wrap;
	gap:1rem;
	align-items: center;
	margin-top:3rem;
}
.variant_button_group > * {
	min-width:fit-content;
}

.variant_button_group .left_button button{
    background: #353750;
    border: 1px solid #353750;
    border-radius: 100vw;
    color: #fff;
    padding: 10px 20px;
    display: flex;
    align-items: center;
    gap: .5rem;
}

.variant_button_group .right_button button {
    background: #353750;
    border: 1px solid #353750;
    border-radius: 100vw;
    color: #fff;
    padding: 15px 20px;
    display: flex;
    align-items: center;
    gap: .5rem;
}



.left_column p, .right_column p {
	  font-family: "Lora", serif;
    font-size: var(--text-size-m) !important;
    line-height: var(--lh-m);
		font-weight: 400;
		text-align: left;
}


@media screen and (min-width:1025px) {
	.left_column_v1, .right_column_v1 {
	width:50% !important;
	}
	.left_column, .right_column {
		width:50%;
	}
		img.right_image {
    width: 100%;
  }
	img.right_image {
  aspect-ratio: 1 / 1;
  border-radius: 20px;
  height: 100%;
  object-fit: cover;
  object-position: center;
  width: 100%;
  max-height: 536px;
	max-width: 536px;
}
}

@media screen and (max-width:1024px) {
	.C3_variant_2 {
		flex-direction:column;
    gap: 1rem;
}
	.left_column_v1, .right_column_v1 {
	width:100% !important;
}
	.alt_text {
		display:none;
	}
img.right_image {
  aspect-ratio: 1 / 1;
  border-radius: 20px;
  height: 100%;
  object-fit: cover;
  object-position: center;
  width: 100%;
  max-height: 536px;
	max-width: 100%;
}
}


.image_wrapper {
	position:relative;
}
.image_wrapper .alt_text  {
	position:absolute;
	bottom:0;
	left:1rem;
}
.image_wrapper .alt_text  p {
    font-family: "Lora", serif;
    font-weight: 400;
    padding: 0;
    margin: 0;
    color: #353750;
    text-align: center;
	  font-size: var(--text-size-xs) !important;
    line-height: var(--lh-xs);
}

.cta_right_column {
    display: flex;
    gap: 10px;
    text-decoration: underline;
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.cta_right_column p {
	display: flex;
  gap: 10px;
}
.cta_right_column a {
    color: #353750;
}
.image_wrapper .alt_text {
    bottom: 2rem;
    left: 2rem;
    border-radius: 10px;
    position: absolute;
    background: #fff;
    margin: 0;
    padding: 5px 10px;
    border: 1px solid #92A2C8;
}
.image_wrapper .alt_text p {
    font-family: "Lora", serif;
    font-weight: 400;
    padding: 0;
    margin: 0;
    text-align: center;
	  font-size: var(--text-size-xs) !important;
    line-height: var(--lh-xs);
}
img.fullwidth_image {
    aspect-ratio: 1 / 1;
    border-radius: 20px;
    height: 100%;
    object-fit: cover;
    object-position: center;
    width: 100%;
    max-height: 743px;
}
.left_column_v1 {
	width:60%;
}

.right_column_v1 {
		width:40%;
}
.right_column_v1 p {
    font-family:var(--ff-display) !important;
    font-size: var(--text-size-m) !important;
    line-height: var(--lh--m);
	  color:#353750;
    font-weight: 400;
    text-align: left;
	  margin:0;
}
.text_on_top {
    padding-bottom: 1rem;
    color: #353750;
    font-size: var(--text-size-s) !important;
    line-height: var(--lh--s;
	  font-family:var(--ff-body);
    font-weight: 400;
}

.text_on_top_2 {
    color: #353750;
    font-size: var(--text-size-s) !important;
    line-height: var(--lh-s);
    font-family: "Lora", serif;
    font-weight: 400;
}

.right_column_v3 ul {
	  margin: 0;
    margin-block-start: 0;
    padding: 0;
    padding-left: 16px;
    padding-bottom: 8px;
}

.right_column_v3  {
	  color:#4D5180;
	  max-width: 50%;
}

.space-to-main {
    padding-top: 35px;
}

 .right_button button {
    display: flex;
    gap: 1rem;
}

.right_button button a, .left_button button a {
    text-decoration: none !important;
}

.variant_button_group .right_button button {
    background: #fff;
    border: 1px solid #353750;
    color: #353750;
    padding: 15px 20px;
}

.C3_variant_2 .left_column .heading_v2 {
    font-family:var(--ff-display) !important;
		font-optical-sizing: auto;
		font-weight: 500;
		font-style: normal;
   font-size: var(--text-size-xl) !important;
    line-height: var(--lh-xl);
    padding-bottom: 2rem;
    letter-spacing: -0.02em;
    text-align: left;
}

.C3_variant_2 .left_column p {
font-family:var(--ff-display) !important;
font-weight: 400;
text-align: left;
margin-top:2rem;
font-size: var(--text-size-s) !important;
line-height: var(--lh-s);
}

.variant_button_group .left_button button:hover {
    transition: all 0.35s cubic-bezier(0.215, 0.61, 0.7, 0.89);
    background-color: #4d5180 !important;
}

.variant_button_group .left_button button:focus {
  box-shadow: 0px 0px 0px 3px #B6EBFF;
}

.variant_button_group .right_button button:hover {
    transition: all 0.35s cubic-bezier(0.215, 0.61, 0.7, 0.89);
    background: #EFFAFF;
    border: 1px solid #00A8E1;
    color: #353750;
    padding: 15px 20px;
}
.variant_button_group .right_button button:focus {
 box-shadow: 0 0 0 3px #b6ebff, 0 1px 2px 0 #0000004d;
 }

.variant_button_group .right_button button a {
    text-decoration: none !important;
}


.C3_variant_2 .right_column {
	  text-align:right;
}

.right_button > a, .left_button > a {
    text-decoration: none;
}

.heading_v1 h1 {
  font-family: "Lora", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
    font-weight: 500;
    padding-bottom: 1rem;
    letter-spacing: -0.02em;
    text-align: left;
	  font-size: var(--text-size-xl) !important;
    line-height: var(--lh-xl);
}


@media screen and (max-width: 480px) {
	.left_column, .right_column {
			width: 100%;
	}
}

@media screen and (min-width: 480px and max-width:1023px) {
	.left_column, .right_column {
			width: 50%;
	}
	.C3_variant_2 .left_column p {
    margin-top: 1rem;
  }
	.C3_variant_2 .left_column .heading_v2 {
   padding-bottom: 1rem; 
  }
	.C3_variant_2{
	padding:2rem;
	}
}

@media screen and (max-width:1023px) {
.C3_variant_2 .left_column .heading_v2 {
    font-family: "Lora", serif;
		font-optical-sizing: auto;
		font-weight: 500;
		font-style: normal;
	  font-size: var(--text-size-xl) !important;
    line-height: var(--lh-xl);
    padding-bottom: 1rem;
    letter-spacing: -0.02em;
    text-align: left;
    margin: 0;
    padding: 0;
}
	.variant_button_group {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: baseline;
    margin-top: 2rem;
}
	    .C3_variant_2 {
        flex-direction: column-reverse;
        gap: 1.5rem;
        padding: 2rem;
    }
}

@media screen and (max-width:768px) {
	.C3_variant_3 {
    flex-direction: column;
		align-items: flex-end;
  }
	.space-to-main {
    padding-top: 15px;
  }
	.C3_variant_2, .C3_variant_2_wrapper {
    padding: 0rem;
  }
	.right_column_v3 {
    color: #4d5180;
    max-width: 100%;
}
	.C3_variant_3 {
    align-items: flex-end;
    display: flex;
    gap: 1rem !important;
    justify-content: space-between;
 }
}


.C3_variant_3 {
    align-items: flex-end;
    display: flex;
    gap: 5rem;
	  justify-content: space-between;
}



.C3_variant_2_wrapper,  .C3_variant_2{
	padding:2rem;
	}

.right_column_v3 .cta_right_column {
    background: #353750;
    border: 1px solid #353750;
    border-radius: 100vw;
    color: #fff;
    width: fit-content;
    padding: 15px 20px;
    text-decoration: none;
	  margin-top:24px;
}

.right_column_v3 .cta_right_column a {
    text-decoration:none;
    color: #fff;
}
