body{
  overflow-x: hidden;
}
body.disable{
  pointer-events: none !important;
}
/*ზოგადი*/
.all-btn{
  display: flex;
  align-items: center;
  cursor: pointer;
}
.all-btn > span{
  font-family: "NotoSans-Bold", "NotoSansGeorgian-Bold";
  transition: 0.6s;
  margin-right: 15px;
}
@media(min-width: 1024px){
  .all-btn:hover > span{
    color: #EE2A7B;
  }
}
@media(max-width: 1023px){
  .all-btn > span{
    font-size: 13px;
  }
}

.more-btn{
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-height: 50px;
  padding: 0 45px;
  cursor: pointer;
  border-radius: 8px;
  border: 1px solid rgba(145,153,180,0.7);
  -webkit-box-shadow: 0px 10px 20px 0px rgba(0,153,255,0.05);
  -moz-box-shadow: 0px 10px 20px 0px rgba(0,153,255,0.05);
  box-shadow: 0px 10px 20px 0px rgba(0,153,255,0.05);

  transition: 0.6s;
}
.more-btn span{
  transition: 0.6s;
}
@media(min-width: 1024px){
  .more-btn:hover{
    background-color: #EE2A7B;
  }
  .more-btn:hover span{
    color: #fff;
  }
}


/*close*/
.close{
  display: inline-flex;
  cursor:pointer;
}
.close svg *{
  transition: 0.6s;
}
@media(min-width: 1024px){
  .close:hover line{
    stroke: #C20B56;
  }
}

/*send btn*/
.send-btn{
  display: inline-flex;
  min-height: 57px;
  padding: 0 45px;
  border-radius: 8px;
  background-color: #EE2A7B;
  color: #fff;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: 0.6s;
}
.send-btn span{
  transition: 0.6s;
}
@media(min-width: 1024px){
  .send-btn:hover{
    background-color: #C20B56;
  }
}

.img-layer{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: 0.6s;
}



.buy-btn{
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 50px;
  background-color: #EE2A7B;
  border-radius: 8px;
  padding: 0 66px;
  cursor: pointer;
  transition: 0.6s;
}
.buy-btn span{
  color: #fff;
}
@media(min-width: 1024px){
  .buy-btn:hover{
   background-color: #C20B56;
  }
}

/*pagination*/

.pagination{
  display: flex;
  justify-content: center;
  align-items: center;
}
.pagination a{
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  border: 1px solid transparent;
  border-radius:50%;

  margin: 0 5px;
  cursor: pointer;
  transition: 0.6s;
}
.pagination a:first-child{
  margin-left: 0;
}
.pagination a:last-child{
  margin-right: 0;
}
.pagination a.active{
  color: #EE2A7B;
  border-color: #EE2A7B;
}
@media(min-width: 1024px){
  .pagination a:hover{
    color: #EE2A7B;
    border-color: #EE2A7B;
  }
}


/*date select*/
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
  background: #d31e43;
  border-color: #d31e43;
}
.rangeMode .flatpickr-day,
.flatpickr-current-month .flatpickr-monthDropdown-months,
.flatpickr-current-month input.cur-year,
span.flatpickr-weekday,
.flatpickr-current-month,
.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
  font-size: 16px !important;
  color: #292562;
  font-family: "NotoSansGeorgian-SemiBold", "NotoSans-SemiBold";
}
.flatpickr-current-month {
   font-family: "NotoSansGeorgian-SemiBold", "NotoSans-SemiBold";
}
.date-wrap{
  position: relative;
}
.date-wrap input{
  width: 235px;
  min-height: 53px;
  padding-left: 60px;
  padding-right: 20px;
  border:1px solid #9199B4;
  border-radius: 8px;
  font-family: "NotoSansGeorgian-SemiBold", "NotoSans-SemiBold";
  font-size: 16px;
}

.date-wrap input::-webkit-input-placeholder {
  font-family: "NotoSansGeorgian-SemiBold", "NotoSans-SemiBold";
  color: #292562;
  font-size: 16px;
  opacity: 1;
}
.date-wrap input:-ms-input-placeholder {
  font-family: "NotoSansGeorgian-SemiBold", "NotoSans-SemiBold";
  color: #292562;
  font-size: 16px;
  opacity: 1;
}
.date-wrap input::placeholder {
  font-family: "NotoSansGeorgian-SemiBold", "NotoSans-SemiBold";
  color: #292562;
  font-size: 16px;
  opacity: 1;
}

.date-wrap svg{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 15px;

}

.ver-social{
  display: flex;
  justify-content: space-between;
}
.ver-social .social{
  display: flex;
  align-items: center;
}
.ver-social .social span{
  margin-right: 20px;
}
.ver-social .social div{
  display: flex;
  align-items: center;
}
.ver-social .social a{
  display: flex;
  margin-right: 10px;
}
.ver-social .social a svg *{
  transition: 0.6s;
}
.ver-social .social a:last-child{
  margin-right: 0;
}

@media(min-width: 1024px){
  .ver-social .social a:hover path{
    fill:#EE2A7B;
  }
}
@media(max-width: 1023px){
  .ver-social .social span{
    margin-right: 10px;
    font-size: 13px;
  }
  .ver-social .social a{
    margin-right: 7px;
  }
  .ver-social .social a svg{
    width: 26px;
    height: 26px;
  }
}




.back-btn{
  display: flex;
  align-items: center;
  cursor: pointer;
}
.back-btn span{
  margin-left: 15px;
  transition: 0.6s;
}

@media(min-width: 1024px){
  .back-btn:hover span{
    color: #EE2A7B;
  }
}
@media(max-width: 1023px){
  .back-btn{
    display: none;
  }
}




/*form and inputs,textarea*/
.input-wrap{
  position: relative;
}
.input-wrap .placeholder-wrap{
  position: relative;
}
.input-wrap input{
  width: 100%;
  border: none;
  border-bottom: 1px solid #9199B4;
  font-size: 13px;
  padding: 15px 0;

  outline: none;
  resize: none;
  border-radius: 0;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;;
  -moz-box-shadow: none !important;;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: linear-gradient(transparent, transparent);
}
.input-wrap .placeholder{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  pointer-events: none;
  transition: 0.6s;
}
 input:focus ~ .placeholder{
  opacity: 0 !important;
}
input:focus::placeholder {
  color: transparent !important;
  opacity: 0 !important;
}
input:focus::-webkit-input-placeholder {
  opacity: 0 !important;
  color: transparent !important;
}
.input-wrap .placeholder span{
  font-size: 13px;
}
.input-wrap .placeholder span:last-child{
  color: #EE2A7B;
}
.error-msg{
  transition: 0.6s;
  max-height: 0px;
  overflow: hidden;
}
.error-msg span{
  padding-top: 5px;
  font-size: 13px;
  color: #EE2A7B;
}
.error .error-msg{
  max-height: 25px;
}

.textarea-wrap textarea{
  position: relative;
  width: 100%;
  height: auto;
  border: none;
  padding: 0;
  padding-top: 15px;
  margin-bottom: 15px;
  font-size: 13px;

  resize: none;
  outline: none;
  box-shadow: none !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: linear-gradient(transparent, transparent);
}
.textarea-wrap .line{
  position: absolute;
  display: block;
  bottom: 0px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #9199B4;
}
.textarea-wrap {
  position: relative;
}
.textarea-wrap .placeholder-wrap{
  position: relative;
  display: flex;
}
.textarea-wrap .placeholder{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  pointer-events: none;
  transition: 0.6s;
}
 textarea:focus ~ .placeholder{
  opacity: 0 !important;
}
.textarea-wrap .placeholder span{
  font-size: 13px;
}
.textarea-wrap .placeholder span:last-child{
  color: #EE2A7B;
}


.search-wrap{
  display: inline-flex;
  position: relative;
}
.search-wrap input{
  width: 388px;
  height: 56px;
  border: 1px solid #9199B4;
  border-radius: 8px;
  padding: 0 50px 0 15px;
  font-family: "NotoSansGeorgian-SemiBold", "NotoSans-SemiBold";
  font-size: 16px;

  outline: none;
  resize: none;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;;
  -moz-box-shadow: none !important;;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: linear-gradient(transparent, transparent);

}

.search-wrap input::-webkit-input-placeholder {
  transition: 0.6s;
  color: #292562;
  font-size: 16px;
  opacity: 1;
  font-family: "NotoSansGeorgian-SemiBold", "NotoSans-SemiBold";
}
.search-wrap input:-ms-input-placeholder {
  transition: 0.6s;
  color: #292562;
  font-size: 16px;
  opacity: 1;
  font-family: "NotoSansGeorgian-SemiBold", "NotoSans-SemiBold";
}
.search-wrap input::placeholder {
  transition: 0.6s;
  color: #292562;
  font-size: 16px;
  opacity: 1;
  font-family: "NotoSansGeorgian-SemiBold", "NotoSans-SemiBold";
}
.search-wrap button{
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}





/*start of subMenu*/
.page-home .sub-menu{
  margin-top: 233px;
}
.sub-menu > .container > .ttl{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.sub-menu > .container > .text{
  text-align: center;
  margin-top: 15px;
}

.swiper-subMenu .swiper-wrapper{
  margin-top: 90px;
}
.swiper-subMenu .swiper-slide{
  cursor: pointer;
  overflow: hidden;
  transition: 0.6s;
}
.swiper-subMenu .swiper-slide:first-child{
  margin-top: 0!important;
}
.swiper-subMenu .swiper-slide:nth-child(even){
  margin-top: 115px;
}
.swiper-subMenu .swiper-slide:nth-child(odd){
  margin-top: 60px;
}
.swiper-subMenu .swiper-slide-next + div + div {
    opacity: 0.4;
}

.swiper-subMenu .img-box{
  position: relative;
  padding-top: 119%;
  border-radius: 8px;
}
.swiper-subMenu .img-layer{
  background-color: #292562;
  opacity: 0;
  transition: 0.6s;
  border-radius: 8px;
}
.swiper-subMenu img{
  border-radius: 8px;
}
.swiper-subMenu .menu-list{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  max-height: 100%;
  padding: 35px 50px;

  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
}
.swiper-subMenu .menu-list-inner{
  opacity: 0;
  transition:0.6s;
}
.swiper-subMenu .menu-list .ttl{
  margin-bottom: 20px;
  opacity: 0;
  transform: translateY(10px);
  transition: 0.6s;
}
.swiper-subMenu .menu-list:before{
  position: absolute;
  display: block;
  content: '';
  bottom:  -63px;
  left: 30px;
  height: calc(100% - 35px - 26px - 20px + 63px);
  width: 3px;
  border-radius: 10px;
  background-color: #EE2A7B;
  transition: 0.6s;
  transition-timing-function: cubic-bezier(0.4, 0.01, 0.1, 0.99);
  transform: translateY(100%);
}
.swiper-subMenu .menu-item{
  display: flex;
  text-align: left;
  position: relative;
  padding-left: 17px;
  margin-top: 1px;
}
.swiper-subMenu .menu-item svg{
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%) scale(0);
  transition: 0.6s;
  backface-visibility: hidden;
}
.swiper-subMenu .menu-item svg:nth-child(2){
  opacity: 0;
}
.swiper-subMenu .menu-item a{
  display: inline-block;
  color: #fff;
  transition: 1s;
  opacity: 0;
  text-decoration: none;
  transition-timing-function: cubic-bezier(0.4, 0.01, 0.1, 0.99);
  pointer-events: none;
}
.swiper-subMenu .hovered .menu-item a{
  transition-delay: 0s !important;
}

.swiper-subMenu .subtitle{
  display: flex;
  align-items: stretch;
  text-align: left;
  margin-top: 35px;
  margin-left: 30px;
}
.swiper-subMenu .subtitle div:first-child{
 width: 3px;
 background-color: #EE2A7B;
 border-radius: 10px;
 flex: none;
}
.swiper-subMenu .subtitle div:last-child{
  margin-left: 17px;
  transition: 0.6s;
  padding-right: 20px;
}


 .swiper-subMenu .swiper-slide:hover .img-layer{
  opacity: 0.7;
 }
 .swiper-subMenu .swiper-slide:hover .menu-list-inner{
  opacity: 1;
 }
 .swiper-subMenu .swiper-slide:hover .ttl{
  opacity: 1;
  transform: translateY(0);
 }
 .swiper-subMenu .swiper-slide:hover .subtitle div:last-child{
  transform: translateY(-7px);
 }
 .swiper-subMenu .swiper-slide:hover .menu-list:before{
   transform: translateY(0%);
 }
 .swiper-subMenu .swiper-slide:hover .menu-item a{
  transform: translateX(0px) !important;
  opacity: 1;
  transition: 0.6s;
 }
  .swiper-subMenu .swiper-slide .menu-item a{
    transition: 0s;
    transition-delay: 0s;
  }
 .swiper-subMenu .swiper-slide.hovered .menu-item a{
  pointer-events: all;
 }
 .swiper-subMenu .swiper-slide:hover .menu-item svg{
  transform: translateY(-50%) scale(1);
  transition: 0.6s;
 }
.swiper-subMenu .swiper-slide .menu-item svg{
  transition: 0s;
  transition-delay: 0s;
}
 .swiper-subMenu .menu-item:hover a{
  margin-left: 5px;
  transition-delay: 0s !important;
  text-decoration: underline;
 }
 .swiper-subMenu .menu-item:hover svg:nth-child(2){
  opacity: 1;
 }





@media(max-width: 1900px){
}
@media(max-width: 1679px){
  .page-home .sub-menu{
    margin-top: 144px;
  }
  .swiper-subMenu .img-box {
    padding-top: 103.4%;
  }
  .swiper-subMenu .swiper-wrapper{
    margin-top: 70px;
  }
  .swiper-subMenu .swiper-slide:nth-child(even){
    margin-top: 105px;
  }
  .swiper-subMenu .swiper-slide:nth-child(odd){
    margin-top: 50px;
  }
  .swiper-subMenu .subtitle{
    margin-top: 21px;
    margin-left: 19px;
  }
  .swiper-subMenu .subtitle div:last-child{
    margin-left: 14px;
  }
  .swiper-subMenu .menu-list{
    padding: 20px 37px;
  }
  .swiper-subMenu .menu-list:before{
    left: 19px;
    height: calc(100% - 20px - 28px - 20px + 46px);
    bottom: -46px;
  }
}
@media(max-width: 1365px){
  .swiper-subMenu .swiper-slide:nth-child(even){
    margin-top: 80px;
  }
  .swiper-subMenu .swiper-slide:nth-child(odd){
    margin-top: 40px;
  }
  .swiper-subMenu .subtitle{
    margin-top: 20px;
    margin-left: 15px;
  }
  .swiper-subMenu .subtitle div:last-child{
    margin-left: 11px;
  }
  .swiper-subMenu .menu-list{
    padding: 20px 30px;
  }
  .swiper-subMenu .menu-list:before{
    left: 15px;
    height: calc(100% - 20px - 18px - 10px + 38px);
    bottom: -38px;
  }

  .swiper-subMenu .subtitle div:last-child{
    font-size: 13px;
  }
  .swiper-subMenu .menu-list .ttl{
    font-size: 13px;
    margin-bottom: 10px;
  }
  .swiper-subMenu .menu-item a{
    font-size: 13px;
  }

}
@media(max-width: 1023px){
  .sub-menu > .container > .text{
    margin-top: 10px;
  }
  .swiper-subMenu .swiper-wrapper{
    margin-top: 65px;
  }
  .swiper-subMenu .swiper-slide:nth-child(even){
    margin-top: 55px;
  }
  .swiper-subMenu .swiper-slide:nth-child(odd){
    margin-top: 20px;
  }
  .swiper-subMenu .img-box {
    padding-top: 133.55%;
  }
   .swiper-subMenu .subtitle{
    margin-top: 15px;
    margin-left: 11px;
  }
  .swiper-subMenu .subtitle div:last-child{
    margin-left: 8px;
  }
  .swiper-subMenu .menu-list{
    padding: 15px 23px;
  }
  .swiper-subMenu .menu-list:before{
    left: 11px;
  }
}
@media(max-width: 767px){
  .page-home .sub-menu{
    margin-top: 55px;
  }
  .swiper-subMenu .swiper-slide:nth-child(odd),
  .swiper-subMenu .swiper-slide:nth-child(even) {
    margin-top: 0px;
  }
  .swiper-subMenu .img-box {
    padding-top: 119.55%;
  }
  .swiper-subMenu .swiper-wrapper{
    margin-top: 20px;
  }
  .swiper-subMenu .swiper-slide-next + div + div {
    opacity: 1;
  }
  .swiper-subMenu .swiper-slide{
    opacity: 0.4;
  }
  .swiper-subMenu .swiper-slide-active {
    opacity: 1;
  }
  .swiper-subMenu {
    padding-right: 38px;
  }
}



