@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&display=swap');

::-webkit-scrollbar {
 background-color:#ccc;
 width:8px
}
::-webkit-scrollbar-thumb {
 background-color:#d7b37c
}
 *::-moz-selection {
 background:#4b3a51;
 color: #ffffff;
 text-shadow: none;
}
::-moz-selection {
 background: #4b3a51;
 color: #ffffff;
 text-shadow: none;
}
::selection {
 background: #4b3a51;
 color: #ffffff;
 text-shadow: none;
}
:root {
--green:#3f6f6b;
--mint:#9fcac4;
--gold:#d7b37c;
--brown:#6b5b45;
--light:#efefef;
}
* {
	font-family:'Archivo', sans-serif;
}
body {
	background: #4b3a51;
	color: #4b3a51;
}
.wrapper {
	max-width:1200px;
	margin:40px auto;
	border-radius:18px;
	overflow-x: hidden;
	background:#f4f4f4;
	box-shadow:0 20px 40px rgba(0, 0, 0, .15);
}
li {
	list-style:none;
}
.k-szoveg {
	padding-right: 100px;
	text-align: left;
}
.csapat-szoveg {
	width: 690px;
	margin: 25px auto 25px;
}
.mvc {
	padding-top:40px;
}
.gr {
	display: block;
	font-size: 24px;
	margin-bottom: 10px;
	font-weight:500;
}
.imx {
	width:100%;
	height:auto;
	padding:10px;
	filter:none;
	-webkit-transform:scale(1);
	transform:scale(1);
-webkit-transition:.5s ease-in-out;
transition:.5s ease-in-out;
}
.imx:hover {
	-webkit-transform:scale(.96);
	transform:scale(.96);
	filter:grayscale(65%);
	-webkit-filter:grayscale(65%);
}
.blog-focim a {
	font-size: 19px;
	color: #4b3a51;
	text-decoration: none;
	font-weight: 600;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}
.blog-focim a:hover {
	color: #d7b37c;
}
.blog-tovabb a {
	margin-top: 10px;
	font-size: 14px;
	color: #c7a597;
	text-decoration: none;
	font-weight: 600;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}
