:root {
  --bs-border-radius: var(--Button-corner-radius, 2px);
}

a {
  text-decoration: none;
}

.btn-outline-secondary {
  --bs-btn-border-color: var(--Gray-Metal, #E3E5E5);
}

.btn-group-lg>.btn,
.btn-lg {
  --bs-btn-border-radius: var(--Button-corner-radius, 2px);
}

.btn-outline-dark {
  --bs-btn-border-color: var(--Black, #02161A);
}

.btn-primary {
  --bs-btn-bg: var(--Green-Grass, #75B83B);
  --bs-btn-color: color: var(--Black, #02161A);
  border-color: var(--Green-Grass, #75B83B);
  color: var(--Black, #02161A);
  font-family: var(--font-famaly-Inter, Inter);
  font-size: var(--font-size-sm, 14px);
  font-style: normal;
  font-weight: 600;
  line-height: var(--font-line-height-xs, 16px);
  /* 114.286% */
  text-transform: uppercase;
  padding: var(--2xs, 12px) 20px;
}

.btn-primary:hover {
  border-color: #75B83B;
  color: #02161A;
  background: #75B83B;
}

.btn-outline-light {
  color: var(--White, #FFF);
  font-family: var(--font-famaly-Inter, Inter);
  font-size: var(--font-size-sm, 14px);
  font-style: normal;
  font-weight: 600;
  line-height: var(--font-line-height-xs, 16px);
  /* 114.286% */
  text-transform: uppercase;
  padding: var(--2xs, 12px) 20px;
}

.form-control::-moz-placeholder {
  font-family: var(--font-famaly-Inter, Inter);
  font-size: var(--font-size-sm, 14px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--font-line-height-2xs, 20px);
  /* 142.857% */
}

.form-control::placeholder {
  font-family: var(--font-famaly-Inter, Inter);
  font-size: var(--font-size-sm, 14px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--font-line-height-2xs, 20px);
  /* 142.857% */
}

.form-control:focus {
  box-shadow: none;
}

header .navbar-wrapper {
  min-height:43px;
}

header .navbar {
  background: var(--Gray-Dark-Steel, #646666);
}

header .navbar a {
  color: #fff;
}

header .login-link {
  color: var(--Black, #02161A);
  font-family: var(--font-famaly-Inter, Inter);
  font-size: var(--font-size-sm, 14px);
  font-style: normal;
  font-weight: 600;
  line-height: var(--font-line-height-xs, 16px);
  /* 114.286% */
  text-transform: uppercase;
}

header .search input[type=search].form-control {
  border: var(--line-s, 1px) solid var(--Gray-Metal, #E3E5E5);
  font-family: var(--font-famaly-Inter, Inter);
  font-size: var(--font-size-sm, 14px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--font-line-height-2xs, 20px);
  /* 142.857% */
  border-right: 0;
}

header .search .btn-outline-secondary {
  border-left: 0;
}

header .search .btn-outline-secondary:hover {
  background: none;
  border-color: var(--bs-btn-border-color);
}

header .nav-link.highlighted {
  background: #75B83B;
  padding: 9px 16px !important;
  color: #fff;
  leading-trim: both;
  text-edge: cap;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  text-transform: uppercase;
}

.sidebar-title,
.wp-block-heading {
  border-bottom: var(--line-m, 2px) solid var(--Black, #02161A);
  color: var(--Black, #02161A);
  font-family: var(--font-famaly-Inter, Inter);
  font-size: var(--font-size-2xl, 24px);
  font-style: normal;
  font-weight: 600;
  line-height: var(--font-line-height-md, 32px);
  /* 133.333% */
  text-transform: uppercase;
}

.show-more {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 60%);
}

.more-btn {
  color: var(--Black, #02161A);
  font-family: var(--font-famaly-Inter, Inter);
  font-size: var(--font-size-sm, 14px);
  font-style: normal;
  font-weight: 600;
  line-height: var(--font-line-height-xs, 16px);
  /* 114.286% */
  text-transform: uppercase;
  padding: var(--md, 24px) 20px;
}

.footer-with-bg {
  /* background: url(../images/bg-grass.png) #fff repeat-x; */
  padding-top: 34px;
}

.footer-with-bg>div {
  background: #02161A;
}

.rss-links {
  padding: var(--2xs, 12px) var(--non, 0px);
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  border-top: var(--line-s, 1px) solid var(--Gray-Dark-Steel, #646666);
  border-bottom: var(--line-s, 1px) solid var(--Gray-Dark-Steel, #646666);
}

.rss-links a {
  color: var(--Turquoise-Pine-Light, #095563);
  leading-trim: both;
  text-edge: cap;
  font-family: var(--font-famaly-Inter, Inter);
  font-size: var(--font-size-md, 16px);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-decoration: none;
}

.last-footer {
  border-top: 0.5px solid var(--Gray-Metal, #E3E5E5);
}

.sponsors p {
  color: var(--Gray-Dark-Steel, #646666);
  font-family: var(--font-famaly-Inter, Inter);
  font-size: var(--font-size-xs, 12px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--font-line-height-xs, 16px);
  /* 133.333% */
}

.sponsors .footer-sponsor-logos {
  display: flex;
  align-items: flex-start;
  gap: var(--2xl, 48px);
}

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

/* ------  header changes ------ */
header {
  padding-top:24px;
}
@media (min-width:1024px) and (max-width:1199.6px) {
  header {
    padding-top:16px;
  }
  .header-wrapper {
    align-items:flex-start;
  }
}

@media (min-width:1024px) and (max-width:1439.6px) {
  header .navbar-expand-md .menu.navbar-nav {
    justify-content:space-evenly;
    padding-right:24px;
    width:100%;
  }
  #top-add-article a {
    white-space: nowrap;
  }
}

header .mobile-nav .nav-link.highlighted {
  display: none;
}

#navbarSupportedContent>div {
  height: 40px;
}

header .menu>li>a {
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  text-transform: uppercase;
}

header .menu {
  margin: 0 !important;
  /* gap: 16px; */
  /*gap: 40px;*/
  align-items: center;
}

header .nav-link,
.sidebar-title,
.wp-block-heading,
.more-btn,
header .nav-link.highlighted,
header .login-link,
footer .btn-outline-light,
footer .btn-primary,
footer .rss-links>div a,
.sponsors p {
  font-family: inherit;

}

header .menu>li>a::after {
  background: url(../images/keyboard_arrow_down.png);

  position: absolute;
  content: "";
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center;

}

header .menu>li:hover>a::after {
  rotate: 180deg;
}

header .menu>li:hover>a::before,
header .menu>li .active:hover>a::before,
header .menu li.active>a::before {

  /*background-color: #75B83B !important;*/

}

header .menu>li>a::before {
  display: block;
  width: 125%;
  height: 2px;
  background-color: transparent;
  content: "";
  position: relative;
  z-index: 2;
  top: 25px;
}

header .menu li:hover>a,
footer .menu li:hover>a,
header .menu li.active>a {
  color: #75B83B;
}

header .menu>li ul>li a {
  text-decoration: underline transparent;
}

header .menu>li ul ul {
  display:none !important;
}

header .menu>li ul>li:hover a {
  text-decoration: underline;
  color: #000;
}

header .menu>li>.submenu-overlay {
  display:none;
  height: calc(100vh - 43px);
  position: absolute;
  background-color: #3D4041;
  z-index: 1;
  overflow: hidden;
  opacity: .6;
  top:44px;
  left:0;
  right:0;
  pointer-events: none;
}
header .menu>li>.submenu-wrapper {
  display: none;
  background: #ffffff;
  /*left: 0;*/
  /*width: 100%;*/
  list-style: none;
  padding-left: 0px !important;
  position: absolute;
  z-index: 2;
}

header .menu>li>.submenu-wrapper ul {
  width: 100%;
  list-style: none;
  padding:0;
  margin-left:-8px;
}

header .menu>li ul a {
  color: #02161A;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px; /* 133.333% */
  text-transform: none;
  display:block;
}

/*header .menu>li ul>li:first-child a {*/

/*  font-weight: 600 !important;*/
/*  font-size: 24px !important;*/
/*  line-height: 29px !important;*/
/*}*/

/*header .menu>li ul>li:first-child {*/
/*  min-width: 100%;*/
/*  display: flex;*/
/*  flex-direction: row;*/
/*}*/

/*header .menu>li ul>li:first-child::after {*/
/*  background-image: url(../images/arrow_right_alt.png);*/
/*  width: 16px;*/
/*  height: 12px;*/
/*  display: block;*/
/*  content: "";*/
/*  top: 12px;*/
/*  position: relative;*/
/*  margin-left: 8px;*/
/*}*/

header .menu>li ul>li:first-child:hover:after {
  margin-left: 10px;
}

header .menu>li ul li {
  /*max-width: 188px;*/
  min-width: 188px;
  text-align: left;
  padding: 6px 8px;
  text-decoration: underline transparent;
}

header .menu>li:hover>.submenu-wrapper {
  display:block;
  /*width:100%;*/
  background:transparent;
  top: 41px;
  padding-top:2px;
  margin-left:-14px;
}
header .menu>li:hover>.submenu-wrapper > div {
  background:#fff;
  width:100%;
  border-radius: 6px;
  box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.10);
  padding:8px 0;
}
header .menu>li:hover>.submenu-overlay {
  display:block;
}

header .menu>li:hover>.submenu-wrapper ul {
  /*display: flex;*/
  /*flex-direction: row;*/
  /*flex-wrap: wrap;*/
  /*gap: 24px;*/
  /*padding: 48px 0 !important;*/

  /*top: 43px;*/
  /* box-shadow: 0px 121px 200px 0px rgba(0, 0, 0, 0.7); */
}

header .menu li {
  text-align: center;
  padding: 8px 0;
  padding-top:6px;
  padding-right:40px;
  white-space:nowrap;
}


header .menu .sub-menu .menu-item-has-children>ul>li {
  display: none;
}

header div.dropdown a.btn-link {
  font-family: inherit;
  font-style: normal;
  text-decoration: none;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: #02161A !important;
  padding-bottom: 4px !important;
  vertical-align: middle !important;
  padding-left: 5px;
}
header div.dropdown.profile a.btn-link {
  margin-top:2px;
  text-transform:uppercase;
}
header div.dropdown.profile a.btn-link img {
  margin-top:-6px;
}

header div.dropdown .dropdown-menu.show {
  display: block;
  padding: 8px;
  min-width: 50px;
  background: #F0F2F2;
  border-radius: 6px;
  box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.10);
}
header div.dropdown.profile .dropdown-menu.show {
  min-width:100%;
}
header div.dropdown.profile .dropdown-menu.show li {
  padding:0 16px 0 10px;
  white-space:nowrap;
}
header div.dropdown.profile .dropdown-menu.show li.div {
  padding:0;
}
header div.dropdown.profile .dropdown-menu.show li a {
  color:#02161A;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px; /* 133.333% */
}
header div.dropdown.profile .dropdown-menu.show li a img {
  margin-right:2px;
}
header div.dropdown.profile .dropdown-menu.show li a.text-danger {
  color:#F84343 !important;
}

header div.dropdown a.show,
header .login-link:hover {
  color: #75B83B !important;
}

header div.dropdown .dropdown-menu.show .lang-item {
  display: flex;
  justify-content: center;
}

header div.dropdown .dropdown-toggle::after {
  background-image: url(../../assets/images/keyboard_arrow_down_bl.png);
  width: 16px;
  height: 16px;
  position: absolute;
  background-repeat: no-repeat;
  border: none !important;
  background-position: center;
  top: 4px;
}

header div.dropdown a.show.dropdown-toggle::after {
  rotate: 180deg;
}


header div.dropdown .dropdown-menu.show .lang-item a {
  font-family: inherit;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  padding: 8px;
  color: #02161A;
  line-height: 16px;
  text-transform:uppercase;
}

header div.dropdown .dropdown-menu.show .lang-item a:hover {
  color: rgba(2, 22, 26, 1);
}

header div.dropdown {
  margin-right: 24px;
}

header nav.fixed-top .navbar-nav .nav-item-logo a {
  display: block;
  background-image: url(../../assets/images/grass-home.png);
  background-repeat: no-repeat;
  background-position: center;
}

header nav.fixed-top .navbar-nav .nav-item a img {
  visibility: hidden;
}

/*------ header changes end  ------  */

/* ----changes-nav--menu */
header .search input[type=search].form-control,
input[type=search]::placeholder {
  font-family: inherit;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}

header .menu>li:hover>ul.container {

  z-index: 9;

  margin: 0;
  background: transparent;
  position: absolute;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, 0%);
  padding: 48px 6px !important;
}

ul.sub-menu.container::before {
  display: block;
  content: "";
  width: 100vw;
  height: 100%;
  background-color: #ffffff;
  z-index: -1;
  position: absolute;
  left: 50%;
  margin-right: -50%;
  transform: translateX(-50%);
  top: 0;
  overflow: hidden;
}


/*ul.sub-menu.container::after {*/

/*  display: block;*/
/*  content: "";*/
/*  width: 100vw;*/
/*  height: 100vh;*/
/*  position: absolute;*/
/*  left: 50%;*/
/*  margin-right: -50%;*/
/*  transform: translate(-50%, 80%);*/
/*  bottom: 0;*/
/*  background-color: #3D4041;*/
/*  z-index: -2;*/
/*  overflow: hidden;*/
/*  opacity: .6;*/
/*}*/

/* ----changes-nav--menu--end */

/* ------ main section changes ------  */

main .container {
  overflow: hidden;
}

.wp-block-heading,
.sidebar-title {
  text-decoration: underline transparent;
}

aside .wp-block-heading {
  margin-bottom:0;
}

.wp-block-heading:hover,
.sidebar-title:hover {
  text-decoration: underline;
  cursor: pointer;
}

aside.border-start>div .wp-block-image,
section .wp-block-latest-posts__featured-image,
div.position-relative div ul.wp-block-latest-posts li .wp-block-latest-posts__featured-image {
  overflow: hidden;
}

aside.border-start>div .wp-block-image img,
section .wp-block-latest-posts__featured-image img,
div.position-relative div ul.wp-block-latest-posts li .wp-block-latest-posts__featured-image img {
  transition: transform 0.3s ease-in-out;
}

aside.border-start>div .wp-block-image img:hover,
section .wp-block-latest-posts__featured-image img:hover,
div.position-relative div ul.wp-block-latest-posts li .wp-block-latest-posts__featured-image img:hover {
  transform: scale(1.05);
  cursor: pointer;
}

aside.border-end>div {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

aside ul.announces,
aside ul.advokasi {
  list-style: none;
  padding-left: 0;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

aside ul.announces.popular {
  gap:16px;
}

aside ul.announces li,
aside ul.advokasi li {
  display: flex;
  flex-direction: column;
  gap: 8px;
  position: relative;
}

aside ul.announces li::after,
aside ul.advokasi li::after {
  /* position: absolute; */
  width: 100%;
  height: 1px;
  content: "";
  background-color: #B8BCBC;

}

aside ul.announces li a,
aside ul.advokasi li a {
  /* font-family: inherit; */
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #02161A;
}

aside ul.announces li a.wp-block-latest-posts__post-title,
aside ul.advokasi li a.wp-block-latest-posts__post-title {
  /* font-family: inherit; */
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #02161A;
  max-height:60px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
  overflow:hidden;
}


aside ul.announces li .wp-block-latest-posts__meta-oneline,
aside ul.advokasi li .wp-block-latest-posts__meta-oneline {
  max-width:100%;
  white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hidden;
  margin-top:-8px;
}

aside ul.announces li time,
aside ul.advokasi li time {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #000;
  display:inline !important;
}

aside ul.announces li time + a,
aside ul.advokasi li time + a {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #646666;
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
}

aside ul.announces li time + a::before,
aside ul.advokasi li time + a::before {
  content: "|";
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #646666;
  cursor: pointer;
  margin:0 8px;
}

aside ul.announces li a:hover,
  /*aside ul.announces li time:hover,*/
aside ul.advokasi li a:hover,
ul.knowledge-base-widget li a:hover,
  /*aside ul.advokasi li time:hover,*/
div.position-relative div ul.wp-block-latest-posts li .wp-block-latest-posts__post-title:hover {
  text-decoration: underline;
}


/*section div.col-4 {*/
/*  padding-right: 0;*/
/*}*/

aside.border-start>div .wp-block-image {
  margin-bottom: 24px;
  /*max-width: 300px;*/
  /*max-height: 300px;*/
}

aside.border-start>div .wp-block-image img {
  max-width:100%;
  /*max-width: 300px;*/
  /*max-height: 300px;*/
}



section ul.wp-block-latest-posts__list {
  list-style: none;
  padding-left: 0;
  display: flex;
  /* gap: 24px; */
  flex-direction: column;
  min-width: 635px;
  max-width: 648px;

}

section .wp-block-latest-posts__featured-image {
  grid-area: pht;
  width: 288px;
  height: 162px;
}

section .wp-block-latest-posts__featured-image img {
  width: 288px;
  height: 162px;
  object-fit: cover;
}

section .wp-block-latest-posts__post-title {
  grid-area: ptl;
  font-family: inherit;
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
  color: #02161A;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  overflow:hidden;
  max-height:52px;
  /* margin-left: 16px; */
}

.knowledge-base-widget li {
  display:flex;
  flex-direction:row;
}
.knowledge-base-widget li .wp-block-latest-posts__right {
  display:flex;
  flex-direction:column;
  justify-content: space-between;
  width:calc(100% - 142px);
}

.knowledge-base-widget .wp-block-latest-posts__post-author,
section .wp-block-latest-posts__post-author {
  /*grid-area: pau;*/
  margin-left:17px;
  /*margin-left: -30px;*/
}
.knowledge-base-widget .wp-block-latest-posts__post-author a,
section .wp-block-latest-posts__post-author a {
  /*grid-area: pau;*/
  font-family: inherit;
  cursor: pointer;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #646666;
  /*margin-left: -30px;*/
}
.knowledge-base-widget .wp-block-latest-posts__post-author {
  width:calc(100% - 24px);
}
.knowledge-base-widget .wp-block-latest-posts__post-author a {
  max-width: calc(100% - 24px);
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.knowledge-base-widget .wp-block-latest-posts__meta,
section .wp-block-latest-posts__meta {
  grid-area: pdtc;
  display:flex;
  flex-direction:row;
}
.knowledge-base-widget .wp-block-latest-posts__meta {
  white-space:nowrap;
  max-width:100%;
  text-overflow: ellipsis;
  overflow:hidden;
}
.knowledge-base-widget .wp-block-latest-posts__post-date,
section .wp-block-latest-posts__post-date {

  font-family: inherit;

  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #02161A;
  /* margin-left: 16px; */
}

.knowledge-base-widget .wp-block-latest-posts__post-date,
section .wp-block-latest-posts__post-date {
  cursor: default;
}

.knowledge-base-widget .wp-block-latest-posts__post-author::before,
section .wp-block-latest-posts__post-author::before {
  position: absolute;
  content: "";
  height: 12px;
  width: 1px;
  display: block;
  background-color: #646666;
  margin-left: -9px;
  margin-right:8px;
  margin-top: 5px;
}

.knowledge-base-widget .wp-block-latest-posts__post-author:hover,
.knowledge-base-widget .wp-block-latest-posts__post-title:hover,
.knowledge-base-widget .wp-block-latest-posts__post-excerpt .wp-block-latest-posts__read-more:hover,
section .wp-block-latest-posts__post-author:hover,
section .wp-block-latest-posts__post-title:hover,
section .wp-block-latest-posts__post-excerpt .wp-block-latest-posts__read-more:hover {
  text-decoration: underline;
}

.knowledge-base-widget .wp-block-latest-posts__post-excerpt,
section .wp-block-latest-posts__post-excerpt {
  grid-area: ptx;
  font-family: inherit;

  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #324245;
  /* margin-left: 16px; */
  max-height: 80px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  text-overflow: ellipsis;
  overflow: hidden;
}

section .wp-block-latest-posts__post-excerpt .wp-block-latest-posts__read-more {
  font-weight: 600;
  color: #02161A;

}

section .wp-block-latest-posts__post-excerpt .wp-block-latest-posts__read-more .screen-reader-text {
  display: none;
}

section ul.wp-block-latest-posts__list li {
  display: grid;
  grid-template-areas: "pht pdtc pdtc" "pht ptl ptl" "pht ptx ptx";
  padding: 24px 16px 24px 0px;

  column-gap: 16px;

  margin-bottom: 5px;
  background-color: transparent;
  border-radius: 2px;
  border-left: 2px solid transparent;

  border-bottom: 1px solid #B8BCBC;
}

section ul.wp-block-latest-posts__list li.important,
section ul.wp-block-latest-posts__list li.important {
  background-color: #F0F2F2;
  border-left: 2px solid #75B83B;
  border-bottom: transparent;
  padding-left: 16px;
}

section ul.wp-block-latest-posts__list li.important {
  margin-top: 24px;
}

section ul.wp-block-latest-posts__list li.important:first-child {
  margin-top: 0;
}

ul.wp-block-latest-posts {
  list-style: none;
  padding-left: 0;
  display: flex;
  flex-direction: row;

  column-gap: 24px;
}

div.position-relative div ul.wp-block-latest-posts li {
  /*display: grid;*/
  /*grid-template-areas: "img txt" "img txt";*/
  width: 33.33%;
  /*max-width: 432px;*/
  /*max-height: 72px;*/
  column-gap: 16px;
  margin: 16px 0;
  margin-bottom: 0px !important;
}

div.position-relative div ul.wp-block-latest-posts li .wp-block-latest-posts__featured-image {
  /*grid-area: img;*/
  flex-shrink:0;
  border-radius:2px;
}

div.position-relative div ul.wp-block-latest-posts li .wp-block-latest-posts__featured-image img {
  max-width: 128px;
  max-height: 72px;
  object-fit: cover;
  min-width: 128px;
}

div.position-relative div ul.wp-block-latest-posts li .wp-block-latest-posts__post-title {
  grid-area: txt;
  font-weight: 600;
  font-family: inherit;
  font-size: 14px;
  line-height: 20px;
  color: #02161A;
}

div.position-relative .show-more {
  width: 100px !important;
  height: 104px !important;
  display: flex;
  align-items: center;
}

/* ------ main section changes end ------ */

/* ------ footer changes ------ */

footer .menu-golovne-menyu-container {
  margin-top: 12px;
}

.footer-with-bg::before {
  display: block;
  content: "";
  background: url(../../assets/images/bg-grass.png) #fff repeat-x;
  width: 100%;
  height: 34px;
}

.footer-with-bg {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

footer .menu-golovne-menyu-container::before {
  height: 1px;
  width: 100%;
  display: block;
  content: "";
  background-color: #646666;
  position: relative;
  top: 50px;
}

footer .menu {
  display: flex;
  justify-content: space-between;
  padding-top: 12px;
  border-top: 1px solid #646666;
  column-gap: 32px;
}

footer .menu,
footer .menu .sub-menu {
  list-style: none;
  padding-left: 0;
}

footer .menu>li>a {
  font-family: inherit;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  color: #CCD0D1;
  padding-left: 8px;
  white-space: nowrap;
}

footer .menu .sub-menu {
  margin-top: 24px;
}

footer .menu .sub-menu li a {
  font-family: inherit;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #FFFFFF;
  /* padding: 6px 8px; */
}

footer .menu .sub-menu li .sub-menu {
  margin-top: 0;
}

footer .btn-support a {
  border: 1px solid #646666;
  border-radius: 2px;
  padding: 5px 7px;
}

footer .btn-support:hover a {
  text-decoration: none;
}

footer .btn-support a:hover {
  text-decoration: none;
  border: 2px solid #E3E5E5;
  padding: 5px 7px;
}

footer .menu .sub-menu li:hover a {
  text-decoration: underline;
}

footer .menu .sub-menu li {
  margin-bottom: 10px;
  /* max-width: 200px; */
  padding-left: 8px;
  padding-top: 6px;
}


footer .menu .sub-menu .menu-item-has-children>ul>li {

  display: none;
}



footer .btn-outline-light {
  border-color: #646666;
  white-space:nowrap;
}

footer .btn-primary {
  white-space:nowrap;
}

footer .btn-outline-light:hover {
  border: 2px solid #E3E5E5;
  padding: 11px 19px;
  color: #E3E5E5;
  background-color: transparent;
  margin-left:1px;
}

footer .btn-primary:hover,
header .nav-link.highlighted:hover {
  background-color: #85D143;
  color: #1D3C22;
  border-color: #85D143;
}

main .more-btn:hover {
  background-color: transparent;
  color: #102023;
  border: 2px solid #02161A;
  padding: 23px 19px;
}

/*main .more-btn:last-child:hover {*/
/*  margin-bottom: 0.5px;*/
/*}*/


header .container div.d-flex>div.me-5,
footer .container div.d-flex>div.me-4 {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 8px;
  height: 24px;
}

header .container div.d-flex>div.me-5 a,
footer .container div.d-flex>div.me-4 a {
  position: relative;
  width: 24px;
}

header .container div.d-flex>div.me-5 .icon-facebook:hover:after,
header .container div.d-flex>div.me-5 .icon-youtube:hover:after,
header .container div.d-flex>div.me-5 .icon-twitter:hover:after,
footer .container div.d-flex>div.me-4 .icon-facebook:hover:after,
footer .container div.d-flex>div.me-4 .icon-youtube:hover:after,
footer .container div.d-flex>div.me-4 .icon-twitter:hover:after {
  display: inline-block;
  width: 24px;
  height: 24px;

  content: "";
  position: relative;
  /* bottom: 24px; */

}

header .container div.d-flex>div.me-5 .icon-facebook:after,
footer .container div.d-flex>div.me-4 .icon-facebook:hover:after {
  background-image: url(../../assets/images/facebook-b.svg);
}

header .container div.d-flex>div.me-5 .icon-youtube:hover:after,
footer .container div.d-flex>div.me-4 .icon-youtube:hover:after {
  background-image: url(../../assets/images/youtube-r.svg);
}

header .container div.d-flex>div.me-5 .icon-twitter:hover:after,
footer .container div.d-flex>div.me-4 .icon-twitter:hover:after {
  background-image: url(../../assets/images/xtwitter.svg);
}

header .container div.d-flex>div.me-5 .icon-facebook:hover>img,
header .container div.d-flex>div.me-5 .icon-youtube:hover>img,
header .container div.d-flex>div.me-5 .icon-twitter:hover>img,
footer .container div.d-flex>div.me-4 .icon-facebook:hover>img,
footer .container div.d-flex>div.me-4 .icon-youtube:hover>img,
footer .container div.d-flex>div.me-4 .icon-twitter:hover>img {
  display: none;
}

/* ------ footer changes end ------ */

.auth-search-block {
  margin-bottom:24px;
}
.search-mobile-block {
  margin-top:22px;
}
.md-visible {
  display:none !important;
}
.sm-visible {
  display:none !important;
}
@media (min-width:744px) and (max-width:1199.6px) {
  .md-visible {
    display:block !important;
  }
  .md-hidden {
    display:none !important;
  }
}
@media (max-width:744px) {
  .sm-visible {
    display:block !important;
    margin-bottom:0;
  }
}

/* ------ for small screens changes ------ */

@media (min-width:1400px) {
  /*main .container {*/

  /*  max-width: 1344px;*/
  /*}*/

  /*section .sidebar-title {*/
  /*  width: 102%;*/
  /*}*/

  /*section div.row:first-child>div {*/
  /*  padding-right: 0;*/
  /*}*/
}

@media (min-width: 1200px) and (max-width:1400px) {
  aside.border-start>div .wp-block-image img {
    /*max-width: 240px;*/
    /*max-height: 240px;*/
    object-fit: cover;
  }

  section ul.wp-block-latest-posts__list {
    max-width: 546px;
    min-width: 528px;
  }

  div.position-relative div ul.wp-block-latest-posts li {
    max-width: 432px;
    min-width: 432px;
  }

  /* div.position-relative div ul.wp-block-latest-posts li .wp-block-latest-posts__featured-image img {
    max-width: 128px;
    min-width: 128px;
  } */

  main div.container div.position-relative,
  main div.container div.row.mt-3 {
    margin-bottom: 0;
  }

  .sponsors div.col {
    max-width: 767px;
  }

  .sponsors .row {
    justify-content: space-between;
  }
  footer .container div.d-flex > div.me-4 {
    white-space:nowrap;
    margin-left:-30px;
  }
  .header-logo img {
    max-width:500px;
    height:auto;
  }
}

@media (min-width:1024px) and (max-width:1199.6px) {
  /*header .menu {*/
  /*  gap: 25px;*/
  /*}*/

  header .menu li {
    padding-right: 25px;
  }

  header .menu>li>a,
  header .nav-link.highlighted {
    font-size: 14px;
    line-height:14px;
  }

  header .menu > li > a::after {
    width:16px;
    height:16px;
    margin-top: 6px;
    margin-left: 3px;
  }

  header .container div.d-flex>div,
  footer .container div.d-flex>div {
    font-size: 11px;
    align-items: center;
  }

  header .container div.d-flex>div {
    display: flex;
  }

  header div.dropdown a.btn-link,
  header .login-link,
  header .search input[type=search].form-control,
  input[type=search]::placeholder {
    font-size: 12px;

  }

  header div.dropdown a.btn-link {
    padding-bottom: 1px !important;
  }

  header div.dropdown .dropdown-toggle::after {
    top: 2px;
  }

  header .nav-link.highlighted {
    display: flex;
    align-content: center;
    flex-wrap: wrap;
  }

  main>div.container>div.row>div.col-lg-4 {
    max-width: 296px;
  }

  main>div.container>div.row>div.col-lg-8 {
    max-width: 664px;
    width: 100%;
  }

  section .row.mt-4 {
    display: grid;
  }

  aside.border-start {
    border-left: none !important;
    padding-left: 0 !important;
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
  }

  aside.border-start>div .wp-block-image {
    margin-bottom: 0 !important;
  }

  section ul.wp-block-latest-posts__list li:last-child {
    border-bottom: none;
    margin-bottom: 0;
  }

  section ul.wp-block-latest-posts__list {
    margin-bottom: 0;
  }

  section .more-btn {
    margin-bottom: 24px;

  }

  aside.border-start {
    border-top: 1px solid #B8BCBC;
    max-width: 640px;
    padding-top: 24px;
  }

  div.position-relative div ul.wp-block-latest-posts li {
    max-width: 373px;
    min-width: 373px;
  }

  /* div.position-relative div ul.wp-block-latest-posts li .wp-block-latest-posts__featured-image img {
    max-width: 128px;
    min-width: 128px;
  } */

  main div.container div.position-relative,
  main div.container div.row.mt-3 {
    margin-bottom: 0;
  }

  footer .menu>li>a {
    font-size: 14px;
  }

  footer .menu .sub-menu li a {
    font-size: 12px;
  }

  footer .rss-links a {
    font-size: 14px;
  }

  .sponsors .row {
    justify-content: space-between;
  }

  .sponsors div.col {
    max-width: 591px;
  }

  footer .container .mb-4>div>a img,
  header .container>div div a img {
    max-width: 380px;
    object-fit: contain;
  }
}

@media (min-width:744px) and (max-width:1023.6px) {
  header {
    padding-top: 16px !important;
    border-bottom: 1px solid #646666;
    height: 80px;
  }

  header>div {
    /*height: 80px;*/
    padding-top: 0;
    margin-top:15px;
  }

  header .container>div div a img {
    max-width: 252px;
    height: 48px;
    object-fit: contain;
  }

  header .mobile-nav .nav-link.highlighted {
    width: 192px;
    max-height: 48px;
    font-size: 14px;
    padding: 19px 16px !important;
  }

  footer .container>div div a img {
    max-width: 334px;
    object-fit: contain;
  }

  main .container,
  header .container,
  footer .container {
    max-width: 700px;

    margin: auto;
    padding: 0px;

  }

  section .row.mt-4 {
    display: grid;
  }

  aside.border-start>div .wp-block-image,
  aside.border-start>div .wp-block-image img {
    width: 216px;
    height: 216px;
    /*max-width: 216px;*/
    /*max-height: 216px;*/
  }

  aside.border-start {
    border-left: none !important;
    padding-left: 0 !important;
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
  }

  main .more-btn {
    margin-bottom: 24px;
  }

  aside.border-start {
    border-top: 1px solid #B8BCBC;
    max-width: 459px;
    padding-top: 24px;
  }

  aside.border-start>div .wp-block-image {
    margin-bottom: 0;
  }

  section ul.wp-block-latest-posts__list {
    width: 482px;
  }

  section ul.wp-block-latest-posts__list li {
    padding: 0 !important;
    max-width: 216px;
  }

  section .wp-block-latest-posts__featured-image {
    width: 216px;
    height: 120px;
    margin-bottom:10px;
  }

  section .important .wp-block-latest-posts__featured-image {
    width: 192px;
    height: 108px;
  }

  section ul.wp-block-latest-posts__list li.important {
    padding: 12px !important;
  }

  .block-with-latests-posts {
    width: 456px;
  }

}

@media (min-width:1024px) {
  .row-with-banner {
    display: none;
  }
}

@media (max-width:1023.6px) {

  header>.container {
    margin-bottom: 0 !important;
  }

  header .mobile-nav .nav-link.highlighted {
    display: flex;

    align-items: center;
    justify-content: center;
  }

  /* header .navbar */
  header .search-block {
    display: none;
  }

  footer .menu {
    flex-wrap: wrap;
  }

  header div.container>.d-flex {
    align-items: center;
  }

  section ul.wp-block-latest-posts__list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 24px;
  }

  section .top-banner {
    display: none !important;
  }

  main div.container div.row.mt-3 {
    margin-top: 0px !important;
  }

  section .wp-block-latest-posts__post-title {
    font-size: 16px;
  }

  section .wp-block-latest-posts__post-date,
  section .wp-block-latest-posts__post-author,
  section .wp-block-latest-posts__post-excerpt,
  aside ul.announces li a,
  aside ul.advokasi li a,
  aside ul.announces li time,
  aside ul.advokasi li time,
  div.position-relative div ul.wp-block-latest-posts li .wp-block-latest-posts__post-title,
  footer .container div.d-flex>div.me-4,
  footer .rss-links,
  .sponsors p {
    font-size: 12px;
  }

  section ul.wp-block-latest-posts__list li {
    grid-template-areas: "pht pht" "pdtc pdtc" "ptl ptl" "ptx ptx";
  }

  section ul.wp-block-latest-posts__list li.important {
    border-left: none;
    border-top: 2px solid #75B83B;
    border-bottom: none;
    margin-top: 0;
  }

  section ul.wp-block-latest-posts__list li {
    border-bottom: none;
    border-left: none;
  }

  .sidebar-title,
  .wp-block-heading {
    font-size: 20px;
  }

  main .more-btn {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  main .more-btn:hover {
    padding-top: 16px;
    padding-bottom: 16px;
    margin-top:-1px;
    margin-bottom:23px;
  }

  div.position-relative div ul.wp-block-latest-posts li .wp-block-latest-posts__featured-image {
    display: none;
  }

  div.position-relative div ul.wp-block-latest-posts li {
    min-width: 216px;
    max-width: 216px;
    max-height: max-content;
    column-gap: 0px;
    margin: 4px 0;
  }

  ul.wp-block-latest-posts {
    gap: 12px;
  }

  main div.container div.row.mt-3,
  main div.container div.position-relative,
  ul.wp-block-latest-posts {
    margin-bottom: 0;
  }

  main div.container div.position-relative {
    margin-bottom: 12px;
  }

  div.position-relative .show-more {
    height: 73px !important;
  }

  footer .container>div.justify-content-between {
    flex-direction: column;
    margin-bottom: 0 !important;
  }

  footer .btn-outline-light {
    margin-right: -21% !important;
  }

  footer .container div.d-flex>div.me-4 {
    align-items: center;
  }

  footer .menu-golovne-menyu-container {
    display: grid;

  }

  footer .menu {
    row-gap: 24px;
    overflow: hidden;
    border-top: 1px solid transparent;
  }

  footer .menu li {
    width: 211px;
  }

  footer .menu>li.menu-item-object-page::before,
  footer .menu>li.menu-item-object-category::before,
  footer .menu>li>a::after {
    height: 1px;
    width: 120vw;
    display: block;
    content: "";
    background-color: #646666;
    position: relative;
    /* top: 50px; */
  }

  footer .menu>li>a::after {
    margin-top: 12px;
  }

  footer .menu>li.menu-item-object-page::before,
  footer .menu>li.menu-item-object-category::before {
    margin-bottom: 12px;
  }


  footer .menu-golovne-menyu-container::before {
    display: none;
  }

  /*footer .rss-links>div a {*/
  /*  font-size: 14px;*/
  /*}*/

  /*footer .rss-links {*/
  /*  flex-direction: column;*/
  /*  align-content: flex-start !important;*/
  /*  align-items: flex-start !important;*/
  /*  flex-wrap: wrap;*/
  /*}*/

  /*footer .rss-links>.links {*/
  /*  display: flex;*/
  /*  width: 100%;*/
  /*  justify-content: space-between;*/
  /*  margin-top: 8px;*/
  /*}*/

  .sponsors div.col {
    max-width: 456px;
  }

  .sponsors .row {
    justify-content: space-between;
  }

  footer.sponsors .container>div div a img {
    max-width: 126px;
  }

  header .mobile-nav-btn {
    display: block !important;
  }
}

@media (min-width:744px) {
  .img-fluid-mobile {
    display: none;
  }
}

@media screen and (max-width:743.6px) {
  header {
    height: 72px;
    border-bottom: 1px solid #646666;
    margin-top: -9px;
    padding-bottom: 15px;
  }


  header .container>div div a img {
    max-width: 121px;
    height: 23px;
    object-fit: contain;
  }

  header .mobile-nav .nav-link.highlighted {
    width: 153px;
    padding: 12px 8px !important;
    height: 33px !important;
    font-size: 12px;
  }

  footer .container .mb-4>div>a img {
    width: 296px;
    max-width: 720px;
    height: 55px;
  }

  footer .container div.d-flex {
    flex-direction: column;
    align-items: flex-start !important;
    max-width: 720px;
  }

  footer .container div.d-flex>div {
    max-width: 720px;
    width: 100%;
  }

  footer .btn-outline-light,
  footer .btn-primary {
    width: 100%;

  }

  footer .btn-primary {
    margin-top: 8px;
  }

  footer .btn-outline-light {
    margin-top: 24px;
    margin-right: 0 !important;
  }

  footer .menu>li>ul {
    display: none;
  }

  footer .menu>li.active>ul {
    display: block;
    padding: 8px 0;
    margin-top: 0;
  }

  footer .menu>li>a {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-left: 0;
  }

  footer .menu>li>a::after {
    background: url(../images/keyboard_arrow_down.png);
    position: relative;
    content: "";
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 5px;
    margin-left: 6px;
  }

  footer .menu>li.active>a::after {
    transform: rotate(180deg);
    margin-top: 2px;
  }

  footer .menu .sub-menu li {
    padding-left: 0;

  }

  footer .menu>li>a {
    font-size: 14px;
  }

  footer .menu .sub-menu li>a {
    font-size: 12px;
  }

  footer .menu .sub-menu li:first-child {
    display: flex;
    justify-content: flex-start;
  }

  footer .menu .sub-menu li:first-child>a {
    font-weight: 600;

  }

  footer .menu>li>ul>li:first-child::after {
    background-image: url(../images/arrow_right_alt-white.png);
    width: 12px;
    height: 12px;
    display: block;
    content: "";
    top: 5px;
    position: relative;
    margin-left: 8px;
    background-repeat: no-repeat;
  }

  footer .menu {
    row-gap: 19px;
  }

  /*footer .rss-links>.links {*/
  /*  flex-direction: row;*/
  /*  flex-wrap: wrap;*/
  /*  max-width: 218px !important;*/
  /*  justify-content: flex-start;*/
  /*  gap: 12px;*/

  /*}*/

  footer.sponsors {
    padding-top: 16px !important;
  }

  footer.sponsors>div.pb-4 {
    padding-bottom: 0 !important;
  }

  .sponsors .row {
    flex-direction: column;
    margin-bottom: 0;
    gap: 16px;
  }

  footer.sponsors .container>div div a img {
    max-width: 126px;
    object-fit: contain;
  }
  header > .container {
    padding-bottom:15px;
  }
  .show-in-mobile-menu .container {
    padding:0;
  }
  .social-block span {
    display:none;
  }
  .auth-search-block {
    margin-top:15px;
  }
  .sponsors div.col {
    max-width:none;
  }
}

@media screen and (max-width:576.6px) {


  main .container {
    display: flex;
    flex-direction: column;
  }

  main .container div.row {

    display: flex;
    flex-direction: column;
  }

  main .container div.row>div.col-sm-4 {
    order: 2;
  }

  main .container div.row>div:last-child {
    order: 1;
    max-width: 720px;
    padding-right: 12px;
  }

  .img-fluid {
    display: none;
  }

  .img-fluid-mobile {
    display: block;
  }

  .row-with-banner img {
    height: 250px;
    max-width: 720px;
    width: 100%;
  }

  .block-with-latests-posts,
  section ul.wp-block-latest-posts__list,
  section ul.wp-block-latest-posts__list {
    width: 100%;
    max-width: 720px;
    min-width: 296px;
  }

  section ul.wp-block-latest-posts__list {
    flex-direction: column;
    flex-wrap: nowrap;
  }

  .wp-block-latest-posts.wp-block-latest-posts__list li {
    max-width: 720px;
  }

  section .important .wp-block-latest-posts__featured-image {
    width: 100% !important;
    height: 155px !important;
  }

  section ul.wp-block-latest-posts__list li.important {
    padding: 12px !important;
  }

  section .wp-block-latest-posts__featured-image img,
  section .wp-block-latest-posts__featured-image {
    width: 100% !important;
    max-width: 720px;
    height: auto;
  }

  section ul.wp-block-latest-posts__list li {
    padding: 0 !important;
  }

  section .wp-block-latest-posts__featured-image {
    margin-bottom: 12px;
  }

  section .more-btn {
    margin-bottom: 24px;
  }

  aside.border-start {
    border-left: none !important;
    padding-left: 0 !important;
    max-width: 296px;
  }

  aside.border-start>div .wp-block-image img {
    width: 100% !important;
    max-width: 720px;
  }
  aside.border-start > div .wp-block-image a {
    width:100%;
  }

  aside.border-start>div .wp-block-image {

    /*max-width: 720px;*/
    /*max-height: 296px;*/
    width: 100%;

  }

  aside.border-start {
    border-top: 1px solid #B8BCBC;
    max-width: 720px;
    padding-top: 24px;
  }

  aside.border-end {
    padding-right: 0 !important;
    border-right: none !important;
  }

  .left-sidebar {
    /*margin-top:-55px;*/
  }

  .knowledge-base-widget li .wp-block-latest-posts__right {
    width:100%;
  }

}

@media (min-width:576px) and (max-width:1023.6px) {
  .img-fluid-mobile {
    display: none;
  }

  main .container div.row {
    display: flex;
    /* flex-direction: column; */
  }

  section ul.wp-block-latest-posts__list {
    display: flex;
    flex-direction: row;
    align-items: start;
  }

  section ul.wp-block-latest-posts__list {
    width: 100%;
    max-width: 720px;
    min-width: 100%;
  }

  section ul.wp-block-latest-posts__list li {
    padding: 0 !important;
    max-width: 216px;
  }

  section .wp-block-latest-posts__featured-image {
    width: 216px;
    height: 120px;
  }

  section .important .wp-block-latest-posts__featured-image {
    width: 192px;
    height: 108px;
  }

  section ul.wp-block-latest-posts__list li.important {
    padding: 12px !important;
  }

  section .wp-block-latest-posts__post-title {
    line-height:20px;
    height:40px;
    overflow:hidden;
    margin-top:12px;
    margin-bottom:8px;
  }

  section .wp-block-latest-posts__post-excerpt {
    height:60px;
    overflow:hidden;
  }

  .knowledge-base-widget li .wp-block-latest-posts__right {
    width:100%;
  }



  .block-with-latests-posts {
    width: 100%;
  }

  aside.border-start {
    border-left: none !important;
    padding-left: 0 !important;
    margin-top: 24px;
  }

  section div.col-4 {
    /*padding-right: 12px;*/
    display: flex;
    justify-content: center;
  }
}
@media screen and (max-width:319.9px) {
  footer .container .mb-4>div>a img {
    max-width: 320px;
    width: 95%;
  }

  header .mobile-nav .nav-link.highlighted {
    max-width: 110px !important;
    width: 100%;
    padding: 2px 5px !important;
    height: 33px !important;
    font-size: 8px;
  }

  .block-with-latests-posts,
  section ul.wp-block-latest-posts__list,
  section ul.wp-block-latest-posts__list {
    min-width: 1px !important;
  }

  .sponsors .footer-sponsor-logos {
    flex-direction: column;
  }
}
/* ------ for small screens changes ------ */

/* ---------mobile-menu---------- */
/*@media (min-width:768px) {*/

/*  .mobile-nav,*/
/*  .mobile-lang,*/
/*  .mobile-login,*/
/*  .overlay-menu,*/
/*  .open-menu-block,*/
/*  .mobile-navbar-toggler {*/
/*    display: none !important;*/
/*  }*/
/*}*/

@media (min-width:1024px) {
  .mobile-nav,
  .open-menu-block {
    display: none !important;
  }
}

@media (max-width:1023.6px) {
  .mobile-nav {
    display:block;
  }
  footer .container div.d-flex.rss-links {
    flex-direction:row;
    flex-wrap:wrap;
    justify-content: unset !important;
  }
  footer .container div.d-flex.rss-links > div {
    width:auto;
    padding-right:20px;
    margin-bottom:8px;
  }
  footer .container div.d-flex.rss-links > div:first-child {
    width:100%;

  }
  .sponsors .last-footer .footer-sponsor-logos {
    gap:15px;
  }
}
@media (min-width:768px) and (max-width:1023.6px) {
  /*.navbar-expand-md .nav-link {*/
  /*  display: none;*/
  /*}*/

  header .menu>li>a {
    font-size: 12px;
  }

  /*header .navbar,*/
  /*header .navbar>.container {*/
  /*  height: 40px;*/
  /*  top: -17px;*/
  /*}*/

  .fixed-top {
    top: 0 !important;
  }

  header nav.fixed-top .navbar-nav .nav-item-logo a {
    margin-left: -33px;
    margin-top: -12px;
  }

  /*main>.container {*/
  /*  margin-top: 85px !important;*/
  /*}*/

  header .menu>li:hover>ul.container {
    padding: 30px 6px !important;
  }

  header .menu>li:hover>ul {
    gap: 16px;
  }

  header .menu>li>ul>li:first-child a {
    font-size: 18px !important;
  }

  header .menu>li>ul a {
    font-size: 12px;
  }

  section .wp-block-latest-posts__post-title {
    line-height:20px;
    height:40px;
    overflow:hidden;
    margin-top:12px;
    margin-bottom:8px;
  }

  section .wp-block-latest-posts__post-excerpt {
    height:60px;
    overflow:hidden;
  }

  .knowledge-base-widget li .wp-block-latest-posts__right {
    width:100%;
  }
  .show-in-mobile-menu .auth-search-block {
    margin-top: 15px;
  }

  .show-in-mobile-menu .social-block {
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;

    color: rgba(2, 22, 26, 0.8);

  }

}

.show-in-mobile-menu {
  display:none;
}

#mobile_bar {
  display:none;
}

@media (max-width:1023.6px) {
  .navbar-expand-md .navbar-toggler {
    display: block;
  }
  body.expanded-nav {
    overflow:hidden;
  }

  header .navbar {
    width: 100vw !important;
    display: flex;
  }
  #mobile_bar {
    display:block;
  }
  #mobile_bar.navbar {
    background-color: transparent;
    height: 48px;
    padding: 12px;
    gap: 15px;
  }

  #mobile_bar.navbar>.container {
    max-width: 168px;
    margin-right: calc(1.5rem* .5);
    margin-left: calc(1.5rem* .5);
    padding: 12px;
    box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.3);
    background-color: #F0F2F2;
    border-radius: 6px;
    z-index: 2;
  }

  .navbar>.container {
    display: none;

  }


  .navbar>.container.show-block {
    display: flex;

  }
  .expanded-nav #navbar_top.navbar>.container {
    display:flex;
  }

  header #mobile_bar.navbar {
    display: flex;
    position: fixed;
    top: 90%;
    justify-content: center;
  }

  .expanded-nav header {
    background:#fff;
    z-index:8;
    height:calc(100vh + 9px);
    overflow:auto;
  }

  .expanded-nav header #navbar_top.navbar {
    /*top: 0;*/
    /*height:100vh;*/
    background:#fff;
    /*z-index:8;*/
    border-top:1px solid #B8BCBC;
  }

  #top-add-article {
    display:none;
  }

  .open-menu-block {
    display: flex;
    width: 48px;
    height: 48px;
    border-radius: 100px;
    background-color: #75B83B;
    right: 15px;
    top:90%;
    /*transform: translate(0, -10%);*/
    position: fixed;
    justify-content: center;
    align-items: center;
    z-index: 10;
  }

  .open-menu-block .default-state-img {
    display:inline-block;
  }
  .open-menu-block .active-state-img {
    display:none;
  }
  .open-menu-block.active .default-state-img {
    display:none;
  }
  .open-menu-block.active .active-state-img {
    display:inline-block;
  }

  .expanded-nav .open-menu-block {
    display:none;
  }

  #mobile_bar {
    z-index:9;
  }

  /* .navbar>.container>button.navbar-toggler {
    display: none;
  } */
  .navbar>.container>button.navbar-toggler:focus,
  .navbar>.container>button.navbar-toggler {
    border: 0;
  }

  .navbar>.container>button.navbar-toggler,
  .navbar .mobile-lang,
  .navbar .mobile-nav,
  .navbar .mobile-login,
  .navbar .mobile-navbar-toggler {
    max-width: 24px;
    max-height: 24px;
  }

  .navbar>.container>button.navbar-toggler,
  .mobile-nav .nav-link,
  .mobile-lang div.dropdown .dropdown-toggle,
  .mobile-login .login-link {
    padding: 0 !important;
  }

  .navbar-toggler-icon {
    width: 24px;
    height: 24px;
    background-image: url(../images/icons-mob-menu.svg);
  }

  .expanded-nav .navbar-toggler-icon {
    background-image: url(../images/icons-mob-menu-green.svg);
  }

  .mobile-lang {
    text-transform:uppercase;
  }

  header .mobile-lang div.dropdown .dropdown-menu.show {
    transform: translate(-30%, 0);
    margin-bottom:14px;
  }

  .mobile-lang div.dropdown .dropdown-toggle::after {
    display: none;
  }


  .btn-open {
    width: 24px;
    height: 24px;
  }

  /*.navbar-collapse {*/
  /*  position: absolute;*/
  /*  width: 100vw;*/
  /*  background: #fff;*/
  /*  display: block;*/

  /*  left: 50%;*/
  /*  margin-right: -50%;*/
  /*  transform: translateX(-50%);*/
  /*  top: 0;*/
  /*  overflow: hidden;*/
  /*}*/

  header nav.fixed-top .navbar-nav .nav-item a img {
    visibility: visible;

  }

  header nav.fixed-top .navbar-nav .nav-item-logo a {
    background-image: none;
  }

  header .navbar a {
    color: #000;
  }

  .hide-in-mobile-menu {
    display:none !important;
  }

  .navbar-expand-md .navbar-nav .nav-link {
    padding:0;
  }

  .menu-wrapper {
    display:block;
  }

  .menu-wrapper > ul {
    width:100%;
  }

  .show-in-mobile-menu {
    display:block;
    width:100%;
  }
  img.show-in-mobile-menu {
    height:auto;
  }

  .show-in-mobile-menu .navbar-nav {
    border-top: 1px solid #E3E5E5;
    flex-direction:column;
  }

  .show-in-mobile-menu .navbar-nav > li {
    text-transform:uppercase;
    border-bottom:1px solid #E3E5E5;
    padding:16px 8px;
  }

  .show-in-mobile-menu .navbar-nav > li > a {
    line-height: 1;
    padding:0;
  }

  .show-in-mobile-menu .navbar-nav > li > ul.dropdown-menu {
    margin:0;
    padding: 12px 0;
    border: none;
    position:static;
  }

  .show-in-mobile-menu .navbar-nav > li > ul > li {
    padding: 6px 0;
    text-transform: none;
  }

  .show-in-mobile-menu .navbar-nav > li > ul > li > a {
    padding:0;
  }

  .show-in-mobile-menu .navbar-nav > li > ul > li:first-child > a.dropdown-item {
    font-weight:bold;
  }

}

.icon-instagram img {
  width: 20px !important;
  height: 20px !important;
}
@media screen and (max-width:1023.6px) {
  .navbar-collapse.show .dropdown-toggle::after {
    background-image: url(../images/keyboard-arrow-down-black.png);
    border-top: 0;
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
    width: 8px;
    height: 6px;
    position: relative;
    top: 2px;
    left: 2px;
  }

  .navbar-collapse.show .dropdown-toggle.show::after {
    transform: rotate(180deg);
  }

  .show-in-mobile-menu .navbar-nav>li>ul>li>a {
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #02161A;
  }

  .show-in-mobile-menu .navbar-nav>li>a {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    text-transform: uppercase;

    color: #02161A;

  }

  .show-in-mobile-menu .navbar-nav>li>ul>li:first-child>a.dropdown-item::after {
    background-image: url(../images/arrow-right-alt-mob.png);
    width: 12px;
    height: 12px;
    position: relative;
    content: "";
    display: inline-block;
    top: 2px;
    left: 5px;
  }
  .show-in-mobile-menu .login-link {
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;

    color: #02161A;
  }

  .show-in-mobile-menu .auth-block img {
    width: 16px;
    height: 16px;
  }

  .show-in-mobile-menu .social-block .icon-facebook img,
  .show-in-mobile-menu .social-block .icon-twitter img,
  .show-in-mobile-menu .social-block .icon-youtube img,
  .show-in-mobile-menu .social-block .icon-instagram img,
  .show-in-mobile-menu .input-group .btn-outline-secondary img {
    width: 20px !important;
    height: 20px !important;
  }

  .show-in-mobile-menu .input-group .btn-outline-secondary {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .show-in-mobile-menu .search input[type=search].form-control,
  .show-in-mobile-menu input[type=search]::placeholder {
    font-size: 12px;
  }
}

/* ---------mobile-menu---------- */
.language-switcher .btn-link {
  text-transform: uppercase;
}
header .language-switcher div.dropdown:hover a.btn-link {
  color: #75B83B !important;
}


/* ----knowledge-page--- */
.site-main .category-description {
  height: 160px;
  display: flex;
  align-items: center;
  padding: 32px;
  /*   padding-left: 0px; */
  background-color:#85D143;
  background-image: url(../images/roots.svg);
  background-repeat: no-repeat;
  background-position: top right;
}

.general-template .site-main .category-description {
  padding-bottom:10px;
}
.general-template .category-description .category-text.expanded {
  margin-bottom:22px;
}

.site-main .category-description h1,
.site-main .category-description>.container,
.search-wrapper .input-group .btn,
.knowledge-base-l1 h2,
.knowledge-base-l2 a,
.knowledge-base-post .kb-post-meta .date,
.knowledge-base-post .kb-post-meta .post-category a,
.knowledge-base-post .post-title,
.knowledge-base-posts .kb-posts-btn-wrapper a {
  font-family: inherit;
}

.site-main .category-description h1 {

  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  color: #02161A;

}

.site-main .category-description>.container {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #02161A;
}

.category-search {
  height: 168px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #F0F2F2;
  background-image: url(../images/search-bg.svg);
  background-repeat: no-repeat;
  background-position: 71% bottom;
}

.category-search .search-wrapper {
  display: flex;
  justify-content: center;
}

.category-search .search-wrapper form {
  width: 598px;
}

.search-wrapper .searchform input[type=text].form-control,
.searchform input[type=text]::placeholder {

  font-family: inherit;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;

  padding: 18px 16px 18px;
  color: #646666;
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;

}

.search-wrapper .input-group {
  margin-bottom: 0 !important;
}

.search-wrapper .input-group .btn {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
  background-color: #07404B;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: #FFFFFF;
  padding:20px 25px;
  z-index:0;
}

.knowledge-base-l1 h2 {

  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  text-transform: uppercase;
  border-bottom: var(--line-m, 2px) solid var(--Black, #02161A);
  color: #02161A;
  /* margin-bottom: 24px; */
}

.knowledge-base-l1 {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  margin-top: 48px;
}

.knowledge-base-l2 h3 {
  margin-bottom: 24px;
}

.knowledge-base-l2 h3 a {
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 29px;
  color: #07404B;

}

.knowledge-base-l2 {
  background-color: #F0F2F2;
  padding: 24px;
  border-radius: 6px;
  max-height: 420px;
  overflow: hidden;
  position: relative;
}
.knowledge-base-l2.expanded {
  max-height:none;
}
.knowledge-base-l2::after {
  content: '';
  position: absolute;
  display: block;
  height: 40px;
  width: 96%;
  background: linear-gradient(180deg, rgba(240, 242, 242, 0) 0%, #F0F2F2 100%);
  z-index: 1;
  bottom:0;
}
.knowledge-base-l2.expanded::after {
  content: none;
}
.knowledge-base-posts {
  gap: 24px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  row-gap: 36px;
}
.site-main>.knowledge-base-posts {
  padding-bottom:48px;
}

.knowledge-base-post {
  /*   max-width: 306px; */
  width: 23.3% !important;
  display: flex;
  flex-direction: column;
  /*justify-content: space-between;*/
}

.knowledge-base-post .kb-post-featured-image {
  max-height:172px;
  overflow:hidden;
}

.knowledge-base-post .kb-post-meta {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  column-gap: 8px;
}

.knowledge-base-post .kb-post-meta .date {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #02161A;
}

.knowledge-base-post .kb-post-meta .post-category a {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #646666;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.knowledge-base-post .kb-post-meta .separator {
  font-size: 10px;
  color: #646666;
}

.knowledge-base-post .post-title {
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
  color: #02161A;
  height: 78px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.knowledge-base-post .post-title a {
  color: #02161A;
}

.knowledge-base-post .kb-post-featured-image img {
  object-fit: cover;
  width: 100%;
  border-radius: 2px;
}

.knowledge-base-posts .kb-posts-btn-wrapper {
  /*   width: 100%; */
  display: flex;
  justify-content: center;
  margin: 16px 0;
  z-index: 2;
  width: 140px;
  height: 32px;
  /*   position: relative;
    top: -37px;
    left: 18.5%; */
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  bottom: 0%;
}
.knowledge-base-posts .kb-posts-btn-wrapper {
  display:none;
}
.knowledge-base-posts .kb-posts-btn-wrapper.cnt-4 {
  display:revert;
}

.knowledge-base-posts .knowledge-base-l2.expanded .kb-posts-btn-wrapper {
  display:none;
}

.knowledge-base-posts .kb-posts-btn-wrapper a {
  width: auto;
  height: 32px;
  padding: 8px 20px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  text-transform: uppercase;
  color: #FFFFFF;
  border: 1px solid #07404B;
  border-radius: 2px;
  background-color: #07404B;
  white-space:nowrap;
}

/* .knowledge-base-posts .kb-posts-btn-wrapper {
  margin: 16px 0;
} */
.knowledge-base-l2 h3 a::after {
  display: inline-block;
  background-image: url(../images/arrow-right-alt-blue.png);
  width: 24px;
  height: 24px;
  content: "";
  position: relative;
  top: 5px;
  left: 6px;
}

.category-description .category-text {
  max-width: 731px;
}
@media (max-width:1439.6px) {
  .knowledge-base-l2 {
    max-height:444px;
  }
}
@media (max-width: 1199.6px) {
  .knowledge-base-post {
    width: calc(100% / 3 - 16px) !important;
  }
  .knowledge-base-posts .kb-posts-btn-wrapper.cnt-3 {
    display:revert;
  }
}
@media (max-width: 1023.6px) {
  .site-main .category-description h1 {
    font-size:18px;
    line-height:26px;
  }
  .category-text {
    font-size:14px !important;
    line-height:20px !important;
  }
  .knowledge-base-l2 h3 a {
    font-size:20px;
    line-height:normal;
  }
  .knowledge-base-post .kb-post-meta .date {
    font-size:12px;
  }
  .knowledge-base-post .kb-post-meta .post-category a {
    font-size:12px;
  }
  .knowledge-base-post .post-title {
    font-size:16px;
    line-height:24px;
  }
  .knowledge-base-post {
    width: calc(50% - 12px) !important;
  }
  .knowledge-base-posts .kb-posts-btn-wrapper.cnt-2 {
    display:revert;
  }
}
@media (max-width:743.6px) {
  .site-main .category-description {
    padding:32px 0;
  }
  .search-wrapper .searchform input[type="text"].form-control, .searchform input[type="text"]::placeholder {
    padding:16px 8px;
  }
  .knowledge-base-post {
    width: 100% !important;
  }
  .knowledge-base-posts .kb-posts-btn-wrapper.cnt-1 {
    display:revert;
  }
}
/* ----knowledge-page--- */

.general-template .category-description .category-text {
  max-height:100px;
  position:relative;
  overflow:hidden;
}
.general-template .category-description .category-text.expanded {
  max-height:none;
}
.general-template .category-description .category-text a.more-desc {
  position:absolute;
  top:70px;
  height:30px;
  left:0;
}
.general-template .category-description .category-text.expanded a.more-desc {
  display:none;
}

/* ---subcategories-page--- */

.site-main #breadcrumbs {
  display: flex;
  margin: 27px 0;
  align-items: center;
  white-space:nowrap;
}

.site-main #breadcrumbs>span {
  display:flex;
  align-items:center;
}

.site-main #breadcrumbs a {
  font-weight: 400;
  font-size: 16px;
  color: #02161A;
}

.site-main #breadcrumbs img {
  position: relative;
  top: 2px;
}

.category-text {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #02161A;

}

.category-text .more-desc {
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  color: rgba(2, 22, 26, 0.8);
  background-color: #85D143;
  width: 100%;
}

.general-template .category-description .category-text a.more-desc {
  top: 73px;
}
.category-text .more-desc::before {
  content: '';
  position: absolute;
  display: block;
  height: 28px;
  width: 96%;
  background: linear-gradient(180deg, rgba(240, 242, 242, 0) 0%, #85D143 100%);
  z-index: 0;
  bottom: 93%;
}

.category-text .more-desc::after {
  background-image: url(../images/keyboard-arrow-down-black.png);
  width: 20px;
  height: 20px;
  display: inline-block;
  content: "";
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  top: 6.3px;
}
.site-main .category-description {
  height: 100%;
}

.category main .container .post-item {
  margin-top: 48px;
  display: grid;
  grid-template-areas: "scl pst" "scl cmt" "scl rpt"
;
  max-width: 850px;
}

.category main .container .post-item .social-share, .single-post main .container .post-item .social-share {
  grid-area: scl;
  display: flex;
  flex-direction: column;
}

.category main .container .post-item .post-content, .single-post main .container .post-item .post-content {
  grid-area: pst;
}

.category main .container .post-item .fb-comments, .single-post main .container .post-item .fb-comments {
  grid-area: cmt;
}

.category main .container .post-item .related-posts, .single-post main .container .post-item .related-posts {
  grid-area: rpt;
}

.category main .container .post-item .post-content h2 {
  margin-bottom: 24px;
}

.category main .container .post-item .post-content h2 a, .single-post main .container .post-item .post-content h2 {

  font-family: inherit;
  font-weight: 700;
  font-size: 44px;
  line-height: 56px;
  color: #02161A;

}

.category main .container .post-item .post-content .post-meta, .single-post main .container .post-item .post-content .post-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: rgba(2, 22, 26, 0.8);
  margin-bottom: 40px;
  border-top: 1px solid #B8BCBC;
  padding-top: 24px;
}

.category main .container .post-item .post-content .post-meta .post-author, .single-post main .container .post-item .post-content .post-meta .post-author {
  display: grid;
  grid-template-areas: "fot nam" "fot rol";
  grid-area: nam;
  font-family: inherit;
  font-weight: 700;
  font-size: 16px;
  line-height: 32px;
  color: #02161A;
  align-items: center;
}

.category main .container .post-item .post-content .post-meta .avatar, .single-post main .container .post-item .post-content .post-meta .avatar  {
  grid-area: fot;
  width: 48px;
  height: 48px;
  border-radius: 100px;
  object-fit: cover;
  margin-right: 12px;
}

.category main .container .post-item .post-content .post-meta .author-role, .single-post main .container .post-item .post-content .post-meta .author-role {
  grid-area: rol;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #646666;
  max-width: 291px;
}

.category main .container .post-item .post-content p,
.category main .container .post-item .post-content ul, .single-post main .container .post-item .post-content p {
  font-weight: 500;
  font-size: 18px;
  color: #02161A;

}
.category main .container .post-item .post-content p a, .single-post main .container .post-item .post-content p a {
  /*font-weight: 500;*/
  font-size: 18px;
  color: #75B83B;
  text-decoration-line: underline;
}

.category main .container .post-item .post-content ul {
  list-style: inside;
}
.category main .container .post-item .post-content p {
  margin-bottom: 24px;
}
.category main .container .post-item .related-posts {
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  margin-bottom: 24px;
}

.category main .container .post-item .post-content .sub-heading, .category main .container .post-item .post-content .sub-heading p {
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
}

.category main .container .post-item .related-posts h3, .single-post .container .post-item .related-posts h3 {
  font-weight: 700;
  font-size: 32px;
  line-height: 40px;
}

.category main .container .post-item .related-posts .related-post, .single-post main .container .post-item .related-posts .related-post {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 16px;
  column-gap: 16px;
  border: 1px solid #B8BCBC;
  border-radius: 2px;
}

.category main .container .post-item .related-posts .related-post a, .single-post .container .post-item .related-posts .related-post a {
  max-width: 105px;
  max-height: 62px;
  overflow: hidden;
  width:100%
}

.category main .container .post-item .related-posts .related-post a img, .single-post .container .post-item .related-posts .related-post a img {
  width: 100%;
  height: auto;
}

.category main .container .post-item .related-posts .related-post h4 a, .single-post .container .post-item .related-posts .related-post h4 a {
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
  color: #02161A;

}
.category main .container .post-item .social-share, .single-post main .container .post-item .social-share {
  row-gap: 16px;
}
.category main .container .post-item .social-share a,
.category main .container .post-item .social-share a img, .single-post .post-item .social-share a,
.single-post .post-item .social-share a img {
  max-width: 40px;
  max-height: 40px;
}
.category main .container .post-item, .single-post main .container .post-item  {
  column-gap: 40px;
}
.category main .container .fb-comments, .single-post main .container .fb-comments  {
  display: block;
  min-height: 576px;
  max-width: 768px;
  border: 1px solid #B8BCBC;
  border-radius: 2px;
  margin-top: 16px;
}
.category main .container .post-item .post-content p>strong>a[target="_blank"] {
  /*padding: 32px 16px;*/
  /*background-color: #F0F2F2;*/
  /*border-left: 2px solid #75B83B;*/
  /*border-top-right-radius: 2px;*/
  /*border-bottom-right-radius: 2px;*/
  /*display:block;*/
}
/* ---subcategories-page--- */
.infinite-scroll {
  text-align:center;
}
.infinite-scroll .loader {
  display:none;
}
.infinite-scroll.loading .loader {
  display:inline;
}

/* ---single-post---- */

.site-main #breadcrumbs span {
  font-weight: 400;
  font-size: 16px;
}
.single-post #breadcrumbs .breadcrumb_last {
  display:none;
}
.single-post #breadcrumbs > span > img:last-of-type {
  display:none;
}
.single-post .content-area {
  display: flex;
  max-width: 1330px;
  /*justify-content: space-between;*/

  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x)* .5);
  padding-left: calc(var(--bs-gutter-x)* .5);
  margin-right: auto;
  margin-left: auto;

}

.single-post .content-area .site-main {
  max-width: 872px;
}

.single-post .content-area aside {
  max-width: 300px;
  margin-top: 70px;
  padding-left: 24px;
  border-left: 1px solid #B8BCBC;
}

.single-post main .container .post-item {
  margin-top: 0px;
  display: grid;
  grid-template-areas: "scl pst" "scl rpt" "scl cmt"
;
}
.single-post main .container .post-item.post-item-advokasi {
  margin-top: 0px;
  display: grid;
  grid-template-areas: "scl pst" "scl cmt" "scl rpt"
;
}
.single-post .container .post-item .related-posts {
  padding-top: 40px;
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  padding-bottom: 40px;
  border-bottom: 1px solid #B8BCBC;
  border-top: 1px solid #B8BCBC;
}
.single-post .container .post-item.post-item-advokasi .related-posts {
  margin-top:40px;
  border-bottom: none;
}
.single-post main .container .post-item .post-content .sub-heading, .single-post main .container .post-item .post-content .sub-heading p {
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
}
.single-post main .container .post-item .post-content .post-featured-image img {
  width: 100%;
  height: auto;
  /*max-height: 432px;*/
}

.single-post main .container .post-item .post-content .post-featured-image {
  margin-bottom: 40px;
  /*max-height: 432px;*/
}

.single-post main .container .fb-comments  {
  margin-top: 40px;
}

.single-post main .container p>strong>a[target="_blank"],
.single-post main .container p>a[target="_blank"]>strong,
.general-template main .container p>strong>a[target="_blank"],
.general-template main .container p>a[target="_blank"]>strong{
  /*display:block;
  padding: 32px 16px;*/
  /*background-color: #F0F2F2;*/
  /*border-left: 2px solid #75B83B;*/
  /*border-top-right-radius: 2px;*/
  /*border-bottom-right-radius: 2px;*/
}

.single-post aside .wp-block-heading {
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  padding-bottom: 8px;
}

.single-post aside ul.announces {
  margin-top:24px;
}

.single-post aside ul.announces li a.wp-block-latest-posts__post-title {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;

}

.single-post aside ul.announces li .wp-block-latest-posts__meta-oneline {
  padding-bottom: 8px;
}

.single-post aside ul.announces li a.wp-block-latest-posts__post-title {
  padding-top: 0px;
  border-top: 0px solid #B8BCBC;
}
.post-content table {
  width:100%;
}
.post-content table tr {
  vertical-align: top;
}
.post-content table,
.post-content table th,
.post-content table td
{
  border: 1px solid #B8BCBC;
  border-collapse: collapse;
}
.post-content table th,
.post-content table td
{
  padding: 16px;
}
@media (max-width:1199.6px) {
  .single-post .content-area aside {
    display:none;
  }
  .single-post .content-area .site-main {
    max-width:none;
    width:100%;
  }
  .category main .container .post-item,
  .single-post main .container .post-item,
  .single-post main .container .post-item.post-item-advokasi {
    grid-template-areas:
      "scl"
      "pst"
      "rpt"
      "cmt";
    grid-template-columns: 100%;
  }
  .site-main #breadcrumbs {
    margin:16px 0;
  }
  .category main .container .post-item .social-share, .single-post main .container .post-item .social-share {
    flex-direction:row;
    margin:16px 0;
    column-gap:16px;
  }
  .category main .container .post-item .post-content, .single-post main .container .post-item .post-content {
    padding-bottom:40px;
  }
  .category main .container .post-item .post-content h2 a, .single-post main .container .post-item .post-content h2 {
    font-size:32px;
    line-height:40px;
  }
  .single-post main .container .post-item .post-content .sub-heading, .single-post main .container .post-item .post-content .sub-heading p {
    font-size:18px;
    line-height:24px;
  }
  .post-content table {
    width:100% !important;
  }
}
@media (max-width: 743.6px) {
  .single-post .content-area {
    padding-right: 0;
    padding-left:0;
  }
  .category main .container .post-item .post-content h2 a, .single-post main .container .post-item .post-content h2 {
    font-size:20px;
    line-height:24px;
  }
  .single-post main .container .post-item .post-content .sub-heading, .single-post main .container .post-item .post-content .sub-heading p {
    font-size:16px;
    line-height:20px;
  }
  .category main .container .post-item .post-content .post-meta .post-author, .single-post main .container .post-item .post-content .post-meta .post-author {
    font-size:14px;
    line-height:32px;
    margin-bottom:22px;
  }
  .category main .container .post-item .post-content .post-meta .author-role, .single-post main .container .post-item .post-content .post-meta .author-role {
    font-size:12px;
    line-height:16px;
  }
  .category main .container .post-item .post-content .post-meta, .single-post main .container .post-item .post-content .post-meta {
    flex-direction:column;
    align-items:start;
  }
  .category main .container .post-item .related-posts .related-post, .single-post main .container .post-item .related-posts .related-post {
    flex-direction:column;
    align-items:start;
    gap:16px;
  }
}
/* ---single-post---- */
/* ---advokasi-page--- */
.category-advokasi .featured-block {
  margin-top: 40px;
}

