/*!
Theme Name: mentionedy
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: mentionedy
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

mentionedy is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */



 /*
	FONT WEIGHT

	font-weight: 400;
	font-weight: 500;
	font-weight: 600;
	font-weight: 700;
 */

 * {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
 }

 html,
 body {
	font-family: "Poppins", sans-serif;
 }

.container {
	max-width: 1160px;
	margin: 0 auto;
	padding: 0 16px;
 }

 /*Header Styles*/

header {
	padding: 27px 0;
}

.header__wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
 }

.logo img {
	width: 170px;
}

.main__menu {
    margin-left: 50px;
}

.main__menu ul{
	display: flex;
	gap: 48px;
 }

.main__menu ul li {
	list-style: none;
}

 .main__menu ul li a {
	text-decoration: none;
	color: #00296B;
 }

 .main__menu ul li a:hover {
	border-bottom: 3px solid #F3D464;
 }

 .header__btn a {
	text-decoration: none;
	color: #fff;
	font-size: 16px;
	background-color: #00296B;
	padding: 12px 24px;
	border-radius: 10px;
 }

 /*Banner Styles*/

 .banner__wrapper {
	padding-bottom: 158px;
	padding-top: 98px;
 }

 .banner__wrap {
	max-width: 730px;
	margin: 0 auto;
 }

 .banner__wrap h1 {
	font-size: 80px;
	font-weight: 600;
	color: #00296B;
	position: relative;
    z-index: 1;
	text-align: center;
 }

 .banner__wrap h1 span {
    position: relative;
    z-index: 2;
	padding: 0 5px;
}

.banner__wrap h1 span::before {
    content: "";
    position: absolute;
    top: 18px;
    left: 0;
    width: 100%;
    height: 69%;
    background-color: #F3D464;
    border-radius: 15px;
    z-index: -1;
}

.banner__wrap p {
	text-align: center;
	font-weight: 400;
	font-size: 24px;
	color: #697586;
	margin-top: 40px;
	margin-bottom: 50px;
}

.btn__yellow {
	margin: 0 auto;
	max-width: 386px;
}

.btn__yellow a{
	text-decoration: none;
	color:#00296B;
	background-color: #F3D464;
	padding: 14.5px 14px;
	border-radius: 10px;
	font-weight: 600;
        font-size: 16px;
}

/*Clients Block*/

.clients__block {
	padding: 32px 0;
	background-color: #00296B;
}

.clients__title {
	font-size: 26px;
	color: #fff;
	font-weight: 600;
	text-align: center;
	margin-bottom: 62px;
}

.clients__wrap {
	display: flex;
	justify-content: space-evenly;
	/*align-items: center;*/
}

.clients_item img {
	width: 100%;
	height: 100%;
}

/*Person Block*/

.person__wrapper {
	padding: 126px 0;
}

.person__wrap {
	display: flex;
	gap: 133px;
}

.text__prof {
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 500;
	color: #F3D464;
}

.person__name {
	font-size: 46px;
	font-weight: 600;
	color:#00296B;
	margin: 10px 0;
}

.person_social {
	display: flex;
	gap: 16px;
}

a.soc_link {
    text-decoration: none;
}

.person__text {
	margin: 30px 0;
}

.person__text p {
	font-size: 18px;
	color: #697586;
	font-weight: 500;
	line-height: 140%;
}

.person__text p:first-child {
	margin-bottom: 30px;
}

.person__img img {
	width: 100%;
	height: 524px;
	object-fit: cover;
	border-radius: 10px
}

.person__img {
	flex: 1 1 469px;
}

.person_about__block {
	flex: 1 1 567px;
}

.person_btn {
	background-color: #00296B;
	color: #fff;
	border-radius: 10px;
	font-size: 18px;
	font-weight: 600;
	text-decoration: none;
	/* padding: 10.5px 24px; */
	width: 144px;
	height: 48px;
	display: flex;
	justify-content: center;
	align-items: center;
}

/*Adout Section*/

.about__block {
	background-color: #F8FAFC;
	padding: 65px 0;
}


.about__wrap {
	display: flex;
	gap: 32px;
}

.about_content_wrap {
	display: flex;
	gap: 14px;
	margin-bottom: 16px;
}

.about_content_wrap:last-child {
	margin-bottom: 0;
}

.list_style_number p{
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: #F3D464;
	color: #00296B;
	display: flex;
	justify-content: center;
	align-items: center;
}

