.slider_section2 {
    display: none;
}

/* slider css start */
.slider_section {
    padding: 0px 0px 0px 0px;
}

.slider_left_side_content_div {
    padding: 50px 0px 0px 30px;
}

.slider_left_side_content_div>p.sub_heading {

    text-transform: capitalize !important;
    font-size: 30px;
    font-weight: 600;
    color: var(--body-text-color);
    margin-bottom: 20px !important;
}

.slider_left_side_content_div>h1 {
    color: var(--color-dark);
    font-weight: 700;
    font-size: 45px;
    margin-bottom: 15px;
}

.slider_left_side_content_div>h1>span {
    color: var(--theme-color);
    font-weight: 700;
    font-style: italic;

}

.line_shape {
    background-color: var(--theme-color);
    height: 2px;
    width: 50px;
    margin-bottom: 25px;
}

.slider_left_side_content_div>p {
    text-transform: capitalize !important;
    font-size: 14px;
    font-weight: 500;
    color: var(--color-dark);
    line-height: 30px;
    margin-bottom: 20px;
}

.slider_btns {
    margin-top: 35px;
}

.slider_btns>a:nth-child(1) {
    background-color: var(--theme-color);
    color: var(--color-white);
    padding: 14px 20px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 500;
    text-transform: capitalize;
}


.slider_btns>a:nth-child(2) {
    background-color: var(--color-white);
    color: var(--color-dark);
    padding: 10px 20px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 500;
    text-transform: capitalize;
    margin: 0px 0px 0px 20px;
    border: 1px solid var(--color-dark);
}

.slider_btns>a:nth-child(2)>i {
    margin: 0px 10px 0px 0px;
    background-color: var(--theme-color5);
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 100px;
}

.hero_slide_item_img_div>img {
    /* height: 300px; */
    width: 100%;
    object-fit: cover;
}

/* slider css end */

/* css start */
.our_solution_section {
    padding: 60px 0px 40px 0px;
}

.our_solution_title_div {
    text-align: center;
    margin-bottom: 25px;
}

.our_solution_title_div>span {
    background-color: var(--theme-color5);
    padding: 5px 20px;
    font-weight: 600;
    border-radius: 100px;
    display: inline-block;
    color: var(--theme-color);
    font-size: 14px;
    margin-bottom: 10px;
}

.our_solution_title_div>h1 {
    color: var(--color-dark);
    font-weight: 800;
    text-transform: capitalize;
    font-size: 33px;
}

.our_solution_title_div>h1>span {
    color: var(--theme-color);
    font-weight: 900;
}

.our_solution_main_box {
    background-color: var(--color-white);
    border-radius: 10px;
    border: 1px solid var(--theme-color5);
    height: 100%;
    padding: 4px 4px;
    overflow: hidden;
    transition: .4s ease-in-out;

}

.our_solution_img_div {
    width: 100%;
    height: 90px;
    object-fit: cover;
    margin-bottom: 10px;
    background-color: var(--theme-bg-light);
    border-radius: 10px;
    padding: 10px 0px;
    transition: .4s ease-in-out;
}

.our_solution_img_div>img {
    height: 100%;
    object-fit: contain;
    width: 100%;
    line-height: 100px;
    transition: .4s ease-in-out;
}

.our_solution_main_box:hover .our_solution_img_div>img {
    transform: scale(1.1, 1.1);
}

.our_solution_conent_div {
    text-align: center;
}

.our_solution_conent_div>strong>a {
    display: inline-block;
    color: var(--color-dark);
    font-size: 15px;
    text-transform: capitalize;
    font-weight: 600;
}

.our_solution_conent_div>strong>a:hover {
    color: var(--theme-color3);
}

.our_solution_conent_div>p {
    font-size: 13px;
    font-weight: 500;
    line-height: 25px;
    color: var(--body-text-color);
}

/* css end */

/* css start */
.about_us_section {
    padding: 55px 0px 30px 0px;

}

.about_us_image_main_div {
    width: 100%;
    margin-bottom: 20px;
}

.about_img_box {
    border-radius: 10px;
    height: 490px;
}

.about_img_box>img {
    border-radius: 10px;
    height: 100%;
    object-fit: cover;
}

.about_us_content_div {
    margin-bottom: 20px;
}

.about_us_content_div>span {
    background-color: var(--theme-color5);
    font-weight: 600;
    border-radius: 100px;
    display: inline-block;
    color: var(--theme-color);
    font-size: 14px;
    margin-bottom: 13px;
}

.about_us_content_div>h2 {
    color: var(--color-dark);
    font-weight: 900;
    text-transform: capitalize;
    font-size: 27px;
    margin-bottom: 15px;
}

.about_us_content_div>h2>span {
    color: var(--theme-color);
    font-weight: 900;
    display: block;
}

.about_us_content_div>p {
    font-size: 14px;
    font-weight: 400;
    line-height: 27px;
    color: var(--body-text-color);
}

.about_us_content_div>ul {
    list-style: none !important;
    margin-top: 11px;
}

.about_us_content_div>ul>li {
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    color: var(--body-text-color);
}

.read_btn_div {
    margin-top: 20px;
}

.read_btn_div>a {
    background-color: var(--theme-color4);
    padding: 10px 20px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 600;
    color: var(--theme-color);
}

.read_btn_div>a:hover {
    background-color: var(--theme-color);
    color: var(--color-white) !important;
    border-radius: 10px;
}

.about_counter_items_main_div {
    text-align: center;
    background-color: var(--theme-bg-light);
}

.about_item_box {
    padding: 15px 0px;
    border-bottom: 1px solid var(--theme-color5);
    margin-bottom: 12px;
}

.number_item_div {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin-bottom: 8px;
}

.number_item_div>h2 {
    font-weight: 600;
    font-size: 35px;
    margin-bottom: 0px !important;
    color: var(--theme-color);

}

.number_item_div>span {
    font-size: 30px;
    color: var(--theme-color3);
}

.about_item_box>h3 {
    font-size: 16px;
    font-weight: 900;
    color: var(--color-dark);
}

/* css end */


/* how we work section start */
.how_to_work_section {
    background-color: var(--theme-bg-light);
    padding: 40px 0px;
}

.how_to_work_title_div {
    text-align: center;
    margin-bottom: 30px;
}

.how_to_work_title_div>span {
    background-color: var(--theme-color5);
    padding: 5px 20px;
    font-weight: 600;
    border-radius: 100px;
    display: inline-block;
    color: var(--theme-color);
    font-size: 14px;
    margin-bottom: 13px;
}

.how_to_work_title_div>h3 {
    color: var(--color-dark);
    font-weight: 900;
    text-transform: capitalize;
    font-size: 28px;
    margin-bottom: 15px;
}

.how_to_work_title_div>h3 strong {
    color: var(--theme-color);
    font-weight: 900;
    text-transform: capitalize;
    font-size: 28px;
    margin-bottom: 15px;
}

.how_to_work_main_div_box {
    border: 1px solid var(--color-white);
    height: 100%;
    padding: 20px 30px;
    border-radius: 10px;
    background-color: var(--color-white);
}

.how_to_work_main_div_box>h3 {
    text-transform: capitalize;
    font-size: 19px;
    font-weight: 800;
    margin-bottom: 8px;
}

.how_to_work_main_div_box>p {
    color: var(--body-text-color);
    font-size: 14px;
    font-weight: 400;
    line-height: 25px;
}

.how_to_work_image_div {
    height: 50px;
    margin-bottom: 10px;
}

.how_to_work_image_div>img {
    height: 50px;
}

/* how we work section end */

/* css start */
.products_section {
    padding: 40px 0px 25px 0px;
    background-color: var(--color-white);
}

.products_title_div {
    text-align: center;
    margin-bottom: 30px;
}

