*{
    margin: 0;
    padding: 0;
    font-family: oswald, sans-serif;
   /* background-color: rgb(245, 245, 248);*/
}

a{

    text-decoration: none;
}
/* header container*/
.header_container{

   padding: 1em;
   display: flex;
   justify-content: center;
  
}

.logo{
    width:40%;
    
    background-size: contain;    
    background-repeat: no-repeat;
    background-image:url(../images/logo.png) ;
    
}
/* menu container*/
.menu_containter{
    width:90%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
/* menu container right side*/
.menu_right_row{

    display: flex;
    flex-direction: column;

}

/* Social media container*/
.social_media{

    display: flex;
    justify-content: right;
    flex-direction: row;
}

.social_media > div{

    padding:1em;    
}

/***************Social Media*************************/

.fa-x-twitter:hover,
.fa-facebook-f:hover,
.fa-linkedin-in:hover,
.fa-instagram:hover,
.fa-youtube:hover,
.fa-bluesky:hover,
.fa-calendar:hover
{
    color:#cd0022;
}


/* main_links container*/
.main_links{
     display: flex;
      justify-content: left;
    flex-direction: row;
}
/* main_links div*/
.main_links > div{

    padding:1em;   
}
/* main_links div a tag*/
.main_links > div a{
  
    color: black;
    font-weight: bold;
}
/* main_links div a tag hover*/
.main_links > div a:hover{
  
    color: gray;
    
}
/* worker_rights a link id tag */
#worker_rights{

    color:#cd0022;
}
/* worker_rights a link id tag hover*/
#worker_rights:hover{
    color: gray;
}

/* Video Banner container*/
.video_container
{
   display: flex;
   position:position;
   min-height: 420px;
   justify-content: center;
   
   background-size: cover;    
   background-repeat: no-repeat;
   background-image: linear-gradient(-90deg, rgb(99, 37, 37,0.1), rgba(0, 0, 0, 0.8)), url(../images/video_placement.png) ;
  
}
/* Video Banner text container*/
.video_text_container{

    width: 90%;
    padding: 1em;       
    background-color: transparent;
}

/* Video Banner text css background: transparent*/
.video_text_container > div,
.video_text_container > div h1, 
.video_text_container > div h1 span, 
.video_text_container > div h2, 
.video_text_container > div h2 span,
.video_text_container > div.red_border,
.video_text_container > div.video_span_text span,
.video_text_container > div.link_to_about_us a 
{

    background-color: transparent;
}
/* building text h2 span.buildingcss */
.video_text_container > div h2 span.building{

    font-size: 36px;    
    color: #bfbfbf;
    line-height: 60px;   
    
}

/* building text h1 span.working_power css */
.video_text_container > div h1 span.working_power{
    
    color: white;
    font-size: 46px;
    line-height: 46px;  
    
}
/* building text h2 span in_antigua_and_barbuda css */
.video_text_container > div h2 span.in_antigua_and_barbuda{

    color: #bfbfbf;
    font-size: 35px;
    line-height: 66px;

}/*red border line in video section*/
.red_border{

    width:20%;  
    margin-top: 25px;   
    border:thick solid red;
}

/* text in span:video_span_text css */
.video_span_text {
    display: flex;
    font-size: 18px;   
    color: #ffffff;
    line-height: 26px;
    font-weight: bold;
    flex-direction: column;  

}
/* About link in the videio section css */
.link_to_about_us,  .link_to_about_us > a {
   
   color:white;
   font-size: 20px;
   font-weight: 600;
   line-height: 50px;
}
/* banner container holding 3 columns*/
.three_banners_container{

     display: flex;
     justify-content: center;
     flex-direction: row;
     margin-bottom: 1em;
}

/*  3 columns justification*/
.three_banners{
     width: 90%;
     display: flex;
     padding-top: 2em;
     flex-direction: row;
     justify-content: space-between;

}
/*  3 columns size and height*/
.three_banners >.col-1,
.three_banners >.col-2,
.three_banners >.col-3{
    width: 30%;   
    background-color: #ffffff;
   
}
/*  3 columns  col-1*/
.three_banners .col-1{
    position: relative;
    border-bottom: thick solid #f9b60f; 
}

/*  3 columns  col-1 corner span*/
.three_banners .col-1 > span{

    top: -23px;
    left: -4px;
    z-index: 1;
    color:rgb(249, 182, 15,0.4); 
    position: absolute;
    font-size: 105px;
    background-color: transparent;
    font-family: impact, sans-serif;    
}



/*  3 columns  col-1 corner img*/
.three_banners .col-1 > img{
    
    top: 80px;
    left: 20px;
    position: absolute;
    background-color: transparent;

}

