/* ======================================= Roboto Font ======================================= */

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local("Roboto-Regular"), url(fonts/Roboto-Regular.woff) format("truetype");
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: local("Roboto-Light"), url(fonts/Roboto-Light.woff) format("truetype");
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: local("Roboto-Medium"), url(fonts/Roboto-Medium.woff) format("truetype");
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 600;
    src: local("Roboto-Bold"), url(fonts/Roboto-Bold.woff) format("truetype");
    font-display: swap;
}

/* ======================================= Animation ======================================= */

@keyframes levitate-animation {
    0% {
        transform: translate3d(0, 0, 0);
    }
    100% {
        transform: translate3d(0, -15px, 0);
    }
}

@keyframes show-right {
    0% { opacity: 0; transform: translateX(500px); }
    100% { opacity: 1; transform: translateX(230px); }
}

@keyframes show-right {
    0% { opacity: 0; transform: translateX(-500px); }
    100% { opacity: 1; transform: translateX(-230px); }
}

/* ======================================= Style ======================================= */

:root {
    --background-grey: #F5F5F5;
    --background-default: #FFFFFF;
    --img-logo: url(images/logo.svg);
    --bs-font-sans-serif: 'Roboto', 'Arial', sans-serif;
}

body {
    background-color: var(--background-default);
    font-size: 16px;
    font-family: var(--bs-font-sans-serif);
    font-style: normal;
    font-weight: 400;
    overflow-x: hidden;
}
.section__head_title{
	font-size: 30px;
    font-weight: 500;
    text-align: center;
    color: #3D4449;
    margin-bottom: 40px;
}
.section__content ul{
	list-style: none;
}
.section__content ul li{
	position: relative;
    padding-left: 40px;
    margin-bottom: 10px;
    display: inline-block;
}
.section__content ul li:before{
	content: "";
    position: absolute;
    left: 0;
    top: 10px;
    width: 24px;
    height: 2px;
    background-color: #0b72b9;
}


.bg-grey {
    background-color: var(--background-grey);
}

.navbar-light .navbar-nav .nav-link.active {
    color: #828485;
    cursor: pointer;
    font-size: 14px;
}

.header {
    color: #212121;
}

.header__logo {
    width: 250px;
    aspect-ratio: 941 / 177;
}
.navbar-light .navbar-brand{
	text-align:center;
}
@media (max-width: 768px) {
    .header__logo {
        width: 180px;
    }
	/*.header__logo_2{
		width: 30px;
	}*/
}

.header-wrapper {
    box-shadow: 0 4px 10px 0 #00000026;
}

.header__text {
    font-size: 14px;
}

.header__mail {
    color: #0F72BA;
}

.header__phone {
    color: #5E6366;
    font-size: 20px;
}

.header__phone:hover {
    color: #5E6366;
    filter: saturate(1.2);
}

