/* ---------------------- */
/* ---- RESET STYLES ---- */
/* ---------------------- */
@import url("reset.css");
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500&display=swap');
/* ---------------------- */
body{
	background-color: #F2F8FF;
	font-family: 'Poppins', sans-serif;
	font-weight: 300;
	color: #6C6C6C;
}
body.lock {
	overflow: hidden;
}
/* ---------------------- */
.header{
	z-index: 100;
}
.wrapper{
	min-height: 100%;
	display: flex;
	flex-direction: column;
	overflow: clip;
}
/* ---------------------- */
[class*="__container"]{
	max-width: 1310px;
	margin: 0 auto;
	padding: 0px .9375rem;
}
/* ---------------------- */
.page{
	flex: 1 1 auto;
}
/* ---------------------- */
.button{
	display: inline-block;
	text-align: center;
	background-color: #1883FF;
	box-shadow: 0px .25rem .625rem rgba(24, 131, 255, 0.3);
	border-radius: 6px;
	padding: .625rem;
	font-weight: 500;
	line-height: 1.57;
	letter-spacing: 0.02em;
	color: #FFFFFF;
	transition: background-color 0.3s ease 0s;
}
.button:hover{
	background-color: #2e7eda;
}
.button__dark{
	display: inline-block;
	text-align: center;
	border-radius: 6px;
	padding: .625rem;
	font-weight: 500;
	line-height: 1.57;
	letter-spacing: 0.02em;
	color: #FFFFFF;
	transition: background-color 0.3s ease 0s;
	background-color: rgba(129, 129, 139, .2);
}
.button_dark:hover{
	background-color: transparent;
	text-shadow: 0px .25rem .625rem rgba(24, 131, 255, 0.3);
}

.header-main{}
.header-main__body{
	display: flex;
	justify-content: space-between;
	gap: 1.25rem;
}
.header-main__body .header-main__text{
	margin: 0;
}
.header-main__body .header-main__actions {
	align-self: flex-end;
	flex: 0 0 auto;
}
.header-main__label{
	display: inline-block;
	border: 1px solid #1883FF;
	border-radius: .75rem;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: #1883FF;
	padding: .6875rem 1.125rem;
}
.header-main__label:not(:last-child){
	margin-bottom: 1.1875rem;
}
.header-main__title{
	font-weight: 500;
	font-size: clamp(1.625rem, 1.313rem + 1.56vw, 3.188rem);
	line-height: 1.19; /* 61/51 */
	color: #1C2E5E;
	margin-bottom: 1.5625rem;
}
.header-main__text{
	max-width: 40rem;
	font-weight: 300;
	font-size: clamp(0.75rem, 0.675rem + 0.38vw, 1.125rem);
	line-height: 1.8; /* 27/18 */
	margin-bottom: 1.875rem;
	max-width: 37.5rem;
}

.header-main__actions{
	display: flex;
	gap: 1.5625rem;
}
.header-main__list{
}
.header-main__list li{
	position: relative;
	min-height: 2rem;
	padding-left: 3rem;
	padding-top: .25rem;

	font-weight: 300;
	font-size: clamp(0.75rem, 0.7rem + 0.25vw, 1rem);
	line-height: 1.5;
	color: #6C6C6C;
	z-index: -1;
}
.header-main__list li:not(:last-child){
	margin-bottom: 1rem;
}
.header-main__list li::before{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 50%;
	width: 2rem;
	height: 2rem;
	background: rgb(255, 255, 255) url("../img/why/li.svg") center no-repeat;
	box-shadow: 0px 4px 80px rgba(0, 0, 0, 0.07);
}
/* ---------------------- */
/* Header */
/* ---------------------- */
.header{
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	background-color: #F2F8FF;
}
.header__container{
	display: flex;
	column-gap: 3.1875rem;
	align-items: center;
	min-height: 6.25rem;
	padding-top: .3125rem;
	padding-bottom: .3125rem;
}
.header__logo{
	position: relative;
	z-index: 9;
}
.header__menu{
	flex: 1 1 auto;
}
.menu{}
.menu__icon{}
.menu__body{

}
.menu__list{
	display: flex;
	flex-wrap: wrap;
	column-gap: 2.1875rem;
	row-gap: .1875rem;
	justify-content: flex-end;
}
.menu__item{}
.menu__link{
	font-size: 1rem;
	color: #1C2E5E;
	font-weight: 500;
	line-height: 1.62; /* 26/16 */
}
.menu__link:hover{
	text-decoration: underline;
}
.header__button{
	flex: 0 0 auto;
}
.icon-menu{
	display: none;
}

