/*=====================================================
    HEADER
=====================================================*/

.site-header{
    position:sticky;
    top:0;
    left:0;
    width:100%;
    z-index:999;
    background:#fff;
    box-shadow:0 5px 30px rgba(0,0,0,.06);
}

/*=====================================================
    TOP HEADER
=====================================================*/

.header-top{
    background:#0f172a;
    color:#fff;
    font-size:14px;
    padding:10px 0;
}

.header-location{
    display:flex;
    align-items:center;
    gap:10px;
}

.header-location i{
    color:#ffd447;
    font-size:15px;
}

.header-location span{
    color:#d8dbe2;
    line-height:1.5;
}

.header-top-links{
    display:flex;
    justify-content:flex-end;
    align-items:center;
    gap:30px;
}

.header-top-links a{
    color:#ffffff;
    text-decoration:none;
    display:flex;
    align-items:center;
    gap:8px;
    transition:.3s;
}

.header-top-links a:hover{
    color:#ffd447;
}

.header-top-links i{
    color:#ffd447;
}

/*=====================================================
    MAIN HEADER
=====================================================*/

.main-header{
    background:#fff;
    padding:18px 0;
}

.site-logo img{
    max-height:60px;
    width:auto;
}

/*=====================================================
    NAVBAR
=====================================================*/

.navbar{
    padding:0;
}

.navbar-nav{
    gap:18px;
}

.navbar-nav .menu-item{
    position:relative;
}

.navbar-nav .nav-link,
.navbar-nav .menu-item>a{
    color:#111827;
    font-weight:600;
    font-size:15px;
    padding:14px 0;
    text-decoration:none;
    transition:.3s;
    position:relative;
}

.navbar-nav .menu-item>a:hover{
    color:#2459bf;
}

.navbar-nav .current-menu-item>a,
.navbar-nav .current-menu-parent>a{
    color:#2459bf;
}

/* Underline Animation */

.navbar-nav .menu-item>a::after{
    content:"";
    position:absolute;
    left:0;
    bottom:8px;
    width:0;
    height:2px;
    background:#2459bf;
    transition:.35s;
}

.navbar-nav .menu-item>a:hover::after,
.navbar-nav .current-menu-item>a::after{
    width:100%;
}

/*=====================================================
    SUB MENU
=====================================================*/

.navbar-nav .sub-menu{
    position:absolute;
    top:120%;
    left:0;
    min-width:260px;
    padding:12px 0;
    background:#fff;
    list-style:none;
    box-shadow:0 20px 40px rgba(0,0,0,.08);
    opacity:0;
    visibility:hidden;
    transition:.3s;
    border-radius:12px;
    z-index:99;
}

.navbar-nav .menu-item:hover>.sub-menu{
    opacity:1;
    visibility:visible;
    top:100%;
}

.navbar-nav .sub-menu li{
    list-style:none;
}

.navbar-nav .sub-menu li a{
    display:block;
    padding:10px 22px;
    color:#444;
    text-decoration:none;
    transition:.3s;
}

.navbar-nav .sub-menu li a:hover{
    background:#f6f8fc;
    color:#2459bf;
}

/*=====================================================
    HEADER BUTTONS
=====================================================*/

.header-buttons{
    display:flex;
    justify-content:flex-end;
    align-items:center;
    gap:12px;
}

.header-buttons .btn{
    border-radius:50px;
    padding:12px 24px;
    font-size:14px;
    font-weight:600;
    transition:.35s;
    text-decoration:none;
    display:inline-flex;
    align-items:center;
    gap:8px;
}

/* Outline Button */

.btn-outline{
    border:2px solid #2459bf;
    color:#2459bf;
    background:#fff;
}

.btn-outline:hover{
    background:#2459bf;
    color:#fff;
}

/* Yellow Button */

.btn-yellow{
    background:#ffd447;
    color:#111;
    border:2px solid #ffd447;
}

.btn-yellow:hover{
    background:#111827;
    border-color:#111827;
    color:#fff;
}

/*=====================================================
    MOBILE MENU
=====================================================*/

.navbar-toggler{
    border:none;
    box-shadow:none!important;
    font-size:28px;
    color:#2459bf;
}

.navbar-toggler:focus{
    box-shadow:none;
}

@media(max-width:1199px){

    .main-header{
        padding:15px 0;
    }

    .navbar-collapse{
        margin-top:20px;
        background:#fff;
        border-radius:12px;
        padding:20px;
        box-shadow:0 15px 40px rgba(0,0,0,.08);
    }

    .navbar-nav{
        gap:0;
    }

    .navbar-nav .menu-item>a{
        padding:12px 0;
        display:block;
    }

    .navbar-nav .sub-menu{
        position:relative;
        opacity:1;
        visibility:visible;
        top:auto;
        left:auto;
        display:none;
        box-shadow:none;
        padding-left:20px;
    }

    .navbar-nav .menu-item:hover>.sub-menu{
        display:block;
    }

    .header-buttons{
        margin-top:20px;
        justify-content:flex-start;
    }

}

@media(max-width:991px){

    .header-top{
        display:none;
    }

    .site-logo img{
        max-height:52px;
    }

}

@media(max-width:576px){

    .header-buttons{
        flex-direction:column;
        align-items:stretch;
    }

    .header-buttons .btn{
        justify-content:center;
        width:100%;
    }

}

.site-footer {
	position: relative;
	background: #1f2937;
	color: #fff;
	overflow: hidden
}

.site-footer::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 4px;
	background: #f97316
}

.footer-main {
	padding: 90px 0 60px
}

.footer-widget {
	height: 100%
}

.footer-widget h4 {
	font-family: 'Poppins', sans-serif;
	font-size: 22px;
	font-weight: 700;
	color: #fff;
	margin-bottom: 28px;
	position: relative;
	padding-bottom: 14px
}

.footer-widget h4::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 55px;
	height: 3px;
	background: #f97316;
	border-radius: 20px
}

.footer-widget p {
	color: #cbd5e1;
	line-height: 1.9;
	margin-top: 25px;
	margin-bottom: 35px
}

.footer-logo {
	display: inline-block
}

.footer-logo img {
	max-width: 190px;
	height: auto
}

.footer-social {
	display: flex;
	align-items: center;
	gap: 15px
}

.footer-social a {
	width: 46px;
	height: 46px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(255, 255, 255, .08);
	color: #fff;
	border-radius: 50%;
	transition: .35s;
	text-decoration: none
}

.footer-social a:hover {
	background: #f97316;
	color: #fff;
	transform: translateY(-5px)
}

.footer-menu,
.footer-widget ul {
	margin: 0;
	padding: 0;
	list-style: none
}

.footer-menu li,
.footer-widget ul li {
	margin-bottom: 14px
}

.footer-menu li:last-child,
.footer-widget ul li:last-child {
	margin-bottom: 0
}

.footer-menu li a,
.footer-widget ul li a {
	color: #cbd5e1;
	text-decoration: none;
	font-weight: 500;
	transition: .3s;
	position: relative;
	padding-left: 18px
}

.footer-menu li a::before,
.footer-widget ul li a::before {
	content: "";
	width: 7px;
	height: 7px;
	background: #f97316;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	transition: .3s
}

.footer-menu li a:hover,
.footer-widget ul li a:hover {
	color: #fff;
	padding-left: 24px
}

.footer-menu .sub-menu {
	display: none
}

.footer-contact li {
	display: flex;
	align-items: flex-start;
	gap: 15px;
	color: #cbd5e1;
	margin-bottom: 18px
}

.footer-contact i {
	color: #f97316;
	font-size: 18px;
	margin-top: 4px;
	min-width: 18px
}

.footer-contact span {
	color: #cbd5e1;
	line-height: 1.7
}

.footer-bottom {
	border-top: 1px solid rgba(255, 255, 255, .08);
	padding: 25px 0
}

.footer-bottom p {
	margin: 0;
	color: #94a3b8;
	font-size: 15px
}

.footer-bottom a {
	color: #f97316;
	text-decoration: none;
	font-weight: 600
}

.footer-bottom a:hover {
	color: #fff
}

.back-to-top {
	position: fixed;
	right: 35px;
	bottom: 35px;
	width: 54px;
	height: 54px;
	border-radius: 50%;
	background: #f97316;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	font-size: 18px;
	box-shadow: 0 12px 30px rgba(0, 0, 0, .18);
	transition: .35s;
	z-index: 999
}

.back-to-top:hover {
	background: #ea580c;
	color: #fff;
	transform: translateY(-6px)
}

@media(max-width:991px) {
	.footer-main {
		padding: 70px 0 50px
	}

	.footer-widget {
		margin-bottom: 40px
	}

	.footer-bottom {
		text-align: center
	}

	.footer-bottom .text-lg-end {
		text-align: center !important;
		margin-top: 12px
	}
}

@media(max-width:767px) {
	.footer-main {
		padding: 60px 0 40px
	}

	.footer-widget h4 {
		font-size: 20px
	}

	.footer-social {
		justify-content: flex-start
	}
}

@media(max-width:575px) {
	.back-to-top {
		width: 48px;
		height: 48px;
		right: 20px;
		bottom: 20px;
		font-size: 16px
	}
}

.hero-section {
	position: relative;
	padding: 120px 0;
	background: #f8fafc;
	overflow: hidden
}




.hero-content {
	position: relative;
	z-index: 2;
	padding-right: 40px
}

.section-label {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	background: #fff7ed;
	color: #f97316;
	font-size: 14px;
	font-weight: 600;
	padding: 10px 18px;
	border-radius: 50px;
	margin-bottom: 30px
}

.section-label i {
	font-size: 15px
}

.hero-content h1 {
	font-size: 64px;
	line-height: 1.15;
	font-weight: 800;
	color: #1f2937;
	margin-bottom: 28px
}