.category-advokasi .featured-block .blocks {
  display: flex;
  column-gap: 24px;
}

.category-advokasi .featured-block .blocks .featured-post {
  max-width: 935px;
  width: 100%;
  display: grid;
  grid-template-areas: "met fim" "ptl fim";
  padding: 24px;
  background-color: #F0F2F2;
  border-radius: 6px;
  align-items: start;
}

.category-advokasi .featured-block .blocks .featured-widget {
  max-width: 385px;
  width: 100%;
  padding: 32px;
  background-image: url(../images/widget-bg.png);
  background-repeat: no-repeat;
  background-position: right;
  background-size: 100%;
  border-radius: 6px;
}

.category-advokasi .featured-block .blocks .featured-post .kb-post-meta {
  display: flex;
  column-gap: 8px;
  align-items: center;
  grid-area: met;
}

.category-advokasi .featured-block .blocks .featured-post .kb-post-meta .date {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #02161A;
  text-align: center;
}

.category-advokasi .featured-block .blocks .featured-post .kb-post-meta .post-category a {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #646666;

}

.category-advokasi .featured-block .blocks .featured-post .post-title {
  grid-area: ptl;
  max-width: 432px;
}

.category-advokasi .featured-block .blocks .featured-post .post-title a {
  font-weight: 700;
  font-size: 32px;
  line-height: 40px;
  color: #02161A;

}

