* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: 'Poppins', sans-serif;
background-color: #F5F1E8;
color: #14382D;
overflow-x: hidden;
} :root {
--dark-green: #0F3D2E;
--gradient-green: #145A41;
--gold: #D4A64A;
--light-gold: #E6C27A;
--cream-bg: #F5F1E8;
--white: #FFFFFF;
--dark-text: #14382D;
--shadow-premium: 0 30px 50px -20px rgba(0, 0, 0, 0.35);
--radius-premium: 24px;
--card-radius: 20px;
--tp-gold: #D4A64A;
--tp-gold-light: #E6C27A;
--tp-dark: #0F3D2E;
--tp-dark-soft: #14382D;
--tp-cream: #F5F1E8;
--tp-white: #FFFFFF;
--tp-charcoal: #2A3B32;
--tp-sage: #E7EDE8;
--cmp-contact-bg: #f7f4ee;
--cmp-contact-primary-dark: #0f3d2e;
--cmp-contact-accent-gold: #cca453;
--cmp-contact-accent-gold-hover: #b58f43;
--cmp-contact-text-dark: #222222;
--cmp-contact-text-muted: #555555;
--cmp-contact-border: #e3dec3;
--cmp-contact-input-bg: #faf8f5;
--brand-green: #04291c;
--brand-gold: #dfb15b;
--text-light: #e2e8f0;
--page-bg: #f5f2eb;
--deep-green: #05261a;
--gold-accent: #dfb15b;
--text-light: #e2e8f0;
--form-bg: #fdfaf4;
--input-border: #e0dcd3;
}
.container {
max-width: 1280px;
margin: 0 auto;
padding: 0 32px;
} .navbar {
position: fixed;
top: 0;
left: 0;
width: 100%;
background: #032f22;
border-bottom: 3px solid #e3dd95;
z-index: 9999;
}
.admin-navbar {
top: 32px;
} .nav-container {
display: flex;
align-items: center;
justify-content: space-between;
padding: 0px 40px;
} .nav-logo {
display: flex;
align-items: center;
}
.custom-logo {
max-width: 180px;
height: auto;
display: block;
}
.custom-logo-link {
display: block;
} .nav-links {
display: flex;
align-items: center;
gap: 30px;
margin: 0;
padding: 0;
list-style: none;
}
.nav-links li {
list-style: none;
}
.nav-links li a {
color: #fff;
text-decoration: none;
font-size: 15px;
font-weight: 500;
transition: .3s;
}
.nav-links li a:hover {
color: #d4a64a;
}
.nav-links .current-menu-item>a,
.nav-links .current_page_item>a {
color: #d4a64a;
} .nav-cta {
background: linear-gradient(135deg, #c89b3c 0%, #d4a64a 40%, #f3de9b 100%);
color: #000 !important;
padding: 12px 22px;
display: inline-flex;
align-items: center;
gap: 10px;
font-weight: 600;
text-decoration: none;
transition: .3s;
}
.nav-cta:hover {
transform: translateY(-2px);
} .menu-toggle {
display: none;
background: transparent;
border: none;
color: #fff;
font-size: 24px;
cursor: pointer;
} @media (max-width: 991px) {
.nav-container {
padding: 15px 20px;
}
.menu-toggle {
display: block;
z-index: 10001;
}
.nav-links {
position: fixed;
top: 0;
right: -100%;
width: 300px;
max-width: 85%;
height: 100vh;
background: #fff;
flex-direction: column;
align-items: flex-start;
gap: 0;
padding: 90px 25px 30px;
transition: .4s ease;
z-index: 10000;
overflow-y: auto;
box-shadow: -10px 0 25px rgba(0,0,0,.15);
}
.nav-links.active {
right: 0;
}
.nav-links li {
width: 100%;
border-bottom: 1px solid #eee;
}
.nav-links li a {
display: block;
width: 100%;
color: #032f22;
padding: 15px 20px;
}
.nav-quote-item {
margin-top: 15px;
border-bottom: none !important;
}
.nav-cta {
width: 100%;
justify-content: center;
}
body.menu-open {
overflow: hidden;
}
body.menu-open::before {
content: "";
position: fixed;
inset: 0;
background: rgba(0,0,0,.5);
z-index: 9998;
}
}
.menu-toggle {
display: none;
background: transparent;
border: none;
color: #fff;
font-size: 26px;
cursor: pointer;
z-index: 10001;
position: relative;
}
@media (max-width: 991px) {
.menu-toggle {
display: block;
}
.menu-toggle i {
transition: all 0.3s ease;
}
.menu-open .menu-toggle {
color: #fff;
}
} @media (max-width: 576px) {
.custom-logo {
max-width: 130px;
}
.nav-links {
width: 280px;
}
.menu-toggle {
font-size: 22px;
}
} .hero {
position: relative;
min-height: 100vh;
display: flex;
align-items: center;
overflow: hidden;
color: #fff;
padding: 120px 0 80px;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
isolation: isolate;
} .hero::before {
position: absolute;
inset: 0;
background: linear-gradient(
105deg,
rgba(11,53,39,.95) 0%,
rgba(15,61,46,.88) 35%,
rgba(15,61,46,.65) 65%,
rgba(15,61,46,.15) 100%
);
z-index: 1;
}
.hero::after {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 4px;
background: linear-gradient(
90deg,
var(--gold),
var(--light-gold),
var(--gold)
);
z-index: 3;
} .hero-grid {
position: relative;
z-index: 2;
display: flex;
align-items: center;
justify-content: flex-start;
width: 100%;
}
.hero-content {
width: 100%;
max-width: 650px;
} .hero-badge {
display: inline-flex;
align-items: center;
gap: 10px;
background: rgba(212,166,74,.15);
border: 1px solid rgba(212,166,74,.45);
backdrop-filter: blur(10px);
padding: 10px 20px;
border-radius: 50px;
color: var(--light-gold);
font-size: 13px;
font-weight: 600;
margin-bottom: 25px;
} .animated-headline {
margin-bottom: 25px;
}
.animated-headline h1 {
font-size: 48px;
font-weight: 800;
line-height: 1.15;
letter-spacing: -.02em;
margin: 0;
font-family: Georgia, serif;
text-transform: uppercase;
}
.static-text-prefix {
color: #fff;
}
.dynamic-word {
background: linear-gradient(
135deg,
var(--gold),
#f3d08a
);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
} .hero-content p {
font-size: clamp(15px, 1.3vw, 18px);
line-height: 1.8;
color: rgba(255,255,255,.92);
border-left: 3px solid var(--gold);
padding-left: 20px;
margin-bottom: 35px;
} .hero-cta-group {
display: flex;
flex-wrap: wrap;
gap: 15px;
}
.btn-premium-gold {
background: linear-gradient(
135deg,
var(--gold),
#f3d08a
);
color: #0f3d2e;
text-decoration: none;
font-weight: 700;
padding: 15px 32px;
display: inline-flex;
align-items: center;
gap: 10px;
transition: .3s;
}
.btn-premium-gold:hover {
transform: translateY(-3px);
}
.btn-outline-light {
border: 1.5px solid var(--light-gold);
color: #fff;
padding: 15px 32px;
text-decoration: none;
display: inline-flex;
align-items: center;
gap: 10px;
backdrop-filter: blur(10px);
transition: .3s;
}
.btn-outline-light:hover {
background: rgba(255,255,255,.1);
} @media (max-width: 991px) {
.hero {
min-height: auto;
padding: 140px 0 90px;
}
.hero-grid {
justify-content: center;
}
.hero-content {
max-width: 750px;
text-align: center;
}
.hero-badge {
margin-left: auto;
margin-right: auto;
}
.hero-content p {
border-left: 0;
padding-left: 0;
max-width: 100%;
}
.hero-cta-group {
justify-content: center;
}
} @media (max-width: 767px) {
.hero {
min-height: auto;
padding: 120px 0 70px;
}
.hero-grid {
flex-direction: column;
text-align: center;
}
.hero-content {
max-width: 100%;
}
.animated-headline h1 {
font-size: 2.2rem;
line-height: 1.25;
}
.hero-content p {
font-size: 15px;
border-left: none;
padding-left: 0;
}
.hero-cta-group {
flex-direction: column;
width: 100%;
}
.btn-premium-gold,
.btn-outline-light {
width: 100%;
justify-content: center;
}
} @media (max-width: 480px) {
.hero {
padding: 110px 0 60px;
}
.hero-badge {
font-size: 11px;
padding: 8px 14px;
}
.animated-headline h1 {
font-size: 1.8rem;
}
.hero-content p {
font-size: 14px;
}
.btn-premium-gold,
.btn-outline-light {
font-size: 14px;
padding: 14px 20px;
}
} .services-section {
background-color: #032b1d; padding: 40px 40px;
font-family: 'Inter', sans-serif;
color: #ffffff;
overflow: hidden;
position: relative;
} .services-section::before,
.services-section::after {
content: "• • •\n• • •\n• • •";
white-space: pre;
position: absolute;
top: 50%;
transform: translateY(-50%);
color: rgba(212, 175, 55, 0.15);
font-size: 14px;
letter-spacing: 6px;
line-height: 1.5;
}
.services-section::before { left: 20px; }
.services-section::after { right: 20px; } .section-header {
margin-bottom: 40px;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
.subtitle-container {
display: flex;
align-items: center;
gap: 15px;
margin-bottom: 8px;
}
@media (max-width: 767px) {
.about-us-premium {
background-image: none !important;
background-position: center !important;
background-size: cover !important;
}
}
.subtitle {
color: #c5a880; font-size: 13px;
text-transform: uppercase;
letter-spacing: 2px;
font-weight: 500;
}
.line {
display: inline-block;
width: 40px;
height: 1px;
background-color: #c5a880;
}
.title {
font-family: 'Cinzel', serif; font-size: 36px;
font-weight: 500;
margin: 0;
color: #ffffff;
} .cards-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 25px;
max-width: 1200px;
margin: 0 auto;
} .service-card {
background: linear-gradient(135deg, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.01) 100%);
border: 1px solid rgba(197, 168, 128, 0.2); border-radius: 8px;
padding: 35px 30px;
box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.2);
transition: all 0.3s ease;
}
.service-card:hover {
border-color: rgba(197, 168, 128, 0.6);
box-shadow: 0 10px 30px rgba(0,0,0,0.3);
transform: translateY(-2px);
}
.card-content {
display: flex;
align-items: flex-start;
gap: 25px;
} .icon-wrapper {
flex-shrink: 0;
}
.hexagon {
width: 70px;
height: 80px;
background-color: transparent;
border: 1.5px solid #c5a880;
position: relative;
clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
display: flex;
align-items: center;
justify-content: center;
}
.icon {
width: 32px;
height: 32px;
color: #c5a880;
} .text-wrapper h3 {
font-family: 'Cinzel', serif;
font-size: 20px;
color: #c5a880;
margin: 0 0 12px 0;
font-weight: 500;
}
.text-wrapper p {
font-size: 14px;
color: #cccccc;
line-height: 1.6;
margin: 0 0 20px 0;
font-weight: 300;
} .learn-more {
color: #c5a880;
text-decoration: none;
font-size: 13px;
font-weight: 500;
display: inline-flex;
align-items: center;
gap: 8px;
transition: opacity 0.2s;
}
.learn-more:hover {
opacity: 0.8;
}
.arrow {
font-size: 16px;
transition: transform 0.2s;
}
.learn-more:hover .arrow {
transform: translateX(4px);
} @media (max-width: 992px) {
.cards-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 768px) {
.cards-grid {
grid-template-columns: 1fr;
}
.card-content {
flex-direction: column;
align-items: flex-start;
gap: 15px;
}
.services-section::before,
.services-section::after {
display: none;
}
} .about-us-premium {
position: relative;
padding: 40px 0;
overflow: hidden;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
isolation: isolate;
} .about-us-premium::before {
position: absolute;
inset: 0;
background: linear-gradient(
90deg,
rgba(15, 61, 46, 0.95) 0%,
rgba(15, 61, 46, 0.88) 40%,
rgba(15, 61, 46, 0.72) 70%,
rgba(15, 61, 46, 0.45) 100%
);
z-index: 1;
} .about-us-premium::after {
content: "";
position: absolute;
top: -120px;
right: -120px;
width: 450px;
height: 450px;
border-radius: 50%;
background: radial-gradient(
circle,
rgba(212,166,74,0.08) 0%,
transparent 70%
);
z-index: 1;
} .container-about {
position: relative;
z-index: 2;
max-width: 1150px;
margin: auto;
padding: 0 25px;
} .about-section-header {
margin-bottom: 10px;
color: var(--gold);
}
.about-section-header h2 {
color: var(--gold);
font-size: 22px;
font-weight: 700;
line-height: 1.2;
margin: 0;
position: relative;
display: inline-block;
text-transform: uppercase;
}
.about-section-header h2::after {
position: absolute;
border-radius: 30px;
background: linear-gradient(
90deg,
#d4a64a,
#f0d38e
);
} .about-unique-grid {
display: flex;
align-items: center;
justify-content: space-between;
gap: 60px;
margin-bottom: 20px;
} .about-unique-content {
width: 100%;
max-width: 500px;
}
.about-lead {
font-size: 34px;
font-weight: 700;
line-height: 1.3;
color: #323c34;
margin-bottom: 10px;
font-family: Georgia, serif;
}
.about-description {
font-size: 16px;
line-height: 1.9;
color: #000;
margin-bottom: 0;
} .about-description::before {
content: "";
display: block;
width: 70px;
height: 3px;
margin-bottom: 25px;
border-radius: 30px;
background: linear-gradient(
90deg,
#d4a64a,
#f0d38e
);
} @media (max-width: 991px) {
.about-us-premium {
padding: 70px 0;
}
.container-about {
padding: 0 20px;
}
.about-unique-grid {
gap: 40px;
}
.about-unique-content {
max-width: 100%;
}
.about-section-header {
text-align: center;
}
.about-section-header h2::after {
left: 50%;
transform: translateX(-50%);
}
.about-lead {
text-align: center;
}
.about-description {
text-align: center;
}
.about-description::before {
margin: 0 auto 25px;
}
} @media (max-width: 767px) {
.about-us-premium {
padding: 60px 0;
}
.container-about {
padding: 0 15px;
}
.about-section-header {
margin-bottom: 25px;
text-align: center;
}
.about-section-header h2 {
font-size: 2rem;
}
.about-unique-grid {
flex-direction: column;
gap: 25px;
}
.about-unique-content {
max-width: 100%;
}
.about-lead {
font-size: 1.1rem;
line-height: 1.7;
text-align: center;
margin-bottom: 20px;
}
.about-description {
font-size: 15px;
line-height: 1.8;
text-align: center;
}
.about-description::before {
margin: 0 auto 20px;
}
} @media (max-width: 480px) {
.about-us-premium {
padding: 50px 0;
}
.about-section-header h2 {
font-size: 1.8rem;
}
.about-lead {
font-size: 1rem;
}
.about-description {
font-size: 14px;
}
}
.projects-section {
background: #f8f6f1;
padding: 70px 0;
}
.container-projects {
max-width: 1280px;
margin: auto;
padding: 0 20px;
} .projects-top-row {
display: flex;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 35px;
gap: 20px;
}
.projects-label {
display: block;
color: #c79b3b;
font-size: 14px;
font-weight: 700;
letter-spacing: 1px;
margin-bottom: 8px;
text-transform: uppercase;
}
.projects-heading-left h2 {
font-size: 48px;
line-height: 1.1;
color: #0F3D2E;
margin: 0;
font-weight: 700;
font-family: Georgia, serif;
}
.projects-view-btn {
background: linear-gradient(135deg, #c89b3c 0%, #d4a64a 40%, #f3de9b 100%);
color: #0F3D2E;
padding: 14px 24px;
text-decoration: none;
font-weight: 600;
display: inline-flex;
align-items: center;
gap: 10px;
transition: .3s;
}
.projects-view-btn:hover {
background: #c79732;
color: #0F3D2E;
} .projects-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 14px;
} .project-card {
overflow: hidden;
background: transparent;
}
.project-card a {
text-decoration: none;
display: block;
}
.project-image {
height: 320px;
overflow: hidden;
}
.project-image img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: .4s;
}
.project-card:hover img {
transform: scale(1.05);
} .project-title-bar {
background: #0F3D2E;
padding: 15px;
text-align: center;
}
.project-title-bar h3 {
margin: 0;
color: #fff;
font-size: 24px;
font-weight: 600;
} @media (max-width: 991px) {
.projects-grid {
grid-template-columns: repeat(2, 1fr);
}
.projects-heading-left h2 {
font-size: 38px;
}
} @media (max-width: 767px) {
.projects-top-row {
flex-direction: column;
align-items: flex-start;
}
.projects-grid {
grid-template-columns: 1fr;
}
.projects-heading-left h2 {
font-size: 32px;
}
.project-image {
height: 260px;
}
.projects-view-btn {
width: 100%;
justify-content: center;
}
}
.why-choose-us {
position: relative;
padding: 50px 0;
overflow: hidden;
background: #0F3D2E;
} .why-choose-us::after {
content: "";
position: absolute;
top: 0;
right: 0;
width: 40%;
height: 100%;
background:
linear-gradient(
rgba(15,61,46,.85),
rgba(15,61,46,.85)
),
url(//alshebliconstructions.com/wp-content/themes/alshebli/assets/images/house-bg.jpg);
background-size: cover;
background-position: center;
}
.container-why {
max-width: 1280px;
margin: auto;
padding: 0 20px;
position: relative;
z-index: 2;
}
.why-wrapper {
display: flex;
align-items: center;
} .why-left {
flex: 1.7;
}
.why-label {
color: var(--gold);
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
}
.why-left h2 {
color: #fff;
font-size: 30px;
margin: 10px 0 35px;
line-height: 1.2;
font-family: Georgia, serif;
} .why-features {
display: grid;
grid-template-columns: repeat(4,1fr);
gap: 30px;
}
.why-feature {
text-align: center;
}
.why-icon {
width: 70px;
height: 70px;
margin: 0 auto 15px;
border: 2px solid #D4A64A;
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
}
.why-icon i {
color: #D4A64A;
font-size: 30px;
}
.why-feature h4 {
color: #fff;
font-size: 12px;
margin-bottom: 10px;
}
.why-feature p {
color: rgba(255,255,255,.8);
font-size: 14px;
line-height: 1.6;
} .why-divider {
width: 1px;
height: 260px;
background: rgba(255,255,255,.2);
margin: 0 40px;
} .why-right {
flex: 1;
display: grid;
grid-template-columns: repeat(2,1fr);
}
.stat-box {
padding: 25px;
border: 1px solid rgba(255,255,255,.08);
}
.stat-box h3 {
color: #D4A64A;
font-size: 42px;
margin-bottom: 10px;
font-weight: 700;
}
.stat-box span {
color: #fff;
font-size: 16px;
} @media(max-width:991px){
.why-wrapper{
flex-direction:column;
}
.why-divider{
display:none;
}
.why-features{
grid-template-columns:repeat(2,1fr);
margin-bottom:40px;
}
.why-right{
width:100%;
}
.why-left h2{
font-size:38px;
}
.why-choose-us::after{
display:none;
}
} @media(max-width:767px){
.why-features{
grid-template-columns:1fr;
}
.why-right{
grid-template-columns:1fr;
}
.why-left h2{
font-size:30px;
}
.stat-box h3{
font-size:40px;
}
}
.features-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 32px;
margin-top: 20px;
}
.feature-card {
background: rgba(255, 255, 255, 0.03);
backdrop-filter: blur(2px);
border-radius: var(--card-radius);
padding: 32px 28px;
transition: all 0.4s cubic-bezier(0.2, 0.9, 0.4, 1.1);
border: 1px solid rgba(212, 166, 74, 0.15);
position: relative;
overflow: hidden;
}
.feature-card::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 3px;
background: linear-gradient(90deg, var(--gold), var(--light-gold));
transform: scaleX(0);
transform-origin: left;
transition: transform 0.5s ease;
z-index: 2;
}
.feature-card:hover::before {
transform: scaleX(1);
}
.feature-card:hover {
transform: translateY(-8px);
background: rgba(255, 255, 255, 0.05);
border-color: rgba(212, 166, 74, 0.35);
box-shadow: 0 20px 35px -12px rgba(0, 0, 0, 0.2);
}
.feature-icon {
width: 70px;
height: 70px;
background: linear-gradient(135deg, rgba(212, 166, 74, 0.15) 0%, rgba(230, 194, 122, 0.08) 100%);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 28px;
transition: all 0.3s;
border: 1px solid rgba(212, 166, 74, 0.3);
}
.feature-icon i {
font-size: 2rem;
color: var(--gold);
transition: transform 0.3s;
}
.feature-card:hover .feature-icon {
background: linear-gradient(135deg, rgba(212, 166, 74, 0.25) 0%, rgba(230, 194, 122, 0.12) 100%);
border-color: var(--gold);
}
.feature-card:hover .feature-icon i {
transform: scale(1.08);
}
.feature-card h3 {
font-size: 1.25rem;
font-weight: 700;
color: var(--white);
margin-bottom: 14px;
letter-spacing: -0.3px;
}
.feature-card p {
font-size: 0.85rem;
line-height: 1.6;
color: #C2CDC5;
margin-bottom: 20px;
}
.feature-link {
display: inline-flex;
align-items: center;
gap: 8px;
color: var(--light-gold);
text-decoration: none;
font-size: 0.75rem;
font-weight: 500;
transition: gap 0.3s;
border-bottom: 1px dashed rgba(212, 166, 74, 0.4);
padding-bottom: 3px;
}
.feature-link i {
font-size: 0.7rem;
transition: transform 0.2s;
}
.feature-link:hover {
gap: 12px;
color: var(--gold);
}
.feature-link:hover i {
transform: translateX(3px);
} .cta-section {
background: #f8f5ef;
padding: 20px 0;
}
.container-cta {
max-width: 1280px;
margin: 0 auto;
padding: 0 20px;
} .cta-simple-wrapper {
display: flex;
justify-content: space-between;
align-items: center;
gap: 20px;
} .cta-left {
display: flex;
align-items: center;
gap: 15px;
}
.cta-phone-icon {
width: 42px;
height: 42px;
border-radius: 50%;
background: #0F3D2E;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.cta-phone-icon i {
color: #fff;
font-size: 16px;
}
.cta-text h3 {
margin: 0;
color: #394c3d;
font-size: 30px;
font-weight: 700;
line-height: 1.8;
}
.abouthero-head {
font-size: 34px;
font-weight: 700;
line-height: 1.3;
color: #fff;
margin-bottom: 20px;
font-family: Georgia, serif;
}
.cta-text p {
margin: 0;
color: #1e1e1e;
font-size: 16px;
font-weight: 500;
} .cta-btn {
background: #d4a64a;
color: #0F3D2E;
text-decoration: none;
padding: 12px 28px;
display: inline-flex;
align-items: center;
gap: 10px;
font-weight: 600;
font-size: 15px;
transition: .3s ease;
}
.btn-service-gold { background: linear-gradient(105deg, var(--gold) 0%, #EAC371 100%); color: #0A2F22; font-weight: 600; padding: 10px 24px; text-decoration: none; display: inline-flex; align-items: center; gap: 12px; font-size: 1rem; transition: all 0.3s cubic-bezier(0.2, 0.9, 0.4, 1.1); box-shadow: 0 10px 25px -8px rgba(0, 0, 0, 0.35); border: 1px solid rgba(255, 255, 255, 0.3); position: relative; overflow: hidden; }
.cta-btn:hover {
background: #c99838;
color: #0F3D2E;
}
.cta-btn i {
font-size: 13px;
} @media (max-width: 991px) {
.cta-text h3 {
font-size: 22px;
}
.cta-text p {
font-size: 15px;
}
} @media (max-width: 767px) {
.cta-simple-wrapper {
flex-direction: column;
text-align: center;
}
.cta-left {
flex-direction: column;
}
.cta-btn {
width: 100%;
justify-content: center;
}
.cta-text h3 {
font-size: 20px;
}
}
.contact-section {
background: var(--dark-green);
position: relative;
padding: 50px 0;
isolation: isolate;
overflow: hidden;
}
.contact-section::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 1px;
background: linear-gradient(90deg, transparent, var(--gold), var(--light-gold), transparent);
opacity: 0.4;
}
.container-contact {
max-width: 1280px;
margin: 0 auto;
padding: 0 32px;
position: relative;
z-index: 2;
}
.contact-header {
text-align: center;
margin-bottom: 36px;
}
.contact-eyebrow {
display: inline-flex;
align-items: center;
gap: 10px;
background: rgba(212, 166, 74, 0.12);
backdrop-filter: blur(4px);
padding: 5px 18px;
border-radius: 40px;
font-size: 0.7rem;
font-weight: 600;
letter-spacing: 1.5px;
text-transform: uppercase;
color: var(--light-gold);
border: 0.5px solid rgba(212, 166, 74, 0.35);
margin-bottom: 16px;
}
.contact-header h2 {
font-size: 3rem;
font-weight: 700;
letter-spacing: -0.02em;
color: var(--white);
margin-bottom: 12px;
}
.contact-header h2 span {
color: var(--gold);
}
.contact-header p {
max-width: 550px;
margin: 0 auto;
font-size: 0.88rem;
line-height: 1.55;
color: #CBD5CE;
}
.contact-grid {
display: flex;
gap: 50px;
flex-wrap: wrap;
}
.contact-info {
flex: 1;
min-width: 280px;
display: flex;
flex-direction: column;
gap: 20px;
}
.info-item {
display: flex;
align-items: flex-start;
gap: 18px;
padding: 20px 24px;
background: rgba(255, 255, 255, 0.03);
backdrop-filter: blur(2px);
border-radius: 18px;
border: 1px solid rgba(212, 166, 74, 0.1);
transition: all 0.3s ease;
}
.info-icon {
width: 52px;
height: 52px;
min-width: 52px;
background: linear-gradient(135deg, rgba(212, 166, 74, 0.15) 0%, rgba(230, 194, 122, 0.08) 100%);
border-radius: 16px;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid rgba(212, 166, 74, 0.25);
}
.info-icon i {
font-size: 1.3rem;
color: var(--gold);
}
.info-content h3 {
font-size: 1rem;
font-weight: 700;
color: var(--white);
margin-bottom: 6px;
}
.info-content p,
.info-content a {
font-size: 0.85rem;
color: #B8C5BC;
text-decoration: none;
line-height: 1.5;
}
.social-wrapper {
margin-top: 8px;
}
.social-title {
font-size: 0.75rem;
font-weight: 600;
color: var(--light-gold);
margin-bottom: 14px;
}
.social-icons-modern {
display: flex;
gap: 12px;
}
.social-icon-modern {
width: 44px;
height: 44px;
background: rgba(212, 166, 74, 0.08);
border-radius: 14px;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s;
color: var(--gold);
text-decoration: none;
border: 1px solid rgba(212, 166, 74, 0.2);
}
.contact-form-wrapper {
flex: 1.2;
min-width: 320px;
}
.form-card {
background: rgba(255, 255, 255, 0.03);
backdrop-filter: blur(2px);
border-radius: 24px;
padding: 36px 32px;
border: 1px solid rgba(212, 166, 74, 0.12);
}
.form-header h3 {
font-size: 1.4rem;
font-weight: 700;
color: var(--white);
margin-bottom: 22px;
}
.form-group {
margin-bottom: 20px;
}
.form-group label {
display: block;
font-size: 0.75rem;
font-weight: 600;
color: var(--light-gold);
margin-bottom: 6px;
}
.form-group input,
.form-group textarea {
width: 100%;
padding: 12px 16px;
font-size: 0.85rem;
font-family: 'Inter', sans-serif;
border: 1.5px solid rgba(212, 166, 74, 0.2);
border-radius: 14px;
background: rgba(255, 255, 255, 0.05);
color: var(--white);
}
.btn-submit {
width: 100%;
background: linear-gradient(105deg, var(--gold) 0%, var(--light-gold) 100%);
color: var(--dark-green);
font-weight: 700;
padding: 14px 28px;
border-radius: 50px;
border: none;
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
font-size: 0.85rem;
} .footer-section {
background: #071A12;
position: relative;
padding: 60px 0 30px;
isolation: isolate;
overflow: hidden;
}
.footer-section::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 1px;
background: linear-gradient(90deg, transparent, var(--gold), var(--light-gold), transparent);
opacity: 0.3;
}
.footer-section::after {
content: '';
position: absolute;
bottom: 0;
left: -10%;
width: 400px;
height: 400px;
background: radial-gradient(circle, rgba(212, 166, 74, 0.04) 0%, transparent 70%);
border-radius: 50%;
pointer-events: none;
}
.container-footer {
max-width: 1280px;
margin: 0 auto;
padding: 0 32px;
position: relative;
z-index: 2;
} .footer-grid {
display: grid;
grid-template-columns: 1.6fr 1fr 1fr 1.2fr;
gap: 40px;
margin-bottom: 50px;
flex-wrap: wrap;
} .footer-brand {
margin-bottom: 10px;
}
.footer-logo {
margin-bottom: 20px;
}
.footer-logo h3 {
font-size: 2.3rem;
font-weight: 700;
color: var(--white);
letter-spacing: -0.02em;
}
.footer-logo h3 span {
color: var(--gold);
}
.footer-brand p {
font-size: 0.9rem;
line-height: 1.6;
color: #A8B8B0;
margin-bottom: 20px;
max-width: 280px;
}
.brand-tagline {
display: inline-flex;
align-items: center;
gap: 8px;
background: rgba(212, 166, 74, 0.1);
padding: 6px 14px;
border-radius: 40px;
font-size: 0.7rem;
color: var(--light-gold);
border: 0.5px solid rgba(212, 166, 74, 0.2);
margin-bottom: 18px;
}
.brand-tagline i {
font-size: 0.65rem;
} .footer-social {
display: flex;
align-items: center;
gap: 12px;
margin-top: 5px;
}
.footer-social-icon {
width: 38px;
height: 38px;
background: rgba(212, 166, 74, 0.08);
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
color: var(--gold);
text-decoration: none;
border: 1px solid rgba(212, 166, 74, 0.2);
}
.footer-social-icon i {
font-size: 1rem;
transition: all 0.3s;
}
.footer-social-icon:hover {
background: var(--gold);
color: #071A12;
transform: translateY(-3px);
border-color: var(--gold);
} .footer-column h4 {
font-size: 1.2rem;
font-weight: 700;
color: var(--white);
margin-bottom: 20px;
letter-spacing: -0.2px;
position: relative;
display: inline-block;
}
.footer-column h4::after {
content: '';
position: absolute;
bottom: -6px;
left: 0;
width: 30px;
height: 2px;
background: linear-gradient(90deg, var(--gold), var(--light-gold));
border-radius: 2px;
}
.footer-links {
list-style: none;
padding: 0;
}
.footer-links li {
margin-bottom: 12px;
}
.footer-links a {
color: #A8B8B0;
text-decoration: none;
font-size: 0.9rem;
transition: all 0.25s ease;
display: inline-flex;
align-items: center;
gap: 6px;
}
.footer-links a i {
font-size: 0.7rem;
opacity: 0;
transition: opacity 0.2s, transform 0.2s;
color: var(--gold);
}
.footer-links a:hover {
color: var(--gold);
transform: translateX(5px);
}
.footer-links a:hover i {
opacity: 1;
} .services-list {
list-style: none;
padding: 0;
}
.services-list li {
margin-bottom: 12px;
}
.services-list a {
color: #A8B8B0;
text-decoration: none;
font-size: 0.9rem;
transition: all 0.25s ease;
display: inline-flex;
align-items: center;
gap: 6px;
}
.services-list a i {
font-size: 0.7rem;
opacity: 0;
transition: opacity 0.2s, transform 0.2s;
color: var(--gold);
}
.services-list a:hover {
color: var(--gold);
transform: translateX(5px);
}
.services-list a:hover i {
opacity: 1;
} .newsletter p {
font-size: 0.9rem;
color: #A8B8B0;
margin-bottom: 16px;
line-height: 1.5;
}
.newsletter-form {
display: flex;
gap: 10px;
margin-bottom: 20px;
flex-wrap: wrap;
}
.newsletter-input {
flex: 1;
padding: 12px 16px;
font-size: 0.9rem;
font-family: 'Inter', sans-serif;
border: 1.5px solid rgba(212, 166, 74, 0.2);
border-radius: 12px;
background: rgba(255, 255, 255, 0.05);
color: var(--white);
transition: all 0.2s;
}
.newsletter-input::placeholder {
color: #6A8578;
}
.newsletter-input:focus {
outline: none;
border-color: var(--gold);
background: rgba(255, 255, 255, 0.08);
}
.newsletter-btn {
background: linear-gradient(105deg, var(--gold) 0%, var(--light-gold) 100%);
color: var(--dark-green);
font-weight: 600;
padding: 12px 20px;
border-radius: 12px;
border: none;
cursor: pointer;
font-size: 0.9rem;
transition: all 0.3s;
display: inline-flex;
align-items: center;
gap: 6px;
}
.newsletter-btn:hover {
transform: translateY(-2px);
background: linear-gradient(105deg, var(--light-gold) 0%, #F0D38E 100%);
}
.newsletter-note {
font-size: 0.8rem;
color: #6A8578;
display: flex;
align-items: center;
gap: 5px;
}
.newsletter-note i {
font-size: 0.7rem;
color: var(--gold);
} .footer-bottom {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 20px;
padding-top: 30px;
border-top: 1px solid rgba(212, 166, 74, 0.15);
}
.copyright {
font-size: 0.75rem;
color: #6A8578;
}
.copyright a {
color: var(--gold);
text-decoration: none;
}
.copyright a:hover {
text-decoration: underline;
}
.footer-bottom-links {
display: flex;
gap: 24px;
}
.footer-bottom-links a {
font-size: 0.75rem;
color: #6A8578;
text-decoration: none;
transition: color 0.2s;
}
.footer-bottom-links a:hover {
color: var(--gold);
} .trust-badge {
display: flex;
gap: 12px;
margin-top: 15px;
}
.trust-badge span {
font-size: 0.65rem;
color: #6A8578;
background: rgba(255, 255, 255, 0.03);
padding: 5px 10px;
border-radius: 20px;
border: 0.5px solid rgba(212, 166, 74, 0.15);
} @media (max-width: 1024px) {
.footer-grid {
grid-template-columns: 1fr 1fr 1fr;
gap: 35px;
}
.footer-brand {
grid-column: span 1;
}
}
@media (max-width: 768px) {
.footer-section {
padding: 50px 0 25px;
}
.container-footer {
padding: 0 24px;
}
.footer-grid {
grid-template-columns: 1fr 1fr;
gap: 35px;
margin-bottom: 40px;
}
.footer-brand {
grid-column: span 2;
}
.footer-brand p {
max-width: 100%;
}
.footer-bottom {
flex-direction: column;
text-align: center;
gap: 15px;
}
.footer-bottom-links {
justify-content: center;
}
}
@media (max-width: 540px) {
.container-footer {
padding: 0 20px;
}
.footer-grid {
grid-template-columns: 1fr;
gap: 32px;
}
.footer-brand {
grid-column: span 1;
}
.newsletter-form {
flex-direction: column;
}
.newsletter-btn {
justify-content: center;
}
.footer-logo h3 {
font-size: 1.4rem;
}
.footer-social {
justify-content: flex-start;
}
} .services-hero-bg {
position: relative;
padding: 140px 0px 80px;
background: url(https://images.unsplash.com/photo-1600585154340-be6161a56a0c?w=1600&q=80) center/cover no-repeat;
overflow: hidden;
background-attachment: fixed;
} .services-hero-bg::before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(90deg,
rgba(6, 40, 30, 0.95) 0%,
rgba(6, 40, 30, 0.85) 35%,
rgba(6, 40, 30, 0.5) 55%,
rgba(6, 40, 30, 0.2) 75%,
transparent 100%);
} .services-hero-content {
position: relative;
max-width: 400px;
color: #fff;
} .services-hero-content h1 {
font-size: 44px;
font-weight: 700;
margin-bottom: 20px;
}
.services-hero-content h1 span {
color: var(--gold); } .services-hero-content p {
font-size: 16px;
line-height: 1.7;
color: #e5e5e5;
margin-bottom: 30px;
} @media (max-width: 768px) {
.services-hero-bg {
padding: 100px 0;
}
.services-hero-content h1 {
font-size: 36px;
}
} .features-elevated {
background: var(--dark-green);
position: relative;
z-index: 25;
padding: 50px;
}
.feature-card-grid {
background: rgba(255, 255, 255, 0.98);
backdrop-filter: blur(0px);
border-radius: 28px;
box-shadow: var(--shadow-xl), 0 2px 4px rgba(0, 0, 0, 0.02);
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 0;
overflow: hidden;
transition: all 0.2s ease;
border: 1px solid rgba(200, 163, 94, 0.2);
}
.feature-premium-item {
padding: 34px 28px;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 18px;
background: #FFFFFF;
transition: var(--transition-smooth);
position: relative;
z-index: 1;
}
.feature-premium-item:hover {
background: #FEFAF5;
transform: translateY(-6px);
} .feature-premium-item:not(:last-child) {
border-right: 1px solid rgba(0, 0, 0, 0.06);
}
.feature-icon-elevated {
width: 56px;
height: 56px;
background: rgba(200, 163, 94, 0.12);
border-radius: 22px;
display: flex;
align-items: center;
justify-content: center;
font-size: 28px;
color: var(--gold-leaf);
transition: var(--transition-smooth);
}
.feature-premium-item:hover .feature-icon-elevated {
background: var(--gold-leaf);
color: #0E2A24;
transform: scale(0.98);
box-shadow: 0 8px 18px rgba(200, 163, 94, 0.25);
}
.feature-text-premium h4 {
font-size: 1.25rem;
font-weight: 700;
color: #1F2E2A;
margin-bottom: 10px;
letter-spacing: -0.2px;
}
.feature-text-premium p {
font-size: 0.9rem;
line-height: 1.5;
color: #4A5B55;
font-weight: 400;
} @media (max-width: 1100px) {
.feature-premium-item {
padding: 28px 20px;
}
.feature-text-premium h4 {
font-size: 1.1rem;
}
}
@media (max-width: 992px) {
.feature-card-grid {
grid-template-columns: repeat(2, 1fr);
gap: 0;
}
.feature-premium-item:not(:last-child) {
border-right: none;
}
.feature-premium-item:nth-child(even) {
border-left: 1px solid rgba(0, 0, 0, 0.05);
}
.feature-premium-item:nth-child(odd) {
border-right: 1px solid rgba(0, 0, 0, 0.05);
}
}
@media (max-width: 680px) {
.features-elevated {
margin-top: -40px;
}
.feature-card-grid {
grid-template-columns: 1fr;
border-radius: 28px;
}
.feature-premium-item {
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.feature-premium-item:last-child {
border-bottom: none;
}
.feature-premium-item:nth-child(even),
.feature-premium-item:nth-child(odd) {
border-left: none;
border-right: none;
}
} .feature-premium-item {
opacity: 0;
animation: fadeSlideUp 0.55s ease forwards;
animation-delay: calc(0.05s * var(--order, 0));
}
@keyframes fadeSlideUp {
0% {
opacity: 0;
transform: translateY(18px);
}
100% {
opacity: 1;
transform: translateY(0);
}
} .services-section-spacer {
background: linear-gradient(to bottom, #FFFFFF 0%, #F8F6F2 100%);
} .premium-accent-line {
height: 3px;
width: 70px;
background: linear-gradient(90deg, var(--gold-leaf), rgba(200, 163, 94, 0.3));
margin-top: 8px;
border-radius: 4px;
}
.about-herotext {
display: inline-block;
color: var(--gold);
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 20px;
position: relative;
} .mvv-section {
padding: 80px 0;
background: #f7f3ec;
} .mvv-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 28px;
} .mvv-column {
width: 100%;
} .mvv-card {
background: #fff;
padding: 35px 30px;
border-radius: 24px;
height: 100%;
border: 1px solid rgba(212, 165, 76, 0.15);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
transition: 0.4s ease;
position: relative;
overflow: hidden;
}
.mvv-card::before {
content: "";
position: absolute;
top: -60px;
right: -60px;
width: 150px;
height: 150px;
background: radial-gradient(rgba(212, 165, 76, 0.12),
transparent 70%);
} .mvv-card:hover {
transform: translateY(-10px);
box-shadow: 0 20px 45px rgba(0, 0, 0, 0.08);
} .mvv-top {
display: flex;
align-items: center;
gap: 20px;
margin-bottom: 30px;
} .mvv-icon {
width: 80px;
height: 80px;
min-width: 80px;
background: linear-gradient(135deg, #033626, #05513a);
clip-path: polygon(25% 6%,
75% 6%,
100% 50%,
75% 94%,
25% 94%,
0 50%);
display: flex;
align-items: center;
justify-content: center;
transition: 0.5s ease;
}
.mvv-card:hover .mvv-icon {
transform: rotateY(180deg);
}
.mvv-icon i {
color: #d4a54c;
font-size: 32px;
} .mvv-heading h3 {
font-size: 32px;
color: #033626;
font-weight: 700;
margin-bottom: 12px;
font-family: "Playfair Display", serif;
}
.mvv-heading span {
display: block;
width: 75px;
height: 3px;
background: #d4a54c;
border-radius: 50px;
} .mvv-list {
list-style: none;
padding: 0;
margin: 0;
}
.mvv-list li {
display: flex;
align-items: flex-start;
gap: 14px;
margin-bottom: 18px;
color: #3d3d3d;
font-size: 16px;
line-height: 1.7;
font-weight: 500;
}
.mvv-list li:last-child {
margin-bottom: 0;
}
.mvv-list li i {
width: 28px;
height: 28px;
min-width: 28px;
border-radius: 50%;
background: #05513a;
color: #d4a54c;
display: flex;
align-items: center;
justify-content: center;
font-size: 12px;
margin-top: 2px;
} .values-card {
background: linear-gradient(180deg,
#ffffff,
#fdfaf5);
} @media (max-width: 991px) {
.mvv-grid {
grid-template-columns: repeat(2, 1fr);
}
.mvv-card {
padding: 30px 24px;
}
.mvv-heading h3 {
font-size: 28px;
}
}
@media (max-width: 767px) {
.mvv-section {
padding: 70px 0;
}
.mvv-grid {
grid-template-columns: 1fr;
}
.mvv-top {
gap: 15px;
}
.mvv-icon {
width: 68px;
height: 68px;
min-width: 68px;
}
.mvv-icon i {
font-size: 26px;
}
.mvv-heading h3 {
font-size: 24px;
}
.mvv-list li {
font-size: 15px;
}
} .about-company {
background: #fff;
}
.about-grid {
display: grid;
grid-template-columns: 48% 52%;
align-items: stretch;
} .about-content {
padding: 40px 70px 40px 60px;
display: flex;
flex-direction: column;
justify-content: center;
}
.about-tag {
font-size: 14px;
font-weight: 600;
color: #b08b47;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 18px;
display: inline-block;
}
.about-content h2 {
font-size: 30px;
line-height: 1.1;
color: #173b2d;
font-weight: 700;
margin-bottom: 25px;
font-family: Georgia, serif;
}
.about-content p {
font-size: 16px;
line-height: 1.9;
color: #000;
margin-bottom: 35px;
max-width: 600px;
} .about-btn {
display: inline-flex;
align-items: center;
gap: 10px;
background: #0f5225;
color: #fff;
text-decoration: none;
padding: 16px 30px;
font-size: 15px;
font-weight: 600;
width: fit-content;
transition: 0.3s;
}
.about-btn:hover {
background: #0b421d;
}
.about-btn span {
transition: .3s;
}
.about-btn:hover span {
transform: translateX(4px);
} .about-image {
height: 100%;
}
.about-image img {
width: 100%;
height: 100%;
min-height: 520px;
object-fit: cover;
display: block;
} .about-image::before,
.floating-card {
display: none !important;
} @media (max-width: 992px) {
.about-grid {
grid-template-columns: 1fr;
}
.about-content {
padding: 0 0 40px;
}
.about-content h2 {
font-size: 40px;
}
.about-image img {
min-height: 400px;
}
}
@media (max-width: 768px) {
.about-company {
padding: 60px 0;
}
.about-content h2 {
font-size: 32px;
}
.about-content p {
font-size: 16px;
}
.about-image img {
min-height: 320px;
}
} .stats-section {
background: #003b2f;
padding: 40px 0;
}
.stats-wrapper {
display: grid;
grid-template-columns: repeat(4, 1fr);
align-items: center;
}
.stat-item {
text-align: center;
position: relative;
} .stat-item:not(:last-child)::after {
content: "";
position: absolute;
right: 0;
top: 10px;
width: 1px;
height: 120px;
background: rgba(255,255,255,0.15);
} .stat-icon {
margin-bottom: 12px;
}
.stat-icon i {
font-size: 34px;
color: #d4a64a;
} .stat-item h3 {
font-size: 40px;
line-height: 1;
margin: 0 0 10px;
color: #d4a64a;
font-weight: 700;
font-family: Georgia, serif;
} .stat-item p {
margin: 0;
color: #ffffff;
font-size: 18px;
font-weight: 400;
} @media (max-width: 992px) {
.stats-wrapper {
grid-template-columns: repeat(2, 1fr);
gap: 40px;
}
.stat-item::after {
display: none;
}
}
@media (max-width: 576px) {
.stats-wrapper {
grid-template-columns: 1fr;
}
.stat-item h3 {
font-size: 42px;
}
.stat-item p {
font-size: 16px;
}
.stat-icon i {
font-size: 28px;
}
} .mk-team-section{
padding:60px 0;
background:#f7f4ef;
}
.mk-team-wrapper{
display:grid;
grid-template-columns:320px repeat(4,1fr);
gap:15px;
align-items:stretch;
} .mk-team-intro{
padding:20px 15px 20px 0;
}
.mk-team-tag{
display:inline-block;
color:#c9a24d;
font-size:13px;
font-weight:700;
text-transform:uppercase;
letter-spacing:1px;
margin-bottom:12px;
}
.mk-team-intro h2 {
font-size: 22px;
line-height: 1.2;
color: #0f3d2e;
margin-bottom: 20px;
font-weight: 700;
font-family: 'georgia';
}
.mk-team-intro p{
font-size:16px;
line-height:1.9;
color:#000;
margin-bottom:30px;
}
.mk-team-btn{
display:inline-flex;
align-items:center;
gap:10px;
padding:14px 26px;
background:linear-gradient(
135deg,
#c89b3c 0%,
#d9b15b 50%,
#b8862d 100%
);
color:#fff;
text-decoration:none;
font-weight:600;
transition:.3s;
}
.mk-team-btn:hover{
transform:translateY(-3px);
color:#fff;
} .mk-team-card{
background:#fff;
border-radius:6px;
overflow:hidden;
box-shadow:0 4px 15px rgba(0,0,0,.08);
}
.mk-team-card img{
width:100%;
height:310px;
object-fit:cover;
display:block;
}
.mk-team-info{
background:#063b2c;
text-align:center;
padding:12px;
}
.mk-team-info h3{
color:#fff;
font-size:20px;
margin:0 0 4px;
font-weight:600;
}
.mk-team-info span{
color:#d6d6d6;
font-size:13px;
} @media(max-width:1200px){
.mk-team-wrapper{
grid-template-columns:1fr 1fr;
}
.mk-team-intro{
grid-column:1 / -1;
}
}
@media(max-width:768px){
.mk-team-wrapper{
grid-template-columns:1fr;
}
.mk-team-intro h2{
font-size:32px;
}
.mk-team-card img{
height:350px;
}
}
.admin-navbar {
top: 32px;
} .service-hero {
position: relative;
min-height: 55vh;
display: flex;
align-items: center;
background-image: url(https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?w=1600&q=80);
background-size: cover;
background-position: center 30%;
isolation: isolate;
}
.service-hero::before {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(105deg, rgba(20, 56, 45, 0.92) 0%, rgba(27, 77, 62, 0.85) 100%);
z-index: 1;
}
.hero-content-single {
position: relative;
z-index: 2;
padding: 70px 0 80px;
max-width: 700px;
}
.service-badge {
display: inline-flex;
align-items: center;
gap: 8px;
background: rgba(212, 166, 74, 0.2);
backdrop-filter: blur(6px);
padding: 6px 18px;
border-radius: 100px;
font-size: 0.7rem;
font-weight: 600;
color: var(--light-gold);
margin-bottom: 24px;
border: 1px solid rgba(212, 166, 74, 0.5);
}
.hero-content-single h1 {
font-size: 3.2rem;
font-weight: 800;
color: white;
letter-spacing: -0.02em;
margin-bottom: 20px;
}
.hero-content-single p {
font-size: 1rem;
color: rgba(255, 250, 240, 0.92);
line-height: 1.6;
border-left: 2px solid var(--gold);
padding-left: 24px;
} .service-details {
padding: 80px 0;
background: var(--cream-bg);
}
.details-grid {
display: grid;
gap: 60px;
align-items: start;
}
.main-content h2 {
font-size: 1.8rem;
color: var(--dark-green);
margin-bottom: 24px;
}
.main-content h3 {
font-size: 1.3rem;
margin: 28px 0 16px;
color: var(--dark-green);
}
.main-content p {
color: #4a5b52;
line-height: 1.65;
margin-bottom: 20px;
font-size: 0.92rem;
text-align: justify;
}
.feature-list {
list-style: none;
margin: 20px 0;
}
.feature-list li {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 14px;
font-size: 0.9rem;
}
.feature-list li i {
color: var(--gold);
font-size: 1rem;
width: 24px;
}
.info-sidebar {
background: white;
border-radius: var(--radius-card);
padding: 32px;
box-shadow: var(--shadow-premium);
position: sticky;
top: 100px;
}
.info-card {
margin-bottom: 32px;
}
.info-card h4 {
font-size: 1.2rem;
margin-bottom: 18px;
color: var(--dark-green);
border-left: 3px solid var(--gold);
padding-left: 14px;
}
.info-detail {
display: flex;
justify-content: space-between;
padding: 12px 0;
border-bottom: 1px solid #eee;
font-size: 0.85rem;
}
.info-detail strong {
color: var(--dark-green);
}
.cta-sidebar {
background: linear-gradient(135deg, #14382D, #1B4D3E);
border-radius: 18px;
padding: 28px;
text-align: center;
color: white;
margin-top: 24px;
}
.cta-sidebar h4 {
color: var(--gold);
margin-bottom: 12px;
border-left: none;
padding-left: 0;
}
.btn-gold {
background: var(--gold);
color: #0A2F22;
padding: 12px 24px;
border-radius: 40px;
text-decoration: none;
font-weight: 700;
display: inline-flex;
align-items: center;
gap: 10px;
margin-top: 18px;
transition: 0.25s;
font-size: 0.85rem;
}
.btn-gold:hover {
transform: translateY(-2px);
box-shadow: 0 8px 20px rgba(212, 166, 74, 0.3);
} .process-section {
padding: 70px 0;
background: white;
}
.section-header {
margin-bottom: 52px;
color: #fff;
}
.section-subtitle {
display: inline-block;
font-size: 0.7rem;
text-transform: uppercase;
letter-spacing: 2px;
color: var(--gold);
font-weight: 600;
background: rgba(212, 166, 74, 0.12);
padding: 5px 16px;
border-radius: 40px;
margin-bottom: 16px;
}
.section-header h2 {
font-size: 2rem;
color: var(--white);
}
.section-header h2 span {
color: var(--gold);
border-bottom: 2px solid var(--gold);
}
.process-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: 32px;
margin-top: 20px;
}
.process-step {
text-align: center;
padding: 24px 16px;
background: #F9F6EF;
border-radius: 24px;
transition: 0.3s;
}
.process-step:hover {
transform: translateY(-5px);
box-shadow: 0 15px 30px -12px rgba(0, 0, 0, 0.1);
}
.step-number {
width: 56px;
height: 56px;
background: var(--gold);
color: #0A2F22;
font-weight: 800;
font-size: 1.5rem;
display: flex;
align-items: center;
justify-content: center;
border-radius: 60px;
margin: 0 auto 20px;
}
.process-step h3 {
font-size: 1.2rem;
margin-bottom: 12px;
}
.process-step p {
font-size: 0.85rem;
color: #5a6b62;
} .gallery-section {
padding: 70px 0;
background: #EFEAE2;
}
.gallery-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 24px;
margin-top: 40px;
}
.gallery-item {
border-radius: 20px;
overflow: hidden;
box-shadow: 0 12px 22px -8px rgba(0, 0, 0, 0.08);
transition: 0.3s;
cursor: pointer;
}
.gallery-item img {
width: 100%;
height: 260px;
object-fit: cover;
transition: 0.4s;
}
.gallery-item:hover img {
transform: scale(1.05);
}
.gallery-caption {
background: white;
padding: 16px;
text-align: center;
font-weight: 500;
font-size: 0.85rem;
} .cta-section {
padding:45px 0;
background: var(--white);
color: white;
}
.cta-inner {
text-align: center;
max-width: 700px;
margin: 0 auto;
}
.cta-inner h2 {
font-size: 2rem;
margin-bottom: 16px;
}
.cta-inner p {
margin-bottom: 28px;
opacity: 0.85;
}
.btn-light {
background: var(--gold);
color: #0A2F22;
padding: 14px 36px;
border-radius: 50px;
text-decoration: none;
font-weight: 700;
display: inline-flex;
align-items: center;
gap: 10px;
transition: 0.25s;
} .premium-footer {
background: #0A2F22;
color: #D4D9D4;
padding: 50px 0 30px;
}
.footer-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 40px;
margin-bottom: 40px;
}
.footer-col h3 {
color: var(--gold);
font-size: 1rem;
margin-bottom: 18px;
}
.footer-links {
list-style: none;
}
.footer-links li {
margin-bottom: 10px;
}
.footer-links a {
color: #B8CFC4;
text-decoration: none;
font-size: 0.8rem;
transition: 0.2s;
}
.footer-links a:hover {
color: var(--gold);
}
.footer-bottom {
text-align: center;
padding-top: 25px;
border-top: 1px solid rgba(212, 166, 74, 0.2);
font-size: 0.7rem;
}
@media (max-width: 900px) {
.details-grid {
grid-template-columns: 1fr;
}
.info-sidebar {
position: static;
margin-top: 30px;
}
.hero-content-single h1 {
font-size: 2.4rem;
}
.container {
padding: 0 24px;
}
} .testimonials-premium-section {
padding: 40px 0;
background: linear-gradient(135deg, #F8F4ED 0%, #F0EBE1 100%);
position: relative;
overflow: hidden;
}
.testimonials-premium-section::before {
content: '';
position: absolute;
top: -50%;
right: -20%;
width: 500px;
height: 500px;
background: radial-gradient(circle, rgba(212, 166, 74, 0.06) 0%, transparent 70%);
border-radius: 50%;
pointer-events: none;
}
.testimonials-premium-section::after {
content: '';
position: absolute;
bottom: -30%;
left: -15%;
width: 400px;
height: 400px;
background: radial-gradient(circle, rgba(15, 61, 46, 0.04) 0%, transparent 70%);
border-radius: 50%;
pointer-events: none;
}
.container-testimonials {
max-width: 1280px;
margin: 0 auto;
padding: 0 32px;
position: relative;
z-index: 2;
}
.testimonial-header {
text-align: center;
margin-bottom: 60px;
}
.testimonial-badge {
display: inline-block;
background: rgba(212, 166, 74, 0.12);
backdrop-filter: blur(4px);
padding: 6px 18px;
border-radius: 100px;
font-size: 0.75rem;
font-weight: 600;
letter-spacing: 1px;
color: #D4A64A;
margin-bottom: 20px;
text-transform: uppercase;
}
.testimonial-badge i {
margin-right: 8px;
font-size: 0.8rem;
}
.testimonial-header h2 {
font-size: 2.5rem;
font-weight: 700;
color: #0F3D2E;
margin-bottom: 16px;
letter-spacing: -0.02em;
}
.testimonial-header h2 span {
color: #D4A64A;
border-bottom: 3px solid #D4A64A;
display: inline-block;
padding-bottom: 4px;
}
.testimonial-header p {
color: #5A6B5E;
font-size: 1rem;
max-width: 550px;
margin: 0 auto;
} .testimonials-premium-swiper {
padding: 20px 0 60px;
overflow: hidden;
} .testimonials-premium-swiper .swiper-wrapper {
align-items: stretch;
}
.testimonials-premium-swiper .swiper-slide {
height: auto;
display: flex;
}
.testimonials-premium-swiper .testimonial-premium-card {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
} .testimonial-premium-card {
height: 100%;
min-height: 100%;
background: #FFFFFF;
border-radius: 32px;
padding: 40px 35px;
margin: 15px;
box-shadow: 0 20px 40px -12px rgba(0, 0, 0, 0.08);
transition: all 0.4s cubic-bezier(0.2, 0.9, 0.4, 1.1);
position: relative;
border: 1px solid rgba(212, 166, 74, 0.15);
backdrop-filter: blur(2px);
display: flex;
flex-direction: column;
}
.testimonial-premium-card:hover {
transform: translateY(-8px);
box-shadow: 0 30px 50px -18px rgba(0, 0, 0, 0.15);
border-color: rgba(212, 166, 74, 0.3);
}
.quote-icon {
position: absolute;
top: 30px;
right: 35px;
opacity: 0.12;
}
.quote-icon i {
font-size: 4rem;
color: #D4A64A;
}
.testimonial-content {
margin-bottom: 30px;
}
.testimonial-content p {
font-size: 1rem;
line-height: 1.7;
color: #2C3E35;
font-style: italic;
font-weight: 400;
margin: 0;
position: relative;
z-index: 1;
}
.client-info {
display: flex;
align-items: center;
gap: 18px;
border-top: 1px solid rgba(212, 166, 74, 0.2);
padding-top: 25px;
}
.client-avatar {
width: 60px;
height: 60px;
border-radius: 50%;
overflow: hidden;
border: 3px solid #D4A64A;
transition: transform 0.3s;
}
.testimonial-premium-card:hover .client-avatar {
transform: scale(1.05);
}
.client-avatar img {
width: 100%;
height: 100%;
object-fit: cover;
}
.client-details h4 {
font-size: 1.1rem;
font-weight: 700;
color: #0F3D2E;
margin-bottom: 4px;
}
.client-details span {
font-size: 0.8rem;
color: #D4A64A;
font-weight: 500;
display: block;
margin-bottom: 8px;
}
.rating {
display: flex;
gap: 4px;
}
.rating i {
font-size: 0.8rem;
color: #FFB800;
} .testimonial-pagination {
bottom: 0 !important;
}
.testimonial-pagination .swiper-pagination-bullet {
width: 10px;
height: 10px;
background: #D4A64A;
opacity: 0.4;
transition: all 0.3s;
}
.testimonial-pagination .swiper-pagination-bullet-active {
opacity: 1;
width: 28px;
border-radius: 10px;
background: #D4A64A;
}
.testimonial-next,
.testimonial-prev {
width: 45px;
height: 45px;
background: white;
border-radius: 50%;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
transition: all 0.3s;
}
.testimonial-next:hover,
.testimonial-prev:hover {
background: #D4A64A;
box-shadow: 0 8px 20px rgba(212, 166, 74, 0.3);
}
.testimonial-next:hover::after,
.testimonial-prev:hover::after {
color: white;
}
.testimonial-next::after,
.testimonial-prev::after {
font-size: 1.2rem;
font-weight: bold;
color: #D4A64A;
transition: color 0.3s;
} @media (max-width: 768px) {
.testimonials-premium-section {
padding: 60px 0;
}
.container-testimonials {
padding: 0 20px;
}
.testimonial-header h2 {
font-size: 2rem;
}
.testimonial-premium-card {
padding: 30px 25px;
margin: 10px;
}
.quote-icon i {
font-size: 3rem;
}
.testimonial-content p {
font-size: 0.9rem;
}
.client-info {
gap: 14px;
}
.client-avatar {
width: 50px;
height: 50px;
}
.client-details h4 {
font-size: 1rem;
}
.testimonial-next,
.testimonial-prev {
width: 35px;
height: 35px;
}
.testimonial-next::after,
.testimonial-prev::after {
font-size: 1rem;
}
}
@media (max-width: 480px) {
.testimonial-premium-card {
padding: 25px 20px;
}
.client-info {
flex-direction: column;
text-align: center;
}
.rating {
justify-content: center;
}
.quote-icon {
top: 20px;
right: 20px;
}
.testimonial-next,
.testimonial-prev {
display: none;
}
} @keyframes fadeInUp {
from {
opacity: 0;
transform: translateY(30px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.swiper-slide {
animation: fadeInUp 0.6s ease-out forwards;
opacity: 0;
}
.swiper-slide-active {
opacity: 1;
} .tp-hero-warrior {
position: relative;
min-height: 70vh;
display: flex;
align-items: center;
background: linear-gradient(135deg, #0A2F22 0%, #145A41 100%);
overflow: hidden;
isolation: isolate;
margin-top: 68px;
}
.tp-hero-warrior::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-image: url(https://images.unsplash.com/photo-1541888946425-d81bb19240f5?w=1600&q=80);
background-size: cover;
background-position: center;
opacity: 0.2;
z-index: 0;
animation: tpHeroBreathing 20s infinite alternate;
}
@keyframes tpHeroBreathing {
0% { transform: scale(1); opacity: 0.2; }
100% { transform: scale(1.08); opacity: 0.28; }
}
.tp-hero-container {
max-width: 1280px;
margin: 0 auto;
padding: 80px 32px;
position: relative;
z-index: 2;
width: 100%;
}
.tp-hero-content {
max-width: 750px;
text-align: center;
margin: 0 auto;
}
.tp-hero-badge {
display: inline-flex;
align-items: center;
gap: 10px;
background: rgba(212, 166, 74, 0.18);
backdrop-filter: blur(8px);
padding: 8px 24px;
border-radius: 100px;
font-size: 0.8rem;
font-weight: 600;
color: var(--tp-gold-light);
border: 1px solid rgba(212, 166, 74, 0.5);
margin-bottom: 28px;
}
.tp-hero-content h1 {
font-size: 3.8rem;
font-weight: 800;
line-height: 1.2;
color: white;
margin-bottom: 20px;
letter-spacing: -0.02em;
}
.tp-hero-content h1 span {
color: var(--tp-gold);
position: relative;
display: inline-block;
}
.tp-hero-content p {
font-size: 1.1rem;
line-height: 1.6;
color: rgba(255, 255, 255, 0.9);
margin-bottom: 32px;
max-width: 600px;
margin-left: auto;
margin-right: auto;
}
.tp-hero-stats {
display: flex;
justify-content: center;
gap: 48px;
margin-top: 40px;
flex-wrap: wrap;
}
.tp-stat-block {
text-align: center;
}
.tp-stat-number {
font-size: 2.2rem;
font-weight: 800;
color: var(--tp-gold);
}
.tp-stat-label {
font-size: 0.85rem;
color: rgba(255, 255, 255, 0.8);
text-transform: uppercase;
letter-spacing: 1px;
} .tp-testimonials-galaxy {
padding: 50px 0;
background: linear-gradient(180deg, #F5F1E8 0%, #EDE5D8 100%);
position: relative;
}
.tp-galaxy-container {
max-width: 1280px;
margin: 0 auto;
padding: 0 32px;
}
.tp-section-header {
text-align: center;
margin-bottom: 64px;
}
.tp-section-subtitle {
display: inline-block;
background: rgba(212, 166, 74, 0.12);
padding: 6px 20px;
border-radius: 60px;
font-size: 0.75rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 2px;
color: var(--tp-gold);
margin-bottom: 20px;
}
.tp-section-header h2 {
font-size: 2.8rem;
font-weight: 700;
color: var(--tp-dark);
margin-bottom: 16px;
}
.tp-section-header h2 span {
color: var(--tp-gold);
border-bottom: 3px solid var(--tp-gold);
padding-bottom: 5px;
}
.tp-section-header p {
color: #5A6B5E;
font-size: 1rem;
max-width: 580px;
margin: 0 auto;
} .tp-filter-tabs {
display: flex;
justify-content: center;
gap: 16px;
margin-bottom: 50px;
flex-wrap: wrap;
}
.tp-filter-btn {
background: transparent;
border: 1.5px solid rgba(212, 166, 74, 0.3);
padding: 8px 28px;
border-radius: 60px;
font-weight: 600;
font-size: 0.85rem;
color: var(--tp-dark-soft);
cursor: pointer;
transition: all 0.3s;
font-family: 'Inter', sans-serif;
}
.tp-filter-btn:hover,
.tp-filter-btn.active {
background: var(--tp-gold);
border-color: var(--tp-gold);
color: white;
transform: translateY(-2px);
} .tp-cards-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
gap: 32px;
}
.tp-testimonial-card {
background: var(--tp-white);
border-radius: 28px;
padding: 32px;
transition: all 0.4s cubic-bezier(0.2, 0.9, 0.4, 1.1);
border: 1px solid rgba(212, 166, 74, 0.12);
box-shadow: 0 15px 35px -12px rgba(0, 0, 0, 0.05);
position: relative;
opacity: 0;
transform: translateY(30px);
animation: tpCardReveal 0.6s ease forwards;
}
@keyframes tpCardReveal {
to {
opacity: 1;
transform: translateY(0);
}
}
.tp-testimonial-card:hover {
transform: translateY(-8px);
box-shadow: 0 28px 45px -18px rgba(0, 0, 0, 0.15);
border-color: rgba(212, 166, 74, 0.3);
}
.tp-card-quote {
font-size: 2.5rem;
color: var(--tp-gold);
opacity: 0.25;
margin-bottom: 20px;
line-height: 1;
}
.tp-card-text {
font-size: 0.95rem;
line-height: 1.65;
color: #3A4D42;
margin-bottom: 24px;
font-style: italic;
}
.tp-card-client {
display: flex;
align-items: center;
gap: 16px;
border-top: 1px solid rgba(212, 166, 74, 0.15);
padding-top: 22px;
}
.tp-client-avatar {
width: 55px;
height: 55px;
border-radius: 50%;
overflow: hidden;
border: 2px solid var(--tp-gold);
}
.tp-client-avatar img {
width: 100%;
height: 100%;
object-fit: cover;
}
.tp-client-info h4 {
font-size: 1rem;
font-weight: 700;
color: var(--tp-dark);
margin-bottom: 3px;
}
.tp-client-info span {
font-size: 0.75rem;
color: var(--tp-gold);
font-weight: 500;
}
.tp-rating {
margin-top: 6px;
display: flex;
gap: 3px;
}
.tp-rating i {
font-size: 0.7rem;
color: #FFB800;
}
.tp-card-tag {
position: absolute;
top: 24px;
right: 24px;
background: rgba(212, 166, 74, 0.12);
padding: 4px 12px;
border-radius: 50px;
font-size: 0.7rem;
font-weight: 600;
color: var(--tp-gold);
} .tp-cta-elevate {
background: linear-gradient(115deg, #0F3D2E 0%, #1A5A43 100%);
padding: 80px 0;
position: relative;
overflow: hidden;
}
.tp-cta-elevate::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-image: url(https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?w=1600&q=80);
background-size: cover;
background-position: center;
opacity: 0.08;
pointer-events: none;
}
.tp-cta-container {
max-width: 1280px;
margin: 0 auto;
padding: 0 32px;
position: relative;
z-index: 2;
}
.tp-cta-wrapper {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 50px;
background: rgba(255, 255, 255, 0.03);
backdrop-filter: blur(2px);
border-radius: 48px;
padding: 55px 60px;
border: 1px solid rgba(212, 166, 74, 0.25);
}
.tp-cta-left {
flex: 1;
}
.tp-cta-left h3 {
font-size: 2rem;
font-weight: 700;
color: white;
margin-bottom: 12px;
}
.tp-cta-left h3 span {
color: var(--tp-gold);
}
.tp-cta-left p {
color: rgba(255, 255, 255, 0.8);
font-size: 1rem;
line-height: 1.6;
max-width: 500px;
}
.tp-cta-right {
flex-shrink: 0;
}
.tp-cta-button {
display: inline-flex;
align-items: center;
gap: 12px;
background: linear-gradient(105deg, var(--tp-gold) 0%, #EAC371 100%);
color: #0A2F22;
font-weight: 700;
padding: 16px 42px;
border-radius: 60px;
text-decoration: none;
transition: all 0.3s;
box-shadow: 0 12px 25px -10px rgba(0, 0, 0, 0.3);
font-size: 1rem;
}
.tp-cta-button:hover {
transform: translateY(-3px);
box-shadow: 0 20px 35px -12px rgba(212, 166, 74, 0.5);
gap: 16px;
}
.tp-cta-button i {
transition: transform 0.2s;
}
.tp-cta-button:hover i {
transform: translateX(5px);
} @media (max-width: 768px) {
.tp-hero-content h1 {
font-size: 2.5rem;
}
.tp-section-header h2 {
font-size: 2rem;
}
.tp-cards-grid {
grid-template-columns: 1fr;
}
.tp-cta-wrapper {
padding: 40px 30px;
flex-direction: column;
text-align: center;
}
.tp-cta-left p {
margin: 0 auto;
}
.tp-hero-stats {
gap: 30px;
}
.tp-filter-tabs {
gap: 10px;
}
.tp-filter-btn {
padding: 6px 18px;
font-size: 0.75rem;
}
}
@media (max-width: 480px) {
.tp-hero-container {
padding: 60px 20px;
}
.tp-galaxy-container {
padding: 0 20px;
}
.tp-cta-container {
padding: 0 20px;
}
}
.btn-service-gold:hover { background: linear-gradient(105deg, var(--gradient-green)); color: #fff; font-weight: 600; padding: 10px 24px; text-decoration: none; display: inline-flex; align-items: center; gap: 12px; font-size: 1rem; box-shadow: 0 10px 25px -8px rgba(0, 0, 0, 0.35); border: 1px solid rgba(39, 29, 29, 0.3); position: relative; overflow: hidden; } .csrv-section{
padding:40px 0;
background:#f8f5ef;
}
.csrv-container{
max-width:1400px;
margin:auto;
padding:0 15px;
}
.csrv-header{
text-align:center;
margin-bottom:50px;
}
.csrv-subtitle{
color:#b8945b;
font-size:13px;
font-weight:600;
letter-spacing:2px;
position:relative;
display:inline-flex;
align-items:center;
gap:12px;
}
.csrv-subtitle:before,
.csrv-subtitle:after{
content:"";
width:50px;
height:1px;
background:#cbb78f;
}
.csrv-title {
font-size: 32px;
color: #17372c;
margin-top: 10px;
margin-bottom: 0;
font-weight: 700;
font-family: 'georgia';
}
.csrv-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:20px;
}
.csrv-card{
background:#fff;
border:1px solid #e8e0d5;
border-radius:6px;
overflow:hidden;
position:relative;
transition:.3s;
}
.csrv-card:hover{
transform:translateY(-5px);
box-shadow:0 15px 35px rgba(0,0,0,.08);
}
.csrv-image{
height:190px;
overflow:hidden;
}
.csrv-image img{
width:100%;
height:100%;
object-fit:cover;
display:block;
transition:.5s;
}
.csrv-card:hover .csrv-image img{
transform:scale(1.08);
}
.csrv-icon{
width:56px;
height:56px;
background:#032f22;
position:absolute;
left:50%;
top:162px;
transform:translateX(-50%);
z-index:10;
clip-path:polygon(
25% 5%,
75% 5%,
100% 50%,
75% 95%,
25% 95%,
0% 50%);
display:flex;
align-items:center;
justify-content:center;
}
.csrv-icon i{
color:#d4a64a;
font-size:18px;
}
.csrv-content{
text-align:center;
padding:42px 22px 22px;
}
.csrv-content h3{
color:#17372c;
font-size:24px;
margin-bottom:12px;
font-weight:700;
}
.csrv-content p{
color:#555;
line-height:1.7;
font-size:15px;
margin-bottom:18px;
}
.csrv-content a{
color:#b8945b;
text-decoration:none;
font-weight:600;
display:inline-flex;
align-items:center;
gap:8px;
}
.csrv-content a:hover{
gap:12px;
}
@media(max-width:1200px){
.csrv-grid{
grid-template-columns:repeat(3,1fr);
}
}
@media(max-width:991px){
.csrv-grid{
grid-template-columns:repeat(2,1fr);
}
}
@media(max-width:767px){
.csrv-grid{
grid-template-columns:1fr;
}
.csrv-title{
font-size:34px;
}
} .ccta-section{
padding:0;
margin:30px 0;
background: #f8f6f1;
}
.ccta-container{
max-width: 1237px;
margin:auto;
padding:22px 35px;
display:flex;
align-items:center;
justify-content:space-between;
border-radius:4px;
background:
linear-gradient(
rgba(3,47,34,.92),
rgba(3,47,34,.92)
),
url(https://images.unsplash.com/photo-1504307651254-35680f356dfd?w=1600);
background-size:cover;
background-position:center;
overflow:hidden;
position:relative;
} .ccta-container::after{
content:"";
position:absolute;
top:0;
right:0;
width:260px;
height:100%;
background:linear-gradient(
to left,
rgba(255,255,255,.06),
transparent
);
pointer-events:none;
} .ccta-content{
display:flex;
align-items:center;
gap:18px;
z-index:2;
}
.ccta-icon{
width:52px;
height:52px;
border:1px solid #d4a64a;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
flex-shrink:0;
}
.ccta-icon i{
color:#d4a64a;
font-size:18px;
}
.ccta-text h2{
color:#fff;
font-size:28px;
font-weight:700;
margin:0 0 6px;
line-height:1.2;
}
.ccta-text p{
color:rgba(255,255,255,.75);
margin:0;
font-size:14px;
} .ccta-btn{
background:#d4a64a;
color:#032f22;
text-decoration:none;
font-size:14px;
font-weight:600;
padding:12px 22px;
border-radius:3px;
display:inline-flex;
align-items:center;
gap:8px;
transition:.3s;
z-index:2;
position:relative;
}
.ccta-btn:hover{
background:#e4b85f;
transform:translateY(-2px);
}
.ccta-btn i{
font-size:12px;
} @media(max-width:768px){
.ccta-container{
flex-direction:column;
text-align:center;
gap:20px;
padding:25px;
}
.ccta-content{
flex-direction:column;
}
.ccta-text h2{
font-size:24px;
}
} .cmp-contact-section {
width: 100%;
max-width: 1200px;
padding: 60px 50px;
display: grid;
grid-template-columns: 1fr 15px 1.3fr;
gap: 20px;
position: relative;
margin: auto;             
} .cmp-contact-title {
font-family: 'Playfair Display', serif;
color: var(--cmp-contact-primary-dark);
font-size: 28px;
font-weight: 600;
margin-bottom: 8px;
position: relative;
}
.cmp-contact-title::after {
content: '';
display: block;
width: 45px;
height: 2px;
background-color: var(--cmp-contact-accent-gold);
margin-top: 8px;
margin-bottom: 30px;
} .cmp-contact-info-column {
display: flex;
flex-direction: column;
gap: 25px;
}
.cmp-contact-info-item {
display: flex;
align-items: center;
gap: 20px;
border-bottom: 1px solid var(--cmp-contact-border);
padding-bottom: 20px;
}
.cmp-contact-info-item:nth-last-child(2) {
border-bottom: none;
padding-bottom: 10px;
} .cmp-contact-hexagon {
position: relative;
width: 50px; 
height: 28.87px;
background-color: var(--cmp-contact-primary-dark);
margin: 14.43px 0;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.cmp-contact-hexagon:before,
.cmp-contact-hexagon:after {
content: "";
position: absolute;
width: 0;
border-left: 25px solid transparent;
border-right: 25px solid transparent;
}
.cmp-contact-hexagon:before {
bottom: 100%;
border-bottom: 14.43px solid var(--cmp-contact-primary-dark);
}
.cmp-contact-hexagon:after {
top: 100%;
width: 0;
border-top: 14.43px solid var(--cmp-contact-primary-dark);
}
.cmp-contact-hexagon i {
color: var(--cmp-contact-accent-gold);
font-size: 18px;
z-index: 1;
position: absolute;
}
.cmp-contact-info-text h4 {
color: var(--cmp-contact-primary-dark);
font-size: 16px;
font-weight: 600;
margin-bottom: 4px;
}
.cmp-contact-info-text p {
color: var(--cmp-contact-text-dark);
font-size: 13px;
line-height: 1.5;
} .cmp-contact-assistance-box {
border: 1px solid var(--cmp-contact-border);
border-radius: 4px;
padding: 15px 20px;
display: flex;
align-items: center;
gap: 15px;
margin-top: auto;
}
.cmp-contact-assistance-icon {
width: 45px;
height: 45px;
border-radius: 50%;
background-color: var(--cmp-contact-primary-dark);
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.cmp-contact-assistance-icon i {
color: var(--cmp-contact-accent-gold);
font-size: 18px;
}
.cmp-contact-assistance-text h5 {
color: var(--cmp-contact-text-dark);
font-size: 14px;
font-weight: 600;
}
.cmp-contact-assistance-text p {
color: var(--cmp-contact-text-muted);
font-size: 12px;
margin-top: 2px;
line-height: 1.4;
} .cmp-contact-vertical-divider {
display: flex;
justify-content: center;
align-items: center;
}
.cmp-contact-vertical-divider::before {
content: '';
width: 1px;
height: 100%;
background-color: var(--cmp-contact-border);
} .cmp-contact-form-column {
padding-left: 20px;
}
.cmp-contact-form {
display: flex;
flex-direction: column;
gap: 16px;
}
.cmp-contact-form-row {
display: flex;
gap: 16px;
}
.cmp-contact-form-group {
flex: 1;
position: relative;
}
.cmp-contact-form-group input,
.cmp-contact-form-group select,
.cmp-contact-form-group textarea {
width: 100%;
padding: 14px 16px;
border: 1px solid var(--cmp-contact-border);
border-radius: 6px;
background-color: var(--cmp-contact-input-bg);
color: var(--cmp-contact-text-dark);
font-size: 13px;
outline: none;
transition: border-color 0.2s ease;
}
.cmp-contact-form-group input:focus,
.cmp-contact-form-group select:focus,
.cmp-contact-form-group textarea:focus {
border-color: var(--cmp-contact-accent-gold);
}
.cmp-contact-form-group input::placeholder,
.cmp-contact-form-group textarea::placeholder {
color: #999999;
}
.cmp-contact-form-group select {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
cursor: pointer;
color: #999999;
}
.cmp-contact-form-group select:focus {
color: var(--cmp-contact-text-dark);
}
.cmp-contact-form-group::after {
content: '\f107';
font-family: 'Font Awesome 6 Free';
font-weight: 900;
position: absolute;
right: 18px;
top: 50%;
transform: translateY(-50%);
color: var(--cmp-contact-text-dark);
pointer-events: none;
display: none;
}
.cmp-contact-form-group.cmp-contact-select-group::after {
display: block;
}
.cmp-contact-form-group textarea {
height: 150px;
resize: none;
} .cmp-contact-submit-btn {
background: linear-gradient(to right, #cfab5c, #e2c27c);
color: #1a1a1a;
border: none;
border-radius: 6px;
padding: 14px 28px;
font-size: 14px;
font-weight: 500;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
align-self: flex-start;
transition: background 0.3s ease;
box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}
.cmp-contact-submit-btn:hover {
background: linear-gradient(to right, var(--cmp-contact-accent-gold-hover), #cfab5c);
} .cmp-contact-privacy-note {
display: flex;
align-items: center;
gap: 8px;
margin-top: 5px;
font-size: 12px;
color: var(--cmp-contact-text-dark);
}
.cmp-contact-privacy-note i {
color: var(--cmp-contact-primary-dark);
font-size: 15px;
} @media (max-width: 768px) {
body {
align-items: flex-start; 
}
.cmp-contact-section {
grid-template-columns: 1fr;
padding: 40px 20px;
gap: 40px;
}
.cmp-contact-vertical-divider {
display: none;
}
.cmp-contact-form-column {
padding-left: 0;
}
.cmp-contact-form-row {
flex-direction: column;
gap: 16px;
}
.cmp-contact-submit-btn {
width: 100%;
}
} .footer-container {
background-color: #032B1D; color: #FFFFFF;
padding: 30px 4% 0px 4%;
position: relative;
overflow: hidden;
} .footer-main {
display: grid;
grid-template-columns: 1fr 1.2fr 1fr;
gap: 40px;
align-items: start;
} .footer-info {
padding-right: 20px;
}
.footer-info .sub-title {
color: #D4AF37; font-size: 13px;
letter-spacing: 2px;
font-weight: 500;
display: block;
margin-bottom: 5px;
}
.footer-info .main-title {
font-family: 'Playfair Display', serif;
font-size: 32px;
font-weight: 600;
margin-bottom: 25px;
color: #FFFFFF;
}
.contact-list {
list-style: none;
}
.contact-list li {
display: flex;
align-items: flex-start;
margin-bottom: 18px;
font-size: 14px;
color: #E2E8F0;
line-height: 1.5;
}
.contact-list li i {
color: #D4AF37;
margin-right: 15px;
font-size: 16px;
margin-top: 4px;
width: 20px;
text-align: center;
} .footer-form-wrapper {
border-left: 1px solid rgba(255, 255, 255, 0.2);
padding-left: 40px;
display: flex;
flex-direction: column;
align-items: center;
}
.contact-form {
width: 100%;
display: flex;
flex-direction: column;
gap: 10px;
}
.contact-form input, 
.contact-form textarea {
width: 100%;
background-color: #FDF7ED; border: none;
padding: 10px 16px;
border-radius: 4px;
font-size: 14px;
color: #333333;
outline: none;
}
.contact-form textarea {
resize: none;
}
.submit-btn {
background: linear-gradient(135deg, #C59B27 0%, #EAD075 50%, #C59B27 100%);
color: #032B1D;
font-weight: 600;
border: none;
padding: 12px;
border-radius: 4px;
cursor: pointer;
font-size: 14px;
text-transform: capitalize;
transition: transform 0.2s ease, opacity 0.2s ease;
align-self: center;
width: 50%;
min-width: 160px;
margin-top: 5px;
box-shadow: 0 4px 10px rgba(0,0,0,0.15);
}
.submit-btn:hover {
opacity: 0.9;
transform: translateY(-1px);
} .footer-cta {
display: flex;
justify-content: flex-end;
}
.cta-box {
border: 1px solid rgba(212, 175, 55, 0.3);
background-color: rgba(2, 36, 24, 0.6);
border-radius: 6px;
padding: 30px;
text-align: center;
max-width: 320px;
}
.gold-badge {
width: 55px;
height: 55px;
margin-bottom: 15px;
}
.cta-box h3 {
font-family: 'Playfair Display', serif;
font-size: 20px;
color: #FFFFFF;
margin-bottom: 12px;
line-height: 1.3;
}
.cta-box p {
font-size: 12px;
color: #A0AEC0;
line-height: 1.6;
} .footer-bottom {
border-top: 1px solid rgba(212, 175, 55, 0.4);
padding-top: 0px;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 20px;
}
.bottom-left, .bottom-right {
display: flex;
align-items: center;
gap: 30px;
flex-wrap: wrap;
} .logo-area {
display: flex;
align-items: center;
gap: 12px;
}
.logo-icon {
font-size: 28px;
color: #D4AF37;
}
.logo-text {
display: flex;
flex-direction: column;
}
.brand-name {
font-family: 'Playfair Display', serif;
font-size: 22px;
font-weight: 700;
color: #D4AF37;
line-height: 1.1;
}
.brand-tagline {
font-size: 8px;
letter-spacing: 0.5px;
color: #FFFFFF;
} .footer-nav {
font-size: 13px;
color: rgba(255, 255, 255, 0.4);
}
.footer-nav a {
color: #FFFFFF;
text-decoration: none;
margin: 0 5px;
transition: color 0.2s;
}
.footer-nav a:hover {
color: #D4AF37;
} .copyright {
font-size: 12px;
color: rgba(255, 255, 255, 0.7);
}
.social-icons {
display: flex;
gap: 12px;
}
.social-icons a {
width: 32px;
height: 32px;
background-color: #E6C667; color: #032B1D;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
font-size: 14px;
transition: transform 0.2s;
}
.social-icons a:hover {
transform: scale(1.1);
} @media (max-width: 1024px) {
.footer-main {
grid-template-columns: 1fr 1fr;
}
.footer-cta {
grid-column: span 2;
justify-content: center;
}
.cta-box {
max-width: 100%;
width: 100%;
}
}
@media (max-width: 768px) {
.footer-main {
grid-template-columns: 1fr;
gap: 30px;
}
.footer-form-wrapper {
border-left: none;
padding-left: 0;
border-top: 1px solid rgba(255, 255, 255, 0.1);
padding-top: 30px;
}
.footer-cta {
grid-column: span 1;
}
.footer-bottom {
flex-direction: column;
align-items: flex-start;
}
.bottom-left, .bottom-right {
flex-direction: column;
align-items: flex-start;
gap: 15px;
width: 100%;
}
.social-icons {
align-self: flex-start;
}
}
.csrv-no-data {
grid-column: 1 / -1;
width: 100%;
}
.csrv-no-data-inner {
text-align: center;
padding: 60px 30px;
background: #fff;
border-radius: 16px;
box-shadow: 0 10px 30px rgba(0,0,0,.08);
}
.csrv-no-data-inner i {
font-size: 50px;
margin-bottom: 20px;
color: #c9a14a;
}
.csrv-no-data-inner h3 {
margin-bottom: 15px;
font-size: 28px;
}
.csrv-no-data-inner p {
max-width: 600px;
margin: 0 auto 25px;
color: #666;
line-height: 1.8;
}
.csrv-back-btn {
display: inline-block;
padding: 12px 28px;
background: #c9a14a;
color: #fff;
text-decoration: none;
border-radius: 6px;
transition: .3s;
}
.csrv-back-btn:hover {
opacity: .9;
color: #fff;
}
.asf-footer {
background: #032f22;
color: #fff;
padding-top: 28px;
border-top: 2px solid rgba(227,221,149,0.2);
}
.asf-container {
max-width: 1300px;
margin: 0 auto;
padding: 0 25px;
}
.asf-grid {
display: grid;
grid-template-columns: 1.4fr 1fr 1fr 1.2fr;
gap: 40px;
padding-bottom: 35px;
}
.asf-col {
position: relative;
}
.asf-col:not(:last-child)::after {
content: "";
position: absolute;
top: 0;
right: -20px;
width: 1px;
height: 100%;
background: rgba(255,255,255,0.15);
}
.asf-logo img {
max-width: 200px;
margin-bottom: 20px;
}
.asf-company-text {
font-size: 12px;
line-height: 1.6;
color: rgba(255,255,255,0.85);
margin-bottom: 20px;
}
.asf-socials {
display: flex;
gap: 12px;
}
.asf-socials a {
width: 42px;
height: 42px;
border: 1px solid #d4b56a;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: #d4b56a;
text-decoration: none;
transition: 0.3s;
}
.asf-socials a:hover {
background: #d4b56a;
color: #032f22;
}
.asf-title {
color: #d4b56a;
font-size: 16px;
font-weight: 600;
margin-bottom: 20px;
position: relative;
}
.asf-title::after {
content: "";
position: absolute;
left: 0;
bottom: -8px;
width: 45px;
height: 2px;
background: #d4b56a;
}
.asf-links,
.asf-contact-list {
margin: 0;
padding: 0;
list-style: none;
}
.asf-links li {
margin-bottom: 12px;
}
.asf-links li a {
color: #fff;
text-decoration: none;
transition: 0.3s;
display: flex;
justify-content: space-between;
align-items: center;
font-size: 13px;
}
.asf-links li a::after {
content: "\f105";
font-family: "Font Awesome 6 Free";
font-weight: 900;
color: #d4b56a;
}
.asf-links li a:hover {
color: #d4b56a;
padding-left: 5px;
}
.asf-contact-list li {
display: flex;
gap: 15px;
margin-bottom: 16px;
line-height: 1.5;
}
.asf-contact-list i {
color: #d4b56a;
font-size: 16px;
margin-top: 4px;
min-width: 18px;
}
.asf-bottom {
border-top: 1px solid rgba(255,255,255,0.15);
padding: 18px 0;
display: flex;
justify-content: space-between;
align-items: center;
font-size: 12px;
color: rgba(255,255,255,0.8);
}
.asf-tagline {
text-align: right;
} @media (max-width: 991px) {
.asf-grid {
grid-template-columns: 1fr 1fr;
gap: 35px;
}
.asf-col::after {
display: none;
}
.asf-bottom {
flex-direction: column;
gap: 10px;
text-align: center;
}
.asf-tagline {
text-align: center;
}
}
@media (max-width: 767px) {
.asf-grid {
grid-template-columns: 1fr;
}
.asf-footer {
padding-top: 40px;
}
}
.mk-review-modal-overlay{
position:fixed;
inset:0;
background:rgba(0,0,0,.75);
display:none;
align-items:center;
justify-content:center;
padding:20px;
z-index:999999;
}
.mk-review-modal{
width:100%;
max-width:500px;
background:#fff;
border-radius:12px;
padding:35px;
position:relative;
animation:mkModalZoom .3s ease;
}
@keyframes mkModalZoom{
from{
opacity:0;
transform:scale(.9);
}
to{
opacity:1;
transform:scale(1);
}
}
.mk-review-close{
position:absolute;
top:15px;
right:15px;
width:40px;
height:40px;
border:none;
border-radius:50%;
background:#f5f5f5;
cursor:pointer;
font-size:18px;
}
.mk-review-header{
margin-bottom:25px;
}
.mk-review-header h3{
margin:0 0 10px;
font-size:20px;
color:#032f22;
}
.mk-review-header p{
margin:0;
color:#666;
font-size:14px;
}
.mk-review-group{
margin-bottom:20px;
}
.mk-review-group input,
.mk-review-group textarea{
width:100%;
border:1px solid #ddd;
border-radius:8px;
padding:14px 15px;
outline:none;
}
.mk-review-group input:focus,
.mk-review-group textarea:focus{
border-color:#d4a64a;
}
.mk-rating-title{
display:block;
margin-bottom:10px;
font-weight:600;
}
.mk-rating-stars{
display:flex;
flex-direction:row-reverse;
justify-content:flex-end;
}
.mk-rating-stars input{
display:none;
}
.mk-rating-stars label{
font-size:20px;
color:#ddd;
cursor:pointer;
margin-right:5px;
transition:.3s;
}
.mk-rating-stars label:hover,
.mk-rating-stars label:hover ~ label,
.mk-rating-stars input:checked ~ label{
color:#f7b500;
}
.mk-review-submit{
width:100%;
border:none;
background:#d4a64a;
color:#032f22;
font-weight:700;
padding:15px;
border-radius:8px;
cursor:pointer;
transition:.3s;
}
.mk-review-submit:hover{
background:#c89b37;
}
body.review-modal-open{
overflow:hidden;
}
@media(max-width:767px){
.mk-review-modal{
padding:25px;
}
.mk-review-header h3{
font-size:20px;
}
}
.mk-add-review-btn {
display: inline-flex;
align-items: center;
gap: 7px;
background: linear-gradient(135deg, #d4a64a, #f0cf7a);
color: #032f22;
text-decoration: none;
padding: 10px 18px;
border-radius: 6px;
font-size: 14px;
font-weight: 700;
position: relative;
overflow: hidden;
transition: all .35s ease;
box-shadow: 0 10px 25px rgba(212, 166, 74, .35);
}
.mk-add-review-btn::before{
content:"";
position:absolute;
top:0;
left:-120%;
width:100%;
height:100%;
background:rgba(255,255,255,.25);
transform:skewX(-25deg);
transition:.6s;
}
.mk-add-review-btn:hover::before{
left:120%;
}
.mk-add-review-btn:hover{
transform:translateY(-3px);
color:#032f22;
box-shadow:0 15px 35px rgba(212,166,74,.45);
}
.mk-btn-icon {
width: 24px;
height: 24px;
background: #032f22;
color: #d4a64a;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 11px;
}
.mk-btn-text{
letter-spacing:.4px;
}
.mk-btn-arrow{
transition:.3s;
}
.mk-add-review-btn:hover .mk-btn-arrow{
transform:translateX(5px);
}
@media(max-width:767px){
.mk-add-review-btn{
width:100%;
justify-content:center;
}
}
.testimonial-section-header{
display:flex;
align-items:center;
justify-content:space-between;
gap:20px;
margin-bottom:40px;
}
.testimonial-heading{
flex:1;
}
.testimonial-heading h2{
margin:0;
}
.mk-add-review-btn{
flex-shrink:0;
} .features-section {
width: 100%;
max-width: 1200px;
background-color: var(--brand-green);
border-radius: 12px;
padding: 30px 20px;
margin: 15px auto;
}
.features-container {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
align-items: stretch;
}
.feature-item {
display: flex;
align-items: flex-start;
gap: 15px;
padding: 0 25px;
position: relative;
} .feature-item:not(:last-child)::after {
content: "";
position: absolute;
right: 0;
top: 15%;
height: 70%;
width: 1px;
background: rgba(255, 255, 255, 0.15);
}
.feature-item .icon-box {
color: var(--brand-gold);
font-size: 1.85rem;
flex-shrink: 0;
margin-top: 2px;
}
.feature-text h3 {
font-family: 'Cinzel', serif;
color: var(--brand-gold);
font-size: 1.05rem;
font-weight: 600;
margin-bottom: 6px;
letter-spacing: 0.2px;
}
.feature-text p {
color: var(--text-light);
font-size: 0.85rem;
line-height: 1.6;
font-weight: 300;
opacity: 0.9;
margin: 0;
} @media (max-width: 991px) {
.features-container {
grid-template-columns: repeat(2, 1fr);
gap: 30px;
}
.feature-item {
padding: 0 15px;
} .feature-item::after {
display: none;
} .feature-item:nth-child(odd)::after {
content: "";
display: block;
position: absolute;
right: -15px;
top: 10%;
height: 80%;
width: 1px;
background: rgba(255, 255, 255, 0.15);
}
} @media (max-width: 767px) {
.features-section {
padding: 25px 15px;
margin: 10px;
}
.features-container {
grid-template-columns: 1fr;
gap: 25px;
}
.feature-item {
padding: 0;
text-align: left;
}
.feature-item::after {
display: none !important;
}
.icon-box {
font-size: 1.6rem;
}
.feature-text h3 {
font-size: 1rem;
}
.feature-text p {
font-size: 0.85rem;
}
} @media (max-width: 480px) {
.feature-item {
gap: 12px;
}
.icon-box {
font-size: 1.4rem;
}
.feature-text h3 {
font-size: 0.95rem;
}
.feature-text p {
font-size: 0.8rem;
line-height: 1.5;
}
} .mk-cta-section {
width: 100%;
max-width: 1200px;
background-color: var(--brand-green);
border-radius: 12px;
position: relative;
overflow: hidden;
padding: 35px 45px;
background-image: url(https://images.unsplash.com/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=600&q=80);
background-position: right center;
background-repeat: no-repeat;
background-size: 38% auto;
margin: 15px auto;
}
.mk-cta-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(
90deg,
rgba(4, 41, 28, 1) 0%,
rgba(4, 41, 28, 1) 62%,
rgba(4, 41, 28, 0.85) 78%,
rgba(4, 41, 28, 0.3) 100%
);
z-index: 1;
}
.mk-cta-container {
position: relative;
z-index: 2;
display: flex;
justify-content: space-between;
align-items: center;
}
.mk-cta-left {
display: flex;
align-items: center;
gap: 25px;
}
.mk-cta-phone-icon {
width: 62px;
height: 62px;
border: 2px solid var(--brand-gold);
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
color: var(--brand-gold);
font-size: 1.35rem;
flex-shrink: 0;
}
.mk-cta-content h2 {
font-family: 'Cinzel', serif;
color: #ffffff;
font-size: 1.75rem;
font-weight: 500;
margin-bottom: 6px;
}
.mk-cta-content p {
color: var(--text-light);
font-size: 0.95rem;
opacity: 0.9;
} .mk-cta-btn {
display: inline-flex;
align-items: center;
gap: 12px;
background: linear-gradient(
135deg,
#e5be75 0%,
#c29642 100%
);
color: #1a1a1a;
text-decoration: none;
font-weight: 500;
font-size: 0.95rem;
padding: 14px 28px;
border-radius: 6px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
transition: all 0.2s ease;
white-space: nowrap;
}
.mk-cta-btn i {
font-size: 0.85rem;
transition: transform 0.2s ease;
}
.mk-cta-btn:hover {
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(194, 150, 66, 0.3);
}
.mk-cta-btn:hover i {
transform: translateX(4px);
} @media (max-width: 992px) {
.mk-cta-section {
background-size: cover;
}
}
@media (max-width: 768px) {
.mk-cta-container {
flex-direction: column;
align-items: flex-start;
gap: 25px;
}
.mk-cta-right {
width: 100%;
}
.mk-cta-btn {
width: 100%;
justify-content: center;
}
}
@media (max-width: 576px) {
.mk-cta-left {
flex-direction: column;
align-items: flex-start;
gap: 15px;
}
.mk-cta-section {
padding: 25px 20px;
}
.mk-cta-content h2 {
font-size: 1.4rem;
}
} .quote-section {
width: 100%;
min-height: 100vh;
background-color: var(--deep-green); background-image: linear-gradient(90deg, rgba(5,38,26,0.95) 30%, rgba(5,38,26,0.8) 50%, rgba(5,38,26,0.5) 100%), 
url(https://images.unsplash.com/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=1400&q=80);
background-size: cover;
background-position: center;
display: flex;
justify-content: center;
align-items: center;
padding: 60px 20px;
}
.quote-container {
width: 100%;
max-width: 1240px;
display: grid;
grid-template-columns: 1fr 1.2fr;
gap: 60px;
align-items: center;
} .quote-info-side {
color: #ffffff;
}
.main-heading {
font-family: 'georgia', serif;
font-size: 40px;
font-weight: 500;
}
.main-heading span {
color: var(--gold-accent);
}
.heading-line {
width: 50px;
height: 2px;
background-color: var(--gold-accent);
margin: 15px 0 25px 0;
}
.section-desc {
font-size: 1rem;
line-height: 1.6;
color: var(--text-light);
opacity: 0.9;
margin-bottom: 40px;
max-width: 480px;
} .info-list {
display: flex;
flex-direction: column;
gap: 25px;
}
.info-item {
display: flex;
align-items: center;
gap: 20px;
}
.hexagon-icon {
width: 56px;
height: 62px;
background-color: transparent;
position: relative;
display: flex;
align-items: center;
justify-content: center;
color: var(--gold-accent);
font-size: 1.2rem;
clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}
.info-text h3 {
font-size: 1rem;
font-weight: 600;
color: #ffffff;
margin-bottom: 4px;
}
.info-text p {
font-size: 0.85rem;
color: var(--text-light);
opacity: 0.8;
} .quote-form-side {
background-color: var(--form-bg);
padding: 30px;
border-radius: 14px;
box-shadow: 0 15px 35px rgba(0,0,0,0.3);
color: #333333;
}
.form-title {
font-family: 'georgia', serif;
font-size: 30px;
color: var(--deep-green);
font-weight: 700;
}
.form-subtitle {
font-size: 0.9rem;
color: #666666;
margin-top: 5px;
}
.form-line {
width: 40px;
height: 2px;
background-color: var(--gold-accent);
margin: 15px 0 25px 0;
} .request-form {
display: flex;
flex-direction: column;
}
.form-grid-2 {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
}
.form-group {
display: flex;
flex-direction: column;
gap: 6px;
}
.form-group label {
font-size: 0.85rem;
font-weight: 600;
color: #2b2b2b;
}
.form-group label span {
color: #b93c3c;
} .form-group input,
.form-group select,
.form-group textarea {
width: 100%;
padding: 12px 16px;
border: 1px solid var(--input-border);
border-radius: 6px;
font-family: 'Inter', sans-serif;
font-size: 0.9rem;
color: #333333;
background-color: #ffffff;
outline: none;
transition: border-color 0.2s ease;
}
.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
border-color: var(--gold-accent);
} .form-group input[type="date"] {
position: relative;
} .form-group textarea {
resize: none;
} .submit-btn {
width: 100%;
background: linear-gradient(135deg, #e5be75 0%, #c29642 100%);
color: #1a1a1a;
border: none;
font-family: 'Inter', sans-serif;
font-weight: 600;
font-size: 1rem;
padding: 15px;
border-radius: 6px;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
box-shadow: 0 4px 15px rgba(194, 150, 66, 0.2);
transition: transform 0.2s ease, box-shadow 0.2s ease;
margin-top: 5px;
}
.submit-btn i {
font-size: 0.9rem;
transition: transform 0.2s ease;
}
.submit-btn:hover {
transform: translateY(-1px);
box-shadow: 0 6px 20px rgba(194, 150, 66, 0.4);
}
.submit-btn:hover i {
transform: translateX(4px);
}
.privacy-note {
font-size: 0.75rem;
color: #666666;
text-align: center;
margin-top: 5px;
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
}
.privacy-note i {
color: #4a7c59;
} @media (max-width: 992px) {
.quote-container {
grid-template-columns: 1fr;
gap: 50px;
}
.quote-section {
background-image: linear-gradient(180deg, rgba(5,38,26,0.95) 40%, rgba(5,38,26,0.7) 100%), 
url(https://images.unsplash.com/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=1400&q=80);
padding: 50px 20px;
}
.main-heading {
font-size: 2.5rem;
}
}
@media (max-width: 576px) {
.form-grid-2 {
grid-template-columns: 1fr;
gap: 20px;
}
.quote-form-side {
padding: 30px 20px;
}
.form-title {
font-size: 1.65rem;
}
}
.mk-review-group select {
width: 100%;
padding: 12px 15px;
border: 1px solid #ddd;
border-radius: 5px;
font-size: 15px;
outline: none;
background: #fff;
}