@import url('https://fonts.googleapis.com/css2?family=Niramit:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Carter+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@500&display=swap');

body {
  font-family: Niramit, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.8;
  font-weight: normal;
  background: #fbfdff;
  color: black;
  background-image: url('/img/br-bg.png');
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-attachment: fixed;
  background-position: bottom right;  
}

a {
  -webkit-transition: .3s all ease;
  -o-transition: .3s all ease;
  transition: .3s all ease;
  color: #203C86; }
  a:hover, a:focus {
    text-decoration: none !important;
    outline: none !important;
    -webkit-box-shadow: none;
    box-shadow: none; }

button {
  -webkit-transition: .3s all ease;
  -o-transition: .3s all ease;
  transition: .3s all ease; }
  button:hover, button:focus {
    text-decoration: none !important;
    outline: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important; }

h1, h2, h3, h4, h5,
.h1, .h2, .h3, .h4, .h5 {
  line-height: 1.5;
  font-weight: 500;
  /* font-family: Arial, sans-serif; */
  color: #000; }

.ftco-section {
  padding: 7em 0; }

.ftco-no-pt {
  padding-top: 0; }

.ftco-no-pb {
  padding-bottom: 0; }

.heading-section {
  font-size: 28px;
  color: #000; }
  .heading-section small {
    font-size: 18px; }

.img {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }

.wrapper {
  width: 100%;
}

#sidebar {
  min-width: 270px;
  max-width: 270px;
  /*background: #203C86; //  3445b4 */
  color: #fff;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  position: relative;
  z-index: 0;
  }
  #sidebar:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    background: #203C86;
    background: -moz-linear-gradient(45deg, #203c86 0%, #398fd1 100%);  // 5db1ff  004794
    background: -webkit-gradient(left bottom, right top, color-stop(0%, #203c86), color-stop(100%, #398fd1));
    background: -webkit-linear-gradient(45deg, #203c86 0%, #398fd1 100%);
    background: -o-linear-gradient(45deg, #203c86 0%, #398fd1 100%);
    background: -ms-linear-gradient(45deg, #203c86 0%, #398fd1 100%);
    background: linear-gradient(45deg, #203c86 0%, #398fd1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#203c86', endColorstr='#398fd1', GradientType=1 );
    opacity: .92;
    z-index: -1;
  }
//  #sidebar .h6 {
//    color: #fff; }
  #sidebar.active {
    margin-left: -270px; }
//  #sidebar h1 {
//    margin-bottom: 20px;
//   font-weight: 700;
//    font-size: 30px; }
//    #sidebar h1 .logo {
//      color: #fff; }
//      #sidebar h1 .logo span {
//        font-size: 14px;
//        color: #44bef1;
//        display: block; }
  #sidebar ul.components {
    padding: 0; }
  #sidebar ul li {
    font-size: 16px;
    /* Padding to the left and right of the sidebar menus */
    padding-left: 10px;
    padding-right: 10px;
    /*left: 5px;
    font-weight: 500;*/
    }
    #sidebar ul li > ul {
      margin-left: 15px; } /* Left margin on submenu items */
      #sidebar ul li > ul li {
        font-size: 14px; }
    #sidebar ul li a {
      padding: 5px 0;
      display: block;
      color: rgba(255, 255, 255, 0.8);
      border-bottom: 1px solid rgba(255, 255, 255, 0.1); }

      #sidebar ul li a span {
        color: #44bef1; }
      #sidebar ul li a:hover {
        color: #fff;
        font-weight: 700;
        }
    #sidebar ul li.active > a {
      background: transparent;
      color: #fff; }
  @media (max-width: 991.98px) {
    #sidebar {
      margin-left: -270px; }
      #sidebar.active {
        margin-left: 0; } }
  #sidebar .custom-menu {
    display: inline-block;
    position: absolute;
    top: 20px;
    right: 0;
    margin-right: -20px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }
    @media (prefers-reduced-motion: reduce) {
      #sidebar .custom-menu {
        -webkit-transition: none;
        -o-transition: none;
        transition: none; } }
    #sidebar .custom-menu .btn {
      width: 80px;
      height: 80px;
      border-radius: 50%;
      position: relative;
      }
      #sidebar .custom-menu .btn i {
        margin-right: -60px;
        font-size: 14px; }
      #sidebar .custom-menu .btn.btn-primary {
        background: transparent;
        border-color: transparent; }
        #sidebar .custom-menu .btn.btn-primary:after {
          z-index: -1;
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0px;
          content: '';
          -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          transform: rotate(45deg);
          background: #8f9ec1; //#203c86;
          border-radius: 20px;
          }
        #sidebar .custom-menu .btn.btn-primary:hover, #sidebar .custom-menu .btn.btn-primary:focus {
          background: transparent !important;
          border-color: transparent !important; }
  #sidebar .logo {
    width: 100%;
    background: #fff;
    border: 1px inset #203C86;
    border-radius: 12px;
    text-align: center;
    vertical-align: middle;
    height: 175px;
    //opacity: .8;
  }
  #sidebar .logo table {
    width: 100%;
    height: 100%
  }
  #sidebar .bottom {
    position: relative;
    display: inline-block;
    bottom: 0;
    /* left: 15px; */
}
#sidebar .loginbuttons {
    text-align: center;
    vertical-align: middle;
    font-size: 13px;
    font-weight: 700;
    //background-opacity: 0.2;
}
/*#sidebar .loginbuttons::after {
//  content: "";
//  //background: url(image.jpg);
//  background: #fff;
//  //opacity: 0.2;
//  top: 0;
//  left: 0;
//  //bottom: 0;
//  right: 0;
//  position: absolute;
//  z-index: -1;   
//}
*/
#sidebar .loginbuttons {
  color: rgba(255, 255, 255, 0.8);
}
#sidebar .loginbuttons a {
  color: rgba(255, 255, 255, 0.8);
}
#sidebar .loginbuttons a:hover {
  color: #fff;
}
#sidebar .loginbuttons table {
    width: 100%;
}

