body {
    font-family: 'Inter', sans-serif;
   
}
#myvideo{
  border-radius: 0px;
  transition: border-radius 0.3s ease;
}
 p{
    font-size: 19px;
  }


/*sign in*/
html,
body {
  height: 100%;
}

body {
  display: ;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #f5f5f5;
}

.form-signin {
  width: 100%;
  max-width: 330px;
  padding: 150px 20px 20px 20px;
  margin: auto;
}

.form-signin .checkbox {
  font-weight: 400;
}

.form-signin .form-floating:focus-within {
  z-index: 2;
}

.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
/*end of Sign in*/
/*icons*/
.fa-solid{
  margin: 8px 8px;
}
.fa-people-line{
  margin-left:0px ;
}
.abu{
  color: gray;
}
.btn{
  margin: 10px 10px;
}
h1 {
  color: #000000; 
  font-family: 'inter', sans-serif; 
  font-size: 2.5em; 
  text-align: center; 
  font-weight: bold;
  margin-bottom: 20px; 
}
/*navbar section*/
.navbarmain{
  width: 100%;
  z-index: 1;
}
.nav-item {
  font-size: 18px;
 
}
.container-fluid{
 padding: 0px 50px;
}
/*mediaquery home*/
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {...}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {...}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {...}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {...}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {...}


/*introduction section*/
.intromain{
  height: 484px;
  margin-top: 10px 10px;
  text-align: center;
  padding: 180px 300px;
  
}
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  html, body{
    width: 100%;
    height: 100%;
    margin: 0px;
    padding-top: 0px;
    overflow-x: hidden;
  }
  h1{font-size: 30px; }
 
 .intromain {
  text-align: center;
  padding: 150px 60px 10px 60px;
  
  width: 100%;  
}
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
   html, body{
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden;
  }
    h1{font-size: 40px; }
   
 .intromain
 {
  text-align: center;
  padding: 150px 20px 20px 20px;
  margin: 10px 10px;
  width: 100%;
}
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {...}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    html, body{
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden;
  }
    h1{font-size: 50px; }
   
 .intromain
 {
  text-align: center;
  padding: 120px 70px 20px 70px;
  margin: 0px 10px;
  width: 100%;

}
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
html, body{
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden;
  }
    h1{font-size: 60px; }
   
 .intromain
 {
  text-align: center;
  padding: 150px 70px 20px 150px;
  margin: 0px 10px;
  width: 100%;
  align-items: center;

}
}

/*carousel section*/
.carousel-caption {
  width: 35%;
    position: absolute;
    right: 15%;
    bottom: 1.25rem;
    left: 15%;
    padding-top: 1.25rem;
    padding-bottom: 5rem;
    color: var(--bs-carousel-caption-color);
    text-align: left;
}
.d-md-block {
        display: inline-block !important;
    }
    /* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  #carouselExampleCaptions{
    margin-top: 50px;
  }
  .carousel-caption {
  width: 35%;
    position: absolute;
    right: 15%;
    bottom: 1.25rem;
    left: 15%;
    padding-top: 1.25rem;
    padding-bottom: 0rem;
    color: var(--bs-carousel-caption-color);
    text-align: left;
}
.d-md-block {
        display: inline-block !important;
    }
}



/*product section*/
.Productsmain{
  background-color: #E8E8E8;
  text-align: center;
  padding: 100px 20px 20px 10px;
}
 
.productlist{
  width: 310px;
  height: 200px;
  display: inline-block;
  background-color: white;
  border-radius: 30px;
  padding-top: 60px;
  margin: 30px;
  text-align: center;
  font-weight: 400;
  box-shadow: 3px 3px 10px 1px rgba(0, 0, 0, 0.5);
 }

  .suvenceimportance{
  width: 310px;
  height: 200px;
  display: inline-block;
  background-color: white;
  border-radius: 30px;
  padding: 20px 20px;
  margin: 30px;
  text-align: left;
  box-shadow: 3px 3px 10px 1px rgba(0, 0, 0, 0.5);
  }
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  .productlist{
  width: 200px;
  height: 110px;
  display: inline-block;
  background-color: white;
  border-radius: 15px;
  padding-top: 45px;
  margin: 10px;
  text-align: center;
  box-shadow: 3px 3px 10px 1px rgba(0, 0, 0, 0.5);
 }
   .suvenceimportance{
  width: 310px;
  height: auto;
  display: inline-block;
  background-color: white;
  border-radius: 30px;
  padding: 20px 20px;
  margin: 30px;
  text-align: left;
  box-shadow: 3px 3px 10px 1px rgba(0, 0, 0, 0.5);
  font-size: 1rem;
  }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
  .productlist{
  width: 310px;
  height: 200px;
  display: inline-block;
  background-color: white;
  border-radius: 30px;
  padding-top: 80px;
  margin: 30px;
  text-align: center;
  font-weight: 400;
  box-shadow: 3px 3px 10px 1px rgba(0, 0, 0, 0.5);
 }
   .suvenceimportance{
  width: 330px;
  height: auto;
  display: inline-block;
  background-color: white;
  border-radius: 30px;
  padding: 20px 20px;
  margin: 30px;
  text-align: left;
  box-shadow: 3px 3px 10px 1px rgba(0, 0, 0, 0.5);
  font-size: 1rem;
  }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {...}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  p{font-size: 1rem;}
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {...}

  /*future section*/
 .futureintro{
  margin-left: 100px;
  margin-top: 20px;
 }
  .futuremain{
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
  margin-bottom: 10px;
  margin-left: 100px;
  }

  .futureone{
  width: 600px;
  height: 200px;
  display: inline-block;
  margin-left: 10px;
  font-size: 1rem;
  }
  .futurelist{
    display: inline-block;
    margin-left: 30px;
    padding-top: 20px;
  }
  .statistic{
    width: 200px;
    height: 100px;
    display: inline-block;
    box-shadow: 3px 3px 10px 1px rgba(0, 0, 0, 0.5);
    border-radius: 30px;
    position: relative;
    text-align: center;
    padding-top: 20px;
        
  }

  /* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  .futuremain{
padding: 0px 0px;
  margin-bottom: 10px 10px;
  font-size: 1rem;
 margin-left: 20px;
  }
  
 .futureone{
width: 50%;
height: auto;
display: inline-block;
font-size: 1rem;
padding-left: 10px;
}
 .futureintro{
  width: 50%;
margin: 5px 5px;
padding: 10px 10px;
text-align: left;

}
  .futurelist{
margin-left: 30px;
padding-top: 20px;
font-size: 1rem;
  }
.statistic{
width: 200px;
height: 100px;
display: inline-block;
box-shadow: 3px 3px 10px 1px rgba(0, 0, 0, 0.5);
border-radius: 30px;
position: relative;
text-align: center;
padding-top: 20px;
margin: 30px 20px;
  }
  }
 /* Hide element if the viewport width is 600px or less */
@media screen and (max-width: 600px) {
 .futurelist{
display: ;
  }
  }


/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
  .futuremain{
padding-top: 75px;
padding-bottom: 10px;
margin: 0px 0px 0px 15px;
  
  }
  .futureintro{
text-align: left;
margin: 30px 10px;
padding: 10px 20px;
   
  }
  .futureone{
width: 600px;
height: 200px;
display: inline-block;
font-size: 1rem;
}
 
  .futurelist{
margin-left: 30px;
padding-top: 50px;
display: flex;
  }
.statistic{
width: 200px;
height: 100px;
display: inline-block;
box-shadow: 3px 3px 10px 1px rgba(0, 0, 0, 0.5);
border-radius: 30px;
position: relative;
text-align: center;
padding-top: 20px;
margin: 30px 20px;
  }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
   .futuremain{
padding-top: 75px;
padding-bottom: 10px;
  
  }
  .futureintro{
text-align: left;
margin: 30px 10px;
padding: 10px 20px;
   
  }
.futureone{
width: 50%;
height: auto;
display: inline-block;
padding-top: 100px;
margin-left: 50px;
  
}
 
.futurelist{
margin-left: 30px;
padding-top: 50px;
display: flex;
  }
 .statistic{
width: 200px;
height: auto;
display: inline-block;
box-shadow: 3px 3px 10px 1px rgba(0, 0, 0, 0.5);
border-radius: 30px;
position: relative;
text-align: center;
padding: 30px;
 margin: 10px 10px;
  }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  .futuremain{
padding-top: 75px;
padding-bottom: 10px;
margin-bottom: 10px 10px;
  }
  .futureintro{
 text-align: left;
   
  }
 .futureone{
width: 50%;
height: auto;
display: inline-block;
padding-top: 100px;
margin-left: 50px;
  
}
 .futureintro{
margin: 30px 10px;
padding: 10px 20px;
}
  .statistic{
width: 200px;
height: auto;
display: inline-block;
box-shadow: 3px 3px 10px 1px rgba(0, 0, 0, 0.5);
border-radius: 30px;
position: relative;
text-align: center;
padding: 30px;
 margin: 10px 10px;
  }

}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
   .futuremain{
padding-top: 30px;
padding-bottom: 20px;
padding-left: 80px;
margin-bottom: 10px 10px;
  }
  .futureintro{
text-align: left;
padding-left: 80px;
padding-top: 50px;
   
  }
  .futureone{
width: 50%;
height: auto;
display: inline-block;
padding-top: 100px;
margin-left: 50px;
  
}
 .futureintro{
margin: 30px 10px;
padding: 10px 20px;
}
  .futurelist{
margin-left: 30px;
padding-top: 20px;
display: flex;
    
  }
 .statistic{
width: 200px;
height: auto;
display: inline-block;
box-shadow: 3px 3px 10px 1px rgba(0, 0, 0, 0.5);
border-radius: 30px;
position: relative;
text-align: center;
padding: 30px;
 margin: 10px 10px;
  }
}

/*contact section*/
.contactmain{
background-color: #ebd8d8;
display: flex;
justify-content: space-around;
padding: 30px 30px;
position: relative;
margin-bottom: 100px;
}
  
.contactintro{
text-align: center;
padding-top:75px;
position: absolute;
margin-left: 30%;
margin-right: 30%;
}

.contactsub{
margin-top: 200px;
margin-left: 45px;
margin-right: 100px;
padding: 50px 50px;
background-color: white;
border: 1px solid black;
border-radius: 10px;
}
.contactsu{
display: inline-block;
border-radius: 10px;
margin-top: 200px;
margin-left: 50px;
}
.contactdetails{
border: 1px solid black;
width: 25%;
height: auto;
margin: 5px 20px 20px;
border-radius: 10px;
background-color: white;
padding: 10px 10px;
}

