.card1 {
  border: 2px solid skyblue;
  border-radius: 10px;
  padding: 20px;
  width:100%;
  height:260px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}

.card-body {
  padding: 15px;
}

/* Card title style */
.card-title {
  font-size: 20px;
  font-weight: bold;
  color: #333;
}

/* Adjust for mobile, tablet, and desktop views */

/* Mobile view */
@media (max-width: 575.98px) {
  .col-6 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .card1 {
    margin-bottom: 20px;
  }
}

/* Tablet view (sm) */
@media (min-width: 576px) and (max-width: 767.98px) {
  .col-sm-3 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

/* Medium screens (md) */
@media (min-width: 768px) and (max-width: 991.98px) {
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;

  }
  .card1{
    height:100% !important;
  }
}

/* Large screens (lg) */
@media (min-width: 992px) {
  .col-lg-2 {
    flex: 0 0 20%;
    max-width: 40%;
  }
}

/*******************************/
/*******main_slider_area1*******/
/*******************************/




/* Basic card styling for the images */
.icon-image1 {
   
    
}

/* Image responsiveness */
.icon-image1 img {
    max-width: 100%;
    height: auto;
    border-radius: 50%;
}

/* Add some spacing around the icon-image */
.icon-image1 h5 {
    margin-top: 15px;
    font-size: 1.2rem;
    font-weight: bold;
    color: #fff;
}

/* Responsive adjustments */

/* Ensure that on mobile, the cards stay in a horizontal line */
@media (max-width: 575.98px) {
    .row {
        flex-wrap: nowrap !important; /* Prevent wrapping on mobile */
        overflow-x: auto; /* Allow horizontal scrolling if necessary */
    }

    .col-6 {
      display:inline-block;
        flex: 0 0 50%;
        max-width: 20%; /* Ensure they are 50% width */
    }
}

/* Tablet view (sm) */
@media (min-width: 576px) and (max-width: 767.98px) {
    .col-sm-3 {
      display:inline-block;
/*        flex: 0 0 25%;*/
        max-width: 20%; /* Ensure 4 items per row */
    }
}

/* Medium screens (md) */
@media (min-width: 768px) and (max-width: 991.98px) {
    .col-md-3 {
      display:inline-block;
/*        flex: 0 0 25%;*/
        max-width: 20%; /* Ensure 4 items per row */
    }
}

/* Large screens (lg) */
@media (min-width: 992px) {
    .col-lg-2 {
      display:inline-block;
/*        flex: 0 0 20%;*/
        max-width: 20%; /* Ensure 5 items per row */
    }
}

/* Hover effect for cards */
.icon-image1:hover {
    transform: translateY(-10px);
    box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.2);
}


.inquiry-form1 {
                text-align: center;
                font-size: 25px;
                padding: 1px 1px 10px;
                font-weight: bold;
                color: #223067;
            }

            .inquiry-form {
                margin-top: 35px;
                padding: 0px 25px 0px;
            }
            .card {
                border-radius: 8px;
                border: 1px solid #ddd;
                box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            }

            .card-body {
                border-radius: 7px;
                padding: 2rem;
                background: #fff;
            }

            .card-body h3 {
                font-size: 35px;
                padding: 1px 1px 10px;
                font-weight: bold;
                color: #223067;
            }

            .form-label {
                font-size: 1rem;
                font-weight: 500;
                color: #223067;
            }

            input[type="tel"],
            input[type="text"],
            input[type="email"],
            .form-select {
                width: 100%;
            }

            .btn-primary {
                background-color: #007bff;
                border: none;
                padding: 0.75rem 1.5rem;
                font-size: 1.25rem;
                border-radius: 0.375rem;
                display: block;
            }

            .d-grid {
                display: flex;
                justify-content: center;
                align-items: center;
            }

            .btn-primary:hover {
                background-color: #0056b3;
            }

            .card-body input {
                margin-bottom: 1rem;
            }

/* Footer Area css
============================================================================================ */
.footer_area {
  background: url(../img/footer-bg.jpg) no-repeat scroll center center;
  background-size: cover;
  padding: 88px 0px 56px 0px;
}

.f_title {
  padding-bottom: 32px;
}

.f_title h3 {
  font-size: 18px;
  color: #fff;
  font-family: "Roboto", sans-serif;
  font-weight: normal;
}

@media (max-width: 991px) {
  .footer_widget_area {
    margin-bottom: -40px;
    overflow: hidden;
  }
}

@media (max-width: 991px) {
  .footer_widget_area .col-xs-6 {
    margin-bottom: 40px;
  }
}

@media (max-width: 500px) {
  .footer_widget_area .col-xs-6 {
    width: 100%;
  }
}

@media (max-width: 500px) {
  .footer_widget_area .f_widget {
    max-width: 250px;
    margin: auto;
  }
}

.about_widget img {
  max-width: 100%;
}

.about_widget p {
  font-size: 15px;
  font-family: "Roboto", sans-serif;
  line-height: 26px;
  color: rgba(255, 255, 255, 0.7);
  padding: 25px 0px 20px 0px;
}