.three_banners .col-1 > h2{

    margin-left: 10px;
    
    margin-top: 190px;
    background-color: transparent;
}
.three_banners .col-1 > h2 span{

    background-color: transparent;

}
.three_banners .col-1 > p{

    padding: 1em;
    line-height: 25px;
    background-color: transparent;
    

}

.three_banners .col-1 > div{

   border:thin solid blue;
   position: relative;

}

/*  3 columns  col-2*/
.three_banners .col-2{

    position: relative;  
    border-bottom: thick solid #9d6fae;
}
/*  3 columns  col-2 corner span*/
.three_banners .col-2 > span{

    top: -23px;
    left: -4px;
    z-index: 1;
    color:rgb(157, 111, 174,0.4);
    position: absolute;
    font-size: 105px;
    background-color: transparent;
    font-family: impact, sans-serif;    
}

/*  3 columns  col-2 corner img*/
.three_banners .col-2 > img{
    
    top: 80px;
    left: 20px;
    position: absolute;
    background-color: transparent;

}

.three_banners .col-2 > h2{

    margin-left: 10px;
    
    margin-top: 190px;
    background-color: transparent;
}
.three_banners .col-2 > h2 span{

    background-color: transparent;

}
.three_banners .col-2 > p{

    padding: 1em;
    line-height: 25px;
    background-color: transparent;
    

}

/*  3 columns  col-3*/
.three_banners .col-3{
    position: relative;  
    border-bottom: thick solid #3bb6ab;
}
.three_banners .col-3 > span{

    top: -23px;
    left: -4px;
    z-index: 1;
    color:rgb(59, 182, 171,0.4); 
    position: absolute;
    font-size: 105px;
    background-color: transparent;
    font-family: impact, sans-serif;    
}
/*  3 columns  col-2 corner img*/
.three_banners .col-3 > img{
    
    top: 80px;
    left: 20px;
    position: absolute;
    background-color: transparent;

}

.three_banners .col-3 > h2{

    margin-left: 10px;    
    margin-top: 190px;
    background-color: transparent;
}
.three_banners .col-3 > h2 span{

    background-color: transparent;

}
.three_banners .col-3 > p{

    padding: 1em;
    line-height: 25px;
    background-color: transparent;

}
/*-- feature container background--*/
.feature_container{
        
   
    display: flex;
    
    margin-bottom:1em;
    justify-content: center;
    background-color: #1d252d;
}
/* feature_container with title and iframe */
.you_tube_section{

    display: flex;    
    flex-direction: column;
    justify-content: center;
    background-color: transparent;

}

.you_tube_section > div{
    margin-bottom: 10px;
    background-color: transparent;
}
/* feature_container with title text */
.video-block-title {
   color: white;  
   font-size: 35px;   
   font-weight: normal;      
   line-height: 2em;
   font-family: impact;
   background-color: transparent ;
}

/* feature_container with title text in span*/
.video-block-title > span{

    color: #f5f5f5;   
    padding-left: 5px;
    padding-right: 5px;
     font-family: impact;
    background-color: #cd0022;

}

.benefits {

    color: #f5f5f5;   
    padding-left: 5px;
    padding-right: 5px;
     font-family: impact;
  
}
.benefits:hover{

    color: black;
}


/*latest_news_background*/
.latest_news_background{

    display: flex;     
    justify-content: center;
}
/*latest_news_container*/
.latest_news_container{
    width:90%;
    display: flex;
    flex-direction: column;   
    justify-content: center;
}
/*latest_news_title*/
.latest_news_title_structure{

    display: flex;
    flex-direction: row;       
    justify-content:space-between;
}
/*latest_news_title 3 columns*/
.latest_news_title_cols{

     display: flex;
    flex-direction: row;       
    justify-content:space-between;
}
/*latest_news_title news-col*/
.latest_news_title_cols .news-col{

    width:30%;   
    color:#ffffff; 
    background-color:#292049;
    
}
/*latest_news_title news-col image tag*/
.latest_news_title_cols .news-col img{

    width:100%;
}
/*latest_news_title news-col h2 tag*/
.news-col h2 {
    padding:1em;  
    line-height: 35px;   
    background-color: transparent;
}
/*latest_news_title news-col h2 a tag*/
.news-col h2 a {

    
    color: white;  
    font-size: 30px;        
    font-family: oswald, sans-serif;
    font-weight: bold;
    text-decoration: none;
    letter-spacing: 0.01rem;
    background-color: transparent;

}
/*latest_news_title news-col h2 a tag hover*/
.news-col h2 a:hover {

   
  text-decoration: underline wavy red;
}