/* start of news GPI*/
.news-outer .top{
  display: flex;
  justify-content: flex-end;
  margin-bottom: 25px;
}
.news-outer .top .ttl{
  display: none;
}
.news-outer .img-box{
  position: relative;
  padding-top: 64.55%;

  border-radius: 8px;
  overflow: hidden;
}
.news-outer .img-box img{
  transition: 0.6s;
  backface-visibility: hidden;
}
.news-outer .img-layer{
  background-color: #292562;
  opacity: 0;
  transition: 0.6s;
}
.news-outer .img-box > span{
  display: flex;
  align-items: center;
  position: absolute;
  left: 46px;
  bottom: 15px;
  overflow: hidden;
}
.news-outer .img-box .ttl{
  flex: none;
  color: #fff;
  margin-right: 10px;
  transform: translateY(30px);
  transition: 0.6s;
  backface-visibility: hidden;
}
.news-outer .img-box svg{
  flex: none;
  /*transform: scale(0);*/
  opacity: 0;
  transition: 0.6s;
  backface-visibility: hidden;
}
.news-outer .img-box > span svg line{
  transition: 0.6s;
}
.news-outer time{
  position: relative;
  display: flex;
  margin-top: 11px;
  margin-left: 45px;
  color: #EE2A7B;
}
.news-outer time:before{
  display: block;
  position: absolute;
  content: '';
  left: -15px;
  bottom: -4px;
  height: 85px;
  width: 3px;
  border-radius: 10px;
  background-color:#EE2A7B;
}
.news-outer .swiper-slide > .ttl{
  display: flex;
  margin-top: 35px;
}

@media(min-width: 1024px){
  .news-outer .swiper-slide:hover .img-layer{
    opacity: 0.56;
  }
  .news-outer .swiper-slide:hover .img-box .ttl{
    transform: translateY(0px);
  }
  .news-outer .swiper-slide:hover .img-box img{
    transform: scale(1.02);
  }
  .news-outer .img-box > span:hover .ttl{
    color: #EE2A7B;
  }
  .news-outer .img-box > span:hover svg line{
    stroke: #EE2A7B;
  }
  .news-outer .swiper-slide:hover .img-box svg{
    /*transform: scale(1);*/
    /*transition-delay: 0 !important;*/
    opacity: 1;
  }
}


@media(max-width: 1679px){
  .news-outer .img-box{
    padding-top: 71.43%;
  }
  .news-outer .swiper-slide > .ttl{
    margin-left: 45px;
  }
}

@media(max-width: 1365px){
  .news-outer .swiper-slide > .ttl{
    margin-top: 15.5px;
    font-size: 16px;
  }
  .news-outer time{
    margin-top: 15px;
    font-size: 13px;
  }
}

@media(max-width: 1023px){
  .news-outer .top{
    justify-content: flex-start;
  }
  .news-outer .img-box {
    padding-top: 70.2%;
  }
  .news-outer .swiper-slide > .ttl{
    margin-left: 55px;
    margin-top: 25px;
  }
  .news-outer time{
    margin-left: 55px;
  }
  .news-outer time:before{
    left: -27px;
    height: 104px;
    bottom: -11px;
  }
}
@media(max-width: 767px){
  .news-outer .top{
    margin-bottom: 13px;
  }
  .news-outer .swiper-slide > .ttl{
    margin-left: 22px;
    margin-top: 4px;
    font-size: 13px;
  }
  .news-outer time{
    margin-left: 22px;
    margin-top: 10px;
  }
  .news-outer time:before{
    left: -8px;
    height: 67px;
    bottom: -4px;
  }
}



/*start of direction slider*/
.direction-slider{
  margin-top: 100px;
  margin-bottom: 100px;
  overflow: hidden;
}
.direction-slider .swiper-slide{
  cursor: pointer;
}
.direction-slider .img-box{
  padding-top: 38.5%;
  border-radius: 8px;
}
.direction-slider .img-box picture{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
  border-radius: 8px;
}
.direction-slider .img-box img{
  border-radius: 8px;
}
.direction-slider .img-layer{
  background-color: #292562;
  opacity: 0.4;
  border-radius: 8px;
}
.direction-slider .content{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 50px 75px 80px;

  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.direction-slider .ttl-wrap{
  position: relative;
  display: flex;
  margin-bottom: 30px;
  margin-left: 25px;
  padding-bottom: 14px;
}
.direction-slider  .ttl{
  padding-right: 25px;
  max-width: 100%;
}
.direction-slider  .ttl span{
  display: flex;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.direction-slider  .ttl-wrap .line{
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 60px;
  height: 3px;
  background-color: #E30D68;
}
.direction-slider .txt{
  position: relative;
  width: 700px;
  border: 1px solid #FFFFFF;
  border-radius: 8px;
  padding: 23px 23px 30px 23px;
}
.direction-slider .txt *{
  color: #fff;
}
.direction-slider .txt .text{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;

  max-height: 138px;
  font-size: 13px;
  line-height: 23px;
}
.direction-slider .txt .btn{
  position: absolute;
  bottom: -30px;
  left: 23px;
  background-color: #fff;
  min-height: 50px;
  padding: 0 21px;
  border:1px solid #fff;

  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;

  transition: 0.6s;
}
.direction-slider .txt .btn span{
  color: #292562;
  transition: 0.6s;
}


/*slider arrows and bullets*/
.direction-slider .swiper-button-next.swiper-button-disabled,
.direction-slider .swiper-button-prev.swiper-button-disabled{
  opacity: 0;
  transition: 0.6s;
}
.direction-slider .swiper-button-prev {
  background-image: none;
  left: 318px;
  transform: translateX(-50%);
  outline: none;
}
.direction-slider .swiper-button-next{
  background-image: none;
  right: 318px;
  transform: translateX(50%);
  outline: none;
}
.direction-slider .swiper-button-next, .direction-slider .swiper-button-prev{
  transition: 0.6s;
  width: 70px;
  height: 70px;
  margin-top: -35px;
  border-radius: 50%;
  -webkit-box-shadow: 0px 0px 30px 0px rgba(238,42,123,0.15);
  -moz-box-shadow: 0px 0px 30px 0px rgba(238,42,123,0.15);
  box-shadow: 0px 0px 30px 0px rgba(238,42,123,0.15);
  background-color: #fff;
}
.direction-slider .swiper-button-next:before{
  position: absolute;
  top: 50%;
  left: 42%;
  content: '';
  border: solid #EE2A7B;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 10px;
 transform: translate(-50%,-50%) rotate(-45deg);
  -webkit-transform: translate(-50%,-50%) rotate(-45deg);
}
.direction-slider .swiper-button-prev:before{
  position: absolute;
  top: 37%;
  left: 42%;
  content: '';
  border: solid #EE2A7B;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 10px;
 transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}


.direction-slider .swiper-pagination {
  bottom: 16px;
}
.direction-slider .swiper-pagination-bullet{
  background-color: #fff;
  opacity: 1;
  transition: 0.6s;
}
.direction-slider .swiper-pagination-bullet-active{
  background-color: #EE2A7B;
  opacity: 1;
}

/*hovers*/
@media(min-width: 1024px){
  .direction-slider .swiper-slide:hover .img-layer{
    opacity: 0.5;
  }
  .direction-slider .txt .btn:hover{
    background-color: #EE2A7B;
  }
  .direction-slider .txt .btn:hover span{
    color: #fff;
  }
  .direction-slider .swiper-button-prev:hover{
    transform: translateX(-50%) scale(1.05);
  }
  .direction-slider .swiper-button-next:hover{
    transform: translateX(50%) scale(1.05);
  }
}



@media(max-width: 1900px) {
  .direction-slider .swiper-button-prev {
    left: 198px;
  }
  .direction-slider .swiper-button-next{
    right: 198px;
  }
}
@media(max-width: 1679px) {
  .direction-slider .swiper-button-prev {
    left: 101px;
  }
  .direction-slider .swiper-button-next{
    right: 101px;
  }
  .direction-slider .img-box{
    padding-top: 43%;
  }
  .direction-slider .content{
    padding: 50px 65px 65px;
  }
}
@media(max-width: 1365px) {

  .direction-slider .content{
    padding: 30px 65px 65px;
  }
  .direction-slider .txt .text{
    -webkit-line-clamp: 4;
    max-height: 92px;
  }

  .direction-slider .swiper-button-prev {
    left: 71px;
  }
  .direction-slider .swiper-button-next{
    right: 71px;
  }
  .direction-slider .swiper-button-next,
  .direction-slider .swiper-button-prev{
    width: 50px;
    height: 50px;
    margin-top: -25px;
  }
  .direction-slider .swiper-button-next:before,
  .direction-slider .swiper-button-prev:before{
    padding: 7px;
  }
}
@media(max-width: 1023px) {
  .direction-slider .img-box {
    padding-top: 46.8%;
  }

  .direction-slider  .ttl span{
    font-size: 34px !important;
    -webkit-line-clamp: 2;
  }
  .direction-slider .txt .text {
    -webkit-line-clamp: 3;
    max-height: 70px;
  }
  .direction-slider .content{
    padding: 30px;
  }
  .direction-slider .swiper-slide{
    padding-bottom: 160px;
  }
  .direction-slider .txt{
    position: absolute;
    bottom: 0;
    transform: translateY(calc(100% - 30px));
    width: calc(100% - 60px);
    background-color: #292562;
    border-color:#292562;
    padding-bottom: 50px;
  }
  .direction-slider .txt .btn{
    bottom: -25px;
    border-color: #9199B4;
    -webkit-box-shadow: 0px 10px 20px 0px rgba(0,153,255,0.1);
  -moz-box-shadow: 0px 10px 20px 0px rgba(0,153,255,0.1);
  box-shadow: 0px 10px 20px 0px rgba(0,153,255,0.1);
  }


  .direction-slider .swiper-button-prev {
    left: 32px;
  }
  .direction-slider .swiper-button-next{
    right: 32px;
  }
  .direction-slider .swiper-button-next,
  .direction-slider .swiper-button-prev{
    width: 38px;
    height: 38px;
    margin-top: -18px;
    outline: none;
  }
  .direction-slider .swiper-button-next:before,
  .direction-slider .swiper-button-prev:before{
    padding: 6px;
  }
  .direction-slider .swiper-pagination{
    display: none;
  }
  .direction-slider .swiper-button-next,
  .direction-slider .swiper-button-prev{
    top: calc(50% - 72.5px);
  }
}
@media(max-width: 767px) {
  .direction-slider .swiper-slide{
    padding-bottom: 250px;
  }
  .direction-slider .img-box {
    padding-top: 0%;
    height: 424px;
  }
  .direction-slider .txt{
    transform: translateY(calc(100% - 15px));
    width: 100%;
    left: 0;
    padding: 30px 21px 30px 21px;
  }
  .direction-slider .content{
    padding: 21px 21px 100px 21px;
  }
  .direction-slider .ttl-wrap{
    margin: 0;
  }
  .direction-slider  .ttl{
    padding-right: 0;
  }
  .direction-slider  .ttl span{
    -webkit-line-clamp: 3;
  }
  .direction-slider  .ttl span:last-child{
    font-size: 21px !important;
  }
  .direction-slider .txt .text {
    -webkit-line-clamp: 5;
    max-height: 115px;
  }
  .direction-slider .txt .btn{
    position: relative;
    left: auto;
    bottom:auto;
    min-height: 40px;
    margin: 30px auto 0px;
    height: 40px;
    border-color: #fff;
    box-shadow: none;
  }
  .direction-slider .txt .btn span{
    font-size: 13px;
  }
  .direction-slider .swiper-button-next,
  .direction-slider .swiper-button-prev{
    top: auto;
    bottom: calc(250px + 20px + 15px)
  }
  .direction-slider .swiper-button-prev{
    transform: translateX(0%);
    left: 36px;
  }
  .direction-slider .swiper-button-next{
    transform: translateX(0%);
    left: 94px;
    right: auto;
  }
  .direction-slider .swiper-button-next.swiper-button-disabled,
  .direction-slider .swiper-button-prev.swiper-button-disabled{
    opacity: 0.7;
  }
}



/*start of real stories*/
.real-stories{
  position: relative;
  margin: 100px 0;
}
.real-stories .opacity{
  position: absolute;
  top: 0;
  left: 100%;
  width: 100%;
  height: 100%;
  background-color: rgba(255,255,255,0.6);
  z-index: 99;
  display: none;
}
.real-stories > .ttl{
  display: flex;
  justify-content: center;
}
.stories-slider{
  margin-top: 60px;
  overflow: visible;
}
.stories-slider .swiper-slide:nth-child(even){
  margin-top: 70px;
}
.stories-slider .swiper-slide{
  transition: 0.6s;
}
.stories-slider .swiper-slide-next + div + div{
  opacity: 0.2;
}
.stories-slider .swiper-slide-next
.stories-slider a{
  cursor: pointer;
}
.stories-slider .img-box{
  padding-top: 65.2%;
  border-radius: 8px;
  overflow: hidden;
}
.stories-slider .img-layer {
  background-color: #292562;
  opacity: 0;
  transition: 0.6s;
  border-radius: 8px;
}
.stories-slider .img-box picture {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
  transition: 0.6s;
  backface-visibility: hidden;
}
.stories-slider .img-box img{
  transition: 0.6s;
  backface-visibility: hidden;
}
.stories-slider .img-box > span{
  display: flex;
  align-items: center;
  position: absolute;
  left: 30px;
  bottom: 15px;
  overflow: hidden;
}
.stories-slider .img-box > span .ttl{
  flex: none;
  color: #fff;
  margin-right: 10px;
  transform: translateY(25px);
  transition: 0.6s;
  backface-visibility: hidden;
}
.stories-slider .img-box svg {
  flex: none;
  opacity: 0;
  transition: 0.6s;
  backface-visibility: hidden;
}
.stories-slider .img-box svg *{
  transition: 0.6s;
}
.stories-slider .img-box > span svg *{
  transition: 0.6s;
}
.stories-slider .img-box > span svg line{
  transition: 0.6s;
}
.stories-slider .subtitle{
  margin-top: 23px;
}
.stories-slider .text{
  margin-top: 16px;
}
.stories-slider .name{
  position: relative;
  margin-top: 18px;
  padding-bottom: 8px;
}
.stories-slider .name:before{
  display: block;
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  width: 60px;
  background-color: #EE2A7B;
}

@media(min-width: 1024px){
  .stories-slider a:hover .img-layer{
    opacity: 0.56;
  }
  .stories-slider a:hover img,
  .stories-slider a:hover picture{
    transform: scale(1.02);
  }
  .stories-slider a:hover .img-box span > .ttl {
    transform: translateY(0px);
  }
  .stories-slider .img-box span:hover .ttl{
    color: #EE2A7B;
  }
  .stories-slider a:hover .img-box svg {
    /* transform: scale(1); */
    opacity: 1;
  }
  .stories-slider .img-box > span:hover svg line {
    stroke: #EE2A7B;
  }
}



@media(max-width: 1900px){
  .stories-slider .subtitle{
    margin-top: 20px;
  }
}
@media(max-width: 1679px){
  .stories-slider{
    margin-top: 40px;
  }
}
@media(max-width: 1365px){
  .stories-slider .subtitle{
    font-size: 16px;
  }
  .stories-slider .text{
    font-size: 13px;
    margin-top: 20px;
  }
  .stories-slider .name{
    font-size: 13px;
    margin-top: 20px;
  }
  .stories-slider .img-box > span .ttl{
    font-size: 13px;
  }
}
@media(max-width: 767px){
  .stories-slider{
    margin-top: 30px;
  }
  .stories-slider .swiper-slide:nth-child(even){
    margin-top: 0;
  }
  .stories-slider .img-box {
    /*padding-top: 62.2%;*/
    padding-top: 70.8%;
  }

  .stories-slider .swiper-slide-next + div + div{
    opacity: 1;
  }
  .stories-slider .swiper-slide{
    opacity: 0.4;
  }
  .stories-slider .swiper-slide-active{
    opacity: 1;
  }
  /*
  .real-stories .swiper-slide-next{
    opacity: 0.4;
    transition: 0.6s;
  }*/
  /*.stories-slider{
    padding-right: 38px;
  }*/
  /*.stories-slider .swiper-slide{
    width: 251px;
  }
  .stories-slider .swiper-slide:last-child{
    border:1px solid red;
  }*/

  .stories-slider{
    padding-right: 38px;
  }
}



/*start of contact*/
.page-contact .head{
  position: relative;
}
.page-contact .head .img-box{
  height: 500px;
  /*width: 100%;
  max-width: 1920px;
  margin: 0 auto;*/
  /*padding-top: 26.05%;*/
}
.page-contact .head .img-layer{
  background-color: #292562;
  opacity: 0.2;
}
.page-contact .head .ttl{
  position: absolute;
  top: 140px;
  left: 182px;
}

.contact-cont{
  position: relative;
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  padding: 0 100px;

  /*transform: translateY(-200px);*/
  margin-top: -200px;
  background-color: transparent;
}
.contact-inner{
  position: relative;
  padding: 60px 82px;
  background-color: #fff;
  border-radius: 8px;


  display: flex;
  flex-direction: column;
}
.contact-inner .top{
  display: flex;
}
.contact-inner .top > .left{
  flex:1;
  padding-right: 20px;
  display: flex;
  flex-direction: column;
}
.contact-inner .top > .right{
  width: 610px;
}

.contact-details{
  display: flex;

  margin-top: 65px;
  flex:1;
}
.contact-details .left{
  width: 360px;
  border-right: 1px solid rgba(145,153,180,0.5);
  padding-right: 20px;
}
.contact-details .right{
  flex:1;
  padding-left: 112px;
}

.contact-details .left div{
  display: flex;
  flex-direction: column;
}
.contact-details .left div:first-child{
  margin-bottom: 30px;
}
.contact-details .left div span:first-child{
  font-size: 13px;
}
.contact-details .left div span:last-child{
  font-size: 16px;
}


.direction-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 0 30px 0 20px;
  border: 1px solid #9199B4;
  border-radius: 8px;
  transition: 0.6s;
  cursor: pointer;
}
.contact-details .direction-btn{
  margin-top: 40px;
}
.direction-btn svg{
  margin-right: 10px;
}
.direction-btn svg *{
  transition: 0.6s;
}
.direction-btn span{
  font-size: 13px;
  color: #CC004A;
  transition: 0.6s;
}
@media(min-width: 1024px){
  .direction-btn:hover{
    background-color: #CC004A;
    border-color: #CC004A;
  }
  .direction-btn:hover span{
    color: #fff;
  }
  .direction-btn:hover path{
    fill: #fff;
  }
}


.mail-tel div{
  display: flex;
  flex-direction: column;
}
.mail-tel div:first-child{
  margin-bottom: 30px;
}
.mail-tel div:first-child a{
  color: #EE2A7B;
}
.mail-tel div span{
  font-size: 13px;
}
.mail-tel div a{
  font-size: 16px;
  cursor: pointer;
}


.contact-soc{
  display: flex;
  flex-direction: column;
  margin-top: 80px;
}
.contact-soc .ttl{
  font-size: 13px;
  margin-bottom: 12px;
}
.contact-soc a{
  display: flex;
  align-items: center;
  cursor: pointer;
  margin-bottom: 5px;
}
.contact-soc a:last-child{
  margin-bottom: 0px;
}
.contact-soc a div{
  min-width: 20px;
  display: flex;
  justify-content: center;
  margin-right: 10px;
}
.contact-soc a svg *{
  transition: 0.6s;
}
.contact-soc a span{
  font-size: 13px;
  transition: 0.6s;
  font-family: "NotoSans-SemiBold", "NotoSansGeorgian-SemiBold";
}
@media(min-width: 1024px){
  .contact-soc a:hover span{
    color: #EE2A7B;
  }
  .contact-soc a:hover path{
    fill: #EE2A7B;
  }
}

.contact-inner .top > .right form{
  position: relative;
  margin-top: 50px;
}

.contact-inner .top > .right .input-wrap{
  margin-bottom: 15px;
}

.contact-inner .top > .right .btn-wrap{
  margin-top: 30px;
  display: flex;
  align-items: center;
}
#contact-btn{
  display: flex;
  flex:1;
  min-height: 57px;
  border-radius: 8px;
  background-color: #EE2A7B;
  color:#fff;

  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;

  transition: 0.6s;
}
.captcha{
  border:1px solid black;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 57px;
  margin-right: 22px;
  width: 222px;
}

