@charset "UTF-8";
/* CSS Document */

@font-face {
    font-family: 'LogoBrand';
    src: url('../fonts/cb.woff2') format('woff2'),
         url('../fonts/cb.woff') format('woff'),
         url('../fonts/cb.ttf') format('truetype');      
    font-style: normal;
}
@font-face
{
 font-family: 'MyFontBrand';	
 src: url('../fonts/AcuminProWide-Medium.woff2') format('woff2'), 
      url('../fonts/AcuminProWide-Medium.woff') format('woff'), 
      url('../fonts/AcuminProWide-Medium.ttf') format('truetype'); 
 font-style: normal; 	
}
/*
@font-face {
    font-family: 'Text_1';
    src: url('../fonts/Grandview.woff2') format('woff2'),
         url('../fonts/Grandview.woff') format('woff'),
         url('../fonts/Grandview.ttf') format('truetype'),
         url('../fonts/Grandview.eot')format('embedded-opentype');
         font-style: normal;
}
*/
@font-face {
    font-family: 'Title_2';
    src: url('../fonts/AcuminPro.woff2') format('woff2'),
         url('../fonts/AcuminPro.woff') format('woff'),
         url('../fonts/AcuminPro.ttf') format('truetype');      
    font-style: normal;
}


@font-face {
    font-family: 'Text_1';
    src: url('../fonts/IBMPlexSans.woff2') format('woff2'),
         url('../fonts/IBMPlexSans.woff') format('woff'),
         url('../fonts/IBMPlexSans.ttf') format('truetype'),
         url('../fonts/IBMPlexSans.eot')format('embedded-opentype');
         font-style: normal;
}








/* ======================================================================================================== */
.Font_Text_01
{
   padding-top: 10px;
   padding-bottom: 2px;
   justify-content: left;
   align-items: left;
   font-family: 'Text_1';
   font-size: 18px;
line-height: 22px;
   color:#2e2d2d !important;
   background: #fff;	
   text-rendering: optimizeLegibility;
   -moz-osx-font-smoothing: grayscale;	
   -webkit-font-smoothing: antialiased;
}
.Font_Text_02
{
   padding-top: 1px;
   padding-bottom: 2px;
   justify-content: left;
   align-items: left;
   font-family: 'Text_1';
   font-size: 15px;
   line-height: 1.2;
   text-rendering: optimizeLegibility;
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;	
   color:#2e2d2d !important;
}
.Font_Title_01
{
   padding-top: 2px;
   padding-bottom: 2px;
   display: flex;
   justify-content: left;
   align-items: center;
   font-family: 'MyFontBrand';
   font-size: 22px;
   font-weight: 600;
   line-height: 24px;
   letter-spacing: 0;
   color:#2e2d2d !important;
   -moz-osx-font-smoothing: grayscale;
   text-rendering: optimizeLegibility;	
}
.Font_Title_02
{
   padding-top: 10px;
   padding-bottom: 2px;
   display: flex;
   justify-content: left;
   align-items: center;
   font-family: 'MyFontBrand';
   font-size: 16px;
   line-height: 20px;
   color:#000 !important;
   -moz-osx-font-smoothing: grayscale;
   text-rendering: optimizeLegibility;	
}
.Font_Title_03
{
   padding-top: 10px;
   padding-bottom: 2px;
   display: flex;
   justify-content: center;
   align-items: center;
   font-family: 'MyFontBrand';
   font-size: 16px;
   font-weight: 600;
   line-height: 20px;
   letter-spacing: 0;
   color:#224CAA !important;
   -moz-osx-font-smoothing: grayscale;
   text-rendering: optimizeLegibility;	
}
.Font_Title_04
{
   padding-top: 10px;
   padding-bottom: 2px;
   display: flex;
   justify-content: left;
   align-items: left;
   font-family: 'MyFontBrand';
   font-size: 16px;
   font-weight: 600;
   line-height: 20px;
   letter-spacing: 0;
   color:#224CAA !important;
   -moz-osx-font-smoothing: grayscale;
   text-rendering: optimizeLegibility;	
}

