:root {
	--phone: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOS4zMzMgMzYiIGZpbGw9IiM1YWIzMjUiPjxwYXRoIGQ9Ik03Ljg4NiAyLjM4OWEuNTk1LjU5NSAwIDAgMC0uNTk0LjU5OC42LjYgMCAwIDAgLjYwMS41OTguNTk3LjU5NyAwIDAgMCAwLTEuMTk2aC0uMDA3em0wIDBNOC40NzIgMzIuMjZjMCAuNjU5LjUzNiAxLjE5NSAxLjE5NSAxLjE5NXMxLjE5NS0uNTM2IDEuMTk1LTEuMTk1LS41MzYtMS4xOTUtMS4xOTUtMS4xOTUtMS4xOTUuNTM2LTEuMTk1IDEuMTk1em0wIDAiLz48cGF0aCBkPSJNLjcwNiAyNy40OGMuMzMgMCAuNTk3LS4yNjguNTk3LS41OThWMi45ODdjMC0uODcxLjkyMS0xLjc5MiAxLjc5Mi0xLjc5MmgxMy4xNDNjLjg3MSAwIDEuNzkyLjkyMSAxLjc5MiAxLjc5MmEuNTk4LjU5OCAwIDAgMCAxLjE5NSAwQzE5LjIyNSAxLjQ1MiAxNy43NzMgMCAxNi4yMzggMEgzLjA5NUMxLjU2IDAgLjEwOCAxLjQ1Mi4xMDggMi45ODd2MjMuODk2YzAgLjMzLjI2OC41OTcuNTk4LjU5N3ptMCAwIi8+PHBhdGggZD0iTTEwLjI2NCAyLjM4OWEuNTk4LjU5OCAwIDAgMCAwIDEuMTk2aDIuMzg5YS41OTguNTk4IDAgMCAwIDAtMS4xOTZoLTIuMzg5em0wIDBNMTUuMDQzIDEwLjc1M2EuNTk2LjU5NiAwIDAgMCAuNDIyLTEuMDJMMTQuMjcgOC41MzhhLjU5OC41OTggMCAwIDAtLjg0NS44NDVsMS4xOTUgMS4xOTVjLjExNy4xMTcuMjcuMTc1LjQyMy4xNzV6bTAgME05Ljg0MiA4LjUzOWEuNTk4LjU5OCAwIDAgMCAwIC44NDVsNC43NzkgNC43NzlhLjU5NS41OTUgMCAwIDAgLjg0NCAwIC41OTYuNTk2IDAgMCAwIDAtLjg0NWwtNC43NzktNC43NzlhLjU5NS41OTUgMCAwIDAtLjg0NCAwem0wIDAiLz48cGF0aCBkPSJNMTguNjI4IDQuNzc5SDMuMDk1YS41OTcuNTk3IDAgMCAwIDAgMS4xOTVIMTguMDN2MjYuODgzYzAgLjg3MS0uOTIxIDEuNzkyLTEuNzkyIDEuNzkySDMuMDk1Yy0uODcxIDAtMS43OTItLjkyMS0xLjc5Mi0xLjc5MlYyOS44N2gxNC45MzVhLjU5Ny41OTcgMCAwIDAgMC0xLjE5NUguNzA2YS41OTguNTk4IDAgMCAwLS41OTguNTk4djMuNTg0YzAgMS41MzYgMS40NTIgMi45ODcgMi45ODcgMi45ODdoMTMuMTQzYzEuNTM2IDAgMi45ODctMS40NTIgMi45ODctMi45ODdWNS4zNzdhLjU5OC41OTggMCAwIDAtLjU5Ny0uNTk4em0wIDAiLz48L3N2Zz4=);
}
html, body {
	color: #424242;
	font-family: "Inter", sans-serif !important;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: "Source Sans 3", sans-serif !important;
	font-weight: 700;
}
.strong, strong, b, bold, .font-bold {
	font-weight: 700;
}

.logo-header {
	margin-block: 15px;
}
.logo-header, .logo-header img {
	width: 250px;
	height: auto;
	max-width: 250px;
}
.header-nav .nav,
.site-header.style-1 .main-bar,
.site-header.style-1 .is-fixed .main-bar {
	padding-block: 0;
}
.site-header .extra-nav {
	height: auto;
}