.products_title_div>span {
    background-color: var(--theme-color5);
    padding: 5px 20px;
    font-weight: 600;
    border-radius: 100px;
    display: inline-block;
    color: var(--theme-color);
    font-size: 14px;
    margin-bottom: 13px;
}

.products_title_div>h4 {
    color: var(--color-dark);
    font-weight: 900;
    text-transform: capitalize;
    font-size: 35px;
    margin-bottom: 6px;
}

.products_title_div>h4>span {
    color: var(--theme-color2);
}

.products_title_div>p {
    color: var(--color-dark);
    font-size: 15px;
    font-weight: 500;
}

.products_main_div_box {
    background-color: var(--color-white);
    border: 1px solid var(--theme-bg-light);
    height: 100%;
    box-shadow: rgb(187 190 193 / 12%) 0px 8px 24px;
    border-radius: 10px;
    padding: 5px;
    transition: .4s ease-in-out;
}

.product_img_div {
    margin-bottom: 12px;
    border-radius: 10px 10px 0px 0px;
    overflow: hidden;
    transition: .4s ease-in-out;
}

.product_img_div>img {
    border-radius: 10px 10px 0px 0px;
    transition: .4s ease-in-out;
}

.products_main_div_box:hover>.product_img_div>img {
    transform: scale(1.1, 1.1);
}

.products_content_div {
    padding: 5px 10px 10px 10px;
    transition: .5s ease-in-out;
}

.products_content_div>a>h4 {
    color: var(--color-dark);
    font-size: 18px;
    font-weight: 800;
    margin-bottom: 7px;
    transition: .5s ease-in-out;
    text-transform: capitalize;
}

.products_content_div>a>h4:hover {
    color: var(--theme-color);
    transition: .5s ease-in-out;
}

.products_content_div>a>p {
    color: var(--body-text-color);
    font-size: 14px;
    font-weight: 400;
    line-height: 25px;
    margin-bottom: 0px !important;
}

.products_content_div>a>span {
    display: inline-block;
    margin-top: 12px;
    background-color: var(--theme-color4);
    padding: 5px 15px;
    color: var(--color-dark);
    font-weight: 600;
    border-radius: 5px;
    font-size: 14px;
    margin-bottom: 5px;
    transition: .4s ease-in-out;
}

.products_content_div>a>span:hover {
    background-color: var(--theme-color);
    color: var(--color-white);
    transition: .4s ease-in-out;
}

/* css end */


/* clinet css start */
.clients_section {
    padding: 30px 0px 40px 0px;
    background-color: var(--color-gray);
}

.clients_title_div {
    text-align: center;
    margin-bottom: 30px;
}

.clients_title_div>h4 {
    color: var(--color-dark);
    font-weight: 900;
    text-transform: capitalize;
    font-size: 32px;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
    margin-bottom: 0px !important;
}

.clients_title_div>h4>strong {
    color: var(--theme-color);
    font-weight: 900;
    text-transform: capitalize;
    font-size: 32px;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
    margin-bottom: 0px !important;
}

.clients_title_div>h1 i.fa-motorcycle {
    display: inline-block;
    animation: scootyMove 3s linear infinite;
    font-size: 25px;
    color: var(--theme-color);
}

@keyframes scootyMove {
    0% {
        transform: translateX(0);
    }

    50% {
        transform: translateX(10px);
    }

    /* move 10px right */
    100% {
        transform: translateX(0);
    }

    /* back to start */
}

.clinet_image_div {
    background-color: var(--color-white);
    text-align: center;
    border-radius: 10px;
}

/* client css end */


/* css start */
.industry_we_serve_section {
    padding: 50px 0px 70px 0px;
    background-color: var(--color-white);
}

.industry_title_div {
    text-align: center;
    margin-bottom: 25px;
}

.industry_title_div>span {
    background-color: var(--theme-color5);
    padding: 5px 20px;
    font-weight: 600;
    border-radius: 100px;
    display: inline-block;
    color: var(--theme-color);
    font-size: 14px;
    margin-bottom: 10px;
}

.industry_title_div>h4 {
    color: var(--color-dark);
    font-weight: 900;
    text-transform: capitalize;
    font-size: 35px;
    margin-bottom: 10px;
}

.industry_title_div>h4>span {
    color: var(--theme-color);
    font-weight: 900;
}

.industry_title_div>p {
    color: var(--color-dark);
    font-size: 15px;
    font-weight: 500;
}

.industry_we_serve_main_box {
    background-color: var(--theme-bg-light);
    padding: 20px 20px;
    border-radius: 10px;
    text-align: center;
    height: 100%;
}

.industry_we_serve_img_div {
    height: 40px;
    width: 100%;
    margin-bottom: 15px;
    object-fit: contain;
}

.industry_we_serve_img_div>img {
    height: 100%;
    width: 100%;
    display: block;
    object-fit: contain;
}

.industry_we_serve_conent_div>h4 {
    color: var(--color-dark);
    font-size: 16px;
    font-weight: 700;
    text-transform: capitalize;
}

/* css end */


/* css start */

.whychoose_us_section {
    padding: 20px 0px 50px 0px;
}

.whychoose_us_left_main_div>span {
    background-color: var(--theme-color5);
    padding: 5px 20px;
    font-weight: 600;
    border-radius: 100px;
    display: inline-block;
    color: var(--theme-color);
    font-size: 14px;
    margin-bottom: 13px;
}

.whychoose_us_left_main_div>h4 {
    color: var(--color-dark);
    font-weight: 900;
    text-transform: capitalize;
    font-size: 30px;
    margin-bottom: 7px;
}

.whychoose_us_left_main_div>h4>span {
    color: var(--theme-color2);
}

.whychoose_us_left_main_div>p {
    color: var(--color-dark);
    font-size: 14px;
    font-weight: 500;
}

.why_choose_us_list_main_div {
    position: relative;
    padding-left: 40px;
    margin-top: 40px;
}

.why_choose_us_list_main_div::before {
    content: "";
    position: absolute;
    left: 135px;
    top: 35px;
    bottom: 35px;
    width: 2px;
    background: #63b8f730;
}

.item_main_div_whyus {
    display: flex;
    align-items: flex-start;
    gap: 50px;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 28px;
    border-bottom: 1px solid var(--theme-color5);
}

.item_main_div_whyus:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border: none;
}

.item_main_div_whyus::before {
    content: "";
    position: absolute;
    left: 90px;
    top: 37px;
    width: 10px;
    height: 10px;
    background: var(--theme-color);
    border-radius: 50%;
    z-index: 2;
}


.item_whyus_icon {
    width: 74px;
    min-width: 74px;
    height: 74px;
    border-radius: 50%;
    background: var(--color-white);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 8px 30px rgba(0, 0, 0, .08);
    transition: .4s;
    position: relative;
    z-index: 5;
}

.item_whyus_icon>img {
    width: 38px;
}

.item_main_div_whyus:hover>.item_whyus_icon {
    background: var(--theme-color5);
    transform: translateY(-6px);
}


.whyus_content_div>h4 {
    font-size: 20px;
    font-weight: 800;
    color: var(--color-dark);
    margin-bottom: 7px;
}

.whyus_content_div>p {
    font-weight: 500;
    color: var(--body-text-color);
    font-size: 14px;
    line-height: 25px;
    margin-bottom: 0px !important;
}

.why_image_right_div {
    border-radius: 10px;
    position: sticky;
    top: 120px;
}

.why_image_right_div>img {
    border-radius: 10px;
}

/* css end */

/* testimonials css start */

.testmonials_section {
    background-color: var(--color-white);
    padding-top: 45px;
    padding-bottom: 35px;
}

.title_testimonials_div {
    margin-bottom: 30px;
    text-align: center;
}

.title_testimonials_div>span {
    background-color: var(--theme-color5);
    padding: 5px 20px;
    font-weight: 600;
    border-radius: 100px;
    display: inline-block;
    color: var(--theme-color);
    font-size: 14px;
    margin-bottom: 13px;
}