.hero-content h1 span {
	display: block;
	color: #f97316
}

.hero-content p {
	font-size: 18px;
	line-height: 1.9;
	color: #64748b;
	margin-bottom: 35px
}

.hero-features {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 18px 30px;
	margin-bottom: 45px
}

.feature-item {
	display: flex;
	align-items: center;
	gap: 12px
}

.feature-item i {
	color: #16a34a;
	font-size: 18px
}

.feature-item span {
	font-weight: 600;
	color: #1f2937
}

.hero-buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 18px;
	margin-bottom: 55px
}

.btn-primary,
.btn-secondary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	height: 56px;
	padding: 0 34px;
	border-radius: 50px;
	text-decoration: none;
	font-weight: 600;
	transition: .35s
}

.btn-primary {
	background: #f97316;
	color: #fff;
	border: 0
}

.btn-primary:hover {
	background: #ea580c;
	color: #fff;
	transform: translateY(-3px)
}

.btn-secondary {
	background: #fff;
	color: #1f2937;
	border: 2px solid #e5e7eb
}

.btn-secondary:hover {
	background: #1f2937;
	border-color: #1f2937;
	color: #fff
}

.hero-stats {
	display: flex;
	gap: 25px
}

.stat-box {
	background: #fff;
	padding: 25px 35px;
	border-radius: 16px;
	box-shadow: 0 15px 40px rgba(15, 23, 42, .08);
	min-width: 170px
}

.stat-box h3 {
	color: #f97316;
	font-size: 34px;
	font-weight: 800;
	margin-bottom: 8px
}

.stat-box span {
	color: #64748b;
	font-size: 15px;
	font-weight: 500
}

.hero-enquiry-card {
	position: relative;
	z-index: 2;
	background: #fff;
	padding: 45px;
	border-radius: 24px;
	box-shadow: 0 30px 70px rgba(15, 23, 42, .10)
}

.hero-card-header {
	margin-bottom: 30px
}

.hero-card-header h3 {
	font-size: 34px;
	font-weight: 700;
	color: #1f2937;
	margin: 18px 0 15px
}

.hero-card-header p {
	color: #64748b;
	line-height: 1.8;
	margin: 0
}

.form-group {
	margin-bottom: 20px
}

.form-control,
.form-select {
	height: 58px;
	border-radius: 14px;
	border: 1px solid #e2e8f0;
	padding: 15px 18px;
	font-size: 15px;
	box-shadow: none
}

textarea.form-control {
	height: 150px;
	resize: none;
	padding-top: 18px
}

.form-control:focus,
.form-select:focus {
	border-color: #f97316;
	box-shadow: 0 0 0 4px rgba(249, 115, 22, .12)
}

@media(max-width:1199px) {
	.hero-content h1 {
		font-size: 54px
	}

	.hero-enquiry-card {
		padding: 35px
	}
}

@media(max-width:991px) {
	.hero-section {
		padding: 90px 0
	}

	.hero-content {
		padding-right: 0;
		margin-bottom: 60px;
		text-align: center
	}

	.hero-content h1 {
		font-size: 46px
	}

	.hero-features {
		grid-template-columns: 1fr;
		justify-items: center
	}

	.hero-buttons {
		justify-content: center
	}

	.hero-stats {
		justify-content: center;
		flex-wrap: wrap
	}
}

@media(max-width:767px) {
	.hero-content h1 {
		font-size: 38px
	}

	.hero-content p {
		font-size: 16px
	}

	.hero-enquiry-card {
		padding: 30px 25px;
		border-radius: 18px
	}

	.hero-card-header h3 {
		font-size: 28px
	}
}

@media(max-width:575px) {
	.hero-section {
		padding: 70px 0
	}

	.hero-content h1 {
		font-size: 32px
	}

	.hero-buttons {
		flex-direction: column
	}

	.btn-primary,
	.btn-secondary {
		width: 100%
	}

	.hero-stats {
		flex-direction: column;
		gap: 18px
	}

	.stat-box {
		width: 100%;
		text-align: center
	}
}

.services-section {
	position: relative;
	padding: 120px 0;
	background: #fff;
	overflow: hidden
}

.services-section::before {
	content: "";
	position: absolute;
	top: -180px;
	right: -120px;
	width: 420px;
	height: 420px;
	border-radius: 50%;
	background: rgba(249, 115, 22, .05)
}

.services-section::after {
	content: "";
	position: absolute;
	bottom: -220px;
	left: -150px;
	width: 450px;
	height: 450px;
	border-radius: 50%;
	background: rgba(31, 41, 55, .03)
}

.section-heading {
	position: relative;
	margin-bottom: 70px
}

.section-heading .section-label {
	margin-bottom: 22px
}

.section-heading h2 {
	font-size: 52px;
	line-height: 1.2;
	font-weight: 800;
	color: #1f2937;
	margin-bottom: 24px
}

.section-heading h2 span {
	display: block;
	color: #f97316
}

.section-heading p {
	max-width: 760px;
	margin: 0 auto;
	color: #64748b;
	line-height: 1.9;
	font-size: 17px
}

.service-card {
	position: relative;
	height: 100%;
	background: #fff;
	border: 1px solid #e2e8f0;
	border-radius: 22px;
	padding: 40px 35px;
	transition: .4s;
	overflow: hidden;
	z-index: 2
}

.service-card::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 5px;
	background: #f97316;
	transform: scaleX(0);
	transition: .4s;
	transform-origin: left
}

.service-card:hover {
	transform: translateY(-12px);
	box-shadow: 0 25px 60px rgba(15, 23, 42, .10);
	border-color: transparent
}

.service-card:hover::before {
	transform: scaleX(1)
}

.service-icon {
	width: 82px;
	height: 82px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 18px;
	background: #fff7ed;
	color: #f97316;
	font-size: 34px;
	margin-bottom: 30px;
	transition: .35s
}

.service-card:hover .service-icon {
	background: #f97316;
	color: #fff;
	transform: rotate(-6deg)
}

.service-content h3 {
	margin-bottom: 18px
}

.service-content h3 a {
	text-decoration: none;
	color: #1f2937;
	font-size: 26px;
	font-weight: 700;
	line-height: 1.35;
	transition: .3s
}

.service-content h3 a:hover {
	color: #f97316
}

.service-content p {
	color: #64748b;
	line-height: 1.9;
	margin-bottom: 28px;
	font-size: 15px
}

.service-btn {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	text-decoration: none;
	font-weight: 700;
	color: #f97316;
	transition: .35s
}

.service-btn i {
	transition: .35s
}

.service-btn:hover {
	color: #ea580c
}

.service-btn:hover i {
	transform: translateX(6px)
}

.services-cta {
	margin-top: 70px;
	padding: 55px;
	background: #1f2937;
	border-radius: 28px;
	position: relative;
	overflow: hidden
}

.services-cta::before {
	content: "";
	position: absolute;
	right: -100px;
	top: -100px;
	width: 250px;
	height: 250px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .05)
}

.services-cta::after {
	content: "";
	position: absolute;
	left: -120px;
	bottom: -120px;
	width: 280px;
	height: 280px;
	border-radius: 50%;
	background: rgba(249, 115, 22, .10)
}

.services-cta p {
	position: relative;
	z-index: 2;
	color: #fff;
	font-size: 22px;
	font-weight: 500;
	margin-bottom: 30px
}

.services-cta .btn-primary {
	position: relative;
	z-index: 2
}

@media(max-width:1199px) {
	.section-heading h2 {
		font-size: 46px
	}

	.service-card {
		padding: 35px 28px
	}
}

@media(max-width:991px) {
	.services-section {
		padding: 90px 0
	}

	.section-heading {
		margin-bottom: 55px
	}

	.section-heading h2 {
		font-size: 40px
	}

	.services-cta {
		padding: 45px 35px
	}

	.services-cta p {
		font-size: 20px
	}
}

@media(max-width:767px) {
	.services-section {
		padding: 70px 0
	}

	.section-heading h2 {
		font-size: 34px
	}

	.section-heading h2 span {
		display: inline
	}

	.service-card {
		padding: 30px 25px;
		border-radius: 18px
	}

	.service-icon {
		width: 72px;
		height: 72px;
		font-size: 30px;
		margin-bottom: 24px
	}

	.service-content h3 a {
		font-size: 22px
	}

	.services-cta {
		padding: 35px 25px;
		border-radius: 20px
	}

	.services-cta p {
		font-size: 18px;
		line-height: 1.7
	}
}

@media(max-width:575px) {
	.section-heading {
		margin-bottom: 45px
	}

	.section-heading h2 {
		font-size: 30px
	}

	.section-heading p {
		font-size: 16px
	}

	.service-card {
		text-align: center
	}

	.service-icon {
		margin: 0 auto 25px
	}

	.service-btn {
		justify-content: center
	}

	.services-cta .btn-primary {
		width: 100%;
		justify-content: center
	}
}

.gallery-section {
	position: relative;
	padding: 120px 0;
	background: #f8fafc;
	overflow: hidden
}



.gallery-section .section-heading {
	margin-bottom: 70px
}

.gallery-section .btn-primary {
	margin-bottom: 70px
}

.gallery-item {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	border-radius: 22px;
	background: #e5e7eb;
	box-shadow: 0 18px 45px rgba(15, 23, 42, .08)
}

.gallery-large {
	height: 100%
}

.gallery-wide {
	height: 100%
}

.gallery-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: .6s
}

.gallery-overlay {
	position: absolute;
	inset: 0;
	padding: 1rem;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	background: linear-gradient(to top, rgba(15, 23, 42, .88), rgba(15, 23, 42, .15), transparent);
	opacity: 0;
	transition: .35s
}

