/* General Reset */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: Arial, sans-serif;
}

body {
  background-color: #f0f8ff; /* Very light blue */
  color: #333;
}

/* Header Styles */
.header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 50px;
  background-color: #e6f7ff; /* Light blue */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.logo img {
  width: 150px;
}

.nav .nav-list {
  list-style: none;
  display: flex;
  gap: 20px;
}

.nav .nav-list li a {
  text-decoration: none;
  color: #333;
  font-size: 16px;
  font-weight: bold;
  padding: 10px 15px;
  transition: color 0.3s ease;
}

.nav .nav-list li a:hover {
  color: #007acc; /* Bright blue for hover effect */
}

/* Hero Section */
.hero-section {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 50px;
  height: 80vh;
  background: url('1background.jpg') no-repeat center center/cover;
  position: relative;
  color: #000; /* Ensure text is legible */
}

.hero-section::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 128, 192, 0.3); /* Faded light blue overlay */
  z-index: 1;
}

.hero-content, .form-container {
  position: relative;
  z-index: 2;
}

.hero-content {
  width: 50%;
}

.hero-content h1 {
  font-size: 36px;
  
  margin-bottom: 20px;
}

.hero-content p {
  font-size: 18px;
  color: #000;
  line-height: 1.5;
}

/* Refined Form Container */
.form-container {
  width: 35%;
  padding: 15px 20px; /* Reduced padding for compact height */
  background-color: rgba(255, 255, 255, 0.95); /* Slightly transparent white */
  border: 1px solid #007acc;
  border-radius: 8px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.form-title {
  font-size: 20px;
  margin-bottom: 10px; /* Reduced margin for compact height */
  color: #007acc;
  text-align: center;
}

.quote-form label {
  display: block;
  margin: 5px 0; /* Compact spacing between labels */
  font-size: 14px;
  font-weight: bold;
}

.quote-form input,
.quote-form select,
.quote-form button {
  width: 100%;
  padding: 8px; /* Reduced padding for compact input fields */
  margin-bottom: 10px; /* Compact spacing between fields */
  border: 1px solid #ccc;
  border-radius: 4px;
}

.quote-form input:focus,
.quote-form select:focus {
  border-color: #007acc;
  outline: none;
  box-shadow: 0 0 3px rgba(0, 122, 204, 0.7);
}

.submit-button {
  background-color: #007acc;
  color: #fff;
  font-weight: bold;
  border: none;
  cursor: pointer;
  padding: 10px; /* Standard padding for button */
  transition: background-color 0.3s ease, transform 0.2s ease;
}

.submit-button:hover {
  background-color: #005f99;
  transform: translateY(-2px);
}


.submit-button {
  background-color: #007acc;
  color: #fff;
  font-weight: bold;
  border: none;
  cursor: pointer;
  transition: background-color 0.3s ease, transform 0.2s ease;
}

.submit-button:hover {
  background-color: #005f99;
  transform: translateY(-2px);
}

/* About Us Section */
.about-us-section {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  height: 80vh;
  background-color: #f0f8ff; /* Soft background for professionalism */
}

.about-us-container {
  display: flex;
  width: 100%;
  max-width: 1200px;
  gap: 90px;
  align-items: flex-start;
  position: relative;
}

/* Image Slider */
.image-slider {
  flex: 1;
  height: 48vh; /* Updated height */
  width: 130vh; /* Updated width */
  max-height: 100%; /* Slider matches text height */
  overflow: hidden;
  border-radius: 8px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  margin-top: 25px; /* Align slider visually below text */
}

.slides {
  display: flex;
  height: 100%;
  animation: slide 15s infinite;
}

.slide {
  width: 100%;
  object-fit: cover;
  flex-shrink: 0;
}

/* Slider Animation */
@keyframes slide {
  0%, 20% {
    transform: translateX(0%);
  }
  25%, 45% {
    transform: translateX(-100%);
  }
  50%, 70% {
    transform: translateX(-200%);
  }
  75%, 95% {
    transform: translateX(-300%);
  }
  100% {
    transform: translateX(-400%);
  }
}

/* About Us Content */
.about-us-content {
  flex: 1;
  color: #333;
  position: relative;
  margin-left: -5%; /* Overlapping the slider */
  z-index: 2;
}

.about-us-content h2 {
  font-size: 32px;
  color: #007acc; /* Professional bright blue */
  margin-bottom: 20px;
}

.about-us-content p {
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 15px;
  color: #333;
}

/* Bootstrap styles */
*,::after,::before {
  box-sizing: border-box;
}
h2, h3 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}
h2 {
  font-size: calc(1.325rem + 0.9vw);
}
@media (min-width: 1200px) {
  h2 {
    font-size: 2rem;
  }
}
h3 {
  font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px) {
  h3 {
    font-size: 1.75rem;
  }
}
p {
  margin-top: 0;
  margin-bottom: 1rem;
}
a {
  color: #0d6efd;
  text-decoration: underline;
}
a:hover {
  color: #0a58ca;
}
img {
  vertical-align: middle;
}
.img-fluid {
  max-width: 100%;
  height: auto;
}
.container, .container-fluid {
  width: 100%;
  padding-right: var(--bs-gutter-x, 0.75rem);
  padding-left: var(--bs-gutter-x, 0.75rem);
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container {
    max-width: 1320px;
  }
}
.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(var(--bs-gutter-y) * -1);
  margin-right: calc(var(--bs-gutter-x) * -0.5);
  margin-left: calc(var(--bs-gutter-x) * -0.5);
}
.row>* {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}
@media (min-width: 768px) {
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
}
.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
}
.shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
.mt-2 {
  margin-top: 0.5rem !important;
}
.mt-3 {
  margin-top: 1rem !important;
}
.p-3 {
  padding: 1rem !important;
}
.text-center {
  text-align: center !important;
}

