* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body {
	font-family: 'Inter', sans-serif;
	background: linear-gradient(to bottom, #f5f8f5, #ffffff);
	color: #1f3a1f;
	line-height: 1.6;
}
html{
    scroll-behavior: smooth;
}
h1, h2, h3 {
	font-family: 'Playfair Display', serif;
}

/* ===== NAVBAR ===== */
nav {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 100;
	background: rgba(255, 255, 255, 0.8);
	backdrop-filter: blur(10px);
	border-bottom: 1px solid #e5e5e5;
}

.nav-container {
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 1.5rem;
	height: 64px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.nav-logo {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	text-decoration: none;
	color: #1f3a1f;
}

.nav-logo-icon {
	width: 32px;
	height: 32px;
	background: #2d5a2d;
	border-radius: 0.5rem;
	display: flex;
	align-items: center;
	justify-content: center;
	color: white;
	font-size: 16px;
}

.nav-logo-text {
	font-family: 'Playfair Display', serif;
	font-size: 20px;
	font-weight: 700;
}
.logo-final{
	height: 37px;
}
.nav-links {
	display: none;
	gap: 2rem;
	list-style: none;
}

.nav-links a {
	text-decoration: none;
	color: #1f3a1f;
	font-size: 14px;
	font-weight: 500;
	transition: color 0.3s;
}

.nav-links a:hover {
	color: #2d5a2d;
}

@media (min-width: 768px) {
	.nav-links {
		display: flex;
	}
}

/* ===== HERO SECTION ===== */
.hero {
	margin-top: 64px;
	position: relative;
	height: 420px;
	overflow: hidden;
	display: flex;
	align-items: center;
}

.hero-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 1;
}

.hero-overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(to right, rgba(31, 58, 31, 0.7), rgba(31, 58, 31, 0.4), transparent);
	z-index: 2;
}

.hero-content {
	position: relative;
	z-index: 3;
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 1.5rem;
	width: 100%;
}

.hero h1 {
	color: white;
	font-size: 2.5rem;
	margin-bottom: 1rem;
	line-height: 1.2;
}

@media (min-width: 768px) {
	.hero h1 {
		font-size: 3.5rem;
	}
}

.hero-subtitle {
	color: rgba(255, 255, 255, 0.9);
	font-size: 1.1rem;
	max-width: 500px;
	margin-bottom: 1.5rem;
}

.hero-cta {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	background: #cc8844;
	color: white;
	padding: 0.75rem 1.5rem;
	border-radius: 0.5rem;
	text-decoration: none;
	font-weight: 600;
	transition: background 0.3s, box-shadow 0.3s;
	box-shadow: 0 4px 15px rgba(204, 136, 68, 0.3);
}

.hero-cta:hover {
	background: #b87735;
	box-shadow: 0 6px 20px rgba(204, 136, 68, 0.4);
}

/* ===== FEATURES SECTION ===== */
.features {
	padding: 4rem 1.5rem;
	background: rgba(240, 248, 240, 0.5);
}

.features-container {
	max-width: 1280px;
	margin: 0 auto;
}

.features-header {
	text-align: center;
	margin-bottom: 3rem;
}

.features-header h2 {
	font-size: 2rem;
	color: #1f3a1f;
	margin-bottom: 0.5rem;
}

.features-header p {
	color: #6b7a6b;
	max-width: 400px;
	margin: 0 auto;
}

.features-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gap: 1.5rem;
}

.feature-card {
	background: white;
	border-radius: 1.5rem;
	padding: 1.5rem;
	border: 1px solid #e5e5e5;
	transition: box-shadow 0.3s, transform 0.3s;
}

.feature-card:hover {
	box-shadow: 0 4px 12px rgba(45, 90, 45, 0.1);
	transform: translateY(-2px);
}

.feature-icon {
	width: 48px;
	height: 48px;
	background: rgba(45, 90, 45, 0.1);
	border-radius: 0.75rem;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 1rem;
	font-size: 24px;
}

.feature-card h3 {
	font-size: 1.1rem;
	color: #1f3a1f;
	margin-bottom: 0.5rem;
}

.feature-card p {
	font-size: 0.9rem;
	color: #6b7a6b;
	line-height: 1.5;
}

/* ===== INQUIRY SECTION ===== */
.inquiry {
	padding: 4rem 1.5rem;
}

