/* manrope-regular - greek_latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/manrope-v15-greek_latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* manrope-500 - greek_latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 500;
	src: url('../fonts/manrope-v15-greek_latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* manrope-600 - greek_latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 600;
	src: url('../fonts/manrope-v15-greek_latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* manrope-700 - greek_latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/manrope-v15-greek_latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


body {
	background-color: #F5F4F5;
	color: #B5B5B5;
	font-size: 16px;
	font-family: 'Manrope';
	font-weight: 400;
	overflow-x: hidden;
}

.page {
	overflow-x: hidden;
}

a, .btn-link {
	text-decoration: none;
	color: #030304;
}

img {
	height: auto;
	max-width: 100%
}

.header {
	margin-bottom: 30px;
	padding-top: 25px;
}

header a, header .btn-link {
	font-weight: 600
}

header .container-xxl {
	max-width: 1570px
}

a.logo {
	max-width: 80px;
	display: block;
	margin: auto;
}

.offcanvas-header  a.logo {
	margin: 0;
}

.container-xxl {
	max-width: 1525px
}

.btn-offcanvas {
	display: flex;
	align-items: center;
}

.btn-offcanvas img {
	height: 15px;
	margin-right:5px
}

#mod-custom110 {
	font-size: 60px;
	color: #030304;
	height: 50vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
	line-height: 1.2;
	position: relative;
	margin-bottom: 200px;
}

#mod-custom110 p {
	margin: 30px 0 0;
}

.line {
	border-bottom: 2px solid #B5B5B5;
	position: absolute;
	line-height: 0;
}

.line-1 {
	width: 60%;
	left: 15px;
	top: 10%;
}

.line-2 {
	width: 26%;
	left: 158px;
	top: 0;
	transform: rotate(90deg);
	transform-origin: left;
}

.line-3 {
	width: 26%;
	top: 3%;
	transform: rotate(90deg);
	transform-origin: left;
	left: 93%;
}

.line-4 {
	width: 56%;
	transform: rotate(180deg);
	transform-origin: left;
	left: 100%;
	bottom: 25px;
}

.line::after {
	content: "";
	width: 6px;
	height: 6px;
	background-color: #B5B5B5;
	display: block;
	position: absolute;
	right: 0;
	top: -1px;
	transform: rotate(-45deg);
	transform-origin: top;
	z-index: 1;
}

.top-2 {
	font-size: 45px;
	line-height: 2;
}

#mod-custom111 {
	margin-bottom: 200px;
}

#mod-custom112 {
	max-width: 1355px;
	margin: auto;
	font-weight: 500;
	position: relative;
	padding-bottom: 90px;
	margin-bottom: 200px;
}


#mod-custom112 span:not(:first-of-type), #mod-custom112 b {
	color: #000;
	font-weight: 500;
}

#mod-custom112 span:first-of-type {
   padding-left: 80px
}

.line.line-5 {
	width: 67%;
	left: -75px;
	bottom: 0
}

.top-3 {
	font-size: 30px;
	margin-bottom: 200px
}

.top-3 h2 {
	font-size: 70px;
	color: #000;
}

.line-6 {
	width: 100%;
	position: relative;
	margin-left: -30px;
	transform: rotate(180deg);
	margin-bottom: 120px;
	margin-top: 90px;
}

.button {
	margin-top: 60px;
	display: inline-block;
	border: 1px solid #000;
	padding: 15px 35px;
	font-size: 22px;
}

.top-3 .h-100 {
	padding: 60px 90px 100px 200px;
}

.bg-dark {
	background-color: #000;
	color: #fff;
	font-size: 25px
}

.bottom-1 {
	margin-bottom: 0;
	max-width: 1920px;
}

.bottom-1 a {
	color: #fff
}

.bottom-1 .h-100 {
	padding: 15%
}

.bottom-1 h2 {
	font-size: 70px
}

.bottom-1 .h-100 {
	padding: 7% 15% 10%;
}
.bottom-1 .small {
	font-size: 20px;
	border-top: 2px solid;
	padding-top: 10px;
	margin-top: auto;
}

.bottom-2 .moduletable {
	padding: 150px 0;
	position: relative;
	width: 100vw;
}

		.bottom-2 .custom {
			font-size: 115px;
			line-height: 1;
			white-space: nowrap;
			position: relative;
			left: 50%;
			transform: translate(-50%, 0);
			color: #fff;
			font-weight: bold;
			width: 10000px;
			margin: 0;
			text-align: center;
			transition: transform 0.2s ease-out; /* Smooth transition */
		}

