body {
  font-size: 16px;
  font-weight: 400;
  font-family: 'Poppins', sans-serif;
  /* background: #F7F7FF !important; */
  /* background-color: #FDFFFC; */
}
html {
  scroll-behavior: smooth;
}
/* LOGIN PAGE */
.login-board {
  width: 25rem;
}
@media (max-width: 567px) {
  .login-board {
    width: 90%;
  }
}
/* END LOGIN PAGE */

/* FLEXYPRO LOGO */
.logo {
  width: 100px;
  padding: 5px;
}
/* .logo:hover {
  color:tomato;
  transition: 0.6s;
} */
/* END FLEXYPRO LOGO */

/* NAVIGATION BAR */
.nav-main {
  /* background: #253e8e; */
  /* background: #42378c; */
  background-size: cover;
  background: #ebf2fa !important;
  min-height: 5rem;
}
.btn-login {
  /* background-color: #e87722; */
  background: #2176ff;
  color: #fff;
  border: #2176ff 1px solid;
  transition: 0.6s;
}
.btn-login:hover {
  border: #33a1fd 1px solid;
  background: #33a1fd;
  color: #fff;
  transition: 0.6s;
}
.btn-register {
  border: #2176ff 1px solid;
  background: #fff;
  color: #2176ff;
  transition: 0.6s;
}
.btn-register:hover {
  border: #33a1fd 1px solid;
  background: #33a1fd;
  color: #fff;
  transition: 0.6s;
}
/* END NAVIGATION BAR */

/* TEXT */
.text-style {
  font-family: 'Poppins', sans-serif !important;
}
.text-mod {
  color: #dc3545;
}
.text-main {
  color: #0f7173;
}
.text-main-bg {
  background-color: #0f7173;
}
.text-sub {
  color: gray;
}
.text-netral {
  color: #2d3047;
}
/* END TEXT */

/* SLIDER IMAGE PAGE */
.slider-cover {
  max-width: 1200px;
}

.frame {
  width: 100%;
  max-height: 50vh;
  background-size: cover;
  overflow: hidden;
}

.show img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* END SLIDER IMAGE PAGE */

/* TESTIMONI PAGE */
.review-card {
  width: 95%;
}
/* END TESTIMONI PAGE */

/*BUTTON, INPUT AND FORM*/
.btn-submit {
  background-color: #2176ff;
  color: #fff;
  border: none;
}
.btn-submit:hover {
  background-color: #33a1fd;
  color: #fff;
  border: none;
}
.btn-dtl {
  background-color: #dc3545;
  border: none;
  color: #fff;
}
.btn-dtl:hover {
  background-color: #d38d94;
  border: none;
  color: #fff;
}
.btn-tabs {
  border: none;
  width: 90%;
}

.input-box {
  font-size: 14px;
}
/*END INPUT AND FORM*/

/* CUSTOM CONTAINER */
.content-board {
  background-size: cover;
  background-color: #ebf2fa;
}
/* END CUSTOM CONTAINER */

/* MENU JENIS ASURANSI KENDARAAN */
.main-menu {
  background-color: #fdfffc;
  transition: 0.6s;
}
.main-menu:hover {
  background-color: #ebf2fa;
  transition: 0.6s;
}
.main-menu img {
  width: 100px;
}
.main-menu a {
  text-decoration: none;
  font-size: 16px;
  font-weight: 700;
  color: #0f7173;
}
.main-menu-background {
  background-color: #fdfffc;
}
/* END MENU JENIS ASURANSI KENDARAAN */

/* NEWS */
.news-frame {
  width: 100%;
  max-height: 50vh;
  background-size: cover;
  overflow: hidden;
}

.news-frame img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

.news-desc {
  font-size: 16px;
}
/* END NEWS */

/* FOOTER */
footer {
  background-color: #2d3047;
  color: #fff;
  min-height: 40vh;
}
footer p {
  font-size: 14px;
}
.foot i {
  font-size: 35px;
  color: #2176ff;
  transition: 0.6s;
}
.foot i:hover {
  color: #33a1fd;
  transition: 0.6s;
}
/* END FOOTER */

@media (max-width: 992px) {
  .nav-main {
    /* background: #253e8e; */
    /* background: #42378c; */
    height: auto;
  }

  .nav-hover {
    /* background-color: #e87722; */
    background-color: #d95204;
    color: #fff;
  }

  .frame {
    width: 100%;
    max-height: 60vh;
    background-size: cover;
    overflow: hidden;
  }
}

@media (max-width: 576px) {
  body {
    font-size: 14px;
  }

  /* SLIDER IMAGE */
  /* .slider-cover{
    max-width:none;
  } */
  /* END SLIDER IMAGA */

  .main-menu img {
    width: 70px;
  }

  .icon img {
    width: 70px;
  }

  .btn-tabs {
    font-size: 12px;
  }
}

@media (max-width: 385px) {
  footer p {
    font-size: 12px;
  }
}