*{
    margin: 0;
    padding: 0;
}

:root{
   color:#da7420 ;
   
   
}

.logo-header{
    display: flex;
    justify-content: space-between;
     gap: 50px;
    align-items: center;
    background-color:#003471;
}

a,a:focus,a:hover{
    text-decoration: none;
    
}
.logo-header h5 .logo-header-link{
    color: #da7420;
}
.logo-header h5 .logo-header-link:focus,
.logo-header h5 .logo-header-link:hover{
    font-size: medium;
}
.logo-header .logo-header-info{
    display: flex;
    gap: 50px;
    align-items: center;
}



.logo-header .logo-header-info .logo-header-call .telephone,
.logo-header .logo-header-info .logo-header-email .email,
.logo-header .logo-header-info .logo-header-location .location{
    display: flex;
    align-items: center;
}


 .logo-header .logo-header-call .telephone a i,
 .logo-header .logo-header-email .email a i,
 .logo-header .logo-header-location .location a i{
    margin-right: 5px;
    background-color: #159ec0;
    width: 28px;
    height: 28px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #ffffff;
    border-radius: 100%;
}
.logo-header .logo-header-call .telephone a i:focus,
 .logo-header .logo-header-email .email a i:focus,
 .logo-header .logo-header-location .location a i:focus,
 .logo-header .logo-header-call .telephone a i:hover,
 .logo-header .logo-header-email .email a i:hover,
 .logo-header .logo-header-location .location a i:hover{
    background-color: #ffffff;
    color: #159ec0;
 }
 header{
    background-image:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
     url('../images/banner.jpg'); /* Replace with your image path */
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background: linear-gradient(45deg,rgba(0, 0, 0, 0.5),);
    height: 700px; /* Set a height for the header */
    color: white;
    border-bottom-left-radius: 15%;
    border-bottom-right-radius:15% ;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 20px; 
  
    
}

 header h1 {
    font-size: 2.5rem; /* Larger font size for the title */
    margin: 0; /* Remove default margin */
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7); /* Add shadow for contrast */
}

header p {
    font-size: 1.2rem; /* Slightly larger font size for paragraphs */
    margin: 5px 0; /* Add vertical margin */
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); /* Add shadow for contrast */
}

header .header-btn{
    background-color: #159ec0;
    color: white;
    font-weight: 500;
    font-size: 17px;
    padding: 10px 10px;
    border-radius: 10px;

}
header .header-btn:focus,
header .header-btn:hover{
    color: #159ec0;
    background-color: white;
}

.social-media-icon{
    display: flex;
    align-items: center;
   gap: 20px;
}

.social-media-icon a i{
    margin-right: 5px;
    background-color: #159ec0;
    width: 28px;
    height: 28px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #ffffff;
    border-radius: 100%;
}
.social-media-icon a i:focus,
.social-media-icon a i:hover{
    background-color: #ffffff;
    color: #159ec0;

}
marquee{
    color:#159ec0 ;
    font-weight: 500;
}

.about-section{
    margin-top: 30px;
}
.about-section h1{
    color: #159ec0;
    border-left: 4px solid #159ec0;
    font-size: 36px;
    margin-bottom: 20px;
  
}




.about-section  .about-content p {
    font-size: 17px;
    line-height: 1.6;
    color: #666;
    text-align: justify;
}

.about-section .about-content strong{
    font-size: 28px;
    color: #159ec0;
    
   
} 
 .container-1 {
	margin: 0 auto;
	max-width: 700px;
	max-height: 100vh;
	background-color: white;
}


/* Useful Classes */
.xy-center {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.transition {
	transition: all 350ms ease-in-out;
}

.r-3-2 {
	width: 100%;
	padding-bottom: 66.667%;
	background-color: #ddd;
}

.image-holder {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

/* Main Styles */
.gallery-wrapper {
	position: relative;
	overflow: hidden;
}

.gallery {
	position: relative;
	white-space: nowrap;
	font-size: 0;
}

.item-wrapper {
	cursor: pointer;
	width: 23%; /* arbitrary value */
	display: inline-block;
	background-color: white;
}

.gallery-item { opacity: 0.5; }
.gallery-item.active { opacity: 1; }

.controls {
	/* font-size: px; */
    display: flex;
	border-top: none;
}
.move-btn {
	display: inline-block;
	width: 50%;
	border: none;
  color:#159ec0;
	/* background-color:#159ec0; */
	padding: 0.2em 1.5em;
}
.move-btn:first-child {border-right: none;}
.move-btn.left  { cursor: w-resize; }
.move-btn.right { cursor: e-resize; }




.gallery-section h1{
    color: #159ec0;
    border-left: 4px solid #159ec0;
    font-size: 36px;
    margin-bottom: 20px;
}


.service-section h1{
    color: #159ec0;
    border-left: 4px solid #159ec0;
    font-size: 36px;
    margin-bottom: 20px;
} 



/* .cards-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
} */
.card {
    border: 1px solid #ddd;
    border-radius: 10px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s;
}
.card:hover {
    transform: scale(1.05);
}
.card h2 {
    color:#666;
    
}
.card  .icon {
    color: #159ec0;
    font-size:50px;
}
.card p {
    margin: 15px 0;
}
.card ul {
    list-style-type: none;
    padding: 0;
}

.card ul li:last-child {
    margin-bottom: 0;
}




.blog-section h1{
    color: #159ec0;
    border-left: 4px solid #159ec0;
    font-size: 36px;
    margin-bottom: 20px;
} 








footer{
    background-color: #003471;
    color: #fff;
    padding: 20px 0;
}


.footer-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    padding: 20px;
}

.footer-section {
    flex: 1;
    margin: 10px;
}

.footer-section h3 {
    margin-bottom: 15px;
}

.footer-section p, .footer-section ul, .footer-section li {
    margin: 0;
    list-style: none;
}

.footer-section a {
    color: #fff;
    text-decoration: none;
}

.footer-section a:hover {
    text-decoration: underline;
}

.footer-section ul {
    padding: 0;
}

.footer-bottom {
    text-align: center;
    padding: 10px 0;
    border-top: 1px solid #444;
}