.about__title {
	color:#00296B;
	font-weight: 600;
	font-size: 46px;
	margin-bottom: 38.5px;
}

.about_content_wrap p {
	font-size: 20px;
	color: #00296B;
}

.about_content_wrap p span {
	font-weight: 700;
	color: #00296B;
}

.about_column {
    flex: 1 1 50%;
}
.about_content_wrap ol {
	counter-reset: my-awesome-counter;
}

.about_content_wrap ol li {
	list-style: none;
	font-size: 20px;
	color: #00296B;
	margin-bottom: 16px;
	padding-left: 50px;
	counter-increment: my-awesome-counter;
	position: relative;
}



.about_content_wrap ol li::before {
	content: counter(my-awesome-counter);
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: #F3D464;
	color: #00296B;
	display: flex;
	justify-content: center;
	align-items: center;
}

/*Samples block*/

.samples__block {
	padding: 145px 0 140px 0;
}

.samples__title {
	color:#00296B;
	font-size: 46px;
	font-weight: 600;
	text-align: center;
}

.samples__wrap {
	display: flex;
	gap: 24px;
	margin-top: 60px;
}

.samples__item img {
	margin-bottom: 16px;
	width: 100%;
	height: 374px;
}

.client_name {
	font-size: 22px;
	color: #F3D464;
	font-weight: 500;
	margin-bottom: 12px;
}

.client__text {
	font-size: 26px;
	color: #00296B;
	font-weight: 500;
}

.btn__sample a {
	text-decoration: none;
	background-color: #F3D464;
	color: #00296B;
	width: 374px;
	border-radius: 10px;
	font-size: 16px;
	font-weight: 600;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 14.5px 0;
	margin:  60px auto 0;
}

/*Advantages Block*/

.advantages__block {
	background-color: #00296B;
	padding: 60px 0 76px 0;
}

.advantages__title {
	font-size: 46px;
	color: #fff;
	font-weight: 600;
	text-align: center;
	margin-bottom: 60px;
}

.advantages__wrap {
	display: flex;
	gap: 30px;
}

.adv_item {
	background-color: #fff;
	padding: 22px;
	border-radius: 10px;
	width: 269px;
	height: 300px;
}

.adv_item h3 {
	font-size: 20px;
	color: #00296B;
	font-weight: 700;
	margin-top: 20px;
	margin-bottom: 8px;
}

.adv_item p {
	font-size: 16px;
	color: #697586;
}

/*Testimonials Screen*/

.testimonials_block {
	padding: 120px 0 130px 0;
}

.testimonials__title {
	color: #00296B;
	font-size: 46px;
	font-weight: 600;
	text-align: center;
	margin-bottom: 60px;
}

.testimonials_wrap {
	display: flex;
	gap: 32px;
	flex-wrap: wrap;
	justify-content: center;
}

.testimonial_item {
	background-color: #F8FAFC;
	padding: 24px;
	flex: 0 1 calc(50% - 16px);
	display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    text-align: center;
	/* width: 548px; */
}

.testimonial_item__img {
    margin-bottom: 20px;
}

.testimonials_item__name {
	font-size: 24px;
	font-weight: bold;
	color: #00296B;
}

.testimonial_prof {
	font-size: 16px;
	font-weight: 400;
	color: #00296B;
	margin-bottom: 10px;
}

.testimonials__text {
	color: #697586;
	font-size: 16px;
	font-weight: 400;
}

/* How we work screen */

.how_container {
	background-color: #00296B;
	padding: 130px 0;
}

.how_title {
	font-size: 46px;
	font-weight: 600;
	color: #fff;
	margin-bottom: 40px;
	text-align: center;
}

.container-how {
	max-width: 754px;
	margin: 0 auto;
}

.how__item {
	position: relative;
	padding-left: 105px;
	padding-bottom: 40px;
}

.how__item::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	background: url("images/how1.svg") center center no-repeat;
	width: 60px;
	height: 60px;
	background-color: #F3D464;
	border-radius: 8px;
	z-index: 999;
}

.how__item::after {
	content: "";
	position: absolute;
	top: 0;
	left: 30px;
	width: 1px;
	background-color: #F3D464;
	height: 100%;
	z-index: 2;
}

.how__item:last-child::after{
	display: none;
}

