.navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0,1)
}


.nav-link {
	display: block;
	padding: 0.4rem 1rem;
	color: #007bff;
	-webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
	-o-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}   
    
 .text-blue-1{
color:#007bff !important;}
 
.navbar-light .navbar-nav .nav-link:hover {
	color: rgba(255,255,255,1);
    background-color: rgb(0, 51, 102); 
    
}  

 .navbar-light .navbar-nav .nav-link:focus {
	color: rgba(255,255,255,1);
    background-color: rgb(102, 153, 204); 
    
}  














.btn-outline-primary {
	color: rgb(0, 51, 102);
	border-color: rgb(0, 51, 102);
   background-color: rgb(255, 255, 255) !important; 
    box-shadow: none; /* Oder 0 0 0 transparent */
  border-radius: 6px; /* Beispiel: 6px abgerundete Ecken */ 
    
}

.btn-outline-primary:hover {
    position: relative;
    z-index: 10;
    
     pointer-events: auto !important;
	color: #fff;
	background-color: rgb(102, 153, 204) !important;
     border-color: rgba(0, 51, 102, 1.0) !important;
  border-radius: 6px; /* Damit es auch beim Hover bleiben kann */
}

.btn-outline-primary:before, .btn-outline-primary:after {
	background-color: rgb(102, 153, 204) !important;
}

.btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus {
  -webkit-box-shadow: 0 0 0 .25rem rgb(102, 153, 204) !important;
  box-shadow: 0 0 0 .25rem rgb(102, 153, 204) !important;
}
.btn-check:checked + .btn-outline-primary, .btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show {
  color: #fff;
  background-color: rgb(102, 153, 204) !important;
  border-color:rgba(0, 51, 102, 1.0) !important;
}

.btn-check:checked + .btn-outline-primary:focus, .btn-check:active + .btn-outline-primary:focus, .btn-outline-primary:active:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .25rem rgba(0, 123, 255, .5);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125), 0 0 0 .25rem rgba(0, 123, 255, .5)
}
.btn-outline-primary:disabled, .btn-outline-primary.disabled {
  color: #007bff;
  background-color: transparent
}






.btn-outline-primary.hvr-sweep-collapseX, 
.btn-outline-primary.hvr-sweep-collapseY {
	background-color: rgb(102, 153, 204);
}




.btn-outline-primary.hvr-sweep-collapseX:after, .btn-outline-primary.hvr-sweep-collapseY:after {
	background-color: #fff;
}



 @media (max-width: 576px) {
  .card.no-border-xs {
    border: none !important;      /* Keine Rahmenlinie */
    box-shadow: none !important;  /* Falls du keinen Schatten willst */
  }
}   


.lh-xxs {
	line-height: 0.9 !important;
}
.bg-darkgray{background-color:#2f4052 !important;}

.btn-warning {
	background-color: #B20000 !important;
    color: #FFF !important;
    border: 0px none #B20000 !important;
     border-radius: 8px; /* Ecken werden abgerundet */
}


.btn-warning:hover, .btn-warning:focus {
    background-color: rgba(219,5,5,1) !important;
    
}
.btn-warning:active {
	background-color: transparent !important;
	color: #fff !important;
}

.btn-warning:after {
	 background-color: rgba(178, 0, 0, 0.5) !important;
}

.shadow {
  box-shadow: none !important;
 }

  @media (min-width: 576px) {
    box-shadow: var(--reign-box-shadow) !important;
  }



.border-sm {
    border: 0px none #FFF !important;
  }

@media (min-width: 576px) {
  .border-sm {
    border: 1px solid #000 !important;
  }
}





.btn-primary {
  color: #fff;
  background-color: rgba(0, 51, 102, 1.0);
  border-color: rgba(0, 51, 102, 1.0);
  box-shadow: none; /* Oder 0 0 0 transparent */
  border-radius: 6px; /* Beispiel: 6px abgerundete Ecken */
}

.btn-primary:hover {
  color: #fff;
  background-color: rgb(102, 153, 204);
  border-color: rgba(0, 51, 102, 1.0);
  border-radius: 6px; /* Damit es auch beim Hover bleiben kann */
}


.bg-lightblue{background-color:rgb(102, 153, 204);}

@media (max-width: 576px) {
      .colh {
    
      }
    .fs-01 {
	font-size: 1rem !important;
}   
}


@media (min-width: 576px) {
      .colh {
    
      }
    .fs-01 {
	font-size: 1.0rem !important;
}   
    
    }

    @media (min-width: 768px) {
      .colh {
        min-height: 540px !important; /* Beispielhöhe, anpassen nach Bedarf */
      }
      .fs-01 {
	font-size: 1rem !important;
}   
      
        
        
    }

    @media (min-width: 992px) {
      .colh {
        min-height: 500px !important; /* Beispielhöhe, anpassen nach Bedarf */
      }
     .fs-01 {
	font-size: 1.1rem !important;
}   
       
        
        
        
    }   
     @media (min-width: 1199px) {
      .colh {
       min-height: 400px !important; /* Beispielhöhe, anpassen nach Bedarf */
      }
    .fs-01 {
	font-size: 1.1rem !important;
}   
         
         
         
    }   







.fs-02 {
	font-size: 0.975rem !important;
}







#pricing-tables {
  background-color: #fff; /* Light background color for the entire section */
  padding: 30px 0;
}
.styled-table-3 {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    font-size: 18px;
    text-align: left;
}
.steuern-section {
  /* e.g., you might do: color: #888;  */
  /* but leave it out if you want default text color. */
}
.border-custom-black{
	border:1px rgb(80, 106, 133) solid;
}
/* Headings still look normal unless you specifically override them. */
.steuern-section h2,
.steuern-section h3,
.steuern-section h4 {
  /* e.g., color: #888; */
}
.vertical-line {
      border-left: 3px solid #007bff; /* Blue color for the line */
}
.mx-wid-85{
	width:85%;
	
}


.bg-full-gray{
	color:white;
	background-color:rgb(47, 64, 82);
	border-radius:10px;
}


.bg-half-white{
background-color:	rgb(240,248,255);
}



.navbar-nav ol, ul {
	padding-left: 0.1rem;
}  

