*{box-sizing: border-box;margin: 0; padding: 0;}

:root{
    --wb-black: #333;
    --wb-dark-grey: #666;
    --wb-light-grey: #ddd;
    --bg-grey: #F5F5F5;
    --wb-purple: #2C0E3A;
    --wb-light-purple: #9F80AE;
    --white: #fff;
    --wb-golden: #AD8E59;
}
a{text-decoration: none;}
body{font-family: 'Inter', sans-serif; color: var(--wb-black);font-size: 18px;}

/* common css */
.contactdemo_btn {
    width: 123px;
    display: flex;
    background-color: var(--wb-purple);
    color: var(--white);
    font-size: 18px;
    padding: 10px 29px;
    border-radius: 10px;
    border: none;
    cursor: pointer;
}
.head_zindex{z-index: 7;position: relative;}
.head{font-family: 'Solway'; font-size: 72px; color: var(--wb-purple); font-weight: bold;}
.sub_head{font-family: 'Atma';font-size: 50px;line-height: normal;}
.demo_btn{width: fit-content;display: inline-block;background-color: var(--wb-purple);color: var(--white);font-size: 18px;padding: 10px 29px;border-radius: 10px;}
.demo_btn:hover{background-color: var(--wb-light-purple);transition: all 0.5s;}
.cta_sub{font-size: 30px; color: var(--wb-purple);}
.title{font-size: 60px;font-family: 'Solway';color: var(--wb-purple); font-weight: 700;position: relative;}
.quote_p{font-size: 40px; color: var(--wb-purple);line-height: 46px;}
.hero, .head_wrapper, .quality_work, .technology, .learn_more, .cta_banner, .cta_content, .contact_accordion, .industrie_solution, .bestSoftware_Companies, 
.questions_accordion, .industriedetail_Lorem, .pricing_ctnt{margin-bottom:100px;}
/* common css */

/* header */
.head_amount {color: var(--wb-black);text-align: center;font-family: Solway;font-size: 17px;font-style: normal;font-weight: 500;line-height: 24px;position: absolute; bottom: -40px;right: 0px;}
#header{position: fixed; top: 0;z-index: 9999999;width: 100%;}
.header_wrapper{display: flex;justify-content: space-between;align-items: center;padding: 30px 20px;}
.menu_list{display: flex;gap: 50px;}
.menu_list{list-style: none;margin: 0;padding: 0;}
.menu_item .nav-link{color: var(--wb-black);font-size: 18px;text-decoration: none;line-height: 20px;display: inline-block;padding: 4px 0px;}
/* .menu_item a{color: var(--wb-black);font-size: 18px;text-decoration: none;line-height: 22px;display: inline-block;} */
.head_btn .demo_btn:first-child{background-color: transparent;color: var(--wb-dark-grey);padding: 4px 4px ;}
/* header */