/*mediaquery home*/
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  .contactmain{
background-color: #ebeaea;
display: flex;
justify-content: space-around;
padding: 30px 30px;
position: relative;
margin-bottom: 100px;
}
.contactintro{
text-align: center;
padding-top:30px;
position: absolute;
margin-left: 50px;
margin-right: 50px;
}
.contactsub{
margin-top: 200px;
margin-left: 20px;
margin-right: 20px;
padding: 50px 50px;
background-color: white;
border: 1px solid black;
border-radius: 10px;
}
}
 /* Hide element if the viewport width is 600px or less */
@media screen and (max-width: 600px) {
 .contactsu{
display: none;
  }
}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
.contactmain{
background-color: #ebeaea;
display: flex;
justify-content: space-around;
padding: 30px 30px;
position: relative;
margin-bottom: 100px;
}
.contactintro{
text-align: center;
padding-top:30px;
padding-bottom: 30px;
position: absolute;
margin-left: 30px;
margin-right: 30px;
}
.contactsub{
margin-top: 200px;
margin-left: 20px;
margin-right: 20px;
padding: 50px 50px;
background-color: white;
border: 1px solid black;
border-radius: 10px;

}
.contactsu{
display: inline-block;
border-radius: 10px;
margin-top: 200px;
margin-left: 30px;
}
.contactdetails{
border: 1px solid black;
width: 75%;
height: auto;
margin: 5px 20px 20px;
border-radius: 10px;
background-color: white;

}
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
.contactmain{
background-color: #ebeaea;
display: flex;
justify-content: space-around;
padding: 30px 30px;
position: relative;
margin-bottom: 100px;
}
  
.contactintro{
text-align: center;
padding-top:75px;
padding-bottom: 50px;
position: absolute;
margin-left: 30%;
margin-right: 30%;
}

.contactsub{
margin-top: 250px;
margin-left: 45px;
margin-right: 100px;
padding: 50px 50px;
background-color: white;
border: 1px solid black;
border-radius: 10px;
}
.contactsu{
display: inline-block;
border-radius: 10px;
margin-top: 200px;
margin-left: 50px;
padding-top: 50px;
}
.contactdetails{
border: 1px solid black;
width: 80%;
height: auto;
margin: 5px 20px 20px;
border-radius: 10px;
background-color: white;

}
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  .contactmain{
background-color: #ebeaea;
display: flex;
justify-content: space-around;
padding: 30px 30px;
position: relative;
margin-bottom: 100px;
}
  
.contactintro{
text-align: center;
padding-top:75px;
padding-bottom: 50px;
position: absolute;
margin-left: 30%;
margin-right: 30%;
}

.contactsub{
margin-top: 250px;
margin-left: 45px;
margin-right: 100px;
padding: 50px 50px;
background-color: white;
border: 1px solid black;
border-radius: 10px;
}
.contactsu{
display: inline-block;
border-radius: 10px;
margin-top: 200px;
margin-left: 50px;
padding-top: 50px;
}
.contactdetails{
border: 1px solid black;
width: 300px;
height: 160px;
margin: 20px 20px ;
border-radius: 10px;
background-color: white;
padding: 10px 10px;
display: flexbox;
}
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
    .contactmain{
background-color: #ebeaea;
display: flex;
justify-content: space-around;
padding: 30px 30px;
position: relative;
margin-bottom: 80px;
}
  
.contactintro{
text-align: center;
padding-top:50px;
padding-bottom: 50px;
position: absolute;
margin-left: 30%;
margin-right: 30%;
}

.contactsub{
margin-top: 250px;
margin-left: 45px;
margin-right: 100px;
padding: 50px 50px;
background-color: white;
border: 1px solid black;
border-radius: 10px;
}
.contactsu{
display: inline-block;
border-radius: 10px;
margin-top: 200px;
margin-left: 50px;
padding-top: 50px;
}
.contactdetails{
border: 1px solid black;
width: 300px;
height: 160px;
margin: 20px 20px ;
border-radius: 10px;
background-color: white;
padding: 10px 10px;
display: flexbox;
}
}

/*footer*/
.footermain {
display: flex;
margin: 25px  0px 0px 100px;
}
.footeralign{
 padding: 50px 50px ;

}
.footerintro{
padding-right: 150px;
width: 30%;
}
.footercopyright{
 margin: 0px  0px 0px 100px;
}
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
   /* Hide element if the viewport width is 600px or less */
@media screen and (max-width: 600px) {
 .footerpara{
display: none;
  }
  }
.footermain {
display: flex;
margin: 25px  10px 0px 50px;
}
.footeralign{
 padding: 10px 10px ;

}
.footerintro{
padding-right: 15px;
width: 15%;
}
.footercopyright{
 margin: 0px  0px 0px 50px;
}
}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
  .footermain {
display: flex;
margin: 25px  0px 0px 10px;
}
.footeralign{
 padding: 10px 10px ;
 margin: 10px 10px;

}
.footerintro{
padding-right: 5px;
padding-left: 30px;
width: 30%;
margin-right: 10px;
}
.footercopyright{
 margin: 0px  0px 0px 100px;
}
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {...}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  .footermain {
display: flex;
margin: 25px  0px 0px 100px;
}
.footeralign{
 padding: 50px 50px ;

}
.footerintro{
padding-right: 20px;
width: 30%;
}
.footercopyright{
 margin: 0px  0px 0px 100px;
}
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {...}


/*products page*/
#eparliamentsec{
text-align: right;
background-color: #e8e8e8;
padding-right: 150px;
  
}
.intromai{
  display: flex;
  justify-content: space-around;
  width: 100%;
  height: auto;
 
}
.lineparliament{
  width: 100px;
  height: 05px;
  background-color: #0088FF;
  margin: 15px 0px;
}

.lineparliament1{
  width: 100px;
  height: 05px;
  background-color: white;
  margin: 15px 0px;
}
.eParliamentintro{
  width: 60%px;
  height: 500px;
  background-color: #666666;
  padding: 100px 50px 50px 150px;
  
  }
  .eParliamentvideo{
  width: 40%px;
  height: 500px;
  padding: 150px 150px 50px 50px;
  text-align: right;
  background-color: #e8e8e8;
  }
  /* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
.intromai{
  display: inline-block;
  justify-content: space-around;
  width: 100%;
  height: auto;
 
}
.lineparliament{
  width: 100px;
  height: 05px;
  background-color: #0088FF;
  margin: 15px 0px;
}

.lineparliament1{
  width: 100px;
  height: 05px;
  background-color: white;
  margin: 15px 0px;
}
.eParliamentintro{
  width:auto;
  height: auto;
  background-color: #666666;
  padding: 100px 30px 30px 30px;
  justify-content: center;
  text-align: center;
  
  }
  .video-containerepar{
  width: 75%;
  height: auto;
  padding-top: 50px;
  overflow: hidden;
  margin: 0%;
}
video {
    width: 75%;
    height: auto;
    object-fit: cover; /* Ensures the video covers the entire container without stretching */
    margin: 0px 80px;
  }
 
 }

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
.intromai{
  display: inline-block;
  justify-content: space-around;
  width: 100%;
  height: auto;
 
}
.lineparliament{
  width: 100px;
  height: 05px;
  background-color: #0088FF;
  margin: 15px 0px;
}

.lineparliament1{
  width: 100px;
  height: 05px;
  background-color: white;
  margin: 15px 0px;
}
.eParliamentintro{
  width:auto;
  height: auto;
  background-color: #666666;
  padding: 100px 30px 30px 30px;
  justify-content: center;
  text-align: center;
  
  }
  .video-containerepar{
  width: 75%;
  height: auto;
  padding-top: 50px;
  overflow: hidden;
  margin: 0%;
}
video {
    width: 75%;
    height: auto;
    object-fit: cover; /* Ensures the video covers the entire container without stretching */
    margin: 0px 80px;
  }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    .intromai{
  display: flex;
  width: 100%;
  height: auto;
 
 
}
.lineparliament{
  width: 100px;
  height: 05px;
  background-color: #0088FF;
  margin: 15px 0px;
}

.lineparliament1{
  width: 100px;
  height: 05px;
  background-color: white;
  margin: 15px 0px;
}
.eParliamentintro{
  width:75%;
  height: auto;
  background-color: #666666;
  padding: 100px 30px 30px 30px;
  justify-content: center;
  text-align: left;
   margin-right: 50px;
  }
  .video-containerepar{
  width: 75%;
  height: auto;
  padding-top: 500px;
  overflow: hidden;
  margin: 0%;
}
video {
    width:100%;
    height: auto;
    object-fit: cover; /* Ensures the video covers the entire container without stretching */
    margin: 0px 0px;
  }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  .intromai{
  display: flex;
  justify-content: space-around;
  width: 100%;
  height: auto;
 
}
.lineparliament{
  width: 100px;
  height: 05px;
  background-color: #0088FF;
  margin: 15px 0px;
}

.lineparliament1{
  width: 100px;
  height: 05px;
  background-color: white;
  margin: 15px 0px;
}
.eParliamentintro{
  width:60%;
  height: auto;
  background-color: #666666;
  padding: 100px 50px 50px 100px;
  text-align: left;
  
  }
  .video-containerepar{
  width: 75%;
  height: auto;
  padding-top: 400px;
  overflow: hidden;
  margin: 0%;
}
video {
    width:100%;
    height: auto;
    object-fit: cover; /* Ensures the video covers the entire container without stretching */
    margin: 0px 0px;
  }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
  .intromai{
  display: flex;
  justify-content: space-around;
  width: 100%;
  height: auto;
  font-size: 1.3rem;
 
}
.lineparliament{
  width: 100px;
  height: 05px;
  background-color: #0088FF;
  margin: 15px 0px;
}

.lineparliament1{
  width: 100px;
  height: 05px;
  background-color: white;
  margin: 15px 0px;
}
.eParliamentintro{
  width:75%;
  height: auto;
  background-color: #666666;
  padding: 200px 50px 50px 100px;
  text-align: left;
  
  }
  .video-containerepar{
  width: 75%;
  height: auto;
  padding-top: 200px;
  overflow: hidden;
  margin: 0%;
}
video {
    width:100%;
    height: auto;
    object-fit: cover; /* Ensures the video covers the entire container without stretching */
    margin: 0px 0px;
  }
}

  /*eboardintro*/
  #eboardcontainer{
    width: 100%;
    background-image: url("../photos/240_F_293112169_fENNb1IJNAJvjmFWHXKamhF0ZQMYu3DQ.jpg");
    background-attachment: fixed;
    background-color: rgba(255, 255, 255, 0.6);
    background-blend-mode: lighten
  }

.eboardintroo{
  
  margin-top: 0px;
  padding-top: 50px;
  margin-bottom: 50px;
  text-align: center;
  font-size: 2rem;
  
}
.eboardcycle{
  width: 25%;
  
  text-align: center;
}
.cycle{
display: flex;
padding:  50px 150px;
background-color: #EAEAEA;
}

