
#features_index .wide{width: 1350px;}
@media screen and (max-width: 1350px) {
	#features_index .wide {width: 100%;padding: 0 20px;}
}

#features_index .features_section{padding: 100px 0;}
#features_index .features_section .section_content { display: flex; align-items: center; gap: 80px; }
#features_index .features_section .section_content.reversal{ flex-direction: row-reverse; }
#features_index .features_section .left_content { flex: 1; max-width: 600px; }
#features_index .features_section .title { font-size: 48px; font-weight: bold; color: #000000; margin-bottom: 25px; }
#features_index .features_section .description { font-size: 20px; color: #2a3344; line-height: 1.5; margin-bottom: 40px; }
#features_index .features_section .explore_btn { display: inline-block; background-color: #ffb32f; color: #000000; font-size: 16px; padding: 15px 30px; border-radius: 8px; font-weight: bold; }
#features_index .features_section .explore_btn:hover { background-color: #e49e24; }
#features_index .features_section .right_content { flex: 1; display: flex; justify-content: center; align-items: center; }
#features_index .features_section .image_container { max-width: 100%; text-align: center; }

#features_index .features_section.features_section_1,
#features_index .features_section.features_section_3,
#features_index .features_section.features_section_5 { background-color: #fff;}

#features_index .features_section.features_section_2,
#features_index .features_section.features_section_4 { background: linear-gradient(135deg, #0032a6 0%, #0782e4 80%, #0782e4 100%); }
#features_index .features_section.features_section_2 .title,
#features_index .features_section.features_section_4 .title {color: #ffffff;}
#features_index .features_section.features_section_2 .description,
#features_index .features_section.features_section_4 .description {color: #ffffff;}

@media screen and (max-width: 1024px) {
    #features_index .features_section{padding: 60px 0;}
    #features_index .features_section .section_content { gap: 40px; }
    #features_index .features_section .title { font-size: 36px;margin-bottom: 15px; }
    #features_index .features_section .description { font-size: 18px;margin-bottom: 20px; }
}
@media screen and (max-width: 768px) {
    #features_index .features_section { padding: 10vw 0; }
    #features_index .features_section .section_content { flex-direction: column; gap: 4.66vw; text-align: center; }
    #features_index .features_section .section_content.reversal { flex-direction: column; }
    #features_index .features_section .left_content { max-width: 100%; }
    #features_index .features_section .title { font-size: 28px; margin-bottom: 3.33vw; }
    #features_index .features_section .description { margin-bottom: 4vw; }
    #features_index .features_section .explore_btn{ padding: 10px 20px; }
}
