/* @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
body{
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
} */

/* .nav-link[aria-current="page"]{
  text-decoration: underline #27D0B1 0.15rem;
  text-underline-offset:0.5rem ;
} */
/* .carousel{
  margin-top: 80px;
} */
/*-----------------------------------corousel caption---------------------------------------*/

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6); 
}


.carousel-indicators {
  list-style: none;
  text-align: center;
  padding: 0;
}

.carousel-indicators li {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 0 5px;
  border-radius: 50%;
  background-color: #c2c0c0; /* Inactive indicator color */
  border: 1px solid #c2c0c0; /* Inactive indicator border color */
  cursor: pointer;
}

.carousel-indicators .active {
  background-color: #fff !important; /* Change the active indicator fill color to white */
  border-color: #000; /* Active indicator border color */
}

.carousel-caption {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: whitesmoke; 
  /* background-color: rgba(0, 0, 0, 0.5);  */
  /* padding: 20px; */
  width: 100%; /* Set the width to 80% */
  max-width: 800px; /* Optionally, set a maximum width */
}

.carousel-caption h5{
  font-size: 40px;
}
.carousel-caption p{
  color: rgb(231, 231, 231);
}
.carousel img{
  width: 100%;
  height: 450px;
}

@media (max-width: 575.98px) {
  .carousel-caption h5 {
    font-size: 24px; /* Adjust font size for extra small screens */
  }

  .carousel-caption p {
    font-size: 10px;
    width: 70%;/* Adjust font size for extra small screens */
    margin: auto;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .carousel-caption h5 {
    font-size: 28px; /* Adjust font size for small screens */
    
  }

  .carousel-caption p {
    font-size: 12px; /* Adjust font size for small screens */
    width: 70%;
    margin: auto;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .carousel-caption h5 {
    font-size: 32px; /* Adjust font size for medium screens */
  }

  .carousel-caption p {
    font-size: 14px; /* Adjust font size for medium screens */
    width: 70%;
    margin: auto;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .carousel-caption h5 {
    font-size: 36px; /* Adjust font size for large screens */
  }

  .carousel-caption p {
    font-size: 16px; /* Adjust font size for large screens */
    width: 80%;
    margin: auto;
  }
}

@media (min-width: 1300px) {
  .carousel-caption h5 {
    font-size: 54px; 
    width: 100%;
    margin: auto;/* Adjust font size for extra large screens */
  }

  .carousel-caption p {
    font-size: 24px;
    width: 100%;
    margin: auto; /* Adjust font size for extra large screens */
  }
  .carousel img{
    width: 100%;
    height: 700px;
  }
  .carousel-caption {
    position: absolute;
    top: 46%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: whitesmoke; 
    /* background-color: rgba(0, 0, 0, 0.5);  */
    /* padding: 20px; */
    width: 100%; /* Set the width to 80% */
    max-width: 800px; /* Optionally, set a maximum width */
  }
}




/*---------------------------------------------video popup---------------------------------*/
.popup {
  display: none;
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}

.popup-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fefefe;
  padding: 20px;
  border-radius: 8px;
}

.close {
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 24px;
  cursor: pointer;
}




.nav-link[aria-current="page"]{
  text-decoration: underline;
  text-decoration-color: #27D0B1;
  text-decoration-color: transparent;
  background-image: linear-gradient(to right, #27D0B1, #00aff0); 
  background-position: bottom;
  background-size: 100% 0.19rem; 
  background-repeat: no-repeat;
}


.content-wrapper {
  padding-top: 110px; /* Adjust this value to match the height of your header */
}
.fixed-top {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000; 
}
body {
  /* font-family: 'Montserrat', sans-serif; */
  font-family: Arial, Helvetica, sans-serif;
}
  .navbar {
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.03); /* Shadow for header */
    padding-bottom: 15px;
    padding-top: 15px;
  }
  .bg-white{
    margin-bottom: 30px;
  }
  .col-2 {
    margin-left: -70px; /* Adjust the margin-left value as needed */
}
  .navbar-brand img {
    height: 80px; /* Adjust logo height */
  }
  .navbar-nav {
    margin: 0 auto; /* Center-align the nav links */
  }
  .navbar-nav .nav-link {
    color: #005372;
    font-size: 16px; /* Increase the font size */
    font-weight: 480;
    margin-right: 24px; /* Adjust the right margin as needed */
}
.navbar-nav .nav-link:hover {
  color: #27D0B1;
  font-size: 16px; /* Increase the font size */
  font-weight: 480;
  margin-right: 24px; /* Adjust the right margin as needed */
}
  /* .nav-link:hover {
    color: #27D0B1; 
  } */
  .header div ul li a{
    font-size: 150px;
  }
  .main col-lg-5{
    padding-left:60px;
  }
  .what{
    color:#005372;
    font-weight: 600;
    margin-bottom: 14px;
    font-size: 22px;
  }
  .DMS{
    color:#27D0B1;
    font-weight: 700;
    font-size: 32px; 
    line-height: 1.2;
  }
  .DMS-text{
    color: #005372;
    font-weight:700;
    font-size: 32px; 
    line-height: 1.2;
  }
  .mainpagecontent{
    color:#005372;
    padding-top: top 10px;
    text-align: justify;
    font-size: 16px;
    line-height: 1.5;
    margin-top: 20px;
    letter-spacing: 0.5px;
  }
  /* styles.css */
  .col-lg-5{
    margin-top:40px;
    margin-left:0px;
  }
  /* styles.css */
  .gradient-button {
    background: linear-gradient(to bottom right, #27D0B1, #00AFF0);
    border: none;
    font-size: 18px;
    color: white;
    padding: 13px 28px;
    border-radius: 30px;
    margin-top: 20px;
    font-weight: 500;
    margin-right: 20px;
    cursor: pointer;
}
.gradient-button-icon {
  background: linear-gradient(to bottom right, #27D0B1, #00AFF0);
  border: none;
  font-size: 18px;
  color: white;
  padding: 8px 28px;
  border-radius: 30px;
  margin-top: 20px;
  font-weight: 500;
  margin-right: 20px;
  cursor: pointer;
}
.gradient-button-icon .bi {
  font-size: 24px;
  margin-right: 10px; /* Adjust the size as needed */
}
.image-container {
    height: 500px; /* Adjust as needed */
    background-image: url('your-image-url.jpg');
    background-size: cover;
    background-position: center;
    border-radius: 10px;
}
.image-container img {
    max-width: 100%;
    height: auto;
    max-height: 1000px;
    border-radius: 10px; /* Optional: Add border-radius to image */
}
/*----------------------------Illustrations--------------------------------*/
.illustrations {
  width: 100%;
  height: auto;
  margin-top: -50px;
}
/* .Ill1{
  width:480px;
}
.Ill2{
  width:480px;
}
.Ill3{
  width:350px;
}
.Ill4{
  width:480px;
  padding-right:20px;
}
.illustration{
  margin-bottom: 100px;
  background-color: #F9F9F9;
  padding-top:70px;
  padding-bottom:160px;
  margin-bottom: 100px;
  border-radius: 1800px / 400px;
}
.illustration .row {
  margin-top: -65px; 
  margin-bottom: -65px; 
}
.text-left{
  padding-top: 60px;
  font-size: 22px;
  font-weight: 600;
  color:#005372;
  padding-bottom:60px;
}
.text-start{
  padding-top:50px;
  font-size: 22px;
  font-weight: 600;
  color:#005372;
}
.text-start1{
  padding-top:60px;
  font-size: 22px;
  font-weight: 600;
  color:#005372;
}
.text-end{
  align-items: left;
  font-size: 22px;
  font-weight: 600;
  color:#005372;
}
.text-left2{
  padding-top:250px;
  font-size: 22px;
  font-weight: 600;
  color:#005372;
} */
/*------------------------------------------About us---------------------------------------*/
.home{
  margin-bottom: 200px;
}
.about-title{
  color: #27D0B1;
  margin-bottom: 10px;
  font-size: 22px;
  font-weight: 600;
}
.about-content{
  margin-left: 40px;
  margin-top: 60px;
}
.about-pic{
  padding-left:30px;
}
.about-text{
  color: #005372;
  font-size:28px;
  line-height: 1.4;
  margin-bottom: 10px;
  font-weight: 600;
}
.about-info{
  color: #005372;
  padding-top: top 10px;
  text-align: justify;
  font-size: 16px;
  line-height: 1.5;
  margin-top: 20px;
  letter-spacing: 0.5px;
}
.about{
  margin-top: 100px;
  margin-bottom: 220px;
}
/*---------------------------------------Products-------------------------------------*/
.products{
  background: #f9f9f9;
  width: 100%;
  padding-top: 60px;
}
.containerp {
  background: #f9f9f9;
  padding-bottom: 150px;
}

.containerp .box-container {
  display: grid;
  display: flex;
  flex-wrap: wrap;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 24px;
  justify-content: center;
  align-items: center;
}

.containerp .box-container .box {
  box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.15);
  border-radius: 32px;
  background: #ffffff;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 260px; 
  height: 250px; 
  padding: 0 28px; 
}

.containerp .box-container .box img {
  height: 80px;
}

.containerp .box-container .box h3 {
  color: #005372;
  font-size: 18px;
  padding: 10px 0;
  font-weight: 600;
}

.containerp .box-container .box a {
  color: white;
  display: none;
}

.containerp .box-container .box:hover a {
  color: #ffffff;
  display: block;
  font-size: 20px;
  font-weight: 600;
}

.containerp .box-container .box:hover img {
  display: none;
}

.containerp .box-container .box:hover h3 {
  color: #ffffff;
}

.containerp .box-container .box:hover {
  background: linear-gradient(to bottom right, #27d0b1, #00aff0);
}
.containerp h1{
  font-size: 22px;
}
.containerp h2{
  font-size: 28px;
}









/* .prod-title {
  font-size: 24px;
  text-align: center;
  margin-top: 50px;
  color:#27D0B1;
  font-weight: 600;
}

.prod-main-title {
  font-size: 30px;
  text-align: center;
  margin-top: 20px;
  color: #005372;
  font-weight:600;
}
.prod-tit{
  margin-bottom: 60px;
}
.card{
  display: flex;
  justify-content: space-between;
  padding-bottom:24px;
  border-radius: 28px;
  box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.15); 
  border:none;
}
.card img{
  padding-left: 90px;
  padding-right:90px;
  padding-top:36px;
}
.card-title{
  padding-left: 55px;
  padding-right:55px;
  text-align: center;
  font-weight:600;
  color:#005372;
}
.card-link{
  display: none;
  padding-left: 55px;
  padding-right:55px;
  text-align: center;
  font-weight:700;
  color:#005372;
  font-size: 22px;
}
.products{
  padding-top:70px;
  padding-bottom:160px;
  margin-bottom: 100px;
  background-color: #F9F9F9; 
}
.reduced-img {
  max-height: 150px; 
  object-fit: contain;
}
.reduced-imgs {
  max-height: 100px; 
  object-fit: contain;
} */

 /* ------------------------------- card animation ------------------------------------*/
 /* .card {
  transition: background-color 0.5s ease-in-out;
}
.card:hover{
  background: linear-gradient(to bottom right, #27D0B1, #00AFF0);
  display: flex;
}
.card:hover img{
  display: none;
}
.card:hover .card-title{
  padding-top: 84px;
  display: block;
  text-align: center;
  color: white;
}
.card:hover .card-link{
  display: block;
  text-align: center;
  padding-bottom: 44px;
  color: white;
} */
/*--------------------------------------------services--------------------------------------------------------*/

.containers {
  background: #ffffff;
}

.containers .box-container {
  display: grid;
  display: flex;
  flex-wrap: wrap;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 24px;
  justify-content: center;
  align-items: center;
}

.containers .box-container .box {
  box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.15);
  border-radius: 32px;
  background: #ffffff;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 260px; 
  height: 250px; 
  padding: 0 28px; 
}

.containers .box-container .box img {
  height: 80px;
}

.containers .box-container .box h3 {
  color: #005372;
  font-size: 18px;
  padding: 10px 0;
  font-weight: 600;
}

.containers .box-container .box a {
  color: white;
  display: none;
}

.containers .box-container .box:hover a {
  color: #ffffff;
  display: block;
  font-size: 22px;
  font-weight: 600;
}

.containers .box-container .box:hover img {
  display: none;
}

.containers .box-container .box:hover h3 {
  color: #ffffff;
  font-size: 20px;
}

.containers .box-container .box:hover {
  background: linear-gradient(to bottom right, #27d0b1, #00aff0);
}
.services h2{
  font-size: 22px;
}
.services h1{
  font-size: 28px;
}
.card-titles{
  padding-left: 20px;
  padding-right:20px;
  text-align: center;
  font-weight:600;
  color:#005372;
}
.card-links{
  display: none;
  padding-left: 55px;
  padding-right:55px;
  text-align: center;
  font-weight:700;
  color:#005372;
  font-size: 22px;
}
/* .card:hover .card-titles{
  padding-top: 94px;
  display: block;
  text-align: center;
  color: white;
} */
/* .card:hover .card-links{
  display: block;
  text-align: center;
  padding-bottom: 54px;
  color: white;
}
*/
 .services{ 
  margin-bottom:150px;
  margin-top: 100px;
}

/* .reduced-imgso{
  max-height: 150px; 
  object-fit: contain;
} */
/*-----------------------------------------Solutions---------------------------------------*/
.containerso {
  background: #f9f9f9;
  padding-bottom: 150px;
}

.containerso .box-container {
  display: grid;
  display: flex;
  flex-wrap: wrap;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 24px;
  justify-content: center;
  align-items: center;
}

.containerso .box-container .box {
  box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.15);
  border-radius: 32px;
  background: #ffffff;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 270px; 
  height: 400px; 
  padding: 0 28px; 
}

.containerso .box-container .box img {
  height: 100px;
}

.containerso .box-container .box h3 {
  color: #005372;
  font-size: 20px;
  padding: 10px 0;
  font-weight: 600;
}

.containerso .box-container .box p {
  color: #005372;
  font-size: 16px;
  text-align: center;
}
.box .bi {
  font-size: 30px;
  color:#005372;
}
.box:hover .bi {
  font-size: 30px;
  color:#ffffff;
}
.products h1{
  font-size: 22px;
}
.products h2{
  font-size: 28px;
}
.containerso .box-container .box:hover p {
  color: #ffffff;
  font-size: 16px;
  text-align: center;
}
.containerso .box-container .box:hover a {
  color: #ffffff;
  display: block;
  font-size: 22px;
  font-weight: 600;
}

.containerso .box-container .box:hover img {
  display: block;
}

.containerso .box-container .box:hover h3 {
  color: #ffffff;
  font-size: 20px;
}

.containerso .box-container .s1:hover {
  background:radial-gradient(circle at center 10%, #AE62FF, #683B99);
}
.containerso .box-container .s2:hover {
  background:radial-gradient(circle at center 10%, #35E566, #219742);
}
.containerso .box-container .s3:hover {
  background:radial-gradient(circle at center 10%, #FF6271, #C73341);
}
.containerso .box-container .s4:hover {
  background:radial-gradient(circle at center 10%, #FFB74E, #D09339);
}
.prod-title {
    font-size: 24px;
    text-align: center;
    margin-top: 50px;
    color:#27D0B1;
    font-weight: 600;
  }
  
  .prod-main-title {
    font-size: 30px;
    text-align: center;
    margin-top: 16px;
    color: #005372;
    font-weight:600;
    margin-bottom: 100px;
  }
.solutions{
  background-color: #F9F9F9;
  margin-bottom: 80px;
  padding-top:70px;
  padding-bottom:160px;
  margin-bottom: 100px;
}
.card-titleso{
  padding-top: 10px;
  padding-left:45px;
  padding-right:45px;
  padding-bottom:20px;
  text-align: center;
  font-weight:600;
  color:#005372;
}
.cardso .bi{
  font-size: 30px;
  color:#005372;
}
.para{
  padding-left: 30px;
  padding-right:30px;
  text-align: center;
  font-weight:400;
  color:#005372;
}
.cardso{
  padding-top: 24px;
  padding-bottom:26px;
  border-radius: 28px;
  box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.15); 
  border:none;
}
.cardso img{
  padding-left: 90px;
  padding-right:90px;
  padding-top:36px;
}
.cardso:hover .bi{
  color: white;
}
.cardso:hover .para{
  color:white;
}
.cardso:hover .card-titleso{
  padding-top: 10px;
  display: block;
  text-align: center;
  color: white;
}
.cardso:hover .card-linkso{
  display: block;
  text-align: center;
  padding-bottom: 34px;
  color: white;
}
.cardso .bi:hover{
  display:block;
  color: white;
}
.card-bodyso{
  text-align: center;
}
.card1:hover {
  background: radial-gradient(circle at center 30%, #AE62FF, #683B99);
}
.card2:hover:hover {
  background: radial-gradient(circle at center 30%, #35E566, #219742);
}
.card3:hover:hover {
  background: radial-gradient(circle at center 30%, #FF6271, #C73341);
}
.card4:hover:hover {
  background: radial-gradient(circle at center 30%, #FFB74E, #D09339);
}
.ourteam{
  margin-bottom: 100px;
  padding-top:70px;
  padding-bottom:160px;
  margin-bottom: 100px;
}
/*--------------------------------------------testimonials------------------------------*/
/* .testimonial-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  position: relative;
}
.testimonial-content {
  text-align: center;
  max-width: 60%;
}
.testimonial {
  margin-bottom: 20px;
}

.testimonial span {
  font-size: 14px;
  color: #27D0B1;
}
.carousel-control-prev-icon,
.carousel-control-next-icon {
  color: #fff;
  background-color: #27D0B1;
  border-radius: 24px;
  position: absolute;
  top: 40%;
  transform: translateY(-100%);
  background-size: 100% 100%; 
  width: 2rem;
  height:2rem;
  background-size: contain;
}
.watch{
  color:#005372;
}
.person {
  font-size: 20px;
  background-image: linear-gradient(to bottom right, #27D0B1, #00AFF0); 
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}
.carousel-control-prev {
  left: 0;
}
.carousel-control-next {
  right: 0;
}
.carousel-indicators li {
  background-color: #333; 
}
.carousel-indicators .active {
  background-color: #007bff; 
} */






.testimonial-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  position: relative;
}

.testimonial-content {
  text-align: center;
  max-width: 60%;
  height: 220px; /* Adjust the height as needed */
  overflow: hidden; /* Add overflow to handle content overflow */
}

.testimonial {
  margin-bottom: 20px;
}

.testimonial span {
  font-size: 14px;
  color: #27D0B1;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  color: #fff;
  background-color: #27D0B1;
  border-radius: 24px;
  position: absolute;
  top: 50%;
  transform: translateY(-100%);
  background-size: 100% 100%; 
  width: 36px;
  height: 36px;
  background-size: contain;
}

.watch {
  color: #005372;
}

.person {
  font-size: 20px;
  background-image: linear-gradient(to bottom right, #27D0B1, #00AFF0); /* Change colors as needed */
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}

.carousel-control-prev {
  left: 0;
}

.carousel-control-next {
  right: 0;
}

.carousel-indicators li {
  background-color: #333; /* Change color of indicators */
}

.carousel-indicators .active {
  background-color: #007bff; /* Change color of active indicator */
}
.containert{
  padding-top: 40px;
  padding-bottom: 50px;
  margin-top: 180px;
  background: #f9f9f9;
  margin-bottom: 150px;
}






.prod-main-titlet {
  font-size: 30px;
  text-align: center;
  margin-top: 16px;
  color: #005372;
  font-weight:600;
  margin-bottom: 5px;
}
/* .Testimonials{
  background-color: #F9F9F9;
  margin-bottom: 100px;
  padding-top:20px;
  padding-bottom:20px;
  margin-bottom: 100px;
} */

.test{
  margin-bottom: 30px;
}
.arrow-btn {
  border: none;
  cursor: pointer;
  font-size: 24px;
  width: 36px;
  height: 36px;
  border-radius: 60%; /* Makes it circular */
  background-color: #27D0B1; /* Fill color */
  color: white; /* Text color */
}
.person {
  font-size: 20px;
  background-image: linear-gradient(to bottom right, #27D0B1, #00AFF0); /* Change colors as needed */
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}
/*--------------------------------------------partner companies--------------------------------------*/
.partner-companies{
  background-color: #F9F9F9;
  margin-bottom: 100px;
  padding-top:70px;
  padding-bottom:60px;
  margin-bottom: 100px;
  margin-top: 300px;
}
.partner-companies .row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.partner-companies .row [class*="col-"] {
  flex: 0 0 auto;
  margin: 10px;
}



/* Media Queries */
@media (min-width: 576px) {
  .partner-companies {
    padding-top: 80px; /* Adjust padding-top for small screens */
    padding-bottom: 70px; /* Adjust padding-bottom for small screens */
    margin-top: 100px; /* Adjust margin-top for small screens */
    margin-bottom: 100px; /* Adjust margin-bottom for small screens */
  }
}

@media (min-width: 768px) {
  .partner-companies {
    padding-top: 90px; /* Adjust padding-top for medium screens */
    padding-bottom: 80px; /* Adjust padding-bottom for medium screens */
    margin-top: 150px; /* Adjust margin-top for medium screens */
    margin-bottom: 150px; /* Adjust margin-bottom for medium screens */
  }
}

@media (min-width: 992px) {
  .partner-companies {
    padding-top: 100px; /* Adjust padding-top for large screens */
    padding-bottom: 90px; /* Adjust padding-bottom for large screens */
    margin-top: 150px; /* Adjust margin-top for large screens */
    margin-bottom: 120px; /* Adjust margin-bottom for large screens */
  }
}

@media (min-width: 1300px) {
  .partner-companies {
    padding-top: 110px; /* Adjust padding-top for extra large screens */
    padding-bottom: 100px; /* Adjust padding-bottom for extra large screens */
    margin-top: 320px; /* Adjust margin-top for extra large screens */
    margin-bottom: 120px; /* Adjust margin-bottom for extra large screens */
  }
}
/*---------------------------------------------------Footer---------------------------------------*/
.cardf .forms{
  margin-left:30px;
}
.cardf .forms .form-group {
  margin-bottom: 20px; 
}
.cardf .forms {
  padding-top: 10px;
  padding-left:-20px;
 
  max-width: 500px; 
  margin: 0 auto; 
}

.card-body h5{
  font-size: 20px;
}
.card-body h1{
  font-size: 28px;
  /* color: white; */
}
.cardf{
  background: linear-gradient(to bottom right, #00AFF0,#27D0B1);
  padding-top: 50px;
  padding-bottom:20px;
  border-radius: 28px;
  box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.15); 
  border:none;
  color:white;
  position: relative;
  z-index: 1; 
  margin-bottom: -120px;
}
.btnf {
  background-color: white;
  border: none;
  font-size: 20px;
  padding: 14px 34px;
  border-radius: 30px;
  margin-top: 10px;
  font-weight: 500;
  margin-right: 28px;
  cursor: pointer;
  /* background-image: linear-gradient(to right, #27D0B1, #00aff0);
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
*/
}
.gradient-text {
  background: linear-gradient(45deg, #27D0B1, #00AFF0);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.footer-logo{
  width:150px;
  height:auto;
  margin-bottom: 30px;
}
.footer{
  background-color: #263238;
  padding-top: 200px;
  padding-bottom: 20px;
  border-radius: 8px;
}
.social-links a{ 
  size: 15px;
  margin-bottom: 10px;
}
.link-title{
  font-size: 22px;
  font-weight: 600;
}
.left{
  padding-bottom: 36px;
}
.l1 a {
  color: white; 
  font-size: 16px;
}
.l1 a:hover{
  color:#27D0B1;
}
.quick .list-unstyled .l1{
  font-size: 18px;
  color: white;
}
.copyright{
  font-size: 16px;
}
.list-unstyled .li{
  padding-bottom: 20px;
}
/*--------------------------------About us page-------------------------------*/
.what-about{
  padding-top: 70px;
  color:#005372;
  font-weight: 600;
  margin-bottom: 14px;
  font-size: 24px;
}
.our-vision{
  width:350px;
}
.our-mission{
  width:350px;
}
.Aboutuspage{
  margin-bottom: 100px;
}
.what-vision{
  padding-top: 70px;
  color:#005372;
  font-weight: 600;
  margin-bottom: 14px;
  font-size: 24px;
}
.what-mission{
  padding-top: 70px;
  color:#005372;
  font-weight: 600;
  margin-bottom: 14px;
  font-size: 24px;
  margin-left:-30px;
}
.mainpagecontentmission{
  color:#005372;
  padding-top: top 10px;
  text-align: justify;
  font-size: 16px;
  line-height: 1.5;
  margin-top: 20px;
  letter-spacing: 0.5px;
  margin-left: -30px;
}





.features-grid {
  display: grid;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); /* Adjust minmax value as needed */
  grid-gap: 20px; /* Adjust gap between grid items */
}

.feature {
  margin-bottom: 40px;
  margin-right: 10px;
  text-align: center;
  background-color: #ffffff; /* Add background color to each feature box */
  padding: 20px;
  border-radius: 8px;
}

.feature i {
  font-size: 36px; /* Adjust icon size */
  color: #007bff; /* Adjust icon color */
}

.feature-title {
  margin-top: 10px;
  font-size: 20px;
  color: #005372;
  font-weight: bold;

}
.feature-description {
  margin-top: 10px;
  font-size: 16px;
  color: #005372;
  /* max-width: 300px;  */
}
.section-title{
  font-size: 24px;
  color: #005372;
  font-weight: bold;
  text-align: center;
}
/* .sub-section{
  font-size: 18px;
  color: #005372;
  text-align: center;
  margin-bottom: 60px;
} */
.why-choose-us{
  margin-bottom: 70px;
  margin-top: 90px;
}


@media (min-width: 576px) {
  .why-choose-us {
    margin-bottom: 60px; /* Adjust margin-bottom for small screens */
    margin-top: 60px; /* Adjust margin-top for small screens */
  }
}

@media (min-width: 768px) {
  .why-choose-us {
    margin-bottom: 70px; /* Adjust margin-bottom for medium screens */
    margin-top: 70px; /* Adjust margin-top for medium screens */
  }
}

@media (min-width: 992px) {
  .why-choose-us {
    margin-bottom: 80px; /* Adjust margin-bottom for large screens */
    margin-top: 80px; /* Adjust margin-top for large screens */
  }
}

@media (min-width: 1300px) {
  .why-choose-us {
    margin-bottom: 90px; /* Adjust margin-bottom for extra large screens */
    margin-top: 250px; /* Adjust margin-top for extra large screens */
  }
}
/*----------------------------------------Contact us page-------------------------------------*/
.forms{
  margin-left:30px;
}
.forms .form-group {
  margin-bottom: 20px; 
}

.forms {
  padding-top: 15px;
  padding-left:-20px;
 
  max-width: 1000px; 
  margin: 0 auto; 
}
.contactuspage{
  margin-top:10px;
  /* margin-bottom: 220px; */
}
@media (min-width: 1300px) {
  .contactuspage{
    margin-bottom: 150px;
  }
}
.aboutus-pic{
  padding-top:20px;
}
.forms .form-control {
  height: 60px;
  background-color: #efecec;
  border:none;
}
.forms #message {
  height: 200px; 
}
.forms .form-control::placeholder {
  color: #005372; 
  padding-left: 15px;
  font-weight: 500;
  font-size: 16px;
  padding-top:8px;
}
.sub{
  color:#27D0B1;
  font-weight: 400;
  margin-bottom: 14px;
  font-size: 24px;
  font-weight: bold;
}
.submain{
  color:#005372;
  font-weight: 600;
  margin-bottom: 14px;
  font-size: 32px;
}
.contactuspage-left{
  margin-top: -0px;
}

/*------------------------------Digitalization---------------------------*/
.middle-align{
  text-align: center;
  justify-content: center;
  color: #0378a3;
  width:75%;
  margin:auto;
  margin-top: 60px;
  margin-bottom: 120px;
}
.middle-align h1{
  text-align: center;
  justify-content: center;
  color: #005372;
  width:80%;
  margin:auto;
  font-size: 54px;
}


@media (max-width: 576px) {
  .middle-align {
    width: 90%; /* Adjust width for extra small screens */
    margin-top: 40px; /* Adjust margin-top for extra small screens */
    margin-bottom: 80px; /* Adjust margin-bottom for extra small screens */
  }

  .middle-align h1 {
    font-size: 36px; /* Adjust font size for extra small screens */
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .middle-align {
    width: 80%; /* Adjust width for small screens */
    margin-top: 50px; /* Adjust margin-top for small screens */
    margin-bottom: 100px; /* Adjust margin-bottom for small screens */
  }

  .middle-align h1 {
    font-size: 42px; /* Adjust font size for small screens */
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .middle-align {
    width: 70%; /* Adjust width for medium screens */
    margin-top: 60px; /* Adjust margin-top for medium screens */
    margin-bottom: 120px; /* Adjust margin-bottom for medium screens */
  }

  .middle-align h1 {
    font-size: 48px; /* Adjust font size for medium screens */
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .middle-align {
    width: 65%; /* Adjust width for large screens */
    margin-top: 70px; /* Adjust margin-top for large screens */
    margin-bottom: 140px; /* Adjust margin-bottom for large screens */
  }

  .middle-align h1 {
    font-size: 52px; /* Adjust font size for large screens */
  }
}

@media (min-width: 1300px) {
  .middle-align {
    width: 60%; /* Adjust width for extra large screens */
    margin-top: 180px; /* Adjust margin-top for extra large screens */
    margin-bottom: 180px; /* Adjust margin-bottom for extra large screens */
  }

  .middle-align h1 {
    font-size: 56px; /* Maintain font size for extra large screens */
  }
  .middle-align p{
    font-size: 24px;
  }
}


/* .custom-card .bi {
  color: #27D0B1;
  size: 22px;
} */


.custom-container {
  margin-top: 20px;
  margin-left: 60px;
  margin-right: 60px;
}
.custom-container h3{
  font-size: 16px;
  color: white;
  /* margin-bottom: 20px; */
  text-align: center;
}
.custom-container h5{
  font-size: 18px;
  color: white;
  /* margin-bottom: 20px; */
  text-align: center;
}
.custom-container span{
  font-size: 28px;
  color: white;
  margin-bottom: 20px;
  text-align: center;
  font-weight: bold;
}
.custom-container p{
  font-size: 16px;
  /* color: #61b6d5; */
  margin-bottom: 16px;
  align-items: left;
  margin-left: 32px;
  color: #2c5d6f;
}


.custom-card{
  flex-wrap: wrap;
  /* gap: 24px; */
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  width: 290px;
  height: 820px;
  border-radius: 10px;
  /* padding: 20px; */
  margin-bottom: 60px;
  background-color: white;
  border: none;
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);
  /* border-top: 10px solid rgb(204, 0, 255);  */
}
.topsection{
  padding: 50px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  margin-bottom: 20px;
  /* background-color: #00AFF0; */
  background: linear-gradient(to bottom right, #27d0b1, #00aff0);
}
.gradient-button-try-now{
  background: linear-gradient(to bottom right, #27d0b1, #00aff0);

  border: none;
  color: white;
  padding: 10px 20px;
  border-radius: 6px;
  cursor: pointer;
  transition: background 0.3s ease;

}
.trynow{
  display: flex;
  justify-content: center;
  align-items: center;
}
.gradient-button-try-now:hover {
  background:linear-gradient(to bottom right, #00aff0, #27d0b1);
}

.custom-card h3 {
  margin-top: 0;
}



@media (min-width: 576px) {
  .custom-container {
    margin-left: 40px; /* Adjust margin-left for small screens */
    margin-right: 40px; /* Adjust margin-right for small screens */
  }

  .custom-container p {
    margin-left: 24px; /* Adjust margin-left for small screens */
  }

  .topsection {
    padding: 50px; /* Adjust padding for small screens */
  }
}

@media (min-width: 768px) {
  .custom-container {
    margin-left: 60px; /* Adjust margin-left for medium screens */
    margin-right: 60px; /* Adjust margin-right for medium screens */
  }

  .custom-container p {
    margin-left: 32px; /* Adjust margin-left for medium screens */
  }

  .topsection {
    padding: 60px; /* Adjust padding for medium screens */
  }
}

@media (min-width: 992px) {
  .custom-container {
    margin-left: 60px; /* Adjust margin-left for large screens */
    margin-right: 60px; /* Adjust margin-right for large screens */
  }

  .custom-container p {
    margin-left: 20px; /* Adjust margin-left for large screens */
  }
  .custom-card{
    width: 260px;
    height: 820;
  }
  .topsection {
    padding: 40px; /* Adjust padding for large screens */
  }
}

@media (min-width: 1300px) {
  .custom-container {
    margin-left: 200px; /* Adjust margin-left for extra large screens */
    margin-right: 200px; /* Adjust margin-right for extra large screens */
  }

  .custom-container p {
    margin-left: 48px; /* Adjust margin-left for extra large screens */
  }
  .custom-card{
    width: 330px;
    height: 840;
  }
  .topsection {
    padding: 50px; /* Adjust padding for extra large screens */
  }
}


/* .middle-align h6{
  text-align: center;
  justify-content: center;
  color: #005372;
  width:60%;
  margin:auto;
} */

.digitalization img{
  height: auto;
  width: 600px;
}

.digitalization h2{
  font-size: 22px;
  color: #27D0B1;
  padding-top: 24px;
}
.circle img {
  max-width: 80%;
  height: auto;
  border-radius: 50%;
}
.step-description {
  text-align: center;
  width: 160px;
  font-weight: 600;
}
.digitalization{
  margin-bottom: 150px;
}
.digit .row h4{
  text-align: center;
  justify-content: center;
  margin-bottom: 100px;
}
.process{
  margin-bottom: 170px;
}
.s1{
  color:#42666F;
}
.s2{
  color:#F4C00B;
}
.s3{
  color:#D13125;
}
.s4{
  color:#007CFF;
}
.s5{
  color: #9A0ACC;
}
.s6{
  color: #069A99;
}
/*------------------------------Media Queries---------------------------*/
/*--------------------Home page------------------------*/
@media (min-width: 0%) {
  .what {
    color: #005372;
    font-weight: 600;
    margin-bottom: 10px; /* Decreased margin for extra small devices */
    font-size: 18px; /* Decreased font size for extra small devices */
  }

  .DMS {
    color: #27D0B1;
    font-weight: 700;
    font-size: 36px; /* Decreased font size for extra small devices */
    line-height: 1.2;
  }

  .DMS-text {
    color: #005372;
    font-weight: 700;
    font-size: 32px; /* Decreased font size for extra small devices */
    line-height: 1.2;
  }

  .mainpagecontent {
    color: #005372;
    padding-top: 10px; /* Adjusted padding for extra small devices */
    text-align: justify;
    font-size: 14px; /* Decreased font size for extra small devices */
    line-height: 1.5;
    margin-top: 10px; /* Adjusted margin for extra small devices */
    letter-spacing: 0.5px;
  }

  .col-lg-5 {
    margin-top: 50px; /* Adjusted margin for extra small devices */
    margin-left: 0px;
  }

  .gradient-button,
  .gradient-button-icon {
    font-size: 16px; /* Decreased font size for extra small devices */
    padding: 10px 20px; /* Decreased padding for extra small devices */
    margin-top: 10px; /* Adjusted margin for extra small devices */
    margin-right: 10px; /* Adjusted margin for extra small devices */
  }

  .gradient-button-icon .bi {
    font-size: 20px; /* Adjusted font size for extra small devices */
    margin-right: 8px; /* Adjusted margin for extra small devices */
  }

  .image-container {
    height: 300px; /* Decreased height for extra small devices */
  }

  .image-container img {
    max-width: 100%;
    height: auto;
    max-height: 600px; /* Decreased max-height for extra small devices */
  }
}

@media (min-width: 30%) {
  .what {
    color: #005372;
    font-weight: 600;
    margin-bottom: 10px; /* Decreased margin for extra small devices */
    font-size: 18px; /* Decreased font size for extra small devices */
  }

  .DMS {
    color: #27D0B1;
    font-weight: 700;
    font-size: 36px; /* Decreased font size for extra small devices */
    line-height: 1.2;
  }

  .DMS-text {
    color: #005372;
    font-weight: 700;
    font-size: 32px; /* Decreased font size for extra small devices */
    line-height: 1.2;
  }

  .mainpagecontent {
    color: #005372;
    padding-top: 10px; /* Adjusted padding for extra small devices */
    text-align: justify;
    font-size: 14px; /* Decreased font size for extra small devices */
    line-height: 1.5;
    margin-top: 10px; /* Adjusted margin for extra small devices */
    letter-spacing: 0.5px;
  }

  .col-lg-5 {
    margin-top: 50px; /* Adjusted margin for extra small devices */
    margin-left: 0px;
  }

  .gradient-button,
  .gradient-button-icon {
    font-size: 16px; /* Decreased font size for extra small devices */
    padding: 10px 20px; /* Decreased padding for extra small devices */
    margin-top: 10px; /* Adjusted margin for extra small devices */
    margin-right: 10px; /* Adjusted margin for extra small devices */
  }

  .gradient-button-icon .bi {
    font-size: 20px; /* Adjusted font size for extra small devices */
    margin-right: 8px; /* Adjusted margin for extra small devices */
  }

  .image-container {
    height: 300px; /* Decreased height for extra small devices */
  }

  .image-container img {
    max-width: 100%;
    height: auto;
    max-height: 600px; /* Decreased max-height for extra small devices */
  }
}

@media (min-width: 50%) {
  .what {
    color: #005372;
    font-weight: 600;
    margin-bottom: 14px; /* Reset margin for medium devices */
    font-size: 24px; /* Reset font size for medium devices */
  }

  .DMS {
    color: #27D0B1;
    font-weight: 700;
    font-size: 40px; /* Reset font size for medium devices */
    line-height: 1.2;
  }

  .DMS-text {
    color: #005372;
    font-weight: 700;
    font-size: 36px; /* Reset font size for medium devices */
    line-height: 1.2;
  }

  .mainpagecontent {
    color: #005372;
    padding-top: 10px; /* Reset padding for medium devices */
    text-align: justify;
    font-size: 18px; /* Reset font size for medium devices */
    line-height: 1.5;
    margin-top: 20px; /* Reset margin for medium devices */
    letter-spacing: 0.5px;
  }

  .col-lg-5 {
    margin-top: 70px; /* Reset margin for medium devices */
    margin-left: 0px;
  }

  .gradient-button,
  .gradient-button-icon {
    font-size: 20px; /* Reset font size for medium devices */
    padding: 14px 34px; /* Reset padding for medium devices */
    margin-top: 20px; /* Reset margin for medium devices */
    margin-right: 28px; /* Reset margin for medium devices */
  }

  .gradient-button-icon .bi {
    font-size: 24px; /* Reset font size for medium devices */
    margin-right: 10px; /* Reset margin for medium devices */
  }

  .image-container {
    height: 500px; /* Reset height for medium devices */
  }

  .image-container img {
    max-width: 100%;
    height: auto;
    max-height: 1000px; /* Reset max-height for medium devices */
  }
}

@media (min-width: 70%) {
  .what {
    color: #005372;
    font-weight: 600;
    margin-bottom: 14px; /* Reset margin for large devices */
    font-size: 28px; /* Reset font size for large devices */
  }

  .DMS {
    color: #27D0B1;
    font-weight: 700;
    font-size: 48px; /* Reset font size for large devices */
    line-height: 1.2;
  }

  .DMS-text {
    color: #005372;
    font-weight: 700;
    font-size: 44px; /* Reset font size for large devices */
    line-height: 1.2;
  }

  .mainpagecontent {
    color: #005372;
    padding-top: 10px; /* Reset padding for large devices */
    text-align: justify;
    font-size: 20px; /* Reset font size for large devices */
    line-height: 1.5;
    margin-top: 20px; /* Reset margin for large devices */
    letter-spacing: 0.5px;
  }

  .col-lg-5 {
    margin-top: 70px; /* Reset margin for large devices */
    margin-left: 0px;
  }

  .gradient-button,
  .gradient-button-icon {
    font-size: 20px; /* Reset font size for large devices */
    padding: 14px 34px; /* Reset padding for large devices */
    margin-top: 20px; /* Reset margin for large devices */
    margin-right: 28px; /* Reset margin for large devices */
  }

  .gradient-button-icon .bi {
    font-size: 24px; /* Reset font size for large devices */
    margin-right: 10px; /* Reset margin for large devices */
  }

  .image-container {
    height: 500px; /* Reset height for large devices */
  }

  .image-container img {
    max-width: 100%;
    height: auto;
    max-height: 1000px; /* Reset max-height for large devices */
  }
}

@media (min-width: 90%) {
  .what {
    color: #005372;
    font-weight: 600;
    margin-bottom: 14px; /* Reset margin for extra-large devices */
    font-size: 32px; /* Reset font size for extra-large devices */
  }

  .DMS {
    color: #27D0B1;
    font-weight: 700;
    font-size: 56px; /* Reset font size for extra-large devices */
    line-height: 1.2;
  }

  .DMS-text {
    color: #005372;
    font-weight: 700;
    font-size: 52px; /* Reset font size for extra-large devices */
    line-height: 1.2;
  }

  .mainpagecontent {
    color: #005372;
    padding-top: 10px; /* Reset padding for extra-large devices */
    text-align: justify;
    font-size: 24px; /* Reset font size for extra-large devices */
    line-height: 1.5;
    margin-top: 20px; /* Reset margin for extra-large devices */
    letter-spacing: 0.5px;
  }

  .col-lg-5 {
    margin-top: 70px; /* Reset margin for extra-large devices */
    margin-left: 0px;
  }

  .gradient-button,
  .gradient-button-icon {
    font-size: 24px; /* Reset font size for extra-large devices */
    padding: 16px 38px; /* Reset padding for extra-large devices */
    margin-top: 20px; /* Reset margin for extra-large devices */
    margin-right: 32px; /* Reset margin for extra-large devices */
  }

  .gradient-button-icon .bi {
    font-size: 28px; /* Reset font size for extra-large devices */
    margin-right: 10px; /* Reset margin for extra-large devices */
  }

  .image-container {
    height: 600px; /* Reset height for extra-large devices */
  }

  .image-container img {
    max-width: 100%;
    height: auto;
    max-height: 1200px; /* Reset max-height for extra-large devices */
  }
}
@media (min-width: 1400px) {
  .what {
    color: #005372;
    font-weight: 600;
    margin-bottom: 14px;
    font-size: 32px;
  }

  .DMS {
    color: #27D0B1;
    font-weight: 700;
    font-size: 56px;
    line-height: 1.2;
  }

  .DMS-text {
    color: #005372;
    font-weight: 700;
    font-size: 52px;
    line-height: 1.2;
  }

  .mainpagecontent {
    color: #005372;
    padding-top: 10px;
    text-align: justify;
    font-size: 24px;
    line-height: 1.5;
    margin-top: 20px;
    letter-spacing: 0.5px;
  }

  .col-lg-5 {
    margin-top: 70px;
    margin-left: 0px;
  }

  .gradient-button,
  .gradient-button-icon {
    font-size: 24px;
    padding: 16px 38px;
    margin-top: 20px;
    margin-right: 32px;
  }

  .gradient-button-icon .bi {
    font-size: 28px;
    margin-right: 10px;
  }

  .image-container {
    height: 600px;
  }

  .image-container img {
    max-width: 100%;
    height: auto;
    max-height: 1200px;
  }
}

/*--------------------Illustrations-----------------------*/
@media screen and (min-width: 1300px) {
  .illustrations{
    margin-top: 300px;
  }
}

.responsive-image {
  max-width: 100%; /* Ensures image does not exceed container width */
  height: auto; /* Allows the image to scale proportionally */
}

/* Media query for smaller screens */
@media screen and (max-width: 768px) {
  .responsive-image {
    width: 100%; /* Set image width to 100% of container on smaller screens */
    margin-top: 20px; /* Adjusted top margin for smaller screens */
  }
}

/* Media query for larger screens */
@media screen and (min-width: 1300px) {
  .responsive-image {
    max-width: 80%; /* Set a maximum width of 80% on larger screens */
    margin-top: 1000px; /* Adjusted top margin for larger screens */
  }
}


/*--------------------About us page------------------------*/
@media (min-width: 0%) {
  .home {
    margin-bottom: 100px; /* Adjusted margin for extra small screens */
  }
  .about-title {
    font-size: 24px; /* Decreased font size for extra small screens */
  }
  .about-content {
    margin-left: 20px; /* Adjusted margin for extra small screens */
    margin-top: 30px; /* Adjusted margin for extra small screens */
  }
  .about-pic {
    padding-left: 15px; /* Adjusted padding for extra small screens */
  }
  .about-text {
    font-size: 18px; /* Decreased font size for extra small screens */
  }
  .about-info {
    padding-top: 10px; /* Adjusted padding for extra small screens */
    font-size: 16px; /* Decreased font size for extra small screens */
    margin-top: 10px; /* Adjusted margin for extra small screens */
  }
  .about {
    margin-top: 50px; /* Adjusted margin for extra small screens */
    margin-bottom: 100px; /* Adjusted margin for extra small screens */
  }
}

@media (min-width: 30%) {
  .home {
    margin-bottom: 80px; /* Adjusted margin for small screens */
  }
  .about-title {
    font-size: 26px; /* Decreased font size for small screens */
  }
  .about-content {
    margin-left: 30px; /* Adjusted margin for small screens */
    margin-top: 40px; /* Adjusted margin for small screens */
  }
  .about-pic {
    padding-left: 20px; /* Adjusted padding for small screens */
  }
  .about-text {
    font-size: 20px; /* Decreased font size for small screens */
  }
  .about-info {
    padding-top: 20px; /* Adjusted padding for small screens */
    font-size: 18px; /* Decreased font size for small screens */
    margin-top: 20px; /* Adjusted margin for small screens */
  }
  .about {
    margin-top: 80px; /* Adjusted margin for small screens */
    margin-bottom: 80px; /* Adjusted margin for small screens */
  }
}

@media (min-width: 50%) and (max-width: 70%) {
  .home {
    margin-bottom: 60px; /* Adjusted margin for medium screens */
  }
  .about-title {
    font-size: 28px; /* Font size for medium screens */
  }
  .about-content {
    margin-left: 40px; /* Adjusted margin for medium screens */
    margin-top: 50px; /* Adjusted margin for medium screens */
  }
  .about-pic {
    padding-left: 25px; /* Adjusted padding for medium screens */
  }
  .about-text {
    font-size: 22px; /* Font size for medium screens */
  }
  .about-info {
    padding-top: 30px; /* Adjusted padding for medium screens */
    font-size: 20px; /* Font size for medium screens */
    margin-top: 30px; /* Adjusted margin for medium screens */
  }
  .about {
    margin-top: 100px; /* Adjusted margin for medium screens */
    margin-bottom: 60px; /* Adjusted margin for medium screens */
  }
}

@media (min-width: 70%) {
  .home {
    margin-bottom: 40px; /* Adjusted margin for large screens */
  }
  .about-title {
    font-size: 32px; /* Font size for large screens */
  }
  .about-content {
    margin-left: 50px; /* Adjusted margin for large screens */
    margin-top: 60px; /* Adjusted margin for large screens */
  }
  .about-pic {
    padding-left: 30px; /* Adjusted padding for large screens */
  }
  .about-text {
    font-size: 24px; /* Font size for large screens */
  }
  .about-info {
    padding-top: 40px; /* Adjusted padding for large screens */
    font-size: 22px; /* Font size for large screens */
    margin-top: 40px; /* Adjusted margin for large screens */
  }
  .about {
    margin-top: 120px; /* Adjusted margin for large screens */
    margin-bottom: 40px; /* Adjusted margin for large screens */
  }
}

@media (min-width: 90%) {
  .home {
    margin-bottom: 20px; /* Adjusted margin for extra large screens */
  }
  .about-title {
    font-size: 36px; /* Font size for extra large screens */
  }
  .about-content {
    margin-left: 60px; /* Adjusted margin for extra large screens */
    margin-top: 80px; /* Adjusted margin for extra large screens */
  }
  .about-pic {
    padding-left: 40px; /* Adjusted padding for extra large screens */
  }
  .about-text {
    font-size: 26px; /* Font size for extra large screens */
  }
  .about-info {
    padding-top: 50px; /* Adjusted padding for extra large screens */
    font-size: 24px; /* Font size for extra large screens */
    margin-top: 50px; /* Adjusted margin for extra large screens */
  }
  .about {
    margin-top: 140px; /* Adjusted margin for extra large screens */
    margin-bottom: 20px; /* Adjusted margin for extra large screens */
  }
}

@media (min-width: 1440px) {
  /* Styles for extra-large screens */
  .home {
    margin-bottom: 20px; /* Adjusted margin for extra large screens */
  }
  .about-title {
    font-size: 36px; /* Font size for extra large screens */
  }
  .about-content {
    margin-left: 60px; /* Adjusted margin for extra large screens */
    margin-top: 80px; /* Adjusted margin for extra large screens */
  }
  .about-pic {
    padding-left: 40px; /* Adjusted padding for extra large screens */
  }
  .about-text {
    font-size: 26px; /* Font size for extra large screens */
  }
  .about-info {
    padding-top: 50px; /* Adjusted padding for extra large screens */
    font-size: 24px; /* Font size for extra large screens */
    margin-top: 50px; /* Adjusted margin for extra large screens */
  }
  .about {
    margin-top: 140px; /* Adjusted margin for extra large screens */
    margin-bottom: 20px; /* Adjusted margin for extra large screens */
  }
}

/*------------------------------products----------------------------*/

@media (min-width:0%){
  .prod-title {
    font-size: 24px; /* Decreased font size for extra small screens */
    text-align: center;
    margin-top: 30px; /* Adjusted margin for extra small screens */
    color: #27D0B1;
  }
  
  .prod-main-title {
    font-size: 32px; /* Decreased font size for extra small screens */
    text-align: center;
    margin-top: 10px; /* Adjusted margin for extra small screens */
    color: #005372;
    font-weight: 600;
  }
  
  .prod-tit {
    margin-bottom: 40px; /* Adjusted margin for extra small screens */
  }
  
  .card {
    display: flex;
    flex-direction: row; /* Adjusted flex direction for extra small screens */
    padding: 8px; /* Adjusted padding for extra small screens */
    border-radius: 4px; /* Adjusted border radius for extra small screens */
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.15); 
  }
  
  .card img {
    margin: 0 auto; /* Centered image for extra small screens */
    padding: 0; /* Removed padding for extra small screens */
  }
  
  .card-title {
    font-size:8px;
    text-align: center;
    font-weight: 500;
    color: #005372;
    padding-top: 10px; /* Adjusted padding for extra small screens */
  }
  
  .card-link {
    text-align: center;
    font-weight: 700;
    color: #005372;
    font-size: 10px; /* Decreased font size for extra small screens */
    margin-top: 10px; /* Adjusted margin for extra small screens */
    padding-bottom: 8px; /* Adjusted padding for extra small screens */
  }
  
  .products {
    padding-top: 50px; /* Adjusted padding for extra small screens */
    padding-bottom: 100px; /* Adjusted padding for extra small screens */
    margin-bottom: 50px; /* Adjusted margin for extra small screens */
    background-color: #F9F9F9;
  }  
}
@media (min-width: 576px) {
  .prod-title {
    margin-top: 40px; /* Adjusted margin for small screens */
  }
}

/* Media query for medium screens */
@media (min-width: 768px) {
  .prod-title {
    margin-top: 50px; /* Adjusted margin for medium screens */
  }
}

/* Media query for large screens */
@media (min-width: 992px) {
  .prod-title {
    margin-top: 60px; /* Adjusted margin for large screens */
  }
}

/* Media query for extra large screens */
@media (min-width: 1200px) {
  .prod-title {
    margin-top: 70px; /* Adjusted margin for extra large screens */
  }
}
@media (min-width: 1400px) {
  .prod-title {
    margin-top: 180px; /* Adjusted margin for extra extra large screens */
  }
}

/*--------------------------------------------Services------------------------------------*/
@media (max-width: 991px) {
  .services-content {
    margin-top: 20px; /* Adjust margin top for smaller screens */
  }

  .about-title {
    font-size: 25px; /* Adjust font size for smaller screens */
  }

  .about-text {
    font-size: 35px; /* Adjust font size for smaller screens */
  }

  .about-info {
    font-size: 18px; /* Adjust font size for smaller screens */
  }
}

/* Media query for screens up to 767px */
@media (max-width: 767px) {
  .services-content {
    margin-top: 10px; /* Adjust margin top for smaller screens */
  }

  .about-title {
    font-size: 22px; /* Adjust font size for smaller screens */
  }

  .about-text {
    font-size: 30px; /* Adjust font size for smaller screens */
  }

  .about-info {
    font-size: 16px; /* Adjust font size for smaller screens */
  }
}
/*--------------------------------------------Solutions------------------------------------*/
@media (max-width: 991px) {
  .prod-title {
    font-size: 25px;
    margin-top: 30px;
  }

  .prod-main-title {
    font-size: 35px;
    margin-top: 10px;
  }

  .para {
    font-size: 14px;
  }
}

/* For screens up to 767px */
@media (max-width: 767px) {
  .prod-title {
    font-size: 20px;
    margin-top: 20px;
  }

  .prod-main-title {
    font-size: 30px;
    margin-top: 10px;
  }

  .para {
    font-size: 12px;
  }
}
/* For screens up to 575px */
@media (max-width: 575px) {
  .prod-title {
    font-size: 18px;
    margin-top: 15px;
  }

  .prod-main-title {
    font-size: 25px;
    margin-top: 5px;
  }

  .para {
    font-size: 10px;
  }
}
/*-------------------------------------------Testimonials------------------------------------*/
/* For screens up to 991px */
@media (max-width: 991px) {
  .prod-title {
    font-size: 25px;
  }

  .prod-main-title {
    font-size: 30px;
  }

  .person {
    font-size: 16px;
  }
}

/* For screens up to 767px */
@media (max-width: 767px) {
  .prod-title {
    font-size: 20px;
  }

  .prod-main-title {
    font-size: 25px;
  }

  .person {
    font-size: 14px;
  }
}

/* For screens up to 575px */
@media (max-width: 575px) {
  .prod-title {
    font-size: 18px;
  }

  .prod-main-title {
    font-size: 22px;
  }

  .content {
    font-size: 14px;
  }

  .person {
    font-size: 12px;
  }

  .arrow-btn {
    font-size: 20px;
    width: 30px;
    height: 30px;
  }
}
/*-------------------------------------------Partner companies------------------------------------*/
@media (max-width: 1199px) {
  .partner-companies .row [class*="col-"] {
    flex: 0 0 33.33%; /* Display 3 columns per row on medium screens */
  }
}

@media (max-width: 991px) {
  .partner-companies .row [class*="col-"] {
    flex: 0 0 50%; /* Display 2 columns per row on small screens */
  }

  .partner-companies .row [class*="col-"] img {
    max-width: 80%; /* Reduce image size on small screens */
  }
}

@media (max-width: 767px) {
  .partner-companies .row [class*="col-"] {
    flex: 0 0 100%; /* Display 1 column per row on extra small screens */
  }

  .partner-companies .row [class*="col-"] img {
    max-width: 60%; /* Further reduce image size on extra small screens */
  }
}
/*------------------------------------------------Footer-------------------------------*/
@media (min-width:0%){
  .footer-logo {
    width: 200px; /* Decreased width for extra small screens */
    height: auto;
    margin-bottom: 20px; /* Adjusted margin for extra small screens */
  }
  
  .footer {
    background-color: #263238;
    padding-top: 100px; /* Decreased padding for extra small screens */
    padding-bottom: 20px;
    border-radius: 8px;
  }
  
  .cardf {
    background: linear-gradient(to bottom right, #00AFF0, #27D0B1);
    padding-top: 60px; /* Decreased padding for extra small screens */
    padding-bottom: 40px; /* Decreased padding for extra small screens */
    border-radius: 16px; /* Adjusted border radius for extra small screens */
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.15);
    border: none;
    color: white;
    margin-bottom: -80px; /* Adjusted margin for extra small screens */
  }
  
  .btnf {
    background-color: white;
    border: none;
    font-size: 16px; /* Decreased font size for extra small screens */
    padding: 10px 26px; /* Adjusted padding for extra small screens */
    border-radius: 24px; /* Adjusted border radius for extra small screens */
    margin-top: 10px; /* Adjusted margin for extra small screens */
    font-weight: 500;
    margin-right: 20px; /* Adjusted margin for extra small screens */
    cursor: pointer;
  }
  
  .link-title {
    font-size: 20px; /* Decreased font size for extra small screens */
    font-weight: 600;
  }
  
  .left {
    padding-bottom: 20px; /* Adjusted padding for extra small screens */
  }
  
  .list-unstyled li {
    font-size: 14px; /* Adjusted font size for extra small screens */
  }
  
  .copyright {
    font-size: 14px; /* Decreased font size for extra small screens */
  }
}

@media (min-width: 30%) {
  .footer-logo {
    width: 220px; /* Adjusted width for small screens */
    height: auto;
    margin-bottom: 20px; /* Adjusted margin for small screens */
  }
  
  .footer {
    background-color: #263238;
    padding-top: 80px; /* Adjusted padding for small screens */
    padding-bottom: 20px;
    border-radius: 8px;
  }
  
  .cardf {
    background: linear-gradient(to bottom right, #00AFF0, #27D0B1);
    padding-top: 30px; /* Adjusted padding for small screens */
    padding-bottom: 20px; /* Adjusted padding for small screens */
    border-radius: 12px; /* Adjusted border radius for small screens */
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.15);
    border: none;
    color: white;
    margin-bottom: -60px; /* Adjusted margin for small screens */
  }
  
  .btnf {
    background-color: white;
    border: none;
    font-size: 18px; /* Decreased font size for small screens */
    padding: 8px 22px; /* Adjusted padding for small screens */
    border-radius: 20px; /* Adjusted border radius for small screens */
    margin-top: 10px; /* Adjusted margin for small screens */
    font-weight: 500;
    margin-right: 16px; /* Adjusted margin for small screens */
    cursor: pointer;
  }
  
  .link-title {
    font-size: 20px; 
    font-weight: 600;
  }
  
  .left {
    padding-bottom: 16px; /* Adjusted padding for small screens */
  }
  
  .list-unstyled li {
    font-size: 16px; /* Decreased font size for small screens */
  }
  
  .copyright {
    font-size: 15px; /* Decreased font size for small screens */
  }
}
@media (min-width: 50%) and (max-width: 69.99%) {
  .footer-logo {
    width: 220px; /* Adjusted width for medium screens */
    height: auto;
    margin-bottom: 20px; /* Adjusted margin for medium screens */
  }
  
  .footer {
    background-color: #263238;
    padding-top: 100px; /* Adjusted padding for medium screens */
    padding-bottom: 20px;
    border-radius: 8px;
  }
  
  .cardf {
    background: linear-gradient(to bottom right, #00AFF0, #27D0B1);
    padding-top: 30px; 
    padding-bottom: 20px; 
    border-radius: 16px; 
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.15);
    border: none;
    color: white;
    margin-bottom: -80px; /* Adjusted margin for medium screens */
  }
  
  .btnf {
    background-color: white;
    border: none;
    font-size: 16px; /* Decreased font size for medium screens */
    padding: 10px 26px; /* Adjusted padding for medium screens */
    border-radius: 24px; /* Adjusted border radius for medium screens */
    margin-top: 10px; /* Adjusted margin for medium screens */
    font-weight: 500;
    margin-right: 20px; /* Adjusted margin for medium screens */
    cursor: pointer;
  }
  
  .link-title {
    font-size: 22px; /* Decreased font size for medium screens */
    font-weight: 600;
  }
  
  .left {
    padding-bottom: 20px; /* Adjusted padding for medium screens */
  }
  
  .list-unstyled li {
    font-size: 18px; /* Decreased font size for medium screens */
  }
  
  .copyright {
    font-size: 16px; /* Decreased font size for medium screens */
  }
}
@media (min-width: 70%) {
  .footer-logo {
    width: 250px; /* Adjusted width for large screens */
    height: auto;
    margin-bottom: 30px; /* Adjusted margin for large screens */
  }
  
  .footer {
    background-color: #263238;
    padding-top: 200px; /* Adjusted padding for large screens */
    padding-bottom: 20px;
    border-radius: 8px;
  }
  
  .cardf {
    background: linear-gradient(to bottom right, #00AFF0, #27D0B1);
    padding-top: 100px; /* Adjusted padding for large screens */
    padding-bottom: 80px; /* Adjusted padding for large screens */
    border-radius: 28px; /* Adjusted border radius for large screens */
    box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.15);
    border: none;
    color: white;
    margin-bottom: -120px; /* Adjusted margin for large screens */
  }
  
  .btnf {
    background-color: white;
    border: none;
    font-size: 20px; /* Adjusted font size for large screens */
    padding: 14px 34px; /* Adjusted padding for large screens */
    border-radius: 30px; /* Adjusted border radius for large screens */
    margin-top: 20px; /* Adjusted margin for large screens */
    font-weight: 500;
    margin-right: 28px; /* Adjusted margin for large screens */
    cursor: pointer;
  }
  
  .link-title {
    font-size: 26px; /* Adjusted font size for large screens */
    font-weight: 600;
  }
  
  .left {
    padding-bottom: 36px; /* Adjusted padding for large screens */
  }
  
  .list-unstyled li {
    font-size: 22px; /* Adjusted font size for large screens */
  }
  
  .copyright {
    font-size: 19px; /* Adjusted font size for large screens */
  }
}



@media (min-width: 0%) {
  .cardf .forms{
    margin-left:10px;
  }
  .cardf .forms .form-group {
    margin-bottom: 16px; 
  }
  .cardf .forms {
    padding-top: 6px;
    padding-left:-20px;
   
    max-width: 300px; 
    margin: 0 auto; 
    padding: 24px;
  }
  
  .card-body h5{
    font-size: 20px;
  }
  .card-body h1{
    font-size: 32px;
  }
  .cardf{
    background: linear-gradient(to bottom right, #00AFF0,#27D0B1);
    padding-top: 100px;
    padding-bottom:70px;
    border-radius: 28px;
    box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.15); 
    border:none;
    color:white;
    position: relative;
    z-index: 1; 
    margin-bottom: -120px;
  }
  .btnf {
    background-color: white;
    border: none;
    font-size: 20px;
    padding: 14px 34px;
    border-radius: 30px;
    margin-top: 10px;
    font-weight: 500;
    margin-right: 28px;
    cursor: pointer;
    /* background-image: linear-gradient(to right, #27D0B1, #00aff0);
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
  */
  }
}
@media (min-width: 0%){

}