/* Navigation */
.header-nav .nav > li > a {
	color: #3D3D3D;
	font-size: 15px;
	font-weight: 600;
	text-transform: uppercase;
}
.header-nav .nav > li > a:hover {
	color: var(--secondary);
	font-size: 15px;
	font-weight: 600;
	text-transform: uppercase;
}
.header-nav .nav > li.active > a,
.header-nav .nav > li > a.active,
.header-nav .nav > li.active > a:hover {
	color: var(--secondary);
}
.header-nav .nav > li .mega-menu, .header-nav .nav > li .sub-menu {
	border-radius: 0;
	padding-block: 0;
	background-color: var(--primary);
}
.header-nav .nav > li .mega-menu li, .header-nav .nav > li .sub-menu li {
	border-bottom: 1px solid rgba(0,0,0,.2);
}
.header-nav .nav > li .mega-menu li:last-of-type, .header-nav .nav > li .sub-menu li:last-of-type {
	border-bottom: 1px solid rgba(0,0,0,0);
}
.header-nav .nav > li .mega-menu li a, .header-nav .nav > li .sub-menu li a {
	color: #fff;
	font-size: 15px;
	padding-block: 12px;
	text-transform: capitalize;
	font-weight: 500;
}
.header-nav .nav > li .mega-menu li a:hover, .header-nav .nav > li .sub-menu li a:hover,
.header-nav .nav > li .mega-menu li:hover a, .header-nav .nav > li .sub-menu li:hover a {
    color: var(--secondary);
    background-color: var(--primary-hover);
	padding-block: 12px;
}
.header-nav .nav > li .mega-menu li > a::after, .header-nav .nav > li .sub-menu li > a::after {
	top: 21.5px;
	background: currentColor;
}
.header-phone {
	width: auto;
	min-width: 180px;
	height: 77px;
	display: flex;
	align-items: center;
	gap: 12px;
	cursor: pointer;
	padding-top: 4px;
	margin-left: 20px;
	border-top: 3px solid var(--secondary);
	transition: all .3s ease-out;
}
.header-phone .header-phone__text {
	flex: 1 1 auto;
	text-align: right;
	position: relative;
	top: -8px;
}
.header-phone .header-phone__text h3 {
	white-space: nowrap;
}
.header-phone .header-phone__icon {
	flex: 0 0 auto;
	width: 22px;
	height: 41px;
	display: block;
	pointer-events: none;
	background-color: var(--secondary);
	-webkit-mask-image: var(--phone);
	mask-image: var(--phone);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: 20px auto;
	mask-size: 20px auto;
	position: relative;
	top: -5px;
}
.header-phone .support {
	color: #424242;
	font-size: 14px;
	line-height: 1;
}
.header-phone h3 {
	padding-top: 0;
	letter-spacing: 0;
	color: var(--secondary);
	font-size: 1.625rem;
	line-height: 1;
	font-weight: 700;
}
.header-phone h3 a {
	color: var(--secondary);
}

.site-header.style-1 .is-fixed .main-bar {
	background-color: rgba(255,255,255,0.75);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
}