.blog-tovabb a:hover {
	color: #4b3a51;
}
.blog {
	float:left;
}
.csapatunk {
	padding: 45px 40px 45px;
	text-align: center;
}
.lablec-container {
	width: 1100px;
	text-align: center;
	margin: -15px auto 0px;
	font-size: 12px;
	color: #ffffff;
}
.vav {
	font-size: 10px;
	margin-bottom: 15px;
	margin-top: 15px;
	line-height: 13px;
	color: #ffffff;
	font-family: Roboto;
}
.tovabb {
	background:#d7b37c;
	text-align:center;
	padding-top:40px;
	padding-bottom:40px;
}
.ne {
	padding-left: 150px;
	padding-right: 150px;
}
.qc {
	font-size: 40px;
}
.te {
	font-size: 24px;
	font-weight:600;
}
.kmedia {
	position: absolute;
	margin-top: -50px;
	font-size: 21px;
	color: #4b3a51;
}
.nev {
	font-weight: 600;
	font-size: 19px;
	margin-bottom: -10px !important;
	display: block;
}
.acv {
	font-weight: 600;
	margin-top: -9px;
	display: block;
	margin-bottom: -20px;
	font-size: 18px;
}
.gyik b {
	font-size: 20px;
	margin-bottom: -20px;
	display: block;
}
.gyik2 {
	font-size: 16px;
	display: block;
	font-weight: 600;
	border: 2px solid #4a3950;
	width: 640px;
	margin: 0 auto 12px;
	padding: 4px;
	border-radius: 8px;
}
.gyik3 {
	font-size: 13px;
	font-style: italic;
}
.cs {
	font-size: 36px !important;
	margin-bottom: 10px;
	margin-top: -30px;
}
.ptc {
	padding-left:60px;
	padding-right:60px;
}
.nti {
	text-align:left;
}
.nti h4 {
	color: #4b3a51;
	font-size: 28px;
}
.kapcsolat {
	background: #8fc1bd;
}
.ti {
	float:left;
}
.ud {
	color: #4b3a51;
	display: block;
	margin-bottom: 3px;
}
.flaticon-linkedin {
	font-size: 24px;
	position: relative;
	top: 7px;
	color: #4b3a51;
}
.flaticon-instagram {
	font-size: 24px;
	position: relative;
	top: 7px;
	color: #4b3a51;
}
.flaticon-facebook {
	font-size: 24px;
	position: relative;
	top: 7px;
	color: #4b3a51;
}
.hv {
	padding-top: 0px;
	float: right;
	padding-left: 90px;
}
.ert {
	font-size: 12px;
	position: relative;
	top: -13px;
	font-weight: 600;
}
.jp {
	font-weight: 400;
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 0px;
	display: block;
	text-align: center;
	margin-top: -10px;
}
.cp {
	font-size: 24px;
	line-height: 28px;
	text-align: center;
	width: 80%;
	margin: 6px auto 0px;
}
.nm {
	color: #d7b37c;
}
.it {
	color: #8fc1bd;
}
.it:hover {
	color: #d7b37c;
}
.oz {
	text-align:center;
}
.sk {
	font-size: 21px;
	display: block;
}
.villogas {
	animation:2s linear infinite blinker;
	animation-iteration-count: 3;
}
@keyframes blinker {
50% {
opacity:0
}
}
.fter1 {
	color: #d7b37c;
}
.fter1v {
	color: #d7b37c;
}
#preloader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 9999;
	transition: opacity 0.5s ease, visibility 0.5s ease;
}
#preloader.hidden {
	opacity: 0;
	visibility: hidden;
}
.preloader {
	position: relative;
	width: 250px;
	height: 250px;
}
.preloader img {
	width: 230px;
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
	animation: pulse 1.5s ease-in-out infinite;
}
 @keyframes pulse {
 0%, 100% {
transform: translate(-50%, -50%) scale(1);
opacity: 1;
}
 50% {
transform: translate(-50%, -50%) scale(1.2);
opacity: 0.8;
}
}
.halo {
	position: absolute;
	top: 119px;
	left: 132px;
	width: 250px;
	height: 250px;
	border-radius: 50%;
	transform: translate(-50%, -50%) rotate(0deg);
	animation: spinHalo 2s linear infinite, glowHalo 1.5s ease-in-out infinite alternate;
	z-index: 1;
}
 @keyframes spinHalo {
 0% {
transform: translate(-50%, -50%) rotate(0deg);
}
 100% {
transform: translate(-50%, -50%) rotate(360deg);
}
}
 @keyframes glowHalo {
}
 .halo::before {
transform: rotate(45deg);
}
 .halo::after {
transform: rotate(90deg);
}
#main-content {
	display: none;
	padding: 2rem;
	text-align: center;
}
#main-content.visible {
	display: block;
}
.logo {
	display: inline-block;
}
.logo-link {
	position: relative;
	display: inline-block;
	overflow: hidden;
}
.logo-link img {
	display: block;
	height: auto;
	max-width: 180px;
	padding-top: 15px;
	padding-bottom: 15px;
}
 .logo-link::before {
 content: "";
 position: absolute;
 top: 0;
 left: -75%;
 width: 50%;
 height: 100%;
 background: linear-gradient( 120deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0.1) 100% );
 transform: skewX(-25deg);
}
 .logo-link:hover::before {
 animation: shine 0.9s ease forwards;
}
 @keyframes shine {
 100% {
 left: 125%;
}
}
.logo2 {
	display: inline-block;
}
.logo-link2 {
	position: relative;
	display: inline-block;
	overflow: hidden;
}
.logo-link2 img {
	display: block;
	height: auto;
	max-width: 180px;
	padding-top: 15px;
	padding-bottom: 15px;
}
 .logo-link2::before {
 content: "";
 position: absolute;
 top: 0;
 left: -75%;
 width: 50%;
 height: 100%;
 background: linear-gradient( 120deg, rgba(244, 244, 244, 0.1) 0%, rgba(244, 244, 244, 0.7) 50%, rgba(244, 244, 244, 0.1) 100% );
 transform: skewX(-25deg);
}
 .logo-link2:hover::before {
 animation: shine 0.9s ease forwards;
}
 @keyframes shine {
 100% {
 left: 125%;
}
}
.accordion-box {
	padding-left:0px;
}
.ch {
	color: #8fc1bd;
	font-size:18px;
}
.iw {
	background: #ffffff!important;
	color: #4b3a51!important;
}
.acc-btn {
	color: #4b3a51;
	font-weight: 600;
	font-size: 18px;
	display: block;
	position: relative;
	margin-bottom: -15px;
}
.btn-gold {
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}
.btn-gold:hover {
	background:#6a5b45;
	color:#fff;
}
.oldalfocim {
	font-size: 24px;
	color: #4b3a51;
	font-weight: 500;
}
.impress {
	text-align: center;
	color: #4b3a51;
}
.gomb-fent .dark-testimonial-section .testimonial-box {
	background: rgba(var(--bg-color), 1);
	position: relative;
 padding: calc(15px + 15 * (100vw - 320px) / 1600);
	border: 1px solid transparent;
	z-index: 2;
	border-radius: 20px;
}
.dark-testimonial-section .testimonial-box:hover::before {
 opacity: 1;
 visibility: visible;
}
.dark-testimonial-section .testimonial-box::after {
 content: "";
 position: absolute;
 inset: 0;
 border-radius: 20px;
 padding: 0.6px;
 background: linear-gradient(345deg, rgba(var(--border-color), 0) 0%, rgba(var(--border-color), 0.3) 100%);
 -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
 -webkit-mask-composite: xor;
 mask-composite: exclude;
 z-index: -1;
}
.dark-testimonial-section .testimonial-box::before {
 content: " ";
 position: absolute;
 inset: 0;
 z-index: -1;
 border: inherit;
 border-radius: inherit;
 background-image: conic-gradient(from var(--angle), rgba(var(--border-color), 0) 80%, #cfd8ff 0%, #cfd8ff 40%, rgba(var(--border-color), 0) 83%);
 background-origin: border-box;
 -webkit-mask: linear-gradient(black, black), linear-gradient(black, black);
 mask: linear-gradient(black, black), linear-gradient(black, black);
 -webkit-mask-clip: content-box, border-box;
 mask-clip: content-box, border-box;
 -webkit-mask-composite: xor;
 mask-composite: exclude;
 animation: spin 8s linear infinite;
 opacity: 0;
 visibility: hidden;
 transition: 0.4s ease;
}
.dark-testimonial-section .testimonial-box p {
 margin-bottom: calc(15px + 15 * (100vw - 320px) / 1600);
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
@media (max-width: 1399px) {
 .dark-testimonial-section .testimonial-box p {
 -webkit-line-clamp: 2;
}
}
.ks {
	text-align: center;
}
.ks .btn-gold:hover {
	background: #d7b37c!important;
	color: #4b3a51!important;
}
.ikon-sor {
	margin-top: 40px;
}
.cdf {
	text-align: center;
	font-size: 14px;
	font-weight: 600;
	padding-top: 15px;
}
.tsa {
	width: 100%;
	text-align: center;
	font-size: 160px;
	color: #d7b37c;
	position: relative;
	top: -180px;
	margin-bottom: -260px;
}
.ibx {
	text-align:center;
}
.imc {
	width:88px;
	height:auto;
}
.vn {
	width: 48px;
	height: 48px;
	padding: 0px;
	text-align: center;
	line-height: 48px;
	margin-top: -25px;
}
.vn {
	display:none;
}
.dark-testimonial-section .testimonial-box .testimonial-rating-flex {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 5px;
	width: 100%;
}
.dark-testimonial-section .testimonial-box .testimonial-rating-flex .testimonial-profile {
	display: flex;
	align-items: center;
 gap: calc(10px + 10 * (100vw - 320px) / 1600);
 width: calc(100% - (100px + 30 * (100vw - 320px) / 1600) - 5px);
}
.dark-testimonial-section .testimonial-box .testimonial-rating-flex .testimonial-profile img {
 width: calc(30px + 20 * (100vw - 320px) / 1600);
 height: calc(30px + 20 * (100vw - 320px) / 1600);
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: 100%;
}
.dark-testimonial-section .testimonial-box .testimonial-rating-flex .testimonial-profile .testimonial-name {
 width: calc(100% - (30px + 20 * (100vw - 320px) / 1600) - (10px + 10 * (100vw - 320px) / 1600));
}
.dark-testimonial-section .testimonial-box .testimonial-rating-flex .testimonial-profile .testimonial-name h5 {
	color: rgba(var(--white), 1);
	font-weight: 500;
}
.dark-testimonial-section .testimonial-box .testimonial-rating-flex .testimonial-profile .testimonial-name span {
 font-size: calc(14px + 2 * (100vw - 320px) / 1600);
}
.dark-testimonial-section .testimonial-box .testimonial-rating-flex .rating-list {
	display: flex;
	align-items: center;
	gap: 2px;
	border: 0.2px solid rgba(var(--white), 0.05);
 padding: calc(5px + 2 * (100vw - 320px) / 1600) calc(10px + 10 * (100vw - 320px) / 1600);
	border-radius: 20px;
	background: linear-gradient(90deg, rgb(8, 13, 37) 0%, rgb(13, 22, 63) 100%);
 width: calc(100px + 30 * (100vw - 320px) / 1600);
}
.dark-testimonial-section .testimonial-box .testimonial-rating-flex .rating-list li {
 font-size: calc(14px + 2 * (100vw - 320px) / 1600);
	line-height: 1;
}
.dark-testimonial-section .testimonial-box .testimonial-rating-flex .rating-list li i {
	color: rgba(var(--theme-color), 1);
}
.text p {
	color: #4b3a51;
}
.navbar-custom {
	background:var(--green);
	padding:26px 60px;
	color:#fff;
}
.logo {
	font-weight:700;
	letter-spacing:1px;
	font-size:1.3rem;
}
.btn-gold {
	background:var(--gold);
	border:none;
	border-radius:40px;
	padding:12px 34px;
	font-weight:600;
}
.btn-gold2 {
	background: #d7b37c;
	color: #4b3a51;
	border: none;
	border-radius: 40px;
	padding: 12px 34px;
	font-weight: 600;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}
.btn-gold2:hover {
	background:#8fc1bd;
	color:#fff;
}
.navbar-custom {
	background:#fff;
	padding:0px 40px;
	color:#fff;
}
.logo {
	font-weight: 700;
	letter-spacing: 0px;
	width: 200px;
}
.btn-gold {
	background: #4b3a51;
	border: none;
	border-radius: 30px;
	padding: 10px 26px;
	font-weight: 300;
	color: #fff;
	font-size: 16px;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}
.btn-gold:hover {
	background:#8fc1bd;
	color:#fff;
}
 .btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {
 background:#8fc1bd;
 color:#fff;
}
.gmb {
	display: block;
	margin-top: 15px;
}
.hero {
	background:url('../img/szerverecske-banner.jpg') center/cover no-repeat;
	padding:100px 70px;
	min-height:520px;
	align-items:center;
}
.hero h1 {
	font-size:3.5rem;
	font-weight:800;
	line-height:1.05;
	max-width:540px;
}
.hero p {
	max-width:420px;
	color:#333;
	margin-top:20px;
	font-size:1.05rem;
}
.hero {
	padding:145px 60px;
}
.hero h1 {
	font-size: 66px;
	font-weight: 800;
	line-height: 1.1;
	max-width: 575px;
	color: #4d3456;
}
.hero p {
	max-width:420px;
	color:#444;
	margin-top:15px;
}
.icon-row {
	overflow:hidden!important;
}
.fejlec-telefon {
	color: #4b3a51;
	line-height: 21px;
	position: relative;
	top: 2px;
}
.fsor1 {
	display: block;
	color: #d7b37c;
	font-size: 13px;
}
.fsor2 {
	font-size: 21px;
	font-weight: 500;
}
.mj {
	width: 38px;
	position: absolute;
	margin-left: -46px;
	margin-top: 4px;
}
.splitter {
	background: #c7a597;
	padding: 45px 70px 40px 70px;
	text-align: center;
}
.split-left {
	background:#dedede;
	padding:70px;
}
.split-right {
	background:var(--mint);
	padding:70px;
}
.split p {
}
.split-left {
	background:#c7a597;
	padding:40px;
}
.split-right {
	background:#d7b37c;
	padding:40px;
}
.split-left p, .split-right p {
	margin-bottom: 10px;
	margin-top: 5px;
}
.kiemelt {
	font-size: 48px;
	font-weight: 500;
}
.cdf2 {
	font-size: 24px;
}
.aloldal-bg {
	background:#eebe4221 !important;
}
.icon-row {
	background:var(--brown);
	color:#fff;
	padding:80px 60px;
}
.icon-item {
	text-align:center;
}
.icon-circle {
	width:72px;
	height:72px;
	border-radius:50%;
	border:2px solid var(--gold);
	display:flex;
	align-items:center;
	justify-content:center;
	margin:0 auto 18px;
	font-size:1.4rem;
}
.icon-row {
	background: #6a5b45;
	color: #fff;
	padding: 45px 40px 40px;
}
.icon-item {
	text-align:center;
}
.icon-circle {
	width:70px;
	height:70px;
	border-radius:50%;
	border:2px solid #d7b37c;
	display:flex;
	align-items:center;
	justify-content:center;
	margin:0 auto 15px;
}
.price-box {
	background:#7a694e;
	border-radius:22px;
	padding:45px;
	text-align:center;
	border:2px solid var(--gold);
}
.vissza {
	width: 48px;
	height: 48px;
	padding: 0px;
	text-align: center;
	line-height: 48px;
	margin-top: -25px;
}
.vs {
	position: absolute;
	color: #4b3a51;
	margin-left: -60px;
	font-size: 12px;
	margin-top: 55px;
	font-weight: 500;
	text-transform: uppercase;
	width: 100px;
	line-height: 14px;
}
.zold {
	background: #493c4e;
}
.kf {
	font-size: 13px;
	padding-left: 100px;
	padding-right: 100px;
	position: relative;
	display: block;
}
.gk {
	color: #d7b37c;
	font-size: 21px;
}
.mu {
	background: #d7b37c;
}
.price-box {
	background: #4b3a51;
	border-radius: 20px;
	padding: 40px;
	text-align: center;
	border: 2px solid #d7b37c;
	width: 480px;
	margin: 0px auto 40px;
}
.price-box {
	background: #ffffff;
	border-radius: 20px;
	padding: 40px 40px 30px 40px;
	text-align: center;
	border: 2px solid #d7b37c;
	width: 480px;
	margin: 0px auto 40px;
	color: #4b3a51;
}
.price-box h2 {
	font-size: 60px;
	font-weight: 600;
	font-family:'Archivo';
}
.open-modal-btn {
	background: #f4c430;
	border: none;
	padding: 14px 28px;
	border-radius: 8px;
	font-weight: 600;
	cursor: pointer;
	transition: 0.3s;
}
.open-modal-btn:hover {
	transform: translateY(-2px);
}
body {
	font-family: 'Archivo', sans-serif;
	overflow-x: hidden;
}
.linx {
	color: #915da3;
}
.slider-container {
	overflow: hidden;
	position: relative;
}
.slider-track {
	display: flex;
	transition: transform 0.6s ease;
}
.card {
	flex: 0 0 25%;
}
 @media (max-width: 992px) {
 .card {
flex: 0 0 50%;
}
}
 @media (max-width: 600px) {
 .card {
flex: 0 0 100%;
}
}
.slider-track.dragging {
	transition: none;
	cursor: grabbing;
}
.card {
	background: #fff;
	border-radius: 16px;
	padding: 30px;
	margin: 10px;
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.05);
	min-width: calc(25% - 20px);
	user-select: none;
}
.quote {
	font-size: 50px;
	color: #f4c430;
	opacity: 0.2;
}
.text {
	margin-top: 20px;
	font-size: 14px;
	color: #555;
}
.author {
	display: flex;
	align-items: center;
	margin-top: 25px;
}
.author img {
	width: 45px;
	height: 45px;
	border-radius: 50%;
	margin-right: 12px;
}
.dots {
	text-align: center;
	margin-top: 25px;
}
.dot {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 6px;
	background: #ccc;
	border-radius: 50%;
	cursor: pointer;
	transition: 0.3s;
}
.dot.active {
	background: #000;
	transform: scale(1.2);
}
 @media(max-width:992px) {
 .card {
min-width: calc(50% - 20px);
}
}
 @media(max-width:600px) {
 .card {
min-width: calc(100% - 20px);
}
}
.modal-overlay {
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, 0.65);
	display: none;
	justify-content: center;
	align-items: center;
	z-index: 9999999;
}
.modal-overlay.active {
	display: flex;
}
.modal-box {
	background: #fff;
	width: 90%;
	max-width: 500px;
	padding: 40px;
	border-radius: 16px;
	position: relative;
}
.modal-box h2 {
	margin-bottom: 20px;
	color:#4b3a51;
}
.modal-box input, .modal-box textarea {
	width: 100%;
	padding: 12px;
	margin-bottom: 15px;
	border-radius: 8px;
	border: 1px solid #ddd;
}
.modal-box button {
	width: 100%;
	padding: 12px;
	border: none;
	color:#fff;
	background: #4b3a51;
	border-radius: 8px;
	font-weight: 600;
}
.close-btn {
	position: absolute;
	right: 18px;
	top: -8px;
	font-size: 48px;
	cursor: pointer;
	color: #d7b37c;
	z-index: 9;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}
