.slider_section2 {
     display: none;
}

/* =========================================================
   SUN RISE TOOLS
   ABOUT / COMPANY INTRODUCTION
========================================================= */

.about_section {
    position: relative;

    padding: 95px 0;

    background: var(--color-white);

    overflow: hidden;
}



/* =========================================================
   LEFT MAIN IMAGE
========================================================= */

.about_us_center_image_div {
    position: relative;

    height: 560px;

    padding: 10px;

    background: var(--theme-color5);

    border-radius: 18px;

    overflow: hidden;

    box-shadow: 0 20px 50px rgba(0, 0, 0, .08);
}


.about_us_center_image_div img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    border-radius: 13px;

    transition: transform .7s ease;
}


.about_us_center_image_div:hover img {
    transform: scale(1.04);
}


/* Red Accent */

.about_image_accent {
    position: absolute;

    top: 0;
    left: 0;

    width: 75px;
    height: 75px;

    z-index: 2;

    background: var(--theme-color);

    clip-path: polygon(0 0, 100% 0, 0 100%);
}


/* Image Badge */

.about_image_badge {
    position: absolute;

    left: 25px;
    bottom: 25px;

    z-index: 3;

    min-width: 155px;

    padding: 13px 17px;

    background: rgba(255, 255, 255, .94);

    border-left: 3px solid var(--theme-color);

    border-radius: 7px;

    box-shadow: 0 10px 30px rgba(0, 0, 0, .13);

    backdrop-filter: blur(8px);
}


.about_image_badge strong {
    display: block;

    color: var(--color-dark);

    font-family: var(--heading-font);

    font-size: 14px;
    font-weight: 800;
}


.about_image_badge span {
    display: block;

    margin-top: 2px;

    color: var(--body-text-color2);

    font-family: var(--body-font);

    font-size: 10px;
}


/* =========================================================
   CONTENT
========================================================= */

.about_us_main_div {
    padding: 10px 28px;
}


.sub_heading {
    display: inline-flex;
    align-items: center;

    gap: 8px;

    margin-bottom: 13px;

    color: var(--theme-color);

    font-family: var(--body-font);

    font-size: 10px;
    font-weight: 800;

    text-transform: uppercase;

    letter-spacing: 1.3px;
}


.sub_heading i {
    font-size: 11px;
}


/* Heading */

.about_us_main_div > h2 {
    margin: 0 0 16px;

    color: var(--color-dark);

    font-family: var(--heading-font);

    font-size: 39px;
    font-weight: 700;

    line-height: 1.16;
}


.about_us_main_div h2 span {
    display: block;

    color: var(--theme-color);
}


/* Intro line */

.about_intro_line {
    display: block;

    margin-bottom: 17px;

    color: var(--color-dark);

    font-family: var(--body-font);

    font-size: 13px;

    font-weight: 650;

    line-height: 1.7;

    padding-left: 13px;

    border-left: 2px solid var(--theme-color);
}


/* Paragraph */

.about_us_main_div p {
    margin: 0 0 11px;

    color: var(--body-text-color);

    font-family: var(--body-font);

    font-size: 12px;

    line-height: 1.8;
}


.about_us_main_div p strong {
    color: var(--color-dark);

    font-weight: 700;
}


/* =========================================================
   HIGHLIGHTS
========================================================= */

.about_highlights {

    display: flex;

    align-items: center;

    gap: 12px;

    margin-top: 22px;
}


.about_highlight_item {
width: 100%;
    flex: 1;

    display: flex;

    align-items: center;

    gap: 10px;

    padding: 11px;

    background: var(--theme-bg-light);

    border: 1px solid rgba(0, 0, 0, .06);

    border-radius: 8px;

    transition: var(--transition2);
}


.about_highlight_item:hover {

    border-color: var(--border-info-color);

    transform: translateY(-3px);

    box-shadow: 0 8px 20px rgba(0, 0, 0, .05);
}


.about_highlight_item > span {

    width: 34px;
    height: 34px;

    flex: 0 0 34px;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    color: var(--theme-color);

    background: var(--color-white);

    border: 1px solid var(--border-info-color);

    border-radius: 7px;

    font-size: 12px;
}


.about_highlight_item strong {

    display: block;

    color: var(--color-dark);

    font-family: var(--body-font);

    font-size: 10px;

    font-weight: 750;
}


.about_highlight_item small {

    display: block;

    margin-top: 2px;

    color: var(--body-text-color2);

    font-size: 9px;
}


/* =========================================================
   BUTTON
========================================================= */

.about_us_btn_div {
    margin-top: 25px;
}


.about_us_btn_div a {

    display: inline-flex;

    align-items: center;

    gap: 11px;

    padding: 12px 18px;

    color: var(--color-white);

    background: var(--theme-color);

    border-radius: 6px;

    font-family: var(--nav-font);

    font-size: 11px;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: .4px;

    text-decoration: none;

    box-shadow: 0 8px 22px rgba(233, 22, 10, .16);

    transition: var(--transition2);
}


.about_us_btn_div a i {
    font-size: 10px;

    transition: var(--transition2);
}


.about_us_btn_div a:hover {

    color: var(--color-white);

    background: var(--theme-color2);

    transform: translateY(-2px);

    box-shadow: 0 12px 28px rgba(233, 22, 10, .24);
}


.about_us_btn_div a:hover i {
    transform: translateX(4px);
}


/* =========================================================
   RIGHT IMAGE SCROLLER
========================================================= */

.about_scroll_wrapper {

    height: 560px;

    overflow: hidden;

    position: relative;

    border-radius: 16px;
}


.about_scroll_wrapper::before,
.about_scroll_wrapper::after {

    content: "";

    position: absolute;

    left: 0;
    right: 0;

    height: 75px;

    z-index: 3;

    pointer-events: none;
}


.about_scroll_wrapper::before {

    top: 0;

    background:
        linear-gradient(
            to bottom,
            var(--color-white),
            transparent
        );
}


.about_scroll_wrapper::after {

    bottom: 0;

    background:
        linear-gradient(
            to top,
            var(--color-white),
            transparent
        );
}


/* Image Stack */

.main_div_about_small_img {

    display: flex;

    flex-direction: column;

    gap: 16px;

    animation: aboutVerticalScroll 18s linear infinite;
}


.about_scroll_wrapper:hover
.main_div_about_small_img {

    animation-play-state: paused;
}


/* Small Image */

.about_us_right_image_div {

    height: 170px;

    flex: 0 0 170px;

    overflow: hidden;

    border-radius: 12px;

    border: 1px solid rgba(0, 0, 0, .07);

    background: var(--theme-color5);

    box-shadow: 0 8px 25px rgba(0, 0, 0, .06);

    position: relative;
}


.about_us_right_image_div::after {

    content: "";

    position: absolute;

    left: 0;
    bottom: 0;
    right: 0;

    height: 3px;

    background: var(--theme-color);

    transform: scaleX(0);

    transform-origin: left;

    transition: var(--transition2);
}


.about_us_right_image_div:hover::after {
    transform: scaleX(1);
}


.about_us_right_image_div img {

    width: 100%;
    height: 100%;

    object-fit: cover;

    display: block;

    transition: transform .6s ease;
}


.about_us_right_image_div:hover img {
    transform: scale(1.06);
}


@keyframes aboutVerticalScroll {

    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(calc(-50% - 8px));
    }

}

/* end css */