.inquiry-container {
	max-width: 1280px;
	margin: 0 auto;
}

.inquiry-wrapper {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 3rem;
	align-items: start;
}

@media (max-width: 768px) {
	.inquiry-wrapper {
		grid-template-columns: 1fr;
	}
}

.inquiry-content h2 {
	font-size: 2rem;
	color: #1f3a1f;
	line-height: 1.3;
	margin-bottom: 1rem;
}

.inquiry-content h2 .primary {
	color: #2d5a2d;
}

.inquiry-content p {
	color: #6b7a6b;
	margin-bottom: 2rem;
	line-height: 1.6;
}

.contact-info {
	display: flex;
	gap: 1rem;
	margin-bottom: 1rem;
	align-items: flex-start;
}

.contact-icon {
	width: 40px;
	height: 40px;
	background: rgba(45, 90, 45, 0.1);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #2d5a2d;
	font-size: 18px;
	flex-shrink: 0;
}

.contact-text {
	display: flex;
	flex-direction: column;
}

.contact-label {
	font-size: 0.75rem;
	color: #6b7a6b;
	text-transform: uppercase;
	margin-bottom: 0.2rem;
}

.contact-value {
	font-weight: 600;
	color: #1f3a1f;
}

/* ===== FORM ===== */
.form-card {
	background: white;
	border-radius: 1.5rem;
	border: 1px solid #e5e5e5;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
	padding: 2rem;
}

.form-group {
	margin-bottom: 1.5rem;
}

.form-label {
	display: block;
	font-size: 0.875rem;
	font-weight: 500;
	margin-bottom: 0.5rem;
}

.form-input-wrapper {
	position: relative;
}

.form-icon {
	position: absolute;
	left: 12px;
	top: 28px !important;
	transform: translateY(-50%);
	color: #a0a0a0;
	font-size: 16px;
	pointer-events: none;
}

.form-input,
.form-select,
.form-textarea {
	width: 100%;
	padding: 0.75rem 0.75rem 0.75rem 2.5rem;
	border: 1px solid #e5e5e5;
	border-radius: 0.5rem;
	font-family: 'Inter', sans-serif;
	font-size: 1rem;
	color: #1f3a1f;
	background: #fafaf8;
	transition: border-color 0.3s, box-shadow 0.3s;
}

.form-input:focus,
.form-select:focus,
.form-textarea:focus {
	outline: none;
	border-color: #2d5a2d;
	background: white;
	box-shadow: 0 0 0 3px rgba(45, 90, 45, 0.1);
}

.form-textarea {
	min-height: 100px;
	resize: none;
	padding-left: 2.5rem;
	padding-top: 0.75rem;
}

.map-container {
	border-radius: 0.75rem;
	overflow: hidden;
	height: 220px;
	border: 1px solid #e5e5e5;
	margin-top: 0.5rem;
}

#map {
	width: 100%;
	height: 100%;
	border: none;
}

.form-button {
	width: 100%;
	padding: 0.875rem;
	background: #2d5a2d;
	color: white;
	border: none;
	border-radius: 0.5rem;
	font-size: 1rem;
	font-weight: 600;
	cursor: pointer;
	transition: background 0.3s, box-shadow 0.3s;
	margin-top: 1rem;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	box-shadow: 0 4px 12px rgba(45, 90, 45, 0.3);
}

.form-button:hover {
	background: #1f3a1f;
	box-shadow: 0 6px 16px rgba(45, 90, 45, 0.4);
}

.form-button:disabled {
	background: #a0a0a0;
	cursor: not-allowed;
	box-shadow: none;
}

.success-message {
	text-align: center;
	padding: 3rem 2rem;
	display: none;
}

.success-message.show {
	display: block;
}

.success-icon {
	width: 64px;
	height: 64px;
	background: rgba(45, 90, 45, 0.1);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 1rem;
	font-size: 32px;
}

.success-message h3 {
	font-size: 1.5rem;
	color: #1f3a1f;
	margin-bottom: 0.5rem;
}

.success-message p {
	color: #6b7a6b;
}

.reset-btn {
	margin-top: 1.5rem;
	color: #2d5a2d;
	background: none;
	border: none;
	cursor: pointer;
	font-weight: 500;
	text-decoration: underline;
}

