/* header */
.header-anchor {
color: #ffffff;
}
.header-anchor:hover{
color: #ffffff;
}
/* footer */
.footer-anchor{
color: #ffffff;
font-size: 16px !important;
}
.footer-anchor:hover{
color: #ffffff;
}
.footer a{
color:#9ba2ad;
font-size: 17px;
}
.footer a :hover{
opacity: 0.5;
}
/*Whatsapp CTA starts*/
.whatsapp-float {
position: fixed;
bottom: 115px;
right: 37px;
z-index: 9999;
background-color: transparent;
border-radius: 50%;
box-shadow: 0 2px 5px rgba(0,0,0,0.3);
transition: transform 0.3s;
}
.whatsapp-float:hover {
transform: scale(1.1);
}
.whatsapp-float img {
width: 40px;
height: 40px;
}
@media (max-width: 1024px) {
.whatsapp-float {
bottom: 70px;
right: 15px;
}
.whatsapp-float img {
width: 50px;
height: 50px;
}
}
/*Whatsapp CTA ends*/
/*common*/
.text-justify{
text-align: justify;
}
.text-center{
text-align: center;
color: #1F2747 !important;
}
.text{
text-align: center !important;
}
/* Our Expertise */
.list{
margin-top: 30px;
color: #FF7700;
margin-right: 15px;
}
.tab-btn {
border: 1px solid #FF7700;
background: transparent;
color: #FF7700;
padding: 8px 20px;
margin: 10px 8px;
border-radius: 5px;
transition: 0.3s ease;
}
.tab-btn:hover,
.tab-btn.active {
background-color: #FF7700;
color: #fff;
}
.tab-content ul {
list-style: none;
padding-left: 0;
}
.tab-content ul li {
margin-bottom: 10px;
font-size: 16px;
line-height: 1.6;
}
.tab-content ul li i {
color: #FF7700;
margin-right: 8px;
}
/* why choose us*/
.col {
color: #ffffff;
} 
/* services*/            
.single{
background: #fff;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
padding: 20px;
margin-bottom: 20px;
}
.border{
border-radius: 10px;
}
/* === Theme Colors === */
:root {
--theme-dark: #101e24;
--theme-red: #ff7700;
}
/* === Breadcrumb Section === */
.ltn__breadcrumb-dark {
background-color: var(--theme-dark);
padding: 100px 0;
}
.ltn__breadcrumb-list {
list-style: none;
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
padding: 0;
margin: 10px 0 0;
}
.ltn__breadcrumb-list li,
.ltn__breadcrumb-list a {
color: #fff;
text-decoration: none;
font-size: 16px;
}
.ltn__breadcrumb-list i {
color: var(--theme-red);
font-size: 12px;
}
/* === Error Page Section === */
.section-padding {
padding: 80px 0;
}
.error-content-wrap {
background: #fff;
border-radius: 12px;
padding: 50px 30px;
}
.error-image img {
max-width: 350px;
width: 100%;
height: auto;
}
.error-text h2 {
font-size: 32px;
font-weight: 700;
color: var(--theme-dark);
margin-bottom: 10px;
}
.error-text h2 span {
color: var(--theme-red);
}
.error-text p {
color: #555;
font-size: 16px;
}
/* === Button === */
.theme-btn-1 {
background-color: var(--theme-red);
color: #fff;
padding: 12px 30px;
border-radius: 8px;
border: none;
font-weight: 600;
text-transform: uppercase;
transition: all 0.3s ease;
}
.theme-btn-1:hover {
background-color: var(--theme-dark);
color: #fff;
}
/* === Responsive === */
@media (max-width: 767px) {
.error-text h2 {
font-size: 26px;
}
.error-content-wrap {
padding: 30px 20px;
}
}
.under{
text-decoration: none;
}
/* === h6 color === */
h6.custom-heading,
h6.custom-heading.text,     
.custom-heading.h6 {       
background: #1f2747 !important;      
background-color: #1f2747 !important;
background-image: none !important; 
color: #ffffff !important;
padding: 12px 20px !important;
border-radius: 8px !important;
font-size: 13px !important;
font-weight: 600 !important;
text-align: center !important;
display: inline-block !important;
margin: 0 auto !important;
width: fit-content !important;
opacity: 1 !important;               
filter: none !important;              
mix-blend-mode: normal !important;   
-webkit-text-fill-color: #fff !important; 
box-shadow: none !important;         
background-clip: padding-box !important;
border: 0 !important;               
}
h6.custom-heading::before,
h6.custom-heading::after,
h6.custom-heading.text::before,
h6.custom-heading.text::after {
content: none !important;
display: none !important;
background: transparent !important;
box-shadow: none !important;
}
h6.custom-heading > * { background: transparent !important; }
/* === overlay-banner === */
#home-1 .overlay-5 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
background: linear-gradient(
rgba(31, 39, 71, 0.85),
rgba(31, 39, 71, 0.25)
);
z-index: 1;
}
#home-1 .single-slide-item {
position: relative;
}
#home-1 .hero-area-content,
#home-1 .hero-area-content h1,
#home-1 .hero-area-content p,
#home-1 .hero-area-content a {
position: relative;
z-index: 5; /* Higher than overlay */
}
.image-wrapper {
position: relative;
border-radius: 10px;
overflow: hidden;
}
.image-wrapper::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #1f2747;
opacity: 0;
transition: opacity 0.3s ease;
}
.image-wrapper:hover::after {
opacity: 0.3;
}
.contact-title {
font-weight: 600;
font-size: 25px;
color: #1f2747; /* dark blue */
}
.contact-text {
color: black;
font-size: 19px;
margin-bottom: 10px;
}
.contact-text a {
color: black;
text-decoration: none;
font-size: 19px;
}
.contact-icon {
color: #1f2747; /* icon color same as title */
margin-right: 8px;
}
.social-area a i {
font-size: 18px;
color: #1f2747;
margin-right: 0px;
}
.social-area a:hover i {
color: #1f2747; /* optional hover color for icons */
}
.contact-icon {
width: 50px;
height: 50px;
background: none !important;
border-radius: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
}
.color{
color: #ffffff;  
}
.contact-social-icons a {
display: inline-flex;
align-items: center;
justify-content: center;
width: 38px;
height: 38px;
background-color: #1f2747;
color: #FF7700 !important;
border-radius: 50%;
margin-right: 1px !important; 
font-size: 18px;
transition: 0.3s ease;
text-decoration: none;
}
.contact-social-icons a i {
color: #FF7700 !important;
transition: 0.3s ease;
}
.contact-social-icons a:hover {
background-color: #FF7700;
color: #1f2747 !important;
}
.contact-social-icons a:hover i {
color: #1f2747 !important;
}
.promo-img-wrap {
position: relative;
display: inline-block;
width: 100%;
overflow: hidden;
}
.promo-img-wrap img {
display: block;
width: 100%;
height: auto;
}
.promo-img-wrap::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #1f2747;
opacity: 0;
transition: opacity 0.3s ease-in-out;
pointer-events: none;
}
.promo-img-wrap:hover::after {
opacity: 0.4;
}
.experience-img-wrapper {
position: relative;
display: inline-block;
}
.experience-badge {
position: absolute;
bottom: 0;
right: 0;
background-color: #FF7700;
color: #ffffff;
padding: 25px 30px;
text-align: center;
}
.experience-badge h2 {
font-size: 40px;
margin: 0;
font-weight: 700;
}
.experience-badge p {
margin: 5px 0 0;
font-size: 16px;
}
/* Breadcrumb text color white */
.breadcrumb-area .breadcrumb-item,
.breadcrumb-area .breadcrumb-item a {
color: #ffffff !important;
}
/* Active breadcrumb (About Us) */
.breadcrumb-area .breadcrumb-item.active {
color: #ffffff !important;
}
/* Optional: remove underline and keep white on hover */
.breadcrumb-area .breadcrumb-item a:hover {
color: #ffffff !important;
text-decoration: none;
}
.size{
font-size: 16px !important;
}
.bg-range{
background-color: #FF7700 !important;
}
.modal-content {
width: 109% !important ;
}
.contact-section {
min-height: 405px;
}
.map-wrap,
.map-wrap iframe {
height: 100%;
min-height: 500px;
}
.contact-form-wrap {
min-height: 500px;
}
.gray-bg,
.form-control.gray-bg {
background-color: #f2f2f2 !important;
border: 1px solid #dcdcdc;
color: #333;
}
.gray-bg::placeholder {
color: #888;
}
.gray-bg:focus {
background-color: #f2f2f2 !important;
border-color: #b5b5b5;
box-shadow: none;
}
/* Gallery image container */
.promo-img-wrap {
width: 100%;
aspect-ratio: 4 / 3;   /* 👈 SAME SHAPE FOR ALL */
overflow: hidden;
border-radius: 8px;
background: #f5f5f5;
}
.promo-img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
@media (max-width: 992px) {
.promo-img-wrap {
height: 260px;
}
}
@media (max-width: 576px) {
.promo-img-wrap {
height: 197px;
}
}
.contact-card {
background: #ffffff;
padding: 40px 20px;
border-radius: 6px;
border: 1px solid #eee;
height: 100%;
transition: all 0.3s ease;
}
.contact-card:hover {
box-shadow: 0 10px 30px rgba(0,0,0,0.08);
transform: translateY(-5px);
}
.icon-circle {
width: 70px;
height: 70px;
margin: 0 auto 20px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.icon-circle i {
font-size: 24px;
color: #fff;
}
.icon-circle.orange {
background: #ff7a00;
}
.icon-circle.dark {
background: #111;
}
.contact-text {
font-size: 16px;
color: #666;
line-height: 1.6;
}
.contact-text a {
color: #666;
text-decoration: none;
}
.contact-text a:hover {
color: #ff7a00;
}
/* Contact text alignment & color */
.contact-left .contact-text {
display: flex;
align-items: flex-start;
gap: -1px;                
margin-bottom: 10px;      
color: #1f2747;
line-height: 1.5;
font-size: 18px;
}
/* Icons */
.contact-left .contact-icon {
color: #1f2747;
font-size: 18px;
margin-top: 4px;
margin-right: -11px;          
}
.contact-left .contact-text {
margin: 4px 0;
line-height: 1.3;
}
.contact-left .contact-icons {
color: #1f2747;
font-size: 18px;
margin-top: 1px;         
}
/* Links inside contact text */
.contact-left .contact-text a {
color: #1f2747;
text-decoration: none;
}
/* Mobile fine-tuning */
@media (max-width: 768px) {
.contact-left .contact-text {
font-size: 14px;
gap: 8px;
margin-bottom: 8px;
}
}
/* Force footer social icons to white on hover */
.footer-area .social-area a:hover i,
.footer-area .social-area a:focus i,
.footer-area .social-area a:active i {
color: #ffffff !important;
opacity: 1 !important;
}
/* Hide "Showing x to y of z results" text */
/* Hide Laravel pagination result text: "Showing x to y of z results" */
.small.text-muted,
.text-muted.mt-2,
.text-muted.mb-0 {
display: none !important;
}
/* Right align pagination */
.pagination {
justify-content: flex-end !important;
gap: 6px;
}
/* Pagination button size */
.page-item .page-link {
padding: 6px 10px;
font-size: 15px;
border-radius: 6px;
border: none;
background-color: #f1f1f1;   /* light grey */
color: #000000;                /* dark grey text */
transition: all 0.3s ease;
min-width: 32px;
height: 32px;
}
/* Active page */
.page-item.active .page-link {
background-color: #625b5b !important;  /* dark grey */
color: #ffffff !important;
}
/* Hover */
.page-item .page-link:hover {
background-color: #d6d6d6;  /* medium grey */
color: #222;
}
.page-item:first-child .page-link {
display: inline-flex;
background: #d6d6d6;
border-color: #d6d6d6;
border-radius: 0;
}
/* Disabled arrows */
.page-item.disabled .page-link {
background-color: #e6e6e6;
color: #999;
}
/* Mobile fine-tuning */
@media (max-width: 576px) {
.pagination {
justify-content: center !important;
}
.page-item .page-link {
padding: 5px 8px;
font-size: 13px;
}
}
/* Fix pagination layout on mobile */
@media (max-width: 576px) {
.pagination {
flex-wrap: nowrap !important;
justify-content: center !important;
gap: 6px;
}
.page-item .page-link {
white-space: nowrap;
height: 32px;
line-height: 20px;
padding: 5px 8px;
font-size: 13px;
}
.page-item:first-child .page-link,
.page-item:last-child .page-link {
font-size: 15px; /* clean arrow size on mobile */
}
}
/* Pagination arrow icons: black & slightly bigger */
.page-item:first-child .page-link,
.page-item:last-child .page-link {
color: #000000;     /* black */
font-size: 16px;    /* slightly bigger */
font-weight: 500;
}
@media (max-width: 576px) {
.pagination {
flex-wrap: nowrap !important;
justify-content: center !important;
}
}
/* Center gallery images on mobile view */
@media (max-width: 768px) {
#gallery .row.gy-4 > div {
display: flex;
justify-content: center;
}
#gallery .single-project-wrapper {
width: 100%;
max-width: 360px;   /* keeps image nicely centered */
}
#gallery img {
width: 100%;
display: block;
}
}
/* Mobile contact section fixes */
@media (max-width: 768px) {
/* Reduce section padding */
.contact-section {
padding-bottom: 24px !important;
}
/* Contact text (address, phone, email) */
.contact-left .contact-text {
font-size: 15px;
line-height: 1.6;
margin-bottom: 8px;
padding: 0;
display: flex;
align-items: flex-start;
gap: 10px;
}
}
/* ===== About page mobile spacing fix ===== */
@media (max-width: 768px) {
/* Reduce top & bottom padding of About section */
.about-section {
padding-bottom: 60px !important;
}
/* Reduce large gap after breadcrumb */
.breadcrumb-area {
padding-bottom: 30px !important;
}
/* About content spacing */
.about-content-wrap {
margin-bottom: 30px;
}
/* Fix overlapping images on mobile */
.about-img-wrap {
margin-top: 20px;
display: flex;
flex-direction: column;
gap: 16px;
}
.about-img-wrap .image-one,
.about-img-wrap .image-two {
position: static !important;
width: 100%;
}
/* Why choose section spacing */
.team-section {
padding-top: 40px;
padding-bottom: 40px;
}
/* Reduce text size slightly for mobile */
.about-section h2,
.team-section h2 {
font-size: 22px;
line-height: 1.3;
}
.about-section p,
.team-section p,
.team-section li {
font-size: 14px;
line-height: 1.6;
}
}
/* ===== Breadcrumb mobile height fix ===== */
@media (max-width: 768px) {
/* Reduce overall breadcrumb height */
.breadcrumb-area {
min-height: auto !important;
padding-top: 40px !important;
padding-bottom: 40px !important;
}
/* Reduce overlay height effect */
.breadcrumb-area .overlay-5 {
padding-bottom: 0 !important;
}
/* Tighten title spacing */
.breadcrumb-title h1 {
font-size: 22px;
line-height: 1.3;
margin-bottom: 10px;
}
/* Reduce breadcrumb spacing */
.breadcrumb {
margin-top: 8px !important;
margin-bottom: 0 !important;
}
/* Remove extra gap below breadcrumb section */
.breadcrumb-area + section,
.breadcrumb-area + div {
margin-top: 0 !important;
}
}
.testimonial-img {
    width: 1140px;
    height: 1050px;
    object-fit: cover;
    border-radius: 50%;
}

/* Optional: responsive fix */
@media (max-width: 768px) {
    .testimonial-img {
        width: 120px;
        height: 120px;
    }
}