.eboardbutton{
  text-align: right;
  padding:  0px 150px;
  background-color: #EAEAEA;
}
.verticlerule{
  width: 01px;
  height: 200px;
  background-color: black;
  margin: 0px 15px;
}
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  #eboardcontainer{
    width: 100%;
    background-image: url("../photos/240_F_293112169_fENNb1IJNAJvjmFWHXKamhF0ZQMYu3DQ.jpg");
    background-attachment: fixed;
    background-color: rgba(255, 255, 255, 0.6);
    background-blend-mode: lighten
  }
.eboardintroo{
  
  margin-top: 0px;
  padding-top: 50px;
  margin-bottom: 50px;
  text-align: center;
  font-size: 1rem;
  
}
.eboardcycle{
  width: 25%;
  text-align: center;
}
.cycle{
display: inline-block;
padding:  20px 20px;
background-color: #EAEAEA;
}

.eboardbutton{
  text-align: right;
  padding:  0px 150px;
  background-color: #EAEAEA;
}
.verticlerule{
  width: 200px;
  height: 0px;
  background-color: black;
  margin: 0px 15px;
}
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
  #eboardcontainer{
    width: 100%;
    background-image: url("../photos/240_F_293112169_fENNb1IJNAJvjmFWHXKamhF0ZQMYu3DQ.jpg");
    background-attachment: fixed;
    background-color: rgba(255, 255, 255, 0.6);
    background-blend-mode: lighten
  }
.eboardintroo{
  
  margin-top: 0px;
  padding-top: 50px;
  margin-bottom: 50px;
  text-align: center;
  font-size: 1rem;
  
}
.eboardcycle{
  width: 25%;
  text-align: center;
}
.cycle{
display: inline-block;
padding:  20px 20px;
background-color: #EAEAEA;
width: 100%;
font-size: 1rem;
}

.eboardbutton{
  text-align: right;
  padding:  0px 150px;
  background-color: #EAEAEA;
}
.verticlerule{
  width: 200px;
  height: 0px;
  background-color: black;
  margin: 0px 15px;
}
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
   #eboardcontainer{
    width: 100%;
    background-image: url("../photos/240_F_293112169_fENNb1IJNAJvjmFWHXKamhF0ZQMYu3DQ.jpg");
    background-attachment: fixed;
    background-color: rgba(255, 255, 255, 0.6);
    background-blend-mode: lighten
  }
.eboardintroo{
  
  margin-top: 0px;
  padding-top: 50px;
  margin-bottom: 50px;
  text-align: center;
  font-size: 1rem;
  
}
.eboardcycle{
  width: 25%;
  text-align: center;
}
.cycle{
display: inline-block;
padding:  20px 20px;
background-color: #EAEAEA;
width: 100%;
font-size: 1rem;
}

.eboardbutton{
  text-align: right;
  padding:  0px 150px;
  background-color: #EAEAEA;
}
.verticlerule{
  width: 200px;
  height: 0px;
  background-color: black;
  margin: 0px 15px;
}
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  #eboardcontainer{
    width: 100%;
    background-image: url("../photos/240_F_293112169_fENNb1IJNAJvjmFWHXKamhF0ZQMYu3DQ.jpg");
    background-attachment: fixed;
    background-color: rgba(255, 255, 255, 0.6);
    background-blend-mode: lighten
  }
.eboardintroo{
  
  margin-top: 0px;
  padding-top: 50px;
  margin-bottom: 50px;
  text-align: center;
  
  
}
.eboardcycle{
  width: 25%;
  
  text-align: center;
}
.cycle{
display: flex;
padding:  50px 150px;
background-color: #EAEAEA;
}

.eboardbutton{
  text-align: right;
  padding:  0px 150px;
  background-color: #EAEAEA;
}
.verticlerule{
  width: 01px;
  height: 300px;
  background-color: black;
  margin: 0px 15px;
}
  }
 

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
   #eboardcontainer{
    width: 100%;
    background-image: url("../photos/240_F_293112169_fENNb1IJNAJvjmFWHXKamhF0ZQMYu3DQ.jpg");
    background-attachment: fixed;
    background-color: rgba(255, 255, 255, 0.6);
    background-blend-mode: lighten
  }
.eboardintroo{
  
  margin-top: 0px;
  padding-top: 50px;
  margin-bottom: 50px;
  text-align: center;
  font-size: 1.1rem;
  
}
.eboardcycle{
  width: 25%;
  
  text-align: center;
}
.cycle{
display: flex;
padding:  50px 150px;
background-color: #EAEAEA;
font-size: 1.1rem;
}

.eboardbutton{
  text-align: right;
  padding:  0px 150px;
  background-color: #EAEAEA;
}
.verticlerule{
  width: 01px;
  height: 300px;
  background-color: black;
  margin: 0px 15px;
}
}

/*suvence Records*/
.recordintro{
  display: flex;
  padding-bottom: 75px;
  background-image: url("../photos/back1.jpg");
  background-size: cover;
  background-position: center;
  background-color: rgba(255,255,255,0.6);
  background-blend-mode: lighten;
  background-attachment: fixed;
 }
 .recordsub{
  margin-top: 130px;
  margin-left: 150px;
 }
.recordbutton{
  text-align: right;
  padding:  0px 150px;
 }
.recordimg{
 width: 400px;
 height: 400px;
 margin-right: 100px;
 margin-top: 75px;
 margin-left: 150px;
 }
 /* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  .recordintro{
  display: inline-block;
  padding-bottom: 0px;
  
  background-image: url("../photos/back1.jpg");
  background-size: cover;
  background-position: center;
  background-color: rgba(255,255,255,0.6);
  background-blend-mode: lighten;
  background-attachment: fixed;
  box-sizing: border-box;
 }
 body{
  margin: 0%;
 }
 .recordsub{
  margin-top: 10px;
  margin-left: 10px;
  padding: 50px 50px;
 }
.recordbutton{
  text-align: right;
  padding:  10px 10px;
 }
.recordimg{
 width:450px;
 height: auto;
 padding: 50px 50px;
 margin: 10px 10px;
 display:inline-block
 }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
    .recordintro{
  display: inline-block;
  padding-bottom: 0px;
  
  background-image: url("../photos/back1.jpg");
  background-size: cover;
  background-position: center;
  background-color: rgba(255,255,255,0.6);
  background-blend-mode: lighten;
  background-attachment: fixed;
  box-sizing: border-box;
 }

 .recordsub{
  margin-top: 10px;
  margin-left: 10px;
  padding: 50px 50px;
 }
.recordbutton{
  text-align: right;
  padding:  10px 10px;
 }
.recordimg{
 width:500px;
 height: auto;
 padding: 30px 30px;
 margin: 10px 10px;
 display:block
 }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {...}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  .recordintro{
  display: flex;
  padding-bottom: 75px;
  
  background-image: url("../photos/back1.jpg");
  background-size: cover;
  background-position: center;
  background-color: rgba(255,255,255,0.6);
  background-blend-mode: lighten;
  background-attachment: fixed;
 }
 .recordsub{
  margin-top: 50px;
  margin-left:auto;
 }
.recordbutton{
  text-align: right;
  padding:  0px 0px;
 }
.recordimg{
 width: 400px;
 height: 400px;
 margin-right: 20px;
 margin-top:20px;
 margin-left: 20px;
 }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
  .recordintro{
  display: flex;
  padding-bottom: 75px;
  background-image: url("../photos/back1.jpg");
  background-size: cover;
  background-position: center;
  background-color: rgba(255,255,255,0.6);
  background-blend-mode: lighten;
  background-attachment: fixed;
 }
 .recordsub{
  margin-top: 30px;
  margin-left: 80px;
  padding-top: 150px;
  
 }
.recordbutton{
  text-align: right;
  padding:  0px 10px;
  font-size: 1.1rem;
  margin-right: 100px;
 }
.recordimg{
 width: 600px;
 height:600px;
 margin-right:0px;
 padding-top: 50px;
 margin-left: 0px;
 }
}

/*ESG section*/
.esgcontainer{
   background-image: url("../photos/photos-01.jpg");
  background-size: cover;
  background-position: center;
  background-color: rgba(500,255,255,0.6);
  background-blend-mode: lighten;
  position: relative;
  padding-top: 150px;
 }

.esgstatistics{
  background-color: #E8E8E8;
  text-align: center;
  width: 40%;
  margin-left:30%;
  margin-top: 0px;
  padding: 10px 10px;
  border-radius: 30px;
}
.stat{
  display: inline-block;
  margin: 15px 15px;
}
.esgimages{
  display: flex;
}
.esgimgmain{
  width: 300px;
}
.esgimage{
  width: 50%;
  padding: 20px 0px 20px 20px;
  margin-left: 100px;
  margin-top: 50px;
}
.esgimagedesginator{
  margin-top: 280px;
}
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  .esgcontainer{
  background-image: url("../photos/photos-01.jpg");
  background-size: cover;
  background-position: center;
  background-color: rgba(500,255,255,0.6);
  background-blend-mode: lighten;
  padding-top: 150px;
 }

.esgstatistics{
  background-color: #E8E8E8;
  text-align: center;
  width: 40%;
  margin-left:30%;
  margin-top: 0px;
  padding: 10px 10px;
  border-radius: 30px;
}
.stat{
  display: inline-block;
  margin: 15px 15px;
}
.esgimages{
  display: flex;
}
.esgimgmain{
  width: 100%;
  height: auto;
}
.esgimage{
  width: 50%;
  padding: 20px 0px 20px 20px;
  margin-left: 30px;
  margin-top: 50px;
}
.esgimagedesginator{
  margin-top: 280px;
}
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
   .esgcontainer{
  background-image: url("../photos/photos-01.jpg");
  background-size: cover;
  background-position: center;
  background-color: rgba(500,255,255,0.6);
  background-blend-mode: lighten;
  padding-top: 150px;
 }

.esgstatistics{
  background-color: #E8E8E8;
  text-align: center;
  width: 40%;
  margin-left:30%;
  margin-top: 0px;
  padding: 10px 10px;
  border-radius: 30px;
}
.stat{
  display: inline-block;
  margin: 15px 15px;
}
.esgimages{
  display: flex;
}
.esgimg{
  width: 100%;
  height: auto;
}
.esgimage{
  width: 50%;
  padding: 20px 0px 20px 20px;
  margin-left: 30px;
  margin-top: 50px;
}
.esgimagedesginator{
  margin-top: 350px;
}
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    .esgcontainer{
  background-image: url("../photos/photos-01.jpg");
  background-size: cover;
  background-position: center;
  background-color: rgba(500,255,255,0.6);
  background-blend-mode: lighten;
  padding-top: 150px;
 }