.how_step {
	font-size: 20px;
	font-weight: 600;
	color: #F3D464;
	margin-bottom: 5px;
	text-transform: uppercase;
}

.how_item_title {
	font-size: 24px;
	font-weight: 700;
	color: #fff;
	margin-bottom: 5px;
}

.how_text {
	font-size:18px;
	color: #fff;
	font-weight: 400;
}

/* Package screen */

.package_container {
	background-color: #F8FAFC;
	padding: 60px 0 120px 0;
}

.package_title {
	text-align: center;
	font-size: 46px;
	font-weight: 600;
	color: #00296B;
	margin-bottom: 40px;
}

.package_block_first {
	flex: 1 1 558px;
}

.package_left_item {
	padding-left: 50px;
	position: relative;
	width: 558px;
	margin-bottom: 20px;
}

.package_left_item::before {
	content: "";
	background: url("images/clip.svg") center center no-repeat;
	width: 36px;
	height: 36px;
	position: absolute;
	top: -6px;
	left: 0;
}

.package_block_first_subtitle {
	font-size: 26px;
	font-weight: 600;
	color: #00296B;
	margin-bottom: 20px;
}
.package_left_item span {
	display: inline-block;
	color: #00296B;
	font-size: 20px;
	font-weight: 700;
}

.package_left_item p {
	color: #00296B;
	font-size: 20px;
	font-weight: 400;
}

.package_block_second {
	background-color: #00296B;
	border-radius: 16px;
	flex: 1 1 500px;
	padding: 49px 70px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.package_right_item p{
	color: #ffffff;
	font-size: 20px;
	font-weight: 400;
	position: relative;
	padding-left: 40px;
	margin-bottom: 16px;
}

.package_right_item p::before {
	content: "";
	background: url("images/check.svg") center center no-repeat;
	width: 26px;
	height: 26px;
	position: absolute;
	top: 0;
	left: 0;
}

.package_wrapper {
	display: flex;
	gap: 32px;
}

/* Contact Form */

.form_container {
	padding: 65px 0;
}

.contact_form_main {
	background-color: #F8FAFC;
	width: 768px;
	margin: 0 auto;
	padding: 80px;
	border-radius: 10px;
	border: 1px solid #EEF2F6;
}

.form_title {
	text-align: center;
	font-size: 46px;
	font-weight: 600;
	color: #00296B;
	margin-bottom:40px;
}

.contact_form_main .label-style {
	font-size: 18px;
	font-weight: 500;
	color: #00296B;
	margin-bottom: 6px;
}


.contact_form_main input {
	width: 608px;
	max-width: 100%;
	padding: 12px;
	border: 1px solid #EEF2F6;
	border-radius: 10px;
	margin-bottom: 16px;
	font-size: 16px;
}

.contact_form_main input.wpcf7-not-valid {
	border: 1px solid red;
}

/*.wpcf7-not-valid-tip {*/
/*	display: none;*/
/*}*/

.wpcf7-response-output {
	display: none;
}

.wpcf7 form.sent .wpcf7-response-output {
	background-color: #fff;
	color: #00296B;
	padding: 10px;
	border-color: transparent;
	display: block;
	text-align: center;
}

textarea.wpcf7-form-control.wpcf7-textarea {
	width: 100%;
	padding: 12px;
	border: 1px solid #EEF2F6;
	border-radius: 10px;
	resize: none;
	margin-bottom: 40px;
}

.form_btn input {
	width: 144px;
	background-color: #F3D464;
	color: #00296B;
	font-size:18px;
	font-weight:600;
	cursor: pointer;
}

/* Tabs screen */

.tabs__wrapper {
	background-color: #F8FAFC;
	padding: 60px 0 200px 0;
}

.tabs__title {
	color: #00296B;
	font-size: 46px;
	font-weight: 600;
	text-align: center;
	margin-bottom: 80px;
}

.tabs {
	display: flex;
	flex-direction: column;
}

.tab {
	margin-bottom: 30px;
}

.tab-header {
	padding: 28px 40px;
	cursor: pointer;
	background-color: #fff;
	user-select: none;
	font-size: 22px;
	color: #00296B;
	font-weight: 600;

	display: flex;
	justify-content: space-between;
	align-items: center;
}

.tab-content {
	display: none;
	padding: 18px 40px 45px 40px;
	background-color: #fff;
}

.tab-content.active {
	display: block;
}


.tab-header .icon {
	display: inline-block;
	text-align: center;
	font-weight: 400;
	font-size: 25px;
}

.tab-header .icon:before {
	content: '+';
}

.tab-header.closed .icon:before {
	content: '-';
}

.tab-header p {
	max-width: 721px;
}

/* Footer Screen */

.footer_ {
	background-color: #00296B;
	padding: 100px 0 0 0;
}

.footer_wrapper {
	display: flex;
	justify-content: space-between;
	padding-bottom: 60px;
	border-bottom: 1px solid #697586;
}

.footer_email a {
	color: #F8FAFC;
	font-size: 16px;
	font-weight: 400;
	position: relative;
	text-decoration: none;
	padding-left: 35px;
}

.footer_email a::before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	background: url(./images/sms.svg) 0 0 no-repeat;
	width: 26px;
	height: 26px;
}

