.benefits_blocks {
background: var(--primary);
& .section_inner {
display: flex;
gap: 40px;
@media (max-width: 1024px) {
flex-direction: column-reverse;
}
& .left_side {
display: flex;
flex-direction: column;
gap: 20px;
width: 65%;
@media (max-width: 1024px) {
width: 100%;
}
& .sub_title_wrapper {
& span {
font-size: 1.8rem;
color: var(--secondary);
text-transform: uppercase;
}
}
& h2 {
font-size: 40px;
font-weight: 600;
color: var(--white);
margin-top: 1rem;
}
& .benefits_blocks_wrapper {
display: grid;  
grid-template-columns: 1fr 1fr;
gap: 0px 20px;
@media (max-width: 1024px) {
grid-template-columns: 1fr;
}
& .benefit_block {
display: flex;
flex-direction: column;
gap: 20px;
border-bottom: 1px solid var(--white); 
padding-top: 8px;
padding-bottom: 8px;
&:nth-child(-n+2) {
border-top: 1px solid var(--white); 
}
& .benefit_block_title {
font-size: 20px;
color: var(--white);
display: flex;
align-items: center;
justify-content: space-between;
cursor: pointer;
font-weight: 500;
@media (max-width: 1024px) {
font-size: 16px!important;
}
}
& .benefit_block_content p {
font-size: 16px;
color: var(--white);
margin-bottom: 10px;
margin-top: 10px;
}
& .benefit_block_content  {
& ul {
margin-bottom: 10px;
margin-top: 10px;
& li {
margin-bottom: 10px;
color: var(--white);
font-size: 16px;
}
}
}
}
}
& .call_to_action_buttons {
display: flex;
margin-top: 4rem;
& 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(--secondary-light) !important;
}
}
& a.white_button {
display: flex;
align-items: center;
text-decoration: none;
margin-left: 2rem;
@media (max-width: 991px) {
margin-left: 0;
margin-top: 2rem;
}
& span {
color: var(--white);
}
& .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;
}
}
}
}
& .right_side {
width: 35%;
position: relative;
display: flex;
justify-content: flex-end;
align-items: flex-start;
@media (max-width: 1024px) {
width: 100%; 
}
}
}
}