.nav-link {
	display: block;
	padding: 0.4rem 1rem;
	color: #007bff;
	-webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
	-o-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}   
    
 .text-blue-1{
color:#007bff !important;}
 
.navbar-light .navbar-nav .nav-link:hover {
	color: rgba(255,255,255,1);
    background-color: rgb(0, 51, 102); 
    
}  

 .navbar-light .navbar-nav .nav-link:focus {
	color: rgba(255,255,255,1);
    background-color: rgb(102, 153, 204); 
    
}  




.ep-header {
      background-color: rgb(47, 64, 82);
      color: white;
      padding: 3rem 0;
      text-align: center;
    }
    .ep-header h1 {
      font-size: 2.5rem;
      font-weight: bold;
      margin-bottom: 0.5rem;
    }
    .ep-header h2 {
      font-size: 2rem;
      font-weight: 500;
      margin-bottom: 1rem;
    }
    /* Button Updates */
   
    /* Card Styling */
   
    .card h4 {
      font-size: 1.5rem;
      margin-bottom: 1rem;
    }
    /* Express-Pflege Sections */
    .ep-benefits {
      background-color: rgb(240,248,255);
      padding: 1.5rem;
		padding-bottom:0;
     
      margin-bottom: 0.5rem;
	
    }
.background-dark-grey-ep{
background-color: rgb(47, 64, 82);
	color:white;
	border-radius:20px;
}
.fz-176{
	font-size:17.6px;
}
    .ep-limitations {
      background-color: rgb(240,248,255);
      padding: 1.5rem;
		padding-right:0;
      margin-bottom: 2rem;
			padding-bottom:0;
    }
.border-gray{
	     border-bottom:1px solid rgba(47,64,82,0.47);

}

.lh-20{

line-height:20px;

}
    .ep-benefits h3,
    .ep-limitations h3 {
      color: rgb(47, 64, 82);
      font-weight: bold;
      margin-bottom: 1rem;
    }
    .ep-benefits ul li,
    .ep-limitations ul li {
      margin-bottom: 0.75rem;
      font-size: 1.1rem;
		
		padding-bottom:5px;
		
    }
    .ep-plus {
      color: green;
      font-weight: bold;
		
 position: relative;
  top: 7px;
    }

.fz-20{

font-size:20px !important;

}
    .ep-minus {
      color: #b20000;
      font-weight: bold;
		 position: relative;
  top: 7px;
    }
    /* Highlight Text */
    .ep-highlight {
      font-weight: bold;
      color: rgb(80, 106, 133);
    }
    /* Override for Bootstrap text-danger */
    .text-danger {
      color: #b20000 !important;
    }

.color-grey{
	color:rgb(95, 101, 108) !important;
}


.border-custom-gray1{
	border-bottom:1px solid rgb(80, 106, 133);
	height:1px;
}
        .nav1-link {
            border: 1px solid rgb(80, 106, 133);
            border-radius: 0;
           	color:rgb(80, 106, 133);
	background-color:rgb(245, 247, 250);
        }
.dots-none{
	
	    list-style-type: none;

	
}

.pos-0{
	position:absolute;
	bottom:5px;
	right:5%;
}
.border-round-1{
	border-radius:18px;
}
@media (min-width: 768px) {
.container-custom {
	max-width: 720px;
}
    
    
}

@media (min-width: 992px) {
.container-custom {
	max-width: 960px;
}
}

@media (min-width: 1200px) {
.container-custom {
	max-width: 1140px;
}}
.form-control{
	border:1px solid rgb(80, 106, 133); 
	border-radius:7px;
}

        .nav1-link.active {
    color: #b20000 !important;
            background-color: white!important;
            border-bottom: 2px solid white;
        }

       .nav1-link:hover {
             color: white ;
            background-color: #b20000;
		   border: 1px solid  #b20000;
        }
#contactTabs{
	width:100%;
	border-bottom: 2px solid rgb(80, 106, 133);
}
.form-control::placeholder {
  font-size: 12px !important;
  color: gray; /* Optional: Adjust color */
  opacity: 1; /* Ensure full visibility */
}
 .vertical-line {
      border-right: 1px solid #007bff; /* Blue color for the line */
      height: 80%;
	 width:2px;/* Full height for the column */
    }

    .form-container1 {
      max-width: 600px;
    }

    .contact-details-container {
      max-width: 400px;
		font-size:15px;
    }


/* Default style */
.Mecklenburg-Vorpommern {
  fill: #b20000;
  stroke: #fff;
  stroke-width: 5;
  transition: fill 0.3s;
	line-height: 0; 
}

/* Hover directly on the <a> element */
.Mecklenburg-Vorpommern:hover {
  fill:#4285F4	; /* Change fill color on hover */
  text-decoration: none; /* SVG elements don’t support underline */
}
.Brandenburg {
  fill: #b20000;
  stroke: #fff;  stroke-width: 5;
  transition: fill 0.3s;
	line-height: 0; 
}

/* Hover directly on the <a> element */
.Brandenburg:hover {
  fill:#4285F4	; /* Change fill color on hover */
  text-decoration: none; /* SVG elements don’t support underline */
}
.Sachsen {
  fill: #b20000;
  stroke: #fff;  stroke-width: 5;
  transition: fill 0.3s;
	line-height: 0; 
}

/* Hover directly on the <a> element */
.Sachsen:hover {
  fill:#4285F4	; /* Change fill color on hover */
  text-decoration: none; /* SVG elements don’t support underline */
}
.Sachsen-Anhalt {
  fill: #b20000;
  stroke: #fff;  stroke-width: 5;
  transition: fill 0.3s;
	line-height: 0; 
}

/* Hover directly on the <a> element */
.Sachsen-Anhalt:hover {
  fill:#4285F4	; /* Change fill color on hover */
  text-decoration: none; /* SVG elements don’t support underline */
}
.Berlin {
  fill: #b20000;
  stroke: #fff;  stroke-width: 5;
  transition: fill 0.3s;
	line-height: 0; 
}

/* Hover directly on the <a> element */
.Berlin:hover {
  fill:#4285F4	; /* Change fill color on hover */
  text-decoration: none; /* SVG elements don’t support underline */
}

.Bayern {
  fill: #b20000;
  stroke: #fff;  stroke-width: 5;
  transition: fill 0.3s;
	line-height: 0; 
}

/* Hover directly on the <a> element */
.Bayern:hover {
  fill:#4285F4	; /* Change fill color on hover */
  text-decoration: none; /* SVG elements don’t support underline */
}

.Saarland {
  fill: #b20000;
  stroke: #fff;  stroke-width: 5;
  transition: fill 0.3s;
	line-height: 0; 
}

/* Hover directly on the <a> element */
.Saarland:hover {
  fill:#4285F4	; /* Change fill color on hover */
  text-decoration: none; /* SVG elements don’t support underline */
}


.Rheinland-Pfalz {
  fill: #b20000;
  stroke: #fff;  stroke-width: 5;
  transition: fill 0.3s;
	line-height: 0; 
}

/* Hover directly on the <a> element */
.Rheinland-Pfalz:hover {
  fill:#4285F4	; /* Change fill color on hover */
  text-decoration: none; /* SVG elements don’t support underline */
}




.Schleswig-Holstein {
  fill: #b20000;
  stroke: #fff;  stroke-width: 5;
  transition: fill 0.3s;
	line-height: 0; 
}

/* Hover directly on the <a> element */
.Schleswig-Holstein:hover {
  fill:#4285F4	; /* Change fill color on hover */
  text-decoration: none; /* SVG elements don’t support underline */
}

.Hamburg {
  fill: #b20000;
  stroke: #fff;  stroke-width: 5;
  transition: fill 0.3s;
	line-height: 0; 
}

/* Hover directly on the <a> element */
.Hamburg:hover {
  fill:#4285F4	; /* Change fill color on hover */
  text-decoration: none; /* SVG elements don’t support underline */
}

.Thuringen
 {
  fill: #b20000;
  stroke: #fff;  stroke-width: 5;
  transition: fill 0.3s;
	 line-height: 0; 
}

/* Hover directly on the <a> element */
.Thuringen:hover {
  fill:#4285F4	; /* Change fill color on hover */
  text-decoration: none; /* SVG elements don’t support underline */
}

.Niedersachsen
 {
  fill: #b20000;
  stroke: #fff;  stroke-width: 5;
  transition: fill 0.3s;
	 line-height: 0; 
}

