@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800'); 

.fa, .far, .fas {
    font-family: Font Awesome\ 5 Free !important;
}

* {
    font-family: 'open sans', sans-serif !important;
  -webkit-box-sizing: 0;
          box-sizing: 0;
  padding: 0;
  /*font-family: 'Roboto', sans-serif;*/
}

.border-end{
border-right: 0px solid #dee2e6!important;
}

.thank-you-page {
  position: absolute;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #015174;
  z-index: 10;
}

.display {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-shadow: 5px 5px 15px 5px #000000;
  box-shadow: 5px 5px 15px 5px #000000;
}

.display p {
  margin: 0;
  text-align: center;
  font-size: 50px;
  font-weight: 900;
}


h1{
    font-size: 55px;
 margin-top: 75px;
}

h3, h2 {
  font-weight: 700;
}



h3{
    color:white;
}

p {
  font-weight: 300;
}

.section1 p {
  font-size: 20px;
}

.section1 h3 {
  color: white;
}



.subtopics-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.subtopics-section div {
  width: 90%;
}

.subtopics-section .form-row {
  margin-top: 10px;
}

.subtopics-section .form-row .form-check input {
  width: 15px;
  height: 15px;
}

.subtopics-section .form-row .form-check label {
  width: auto;
}

#DescCampaign p b {
  color: white !important;
  font-weight: 900;
}

.img-campaing {
 padding-top: 100px;
  height: 100%;
  position: absolute; 
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.img-campaing img {
   height: 60%;
  width: 60%; 
  -o-object-fit: contain;
     object-fit: contain;

}

.test-section .test-option {
  display: none !important;
}

.thanks {
  display: none;
}

.displayed {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}

.displayed p {
  font-size: 40px;
  font-weight: 900;
}


.div-logo {
  height: 150px;
}

.div-logo a {

  height: 100%;
  width: 100%;


}

.div-logo a img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;

}

/*
.logo {
  width: 90%;
  height: 90%;
  -o-object-fit: cover;
     object-fit: cover;
} */

.bg-image {
  height: 100%;
/*  background-image: url("https://image.mail.iadb.org/lib/fe3215707564067a7c1d71/m/1/35c7bbf3-94b1-4eb7-9e05-b9fd009966d6.jpg");*/
background-image: url("https://image.mail.iadb.org/lib/fe45157075640479751170/m/4/7310c0cc-355d-4c24-b023-991464e6fe51.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
}

.mask {
  /*     background: rgb(0,0,0);
background: linear-gradient(90deg, rgba(0,0,0,0) 35%, rgba(11,116,165,0.8631827731092436) 66%); */
  /* background: rgb(0,0,0);
background: linear-gradient(90deg, rgba(0,0,0,0) 35%, rgba(11,116,165,0.8631827731092436) 73%); */
  background: black;
  background: -webkit-gradient(linear, left top, right top, color-stop(25%, rgba(0, 0, 0, 0)), color-stop(85%, #0b74a5));
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 25%, #0b74a5 85%);
  position: absolute;
  height: 100%;
}

/* .second-img {
  width: 70%;
  height: auto;
 display: none;
} */

h1,h2 {
color: white;
}

.form-landing input {
  width: 85%;
}
.form-landing select {
  width: 85%;
}

.form-landing textarea {
  width: 85%;
  resize: none;
}


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

.bg-image{
    background-image: url("https://image.mail.iadb.org/lib/fe3215707564067a7c1d71/m/1/35c7bbf3-94b1-4eb7-9e05-b9fd009966d6.jpg");
    height: 100vh;
   background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}


.mask{
    background-color: rgba(4, 127, 189,0.6);
    position: absolute;
    height: 100vh;
}


.img-test{
    
    width: 200px;
    height: 200px;    
   border-radius: 50%;
} */
@media only screen and (min-width: 360px) {
h1{
    font-size: 55px;
     margin-top: -60px;
}

.mt-5 {
    margin-top: 1rem!important;
}

.mb-5, .my-5 {
    margin-top: 3rem!important;
}

}
@media only screen and (min-width: 1100px) {
.mt-5 {
    margin-top: 3rem!important;
}

h1{
    font-size: 55px;
     margin-top: 75px;
}
.mb-5, .my-5 {
    margin-top: 3rem!important;
}

.display{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-shadow: 5px 5px 15px 5px #000000;
    box-shadow: 5px 5px 15px 5px #000000;
}}

@media only screen and (min-width: 1700px) {
.display{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-shadow: 5px 5px 15px 5px #000000;
    box-shadow: 5px 5px 15px 5px #000000;
       padding-top: 30%;
}
}
@media only screen and (max-width: 575px) {
 body h1{
      font-size: 35px;
}
  .section1 p {
    font-size: 16px ;
  }
 .thank-you-page {
  position: fixed;

 background-color: #015174; 


} 
.display {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-shadow: 5px 5px 15px 5px #000000;
  box-shadow: 5px 5px 15px 5px #000000;
}

}