/* css start */
 .our_aviation_section {
     position: relative;
     padding: 100px 0;
     background: var(--theme-bg-light2);
     overflow: hidden;
}
 .our_aviation_section::before {
     content: "";
     position: absolute;
     top: -180px;
     right: -180px;
     width: 450px;
     height: 450px;
     border: 1px solid var(--theme-color-light2);
     border-radius: 50%;
     pointer-events: none;
}
 .our_aviation_section::after {
     content: "";
     position: absolute;
     bottom: -220px;
     left: -180px;
     width: 500px;
     height: 500px;
     border: 1px solid var(--theme-color-light);
     border-radius: 50%;
     pointer-events: none;
}
 .our_aviation_section > .container {
     position: relative;
     z-index: 2;
}
 .nested_aviation_title_div {
     max-width: 850px;
     margin: 0 auto 55px;
     text-align: center;
}
 .section_mini_title {
     display: inline-flex;
     align-items: center;
     gap: 9px;
     margin-bottom: 15px;
     padding: 7px 14px;
     color: var(--theme-color);
     background: var(--theme-color-light);
     border: 1px solid var(--border-info-color);
     border-radius: 50px;
     font-family: var(--nav-font);
     font-size: 11px;
     font-weight: 700;
     letter-spacing: 1.8px;
     text-transform: uppercase;
}
 .section_mini_title > i {
     font-size: 12px;
}
 .nested_aviation_title_div > h2 {
     margin: 0 0 17px;
     color: var(--color-dark);
     font-family: var(--heading-font);
     font-size: 44px;
     font-weight: 700;
     line-height: 1.15;
     letter-spacing: -1.2px;
}
 .nested_aviation_title_div > h2 > span {
     color: var(--theme-color);
}
 .nested_aviation_title_div p {
     max-width: 720px;
     margin: 0 auto;
     color: var(--body-text-color);
     font-family: var(--body-font);
     font-size: 15px;
     font-weight: 400;
     line-height: 1.8;
}
 .our_aviation_section > .row.g-4 {
     --bs-gutter-x: 24px;
     --bs-gutter-y: 24px;
}
 .aviation_main_div_box {
     position: relative;
     height: 100%;
     background: var(--theme-bg-light2);
     border: 1px solid var(--border-info-color2);
     border-radius: 18px;
     overflow: hidden;
     box-shadow: var(--box-shadow3);
     transition: var(--transition2);
}
 .aviation_main_div_box::before {
     content: "";
     position: absolute;
     top: 0;
     left: 50%;
     width: 0;
     height: 3px;
     background: var(--theme-color);
     transform: translateX(-50%);
     transition: var(--transition2);
     z-index: 3;
}
 .aviation_main_div_box:hover {
     transform: translateY(-8px);
     border-color: var(--border-info-color);
}
 .aviation_main_div_box:hover::before {
     width: 70px;
}
 .aviation_image_div {
     position: relative;
     display: flex;
     align-items: center;
     justify-content: center;
     background: linear-gradient( 145deg, var(--theme-bg-light), var(--theme-bg-light2) );
     background-color: var(--color-white);
     border-bottom: 1px solid var(--border-info-color2);
     overflow: hidden;
}
 .aviation_image_div::before {
     content: "";
     position: absolute;
     width: 170px;
     height: 170px;
     border-radius: 50%;
     background: var(--theme-color-light);
     transform: scale(0.85);
     transition: var(--transition);
}
 .aviation_main_div_box:hover .aviation_image_div::before {
     transform: scale(1);
}
 .aviation_image_div > img {
     position: relative;
     z-index: 2;
     height: 100%;
     width: auto;
     object-fit: cover;
     transition: var(--transition);
}
 .aviation_content_div {
     padding: 26px 25px 25px;
     display: flex;
     flex-direction: column;
     min-height: 220px;
}
 .aviation_content_div h3 {
     margin: 0 0 10px;
     color: var(--color-dark);
     font-family: var(--heading-font);
     font-size: 20px;
     font-weight: 700;
     line-height: 1.3;
     transition: var(--transition2);
}
 .aviation_main_div_box:hover .aviation_content_div h3 {
     color: var(--theme-color);
}
 .aviation_content_div p {
     margin: 0 0 20px;
     color: var(--body-text-color);
     font-family: var(--body-font);
     font-size: 13px;
     font-weight: 400;
     line-height: 1.7;
     display: -webkit-box;
     -webkit-line-clamp: 3;
     -webkit-box-orient: vertical;
     overflow: hidden;
}
 .aviation_btn {
     width: fit-content;
     margin-top: auto;
     display: inline-flex;
     align-items: center;
     gap: 9px;
     color: var(--color-dark);
     font-family: var(--nav-font);
     font-size: 12px;
     font-weight: 700;
     text-decoration: none;
     transition: var(--transition2);
}
 .aviation_btn > i {
     width: 30px;
     height: 30px;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     color: var(--theme-color);
     background: var(--theme-color-light);
     border: 1px solid var(--border-info-color);
     border-radius: 50%;
     font-size: 11px;
     transition: var(--transition2);
}
 .aviation_btn:hover {
     color: var(--theme-color);
}
 .aviation_btn:hover > i {
     color: var(--color-white);
     background: var(--theme-color);
     transform: translateX(4px);
}
/* css end */
/* counter css start */
 .number_counter_section {
     position: relative;
     padding: 55px 0px 80px 0px;
     background: var(--color-dark);
     overflow: hidden;
     isolation: isolate;
}
 .counter_section_heading {
     max-width: 720px;
     margin: 0 auto 50px;
     text-align: center;
}
 .counter_section_subtitle {
     display: inline-flex;
     align-items: center;
     gap: 10px;
     margin-bottom: 14px;
     color: var(--theme-color);
     font-family: var(--body-font);
     font-size: 12px;
     font-weight: 700;
     letter-spacing: 2px;
     text-transform: uppercase;
}
 .counter_section_subtitle::before, .counter_section_subtitle::after {
     content: "";
     width: 28px;
     height: 1px;
     background: var(--theme-color);
}
 .counter_section_heading > h2 {
     margin: 0 0 15px;
     color: var(--color-white);
     font-family: var(--heading-font);
     font-size: 34px;
     font-weight: 700;
     line-height: 1.2;
     letter-spacing: 0.5px;
}
 .counter_section_heading > h2 > span {
     color: var(--theme-color);
}
 .counter_section_heading > p {
     max-width: 750px;
     margin: 0 auto;
     color: var(--theme-color7);
     font-family: var(--body-font);
     font-size: 15px;
     font-weight: 400;
     line-height: 1.7;
}
 .number_counter_section::before {
     content: "";
     position: absolute;
     top: -180px;
     right: -150px;
     width: 500px;
     height: 500px;
     border: 1px solid rgba(233, 22, 10, 0.22);
     border-radius: 50%;
     z-index: -1;
}
 .number_counter_section::after {
     content: "";
     position: absolute;
     bottom: -250px;
     left: -180px;
     width: 550px;
     height: 550px;
     border: 1px solid rgba(255, 255, 255, 0.06);
     border-radius: 50%;
     z-index: -1;
}
 .counter_grid_overlay {
     position: absolute;
     inset: 0;
     opacity: 0.45;
     pointer-events: none;
     background-image: linear-gradient( rgba(255, 255, 255, 0.025) 1px, transparent 1px ), linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);
     background-size: 55px 55px;
}
 .counter_overlay_bg {
     position: relative;
     z-index: 2;
}
 .numberCounterSwiper {
     overflow: visible;
}
 .numberCounterSwiper .swiper-wrapper {
     align-items: stretch;
     padding: 20px 0px 40px 0px;
}
 .numberCounterSwiper .swiper-slide {
     height: auto;
}
 .number_counter_main_div {
     position: relative;
     height: 100%;
     padding: 15px 25px;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     text-align: center;
     background: rgba(255, 255, 255, 0.045);
     border: 1px solid rgba(255, 255, 255, 0.1);
     border-radius: 18px;
     backdrop-filter: blur(8px);
     overflow: hidden;
     transition: all 0.4s ease;
}
 .number_counter_main_div::before {
     content: "";
     position: absolute;
     top: 0;
     left: 50%;
     width: 0;
     height: 3px;
     background: var(--theme-color);
     transform: translateX(-50%);
     transition: all 0.4s ease;
}
 .number_counter_main_div::after {
     content: "";
     position: absolute;
     width: 120px;
     height: 120px;
     right: -70px;
     bottom: -70px;
     border-radius: 50%;
     background: rgba(233, 22, 10, 0.08);
     transition: all 0.5s ease;
}
 .number_counter_main_div:hover {
     transform: translateY(-8px);
     background: rgba(255, 255, 255, 0.075);
     border-color: rgba(233, 22, 10, 0.45);
     box-shadow: 0 20px 50px rgba(0, 0, 0, 0.35), 0 0 35px rgba(233, 22, 10, 0.08);
}
 .number_counter_main_div:hover::before {
     width: 65px;
}
 .number_counter_main_div:hover::after {
     width: 190px;
     height: 190px;
     background: rgba(233, 22, 10, 0.12);
}
 .counter_icon_div {
     width: 58px;
     height: 58px;
     display: flex;
     align-items: center;
     justify-content: center;
     margin-bottom: 22px;
     border-radius: 14px;
     background: rgba(233, 22, 10, 0.1);
     border: 1px solid rgba(233, 22, 10, 0.25);
     color: var(--theme-color);
     font-size: 21px;
     transition: all 0.4s ease;
}
 .number_counter_main_div:hover .counter_icon_div {
     background: var(--theme-color);
     color: var(--color-white);
     transform: rotate(-5deg) scale(1.08);
     box-shadow: 0 10px 25px rgba(233, 22, 10, 0.28);
}
 .counter_number_div {
     display: flex;
     align-items: baseline;
     justify-content: center;
     margin-bottom: 10px;
     line-height: 1;
}
 .counter_number_div > h3 {
     margin: 0;
     color: var(--color-white);
     font-family: var(--heading-font);
     font-size: 46px;
     font-weight: 700;
     letter-spacing: -1.5px;
     line-height: 1;
}
 .counter_number_div > span {
     margin-left: 4px;
     color: var(--theme-color);
     font-family: var(--heading-font);
     font-size: 28px;
     font-weight: 700;
     line-height: 1;
}
 .number_counter_main_div > h4 {
     max-width: 210px;
     margin: 0;
     color: var(--color-white);
     font-family: var(--body-font);
     font-size: 14px;
     font-weight: 500;
     line-height: 1.5;
     transition: all 0.3s ease;
}
 .number_counter_main_div:hover h4 {
     color: var(--color-white);
}
 .number_counter_main_div .counter_number_div::after {
     content: "";
     display: block;
}
/* end css */


