charset "utf-8";
/* CSS Document */
        /* ===== Google Font Import - Poppins ===== */
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap");

/*
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Poppins', sans-serif;
    transition: all 0.4s ease;;
}
*/

/*@import url("https://fonts.googleapis.com/css?family=Open+Sans");*/


   * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    transition: all 0.1s ease;
}

  body {
    width: 97%;
       margin: 0 auto;
            font-family: 'Poppins', sans-serif;

        }
 nav {
    height: auto;
     z-index: 9999;
     position: absolute;
    width: 98%;
    margin-top: -20px;  
}
     
      
  video {
  object-fit: cover;
/*  width: 97vw;*/
     width: 100%;
  height: 35vh;
/*   position: absolute;*/
    min-height: 270px;
    margin-top: -114px;  
    border-radius: 10px; 
/*    color: black;*/
}         
      
/*
.raleway{
  font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}
*/
/*
.section-title.service-title {
      top: 400px;
        position: relative;
        margin-bottom: 15px;
          padding:10px;
  background: #C2FC8E;
      }
*/
   .section-title.service-title h2 {
        text-align: center; 
        color: #222; 
        font-size: 1.6em;
        font-weight: 600;
        position: relative;
     margin-top: 25px;
        margin-bottom: 15px;
          padding:5px;
     text-transform: uppercase;
      }

.section-title h2::before {
    content: "";
    position: absolute;
    left: 50%;
    width: 110px;
    height: 2px;
    background: #ff5e14;
    bottom: -15px;
    margin-left: -50px;
  margin-right: -50px;
}
  
.section-title.service-title h3 {
        text-align: left; 
        color: rgba(33, 47, 61, 0.9);
        font-size: 1.4em;
        line-height: 1.5;
        font-weight: 600;
        position: relative;
        margin-top: 15px;
        margin-bottom: 15px;
        padding:25px;
/*     text-transform: uppercase;*/
      }
.section-title.service-title h4 {
        text-align: left; 
        color: rgba(33, 47, 61, 0.8);
        font-size: 1.2em;
        line-height: 1.5;
        font-weight: 600;
        position: relative;
        margin: 10px auto;
      
        padding:3px 20px;
/*     text-transform: uppercase;*/
      }
.card-title {
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.4;
  margin: 10px 0 15px;
  padding: 0;
}

 .section-title.service-title p {font-size: 101%;  margin: 0 auto;
    padding: 30px 45px;
    margin-bottom: 10px; 
    text-align: center; color: #000000;
}
.blog-content.home-blog h2 {
  font-size: 18px;
  margin-bottom: 10px; 
}

.container { 
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr 1fr;  
    gap: 15px; 
/*   grid-template-rows: auto;*/ 
  grid-template-rows: auto;
  justify-items: center;
  box-sizing: border-box;
  width: 98%;

  margin-left: auto;
  margin-right: auto;
}
 

   /* PRESS Body */ 
     .pr-text {font-size:1.0em; font-weight: 400;  text-align: justify;
    width: 60%;
    }
    
    .pr-text h3 {padding: 5px 5px 5px 0px; color: darkblue}
    
    .pr-text p {padding: 5px 5px 5px 0px; }
  
    .item-press-p p { color:darkblue;font-size:1.0em; font-weight: 400;  text-align: justify;line-height: 1.4;padding: 5px 5px 5px 0px;} 
    

.flex-container {
  display: flex;
  flex-wrap: nowrap;
  align-content: flex-start;
  flex-direction:row;
  justify-content:center;
  gap: 20px;
  }   
    
    
  /* xxxxxxxx  PRESS BODY OVER  xxxxxxx */     

    @media (max-width:1190px){ 
      
    .press h2 { top: 10;margin-top: -60px; margin-bottom: -10px;
      font-size: 1.4em;
      line-height: 1.1;
      color:black;}
    }

      @media (max-width:750px){
/*
    .press h2 { 
    display: none;
}
*/
.flex-container { 
/*  width: 79.99%;*/
  display: flex;
  flex-flow: row wrap;
  flex-direction:row;
 margin: 0px auto;
  padding: 10px;
        }
.flex-container img {
  align-items: center; 
  width: 60%;
  margin: 0 auto;
   } 
        
 .item-press-p {  
    width: 99.999%; 
    border: 1px solid #ddd;
    border-radius: 10px;
    display: flex;
/*    gap: 40px;*/
    justify-self: left; 
/*       background: #807C03;*/
    padding: 10px; 
    margin: 40px auto; 
/*    text-align: left;*/
  }
    .pr-text {padding: 10px; width: 121%;}
        
    /* xxxxxxxx  PRESS MEDIA OVER  xxxxxxx */  
/* .blockimage {padding: 80px 15px 0px 0px; display: flex;flex-wrap: wrap;align-content: center; justify-content: space-around; gap:2rem;}*/
      
/*
.blockimage img  {width: 100%; max-width: 450px; object-fit: cover; vertical-align: middle;}
      
h3.blocktext {   flex: 1; color: #FFFFFF; font-style: italic;font-size: 1.9em; font-weight: 500;  line-height: 1.2;  }
*/
      
    
h3.block { padding: 75px 130px;font-family: "Raleway", sans-serif;color: #FFFFFF; font-style: italic;font-size:3.1em; font-weight: 500;  text-align: center;line-height: 1.4;}
      
.item {
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 10px;
  background-color: #e0f7fa;
/*    background: #F8F9FA;*/
/*    text-align: left;*/
  }
      
/*
.item1 {
  display: grid;
grid-column: span 1;
grid-row: span 1; 
 place-items: center; 
  justify-content: center;
background: #EBF7F7;
   border: 1px solid #DEDDDD;

  row-gap: 10px;
  padding: 10px; 
}
*/


/*
.item2 {
grid-column: span 1;
grid-row: span 1;
   border: 1px solid #DEDDDD;
 place-items: center; 
  justify-content: center;
  
  row-gap: 10px;
  padding: 10px; 
}
*/
/*
.item3 {
  grid-column: span 1;
grid-row: span 1;

 place-items: center; 
  justify-content: center;
  
  row-gap: 10px;
  padding: 10px; 
}
*/
/*
.item4 {
grid-column: span 1;
grid-row: span 2;gap: 0rem;
padding: 1.3rem;
}
.item5 {
grid-column: span 1;
grid-row: span 2;gap: 0rem;
padding: 1.3rem;
}
*/
/*
 .item7 {
   width: 88%;
grid-column: span 3;
grid-row: span 1;gap: 5rem;
padding: 3.3rem 3.3em 0em 3.3em;  
}
*/
        
.item6 { 
background-size: cover;
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ),  
      url("//www.igc.int/en/dons-test-folder/testing/images/img-2.jpg") ;
    position: relative;
    width: 100%;

/*  margin-top: -50px; */
  

}
.item6 h2 { 
    font-size: 150%;
  line-height: 1.2;
    color: red;
    text-transform: uppercase;
    font-family: "Raleway", sans-serif;
  font-style: italic;
  font-weight: 500;
    position: absolute;
    top: 80px;
    left: 40px;
  padding-right: 10px;

}
.item6-webinar { align-self: auto;
  justify-self: auto;
grid-column: span 4;
grid-row: span 4;
  width: 96%;
  min-height: 400px;
  margin-top: 0px;
/*  font-weight: 400;*/
}
.item6-webinar {
    background-size: cover;
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ),  
      url("//www.igc.int/en/dons-test-folder/testing/images/webinar-img.jpg") ;
    position: relative;
    width: 100%;
  min-height: 170px;
  margin-top: -50px;  border-radius: 10px;
}