@media (max-width: 991.98px) {
	.header__container,
	.menu__list {
		gap: 1.5625rem;
	}
}

@media (max-width: 820.98px) {
	.header__container,
	.menu__list {
		gap: .9375rem;
	}
	.icon-menu{
		display: block;
		flex: 0 0 1.875rem;
		height: 1.125rem;
		position: relative;
		z-index: 5;
	}
	.icon-menu span,
	.icon-menu::before,
	.icon-menu::after{
		content: "";
		right: 0;
		position: absolute;
		width: 100%;
		height: .125rem;
		background-color: #000;
	}
	.icon-menu::before{
		top: 0;
	}
	.icon-menu::after{
		bottom: 0;
	}
	.icon-menu span {
		top: calc(50% - 1px);
	}
	.menu-open .icon-menu span {
		width: 0;
	}
	.menu-open .icon-menu::before {
		top: calc(50% - 1px);
		transform: rotate(-45deg);
		transition: all 0.3s ease 0s;
	}
	.menu-open .icon-menu::after {
		bottom: calc(50% - 1px);
		transform: rotate(45deg);
		transition: all 0.3s ease 0s;
	}
	.menu__body{
		position: fixed;
		width: 100%;
		height: 100%;
		background-color: #fff;
		left: -100%;
		top: 0;
		padding: 6.25rem .9375rem 1.875rem .9375rem;
		overflow: auto;
		transition: left 0.3s ease 0s;
	}
	.menu__body::before{
		content: "";
		width: 100%;
		position: fixed;
		top: 0;
		left: -100%;
		height: 6.25rem;
		background-color: #fff;
		z-index: 10;
		transition: left 0.3s ease 0s;
	}
	.menu__list{
		flex-direction: column;
		justify-content: center;
		text-align: center;
	}
	.menu__link{
		font-size: 1.5rem;
	}
	/* .button{
		display: none;
	} */
	}
@media (max-width: 767.98px){
	.header-main__body{
		flex-direction: column;
	}
	.header-main__body .header-main__actions{
		align-self: flex-start;
	}
}
.menu-open .menu__body,
.menu-open .menu__body::before{
	left: 0;
}

/* ============================================================================================================ */
.page__main{}
.main{
	padding-top: 8.5rem;
}
.main__container{
	display: flex;
}
.main__content{
	flex: 0 1 50%;
	/* align-self: center; */
	padding-top: 1.875rem;
	margin-right: 1.5625rem;
}
.header-main__uptitle{
	display: flex;
	font-weight: 500;
	font-size: clamp(0.75rem, 0.65rem + 0.5vw, 1.25rem);
	line-height: 1.5; /* 30/20 */
	color: #1C2E5E;
	margin-bottom: 1.25rem;
}
.header-main__uptitle span {
	content: url('/img/arrow.svg');
	padding-left: 1.25rem;
}
.main__images{
	flex: 0 1 50%;
}
.images-main{
	display: flex;
	gap: 3.75rem;
	justify-content: center;
}
.images-main__column{
	display: flex;
	flex-direction: column;
	gap: 2rem;
}
.images-main__item {

}
.images-main__item img {
	max-width: 100%;
}

@media (max-width: 991.98px) {
	.main{
		padding-top: clamp(7.5rem, 5.5rem + 10vw, 17.5rem);
	}
}
@media (max-width: 767.98px) {
	.main__container{
		flex-direction: column;
	}
	.main__content{
		align-items: stretch;
		margin-right: 0;
	}
	.header-main__actions{
		margin-bottom: 1.5625rem;
	}
}

