@media only screen and (max-width: 768px) {
  /* line 4, styles.scss */
  .ne6 .op_image {
    opacity: 1; }

  /* line 8, styles.scss */
  .ne9 {
    margin-bottom: 13px;
    height: auto; } }
@media only screen and (min-width: 768px) {
  /* line 15, styles.scss */
  .ne6 .op_image {
    opacity: 1; }

  /* line 19, styles.scss */
  .ne9 {
    margin-bottom: 17px;
    height: 7em; } }
@media only screen and (min-width: 1024px) {
  /* line 26, styles.scss */
  .ne6 .op_image {
    opacity: 1; }

  /* line 30, styles.scss */
  .ne9 {
    margin-bottom: 25px;
    height: 8.5em; } }
@media only screen and (min-width: 1250px) {
  /* line 37, styles.scss */
  .ne6 .op_image {
    opacity: 0.5; }

  /* line 41, styles.scss */
  .ne9 {
    height: 6em;
    margin-bottom: 20px; } }
@media only screen and (min-width: 1400px) {
  /* line 48, styles.scss */
  .ne6 .op_image {
    opacity: 0.5; }

  /* line 52, styles.scss */
  .ne9 {
    height: 6em;
    margin-bottom: 20px; } }
/* line 58, styles.scss */
.ne0 h2, .ne1 h2 {
  text-align: center; }

/* line 62, styles.scss */
.ne2 {
  background-color: #e0e291; }

/* line 66, styles.scss */
.ne3 h2 {
  text-align: center; }

/* line 70, styles.scss */
.ne4 {
  color: #d4a655; }

/* line 74, styles.scss */
.ne5 {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 45px;
  height: 45px;
  border: 1px solid #fff;
  color: #fff;
  border-radius: 50%;
  padding: 14px; }

/* line 86, styles.scss */
.ne6 {
  background: #000; }
  /* line 89, styles.scss */
  .ne6 .op_image {
    transition: all 0.2s ease-in-out; }
  /* line 93, styles.scss */
  .ne6:hover .op_image {
    opacity: 1; }

/* line 98, styles.scss */
.ne8 {
  background-color: #9cdea0; }

/* line 102, styles.scss */
.ne10 {
  display: none; }

/* line 106, styles.scss */
.active_category {
  display: block; }

/* line 110, styles.scss */
.animate_loader {
  position: relative; }
  /* line 113, styles.scss */
  .animate_loader::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, #F6F6F6 8%, #F0F0F0 18%, #F6F6F6 33%);
    animation: bg 2s linear infinite backwards; }

/* line 125, styles.scss */
.animate_text {
  animation-name: text_bg;
  border-radius: 5px; }

@keyframes bg {
  0% {
    background-position: -468px 0; }
  100% {
    background-position: 468px 0; } }
@keyframes text_bg {
  0% {
    background-position: 0; }
  100% {
    background-position: 850px; } }
/* line 152, styles.scss */
.vi3 {
  position: relative;
  cursor: pointer; }
  /* line 155, styles.scss */
  .vi3 .vi2 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80px; }

/* line 165, styles.scss */
.from_editor_div ul {
  padding-inline-start: 20px; }

/* line 170, styles.scss */
.ct50 {
  height: 300px; }

/* line 174, styles.scss */
.ct51 {
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%; }
  /* line 182, styles.scss */
  .ct51 svg path,
  .ct51 svg circle,
  .ct51 svg ellipse,
  .ct51 svg polygon,
  .ct51 svg rect,
  .ct51 svg polyline {
    fill: #0d3f69; }
  /* line 192, styles.scss */
  .ct51:hover {
    background-color: #f5821f; }
    /* line 196, styles.scss */
    .ct51:hover svg path,
    .ct51:hover svg circle,
    .ct51:hover svg ellipse,
    .ct51:hover svg polygon,
    .ct51:hover svg rect,
    .ct51:hover svg polyline {
      fill: #fff; }
    /* line 206, styles.scss */
    .ct51:hover h3 {
      color: #fff; }
  /* line 211, styles.scss */
  .ct51 .ct2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 100%;
    color: #0d3f69; }
    /* line 220, styles.scss */
    .ct51 .ct2 svg {
      height: 90px; }
  /* line 225, styles.scss */
  .ct51 a {
    width: 100%;
    height: 100%;
    text-decoration: none; }