/**------------ Plan*/
.c-plans{
  display: flex;
  padding: 0 0 10px;
}
.c-plans--slider .swiper-pagination{
  display: none;
}
.c-plans__item{
  width: 31%;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 3px 6px rgba(0,0,0,0.16);
  display: block;
  padding-bottom: 36px;
}
.c-plans__item:hover{
  opacity: 1;
}
.c-plans__label{
  font-size: 17px;
  font-weight: bold;
  text-align: center;
  color: #fff;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  padding: 21px 0 14px;
  display: block;
}
.c-plans__title{
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  padding: 22px 0 12px;
}
.c-plans__inner{
  width: 100%;
  max-width: 304px;
  margin: auto;
}
.c-plans__prices{
  display: flex;
  gap: 6px;
  font-weight: bold;
  color: #EC0F44;
  justify-content: center;
  align-items: center;
  border-top: 1px dashed #CCCCCC;
  border-bottom: 1px dashed #CCCCCC;
  padding: 8px 0 6px;
}
.c-plans__mPrice{
  font-size: 15px;
  border-radius: 50px;
  padding: 3px 11px 1px;
  border: 1px solid;
  display: inline-block;
  height: max-content;
}
.c-plans__price{
  font-size: 46px;
  line-height: 1;
}
.c-plans__unit{
  font-size: 12px;
}
.c-plans__unit strong{
  font-size: 15px;
  line-height: 1;
}
.c-plans__priceList{
  font-weight: bold;
}
.c-plans__img{
margin-bottom: 26px;
overflow: hidden;
height: 210px;
}
.c-plans__img img{
width: 100%;
display: block;
transform: scale(1);
transition: all ease 0.4s;
height: 100%;
object-fit: cover;
object-position: center;
}
.c-plans__item:hover img{
transform: scale(1.1);
}
.c-plans__priceItem{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 17px 0;
}
.c-plans__priceItem span{
font-size: 12px;
line-height: 1;
color: #6F6E6F;
}
.c-plans__priceItem strong{
font-size: 18px;
line-height: 1;
}
.c-plans__priceItem p{
color: #EC0F44;
line-height: 1;
}
.c-plans__row{
color: #fff;
font-weight: bold;
text-align: center;
border-radius: 50px;
padding: 4px 20px 3px;
background: #6F6E6F;
display: block;
}
.c-plans__row ~ .c-plans__row{
margin-top: 7px;
}
.c-plans__steps{
display: flex;
gap: 7%;
margin-top: 20px;
}
.c-plans__step{
width: 14.5%;
border: 1px solid #6F6E6F;
padding: 13px 0;
writing-mode: vertical-lr;
border-radius: 10px;
display: inline-flex;
line-height: 1.2;
justify-content: center;
align-items: center;
font-weight: bold;
color: #6F6E6F;
position: relative;
}
.c-plans__step:not(:first-child):before{
content: '▶';
position: absolute;
left: -17px;
top: 50%;
transform: translateY(-50%);
}
.c-plans__step:not(:first-child):after{
content: '';
width: 10px;
position: absolute;
height: 6px;
background: #6F6E6F;
left: -53%;
top: 50%;
transform: translateY(-46%);
}
.c-plans__step.disable{
border-color: #E1E1E1;
color: #E1E1E1;
}
.c-plans__step.disable:before{
content: '';
}
.c-plans__step.disable:after{
content: '';
width: 160%;
}

.c-plans__item--1:hover{
background: #F3FAFC;
}
.c-plans__item--1 .c-plans__label{
background: #3EABC2;
}
.c-plans__item--1 .c-plans__title{
color: #3EABC2;
}
.c-plans__item--1 .c-plans__row.active{
background: #3EABC2;
}

.c-plans__item--2:hover{
background: #F3F6FC;
}
.c-plans__item--2 .c-plans__label{
background: #3E66C2;
}
.c-plans__item--2 .c-plans__title{
color: #3E66C2;
}
.c-plans__item--2 .c-plans__row.active{
background: #3E66C2;
}

.c-plans__item--3:hover{
background: #F9F3FC;
}
.c-plans__item--3 .c-plans__label{
background: #923EC2;
}
.c-plans__item--3 .c-plans__title{
color: #923EC2;
}
.c-plans__item--3 .c-plans__row.active{
background: #923EC2;
}

