*::-webkit-scrollbar {
  height: 6px;
  width: 6px;
}
*::-webkit-scrollbar-track {
  border-radius: 20px;
  background-color: #F5F5F5;
}

*::-webkit-scrollbar-track:hover {
  background-color: #F5F5F5;
}

*::-webkit-scrollbar-track:active {
  background-color: #F5F5F5;
}

*::-webkit-scrollbar-thumb {
  border-radius: 20px;
  background-color: var(--main-color);
}

*::-webkit-scrollbar-thumb:hover {
  background-color: var(--main-color);
}

*::-webkit-scrollbar-thumb:active {
  background-color: var(--main-color);
}
/* input::placeholder {
  color: #909294 !important;
  font-size: 0.9em !important;
}

input::-ms-input-placeholder { 
  color: #909294 !important;
  font-size: 0.9em !important;
} */
body{
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
body.menu_open{
  overflow: hidden;
}
main{
  min-height: calc(100vh - 350px);
}
a{
  text-decoration: none;
  color: #0017ab;
}
a:hover{
  color: #000c5c;
}
.main-color{
  color: var(--main-color); 
}

.btn{
  border-radius: 33px;
  padding-top: 4px;
  padding-bottom: 4px;
}
button:focus:not(:focus-visible){
  box-shadow: none;
}
.form-control:focus,
.form-select:focus,
.btn:hover,
.btn:focus,.btn:active:focus,.btn.active:focus,
.btn.focus,.btn:active.focus,.btn.active.focus {
  outline: none !important;
  box-shadow: none;
}
.btn-white{
  background-color: var(--white);
  border: var(--blue-border) !important;
}
.btn-primary,
.btn-primary:hover,
.btn-primary:focus,.btn-primary:active:focus,.btn-primary.active:focus{
  background-color: var(--main-color);
  border:1px solid var(--light-text-color);
  line-height: 30px;
  border-radius: 25px;
  color: var(--light-text-color);
  font-family: "Outfit", sans-serif;
  font-weight: 600;
}
.btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus,.btn-secondary:active:focus,.btn-secondary.active:focus{
  background-color: #DBE4F8;
  border:1px solid #DBE4F8;
  line-height: 30px;
  border-radius: 25px;
  color: var(--main-color);
  font-family: "Outfit", sans-serif;
  font-weight: 600;
}
.btn-tag,
.btn-tag:hover,
.btn-tag:focus,.btn-tag:active:focus,.btn-tag.active:focus{
  background-color: #FFF;
  border:1px solid #9FB5F0;
  line-height: 30px;
  border-radius: 25px;
  color: #9FB5F0;
  font-family: "Outfit", sans-serif;
  font-weight: 600;
}
.btn-close,
.btn-close:hover{
  opacity: 1;
  border-radius: 40px;
  padding: 7px;
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='%231341F6' d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/></svg>") !important;
}
.form-select{
  background-color: var(--main-color);
  color: var(--light-text-color);
  padding: 5px 35px 5px 15px;
  font-size: 0.7rem;
  border-radius: 0;
  background-image: url('data:image/svg+xml,<svg width="17" height="9" viewBox="0 0 17 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16 1.5C16 1.5 8.94196 7.5 8.5 7.5C8.05804 7.5 1 1.5 1 1.5" stroke="%23F7CC47" stroke-width="1.5" stroke-miterlimit="1.41421"/></svg>');
  background-position: right 10px center;
  cursor: pointer;
}
.form-select:focus{
  border-color: var(--light-text-color);
}
.pagination{
  font-weight: 600;
  display: flex;
  justify-content: center;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
@media (min-width: 1200px) {
  .pagination{
      font-size: 16px;
  }
}
.pagination a{
  display: inline-block;
  padding: 3px 9px;
  color: var(--main-color);
  border: 1px solid var(--main-color);
  margin: 0 2px;
  border-radius: 4px;
}
.pagination .active a{
  background-color:#BC5151 !important;
  color: var(--light-text-color);
}

.alert-primary {
    --bs-alert-color: var(--main-color);
    --bs-alert-bg: var(--main-color);
    --bs-alert-border-color: var(--main-color);
    --bs-alert-link-color: var(--main-color);
}

.alert-danger {
    --bs-alert-color: var(--light-text-color);
    --bs-alert-bg: #D84040;
    --bs-alert-border-color: var(--light-text-color);
    --bs-alert-link-color: var(--light-text-color);
}
.breadcrumb-item a{
  color: var(--dark-text-color);
}
.text-main{
  color: var(--main-color) !important;
}
.gap-20{
  gap: 20px !important;
}
.mw-500{
  max-width: 500px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.mw-800{
  max-width: 800px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.mw-1200{
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.mw-1400{
  max-width: 1400px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.mw-1700{
  max-width: 1700px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
@media (min-width: 992px) { 
  .f-lg-20{
    font-size: 20px !important;
  }
}

.fs-0 {
    font-size: calc(2rem + 1.5vw) !important;
}

@media (min-width: 1200px) {
  .fs-0 {
      font-size: 4rem !important;
  }
}

.small, small {
  font-size: .65em;
  line-height: 1.15;
  display: inline-block;
}
.form-control,
.form-control:focus{
  border: 1px solid var(--light-text-color);
  background-color: var(--main-color);
  border-radius: 10px;
  height: 38px;
  color: var(--main-color);
}
.form-floating>label{
  opacity: 0.9;
  color: var(--main-color);
  padding: 0.75rem .75rem;
}
.form-floating>.form-control, .form-floating>.form-control-plaintext, .form-floating>.form-select{
  height: calc(2.5rem + calc(var(--bs-border-width) * 2));
  min-height: calc(2.5rem + calc(var(--bs-border-width) * 2));
  line-height: 1;
}
.form-floating>.form-control-plaintext:focus, .form-floating>.form-control-plaintext:not(:placeholder-shown), .form-floating>.form-control:focus, .form-floating>.form-control:not(:placeholder-shown) {
    padding-top: 1.425rem;
    padding-bottom: .825rem;
}
.form-floating>.form-control-plaintext~label, .form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label {
  opacity: 1;
  color: var(--main-color);
  font-size: 0.75rem;
  padding-left: 15px;
  padding-right: 15px;
}
.form-floating>.form-control-plaintext~label::after, .form-floating>.form-control:focus~label::after, .form-floating>.form-control:not(:placeholder-shown)~label::after, .form-floating>.form-select~label::after{
  background-color: black;
  inset: 10px 0.375rem;
}
.form-control.is-valid, .was-validated .form-control:valid{
  border-color: var(--light-text-color);
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 8"><path fill="%23ffffff" d="M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z"/></svg>');
}
.form-control.is-invalid, .was-validated .form-control:invalid {
  border-color: #D84040 !important;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" width="12" height="12" fill="none" stroke="%23D84040"><circle cx="6" cy="6" r="4.5"/><path stroke-linejoin="round" d="M5.8 3.6h.4L6 6.5z"/><circle cx="6" cy="8.2" r=".6" fill="%23D84040" stroke="none"/></svg>') !important;
}
.form-control.is-valid:focus, 
.was-validated .form-control:valid:focus{
  box-shadow: none;
  border-color: var(--light-text-color);
}
.form-control.is-invalid:focus, 
.was-validated .form-control:invalid:focus {
  border-color: #D84040 !important;
  box-shadow: none;
}
.tooltip {
  --bs-tooltip-bg: var(--blue);
}

.btn.disabled, .btn:disabled, fieldset:disabled .btn {
  cursor: wait;
  color: var(--main-color);
  pointer-events: none;
  background-color: var(--main-color);
  border-color: var(--main-color);
  opacity: 0.75;
}

.search-input{
  padding-right: 35px;
  border-radius: 16px;
}
button{
  all: unset;
  cursor: pointer;
}

body, html{
  background-color: var(--main-color);
  font-size: 16px;
  line-height: 1.2;
}

.text-red{
  color: var(--red-color) !important;
}
.text-light-gray{
  color: var(--light-gray-color) !important;
}
.text-light-red{
  color: #BC5151 !important;
}

/* loader */
#pageLoader{
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: black;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  padding-top: 15px;
}
.loader {
  width: 48px;
  height: 48px;
  margin: auto;
  position: relative;
  display: block;
  transform: translateY(-50%);
}
.loader:before {
    content: '';
    width: 48px;
    height: 5px;
    background: #000;
    opacity: 0.25;
    position: absolute;
    top: 60px;
    left: 0;
    border-radius: 50%;
    animation: shadow 0.5s linear infinite;
  }
  .loader:after {
    content: '';
    width: 100%;
    height: 100%;
    background: var(--main-color);
    animation: bxSpin 0.5s linear infinite;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 4px;
  }
@keyframes bxSpin {
  17% {
    border-bottom-right-radius: 3px;
  }
  25% {
    transform: translateY(9px) rotate(22.5deg);
  }
  50% {
    transform: translateY(18px) scale(1, .9) rotate(45deg);
    border-bottom-right-radius: 40px;
  }
  75% {
    transform: translateY(9px) rotate(67.5deg);
  }
  100% {
    transform: translateY(0) rotate(90deg);
  }
}

@keyframes shadow {
  0%, 100% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.2, 1);
  }
}

  

.container-fluid{
  padding-left: 20px;
  padding-right: 20px;
  max-width: 1900px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 992px) { 
  .container-fluid{
    padding-left: 40px;
    padding-right: 40px;
  }
}

.line {
    fill: none;
    stroke: var(--light-text-color);
    stroke-width: 6;
    transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
        stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
}
.line1 {
    stroke-dasharray: 60 207;
    stroke-width: 6;
}
.line2 {
    stroke-dasharray: 60 60;
    stroke-width: 6;
}
.line3 {
    stroke-dasharray: 60 207;
    stroke-width: 6;
}
.opened .line {
  stroke: var(--light-text-color);
}
.opened .line1 {
    stroke-dasharray: 90 207;
    stroke-dashoffset: -134;
    stroke-width: 6;
}
.opened .line2 {
    stroke-dasharray: 1 60;
    stroke-dashoffset: -30;
    stroke-width: 6;
}
.opened .line3 {
    stroke-dasharray: 90 207;
    stroke-dashoffset: -134;
    stroke-width: 6;
}
.navbar-toggler{
  padding: 0;
  border: none;
  background-color: transparent;
}

.navbar{
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 1rem;
  background-color: var(--main-color);
  padding-top: 0;
  padding-bottom: 0;
  min-height: 60px;
}
.navbar .container-fluid{
  padding-left: 0;
  padding-right: 0;
}
.navbar-brand svg{
  height: auto;
}
.navbar-collapse.collapsing .navbar-nav,
.navbar-collapse.show .navbar-nav{
  max-width:min(calc(100vw - 2rem),400px);
  margin-left: 0 !important;
}
@media (max-width: 1200px) { 
  .navbar-collapse.collapsing,
  .navbar-collapse.show{
    min-height: calc(100vh - 60px) !important;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-top: 0;
    padding-bottom: 1rem;
    position: fixed;
    z-index: 2;
    left: 0;
    width: 100%;
    background-color: var(--main-color);
    top: 60px;
    bottom: 0;
    max-height: calc(100vh - 60px) !important;
    overflow-y: auto;
  }
  .navbar-collapse.collapsing .navbar-nav,
  .navbar-collapse.show .navbar-nav{
    min-width: 100%;
  }
  .navbar-collapse.collapsing .nav-item,
  .navbar-collapse.show .nav-item{
    border-top: 1px solid var(--tertiary-color);
    text-align: center;
    padding:5px 20px;
  }
  .navbar-nav .dropdown-menu{
    text-align: center;
    border: none !important;
  }
  .navbar .dropdown-toggle::after{
    display: none !important;
  }
}

.nav-link{
  font-weight: 600;
  font-size: 1rem;
  padding: 0.15rem;
  margin: 0.15rem;
  color: var(--light-text-color);
  white-space: nowrap;
  border-bottom: 1px solid transparent;
}
.nav-link:hover,
.nav-link.active {
  color: var(--light-text-color);
}
.nav-link:focus,
.nav-link:active {
  color: var(--light-text-color);
  border-bottom: 1px solid transparent;
}
.navbar-nav .dropdown-menu{
  background-color: var(--main-color);
  border: 1px solid var(--light-text-color);
  border-radius: 0;
}
.navbar-nav .dropdown-menu a{
  color: var(--light-text-color) !important;
  font-size: 1rem;
  line-height: 1.6;
}
.navbar-nav .dropdown-menu a:hover, 
.navbar-nav .dropdown-menu a:focus, 
.navbar-nav .dropdown-menu a:active{
  border: none !important;
  outline: none !important;
  background-color: var(--main-color) !important;
  color: var(--light-text-color) !important;
}

.navbar-nav .dropdown:hover .dropdown-menu,
.navbar-nav .dropdown:hover .dropdown-menu.show {
  display: block !important;
}
.navbar-nav .dropdown .dropdown-menu.show {
  display: none;
}
.navbar .dropdown-toggle::after{
  display: none;
}

@media (hover: none) and (pointer: coarse) {
    /* ... */
  .navbar-nav .dropdown:hover .dropdown-menu {
    display: none;
  }
  .navbar-nav .dropdown .dropdown-menu.show {
    display: block;
  }

  .navbar .dropdown-toggle::after{
    display: inline-block;
    content: "" !important;
    background-image: url('data:image/svg+xml,<svg width="17" height="9" viewBox="0 0 17 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16 1.5C16 1.5 8.94196 7.5 8.5 7.5C8.05804 7.5 1 1.5 1 1.5" stroke="%23FFF" stroke-width="1.5" stroke-miterlimit="1.41421"/></svg>');
    border: none !important;
    width: 17px;
    height: 9px;
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
  }
}

@media (max-width: 1200px){
  .menu_bagdrop{
    display: none;
  }
}

@media (min-width: 1200px) { 
  .navbar-expand-xl{
    padding-left: 44px;
    padding-right: 27px;
  }
  .navbar-expand-xl .navbar-nav {
    justify-content: space-around;
    width: 100%;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu{
    background-color: var(--light-text-color);
    max-height: calc(100vh - 70px);
    margin-top: 0;
    overflow: auto;
    border: none;
    line-height: 1.6;
    padding-right: 10px;
    padding-left: 10px;
    margin-left: -13px;
    padding-bottom: 20px;
    padding-top: 15px;
    border-top: 16px solid var(--main-color);
  }
  .navbar-nav .dropdown-menu a{
    color: var(--dark-gray-color) !important;
  }
  .navbar-nav .dropdown-menu a:hover, .navbar-nav .dropdown-menu a:focus, .navbar-nav .dropdown-menu a:active{
    background-color: var(--light-text-color) !important;
    color: var(--main-color) !important;
  }
  .navbar-expand-xl .navbar-nav .menu_bagdrop{
    display: none;
  }
  .navbar-nav .dropdown:hover + .menu_bagdrop{
    display: block;
    color: var(--main-color);
    position: absolute;
    top: 62px;
    left: 0 !important;
    right: 0 !important;
    height: 150px;
    background-color: var(--light-text-color);
    z-index: 150;
    -webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.2); 
    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.2);
  }
  .menu_bagdrop span{
    padding-top: 19px;
    padding-right: 40px;
    width: calc((100% - 800px) / 2);
    height: 100%;
    text-align: right;
    font-weight: 600;
    display: block;
  }
}

.pointer{
  cursor: pointer;
}

#menuLang a{
  display: block;
}

#menuExtra .dropdown-toggle{
  padding: 17px 17px;
}
#menuExtra .dropdown-toggle:hover,
#menuExtra .dropdown-toggle:focus,
#menuExtra .dropdown-toggle:active{
  background-color: var(--secondary-color);
  color: var(--light-text-color);
}

