@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap');


/* .libre-baskerville-regular {
    font-family: "Libre Baskerville", serif;
    font-weight: 400;
    font-style: normal;
  }
  
  .libre-baskerville-bold {
    font-family: "Libre Baskerville", serif;
    font-weight: 700;
    font-style: normal;
  }
  
  .libre-baskerville-regular-italic {
    font-family: "Libre Baskerville", serif;
    font-weight: 400;
    font-style: italic;
  } */



.WelcomePage{
    font-family: 'Red Hat Text', sans-serif;
    color:rgba(0, 140, 255, 0.836);
    /* color: aliceblue; */
    /* background-color: #000d14; */
    height: 1000px;
}

.WelcomeBar{
   
    
    /* font-family: 'Red Hat Text', sans-serif; */
    z-index:1;
    height:60px;
    width:100%;
    background-color:  #e9e9e954;
    /* background-color:  #001033be; */
    display: flex;
    justify-content:space-evenly; 
    
    align-items:center; 
   
     /* border-radius: 4px; */
}
.curvBox{
    height:800px;
    background-color: rgb(255, 255, 255);
}

.Section1{
     /* background-color:  #00509b; */
     background-image: linear-gradient(to bottom, #006ACE,#006ACE, #00509b);
    
}

.Section3{
     /* background-color:  #006ACE; */
      background-image: linear-gradient(to bottom, #006ACE,#006ACE, #00509b);
     height: 800px;
    
}

.Section1Contact{
    background-color:  #00509b;
    height:300px;
    display: flex;
    justify-content: center;
    align-items: center;
    /* border-radius: 0 0px 100px 0px; */
}




.Section2{
    background-color:  #e9e9e954;
}
.logoBack{
    background-color: white;
    border-radius: 50%;
    width:50px;
    height:50px;
    border:1px solid rgba(0, 140, 255, 0); 
}
.logoBack:hover{
    border:1px solid rgba(0, 140, 255, 0.39);
}

.WelcomeLoginBut{
    font-family: 'Red Hat Text', sans-serif;
    
    padding-top: 10px;
    padding-bottom: 10px;
    border:1px solid rgba(0, 140, 255, 0);
    cursor: pointer;
    width:80px;
    text-align: center;
}
 .WelcomeLoginBut:hover{
    
    background-color: rgba(180, 180, 180, 0.329);
    border:1px solid rgba(0, 140, 255, 0.185);
    border-radius: 15px;
}

.WelcomeLHeading{
    font-family: "Libre Baskerville", serif;
    font-weight: 400;
    font-style: normal;
    font-size: 50px;
    text-align: center;
}

.WelcomePic{
    width:50%;
    border:2px solid rgba(255, 255, 255, 0);
    border-radius: 15px;
    overflow:hidden
}




.WelcomeLogo{
    width:100%;
   
    border-radius: 50%;
}

.SendButtonWelcome{
    font-family: 'Red Hat Text', sans-serif;
    font-size: large;
    padding-top: 10px;
    padding-bottom: 10px;
    border:2px solid rgba(0, 140, 255, 0.185);
    cursor: pointer;
    width:80px;
    text-align: center;
    border-radius: 15px;
}

.MassiveWhiteTxt{
    font-size: 40px;
    text-align: center;
    font-weight:600;
    color: white;
    padding-top: 100px;
}

.lightboxContainer{
    padding-top: 20px;
    padding-bottom: 20px;
    width:40%;
   
}

.lightboxContainer2{
    padding-top: 20px;
    padding-bottom: 20px;
    width:30%;
    
   
}

.LightBox{
    box-shadow: 0px 0px 8px #c9c9c9; 
    width:100%;
    padding-left: 10px;
    padding-right:10px;
    border-radius: 6px;
    min-height: 250px;
}
@media only screen and (max-width: 700px){
    .lightboxContainer{
        padding-top: 20px;
        padding-bottom: 20px;
        width:90%;
       
    }

    .lightboxContainer2{
        padding-top: 20px;
        padding-bottom: 20px;
        width:90%;
       
    }

}


.CenterSpaceFlipping{
    display:flex;
    justify-content: space-between;
}

.WelcomCenterVert{
    display:flex;
    align-items: Center;
}
.WelcomeExtraLargeTxtCenter{
    font-size: xx-large;
    text-align: center;
}
.WelcomeLargeTxtCenter{
    font-size: large;
    text-align: center;
}
.WelcomeExtraLargeTxtRight{
    font-size: xx-large;
    text-align: right;
    color:white;
    font-weight: 900;
} 

.WelcomeExtraLargeTxtLeft{
    font-size: xx-large;
    text-align: left;
    color:white
} 
.WelcomeLargeTxtRight{
    font-size: large;
    text-align: right;
    color:white;
     font-weight: 700;
}

.WelcomeLargeTxtLeft{
    font-size: large;
    text-align: left;
    color:white
}
.WelcomeCenterVert{
    display:flex;
    align-items: center;
    width:40%
}
.WelcomeCenterSpace{
    
    display:flex;
    justify-content:space-between;
    
}


.GetIntouchDiv{
    width:80%;
    height:50px;
    border-bottom: 1px solid black;
    display:flex;
    justify-content: center;
    align-items: center;
}


.GetIntouchDivArea{
    
    width:80%;
    height:200px;
    border-bottom: 1px solid black;
    display:flex;
    justify-content: center;
    align-items: center;
}
.GetInTouchTxt{
    
    width:80%;
    height:40px;
    border:none;
    font-size: xx-large;
    /* color: rgba(0, 140, 255, 0.836); */
    color: rgba(0, 0, 0, 0.733);
    background-color: #e9e9e900;;
}
.GetInTouchTxt::placeholder {
    
    opacity: 0.7;
    color: rgba(0, 140, 255, 0.836);
  }
.GetInTouchTxt:focus{
    
    border:none;
    outline: none
}

.GetInTouchTxtArea{
    font-family: 'Red Hat Text', sans-serif;
    width:80%;
    height:200px;
    border:none;
    font-size: xx-large;
    /* color: rgba(0, 140, 255, 0.836); */
    color: rgba(0, 0, 0, 0.733);
    background-color: #e9e9e900;;
}
.GetInTouchTxtArea::placeholder {
    
    opacity: 0.7;
    color: rgba(0, 140, 255, 0.836);
  }
.GetInTouchTxtArea:focus{
    
    border:none;
    outline: none
}

.ExtraLargeTxtChange{
    font-size: xx-large;
}

 
@media only screen and (max-width: 700px){
    
    .WelcomeCenterSpace{
       display: inline;
       
    }
    .WelcomeExtraLargeTxtLeft{
        font-size: xx-large;
        text-align: center;
        color:white
    } 
    .WelcomePic{
        width:100%
    }
   .WelcomeExtraLargeTxtRight{
        text-align: center;
        
   }
   .WelcomeLargeTxtRight{
        text-align: center;
    }
    .WelcomeLargeTxtLeft{
        font-size: large;
        text-align: center;
        color:white
    }
    .CenterSpaceFlipping{
        display:block;
        width:100%
    }
    .WelcomeCenterVert{
        display:block;
        padding-top:20px;
        width:100%
    }
    .GetInTouchTxt{
        font-size: large;
    }
    .GetInTouchTxtArea{
        font-size: large;
    }
    .ExtraLargeTxtChange{
        font-size: large;
    }
}

.slidIBottom{
    animation-name: botomSLide;
    animation-duration: 1s;
    animation-iteration-count: 1;
}

@keyframes botomSLide {
  0% {
      opacity:0;
      position: relative;
      top:100px
  }
  
  100% {
      opacity:1;
      position: relative;
      top: 0px;
  }
}