/*!
Theme Name: publishing
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: publishing
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.

publishing 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/
*/



/* Typography
--------------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100..900&display=swap');

body,
button,
input,
select,
optgroup,
textarea {
	color: white;
	font-family: "Montserrat", sans-serif;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

body {
	margin: 0;
	transition: .3s;
}

p {
	margin-bottom: 1.5em;
}



/* START */

.site-wrapper {
	max-width: 1180px;
	width: 100%;
	margin-inline: auto;
}
@media screen and (max-width: 767px) {
	.site-wrapper {
		padding-inline: 15px;
		width: auto;
 }
}
.action-section {
	margin-top: 192px;
	display: flex;
	flex-direction: column;
	gap: 20px;
	position: relative;
	z-index: 2;
}
@media screen and (max-width: 767px) {
	.action-section {
		margin-top: 167px;
 }
}
.action-section .subtitle {
	max-width: 512px;
	font-family: Montserrat;
	font-size: 18px;
	font-weight: 400;
	line-height: 22px;
	letter-spacing: 0em;
	text-align: left;
}
@media screen and (max-width: 767px) {
	.action-section .subtitle {
		font-size: 18px;
		line-height: 24.9px;
 }
}
.action-section .buttons {
	margin-top: 20px;
	display: flex;
	gap: 30px;
}
@media screen and (max-width: 767px) {
	.action-section .buttons {
		padding-inline: 10px;
		gap: 40px;
		flex-direction: column;
 }
}
.button {
	padding: 15px 61.5px;
	border: 2px solid #084ac9;
	background: #084ac9;
	color: white;
	text-decoration: none;
	transition: 0.3s;
	box-sizing: border-box;
}
@media screen and (max-width: 767px) {
	.button {
		text-align: center;
		font-size: 18px;
		font-weight: 500;
		line-height: 22px;
 }
}
.button:hover {
	background: #05389a;
}
.button.secondary {
	background: transparent;
	border-color: #419fff;
}
.button.secondary:hover {
	background: #419fff;
}


/* background-image: url('https://88publishing.com/wp-content/uploads/2024/02/Rectangle-1.svg');
 */
/* background-repeat: no-repeat;
 */
/* background-position: right;
 */