.category-advokasi .featured-block .blocks .featured-post .kb-post-featured-image,
.category-advokasi .advokasi-post-featured-image {
  display: grid;
  max-width: 431px;
  justify-items: end;
  grid-area: fim;
}

.category-advokasi .featured-block .blocks .featured-post .kb-post-featured-image a,
.category-advokasi .advokasi-post-featured-image a {
  position: relative;
  max-width: 431px;
  width: 100%;
}

.category-advokasi .featured-block .blocks .featured-post .kb-post-featured-image a img,
.category-advokasi .advokasi-post-featured-image a img {
  width: 100%;
/*   height:auto; */
  height:200px;
  object-fit:cover;
}

.single-post .post-featured-image {
  position:relative;
}
.single-post .post-featured-image .badge-deadline,
.single-post .post-featured-image .badge-finished {
  position: absolute;
  background-color: #07404B;
  border: 4px solid #F0F2F2;
  border-top: transparent;
  border-right: transparent;
  border-bottom-left-radius: 2px;
  padding: 4px 8px;

  font-family: inherit;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #FFFFFF;
  top:0;
  right:0;
}

.category-advokasi .featured-block .blocks .featured-post .kb-post-featured-image .badge-deadline,
.category-advokasi .advokasi-post-featured-image .badge-deadline,
.category-advokasi .advokasi-post-featured-image .badge-finished {
  position: absolute;
  background-color: #07404B;
  border: 4px solid #F0F2F2;
  border-top: transparent;
  border-right: transparent;
  border-bottom-left-radius: 2px;
  padding: 4px 8px;

  font-family: inherit;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #FFFFFF;

}