#menuSearch{
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--light-text-color);
}

#menuSearch .dropdown-menu{
  background-color: var(--main-color);
  left: 0;
  right: 0;
  padding-top: 41px;
  padding-bottom: 100px;
  border-radius: 0;
  border: none !important;
  margin-top: -1px;
}

#menuSearch input{
  background-image: url('data:image/svg+xml,<svg width="31" height="30" viewBox="0 0 31 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M24.8762 12.1857C24.8762 14.8748 24.0031 17.3588 22.5323 19.3741L29.9507 26.7969C30.6831 27.5292 30.6831 28.7184 29.9507 29.4508C29.2182 30.1831 28.0287 30.1831 27.2962 29.4508L19.8779 22.028C17.8622 23.5044 15.3777 24.3714 12.6881 24.3714C5.95534 24.3714 0.5 18.9172 0.5 12.1857C0.5 5.45428 5.95534 0 12.6881 0C19.4208 0 24.8762 5.45428 24.8762 12.1857ZM12.6881 20.622C13.7962 20.622 14.8934 20.4038 15.9171 19.9798C16.9409 19.5558 17.8711 18.9344 18.6546 18.1511C19.4381 17.3677 20.0597 16.4377 20.4837 15.4141C20.9078 14.3906 21.126 13.2936 21.126 12.1857C21.126 11.0778 20.9078 9.98083 20.4837 8.9573C20.0597 7.93376 19.4381 7.00375 18.6546 6.22038C17.8711 5.437 16.9409 4.81559 15.9171 4.39162C14.8934 3.96766 13.7962 3.74945 12.6881 3.74945C11.58 3.74945 10.4828 3.96766 9.45905 4.39162C8.43531 4.81559 7.50512 5.437 6.72159 6.22038C5.93806 7.00375 5.31653 7.93376 4.89248 8.9573C4.46844 9.98083 4.25018 11.0778 4.25018 12.1857C4.25018 13.2936 4.46844 14.3906 4.89248 15.4141C5.31653 16.4377 5.93806 17.3677 6.72159 18.1511C7.50512 18.9344 8.43531 19.5558 9.45905 19.9798C10.4828 20.4038 11.58 20.622 12.6881 20.622Z" fill="%23BFBFBF"/></svg>') !important;
  background-color: var(--light-text-color);
  background-repeat: no-repeat;
  background-position: left 10px center;
  background-size: 20px;
  padding-left: 40px;
  border-bottom: 1px solid white !important;
  border-radius: 0;
  color: var(--dark-text-color) !important;
  border-radius: 23px;
  width: calc(100% - 48px);
  font-size: 1rem;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

