.clearfix:after {
	content: "";
	display: block;
	clear: both
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
	position: static;
	width: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	clip: auto
}

.ellipsis {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}


.swiper-container-initialized {
	height: 100%
}

.swiper-slide {
	height: auto
}

.swiper-slide>* {
	height: 100%
}

.wrapper {
	overflow: hidden;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height: 100%
}

.sprite {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
	opacity: 0
}

.container {
	margin: 0 auto;
	padding: 0 16px;
	width: 100%
}

.container.container-sx {
	max-width: 1108px
}

.container.container-ph {
	max-width: 1085px
}

.container.container-sm {
	max-width: 1152px
}

.container.container-view {
	max-width: 1472px
}

.container.container-lg {
	max-width: 1184px
}

.pricing-section {
	padding-bottom: 32px
}

.pricing-section .pricing-section-title {
	max-width: 671px;
	width: 100%;
	margin: 0 auto
}

.pricing-section .pricing-section-description {
	text-align: center;
	color: #ababab;
	font-family: Inter;
	font-size: 10px;
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: -.25px;
	max-width: 960px;
	margin: 0 auto;
}

.tabs-langing {
	padding: 40px 0 32px
}

.tabs-langing .tabs__header {
	max-width: 369px;
	width: 100%;
	margin: 0 auto;
	gap: 10px;
	padding: 4px;
	height: 48px;
	border-radius: 100px;
	border: 1px solid hsla(0, 0%, 100%, .03);
	background: hsla(0, 0%, 100%, .1)
}

.tabs-langing .tabs__header .tabs__btn {
	font-family: Poppins;
	font-size: 14px;
	font-weight: 400;
	line-height: normal;
	color: #fff;
	width: calc(50% - 5px);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100px
}

.tabs-langing .tabs__header .tabs__btn.active {
	background: #7f58ff
}

.tabs-langing .pricing-list {
  font-family: Inter, sans-serif;
  font-weight: 400px;
	padding: 40px 0 32px;
	max-width: 276px;
	margin: 0 auto
}

.tabs-langing .pricing-list li {
	color: #cdcdcd;
	line-height: 1.43px;
	letter-spacing: -.16px;
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 5px
}

.tabs-langing .pricing-list li:last-child {
	margin-bottom: 0
}

.tabs-langing .pricing-list li.item-inactive {
	text-decoration: line-through;
	color: #6d6d6d
}

.tabs-langing .pricing-list li.item-inactive svg {
	opacity: 0
}

.tabs-langing .cards-list {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 16px
}

.accordion {
	max-width: 350px;
	width: 100%;
	background: #fff;
	margin: 0 15px;
	padding: 15px;
	border-radius: 8px;
	box-shadow: 0 0 4px rgba(0, 0, 0, .2);
	position: relative;
	z-index: 1
}

.accordion .accordion-content {
	margin: 10px 0;
	border-radius: 4px;
	background: #fff7f0;
	border: 1px solid #ffd6b3;
	overflow: hidden
}

.accordion .accordion-content.open {
	padding-bottom: 10px
}

.accordion .accordion-content.open header {
	min-height: 35px
}

.accordion .accordion-content .header {
	display: flex;
	min-height: 50px;
	padding: 0 15px;
	cursor: pointer;
	align-items: center;
	justify-content: space-between;
	transition: all .2s linear
}

.accordion .accordion-content .description {
	height: 0;
	font-size: 12px;
	color: #333;
	font-weight: 400;
	padding: 0 15px;
	transition: all .2s linear
}

.accordion .accordion-content .title {
	font-size: 14px;
	font-weight: 500;
	color: #333
}

.accordion .accordion-content .plus.active {
	transform: rotate(45deg)
}

.tabs__header {
	display: flex
}

.tabs__btn {
	color: #000
}

.tabs__btn.active {
	color: #ccc
}

.tabs__content {
	display: none
}

.tabs__content.active {
	display: block
}

.btn-top {
	width: 20px;
	height: 20px;
	background-color: #000;
	position: fixed;
	bottom: 30px;
	right: 30px;
	z-index: 1;
	transition: all .3s ease
}

.btn-top.hide {
	opacity: 0
}