footer .container-xxl:first-of-type {
	border-top: 2px solid;
	padding-top: 70px;
	color: #000
}

footer a {
	color: #000
}

footer h3 {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 20px
}

footer li {
	margin-bottom: 10px
}

#mod-custom118 {
	color: #000;
	font-size: 15px;
	padding: 50px 0;
}

/* Offcanvas */
.offcanvas .mod-menu.mod-list {
	display: flex;
	flex-direction: column;
	padding: 0 30px;
}

.offcanvas .nav-item {
	padding: 10px 0;
	border-bottom: 1px solid #eee;
}

.offcanvas .nav-item a {
	display: block;
}

.header .nav-item:not(:last-child) {
	display: none;
}

.offcanvas .social-icons a {
	display: flex;
	width: 40px;
	height: 40px;
	background-color: #fff;
	border-radius: 50%;
	align-items: center;
	justify-content: center;
	margin: 0 10px;
}

/* Blog */
.category-desc {
	font-size: 45px;
	line-height: 2;
	padding-bottom: 100px;
	max-width: 1370px;
	margin: 100px auto 170px;
	position: relative;
}

.category-desc::after {
	content: "";
	width: 880px;
	height: 2px;
	background: #B5B5B5;
	position: relative;
	right: 86px;
	bottom: -100px;
	display: block;
}

.category-desc::before {
	content: "";
	width: 6px;
	height: 6px;
	background-color: #B5B5B5;
	display: block;
	position: absolute;
	bottom: -3px;
	transform: rotate(-45deg);
	transform-origin: top;
	z-index: 1;
	left: 790px;
}

.category-desc strong, .category-desc b {
   font-weight: normal;
   color:#000
}

.com-content-category-blog__items.blog-items {
	margin-bottom: 150px;
}

.com-content-category-blog__items h2 {
	font-size: 22px;
}

.com-content-category-blog__items .item-image {
	height: 260px;
	overflow: hidden;
}

.com-content-category-blog__items .item-image img {
	height: 100%;
	object-fit: cover;
}

.pagination.ms-0.mb-4 {
	text-align: center;
	justify-content: center;
	margin-bottom: 50px !important;
}

.page-link, .disabled > .page-link, .page-link.disabled {
	background-color: transparent !important;
	border: none;
	color: #777 !important;
	outline: none !important
}

.active > .page-link, .page-link.active {
	z-index: 3;
	color: #000 !important;
	background-color: #fff !important;
	border-color: transparent;
	border-radius: 50%;
	padding: 0;
	empty-cells: 30px;
	width: 36px;
	height: 36px;
	line-height: 35px;
	font-weight: normal;
}

.disabled.page-item {
	display: none;
}

.page-link:focus {
	box-shadow: none;
}

.com-content-article__body {
	color: #000;
	font-size: 24px;
	line-height: 45px
}

.com-content-article__body p, .com-content-article__body ul {
	margin-bottom: 45px
}

.com-content-article__body p + ul {
	margin-top: -40px
}

.btn-cta {
	background-color: #f29206 !important;
	color: #fff !important;
	min-width: 200px;
	margin: auto;
	display: inline-block;
	font-weight: 400;
	white-space: nowrap;
	font-size: 25px;
	border-radius: 20px;
	width: 100%;
	padding: 20px 25px
}

.btn-cta svg {
	 margin-left: 5px
}