.footer_logo {
	margin-bottom: 62px;
}

.footer_logo img {
	width: 170px;
}

.footer__menu_side {
	display: flex;
	gap: 80px;
}

.footer_menu_first ul li,
.footer_menu_second ul li {
	list-style: none;
	margin-bottom: 24px;
}

.footer_menu_first ul li:last-child {
	margin-bottom: 0;
}

.footer_menu_first ul li a,
.footer_menu_second ul li a{
	text-decoration: none;
	color: #F8FAFC;
	font-size: 16px;
	font-weight: 400;
}

.footer_menu_first ul li a:hover,
.footer_menu_second ul li a:hover {
	text-decoration: underline;
}

.footer_copyright {
	margin-top: 30px;
	color: #fff;
	font-size:16px;
	font-weight:400;
	padding-bottom: 30px;
}

.footer_social {
	display: flex;
	gap: 16px;
}

.footer_sub_wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.header_mobile_wrapper {
	display: none;
}

.mobile_menu_wrapper {
	display: none;
}

/*********************** Responsive Styles ************************/


@media screen and (max-width: 992px) {
	.mobile_menu_wrapper {
		display: none;
	}

	img.custom-logo {
		width: 150px;
		height: auto;
	}

	.mobile_menu_wrapper ul li {
		list-style: none;
		margin-bottom: 10px;
	}

	section#nav_menu-2 {
		margin-bottom: 28px;
	}

	.mobile_menu_wrapper ul li a {
		text-decoration: none;
		color: #00296B;
		font-size: 18px;
	}

	.burger_menu {
		width: 30px;
		display: flex;
		flex-direction: column;
	}
	.burger_menu span{
		height:2px;
		background-color: #00296B;
		margin-bottom: 6px;
		width: 30px;
	}

	.header_mobile_wrapper {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.mobile_menu_wrapper {
		display: none;
	}

	.package_wrapper {
		display: flex;
		justify-content: center;
		flex-direction: column;
		align-items: center;
	}

	.person__wrap {
		display: flex;
		gap: 30px;
	}
	.advantages__wrap {
		flex-wrap: wrap;
	}
	.adv_item {
		width: 100%;
	}

	.header__wrapper {
		display: none;
	}

	.header_mobile_wrapper {
		display: flex;
	}
}

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