#menuSearch input::placeholder {
  opacity: 0.8 !important;
}

#menuLang .dropdown-menu{
  padding-top: 0;
  padding-bottom: 0;
  background-color: var(--main-color);
  left: 0;
  right: 0;
  border-radius: 0;
  border: none !important;
  margin-top: -2px;
}
#menuLang .nav-item{
  border-top: 1px solid var(--tertiary-color);
}
#menuLang .nav-link{
  text-align: center;
  padding: 20px 20px;
}

@media (min-width: 1200px) { 
  #menuLang .dropdown-menu{
    padding-top: 0;
    padding-bottom: 0;
    background-color: var(--main-color);
    /* right: 68px; */
    right: 27px;
    left: auto;
    border-radius: 0;
    border: none !important;
    margin-top: -1px;
  }
  #menuLang .nav-item{
    border-top: 1px solid var(--tertiary-color);
  }
  #menuLang .nav-link{
    text-align: center;
    padding: 10px 20px;
  }
  #menuLang .nav-link:hover,
  #menuLang .nav-link:focus,
  #menuLang .nav-link:active,
  #menuLang .nav-link.active{
    color: var(--light-green-color) !important;
  }
}

main{
  background: var(--main-color);
}

.homepage_banner{
  background-image: url('/img/homepage_banner.jpg');
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 68px 20px;
  text-align: center;
}
.homepage_banner_content{
  gap: 10px;
}
@media (min-width: 992px) { 
  .homepage_banner{
    padding: 100px 20px;
    text-align: left;
  }
  .homepage_banner_content{
    gap: 15px;
  }
}
.homepage_spacer{
  background-image: url('/img/homepage_spacer.jpg?v=2');
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 72px;
}
@media (min-width: 992px) { 
  .homepage_spacer{
    min-height: 158px;
  }
}
.homepage_content{
  font-size: 14px;
  background: #FFFFFF;
  background: linear-gradient(180deg,rgba(255, 255, 255, 1) 0%, rgba(240, 245, 255, 1) 50%, rgba(240, 245, 255, 1) 100%);
  padding: 20px 0;
}
.communities_tags .badge{
  font-size: 14px;
  font-weight: 600;
}
@media (min-width: 992px) { 
  .homepage_content{
    font-size: 20px;
    padding: 120px 0;
    border-bottom-left-radius: 70px;
    border-bottom-right-radius: 70px;
  }
  .communities_tags {
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: var(--light-text-color);
  }
  .communities_tags .badge{
    font-size: 19px;
  }
}