.gallery-item:hover .gallery-overlay {
	opacity: 1
}

.gallery-item:hover img {
	transform: scale(1.12)
}

.gallery-category {
	display: inline-block;
	align-self: flex-start;
	background: #f97316;
	color: #fff;
	font-size: 13px;
	font-weight: 600;
	padding: 8px 18px;
	border-radius: 40px;
	margin-bottom: 18px
}

.gallery-overlay h3 {
	color: #fff;
	font-size: 28px;
	font-weight: 700;
	line-height: 1.3;
	margin-bottom: 20px
}

.gallery-icon {
	width: 56px;
	height: 56px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #f97316;
	color: #fff;
	border-radius: 50%;
	text-decoration: none;
	transition: .35s
}

.gallery-icon:hover {
	background: #fff;
	color: #f97316;
	transform: rotate(90deg)
}

.gallery-achievements {
	margin-top: 80px
}

.achievement-box {
	background: #fff;
	border-radius: 20px;
	padding: 40px 25px;
	text-align: center;
	box-shadow: 0 15px 45px rgba(15, 23, 42, .07);
	transition: .35s;
	height: 100%
}

.achievement-box:hover {
	transform: translateY(-10px)
}

.achievement-box h3 {
	font-size: 42px;
	font-weight: 800;
	color: #f97316;
	margin-bottom: 12px
}

.achievement-box span {
	color: #64748b;
	font-size: 16px;
	font-weight: 500
}

.gallery-item::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border: 5px solid transparent;
	border-radius: 22px;
	transition: .35s;
	z-index: 2;
	pointer-events: none
}

.gallery-item:hover::before {
	border-color: rgba(249, 115, 22, .85)
}

@media(max-width:1199px) {
	.gallery-large {
		height: 520px
	}
}

@media(max-width:991px) {
	.gallery-section {
		padding: 90px 0
	}

	.gallery-section .section-heading {
		text-align: center;
		margin-bottom: 45px
	}

	.gallery-section .btn-primary {
		margin-bottom: 50px
	}

	.gallery-large {
		height: 450px
	}
}

@media(max-width:767px) {
	.gallery-section {
		padding: 70px 0
	}

	.gallery-item,
	.gallery-large,
	.gallery-wide {
		height: 300px
	}

	.gallery-overlay {
		opacity: 1;
		padding: 25px
	}

	.gallery-overlay h3 {
		font-size: 22px
	}

	.gallery-achievements {
		margin-top: 60px
	}

	.achievement-box {
		padding: 30px 20px
	}

	.achievement-box h3 {
		font-size: 34px
	}
}

@media(max-width:575px) {

	.gallery-item,
	.gallery-large,
	.gallery-wide {
		height: 260px;
		border-radius: 18px
	}

	.gallery-overlay {
		padding: 20px
	}

	.gallery-overlay h3 {
		font-size: 20px
	}

	.gallery-category {
		font-size: 12px;
		padding: 6px 15px
	}

	.gallery-icon {
		width: 48px;
		height: 48px;
		font-size: 15px
	}

	.achievement-box {
		padding: 25px 15px
	}

	.achievement-box h3 {
		font-size: 30px
	}

	.achievement-box span {
		font-size: 15px
	}
}

.testimonials-section {
	position: relative;
	padding: 120px 0;
	background: #fff;
	overflow: hidden
}




.testimonial-rating {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 25px;
	background: #fff;
	border: 1px solid #e2e8f0;
	border-radius: 22px;
	padding: 35px;
	box-shadow: 0 18px 45px rgba(15, 23, 42, .06)
}

.rating-number {
	width: 100px;
	height: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: #f97316;
	color: #fff;
	flex-shrink: 0
}

.rating-number h2 {
	font-size: 42px;
	font-weight: 800;
	margin: 0;
	color: #fff
}

.rating-content {
	flex: 1
}

.rating-stars {
	display: flex;
	gap: 6px;
	margin-bottom: 12px
}

.rating-stars i {
	color: #fbbf24;
	font-size: 18px
}

.rating-content p {
	font-size: 18px;
	font-weight: 700;
	color: #1f2937;
	margin-bottom: 8px
}

.rating-content span {
	color: #64748b;
	font-size: 15px
}

.testimonial-card {
	position: relative;
	height: 100%;
	background: #fff;
	border: 1px solid #e2e8f0;
	border-radius: 22px;
	padding: 40px;
	transition: .35s;
	overflow: hidden
}

.testimonial-card::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 5px;
	background: #f97316;
	transform: scaleX(0);
	transition: .35s;
	transform-origin: left
}

.testimonial-card:hover {
	transform: translateY(-10px);
	box-shadow: 0 25px 60px rgba(15, 23, 42, .10);
	border-color: transparent
}

.testimonial-card:hover::before {
	transform: scaleX(1)
}

.testimonial-top {
	display: flex;
	align-items: center;
	gap: 18px;
	margin-bottom: 25px
}

.testimonial-avatar {
	width: 75px;
	height: 75px;
	border-radius: 50%;
	overflow: hidden;
	flex-shrink: 0
}

.testimonial-avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.testimonial-author h4 {
	font-size: 22px;
	font-weight: 700;
	color: #1f2937;
	margin-bottom: 6px
}

.testimonial-author span {
	color: #64748b;
	font-size: 15px
}

.testimonial-stars {
	display: flex;
	gap: 5px;
	margin-bottom: 20px
}

.testimonial-stars i {
	color: #fbbf24;
	font-size: 16px
}

.testimonial-card p {
	color: #64748b;
	line-height: 1.9;
	margin-bottom: 28px;
	font-size: 16px
}

.testimonial-service {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	background: #fff7ed;
	color: #f97316;
	padding: 10px 18px;
	border-radius: 50px;
	font-size: 14px;
	font-weight: 600
}

.testimonial-service i {
	color: #16a34a
}

.testimonial-bottom {
	margin-top: 80px;
	padding: 60px;
	background: #1f2937;
	border-radius: 28px;
	position: relative;
	overflow: hidden
}

.testimonial-bottom::before {
	content: "";
	position: absolute;
	top: -100px;
	right: -100px;
	width: 250px;
	height: 250px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .05)
}

.testimonial-bottom::after {
	content: "";
	position: absolute;
	bottom: -120px;
	left: -120px;
	width: 300px;
	height: 300px;
	border-radius: 50%;
	background: rgba(249, 115, 22, .12)
}

.trust-content {
	position: relative;
	z-index: 2
}

.trust-content h3 {
	color: #fff;
	font-size: 36px;
	font-weight: 700;
	margin-bottom: 18px
}

.trust-content p {
	color: rgba(255, 255, 255, .75);
	line-height: 1.9;
	margin: 0;
	font-size: 16px
}

.testimonial-bottom .btn-primary {
	position: relative;
	z-index: 2
}

@media(max-width:1199px) {
	.testimonial-card {
		padding: 35px
	}

	.trust-content h3 {
		font-size: 32px
	}
}

@media(max-width:991px) {
	.testimonials-section {
		padding: 90px 0
	}

	.testimonial-rating {
		margin-top: 30px
	}

	.testimonial-bottom {
		padding: 50px 40px;
		text-align: center
	}

	.trust-content {
		margin-bottom: 30px
	}
}

@media(max-width:767px) {
	.testimonials-section {
		padding: 70px 0
	}

	.testimonial-rating {
		flex-direction: column;
		text-align: center;
		padding: 30px
	}

	.rating-stars {
		justify-content: center
	}

	.testimonial-card {
		padding: 30px
	}

	.testimonial-top {
		flex-direction: column;
		text-align: center
	}

	.testimonial-stars {
		justify-content: center
	}

	.testimonial-card p {
		text-align: center
	}

	.testimonial-service {
		display: flex;
		justify-content: center
	}

	.testimonial-bottom {
		padding: 40px 30px;
		border-radius: 22px
	}

	.trust-content h3 {
		font-size: 28px
	}
}

@media(max-width:575px) {
	.testimonial-card {
		border-radius: 18px;
		padding: 25px
	}

	.testimonial-avatar {
		width: 65px;
		height: 65px
	}

	.testimonial-author h4 {
		font-size: 20px
	}

	.rating-number {
		width: 85px;
		height: 85px
	}

	.rating-number h2 {
		font-size: 34px
	}

	.testimonial-bottom {
		padding: 35px 25px
	}

	.trust-content h3 {
		font-size: 24px
	}

	.testimonial-bottom .btn-primary {
		width: 100%;
		justify-content: center
	}
}

.faq-section {
	position: relative;
	padding: 120px 0;
	background: #f8fafc;
	overflow: hidden
}


.faq-intro-card {
	display: flex;
	align-items: center;
	gap: 30px;
	background: #fff;
	border: 1px solid #e2e8f0;
	border-radius: 24px;
	padding: 40px;
	box-shadow: 0 20px 45px rgba(15, 23, 42, .06);
	transition: .35s
}

.faq-intro-card:hover {
	transform: translateY(-6px);
	box-shadow: 0 25px 55px rgba(15, 23, 42, .10)
}

.faq-intro-icon {
	width: 90px;
	height: 90px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	background: #f97316;
	color: #fff;
	border-radius: 22px;
	font-size: 34px
}

.faq-intro-content h3 {
	font-size: 28px;
	font-weight: 700;
	color: #1f2937;
	margin-bottom: 15px
}

.faq-intro-content p {
	color: #64748b;
	line-height: 1.8;
	margin-bottom: 25px
}

.faq-contact-buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 15px
}

.faq-accordion .accordion-item {
	background: #fff;
	border: 1px solid #e2e8f0;
	border-radius: 18px;
	overflow: hidden;
	margin-bottom: 18px;
	box-shadow: 0 12px 35px rgba(15, 23, 42, .04)
}