.blog-item-link {
	border-top: 1px solid #707070;
	border-bottom: 1px solid #707070;
	padding: 8px 0;
	display: flex;
	align-items: center;
}

.blog-item-link.mt-auto svg {
	margin-left: auto;
	display: block;
}

/* Articles module */
.mod-articlescategory {
	margin-bottom: 300px;
}

.mod-articlescategory img {
	height: 265px;
	object-fit: cover;
	width: 100%;
}

.mod-articlescategory h2 {
	font-size: 20px;
	font-weight: 400;
	line-height: 27px
}

.article-container {
	background-color: #fff;
	display: flex;
	flex-direction: column;
}

/* Article */
.item-page h1 {
	font-size: 40px;
	line-height: 80px;
	color: #000;
	padding-left: 50px;
	position: relative;
	margin-bottom: 40px;
}

.item-page h1::before {
	content: "";
	width: 6px;
	height: 6px;
	background-color: #B5B5B5;
	display: block;
	position: absolute;
	bottom: -3px;
	transform: rotate(-45deg);
	transform-origin: top;
	z-index: 1;
	left: 790px;
}

.item-page h1::after {
	content: "";
	width: 795px;
	height: 1px;
	background: #B5B5B5;
	position: relative;
	right: 50px;
	bottom: 0;
	display: block;
}

.cta-message {
	padding: 55px 50px;
	font-size: 35px;
	background-color: #fff;
	color: #000;
	border-radius: 20px
}

.social-icons {
	margin-bottom: 100px;
}

.social-icons a {
	display: flex;
	width: 108px;
	height: 108px;
	background-color: #fff;
	border-radius: 50%;
	align-items: center;
	justify-content: center;
	margin: 0 auto 30px;
}

.com-content-article__body .category-desc {
	color: #B5B5B5;
	font: normal normal medium 45px/90px Manrope;
	max-width: 100%;
	margin-top: 0
}

.form-label {
	font-size: 17px;
	line-height: 1;
}

.form-control {
	font-size: 15px;
	border-radius: 10px;
	padding: 13px 15px;
	border-color: #B5B5B5;
}

.rsform-type-freetext {
	margin-bottom: 50px;
}

#message {
	height: 300px;
}

.form-control::placeholder {
	color: #B5B5B5;
}

#services-grouplbl + div {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

#services-grouplbl + div > div {
	flex: 0 0 calc(50% - 10px);
	margin: 0;
	padding: 0;
	max-width: calc(50% - 10px);
}

#services-grouplbl + div > div.form-check-inline:nth-last-child(2) {
	min-width: 100%
}

#services-grouplbl + div > div input {
	display: none
}

#services-grouplbl + div label {
	font-size: 15px;
	text-align: center;
	width: 100%;
	padding: 30px;
	border: 1px solid #B5B5B5;
	border-radius: 10px;
	position: relative;
	line-height: 1.2;
}

#services-grouplbl + div label:hover {
	cursor: pointer;
}

.rsform-block-services input:checked + label {
	border: 2px solid #F29206 !important;
}

.rsform-block-services label::before {
	content: "";
	display: block;
	width: 36px;
	height: 34px;
	margin: 0 auto 14px;
}

#services0-lbl::before {
	background: url('/images/contact/Icon-material-web.png') no-repeat center/contain;
}

#services1-lbl::before {
	background: url('/images/contact/Icon-feather-pen-tool.png') no-repeat center/contain;
}

#services2-lbl::before {
	background: url('/images/contact/Icon-core-cart.png') no-repeat center/contain;
}

#services3-lbl::before {
	background: url('/images/contact/Icon-core-code.png') no-repeat center/contain;
}

#services4-lbl::before {
	background: url('/images/contact/Icon-core-graph.png') no-repeat center/contain;
}

#services5-lbl::before {
	background: url('/images/contact/Icon-corebrands-google-ads.png') no-repeat center/contain;
}

#services6-lbl::before {
	background: url('/images/contact/Icon-ion-share-social-outline.png') no-repeat center/contain;
}