/* Map elements */

/*
 * Property styles in unhighlighted state.
 */
.member_map {
  align-items: center;
  background-color: #FFFFFF;
  border-radius: 50%;
  color: var(--main-color);
  display: flex;
  font-size: 14px;
  gap: 15px;
  height: 30px;
  justify-content: center;
  padding: 4px;
  position: relative;
  position: relative;
  transition: all 0.3s ease-out;
  width: 30px;
  transform: translateY(-9px);
}

.member_map::after {
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-top: 9px solid #FFFFFF;
  content: "";
  height: 0;
  left: 50%;
  position: absolute;
  top: 95%;
  transform: translate(-50%, 0);
  transition: all 0.3s ease-out;
  width: 0;
  z-index: 1;
}

.member_map .icon {
  align-items: center;
  display: flex;
  justify-content: center;
  color: #FFFFFF;
  cursor: pointer;
}

.member_map .icon svg {
  height: 20px;
  width: auto;
}

.member_map .details {
  display: none;
  flex-direction: column;
  flex: 1;
}
.member_map .logo {
  display: none;
  flex-direction: column;
}
.member_map .close-button {
  display: none;
  flex-direction: column;
  justify-content: flex-start;
  height: 100%;
}

.member_map .address {
  color: #9E9E9E;
  font-size: 10px;
  margin-bottom: 10px;
  margin-top: 5px;
}

/*
 * Property styles in highlighted state.
 */
.member_map.highlight {
  background-color: #FFFFFF;
  border-radius: 8px;
  box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.2);
  height: 80px;
  padding: 8px 8px 8px 15px;
  width: auto;
}

.member_map.highlight::after {
  border-top: 9px solid #FFFFFF;
}
.member_map.highlight .icon {
  display: none;
}
.member_map.highlight .details {
  display: flex;
}
.member_map.highlight .close-button {
  display: flex;
}
.member_map.highlight .logo {
  display: flex;
}
.member_map.highlight .logo img{
  height: 50px;
  width: auto;
}

.member_map.highlight .icon svg {
  width: 50px;
  height: 50px;
}

.member_map.highlight .icon {
  color: var(--main-color);
}