/* Hover directly on the <a> element */
.Niedersachsen:hover {
  fill:#4285F4	; /* Change fill color on hover */
  text-decoration: none; /* SVG elements don’t support underline */
}



.Bremen
 {
  fill: #b20000;
  stroke: #fff;  stroke-width: 5;
  transition: fill 0.3s;
	 line-height: 0; 
}

/* Hover directly on the <a> element */
.Bremen:hover {
  fill:#4285F4	; /* Change fill color on hover */
  text-decoration: none; /* SVG elements don’t support underline */
}


.Baden-Wurttemberg
{
  fill: #b20000;
  stroke: #fff;  stroke-width: 5;
  transition: fill 0.3s;
	line-height: 0; 
}

/* Hover directly on the <a> element */
.Baden-Wurttemberg:hover {
  fill:#4285F4	; /* Change fill color on hover */
  text-decoration: none; /* SVG elements don’t support underline */
}

@media only screen and (max-width: 768px) {
    /* Add your mobile-specific styles here */
    
	
	.svg_sizer{
		display: block;height: 70%; width: 60%; line-height: 0;
	}
	
}


.city-link {
             display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
            margin: 5px;
            padding: 15px;
            text-align: center;
            background-color: #f5f7fa;
            border: 1px solid #90A6C7;
            border-radius: 5px;
          
	min-height:101px;
            text-decoration: none;
            color: #000;
            font-weight: 500;
            font-size: 16px;
max-width:277%;
	
        }

.separator {
    margin: 0 5px; /* Space between the separator and buttons */
    color: rgb(119, 126, 135); /* Matches the button outline color */
       font-size: 16px; /* Adjust size to your preference */
}
.group-separator {
    display: inline-block;
    margin: 0 10px;
    color: #6c757d; /* Matches button outline color */
    font-weight: bold;
    font-size: 16px; /* Adjust as needed */
    text-align: center;
}
.city_item{
		max-width:277px;
}
        .city-link span {
            font-size: 14px;
            display: block;
			font-weight:400;
        }
        .city-link:hover {
          
            color: #b20000;
            text-decoration: none;
        } .city-link:hover span {
    color: #000; /* Change the color to red, for example */
 /* Optionally make it bold */
}
        .filter-btn {
            margin: 0 2px;
			background-color:transparent;
			padding-top:4px;
				padding-bottom:4px;
			padding-left:9px;
			padding-right:9px;
			border:none;
        }
.Hessen
{
  fill: #b20000;
  stroke: #fff;  stroke-width: 5;
  transition: fill 0.3s;
	line-height: 0; 
}

/* Hover directly on the <a> element */
.Hessen:hover {
  fill:#4285F4	; /* Change fill color on hover */
  text-decoration: none; /* SVG elements don’t support underline */
}
.Nordrhein-Westfalen
{
  fill: #b20000;
  stroke: #fff;  stroke-width: 5;
  transition: fill 0.3s;
	line-height: 0; 
}

/* Hover directly on the <a> element */
.Nordrhein-Westfalen:hover {
  fill:#4285F4	; /* Change fill color on hover */
  text-decoration: none; /* SVG elements don’t support underline */
}


.germany-map{
	/* Set the scaling origin */
}








/* Ensure "+" and "-" have proper colors */
.text-green {
  color: #28a745; /* Bootstrap green */
  font-weight: bold;
}

.text-red {
  color: #dc3545; /* Bootstrap red */
  font-weight: bold;
}

/* Title styling */
.lh-29{
line-height:29px;}

.Recht-title {
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 1rem;
	min-height:80px;
	color:#73879c;
}
.Recht-title2 {
  font-size: 1.5rem;
  font-weight: bold;
  margin:0 !important;
	min-height:60px;
	color:#73879c;
}

/* Subtitle styling */
.Recht-subtitle {
  font-size: 1.2rem;
  font-weight: bold;
  margin-top: 1rem;
	color:#73879c;
}

/* Link styling: gray to red */
.Recht-link {
  position: relative;
  display: inline-block;
  color: #73879c; /* Default gray */
  font-weight: 600;
  text-decoration: none;
  transition: color 0.3s;
}

/* Hover: arrow moves right, text remains static */
.Recht-link:hover {
  color: #b20000; /* Red text on hover */
text-decoration: none; 
    
}

.Recht-link:hover::after {
  color: #b20000; /* Red arrow on hover */
  transform: translateX(5px); /* Move arrow right */
}


/* Add arrow after the link */
@media screen and (min-width: 470px){
/* Add arrow after the link */
.Recht-link::after {
  content: '→'; /* Arrow */
  position: absolute;
  right: -1.2em; /* Adjust spacing for arrow */
  transition: transform 0.3s, color 0.3s;
  color: #888; /* Default arrow color */
}}


.steuern-link {
  position: relative;         /* required for arrow's absolute positioning */
  display: inline-block;      /* ensures transform applies cleanly */
  color: #73879c;                /* default link color */
  font-weight: bold;          /* or normal, if you prefer */
  text-decoration: none; 
  transition: color 0.3s;   
	margin-bottom:5px;/* smooth color change */
}

/* The arrow (→) that appears to the right of the link text */
.steuern-link::after {
  content: '→';
  position: absolute;
  right: -1.4em;              /* space to the right of the link */
  transition: transform 0.3s, color 0.3s; /* smooth movement and color change */
  color: #888;                /* default arrow color */
}

/* Hover: arrow moves right, text remains static */
.steuern-link:hover {
  color: #b20000;             /* link text becomes red */
}

.steuern-link:hover::after {
  color: #b20000;             /* arrow becomes red */
  transform: translateX(5px); /* arrow moves to the right */
}
.styled-table-3 thead tr {
    background-color: #4F718C;
    color: #ffffff;
    font-weight: bold;
}

.styled-table-3 th, .styled-table-3 td {
    padding: 12px 15px;
    border: 1px solid #ddd;
}
.unique-link-class {
  color: rgba(2, 10, 31, 1.00)	;
  text-decoration: none; /* Ensures no underline */
  position: relative;
	font-size:14px;
  display: inline-flex;
  align-items: center;
  transition: color 0.3s ease; /* Smooth color transition */
}

.unique-link-class:hover {
  color: #b20000; /* Turns the link red */
  text-decoration: none; /* Ensures no underline on hover */
}
.mb-33{
	margin-bottom:2rem;
}
.unique-text-class {
  transition: transform 0.3s ease; /* Smooth text movement */
}

.unique-arrow-class {
  transition: transform 0.3s ease; /* Smooth arrow movement */
}

.unique-link-class:hover .unique-text-class {
  transform: translateX(-5px); /* Moves text left */
}

.unique-link-class:hover .unique-arrow-class {
  transform: translateX(5px); /* Moves arrow right */
  color: #b20000; /* Arrow turns red immediately */
}
    .image-grid img {
      width: 100%;
      height: auto;
    }

.menu-custom-9:hover,
.color-custom-menu3:hover,
.custom-menu-link4:hover,
.custom-menu-link5:hover,
.custom-menu-link6:hover,
.color-custom-menu1:hover,
.color-custom-menu2:hover,
.color-custom-menu7:hover {
    color: black !important;
}
.menu-custom-9:focus,
.color-custom-menu3:focus,
.custom-menu-link4:focus,
.custom-menu-link5:focus,
.custom-menu-link6:focus,
.color-custom-menu1:focus,
.color-custom-menu2:focus,
.color-custom-menu7:focus {
    color: black !important;
}