.title_testimonials_div>h4 {
    font-weight: 800;
    text-transform: capitalize;
    font-size: 32px;
    margin-bottom: 10px;
}

.title_testimonials_div>h4>strong {
    font-weight: 800;
    text-transform: capitalize;
    font-size: 32px;
    margin-bottom: 10px;
    color: var(--theme-color);
}

.title_testimonials_div>p {
    color: var(--color-dark);
    font-weight: 500;
    font-size: 14px;
}


.testimonials_swiper_slider .swiper-slide {
    background-color: var(--color-white);
    border-radius: 10px;
    position: relative;
    border: 1.3px solid var(--theme-color4) !important;

}


.testimonials_swiper_slider .swiper-slide-active {
    background-color: var(--theme-bg-light);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.testimonials_contnet_main_div {
    padding: 30px 50px;


}

.testimonials_contnet_main_div>h4 {
    color: var(--primary-color);
    font-weight: 900;
    font-size: 25px;
    margin-bottom: 10px;
}

.rataing_div {
    margin-bottom: 10px;
}

.rataing_div>i {
    color: var(--theme-color);
    font-size: 15px;
    margin: 0px 2px 0px 0px;
}

.testimonials_contnet_main_div>p {
    color: var(--body-text-color);
    font-weight: 400;
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 10px !important;
}

.testimonials_user_div {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 20px;
}

.testimonials_user_div>.username_testi {
    flex-shrink: 0;
    height: 50px;
    width: 50px;
    line-height: 50px;
    object-fit: cover;
    border: 1px solid var(--theme-color3);
    border-radius: 100px;
}


.testimonials_user_div>.username_testi>img {
    flex-shrink: 0;
    height: 50px;
    width: 50px;
    line-height: 50px;
    object-fit: cover;
    border-radius: 100px;
}

.testimonials_user_div>.testimonials_username>h4 {
    color: var(--theme-color);
    font-weight: 800;
    text-transform: capitalize;
    margin-bottom: 0px !important;
    font-size: 18px;

}


.quote_div {
    position: absolute;
    top: 20px;
    right: 20px;
}

.quote_div>i {
    font-size: 30px;
    color: var(--theme-color);
}

/* testimonials css end */

/* blogs css start */


.blog_section {
    background-color: var(--color-white);
    padding-top: 45px;
    padding-bottom: 45px;
}

.title_blogs_div {
    margin-bottom: 40px;
    text-align: center;
}

.title_blogs_div>span {
    background-color: var(--theme-color5);
    padding: 5px 20px;
    font-weight: 600;
    border-radius: 100px;
    display: inline-block;
    color: var(--theme-color);
    font-size: 14px;
    margin-bottom: 13px;
}

.title_blogs_div>h4 {
    font-weight: 800;
    text-transform: capitalize;
    font-size: 32px;
    margin-bottom: 10px;
}

.title_blogs_div>h4>span {
    color: var(--theme-color);
}

.title_blogs_div>p {
    color: var(--color-dark);
    font-weight: 500;
    font-size: 14px;
}


.blogs_main_div_box {
    background: var(--color-white);
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid var(--theme-color5);
    transition: .4s;
    height: 100%;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .05);
}


.blogs_image_div {
    overflow: hidden;
}

.blogs_image_div>img {
    width: 100%;
    object-fit: cover;
    transition: .5s;
}

.blogs_main_div_box:hover>.blogs_image_div>img {
    transform: scale(1.08);
}

.blogs_content_div {
    padding: 10px 10px;
}

.blog_meta {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    font-size: 14px;
}

.blog_meta .category {
    background: var(--theme-bg-light);
    color: var(--theme-color2);
    padding: 6px 15px;
    border-radius: 10px;
    font-weight: 600;
    font-size: 14px;
}

.blogs_content_div>h3 {
    font-size: 18px;
    line-height: 1.3;
    margin-bottom: 10px;
    font-weight: 700;
    color: var(--color-dark);
    font-family: var(--body-font);
}

.blogs_content_div>p {
    color: var(--body-text-color);
    line-height: 25px;
    font-size: 14px;
    margin-bottom: 12px;
    font-weight: 400;
}

.blogs_content_div>a {
    color: var(--theme-color);
    text-decoration: none;
    font-weight: 500;
    background: var(--theme-bg-light);
    padding: 10px 20px;
    font-size: 15px;
    border-radius: 10px;
    border: 1px solid var(--theme-color);
}

.blogs_content_div>a:hover {
    color: var(--color-white);
    background-color: var(--theme-color) !important;
}

.blogs_content_div>a i {
    margin-left: 5px;
}

/* blogs css end */

/* faq css start */

.faq_section {
    position: relative;
    padding: 40px 0px 70px;
    background: linear-gradient(to bottom, var(--theme-bg-light2), #ffffff);
    overflow: visible !important;

}


.faq_main_title_div {
    margin-bottom: 30px;
    text-align: center;
}


.faq_main_title_div {
    margin-bottom: 30px;
    text-align: center;
}

.faq_main_title_div>span {
    background-color: var(--theme-color5);
    padding: 5px 20px;
    font-weight: 600;
    border-radius: 100px;
    display: inline-block;
    color: var(--theme-color);
    font-size: 14px;
    margin-bottom: 13px;
}

.faq_main_title_div>h4 {
    font-weight: 800;
    text-transform: capitalize;
    font-size: 32px;
    margin-bottom: 10px;
}

.faq_main_title_div>h4>span {
    color: var(--theme-color);
}

.faq_main_title_div>p {
    color: var(--color-dark);
    font-weight: 500;
    font-size: 14px;
}


/* title */
.faq_title_div {
    position: sticky;
    top: 130px;
}

.faq_title_div>strong {
    color: var(--theme-color);
    font-size: 15px;
    font-weight: 600;
}

.faq_title_div>h4 {
    font-size: 35px;
    line-height: 54px;
    font-weight: 900;
    color: var(--color-dark);
    margin-bottom: 10px;

}

.faq_title_div>h4>span {
    color: var(--theme-color);
    position: relative;
}

/* .faq_title_div > h4 > span::after{
    content: "";
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 100%;
    height: 4px;
    background: var(--theme-color);
    border-radius: 10px;
} */

.faq_title_div>p {
    font-size: 15px;
    line-height: 29px;
    color: var(--color-dark);
    margin-bottom: 30px;
    font-weight: 500;
}

/* image */

.faq_img_fiv {
    border-radius: 30px;
    overflow: hidden;
}

.faq_img_fiv>img {
    width: 100%;
    /* height: 265px; */
    transition: 0.5s ease;
    /* mix-blend-mode: multiply !important; */
    object-fit: contain;
}

.faq_img_pro {
    border-radius: 30px;
    overflow: hidden;
}

.faq_img_pro>img {
    width: 100%;
    height: 265px;
    transition: 0.5s ease;
    /* mix-blend-mode: multiply !important; */
    object-fit: contain;
}

/* accordion */

.faq_main_div .accordion-item {
    border: none !important;
    background: transparent;
    margin-bottom: 18px;
    border-radius: 18px !important;
    overflow: hidden;
    box-shadow: 0px 10px 35px rgba(0, 0, 0, 0.05);
}

.faq_main_div .accordion-button {
    background: var(--color-white) !important;
    padding: 24px 28px !important;
    box-shadow: none !important;
    border: none !important;
    outline: none !important;
    font-size: 16px;
    font-weight: 600;
    color: var(--color-dark) !important;
    font-family: var(--body-font);
    transition: 0.4s ease;
    text-transform: capitalize;
}

.faq_main_div .accordion-button:not(.collapsed) {
    background: var(--theme-color5) !important;
    color: var(--theme-color) !important;
}

.faq_main_div .accordion-button i {
    margin-left: auto;
    font-size: 15px;
    transition: 0.4s ease;
}

.faq_main_div .accordion-button:not(.collapsed) i {
    transform: rotate(180deg);
}

/* remove bootstrap default icon */

.accordion-button::after {
    display: none !important;
}

/* body */

.faq_main_div .accordion-body {
    background: var(--color-white);
    padding: 5px 28px 24px !important;
    font-size: 14px;
    line-height: 29px;
    color: var(--body-text-color);
    font-weight: 500;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
}

/* hover effect */

.faq_main_div .accordion-item:hover {
    transform: translateY(-4px);
    transition: 0.4s ease;
}

/*  */


/* breadcrumb css start */

.breadcrumb_title_section {
    position: relative;
    padding: 50px 0;
    overflow: hidden;
    background: url("../images/breadcrumb01.png") center center/cover no-repeat;
    z-index: 1;
}

.breadcrumb_title_section::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgb(124 124 124 / 92%) 0%, rgb(0 19 36 / 75%) 50%, rgb(119 127 135 / 92%) 100%);
    z-index: -1;
}