/* ===== FOOTER ===== */
footer {
	background: #1f3a1f;
	color: #f5f8f5;
	padding: 2.5rem 1.5rem;
	text-align: center;
}

.footer-logo {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	margin-bottom: 1rem;
}

.footer-logo-icon {
	width: 28px;
	height: 28px;
	background: rgba(245, 248, 245, 0.1);
	border-radius: 0.5rem;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
}

.footer-logo-text {
	font-family: 'Playfair Display', serif;
	font-weight: 700;
	font-size: 18px;
}

footer p {
	color: rgba(245, 248, 245, 0.6);
	font-size: 0.875rem;
}

.error {
	color: #d32f2f;
	font-size: 0.875rem;
	margin-top: 0.25rem;
}

.error.show {
	display: block;
}

.date-input-wrapper {
	position: relative;
}

.date-input-wrapper .form-icon {
	left: 12px;
}

.date-input-wrapper input {
	padding-left: 2.5rem;
}


/* MAIN */
.not-found{
    min-height:100vh;
    padding-top:64px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:
        linear-gradient(
            rgba(31,58,31,.85),
            rgba(31,58,31,.85)
        ),
        url('https://images.unsplash.com/photo-1500382017468-7049fae79e70?w=1600')
        center center/cover no-repeat;
}

.content{
    text-align:center;
    max-width:700px;
    padding:30px;
}

.error-code{
    font-size:120px;
    color:#cc8844;
    font-family:'Playfair Display',serif;
    font-weight:700;
    line-height:1;
}

.content h1{
    color:#fff;
    font-size:50px;
    margin-top:15px;
    margin-bottom:20px;
    font-family:'Playfair Display',serif;
}

.content p{
    color:rgba(255,255,255,.85);
    font-size:18px;
    line-height:1.7;
    margin-bottom:35px;
}

.btn{
    display:inline-block;
    padding:14px 30px;
    background:#cc8844;
    color:#fff;
    text-decoration:none;
    border-radius:8px;
    font-weight:600;
    transition:.3s;
}

.btn:hover{
    background:#b87735;
}