/* start */

.sunrise_process_section {
    position: relative;
    padding: 90px 0;
    background: var(--theme-bg-light);
    overflow: hidden;
}


.sunrise_process_section::before {
    content: "";
    position: absolute;
    width: 400px;
    height: 400px;
    left: -220px;
    top: -180px;
    border-radius: 50%;
    background: var(--theme-color5);
    pointer-events: none;
}


.sunrise_process_heading {
    max-width: 650px;
    margin: 0 auto 55px;
    text-align: center;
}


.sunrise_process_heading .sunrise_section_tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    margin-bottom: 10px;
    color: var(--theme-color);
    font-family: var(--body-font);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.4px;
    text-transform: uppercase;
}


.sunrise_process_heading h2 {
    position: relative;
    margin: 0;
    padding-bottom: 15px;
    color: var(--color-dark);
    font-family: var(--heading-font);
    font-size: 32px;
    font-weight: 700;
    line-height: 1.2;
}


.sunrise_process_heading h2 span {
    color: var(--theme-color);
}


.sunrise_process_heading h2::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 42px;
    height: 2px;
    transform: translateX(-50%);
    background: var(--theme-color);
    border-radius: 20px;
}


.sunrise_process_heading p {
    margin: 15px auto 0;
    max-width: 520px;
    color: var(--body-text-color);
    font-family: var(--body-font);
    font-size: 12px;
    line-height: 1.7;
}


.sunrise_process_wrapper {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 0;
    position: relative;
}


.sunrise_process_wrapper::before {

    content: "";

    position: absolute;

    left: 10%;

    right: 10%;

    top: 35px;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            var(--border-info-color),
            var(--border-info-color),
            transparent
        );

    z-index: 0;
}


.sunrise_process_item {

    position: relative;

    padding: 0 15px;

    text-align: center;

    z-index: 1;
}


.sunrise_process_number {

    position: absolute;

    top: -8px;
    right: 17px;

    color: var(--theme-color);

    font-family: var(--heading-font);

    font-size: 9px;

    font-weight: 800;

    opacity: .65;
}


.sunrise_process_icon {

    width: 70px;
    height: 70px;

    margin: 0 auto 22px;

    display: flex;

    align-items: center;
    justify-content: center;

    color: var(--theme-color);

    background: var(--color-white);

    border: 1px solid var(--border-info-color);

    border-radius: 50%;

    font-size: 20px;

    box-shadow:
        0 8px 25px rgba(0, 0, 0, .06);

    transition: var(--transition);
}


.sunrise_process_item:hover
.sunrise_process_icon {

    color: var(--color-white);

    background: var(--theme-color);

    border-color: var(--theme-color);

    transform: translateY(-5px);

    box-shadow:
        0 12px 28px rgba(233, 22, 10, .20);
}



.sunrise_process_content span {

    display: block;

    margin-bottom: 6px;

    color: var(--theme-color);

    font-family: var(--body-font);

    font-size: 8px;

    font-weight: 800;

    letter-spacing: 1px;
}


.sunrise_process_content h3 {

    margin: 0 0 8px;

    color: var(--color-dark);

    font-family: var(--heading-font);

    font-size: 15px;

    font-weight: 700;

    line-height: 1.35;
}


.sunrise_process_content p {

    margin: 0 auto;

    max-width: 190px;

    color: var(--body-text-color);

    font-family: var(--body-font);

    font-size: 10px;

    line-height: 1.65;
}


.sunrise_process_item {

    transition: var(--transition2);
}


.sunrise_process_item:hover {

    transform: translateY(-3px);
}


.sunrise_process_item:hover
.sunrise_process_content h3 {

    color: var(--theme-color);
}
/* end */


/* start */
/* =========================================
   TOOLING PERFORMANCE SECTION
========================================= */

.tooling_performance_section {
    position: relative;
    padding: 110px 0;
    background: var(--color-dark);
    overflow: hidden;
    isolation: isolate;
}


/* -----------------------------------------
   TECHNICAL GRID
----------------------------------------- */

.tooling_perf_grid {
    position: absolute;
    inset: 0;
    z-index: -3;
    opacity: .45;

    background-image:
        linear-gradient(
            rgba(255,255,255,.035) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255,255,255,.035) 1px,
            transparent 1px
        );

    background-size: 45px 45px;

    mask-image: linear-gradient(
        to bottom,
        transparent,
        #000 15%,
        #000 85%,
        transparent
    );
}


/* -----------------------------------------
   GLOW
----------------------------------------- */

.tooling_perf_glow {
    position: absolute;
    width: 450px;
    height: 450px;
    border-radius: 50%;
    background: var(--theme-color);
    filter: blur(150px);
    opacity: .09;
    z-index: -2;
    pointer-events: none;
}

.tooling_perf_glow_one {
    top: 10%;
    left: -220px;
}

.tooling_perf_glow_two {
    bottom: -200px;
    right: -150px;
}


/* -----------------------------------------
   HEADING
----------------------------------------- */

.tooling_perf_heading {
    max-width: 850px;
    margin: 0 auto 70px;
    text-align: center;
}

.tooling_perf_tag {
    display: inline-flex;
    align-items: center;
    gap: 9px;

    font-family: var(--nav-font);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;

    color: var(--theme-color);

    margin-bottom: 18px;
}

.tooling_perf_tag i {
    font-size: 13px;
}

.tooling_perf_heading h2 {
    margin: 0;
    color: var(--color-white);

    font-family: var(--heading-font);
    font-size: clamp(34px, 4vw, 58px);
    line-height: 1.08;
    font-weight: 700;
}

.tooling_perf_heading h2 span {
    display: inline-block;
    color: var(--theme-color);
}

.tooling_perf_heading p {
    max-width: 720px;
    margin: 22px auto 0;

    color: rgba(255,255,255,.62);

    font-family: var(--body-font);
    font-size: 15px;
    line-height: 1.8;
}


/* -----------------------------------------
   MAIN AREA
----------------------------------------- */

.tooling_perf_main {
    display: grid;
    grid-template-columns: 1fr 330px 1fr;
    align-items: center;
    gap: 55px;
}


/* -----------------------------------------
   PERFORMANCE COLUMNS
----------------------------------------- */

