body {
  background-color: white;
  width: screen;
}

.love {
  width: 100%;
  height: 600px;
  display: flex;
  justify-content: center;
}

.herosection {
  color: white;
  text-align: center;
  margin-top: 80px;
  width: 800px;
}

.herosection h4 {
  font-size: 86px;
  font-weight: 700;
  margin-top: 80px;
}
.herosection P {
  font-size: 40px;
  font-weight: 400;
  margin-top: 40px;
}
/* .herosection { */
/* position: relative; */
/* color: white; */
/* justify-content: center; */
/* width: 1200px; */
/* margin: auto; */
/* text-align: center; */
/* padding: auto; */
/* justify-content: center; */
/* align-content: center; */
/* } */

/* .herosection h4{ */
/* font-size: 86px; */
/* font-weight: 700; */
/* margin-left: 280px; */
/* align-items: center; */
/* margin-top: 80px; */
/* text-align: center; */
/* padding-top: 40px; */
/* padding: auto; */
/* margin: auto; */
/* } */
.herosection p {
  /* font-size: 40px; */
  /* font-weight: 600; */
  /* margin-left: 120px; */
  /* margin-top: 40px; */
  /* text-align: center; */
}

.testify {
  justify-content: center;
  margin-left: 300px;
  position: relative;
  margin-top: -100px;
}

.testify img {
  width: 230px;
  /* margin-top: 60px; */
}
.testify h4 {
  font-size: 24px;
  font-weight: 600;
  color: #003366;
  margin-left: 25px;
}

.testify h6 {
  font-size: 24px;
  font-weight: 500;
  color: #404040;
  margin-left: 10px;
}

.testify p {
  font-size: 16px;
  font-weight: 500;
  color: #404040;
  /* margin-left: 25px; */
}
.side {
  margin-top: -500px;
  margin-right: 40px;
  width: 100%;
  height: 50vh;
  margin-left: 950px;
  width: 40%;
}
.side1 img {
  width: 300px;
  height: 30vh;
  overflow-y: none;
}
.side2 {
  /* margin-top: -600px; */
  margin-right: 40px;
  width: 100%;
  height: 50vh;
  margin-left: 950px;
  width: 40%;
}
.side2 img {
  width: 300px;
  height: 30vh;
  overflow-y: none;
}
.slide2 h2 {
  font-size: 20px;
}