.esgstatistics{
  background-color: #E8E8E8;
  text-align: center;
  width: 40%;
  margin-left:30%;
  margin-top: 0px;
  padding: 10px 10px;
  border-radius: 30px;
}
.stat{
  display: inline-block;
  margin: 15px 15px;
}
.esgimages{
  display: flex;
}
.esgimg{
  width: 100%;
  height: auto;
}
.esgimage{
  width: 50%;
  padding: 20px 0px 20px 20px;
  margin-left: 30px;
  margin-top: 50px;
}
.esgimagedesginator{
  margin-top: 350px;
}
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  .esgcontainer{
   background-image: url("../photos/photos-01.jpg");
  background-size: cover;
  background-position: center;
  background-color: rgba(500,255,255,0.6);
  background-blend-mode: lighten;
  position: relative;
  padding-top: 150px;
 }

.esgstatistics{
  background-color: #E8E8E8;
  text-align: center;
  width: 40%;
  margin-left:30%;
  margin-top: 0px;
  padding: 10px 10px;
  border-radius: 30px;
  font-size: 1.1rem;
}
.stat{
  display: inline-block;
  margin: 15px 15px;
}
.esgimages{
  display: flex;
}
.esgimg{
  width: 300px;
}
.esgimage{
  width: 50%;
  padding: 20px 0px 20px 20px;
  margin-left: 100px;
  margin-top: 50px;
}
.esgimagedesginator{
  margin-top: 280px;
  h3{
    font-size: 2rem;
  }
}
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {...}

/*eparliament*/
.eparliamentmain{
  width: 100%;
  height: 600px;
  padding-top: 5px;
  background-color: #F2F2F2;
  position: relative ;
  z-index: -3;
}
.eparliamentintro{
  margin-top: 280px;
  margin-left: 35%;
  width: 15%;
  position: absolute;
  z-index: 0;
}
.eparliamentimg{
margin-top: 120px;
width: 670px;
float: right;
height: 450px;

}
.eparliamentgradient{
  width: 20%;
  height: 600px;
  background-image: linear-gradient(to right, #013E69, #0095FF);
  position: absolute;
  margin-left: 20%;
  z-index: -1;
}
#eparliamentmain{
  display: flex;
  padding: 50px 50px;
  /*background-color: #666666;*/
}
.eparliamentvideo{
  width: 50%;
  padding: 50px 0px 0px 50px;
  margin-left: 50px;
}
.eparliamentoverview{
  width: 50%;
  padding: 50px 50px 0px 0px;
}
/*why eparliament*/
#why-eparliament{
  align-items: center;
  background-color: #0095FF;
}
.why-details{
  margin-left: 100px;
  padding: 40px 30px;
  width: 75%;
  
}
#digitalparliamentmain{
  display: flex;
  flex-wrap: wrap;
  padding: 50px 50px;
  margin: 0px 0px;

}
.digitalpardetails{
  width: 250px;
  margin: 15px 15px;
}
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
.eparliamentmain{
  width: 100%;
  height: 600px;
  padding-top: 5px;
  background-color: #F2F2F2;
  
  z-index: -3;
}
.eparliamentintro{
  margin-top: 280px;
  margin-left: 25%;
  width: 15%;
  z-index: 0;
}
.eparliamentimage{
margin-top: 300px;
width:80%;
height: auto;
margin-left: 260px;
}
.eparliamentgradient{
  width: 25%;
  height: 600px;
  background-image: linear-gradient(to right, #013E69, #0095FF);
  position: absolute;
  margin-left: 20%;
  z-index: -1;
}
#eparliamentmain{
  display: inline-block;
  padding: 10px 10px;

  /*background-color: #666666;*/
}
.video-containerparpage{
  width: 100%;
  height: auto;
  margin-top: 50px;
  overflow: hidden;
}
video {
    width: 75%;
    height: auto;
    object-fit: cover; /* Ensures the video covers the entire container without stretching */
}

.eparliamentoverview{
  width: 100%;
  padding: 30px 0px 0px 0px;
  margin-left: 10px;
}
/*why eparliament*/
#why-eparliament{
  align-items: center;
  background-color: #0095FF;
}
.why-details{
  margin-left: 100px;
  padding: 40px 30px;
  width: 75%;
  
}
#digitalparliamentmain{
  display: flex;
 
  padding: 50px 50px;
  margin: 0px 10px;

}
.digitalpardetails{
  width: 240px;
  margin: 15px 15px;
}
/*accordion eparliament*/

#accordionmain{
  background-color: #F0F0F0;
  padding: 20px 60px;
  margin: 15px 15px;
}
.accordion-button{
  background-color: #F0F0F0;
}
.accordioncontainer{
  background-color: #F0F0F0;
  text-align: center;
}
#eparliamentservices{
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
#eparliamentservices{
  display: inline-block;
  flex-wrap: wrap;
  width: 100%;
}
.epservicesimg{
  width: 100%;
  height: 500px;
  float: left;
}
.epservicescontent{
 background-color: #0095FF;
 width: 100%;
 height: auto;
 padding: 30px  30px;
 color: white;
}
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
 .eparliamentmain{
  width: 100%;
  height: 600px;
  padding-top: 5px;
  background-color: #F2F2F2;
  
  z-index: -3;
}
.eparliamentintro{
  margin-top: 280px;
  margin-left: 25%;
  width: 15%;
  z-index: 0;
}
.eparliamentimage{
margin-top: 200px;
width:80%;
height: auto;
margin-left: 270px;
}
.eparliamentgradient{
  width: 25%;
  height: 600px;
  background-image: linear-gradient(to right, #013E69, #0095FF);
  position: absolute;
  margin-left: 20%;
  z-index: -1;
}
#eparliamentmain{
  display: inline-block;
  padding: 50px 50px;

  /*background-color: #666666;*/
}
.video-containerparpage{
  width: 100%;
  height: auto;
  margin-top: 50px;
  overflow: hidden;
}
video {
    width: 75%;
    height: auto;
    object-fit: cover; /* Ensures the video covers the entire container without stretching */
}

.eparliamentoverview{
  width: 100%;
  padding: 30px 0px 0px 0px;
  margin-left: 10px;
}
/*why eparliament*/
#why-eparliament{
  align-items: center;
  background-color: #0095FF;
}
.why-details{
  margin-left: 100px;
  padding: 40px 30px;
  width: 75%;
  
}
#digitalparliamentmain{
  display: flex;
  flex-wrap: wrap;
  padding: 50px 50px;
  margin: 0px 80px;

}
.digitalpardetails{
  width: 220px;
  margin: 0px 15px;
}
/*accordion eparliament*/

#accordionmain{
  background-color: #F0F0F0;
  padding: 20px 60px;
  margin: 15px 15px;
}
.accordion-button{
  background-color: #F0F0F0;
}
.accordioncontainer{
  background-color: #F0F0F0;
  text-align: center;
}
#eparliamentservices{
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
#eparliamentservices{
  display: inline-block;
  flex-wrap: wrap;
  width: 100%;
}
.epservicesimg{
  width: 100%;
  height: 500px;
  float: left;
}
.epservicescontent{
 background-color: #0095FF;
 width: 100%;
 height: auto;
 padding: 30px  30px;
 color: white;
}
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
.eparliamentmain{
  width: 100%;
  height: 600px;
  padding-top: 5px;
  background-color: #F2F2F2;
  z-index: -3;
}
.eparliamentintro{
  margin-top: 280px;
  margin-left: 25%;
  width: 15%;
  z-index: 0;
}
.eparliamentimage{
margin-top: 200px;
width:60%;
height: auto;
margin-left: 400px;
}
.eparliamentgradient{
  width: 25%;
  height: 600px;
  background-image: linear-gradient(to right, #013E69, #0095FF);
  position: absolute;
  margin-left: 20%;
  z-index: -1;
}
#eparliamentmain{
  display: flex;
  padding: 50px 50px;
}
.video-containerparpage{
  width: 100%;
  height: auto;
  margin-top: 50px;
  overflow: hidden;
}
video {
    width: 75%;
    height: auto;
    object-fit: cover; /* Ensures the video covers the entire container without stretching */
}

.eparliamentoverview{
  width: 100%;
  padding: 30px 0px 0px 0px;

}
/*why eparliament*/
#why-eparliament{
  align-items: center;
  background-color: #0095FF;
}
.why-details{
  margin-left: 100px;
  padding: 40px 30px;
  width: 75%;
  
}
#digitalparliamentmain{
  display: inline-block;
  
  padding: 50px 50px;
  margin: 0px 10px;

}
.digitalpardetails{
  width: 220px;
  margin: 0px 0px;
}
/*accordion eparliament*/

#accordionmain{
  background-color: #F0F0F0;
  padding: 20px 60px;
  margin: 15px 15px;
}
.accordion-button{
  background-color: #F0F0F0;
}
.accordioncontainer{
  background-color: #F0F0F0;
  text-align: center;
}
#eparliamentservices{
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
#eparliamentservices{
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.epservicesimg{
  width: 50%;
  height: 500px;
  float: left;
}
.epservicescontent{
 background-color: #0095FF;
 width: 50%;
 height: auto;
 padding: 30px  30px;
 color: white;
}
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
 .eparliamentmain{
  width: 100%;
  height: 600px;
  padding-top: 5px;
  background-color: #F2F2F2;
  z-index: -3;
}
.eparliamentintro{
  margin-top: 280px;
  margin-left: 25%;
  width: 15%;
  z-index: 0;
}
.eparliamentimage{
margin-top: 150px;
width:60%;
height: auto;
margin-left: 500px;
}
.eparliamentgradient{
  width: 25%;
  height: 600px;
  background-image: linear-gradient(to right, #013E69, #0095FF);
  position: absolute;
  margin-left: 20%;
  z-index: -1;
}
#eparliamentmain{
  display: flex;
  padding: 50px 50px;
}
.video-containerparpage{
  width: 100%;
  height: auto;
  margin-top: 50px;
  overflow: hidden;
}
video {
    width: 75%;
    height: auto;
    object-fit: cover; /* Ensures the video covers the entire container without stretching */
}

.eparliamentoverview{
  width: 100%;
  padding: 30px 0px 0px 0px;
}
/*why eparliament*/
#why-eparliament{
  align-items: center;
  background-color: #0095FF;
}
.why-details{
  margin-left: 100px;
  padding: 40px 30px;
  width: 75%;
  
}
#digitalparliamentmain{
  display: inline-block;
  flex-wrap: wrap;
  padding: 50px 50px;
  margin: 0px 50px;

}
.digitalpardetails{
  width: 220px;
  margin: 0px 0px;
}
/*accordion eparliament*/

