html, body{    font-family: roboto;
background-color: #F2F2F2;
height: 100%;}
.body-of{overflow-y: hidden;}
/*********************** Widths************************/

.w-65{
  width: 65%;
}

@media(min-width:768px){
.w-m-65{
  width: 65%;
}
}
@media(min-width:992px){
  .w-l-65{
    width: 65%;
  }
.w-l-60{

  width: 60%;
}
.w-l-55{

  width: 55%;
}


}
/*********************** Used Buttons************************/

.mybtnLpage{
  border-radius: 50px; 
  border:  white 1px solid;
  font-size: 14px;
  font-weight: 300;
  padding: 5px 40px;
  color: white;
  background-color: transparent;
  transition-duration: .4s;

}

.mybtnLpage:hover{

  background-color: white;
  color: #000;
  transition-duration: .4s;
}
/*********************** Used Font Colors************************/
.text-gray{
  color: #393939 !important;
}


/*********************** Used Font Styles************************/
.line-h-150{
line-height: 1.5;
}
.text-gredient-by{
  background-image: linear-gradient(to right,#32A2F3, #BEDA22);
  -webkit-background-clip: text;
  -webkit-text-fill-color:rgba(0, 0, 0, 0) ;
  transition-duration: .7s;
  transition-timing-function: ease-in-out;
  font-weight: 500;
}


.text-300{font-weight: 300;}
.text-400{font-weight: 400;}

/*********************** Used Font Sizes************************/

.font-1{font-size: 1.5rem;}
.font-15{  font-size: 15px;}
.font-3rem{
  font-size: 3rem;
}
.font-2rem{
  font-size: 2rem;
}
/*********************** Backgrounds Color************************/
.bg-black{background-color: black;}


/**********************************Landing Page******************************************/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}




.my-input::placeholder {

  color: #f2f2f2;
  font-weight: 300;
  opacity: .9;
}



.my-input{ 
  border-radius: 0px;
  background-color: rgba(0, 0, 0, 0);  
  color: white;
  font-weight: 200 !important;
  border-bottom-width: 1px; 
  border-bottom-style: solid; 
  border-bottom-color:#ffffff; 
  border-top-style: none; 
  border-right-style: none; 
  border-left-style: none; 

}
::-webkit-calendar-picker-indicator {
  filter: invert(1);
}

.my-input:focus{background-color:rgba(0, 0, 0, 0);
  color: white; 
  border-bottom-color:#ffffff !important; 

  outline: none !important;
  border-color: inherit;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.my-input-ta{border-radius: 0px !important;}
.my-input-sel{
  color: gray !important;
  font-weight: normal;
}
.my-input-sel::after{color: white !important;}
.num-input::-webkit-outer-spin-button,
.num-input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}

.num-input{
     -moz-appearance:textfield;
}

.mymodal-open{
  padding-right: 0px !important;
}
 
.contact-form{
  padding: 5% 15%;
  border: #0B1C6D 1px solid;
  border-radius: 15px;
}

.contacts-div{
  min-height: 80vh;
}
.form-container{
  width: 75%;
  float: right;
}
@media(max-width:768px){

.letstalk-h1{
  font-size: 4rem !important;
}

.form-container{
  width: 100%;
  float: inherit;

  display: flex;
  justify-content: center;
}
}