/* LOGIN */ .login-wrapper{ min-height:100vh; display:flex; justify-content:center; align-items:center; padding:100px 20px 40px; background: linear-gradient(to bottom, #276c27, #026d52);} .login-card{ width:100%; max-width:430px; background:rgba(255,255,255,.15); backdrop-filter:blur(20px); border:1px solid rgba(255,255,255,.25); border-radius:25px; padding:45px; box-shadow:0 10px 40px rgba(0,0,0,.2); } .login-title{ color:white; text-align:center; font-size:36px; font-family:'Playfair Display',serif; margin-bottom:10px; } .login-subtitle{ text-align:center; color:rgba(255,255,255,.8); margin-bottom:35px; } .form-group{ margin-bottom:20px; } .options{ display:flex; justify-content:space-between; align-items:center; color:white; margin-bottom:25px; font-size:14px; } .options a{ color:#ffcf9c; text-decoration:none; } .login-btn{ width:100%; height:55px; border:none; background:#cc8844; color:white; font-size:16px; font-weight:600; border-radius:10px; cursor:pointer; transition:.3s; } .login-btn:hover{ background:#b87735; } .back-home{ margin-top:25px; text-align:center; } .back-home a{ color:white; text-decoration:none; }

/* PROFILE */ 
.profile{ position:relative; } 
.profile-btn{ display:flex; align-items:center; gap:12px; cursor:pointer; } 
.avatar{ width:42px; height:42px; border-radius:50%; background:#cc8844; color:#fff; display:flex; align-items:center; justify-content:center; font-weight:600; }
.profile-name{ font-weight:600; } 
.dropdown{ position:absolute; right:0; top:55px; width:220px; background:#fff; border-radius:15px; box-shadow:0 10px 30px rgba(0,0,0,.08); display:none; overflow:hidden; } 
.dropdown a{ display:block; padding:15px 20px; text-decoration:none; color:#1f3a1f; transition:.3s; } 
.dropdown a:hover{ background:#f5f8f5; } 
.profile.active .dropdown{ display:block; } /* SIDEBAR */ 

.sidebar{ position:fixed; top:70px; left:0; width:260px; bottom:0; background:#1f3a1f; overflow-y:auto; } 
.sidebar ul{ list-style:none; padding:20px 0; } 
.sidebar ul li a{ display:block; color:#fff; text-decoration:none; padding:16px 25px; transition:.3s; } 
.sidebar ul li a:hover{ background:#2d5a2d; } .sidebar ul li.active a{ background:#cc8844; } /* CONTENT */ 
.main-content{ margin-left:260px; margin-top:70px; padding:30px; min-height:100vh;} 
.page-header{ margin-bottom:30px; } 
.page-header h1{ font-size:35px; font-family:'Playfair Display',serif; } 
.card{ background:#fff; border-radius:20px; padding:20px; box-shadow:0 5px 20px rgba(0,0,0,.05); } 
.card h2{ margin-bottom:15px; } .card p{ color:#666; }
.btn-xs{
	padding: 2px 8px !important;
	font-size: 12px
}
.select2-container .select2-selection--single{
	height: 51px !important;
	background: #fafaf8 !important;
	border-radius: 0.5rem !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
	line-height: 51px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
	height: 51px !important;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder{
	color: #757575 !important;
}
.select2-container--default .select2-selection--single .select2-selection__clear{
	height: 50px !important;
}
.select2-container--default .select2-results>.select2-results__options{
	min-height: 300px !important;
	max-height: 450px !important;
}
#leadForm{
	
}




.hero{
            position:relative;
            min-height:100vh;
            display:flex;
            align-items:center;
            overflow:hidden;
            padding-top:100px;
            padding-bottom:60px;
        }
        .hero-row{
            min-height:100vh;
        }
        .hero-image{
            position:absolute;
            inset:0;
            width:100%;
            height:100%;
            object-fit:cover;
            transform:scale(1.08);
        }
        .hero-overlay{
            position:absolute;
            inset:0;
            background:linear-gradient(
                90deg,
                rgba(9,20,18,.90),
                rgba(17,40,34,.70),
                rgba(25,55,46,.30)
            );
        }
        .hero .container{
            position:relative;
            z-index:10;
        }
        .hero-badge{
            display:inline-block;
            padding:10px 20px;
            background:rgba(255,255,255,.12);
            color:#fff;
            border-radius:50px;
            backdrop-filter:blur(10px);
            margin-bottom:25px;
            font-weight:600;
        }
        .hero-title{
            font-size:65px;
            color:#fff;
            font-weight:700;
            line-height:1.1;
            margin-bottom:30px;
        }
        .hero-title span{
            color:#D4AF37;
        }
        .hero-description{
            font-size:20px;
            color:#eee;
            line-height:1.9;
            max-width:650px;
        }
        .hero-buttons{
            display:flex;
            gap:20px;
            margin-top:40px;
            flex-wrap:wrap;
        }
        .btn-primary-custom{
            background:#D4AF37;
            color:#111;
            padding:16px 34px;
            border-radius:10px;
            text-decoration:none;
            font-weight:700;
            transition:.3s;
        }
        .btn-primary-custom:hover{
            background:#fff;
            color:#000;
            text-decoration:none;
        }
        
        .btn-outline-custom{
            border:2px solid #fff;
            color:#fff;
            padding:15px 34px;
            border-radius:10px;
            text-decoration:none;
            transition:.3s;
        }
        .btn-outline-custom:hover{
            background:#fff;
            color:#000;
            text-decoration:none;
        }
        .hero-stats{
            display:flex;
            gap:45px;
            margin-top:70px;
            flex-wrap:wrap;
        }
        .stat-item h3{
            color:#D4AF37;
            font-size:38px;
            margin:0;
            font-weight:700;
        }
        .stat-item span{
            color:#fff;
        }
        .hero-card{
            background:#fff;
            border-radius:20px;
            overflow:hidden;
            box-shadow:0 30px 80px rgba(0,0,0,.35);
            animation:floatCard 5s ease-in-out infinite;
        }
        .hero-card img{
            width:100%;
            height:260px;
            object-fit:cover;
        }
        .hero-card-content{
            padding:25px;
        }
        .property-tag{
            display:inline-block;
            background:#1B5E20;
            color:#fff;
            padding:6px 15px;
            border-radius:30px;
            margin-bottom:15px;
        }
        .hero-features div{
            margin:10px 0;
        }
        .scroll-down{
            position:absolute;
            left:50%;
            bottom:20px;
            transform:translateX(-50%);
            color:#fff;
            font-size:35px;
            animation:bounce 2s infinite;
        }
        @keyframes bounce{
            50%{
                transform:translate(-50%,12px);
            }
        }
        @keyframes floatCard{
            50%{
                transform:translateY(-12px);
            }
        }
        @media (max-width:991px){
            .hero{
                padding:120px 0 60px;
            }
            .hero-row{
                min-height:auto;
            }
            .hero .col-lg-7{
                order:1;
                text-align:center;
            }
            .hero .col-lg-5{
                order:2;
                margin-bottom:35px;
            }
            .hero-title{
                font-size:38px;
                line-height:1.2;
                margin-bottom:20px;
            }
            .hero-description{
                font-size:17px;
                margin-bottom:25px;
            }
            .hero-buttons{
                flex-direction:column;
                width:100%;
            }
            .hero-buttons a{
                width:100%;
            }
            .hero-stats{
                justify-content:center;
                gap:25px;
                margin-top:35px;
            }
            .hero-card{
                display: none;
            }
            .scroll-down{
                display:none;
            }
            .hero .container {
                position: relative;
                z-index: 10;
                margin-top: 0vh;
                height: 100vh;
            }
        }
        /*=========================
        WHY CHOOSE US
        =========================*/
        
        .features{
            padding:110px 0;
            background:#f7f9f8;
        }
        .section-title{
            margin-bottom:70px;
        }
        .section-badge{
            display:inline-block;
            padding:8px 20px;
            background:#e7f5ea;
            color:#1b5e20;
            border-radius:30px;
            font-size:13px;
            font-weight:700;
            letter-spacing:1px;
            margin-bottom:20px;
        }
        .section-title h2{
            font-size:48px;
            font-weight:700;
            color:#18332b;
            margin-bottom:20px;
            line-height:1.2;
        }
        .section-title h2 span{
            display:block;
            color:#D4AF37;
        }
        
        .section-title p{
            max-width:760px;
            margin:auto;
            color:#666;
            font-size:18px;
            line-height:1.9;
        }
        .feature-card{
            background:#fff;
            border-radius:22px;
            padding:40px 35px;
            height:100%;
            transition:.35s;
            border:1px solid #edf1ef;
            position:relative;
            overflow:hidden;
            box-shadow:0 15px 40px rgba(0,0,0,.05);
        }
        .feature-card:before{
            content:"";
            position:absolute;
            top:0;
            left:0;
            width:5px;
            height:0;
            background:#D4AF37;
            transition:.35s;
        }
        .feature-card:hover{
            transform:translateY(-10px);
            box-shadow:0 25px 60px rgba(0,0,0,.12);
        }
        .feature-card:hover:before{
            height:100%;
        }
        .feature-icon{
            width:80px;
            height:80px;
            border-radius:20px;
            background:#eef7ef;
            display:flex;
            align-items:center;
            justify-content:center;
            font-size:34px;
            margin-bottom:30px;
        }
        .feature-card h3{
            font-size:25px;
            font-weight:700;
            margin-bottom:18px;
            color:#18332b;
        }
        .feature-card p{
            color:#666;
            line-height:1.9;
            margin:0;
        }
        @media(max-width:991px){
            .features{
                padding:70px 0;
            }
            .section-title h2{
                font-size:34px;
            }
            .section-title p{
                font-size:16px;
            }
            .feature-card{
                padding:30px;
                text-align:center;
            }
            .feature-icon{
                margin:0 auto 25px;
            }
        }
        
        
        /*=========================
ABOUT SECTION
=========================*/

.about-section{

    padding:110px 0;

    background:#fff;

}

.about-images{

    position:relative;

}

.main-image{

    width:100%;

    border-radius:25px;

    box-shadow:0 30px 70px rgba(0,0,0,.12);

}

.experience-card{

    position:absolute;

    right:-20px;

    bottom:30px;

    background:#1B5E20;

    color:#fff;

    width:180px;

    text-align:center;

    padding:30px 20px;

    border-radius:20px;

    box-shadow:0 20px 50px rgba(0,0,0,.25);

}

.experience-card h2{

    font-size:50px;

    color:#D4AF37;

    margin-bottom:10px;

    font-weight:700;

}

.experience-card span{

    font-size:16px;

}

.about-badge{

    display:inline-block;

    background:#eef7ef;

    color:#1B5E20;

    padding:8px 20px;

    border-radius:30px;

    font-size:13px;

    font-weight:700;

    letter-spacing:1px;

    margin-bottom:20px;

}

.about-section h2{

    font-size:46px;

    font-weight:700;

    color:#18332b;

    margin-bottom:25px;

    line-height:1.2;

}

.about-section h2 span{

    display:block;

    color:#D4AF37;

}

.about-section p{

    font-size:17px;

    line-height:1.9;

    color:#666;

    margin-bottom:20px;

}

.about-list{

    margin:35px 0;

}

.about-list div{

    margin-bottom:18px;

    font-size:17px;

    color:#333;

}

.about-btn{

    display:inline-block;

    background:#1B5E20;

    color:#fff;

    text-decoration:none;

    padding:16px 36px;

    border-radius:10px;

    font-weight:700;

    transition:.35s;

}

.about-btn:hover{

    background:#D4AF37;

    color:#111;

    text-decoration:none;

}

/* Mobile */

@media(max-width:991px){

	.about-section{

	padding:70px 0;

	}

	.about-section h2{

	font-size:34px;

	text-align:center;

	}

	.about-section p{

	text-align:center;

	}

	.about-badge{

	display:block;

	width:max-content;

	margin:0 auto 20px;

	}

	.about-list{

	text-align:left;

	}

	.about-btn{

	display:block;

	text-align:center;

	}

	.experience-card{

	position:relative;

	right:auto;

	bottom:auto;

	margin:20px auto 0;

	width:220px;

}

}
/* ================= TESTIMONIALS ================= */

.testimonials{
    padding:100px 0;
    background:#f8faf9;
}

.testimonial-card{

    background:#fff;

    border-radius:20px;

    padding:35px;

    height:100%;

    transition:.35s;

    box-shadow:0 12px 35px rgba(0,0,0,.08);

    border:1px solid rgba(0,0,0,.05);

}

.testimonial-card:hover{

    transform:translateY(-10px);

    box-shadow:0 25px 50px rgba(0,0,0,.12);

}

.testimonial-stars{

    font-size:22px;

    margin-bottom:20px;

}

.testimonial-text{

    color:#555;

    line-height:1.9;

    font-size:16px;

    min-height:150px;

}

.testimonial-user{

    display:flex;

    align-items:center;

    margin-top:25px;

}

.testimonial-user img{

    width:70px;

    height:70px;

    border-radius:50%;

    object-fit:cover;

    margin-right:18px;

    border:4px solid #fff;

    box-shadow:0 6px 18px rgba(0,0,0,.15);

}

.testimonial-user h5{

    margin:0;

    font-weight:700;

    color:#222;

}

.testimonial-user span{

    color:#888;

    font-size:14px;

}

@media(max-width:768px){

    .testimonial-text{

        min-height:auto;

    }

}

/* ================= SOCIAL MEDIA ================= */

.social-section{

    padding:80px 0;

    background:#0f3d2e;

    color:#fff;

    text-align:center;

}

.social-content h2{

    font-size:42px;

    font-weight:700;

    margin-bottom:15px;

}

.social-content p{

    max-width:700px;

    margin:0 auto 40px;

    color:#d8e4de;

    font-size:17px;

    line-height:1.8;

}

.social-icons{

    display:flex;

    justify-content:center;

    flex-wrap:wrap;

    gap:18px;

}

.social-icons a{

    width:65px;

    height:65px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:28px;

    color:#fff;

    text-decoration:none;

    transition:.35s;

    box-shadow:0 10px 25px rgba(0,0,0,.2);

}

.social-icons a:hover{

    transform:translateY(-8px) scale(1.08);

    color:#fff;

}

/* Brand Colors */

.facebook{
    background:#1877F2;
}

.messenger{
    background:#0084FF;
}

.instagram{
    background:linear-gradient(45deg,#F58529,#DD2A7B,#8134AF,#515BD4);
}

.youtube{
    background:#FF0000;
}

.linkedin{
    background:#0A66C2;
}

.whatsapp{
    background:#25D366;
}

.telegram{
    background:#229ED9;
}

.twitter{
    background:#111111;
}

/* Mobile */

@media(max-width:768px){

    .social-content h2{
        font-size:32px;
    }

    .social-icons a{

        width:55px;

        height:55px;

        font-size:24px;

    }

}