/* Footer */
.site-footer.style-1 .footer-top {
	color: #2e2e2e;
	text-align: left;
	padding-block: 2.5rem;
	border-top: 1px solid rgba(0,0,0,0.15);
	background-color: var(--footer-top-color);
}
.site-footer.style-1 .footer-logo {
	width: 170px;
	margin-bottom: 1.25rem;
}
.site-footer.style-1 .copyright,
.site-footer.style-1 .location,
.site-footer.style-1 .poweredby {
	color: #2e2e2e;
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 1.5;
}
.site-footer.style-1 .copyright {
	margin-block-end: 0.5rem;
}
.site-footer.style-1 .location {
	margin-block-end: 0;
}
.site-footer.style-1 .copyright span {
	color: var(--secondary);
}
.site-footer.style-1 .dz-social-icon,
.site-footer.style-1 .poweredby {
	text-align: right;
}
.site-footer.style-1 .poweredby {
	width: 100%;
	display: inline-flex;
	align-items: center;
	justify-content: flex-end;
}
.site-footer.style-1 .dz-social-icon {
	margin-bottom: 0.75rem;
}
.site-footer.style-1 .dz-social-icon h4 {
	color: #2e2e2e;
	font-size: 1.25rem;
	font-weight: 700;
	margin-bottom: 0.5rem;
}
.site-footer.style-1 .dz-social-icon ul {
	margin: 0;
	padding: 0;
	gap: 0.375rem;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	list-style: none;
}
.site-footer.style-1 .dz-social-icon ul li {
	margin: 0;
	padding: 0;
	width: 2rem;
	height: 2rem;
}
.site-footer.style-1 .dz-social-icon ul li > a {
	display: block;
	overflow: hidden;
	text-align: center;
	position: relative;
	margin-bottom: 0;
	padding: 0;
	-webkit-border-radius: 0.25rem;
	border-radius: 0.25rem;
	transition: all .3s ease-in;
	width: 2rem;
	height: 2rem;
	aspect-ratio: 1/1;
}
.site-footer.style-1 .dz-social-icon ul li > a i {
	color: #fff;
	width: 32px;
  	height: 32px;
	display: block;
  	font-size: 16px;
	line-height: 2rem;
	aspect-ratio: 1/1;
	transition: all .3s ease-in;
}
.site-footer.style-1 .dz-social-icon ul li > a:hover i {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
}
.site-footer.style-1 .dz-social-icon ul li.facebook > a {
	background-color: #3b5997;
}
.site-footer.style-1 .dz-social-icon ul li.twitter > a {
	background-color: #3ec2f3;
}
.site-footer.style-1 .dz-social-icon ul li.linkedin > a {
	background-color: #007bb5;
}
.site-footer.style-1 .dz-social-icon ul li.instagram > a {
	background-color: #E83366;
}
.site-footer.style-1 .dz-social-icon ul li.youtube > a {
	background-color: #bf221f;
}

/* Content */
/*
.AkcelContent__block p {
	font-size: clamp(1.0625rem, 1.0313rem + 0.125vw, 1.125rem);
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: 0;
	color: #424242;
	margin-block-end: 24px;
}
*/

/* Inner Pages */
.content-inner {
	padding-block: 70px;
}
.blog-listing .dz-card.style-1.blog-half, .AkcelBlogCard {
	margin-block-end: 0;
	border: 1px solid #d8dde6;
	border-radius: 5px;
	box-shadow: 0 10px 30px 0 rgba(50,50,50,.16);
}
.AkcelBlogCard__more {
	color: #fff;
	font-size: 14px;
	padding: 9px 20px;
	border-radius: 0.375rem;
	border: 2px solid var(--primary);
	background-color: var(--primary);
	font-weight: 600;
	line-height: 1.75;
	letter-spacing: .4px;
}
.AkcelBlogCard__more:hover, .AkcelBlogCard__more:active, .AkcelBlogCard__more:focus {
	color: var(--primary);
	border-color: var(--primary);
	background-color: transparent;
}
.pagination-bx .page-item .page-link {
	width: 2.5rem;
	height: 2.5rem;
	min-width: 2.5rem;
	aspect-ratio: 1/1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	line-height: 2.5rem;
}
.pagination-bx .pagination {
	background-color: transparent;
}
.pagination-bx .pagination.gap-3 {
	gap: 0.25rem !important;
	margin-inline: 0.25rem;
}

.widget_categories ul li {
	padding: 0 !important;
}
.widget_categories .cat-item::before {
	display: none;
	content: none;
}

.default-form .form-control {
	border-width: 2px;
	padding: 8px 12px;
	box-shadow: 2px 2px 4px rgba(214, 218, 225, 0.2);
}
.default-form .form-control:focus {
	padding: 8px 12px;
	border-color: var(--primary) !important;
  	box-shadow: 0 0 0 .25rem var(--rgba-primary-2) !important;
}

.contact-area.m-b30:empty {
	display: none;
}