.breadcrumb_data_main_div {
    text-align: center;
    z-index: 2;
}

.breadcrumb_data_main_div>h1 {
    color: var(--theme-bg-light);
    font-weight: 900;
    text-transform: capitalize;
    font-size: 34px;
    margin-bottom: 15px;
}

.breadcrumb_data_main_div>ul {
    list-style: none !important;
    padding: 0px !important;
    margin: 0px !important;

}

.breadcrumb_data_main_div>ul>i {
    font-size: 13px;
    color: var(--theme-bg-light);
}


.breadcrumb_data_main_div>ul>li {
    list-style: none !important;
    display: inline-block;
    text-transform: capitalize;
    margin: 0px 7px 0px 7px;
    font-weight: 600;
    font-size: 15px;
    color: var(--theme-bg-light);
}

.breadcrumb_data_main_div>ul>li>a {
    color: var(--theme-bg-light);
    font-weight: 600;
    font-size: 15px;
    text-transform: capitalize;
}


/* breadcrumb css end */


/* contact us css start */
.contact_section {
    padding: 70px 0px 30px 0px;
    background-image: url(../images/contactbg.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.contact_title {
    text-align: center;
    max-width: 800px;
    margin: auto;
    margin-bottom: 60px;
}

.contact_title span {
    color: var(--theme-color2);
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 3px;
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: 10px;
    position: relative;
}

.contact_title>span::before {
    content: '';
    width: 60px;
    height: 1px;
    background-color: var(--theme-color2);
    position: absolute;
    top: 14px;
    left: -80px;

}


.contact_title>span::after {
    content: '';
    width: 60px;
    height: 1px;
    background-color: var(--theme-color2);
    position: absolute;
    top: 14px;
    right: -80px;

}

.contact_title h2 {
    font-size: 35px;
    font-weight: 800;
    color: var(--color-black);
    margin-bottom: 15px;
    text-transform: capitalize;
    line-height: 1;
}

.contact_title p {
    font-size: 15px;
    color: var(--color-dark);
    line-height: 30px;
    font-weight: 500;
}

/* ===================
   Contact Info Card
=================== */

.contact_info_card {
    background: #fff;
    border: 1px solid #dfedf3;
    border-radius: 20px;
    padding: 25px;
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 30px;
    transition: .4s;
}

.contact_info_card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, .08);
}

.contact_icon {
    width: 80px;
    height: 80px;
    min-width: 80px;
    border-radius: 50%;
    background: #f3fbff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.contact_icon i {
    font-size: 30px;
    color: var(--theme-color);
}

.contact_info_card h4 {
    color: var(--theme-color);
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 8px;
}

.contact_info_card p {
    margin: 0;
    color: var(--body-text-color);
    line-height: 28px;
    font-weight: 500;
    font-size: 14px;
}

.contact_info_card p a {
    margin: 0;
    color: var(--body-text-color);
    line-height: 28px;
    font-weight: 500;
    font-size: 14px;
}

.contact_info_card p a:hover {
    margin: 0;
    color: var(--theme-color);
    line-height: 28px;
    font-weight: 500;
    font-size: 14px;
}

/* ===================
   Contact Form
=================== */

.contact_form_box {
    background: var(--color-white);
    border: 1px solid #dfebf3;
    border-radius: 25px;
    padding: 40px 40px 30px 40px;
    height: 100%;
}

.form_title {
    text-align: center;
    margin-bottom: 35px;
}

.form_title h3 {
    font-size: 30px;
    color: var(--theme-color);
    font-weight: 700;
    margin: 0;
    text-transform: capitalize;
}

.contact_form_box .form-control {
    height: 60px;
    border-radius: 12px;
    border: 1px solid #dfebf3;
    padding: 0 20px;
    box-shadow: none;
    font-size: 15px;
}

.contact_form_box textarea.form-control {
    height: auto;
    padding-top: 15px;
}

.contact_form_box .form-control:focus {
    border-color: var(--theme-color);
    box-shadow: none;
}

