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

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

html{
	scroll-behavior: smooth;
	scrollbar-gutter: stable;
}

body {
	--main-black: #484a4f;
	--main-text-color: #4D545C;
	--secondary-black: #6c6f77;
	--main-white: #f8f8f9;
	--secondary-white: #e0e4ed;
	--accent-light-bg: #6189d7;
	--accent-dark-bg: #b2cdff;
	--dark-accent: #496cb0;
	--light-accent: #d5e4ff;
	--main-bg: #f3f5f9;
	--white-bg: #fff;
	--n-white: #ffffff;
	--main-dark: #09111A;
	--rgba-black:rgba(9, 17, 26, 0.70);
	--black: #000;
	--bright-blue:#0C79F2;
	--light-blue:#81BDFF;
	--n-dark-accent:#0065D4;
	--n-very-dark-accent: #0853A5;
	--n-very-light-grey: #DFE5ED;
	--n-very-light-accent: #D3E6FF;
	--n-light-grey-BG: #F3F6FA;
	--n-light-blue-BG: #F0F5FB;
	--n-grey-60:#8C9AAB;
	--n-grey-40:#B5C0CD;
	--n-dark-grey: #2F3742;
	--n-grey-BG: #EEF2F8;
	--n-light-grey: #C6CCD3;
	--bg-white: #E8EDF5;
	--bg-grey: #EAF3FF;
	--n-black: #0B1521;
	--n-grey: #5E6773;
	--l-gark-gray: #59595A;
	--model-grey: #eef0f7;
	--accent-dark-bg-light: #B3CDFF;
	--dark-bg-1: linear-gradient(102deg, #283041 5.85%, #445470 94.7%);
	--dark-bg-2: linear-gradient(127.78deg, #1b2538 4.43%, #758cb7 95.75%);
	--dark-blue-bg: linear-gradient(102.03deg, #283041 5.85%, #445470 94.7%);
	--white-bg-1: linear-gradient(180deg, #f3f5f9 0%, #fff 100%);
	--white-bg-2: linear-gradient(180deg, #fff 0%, #f3f5f9 100%);
	--white-bg-3: linear-gradient(180deg, #f3f5f9 0%, #f9fafc 100%);
	--hover: #f3f6fa;
	--error: #e30000;
	--red: #E62639;
	--dark-theme-bg: #060B23;

	--d-light-grey: #AFBED4;
	--d-grey: #9CAEC9;
	--d-dark: #010B25;
	--d-dark-80: #03143C;
	--d-dark-60: #061D55;
	--d-dark-40: #143071;
	--d-accent: #58A6FF;
	--d-dark-accent: #0C408E;
	--d-accent-30: #123569;
	--dark-red: #F55F6E;
	--d-white: #F6FBFF;

	--d-dark-60-transparent: linear-gradient(180deg, #061D55 0%, rgba(6, 29, 85, 0) 100%);
	--d-soft-gradient: linear-gradient(180deg, #011648 0%, #010C25 100%);
	--d-gradient: linear-gradient(180deg, #010C25 56.28%, #032576 100%);
	--d-blue-gradient: linear-gradient(270deg, #021E60 0%, #043CC0 100%);
	--d-light-blue-gradient: linear-gradient(270deg, #032D90 0%, #054BF0 100%);
	--d-very-light-blue-gradient: linear-gradient(180deg, #043CC0 0%, #589BFF 100%);
}

* {
	scrollbar-width: auto; /* auto | thin | none */
	scrollbar-color: #c8d4e2 #eef2f8;
}

html {
	line-height: 135%;
	-webkit-text-size-adjust: 100%;
	box-sizing: border-box;
	color: var(--main-black);
}

body {
	background: var(--n-white);
	margin: 0;
	text-wrap: pretty;
	text-align: start;
}

main {
	display: block;
	border-bottom: 1px solid var(--secondary-white);
}

hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

template {
	display: none;
}

[hidden] {
	display: none;
}

*,
*::before,
*::after {
	box-sizing: inherit;
}


body,
button,
input,
select,
optgroup,
textarea {
	color: var(--main-black);
	font-family: "Noto Sans Arabic", Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
	clear: both;
	margin: 0;
	line-height: 135%;
}

a {
	color: var(--main-black);
	text-decoration: none;
}

button {
	cursor: pointer;
}

ul {
	margin: 0;
}

input[type="submit"] {
	border: none;
	color: #FFF;
	text-align: center;
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: 150%;
}

input:focus, textarea:focus{
	outline: none;
}

a:hover,
a:active,
a:focus {
	outline: 0;
}

br.mobile{
	display: none;
}

.title-1 {
	color: var(--main-black);
	font-weight: 600;
	font-size: 40px;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

.title-2 {
	color: var(--main-black);
	font-weight: 600;
	font-size: 36px;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

.title-3 {
	color: var(--main-black);
	font-weight: 600;
	font-size: 26px;
}

.title-4 {
	color: var(--main-black);
	font-weight: 600;
	font-size: 20px;
}

.subtitle {
	color: var(--secondary-black);
	font-size: 24px;
}

.button-text {
	color: var(--main-black);
	font-size: 20px;
	font-weight: 500;
}

.small-button-text {
	color: var(--main-black);
	font-size: 14px;
	font-weight: 500;
}

.main-text {
	color: var(--main-black);
	font-size: 20px;
	line-height: 150%;
}

.small-text {
	color: var(--main-black);
	font-size: 16px;
}

.tab {
	color: var(--secondary-black);
	letter-spacing: 0.04em;
	font-weight: 500;
	font-size: 16px;
}


.default-button {
	color: var(--main-white);
	padding: 14px 32px;
	border-radius: 8px;
	display: inline-block;
	width: fit-content;

	animation: waveAnimation 2s linear infinite;
	background: linear-gradient(105deg,
	#507CD3, #6389E6, #6996ed, #6996ed,#6389E6, #507CD3,
	#507CD3, #6389E6,#6996ed, #6996ed,#6389E6, #507CD3,
	#507CD3);
	background-size: 200% 200%;
	border:none;
}

.n-dark-accent {
	color: var(--n-dark-accent);
}


@media (hover: hover) {
	.default-button:hover {
		background: var(--accent-dark-bg);
	}
}

@keyframes waveAnimation {
	0% { background-position: 100% 100% }
	100% { background-position: 0 0 }
}

.small-default-button {
	background: radial-gradient(66.23% 539.11% at 33.8% 112.73%, #6189d7 0%, #7fa4ec 100%);
	padding: 10px 24px;
}



.container {
	max-width: 1920px;
	margin: 0 auto;
	padding: 0 180px;
}

.n-container {
	max-width: 1920px;
	margin: 0 auto;
	padding: 0 100px;
}

.light, .dark, .light-blue, .dark-accent {
	color: inherit;
}

.bold {
	font-weight: 700;
	color: var(--main-black);
}

.main-grid-container {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	grid-gap: 40px;
	padding: 140px 180px;
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
}

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

.wpcf7-not-valid-tip {
	color: #dc3232;
	font-size: 10px;
	font-weight: normal;
	display: block;
	text-align: start;
	position: absolute
}

.swiper-horizontal>.swiper-pagination-bullets, 
.swiper-pagination-bullets.swiper-pagination-horizontal, 
.swiper-pagination-custom, 
.swiper-pagination-fraction{
	pointer-events: none;
}

@media (max-width: 1919px) {
	.title-1 {
		font-size: 32px;
	}

	.title-2 {
		font-size: 32px;
	}

	.title-3 {
		font-size: 24px;
	}

	.title-4 {
		font-size: 18px;
	}

	.subtitle {
		font-size: 22px;
	}

	.main-text {
		font-size: 18px;
		line-height: 135%;
	}

	.small-text {
		font-size: 14px;
	}

	.tab {
		font-size: 16px;
	}
	.container {
		padding: 0 120px;
	}

	.main-grid-container {
		grid-gap: 24px;
		padding: 100px 120px;
	}
}

@media (max-width: 1439px) {
	.title-2 {
		font-size: 26px;
	}

	.title-3 {
		font-size: 20px;
		line-height: 1.3;
	}

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

	.main-text {
		font-size: 16px;
		line-height: 24px;
	}

	.subtitle {
		font-size: 20px;
	}

	.button-text {
		font-size: 16px;
	}

	.tab {
		font-size: 14px;
	}

	.main-grid-container {
		grid-gap: 24px;
		padding: 80px 120px;
	}

	input[type="submit"] {
		font-size: 18px;
		padding-inline-end: 20px;
	}

}
@media (max-width: 1279px) {
	.title-1 {
		font-size: 24px;
	}

	.title-2 {
		font-size: 22px;
	}

	.title-3 {
		font-size: 18px;
	}

	.subtitle {
		font-size: 18px;
	}
	.main-text {
		font-size: 16px;
	}

	.container {
		padding: 0 40px;
	}

	.main-grid-container {
		grid-template-columns: repeat(8, 1fr);
		padding: 80px 40px;
	}

}

@media (max-width: 577px) {
	.title-1{
		text-transform: none;
		font-size: 28px;
		font-weight: 700;
	}
	.container {
		padding: 0 16px;
	}
	br.desktop{
		display: none;
	}
	br.mobile{
		display: inline;
	}

	.title-2{
		text-transform: none;
	}
	.subtitle{
		font-size: 16px;
	}
	.main-grid-container {
		grid-gap: 12px;
		grid-template-columns: repeat(4, 1fr);
		padding: 60px 16px;
	}
}

.wpcf7-list-item {
	margin: 0;
}


/*new styles*/
.l-dark-gray {
	color:var(--l-gark-gray);
}

.dark-blue-accent {
	color: inherit;
}

.main-numbers{
	font-family: "Noto Sans Arabic";
	font-size: 72px;
	font-style: normal;
	font-weight: 600;
	line-height: 72px; /* 100% */
}

.main-h1{
	font-family: "Noto Sans Arabic";
	font-size: 64px;
	font-style: normal;
	font-weight: 700;
	line-height: 130%; /* 88.4px */
}

.h1 {
	font-family: "Noto Sans Arabic";
	font-weight: 800;
	font-size: 68px;
	line-height: 130%;
	letter-spacing: 0;
}

.h1-small {
	font-family: "Noto Sans Arabic";
	font-weight: 800;
	font-size: 52px;
	line-height: 140%;
	letter-spacing: 0;
}

.main-h2{
	font-family: "Noto Sans Arabic";
	font-size: 48px;
	font-style: normal;
	font-weight: 600;
	line-height: 72px; /* 150% */
}

.h2 {
	font-family: "Noto Sans Arabic";
	font-weight: 800;
	font-size: 48px;
	line-height: 72px;
	letter-spacing: 0;

}

.main-h3{
	font-family: "Noto Sans Arabic";
	font-size: 40px;
	font-style: normal;
	font-weight: 600;
	line-height: 140%; /* 56px */
}

.h3 {
	font-family: "Noto Sans Arabic";
	font-weight: 800;
	font-size: 36px;
	line-height: 150%;
	letter-spacing: 0.72px; /*2% of 36px = 0.02 * 36 = 0.72px*/
}

.h3-small {
	font-family: "Noto Sans Arabic";
	font-weight: 800;
	font-size: 32px;
	line-height: 44px;
	letter-spacing: 0;
}

.h3-small-semibold{
	font-family: "Noto Sans Arabic";
	font-size: 32px;
	font-style: normal;
	font-weight: 600;
	line-height: 140%; /* 44.8px */
}

.main-h4{
	font-family: "Noto Sans Arabic";
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 32px; /* 133.333% */
}

.main-h4-semibold {
	font-family: "Noto Sans Arabic";
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: 32px; /* 160% */
}

.h4 {
	font-family: "Noto Sans Arabic";
	font-weight: 800;
	font-size: 24px;
	line-height: 32px;
	letter-spacing: 0;
}

.h5 {
	font-family: "Noto Sans Arabic";
	font-weight: 700;
	font-size: 20px;
	line-height: 32px;
	letter-spacing: 0;
}

.subtitle-regular{
	font-family: "Noto Sans Arabic";
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 30px; /* 150% */
	text-decoration-line: underline;
	text-decoration-style: dotted;
	text-decoration-skip-ink: auto;
	text-decoration-thickness: 5%; /* 1px */
	text-underline-offset: 26%; /* 5.2px */
	text-underline-position: from-font;
}

.subtitle-medium {
	font-family: "Noto Sans Arabic";
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 30px;
}

.subtitle-semibold {
	font-family: "Noto Sans Arabic";
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: 30px;
}

.main-text-regular {
	font-family: "Noto Sans Arabic";
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 26px;
}

.main-text-medium {
	font-family: "Noto Sans Arabic";
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 26px;
}

.main-text-semibold {
	font-family: "Noto Sans Arabic";
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: 26px;
}

.main-text-bold {
	font-family: "Noto Sans Arabic";
	font-weight: 700;
	font-size: 18px;
	line-height: 26px;
	letter-spacing: 0;
}

.small-text-regular {
	font-family: "Noto Sans Arabic";
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}

.small-text-medium {
	font-family: "Noto Sans Arabic";
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px;
}

.small-text-semibold {
	font-family: "Noto Sans Arabic";
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px;
}

.small-text-bold {
	font-family: "Noto Sans Arabic";
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px;
}

.description {
	font-family: "Noto Sans Arabic";
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}

.description-medium {
	font-family: "Noto Sans Arabic";
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0;
}

.description-semibold {
	font-family: "Noto Sans Arabic";
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px;
}

.tab-medium {
	font-family: "Noto Sans Arabic";
	font-weight: 500;
	font-size: 20px;
	line-height: 28px;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.little-tab {
	font-feature-settings: 'liga' off, 'clig' off;
	font-family: "Noto Sans Arabic";
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0.8px;
	text-transform: uppercase;
}

.button-semibold {
	font-family: "Noto Sans Arabic";
	font-weight: 600;
	font-size: 20px;
	line-height: 32px;
	letter-spacing: 0;
}



.button-rounded {
	padding: 14px 24px 14px 20px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 100px;
	background: #09111A;
}

.button-rounded-arrow {
	display: flex;
	padding: 12.084px;
	justify-content: center;
	align-items: center;
	gap: 7.049px;
	border-radius: 50.349px;
	background: #FFF;
}

.button-rounded-arrow img {
	width: 11px;
	height: auto;
}

.blue-underline {
	color: var(--bright-blue);
	text-decoration-line: underline;
	text-decoration-style: solid;
	text-decoration-skip-ink: auto;
	text-decoration-thickness: auto;
	text-underline-offset: auto;
	text-underline-position: from-font;
}



/*arrows-buttons*/
.arrows-button {
	display: inline-block;
	position: relative;
	padding: 12px 24px 12px 12px;
	border-radius: 100px;
	transition: background-color 0.1s;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: right 15px center;
	background-size: 32px 32px;
}

.arrows-button-black {
	color: var(--white-bg);
	background-color: var(--main-dark);
	background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2233%22%20viewBox%3D%220%200%2032%2033%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20y%3D%220.171875%22%20width%3D%2232%22%20height%3D%2232%22%20rx%3D%2216%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M11.5888%2019.5929C11.3154%2019.8663%2011.3154%2020.3095%2011.5888%2020.5829C11.8622%2020.8562%2012.3054%2020.8562%2012.5787%2020.5829L11.5888%2019.5929ZM20.6162%2012.2554C20.6162%2011.8688%2020.3028%2011.5554%2019.9162%2011.5554L13.6162%2011.5554C13.2296%2011.5554%2012.9162%2011.8688%2012.9162%2012.2554C12.9162%2012.642%2013.2296%2012.9554%2013.6162%2012.9554L19.2162%2012.9554L19.2162%2018.5554C19.2162%2018.942%2019.5296%2019.2554%2019.9162%2019.2554C20.3028%2019.2554%2020.6162%2018.942%2020.6162%2018.5554L20.6162%2012.2554ZM12.5787%2020.5829L20.4112%2012.7504L19.4213%2011.7604L11.5888%2019.5929L12.5787%2020.5829Z%22%20fill%3D%22%230B1521%22%2F%3E%3C%2Fsvg%3E');
}

.arrows-button-black:hover {
	background-color: var(--n-dark-grey);
	background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2233%22%20viewBox%3D%220%200%2032%2033%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20y%3D%220.171875%22%20width%3D%2232%22%20height%3D%2232%22%20rx%3D%2216%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M11.5888%2019.5929C11.3154%2019.8663%2011.3154%2020.3095%2011.5888%2020.5829C11.8622%2020.8562%2012.3054%2020.8562%2012.5787%2020.5829L11.5888%2019.5929ZM20.6162%2012.2554C20.6162%2011.8688%2020.3028%2011.5554%2019.9162%2011.5554L13.6162%2011.5554C13.2296%2011.5554%2012.9162%2011.8688%2012.9162%2012.2554C12.9162%2012.642%2013.2296%2012.9554%2013.6162%2012.9554L19.2162%2012.9554L19.2162%2018.5554C19.2162%2018.942%2019.5296%2019.2554%2019.9162%2019.2554C20.3028%2019.2554%2020.6162%2018.942%2020.6162%2018.5554L20.6162%2012.2554ZM12.5787%2020.5829L20.4112%2012.7504L19.4213%2011.7604L11.5888%2019.5929L12.5787%2020.5829Z%22%20fill%3D%22%232F3742%22%2F%3E%3C%2Fsvg%3E');
}

.arrows-button-black:active {
	background-color: var(--n-grey);
	background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2233%22%20viewBox%3D%220%200%2032%2033%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20y%3D%220.171875%22%20width%3D%2232%22%20height%3D%2232%22%20rx%3D%2216%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M11.5888%2019.5929C11.3154%2019.8663%2011.3154%2020.3095%2011.5888%2020.5829C11.8622%2020.8562%2012.3054%2020.8562%2012.5787%2020.5829L11.5888%2019.5929ZM20.6162%2012.2554C20.6162%2011.8688%2020.3028%2011.5554%2019.9162%2011.5554L13.6162%2011.5554C13.2296%2011.5554%2012.9162%2011.8688%2012.9162%2012.2554C12.9162%2012.642%2013.2296%2012.9554%2013.6162%2012.9554L19.2162%2012.9554L19.2162%2018.5554C19.2162%2018.942%2019.5296%2019.2554%2019.9162%2019.2554C20.3028%2019.2554%2020.6162%2018.942%2020.6162%2018.5554L20.6162%2012.2554ZM12.5787%2020.5829L20.4112%2012.7504L19.4213%2011.7604L11.5888%2019.5929L12.5787%2020.5829Z%22%20fill%3D%22%235E6773%22%2F%3E%3C%2Fsvg%3E');
}

a.arrows-button-black p {
	margin-inline-end:42px;
}

.arrows-button-black .button-text-contact-us {
	margin-inline-end: 85px;
}

.arrows-button-blue {
	background-color: var(--bright-blue);
	color: var(--white-bg);
	transition: 0.2s;
	background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2233%22%20viewBox%3D%220%200%2032%2033%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20y%3D%220.171875%22%20width%3D%2232%22%20height%3D%2232%22%20rx%3D%2216%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M11.5888%2019.5929C11.3154%2019.8663%2011.3154%2020.3095%2011.5888%2020.5829C11.8622%2020.8562%2012.3054%2020.8562%2012.5787%2020.5829L11.5888%2019.5929ZM20.6162%2012.2554C20.6162%2011.8688%2020.3028%2011.5554%2019.9162%2011.5554L13.6162%2011.5554C13.2296%2011.5554%2012.9162%2011.8688%2012.9162%2012.2554C12.9162%2012.642%2013.2296%2012.9554%2013.6162%2012.9554L19.2162%2012.9554L19.2162%2018.5554C19.2162%2018.942%2019.5296%2019.2554%2019.9162%2019.2554C20.3028%2019.2554%2020.6162%2018.942%2020.6162%2018.5554L20.6162%2012.2554ZM12.5787%2020.5829L20.4112%2012.7504L19.4213%2011.7604L11.5888%2019.5929L12.5787%2020.5829Z%22%20fill%3D%22%23000213%22%2F%3E%3Cpath%20d%3D%22M11.5888%2019.5929C11.3154%2019.8663%2011.3154%2020.3095%2011.5888%2020.5829C11.8622%2020.8562%2012.3054%2020.8562%2012.5787%2020.5829L11.5888%2019.5929ZM20.6162%2012.2554C20.6162%2011.8688%2020.3028%2011.5554%2019.9162%2011.5554L13.6162%2011.5554C13.2296%2011.5554%2012.9162%2011.8688%2012.9162%2012.2554C12.9162%2012.642%2013.2296%2012.9554%2013.6162%2012.9554L19.2162%2012.9554L19.2162%2018.5554C19.2162%2018.942%2019.5296%2019.2554%2019.9162%2019.2554C20.3028%2019.2554%2020.6162%2018.942%2020.6162%2018.5554L20.6162%2012.2554ZM12.5787%2020.5829L20.4112%2012.7504L19.4213%2011.7604L11.5888%2019.5929L12.5787%2020.5829Z%22%20fill%3D%22%23056CF2%22%2F%3E%3C%2Fsvg%3E');
}

.arrows-button-blue:hover {
	background-color: #0F5DC2;
	background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2233%22%20viewBox%3D%220%200%2032%2033%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20y%3D%220.171875%22%20width%3D%2232%22%20height%3D%2232%22%20rx%3D%2216%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M11.5888%2019.5929C11.3154%2019.8663%2011.3154%2020.3095%2011.5888%2020.5829C11.8622%2020.8562%2012.3054%2020.8562%2012.5787%2020.5829L11.5888%2019.5929ZM20.6162%2012.2554C20.6162%2011.8688%2020.3028%2011.5554%2019.9162%2011.5554L13.6162%2011.5554C13.2296%2011.5554%2012.9162%2011.8688%2012.9162%2012.2554C12.9162%2012.642%2013.2296%2012.9554%2013.6162%2012.9554L19.2162%2012.9554L19.2162%2018.5554C19.2162%2018.942%2019.5296%2019.2554%2019.9162%2019.2554C20.3028%2019.2554%2020.6162%2018.942%2020.6162%2018.5554L20.6162%2012.2554ZM12.5787%2020.5829L20.4112%2012.7504L19.4213%2011.7604L11.5888%2019.5929L12.5787%2020.5829Z%22%20fill%3D%22%23000213%22%2F%3E%3Cpath%20d%3D%22M11.5888%2019.5929C11.3154%2019.8663%2011.3154%2020.3095%2011.5888%2020.5829C11.8622%2020.8562%2012.3054%2020.8562%2012.5787%2020.5829L11.5888%2019.5929ZM20.6162%2012.2554C20.6162%2011.8688%2020.3028%2011.5554%2019.9162%2011.5554L13.6162%2011.5554C13.2296%2011.5554%2012.9162%2011.8688%2012.9162%2012.2554C12.9162%2012.642%2013.2296%2012.9554%2013.6162%2012.9554L19.2162%2012.9554L19.2162%2018.5554C19.2162%2018.942%2019.5296%2019.2554%2019.9162%2019.2554C20.3028%2019.2554%2020.6162%2018.942%2020.6162%2018.5554L20.6162%2012.2554ZM12.5787%2020.5829L20.4112%2012.7504L19.4213%2011.7604L11.5888%2019.5929L12.5787%2020.5829Z%22%20fill%3D%22%23056CF2%22%2F%3E%3C%2Fsvg%3E');
	transition: transform 0.3s ease-in-out;
}

.arrows-button-blue:active {
	background-color: #0D4B9B;
	background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2233%22%20viewBox%3D%220%200%2032%2033%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20y%3D%220.171875%22%20width%3D%2232%22%20height%3D%2232%22%20rx%3D%2216%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M11.5888%2019.5929C11.3154%2019.8663%2011.3154%2020.3095%2011.5888%2020.5829C11.8622%2020.8562%2012.3054%2020.8562%2012.5787%2020.5829L11.5888%2019.5929ZM20.6162%2012.2554C20.6162%2011.8688%2020.3028%2011.5554%2019.9162%2011.5554L13.6162%2011.5554C13.2296%2011.5554%2012.9162%2011.8688%2012.9162%2012.2554C12.9162%2012.642%2013.2296%2012.9554%2013.6162%2012.9554L19.2162%2012.9554L19.2162%2018.5554C19.2162%2018.942%2019.5296%2019.2554%2019.9162%2019.2554C20.3028%2019.2554%2020.6162%2018.942%2020.6162%2018.5554L20.6162%2012.2554ZM12.5787%2020.5829L20.4112%2012.7504L19.4213%2011.7604L11.5888%2019.5929L12.5787%2020.5829Z%22%20fill%3D%22%23000213%22%2F%3E%3Cpath%20d%3D%22M11.5888%2019.5929C11.3154%2019.8663%2011.3154%2020.3095%2011.5888%2020.5829C11.8622%2020.8562%2012.3054%2020.8562%2012.5787%2020.5829L11.5888%2019.5929ZM20.6162%2012.2554C20.6162%2011.8688%2020.3028%2011.5554%2019.9162%2011.5554L13.6162%2011.5554C13.2296%2011.5554%2012.9162%2011.8688%2012.9162%2012.2554C12.9162%2012.642%2013.2296%2012.9554%2013.6162%2012.9554L19.2162%2012.9554L19.2162%2018.5554C19.2162%2018.942%2019.5296%2019.2554%2019.9162%2019.2554C20.3028%2019.2554%2020.6162%2018.942%2020.6162%2018.5554L20.6162%2012.2554ZM12.5787%2020.5829L20.4112%2012.7504L19.4213%2011.7604L11.5888%2019.5929L12.5787%2020.5829Z%22%20fill%3D%22%23056CF2%22%2F%3E%3C%2Fsvg%3E');
	transition: transform 0.3s ease-in-out;
}

a.arrows-button-blue p{
	margin-inline-end:42px;
}

.arrows-button-blue .button-text-contact-us {
	margin-inline-end: 85px;
}

.arrows-button-white {
	color: var(--n-black);
	background-color: var(--n-white);
	background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%2232%22%20height%3D%2232%22%20rx%3D%2216%22%20fill%3D%22%23056CF2%22%2F%3E%3Cpath%20d%3D%22M11.5888%2019.421C11.3154%2019.6944%2011.3154%2020.1376%2011.5888%2020.411C11.8621%2020.6844%2012.3053%2020.6844%2012.5787%2020.411L11.5888%2019.421ZM20.6162%2012.0835C20.6162%2011.6969%2020.3028%2011.3835%2019.9162%2011.3835L13.6162%2011.3835C13.2296%2011.3835%2012.9162%2011.6969%2012.9162%2012.0835C12.9162%2012.4701%2013.2296%2012.7835%2013.6162%2012.7835L19.2162%2012.7835L19.2162%2018.3835C19.2162%2018.7701%2019.5296%2019.0835%2019.9162%2019.0835C20.3028%2019.0835%2020.6162%2018.7701%2020.6162%2018.3835L20.6162%2012.0835ZM12.5787%2020.411L20.4112%2012.5785L19.4212%2011.5886L11.5888%2019.421L12.5787%2020.411Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E');
}

a.arrows-button-white  p {
	margin-inline-end:42px;
}

.arrows-button-white .button-text-contact-us {
	margin-inline-end: 85px;
}


@media (max-width: 1919px) {
	.main-numbers{
		font-size: 52px;
		line-height: 52px; /* 100% */
	}

	.main-h1{
		font-size: 48px;
		line-height: 64px; 
	}

	.h1 {
		font-size: 48px;
		line-height: 64px;
	}

	.h1-small {
		font-size: 42px;
	}

	.main-h2{
		font-size: 40px;
		line-height: 60px;
	}

	.h2 {
		font-size: 40px;
		line-height: 60px;
	}

	.main-h3{
		font-size: 32px;
	}

	.h3 {
		font-size: 32px;
		line-height: 48px;
		letter-spacing: 0.64px;
	}

	.h3-small {
		font-size: 28px;
		line-height: 40px;
	}

	.h3-small-semibold{
		font-size: 28px;
		line-height: 40px;
	}

	.main-h4{
		font-size: 20px;
	}

	.h4 {
		font-size: 20px;
	}

	.h5 {
		font-size: 20px;
		line-height: 150%;
	}

	.tab-medium {
		font-size: 16px;
		line-height: 24px;
		letter-spacing: 0.8px;
	}

	.n-container{
		padding: 0 80px;
	}

	.main-h4-semibold {
		font-size: 20px;
		line-height: 30px;
	}
	
}

@media (max-width: 1439px) {
	.main-numbers{
		font-size: 48px;
		line-height: 48px; /* 100% */
	}

	.main-h1{
		font-size: 42px;
		line-height: 52px; /* 130% */
	}

	.h1, .h1-small {
		font-size: 40px;
		line-height: 52px;
	}

	.main-h2{
		font-size: 36px;
		line-height: 52px; 
	}

	.h2 {
		font-size: 36px;
		line-height: 52px;
	}

	.main-h3{
		font-size: 26px;
	}

	.h3 {
		font-size: 24px;
		line-height: 36px;
		letter-spacing: 0.48px;
	}

	.h3-small {
		font-size: 22px;
		letter-spacing: 0.44px;
		line-height: 30px;
	}

	.h3-small-semibold{
		font-size: 22px;
		line-height: 30px;
		letter-spacing: 0.44px;
	}

	.main-h4-semibold {
		line-height: 30px; /* 150% */
	}

	.h5 {
		font-size: 18px;
		line-height: 26px;
	}

	.subtitle-regular{
		font-size: 18px;
		line-height: normal;
	}

	.subtitle-medium,
	.subtitle-semibold {
		font-size: 18px;
		line-height: 28px;
	}

	.main-text-regular,
	.main-text-medium,
	.main-text-semibold,
	.main-text-bold {
		font-size: 16px;
		line-height: 24px;
	}

	.tab-medium {
		line-height: 16px;
		letter-spacing: 0.8px;
	}

	.little-tab {
		line-height: 20px;
	}

	.button-semibold {
		font-size: 18px;
		line-height: 26px;
	}

	.button-rounded {
		padding: 12px 24px 12px 12px;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		gap: 10px;
		border-radius: 100px;
		background: #09111A;
	}

	.button-rounded-arrow {
		display: flex;
		padding: 12.084px;
		justify-content: center;
		align-items: center;
		gap: 7.049px;
		border-radius: 50.349px;
		background: #FFF;
	}

	.button-rounded-arrow img {
		width: 11px;
		height: auto;
	}

	.n-container{
		padding: 0 60px;
	}
}

@media (max-width: 1279px) {
	.n-container{
		padding: 0 40px;
	}

	.main-numbers{
		font-size: 40px;
	}
}

@media (max-width: 1079px) {
	.main-h2{
		font-size: 32px;
	}
}

@media (max-width: 576px) {
	.main-numbers{
		font-size: 32px;
		line-height: 48px; /* 100% */
	}
	
	.main-h1{
		font-size: 32px;
		line-height: 42px; /* 131.25% */
	}
	
	.h1 {
		font-size: 32px;
		line-height: 42px;
	}

	.h1-small {
		font-size: 28px;
		line-height: 42px;
	}

	.main-h2{
		font-size: 26px;
		line-height: 40px;
	}

	.h2 {
		font-size: 26px;
		line-height: 40px;
	}

	.main-h3{
		font-size: 22px;
		line-height: 32px; 
		letter-spacing: 0.44px;
	}

	.h3 {
		font-size: 22px;
		line-height: 32px;
		letter-spacing: 0.44px;
	}

	.h3-small {
		font-size: 20px;
		letter-spacing: 0.4px;
		line-height: 28px;
	}

	.h3-small-semibold{
		font-size: 20px;
		line-height: 28px;
		letter-spacing: 0.4px;
	}

	.main-h4{
		font-size: 18px;
		line-height: 26px;
	}

	.main-h4-semibold {
		font-size: 18px;
		line-height: 26px; /* 144.444% */
	}

	.h4 {
		font-size: 18px;
		line-height: 26px;
		font-weight: 700;
	}

	.subtitle-regular {
		line-height: 28px;
	}

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



/*posts classes*/
.h1-posts {
	font-family: "Noto Sans Arabic";
	font-weight: 800;
	font-size: 40px;
	line-height: 130%;
	color: var(--n-black);
}

.h2-posts {
	font-family: "Noto Sans Arabic";
	font-weight: 800;
	font-size: 32px;
	line-height: 130%;
	color: var(--n-black);
	margin: 48px 0 36px;
	scroll-margin-top: 80px;
}

.h3-posts {
	font-family: "Noto Sans Arabic";
	font-weight: 800;
	font-size: 26px;
	line-height: 130%;
	color: var(--n-black);
	margin: 42px 0 32px;
	scroll-margin-top: 80px;
}

.h4-posts {
	font-family: "Noto Sans Arabic";
	font-weight: 700;
	font-size: 20px;
	line-height: 100%;
	color: var(--n-black);
	margin: 36px 0 26px;
}

.main-text-posts {
	font-family: "Noto Sans Arabic";
	font-weight: 400;
	font-size: 20px;
	line-height: 150%;
	color: var(--n-grey);
	margin-bottom: 26px;
}

.main-text-posts b,
.main-text-posts strong {
	color: var(--n-black);
}

.small-text-posts {
	font-family: "Noto Sans Arabic";
	font-weight: 400;
	font-size: 16px;
	line-height: 140%;
	color: var(--n-grey);
}

.small-text-bold-posts {
	font-family: "Noto Sans Arabic";
	font-weight: 600;
	font-size: 16px;
	line-height: 140%;
}

.small-text-medium-posts {
	font-family: "Noto Sans Arabic";
	font-weight: 500;
	font-size: 16px;
	line-height: 140%;
}

.tab-posts {
	font-family: "Noto Sans Arabic";
	font-weight: 400;
	font-size: 14px;
	line-height: 140%;
	letter-spacing: 0.56px;
	text-transform: uppercase;
	color: var(--n-black);
}

.description-posts {
	font-family: "Noto Sans Arabic";
	font-weight: 400;
	font-size: 14px;
	line-height: 140%;
	color: var(--n-grey);
}

.description-bold-posts {
	font-family: "Noto Sans Arabic";
	font-weight: 600;
	font-size: 14px;
	line-height: 140%;
	color: var(--n-grey);
}

.description-semibold-posts {
	font-family: "Noto Sans Arabic";
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 20px;
	color: var(--n-black);
}

.title-posts {
	font-family: "Noto Sans Arabic";
	font-weight: 400;
	font-style: italic;
	font-size: 16px;
	line-height: 140%;
	letter-spacing: 0;
}

.little-tab-posts {
	color: var(--n-grey);
	font-feature-settings: 'liga' off, 'clig' off;
	font-family: "Noto Sans Arabic" !important;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 20px;
	letter-spacing: 0.7px;
	text-transform: uppercase;
}

.secondary-text-posts {
	color: var(--n-grey);
	font-family: "Noto Sans Arabic";
	font-size: 16px;
	font-style: italic;
	font-weight: 400;
	line-height: 140%; /* 22.4px */
	margin-bottom: 42px;
}


@media (max-width: 1919px) {
	.h1-posts {
		font-size: 32px;
	}

	.h2-posts {
		font-size: 26px;
		margin: 42px 0 32px;
	}

	.h3-posts {
		font-size: 24px;
		margin: 40px 0 28px;
	}

	.h4-posts {
		font-size: 18px;
		line-height: 130%;
		margin: 36px 0 24px;
	}

	.main-text-posts {
		font-size: 18px;
		margin-bottom: 24px;
	}

	.secondary-text-posts {
		margin-bottom: 32px;
	}

	.small-text-posts,
	.small-text-medium-posts,
	.small-text-bold-posts,
	.title-posts {
		font-size: 14px;
	}

	.little-tab-posts {
		font-size: 12px;
		line-height: 18px;
		letter-spacing: 0.6px;
		text-transform: uppercase;
	}
}


@media (max-width: 1439px) {
	.h2-posts {
		margin: 42px 0 32px;
	}

	.h3-posts {
		font-size: 20px;
		margin: 40px 0 28px;
	}

	.h4-posts {
		font-size: 16px;
		margin: 32px 0 20px;
	}

	.main-text-posts {
		font-size: 16px;
		margin-bottom: 20px;
	}

	.tab-posts {
		font-size: 12px;
		letter-spacing: 0.48px;
	}

	.description-bold-posts {
		font-size: 12px;
	}

	.secondary-text-posts {
		font-size: 14px;
		margin-bottom: 32px;
	}
}

@media (max-width: 1279px) {
	.h1-posts {
		font-size: 28px;
	}

	.h2-posts {
		font-size: 22px;
		line-height: 150%;
		margin: 36px 0 28px;
	}

	.h3-posts {
		line-height: 150%;
		margin: 36px 0 26px;
	}

	.h4-posts {
		margin: 32px 0 20px;
	}
}


@media (min-width: 1921px) {
	body {
		padding: 0;
		transform-origin: top center;
		height: 100%;
		width: 100%;
		overflow-x: hidden;
		max-width: 1920px;
		margin: 0 auto;
	}

	.spacing {
		height: 67px !important;
	}
}

ul {
	margin-block-start: 0;
	margin-block-end: 0;
	padding-inline-start: 0;
}