.sideba {
  /* display: block; */
  /* display: inline-flexbox; */
  gap: none;
}
.mains {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.main1 {
  width: 100%;
}
.main3 {
  width: 400px;
  margin-left: -40px;
}
.image {
  width: 100%;
}
.image img {
  width: 100%;
}
.xplore {
  width: 400px;
  margin-left: -40px;
}
.xplore img {
  margin-left: -40px;
}
.top {
  margin-left: -40px;
  margin-top: -40px;
}
.top h2 {
  font-size: 16px;
}
.top img {
  margin-left: -40px;
  margin-top: -40px;
}
.top p {
  margin-left: -40px;
}
h2 .xplore {
  color: #036;
  font-size: 10px;
  font-weight: 700;
}
h2 .world {
  color: #e20505;
}
.xplore h4 {
  font-size: 14px;
  margin-top: -20px;
  margin-left: -40px;
}
.xplore h2 {
  margin-top: 40px;
}
.xplore p {
  font-size: 14px;
  /* margin-top: -20px; */
  margin-left: -40px;
}
.side1 h2 {
  font-size: 20px;
}
.scroll {
  height: 50vh;
}
.scroll p {
  width: 80%;
  margin-left: 40px;
  font-size: 18px;
  font-weight: 400;
  color: #404040;
  text-align: justify;
  height: 50vh;
  overflow-y: scroll;
}
.cont {
  border-bottom: 1px solid #cecbcb;
}
.contain {
  width: 600px;
  display: flex;
  margin: 20px auto;
  justify-content: space-between;
  align-items: center;
}
.d {
  display: flex;
}

.d p {
  font-size: 16px;
  font-weight: 500;
  color: #909090;
}

.contain img {
  width: 20px;
  height: 20px;
}
.containe {
  padding: 50px;
}
.containe textarea {
  width: 100%;
  height: 194px;
  border-radius: 4px;
  border: 0.5px solid #999999;
  font-size: 18px;
  font-weight: 400;
  color: #999999;
}

.containe button {
  width: 315px;
  padding: 20px;
  border-radius: 4px;
  gap: 10px;
  color: white;
  background: #003366;
  border: none;
  outline: none;
  margin-top: 20px;
}
.containe button:hover {
  color: white;

  background: #6a84b7;
}
.previous {
  margin-top: 40px;
}

.L {
  display: flex;
  margin-left: 40px;
  gap: 12px;
}
.l {
  background: #f9f9f9;
  padding: 1px 15px 1px 15px;
  border-radius: 100%;
}
.l p {
  font-size: 24px;
  font-weight: 500;
  color: #404040;
}

.L h4 {
  font-size: 18px;
  font-weight: 400;
  color: #404040;
  margin-top: 1%;
}
.L h5 {
  color: #909090;
  font-weight: 500;
  margin-top: 5px;
}

.L h6 {
  font-size: 18px;
  font-weight: 500;
  color: #909090;
  margin-top: 1%;
}

.previous h2 {
  font-size: 20px;
  font-weight: 500;
  color: #404040;
  margin-left: 40px;
  margin-bottom: 40px;
}

.previous h3 {
  font-size: 18px;
  font-weight: 500;
  color: #909090;
  margin-left: 100px;
  margin-bottom: 40px;
}
.container3 {
  border-bottom: 1px solid #909090;
}
.Related {
  width: 100%;
  padding: 20px 50px;
}
.Related h2 {
  color: #404040;
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.exhi {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.exhi h2 {
  color: #404040;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.exhi h5 {
  color: #707070;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.exhi h6 {
  color: #036;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.check {
  width: 25%;
  box-shadow: #000000;
  border-radius: 4px;
}
.cardimg {
  width: 100%;
  height: 200px;
  background-color: #000000;
}
.cardimg img {
  width: 100%;
  height: 200px;
}
.check span {
  font-size: 24px;
  font-weight: 500;
  color: #404040;
}
.check h2 {
  font-size: 16px;
  font-weight: 500;
  color: #003366;
}
.check p {
  font-size: 16px;
  font-weight: 500;
  color: #707070;
}

@media only screen and (max-width: 670px) {
  body {
    background-color: white;
    width: screen;
  }

  .love {
    width: 100%;
    height: 600px;
    display: flex;
    justify-content: center;
  }

  .herosection {
    color: white;
    text-align: center;
    margin-top: 80px;
    width: 800px;
  }

  .herosection h4 {
    font-size: 60px;
    font-weight: 700;
    margin-top: 80px;
  }
  .herosection P {
    font-size: 20px;
    font-weight: 400;
    margin-top: 40px;
  }
  .sign a {
    text-decoration: none;
    color: inherit;
  }
  /* .herosection { */
  /* position: relative; */
  /* color: white; */
  /* justify-content: center; */
  /* width: 1200px; */
  /* margin: auto; */
  /* text-align: center; */
  /* padding: auto; */
  /* justify-content: center; */
  /* align-content: center; */
  /* } */

  /* .herosection h4{ */
  /* font-size: 86px; */
  /* font-weight: 700; */
  /* margin-left: 280px; */
  /* align-items: center; */
  /* margin-top: 80px; */
  /* text-align: center; */
  /* padding-top: 40px; */
  /* padding: auto; */
  /* margin: auto; */
  /* } */
  .herosection p {
    /* font-size: 40px; */
    /* font-weight: 600; */
    /* margin-left: 120px; */
    /* margin-top: 40px; */
    /* text-align: center; */
  }

  .testify {
    justify-content: center;
    margin-left: 100px;
    position: relative;
    margin-top: -40px;
  }

  .testify img {
    width: 150px;
    margin-left: 20px;
    /* margin-top: 60px; */
  }
  .testify h4 {
    font-size: 24px;
    font-weight: 600;
    color: #003366;
    margin-left: 25px;
  }

  .testify h6 {
    font-size: 24px;
    font-weight: 500;
    color: #404040;
    margin-left: 10px;
  }

  .testify p {
    font-size: 16px;
    font-weight: 500;
    color: #404040;
    /* margin-left: 25px; */
  }
  .side {
    margin-top: -500px;
    margin-right: 40px;
    width: 100%;
    height: 50vh;
    margin-left: 950px;
    width: 40%;
  }
  .side1 img {
    width: 300px;
    height: 30vh;
    overflow-y: none;
  }
  .side2 {
    /* margin-top: -600px; */
    margin-right: 40px;
    width: 100%;
    height: 50vh;
    margin-left: 950px;
    width: 40%;
  }
  .side2 img {
    width: 300px;
    height: 30vh;
    overflow-y: none;
  }
  .slide2 h2 {
    font-size: 20px;
  }

  .sideba {
    /* display: block; */
    /* display: inline-flexbox; */
    gap: none;
  }
  .mains {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  .main1 {
    width: 100%;
  }
  .main3 {
    width: 400px;
    margin-left: -40px;
    display: none;
  }
  .image {
    width: 100%;
  }
  .image img {
    width: 100%;
  }
  .xplore {
    width: 400px;
    margin-left: -40px;
  }
  .xplore img {
    margin-left: -40px;
  }
  .top {
    margin-left: -40px;
    margin-top: -40px;
  }
  .top h2 {
    font-size: 16px;
  }
  .top img {
    margin-left: -40px;
    margin-top: -40px;
  }
  .top p {
    margin-left: -40px;
  }
  h2 .xplore {
    color: #036;
    font-size: 10px;
    font-weight: 700;
  }
  h2 .world {
    color: #e20505;
  }
  .xplore h4 {
    font-size: 14px;
    margin-top: -20px;
    margin-left: -40px;
  }
  .xplore h2 {
    margin-top: 40px;
  }
  .xplore p {
    font-size: 14px;
    /* margin-top: -20px; */
    margin-left: -40px;
  }
  .side1 h2 {
    font-size: 20px;
  }
  .scroll {
    height: 50vh;
  }
  .scroll p {
    width: 80%;
    margin-left: 40px;
    font-size: 18px;
    font-weight: 400;
    color: #404040;
    text-align: justify;
    height: 50vh;
    overflow-y: scroll;
  }
  .cont {
    border-bottom: 1px solid #cecbcb;
  }
  .contain {
    width: 300px;
    display: flex;
    margin: 20px auto;
    justify-content: space-between;
    align-items: center;
  }
  .d {
    display: flex;
  }

  .d p {
    font-size: 16px;
    font-weight: 500;
    color: #909090;
  }

  .contain img {
    width: 20px;
    height: 20px;
  }
  .containe {
    padding: 50px;
  }
  .containe textarea {
    width: 100%;
    height: 194px;
    border-radius: 4px;
    border: 0.5px solid #999999;
    font-size: 18px;
    font-weight: 400;
    color: #999999;
  }

  .containe button {
    width: 315px;
    padding: 20px;
    border-radius: 4px;
    gap: 10px;
    color: white;
    background: #003366;
    border: none;
    outline: none;
    margin-top: 20px;
  }
  .containe button:hover {
    color: white;

    background: #6a84b7;
  }
  .previous {
    margin-top: 40px;
    mask-repeat: 20px;
  }

  .L {
    display: flex;
    margin-left: 20px;
    gap: 12px;
  }
  .l {
    background: #f9f9f9;
    padding: 1px 15px 1px 15px;
    border-radius: 100%;
  }
  .l p {
    font-size: 24px;
    font-weight: 500;
    color: #404040;
  }

  .L h4 {
    font-size: 18px;
    font-weight: 400;
    color: #404040;
    margin-top: 1%;
  }
  .L h5 {
    color: #909090;
    font-weight: 500;
    margin-top: 5px;
  }

  .L h6 {
    font-size: 18px;
    font-weight: 500;
    color: #909090;
    margin-top: 1%;
  }

  .previous h2 {
    font-size: 20px;
    font-weight: 500;
    color: #404040;
    margin-left: 20px;
    margin-bottom: 40px;
  }

  .previous h3 {
    font-size: 18px;
    font-weight: 500;
    color: #909090;
    margin-left: 100px;
    margin-bottom: 40px;
  }
  .container3 {
    border-bottom: 1px solid #909090;
  }
  .Related {
    width: 100%;
    padding: 20px 50px;
  }
  .containe {
    padding: 10px;
  }
  .Related h2 {
    color: #404040;
    font-size: 36px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
  }

  .exhi {
    width: 100%;
    display: block;
    /* justify-content: space-between; */
    /* align-items: center; */
  }
  .exhi h2 {
    color: #404040;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
  }
  .exhi h5 {
    color: #707070;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
  }
  .exhi h6 {
    color: #036;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
  }
  .Related {
    width: 100%;
    padding: 10px;
  }
  .check {
    width: 100%;
    box-shadow: #000000;
    border-radius: 4px;
  }
  .cardimg {
    width: 100%;
    height: 200px;
    background-color: #000000;
  }
  .cardimg img {
    width: 100%;
    height: 200px;
  }
  .check span {
    font-size: 24px;
    font-weight: 500;
    color: #404040;
  }
  .check h2 {
    font-size: 16px;
    font-weight: 500;
    color: #003366;
  }
  .check p {
    font-size: 16px;
    font-weight: 500;
    color: #707070;
  }
}