.member_map:not(.highlight) {
  background-color: var(--main-color);
}

.member_map:not(.highlight)::after {
  border-top: 9px solid var(--main-color);
}



.member_organizations_map_list{
  display: flex;
  flex-direction: column;
  background-color: var(--main-color);
  margin-top: 41px;
  margin-left: -20px;
  margin-right: -20px;
  padding-left: 20px;
  padding-right: 20px;
}
.member_organizations_map{
  height: 190px;
  border-radius: 14px;
  margin-top: -24px;
}
.member_organizations_list{
  margin-top: 17px;
  margin-bottom: 17px;
}
.member_organizations_list .owl-nav{
  display: none;
}
.organization_item{
  position: relative;
  display: flex;
  background-color: var(--light-text-color);
  border-radius: 14px;
  text-align: center;
  flex-direction: column;
  width: 150px;
  aspect-ratio: 2 / 2.8;
  padding: 15px;
}
.organization_item a {
  color: var(--main-color);
}
.organization_logo{
  height: 60px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.organization_logo img{
  height: auto;
  width: auto !important;
  max-width: 100%;
  max-height: 60px;
}
.organization_item h4{
  margin-bottom: 16px;
  color: var(--red-color);
}
@media (min-width: 992px) {
  .member_organizations h2{
    margin-bottom: 90px !important;
  }
  .member_organizations{
    margin-top: 110px;
  }
  .member_organizations_map{
    border-radius: 30px;
    margin-top: -61px;
  }
  .member_organizations_map_list{
    border-radius: 30px;
    margin-left: 0;
    margin-right: 0;
    padding-left: 45px;
    padding-right: 45px;
  }
  .member_organizations_list{
    margin-top: 36px;
    margin-bottom: 36px;
  }
  .organization_item{
    font-size: 16px;
    width: 170px;
    aspect-ratio: 2 / 2.8;
  }
  .organization_logo{
    height: 80px;
  }
  .organization_logo img{
    max-height: 80px;
  }
}
.news_section_container{
  position: relative;
  padding-top: 30px;
  margin-bottom: -110px !important;
}

@media (min-width: 992px) { 
  .news_section_container{
    margin-bottom: -250px !important;
  }
  .news_list{
    margin-bottom: 40px;
  }
}

.news_section_container::before{
  content: "";
  width: 100%;
  height: 150px;
  position: absolute;
  top: -30px;
  left: 0;
  background-color: var(--main-color);
  pointer-events: none;
}
.news_section_title{
  z-index: 2;
  position: relative;
  padding-bottom: 10px;
}
.card{
  border-radius: 14px;
}
.card img{
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
}
.card-footer{
  border-bottom-left-radius: 14px !important;
  border-bottom-right-radius: 14px !important;
}
.card-body{
  line-height: 1.3;
  padding: 0 13px 20px 13px;
}
.card-body > span{
  margin-top: 10px;
  display: block;
}

.news_item .card-img-top{
  display: none;
}
.news_item:first-of-type .card-body > span{
  position: absolute;
  background-color: white;
  padding: 5px 13px;
  margin-top: -28px;
  left: 0px;
}
.news_item:first-of-type .card-img-top{
  display: block;
}
@media (min-width: 768px) {
  .news_section .row .news_item:nth-child(2) .card-body > span{
    position: absolute;
    background-color: white;
    padding: 5px 13px;
    margin-top: -28px;
    left: 0px;    
  }
  .news_section .row .news_item:nth-child(2) .card-img-top{
    display: block;
  }
}

@media (min-width: 992px) {
  .news_section_container::before{
    display: none;
  }
  .news_section .row .news_item:nth-child(3) .card-body > span{
    position: absolute;
    background-color: white;
    padding: 5px 13px;
    margin-top: -28px;
    left: 0px;    
  }
  .news_section .row .news_item:nth-child(3) .card-img-top{
    display: block;
  }
  .news_section .row .news_item:nth-child(4){
    display: none;
  }
}
.card-title{
  margin-top: 10px;
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 15px;
}
.card-footer{
  font-weight: 600;
  padding: 0 13px 20px 13px;
}

@media (min-width: 1200px) {
  
  .news_section .row .news_item:nth-child(2),
  .news_section .row .news_item:nth-child(3){
    transform: scale(1.06);
  }
  .news_section .row .news_item:nth-child(4),
  .news_section .row .news_item:nth-child(4) .card-img-top{
    display: block;
  }
  .news_section .row .news_item .card-body > span {
    position: relative !important;
    padding: 0 !important;
    margin-top: -5px !important;
  }
  .news_section{
    margin-top: 30px;
  }
  .card{
    border-radius: 25px;
  }
  .card img{
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
  }
  .card-body{
    font-size: 21px;
    padding: 30px 30px 30px 30px;
  }
  .card-text{
    font-size: 15px;
  }
  .card-title{
    font-size: 21px;
  }
  .card-footer{
    font-size: 15px;
    padding: 0 30px 30px 30px;
    border-bottom-left-radius: 25px !important;
    border-bottom-right-radius: 25px !important;
  }
}

.homepage_footer{
  padding-top: 105px;
  color: var(--light-text-color);
}
@media (min-width: 992px) {
  .homepage_footer{
    padding-top: 220px;
  }

}
.event_calendar_container{
  width: 100%;
  background-color: red; /* For browsers that do not support gradients */
  background-image: conic-gradient(from -90deg, #E26666, #591A1A);
  border-radius:14px;
}
.event_calendar_wrapper{
  padding: 16px 20px;
  display: flex;
  flex-direction: column;
  aspect-ratio: 6/11;
  min-height: min(182vw, 1166px);
  max-height: 1166px;
  width: 100%;
}
.event_calendar_wrapper > div{
  height: 50%;
  width: 100%;
}
.day_event{
  padding-top: 20px;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}

.event_calendar_view .ui-datepicker {
  width: calc(100vw - 80px);
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  background-color: transparent;
  border: none !important;
  font-family: "Outfit", sans-serif ;
}
.event_calendar_view .ui-datepicker-calendar thead{
  display: none;
}
.event_calendar_view .ui-datepicker .ui-datepicker-header{
  background-color: transparent;
  border: none !important;
  display: flex;
  align-items: center;
  margin-bottom: 6px;
}
.event_calendar_view .ui-datepicker .ui-datepicker-header > *{
  position: relative;
  left: 0;
  top: 0;
  height: auto;
  width: auto;
}
.event_calendar_view .ui-datepicker-year{
  display: none;
}
.event_calendar_view .ui-datepicker-next{
  order: 3;
}
.event_calendar_view .ui-datepicker .ui-datepicker-title{
  margin: 0;
  color: var(--light-red-color);
  font-size: 20px;
  line-height: 1em;
}
.event_calendar_view .ui-datepicker .ui-datepicker-prev span,
.event_calendar_view .ui-datepicker .ui-datepicker-next span{
 background: none !important;
 display: none !important;
}
.event_calendar_view .ui-datepicker .ui-datepicker-prev::after{
  display: inline-block;
  content: "«";
  position: relative;
  color: var(--light-red-color);
  width: 20px;
  font-size: 20px;
  margin-bottom: 2px; 
}
.event_calendar_view .ui-datepicker .ui-datepicker-next::after{
  display: inline-block;
  content: "»";
  position: relative;
  color: var(--light-red-color);
  width: 20px;
  padding-left: 10px;
  font-size: 20px;
  margin-bottom: 2px; 
}
.event_calendar_view .ui-datepicker .ui-datepicker-next{
  flex-grow: 1;
}
.event_calendar_view .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover{
  background-color: transparent !important;
  border: none !important;
  font-weight: 600 !important;
  cursor: pointer;
}
.event_calendar_view .ui-datepicker .ui-datepicker-next::before{
  position: absolute;
  height: 1px;
  content: "";
  background-color: #DF6464;
  top: 50%;
  left: 30px;
  display: block;
  right: 0;
}
.event_calendar_view .ui-datepicker td{
  position: relative;
  width: 14.28%;
  padding: 2px;
}
.event_calendar_view .ui-state-default, 
.event_calendar_view .ui-widget-content .ui-state-default{
  background-color: var(--light-text-color);
  color: #630808;
  font-weight: 600;
  border-radius: 5px;
  border: none !important;
  padding: 0;
  aspect-ratio: 1 / 1;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
}
.event_calendar_view .ui-state-active::before, 
.event_calendar_view .ui-widget-content .ui-state-active::before{
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  right: 3px;
  bottom: 3px;
  border: 2px solid #BC5151;
  border-radius: 5px;
}
.event_calendar_view .ui-state-hover, 
.event_calendar_view .ui-widget-content .ui-state-hover{
  background-color: var(--light-text-color) !important;
}
.event_calendar_view .ui-datepicker-header .ui-state-hover{
  background-color: transparent !important;
}
.event_day{
  margin-bottom: 30px;
}
@media (min-width: 400px) { 
  .event_calendar_wrapper{
    min-height: min(195vw, 1170px);
    max-height: 1170px;
  }
  .event_calendar_view .ui-state-default, .event_calendar_view .ui-widget-content .ui-state-default{
    font-size: 20px;
  }
  .calendar_title {
    font-size: 30px;
    margin-bottom: 15px !important;
  }
  .event_calendar_view .ui-datepicker .ui-datepicker-header *{
    font-size: 24px;
  }
  .event_calendar_view .ui-datepicker .ui-datepicker-title{
    padding-left: 8px;
  }
  .event_calendar_view .ui-datepicker .ui-datepicker-prev{
    flex-grow: 1;
    text-align: right;
  }
  .event_calendar_view .ui-datepicker .ui-datepicker-prev::before {
    position: absolute;
    height: 1px;
    content: "";
    background-color: #DF6464;
    top: 61%;
    right: 30px;
    display: block;
    left: 0;
  }
  .event_calendar_view .ui-datepicker .ui-datepicker-next::before {
    top: 61%;
  }
  .event_calendar_view .ui-datepicker .ui-datepicker-prev::after{
    padding-right: 5px;
  }
  .day_event{
    padding-top: 40px;
  }

  @media (min-width: 768px) {
    .event_calendar_container{
      padding-top: 30px;
      background-image: conic-gradient(from 180deg, #E26666, #591A1A);
    }
    .event_calendar_wrapper{
      flex-direction: row;
      aspect-ratio: 6 / 3;
      min-height: min(50vw , 680px);
    }
    .event_calendar_wrapper > div{
      height: 100%;
      width: 50%;
    }
    .event_calendar_view .ui-datepicker{
      width: calc(100% - 20px);
      max-width: 450px;
      margin-left: auto;
      margin-right: 20px;
    }
    .event_calendar_view .ui-datepicker .ui-datepicker-header{
      margin-bottom: 18px;
    }
    .day_event{
      padding-left: 40px;
    }
  }





  @media (min-width: 1100px) {
    .event_calendar_wrapper{
      aspect-ratio: auto;
      min-height: 480px;
    }

  }
}


footer{
  line-height: 1.5;
  margin-top: 27px;
  margin-bottom: 27px;
}
.footer_social{
  border-top: 1px solid #494E6F;
}
footer a{
  color: #ffa0a0;
  text-decoration: none;
}
footer a:hover{
  color: #ba5353;
}
@media (min-width: 768px) {
  .footer_social{
    position: relative;
    border-top: none;
  }
}
 @media (min-width: 992px) {
  
  .footer_social::before{
    content: "";
    width: 1px;
    background-color: #494E6F;
    position: absolute;
    left: 0;
    top: 30%;
    bottom: 30%;
  }
}
.footer_social svg{
  color:#494E6F
}
.footer_partners_logos div{
  background-color: #494E6F;
  border-radius: 15px;
  min-height: 52px;
  min-width: 52px;
  padding: 10px;
}
.footer_partners_logos div img{
  max-height: 80px;
  border-radius: 10px;
}

.page_main_content{
  min-height: calc(100vh - 300px);
}
.page_main_content img{
  max-width: 100%;
  height: auto;
}

/* Member Page */
.page_header{
  background-image: url('/img/homepage_banner.jpg');
  background-position: 70% center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 16px 0px;
}
#member_page .communities_tags{
  display: flex;
  flex-wrap: nowrap;
  gap: 15px;
  overflow-y: auto;
}
#member_page .communities_tags .badge{
  border: none;
  opacity: 0.6;
}
#member_page .communities_tags .badge:hover{
  opacity: 1;
}
#member_page .communities_tags::-webkit-scrollbar {
  display: none;
}
@media (min-width: 992px) { 
  .page_main_content{
    flex-grow: 1;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
  }
  #member_page .communities_tags {
    padding-top: 0;
    padding-bottom: 0;
    background-color: transparent;
  }
}
@media (min-width: 1200px) { 
  .member_info_container {
    display: flex;
    flex-direction: column-reverse;
  }
  #member_page .communities_tags {
    padding-top: 0;
    padding-bottom: 0;
    background-color: transparent;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    flex-wrap: wrap;
    margin-bottom: 15px;
  }
}
.member_info_header{
  line-height: 1.38;
  background-color: var(--light-text-color);
  border-radius: 14px;
  margin-top: 67px;
  padding: 11px 16px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
}
.member_info_header .member_logo{
  padding: 18px;
  background-color: var(--light-text-color);
  border-radius: 12px;
  margin-top: -47px;
  -webkit-box-shadow: 0px -17px 25px -4px rgba(0,0,0,0.25); 
  box-shadow: 0px -17px 25px -4px rgba(0,0,0,0.25);

}
.member_info_header .member_logo img{
  height: 50px;
  width: auto;
}
.member_info_name, .member_info{
  width: 100%;
}
.member_info_header .member_info{
  padding-top: 1rem;
  border-top: 1px solid #D9D9D9;
}