/*latest_news_title news-col p tag*/
.news-col p  {

    padding:1.4em;
    line-height: 35px;   
    background-color: transparent;
}
/*latest_news_title news-col p a tag*/
.news-col p a {
    color: white;  
    font-size: 16px;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    font-weight: normal;
    text-decoration: none;
    background-color: transparent;
}

.motto_background{
   color:white; 
   display: flex;  
   margin-top: 1em;
   margin-bottom: 1em;
   flex-direction: row;   
   background-color: #cd0022;
  
}

.motto_background > div{

    width: 50%;   
    background-color: transparent;
}
.motto_text{
    padding: 3em;
    background-color: transparent;
}

.motto_text span{
    background-color: transparent;
   font-size: 35px; 
   font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;

}
.motto_text p{
   padding-top: 1em;   
   line-height: 30px;
   background-color: transparent;

}

.motto_text a{
    color: white;
    font-size: 24px;    
    padding-top: 1em;
    line-height: 50px;
    font-weight: lighter;
    text-decoration: none; background-color: transparent;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;

}

.motto_text a:hover
    {
        text-decoration: underline wavy white;
    }
.motto_image{

    background-image: url(../images/motto.jpg);
    background-repeat: no-repeat;
    background-size: cover;

}
.spacer{

    width: 100%;
    height: 10px;
    margin-top: 10px;
    background-color:rgb(206 205 215 / 50%);
}
/* breadcrumbs section*/
.bread_crumb_container{

    display: flex;     
    justify-content:center;

}
.bread_crumb_section{
 
    width:90%;
    display: flex;   
    padding-top: 1rem; 
    justify-content:start;
}
.bread_crumb_section p{

    font-size: 12px;
}
.bread_crumb_section a{

    color:#1d252d;
    
}



/*---detail page Memeber section*/
/*member_background */
.member_background{

    display: flex;     
    justify-content: center;
}
/*member_container*/
.member_container{
    width:90%;
    display: flex;
    flex-direction: column;   
    justify-content: center;
}
/*member_structure*/
.member_structure{

    display: flex;
    flex-direction: row;       
    justify-content:space-between;
}

/* title section*/
.block-title {
   color: white;  
   font-size: 35px;   
   font-weight: normal;      
   line-height: 2em;
   font-family: impact;
   background-color: transparent ;
}

/* feature_container with title text in span*/
.block-title > span{

    color: #f5f5f5;   
    padding-left: 5px;
    padding-right: 5px;
     font-family: impact;
    background-color: #cd0022;
}
/*centent_sectrion**/
.content_section{

    line-height: 35px;
}
/*centent_sectrion paragraph**/
.content_section p{

    padding-bottom: 25px;
    line-height: 25px;
}
/*centent_sectrion table**/
.content_section tr{

    line-height: 25px;
}

/*members_section*/
.members_section{

    display: flex;
    flex-direction: row;       
    justify-content:space-between;

}
.member_tile{

    width: 30%;
    display: flex;
    padding: 0.5em;
    border-radius: .5em;
    align-items: center;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    border: thin solid lightgrey;
}
.person_display{

    width: 8em;
   border: thin solid lightgrey;
    border-radius: 50%;
}
.member_tile span{

    font-weight: bold;
}
.member_tile p{

    font-size: small;
    color: rgb(98 94 96 / 80%);
   

}
.services_section{

    display: flex;
    flex-direction: row;
}

/** benefits listing**/
.services_section ul li
{

 line-height: 25px;
 
}

/** benefits listing achor tags**/
.services_section ul li a{
     font-weight: bold;
    color:rgb(37, 37, 37);
   
}

.services_section ul li a:hover{

    font-weight: bold;
    color:rgb(94, 35, 231)
}



/*footer section*/
.footer_container{

    display: flex;
    flex-direction: row;
}
.footer_container > div{
    width:50%;
    padding:3em;
}

.footer_left > div h2 span{
 
    font-size: 24px;
    line-height: 26px;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    font-weight: lighter;

}

.footer_left > div p{

     line-height: 36px;

}

.footer_links{

    display: flex;    
    
}
.footer_links > div{
    width:50%;
    padding: 1em;
}

.footer_links >div a{

    color:black;   
    text-decoration: none;
    font-weight: lighter;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;


}
.copyright_section{
    padding: .2em;
    display: flex;
    font-size: 12px;
    color: #ffffff;
    font-weight: lighter;
    text-decoration: none;
    justify-content:center; 
    background-color: rgb(26 24 39);
    font-family:'Arial Narrow Bold', sans-serif;
}