/************************************/
/***  06. Why Choose Us css       ***/
/************************************/

.why-choose-us {
	font-family: 'Manrope', sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.6;
	background-color: #ffffff; /* Matches other sections */
	color: #374151; /* Body color */
	padding: 3.75rem 0; /* matches var(--section-pad-y) */
}

@media (min-width: 992px) {
    .why-choose-us {
        padding: 4rem 0;
    }
}

.why-choose-us * { box-sizing: border-box; }

.why-choose-us p { line-height: 1.6; margin-bottom: 1rem; color: #374151; }
.why-choose-us h1, .why-choose-us h2, .why-choose-us h3, .why-choose-us h4, .why-choose-us h5, .why-choose-us h6 { 
    margin: 0; font-weight: 700; line-height: 1.3; color: var(--blue-600); 
}
.why-choose-us figure { margin: 0; }
.why-choose-us img { max-width: 100%; display: block; }
.why-choose-us a { text-decoration: none; }

.why-choose-us .container { max-width: 1500px; margin: 0 auto; padding: 0 1rem; }
.why-choose-us .row { display: flex; flex-wrap: wrap; margin: 0 -15px; }
.why-choose-us .row.align-items-center { align-items: center; }
.why-choose-us .col-lg-5 { width: 100%; padding: 0 15px; }
.why-choose-us .col-lg-7 { width: 100%; padding: 0 15px; }
@media (min-width: 992px){
	.why-choose-us .col-lg-5{ width: 41.66%; }
	.why-choose-us .col-lg-7{ width: 58.33%; }
}

.why-choose-us .reveal-up{ animation: fadeInUp 0.7s ease-out both; }
@keyframes fadeInUp{
	from{ opacity: 0; transform: translateY(30px); }
	to{ opacity: 1; transform: translateY(0); }
}
@media (prefers-reduced-motion: reduce){ .why-choose-us .reveal-up{ animation: none; } }

/* Cards Border Radius Implementation */
.why-choose-us .image-anime { 
    position: relative; 
    overflow: hidden; 
    display: block; 
    border-radius: 5px; /* Matched to global cards */
} 
.why-choose-us .image-anime:after{
	content: "";
	position: absolute;
	width: 200%;
	height: 0%;
	left: 50%;
	top: 50%;
	background-color: rgba(255,255,255,.3);
	transform: translate(-50%,-50%) rotate(-45deg);
	z-index: 1;
	pointer-events: none;
}
.why-choose-us .image-anime:hover:after{
	height: 250%;
	transition: all 600ms linear;
	background-color: transparent;
}

/************************************/
/***  Section Title               ***/
/************************************/
.why-choose-us .section-title{ margin-bottom: 2rem; }
.why-choose-us .section-title h3{
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.05em;
    text-transform: capitalize;
    color: var(--red-500); /* Red Accent - consistent with About Us */
    margin-bottom: 0.75rem;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    position: relative;
    padding-bottom: 0;
}
.why-choose-us .section-title h3::before {
    content: '';
    display: inline-block;
    width: 30px;
    height: 2px;
    background: currentColor;
}
}
.why-choose-us .section-title h2{
	font-size: 28px;
	font-weight: 700;
	margin-bottom: 1rem;
	color: #14487f; /* Consistent heading color */
}
@media (min-width: 768px){
    .why-choose-us .section-title h2{
        font-size: 34px;
    }
}
.why-choose-us .section-title h2 span{ color: inherit; }
.why-choose-us .section-title p{ margin-top: 0; margin-bottom: 0; max-width: 600px; color: #374151; }

/************************************/
/***  Why Choose Items            ***/
/************************************/
.why-choose-us .why-choose-item{
	display: flex;
	border-bottom: 1px solid rgba(1, 72, 131, 0.15);
	margin-bottom: 20px;
	padding-bottom: 20px;
}
.why-choose-us .why-choose-item:last-child{
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}
.why-choose-us .why-choose-item .icon-box{
	position: relative;
	width: 56px;
	height: 56px;
	background-color: var(--red-500);
	border: 2px solid var(--red-500);
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 20px;
	flex-shrink: 0;
	transition: all 0.3s ease-in-out;
}
.why-choose-us .why-choose-item:hover .icon-box{ 
    background-color: var(--blue-500);
    border-color: var(--blue-500);
}
.why-choose-us .why-choose-item .icon-box img {
	max-width: 24px;
	position: relative;
	z-index: 1;
	transition: all 0.3s ease-in-out;
	filter: brightness(0) invert(1);
}
.why-choose-us .why-choose-item .icon-box svg {
	width: 24px;
	height: 24px;
	color: #ffffff;
	position: relative;
	z-index: 1;
	transition: all 0.3s ease-in-out;
}
.why-choose-us .why-choose-item:hover .icon-box img{ 
    filter: brightness(0) invert(1); 
}
.why-choose-us .why-choose-item:hover .icon-box svg {
    color: #ffffff;
}

.why-choose-us .why-choose-item-content{ width: calc(100% - 76px); }
.why-choose-us .why-choose-item-content h3{
	font-size: 16px;
	font-weight: 700;
	text-transform: capitalize;
	margin-bottom: 4px;
	color: var(--blue-600); /* Blue Primary */
}
.why-choose-us .why-choose-item-content p{
	color: #374151; /* Body color */
	margin-bottom: 0;
	font-size: 16px;
}

/************************************/
/***  Why Choose Images           ***/
/************************************/
.why-choose-us .why-choose-images{
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	margin-left: 30px;
}
.why-choose-us .why-choose-img-box-1,
.why-choose-us .why-choose-img-box-2{
	display: flex;
	gap: 20px;
	width: 100%;
}
.why-choose-us .why-choose-img-1 figure,
.why-choose-us .why-choose-img-2 figure,
.why-choose-us .why-choose-img-3 figure,
.why-choose-us .why-choose-img-4 figure{ 
    display: block; 
    border-radius: 5px; 
    overflow: hidden; 
}

.why-choose-us .why-choose-img-1{ width: calc(57% - 10px); }
.why-choose-us .why-choose-img-1 img{ width: 100%; aspect-ratio: 1 / 0.756; object-fit: cover; border-radius: 5px;}

.why-choose-us .why-choose-img-2{ width: calc(43% - 10px); }
.why-choose-us .why-choose-img-2 img{ width: 100%; aspect-ratio: 1 / 1.01; object-fit: cover; border-radius: 5px;}

.why-choose-us .why-choose-img-3{ width: calc(67% - 10px); }
.why-choose-us .why-choose-img-3 img{ width: 100%; aspect-ratio: 1 / 0.746; object-fit: cover; border-radius: 5px;}

.why-choose-us .why-choose-img-4{ width: calc(33% - 10px); }
.why-choose-us .why-choose-img-4 img{ width: 100%; aspect-ratio: 1 / 1.55; object-fit: cover; border-radius: 5px;}

/************************************/
/***  Equal Height Desktop Images ***/
/************************************/
@media (min-width: 992px) {
    .why-choose-us .row.align-items-center {
        align-items: stretch;
    }
    .why-choose-us .col-lg-7 {
        position: relative;
    }
    .why-choose-us .why-choose-images {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 45px;
        right: 15px;
        margin-left: 0;
        height: 100%;
        display: flex;
        flex-direction: column;
    }
    .why-choose-us .why-choose-img-box-1,
    .why-choose-us .why-choose-img-box-2 {
        flex: 1;
        min-height: 0; 
    }
    .why-choose-us .why-choose-img-1,
    .why-choose-us .why-choose-img-2,
    .why-choose-us .why-choose-img-3,
    .why-choose-us .why-choose-img-4 {
        height: 100%;
    }
    .why-choose-us .why-choose-img-1 figure,
    .why-choose-us .why-choose-img-2 figure,
    .why-choose-us .why-choose-img-3 figure,
    .why-choose-us .why-choose-img-4 figure {
        height: 100%;
    }
    .why-choose-us .why-choose-img-1 img,
    .why-choose-us .why-choose-img-2 img,
    .why-choose-us .why-choose-img-3 img,
    .why-choose-us .why-choose-img-4 img {
        height: 100%;
        aspect-ratio: auto;
    }
}

/************************************/
/***  Responsive                  ***/
/************************************/
@media (max-width: 991px){
	.why-choose-us .why-choose-content{ margin-bottom: 50px; }
	.why-choose-us .why-choose-images{ margin-left: 0; }
}

@media (max-width: 575px){
	.why-choose-us .why-choose-images{ gap: 12px; }
	.why-choose-us .why-choose-img-box-1,
	.why-choose-us .why-choose-img-box-2{ gap: 12px; }

	.why-choose-us .why-choose-item{ gap: 15px; }
	.why-choose-us .why-choose-item .icon-box{ width: 48px; height: 48px; margin-right: 0; }
	.why-choose-us .why-choose-item-content{ width: calc(100% - 63px); }
}