#services7-lbl::before {
	background: url('/images/contact/Icon-material-screen-search-desktop.png') no-repeat center/contain;
}

#services8-lbl::before {
	background: url('/images/contact/Icon-feather-wind.png') no-repeat center/contain;
}

#submit, .rsform-button, #submitPrev {
	margin-left: auto;
	display: block;
	background-color: #fff !important;
	color: #000 !important;
	border-radius: 0;
	border: none;
	border-bottom: 1px solid #707070;
	padding: 0 50px 2px 0;
	position: relative;
}

.rsform-button {
	padding: 0 0 2px 0;
}

#submitPrev {
	padding: 0 0 2px 0;
	margin: 0 auto 0 0;
}

#submit::after {
	content: "";
	display: block;
	width: 19px;
	height: 19px;
	position: absolute;
	right: 0;
	bottom: 3px;
	background-color: #F29206;
	-webkit-mask-image: url('/images/contact/arrow-up-right.svg');
	mask-image: url('/images/contact/arrow-up-right.svg');
-webkit-mask-size: contain; /* Ensures SVG fits without distortion */
	mask-size: contain; /* Ensures SVG fits without distortion */
}

#submitPrev::before {
	/*content: "";*/
	display: block;
	width: 19px;
	height: 19px;
	position: absolute;
	left: 0;
	bottom: 3px;
	background-color: #F29206;
	-webkit-mask-image: url('/images/contact/arrow-up-right.svg');
	mask-image: url('/images/contact/arrow-up-right.svg');
	-webkit-mask-size: contain;
	mask-size: contain;
	transform: rotate(-90deg);
}

.rsform-type-rangeslider label, #services-grouplbl {
	font-size: 17px;
	font-weight: 700;
}

#gdpr0-lbl {
	font-size: 14px;
	font-weight: 400;
	margin-left: 5px;
	outline: none;
	border: none !important;
}

#gdpr0-lbl a {
	text-decoration: underline
}

.form-check.form-check-inline, .formError {
	font-size: 15px;
	line-height: 1;
	display: flex;
	align-items: center;
}

.formError {
	padding-top: 10px;
}

#services-grouplbl {
	margin-bottom: 25px
}

.rsfp-skinNice .irs-line-left, .rsfp-skinNice .irs-line-mid,.rsfp-skinNice .irs-line-right {
	background-image: none !important;
}

.rsfp-skinNice .irs-line {
	background-color: #F5F4F5;
	height: 11px !important;
}

.rsfp-skinNice .irs-bar, .rsfp-skinNice .irs-bar-edge  {
	height: 11px !important;
background-image: none !important;
background-color:  #849BE8 !important;
}

body .rsfp-skinNice .irs-bar-edge {
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}

body .rsfp-skinNice .irs-line {
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
}

body .rsfp-skinNice .irs-slider {
	width: 20px;
	height: 20px;
     top: 20px;
	background-image: none;
	background-color: #fff;
	border-radius: 50%;
	border: 1px solid #849BE8;
}

.formControls.btn-group {
	width: 100%;
}

#pagebreakNext {
	max-width: max-content;
	margin-left: auto;
}

.rsform-type-submitbutton > div {
	display: flex;
	margin-top: 50px;
}

.space {
	display: inline-block;
	margin-right: 5%;
}

.modal {
	color: #000
}

.typewriter::before {
	content: "";
	display: inline-block;
	margin-right: 5%;
}

#rsform_3_page_0, #rsform_3_page_1 {
	width: 50%;
	margin: auto
}

.formRed {
	text-align: center;
}

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

	#mod-custom110 {
		height: 60vh;
	}

	.mod-articlescategory {
		margin-bottom: 150px;
	}

	.bottom-2 .custom {
		font-size: 80px;
	}

.category-desc {
	font-size: 40px;
}

.item-page h1 {
	font-size: 36px;
	line-height: 63px;
}

.header {
	margin-bottom: 0;
}

.com-content-article__body p, .com-content-article__body ul {
	margin-bottom: 30px;
}