.textli
{
   padding-top: 4px;
   padding-left: 6px;
   padding-bottom: 2px;
   justify-content: left;
   align-items: left;
   font-family: 'Text_1';
   font-style: normal;
   font-variant-caps: normal;
   font-weight: normal;
   font-stretch: normal;
   font-size: 18px;
   font-weight: 400;
   line-height: 1.2;
   color:#2e2d2d !important;
   text-rendering: optimizeLegibility;
   -moz-osx-font-smoothing: grayscale;		
   /* list-style-type: none; /* Removes the default bullet points */
}
.textli2
{
   padding-top: 4px;
   padding-left: 6px;
   padding-bottom: 2px;
   justify-content: left;
   align-items: left;
   font-family: 'Text_1';
   font-style: normal;
   font-variant-caps: normal;
   font-weight: normal;
   font-stretch: normal;
   font-size: 18px;
   font-weight: 400;
   line-height: 20px;
   color:#2e2d2d !important;
   text-rendering: optimizeLegibility;
   -moz-osx-font-smoothing: grayscale;		
   /* list-style-type: none; /* Removes the default bullet points */
}

.text-above-navbar 
{
   margin-left: 15px; /* Match the left margin */
   padding-top: 10px;
   padding-bottom: 4px;
   font-family: 'MyFontBrand';
   font-size: 20px;
   font-weight: 600;
   line-height: 24px;
   letter-spacing: 0;
   color: #F08000 !important;
   -moz-osx-font-smoothing: grayscale;
   text-rendering: optimizeLegibility;	
}

.list-group
{
   padding-top: 4px;
   padding-left: 6px;
   padding-bottom: 2px;
   justify-content: left;
   align-items: left;
   font-family: 'Text_1';
   font-size: 15px;
   line-height: 18px;
   color:#2e2d2d !important;
   text-rendering: optimizeLegibility;
   -moz-osx-font-smoothing: grayscale;		
   list-style-type: none; /* Removes the default bullet points */
}
.list-group li::before
{ 
	content: "- "; /* Adds a dash before each list item */ 
}

.centered-text {
  text-align: center;
}
.logo_text
{
  font-family: 'LogoBrand';
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 1px;
  line-height: 90%;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;	 
  border: 0;
  -webkit-box-shadow: none;	
  color:#000 !important;
  white-space: normal;	
}
/* --------------------------- NAVBAR -------------------------------------- */
.navbar-toggle
{ 
	outline: none !important;
}
.navbar-toggle:focus
{
   outline: none !important;
}




.navbar-custom 
{
 margin-left: 60px;   
 transition: margin-left 0.3s ease;
	
 font-family: 'Text_1';
 font-size: 16px;
 line-height: 1.6;
 color: #000000 !important;
	
	
 border-bottom: 1px solid #ccc; /* light grey */
 -webkit-box-shadow: none;	
 outline: none !important;
}
.navbar-custom .navbar-brand
 {
  font-family: 'LogoBrand';
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 1px;
  line-height: 80%;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;	 
  border: 0;
  -webkit-box-shadow: none;	
  color:#000 !important;
  white-space: normal;	
}
.nav-link 
{
 font-family: 'Text_1';
 font-size: 16px;
 line-height: 1.6;
 color: #000000 !important;
	
	
  -webkit-box-shadow: none;
  outline: none !important;
}
.nav-link:hover 
{
  color: #333333 !important;
 -webkit-box-shadow: none;
 outline: none !important;	
}
.nav-link.active 
{
  color: #000000 !important;
  font-weight: 600;
}
.dropdown-item 
{
 font-family: 'Text_1';
 font-size: 16px;
 line-height: 1.6;
 color: #000000 !important;
}
.dropdown-item:hover 
{
  color: #333333 !important;
	 -webkit-box-shadow: none;
}
.dropdown-menu 
{
  background-color: #f8f9fa !important;
  border: 1px solid #dee2e6;
	 -webkit-box-shadow: none;
}
.dropdown-item:hover 
{
  background-color: #e9ecef !important;
  color: #000000 !important;
}
/* ---------------------------------  END NAV BAR ---------------------------------- */
.content-container 
{
   margin-left: 60px;
   margin-right: 1px;
   padding-right: 1px;	
   max-width: 1500px;	
   transition: margin-left 0.3s ease;
}
.col_p
{
  margin-left: 20px;
}
.r_p
{
  padding-right: 20px;
  padding-top: 6px;	
}



  .custom-row {
    margin-left: 0;
    margin-right: 0;
  }

  .custom-row > [class^="col-"] {
    padding-left: 0;
    padding-right: 0;
  }




.container_vs
{
  margin-top: 50px;
  margin-bottom: 30px;	
}

.container_vs2
{
  margin-top: 90px;
  margin-bottom: 50px;	
}


