/* One Fit Sphere – custom colour overrides (replaces Crossxlimits orange #fd6536) */
:root {
	--ofs-primary: #0d9488;
	--ofs-primary-light: #14b8a6;
	--ofs-primary-rgb: 13, 148, 136;
	--ofs-theme-bg: #f0fdfa;
}

/* Buttons & CTAs */
.my-button,
#button,
header .navbar .navbar-toggler span:last-child {
	background-color: var(--ofs-primary) !important;
	box-shadow: 0px 7px 28px rgba(var(--ofs-primary-rgb), 0.31) !important;
}
.my-button:hover,
#button:hover {
	background-color: #001524 !important;
}
.remember .custom-check-box input:checked ~ .checkmark,
.remember .forgot-pass,
.remember .custom-check-box a,
.already p a {
	color: var(--ofs-primary) !important;
}
.remember .forgot-pass:hover,
.already p a:hover,
.modal .modal-body p a:hover,
.policy-content a:hover {
	color: #001524 !important;
}

/* Forms & inputs */
form .user-input:focus {
	border-color: #0f766e !important;
}
form .my-button {
	background-color: var(--ofs-primary) !important;
}
.remember .custom-check-box input:checked ~ .checkmark {
	background: var(--ofs-primary) !important;
}

/* Tables */
table {
	border-color: var(--ofs-primary) !important;
	box-shadow: 0px 18px 44px rgba(var(--ofs-primary-rgb), 0.1) !important;
}
table thead tr,
table th {
	background: var(--ofs-primary) !important;
}
table tbody tr:hover {
	border-bottom-color: #001524 !important;
}
table a:hover {
	color: var(--ofs-primary) !important;
}

/* Account form & modals */
.account-form {
	border-color: rgba(var(--ofs-primary-rgb), 0.23) !important;
	box-shadow: 0px 18px 44px rgba(var(--ofs-primary-rgb), 0.06) !important;
}
.modal .modal-content {
	box-shadow: 0px 18px 44px rgba(var(--ofs-primary-rgb), 0.06) !important;
}
.modal .heading:before {
	background: linear-gradient(
		180deg,
		var(--ofs-primary) 0%,
		rgba(var(--ofs-primary-rgb), 0.88) 50.52%,
		var(--ofs-primary) 100%
	) !important;
}
.modal .modal-body p a {
	color: var(--ofs-primary) !important;
}
/* Welcome popup: prevent last letter from being cut off */
.modal .modal-body .content {
	overflow: visible !important;
}
.modal .modal-body .content p {
	max-width: none !important;
	overflow: visible !important;
	padding-bottom: 0.25em !important;
	margin-bottom: 1em !important;
}
.modal .modal-body .content p.agree {
	margin-bottom: 1.25em !important;
}
.modal .modal-body {
	padding-bottom: 1.5rem !important;
	overflow: visible !important;
}

/* Header logo – larger size */
header .navbar .logo .navbar-brand {
	max-width: none !important;
}
header .navbar .logo .navbar-brand img {
	width: 200px !important;
	height: auto !important;
	max-width: 220px !important;
}
@media (max-width: 767px) {
	header .navbar .logo .navbar-brand img {
		width: 180px !important;
		max-width: 180px !important;
	}
}

/* Nav */
header .navbar .navbar-collapse .nav-item .nav-link:hover,
header .navbar .navbar-collapse .nav-item .nav-link.active {
	color: var(--ofs-primary) !important;
}
header .navbar .navbar-collapse .nav-item .nav-link:hover:after,
header .navbar .navbar-collapse .nav-item .nav-link.active:after {
	background: var(--ofs-primary) !important;
}
header .navbar .navbar-toggler[aria-expanded="true"] span:last-child {
	background-color: #001524 !important;
}