.btn-top.show {
	opacity: 1
}



.pricing-card-popup {
  font-family: "DM Sans";
  font-weight: 700;
	position: relative;
	box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .2);
	padding: 24px 32px;
	border: 1px solid;
	border-image: linear-gradient(180deg, #6c99f3, #9c37fd) 1;
	background-image: url(../images/bg-pricing-card.png);
	background-position: 0 0;
	background-size: cover
}

.pricing-card-popup.pricing-card-popular {
	background-image: url(../images/bg-pricing-card-popular.png);
	border-image: none;
	border-color: hsla(0, 0%, 100%, .3)
}

.pricing-card-popup.paid-card {
	background-image: url(../images/paid-options.png);
	border-image: linear-gradient(180deg, #6cf382, #37fd90) 1
}

.pricing-card-popup.paid-card:after {
	content: url(../images/simple-line-icons_check.svg);
	position: absolute;
	top: 13px;
	right: 13px
}

.pricing-card-popup .period {
	color: #ececec;
/*	font-family: DM Sans;*/
	font-size: 20px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: -.62px
}

.pricing-card-popup .price-block {
	display: flex;
	gap: 4px;
	padding: 20px 0 24px
}

.pricing-card-popup .price-block .currency {
	color: #ececec;
	font-family: Poppins, sans-serif;
  font-weight: 400;
	font-size: 24px;
	line-height: 32px;
	letter-spacing: -.24px
}

.pricing-card-popup .price-block .price {
	color: #ececec;
/*	font-family: DM Sans;*/
	font-size: 48px;
	font-weight: 700;
	line-height: .9
}

.pricing-card-popup .price-block .period {
	color: hsla(0, 0%, 93%, .8);
	font-size: 18px;
	font-weight: 500;
	line-height: 140%;
	letter-spacing: -.648px;
	margin-top: auto
}

.pricing-card-popup .btn {
	width: 100%;
	min-height: 56px;
	text-decoration: none
}

.pricing-card-popup .badge {
	border-radius: 4px;
	background: url(../images/label-1.png) 50%;
	background-size: cover;
	width: 92px;
	min-height: 26px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	color: #fcfcfd;
	font-family: Poppins;
	font-size: 12px;
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase
}

.pricing-popup .price-block {
	padding: 0
}

.pricing-popup .price-block .currency {
	font-size: 15px;
	letter-spacing: -.148px
}

.pricing-popup .price-block .price {
	font-size: 30px
}

.pricing-popup .price-block .period {
	font-size: 11px;
	letter-spacing: -.399px
}

.pricing-popup .pricing-card-popup.paid-card:after {
	content: url(../images/simple-line-icons_check-mob.svg)
}

.upload-label {
	width: 100%;
	margin: 0 auto;
	min-height: 56px;
/*	font-family: Inter;*/
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	letter-spacing: .16px;
	position: relative
}

.upload-label input {
	display: none
}

.social-links {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 11px
}

.noscroll {
	overflow: hidden
}

.overlay {
	opacity: 0;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
	background: rgba(0, 0, 0, .6)
}

.overlay,
.overlay.active {
	transition: opacity .5s ease
}

.overlay.active {
	z-index: 9;
	opacity: 1
}

.popup2 {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: -3;
	width: 100%;
	opacity: 0;
	height: 100%;
	overflow-y: auto
}

.popup2,
.popup2.active {
	transition: opacity .5s ease
}

.popup2.active {
	opacity: 1;
	z-index: 9999
}

.popup__close {
	position: absolute;
	right: 15px;
	top: 11px;
	z-index: 999;
	width: 30px;
	height: 30px;
	background: hsla(0, 0%, 100%, .2);
	border-radius: 100%
}

.popup__close:after,
.popup__close:before {
	position: absolute;
	content: " ";
	height: 17px;
	width: 2px;
	background-color: #fff
}

.popup__close:before {
	transform: rotate(45deg)
}

.popup__close:after {
	transform: rotate(-45deg)
}

.btn_popup {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 8px;
	border-radius: 8px;
	line-height: normal;
/*	font-family: DM Sans;*/
	font-weight: 700;
	transition: all .3s ease
}

.btn_popup.btn-primary {
	background: #4863f9;
	box-shadow: 0 4px 20px 0 rgba(90, 114, 250, .21);
	letter-spacing: -.434px;
	font-size: 14px;
	text-shadow: 0 .5px 1px hsla(0, 0%, 7%, .25);
	color: #ecefff;
  font-family: Inter, sans-serif;
  font-weight: 600;
}

.btn_popup.btn-primary:hover {
	background: linear-gradient(0deg, hsla(0, 0%, 100%, .1), hsla(0, 0%, 100%, .1)), #4863f9
}

.btn_popup.btn-primary:disabled {
	background: linear-gradient(0deg, rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)), #4863f9;
	opacity: .3
}

