/*
 * FixnGo basic shared style.
 * Keep this file for tokens, reset, layout, buttons and shared helpers only.
 */

:root {
	--uicolor:#2457e6;
	--uicolor2:#ff6b2c;
	--uicolor3:#ffc83d;
	--uicolor4:#23b879;
	--background:#fff8ec;
	--background2:var(--background);
	--background-color:var(--background);
	--surface-color:#fff;
	--surface-soft:color-mix(in srgb,var(--uicolor) 4%,var(--surface-color));
	--on-color:#fff;
	--primary-text:#14213d;
	--secondarytext:#5f6b84;
	--section-title:var(--primary-text);
	--Text-color:var(--primary-text);
	--second-text-color:var(--secondarytext);
	--hover-overlay:#2457e60c;
	--diver2:#f1eadc;
	--diver:#e3ddcf;
	--border:1px solid var(--diver);
	--border-defult:1px solid var(--diver);
	--border-defult-hover:#2457e624;
	--border-hover:var(--border-defult-hover);
	--box-shadow-defult: 0 1px 2px rgb(var(--primary-text-code) / 29%);
	--box-shadow-hover:0 24px 55px rgb(var(--primary-text-code) / 12%);
	--container-width:1440px;
	--container-padding--value:40px;
	--container-padding:0 var(--container-padding--value);
	--font-family:"Cairo",sans-serif;
	--f-number:"Plus Jakarta Sans",sans-serif;
	--f-logo:Alexandria,sans-serif;
	--fsize:14px;
	--miniradius:14px;
	--largeradius:24px;
	--xxlargeradius:38px;
	--pading:80px 0;
	--transition:180ms;
	--success-color:var(--uicolor4);
	--danger-color:#ff4f2f;
	--warning-color:var(--uicolor3);
	--rating-color:var(--warning-color);
	--info-color:var(--uicolor);
	--whatsapp:var(--uicolor4);
	--positive:var(--success-color);
	--negative:var(--danger-color);
	--uicolor2-hover:color-mix(in srgb,var(--uicolor2) 82%,var(--primary-text));
	--media-placeholder:var(--diver2);
	--uicolor-code:36 87 230;
	--uicolor2-code:255 107 44;
	--uicolor3-code:255 200 61;
	--uicolor4-code:35 184 121;
	--primary-text-code:20 33 61;
	--background2-code:255 248 236;
	--social-facebook:#1877f2;
	--social-messenger:#7356ff;
	--social-telegram:#229ed9;
	--social-twitter:#15191d;
	--social-pinterest:#e60023;
	--social-instagram:#e4405f;
	--social-youtube:#f00;
	--_fa-family:var(--fa-family,var(--fa-style-family,"Font Awesome 7 Pro"));
	--chevron:"\f053";
}

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

* {
	margin:0;
	padding:0;
}

.bttop_dook {
    position: fixed;
    inset-inline-end: 22px;
    inset-block-end: 22px;
    z-index: 80;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 10px;
}

html {
	scroll-behavior:smooth;
}

body {
	min-height:100vh;
	font-family:var(--font-family);
	font-size:var(--fsize);
	line-height:1.5;
	color:var(--primary-text);
	background:var(--background);
	-webkit-font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}

a {
	color:inherit;
	text-decoration:none;
}

ul,
ol {
	list-style:none;
}

img,
svg,
video,
canvas {
	max-width:100%;
	height:auto;
}

img {
	display:block;
}

button,
input,
textarea,
select {
	font:inherit;
}

button {
	border:0;
	color:inherit;
	background:transparent;
	cursor:pointer;
}

textarea {
	width:100%;
	min-height:110px;
	resize:vertical;
}

.container {
	width:100%;
	max-width:var(--container-width);
	margin:0 auto;
	padding:var(--container-padding);
}

.largerContainer {
	--container-width:1620px;
}

.-primary-body {
	position:relative;
	padding: 160px 0 50px;
}

.-ycw-sections,
.-ycw-section,
.-ycw-row {
	width:100%;
}

.-ycw-section {
	position:relative;
	padding:var(--pading);
}

.-ycw-section.-ycwt-clients {
    background: #fff;
    border-top: 3px solid var(--diver2);
    border-bottom: 3px solid var(--diver2);
}

.g-content {
	width:100%;
	max-width:850px;
	margin:0 auto 28px;
	text-align:center;
}

.betit-w {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:8px;
	margin-block-end: 10px;
	color: var(--uicolor2);
	font-size: 25px;
	font-weight:800;
}