@media screen and (max-width: 560px) {

	.banner__wrap {
		max-width: 343px;
	}

	.banner__wrap h1 {
		font-size: 40px;
		line-height: 110%;
	}

	.banner__wrapper {
		padding-bottom: 60px;
		padding-top: 34px;
	}

	.banner__wrap p {
		text-align: center;
		font-size: 16px;
		margin-top: 24px;
		margin-bottom: 36px;
	}

	.banner__wrap h1 span::before {
		position: absolute;
		top: 9px;
		left: 0;
	}

	.btn__yellow {
		margin: 0 auto;
		width: 350px;
	}

	.btn__yellow a {
		text-decoration: none;
		color: #00296B;
		background-color: #F3D464;
		padding: 17.5px 14px;
		border-radius: 10px;
		font-size: 14px;
	}

	.clients__title {
		font-size: 22px;
		color: #fff;
		font-weight: 600;
		text-align: center;
		margin-bottom: 15px;
	}

	.clients__wrap {
		display: flex;
		align-items: center;
		gap: 12px;
	}

	.clients_item img {
		width: 100%;
		height: auto;
	}

	.person__wrapper {
		padding: 60px 0 0 0;
	}

	.person__name {
		font-size: 30px;
		font-weight: 600;
		color: #00296B;
		margin: 10px 0;
	}

	.person__text {
		margin: 24px 0;
	}

	.person__text p {
		font-size: 16px;
		color: #697586;
		font-weight: 400;
		line-height: 160%;
	}

	.person_btn {
		width: 100%;
	}

	.about__block {
		padding: 60px 0;
	}

	.about__wrap {
		display: flex;
		gap: 32px;
		flex-direction: column;
	}

	.about__title {
		color: #00296B;
		font-weight: 600;
		font-size: 30px;
		margin-bottom: 8px;
		text-align: center;
		line-height: 120%;
	}

	.about_content_wrap ol li {
		font-size: 18px;
	}
	.samples__wrap {
		display: flex;
		gap: 24px;
		margin-top: 24px;
		flex-direction: column;
	}

	.samples__item img {
		height: auto;
	}

	.btn__sample a {
		text-decoration: none;
		background-color: #F3D464;
		color: #00296B;
		width: 100%;
		border-radius: 10px;
		font-size: 18px;
		font-weight: 600;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 12px 0;
		margin: 42px auto 0;
	}

	.samples__block {
		padding: 60px 0 60px 0;
	}

	.adv_item h3 {
		font-size: 24px;
		color: #00296B;
		font-weight: 700;
		margin-top: 22px;
		margin-bottom: 8px;
		line-height: 140%;
	}

	.adv_item p {
		font-size: 18px;
		color: #697586;
		line-height: 150%;
	}

	.adv_item {
		padding: 22px;
		height: auto;
	}

	.testimonials__title {
		color: #00296B;
		font-size: 30px;
		font-weight: 600;
		text-align: center;
		margin-bottom: 24px;
	}

	.testimonials_block {
		padding: 60px 0;
	}

	.testimonials_wrap {
		display: flex;
		gap: 32px;
		flex-wrap: wrap;
		justify-content: center;
		flex-direction: column;
	}

	.package_left_item {
		padding-left: 50px;
		position: relative;
		width: 100%;
		margin-bottom: 8px;
	}

	.package_title {
		text-align: center;
		font-size: 30px;
		font-weight: 600;
		color: #00296B;
		margin-bottom: 30px;
		line-height:120%;
	}

	.package_block_first {
		flex: 1 1 auto;
		order: 1;
	}

	.package_block_second {
		background-color: #00296B;
		border-radius: 16px;
		flex: 1 1 auto;
		padding: 43px 12px;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	.package_container {
		background-color: #F8FAFC;
		padding: 60px 0;
	}
	.how_container {
		padding: 60px 0;
	}

	.how_title {
		font-size: 30px;
		font-weight: 600;
		color: #fff;
		margin-bottom: 24px;
		text-align: center;
	}

	.container-how {
		padding: 0 16px;
	}

	.form_container {
		padding: 60px 0;
	}

	.contact_form_main {
		background-color: #F8FAFC;
		width: 343px;
		margin: 0 auto;
		padding: 30px 16px 0 16px;
		border-radius: 10px;
		border: 1px solid #EEF2F6;
	}

	.form_title {
		text-align: center;
		font-size: 30px;
		font-weight: 600;
		color: #00296B;
		margin-bottom: 30px;
	}

	.tabs__title {
		color: #00296B;
		font-size: 30px;
		font-weight: 600;
		text-align: center;
		margin-bottom: 16px;
	}

	.tab-header {
		font-size: 18px;
	}

	.tab-content {
		font-size: 16px;
		color: #697586;
	}

	.tab {
		margin-bottom: 16px;
	}

	.tabs__wrapper {
		background-color: #F8FAFC;
		padding: 60px 0 60px 0;
	}

	/* Footer */

	.footer_wrapper {
		flex-direction: column;
		gap: 30px;
		padding-bottom: 30px;
	}

	.footer_logo {
		margin-bottom: 16px;
	}

	.footer_logo img {
		width: 170px;
	}

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

	.footer_ {
		padding: 60px 0;
	}

	.samples__title {
		color: #00296B;
		font-size: 30px;
		font-weight: 600;
		text-align: center;
	}
	.advantages__title {
		font-size: 30px;
		color: #fff;
		font-weight: 600;
		text-align: center;
		margin-bottom: 24px;
	}

	.form_btn input {
		width: 100%;
	}
}

@media screen and (max-width: 375px) {
	.btn__yellow a {
		padding: 14px 8px;
	}
}