.item6-webinar h2 { 
    font-size: 2.6em;
  line-height: 1.2;
    color: white;
/*    text-transform: uppercase;*/
    font-family: "Raleway", sans-serif;
  font-style: normal;
  font-weight: 800;
    position: relative;
    top: 50px;
    left: 40px;
  padding-right: 10px;
  text-transform: uppercase;
  letter-spacing: 0.1em;

}
.item6-webinar h2::before {
    content: "";
    position: absolute;
    left: 0%;
    width: 110px;
    height: 4px;
    background: #ff5e14;
    bottom: -15px;
    margin-left: 10px;
  margin-right: 10px;
  
}
/*
.section-title.service-title h2 {
        text-align: center; 
        color: #222; 
        font-size: 1.6em;
        font-weight: 600;
        position: relative;
     margin-top: 25px;
        margin-bottom: 15px;
          padding:5px;
     text-transform: uppercase;
      }
*/

.item6-webinarzz { align-self: auto;
  justify-self: auto;
grid-column: span 4;
grid-row: span 4;
  width: 96%;
  min-height: 400px;
  margin-top: 0px;
/*  font-weight: 400;*/
}
.item6-webinarzz {
    background-size: cover;
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ),  
      url("//www.igc.int/en/dons-test-folder/testing/images/webinar-img.jpg") ;
    position: relative;
    width: 100%;
  min-height: 170px;
  margin-top: -50px;  border-radius: 10px;
}

.item6-webinarzz h2 { 
    font-size: 2.6em;
  line-height: 1.2;
    color: white;
/*    text-transform: uppercase;*/
    font-family: "Raleway", sans-serif;
  font-style: normal;
  font-weight: 800;
    position: relative;
    top: 50px;
    left: 40px;
  padding-right: 10px;
  text-transform: uppercase;
  letter-spacing: 0.1em;

}
.item6-webinarzz h2::before {
    content: "";
    position: absolute;
    left: 0%;
    width: 110px;
    height: 4px;
    background: #ff5e14;
    bottom: -15px;
    margin-left: 10px;
  margin-right: 10px;
  
}

/*
.item7 { align-self: auto;
  justify-self: auto;
grid-column: span 2;
grid-row: span 2;

}
*/
        
      .img-thumb {
  margin-bottom: 20px;
    
}
      .img-thumb img {
  width: 100%;
}
@media (max-width:750px){
    .container { display: flex; 
      flex-direction: column;   justify-content: space-between;
/*background: yellow;*/
}
.test {display: flex;flex-wrap: nowrap;


}

  .section-title.service-title p {
    padding: 10px;
    margin: 0px auto;
    text-align: left;
  } 
 .item5 {
   width: 100%;

gap: 0.5rem;
padding: 4.3rem 1em 0em 1em; 
}
.item6 { 
  width: 100%;
height: auto;
  margin-top: 0px;
/*  font-weight: 400;*/
}
.item6 h2 { 
    font-size: 150%;
  line-height: 1.2;
    color: #ffffff;
    text-transform: uppercase;
    font-family: "Raleway", sans-serif;
  font-style: italic;
  font-weight: 500;
    position: absolute;
    top: 80px;
    left: 40px;
  padding-right: 10px;

}
  h3.block { padding: 15px; font-size:2.1em; font-weight: 400;  text-align: left;line-height: 1.4;}
}


/*     <!-- ===== CSS BODY ENDS ===== -->*/