* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: titr;
}

body {
  direction: rtl;
  align-items: center;
  background: #fbf3ff;
  font-family: titr;
}

.container {
  position: absolute;
  max-width: 800px;
  height: 500px;
  margin: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.myrightCtn {
  position: relative;
  background-image: linear-gradient(45deg, #cbfcba, #bff1fd);
  border-radius: 25px;
  height: 100%;
  padding: 25px;
  color: rgb(192, 192, 192);
  display: flex;
  justify-content: center;
  align-items: center;
}

.myleftCtn {
  position: relative;
  background: #fff;
  border-radius: 25px;
  height: 100%;
  padding: 25px;
  padding-left: 50px;
}

.myleftCtn header {
  color: #057f9c;
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 40px;
  font-family: titr;
}

.row {
  height: 100%;
}

.myCard {
  position: relative;
  background: #fff;
  height: 100%;
  border-radius: 25px;
  -webkit-box-shadow: 0px 10px 40px -10px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: 0px 10px 40px -10px rgba(0, 0, 0, 0.7);
  box-shadow: 0px 10px 40px -10px rgba(0, 0, 0, 0.7);
}

#right header {
  color: #fff;
  font-size: 40px;
}

.box {
  position: relative;
  margin: 20px;
  margin-bottom: 100px;
}

.myleftCtn .myInput {
  font-family: titr;
  width: 230px;
  border-radius: 25px;
  padding: 10px;
  padding-right: 40px;
  border: none;
  -webkit-box-shadow: 0px 10px 49px -14px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: 0px 10px 49px -14px rgba(0, 0, 0, 0.7);
  box-shadow: 0px 10px 49px -14px rgba(0, 0, 0, 0.7);
}

.myleftCtn .myInput:focus {
  outline: none;
}

.myForm {
  position: relative;
  margin-top: 50px;
}

.myleftCtn .butt {
  font-family: titr;
  background: linear-gradient(45deg, #8dc445, #057f9c);
  color: #fff;
  width: 130px;
  border: none;
  border-radius: 25px;
  padding: 10px;
  -webkit-box-shadow: 0px 10px 41px -11px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: 0px 10px 41px -11px rgba(0, 0, 0, 0.7);
  box-shadow: 0px 10px 41px -11px rgba(0, 0, 0, 0.7);
}

.myleftCtn .butt:hover {
  background: linear-gradient(45deg, #8dc445, #057f9c);
}

.myleftCtn .butt:focus {
  outline: none;
  
}

/* .myleftCtn .fa {
  position: relative;
  color: #057f9c;
  right: 36px;
} */

#a {
  font-family: titr;
  color: #057f9c;
}

#mememe {
position: relative;
color: #057f9c;
right: 33px;
}