.text-bold-gray{
	color:#506a85!important; 
	font-weight:bold;
}
.styled-table-3 tbody tr {
    background-color: #f9f9f9;
}

.infocentr-title
{
	color:rgb(80, 106, 133);
	font-weight:bold;
}
.steuern-p{
	min-height:147px;
}
.infocentr-title2
{
	color:rgb(80, 106, 133);
	font-weight:bold;
	min-height:120px;
}
.styled-table-3 tbody tr:nth-of-type(even) {
    background-color: #f2f2f2;
}

.styled-table-3 tbody tr:hover {
    background-color: #d1e7f5;
    cursor: pointer;
}
h4{
	font-size:21px !important; 
}
.mb-3{
	margin-bottom:3rem !important;
}
li{
	margin-bottom:18px ;
}
/* General Section Styling */
/* General Section Styling */
/* General Section Styling */
.service-section {
    background-color: #fff;
    padding: 40px 0;
}
.navbar-nav.ms-auto li{
	margin-bottom:0;
}
/* Flexbox for Equal Heights Across Cards */
.row {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch; /* Ensures all cards align in height */
}

.row3 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
	/* Ensures all cards align in height */
}




.fz_custom_123{
	font-size:15px;
}
/* Service Card Styling */
.service {
    display: flex;
    flex-direction: column;
    justify-content: space-between; /* Space out content evenly */
    height: 100%; /* Ensure all cards have the same height */
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.service:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

@media (max-width: 455px) {
    .marg-t-1{
	margin-top:3.2rem !important; 
}    
} 
@media (max-width: 455px) {
    .pt-t-3{
	padding-top:3.2rem ; 
}    
	
} 

.lh-1-1 {
	line-height: 2.4rem !important;  
	padding-top:25px;
	
}
@media (max-width: 456px)  {
    .lh-1-1{
	padding-top:53px;
}    
	
}


@media screen and (min-width:456px) and (max-width: 481px)  {
    .lh-1-1{
	padding-top:108px;
		padding-bottom:35px;
}    
	
}

/* Images with Fixed Height */
.service img {
    max-width: 100%;
    height: auto;
    margin-bottom: 15px;
    object-fit: contain;
    max-height: 120px; /* Set a consistent max height for images */
}

/* Ensure Titles Have Uniform Height */
.service h3 {
    font-size: 1.2rem;
    color: #333;
    margin-bottom: 15px;
    text-align: center;
    min-height: 60px; 
	font-weight:bold;/* Ensure consistent height for all titles */
}

/* Paragraph with Fixed Minimum Height */
.service p {
    font-size: 0.95rem;
    color: #555;
    text-align: left;
    margin-bottom: 15px;
    line-height: 1.6;
    min-height: 220px; /* Set a consistent minimum height for all paragraphs */
    max-height: 220px; /* Prevent overflow */
    overflow: hidden; /* Hide overflowing text */
    display: block;
    text-overflow: ellipsis; /* Optional: Adds ellipsis for hidden text */
    white-space: normal; /* Allow wrapping of text */
}
	.color-custom-menu3{
		
		color:black !important;
	}
	.custom-menu-link4{
		
		color:black !important;
	}
	.custom-menu-link5{
		
		color:black !important;
	}
	.custom-menu-link6{
		
		color:black !important;
	}
.color-custom-menu1{
		
		color:black !important;
	}
	.color-custom-menu2{
		
		color:black !important;
	}
	.color-custom-menu7{
		
		color:black !important;
	}
	
/* List Styling */
.service ul {
    padding: 0; /* Remove default padding */
    margin: 0;
    list-style: none; /* Remove default bullets */
    flex-grow: 1; /* Allow the list to stretch and maintain equal height */
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

/* Style for both check and cross spans */
.service ul li span {
    font-weight: bold;
    font-size: 1.2rem;
    margin-right: 10px; /* Add consistent space between icon and text */
}

/* Style for checkmarks */
.service ul li .check {
    color: #28a745; /* Green color for checkmarks */
}

/* Style for crosses */
.service ul li .cross {
    color: #b20000; /* Red color for crosses */
}

/* Align text with the icons */
.service ul li {
    display: flex;
    align-items: center; /* Aligns icons and text vertically */
    margin-bottom: 8px; /* Add space between list items */
    padding-left: 0; /* No padding on left */
}

/* Footer Styling */
.service-footer {
    margin-top: auto;
    text-align: center;
}

.service-footer .info-link {
    color: #004186;
    text-decoration: none;
    font-size: 12px;
    white-space: nowrap; /* Prevents wrapping */
    display: inline-block;
	margin-bottom:30px;
}

.service-footer .info-link:hover {
    text-decoration: none; /* Remove hover underline */
}

/* Buttons */
.service-footer .request-btn {
    background-color: #b20000;
    color: white;
    border: none;
    padding: 10px; /* Uniform padding */
    border-radius: 5px;
    cursor: pointer;
    font-size: 0.95rem;
    font-weight: bold;
    text-transform: uppercase;
    white-space: nowrap; /* Prevents text from breaking unnecessarily */
    display: block; /* Ensures the button spans the full width */
    width: 100%; /* Make button take the full width of the parent container */
    text-align: center; /* Center the button text */
    line-height: 1.2; /* Adjust line height for better spacing */
    box-sizing: border-box; /* Include padding in width calculation */
    margin: 0 auto; /* Center the button in its container */
}

/* Responsive Adjustments for Mobile */
@media (max-width: 768px) {
    .service-footer {
        text-align: center;
    }

    .service-footer .info-link,
    .service-footer .request-btn {
        display: block; /* Stack elements on smaller screens */
        width: 100%; /* Full width on mobile for better usability */
        margin-bottom: 30px; /* Add space between link and button */
    }
}

/* Bootstrap Column Customization */
@media (max-width: 992px) {
    .col-lg-3 {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (max-width: 768px) {
    .col-lg-3 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}


/* Plan Styles */
.plan {
  background-color: #2f4052; /* Gray background for each card */
  color: white;
  padding: 25px 30px; /* Increased padding */
  text-align: center;
	 
  border-radius: 0; /* Remove rounded corners */
  width: 100%; /* Ensure the plan takes full width of the column */
  margin: 0 auto 20px; /* Center align the cards and add margin at the bottom */
  display: flex; /* Use flex layout */
  flex-direction: column; /* Vertical stacking */
  justify-content: space-between; /* Space between header and features */
  height: 100%; /* Full height */
  padding-bottom: 0;
  border: 1px solid #e6e9ed;
  border-top: 0;
  border-bottom-width: 2px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}


/* Plan Header Styles */
.plan-header {
  background-color: #2f4052; /* Gray background for the header */
  color: white; /* White text */
  padding: 20px 25px; /* Increased padding */
  border-radius: 0; /* Remove rounded corners */
  text-align: center;
  min-height: 180px; /* Increased height for uniformity */
  display: flex;
  flex-direction: column;
  justify-content: center; /* Center align content vertically */
  align-items: center; /* Center align content horizontally */
}
.header-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}


.plan-header h2 {
  font-size: 1.2rem; /* Slightly increased text size */
  margin: 0;
  line-height: 1.3;
  font-weight: 600;
  text-transform: uppercase;
}
.styled-table {
    width: 100%;
    border-collapse: collapse;
    margin: 25px 0;
    font-size: 16px;
    text-align: left;
    border-radius: 8px 8px 0 0;
    overflow: hidden;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}

.styled-table thead tr {
    background-color: #4f6b84;
    color: #ffffff;
    text-align: left;
}

.styled-table th,
.styled-table td {
    padding: 12px 15px;
}

.styled-table tbody tr {
    border-bottom: 1px solid #dddddd;
}

.styled-table tbody tr:nth-of-type(even) {
    background-color: #f3f3f3;
}

.styled-table tbody tr:last-of-type {
    border-bottom: 2px solid #4f6b84;
}

.styled-table tbody tr:hover {
    background-color: #eaeaea;
}
/* Feature List Styles */
.features {
  background-color: rgb(245, 247, 250); /* Light background color for feature section */
  color: #2f4052; /* Text color */
  padding: 20px 30px; /* Increased padding for bigger feature sections */
  text-align: left;
  width: calc(100% + 60px); /* Full width of the card + compensation for padding */
  margin-left: -30px; /* Align with the card’s left boundary */
  margin-right: -30px; /* Align with the card’s right boundary */
  margin-top: auto; /* Push features section to the bottom */
  margin-bottom: 0;
  flex-grow: 1; /* Allow the features list to take up remaining space */
}

.features li {
  border-bottom: 1px solid #ddd; /* Line between items */
  padding: 10px 0; /* Increased padding */
  list-style: none;
  font-size: 1rem; /* Increased font size */
}

.features li:last-child {
  border-bottom: none; /* Remove line from last item */
}

.features li ion-icon {
  margin-right: 8px; /* Slightly increased spacing */
  font-size: 1.2rem; /* Slightly increased icon size */
  color: #3498db; /* Consistent color for icons */
  vertical-align: middle;
}

/* Price Styles */
.price {
  font-size: 2rem; /* Increased font size */
  font-weight: bold;
  margin-bottom: 1.5rem; /* Increased bottom margin */
}

.price .currency {
  font-size: 0.9rem; /* Slightly increased currency symbol size */
  opacity: 0.7;
  margin-right: 5px;
}

/* Button Styles */
.btn-custom {
  background-color: rgb(178, 0, 0); /* Custom button color */
  border: none;
  padding: 12px 22px; /* Increased padding for bigger buttons */
  font-size: 1rem; /* Increased font size */
  font-weight: bold;
  text-transform: uppercase;
  color: white;
  margin-bottom: 20px; /* Increased bottom margin */
  border-radius: 0; /* Remove rounded corners */
}
@media (max-width: 10000px) {
  .btn-custom {
  background-color: rgb(178, 0, 0); /* Custom button color */
  border: none;
  padding: 12px 22px; /* Increased padding for bigger buttons */
  font-size: 1rem; /* Increased font size */
  font-weight: bold;
  text-transform: uppercase;
  color: white;
  margin-bottom: 20px; /* Increased bottom margin */
  border-radius: 0; /* Remove rounded corners */
}
}
.btn-custom:hover {
  background-color: rgb(150, 0, 0); /* Darker red on hover */
}

/* Link Styles */
.custom-link {
  color: white; /* Red text color for links */
  text-decoration: none; /* Remove underline */
  font-weight: 400;
  display: block;
  margin-top: 10px;
  margin-bottom: 15px;
  font-size: 1rem; /* Slightly increased font size */
}
.custom-link2 {
  color:#161616; /* Red text color for links */
  text-decoration: none; /* Remove underline */
  font-weight: 400;
  display: block;
  margin-top: 10px;
  margin-bottom: 15px;
  font-size: 1rem; /* Slightly increased font size */
}
.custom-link2:hover {
  text-decoration: none; /* Remove underline on hover */
  color: rgb(169, 0, 0);
}
.custom-link:hover {
  text-decoration: none; /* Remove underline on hover */
  color: rgb(178, 0, 0);
}

/* Wappen Image Styles */
.wappen-img {
  max-width: 130px; /* Set maximum width */
  max-height: 130px; /* Set maximum height */
  width: 100%; /* Make the image responsive */
  height: auto; /* Maintain aspect ratio */
  margin: 0 auto; /* Center align */
  display: block; /* Ensure block display */
}

/* General Utility Classes */
.d-flex {
  display: flex !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.centered-section {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60vh; /* Full viewport height for vertical centering */
}

.centered-content {
  display: flex;
  align-items: center;
}

.centered-content img {
  margin-right: 20px; /* Space between image and text */
}

/* Hover Link Styles */
#hover-link {
  display: inline-flex;
  align-items: center;
  transition: all 0.1s ease;
}

#hover-link:hover {
  padding-right: 10px; /* Adjust the padding value as needed */
}

#hover-link:hover #hover-icon {
  margin-left: 10px; /* Adjust the margin value as needed */
}

/* Animation Styles */
@keyframes flyInTop {
  from {
    opacity: 0;
    transform: translateY(-100%) rotate(-10deg);
  }
  to {
    opacity: 1;
    transform: translateY(0) rotate(0deg);
  }
}

@keyframes flyInBottom {
  from {
    opacity: 0;
    transform: translateY(100%) rotate(10deg);
  }
  to {
    opacity: 1;
    transform: translateY(0) rotate(0deg);
  }
}

.fly-in-top {
  animation: flyInTop 1.5s ease-out;
}

.fly-in-bottom {
  animation: flyInBottom 1.5s ease-out;
}

/* Slider Input Styles */
.slider-input {
  width: 700px;
  max-width: 700px; /* Default max-width */
  transition: width 0.5s;
}

@media (max-width: 1200px) {
   .dropdown-toggle {margin-right:10px !important;}     
    
  .slider.slider-horizontal {
    max-width: 600px;
  }
}

@media (max-width: 992px) {
  .slider.slider-horizontal {
    max-width: 500px;
  }
}

@media (max-width: 768px) {
  .slider.slider-horizontal {
    max-width: 400px;
  }
}

@media (max-width: 576px) {
    
 
    
  .slider.slider-horizontal {
    max-width: 300px;
  }
}

/* Text Gray Color */
.text-gray {
  color: #506a85;
}
/* Full-width banner section */
/* Full-width banner section */
.full-width-banner {
  width: 100%; /* Full width */
  height: 480px; /* Set height to 480px */
  position: relative; /* Enable positioning for the text overlay */
  overflow: hidden; /* Prevent overflow */
}

/* Background image styling */
.background-image {
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  object-fit: cover; /* Cover the entire div */
  position: absolute; /* Position the image absolutely */
  top: 0; /* Align to the top */
  left: 0; /* Align to the left */
  z-index: -1; /* Place image behind the text */
}

/* Banner content styles */
.banner-content {
  position: absolute; /* Position the content absolutely inside the div */
  top: 50%; /* Move to 50% from top */
  left: 50%; /* Move to 50% from left */
  transform: translate(-50%, -50%); /* Center the content horizontally and vertically */
  text-align: center; /* Center text */
  color: white; /* White text color */
  text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.7); /* Add slight text shadow */
}

