@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');
 
  ul.flex li.first_depth > p::before{
    font-size: 0 !important;
  }
.main_card_outer{
     background: #FFFFFF;
     border: 1px solid #E7EBFF;
     box-shadow: 0px 26px 40px rgba(188, 202, 255, 0.13);
     border-radius: 26px;
}
.card_inner small {
    font-family: "Outfit", sans-serif;
    color: #797878;
    font-size: 17px;
    font-weight: 300;
    min-height: 58px;
    display: block;
}
 .Get_btn-tariff {
     background: linear-gradient(90deg, #7252FF 0%, #AA3FFF 100%);
     box-shadow: 0px 8px 36px rgba(27, 34, 60, 0.16);
     border-radius: 5px;
     width: 100%;
     height: 42px;
     color: white;
     font-size: 20px;
      font-family: "Outfit", sans-serif;
}
.start-GET {
  border: 1px solid #302A79;
  border-radius: 8px;
  font-size: 13px;
  color: #302A79;
  padding: 3px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: "Outfit", sans-serif;
  font-weight: 200;
  background: rgba(255, 0, 0, .40);
  position: absolute;
  top: -15px;
  left:calc(100% - 61%);
  margin: 0 auto;
  width: 78px;
  display: block;
  height: 27px;
  content: '';
  right: auto;
}
.col-lg-3.md-w.monthly_plan_terif {
  position: relative;
}
 .start_btn-tariff {
    background: linear-gradient(90deg, #7252FF 0%, #AA3FFF 100%);
     box-shadow: 0px 8px 36px rgba(27, 34, 60, 0.16);
     border-radius: 5px;
     width: 100%;
     height: 42px;
     color: white;
     font-size: 20px;
      font-family: "Outfit", sans-serif;
}
 .card_inner{
     padding:1rem;
}
 .hed_plan{
       font-size: 36px;
    padding-top: 10px;
        font-family: "Outfit", sans-serif;
    font-weight: 600;
}
 .month_pl {
   
}
 .per-m {
        font-size: 20px;
    font-family: "Outfit", sans-serif;
    color: #797878;

}
 .mon_drol {
     font-size: 50px;
         font-family: "Outfit", sans-serif;
    font-weight: 500;
    color: black;
}
 .starter_card_outer{
     box-shadow: none;
     background-color: transparent !important;
     color: #302a79;
     background-image: url(../images/newcr.svg);
     background-repeat: no-repeat;
     max-width: 100%;
     background-repeat: no-repeat;
     background-size: cover;
     height: 100%;
         border-radius: 20px;
}
 .starter_card_inner{
     padding: 15px;
}
 .starter-hed_plan{
       font-size: 34px;
    color: white;
    padding-top: 15px;
        font-family: "Outfit", sans-serif;
    font-weight: 600;
}
 .str_text {
     color: #9CA3BD;
}
 .S-per-m {
     color: #9CA3BD;
}
 .starter-month_pl {

}
 .starter-per-m {
     font-size: 21px;
}
 .starter-mon_drol {
     font-size: 50px;
}
 .S-mon_drol{
     color: white;
     font-size: 60px;
     font-weight: 600;
       font-family: "Outfit", sans-serif;
}
 .list_aling {
     display: flex;
     align-items: center;
     font-size: 13px;
     line-height: 30px;
         font-family: "Outfit", sans-serif;
}
 ul {
     margin: 0;
     padding: 0;
     border-top: solid 1px #E7EBFF;
     margin-top: 15px;
     padding-top: 10px;
         font-family: "Outfit", sans-serif;
}
 .apl_ser {
     font-weight: 600;
}
 .hugeicons--tick-01 {
     display: inline-block;
     width: 1em;
     height: 1em;
     --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M5 14.5s1.5 0 3.5 3.5c0 0 5.559-9.167 10.5-11' color='%23000'/%3E%3C/svg%3E");
     background-color: currentColor;
     -webkit-mask-image: var(--svg);
     mask-image: var(--svg);
     -webkit-mask-repeat: no-repeat;
     mask-repeat: no-repeat;
     -webkit-mask-size: 100% 100%;
     mask-size: 100% 100%;
     font-size: 24px;
}
 .range-container .range-track {
     width: 100%;
     height: 2px;
     position: relative;
     border-radius: 15px;
     background: #e6d0fd;
}

 .range-container .st-range-track {
     width: 100%;
     height: 2px;
     position: relative;
     border-radius: 15px;
     background: #e6d0fd;
}

 .starter li {
     color: white;
}
 .dimend-D{
     display: flex;
    gap: 10px;
    align-items: center;
    padding-top: 3rem;
}
 .ten-crd-text{
}
.tariff-text {
    padding-top: 15px;
        font-family: "Outfit", sans-serif;
}
.price {
    color: #9CA3BD;
    padding-top: 15px;
        font-family: "Outfit", sans-serif;
}

.range-container {
    width: auto;
    padding-top: 2rem;
}
.month_pl {
    padding-bottom: 1rem;
}
.range-container .range-track .breakpoints span {
    position: relative;
    width: 1px;
    height: 9px;
    background: #fff;
    margin-left: -10px;
}
.range-container .range-track .breakpoints span span {
  width: fit-content;
  height: fit-content;
  position: absolute;
  top: 0;
  background: none;
}


.S-dimend-D {
    display: flex;
    color: white;
    gap: 10px;
    align-items: center;
    padding-top:3rem;
}
 


.star_range-container .s-range-track .breakpoints span {
    position: relative;
    width: 1px;
    height: 9px;
    background: #fff;
    margin-left: -10px;
}
.star_range-container .s-range-track .breakpoints span span {
  width: fit-content;
  height: fit-content;
  position: absolute;
  top: 0;
  background: none;
      color: white;
    font-size: 12px;
}

.star_range-container {
    padding-top: 2rem;
}
 .star_range-container .s-range-track {
     width: 100%;
     height: 2px;
     position: relative;
     border-radius: 15px;
     background: #e6d0fd;
}

 .range-container .s-range-track {
     width: 100%;
     height: 2px;
     position: relative;
     border-radius: 15px;
     background: #e6d0fd;
}


.star_range-container .s-range-track .breakpoints {
    display: flex;
    justify-content: space-between;
    padding: 0 20px;
}

.star_range-container .s-range-track .s-range-thumb {
  width: 23px;
  height: 23px;
  background: linear-gradient(90deg, #7252ff, #aa3fff) border-box;
  border-radius: 50%;
  border: 1px solid #fff;
  position: absolute;
  top: 50%;
  left: 25px;
  transform: translate(-50%, -50%);
  transition: 0.3s;
  cursor: pointer;
}
.ten-crd-tex{
    font-size: 12px;
}
.main_card_outer.betm_ped {
    padding-bottom: 2rem;
}



.mainpic_out {background: #FBFBFB;
border: 1px solid #E7EBFF;
box-shadow: inset 0px 1px 5px rgba(86, 110, 232, 0.1);
border-radius: 14px;
width: 320px;
    margin: 0 auto;
padding: 5px;}
.mainpic_out .small, .mainpic_out small {
  font-size: 13px;
  margin: 0 0 0 8px;
}

button.monthly.brod_rd{
    border:solid 1px #E7EBFF !important;
        margin-right: 20px;

}
.nb_g{ background:transparent !important; }
.newyearly {
  border-radius: 15px;
  width: 150px;
  height: 57px;
  background: #fff;
  font-size: 20px;
}

.new_monthly {
  border-radius: 15px;
  width: 150px;
  height: 57px;
  background: #fff;
  font-size: 20px;
}
.mainpic_out .new_monthly.active,
.mainpic_out .newyearly.active {
  background: linear-gradient(90deg, #7252ff, #aa3fff) border-box;
  color: #fff;
}
.mainpic_out .newyearly {
  margin-left: -20px;
}


.back-arrow_glass {
  position: absolute;
  height: 550px;
  width: 550px;
  top: 95px;
  left: -105px;
  background-image: url(../images/glass3d.svg);
  background-repeat: no-repeat;
}


.about-container {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 60px;
  background: hsla(0, 0%, 100%, 0.3);
  border-radius: 15px;
  border: 1px solid #fff;
  margin-top: 33px;
  padding-bottom: 50px;
  z-index: 1;
}

.ped_bot{    padding-bottom: 5rem;
    padding-top: 2rem;}

.ped_top{padding-top: 14rem;}


.inn_part p {
    width: 77%;
    padding-top: 3rem;
}

ul.list_style_num li {
    list-style: number;
}