.faq-accordion .accordion-button {
	background: #fff;
	padding: 24px 30px;
	font-size: 18px;
	font-weight: 700;
	color: #1f2937;
	box-shadow: none
}

.faq-accordion .accordion-button:not(.collapsed) {
	background: #fff7ed;
	color: #f97316
}

.faq-accordion .accordion-button:focus {
	box-shadow: none
}

.faq-accordion .accordion-button::after {
	background-size: 18px
}

.faq-accordion .accordion-body {
	padding: 25px 30px 30px;
	color: #64748b;
	line-height: 1.9;
	font-size: 16px
}

.faq-sidebar {
	display: flex;
	flex-direction: column;
	gap: 30px
}

.faq-card {
	background: #fff;
	border-radius: 24px;
	padding: 40px 35px;
	border: 1px solid #e2e8f0;
	box-shadow: 0 20px 45px rgba(15, 23, 42, .05);
	transition: .35s
}

.faq-card:hover {
	transform: translateY(-8px);
	box-shadow: 0 25px 55px rgba(15, 23, 42, .10)
}

.faq-card-icon {
	width: 75px;
	height: 75px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff7ed;
	color: #f97316;
	border-radius: 20px;
	font-size: 30px;
	margin-bottom: 25px;
	transition: .35s
}

.faq-card:hover .faq-card-icon {
	background: #f97316;
	color: #fff
}

.faq-card h3 {
	font-size: 28px;
	font-weight: 700;
	color: #1f2937;
	margin-bottom: 25px
}

.faq-card ul {
	margin: 0;
	padding: 0;
	list-style: none
}

.faq-card ul li {
	display: flex;
	align-items: center;
	gap: 15px;
	color: #475569;
	font-size: 16px;
	padding: 14px 0;
	border-bottom: 1px solid #eef2f7
}

.faq-card ul li:last-child {
	border-bottom: 0
}

.faq-card ul li i {
	color: #16a34a;
	font-size: 15px
}

.contact-card {
	background: #1f2937;
	border: 0;
	position: relative;
	overflow: hidden
}

.contact-card::before {
	content: "";
	position: absolute;
	top: -100px;
	right: -100px;
	width: 220px;
	height: 220px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .05)
}

.contact-card::after {
	content: "";
	position: absolute;
	left: -120px;
	bottom: -120px;
	width: 260px;
	height: 260px;
	border-radius: 50%;
	background: rgba(249, 115, 22, .12)
}

.contact-card .faq-card-icon {
	background: #f97316;
	color: #fff
}

.contact-card h3 {
	color: #fff
}

.contact-card p {
	color: rgba(255, 255, 255, .75);
	line-height: 1.8;
	margin-bottom: 30px
}

.contact-card .btn-primary {
	position: relative;
	z-index: 2
}

@media(max-width:1199px) {
	.faq-intro-card {
		padding: 35px
	}
}

@media(max-width:991px) {
	.faq-section {
		padding: 90px 0
	}

	.faq-intro-card {
		margin-top: 35px
	}

	.faq-sidebar {
		margin-top: 40px
	}
}

@media(max-width:767px) {
	.faq-section {
		padding: 70px 0
	}

	.faq-intro-card {
		flex-direction: column;
		text-align: center;
		padding: 30px
	}

	.faq-contact-buttons {
		justify-content: center
	}

	.faq-accordion .accordion-button {
		padding: 22px 20px;
		font-size: 17px
	}

	.faq-accordion .accordion-body {
		padding: 20px
	}

	.faq-card {
		padding: 30px
	}

	.faq-card-icon {
		margin: 0 auto 25px
	}

	.faq-card {
		text-align: center
	}

	.faq-card ul li {
		justify-content: center
	}
}

@media(max-width:575px) {
	.faq-intro-card {
		border-radius: 18px
	}

	.faq-intro-icon {
		width: 75px;
		height: 75px;
		font-size: 28px;
		border-radius: 18px
	}

	.faq-intro-content h3 {
		font-size: 24px
	}

	.faq-contact-buttons {
		flex-direction: column
	}

	.faq-contact-buttons .btn-primary,
	.faq-contact-buttons .btn-secondary,
	.contact-card .btn-primary {
		width: 100%;
		justify-content: center
	}

	.faq-card {
		border-radius: 18px;
		padding: 25px
	}

	.faq-card h3 {
		font-size: 24px
	}

	.faq-accordion .accordion-button {
		font-size: 16px
	}
}

.quick-contact-section {
	position: relative;
	padding: 120px 0;
	background: #fff;
	overflow: hidden
}

.quick-contact-wrapper {
	position: relative;
	background: #fff;
	border-radius: 30px;
	box-shadow: 0 25px 70px rgba(15, 23, 42, .08);
	overflow: hidden;
	z-index: 2
}

.quick-contact-content {
	padding: 70px 50px;
	height: 100%;
	background: #1f2937;
	position: relative;
	overflow: hidden
}

.quick-contact-content>* {
	position: relative;
	z-index: 2
}

.quick-contact-content h2 {
	font-size: 48px;
	font-weight: 800;
	line-height: 1.25;
	color: #fff;
	margin: 22px 0
}

.quick-contact-content h2 span {
	color: #f97316
}

.quick-contact-content p {
	color: rgba(255, 255, 255, .78);
	line-height: 1.9;
	margin-bottom: 40px
}

.contact-info-list {
	display: flex;
	flex-direction: column;
	gap: 25px;
	margin-bottom: 45px
}

.contact-info-item {
	display: flex;
	align-items: flex-start;
	gap: 18px
}

.contact-icon {
	width: 3.5rem;
	height: 3.5rem;
	margin: 0;
	border-radius: 50%;
	background: #fff7ed;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #F97316;
	font-size: 1.5rem;
	transition: .35s;
}

.contact-icon.whatsapp {
	background: #25d366
}

.contact-info-item:hover .contact-icon {
	transform: translateY(-5px)
}

.contact-text span {
	display: block;
	color: #cbd5e1;
	font-size: 14px;
	margin-bottom: 6px
}

.contact-text a,
.contact-text p {
	margin: 0;
	color: #fff;
	text-decoration: none;
	font-size: 18px;
	font-weight: 600;
	transition: .3s
}

.contact-text a:hover {
	color: #f97316
}

.contact-features {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 18px
}

.contact-features .feature {
	display: flex;
	align-items: center;
	gap: 12px;
	color: #fff;
	font-weight: 500
}

.contact-features .feature i {
	color: #22c55e;
	font-size: 18px
}

.quick-contact-form {
	padding: 70px 60px;
	background: #fff
}

.form-header {
	margin-bottom: 40px
}

.form-header h3 {
	font-size: 40px;
	font-weight: 700;
	color: #1f2937;
	margin: 18px 0
}

.form-header p {
	color: #64748b;
	line-height: 1.8;
	margin: 0
}

.quick-contact-form .form-group {
	margin-bottom: 25px
}

.quick-contact-form label {
	display: block;
	font-size: 15px;
	font-weight: 600;
	color: #334155;
	margin-bottom: 10px
}

.quick-contact-form .form-control,
.quick-contact-form .form-select {
	width: 100%;
	height: 60px;
	border: 1px solid #e2e8f0;
	border-radius: 14px;
	padding: 0 20px;
	font-size: 15px;
	color: #334155;
	transition: .3s;
	box-shadow: none
}

.quick-contact-form textarea.form-control {
	height: 170px;
	padding: 18px 20px;
	resize: none
}

.quick-contact-form .form-control:focus,
.quick-contact-form .form-select:focus {
	border-color: #f97316;
	box-shadow: 0 0 0 4px rgba(249, 115, 22, .12)
}

.quick-contact-form button {
	margin-top: 10px
}

.quick-contact-form .btn-primary {
	height: 60px;
	border: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	font-size: 16px;
	font-weight: 600
}

@media(max-width:1199px) {

	.quick-contact-content,
	.quick-contact-form {
		padding: 60px 45px
	}
}

@media(max-width:991px) {
	.quick-contact-section {
		padding: 90px 0
	}

	.quick-contact-content {
		border-radius: 30px 30px 0 0
	}

	.quick-contact-form {
		border-radius: 0 0 30px 30px
	}
}

@media(max-width:767px) {
	.quick-contact-section {
		padding: 70px 0
	}

	.quick-contact-content,
	.quick-contact-form {
		padding: 40px 30px
	}

	.quick-contact-content h2 {
		font-size: 34px
	}

	.form-header h3 {
		font-size: 30px
	}

	.contact-features {
		grid-template-columns: 1fr
	}

	.contact-info-item {
		align-items: center
	}

	.contact-icon {
		width: 55px;
		height: 55px;
		font-size: 20px
	}
}

@media(max-width:575px) {
	.quick-contact-wrapper {
		border-radius: 20px
	}

	.quick-contact-content,
	.quick-contact-form {
		padding: 30px 22px
	}

	.quick-contact-content h2 {
		font-size: 28px
	}

	.form-header h3 {
		font-size: 26px
	}

	.contact-text a,
	.contact-text p {
		font-size: 16px
	}

	.quick-contact-form .form-control,
	.quick-contact-form .form-select {
		height: 56px
	}

	.quick-contact-form textarea.form-control {
		height: 150px
	}

	.quick-contact-form .btn-primary {
		width: 100%
	}
}

/*=====================================================
PAGE HERO
=====================================================*/