.theme_btn {
    border: none;
    padding: 15px 45px;
    border-radius: 50px;
    background: linear-gradient(135deg, #8ad8f0, var(--theme-color));
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    transition: .4s;
}

.theme_btn:hover {
    transform: translateY(-3px);
}


.contact_us_map_div {
    margin-top: 20px;
}

/* contact us css end */


/* sitemap css start */
.sitemap_section {
    padding: 70px 0px 50px 0px;
    background: var(--color-white);
}

.sitemap_title {
    text-align: center;
    max-width: 800px;
    margin: auto;
    margin-bottom: 50px;
}

.sitemap_title>span {
    color: var(--theme-color2);
    letter-spacing: 3px;
    font-weight: 600;
    text-transform: capitalize;
    display: inline-block;
    margin-bottom: 4px !important;
}

.sitemap_title>h2 {
    font-size: 35px;
    color: var(--color-black);
    font-weight: 800;
    margin-bottom: 10px !important;
    text-transform: capitalize;
}

.sitemap_title>p {
    color: var(--color-dark);
    line-height: 32px;
    font-size: 15px;
    font-weight: 500;
}

.sitemap_card {
    display: block;
    text-align: center;
    padding: 40px 25px;
    background: var(--color-white);
    border: 1px solid var(--border-info-color3);
    border-radius: 20px;
    text-decoration: none;
    transition: .4s;
}

.sitemap_card:hover {
    box-shadow: 0 15px 35px rgba(0, 0, 0, .08);
}

.sitemap_card>a>i {
    width: 90px;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    border-radius: 50%;
    background: var(--theme-bg-light2);
    color: var(--theme-color2);
    font-size: 35px;
}

.sitemap_card>a>h4 {
    margin: 25px 0 15px;
    color: var(--color-dark);
    font-size: 26px;
    font-weight: 800;
}

.sitemap_card>a>span {
    color: var(--theme-color2);
    font-size: 20px;
    display: inline-block;
}

.sitemap_bottom_section {
    margin-top: 70px;
}

.sitemap_list_div {
    background: var(--color-white);
    border: 1px solid var(--border-info-color3);
    border-radius: 18px;
    padding: 20px 20px;
    height: 100%;
    position: relative;
}

.sitemap_list_div2 {
    height: 400px;
    overflow: auto !important;
}

.sitemap_list_div>h4 {
    font-size: 26px;
    font-weight: 900;
    color: var(--color-dark);
    margin-bottom: 30px;
    position: relative;
    display: inline-block;
}

.sitemap_list_div>h4::after {
    content: "";
    width: 70px;
    height: 2px;
    background: var(--theme-color3);
    position: absolute;
    left: 40px;
    border-radius: 10px;
    bottom: -10px;
    transform: translateX(-50%);
}

.sitemap_list_div>ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.sitemap_list_div>ul>li {
    margin-bottom: 15px;
}

.sitemap_list_div>ul>li>a {
    text-decoration: none;
    color: var(--body-text-color);
    font-size: 15px;
    font-weight: 500;
    transition: .3s;
    text-transform: capitalize;
}

.sitemap_list_div>ul>li>a:hover {
    color: var(--theme-color2);
    padding-left: 5px;
}

.sitemap_list_div>ul>li>i {
    color: var(--theme-color2);
    margin-right: 10px;
}

.sitemap_contact_item {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin-bottom: 25px;
}

.sitemap_contact_icon {
    width: 55px;
    height: 55px;
    min-width: 55px;
    border: 1px solid #dfebf3;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sitemap_contact_icon>i {
    color: var(--theme-color2);
    font-size: 20px;
}

.sitemap_contact_item>.sitemap_content_data>h5 {
    margin-bottom: 5px;
    color: var(--color-dark);
    font-weight: 900;
    font-size: 20px;
}

.sitemap_contact_item>.sitemap_content_data>p {
    margin: 0;
    color: var(--body-text-color);
    font-weight: 500;
    font-size: 15px;
    line-height: 28px;
}

.sitemap_contact_item>.sitemap_content_data>p>a {
    margin: 0;
    color: var(--body-text-color);
    font-weight: 500;
    font-size: 15px;
    line-height: 28px;
}

.sitemap_contact_item>.sitemap_content_data>p>a:hover {
    margin: 0;
    color: var(--theme-color);
    font-weight: 500;
    font-size: 15px;
    line-height: 28px;
}

.thank_you_box {
    margin-top: 35px;
    background: var(--theme-bg-light2);
    border-radius: 20px;
    padding: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    text-align: center;
}

.thank_icon {
    width: 70px;
    height: 70px;
    border: 2px solid var(--border-info-color3);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.thank_icon i {
    color: var(--theme-color2);
    font-size: 28px;
}

.thank_you_box>.thnk_u_div>h3 {
    color: var(--theme-color2);
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 10px;
}

.thank_you_box>.thnk_u_div>p {
    color: var(--body-text-color);
    margin-bottom: 10px;
    font-weight: 500;
    font-size: 15px;
}

.thank_you_box>.thnk_u_div>span {
    color: var(--color-dark);
    font-size: 15px;
    font-weight: 600;
}


/* sitemap css end */


/* all blogs css start */

.all_blogs_section {
    padding: 60px 0px 50px 0px;
}


.allblogs_title {
    text-align: center;
    max-width: 800px;
    margin: auto;
    margin-bottom: 40px;
}

.allblogs_title span {
    color: var(--theme-color2);
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 3px;
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: 10px;
    position: relative;
}

.allblogs_title>span::before {
    content: '';
    width: 60px;
    height: 1px;
    background-color: var(--theme-color2);
    position: absolute;
    top: 14px;
    left: -80px;

}


.allblogs_title>span::after {
    content: '';
    width: 60px;
    height: 1px;
    background-color: var(--theme-color2);
    position: absolute;
    top: 14px;
    right: -80px;

}

.allblogs_title h2 {
    font-size: 35px;
    font-weight: 800;
    color: var(--color-dark);
    margin-bottom: 15px;
    text-transform: capitalize;
    line-height: 1;
}


.allblogs_title h2 strong {
    font-size: 35px;
    font-weight: 800;
    color: var(--theme-color);
    margin-bottom: 15px;
    text-transform: capitalize;
    line-height: 1;
}

.allblogs_title p {
    font-size: 15px;
    color: var(--body-text-color);
    line-height: 30px;
    font-weight: 500;
}

.blog_tabs .nav {
    gap: 15px;
}

.blog_tabs .nav-link {
    border: 1px solid #f2dbe2;
    border-radius: 50px;
    padding: 12px 30px;
    background: var(--color-white);
    color: var(--body-text-color);
    font-weight: 600;
    transition: .4s;
    font-size: 15px;
}

.blog_tabs .nav-link.active {
    background: var(--theme-color2);
    color: var(--color-white);
    border-color: var(--theme-color2)
}

.blog_card {
    background: var(--color-white);
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid #f5e4e8;
    transition: .4s;
    height: 100%;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .05);
}


.blog_img {
    overflow: hidden;
}

.blog_img img {
    width: 100%;
    /* height:280px; */
    object-fit: cover;
    transition: .5s;
}

.blog_card:hover img {
    transform: scale(1.08);
}

.blog_content {
    padding: 15px 20px;
}

.blog_meta {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
    font-size: 14px;
}

.blog_meta .category {
    background: #fff2f5;
    color: var(--theme-color2);
    padding: 6px 15px;
    border-radius: 30px;
    font-weight: 600;
}

.blog_content h3 {
    font-size: 20px;
    line-height: 1.3;
    margin-bottom: 12px;
    font-weight: 600;
    color: var(--color-dark);
    font-family: var(--body-font);
}

.blog_content p {
    color: var(--body-text-color);
    line-height: 1.8;
    margin-bottom: 12px;
    font-weight: 400;
}

.blog_content a {
    color: var(--color-dark);
    text-decoration: none;
    font-weight: 500;
    background: #fff2f5;
    padding: 10px 20px;
    font-size: 15px;
    border-radius: 100px;
}

.blog_content a i {
    margin-left: 5px;
}

/* all blogs css end */



/* blog dt css start */
.blog_details_section {
    padding: 65px 0;
    background: var(--color-white);
}

.blog_heading {
    max-width: 900px;
    margin-bottom: 50px;
}

.blog_heading>h2 {
    font-size: 28px;
    color: var(--color-dark);
    font-weight: 600;
    font-family: var(--body-font);
    margin: 15px 0px;
}

.blog_heading>p {
    color: var(--body-text-color);
    line-height: 26px;
    font-size: 14px;
    font-weight: 500;
}

.blog_meta {
    display: flex;
    justify-content: start;
    gap: 20px;
    flex-wrap: wrap;
    align-items: center;
}

.blog_meta>span {
    background: #ffe8ef;
    color: var(--theme-color2);
    padding: 8px 18px;
    border-radius: 50px;
    display: inline-block;
    font-weight: 500;
}


.share_icons {
    position: sticky;
    top: 120px;
}

.share_icons>a {
    width: 50px;
    height: 50px;
    border: 1px solid var(--border-info-color3);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
    color: var(--theme-color2);
}


.featured_image>img {
    width: 100%;
    border-radius: 20px;
}

.blog_content {
    margin-top: 20px;
}

.blog_step {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 20px;
}

.blog_step>span {
    width: 35px;
    height: 35px;
    background: var(--theme-color2);
    color: var(--color-white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.blog_step>h2 {
    margin-bottom: 0px !important;
    font-weight: 700;
    font-size: 25px;
}

.blog_content>p {
    color: var(--body-text-color);
    line-height: 26px;
    font-size: 14px;
    font-weight: 500;
}

.quote_box {
    background: var(--theme-bg-light2);
    border-left: 5px solid var(--theme-color2);
    padding: 25px;
    border-radius: 5px;
    margin-bottom: 25px;
    font-style: italic;
    color: var(--body-text-color);
    font-size: 14px;
    font-weight: 600;
}

.blog_content>img {
    width: 100%;
    border-radius: 20px;
    margin: 25px 0;
}

.blog_tags {
    margin-top: 30px;
}

.blog_tags>a {
    display: inline-block;
    padding: 8px 15px;
    background: var(--theme-bg-light2);
    color: var(--theme-color2);
    border-radius: 50px;
    text-decoration: none;
    margin: 5px;
    font-weight: 500;
    font-size: 14px;
}

.recent_blog_sidebar {
    background: #fff;
    padding: 20px;
    border-radius: 15px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, .08);
    position: sticky;
    top: 120px;
}

.recent_blog_sidebar h4 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 20px;
    border-bottom: 2px solid #eee;
    padding-bottom: 12px;
    color: var(--color-dark);
}

.recent_blog_content p {
    font-size: 15px;
    line-height: 22px;
    color: var(--body-text-color);
    margin-bottom: 8px;
    font-weight: 600;
    transition: .3s;
}

.recent_blog_item {
    display: flex;
    gap: 12px;
    margin-bottom: 18px;
    padding-bottom: 18px;
    border-bottom: 1px solid #eee;
    text-decoration: none;
    transition: .3s;
}

.recent_blog_item:last-child {
    margin-bottom: 0;
    border-bottom: 0;
    padding-bottom: 0;
}

.recent_blog_img {
    width: 90px;
    min-width: 90px;
    height: 75px;
    border-radius: 10px;
    overflow: hidden;
}

.recent_blog_img img {
    width: 100%;
    height: auto;
    object-fit: cover;
    transition: .4s;
}

.recent_blog_item:hover .recent_blog_img img {
    transform: scale(1.08);
}

.recent_blog_content h5 {
    font-size: 15px;
    line-height: 22px;
    color: #222;
    margin-bottom: 8px;
    font-weight: 600;
    transition: .3s;
}

.recent_blog_content span {
    font-size: 13px;
    color: var(--theme-color);
    font-weight: 600;
}

.recent_blog_item:hover .recent_blog_content h5 {
    color: var(--theme-color);
}


/* blog dt css end */


/* css start */
.content_category_section {
    padding: 20px 0px 40px 0px;
    background-color: var(--color-white);
    border-top: 1px solid var(--theme-bg-light);
}

.content_category_data>span {
    color: var(--theme-color2);
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 6px;
    position: relative;
    display: inline-block;
    text-transform: capitalize;
}

.content_category_data>h3 {

    color: var(--color-dark);
    font-size: 27px;
    font-weight: 800;
    margin-bottom: 14px;
}

.content_category_data>p {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 15px;
    line-height: 27px;
    color: var(--body-text-color);
}


.content_category_data>p>strong {
    font-size: 14px;
}


.content_category_data>h4 {

    color: var(--color-dark);
    font-size: 25px;
    font-weight: 900;
    margin-bottom: 14px;
}

.content_category_data>ol {
    padding: 0px 20px !important;
}


.content_category_data>ol>li {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 8px;
    line-height: 27px;
    color: var(--body-text-color);
}


.content_category_data>ul {
    padding: 0px 20px !important;
    list-style: square !important;
}


.content_category_data>ul>li {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 8px;
    line-height: 27px;
    color: var(--body-text-color);
}


.content_category_data>ul>li>strong {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 8px;
    line-height: 27px;
    color: var(--body-text-color);
}

/* css end */


/* product css start */
.product_dt_page_section {
    padding: 70px 0px 50px 0px;
}

.product_dt_image_box {
    margin-bottom: 20px;
}

.product_img_div {
    border-radius: 10px;
    /* height: 350px; */
    object-fit: cover;
    width: 100%;
}

.product_img_div>img {
    border-radius: 10px;
    height: 100%;
    object-fit: cover;
    width: 100%;
}



.main_product_contnet_div>h2 {
    color: var(--theme-color2);
    font-size: 35px;
    font-weight: 800;
    margin-bottom: 15px;
    position: relative;
    display: inline-block;
    text-transform: capitalize;
}

.main_product_contnet_div>h2::before {
    content: '';
    width: 30px;
    height: 2px;
    background-color: var(--theme-color3);
    position: absolute;
    bottom: -2px;
    left: 5px;
    border-radius: 5;

}




.main_product_data_div>h3 {
    color: var(--color-dark);
    font-size: 25px;
    font-weight: 800;
    margin-bottom: 14px;
}


.main_product_data_div {
    max-height: 480px;
    overflow-y: auto;
    scroll-behavior: smooth;
    margin-bottom: 10px;
}

.main_product_data_div::-webkit-scrollbar {
    width: 6px;
}

.main_product_data_div::-webkit-scrollbar-thumb {
    background: var(--theme-bg-light2);
    border-radius: 5px;
}

.main_product_data_div::-webkit-scrollbar-thumb:hover {
    background: var(--theme-color4);
}


.main_product_data_div>p {
    font-size: 14px;
    font-weight: 400;
    font-weight: 500;
    margin-bottom: 15px;
    line-height: 27px;
    color: var(--body-text-color);
}

.feature_list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

.feature_item {
    font-size: 14px;
    font-weight: 400;
    font-weight: 500;
    margin-bottom: 8px;
    line-height: 27px;
    color: var(--body-text-color);
}

.feature_item i {
    color: var(--theme-color2);
    margin-right: 10px;
}

.whatis_resin_section {
    padding: 10px 0px 30px 0px;
}


.whatis_resin_section>.container {
    border: 1px solid var(--border-info-color3);
    border-radius: 15px;
    padding: 30px 20px 10px 20px;
}

.whatis_content_div {
    max-height: 400px;
    overflow-y: auto;
    scroll-behavior: smooth;
    margin-bottom: 10px;
}

.whatis_content_div::-webkit-scrollbar {
    width: 6px;
}

.whatis_content_div::-webkit-scrollbar-thumb {
    background: var(--theme-bg-light2);
    border-radius: 5px;
}

.whatis_content_div::-webkit-scrollbar-thumb:hover {
    background: var(--theme-color4);
}


.whatis_resin_main_div>h3 {
    color: var(--theme-color2);
    font-size: 40px;
    font-weight: 800;
    margin-bottom: 15px;
    position: relative;
    display: inline-block;
}


.whatis_resin_main_div>h3::before {
    content: '';
    width: 30px;
    height: 2px;
    background-color: var(--theme-color3);
    position: absolute;
    bottom: -2px;
    left: 5px;
    border-radius: 5;

}




.whatis_resin_main_div>h3 {
    color: var(--color-dark);
    font-size: 30px;
    font-weight: 800;
    margin-bottom: 14px;
}


.whatis_content_div>p {
    font-size: 14px;
    font-weight: 400;
    font-weight: 500;
    margin-bottom: 12px;
    line-height: 27px;
    color: var(--body-text-color);
}

.whatis_dt_image_box {
    margin-bottom: 20px;
}

.whatis_img_div {
    border-radius: 10px;
    height: 380px;
    object-fit: cover;
    width: 100%;
}

.whatis_img_div>img {
    border-radius: 10px;
    height: 380px;
    object-fit: cover;
    width: 100%;
}

/* product css end */

/* css start */

.why_choose_our_resin_section {
    background-color: var(--color-white);
    padding: 15px 0px 40px 0px;
}

.whychoose_div_title {
    /* text-align: center; */
    margin: 0 !important;
    margin-bottom: 20px;
}


.whychoose_div_title>h4 {
    color: var(--color-dark);
    font-size: 30px;
    font-weight: 900;
    margin-bottom: 15px;
    position: relative;
    display: inline-block;
    text-transform: capitalize;
    margin-top: 20px;

}


.whychoose_div_title>h4::before {
    content: '';
    width: 30px;
    height: 2px;
    background-color: var(--theme-color3);
    position: absolute;
    bottom: -2px;
    left: 5px;
    border-radius: 5;

}

.why_choose_our_resin_section p {

    font-size: 14px;
    font-weight: 400;
    font-weight: 500;
    margin-bottom: 8px;
    line-height: 27px;
    color: var(--body-text-color);
}
.why_choose_our_resin_section ul li{
    list-style: square;
    margin-left: 20px;
}

.why_choose_our_resin_section ul li p{
    font-size: 15px;
    font-weight: 500;
    color: var(--body-text-color);
}

.whychoose_main_div {
    display: block;
    text-align: center;
    padding: 30px 25px;
    background: var(--color-white);
    border: 1px solid var(--border-info-color3);
    border-radius: 20px;
    text-decoration: none;
    transition: .4s;
    height: 100%;
}

.whychoose_main_div:hover {
    box-shadow: 0 15px 35px rgba(0, 0, 0, .08);
}

.whychoose_main_div>a>i {
    width: 90px;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    border-radius: 50%;
    background: var(--theme-bg-light);
    color: var(--theme-color);
    font-size: 35px;
}

.whychoose_main_div>a>h4 {
    margin: 25px 0 15px;
    color: var(--color-dark);
    font-size: 22px;
    font-weight: 800;
}

.whychoose_main_div>a>p {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 12px;
    line-height: 27px;
    color: var(--body-text-color);
}

/* css end */


/* similar css start */

.similar_rawmaterial_section {
    padding: 40px 0px 60px 0px;
}

.title_similar_div {
    margin-bottom: 30px;
    text-align: center;
}


.title_similar_div>h4 {
    color: var(--color-dark);
    font-size: 35px;
    font-weight: 900;
    margin-bottom: 10px;
    position: relative;
    display: inline-block;
    text-transform: capitalize;
}


.title_similar_div>h4::before {
    content: '';
    width: 30px;
    height: 2px;
    background-color: var(--theme-color3);
    position: absolute;
    bottom: -2px;
    left: 5px;
    border-radius: 5;

}



.title_similar_div>h4::after {
    content: '';
    width: 30px;
    height: 2px;
    background-color: var(--theme-color3);
    position: absolute;
    bottom: -2px;
    right: 5px;
    border-radius: 10px;

}

.title_similar_div>p {
    color: var(--color-dark);
    font-weight: 500;
    font-size: 15px;
    margin: 10px 0px;

}

.slide_similar_rawmaterial_item_main_div {
    text-align: center;
    background-color: var(--color-white);
    padding: 6px;
    border-radius: 10px;
    border: 1px solid var(--border-info-color3);
}


.slide_similar_rawmaterial_image {
    margin-bottom: 12px;
    border-radius: 10px;
    object-fit: cover;
    width: 100%;
}


.slide_similar_rawmaterial_image>img {
    margin-bottom: 12px;
    border-radius: 10px;
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.similar_content_div>h3 {
    color: var(--color-dark);
    font-weight: 600;
    text-transform: capitalize;
    font-size: 16px;
    font-family: var(--body-font);
    margin-bottom: 10px !important;
    transition: .4s ease-in-out;
}

.similar_content_div>p {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 12px;
    line-height: 27px;
    color: var(--body-text-color);
}

.read_more_btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--theme-color);
    font-size: 14px;
    font-weight: 600;
    transition: .3s ease;
}