/* Custom styles */
a {
  text-decoration: none;
}
.products {
  margin-top: 40px;
  margin-bottom: 40px;
}
.shadow {
  border-radius: 50px 20px !important;
}
.products h3 {
  font-size: 20px;
  margin: 4px 0 9px 0;
  color: #4682b4; /* Light blue theme */
  font-weight: bold;
  font-family: system-ui;
}
.products a {
  font-size: 17px;
  padding: 8px;
  background: #4682b4; /* Light blue theme */
  color: white;
  border-radius: 73px 73px !important;
  font-family: 'Satisfy', cursive;
  font-family: system-ui;
}
.card {
  margin-top: 25px !important;
}
.card-data {
  border-radius: 0px 0px 35px 3px;
  border-bottom: 2px solid #4682b4 !important; /* Light blue theme */
}
.geeks {
  width: 100%;
  height: 300px;
  overflow: hidden;
  margin: 0 auto;
  border-radius: 50px 20px !important;
}
.geeks img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 50%; /* Circular images */
  transition: 0.5s all ease-in-out;
}
.geeks:hover img {
  transform: scale(1.5);
}
.singlehead {
  color: #4682b4; /* Light blue theme */
  font-size: 40px;
  font-family: system-ui;
  font-weight: bold;
}
.separator_keep:after {
  position: absolute;
  content: '';
  right: 30px;
  top: 0px;
  width: 80px;
  height: 2px;
  background-color: #4682b4; /* Light blue theme */
}
.separator_keep span {
  position: absolute;
  left: 50%;
  top: -2px;
  width: 10px;
  height: 5px;
  margin-left: -5px;
  display: inline-block;
  background-color: gray;
}
.separator_keep:before {
  position: absolute;
  content: '';
  left: 30px;
  top: 0px;
  width: 80px;
  height: 2px;
  background-color: #4682b4; /* Light blue theme */
}
.separator_keep {
  position: relative;
  width: 40px;
  margin-top: 0px !important;
}
@media only screen and (max-width: 767px) {
  .singlehead {
    font-size: 30px;
  }
}