.content { display: none; } 
.active-content { display: block; }

.pagination .page-link { border: none; /* Remove border */ }

.page-item .page-link:focus {
    outline: none;
    box-shadow: none;
}
.page-item .page-link:hover,
.page-item .page-link:focus {
    background-color: transparent;
    text-decoration: underline;
}
.square-img-wrapper 
{
      position: relative;
      width: 100%;
	  margin-left: 20px;
      padding-top: 100%; /* Square aspect ratio */
      overflow: hidden;
}
.square-img-wrapper img 
{
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover; /* or use "contain" if you don't want cropping */
}

.image-container {
  position: relative;
  max-width: 1500px;
  width: 100%;
  margin: 0 auto;
}
.background-image {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}
.overlay-text {
  position: absolute;
  top: 60%;
  left: 2%;
  color: #fff; /* white text for contrast */
  max-width: 400px;
}

.overlay-text2 {
  position: absolute;
  top: 90%;
  left: 2%;
  color: #000; /* white text for contrast */
  max-width: 700px;
}

.overlay-text3 {
  position: absolute;
  top: 80%;
  left: 2%;
  color: #FFF; /* white text for contrast */
  max-width: 700px;
}




/* --------------------------- CARDS     ------------------------------*/
.card
{
border: none;	
background-color:#FFFFFF;
}
.card-body
{
border: none;	
background-color:#FFFFFF;
	
	padding-bottom: 2px;
	padding-top: 8px;
	padding-left: 0px;
	padding-right: 0px;	
}
.card-title
{
   font-family: 'MyFontBrand';
   font-size: 22px;
   font-weight: 600;
   line-height: 24px;
   letter-spacing: 0;
   color:#2e2d2d !important;
   -moz-osx-font-smoothing: grayscale;
   text-rendering: optimizeLegibility;
}
.card-title2
{
	color:#2B547E;
	font-family:'MyFontBrand';
	font-size: 18px;
	line-height: 22px;
	font-weight: 500;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;

}
.card-title3
{
   font-family: 'MyFontBrand';
   font-size: 22px;
   font-weight: 600;
   line-height: 24px;
   letter-spacing: 0;
	padding-top: 10px;
   color:#2e2d2d !important;
   -moz-osx-font-smoothing: grayscale;
   text-rendering: optimizeLegibility;
}
.card-title4
{
	color:#2B547E;
	font-family:'MyFontBrand';
	font-size: 18px;
	line-height: 22px;
	font-weight: 500;
		padding-top: 10px;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;

}
.card-text
{
	color:#2e2d2d !important;
	font-family:'Text_1';
	font-size: 15px;
	line-height: 20px;
	font-weight: 400;
	padding-bottom: 0px;


}
.card-text2
{
	color:#2e2d2d !important;
	font-family:'Text_1';
	font-size: 16px;
	line-height: 18px;
	font-weight: 500;
    -webkit-font-smoothing: antialiased !important;
	-moz-osx-font-smoothing: grayscale !important;	
	padding-top: 10px;
	padding-bottom: 20px;
}
.card-text3
{

	margin-top: auto; /* pushes it to the bottom */

}

.card-footer
{
border: none;	
background-color:#FFFFFF;
color:#00529c;	
font-family:'Text_1';
font-size: 16px;
line-height: 16px;
font-weight: 600;
text-align: left;
padding-bottom: 16px;
padding-top: 16px;	
padding-top: 16px;
margin-left: 0px;
padding-left:  0px;	
}

/* Remove padding from columns */
.cp
{
  padding: 0;
}


.equal-height-column 
{
    border: 1px solid #F5F5F5;
    padding: 20px;
    height: 100%;
    transition: all 0.3s ease;
    background: #fff;
    /* box-shadow: 0 2px 4px rgba(0,0,0,0.05);*/
    border-radius: 0; /* Removed border radius */
}


  .red-line {
    height: 2px;
	margin-top: 5px;
    background-color: red;
    width: 100%;
  }


.content-footer
{
	background-color: lightgray;
	 margin-bottom: 0;
	padding-bottom: 0px;

}
.content-container2 
{
   margin-left: 60px;
   margin-right: 1px;
   padding-right: 1px;	
   max-width: 1500px;
   background-color: lightgray;	
   transition: margin-left 0.3s ease;
}