.tooling_perf_column {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.tooling_perf_left .tooling_perf_card {
    text-align: right;
}

.tooling_perf_right .tooling_perf_card {
    text-align: left;
}


/* -----------------------------------------
   CARD
----------------------------------------- */

.tooling_perf_card {
    position: relative;

    display: flex;
    align-items: center;
    gap: 17px;

    min-height: 115px;
    padding: 22px;

    background: rgba(255,255,255,.045);
    border: 1px solid rgba(255,255,255,.09);

    transition: var(--transition2);

    backdrop-filter: blur(12px);
}


/* Left card icon order */

.tooling_perf_left .tooling_perf_card {
    justify-content: flex-end;
}

.tooling_perf_left .tooling_perf_icon {
    order: 2;
}

.tooling_perf_left .tooling_perf_content {
    order: 1;
}


/* Hover */

.tooling_perf_card:hover {
    transform: translateY(-5px);

    border-color: var(--theme-color);

    background: rgba(233,22,10,.07);

    box-shadow:
        0 15px 45px rgba(0,0,0,.25),
        inset 0 0 0 1px rgba(233,22,10,.06);
}


/* -----------------------------------------
   NUMBER
----------------------------------------- */

.tooling_perf_number {
    position: absolute;
    top: 9px;
    right: 13px;

    font-family: var(--heading-font);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;

    color: rgba(255,255,255,.22);
}

.tooling_perf_left .tooling_perf_number {
    right: auto;
    left: 13px;
}


/* -----------------------------------------
   ICON
----------------------------------------- */

.tooling_perf_icon {
    flex: 0 0 52px;

    width: 52px;
    height: 52px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: rgba(233,22,10,.09);
    border: 1px solid rgba(233,22,10,.25);

    color: var(--theme-color);

    font-size: 18px;

    transition: var(--transition2);
}

.tooling_perf_card:hover .tooling_perf_icon {
    background: var(--theme-color);
    color: var(--color-white);
    transform: scale(1.06);
}


/* -----------------------------------------
   CONTENT
----------------------------------------- */

.tooling_perf_content h3 {
    margin: 0 0 7px;

    color: var(--color-white);

    font-family: var(--heading-font);
    font-size: 17px;
    font-weight: 600;
}

.tooling_perf_content p {
    margin: 0;

    color: rgba(255,255,255,.48);

    font-size: 12.5px;
    line-height: 1.7;
}


/* -----------------------------------------
   CENTER CORE
----------------------------------------- */

.tooling_perf_center {
    position: relative;

    width: 330px;
    height: 330px;

    display: flex;
    align-items: center;
    justify-content: center;
}


/* Rings */

.tooling_perf_ring {
    position: absolute;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,.10);
}

.tooling_ring_one {
    width: 300px;
    height: 300px;

    animation: toolingRingRotate 20s linear infinite;
}

.tooling_ring_two {
    width: 235px;
    height: 235px;

    border-color: rgba(233,22,10,.35);

    border-style: dashed;

    animation: toolingRingRotateReverse 15s linear infinite;
}

