/*
Theme Name: Twenty Twenty-One Child
Theme URI: https://wordpress.org/themes/twentytwentyone/
Template: twentytwentyone
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
Tags: one-column,accessibility-ready,custom-colors,custom-menu,custom-logo,editor-style,featured-images,footer-widgets,block-patterns,rtl-language-support,sticky-post,threaded-comments,translation-ready
Version: 1.3.1620929391
Updated: 2021-05-13 18:09:51

*/

.mainContent {
	font-family: 'Brown', sans-serif;
	font-weight: 300;
	font-size: 19px;
	line-height: 30px;
	color: #33405C;
	background: #fff;  
}
.mainContent h1 {
	font-family: 'Gordita', sans-serif;
	color: #101F32;
	font-weight: bold;
	font-size: 56px;
	line-height: 71px;
	margin: 0 0 20px;
}
.mainContent h2 {
	font-family: 'Gordita', sans-serif;
	font-weight: bold;
	font-size: 34px;
	line-height: 48px;
	margin: 0 0 20px;
}
.mainContent a {
	text-decoration: none;
	transition: all .2s;
}
.btn {
	border-radius: 30px;
	text-align: center;
	display: inline-block;
	padding: 18px 30px 14px;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1.56px;
}
.btn:hover {
	box-shadow: 0 5px 8px -5px #757575;
}
.btn-green {
	background: #3DC442;
	color: #fff;
}
.btn-blue {
	background: #2F3479;
	color: #fff;
}
.text-center{
  text-align: center;
}
@media (min-width: 1200px) {.container, .container-lg, .container-md, .container-sm, .container-xl {max-width: 1200px;}}

/*===========================HEADER============================*/
.header {
	padding: 20px 0;
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 1;
}
.header__logo a {
	font-size: 22px;
	color: #101F32;
	font-weight: normal;
	text-decoration: none;
}
.header__btns .btn:first-child {
	margin-right: 13px;
	color: #2C354B;
	border: 1px solid #2F3479;
}
.header__btns .btn {
	height: 48px;
	padding-top: 10px;
	text-decoration: underline;
}
@media (max-width: 769px) {
	.header__logo a {font-size: 19px;}
	.header__btns .btn {font-size: 11px;}
}
/*===========================HOME============================*/
.heroHome {
	padding: 195px 0 112px;
	position: relative;
	overflow: hidden;
}
.heroHome:before {
	content: '';
	background-color: #F6F5F7;
	position: absolute;
	top: 0;
	left: 0;
	width: 95%;
	height: 100%;
}
.heroHome__img {
	position: absolute;
    right: -6px;
    top: 25%;
    width: 535px;
    height: 367px;
}
.heroHome__img img {
	border: 5px solid #fff;
}
.heroHome__txt {
	margin-bottom: 18px;
}
.heroHome__cont {padding-right: 100px;}
.logosHome {
	padding: 65px 0;
	text-align: center;
}
.logosHome__title {
	text-transform: uppercase;
	margin-bottom: 40px;
}
.block3Home {
	padding: 53px 0 118px;
}
.block3Home__block {
	margin-bottom: 55px;
}
.block3Home .col-12:not(:last-child) .block3Home__block {
	padding-right: 100px;
	border-right: 1px solid #dbdfe3;
}
.block3Home .col-12:not(:first-child) .block3Home__block {
	padding-left: 100px;
}
.block3Home__block-img {
	margin-bottom: 70px;
}
.block3Home__block-title h2 {
	margin-bottom: 25px;
}
.block3Home__btn {
	text-align: center;
	margin-top: 20px;
}
.block3Home__btn .btn {
	width: 272px;
}
.qualHome {
	padding-top: 143px;
	background: #F6F5F7;
}
.qualHome h2 {
	text-align: center;
}
.qualHome__blocks {
	margin-top: 60px;
}
.qualHome__block {
	margin-bottom: 90px;
	width: 240px;
}
.qualHome__block-icon {
	margin-bottom: 45px;
}
.block5Home {
	padding-top: 160px;
}
.block5Home__img img {
	height: auto;
}
.block5Home__cont-txt {
	margin-bottom: 30px;
}
.block5Home__wr {
	margin-bottom: 130px;
}
.block5Home__cont {
	padding-right: 100px;
}
.block5Home__cont-mob {
	display: none;
}
.flex-lg-row-reverse .block5Home__cont {
	padding-right: 0;
	padding-left: 100px;
}
.block5Home__cont .btn {
	height: 56px;
	padding: 14px 30px 14px;
}
.block5Home__cont-1 .btn {
	background: none;
	border: 1px solid rgba(18, 41, 71, 0.15);
	color: #1B2A4E;
}
.formHome {
	background: #1B1F4B;
	padding: 130px 0 170px;
	color: #fff;
}
.formHome__cont-txt p {
	margin-bottom: 20px;
}
.is-dark-theme .formHome__form input {
	background: none!important;
	color: #fff;
	font-size: 16px;
	font-family: 'Brown', sans-serif;
	font-weight: normal;
	border:none;
	border-bottom: 1px solid #FFFFFF;
	margin-bottom: 10px;
	padding-left: 0;
	width: 100%;
}
.is-dark-theme .formHome__form .d-flex input:first-child {
	margin-right: 40px;
}
.formHome__form input:focus, .formHome__form .btn:focus {
	outline: none!important;
	color: #fff!important;
}
.formHome__form input::placeholder {
  color: #C4C4C4;
  opacity: 1;
}
.formHome__form input:-ms-input-placeholder {
  color: #C4C4C4;
}
.formHome__form input::-ms-input-placeholder {
  color: #C4C4C4;
}
.formHome__form .btn {
	background: #3DC442!important;
	width: 238px;
	margin: 30px auto 0;
	color: #fff!important;
	display: block;
}

