*{
    margin: 0;
    padding: 0;
}
:root{
    --body:#fff;
    --wb-black:#37322F;
    --white:#fff;
    --black:#000;
    --wb-blue:#152756;
    --border:#BABABA;
    --redirect:#999;
    --wb-light-blue:#DFE7EE;
     --paragraph:#4A4340;
     --wb-para:#DDDDDD;
     --wb-light-white:#E5EDF3;
     --wb-btn-blue:#17367F;
}
.value_wrapper p, .values p, .difference p, .vision p, .content_wrapper p, .rd_bord p {
    color: var(--paragraph);
}

/* header AND menu  */

body{background-color: var(--body);font-size: 16px;color: var(--wb-black); font-family: 'Inter', sans-serif; font-weight: 400;}
.top_header{padding: 10px; background-color: var(--wb-blue); color: var(--white); text-align: center; font-size: 14px; margin: 0;}
.top_header a {color: var(--white);text-decoration: none;}
.mmp_menu img{width: 40px;}
.bottom_manu{display: flex;align-items: center; justify-content: space-between;padding: 10px 0;}
.modal-content.custom_modal {position: fixed;top: 0;width: 400px;-webkit-transform: translate3d(0%, 0, 0);-ms-transform: translate3d(0%, 0, 0);-o-transform: translate3d(0%, 0, 0);transform: translate3d(0%, 0, 0);right: 0;border-radius: 0;border: 0;height: 100vh;}
button.btn-close.custom_close {margin: 0;border: none;}
.dropdown_menu{position: relative; cursor: pointer;}
.menu_items { display: none;}
.menu_items.show {display: block;}
.main_menu {list-style: none;padding: 0;}
ul.main_menu li a {font-size: 25px;text-decoration: none;display: block;padding: 10px 0;color: var(--wb-black);border-bottom: 1px solid ;}
ul.menu_items li a{    border-bottom: none;font-size: 20px;}
.dropdown_menu{  font-size: 25px;  padding: 10px 0;color: var(--wb-black);border-bottom: 1px solid;}
/* header AND menu  */

