@font-face {
  	font-family: 'Involve';
  	src: url('/wp-content/themes/golivud-implant-new/fonts/Involve-Regular.ttf') format('truetype');
  	font-weight: 400;
  	font-style: normal;
  	font-display: swap;
}

@font-face {
  	font-family: 'Involve';
  	src: url('/wp-content/themes/golivud-implant-new/fonts/Involve-Medium.ttf') format('truetype');
  	font-weight: 500;
  	font-style: normal;
  	font-display: swap;
}

@font-face {
  	font-family: 'Involve';
  	src: url('/wp-content/themes/golivud-implant-new/fonts/Involve-SemiBold.ttf') format('truetype');
  	font-weight: 600;
  	font-style: normal;
  	font-display: swap;
}

@font-face {
  	font-family: 'Involve';
  	src: url('/wp-content/themes/golivud-implant-new/fonts/Involve-Bold.ttf') format('truetype');
  	font-weight: 700;
  	font-style: normal;
  	font-display: swap;
}

:root {
	--black: #34353F;
	--white: #fff;
	--green: #6AD350;
	--dark-green: #5fbd48;
	--blue: #0052F2;
	--dark-blue: #0049d9;
	--light-blue: #DFE9FF;
	--bg: #F1F5FB;
}

html {
    scroll-behavior: smooth;
}

body {
	font-family: Involve, sans-serif;
	font-size: 16px;
	line-height: 130%;
	font-weight: 400;
	color: var(--black);
	background-color: var(--bg);
}

.container {
	max-width: 1440px;
	width: 100%;
	padding-left: 50px;
	padding-right: 50px;
	margin-left: auto;
	margin-right: auto;
}

.header {
	max-width: 1440px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: var(--white);
}

.navbar__content {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
}

