@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');
* , a{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    text-decoration: none;
}
body{
    width: 100%;
    height: 100%;
    background-image:url(../img/banner_background.png);
    background-size: cover;
    background-attachment:fixed;
    margin: 0;
    padding: 0;
}

/* @font-face {
    /* font-family:"AvenirLTStd45Book"; */
    /* src: url("font/FontsFree-Net-AvenirLTStd-Book.ttf") format(ttf); */
    /* src: url("font/FontsFree-Net-AvenirLTStd-Book.woff") format(woff); */
    /* font-display: swap; */
/* } */ */
a{
     text-decoration: none!important;
}
:root {
    --green:#1DB2BB;
    --lightgreen:#00B2BB;
    --black:#0F1941;
    --olive:#8DCF36;
    --grey:#707070;
    --darkgrey:#282C2C;
    --white:#FFFFFF;
}

.wrapperHeader {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.wrappermiddle {
    display: flex;
    align-items: center;
    justify-content: center;
}

a.btndesign {
    border: 1px solid var(--green);
    border-radius: 7px;
    opacity: 1;
    padding: 12px 20px;
    text-decoration: none;
    color: var(--green);
    display: grid;
    place-content: center;
}

.wrap_button {
    display: flex;
    align-items: center;
}

a.logo_design span {
    font: normal normal normal 26px/34px amerigo_btroman;
    letter-spacing: 0.6px;
    color: #282C2C;
    text-transform: capitalize;
    opacity: 1;
    /* border-bottom: 1px solid #eee; */
    padding-bottom: 6px;
}
/* .wrap_first h1 {
    font: normal normal normal 35px/46px Francois One;
    letter-spacing: 1.59px;
    color: #282C2C;
    text-transform: uppercase;
} */

a.btnaddVacine , a.btncreateAccount  {
    border-radius: 7px;
    padding: 8px 28px;
    color: #fff;
    display: grid;
    place-content: center;
}

a.btnaddVacine img {
    height: 8px;
}

a.btnaddVacine {
    background: var(--lightgreen);
 }

a.btncreateAccount {
    background: var(--olive);
   }

a.btnaddVacine span , a.btncreateAccount span{
    font-size: 12px;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
}

/* .wrap_first {
    display: flex;
    flex-direction: column;
    row-gap: 15px;
} */

.wrap_button span {
    font: normal normal normal 13px/26px AvenirLTStd45Book;
    letter-spacing: 0px;
    color: #0F1941;
    opacity: 1;
    margin: 0 10px;
    text-transform: uppercase;
}

.footer-copyright a {
    text-align: center;
    font: normal normal normal 13px/26px metropolisregular;
    letter-spacing: 0px;
    color: #0F1941;
}

/* create Account Page */

.wrap_first h3 {
    font: normal normal normal 17px/50px Francois One;
    letter-spacing: 0.51px;
    color: #282C2C;
    text-transform: uppercase;
}

.wrap_first_buttonor , .wrap_first_buttonin{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100px;
    height: 100px;
    background: #FFFFFF;
    box-shadow: 0px 5px 10px #00b2bb1a;
    border-radius: 15px;
}

.wrap_first_buttonor img , .wrap_first_buttonin img{
    height: 30px;
    min-height: 30px;
    margin-bottom: 5px;
}
.wrap_first_buttonor span , .wrap_first_buttonin span{
    font: normal normal 900 10px/20px AvenirLTStd45Book;
    letter-spacing: 0px;
    color: #0F3536;
    margin-top: 30px;
 }


 .wrap_first_buttonor:hover > .addmeor{
   display: none;
 }

 .wrap_first_buttonor:hover > .removeor{
    display: block;
  }


 .wrap_box.wrap_all_account {
    justify-content: center;
    column-gap: 20px;
}

.wrap_first_button:hover {
    border: 2px solid var(--green);
}

a.btnaddVacine.widthbtn {
    width: 50%;
    margin: auto;
}

a.btndesign span {
    font: normal normal 900 12px/0 AvenirLTStd45Book;
    color: #1DB2BB;
}

.wrap_box.wrap_all_account {
    display: flex;
    justify-content: center;
    column-gap: 15px;
}


.wrap_first_button.active {
    border: 2px solid var(--green);
}
.option-drop {
    min-width: 23px;
    text-align: center;
}
ul li:first-child .org-card img {
    width: 90px;
    height: 55px;
}
ul li:last-child .org-card img {
    width: 55px;
    height: 55px;
}
/* media queries */

@media screen and (max-width:767px){
    .footer-copyright a {
        font: normal normal normal 11px/24px metropolisregular;
    }
.wrapperHeader , .wrappermiddle {
    /* flex-direction: column; */
}

.wrap_first h1 , .wrap_button span , a.btnaddVacine, a.btncreateAccount {
    
     text-align: center;
     width: -webkit-fill-available;
}

.wrap_button {
    display: flex;
    flex-direction: column;
}
a.logo_design span {
    font: normal normal normal 24px/30px amerigo_btroman;
}
}