.FLow_content_box{
    text-align: center;
}
.FLow_content_box .mail_title_bulder_text {
    font-weight: 700;
    /* line-height: 70px; */
    margin: 0;
}
.FLow_content_box .no_code_text{
    font-weight: 800;
    color: #343434;
  
}
.FLow_content_box .chat_bot_text{
    /* color: #567AF4;
  
    /* background: linear-gradient(268.3deg, #567AF4 55.71%, #6D38D6 69.51%, #FF4A7A 81.43%); */
      font-weight: 800;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text !important;
    background: linear-gradient(to right,rgb(255 88 216), rgb(70 115 205));

}
.caht_bot_text{
    background: linear-gradient(to right,rgb(0, 176, 155), rgb(150, 201, 61))!important;

}
.pky_diff_hd{
    background: linear-gradient(to right, #3D9BFC, #7B40E4, #F53A8B, #EE704A, #2DDD4F)!important;
}
.feature_text_grad{
    background-image: linear-gradient(50deg, #8d65e9 0%, #6bcd94 100%)!important;
}
.bg_gradient_full{
    background-image: url(../img/flow-bulder/background_gradient.png);
    background-position: top,bottom;
    background-repeat: no-repeat;
    background-size:  cover ;
}
.slider_outerr_box{
    background-color: #fff;
    border-radius: 20px;
    padding: 30px;
    box-shadow: 0 19px 70px 0 rgb(163 159 176 / 10%);
    transition: transform 0.5s;
    height: 530px;


}
.crete_chat_bot_btn{
    padding: 10px 15px;
    background-color: #567AF4;
    color: #fff;
    border-radius: 30px;
    border: 1px solid transparent;
    font-size: 14px;
    /* line-height: 18px; */
    display: flex;
    align-items: center;
    -webkit-transition: all .3s;
    transition: all .3s;


}

._btn_grouP_flow_bulder{
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-bottom: 30px;
}
.border_watch{
    border: 1px solid #567AF4;
    color: #567AF4;
    background-color: #fff;
}
.video_icon {
    vertical-align: middle;
    line-height: 11px;
    margin-right: 5px;

}
.crete_chat_bot_btn:hover{
    background-color: #3f65e5;
    cursor: pointer;
}
.border_watch:hover{
background-color: #567AF4;
color:#fff ;
cursor: pointer;
}
.sell_suprt_conternt h1{
    font-size: 40px;
    line-height: 55px;
    font-weight: 700;
    color: #343434;
    margin-bottom: 20px;
    text-align: left;
}
.automote_elent_box{
    display: flex;
    flex-direction: column;
    justify-content: start;
    text-align: left;

}
.element_text_hfg{
    margin-bottom: 15px;
    font-size: 15px;
    font-weight: 600;
    color: #191a1b;
}
.element_text_hfg{
    margin-bottom: 15px;
    font-size: 15px;
    font-weight: 600;
    color: #191a1b;
    vertical-align: middle;
    display: flex;
    vertical-align: middle;
    align-content: center;
    line-height: 22px;
}
    
.element_text_hfg .icon_hdgdf{
    margin-right: 5px;
}

.blur_gradient{
    position: absolute;
    z-index: -1;
    width: 100%;
    margin-bottom: 0;
    margin-left: 0;
    border-radius: 100%;
    background-color: transparent;
}
.gradioent_1{

    left: auto;
    top: -26%;
    right: 0;
    bottom: auto;
    height: 950px;
    max-width: 1000px;
}
.gradioent_2{
    left: -30%;
    top: 0;
    right: auto;
    bottom: 0;
}
.gradiengdfgd{
    width: 100%;
    height: 100%;
    margin-top: 0;
    margin-bottom: 60px;
    padding-top: 0;
    padding-bottom: 0;
    -o-object-fit: contain;
    object-fit: contain;
}
.icon_hdgdf img{
 width: 24px;
}
.img_icon_banner{
    
    display: flex;
    justify-content: flex-end;
    position: relative;
}

.swiper {
    width: 100%;
    height: 100%;
  }
.jujstify_content_start{
    justify-content: start;
}
.swiper_banner {
    border-radius: 22px;
    box-shadow: 0 19px 70px 0 rgb(163 159 176 / 10%);
}
.dot_custom{
    background-color: aliceblue;
}
.dot_custom .swiper-pagination{
    background-color: #f6f6f6!important;
    padding: 10px 5px!important;
    height: 30px!important;
    border-radius: 36px!important;
    left: 66px!important;
    bottom: 30px!important;
}
.dot_custom .swiper-pagination-bullet{
    background-color: #343434;
}
.what_is_chat_bot_sec_box{
    background-color: #fff;
    box-shadow: 0 19px 70px 0 rgb(163 159 176 / 10%);
    padding: 15px 15px;
    border-radius: 10px;
    margin-bottom: 15px;
    cursor: pointer;
    transition: all .3s;
    border: 1px solid transparent;
}
.Paragraph_sec h1{

    line-height: 19px;
    color: #191a1b;
    font-weight: 600;
    font-size: 24px;
    margin-bottom: 15px;
}
.Paragraph_sec p{
    font-size: 15px;
    letter-spacing: 0.02em;
    line-height: 1.4;
    color: #607d8b;
    margin-bottom: 18px;
    padding-left: 50px;
}
.text_bold{
    font-weight: 700;
}
/* .whtsap_chat_bot_sec_outer{
    display: flex;
    justify-content: flex-start;
    align-content: center;
} */
.arrow_sec{
    margin-right: 10px;
    width: 40px;
    min-width: 40px;
    height: 40px;
    background-color: #eeeeee;
    vertical-align: middle;
    padding: 10px;
    border-radius: 50%;
    text-align: center;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.active_sect_chat{
    background-color: #F4F6FA;
    border: 1px solid #e3ecff;
}
.arrow_sec_active{
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.arrow_sec svg path{
    fill: #191a1b;
}
.Paragraph_sec {
    margin-top: 10px;
}
.Collpse_window{
    display: none;
}
.para_graph_active{
    display: block;
}
.why_sectone_one{
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    padding: 15px 15px;
    border-radius: 6px;
    background-color: #fbfbfb;
    min-height: 162px;
    width: 220px;
    justify-content: center;
}
.whySection_dec_box{
    text-align: center;
}
.whySection_dec_box h4{
    font-weight: 700;
    font-size: 30px;
    margin-bottom: 5px;
}
.whySection_dec_box span{
    font-size: 15px;
    letter-spacing: 0.02em;
    line-height: 1.4;
    color: #607d8b;
    margin-bottom: 18px;
}
.icon_img_hdg img{
    max-width: 100%;
}    
.icon_img_hdg {
    width: 40px;
    height: 40px;
    margin-bottom: 10px;
}
.why_chaT_bot_inner{
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
}
.acc-btn{
    display: flex;
    justify-content: space-between;
    align-content: center;
}
.banner_div{
    margin-right: 33px;
}
.animate_div{
    position: absolute;
    z-index: 1920;
    bottom: -50px;
    right: -30px;
}

.message_box_colum{
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}
.hdfgdfd{
    transition: opacity 0.2s ease 0s;
}
.bot_msg{
    display: flex;
    width: 100%;
    margin-bottom: 6px;
    visibility: hidden;
    transform: translateX(-25px);
    transition: cubic-bezier(0.95, 0.05, 0.795, 0.035);

}
.bot_msg_slide{
    transform: translateX(0px);
    visibility: visible;
    transition: cubic-bezier(0.95, 0.05, 0.795, 0.035);


}
.d-none{
    display: none;
}
.msg_section{
    display: inline-flex;
    position: relative;
    align-items: flex-end;
    max-width: 100%;
}
.message_line{
    background-color: transparent;
    border-radius: 4px;
    font-size: 1rem;
}
.Bot_icon{
    margin-right: 1rem;
    text-align: center;
    position: relative;
}
.img_icon_bot{
    height: 35px;
    width: 35px;
}
.icon_block{
    transform-origin: center bottom;
    transform: scale(1);
    transform: translateY(0px);
}
.icon_pky_img{
    width: 100%;
    height: 100%;
}
.msg_bot_innr{
    position: relative;
    min-width: 0px;
}
.msg_text_outerfs{
    display: flex;
    overflow: visible;
    border-radius: 20px 20px 20px 0px;
  
    padding: 1.5rem 1.5rem;
    max-width: 100%;
    background-color: rgb(246, 247, 254);
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.5px;
    color: rgb(40, 45, 88);

    
}
.msg_wrerap{
    width: 100%;
}
.msg_block_contrent{
    /* white-space: pre-wrap; */
}
.msg_text_wrap{
    word-break: break-word;
    /* white-space: pre-wrap; */
}
.msg_section_box{
    position: absolute;
    top: 0px;
    left: -90px;
    z-index: 1920;
    width: 350px;
    padding: 0px 0px;
}
.user_msg_outer{
    -webkit-box-pack: end;
    justify-content: flex-end;
    padding-right: 0px;
    margin-top: 4px;
    margin-bottom: 10px;
}
.user_msg_end{
    display: inline-flex;
    position: relative;
    align-items: flex-end;
    max-width: 100%;
}
.user_bubble{
    background: linear-gradient(125deg, #EA4B9D 0%, #3777FF 100%);
   
    color: rgb(255, 255, 255);
    border-radius: 20px 20px 0px 20px;

}
.button_group{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 10px;
}
.img_container_badge{
    width: 355px;
    position: absolute;
    top: -29px;
    left: 0;
    z-index: 1920;
}
/* .flot_img{
    display: none;
} */
.btn_hdfgdfd{
    /* background-color: #567af4; */
    background-color: transparent;
    padding: 10px 15px;
    color: #567af4;

    font-size: 14px;
    border-radius: 27px;
    font-weight: 500;
    border: 1px solid #567af4;
}
.add_btn_actice{
 background-color: #567af4;
 color: #fff;
}
.img_icon_hfh{
    width: 40px;
    height: 40px;
    margin-right: 8px;

}
.display_outer{
    display: flex;
    align-items: center;
}
.img_icon_hfh img{
    max-width: 100%;
}
.line_path {
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
    animation: dash 5s linear infinite;
}
.line_path2 {
    stroke-dasharray: 1000;
    stroke-dashoffset: 1500;
    animation: dash 5s linear infinite;
}
.flow_img_sec{
    width: 300px;
    position: absolute;
    top: 25px;
    left: -22px;
    z-index: 1920;
    /* display: none; */
}
.FLow_content_box p{
    font-size: 18px;
    margin-bottom: 10px;
    line-height: 30px;
    text-align: center;
    color: #607d8b;
}
.use_case_tab{
    display: flex;
    justify-content: center;
    margin-top: 35px;
    margin-bottom: 20px;
}
.use_case_menu{
    margin: 35px 0 20px 0px;
    overflow: hidden;
    padding-left: 20px;
    mask-image: linear-gradient(to right, transparent 0%, #000 15%, #000 80%, transparent 100%);
    -webkit-mask-image: linear-gradient(to right, transparent 0%, #000 15%, #000 80%, transparent 100%);
    height: 80px;

}

.tab_clsghdfg{
    color: #282876;
    font-size: 18px;
    line-height: 36px;
    background-color: #EFF2FE;
    font-weight: 500;
    text-align: center;
    padding: 13px 8px 13px 12px;
    width: 300px;
    border: none;
    border-radius: 40px;
    -webkit-transition: all .3s;
    transition: all .3s;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 35px;
    vertical-align: middle;

}
.Acticve_dhgdclass{
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text !important;
    background: linear-gradient(to right,rgb(255 174 130), rgb(150, 201, 61));
    box-shadow: 0 20px 50px rgb(52 49 139 / 7%);
    transition: width 1s,height 1s,transform 1s;
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    opacity: 1!important;
}
.analysis_btn_clr.Active_analysis_btn{
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text !important;
    background: linear-gradient(90deg, rgb(224, 57, 57) 0%, rgb(255,201,116) 97.77070063694266%);
    box-shadow: 0 20px 50px rgb(52 49 139 / 7%);
    transition: width 1s,height 1s,transform 1s;
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    opacity: 1!important;
}
.inbuild_btn_clr.Active_analysis_btn{
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text !important;
    background: linear-gradient(to right,rgb(0, 176, 155), rgb(150, 201, 61));
    box-shadow: 0 20px 50px rgb(52 49 139 / 7%);
    transition: width 1s,height 1s,transform 1s;
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.organize_btn_clr.Active_analysis_btn{
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text !important;
    background-image: linear-gradient(50deg, #8d65e9 0%, #6bcd94 100%)!important;
    box-shadow: 0 20px 50px rgb(52 49 139 / 7%);
    transition: width 1s,height 1s,transform 1s;
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}

.img_rocket_outer{
    position: absolute;
    right: -20px;
    top: -125px;
    transform: rotate(59deg);
}
.img_rocket_outer img{
    width: 150px;
}
.use_case_data{
    /* transition: opacity 300ms ease 0s; */
    position: relative;
}
.tab_clsghdfg:hover{
    cursor: pointer;
    opacity: 0.8;
}
.tab_active{
background-color: #567AF4;
color: #fff;
}
.tab_sectiionGVf{
    display: flex;
    gap: 10px;
}
.use_case_box{
    background-color: #F6F9FF;
    padding: 30px;
    border-radius: 10px;
}
.pagination_slide .swiper-slide, .Analysis_section_slide .swiper-slide{
    width: auto;
}
/* .Analysis_section_slide {
    height: 110px;
} */
.tab_menu_section{
    padding: 6px 12px;
    background-color: #ffffff;
    border: 1px solid #ebebeb;
    color: #575859;
    border-radius: 26px;
    font-size: 14px;
    text-align: center;
    font-weight: 500;
    -webkit-transition: all .3s;
    transition: all .3s;
    display: flex;
    justify-content: center;
   
    transition: width 1s,height 1s,transform 1s;
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);

}
.help_button_menu{
    margin-bottom: 0.5em;
    padding: 0.4em 0.875em;
    font-size: 30px;
    font-weight: 700;
    line-height: 1;
    border-radius: 50em !important;
    display: inline-flex !important;
    border: none;
    opacity: 0.4;
    justify-content: center;
    transition: width 1s,height 1s,transform 1s;
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);

}
.Font_size_35{
    font-size: 40px;
    font-weight: 800;
}
.inner_box_section_four{
    border-radius: 20px 20px 20px 20px;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    background-color: transparent;
    
 
    padding: 45px;
}
.mr-5{
    margin-right: 3px;
}
.yello_grad{
    background: linear-gradient(90deg, rgb(224, 57, 57) 0%, rgb(255,201,116) 97.77070063694266%)!important;
}
/* .tab_menu_section::before{
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
    pointer-events: none;
    box-shadow: 0 20px 50px rgb(52 49 139 / 7%);
    transform: translate3d(var(--lqd-tabs-nav-translate), 0, 0);
    transition: width 1s,height 1s,transform 1s;
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
} */
.tab_menu_section:hover{
    background-color: #e8edff8a;
    border-color: #2355ff69;
    cursor: pointer;

}

.use_case_box_ghdf{
    /* width: 300px; */
    background-color: #ffffff;
    border-radius: 12px;
    min-height: 435px;
    -webkit-box-shadow: 0 1px 24px rgb(0 0 0 / 6%);
    -moz-box-shadow: 0 1px 24px rgb(0 0 0 / 6%);
    -ms-box-shadow: 0 1px 24px rgb(0 0 0 / 6%);
    box-shadow: 0 1px 24px rgb(0 0 0 / 6%);
    margin-bottom: 20px;
    border: 1px solid transparent;
    transition: transform .5s;
}
.use_case_box_ghdf:hover{
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    cursor: pointer;

}
.use_case_acive{
    border: 2px solid transparent;
    border-radius: 16px;
    background: linear-gradient(to right, white, white), linear-gradient(to right, #f6b17c , #a0c744);
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
}
.imag_hfgfdgf{
    height: 190px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 16px;
    overflow: hidden;
}
.content_boxhdfh{
    padding: 15px;
}
.bg_light_yelloow{
    background-color: #FFF6DC;
}
.bg_light_blue{
    background-color: #DBF5FF;
}
.bg_light_green{
    background-color: #ECFFF0;
}
.content_boxhdfh h1{
    font-size: 18px;
    font-weight: 600;
    color: #000000;
    line-height: 32px;
    text-align: left;
    margin-bottom: 8px;
}
.content_boxhdfh p{
    font-size: 14px;
    color: #607d8b;
    text-align: left;
    font-weight: 500;
    margin-bottom: 10px;


}
.button_next, .button_prev{
    width: 30px!important;
    height: 30px!important;
    font-size: 8px;
    border-radius: 50%;
    top: 30px!important;
    background-color: #fff!important;
    box-shadow: 0 5px 10px 0 rgb(27 45 69 / 10%);
}
.scroll_use_case{
    /* height: 500px;
    overflow: auto; */
    overflow: hidden;
}

/* scroll bar */

.scroll_use_case::-webkit-scrollbar {
    width: 8px;
  }
  .scroll_use_case::-webkit-scrollbar,
  .scroll_use_case::-webkit-scrollbar-thumb {
    overflow:visible;
    border-radius: 4px;
  }
  .scroll_use_case::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,.2); 
  }
  .scroll_use_case::-webkit-scrollbar-thumb {
    background: #e6e5e5;
      border: none;
      border-radius: 100px;
      border: solid 3px #e6e5e5;
      box-shadow: none;
      opacity: 0.4;
  }
  .scroll_use_case::-webkit-scrollbar-button {
    display: block;
    height: 6px;
  }
 /* scroll bar end */
.swiper-button-next:after, .swiper-button-prev:after{
    font-size: 15px!important;
    font-weight: 600;
    color: black;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{
    opacity: 0!important;
}
.handling_slide  {
    overflow: visible!important;
}
.button_nextjjf{
    width: 55px!important;
    height: 55px!important;
    border-radius: 100px;
    background-color: #fff!important;
    box-shadow: 0 5px 10px 0 rgb(27 45 69 / 10%);
    top: 185px!important;
}
.pkY_ksdhf{
    line-height: 10px;
    margin-right: 8px;
}
.content_boxhdfh_diff{
    /* overflow: hidden; */
    padding: 70px 10% 65px;
    border-radius: 12px;
    text-align: start;
}

.content_boxhdfh_diff h1{
    margin-top: 0;
    margin-bottom: 10px;
    color: #282876;
    font-size: 32px;
    line-height: 40px;
    font-weight: 500;
}
.content_boxhdfh_diff p{
    margin-top: 0;
    margin-bottom: 20px;
    color: #8181ac;
    line-height: 28px;
    font-size: 18px;
}
.multi_theme{
    background-image: linear-gradient(130deg,rgba(225,244,255,.6) 10%,rgba(255,230,233,.65) 82%);
}
.drag_theme{
    background-image: linear-gradient(130deg,rgb(228 255 118 / 31%) 10%,rgb(36 204 133 / 25%) 82%);

}
.img_boxhfg{
    margin-bottom: -135px;
}
.video_outer_jfh{
    width: 820px;
    position: relative;
    z-index: 2;
    height: 420px;
}
.left_mar{
    margin: 230px -480px;
    margin-bottom: 0;

}
.video_outer_jfh img , .video_outer_jfh video  {
    max-width: 100%;
    -webkit-filter: drop-shadow(0px 0px 39px rgb(32 32 35 / 15%));
    filter: drop-shadow(0px 0px 39px rgb(32 32 35 / 15%));
    border: 1px solid white;
    border-radius: 16px;
    background: white;
}
.img_right{
    text-align: end;
}
.right_banner{
    margin: 230px 0px;
    margin-bottom: 0;
}
.img_drhfg{
    margin-bottom: -270px;
    margin-right: -80px;



}
.text-right_bf{
    text-align: end;
}
.text_start{
    text-align: start!important;
    margin-top: 15px;
}
.star_img_banner{
    background-image: url(../img/flow-bulder/star-bg.png);
    background-position: top,bottom;
    background-repeat: no-repeat;
    background-size: 900px auto;
}
.send_msg_outer{
    display: flex;
    gap: 15px;
    padding: 15px 20px;
    background-color: #ffffff;
    border-radius: 16px;
    margin-bottom: 20px;
    /* -webkit-box-shadow: 0 1px 24px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0 1px 24px rgb(0 0 0 / 10%);
    -ms-box-shadow: 0 1px 24px rgb(0 0 0 / 10%);
    box-shadow: 0 1px 24px rgb(0 0 0 / 10%); */
    /* box-shadow: 0 19px 70px 0 rgb(163 159 176 / 12%); */
    box-shadow: 0px 3px 55px 0px rgb(54 66 78 / 11%);
    --transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    position: relative;
    z-index: 2;
}
.bg_dot_bg {
    background-image: url(http://starthub-6.liquid-themes.com/wp-content/uploads/2022/07/dots.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 70% auto;
}
.patticle_outer{
    position: absolute;
    top: -50px;
    /* filter: blur(8px); */
    z-index: 1;
}
.ligt_white{
    background-image: linear-gradient(180deg,#f9f9ff,#ebecff);
}
.Particle_left{
    left: -70px;

}
.Particle_right{
    right: -130px;
    transform: rotate(179deg);

}
.patticle_outer svg{
   width: 100%;
}
.bg_send_msg{
    background-image: linear-gradient(153deg,rgb(225 235 255 / 70%) 17%,rgb(252 255 225 / 80%));
}
.filter_bg{
    background-image: linear-gradient(94deg,rgb(255 225 247 / 70%) 17%,rgb(225 230 255 / 80%));

}
.ask_qust_bg{
    background-image: linear-gradient(130deg,rgb(255 225 225 / 60%) 10%,rgb(230 255 233 / 65%) 82%);

}
.smart_delay_bg{
    background-image: linear-gradient(118deg,rgb(225 230 255 / 70%) 17%,rgb(255 252 225 / 80%));

}
.actions_bg{
    background-image: linear-gradient(130deg,rgb(255 225 225 / 60%) 10%,rgb(230 255 233 / 65%) 82%);

}
.bg_darKtheme{
    /* background: #011440; */
    background-image: linear-gradient(153deg,rgb(65 50 137) 17%,rgb(24 13 99));
    /* background: url(../img/flow-bulder/mesh.jpg); */
   

    width: 100%;

    background-size:  cover;

    /* background: linear-gradient(0deg, #0f0c29,#302b63), url(../img/flow-bulder/filter-pattern.png);
  
   
    background-position-y: 30px;
    background-position: top;
    background-repeat-y: no-repeat;
    background-size: auto;
    background-blend-mode: overlay;
    background-position-x: -100px; */
    /* background: #2e2a54; */
    /* background: #011440;
    background-image: radial-gradient(#ffffff33 1px, #011440 1px); */
    /* -webkit-background-size: 20px 20px;
    background-size: 20px 20px; */


}
.splitter_bg{
    /* background: linear-gradient(0deg, #44A08D,#093637), url(../img/flow-bulder/filter-pattern.png);
   
    background-position-y: 30px;
    background-position: top;
    background-repeat-y: no-repeat;
    background-size: auto;
    background-blend-mode: overlay;
    background-position-x: -100px; */
    /* background: #011440;
    background-image: radial-gradient(#ffffff33 1px, #011440 1px);
    -webkit-background-size: 20px 20px;
    background-size: 20px 20px; */
    background-image: linear-gradient(112deg,rgb(23 41 65) 17%,rgb(2 134 137));
    width: 100%;
   background-size: cover;
}
.trigger_bg{
    /* background: linear-gradient(0deg, #41295a,#2F0743), url(../img/flow-bulder/filter-pattern.png);
   
    background-position-y: 30px;
    background-position: top;
    background-repeat-y: no-repeat;
    background-size: auto;
    background-blend-mode: overlay;
    background-position-x: -100px */
    background: #011440;
    background-image: radial-gradient(#ffffff33 1px, #011440 1px);
    -webkit-background-size: 20px 20px;
    background-size: 20px 20px;
}
.top-stroke-down {
    position: absolute;
    bottom: -1px;
    left: 0;
    z-index: 4;
    background-image: url(../img/flow-bulder/bgn-brush-stroke.svg);
    width: 100%;
    height: 8px;
    background-size: cover;
}
.top-stroke-top {
    position: absolute;
    top: -1px;
    left: 0;
    z-index: 0;
    background-image: url(../img/flow-bulder/bgn-brush-stroke-blue.svg);
    width: 100%;
    height: 8px;
    background-size: cover;
    transform: rotate(180deg);
}
.wave-arrow{
    left: -85px;
    /* top: 28%; */
    top: 120px;
    right: auto;
    bottom: -30px;
    width: 228px;
    height: 100%;
    position: absolute;
    z-index: 5;
}
.wave-arrow img{
    display: inline-block;
    width: 100%;
    height: 100%;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    overflow: auto;
}
.left_box{
    left: auto;
    right: -85px;
    /* top: 28%; */
    top: 120px;
    bottom: -34px;
    z-index: 5;
}
.pad_o{
    padding: 0;
}
.mar_btn_30px{
    margin-bottom: 35px;
}
.button_hfrtr h4{
    font-size: 15px;
    color: #000000;
    font-weight: 600;
    margin-bottom: 0;
}
.conttent_new_box h1{
    font-size: 20px;
}
.conttent_new_box p{
    font-size: 16px;
    line-height: 25px;
}
.send_box_img_outer{
    width: 45px;
    height: 45px;
    background-color: #06d79c26;
    padding: 9px;
    vertical-align: middle;
    display: flex;
    border-radius: 50%;
}
.send_box_img_outer img{
    max-width: 100%;
}
.send_msg_elmns{
    padding: 10px 15px;
    background-color: #ffffff;
    border-radius: 61px;
    margin-bottom: 5px;
    border: 1px solid transparent;
    float: right;
    display: flex;
    -webkit-transition: all .3s;
    transition: all .3s;
    box-shadow: 0 1px 24px rgb(0 0 0 / 8%);

}
.send_msg_elmns:hover{
    transform: translateX(10px);
}
.bg_light_blue_bnnr{
    background-color: #f4f5fd;
}
.feature_img{
    left: -70px;
    top: -115px;
    transform: rotate(314deg);
    right: auto;
}
.feature_img img{
    width: 130px;
}
.send_msg_outr{
    display: inline-block;
    width: 100%;
}
/* pulse effect start */

  
 
 .elms_icon{
    margin-left: 10px;
    position: relative;
 }
 .send_msg_outr_new{
  
    display: inline-flex;
    justify-content: flex-start;
    margin-right: 10px;
 }
 .element_nox_outer{
  
    
    margin-bottom: 15px;
 }
 .send_msg_elmns:hover {
    cursor: pointer;
   
 }
.send_elemns_block{
    border-radius: 30px;
    margin-bottom: 0;
}

 .sonar {
    background: #0dbc18;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    z-index: 2;
  }
  .sonar:before, .sonar:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 50%;
    background: transparent;
    box-sizing: border-box;
    border: #0dbc18 1px solid;
    z-index: 1;
  }
  .green{
    background: #0dbc18;

  }
  .green:before, .sonar:after{
    border: #0dbc18 1px solid;

  }
  .orange{
    background: #f17c57fa;
}
.orange:before, .orange:after{
    border: #f17c57fa 1px solid;

  }
  .blue{
    background: #3652D9;
  }
  .blue:before, .blue:after{
    border: #3652D9 1px solid;

  }
  .sonar:before {
    -webkit-animation: smallPulse 3s ease-out infinite;
            animation: smallPulse 3s ease-out infinite;
  }
  .sonar:after {
    -webkit-animation: largePulse 3s ease-out infinite;
            animation: largePulse 3s ease-out infinite;
  }
  .demo_caht_btn{
    border-color: #4cb051;
    background: #4cb051;
    color: #ffffff;
}
.demo_caht_btn:hover{
    background-color:#3c9c41; 
}
  
  @-webkit-keyframes smallPulse {
    from {
      transform: scale(0.75);
      opacity: 1;
    }
    95%, 100% {
      transform: scale(2);
      opacity: 0;
    }
  }
  
  @keyframes smallPulse {
    from {
      transform: scale(0.75);
      opacity: 1;
    }
    95%, 100% {
      transform: scale(1.5);
      opacity: 0;
    }
  }
  @-webkit-keyframes largePulse {
    from {
      transform: scale(0.75);
      opacity: 1;
    }
    to {
      transform: scale(2.1);
      opacity: 0;
    }
  }
  @keyframes largePulse {
    from {
      transform: scale(0.75);
      opacity: 1;
    }
    to {
      transform: scale(2.1);
      opacity: 0;
    }
  }
.bg-orange-light{
    background-color: #ef846047;
}
.active_send_msg{
    background-color: rgb(219 231 255);
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    transition: 0.5s all;
    box-shadow: none;
}
/* .active_send_msg .button_hfrtr  h4{
    color: #fff;
} */
.left{
    float: left;
}

.purple_bg{
    background-color: #9778ff2e;
    padding: 5px;
}
.send_msg_img_comfg .swiper ,  {
    max-width: 100%;
   
    border: 1px solid white;
    border-radius: 16px;
}
.analysis_slide{
    -webkit-filter: drop-shadow(0px 0px 39px rgb(32 32 35 / 8%));
    filter: drop-shadow(0px 0px 39px rgb(32 32 35 / 8%));
    border-radius: 16px;
    /* border: 1px solid #fff; */

}
.inBuld_bg{
    /* background: linear-gradient(to bottom,#fff,#f6f9ff); */
    background: linear-gradient(to bottom,#fff,#e4ebfb);
    width: 100%;
     background-repeat: no-repeat;
     background-size: cover;
     
}
.bg_organize{
    
    /* background: linear-gradient(to bottom,#fff,#fff8f8); */
    background: linear-gradient(to bottom,#fff,#fcebeb);

    /* background: linear-gradient(359deg, rgb(212 215 247 / 79%), rgb(255 255 255)); */
    width: 100%;
     background-repeat: no-repeat;
     background-size: cover;
}
.send_msg_img_comfg .brder_none{
    border: none;
}
.bg_light_blue_bnnr .send_msg_elmns{
    background-color: #fff;
}
.blur_gradient3{
    left: auto;
    top: 14%;
    right: 28%;
    bottom: auto;
    width: 120%;
}
.leeft_over{
    right: auto;
    left: 28%;

}
.feature_make{
    position: relative;
}
.bg_vilotet_lught{
    background-color: #8586ff1c;
}
.bg-grey-light{
    background-color: #716a671c;
}
.bg_light_vilet{
    background-color: #d48cf933;
}
.bg_red_light{
    background-color: #fb8d8c21;
}
.grad_sett_left{
    top: -50%;
    width: 110%;
    z-index: 1;
}

/* menu */
.menu_feature{
    position: relative;
}

.feature_product_ico{
    position: fixed;
    left: 20px;
    top: 0;
    z-index: 2;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transform: scale(0);
    transition: transform .5s;
    visibility: hidden;
}

.elmt_btn{
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.feture_icon{
    width: 40px;
    height: 40px;
    transition: transform .5s;
    display: flex;
    padding: 8px;

}
.feture_menu_txt{
    margin-left: 5px;
    margin-right: 10px;

}
.feture_icon img{
    max-width: 100%;
}
.hover_elent_btn{
    transition: all .3s;
    
}
.feture_icon_group{ 
    display: inline-flex;
    background-color: #fff;
    border-radius: 40px;
    box-shadow: -1px 2px 10px rgb(0 0 0 / 10%);
    padding: 5px 5px;
    align-items: center;
    webkit-transition: all .3s;
    transition: all .3s;
}
.feture_menu_txt span{
    font-size: 15px;
    color: #000000;
    font-weight: 500;
    margin-bottom: 0;
}
.feture_menu_txt{
    display: none;
    -webkit-transition: width 1s ease-in-out;
    -moz-transition: width 1s ease-in-out;
    -o-transition: width 1s ease-in-out;
    transition: width 1s ease-in-out;
    
}
.hover_elent_btn:hover .feture_menu_txt{
    display: block;
  
    -webkit-transition: width 1s ease-in-out;
    -moz-transition: width 1s ease-in-out;
    -o-transition: width 1s ease-in-out;
    transition: width 1s ease-in-out;
    

}
.DCtive_wid{
    display: block;
}
.feture_icon_group:hover{
    cursor: pointer;
    transform:translateX(10px)
}


/* submenu */
.Nav_sub_menu_inner{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    height: 40px;
    max-width: 100%;
    padding-right: 0;
    -webkit-box-pack: center;
    -webkit-justify-content: space-between;
    -ms-flex-pack: end;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    font-size: 14px;
    width: 1000px;
    height: 33px;
    margin-bottom: 6px;

}

.nav_sub_menu_text{
    margin-right: 12px;
    padding-right: 20px;
    padding-left: 20px;
    -webkit-transition: .2s;
    transition: .2s;
    font-family: 'DM Sans',sans-serif;
    color: #33405e;
}

.navb_sub_menu{
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    top: 0;
    right: 0;
    bottom: auto;
    z-index: 10;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    /* height: 65px; */
    /* padding: 0; */
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    box-shadow: 0 2px 5px 0 rgb(51 64 94 / 8%);
    flex-direction: column;
    padding: 6px 0;
    padding-bottom: 0;
}
.nav_sub_menu_outerr{
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: auto;
    z-index: 10;
    display: block;
    height: 40px;
    background-color: #fff;
    color: #336;
    display: none;
    transition: all .2s;

}
.add_navscroll{
    transform: translateY(60px);
    /* top: 60px; */
}
.dis_block{
    display: block;
}
.call_to_action_btn{
    padding: 1px 10px;
    background-color: #567af4;
    color: #fff;
    border-radius: 4px;
    -webkit-transition: all .3s;
    transition: all .3s;

}
.call_to_action_btn:hover{
    background-color: #4465d6;
}
.tab_menu_section:hover,.nav_sub_menu_text:hover{
    cursor: pointer;
    color:#567af4; 
}
.feautr_outer_box{
    /* border-top: 1px solid #ededed; */
    width: 100%;
    margin-top: 8px;
    /* display: flex; */
    justify-content: center;
    /* width: 1000px; */
    opacity: 0;
    transform: scale(0);
    transition: transform .5s;
    visibility: hidden;
    display: none;
    background-color: #f3f5f8;
    margin: 0 auto;
}
.menu_feture_btn:hover{
    border-color: transparent;
}
.feature_product_ico_visible{
    opacity: 1;
    transform: scale(1);
    visibility: visible;
    display: block;


}
.feature_slider{
    /* margin-top: 8px; */
    width: 1000px;
    display: flex;
    justify-content: center;
    margin: 0 auto;
}
.analysiss_page{
    /* background-image: linear-gradient(145deg,rgb(97 190 251) 10%,rgb(60 16 191) 82%); */
    
}

.menu_feture_btn{
    font-size: 13px;
    padding: 4px 10px;
    border: none;
    border-right: 1px solid #e1e1e1;
    border-radius: 0;
    background-color: transparent;
    border-bottom: 2px solid transparent;

}
.border_none{
    border-right: none;
}

.btn_next_jfg{
    top: 23px!important;
    width: 25px!important;
    height: 25px!important;
}
.btn_next_jfg::after,.btn_next_jfg::before{
    font-size: 11px!important;
}
.nav-up {
    top: -70px;
    -webkit-transition: background-color 800ms linear;
    -moz-transition: background-color 800ms linear;
    -ms-transition: background-color 800ms linear;
    -o-transition: background-color 800ms linear;
    transition: background-color 800ms linear;
}

.FLow_content_box  .text-white{
    color: #fff;
}
.border_rad_20px{
    padding: 30px 50px 40px;
    border-radius: 20px;
}
.tab_button_group{
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-bottom: 25px;
}
.data_view_button{
    padding: 10px 20px;
    border-radius: 42px;
    font-size: 17px;
    border: 1px solid #3c10bf00;
    color: #777777;
    font-weight: 500;
    background-color: #fcfcfc87;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    transition: 0.5s all;
    opacity: 0.5;
}
.data_view_button:hover{
    background-color: #ffffff;
    cursor: pointer;

}
.tab_active_btn {
    border-bottom: 2px solid #567af4;
    color: #567af4;
}
.border_radius{
    border-radius: 20px;
}
.data_view_active{
    background-color: #ffffff;
    opacity: 1;
}
.tab_section_analys{
    margin-top: 20px;
}
.feature_slide_hdff .swiper-slide {
    max-width: 165px!important;
    width: auto!important;
}
.pad_top_50px{
    padding-top: 100px;
    position: relative;
}
.pad_top_100px{
    padding-top: 100px;
}
.route_flow_box{
    position: absolute;
    width: 460px;
    right: 25px;
    top: -100px;
    z-index: 3;
}
.route_flow_box_left{
    position: absolute;
    width: 500px;
    right: -85px;
    top: -100px;
    z-index: 3;
}
.Svg_FLow_outer{
    position: absolute;
    top: -42px;
}
.img_outer_hjfhg {
    z-index: 2;
    position: relative;
    margin-top: 75px;
}
.img_outer_hjfhg  img{
    height: 100%;
}
.bg_grad_end{
    background:linear-gradient(0deg, rgb(97 190 251), rgb(60 16 191)), url(../img/flow-bulder/analysis-flow.png);
    /* background-image: url(../img/flow-bulder/analysis-flow.png); */
    background-position-y: 30px;
    background-position: top;
    background-repeat-y: no-repeat;
    background-size: auto;
    background-blend-mode: overlay;
    background-position-x: -100px;
}
.wavw_awrow_derf{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 200;
    background-color: #fff;
}
.wawe_outer{
    z-index: -1;

}
.wavw_arrow_anime{
    transform: translate3d(-100%, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(80deg, 0deg);
    transform-style: preserve-3d;
}
.drawflow .connection .main-path {
    fill: none;
    stroke-width: 5px;
    stroke: #4682b4;
    pointer-events: all;
}
.seting_icon{
    z-index: 7;
}
.seting_icon img{
width: 90px;
}
.arrow_pattern_right{
    position: absolute;
    top: 0;
    right: 0;
}
.arrow_pattern_right img{
    max-width: 100%;
}
.left_pattern{
    left: 0;
    right: auto;
    
}

.particles_outer, #tsparticles{
    height: 700px;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    
}
#tsparticles {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    margin: 0;
    z-index: 0; /* if you use -1 you have to set to `"window"` the interactivity.detectsOn property */
}
#your-div {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.elementor-background-overlay {
    background-image: url(../img/flow-bulder/BG-round1.svg);
    background-repeat: no-repeat;
    background-size: cover;

    opacity: 1;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
}
.bg_flow_gd{
    background-image: url(../img/flow-bulder/bg_flow2.svg);

    background-size: contain;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 110% auto;
}
.bg_analysis_flow{
    background-color: #FFFFFF;
    background-image: url(http://starthubthree.liquid-themes.com/wp-content/uploads/2021/11/Group-35762.svg);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 110% auto;
}
.bg_gradient_blue{
    background-color: transparent;
    background-image: linear-gradient(180deg, #DBE4FE 0%, #FFFFFF 100%);
}
.bg_gradient_green{
    background-color: transparent;
    background-image: linear-gradient(180deg, #ffeedeb5 50%, #FFFFFF 100%);
}
.bg_gradient_violet{
    background-color: transparent;
    background-image: linear-gradient(180deg, #e8e8ff 50%, #FFFFFF 100%);
}
.bg_gradient_grey{
    background-color: transparent;
    background-image: linear-gradient(180deg, #ececec 50%, #FFFFFF 100%);
}
.bg_gradient_rose {
    background-color: transparent;
    background-image: linear-gradient(180deg, #f6e8fe 50%, #FFFFFF 100%);
}
.bg_gradient_litegreen{
    background-color: transparent;
    background-image: linear-gradient(180deg, #daf9f0eb 50%, #FFFFFF 100%);
}
.bg_grad_pos{
   
    height: 165px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}
.elementor-shape{
    overflow: hidden;
    position: absolute;
    left: 0;
    width: 100%;
    line-height: 0;
    direction: ltr;
    z-index: 1;
}
.elementor-shape-top{
    top: -1px;
}
.elementor-shape svg {
    display: block;
    width: calc(100% + 1.3px);
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.elementor-6208 .elementor-element.elementor-element-d3248d8 > .elementor-shape-top svg {
    width: calc(300% + 1.3px);
    height: 100px;
    transform: translateX(-50%) rotateY(180deg);
}
.elementor-shape .elementor-shape-fill {
    fill: #fff;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
}
.particles_outer #tsparticles canvas{
    position: absolute!important;
}
.swiper-wrapper{
    transition-timing-function: cubic-bezier(0.43,0.195,0.02,1);
}
.outer_3d_icons{
    width: 100px;
    height: 100px;
    padding: 5px;
    /* background-color: #fff; */
   
    /* box-shadow: 0 1px 24px rgb(0 0 0 / 8%); */
}
.pos_left_icon{
    position: absolute;
    top: 100px;
    left: 35px;
}
.pos_right_icon{
    position: absolute;
    top: 111px;
    right: 15px;
}
.outer_3d_icons img{
    max-width: 100%;
}

.img_border video {
    border-radius: 22px;
}

.loader_bg {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    border-radius: 16px;
    width: 100%;
    height: 100%;
    background: rgb(255, 255, 255);
    display: flex;
    justify-content: center;
    align-items: center;
}
.line {
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 15px;
    background-color: #212832;
}
.load-2 .line:nth-last-child(3) {
    animation: loadingB 1.5s 0s infinite;
}
.load-2 .line:nth-last-child(1) {
    animation: loadingB 1.5s 1s infinite;
}
.load-2 .line:nth-last-child(2) {
    animation: loadingB 1.5s 0.5s infinite;
}
.imag_hfgfdgf img{
    max-width: 100%;
 
}
.small_section_img{
    width: 515px;
    height: 500px;
    /* box-shadow: rgb(0 0 0 / 5%) 0px 20px 40px 0px, rgb(102 0 255 / 15%) 0px 0px 0px 0px; */
}
 /* .video_outer_jfh  video{
     border-radius: 30px;
 } */
.pos_rel{
    position: relative;
}
.left_banner_hhfg{
    max-width: 100%;
    -webkit-filter: drop-shadow(0px 0px 39px rgb(32 32 35 / 15%));
    filter: drop-shadow(0px 0px 39px rgb(32 32 35 / 15%));
    z-index: 2;
    position: relative;
}

/* img zoom start */
.img-zoomer-box {
  
  }
  
  .image_1 {
    /* width: 100%; */
    height: auto;
  }
  
  .img-zoomer-box:hover, .img-zoomer-box:active {
    cursor: zoom-in;
    display: block;
  }
  
  .img-zoomer-box:hover .image_2, .img-zoomer-box:active .image_2 {
    opacity: 1;
  }
  .image_2 {
    width: 340px;
    height: 340px;

    
    background-repeat: repeat;
    box-shadow: 0 5px 10px -2px rgba(0,0,0,0.3);
    pointer-events: none;
    position: absolute;
    opacity: 0;
    border: 4px solid whitesmoke;
    z-index: 99;
    border-radius: 100%;
    display: block;
    transition: opacity .2s;
  }
/* img zoom End */

.mar_btm_65px{
    margin-bottom: 45px;
}
.w--100_video{
    width: 100%!important;
    height: 567px!important;
}
.opertaion_box{
    display: inline-flex;
    align-items: center;
    gap: 5px;
    background: #ffffff;
    padding: 10px 15px;
    font-weight: 500;
    border-radius: 12px;
    flex-direction: column;
    width: 200px;
    height: 200px;
    justify-content: center;
}
.opertaion_box h4{
    margin-bottom: 0;
}
.font_990{
    font-weight: 800;
}
.outrr_section_box{
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    /* margin-bottom: 20px; */

}
.bg_greurr{
    background: linear-gradient(to right, #002738, #002738, #024966);
    align-items: center;
    gap: 18px;
}

.data_cost h3{
    font-size: 32px;
    font-weight: 800;
    text-align: center;
    margin-bottom: 5px;
}
.data_cost p{

}
.fot_color{
    color: #1f1f1f!important;
    font-weight: 500!important;
    text-align: center;
    margin-bottom: 0!important;
}
.icon_grp{
    width: 60px;
    height: 60px;
}
.icon_grp img{
    max-width: 100%;
}
.btn_sigh_main{
    height: 55px;
    border-radius: 46px;
}
.img_ytr_set{

}
.maximg_container img{
    max-width: 100%;
}

@keyframes loadingB {
    50% {
        width: 35px;
    }
    100% {
        width: 15px;
    }
}



@keyframes dash {
    to {
      stroke-dashoffset: 0;
    }
  }
  .linestep{
      /* transform: scale(0); */
  }
  .linestep{ visibility:hidden;  }
  .linestep{
  
    animation: show-step-item 1s linear forwards;

}
.linestep1{ animation-delay:  2s; }

.linestep2{ animation-delay:  3s; }
@keyframes show-step-item{
	from { 
         transform: translatey(-10px); 
         /* opacity: 0 */
         visibility: hidden;
        }
	to{ visibility:visible; 
        /* transform: scale(1); */
        transform: translatey(0px); 

         /* opacity: 1 */
         }
}
.omg_outer_box{
    overflow: hidden;
    border-radius: 20px;
    background-color: #ecf1ff;
}
.img_trasform{
    height: 465px;
    animation: show-step-item 9s ease-in-out infinite;

}
.img_trasform:hover{
    animation: none;
}
@keyframes show-step-item{
	from { 
         transform: translateX(0px); 
         /* opacity: 0 */
       
        }
	to{ 
        /* transform: scale(1); */
        transform: translateX(-292px); 

         /* opacity: 1 */
         }
}
.text_beta{
    padding: 0px 8px;
    border-radius: 20px;
    color: #567af4;
    margin-left: 5px;
    position: relative;
    margin-top: -27px;
    float: left;
    width: 100%;
}


@media only screen and (max-width: 992px) {
    html ,body{
      width: 100%;
      overflow-x: hidden;
    }
    .msg_section_box{
        left: 0;
    }
    .img_icon_banner , .msg_section_box ,.img-container_sec ,.img_boxhfg ,.img_drhfg {
        display: none;
    }
    .Paragraph_sec h1{
        font-size: 16px;
        margin-bottom: 0;
    }
    .video_outer_jfh {
        width: 100%;
        height: 164px;
    }
    .left_mar ,.right_banner{
        margin: -60px 0 0 0!important;
    }
    .left_mar img ,.right_banner img{
        max-width: 100%;
    }
    .imag_hfgfdgf{
        height: auto;
    }
    .tab_clsghdfg{
        width: auto;
        padding: 10px 20px;
    }
    .help_button_menu{
        font-size: 16px;
    }
    .use_case_menu{
        height: auto;
    }
    .reverce_row{
        display: flex;
        flex-direction: column-reverse;
    }
    .opertaion_box{
        width: 100%;
    }
    .img_logoconct{
        display: none;
    }
    .text_res_cnt{
        text-align: center;
        margin-top: 15px;
    }
    .FLow_content_box .mail_title_bulder_text ,.FLow_content_box p{
        text-align: center!important;
    }
    .send_msg_outer{
        flex-direction: column;
    }
    .img_outer_hjfhg img{
        max-width: 100%;
        width: 100%;
    }
    .img_outer_hjfhg{
        margin-top: 20px!important;
    }
    .route_flow_box_left ,.route_flow_box{
        position: unset;
        width: 100%;
    }
    .pad_top_100px ,.pad_top_50px{
        padding-top: 0;
    }
    .patticle_outer ,.nav_sub_menu_outerr ,.navb_sub_menu ,.img_rocket_outer ,.flow_img_sec{
        display: none;
    }
    .w--100_video{
        height: auto!important;
    }
    .leeft_over{
        left: auto;
        width: 100%;
    }
    .automote_elent_box{
        height: 200px;
    }
    .content_boxhdfh_diff h1{
        font-size: 25px;
        line-height: 30px;
    }
    .content_boxhdfh_diff{
        padding: 20px 10% 65px;
    }
    .use-cse-nxt, .use-cse-prv  {
        top: 20px!important;
    }
    .use_case_box{
        padding: 0;
    }
    .bnr_nxt  {
        right: 15px!important;;
    }
    .bnr_prv{
        left: 15px!important;

    }
    .pb_mob_0{
        padding-bottom: 0;
        padding-top: 0;
    }
    .sell_suprt_conternt h1{
        font-size: 25px;
        text-align: center;
        line-height: 40px;
    }
    .button_nextjjf{
        top: 100px!important;
        width: 35px!important;
        height: 35px!important;
    }
    .FLow_content_box{
        margin-top: 30px;

    }
    .pad_top_0{
        padding-top:0 ;

    }
    .video_outer_jfh img, .video_outer_jfh video{
        border-radius: 8px;
    }
   
    .slider_outerr_box{
        background-color: #f2f5ff;
        height: auto;
    }
    .dd_flex_oyter_ovr{
        display: flex;
        overflow: auto;
        gap: 10px;
    }
    .dd_flex_oyter_ovr  .button_hfrtr h4{
        white-space: nowrap;
        
    }
    .send_msg_outr{
        width: auto;
    }
    .maximg_container ,.omg_outer_box {
        display: none;
    }
}