.page-hero {
	position: relative;
	padding: 140px 0 110px;
	background-color: #1F2937;
	overflow: hidden;
	z-index: 1;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

.page-hero::before {

	content: "";

	position: absolute;

	inset: 0;

	background: linear-gradient(135deg,
			rgba(31, 41, 55, .94),
			rgba(17, 24, 39, .96));

	z-index: -2;

}


/*=====================================================
CONTENT
=====================================================*/

.page-hero-content {

	position: relative;

	z-index: 2;

}

.page-hero-content h1 {

	font-size: 64px;

	font-weight: 800;

	line-height: 1.15;

	color: #ffffff;

	margin: 30px 0 25px;

}

.page-hero-content h1 span {

	display: block;

	color: #F97316;

}

.page-hero-content p {

	max-width: 820px;

	margin: 0 auto;

	color: rgba(255, 255, 255, .78);

	font-size: 18px;

	line-height: 1.9;

}

/*=====================================================
SECTION LABEL
=====================================================*/

.page-hero .section-label {

	display: inline-flex;

	align-items: center;

	gap: 10px;

	background: rgba(249, 115, 22, .12);

	border: 1px solid rgba(249, 115, 22, .25);

	color: #F97316;

	padding: 10px 22px;

	border-radius: 50px;

	font-size: 14px;

	font-weight: 600;

	letter-spacing: .5px;

}

.page-hero .section-label i {

	font-size: 15px;

}

/*=====================================================
BREADCRUMB
=====================================================*/

.page-breadcrumb {

	margin-top: 45px;

}

.page-breadcrumb ul {

	display: inline-flex;

	align-items: center;

	justify-content: center;

	flex-wrap: wrap;

	gap: 14px;

	margin: 0;

	padding: 0;

	list-style: none;

}

.page-breadcrumb li {

	color: rgba(255, 255, 255, .70);

	font-size: 15px;

	font-weight: 500;

}

.page-breadcrumb li i {

	color: #F97316;

	font-size: 13px;

}

.page-breadcrumb a {

	color: #ffffff;

	text-decoration: none;

	transition: .35s;

}

.page-breadcrumb a:hover {

	color: #F97316;

}

/*=====================================================
OPTIONAL BOTTOM CURVE
=====================================================*/

.page-hero {

	border-radius: 0 0 60px 60px;

}

/*=====================================================
RESPONSIVE
=====================================================*/

@media (max-width:1199px) {

	.page-hero {

		padding: 120px 0 100px;

	}

	.page-hero-content h1 {

		font-size: 54px;

	}

}

@media (max-width:991px) {

	.page-hero {

		padding: 100px 0 85px;

		border-radius: 0 0 45px 45px;

	}

	.page-hero-content h1 {

		font-size: 46px;

	}

	.page-hero-content p {

		font-size: 17px;

	}

}

@media (max-width:767px) {

	.page-hero {

		padding: 90px 0 70px;

		border-radius: 0 0 35px 35px;

	}

	.page-hero-content h1 {

		font-size: 38px;

	}

	.page-hero-content p {

		font-size: 16px;

		line-height: 1.8;

	}

	.page-breadcrumb {

		margin-top: 35px;

	}

}

@media (max-width:575px) {

	.page-hero {

		padding: 80px 0 60px;

	}

	.page-hero-content h1 {

		font-size: 30px;

	}

	.page-hero .section-label {

		font-size: 13px;

		padding: 9px 18px;

	}

	.page-breadcrumb li {

		font-size: 14px;

	}

}

/*=====================================================
ABOUT COMPANY
=====================================================*/

.about-company-section {

	padding: 120px 0;

	position: relative;

	background: #ffffff;

	overflow: hidden;

}

.about-company-section::before {

	content: "";

	position: absolute;

	width: 520px;

	height: 520px;

	border-radius: 50%;

	background: rgba(249, 115, 22, .04);

	top: -260px;

	right: -180px;

}

.about-company-section::after {

	content: "";

	position: absolute;

	width: 350px;

	height: 350px;

	border-radius: 50%;

	background: #f8fafc;

	bottom: -180px;

	left: -120px;

}

/*=====================================================
IMAGES
=====================================================*/

.about-company-images {

	position: relative;

	padding-right: 70px;

}

.about-main-image {

	position: relative;

	overflow: hidden;

	border-radius: 30px;

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

}

.about-main-image img {

	width: 100%;

	display: block;

	transition: .6s;

}

.about-main-image:hover img {

	transform: scale(1.05);

}

/*=====================================================
EXPERIENCE CARD
=====================================================*/

.experience-card {

	position: absolute;

	left: 0;

	bottom: 50px;

	width: 250px;

	background: #F97316;

	color: #fff;

	border-radius: 20px;

	padding: 25px;

	display: flex;

	align-items: center;

	gap: 18px;

	box-shadow: 0 20px 50px rgba(249, 115, 22, .35);

}

.experience-number h2 {

	font-size: 56px;

	font-weight: 800;

	line-height: 1;

	color: #fff;

	margin: 0;

}

.experience-content span {

	display: block;

	font-size: 14px;

	opacity: .9;

	margin-bottom: 4px;

}

.experience-content h4 {

	color: #fff;

	font-size: 18px;

	line-height: 1.4;

	margin: 0;

	font-weight: 700;

}

/*=====================================================
FLOATING CARD
=====================================================*/

.about-floating-card {

	position: absolute;

	top: 40px;

	right: 0;

	background: #fff;

	border-radius: 20px;

	padding: 20px 25px;

	display: flex;

	align-items: center;

	gap: 18px;

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

}

.about-floating-card i {

	width: 60px;

	height: 60px;

	border-radius: 50%;

	background: #16a34a;

	color: #fff;

	display: flex;

	align-items: center;

	justify-content: center;

	font-size: 24px;

}

.about-floating-card h5 {

	margin: 0;

	font-size: 28px;

	font-weight: 800;

	color: #1F2937;

}

.about-floating-card span {

	display: block;

	margin-top: 5px;

	color: #6b7280;

	font-size: 14px;

}

/*=====================================================
CONTENT
=====================================================*/

.about-company-content {

	position: relative;

	z-index: 2;

}

.about-company-content h2 {

	font-size: 48px;

	line-height: 1.2;

	font-weight: 800;

	color: #1F2937;

	margin: 28px 0;

}

.about-company-content h2 span {

	display: block;

	color: #F97316;

}

.about-company-content p {

	color: #6b7280;

	line-height: 1.9;

	font-size: 17px;

	margin-bottom: 22px;

}

/*=====================================================
HIGHLIGHTS
=====================================================*/

.about-highlights {

	display: grid;

	grid-template-columns: repeat(2, 1fr);

	gap: 18px;

	margin: 45px 0;

}

.highlight-item {

	display: flex;

	align-items: flex-start;

	gap: 15px;

	background: #f8fafc;

	border-radius: 16px;

	padding: 18px;

	transition: .35s;

}

.highlight-item:hover {

	background: #fff7ed;

	transform: translateY(-4px);

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

}

.highlight-item i {

	width: 38px;

	height: 38px;

	min-width: 38px;

	border-radius: 50%;

	background: #F97316;

	color: #fff;

	display: flex;

	align-items: center;

	justify-content: center;

	font-size: 14px;

}

.highlight-item span {

	font-weight: 600;

	color: #374151;

	line-height: 1.6;

}

/*=====================================================
BOTTOM
=====================================================*/

.about-company-footer {

	display: flex;

	align-items: center;

	justify-content: space-between;

	gap: 30px;

	margin-top: 25px;

}

.owner-info {

	display: flex;

	align-items: center;

	gap: 18px;

}

.owner-avatar {

	width: 70px;

	height: 70px;

	border-radius: 50%;

	overflow: hidden;

	border: 4px solid #F97316;

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

}

.owner-avatar img {

	width: 100%;

	height: 100%;

	object-fit: cover;

}

.owner-content h5 {

	margin: 0;

	font-size: 20px;

	font-weight: 700;

	color: #1F2937;

}

.owner-content span {

	display: block;

	margin-top: 5px;

	color: #6b7280;

}

/*=====================================================
BUTTON
=====================================================*/

.about-company-footer .btn-primary {

	padding: 16px 32px;

	border-radius: 50px;

	font-weight: 600;

	display: inline-flex;

	align-items: center;

	gap: 12px;

	transition: .35s;

}

.about-company-footer .btn-primary:hover {

	transform: translateY(-3px);

}

/*=====================================================
RESPONSIVE
=====================================================*/

@media(max-width:1199px) {

	.about-company-content h2 {

		font-size: 42px;

	}

}

@media(max-width:991px) {

	.about-company-section {

		padding: 90px 0;

	}

	.about-company-images {

		padding-right: 0;

		margin-bottom: 70px;

	}

	.experience-card {

		left: 20px;

		bottom: 20px;

	}

	.about-floating-card {

		right: 20px;

	}

	.about-company-content {

		margin-top: 30px;

	}

}

@media(max-width:767px) {

	.about-company-content h2 {

		font-size: 36px;

	}

	.about-highlights {

		grid-template-columns: 1fr;

	}

	.about-company-footer {

		flex-direction: column;

		align-items: flex-start;

	}

	.experience-card {

		position: relative;

		width: 100%;

		margin-top: 25px;

		left: auto;

		bottom: auto;

	}

	.about-floating-card {

		position: relative;

		top: auto;

		right: auto;

		width: 100%;

		margin-top: 20px;

	}

}

@media(max-width:575px) {

	.about-company-section {

		padding: 70px 0;

	}

	.about-company-content h2 {

		font-size: 30px;

	}

	.experience-number h2 {

		font-size: 46px;

	}

	.experience-card {

		flex-direction: column;

		text-align: center;

	}

	.about-floating-card {

		flex-direction: column;

		text-align: center;

	}

	.owner-info {

		flex-direction: column;

		text-align: center;

		width: 100%;

	}

	.about-company-footer {

		align-items: center;

	}

	.about-company-footer .btn-primary {

		width: 100%;

		justify-content: center;

	}

}

/*=====================================================
CONTACT INFORMATION SECTION
=====================================================*/

.contact-info-section {

	position: relative;

	padding: 120px 0;

	background: #ffffff;

	overflow: hidden;

}

.contact-info-section::before {

	content: "";

	position: absolute;

	width: 500px;

	height: 500px;

	background: rgba(249, 115, 22, .04);

	border-radius: 50%;

	top: -220px;

	right: -180px;

}


/*=====================================================
SECTION HEADING
=====================================================*/

.contact-info-section .section-heading {

	margin-bottom: 70px;

}

.contact-info-section .section-heading h2 {

	margin: 25px 0;

}

/*=====================================================
CONTACT CARDS
=====================================================*/

.contact-info-card {

	position: relative;

	background: #ffffff;

	border: 1px solid #edf2f7;

	border-radius: 24px;

	padding: 40px 30px;

	text-align: center;

	transition: .35s;

	height: 100%;

	overflow: hidden;

	box-shadow: 0 15px 40px rgba(15, 23, 42, .05);

}

.contact-info-card::before {

	content: "";

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 5px;

	background: #F97316;

	transform: scaleX(0);

	transition: .35s;

}

.contact-info-card:hover {

	transform: translateY(-10px);

	box-shadow: 0 25px 60px rgba(15, 23, 42, .10);

}

.contact-info-card:hover::before {

	transform: scaleX(1);

}


.contact-icon.whatsapp {

	background: #ecfdf5;

	color: #22c55e;

}

.contact-info-card:hover .contact-icon {

	background: #F97316;

	color: #ffffff;

}

.contact-info-card:hover .contact-icon.whatsapp {

	background: #22c55e;

	color: #ffffff;

}

.contact-info-card span {

	display: block;

	color: #6b7280;

	font-size: 14px;

	text-transform: uppercase;

	letter-spacing: 1px;

	margin-bottom: 10px;

	font-weight: 600;

}

.contact-info-card h4 {

	color: #1F2937;

	font-size: 24px;

	font-weight: 700;

	margin-bottom: 18px;

}

.contact-info-card a {

	color: #374151;

	font-size: 17px;

	font-weight: 600;

	text-decoration: none;

	transition: .35s;

	word-break: break-word;

}

.contact-info-card p {

	margin: 0;

	color: #6b7280;

	font-size: 16px;

	line-height: 1.7;

}

.contact-info-card a:hover {

	color: #F97316;

}

/*=====================================================
BOTTOM WRAPPER
=====================================================*/

.contact-details-wrapper {

	margin-top: 80px;

	background: #1F2937;

	border-radius: 35px;

	padding: 70px;

	position: relative;

	overflow: hidden;

}



/*=====================================================
LEFT CONTENT
=====================================================*/

.contact-details-content {

	position: relative;

	z-index: 2;

}

.contact-details-content h3 {

	color: #ffffff;

	font-size: 40px;

	font-weight: 800;

	margin-bottom: 20px;

}

.contact-details-content p {

	color: rgba(255, 255, 255, .75);

	line-height: 1.9;

	margin-bottom: 35px;

	font-size: 17px;

}

.contact-details-content ul {

	list-style: none;

	margin: 0;

	padding: 0;

}

.contact-details-content li {

	display: flex;

	align-items: center;

	gap: 15px;

	color: #ffffff;

	margin-bottom: 18px;

	font-size: 16px;

	font-weight: 500;

}

.contact-details-content li i {

	width: 34px;

	height: 34px;

	border-radius: 50%;

	background: #F97316;

	color: #ffffff;

	display: flex;

	align-items: center;

	justify-content: center;

	font-size: 14px;

}

/*=====================================================
BUSINESS HOURS
=====================================================*/

.business-hours {

	position: relative;

	z-index: 2;

	background: #ffffff;

	padding: 45px;

	border-radius: 25px;

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

}

.business-hours h4 {

	font-size: 30px;

	font-weight: 700;

	color: #1F2937;

	margin-bottom: 35px;

}

.business-hours ul {

	list-style: none;

	margin: 0 0 40px;

	padding: 0;

}

.business-hours li {

	display: flex;

	justify-content: space-between;

	align-items: center;

	padding: 18px 0;

	border-bottom: 1px solid #edf2f7;

}

.business-hours li:last-child {

	border-bottom: none;

}

.business-hours span {

	color: #6b7280;

	font-weight: 500;

}

.business-hours strong {

	color: #1F2937;

	font-weight: 700;

}

/*=====================================================
BUTTONS
=====================================================*/

.contact-buttons {

	display: flex;

	gap: 15px;

	flex-wrap: wrap;

}

.contact-buttons .btn-primary,

.contact-buttons .btn-secondary {

	flex: 1;

	min-width: 170px;

	display: flex;

	justify-content: center;

	align-items: center;

	gap: 10px;

	padding: 16px 25px;

	border-radius: 50px;

	text-decoration: none;

	font-weight: 600;

	transition: .35s;

}

.contact-buttons .btn-primary:hover,

.contact-buttons .btn-secondary:hover {

	transform: translateY(-3px);

}

/*=====================================================
RESPONSIVE
=====================================================*/

@media(max-width:1199px) {

	.contact-details-wrapper {

		padding: 60px;

	}

}

@media(max-width:991px) {

	.contact-info-section {

		padding: 90px 0;

	}

	.contact-details-wrapper {

		padding: 50px;

	}

	.business-hours {

		margin-top: 50px;

	}

}

@media(max-width:767px) {

	.contact-info-section {

		padding: 70px 0;

	}

	.contact-details-wrapper {

		padding: 40px 30px;

		border-radius: 25px;

	}

	.contact-details-content h3 {

		font-size: 32px;

	}

	.business-hours {

		padding: 35px 25px;

	}

	.business-hours h4 {

		font-size: 26px;

	}

	.business-hours li {

		flex-direction: column;

		align-items: flex-start;

		gap: 8px;

	}

}

@media(max-width:575px) {

	.contact-icon {

		width: 70px;

		height: 70px;

		font-size: 28px;

	}

	.contact-info-card {

		padding: 35px 25px;

	}

	.contact-details-content h3 {

		font-size: 28px;

	}

	.contact-buttons {

		flex-direction: column;

	}

	.contact-buttons .btn-primary,

	.contact-buttons .btn-secondary {

		width: 100%;

	}

}


/*==================================================
Google Map Section
==================================================*/

.google-map-section {
	position: relative;
	padding: 100px 0;
	background: #f8fafc;
	overflow: hidden;
}

/*==================================
Map Info Cards
===================================*/

.map-info-wrapper {
	margin: 60px 0;
}

.map-info-card {
	position: relative;
	background: #ffffff;
	padding: 40px 35px;
	border-radius: 20px;
	text-align: center;
	border: 1px solid #edf2f7;
	transition: all .35s ease;
	height: 100%;
	overflow: hidden;
	box-shadow: 0 15px 40px rgba(0, 0, 0, .06);
}

.map-info-card::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 5px;
	background: #f58220;
	transform: scaleX(0);
	transition: .35s;
}

