@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}
		 body{
		 	font-family: "Montserrat", serif;
		 	font-weight: 400;
		 	font-size: 16px;
		 
		 }
		 
		 footer{background-color: #093f46; color:#fff}	
		 footer a,footer a:hover{font-size: 14px;font-weight: 300; line-height: 32px; color:#fff;text-decoration:none;}
		 footer a:hover{text-decoration:underline;}

		.hero-container {
						font-family: "Nunito", serif;
            display: flex;
            flex-direction: column;
            gap: 15px; /* Add spacing between elements */
            max-width: 800px; /* Limit the width of the content */
            margin: 0 auto; /* Center the content horizontally */
    }
    .container.hero-container {
       max-width: 1400px; /* Ensure the container is wide enough to accommodate the form */
       width: 100%; /* Allow it to stretch fully */
       margin: 0 auto; /* Center the container */
    }
    .hero-heading {
    				font-family: "Nunito", serif;
            font-size: 3rem; /* Increase the heading size */
            font-weight: 600; 
            color: #ffffff; 
            text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5); 
    }
    .hero-subtext {
		  font-size: 1.5rem;
		  font-weight: 500;
		  line-height: 1.65rem;
		  margin-bottom: 1rem;
		  color:#fff;
    }
	  .image-container2 {
        position: relative;
        width: 50%; /* Set width to 50% of the container */
        height: 50vh; /* Set height to 50% of the viewport height */
    }

    .image-container2 img {
       width: 100%; /* Ensure the image fills the container width */
       height: 100%; /* Ensure the image fills the container height */
       object-fit: cover; /* Maintain aspect ratio and cover the area */
       border-radius: 10px;
    }
    
    .navbar {background:transparent;}
		.navbar .navbar-brand {font-size: 30px;}
		.navbar .nav-item a{ padding: 10px 20px; color:#fff !important; text-decoration:none;font-size: 14px;font-weight: 600;text-decoration: none;}
		.navbar .nav-link {font-size: 20px;margin-left: 10px;}
    .navbar-fixed .navbar {background-color:#fff; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);}
	  .navbar-fixed .nav-item a,.navbar-fixed .nav-item a:hover{color:#383838 !important; ;}
	  

	 	
	 
    .logo {
      display: flex;
      align-items: center;
      font-size: 1.5rem;
      font-weight: bold;
      color: #0d8469;
    }
    .logo span {
      color: #64c259;
    }
    
    section {
      background-color: white;
      padding: 60px 5px 60px 5px;
      /*text-align: center;*/
    }

    .subtitle {
    	color:#1ab2c5;
     font-size: 1rem;
 		 line-height: 1.05rem;
 		 display: block;
  		font-family: Nunito,sans-serif;
  		font-weight: 700;
  		letter-spacing: 2.5px;
  		text-transform: uppercase;
    }

    .title {
    	font-size: 2.375rem;
  		line-height: 2.75rem;
  		margin: 8px 0;
     	color: #093f46;
		  display: block;
		  font-family: Nunito,sans-serif;
		  letter-spacing: -.38px;
		  font-weight: 800;
		  padding:0px;
    }

    .description {
      font-size: 1.125rem;
		  font-weight: 300;
		  color: #093f45;
		  display: block;
		  font-family: Montserrat,sans-serif;
		  line-height: 1.65rem;
		  margin-bottom: 1rem;
    }

    .features-grid {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      flex-wrap: wrap;
      gap: 20px;
    }

    .feature-item {
      flex: 1;
      min-width: 200px;
      max-width: 280px;
      text-align: center;
    }

    

    .feature-icon img {
      width: 40px;
      height: 40px;
    }

    .feature-title {
      font-size: 20px;
      color: #1d3838;
      font-weight: bold;
      margin-bottom: 10px;
    }

    .feature-text {
      color: #3e5a5e;
		  font-size: 15px;
		  font-weight: 300;
		  line-height: 24px;
		  margin: 0;
    }

    .feature-text a,
    .feature-text a:hover {
      color: #1ab2c5;
      text-decoration: none;
    }
    
	.feature-icon {
      background-color: rgba(249, 161, 30, 0.15);
      position: relative; 
	 		border-radius: 50%;
      justify-content: center;
      height: 85px;
      margin-right: 35px;
      width: 85px;
    }
	.feature-icon1 {background-color: rgba(26, 178, 197, .15); }
	.feature-icon2 {  background-color: rgba(192, 210, 15, .15);}
	
        

        .btn {
            background-color: #ff5a5f;
            color: white;
            font-weight: bold;
        }

        .btn:hover {
            background-color: #e04e54;
        }
        .carousel {
           
            max-width: 1200px;
            overflow: hidden;
            position: relative;
        }
        .carousel-track {
            display: flex;
            transition: transform 0.3s ease-in-out;
        }
        .carousel-item {
            flex: 0 0 33.3333%;
            text-align: center;
        }
        .carousel-item img {
           
        }
        
        
		.heading-title1 {
      font-size: 36px;
      font-weight: 700;
      margin-bottom: 10px;
	  font-family: Nunito, sans-serif;
    }

    .subtext1 {
      font-size: 18px;
      font-weight: 400;
      color: #606060; /* Light gray for subtext */
      margin-bottom: 40px;
	  font-family: Nunito, sans-serif;
    }
    

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

    .region {
  flex: 1 1 calc(33.333% - 20px);
  min-width: 200px;
  border-top: 2px solid #e0e0e0;
  padding: 20px;
  font-size: 19px; /* Increased font size */
  font-weight: 700; /* Keep it bold */
  text-align: left; /* Align text to the left */
  position: relative;
  //background-color: #ffffff;
  //box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  //border-radius: 8px;
  //transition: transform 0.2s, box-shadow 0.2s;
  color: black;
}

    

  .region .icon1 {
  color: #007b7f;
  font-size: 24px; /* Increase the icon size */
  position: relative; /* Use relative positioning */
  top: 0; /* Remove the top offset */
  left: 0; /* Align the icon to the start of the region */
  margin-right: 10px; /* Add spacing between the icon and the text */
  transform: none; /* Remove unnecessary translation */
}

.footer-section {
            margin-bottom: 20px;
            position: relative;
        }

        .footer-title {
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-size: 17px;
            font-weight: bold;
            cursor: pointer;
        }

        .footer-title:hover {
            //color: #90ee90; /* Optional hover effect */
        }

        .underline {
            height: 1px;
            background-color: white;
            margin: 10px 0;
        }

        .arrow-icon {
            font-size: 16px;
            transform: rotate(0deg);
            transition: transform 0.3s ease;
        }

        .footer-section.open .arrow-icon {
            transform: rotate(180deg);
        }

        .footer-logo {
            margin-bottom: 20px;
        }

        .footer-logo img {
            width: 50px;
            height: 50px;
        }
		.footer-content{
		   font-family: 'Montserrat', sans-serif;
           font-weight: 400;
		   font-size: 23px;
		}
		.footer-links {
      list-style-type: none; /* Remove default list bullets */
      padding: 0;
    }

    .footer-links li {
      display: inline-block; /* Make list items horizontal */
      margin-right: 15px; /* Add space between list items */
    }

    .footer-links a {
      //color: #333; /* Set link color */
      text-decoration: none; /* Remove underline from links */
    }
	.w-50 {
      width: 59% !important;
    }


 .hero {
    text-align: left; /* Align text to the left */
		background: url('/uploads/theame/site/img/homepage.jpg') no-repeat;
		height:350px;
		background-size:cover;
		background-position:50% 41%;
		padding: 10rem 5rem 2rem;
  }

.card-subtitle{
  font-weight: 800;
  color: #0e3f44;
}

.card-subtitle-sm{
	font-size: 16px;
  line-height: 27px;
	font-weight: 600;
	
  color: #0e3f44;
}
#customCarousel img{width:60% !important}

#customCarousel .card {position:absolute; top: 15%;
  left:50%; background: white; border-radius: 10px; padding: 20px; max-width: 500px; min-height: 300px;padding: 53px;border-bottom: 6px solid #c0d02e;}

@media only screen and (max-width: 900px) {
    .title {
        font-size: 1.5rem;
        line-height: 1.75rem;
    }
}
@media only screen and (max-width: 600px) {
		.card-body{padding:1rem 0rem}
		.hero{padding:5rem 5rem 2rem;}
    .hero-heading {
        letter-spacing: -.22px;
        font-size: 2.1875rem;
    }
    .navbar-toggler,.navbar-collapse{background-color:#fff;}
    .navbar .nav-item a {color:#383838 !important;}
    .navbar-collapse{min-height:100px; padding:20px;}
    .description {
        font-size: .9375rem;
    }
    
    section {
      padding-top: 10px;
    }
    
    #customCarousel img{width:100% !important;border-radius:10px;}
    #customCarousel .card {background: white; border-radius: 10px; padding: 20px; right:0;left:0; margin:0px auto;max-width:95%; position:relative; bottom:85px; min-height: 300px; }
}

.readyshred{
	background-image: linear-gradient(#f9fdfd,#ddf0f2);
  max-width: 100%;
  align-items: center;
  width: 100%;
}

.btn-danger{background-color: #d24f45;
  border-radius: 4px;
  color: #fff;
  display: inline-block;
  font-weight: 600;
  padding: 16px 32px;
  margin: 0;
	
}