@keyframes toolingRingRotate {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@keyframes toolingRingRotateReverse {
    from {
        transform: rotate(360deg);
    }

    to {
        transform: rotate(0deg);
    }
}


/* -----------------------------------------
   CROSS AXIS
----------------------------------------- */

.tooling_perf_axis {
    position: absolute;
    background: rgba(255,255,255,.08);
}

.axis_top,
.axis_bottom {
    width: 1px;
    height: 100%;
    left: 50%;
}

.axis_left,
.axis_right {
    width: 100%;
    height: 1px;
    top: 50%;
}


/* -----------------------------------------
   CENTER CORE
----------------------------------------- */

.tooling_perf_core {
    position: relative;
    z-index: 4;

    width: 155px;
    height: 155px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background:
        radial-gradient(
            circle at 35% 30%,
            rgba(255,255,255,.10),
            transparent 45%
        ),
        #181818;

    border: 1px solid rgba(233,22,10,.45);

    box-shadow:
        0 0 0 12px rgba(233,22,10,.035),
        0 0 60px rgba(233,22,10,.15),
        inset 0 0 35px rgba(0,0,0,.6);

    animation: toolingCorePulse 3s ease-in-out infinite;
}

@keyframes toolingCorePulse {

    0%,
    100% {
        box-shadow:
            0 0 0 12px rgba(233,22,10,.035),
            0 0 60px rgba(233,22,10,.15),
            inset 0 0 35px rgba(0,0,0,.6);
    }

    50% {
        box-shadow:
            0 0 0 18px rgba(233,22,10,.025),
            0 0 85px rgba(233,22,10,.25),
            inset 0 0 35px rgba(0,0,0,.6);
    }
}


.tooling_perf_core_inner {
    text-align: center;
}

.tooling_perf_core_inner i {
    display: block;

    margin-bottom: 8px;

    color: var(--theme-color);

    font-size: 30px;

    animation: toolingGearRotate 10s linear infinite;
}

@keyframes toolingGearRotate {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.tooling_perf_core_inner span,
.tooling_perf_core_inner strong {
    display: block;

    font-family: var(--heading-font);
    line-height: 1;
}

.tooling_perf_core_inner span {
    color: rgba(255,255,255,.55);
    font-size: 9px;
    letter-spacing: 2px;
}

.tooling_perf_core_inner strong {
    margin-top: 5px;

    color: var(--color-white);

    font-size: 16px;
    letter-spacing: 1px;
}

.tooling_perf_core_inner small {
    display: block;

    margin-top: 10px;

    color: var(--theme-color);

    font-size: 7px;
    font-weight: 700;
    letter-spacing: 1.5px;
}


/* -----------------------------------------
   CENTER BADGE
----------------------------------------- */

.tooling_perf_core_badge {
    position: absolute;
    z-index: 5;

    bottom: 25px;
    right: 8px;

    display: flex;
    align-items: center;
    gap: 7px;

    padding: 8px 13px;

    background: var(--theme-color);

    color: var(--color-white);

    font-family: var(--nav-font);
    font-size: 8px;
    font-weight: 700;
    letter-spacing: 1px;

    box-shadow: 0 10px 25px rgba(0,0,0,.3);
}

.tooling_perf_core_badge i {
    font-size: 9px;
}


/* -----------------------------------------
   HIGHLIGHT CARD
----------------------------------------- */

.tooling_perf_card_highlight {
    min-height: 115px;

    display: flex;
    flex-direction: column;
    justify-content: center;

    padding: 25px;

    background:
        linear-gradient(
            135deg,
            rgba(233,22,10,.14),
            rgba(233,22,10,.025)
        );

    border: 1px solid rgba(233,22,10,.30);
}

.tooling_perf_card_highlight span {
    display: flex;
    align-items: center;
    gap: 8px;

    margin-bottom: 10px;

    color: var(--theme-color);

    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1.5px;
}

.tooling_perf_card_highlight strong {
    max-width: 200px;

    color: var(--color-white);

    font-family: var(--heading-font);
    font-size: 19px;
    line-height: 1.3;
}


/* end */


/* css start */
 .whychoose_us_section {
     position: relative;
     padding: 105px 0;
     background: var(--theme-bg-light2);
     overflow: hidden;
}
 .whychoose_us_section::before {
     content: "";
     position: absolute;
     top: -180px;
     left: -180px;
     width: 430px;
     height: 430px;
     border: 1px solid var(--border-info-color2);
     border-radius: 50%;
     pointer-events: none;
}
 .whychoose_us_section::after {
     content: "";
     position: absolute;
     right: -180px;
     bottom: -220px;
     width: 480px;
     height: 480px;
     border: 1px solid var(--border-info-color2);
     border-radius: 50%;
     pointer-events: none;
}
 .whychoose_us_heading {
     position: relative;
     max-width: 820px;
     margin: 0 auto 60px;
     text-align: center;
     z-index: 2;
}
 .whychoose_us_tag {
     display: inline-flex;
     align-items: center;
     gap: 9px;
     margin-bottom: 16px;
     padding: 7px 15px;
     color: var(--theme-color);
     background: var(--theme-color-light);
     border: 1px solid var(--border-info-color);
     border-radius: 50px;
     font-family: var(--nav-font);
     font-size: 11px;
     font-weight: 700;
     letter-spacing: 1.7px;
     text-transform: uppercase;
}
 .whychoose_us_tag > i {
     font-size: 12px;
}
 .whychoose_us_heading > h2 {
     margin: 0 0 17px;
     color: var(--color-dark);
     font-family: var(--heading-font);
     font-size: 44px;
     font-weight: 700;
     line-height: 1.15;
     letter-spacing: -1.2px;
}
 .whychoose_us_heading > h2 > span {
     color: var(--theme-color);
}
 .whychoose_us_heading > p {
     max-width: 720px;
     margin: 0 auto;
     color: var(--body-text-color);
     font-family: var(--body-font);
     font-size: 15px;
     font-weight: 400;
     line-height: 1.8;
}
 .whychoose_us_content {
     position: relative;
}
 .why_choose_us_list_main_div {
     display: flex;
     flex-direction: column;
     gap: 16px;
}
 .item_main_div_whyus {
     position: relative;
     display: flex;
     align-items: flex-start;
     gap: 18px;
     padding: 23px 22px;
     background: var(--theme-bg-light2);
     border: 1px solid var(--border-info-color2);
     border-radius: 16px;
     box-shadow: var(--box-shadow3);
     transition: var(--transition2);
     overflow: hidden;
}
 .item_main_div_whyus::before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 3px;
     height: 0;
     background: var(--theme-color);
     transition: var(--transition2);
}
 .item_main_div_whyus:hover {
     transform: translateX(6px);
     border-color: var(--border-info-color);
     box-shadow: var(--box-shadow);
}
 .item_main_div_whyus:hover::before {
     height: 100%;
}
 .item_whyus_icon {
     flex: 0 0 50px;
     width: 50px;
     height: 50px;
     display: flex;
     align-items: center;
     justify-content: center;
     color: var(--theme-color);
     background: var(--theme-color-light);
     border: 1px solid var(--border-info-color);
     border-radius: 13px;
     font-size: 18px;
     transition: var(--transition2);
}
 .item_main_div_whyus:hover .item_whyus_icon {
     color: var(--color-white);
     background: var(--theme-color);
     transform: scale(1.05);
     box-shadow: var(--box-shadow2);
}
 .whyus_content_div {
     flex: 1;
}
 .whyus_content_div > h4 {
     margin: 2px 0 7px;
     color: var(--color-dark);
     font-family: var(--heading-font);
     font-size: 18px;
     font-weight: 700;
     line-height: 1.3;
     transition: var(--transition2);
}
 .item_main_div_whyus:hover .whyus_content_div > h4 {
     color: var(--theme-color);
}
 .whyus_content_div > p {
     margin: 0;
     color: var(--body-text-color);
     font-family: var(--body-font);
     font-size: 13px;
     font-weight: 400;
     line-height: 1.7;
}
 .whyus_list {
     display: flex;
     flex-direction: column;
     gap: 8px;
     margin: 12px 0 0;
     padding: 0;
     list-style: none;
}
 .whyus_list > li {
     display: flex;
     align-items: flex-start;
     gap: 9px;
     color: var(--body-text-color);
     font-family: var(--body-font);
     font-size: 12.5px;
     line-height: 1.5;
}
 .whyus_list > li > i {
     flex: 0 0 auto;
     margin-top: 3px;
     color: var(--theme-color);
     font-size: 11px;
}
 .why_image_right_div {
     position: relative;
     padding: 25px;
     min-height: 540px;
     display: flex;
     align-items: center;
     justify-content: center;
}
 .why_image_accent {
     position: absolute;
     top: 0;
     right: 0;
     width: 82%;
     height: 90%;
     background: var(--theme-color-light);
     border-radius: 30px;
     transform: rotate(4deg);
     transition: var(--transition);
}
 .why_image_right_div:hover .why_image_accent {
     transform: rotate(7deg) scale(1.02);
}
 .why_image_inner {
     position: relative;
     width: 100%;
     min-height: 480px;
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 30px;
     background: var(--theme-bg-light2);
     border: 1px solid var(--border-info-color2);
     border-radius: 25px;
     box-shadow: var(--box-shadow);
     overflow: hidden;
     z-index: 2;
}
 .why_image_inner::before {
     content: "";
     position: absolute;
     width: 300px;
     height: 300px;
     border-radius: 50%;
     background: var(--theme-color-light);
     pointer-events: none;
}
 .why_image_inner img {
     position: relative;
     z-index: 2;
     width: 100%;
     max-height: 450px;
     object-fit: contain;
     transition: var(--transition);
}
 .why_image_right_div:hover .why_image_inner img {
     transform: scale(1.035);
}
 .why_image_badge {
     position: absolute;
     left: 0;
     bottom: 20px;
     z-index: 5;
     display: flex;
     align-items: center;
     gap: 12px;
     padding: 13px 18px;
     background: var(--color-dark);
     border: 1px solid var(--border-colo--color-white2);
     border-radius: 12px;
     box-shadow: var(--box-shadow2);
}
 .badge_icon {
     width: 38px;
     height: 38px;
     display: flex;
     align-items: center;
     justify-content: center;
     color: var(--color-white);
     background: var(--theme-color);
     border-radius: 9px;
     font-size: 15px;
}
 .why_image_badge div {
     display: flex;
     flex-direction: column;
     gap: 2px;
}
 .why_image_badge strong {
     color: var(--color-white);
     font-family: var(--heading-font);
     font-size: 12px;
     font-weight: 700;
}
 .why_image_badge small {
     color: var(--body-text-color2);
     font-family: var(--body-font);
     font-size: 10px;
}
/* css end */
/* testimonials css start */
 .testmonials_section {
     position: relative;
     padding: 60px 0px 60px 0px;
     background: var(--theme-bg-light);
     overflow: hidden;
}
 .testmonials_section::before {
     content: "";
     position: absolute;
     width: 420px;
     height: 420px;
     top: -220px;
     right: -160px;
     border: 1px solid var(--border-info-color2);
     border-radius: 50%;
     pointer-events: none;
}
 .testmonials_section::after {
     content: "";
     position: absolute;
     width: 350px;
     height: 350px;
     bottom: -190px;
     left: -150px;
     border: 1px solid var(--border-info-color2);
     border-radius: 50%;
     pointer-events: none;
}
 .title_testimonials_div {
     position: relative;
     max-width: 780px;
     margin: 0 auto 55px;
     text-align: center;
     z-index: 2;
}
 .testimonial_tag {
     display: inline-flex;
     align-items: center;
     gap: 9px;
     margin-bottom: 16px;
     padding: 7px 15px;
     color: var(--theme-color);
     background: var(--theme-color-light);
     border: 1px solid var(--border-info-color);
     border-radius: 50px;
     font-family: var(--nav-font);
     font-size: 11px;
     font-weight: 700;
     letter-spacing: 1.8px;
     text-transform: uppercase;
}
 .testimonial_tag i {
     font-size: 12px;
}
 .title_testimonials_div h2 {
     margin: 0 0 17px;
     color: var(--color-dark);
     font-family: var(--heading-font);
     font-size: 40px;
     font-weight: 700;
     line-height: 1.15;
     letter-spacing: -1.2px;
}
 .title_testimonials_div h2 span {
     color: var(--theme-color);
}
 .title_testimonials_div p {
     max-width: 680px;
     margin: 0 auto;
     color: var(--body-text-color);
     font-family: var(--body-font);
     font-size: 15px;
     line-height: 1.8;
}
 .testimonials_swiper_slider {
     padding: 10px 5px 35px;
     overflow: hidden;
}
 .testimonials_swiper_slider .swiper-wrapper {
     align-items: stretch;
     padding: 20px 0px 100px 0px;
}
 .testimonials_swiper_slider .swiper-slide {
     height: auto;
}
 .testimonials_contnet_main_div {
     position: relative;
     height: 100%;
     padding: 30px 30px 27px;
     display: flex;
     flex-direction: column;
     background: var(--theme-bg-light2);
     border: 1px solid var(--border-info-color2);
     border-radius: 18px;
     box-shadow: var(--box-shadow3);
     overflow: hidden;
     transition: var(--transition2);
}
 .testimonials_contnet_main_div::before {
     content: "";
     position: absolute;
     top: 0;
     left: 30px;
     width: 45px;
     height: 3px;
     background: var(--theme-color);
     border-radius: 0 0 5px 5px;
     transition: var(--transition2);
}
 .testimonials_contnet_main_div:hover {
     transform: translateY(-7px);
     border-color: var(--border-info-color);
     box-shadow: var(--box-shadow);
}
 .testimonials_contnet_main_div:hover::before {
     width: 75px;
}
 .rataing_div {
     display: flex;
     align-items: center;
     gap: 4px;
     margin-bottom: 22px;
}
 .rataing_div i {
     color: var(--theme-color);
     font-size: 12px;
}
 .quote_div {
     position: absolute;
     top: 27px;
     right: 28px;
     width: 43px;
     height: 43px;
     display: flex;
     align-items: center;
     justify-content: center;
     color: var(--theme-color);
     background: var(--theme-color-light);
     border: 1px solid var(--border-info-color);
     border-radius: 50%;
     font-size: 15px;
     transition: var(--transition2);
}
 .testimonials_contnet_main_div:hover .quote_div {
     color: var(--color-white);
     background: var(--theme-color);
     transform: rotate(-8deg);
}
 .testimonials_contnet_main_div > p {
     color: var(--body-text-color);
     font-family: var(--body-font);
     font-size: 14px;
     font-weight: 400;
     line-height: 1.8;
     flex: 1;
}
 .testimonials_user_div {
     display: flex;
     align-items: center;
     gap: 13px;
     padding-top: 18px;
     border-top: 1px solid var(--border-info-color2);
}
 .username_testi {
     flex: 0 0 45px;
     width: 45px;
     height: 45px;
     display: flex;
     align-items: center;
     justify-content: center;
     background: var(--theme-color-light);
     border: 1px solid var(--border-info-color);
     border-radius: 50%;
     overflow: hidden;
}
 .username_testi img {
     width: 100%;
     height: 100%;
     object-fit: cover;
}
 .testimonials_username h4 {
     margin: 0;
     color: var(--color-dark);
     font-family: var(--heading-font);
     font-size: 14px;
     font-weight: 700;
     line-height: 1.3;
}
 .testimonials_contnet_main_div::after {
     content: "";
     position: absolute;
     width: 130px;
     height: 130px;
     right: -75px;
     bottom: -75px;
     background: var(--theme-color-light);
     border-radius: 50%;
     pointer-events: none;
     transition: var(--transition);
}
 .testimonials_contnet_main_div:hover::after {
     width: 180px;
     height: 180px;
}
/* testimonials css end */


/* faq css start */
 .faq_section {
     position: relative;
     padding: 60px 0px 60px 0px;
     background: var(--theme-bg-light2);
     overflow: hidden;
}


 .faq_section::before {
     content: "";
     position: absolute;
     width: 430px;
     height: 430px;
     top: -220px;
     right: -180px;
     border: 1px solid var(--border-info-color2);
     border-radius: 50%;
     pointer-events: none;
}
 .faq_section::after {
     content: "";
     position: absolute;
     width: 380px;
     height: 380px;
     bottom: -200px;
     left: -180px;
     border: 1px solid var(--border-info-color2);
     border-radius: 50%;
     pointer-events: none;
}


 .faq_main_title_div {
     position: relative;
     max-width: 780px;
     margin: 0 auto 58px;
     text-align: center;
     z-index: 2;
}
 .faq_section_tag {
     display: inline-flex;
     align-items: center;
     gap: 9px;
     margin-bottom: 16px;
     padding: 7px 15px;
     color: var(--theme-color);
     background: var(--theme-color-light);
     border: 1px solid var(--border-info-color);
     border-radius: 50px;
     font-family: var(--nav-font);
     font-size: 11px;
     font-weight: 700;
     letter-spacing: 1.8px;
     text-transform: uppercase;
}
 .faq_section_tag i {
     font-size: 12px;
}
 .faq_main_title_div h2 {
     margin: 0 0 17px;
     color: var(--color-dark);
     font-family: var(--heading-font);
     font-size: 44px;
     font-weight: 700;
     line-height: 1.15;
     letter-spacing: -1.2px;
}
 .faq_main_title_div h2 span {
     color: var(--theme-color);
}
 .faq_main_title_div p {
     max-width: 690px;
     margin: 0 auto;
     color: var(--body-text-color);
     font-family: var(--body-font);
     font-size: 15px;
     line-height: 1.8;
}


 .faq_main_div {
     position: relative;
     padding: 8px;
     background: var(--theme-bg-light2);
     border: 1px solid var(--border-info-color2);
     border-radius: 20px;
     box-shadow: var(--box-shadow3);
}


 .faq_main_div .accordion-item {
     background: transparent;
     border: 0;
     border-bottom: 1px solid var(--border-info-color2);
}
 .faq_main_div .accordion-item:last-child {
     border-bottom: 0;
}


 .faq_main_div .accordion-button {
     position: relative;
     display: flex;
     align-items: center;
     gap: 15px;
     padding: 21px 22px;
     color: var(--color-dark);
     background: transparent;
     border: 0;
     box-shadow: none;
     font-family: var(--nav-font);
     font-size: 14px;
     font-weight: 700;
     line-height: 1.4;
}
 .faq_main_div .accordion-button:not(.collapsed) {
     color: var(--theme-color);
     background: var(--theme-color-light);
}


 .faq_main_div .accordion-button::after {
     display: none;
}


 .faq_number {
     flex: 0 0 38px;
     width: 38px;
     height: 38px;
     display: flex;
     align-items: center;
     justify-content: center;
     color: var(--theme-color);
     background: var(--theme-bg-light);
     border: 1px solid var(--border-info-color);
     border-radius: 10px;
     font-family: var(--heading-font);
     font-size: 11px;
     font-weight: 700;
     transition: var(--transition2);
}
 .faq_main_div .accordion-button:not(.collapsed) .faq_number {
     color: var(--color-white);
     background: var(--theme-color);
     border-color: var(--theme-color);
}


 .faq_question {
     flex: 1;
}


 .faq_arrow {
     text-align: center;
     width: 34px;
     height: 34px;
     line-height: 34px !important;
     color: var(--theme-color);
     background: var(--theme-color-light);
     display: inline-block !important;
     border-radius: 50%;
     font-size: 11px;
     transition: var(--transition2);
}
 .faq_main_div .accordion-button:not(.collapsed) .faq_arrow {
     color: var(--color-white);
     background: var(--theme-color);
     transform: rotate(180deg);
}


 .faq_main_div .accordion-body {
     padding: 0 72px 23px 75px;
     color: var(--body-text-color);
     font-family: var(--body-font);
     font-size: 13px;
     font-weight: 400;
     line-height: 1.8;
}


 .faq_image_wrapper {
     position: relative;
     min-height: 540px;
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 20px;
}


 .faq_red_shape {
     position: absolute;
     width: 80%;
     height: 85%;
     top: 8%;
     right: 3%;
     background: var(--theme-color-light);
     border-radius: 30px;
     transform: rotate(5deg);
     transition: var(--transition);
}
 .faq_image_wrapper:hover .faq_red_shape {
     transform: rotate(8deg) scale(1.02);
}


 .faq_image_box {
     position: relative;
     width: 100%;
     min-height: 470px;
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 30px;
     background: var(--theme-bg-light2);
     border: 1px solid var(--border-info-color2);
     border-radius: 24px;
     box-shadow: var(--box-shadow);
     overflow: hidden;
     z-index: 2;
}
 .faq_image_box::before {
     content: "";
     position: absolute;
     width: 290px;
     height: 290px;
     background: var(--theme-color-light);
     border-radius: 50%;
}
 .faq_image_box img {
     position: relative;
     z-index: 2;
     width: 100%;
     max-height: 430px;
     object-fit: contain;
     transition: var(--transition);
}
 .faq_image_wrapper:hover .faq_image_box img {
     transform: scale(1.04);
}

 .faq_help_badge {
     position: absolute;
     left: 0;
     bottom: 15px;
     z-index: 5;
     display: flex;
     align-items: center;
     gap: 12px;
     padding: 13px 17px;
     background: var(--color-dark);
     border: 1px solid var(--border-colo--color-white2);
     border-radius: 13px;
     box-shadow: var(--box-shadow2);
}
 .faq_help_icon {
     width: 40px;
     height: 40px;
     display: flex;
     align-items: center;
     justify-content: center;
     color: var(--color-white);
     background: var(--theme-color);
     border-radius: 9px;
     font-size: 15px;
}
 .faq_help_badge div:last-child {
     display: flex;
     flex-direction: column;
     gap: 3px;
}
 .faq_help_badge strong {
     color: var(--color-white);
     font-family: var(--heading-font);
     font-size: 12px;
     font-weight: 700;
}
 .faq_help_badge span {
     color: var(--body-text-color2);
     font-family: var(--body-font);
     font-size: 10px;
}
/* end */



/* css start */
 .sunrise_blog_section {
     position: relative;
     padding: 90px 0;
     background: var(--theme-bg-light);
     overflow: hidden;
}


 .sunrise_blog_heading {
     display: flex;
     align-items: center;
     justify-content: center;
     text-align: center;
     margin-bottom: 38px;
}
 .sunrise_blog_heading_left {
     display: flex;
     flex-direction: column;
     align-items: center;
}


 .sunrise_section_tag {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     gap: 7px;
     margin-bottom: 9px;
     color: var(--theme-color);
     font-family: var(--body-font);
     font-size: 10px;
     font-weight: 700;
     text-transform: uppercase;
     letter-spacing: 1.4px;
}
 .sunrise_section_tag i {
     font-size: 10px;
}


 .sunrise_blog_heading h2 {
     position: relative;
     margin: 0;
     padding-bottom: 13px;
     color: var(--color-dark);
     font-family: var(--heading-font);
     font-size: 36px;
     font-weight: 700;
     line-height: 1.2;
}
 .sunrise_blog_heading h2 span {
     color: var(--theme-color);
}

 .sunrise_blog_heading h2::after {
     content: "";
     position: absolute;
     left: 50%;
     bottom: 0;
     width: 38px;
     height: 2px;
     transform: translateX(-50%);
     background: var(--theme-color);
     border-radius: 20px;
}


 .sunrise_blog_card {
     height: 100%;
     background: var(--color-white);
     border: 1px solid rgba(0, 0, 0, 0.07);
     border-radius: 12px;
     overflow: hidden;
     box-shadow: 0 10px 35px rgba(0, 0, 0, 0.055);
     transition: var(--transition);
}
 .sunrise_blog_card:hover {
     transform: translateY(-7px);
     box-shadow: var(--box-shadow3);
}


 .sunrise_blog_image {
     position: relative;
     overflow: hidden;
     background: var(--theme-color5);
}
 .sunrise_blog_image::after {
     content: "";
     position: absolute;
     inset: 0;
     background: linear-gradient(180deg, transparent 50%, rgba(0, 0, 0, 0.35) 100%);
     opacity: 0.65;
     pointer-events: none;
}
 .sunrise_blog_image img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     transition: transform 0.7s ease;
}
 .sunrise_blog_card:hover .sunrise_blog_image img {
     transform: scale(1.07);
}


 .sunrise_blog_category {
     position: absolute;
     left: 16px;
     bottom: 15px;
     z-index: 2;
     padding: 6px 11px;
     color: var(--color-white);
     background: var(--theme-color);
     border-radius: 4px;
     font-family: var(--body-font);
     font-size: 9px;
     font-weight: 700;
     text-transform: uppercase;
     letter-spacing: 0.7px;
}


 .sunrise_blog_content {
     padding: 22px 22px 24px;
}
/* Meta */
 .sunrise_blog_meta {
     display: flex;
     align-items: center;
     gap: 17px;
     margin-bottom: 12px;
}
 .sunrise_blog_meta span {
     display: inline-flex;
     align-items: center;
     gap: 6px;
     color: var(--body-text-color2);
     font-family: var(--body-font);
     font-size: 10px;
     font-weight: 600;
}
 .sunrise_blog_meta span i {
     color: var(--theme-color);
     font-size: 10px;
}


 .sunrise_blog_content h3 {
     margin: 0 0 10px;
     color: var(--color-dark);
     font-family: var(--heading-font);
     font-size: 19px;
     font-weight: 700;
     line-height: 1.4;
     transition: var(--transition2);
}
 .sunrise_blog_card:hover .sunrise_blog_content h3 {
     color: var(--theme-color);
}


 .sunrise_blog_content p {
     margin: 0 0 18px;
     color: var(--body-text-color);
     font-family: var(--body-font);
     font-size: 12px;
     line-height: 1.7;
     display: -webkit-box;
     -webkit-line-clamp: 3;
     -webkit-box-orient: vertical;
     overflow: hidden;
}


 .sunrise_blog_readmore {
     display: inline-flex;
     align-items: center;
     gap: 9px;
     color: var(--color-dark);
     font-family: var(--nav-font);
     font-size: 11px;
     font-weight: 700;
     text-decoration: none;
     text-transform: uppercase;
     letter-spacing: 0.4px;
     transition: var(--transition2);
}
 .sunrise_blog_readmore > span {
     width: 28px;
     height: 28px;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     color: var(--theme-color);
     background: var(--theme-color5);
     border: 1px solid var(--border-info-color);
     border-radius: 50%;
     transition: var(--transition2);
}
 .sunrise_blog_readmore > span i {
     font-size: 9px;
}
 .sunrise_blog_readmore:hover {
     color: var(--theme-color);
}
 .sunrise_blog_readmore:hover > span {
     color: var(--color-white);
     background: var(--theme-color);
     transform: rotate(45deg);
}


 .sunrise_blog_slider_bottom {
     display: flex;
     align-items: center;
     justify-content: space-between;
     margin-top: 28px;
}
/* Pagination */
 .sunrise_blog_pagination {
     position: static !important;
     width: auto !important;
}
 .sunrise_blog_pagination .swiper-pagination-bullet {
     width: 7px;
     height: 7px;
     margin: 0 4px !important;
     opacity: 1;
     background: var(--color-silver);
     transition: var(--transition2);
}
 .sunrise_blog_pagination .swiper-pagination-bullet-active {
     width: 24px;
     border-radius: 20px;
     background: var(--theme-color);
}
 .sunrise_blog_navigation {
     display: flex;
     gap: 8px;
}
 .sunrise_blog_navigation button {
     width: 42px;
     height: 42px;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     color: var(--color-dark);
     background: var(--color-white);
     border: 1px solid rgba(0, 0, 0, 0.09);
     border-radius: 6px;
     font-size: 11px;
     cursor: pointer;
     transition: var(--transition2);
}
 .sunrise_blog_navigation button:hover {
     color: var(--color-white);
     background: var(--theme-color);
     border-color: var(--theme-color);
     transform: translateY(-2px);
}
 .sunrise_blog_navigation button.swiper-button-disabled {
     opacity: 0.4;
     cursor: not-allowed;
     transform: none;
}
/* end css */