@media (min-width: 1500px) { 
  .member_info_header {
    flex-direction: row;
    padding: 30px 40px;
    gap: 30px;
    margin-bottom: 50px;
  }
  .member_info_header .member_logo{
    margin-top: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding-right: 30px;
  }
  .member_info_name{
    width: 800px;
    flex: 0 0 auto;
  }
  .member_info_name h1{
    text-align: start !important;
  }
  .member_info_header .member_logo img{
    height: 123px;
  }
  .member_logo{
    text-align: right;
  }
  .member_logo, .member_info{
    padding: 20px;
    width: 25%;
    flex-shrink: 1;
  }
  .member_info_header .member_info{
    border-top: none;
    border-left: 1px solid #D9D9D9;
    padding-left: 30px;
  }
}

.page_content {
  font-size: 14px;
  line-height: 1.5;
  background: #FFFFFF;
  background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(240, 245, 255, 1) 50%, rgba(240, 245, 255, 1) 100%);
  padding: 20px 0;
  border-bottom-left-radius: 14px;
  border-bottom-right-radius: 14px;
}
@media (min-width: 1200px) { 
  .page_content {
    border-bottom-left-radius: 70px;
    border-bottom-right-radius: 70px;
  }
}
.member_stats{
  color: #ACACAC;
  border-bottom: 1px solid #D9D9D9;
  padding-bottom: 18px;
}
.stat_label{
  font-size: 16px;
  font-weight: 600;
  color: #2F2929;
}
.stat_number{
  font-size: 37px;
  font-weight: 600;
  color: #C14B4B;
}
.page_left_column{
  display: none;
}
.right_column_content{
  position: sticky;
  top: 20px;
}
.member_nav {
  padding: 18px 0;
  position: sticky;
  z-index: 100;
  top: 0;
  background-color: #fff;
  margin-left: -20px;
  padding-left: 20px;
  margin-right: -20px;
  padding-right: 20px;
}
.member_detailed_info .section{
  scroll-margin-top: 80px;
}
.member_nav nav{
  align-items: center;
}
@media (hover: none) and (pointer: coarse) {
  .member_nav nav{
    overflow-y: auto;
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
}
.member_nav nav::-webkit-scrollbar {
  display: none;
}
.member_nav .scroll-link{
  line-height: 1.5;
  background-color: #DBE4F8;
  color: #2F2929;
  border-radius: 22px;
  padding: 8px;
  white-space: nowrap;
}
.member_nav .scroll-link:hover,
.member_nav .scroll-link.active{
  background-color: var(--main-color);
  color: #fff;
  text-decoration: none;
}
.useful_links a{
  color: var(--main-color);
}
.useful_links a:hover,
.useful_links a:focus,
.useful_links a:active{
  text-decoration: underline;
}
.scroll-link{
  display: inline-block;
  background-color: #F4F4F4;
  color: #2F2929;
  border-radius: 40px;
  padding: 0 13px;
}
.scroll-link:hover,
.scroll-link.active{
  background-color: #DBE4F8;
}

@media (min-width: 992px) { 
  .member_nav{
    margin-left: calc((100vw - 800px) / -2);
    padding-left: calc((100vw - 800px) / 2);
    margin-right: calc((100vw - 800px) / -2);
    padding-right: calc((100vw - 800px) / 2);
  }
  .member_detailed_info .section{
    scroll-margin-top: 20px;
  }
}
@media (min-width: 1500px) { 
  .page_header {
    background-image: url('data:image/svg+xml,<svg width="1911" height="43" viewBox="0 0 1911 43" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M114.937 0C130.078 0 149.443 5.02184 159.24 17.5C171.017 32.5 183.965 29.5 200.744 30C202.619 30 211.521 30.0549 221 30.0693V30H1671V30.0664C1680.09 30.0938 1690.89 30.0441 1696.93 30.0166C1699.06 30.0069 1700.59 30 1701.26 30C1704 29.9183 1706.64 29.93 1709.19 29.9414C1722.24 29.9998 1732.91 30.0475 1742.76 17.5C1752.56 5.02183 1771.92 0 1787.06 0H1911V43H-9V0H114.937Z" fill="%23FCFDFF"/></svg>'),url("/img/homepage_banner.jpg");
    background-position: center 101%, 70% center ;
    background-size: 100%, cover;
    background-repeat: no-repeat;
    padding: 16px 0px 36px 0px;
  }
  .page_3_columns{
    display: flex;
    gap: 30px;
  }
  .page_left_column{
    margin-top: 20px !important;
    display: block;
    width: 25%;
    flex-shrink: 1;
  }
  #scroll_spy{
    z-index: 100;
    position: sticky;
    top: 20px;
  }
  .page_right_column{
    margin-top: 20px !important;
    text-align: left !important;
    width: 25%;
    flex-shrink: 1;
  }
  .member_nav{
    display: none;
  }
  .member_detailed_info .section {
    scroll-margin-top: 0;
  }
}