@media (max-width: 479.98px) {
	.header-main__actions{
		flex-direction: column;
	}
	.header-main__button{
		margin-right: 0;
	}
}


/* ============================================================================================================ */
.clients{
	padding-top: 6.25rem;
	padding-bottom: 4.375rem;
}
.clients__container{}
.clients__items{
	display: flex;
	gap: 1.25rem;
	flex-wrap: wrap;
	justify-content: space-around;
}
.clients__item img{
	max-width: 100%;
}

@media (max-width: 991.98px) {
	.clients{
		padding-top: 3.125rem;
		padding-bottom: 3.125rem;
	}
}
/* ============================================================================================================ */

.services{
	padding-top: 4.375rem;
	padding-bottom: 6.25rem;
}
.services__container{
	display: flex;
}
.services__content{
	flex: 0 1 50%;
	align-self: center;
}
.services__header{}
.services__items{
	flex: 0 1 50%;
	display: flex;
	gap: 2rem;
	justify-content: center;
}
.services__column{

}
.services__column:first-child{
	padding-top: 3rem;
}
.services__item{
}
.services__item:not(:last-child){
	margin-bottom: 2rem;
}
.item-service{
	background: linear-gradient(0deg, #FEFDFF, #FEFDFF);
	box-shadow: 0px 4px 80px rgba(0, 0, 0, 0.07);
	border-radius: 30px;
	padding: 3.4375rem 1.5625rem;
}
.item-service__icon{}
.item-service__icon:not(:last-child){
	margin-bottom: 1rem;
}
.item-service__title{
	font-weight: 400;
	font-size: 1.125rem;
	line-height: 1.5; /* 27/18 */
	color: #1C2E5E;
}
.item-service__title:not(:last-child){
	margin-bottom: .625rem;
}
.item-service__text{
	font-weight: 300;
	font-size: 16px;
	line-height: 1.5;
	color: #6C6C6C;
}

@media (max-width: 1100px) {
	.services__container{
		flex-direction: column;
	}
	.services__header .header-main__title,
	.services__header .header-main__text{
		max-width: none;
	}
	.service{
		padding-bottom: 2rem;
	}
}

@media (max-width: 991.98px){
	.service{
		padding-top: 3.125rem;
	}
}
@media (max-width: 620px) {
	.services__items{
		flex-direction: column;
	}
	.services__column:first-child{
		padding-top: 0;
	}
}

/* ============================================================================================================ */


.why{
	padding-top: 6.25rem;
	padding-bottom: 6.25rem;
}
.why__container{
	display: flex;
	gap: 2rem;
}
.why__images{
	flex: 0 1 50%;
}
.images-why{
	display: flex;
	position: relative;
	align-self: flex-end;
	z-index: -1;
}
.images-why__item{
	overflow: hidden;
}
.images-why__item img{
	max-width: 100%;
}
.images-why__item_1{}
.images-why__item_2{
	align-self: flex-end;
}
.why__content{
	flex: 0 1 50%;
	align-self: center;
}
.why__header{}


@media (max-width: 767.98px) {
	.why{
		padding-top: 1.875rem;
		padding-bottom: 1.875rem;
	}
	.why__container{
		flex-direction: column-reverse;
	}
}

/* ============================================================================================================ */

.advantages{
	padding-top: 6.25rem;
	padding-bottom: 6.25rem;
}
.advantages__container{
	display: flex;
	row-gap: 2rem;
}
.advantages__items{
	flex: 1 1 auto;
	padding-right: 2rem;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(2, 1fr);
	gap: 2rem;
}
.advantages__item{
	padding: 2.5rem;
	background: linear-gradient(0deg, #FEFDFF, #FEFDFF);
	box-shadow: 0px 4px 80px rgba(0, 0, 0, 0.07);
	border-radius: 1.875rem;
}
.advantages__value{
	font-weight: 500;
	font-size: 3.2rem;
	line-height: 1.2;
	color: #1C2E5E;
}
.advantages__subvalue{
	font-weight: 500;
	font-size: 1.0625rem;
	line-height: 1.2;
	color: #1C2E5E;
}
.advantages__subvalue:not(:last-child){
	padding-bottom: .875rem;
}
.advantages__text{
	font-weight: 300;
	font-size: 1.125rem;
	line-height: 1.5;
	color: #6C6C6C;
}
.advantages__image{
	align-self: flex-end;
	flex: 0 0 38%;
	overflow: hidden;
}
.advantages__image img {
	max-width: 100%;
}

@media (max-width: 991.98px) {
	.advantages__container{
		flex-direction: column;
	}
	.advantages__image{
		align-self: center;
	}
	.advantages__items{
		padding-right: 0;
	}
}
@media (max-width: 650px) {
	.advantages__items{
		grid-template-columns: auto;
	}
}

/* ============================================================================================================ */

.testimonials{
	padding-top: 6.25rem;
	padding-bottom: 6.25rem;
}
.testimonials__container{

}
.testimonials__header{
	margin-bottom: 4rem;
}
.testimonials__items{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 2rem;
}
.testimonials__item{

}
.item-testimonial{
	padding: 4rem 2.5rem;
	background: linear-gradient(0deg, #FEFDFF, #FEFDFF);
	box-shadow: 0px 4px 80px rgba(0, 0, 0, 0.07);
	border-radius: 30px;
	display: flex;
	flex-direction: column;
	gap: 2rem;
}
.item-testimonial__user{}
.user-testimonial{
	display: flex;
	align-items: center;
	gap: 1rem;
}
.user-testimonial__avatar{
	flex: 0 0 4.25rem;
	overflow: hidden;
}
.user-testimonial__avatar img {
	max-width: 100%;
}
.user-testimonial__body{
}
.item-testimonial__title{
	font-weight: 400;
	font-size: 2rem;
	line-height: 1.4;
	color: #1C2E5E;
}
.item-testimonial__text{
	flex: 1 1 auto;
	font-weight: 300;
	font-size: 16px;
	line-height: 1.5;
	color: #6C6C6C;
}
.item-testimonial__rating{}

@media (max-width: 1100px) {
	.testimonials__items{
		grid-template-columns: auto;
	}
}
@media (max-width: 991px) {
	.testimonials{
		padding-top: 3.125rem;
		padding-bottom: 3.125rem;
	}
}
@media (max-width: 767.98px) {
	.item-testimonial{
		padding: 1.875rem .9375rem;
	}
}


/*-----start service-----*/

.page__service{
	padding-top: 6.25rem;
}
.service {
  padding-top: 70px;
  padding-bottom: 140px;
  background: url("../img/bg_service.svg") top left no-repeat;
}

@media (max-width: 575px) {
  .service {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.service_title {
  text-align: center;
  margin-bottom: 130px;
}

@media (max-width: 575px) {
  .service_title {
    margin-bottom: 20px;
  }
}
.service_tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

@media (max-width: 991px) {
	.page__service{
		padding-top: 3.125rem;
	}
  .service_tabs {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.service_tabs_showarea {
  border-radius: 30px;
  background-color: #fff;
  margin-right: 50px;
  max-width: 970px;
  width: 100%;
  position: relative;
}

@media (max-width: 991px) {
  .service_tabs_showarea {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    max-width: 100%;
    margin: 0;
  }
}
.service_tabs_showarea_item {
  padding: 3.125rem 2.1875rem;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}
.service_tabs_showarea_item.service_tabs_showarea_item_active {
  position: relative;
  z-index: 1;
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}

@media (max-width: 767px) {
  .service_tabs_showarea_item {
    padding: 50px;
  }
}
@media (max-width: 767px) {
  .service_tabs_showarea_item {
    padding: 20px;
  }
}
.showarea_item_title {
  margin-bottom: 50px;
}

@media (max-width: 575px) {
  .showarea_item_title {
    margin-bottom: 15px;
  }
}
.showarea_item_text {
  margin-bottom: 38px;
}
.showarea_item_text p {
	font-weight: 300;
	font-size: 1rem;
	line-height: 1.35;
	color: #9797A1;
}
.showarea_item_text p:not(:last-child ){
	margin-bottom: .9375rem;
}
.showarea_item_text p:last-child {
  margin: 0;
}

@media (max-width: 575px) {
  .showarea_item_text p {
    font-size: 14px;
  }
}
.showarea_item_link a {
  width: 208px;
  height: 63px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #1883ff;
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
  color: #fff;
  border-radius: 30px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.showarea_item_link a:hover {
  color: #aaa;
}

.service_tabs_headers {
  max-width: 380px;
  width: 100%;
}
.service_tabs_headers ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px 43px;
  background-color: #fff;
  border-radius: 20px;
  margin-bottom: 30px;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.service_tabs_headers ul li:last-child {
  margin: 0;
}
.service_tabs_headers ul li.tabs_headers_li_active {
  background-color: #1883ff;
  position: relative;
}
.service_tabs_headers ul li.tabs_headers_li_active .tabs_headers_text p {
  color: #fff;
}
.service_tabs_headers ul li.tabs_headers_li_active:before {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  -webkit-transform: translate(-100%, -50%);
          transform: translate(-100%, -50%);
  width: 20px;
  height: 20px;
  background: url("../img/tri_left.svg") center/cover no-repeat;
}

@media (max-width: 1200px) {
  .service_tabs_headers {
    max-width: 300px;
  }
  .service_tabs_headers ul li {
    padding: 15px 20px;
  }
}
@media (max-width: 991px) {
  .service_tabs_headers {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    max-width: 100%;
  }
  .service_tabs_headers ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .service_tabs_headers ul li {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 30%;
            flex: 0 0 30%;
    margin-right: 15px;
    margin-bottom: 15px;
    padding: 0 15px;
  }
  .service_tabs_headers ul li:last-child {
    margin: 0 0 15px;
  }
  .service_tabs_headers ul li.tabs_headers_li_active {
    border: 1px solid #fff;
  }
  .service_tabs_headers ul li.tabs_headers_li_active:before {
    content: none;
  }
}
@media (max-width: 767px) {
  .service_tabs_headers ul li {
    padding: 5px;
    border-radius: 8px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
}
.tabs_headers_pic {
  margin-right: 20px;
  width: 64px;
  height: 64px;
}

.tabs_headers_pic1 {
  background: url("../img/tabs/t1.svg");
}

.tabs_headers_li_active .tabs_headers_pic1 {
  background: url("../img/tabs/t1_a.svg");
}

.tabs_headers_pic2 {
  background: url("../img/tabs/t2.svg");
}

.tabs_headers_li_active .tabs_headers_pic2 {
  background: url("../img/tabs/t2_a.svg");
}

.tabs_headers_pic3 {
  background: url("../img/tabs/t3.svg");
}

.tabs_headers_li_active .tabs_headers_pic3 {
  background: url("../img/tabs/t3_a.svg");
}

.tabs_headers_pic4 {
  background: url("../img/tabs/t4.svg");
}

.tabs_headers_li_active .tabs_headers_pic4 {
  background: url("../img/tabs/t4_a.svg");
}

.tabs_headers_pic5 {
  background: url("../img/tabs/t5.svg");
}

.tabs_headers_li_active .tabs_headers_pic5 {
  background: url("../img/tabs/t5_a.svg");
}

@media (max-width: 991px) {
  .tabs_headers_pic {
    background-size: 50% 50%;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 0;
  }
}
@media (max-width: 991px) {
  .tabs_headers_li_active .tabs_headers_pic {
    background-size: 50% 50%;
    background-repeat: no-repeat;
    background-position: center;
  }
}
@media (max-width: 767px) {
  .tabs_headers_pic {
    display: none;
  }
}
.tabs_headers_text p {
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
  color: #192A3E;
}

@media (max-width: 575px) {
  .tabs_headers_text p {
    font-size: 11px;
  }
}
/*-----end service-----*/


/* ============================================================================================================ */

.questions {
	padding-top: 6.25rem;
	padding-bottom: 6.25rem;
}
.questions__container{
	display: flex;
}
.questions__image{
	flex: 0 1 50%;
}
.questions__image img {
	max-width: 100%;
}
.questions__content{
	flex: 0 1 50%;
}

.questions__body{}
.questions__body-item{
	border-bottom: 1px solid rgba(151, 151, 161, 0.2);
	padding-bottom: 1rem;
}
.questions__body-item:not(:last-child){
	margin-bottom: 1.625rem;
}
.questions__body-title{
	position: relative;
	font-weight: 400;
	font-size: clamp(1.125rem, 1.075rem + 0.25vw, 1.375rem);
	line-height: 1.2;
	color: #192A3E;
	padding-bottom: .625rem;
	cursor: pointer;
}
.questions__body-title::before{
	content: "";
	position: absolute;
	width: 16px;
	height: 2px;
	background-color: #1883FF;
	top: 0;
	right: 0;
	transition: transform .3s ease 0s;
}
.questions__body-title::after{
	content: "";
	position: absolute;
	width: 2px;
	height: 16px;
	background-color: #1883FF;
	top: -7px;
	right: 7px;
	transition: transform .3s ease 0s;
}
.questions__body-title.active::after,
.questions__body-title.active:before{
	transform: rotate(-45deg);
}
.questions__body-text{
	font-weight: 300;
	font-size: 1.25rem;
	line-height: 1.35;
	color: #9797A1;
	padding-top: 1rem;
	display: none;
}
.questions__body-more{
	position: relative;
	font-weight: 400;
	font-size: clamp(1.125rem, 1.075rem + 0.25vw, 1.375rem);
	line-height: 1.2;
	color: #192A3E;
}
.questions__body-more a {
	position: relative;
	font-weight: 500;
	font-size: clamp(1.125rem, 1.075rem + 0.25vw, 1.375rem);
	line-height: 1.2;
	color: #1883FF;
}

@media (max-width: 1100px){
	.questions__container {
		flex-direction: column-reverse;
	}
	.questions__image{
		display: none;
	}
}

@media (max-width: 991.98px){
	.questions {
		padding-top: 0;
		padding-bottom: 3.125rem;
	}
}
@media (max-width: 374.98px){
	.questions__body-title::before,
	.questions__body-title::after{
		display: none;
	}
}



/* ============================================================================================================ */
.start{
	padding-top: 6.25rem;
	padding-bottom: 6.25rem;
}
.page__start{}
.start__container{
}
.start__body{
	background: linear-gradient(0deg, #FEFDFF, #FEFDFF);
	box-shadow: 0px 4px 80px rgba(0, 0, 0, 0.07);
	border-radius: 30px;
	display: flex;
	align-items: center;
	padding: 2.5rem 3.125rem;
}
.start__column{
	flex: 0 1 50%;
	text-align: center;
}
.start__title{
	font-weight: 400;
	font-size: clamp(1.2rem, 1.04rem + 0.8vw, 2rem);
	line-height: 1.4;
	color: #1C2E5E;
}
.start__title:not(:last-child){
	margin-bottom: .5rem;
}
.start__text{
	font-weight: 300;
	font-size: clamp(0.7rem, 0.64rem + 0.3vw, 1rem);
	line-height: 1.5;
	color: #6C6C6C;
	max-width: 19.375rem;
	display: inline-block;
}
.start__actions{
	display: flex;
	gap: 1.5625rem;
	justify-content: center;
}
.start__button{
}

@media (max-width: 991.98px) {
	.start {
		padding-top: 3.125rem;
		padding-bottom: 3.125rem;
	}
	.start__body{
		align-items: stretch;
		flex-direction: column;
		row-gap: 1.25rem;
	}
}

@media (max-width: 479.98px) {
	.start__body{
		padding: .9375rem .9375rem;
	}
	.start__actions{
		flex-direction: column;

	}
}
.footer__container{
	border-top: 1px solid rgba(129, 129, 139, 0.2);
}

.footer__title{
	padding-top: 2.875rem;
	text-align: center;
}
.footer__title:not(:last-child){
	margin-bottom: 1rem;
}
.footer__author{
	text-align: center;
	padding-bottom: 2.875rem;
}

.back-to-top {
  position: fixed;
  bottom: -50px;
  right: 50px;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  cursor: pointer;
  background: #1883FF;
  transition: 0.3s all;
}

.back-to-top.active {
  bottom: 50px;
  transition: 0.3s all;
}


/* ============================================================================================================ */
.popup{
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0, 0.8);
	top: 0;
	left: 0;
	opacity: 0;
	visibility: hidden;
	z-index: 101;
}
.popup.open{
	opacity: 1;
	visibility: visible;
}
.popup__body{
	min-height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0px 15px;
}
.popup__content{
	position: relative;
	background: #FFFFFF;
	border-radius: 1.25rem;
	padding: 2.1875rem;
	max-width: 500px;
}
.popup__close {
  position: absolute;
  right: 40px;
  top: 20px;
  width: 20px;
  height: 20px;
  opacity: 0.4;
}
.popup__close:hover {
  opacity: 1;
}
.popup__close:before, .popup__close:after {
  position: absolute;
  left: 35px;
  content: ' ';
  height: 20px;
  width: 2px;
  background-color: #1C2E5E;
}
.popup__close:before {
  transform: rotate(45deg);
}
.popup__close:after {
  transform: rotate(-45deg);
}
.popup__title{
	font-weight: 500;
	font-size: clamp(1.25rem, 1.1rem + 0.75vw, 2rem);
	line-height: 48px;
	letter-spacing: 0.1em;
	color: #1C2E5E;
	text-align: center;
}
.popup__subtitle{
	font-weight: 400;
	font-size: .75rem;
	line-height: 18px;
	letter-spacing: 0.1em;
	color: #6C6C6C;
	text-align: center;
}
.popup__subtitle:not(:last-child){
	margin-bottom: 3.125rem;
}
.popup__form{
	display: flex;
	flex-direction: column;
}
.popup__form:not(:last-child){
	margin-bottom: 2.375rem;
}
.popup__form input {
	border-bottom: 1px solid #9EADC7;
	padding-bottom: 5px;
	outline: none;
}
.popup__form input:not(:last-child){
	margin-bottom: 2.1875rem;
}
.popup__form input::placeholder{
	font-weight: 400;
	font-size: 1rem;
	line-height: 24px;
	letter-spacing: 0.1em;
	color: #9EADC7;
}
.popup__form input._error:not(:last-child)::placeholder{
	color: #e02424;
}
.popup__form input._error{
	border-bottom: 1px solid #e02424;
}
.popup__button{
	display: flex;
	justify-content: center;
}
.popup__button:not(:last-child) {
	margin-bottom: 1rem;
}
.popup__button-action{
	font-weight: 500;
	font-size: clamp(1.125rem, 1.1rem + 0.13vw, 1.25rem);
	line-height: 30px;
	letter-spacing: 0.22em;
	color: #FFFFFF;
	background: #1883FF;
	border-radius: 6px;
	padding: 1rem;
	align-items: center;
}
.popup__other{
	position: relative;
	font-weight: 400;
	font-size: 1rem;
	line-height: 19px;
	color: #C0C0C0;
	text-align: center;
}
.popup__other::after{
	content: "";
	position: absolute;
	left: 0;
	top: 10px;
	background: #D9D9D9;
	width: 11.75rem;
	height: 1px;
}
.popup__other::before{
	content: "";
	position: absolute;
	right: 0;
	top: 10px;
	background: #D9D9D9;
	width: 11.75rem;
	height: 1px;
}
.popup__other:not(:last-child){
	margin-bottom: 1.25rem;
}
.popup__phone{
	font-weight: 400;
	font-size: 1rem;
	line-height: 19px;
	color: #1C2E5E;
	text-align: center;
}
.popup__phone:not(:last-child){
	margin-bottom: .4375rem;
}
.popup__email{
	font-weight: 400;
	font-size: 1rem;
	line-height: 19px;
	color: #1C2E5E;
	text-align: center;
}

@media (max-width: 510px) {
	.page__clients{
		display: none;
	}
	.popup__content{
		padding: 1.25rem;
	}
	.popup__other::after{
		width: 150px;
	}
	.popup__other::before{
		width: 150px;
	}
}
@media (max-width: 410px) {
	.popup__other::after{
		width: 100px;
	}
	.popup__other::before{
		width: 100px;
	}
}
/* ============================================================================================================ */