/* <!--------- home page  --------------!> */
.top_banner video {width: 100%;}
.trusted_partner h1{text-align: center;font-size: 34px;font-style: normal;font-weight: 700;line-height: normal;letter-spacing: 0.68px; padding-top: 35px;}
.trusted_partner, .spinning_machines, .innovation, .counters, .into_reality, .upper_partition, .connect, .get_touch, .detail_blog, .all_Industries, .allProduct, .about_banner, .about_intro, .values, .difference, .vision, .sectores, .indu_prd, .product_intro{margin-bottom: 50px;}
.trusted_partner h2{font-size: 22px;font-style: normal;font-weight: 500;line-height: normal; text-align: center;}
.trusted_partner p{text-align: center;font-style: normal;font-weight: 300;line-height: 26px; margin: 0; padding-bottom: 25px;    color: var(--paragraph);}
.horizontal{width: 400px; margin: 0 auto; color: var(--black);}
.machine_box{background-color: var(--wb-blue); padding: 40px;}
.opne_sping{color: var(--white);font-size: 32px;font-style: normal;font-weight: 600;line-height: 42px; margin-bottom: 25px;}
.rotor_ponts {color: var(--white);padding: 0;margin: 0;list-style: none;}
ul.rotor_ponts li {font-style: normal;line-height: 30px;margin-bottom: 50px;display: flex;align-items: center;max-width: 580px;}
.rotor_ponts a {color: var(--white);text-decoration: none;padding: 15px 30px;border: 1px solid;display: block;width: fit-content;}
.custom_head{text-align: center;font-size: 34px;font-style: normal;font-weight: 700;line-height: normal;letter-spacing: 0.68px; text-transform: uppercase; color: var(--black); margin:0;}
.custom_heads{text-align: center;font-size: 34px;font-style: normal;font-weight: 700;line-height: normal;letter-spacing: 0.68px; color: var(--black); margin-bottom:10px;}
.slide-machin .slick-dots, .vision-slide .slick-dots {bottom: -44px;}
.slide-machin .slick-dots li button:before, .vision-slide .slick-dots li button:before, .slid-prod .slick-dots li button:before{font-size: 11px;}
.slide-machin  .slick-dots li.slick-active button:before{color: var(--body);}
.slide-machin  .slick-dots li button:before{color: #d2d1f3;}
.vision-slide{padding-top: 30px;}
.vs_details{border: 1px solid var(--border); border-radius: 10px; margin-left: 20px; text-decoration: none; overflow: hidden;}
.vs_details img{width: 100%; overflow: hidden;  transition: all 0.5s ease-in-out;}
.vs_details:hover img{transform: scale(1.1);}
.vi_images{overflow: hidden;}
.vision-slide  .slick-dots li.slick-active button:before{color: var(--black);}
.industry_dd {margin: 0;padding: 15px;color: var(--black);font-size: 20px;font-style: normal;font-weight: 500;display: flex;align-items: center;justify-content: space-between;}
.vision-industry{margin-bottom: 100px;}
.counters {background-color: var(--wb-blue);padding: 50px 0;color: var(--white);}
.count, .count-dis {font-size: 44px;font-style: normal;font-weight: 600;line-height: normal;margin-bottom: 16px;}
.count_title {margin: 0;font-size: 18px;font-style: normal;font-weight: 400;line-height: normal;}
.reality_info, .view_btn, .redirect a, ul.product_pointer li a{text-decoration: none;}
.reality_info img{border-radius: 10px;}
.reality_info p{ color: var(--wb-black);font-size: 14px;font-style: normal;letter-spacing: 0.24px; margin: 0; }
.reality_info span{color: #1D68F3;}
.reality_info h3{color: var(--black);font-weight: 600;line-height: normal;letter-spacing: 0.32px;font-size: 18px;}
.view_btn{padding: 10px 40px; background-color: var(--wb-btn-blue); color: var(--white); font-weight: 600;line-height: normal; border: 1px solid var(--wb-blue); transition: all 0.5s ease-in-out;margin: 0 auto;display: block;width: fit-content;margin-top: 30px;}
.view_btn:hover{background-color: transparent; color: var(--wb-blue);}
.custom_top{color: var(--black);text-align: center;font-size: 44px;font-weight: 700;line-height: 58px;}
.short_title{font-size: 20px;font-style: normal;font-weight: 300;line-height: normal; text-align: center;}
.side_logo_rs{display: none;}

/* <!--------- home page  --------------!> */


/* ---------------- footer ---------------- */
.ft_links {margin: 0;list-style: none;display: flex;padding: 0;justify-content: center;gap: 33px;}
.ft_links li a{color: var(--black);font-size: 16px;font-style: normal;font-weight: 400;line-height: 24px; text-decoration: none;}
.social {list-style: none;display: flex;padding: 0;justify-content: end;gap: 30px;    margin: 0;}
.social li a{color: var(--black); font-size: 30px;}
.footer_item{padding: 30px 0; border-top: 1px solid var(--border);}

/*anchor button*/
.fixed_btn_1:hover {color: #fff;}
.fixed_btn_1{     z-index: 999;
       text-decoration: none;
    padding: 8px 20px;
    background: #22285f;
    color: #fff;
    border-radius: 5px;
    position: fixed;
    right: -73px;
    bottom: 50%;
    transform: rotate(-90deg);}
/* ---------------- footer ---------------- */


/*----------------- contact page-----------  */
.redirect{text-align: center;text-decoration: none; color: var(--redirect);}
.redirect a:hover{text-decoration: underline; color: var(--wb-blue) !important;}
.connect{background-color: var(--wb-blue);}
.cnt_detail{text-align: center;}
.cnt_detail h4 {color: var(--white);}
 .cnt_detail p{color:var(--wb-para);}
.cnt_detail i{background-color: var(--wb-light-white); padding: 15px; border-radius: 50%; font-size: 30px; margin-bottom: 20px;height: 60px;width: 60px;}
.cnt_detail a{color: var(--white);font-size: 18px;font-weight: 500;line-height: 24px; text-decoration: none;}
.cnt_area {padding: 50px 0;}
.fm_label{color: var(--black);font-size: 20px;font-style: normal;line-height: 40px; }
.fm_input{border-radius: 8px;border: 2px solid var(--Gray-300, #D0D5DD);background: #EAEEF2; width: 100%;padding: 8px 10px; margin-bottom: 20px;color:var(--paragraph);}
.fm_input:focus-visible{outline: none;}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {-webkit-appearance: none;  margin: 0;}
/*----------------- contact page-----------  */


/* / ---------------- about page ---------------- / */
.img_wrapper{position: relative;}
.banner_img{width: 100%;}
.img_content{position: absolute;bottom: 0;text-align: center; color: var(--white);border-radius: 8px;background: transparent;backdrop-filter: blur(20px);width: 100%;padding: 34px 0;}

.content_wrapper{padding: 40px 30px;background: var(--body); }
.content_absolute{position: absolute;top: 35%; right: 0%;background: var(--body);}
.value_logo{width: 80px;height: 80px; border-radius: 8px;background: var(--wb-blue);padding: 20px 13px;text-align: center;}

.director{background: var(--wb-blue);padding: 50px;}
.director_content{position: relative; padding: 0 100px; text-align: center;}
.director_content::before{content: ''; position: absolute; background-image: url(../images/about-10.svg); top: -23px;left: 6px; width: 85px;height: 52px;}

.difference{background: var(--wb-light-blue);padding: 50px 0;}
.differ_wrapper{text-align: center;}
.differ_logo{margin: 0 auto;background: #152756;border-radius: 50%;padding: 18px;text-align: center;width: fit-content;}
.difference h2{font-size: 24px;padding: 15px;}

/* / ---------------- about page ---------------- / */

/*------------------ product page------------------  */
.machine_box_more{background-color: var(--wb-blue); padding: 50px 135px 0;}
.prd_mg img{width: 100%;}
.rd_bord{border: 1px solid var(--border); border-radius: 10px; padding: 30px;}
.product_pointer{list-style : none; padding: 0;}
.product_pointer li:not(:first-child) {margin-top: 24px;}
.product_line{border-bottom: 1px solid; width: 40px; margin: 5px auto; display: none;}
.intro_pointer{font-size: 14px;font-style: normal;font-weight: 400;line-height: normal;color: var(--black);    padding-left: 20px;}
ul.intro_pointer li {font-size: 16px;line-height: 25px;color: var(--wb-black);}
/*------------------ product page------------------  */
.bottom-whatsapp {
    position: fixed;
    bottom: 20px;
    width: 55px;
    left: 22px;
    height: 55px;
    z-index: 999;
}

/*thank you page css start*/
.thankyou-section h2{
    font-size: 38px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.68px;
    color: var(--black);
    margin-bottom: 10px;
    text-transform:capitalize;
    
}
.thankyou-section{
    padding:80px 0;
}
.website_area {
    padding: 10px;
    background: #22285f;
    color: #fff !important;
    display: block;
    margin-top: 10px;
    width: fit-content;
    text-decoration: none;
}
.fixed_btn_1 {
    z-index: 999;
    text-decoration: none;
    padding: 8px 20px;
    background: #22285f;
    color: #fff;
    border-radius: 5px;
    position: fixed;
    right: -2.3%;
    bottom: 50%;
    transform: rotate(-90deg);
}
.fm_yarn:focus{
    box-shadow:none;
}
.fm_yarn, .form-select {
    padding: 14px;
}
.fm_yarn, textarea {
    width: 100%;
    resize: none;
}
/*thank you page css ends*/