.first-header   {background-color: rgb(000, 100, 56);}
.first-header img {height: 5vh;padding: 5px;}
.linkedin img {height: 6.5vh;}

.first-header-icon1   {text-align: right;}
.first-header-icon1 a {text-decoration: none; padding: 10px;color: white;}
.first-header-contact   {font-weight: bolder;}

nav       {background: linear-gradient(135deg, #ffffff 0%, #f0fdf4 100%);}
.nav-items    {display: grid; grid-template-columns: 0.5fr 12fr;}

.nav-logo     {margin-left: 20px;}
.nav-logo img {width: 120px;}  


.nav-list li img   {width: 80px;}
.nav-list li .dd-icn img  {width: 8px;}


.nav-list     {display: flex;}

.nav-list ul  {display: flex; gap: 15px; align-items: center; justify-items: space-evenly;}

.nav-list ul li   {list-style-type: none;font-size: small;font-weight: bold; color: RGB(0, 100, 56);}


.dd-link        {position: relative;z-index: 9999;}
.dd-link  a      {text-decoration: none;color: inherit;}

.dd-items        {position: absolute; top:100%; color: white; padding: 20px; ;
                  background-color: rgb(2, 64, 2);width: 300px; display: none;}

.dd-items p a     {width:100%;font-family:'Century Gothic';color: white; text-decoration: none;
                    font-weight: bold; }  

.dd-link:hover  .dd-items  {display:grid; grid-template-columns: 1fr 1fr;width: 400px;gap: 5px;}
.dd-link:hover  .progs  {display:grid; grid-template-columns: 1fr 1fr;width: 800px;gap: 5x;}
.dd-items p:hover    {background-color: #07a54c;padding: 5px;border-radius: 5px;}

.elipsis_icon         {display: none;}
.elipsis-img          {align-self: center;display: none;}
.elipsis-img img       {width: 40px;}

/* nav   {border: 4px green solid;} */

.image-section {
  height: 70vh;
  display: flex;
  flex-direction: column;
  justify-content: center;

  background: linear-gradient(to right, rgba(1, 41, 1, 1), rgba(0,0,0,0.0)),
              /* url('static/images/rea_rural1.jpg'); */
              url(../assets/images/rea_rural1.jpg);

  background-size: cover;
  background-position: center;
  padding-left: 10%;
}

/* Second slide background */
.slide2 {
   height: 70vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: linear-gradient(to right, rgba(0, 0, 50, 0.8), rgba(0,0,0,0.0)),
              url('../assets/images/rea_mgt2.jpg');

  background-size: cover;
  background-position: center;
}

/* new carousel end */


.img-sec-text2  {font-size: 2rem;width: 30%;font-family: 'Century Gothic','Poppins',"Open Sans", sans-serif;
  font-weight: bold;padding: 2px;}


.img-sec-btn1  {padding: 5px;}
.img-sec-btn1 a {color: inherit; padding: 5px;text-decoration: none;}
.button1  {border-radius: 10px;}
.button2  {border-radius: 10px;text-align: center;border:0.5px solid white}
.img-sec-btn2 {background-color: transparent;
  padding: 5px;border: 10px solid white;} 



/* misson and vision section */

@keyframes shake {
  0% { transform: translateX(0); }
  25% { transform: translateX(-5px); }
  50% { transform: translateX(5px); }
  75% { transform: translateX(-5px); }
  100% { transform: translateX(0); }
}

.mission-items  {display: grid;grid-template-columns: 1fr 1fr 1fr; grid-gap: 10px; font-family:'Century Gothic','Poppins','Questrial', "Google Sans";font-weight: bolder;}

.mission-item1  {padding: 20px; align-self: center;justify-self: center;font-family:'Century Gothic','Poppins', 'Questrial','Open Sans';
  background-color: white;border-radius: 10px;box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);}

.mission-item2  {padding: 20px;align-self: center;justify-self: center;height: 100%; font-family:'Century Gothic','Poppins','Questrial','Open Sans';
  background-color: white;border-radius: 10px;box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);}

.mission-header {color: rgb(5, 70, 5);text-align: center;font-weight: bolder;}

.mission-logo img {height: 50px;}

.mission-logo {text-align: center;}

.vision-header {color: rgb(5, 70, 5);text-align: center;font-weight: bolder;}
.vision-header img {height: 50px;}
/* .mission-item1:hover .p {width: 600px;background-color: rgb(12, 79, 12);color:white; animation: shake 0.4s;} */
/* .mission-item2:hover {width: 600px;background-color: rgb(12, 79, 12);color:white;} */
.mission-text {color:rgb(0, 0, 0)}

.mission-item1:hover,.mission-item2:hover {
  /* width: 600px; */
  /* background-color: rgb(12, 79, 12); */
  /* color: white; */
  animation: shake 0.4s;
}


/* mission end */

/* for the geolocation map */


          
              




.stats  {background-color: rgb(240, 248, 240);height:auto;margin-top:10px;border-radius:1rem;}

.stats-items  {display: grid;grid-template-columns:repeat(4, 1fr);padding:20px;}
/* .stats-item1 img {width: 40px;height:auto;} */
.stats-item2 img {width: 40px;height:auto;}
.stats-item3 img {width: 40px;height:auto;}
.stats-item4 img {width: 40px;height:auto;}
.stats-items h4   {font-weight: bolder;font-size: 35px;}

.stats-item1  {padding: 5px; align-self: center;justify-self: center;display: grid;grid-template-columns: 70px 1fr;
              }
/* .stat-item1-img {justify-self:center;align-self: center;} */
.stats-item1-img {background-color: rgb(200, 240, 200);align-content: center;
                  text-align: center; border-radius: 50%;}
.stats-item1-img img  {width: 40px;height:auto;}


.stats-item2  {padding: 5px; align-self: center;justify-self: center;display: grid;grid-template-columns: 70px 1fr;
  border-right: 1px solid gray;}
/* .stat-item1-img {justify-self:center;align-self: center;} */
.stats-item2-img {background-color: rgb(200, 240, 200);align-content: center;
                  text-align: center; border-radius: 50%;}
.stats-item2-img img  {width: 55px;height:auto;}


.stats-item3  {padding: 5px; align-self: center;justify-self: center;display: grid;grid-template-columns: 70px 1fr;
  border-right: 1px solid gray;}
/* .stat-item1-img {justify-self:center;align-self: center;} */
.stats-item3-img {background-color: rgb(200, 240, 200);align-content: center;
                  text-align: center; border-radius: 50%;}
.stats-item3-img img  {width: 55px;height:auto;}


.stats-item4  {padding: 5px; align-self: center;justify-self: center;display: grid;grid-template-columns: 70px 1fr;
  border-right: 1px solid gray;}
/* .stat-item1-img {justify-self:center;align-self: center;} */
.stats-item4-img {background-color: rgb(200, 240, 200);align-content: center;
                  text-align: center; border-radius: 50%;}
.stats-item4-img img  {width: 50px;height:auto;}

/* 
.stats-item2  {border: 1px solid gray;}
.stat-item2-img {justify-self:center;align-self: center;}

.stats-item3  {border-right: 1px solid gray;}
.stat-item3-img {justify-self:center;align-self: center;}

.stats-item4  {}
.stat-item4-img {justify-self:center;align-self: center;}
.stat-item4-detail .item4-detail {font-size: smaller;} */

.stat-item1-detail  {justify-self: start; align-self: end;font-family:'Century Gothic','Poppins','Questrial', "Roboto";font-size: small;}
.stat-item2-detail  {justify-self: start; align-self: end;font-family:'Century Gothic','Poppins','Questrial', "Roboto";font-size: small;}
.stat-item3-detail  {justify-self: start; align-self: end;font-family: 'Century Gothic','Poppins','Questrial',"Roboto";font-size: small;}
.stat-item4-detail  {justify-self: start; align-self: center;font-family:'Century Gothic','Poppins','Questrial', "Roboto";font-size: small;}
#item4-detail,#item3-detail,#item2-detail,#item1-detail {font-size:normal;color: green;}

 /* geoloaction start  */
.the-map-container  {border: 1px solid rgb(223, 221, 221); height: 80vh;}
.mph-title  {font-weight: bold;font-family: 'Century Gothic', 'Poppins','Questrial';}
#map    {height: 60vh;}

/* tickets statistics */

.indent-link a  {text-decoration: none; color: inherit;}
.ticket-stats  {background-color: rgb(000, 100, 56);height:auto;margin-top:10px;border-radius:1rem;color:white}

.ticket-stats-items  {display: grid;grid-template-columns:repeat(2, 1fr);padding:10px;}
/* .stats-item1 img {width: 40px;height:auto;}
.ticket-stats-item2 img {width: 40px;height:auto;}
.ticket-stats-item3 img {width: 40px;height:auto;}
.ticket-stats-item4 img {width: 40px;height:auto;} */
.ticket-stats-items h4   {font-weight: bolder;font-size: 35px;}

.ticket-stats-item1  {padding: 5px; align-self: center;justify-self: center;display: grid;grid-template-columns: 70px 1fr;
  }
/* .stat-item1-img {justify-self:center;align-self: center;} */
.ticket-stats-item1-img {background-color: rgb(200, 240, 200);align-content: center;
                  text-align: center; border-radius: 50%;}
.ticket-stats-item1-img img  {width: 60px;height:auto;}


.ticket-stats-item2  {padding: 5px; align-self: center;justify-self: start;display: grid;grid-template-columns: 70px 1fr;
  }
/* .stat-item1-img {justify-self:center;align-self: center;} */
.ticket-stats-item2-img {background-color: rgb(200, 240, 200);align-content: center;
                  text-align: center; border-radius: 50%;}
.ticket-stats-item2-img img  {width: 60px;height:auto;}


.ticket-stats-item3  {padding: 5px; align-self: center;justify-self: center;display: grid;grid-template-columns: 70px 1fr;
  border-right: 1px solid gray;}
/* .stat-item1-img {justify-self:center;align-self: center;} */
.ticket-stats-item3-img {background-color: rgb(200, 240, 200);align-content: center;
                  text-align: center; border-radius: 50%;}
.ticket-stats-item3-img img  {width: 40px;height:auto;}


.ticket-stats-item4  {padding: 5px; align-self: center;justify-self: center;display: grid;grid-template-columns: 70px 1fr;
  border-right: 1px solid gray;}
/* .stat-item1-img {justify-self:center;align-self: center;} */
.ticket-stats-item4-img {background-color: rgb(200, 240, 200);align-content: center;
                  text-align: center; border-radius: 50%;}
.ticket-stats-item4-img img  {width: 40px;height:auto;}

.stat-item1-detail  {justify-self: start; align-self: end;font-family:'Century Gothic','Poppins','Questrial', "Roboto";font-size: small;}
.stat-item2-detail  {justify-self: start; align-self: end;font-family:'Century Gothic','Poppins','Questrial', "Roboto";font-size: small;}
.stat-item3-detail  {justify-self: start; align-self: end;font-family:'Century Gothic','Poppins', 'Questrial',"Roboto";font-size: small;}
.stat-item4-detail  {justify-self: start; align-self: center;font-family:'Century Gothic','Poppins','Questrial', "Roboto";font-size: small;}
#ticket-item4-detail,#ticket-item3-detail,#ticket-item2-detail,#ticket-item1-detail {font-size:large;color:black;}
.countertkt       {color: black;}
.tkt-counter          {color: whitesmoke;}
.tkt-item1-detail     {color: white;}

/* quick links section  */
.quick-links-section  {margin-top: 1rem;}
.quick-link h6  {color: rgb(6, 143, 6);font-weight: bold;font-family:'Century Gothic','Poppins', 'Questrial';}
.quick-link h3  {font-weight: 900px;font-family:'Century Gothic','Poppins','Questrial',"Oswald";}
.proj-img img {width: 50px;height: auto;}

#quick-links-proj {display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap:15px}
#quick-links-proj a  {text-decoration: none;color: black;}
#quick-links-proj a:hover .quick-link-proj-item1  {background-color: rgb(181, 177, 177);}
#quick-links-proj a:hover .quick-link-proj-item2  {background-color: rgb(181, 177, 177);}
#quick-links-proj a:hover .quick-link-proj-item3  {background-color: rgb(181, 177, 177);}
#quick-links-proj a:hover .quick-link-proj-item4  {background-color: rgb(181, 177, 177);}


.quick-link-proj-item1  {display:grid; grid-template-columns:  1fr 2fr;padding: 10px;
  background-color: rgb(243, 240, 240); border-radius: 10px;font-family: 'Century Gothic','Poppins','Questrial';}
.proj-img   {align-self: center; justify-self: center;border-radius: 5px solid;background-color: green;}
.proj-detail  {align-self: center; justify-self: start;}
.item1-detail-1   {font-weight: bolder;font-size: small; font-family:'Century Gothic','Poppins','Questrial',"Open sans";}
.item1-detail-2   {font-size: small;font-family: 'Century Gothic','Poppins','Questrial','Open Sans';}

.quick-link-proj-item2  {display:grid; grid-template-columns:  1fr 2fr;padding: 10px;
  background-color: rgb(243, 240, 240); border-radius: 10px;font-family:'Century Gothic','Poppins', 'Questrial','Open Sans';}
.item2-detail-1   {font-weight: bolder;font-size: small; font-family: 'Century Gothic','Poppins','Questrial',;}
.item2-detail-2   {font-size: small; font-family:'Century Gothic','Poppins', 'Questrial','Open Sans';}

.quick-link-proj-item3  {display:grid; grid-template-columns:  1fr 2fr;padding: 10px;
  background-color: rgb(243, 240, 240); border-radius: 10px;}
.item3-detail-1   {font-weight: bolder;font-size: small;font-family:'Century Gothic','Poppins', 'Questrial','Open Sans';}
.item3-detail-2   {font-size: small;font-family:'Century Gothic','Poppins', 'Questrial','Open Sans';}

.quick-link-proj-item4  {display:grid; grid-template-columns:  1fr 2fr;padding: 10px;
  background-color: rgb(243, 240, 240); border-radius: 10px;font-family: 'Century Gothic','Poppins','Questrial','Open Sans';}
.item4-detail-1   {font-weight: bolder;font-size: small;font-family:'Century Gothic','Poppins', 'Questrial','Open Sans';}
.item4-detail-2   {font-size: small;font-family:'Century Gothic','Poppins', 'Questrial','Open Sans';}


/* latest news section */
.latest-news h6  {color: rgb(6, 143, 6);font-weight: bold; font-family: 'Century Gothic','Poppins','Questrial','Open Sans';}
.latest-news h3  {font-weight: 900px;font-family:'Century Gothic','Poppins','Questrial', "Oswald";}
.latest-news-media  {display: grid;grid-template-columns:1fr 1fr 1fr; grid-gap: 10px; }
.latest-news-items {width:380px;background-image: url('../assets/images/white-bg.jfif'); border-radius: 10px;}
.latest-news-img    {height:auto;width: 100%;}
.latest-news-img img {width:100%;height:100%; border-top-left-radius: 8px;border-top-right-radius: 8px;}

.latest-news-detail1  {font-family:'Century Gothic','Poppins','Questrial', "Open Sans"; padding: 20px;
  display: grid;grid-template-columns: 1fr;}
.news-date,.news-body  {font-size: smaller;font-family:'Century Gothic','Poppins', 'Questrial';}
.news-title {font-weight:bolder;font-size: small;font-family: 'Century Gothic','Poppins','Questrial','Open Sans';}
   
.latest-news-detail1 i {color: rgb(6, 143, 6);font-weight: 700px;}

/* partner with us section */
.partner-section  {background-color: rgb(240, 248, 240);font-family:'Century Gothic','Poppins', 'Questrial' ;}
.partner-items    {display: grid;grid-template-columns: 2fr 4fr;padding: 5px;}
.partner-items  p {font-weight: bold;color:green;padding: 5px;font-family: 'Century Gothic','Poppins','Questrial';}
.partner-items  h4 {font-weight: bolder;font-family:'Century Gothic','Poppins','Questrial', "Roboto";}
.partner-items  small {font-weight: 400px;padding: 5px;font-family: 'Century Gothic','Poppins','Questrial';}

.partner-details, .partner-list1, .partner-list2, .partner-list3,.partner-list4,.partner-list5 {align-self: center;justify-self: end;}
.partner-details  {padding-left: 0;}
.patner-btn {display: flex; flex-direction: row;justify-content: space-between;}
.patner-btn button {font-size: smaller}

/*     lvie chat widget */

.chat-container {
    position: fixed;
    bottom: 20px;
    right: 20px;

    display: flex;
    align-items: center;
    gap: 10px;

    z-index: 9999;
}

.chat-container span {
    background: white;
    padding: 8px 12px;
    border-radius: 20px;
    box-shadow: 0 2px 8px rgba(0,0,0,.15);
}

.chat-container a {
    width: 60px;
    height: 60px;
    background: #00ff66;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    color: white;
    text-decoration: none;
    font-size: 28px;
}

.chat-container a img {
  width: 40px;
}






/* footer section */
.phone-icon img {width: 17px;}
.email-icon img {width: 22px;}

.footer-section   {background-color: rgb(000, 100, 56);color: rgb(218, 215, 215);
  font-family:'Century Gothic','Poppins', "Cossette Texte";font-weight: 700;padding: 10px;font-family: 'Century Gothic','Poppins','Questrial';}

.footer-item1 img   {width: 150px;}

.footer-lists   {display: grid; grid-template-columns: repeat(5, 1fr);}

.footer-lists  p {color: white; font-weight: bold;}

.footer-item2 a   {text-decoration: none;color: white;font-family:'Century Gothic','Poppins', 'Questrial';}

.footer-item2 a:hover   {background-color: white;color: green;}

.footer-item1 small   {color:white}

/* featured project section */
.featured-project   {display: grid;grid-template-columns: 1fr 2fr;font-family:'Century Gothic','Poppins', 'Questrial'; }

.featured-item1 p   {background-color:rgb(220, 228, 220);color: rgb(8, 61, 8);
  padding:2px; font-weight: 600;font-family:'Century Gothic','Poppins', 'Questrial', "Roboto";width: 200px;text-align: center;border-radius: 5px;margin-top: 5px;}
.featured-item1 h3   {font-weight: bolder;font-family: 'Century Gothic','Poppins','Questrial';}
.featured-item1 small  {color:black;}
.featured-icons  {display: grid;grid-template-columns: 1fr 1fr 1fr;}
.proj-info  {display: grid; grid-template-columns: 1fr 2fr;}
.featured-lists2    {justify-self: end;}
.feaured-item2  img  {width: 700px; height: auto;border-radius: 10px;}


.carousel-wrapper {
  max-width: 800px;
}



@media (max-width:1020px) {

nav { position:sticky;
    top:0;
    z-index:9999;
    background:#fff;}
  /* elipsis */

.nav-items    {display: grid; grid-template-columns: 0.5fr 12fr;}

.nav-list     {display: none;}
.elipsis-img          {align-self: center;display: block;}

.elipsis_icon  {display:block; justify-self: end;align-self: center;margin-right: 15px;
                }
.elipsis-img  img {width: 50px;}

.mob-nav-list .dd-icn    img    {width: 10px;}
.mob-nav-list li img   {width: 100px;}

/* mobile menu start */

.elipsis_icon   {position: relative;}


 
.mob-nav-list { position: absolute;top: 130%; display: flex;flex-direction: column;
              right: 30px;background-color: white;width:350px; padding: 10px;
              font-family: 'Century Gothic'; overflow-y: auto; display: none;padding-bottom: 50px;
              height: 80vh;    overflow-y: scroll;} 

              
.mob-nav-list ul li   {list-style-type: none; padding: 15px;font-weight: bold; }           

.mob-dd-link        {position: relative; display: flex;flex-direction: column;padding-bottom: 60px;
                    }
.mob-dd-link  a      {text-decoration: none; color: inherit;}

   
.mob-dd-items       {position: absolute;background-color: #024202; width: 100%;
                    top:100%; left:-10px ; z-index: 9999; display:  none;color: white;
                    font-family: 'Century Gothic'; padding: 15px; border-radius: 10px; font-weight: normal;}

.mob-dd-link:hover  .mob-dd-items   {display: block;}
.mob-dd-link:hover  .mob-progs   {display: flex; flex-direction: column;    padding-bottom: 80px;}

/* for the language selector in the navbar */

.dropdown{
    position:relative;
    display:inline-block;
}

.dropdown-btn{
    width:100px;
    height:45px;
    border:none;
    border-radius:12px;
    background:white;
    box-shadow:0 4px 10px rgba(0,0,0,.15);

    display:flex;
    align-items:center;
    justify-content:space-around;

    cursor:pointer;
    font-size:18px;
}

.dropdown-content{
    position:absolute;
    top:55px;
    left:0;

    width:150px;

    background:white;
    border-radius:15px;

    box-shadow:0 10px 25px rgba(0,0,0,.15);

    display:none;

    overflow:hidden;
}

.dropdown-content.show{
    display:block;
}

.dropdown-item{
    display:flex;
    align-items:center;
    gap:12px;

    padding:12px 15px;
    cursor:pointer;

    transition:.25s;
}

.dropdown-item:hover{
    background:#f2f2f2;
}

.fi{
    font-size:20px;
}

.arrow{
    transition:.3s;
}

.arrow.rotate{
    transform:rotate(180deg);
}
/* for the language selector in the navbar end */




/* mobile menu end */



/* new mobile fixes end */
.first-header img {height: 4vh;padding: 3px;}
.linkedin img {height: 6.5vh;}
.first-header-icon1   {text-align: left;}
.first-header-icon1 a {text-decoration: none; padding: 3px;color: white;}
.first-header-contact   {font-weight: bolder;font-size: small;}








/* .first-contianer  {position: relative;z-index: -1;color: yellow;} */
.first-element-above  {position: absolute; z-index: 4;color: blue;
                  right: 10px; top: 60px; background-color: bisque;
}

.img-sec-text   {width: 255px;border: 1px solid black;border-radius: 10px;
margin-left: 10%;}

.img-sec-text2   {width:300px;padding: 1px;
font-size: 1.5rem;}

.img-sec-text3  {font-size:small; width:auto;font-family:'Century Gothic','Poppins', "Open Sans", sans-serif;
  padding: 2px;}

.img-sec-btn  {display:grid; grid-template-columns: 1fr 1fr;
margin-left: 10px; grid-gap:5px;}

.img-sec-btn1  { padding: 2px;}


/* mobile harmbugger / elipsis icon display */

@media (max-width:1020px){

/* Hide desktop menu initially */
/* #mobileMenu{
    display:none;
    position:absolute;
    top:80px;
    left:0;
    width:100%;
    background:#fff;
    padding:20px;
    z-index:999999;
    box-shadow:0 10px 20px rgba(0,0,0,.2); 
} */

/* Show menu */
/* #mobileMenu.active{
    display:block;
} */

/* Stack menu vertically */
/* .nav-bar-element2-div{
    display:flex;
    flex-direction:column;
    gap:15px;
} */

/* Each menu item */
/* .dropdown_details{
    display:block;
    width:100%;
    position:relative;
} */

/* Remove list bullets */
/* .dropdown_details ul{
    margin:0;
    padding:0;
} */

.dropdown_details li{
    list-style:none;
    display:flex;
    justify-content:space-between;
    align-items:center;
}

/* Main menu link */
.dropdown_menu_link{
    display:block;
    width:100%;
    padding:12px 0;
    font-size:18px;
}

/* Arrow */
.dropdown_icon img{
    width:13px;
}

/* Disable hover dropdown */
.dropdown-items,
.dropdown-items2,
.dropdown-items3,
.dropdown-items4,
.dropdown-items7{

    display:none;

    position:static;

    opacity:1;
    visibility:visible;
    pointer-events:auto;

    transform:none;

    width:100%;
    min-width:100%;

    background:#024202;

    border-radius:8px;

    padding:10px;

    margin-top:8px;

    box-shadow:none;

    grid-template-columns:1fr;

}

/* Open dropdown */
.dropdown_details.active>.dropdown-items,
.dropdown_details.active>.dropdown-items2,
.dropdown_details.active>.dropdown-items3,
.dropdown_details.active>.dropdown-items4,
.dropdown_details.active>.dropdown-items7{

    display:grid;

}

/* Dropdown links */
.dropdown-items a,
.dropdown-items2 a,
.dropdown-items3 a,
.dropdown-items4 a,
.dropdown-items7 a{

    padding:12px;
    font-size:15px;

}
/* reportgov logo */

#reportgov  a img       {width: 85px;}


/* Logo */
.logo{
    width:180px;
}

/* Show hamburger */
.elipsis_icon{
    display:block;
    cursor:pointer;
}

}


/* mobile harmbugger / elipsis icon display */












/* stats */

.stats-items  {display: grid;grid-template-columns:repeat(2, 1fr);padding:10px;grid-column-gap : 10px;}
.stats-item1  {display: grid; grid-template-columns:1fr 2fr;padding: 5px; grid-gap: 10px;
               border-right: none; border-bottom: 1px solid gray;}

/* .stats-item1-img {align-content: center;justify-content: start; background: none;
                  text-align: center; border-radius: 50%;}

.stats-item2-img {align-content: center;justify-content: start; background: none;
                  text-align: center; border-radius: 50%;}

.stats-item3-img {align-content: center;justify-content: start; background: none;
                  text-align: center; border-radius: 50%;}

.stats-item4-img {align-content: center;justify-content: start; background: none;
                  text-align: center; border-radius: 50%;} */
    
/* .stats-item1 img {width: 30px;height:auto;text-align: center;}
.stats-item2 img {width: 30px;height:auto;}
.stats-item3 img {width: 30px;height:auto;}
.stats-item4 img {width: 30px;height:auto;} */

.stats-item1-img,
.stats-item2-img,
.stats-item3-img,
.stats-item4-img {
    width: 70px;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgb(200, 240, 200);
    border-radius: 50%;
}

 .stat-item1-detail h4  {font-size: 22px;}          
 .stat-item2-detail h4  {font-size: 22px;}          
 .stat-item3-detail h4  {font-size: 22px;}          
 .stat-item4-detail h4  {font-size: 22px;}          


.stats-item2  {display: grid; grid-template-columns: 1fr 2fr;border-right: none; border-bottom: 1px solid gray;}
.stat-item2-img {justify-self:center;align-self: center;}

.stats-item3  {display: grid; grid-template-columns: 1fr 2fr;border-right: none;}
.stat-item3-img {justify-self:center;align-self: center;}

.stats-item4  {display: grid; grid-template-columns: 1fr 2fr;}


/* quick links */

#quick-links-proj {display: grid; grid-template-columns: 1fr ; grid-gap:15px}

/* featured projects */

.featured-project   {display: grid;grid-template-columns: 1fr; }

.featured-icons  {display: grid;grid-template-columns: 1fr  }

.featured-lists2    {justify-self: start;}

.feaured-item2  img  {width:100%; height: auto;border-radius: 10px;}

.proj-info  {display: grid; grid-template-columns: 1fr 6fr; 
            font-size: larger;}

.featured-btn   {margin-top: 15px;}

.proj-info   {}

.proj-info   img   {width: 25px;align-self: center;}

.proj-info2 img   {width: 30px;;}


/* latest news */
.latest-news-media  {display: grid;grid-template-columns:1fr; grid-gap: 3px; }

/* partenr with us */
.partner-items    {display: grid;grid-template-columns: 1fr ;padding: 5px;}

.partner-details  {align-self: center;justify-self: start;}

 .partner-list1, .partner-list2, .partner-list3,.partner-list4,.partner-list5 {display: none;}

.partner-logo-img {display: none;}

 /* footer section */
 .footer-lists   {display: grid; grid-template-columns: repeat(2, 1fr);grid-gap: 20px;}

/* mission and vision */
.mission-items  {display: grid;grid-template-columns: 1fr;}
/* .mission-item1:hover {width: auto;color:rgb(0, 148, 79);box-shadow: 0 0 20px 10px white;background-color: rgb(181, 177, 177);} */
/* .mission-item2:hover {width: auto;color:rgb(0, 148, 79);box-shadow: 0 0 20px 10px white;background-color: rgb(181, 177, 177);} */


/* the newly addes statistics display */


.ticket-stats  {background-color: rgb(14, 103, 14);height:auto;margin-top:10px;border-radius:0;color:white}

.ticket-stats-items  {display: grid;grid-template-columns: 1fr;padding:20px;grid-gap: 20px;}

.ticket-stats-items h4   {font-weight: bolder;font-size: 30px;}

.ticket-stats-item1  {padding: 5px; align-self: center;justify-self: center;display: grid;grid-template-columns: 70px 1fr; grid-gap: 20px;
                      border-bottom: 2px solid whitesmoke;border-right: none; }
/* .stat-item1-img {justify-self:center;align-self: center;} */
/* .ticket-stats-item1-img {background-color: rgb(200, 240, 200);align-content: center;
                  text-align: center; border-radius: 50%;}
.ticket-stats-item1-img img  {width: 50px;height:auto;} */


.ticket-stats-item2  {padding: 5px; align-self: center;justify-self: center;display: grid;grid-template-columns: 70px 1fr;
  border-bottom: 2px solid whitesmoke; border-right: none; grid-gap: 20px;}
/* .stat-item1-img {justify-self:center;align-self: center;} */
/* .ticket-stats-item2-img {background-color: rgb(200, 240, 200);align-content: center;
                  text-align: center; border-radius: 50%;}
.ticket-stats-item2-img img  {width: 50px;height:auto;} */


.ticket-stats-item3  {padding: 5px; align-self: center;justify-self: center;display: grid;grid-template-columns: 70px 1fr;
  border-right:none; border-bottom: 2px solid whitesmoke; grid-gap: 20px;}
/* .stat-item1-img {justify-self:center;align-self: center;} */
/* .ticket-stats-item3-img {background-color: rgb(200, 240, 200);align-content: center;
                  text-align: center; border-radius: 50%;}
.ticket-stats-item3-img img  {width: 50px;height:auto;} */


.ticket-stats-item4  {padding: 5px; align-self: center;justify-self: center;display: grid;grid-template-columns: 70px 1fr;
                      border-right:none; grid-gap: 20px;}
/* .stat-item1-img {justify-self:center;align-self: center;} */
/* .ticket-stats-item4-img {background-color: rgb(200, 240, 200);align-content: center;
                  text-align: center; border-radius: 50%;}
.ticket-stats-item4-img img  {width: 50px;height:auto;} */

.ticket-stats-item1-img,
.ticket-stats-item2-img,
.ticket-stats-item3-img,
.ticket-stats-item4-img {
    width: 70px;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgb(200, 240, 200);
    border-radius: 50%;

}
.ticket-stats-item1-img img     {width: 45px ; height: auto;}
.ticket-stats-item2-img img     {width: 45px ; height: auto;}
.ticket-stats-item3-img img     {width: 35px ; height: auto;}
.ticket-stats-item4-img img     {width: 35px ; height: auto;}





@media (min-width:711px) and (max-width: 1100px) {
  
.img-sec-text   {width: 300px;border: 1px solid black;border-radius: 10px;
margin-left: 10%;}

.img-sec-text2  {font-size: 2rem;width: 50%;font-family: "Open Sans", sans-serif;
  font-weight: bold;padding: 2px;}

.img-sec-btn  {display:grid; grid-template-columns: 1fr 1fr;width: fit-content;
grid-gap: 20px;}

.img-sec-btn1  {border: 50px solid blue; padding: 5px;width: 30%px;}

#quick-links-proj {display: grid; grid-template-columns: 1fr 1fr; grid-gap:15px}


/* featured projects */

.featured-project   {display: grid;grid-template-columns: 1fr; }

.featured-icons  {display: grid;grid-template-columns: 1fr 1fr 1fr }
.featured-lists2    {justify-self: start;}
.feaured-item2  img  {width:100%; height: auto;border-radius: 10px;}
.proj-info  {display: grid; grid-template-columns: 1fr 6fr;}
.featured-btn   {margin-top: 15px;}

/* latest news section */
.latest-news-media  {display: grid;grid-template-columns:1fr 1fr; grid-gap: 10px; }

/* partner with us */

.partner-items    {display: grid;grid-template-columns: 1.5fr 1fr 1fr ;padding: 5px;}
.partner-details  {align-self: right;}
.partner-list2,.partner-list1 {align-self: center;justify-self: end;}

.partner-list3, .partner-list4, .partner-list5    {display: none;}

 /* footer section */
 /* .footer-lists   {display: grid; grid-template-columns: repeat(3, 1fr);grid-gap: 20px;}


} */







}