* {
    margin: 0;
    padding: 0;
}

body {
    background: #FFFFFF;
}

:root {
    --baseColor: #E60012;
    --secondaryColor: #1D3557;
    --lightColor: #FFFFFF;
    --grayColor: #F7F7F7;
    --darkColor: #121212;

    --baseFont: "Inter", sans-serif;
}


/* ===== CSS For "Common Cases" Starts Here ===== */
a {
    text-decoration: none;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

a:hover {
    text-decoration: none;
}

img,
video {
    max-width: 100%;
    vertical-align: middle;
}

/* ======================== */

.grid_item {
    display: -ms-grid;
    display: grid;
    -ms-flex-line-pack: center;
    align-content: center;
}

/* ======================== */

.heading {
    margin-bottom: 15px;
}

.heading h3 {
    color: var(--darkColor);
    font-family: var(--baseFont);
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 0px;
}

.heading h4 {
    color: var(--darkColor);
    font-family: var(--baseFont);
    font-weight: 500;
    font-size: 16.75px;
    margin-bottom: 0px;
}

/* ======================== */

.para_texts p {
    color: var(--darkColor);
    font-family: var(--baseFont);
    font-weight: 400;
    font-size: 7.5px;
    line-height: 1.25;
    margin-bottom: 10px;
}

.para_texts p:last-child {
    margin-bottom: 0px;
}

/* ===== CSS For "Common Cases" Ends Here ===== */


/* ============================== */
/* ============================== */
/* ============================== */


/* ===== CSS For "3rd Page" Starts Here ===== */
.all_advantages_wrap {
    background: var(--lightColor);
    padding: 50px 0px;
}

.all_advantages {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 50px 1fr;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: auto;
    gap: 50px;
}

/* ===== CSS For "3rd Page" Ends Here ===== */


/* ============================== */
/* ============================== */
/* ============================== */


/* ===== CSS For "High Performance & Efficiency" Starts Here ===== */
.high_performance_efficiency {
    margin-bottom: 30px;
}

.high_performance_efficiency .high_pe_boxes {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 225px 10px 1fr;
    grid-template-columns: 225px 1fr;
    grid-auto-rows: auto;
    gap: 10px;
}

.high_performance_efficiency .high_pe_boxes .large_box {
    display: -ms-grid;
    display: grid;
    -ms-flex-line-pack: end;
    align-content: end;
}

.high_performance_efficiency .high_pe_boxes .large_box .box_texts {
    min-height: 30.5px;
    display: -ms-grid;
    display: grid;
    -ms-flex-line-pack: center;
    align-content: center;
}

.high_performance_efficiency .five_boxes {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 2fr 10px 1fr;
    grid-template-columns: 2fr 1fr;
    grid-auto-rows: auto;
    gap: 10px;
}

.high_performance_efficiency .four_separate_boxes {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 10px 1fr;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: auto;
    gap: 10px;
}

.high_performance_efficiency .box_texts {
    color: var(--lightColor);
    background: #595657;
    padding: 2.5px 5px;
    text-align: center;
}

.high_performance_efficiency .box_texts h4 {
    color: var(--lightColor);
    font-family: var(--baseFont);
    font-weight: 700;
    font-size: 12px;
    line-height: 1;
    margin-bottom: 0px;
}

.high_performance_efficiency .box_texts h4 span {
    font-weight: 400;
}

.high_performance_efficiency .box_texts h5 {
    color: var(--lightColor);
    font-family: var(--baseFont);
    font-weight: 400;
    font-size: 9px;
    line-height: 1.25;
    margin-bottom: 0px;
}

.high_performance_efficiency .box_texts h5 .break {
    display: block;
}

.high_performance_efficiency .box_texts h6 {
    color: var(--lightColor);
    font-family: var(--baseFont);
    font-weight: 400;
    font-size: 6.75px;
    line-height: 1;
    margin-bottom: 0px;
}

.high_performance_efficiency .box_texts h6 .break {
    display: block;
}

.high_performance_efficiency .one_vertical_box {
    display: -ms-grid;
    display: grid;
    -ms-flex-line-pack: end;
    align-content: end;
}

.high_performance_efficiency .one_vertical_box .box_texts {
    display: -ms-grid;
    display: grid;
    -ms-flex-line-pack: center;
    align-content: center;
    min-height: 30.5px;

}

/* ===== CSS For "High Performance & Efficiency" Ends Here ===== */


/* ============================== */
/* ============================== */
/* ============================== */


/* ===== CSS For "Fast Charging & Small Dimensions" Starts Here ===== */
.f_charging_s_dimensions {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 30px 1fr;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: auto;
    gap: 30px;
    margin-bottom: 30px;
}

.f_charging_s_dimensions .fast_charging {
    border-top: 2px solid #818181;
    padding-top: 10px;
}

.f_charging_s_dimensions .f_chargin_boxes {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 10px 1fr;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: auto;
    gap: 10px;
}

.f_charging_s_dimensions .f_chargin_boxes .box_texts {
    margin-top: 5px;
}

.f_charging_s_dimensions .f_chargin_boxes .box_texts p {
    color: var(--darkColor);
    font-family: var(--baseFont);
    font-weight: 400;
    font-size: 7px;
    line-height: 1.25;
    margin-bottom: 0px;
}

/* ============================== */

.f_charging_s_dimensions .small_dimensions {
    border-top: 2px solid #818181;
    padding-top: 10px;
}

.f_charging_s_dimensions .s_dimension_photo {
    margin-top: 30px;
}


/* ===== CSS For "Fast Charging & Small Dimensions" Ends Here ===== */


/* ============================== */
/* ============================== */
/* ============================== */


/* ===== CSS For "Ultra Long Services" Starts Here ===== */
.ultra_long_service {
    border-top: 2px solid #818181;
    padding-top: 10px;
    position: relative;
}

.ultra_long_service .bullet_points ul {
    margin-bottom: 0px;
    max-width: 224px;
}

.ultra_long_service .bullet_points ul li {
    list-style: none;
    color: var(--darkColor);
    font-family: var(--baseFont);
    font-weight: 400;
    font-size: 7.5px;
    line-height: 1.25;
    margin-bottom: 10px;
    position: relative;
    padding-left: 10px;
}

.ultra_long_service .bullet_points ul li:last-child {
    margin-bottom: 0px;
}

.ultra_long_service .bullet_points ul li:before {
    content: "";
    width: 4px;
    height: 4px;
    background: var(--baseColor);
    border-radius: 50%;
    position: absolute;
    left: 0px;
    top: 3px;
}

/* ============================== */

.ultra_long_service .working_time_charging_time {
    width: 345px;
    position: absolute;
    left: 245px;
    top: 10px;
}

.ultra_long_service .working_time_charging_time .wt_ct_illustrations {
    width: 220px;
    position: absolute;
    left: 135px;
    top: 25px;
}

.ultra_long_service .wt_ct_graph {
    width: 140px;
    text-align: center;
}

.ultra_long_service .wt_ct_graph .watch_time {
    width: 110px;
    height: 110px;
    margin: 0px auto;
    position: relative;
}

.ultra_long_service .wt_ct_graph .watch_time img {
    width: 85px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.ultra_long_service .wt_ct_graph .watch_time span {
    color: var(--darkColor);
    font-family: var(--baseFont);
    font-weight: 500;
    font-size: 10px;
    line-height: 1;
    display: inline-block;
    position: absolute;
}

.ultra_long_service .wt_ct_graph .watch_time span.six {
    right: 0px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.ultra_long_service .wt_ct_graph .watch_time span.eighteen {
    left: 0px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.ultra_long_service .wt_ct_graph .watch_time span.twelve {
    left: 50%;
    bottom: 0px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.ultra_long_service .wt_ct_graph .watch_time span.tweenty_four {
    left: 50%;
    top: 0px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.ultra_long_service .wt_ct_graph .graph_indicator {
    margin-top: 5px;
}

.ultra_long_service .wt_ct_graph .graph_indicator ul {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 15px 1fr;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: auto;
    gap: 15px;
    margin-bottom: 0px;
}

.ultra_long_service .wt_ct_graph .graph_indicator ul li {
    list-style: none;
    color: var(--darkColor);
    font-family: var(--baseFont);
    font-weight: 400;
    font-size: 8.5px;
    line-height: 1;
    position: relative;
    padding-left: 20px;
    text-align: left;
}

.ultra_long_service .wt_ct_graph .graph_indicator ul li:before {
    content: "";
    width: 15px;
    height: 6px;
    background: var(--baseColor);
    position: absolute;
    left: 0px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.ultra_long_service .wt_ct_graph .graph_indicator ul li:before {
    background: var(--baseColor);
}

.ultra_long_service .wt_ct_graph .graph_indicator ul li.working_time:before {
    background: #25AC38;
}

/* ===== CSS For "Ultra Long Services" Ends Here ===== */


/* ============================== */
/* ============================== */
/* ============================== */


/* ===== CSS For "Comfort Banner" Starts Here ===== */
.comfort_banner {
    margin-bottom: 92px;
    position: relative;
}

.comfort_banner .product_image {
    width: 390px;
    position: absolute;
    right: 0px;
    bottom: -50px;
    z-index: 0;
}

.comfort_banner .three_boxes {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 10px 1fr;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: auto;
    gap: 10px;
    max-width: 310px;
    margin-bottom: 15px;
    position: relative;
    z-index: 99;
}

.comfort_banner .three_boxes .box_texts h5 {
    color: var(--darkColor);
    font-family: var(--baseFont);
    font-weight: 500;
    font-size: 8px;
    margin-bottom: 0px;
    text-align: center;
    margin-top: 5px;
}

.comfort_banner .the_pes {
    display: -ms-grid;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-grid-columns: 28px 15px 115px 15px 135px;
    grid-template-columns: 28px 115px 135px;
    grid-auto-rows: auto;
    gap: 15px;
    position: relative;
    z-index: 99;
}

.comfort_banner .the_pes .pes_tiny_box {
    background: #595657;
    border-radius: 5px;
    padding: 6px 9px;
    width: 28px;
}

.comfort_banner .the_pes .pes_tiny_box ul {
    margin-bottom: 0px;
}

.comfort_banner .the_pes .pes_tiny_box ul li {
    list-style: none;
    color: var(--lightColor);
    font-family: var(--baseFont);
    font-weight: 500;
    font-size: 10px;
    margin-bottom: 6px;
    text-align: center;
}

.comfort_banner .the_pes .pes_tiny_box ul li:last-child {
    margin-bottom: 0px;
}

.comfort_banner .the_pes .elaboration ul {
    margin-bottom: 0px;
    position: relative;
}

.comfort_banner .the_pes .elaboration ul:before {
    content: "";
    width: 100%;
    height: calc(100% - 10px);
    border: 1px solid var(--baseColor);
    border-left: none;
    position: absolute;
    left: -20px;
    top: 5px;
}

.comfort_banner .the_pes .elaboration ul:after {
    content: "";
    width: calc(100% + 20px);
    height: 1px;
    background: var(--baseColor);
    position: absolute;
    left: -20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.comfort_banner .the_pes .elaboration ul li {
    list-style: none;
    color: #595758;
    font-family: var(--baseFont);
    font-weight: 500;
    font-size: 8px;
    margin-bottom: 9px;
}

.comfort_banner .the_pes .elaboration ul li span {
    display: inline-block;
    position: relative;
    background: var(--lightColor);
    padding: 0px 5px;
    z-index: 99;
}

.comfort_banner .the_pes .elaboration ul li:last-child {
    margin-bottom: 0px;
}

.comfort_banner .the_pes .info_texts {
    position: relative;
    left: -10px;
}

.comfort_banner .the_pes .info_texts p {
    color: #595758;
    font-family: var(--baseFont);
    font-weight: 500;
    font-size: 8px;
    line-height: 1.25;
    margin-bottom: 0px;
}

.comfort_banner .the_pes .info_texts p .break {
    display: block;
}

/* ===== CSS For "Comfort Banner" Ends Here ===== */


/* ============================== */
/* ============================== */
/* ============================== */



/* ===== CSS For "Facility Boxes" Starts Here ===== */
.facility_boxes {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 20px 1fr 20px 1fr;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: auto;
    gap: 20px;
}

.facility_boxes .box_texts {
    background: #595657;
    padding: 6px 5px;
    margin-top: 5px;
}

.facility_boxes .box_texts h5 {
    color: var(--lightColor);
    font-family: var(--baseFont);
    font-weight: 400;
    font-size: 9px;
    text-align: center;
    margin-bottom: 0px;
}

/* ===== CSS For "Facility Boxes" Ends Here ===== */


/* ============================== */
/* ============================== */
/* ============================== */


/* ===== CSS For "Safety Protection & Reliability" Starts Here ===== */
.safety_protection_reliable_quality_wrap {
    background: #373938;
    padding: 50px 0px;
}

.safety_protection_reliable_quality {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 50px 1fr;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: auto;
    gap: 50px;
}

.safety_protection_reliable_quality .heading h3 {
    color: var(--lightColor);
}

.safety_protection_reliable_quality .para_texts p {
    color: var(--lightColor);
}

.safety_protection_reliable_quality .safety_protection {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 275px 15px 1fr;
    grid-template-columns: 275px 1fr;
    grid-auto-rows: auto;
    gap: 15px;
}

.safety_protection_reliable_quality .safety_protection .heading {
    margin-bottom: 10px;
}

.safety_protection_reliable_quality .safety_protection ul {
    margin-bottom: 0px;
}

.safety_protection_reliable_quality .safety_protection ul li {
    list-style: none;
    color: var(--lightColor);
    font-family: var(--baseFont);
    font-weight: 400;
    font-size: 7.5px;
    line-height: 1.25;
    margin-bottom: 2px;
}

.safety_protection_reliable_quality .safety_protection ul li:last-child {
    margin-bottom: 0px;
}

.safety_protection_reliable_quality .safety_protection ul li .bold_texts {
    font-weight: 700;
}

.safety_protection_reliable_quality .safety_protection .action_illustrations {
    margin-top: 5px;
    position: relative;
}

.safety_protection_reliable_quality .safety_protection .action_illustrations span {
    color: var(--lightColor);
    font-family: var(--baseFont);
    font-weight: 400;
    font-size: 7.5px;
    position: absolute;
    left: 40px;
    top: 40px;
}

.safety_protection_reliable_quality .photo_contents_wrap {
    display: -ms-grid;
    display: grid;
    -ms-flex-line-pack: end;
    align-content: end;
}

.safety_protection_reliable_quality .photo_contents {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 162px 5px 1fr;
    grid-template-columns: 162px 1fr;
    grid-auto-rows: auto;
    gap: 10px 5px;
}

.safety_protection_reliable_quality .photo_contents .single_photo_box {
    position: relative;
}

.safety_protection_reliable_quality .photo_contents .solenoid_box ul {
    margin-bottom: 0px;
    position: absolute;
    left: 28px;
    top: 8px;
    line-height: 1;
    font-size: 0;
}

.safety_protection_reliable_quality .photo_contents .solenoid_box ul li {
    list-style: none;
    color: var(--lightColor);
    font-family: var(--baseFont);
    font-weight: 400;
    font-size: 7.5px;
    margin-right: 34px;
    display: inline-block;
}

.safety_protection_reliable_quality .photo_contents .solenoid_box ul li:last-child {
    margin-right: 0px;
}

.safety_protection_reliable_quality .photo_contents .solenoid_box p {
    color: var(--lightColor);
    font-family: var(--baseFont);
    font-weight: 400;
    font-size: 5px;
    line-height: 1.5;
    margin-bottom: 0px;
    position: absolute;
    left: 87px;
    top: 52px;
    right: 5px;
}

.safety_protection_reliable_quality .photo_contents .solenoid_box p .bold_texts {
    font-weight: 700;
}

.safety_protection_reliable_quality .photo_contents .mast_buffer_box p {
    color: var(--darkColor);
    font-family: var(--baseFont);
    font-weight: 600;
    font-size: 6px;
    line-height: 1.25;
    margin-bottom: 0px;
    position: absolute;
    left: 115px;
    top: 80px;
}

.safety_protection_reliable_quality .photo_contents .masthebepuf_box p {
    color: var(--darkColor);
    font-family: var(--baseFont);
    font-weight: 600;
    font-size: 6px;
    line-height: 1.25;
    margin-bottom: 0px;
    position: absolute;
    left: 100px;
    top: 82px;
}

/* ===== CSS For "Safety Protection & Reliability" Ends Here ===== */


/* ============================== */
/* ============================== */
/* ============================== */


/* ===== CSS For "Reliable Quality" Starts Here ===== */
.reliable_quality .reliable_contents {
    position: relative;
}

.reliable_quality .heading {
    margin-bottom: 10px;
}

.reliable_quality .heading h3 {
    font-weight: 400;
}

.reliable_quality .para_texts {
    width: 250px;
    margin-bottom: 22px;
}

.reliable_quality .para_texts p {
    line-height: 1.5;
}

.reliable_quality .easy_maintain {
    width: 410px;
    position: relative;
}

.reliable_quality .easy_maintain p {
    color: var(--lightColor);
    font-family: var(--baseFont);
    font-weight: 400;
    font-size: 7.5px;
    line-height: 1.5;
    margin-bottom: 0px;
    width: 200px;
    position: absolute;
    left: 8px;
    bottom: 8px;
}

.reliable_quality .easy_maintain p .break {
    display: block;
}

.reliable_quality .reliable_contents .driving_image {
    width: 200px;
    position: absolute;
    right: 0px;
    top: 30px;
}

/* ===== CSS For "Reliable Quality" Ends Here ===== */


/* ============================== */
/* ============================== */
/* ============================== */


/* ===== CSS For "Operating Costs & Heli Ai" Starts Here ===== */
.operating_cost_heli_ai_wrap {
    background: var(--lightColor);
    padding: 50px 0px;
}

.operating_cost_heli_ai_wrap .heading {
    margin-bottom: 10px;
}

.operating_cost_heli_ai_wrap .heading h3 {
    font-weight: 400;
}

.operating_cost_heli_ai_wrap .heading h3 .bold_texts {
    font-weight: 700;
}

.operating_cost_heli_ai_wrap .heading h3 .break {
    display: block;
}

.operating_cost_heli_ai {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 50px 1fr;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: auto;
    gap: 50px;
}

/* ===== CSS For "Operating Costs & Heli Ai" Ends Here ===== */


/* ============================== */
/* ============================== */
/* ============================== */



/* ===== CSS For "Operating Costs" Starts Here ===== */
.operating_cost_heli_ai .operating_cost {
    border-top: 2px solid #818181;
    padding-top: 10px;
}

.operating_cost_heli_ai .operating_cost .para_texts {
    margin-bottom: 5px;
}

.operating_cost_heli_ai .operating_cost .para_texts p {
    color: #595657;
    margin-bottom: 5px;
}

.operating_cost_heli_ai .operating_cost .para_texts p:last-child {
    margin-bottom: 0px;
}

.operating_cost_heli_ai .operating_cost .para_texts p .break {
    display: block;
}

/* ============================== */

.operating_cost_heli_ai .explicit_implicit {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 85px 20px 1fr 20px 1fr 20px 1fr;
    grid-template-columns: 85px 1fr 1fr 1fr;
    grid-auto-rows: auto;
    gap: 20px;
    background: #E6E6E6;
    padding: 15px 20px;
    padding-top: 0px;
    position: relative;
}

.operating_cost_heli_ai .explicit_implicit:before {
    content: "";
    width: 100%;
    height: 75px;
    background: var(--lightColor);
    position: absolute;
    left: 0px;
    top: 0px;
}

.operating_cost_heli_ai .explicit_implicit .field_column {
    position: relative;
    z-index: 99;
    margin-top: 52px;
}

.operating_cost_heli_ai .explicit_implicit .upper_arrow {
    background: var(--baseColor);
    height: 72px;
    position: relative;
    margin-bottom: 3px;
    -webkit-clip-path: polygon(50% 0%, 100% 50%, 100% 100%, 0 100%, 0 50%);
    clip-path: polygon(50% 0%, 100% 50%, 100% 100%, 0 100%, 0 50%);
}

.operating_cost_heli_ai .explicit_implicit .down_arrow {
    background: #A0A0A0;
    height: 72px;
    position: relative;
    -webkit-clip-path: polygon(50% 100%, 100% 50%, 100% 0, 0 0, 0 50%);
    clip-path: polygon(50% 100%, 100% 50%, 100% 0, 0 0, 0 50%);
}

.operating_cost_heli_ai .explicit_implicit .down_arrow.down_arrow_h2 {
    height: 96px;
}

.operating_cost_heli_ai .explicit_implicit .middle_rectangle {
    background: #A0A0A0;
    position: relative;
    margin-bottom: 3px;
    height: 30px;
}

.operating_cost_heli_ai .explicit_implicit .middle_rectangle.middle_h2 {
    height: 63px;
}

.operating_cost_heli_ai .explicit_implicit .middle_rectangle span {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.operating_cost_heli_ai .explicit_implicit .upper_arrow span {
    position: absolute;
    left: 50%;
    top: 55%;
    width: 100%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.operating_cost_heli_ai .explicit_implicit .down_arrow span {
    position: absolute;
    left: 50%;
    top: 20%;
    width: 100%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.operating_cost_heli_ai .explicit_implicit .common_column {
    text-align: center;
    position: relative;
    z-index: 99;
}

.operating_cost_heli_ai .explicit_implicit span {
    color: var(--lightColor);
    font-family: var(--baseFont);
    font-weight: 400;
    font-size: 9px;
    line-height: 1.25;
    display: inline-block;
}

.operating_cost_heli_ai .explicit_implicit .freedom_texts h6 {
    color: var(--darkColor);
    font-family: var(--baseFont);
    font-weight: 400;
    font-size: 9px;
    margin-bottom: 0px;
    margin-top: 5px;
}

.operating_cost_heli_ai .explicit_implicit .freedom_texts h6 .break {
    display: block;
}

.operating_cost_heli_ai .explicit_implicit .field_column h6 {
    color: var(--baseColor);
    font-family: var(--baseFont);
    font-weight: 400;
    font-size: 9px;
    margin-bottom: 20px;
}

.operating_cost_heli_ai .explicit_implicit .field_column h6:last-child {
    color: var(--darkColor);
    margin-bottom: 0px;
}

/* ===== CSS For "Operating Costs" Ends Here ===== */


/* ============================== */
/* ============================== */
/* ============================== */


/* ===== CSS For "Heli Ai System" Starts Here ===== */
.heli_ai_system {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 230px 20px 1fr;
    grid-template-columns: 230px 1fr;
    grid-auto-rows: auto;
    gap: 20px;
    background: #DBDBDB;
    border-top: 2px solid #818181;
    padding: 15px 20px;
}

.heli_ai_system .ai_contents_head {
    background: var(--baseColor);
    text-align: center;
    padding: 2.5px 5px;
    margin-bottom: 12.5px;
}

.heli_ai_system .ai_contents_head h5 {
    color: var(--lightColor);
    font-family: var(--baseFont);
    font-weight: 600;
    font-size: 9px;
    line-height: 1.25;
    margin-bottom: 0px;
}

.heli_ai_system .ai_contents_head h5 .break {
    display: block;
}

.heli_ai_system .ai_contents_body ul {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 12.5px 1fr;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: auto;
    gap: 12.5px;
    margin-bottom: 0px;
}

.heli_ai_system .ai_contents_body ul li {
    list-style: none;
    background: #959595;
    padding: 2.5px 5px;
    text-align: center;
    color: var(--lightColor);
    font-family: var(--baseFont);
    font-weight: 400;
    font-size: 7.5px;
    line-height: 1.25;
    height: 25px;
    display: grid;
    align-content: center;
}

/* ============================== */

.heli_ai_system .ai_illustrations_overview {
    text-align: center;
    display: grid;
    align-content: end;
    justify-content: center;
}

.heli_ai_system .ai_illustrations_overview .image_texts {
    width: 300px;
    margin: 0px auto;
    position: relative;
}

.heli_ai_system .ai_illustrations_overview span {
    color: #5A5656;
    font-family: var(--baseFont);
    font-weight: 500;
    font-size: 9px;
    display: inline-block;
    position: absolute;
    word-break: break-all;
    line-height: 1.4;
}

.heli_ai_system .ai_illustrations_overview span .break {
    display: block;
}

.heli_ai_system .ai_illustrations_overview .batterry_management {
    left: 35px;
    top: -17px;
    width: 60px;
}

.heli_ai_system .ai_illustrations_overview .vehicle_management {
    left: 1px;
    top: 64px;
    width: 60px;
}

.heli_ai_system .ai_illustrations_overview .driving_management {
    right: 40px;
    top: -17px;
    width: 60px;
}

.heli_ai_system .ai_illustrations_overview .smart_reports {
    right: 5px;
    top: 56px;
    width: 60px;
}

/* ===== CSS For "Heli Ai System" Ends Here ===== */


/* ============================== */
/* ============================== */
/* ============================== */