#accordionmain{
  background-color: #F0F0F0;
  padding: 20px 60px;
  margin: 15px 15px;
}
.accordion-button{
  background-color: #F0F0F0;
}
.accordioncontainer{
  background-color: #F0F0F0;
  text-align: center;
}
#eparliamentservices{
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
#eparliamentservices{
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.epservicesimg{
  width: 50%;
  height: 500px;
  float: left;
}
.epservicescontent{
 background-color: #0095FF;
 width: 50%;
 height: auto;
 padding: 30px  30px;
 color: white;
}
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
.eparliamentmain{
  width: 100%;
  height: 600px;
  padding-top: 50px;
  background-color: #F2F2F2;
  z-index: -3;
}
.eparliamentintro{
  margin-top: 280px;
  margin-left: 25%;
  width: 15%;
  z-index: 0;
}
.eparliamentimage{
margin-top: 150px;
width:60%;
height: auto;
margin-left: 500px;
}
.eparliamentgradient{
  width: 15%;
  height: 600px;
  background-image: linear-gradient(to right, #013E69, #0095FF);
  position: absolute;
  margin-left: 20%;
  z-index: -1;
}
#eparliamentmain{
  display: flex;
  padding: 50px 50px;
}
.video-containerparpage{
  width: 100%;
  height: auto;
  margin-top: 50px;
  overflow: hidden;
}
video {
    width: 50%;
    height: auto;
    object-fit: cover; /* Ensures the video covers the entire container without stretching */
}

.eparliamentoverview{
  width: 100%;
  padding: 30px 0px 0px 0px;
  margin-left: 80px;
  width: 50%;
}
/*why eparliament*/
#why-eparliament{
  align-items: center;
  background-color: #0095FF;
}
.why-details{
  margin-left: 100px;
  padding: 40px 30px;
  width: 75%;
  
}
#digitalparliamentmain{
  display: inline-block;
  flex-wrap: wrap;
  padding: 50px 50px;
  margin: 0px 50px;

}
.digitalpardetails{
  width: 220px;
  margin: 0px 0px;
}
/*accordion eparliament*/

#accordionmain{
  background-color: #F0F0F0;
  padding: 20px 60px;
  margin: 15px 15px;
}
.accordion-button{
  background-color: #F0F0F0;
}
.accordioncontainer{
  background-color: #F0F0F0;
  text-align: center;
}
#eparliamentservices{
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
#eparliamentservices{
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.epservicesimg{
  width: 50%;
  height: 500px;
  float: left;
}
.epservicescontent{
 background-color: #0095FF;
 width: 50%;
 height: auto;
 padding: 30px  30px;
 color: white;
}

}


/*eBoard page*/
.eboardmain{
  width: 100%;
  height: 600px;
  padding-top: 5px;
  background-color: #F2F2F2;
  position: relative ;
  z-index: -3;
  display: flex;
}
.eboardintro{
  margin-top: 280px;
  margin-left: 35%;
  width: 15%;
  position: absolute;
  z-index: 0;
}
.eparliamentimg{
margin-top: 120px;
width: 200px;
float: right;
height: auto;
}

.eboardgradient{
  width: 20%;
  height: 600px;
  background-image: linear-gradient(to right, #666666, #AFAFAF);
  position: absolute;
  margin-left: 20%;
  z-index: -1;
}

#eboardmain{
  display: flex;
  padding: 50px 50px;
  /*background-color: #666666;*/
}
.eboardvideo{
  width: 50%;
  padding: 50px 0px 0px 50px;
  margin-left: 50px;
}
.eboardoverview{
  width: 50%;
  padding: 50px 50px 0px 0px;
  text-align: left;
}
/*why eboard*/
#why-eboard1{
  align-items: center;
  background-color: #0095FF;
  color: white;
  
}
#why-eboard3{
  align-items: center;
  background-color: #666666;
  color: white;
  }
.why-details{
  margin-left: 100px;
  padding: 40px 30px;
  width: 75%;
  }
#digitalparliamentmain{
  display: flex;
  flex-wrap: wrap;
  padding: 50px 50px;
  margin: 0px 100px;
}
.digitalpardetails{
  width: 250px;
  margin: 15px 15px;
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
 .eboardmain{
  width: 100%;
  height: auto;
  padding-top: 5px;
  background-color: #F2F2F2;
  z-index: -3;
  
}
.eboardintro{
  margin-top: 300px;
  margin-left: 30%;
  width: 15%;
  height: auto;
  z-index: 0;
}
.eboardimg{
margin-top: 250px;
width:80%;
height: auto;
margin-left: 260px;
}

.eboardgradient{
  width: 20%;
  height: 600px;
  background-image: linear-gradient(to right, #666666, #AFAFAF);
  
  margin-left: 20%;
  z-index: -1;
}

#eboardmain{
  display: inline-block;
  padding: 0px 0px;
  margin-top: 100px;
}

.eboardoverview{
  width: 100%;
  padding: 20px 0px 0px 30px;
  text-align: left;
}
/*why eboard*/
#why-eboard1{
  align-items: left;
  background-color: #0095FF;
  color: white;
  
}
#why-eboard3{
  align-items: center;
  background-color: #666666;
  color: white;
  }
.why-details{
  margin-left: 10px;
  padding: 40px 30px;
  width: 100%;
  }
#digitalparliamentmain{
  display: flex;
  flex-wrap: wrap;
  padding: 50px 50px;
  margin: 0px 100px;
}
.digitalpardetails{
  width: 250px;
  margin: 15px 15px;
}
 .video-containereboard{
  width: 100%;
  height: auto;
  padding-top: 0px;
  overflow: hidden;
  margin: 0%;
}
video {
    width: 75%;
    height: auto;
    object-fit: cover; /* Ensures the video covers the entire container without stretching */
    margin: 0px 80px;
  }
.accord-title{
  padding-top: 50px;
}

}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
 .eboardmain{
  width: 100%;
  height: auto;
  padding-top: 5px;
  background-color: #F2F2F2;
  z-index: -3;
  
}
.eboardintro{
  margin-top: 300px;
  margin-left: 30%;
  width: 15%;
  height: auto;
  z-index: 0;
}
.eboardimg{
margin-top: 250px;
width:70%;
height: auto;
margin-left: 260px;
}

.eboardgradient{
  width: 20%;
  height: 600px;
  background-image: linear-gradient(to right, #666666, #AFAFAF);
  
  margin-left: 20%;
  z-index: -1;
}

#eboardmain{
  display: inline-block;
  padding: 0px 0px;
  margin-top: 100px;
}

.eboardoverview{
  width: 100%;
  padding: 20px 0px 0px 30px;
  text-align: left;
}
/*why eboard*/
#why-eboard1{
  align-items: left;
  background-color: #0095FF;
  color: white;
  
}
#why-eboard3{
  align-items: center;
  background-color: #666666;
  color: white;
  }
.why-details{
  margin-left: 10px;
  padding: 40px 30px;
  width: 100%;
  }


 .video-containereboard{
  width: 100%;
  height: auto;
  padding-top: 0px;
  overflow: hidden;
  margin: 0%;
}
video {
    width: 75%;
    height: auto;
    object-fit: cover; /* Ensures the video covers the entire container without stretching */
    margin: 0px 80px;
  }
.accord-title{
  padding-top: 50px;
}
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
 .eboardmain{
  width: 100%;
  height: auto;
  padding-top: 5px;
  background-color: #F2F2F2;
  z-index: -3;
  
}
.eboardintro{
  margin-top: 300px;
  margin-left: 30%;
  width: 15%;
  height: auto;
  z-index: 0;
}
.eboardimg{
margin-top: 150px;
width:70%;
height: auto;
margin-left: 350px;
}

.eboardgradient{
  width: 20%;
  height: 600px;
  background-image: linear-gradient(to right, #666666, #AFAFAF);
  
  margin-left: 20%;
  z-index: -1;
}

#eboardmain{
  display: flex;
  padding: 50px 50px;
  margin-top: 50px;
}

.eboardoverview{
  width: 50%;
  padding: 0px 0px 0px 0px;
  text-align: left;
}
/*why eboard*/
#why-eboard1{
  align-items: left;
  background-color: #0095FF;
  color: white;
  
}
#why-eboard3{
  align-items: center;
  background-color: #666666;
  color: white;
  }
.why-details{
  margin-left: 10px;
  padding: 40px 30px;
  width: 100%;
  }

 .video-containereboard{
  width: 100%;
  height: auto;
  padding-top: 0px;
  overflow: hidden;
  margin: 0%;
}
video {
    width: 50%;
    height: auto;
    object-fit: cover; /* Ensures the video covers the entire container without stretching */
    margin: 80px 80px;
  }
.accord-title{
  padding-top: 50px;
}
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  .eboardmain{
  width: 100%;
  height: auto;
  padding-top: 5px;
  background-color: #F2F2F2;
  z-index: -3;
  
}
.eboardintro{
  margin-top: 300px;
  margin-left: 30%;
  width: 15%;
  height: auto;
  z-index: 0;
}
.eboardimg{
margin-top: 150px;
width:50%;
height: auto;
margin-left: 500px;
}

.eboardgradient{
  width: 20%;
  height: 600px;
  background-image: linear-gradient(to right, #666666, #AFAFAF);
  
  margin-left: 20%;
  z-index: -1;
}

#eboardmain{
  display: flex;
  padding: 50px 50px;
  margin-top: 50px;
}

.eboardoverview{
  width: 70%;
  padding: 0px 0px 0px 0px;
  text-align: left;
}
/*why eboard*/
#why-eboard1{
  align-items: left;
  background-color: #0095FF;
  color: white;
  
}
#why-eboard3{
  align-items: center;
  background-color: #666666;
  color: white;
  }
.why-details{
  margin-left: 10px;
  padding: 40px 30px;
  width: 100%;
  }

 .video-containereboard{
  width: 100%;
  height: auto;
  padding-top: 0px;
  overflow: hidden;
  margin: 0%;
}
video {
    width: 50%;
    height: auto;
    object-fit: cover; /* Ensures the video covers the entire container without stretching */
    margin: 80px 80px;
  }
.accord-title{
  padding-top: 50px;
}
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
 .eboardmain{
  width: 100%;
  height: auto;
  padding-top: 5px;
  background-color: #F2F2F2;
  z-index: -3;
  
}
.eboardintro{
  margin-top: 300px;
  margin-left: 35%;
  width: 15%;
  height: auto;
  z-index: 0;
}
.eboardimg{
margin-top: 100px;
width:50%;
height: auto;
margin-left: 650px;
}

.eboardgradient{
  width: 20%;
  height: 600px;
  background-image: linear-gradient(to right, #666666, #AFAFAF);
  
  margin-left: 20%;
  z-index: -1;
}

#eboardmain{
  display: flex;
  padding: 50px 50px;
  margin-top: 50px 0px;
}

.eboardoverview{
  width: 50%;
  padding: 0px 0px 0px 0px;
  text-align: left;
  margin-left: 80px;
}
/*why eboard*/
#why-eboard1{
  align-items: left;
  background-color: #0095FF;
  color: white;
  
}
#why-eboard3{
  align-items: center;
  background-color: #666666;
  color: white;
  }
.why-details{
  margin-left: 80px;
  padding: 40px 30px;
  width: 100%;
  }

 .video-containereboard{
  width: 100%;
  height: auto;
  padding-top: 0px;
  overflow: hidden;
  margin: 0px;
}
video {
    width: 50%;
    height: auto;
    object-fit: cover; /* Ensures the video covers the entire container without stretching */
    margin: 80px 80px;
  }