.close-btn:hover {
	color: #fff;
}
.tbx {
	width: 61px;
	float: left;
	margin-right: 8px;
	height: 55px;
	top: -7px;
	position: relative;
}
.hmc {
	width: 100%;
	height: auto;
}
.social {
	padding:80px 60px;
	background:var(--brown);
	color:#fff;
}
.avatar {
	width:52px;
	height:52px;
	border-radius:50%;
	background:#ccc;
}
.social {
	padding:60px 40px;
	background:#6a5b45;
	color:#fff;
}
.avatar {
	width:50px;
	height:50px;
	border-radius:50%;
	background:#ccc;
}
.quotes {
	background: #8fc1bd;
	padding: 45px 20px 50px;
}
.quote-box {
	padding: 0px;
	border-radius: 0px;
}
.footer-cta {
	text-align:center;
	padding:35px 40px;
}
.dark-testimonial-section {
	padding-top:60px;
	padding-bottom:60px;
}
.title-style-4 {
	text-align: center;
	margin-bottom: 50px;
}
.dark-testimonial-section .container {
	padding-left:60px;
	padding-right:60px;
}
.testimonial-box {
	border: 1px solid #4b3a511a;
	padding: 40px;
	border-radius: 10px;
	background: #efefef;
}
.swiper-pagination {
	position: relative;
	top: 2px !important;
	padding-top: 20px;
}
.quote {
	font-size: 50px;
	color: #f4c430;
	opacity: 0.2;
}
.text {
	margin-top: 20px;
	color: #555;
	font-size: 14px;
	line-height: 1.6;
}
.author {
	display: flex;
	align-items: center;
	margin-top: 25px;
}
.author img {
	width: 45px;
	height: 45px;
	border-radius: 50%;
	margin-right: 12px;
}
.author-name {
	font-weight: 600;
	font-size: 14px;
}
.mySwiper {
	max-width: 1100px;
	height: 100vh;
	display: flex;
	align-items: center;
}
.card {
	text-align: center;
	background-color: #ffffff;
	padding:20px 30px;
	border-radius: 10px;
	box-shadow:rgb(149 157 165 / 20%) 0px 8px 24px;
}
.swiper-slide {
	display:flex;
	align-items:center;
}
.card img {
	width: 130px;
	border-radius: 50%;
	margin-top:-70px;
}
.swiper-button-next, .swiper-rtl .swiper-button-prev {
	color:#0096FF;
}
.swiper-button-next:after, .swiper-button-prev:after {
	font-size:32px;
}
.review i {
	color:orange;
}
.gomb-fent {
	font-size:16px;
}
.ju {
	position: relative;
	top: 27px;
	background: #8fc1bd;
	padding-top: 10px;
	padding-bottom: 10px;
	z-index:2;
}
.hvx {
	margin-top: 0px;
}
.focim {
	font-size: 24px;
	font-weight: 500;
	margin-bottom: 15px;
	text-align:center;
}
.kie {
	font-size:24px;
	line-height:28px;
}
.elkuldve-oldal {
	text-align:center!important;
}
.elkuldve-oldal h2 {
	font-size: 230px!important;
}
.elkuldve-oldal h3 {
	font-size: 48px!important;
}
.elkuldve-oldal p {
	margin: 0 auto 20px;
	width: 700px;
}
.tv {
	font-size: 13px;
	line-height: 15px;
}
.bs {
	flex: 0 0 auto;
	width: 16.66%;
	border-right: 1px dashed #4b3a51;
}
.cps {
	border-right: 0px!important;
}
.ts {
	margin-top: 25px;
	text-align: center;
	font-size: 21px;
	font-weight: 400;
}
.bk {
	font-size:36px;
}
.asa {
	font-size:64px;
}
.mozgas {
	display: inline-block;
	animation: lebeg 1.5s ease-in-out infinite;
}
 @keyframes lebeg {
 0% {
 transform: translateY(0);
}
 50% {
 transform: translateY(8px);
}
 100% {
 transform: translateY(0);
}
}
 @media(max-width:1200px) {
.hero h1 {
font-size:2.7rem
}
 .btn-gold2 {
 padding: 12px 20px;
 font-size: 14px;
}
 .cp {
 font-size: 19px;
 line-height: 23px;
 width: 100%;
 margin: 6px auto 0px;
}
.jp {
 font-size: 24px;
 line-height: 30px;
 margin-top: -15px;
}
 .lablec-container {
 width: 96%;
}
}
@media(max-width:991px) {
 .tre {
 display:none!important;
}
 .csapat-szoveg {
 width: 100%!important;
 margin: 25px auto 0px;
}
.hero {
 text-align: center;
 padding: 188px 30px 0px;
 background: url('../img/szerverecske-banner-mobil.jpg')!important;
 background-repeat: no-repeat!important;
 background-position: right!important;
 min-height: 520px;
 background-size: cover !important;
}
.hero h1 {
margin:0 auto
}
.wrapper {
 margin: 20px auto 40px;
}
 .logo2 {
 display: block;
 margin: 0 auto;
}
.ert {
 font-size: 12px;
 top: -15px;
 font-weight: 600;
 text-align: center;
 width: 100%;
 position: relative;
 display: block;
}
.nti {
 order: 2;
 text-align: center;
 width: 100%;
 padding-top: 20px;
}
.nm {
 font-size: 44px;
}
 .logo-link2 img {
 max-width: 220px;
}
.tovabb {
 padding-top: 30px;
 padding-bottom: 30px;
}
 .hv {
 text-align:center;
 width:100%;
 padding-top: 0px;
 float: none;
 padding-left: 0px;
 order: 1;
}
.imc {
 width: 66px;
 height: auto;
}
.cdf {
 font-size: 12px;
}
.tv {
 font-size: 11px;
 line-height: 14px;
}
.modal-box {
 padding: 30px;
}
.ne {
 padding-left: 40px;
 padding-right: 40px;
}
.k-szoveg {
 padding-right: 20px;
}
}
@media(max-width:768px) {
 .splitter {
 padding: 40px 20px 30px 20px;
}
 .split-left {
 padding: 25px 20px 25px 20px;
}
 .split-right {
 padding: 25px 20px 25px 20px;
}
 .ti {
 float: none;
}
.cs {
 font-size: 32px !important;
 margin-bottom: 10px;
 margin-top: -15px;
}
.gyik b {
 font-size: 18px;
}
.gyik2 {
 font-size: 14px;
 width: 90%;
}
.sh {
 max-width: 140px!important;
}
.jp {
 font-size: 21px;
 line-height: 30px;
 margin-top: -20px;
}
.imc {
 width: 52px;
 height: auto;
}
.b1 {
 border-right: 1px dashed #4b3a51!important;
}
 .b2 {
 border-right: 1px dashed #4b3a51!important;
 border-top:1px dashed #4b3a51!important;
 border-bottom:1px dashed #4b3a51!important;
}
.bs {
 flex: 0 0 auto;
 width: 50%;
 border-right: 0px;
 margin-bottom:15px;
}
 .footer-cta {
 text-align: center;
 padding: 30px 20px;
}
.modal-box {
 width: 100%;
 max-width: 100%;
 padding: 20px;
}
.te {
 font-size: 19px;
 margin-bottom: -40px;
 display: block;
}
.qc {
 font-size: 30px;
}
.hvx {
 display: block;
 margin-top: 5px;
}
.ne {
 padding-left: 20px;
 padding-right: 20px;
}
 .k-szoveg {
 padding-right: 0px;
 text-align: center;
}
.mvc {
 padding-top: 20px;
 padding-bottom: 25px;
}
.kiemelt {
 font-size: 28px;
 font-weight: 500;
}
.icon-row {
 padding: 40px 20px;
}
 .nm {
 font-size: 28px;
}
 .price-box h2 {
 font-size: 48px;
 font-weight: 600;
}
 .price-box {
 padding: 30px 20px 20px 20px;
 width: 300px;
 margin: 0px auto 30px;
}
 .gomb-fent {
 display:none;
}
 .imc {
 font-size: 24px;
 font-weight: 300;
}
 .navbar-custom {
flex-direction:column;
gap:15px
}
.split-left, .split-right {
padding:20px;
text-align:center;
}
 .vs {
 display:none;
}
.vissza {
 position: absolute;
 right: 10px;
 top: 81px;
}
 .aloldal-bg {
 padding: 40px 20px;
}
.vn {
 position: absolute;
 right: 10px;
 top: 81px;
 display: block;
 width: 48px;
 height: 48px;
 padding: 0!important;
}
.csapatunk {
 padding: 30px 30px;
 text-align: center;
}
 .bk {
 font-size: 28px;
}
}
 @media(max-width:575px) {
.hero h1 {
 font-size: 36px !important;
}
 .gyik2 br {
 display:none!important;
}
.gyik3 br {
 display:none!important;
}
 .gyik {
 font-size: 15px;
}
 .ptc {
 padding-left: 15px;
 padding-right: 15px;
}
.gyik b {
 font-size: 16px;
 line-height: 19px;
}
.cs {
 font-size: 24px !important;
}
.kf {
 padding-left: 20px!important;
 padding-right: 20px!important;
}
.hero {
 min-height: 400px!important;
}
.hero {
 padding: 135px 30px 0px;
}
.kie {
 font-size: 19px;
 line-height: 21px;
}
}
 @media(max-width:480px) {
.hero {
 padding: 140px 30px 0px;
}
.hero h1 {
 font-size: 28px !important;
}
.jp {
 font-size: 19px;
 line-height: 24px;
 margin-top: -5px;
}
.cp {
 font-size: 17px;
 line-height: 21px;
 width: 100%;
 margin: 5px auto 0px;
}
 .el {
 font-size: 19px;
}
.te {
 font-size: 15px;
}
.nm {
 font-size: 24px;
}
}