@media (max-width: 991px) {
	.heroHome__img {position: relative;margin: 40px auto 0;}
	.heroHome {text-align: center;}
	.heroHome:before {width: 50%;}
	.heroHome__cont {padding-right: 0;}
	.logosHome__logos img {margin: 10px 20px}
	.block3Home .col-12:not(:last-child) .block3Home__block {padding-right: 0;border:none;}
	.block3Home .col-12:not(:first-child) .block3Home__block, .flex-lg-row-reverse .block5Home__cont {padding-left: 0;}
	.qualHome__blocks {justify-content: center;}
	.qualHome__block {width: 41%;margin: 0 30px 50px;}
	.block5Home__cont-mob {display: block;margin-bottom: 20px;}
	.block5Home__img, .block3Home__block-img {display: none;}
	.block5Home__cont {padding-right: 0;text-align: center;}
	.formHome__form {margin-top: 20px;}
}
@media (max-width: 769px) {
	.heroHome {padding: 135px 0 95px;}
	.qualHome, .block5Home {padding-top: 75px;}
	.qualHome__block {width: 38%;}
	.block5Home__wr {margin-bottom: 90px;}
	.formHome {padding: 75px 0 75px;}
}
@media (max-width: 575px) {
	.header, .footer {text-align: center;}
	.header__btns {justify-content: center;margin-top: 10px;}
	.mainContent h1 {font-size: 30px;line-height: 42px;}
	.heroHome {padding: 176px 0 65px;}
	.heroHome__img {width: 100%;height: auto;}
	.heroHome__img img {width: 90%;}
	.logosHome, .block3Home {padding: 50px 0;}
	.mainContent h2 {font-size: 26px;line-height: 31px;}
	.qualHome__block {text-align: center;width: 100%;}
	.qualHome__block-icon {margin-bottom: 15px;}
	.qualHome, .block5Home {padding-top: 50px;}
	.formHome__form .d-flex {flex-wrap: wrap;}
	.is-dark-theme .formHome__form .d-flex input:first-child {margin-right: 0;}
}

/*---------FAQ---------*/
.faqSection{
  background: white;
  padding: 110px 0;
}
.faqMark__block {
  border-bottom: none;
  background-color: #F5F5F5;
  border-radius: 8px;
  padding: 1% 3%;
  margin: 1.5% 0;
  z-index: 1;
  position: relative;
}
.faqMark__block .faqMark__block-top{
  position: relative;
  cursor: pointer;
}
.faqMark__block .faqMark__block-top:after {
  content: "+";
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.faqMark__block.active .faqMark__block-top::after {
  content: "-";
}
.faqMark__block-quest {
  color: #151433;
  font-size: clamp(1.4rem, 2.4vw, 1.5rem);
  line-height: 4.5rem;
  min-height: 50px;
  line-height: 30px;
  padding-right: 45px;
  padding-top: 8px;
  padding-bottom: 8px;
  position: relative;
}
.faqMark__block-answer {
  font-weight: normal;
  font-size: 16px;
  line-height: 16px;
  padding: 32px 0 32px 32px;
  border-bottom: 1px solid #E6E7F2;
  display: none;
  padding-top: 10px;
  border: none;
}
@media(max-width: 992px){
  .faqSection{
    padding: 70px 0;
  }
  .faqMark__block-quest{
    font-size: 22px;
  }
}
@media(max-width: 576px){
  .faqSection{
    padding: 40px 0;
  }
  .faqMark__block-quest{
    font-size: 20px;
  }
}


/*=========================FOOTER======================*/
.footer {
	background: #2F3479;
	color: #fff;
	padding: 50px 0;
}
.footer .header__logo a {
	color: #fff;
	font-size: 18px;
}
.footer .header__btns .btn:first-child {
	border: 1px solid rgba(255, 255, 255, 0.5);
	color: #fff;
}
.footer .btn-blue {
	background: #fff;
	color: #1F2738;
}
@media (max-width: 769px) {
	.footer .header__btns {
		margin-top: 20px;
	}
}