.accord-title{
  padding-top: 50px;
}
}

/*lea documents*/
.leamain{
  width: 100%;
  height: 600px;
  padding-top: 5px;
  background-color: #F2F2F2;
  position: relative ;
  z-index: -3;
}
.leaintro{
  margin-top: 200px;
  margin-left: 35%;
  width: 15%;
  position: absolute;
  z-index: 0;
}
.eparliamentimg{
margin-top: 120px;
width: 200px;
float: right;
height: auto;
float: right;

}
.leagradient{
 width: 40%;
 height:auto;
 background-image: linear-gradient(to right, #FFF94A, #FFFFA3);
 margin-left: 10%;
 
}
#leamain{
  display: inline-block;
  padding: 50px 20px;
  /*background-color: #666666;*/
}
.leavideo{
  width: 50%;
  padding: 50px 0px 0px 50px;
  margin-left: 5px;
  z-index: -5;
}
.leaoverview{
  width: 50%;
  padding: 50px 50px 0px 0px;
}

/*why lea documents*/
#why-lea{
  align-items: center;
  background-color: #0095FF;
  color: white;
  
}
#why-lea1{
  align-items: center;
  background-color: #666666;
  color: white;
  }
.why-detailslea{
  margin-left: 100px;
  padding: 40px 30px;
  width: 75%;
 }
#digitallea{
  display: flex;
  flex-wrap: wrap;
  padding: 50px 50px;
  margin: 0px 100px;
}
.digitalleadetails{
  width: 250px;
  margin: 15px 15px;
}
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {

  .leamain{
  width: 100%;
  height: 600px;
  padding-top: 5px;
  background-color: #F2F2F2;
  display: flex;
}
.leaintro{
  margin-top: 150px;
  margin-left: 20%;
  width: 15%;
 
  z-index: 0;
  font-size: 1rem;

  
}
.eleaimg{
margin-top: 300px;
max-width: 75%;
height:auto;
margin-left: 40%;

}
.leagradient{
  width: 30%;
  height: 600px;
  background-image: linear-gradient(to right, #FFF94A, #FFFFA3);
  position: absolute;
  margin-left: 10%;
  z-index: -1;
}
#leamain{
  display: inline-block;
  padding: 10px 10px;
}
 .video-containerlea{
  width: 100%;
  height: auto;
  padding-top: 0px;
  overflow: hidden;
  margin: 0%;
}
video {
    width: 75%;
    height: auto;
    object-fit: cover; /* Ensures the video covers the entire container without stretching */
    margin: 0px 80px;
  }
.leaoverview{
  width: 100%;
  padding: 50px 50px 0px 50px;
  text-align: left;
}

/*why lea documents*/
#why-lea{
  align-items: left;
  background-color: #0095FF;
  color: white;
  
}
#why-lea1{
  align-items: center;
  background-color: #666666;
  color: white;
  }
.why-detailslea{
  margin-left: 30px;
  padding: 40px 30px;
  width: 75%;
 }
#digitallea{
  display: flex;
  flex-wrap: wrap;
  padding: 50px 50px;
  margin: 0px 100px;
}
.digitalleadetails{
  width: 250px;
  margin: 15px 15px;
}
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
   .leamain{
  width: 100%;
  height: 600px;
  padding-top: 5px;
  background-color: #F2F2F2;
  display: flex;
}
.leaintro{
  margin-top: 150px;
  margin-left: 20%;
  width: 15%;
  z-index: 0;
  font-size: 1rem;
}
.eleaimg{
margin-top: 250px;
max-width: 75%;
height:auto;
margin-left: 40%;

}
.leagradient{
  width: 30%;
  height: 600px;
  background-image: linear-gradient(to right, #FFF94A, #FFFFA3);
  position: absolute;
  margin-left: 10%;
  z-index: -1;
}
#leamain{
  display: inline-block;
  padding: 20px 10px;
}
video {
    width: 75%;
    height: auto;
    object-fit: cover; /* Ensures the video covers the entire container without stretching */
    margin: 0px 80px;
  }
.leaoverview{
  width: 100%;
  padding: 50px 50px 0px 50px;
  text-align: left;
}

/*why lea documents*/
#why-lea{
  align-items: center;
  background-color: #0095FF;
  color: white;
  
}
#why-lea1{
  align-items: center;
  background-color: #666666;
  color: white;
  }
.why-detailslea{
  margin-left: 30px;
  padding: 40px 30px;
  width: 75%;
 }
#digitallea{
  display: flex;
  flex-wrap: wrap;
  padding: 50px 50px;
  margin: 0px 100px;
}
.digitalleadetails{
  width: 250px;
  margin: 15px 15px;
}
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  .leamain{
  width: 100%;
  height: 600px;
  padding-top: 5px;
  background-color: #F2F2F2;
  display: flex;
}
.leaintro{
  margin-top: 150px;
  margin-left: 20%;
  width: 15%;
  z-index: 0;
  font-size: 1rem;
}
.eleaimg{
margin-top: 100px;
max-width: 75%;
height:auto;
margin-left: 40%;

}
.leagradient{
  width: 30%;
  height: 600px;
  background-image: linear-gradient(to right, #FFF94A, #FFFFA3);
  position: absolute;
  margin-left: 10%;
  z-index: -1;
}
#leamain{
  display: flex;
  padding: 50px 50px;
}
video {
    width: 50%;
    height: auto;
    object-fit: cover; /* Ensures the video covers the entire container without stretching */
    margin: 0px 0px;
  }
.leaoverview{
  width: 100%;
  padding: 0px 0px 0px 0px;
  text-align: left;
}

/*why lea documents*/
#why-lea{
  align-items: center;
  background-color: #0095FF;
  color: white;
  
}
#why-lea1{
  align-items: center;
  background-color: #666666;
  color: white;
  }
.why-detailslea{
  margin-left: 30px;
  padding: 40px 30px;
  width: 75%;
 }
#digitallea{
  display: flex;
  flex-wrap: wrap;
  padding: 50px 50px;
  margin: 0px 100px;
}
.digitalleadetails{
  width: 250px;
  margin: 15px 15px;
}
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
 .leamain{
  width: 100%;
  height: 600px;
  padding-top: 5px;
  background-color: #F2F2F2;
  display: flex;
}
.leaintro{
  margin-top: 150px;
  margin-left: 20%;
  width: 15%;
  z-index: 0;
  font-size: 1rem;
}
.eleaimg{
margin-top: 150px;
max-width: 75%;
height:auto;
margin-left: 30%;

}
.leagradient{
  width: 30%;
  height: 600px;
  background-image: linear-gradient(to right, #FFF94A, #FFFFA3);
  position: absolute;
  margin-left: 10%;
  z-index: -1;
}
#leamain{
  display: flex;
  padding: 80px 80px;
}
video {
    width: 50%;
    height: auto;
    object-fit: cover; /* Ensures the video covers the entire container without stretching */
    margin: 0px 80px;
  }
.leaoverview{
  width: 100%;
  padding: 0px 0px 0px 0px;
  text-align: left;
}

/*why lea documents*/
#why-lea{
  align-items: center;
  background-color: #0095FF;
  color: white;
  
}
#why-lea1{
  align-items: center;
  background-color: #666666;
  color: white;
  }
.why-detailslea{
  margin-left: 30px;
  padding: 40px 30px;
  width: 75%;
 }
#digitallea{
  display: flex;
  flex-wrap: wrap;
  padding: 50px 50px;
  margin: 0px 100px;
}
.digitalleadetails{
  width: 250px;
  margin: 15px 15px;
}
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
 .leamain{
  width: 100%;
  height: 600px;
  padding-top: 5px;
  background-color: #F2F2F2;
  display: flex;
}
.leaintro{
  margin-top: 150px;
  margin-left: 20%;
  width: 15%;
  z-index: 0;
  
}
.eleaimg{
margin-top: 150px;
max-width: 60%;
height:auto;
margin-left: 600px;

}
.leagradient{
  width: 30%;
  height: 600px;
  background-image: linear-gradient(to right, #FFF94A, #FFFFA3);
  position: absolute;
  margin-left: 10%;
  z-index: -1;
}
#leamain{
  display: flex;
  padding: 80px 80px;
}
video {
    width: 50%;
    height: auto;
    object-fit: cover; /* Ensures the video covers the entire container without stretching */
    margin: 0px 80px;
  }
.leaoverview{
  width: 100%;
  padding: 0px 0px 0px 0px;
  text-align: left;
}

/*why lea documents*/
#why-lea{
  align-items: center;
  background-color: #0095FF;
  color: white;
  
}
#why-lea1{
  align-items: center;
  background-color: #666666;
  color: white;
  }
.why-detailslea{
  margin-left: 30px;
  padding: 40px 30px;
  width: 75%;
 }
#digitallea{
  display: flex;
  flex-wrap: wrap;
  padding: 50px 50px;
  margin: 0px 100px;
}
.digitalleadetails{
  width: 250px;
  margin: 15px 15px;
}
}

/*ESG*/
.esgmain{
  width: 100%;
  height: 600px;
  padding-top: 5px;
  background-color: #F2F2F2;
  position: relative ;
  z-index: -3;
}
.esgintro{
  
  padding-top: 200px;
  margin-left: 35%;
  width: 15%;
  position: absolute;
  z-index: 0;
}
.esgsimg{
margin-top: 120px;
width: 670px;
float: right;
height: 450px;

}
.esggradient{
  width: 20%;
  height: 600px;
  background-image: linear-gradient(to right, #145807, #05FF2A);
  position: absolute;
  margin-left: 20%;
  z-index: -1;
}
#esgmain{
  display: flex;
  padding: 50px 50px;
  width: 100%;

}
.esgvideo{
  width: 50%;
  padding: 50px 0px 0px 50px;
  margin-left: 50px;
}
.esgoverview{
  width: 50%;
  padding: 50px 50px 0px 0px;
}

/*why ESG*/
#why-esg1{
  align-items: center;
  background-color: #0095FF;
  color: white;
  
}
#why-esg3{
  align-items: center;
  background-color: #666666;
  color: white;
  }
.why-detailsesg{
  margin-left: 100px;
  padding: 40px 30px;
  width: 75%;
   
}
#digitalesgmain{
  display: flex;
  flex-wrap: wrap;
  padding: 50px 50px;
  margin: 0px 100px;

}
.digitalesgdetails{
  width: 250px;
  margin: 15px 15px;
}
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  .esgmain{
  width: 100%;
  height: auto;
  padding-top: 5px;
  background-color: #F2F2F2;
  
}
.esgintro{
  
  padding-top: 200px;
  margin-left: 30%;
  width: 15%;
  position: absolute;
  z-index: 0;
}
.esgimg{
margin-top: 250px;
width: 65%;
float: right;
height: auto;
padding-left: 45px;

}
.esggradient{
  width: 20%;
  height: 600px;
  background-image: linear-gradient(to right, #145807, #05FF2A);
  position: absolute;
  margin-left: 20%;
  z-index: -1;
}
#esgmain{
padding: 50px 50px;
display: inline-block;
}
.video-container{
  width: 100%;
  height: auto;
  margin-top: 150px;
  overflow: hidden;
}
video {
    width: 75%;
    height: auto;
    object-fit: cover; /* Ensures the video covers the entire container without stretching */
}
.esgoverview{
  width: 100%;
  height: auto;
  padding: 50px 50px 0px 0px;
}

