@charset "utf-8";


#top{
    height: 20%;
    /*background-color: rgb(72, 202, 72);*/
}

body{
    margin: 0px;
    padding: 0px;
}
/*
.backGround1 {
    width: 100%;
    height: 800px;
    line-height: 100px;
    background-color: #404A51;
    /*color: #404A51;*/
    /*text-align: center;
    position:relative;
    top: -20px;
    /*outline: 2px solid blue;
  }*/

  .backGround2 {    
    /*color: #404A51;*/
    position:relative;
    top: -300px;
  }

.mainPhoto{
    position:relative;
    margin: 2%;
    top: 60px;
    border-radius: 60px;
    /*outline: 2px solid blue;*/
}
.roundPhoto1{
    position:relative;
    top: 55px;
    right: 2%;
    /*outline: 2px solid blue;*/
    margin-right: 240px;
    padding: 0;
}
.roundPhoto2{
    /*outline: 2px solid blue;*/
    position:relative;
    top: -75px;
    left: 32.5%;
    margin-right: 240px;
    /*margin-right: -29.5%; */
    padding: 2;
}
.roundPhoto3{
    /*outline: 2px solid blue;*/
    position:relative;
    top: -199px;
    left: 65%;
    margin-right: 240px;
}
.mark1{
    position:relative;
    top: -190px;
    left: 41%;
    /*outline: 2px solid blue;*/
    margin-right: 300px;
}
.mark2{
  position:relative;
  top: -1100px;
  position:relative;
  left:25%;
  /*outline: 2px solid blue;*/
  margin-right: 300px;
}
.mark3{
  position:absolute;
  top: -2960px;
  position:relative;
  left:90%;
  color:#ffffff;
  margin-right: 600px;
}
.mark4{
  position:absolute;
  top: -2750px;
  position:relative;
  left:25%;
  color:#ffffff;
  margin-right: 300px;
}
.mark5{
  position:absolute;
  top: -2640px;
  position:relative;
  left:90%;
  color:#ffffff;
  margin-right: 500px;
}
.border-radius1 {
    /*outline: 2px solid blue;*/
    width: 75%;
    height: 89px;
    line-height: 100px;
    background-color: #FFA386;
    border-radius: 10px;
    color: #fff;
    text-align: center;
    position:relative;
    top: 100px;
    left: 4%;
    /*border: 2.5px solid black;*/
    padding: 1rem 2rem;
    /*box-shadow: 5px 5px #212121;*/
  }
  .mainText1{
    /*outline: 2px solid blue;*/
    position:relative;
    top: -16px;
    left: 8%;
    padding: 0px;
    margin-right: 120px;
    color: #000000;
    font-family: 'Kiwi Maru', serif;
    font-weight: 500;
    font-size: 108%;
  }
  .mainText2{
    position:relative;
    top: -15px;
    left: 7.5%;
    padding: 0px;
    margin-right: 50px;
    color: #000000;
    font-family: 'Kiwi Maru', serif;
    font-weight: 300;
    font-size: 90%;
   /*outline: 2px solid blue;*/
  }
  .border-radius2 {
    width: 90%;
    height: 205px;
    line-height: 100px;
    background-color: #ffffff;
    border-radius: 10px;
    color: #fff;
    text-align: center;
    position:relative;
    top: -255px;
    left: 4%;
    border: 2.5px solid #199299;
    /*outline: 2px solid blue;*/
  }
  
  .border-radius3 {
    /*outline: 2px solid blue;*/
    width: 75%;
    height: 100px;
    line-height: 100px;
    background-color: #fbfde3;
    border-radius: 10px;
    color: #fff;
    text-align: center;
    position:relative;
    top: -610px;
    left: 11.5%;
    border: 2.5px solid #0F7986;
    /*padding: 1rem 2rem;*/
  }
  .border-radius4{
    /*outline: 2px solid blue;*/
    width: 75%;
    height: 100px;
    line-height: 100px;
    background-color: #fbfde3;
    border-radius: 10px;
    color: #fff;
    text-align: center;
    position:relative;
    top: -550px;
    left: 11.5%;
    border: 2.5px solid #0F7986;
    /*padding: 1rem 2rem;*/
  }
  .border-radius5 {
    /*outline: 2px solid blue;*/
    width: 75%;
    height: 100px;
    line-height: 100px;
    background-color: #fbfde3;
    border-radius: 10px;
    color: #fff;
    text-align: center;
    position:relative;
    top: -490px;
    left: 11.5%;
    border: 2.5px solid #0F7986;
    /*padding: 1rem 2rem;*/
  }
  .border-radius6 {
    /*outline: 2px solid blue;*/
    width: 75%;
    height: 100px;
    line-height: 100px;
    background-color: #fbfde3;
    border-radius: 10px;
    color: #fff;
    text-align: center;
    position:relative;
    top: -430px;
    left: 11.5%;
    border: 2.5px solid #0F7986;
    /*padding: 1rem 2rem;*/
  }

  .text1{
    /*outline: 2px solid blue;*/
    position:relative;
    top: -370px;
    left: 25%;
    padding: 0px;
    margin-right: 200px;
    font-family: 'Kiwi Maru', serif;
    font-weight: 500;
    color: #0F7986;
  }
  .text2{
    position:relative;
    top: -300px;
    left: 2%;
    font-size: 90%;
    /*outline: 2px solid blue;*/
    margin-right: 240px;
    font-family: 'Kiwi Maru', serif;
  }
  .text3{
    position:relative;
    top: -322px;
    left: 39%;
    font-size: 90%;
    /*outline: 2px solid blue;*/
    margin-right: 200px;
    font-family: 'Kiwi Maru', serif;
    
  }
  .text4{
    position:relative;
    top: -343px;
    left: 79%;
    font-size: 90%;
    /*outline: 2px solid blue;*/
    margin-right: 320px;
    font-family: 'Kiwi Maru', serif;
  }
  .text5{
    position:relative;
    top: -270px;
    left: 3%;
    font-size: 120%;
    /*outline: 2px solid blue;*/
    margin-right: 240px;
    font-family: 'Kiwi Maru', serif;
  }
  .text6{
    position:relative;
    top: -670px;
    left: 15%;
    font-size: 120%;
    margin-right: 100px;
    font-family: 'Kiwi Maru', serif;
    /*outline: 2px solid blue;*/
  }
  .text7{
    position:relative;
    top: -1210px;
    left: 29%;
    font-size: 150%;
    margin-right: 210px;
    font-family: 'Kiwi Maru', serif;
    color:#03666C;
    /*outline: 2px solid blue;*/
  }
  .text8{
    position:relative;
    top: -1062px;
    left: 2%;
    font-size: 92%;
    /*outline: 2px solid blue;*/
    margin-right: 250px;
    color: #ffffff;
    font-family: 'Kiwi Maru', serif;
  }
  .text9{
    position:relative;
    top: -960px;
    left: 63%;
    font-size: 92%;
    margin-right: 241px;
    color: #ffffff;
    font-family: 'Kiwi Maru', serif;
    /*outline: 2px solid blue;*/
  }
  .text10{
    position:relative;
    top: -805px;
    left: 5%;
    font-size: 92%;
    /*outline: 2px solid blue;*/
    margin-right: 250px;
    color: #ffffff;
    font-family: 'Kiwi Maru', serif;
  }
  .text11{
    position:relative;
    top: -812px;
    left: 72%;
    font-size: 92%;
    /*outline: 2px solid blue;*/
    margin-right: 275px;
    color: #ffffff;
    font-family: 'Kiwi Maru', serif;
  }
  .text12{
    position:relative;
    top: -450px;
    left: 10%;
    font-size: 100%;
    margin-right: 100px;
    font-family: 'Kiwi Maru', serif;
    /*outline: 2px solid blue;*/
  }
  .text13{
    position:relative;
    top: -425px;
    left: 10%;
    font-size: 100%;
    margin-right: 100px;
    font-family: 'Kiwi Maru', serif;
    /*outline: 2px solid blue;*/
  }
  .text14{
    position:relative;
    top: -398px;
    left: 10%;
    font-size: 100%;
    margin-right: 100px;
    font-family: 'Kiwi Maru', serif;
   /*outline: 2px solid blue;*/
  }
  .text15{
    position:relative;
    top: -370px;
    left: 10%;
    font-size: 100%;
    margin-right: 100px;
    font-family: 'Kiwi Maru', serif;
    /*outline: 2px solid blue;*/
  }
  .text16{
    position:relative;
    top:-1490px;
    left: 11%;
    font-size: 110%;
    margin-right: 300px;
    font-family: 'Kiwi Maru', serif;
    color:#ffffff;
    /*outline: 2px solid blue;*/
  }
  .text17{
    position:relative;
    top: -1352px;
    left: 8.5%;
    font-size: 110%;
    margin-right: 270px;
    font-family: 'Kiwi Maru', serif;
    color:#ffffff;
    /*outline: 2px solid blue;*/
  }
  .text18{
    position:relative;
    top: -1212px;
    left: 6.5%;
    font-size: 110%;
    margin-right: 250px;
    font-family: 'Kiwi Maru', serif;
    color:#ffffff;
    /*outline: 2px solid blue;*/
  }
  .text19{
    position:relative;
    top: -1073px;
    left: 9%;
    font-size: 110%;
    margin-right: 270px;
    font-family: 'Kiwi Maru', serif;
    color:#ffffff;
    /*outline: 2px solid blue;*/
  }
  .text20{
    position:relative;
    top: -1615px;
    left: 38.5%;
    font-size: 92%;
    margin-right: 190px;
    font-family: 'Kiwi Maru', serif;
    color:#03666C;
    /*outline: 2px solid blue;*/
  }
  .text21{
    position:relative;
    top: -1510px;
    left: 38.5%;
    font-size: 92%;
    margin-right: 190px;
    font-family: 'Kiwi Maru', serif;
    color:#03666C;
    /*outline: 2px solid blue;*/
  }
  .text22{
    position:relative;
    top: -1410px;
    left: 38.5%;
    font-size: 92%;
    margin-right: 190px;
    font-family: 'Kiwi Maru', serif;
    color:#03666C;
    /*outline: 2px solid blue;*/
  }
  .text23{
    position:relative;
    top: -1308px;
    left: 38.5%;
    font-size: 92%;
    margin-right: 190px;
    font-family: 'Kiwi Maru', serif;
    color:#03666C;
    /*outline: 2px solid blue;*/
  }
  .text24{
    position:relative;
    top: -1233px;
    left: 19%;
    font-size: 115%;
    margin-right: 90px;
    font-family: 'Kiwi Maru', serif;
    color:#03666C;
    /*outline: 2px solid blue;*/
  }
  .text25{
    position:relative;
    top: -1225px;
    left: 19%;
    font-size: 115%;
    margin-right: 90px;
    font-family: 'Kiwi Maru', serif;
    color:#03666C;
    /*outline: 2px solid blue;*/
  }
  .text26{
    position:relative;
    top: -1220px;
    left: 19%;
    font-size: 115%;
    margin-right: 90px;
    font-family: 'Kiwi Maru', serif;
    color:#03666C;
    /*outline: 2px solid blue;*/
  }
  .text27{
    position:relative;
    top: -1220px;
    left: 19%;
    font-size: 95%;
    margin-right: 90px;
    font-family: 'Kiwi Maru', serif;
    color:#03666C;
    /*outline: 2px solid blue;*/
  }
  .text28{
    position:relative;
    top: -1220px;
    left: 15%;
    font-size: 75%;
    margin-right: 90px;
    font-family: 'Kiwi Maru', serif;
    color:#03666C;
    /*outline: 2px solid blue;*/
  }
  .text29{
    position:absolute;
    top: 3200px;
    left: 32%;
    /*font-size: 120px;*/
    margin-right: 90px;
    font-family: 'Kiwi Maru', serif;
    color:#03666C;
  }
  .text30{
    position:absolute;
    top: 1090px;
    left: 31%;
    font-size: 40px;
    margin-right: 90px;
    font-family: 'Kiwi Maru', serif;
    color:#ffffff;
  }
  .text31{
    position:absolute;
    top: 1310px;
    left: 50%;
    font-size: 40px;
    margin-right: 90px;
    font-family: 'Kiwi Maru', serif;
    color:#ffffff;
  }
  .text32{
    position:absolute;
    top: 1510px;
    left: 38%;
    font-size: 40px;
    margin-right: 90px;
    font-family: 'Kiwi Maru', serif;
    color:#ffffff;
  }
  .text33{
    position:absolute;
    top: 1630px;
    left: 59%;
    font-size: 40px;
    margin-right: 90px;
    font-family: 'Kiwi Maru', serif;
    color:#ffffff;
  }
  .text34{
    position:absolute;
    top: 1060px;
    left: 33%;
    font-size: 22px;
    margin-right: 10px;
    font-family: 'Kiwi Maru', serif;
    color:#ffffff;
  }
  .round1 {
    width: 33%;
    height: 125px;
    line-height: 100px;
    background-color: #0F7986;
    border-radius: 50%;
    color: #0F7986;
    text-align: center;
    position:relative;
    top: -1040px;
    left: 4%;
    /*outline: 2px solid blue;*/
  }
  .round2 {
    width: 33%;
    height: 125px;
    line-height: 100px;
    background-color: #0F7986;
    border-radius: 50%;
    color: #0F7986;
    text-align: center;
    position:relative;
    top: -1000px;
    left: 4%;
    /*outline: 2px solid blue;*/
  }
  .round3 {
    width: 33%;
    height: 125px;
    line-height: 100px;
    background-color: #0F7986;
    border-radius: 50%;
    color: #0F7986;
    text-align: center;
    position:relative;
    top: -960px;
    left: 4%;
    /*outline: 2px solid blue;*/
  }
  .round4 {
    width: 33%;
    height: 125px;
    line-height: 100px;
    background-color: #0F7986;
    border-radius: 50%;
    color: #0F7986;
    text-align: center;
    position:relative;
    top: -920px;
    left: 4%;
    /*outline: 2px solid blue;*/
  }
  .round5 {
    width: 10%;
    height: 37px;
    line-height: 100px;
    background-color: #0F7986;
    border-radius: 50%;
    text-align: center;
    position:relative;
    top: -1200px;
    left: 4%;
    /*outline: 2px solid blue;*/
  }
  .round6 {
    width: 10%;
    height: 37px;
    line-height: 100px;
    background-color: #0F7986;
    border-radius: 50%;
    text-align: center;
    position:relative;
    top: -1180px;
    left: 4%;
    /*outline: 2px solid blue;*/
  }
  .round7 {
    width: 10%;
    height: 37px;
    line-height: 100px;
    background-color: #0F7986;
    border-radius: 50%;
    text-align: center;
    position:relative;
    top: -1185px;
    left: 4%;
  }
  .border1{
    top: -1242px;
    position:relative;
   /*outline: 2px solid blue;*/
    margin-right: 100px;
  }
  .border2{
    right:-75%;
    top: -1267px;
    position:relative;
    margin-right: 300px;
   /*outline: 2px solid blue;*/
  }
  .border3{
    right:-70%;
    top: -1160px;
    position:relative;
    margin-right: 300px;
    /*outline: 2px solid blue;*/
  }
  .border4{
    right:-42%;
    top: -1184px;
    position:relative;
    margin-right: 300px;
   /*outline: 2px solid blue;*/
  }
  .border5{
    right:-14%;
    top: -1208px;
    position:relative;
    margin-right: 300px;
  }
  .border6{
    right:-0%;
    top: -1232px;
    position:relative;
    margin-right: 300px;
  }
  .number1{
    position:relative;
    top:-1262px;
    color: #ffffff;
    font-family: 'Kiwi Maru', serif;
    margin-right: 320px;
    left:29px;
    font-size: 20px;
  }
  .number2{
    position:relative;
    top:-1268px;
    color: #ffffff;
    font-family: 'Kiwi Maru', serif;
    margin-right: 320px;
    left:27px;
    font-size: 20px;
  }
  .number3{
    position:relative;
    top:-1245.5px;
    color: #ffffff;
    font-family: 'Kiwi Maru', serif;
    margin-right: 320px;
    left:28px;
    font-size: 20px;
  }

  .sample1{
    position:absolute;
    top:3280px;
    transform: translate(18%, 5%);
    margin-right:70px;
  }
  .sample2{
    position:absolute;
    top:3600px;
    transform: translate(18%, 10%);
    margin-right:70px;
  }
  .sample3{
    position:absolute;
    top:3970px;
    transform: translate(18%, 0%);
    margin-right:65px;
  }
  .sample4{
    position:absolute;
    top:4320px;
    transform: translate(18%, 0%);
    margin-right:65px;
    padding-bottom:80px;
  }
  .photo1{
    position:absolute;
    top:1200px;
    margin-right:30px;
    left:40%;
  }
  .photo2{
    position:absolute;
    top:1525px;
    margin-right:30px;
    left:55%;
  }
  /*
  input[type="search"] {
    width: 300px;
    height: 30px;
    border: 1px solid #ccc;
    border-radius: 5px;
  }*/
  .mainText{
    position:absolute;
    top: 150px;
    left: 18%;
    font-size: 30px;
    color: #ffffff;
    font-family: 'Kiwi Maru', serif;
  }
  html {
    scroll-behavior: smooth;
}
.pagetop {
    height: 50px;
    width: 50px;
    position: fixed;
    right: 30px;
    bottom: 30px;
    background: #fff;
    border: solid 4px #0F7986;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
}

.pagetop__arrow {
    height: 10px;
    width: 10px;
    border-top: 3px solid #0F7986;
    border-right: 3px solid #0F7986;
    transform: translateY(20%) rotate(-45deg);
}