@media(min-width: 1024px){
  #contact-btn:hover{
    background-color: #C20B56;
  }
}

.success-msg{
  position: absolute;
  top: 0;
  left: -1px;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  z-index: 3;
  background-color: #fff;

  display: flex;
  flex-direction: column;

  pointer-events: none;
  opacity: 0;
  transition: 0.6s;
}
.success .success-msg{
  opacity: 1;
  pointer-events: all;
}
.success-msg .ttl{
  font-size: 21px;
  color: #EE2A7B;
  margin-bottom: 10px;
}
.success-msg span{
  margin-top: 22px;
}
#new-msg{
  display: flex;
  min-height: 57px;
  border-radius: 8px;
  background-color: #EE2A7B;
  color:#fff;

  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;

  transition: 0.6s;
  margin-top: auto;
}

@media(min-width: 1024px){
  #new-msg:hover{
    background-color: #C20B56;
  }
}

/*start of contact branches*/
.branches{
  width: 100%;
  margin-top: 67px;
}
.branches .tabs{
  position: relative;
  display: flex;
  justify-content: space-between;
  height: 50px;
  width: 612px;
  border:1px solid #9199B4;
  padding: 5px;
  border-radius: 8px;
}
.branches .tabs > div{
  width: calc(50% - 5px);
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  transition: 0.6s;
  cursor: pointer;
  z-index: 10;
}
.branches .tabs > div span{
  color: #9199B4;
  transition: 0.6s;
}
.branches .tabs > div span:last-child{
  display: none;
}
/*.branches .tabs > div.active{
  background-color: #EE2A7B;
}*/
.branches .tabs > div.active span{
  color: #fff;
}
.branches .tabs > .bg{
  position: absolute;
  width: calc(50% - 10px);
  height: calc(100% - 10px);
  top: 5px;
  left: 5px;
  background-color: #EE2A7B;
  z-index: 5;
 transition: 0.3s ease-in-out;
 pointer-events: none;
 border-right: 8px;
}
.branches .right.tabs > .bg{
 transform: translateX(calc(100% + 10px));
}
@media(min-width: 1024px){
  /*.branches .tabs > div:hover{
    background-color: #EE2A7B;
  }*/
  /*.branches .tabs > div:hover span{
    color: #fff;
  }*/
}
.page-contact .tabs{
  margin-top: 30px;
}
.page-contact #branches-grid-wrap{
  position: relative;
}
.branches-grid{
  opacity: 0;
  transition: 0.6s;
  animation: tabAnimation 1s;
  display: none;
  flex-direction: column;
}
@keyframes tabAnimation {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.branches-grid.active{
  display: flex;
  opacity: 1;
}
.branches-grid .list{
  position: relative;
  display: flex;
  padding: 8px 0;
  width: 100%;
  overflow: hidden;
  cursor: pointer;
  transition: 0.6s;
}
@media(min-width: 1024px){
  .branches-grid .list:hover{
    background-color: rgba(41,37,98,0.05);
  }
}
.branches-grid .list > svg{
  position: absolute;
  bottom: 0;
  left: 0;
}
.branches-grid .item{
  position: relative;
  min-height: 25px;
  display: flex;
  align-items: center;
}
.branches-grid .item > svg{
  position: absolute;
  right: 0;
  top: 0;
}
.branches-grid .item:nth-child(1){
  width: 165px;
}
.branches-grid .item:nth-child(2){
  flex: 1;
  justify-content: space-between;
  padding: 0 15px 0 27px;
}
.branches-grid .item:nth-child(2) span:first-child{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.branches-grid .item:nth-child(2) span:nth-child(2){
  flex:none;
  padding-left: 10px;
}
.branches-grid .item:nth-child(3){
  width: 160px;
  padding-right: 34px;
  justify-content: flex-end;
}
.branches-grid .item:nth-child(4){
  width: 180px;
  padding: 0 15px 0 27px;
}
.branches-grid .item:nth-child(4) span{
  flex: none;
}
.branches-grid .item:nth-child(5){
  width: 200px;
  padding-left: 27px;
}
.branches-grid .item:nth-child(5) span{
  display: flex;
  justify-content: center;
  align-items: center;
}
.branches-grid .item:nth-child(5) span svg{
  margin-right: 15px;
}


@media(max-width: 1900px){

}
@media(max-width: 1679px){
  .contact-inner{
    padding: 60px 40px;
  }
  .page-contact .head .ttl{
    left: 140px;
  }
  .contact-inner .top > .right{
    width: 450px;
  }
  .contact-details .right{
    padding-left: 20px;
  }
}
@media(max-width: 1365px){
  .page-contact .head .img-box{
    height: 433px;
  }
  .contact-cont{
    padding: 0 71px;
    margin-top: -150px;
  }
  .page-contact .head .ttl{
    left: 111px;
  }
  .contact-inner .top{
    justify-content: space-between;
  }
  .contact-inner .top > .left{
    flex:none;
    padding-right: 0;
    width: calc(50% - 15px);
  }
  .contact-inner .top > .right{
    flex:none;
    width: calc(50% - 15px);
  }
  .contact-inner .top > .right form{
    margin-top: 40px;
  }
  .contact-details{
    flex:none;
    flex-wrap: wrap;
    margin-top: 40px;
  }
  .contact-details .left{
    width: 100%;
    padding-right: 0;
    border-right: none;
  }
  .contact-details .right{
    width: 100%;
    padding-left: 0;
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
  }

  .contact-soc{
    margin-top: 0;
    padding-left: 20px;
  }
  .branches-grid .item *{
    font-size: 13px;
  }
  .branches-grid .item:nth-child(1) {
    width: 110px;
    padding-right: 15px;
  }
  .branches-grid .item:nth-child(4){
    width: 160px;
  }
  .branches-grid .item:nth-child(2){
    padding: 0 15px;
  }
  .branches-grid .item:nth-child(4){
    padding: 0 15px;
  }
  .branches-grid .item:nth-child(5){
    width: 170px;
    padding-left: 15px;
  }
  .branches-grid .item:nth-child(3) {
    width: 120px;
    padding-right: 15px;
  }
}
@media(max-width: 1023px){
  .page-contact .head{
    margin-top: 20px;
  }
  .page-contact .head .img-box{
    height: 359px;
  }
  .contact-cont{
    padding: 0 31px;
    margin-top: -80px;
  }
  .page-contact .head .ttl{
    left: 33px;
    top: 114px;
  }
  .contact-inner{
    padding: 40px 60px 60px 30px;
  }
  .contact-inner .top{
    flex-direction: column;
  }
  .contact-inner .top > .left{
    width: 100%;
  }
  .contact-inner .top > .right{
    width: 100%;
    margin-top: 40px;
  }
  .contact-details{
    margin-top: 30px;
    flex-wrap: nowrap;
  }
  .contact-details .left{
    width: 360px;
    border-right: 1px solid rgba(145,153,180,0.5);
  }
  .contact-details .right{
    flex: 1;
    margin-top: 0;
    flex-direction: column;
    padding-left: 50px;
  }
  .contact-soc{
    padding-left: 0;
    margin-top: 80px;
  }
  .branches{
    margin-top: 90px;
  }
  .page-contact .branches-grid-wrap{
    margin-top: 50px;
  }
  .branches-grid .list{
    flex-wrap: wrap;
    padding: 20px 0;
  }
  .branches-grid .item:nth-child(1){
    width: 165px;
    margin-bottom: 20px;
  }
  .branches-grid .item:nth-child(2){
    width: calc(100% - 165px);
    flex:none;
    padding-right: 0;
    padding-left: 27px;
    margin-bottom: 20px;
  }
  .branches-grid .item:nth-child(2) svg{
    display: none;
  }
  .branches-grid .item:nth-child(3){
     width: 165px;
     padding-left: 0;
     justify-content: flex-start;
  }
  .branches-grid .item:nth-child(4){
    width: 193px;
    padding-left: 27px;
  }
  .branches-grid .item:nth-child(5){
    flex:1;
    padding-left: 36px;
  }
}
@media(max-width: 767px){
  .page-contact .head{
    margin-top: 0px;
  }
  .contact-cont {
    padding: 0 15px;
    margin-top: -150px;
  }
  .page-contact .head .ttl{
    left: 50%;
    transform: translateX(-50%);
    top: 82px;
  }
  .contact-inner {
    padding: 25px 20px 30px 20px;
  }
  .contact-details{
    flex-wrap: wrap;
  }
  .contact-details .left{
    width: 100%;
    border-right: none;
  }
  .page-contact .direction-btn{
    display: flex;
    margin-top: 30px;
  }
  .contact-details .left div:first-child{
    margin-bottom: 20px;
  }
  .contact-details .left div span:last-child{
    font-size: 13px;
  }
  .contact-details .right{
    flex:none;
    padding-left: 0;
    margin-top: 25px;
  }
  .mail-tel div:first-child{
    margin-bottom: 20px;
  }
  .mail-tel div a{
    font-size: 13px;
  }
  .contact-soc{
    margin-top: 30px;
  }
  .contact-inner .top > .right{
    margin-top: 50px;
  }
  .contact-inner .top > .right form{
    margin-top: 15px;
  }
  .contact-inner .top > .right .btn-wrap{
    flex-direction: column;
  }
  #contact-btn{
    margin-top: 30px;
    flex:none;
    width: 100%;
    min-height: 40px;
    font-size: 13px;
  }
  .branches{
    margin-top: 55px;
  }
  .branches > .ttl{
    font-size: 16px;
  }
  .branches .tabs{
    width: 100%;
    height: 40px;
  }
  .branches .tabs > div span:last-child{
    display: inline-flex;
  }
  .branches .tabs > div span:first-child{
    display: none;
  }
  .branches .tabs > div span{
    font-size: 13px;
  }
  .page-contact .branches-grid-wrap{
    margin-top: 34px;
  }
  .branches-grid .item:nth-child(1){
    width: 100%;
    padding: 0;
    margin-bottom: 6px;
  }
  .branches-grid .item:nth-child(1) > svg{
    display: none;
  }
  .branches-grid .item:nth-child(2){
    width: 100%;
    padding: 0;
    margin-bottom: 6px;
  }
  .branches-grid .item:nth-child(2) > svg{
    display: none;
  }
  .branches-grid .item:nth-child(2) span:first-child {
    -webkit-line-clamp: 2;
  }
  .branches-grid .item:nth-child(3){
    width: 115px;
  }
  .branches-grid .item:nth-child(4){
    width: calc(100% - 115px);
    padding-left: 15px;
    padding-right: 0;
  }
  .branches-grid .item:nth-child(4) svg{
    display: none;
  }
  .branches-grid .item:nth-child(5){
    width: 100%;
    padding-left: 0;
    margin-top: 6px;
  }
}



/*start od policy details*/

.page-policy-details .head{
  position: relative;
  z-index: 0;
  transition: .6s ease-in-out;
  opacity: 0;
}
body.page-policy-details.animate .head {
  opacity: 1;
}
.page-policy-details .head .img-box{
  height: 500px;
}
.page-policy-details .head .nav{
  position: absolute;
  top: 42px;
  left: 101px;
  display: flex;
}
.page-policy-details .head .nav a{
  display: flex;
  align-items: center;
  cursor: pointer;
  margin-right: 5px;
}
.page-policy-details .head .nav a:last-child{
  margin-right: 0;
}
.page-policy-details .head .nav a:last-child svg{
  display: none;
}
.page-policy-details .head .nav span{
  font-family: "NotoSans-SemiBold", "NotoSansGeorgian-SemiBold";
  font-size: 13px;
  line-height: 18px;
  color: #fff;
  opacity: 0.8;
}
.page-policy-details .head .nav svg{
  margin-left: 5px;
}
.page-policy-details .head .nav svg *{
  transition: 0.6s;
}
@media(min-width: 1024px){
  .page-policy-details .head .nav a:hover span{
    text-decoration: underline;
  }
}

.page-policy-details .head .ttl{
  position: absolute;
  left: 168px;
  top: 130px;
  padding-right: 300px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.sign-up-btn{
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 50px;
  border:2px solid rgba(255,255,255,0.7);
  border-radius: 8px;
  padding: 0 15px;
  transition: 0.6s;
 /* width: -webkit-max-content;
  width: -moz-max-content;*/
  min-width: 220px;
  background: rgba(255, 255, 255, 0.1);
}
.sign-up-btn svg{
  flex:none;
  margin-right: 8px;
}
.sign-up-btn span{
  flex:none;
  transition: 0.6s;
}
.sign-up-btn svg *{
  transition: 0.6s;
}

.page-policy-details .head .sign-up-btn{
  position: absolute;
  top: 208px ;
  left: 168px;
}

@media(min-width: 1024px){
  .sign-up-btn:hover{
    background-color: #fff;
    border-color: #fff;
  }
  .sign-up-btn:hover path{
    stroke: #292562;
  }
  .sign-up-btn:hover span{
    color: #292562;
  }
}
.page-policy-details .head .price-box{
  position: absolute;
  top: 96px;
  right: 101px;
}

.price-box{
  width: 168px;
  height: 162px;
  border: 2px solid #FFFFFF;
  border-radius: 8px;


  display: flex;
  flex-direction: column;

  cursor: pointer;
  transition: 0.6s;
}

.price-box .top{
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.price-box .top .num{
  font-size: 80px;
  color: #fff;
  transition: 0.6s;
}
.price-box .top .price{
  font-size: 30px;
  color: #fff;
  margin-bottom: 33px;
  font-family: "NotoSansGeorgian-Bold", "NotoSans-Bold";
  transition: 0.6s;
}
.price-box .bottom{
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
  transition: 0.6s;
}
.price-box .bottom svg{
  margin-right: 10px;
}
.price-box .bottom svg *{
  transition: 0.6s;
}
.price-box .bottom span{
  transition: 0.6s;
}

@media(min-width: 1024px){
  .price-box:hover {
    border-color: #EE2A7B;
  }
  .price-box:hover .bottom{
    background-color: #EE2A7B;
  }
  .price-box:hover .bottom span{
    color: #fff;
  }
  .price-box:hover .bottom path{
    fill: #fff;
  }
}



@media(max-width: 1900px){

}
@media(max-width: 1679px){
  .page-policy-details .head .ttl{
    left:131px;
  }
  .page-policy-details .head .sign-up-btn{
    left: 131px;
  }
}
@media(max-width: 1365px){
  .page-policy-details .head .img-box{
    height: 433px;
  }
  .page-policy-details .head .nav{
    left: 71px;
  }
  .page-policy-details .head .ttl{
    left:101px;
    top: 110px;
    padding-right: 255px;
  }
  .page-policy-details .head .sign-up-btn{
    left: 101px;
    top: 175px;
  }
  .page-policy-details .head .price-box {
    position: absolute;
    top: 60px;
    right: 71px;
  }

}
@media(max-width: 1023px){
  .page-policy-details .head .price-box {
    height: 150px;
    top: 75px;
  }
  .page-policy-details .head .ttl{
    -webkit-line-clamp: 2;
  }
}
@media(max-width: 767px){
  .page-policy-details .head .price-box{
    left: 50%;
    transform: translateX(-50%);
    top: 10px;
  }
  .page-policy-details .head .img-box {
    height: 359px;
  }
  .page-policy-details .head .nav{
    display: none;
  }
  .page-policy-details .head .sign-up-btn{
    left: 50%;
    transform: translateX(-50%);
  }
  .page-policy-details .head .ttl{
    left: 50%;
    transform: translateX(-50%);
    max-width: calc(100% - 30px);
    text-align: center;
    padding-right: 0;
  }
  .price-box{
    width: 100px;
    height: 90px !important;
  }
  .price-box .top .num{
    font-size: 34px;
  }
  .price-box .top .price{
    font-size: 18px;
    margin-bottom: 25px;
  }
  .price-box .bottom {
    height: 30px;
  }
  .price-box .bottom span{
    display: none;
  }
  .price-box .bottom svg{
    display: block;
    margin: 0 auto;
  }
}







.package-cont{
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  padding: 0 101px;
}
.package-inner{
  position: relative;
  z-index: 3;
  padding: 70px 83px 51px;
  margin-top: -209px;
  background-color: #fff;
  border-radius: 8px;

  -webkit-box-shadow: 0px 10px 20px 0px rgba(0,153,255,0.05);
  -moz-box-shadow: 0px 10px 20px 0px rgba(0,153,255,0.05);
  box-shadow: 0px 10px 20px 0px rgba(0,153,255,0.05);
}
@media(max-width: 1900px){
  .package-inner{
    padding: 50px 65px;
  }
}
@media(max-width: 1679px){
  .package-inner{
    padding: 50px 30px;
  }
}
@media(max-width: 1365px){
  .package-cont{
    padding: 0 71px;
  }
  .package-inner{
    margin-top: -180px;
  }
}
@media(max-width: 1023px){

}
@media(max-width: 767px){
  .package-cont{
    padding: 0 15px;
  }
  .package-inner{
    padding: 50px 20px;
    margin-top: -120px;
  }

}



.package-inner .subtitle{
  font-size: 21px;
  color: #EE2A7B;
  margin-bottom: 40px;
}
.page-policy-details .package-det{
  margin-top: 123px;
}
.package-det .ttl{
  margin-bottom: 60px;
}
.package-details-list .item{
  position: relative;
  display: flex;
  padding: 10px 0;
  transition: 0.6s;
  cursor: pointer;
}
.package-details-list .item > .svg-wrap{
  position: absolute;
  bottom: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 1px;
}
.package-details-list .item > .svg-wrap svg:first-child {
  position: absolute;
  bottom: 0;
  left: 0;
}
.package-details-list .item > .svg-wrap svg:last-child{
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  display: none;
}
.package-details-list .description{
  display: flex;
  flex:1;
}
.package-details-list .info{
  position: relative;
  min-height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;

  width: 45px;
  min-width: 45px;
}
.package-details-list .info > svg{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  transition: 0.6s;
}
.package-details-list .info > svg:nth-child(2){
  opacity: 0;
}
.package-details-list .popup{
  display: flex;
  position: absolute;
  bottom: calc(100% + 10px);
  left: 3px;
  background-color: #292562;
  border-radius: 8px;
   width: max-content;
   max-width: 310px;
   min-width: 310px;
  padding: 14px;
  color: #fff;
  font-size: 13px;
  font-family: "NotoSans-Medium", "NotoSansGeorgian-Medium";

  opacity: 0;
  pointer-events: none;
  transition: 0.6s;
}
.package-details-list .popup:after {
  position: absolute;
  display: block;
  content: '';
  bottom: 0;
  left: 15px;
  transform: translate(0%,100%);
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 7px solid #292562;
}
.package-details-list .description > div{
  display: flex;
  min-height: 25px;
  align-items: center;
}
.package-details-list .description > div span{
  display: flex;
}
.package-details-list .description > div:first-child{
  position: relative;
  flex:1;
  padding-right: 20px;
}
.package-details-list .description > div:first-child svg{
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.package-details-list .description > div:last-child{
  width: 525px;
  padding-left: 30px;
}


.package-det .bottom{
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: 20px;
}
.amount{
  display: flex;
  align-items: flex-start;
}
.amount div:first-child{
  display: flex;
  font-size: 50px;
}
.amount div:last-child{
  display: flex;
  font-size: 30px;
  font-family: "NotoSansGeorgian-Bold", "NotoSans-Bold";
}
.package-det .bottom .amount{
  margin-right: 50px;
}




.page-policy-details .ver-social{
  justify-content: space-between;
  margin-top: 60px;
}


  .package-details-list .item:hover{
    background-color: rgba(41,37,95,0.05);
  }
  .package-details-list .item:hover .popup{
    opacity: 1;
    pointer-events: all;
  }
  .package-details-list .item:hover .info > svg:nth-child(2){
    opacity: 1;
  }
  .package-details-list .item:hover .info > svg:nth-child(1){
    opacity: 0;
  }


@media(max-width: 1900px){

}
@media(max-width: 1679px){

}
@media(max-width: 1365px){
  .package-details-list .description{
    flex-direction: column;
  }
  .package-details-list .description > div:first-child{
    padding-right: 0;
  }
  .package-details-list .description > div:first-child svg{
    display: none;
  }
  .package-details-list .description > div:last-child{
    width: 100%;
    padding-left: 0;
  }
  .package-details-list .description > div:last-child span{
    font-family: "NotoSans-Bold", "NotoSansGeorgian-Bold";
  }
}
@media(max-width: 1023px){
  .page-policy-details .package-details{
    margin-top: 60px;
  }
  .package-det .ttl{
    margin-bottom: 40px;
  }
}
@media(max-width: 767px){
  .package-det .ttl {
    margin-bottom: 30px;
  }
  .package-details-list .description > div span{
    width: 100%;
    font-size: 13px;
  }
  .package-details-list .info{
    width: 40px;
    min-width: 40px;
  }
  .package-details-list .description > div:last-child svg{
    display: block;
    margin: 0 auto;
  }
  .package-details-list .item > .svg-wrap svg:last-child{
    display: block;
  }
  .package-details-list .item > .svg-wrap svg:first-child{
    display: none;
  }
  .page-policy-details .buy-btn {
    padding: 0 30px;
  }
  .page-policy-details .ver-social{
    margin-top: 40px;
  }
  .package-details-list .popup{
    max-width: 245px;
  }
}



/*start of policy compare*/

.page-policy-compare .head{
  position: relative;
  transition: .6s ease-in-out;
  opacity: 0;
}
body.page-policy-compare.animate .head {
    opacity: 1;
}
.page-policy-compare .head .img-box{
  height: 500px;
}
.page-policy-compare .head .nav{
  position: absolute;
  top: 42px;
  left: 101px;
  display: flex;
}
.page-policy-compare .head .nav a{
  display: flex;
  align-items: center;
  cursor: pointer;
  margin-right: 5px;
}
.page-policy-compare .head .nav a:last-child{
  margin-right: 0;
}
.page-policy-compare .head .nav a:last-child svg{
  display: none;
}
.page-policy-compare .head .nav span{
  font-family: "NotoSans-SemiBold", "NotoSansGeorgian-SemiBold";
  font-size: 13px;
  line-height: 18px;
  color: #fff;
  opacity: 0.8;
}
.page-policy-compare .head .nav svg{
  margin-left: 5px;
}
.page-policy-compare .head .nav svg *{
  transition: 0.6s;
}
@media(min-width: 1024px){
  .page-policy-compare .head .nav a:hover span{
    text-decoration: underline;
  }
}

.page-policy-compare .head .ttl{
  position: absolute;
  left: 168px;
  padding-right: 168px;
  top: 130px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}


.page-policy-compare .head .sign-up-btn{
  position: absolute;
  top: 208px ;
  left: 168px;
}

.page-policy-compare .head .price-box{
  position: absolute;
  top: 96px;
  right: 101px;
}


@media(max-width: 1900px){

}
@media(max-width: 1679px){
  .page-policy-compare .head .ttl{
    left:131px;
    padding-right: 131px;
  }
  .page-policy-compare .head .sign-up-btn{
    left: 131px;
  }
}
@media(max-width: 1365px){
  .page-policy-compare .head .img-box{
    height: 433px;
  }
  .page-policy-compare .head .nav{
    left: 71px;
  }
  .page-policy-compare .head .ttl{
    left:101px;
    top: 110px;
    padding-right: 101px;
  }
  .page-policy-compare .head .sign-up-btn{
    left: 101px;
    top: 175px;
  }
  .page-policy-compare .head .price-box {
    position: absolute;
    top: 60px;
    right: 71px;
  }

}
@media(max-width: 1023px){
  .page-policy-compare .head .price-box {
    height: 150px;
    top: 75px;
  }
  .page-policy-compare .head .ttl{
    -webkit-line-clamp: 2;
  }
}
@media(max-width: 767px){
  .page-policy-compare .head .price-box{
    left: 50%;
    transform: translateX(-50%);
    top: 10px;
    padding-right: 0;
  }
  .page-policy-compare .head .img-box {
    height: 359px;
  }
  .page-policy-compare .head .nav{
    display: none;
  }
  .page-policy-compare .head .sign-up-btn{
    left: 50%;
    transform: translateX(-50%);
    top: 140px;
  }
  .page-policy-compare .head .ttl{
    left: 50%;
    transform: translateX(-50%);
    max-width: calc(100% - 30px);
    text-align: center;
    top: 75px;
    padding-right: 0;
  }

}




.policy-compare-wrap{
  position: relative;
}
.policy-compare{
  display: flex;
  overflow: hidden;
}
.policy-compare > .ttl{
  display: none;
}
.policy-compare .top{
  height: 130px;
  margin-bottom: 20px;
}
.policy-compare .bottom{
  margin-top: 25px;
  height: 50px;
}
.policy-compare .static{
  display: flex;
  flex-direction: column;
  width: 450px;
}
.policy-compare .static .ttl{
  color: #EE2A7B;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.page-policy-compare .ver-social{
  justify-content: space-between;
  margin-top: 120px;
}

.policy-compare .static .item{
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 10px 0;
  transition: 0.6s;
}
.policy-compare .static .svg-wrap{
  position: absolute;
  bottom: 0;
  left: 0;
  overflow: hidden;
  width: 1552px;
  height: 100%;
  z-index: 0;
}
.policy-compare .static .svg-wrap svg:first-child {
  position: absolute;
  bottom: 0;
  left: 0;
}
.policy-compare .static .svg-wrap svg:last-child{
  display: none;
}
.policy-compare .info{
  position: relative;
  min-height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: 45px;
  z-index: 2;
}
.policy-compare .info svg{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  transition: 0.6s;
}
.policy-compare .info svg *{
  transition: 0.6s;
}
.policy-compare .info svg:nth-child(1){
  opacity: 1;
}
.policy-compare .info svg:nth-child(2){
  opacity: 0;
}
.policy-compare .popup{
  display: flex;
  position: absolute;
  bottom: calc(100% + 10px);
  left: 3px;
  background-color: #292562;
  border-radius: 8px;
  width: max-content;
  max-width: 310px;
  padding: 14px;
  color: #fff;
  font-size: 13px;
  font-family: "NotoSans-Medium", "NotoSansGeorgian-Medium";
  opacity: 0;
  pointer-events: none;
  transition: 0.6s;
  z-index: 3;
}
.policy-compare .popup:after {
  position: absolute;
  display: block;
  content: '';
  bottom: 0;
  left: 15px;
  transform: translate(0%,100%);
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 7px solid #292562;
}


.policy-compare .description{
  position: relative;
  flex:1;
  display: flex;
  align-items: center;
  z-index: 1;
  padding-right: 20px;
}
.policy-compare .static .description svg{
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}




.policy-compare .static .item.hovered .svg-wrap{
  background-color: rgba(41,37,98,0.05);
}

@media(min-width: 768px){
  .policy-compare .item.hovered  .popup {
    opacity: 1;
    pointer-events: all;
  }
  .policy-compare  .item.hovered  .info svg:nth-child(1) {
    opacity: 0;
  }
  .policy-compare  .item.hovered  .info svg:nth-child(2) {
    opacity: 1;
  }
}
@media(max-width: 767px){
  .policy-item .item:hover .popup{
    opacity: 1;
  }
  .policy-item .item:hover .info svg:nth-child(1) {
    opacity: 0;
  }
  .policy-item .item:hover .info svg:nth-child(2) {
    opacity: 1;
  }
}


/*policy item*/
.packages-slider{
  overflow: hidden;
}
.packages-slider {
  flex: 1;
}
.packages-slider .swiper-slide{
  /*justify-content: space-around;*/
  margin: 0 auto;
}
.policy-item{
  cursor: pointer;
  width: 215px;
  overflow: hidden;
}
.policy-item .top{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.policy-item .top .ttl{
  text-align: center;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.policy-item .amount{
  justify-content: center;
}
.policy-item .bottom{
  padding: 0 15px;
}
.policy-item .list{
  width: 100%;
  padding: 0 15px;
  border-radius:8px;
  border:1px solid transparent;
}
.policy-item.active .list{
  border-color: #EE2A7B;
  background-color: rgba(245,251,255,0.5);
}
.policy-item .item {
  position: relative;
  display: flex;
  align-items: center;
  padding: 10px 0;
  transition: 0.6s;
  cursor: pointer;
}
.policy-item .item  > svg{
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  display: none;
}
.policy-item .info{
  width: 40px;
  display: none;
}
.policy-item .info svg{

}
.policy-item .description{
  position: relative;
}

.policy-item .description > div:nth-child(1){
  width: calc(470px - 45px - 20px);
  opacity: 0;
}
.policy-item .description > div:nth-child(2){
  position: absolute;
  top: 0;
  left: 0;
  width: 171px;
  height: 100%;

  display: flex;
  justify-content: center;
  align-items: center;
}
.policy-item .description > div:nth-child(2) span{
  width: 100%;
  display: flex;
  justify-content: center;
}
.policy-item .description > div:nth-child(2) svg{
  position: relative;
  display: block;
  margin: 0 auto;
}

/*package-slider swiper css*/
 .swiper-button-next-compare,
.swiper-button-prev-compare{
  position: absolute;
  top: 50px;
  z-index: 10 !important;
  outline: none;
  cursor: pointer;
}
.swiper-button-next-compare{
  background-image: none;
  height: 46px;
  width: 23px;
  border-radius: 0 100% 100% 0 / 0 50% 50% 0;
  background: #EE2A7B;
  right: -83px;
  transform: translateX(100%);
}
.swiper-button-prev-compare{
  background-image: none;
  height: 46px;
  width: 23px;
  border-radius: 100% 0 0 100% / 50% 0 0 50%;
  background: #EE2A7B;
  right: -83px;
  left: auto;
}
.swiper-button-next-compare.swiper-button-disabled,
.swiper-button-prev-compare.swiper-button-disabled{
  opacity: 1;
  cursor: pointer;
}
.swiper-button-next-compare:after{
  position: absolute;
  top: 17px;
  left: 4px;
  content: '';
  border: solid #fff;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 4px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.swiper-button-next-compare:before{
  position: absolute;
  content: '';
  display: block;
  left: -1px;
  top: 50%;
  transform: translateY(-50%);
  background-color: #fff;
  width: 1px;
  height: 23px;
}
.swiper-button-prev-compare:after{
  position: absolute;
  top: 17px;
  right: 5px;
  content: '';
  border: solid #fff;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 4px;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}




@media(max-width: 1900px){
  .swiper-button-prev-compare,
  .swiper-button-next-compare{
    right: -65px;
  }
}
@media(max-width: 1679px){
  .swiper-button-prev-compare,
  .swiper-button-next-compare{
    right: -30px;
  }
}
@media(max-width: 1365px){
  .policy-compare .static{
    width: 360px;
  }
  .policy-item .description > div:nth-child(1) {
    width: calc(360px - 45px - 20px);
    opacity: 0;
  }
  .policy-compare .static .svg-wrap svg:first-child{
    display: none;
  }
}
@media(max-width: 1023px){
  .policy-compare .static{
    width: 340px;
  }
  .policy-item .description > div:nth-child(1) {
    width: calc(340px - 45px - 20px);
    opacity: 0;
  }
  .page-policy-compare .ver-social{
    margin-top: 80px;
  }
}
@media(max-width: 767px){
  .policy-compare{
    flex-direction: column;
  }
  .page-policy-compare .ver-social{
    margin-top: 60px;
  }
  .policy-compare > .ttl{
    display: block;
    color: #EE2A7B;
    margin-bottom: 25px;
  }
  .policy-compare .static{
    display: none;
  }
  .policy-item{
    padding: 20px 10px;
    border-radius: 8px;
    border: 1px solid #707070;
    width: 225px;
  }
  .policy-item.active{
    border-color: #EE2A7B;
    background-color: #F5FBFF;
  }
  .policy-item .list{
    padding: 0;
  }
  .policy-item.active .list{
    border-color: transparent;
    background-color: transparent;
  }
  .policy-item .item{
    padding: 20px 0px;
    width: 100%;
  }
  .policy-item .item  > svg{
    display: block;
  }
  .news-outer .img-box > span svg line{
    transition: 0.6s;
  }
  .policy-item .info{
    display: block;
    flex:none;
  }
  .policy-compare .description{
    padding-right: 0;
    flex-direction: column;
    flex: 1;
  }
  .policy-compare .description span{
    font-size: 13px;
  }
  .policy-item .description > div:nth-child(1){
    width: 100%;
    opacity: 1;
  }
  .policy-item .description > div:nth-child(2){
    position: initial;
    width: 100%;
    margin-top: 10px;
  }
  .policy-item .description > div:nth-child(2) span{
    justify-content: flex-start;
    font-family: "NotoSansGeorgian-Bold", "NotoSans-Bold";
  }
  .policy-item .description > div:nth-child(2) svg{
    margin: 0 auto;
  }

.swiper-button-next-compare,
.swiper-button-prev-compare{
    top: -73px;
  }
  .swiper-button-next-compare{
    transform: translateX(0%);
  }
.swiper-button-prev-compare{
    right: 50%;
  }
.swiper-button-next-compare{
    left: 50%;
  }
  .policy-compare .popup{
    left: 0;
    bottom: calc(100% + 5px);
    max-width: 200px;
    padding: 8px;
  }


  .packages-slider{
    width: 100%;
    max-width: 100%;
  }

}




/*start of news*/

.page-news .top{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.page-news .pagination{
  padding-bottom: 90px;
}
.page-news .top .ttl{
  padding-right: 20px;
}
.page-news .list{
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-top: 50px;
  margin-bottom: 30px;
}
.page-news .item{
  width: calc(50% - 30px);
  margin-right: 60px;
  margin-bottom: 55px;
}
.page-news .item:nth-child(2n){
  margin-right: 0;
}
.page-news .img-box{
  position: relative;
  /*padding-top: 51.45%;*/
  height: 395px;
  border-radius: 8px;
  overflow: hidden;
}
.page-news .img-box img,
.page-news .img-box picture{
  transition: 0.6s;
  backface-visibility: hidden;
}
.page-news .img-layer {
  background-color: #292562;
  opacity: 0;
  transition: 0.6s;
}
.page-news .img-box > span {
  display: flex;
  align-items: center;
  position: absolute;
  left: 46px;
  bottom: 15px;
  overflow: hidden;
}
.page-news .img-box .ttl {
  flex: none;
  color: #fff;
  margin-right: 10px;
  transform: translateY(30px);
  transition: 0.6s;
  backface-visibility: hidden;
}
.page-news .img-box svg {
  flex: none;
  /* transform: scale(0); */
  opacity: 0;
  transition: 0.6s;
  backface-visibility: hidden;
}
.page-news time {
  position: relative;
  display: flex;
  margin-top: 11px;
  margin-left: 45px;
  color: #EE2A7B;
}
.page-news time:before {
  display: block;
  position: absolute;
  content: '';
  left: -15px;
  bottom: -4px;
  height: 85px;
  width: 3px;
  border-radius: 10px;
  background-color: #EE2A7B;
}
.page-news  .item > .ttl {
  display: flex;
  margin-top: 35px;
}

@media(min-width: 1024px){
  .page-news .item:hover .img-layer{
    opacity: 0.56;
  }
  .page-news .item:hover .img-box .ttl{
    transform: translateY(0px);
  }
  .page-news .item:hover .img-box img{
    transform: scale(1.02);
  }
  .page-news .img-box > span:hover .ttl{
    color: #EE2A7B;
  }
  .page-news .img-box > span:hover svg line{
    stroke: #EE2A7B;
  }
  .page-news .item:hover .img-box svg{
    /*transform: scale(1);*/
    /*transition-delay: 0 !important;*/
    opacity: 1;
  }
}

@media(max-width: 1679px){
  .page-news .item > .ttl {
    margin-left: 45px;
  }
}
@media(max-width: 1365px){
  .page-news .pagination{
    padding-bottom: 60px;
  }
  .page-news .img-box{
    height: 300px;
  }
  .page-news time {
    margin-top: 15px;
    font-size: 13px;
  }
  .page-news .item > .ttl {
    margin-top: 15.5px;
    font-size: 16px;
  }
  .page-news .item{
    width: calc(50% - 15px);
    margin-right: 30px;
  }
}
@media(max-width: 1023px){
  .page-news .item {
    width: 100%;
    margin-right: 0px;
  }
  .page-news .img-box {
    height: auto;
    padding-top: 73%;
  }
  .page-news time:before {
    left: -27px;
    height: 104px;
    bottom: -11px;
  }
}
@media(max-width: 767px){
  .page-news .top{
    flex-direction: column;
  }
  .page-news .top .ttl{
    margin-bottom: 20px;
  }
  .page-news .img-box{
    height: auto;
    padding-top: 70%;
  }
  .page-news time {
    margin-left: 22px;
    margin-top: 10px;
  }
  .page-news .item > .ttl {
    margin-left: 22px;
    margin-top: 4px;
    font-size: 13px;
  }
  .page-news time:before {
    left: -8px;
    height: 67px;
    bottom: -4px;
  }
  .page-news .item{
    margin-bottom: 34px;
  }
}



/*start of article*/
.page-article .ver-social{
  padding-bottom: 60px;
 }
.article .img-box{
  width: 100%;
  padding-top: 37.6%;
  border-radius: 8px;
  overflow: hidden;

  margin-top: 34px;
}
.article time {
  position: relative;
  display: flex;
  margin-top: 30px;
  margin-left: 45px;
  color: #EE2A7B;
}
.article time:before {
  display: block;
  position: absolute;
  content: '';
  left: -15px;
  bottom: -4px;
  height: 85px;
  width: 3px;
  border-radius: 10px;
  background-color: #EE2A7B;
}
.article .text{
  margin-top: 34px;
  padding-left: 20px;
}

.page-article .ver-social{
  justify-content: space-between;
  padding-left: 20px;
}

.page-article .news-outer .ttl{
  display: block;
}
.page-article .news-outer .all-btn{
  display: none;
}
.page-article .news-outer .top{
  justify-content: flex-start;
}
.page-article .news-outer .container{
  padding: 0 161px;
}
.page-article .news-outer .img-box{
  padding-top: 0;
  height: 395px;
}

.page-article .kfn-video-container .wrapper h2{
  display: none;
}
.page-article .kfn-video-container .wrapper #open-video{
  right: 50%;
  transform: translate(50%,-50%);
}
.page-article .kfn-video-container.container{
  padding: 0 155px;
}
.page-article .kfn-video-container .wrapper{
  padding-top: 46.7%;
}
@media(max-width: 1900px){

}
@media(max-width: 1679px){
  .page-article .news-outer .container{
    padding: 0 131px;
  }
  .page-article .kfn-video-container.container{
    padding: 0;
  }
}
@media(max-width: 1365px){
  .page-article .news-outer .container{
    padding: 0 101px;
  }
  .page-article .news-outer .img-box{
    height: auto;
    padding-top: 71.43%;
  }

  .article time {
    margin-top: 15px;
    font-size: 13px;
  }
}
@media(max-width: 1023px){
  .article .img-box {
    padding-top: 53%;
  }
  .article .text,
  .page-article .ver-social{
    padding-left: 0;
  }
  .article time:before {
    left: -27px;
    height: 104px;
    bottom: -11px;
  }
}
@media(max-width: 767px){
  .page-article .news-outer .container{
    padding: 0 35px;
  }
  .article .img-box {
    padding-top: 70%;
  }
  .article time {
    margin-left: 22px;
    margin-top: 10px;
  }
  .article time:before {
    left: -8px;
    height: 67px;
    bottom: -4px;
  }
  .page-article .kfn-video-container .wrapper #open-video{
    position: absolute;
    margin: 0;
    top: 50%;
  }
  .page-article .kfn-video-container .wrapper {
    padding-top: 56.7%;
  }
}




/*Start Of Head Slider*/
.head-slider-wrap{
  padding-bottom: 89px;

}

.head-slider{
  position: relative;
  width: 100%;
  height: 492px;
}
.head-slider .slides-wrap{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;

  transition: .6s ease-in-out;
  opacity: 0;
}
body.animate .slides-wrap{
  opacity: 1;
}
.head-slider .slide{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}
.slides-wrap .slide:first-child{
  z-index: 9;
}
.head-slider .slide img{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  backface-visibility: hidden;
}
.head-slider .slide picture{
  backface-visibility: hidden;
}
.head-slider .slide .img-layer{
  background-color: #292562;
  opacity: 0.2;
}
.slide.slide-in{
  animation-name: SlideIn;
  animation-duration: 1s;
  animation-timing-function: cubic-bezier(0.4, 0.01, 0.1, 0.99) ;
  animation-fill-mode: both;
  z-index: 10;
}
@keyframes SlideIn {
  from {
    transform: translate(0,100%);
  }

  to{
  transform: translate(0,0%);
  }
}

.slide.slide-out {
  animation-name: SlideOut;
  animation-duration: 1s;
  animation-timing-function:  cubic-bezier(0.4, 0.01, 0.1, 0.99) ;
  animation-fill-mode: both;
  transform-origin: top;
  overflow: hidden;
  z-index: 10;
}
.mozilla .slide-out {
  animation-delay: 0.05s;
}
.slide.slide-out img{
  animation-name: SlideOutImg;
  animation-duration: 1s;

  animation-timing-function:  cubic-bezier(0.4, 0.01, 0.1, 0.99) ;
  animation-fill-mode: both;
  transition-delay: 0s !important;
  transform-origin: bottom;
  transform:scaleX(1);
}
@keyframes SlideOut {
  from {
    transform: translate(0,0%);
  }

  to{
    transform: translate(0,-100%);
  }
}


@keyframes SlideOutImg {
  from {
    transform:scale(1);
  }
  to{
    transform:scale(1.2);
  }
}






.head-slider > .ttl{
  text-align: center;
  width: 100%;
  position: absolute;
  bottom: 185px;
  left: 50%;
  transform: translateX(-50%);
  padding: 0 318px;
  z-index: 30;

  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.slider-btn-wrap-mob{
  display: none;
}
.head-slider .slide-btn-wrap{
  position: absolute;
  top: calc(100% - 60px);
  width: 100%;
  padding: 0 318px;

  display: flex;
  justify-content: center;
  align-items: flex-start;
  z-index: 30;
}
.head-slider .slide-btn{
  position: relative;
  flex: 1;
  max-width: 388px;
  margin-right: 60px;
  background-color: #292562;
  border-radius:8px;
  cursor: pointer;


  -webkit-box-shadow: 0px 10px 20px 0px rgba(0,153,255,0.1);
  -moz-box-shadow: 0px 10px 20px 0px rgba(0,153,255,0.1);
  box-shadow: 0px 10px 20px 0px rgba(0,153,255,0.1);

  padding: 73px 50px 31px;
  transition: 1s;

  /*transform: translate3d(0, 100px, 0);*/
  /*opacity: 0;*/
  /*transition: .6s ease-in-out;*/
}
.head-slider .slide-btn:last-child{
  margin-right: 0;
}
.head-slider .slide-btn:nth-child(1){
  transition-delay: 0s;
}
.head-slider .slide-btn:nth-child(2){
  transition-delay: 0.1s;
}
.head-slider .slide-btn:nth-child(3){
  transition-delay: 0.2s;
}
body.animate .head-slider .slide-btn{
  /*opacity: 1;*/
  /*transform: translate3d(0, 0, 0);*/
}
.slide-btn .top{
  position: absolute;
  top: -20px;
  left: 33px;
  width: calc(100% - 66px);
  height: 80px;
  background-color: #fff;
  border-radius:8px;
  padding: 0 20px;

  -webkit-box-shadow: 0px 10px 20px 0px rgba(0,153,255,0.1);
  -moz-box-shadow: 0px 10px 20px 0px rgba(0,153,255,0.1);
  box-shadow: 0px 10px 20px 0px rgba(0,153,255,0.1);

  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.6s cubic-bezier(0.4, 0.01, 0.1, 0.99);
}
.slide-btn .top span{
  text-align: center;
  transition: 0.6s;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.slide-btn .dot{
  width: 18px;
  height: 18px;
  border-radius: 50%;

  margin: 15px auto 0;
}
.slide-btn .more a{
  transition: 0.6s;
}
@media(min-width: 1024px){
  .slide-btn .more a:hover{
    color:#EE2A7B !important;
  }
}


/*animation*/
.slide-btn .txt{
  text-align: center;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;

  transition: max-height 0.4s 0.1s, opacity 0.4s 0s;
  max-height: 0px;
  opacity: 0;
}
.slide-btn .txt span{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  transition: 0.6s;
}
.slide-btn.hovered .txt{
  max-height: 50px;
  opacity: 1;
  transition: max-height 0.4s 0s, opacity 0.4s 0.1s;
}
.slide-btn .more{
  text-align: center;
  transition: max-height 0.4s 0.1s, opacity 0.4s 0s;
  max-height: 0px;
  opacity: 0;
}
.slide-btn .more a{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.slide-btn .more div{
  height: 15px;
}
.slide-btn.hovered .more{
  max-height: 50px;
  opacity: 1;
  transition: max-height 0.4s 0s, opacity 0.4s 0.1s;
}
.slide-btn.hovered .top{
  background-color: #EE2A7B;
  transform: translateY(-20px);
}
.slide-btn.hovered .top span{
  color: #fff;
}


@media(max-width: 1900px){
  .head-slider .slide-btn-wrap{
    padding: 0 192px;
  }
  .head-slider > .ttl{
    padding: 0 192px;
  }
}
@media(max-width: 1679px){
  .head-slider-wrap{
    padding-bottom: 50px;
  }
  .head-slider .slide-btn-wrap{
    padding: 0 101px;
  }
  .head-slider > .ttl{
    padding: 0 101px;
  }
  .head-slider .slide-btn{
    padding: 73px 15px 31px;
  }
  .slide-btn .txt span{
    font-size: 13px;
  }
  .head-slider .slide-btn{
    margin-right: 60px;
  }
}
@media(max-width: 1365px){
  .head-slider > .ttl{
    font-size: 34px;
    bottom: 150px;
  }
  .head-slider{
    height: 379px;
  }
  .head-slider .slide-btn-wrap{
    padding: 0 71px;
  }
  .head-slider > .ttl{
    padding: 0 71px;
  }
  .slide-btn .top {
    position: absolute;
    top: -15px;
    left: 25px;
    width: calc(100% - 50px);
    height: 62px;
  }
  .slide-btn.hovered .top {
    background-color: #EE2A7B;
    transform: translateY(-10px);
  }
  .head-slider .slide-btn{
    padding: 55px 15px 25px;
  }
  .slide-btn .dot{
    height: 14px;
    width: 14px;
  }
  .head-slider .slide-btn{
    margin-right: 30px;
  }
}
@media(max-width: 1023px){
  .head-slider > .ttl{
    font-size: 34px;
    bottom: 150px;
  }
  .head-slider{
    height: 359px;
  }
  .head-slider .slide-btn-wrap{
    padding: 0 30px;
  }
  .head-slider > .ttl{
    padding: 0 30px;
  }
  .head-slider .slide-btn{
    margin-right: 15px;
  }
  .slide-btn .top {
    top: -10px;
    left: 20px;
    width: calc(100% - 40px);
    height: 50px;
  }
  .slide-btn .dot{
    height: 11px;
    width: 11px;
    margin: 10px auto 0;
  }
  .head-slider .slide-btn {
    padding: 45px 15px 20px;
  }
  .slide-btn .more div{
    height: 10px;
  }
  .slide-btn .txt span{
    -webkit-line-clamp: 3;
  }
  .slide-btn.hovered .txt{
    max-height: 65px;
  }
  .slide-btn .more a{
    font-size: 13px;
  }
}
@media(max-width: 767px){
  .head-slider-wrap{
    padding-bottom: 15px;
  }
  .head-slider{
    height: auto;
    padding-top: 46%;
  }
  .head-slider > .ttl{
    display: none;
  }
  .head-slider .slide-btn-wrap{
    display: none;
  }
  .slider-btn-wrap-mob{
    position: relative;
    z-index: 40;
    display: flex;
    flex-direction: column;
    width: calc(100% - 30px);
    background-color: #292562;
    border-radius: 8px;
    padding: 25px 20px 30px;
    margin: -45px auto 0;

    transform: translate3d(0, 100px, 0);
    opacity: 0;
  }
  body.animate .slider-btn-wrap-mob{
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition: 1s;
  }
  .slide-mob-btn{
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 59px;
    padding: 0 20px;
    background-color: #fff;
    border-radius: 8px;
    margin-top: 20px;
  }
  .slider-btn-wrap-mob .ttl{
    position: relative;
    color: #fff;
    text-align: center;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
  }
}


/*start of direction with hover*/
.direction{
  position: relative;
  cursor: pointer;
}
.direction .img-box{
  /*padding-top: 33.855%;*/
  height: 650px;
}
.direction .img-layer{
  background-color: #292562;
  opacity: 0.4;
  transition: 0.6s;
}
.direction .content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 50px 288px 110px 288px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
}
.direction .ttl-wrap {
  position: relative;
  display: flex;
  margin-bottom: 30px;
  margin-left: 25px;
  padding-bottom: 14px;
}
.direction .ttl {
  padding-right: 25px;
  max-width: 100%;
}
.direction .ttl-wrap .line {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 60px;
  height: 3px;
  background-color: #E30D68;
}
.direction .ttl span {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.direction .txt {
  position: relative;
  width: 754px;
  border: 1px solid #FFFFFF;
  border-radius: 8px;
  /*padding: 30px 30px 40px 30px;*/
}
.direction-wrap .txt-mob{
  display: none;
}
.direction .text *{
  color: #fff;
}
.direction .text {
  font-size: 13px;
  line-height: 28px;
  color: #fff;
  padding: 30px 30px 50px 30px;
}
.direction .hover{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 30px 30px 50px 30px;
  opacity: 0;
  pointer-events: none;
}

.direction ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.direction ul li{
  position: relative;
  padding-left: 16px;
  margin-bottom: 30px;

  width: calc(50% - 15px);
  color: #fff;
  line-height: 28px;
  font-size: 13px;
}
.direction ul li:nth-last-child(2),
.direction ul li:last-child{
  margin-bottom: 0;
}
.direction ul li:before{
  position: absolute;
  left: 0;
  top: 12px;
  display: block;
  content: '';
  width: 6px;
  height: 6px;
  background-color: #EE2A7B;
  border-radius: 50%;
}
.direction-wrap .content > .btn {
  position: relative;
  z-index: 10;
  margin-top: -20px;
  margin-left: 20px;

  width: auto;
  background-color: #fff;
  min-height: 50px;
  padding: 0 21px;
  border: 1px solid #fff;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: 0.6s;
}
.direction-wrap .btn span{
  transition: 0.6s;
}
.txt-mob .text{
  padding: 0;
  color: #fff;
}
.txt-mob .text *{
  color: #fff;
}
.direction-wrap .txt-mob .btn{
  position: absolute;
  left: 30px;
  bottom: -20px;
  background-color: #fff;
  display: inline-flex;
  min-height: 50px;
  padding: 0 30px;
  webkit-box-shadow: 0px 10px 20px 0px rgba(0,153,255,0.1);
  -moz-box-shadow: 0px 10px 20px 0px rgba(0,153,255,0.1);
  box-shadow: 0px 10px 20px 0px rgba(0,153,255,0.1);

  transition: 0.6s;
}
.direction-wrap .txt-mob .text{
  line-height: 28px;
}

.direction-wrap .txt-mob .btn span{
  transition: 0.6s;
}
@media (min-width: 1024px){
  .direction-wrap .btn:hover ,
  .direction-wrap .txt-mob .btn:hover{
    background-color: #EE2A7B;
    border-color: #EE2A7B;
  }
  .direction-wrap .btn:hover span,
  .direction-wrap .txt-mob .btn:hover span{
    color: #fff;
  }
}
@media (min-width: 1366px){
  .direction-wrap:hover .img-layer{
    opacity: 0.6;
  }
}



.direction .txt{
  transition: 0.6s;
  backface-visibility: hidden;
  transition-delay: 0s;
  overflow: hidden;
  transition-delay: 0s;
}

.direction .hover{
  transition: 0.4s;
  transition-delay: 0s;
  backface-visibility: hidden;
  opacity: 0;
}
.direction .hover-inner{
  max-height: 230px;
  overflow: hidden;
}
.direction .text{
  transition: opacity 0.4s, transform 0s 0s;
  opacity: 1;
}
.direction .text-inner{
    overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 9;
}


.direction .txt.hovered{
  transition-delay: 0s;
}
.direction .hovered .hover{
  opacity: 1;
  transition-delay: 0.4s;
  backface-visibility: hidden;
}
.direction .text.hide{
  transform: translateY(-100%);
  opacity: 0;
  backface-visibility: hidden;
  transition: opacity 0.4s, transform 0.4s 0.3s;
}

@media(max-width: 1900px){
  .direction .img-box{
    height: 625px;
  }
  .direction .content{
    padding: 50px 162px 110px 162px;
  }
  .direction .text-inner{
    -webkit-line-clamp: 8;
  }
}
@media(max-width: 1679px){
  .direction .img-box{
    height: 625px;
  }
  .direction .hover-inner{
    max-height: 260px;
  }
  .direction .content{
    padding: 30px 71px 85px 71px;
  }
}
@media(max-width: 1365px){
  .direction .img-box{
    height: 466px;
  }
  .direction .content .txt{
    display: none;
  }
  .direction .content > .btn{
    display: none;
  }
  .direction .content{
    padding: 50px 70px 100px 70px;
  }
  .direction .ttl-wrap{
    margin: 0;
  }
  .direction .ttl span:last-child{
    font-size: 21px;
  }
  .direction .ttl span{
    -webkit-line-clamp: 2;
  }
  .direction-wrap .txt-mob{
    display: block;
    position: relative;
    padding: 30px 30px 50px 30px;
    background-color: #292562;
    border-radius: 8px;
    width: 100%;
    max-width: 761px;
    margin-left: 40px;
    margin-top: -75px;

    webkit-box-shadow: 0px 10px 20px 0px rgba(0,153,255,0.1);
    -moz-box-shadow: 0px 10px 20px 0px rgba(0,153,255,0.1);
    box-shadow: 0px 10px 20px 0px rgba(0,153,255,0.1);
  }
  .direction{
    cursor: default;
  }
  .direction-wrap .btn{
    webkit-box-shadow: 0px 10px 20px 0px rgba(0,153,255,0.1);
    -moz-box-shadow: 0px 10px 20px 0px rgba(0,153,255,0.1);
    box-shadow: 0px 10px 20px 0px rgba(0,153,255,0.1);
  }



}
@media(max-width: 1023px){
  .direction .img-box{
    height: 358px;
  }
  .direction-wrap .txt-mob{
    width: calc(100% - 60px);
    margin: -65px auto 0 auto;
  }
  .direction .content {
    padding: 50px 60px 90px 60px;
  }
  .direction .ttl span:first-child{
    font-size: 34px;
  }
}
@media(max-width: 767px){
  .direction .img-box{
    height: 424px;
  }
  .direction .content {
    padding: 30px 15px 42px 15px;
  }
  .direction-wrap .txt-mob{
    width: 100%;
    margin: 0;
    margin-top: -10px;
    padding: 30px 21px;
  }
  .direction .ttl span:first-child{
    font-size: 34px;
  }
  .direction-wrap .txt-mob .btn {
    position: relative;
    left: auto;
    bottom: auto;
    min-height: 40px;
    margin: 20px auto 0px;
    height: 40px;
    border-color: #fff;
    box-shadow: none;
    width: 100%;
  }
}



/*start of bonus serveses*/
.bonus-servises{

}
.bonus-servises .container > .ttl{
  text-align: center;
}
.bonus-servises .container > .subtitle{
  text-align: center;
}
.bonus-servises .container > .text{
  text-align: center;
  max-width: 540px;
  margin: 10px auto 0;
}
.bonus-servises .container > span{
  display: block;
  text-align: center;
  color: #EE2A7B;
  margin-top: 34px;
}

.bonus-slider{
  margin-top: 55px;
}
.bonus-slider .swiper-slide{
  padding: 30px;
  border-radius: 8px;
  -webkit-box-shadow: 0px 10px 30px 0px rgba(0,153,255,0.05);
  -moz-box-shadow: 0px 10px 30px 0px rgba(0,153,255,0.05);
  box-shadow: 0px 10px 30px 0px rgba(0,153,255,0.05);

  height: auto;
}
.bonus-slider .img{
  margin-bottom: 30px;
  width: 70px;
  height: 70px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.bonus-slider .img img{
  display: block;
  max-width: 70px;
  max-height: 70px;
  object-fit: cover;
}
.bonus-slider .swiper-slide .text{
  margin-top: 10px;
}


@media(max-width: 1365px){
  .bonus-servises .container > .subtitle{
    font-size: 21px;
  }
}
@media(max-width: 1023px){
  .bonus-servises .container > .ttl{
    font-size: 34px;
  }
}
@media(max-width: 767px){
  .bonus-servises .container > .ttl{
    font-size: 21px;
  }
  .bonus-servises .container > .subtitle{
    font-size: 16px;
  }
  .bonus-servises .container > span{
    font-size: 16px;
  }
}







/*Start of Agents*/

.page-agents .package-inner{
  margin-top: 0;
}
.page-agents .directHeadInner > .text{
  margin-top: 40px;
  margin-bottom: 20px;
}
.page-agents form{
  position: relative;
  z-index: 10;
  display: flex;
}
.agents-form .custom-select{
  height: 56px;
  margin-left: 15px;
}
.agents-form .select-selected{
  font-family: "NotoSansGeorgian-SemiBold", "NotoSans-SemiBold";
}
.agents-form .select-selected:after{
  top: 24px;
}

.agents-list{
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.page-agents .agents-list{
  margin-top: 50px;
  margin-bottom: 35px;
}
.agents-list .item{
  width: 612px;
  max-width: 612px;
  margin-right: 82px;
  margin-bottom: 55px;
  display: flex;
}
.agents-list .item:nth-child(2n){
  margin-right: 0;
}
.agents-list .img-box{
  width: 276px;
  height: 276px;
  border-radius: 8px;
  overflow: hidden;
  flex:none;
}
.agents-list .img-box img{
  transition: 0.6s;
  backface-visibility: hidden;
}
.agents-list .img-layer {
  background-color: #292562;
  opacity: 0;
  transition: 0.6s;
}

.agents-list .content{
  padding-left: 30px;
  padding-top: 16px;
}
.agents-list .top{
  position: relative;
  display: flex;
  flex-direction: column;
  padding-bottom: 14px;
}
.agents-list .top:after{
  display: block;
  position: absolute;
  content: '';
  left: 0;
  bottom: 0;
  width: 100px;
  height: 3px;
  background-color: #EE2A7B;
}
.agents-list .top .ttl{
  transition: 0.6s;
  backface-visibility: hidden;
}
.agents-list .top .city{
  font-size: 13px;
  margin-top: 10px;
}
.agents-list .info{
  margin-top: 13px;
}
.agents-list .info > div{
  display: flex;
  flex-direction: column;
  margin-bottom: 22px;
}
.agents-list .info > div:last-child{
  margin-bottom: 0;
}

.agents-list .rate{
  display: flex;
  margin-top: 14px;
}
.agents-list .rate span{
  margin-right: 5px;
}
.agents-list .rate span:last-child{
  margin-right: 0;
}
.agents-list .stars{
  display: flex;
  margin-top: 10px;
}
.agents-list .stars svg{
  margin-right: 8px;
}
.agents-list .stars svg:last-child{
  margin-right: 0;
}


.stars.one svg:nth-child(1) path{
  fill: #FCB618;
}

.stars.two svg:nth-child(1) path,
.stars.two svg:nth-child(2) path{
  fill: #FCB618;
}

.stars.three svg:nth-child(1) path,
.stars.three svg:nth-child(2) path,
.stars.three svg:nth-child(3) path{
  fill: #FCB618;
}

.stars.four svg:nth-child(1) path,
.stars.four svg:nth-child(2) path,
.stars.four svg:nth-child(3) path,
.stars.four svg:nth-child(4) path{
  fill: #FCB618;
}

.stars.five svg:nth-child(1) path,
.stars.five svg:nth-child(2) path,
.stars.five svg:nth-child(3) path,
.stars.five svg:nth-child(4) path,
.stars.five svg:nth-child(5) path{
  fill: #FCB618;
}

@media (min-width: 1024px){
  .agents-list .img-box:hover img {
    transform: scale(1.01);
  }
  .agents-list .img-box:hover .img-layer {
    opacity: 0.56;
  }
  .agents-list .top a:hover .ttl{
    color: #CC004A;
  }
}

.page-agents .ver-social{
  padding-top: 50px;
  padding-bottom: 60px;
  border-top: 1px solid rgba(145,153,180,0.5);
}
@media(max-width: 1900px){
  .agents-list .item{
    width: calc(50% - 30px);
    max-width: calc(50% - 30px);
    margin-right: 60px;
  }
}
@media(max-width: 1365px){
  .agents-list .img-box{
    width: 200px;
    height: 200px;
  }
  .agents-list .item {
    width: calc(50% - 15px);
    max-width: calc(50% - 15px);
    margin-right: 30px;
  }
  .agents-list .content{
    padding-left: 10px;
    padding-top: 0;
  }
}
@media (max-width: 1200px){
  .page-agents .custom-select {
    width: 100%;
    margin-left: 0;
  }
  .page-agents .custom-select-wrap{
    margin-left: 15px;
    flex:1;
  }
}
@media(max-width: 1023px){
  .agents-list .item{
    width: 100%;
    max-width: 100%;
    margin-right: 0;
  }
  .page-agents form{
    flex-direction: column;
    align-items: flex-start;
  }
  .agents-form .custom-select-wrap{
    margin-left: 0;
    margin-top: 20px;
    width: 388px;
    max-width: 100%;
  }
  .agents-form .custom-select-wrap:nth-child(2){
    z-index: 99;
  }
}
@media(max-width: 767px){
  .search-wrap{
    max-width: 100%;
  }
  .search-wrap input{
    max-width: 100%;
  }
  .agents-list .item{
    flex-direction: column;
  }
  .agents-list .img-box{
    width: 100%;
    padding-top: 70%;
    height: auto;
  }
  .agents-list .content{
    padding-left: 0;
    margin-top: 20px;
  }

}




/* start of agent */
.page-agent .package-inner{
  margin-top: 0;
}
.agent{
  display: flex;
}
.agent .img-box{
  width: 33.6%;
  padding-top: 33.6%;
  border-radius: 8px;
  overflow: hidden;
  flex:none;
}
.agent .content{
  flex:1;
  padding-left: 60px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.agent .ver-social{
  flex: 1;
  flex-direction: column-reverse;
  align-items: flex-end;
  min-width: 330px;
}

.agent .top {
  position: relative;
  display: flex;
  flex-direction: column;
  padding-bottom: 30px;
}
.agent .top:after {
  display: block;
  position: absolute;
  content: '';
  left: 0;
  bottom: 0;
  width: 100px;
  height: 3px;
  background-color: #EE2A7B;
}
.agent .top .city{
  margin-top: 10px;
}
.agent .info {
  margin-top: 30px;
}
.agent .info > div {
  display: flex;
  flex-direction: column;
  margin-bottom: 22px;
}
.agent .info > div:last-child {
  margin-bottom: 0;
}
.agent .rate {
  display: flex;
  margin-top: 37.5px;
}
.agent .rate span{
  margin-right: 5px;
}
.agent .rate span:last-child{
  margin-right: 0;
}
.agent .stars{
  margin-top: 10px;
  margin-bottom: 20px;
}
.agent .stars svg {
  margin-right: 8px;
}

.connect-btn{
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0 30px;
  min-height: 50px;
  border: 1px solid rgba(145,153,180,0.7);
  border-radius: 8px;
  cursor: pointer;

  -webkit-box-shadow: 0px 10px 20px 0px rgba(0,153,255,0.05);
  -moz-box-shadow: 0px 10px 20px 0px rgba(0,153,255,0.05);
  box-shadow: 0px 10px 20px 0px rgba(0,153,255,0.05);

  transition: 0.6s;
}
.connect-btn span{
  transition: 0.6s;
}
@media(min-width: 1024px){
  .connect-btn:hover{
    background-color: #EE2A7B;
  }
  .connect-btn:hover span{
    color: #fff;
  }
}
.agent .connect-btn{
  margin-top: auto;
}

.comment-form{
  max-width: 836px;
  margin: 0 auto;
  padding-bottom: 60px;
}

.comment-form .ttl{
  text-align: center;
  margin-top: 30px;
  margin-bottom: 55px;
}
.comment-form label{
  display: flex;
  margin-bottom: 10px;
}

.checkbox-list{
  display: inline-flex;
  justify-content: center;

  padding: 14px 20px;
  border: 2px solid #F6F6F6;
  border-radius: 8px;
  align-self: center;
}
.rate-agent .checkbox-star-wrap{
  display: inline-flex;
  position: relative;
  margin-right: 5px;
}
.rate-agent .checkbox-star:last-child{
  margin-right: 0;
}
.rate-agent .checkbox-star{
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
  appearance: checkbox;
  width: 18px;
  height: 18px;
  cursor: pointer;
  opacity: 0;
}

.rate-agent .checkbox-star-wrap svg{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  pointer-events: none;
}
.rate-agent .checkbox-star-wrap path{
  transition: 0.6s;
}

.rate-agent .one .checkbox-star-wrap:nth-child(1) path{
  fill:#FCB618;
}

.rate-agent .two .checkbox-star-wrap:nth-child(1) path{
  fill:#FCB618;
}
.rate-agent .two .checkbox-star-wrap:nth-child(2) path{
  fill:#FCB618;
}

.rate-agent .three .checkbox-star-wrap:nth-child(1) path{
  fill:#FCB618;
}
.rate-agent .three .checkbox-star-wrap:nth-child(2) path{
  fill:#FCB618;
}
.rate-agent .three .checkbox-star-wrap:nth-child(3) path{
  fill:#FCB618;
}

.rate-agent .four .checkbox-star-wrap:nth-child(1) path{
  fill:#FCB618;
}
.rate-agent .four .checkbox-star-wrap:nth-child(2) path{
  fill:#FCB618;
}
.rate-agent .four .checkbox-star-wrap:nth-child(3) path{
  fill:#FCB618;
}
.rate-agent .four .checkbox-star-wrap:nth-child(4) path{
  fill:#FCB618;
}

.rate-agent .five .checkbox-star-wrap:nth-child(1) path{
  fill:#FCB618;
}
.rate-agent .five .checkbox-star-wrap:nth-child(2) path{
  fill:#FCB618;
}
.rate-agent .five .checkbox-star-wrap:nth-child(3) path{
  fill:#FCB618;
}
.rate-agent .five .checkbox-star-wrap:nth-child(4) path{
  fill:#FCB618;
}
.rate-agent .five .checkbox-star-wrap:nth-child(5) path{
  fill:#FCB618;
}
.rate-agent .checkbox-input{
  opacity: 0;
  height: 0;
  pointer-events: none;
  border:none;
  display: none;
}


.comment-form .input{
  width: 100%;
  background-color: #F6F6F6;
  border-radius: 8px;
  border:none;
  padding: 14px 20px;

  outline: none;
  resize: none;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;;
  -moz-box-shadow: none !important;;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: linear-gradient(transparent, transparent);

  margin-bottom: 30px;
}
.comment-form textarea{
  width: 100%;
  background-color: #F6F6F6;
  border-radius: 8px;
  border:none;
  height: 100px;
  padding: 14px 20px;

  outline: none;
  resize: none;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;;
  -moz-box-shadow: none !important;;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: linear-gradient(transparent, transparent);
}

.comment-form .bottom{
  display: flex;
  margin-top: 30px;
}

.rate-agent{

}
.rate-agent span{
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
}


.comments{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.comments > .ttl{
  margin-bottom: 60px;
}
.comment{
  display: flex;
  flex-direction: column;
  margin-bottom: 40px;
}
.comment time{
  color: #9199B4;
}
.comment .text{
  margin-top: 10px;
  padding: 20px;
  background-color: #F6F6F6;
  border-radius: 8px;
}
.comments .more-btn{
  align-self: center;
  margin-top: 50px;
}

@media(max-width: 1900px){

}
@media(max-width: 1679px){
  .agent .top{
    padding-bottom: 14px;
  }
  .agent .top .ttl{
    font-size: 21px;
  }
  .agent .top .city{
    font-size: 13px;
  }
  .agent .info > div a{
    font-size: 16px;
  }
  .agent .info > div span,
  .agent .rate span{
    font-size: 13px;
  }
  .agent .rate{
    margin-top: 22px;
  }
}
@media(max-width: 1365px){
  .agent{
    flex-wrap: wrap;
    align-items: flex-start;
  }
  .agent .content{
    padding-left: 30px;
    width: calc(100% - 34.6%);
  }
  .agent .ver-social{
    flex-direction: row;
    margin-top: 89px;
    width: 100%;
    min-width: 100%;
  }
}
@media(max-width: 1023px){
  .agent .img-box{
    width: 45%;
    padding-top: 45%;
  }
  .agent .content {
    padding-left: 15px;
    width: calc(100% - 45%);
  }
  .agent .info{
    margin-top: 10px;
  }
  .agent .ver-social{
    margin-top: 55px;
    justify-content: flex-end;
  }
}
@media(max-width: 767px){
  .agent .img-box{
    width: 100%;
    padding-top: 70%;
  }
  .agent .content{
    width: 100%;
    padding-left: 0;
    margin-top: 20px;
  }
  .comment-form .bottom{
    flex-direction: column;
  }
  .comment-form .bottom .send-btn{
    margin-top: 20px;
  }
}

/*start of agent popup*/
.message-popup{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(41,37,98,0.9);
  z-index: 2002;


  display: flex;
  justify-content: center;
  align-items: center;


  opacity: 0;
  transition: 0.4s;
  pointer-events: none;
}
.agent-popup .message-popup{
  opacity: 1;
  pointer-events: all;
}



.message-popup form{
  position: relative;
  width: 1284px;
  padding: 110px 336px  153px 336px;
  background-color: #fff;
  border-radius:8px;
}
.message-popup .ttl{
  margin-bottom: 55px;
}
.message-popup .btn-wrap{
  display: flex;
  margin-top: 30px;
}
.message-popup .captcha{
  margin-right: 0;
}
.message-popup .send-btn{
  margin-left: 22px;
  flex:1;
}

.message-popup .close{
  position: absolute;
  top: 50px;
  right: 50px;
}

@media(max-width: 1900px){
  .message-popup form{
    width: 812px;
    padding: 80px 100px;
  }
}

@media(max-width: 1023px){
  .message-popup form{
    width: calc(100% - 80px);
    padding: 80px 60px;
  }
  .message-popup .ttl{
    margin-bottom: 34px;
  }
}
@media(max-width: 767px){
  .message-popup form {
    width: calc(100% - 15px);
    padding: 55px 20px;
  }
  .message-popup .close {
    position: absolute;
    top: 10px;
    right: 20px;
  }
  .message-popup .btn-wrap{
    flex-direction: column;
  }
  .message-popup .send-btn{
    margin-left: 0;
    margin-top: 20px;
  }
}



/*start of all partners*/
.partners{
  margin-top: 55px;
}
.partners-list{
  width: calc(100% + 104px);
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  margin: 55px 0;
}
.partners-list img{
  display: block;
  max-height: 100px;
  width: auto;
  object-fit: contain;
  transition: 0.6s;
}
.partners-list .partner{
  margin-right: 104px;
  margin-bottom: 35px;

  display: flex;
  align-items: center;
}
@media(min-width: 1024px){
  .partners-list .partner:hover img{
    transform: scale(1.02);
  }
}

@media(max-width: 1900px){
  .partners-list .partner{
    margin-right: 60px;
  }
  .partners-list{
    width: calc(100% + 60px);
  }
}
@media(max-width: 1365px){
  .partners-list .partner{
    margin-right: 30px;
    margin-bottom: 20px;
  }
  .partners-list{
    width: calc(100% + 30px);
  }
}
@media(max-width: 1023px){
  .partners-list img{
    max-height: 70px;
  }
  .partners-list .partner{
    margin-right: 15px;
    margin-bottom: 20px;
  }
  .partners-list{
    width: calc(100% + 15px);
  }
}
@media(max-width: 767px){
  .partners-list img{
    max-height: auto;
    max-width: 100%;
  }
}


/*full width news*/
.full-width-news> .container > .ttl {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.full-width-news> .container > .text {
  text-align: center;
  margin-top: 15px;
  max-width: 540px;
  margin: 0 auto;
}

.full-width-news .img-box {
  width: 100%;
  padding-top: 38.6%;
  border-radius: 8px;
  overflow: hidden;
  margin-top: 55px;
}

.full-width-news time {
  position: relative;
  display: flex;
  margin-top: 30px;
  margin-left: 45px;
  color: #EE2A7B;
}

.full-width-news time:before {
  display: block;
  position: absolute;
  content: '';
  left: -15px;
  bottom: -4px;
  height: 85px;
  width: 3px;
  border-radius: 10px;
  background-color: #EE2A7B;
}

.full-width-news .subtitle{
  margin-top: 34px;
}
@media (max-width: 1365px){
  .full-width-news time {
    margin-top: 15px;
    font-size: 13px;
  }
}
@media (max-width: 1023px){
  .full-width-news .img-box {
    padding-top: 53%;
  }
  .full-width-news time:before {
    left: -27px;
    height: 104px;
    bottom: -11px;
  }
}
@media (max-width: 767px){
  .full-width-news .img-box {
    padding-top: 70%;
  }
  .full-width-news time {
    margin-left: 22px;
    margin-top: 10px;
  }
  .full-width-news time:before {
    left: -8px;
    height: 67px;
    bottom: -4px;
  }
}




/*about mission*/
.page-about-mission .ver-social{
  padding: 55px 0 60px;
}

/*about partners*/
.page-about-partners .directHeadInner > .ttl{
  margin-bottom: 55px;
}
.page-about-partners .connect-btn{
  margin-top: 34px;
}
.page-about-partners .ver-social{
  padding-bottom: 60px;
}

.open-form .message-popup{
  opacity: 1;
  pointer-events: all;
}
.page-about-partners .packageGrid:nth-child(2) {
  margin-top: 0px;
}
.page-about-partners .packagesGridInner{
  margin-top: 55px;
}
.page-about-partners .bottom-line{
  background-color: #EE2A7B;
}
.page-about-partners .component-content .btn-white{
  padding: 0 15px;
  height: 50px;
}
.page-about-partners .component-content .btn-white span:first-child{
  margin-right: 5px;
  transition: 0.6s;
  font-size: 21px;
}
.page-about-partners .component-content .btn-white span:last-child{
  font-size: 21px;
  color:#EE2A7B;
  transition: 0.6s;
}

.page-about-partners .packageGrid{
  display: flex;
  height: auto;
}
.page-about-partners .packageItem{
  margin-bottom: 0;
}
@media(min-width: 1024px){
  .page-about-partners .component-content .btn-white:hover span{
    color: #fff;
  }
}
@media(max-width: 767px){
  .page-about-partners .component-content .btn-white span{
    font-size: 16px !important;
  }
}
/*brand platform*/
.page-brand-platform .directHeadInner > .ttl{
  margin-bottom: 34px;
}
.brand-platform-slider .swiper-slide{
  height: 404px;
  display: flex;
  justify-content: center;
  align-items: center;

  padding: 15px;
  overflow: hidden;

  -webkit-box-shadow: 0px 10px 20px 0px rgba(0,153,255,0.05);
  -moz-box-shadow: 0px 10px 20px 0px rgba(0,153,255,0.05);
  box-shadow: 0px 10px 20px 0px rgba(0,153,255,0.05);
  border-radius: 8px;
}
.brand-platform-slider .content{
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
}
.brand-platform-slider .img-box{
  height: 90px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 5px;
}
.brand-platform-slider img{
  max-height: 85px;
  display: block;
  width: auto;
  max-width: calc(100% - 30px);
  object-fit: contain;
}
.brand-platform-slider .subtitle{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;

  word-break: break-all;
}
.brand-platform-slider .bottom{
  display: flex;
  margin-top: 20px;
}
.brand-platform-slider .mb{
  position: relative;
  padding-right: 35px;
  margin-right: 30px;
  word-break: break-all;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.brand-platform-slider .mb svg{
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.brand-platform-slider .bottom a{
  flex:none;
  text-decoration: underline;
  color: #EE2A7B;
  transition: 0.6s;
}
@media(min-width: 1024px){
  .brand-platform-slider .bottom a:hover{
    color: #C20B56;
  }
}

.page-brand-platform .brand-platform-slider{
  padding-bottom: 90px;
  padding-top: 55px;
  overflow: hidden;
}

@media(max-width: 1365px){
  .brand-platform-slider .swiper-slide{
    height: 356px;
  }
  .brand-platform-slider .mb{
    margin-right: 10px;
    padding-right: 10px;
  }
}

@media(max-width: 1023px){
  .brand-platform-slider .swiper-slide{
    height: 280px;
  }
  .brand-platform-slider .bottom{
    flex-direction: column;
  }
  .brand-platform-slider .mb{
    padding-right: 0;
    margin-right: 0;
  }
  .brand-platform-slider .mb svg{
    display: none;
  }
}



/*start of management team*/

.manager{
  display: flex;
  align-items: flex-start;
}
.manager .img-box{
  flex:none;
  padding-top: 23.45%;
  width: 23.45%;
  border-radius: 8px;
  overflow: hidden;
}
.manager .content{
  padding-left: 52px;
}
.manager .top{
  position: relative;
  display: flex;
  flex-direction: column;
  padding-bottom: 14px;
  margin-bottom: 20px;
}
.manager .top:after {
  display: block;
  position: absolute;
  content: '';
  left: 0;
  bottom: 0;
  width: 100px;
  height: 3px;
  background-color: #EE2A7B;
}
.manager .subtitle{
  margin-top: 10px;
}

.management-list{
  display: flex;
  flex-direction: column;
  padding-bottom: 60px;
}
.management-list .manager{
  margin-bottom: 144px;
}
.management-list .manager:last-child{
  margin-bottom: 0;
}

@media(max-width: 1679px){
  .manager .content{
    padding-left: 30px;
  }
  .manager .img-box{
    padding-top: 30.45%;
    width: 30.45%;
  }
}
@media(max-width: 1365px){
  .management-list .manager{
    margin-bottom: 89px;
  }
}
@media(max-width: 1023px){
  .manager .content{
    padding-left: 15px;
  }
  .manager .img-box{
    width: 45%;
    padding-top: 45%;
  }
}
@media(max-width: 767px){
  .manager{
    flex-direction: column;
  }
  .manager .img-box{
    width: 100%;
    padding-top: 70%;
  }
  .manager .content{
    padding-left: 0;
    margin-top: 20px;
  }
  .management-list .manager{
    margin-bottom: 55px;
  }
}


/*start terms*/
.page-terms .item-hidden .btn-white{
  display: inline-flex;
  position: relative;
  padding: 0 77px 0 43px;
}
.page-terms .item-hidden .btn-white svg{
  position: absolute;
  right: 43px;
  top: 50%;
  transform: translateY(-50%);
}
.page-terms .item-hidden .btn-white path{
  transition: 0.6s;
  stroke: #292562;
}
.page-terms .packages-outer .back-btn{
  display: flex;
}
.page-terms .container-secondary{
  position: relative;
  z-index: 11;
}
.page-terms .banner-content.container-secondary{
  position: absolute;
}
@media (min-width: 1024px){
  .page-terms .btn-white:hover path{
    stroke: #fff;
  }
}
@media (max-width: 1023px){
  .page-terms .packages-outer .back-btn{
    display: none;
  }
}
@media (max-width: 767px){
  .page-terms .item-hidden .btn-white path{
    stroke: #fff;
  }
}
























/*Basis Bank*/
.whiteRed-btn{
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0 30px;
  min-height: 46px;
  background-color: #fff;
  border-radius: 6px;
  transition: 0.6s;
  cursor: pointer;
  transition-delay: 0s;
}
.whiteRed-btn span{
  transition: 0.6s ease-in-out;
  color: #444958;
  font-size: 14px;
  line-height: 19px;
}
@media(min-width: 1024px){
  .whiteRed-btn:hover{
    background-color: #ED1651;
  }
  .whiteRed-btn:hover span{
    color: #fff;
  }
}





.today-offer-slider{
  position: relative;
  overflow: hidden;
}

.offer-img{
  height: 665px;
}
.offer-img .slide-img{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.today-offer-slider .img-layer{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

  background-color: #00172A;
  opacity: 0.15;
}

.offer-box{
  position: absolute;
  left: 160px;
  top: 89px;
  width: calc(100% - 320px);
  height: 432px;

  display: flex;
  flex-direction: column;
}


.offer-box .top{
  display: flex;
  align-items: center;
  height: 144px;
  width: 100%;
  overflow: hidden;
}
.offer-box .left{
  flex:none;
  width: 50px;
  background-color: #fff;
  border-top-left-radius: 12px;
  height: 100%;
}
.offer-box svg{
  flex:none;
}
.offer-box .right{
  flex:1;
  background-color: #fff;
  border-top-right-radius: 12px;
  height: 100%;

  padding-left: 26px;
  padding-right: 60px;

  display: flex;
  align-items: center;
  justify-content: space-between;
}
.offer-box .right .ttl{
  font-size: 50px;
  line-height: 60px;
  padding-right: 20px;

  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.offer-box .right a{
  flex:none;
  font-size: 12px;
  color: #fff;
  background-color: #ED1651;
  padding: 2px 12px;
  border-radius: 4px;
  transition: 0.6s ease-in-out;
  cursor: pointer;
}
@media(min-width: 1024px){
  .offer-box .right a:hover{
    background-color: #444958;
  }
}

.offer-box .content{
  position: relative;
  flex:1;
  height: calc(100% - 144px);
  width: 100%;
  border-left: 55px solid #fff;
  border-bottom: 55px solid #fff;
  border-right: 60px solid #fff;
  
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}


.offer-slide{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 25px 80px 35px 80px;

  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.offer-slide .ttl{
  font-size: 34px;
  color: #fff;

  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.offer-slide .txt{
  font-size: 16px;
  line-height: 20px;
  color: #fff;
  margin: 15px 0;
  max-width: 480px;

  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.offer-slide .whiteRed-btn{
  margin-top: auto;
}

#arrow-next{
  position: absolute;
  top: 50%;
  left: 100%;
  transform: translate(-50%,-50%);

  display: flex;
  justify-content: center;
  align-items: center;


  background-color: #fff;
  width: 54px;
  height: 54px;
  border-radius: 50%;

  cursor: pointer;
  transition: 0.6s ease-in-out;

  -webkit-box-shadow: 5px 0px 15px 0px rgba(0,97,175,0.05);
  -moz-box-shadow: 5px 0px 15px 0px rgba(0,97,175,0.05);
  box-shadow: 5px 0px 15px 0px rgba(0,97,175,0.05);
}
#arrow-next path{
  transition: 0.6s ease-in-out;
  stroke: #444958;
}
#arrow-next svg:last-child{
  display: none;
}
@media(min-width: 1024px){
#arrow-next:hover{
    background-color: #444958;
  }
#arrow-next:hover path{
    stroke: #fff;
  }
}
#arrow-prev{
  display: none;
  cursor: pointer;
}

.today-offer-slider .dots{
  position: absolute;
  left: 50%;
  bottom: 68px;
  transform: translateX(-50%);
  
  display: flex;
}
.offer-dot{
  width: 12px;
  height: 12px;
  margin-right: 35px;
  background-color: #fff;
  border: 2px solid transparent;
  border-radius: 50%;
  cursor: pointer;
  transition: 0.6s;
}
.offer-dot:last-child{
  margin-right: 0;
}
.offer-dot.active{
  background-color: transparent;
  border-color: #fff;
}
@media(min-width: 1024px){
  .offer-dot:hover{
    background-color: #ED1651;
    border-color: #ED1651;
  }
}





@media(max-width: 1900px){
  .offer-box{
    width: calc(100% - 160px);
    left: 80px;
  }
}
@media(max-width: 1679px){
  .offer-img{
    height: 0px;
    padding-top: 39.59%;
  }

  .offer-box{
    height: 0;
    padding-top: 25.3%;
  }

  .offer-box .top{
    position: absolute;
    top: 0;
    left: 0;
    height: 120px;
  }
  .offer-box .right{
    padding: 0 50px 0 20px;
  }
  .offer-box .left{
    width: 40px;
  }
  .offer-box svg{
    width: 50px;
  }


  .offer-box .content{
    position: absolute;
    top: 120px;
    left: 0;
    height: calc(100% - 120px);

    border-left: 45px solid #fff;
    border-bottom: 45px solid #fff;
    border-right: 50px solid #fff;
  }

  .offer-slide{
    padding: 20px  65px;
  }
  .offer-slide .txt{
    margin: 5px 0;
  }

  .offer-dots{
    bottom: 48px;
  }
}

@media(max-width: 1439px){
  .offer-box .top{
    height: 115px;
  }
  .offer-box .content{
    top: 115px;
    height: calc(100% - 115px);
    border-left: 40px solid #fff;
  }
  .offer-box .right{
    padding: 0 50px 0 15px;
  }
  .offer-box .left{
    width: 35px;
  }
  .offer-slide{
    padding: 5px 60px 25px;
  }
}


@media(max-width: 1365px){
  .offer-img{
    padding-top: 0;
    height: 541px;
  }
  .offer-box{
    padding-top: 0;
    height: 343px;
    width: calc(100% - 80px);
    left: 40px; 
    top: 84px;
    /*transform: translateX(-50%);*/
  }
  .offer-box .top{
    position: static;
  }
  .offer-box .content{
    position: absolute;
    top: 115px;
    border-right: 40px solid #fff;
  }
  .offer-box .right{
    padding: 0 40px 0 15px;
  }
}

@media(max-width: 1023px){
  .offer-img{
    height: 610px;
  }

  .offer-box{
    height: 382px;
  }

  .offer-slide {
    padding: 5px 60px 35px;
  }

  .offer-slide .txt{
    -webkit-line-clamp: 3;
  }

  .offer-dots{
    bottom: 71px;
  }
}

@media(max-width: 767px){
   .offer-img{
    height: 572px;
  }

  .offer-box{
    height: 279px;
    top: 230px;
    left: 25px;
    width: calc(100% - 50px);
  }

  .offer-box .top{
    height: 80px;
  }
  .offer-box .left{
    width: 15px;
  }
  .offer-box .right{
    padding: 0 20px 0 5px;
  }
  .offer-box .right .ttl{
    font-size: 25px;
    padding-right: 0;
    color: #444958;
  }
  .offer-box .right a{
    display: none;
  }

  .offer-box .content{
    height: calc(100% - 80px);
    top: 80px;
    border-left: 20px solid #fff;
    border-bottom: 20px solid #fff;
    border-right: 20px solid #fff;

    background-color: #fff;
  }
  .offer-slide{
    padding: 0;
  }
  .offer-slide .ttl{
    font-size: 21px;
    -webkit-line-clamp: 2;
    color: #444958;
    color: #444958;
  }
  .offer-slide .txt{
    margin: 10px 0;
    -webkit-line-clamp: 4;
    color: #444958;
  }

  .offer-slide .whiteRed-btn{
    min-height: 30px;
    background-color: #ED1651;
  }
  .whiteRed-btn span{
    color: #fff;
  }

  .offer-dots{
    display: none;
  }

  #arrow-next{
    width: 40px;
    top: calc(100% + 40px) ;
    left: calc(50% + 10px);
    transform: translate(0,0);
    height: auto;
    background-color: transparent;
  }
  #arrow-next svg:last-child{
    display: block;
  }
  #arrow-next svg:first-child{
    display: none;
  }
  #arrow-prev{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: auto;
    position: absolute;
    top: calc(100% + 40px) ;
    left: calc(50% - 10px);
    transform: translateX(-100%);
  }
  #arrow-next path,
  #arrow-prev path{
    stroke: #fff;
  }
}



/*animation*/
.today-offer-slider.stop #arrow-next,
.today-offer-slider.stop #arrow-prev,
.today-offer-slider.stop .offer-dot{
  pointer-events: none;
}


.offer-slide .ttl,
.offer-slide .txt{
  transition: 0.5s ease-in-out;
  opacity: 0;
  transform: translateY(10px);
}
.offer-slide .txt{
  transition-delay: 0.1s;
}

.offer-slide .whiteRed-btn{
  transition: 0.6s;
  opacity: 0;
  transform: scale(0.98);
}

.offer-slide{
  opacity: 0;
  pointer-events: none;
}



.offer-slide.active{
  pointer-events: all;
  opacity: 1;
}
.offer-slide.no-active{
  opacity: 1;
}


.offer-slide.active .ttl,
.offer-slide.active .txt{
  opacity: 1;
  transform: translateY(0px);
}
.offer-slide.active .whiteRed-btn{
  opacity: 1;
  transform: scale(1);
}


.offer-slide.no-active .ttl,
.offer-slide.no-active .txt{
  opacity: 0;
  transform: translateY(-10px);
}
.offer-slide.no-active .whiteRed-btn{
  opacity: 0;
  transform: scale(0.98);
}



.slide-img{
  opacity: 0;
  transform: translate3d(100%,0,0);
  transition: opacity 0s , transform 1.5s cubic-bezier(0.4, 0.01, 0.1, 0.99);
  overflow: hidden;
  backface-visibility: hidden;
}
.slide-img img{
  transition: 1.5s cubic-bezier(0.4, 0.01, 0.1, 0.99) 0.1s;
  transform-origin: right;
   transform: scale(1);
   backface-visibility: hidden;
}
.slide-img.no-active img{
  transform: scale(1.5);
}
.slide-img.no-active{
  opacity: 1;
  transform: translate3d(-100%,0,0);
}
.slide-img.active{
  opacity: 1;
  transform: translate3d(0%,0,0);
}


@media(max-width: 1365px){
  .slide-img.no-active img{
    transform: scale(1.3);
  }
}