.btn_popup.btn-secondary {
	border-radius: 8px;
	border: 1px solid hsla(0, 0%, 100%, .1);
	background: hsla(0, 0%, 100%, .1);
	color: #ecefff
}

.btn_popup.btn-secondary:hover {
	background: hsla(0, 0%, 100%, .3)
}

.btn_popup.btn-accent {
	background: linear-gradient(99deg, #5d73f1, #7027e8 50%, #e4325d);
	letter-spacing: -.434px;
	font-size: 14px;
	text-shadow: 0 .5px 1px hsla(0, 0%, 7%, .25);
	color: #ecefff
}

.btn_popup.btn-accent:hover {
	background: linear-gradient(0deg, hsla(0, 0%, 100%, .1), hsla(0, 0%, 100%, .1)), linear-gradient(99deg, #5d73f1, #7027e8 50%, #e4325d)
}

.btn_popup.btn-accent:disabled {
	background: linear-gradient(0deg, rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)), linear-gradient(99deg, #5d73f1, #7027e8 50%, #e4325d);
	opacity: .3
}

.btn_popup.btn-ganerate {
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 120%;
	background: linear-gradient(99deg, #5d73f1, #7027e8 50%, #e4325d)
}

.btn_popup.btn-ganerate:hover {
	background: linear-gradient(0deg, hsla(0, 0%, 100%, .1), hsla(0, 0%, 100%, .1)), linear-gradient(99deg, #5d73f1, #7027e8 50%, #e4325d)
}

.btn_popup.btn-ganerate:disabled {
	background: linear-gradient(0deg, rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)), linear-gradient(99deg, #5d73f1, #7027e8 50%, #e4325d);
	opacity: .3
}

.btn_popup.btn-transparent {
	border-radius: 6px;
	border: 2px solid hsla(0, 0%, 100%, .5);
	color: #fff;
	font-family: Poppins;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.4
}

.btn_popup.btn-transparent:hover {
	background: hsla(0, 0%, 100%, .2)
}

.pricing-popup {
	transform: translate(0);
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: rgba(32, 32, 32, .8);
	-webkit-backdrop-filter: blur(25px);
	backdrop-filter: blur(25px);
	padding: 50px 0;
	overflow-x: hidden
}

.pricing-popup:after,
.pricing-popup:before {
	position: absolute;
	z-index: -1
}

.pricing-popup:before {
	content: url(../images/price-popup-left.png);
	top: 0;
	left: 0
}

.pricing-popup:after {
	content: url(../images/price-pupup-right.png);
	top: 0;
	right: 0
}

.pricing-popup .pricing-section {
	padding: 0
}

.pricing-popup .pricing-card-popup .pricing-info {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	margin-top: 20px;
	gap: 20px
}

.pricing-popup .pricing-card-popup .pricing-info .btn {
	height: 40px;
	min-height: auto
}

.pricing-popup .pricing-card-popup .pricing-info .btn_popup {
  width: 100%;
  max-width: none;
  min-height: 40px
}

@media (min-width:375px) {
	.pricing-popup .price-block {
		padding-top: 20px
	}

	.pricing-popup .pricing-card-popup .pricing-info {
		flex-direction: row;
		align-items: end
	}

	.pricing-popup .pricing-card-popup .pricing-info .btn_popup {
		max-width: 124px;
	}
}

@media (min-width:576px) {
	.pricing-popup .price-block .currency {
		font-size: 24px;
		letter-spacing: -.24px
	}

	.pricing-popup .price-block .price {
		font-size: 48px
	}

	.pricing-popup .price-block .period {
		font-size: 18px;
		letter-spacing: -.648px
	}
}

@media (min-width:768px) {
  .pricing-popup .pricing-card-popup.paid-card:after {
		content: url(../images/simple-line-icons_check.svg)
	}

	.pricing-section {
		padding-bottom: 80px
	}

	.pricing-section .pricing-section-description {
		font-size: 14px;
		letter-spacing: -.14px;
		font-weight: 400;
		color: #cdcdcd;
		text-align: left
	}

	.tabs-langing {
		padding: 40px 0 80px
	}

	.tabs-langing .pricing-list {
		padding: 24px 0
	}

	.tabs-langing .cards-list {
		gap: 12px;
		flex-direction: row
	}

	.tabs-langing .cards-list .pricing-card-popup {
		width: calc(33.3333333333% - 8px)
	}

	.pricing-card-popup {
		padding: 44px 13px
	}

	.pricing-popup .price-block {
		padding-bottom: 24px
	}

	.pricing-popup .pricing-card-popup .pricing-info {
		display: block
	}


	.social-links {
		padding-top: 0
	}

	.popup__close {
		right: 16px;
		top: 20px
	}

	.pricing-popup {
		padding: 130px 0 50px
	}

  .pricing-popup .pricing-card-popup .pricing-info .btn_popup {
    width: 100%;
    max-width: none;
    min-height: 56px;
  }
}

@media (min-width:992px) {
	.pricing-card-popup {
		padding: 54px 32px
	}
}

@media only screen and (min-width:1025px) {

	a[href^=skype],
	a[href^=sms],
	a[href^=tel] {
		cursor: default;
		pointer-events: none
	}
}

@media (max-width:375px) {
	.pricing-popup .pricing-card-popup {
		padding: 24px 22px
	}
}


/*  Pricing popup redesign */

.pricing-popup-redesign {
  padding: 16px;
  overflow: hidden;
  max-width: 1022px;
  height: 100%;
  max-height: 800px;
}
@media (min-width: 768px) {
  .pricing-popup-redesign .cards-list {
    flex-direction: column;
  }
}
@media (min-width: 992px) {
  .pricing-popup-redesign .cards-list {
    gap: 12px;
    flex-direction: row;
  }
}
@media (min-width: 768px) {
  .pricing-popup-redesign .cards-list .pricing-card {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .pricing-popup-redesign .cards-list .pricing-card {
    width: calc(33.3333333333% - 8px);
  }
}
.pricing-popup-redesign .popup__close {
  background: transparent;
  right: 20px;
  top: 22px;
}
.pricing-popup-redesign .popup__close::before, .pricing-popup-redesign .popup__close:after {
  height: 18px;
}
.pricing-popup-redesign .pricing-section {
  background: #FFFFFF url("../images/pricing-popup-redesign.jpg");
  background-position: top center;
  background-size: auto 117px;
  background-attachment: local;
  background-repeat: no-repeat;
  border-radius: 16px;
  height: 100%;
  overflow-y: auto;
  max-height: 800px;
  padding: 0;
  padding-bottom: 27px;
}
@media (min-width: 640px) {
  .pricing-popup-redesign .pricing-section {
    background-size: auto 170px;
    padding-bottom: 20px;
  }
}
.pricing-popup-redesign .popup-title {
  padding-top: 35px;
  font-family: "DM Sans", sans-serif;
  letter-spacing: 0.02em;
  text-align: center;
  font-size: 33px;
}
@media (min-width: 350px) {
  .pricing-popup-redesign .popup-title {
    font-size: 36px;
  }
}
@media (min-width: 640px) {
  .pricing-popup-redesign .popup-title {
    padding-top: 52px;
    font-size: 56px;
    line-height: 1;
  }
}
.pricing-popup-redesign .tabs__content {
  padding: 0 12px;
}
@media (min-width: 1180px) {
  .pricing-popup-redesign .tabs__content {
    padding: 0 33px;
  }
}
.pricing-popup-redesign .tabs-langing {
  padding: 19px 0 27px;
}
@media (min-width: 640px) {
  .pricing-popup-redesign .tabs-langing {
    padding: 40px 0;
  }
}
.pricing-popup-redesign .tabs-langing .tabs__header {
  border: 1px solid #CCCCCC;
  background: #F2F2F2;
}
.pricing-popup-redesign .tabs-langing .tabs__header .tabs__btn {
  color: #000000;
}
.pricing-popup-redesign .tabs-langing .tabs__header .tabs__btn.active {
  color: #FFFFFF;
}
.pricing-popup-redesign .tabs-langing .pricing-list {
  padding: 24px 0 32px;
}
@media (min-width: 768px) {
  .pricing-popup-redesign .tabs-langing .pricing-list {
    padding: 20px 0;
  }
}
.pricing-popup-redesign .tabs-langing .pricing-list li {
  color: #232323;
  font-weight: 600;
}
.pricing-popup-redesign .tabs-langing .pricing-list li.item-inactive {
  color: #6D6D6D;
}
.pricing-popup-redesign .pricing-section-description {
  color: #ABABAB;
  text-align: center;
  font-size: 10px;
  padding: 0 12px;
}
@media (min-width: 640px) {
  .pricing-popup-redesign .pricing-section-description {
    font-size: 13px;
  }
}
.pricing-popup-redesign .price-block {
  padding: 0;
}
@media (min-width: 375px) {
  .pricing-popup-redesign .price-block {
    padding-top: 20px;
  }
}
@media (min-width: 768px) {
  .pricing-popup-redesign .price-block {
    padding-bottom: 24px;
  }
}
.pricing-popup-redesign .price-block .currency {
  font-size: 15px;
  letter-spacing: -0.148px;
}
@media (min-width: 576px) {
  .pricing-popup-redesign .price-block .currency {
    font-size: 24px;
    letter-spacing: -0.24px;
  }
}
.pricing-popup-redesign .price-block .price {
  font-size: 30px;
}
@media (min-width: 576px) {
  .pricing-popup-redesign .price-block .price {
    font-size: 48px;
  }
}
.pricing-popup-redesign .price-block .period {
  font-size: 11px;
  letter-spacing: -0.399px;
}
@media (min-width: 576px) {
  .pricing-popup-redesign .price-block .period {
    font-size: 18px;
    letter-spacing: -0.648px;
  }
}
.pricing-popup-redesign .pricing-card {
  border-radius: 8px;
  border: 1.5px solid rgba(212, 212, 212, 0.6980392157);
  background: url("../images/bg-paid-options.png");
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover;
  box-shadow: none;
  padding: 20px 32px;
}
.pricing-popup-redesign .pricing-card .btn.btn-secondary {
  border-color: #CDCDCD;
  color: #313131;
  font-weight: 700;
  font-size: 14px;
  background-color: rgba(97, 97, 97, 0.05);
}
@media (min-width: 768px) {
  .pricing-popup-redesign .pricing-card .btn.btn-secondary {
    font-size: 16px;
  }
}
@media (max-width: 375px) {
  .pricing-popup-redesign .pricing-card {
    padding: 24px 22px;
  }
}
@media (min-width: 992px) {
  .pricing-popup-redesign .pricing-card {
    padding: 54px 32px;
  }
}
.pricing-popup-redesign .pricing-card.pricing-card-popular {
  background-image: url("../images/bg-popular-options.png");
}
.pricing-popup-redesign .pricing-card.paid-card {
  border-color: #A1E5AD;
  background-image: url("../images/bg-paided-options.png");
}
.pricing-popup-redesign .pricing-card.paid-card::after {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  background: url("../images/simple-check.svg") center no-repeat;
  background-size: contain;
  right: 22px;
}
@media (min-width: 376px) {
  .pricing-popup-redesign .pricing-card.paid-card::after {
    right: 32px;
  }
}
@media (min-width: 992px) {
  .pricing-popup-redesign .pricing-card.paid-card::after {
    width: 68px;
    height: 68px;
    right: 32px;
  }
}
.pricing-popup-redesign .pricing-card.paid-card .btn.btn-secondary {
  border-color: #91DA9F;
  background-color: rgba(57, 199, 64, 0.1);
}
.pricing-popup-redesign .pricing-card .period,
.pricing-popup-redesign .pricing-card .currency,
.pricing-popup-redesign .pricing-card .price {
  color: #313131;
}
.pricing-popup-redesign .pricing-card .price-block {
  padding-top: 5px;
}
.pricing-popup-redesign .pricing-card .price-block .period {
  color: #313131;
  margin-bottom: 5px;
}
.pricing-popup-redesign .pricing-card .pricing-info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  margin-top: 5px;
  gap: 10px;
}
@media (min-width: 375px) {
  .pricing-popup-redesign .pricing-card .pricing-info {
    flex-direction: row;
    align-items: end;
  }
}
@media (min-width: 768px) {
  .pricing-popup-redesign .pricing-card .pricing-info {
    display: block;
    gap: 20px;
    margin-top: 20px;
  }
}
.pricing-popup-redesign .pricing-card .pricing-info .btn {
  height: 40px;
  min-height: auto;
}
@media (min-width: 375px) {
  .pricing-popup-redesign .pricing-card .pricing-info .btn {
    max-width: 124px;
  }
}
@media (min-width: 768px) {
  .pricing-popup-redesign .pricing-card .pricing-info .btn {
    width: 100%;
    max-width: none;
    min-height: 56px;
  }
}

/* Sing up popup */
.sign-popup-redesing {
  max-width: 390px;
  padding: 15px;
  max-height: 620px;
}
@media (min-width: 576px) {
  .sign-popup-redesing {
    max-width: 544px;
  }
}
@media (min-width: 1280px) {
  .sign-popup-redesing {
    max-width: 1170px;
    padding: 15px 30px;
  }
}
.sign-popup-redesing.popup {
  height: 100% !important;
  overflow-y: auto !important;
}
.sign-popup-redesing .popup__close {
  background: rgba(0, 0, 0, 0.4);
  right: 22px;
  top: 22px;
}
@media (min-width: 1280px) {
  .sign-popup-redesing .popup__close {
    top: 33px;
    right: 50px;
  }
}
.sign-popup-redesing .popup__wrap {
  border-radius: 16px;
  overflow-x: auto;
  padding: 0;
  background: transparent !important;
}
@media (min-width: 1280px) {
  .sign-popup-redesing .popup__wrap {
    flex-direction: row;
  }
}
.sign-popup-redesing .popup-form {
  width: 100%;
  padding: 32px;
  flex-grow: 1;
  background: #F9F9F9;
  min-height: 588.5px;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.4);
  flex: 1;
  display: flex;
}
@media (min-width: 1280px) {
  .sign-popup-redesing .popup-form {
    max-width: 514px;
  }
}
.sign-popup-redesing .popup-welcome {
  display: none;
  padding: 32px;
  background: url("../images/bg-popup-gradient.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.4);
  flex: 1;
}
@media (min-width: 1280px) {
  .sign-popup-redesing .popup-welcome {
    display: block;
    max-width: 595px;
  }
}
.sign-popup-redesing .popup-welcome .popup-welcome-inner {
  width: 100%;
  max-width: 490px;
  margin: 0 auto;
}
.sign-popup-redesing .h2 {
  font-family: "Bakbak One", sans-serif;
  font-weight: 400;
}
.sign-popup-redesing .popup-list {
  margin: 24px 0 65px;
}
.sign-popup-redesing .popup-list li {
  display: flex;
  align-items: start;
  gap: 14px;
  font-weight: 700;
  font-size: 20px;
  letter-spacing: -0.031em;
  line-height: 1.2;
  margin-bottom: 24px;
  font-family: "DM Sans", sans-serif;
}
.sign-popup-redesing .popup-list li:last-child {
  margin-bottom: 0;
}
.sign-popup-redesing .banners {
  display: flex;
  align-items: center;
  justify-content: center;
}
.sign-popup-redesing .banners .banner {
  max-width: 211px;
  border-radius: 20.15px;
}
.sign-popup-redesing .sign-in-container {
  width: 100%;
  max-width: 450px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.sign-popup-redesing .form-title {
  font-size: 24px;
  margin-bottom: 20px;
  font-weight: 700;
  color: #333639;
}
.sign-popup-redesing .social-btn {
  width: 100%;
  padding: 12px;
  border-radius: 8px;
  border: 1px solid #E0E0E6;
  background-color: white;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 16px;
  font-weight: 600;
  min-height: 54px;
  transition: all 0.3s ease;
}
.sign-popup-redesing .social-btn:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.sign-popup-redesing .social-btn img {
  width: 18px;
  margin-right: 10px;
}
.sign-popup-redesing .divider {
  text-align: center;
  margin: 20px 0;
  color: #515151;
  font-size: 16px;
  letter-spacing: -0.02em;
  font-weight: 500;
  position: relative;
  overflow: hidden;
}
.sign-popup-redesing .divider::before, .sign-popup-redesing .divider::after {
  content: "";
  display: block;
  width: 45%;
  height: 1px;
  background-color: #CCCCCC;
  position: absolute;
  top: 50%;
}
.sign-popup-redesing .divider::before {
  left: -65px;
}
.sign-popup-redesing .divider::after {
  right: -65px;
}
.sign-popup-redesing form input:not(input[type=checkbox]) {
  outline-width: 0;
  border: 1px solid transparent;
  width: 100%;
  padding: 12px;
  border-radius: 8px;
  background-color: #EEEEEE;
  margin-bottom: 24px;
  font-size: 16px;
  min-height: 54px;
  letter-spacing: -0.01em;
}
.sign-popup-redesing form input:not(input[type=checkbox])::placeholder {
  color: #9B9B9B;
  font-weight: 600;
}
.sign-popup-redesing form input:not(input[type=checkbox]).error-border {
  border-color: #EE5B5C;
}
.sign-popup-redesing .input-container {
  position: relative;
}
.sign-popup-redesing .input-container .error {
  color: #EE5B5C;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: -0.01em;
  position: absolute;
  bottom: 5px;
}
.sign-popup-redesing .password-toggle {
  position: absolute;
  right: 10px;
  top: 19px;
  cursor: pointer;
  color: #999;
}
.sign-popup-redesing .remember-forgot {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px;
  margin-bottom: 15px;
  font-size: 16px;
  color: #515151;
  font-weight: 500;
  letter-spacing: -0.02em;
}
.sign-popup-redesing .remember-forgot.remember-forgot-lg {
  margin: 8px 0 25px;
}
.sign-popup-redesing .remember-forgot label a {
  color: #356BFF;
  text-decoration: none;
  transition: all 0.3s ease;
}
.sign-popup-redesing .remember-forgot label a:hover {
  text-decoration: underline;
}
.sign-popup-redesing .remember-forgot a {
  color: #515151;
  transition: all 0.3s ease;
}
.sign-popup-redesing .remember-forgot a:hover {
  text-decoration: none;
}
.sign-popup-redesing .remember-forgot input[type=checkbox] {
  margin-right: 5px;
  outline-width: 0;
}
.sign-popup-redesing .btn.btn-primary:hover {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%), rgb(72, 99, 249);
}
.sign-popup-redesing .sign-in-btn {
  width: 100%;
  padding: 12px;
  border-radius: 8px;
  border: none;
  background-color: #3366ff;
  color: white;
  font-weight: 600;
  cursor: pointer;
  font-size: 16px;
  min-height: 58px;
  letter-spacing: 0.01em;
  font-weight: 600;
}
.sign-popup-redesing .register-link {
  text-align: center;
  margin-top: 25px;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.02em;
  color: #515151;
}
.sign-popup-redesing .register-link a {
  font-weight: 500;
  color: #3366ff;
  text-decoration: underline;
  transition: all 0.3s ease;
}
.sign-popup-redesing .register-link a:hover {
  text-decoration: none;
}
.sign-popup-redesing .btn-back {
  display: flex;
  align-items: center;
  color: #356BFF;
  font-weight: 500;
  letter-spacing: -0.02em;
  margin-top: 24px;
  transition: all 0.3s ease;
}
.sign-popup-redesing .btn-back:hover {
  text-decoration: underline;
}
.sign-popup-redesing .check-email-info {
  color: #9B9B9B;
  font-weight: 600;
  letter-spacing: -0.01em;
  margin-bottom: 24px;
  line-height: 1.4375;
}