/*why ESG*/
#why-esg1{
  align-items: center;
  background-color: #0095FF;
  color: white;
  
}
#why-esg3{
  align-items: center;
  background-color: #666666;
  color: white;
  }
.why-detailsesg{
  margin-left: 100px;
  padding: 40px 30px;
  width: 75%;
   
}
#digitalesgmain{
  display: flex;
  flex-wrap: wrap;
  padding: 50px 50px;
  margin: 0px 100px;

}
.digitalesgdetails{
  width: 250px;
  margin: 15px 15px;
}
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
   .esgmain{
  width: 100%;
  height: auto;
  padding-top: 5px;
  background-color: #F2F2F2;
  
}
.esgintro{
  
  padding-top: 200px;
  margin-left: 30%;
  width: 15%;
  height: auto;
  position: absolute;
  z-index: 0;
}
.esgimg{
margin-top: 250px;
width: 65%;
float: right;
height: auto;
padding-left: 45px;

}
.esggradient{
  width: 20%;
  height: 600px;
  background-image: linear-gradient(to right, #145807, #05FF2A);
  position: absolute;
  margin-left: 20%;
  z-index: -1;
}
#esgmain{
  display: flex;
  padding: 50px 50px;
display: inline-block;
}
.video-container{
  width: 100%;
  height: auto;
  padding-top: 100px;
  overflow: hidden;
}
video {
    width: 75%;
    height: auto;
    object-fit: cover; /* Ensures the video covers the entire container without stretching */
    margin: 0px 80px;
  }
.esgoverview{
  width: 100%;
  height: auto;
  padding: 50px 50px 0px 0px;
}

/*why ESG*/
#why-esg1{
  align-items: center;
  background-color: #0095FF;
  color: white;
  
}
#why-esg3{
  align-items: center;
  background-color: #666666;
  color: white;
  }
.why-detailsesg{
  margin-left: 100px;
  padding: 40px 30px;
  width: 75%;
   
}
#digitalesgmain{
  display: flex;
  flex-wrap: wrap;
  padding: 50px 50px;
  margin: 0px 100px;

}
.digitalesgdetails{
  width: 250px;
  margin: 15px 15px;
}
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  .esgmain{
  width: 100%;
  height: 600px;
  padding-top: 5px;
  background-color: #F2F2F2;
  position: relative ;
  z-index: -3;
}
.esgintro{
  
  padding-top: 200px;
  margin-left: 30%;
  width: 20%;
  position: absolute;
  z-index: 0;
}
.esgimg{
margin-top: 160px;
width: 60%;
height: auto;
float: right;


}
.esggradient{
  width: 20%;
  height: 600px;
  background-image: linear-gradient(to right, #145807, #05FF2A);
  position: absolute;
  margin-left: 20%;
  z-index: -1;
}
#esgmain{
  display: flex;
  padding: 0px 50px;

}
.video-container{
  width: 75%;
  height: auto;
  padding-top: 50px;
  overflow: hidden;
  margin-left: 0px;
}
video {
    width: 100%;
    height: auto;
    object-fit: cover; /* Ensures the video covers the entire container without stretching */
    margin: 50px 50px;
  }
.esgoverview{
  width: 50%;
  padding: 50px 0px 0px 50px;
}

/*why ESG*/
#why-esg1{
  align-items: center;
  background-color: #0095FF;
  color: white;
  
}
#why-esg3{
  align-items: center;
  background-color: #666666;
  color: white;
  }
.why-detailsesg{
  margin-left: 100px;
  padding: 40px 30px;
  width: 75%;
   
}
#digitalesgmain{
  display: flex;
  flex-wrap: wrap;
  padding: 50px 50px;
  margin: 0px 100px;

}
.digitalesgdetails{
  width: 250px;
  margin: 15px 15px;
}
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  .esgmain{
  width: 100%;
  height: 600px;
  padding-top: 5px;
  background-color: #F2F2F2;
  position: relative ;
  z-index: -3;
}
.esgintro{
  
  padding-top: 200px;
  margin-left: 35%;
  width: 15%;
  position: absolute;
  z-index: 0;
}
.esgimg{
margin-top: 120px;
width: 670px;
float: right;
height: 450px;

}
.esggradient{
  width: 20%;
  height: 600px;
  background-image: linear-gradient(to right, #145807, #05FF2A);
  position: absolute;
  margin-left: 20%;
  z-index: -1;
}
#esgmain{
  display: flex;
  padding: 50px 50px;

}
.video-container{
  width: 75%;
  height: auto;
  padding-top: 50px;
  overflow: hidden;
  margin-left: 80px;
}
video {
    width: 75%;
    height: auto;
    object-fit: cover; /* Ensures the video covers the entire container without stretching */

  }
.esgoverview{
  width: 50%;
  padding: 50px 50px 0px 0px;
}

/*why ESG*/
#why-esg1{
  align-items: center;
  background-color: #0095FF;
  color: white;
  
}
#why-esg3{
  align-items: center;
  background-color: #666666;
  color: white;
  }
.why-detailsesg{
  margin-left: 100px;
  padding: 40px 30px;
  width: 75%;
   
}
#digitalesgmain{
  display: flex;
  flex-wrap: wrap;
  padding: 50px 50px;
  margin: 0px 100px;

}
.digitalesgdetails{
  width: 250px;
  margin: 15px 15px;
}
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
 .esgmain{
  width: 100%;
  height: 600px;
  padding-top: 5px;
  background-color: #F2F2F2;
  position: relative ;
  z-index: -3;
}
.esgintro{
  
  padding-top: 250px;
  margin-left: 35%;
  width: 15%;
  position: absolute;
  z-index: 0;
}
.esgimg{
margin-top: 120px;
width: 670px;
float: right;
height: 450px;

}
.esggradient{
  width: 20%;
  height: 600px;
  background-image: linear-gradient(to right, #145807, #05FF2A);
  position: absolute;
  margin-left: 20%;
  z-index: -1;
}
#esgmain{
  width: 100%;
  display: flex;
  padding: 50px 50px;

}
.video-container{
  width: 75%;
  height: auto;
  padding-top: 50px;
  overflow: hidden;
  margin-left: 80px;
}
video {
    width: 75%;
    height: auto;
    object-fit: cover; /* Ensures the video covers the entire container without stretching */

  }
.esgoverview{
  width: 50%;
  padding: 50px 50px 0px 0px;
  margin-left: 80px;
}

/*why ESG*/
#why-esg1{
  align-items: center;
  background-color: #0095FF;
  color: white;
  
}
#why-esg3{
  align-items: center;
  background-color: #666666;
  color: white;
  }
.why-detailsesg{
  margin-left: 100px;
  padding: 40px 30px;
  width: 75%;
   
}
#digitalesgmain{
  display: flex;
  flex-wrap: wrap;
  padding: 50px 50px;
  margin: 0px 100px;

}
.digitalesgdetails{
  width: 250px;
  margin: 15px 15px;
}
}


/*Aboutus page*/
#introaboutus{
  padding: 75px 0px 0px 100px ;
  width: 100%;
  background-image: linear-gradient(to top, white, #0770F9);
  display: flex;
}
.aboutusintroimg{
  float: right;
  width: 90%;
}
.abouttitle{
  padding-top: 120px;
  background-image: linear-gradient(to top,#044293, #0770F9);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  border-color: white;
  font-size: 4rem;
}
/*focus area*/
#aboutus{
  display: flex;
  background-image: url("../photos/About\ us\ img.jpg");
  background-size: cover;
  background-position: center;
  background-color: rgba(200,255,255,0.6);
  background-blend-mode: lighten;
  
}
.aboutus{
padding: 70px 20px 20px 400px;
text-align: right;
}
.aboutus1{
padding: 70px 350px 20px 20px ;
}
.focusarea{
  text-align: left;
  margin-left: 150px;
  width: 100%;
}
.components{
  display: inline-block;
  margin-left: 150px;
 }