@media (max-width: 991.98px) {
	.logo-header, .logo-header img {
		width: 200px;
		height: auto;
		max-width: 200px;
	}
    .header-phone {
		margin-inline: 20px;
		margin-block-start: 20px;
	}
	.mo-left .header-nav .logo-header {
		padding: 20px;
		margin-block: 0;
	}
	.mo-left .header-nav .logo-header img {
		width: 200px;
		max-width: 200px;
	}
	footer .footer-logo {
		margin-inline: 0;
	}
	.site-footer.style-1 .widget_about {
		max-width: 100%;
		margin-inline: auto;
	}
	.site-footer.style-1 .widget_about,
	.site-footer.style-1 .dz-social-icon,
	.site-footer.style-1 .poweredby {
		text-align: left;
	}
	.site-footer.style-1 .dz-social-icon {
		margin-block-start: 1.875rem;
	}
	.site-footer.style-1 .dz-social-icon ul {
		justify-content: flex-start;
	}
	.site-footer.style-1 .poweredby {
		display: inline-flex;
		align-items: center;
		justify-content: flex-start;
		margin-bottom: 0;
	}
}

/* The header nav (menu items + phone block) needs ~1440px to fit on one line.
   Bootstrap's navbar-expand-lg switches to the inline desktop menu at 992px,
   which is too early and makes it wrap onto 2-3 broken rows on tablets.
   Keep the mobile hamburger menu active until it actually fits. */
@media (min-width: 992px) and (max-width: 1439.98px) {
	.main-bar-wraper .navbar-toggler {
		display: block !important;
	}
	.main-bar-wraper .header-nav.navbar-collapse {
		display: none !important;
	}
	.main-bar-wraper .header-nav.navbar-collapse.show {
		display: block !important;
	}
}

@media (min-width: 992px) {
    .blog-listing, .AkcelPost {
		padding-inline-end: 1.5rem !important;
	}
}

/* ==========================================================================
   Buttons — the home banner "Get Started" CTA, lifted out of
   akcel_slider_banner.blade.php so any template can use it.

   Markup contract (the label has to exist twice):
       <button class="insurenex-btn insurenex-btn--green" data-text="Submit Now">
           <span>Submit Now</span>
       </button>

   On hover the <span> drops away while the ::after copy of data-text slides in
   from the left, and the gradient swaps to the variant's hover colour.
   ========================================================================== */
.insurenex-btn {
	width: auto;
	height: 50px;
	padding: 0 25px;
	border: 0;
	border-radius: 4px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	/* flex-centred rather than line-height-centred: the label stays centred
	   whatever font resolves, and the transform below needs a box to move in */
	line-height: 1;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, .33);
	transition: all .5s;
}
.insurenex-btn:hover,
.insurenex-btn:focus {
	color: #fff;
	text-decoration: none;
}
/* display:block so the transform actually applies to the label */
.insurenex-btn > span {
	display: block;
	line-height: 1;
	transition: all .3s;
}
/* the incoming label is centred the same way as the outgoing one, so the two
   swap in place with no vertical jump */
.insurenex-btn::after {
	content: attr(data-text);
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
	opacity: 0;
	transform: translate(-30%, 0);
	transition: all .3s;
}
.insurenex-btn:hover > span,
.insurenex-btn:focus > span {
	opacity: 0;
	transform: translate(0, 40px);
}
.insurenex-btn:hover::after,
.insurenex-btn:focus::after {
	opacity: 1;
	transform: translate(0, 0);
}
/* nothing to swap to while a form is mid-submit */
.insurenex-btn[disabled] {
	opacity: .6;
	pointer-events: none;
}

/* --- variants ------------------------------------------------------------- */
/* green, going blue on hover — the home banner's primary CTA */
.insurenex-btn--green {
	background: #509e23;
	background: linear-gradient(#5bb328, #509e23);
}
.insurenex-btn--green:hover,
.insurenex-btn--green:focus {
	background: #0d1e76;
	background: linear-gradient(#0f248d, #0d1e76);
}
/* blue, going green on hover — the banner's secondary CTA */
.insurenex-btn--blue {
	background: #0d1e76;
	background: linear-gradient(#0f248d, #0d1e76);
}
.insurenex-btn--blue:hover,
.insurenex-btn--blue:focus {
	background: #509e23;
	background: linear-gradient(#5bb328, #509e23);
}

/* a smaller pill for in-form use, where 50px is too tall next to inputs */
.insurenex-btn--sm {
	height: 42px;
	padding: 0 22px;
	font-size: 15px;
}

@media (prefers-reduced-motion: reduce) {
	.insurenex-btn,
	.insurenex-btn > span,
	.insurenex-btn::after {
		transition-duration: .01ms;
	}
}