.border-gradient {
    position: relative;
    --gradient-angle: 0deg;
    --color-gradient: linear-gradient(var(--gradient-angle), #CE214B 15%, #3064A7 100%);
    z-index: 1;
}

.border-gradient__top {
    --gradient-angle: 180deg;
}

.border-gradient__right {
    --gradient-angle: 270deg;
}

.border-gradient:before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0;
    padding: 2px;
    border-radius: inherit;
    background: var(--color-gradient);
    mask: linear-gradient(#000 0 0) exclude,
    linear-gradient(#000 0 0) content-box;
}

.text-color, .text-color div {
    /*background-image: linear-gradient(90deg, #CE214B 15%, #3064A7 100%);*/
	background: linear-gradient(135deg, #0b72b9 35%, #7cc8f8 50%, #d71d45 65%);
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
}

.text-color_reverse, .text-color_reverse div {
    background-image: linear-gradient(270deg, #CE214B 15%, #3064A7 100%);
}

.button, .button:hover, .button:active, .button:active:focus {
    background-color: #CE214B;
    color: #fff;
    margin-top: 30px;
    margin-left: 10px;
    font-size: 15px;
    padding: 10px 30px;
    border-radius: 4px;
    box-shadow: 0 4px 4px 0 #00000040;
    border: none;
}
.button:active {
    position: relative;
    top: 1px;
    left: 0.5px;
}

.button:hover {
    filter: brightness(1.05) contrast(1.10);
}

.about__text {
    font-size: 25px;
    line-height: 1.2;
    margin-top: 10px;
    font-weight: 500;
}
.about_btn,
.about_btn:hover,
.about_btn:visited{
	padding: 15px 40px;
}
.about-section__img {
    position: absolute;
    top: 67%;
    right: calc(50% - 128px);
    z-index: -1;
    width: 257px;
}
.about-section__img img {
    aspect-ratio: 557 / 364;
    width: 257px;
}

.about-section {
    position: relative;
    z-index: 100;
    padding-bottom: 200px;
}

.counts_item {
    text-align: center;
    padding: 10px 10px 0;
    height: 100%;
    line-height: 1;
    background-color: var(--bg-item);
}

.counts_num {
    font-family: 'Roboto', sans-serif;
    font-size: 30px;
    font-weight: 700;
    text-wrap: nowrap;
}

.counts__wrap {
    position: absolute;
    width: 100%;
    left: 0;
    z-index: 0;
    bottom: 0;
    height: calc(100% - 2em);
}

.counts_content {
    position: relative;
    z-index: 100;
}

.advantage__counts {
    position: relative;
    margin-top: 40px;
}
@media (max-width: 1200px) {
#section-advantage{
	padding-bottom: 3rem !important;
	padding-top: 3rem !important;
}
}
.counts_item__wrapper:nth-of-type(1) .counts_item {
    --bg-item: #F3ECF1;
}
.counts_item__wrapper:nth-of-type(2) .counts_item {
    --bg-item: #F8FBFD;
}
.counts_item__wrapper:nth-of-type(3) .counts_item {
    --bg-item: #CA234D1A;
}
.counts_item__wrapper:nth-of-type(4) .counts_item {
    --bg-item: #F5F5F5;
}

@media (max-width: 576px) {
    .about-section {
        text-align: center;
    }

    .counts__wrap {
        display: none;
    }
}

@media (min-width: 576px) {
    .about__text {
        font-size: 60px;
        margin-top: 25px;
    }
    .about-section__img {
        top: 71%;
    }
}

@media (min-width: 768px) {
    .about-section {
        padding-bottom: 120px;
    }
	.about__desc,
	.about__text{
		width: calc(100% - 290px);
	}
    .about-section__img {
        right: 0;
        top: 32%;
        width: 240px;
        animation: levitate-animation 2s ease-in-out infinite alternate;
    }
    .about-section__img img {
        width: 240px;
    }
    .advantage__counts {
        margin-top: -140px;
    }

    .counts_text {
        font-size: 20px;
    }

    .counts__wrap {
        height: calc(100% - 70px);
    }

    .counts_num {
        font-size: 35px;
        padding-bottom: 5px;
    }

    .counts_item {
        background-color: #fff;
        border-radius: 20px;
    }
}

@media (min-width: 992px) {
    .counts_num {
        font-size: 48px;
    }
	.about__desc,
	.about__text{
		width: calc(100% - 450px);
	}
    .about-section__img {
        top: 20%;
        width: 400px;
    }
    .about-section__img img {
        width: 400px;
    }

}

@media (min-width: 1200px) {
    .counts_num {
        font-size: 70px;
    }
}

@media (min-width: 1200px) {
    .counts_num {
        font-size: 60px;
    }
}

.advantage {
    background: #fff;
    padding: 20px;
}

.advantage__head {
    font-size: 40px;
    font-weight: 500;
    text-align: center;
    color: #3D4449;
    /*margin-bottom: 40px;*/
}
.advantage__item-wrapper {
    --bg-cart: #1E68AE;
}
/*
.advantage__item-wrapper:nth-of-type(1) {
    --bg-cart: #1E68AE;
}

.advantage__item-wrapper:nth-of-type(2) {
    --bg-cart: #525391;
}

.advantage__item-wrapper:nth-of-type(3) {
    --bg-cart: #913A6D;
}

.advantage__item-wrapper:nth-of-type(4) {
    --bg-cart: #843F75;
}

.advantage__item-wrapper:nth-of-type(5) {
    --bg-cart: #B72A58;
}

.advantage__item-wrapper:nth-of-type(6) {
    --bg-cart: #CA234D;
}*/

.advantage__item {
    width: 100%;
    border: none;
    border-radius: 20px;
    z-index: 100;
    overflow: hidden;
	height: 100%;
}

.advantage__name {
    font-weight: 500;
    font-size: 18px;
    padding: 20px 15px 20px 15px;
    border-radius: inherit;
    background-color: var(--bg-cart);
    z-index: 100;
    margin: 0;
    cursor: pointer;
    /*height: 180px;*/
    height: 100%;
	background: linear-gradient(135deg, rgba(110, 197, 239, 1) 0%, rgba(18, 105, 161, 1) 100%);
	/*background: linear-gradient(135deg, #DDECF9 0%, #0b72b9 100%);*/
}

.advantage__item__wraper {
    height: auto;
    max-height: 0;
    overflow: hidden;
    transition: max-height 1.5s, z-index 1.5s ;
}

.advantage__item__text {
    top: 0;
    border-radius: inherit;
}

.advantage__item__text:after {
    content: '';
    opacity: 0.1;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: var(--bg-cart);
}

.advantage__item:hover .advantage__item__wraper {
    max-height: 300px;
}


.advantage__text {
    padding: 20px 15px 20px 15px;
    font-size: 18px;
    line-height: 1;
}
.card-text{
	font-size: 15px;
    font-weight: normal;
}

@media (max-width: 576px) {
    .advantage__head {
        font-size: 30px;
    }
}

@media (min-width: 768px) {

    .advantage__head {
        font-size: 30px;
    }

    .advantage {
        padding: 10px;
    }

    .counts_item {
        border-radius: 30px 30px 0 0;
    }
}

.form__input {
    margin-right: 10px;
    flex-shrink: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    margin-top: .125em;
    vertical-align: top;
}

.form__input__switch {
    width: 25px;
    height: 13px;
    margin-top: 7px;
    border-radius: 13px;
    border: none;
    background: #A9A8AA url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-5 -5 10 10'%3e%3ccircle r='3' fill='%23FFFFFF'/%3e%3c/svg%3e") no-repeat left center;
}

.form__input__switch.active, .form__input__switch:checked {
    background-color: #136DB4;
    background-position-x: right;
}

.form__input__check {
    width: 20px;
    height: 20px;
    background: #FFF;
    border: #136DB4 solid 2px;
	border-radius:4px;
}

.form__input__check.active, .form__input__check:checked {
    opacity: 1;
    border: #136DB4 solid 2px;
    background-color: #136DB4;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}

.form__label {
    cursor: pointer;
}


.counter {
    background: #DEF1FF;
    width: 95px;
    height: 27px;
    border-radius: 20px;
    text-align: center;
    display: flex;
    align-items: baseline;
}

.counter__btn {
    font-size: 22px;
    width: 25px;
    line-height: 22px;
    font-family: monospace;
    cursor: pointer;
}


.counter__input {
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    width: 40px;
    text-align: center;
    border: none;
    background: none;
    pointer-events: none;
}

.calculator__wrap {
    background: #fff;
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 1;
}


.calculator__bg-img__left, .calculator__bg-img__right {
    content: '';
    position: absolute;
    width: 270px;
    height: 100%;
    top: 0;
    background-repeat: no-repeat;
    background-image: var(--img-logo);
    background-size: 270px;
    opacity: 0.05;
    z-index: 1;
}

.calculator__bg-img__right {
    right: 0;
    background-position: 0 530px;
    transform: translateX(280px);
}

.calculator__bg-img__left {
    left: 0;
    transform: translateX(-280px);
}

.calculator__container {
    padding: 40px 60px;
    border-radius: 20px;
    z-index: 100;
}

@media (max-width: 576px) {
    .calculator__container {
        padding: 20px;
    }
}

.calculator__body {
    display: flex;
}

.calculator__header {
    display: flex;
    font-size: 40px;
    font-weight: 500;
    text-align: center;
    margin: auto;
    line-height: 1;
    width: 100%;
}
.calculator__section .calculator__item ul{
	list-style: none;
	padding-left: 30px;
	margin-top: -20px;
}
.calculator__section .calculator__item ul>li{
	position: relative;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}
.calculator__section .calculator__item ul>li:before{
	position: absolute;
    left: -2rem;
    top: -1px;
    font-size: 20px;
    content: "\e5ca";
    font-family: "Material Icons";
	color:#136DB4;
}
@media (max-width: 576px) {
	.calculator__section .calculator__item ul>li{
		margin-top: .5rem;
		margin-bottom: .5rem;
	}
}


.calculator__title {
    font-size: 20px;
    font-weight: 500;
    color: #3D4449;
    margin-bottom: 20px;
    line-height: 1;
}

.calculator_result {
    border-radius: 20px;
}

.calculator__item {
    font-size: 16px;
}

.calculator_result__title {
    color: #000;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 10px;
}

.calculator_result__line {
    max-width: 80%;
    border-bottom: 1px #3D4449 solid;
    margin-top: 10px;
    margin-bottom: 10px;
}

.calculator_result__money {
    text-align: center;
    font-size: 20px;
    font-weight: 500;
}


/* grid-lg */
@media (min-width: 992px) {

    .result-conf {
        letter-spacing: -0.6px;
    }

    .calculator__header {
        width: 70%;
    }
}

.develop__box {
    width: 470px;
    margin: 20px;
}

.box__container {
    padding: 20px 30px;
    border-radius: 20px;
}

.develop__container {
    display: flex;
    flex-wrap: nowrap;
    /*align-items: flex-start;*/
    align-items: stretch;
    align-content: flex-start;
    justify-content: flex-start;
    overflow-x: auto;
}
.develop__container form{
	height:100%;
	display: flex;
    flex-direction: column;
}
.develop__container form .box__connects{
	margin-top:auto;
}
.develop__head_title {
    font-size: 40px;
    font-weight: 500;
}

.box__title {
    font-size: 20px;
    font-weight: 500;
    min-height: 3em;
    line-height: 1.5em;
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
}

.box__connects {
    display: flex;
    margin: 20px;
    justify-content: space-around;
}

.box__text {
    color: #A9A8AA;
    margin: 10px 0 10px 40px;
}

.box__description {
    font-size: 16px;
    line-height: 1.2;
    margin-bottom: 20px;
}

.develop__head_img {
    width: 150px;
    max-height: 46px;
}


@media (min-width: 576px) {
    .develop__head_img {
        width: 310px;
        max-height: 95px;
    }
}

.demo__item {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: space-between;
    align-content: center;
}

.demo__cart {
    display: flex;
    justify-content: space-around;
    align-content: flex-start;
    align-items: stretch;
}

.form__input_text {
    background: #fff;
    border-color: #fff;
    outline-color: #fff;
    border-style: solid;
    font-size: 16px;
	border-radius:4px;
}

.text-small {
    font-size: 12px;
    color: #828485;
}

.text-small a {
    color: inherit;
}

.advantages__container {
    overflow-x: auto;
}

.advantages__item {
    min-width: 400px;
    width: 400px;
}

.advantages_round__wrap {
    border-radius: 50%;
    font-size: 40px;
    width: 80px;
    height: 80px;
}

.advantages_round__content {
    width: inherit;
    height: inherit;
    display: flex;
    justify-content: center;
    align-items: center;
}

.advantages__title {
    font-weight: 500;
    font-size: 40px;
}

.advantages__text {
    line-height: 1.2em;
    color: #3D4449;
}

.advantage-icon {
    /*height: 50px;*/
    width: 50px;
}

.footer {
    background-color: #E0E2E7;
    font-size: 16px;
    color: #828485;
}

.footer a, .footer a:hover, .footer a:active {
    color: inherit;
}

.footer_about {
    position: relative;
    z-index: 100;
}

.footer_about__text {
    text-align: justify;
}

/** === modal === ***/

.modal-content {
    border-radius: 20px;
}

.modal__input {
    width: 100%;
    margin: 5px;
    padding: 10px 20px;
    border-radius: 5px;
    border: none;
    background: #F6F7FB;
}

.modal__input:active, .modal__input:focus, .modal__input:focus-visible {
    border: none;
    outline: none;
}

.modal-title {
    font-size: 16px;
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 675px;
    }
}

.modal__text {
    font-size: 14px;
}

.modal-result__title {
    font-size: 40px;
}

.modal-result__text {
    font-size: 23px;
}

.tooltip-count {
    position: relative;
    left: -0.2em;
    color: #8AB9DE;
    top: -0.5em;
    cursor: pointer;
}

.bg-gradient {
    background: transparent;
    position: relative;
    z-index: 100;
}

.bg-gradient:before {
    content: '';
    position: absolute;
    z-index: 1;
	background:rgba(27, 117, 187, .9);
    /*background: linear-gradient(90deg, #136DB4 0%, #385E9F 19.89%, #CE214B 100%);*/
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*opacity: 0.5;*/
}

.bg-gradient_inner {
    z-index: 100;
    position: relative;
}

@media (max-width: 768px) {
    .advantage__item {
        flex-direction: column;
    }

    .advantage__name {
        padding: 20px 0 0 0;
        margin: 0;
        text-align: center;
    }

    .advantage__text {
        margin: 0;
        padding: 20px 10px;
    }

    .demo__cart {
        flex-direction: column;
        align-items: center;
    }

    .demo__item {
        max-width: 300px;
    }
}

.check-blue:checked {
    background-color: #136DB4;
    border-color: #136DB4;
}

@media (max-width: 576px) {

}

.navbar-light .navbar-toggler {
    color: transparent;
    border: none;
    outline: none;
}

.icon-social {
    position: relative;
    z-index: 100;
    width: 30px;
    height: 30px;

}

.icon-social__shadow {
    box-shadow: 0 4px 4px 0 #00000040;
    display: inline-block;
}

.hamburger-lines {
    height: 24px;
    width: 37px;
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.hamburger-line {
    display: block;
    height: 5px;
    width: 100%;
    border-radius: 10px;
    background: #3D4449;
    border: 1px #3D4449 solid;
}

.navbar-toggler .hamburger-line-1 {
    transform-origin: 10% 100%;
    transition: transform 0.4s ease-in-out;
}

.navbar-toggler .hamburger-line-2 {
    transition: transform 0.2s ease-in-out;
}

.navbar-toggler .hamburger-line-3 {
    transform-origin: 20% 50%;
    transition: transform 0.4s ease-in-out;
}

.navbar-toggler[aria-expanded="true"] .hamburger-line-1 {
    transform: rotate(45deg);
}

.navbar-toggler[aria-expanded="true"] .hamburger-line-2 {
    transform: scaleX(0);
}

.navbar-toggler[aria-expanded="true"] .hamburger-line-3 {
    transform: rotate(-45deg);
}
.team_list{
	display:flex;
	flex-direction: row;
}
.team_item{
	text-align:left;
}
.team_item_content{
	box-shadow: 0 4px 7px rgba(0, 0, 0, .1), 0 -1px 8px rgba(0, 0, 0, .05);
    border-radius: 20px;
    color: #fff;
	display:flex;
	flex-direction: row;
	height:100%;
}
.team_item_img>img{
	width:100px;
	padding-right:15px;
}
.team_item_content_txt{
	font-style:italic;
}
.team_item_content_name{
	font-weight: bold;
    border-top: 1px solid #fff;
	margin-top:auto;
}
@media (max-width: 992px) {
	.team_list{
		flex-direction: column;
	}
	.team_item_img>img{
		padding:0px;
		margin-bottom:15px;
	}
	.team_item{
		text-align:center;
	}
	.team_item_content{
		flex-direction: column;
	}
}
/*
#team,
#team .section__head_title{
	color:#fff;
}
#team .section__head_title{
	margin-bottom:0px;
}
.team_list{
	display:flex;
	flex-direction:row;	
	align-items: center;
}
.team_list .team_item_content{
	text-align:left;
}
.team_item_img{
	margin: auto;
	margin-bottom:0px;
}
.team_list .team_item>img{
	max-width:400px;
	vertical-align:bottom;
}

@media (max-width: 992px) {
	.team_list{
		flex-direction:column;
		align-items: flex-end;
	}
	.team_list .team_item_content{
		text-align:center;
	}
}*/
#questions .section__head_title,
#questions .section__head_content,
#transfer .section__head_title,
#transfer .section__head_content{
	color:#fff;
}
.material-icons.telegram{
	color:#fff;
	font-size:40px;
}
.whatsapp_icon{
	position:relative;
	width: 35px;
    display: inline-block;
}
.whatsapp_icon img{
	width: 35px;
    height: 35px;
    position: absolute;
    top: -30px;
    left: 0px;
}
#questions .form__input_text{
	display:block;
	width:100%;
}
#questions .btn{
	margin-left:0px;
}
textarea{
	resize: none;
}
.footer__text{
	position:relative;
	padding-left:25px;
}
.footer__text .material-icons{
	font-size:19px;
	top: 2px;
	position: absolute;
	left: 0px;
}