/* css start */
.precision_cta_section {
    padding: 80px 0;

    background: var(--theme-bg-light2);

    overflow: hidden;
}


.precision_cta_box {
    position: relative;

    overflow: hidden;

    padding: 55px 60px;

    background:
        linear-gradient(
            120deg,
            #171717 0%,
            #111111 65%,
            #1d1d1d 100%
        );

    border-radius: 16px;

    box-shadow:
        0 25px 60px rgba(0, 0, 0, .14);
}


.precision_cta_box::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;

    width: 180px;
    height: 4px;

    background: var(--theme-color);
}


.precision_cta_box::after {
    content: "";

    position: absolute;

    right: 0;
    bottom: 0;

    width: 240px;
    height: 4px;

    background: var(--theme-color);
}


.precision_cta_pattern {

    position: absolute;

    inset: 0;

    opacity: .08;

    background-image:
        linear-gradient(
            45deg,
            transparent 48%,
            var(--color-white) 49%,
            transparent 50%
        );

    background-size: 30px 30px;

    pointer-events: none;
}



.precision_cta_circle {

    position: absolute;

    width: 420px;
    height: 420px;

    right: 80px;
    top: -190px;

    border: 1px solid rgba(233, 22, 10, .25);

    border-radius: 50%;

    pointer-events: none;
}