/* Member Page */

#region_page .communities_tags{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 15px;
}
@media (hover: none) and (pointer: coarse) {
  #region_page .communities_tags{
    overflow-y: auto;
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
}
#region_page .communities_tags .badge{
  border: none;
  opacity: 0.6;
}
#region_page .communities_tags .badge:hover,
#region_page .communities_tags .badge.active,
#member_page .communities_tags .badge.active{
  opacity: 1;
}
#region_page .communities_tags::-webkit-scrollbar {
  display: none;
}
#region_page .page_content{
  padding-top: 0;
}
.region_detailed_info .section{
  scroll-margin-top: 80px;
}
@media (max-width: 992px) { 
  #region_page .page_header{
    background: white;
  }
}
@media (min-width: 992px) { 
  #region_page .communities_tags {
    padding-top: 0;
    padding-bottom: 0;
    background-color: transparent;
  }
  .region_detailed_info .section{
    scroll-margin-top: 20px;
  }
  .region_info_header h1{
    color: #fff;
  }
}

.page_content .organization_item{
  width: auto;
  aspect-ratio: auto;
  height: 100%;
}
.page_content .organization_item h4{
  font-size: 16px;
  word-break: break-all;
}

/* news Page */

#news_page .communities_tags{
  display: flex;
  flex-wrap: nowrap;
  gap: 15px;
  overflow-y: auto;
}
#news_page .communities_tags .badge{
  border: none;
  opacity: 0.6;
}
#news_page .communities_tags .badge:hover,
#news_page .communities_tags .badge.active{
  opacity: 1;
}
#news_page .communities_tags::-webkit-scrollbar {
  display: none;
}
@media (max-width: 992px) { 
  #news_page .page_header{
    background: white;
  }
}
@media (min-width: 992px) { 
  #news_page .communities_tags {
    padding-top: 0;
    padding-bottom: 0;
    background-color: transparent;
  }
  .news_info_header h1{
    color: #fff;
  }
}

