/* Override extra large title font size */
.dextheme-title-text.xl, .pricing-tag .xl.pricing-value {
	font-size: 1.7rem !important;
	line-height: .9em;
}
/* Override heading font size for service details */
.dextheme-heading__inner h2, .dextheme-heading__inner .h2 {
	font-size: 2rem !important;
	font-weight: 700;
	line-height: .9em;
	color: #fff;
}
/* Gradient border for services cards */
.gradient-border {
	border-width: 0 0 4px 0 !important;
	border-style: solid !important;
	border-image: linear-gradient(90deg, #b07f47 0%, #8b6033 100%) 1 !important;
	border-radius: 0 !important;
}
/* Ensure blog card descriptions are the same size */
.dextheme-card__text {
	min-height: 72px;
	max-height: 72px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
/* Ensure all blog images are the same size */
.blog-image,
.blog-card img,
.latest-news-section img {
	width: 100%;
	max-width: 400px;
	height: 250px;
	object-fit: cover;
	aspect-ratio: 16/10;
}

/* Gradient icon color for dextheme columns */
.dextheme-column-description__icon i, .dextheme-column-experts__icon i {
	background: linear-gradient(90deg, #b07f47 0%, #8b6033 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
	font-size: 50px;
}

/* Primary gradient override for all backgrounds */
:root {
	--primary-gradient: linear-gradient(90deg, #b07f47 0%, #8b6033 100%);
	--dextheme-color-primary: linear-gradient(90deg, #b07f47 0%, #8b6033 100%);
}

.bg-primary,
[class*="bg-primary"],
.btn-primary,
.primary-gradient-bg {
	background: var(--primary-gradient) !important;
	color: #fff !important;
	border: none !important;
}

.text-primary,
.primary-gradient-text {
	background: var(--primary-gradient);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
}

/* Utility: override Bootstrap's CSS variable usage for backgrounds */
[style*="rgba(var(--bs-primary-rgb)"] {
	background: var(--primary-gradient) !important;
	color: #fff !important;
	border-image: linear-gradient(90deg, #b07f47 0%, #8b6033 100%) 1 !important;
	border-width: 0 0 4px 0 !important;
	border-style: solid !important;
	border-color: unset !important;
}

.btn-primary {
	background: linear-gradient(90deg, #b07f47 0%, #8b6033 100%) !important;
	color: #fff !important;
	border: none !important;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
	background: linear-gradient(90deg, #8b6033 0%, #b07f47 100%) !important;
	color: #fff !important;
	border: none !important;
}

.dextheme-sub-title::before {
    content: "\a";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #233658 !important;
    display: inline-block;
    margin-right: 10px;
}

.jumbotron h1 span, .jumbotron .h1 span, .dextheme-content-footer__bottom p {
    background: var(--primary-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-weight: 600;
}

.dextheme-content-footer__middle ul li>a .icon {
    font-size: 10px;
    background: linear-gradient(90deg, #b07f47 0%, #8b6033 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

[style*="background:#233658 "],
[style*="background: #233658 "],
.bg-ff9c00,
.bg-primary,
.btn-primary,
.dextheme-btn,
.dextheme-content-footer__middle ul li>a .icon,
.dextheme-sub-title::before,
.our-team-card-alt .hover-area ul li>a,
.our-team-card-alt .hover-area ul li>a:hover,
.card-image-widget .dextheme-card,
.timeline-nodes .icon,
.dextheme-play-video-box a,
.dextheme-play-video-box a:hover,
.client-testimoni .client-name p,
.dextheme-section__title svg,
.dextheme-section__title::before,
.dextheme-section__img-wrapper::before,
.dextheme-section__img-wrapper .white-frame::before,
.dextheme-section__img-wrapper img,
.dextheme-section__img-wrapper .experience .experience-body h4,
.dextheme-section__img-wrapper .experience .experience-body p,
.dextheme-section-2__list li svg,
.timeline-image::before {
    color: #fff !important;
    border: none !important;
}