.banner-content h1 {
  font-size: 3rem; /* Large font size for the heading */
  font-weight: bold; /* Bold font */
}

.banner-content p {
  font-size: 1.5rem; /* Smaller font for the paragraph */
  margin-top: 10px; /* Space between heading and paragraph */
}

@media (max-width: 768px) {
    .full-width-banner {
        height: 400px; /* Reduce height for tablets */
    }

    .background-image {
        height: 400px; /* Ensure image adjusts to div height */
    }

    .banner-content h1 {
        font-size: 2rem; /* Smaller font for tablets */
    }

    .banner-content p {
        font-size: 1rem; /* Smaller font for paragraph */
    }
}

@media (max-width: 480px) {
    .full-width-banner {
        height: 300px; /* Further reduce height for mobile */
    }

    .background-image {
        height: 300px; /* Adjust image height proportionally */
    }

    .banner-content h1 {
        font-size: 1.5rem; /* Smaller font for mobile */
    }

    .banner-content p {
        font-size: 0.875rem; /* Smaller font for paragraph */
    }
}



.bg-gr{
	background-color: rgba(52, 73, 94, 0.85);
}

#breadcrumb .breadcrumb-item a {
    color: #333333; /* Dark grey for better contrast */
}

#breadcrumb .breadcrumb-item.active {
    color: #000000; /* Black for active item */
}
/* Care Section Styles */
/* Care Service Section Styles */
/* Care Service Section Styles */
#care-service {
  background: rgb(242, 245, 247); /* Light background color */
}

