html {
  scroll-behavior: smooth
}

.special {
  height: 0px;
  transition-property: width, height;
  transition-duration: 1s;
  overflow: hidden;
}

.logo_img {
  width: 100%;
  max-width: 200px;
}

.epulet_img {
  width: 100%;
  max-width: 380px;
}

.see-more {
  min-width: 80%;
  background-color: #055d8f;
  font-weight: normal;
  font-weight: bold;
  padding-bottom: 5px;
  height: auto;
}

.see-more2 {
  display: none;
}

.see-more3 {
  min-width: 80%;
  height: auto;
}

.button-lower {
  text-transform: none;
  display: contents;
}

.button_upper {
  display: contents;
}

.new_h2 {
  text-transform: none;
  font-size: x-large;
  inline-size: 300px;
  overflow-wrap: break-word;
  margin-left: auto;
  margin-right: auto;
}

.intro_text {
  text-align: left;
  line-height: 17pt;
}

.see-more4 {
  font-weight: normal;
  padding-bottom: 5px;
  padding-top: 5px;
  display: inline;
  font-size: 8pt;
}

.btn2 {
  text-transform: none;

}

.see-more5 {
  /* width: 90%;
          max-width: 90%;
          display: block; */
  display: flex;
  margin-top: 25px;
  padding-top: 8px;
  margin-bottom: 20px;
  cursor: pointer;

}

.leftcol {
  float: left;
  /* width: 50%;
  min-width: 400px; */
  /* width: 50%; */
  min-width: 50%;
  text-align: center;
  margin-bottom: 50px;
  clear: left;
}
.rightcol {
  float: left;
  min-width: 200px;
  margin-bottom: 50px;

}
.group {
  clear: both;
  margin-top: 40px;
  width: 100%;
  text-align: center
}
.rightcol{
float:none;
text-align: center;

}
.leftcol1 {
  float: left;
  width: 50%;
  min-width: 400px;
  text-align: center;
  margin-bottom: 50px;
  clear: left;
  height: 0px;
}
.rightcol1 {
  float: left;
  min-width: 200px;
  margin-bottom: 50px;
  height: 0px;}

  .main-area h1 {
    line-height: 45px;
  }