.aboutuscomponents{
width: 310px;
height: auto;
display: inline-block;
background-color: white;
border-radius: 30px;
margin: 30px;
text-align: left;
font-weight: 400;
 }
 #clients{
  text-align: center;
 }
 .newlogo{
  width: 100px;
  height: 100px;
 }
 /* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  #introaboutus{
  padding: 75px 0px 0px 50px ;
  width: 100%;
  background-image: linear-gradient(to top, white, #0770F9);
  display: flex;
}
.aboutusintroimg{
  width: 90%;
  height: auto;
}
.abouttitle{
  padding-top: 50px;
  background-image: linear-gradient(to top,#044293, #0770F9);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  border-color: white;
  font-size: 3rem;
}

#aboutus{
  display: flex;
  background-image: url("../photos/About\ us\ img.jpg");
  background-size: cover;
  background-position: center;
  background-color: rgba(200,255,255,0.6);
  background-blend-mode: lighten;
  
}
.aboutus{
padding: 70px 20px 20px 100px;
text-align: right;
}
.aboutus1{
padding: 70px 80px 20px 20px ;
}
.focusarea{
  text-align: left;
  margin-left: 10px;
  width: 100%;
  padding: 0px 30px 0px 30px;
}
.components{
  display: inline-block;
  margin-left: 10px;
  text-align: center;
 }
.aboutuscomponents{
width: 310px;
height: auto;
display: inline-block;
background-color: white;
border-radius: 30px;
margin-left: 10px;
text-align: left;
font-weight: 400;
padding: 0px 30px 0px 30px;
text-align: center;
 }
 #clients{
  text-align: center;
  padding: 0px 30px 0px 30px;
 }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
 #introaboutus{
  padding: 75px 0px 0px 50px ;
  width: 100%;
  background-image: linear-gradient(to top, white, #0770F9);
  display: flex;
}
.aboutusintroimg{
  width: 90%;
  height: auto;
}
.abouttitle{
  padding-top: 50px;
  background-image: linear-gradient(to top,#044293, #0770F9);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  border-color: white;
  font-size: 3rem;
}

#aboutus{
  display: flex;
  background-image: url("../photos/About\ us\ img.jpg");
  background-size: cover;
  background-position: center;
  background-color: rgba(200,255,255,0.6);
  background-blend-mode: lighten;
  
}
.aboutus{
padding: 70px 20px 20px 100px;
text-align: right;
}
.aboutus1{
padding: 70px 80px 20px 20px ;
}
.focusarea{
  text-align: left;
  margin-left: 10px;
  width: 100%;
  padding: 0px 30px 0px 30px;
}
.components{
  display: inline-block;
  margin-left: 10px;
  text-align: left;
 }
.aboutuscomponents{
width: 250px;
height:auto;
display: inline-block;
background-color: white;
border-radius: 30px;
margin-left: 10px;
text-align: left;
font-weight: 400;
padding: 0px 30px 0px 30px;
text-align: left;
 }
 #clients{
  text-align: center;
  padding: 0px 30px 0px 30px;
 }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
   #introaboutus{
  padding: 75px 0px 0px 80px ;
  width: 100%;
  background-image: linear-gradient(to top, white, #0770F9);
  display: flex;
}
.aboutusintroimg{
  width: 90%;
  height: auto;
}
.abouttitle{
  padding-top: 50px;
  background-image: linear-gradient(to top,#044293, #0770F9);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  border-color: white;
  font-size: 4rem;
}

#aboutus{
  display: flex;
  background-image: url("../photos/About\ us\ img.jpg");
  background-size: cover;
  background-position: center;
  background-color: rgba(200,255,255,0.6);
  background-blend-mode: lighten;
  
}
.aboutus{
padding: 70px 20px 20px 100px;
text-align: right;
}
.aboutus1{
padding: 70px 80px 20px 20px ;
}
.focusarea{
  text-align: left;
  margin-left: 10px;
  width: 100%;
  padding: 0px 30px 0px 30px;
}
.components{
  display: inline-block;
  margin-left: 20px;
  text-align: left;
 }
.aboutuscomponents{
width: 230px;
height: auto;
display: inline-block;
background-color: white;
border-radius: 30px;
margin: 10px 10px;
text-align: left;
font-weight: 400;
padding: 0px 30px 0px 30px;
text-align: left;
 }
 #clients{
  text-align: center;
  padding: 0px 30px 0px 30px;
 }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
 #aboutus{
  display: flex;
  background-image: url("../photos/About\ us\ img.jpg");
  background-size: cover;
  background-position: center;
  background-color: rgba(200,255,255,0.6);
  background-blend-mode: lighten;
  
}
.aboutus{
padding: 70px 20px 20px 200px;
text-align: right;
}
.aboutus1{
padding: 70px 80px 20px 20px ;
}
.focusarea{
  text-align: left;
  margin-left: 80px;
  width: 100%;
}
.components{
  display: inline-block;
  margin-left: 80px;
 }
.aboutuscomponents{
width: 400px;
height: auto;
display: inline-block;
background-color: white;
border-radius: 30px;
margin: 10px;
text-align: left;
font-weight: 400;
 }
 #clients{
  text-align: center;
 }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
  #introaboutus{
  padding: 75px 0px 0px 250px ;
  width: 100%;
  background-image: linear-gradient(to top, white, #0770F9);
  display: flex;
}
.aboutusintroimg{
  float: right;
  width: 90%;
}
.abouttitle{
  padding-top: 120px;
  background-image: linear-gradient(to top,#044293, #0770F9);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  border-color: white;
  font-size: 8rem;
}

#aboutus{
  display: flex;
  background-image: url("../photos/About\ us\ img.jpg");
  background-size: cover;
  background-position: center;
  background-color: rgba(200,255,255,0.6);
  background-blend-mode: lighten;
  
}
.aboutus{
padding: 70px 20px 20px 400px;
text-align: right;
}
.aboutus1{
padding: 70px 350px 20px 20px ;
}
.focusarea{
  text-align: left;
  margin-left: 150px;
  width: 100%;
}
.components{
  display: inline-block;
  margin-left: 100px;
 }
.aboutuscomponents{
width: 300px;
height: auto;
display: inline-block;
background-color: white;
border-radius: 30px;
margin: 30px;
text-align: left;
font-weight: 400;
 }
 #clients{
  text-align: center;
 }
}

 /*contact form */
 #contactform{
  display: flex;
 
 padding: 50px 0px 0px 100px;
  background-color: #EEEEEE;
 }
 .ctform{
  width: 50%;
  padding: 50px 50px;
 
 }
  .ctform2{
  width: 50%;
  background-color: #0095FF;
  padding: 50px 0px 50px 100px;
 }
 .ctintouch{
  display: flex;
  margin-left: 45%;
  padding-top: 100px;
 }
 .ctformimg{
  width: 500px;
 }
 /* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  #contactform{
  display: inline-block;
  padding: 50px 10px 0px 10px;
  background-color: #EEEEEE;
  
 }
 .ctform{
  width: 100%;
  padding: 30px 30px;
 
 }
  .ctform2{
  width:100%;
  background-color: #0095FF;
  padding: 50px 0px 50px 100px;
 }
 .ctintouch{
  display: inline-block;
  text-align: center;
  padding-top: 100px;
 }
 .ctformimg{
  width: 100%;
  height: auto;
 }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
   #contactform{
  display: inline-block;
  padding: 50px 10px 0px 10px;
  background-color: #EEEEEE;
  
 }
 .ctform{
  width: 100%;
  padding: 30px 30px;
 
 }
  .ctform2{
  width:100%;
  background-color: #0095FF;
  padding: 50px 0px 50px 100px;
 }
 .ctintouch{
  display: inline-block;
  text-align: center;
  padding-top: 100px;
 }
 .ctformimg{
  width: 100%;
  height: auto;
 }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    #contactform{
  display: flex;
 
 padding: 50px 0px 0px 20px;
  background-color: #EEEEEE;
 }
 .ctform{
  width: 50%;
  padding: 50px 50px;
 
 }
  .ctform2{
  width: 50%;
  background-color: #0095FF;
  padding: 150px 0px 50px 100px;
 }
 .ctintouch{
  display: flex;
  margin-left: 50%;
  padding-top: 100px;
 }
 .ctformimg{
  width: 400px;
  height: auto;
 }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
   #contactform{
  display: flex;
 
 padding: 50px 0px 0px 20px;
  background-color: #EEEEEE;
 }
 .ctform{
  width: 50%;
  padding: 50px 50px;
 
 }
  .ctform2{
  width: 50%;
  background-color: #0095FF;
  padding: 150px 0px 50px 100px;
 }
 .ctintouch{
  display: flex;
  margin-left: 50%;
  padding-top: 100px;
 }
 .ctformimg{
  width: 400px;
  height: auto;
 }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
  #contactform{
  display: flex;
 
 padding: 50px 0px 0px 100px;
  background-color: #EEEEEE;
 }
 .ctform{
  width: 50%;
  padding: 50px 50px;
 
 }
  .ctform2{
  width: 50%;
  background-color: #0095FF;
  padding: 50px 0px 50px 100px;
 }
 .ctintouch{
  display: flex;
  margin-left: 50%;
  padding-top: 100px;
 }
 .ctformimg{
  width: 500px;
 }
}

/*policies page*/

/*mediaquery home*/
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  #policy, #cookies-policy{
  margin: 100px 30px; 
  text-align: justify; 
  }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
   #policy{
  margin: 100px 30px; 
  text-align: justify; 
  }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  #policy, #cookies-policy{
  margin: 100px 30px; 
  text-align: justify; 
  }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
   #policy, #cookies-policy{
  margin: 100px 80px; 
  text-align: justify; 
  }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
  #policy, #cookies-policy{
  margin: 100px 80px; 
  text-align: justify; 
  }
}

/*gradient All*/
.gradient-word {
    background: -webkit-linear-gradient(left, #02207a, #0088FF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/*Partners*/

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  #partner-all{
  padding: 100px 0px;
  width: 100%;
  background-color: #044293;
}
.content-partners{
  width: 80%;
  height: auto;
  color: #fff;
  margin-left: 30px;
}
.logo-partners{
  padding: 50px 0px;
  margin: 0px 0px;
   background-image: url("../photos/soft-smoke-abstract-background-free-image.jpg");
    background-attachment: fixed;
    background-color: rgba(255, 255, 255, 0.6);
    background-blend-mode:multiply;
    background-repeat: no-repeat;
    background-size: cover;
}
.logo-partners .partner-img{
  margin-left: 30px;
  margin-top: 40px;
  width: 180px;
  height: auto;
  
}
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
   #partner-all{
  padding: 100px 0px;
  width: 100%;
  background-color: #044293;
}
.content-partners{
  width: 80%;
  height: auto;
  color: #fff;
  margin-left: 30px;
}
.logo-partners{
  padding: 50px 0px;
  margin: 0px 0px;
   background-image: url("../photos/soft-smoke-abstract-background-free-image.jpg");
    background-attachment: fixed;
    background-color: rgba(255, 255, 255, 0.6);
    background-blend-mode:multiply;
    background-repeat: no-repeat;
    background-size: cover;
}
.logo-partners .partner-img{
  margin-left: 55px;
  margin-top: 40px;

  
}
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    #partner-all{
  padding: 100px 0px;
  width: 100%;
  background-color: #044293;
}
.content-partners{
  width: 50%;
  height: auto;
  color: #fff;
  margin-left: 80px;
}
.logo-partners{
  padding: 50px 0px;
  margin: 0px 0px;
   background-image: url("../photos/soft-smoke-abstract-background-free-image.jpg");
    background-attachment: fixed;
    background-color: rgba(255, 255, 255, 0.6);
    background-blend-mode:multiply;
    background-repeat: no-repeat;
    background-size: cover;
}
.logo-partners .partner-img{
  margin-left: 100px;
  margin-top: 40px;
  
}
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  #partner-all{
  padding: 100px 0px;
  width: 100%;
  background-color: #044293;
}
.content-partners{
  width: 50%;
  height: auto;
  color: #fff;
  margin-left: 80px;
}
.logo-partners{
  padding: 50px 0px;
  margin: 0px 0px;
   background-image: url("../photos/soft-smoke-abstract-background-free-image.jpg");
    background-attachment: fixed;
    background-color: rgba(255, 255, 255, 0.6);
    background-blend-mode:multiply;
    background-repeat: no-repeat;
    background-size: cover;
}
.logo-partners .partner-img{
  margin-left: 80px;
  margin-top: 40px;
  
}
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
#partner-all{
  padding: 100px 0px;
  width: 100%;
  background-color: #044293;
}
.content-partners{
  width: 50%;
  height: auto;
  color: #fff;
  margin-left: 80px;
}
.logo-partners{
  padding: 50px 0px;
  margin: 0px 0px;
   background-image: url("../photos/soft-smoke-abstract-background-free-image.jpg");
    background-attachment: fixed;
    background-color: rgba(255, 255, 255, 0.6);
    background-blend-mode:multiply;
    background-repeat: no-repeat;
    background-size: cover;
}
.logo-partners .partner-img{
  margin-left: 80px;
  margin-top: 40px;
  
}
}