.read_more_btn i {
    transition: .3s;
}


.similar_content_div:hover>h3 {
    color: var(--theme-color);
}

.similar_content_div>h3>i {
    color: var(--theme-color);
    margin: 0px 0px 0px 6px;
    transition: .4s ease-in-out;

}

/* similar css end */


/* footer navbar css start */
.footer_navbar_fixed_div {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 999;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    background-color: var(--theme-color5);
    background-position: top right;
    background-repeat: no-repeat;
    background-size: cover;
    display: none;
}


.footer_mobile_main_div>ul {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    align-items: end;
}

.footer_mobile_main_div>ul>li {
    text-align: center;
}

.footer_mobile_main_div>ul>li>a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    color: var(--color-dark);
    padding: 10px 2px;
    gap: 4px;
    position: relative;
    min-height: 65px;
}

.footer_mobile_main_div>ul>li>a i {
    font-size: 20px;
}

.footer_mobile_main_div span {
    font-size: 12px;
    font-weight: 500;
    white-space: nowrap;
}

/* Circle */

.circle_bg {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: -22px;
    transform: translateX(-50%);
    box-shadow: 0 5px 18px rgba(0, 0, 0, .15);
    z-index: 1;
}

/* Center Item */

.center_item a {
    padding-top: 0;
}