/* background-size: cover;
 */
 .section-with-bg {
	min-height: 810px;
	position: relative;
}
@media screen and (max-width: 767px) {
	.section-with-bg {
		min-height: min(100vh, 810px);
 }
}
.section-with-bg .bg-video {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	overflow: hidden;
}
.section-with-bg .bg-video .linear-bg {
	position: absolute;
	z-index: 2;
	inset: 0;
	pointer-events: none;
	background: linear-gradient(rgba(0, 2, 7, 1) 0%, rgba(0, 2, 7, 0) 50%, rgba(0, 2, 7, 1) 100%);
}
.section-with-bg .bg-video video {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	object-fit: cover;
	object-position: center center;
}
.section-with-bg .title {
	font-size: 50px;
	font-weight: 600;
	line-height: 61px;
	letter-spacing: 0em;
	text-align: left;
}
@media screen and (max-width: 767px) {
	.section-with-bg .title {
		font-size: 30px;
		line-height: 37px;
 }
}
header {
	padding-top: 58px;
	position: relative;
	z-index: 2;
}
@media screen and (max-width: 767px) {
	header {
		padding-top: 45px;
 }
	header .custom-logo {
		width: 120px;
		height: auto;
 }
}
.section-cards {
	padding-block: 74px 130px;
	background: #000207;
	display: flex;
	gap: 40px;
	flex-direction: column;
}
@media screen and (max-width: 767px) {
	.section-cards {
		padding-block: 0;
		margin-block: 100px 80px;
 }
}
.section-cards .title {
	text-align: center;
	font-family: Montserrat;
	font-size: 40px;
	font-weight: 600;
	line-height: 49px;
	letter-spacing: 0em;
}
@media screen and (max-width: 767px) {
	.section-cards .title {
		font-size: 26px;
		line-height: 31.69px;
 }
}
.section-cards .cards {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
}
@media screen and (max-width: 767px) {
	.section-cards .cards {
		grid-template-columns: 1fr;
 }
}
.section-cards .card {
	background: #0c0f1a;
	padding: 40px 63px;
	display: flex;
	flex-direction: column;
	gap: 20px;
}
@media screen and (max-width: 767px) {
	.section-cards .card {
		padding: 20px 30px;
 }
}
.section-cards .card .subtitle {
	font-family: Montserrat;
	font-size: 24px;
	font-weight: 600;
	line-height: 29px;
	letter-spacing: 0em;
	text-align: left;
}
@media screen and (max-width: 767px) {
	.section-cards .card .subtitle {
		font-size: 20px;
		line-height: 24.3px;
		max-width: 281px;
 }
}
.section-cards .card .list {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.section-cards .card .list .item {
	display: flex;
	gap: 5px;
	align-items: start;
}
@media screen and (max-width: 767px) {
	.section-cards .card .list .item {
		align-items: center;
 }
}
.section-cards .card .list .item .marker {
	min-width: 6px;
	width: 6px;
	height: 6px;
	margin-block: 8px;
	border-radius: 50%;
	background-color: #419fff;
	flex-basis: 6px;
}
.section-cards .card .list .item .text {
	font-family: Montserrat;
	font-size: 18px;
	font-weight: 400;
	line-height: 22px;
	letter-spacing: 0em;
	text-align: left;
}
.section-countries {
	margin-block: 130px;
	display: flex;
	gap: 20px;
	align-items: center;
}
@media screen and (max-width: 767px) {
	.section-countries {
		flex-direction: column;
		margin-block: 80px;
 }
}
.section-countries img {
	width: 100%;
	height: auto;
}
.section-countries > * {
	flex: 1 1 0;
}
.section-countries .action-section {
	margin: 0;
}
.section-countries .action-section .title {
	font-size: 40px;
	font-weight: 600;
	line-height: 49px;
	letter-spacing: 0em;
}
@media screen and (max-width: 767px) {
	.section-countries .action-section .title {
		font-size: 26px;
		line-height: 31.69px;
 }
}
.section-cta {
	display: flex;
	margin-block: 130px;
	padding-block: 50px;
	align-items: center;
	flex-direction: column;
	background-image: url('../images/Rectangle-5-1.png');
	background-repeat: no-repeat;
	background-size: cover;
}
@media screen and (max-width: 767px) {
	.section-cta {
		margin-block: 80px;
		background-position: center center;
		padding-block: 67px;
 }
}
.section-cta .title {
	font-family: Montserrat;
	font-size: 40px;
	font-weight: 600;
	line-height: 49px;
	letter-spacing: 0em;
	text-align: left;
}
@media screen and (max-width: 767px) {
	.section-cta .title {
		font-size: 26px;
		line-height: 31.69px;
 }
}
.section-cta .subtitle {
	font-family: Montserrat;
	font-size: 18px;
	font-weight: 400;
	line-height: 22px;
	letter-spacing: 0em;
	text-align: center;
	max-width: 653px;
	margin-top: 20px;
}
.section-cta .button {
	background: white;
	color: #084ac9;
	padding: 15px 40px;
	margin-block: 40px;
}
.section-cta .bottom {
	font-family: Montserrat;
	font-size: 20px;
	font-weight: 600;
	line-height: 24px;
	letter-spacing: 0em;
	text-align: center;
}
.hr-line {
	height: 1px;
	width: 100%;
	background: white;
}
@media screen and (max-width: 767px) {
	.hr-line {
		width: 80%;
 }
}
.footer-sign {
	margin-block: 63px 56px;
	text-align: center;
}
.section-form {
	background: white;
	margin-top: 40px;
}
.section-form .title {
	font-size: 40px;
	font-weight: 600;
	line-height: 48px;
	letter-spacing: 0em;
	text-align: center;
	color: #084ac9;
	padding-block: 60px 40px;
}
@media screen and (max-width: 767px) {
	.section-form .title {
		font-size: 26px;
		font-weight: 600;
		line-height: 32px;
 }
}
.section-form p {
	margin: 0;
	width: 100%;
	display: flex;
}
.section-form .fields-wrapper p {
	appearance: none;
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap: 60px;
	row-gap: 20px;
}
@media screen and (max-width: 767px) {
	.section-form .fields-wrapper p {
		grid-template-columns: 1fr;
 }
}
.section-form .fields-wrapper p input {
	padding: 15px 10px;
	border: 1px solid #084ac9;
	width: 100%;
	color: black;
	box-sizing: border-box;
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: 0em;
	text-align: left;
}
.section-form .fields-wrapper p .ts-control {
	padding: 15px 10px;
	border: 1px solid #084ac9;
	width: 100%;
	background: unset;
	border-radius: 0;
}
.section-form .fields-wrapper p .ts-control input {
	width: auto;
}
.section-form .fields-wrapper p .ts-control .item {
	font-size: 16px;
}
.section-form .ts-dropdown-content {
	font-size: 16px;
	color: #595959;
	border-radius: 0;
}
.section-form .wpcf7-submit {
	padding: 15px 73.5px;
	font-size: 18px;
	font-weight: 500;
	line-height: 22px;
	letter-spacing: 0em;
	background: #084ac9;
	border: 2px solid #084ac9;
	transition: 0.3s;
	margin-left: auto;
	cursor: pointer;
}
.section-form .wpcf7-submit:hover {
	background: #05389a;
}
@media screen and (max-width: 767px) {
	.section-form .wpcf7-submit {
		margin-top: 40px;
		width: 100%;
 }
}
.section-form .wpcf7-spinner {
	display: none;
}
.section-form .wpcf7-response-output {
	color: black;
}
.section-form .hr-line {
	background: black;
	margin-block: 80px 63px;
}
@media screen and (max-width: 767px) {
	.section-form .hr-line {
		margin-top: 100px;
 }
}
.section-form .footer-sign {
	color: black;
	padding-bottom: 80px;
	margin-block: 0;
}
@media screen and (max-width: 767px) {
	.section-form .footer-sign {
		padding-bottom: 10px;
 }
}