.map-info-card:hover {
	transform: translateY(-10px);
	box-shadow: 0 25px 60px rgba(0, 0, 0, .12);
}

.map-info-card:hover::before {
	transform: scaleX(1);
}

.map-icon {
	width: 80px;
	height: 80px;
	margin: 0 auto 25px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff4eb;
	color: #f58220;
	font-size: 32px;
	transition: .35s;
}

.map-info-card:hover .map-icon {
	background: #f58220;
	color: #ffffff;
	transform: rotateY(180deg);
}

.map-info-card h4 {
	font-size: 24px;
	font-weight: 700;
	color: #18212d;
	margin-bottom: 15px;
}

.map-info-card p {
	margin: 0;
	color: #64748b;
	line-height: 1.8;
	font-size: 15px;
}

/*==================================
Google Map
===================================*/

.google-map-wrapper {
	position: relative;
	border-radius: 25px;
	overflow: hidden;
	box-shadow: 0 25px 70px rgba(0, 0, 0, .12);
	border: 8px solid #ffffff;
}

.google-map-wrapper iframe {
	width: 100%;
	height: 600px;
	border: none;
	display: block;
	filter: grayscale(10%);
	transition: .4s;
}

.google-map-wrapper:hover iframe {
	filter: grayscale(0%);
}

/*==================================
Floating Shadow Effect
===================================*/

.google-map-wrapper::after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: 25px;
	pointer-events: none;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .15);
}

/*==================================
Responsive
===================================*/

@media(max-width:991px) {

	.google-map-section {
		padding: 80px 0;
	}

	.map-info-wrapper {
		margin: 50px 0;
	}

	.map-info-card {
		padding: 35px 25px;
	}

	.map-icon {
		width: 70px;
		height: 70px;
		font-size: 28px;
	}

	.map-info-card h4 {
		font-size: 22px;
	}

	.google-map-wrapper iframe {
		height: 500px;
	}

}

@media(max-width:767px) {

	.google-map-section {
		padding: 70px 0;
	}

	.map-info-wrapper {
		margin: 40px 0;
	}

	.map-info-card {
		padding: 30px 22px;
	}

	.map-icon {
		width: 65px;
		height: 65px;
		font-size: 24px;
		margin-bottom: 20px;
	}

	.map-info-card h4 {
		font-size: 20px;
	}

	.map-info-card p {
		font-size: 14px;
	}

	.google-map-wrapper {
		border-width: 5px;
		border-radius: 18px;
	}

	.google-map-wrapper iframe {
		height: 400px;
	}

}

/*==================================================
Blogs Section
==================================================*/

.blogs-section {
	padding: 100px 0;
	background: #f8fafc;
}

/*====================================
Heading
====================================*/

