@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
@import url(../library/fontawesome/scss/fontawesome.css);
@import url(../library/fontawesome/scss/brands.css);
@import url(../library/fontawesome/scss/solid.css);
@import url(../library/bootstrap/css/bootstrap.min.css);
@import "https://fonts.googleapis.com/css?family=Fira+Sans:300,400";
@import "https://fonts.googleapis.com/icon?family=Material+Icons";
@import url(../library/owl/owl.carousel.min.css);
@import url(../library/owl/owl.theme.default.min.css);
@import url(../library/aos/aos.css);
@import url(../library/lightGallery/dist/css/lightgallery.css);
@import url(../library/bootstrap/css/accordion-special.css);
.hamburger {
  margin-left: auto;
  color: black;
  cursor: pointer;
  margin-top: 10px;
  font-size: 30px; }

.nav-drill {
  margin-top: 141px;
  transform: translateX(100%); }

.nav-is-toggled .nav-drill {
  transform: translateX(0); }
.nav-is-toggled::after {
  opacity: 1;
  visibility: visible; }

.nav-drill {
  display: flex;
  position: fixed;
  z-index: 100;
  top: 0;
  right: 0;
  width: 250px;
  height: 100vh;
  background-color: #18214D;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  transition: 0.45s; }
.nav-items {
  flex: 0 0 100%; }
.nav-item:not(:last-child) {
  border-bottom: solid 1px white; }
.nav-link {
  display: block;
  padding: 0.875em 1em;
  background-color: #18214D;
  color: #FD5545;
  font-size: 1.3rem;
  line-height: 1.5em;
  font-weight: 300; }
.nav-expand-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: translateX(100%);
  background-color: white;
  transition: 0.3s;
  visibility: hidden; }
  .nav-expand-content .nav-item:not(:last-child) {
    border-bottom: solid 1px #FD5545; }
  .nav-expand-content .nav-link {
    background-color: white; }
  .nav-expand-content .nav-back-link {
    display: flex;
    align-items: center;
    background-color: #FD5545 !important;
    color: #18214D; }
    .nav-expand-content .nav-back-link::before {
      content: "chevron_left";
      margin-right: 0.5em;
      font-family: "Material Icons"; }
.nav-expand-link {
  display: flex;
  justify-content: space-between; }
  .nav-expand-link::after {
    content: "chevron_right";
    flex: 0 1 auto;
    font-family: "Material Icons"; }
.nav-expand.active > .nav-expand-content {
  transform: translateX(0);
  visibility: visible; }
.nav-expand .nav-expand-content {
  background-color: white; }
  .nav-expand .nav-expand-content .nav-link {
    background-color: white; }
  .nav-expand .nav-expand-content .nav-expand-content {
    background-color: white; }
    .nav-expand .nav-expand-content .nav-expand-content .nav-link {
      background-color: white; }
    .nav-expand .nav-expand-content .nav-expand-content .nav-expand-content {
      background-color: #ffdfdc; }
      .nav-expand .nav-expand-content .nav-expand-content .nav-expand-content .nav-link {
        background-color: #ffdfdc; }
      .nav-expand .nav-expand-content .nav-expand-content .nav-expand-content .nav-expand-content {
        background-color: #feb1aa; }
        .nav-expand .nav-expand-content .nav-expand-content .nav-expand-content .nav-expand-content .nav-link {
          background-color: #feb1aa; }

body {
  margin: 0;
  font-family: "Inter", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

a {
  text-decoration: none !important; }

.img img {
  width: 100%; }

ul {
  margin: 0;
  padding: 0;
  list-style: none; }

:focus {
  outline: 0; }

a, .transition, li, button {
  -webkit-transition: background-color 0.3s linear, color 0.3s linear, opacity 0.3s linear;
  -moz-transition: background-color 0.3s linear, color 0.3s linear, opacity 0.3s linear;
  -ms-transition: background-color 0.3s linear, color 0.3s linear, opacity 0.3s linear;
  -o-transition: background-color 0.3s linear, color 0.3s linear, opacity 0.3s linear;
  transition: background-color 0.3s linear, color 0.3s linear, opacity 0.3s linear; }

#loading {
  background-color: #fff;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100001;
  text-align: center;
  background-image: url("../images/loading-1.gif");
  background-position: center;
  background-repeat: no-repeat;
  margin: 0 !important;
  padding: 0 !important;
  background-size: 220px; }

.button, .button-1, .button-2, .button-3 {
  padding: 7px 5px;
  display: inline-block;
  text-align: center;
  font-weight: 600;
  font-size: 16px;
  border-radius: 2px;
  min-width: 200px; }

.button-1 {
  border-radius: 6px;
  background-color: #56BFED;
  color: #FFF;
  border: solid 1px #56BFED; }
  .button-1:hover {
    background-color: #FFF;
    color: #56BFED; }

.button-2 {
  border-radius: 6px;
  background-color: #4868AE;
  color: #FFF;
  border: solid 1px #4868AE; }
  .button-2:hover {
    background-color: #FFF;
    color: #4868AE; }

.button-3 {
  border-radius: 6px;
  background-color: #FFF;
  color: #4868AE;
  border: solid 1px #4868AE; }
  .button-3:hover {
    background-color: #4868AE;
    color: #FFF; }

.full-size {
  width: 100%; }

header {
  position: relative; }
  header .bottom-row {
    padding: 20px 0; }
    header .bottom-row .hamburger {
      display: none; }
    header .bottom-row .flex-row-a {
      display: flex;
      justify-content: space-between; }
    header .bottom-row nav {
      border-bottom: solid 1px #DFE4EA;
      padding: 0;
      display: inline-block;
      height: 54px;
      margin-top: 16px;
      padding-bottom: 55px; }
      header .bottom-row nav ul {
        position: relative; }
        header .bottom-row nav ul .drop:hover a {
          border: 1px solid #ddd;
          border-bottom: none; }
        header .bottom-row nav ul .drop a {
          border: 1px solid #fff;
          border-bottom: none;
          z-index: 101;
          position: relative;
          background-color: #FFF;
          border-top-left-radius: 6px;
          border-top-right-radius: 6px; }
        header .bottom-row nav ul .drop ul {
          position: absolute;
          width: 100%;
          background-color: #FFF;
          left: 0;
          padding: 5px;
          border: 1px solid #ddd;
          margin: -1px;
          display: none;
          z-index: 100;
          border-radius: 6px; }
          header .bottom-row nav ul .drop ul li {
            width: 33.33333%;
            display: inline-block;
            float: left;
            padding: 5px; }
            header .bottom-row nav ul .drop ul li a {
              background-color: #56BFED;
              color: #FFF;
              padding: 40px 0;
              width: 100%;
              text-align: center;
              border-radius: 6px;
              display: -webkit-box;
              -webkit-line-clamp: 1;
              -webkit-box-orient: vertical;
              overflow: hidden;
              background-size: 100%;
              background-position: center; }
              header .bottom-row nav ul .drop ul li a:hover:hover {
                background-color: #454B98; }
        header .bottom-row nav ul li {
          display: inline-block; }
          header .bottom-row nav ul li a {
            color: #454B98;
            font-size: 16px;
            padding: 15px 10px;
            display: inline-block;
            text-transform: uppercase;
            font-weight: 600; }
            header .bottom-row nav ul li a:hover {
              color: #56BFED; }
    header .bottom-row nav a.active {
      color: #56BFED; }
    header .bottom-row .member-button {
      margin-top: 26px;
      float: right; }
      header .bottom-row .member-button a {
        margin-left: 10px; }

.ehlen {
  text-align: center;
  padding: 50px 0 0 0;
  background-position: center; }
  .ehlen .caption {
    display: inline-block;
    max-width: 1100px;
    border-bottom: solid 1px #DFE4EA;
    padding-bottom: 50px; }
    .ehlen .caption h1 {
      color: #18214D;
      font-size: 72px;
      margin-bottom: 30px;
      padding: 0;
      font-weight: 600; }
    .ehlen .caption p {
      color: #3e3e3e;
      padding: 0 0 50px 0;
      font-size: 20px;
      line-height: 1.4rem;
      width: 60%;
      text-align: center;
      margin: 0px auto 30px; }
    .ehlen .caption .play {
      color: #18214D;
      font-size: 16px; }
      .ehlen .caption .play span {
        background-color: #56BFED;
        color: #FFF;
        font-size: 10px;
        padding: 5px 18px;
        display: inline-block;
        border-radius: 10px; }

.certificas {
  margin-top: 40px;
  display: flex;
  justify-content: center;
  padding: 0 15%; }
  .certificas .card-item {
    padding: 0 2px; }
    .certificas .card-item img {
      width: 130px; }

.information {
  margin-top: 40px;
  padding: 50px 0;
  color: #454B98; }
  .information .caption {
    background-color: #FFF;
    padding: 50px;
    font-size: 18px;
    position: relative; }
    .information .caption p {
      font-weight: 400;
      font-size: 20px; }
    .information .caption h2 {
      text-align: center;
      padding: 0 22%;
      margin-bottom: 30px;
      color: #18214D;
      font-size: 36px;
      font-weight: 600; }
    .information .caption .vertical {
      border-left: 1px solid #DFE4EA;
      height: 60%;
      position: absolute;
      left: 50%;
      top: 30%; }
    .information .caption .in1 {
      padding-right: 50px; }
    .information .caption .in2 {
      padding-left: 50px; }

.header-modal {
  background-color: #56BFED;
  padding: 10px;
  color: #FFF;
  min-width: 300px;
  display: inline-block; }

.show991 {
  display: none; }

.container {
  width: 1400px; }

.selese_kisim {
  padding: 50px 0; }
  .selese_kisim .nav-link {
    width: 33.3333%;
    border: solid 1px #4868AE;
    background-color: #FFF;
    color: #4868AE;
    border-radius: 0 !important; }
    .selese_kisim .nav-link.active {
      background-color: #4868AE;
      color: #FFF;
      border: none; }
    .selese_kisim .nav-link:first-child {
      border-top-left-radius: 10px !important;
      border-bottom-left-radius: 10px !important; }
    .selese_kisim .nav-link:nth-last-child(1) {
      border-top-right-radius: 10px !important;
      border-bottom-right-radius: 10px !important; }
  .selese_kisim .tab-content {
    padding: 20px; }
    .selese_kisim .tab-content .in {
      margin-right: 40px; }
      .selese_kisim .tab-content .in h3 {
        margin-top: 70px;
        color: #454B98;
        font-weight: 600;
        margin-bottom: 20px; }
      .selese_kisim .tab-content .in .scroll {
        max-height: 300px;
        margin-bottom: 50px; }
      .selese_kisim .tab-content .in a {
        width: auto;
        font-size: 17px;
        font-weight: 500; }

.erba_kisim .nav-link {
  width: 25%; }

.scroll {
  font-size: 18px;
  color: #454B98;
  overflow-y: auto;
  max-height: var(--bs-scroll-height, 10vh); }

.scroll::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #fff;
  background-color: #DFE4EA; }

.scroll::-webkit-scrollbar {
  width: 6px;
  background-color: #fff; }

.scroll::-webkit-scrollbar-thumb {
  background-color: #18214D; }

.erba_carousel {
  text-align: center;
  background-color: #EFF2F6;
  padding: 80px 0; }
  .erba_carousel h2 {
    color: #454B98;
    margin: 0 0 15px;
    font-size: 36px;
    font-weight: 600; }
  .erba_carousel p {
    color: #454B98;
    width: 60%;
    display: inline-block; }
  .erba_carousel #carousel-1 {
    margin-top: 30px; }

#carousel-1 .item {
  background-color: #FFF;
  padding: 10px;
  border-radius: 6px; }
  #carousel-1 .item img {
    border-radius: 6px; }
  #carousel-1 .item h4 {
    margin-top: 10px;
    font-size: 18px; }

.owl-theme .owl-nav .owl-prev {
  position: absolute;
  left: -15px;
  top: 40%;
  background-color: #FFF !important;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin: 0; }

.owl-theme .owl-nav .owl-next {
  position: absolute;
  right: -15px;
  top: 40%;
  background-color: #FFF !important;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin: 0; }

.tab-vertical {
  padding: 80px 0; }
  .tab-vertical .nav-link {
    padding: 25px 5px;
    border-top: 0; }
  .tab-vertical .section-head {
    padding: 0 0 60px 50px;
    color: #454B98; }
    .tab-vertical .section-head h2 {
      font-size: 36px;
      font-weight: 600; }
    .tab-vertical .section-head h5 {
      padding: 0;
      margin: 0; }
    .tab-vertical .section-head p {
      padding: 0;
      margin: 0; }
  .tab-vertical .tab-content {
    border: dashed 1px #000;
    border-left: none;
    overflow: hidden; }
    .tab-vertical .tab-content .tab-pane .tab-pane-head {
      height: 250px;
      background-size: 100%;
      background-position: center;
      position: relative; }
      .tab-vertical .tab-content .tab-pane .tab-pane-head .overlay {
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.3) 100%);
        position: absolute;
        height: 100%;
        top: 0;
        left: 0;
        width: 100%; }
        .tab-vertical .tab-content .tab-pane .tab-pane-head .overlay h5 {
          position: absolute;
          bottom: 10px;
          left: 20px;
          color: #FFF;
          font-size: 36px;
          font-weight: 600;
          text-transform: uppercase;
          margin: 0;
          padding: 0; }
    .tab-vertical .tab-content .tab-pane .tab-pane-body {
      padding: 20px;
      font-size: 18px;
      color: #454B98;
      overflow-y: scroll; }
      .tab-vertical .tab-content .tab-pane .tab-pane-body .button-3 {
        display: inline-block; }
    .tab-vertical .tab-content .tab-pane .tab-pane-body::-webkit-scrollbar-track {
      -webkit-box-shadow: inset 0 0 6px #fff;
      background-color: #DFE4EA; }
    .tab-vertical .tab-content .tab-pane .tab-pane-body::-webkit-scrollbar {
      width: 6px;
      background-color: #fff; }
    .tab-vertical .tab-content .tab-pane .tab-pane-body::-webkit-scrollbar-thumb {
      background-color: #18214D; }

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  background-color: #56BFED;
  color: #FFF; }

.nav-pills {
  width: 500px; }

.nav-pills .nav-link {
  border-radius: 0;
  border: dashed 1px #000;
  color: #454B98;
  width: 500px;
  font-weight: 600;
  background-color: white; }
  .nav-pills .nav-link:hover {
    background-color: #454B98;
    color: white; }

.comment {
  padding: 50px 0;
  position: relative;
  background-size: 100%; }
  .comment .overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: rgba(62, 68, 98, 0.64); }
  .comment .in {
    position: relative;
    padding: 0 100px; }
  .comment h3 {
    text-align: center;
    color: #FFF;
    font-weight: 600; }
  .comment .item {
    padding: 40px 10%;
    color: #FFF; }
    .comment .item .img img {
      border-radius: 50%; }
    .comment .item h5 {
      margin: 0;
      padding: 0;
      font-size: 22px; }
    .comment .item h6 {
      margin: 0;
      padding: 0;
      font-size: 14px;
      font-weight: 400; }
    .comment .item p {
      margin: 20px 0 10px 0;
      padding: 0;
      font-size: 20px;
      font-weight: 400; }

.blog-list {
  margin-top: 100px; }
  .blog-list .blog-list-head h3 {
    display: inline-block; }
  .blog-list .blog-list-head a {
    display: inline-block;
    float: right; }
  .blog-list .blog-list-in {
    margin-top: 20px; }
    .blog-list .blog-list-in .blog-card {
      color: #454B98; }
      .blog-list .blog-list-in .blog-card .img img {
        border-radius: 8px; }
      .blog-list .blog-list-in .blog-card h5 {
        margin: 15px 0;
        font-size: 22px; }
      .blog-list .blog-list-in .blog-card p {
        font-size: 16px; }

.newslater {
  text-align: center; }
  .newslater input[type="text"], .newslater input[type="email"] {
    width: 100%;
    border: none;
    background-color: #EFF2F6;
    padding: 11px 45px;
    border-radius: 6px; }
  .newslater textarea {
    width: 100%;
    border: none;
    background-color: #EFF2F6;
    padding: 11px 45px;
    border-radius: 6px; }
  .newslater .in {
    max-width: 70%;
    display: inline-block; }
    .newslater .in h4 {
      margin-bottom: 50px; }
  .newslater .form-check {
    width: 90%;
    display: inline-block;
    font-size: 14px;
    color: #454B98;
    text-align: left;
    margin-top: 20px; }
  .newslater .relative i {
    position: absolute;
    top: 13px;
    left: 15px; }

.newslater-2 {
  margin-top: 60px; }
  .newslater-2 .in {
    max-width: 100%;
    padding: 50px 15%;
    background-color: rgba(69, 75, 152, 0.12); }
  .newslater-2 input[type="text"] {
    background-color: #FFF; }

.relative {
  position: relative; }

.mt-10 {
  margin-top: 100px; }

.col-5 {
  width: 20%; }

footer {
  color: #454B98; }
  footer h6 {
    font-weight: 600;
    margin-bottom: 10px; }
  footer address {
    padding-left: 30px; }
    footer address div {
      font-weight: 400;
      margin-bottom: 10px; }
    footer address a {
      font-weight: 600;
      color: #454B98; }
  footer .copyright {
    border-top: solid 1px #ddd;
    margin-top: 30px;
    padding: 30px 0 50px; }
    footer .copyright a {
      color: #454B98;
      margin: 0 5px; }
    footer .copyright .section-1 {
      float: left; }
    footer .copyright .section-2 {
      float: right; }

.show767 {
  display: none; }

.selese_kisim_mobile {
  background-color: #EFF2F6;
  padding: 20px;
  margin-top: 40px;
  width: 100%; }
  .selese_kisim_mobile .sk_head {
    position: relative; }
    .selese_kisim_mobile .sk_head h4 {
      color: #56BFED;
      font-size: 14px;
      display: inline-block; }
    .selese_kisim_mobile .sk_head .all {
      background-color: #56BFED;
      color: #FFF;
      padding: 2px 8px;
      border-radius: 12px;
      display: inline-block;
      position: absolute;
      right: 10px;
      font-size: 15px; }
  .selese_kisim_mobile .item .item-selese h4 {
    display: inline-block;
    color: #454B98;
    font-size: 18px;
    margin-left: 10px;
    top: -31px;
    position: relative; }
  .selese_kisim_mobile .item .item-selese .img {
    display: inline-block; }
    .selese_kisim_mobile .item .item-selese .img img {
      width: 75px; }

.footer-mobile {
  text-align: center;
  width: 100%;
  border-top: solid 1px #DFE4EA;
  padding-top: 20px; }
  .footer-mobile h5 {
    color: #454B98;
    font-size: 12px;
    text-align: center; }
  .footer-mobile ul {
    text-align: center; }
    .footer-mobile ul li {
      display: inline-block;
      margin: 0 7px; }
      .footer-mobile ul li a {
        font-size: 12px;
        color: #454B98; }

.mailfoo {
  background-color: #56BFED;
  color: #FFF;
  padding: 20px 10px;
  width: 100%;
  text-align: center;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  margin-top: 20px;
  position: fixed;
  bottom: 0;
  z-index: 101; }

.breadcrumb {
  text-align: center;
  margin-top: 40px; }
  .breadcrumb .in {
    border-bottom: solid 1px #DFE4EA;
    padding-bottom: 20px; }
  .breadcrumb h1 {
    color: #18214D;
    font-size: 72px;
    width: 100%; }
  .breadcrumb ul li {
    display: inline-block;
    color: #56BFED; }
    .breadcrumb ul li a {
      color: #454B98; }
      .breadcrumb ul li a:after {
        content: '/'; }

.accorion_service {
  padding: 60px 0;
  margin-top: 60px;
  color: #454B98; }
  .accorion_service .img {
    border: solid 1px #DDD; }
  .accorion_service .in {
    background-color: #FFF;
    padding: 60px 30px;
    border-radius: 20px; }
    .accorion_service .in h2 {
      text-align: center;
      font-size: 36px;
      color: #18214D;
      margin: 0 0 40px 0; }
  .accorion_service .accordion-item {
    border: none;
    border-bottom: solid 1px #ddd; }
  .accorion_service .accordion-body {
    color: #454B98; }
  .accorion_service .accordion-button {
    font-weight: bold;
    font-size: 20px;
    color: #18214D; }
    .accorion_service .accordion-button:not(.collapsed) {
      background-color: transparent !important; }
  .accorion_service .accordion {
    --bs-accordion-border-color: transparent; }

.accordion-button::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-plus' viewBox='0 0 16 16'%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/%3E%3C/svg%3E"); }

.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-dash' viewBox='0 0 16 16'%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/%3E%3C/svg%3E"); }

.form-ve-carousel {
  margin-top: 100px;
  text-align: center;
  -webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.35);
  padding-right: 20px; }
  .form-ve-carousel .owl-theme .owl-nav .owl-next {
    top: 80%; }
  .form-ve-carousel .owl-theme .owl-nav .owl-prev {
    top: 80%; }
  .form-ve-carousel .carousel {
    position: relative;
    padding: 50px 0 80px;
    background-position: center; }
    .form-ve-carousel .carousel .overlay {
      position: absolute;
      height: 100%;
      width: 100%;
      top: 0;
      left: 0;
      background-color: rgba(62, 68, 98, 0.64);
      z-index: 0; }
    .form-ve-carousel .carousel .owl-item {
      padding: 0 20px; }
    .form-ve-carousel .carousel h4 {
      color: #FFF;
      margin-bottom: 30px; }
    .form-ve-carousel .carousel h5 {
      color: #FFF; }
    .form-ve-carousel .carousel h6 {
      color: #FFF; }
    .form-ve-carousel .carousel p {
      color: #FFF; }
    .form-ve-carousel .carousel .content {
      margin: 50px; }
    .form-ve-carousel .carousel .img {
      width: 100%;
      max-width: 266px;
      display: inline-block;
      margin-bottom: 50px; }
      .form-ve-carousel .carousel .img img {
        border-radius: 50%; }

.text-left {
  text-align: left; }

.form-1 {
  padding-top: 100px; }
  .form-1 h3 {
    margin-bottom: 30px;
    color: #454B98; }
  .form-1 .form-check {
    margin-bottom: 30px; }

.text-ve-carousel {
  padding: 60px 30px 100px 30px;
  background-color: #FFF;
  border-radius: 20px; }
  .text-ve-carousel .text {
    text-align: justify;
    color: #454B98; }
    .text-ve-carousel .text .button-1 {
      padding: 15px 6px; }
    .text-ve-carousel .text .button-3 {
      padding: 15px 6px; }
  .text-ve-carousel h3 {
    text-transform: uppercase;
    color: #18214D;
    margin-bottom: 45px; }

.bg1 {
  margin-top: 50px;
  padding: 50px 0;
  background-color: rgba(69, 75, 152, 0.12); }

.contact-info h2 {
  color: #454B98; }
.contact-info p {
  margin-bottom: 30px; }
.contact-info h4 {
  color: #56BFED;
  font-size: 18px; }

.erba_kisim .tab-content {
  padding-top: 60px; }
  .erba_kisim .tab-content .newslater h3 {
    margin: 0 0 30px; }
  .erba_kisim .tab-content .newslater .form-check {
    margin-bottom: 50px; }

.blog-list-general {
  margin-top: 60px; }
  .blog-list-general .blog-card {
    margin-bottom: 70px; }
    .blog-list-general .blog-card a {
      color: #18214D; }
    .blog-list-general .blog-card h2 {
      font-size: 22px;
      color: #18214D;
      margin-bottom: 15px; }
    .blog-list-general .blog-card p {
      color: #454B98; }
    .blog-list-general .blog-card .img {
      margin-bottom: 40px; }
      .blog-list-general .blog-card .img img {
        border-radius: 8px; }

.blog-list-general-kasir .blog-card {
  margin-bottom: 30px; }
  .blog-list-general-kasir .blog-card h2 {
    font-size: 18px;
    color: #18214D;
    margin-bottom: 7px; }
  .blog-list-general-kasir .blog-card p {
    color: #454B98; }
  .blog-list-general-kasir .blog-card .img {
    margin-bottom: 15px; }
    .blog-list-general-kasir .blog-card .img img {
      border-radius: 4px; }

.blog-detail .img {
  margin-bottom: 30px; }
.blog-detail .text {
  color: #454B98; }

.modal .newslater {
  padding: 0 10%; }

@media (min-width: 1400px) {
  .container {
    width: 1400px; } }
@media (max-width: 1399px) {
  .container {
    width: 100%; } }
@media (max-width: 1280px) {
  header .bottom-row nav a {
    font-size: 20px; }
  header .bottom-row .member-button .button, header .bottom-row .member-button .button-1, header .bottom-row .member-button .button-2, header .bottom-row .member-button .button-3 {
    width: 117px;
    font-weight: 400;
    font-size: 16px; } }
@media (max-width: 1199px) {
  header .logo img {
    width: 160px; }
  header .bottom-row nav {
    margin-top: 0; }
    header .bottom-row nav ul li a {
      font-size: 13px; }
  header .bottom-row .member-button {
    margin-top: 12px;
    float: right; }

  .button, .button-1, .button-2, .button-3 {
    min-width: inherit; } }
@media (max-width: 1024px) {
  .ehlen .caption h1 {
    font-size: 34px; }

  .selese_kisim .tab-content .in h3 {
    margin: 0; } }
@media (max-width: 991px) {
  .hide991 {
    display: none; }

  .show991 {
    display: block; }

  header .bottom-row nav {
    display: none; }
  header .bottom-row .member-button {
    display: none; }
  header .bottom-row .hamburger {
    display: inline-block; }
  header .top-row {
    text-align: center; }
    header .top-row p {
      margin: 0 5px; }

  .certificas .card-item img {
    width: 100%; }

  .information .caption {
    font-size: 16px; }
    .information .caption h2 {
      padding: 0;
      font-size: 36px;
      font-weight: 600; }
    .information .caption .vertical {
      display: none; }
    .information .caption .in1 {
      padding-right: 0; }
    .information .caption .in2 {
      padding-left: 0; } }
@media (max-width: 767px) {
  .information .caption {
    padding: 20px; }
    .information .caption .vertical {
      display: none; }

  .hide767 {
    display: none; }

  .show767 {
    display: inline-block; }

  .erba_carousel {
    background-color: #FFF;
    padding: 40px 0; }
    .erba_carousel p {
      width: 100%; }

  .comment {
    background-size: 300%; }
    .comment .in {
      padding: 0; }
    .comment .item {
      text-align: center; }

  .owl-theme .owl-nav .owl-prev {
    left: -0; }

  .owl-theme .owl-nav .owl-next {
    right: 0; }

  .newslater .in {
    max-width: 100%; }
    .newslater .in .form-check {
      width: 100%;
      font-size: 13px; }
  .newslater .button-2 {
    width: 100%;
    padding: 10px 5px; }

  .mt-10 {
    margin-top: 50px; }

  .accorion_service .text {
    margin-top: 30px; }
  .accorion_service .accordion-button {
    padding: 15px 0; }
  .accorion_service .accordion-body {
    padding: 15px 0; }
  .accorion_service .in h2 {
    font-size: 26px; }

  .form-1 {
    padding: 20px; }

  .form-ve-carousel {
    padding: 0; }

  .text-ve-carousel {
    padding-top: 30px;
    margin-top: 0; }
    .text-ve-carousel .text {
      padding: 30px; }

  .bg1 {
    padding: 30px 0; }

  .contact-info {
    text-align: center; }

  .breadcrumb h1 {
    font-size: 28px; }

  body {
    padding-bottom: 90px; }

  .col-5 {
    width: 50%;
    font-size: 13px; }

  footer address {
    font-size: 13px;
    margin-bottom: 30px; }
  footer h6 {
    font-size: 13px; }
  footer .copyright {
    text-align: center;
    padding: 30px 0 10px; }
    footer .copyright .section-1 {
      float: inherit; }
      footer .copyright .section-1 p {
        color: #454B98;
        font-size: 12px;
        text-align: center;
        width: 100%;
        font-weight: 500; }
    footer .copyright .section-2 {
      float: inherit;
      text-align: center; }
      footer .copyright .section-2 a {
        font-size: 12px;
        color: #454B98; } }
.nav-drill {
  margin-top: 98px;
  background-color: #18214D;
  z-index: 102; }

.nav-drill .nav-link {
  background-color: #18214D;
  color: #FFF; }

.nav-drill .nav-expand .nav-expand-content .nav-link {
  background-color: #18214D; }

.nav-drill .nav-expand-content .nav-back-link {
  background-color: #3d4465 !important;
  color: #FFF; }

.nav-drill .nav-expand-content .nav-item:not(:last-child) {
  border-bottom: solid 1px #FFF; }

/*# sourceMappingURL=main.css.map */