.first-letter-container {
  background: #a90000; /* Red background */
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  margin-right: 10px; /* Space between the box and the text */
}

/* First Letter Styling */
.first-letter {
  font-size: 2rem; /* Larger font size */
  font-weight: bold;
  color: white; /* White text color */
}

/* Text Styling */
.styled-paragraph {
  font-size: 1rem; /* Regular paragraph font size */
  line-height: 1.6;
  color: #5f656c; /* Text color */
}

.care-image {
  border-radius: 8px;
  box-shadow: 0 7px 14px rgba(0, 0, 0, 0.1); /* Box shadow for image */
  transition: transform 0.3s ease-in-out;
}

.care-image:hover {
  transform: scale(1.05); /* Slight zoom on hover */
}

.section-heading {
  font-size: 2rem;
  color: #007bff; /* Bootstrap primary color */
  margin-bottom: 20px;
}

#care-service p {
  font-size: 1rem;
  color: #5f656c; /* Custom body color */
  margin-bottom: 15px;
}

/* Adjustments for Mobile View */
@media (max-width: 992px) {
  .care-image {
    margin-bottom: 20px; /* Space between image and text on mobile */
  }
}

 @media (max-width: 480px) {
            .blue-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 200px!important;
            background-color: rgba(0, 45, 120, 0.0); /* 50% transparency */
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            text-align: center;
				
        }
        }
.pl-0{
	padding-left: 0;
}
 a.regular-link {
            color: #161616; /* Bootstrap gray color */
            text-decoration: none;
	 font-size: 1rem;/* Remove underline */
        }

        a.regular-link:hover {
            color: rgb(169, 0, 0); /* Keep the same gray color on hover */
            text-decoration: none; /* Underline only on hover */
        }

#counting-section {
    padding: 50px 0;
}

#counting-section h2 {
    font-size: 2.5rem;
    color: #495057;
    margin-bottom: 30px;
}

#counting-section p {
    font-size: 1.125rem; /* Slightly larger paragraph font size */
    color: #6c757d;
    margin-bottom: 20px;
}

.section-heading {
    font-size: 1.75rem; /* Heading size for sub-sections */
    color: #495057;
    margin-bottom: 20px;
}

#counting-section ul li {
    font-size: 1rem;
    color: rgb(108, 117, 125); /* Red color for list items */
    margin-bottom: 8px; /* Spacing between list items */
    list-style-type: none; /* Remove default bullet points */
}

#counting-section ul li:before {
    content: "\2022"; /* Custom bullet point */
    color: #a90000; /* Red bullet color */
    font-weight: bold; /* Bold bullet */
    display: inline-block; /* Inline for spacing */
    width: 1em; /* Set width */
    margin-left: -1em; /* Position bullet */
}

#counting-section .regular-link {
    color: rgb(108, 117, 125); /* Bootstrap link color */
    font-weight: 400;
    text-decoration: none;
}

#counting-section .regular-link:hover {
    color: rgb(169, 0, 0); /* Darker blue on hover */
    text-decoration: underline;
}


        /* Circle Container */
        .circle-container {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            gap: 30px; /* Increase spacing between circles */
        }

        /* Circle Styles */
        .circle {
            background-color: #a90000; /* Red background */
            color: white; /* White text */
            width: 200px; /* Increased circle size */
            height: 200px; /* Increased circle size */
            border-radius: 50%; /* Make the div a circle */
            display: flex;
			
            flex-direction: column;
            justify-content: center;
            align-items: center;
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); /* Larger shadow */
            margin-bottom: 30px; /* More space below circles */
        }

        .circle h3 {
            font-size: 1.25rem; /* Increased title size */
            margin: 0;
			font-size:16px;
			color: white;
        }

        .circle span {
            font-size: 2.5rem; /* Increased number size */
            font-weight: bold;
            margin: 10px 0;
        }

        .circle small {
            font-size: 1rem; /* Slightly larger text */
        }
/* Care Cost Section */
#care-cost .h3-title {
    font-size: 40px; /* Adjusted size for H3 */
    font-weight: bold;
    text-align: center;
    color: #506a85;
}

#care-cost .h4-title {
    font-size: 1.5rem; /* Adjusted size for H4 */
    font-weight: bold;
    text-align: center;
    color: #506a85;
    margin-bottom: 15px;
}

#care-cost .h5-title {
    font-size: 1rem; /* Adjusted size for H5 */
    font-weight: bold;
    color: #506a85;
    margin-bottom: 10px;
}

#care-cost p.lead {
    font-size: 1.1rem; /* Optional: Adjust lead text size */
    text-align: center;
    color: #506a85;
}

#care-cost p {
    font-size: 1rem;
    color: #506a85;
}
#stadt .h3-title {
    font-size: 2rem; /* Size for the main title */
    font-weight: bold;
    text-align: center;
    color: #506a85; /* Customize color */
}

#stadt .h4-title {
    font-size: 1.5rem; /* Size for sub-titles */
    font-weight: bold;
    text-align: center;
    color: #506a85; /* Customize color */
    margin-bottom: 20px;
}

#stadt p {
    font-size: 1rem; /* Adjusted paragraph size */
    text-align: center;
    color: #506a85; /* Customize color */
    margin-bottom: 20px;
}

#stadt p.lead {
    font-size: 1.1rem; /* Optional: Slightly larger lead text */
    text-align: center;
    color: #506a85;
}

#locations {
    padding: 50px 0;
}

#locations .h3-title {
    font-size: 1.75rem; /* Adjusted title size */
    font-weight: bold;
    color: #506a85; /* Adjust color */
    margin-bottom: 20px;
}


/* Apply random Y-axis translations to simulate random positioning */
#locations {
    padding: 50px 0;
}

#locations .h3-title {
    font-size: 1.75rem; /* Title size */
    font-weight: bold;
    color: #506a85;
    margin-bottom: 20px;
}