.blog-filter {
	background: #fff;
	padding: 20px;
	border-radius: 18px;
	box-shadow: 0 15px 45px rgba(0, 0, 0, .06);
}

.blog-filter .form-control,
.blog-filter .form-select {
	height: 56px;
	border: 1px solid #e6eaf0;
	border-radius: 12px;
	font-size: 15px;
	font-weight: 500;
	box-shadow: none;
}

.blog-filter .form-control:focus,
.blog-filter .form-select:focus {
	border-color: var(--primary-color);
	box-shadow: none;
}

/*====================================
Blog Card
====================================*/

.blog-card {
	background: #fff;
	border-radius: 20px;
	overflow: hidden;
	height: 100%;
	transition: .35s ease;
	box-shadow: 0 12px 35px rgba(0, 0, 0, .06);
}

.blog-card:hover {
	transform: translateY(-8px);
	box-shadow: 0 25px 60px rgba(0, 0, 0, .12);
}

/*====================================
Image
====================================*/

.blog-image {
	position: relative;
	overflow: hidden;
}

.blog-image img {
	width: 100%;
	height: 260px;
	object-fit: cover;
	transition: .6s;
	display: block;
}

.blog-card:hover .blog-image img {
	transform: scale(1.08);
}

.blog-category {
	position: absolute;
	left: 20px;
	top: 20px;
	background: var(--primary-color);
	color: #fff;
	padding: 8px 18px;
	border-radius: 30px;
	font-size: 13px;
	font-weight: 600;
}

/*====================================
Content
====================================*/

.blog-content {
	padding: 30px;
}

.blog-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	margin-bottom: 18px;
	font-size: 14px;
	color: #7b8794;
}

.blog-meta span {
	display: flex;
	align-items: center;
	gap: 8px;
}

.blog-meta i {
	color: var(--primary-color);
}

.blog-content h3 {
	margin-bottom: 15px;
	font-size: 24px;
	line-height: 1.45;
}

.blog-content h3 a {
	color: #111827;
	text-decoration: none;
	transition: .3s;
}

.blog-content h3 a:hover {
	color: var(--primary-color);
}

.blog-content p {
	color: #667085;
	line-height: 1.9;
	margin-bottom: 25px;
}

/*====================================
Read More
====================================*/

.blog-btn {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	color: var(--primary-color);
	font-weight: 600;
	text-decoration: none;
	transition: .3s;
}

.blog-btn i {
	transition: .3s;
}

.blog-btn:hover {
	color: #111827;
}

.blog-btn:hover i {
	transform: translateX(6px);
}

/*====================================
Pagination
====================================*/

.blog-pagination {
	margin-top: 20px;
}

.blog-pagination ul {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 12px;
	list-style: none;
	padding: 0;
	margin: 0;
}

.blog-pagination li {
	margin: 0;
}

.blog-pagination a,
.blog-pagination span {
	width: 48px;
	height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 12px;
	background: #fff;
	color: #111827;
	text-decoration: none;
	font-weight: 600;
	transition: .3s;
	box-shadow: 0 10px 25px rgba(0, 0, 0, .06);
}

.blog-pagination a:hover {
	background: var(--primary-color);
	color: #fff;
}

.blog-pagination .current {
	background: var(--primary-color);
	color: #fff;
}

/*====================================
No Posts
====================================*/

.blogs-section .alert {
	border: none;
	border-radius: 16px;
	padding: 40px;
	background: #fff;
	box-shadow: 0 15px 40px rgba(0, 0, 0, .05);
	font-size: 17px;
}

/*====================================
Responsive
====================================*/

@media(max-width:991px) {

	.blogs-section {
		padding: 80px 0;
	}

	.blog-filter {
		margin-top: 40px;
	}

	.blog-content {
		padding: 25px;
	}

	.blog-content h3 {
		font-size: 21px;
	}

}

@media(max-width:767px) {

	.blogs-section {
		padding: 70px 0;
	}

	.blog-image img {
		height: 230px;
	}

	.blog-content {
		padding: 22px;
	}

	.blog-meta {
		gap: 12px;
		font-size: 13px;
	}

	.blog-pagination ul {
		gap: 8px;
		flex-wrap: wrap;
	}

	.blog-pagination a,
	.blog-pagination span {
		width: 42px;
		height: 42px;
		border-radius: 10px;
		font-size: 14px;
	}

	.blog-filter {
		padding: 18px;
	}

}

/*==================================================
Blog Content Section
==================================================*/

.blog-content-section {
	padding: 100px 0;
	background: #f8fafc;
}

/*====================================
Main Blog
====================================*/

.single-blog {
	background: #fff;
	border-radius: 24px;
	overflow: hidden;
	box-shadow: 0 20px 60px rgba(0, 0, 0, .06);
}

/*====================================
Featured Image
====================================*/

.blog-featured-image {
	overflow: hidden;
}

.blog-featured-image img {
	width: 100%;
	height: 500px;
	object-fit: cover;
	display: block;
}

/*====================================
Meta
====================================*/

.blog-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 25px;
	padding: 30px 40px;
	border-bottom: 1px solid #edf2f7;
	color: #667085;
	font-size: 15px;
}

.blog-meta span {
	display: flex;
	align-items: center;
	gap: 8px;
}

.blog-meta i {
	color: var(--primary-color);
}

/*====================================
Content
====================================*/

.blog-post-content {
	padding: 40px;
}

.blog-post-content>*:last-child {
	margin-bottom: 0;
}

.blog-post-content h2,
.blog-post-content h3,
.blog-post-content h4,
.blog-post-content h5,
.blog-post-content h6 {
	color: #111827;
	margin: 40px 0 20px;
	font-weight: 700;
	line-height: 1.4;
}

.blog-post-content h2 {
	font-size: 36px;
}

.blog-post-content h3 {
	font-size: 30px;
}

.blog-post-content h4 {
	font-size: 24px;
}

.blog-post-content p {
	color: #667085;
	line-height: 1.9;
	margin-bottom: 24px;
	font-size: 17px;
}

.blog-post-content ul,
.blog-post-content ol {
	padding-left: 22px;
	margin-bottom: 25px;
}

.blog-post-content li {
	margin-bottom: 12px;
	color: #667085;
	line-height: 1.8;
}

.blog-post-content img {
	width: 100%;
	height: auto;
	border-radius: 16px;
	margin: 30px 0;
}

.blog-post-content blockquote {
	position: relative;
	margin: 40px 0;
	padding: 35px;
	border-left: 5px solid var(--primary-color);
	background: #f8fafc;
	border-radius: 16px;
}

.blog-post-content blockquote p {
	margin: 0;
	font-size: 20px;
	font-style: italic;
	color: #111827;
}

.blog-post-content a {
	color: var(--primary-color);
	text-decoration: none;
}

.blog-post-content table {
	width: 100%;
	margin: 30px 0;
	border-collapse: collapse;
}

.blog-post-content table td,
.blog-post-content table th {
	border: 1px solid #e5e7eb;
	padding: 15px;
}

.blog-post-content table th {
	background: #f5f7fa;
}

/*====================================
Tags
====================================*/

.blog-tags {
	padding: 0 40px 35px;
}

.blog-tags h5 {
	margin-bottom: 18px;
}

.tag-list {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.tag-list a {
	display: inline-flex;
	align-items: center;
	padding: 10px 18px;
	background: #f5f7fa;
	border-radius: 30px;
	color: #667085;
	font-size: 14px;
	text-decoration: none;
	transition: .3s;
}

.tag-list a:hover {
	background: var(--primary-color);
	color: #fff;
}

/*====================================
Share
====================================*/

.blog-share {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 20px;
	flex-wrap: wrap;
	padding: 35px 40px 40px;
	border-top: 1px solid #edf2f7;
}

.blog-share h5 {
	margin: 0;
}

.share-icons {
	display: flex;
	gap: 12px;
}

.share-icons a {
	width: 46px;
	height: 46px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #f5f7fa;
	color: #111827;
	text-decoration: none;
	transition: .3s;
}

.share-icons a:hover {
	background: var(--primary-color);
	color: #fff;
	transform: translateY(-4px);
}

/*==================================================
Sidebar
==================================================*/

.blog-sidebar {
	position: sticky;
	top: 120px;
}

.sidebar-widget {
	background: #fff;
	border-radius: 20px;
	padding: 30px;
	margin-bottom: 30px;
	box-shadow: 0 20px 60px rgba(0, 0, 0, .06);
}

.sidebar-widget h4 {
	margin-bottom: 25px;
	font-size: 22px;
	position: relative;
	padding-bottom: 12px;
}

.sidebar-widget h4::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 60px;
	height: 3px;
	background: var(--primary-color);
}

/*====================================
Search
====================================*/

.sidebar-widget .form-control {
	height: 56px;
	border-radius: 12px;
	border: 1px solid #e5e7eb;
	box-shadow: none;
}

.sidebar-widget .form-control:focus {
	border-color: var(--primary-color);
}

/*====================================
Categories
====================================*/

.sidebar-widget ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.sidebar-widget ul li {
	border-bottom: 1px solid #edf2f7;
}

.sidebar-widget ul li:last-child {
	border: none;
}

.sidebar-widget ul li a {
	display: flex;
	justify-content: space-between;
	padding: 15px 0;
	color: #667085;
	text-decoration: none;
	transition: .3s;
}

.sidebar-widget ul li a:hover {
	color: var(--primary-color);
	padding-left: 10px;
}

/*====================================
Recent Posts
====================================*/

.recent-posts li {
	margin-bottom: 20px;
	border: none !important;
}

.recent-posts li:last-child {
	margin-bottom: 0;
}

.recent-posts a {
	display: flex !important;
	align-items: center;
	gap: 15px;
	padding: 0 !important;
}