.c-plans__subtitle{
  text-align: center;
  font-size: 16px;
  font-weight: bold;
}
.c-plans__subprice{
  font-size: 14px;
}
.c-plans__subprice strong{
  font-size: 18px;
}
.c-plans__rows{
  display: flex;
  gap: 10px 2%;
  align-items: center;
  margin-top: 15px;
}
.c-plans__rows .c-plans__row{
  width: 32%;
  padding: 10px 0;
  margin: 0;
}
.p-plan__registration .p-top-block1__item{
  width: 100%;
  padding: 0;
  padding-right: 20px;
  max-width: 100%;
}
.p-plan__registration .p-top-block1__item2::before{
  width: 240px;
  height: 160px;
  background-size: cover;
  background-image: url('../images/plan/registration1.png');
  position: relative;
}
.p-plan__registration img{
  width: 100%;
  display: block;
}
.p-plan__registrationImg1{
  width: 249px;
  margin-right: 26px;
}
.p-plan__registrationImg2{
  width: 405px;
  margin-right: 26px;
}
.p-plan__registrationImg3{
  width: 156px;
}
@media(max-width: 1024px){
.c-plans__item{
  width: 32%;
  padding-bottom: 20px;
}
.c-plans__label{
  font-size: 13px;
  padding: 18px 0 12px;
}
.c-plans__title{
  font-size: 16px;
  padding: 0 0 8px;
}
.c-plans__mPrice{
  font-size: 10px;
  padding: 2px 6px 1px;
}
.c-plans__priceItem{
  padding-left: 10px;
  padding-right: 10px;
}

.c-plans__unit,
.c-plans__priceItem span{
  font-size: 10px;
}
.c-plans__row, .c-plans__unit strong, .c-plans__priceItem p{
  font-size: 12px;
}
.c-plans__price{
  font-size: 25px;
}
.c-plans__priceItem strong{
  font-size: 15px;
}
.c-plans__img{
  height: 160px;
  margin-bottom: 10px;
}
.c-plans__inner{
  padding: 10px;
  margin-top: 0;
}
.c-plans__step{
  font-size: 11px;
}
.c-plans__step:not(:first-child):after{
  height: 2px;
  transform: translateY(-42%);
}
.c-plans__step:not(:first-child):before{
  left: -15px;
}
}
@media(max-width: 800px){
.c-plans--slider .swiper-pagination{
  display: block;
}
.c-plans__step:not(:first-child):after{
  height: 3px;
  transform: translateY(-30%);
}
}
@media(max-width: 767px){
.c-plans{
  gap: 0;
}
.c-plans__subtitle{
  font-size: 13px;
}
.c-plans__subprice{
  font-size: 13px;
}
.c-plans__subprice strong{
  font-size: 15px;
}
.c-plans__prices,
.c-plans__rows{
   flex-wrap: wrap;
   justify-content: center;
}
.c-plans__rows .c-plans__row{
  width: 130px;
}
}
@media(max-width: 600px){
  .p-plan__registration .p-top-block1__item2{
    flex-wrap: wrap;
    padding: 0;
    justify-content: center
  }
  .p-plan__registration .p-top-block1__item2::before{
    width: 100%;
    border-bottom-left-radius: 0;
    border-top-right-radius: 20px;
  }
  .p-top-block1__item2Label{
    margin: -30px auto 0;
  }
  .p-plan__registrationImg1,
  .p-plan__registrationImg2, .p-plan__registrationImg3{
     width: 100%;
     margin: 10px 0;
     padding: 0 20px;
  }
  .p-plan__registrationImg1 img{
    max-width: 300px;
    width: 70%;
    margin: auto;
  }
  .p-plan__registrationImg3 img{
    max-width: 150px;
    width: 45%;
    padding-bottom: 25px;
    margin: auto;
  }
  
}
/**------------ End Plan*/

/**---------------------------------*/
.p-plan{
  font-weight: bold;
}
.p-plan__wrapper{
  max-width: 1305px;
}
.p-plan__title{
  font-size: 30px;
  font-weight: bold;
}
.p-plan__infor{
  gap: 20px 65px;
}
.p-plan__img{
  width: 700px;
}
.p-plan__img img{
width: 100%;
display: block;
}
.p-plan__content{
  width: 500px;
}
.p-plan .c-plans__row.active{
  background: #3EABC2;
}
.p-plan .c-plans__label{
  color: #3EABC2;
  font-size: 30px;
  font-weight: bold;
  border-radius: 20px;
  background-color: #EBF7F9;
  padding: 23px 10px;
  margin-bottom: 22px;
}
.p-plan .c-plans__price{
  font-size: 60px;
}
.p-plan .c-plans__prices{
  align-items: flex-end;
  padding: 20px 0 25px;
  margin: 15px 0 12px;
}
.p-plan .c-plans__price{
  margin-bottom: -7px;
}
.p-plan .c-plans__steps--wrapper{
  background: #F6F6F6;
  border-radius: 20px;
  padding: 19px 20px;
  margin-top: 20px;
}
.p-plan .c-plans__steps{
margin: auto;
max-width: 304px;
}