#locations p {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; /* Center the links in each row */
    gap: 10px 20px; /* Horizontal and vertical gap between links */
    margin-bottom: 20px; /* Space between rows of links */
}

#locations a {
    font-size: 1rem; /* Font size for links */
    color: #506a85; /* Default color */
    text-decoration: none; /* No underline by default */
    padding: 8px 12px; /* Consistent padding for better click area */
    transition: color 0.3s ease; /* Smooth color transition */
}

/* Apply subtle X-axis translations to simulate minor positioning shifts */
#locations a:nth-child(1) { transform: translateX(-5px); }
#locations a:nth-child(2) { transform: translateX(8px); }
#locations a:nth-child(3) { transform: translateX(-10px); }
#locations a:nth-child(4) { transform: translateX(6px); }
#locations a:nth-child(5) { transform: translateX(-7px); }
#locations a:nth-child(6) { transform: translateX(10px); }
#locations a:nth-child(7) { transform: translateX(-8px); }
#locations a:nth-child(8) { transform: translateX(5px); }
#locations a:nth-child(9) { transform: translateX(12px); }
#locations a:nth-child(10) { transform: translateX(-6px); }
#locations a:nth-child(11) { transform: translateX(4px); }
#locations a:nth-child(12) { transform: translateX(-3px); }
#locations a:nth-child(13) { transform: translateX(9px); }
#locations a:nth-child(14) { transform: translateX(-4px); }
#locations a:nth-child(15) { transform: translateX(7px); }
#locations a:nth-child(16) { transform: translateX(-10px); }
#locations a:nth-child(17) { transform: translateX(5px); }
#locations a:nth-child(18) { transform: translateX(0px); }
#locations a:nth-child(19) { transform: translateX(-8px); }
#locations a:nth-child(20) { transform: translateX(4px); }
#locations a:nth-child(21) { transform: translateX(-5px); }
#locations a:nth-child(22) { transform: translateX(6px); }
#locations a:nth-child(23) { transform: translateX(-3px); }
#locations a:nth-child(24) { transform: translateX(5px); }
#locations a:nth-child(25) { transform: translateX(2px); }

/* Hover effect */


/* Optional: Customize spacing between rows */


/* Hover effect */
#locations a:hover {
    text-decoration: underline; /* Underline on hover */
    color: #3498db; /* Color change on hover */
}

/* Optional: Customize spacing between rows */

 .social-media {
            height: 180px;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: background-color 0.3s ease, color 0.3s ease;
            background-color: #ffffff;
            color: rgb(74, 89, 105);
            position: relative;
        }
        .social-media .social-media-name {
            position: absolute;
            top: 10px;
            left: 10px;
            font-size: 1rem;
            font-weight: bold;
            opacity: 0;
            transition: opacity 0.3s ease;
        }

        .social-media:hover .social-media-name {
            opacity: 1;
        }        

        .social-media img {
            width: 60px;
            height: 60px;
            fill: currentColor;
            transition: fill 0.3s ease;
        }

        .social-media.facebook:hover {
    background-color: #1DA1F2;
    color: #ffffff;
}

.social-media.twitter:hover {
    background-color: rgb(74, 89, 105);
    color: #ffffff;
}

        .social-media:hover img {
            fill: #ffffff;
        }

        .social-media .social-media-name {
            position: absolute;
            top: 10px;
            left: 10px;
            font-size: 1rem;
            font-weight: bold;
        }

        @media screen and (max-width: 1024px) {
            .social-media {
                width: 350px;
            }
        }

        @media screen and (max-width: 768px) {
            .social-media {
                width: 100%;
            }
        }


   

.bg-blue{
	background:rgb(255, 255, 255);
	
}
.navbar-dark .navbar-nav .nav-link {
	color: white;
}

.dline{
	display: flex;
}

.hover-padding, .box2	{
	flex:1;
}


/* Parent Flex Container */
.section-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px; /* Adjust gap between columns */
}

.section-column {
  flex: 1; /* Allow columns to take equal space */
  max-width: 100%; /* Ensure full width */
}

.section-column h5 {
  color: #007bff; /* Use Bootstrap primary color or adjust to your preference */
  font-size: 1.5rem;
  margin-bottom: 15px;
}

.section-column p, .section-column ul, .section-column a {
  color: #5f656c; /* Text color */
  font-size: 1rem;
  line-height: 1.6;
  margin-bottom: 10px; /* Space between elements */
}


.nav-link.fs-1.fs-sm--1.py-3.ps-3.hov-black:hover {
    color:black !important;
	/* Example: setting hover color to a darker shade */
}
.nav-link.fs-1.fs-sm--1.py-3.ps-3.hov-black {
    max-height:54px!important;
	/* Example: setting hover color to a darker shade */
}


.section-column ul {
  list-style: none;
  padding: 0;
}

.section-column ul li {
  padding: 5px 0; /* Space between list items */
}
.hov-black:hover{
	 color:black !important;
}
/* Icon link styles */
.section-column ul li a {
  color: inherit;
  text-decoration: none;
  transition: color 0.3s;
}

.section-column ul li a:hover {
  color: #a90000; /* Hover color for links */
}

#checks {
    padding: 10px; /* Padding around the icons */
    margin-left: -15px; /* Move icons further to the left */
}

.social-icon {
    padding-top:8px;
    margin: 10px; /* Space between the icons */
    background-color: rgba(255, 255, 255, 0.1); /* Light background for each icon */
    width:50px;
    height:50px;
    border-radius: 10px; /* Rounded corners */
    transition: background-color 0.3s ease, transform 0.3s ease; /* Smooth hover effect */
}

.social-icon a {
    display: inline-block;
    color: inherit;
}

.social-icon svg {
    fill: #ffffff; /* Set the fill color to white */
    width: 36px; /* Adjust icon width */
    height: 36px; /* Adjust icon height */
}

.social-icon.tiktok svg {
    fill: #ffffff; /* Set the fill color to white */
    width: 30px; /* Adjust icon width */
    height: 30px; /* Adjust icon height */
     padding-top:9px; 
}



.social-icon:hover {
    background-color: rgba(255, 255, 255, 0.3); /* Change background on hover */
    transform: scale(1.05); /* Slight zoom on hover */
}
.fz-1{
	font-size:1rem;
}
#locations-section .link-line {
    font-size: 16px; /* Slightly reduce font size to fit all links */
    color: rgb(80, 106, 133); /* Set text color */
    margin-bottom: 25px; /* Increased space between each line */
}

#locations-section .link-line a {
    color: rgb(80, 106, 133); /* Link color */
    text-decoration: none; /* Remove underline */
    padding: 0 10px; /* Adjust padding between links */
    transition: color 0.3s ease; 

}

#locations-section .link-line a:hover {
    color: rgb(50, 80, 100); /* Slightly darker shade on hover */
}


        .hero-container {
            position: relative;
            width: 100%;
            height: 440px;
			font-size:22px;
            margin-top: 50px;
        }


    
        .blue-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 45, 120, 0.0); /* 50% transparency */
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            text-align: center;
			
        }
 .blue-overlay-2{
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 45, 120, 0.0); /* 50% transparency */
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            text-align: center;
        }