.center_item i {
    position: absolute;
    left: 50%;
    top: -25px;
    transform: translateX(-50%);
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: var(--theme-color2);
    color: var(--color-white);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 25px;
    z-index: 2;
}

.center_item span {
    margin-top: 35px;
}

/* footer navbar css end */

/* css start */
.desktop_fixed_btn {
    position: fixed;
    bottom: 110px;
    z-index: 999;
    right: 10px;

}

.desktop_fixed_btn>a {
    text-align: center;
    color: var(--color-white) !important;
    display: inline-block;
    line-height: 40px;
    font-size: 23px;
    margin: 0px 5px 0px 0px;
    font-weight: 500;
}


.desktop_fixed_btn>a>i {
    border-radius: 10px;
    background-color: var(--whatsapp-color);
    display: inline-block;
    height: 50px;
    width: 50px;
    line-height: 50px;
    animation: pulse 1.8s infinite;
}

/* css end */

/* footer */

.footer {
    position: relative;
    overflow: hidden;
    padding: 90px 0 0;
    /* background: var(--footer-bg); */
    background-image: linear-gradient(rgba(0, 132, 199, 0.85), rgba(0, 132, 199, 0.85)),
        url("../images/footerbg01.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right center;
    background-attachment: fixed;
}

.footer::before {
    content: "";
    position: absolute;
    width: 450px;
    height: 450px;
    border-radius: 50%;
    background: rgba(247, 148, 29, .10);
    top: -220px;
    left: -150px;
    filter: blur(90px);
}

.footer::after {
    content: "";
    position: absolute;
    width: 380px;
    height: 380px;
    border-radius: 50%;
    background: rgba(22, 151, 213, .08);
    bottom: -180px;
    right: -120px;
    filter: blur(90px);
}

/*=========================
        CARD
=========================*/

.footer_usefull_link {
    position: relative;
    /* background: rgba(255,255,255,.03); */
    border: 1px solid rgba(255, 255, 255, 0.566);
    border-radius: 22px;
    padding: 30px 25px;
    /* backdrop-filter:blur(12px); */
    transition: .4s;
    overflow: hidden;
    height: 100%;
}


/*=========================
        HEADING
=========================*/

.footer_usefull_link h5 {
    color: var(--color-white);
    font-size: 24px;
    font-weight: 800;
    margin-bottom: 30px;
    padding-bottom: 15px;
    position: relative;
}

.footer_usefull_link h5::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 80px;
    height: 4px;
    border-radius: 50px;
    background-color: var(--color-white);
}

/*=========================
        LINKS
=========================*/

.footer_usefull_link ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer_usefull_link ul li {
    margin-bottom: 15px;
}

.footer_usefull_link ul li::before {
    content: "➜";
    color: var(--color-white);
    margin-right: 10px;
}

.footer_usefull_link ul li a {
    color: var(--theme-bg-light);
    transition: .3s;
    text-decoration: none;
    text-transform: capitalize;
    font-size: 14px;
}

.footer_usefull_link ul li:hover a {
    color: var(--color-gray);
    padding-left: 8px;
}

/*=========================
        MAP
=========================*/

.footer_usefull_link iframe {
    border-radius: 18px;
    border: 2px solid rgba(255, 255, 255, .08);
}

/*=========================
        SOCIAL
=========================*/

.social_icon_div_footer {
    margin-top: 25px;
}

.social_icon_div_footer p {
    color: #fff;
    margin-bottom: 15px;
}

.social_icon_div_footer a {
    width: 48px;
    height: 48px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    margin-right: 8px;
    color: #fff;
    transition: .4s;
    background: linear-gradient(135deg,
            var(--theme-color),
            var(--theme-color2));
}

.social_icon_div_footer a:hover {
    transform: translateY(-8px) rotate(-6deg);
    box-shadow: 0 15px 25px rgba(247, 148, 29, .35);
}

/*=========================
      CONTACT STRIP
=========================*/

.footer_contact_us_section {
    margin-top: 60px;
    padding: 35px 0;

}

.footer_number_div {
    border: 1px solid rgba(255, 255, 255, 0.548);
    border-radius: 22px;
    padding: 22px;
    transition: .4s;
    height: 100%;
    align-content: center;
}