.single-post .post-featured-image .badge-finished,
.category-advokasi .advokasi-post-featured-image .badge-finished {
  font-weight: 600;
  text-transform: uppercase;
  background-color: #02161A;
}

.category-advokasi .featured-block .blocks .featured-post .kb-post-featured-image .badge-deadline span,
.single-post .post-featured-image .badge-deadline span,
.category-advokasi .advokasi-post-featured-image .badge-deadline span {
  font-weight: 600;
  text-transform: uppercase;
}

.category-advokasi .featured-block .blocks .featured-widget .wp-block-heading {
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  text-transform: uppercase;
  border-bottom: none;
  color: #07404B;
  text-decoration: none !important;
  max-width: 245px;
}

.category-advokasi .featured-block .blocks .featured-widget div p {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: rgba(2, 22, 26, 0.8);

}

.category-advokasi .featured-block .blocks .featured-widget .wp-block-buttons {
  max-width: 107px;
  max-height: 48px;
}

.category-advokasi .featured-block .blocks .featured-widget .wp-block-button__link {
  border-radius: 2px;
  word-break: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  text-transform: uppercase;
  border: 1px solid #02161A;
  color: #02161A;
  background-color: transparent;
}

.category-advokasi .advokasi-posts .container {
  display: flex;
  flex-direction: column;
}