.col-xs-12{float:left;}
a{background-color:transparent;}
a:active,a:hover{outline:0;}
@media print{
*,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important;}
a,a:visited{text-decoration:underline;}
a[href]:after{content:" (" attr(href) ")";}
}
*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
a{color:#337ab7;text-decoration:none;}
a:focus,a:hover{color:#23527c;text-decoration:underline;}
a:focus{outline:-webkit-focus-ring-color auto 5px;outline-offset:-2px;}
ul{margin-top:0;}
ul{margin-bottom:10px;}
.row{margin-right:-15px;margin-left:-15px;}
.col-md-4,.col-sm-4,.col-xs-12{position:relative;min-height:1px;padding-right:15px;padding-left:15px;}
.col-xs-12{width:100%;}
@media (min-width:768px){
.col-sm-4{float:left;}
.col-sm-4{width:33.33333333%;}
}
@media (min-width:992px){
.col-md-4{float:left;}
.col-md-4{width:33.33333333%;}
}
.nav>li,.nav>li>a{display:block;position:relative;}
.nav{padding-left:0;margin-bottom:0;list-style:none;}
.nav>li>a{padding:10px 15px;}
.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:#eee;}
.nav:after,.nav:before,.row:after,.row:before{display:table;content:" ";}
.nav:after,.row:after{clear:both;}
/*! end @import */
/*! @import https://bangaloreballoondecoration.com/css/style.css */
a:focus,a:hover{color:#858585;}
a:focus{outline:0;}
a,a:focus,a:hover{text-decoration:none;}
a{color:#272727;}
.navbg2{background:none;border:none;border-radius:0;width:100%;height:270px;margin-bottom:20px;overflow-y:scroll;overflow-x:hidden;}
.nav-list li{border-bottom:#d4d4d4 dashed 1px;font-size:16px;color:#353535;}
.nav-list li a{color:#006666;padding-top:4px;padding-bottom:4px;line-height:19px;font-size:0.9em;}
.nav-list li a:hover{color:#000066;}
.nav > li > a:focus{-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;-ms-transition:all 0.3s ease;}
.nav > li > a:focus{background-color:#000;transition:all 0.3s ease;}
/*! end @import */
/*! CSS Used from: Embedded */
a{color:#000000;}
a:hover{color:#000;}

.why-choose-us-section {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 50px;
  height: 50vh;
  background-color: #f0f8ff; /* Very light blue background */
}

.why-choose-us-container {
  text-align: center;
  width: 100%;
  max-width: 1200px;
}

.why-choose-us-container h2 {
  font-size: 36px;
  color: #007acc;
  margin-bottom: 20px;
}

.reasons {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}

.reason {
  flex: 1;
  position: relative;
  padding: 20px;
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease;
}

.reason:hover {
  transform: translateY(-5px);
}

.reason i {
  font-size: 40px;
  color: #007acc;
  margin-bottom: 10px;
  display: inline-block;
}

.reason h3 {
  font-size: 20px;
  color: #333;
  margin-bottom: 10px;
}

.reason p {
  font-size: 14px;
  color: #555;
  line-height: 1.6;
}

/* Decoration Styles */
.decoration {
  position: absolute;
  top: -10px;
  left: 0;
  right: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.left-wall, .right-wall {
  width: 15%;
  height: 10px;
  background-color: #007acc;
  border-radius: 5px;
}

.arch {
  width: 60%;
  height: 15px;
  background: linear-gradient(to right, #007acc, #80d0ff);
  border-radius: 0 0 15px 15px;
}


a{background-color:transparent;}
a:active,a:hover{outline:0;}
@media print{
*,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important;}
a,a:visited{text-decoration:underline;}
a[href]:after{content:" (" attr(href) ")";}
a[href^="#"]:after{content:"";}
p{orphans:3;widows:3;}
}
*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
a{color:#3e80ba;text-decoration:none;}
a:focus,a:hover{color:#23527c;text-decoration:underline;}
a:focus{outline:-webkit-focus-ring-color auto 5px;outline-offset:-2px;}
h4{font-family:inherit;font-weight:500;line-height:1.1;color:inherit;}
h4{margin-top:10px;margin-bottom:10px;}
h4{font-size:18px;}
p{margin:0 0 10px;}
.text-justify{text-align:justify;}
ul{margin-top:0;}
ul{margin-bottom:10px;}
@media (min-width:768px){
.container{width:750px;}
}
.container{margin-right:auto;margin-left:auto;}
.container{padding-right:15px;padding-left:15px;}
@media (min-width:992px){
.container{width:970px;}
}
@media (min-width:1200px){
.container{width:1170px;}
}
.row{margin-right:-15px;margin-left:-15px;}
.col-lg-3,.col-lg-6,.col-md-3,.col-md-6,.col-sm-12{position:relative;min-height:1px;padding-right:15px;padding-left:15px;}
@media (min-width:768px){
.col-sm-12{float:left;}
.col-sm-12{width:100%;}
}
@media (min-width:992px){
.col-md-3,.col-md-6{float:left;}
.col-md-6{width:50%;}
.col-md-3{width:25%;}
}
@media (min-width:1200px){
.col-lg-3,.col-lg-6{float:left;}
.col-lg-6{width:50%;}
.col-lg-3{width:25%;}
}
.container:after,.container:before,.row:after,.row:before{display:table;content:" ";}
.container:after,.row:after{clear:both;}
/*! end @import */

.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.fa-home:before{content:"\f015";}
.fa-phone:before{content:"\f095";}
.fa-twitter:before{content:"\f099";}
.fa-facebook:before{content:"\f09a";}
.fa-envelope:before{content:"\f0e0";}
.fa-linkedin:before{content:"\f0e1";}
.fa-youtube:before{content:"\f167";}
.fa-whatsapp:before{content:"\f232";}


a:focus,a:hover{color:#858585;}
a:focus{outline:0;}
a,a:focus,a:hover{text-decoration:none;}
a{color:#272727;}
h4{font-family:"Work Sans";font-weight:400;line-height:1.1;color:#202020;}
.ed_toppadder60{padding-top:60px;}
.ed_bottompadder30{padding-bottom:30px;}
.text-widget h4.widget-title:after,.text-widget h4.widget-title:before{content:"";left:0;}
.ed_sociallink ul li a,.ed_sociallink ul li a:hover{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;}
.ed_footer_wrapper{float:left;width:100%;background-color:#a2d2ff;}
.ed_footer_top{float:left;width:100%;}
.ed_sociallink ul{float:left;width:100%;margin:0;padding:0;}
.ed_sociallink ul li{list-style:none;float:left;margin-top:20px;}
.ed_sociallink ul li a{color:#fff;margin:0 10px;font-size:18px;transition:all 0.3s;}
.ed_sociallink ul li:first-child a{margin-left:0;}
.ed_sociallink ul li a:hover{color:#000;transition:all 0.3s;}
.ed_sociallink ul li a i,.ed_sociallink ul li a i:hover,.text-widget p a{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;}
.ed_sociallink ul li a i,.ed_sociallink ul li a i:hover{transition:all 0.3s;}
.text-widget h4.widget-title{color:#ef233c;font-size:22px;text-transform:capitalize;position:relative;margin-bottom:30px;margin-top:0;font-weight:400;padding-bottom:15px;}
.text-widget h4.widget-title:after{position:absolute;top:100%;width:50px;height:0;border-bottom:1px solid #fff;}
.text-widget h4.widget-title:before{position:absolute;top:90%;width:80px;height:1px;background-color:#fff;}
.text-widget p{float:left;width:100%;color:#000;margin:0;}
.text-widget p i{float:left;padding:5px 15px 35px 0;font-size:16px;color:#fff;}
.text-widget p a{color:#fff;text-decoration:none;word-break:break-word;transition:all 0.3s;}
.text-widget p a:hover{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;}
.text-widget p a:hover{color:#000;transition:all 0.3s;}
.widget.text-widget{float:left;width:100%;margin-bottom:30px;}
.ed_footer_menu ul li a{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;}
.ed_footer_menu{float:left;width:100%;}
.ed_footer_menu ul{margin:0;padding:0;float:left;width:100%;}
.ed_footer_menu ul li{float:left;width:100%;list-style:none;margin:5px 0;}
.ed_footer_menu ul li:first-child{margin-top:0;}
.ed_footer_menu ul li:last-child{margin-bottom:0;}
.ed_footer_menu ul li a{font-size:16px;color:#000;text-decoration:none;text-transform:capitalize;transition:all 0.3s;}
.ed_footer_menu ul li a:hover{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;}
.ed_footer_menu ul li a:hover{color:#000;transition:all 0.3s;}
.widget-title{text-transform:capitalize;}
.widget-title{width:100%;margin-bottom:20px;margin-top:0;position:relative;font-size:24px;padding-bottom:10px;}
.widget-title:after{content:"";position:absolute;bottom:0;left:0;width:70px;background-color:#000;height:2px;}
@media (min-width: 768px) and (max-width: 991px){
.ed_footer_menu ul{float:none;display:inline-block;}
.text-widget h4.widget-title{margin-top:20px;margin-bottom:30px;}
.text-widget p{margin-bottom:20px;float:left;width:100%;}
.text-widget p i{padding:4px 15px 10px 0;}
}
@media (max-width: 767px){
.ed_footer_menu ul{float:none;display:inline-block;}
}

/*! CSS Used from: Embedded */
a{color:#000000;}
a:hover{color:#000;}
/*! CSS Used fontfaces */
@font-face{font-family:'Work Sans';font-style:normal;font-weight:400;src:local('Work Sans'), local('WorkSans-Regular'), url(https://fonts.gstatic.com/s/worksans/v3/QGYsz_wNahGAdqQ43Rh_cqDpp_k.woff2) format('woff2');unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Work Sans';font-style:normal;font-weight:400;src:local('Work Sans'), local('WorkSans-Regular'), url(https://fonts.gstatic.com/s/worksans/v3/QGYsz_wNahGAdqQ43Rh_fKDp.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Work Sans';font-style:normal;font-weight:500;src:local('Work Sans Medium'), local('WorkSans-Medium'), url(https://fonts.gstatic.com/s/worksans/v3/QGYpz_wNahGAdqQ43Rh3j4P8lthN2fk.woff2) format('woff2');unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Work Sans';font-style:normal;font-weight:500;src:local('Work Sans Medium'), local('WorkSans-Medium'), url(https://fonts.gstatic.com/s/worksans/v3/QGYpz_wNahGAdqQ43Rh3j4P8mNhN.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Work Sans';font-style:normal;font-weight:600;src:local('Work Sans SemiBold'), local('WorkSans-SemiBold'), url(https://fonts.gstatic.com/s/worksans/v3/QGYpz_wNahGAdqQ43Rh3o4T8lthN2fk.woff2) format('woff2');unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Work Sans';font-style:normal;font-weight:600;src:local('Work Sans SemiBold'), local('WorkSans-SemiBold'), url(https://fonts.gstatic.com/s/worksans/v3/QGYpz_wNahGAdqQ43Rh3o4T8mNhN.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Work Sans';font-style:normal;font-weight:700;src:local('Work Sans Bold'), local('WorkSans-Bold'), url(https://fonts.gstatic.com/s/worksans/v3/QGYpz_wNahGAdqQ43Rh3x4X8lthN2fk.woff2) format('woff2');unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Work Sans';font-style:normal;font-weight:700;src:local('Work Sans Bold'), local('WorkSans-Bold'), url(https://fonts.gstatic.com/s/worksans/v3/QGYpz_wNahGAdqQ43Rh3x4X8mNhN.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}












/* General Mobile Adjustments */
@media screen and (max-width: 768px) {
  body {
    margin: 0;
    padding: 0;
    overflow-x: hidden; /* Prevent horizontal scrolling */
  }

  .header {
    flex-direction: column;
    padding: 10px 20px;
  }

  .logo img {
    width: 120px;
  }

  .nav .nav-list {
    flex-direction: column;
    gap: 10px;
  }

  .hero-section {
    flex-direction: column;
    text-align: center;
    padding: 20px;
    height: auto;
  }

  .hero-content, .form-container {
    width: 100%;
    margin: 10px 0;
  }

  .form-container {
    width: 90%; /* Reduce form width */
    margin: 10px auto; /* Center the form */
    background: rgba(255, 255, 255, 0.9); /* Make the form slightly transparent */
    padding: 15px;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  }

  .form-container h2 {
    font-size: 1.5rem;
  }

  .form-container input,
  .form-container select,
  .form-container button {
    width: 100%; /* Full width inputs */
    margin-bottom: 10px;
    padding: 10px;
    font-size: 1rem;
  }

  .background-image {
    height: auto; /* Ensure the background image adjusts */
    width: 100%;
    object-fit: cover;
  }

  .about-us-section {
    flex-direction: column;
    padding: 20px;
    height: auto;
  }

  .about-us-container {
    flex-direction: column;
    gap: 20px;
  }

  .image-slider {
    width: 100%;
    height: auto;
  }

  .about-us-content {
    margin-left: 0;
    text-align: center;
  }

  .why-choose-us-section {
    padding: 20px;
    height: auto;
  }

  .reasons {
    flex-direction: column;
    gap: 20px;
  }

  .reason {
    width: 100%;
  }

  /* Adjust cards or sections */
  .card-section {
    display: flex;
    flex-direction: column; /* Stack cards vertically */
    align-items: center;
  }

  .card {
    margin: 10px 0; /* Add spacing between cards */
    width: 90%; /* Reduce card width */
  }

  /* Ensure text doesn't overlap */
  .text-section {
    padding: 15px;
    font-size: 1rem;
  }
}