.about_widget ul li {
  display: inline-block;
  margin-right: 5px;
}

.about_widget ul li a {
  font-size: 14px;
  color: #fff;
  height: 46px;
  width: 46px;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  line-height: 45px;
  background: #213258;
  -webkit-transition: all 300ms linear 0s;
  -o-transition: all 300ms linear 0s;
  transition: all 300ms linear 0s;
}

.about_widget ul li:hover a {
  background: #4267b2;
}

.about_widget ul li:nth-child(2):hover a {
  background: #1da1f2;
}

.about_widget ul li:nth-child(3):hover a {
  background: #0077B5;
}

.about_widget ul li:last-child {
  margin-right: 0px;
}

.about_widget ul li:last-child:hover a {
  background: #bd081c;
}

.link_widget ul li a {
  font-size: 14px;
  text-transform: uppercase;
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  color: rgba(255, 255, 255, 0.7);
  line-height: 30px;
  -webkit-transition: all 300ms linear 0s;
  -o-transition: all 300ms linear 0s;
  transition: all 300ms linear 0s;
}

.link_widget ul li:hover a {
  color: #fff;
}

.service_widget ul li a {
  font-size: 14px;
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  color: rgba(255, 255, 255, 0.7);
  line-height: 30px;
  -webkit-transition: all 300ms linear 0s;
  -o-transition: all 300ms linear 0s;
  transition: all 300ms linear 0s;
}

.service_widget ul li:hover a {
  color: #fff;
}

.info_widget .contact_details p {
  font-size: 15px;
  font-family: "Roboto", sans-serif;
  line-height: 26px;
  color: rgba(255, 255, 255, 0.7);
}

.info_widget .contact_details p a {
  font-size: 15px;
  font-family: "Roboto", sans-serif;
  line-height: 26px;
  color: rgba(255, 255, 255, 0.7);
  padding-left: 5px;
  -webkit-transition: all 300ms linear 0s;
  -o-transition: all 300ms linear 0s;
  transition: all 300ms linear 0s;
}

.info_widget .contact_details p a:hover {
  color: #fff;
}

.info_widget .contact_details p:first-child {
  padding-bottom: 15px;
}

.info_widget .contact_details p:last-child {
  padding-top: 15px;
}

.footer_copy_right {
  text-align: center;
  padding-top: 85px;
}

.footer_copy_right h4 {
  font-size: 13px;
  font-family: "Roboto", sans-serif;
  color: rgba(255, 255, 255, 0.7);
  font-weight: normal;
}

.subscribe_form {
  background: #2761d8;
  padding: 30px 0px;
}

.subscribe_form h4 {
  color: #fff;
  font-size: 24px;
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  padding-top: 12px;
}

.subscribe_form .form-control {
  background: #ffffff;
  color: #2a61d6;
  border-color: #ffffff;
  width: 300px;
  height: 50px;
  border-radius: 3px;
}

.subscribe_form .form-control::-webkit-input-placeholder {
  color: #9cb0da;
}

.subscribe_form .form-control::-moz-placeholder {
  color: #9cb0da;
}

@media (max-width: 767px) {
  .subscribe_form .form-control {
    width: 100%;
  }
}

.subscribe_form .btn {
  height: 50px;
  padding: 5px 35px;
  font-size: 15px;
  background: #ffffff;
  color: #2a61d6;
  border: 1px solid #ffffff;
  margin-left: 5px;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.subscribe_form .btn .fa {
  margin-left: 5px;
}

.subscribe_form .btn:hover {
  background: #2a61d6;
  color: #FFF;
}

.subscribe_form .form_error {
  -webkit-animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000px;
  perspective: 1000px;
}

@media (max-width: 1200px) {
  .subscribe_form {
    text-align: center;
  }
  .subscribe_form form {
    margin-top: 20px;
  }
}

@-webkit-keyframes shake {
  10%,
  90% {
    -webkit-transform: translate3d(-1px, 0, 0);
    transform: translate3d(-1px, 0, 0);
  }
  20%,
  80% {
    -webkit-transform: translate3d(2px, 0, 0);
    transform: translate3d(2px, 0, 0);
  }
  30%,
  50%,
  70% {
    -webkit-transform: translate3d(-4px, 0, 0);
    transform: translate3d(-4px, 0, 0);
  }
  40%,
  60% {
    -webkit-transform: translate3d(4px, 0, 0);
    transform: translate3d(4px, 0, 0);
  }
}

@keyframes shake {
  10%,
  90% {
    -webkit-transform: translate3d(-1px, 0, 0);
    transform: translate3d(-1px, 0, 0);
  }
  20%,
  80% {
    -webkit-transform: translate3d(2px, 0, 0);
    transform: translate3d(2px, 0, 0);
  }
  30%,
  50%,
  70% {
    -webkit-transform: translate3d(-4px, 0, 0);
    transform: translate3d(-4px, 0, 0);
  }
  40%,
  60% {
    -webkit-transform: translate3d(4px, 0, 0);
    transform: translate3d(4px, 0, 0);
  }
}

/* End Footer Area css
============================================================================================ */
/*---------------------------------------------------- */