.precision_cta_content {
    position: relative;

    z-index: 2;
}


.precision_cta_tag {

    display: inline-flex;

    align-items: center;

    gap: 8px;

    margin-bottom: 13px;

    color: var(--theme-color);

    font-family: var(--body-font);

    font-size: 10px;

    font-weight: 800;

    letter-spacing: 1.5px;

    text-transform: uppercase;
}


.precision_cta_tag i {
    font-size: 11px;
}


.precision_cta_content h2 {

    max-width: 650px;

    margin: 0 0 15px;

    color: var(--color-white);

    font-family: var(--heading-font);

    font-size: 38px;

    font-weight: 700;

    line-height: 1.2;
}


.precision_cta_content h2 span {
    color: var(--theme-color);
}


.precision_cta_content p {

    max-width: 610px;

    margin: 0;

    color: #b7b7b7;

    font-family: var(--body-font);

    font-size: 12px;

    line-height: 1.8;
}



.precision_cta_buttons {

    display: flex;

    align-items: center;

    gap: 12px;

    margin-top: 25px;
}


.precision_cta_primary,
.precision_cta_secondary {
width: 100%;
    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 10px;

    min-height: 43px;

    padding: 0 17px;

    border-radius: 6px;

    font-family: var(--nav-font);

    font-size: 10px;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: .4px;

    text-decoration: none;

    transition: var(--transition2);
}



.precision_cta_primary {

    color: var(--color-white);

    background: var(--theme-color);

    box-shadow:
        0 8px 22px rgba(233, 22, 10, .22);
}


.precision_cta_primary:hover {

    color: var(--color-white);

    background: var(--theme-color2);

    transform: translateY(-2px);
}


