.image_with_text_section {
&.after_text {
& .section_inner {
flex-direction: row-reverse;
}
}
&.light_colour_scheme {
& .text_area {
& h2, & h3, & h4, & h5, & p, & a, & li, & span {
color: var(--white);
}
}
}
&.grey_colour_scheme {
& .section_inner {
@media (min-width: 992px) {
background: #F2F2F2;
}
@media (max-width: 991px) {
overflow: hidden;
border-top-left-radius: 6rem;
border-top-right-radius: 6rem;
}
& .left_side {
@media (min-width: 992px) {
width: 40%;
}
}
& .right_side {
@media (min-width: 992px) {
width: 60%;
padding: 7rem;
}
& .text_area {
& h2, & h3, & h4, & h5 {
color: var(--teal);
}
& p, & a, & li, & span {
color: #333333;
}
}
}
}
}
@media (min-width: 992px) {
&.grey_colour_scheme.before_text {
& .section_inner {
border-top-right-radius: 3rem;
border-bottom-right-radius: 3rem;
border-bottom-left-radius: 12rem;
}
}
&.grey_colour_scheme.after_text {
& .section_inner {
border-top-left-radius: 3rem;
border-bottom-left-radius: 3rem;
border-bottom-right-radius: 12rem;
}
}
}
& .section_inner {
width: 100%;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 110px;
@media (max-width: 991px) {
grid-template-columns: 1fr;
gap: 0px;
}
&.reverse_section {
& .left_side {
order: 2;
@media (max-width: 991px) {
margin-top: 3rem;
}
}
& .right_side {
order: 1; 
}
}
& .left_side {
overflow: hidden;
border-radius: 5px;
@media (max-width: 991px) {
width: 100%;
margin-bottom: 3rem;
}
& img {
width: 100%;
height: 100%;
object-fit: cover;
transition: all .5s ease;
}
}
& .right_side {
display: flex;
flex-direction: column;
justify-content: center;
@media (max-width: 991px) {
width: 100%;
}
& span.orange {
color: #f64a22!important;
}
& .sub_title { 
margin-bottom: 3rem;
font-size: 16px;
color: var(--secondary);
text-transform: uppercase; 
}
& p {
@media (max-width: 991px) {
text-align: center;
}
}
& .text_area {
margin-bottom: 3rem;
& h2, & h3, & h4, & h5 {
margin: 0 0 3rem;
font-size: 40px;
@media (max-width: 991px) {
text-align: center;
}
& span {
color: var(--primary);
font-size: inherit;
font-weight: inherit;
}
}
& ul {
width: 50rem;
max-width: 100%;
margin-top: 2rem;
columns: 2;
padding: 0;
& li {
position: relative;
list-style-type: none;
font-weight: 700;
color: var(--teal);
padding-left: 3.5rem;
&:before {
content: '';
position: absolute;
left: 0;
top: 2px;
width: 24px;
height: 25px;
background: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.8597 0.414551C5.32052 0.414551 0 5.73507 0 12.2743C0 18.8134 5.32052 24.134 11.8597 24.134C18.3989 24.134 23.7194 18.8134 23.7194 12.2743C23.7194 5.73507 18.3989 0.414551 11.8597 0.414551ZM18.4881 9.15329L10.9086 16.6734C10.4627 17.1192 9.74934 17.1489 9.27376 16.7031L5.26108 13.0471C4.7855 12.6012 4.75577 11.8581 5.1719 11.3826C5.61776 10.907 6.36085 10.8773 6.83643 11.3231L10.0168 14.236L16.7938 7.45904C17.2694 6.98346 18.0125 6.98346 18.4881 7.45904C18.9636 7.93462 18.9636 8.67771 18.4881 9.15329Z' fill='%233e908a'/%3E%3C/svg%3E") no-repeat center;
background-size: contain;
}
}
}
}
& .solid_ticks {
& .listed_item {
margin-bottom: 1.5rem!important; 
}
& .listed_item_text {
font-weight: bold;
}
}
& .listed_items {
margin-top: 0rem;
margin-bottom: 2rem;
& .listed_item {
display: flex;
align-items: center;
margin-bottom: 1rem;
& .listed_item_icon {
margin-right: 1rem;
}
& .listed_item_text {
font-size: 16px;
color: var(--secondary-light); 
@media (max-width: 991px) {
line-height: 1.4;
}
}
}
}
& .text_bottom {
margin-bottom: 2rem;
}
& .call_to_action_buttons {
display: flex;
@media (max-width: 991px) {
justify-content: center;
}
&  a.button.button-primary {
color: var(--white) !important;
background: var(--secondary) !important;
font-weight: bold;
font-size: 14px;
border:none;
box-shadow: none;
margin-top: 20px;
display: flex;
align-items: center;
justify-content: center;
margin: 0!important;
&:hover {   
background: var(--primary) !important;
}
.phone_icon {
margin-right: 1rem;
}
span {
font-size: 14px;
font-weight: bold;
color: var(--white) !important;
}
}
& a.white_button {
display: flex;
align-items: center;
text-decoration: none;
margin-left: 2rem;
@media (max-width: 991px) {
margin-top: 3rem;
margin-left: 0;
}
& span {
color: var(--primary)
}
& .quote_icon {
margin-right: 1rem;
}
& .first {
font-size: 22px;
font-weight: bold;
text-decoration: underline;
}
& .second {
display: block;
margin-top: 0.5rem;
}
& .quote_text {
display: flex;
flex-direction: column;
}
}
}
}
}
& .button_wrapper {
display: flex;
@media (max-width: 991px) {
justify-content: center;
}
&  a.button.button-primary {
color: var(--white) !important;
background: var(--secondary) !important;
font-weight: bold;
font-size: 14px;
border:none;
box-shadow: none;
margin-top: 20px;
display: flex;
align-items: center;
justify-content: center;
margin: 0!important;
&:hover {   
background: var(--primary) !important;
}
.phone_icon {
margin-right: 1rem;
}
span {
font-size: 14px;
font-weight: bold;
color: var(--white) !important;
@media (max-width: 400px) {
font-size: 12px!important;
}
}
}
}
& img.iwt_bg_image {
width: 100%;
height: 100%;
top: 0;
left: 0;
object-fit: cover;
object-position: center;
position: absolute;
z-index: 0;
}
& img.iwt_bg_pattern {
position: absolute;
bottom: 0;
right: 0;
z-index: 0;
width: 55rem;
max-width: 100%;
}
}