.navbar__logo, .header__logo {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.navbar__logo-span, .header__logo-span {
	font-size: 32px;
	line-height: 120%;
	font-weight: 700;
	text-transform: uppercase;
	color: transparent;
	background: linear-gradient(135deg,rgba(0, 82, 242, 1) 0%, rgba(49, 197, 255, 1) 100%);
	background-clip: text;
}

.navbar__logo-text, .header__logo-text {
	font-size: 8px;
	line-height: 100%;
}

.navbar__address {
	display: flex;
	align-items: center;
	gap: 10px;
}

.navbar__address::before {
	content: '';
	display: inline-block;
	width: 18px;
	height: 18px;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9 1.5C10.7902 1.5 12.5071 2.21116 13.773 3.47703C15.0388 4.7429 15.75 6.45979 15.75 8.25C15.75 10.5555 14.493 12.4425 13.1685 13.7963C12.5068 14.4653 11.7847 15.0719 11.0115 15.6083L10.692 15.8258L10.542 15.9255L10.2592 16.1055L10.0073 16.2593L9.69525 16.4408C9.48348 16.5616 9.24384 16.6252 9 16.6252C8.75616 16.6252 8.51652 16.5616 8.30475 16.4408L7.99275 16.2593L7.60275 16.0192L7.45875 15.9255L7.15125 15.7208C6.31712 15.1564 5.54018 14.5118 4.8315 13.7963C3.507 12.4418 2.25 10.5555 2.25 8.25C2.25 6.45979 2.96116 4.7429 4.22703 3.47703C5.4929 2.21116 7.20979 1.5 9 1.5ZM9 6C8.70453 6 8.41194 6.0582 8.13896 6.17127C7.86598 6.28434 7.61794 6.45008 7.40901 6.65901C7.20008 6.86794 7.03434 7.11598 6.92127 7.38896C6.8082 7.66194 6.75 7.95453 6.75 8.25C6.75 8.54547 6.8082 8.83806 6.92127 9.11104C7.03434 9.38402 7.20008 9.63206 7.40901 9.84099C7.61794 10.0499 7.86598 10.2157 8.13896 10.3287C8.41194 10.4418 8.70453 10.5 9 10.5C9.59674 10.5 10.169 10.2629 10.591 9.84099C11.0129 9.41903 11.25 8.84674 11.25 8.25C11.25 7.65326 11.0129 7.08097 10.591 6.65901C10.169 6.23705 9.59674 6 9 6Z' fill='%236AD350'/%3e%3c/svg%3e "); 
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.navbar__socials {
	display: flex;
	align-items: center;
	gap: 20px;
}

.navbar__socials-text.schedule::before {
	content: '';
	display: inline-block;
	width: 18px;
	height: 18px;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9 1.5C13.1422 1.5 16.5 4.85775 16.5 9C16.5 13.1422 13.1422 16.5 9 16.5C4.85775 16.5 1.5 13.1422 1.5 9C1.5 4.85775 4.85775 1.5 9 1.5ZM9 4.5C8.80109 4.5 8.61032 4.57902 8.46967 4.71967C8.32902 4.86032 8.25 5.05109 8.25 5.25V9C8.25004 9.1989 8.32909 9.38963 8.46975 9.53025L10.7197 11.7802C10.8612 11.9169 11.0507 11.9925 11.2473 11.9908C11.4439 11.989 11.6321 11.9102 11.7711 11.7711C11.9102 11.6321 11.989 11.4439 11.9908 11.2473C11.9925 11.0507 11.9169 10.8612 11.7802 10.7197L9.75 8.6895V5.25C9.75 5.05109 9.67098 4.86032 9.53033 4.71967C9.38968 4.57902 9.19891 4.5 9 4.5Z' fill='%236AD350'/%3e%3c/svg%3e ");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.navbar__socials-link.phone::before {
	content: '';
	display: inline-block;
	width: 18px;
	height: 18px;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_81_2623)'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.0158 14.9756C10.9358 14.9358 7.87506 14.5128 4.66956 11.3081C1.46481 8.10258 1.04256 5.04258 1.00206 3.96183C0.942056 2.31483 2.20356 0.715083 3.66081 0.0903331C3.83629 0.0145582 4.02846 -0.0142915 4.21845 0.0066147C4.40845 0.0275209 4.58975 0.0974648 4.74456 0.209583C5.94456 1.08408 6.77256 2.40708 7.48356 3.44733C7.63999 3.67588 7.70688 3.95399 7.67147 4.22868C7.63607 4.50337 7.50084 4.75543 7.29156 4.93683L5.82831 6.02358C5.75761 6.07463 5.70785 6.1496 5.68826 6.23458C5.66868 6.31955 5.68059 6.40874 5.72181 6.48558C6.05331 7.08783 6.64281 7.98483 7.31781 8.65983C7.99281 9.33483 8.93256 9.96333 9.57681 10.3323C9.65758 10.3777 9.75266 10.3904 9.8425 10.3678C9.93233 10.3452 10.0101 10.289 10.0598 10.2108L11.0123 8.76108C11.1874 8.52847 11.4458 8.37263 11.7332 8.32622C12.0206 8.27981 12.3149 8.34641 12.5543 8.51208C13.6096 9.24258 14.8411 10.0563 15.7426 11.2106C15.8638 11.3665 15.9409 11.5521 15.9658 11.7481C15.9908 11.944 15.9626 12.143 15.8843 12.3243C15.2566 13.7891 13.6681 15.0363 12.0158 14.9756Z' fill='%236AD350'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_81_2623'%3e%3crect width='16.9746' height='16.2363' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e ");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.navbar__socials-text, .navbar__socials-link {
	display: flex;
	align-items: center;
	gap: 10px;
	font-weight: 500;
}
.navbar__socials-link:hover {
	color: var(--dark-green);
}

.small-btn {
	padding: 14.5px 30px;
	font-weight: 500;
	color: var(--white);
	text-align: center;
	background-color: var(--green);
	border-radius: 20px;
}
.small-btn:hover {
	background-color: var(--dark-green);
}


/* hero */

.hero {
	max-width: 1440px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 50px;
	background-color: var(--white);
	border-radius: 0 0 50px 50px;
}

.hero__content {
	display: flex;
	justify-content: space-between;
	gap: 30px;
	padding: 40px;
	background-size: cover;
	background-position: center;
	border-radius: 50px;
}

.hero__info {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 30px;
	width: 50%;
	padding: 40px;
	background-color: var(--white);
	border-radius: 30px;
}

.h1 {
	font-size: 42px;
	line-height: 120%;
	font-weight: 600;
}

.h1 span {
	display: inline-block;
	padding: 5px 20px;
	color: var(--blue);
	border: 1px solid var(--blue);
	border-radius: 20px;
}

.hero__heading-span {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 24px;
	line-height: 120%;
}
.hero__heading-span::before {
	content: '';
	display: inline-block;
	width: 30px;
	height: 30px;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M26.81 10.25C26.875 11.5625 26.875 13.125 26.875 15C26.875 20.5975 26.875 23.3975 25.1362 25.1362C23.3975 26.875 20.5988 26.875 15 26.875C9.4025 26.875 6.6025 26.875 4.86375 25.1362C3.125 23.3975 3.125 20.5988 3.125 15C3.125 9.4025 3.125 6.6025 4.86375 4.86375C6.6025 3.125 9.40125 3.125 15 3.125C16.34 3.125 17.52 3.125 18.5625 3.15' stroke='%236AD350' stroke-width='2' stroke-linecap='round'/%3e%3cpath d='M10 14.375C10 14.375 11.875 14.375 14.375 18.75C14.375 18.75 20.6988 7.29125 26.875 5' stroke='%236AD350' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

.hero__info-heading {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.btn {
	display: flex;
	align-items: center;
	gap: 20px;
	padding: 10px 30px 10px 10px;
	font-weight: 500;
	color: var(--white);
	background-color: var(--blue);
	border-radius: 20px;
}
.btn:hover {
	background-color: var(--dark-blue);
}

.btn-icon {
	display: inline-block;
	width: 50px;
	height: 50px;
	background-color: var(--white);
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='12' height='11' viewBox='0 0 12 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0.5 5.5L11.5 5.5M5.85456 10.5L11.5 5.5L5.85456 0.5' stroke='%2334353F' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
	background-size: auto;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 15px;
}

.btn.white {
	color: var(--black);
	background-color: var(--white);
}
.btn.white:hover {
	color: var(--white);
	background-color: var(--black);
}

.btn.white .btn-icon {
	background-color: var(--blue);
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='12' height='11' viewBox='0 0 12 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0.5 5.5L11.5 5.5M5.85456 10.5L11.5 5.5L5.85456 0.5' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
	transition: all .2s;
}
.btn.white:hover .btn-icon {
	background-color: var(--white);
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='12' height='11' viewBox='0 0 12 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0.5 5.5L11.5 5.5M5.85456 10.5L11.5 5.5L5.85456 0.5' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
}

.hero__info-block {
	position: relative;
	padding: 20px;
	background-color: var(--light-blue);
	border-radius: 20px;
}
.hero__info-block::after {
	content: '';
	position: absolute;
	top: -50px;
	right: -20px;
	display: block;
	width: 84px;
	height: 92px;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='84' height='92' viewBox='0 0 84 92' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.6606 75.836C23.7444 79.9757 46.9407 74.7428 52.414 68.9501C55.7681 65.4104 50.804 62.9723 50.3871 64.1673C49.0935 68.125 25.3889 73.7349 16.4415 72.2367C4.21325 70.1737 15.4122 49.7641 34.8145 38.8531L37.3879 37.3959L39.6543 38.9474C57.4488 51.1106 87.782 39.8647 72.1297 26.909C66.2685 22.0784 56.6794 21.6099 45.2431 25.616C40.0305 27.4421 40.0184 27.1445 45.3219 21.1113C57.9534 6.60666 57.8156 6.79406 55.0365 5.15438C50.423 2.39659 33.0086 20.8916 32.9603 28.6529L32.9545 31.0166L29.0967 33.4349C6.95665 47.126 -0.432374 68.9516 14.6606 75.836ZM43.2147 34.5776C57.135 28.529 73.2851 27.0657 70.8569 32.0948C67.7991 38.4512 48.4484 40.9681 40.992 35.7151C40.8895 35.6975 41.9358 35.1386 43.2147 34.5776Z' fill='%236AD350'/%3e%3c/svg%3e ");
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

.hero__card {
	display: flex;
	flex-direction: column;
	gap: 20px;
	align-self: flex-end;
	padding: 20px;
	color: var(--white);
	background-color: #FFFFFF4D;
	border: 1px solid #FFFFFF66;
	border-radius: 20px;
	backdrop-filter: blur(50px);
}

.hero__card-heading {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.hero__card-title {
	font-size: 26px;
	line-height: 130%;
	font-weight: 600;
}

.hero__card-body {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 10px;
	color: var(--black);
	background-color: var(--white);
	border-radius: 15px;
}

.hero__card-body-item {
	display: flex;
	align-items: center;
	gap: 5px;
}

.hero__card-body-item span {
	font-size: 20px;
	line-height: 130%;
	font-weight: 600;
}

.hero__card-body-item::before {
	content: '';
	display: inline-block;
	width: 18px;
	height: 18px;	
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}
.hero__card-body-item.exp::before {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5.90278 1.41176H9.20833C9.33819 1.41176 9.44444 1.51765 9.44444 1.64706V2.82353H5.66667V1.64706C5.66667 1.51765 5.77292 1.41176 5.90278 1.41176ZM4.25 1.64706V2.82353H1.88889C0.847049 2.82353 0 3.66765 0 4.70588V7.52941H9.00174C9.99931 6.65 11.3127 6.11765 12.75 6.11765C13.5941 6.11765 14.391 6.3 15.1111 6.62941V4.70588C15.1111 3.66765 14.2641 2.82353 13.2222 2.82353H10.8611V1.64706C10.8611 0.738235 10.1203 0 9.20833 0H5.90278C4.9908 0 4.25 0.738235 4.25 1.64706ZM6.61111 10.3529C6.08872 10.3529 5.66667 9.93235 5.66667 9.41177V8.94118H0V12.2353C0 13.2735 0.847049 14.1176 1.88889 14.1176H7.59687C7.26632 13.4 7.08333 12.6059 7.08333 11.7647C7.08333 11.2765 7.14531 10.8029 7.26042 10.3529H6.61111ZM17 11.7647C17 9.42647 15.0964 7.52941 12.75 7.52941C10.4036 7.52941 8.5 9.42647 8.5 11.7647C8.5 14.1029 10.4036 16 12.75 16C15.0964 16 17 14.1029 17 11.7647ZM12.75 9.41177C13.0097 9.41177 13.2222 9.62353 13.2222 9.88235V11.2941H14.1667C14.4264 11.2941 14.6389 11.5059 14.6389 11.7647C14.6389 12.0235 14.4264 12.2353 14.1667 12.2353H12.75C12.4903 12.2353 12.2778 12.0235 12.2778 11.7647V9.88235C12.2778 9.62353 12.4903 9.41177 12.75 9.41177Z' fill='%236AD350'/%3e%3c/svg%3e "); 
}
.hero__card-body-item.count::before {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M14.9234 1.39304C12.8745 -0.765163 10.0435 0.20416 8.63907 0.901931L11.3439 2.8708C11.4392 2.94017 11.503 3.04455 11.5214 3.16099C11.5397 3.27743 11.511 3.39638 11.4417 3.49168C11.3723 3.58698 11.2679 3.65082 11.1515 3.66916C11.0351 3.6875 10.9161 3.65883 10.8208 3.58946L7.79108 1.3837L7.77775 1.39259C5.03113 -0.745163 2.6454 -0.28739 0.706763 1.85125C-0.499882 3.18191 0.0765518 4.97922 0.684541 6.87387C1.05342 8.02408 1.43342 9.20985 1.43342 10.3494C1.52808 10.5583 2.48051 10.7263 3.82582 10.8405C3.77724 10.9928 3.77064 11.1554 3.80671 11.3112L3.82004 11.3689L5.05602 10.9241C5.81423 10.9645 6.63599 10.9907 7.46486 11.0014L4.02137 12.2414L4.19915 13.0103L9.82127 10.9863C12.0483 10.9254 13.9012 10.7254 14.1154 10.3494C14.1154 9.3654 14.5665 8.33297 15.027 7.27831C15.8745 5.33833 16.7549 3.3228 14.9234 1.39304ZM12.0421 11.9645L4.5778 14.6516L4.40003 13.8827L12.2154 11.0694C12.2191 11.1506 12.2117 11.232 12.1932 11.3112L12.0421 11.9645ZM4.89469 15.4822L11.8043 12.9947L11.595 13.9031L5.79512 15.9911C5.6187 15.9705 5.44817 15.9149 5.29355 15.8275C5.13892 15.7401 5.00332 15.6227 4.89469 15.4822ZM8.39507 16H10.0502C10.3517 16.0001 10.6444 15.898 10.8804 15.7103C11.1164 15.5226 11.2818 15.2605 11.3497 14.9667L11.3572 14.9338L8.39507 16Z' fill='%236AD350'/%3e%3c/svg%3e ");
}

/* preem */

.preem {
	padding-top: 110px;
	padding-bottom: 110px;
}

.preem__list {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
	list-style-type: none;
}

.preem__item {
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding: 20px;	
	border-radius: 20px;
	background-size: auto 200px;
	background-position: 100% 100%;
	background-repeat: no-repeat;
}

.preem__item.white {
	background-color: var(--white);
}
.preem__item.border {
	border: 2px solid var(--blue);
}
.preem__item.blue {
	color: var(--white);
	background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='209' height='209' viewBox='0 0 209 209' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_73_123)'%3e%3cpath d='M160.024 110.622C140.544 113.844 130.285 132.889 143.417 152.971C143.532 153.451 143.763 153.896 144.088 154.268C144.413 154.64 144.824 154.927 145.285 155.104C145.745 155.282 146.243 155.345 146.733 155.288C147.224 155.231 147.693 155.056 148.101 154.777C148.509 154.499 148.843 154.125 149.074 153.689C149.306 153.252 149.428 152.766 149.429 152.272C149.431 151.778 149.313 151.291 149.085 150.853C148.857 150.415 148.526 150.039 148.12 149.757C139.412 134.97 146.117 121.673 160.895 120.018C165.003 119.42 169.195 119.907 173.056 121.432C176.917 122.957 180.311 125.466 182.901 128.709C189.241 136.895 182.901 156.628 165.502 159.841C156.811 161.235 153.328 154.103 150.898 158.274C150.712 158.575 150.59 158.91 150.537 159.26C150.485 159.609 150.504 159.966 150.594 160.308C150.683 160.65 150.841 160.97 151.058 161.249C151.275 161.528 151.547 161.76 151.856 161.931C156.051 164.734 160.983 166.23 166.029 166.23C171.074 166.23 176.006 164.734 180.201 161.931C191.592 156.619 200.292 135.493 191.592 122.796C187.931 118.092 183.058 114.474 177.497 112.329C171.936 110.185 165.896 109.594 160.024 110.622ZM36.7142 57.4924C37.1531 58.1738 37.8446 58.6529 38.6366 58.8244C39.4287 58.9958 40.2564 58.8456 40.9378 58.4068C41.6191 57.968 42.0982 57.2765 42.2697 56.4844C42.4412 55.6923 42.291 54.8646 41.8522 54.1833C40.5227 51.9075 39.5067 49.504 38.8042 46.9728C32.3688 23.6693 64.8944 16.8855 76.7203 33.1439C82.0237 40.6244 76.7203 55.6637 69.5882 59.2341C60.8886 64.2762 56.0206 66.3662 47.5909 61.5854C47.0026 61.3571 46.3529 61.3421 45.7547 61.543C45.1565 61.7439 44.6476 62.1481 44.3164 62.6853C43.9852 63.2224 43.8526 63.8586 43.9418 64.4834C44.0309 65.1081 44.3361 65.6819 44.8043 66.105C48.9917 69.1354 54.0782 70.6663 59.2427 70.4504C65.4495 70.1699 71.4308 68.0411 76.4193 64.3374C81.4078 60.6337 85.1759 55.5239 87.24 49.6636C95.9396 26.8826 73.8466 11.7476 53.7651 14.8826C33.6837 18.0176 23.6779 37.4023 36.7142 57.4924Z' fill='white' fill-opacity='0.1'/%3e%3cpath d='M0.278688 190.974C0.64528 195.702 2.79279 200.116 6.28743 203.322C13.1496 208.808 28.1105 208.808 44.8044 205.412C64.9816 201.232 129.153 179.844 114.375 165.754C107.409 158.971 88.8076 163.142 72.7146 162.445C85.1588 150.976 123.676 110.282 135.85 97.4027C151.333 80.883 201.946 22.7984 208.373 8.79541C210.637 3.74459 206.631 -1.02759 198.202 2.44704C178.634 10.45 121.499 64.4504 112.285 72.0179L49.4982 124.19C50.3863 117.325 49.7622 110.349 47.6695 103.751C45.7536 99.0573 42.8886 95.0602 37.7594 95.0602C15.7621 96.7147 -2.49928 167.409 0.278688 190.974ZM33.3268 109.15C44.369 95.7568 37.8551 133.325 38.2035 136.973C38.2131 137.7 38.3719 138.417 38.6699 139.08C38.9678 139.743 39.3987 140.338 39.9359 140.828C40.473 141.318 41.1049 141.692 41.7926 141.928C42.4802 142.164 43.2089 142.256 43.9336 142.198C46.8944 142.198 48.6361 139.586 50.5519 136.886C64.8074 123.754 51.9365 134.622 118.895 79.8467C125.853 73.925 169.769 32.2731 192.985 16.0146C156.117 65.373 115.779 112.043 72.2792 155.67C50.5345 177.241 79.6639 165.754 106.277 168.889C107.562 169.282 108.791 169.838 109.934 170.544C106.625 179.235 27.4922 209.758 11.4863 196.625C2.96956 189.929 15.3267 130.538 33.3268 109.15Z' fill='white' fill-opacity='0.1'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_73_123'%3e%3crect width='209' height='209' fill='white' transform='translate(209 209) rotate(-180)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e "), linear-gradient(135deg,rgba(0, 82, 242, 1) 0%, rgba(49, 197, 255, 1) 100%);
	background-position: 50% 100%;
	background-repeat: no-repeat;
}

.preem__item-title {
	font-size: 24px;
	line-height: 130%;
}
.preem__item-title span {
	color: var(--blue);
}

.preem__item-counts {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(2, 1fr);
	gap: 3px;
	align-self: flex-start;
}

.preem__item-count {
	width: 6px;
	height: 6px;
	background-color: transparent;
	border-radius: 100px;
}
.preem__item-count.active {
	background-color: var(--green);
}
.preem__item.blue .preem__item-count.active {
	background-color: var(--white);
}

.preem__item-icon {
	margin-top: auto;
	width: 200px;
	object-fit: contain;
}

.preem__item-img {
	height: 150px;
	object-fit: cover;
	object-position: center;
	border-radius: 10px;
}

/* quiz */

.quiz {
	padding-top: 50px;
	padding-bottom: 50px;
	max-width: 1440px;
	margin-left: auto;
	margin-right: auto;
	background: linear-gradient(135deg,rgba(0, 82, 242, 1) 0%, rgba(49, 197, 255, 1) 100%);
	border-radius: 50px;
}

.quiz__heading {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 30px;
	color: var(--white);
}

.quiz__heading-block {
	display: flex;
	align-items: center;
	gap: 20px;
}

.h2 {
	font-size: 38px;
	line-height: 130%;
	font-weight: 600;
}

.heading__span {
	padding: 5px 20px;
	color: var(--green);
	background-color: var(--white);
	border-radius: 100px;
}

.quiz__content {
	display: grid;
	grid-template-columns: 2fr .7fr;
	gap: 20px;
	margin-top: 40px;
}

.quiz__manager-heading {
	display: flex;
	align-items: center;
	gap: 10px;
}

.quiz__manager-icon {
	width: 60px;
	height: 60px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 100px;
}

.quiz__manager-personal-span {
	display: flex;
	align-items: center;
	gap: 5px;
	font-size: 12px;
	line-height: 130%;
}
.quiz__manager-personal-span.online::before {
	content: '';
	display: inline-block;
	width: 6px;
	height: 6px;
	background-color: var(--green);
	border-radius: 100px;
	box-shadow: 0 0 6px rgba(106, 211, 80, 0.2);
}

.quiz__manager-personal-text {
	font-size: 14px;
	line-height: 130%;
	font-weight: 600;
}

.quiz__manager {
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding: 15px;
	background-color: var(--light-blue);
	border-radius: 30px;
}

.quiz__manager-title {
	font-size: 16px;
	line-height: 130%;
	font-weight: 600;
}

.quiz__manager-list {
	display: flex;
	flex-direction: column;
	gap: 20px;
	list-style-type: none;
	margin-top: auto;
}

.quiz__manager-item {
	display: flex;
	align-items: center;
	gap: 20px;
	padding: 15px;
	background-color: var(--white);
	border-radius: 20px;
}

.quiz__manager-item-icon {
	display: inline-block;
	width: 62px;
	height: 62px;
	background-color: var(--light-blue);
	background-size: 24px;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 10px;
	flex-shrink: 0;
}

.quiz__manager-item-info {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.quiz__manager-item-title {
	font-weight: 500;
}

.quiz__manager-item-span {
	font-size: 14px;
	line-height: 130%;
}

.quiz__block {
	background-color: var(--white);
	border-radius: 30px;
	overflow: hidden;
}

/* offer */

.offer {
	padding-top: 110px;
	padding-bottom: 110px;
}

.offer__content {
	padding: 5px;
	background-color: var(--white);
	border-radius: 40px;
}

.offer__info {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 30px;
	padding: 40px;
	background-color: var(--light-blue);
	background-size: contain;
	background-position: 100% 100%;
	background-repeat: no-repeat;
	border-radius: 40px;
}

.offer__heading .h2 span {
	display: inline-block;
	padding: 5px 20px;
	color: var(--blue);
	border: 2px solid var(--blue);
	border-radius: 30px;
}

.offer__heading {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.offer__heading-text {
	font-size: 28px;
	line-height: 130%;
}

.offer__info-big {
	font-size: 100px;
	line-height: 90%;
	font-weight: 600;
	color: var(--blue);
}

.offer__info-text {
	font-size: 20px;
	line-height: 130%;
}

.offer__info-body {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.offer__body {
	display: flex;
	align-items: center;
	gap: 60px;
	padding: 20px;
	width: 100%;
	background-color: #FFFFFF4D;
	border: 1px solid var(--white);
	border-radius: 30px;
	backdrop-filter: blur(50px);
}

.offer__body-list {
	list-style-type: none;
	display: flex;
	gap: 60px;
	flex-grow: 1;
}

.offer__body-item {
	position: relative;
	display: flex;
	align-items: center;
	gap: 20px;
	width: 100%;
	padding: 10px;
	background-color: var(--white);
	border-radius: 20px;
}

.offer__body-item:not(:last-child)::after {
	content: '+';
	position: absolute;
	right: -40px;
	font-size: 30px;
	line-height: 90%;
	font-weight: 700;
	color: var(--blue);
}

.offer__body-item-icon {
	display: inline-block;
	width: 78px;
	height: 78px;
	background-color: var(--light-blue);
	background-size: 40px;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 10px;
	flex-shrink: 0;
}

.offer__body-item-title {
	font-size: 20px;
	line-height: 130%;
	font-weight: 500;
}

.offer__body-item-info {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.offer__body-title {
	font-size: 24px;
	line-height: 130%;
	font-weight: 500;
}

.offer__form {
	display: flex;
	align-items: center;
	gap: 20px;
	padding: 30px;
	margin-top: 20px;
	background-color: var(--white);
	border-radius: 30px;
}

.offer__form-img {
	height: 150px;
	width: 325px;
	object-fit: cover;
	object-position: center;
	border-radius: 20px;
}

.offer__form-info {
	display: flex;
	flex-direction: column;
	gap: 20px;
	width: 40%;
	margin-right: auto;
}

.offer__form-title {
	font-size: 26px;
	line-height: 130%;
	font-weight: 600;
}

.offer__form-title span {
	color: var(--blue);
}

.offer__form-btns {
	position: relative;
	align-self: end;
}

.offer__form-btns::before {
	content: '';
	position: absolute;
	left: -40px;
    top: -60px;
	display: inline-block;
	width: 113px;
	height: 74px;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='113' height='74' viewBox='0 0 113 74' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M105.335 71.1821C112.331 59.7996 93.1189 32.2133 75.2839 28.0446C72.6376 27.4283 72.6377 27.5736 75.3927 30.7998C84.1652 41.1673 88.4064 51.0272 86.0139 55.4859C83.0052 61.0322 74.7039 60.8871 69.3026 55.2321C60.3851 45.8796 57.9564 34.896 63.4302 28.806L64.7352 27.356L62.0889 24.9272C55.2739 18.6922 45.3776 13.5085 40.1214 13.5085H38.9251C47.2989 23.5135 62.3064 42.7624 50.6339 48.6349C36.2064 55.8849 18.1901 26.3774 29.7901 14.5599L31.4214 12.8922C31.3851 12.8559 12.2451 -3.09402 6.3364 5.17098C2.8564 10.0285 4.74136 21.2661 10.4689 30.1474L11.5926 31.8873C11.8826 32.3585 11.7739 32.9385 11.3389 33.2647C7.09767 36.2372 -1.31235 19.2722 0.173897 10.7897C2.4939 -2.51402 18.0089 -3.7104 33.0889 8.28835L35.9526 10.5359L37.9464 10.1734C46.3926 8.61466 58.1377 13.3633 67.2727 22.0633C69.9189 24.6008 70.0277 24.6372 71.2602 24.3109C90.4364 19.1272 121.793 56.3559 110.555 71.0734C108.706 73.4296 102.399 75.9308 105.335 71.1821ZM81.0839 55.1234C81.5551 50.3384 77.4226 42.2909 70.1001 33.5547C67.2726 30.1834 67.1277 30.1471 66.5114 32.7571C64.8802 39.6083 72.4201 53.3471 79.1626 55.7758C80.9751 56.4283 80.9389 56.4284 81.0839 55.1234ZM49.4739 45.5536C51.5039 40.2611 43.4201 24.3833 34.5026 16.0821L33.5964 15.2484L32.5452 17.3508C30.1527 22.2446 31.2039 29.8211 35.1552 35.7661C39.8314 42.8349 48.3139 48.6349 49.4739 45.5536Z' fill='%236AD350'/%3e%3c/svg%3e ");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

/* portfolio */

.portfolio {
	max-width: 1440px;
	padding-top: 50px;
	padding-bottom: 50px;
	margin-left: auto;
	margin-right: auto;
	background-color: var(--white);
	border-radius: 50px;
}

.heading {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 20px;
}

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

.h2 span {
	color: var(--blue);
}

.portfolio__content {
	margin-top: 40px;
}

.portfolio__item-img {
	width: 100%;
	height: 250px;
	object-fit: cover;
	border-radius: 20px;
}

.portfolio__item {
	display: grid;
	grid-template-columns: .75fr 1fr;
	gap: 20px;
	padding: 20px;
	background-color: var(--bg);
	border-radius: 20px;
}

.portfolio__item-image {
	position: relative;
}

.portfolio__image-span {
	position: absolute;
	left: 10px;
	top: 10px;
	padding: 5px 20px;
	font-size: 14px;
	line-height: 130%;
	font-weight: 600;
	border-radius: 100px;
}
.portfolio__image-span.orange {
	color: #EB7E1F;
	background-color: #FFEED8;
}
.portfolio__image-span.green {
	color: #6AD350;
	background-color: #F4FFF0;
}

.porfolio__item-info {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.portfolio__item-block {
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding: 20px;
	margin-top: auto;
	background-color: var(--white);
	border-radius: 20px;
}

.portfolio__block-list {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding-left: 20px;
}

.portfolio__block-item {
	font-size: 14px;
	line-height: 130%;
}

.portfolio__block-item::marker {
	color: var(--green);
}

.portfolio__block-title {
	font-weight: 500;
	color: var(--blue);
}

.portfolio__item-title {
	font-size: 20px;
	line-height: 130%;
	font-weight: 500;
}

.portfolio__item-text {
	font-size: 14px;
	line-height: 130%;
}

.portfolio__navigation {
	display: flex;
	align-items: center;
	gap: 20px;
	margin-top: 20px;
}

.portfolio-swiper .portfolio-scrollbar.swiper-scrollbar {
	position: static;
}
.portfolio-swiper .portfolio-scrollbar.swiper-scrollbar .swiper-scrollbar-drag {
	background: var(--blue);
}

.portfolio__nav {
	display: flex;
	align-items: center;
	gap: 20px;
}

.portfolio-swiper .portfolio-button-prev.swiper-button-prev,
.portfolio-swiper .portfolio-button-next.swiper-button-next {
	position: static;
	margin-top: 0;
	width: 50px;
	height: 50px;
	background-color: var(--light-blue);
	border-radius: 10px;
	transition: all .2s;
}
.portfolio-swiper .portfolio-button-prev.swiper-button-prev svg,
.portfolio-swiper .portfolio-button-next.swiper-button-next svg {
	width: 20px;
	height: 20px;
}
.portfolio-swiper .portfolio-button-prev.swiper-button-prev svg path,
.portfolio-swiper .portfolio-button-next.swiper-button-next svg path {
	fill: var(--blue);
	transition: all .2s;
}
.portfolio-swiper .portfolio-button-prev.swiper-button-prev:hover,
.portfolio-swiper .portfolio-button-next.swiper-button-next:hover {
	background-color: var(--green);
}
.portfolio-swiper .portfolio-button-prev.swiper-button-prev:hover svg path,
.portfolio-swiper .portfolio-button-next.swiper-button-next:hover svg path {
	fill: var(--white);
}

.portfolio__form {
	position: relative;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 20px;
	padding: 30px;
	margin-top: 40px;
	background: linear-gradient(135deg,rgba(0, 82, 242, 1) 0%, rgba(49, 197, 255, 1) 100%);
	border-radius: 30px;
}

.portolio__form-img {
	position: absolute;
	bottom: 0;
	left: 0;
    right: 0;
	height: 250px;
	width: auto;
	margin-left: auto;
	margin-right: auto;
	object-fit: contain;
	object-position: center;
}

.portfolio__form-title {
	font-size: 26px;
	line-height: 130%;
	font-weight: 600;	
	color: var(--white);
}

.portfolio__form-info {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 20px;
}

.portfolio__form-socials {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 10px;
	width: 25%;
	color: var(--white);
	text-align: right;
}

.portfolio__socials-span {
	font-weight: 500;
}

.portfolio__socials-link {
	font-size: 30px;
	line-height: 130%;
	font-weight: 600;
}
.portfolio__socials-link:hover {
	color: var(--dark-blue);
}

/* doc */

.doc {
	padding-top: 110px;
	padding-bottom: 110px;
}

.doc__content {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
}

.doc__card {
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding: 20px;
	background-color: var(--white);
	border-radius: 20px;
}

.doc__card-body {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	flex-grow: 1;
	gap: 20px;
	padding: 20px;
	border-radius: 20px;
	overflow: hidden;
}

.doc__card-image {
	position: absolute;
	inset: 0%;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.doc__card-link {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-self: flex-start;
	gap: 5px;
	padding: 10px;
	background-color: var(--white);
	border-radius: 15px;
}
.doc__card-link:hover {
	background-color: var(--bg);
}

.doc__card-link-rate {
	display: flex;
	align-items: center;
	gap: 5px;
}

.doc__card-rate-span {
	font-size: 30px;
	line-height: 130%;
	font-weight: 700;
}

.doc__card-rate-icon {
	display: inline-block;
	width: 25px;
	height: 25px;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='23' viewBox='0 0 24 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11.8882 0L14.6946 8.63729H23.7764L16.4291 13.9754L19.2355 22.6127L11.8882 17.2746L4.54087 22.6127L7.34729 13.9754L-2.28882e-05 8.63729H9.08176L11.8882 0Z' fill='%236AD350'/%3e%3c/svg%3e "); 
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.doc__card-span {
	font-size: 12px;
	line-height: 130%;
	opacity: .5;
}

.doc__card-icon {
	display: inline-block;
	width: 100px;
	height: 15px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.doc__card-info {
	position: relative;
	z-index: 1;
	padding: 20px;
	display: flex;
	flex-direction: column;
	gap: 20px;
	background-color: #FFFFFF4D;
	border: 1px solid #FFFFFF66;
	backdrop-filter: blur(50px);
	border-radius: 20px;
}

.doc__card-info-list {
	display: flex;
	align-items: center;
	gap: 10px;
}

.doc__card-info-item {
	padding: 5px 15px;	
	background-color: var(--light-blue);
	border-radius: 100px;
}

.doc__card-info-item span {
	font-weight: 600;
}

.doc__card-title {
	font-size: 24px;
	line-height: 130%;
	font-weight: 600;
	color: var(--white);
}

.doc__card-text {
	color: var(--white);
}

.doc__card-bottom {
	display: flex;
	align-items: center;
	gap: 20px;
}

.doc__card-bottom .small-btn {
	width: 60%;
}

.doc__card-bottom-span {
	position: relative;
	font-size: 14px;
	line-height: 130%;
}
.doc__card-bottom-span::before {
	content: '';
	position: absolute;
	bottom: -45px;
    right: -60px;
	display: inline-block;
	width: 83px;
	height: 54px;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='83' height='54' viewBox='0 0 83 54' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M77.4222 52.0302C82.5645 43.7102 68.4432 23.5462 55.3343 20.4991C53.3893 20.0486 53.3893 20.1548 55.4142 22.513C61.8621 30.091 64.9795 37.2981 63.221 40.5572C61.0095 44.6112 54.908 44.5051 50.938 40.3716C44.3836 33.5355 42.5984 25.5071 46.6217 21.0556L47.5809 19.9958L45.6359 18.2204C40.6268 13.663 33.3529 9.87397 29.4896 9.87397H28.6103C34.7651 17.1871 45.7957 31.2569 37.2163 35.5494C26.612 40.8488 13.3699 19.2804 21.896 10.6425L23.095 9.42347C23.0683 9.39697 9.00029 -2.26155 4.65731 3.77971C2.09948 7.33028 3.48494 15.5444 7.6947 22.0361L8.52069 23.3079C8.73385 23.6523 8.65393 24.0762 8.3342 24.3147C5.21684 26.4874 -0.96459 14.0869 0.127816 7.88671C1.83304 -1.8376 13.2367 -2.7121 24.3206 6.05833L26.4255 7.70118L27.8909 7.43621C34.099 6.29685 42.7317 9.76787 49.446 16.1271C51.391 17.9819 51.4709 18.0084 52.3768 17.7699C66.4715 13.9809 89.5186 41.1931 81.259 51.9508C79.9001 53.673 75.2641 55.5013 77.4222 52.0302ZM59.5973 40.2922C59.9437 36.7946 56.9063 30.9123 51.5242 24.5266C49.4459 22.0624 49.3394 22.0359 48.8864 23.9436C47.6875 28.9515 53.2294 38.9938 58.1852 40.7691C59.5174 41.246 59.4908 41.2461 59.5973 40.2922ZM36.3637 33.2972C37.8558 29.4287 31.9142 17.8229 25.3597 11.7551L24.6936 11.1458L23.921 12.6825C22.1625 16.2596 22.9351 21.7976 25.8393 26.1431C29.2764 31.3099 35.5111 35.5494 36.3637 33.2972Z' fill='%230052F2'/%3e%3c/svg%3e "); 
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.doc__info {
	display: flex;
	flex-direction: column;
	gap: 40px;
}

.doc__info-text {
	font-size: 20px;
	line-height: 130%;
}

.doc__info-block {
	position: relative;
	padding: 20px;
	background-color: var(--light-blue);
	border-radius: 20px;
}

.doc__info-block::after {
	content: '';
	position: absolute;
	top: -27px;
	right: 20px;
	display: inline-block;
	width: 89px;
	height: 73px;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='89' height='73' viewBox='0 0 89 73' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M3.83478 0.00318112C3.83478 1.67613 3.70215 3.07779 3.89507 4.43122C3.97645 5.00696 4.64865 5.62489 5.20027 5.97154C7.87397 7.6686 10.7768 9.02505 13.2696 10.9723C21.3359 17.2783 26.1167 25.5797 26.3789 36.365C26.4513 39.4245 25.3239 40.1932 22.7557 38.9965C15.3314 35.5541 7.34647 37.5737 3.08723 43.9701C-1.55784 50.9513 -0.903733 60.2474 4.66372 66.3424C11.7715 74.1254 23.4731 74.3605 31.5424 66.9212C36.3744 62.466 38.6713 56.7147 39.244 50.1706C41.1642 28.2534 30.1709 10.1856 10.1588 2.24885C8.17842 1.46513 6.14978 0.82006 3.83478 0.00318112Z' fill='white'/%3e%3cpath d='M53.2947 0.00318112C53.2947 1.67613 53.1621 3.07779 53.355 4.43122C53.4364 5.00696 54.1086 5.62489 54.6602 5.97154C57.3339 7.6686 60.2367 9.02505 62.7296 10.9723C70.7959 17.2783 75.5766 25.5797 75.8389 36.365C75.9112 39.4245 74.7839 40.1932 72.2157 38.9965C64.7914 35.5541 56.8064 37.5737 52.5472 43.9701C47.9021 50.9513 48.5562 60.2474 54.1237 66.3424C61.2315 74.1254 72.9331 74.3605 81.0024 66.9212C85.8344 62.466 88.1313 56.7147 88.704 50.1706C90.6241 28.2534 79.6309 10.1856 59.6188 2.24885C57.6384 1.46513 55.6097 0.82006 53.2947 0.00318112Z' fill='white'/%3e%3c/svg%3e ");
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

.doc__block-text {
	width: 80%;
}

.doc__info-exp {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.doc__info-list {
	position: relative;
	list-style-type: none;
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding-left: 30px;
}

.doc__info-list::before {
	content: '';
	position: absolute;
	top: 0;
	left: 10px;
	bottom: 0;
	display: block;
	height: 100%;
	width: 1px;
	background-color: var(--white);
}

.doc__info-item {
	position: relative;
	display: flex;
	align-items: center;
	gap: 20px;
	padding: 20px;
	background-color: var(--white);
	border-radius: 20px;
}

.doc__info-item::before {
	content: '';
	position: absolute;
	left: -30px;
	display: block;
	width: 10px;
	height: 10px;
	background-color: var(--bg);
	border: 5px solid var(--white);
	border-radius: 100px;
}

.doc__info-item-num {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 70px;
	height: 70px;
	font-weight: 600;
	color: var(--green);
	background-color: var(--bg);
	border-radius: 10px;
}

.doc__info-item-heading {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.doc__info-item-title {
	font-weight: 500;
}

.doc__info-item-span {
	font-size: 14px;
	line-height: 130%;
}

/* footer */

.footer {
	max-width: 1440px;
	padding-top: 50px;
	padding-bottom: 50px;
	margin-left: auto;
	margin-right: auto;
	background-color: var(--light-blue);
	border-radius: 50px;
}

.footer__form {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
}

.footer__form-info {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 30px;
	padding: 20px;
	background-color: var(--white);
	border-radius: 20px;
}

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

.footer__form-text {
	font-size: 20px;
	line-height: 130%;
}

.footer__form-block {
	align-self: flex-end;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 20px;
	width: 50%;
	margin-top: 30px;
	text-align: right;
}

.footer__form-block-text {
	font-weight: 500;
}

.footer__form-block-link {
	font-size: 30px;
	line-height: 130%;
	font-weight: 600;
	color: var(--green);
}
.footer__form-block-link:hover {
	color: var(--dark-green);
}

.footer__form-image {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 20px;
}

.footer__content {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	margin-top: 40px;
}

.footer .navbar__socials {
	margin-left: auto;
}

.copyright {
	padding-top: 40px;
	padding-bottom: 40px;
}

.copyright__content {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
}

.copyright__span, .copyright__link {
	font-size: 14px;
	line-height: 130%;
}

.copyright__link:hover {
	text-decoration: underline;
}





/* Мобильное меню */

.header__burger {
    display: none;
    width: 50px;
    height: 50px;
    background-color: var(--green);
    border-radius: 10px;
    cursor: pointer;
}
.header__burger::after {
    content: '';
    display: inline-block;
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M3.66699 5.5H18.3337M3.66699 11H18.3337M11.917 16.5H18.3337' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
    background-repeat: no-repeat;
    background-size: 22px;
    background-position: center;
}

.mobile-menu {
    position: fixed;
    inset: 0;
    z-index: 9999;
	padding: 40px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.2s ease, visibility 0.2s ease;
}

.mobile-menu.active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.mobile-menu__overlay {
    position: absolute;
    inset: 0;	
    background: rgba(0, 0, 0, 0.5);
}

.mobile-menu__content {
    position: relative;
    z-index: 2;
	display: flex;
	flex-direction: column;
	gap: 20px;
    width: 50%;
    max-width: 100%;
    height: 100%;
    margin-left: auto;
    padding: 20px;
    background: url('/wp-content/uploads/2026/07/mobile-menu-bg.webp'), var(--bg);
	background-repeat: no-repeat;
	background-size: auto 500px, auto;
	background-position: 100% 100%;
	border-radius: 20px;
    transform: translateY(-100%);
    transition: transform 0.2s ease;
    overflow-y: auto;
}
.mobile-menu.active .mobile-menu__content {
    transform: translateY(0);
}

.mobile-menu__body {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 20px;
	background-color: var(--white);
	border-radius: 20px;
}

.header__socials_block {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.header__socials-item .navbar__socials-link::before,
.header__socials-item .navbar__socials-text::before {
	content: none;
}

.header__socials-item .navbar__socials-link,
.header__socials-item .navbar__socials-text {
	font-size: 20px;
	line-height: 130%;
	font-weight: 500;
}

.header__socials-item {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.navbar__socials-title {
	font-size: 14px;
	line-height: 130%;
	color: var(--blue);
}

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

.mobile-menu__close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 50px;
    height: 50px;
	background-color: var(--white);
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg opacity='0.5' clip-path='url(%23clip0_106_3330)'%3e%3cpath d='M30.6066 30.8198L20 20.2132M20 20.2132L9.3934 9.6066M20 20.2132L30.6066 9.6066M20 20.2132L9.3934 30.8198' stroke='black' stroke-opacity='0.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_106_3330'%3e%3crect width='40' height='40' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e "); 
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: center;
	border-radius: 10px;
    cursor: pointer;
}

.mobile-menu__list {
    display: flex;
    flex-direction: column;
    gap: 20px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.mobile-menu__link {
    font-size: 20px;
    color: #222;
    text-decoration: none;
}

.mobile-menu__bottom {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.mobile-menu__phone {
    color: #222;
    text-decoration: none;
}

.mobile-menu__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 0 20px;
    border-radius: 12px;
    background: #222;
    color: #fff;
    text-decoration: none;
}

body.mobile-menu-open {
    overflow: hidden;
}

/*  */

.simple-page {
	max-width: 1440px;
	padding-top: 50px;
	padding-bottom: 50px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 110px;
	background-color: var(--white);
	border-radius: 0 0 50px 50px;
}

/*  */

.not-found {
	max-width: 1440px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 110px;
	background-color: var(--white);
	padding-top: 50px;
	padding-bottom: 50px;
	border-radius: 0 0 50px 50px;
}

.not-found__icon {
	display: block;
	width: 498px;
	height: 210px;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='498' height='210' viewBox='0 0 498 210' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M2.728 143.676L88.536 13.228H114.328V141.692H132.928V166.988H114.328V196.5H86.304V166.988H2.728V143.676ZM86.304 141.692V58.612L31.992 141.692H86.304Z' fill='%230052F2'/%3e%3cpath d='M188.376 69.3723C187.031 69.3723 185.771 68.5388 185.285 67.1935C182.325 58.8919 183.1 49.7438 187.418 42.0919C188.31 40.4973 190.312 39.9526 191.894 40.8451C193.475 41.7376 194.026 43.7391 193.134 45.3141C189.754 51.3123 189.144 58.4851 191.46 64.9885C192.071 66.6948 191.178 68.5716 189.472 69.1819C189.111 69.3132 188.737 69.3723 188.376 69.3723Z' fill='%230052F2'/%3e%3cpath d='M198.344 38.036C197.321 38.036 196.31 37.557 195.673 36.6579C194.623 35.1813 194.971 33.1338 196.441 32.0838C197.787 31.1257 199.217 30.266 200.74 29.5048C202.347 28.7107 204.323 29.3604 205.137 30.9945C205.937 32.6154 205.281 34.5907 203.653 35.3913C202.446 35.9885 201.311 36.671 200.247 37.4323C199.67 37.8392 199.007 38.036 198.344 38.036Z' fill='%230052F2'/%3e%3cpath d='M310.72 22.5422C295.416 10.6706 275.164 10.0012 259.093 20.8491C256.382 22.6997 253.679 24.6422 250.922 26.6175L249.006 27.9956C245.659 25.5806 242.312 23.1459 238.887 20.8425C222.848 10.0144 202.59 10.6641 187.279 22.5422C172.127 34.3022 166.496 53.5566 172.934 71.5903L184.09 102.828C184.562 104.127 185.796 105 187.181 105H197.753L203.41 116.314C203.968 117.423 205.103 118.125 206.343 118.125H216.732L218.136 130.883C214.973 132.983 213.168 136.822 213.864 140.792C214.317 143.384 215.754 145.642 217.907 147.151C218.569 147.617 219.304 147.925 220.039 148.208L220.886 155.912C216.095 157.27 212.978 162.028 213.857 167.042C214.31 169.634 215.747 171.892 217.9 173.401C219.573 174.576 221.522 175.179 223.517 175.179C223.78 175.179 224.042 175.133 224.305 175.107C225.263 176.899 226.425 178.566 227.973 179.891C227.973 179.891 246.847 196.068 246.854 196.074C248.035 197.092 249.886 197.138 251.119 196.074L270 179.898C273.294 177.069 275.315 173.132 275.657 168.938L276.017 166.077L276.962 165.913C282.298 164.968 285.881 159.856 284.942 154.514C284.49 151.922 283.052 149.664 280.9 148.155C280.132 147.617 279.286 147.236 278.419 146.941L279.437 138.836C283.341 136.986 285.723 132.727 284.942 128.264C284.536 125.954 283.256 123.998 281.484 122.515L282.042 118.125H291.656C292.896 118.125 294.032 117.423 294.589 116.314L300.246 105H310.818C312.203 105 313.437 104.127 313.909 102.821L325.066 71.5838C331.503 53.5566 325.873 34.3022 310.72 22.5422ZM271.831 146.836L227.363 154.672L226.687 148.529L272.638 140.431L271.831 146.836ZM275.269 126.689C275.939 126.689 276.588 126.893 277.14 127.286C277.855 127.785 278.341 128.54 278.492 129.399C278.807 131.184 277.612 132.891 275.834 133.199L224.128 142.314C223.262 142.452 222.389 142.275 221.68 141.77C220.965 141.271 220.479 140.516 220.328 139.657C220.013 137.872 221.207 136.165 222.986 135.85L274.692 126.735C274.882 126.709 275.079 126.689 275.269 126.689ZM269.147 168.263C268.93 170.861 267.716 173.23 265.741 174.923L249 189.269L232.252 174.917C231.924 174.635 231.681 174.274 231.392 173.952L269.271 167.278L269.147 168.263ZM275.834 159.449C275.834 159.456 275.834 159.456 275.834 159.449L224.128 168.571C223.262 168.709 222.389 168.532 221.68 168.026C220.965 167.528 220.479 166.773 220.328 165.913C220.013 164.128 221.207 162.422 222.986 162.107L274.692 152.992C274.882 152.959 275.079 152.939 275.269 152.939C275.939 152.939 276.588 153.143 277.14 153.536C277.855 154.035 278.341 154.79 278.492 155.649C278.807 157.434 277.612 159.141 275.834 159.449ZM275.177 120.153C274.639 120.159 274.095 120.186 273.557 120.284L224.528 128.927L223.334 118.125H275.427L275.177 120.153ZM289.628 111.563H208.371L205.09 105H292.909L289.628 111.563ZM318.884 69.3788L308.502 98.4375H189.497L179.116 69.3788C172.481 50.7938 181.058 35.6803 191.302 27.7266C204.316 17.6203 221.555 17.0625 235.199 26.2697C239.169 28.9537 243.028 31.7953 246.926 34.5844C259.106 43.2994 272.316 51.9028 288.079 53.0184C289.733 53.1497 291.459 51.7913 291.584 49.98C291.715 48.1753 290.35 46.6003 288.539 46.4756C276.083 45.5897 264.979 39.1519 254.748 31.9528C257.459 30.0103 260.123 28.0941 262.781 26.2828C276.457 17.0559 293.697 17.6334 306.697 27.7266C316.941 35.6803 325.518 50.7938 318.884 69.3788Z' fill='%230052F2'/%3e%3cpath d='M361.728 143.676L447.536 13.228H473.328V141.692H491.928V166.988H473.328V196.5H445.304V166.988H361.728V143.676ZM445.304 141.692V58.612L390.992 141.692H445.304Z' fill='%230052F2'/%3e%3c/svg%3e "); 
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.not-found .h1 {
	text-align: center;
}

.not-found__content {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 30px;
	margin-top: 40px;
}

.not-found__text {
	font-size: 20px;
	line-height: 130%;
	font-weight: 500;
	text-align: center;
}


@media screen and (max-width: 1280px) {
	.container {
		padding-left: 40px;
		padding-right: 40px;
	}

	.navbar .navbar__address, 
	.navbar .navbar__socials-text.schedule,
	.navbar .small-btn {
		display: none;
	}

	.header__burger {
		display: block;
	}

	.navbar__socials {
		margin-left: auto;
	}

	/* hero */

	.hero {
		padding-bottom: 40px;
	}

	.hero__content {
		padding: 30px;
		border-radius: 30px;
	}

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

	.h1 {
		font-size: 36px;
	}

	.h1 span {
		padding: 3px 10px;
		border-radius: 15px;
	}

	.hero__heading-span {
		font-size: 20px;
	}

	.hero__card-title {
		font-size: 20px;
	}

	/* preem */ 

	.preem {
		padding-top: 100px;
		padding-bottom: 100px;
	}

	.preem__list {
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: 1fr;
		grid-auto-rows: 1fr;
	}

	/* quiz */

	.quiz {
		padding-top: 40px;
    	padding-bottom: 40px;
		border-radius: 30px;
	}

	.h2 {
		font-size: 32px;
	}

	.quiz__content {
		grid-template-columns: 2fr 1fr
	}

	/* offer */

	.offer {
		padding-top: 100px;
		padding-bottom: 100px;
	}

	.offer__heading .h2 span {
		padding: 3px 10px;	
		border-radius: 20px;
	}

	.offer__info {
		padding: 30px;
		border-radius: 30px;
	}

	.offer__heading-text {
		font-size: 24px;
	}

	.offer__info-big {
		font-size: 90px;
	}

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

	.offer__content {
		border-radius: 30px;
	}

	.offer__body {
		flex-direction: column;
		align-items: stretch;
		gap: 20px;
		border-radius: 20px;
	}

	.offer__body-title {
		font-size: 20px;
	}

	.offer__body-item-title {
		font-size: 16px;
	}

	.offer__body-item-span {
		font-size: 12px;
		line-height: 130%;
	}

	.offer__body-item-icon {
		height: 58px;
		width: 58px;
		background-size: 30px;
	}

	.offer__form {
		display: grid;
		grid-template-columns: 325px 1fr;
		gap: 20px;
		padding: 20px;
	}

	.offer__form-img {
		height: 100%;
		grid-area: span 2 / span 1;
	}

	.offer__form-info {
		width: 100%;
	}

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

	.offer__form-btns {
		display: flex;
		justify-self: flex-start;
	}

	.offer__form-btns::before {
		left: auto;
		right: -90px;
		top: auto;
		bottom: 0;
	}

	/* portfolio */

	.portfolio {
		padding-top: 40px;
    	padding-bottom: 40px;
		border-radius: 30px;
	}

	.portolio__form-img {
		height: 230px;
		margin-left: 180px;
	}

	.portfolio__form-socials {
		width: 30%;
	}

	/* doc */

	.doc {
		padding-top: 100px;
    	padding-bottom: 100px;
	}

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

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

	.doc__card-bottom {
		flex-direction: column;
		align-items: stretch;
	}

	.doc__card-bottom .small-btn {
		width: 100%;
	}

	.doc__card-bottom-span {
		align-self: center;
		text-align: center;
	}

	.doc__card-bottom-span::before {
		bottom: -35px;
    	right: -90px;
	}

	/* footer */ 

	.footer {
		padding-top: 40px;
		padding-bottom: 40px;
		border-radius: 30px;
	}

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

	.footer__form-block {
		width: 60%;
	}
	
	/* 	 */
	
	.simple-page {
		padding-top: 40px;
		padding-bottom: 40px;
		border-radius: 0 0 30px 30px;
		margin-bottom: 100px;
	}
}

@media screen and (max-width: 991px) {
	.container {
        padding-left: 20px;
        padding-right: 20px;
    }

	/* hero */

	.hero {
        padding-bottom: 20px;
    }

	.hero__content {
		flex-direction: column;
		gap: 240px;
	}

	.hero__info {
		width: 100%;
	}

	.hero__card {
		align-self: flex-start;
	}

	/* preem */

	.preem {
        padding-top: 90px;
        padding-bottom: 90px;
    }

	/* quiz */

	.quiz {
        padding-top: 20px;
        padding-bottom: 20px;
        border-radius: 30px;
    }

	.h2 {
        font-size: 30px;
    }

	.quiz__heading-block {
		flex-direction: column;
		align-items: flex-start;
	}

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

	.quiz__manager-list {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
	}

	.quiz__manager-item {
		flex-direction: column;
		align-items: stretch;
	}

	/* offer */

	.offer {
        padding-top: 90px;
        padding-bottom: 90px;
    }

	.offer__info {
		background-size: auto 380px;
	}

	.offer__info-big {
        font-size: 80px;
    }

	.offer__body-list {
		gap: 35px;
	}

	.offer__body-item:not(:last-child)::after {
		right: -27px;
	}

	.offer__body-item-title {
        font-size: 14px;
    }

	.offer__body-item {
		gap: 10px;
	}

	.offer__body {
		padding: 15px;
		border-radius: 15px;
	}

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

	.offer__form-title {
        font-size: 20px;
    } 

	.offer__form-text {
		font-size: 14px;
	}
	
	.offer__form-btns::before {
		right: -50px;
		bottom: 20px;
		width: 77px;
		height: 50px;
	}
	
	/*	portfolio */
	
	.portfolio {
        padding-top: 20px;
        padding-bottom: 20px;
    }
	
	.portfolio__item {
		display: flex;
		flex-direction: column;
	}
	
	.portfolio__item-images {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 10px;
	}
	
	.portfolio-swiper .swiper-slide {
		height: auto;
	}
	
	.portfolio__item {
		height: 100%;
	}
	
	.porfolio__item-info {
		flex-grow: 1;
	}
	
	.portfolio__form {
		flex-direction: column;
		align-items: stretch;
	}
	
	.portolio__form-img {
		height: 200px;
		margin-left: 0;
	}
	
	.portfolio__form-socials {
		width: 40%;
		align-self: flex-end;
	}
	
	.portfolio__socials-span {
		font-size: 14px;
		line-height: 130%;
	}
	
	/* doc */
	
	.doc {
        padding-top: 90px;
        padding-bottom: 90px;
    }
	
	.doc__content {
		display: flex;
		flex-direction: column-reverse;
	}
	
	.doc__info {
		gap: 30px;
	}
	
	.doc__info-item {
		padding: 10px;
		border-radius: 15px;
	}
	
	.doc__card-info-item {
		font-size: 14px;
		line-height: 130%;
	}
	
	.doc__card-title {
		font-size: 20px;
	}
	
	.doc__card-body {
		height: 600px;
	}
	
	/* footer */
	
	.footer {
		padding-top: 20px;
        padding-bottom: 20px;
	}
	
	.footer__form {
		grid-template-columns: 1fr .75fr;
	}
	
	.footer__form-block {
		width: 100%;
	}
	
	.footer__form-block-text {
		font-size: 14px;
	}
	
	.footer__form-block-link {
		font-size: 24px;
	}
	
	.footer__content {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
		margin-top: 20px;
		padding: 20px;
		background-color: var(--white);
		border-radius: 20px;
	}
	
	.footer .navbar__logo {
		grid-area: span 1 / span 2;
		align-items: center;
	}
	
	.copyright {
		padding-top: 20px;
    	padding-bottom: 20px;
	}
	
	/* mobile */
	
	.mobile-menu {
		padding: 20px;
	}
	
	.mobile-menu__content {
		width: 60%;
	}
	
	/* 	 */
	
	.simple-page {
		padding-top: 20px;
		padding-bottom: 20px;
		margin-bottom: 90px;
	}
}

@media screen and (max-width: 767px) {
	.btn {
		gap: 10px;
		padding: 5px 15px 5px 5px;
		border-radius: 15px;
		font-size: 14px;
		line-height: 120%;
	}
	
	.small-btn {
		padding: 12px 25px;
		border-radius: 10px;
		font-size: 14px;
		line-height: 120%;
	}
	
	/* hero */
	.hero__content {
		padding: 20px;
		border-radius: 20px;
	}
	
	.hero__info {
		padding: 20px;
	}
	
	.h1 {
        font-size: 30px;
    }
	
	.hero__heading-span {
        font-size: 16px;
    }
	
	.hero__heading-span::before {
		width: 20px;
		height: 20px;
	}
	
	.hero__info-text, .hero__block-text {
		font-size: 14px;
	}
	
	/* preem */
	
	.preem {
        padding-top: 80px;
        padding-bottom: 80px;
    }
	
	.preem__list {
		grid-template-columns: 1fr;		
	}
	
	.preem__item {
		gap: 10px;
	}
	
	.preem__item-title {
		font-size: 20px;
	}
	
	.preem__item-text {
		font-size: 14px;
		line-height: 130%;
	}
	
	/* quiz */
	
	.quiz__manager-list {
		display: flex;
		flex-direction: column;
	}
	
	.quiz__manager-item {
		flex-direction: row;
		align-items: center;
	}
	
	.quiz__manager, .quiz__block {
		border-radius: 20px;
	}
	
	/* offer */
	
	.offer {
        padding-top: 80px;
        padding-bottom: 80px;
    }
	
	.offer__body-list {
		display: flex;
		flex-direction: column;
	}
	
	.offer__body-item:not(:last-child)::after {
		right: 50%;
		bottom: -29px;
	}
	
	.offer__info-big {
        font-size: 74px;
    }
	
	.offer__heading-text {
        font-size: 20px;
    }
	
	.offer__info {
		padding: 20px;
		background-position: 100% 30%;
		background-size: auto 250px;
		border-radius: 20px;
	}
	
	.offer__content {
		border-radius: 20px;
	}
	
	.offer__info-text {
		width: 80%;
	}
	
	.offer__form {
		display: flex;
		flex-direction: column;
		border-radius: 20px;
	}
	
	.offer__form-info {
		order: 1;
	}
	
	.offer__form-btns {
		align-self: flex-start;
		order: 2;
	}
	
	.offer__form-img {
		height: 250px;
		width: 100%;
		order: 3;
	}
	
	/* 	 */
	
	.portfolio__form {
		padding: 20px;
		border-radius: 20px;
	}
	
	.portfolio__form-title {
		font-size: 20px;
	}
	
	.portolio__form-img {
		height: 140px;
	}
	
	.portfolio__form-socials {
		width: 50%;
	}
	
	/* doc */ 
	
	.doc {
        padding-top: 80px;
        padding-bottom: 80px;
    }
	
	.doc__info-block {
		padding: 15px;
		border-radius: 15px;
	}
	
	.doc__info-block::after {
		width: 79px;
    	height: 63px;
	}
	
	.doc__info-exp-title {
		font-size: 20px;
		font-weight: 500;
		line-height: 130%;
	}
	
	/* footer */
	
	.footer__form {
		grid-template-columns: 1fr;
		grid-template-rows: repeat(2, 1fr);
	}
	
	.footer .navbar__logo {
		grid-area: auto;
	}
	
	.footer .navbar__socials {
		flex-direction: column;
		margin-left: 0;
		grid-area: span 2 / span 1;
	}
	
	/* mobile */
	
	.mobile-menu__content {
        width: 80%;
    }
	
	.header__socials-item .navbar__socials-link, .header__socials-item .navbar__socials-text {
		font-size: 18px;
	}
	
	/* 	 */
	
	.simple-page {
		border-radius: 0 0 20px 20px;
		margin-bottom: 80px;
	}
	
	.not-found__text {
		font-size: 16px;
	}
	
	.not-found__icon {
		width: 408px; 
		height: 180px;
	}
}

@media screen and (max-width: 479px) {
	.navbar .navbar__socials {
		display: none;
	}
	
	/* hero */
	
	.hero {
		border-radius: 0 0 20px 20px;
	}
	
	.hero__content, .hero__info, .hero__info-block {
		padding: 10px;
		border-radius: 10px;
	}
	
	.hero__content {
		background-size: 180%;
    	background-position: 100% 80%;
	}
	
	.hero__info {
		align-items: center;
		gap: 20px;
		text-align: center;
	}
	
	.hero__info-heading {
		align-items: center;
	}
	
	.h1 {
        font-size: 26px;
    }
	
	.hero__heading-span {
		padding: 3px;
		font-size: 14px;
		border: 1px solid var(--green);
		border-radius: 10px;
	}
	
	.hero__info-block::after {
		right: -10px;
		width: 64px;
        height: 72px;
	}
	
	.hero__card {
		padding: 10px;
		border-radius: 10px;
		align-self: stretch;
	}
	
	.hero__card-span, .hero__card-body-item, .hero__card-body-item span {
		font-size: 14px;
		line-height: 130%;
	}
	
	.hero__card-body {
		border-radius: 10px;
	}
	
	/* preem */
	
	.preem__list {
		gap: 10px;
	}
	
	.preem__item {
		padding: 15px;
		border-radius: 10px;
	}
	
	/* quiz */
	
	.quiz {
		border-radius: 20px;
	}
	
	.h2 {
		font-size: 24px;
	}
	
	.quiz__manager, .quiz__block {
		border-radius: 10px;
	}
	
	.quiz__manager-list {
		gap: 10px;
	}
	
	.quiz__manager-item {
		padding: 10px;
		border-radius: 10px;
	}
	
	/* offer */
	
	.offer__content {
		border-radius: 20px;
	}
	
	.offer__info {
		padding: 15px;
		border-radius: 15px;
		background-position: 100% 17%;
        background-size: auto 150px;
	}
	
	.offer__heading-text {
		font-size: 16px;
	}
	
	.offer__info-big {
		font-size: 54px;
	}
	
	.offer__body-item {
		border-radius: 10px;
	}
	
	.offer__form {
		padding: 15px;
		border-radius: 15px;
	}
	
	.offer__form-img {
		border-radius: 15px;
	}
	
	/* portfolio */
	
	.portfolio {
		border-radius: 20px;
	}
	
	.portfolio__item {
		padding: 15px;
		border-radius: 15px;
	}
	
	.portfolio__item-images {
		grid-template-columns: 1fr;
		grid-template-rows: 1fr 1fr;
	}
	
	.portfolio__item-img {
		border-radius: 15px;
	}
	
	.portfolio__item-block {
		padding: 10px;
		border-radius: 10px;
	}
	
	.portfolio__navigation, .portfolio__nav {
		gap: 10px;
	}
	
	.portfolio__form {
		padding: 15px;
		padding-bottom: 140px;
		border-radius: 15px;
	}
	
	.portfolio__form-socials {
		width: 100%;
		align-self: flex-start;
		align-items: flex-start;
		text-align: left;
	}
	
	/* doc */
	
	.doc__info-block::after {
        width: 59px;
        height: 43px;
    }
	
	.doc__block-text {
		width: 100%;
	}
	
	.doc__info-item {
		border-radius: 10px;
	}
	
	.doc__info-item-title {
		font-size: 14px;
		line-height: 120%;
	}
	
	.doc__info-item-span {
		font-size: 12px;
	}
	
	.doc__card, .doc__card-body, .doc__card-info {
		padding: 10px;
		border-radius: 10px;
	}
	
	.doc__card-info {
		gap: 10px;
	}
	
	.doc__card-link {
		border-radius: 10px;
	}
	
	.doc__card-info-list {
		align-items: flex-start;
    	flex-direction: column;
	}
	
	.doc__card-title {
		font-size: 18px;
	}
	
	.doc__card-text {
		font-size: 14px;
		line-height: 130%;
	}
	
	.doc__card-bottom-span::before {
		bottom: -15px;
        right: -60px;
		width: 63px;
    	height: 34px;
	}
	
	/* footer */
	
	.footer {
		border-radius: 20px;
	}
	
	.footer__form-info {
		gap: 20px;
		padding: 15px;
		border-radius: 15px;
	}
	
	.footer__form-block {
		align-items: flex-start;
		margin-top: 0;
		gap: 10px;
		text-align: left;
	}
	
	.footer__form-image {
		border-radius: 15px;
	}
	
	.footer__content {
		display: flex;
		flex-direction: column;
		align-items: center;
		padding: 15px;
		border-radius: 15px;
	}
	
	.copyright__content {
		gap: 10px;
		flex-direction: column;
		align-items: center;
	}
	
	/* mobile */
	
	.mobile-menu__content {
        width: 100%;
		padding: 15px;
		border-radius: 15px;
    }
	
	.not-found__icon {
		width: 100%;
	}
}


/*  */

.popup {
    z-index: 9999;
    opacity: 0;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    justify-content: center;
    align-items: center;
    display: none;
    position: fixed;
    inset: 0%;
}

.popup-bg {
    z-index: 9998;
    background-color: #0000004d;
    position: absolute;
    inset: 0%;
}

.popup-close {
    background-image: url("https://cdn.prod.website-files.com/6a5482195b1476a9f7aa90e8/6a54aff1f3fa66b136bd2f3b_Vecfsdfsdfsdtor.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto;
    width: 24px;
    height: 24px;
    position: absolute;
    inset: 20px 20px auto auto;
}

.popup-block {
    position: relative;
    z-index: 9999;
    padding: 30px;
    max-width: 600px;
    width: 100%;
    background-color: var(--white);
    border-radius: 20px;
}

/*  */

#custom-form .custom-field, #custom-form .custom-label {
	padding-top: 5px;
	padding-bottom: 5px;
}

#custom-form .custom-field input {
	height: 50px;
}

#custom-form .custom-label label {
	font-size: 14px;
}

#custom-form .custom-label label a {
	display: inline;
	text-decoration: underline;
}

#custom-form .custom-form-btn {
	height: 50px;
}

#custom-form .custom-form {
	margin: 0;
}

#custom-form .wpforms-title {
	font-size: 32px;
	font-weight: 600;
	line-height: 130%;
}

@media screen and (max-width: 479px) {
	#custom-form .wpforms-title {
		font-size: 24px;
	}
	
	.popup-block {
		padding: 15px;
		border-radius: 15px;
	}
}