.category-advokasi .advokasi-posts .advokasi-subcategory {
  margin-top: 48px;
  position: relative;
}

.category-advokasi .advokasi-posts .advokasi-subcategory h2 a {
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  text-transform: uppercase;

  color: #02161A;

}

.category-advokasi .advokasi-posts .advokasi-subcategory h2 {
  border-bottom: var(--line-m, 2px) solid var(--Black, #02161A);
}

.category-advokasi .advokasi-subcategory .advokasi-posts {
  display: flex;
  flex-direction: row;
  column-gap: 24px;
  margin-top: 24px;
  padding: 24px;
  background-color: #F0F2F2;
  border-radius: 6px;
  position:relative;
}

.category-advokasi .advokasi-post {
  /* max-width: 306px; */
  width: 23.3% !important;
  display: flex;
  flex-direction: column;
  /* justify-content: space-between; */
}

.advokasi-post-meta {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  column-gap: 8px;
}

.advokasi-post-meta .date {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #02161A;
}

.advokasi-post-meta .post-category a {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #646666;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.category-advokasi .advokasi-post .post-title {
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;

  height: 78px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.category-advokasi .advokasi-post .post-title a {
  color: #02161A;
}

.category-advokasi .advokasi-post.finished .post-category a {
  color:#B8BCBC;
}
.category-advokasi .advokasi-post.finished .date,
.category-advokasi .advokasi-post.finished .post-title a {
  color: #646666;
}

.category-advokasi .advokasi-post.finished .advokasi-post-featured-image a::after {
  content: '';
  width:100%;
  height:100%;
  background:#000;
  position:absolute;
  left:0;
  top:0;
  mix-blend-mode: color;
}

.advokasi-posts .subcategory-link {
  width: 28px;
  height: 28px;
  border-radius: 100%;
  border: 2px solid #000;
  display: flex;
  align-items: center;
  position: absolute;
  right: 24px;
  z-index: 9;
  top: 50%;
  transform: translate(0, -50%);
}

.advokasi-posts .subcategory-link a {
  color: #000;
  font-size: 24px;
  margin-bottom: 2px;
  margin-left: 1px;

}

.category-advokasi .advokasi-subcategory .advokasi-posts::after {
  content: '';
  position: absolute;
  display: block;
  width: 120px;
  background: linear-gradient(90deg, #F0F2F200 0%, #F0F2F2 60%);
  right: 0;
  bottom: 0;
  top: 0;
}

.top-applicants {
  align-items:center;
  padding-bottom:24px;
}
.top-applicants .btn {
  font-family: var(--font-famaly-Inter, Inter);;
}
.applicants-counter {
  font-size:14px;
  color:#646666;
  font-weight:400;
}
.applicants-counter span {
  color: #02161A;
  font-weight:500;
}
.applicants {
  border-radius:6px;
  overflow:hidden;
}
.applicants .accordion-item {
  border:0;
}
.applicants .accordion-button {
  line-height:1;
  background:#F0F2F2;
  padding:16px;
  border:0;
  font-size:16px;
  font-weight:400;
  color:#646666;
}
.applicants .accordion-button:not(.collapsed) {
  color:#646666;
}
.applicants .accordion-button span {
  font-weight:600;
  color:#02161A;
}
.applicants .accordion-button::after {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_2257_2810' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_2257_2810)'%3E%3Cpath d='M11 13H5V11H11V5H13V11H19V13H13V19H11V13Z' fill='%23646666'/%3E%3C/g%3E%3C/svg%3E");
}
.applicants .accordion-button:focus {
  box-shadow: none;
}

.application-form {
  border-radius:6px;
  background:#07404B;
  margin-top:40px;
  color:#fff;
  padding:40px;
}

.application-form h3 {
  text-align:center;
  margin-bottom:24px;
  font-family: Inter;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px;
}

.application-form input[type=email],
.application-form input[type=tel],
.application-form input[type=text] {
  margin-bottom:16px;
  border-radius: 6px;
  border: 1px solid #B8BCBC;
  background: #FFF;
  padding: 12px 16px;
  color: rgba(2, 22, 26, 0.80);
}
.application-form input::placeholder {
  color: rgba(2, 22, 26, 0.80);
}
.application-form .row {
  margin-bottom: 0;
}
.application-form .btn {
  border-radius:6px;
}
.post-item-advokasi .post-content {
  padding-bottom:40px;
  border-bottom:1px solid #B8BCBC;
}
.application-form .file-upload-label {
  width:100%;
  padding: 12px 0;
  text-align:center;
  border-radius:6px;
  border: 1px dashed #B8BCBC;
  margin-bottom:24px;
  font-size:16px;
  color:#FFFFFFCC;
}
.application-form .file-upload-label.dragover {
  background:#fff2;
}
.application-form .file-upload-label input {
  display:none;
}
.application-form .state-loading, .application-form .state-success {
  display:none;
}
.application-form form.loading .state-loading {
  display:block;
}
.application-form form.loading .state-main {
  display:none;
}
.application-form form.success .state-success {
  display:block;
}
.application-form form.success .state-main {
  display:none;
}
/* ---advokasi-page--- */

img.alignleft {
  float:left;
  margin-right:20px;
  margin-bottom:10px;
}

img.alignright {
  float:right;
  margin-left:20px;
  margin-bottom:10px;
}

.page table td,
.page table th {
  padding:5px 10px;
  border: 1px solid #ccc;
}

@media (max-width:743.6px) {
  .top-applicants{
    flex-direction:column;
    align-items:start;
  }
}

/* ----kupuimorazom-page---- */

.page-template-template-with-top-bar main {
  margin-top: 0 !important;
}

.page-template-template-with-top-bar .red-description {
  padding: 32px 0;
}

.page-template-template-with-top-bar .red-description .red-header {
  font-family: inherit;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  text-decoration: underline #FFFFFF;
  border-bottom: none;
  margin-bottom: 0;
}

.page-template-template-with-top-bar .red-description p {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;

}

.kr-top-image {
  justify-content: flex-end;
}

.page-template-template-with-top-bar .breadcrumbs,
.page-template-template-with-top-bar .breadcrumbs a {
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #02161A;

}
.page-template-template-with-top-bar .breadcrumbs {
  margin-top:27px;
}
.page-template-template-with-top-bar .columns-2-text-text {
  margin-top: 48px;
  column-gap: 24px;
  align-items: stretch;
}

.page-template-template-with-top-bar .column-2-text-text-left,
.page-template-template-with-top-bar .column-2-text-text-right {
  border: 1px solid #000;
  border-radius: 6px;
  padding: 24px;
  width: 50%;
  row-gap: 24px;
}

.page-template-template-with-top-bar .column-2-text-text-left p,
.page-template-template-with-top-bar .column-2-text-text-right p {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: rgba(2, 22, 26, 0.8);

}

.column-header-left .years,
.column-header-right .years {
  height: 100%;
  justify-content: space-between;
  position: relative;
}

.page-template-template-with-top-bar .years::after,
.page-template-template-with-top-bar .years::after {
  display: block;
  position: absolute;
  width: 24px;
  height: 1px;
  background-color: #A3AAAC;
  content: "";
  bottom: 47%;
  left: 25%;
}

.page-template-template-with-top-bar .column-2-text-image {
  margin-top: 27px;
  column-gap: 24px;
  border-radius: 6px;
}

.page-template-template-with-top-bar .column-2-text-image-right {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.page-template-template-with-top-bar .column-2-text-image-left,
.page-template-template-with-top-bar .column-2-text-image-right {
  width: 50%;
}

.page-template-template-with-top-bar .column-2-text-image-left {
  padding: 24px;
}

.page-template-template-with-top-bar .column-2-text-image-left p {
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: rgba(2, 22, 26, 0.8);
}

/* ----kupuimorazom-page---- */
/* ---about-page-- */

.page-id-499 main .container blockquote p>a[target="_blank"]>strong {
  font-weight: 500;
  font-size: 18px;
  color: #75B83B;
  text-decoration-line: underline;
}

.page-id-499 main .container div>img {
  width: 100%;
  object-fit: cover;
}

.page-id-499 main .container div h1 {
  font-weight: 700;
  font-size: 32px;
  line-height: 40px;
  margin-top: 40px;
  margin-bottom: 20px;
}

.page-id-499 main .container div.page h3 strong,
.page-id-499 main .container div.page p strong {
  font-family: inherit;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 150%;
  color: #02161A;
}

.page-id-499 main .container div.page p,
.page-id-499 main .container div.page h3,
.page-id-499 main .container div.page ul li {
  font-weight: 500;
  font-size: 18px;
  color: #02161A;
}

.page-id-499 main .container div.page p em {
  font-style: normal;
}

.page-id-499 main .container div.page h3 strong {
  font-size: 20px;
}

/* ---about-page-- */
/* ---participants-page--- */

.page-id-2163 main .container div h1 {
  font-family: inherit;
  font-weight: 700;
  font-size: 44px;
  line-height: 56px;
  color: #02161A;
  margin-bottom: 20px;
}

.page-id-2163 main .container div p {
  font-weight: 500;
  font-size: 18px;
  color: #02161A;
}

.page-id-2163 main .container div h3 {
  font-size: 32px;
  line-height: 40px;
}

.page-id-2163 main .container div h3 a {
  font-weight: 500;
  text-decoration-line: underline;
  color: #75B83B;
}

.page-id-2163 main .container table tbody tr:first-child td {
  background-color: #E3E5E5;
  font-family: inherit;

  font-size: 18px;
  line-height: 22px;
  color: #02161A;

}

.page-id-2163 main .container table {
  width: 100%;
}

.page-id-2163 main .container table tbody tr:first-child td:first-child {
  font-weight: normal;
}

.page-id-2163 main .container table tbody tr td:first-child {
  font-weight: 600;
}

.page-id-2163 main .container table tbody tr td {
  font-family: inherit;
  font-weight: 400;
  font-size: 18px;
  line-height: 150%;
  color: #02161A;
  padding: 16px;
}

/* ---participants-page--- */

/* ---komanda-proektu--- */

.page-id-13133 main .container div>img {
  width: 100%;
  object-fit: cover;
}

.page-id-13133 main .container div h1 {
  font-weight: 700;
  font-size: 32px;
  line-height: 40px;
  margin-top: 40px;
  margin-bottom: 20px;
}

.page-id-13133 main .container div p {
  font-weight: 500;
  font-size: 18px;
  color: #02161A;
}

.page-id-13133 main .container div p img {
  border-radius: 6px;
}

.page-id-13133 main .container div p a {
  color: #75B83B;
  text-decoration-line: underline;
}

.page-id-13133 main .container p>strong>a[target="_blank"],
.page-id-13133 main .container p>a[target="_blank"]>strong {
  padding: 0;
  display: inline-block;
  background-color: transparent;
  border: none;
}

/* ---komanda-proektu--- */

/* ---chlenstvo-page---, ---poslugy-page---, ---pidtrymaty-page---, ---contact-page--- */

.page-id-499 main .container blockquote p>a[target="_blank"]>strong,
.page-id-46751 main .container p>a[target="_blank"], .page-id-46909 main .container p>strong>a[target="_blank"] {
  margin-bottom: 10px;
  font-weight: 500;
  font-size: 18px;
  color: #75B83B;
  text-decoration-line: underline;
  display: block;
  padding: 32px 16px;
  /*background-color: #F0F2F2;*/
  /*border-left: 2px solid #75B83B;*/
  /*border-top-right-radius: 2px;*/
  /*border-bottom-right-radius: 2px;*/
}

.page-id-46751 main .container div h1, .page-id-46909 main .container div h1, .page-id-46734 main .container div h1, .page-id-88 main .container div h1 {
  font-family: inherit;
  font-weight: 700;
  font-size: 44px;
  line-height: 56px;
  color: #02161A;
  margin-bottom: 20px;
}

.page-id-46751 main .container p>a[target="_blank"]>strong {
  padding: 0;
  border-left: none;
  background-color: transparent;
  display: inline;
}

.page-id-46751 main .container div p,
.page-id-46751 main .container div ul li, .page-id-46909 main .container div p, .page-id-46734 main .container div p, .page-id-88 main .container div p>span  {
  font-weight: 500;
  font-size: 18px !important;
  color: #02161A;
  font-family: inherit !important;
}
.page-id-46734 main .container div blockquote {
  padding: 16px;
  border: 1px solid #000;
  border-radius: 6px;
}
/* ---chlenstvo-page---, ---poslugy-page---, ---pidtrymaty-page---, ---contact-page--- */

/* ----auth template ---- */
.auth-template .left-col {
  border-right: 1px solid #B8BCBC;
  padding-top:48px;
  padding-right:24px;
}
.auth-template .auth-logo {
  margin-bottom:39px;
}
.auth-template h4 {
  border-bottom:none;
  font-family: Inter;
  line-height:24px;
  color:#02161A;
  text-transform:none;
  padding-left:26px;
  position:relative;
}
.auth-template h4::before {
  content:'';
  position:absolute;
  width:24px;
  height:24px;
  background:url(../images/close-gray.svg);
  left:0;
  margin-top:9px;
  transform:rotate(45deg) translate(-25%, -25%);
  transform-origin: center;
  transition: transform 500ms, margin-top 500ms;
}
.auth-template h4.opened::before {
  transform:translate(0, -50%);
  margin-top:12px;
}
.auth-template h4 + * {
  max-height: 0;
  transition: max-height 500ms;
  overflow:hidden;
}
.auth-template h4.opened + * {
  max-height: 700px;
}
.auth-template h4:hover {
  text-decoration:none;
}
.auth-template .navigation {
  margin-top:48px;
}
.auth-template .navigation .back-btn a {
  color: #02161A;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
  text-transform: uppercase;
  padding-left:24px;
  background:url(../images/arrow-left.svg) left -1px no-repeat;
}
.auth-template .navigation .auth-btn-group {
  padding:1px;
  border-radius: 6px;
  background: #F0F2F2;
}
.auth-template .navigation .auth-btn-group a {
  padding:12px 20px;
  display:inline-block;
  color: #02161A;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px; /* 114.286% */
  border-radius: 4px;
}
.auth-template .navigation .auth-btn-group.active-1 a:first-of-type {
  color: #fff;
  background:#07404B;
}
.auth-template .navigation .auth-btn-group.active-2 a:last-of-type {
  color: #fff;
  background:#07404B;
}
.auth-template div.userpro {
  border: none;
  width:424px;
  margin-top:15px;
}
.auth-template .userpro-body {
  padding: 0;
}
.auth-template .userpro-body form .section,
.auth-template .userpro-body form {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap:16px;
}
.auth-template .userpro-section {
  display:none !important;
}
.auth-template .userpro-label {
  display:none;
}
.auth-template .userpro-field {
  width:100%;
  margin-top:0;
}

.auth-template div.userpro-input label.userpro-checkbox.hide-field {
  position: absolute;
  display: block;
  right: 0;
  top: 8px;
  border-left: 1px solid #B8BCBC;
  padding-left: 40px;
  line-height:24px;
  text-transform:none;
}
.auth-template div.userpro-input label.userpro-checkbox.hide-field span {
  left:16px;
  top:4px;
}
.auth-template div.userpro div.userpro-input {
  float:none;
  width:100%;
  position:relative;
}
.auth-template div.userpro div.userpro-input input[type=text],
.auth-template div.userpro div.userpro-input input[type=email],
.auth-template div.userpro div.userpro-input input[type=tel],
.auth-template div.userpro div.userpro-input input[type=password]
{
  border-radius: 6px !important;
  border: 1px solid #B8BCBC !important;
  padding: 12px 16px !important;
  color: rgba(2, 22, 26, 0.80) !important;
  font-family: Inter !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 24px !important;
  height:auto !important;
  box-shadow: none !important;
}
.auth-template div.userpro div.userpro-input .userpro-warning {
  position:absolute;
  display:block;
  top: auto !important;
  z-index: 1;
}
.auth-template .userpro-field-first_name {
  width:calc(50% - 8px);
}
.auth-template .userpro-field-last_name {
  width:calc(50% - 8px);
}
.auth-template .userpro-field-antispam {
  margin-top:15px;
}
.auth-template .userpro-field-antispam div.userpro-input input[type="text"] {
  float:right;
  width:70% !important;
  margin-top: -15px !important;
}
.auth-template div.userpro-maxwidth {
  border-top: none;
  margin-top:-20px;
}
.auth-template div.userpro-maxwidth div.userpro-input {
  margin-top:0 !important;
}
.auth-template div.userpro-field.userpro-submit {
  border-top: 0;
}
.auth-template .userpro-clear {
  display:none !important;
}
.auth-template .userpro-field-antispam div.userpro-input .userpro-clear {
  display:block;
}
.auth-template .userpro-input .help {
  color: #646666;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding-top:4px;
  margin-bottom:-5px;
}
.auth-template .userpro-submit {
  display:flex;
  flex-direction:column;
  justify-content: stretch;
}
.auth-template div.userpro-submit input[type=submit].userpro-button {
  border-radius: 6px !important;
  background: #75B83B !important;
  padding:16px !important;
  color: #02161A !important;
  font-family: Inter !important;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 600 !important;
  line-height: 16px !important; /* 114.286% */
  text-transform: uppercase !important;
  border: none !important;
  display: block !important;
  height: auto !important;
  box-shadow: none !important;
  order:1;
  margin-right: 0 !important;
}
.auth-template .userpro-social-connect {
  position: relative !important;
  order:2;
  padding-top:30px;
  margin-top:25px;
  border-top: 1px solid #B8BCBC;
}
.auth-template .userpro-social-connect .auth-or {
  display:inline-block;
  padding: 0 32px;
  background:#fff;
  margin: auto;
  position: absolute;
  top: -14px;
  left: 50%;
  transform: translate(-50%, 0);
  color: #646666;
  text-align: center;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 171.429% */
}
.auth-template div.userpro-social-connect a.userpro-social-facebook {
  padding:9px;
  float:none;
  width:auto;
  height:auto;
  border-radius: 6px;
  background-image: linear-gradient(0deg, #0062E0 0.88%, #19AFFF 101.64%);
  color: #FFF;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px; /* 114.286% */
  text-transform: uppercase;
  display:block !important;
  margin-left:0 !important;
  text-align:center;
}
.auth-template div.userpro-social-connect a.userpro-social-facebook img {
  margin-top:-3px;
}
.auth-template div.userpro-social-connect a.userpro-social-facebook:hover {
  text-decoration:none;
}
.auth-template div.userpro-input label.userpro-checkbox,
.auth-template div.userpro-maxwidth div.userpro-input label {
  color: #02161A !important;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400 !important;
  line-height: 20px; /* 166.667% */
}
.auth-template div.userpro-submit .secondary {
  display:none;
}
.auth-template div.userpro img.userpro-loading.inline {
  max-width:16px;
  position:absolute;
  left:50%;
  transform: translate(-50%, 0);
  top:30px;
}
.auth-template .userpro-body form .section {
  display:none;
}
.auth-template .section-description h2 {
  color: #02161A;
  text-align: center;

  /* H2 */
  font-family: Inter;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 40px; /* 125% */
  text-decoration:none;
  text-transform: none;
  border-bottom: 0;
}
.auth-template .section-description p {
  overflow: hidden;
  color: rgba(2, 22, 26, 0.80);
  text-align: center;
  text-overflow: ellipsis;

  /* Body Large/Regular */
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 144.444% */
}
.auth-template .step-element {
  display:none !important;
}
.auth-template.step2 {
  display: flex;
  flex-direction: column;
}
.auth-template div.userpro-pic img {
  margin:auto;
}
.auth-template .userpro-field-profilepicture .userpro-input {
  text-align:center;
}
.auth-template div.userpro div.ajax-file-upload {
  margin:0 !important;
  color: #02161A !important;

  /* Body XS/Regular */
  font-family: Inter;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 20px !important; /* 166.667% */
  text-decoration-line: underline !important;
  text-decoration-style: solid !important;
  text-decoration-skip-ink: none !important;
  text-decoration-thickness: auto !important;
  text-underline-offset: auto !important;
  text-underline-position: from-font !important;
  background: none !important;
  border: none !important;
  height: auto !important;
  box-shadow: none !important;
}
.auth-template.step2 > div:first-child {
  margin-bottom:50px;
  margin-top:48px;
}
.auth-template.step1 .step1-element {
  display:block !important;
}
.auth-template.step2 .step2-element {
  display:block !important;
}
.auth-template.step1 .section.section1 {
  display:flex !important;
}
.auth-template.step2 .section.section2 {
  display:flex !important;
}
.auth-template.step2 .left-col {
  display:none;
}
.auth-template.step2 .navigation {
  display:none;
}
.auth-template.step2 div.userpro-maxwidth {
  display:none !important;
}
.auth-template.step2 .userpro-column {
  display:none !important;
}
.auth-template.step2 .userpro-column.userpro-submit {
  display:flex !important;
}
.auth-template.step2 .userpro-social-connect {
  display:none !important;
}
.auth-template.step1 div.userpro-submit input[type="submit"].userpro-button.step2-element {
  display:none !important;
}
.auth-template.step2 div.userpro-submit input[type="submit"].userpro-button.step2-element {
  display:block !important;
  margin-bottom:16px !important;
}
.auth-template.step2 div.userpro-submit input[type="submit"].userpro-button.step2-element.skip-btn {
  border-radius: 6px !important;
  border: 1px solid#02161A !important;
  background:none !important;
  align-self: center;
}
.auth-template.step2 div.userpro-submit input[type="submit"].userpro-button.step1-element {
  display:none !important;
}
.auth-template .userpro-login {
  margin-top:100px !important;
}
.auth-template .userpro-login .help {
  display:none;
}
.auth-template .userpro-login .extra-info {
  display:flex;
  flex-direction:row;
  align-items: center;
  justify-content:space-between;
  width: 100%;
  margin-top: -10px;
}
.auth-template .userpro-login .extra-info a {
  color: #02161A;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 150% */
}
.auth-template .userpro-login div.userpro-input label.userpro-checkbox.hide-field {
  position:static;
  border-left:0;
  padding-left:20px;
  color: #02161A;
  font-feature-settings: 'ss04' on;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 150% */
}
.auth-template .userpro-login div.userpro-input label.userpro-checkbox.hide-field span {
  left:0;
  top:1px;
}
.auth-template .userpro-login div.userpro-social-connect a.userpro-social-facebook {
  background-image: none;
  color:#02161A;
  border: 1px solid #646666;
  padding-top:12px;
}
.auth-template .userpro-login div.userpro-social-connect a.userpro-social-facebook img {
  height:32px;
}
.auth-template div.userpro-submit input[type="button"].userpro-button.secondary {
  order:2;
  color:#02161A !important;
  border: 1px solid #646666 !important;
  background: none !important;
  margin-top:16px !important;
  padding:15px !important;
  border-radius: 6px !important;
  width:100% !important;
  height:auto !important;
  font-family: Inter !important;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 600 !important;
  line-height: 16px !important;
  text-transform:uppercase!important;
}
.auth-template span.strength-container {
  top:5px;
  margin-left:10px;
}
.auth-template .userpro-head {
  display:none;
}
.full-height {
  min-height:100vh;
}
@media (max-width: 1023.6px) {
  .mobile-col-reverse {
    flex-direction: column-reverse;
  }
  .auth-template .left-col {
    border-right:0;
    border-top: 1px solid #B8BCBC;
    margin-top:96px;
  }
  .auth-template .auth-logo {
    text-align:center;
    width:100%;
  }
}
@media (min-width: 744px) and (max-width: 1023.6px) {
  .auth-template .container {
    max-width:648px;
  }
  .auth-template .auth-logo img {
    max-width:300px;
  }
  .auth-template .left-col {
    margin-top:0;
    padding:48px 96px;
  }
  .auth-template .userpro-register {
    margin-top:40px !important;
    margin-bottom:48px !important;
  }
}
@media (max-width: 743.6px) {
  .auth-template div.userpro {
    width: auto;
  }
  .auth-template .userpro-login {
    margin-top:56px !important;
    margin-bottom:56px !important;
  }
  .auth-template .left-col {
    padding-top:32px;
    padding-right:0;
  }
  div.userpro-social-connect.fullwidth-block-social {
    margin-top:25px !important;
  }
  .auth-template .auth-logo img {
    max-width:212px;
  }
  .auth-template.step2 > div:first-child {
    margin-top:16px;
    margin-bottom:0;
  }
  .auth-template.step2 > div:first-child .auth-logo {
    margin-bottom:0;
  }
  .auth-template .section-description h2 {
    padding-top:24px;
    font-size:20px !important;
    line-height:24px;
    padding-left:30px;
    padding-right:30px;
  }
  .auth-template .section-description p {
    font-size:14px !important;
    line-height:20px;
  }
}

/* ----auth template ---- */

/* ----profile---- */
.profile-template h1 {
  border-bottom: 2px solid #02161A;
  color: #02161A;
  font-family: Inter;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 40px; /* 125% */
  text-transform: uppercase;
  margin:24px 0;
}
.profile-template .profile-wrapper {
  display:flex;
  flex-direction: row;
  gap: 24px;
  border:0;
}
.profile-template .profile-wrapper .profile-right {
  flex-grow:1;
}
.profile-template .profile-image {
  border-radius: 6px;
  border: 1px solid #85D143;
  background: #EFF8E8;
  padding:32px;
  display:flex;
  flex-direction:column;
  gap:16px;
}
.profile-template .profile-image .userpro-profile-img {
  width:auto !important;
}
.profile-template .profile-image img {
  max-width:104px;
}
.profile-template .userpro-profile-name {
  text-align:center;
}
.profile-template .userpro-profile-name a {
  color: #02161A;
  text-align: center;
  font-family: Inter;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px; /* 133.333% */
  display:block;
}
.profile-template .userpro-profile-name p {
  color: #646666;
  text-align: center;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
  margin-top: 5px;
}
.profile-template .userpro-badges img {
  margin-right: 0 !important;
}
.profile-template .userpro-profile-badge {
  display:none !important;
}
.profile-template .profile-left {
  display:flex;
  flex-direction: column;
  align-items:center;
  gap:16px;
  min-height:500px;
}

.profile-template div.userpro-profile-img-btn {
  margin-top:0 !important;

}
.profile-template div.userpro-profile-img-btn.multi-btn {
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: space-between;
  width: 100%;
  align-items: end;
  flex-wrap:wrap;
}
.profile-template div.userpro-profile-img-btn a:hover,
.profile-template div.userpro-profile-img-btn a {
  display:block !important;
  border-radius: 6px !important;
  background: #07404B !important;
  color: #FFF !important;
  font-family: Inter !important;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 600 !important;
  line-height: 16px !important; /* 114.286% */
  text-transform: uppercase !important;
  padding: 16px 14px !important;
  height: auto !important;
  box-shadow: none !important;
}
.profile-template div.userpro-profile-img-btn a img {
  margin-right:2px;
}
.profile-template div.userpro-section {
  margin-top:40px !important;
  border-bottom: 1px solid #B8BCBC !important;
  color: #02161A !important;
  font-family: Inter !important;
  font-size: 18px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 26px !important; /* 144.444% */
}
.profile-template .userpro-body form > div.userpro-section:first-of-type {
  margin-top:0 !important;
}
.profile-template div.userpro div.userpro-label {
  float:none;
  width:auto;
  display:block !important;
  position:static;
}
.profile-template div.userpro-label label {
  float:none;
}
.profile-template div.userpro div.userpro-input {
  float:none;
  width:auto;
  display:block !important;
  position:relative;
}
.profile-template div.userpro-field.userpro-field-first_name {
  width: calc(50% - 5px);
  display:inline-block;
}
.profile-template div.userpro-field.userpro-field-last_name {
  width: calc(50% - 5px);
  display:inline-block;
}
.profile-template div.userpro-clear {
  display:none;
}
.profile-template .userpro-search-noresults img {
  max-width:300px;
  margin-bottom:10px;
}
.profile-template .userpro-search-noresults p {
  color: #02161A;
  font-family: Inter;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px; /* 133.333% */
  margin-bottom:30px;
}
.profile-template .knowledge-base-posts p .btn.btn-primary,
.profile-template .userpro-search-noresults p .btn.btn-primary {
  color:#fff;
}
.profile-template .knowledge-base-posts {
  text-align:left;
}
.profile-template .knowledge-base-l1 {
  margin-top:0;
}
.profile-template div.userpro .userpro-profile-img-btn {
  text-align:center;
}
.profile-right .userpro-field .required {
  display:inline-block;
  margin-left:-5px;
}
.profile-template div.userpro div.userpro-input input[type=text],
.profile-template div.userpro div.userpro-input input[type=email],
.profile-template div.userpro div.userpro-input input[type=tel],
.profile-template div.userpro div.userpro-input input[type=password]
{
  border-radius: 6px !important;
  border: 1px solid #B8BCBC !important;
  padding: 12px 16px !important;
  color: rgba(2, 22, 26, 0.80) !important;
  font-family: Inter !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 24px !important;
  height:auto !important;
  box-shadow: none !important;
}
.profile-template div.userpro div.userpro-input input.userpro-datepicker {
  padding-left: 30px!important;
}
.profile-template div.userpro div.userpro-input .chosen-container.chosen-container-single a {
  border-radius: 6px !important;
  border: 1px solid #B8BCBC !important;
  padding: 12px 16px !important;
  color: rgba(2, 22, 26, 0.80) !important;
  font-family: Inter !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 24px !important;
  height:auto !important;
  box-shadow: none !important;
}
.profile-template .chosen-container {
  float:none;
}
.profile-template .chosen-container-single .chosen-single div b {
  background-position: 0px 15px;
}
.profile-template div.userpro div.userpro-input .chosen-container .chosen-choices {
  border-radius: 6px !important;
  border: 1px solid #B8BCBC !important;
  padding: 12px 16px !important;
  color: rgba(2, 22, 26, 0.80) !important;
  font-family: Inter !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 24px !important;
  height:auto !important;
  box-shadow: none !important;
}
.profile-template div.userpro div.userpro-input .chosen-container .search-field input {
  padding:0 !important;
  border:0 !important;
}
.profile-template div.userpro div.userpro-input textarea {
  border-radius: 6px !important;
  border: 1px solid #B8BCBC !important;
  padding: 12px 16px !important;
  color: rgba(2, 22, 26, 0.80) !important;
  font-family: Inter !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 24px !important;
  height:auto !important;
  box-shadow: none !important;
}
.profile-template div.userpro div.userpro-input .userpro-warning {
  position:absolute;
  display:block;
  top: auto !important;
  z-index: 1;
}
.profile-template span.userpro-tip {
  display:none;
}
.profile-template .chosen-container-single .chosen-drop {
  margin-top:-9px;
}
.profile-template div.userpro-input label.userpro-checkbox.hide-field {
  position: absolute;
  display: block;
  right: 0;
  top: 8px;
  border-left: 1px solid #B8BCBC;
  padding-left: 40px;
  line-height:24px;
  text-transform:none;
}
.profile-template div.userpro-input label.userpro-checkbox.hide-field span {
  left:16px;
  top:4px;
}
.profile-template span.strength-container {
  top:5px;
  margin-left:10px;
}
.profile-template input.userpro-button.secondary.popup-request_verify {
  padding: 16px !important;
  border-radius: 2px !important;
  background: #E3E5E5 !important;
  color: #02161A !important;
  font-family: Inter !important;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 600 !important;
  line-height: 16px !important; /* 114.286% */
  text-transform: uppercase !important;
  margin:0  !important;
  height:auto !important;
  box-shadow: none !important;
  margin-top:16px !important;
  border:0!important;
}
.profile-template input.userpro-button.red {
  padding: 16px 14px !important;
  border-radius: 6px !important;
  border: 1px solid #F84343 !important;
  color: #F84343 !important;
  font-family: Inter !important;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 600 !important;
  line-height: 16px !important; /* 114.286% */
  text-transform: uppercase !important;
  margin:0  !important;
  height:auto !important;
  box-shadow: none !important;
  background: none !important;
}
.profile-template .userpro-submit {
  display:none !important;
}
div.userpro.profile-wrapper-with-top-action {
  border:0;
}
.profile-wrapper-with-top-action .top-action {
  margin-bottom:38px;
  border:0;
}
.profile-wrapper-with-top-action .top-action a {
  color: #02161A;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px; /* 114.286% */
  text-transform: uppercase;
  padding-left:24px;
  background:url(../images/arrow-left.svg) left -1px no-repeat;
}
.profile-wrapper-with-top-action.profile-template div.userpro-field {
  margin-top:0 !important;
}
.profile-wrapper-with-top-action.profile-template div.userpro div.userpro-label {
  margin-top:0 !important;
}
.profile-wrapper-with-top-action.profile-template div.userpro-label label {
  border-bottom: 1px solid #B8BCBC !important;
  color: #02161A !important;
  font-family: Inter !important;
  font-size: 18px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 26px !important; /* 144.444% */
  width:100%;
  margin-top:-4px!important;
  margin-bottom:8px;
}
.profile-wrapper-with-top-action.profile-template .userpro-submit {
  display:block !important;
  border-top:0!important;
}
.profile-wrapper-with-top-action.profile-template input.userpro-button.secondary {
  padding:16px 20px !important;
  border-radius: 2px !important;
  border: 1px solid #02161A !important;
  color: #02161A !important;
  font-family: Inter !important;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 600 !important;
  line-height: 16px !important; /* 114.286% */
  text-transform: uppercase !important;
  background:none !important;
  height:auto !important;
  box-shadow:none !important;
}
.profile-wrapper-with-top-action.profile-template div.userpro-submit input[type="submit"].userpro-button {
  padding:16px 20px !important;
  border-radius: 6px !important;
  background: #F84343 !important;
  color: #FFF !important;
  font-family: Inter !important;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 600 !important;
  line-height: 16px !important; /* 114.286% */
  text-transform: uppercase !important;
  height:auto !important;
  box-shadow:none !important;
  border:0!important;
}
.profile-wrapper-with-top-action.profile-template .userpro-body {
  padding-left:0!important;
}
.profile-template {
  margin-bottom:100px !important;
}
.profile-template .userpro-alert {
  display:none !important;
}
.profile-template div.userpro-label.iconed {
  padding-left:0!important;
}
@media (max-width:1023.6px) {
  .profile-template div.userpro-field.userpro-field-first_name,
  .profile-template div.userpro-field.userpro-field-last_name {
    width:100%;
    display:block;
  }
  .profile-template div.userpro-input label.userpro-checkbox.hide-field {
    position: relative;
    border-left: 0;
    padding-left: 21px;
  }
  .profile-template div.userpro-input label.userpro-checkbox.hide-field span {
    left: 1px;
  }
  .profile-wrapper-with-top-action.profile-template div.userpro-submit input[type="submit"].userpro-button {
    margin-bottom:10px !important;
  }
}
@media (max-width:743.6px) {
  .profile-template .profile-wrapper {
    flex-direction:column;
  }
  .profile-template .profile-left {
    min-height:0;
  }
  div.userpro-body {
    padding:0 !important;
  }
}
/* ----profile---- */
/* --mobile-advokasi-- */

.category-advokasi .featured-block .blocks .featured-widget {
  background-position: inherit;
  background-size: cover;
}

.category-advokasi .advokasi-posts {
  overflow: hidden;
}

@media (max-width:1439px) and (min-width:1200px) {
  .category-advokasi .advokasi-post {
    min-width: 29% !important;
  }



  .category-advokasi .featured-block .blocks .featured-post .post-title {
    max-width: 300px;
  }

  .category-advokasi .featured-block .blocks .featured-post .kb-post-featured-image a,
  .category-advokasi .featured-block .blocks .featured-post .kb-post-featured-image {
    max-width: 323px;
  }


}

@media (max-width:1199.9px) and (min-width:744px) {


  .category-advokasi .featured-block .blocks .featured-widget {
    max-width: 100%;
    max-height: 112px;
    display: grid;
    grid-template-areas: "wtl wbt" "wtx wbt";
    padding: 24px;
  }

  .category-advokasi .featured-block .blocks .featured-widget div:first-child {
    grid-area: wtl;
  }

  .category-advokasi .featured-block .blocks .featured-widget .wp-block-heading {
    max-width: 100%;
  }

  .category-advokasi .featured-block .blocks .featured-widget div:nth-child(2) {
    grid-area: wtx;
  }

  .category-advokasi .featured-block .blocks .featured-widget div:nth-child(3) {
    grid-area: wbt;
  }
}

@media (max-width:1199.9px) {
  .category-advokasi .featured-block .blocks {
    flex-direction: column;
    row-gap: 24px;
  }
}

@media (max-width:1199.9px) and (min-width:1024px) {
  .category-advokasi .advokasi-post {
    min-width: 35% !important;
  }

}

@media (max-width:1023.9px) and (min-width:744px) {
  .category-advokasi .advokasi-post {
    min-width: 48% !important;
  }


}

@media (max-width:1023.9px) {

  .category-advokasi .featured-block .blocks .featured-post .post-title a,
  .category-advokasi .featured-block .blocks .featured-widget .wp-block-heading {
    font-size: 20px;
    line-height: 24px;
  }

  .category-advokasi .featured-block .blocks .featured-post .kb-post-meta .post-category a,
  .category-advokasi .featured-block .blocks .featured-post .kb-post-meta .date,
  .category-advokasi .featured-block .blocks .featured-post .kb-post-meta .separator,
  .category-advokasi .featured-block .blocks .featured-widget .wp-block-button__link,
  .advokasi-post-meta .post-category a,
  .advokasi-post-meta .date,
  .advokasi-post-meta .separator {
    font-size: 12px;
  }

  .category-advokasi .featured-block .blocks .featured-widget div p {
    font-size: 14px;
  }

  .category-advokasi .advokasi-post .post-title {
    font-size: 16px;
  }
}

@media (max-width:743.9px) {
  .category-advokasi .advokasi-post {
    min-width: 72% !important;
  }

  .category-advokasi .featured-block .blocks .featured-post .kb-post-featured-image,
  .category-advokasi .featured-block .blocks .featured-post .kb-post-featured-image a {
    max-width: 100%;
  }

  .category-advokasi .featured-block .blocks .featured-post .kb-post-meta {
    margin-top: 24px;
  }

  .category-advokasi .featured-block .blocks .featured-post {
    grid-template-areas: "fim fim" "met met" "ptl ptl";
  }

  .category-advokasi .featured-block .blocks .featured-widget {
    max-width: 100%;
  }
}

/* --mobile-advokasi-- */

.modal-dialog h1 {
  margin:0;
}
.modal-dialog .userpro-head {
  display:none;
}
.modal-dialog div.userpro {
  border:0 !important;
  padding: 0;
}
.profile-template .modal-dialog .userpro-submit {
  display:block !important;
}
.modal-dialog .userpro-button.btn.btn-primary {
  border-radius: 2px !important;
  background: #75B83B !important;
  color: #02161A !important;
  font-family: Inter !important;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 600 !important;
  line-height: 16px !important; /* 114.286% */
  text-transform: uppercase !important;
  box-shadow: none !important;
  padding: 10px 20px !important;
  height:auto !important;
  border:none !important;
}
.modal-dialog div.userpro div.ajax-file-upload {
  background: #fff !important;
  color: #02161A !important;
  font-family: Inter !important;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 600 !important;
  line-height: 16px !important; /* 114.286% */
  text-transform: uppercase !important;
  box-shadow: none !important;
  padding: 16px 14px !important;
  border-radius: 6px !important;
  height:auto !important;
  border:1px solid #02161A !important;
}

/* ---mobile-kupuimo--- */
@media (max-width:1439px) and (min-width:1200px) {
  .page-template-template-with-top-bar .column-2-text-image-left {
    padding: 32px;
  }
}

@media (max-width:1024px) {

  .red-header .wp-container-core-group-is-layout-3 {
    display: flex;
    flex-direction: column-reverse;
    max-width: 500px;
  }

  .red-header .kr-top-image {
    margin-top: 24px;
  }

  .red-description .red-header {
    font-size: 18px !important;
  }

  .page-template-template-with-top-bar .red-description p,
  .page-template-template-with-top-bar .column-2-text-text-left p,
  .page-template-template-with-top-bar .column-2-text-text-right p {
    font-size: 14px !important;
  }

  .page-template-template-with-top-bar .column-2-text-image {
    display: flex;
    flex-direction: column-reverse;
  }

  .page-template-template-with-top-bar .column-2-text-image-left,
  .page-template-template-with-top-bar .column-2-text-image-right {
    width: 100%;
  }

  .page-template-template-with-top-bar .column-2-text-image-right {
    display: flex;
    align-items: center;
  }

  .page-template-template-with-top-bar .column-2-text-image-left p {
    font-size: 12px !important;
  }

  .page-template-template-with-top-bar .column-2-text-image-left p.has-link-color {
    font-size: 16px !important;
    margin-bottom: 16px;
  }

  .page-template-template-with-top-bar .breadcrumbs,
  .page-template-template-with-top-bar .breadcrumbs a {
    font-size: 14px !important;
  }

  .page-template-template-with-top-bar .columns-2-text-text {
    flex-direction: column;
    row-gap: 24px;
  }

  .page-template-template-with-top-bar .column-2-text-text-left,
  .page-template-template-with-top-bar .column-2-text-text-right {
    width: 100%;
  }

  .wp-container-core-group-is-layout-13,
  .wp-container-core-group-is-layout-10 {
    flex-direction: row !important;
  }

  .column-header-left .years,
  .column-header-right .years {
    row-gap: 40px;
  }

  .page-template-template-with-top-bar .column-2-text-image-right {
    max-height: 400px;
    min-height: 400px;
    /* height: 100%; */
  }

  .page-template-template-with-top-bar .columns-2-text-text {
    margin-top: 24px;
  }

  .column-header-left .years p,
  .column-header-right .years p {
    font-size: 20px !important;
  }
}

@media (max-width:743px) {

  .page-template-template-with-top-bar .column-2-text-text-left,
  .page-template-template-with-top-bar .column-2-text-text-right,
  .page-template-template-with-top-bar .column-2-text-image-left {
    padding: 16px;
  }

  .page-template-template-with-top-bar .red-description {
    padding: 20px 0;
  }

  .page-template-template-with-top-bar .column-2-text-image-right {
    max-height: 260px;
    min-height: 260px;
    /* height: 100%; */
  }

}

.page-template-template-with-top-bar .column-2-text-image-right img {
  width: 80%;
}

.page-template-template-with-top-bar .column-2-text-image-right .wp-block-image {
  display: flex;
  justify-content: center;
}

/* ---mobile-kupuimo--- */

.wp-post-image {
  max-width:100%;
  height:auto;
}

.category-grid {
  display: flex;
  flex-direction: row;
  flex-wrap:wrap;
  gap:48px 24px;
  margin-bottom:50px;
}
.category-grid .category-grid-item {
  flex-basis:calc(25% - 24px * 3 / 4);
  display:flex;
  flex-direction:column;
}
.category-grid .grid-item-meta {
  display:inline-block;
  flex-direction:row;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.category-grid .grid-item-date {
  display:inline-block;
  color: #02161A;
  leading-trim: both;
  text-edge: cap;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
}
.category-grid .grid-item-category {
  display:inline-block;
  position:relative;
  padding-left:8px;
  margin-left:8px;
}
.category-grid .grid-item-category::before {
  content: "";
  display:block;
  position:absolute;
  left:0;
  top:7px;
  height:15px;
  border-left:1px solid #646666;
}
.category-grid .grid-item-category a {
  color: #646666;
  leading-trim: both;
  text-edge: cap;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
}
.category-grid .grid-item-title {
  flex-grow:1;
  margin-top:8px;
}
.category-grid h2 a {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
  overflow:hidden;
  color: #02161A;
  /* Body Large/Bold */
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px; /* 144.444% */
}
.category-grid .grid-item-image {
  max-height:200px;
  overflow:hidden;
}
.category-grid .grid-item-image img {
  object-fit:cover;
  height:200px;
}
.post-list-container {
  display: flex;
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x)* .5);
  padding-left: calc(var(--bs-gutter-x)* .5);
  margin-right: auto;
  margin-left: auto;
}
.post-list-container aside {
  max-width: 300px;
  margin-top: 60px;
  padding-left: 24px;
  border-left: 1px solid #B8BCBC;
  margin-left:24px;
}
.post-list-container .wp-block-heading {
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  padding-bottom: 8px;
}

.post-list-container ul.announces {
  margin-top:24px;
}

.post-list-container ul.announces li a.wp-block-latest-posts__post-title {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;

}

.post-list-container ul.announces li .wp-block-latest-posts__meta-oneline {
  padding-bottom: 8px;
}

.post-list-container ul.announces li a.wp-block-latest-posts__post-title {
  padding-top: 0px;
  border-top: 0px solid #B8BCBC;
}
@media (max-width:1199.6px) {
  .category-grid .category-grid-item {
    flex-basis:calc(100% / 3 - 24px * 2 / 3);
  }
}
@media (max-width:1023.6px) {
  .category-grid .category-grid-item {
    flex-basis:calc(100% / 2 - 24px * 1 / 2);
  }
  .post-list-container aside {
    display:none;
  }
}
@media (max-width:743.6px) {
  .category-grid .category-grid-item {
    flex-basis:100%;
  }
}

.post-content img {
  max-width:100%;
}
blockquote {
  padding:10px;
  background: #F0F2F2;
  border-left: 5px solid #ccc;
}