.p-plan__bg1::before{
  height: 54%;
  top: 50.7%;
}
.p-plan__bg2::before{
  height: 63%;
  top: 54.5%;
}
@media(max-width: 1300px){
.p-plan__infor{
   gap: 30px 3%; 
}
.p-plan__img{
  width: 47%;
}
.p-plan__content{
  width: 50%;
}
}
@media(max-width: 1024px){
.p-plan__infor{
   gap: 30px 0; 
  flex-wrap: wrap;
}
.p-plan__img{
  width: 100%;
}
.p-plan__content{
  width: 100%;
}
}
@media(max-width: 500px){
.p-plan .c-plans__label{
  font-size: 20px;
  padding: 15px 10px;
  border-radius: 15px;
  margin-bottom: 15px;
}
.p-plan .c-plans__price{
  font-size: 25px;
  margin-bottom: -1px;
}
.p-plan .c-plans__prices{
  padding: 15px 0;
}
.p-plan .c-plans__steps--wrapper{
  padding: 15px 10px;
}
.p-plan__title{
  font-size: 20px;
}
}
/**------------------------------------------*/

/**Method*/
.p-plan__method{
  border-radius: 20px;
  border: 1px solid #6F6E6F;
  text-align: center;
  padding: 24px 10px;
}
.p-plan__method img{
margin-right: 27px;
}
.p-plan__methodTt{
  font-size: 20px;
}
.p-plan__methodHead{
  font-size: 28px;
}
.p-plan__methodHead strong{
  font-size: 34px;
}
.p-plan-services{
  display: flex;
  gap: 20px 2.2%;
  flex-wrap: wrap;
}
.p-plan-services__item{
  width: 23.3%;
  border-radius: 20px;
  display: flex;
  justify-content: space-between;
  gap: 14px;
  border: 1px solid #CCCCCC;
  align-items: center;
}
.p-plan-services__item figure{
  width: 97px;
}
.p-plan-services__item img{width: 100%;display: block;border-top-left-radius: 20px;border-bottom-left-radius: 20px;}
.p-plan-services__item p{
  flex: 1;
}
.p-plan-services__bg{
  background: #EBF7F9;
  padding: 66px 0;
}
.p-plan-services.--highlight{
  justify-content: space-between;
  gap: 30px 2%;
}
.p-plan-services.--highlight .p-plan-services__item{
  width: 48%;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  justify-content: flex-start;
  padding-right: 65px;
  box-shadow: 0 3px 6px rgba(0,0,0,0.16);
  border: 0;
}
.p-plan-services.--highlight figure{
  width: 205px;
}
.p-plan-services.--highlight p{
  text-align: center;
  color: #fff;
}
.p-plan-services.--highlight .p-plan-services__item::after{
  background-image: url('../images/common/arrow-w.png');
  width: 11px;
  height: 19px;
  position: absolute;
  right: 6%;
  top: 50%;
  transform: translateY(-50%);
}
.p-plan-services.--highlight p strong{
  font-size: 18px;
}
.p-plan-services__item.--item1{
  background: #3E66C2;
}
.p-plan-services__item.--item2{
  background: #923EC2;
}
@media(max-width:1024px){
.p-plan-services{
  flex-wrap:wrap;
}
.p-plan-services__item{
  width: 48%;
}
.p-plan-services.--highlight .p-plan-services__item{
  padding-right: 30px;
}
.p-plan-services.--highlight figure{
  width: 160px;
}
.p-plan-services.--highlight p strong{
  font-size: 15px;
}
}
@media(max-width:767px){
.p-plan-services{
  justify-content: space-between;
}
.p-plan-services__item{
  flex-wrap:wrap;
  padding-right: 0 !important;
  align-items: flex-start;
}
.p-plan-services__item figure{
  width: 100% !important;
}
.p-plan-services__item p{
  width: 100% !important;
  flex: auto;
  padding: 10px 5px 20px;
  text-align: center;
}
.p-plan-services__item img{
  border-radius: 0;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.p-plan-services.--highlight .p-plan-services__item::after{
  display: none;
}
.p-plan-services__bg{
  padding: 35px 0;
}
.p-plan__methodTt{
  font-size: 16px;
  padding: 10px 0;
}
.p-plan__method{
  padding: 15px 10px;
}
.p-plan__method img{
  max-width: 50px;
  margin: 10px;
}
.p-plan__methodHead {
  font-size: 18px;
}
.p-plan__methodHead strong{
  font-size: 20px;
}
.p-plan-services.--highlight p strong{
  font-size: 14px;
}
.p-plan-services.--highlight p {
  font-size: 12px;
}
}
/**Method*/