/* hero head */
.hero{background-image: url('../img/grid_bg.png');background-size: contain;background-repeat: no-repeat;}
.head_wrapper{background-position: bottom;background-repeat: no-repeat;width: 100%;height: auto; background-size: cover;text-align: center;padding: 142px 0 0px;background-blend-mode: multiply;
  background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 1920 465" fill="none"><g style="mix-blend-mode:darken"><path d="M960 465C526 465 150.5 396.5 0 354.7V0H1920V354.7C1791 393 1394 465 960 465Z" fill="%23F5F5F5"/></g></svg>');}
.sub_head{position: relative; width: fit-content;text-align: center;margin: 0 auto;}
.sub_head::after{content: '';position: absolute;background-repeat: no-repeat;background-size: contain;width: 100px;height: 70px;bottom: 0%;right: auto;    transform: rotateY(181deg)rotate(11deg);}
/*background-image: url('../img/pricing_vector2.png');*/
/* .head_amount::after{content: '';position: absolute;background-image: url('../img/pricing_vector2.png');background-repeat: no-repeat;background-size: contain;width: 100px;height: 70px;bottom: 41%;left: -68%; transform: rotateY(181deg)rotate(11deg);} */
  
/* hero head */

/* image_divider */
.slider {
  --position: 54%;
  position: relative;
  max-width: 1100px;
  height: 650px;
  margin: 0 auto;
  background-color: var(--white), url('../img/grid_bg.png');
  background-blend-mode: multiply;
}

.image {position: absolute;inset: 0;padding: 0 10px;cursor: col-resize;}


.new {
  background: var(--white);
  clip-path: inset(0 calc(100% - var(--position)) 0 0);
  margin-top: 5px;
}

.divider {
  position: absolute;
  inset: 0 auto 0 var(--position);
  width: 4px;
  background-image: url('../img/vertical-line.png');
  background-repeat: no-repeat;
  background-size: contain;
cursor: col-resize;
  z-index: 10;
  translate: -50%;
}

.divider::before {
  content: '';
  position: absolute;
  width: 40px;
  aspect-ratio: 1;
  background-image: url('../img/divider_thumb.svg');
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  cursor: col-resize;
}

.item {
  background: white;
  padding: 1rem;
  border-radius: 0.5rem;
  text-align: center;
  box-shadow: 0 2px 6px rgb(0 0 0 / 0.1);
}
.slider_footer{text-align: center;margin-top: 16px;}
.hero .footer_menu_title{color: var(--wb-purple);text-align: center;margin: 0;}
/* image_divider */

/* right quote */
/* .right_quote {margin-bottom: 150px;position: relative;z-index: 1;background-repeat: no-repeat;background-size: auto;background-position: right;height: 520px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="1820" height="520" viewBox="0 0 1820 520" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M265 519.889C263.327 519.921 261.65 519.937 259.969 519.937C116.392 519.937 0 403.545 0 259.969C0 116.392 116.392 0 259.969 0C261.65 0 263.327 0.015953 265 0.0477159V0H1820V520H265V519.889Z" fill="%23F5F5F5"/></svg>');
} */
.right_quote .quote_wrapper{width: auto;margin: 0 auto;}
.quote_subhead{color: var(--wb-black);font-family: Inter;font-size: 24px;line-height: 32px;}
.testimonial_right{position: relative;width: fit-content;top: 36%;right: 0%;}
.testimonial_right::after{content: '';position: absolute;background-image: url('../img/like_right.svg');height: 50px;width: 50px;background-repeat: no-repeat;bottom: -12%;right: 4%;}
.testimonial_right::before{content: '';position: absolute;background-image: url('../img/right_quote.png');height: 139px;width: 231px;background-repeat: no-repeat;top: -34%;left: -12%;z-index: 0;}
.testimonial_right_wrapper::after {left: 0%;margin-left: -31px;content: ""; position: absolute; top: 50%;margin-top: -12px;border-width: 16px; border-style: solid;border-color: #fff #fff transparent transparent;}    
.testimonial_right_wrapper {padding: 20px 25px 21px 57px;width: auto;border-radius: 10px;background:  var(--white);filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.20));}
.right_quote_bgshape{ position: relative; z-index: 0;}
.right_quote_bgshape::before{ left: 100% !important; content: ""; position: absolute;top: 0;left: 0; bottom: 0;right: 0;z-index: -1;background-color: #f5f5f5;width: 100vw;}
.right_quote {overflow-x: clip !important;margin-bottom: 150px;}
.right_quote_bgshape::after{left: -80px !important;  border-top-left-radius: 50rem;border-bottom-left-radius: 50rem;content: "";  position: absolute;top: 0;   left: 0; bottom: 0;right: 0;   z-index: -1;   background-color: #f5f5f5;}

    /* right quote */

/* quality_work */
.quality_work .title{margin-bottom: 65px;}
.quality_work .title::before{content: '';position: absolute;background-image: url('../img/quality_work_arrow.svg');background-repeat: no-repeat;top: 40%;left: 0%;width: 57px;height:74px}
.quality_work .title::after{content: '';position: absolute;background-image: url('../img/quality_work_line.svg');background-repeat: no-repeat;bottom: -40%;right: 12%;width: 553px;height:25px}
.video-container {max-width: 800px;margin: 20px auto;background: var(--white);overflow: hidden;}

.video {width: 100%;border-radius: 10px;background:var(--white);box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.20);}

.controls {
  padding: 15px;
  display: flex;
  align-items: center;
  gap: 15px;
  background: transparent;
}

.play-btn {
  background: none;
  border: none;
  cursor: pointer;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: background-color 0.2s;
}

.play-btn:hover {
  background-color: var(--wb-light-grey);
}

.progress-container {
  flex-grow: 1;
  height: 4px;
  background-color: var(--wb-light-grey);
  border-radius: 2px;
  cursor: pointer;
  position: relative;
}

.progress_bar {
  height: 100%;
  background-color: var(--wb-light-purple);
  border-radius: 2px;
  width: 0%;
  position: relative;
}

.progress-handle {
  width: 12px;
  height: 12px;
  background-color: var(--wb-golden);
  border-radius: 50%;
  position: absolute;
  right: -6px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}

/* quality_work */

/* design starts */
.design{margin-bottom: 200px;}
.design_img_wrapper{position: relative; margin-top: 100px;text-align: right;}
.design .title::after{content: '';position: absolute;background-image: url('../img/learn_more.svg');background-repeat: no-repeat;width: 292px;height: 83px;bottom: -75%;right: 0%;}
.design_main{transform: translate(-6%, 0px);}
.design_1{position: absolute;left: -8%;top: -10%;z-index: 99;}
.design_2{position: absolute;left: 0;bottom: -57%;z-index: 99;}
.design_3{position: absolute;right: 0;bottom: -50%; z-index: 99;}
/* design ends */

/* quote starts */

/* .quote{margin-bottom: 150px;position: relative;z-index: 1;background-repeat: no-repeat;background-size: auto;background-position: left;height: 520px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 1820 520" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M1555 519.889C1556.67 519.921 1558.35 519.937 1560.03 519.937C1703.61 519.937 1820 403.545 1820 259.969C1820 116.392 1703.61 0 1560.03 0C1558.35 0 1556.67 0.015953 1555 0.0477159V0H0V520H1555V519.889Z" fill="%23F5F5F5"/></svg>');
} */
/* .quote .container-fluid{} */
.left_quote_bgshape{  position: relative;  z-index: 0;}
.left_quote_bgshape::before{ right: 100% !important;content: "";  position: absolute;top: 0; left: auto;bottom: 0;right: 0;z-index: -1; background-color: #f5f5f5; width: 100vw;}
.quote {overflow-x: clip !important;margin-bottom: 150px;}
.left_quote_bgshape::after{ right: -80px !important;border-top-right-radius: 50rem;border-bottom-right-radius: 50rem;content: "";position: absolute; top: 0;left: 0;bottom: 0;right: 0;z-index: -2; background-color: #f5f5f5;}
.quote_wrapper{padding: 130px 0 50px;}
.quote .quote_p{width: auto;margin: 0 auto;}
.testimonial{position: relative;width: fit-content;top: 42%;}
.testimonial::after{content: '';position: absolute;background-image: url('../img/like.png');height: 50px;width: 50px;background-repeat: no-repeat;bottom: -6%;right: 7%;}
.testimonial::before{content: '';position: absolute;background-image: url('../img/quote.png');height: 139px;width: 231px;background-repeat: no-repeat;top: -33%;right: -13%;z-index: -1;}
.testimonial_wrapper::after {right: 0%;margin-right: -31px;content: "";position: absolute;top: 50%;margin-top: -20px;border-width: 16px; border-style: solid;border-color: #fff transparent transparent #fff;}
.testimonial_wrapper {padding: 20px 25px 21px 57px;width: auto;border-radius: 10px;background:  var(--white);filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.20));}
.testi_title{font-size: 16px; font-weight: 700;color: var(--wb-purple);}
.testi_p{font-size: 14px;}
/* quote ends */

/* technology starts */
.technology .title::before{content: '';position: absolute;background-size: contain;background-image: url('../img/technology.svg');background-repeat: no-repeat;bottom: -50px;left: -30px;width: 100%; height: 80px;}
.tech_list{display: flex;justify-content: space-between;margin-top: 170px;}
.tech_item_wrapper {display: flex;flex-direction: column;gap: 20px;align-items: center;}
.tech_item{width: 250px; height: 210px; background-color: #F8F1FB; border-radius: 10px;position: relative;}
@property --angle {
    syntax: "<angle>";
    initial-value: 0deg;
    inherits: false;
  }  
  .tech_item::before,
  .tech_item::after {
    content: "";
    position: absolute;
    inset: -3px;
    z-index: -1;
    background: linear-gradient(var(--angle), 
    #AD8E59,  #5C4164, #faaa2f);
    animation: rotate 10s linear infinite;
    border-radius: 10px;
  }
  
  .tech_item::after {
    filter: blur(3px);
  }
  
  @keyframes rotate {
    0%     { --angle: 0deg; }
    100%   { --angle: 360deg;
    }
  }

.expense{position: absolute;left: 10%; bottom: 0;}
.pos{position: absolute;bottom: 10%;left: 15%;}
.iot{position: absolute;bottom: 9%;left: 30%;}

  
/* technology ends */

/* learn more */
.learn_more{background-image: url('../img/grid_bg.png');}
.learn_more .title{text-align: center;margin-bottom: 50px;}
.learn_more .title::after{content: '';position: absolute;background-image: url('../img/learn_more.svg');background-repeat: no-repeat;width: 292px;height: 83px; right: 7%;bottom: 0px;}
.learn_types{padding: 30px 50px;border-radius: 10px;box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.20);background-color: var(--white);}
.learn_types .cta_sub{margin-bottom: 30px;}
.struct_engine{margin-left: 50px;margin-bottom: 50px;}
.learn_more .col-lg-5{margin: 50px 0;padding-left: 30px;}

/* learn more */

/* cta_banner */
.cta_banner .container-fluid{padding-left: 100px;padding-right: 0;}
.cta_banner svg{width: 100%;height: 100%;}
/* cta_banner */

/* ctacontent */
.cta_content{text-align: center;}
.cta_content .head{position: relative;width: fit-content;margin: 0 auto;}
.cta_content .head::before{position: absolute;content: '';background-image: url('../img/empowering.svg');background-repeat: no-repeat; height: 20px; width: 247px;bottom: 0;right: 53px;bottom:-7px;}
/* cta */


/* footer */
.footer{background-color: var(--wb-purple);padding-top: 80px;}
.footer_logo{margin-bottom: 20px;}
.footer_p{color: var(--wb-light-grey);font-size: 16px;}
.newsletterForm{border-bottom: 1px solid var(--white);padding-bottom: 10px;display: flex;justify-content: space-between;}
.nl_input::placeholder{color: var(--wb-light-purple);}
.nl_input:focus-visible{outline: none;}
.nl_btn, .nl_input{border: none; background: transparent;color: var(--wb-light-purple);}
.ft_social{display: flex; gap: 23px;margin-top: 43px;}
.footer_menu_title{font-family: 'Atma'; font-size: 24px; color: var(--wb-golden);margin-bottom: 30px;font-weight: 400;}
.footer_menu{margin: 0;padding: 0;}
.footer_menu li{list-style: none;margin-bottom: 10px;}
.footer_menu li a{color: var(--wb-light-grey);font-size: 16px;}
.ym_copyright{margin-top: 80px; padding: 20px 0; text-align: center;color: var(--white); font-size: 16px;border-top: 1px solid var(--wb-light-purple);}
/* footer */

/*****sumita modulelisting page *****/ 
/***** circle section *****/ 
.circle-slider{display: flex; justify-content: center;align-items:center;}
.circle-slider .circle-shap1 {width: 450px;height: 450px; border-radius: 468.717px; border: 0.972px solid rgba(44, 14, 58, 0.60);}
.circle-slider .circle-shap2 {width: 614px;height: 614px; border-radius:  614.584px; border: 0.972px solid rgba(44, 14, 58, 0.60); position: absolute;display: flex;align-items: flex-end;}
.circle-slider .circle-shap3 {width: 760px;height: 760px; border-radius: 468.717px; border: 0.972px solid rgba(44, 14, 58, 0.60); position: absolute;}
.circle-slider img:hover {cursor: pointer;opacity: 75%;}
.circle-slider img{z-index: 99; position: relative;}
.circle-content{border-radius: 320.906px; background: var(--wb-purple);width: 320.906px;height: 320.906px;position: absolute;display: flex; justify-content: center;align-items: center;}
.circle-content p{ color: var(--white);text-align: center;font-family: 'Atma', sans-serif;font-size: 38.898px;font-weight: 400;letter-spacing: 0.389px;}
.circle-slider{margin-top: -94px;padding-bottom: 120px;}
.group1,.group3{top: 54px;}
.group2{top: 190px;right: 10px;}
.group4{top: 190px;left: 10px;}
.group5{bottom: -25px;left: 153px;}
.group6,.group12{ top: 150px;}
.group7{top: 256px;right: 39px;}
.group8{top: 370px;left: 32px;}
.group9{top: 397px;right: 200px;}
.group11{top: 256px;left: 39px;}
.group10{top: 370px;right: 32px;}
 /*****circle End Section *****/
 /***** Section *****/
 .circle_mobile_slider{margin-top: 0px;padding-bottom: 200px;}
 .circle_mobile_slider .circle-mobile-shap3 img{width: 50px;}
 .circle_mobile_slider .circle-mobile-shap3 {width: 330px;height: 330px; border-radius: 468.717px; border: 0.972px solid rgba(44, 14, 58, 0.60); position: relative;}
  .circle_mobile_group1{left: 43px;}
  .circle_mobile_group2{right: 0px;}
  .circle_mobile_group3{right: 20px;}
  .circle_mobile_group4{right: 12px;}
  .circle_mobile_group5{left: 22px;}
  .circle_mobile_group6{left: 180px; top: -32px;}
  .circle_mobile_group7{ right: 43px;}
  .circle_mobile_group8{left: 0px;}
  .circle_mobile_group9{left: 20px;}
  .circle_mobile_group10{left: 12px;}
  .circle_mobile_group11{right: 22px;}
  .circle_mobile_group12{right: 180px;top: -32px;}

 /***** End Section *****/
 
 /***** Formezy_card Section *****/ 
 .Formezy_section{margin-bottom: 100px;}
.Formezy_section .title::after {content: ''; position: absolute;background-image: url(../img/learn_more.svg);background-repeat: no-repeat;width: 292px;height: 83px;bottom: -75%;right: 0%;}
.Formezy_wrapper{margin-top: 100px;}
.Formezy_card{display: flex;padding: 25px 15px 25px 15px;align-items: center;border-radius: 10px;border: 1px solid var(--wb-golden);background: #F8F1FB;    flex-direction: row;gap: 15px;justify-content: center;}
.Formezy_card_title{color: var(--wb-purple);font-size: 20px;font-weight: 500;}
.Formezy_card_subtext{color: var(--wb-black);font-size: 16px;font-weight: 400;line-height: 22px;}
.Formezy_cardimg img {box-shadow: 0px 4px 4px 1px rgba(127, 70, 152, 0.27); border-radius: 6px;}
 /***** Formezy_card End Section *****/
 
/***** End modulelisting  *****/
  /* sumita date-20/11/24  ProductionModuleDetail*/
  .product_testimonial {    height: 550px;}
  .product_testimonial .product_testimonial_right_wrapper{background: var(--white);filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.20));padding: 20px 30px 20px 30px;border-radius: 10px;    width: auto;}
  .product_testimonial .product_testimonial_right_wrapper::after{ content: '';position: absolute; background-image: url(../img/ProductionModuleDetail/Vector1.svg); width: 100px;height: 110px;   background-repeat: no-repeat;top: 108%;left: 30%;}
  .product_testimonial .quote_wrapper {padding: 100px 0 50px; width: auto;}
  /* .product_testimonial .product_testimonial_right {position: relative;width: fit-content; bottom: -3%;} */
  .product_testimonial .product_testimonial_right {position: relative;width: fit-content; top:55%;}
  .product_testimonial .product_testimonial_right::before {    content: '';position: absolute; z-index: 0; height: 139px;width: 231px;background-repeat: no-repeat;background-image: url(../img/vector5.png);top: -107%;left: -29%;}
  .product_testimonial .product_testimonial_right::after {content: '';position: absolute;background-image: url(../img/like_right.svg);height: 50px;width: 50px;background-repeat: no-repeat;bottom: -26%;right: -10%;}

  /* Production_Process css */
  .Production_Process .title::before {position: absolute;content: '';background-image: url(../img/empowering.svg);background-repeat: no-repeat;height: 20px;width: 247px;bottom: 0;right: 115px;bottom: -7px;}
.Production_Process .nav-pills .nav-link.active{color: var(--wb-purple);font-size: 16px;font-weight: 500;line-height: normal;letter-spacing: 0.5px;background-color: transparent;}
.Production_Process .nav-pills .nav-link{color: #999;font-size: 14px;font-weight: 500;line-height: normal;letter-spacing: 0.5px;    margin-left: 0px;}
.Production_Process button:hover {  background-color: transparent;}
.Production_Process .nav-pills {  gap: 12px;border-right: 1px solid var(--wb-light-grey);padding: 0px 0px 40px 0px;}
.Production_Process .Production_Process_tabtitle{color: var(--wb-purple);font-family: 'Atma', sans-serif;font-size: 20px;font-weight: 600;line-height: normal; letter-spacing: 0.2px;}
.Production_Process .Production_Process_tabsubtext{color: var(--wb-black);font-size: 16px;font-style: normal;font-weight: 400;line-height: 22px;}
.Production_Process .Production_Process_tabcontent img{width:100%;    border-radius: 10px;}
.Production_Process .Production_Process_tabbody{gap: 60px;padding-top: 60px;}

.Business_Anywhere .title::before {position: absolute;content: '';background-image: url(../img/quality_work_line.svg);background-repeat: no-repeat;height: 25px;width: 557px;bottom: -30px;right: 115px;}
.Business_Anywhere{padding-top: 100px;}
.Business_Anywhere .Business_Anywhere_imgitem{display: flex;align-items: center;justify-content: flex-start;}
.Business_Anywhere .Business_Anywhere_shap{ position: absolute;z-index: -1;}
.Business_Anywhere img{width: 100%;}
.Business_Anywhere_shap2 img{    position: relative;bottom: 50px;left: 64px;}
.Business_Anywhere_body{padding-top: 100px;}
.Business_Anywhere .Business_Anywhere_body .sub_title::before{position: absolute;content: '';background-image: url(../img/ProductionModuleDetail/Vector2.svg);background-repeat: no-repeat;height: 100px;width: 44px;bottom:12px;right: -9px;}
.Business_Anywhere .sub_title{    padding-top: 120px;color: var(--wb-purple);font-family: 'Atma', sans-serif;font-size: 30px;font-style: normal;font-weight: 600;line-height: normal;letter-spacing: 0.3px;}
.Business_Anywhere_subtext{color: var(--wb-black);font-size: 16px;font-weight: 400;line-height: 26px;}


.Boost_Productivity .title::after {content: '';position: absolute;background-image: url(../img/learn_more.svg);background-repeat: no-repeat;width: 292px;height: 83px;bottom: -75%;right: 0%;}
.Boost_Productivity .sub_title{color: var(--wb-golden);font-family: 'Atma', sans-serif;font-size: 30px;font-weight: 500;line-height: normal;letter-spacing: 0.3px;}
.Boost_Productivity .Boost_Productivity_cardtitle{color: #111;font-size: 24px;font-weight: 500;line-height: normal;letter-spacing: 0.3px;}
.Boost_Productivity .Boost_Productivity_subtext{color: var(--wb-black);font-size: 16px;font-weight: 400;line-height: 22px; /* 137.5% */}
.Boost_Productivity .Boost_Productivity_body{padding-top: 100px; padding-bottom:100px;}
.Boost_Productivity .demo_btn img{    transform: rotate(90deg)}
.Production_Management .title::after{content: '';position: absolute;background-image: url(../img/technology.svg); background-size: contain;background-repeat: no-repeat;bottom: -50px;left: 0px;width: 50%;height: 80px;}


/***** End ProductionModuleDetail  *****/
/***** star contact css *****/
.form-control:focus, .accordion-button:focus {box-shadow: 0 0 0 .25rem rgb(13 110 253 / 0%);}
.contact_wrapper .contact_card{border-radius: 10px;border: 1px solid var(--wb-golden);padding: 25px;}
.contact_wrapper .contact_card_body{border-radius: 6px;border: 1px solid var(--wb-golden);background: rgba(255, 255, 255, 0.70);padding: 29px 39px 27px 39px;}
.contact_wrapper .contact_card_body .card_one .card_form_item {margin-bottom: 35px;position: relative;}
.contact_wrapper .contact_card_body .card_one .form-control{padding:10px; border-radius: 6px;border: 1px solid var(--wb-light-grey);background: transparent;     width: 100%;}
.card_form_item .form-label{position: absolute;cursor: text;z-index: 2;top: 13px;left: 10px;font-size: 16px;font-weight: 400;line-height: 22px;background-color: var(--white);padding: 0 10px;color: var(--wb-black);
transition: top 0.3s, font-size 0.3s;}.form-control:focus + .form-label,.form-control:not(:placeholder-shown) + .form-label {top: -12px;font-size: 12px;color:var(--wb-purple);padding:0 5px;margin:0;}
.card_two{border-radius: 5px;border: 1px solid var(--wb-light-grey); background: var(--white); box-shadow: 0px 4px 4px 1px rgba(127, 70, 152, 0.27); padding: 54px 33px 55px 34px; position: absolute;width: 560px;right: -70px;}
.card_two .form-label{color: var(--wb-purple); font-size: 20px; font-weight: 500; line-height: normal;}
.card_two .Contact_sub_text {color: var(--wb-black);font-size: 16px;font-weight: 400;line-height: 22px;}
.card_two hr{background: var(--wb-golden); border-color: var(--wb-golden);opacity: 1;}
.questions_accordion .accordion-button:not(.collapsed) {color: var(--wb-purple);text-align: start;font-size: 20px;font-weight: 600;line-height: 30px;background-color: #F8F1FB;box-shadow: inset 0 calc(-1* var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);}
.questions_accordion .accordion{ padding-top:100px;}
.questions_accordion button:hover {cursor: pointer; background-color:transparent; }
.questions_accordion .title::after {content: '';position: absolute;background-image: url(../img/technology.svg);background-repeat: no-repeat;bottom: -70px;right: 302px; width: 597px;height: 100px;}
.questions_accordion .accordion-button {color: var(--wb-black);text-align: start;font-size: 20px;font-weight: 400;line-height: 30px; }
.Contact_card_rightborder{border-right: 1px solid var(--wb-golden);padding-bottom: 5px;}
/***** End contact css *****/
/********** sumita date:21/11/24 css start ***************/
/***** star Industries css *****/
.industrie_wrapper .industrie_title{color: var(--wb-purple);font-size: 48px;font-weight: 600;}
.industrie_wrapper .industrie_subtext{color: var(--wb-black);font-size: 18px;font-weight: 400;line-height: 28px;}

.industrie_solution .title::after {content: '';position: absolute;background-image: url(../img/learn_more.svg);background-repeat: no-repeat;width: 292px;height: 83px;top: 35px;right: 8%;}
.industrie_solution .solution_cardsub_title::before {position: absolute;content: '';background-image: url(../img/Industries_vector.png);background-repeat: no-repeat;height: 100px;width: 44px;bottom: 12px;left:130px;}
.industrie_solution .industrie_solution_card figure{position: relative;left: 30px;display: flex;justify-content: flex-end;}
.industrie_solution .industrie_solution_card { border-radius: 6px;border: 1px solid var(--wb-golden);padding:0px 30px 20px 30px ;}
.industrie_solution .industrie_solution_wrapper {padding-top: 100px;}


.sub_text_p{color: var(--wb-black);font-size: 16px;font-weight: 400;line-height: 22px;}
/***** End Industries  *****/

/***** star Industriesdetail css *****/
.industriedetail_card_title::after {content: "";position: absolute;top: 2px;background-image: url(../img/arrow_dark.png);background-size: contain;background-position: center;background-repeat: no-repeat; width: 28px;height: 30px;opacity: 0; transform: translateX(10px);transition: opacity 0.3s ease, transform 0.3s ease;margin-left: 12px;}
.industriedetail_card_title:hover::after {opacity: 1;transform: translateX(0);}
.industriedetail_wrapper{ padding: 18px;border-radius: 10px;border: 1px solid var(--wb-light-grey);background: #E7E7E7;}
.industriedetail_card{padding: 34px 34px 47px 34px;border-radius: 16px;background: var(--white);box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.20);}
.industriedetail_card_title {position: relative; display: inline-block;transition: color 0.3s ease-in-out;letter-spacing: 0.3px;color: var(--wb-purple);font-size: 24px;font-weight: 500;line-height: normal;margin-bottom: 18px;}
.industriedetail_card img{width: 100%;}
.industriedetail_wrapper::after {content: '';position: absolute;background-image: url(../img/vector3.png);background-repeat: no-repeat;width: 150px;height: 182px;bottom: -8%;right: -3%;}
.industriedetail_wrapper::before {content: '';position: absolute;background-image: url(../img/vector2.png);background-repeat: no-repeat;width: 292px;height: 170px;bottom: 95%;left: -11%;}

.bestSoftware_Companies .title::after {content: '';position: absolute;background-image: url(../img/vector6.png);background-repeat: no-repeat;width: 395px;height: 83px;top: 35px;right: -2%;}
.bestSoftware_Companies_wrapper{padding-top: 100px;}
.bestSoftware_Companies_title{letter-spacing: 0.3px;color: #111;font-size: 24px;font-weight: 500;margin-bottom: 14px;}
.bestSoftware_Companies_wrapper hr{margin-top: 40px; margin-bottom: 40px;}
.bestSoftware_Companies_rightborder {border-right: 1px solid var(--wb-light-grey);padding-bottom: 5px; padding-right: 20px;}
.bestSoftware_Companies_leftborder{ padding-left: 15px;}

.industriedetail_Lorem .industriedetail_Lorem_wrapper {padding-top: 100px;}
.industriedetail_Lorem .title::after {position: absolute;content: '';background-image: url(../img/arrowVector7.svg);background-repeat: no-repeat;height: 75px;width: 90px;bottom: -37px;left: 60px;}
.industriedetail_Lorem .title::before {position: absolute;content: '';background-image: url(../img/quality_work_line.svg);background-repeat: no-repeat; height: 25px; width: 557px;bottom: -30px;right: 210px;}
.industriedetail_Lorem .industriedetail_Lorem_card{    height: 180px;border-radius: 10px; border: 1px solid var(--wb-golden);background: #F8F1FB;padding: 25px 25px 25px 25px;}
.industriedetail_Lorem .industriedetail_Lorem_cardtitle{letter-spacing: 0.3px;color: var(--wb-purple);font-size: 24px;font-weight: 400;}
/***** End Industriesdetail css  *****/

/***** star comingsoon css *****/
/* .comingsoon .head::after {content: '';position: absolute;background-image: url(../img/head_rate.png);background-repeat: no-repeat; background-size: contain;width: 331px;height: 112px;top: 106%;left: 70%;} */
/* .comingsoon .sub_head::after {display: none;} */
.modules_btn{width: fit-content;display: inline-block;background-color: transparent;color: var(--wb-purple);font-size: 18px;padding: 10px 30px;border-radius: 10px;border: 1px solid var(--wb-purple);}
/***** End comingsoon css  *****/
/***** star pricing css *****/
.pricing_join_title{color: var(--wb-golden);font-family: 'Atma', sans-serif;font-size: 50px;font-style: normal;font-weight: 400;line-height: normal;letter-spacing: 0.5px;}
.pricing_Plan_title{color: var(--wb-purple);font-family: 'Solway', sans-serif;font-size: 80px;font-style: normal;font-weight: 700;line-height: 90px; /* 112.5% */}
.sub_text_f20{color: var(--wb-purple);font-size: 20px;font-style: normal;font-weight: 500;line-height: normal;}
.pricing_item{list-style-type: none;}
.pricing_item li::before{content: '';position: absolute;background-image: url(../img/pricing_vector.png);background-repeat: no-repeat; background-size: contain;width: 100px;height: 17px;left: -29px;top: 4px;}
.pricing_item li { margin-bottom: 8px;}
.more_title{color: #111;text-align: center;font-family: 'Atma', sans-serif; font-size: 40px; font-weight: 400;letter-spacing: 0.4px; margin-top: 30px;}
.more_title::after{content: '';position: absolute;background-image: url(../img/pricing_vector1.png);background-repeat: no-repeat;top: 0px;right: 320px; width: 90px;height: 100px;}
#currencyINR .modules_btn::after, #currencyUSD .modules_btn::after {content: '';position: absolute;background-image: url(../img/pricing_vector2.png);background-repeat: no-repeat;    bottom: 0px;left: 244px; width: 90px;height: 100px;}

.yearly_wrapper {padding: 10px 10.667px 10px 11px;  border-radius: 10px;border: 1px solid var(--wb-golden);background: var(--white);box-shadow: 6px 7px 13px 0px rgba(4, 4, 4, 0.10);}
.yearly_wrapper_card{ padding: 22px 27px;border-radius: 8px;border: 1px solid var(--wb-golden);background: var(--white);}
.yearly_wrapper .nav-pills .nav-link.active,.yearly_wrapper .nav-pills .show>.nav-link{color: var(--white);text-align: center;font-family: 'Solway', sans-serif;font-size: 24px;font-weight: 500;line-height: 30px;border-radius: 100px;background: var(--wb-golden);}
.yearly_wrapper .nav-pills .nav-link{padding: 10px 30px; border-radius: 100px;color: #111;text-align: center;font-family: 'Solway', sans-serif;font-size: 24px;font-weight: 500;line-height: 30px; /* 125% */}
.yearly_wrapper .nav-pills .nav-item button:hover {  background-color: #ad8e59a3;color:  var(--white);}
/*.yearly_wrapper .nav-pills{ width: 306px;border-radius: 100px;background: #FFF6E5;padding: 6px;}*/
.yearly_wrapper .nav-pills{ width: 145px;border-radius: 100px;background: #FFF6E5;padding: 6px;}
.yearly_wrapper .pricing_Plan_title::after{    content: '';position: absolute;background-image: url(../img/monthly_vector.png);background-repeat: no-repeat;background-size: contain;width: 155px; height: 46px; left: 154px;bottom: -15px;}
.pricing_toggle .toggle-container {display: flex;align-items: center;justify-content: center;}
.pricing_toggle .toggle-btn {    margin: 0px 16px;width: 55px;height: 30px;background-color: #EADCF0;border-radius: 50px;position: relative;cursor: pointer;}
.pricing_toggle .slider {width: 22px;height: 22px; position: absolute;top: 4px;left: 5px; transition: left 0.3s;border-radius: 100px;background: var(--wb-purple);box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.04), 0px 3px 8px 0px rgba(0, 0, 0, 0.15), 0px 3px 1px 0px rgba(0, 0, 0, 0.06);}
.pricing_toggle .toggle-btn.active .slider {left: 26px;}
/***** End pricing css  *****/

.modules_btn:hover .svg svg {animation: jello-vertical 0.9s both;transform-origin: left;}
.demo_btn:hover .svg svg, .modules_dropbtn:hover .svg svg , .nl_btn:hover .svg svg {animation: jello-vertical 0.9s both;transform-origin: left;}
@keyframes jello-vertical {
  0% {transform: scale3d(1, 1, 1);}
  30% {transform: scale3d(0.75, 1.25, 1);}
  40% { transform: scale3d(1.25, 0.75, 1);}
  50% {transform: scale3d(0.85, 1.15, 1); }
  65% { transform: scale3d(1.05, 0.95, 1);}
  75% {transform: scale3d(0.95, 1.05, 1);}
  100% {transform: scale3d(1, 1, 1);}
}

.hamburger_menu { display: none;}
/* Mobile Styles */
.nav_menu {display: block;justify-content: space-between;display: flex;flex-basis: auto; flex-grow: 1; align-items: center;}
.hamburger_btn i {transition: transform 0.3s ease;}
.hamburger_btn {padding: 5px 9px;background-color: transparent;border: none;}
.hamburger_btn i.fa-times {transform: rotate(90deg); }

/* dorpdown menu css start */

.menu_list .dropdown_item_title{color: var(--wb-purple);font-size: 18px;font-style: normal;font-weight: 500;}
.menu_list .dropdown_item_subtitle{color: var(--wb-black); font-size: 12px; font-style: normal; font-weight: 400; line-height: 18px; /* 137.5% */}
.menu_list .dropdown-item:focus, .dropdown-item:hover { color: var(--bs-dropdown-link-hover-color);background-color: transparent;}
.menu_list .dropdown-menu{width:100%;left: 0 !important;transition: top 0.4s, opacity 0.3s ease;        top: 6rem; box-shadow: 0px 5px 7px 4px #dddddd36;   border: none;border-top: 1px solid var(--wb-light-grey);border-radius: 0px;margin: 30px 0px !important;}
.menu_list .menu_item.dropdown{position: relative;}
.menu_list .dropdown-item{white-space: normal; padding: 0px;}
.menu_list .dropdown_rightbdr{border-right: 1px solid var(--wb-light-grey);}
.dropdown_bottomtbdr{border-bottom: 1px solid var(--wb-light-grey);     padding-bottom: 30px;}
.modules_dropbtn {width: fit-content;display: inline-block;background-color: transparent;color: var(--wb-purple);font-size: 18px;padding: 5px 0px;}
/* .menu_list .dropdown-toggle::after{display: none;} */
.menu2 .industriesdrop_item_title{padding-bottom: 3px; white-space: nowrap; color: var(--wb-purple);font-size: 16px;font-weight: 500;border-bottom: 1px solid var(--wb-golden); width: 122px; margin-top:20px;display: block;
    margin-bottom: .5rem;}
.menu2 ul{list-style-type: none;padding-left: 0px;}
.dropdown_text_t16{color: var(--wb-black);font-size: 13px;font-weight: 400;line-height: normal;transition: all 0.5s;} 
.menu_list .menu_item.dropdown{position: static;}
/* dorpdown menu css end */

.bestSoftware_Companies.streamline .title::after { content: ''; position: absolute;background-image: url(../img/vector6.png); background-repeat: no-repeat; width: 410px; height: 83px; top: 35px;right: 5%; background-size: contain;}
.card_one textarea {resize: none;}

@keyframes pulse{
0% {
  -webkit-transform: scale3d(1, 1, 1);
  -ms-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}
50% {
  -webkit-transform: scale3d(1.05, 1.05, 1.05);
  -ms-transform: scale3d(1.05, 1.05, 1.05);
  transform: scale3d(1.05, 1.05, 1.05);
}
100% {
  -webkit-transform: scale3d(1, 1, 1);
  -ms-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}}

@keyframes right{
  0% {
    -webkit-transform: translateX(-100px);
    /* transform: translateX(-100px); */
    transform: translateX(-60px);
}
50% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
}
100% {
    -webkit-transform: translateX(-100px);
    /* transform: translateX(-100px); */
    transform: translateX(-60px);
}
}