.tit-wdt {
	margin:0;
	color:var(--primary-text);
	font-size: clamp(26px,2.5vw,41px);
	font-weight: 800;
	line-height:1.2;
	letter-spacing:-.5px;
}

.tit-wdt strong,
c--color {
	color: var(--uicolor);
}

.con-wgt {
	max-width: 909px;
	margin: 22px auto 0;
	color: var(--Text-color);
	font-size: 19px;
	font-weight: 700;
	line-height:1.8;
}

.con-wgt p {
	margin:0;
}

.wgt-hd {
	display:flex;
	align-items: center;
	justify-content:space-between;
	gap:24px;
	margin-block-end:34px;
}

.wgt-hd .g-content {
	max-width:850px;
	margin:0;
	text-align:start;
}

.wgt-hd .con-wgt {
	margin-inline:0;
}

.wgt-all {
	display:flex;
	align-items:center;
	gap:8px;
	flex:0 0 auto;
	padding-block-end:3px;
	color:var(--uicolor);
	font-size: 18px;
	font-weight:900;
}

.wgt-all i {
	transition:transform var(--transition);
}

.wgt-all:hover i {
	transform:translateX(-3px);
}

.-dURLArea,
.archive-btm,
.yc-widget-actions,
.yc-widget-loadmore-wrap {
	display:flex;
	align-items:center;
	justify-content:center;
	flex-wrap:wrap;
	gap:14px;
}

.--BTN,
.yc-widget-btn {
	flex:0 1 auto;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	max-width:100%;
	min-width:0;
}

.--BTN > a,
.--BTN.activable,
a.--BTN,
.yc-widget-loadmore {
	max-width:100%;
	min-height:52px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:10px;
	padding:0 24px;
	border:1px solid transparent;
	border-radius:14px;
	color: #ffffff;
	background: var(--uicolor);
	box-shadow:0 14px 28px rgb(var(--uicolor2-code) / 18%);
	font-weight: 900;
	font-size: 18px;
	line-height:1.3;
	text-align:center;
	touch-action:manipulation;
	transition:transform var(--transition),box-shadow var(--transition),background var(--transition),color var(--transition),border-color var(--transition);
}

.--BTN > a:hover,
.--BTN.activable:hover,
a.--BTN:hover,
.yc-widget-loadmore:hover {
	color:var(--on-color);
	background: var(--uicolor4);
	box-shadow:0 18px 34px rgb(var(--uicolor-code) / 22%);
	transform:translateY(-2px);
}

.--BTN._url_2 > a,
.--BTN > a._url_2,
.yc-widget-btn._url_2 > a {
	color: #ffffff;
	background: var(--positive);
	box-shadow:none;
}

.--BTN._url_2 > a:hover,
.--BTN > a._url_2:hover,
.yc-widget-btn._url_2 > a:hover {
	color:var(--on-color);
	background: var(--uicolor2);
	border-color:var(--uicolor);
}

.--BTN i,
.yc-widget-loadmore i {
	line-height:1;
}

.activable:active,
.yc-widget-loadmore:active {
	transform:translateY(0) scale(.98);
}

.is-btn-loader {
	position:relative;
	pointer-events:none;
}

.is-btn-loader > *:not(.-button-loader) {
	opacity:0;
}

.-button-loader {
	position:absolute;
	inset:0;
	display:flex;
	align-items:center;
	justify-content:center;
}

.-button-loader svg {
	width:26px;
	height:26px;
	animation:yc-rotate 1s linear infinite;
}

.-button-loader .path {
	stroke:currentColor;
	stroke-linecap:round;
}

@keyframes yc-rotate {
	100% {
		transform:rotate(360deg);
	}
}

.--empty-attchment-area {
	width:100%;
	min-height:360px;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
	gap:18px;
	padding:42px;
	border:1px dashed var(--diver);
	border-radius:var(--largeradius);
	color:var(--secondarytext);
	background:var(--surface-color);
	text-align:center;
}

.--empty-attchment-svg-v1 {
	width:120px;
	height:120px;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:50%;
	color:var(--uicolor);
	background:rgb(var(--uicolor-code) / 10%);
	font-size:48px;
}

.--empty-attchment-description {
	max-width:520px;
	color:var(--secondarytext);
	font-size:16px;
	line-height:1.8;
}

.--empty-attchment-actions {
	display:flex;
	align-items:center;
	justify-content:center;
	flex-wrap:wrap;
	gap:12px;
}

.whatsapp { --sociaColor:var(--whatsapp); }
.facebook { --sociaColor:var(--social-facebook); }
.twitter { --sociaColor:var(--social-twitter); }
.telegram { --sociaColor:var(--social-telegram); }
.linkedin { --sociaColor:var(--uicolor); }
.instagram { --sociaColor:var(--social-instagram); }
.youtube { --sociaColor:var(--social-youtube); }
.threads { --sociaColor:var(--social-twitter); }