#news_page .news_item .card-img-top{
  display: block;
}
#news_page .news_item .card-body > span {
  position: absolute;
  background-color: white;
  padding: 5px 13px;
  margin-top: -28px;
  left: 0px;
}

@media (min-width: 1200px) {
  #news_page .news_item .card-body > span {
    position: relative !important;
    padding: 0 !important;
    margin-top: -5px !important;
  }
}

#news_page .page_main_content{
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
}
.breadcrumb,
.breadcrumb a,
.breadcrumb li::before{
  font-size: 12px;
  color: #B5B5B5;
}
.breadcrumb .active a,
.breadcrumb a:focus,
.breadcrumb a:hover{
  color: #2F2929;
}
.news_info_date{
  font-size: 12px;
  margin-top: 14px;
}
.news_tags{
  display: flex;
  flex-wrap: nowrap;
  gap: 8px;
  overflow-y: auto;
  font-size: 16px;
}
.news_tags::-webkit-scrollbar {
  display: none;
}
.news_lead_image{
  margin-left: -20px;
  margin-right: -20px;
}
.news_lead_image img{
  width: 100%;
}
@media (min-width: 600px) {
  .news_lead_image{
    margin-left: 0;
    margin-right: 0;
  }
  .news_lead_image img{
    border-radius: 15px;
  }
  .breadcrumb,
  .breadcrumb a,
  .breadcrumb li::before{
    font-size: 16px;
  }
  .news_info_date{
    font-size: 16px;
  }
  .news_tags{
    font-size: 20px;
  }
}
#news_page .page_content hr{
  margin-top: 5px;
  margin-bottom: 5px;
}
.related_news img{
  flex: 0 0 0;
  width: 40%;
  border-radius: 7px;
}
@media screen and (min-width: 1500px) {
  .news_info_container.mw-800{
    padding-top: 40px !important;
    padding-bottom: 10px !important;
    margin-left: 40px !important;
  } 
}


.gallery_item img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
  box-shadow: 0 10px 20px #b9bbbe;
}


.video_container iframe{
    width: 100%;
    border-radius: 8px;
    margin: 1.5rem auto;
    max-width: 1000px;
    display: block;
}

.video_container iframe[src*="youtube"] {
    height: 54vw;
    max-height: 450px;
}
.video_container iframe[src*="facebook.com%2Freel"] {
    width: auto;
}
.video_container iframe[src*="%2Fvideos%2"] {
    max-width: 100% !important;
    height: 90vw;
    max-height: 750px;
}