.recent-posts img {
	width: 90px;
	height: 90px;
	object-fit: cover;
	border-radius: 14px;
	flex-shrink: 0;
}

.recent-posts h6 {
	margin: 0 0 8px;
	color: #111827;
	line-height: 1.5;
	transition: .3s;
}

.recent-posts span {
	font-size: 13px;
	color: #98a2b3;
}

.recent-posts a:hover h6 {
	color: var(--primary-color);
}

/*====================================
CTA
====================================*/

.sidebar-cta {
	text-align: center;
	background: linear-gradient(135deg, var(--primary-color), #1f9d55);
	color: #fff;
}

.sidebar-cta .section-label {
	background: rgba(255, 255, 255, .15);
	color: #fff;
}

.sidebar-cta h3 {
	color: #fff;
	margin: 20px 0;
}

.sidebar-cta p {
	color: rgba(255, 255, 255, .9);
	margin-bottom: 30px;
}

.sidebar-cta .btn-primary {
	background: #fff;
	color: var(--primary-color);
	justify-content: center;
}

.sidebar-cta .btn-primary:hover {
	background: #111827;
	color: #fff;
}

/*====================================
Responsive
====================================*/

@media(max-width:991px) {

	.blog-content-section {
		padding: 80px 0;
	}

	.blog-sidebar {
		position: relative;
		top: 0;
		margin-top: 50px;
	}

	.blog-featured-image img {
		height: 400px;
	}

}

@media(max-width:767px) {

	.blog-content-section {
		padding: 70px 0;
	}

	.blog-featured-image img {
		height: 260px;
	}

	.blog-meta {
		padding: 25px;
		gap: 15px;
		font-size: 14px;
	}

	.blog-post-content {
		padding: 25px;
	}

	.blog-post-content h2 {
		font-size: 30px;
	}

	.blog-post-content h3 {
		font-size: 26px;
	}

	.blog-post-content p {
		font-size: 16px;
	}

	.blog-tags {
		padding: 0 25px 25px;
	}

	.blog-share {
		padding: 25px;
		flex-direction: column;
		align-items: flex-start;
	}

	.sidebar-widget {
		padding: 25px;
	}

	.recent-posts img {
		width: 75px;
		height: 75px;
	}

}


/*=========================================
About Service Section
=========================================*/

.service-about-section {
    padding: 100px 0;
    background: #ffffff;
    position: relative;
    overflow: hidden;
}

/*=========================================
Service Image
=========================================*/

.service-about-image {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.08);
}

.service-about-image img {
    width: 100%;
    height: 600px;
    object-fit: cover;
    display: block;
    transition: 0.4s ease;
}

.service-about-image:hover img {
    transform: scale(1.05);
}

/*=========================================
Badge
=========================================*/

.service-badge {
    position: absolute;
    left: 30px;
    bottom: 30px;
    display: flex;
    align-items: center;
    gap: 12px;
    background: #1e7a46;
    color: #ffffff;
    padding: 15px 22px;
    border-radius: 50px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.15);
}

.service-badge i {
    width: 42px;
    height: 42px;
    background: rgba(255,255,255,.15);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
}

.service-badge span {
    font-size: 15px;
    font-weight: 600;
}

/*=========================================
Content
=========================================*/

.service-about-content .section-label {
    margin-bottom: 20px;
}

.service-about-content h2 {
    font-size: 48px;
    line-height: 1.2;
    font-weight: 700;
    color: #1f2937;
    margin-bottom: 25px;
}

.service-about-content h2 span {
    display: block;
    color: #1e7a46;
}

.service-about-content p {
    color: #6b7280;
    line-height: 1.9;
    margin-bottom: 20px;
    font-size: 16px;
}

/*=========================================
Features
=========================================*/

.service-features {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 18px 25px;
    margin: 35px 0;
}

.service-features .feature-item {
    display: flex;
    align-items: center;
    gap: 15px;
}

.service-features .feature-item i {
    width: 40px;
    height: 40px;
    background: rgba(30,122,70,.1);
    color: #1e7a46;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .3s ease;
}

.service-features .feature-item:hover i {
    background: #1e7a46;
    color: #ffffff;
}

.service-features .feature-item span {
    color: #1f2937;
    font-size: 16px;
    font-weight: 600;
}

/*=========================================
Button
=========================================*/

.service-about-btn {
    margin-top: 20px;
}

/*=========================================
Responsive
=========================================*/

@media (max-width: 991px) {

    .service-about-section {
        padding: 80px 0;
    }

    .service-about-image {
        margin-bottom: 40px;
    }

    .service-about-image img {
        height: 450px;
    }

    .service-about-content h2 {
        font-size: 38px;
    }

}

@media (max-width: 767px) {

    .service-about-section {
        padding: 70px 0;
    }

    .service-about-image img {
        height: 320px;
    }

    .service-features {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .service-about-content h2 {
        font-size: 30px;
    }

    .service-badge {
        left: 20px;
        right: 20px;
        bottom: 20px;
        padding: 12px 18px;
    }

    .service-badge span {
        font-size: 14px;
    }

}


/*=========================================
Why Choose This Service Section
=========================================*/

.service-benefits-section {
    padding: 100px 0;
    background: #f8f9fa;
    position: relative;
}

.service-benefits-section .section-heading {
    margin-bottom: 60px;
}

/*=========================================
Benefit Card
=========================================*/

.benefit-card {
    background: #ffffff;
    padding: 40px 35px;
    border-radius: 20px;
    text-align: center;
    height: 100%;
    transition: all 0.35s ease;
    border: 1px solid #e9ecef;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}

.benefit-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.12);
}

/*=========================================
Benefit Icon
=========================================*/

.benefit-icon {
    width: 80px;
    height: 80px;
    margin: 0 auto 25px;
    border-radius: 50%;
    background: rgba(30, 122, 70, 0.08);
    color: #1e7a46;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    transition: all .35s ease;
}

.benefit-card:hover .benefit-icon {
    background: #1e7a46;
    color: #ffffff;
    transform: rotateY(180deg);
}

/*=========================================
Content
=========================================*/

.benefit-card h4 {
    font-size: 24px;
    font-weight: 700;
    color: #222222;
    margin-bottom: 15px;
}

.benefit-card p {
    color: #6c757d;
    font-size: 16px;
    line-height: 1.8;
    margin: 0;
}

/*=========================================
Responsive
=========================================*/

@media (max-width: 991px) {

    .service-benefits-section {
        padding: 80px 0;
    }

    .service-benefits-section .section-heading {
        margin-bottom: 45px;
    }

    .benefit-card {
        padding: 35px 25px;
    }

    .benefit-icon {
        width: 70px;
        height: 70px;
        font-size: 28px;
    }

    .benefit-card h4 {
        font-size: 22px;
    }

}

@media (max-width: 767px) {

    .service-benefits-section {
        padding: 70px 0;
    }

    .service-benefits-section .section-heading {
        margin-bottom: 40px;
    }

    .benefit-card {
        padding: 30px 25px;
    }

    .benefit-icon {
        width: 65px;
        height: 65px;
        font-size: 24px;
        margin-bottom: 20px;
    }

    .benefit-card h4 {
        font-size: 20px;
    }

    .benefit-card p {
        font-size: 15px;
    }

}



/*======================================
Service Areas Section
======================================*/

.service-areas-section{
    padding:100px 0;
    background:#f8f9fa;
}

.service-areas-section .section-heading{
    margin-bottom:60px;
}

/*======================================
Area Card
======================================*/

.area-card{
    background:#ffffff;
    padding:35px 30px;
    border-radius:16px;
    height:100%;
    text-align:center;
    transition:all .35s ease;
    box-shadow:0 10px 35px rgba(0,0,0,.05);
    border:1px solid #ececec;
}

.area-card:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 45px rgba(0,0,0,.08);
}

.area-card i{
    width:70px;
    height:70px;
    line-height:70px;
    border-radius:50%;
    text-align:center;
    background:#f97316;
    color:#fff;
    font-size:26px;
    margin-bottom:25px;
    display:inline-block;
}

.area-card h4{
    font-size:22px;
    font-weight:700;
    color:#222;
    margin-bottom:15px;
}

.area-card p{
    margin:0;
    color:#666;
    line-height:1.8;
    font-size:15px;
}

/*======================================
Bottom CTA
======================================*/

.service-area-cta{
    margin-top:70px;
    background:#ffffff;
    border-radius:18px;
    padding:45px;
    box-shadow:0 15px 45px rgba(0,0,0,.06);
    border:1px solid #ececec;
}

.cta-content h3{
    font-size:32px;
    font-weight:700;
    color:#222;
    margin-bottom:15px;
}

.cta-content p{
    margin:0;
    color:#666;
    line-height:1.8;
}

/*======================================
Buttons
======================================*/

.service-area-cta .btn-primary{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:15px 30px;
    border-radius:8px;
    text-decoration:none;
    font-weight:600;
    transition:.3s;
}

.service-area-cta .btn-primary i{
    font-size:15px;
}

.service-area-cta .btn-primary:hover{
    transform:translateY(-3px);
}

/*======================================
Responsive
======================================*/

@media (max-width:991px){

    .service-areas-section{
        padding:80px 0;
    }

    .service-area-cta{
        padding:35px;
        text-align:center;
    }

    .cta-content{
        margin-bottom:25px;
    }

    .cta-content h3{
        font-size:28px;
    }

}

@media (max-width:767px){

    .service-areas-section{
        padding:70px 0;
    }

    .area-card{
        padding:30px 25px;
    }

    .area-card h4{
        font-size:20px;
    }

    .service-area-cta{
        padding:30px 25px;
    }

    .cta-content h3{
        font-size:24px;
    }

    .service-area-cta .btn-primary{
        width:100%;
        justify-content:center;
    }

}