a[data-toggle="collapse"] {
  position: relative; }

.dropdown-toggle::after {
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

@media (max-width: 991.98px) {
  #sidebarCollapse span {
    display: none; } }




#content {
  //margin-top: 25px;
  width: 100%;
  padding: 0;
  min-height: 100vh;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  //padding-left: 3rem;
  //padding-right: 3rem;
}

#content-text {
  //margin-top: px;
  padding-left: 2rem;
  padding-right: 2rem;
}

.btn.btn-primary {
  background: #5db1ff;
  border-color: #5db1ff; }
  .btn.btn-primary:hover, .btn.btn-primary:focus {
    background: #5db1ff !important;
    border-color: #5db1ff !important; }

.footer p {
  color: rgba(255, 255, 255, 0.5); }

#ioutercontainer {
    position:absolute;
    width:100%;
    top:-22px;
    left:0px;
    z-index:-2;
}
#icontainer {
    //width: 980px;
    overflow: hidden;
    margin: 50px auto;
    /* background: white; */
    text-align: left;
    z-index:-2;
    position:absolute;
    top:0px;
    left:0px;
}
.cardcounter {
  top: 160px;
  width: 100%;
  //z-index:-2;
  position: absolute;
  border: 1px inset #203C86;
  //border-radius: 12px;
  //background: white;
  text-align: center;
}
.cardcounter-inner {
  left:50%;
  border: 1px inset #203C86;
  border-radius: 12px;
  background: white;
  font-size:12pt;
  width: 300px;
  z-index:-2;
  text-align:center;
}
.cardcounter-one {
//  margin-top: 200px;
  width: 100%;
  padding: 0;
  min-height: 100vh;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.cardcounter-two {
  position: absolute;
  left: 50%;
  top: 10px;
  border: 1px inset #203C86;
  border-radius: 12px;
  background: white;
  font-size:12pt;
  width: 300px;
  z-index:3;
  text-align:center;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
/*
.aswiper {
  margin-top: 40px;
  width: 100%;
  height: 200px;
  z-index: -2;
}

.aswiper-slide {
  background-position: center;
  background-size: cover;
}

.aswiper-slide img {
  display: block;
  width: 100%;
}
*/

#app-outer {
  width: 20px;
  margin-top: 50px;
}

#app {
  //height: 100%;
  display: flex;
  width: 20;
  flex: auto;
  align-items: center;
  justify-content: center;
}

/*
.#aswipercontainer {
  // Configure sizes and navigation/pagination colors with CSS variables
  //--carousel-slider-max-width: 1600px;
 // --carousel-slider-width: 520px;
 // --carousel-slider-height: 225px;
 // --carousel-slider-navigation-color: #fff;
 // --carousel-slider-pagination-color: #fff;
  .swiper-slide {
    border-radius: 8px;
    // Slide background to match main background
    background: #ffffff;
    max-width: calc(100% - 48px);
  }
  .carousel-slider-animate-opacity {
    height: 100%;
  }
  img {
    width: 100%;
    height: 150px;
    display: block;
    object-fit: cover;
    border-radius: 8px;
    // prettier-ignore
    -webkit-box-reflect: below 5px -webkit-linear-gradient(bottom,rgba(255,0,0,0.1) 0%,transparent 32px,transparent 100%);
  }
  .slide-content {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
    //padding: 88px 16px 24px;
    padding: 88px 16px 24px;
    box-sizing: border-box;
    background: linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0),
      rgba(0, 0, 0, 0.75)
    );
    border-radius: 0 0 8px 8px;
    h2 {
      margin: 0;
      color: #FFF;
      font-weight: bold;
      font-size: 24px;
      line-height: 1.1;
      text-shadow: 1px 1px 8px #000000;
    }
    p {
      margin: 8px 0 0;
      opacity: 0.65;
      font-size: 14px;
      font-weight: 500;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden;
      color: #FFF;
      text-shadow: 1px 1px 8px #000000;
    }
  }

  // Hide navigation on narrow screens
  @media (max-width: 640px) {
    .swiper-button-next,
    .swiper-button-prev {
      display: none !important;
    }
  }
}
*/