.precision_cta_primary i {
    transition: var(--transition2);
}


.precision_cta_primary:hover i {
    transform: translateX(4px);
}

.precision_cta_secondary {

    color: #d5d5d5;

    border: 1px solid rgba(255, 255, 255, .18);

    background: rgba(255, 255, 255, .04);
}


.precision_cta_secondary:hover {

    color: var(--color-white);

    border-color: var(--theme-color);

    background: rgba(233, 22, 10, .10);

    transform: translateY(-2px);
}


.precision_cta_visual {

    width: 245px;
    height: 245px;

    margin: auto;

    position: relative;

    display: flex;

    align-items: center;
    justify-content: center;
}



.precision_visual_ring {

    position: absolute;

    border-radius: 50%;

    border: 1px solid rgba(233, 22, 10, .55);
}


.ring_one {

    width: 210px;
    height: 210px;

    animation: precisionRotate 18s linear infinite;
}


.ring_two {

    width: 165px;
    height: 165px;

    border-style: dashed;

    opacity: .6;

    animation:
        precisionRotateReverse 12s linear infinite;
}


/* Gear Icon */

.precision_visual_icon {

    width: 90px;
    height: 90px;

    display: flex;

    align-items: center;
    justify-content: center;

    position: relative;

    z-index: 2;

    color: var(--color-white);

    background: var(--theme-color);

    border-radius: 50%;

    box-shadow:
        0 15px 40px rgba(233, 22, 10, .30);
}


.precision_visual_icon i {

    font-size: 36px;

    animation:
        precisionGearRotate 12s linear infinite;
}


/* Text */

.precision_visual_text {

    position: absolute;

    bottom: -2px;

    right: 3px;

    z-index: 3;

    color: #777;

    font-family: var(--body-font);

    font-size: 8px;

    line-height: 1.7;

    letter-spacing: 2px;

    text-align: center;
}


.precision_visual_text strong {
    color: var(--color-white);

    font-size: 9px;
}



@keyframes precisionRotate {

    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }

}


@keyframes precisionRotateReverse {

    from {
        transform: rotate(360deg);
    }

    to {
        transform: rotate(0deg);
    }

}


@keyframes precisionGearRotate {

    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }

}
/* end css */

/* start */
 .footer {
     position: relative;
     background: var(--footer-bg);
     overflow: hidden;
}


 .footer_overlay {
     position: relative;
     padding: 80px 0 0;
     background: linear-gradient( 135deg, rgba(233, 22, 10, 0.035), transparent 35%, rgba(255, 255, 255, 0.015) );
}


 .footer_overlay::before {
     content: "";
     position: absolute;
     inset: 0;
     opacity: 0.4;
     pointer-events: none;
     background-image: linear-gradient( rgba(255, 255, 255, 0.025) 1px, transparent 1px ), linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);
     background-size: 60px 60px;
}


 .footer_overlay::after {
     content: "";
     position: absolute;
     width: 450px;
     height: 450px;
     right: -220px;
     top: -250px;
     border: 1px solid rgba(233, 22, 10, 0.15);
     border-radius: 50%;
     pointer-events: none;
}


 .footer_logo_div {
     margin-bottom: 22px;
}
 .footer_logo_div a {
     display: inline-block;
}
 .footer_logo_div img {
     max-width: 185px;
     max-height: 70px;
     object-fit: contain;
     transition: var(--transition2);
     filter: brightness(0%) invert(1);
}
 .footer_logo_div img:hover {
     transform: scale(1.03);
}


 .footer_logo_about_main_div > p {
     max-width: 330px;
     margin: 0 0 25px;
     color: var(--footer-text-color);
     opacity: 0.72;
     font-family: var(--body-font);
     font-size: 13px;
     line-height: 1.8;
}
 .footer_logo_about_main_div > p > a {
     color: var(--color-white);
     text-decoration: underline !important;
}

.footer_logo_about_main_div > p > a > i{
    font-size: 10px;
}


 .social_icon_div_footer {
     display: flex;
     align-items: center;
     gap: 9px;
}
 .social_icon_div_footer a {
     width: 39px;
     height: 39px;
     display: flex;
     align-items: center;
     justify-content: center;
     color: var(--footer-text-color);
     background: rgba(255, 255, 255, 0.055);
     border: 1px solid rgba(255, 255, 255, 0.1);
     border-radius: 10px;
     font-size: 14px;
     text-decoration: none;
     transition: var(--transition2);
}
 .social_icon_div_footer a:hover {
     color: var(--color-white);
     background: var(--theme-color);
     border-color: var(--theme-color);
     transform: translateY(-4px);
     box-shadow: var(--box-shadow2);
}


 .footer_usefull_link h5, .footer_contact_main_div h5 {
     position: relative;
     margin: 0 0 23px;
     padding-bottom: 13px;
     color: var(--color-white);
     font-family: var(--heading-font);
     font-size: 16px;
     font-weight: 700;
}


 .footer_usefull_link h5::after, .footer_contact_main_div h5::after {
     content: "";
     position: absolute;
     left: 0;
     bottom: 0;
     width: 32px;
     height: 2px;
     background: var(--theme-color);
     border-radius: 5px;
}


 .footer_usefull_link ul {
     margin: 0;
     padding: 0;
     list-style: none;
}
 .footer_usefull_link ul li {
     margin-bottom: 12px;
}
 .footer_usefull_link ul li a {
     display: inline-flex;
     align-items: center;
     gap: 9px;
     color: var(--footer-text-color);
     opacity: 0.72;
     font-family: var(--body-font);
     font-size: 12.5px;
     font-weight: 400;
     text-decoration: none;
     transition: var(--transition2);
}
 .footer_usefull_link ul li a i {
     color: var(--theme-color);
     font-size: 8px;
     transition: var(--transition2);
}
 .footer_usefull_link ul li a:hover {
     color: var(--color-white);
     opacity: 1;
     transform: translateX(5px);
}
 .footer_usefull_link ul li a:hover i {
     transform: translateX(2px);
}

 .footer_contact_main_div {
     position: relative;
}
 .footer_contact_item {
     display: flex;
     align-items: flex-start;
     gap: 12px;
     margin-bottom: 18px;
}
 .footer_contact_icon {
     flex: 0 0 35px;
     width: 35px;
     height: 35px;
     display: flex;
     align-items: center;
     justify-content: center;
     color: var(--theme-color);
     background: rgba(233, 22, 10, 0.08);
     border: 1px solid rgba(233, 22, 10, 0.15);
     border-radius: 9px;
     font-size: 12px;
}
 .footer_contact_item > div:last-child {
     display: flex;
     flex-direction: column;
     gap: 3px;
     min-width: 0;
}
 .footer_contact_label {
     color: var(--body-text-color2);
     font-family: var(--body-font);
     font-size: 9px;
     font-weight: 600;
     letter-spacing: 0.7px;
     text-transform: uppercase;
}
 .footer_contact_item strong {
     color: var(--footer-text-color);
     font-family: var(--body-font);
     font-size: 12.5px;
     font-weight: 600;
}
 .footer_contact_item a, .footer_contact_item span {
     color: var(--footer-text-color);
     opacity: 0.72;
     font-family: var(--body-font);
     font-size: 12px;
     line-height: 1.6;
     text-decoration: none;
     word-break: break-word;
     transition: var(--transition2);
}
 .footer_contact_item a:hover {
     color: var(--theme-color);
     opacity: 1;
}

 .footer_bottom {
     position: relative;
     margin-top: 55px;
     padding: 22px 0px 100px 0px;
     border-top: 1px solid rgba(255, 255, 255, 0.08);
     z-index: 2;
}
 .footer_bottom p {
     margin: 0;
     color: var(--body-text-color2);
     font-family: var(--body-font);
     font-size: 11px;
     line-height: 1.5;
}
 .footer_bottom p > a {
     color: var(--color-white);
}
 .footer_bottom_links {
     display: flex;
     align-items: center;
     justify-content: flex-end;
     gap: 12px;
}
 .footer_bottom_links a {
     color: var(--body-text-color2);
     font-family: var(--body-font);
     font-size: 11px;
     text-decoration: none;
     transition: var(--transition2);
}
 .footer_bottom_links a:hover {
     color: var(--theme-color);
}
 .footer_bottom_links span {
     width: 3px;
     height: 3px;
     background: var(--theme-color);
     border-radius: 50%;
}

/* css end */