html{
  scroll-behavior: smooth;
}
button,input[type=text] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
input:focus{
  box-shadow: none;
  
}
[type=reset], [type=submit], button, html [type=button] {
  -webkit-appearance: unset !important;
}
input:focus-visible{
  outline: none!important;
  box-shadow : none !important;
}
input{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
}
* new update  start */

 .currency_outer_bx{
    display: flex;
      gap: 10px;
      align-items: center;
      background: #ffffff;
      padding: 5px 10px;
      border-radius: 12px;
  }
.txt_qwerrdc{
  font-size: 16px;
  font-weight: 600;
}
.icon_downff{
  height: 24px;
  width: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.drop_sectionqe{
  padding: 5px 10px;
  z-index: 12;
  left: 0;
  display: flex;
  border-radius: 8px;
  background-color: #ffff;
}
.dd_flexaqqw{
  display: flex;
  gap: 10px;
  align-items: center;
}
.outer_boxqwe{
  position: relative;
  display: flex;
  gap: 10px;
  background: #ffffff;
  margin-top: -35px;
  align-items: center;
  border-radius: 44px;
  margin-left: 20px;
  padding: 0 10px;
}
.Active_switch{
  background: #223750;
  color: #ffffff;
}


.currency_outer_bx:hover{
  background-color: #eeeeee;
  cursor: pointer;
}

.main_brd_block_wqu{
  /* padding: 30px; */
  background-color: #F9FAFB;
  border-radius: 20px;
  margin-bottom: 35px;
  display: flex;
  gap: 20px;
  align-items: center;
  box-shadow: 0 0 15px 3px rgba(0, 255, 255, 0.4);
border: 2px solid transparent;
background-image: linear-gradient(#fcfef7, #fdfff5), linear-gradient(135deg, #6EE7B7, #3B82F6, #9333EA);
background-origin: border-box;
background-clip: content-box, border-box;

}
.pad_20p3f{
  padding: 30px;
  padding-right: 0;
}
.text_blockwer{
  font-weight: 600;
  font-size: 16px;
  color: #84c225;
}
.main_blockew{
  font-size: 25px;
  font-weight: 700;
  color: #233952;
  margin-bottom: 15px;
}
.font_sizrtu{
  font-size: 16px;
  color: #374151;
  line-height: 26px;
  margin-bottom: 15px;
}
.btn_rad_blockgs{
  padding: 5px 12px;
  background-color: #ebebeb;
  border-radius: 20px;
  display: inline-flex;
  align-items: center;
  font-weight: 600;
  gap: 10px;
  font-size: 15px;
  color: #252525;
}
.da_lex_gap_15px{
  display: flex;
  gap: 12px;
  margin-bottom: 15px;
}
.bg_balckf{
  background: #84C225;
  color: #ffffff;
  padding-right: 15px;
}
.padd_righrtIi{
  padding-right: 15px;
}
/* new update  end */

.pricing-section{
    /* margin-top: 100px; */
    margin-top: 62px;
    margin-bottom: 20px;
    background: #5C258D;
    background: -webkit-linear-gradient(to right, #4389A2, hsl(272, 58%, 35%));
    background: linear-gradient(to right, #4389A2, #5C258D);
    padding: 80px 0;
}
.content_box .title_main{
  font-size: 44px;
  line-height: 50px;
  font-weight: 800;
  color: #ffffff;
  margin-bottom: 12px;
}
.title_main span{
  color: #fffc9a;
}
.content_box .title_paragraph{
    margin-top: 30px;
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    color: #7988a3;
    
}

.section_pricing{
    padding: 100px 0;
    /* position: relative; */
}
.pricing_box_gfr{
    display: inline-block;
    /* width: 320px; */
    width: 275px;
    /* width: 100%; */

    /* margin: 10px 20px; */
    cursor: pointer;
    margin-top: -170px;
    position: relative;
    /* margin-bottom: 60px; */
    margin-bottom: 30px;
}
.price_box_inr{
    background-color: #fff;
    border-radius: 10px;
    padding: 15px 25px;
    position: relative;
    width: 100%;
    z-index: auto;
    display: flex;
    border: 1px solid #dee2e6;
}

.price_box_active:hover{
  background-color: #f1fffa;
}
.price_box_inr_info{
  background-color: #fff;
  border-radius: 10px;
  padding: 0px 15px;
  position: relative;
  width: 100%;
  z-index: 10;
  display: flex;
  border: 1px solid transparent;
}
.price_plan_gdrprcc{
    flex-basis: 100%;
}
.price_plan_gdrprcc h6{
    float: left;
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-bottom: 0px;
    font-size: 1rem;
}
.price_plan_gdrprcc h6>b{
        /* float: left; */
        width: unset;
        margin-top: 10px;
        font-size: 16px;
        font-weight: 400;
        color: #fff;
        padding: 6px 20px;
        border-radius: 42px;
        margin-bottom: 5px;
        line-height: 19px;
    
}
.pricing_hedrdgt
    {
        color: #191a1b;
        font-weight: 900;
        letter-spacing: 1px;
        font-size: 35px;
        float: left;
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
    }

.pricing_hedrdgt span {
    font-size: 12px;
    color: #333; 
    font-weight: 700; 
}
.pricing_feafbtfge {
    color: #016FF9;
    font-weight: 600;
    letter-spacing: 1px;
    margin: 0;
    padding: 0px;
    float: left;
    width: 100%;

}    
.feature_item_hdre{
    border-top: 1px solid #e1f1ff;
    font-size: 14px;
    line-height: 1.5;
    padding: 10px 0;
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-content: center;
}
.feature_item_hdre>b{
    color: #607d8b;
    font-weight: 400;
    text-align: left;
}
.feature_item_hdre>span{
    color: #000;
    text-align: right;
    word-break: keep-all;
    white-space: nowrap;
}
.feature_images{
    flex-direction: column;
}
.ward_imge_list{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 10px;
}
.ward_imge_list span{
    width: 24px;
    float: left;
    padding: 2px;
}
.ward_imge_list span img{
    width: 100%;
    float: left;
}
.feature_item_hdre span{
    float: right;
}
.disabled_image span>img{
    opacity: 0.4;
}
.feature_item_hdre i{
    float: left;
    font-size: 20px;
}
/* .info_details_hfgftr{
  padding: 15px;
  border-top: 1px solid #d2e9ff;
  margin: 17px -25px;
  margin-bottom: 0;
} */
.info_details_hfgftr {
  padding: 0px;
  /* border-top: 1px solid #d2e9ff; */
  margin: 0px -25px;
  margin-bottom: 0;
  padding-top: 0;
  /* border-right: 1px solid #d2e9ff; */
  padding-bottom: 0;
  height: 135px;

}
.info_details_hfgftr:last-child{
 
}
.pricing_box_gfr_new{
  display: inline-block;
    width: 252px;
    margin: 0px 9px;
    cursor: pointer;
    position: relative;
    margin-bottom: 30px;

}



.dd_flext_fhftt{
  display: flex;
  justify-content: space-between;
}

.img_box_hdr{
  width: 25px;
  margin-right: 10px;

}
.img_box_hdr img{
  width: 25px;
}

.pricing_text{
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: 600;
    color: #191a1b;
}
.info_text p{
  font-size: 14px;
  line-height: 23px;

  color: #607d8b;
  font-weight: 400;
  text-align: left;
}
.Compare_box{
  background-color: #f7faff;
  border-radius: 15px;
  padding: 28px 32px;
  /* height: 17.5em; */
  height: 25.5em;
  transition: transform 0.5s;
  text-align: center;
  /* -webkit-box-shadow: 0 30rem 30rem rgb(32 45 81 / 5%);
    box-shadow: 0 30rem 30rem rgb(32 45 81 / 5%); */
}
.compare_head_title h1{
  margin-bottom: 8px;
  font-size: 2.1rem; 
    line-height: 24px;
    color: #191a1b;
    font-weight: 700;
}

.compare_head_title p{
  font-size: 15px;
  letter-spacing: 0.02em;
  line-height: 1.4;
  color: #607d8b;
  margin-bottom: 18px;
}
.btn_pricing{
  display: inline-block;
    border-radius: 30px;
    padding: 12px 25px;
    -webkit-text-decoration: none;
    text-decoration: none;
    text-align: center;
    -webkit-transition: all 200ms;
    transition: all 200ms;
    cursor: pointer;
    position: relative;
    font-size: 16px;
    font-weight: 400;
    line-height: inherit;
    background-color: #016FF9;
    border:1px solid #016FF9;
    color: #fff;
    
    font-weight: 500;
}

.btn_pricing{
  background-image: url(../img/pricing-page/right-arrow.svg);
  background-position: 90% 50%;
  background-size: 12px;
  background-repeat: no-repeat;
  padding-right: 35px;
}
.btn_pricing:hover{
    background-position: 96% 50%;
    -webkit-transform: translate(0,-2px);
    -ms-transform: translate(0,-2px);
    transform: translate(0,-2px);
}

.compare_box-img{
  margin: 0 auto;
  max-width: 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: ease .3s;
  transition: ease .3s;
  margin-bottom: 15px;
}
.compare_box-img img{
  max-width: 100%;
  max-height: 120rem;
}
.bg_light_blue{
  background: #f6f7fc;

}
.Compare_box:hover{
  -webkit-box-shadow: 0 1px 15rem rgb(32 45 81 / 5%);
  box-shadow: 0 1px 15rem rgb(32 45 81 / 5%);
  cursor: pointer;
}

.Compare_box:hover .compare_box-img {
  -webkit-transform: translateY(-15px);
  transform: translateY(-15px);
}
.payment-section-title{
  text-align: center;
  margin-bottom: 30px;
}
.payment-section-title h1{
  font-size: 49px;
    line-height: 53px;
    font-weight: 700;
    margin-bottom: 25px;
}
.payment-section-title p{
  color: #7988a3;
  font-size: 20px;
  line-height: 30px;
  font-weight: 300;
  padding: 0 50px;
}
.price_logo_img{
  background-color: #f0f8ff;
  width: 165px;
  border-radius: 4px;
  padding: 20px;
}
.price_logo_img img{
  max-width: 100%;
  border-radius: 6px;
}
.faq_qst_box{
  background-color: #ffff;
  border-radius: 6px;
  box-shadow: 0 1px 23px 0 rgb(50 57 66 / 9%);
  padding: 15px 20px;
  margin-bottom: 15px;

}
.mar_btm-40{
  margin-bottom: 20px;
}

.faq_qust_box_tile h1{
  margin-bottom: 12px;
  font-size: 1.7rem;
  line-height: 24px;
  color: #191a1b;
  font-weight: 700;
}
.faq_qust_box_tile p{
    font-size: 15px;
    letter-spacing: 0.02em;
    line-height: 1.4;
    color: #607d8b;
    margin-bottom: 8px;
}
.trial-btn{
    display: inline-flex;
    align-content: center;
    border-radius: 6px;
    padding: 7px;
    -webkit-text-decoration: none;
    text-decoration: none;
    text-align: center;
    -webkit-transition: all 200ms;
    transition: all 200ms;
    cursor: pointer;
    position: relative;
    font-size: 16px;
    font-weight: 600;
    line-height: inherit;
    border: 1px solid #ffffff8a;
   background-color: transparent;
    color: #ffffff;
    font-weight: 500;
    margin-right: 10px;
 
}
.bg_gradnt{
background-color: #fff;
border: 1px solid #fff;
color: #47799f;
}
.blue_gradnt{
  background: #485563;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #29323c, #485563);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #29323c, #485563); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  

  
border: none;
color: rgb(255, 255, 255);


}
.active-border{
  border: 1px solid #2cdc9e;
  background-color: #f1fffa;
}
.trial-btn h4{
  margin-bottom: 0;
  margin-bottom: 0;
  font-size: 1.5rem;
  font-weight: 400;
  letter-spacing: normal;
  margin-left: 6px;

}
.bg-danger_new{
  background-color: #eb4c84;
}
.bg-info_new{
  background-color: #5b58e7;

}
.bg-warning_new{
  background-color: #ff9563;

}
.bg-success_new{
  background-color: #2cdc9e;

}
.bg_wahtsap_grn{
  background: #4CB8C4;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #3CD3AD, #5ac05e);
  background: linear-gradient(to right, #3CD3AD, #5ac05e);
  border: none;
}
.bg_orange_grey{
  background: #56CCF2;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #2F80ED, #56CCF2);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #2F80ED, #56CCF2); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  
  
  border: none;
}
.bg_red_blue{
  background: #FF512F;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #526cf4, #fa5050);
  background: linear-gradient(to right, #526cf4, #fa5050);
  border: none;

}
.img_pattern{
  position: absolute;
  z-index: 1;
  left: auto;
  top: auto;
  right: -191px;
  bottom: -200px;
  height: 210px;
  opacity: 0.5;
    
}
.img_pattern_left{
  position: absolute;
  left: 6px;
  top: auto;
  right: auto;
  bottom: -75px;
  z-index: 1;
  height: 127px;
  opacity: 0.5;


}
.img_pattern_btm{
    position: absolute;
    z-index: 1;
    left: auto;
    top: auto;
    right: 11px;
    bottom: 290px;
    height: 37px;
    opacity: 0.5;
}
.img_pattern_btm-last{
  position: absolute;
  left: 26px;
  top: auto;
  right: auto;
  top: -72px;
  z-index: 1;
  height: 147px;
  opacity: 0.5;
}

.icon_free{
  line-height: 10px;
}
.most_populr{
  height: 41px;
    margin-top: -40px;
    margin-bottom: 0;
    background-color: #68bb59;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.most_populr h6{
  display: block;
  max-width: 200px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 0;
  line-height: 41px;
  text-align: center;
  margin: 0 auto;
  font-size: 17px;
  font-weight: 500;
  color: #fff;
}
.most_poplr .price_box_inr {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-top: transparent;
}
.yr_month_btn{
  width: 260px;
    background: #fff;
    padding: 5px;
    /* margin: 0 auto; */
    border-radius: 35px;
    position: relative;
    border: 1px solid #fff;
    display: flex;
    justify-content: space-between;
    margin-top: -35px;
}

.month-btn-toggle{
  cursor: pointer;
    -webkit-transition: background .2s ease-in-out;
    -o-transition: background .2s ease-in-out;
    transition: background .2s ease-in-out;
    padding: 12px 30px 10px;
    border-radius: 35px;
    font-size: 14px;
    font-weight: 600;
    position: relative;


}

.active-toggle{
  background-image: linear-gradient(to right, #141e30, #243b55);
  border: 2px solid #243b55;
  color: rgb(255, 255, 255);
 
}
.fade_img>img , .fade_img img{
  opacity: 0.3;
}
.pky_swiper{
  overflow: visible!important;
}

.trial-box{
  background-color: #cdcdcd;
  padding: 30px;
  border-radius: 15px;
  /* height: 30rem; */
  box-shadow: 0 12px 44px 0 rgb(119 146 179 / 16%);
    -webkit-transition: .3s;
    transition: .3s;
    cursor: pointer;

}
.trial-box h1{
  color: #ffffff;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: -.01em;
  margin-bottom: 15px;
  font-size: 27px;
}
.trial-box h1 span{
  color: #fffc9a;
}
.trial-box p{
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  color: #ffffff;
  margin-bottom:15px;
  font-size: 16px;
  
}
.btn-sign{
  position: relative;
  padding: 0 20px;
  height: 40px;
    font-style: normal;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    cursor: pointer;
    border: none;
    border-radius: 6px;
    outline: none;
    text-decoration: none;
    display: -moz-box;
    /* display: flex; */
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row;
    -moz-box-pack: center;
    justify-content: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-transition: .1s cubic-bezier(.47,0,.745,.715);
    -moz-transition: .1s cubic-bezier(.47,0,.745,.715);
    transition: .1s cubic-bezier(.47,0,.745,.715);
    margin-top: 10px;
    padding-right: 40px;
    -webkit-appearance: none;
   
}
.btn-blue{
  background-color: #fe9464;
  color: #fff;
}
.btn-dark{
  background-color: #5b58e7;
  color: #fff;

}
.icon-free-sign{
  line-height: 10px;
}
.icon-free-sign span{
  font-size: 16px;
  line-height: 10px;

}
.btn-free-sign:last-child{
  margin-right: 0;
}
.btn-free-sign{
  border: none;
  padding: 0;
  /* display: flex; */
  margin-bottom: 13px;
}
.btn-free-sign h4{
font-size: 1.4rem;
}
.bg-green-grad{
  background: #0575E6;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #021B79, #0575E6);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #021B79, #0575E6); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  
}
.black-grey{
  background: #0F2027;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #2C5364, #203A43, #0F2027);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #2C5364, #203A43, #0F2027); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.icon-btn{
  width: 40px;
  height: 40px;
  padding: 9px;
  background: #1d353e45;
  border-radius: 6px;
  float: left;
  margin-right: 15px;
}

.button-glow{
  overflow: hidden;
}

.button-glow:before {
  position: absolute;
  content: '';
  display: inline-block;
  top: -180px;
  left: 0;
  width: 30px;
  height: 100%;
  background-color: #fff;
  animation: shiny-btn11 3s ease-in-out infinite;
}
@-webkit-keyframes shiny-btn11 {
  0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
  30% { -webkit-transform: scale(2) rotate(45deg); opacity: 0.3; }
  50% { -webkit-transform: scale(3) rotate(45deg); opacity: 0.5; }
  60% { -webkit-transform: scale(4) rotate(45deg); opacity: 0.8; }
  60% { -webkit-transform: scale(5) rotate(45deg); opacity: 1; }
  100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}
.trial-box:hover{
  box-shadow: 0 12px 44px 0 rgb(119 146 179 / 44%);
    -webkit-transform: translate(0,-13px);
    -ms-transform: translate(0,-13px);
    transform: translate(0,-13px);
}

.bg-grey-new{
  /* background-color: #f1f1f1; */
  /* background-color: #f1f9ff; */
  background-color: #fff;
}
.why-box-pky{
  /* background-color: #ffffff; */
  background: #f7faff;
  padding: 30px;
  border-radius: 15px;
  /* box-shadow: 0 12px 44px 0 rgb(119 146 179 / 16%); */
    -webkit-transition: .3s;
    transition: .3s;
}
.why-box-section{
  /* background-color: #fff; */
  height: 25rem;
  margin-bottom: 20px;

 
}
.why-innerbox{
  display: -moz-box;
    display: flex;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    -moz-box-pack: center;
    justify-content: center;
    -moz-box-align: start;
    align-items: flex-start;
    padding: 0 24px;

}
.icon-content{
  margin-bottom: 18px;
}
.why-box-content h1{
  font-size: 20px;
  margin-bottom: 10px;
  font-weight: 600;
  color: #191e24;
  -moz-font-feature-settings: "ss02" off;
  font-feature-settings: "ss02" off;
  line-height: 26px;
}

.why-box-content p{
  font-size: 14px;
    line-height: 23px;
    color: #607d8b;
    font-weight: 400;
    text-align: left; 
}

.text-head-consdr h1{
  font-size: 24px;
  color: #191a1b;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: -.01em;
    -moz-font-feature-settings: "ss02" on;
    font-feature-settings: "ss02" on;
    margin-bottom: 20px;
    padding: 0 24px;
}
.box-reson-outer{
  padding: 0 24px;

}
.box-widjet{
  min-height: 100px;
  padding: 20px;
  background: #f1f9ff;
 
    
    -webkit-transition: .3s;
    transition: .3s;
    border-radius: 6px;


}
.box-reson-outer ul>li{
  margin-bottom: 6px;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  color: #191e24;
  -moz-font-feature-settings: "ss02" on;
  font-feature-settings: "ss02" on;
  display: flex;
  padding: 8px 0px;
}

.box-reson-outer ul>li span{
  margin-left: 10px;
}
.why-text-pky{
  margin-bottom: 50px;
}
.why-text-pky h1{
  font-size: 35px;
}
.why-text-pky p{
  font-size: 17px;
}

/* tool tip */
/* START TOOLTIP STYLES */
[tooltip] {
    position: relative; /* opinion 1 */
    font-size: 13px;
    font-weight: 400;
  }
  
  /* Applies to all tooltips */
  [tooltip]::before,
  [tooltip]::after {
    text-transform: none; /* opinion 2 */
    font-size: .9em; /* opinion 3 */
    line-height: 1;
    user-select: none;
    pointer-events: none;
    position: absolute;
    display: none;
    opacity: 0;
  }
  [tooltip]::before {
    content: '';
    border: 5px solid transparent; /* opinion 4 */
    z-index: 1930; /* absurdity 1 */
  }
  [tooltip]::after {
    content: attr(tooltip); /* magic! */
    
    /* most of the rest of this is opinion */
    font-family: Helvetica, sans-serif;
    text-align: center;
    
    /* 
      Let the content set the size of the tooltips 
      but this will also keep them from being obnoxious
      */
    min-width: 3em;
    max-width: 21em;
    font-weight: 200;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 1ch 1.5ch;
    border-radius: .3ch;
    box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, 0.35);
    background: #333;
    color: #fff;
    z-index: 1930; /* absurdity 2 */
  }
  
  /* Make the tooltips respond to hover */
  [tooltip]:hover::before,
  [tooltip]:hover::after {
    display: block;
  }
  
  /* don't show empty tooltips */
  [tooltip='']::before,
  [tooltip='']::after {
    display: none !important;
  }
  
  /* FLOW: UP */
  [tooltip]:not([flow])::before,
  [tooltip][flow^="up"]::before {
    bottom: 100%;
    border-bottom-width: 0;
    border-top-color: #333;
  }
  [tooltip]:not([flow])::after,
  [tooltip][flow^="up"]::after {
    bottom: calc(100% + 5px);
  }
  [tooltip]:not([flow])::before,
  [tooltip]:not([flow])::after,
  [tooltip][flow^="up"]::before,
  [tooltip][flow^="up"]::after {
    left: 50%;
    transform: translate(-50%, -.5em);
  }
  
  /* FLOW: DOWN */
  [tooltip][flow^="down"]::before {
    top: 100%;
    border-top-width: 0;
    border-bottom-color: #333;
  }
  [tooltip][flow^="down"]::after {
    top: calc(100% + 5px);
  }
  [tooltip][flow^="down"]::before,
  [tooltip][flow^="down"]::after {
    left: 50%;
    transform: translate(-50%, .5em);
  }
  
  /* FLOW: LEFT */
  [tooltip][flow^="left"]::before {
    top: 50%;
    border-right-width: 0;
    border-left-color: #333;
    left: calc(0em - 5px);
    transform: translate(-.5em, -50%);
  }
  [tooltip][flow^="left"]::after {
    top: 50%;
    right: calc(100% + 5px);
    transform: translate(-.5em, -50%);
  }
  
  /* FLOW: RIGHT */
  [tooltip][flow^="right"]::before {
    top: 50%;
    border-left-width: 0;
    border-right-color: #333;
    right: calc(0em - 5px);
    transform: translate(.5em, -50%);
  }
  [tooltip][flow^="right"]::after {
    top: 50%;
    left: calc(100% + 5px);
    transform: translate(.5em, -50%);
  }
  
  /* KEYFRAMES */
  @keyframes tooltips-vert {
    to {
      opacity: .9;
      transform: translate(-50%, 0);
    }
  }
  
  @keyframes tooltips-horz {
    to {
      opacity: .9;
      transform: translate(0, -50%);
    }
  }
  
  /* FX All The Things */ 
  [tooltip]:not([flow]):hover::before,
  [tooltip]:not([flow]):hover::after,
  [tooltip][flow^="up"]:hover::before,
  [tooltip][flow^="up"]:hover::after,
  [tooltip][flow^="down"]:hover::before,
  [tooltip][flow^="down"]:hover::after {
    animation: tooltips-vert 300ms ease-out forwards;
  }
  
  [tooltip][flow^="left"]:hover::before,
  [tooltip][flow^="left"]:hover::after,
  [tooltip][flow^="right"]:hover::before,
  [tooltip][flow^="right"]:hover::after {
    animation: tooltips-horz 300ms ease-out forwards;
  }
 
/* tool tip end */

.add_on_box_inner{
  padding: 15px 15px;
  position: relative;
  height: 50px;
  text-align: center;
  width: 160px;
  flex: 1 1 0;
  min-width: 160px;
}
.add_onText{
  color: #fff;
  background-color: rgba(50,107,255,.8);
  padding: 3px 10px;
  border-radius: 37px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: .015em;
  text-transform: uppercase;
  text-align: center;
  font-weight: 700;
}
  
.plan_titile{
  color: #222;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: .015em;
  /* text-transform: uppercase; */
  font-weight: 600;

}
.price_btn_hfg{
    width: unset;
    margin-top: 10px;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    padding: 6px 20px;
    border-radius: 42px;
    margin-bottom: 5px;
    line-height: 20px;
}
.Outer_pricing_section{
  display: inline-flex;
  /* gap: 20px; */
  justify-content: center;
  align-items: center;
}

.bg-danger_new {
  background-color: #eb4c84;
}
.bg-warning_new {
  background-color: #ff9563;
}
.pricte_int{
  color: #191a1b;
  font-weight: 600;
  letter-spacing: 1px;
  font-size: 18px;
  float: left;
  width: 100%;
  text-align: center;
  margin-bottom: 0px;
}
.pricte_int span{
    font-size: 12px;
    color: #333;
    font-weight: 700;
}
.bg-info_new {
  background-color: #5b58e7;
}
.bg_light_hdfg{
  background-color: #f7f7f7;
}
.bg-success_new {
  background-color: #2cdc9e;
}
.add_on_outer_box{
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 6px 20px #9a9db334;
    border-radius: 12px;
    /* max-width: 1000px; */
    margin: 0 auto;

    padding: 20px;
}
.borde_top_rafd{
  border-radius: 13px 13px 0 0;
}
.total_rate{
  /* border-top: 1px dotted #000;
  margin: 12px 0; */
  background-color: #f7f7f7;
  border-radius: 0px 0px 13px 13px;
}
.total_text{
  font-size: 22px;
  line-height: 23px;
  font-weight: 800;
  color: #222222;
  text-transform: uppercase;
}
.total_text_count{
  font-size: 22px;
  line-height: 23px;
  font-weight: 800;
  color: #222;
}
.mbthly_yrlu{
  display: flex;
    justify-content: center;
    margin-bottom: 0px;
    margin-top: 0px;

}
 .outer_add_on_dgdf{
   display: flex;
   /* gap: 35px; */
 }   

.outer_gddre{
  display: block;
}
.hover_class_hfg{
  /* border-radius: 0px 0px 13px 13px; */

}
.hover_class_hfg:hover{
  background-color: #f7f7f7;
  cursor: pointer;
}
.marG_btn_20px{
 margin-bottom: 20px;
}
.Add_on_icon{
  width: 20px;
  height: 20px;
  margin-right: 5px;
}
.Add_on_icon img {
  max-width: 100%;
  width: 20px;
}
.width_first {
  width: 385px;
  max-width: 385px;
  min-width: 385px;
  text-align: left;
}
.adon_select_title{
  color: #222;
  font-size: 20px;
  line-height: 20px;
  letter-spacing: .015em;
  font-weight: 700;
}
.add_on_select_box{
position: relative;

display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 0px;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: space-between;
-webkit-justify-content: space-between;
-ms-flex-pack: space-between;
justify-content: space-between;
padding-bottom: 12px;
max-width: 353px;
min-width: 353px;
width: 100%;
background-color: white;
padding: 15px 10px;
border-radius: 13px;
border: 1px solid #ffffff;
-webkit-transition: all 200ms;
transition: all 200ms;
-webkit-transition: transform 0.5s;
    transition: transform 0.5s;

}
.add_on_select_box:hover{
  border: 1px solid #2cdc9e;
  cursor: pointer;
  -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
}
.Add_on_btn:hover{
  background-color:#2cdc9e; 
  color: #fff;
}
.Add_on_select_icon img{
  width: 35px;
  position: relative;
  margin-right: 12px;
}
.title_text_addon{
  color: #222;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: .015em;
    font-weight: 600;
}
.pricing_text_AddOn{
  margin-bottom: 15px;
  font-size: 15px;
  font-weight: 600;
  color: #191a1b;
}

.Add_on_btn{
  display: inline-block;
  border-radius: 30px;
  padding: 3px 13px;
  -webkit-text-decoration: none;
  text-decoration: none;
  text-align: center;
  -webkit-transition: all 200ms;
  transition: all 200ms;
  cursor: pointer;
  position: relative;
  background-color: transparent;
   border: 1px solid #2cdc9e;
  color: #2cdc9e;
  font-size: 15px;
  font-weight: 500;
  min-width: 90px;
}
.Add_on_outer_box{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 10px;
}
.add_on_added{
  background-color:#2cdc9e; 
  color: #fff;
}
.save_tool_tip{
  background-color: #ffd43b;
  padding: 4px 10px;
  font-size: 13px;
  color: #000;
  font-weight: 700;
  border-radius: 40px;
  margin-left: 10px;
  position: absolute;
  top: -28px;
  left: 3px;
  animation-duration: 1s;
  animation: pulse 2s infinite;
}
.save_tool_tip::after{
  content: '';
  position: absolute;
  left: 43%;
  top: 100%;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 8px solid #ffd43b;
  clear: both;
  animation-duration: 1s;
  animation: pulse 2s infinite;
}
.btn_link_signin{
  border: 1px solid #243b55;
  color: rgb(255, 255, 255);
  background-color:#243b55;
  text-transform: uppercase;
  font-weight: 600;
}
.btn_link_signin:hover{
  background-color: #ffff;
  color: #243b55;
  border: 1px solid #243b551f;
}
.btn_link_signin svg{
  margin-left: 5px;
  vertical-align: middle;
  margin-top: -2px;
  -webkit-transition: .1s cubic-bezier(.47,0,.745,.715);
    -moz-transition: .1s cubic-bezier(.47,0,.745,.715);
    transition: .1s cubic-bezier(.47,0,.745,.715);

}
.btn_link_signin:hover .link__arrow_pky{
  -webkit-transform: translateX(5px);
-ms-transform: translateX(5px);
transform: translateX(5px);
}
.signup_small{
  border: 1px solid #eb4c8414;
  border-color: transparent;
  color: rgb(235 76 132);
  background-color: #eb4c8412;
}
.signup_med{
  border: 1px solid #ff95631a;
  border-color: transparent;

  color: rgb(255 149 99);
  background-color: #ff956317;
}
.signup_large{
  border: 1px solid #5b58e714;
  border-color: transparent;

  color: rgb(91 88 231);
  background-color: #5b58e726;
}
.signup_Unlited{
  border: 1px solid #2cdc9e29;
  border-color: transparent;

    color: rgb(44 220 158);
    background-color: #2cdc9e29;
}
.dlt_btn_hdfg{
  position: absolute;
  right: 5px;
  top: 5px;
  padding: 9px;
  width: 35px;
  color: #5c5c5c;
  height: 35px;
  background-color: white;
  border-radius: 50%;
  box-shadow: 0 1px 2px 0 rgb(60 64 67 / 10%), 0 2px 6px 2px rgb(60 64 67 / 8%);
  -webkit-transition: all 200ms;
  transition: all 200ms;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transform: scale(0);
}
.dlt_btn_hdfg:hover{
 color: #ff0101;
}
.dlt_con_Mouse_over:hover .dlt_btn_hdfg{
  visibility: visible;
  pointer-events: all;
  transform: scale(1);
  opacity: 1;
}
.price_calculator_box{
  max-width: 100%;
  min-width: 100%;
  margin-bottom: 20px;
}
.inpuT_Price{
  border: 1px solid #d7e6ff;
  border-radius: 30px;
  height: 35px;
  background-color: #f7faff;
  margin: 0px 15px;
  padding: 0 15px;
  width: 300px;
  color: #373737;
  appearance: none;
}
.mar_left{
  margin-right: 15px;
}
.inpuT_Price:hover , .inpuT_Price:active{
  border: 1px solid #2cdc9e;
}
.price_calculator_box:hover{
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
  border: 1px solid #c7ffeb;

}
.inpuT_Price:focus-visible{

  box-shadow: none;
  outline: none;
  border: 1px solid #2cdc9e;

}
.connect_with_box{
  border-style: solid;
  border-width: 0px 0px 0px 0px;
  border-color: #FFFFFF;
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
  padding: 30px 40px 20px 40px;
  border-radius: 16px;
  background-color: #2cb7420d;
}
.connect_status_text{
  color: #222;
  font-size: 30px;
  line-height: 55px;
  letter-spacing: .015em;
  font-weight: 700;
}
.img_logoconct{
  width: 220px;
  margin-right: 20px;
  min-width: 220px;
  max-width: 220px;
}
.img_logoconct img{
  max-width: 100%;
}
.text_sucess_color{
  color: #8dc642;
}

.fftwuhj{
  text-transform: unset;
  font-weight: 500;
}
.button_hfgfd{
  background-color: white;
    padding: 5px 10px;
    display: inline-flex;
    border: 1px solid #2cb74245;
    border-radius: 6px;
}
.button_hfgfd:hover{
  background-color: #f9fffa;
  border: 1px solid #2cb742;
  cursor: pointer;
}
.Add_outer_copnnrgf{
  display: flex;
  align-items: center;
  position: relative;
}
.include_plan_badge{
  position: absolute;
  top: 0px;
  right: 44px;
  padding: 5px 14px;
  font-size: 14px;
  color: #ffffff;
  background: #fc914e;
  border-radius: 0px 1px 10px 10px;
  font-weight: 600;

}
.bg_coloure {
  background: #8dc642;
  border-color: #fff;
}
.bg_coloure .plan_titile {

  color: #fff;
}
.bg_coloure:hover{
  background: #2cb742c4;

}
.text-success {
  color: #2cdb9e;
}
.px-0{
  padding-left: 0;
  padding-right: 0;

}
.swiper-wrapper{
  justify-content: center;
}
.text_hfhfgf p{
  font-size: 16px;
  line-height: 25px;
}
.text_hfhfgf{
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 30px;
  background: #fff2806e;
  padding: 10px;
  border-radius: 6px;
  
}
.compare_text {
  padding: 20px 35px;
  background: #fff;
  border-radius: 46px;
  display: flex;
  justify-content: space-between;
  /* margin-bottom: 30px; */
  background: #fff 0% 0% no-repeat padding-box;
  box-shadow: 0 6px 20px #9a9db334;
  align-items: center;
}
.arrow_down {
  color: #000;
}
.compare_text h4 {
  margin-bottom: 0;
  font-size: 30px;
  font-weight: 600;
  color: #000;
}
.compare_text:hover {
  background: #f0fefa;
  cursor: pointer;
}
.Add_btn_jdhd {
  padding: 5px;
  width: 30px;
  height: 30px;
  background: #2cdc9e;
  justify-content: center;
  display: flex;
  align-items: center;
  color: #fff;
  border-radius: 6px;
  -webkit-transition: all 200ms;
  transition: all 200ms;
}
.btn_add{
  width: 40px;
  text-align: center;
  display: flex;
  align-items: center;
  font-weight: 600;
  justify-content: center;
  font-size: 14px;
  background: #f5f8fd;
  border-radius: 6px;

}
.add_btn_outer_box{
  display: flex;
  min-width: 100px;
  gap: 3px;
}
.Add_btn_jdhd:hover{
 cursor: pointer;
 background: #3bc595;
}
.input_hfhf{
  border: 1px solid #d7e6ff;
  border-radius: 6px;
  height: 30px;
  background-color: #f7faff;
  margin: 0px 15px;
  padding: 0 15px;
  width: 40px;
  color: #373737;
  appearance: none;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input[type=number] {
    -moz-appearance:textfield; /* Firefox */
}
.mr_btm_20{
  margin-bottom: 20px;
}
.textPhfhfg{
  font-size: 18px;

}
.btndle_btn_hfhffg{
  
}

.dd_hfhf_box_outer{
  border: 1px solid #ffffffdb;
  border-radius: 15px;
  padding: 15px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center !important;
  align-items: center !important;
  justify-content: space-between;
  -webkit-transition: all 200ms;
  transition: all 200ms;
  background: #ffff;
  background: #fff 0% 0% no-repeat padding-box;
    box-shadow: 0 6px 20px #9a9db334;
}
.bundled_box_outer{
  margin-bottom: 20px;

}
.dd_hfhf_box_outer:hover{
  background: #f7faff;
  cursor: pointer;
}
.dd_hfhf_box_outer h4 {
  font-weight: 500;
  font-size: 20px;
  line-height: 1.5;
  color: #333333;
  margin-bottom: 0;
}
.arrow_down_hfghg{
  padding: 10px;
  display: flex;
  width: 40px;
  align-items: center;
  height: 40px;
  border-radius: 50%;
}
.bg_grad_jfjf{
  background: linear-gradient(86.39deg, #EEF6F5 48.02%, #fef6f7 97.03%);
}
.font_hfhfg h4{
  font-weight: 500;
  font-size: 18px;
  line-height: 1.5;
  color: #333333;
  margin-bottom: 0;
  display: flex;
  gap: 6px;
  align-items: center;

}
.mr_2px{
  align-items: center;
  display: flex;
  margin-right: 5px;
}
.bg_outer_boxcyt{
  padding: 15px 15px;
  border-bottom: 1px solid #f1f1f1;
}
.bg_long_outwe_box{
  display: none;
  background: white;
  padding: 0px 0px 0px 0px;
  border-radius: 12px;
  margin-top: 10px;
}

.bg_outer_boxcyt:last-child{
  border-bottom: none;
}
.dd_flext_btn_outer{
  display: flex;
  justify-content: space-between;
}
.bundled_outer_in{
  display: none;
}
.bundled_outer_in{
  margin-top: 20px;
}
.adon_custm_outer:hover{
 
  cursor: pointer;
}
.adon_custm_outer:hover .bg_grad_jdfhf{
  background-color: #dee2e6;
}
.adon_custm_outer:hover{
  cursor: pointer;
}
.adon_custm_outer:hover .bg_grad_jdfhf{
  background-color: #dee2e6;
}
.mr_btm_30{
  margin-bottom: 30px;
}
.bg_adonprice{
  background-color: transparent;
  background-image: linear-gradient(89.39deg, #E9F1F9 48%, #FFF7ED 100%);
}
.bg_outer_boxcyt:hover{
  background-color: #f1fffa;
}
.bg_outer_boxcyt small{
  margin-top: 6px;
}
.enterrprice_outer .btn-free-sign{
  padding: 10px 15px;
  background: #ffffff;
  border-radius: 44px;
  color: #5d8384;
  box-shadow: 0 19px 70px 0 rgb(163 159 176 / 10%);
}


 
.bg_greeN_outer{
  background-color: transparent;
  /* background-image: linear-gradient(140deg, #358356 1%, #3A5D9F 100%); */
  /* background-image: linear-gradient(140deg, #AD63F0 14%, #41C1E6 100%); */
  background: linear-gradient( 86.39deg, #f0f6ee 48.02%, #FFF7ED 97.03%);
  box-shadow: none;
  
}
.enterprise_outer_box{
  display: flex;
  gap: 20px;
}
.img_outer_box {
  width: 360px;
  
}
.img_outer_box img{
  max-width: 100%;
}
.enterrprice_outer .icon_free svg path{
  fill: #2cdc9e;
}
.text_fhfh , .clr_yellow{
  color: #8dc642!important;
}
 .enter_price_outer_hfgtgf .trial-box h1 {
  color: #222!important;
}
.enter_price_outer_hfgtgf .trial-box  p{
  color: #607d8b;
}
.bg_greeN_outer:hover{
  box-shadow: none;
  transform: none;
}
.arrow_down{
  display: flex;
}
.enter_price_outer_hfgtgf{
  margin-bottom: 60px;
}
.enter_price_text{
  margin: 10px 0px;
}
.bg_enter_prener{
 background: #3690f4;
 margin-bottom: 15px!important;
} 

.enter_price_text p{
  text-align: center;
}
.bg_dark_jf{
  background-color: #595959;
  border-radius: 34px;
  font-size: 15px;

}
.marj_btm_20px{
  margin-bottom: 10px;
}
.img_outer_hfhgg{
  display: flex;
  width: 100%;
  justify-content: center;
  text-align: center;

}
.bg_hdgdfder{
  background: #d8eaff;
  color: #3690f4;
}
.heigt_fhf{
  
  height: 315px;
  display: flex;
  align-items: center;

}
.enter_pricer_box{
    background: #e0e9ffc4;
    border-color: #3690f4b3;
}
/* .img_outer_hfhgg img{
  max-width: 100%;
} */



/* pricing page new update section start */

.paid_suuprt_block{
  background-color: transparent;
  background-image: linear-gradient(89.39deg, #f9e9e9 48%, #e6faff 100%);
}
.box_tab_wraptewq{
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 6px 20px #9a9db334;
  border-radius: 12px;
  margin-top: 15px;
  /* width: 900px; */
  padding: 18px;
}
.trw_uy_table{
  border-radius: 10px 10px 0 0;
  position: sticky;
  position: -webkit-sticky;
  top: 62px;
  transition: top 0.2s ease-in-out !important;
  padding: 12px 15px;
}

.table_data__ytwe{
    display: flex;
    align-items: center;

}
.wid_70_per{
width: 70%;
}
.wid_15{
width: 30%;
}
.pad_tab_boxere{
padding: 12px 15px;
}
.font_size_bold{
font-weight: 500;
line-height: 25px;

}

.bg_clr_rtw{
background: #c7e6ff;

}
.clfr_grey{
color: rgb(33 109 243);
font-weight: 500;
}


.wid_15{
text-align: center;
}
.bg_grad_tabder{
border-radius: 10px;
background: #e7f0ff;
color: #016ff9;
/* color: brown; */
font-weight: 600;
font-size: 14px;
text-align: center;

width: 100%;
float: left;

}
.icon_tbrw{
background-color: #f1f8ff;
color: #016FF9;
width: 25px;
height: 25px;
border-radius: 50%;
justify-content: center;
font-weight: 600;
display: flex;
align-items: center;
}
.dd_flx_taberui{
display: flex;
gap: 10px;
margin-bottom: 15px;
}
.texttrwe_twe{
font-size: 14px;
font-weight: 500;
color: #181818;
line-height: 25px;
}
.pad_tabwiyrwe{
padding: 15px;
}

.pa_boxt_taerwq{
padding: 20px 15px;
  max-width: 100%;
  border: 1px solid #dbdbdb;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
  text-align: center;
  min-height: 305px;
  align-items: center;
  justify-content: center;
  position: relative;
  max-width: 314px;
}
.text_yrwyu_paln{
padding: 5px 15px;
background: #e7e7ff;
margin-bottom: 10px;
float: left;
display: inline-flex;
color: #5b58e7;
font-size: 15px;
font-weight: 600;
border-radius: 6px;
}
.par__grphywe{
font-size: 13px;
  font-weight: 600;
  margin-bottom: 20px;
}

.price_btnWE{
color: #191a1b;
font-weight: 900;
letter-spacing: 1px;
font-size: 35px;
float: left;
width: 100%;
text-align: center;
margin-bottom: 20px;
}
.tetsmlle{
font-size: 12px;
color: #333;
font-weight: 700;
}
.bg_plB2{
background-color: ;
}
.btn_shedule_mtg{
padding: 5px 12px;
background-color: #016FF9;
color: #fff;
font-weight: 600;
border-radius: 6px;
}

.btn_shedule_mtg:hover{
background-color: #0063e0;
}
.pad_30pxtrw{
padding: 30px;
}

.dd_flex_gap_15pxjust_center{
display: flex;
justify-content: center;
gap: 20px;
flex-wrap: wrap;

}
.text_fonytwert{
color: #222;
font-size: 22px;
line-height: 20px;
letter-spacing: .015em;
font-weight: 700;
margin-top: 24px;
float: left;
width: 100%;
position: relative;

}
.te_box_werty{

}
.badg_tyewq{
padding: 5px 15px;
background-color: rgb(68, 112, 255);
color: #ffffff;
font-weight: 600;
border-radius: 15px;
font-size: 14px;
}

.te_box_werty{
display: inline-flex;
  padding: 20px 15px;
  border: 1px solid #ebebeb;
  gap: 15px;
  align-items: center;
  border-radius: 6px;
  width: 100%;
  flex-direction: column;
  /* flex: 1 1; */
  /* margin-bottom: 15px; */
  width: 31.3%;
  text-align: center;
  justify-content: center;
  position: relative;
}
.mar_top10px{
margin-top: 15px;
}
.bg_bggrad{
border-radius: 0 0 12px 12px;
}
.flx_clm{
display: flex;
flex-direction: column;
gap: 5px;

}
.masr_btm30px{
margin-bottom: 28px;
}
.poplar_bx{
  height: 30px;
  display: flex;
  background-color: rgb(95 101 229);
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  justify-content: center;
  position: absolute;
  top: -30px;
  width: 100%;
  align-items: center;
  color: #fff;
  font-weight: 600;

}
.pt-0{
padding-top: 0;
}
.ddflx_gapwert{
display: flex;
gap: 30px;
flex-wrap: wrap;
}
.pa_boxt_taerwq:hover , .te_box_werty:hover ,.bg_light_gn:hover{
background-color: #f0f7ff;
border-color: #016ff991;
}

.d_block_tarweqwr{
padding: 15px;
border: 1px solid rgb(212, 212, 212);
border-radius: 12px;
float: left;
display: flex;
justify-content: space-between;
gap: 15px;
align-items: center;
width: 100%;
/* min-height: 68px; */
margin-bottom: 20px;
}
.font_wrtyuswq{
color: #191a1b;
font-weight: 600;
font-size: 17px;
float: left;
width: 100%;
text-align: start;
}
.mb-0{
margin-bottom: 0;
}
.flex_tabe2{
flex: 2;
}
.left{
float: left;
}
.mrd_btmwer{
margin-bottom: 10px;
}
.icons_tew{
width: 35px;
height: 35px;
border-radius: 50%;
min-width: 35px;
background-color: #e0ebff8c;
display: flex;
align-items: center;
justify-content: center;
color: #016ff9;
}

.Dflxgaprw{
display: flex;
gap: 10px;
align-items: center;
}

.bg_light_gn{
background: #e7f1ff69;
border-color: #0124f933;
}
.pos_arrow_block{
position: absolute;
right: -48px;
top: -16px;
z-index: 12;
transform: rotate(5deg);
}

/* pricing page new update section End */







/* resposive section */


@media only screen and (min-width: 1200px) {
  .slider-price{
    width: fit-content!important;
    margin-right: 15px;
  }
  .slider-price:last-child{
  margin-right: 0!important;
  }
}

@media only screen and (max-width: 992px) {
  html{
    width: 100%;
    overflow-x: hidden;
      }
  .pricing-section{
    margin-top: 20px;
  }
  .content_box .title_main{
    margin-bottom: 19px;
    text-align: center;
    font-size: 30px;
    line-height: 35px;
  }
  .mobil_btn{
    text-align: center;
  }
  .trial-btn{
    margin-bottom: 10px;
  }
  .pricing-section{
  margin-bottom: 0;
  }
  .section_pricing{
    padding: 60px 0;
  }
  .info_details_hfgftr{
    border-right: none;
    padding: 0;
    height: auto;
    margin: 0;
  }
  .Compare_box{
    margin-bottom: 20px;
  }
  .price_logo_img{
    margin-bottom: 20px;
    width: 100%;
  }
  .img_pattern_btm , .img_pattern_btm-last{
    display: none;
  }
  .pricing_box_gfr{
    margin: -83px 0px;
    width: 100%;
    margin-bottom: 20px;
  }
  .pricing_box_gfr {
  
  }
  .pricing_box_gfr_new{
    width: 100%;
    margin: 0px 0px;
    margin-bottom: 20px;

  }
  .payment-section-title h1{
    margin-bottom: 15px;
    font-size: 30px;
    line-height: 37px;

  }
  .payment-section-title p{
    padding: 0 15px;
    font-size: 17px;
    line-height: 27px;
  }
  .mar_btm-40{
    margin-bottom: 0;
  }
  .slider-price{
    margin-right: 15px;  
    width: 299.091px!important;
  }
  .slider-price:last-child{
    margin-right:0px!important;
    padding-right: 20px;
    }
    .trial-box{
      padding: 25px;
     

    }
    .mar-30-px{
      margin-top: 30px;
    }
    .trial-box{
      margin-bottom: 20px;
    }
    .trial-box h1 {
      margin-bottom: 11px;
      font-size: 22px;
    }
    .icon-btn{
      width: 35px;
      height: 35px;
      padding: 7px;
      float: none;
      margin-bottom: 10px;
    }
    .trial-box p{
      font-size: 14px;
    }
    .mobi-text-lft{
      text-align: left;
    }
   
    .why-box-pky {
      padding: 20px 10px;
      
     }
     .px-xm-0{
       padding-left: 0;
       padding-right: 0;
     }
     .add_on_outer_box{
      overflow-y: auto;
     }
     .add_on_select_box{
       width: 100%;
       min-width: 100%;
       max-width: 100%;
     }
     .Add_on_btn{
      width: 90px;
      text-align: center;
     }
     .mbthly_yrlu{
      margin-top: 62px;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      gap: 13px;
     }
     .btn_link_signin {
      width: 112px;
     }
     .width_first{
      width: 215px;
      max-width: 215px;
      min-width: 215px;
     }
     .add_on_box_inner{
       height: auto;
     }
     .outer_add_on_dgdf{
      display: inline-flex;
  
    }
    .inpuT_Price{
      width: -webkit-fill-available;
      width: -moz-available, -webkit-fill-available;

    width: -moz-available;          /* WebKit-based browsers will ignore this. */
    width: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
    width: fill-available;
      margin: 10px 0px;
    }
    .total_text_count {
      margin-right: 5px;
      font-size: 15px;
      float: left;
      width: 145px;
      text-overflow: ellipsis;
      overflow: hidden;
    }
    .addbtb_mob{
      float: right;
    }
    .Add_outer_copnnrgf{
      display: block;
    }
    .img_logoconct{
      width: 50px;
      min-width: 50px;
    }
    .connect_with_box{
      padding: 15px;
    }
    .connect_status_text{
      font-size: 22px;
      line-height: 30px;
      margin-top: 10px;
    }
    .why-box-section{
      height: auto;
    }
    .swiper-wrapper{
      justify-content: start;
    }
    .text_hfhfgf svg{
      min-width: 18px;
    }
    .compare_text h4 {
      font-size: 17px;
    }
    .arrow_down svg{
      width: 22px;
    }
    .compare_text{
      padding: 10px 25px;
      align-items: center;
    }
    .enterprise_outer_box{
      flex-direction: column;
    }
    .enterrprice_outer .trial-btn h4{
      line-height: 22px;
      text-align: start;
    }
    .enterrprice_outer .btn-free-sign{
      align-items: center;
    }
    .img_outer_box{
      max-width: 100%;
    }
    .section_pricing{
      position: unset;
    }
    .font_hfhfg h4{
      font-size: 13px;
    }
    .bg_outer_boxcyt small{
      width: 63px;
    }
  
  li {
      margin: 0 0px 0px;
  }
  /* pricing start */

  .wid_70_per {
    width: 55%;
  }
  .wid_15 {
    width: 32%;
  }
  .plan_titile{
    font-size: 13px;
  }
  .pad_30pxtrw{
    padding: 0;
  }
  .te_box_werty{
    width: 100%;
  }
  .pa_boxt_taerwq{
   min-height: auto;
  }
  .MAR_mpbTOP_15PX{
    margin-top: 28PX;
  }
  .bg_grad_tabder{
    margin-top: 20px;
  }
.d_block_tarweqwr ,.d_block_tarweqwr .Dflxgaprw{
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.flex_tabe2 {
  flex: unset;
}
.d_block_tarweqwr .font_wrtyuswq{
  text-align: center;
}
.pos_arrow_block{
  display: none;
}
.ddflx_gapwert{
  gap: 15px;
}

.main_brd_block_wqu{
  flex-direction: column-reverse;
}

.da_lex_gap_15px{
  flex-wrap: wrap;
}
.bg_balckf  {
  font-size: 14px;
}

.outer_boxqwe{
  padding: 10px 10px;
  margin-left: 0;
  margin-top: 0;
}

.pad_20p3f{
  padding-top: 0;
}
.main_brd_block_wqu{
  gap: 0;

}

/* pricing End */
}