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







@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,200;0,400;0,600;0,700;1,400&display=swap'), url('https://fonts.googleapis.com/css2?family=Vollkorn:ital,wght@0,400..900;1,400..900&display=swap');



.titillium-web-extralight {
  font-family: "Titillium Web", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.titillium-web-regular {
  font-family: "Titillium Web", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.titillium-web-regular-italic {
  font-family: "Titillium Web", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.titillium-web-bold {
  font-family: "Titillium Web", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.titillium-web-semibold {
  font-family: "Titillium Web", sans-serif;
  font-weight: 600;
  font-style: normal;
}


h1 {font-family: "Vollkorn", serif;
color: #050521;
text-align: center;
 width: 100%;
font-size: 2.3rem;
margin-bottom: 20px;}



    @media (max-width: 1050px) {
h1 {
  font-size: 1.8rem;
        }}

    @media (max-width: 450px) {
h1 {
  font-size: 1.3rem;
    font-weight: bold;
        }}




h2 {font-family: "Vollkorn", serif;
color: #050521;

 width: 100%;
font-size: 2.1rem;
margin-bottom: 10px;}



    @media (max-width: 1050px) {
h2 {
  font-size: 1.6rem;
        }}

    @media (max-width: 450px) {
h2 {
  font-size: 1.2rem;
    font-weight: bold;
        }}







body, li {font-family: "Titillium Web", sans-serif;}
    
a {color:#054A78;}


header {margin-bottom:20px;}


.hdr_bg {background:#F0F0F0;
}


.vfi_logobg {background:#1b3768;
color: #E5E5E5;
border-radius: 9px;
text-align: center;
padding: 15px;
margin-bottom: 40px;
max-width: 490px;
margin-left: auto;
margin-right: auto;
border-width: 3px;
border-color: #272727;
border-style: solid;}


.cw_logobg{
    background: #1b341b;
color: #E5E5E5;
border-radius: 9px;
text-align: center;
padding: 15px;
margin-bottom: 40px;
max-width: 490px;
margin-left: auto;
margin-right: auto;
border-width: 3px;
border-color: #272727;
border-style: solid;}

.large_intro {font-size:1.4rem;}

    /* Define a class for a bold style */
.vollkorn-bold {
  font-family: "Vollkorn", serif;
  font-optical-sizing: auto;
  font-weight: 700; /* Bold */
  font-style: normal;    
}r
           

/* Define another class for a light style */
.vollkorn-light {
  font-family: "Vollkorn", serif;
  font-optical-sizing: auto;
  font-weight: 400; /* Normal */
  font-style: normal;
}
       
.logo_outerbox {
           display: flex;
    padding-top: 10px;
    padding-bottom: 10px;
  
    justify-content: center;
            }              
            
 .logo_box {
           isolation: isolate;
min-height: 95px;
  min-width: 110px;
     max-height: 95px;
     max-width: 110px;
    font-size: 56px;
    color:#F0F0F0;
     display: inline-block;
   font-family: "Vollkorn", serif;
    background: #050521;
    background: linear-gradient(136deg, #050521 0%, #050521 30%, #D7DBED 48%, #D7DBED 52%, #050521 70%, #050521 100%);
    background: -webkit-linear-gradient(136deg, #050521 0%, #050521 40%, #D7DBED 48%, #D7DBED 52%, #050521 60%, #050521 100%);
    background: -moz-linear-gradient(136deg, #050521 0%, #050521 30%, #D7DBED 48%, #D7DBED 52%, #050521 70%, #050521 100%);
    /* Adding a thin black stroke */
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    position: relative;
   border-style: solid;
   border-color: #B5B1B1;
   color:#fff;
   border-width: 3px;
   border-radius: 2px;
}

            

            
            .letterv {position:absolute;
                display: block;
            left: 6px;
            top: -7px;}         
            
           .letterf {position:absolute;
             display: block;
            top: 8px;
            left: 43px;}  
            
           .letteri {position:absolute;
            display: block;
            right: 7px;
            bottom: -16px;}  
            
       
       
.logo_text_container {display: inline-block;
    margin-left: 25px;
    isolation: isolate;
          }
         
            
            
 .logo_text  {
  font-family: "Vollkorn", serif; 
  font-weight: 100; /* Bold */
  font-style: normal;
     
     text-transform:uppercase;
     font-size:43px;
     margin-bottom: 0px;
     padding-bottom: 0px;
     line-height: 40px;
     margin-top: 20px;
    
}   
                        
 .logo_subtext  {
     text-align: center;
    font-family: "Vollkorn", serif;
    font-style: normal;
     text-transform:uppercase;
     font-size:16px;    
     padding-top: 2px;
     margin-bottom: 0px;}
            
.hp_largeintro p {font-size: 1.7rem;
}
 

  @media (max-width:1050px) {
    .hp_largeintro p {font-size: 1.6rem;
}
}
      
      

    @media (max-width: 724px) {
    .logo_text_container {
    margin-left: 15px;
          }
   .logo_text {
    font-size: 30px; 
  }
  
  .logo_subtext {
    font-size: 14px; /* Adjusted font size for smaller screens */
  }        
                
 .logo_box {       
min-height: 85px;
min-width: 98px; /* Rounded from 98.42px */
max-height: 85px;
max-width: 98px; /* Rounded from 98.42px */

    font-size: 48px;
    background: #050521;
    background: linear-gradient(136deg, #050521 0%, #050521 30%, #D7DBED 48%, #D7DBED 52%, #050521 70%, #050521 100%);
    background: -webkit-linear-gradient(136deg, #050521 0%, #050521 40%, #D7DBED 48%, #D7DBED 52%, #050521 60%, #050521 100%);
    background: -moz-linear-gradient(136deg, #050521 0%, #050521 30%, #D7DBED 48%, #D7DBED 52%, #050521 70%, #050521 100%);
    /* Adding a thin black stroke */
     border-width: 3px;}
         
    .letterv {
            left: 6px;
            top: -7px;}         
            
           .letterf {
            top: 8px;
            left: 38px;}  
            
           .letteri {
            right: 7px;
            bottom: -16px;}      
        
    
     .hp_largeintro p {font-size: 1.3rem;
}    
}
   /* logo stacked here*/
       @media (max-width: 530px) { 
           
        .logo_text_container {display: block;
    margin-left: 0px;
          }   
           
           .logo_outerbox {
           display: block;
    padding-top: 10px;
    padding-bottom: 0px;  
    justify-content: center;
            }  
  .logo_text  {
     font-size:26px;
     margin-bottom: 0px;
     padding-bottom: 0px;
     line-height: 26px;
     margin-top: 6px;
    
}   
           
    }
    
    
      @media (max-width: 380px) { 
           
       .logo_text  {

     font-size:26px;
     margin-bottom: 0px;
     padding-bottom: 0px;
     line-height: 26px;
     margin-top: 6px;
    
}   
            }  
           
           

            
    
.bg_crossway {background:#1b341b;
color: #E5E5E5;}
    
.bg_vfi {background:#1b3768;
color: #E5E5E5;}




.bg_blue {background:#1b3768;
  color: #E5E5E5;}

    


.hp_bg_grad {
    background: linear-gradient(90deg, #1b3768 50%, #1b341b 50%);
    color: #E5E5E5;
}


@media (max-width: 1025px) {
    .hp_bg_grad {
        background: transparent; 
    }
}
    
.logoline {              
background: rgba(255,255,255,1);
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(226,226,226,1) 10%, rgba(196,196,196,1) 40%, rgba(196,196,196,1) 60%, rgba(226,226,226,1) 90%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(10%, rgba(226,226,226,1)), color-stop(40%, rgba(196,196,196,1)), color-stop(60%, rgba(196,196,196,1)), color-stop(90%, rgba(226,226,226,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(226,226,226,1) 10%, rgba(196,196,196,1) 40%, rgba(196,196,196,1) 60%, rgba(226,226,226,1) 90%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(226,226,226,1) 10%, rgba(196,196,196,1) 40%, rgba(196,196,196,1) 60%, rgba(226,226,226,1) 90%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(226,226,226,1) 10%, rgba(196,196,196,1) 40%, rgba(196,196,196,1) 60%, rgba(226,226,226,1) 90%, rgba(255,255,255,1) 100%);
background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(226,226,226,1) 10%, rgba(196,196,196,1) 40%, rgba(196,196,196,1) 60%, rgba(226,226,226,1) 90%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
height: 2px;
            }


    
    
    .bt_blue {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 4px 10px;
    border: 0px solid #526e91;
    border-radius: 6px;
    background: #85b2eb;
    background: -webkit-gradient(linear, left top, left bottom, from(#85b2eb), to(#526e91));
    background: -moz-linear-gradient(top, #85b2eb, #526e91);
    background: linear-gradient(to bottom, #85b2eb, #526e91);
    font: normal normal bold 20px;
    color: #ffffff;
    text-decoration: none;
}
.bt_blue:hover,
.bt_blue:focus {
    border: 0px solid #6689b5;
    background: #a0d6ff;
    background: -webkit-gradient(linear, left top, left bottom, from(#a0d6ff), to(#6284ae));
    background: -moz-linear-gradient(top, #a0d6ff, #6284ae);
    background: linear-gradient(to bottom, #a0d6ff, #6284ae);
    color: #ffffff;
    text-decoration: none;
}
.bt_blue:active {
    background: #526e91;
    background: -webkit-gradient(linear, left top, left bottom, from(#526e91), to(#526e91));
    background: -moz-linear-gradient(top, #526e91, #526e91);
    background: linear-gradient(to bottom, #526e91, #526e91);
}

    

         
            
  .topbar {background:#0a1025;
      padding-top: 5px;
      padding-bottom: 5px;
      position: sticky;
      top: 0;
      z-index: 1000;
    
       }    
            
        .topbar a {color: #FCFCFC;             
            }         
           .topbar a:hover {color:#D8D8D8;    
               text-decoration: underline;
            }            
         .topbar p {color: #FCFCFC;
             margin-bottom: 0px;
             font-size: 14px;
            }    

.topbar .fas {color: #FCFCFC;}

            
    .footerbar {background:#0a1025;
    color: #eee;
        padding-top: 20px;
        padding-bottom: 20px;
    
    }
    
    .footerbar a {
        color:#eee;
    } 
    
    .link_white a {color:#fff;}
    
       .link_white a:hover {color:#eee;}       
            
    .footerlogos img {max-height:70px;
    margin-right: 8px; margin-bottom: 8px;}   




.google-maps {
    position: relative;
    padding-bottom: 70%; /*// (450 ÷ 500 = 0.9 = 90%)*/
    height: 0;
    overflow: hidden;
}
.google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



.htmlvid {
    position: relative;
    padding-bottom:56%; /*// (450 ÷ 500 = 0.9 = 90%)*/
    height: 0;
    overflow: hidden;
}
.htmlvid video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.htmlvid video::cue {
  background: #000000;
    color:#FFFFF;
}





.formdark form label {
	font-size:14px;
    font-weight: bold;
    color: #fff;
	
}
	
.formdark form p {
	margin-bottom:0px;	font-size:14px;
    font-weight: bold;
       color: #fff;
	}	

.formdark form legend {
	margin-bottom:0px;	font-size:14px;
    font-weight: bold;
       color: #fff;
	}	

.formdark h4 {color:#fff;font-family: "Titillium Web", sans-serif;}

.formdark {background:#0a1025;
color: #D0D0D0;
padding: 12px;
border-radius: 5px;
border-color: #000000;
border-width: 3px;
border-style: ridge;
margin-bottom: 25px;
max-width: 700px;
margin-left: auto; margin-right: auto;}




.formdark .labeledoptions label{font-weight:normal;
color: #D0D0D0;
display: inline-block; margin-right: 10px;}










.regform label {
	font-size:16px;
    font-weight: bold;
	color:#6A6A6A;
}
	
.regform p {
	margin-bottom:0px;	font-size:16px;
    font-weight: bold;
	color:#6A6A6A;}	

.regform legend {
	margin-bottom:0px;	font-size:16px;
    font-weight: bold;
	color:#6A6A6A;}	

.link_white a:link {
	color: #F5F5F5;
	text-decoration: none;
}

.link_white a:visited {
	color: #F5F5F5;
	text-decoration: none;
}

.link_white a:hover {
	color: #fff;
	text-decoration: underline;	
}

.link_white a:active {
	color: #fff;
	text-decoration: none;
	
}



.hidit_form {display:none;
visibility: hidden;}




.labeledoptions label{font-weight:normal;

display: inline-block; margin-right: 10px;}




.bt_blue_big {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 10px 15px;
    border: 1px solid #0d0d1f;
    border-radius: 5px;
    background: #181857;
    background: -webkit-gradient(linear, left top, left bottom, from(#181857), to(#171747));
    background: -moz-linear-gradient(top, #181857, #171747);
    background: linear-gradient(to bottom, #181857, #171747);
    font: normal normal bold 22px;
    color: #ffffff;
    text-decoration: none;
}
.bt_blue_big:hover,
.bt_blue_big:focus {
    background: #1d1d68;
    background: -webkit-gradient(linear, left top, left bottom, from(#1d1d68), to(#1c1c55));
    background: -moz-linear-gradient(top, #1d1d68, #1c1c55);
    background: linear-gradient(to bottom, #1d1d68, #1c1c55);
    color: #ffffff;
    text-decoration: none;
}
.bt_blue_big:active {
    background: #0e0e34;
    background: -webkit-gradient(linear, left top, left bottom, from(#0e0e34), to(#171747));
    background: -moz-linear-gradient(top, #0e0e34, #171747);
    background: linear-gradient(to bottom, #0e0e34, #171747);
}






.bt_white_lg {
    background-color: white;
    color: #333; /* Dark grey text */
    border: 2px solid #ccc; /* Optional: Light grey border */
    padding: 10px 20px;
    font-size: 18px;
    border-radius: 20px; /* Rounded ends */
    cursor: pointer;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
}

.bt_white_lg:hover {
    background-color: #f0f0f0; /* Slight hover effect */
}



.hp_service_desc {padding-left:15px;
padding-right: 15px;
padding-top: 15px;
padding-bottom: 15px;}


.hp_service_desc p {font-size: 1.2rem;}





.about-cards-container {
  display: flex;
  flex-wrap: wrap;
  gap: 20px; /* Space between cards */
  justify-content: center; /* Center cards on larger screens */
}

.bio-card {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  margin-bottom: 20px;
  transition: transform 0.2s ease-in-out;
  display: flex;
  flex-direction: column;
  max-width: 300px; /* Consistent card width */
  flex: 1 1 calc(33.333% - 20px); /* Ensures three cards per row on large screens */
  height: auto; /* Allows cards to grow uniformly */
}

.bio-card:hover {
  transform: translateY(-5px);
}

.bio-card img {
  width: 100%;
  height: 200px; /* Consistent image height */
  object-fit: cover; /* Ensures uniform image display */
}

.bio-content {
  padding: 16px;
  flex-grow: 1; /* Allows content to stretch and match heights */
}

.bio-content h3 {
  margin-top: 0;
  font-size: 1.25rem;
  color: #333;
}

.bio-content p {
  font-size: 1rem;
  color: #666;
  line-height: 1.5; /* Improved line spacing for readability */
}














.vfi_outerbox {
    padding-top: 10px;
    padding-bottom: 30px;
   
    
    height: 100%;
    position: relative; /* To position the circle relative to this box */
}

.vfi_service_box {
    background-color: rgba(255, 255, 255, 0.7); 
    border-radius: 8px;
     background: #1b3768;
    
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.7); 
    margin-bottom: 20px; 
    margin-left: 5px;
    margin-right: 5px;
   
    
    height: 100%; 
}

.vfi_service_box p { padding-left: 12px;
padding-right: 12px;
text-align: center;
font-size: 1rem;
line-height: 1.3rem;
margin-bottom: 0px;
color:#CFCFCF;}

.vfi_service_box h3 {
    padding-top: 15px;;
    font-weight: 600;
    font-size: 1.2em;
    color: #0d1928;
    margin-bottom: 10px;
    text-align: center;
color:#E4E4E4;
    
}

.vfi_circle {
    position: absolute;
    top: -20px; /* Adjust to position the circle correctly */
    left: 50%;
    transform: translateX(-50%);
    width: 40px;
    height: 40px;
    background-color: #050521; 
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.2rem;
    font-weight: bold;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    z-index: 10; /* Ensures the circle is on top of the box */
}



.img_oval {
    margin: 25px; 
    max-width: 290px;
    border-radius: 50% / 50%; /* Adjust these values to achieve the desired oval shape */
    box-shadow: 10px 10px 0 0 #347411; 
    
}


/* Wrapper to hold the button */
.cta_button_wrapper {
    display: inline-block;
    margin-bottom: 10px; /* Adjust this to control space below the button */
    overflow: hidden; /* Prevents overflow issues */
    border-radius: 25px; /* Matches the button's rounded ends */
}

/* Base styles for the button */
.cta_button {
    display: inline-block;
    background-color:#2C2F63;
    color: white;
    padding: 15px 30px;
    font-size: 18px;
    text-align: center;
    border: 2px solid #4682B4; /* Darker blue border */
    border-radius: 25px; /* Rounded ends */
    cursor: pointer;
    transition: transform 0.3s ease, border-color 0.3s ease;
    text-decoration: none; /* Remove underline for links */
    transform-origin: center; /* Ensures the button grows evenly from the center */
}

/* Hover effect */
.cta_button:hover {
    transform: scale(1.1); /* Grow effect */
    border-color: #1b3768; 
    color: #E9E9E9;
}





.cta_button_wrapper {
    display: inline-block;
    margin-bottom: 10px; /* Adjust this to control space below the button */
    overflow: hidden; /* Prevents overflow issues */
    border-radius: 25px; /* Matches the button's rounded ends */
}

/* Base styles for the button */
.cta_button_green {
    display: inline-block;
    background-color:#1b341b;
    color: white;
    padding: 15px 30px;
    font-size: 18px;
    text-align: center;
    border: 2px solid #428042; 
    border-radius: 25px; 
    cursor: pointer;
    transition: transform 0.3s ease, border-color 0.3s ease;
    text-decoration: none; /* Remove underline for links */
    transform-origin: center; /* Ensures the button grows evenly from the center */
}

/* Hover effect */
.cta_button_green:hover {
    transform: scale(1.1); /* Grow effect */
    border-color: #274d27; 
    color: #E9E9E9;
}




.bg_midpage {background:#030c39;
color: #EDEDED;
padding-top: 20px;
padding-bottom: 15px;
margin-top: 20px;
margin-bottom: 20px;}




.reasonbox {
    border-radius: 8px;
    border: 1px solid #ddd; /* Optional: Add a border if desired */
    margin-bottom: 15px;
   overflow:hidden;
    background: #CFCFCF;
}

.reasonboxtext {
    padding-left: 15px;
    padding-right: 15px;
    font-size: 1.0rem;
    margin-top: 12px;
    line-height: 15px;
    
}
.reasonbox h5 {
    background-color: #1b341b; 
    color: #F8F8F8; /* Off-white text */
  
    margin: 0;
   padding-top: 9px;
    padding-bottom: 8px;
    
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}




.faqbox {
  background-color: #f9f9f9; /* Light gray background */
  border: 1px solid #d1d1d1; /* Subtle border */
  padding: 20px; /* Add padding for spacing */
  border-radius: 8px; /* Rounded corners */
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* Light shadow for depth */
  margin: 20px 0; /* Add some margin to separate from other elements */
}

.testimonial-bar {
  background-color: #f1f1f1; /* Light gray background for contrast */
  padding: 12px 0px; /* Add padding to create space around the content */
  margin: 12px 0; /* Add some margin to separate from other elements */
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* Optional: light shadow for depth */

    
}

  .menusub {background:#0a1025;
            border-radius: 8px; }
        
   .menusubimg {max-width:250px!important;}   




.img_nice {border-radius:12px;}


.image-wrapper {
    position: relative;
    display: inline-block;
}

.image-wrapper img {
    display: block;
    width: 100%;
    height: auto;
}

.image-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color:rgba(71,71,71,0.80);
    color:#DBDBDB;
    text-align: center;
    padding: 5px 0;
    font-size: 14px;
    box-sizing: border-box;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

.footerphonedivider {margin-left: 20px;
    margin-right: 20px;
margin-top: 10px;}

.footerphone1, .footerphonedivider, .footerphone2 {
  display: inline-block;
    margin-top: 10px;
  padding-bottom: 20px;
  line-height: 10px;
    font-size: 1.3rem;
}

@media (max-width: 911px) {
  .footerphonedivider {
    display: none;
  }

  .footerphone1, .footerphone2 {
    display: block;
   
  }
}

    @media (max-width: 450px) {
.footerphone1, .footerphonedivider, .footerphone2 {
  font-size: 1.0rem;
    font-weight: normal;
        }}


/*Blog*/

.entry-title {font-family: "Titillium Web", sans-serif;}

.byline {display:none!important;}