@import url('https://fonts.googleapis.com/css2?family=Arima:wght@100..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Hurricane&display=swap');
body {
  background-color: #fff7ed;}
.banner {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #403e3c;}
.banner-buttons {
  float: right;}
.banner-buttons a {
  display: block;
  color: #fff7ed;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-family: "Arima", system-ui;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 25px;}
.banner-buttons a:hover:not(.active) {
  background-color: #111;}
.active {
  background-color: #04aa6d;}
.name {
   font-family: "Hurricane", cursive;
  font-weight: 400;
  font-style: normal;
  font-size: 35px;
  float: left;
  color: #fff7ed;
  text-decoration: none;
  font-optical-sizing: auto;
  text-align: center;
  padding: 14px 0;
  padding-left: 71px;
  }
.container {
  width: 100%;
  height: 200px;
  display: block;
  position: relative;}
.container img {
  width: 100%;
  height: 100%;
  object-fit:cover;
  object-position: 75% center;
  }
.overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  background-color: rgba(0, 0 , 0, 0.4);}
.banner-text{
  color: #e5ded4;
   font-family: "Hurricane", cursive;
  font-weight: 400;
  font-style: normal;
  font-size: 150px;
  padding: 10px;}
/*--------------------------------------------------*/
.center {
  display: block;
  margin: 0 0;
  width: 100%;
  position: relative;}
.align-center {
  display: block;
  margin: 0px auto;}
.arrangement {
  width: 100px;
  max-width: 115px;}
.bottom-border-text1{
  position: absolute;
  width: 100%;
  height: 200px;
  background-color: #7f7b76;}
.flexed-item-25-3{
  border: 13px solid #403e3c;
	width: 145%;
	margin-top: 6.7%;
	position: absolute;
	height: 120px;
  max-width: 905px;
  min-width: 50px;
  background: #fff7ed;
  box-sizing: border-box;
  margin-left: 177%;
  border-left-width: 121px;
  border-right-width: 97px;}
.flex-item-25-4{
	width: 47%;
	margin: 40px auto; 
	margin-top: 2%;
	position: absolute;
	margin-left: 2%;
	height: 120px;
  max-width: 905px;
  min-width: 50px;
  background: #403e3c;
  box-sizing: border-box;}
.p1{ 
  position: absolute;
  font-weight: 900; 
  letter-spacing: 1px;
  font-size: 25px;
  flex-wrap: nowrap;
  padding: 0 9px;
  margin-left: 70.4%;
  margin-top: 0;
  color: #fff7ed;
  font-family: "Arima", system-ui;
  font-optical-sizing: auto;
  font-style: normal;}
  .p2{ 
  position: absolute;
  font-weight: 900; 
  letter-spacing: 1.5px;
  font-size: 35px;
  margin-top: 3px;
  padding-left: 41%;
  font-family: "Arima", system-ui;
  font-optical-sizing: auto;
  font-style: normal;
  color: #fff7ed;
  text-decoration: underline;}
.login{
  width: 30%;
  position: relative;
  flex-wrap: nowrap;}
.input{
  margin-bottom: -20px;
  object-fit: scale-down;
  flex-wrap: nowrap;
  width: 15%}
.input, 
.msg .area{
  display: flex;
  position: relative;
  height: 27px;
  margin: 0 1840px;
  box-sizing: border-box;
  justify-content: center;
  top: 49px;
  margin-top: 5px;
  margin-bottom: 2px;
  border: 4px solid #403e3c;
  font-size: 5px;
  border-radius: 5px;
  outline: none;
  right: 678px;
  object-fit: cover;
  font-family: "Arima", system-ui;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: small;}
.login .input{
  width: 47%;
  float: left;
  margin-right: -1827px;}
.msg .area{
  height: 50px;}
.input:focus,
.msg .area:focus{
  border: 5px solid #403e3c;}
.area{
  position: absolute;
  width: 29%;
  display: flex;
  box-sizing: border-box;
  margin: 0 1090px;
  margin-top:4.3%;
  height: 50px;
  border: 4px solid #403e3c;
  right: -894px;
  border-radius: 12px;
  font-size: 14px;
  font-family: "Arima", system-ui;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  resize: none;}
.submit{ 
  position: absolute;
  width: 150px;
  height: 22px;
  text-align: center;
  right: 21%;
  font-family: "Arima", system-ui;
  font-optical-sizing: auto;
  font-style: normal;
  background-color: #403e3c;
  color: #fff7ed;
  font-weight: 400;
  font-size: 15;
  margin-top: 6.9%;
  text-decoration: none;}
.submit .btm{
  background: #403e3c;
  padding: 12px 90px;
  color: #403e3c;
  border-radius: 5px;
  cursor: pointer;
  right: 355px;
  font-family: "Arima", system-ui;
  font-optical-sizing: auto;
  font-style: normal;
  background-color: green;
  font-size: 15px;
  margin-top: 65px;
  text-decoration: none;}
.submit a{
  color: #fff7ed;
  text-decoration: none;}
.p3{ 
  position: absolute;
  padding: 0 2%;
  font-weight: 600; 
  letter-spacing: 1.5px;
  font-size: 26px;
  margin-top: 7%;
  color: #fff7ed;
  font-family: "Arima", system-ui;
  font-optical-sizing: auto;
  font-style: normal;
  padding-left: 9%;}
 /*--------------------------------------------------------*/
  .box1{ 
    margin: 14px 0;
    width: 100%;
    height: 100px;
    background-color: #7f7b76;}
  .box2{ 
    margin: 14px 0;
    width: 100%;
    height: 150px;
    background-color: #aebcb2;
    color: #403e3c;
    font-family: "Arima", system-ui;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    text-align: left;
    text-indent: 24px;
    padding-top: 30px;}
.box3 h2{
  font-family: "Arima", system-ui;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 900;
    font-size: 45px;
    text-indent: 25px;
    margin-bottom: 0;
    color: #403e3c;}
  .p4{
  font-family: "Arima", system-ui;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 600;
    font-size: 35px;
    margin-top: 20px;
    padding: 0;
    margin-left: 91px;
    color: #403e3c;}
  .p5{
    font-family: "Arima", system-ui;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 600;
    font-size: 35px;
    margin-top: -94px;
    padding: 0;
    margin-left: 654px;
    color: #403e3c;}
  .p6{
    font-family: "Arima", system-ui;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 600;
    font-size: 35px;
    margin-top: -92px;
    padding: 0;
    margin-left: 1286px;
    color: #403e3c;}
  .box3{ 
    margin: 14px 0;
    width: 100%;
    height: 200px;
    background-color: #93aa99;}