/* Footer */
footer .main-footer .footer-about {
	border-top-color: var(--ofs-primary) !important;
}
footer .main-footer .footer-title span,
footer .main-footer .footer-links ul li a:hover,
footer .sub-footer,
footer .footer-contact ul li a:hover {
	color: var(--ofs-primary) !important;
}
footer .main-footer .footer-title.mob .footer-toggler:before,
footer .main-footer .footer-title.mob .footer-toggler:after {
	background: var(--ofs-primary) !important;
}
footer .sub-footer {
	background-color: var(--ofs-primary) !important;
}

/* Hero & sections */
.circle:after,
.circle:before {
	background: var(--ofs-primary) !important;
}
.hero-banner .text {
	-webkit-text-stroke: 2px rgba(var(--ofs-primary-rgb), 0.16);
}
.main-wrapper .why-choose .why-choose-card {
	background: var(--ofs-primary) !important;
}
.main-wrapper .about .image:before {
	background: var(--ofs-primary) !important;
}
.main-wrapper .service .service-card:before,
.main-wrapper .experts .experts-card:before {
	background:
		linear-gradient(180deg, rgba(var(--ofs-primary-rgb), 0) 42.19%, rgba(var(--ofs-primary-rgb), 0.75) 100%),
		linear-gradient(0deg, rgba(0, 21, 36, 0.4), rgba(0, 21, 36, 0.4)) !important;
}
.main-wrapper .cta .text {
	-webkit-text-stroke: 2px rgba(var(--ofs-primary-rgb), 0.16);
}

/* Pricing */
.main-wrapper .pricing .pricing-main .pricing-wrapper .pricing-card .pricing-content.active {
	background: radial-gradient(
		124.27% 257.65% at 104.49% 116.28%,
		var(--ofs-primary) 0%,
		var(--ofs-primary-light) 100%
	) !important;
}
.main-wrapper
	.pricing
	.pricing-main
	.pricing-wrapper
	.pricing-card
	.pricing-content.active
	.content-wrapper
	.my-button {
	color: var(--ofs-theme-bg) !important;
}
.main-wrapper .pricing .pricing-main .pricing-wrapper .slider:before {
	background: radial-gradient(
		124.27% 257.65% at 104.49% 116.28%,
		var(--ofs-primary) 0%,
		var(--ofs-primary-light) 100%
	) !important;
	box-shadow: 0px 18px 44px rgba(var(--ofs-primary-rgb), 0.36) !important;
}

/* Policy / print */
.policy-content a,
.policy-content .print {
	color: #fff;
	background-color: var(--ofs-primary) !important;
	box-shadow: 0px 7px 28px rgba(var(--ofs-primary-rgb), 0.31) !important;
}

/* Services tabs */
.services .nav-pills {
	background: var(--ofs-primary) !important;
}
.services .nav-pills .nav-item .nav-link.active,
.services .nav-pills .nav-item .nav-link:hover {
	background: #fff !important;
	color: var(--ofs-primary) !important;
	box-shadow: 0px 10px 48px rgba(var(--ofs-primary-rgb), 0.16) !important;
}

/* Contact / form pages */
.form-pages.contact-us .contact-details-inner .media .my-icon {
	background: var(--ofs-primary) !important;
	box-shadow: 0px 16px 14px -9px rgba(var(--ofs-primary-rgb), 0.42) !important;
}
.form-pages.sign-up .join-now .content h5 {
	color: var(--ofs-primary) !important;
}
.form-pages.sign-up .signup-info {
	border-color: rgba(var(--ofs-primary-rgb), 0.23) !important;
	box-shadow: 0px 18px 44px rgba(var(--ofs-primary-rgb), 0.06) !important;
}
.form-pages.sign-in .content h5 {
	background: var(--ofs-primary) !important;
}

/* FAQ */
.faq-block .myaccordion .card[aria-expanded="true"],
.faq-block .myaccordion .card[aria-expanded="true"] .card-header,
.faq-block .myaccordion .card[aria-expanded="true"] .card-body {
	background-color: var(--ofs-primary) !important;
}