.social_footer_ul { display:table; margin:15px auto 0 auto; padding-left:54px;list-style-type:none;  }
.social_footer_ul li { padding-left:20px; padding-top:10px; float:left; }
.social_footer_ul li a { color:#000; border:1px solid #000; padding:8px;border-radius:50%;}
.social_footer_ul li i {  width:20px; height:20px; text-align:center;}


 .google-maps {
    position: relative;
    padding-bottom: 75%; // This is the aspect ratio
    height: 0;
    overflow: hidden;
  }
  .google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
  }

.g-recaptcha
{
  display: inline-block;
  align-items: center;	
  margin: 10px 1px; 	
}

.st1 {

   font-family: 'MyFontBrand';
   font-size: 14px;
   font-weight: 500;
   line-height: 20px;
   letter-spacing: 0;
   color:#224CAA !important;
   -moz-osx-font-smoothing: grayscale;
   text-rendering: optimizeLegibility;
}
a.st1,
a.st1:visited,
a.st1:hover,
a.st1:active,
a.st1:focus 
{
	
  text-decoration: none !important;
   font-size: 14px;
   font-weight: 500;
   line-height: 20px;
   letter-spacing: 0;
   color:#224CAA !important;
   -moz-osx-font-smoothing: grayscale;
   text-rendering: optimizeLegibility;	
	
}
.c_1
{
	padding-right: 30px;
}

/*--------------------- BLOCKQUOTE--------------------- */
blockquote{
  font-size: 18px;
  margin:50px auto;
  font-family:'Title_2';
  color: #FFF;
  padding:1em 30px 1.2em 75px;
  border-left:2px solid #000;
  line-height:1.6;
  position: relative;
  background-color:#929bbb !important;
}

blockquote::before{
  font-family:Arial;
  content: "\201C";
  color:#FFF;
  font-size:4em;
  position: absolute;
  left: 10px;
  top:-10px;
}

blockquote::after{
  content: '';
}

blockquote span{
  display:block;
  color:#000;
  font-family:'Text_1';
  font-style: normal;
  margin-top:1em;
}
/* ---------------------- END BLOCKQUOTE  -------------- */
 .blue-outline-button {
      background-color: white;
      color: #007BFF; /* Bootstrap blue */
      border: 1px solid #007BFF;
      padding: 10px 20px;
      font-size: 16px;
      border-radius: 5px;
      cursor: pointer;
      transition: background-color 0.3s, color 0.3s;
	  outline: none;
}
    .blue-outline-button:focus,
    .blue-outline-button:active {
      outline: none;
      box-shadow: none;
}

    .content-block { display: none; }
    .content-block.active { display: block; }

    .pagination .page-item .page-link {
      color: #007bff;
      background-color: transparent;
      border: none;
    }

    .pagination .page-item.active .page-link {
      text-decoration: underline;
      font-weight: bold;
      color: #007bff;
      background-color: transparent; /* prevents blue background */
    }

    .pagination .page-item .page-link:hover {
      text-decoration: none;
      background-color: #f2f2f2;
    }




/* ---------------------------------  MEDIA ---------------------------------- */
@media (max-width: 991.98px) 
{
   .navbar-custom 
   {
      margin-left: 4px;   
      transition: margin-left 0.3s ease;
   }
   .content-container 
   {
      margin-left: 4px;
      margin-right: 4px;
   }
   .content-container2 
   {
      margin-left: 4px;
      margin-right: 4px;
   }
   .col_p
   {
      margin-left: 4px;
   }
   .cp
   {
      margin-left: 4px;
   }	
}


/* Stop navbar from expanding beyond 1500px */
@media (min-width: 1500px) 
{
   .navbar-custom 
	{
		max-width: calc(1500px - 60px);
        margin-right: auto;
    }	
    .content-container 
	{
       margin-left: 60px;
	   max-width: calc(1500px - 60px);	
	   margin-right: auto;	
       transition: margin-left 0.3s ease;
    }
    .content-container2 
	{
       margin-left: 60px;
	   max-width: calc(1500px - 60px);
	   margin-right: auto;	
       transition: margin-left 0.3s ease;
    }	
	
	.r_p
	{
	   margin-right: 20px;
	   padding-right: 20px;	
	}
	
}

@media (max-width: 1498.98px)
{
    .content-container 
	{
       margin-right: 20px;
	   padding-right: 20px;	
    }
    .content-container2 
	{
       margin-right: 20px;
	   padding-right: 20px;	
    }	
	.r_p
	{
	   margin-right: 20px;
	   padding-right: 20px;	
	}
}