.com-content-article__body {
	font-size: 22px;
	line-height: 38px;
}

}

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

	#mod-custom110 {
		font-size: 50px;
	}

	.top-3 h2 {
		font-size: 50px;
	}

	.top-3 {
		font-size: 25px;
	}

	.bottom-1 h2 {
		font-size: 60px;
	}

	.cta-message {
		font-size: 28px;
	}

	.btn-cta {
		font-size: 20px;
	}

	.com-content-article__body {
		font-size: 20px;
	}

}

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

	.line-6 {
		display: none
	}

	.top-3 h2 {
		font-size: 45px;
		margin-bottom: 40px;
	}

	#mod-custom112 {
		margin-bottom: 150px;
	}

.category-desc {
	font-size: 36px;
}

}

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

#mod-custom110 {
	font-size: 36px;
}

.hero-btn img {
	width: 25%;
}

.mod-articlescategory h2 {
	font-size: 16px;
}

.blog-item-link.mt-auto {
	font-size: 14px;
}

.top-2 {
	font-size: 30px;
}

.top-3 h2 {
	font-size: 36px;
}

.top-3 {
	font-size: 22px;
}

.button {
	font-size: 18px;
	margin-top: 30px;
}

.bottom-1 h2 {
	font-size: 45px;
}

.com-content-category-blog__items.blog-items {
	margin-bottom: 100px;
}

.com-content-category-blog__items h2 {
	font-size: 18px;
}

.category-desc {
	font-size: 32px;
}


}

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

#mod-custom110 {
	height: 30vh;
}

.line.line-2, .line.line-3 {
	display: none;
}

#mod-custom114 img {
	height: 45vw;
	object-fit: cover;
}

.bottom-2 .moduletable {
	padding: 60px 0;
}

.bottom-2 .custom {
	font-size: 40px;
	position: static;
	transform: none;
	width: 100%;
}

.item-page h1 {
	padding-left: 0;
}

#rsform_3_page_0, #rsform_3_page_1 {
	width: 100%;
	margin: auto;
}

#services-grouplbl + div label {
	height: 100%;
}

}

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

.header {
	margin-bottom: 0;
	padding-top: 0;
}

#mod-custom110 {
	height: 68vh;
	font-size: 24px;
}

.hero-btn img {
	width: 45%;
}

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

.top-3 {
	margin-bottom: 100px;
}

.mod-articlescategory {
	margin-bottom: 100px;
}

#mod-custom112 {
	margin-bottom: 100px;
}

.top-3 h2 {
	font-size: 26px;
}

.top-3 {
	font-size: 16px;
}

.button {
	font-size: 16px;
	margin-top: 30px;
}

.typewriter::before {
	content: none;
}

.bottom-1 .h-100 {
	padding: 30px;
}

.bottom-1 h2 {
	font-size: 36px;
}

.bottom-1 .small {
	font-size: 16px;
}

.bg-dark {
	font-size: 22px;
}

.bottom-2 .custom {
	font-size: 22px;
}

.category-desc {
	font-size: 18px;
	margin: 60px auto 100px;
	padding-bottom: 70px;
}

.space {
	display: none;
}

.category-desc::after {
	width: 90vw;
	right: auto;
	bottom: -70px;
}

.category-desc::before {
	left: 89vw;
}

.com-content-category-blog__counter.counter {
	text-align: center;
	padding-right: 0 !important;
}

.com-content-category-blog__items.blog-items {
	margin-bottom: 30px;
}

.item-page h1 {
	font-size: 26px;
	line-height: 48px;
	padding-bottom: 25px;
}

.item-page h1::after {
	width: 90vw;
	right: auto;
	bottom: -25px;
}

.item-page h1::before {
	left: 89vw;
}

.com-content-article__body {
	font-size: 16px;
	line-height: 34px;
}

.com-content-article__body p, .com-content-article__body ul {
	margin-bottom: 25px;
}

.com-content-article__body p + ul {
	margin-top: -15px;
}

}