.footer_number_div i {
    width: 65px;
    height: 65px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 18px;
    background-color: var(--theme-color3);
    color: #fff;
    font-size: 24px;
    transition: .4s;
}

.footer_number_div:hover i {
    transform: scale(1.08);
}

.footer_num_content_div {
    padding-left: 15px;
}

.footer_num_content_div h5 {
    color: var(--color-white);
    font-size: 18px;
    margin-bottom: 6px;
}

.footer_num_content_div p,
.footer_num_content_div a {
    color: var(--color-white);
    text-decoration: none;
    transition: .3s;
    font-size: 14px;
}

.footer_num_content_div>a {
    display: block;
    color: var(--color-white);
}

.footer_num_content_div a:hover {
    color: var(--color-gray);
}

/*=========================
      COPYRIGHT
=========================*/

.copy_right_section {
    background: var(--theme-color2);
    padding: 18px 0;
    border-top: 1px solid rgba(255, 255, 255, .08);
    text-align: center;
}

.copyright_content_div p {
    margin: 0;
    color: var(--theme-color5);
    font-size: 14px;
    font-weight: 500;
}

.copyright_content_div p a {
    color: var(--theme-color4);
    text-decoration: underline !important;
    font-weight: 500;


}

.copyright_content_div p a:hover {
    color: var(--theme-color4);
}


/* spare&service css start */

/*====================================
        Spare & Service Section
====================================*/

.spare-service-section {
    padding: 80px 0;
    position: relative;
    overflow: hidden;
    border: 1px solid #eaecec;
}

.spare-service-section:nth-child(even) {
    background: #f8fbff;
}

.spare-service-section::before {
    content: "";
    position: absolute;
    width: 220px;
    height: 220px;
    background: rgba(18, 120, 255, .04);
    border-radius: 50%;
    top: -100px;
    right: -80px;
}

/* .spare-service-section::after{
    content:"";
    position:absolute;
    width:170px;
    height:170px;
    background:rgba(18,120,255,.03);
    border-radius:50%;
    bottom:-80px;
    left:-70px;
} */

.spare-service-title-div {
    position: relative;
    z-index: 2;
}

.spare-service-title-div span {
    display: inline-block;
    position: relative;
    margin-bottom: 12px;
    font-size: 15px;
    font-weight: 500;
    color: var(--theme-color);
}

.spare-service-title-div h2 {
    margin-bottom: 18px;
    font-size: 30px;
    font-weight: 700;
    color: var(--color-dark);
}

.spare-service-title-div h2 strong {
    margin-bottom: 18px;
    font-size: 30px;
    font-weight: 700;
    color: var(--theme-color);
}

.spare-service-title-div p {
    margin-bottom: 18px;
    font-size: 14px;
    font-weight: 500;
    color: var(--body-text-color);
    line-height: 25px;
}

/*====================================
            Image
====================================*/

.spare-service-img-div {
    position: relative;
}

.spare-service-img-div::before {
    content: "";
    position: absolute;
    width: 120px;
    height: 120px;
    border: 8px solid rgba(18, 120, 255, .08);
    border-radius: 20px;
    left: -18px;
    top: -18px;
    z-index: -1;
}

.spare-service-img-div::after {
    content: "";
    position: absolute;
    width: 120px;
    height: 120px;
    border: 8px solid rgba(18, 120, 255, .08);
    border-radius: 20px;
    right: -18px;
    bottom: -18px;
    z-index: -1;
}

.spare-service-img-div img {
    width: 100%;
    border-radius: 18px;
    transition: .45s;
    border: 8px solid #fff;
    box-shadow: 0 20px 45px rgba(0, 0, 0, .12);
}

.spare-service-img-div:hover img {
    transform: scale(1.03);
}

/*====================================
          List Design
====================================*/

.spare-list {
    margin-top: 30px;
}

.spare-item {
    display: flex;
    align-items: center;
    gap: 9px;
    border-radius: 12px;
}

.spare-item i {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: rgba(18, 120, 255, .08);
    color: var(--theme-color);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.spare-item span {
    margin-left: 0 !important;
    justify-content: center;
    align-items: center;
    padding-top: 10px;
    color: var(--body-text-color);
    font-size: 15px;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 9px;
}

/*====================================
        Service Contact
====================================*/

.service_contact_section {
    padding: 80px 0;
    background: #f8fbff;
}

.service_contact_title {
    margin-bottom: 60px;
}

.service_contact_title span {
    display: inline-block;
    position: relative;
    padding-left: 60px;
}

.service_contact_title span::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 45px;
    height: 2px;
    background: var(--theme-color);
}

.service_contact_box {
    border-radius: 18px;
    overflow: hidden;
    transition: .4s;
    position: relative;
}

.service_contact_box:hover::before {
    transform: scaleY(1);
}

.service_contact_box:hover {
    transform: translateY(-10px);
    box-shadow: 0 25px 45px rgba(0, 0, 0, .12);
}

.service_contact_box .icon {
    transition: .4s;
}

.service_contact_box:hover .icon {
    transform: rotate(360deg);
}

.service_contact_box ul {
    margin-top: 15px;
}

.service_contact_box ul li {
    padding-bottom: 10px;
    border-bottom: 1px dashed #d8d8d8;
}

.service_contact_box ul li:last-child {
    border: none;
}

.service_contact_box a {
    transition: .3s;
}

.contact-item-div {
    font-size: 15px;
    font-weight: 500;
    color: var(--body-text-color);
}

.contact-item-div span {
    font-size: 14px;
    font-weight: 500;
    color: var(--body-text-color);
}

.service_contact_section {
    padding: 60px 0;
    background: #f8fbff;
}

.service_contact_title {
    margin-bottom: 30px;
}

.service_contact_title.text-start {
    text-align: left !important;
}

.service_contact_title span {
    color: var(--theme-color);
    font-size: 14px;
    font-weight: 600;
}

.service_contact_title h2 {
    margin: 10px 0 15px;
    font-size: 30px;
    font-weight: 900;
    color: var(--color-dark);
    line-height: 42px;
}

.service_contact_title h2 strong {
    font-size: 30px;
    font-weight: 900;
    color: var(--theme-color);
    line-height: 42px;
}

.service_contact_title p {
    font-size: 14px;
    font-weight: 500;
    color: var(--body-text-color);
    line-height: 25px;
}

/*=========================================
        Contact Card
=========================================*/

.service_contact_box {
    background: #fff;
    border-radius: 15px;
    padding: 35px;
    border: 1px solid rgb(211, 232, 252);
    box-shadow: 0 10px 30px rgba(0, 0, 0, .08);
    height: 100%;
    transition: .3s;
}

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

.service_contact_box .icon {
    width: 65px;
    height: 65px;
    border-radius: 50%;
    background: var(--theme-color);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    margin-bottom: 20px;
}

.service_contact_box h4 {
    margin: 10px 0 15px;
    font-size: 22px;
    font-weight: 900;
    color: var(--color-dark);
    line-height: 38px;
}

.service_contact_box p {
    margin-bottom: -25px;
    font-size: 14px;
    font-weight: 500;
    color: var(--body-text-color);
    line-height: 25px;
}

.service_contact_box p strong {
    display: block;
    margin-bottom: 5px;
}

.service_contact_box a {
    text-decoration: none;
    color: var(--body-text-color);
    transition: .3s;
}

.service_contact_box a:hover {
    color: var(--theme-color);
}

.service_contact_box hr {
    margin: 20px 0;
    border-color: #e9ecef;
}

/*=========================================
        Left Feature List
=========================================*/

.service_contact_section .spare-item {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 9px;
}

.service_contact_section .spare-item i {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 123, 255, .08);
    color: var(--theme-color);
    flex-shrink: 0;
}

.service_contact_section .spare-item span {
    margin-left: 0;
}


/* spare&service css end */