.btn-fixed-bh {
	position:fixed;
	inset-inline-start: 22px;
	inset-block-end:22px;
	z-index:80;
	display:flex;
	align-items:center;
	flex-direction:column;
	gap:10px;
}

.--YourColor--phone-button,
.--YourColor--whatsapp-button,
.--YourColor--share-button,
.--YourColor--booking-button,
.GotoTop {
	width: 55px;
	height: 55px;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:50%;
	color:var(--on-color);
	background:var(--uicolor);
	box-shadow:0 14px 30px rgb(var(--primary-text-code) / 14%);
	font-size: 25px;
	font-weight: 200;
	transition:transform var(--transition),background var(--transition),box-shadow var(--transition);
}

.--yourcolor--button--phones.--YourColor--booking-button span {
    display: none;
}

.--YourColor--whatsapp-button {
	background:var(--whatsapp);
}

.--YourColor--phone-button,
.--YourColor--booking-button {
	background:var(--uicolor2);
}

.--YourColor--share-button {
	background:var(--primary-text);
}

.GotoTop {
	opacity:0;
	visibility:hidden;
	transform:translateY(10px);
}

.GotoTop.visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}

.GotoTop.active {
	opacity:1;
	visibility:visible;
	transform:translateY(0);
}

.--YourColor--phone-button:hover,
.--YourColor--whatsapp-button:hover,
.--YourColor--share-button:hover,
.--YourColor--booking-button:hover,
.GotoTop:hover {
	color:var(--on-color);
	transform:translateY(-3px);
	box-shadow:0 18px 38px rgb(var(--primary-text-code) / 18%);
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
[tabindex]:focus-visible {
	outline:3px solid rgb(var(--uicolor-code) / 34%);
	outline-offset:3px;
}

@media only screen and (max-width:1024px) {
	:root {
		--container-padding--value:28px;
		--pading:64px 0;
	}
}

@media only screen and (max-width:767px) {
	:root {
		--container-padding--value:18px;
		--pading:52px 0;
		--largeradius:20px;
		--xxlargeradius:28px;
	}

	.-primary-body {
		padding:90px 0;
	}

	.g-content {
		margin-block-end:24px;
		text-align:start;
	}

	.betit-w {
		font-size:12px;
	}

	.tit-wdt {
		font-size:clamp(25px,8vw,32px);
		letter-spacing:-.5px;
	}

	.con-wgt {
		margin-block-start:12px;
		font-size:15px;
		line-height:1.75;
	}

	.wgt-hd {
		align-items:center;
		gap:14px;
		margin-block-end:24px;
	}

	.wgt-hd .g-content {
		margin:0;
	}

	.wgt-all {
		width:42px;
		height:42px;
		justify-content:center;
		padding:0;
		border-radius:50%;
		background:rgb(var(--uicolor-code) / 8%);
	}

	.wgt-all span {
		display:none;
	}

	.-dURLArea,
	.archive-btm,
	.yc-widget-actions,
	.yc-widget-loadmore-wrap {
		align-items:center;
		gap:10px;
	}

	.-dURLArea > .--BTN:not(:only-child),
	.yc-widget-actions > .yc-widget-btn:not(:only-child) {
		flex:0 1 auto;
		max-width:calc(50% - 5px);
	}

	.yc-widget-loadmore-wrap,
	.yc-widget-loadmore {
		width:100%;
	}

	.--BTN > a,
	.--BTN.activable,
	a.--BTN,
	.yc-widget-loadmore {
		min-height: 43px;
		padding-inline:18px;
		border-radius:13px;
	}

	.--empty-attchment-area {
		min-height:300px;
		padding:28px 18px;
		border-radius:18px;
	}

	.btn-fixed-bh,
	.--yourcolor--button--phones {
		inset-block-end:14px;
	}

	.--YourColor--phone-button,
	.--YourColor--whatsapp-button,
	.--YourColor--share-button,
	.--YourColor--booking-button,
	.GotoTop {
		width:48px;
		height:48px;
		font-size:18px;
	}
}

@media (hover:none) and (pointer:coarse) {
	a,
	button {
		-webkit-tap-highlight-color:transparent;
	}
}

@media (prefers-reduced-motion:reduce) {
	*,
	*::before,
	*::after {
		scroll-behavior:auto !important;
		transition-duration:.01ms !important;
		animation-duration:.01ms !important;
		animation-iteration-count:1 !important;
	}
}