.color-light-gray{
	color:rgb(200, 203, 207);
}
        .blue-overlay h1 {
			color: white;
            font-size: 2.5rem;
            font-weight: bold;
            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
        }

        .blue-overlay p {
            font-size: 1.25rem;
        }

        @media (max-width: 768px) {
            .hero-container {
                height: 250px;
            }

            .blue-overlay h1 {
                font-size: 1.8rem;
            }

            .blue-overlay p {
                font-size: 1rem;
            }
        }

        @media (max-width: 576px) {
            .hero-container {
                height: 200px;
            }

            .blue-overlay h1 {
                font-size: 1.5rem;
            }

            .blue-overlay p {
                font-size: 0.875rem;
            }
        }

        .list-group-item {
            font-size: 1rem;
            padding: 0.75rem 1.25rem;
        }
.sort-link {
    font-size: 1.2rem;
    color: #0056b3;
    text-decoration: none;
    margin: 0.5rem;
}

.sort-link:hover {
    color: #a90000;
    text-decoration: underline;
}

/* Rectangle Styles */
.rectangle {
    background-color: #f8f9fa;
    border: 2px solid #001B44;
    border-radius: 5px;
    text-align: center;
    padding: 20px;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    height: 75px; /* Fixed height to avoid overflow */
    overflow: hidden; /* Hide overflow text */
    display: flex;
    align-items: center;
    justify-content: center;
    text-overflow: ellipsis; /* Add ellipsis for overflow */
   /* Prevent text from wrapping */
}

@media (max-width: 576px) {
    .rectangle {
        height: 80px; /* Adjust height for smaller screens */
    }  }


.rectangle:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.rectangle-link {
    text-decoration: none;
    color: #212529;
    font-weight: bold;
    display: block;
}

.rectangle-link:hover {
    color: #0056b3;
	text-decoration: none;
}
        .letter-nav {
    font-family: Arial, sans-serif;
    font-size: 1.2rem;
    font-weight: 500;
    color: #6c757d; /* Neutral gray color */
}

.letter-link {
    color: #001B44; /* Dark blue text color */
    border: 2px solid #001B44; /* Dark blue border */
    background-color: transparent;
    padding: 0.375rem 0.75rem; /* Adjust spacing for button size */
    font-size: 0.875rem; /* Small button text */
    line-height: 1.5;
    text-align: center;
    cursor: pointer;
    border-radius: 0.25rem; /* Default small rounding */
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
	width:42px;
	

}

.letter-link:hover {
    color: #fff; /* White text on hover */
    background-color: #001B44; /* Dark blue background on hover */
    border-color: #001B44; /* Dark blue border on hover */
}

.letter-link:focus {
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.5); /* Blue focus ring */
}

.letter-nav span {
    color: #6c757d; /* Separator color */
}

.floating-container {
    position: relative; /* Ensures the span is positioned relative to this container */
    width: 100%; /* Adjust width as needed */
    height: 100px; /* Adjust height as needed */
}

.floating-text {
    position: absolute;
    top: 20%; /* Adjust the vertical position */
    left: 50%; /* Center horizontally */
    transform: translateX(-50%); /* Adjust for perfect centering */
    color: transparent; /* Keeps the text transparent */
    font-size: 1.5rem; /* Adjust font size */
}

.letter-links {
    display: flex; /* Arrange the links in a row */
    flex-wrap: wrap; /* Allow wrapping if the container is narrow */
    gap: 10px; /* Space between each letter link */
    justify-content: center; /* Center align the items horizontally */
    margin: 20px 0; /* Add space above and below the letter links container */
}
.link_more{
	font-size:18px; 
	color:#001B44;
 display: inline-flex;
    align-items: center;
    transition: transform 0.2s ease-in-out;
	margin-bottom:7px;
}

.link_more::after {
    content: " →"; /* Arrow after the text */
    margin-left: 5px; /* Adjust space between text and arrow */
    transition: transform 0.2s ease-in-out; /* Smooth transition for the arrow */
}

.link_more:hover {
    transform: translateX(-5px); /* Move the text a little to the left */
}

.link_more:hover::after {
    transform: translateX(5px); /* Move the arrow a little to the right */
}
.dots-none{list-style-type: none;}


 .custom-section {
            padding: 20px;
        }

        .custom-map {
            width:80%;
            height: auto;
        }
  @media (max-width: 991.98px) {
            .custom-map-container {
                order: 2;
                margin-top: 20px;
            }
	  .custom-map {
                width:75%; /* Reduce the size of the map on smaller screens */
                margin: 0 auto;
            }
        }
.fz-16{
	font-size:16px;
}
.fz-17{
	font-size:17px;
}
.pl-15{
	padding-left:15px;
}
   .b2000 {
            display: inline-block !important;
            background-color: #b20000;
            color: white;
            padding: 12px 26px;
            text-align: center;
            text-decoration: none;
            font-weight: bold;
            font-size: 15px;
            border-radius: 8px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
	   max-width:199px;
        }

   /* Before & After pseudo-elements */
.btn-outline-secondary12:before, 
.btn-outline-secondary12:after {
    background-color: #B20000;
}

/* Sweep Collapse Effect */
.btn-outline-secondary12.hvr-sweep-collapseX, 
.btn-outline-secondary12.hvr-sweep-collapseY {
    background-color: #B20000;
}

.btn-outline-secondary12.hvr-sweep-collapseX:after, 
.btn-outline-secondary12.hvr-sweep-collapseY:after {
    background-color: #B20000;
}

/* Default button styling */
.btn-outline-secondary12 {
    color: #4285F4;
    border-color: #4285F4;
    background: white;
}

/* Hover effect */
.btn-outline-secondary12:hover {
    color: white;
    background-color: #4285F4;
    border-color: #4285F4;
}
.check{
color:#28a745 !important;}
/* Focus effect */
.btn-check:focus + .btn-outline-secondary12, 
.btn-outline-secondary12:focus {
    -webkit-box-shadow: 0 0 0 0.25rem rgba(66, 133, 244, 0.5);
    box-shadow: 0 0 0 0.25rem rgba(66, 133, 244, 0.5);
}

/* Active & Checked State */
.btn-check:checked + .btn-outline-secondary12, 
.btn-check:active + .btn-outline-secondary12, 
.btn-outline-secondary12:active, 
.btn-outline-secondary12.active, 
.btn-outline-secondary12.dropdown-toggle.show {
    color: white;
    background-color: #B20000;
    border-color: #B20000;
}

/* Active & Checked Focus */
.btn-check:checked + .btn-outline-secondary12:focus, 
.btn-check:active + .btn-outline-secondary12:focus, 
.btn-outline-secondary12:active:focus, 
.btn-outline-secondary12.active:focus, 
.btn-outline-secondary12.dropdown-toggle.show:focus {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.25rem rgba(66, 133, 244, 0.5);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.25rem rgba(66, 133, 244, 0.5);
}

/* Disabled State */
.btn-outline-secondary12:disabled, 
.btn-outline-secondary12.disabled {
    color: #4285F4;
    background-color: transparent;
    border-color: #4285F4;
}
   
@media (max-width: 576px) {
.border-top {
  border-top: 1px solid white !important;
}
}
@media (min-width: 577px) {
.border-top {
  border-top: 0 solid white !important;
}
}
.border-no{
border:0px solid black !important;}