@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap");



/*! tailwindcss v2.1.2 | MIT License | https://tailwindcss.com*/



/*! modern-normalize v1.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */

:root {

  -moz-tab-size: 4;

  -o-tab-size: 4;

  tab-size: 4;

}

html {

  line-height: 1.15;

  -webkit-text-size-adjust: 100%;

}

body {

  margin: 0 0 0 0px;

  font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial,

    sans-serif, Apple Color Emoji, Segoe UI Emoji;

}

hr {

  height: 0;

  color: inherit;

}

b,

strong {

  font-weight: bolder;

}

small {

  font-size: 80%;

}

table {

  text-indent: 0;

  border-color: inherit;

}

button,

input,

select {

  font-family: inherit;

  font-size: 100%;

  line-height: 1.15;

  margin: 0;

}

button,

select {

  text-transform: none;

}

[type="button"],

[type="submit"],

button {

  -webkit-appearance: button;

}

[type="search"] {

  -webkit-appearance: textfield;

  outline-offset: -2px;

}

blockquote,

h1,

h2,

h3,

h4,

h5,

h6,

hr,

p {

  margin: 0;

}

button {

  background-color: transparent;

  background-image: none;

}

button:focus {

  outline: 1px dotted;

  outline: 5px auto -webkit-focus-ring-color;

}

ul {

  list-style: none;

  margin: 0;

  padding: 0;

}

html {

  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,

    Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif,

    Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;

  line-height: 1.5;

}

body {

  font-family: inherit;

  line-height: inherit;

}

*,

:after,

:before {

  box-sizing: border-box;

  border: 0 solid #e2e8f0;

}

hr {

  border-top-width: 1px;

}

img {

  border-style: solid;

}

input::-moz-placeholder {

  opacity: 1;

  color: #94a3b8;

}

input:-ms-input-placeholder {

  opacity: 1;

  color: #94a3b8;

}

input::placeholder {

  opacity: 1;

  color: #94a3b8;

}

[role="button"],

button {

  cursor: pointer;

}

table {

  border-collapse: collapse;

}

h1,

h2,

h3,

h4,

h5,

h6 {

  font-size: inherit;

  font-weight: inherit;

}

a {

  color: inherit;

  text-decoration: inherit;

}

button,

input,

select {

  padding: 0;

  line-height: inherit;

  color: inherit;

}

iframe,

img,

svg {

  display: block;

  vertical-align: middle;

}

img {

  max-width: 100%;

  height: auto;

}

body {

  position: relative;

}

main {

  --tw-bg-opacity: 1;

  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));

  display: flex;

  flex-direction: column;

  align-items: center;

  margin-left: auto;

  margin-right: auto;

  min-height: 100vh;

  overflow-x: hidden;

  --tw-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25);

  box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent),

    var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);

  width: 100%;

}

h1 {

  font-weight: 800;

  font-size: 1.875rem;

  line-height: 2.25rem;

  --tw-text-opacity: 1;

  color: rgba(17, 57, 194, var(--tw-text-opacity));

  letter-spacing: -0.025em;

}

@media (min-width: 768px) {

  h1 {

    font-size: 2.25rem;

    line-height: 2.5rem;

  }

}

h2 {

  font-weight: 700;

  font-size: 1.5rem;

  line-height: 2rem;

  --tw-text-opacity: 1;

  color: rgba(17, 57, 194, var(--tw-text-opacity));

  letter-spacing: -0.025em;

}

@media (min-width: 768px) {

  h2 {

    font-size: 1.875rem;

    line-height: 2.25rem;

  }

}

h3 {

  font-weight: 700;

  font-size: 1.25rem;

  line-height: 1.75rem;

  --tw-text-opacity: 1;

  color: rgba(25, 62, 219, var(--tw-text-opacity));

  letter-spacing: -0.025em;

}

@media (min-width: 768px) {

  h3 {

    font-size: 1.5rem;

    line-height: 2rem;

  }

}

h4 {

  font-weight: 700;

  font-size: 1.125rem;

  line-height: 1.75rem;

  --tw-text-opacity: 1;

  color: rgba(25, 62, 219, var(--tw-text-opacity));

}

@media (min-width: 768px) {

  h4 {

    font-size: 1.25rem;

    line-height: 1.75rem;

  }

}

h5 {

  font-weight: 600;

  --tw-text-opacity: 1;

  color: rgba(25, 62, 219, var(--tw-text-opacity));

}

@media (min-width: 768px) {

  h5 {

    font-size: 1.125rem;

    line-height: 1.75rem;

  }

}

h6 {

  font-weight: 600;

  font-size: 0.75rem;

  line-height: 1rem;

  --tw-text-opacity: 1;

  color: rgba(17, 57, 194, var(--tw-text-opacity));

  text-transform: uppercase;

  letter-spacing: 0.05em;

}

@media (min-width: 768px) {

  h6 {

    font-size: 0.875rem;

    line-height: 1.25rem;

  }

}

small {

  font-weight: 500;

  font-size: 0.75rem;

  line-height: 1rem;

  --tw-text-opacity: 1;

  color: rgba(96, 165, 250, var(--tw-text-opacity));

}

@media (min-width: 768px) {

  small {

    font-size: 0.875rem;

    line-height: 1.25rem;

  }

}

p {

  font-size: 0.875rem;

  font-weight: 400;

  line-height: 1.25rem;

  line-height: 1.5rem;

  margin-top: 1rem;

  --tw-text-opacity: 1;

  color: rgba(51, 65, 85, var(--tw-text-opacity));

  -webkit-hyphens: auto;

  -ms-hyphens: auto;

  hyphens: auto;

}

@media (min-width: 768px) {

  p {

    font-size: 1rem;

    line-height: 1.5rem;

    margin-top: 1.5rem;

  }

}

blockquote {

  --tw-border-opacity: 1;

  border-color: rgba(17, 57, 194, var(--tw-border-opacity));

  --tw-border-opacity: 0.8;

  border-radius: 0.25rem;

  border-width: 1px 1px 1px 8px;

  font-size: 0.875rem;

  line-height: 1.25rem;

  margin-top: 1rem;

  margin-bottom: 1rem;

  max-width: 36rem;

  padding: 0.75rem 0.75rem 0.75rem 1.5rem;

  --tw-text-opacity: 1;

  color: rgba(100, 116, 139, var(--tw-text-opacity));

  font-style: italic;

}

@media (min-width: 768px) {

  blockquote {

    font-size: 1rem;

    line-height: 1.5rem;

  }

}

a:focus,

button:focus,

input:focus,

select:focus {

  outline: 2px solid transparent;

  outline-offset: 2px;

  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0

    calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);

  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0

    var(--tw-ring-offset-width) var(--tw-ring-offset-color);

  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0

    calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);

  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),

    var(--tw-shadow, 0 0 transparent);

  --tw-ring-opacity: 1;

  --tw-ring-color: rgba(17, 57, 194, var(--tw-ring-opacity));

}

article a,

article blockquote,

article button,

article form,

article h1,

article h2,

article h3,

article h4,

article h5,

article h6,

article img,

article input,

article p,

article small,

article table,

article ul {

  margin-right: auto;

  z-index: 30;

}

footer a:focus,

nav a:focus,

nav button:focus {

  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0

    var(--tw-ring-offset-width) var(--tw-ring-offset-color);

  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width))

    var(--tw-ring-color);

  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),

    var(--tw-shadow, 0 0 transparent);

}

.hero-header {

  background-image: linear-gradient(90deg, #1139c2, #beddff);

  height: 14rem;

  position: relative;

  width: 100%;

}

@media (min-width: 640px) {

  .hero-header {

    height: 16rem;

  }

}

.hero-header-content > :not([hidden]) ~ :not([hidden]) {

  --tw-space-y-reverse: 0;

  margin-top: calc(0.25rem * (1 - var(--tw-space-y-reverse)));

  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));

}

.hero-header-content {

  display: flex;

  flex-direction: column;

  position: absolute;

  left: 1rem;

}

@media (min-width: 768px) {

  .hero-header-content {

    margin-top: 1rem;

    left: 4rem;

  }

}

.hero-header-content h1 {

  font-size: 1.875rem;

  line-height: 2.25rem;

  --tw-text-opacity: 1;

  color: rgba(255, 255, 255, var(--tw-text-opacity));

  letter-spacing: -0.025em;

}

@media (min-width: 640px) {

  .hero-header-content h1 {

    font-size: 2.25rem;

    line-height: 2.5rem;

  }

}

@media (min-width: 1024px) {

  .hero-header-content h1 {

    font-size: 3.75rem;

    line-height: 1;

  }

}

.hero-header-content p {

  font-size: 0.875rem;

  line-height: 1.25rem;

  opacity: 0.9;

  --tw-text-opacity: 1;

  color: rgba(239, 246, 255, var(--tw-text-opacity));

}

@media (min-width: 768px) {

  .hero-header-content p {

    font-size: 1rem;

    line-height: 1.5rem;

  }

}

.hero-header img {

  height: 100%;

  -o-object-fit: cover;

  object-fit: cover;

  opacity: 0.5;

  width: 100%;

}

.btn {

  background-color: rgba(17, 57, 194, var(--tw-bg-opacity));

}

.btn,

.btn:hover {

  --tw-bg-opacity: 1;

}

.btn:hover {

  background-color: rgba(30, 58, 138, var(--tw-bg-opacity));

}

.btn {

  border-radius: 0.375rem;

  cursor: pointer;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  font-weight: 500;

  padding: 0.25rem 1rem;

  --tw-text-opacity: 1;

  color: rgba(255, 255, 255, var(--tw-text-opacity));

  transition-property: background-color, border-color, color, fill, stroke,

    opacity, box-shadow, transform, filter, -webkit-backdrop-filter;

  transition-property: background-color, border-color, color, fill, stroke,

    opacity, box-shadow, transform, filter, backdrop-filter;

  transition-property: background-color, border-color, color, fill, stroke,

    opacity, box-shadow, transform, filter, backdrop-filter,

    -webkit-backdrop-filter;

  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

  transition-duration: 0.15s;

  transition-duration: 0.3s;

}

@media (min-width: 768px) {

  .btn {

    font-size: 1.125rem;

    line-height: 1.75rem;

    padding-top: 0.5rem;

    padding-bottom: 0.5rem;

  }

}

.btn-sm {

  font-size: 0.875rem;

  line-height: 1.25rem;

  padding-top: 0.25rem;

  padding-bottom: 0.25rem;

}

.btn-outlined {

  --tw-bg-opacity: 1;

  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));

}

.btn-outlined:hover {

  --tw-bg-opacity: 1;

  background-color: rgba(17, 57, 194, var(--tw-bg-opacity));

}

.btn-outlined {

  --tw-border-opacity: 1;

  border-color: rgba(17, 57, 194, var(--tw-border-opacity));

  border-width: 1px;

  --tw-text-opacity: 1;

  color: rgba(17, 57, 194, var(--tw-text-opacity));

}

.btn-outlined:hover {

  --tw-text-opacity: 1;

  color: rgba(255, 255, 255, var(--tw-text-opacity));

}

.btn-primary {

  background:#044774;

  position: relative;

}

.btn-accent {

  background:#044774;

  position: relative;

}

.btn-accent span > :not([hidden]) ~ :not([hidden]),

.btn-primary span > :not([hidden]) ~ :not([hidden]) {

  --tw-space-x-reverse: 0;

  margin-right: calc(0.25rem * var(--tw-space-x-reverse));

  margin-left: calc(0.25rem * (1 - var(--tw-space-x-reverse)));

}

.btn-accent span,

.btn-primary span {

  display: flex;

  z-index: 20;

}

.btn-accent svg,

.btn-primary svg {

  z-index: 20;

}

.btn-accent:after,

.btn-primary:after {

  content: "";

  background-image: linear-gradient(90deg, #113ac0, #0b2784);

  border-radius: 0.375rem;

  opacity: 0;

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  --tw-text-opacity: 1;

  color: rgba(255, 255, 255, var(--tw-text-opacity));

  z-index: 10;

  transition-property: background-color, border-color, color, fill, stroke,

    opacity, box-shadow, transform, filter, -webkit-backdrop-filter;

  transition-property: background-color, border-color, color, fill, stroke,

    opacity, box-shadow, transform, filter, backdrop-filter;

  transition-property: background-color, border-color, color, fill, stroke,

    opacity, box-shadow, transform, filter, backdrop-filter,

    -webkit-backdrop-filter;

  transition-duration: 0.15s;

  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

  transition-duration: 0.3s;

}

.btn-accent:after {

  background-image: linear-gradient(90deg, #0071c2, #205c9d);

}

.btn-accent:hover:after,

.btn-primary:hover:after {

  opacity: 1;

}

.btn-accent svg,

.btn-primary svg {

  height: 0.75rem;

  margin-left: 0.5rem;

  width: 0.75rem;

}

ul.list > :not([hidden]) ~ :not([hidden]) {

  --tw-space-y-reverse: 0;

  margin-top: calc(0.25rem * (1 - var(--tw-space-y-reverse)));

  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));

}

ul.list {

  display: flex;

  flex-direction: column;

  font-weight: 500;

  font-size: 0.875rem;

  line-height: 1.25rem;

  margin-top: 1rem;

  margin-bottom: 1rem;

  margin-left: 1rem;

  --tw-text-opacity: 1;

  color: rgba(100, 116, 139, var(--tw-text-opacity));

}

@media (min-width: 768px) {

  ul.list {

    font-size: 1rem;

    line-height: 1.5rem;

  }

}

ul.list li {

  display: flex;

  align-items: center;

}

ul.list li:before {

  content: "\2022";

  font-size: 1.875rem;

  line-height: 2.25rem;

  margin-right: 0.75rem;

  --tw-text-opacity: 1;

  color: rgba(17, 57, 194, var(--tw-text-opacity));

}

.big-btn {

  --tw-bg-opacity: 1;

  background-color: rgba(147, 197, 253, var(--tw-bg-opacity));

  background: url('../images/a1.png') center;

  background-size: cover;

  width: 25%;

}

.big-btn:hover {

  transform: scale(1.05);

}

.big-btn {

  --tw-text-opacity: 1;

  color: rgba(0, 72, 122, var(--tw-text-opacity));

  width: 24%;

  transition-property: background-color, border-color, color, fill, stroke,

    opacity, box-shadow, transform, filter, -webkit-backdrop-filter;

  transition-property: background-color, border-color, color, fill, stroke,

    opacity, box-shadow, transform, filter, backdrop-filter;

  transition-property: background-color, border-color, color, fill, stroke,

    opacity, box-shadow, transform, filter, backdrop-filter,

    -webkit-backdrop-filter;

  transition-duration: 0.15s;

  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

}

@media (min-width: 768px) {

  .big-btn {

    --tw-bg-opacity: 1;

    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));

  }

  .big-btn {

    padding: 0.75rem;

    --tw-text-opacity: 1;

    color: rgba(17, 57, 194, var(--tw-text-opacity));

    min-width: 24%;

  }

}

@media (min-width: 1024px) {

  .big-btn {

    padding: 1rem;

  }

}

.big-btn:first-child,

.big-btn:nth-child(4) {

  --tw-bg-opacity: 1;

  background-color: rgba(191, 219, 254, var(--tw-bg-opacity));

}

@media (min-width: 768px) {

  .big-btn:first-child,

  .big-btn:nth-child(4) {

    --tw-bg-opacity: 1;

    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));

  }

}

.group:hover .big-btn--inner {

  --tw-bg-opacity: 1;

  background-color: rgba(17, 57, 194, var(--tw-bg-opacity));

}

.big-btn--inner {

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  height: 6rem;

  --tw-text-opacity: 1;

  color: rgba(17, 57, 194, var(--tw-text-opacity));

  opacity: 0;

}

.group:hover .big-btn--inner {

  --tw-text-opacity: 1;

  color: rgba(255, 255, 255, var(--tw-text-opacity));

}

.big-btn--inner {

  width: 100%;

}

@media (min-width: 768px) {

  .big-btn--inner {

    --tw-bg-opacity: 1;

    height: 7rem;

    width: 7rem;

  }

}

@media (min-width: 1024px) {

  .big-btn--inner {

    height: 9rem;

    width: 9rem;

  }

}

@media (min-width: 1280px) {

  .big-btn--inner {

    height: 10rem;

    width: 10rem;

  }

}

.big-btn svg {

  height: 2.25rem;

  fill: currentColor;

}

.group:hover .big-btn svg {

  --tw-text-opacity: 1;

  color: rgba(255, 255, 255, var(--tw-text-opacity));

}

.big-btn svg {

  width: 2.25rem;

  transition-property: background-color, border-color, color, fill, stroke,

    opacity, box-shadow, transform, filter, -webkit-backdrop-filter;

  transition-property: background-color, border-color, color, fill, stroke,

    opacity, box-shadow, transform, filter, backdrop-filter;

  transition-property: background-color, border-color, color, fill, stroke,

    opacity, box-shadow, transform, filter, backdrop-filter,

    -webkit-backdrop-filter;

  transition-duration: 0.15s;

  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

}

@media (min-width: 1024px) {

  .big-btn svg {

    height: 2.5rem;

    width: 2.5rem;

  }

}

@media (min-width: 1280px) {

  .big-btn svg {

    height: 3rem;

    width: 3rem;

  }

}

.big-btn h4 {

  font-weight: 500;

  font-size: 0.875rem;

  line-height: 1.25rem;

  margin-top: 0.25rem;

  text-align: center;

  width: 91.666667%;

  transition-property: background-color, border-color, color, fill, stroke,

    opacity, box-shadow, transform, filter, -webkit-backdrop-filter;

  transition-property: background-color, border-color, color, fill, stroke,

    opacity, box-shadow, transform, filter, backdrop-filter;

  transition-property: background-color, border-color, color, fill, stroke,

    opacity, box-shadow, transform, filter, backdrop-filter,

    -webkit-backdrop-filter;

  transition-duration: 0.15s;

  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

}

@media (min-width: 1024px) {

  .big-btn h4 {

    margin-top: 0.5rem;

    width: 7rem;

  }

}

@media (min-width: 768px) {

  .big-btn:hover h4 {

    --tw-text-opacity: 1;

    color: rgba(255, 255, 255, var(--tw-text-opacity));

  }

}

.main-links {

  --tw-bg-opacity: 1;

  background-color: #fff;

  display: flex;

  justify-content: center;

  margin-bottom: 1.5rem;

  -o-object-fit: cover;

  object-fit: cover;

  position: relative;

  width: 100%;

}

@media (min-width: 768px) {

  .main-links {

    margin-bottom: 0;

    padding-bottom: 0rem;

  }

}

.big-menu {

  background-color: transparent;

  display: grid;

  flex-wrap: wrap;

  margin-top: 0;

  max-width: 1440px;

  padding-top: 0;

  width: 100%;

  z-index: 10;

  gap: 0;

  grid-template-columns: repeat(2, minmax(0, 1fr));

}

@media (min-width: 768px) {

  .big-menu {

    display: flex;

    justify-content: space-around;

    margin-top: 2.5rem;

    margin-bottom: 0;

    padding-bottom: 0;

  }

}

@media (min-width: 1024px) {

  .big-menu {

  }

}

.news-card {

  --tw-bg-opacity: 1;

  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));

  border-radius: 1.5rem;

  border-bottom-right-radius: 0.375rem;

  border-bottom-left-radius: 0.375rem;

  display: flex;

  flex-direction: column;

  padding-left: 0.5rem;

  padding-right: 0.5rem;

  position: relative;

  --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),

    0 10px 10px -5px rgba(0, 0, 0, 0.04);

  box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent),

    var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);

  width: 100%;

}

@media (min-width: 768px) {

  .news-card {

    border-bottom-right-radius: 0;

    border-bottom-left-radius: 0;

  }

}

.news-card-top {

  --tw-bg-opacity: 1;

  background-color: rgba(25, 62, 219, var(--tw-bg-opacity));

  border-radius: 0.5rem;

  cursor: pointer;

  height: 12rem;

  position: relative;

}

@media (min-width: 1024px) {

  .news-card-top {

    height: 13rem;

  }

}

@media (min-width: 1280px) {

  .news-card-top {

    height: 16rem;

  }

}

.news-card--backbg {

    background:#044774;

  margin: auto;

  top: 0.5rem;

  bottom: 0.5rem;

  right: -0.5rem;

  left: -0.5rem;

}

.news-card--backbg,

.news-card--img {

  border-radius: 0.5rem;

  position: absolute;

}

.news-card--img {

  --tw-bg-opacity: 1;

  background-color: rgba(34, 197, 94, var(--tw-bg-opacity));

  overflow: hidden;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  --tw-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25);

  box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent),

    var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);

}

.news-card--img img {

  height: 100%;

  -o-object-fit: cover;

  object-fit: cover;

  width: 100%;

}

.news-card--overlay {

  background-image: linear-gradient(0deg, var(--tw-gradient-stops));

  --tw-gradient-from: #000;

  --tw-gradient-stops: var(--tw-gradient-from),

    var(--tw-gradient-to, transparent);

  --tw-gradient-to: transparent;

  border-bottom-right-radius: 0.5rem;

  border-bottom-left-radius: 0.5rem;

  height: 7rem;

  position: absolute;

  right: 0;

  left: 0;

  bottom: 0;

}

@media (min-width: 768px) {

  .news-card--overlay {

    height: 8rem;

  }

}

.news-card--ribbon {

  position: absolute;

  top: 0;

  left: 0.25rem;

}

.news-card--ribbon svg {

  height: 3rem;

  fill: currentColor;

  --tw-text-opacity: 1;

  color: rgba(255, 255, 255, var(--tw-text-opacity));

  width: 3rem;

}

.news-card--ribbon div > :not([hidden]) ~ :not([hidden]) {

  --tw-divide-y-reverse: 0;

  border-top-width: calc(1px * (1 - var(--tw-divide-y-reverse)));

  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));

  --tw-divide-opacity: 1;

  border-color: rgba(0, 72, 122, var(--tw-divide-opacity));

}

.news-card--ribbon div {

  display: flex;

  flex-direction: column;

  font-size: 0.75rem;

  line-height: 1rem;

  position: absolute;

  top: 0.25rem;

  left: 0.75rem;

  text-align: center;

  --tw-text-opacity: 1;

  color: rgba(17, 57, 194, var(--tw-text-opacity));

}

.news-card--ribbon span:first-of-type {

  font-weight: 700;

  font-size: 1rem;

  line-height: 1.5rem;

  line-height: 1rem;

}

.news-card--title {

  display: flex;

  flex-direction: column;

  font-weight: 500;

  position: absolute;

  bottom: 0.5rem;

  left: 1.5rem;

  --tw-text-opacity: 1;

  color: rgba(255, 255, 255, var(--tw-text-opacity));

  text-transform: uppercase;

}

@media (min-width: 768px) {

  .news-card--title {

    bottom: 1rem;

  }

}

.news-card--title h4 {

  --tw-border-opacity: 1;

  border-color: rgba(255, 255, 255, var(--tw-border-opacity));

  border-left-width: 4px;

  line-height: 1.25rem;

  margin-left: -0.75rem;

  overflow: hidden;

  padding-left: 0.5rem;

  --tw-text-opacity: 1;

  color: rgba(255, 255, 255, var(--tw-text-opacity));

  text-overflow: ellipsis;

  word-break: break-all;

}

.news-card--title span {

  display: flex;

  align-items: center;

}

.news-card--title span svg {

  height: 0.75rem;

  margin-right: 0.5rem;

  fill: currentColor;

  width: 0.75rem;

}

.news-card--title span small,

.news-card--title span svg {

  --tw-text-opacity: 1;

  color: rgba(255, 255, 255, var(--tw-text-opacity));

}

.news-card--title span small {

  font-weight: 300;

  font-size: 0.75rem;

  line-height: 1rem;

  margin-top: 0.25rem;

}

.news-card--title a {

  --tw-bg-opacity: 1;

  background:#044774;

}

.group:hover .news-card--title a {

  --tw-bg-opacity: 0.8;

}

.news-card--title a {

  border-radius: 0.375rem;

  cursor: pointer;

  display: inline-flex;

  align-items: center;

  align-self: flex-end;

  font-weight: 400;

  font-size: 0.75rem;

  line-height: 1rem;

  margin-right: 0.5rem;

  padding: 0.25rem 0.75rem;

  --tw-text-opacity: 1;

  color: rgba(255, 255, 255, var(--tw-text-opacity));

  text-transform: capitalize;

  transition-property: background-color, border-color, color, fill, stroke,

    opacity, box-shadow, transform, filter, -webkit-backdrop-filter;

  transition-property: background-color, border-color, color, fill, stroke,

    opacity, box-shadow, transform, filter, backdrop-filter;

  transition-property: background-color, border-color, color, fill, stroke,

    opacity, box-shadow, transform, filter, backdrop-filter,

    -webkit-backdrop-filter;

  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

  transition-duration: 0.15s;

  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);

}

@media (min-width: 768px) {

  .news-card--title a {

    margin-right: 1rem;

    margin-top: -0.75rem;

  }

}

.news-card--title a svg {

  height: 0.75rem;

  margin-left: 0.5rem;

  width: 0.75rem;

}

.news-card--desc {

  font-weight: 500;

  font-size: 0.875rem;

  line-height: 1.25rem;

  --tw-text-opacity: 1;

  color: rgba(17, 57, 194, var(--tw-text-opacity));

}

.news-card--desc p {

  display: -webkit-box;

  -webkit-line-clamp: 3;

  -webkit-box-orient: vertical;

  overflow: hidden;

  margin: 0.75rem;

  word-break: break-all;

}

.news-card-bottom {

  border-bottom-right-radius: 0.5rem;

  border-bottom-left-radius: 0.5rem;

  display: flex;

  flex-direction: column;

  overflow: hidden;

  position: absolute;

  left: 0;

  bottom: -2.5rem;

  --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),

    0 4px 6px -2px rgba(0, 0, 0, 0.05);

  box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent),

    var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);

  width: 100%;

}

.news-card-bottom button {

  --tw-bg-opacity: 1;

  background:#044774;

}

.news-card-bottom button:hover {

  --tw-bg-opacity: 1;

  background-color: rgba(30, 58, 138, var(--tw-bg-opacity));

}

.news-card-bottom button {

  display: flex;

  align-items: center;

  justify-content: center;

  font-weight: 500;

  margin-left: auto;

  margin-right: auto;

  padding-top: 0.25rem;

  padding-bottom: 0.25rem;

  --tw-text-opacity: 1;

  color: rgba(255, 255, 255, var(--tw-text-opacity));

  width: 100%;

  transition-property: background-color, border-color, color, fill, stroke,

    opacity, box-shadow, transform, filter, -webkit-backdrop-filter;

  transition-property: background-color, border-color, color, fill, stroke,

    opacity, box-shadow, transform, filter, backdrop-filter;

  transition-property: background-color, border-color, color, fill, stroke,

    opacity, box-shadow, transform, filter, backdrop-filter,

    -webkit-backdrop-filter;

  transition-duration: 0.15s;

  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

}

.news-card-bottom button svg {

  height: 0.75rem;

  margin-left: 0.5rem;

  width: 0.75rem;

}

.main-title {

  margin-top: -2rem;

  position: relative;

  width: 100%;

}

@media (min-width: 768px) {

  .main-title {

    display: inline-flex;

  }

}

.section-container {

  display: flex;

  flex-direction: column;

  justify-content: center;

  margin-bottom: 0.5rem;

  margin-top: 1.25rem;

  max-width: 1440px;

  overflow: hidden;

  padding: 0.75rem 0.75rem 0rem;

  position: relative;

  width: 100%;

}

@media (min-width: 640px) {

  .section-container {

    padding-bottom: 0.5rem;

  }

}

@media (min-width: 768px) {

  .section-container {

    margin-bottom: 1.5rem;

    padding-bottom: 2rem;

  }

}

@media (min-width: 1024px) {

  .section-container {

    border-radius: 0.5rem;

    margin-top: 3rem;

    margin-bottom: 3rem;

    padding: 1.25rem;

    --tw-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25);

    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent),

      var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);

    width: 91.666667%;

  }

}

.section-container > svg {

  height: 6rem;

  position: absolute;

  top: 0;

  right: -2rem;

  --tw-text-opacity: 1;

  color: rgba(219, 234, 254, var(--tw-text-opacity));

  width: 6rem;

}

@media (min-width: 1280px) {

  .section-container > svg {

    height: 12rem;

    top: -1rem;

    right: -2.5rem;

    width: 12rem;

  }

}

.section-grid {

  display: grid;

  flex-wrap: wrap;

  align-items: center;

  position: relative;

  -moz-column-gap: 1rem;

  column-gap: 1rem;

  row-gap: 3rem;

  grid-template-columns: repeat(1, minmax(0, 1fr));

}

@media (min-width: 768px) {

  .section-grid {

    padding-left: 2rem;

    padding-right: 2rem;

    -moz-column-gap: 1.5rem;

    column-gap: 1.5rem;

  }

}

@media (min-width: 1024px) {

  .section-grid {

    -moz-column-gap: 3rem;

    column-gap: 3rem;

    grid-template-columns: repeat(2, minmax(0, 1fr));

  }

}

@media (min-width: 1280px) {

  .section-grid {

    -moz-column-gap: 5rem;

    column-gap: 5rem;

  }

}

.grid-item:hover .group-hover_bg-blue-pri {

  --tw-bg-opacity: 1;

  background-color: rgba(0, 72, 122, var(--tw-bg-opacity));

}

.grid-item {

  border-radius: 0.5rem;

  display: flex;

  flex-direction: column;

  align-items: center;

  align-self: flex-start;

  padding: 0.25rem;

}

.grid-item:hover {

  --tw-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25);

  box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent),

    var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);

}

.grid-item {

  text-align: center;

}

.grid-item:hover .group-hover_text-white {

  --tw-text-opacity: 1;

  color: rgba(255, 255, 255, var(--tw-text-opacity));

}

.grid-item {

  --tw-translate-x: 0;

  --tw-translate-y: 0;

  --tw-rotate: 0;

  --tw-skew-x: 0;

  --tw-skew-y: 0;

  --tw-scale-x: 1;

  --tw-scale-y: 1;

  transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y))

    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))

    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));

}

.grid-item:hover {

  --tw-scale-x: 1.05;

  --tw-scale-y: 1.05;

}

.grid-item {

  transition-property: all;

  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

  transition-duration: 0.15s;

  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);

  transition-duration: 0.2s;

}

@media (min-width: 768px) {

  .grid-item > :not([hidden]) ~ :not([hidden]) {

    --tw-space-x-reverse: 0;

    margin-right: calc(0.5rem * var(--tw-space-x-reverse));

    margin-left: calc(0.5rem * (1 - var(--tw-space-x-reverse)));

  }

}

@media (min-width: 1024px) {

  .grid-item {

    flex-direction: row;

    align-items: flex-start;

    padding: 0 0.5rem 0 0;

    text-align: left;

  }

}

.faculty-icon {

  background-image: linear-gradient(90deg, #1139c2, #beddff);

  border-radius: 0.375rem;

  flex-shrink: 0;

  height: 3rem;

  padding: 0.25rem;

  --tw-text-opacity: 1;

  color: rgba(255, 255, 255, var(--tw-text-opacity));

  width: 3rem;

}

@media (min-width: 768px) {

  .faculty-icon {

    height: 4rem;

    width: 4rem;

  }

}

@media (min-width: 1024px) {

  .faculty-icon {

    height: 5rem;

    width: 5rem;

  }

}

.faculty-info {

  display: flex;

  flex-direction: column;

  padding-top: 0.25rem;

}

.faculty-info p {

  font-size: 0.875rem;

  line-height: 1.25rem;

  margin-top: 0;

  --tw-text-opacity: 1;

  color: rgba(100, 116, 139, var(--tw-text-opacity));

}

.side-wrapper {

  display: flex;

  align-items: center;

  justify-content: center;

  padding: 1rem;

}

.section-title {

  position: relative;

  width: 100%;

}

.modal {

  transition: opacity 0.25s ease;

}

body.modal-active {

  overflow-x: hidden;

  overflow-y: visible !important;

}

.modal {

  z-index: 9999;

  display: flex;

  align-items: center;

  justify-content: center;

  height: 100%;

  overflow-y: auto;

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

}

.modal-close.close-icon {

  top: 50%;

  transform: translateY(-50%);

  position: absolute;

  right: 0.75rem;

  --tw-text-opacity: 1;

  color: rgba(255, 255, 255, var(--tw-text-opacity));

}

.modal-close.close-icon:hover {

  --tw-text-opacity: 1;

  color: rgba(225, 29, 72, var(--tw-text-opacity));

}

.modal-disabled {

  display: none;

  opacity: 0;

  pointer-events: none;

}

.modal-overlay {

  --tw-bg-opacity: 1;

  background-color: rgba(15, 23, 42, var(--tw-bg-opacity));

  height: 100%;

  opacity: 0.5;

  position: absolute;

  width: 100%;

}

.modal-container {

  margin: auto;

  --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),

    0 4px 6px -2px rgba(0, 0, 0, 0.05);

  box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent),

    var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);

  z-index: 50;

}

@media (min-width: 768px) {

  .modal-container {

    border-radius: 0.5rem;

  }

}

.modal-content {

  --tw-bg-opacity: 1;

  background-color: rgba(17, 57, 194, var(--tw-bg-opacity));

  margin: auto;

  max-width: 48rem;

  --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),

    0 2px 4px -1px rgba(0, 0, 0, 0.06);

  box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent),

    var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);

  width: 100%;

}

@media (min-width: 768px) {

  .modal-content {

    border-radius: 0.5rem;

  }

}

.modal-top {

  padding: 1rem;

  position: relative;

}

.modal-top--inner {

  margin-right: auto;

  max-width: 24rem;

}

.modal-title > :not([hidden]) ~ :not([hidden]) {

  --tw-space-x-reverse: 0;

  margin-right: calc(1rem * var(--tw-space-x-reverse));

  margin-left: calc(1rem * (1 - var(--tw-space-x-reverse)));

}

.modal-title {

  display: inline-flex;

  align-items: center;

}

.modal-title h1 {

  --tw-text-opacity: 1;

  color: rgba(255, 255, 255, var(--tw-text-opacity));

}

.modal-title a {

  display: flex;

  position: relative;

}

.modal-title img {

  border-radius: 9999px;

  height: 4rem;

  margin-left: auto;

  margin-right: auto;

  -o-object-fit: cover;

  object-fit: cover;

  width: 4rem;

}

.modal-form-wrapper > :not([hidden]) ~ :not([hidden]) {

  --tw-space-y-reverse: 0;

  margin-top: calc(1.5rem * (1 - var(--tw-space-y-reverse)));

  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));

}

.modal-form-wrapper {

  --tw-bg-opacity: 1;

  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));

  padding-top: 1.5rem;

}

@media (min-width: 768px) {

  .modal-form-wrapper {

    border-bottom-right-radius: 0.375rem;

    border-bottom-left-radius: 0.375rem;

  }

}

.split-input-area {

  display: flex;

  flex-direction: column;

  margin-left: 1rem;

  margin-right: 1rem;

  margin-top: 1.25rem;

}

@media (min-width: 768px) {

  .split-input-area > :not([hidden]) ~ :not([hidden]) {

    --tw-space-x-reverse: 0;

    margin-right: calc(1.25rem * var(--tw-space-x-reverse));

    margin-left: calc(1.25rem * (1 - var(--tw-space-x-reverse)));

  }

  .split-input-area {

    flex-direction: row;

    align-items: center;

    margin-left: 1.75rem;

    margin-right: 1.75rem;

  }

}

.modal-content label {

  font-weight: 600;

  font-size: 0.75rem;

  line-height: 1rem;

  --tw-text-opacity: 1;

  color: rgba(100, 116, 139, var(--tw-text-opacity));

  text-transform: uppercase;

  width: 8rem;

}

.split-inputs > :not([hidden]) ~ :not([hidden]) {

  --tw-space-x-reverse: 0;

  margin-right: calc(0.5rem * var(--tw-space-x-reverse));

  margin-left: calc(0.5rem * (1 - var(--tw-space-x-reverse)));

}

.split-inputs {

  display: flex;

  align-items: center;

  flex-grow: 1;

}

@media (min-width: 768px) {

  .split-inputs > :not([hidden]) ~ :not([hidden]) {

    --tw-space-x-reverse: 0;

    margin-right: calc(1.25rem * var(--tw-space-x-reverse));

    margin-left: calc(1.25rem * (1 - var(--tw-space-x-reverse)));

  }

}

.single-input-area {

  display: flex;

  flex-direction: column;

  margin-left: 1rem;

  margin-right: 1rem;

  margin-top: 1.25rem;

}

@media (min-width: 768px) {

  .single-input-area > :not([hidden]) ~ :not([hidden]) {

    --tw-space-x-reverse: 0;

    margin-right: calc(1.25rem * var(--tw-space-x-reverse));

    margin-left: calc(1.25rem * (1 - var(--tw-space-x-reverse)));

  }

  .single-input-area {

    flex-direction: row;

    align-items: center;

    margin-left: 1.75rem;

    margin-right: 1.75rem;

  }

}

.single-input-area input,

.single-input-area select {

  --tw-border-opacity: 1;

  border-color: rgba(203, 213, 225, var(--tw-border-opacity));

  border-radius: 0.5rem;

  border-width: 2px;

  flex-grow: 1;

  margin-top: 0.25rem;

  padding: 0.5rem 0.75rem;

  --tw-text-opacity: 1;

  color: rgba(148, 163, 184, var(--tw-text-opacity));

}

.single-input-area select {

  --tw-bg-opacity: 1;

  background-color: rgba(248, 250, 252, var(--tw-bg-opacity));

}

.input-wrapper {

  display: flex;

  align-items: center;

  flex-grow: 1;

}

.input-wrapper.m-fix {

  margin-top: 0.75rem;

}

@media (min-width: 768px) {

  .input-wrapper.m-fix {

    margin-top: 0;

  }

}

.input-wrapper input {

  --tw-border-opacity: 1;

  border-color: rgba(203, 213, 225, var(--tw-border-opacity));

  border-radius: 0.5rem;

  border-width: 2px;

  margin-top: 0.25rem;

  padding: 0.5rem 0.75rem;

  width: 100%;

}

.modal-bottom {

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding-left: 1.75rem;

  padding-right: 1.75rem;

  padding-bottom: 1rem;

  width: 100%;

}

.modal-bottom .form-btn {

  --tw-bg-opacity: 1;

  background-color: rgba(17, 57, 194, var(--tw-bg-opacity));

}

.modal-bottom .form-btn:hover {

  --tw-bg-opacity: 1;

  background-color: rgba(37, 99, 235, var(--tw-bg-opacity));

}

.modal-bottom .form-btn {

  border-radius: 0.5rem;

  font-weight: 600;

  font-size: 1rem;

  line-height: 1.5rem;

}

.modal-bottom .form-btn:focus {

  outline: 2px solid transparent;

  outline-offset: 2px;

}

.modal-bottom .form-btn {

  padding: 0.5rem 1.5rem;

  --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),

    0 2px 4px -1px rgba(0, 0, 0, 0.06);

  box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent),

    var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);

}

.modal-bottom .form-btn:focus {

  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0

    var(--tw-ring-offset-width) var(--tw-ring-offset-color);

  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0

    calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);

  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),

    var(--tw-shadow, 0 0 transparent);

  --tw-ring-offset-color: #bfdbfe;

  --tw-ring-offset-width: 2px;

  --tw-ring-opacity: 1;

  --tw-ring-color: rgba(17, 57, 194, var(--tw-ring-opacity));

}

.modal-bottom .form-btn {

  text-align: center;

  --tw-text-opacity: 1;

  color: rgba(255, 255, 255, var(--tw-text-opacity));

  transition-property: background-color, border-color, color, fill, stroke,

    opacity, box-shadow, transform, filter, -webkit-backdrop-filter;

  transition-property: background-color, border-color, color, fill, stroke,

    opacity, box-shadow, transform, filter, backdrop-filter;

  transition-property: background-color, border-color, color, fill, stroke,

    opacity, box-shadow, transform, filter, backdrop-filter,

    -webkit-backdrop-filter;

  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

  transition-duration: 0.15s;

  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);

  transition-duration: 0.2s;

}

.modal-bottom .form-btn.modal-close {

  --tw-bg-opacity: 1;

  background-color: rgba(254, 205, 211, var(--tw-bg-opacity));

}

.modal-bottom .form-btn.modal-close:hover {

  --tw-bg-opacity: 1;

  background-color: rgba(225, 29, 72, var(--tw-bg-opacity));

}

.modal-bottom .form-btn.modal-close:focus {

  --tw-ring-opacity: 1;

  --tw-ring-color: rgba(225, 29, 72, var(--tw-ring-opacity));

}

.modal-bottom .form-btn.modal-close {

  --tw-text-opacity: 1;

  color: rgba(190, 18, 60, var(--tw-text-opacity));

}

.modal-bottom .form-btn.modal-close:hover,

.section-title--inner {

  --tw-text-opacity: 1;

  color: rgba(255, 255, 255, var(--tw-text-opacity));

}

.section-title--inner {

  --tw-bg-opacity: 1;

  background:#044774;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  border-radius:10px;

  padding: 0.75rem 2rem 0.5rem;

  position: relative;

  width: 100%;

}

@media (min-width: 1024px) {

  .section-title--inner {

    justify-content: flex-start;

    margin-top: 0.5rem;

    width: auto;

  }

}

.section-title--inner:before {

  --tw-bg-opacity: 1;

  background:#044774;

  height: 0.5rem;

  margin-left: auto;

  margin-right: auto;

  opacity: 0.5;

  position: absolute;

  bottom: -0.5rem;

  width: 91.666667%;

}

@media (min-width: 1024px) {

  .section-title--inner:before {

    left: 0;

    bottom: auto;

    top: -0.5rem;

  }

}

.section-title:after {

  content: "";

  background:#044774;

  display: none;

  height: 0.5rem;

  margin-top: -0.5rem;

  position: absolute;

  right: 0;

  left: 0;

  bottom: 0;

  width: 100%;

}

@media (min-width: 1024px) {

  .section-title:after {

    display: block;

  }

}

.section-title svg {

  height: 1.75rem;

  margin-top: -0.25rem;

  width: 1.75rem;

}

.section-title h2 {

  font-weight: 300;

  font-size: 1.25rem;

  line-height: 1.75rem;

  margin-left: 0.5rem;

  --tw-text-opacity: 1;

  color: rgba(255, 255, 255, var(--tw-text-opacity));

}

@media (min-width: 1024px) {

  .section-title h2 {

    font-size: 1.5rem;

    line-height: 2rem;

  }

}

.main-title--inner {

  --tw-bg-opacity: 1;

  background-color:#044774;

  display: flex;

  align-items: center;

  justify-content: center;

  margin-left: auto;

  margin-right: auto;

  padding-top: 0.5rem;

  padding-bottom: 0.5rem;

  border-radius:10px    ;

  position: relative;

  --tw-text-opacity: 1;

  color: rgba(255, 255, 255, var(--tw-text-opacity));

}

@media (min-width: 768px) {

  .main-title--inner {

    padding-left: 2rem;

    padding-right: 2rem;

  }

}

@media (min-width: 1280px) {

  .main-title--inner {

    padding-left: 3rem;

    padding-right: 3rem;

  }

}

.main-title--inner:before {

  background-image: none;

  height: 0.5rem;

  opacity: 0.5;

  position: absolute;

  left: 0;

  top: -0.5rem;

  width: 91.666667%;

  display:none;

}

@media (min-width: 768px) {

  .main-title--inner:before {

    --tw-bg-opacity: 1;

    background-color: rgba(17, 57, 194, var(--tw-bg-opacity));

    display: block;

  }

}

.main-title--inner svg {

  height: 1.5rem;

  margin-right: 0.5rem;

  width: 1.5rem;

}

.main-title--inner h2 {

  font-weight: 300;

  font-size: 1.25rem;

  line-height: 1.75rem;

  --tw-text-opacity: 1;

  color: rgba(255, 255, 255, var(--tw-text-opacity));

  text-transform: uppercase;

}

@media (min-width: 1024px) {

  .main-title--inner h2 {

    font-size: 1.5rem;

    line-height: 2rem;

  }

}

.notification-card {

  --tw-border-opacity: 0.3;

  display: flex;

  flex-direction: column;

  padding: 0.75rem 2rem;

}

.notification-card:hover {

  --tw-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25);

  box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent),

    var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);

}

.notification-card {

  transition-property: background-color, border-color, color, fill, stroke,

    opacity, box-shadow, transform, filter, -webkit-backdrop-filter;

  transition-property: background-color, border-color, color, fill, stroke,

    opacity, box-shadow, transform, filter, backdrop-filter;

  transition-property: background-color, border-color, color, fill, stroke,

    opacity, box-shadow, transform, filter, backdrop-filter,

    -webkit-backdrop-filter;

  transition-duration: 0.15s;

  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

  transition-duration: 0.2s;

}

@media (min-width: 1024px) {

  .notification-card > :not([hidden]) ~ :not([hidden]) {

    --tw-space-x-reverse: 0;

    margin-right: calc(0.5rem * var(--tw-space-x-reverse));

    margin-left: calc(0.5rem * (1 - var(--tw-space-x-reverse)));

  }

  .notification-card {

    flex-direction: row;

    padding-left: 0;

    padding-right: 0;

  }

}

aside .notification-card {

  display: flex;

}

@media (min-width: 1024px) {

  aside .notification-card > :not([hidden]) ~ :not([hidden]) {

    --tw-space-x-reverse: 0;

    margin-right: calc(0px * var(--tw-space-x-reverse));

    margin-left: calc(0px * (1 - var(--tw-space-x-reverse)));

  }

  aside .notification-card {

    flex-direction: column;

    padding-left: 2rem;

    padding-right: 2rem;

  }

}

.notification-card--img {

  flex-shrink: 0;

  height: 12rem;

  margin-left: auto;

  margin-right: auto;

  width: 100%;

}

@media (min-width: 768px) {

  .notification-card--img {

    height: 11rem;

  }

}

@media (min-width: 1024px) {

  .notification-card--img {

    height: 8rem;

    margin-left: 1rem;

    width: 12rem;

  }

}

@media (min-width: 1024px) {

  aside .notification-card--img {

    height: 12rem;

    margin-left: auto;

    margin-right: auto;

    width: 20rem;

  }

}

.notification-card--img img {

  height: 100%;

  -o-object-fit: cover;

  object-fit: cover;

  width: 100%;

}

.notification-card--info {

  display: flex;

  flex-direction: column;

  justify-content: space-between;

  margin-top: 0.75rem;

  width: 100%;

}

@media (min-width: 1024px) {

  .notification-card--info {

    margin-top: 0;

    padding-right: 1rem;

  }

}

.newspage .activity-wrapper .activity-card-text,

.newspage .notification-wrapper .notification-card--info {

  flex-grow: 1;

}

.newspage .activity-wrapper a.btn {

  margin-top: auto;

}

@media (min-width: 1024px) {

  aside .notification-card--info {

    margin-top: 0.75rem;

    padding-right: 0;

  }

}

.notification-card--info h4 {

  font-weight: 500;

  line-height: 1.25rem;

  --tw-text-opacity: 1;

  color: rgba(98, 99, 111, var(--tw-text-opacity));

}

.group:hover .notification-card--info h4 {

  --tw-text-opacity: 1;

  color: rgba(17, 57, 194, var(--tw-text-opacity));

}

.notification-card--info h4 {

  transition-property: background-color, border-color, color, fill, stroke,

    opacity, box-shadow, transform, filter, -webkit-backdrop-filter;

  transition-property: background-color, border-color, color, fill, stroke,

    opacity, box-shadow, transform, filter, backdrop-filter;

  transition-property: background-color, border-color, color, fill, stroke,

    opacity, box-shadow, transform, filter, backdrop-filter,

    -webkit-backdrop-filter;

  transition-duration: 0.15s;

  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

}

.notification-card--info p {

  font-size: 0.875rem;

  line-height: 1.25rem;

  line-height: 1rem;

  margin-top: 0.25rem;

  --tw-text-opacity: 1;

  color: rgba(148, 163, 184, var(--tw-text-opacity));

}

.group:hover .notification-card--info p {

  color: rgba(0, 72, 122, var(--tw-text-opacity));

  --tw-text-opacity: 1;

  color: rgba(17, 57, 194, var(--tw-text-opacity));

}

.notification-card--info p {

  transition-property: background-color, border-color, color, fill, stroke,

    opacity, box-shadow, transform, filter, -webkit-backdrop-filter;

  transition-property: background-color, border-color, color, fill, stroke,

    opacity, box-shadow, transform, filter, backdrop-filter;

  transition-property: background-color, border-color, color, fill, stroke,

    opacity, box-shadow, transform, filter, backdrop-filter,

    -webkit-backdrop-filter;

  transition-duration: 0.15s;

  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

}

aside .notification-card--info p {

  display: none;

}

.notification-card--bottom {

  display: flex;

  justify-content: space-between;

  justify-self: end;

  margin-top: 0.5rem;

}

@media (min-width: 768px) {

  .notification-card--bottom {

    margin-top: auto;

  }

}

.notification-card--bottom > span > :not([hidden]) ~ :not([hidden]) {

  --tw-space-x-reverse: 0;

  margin-right: calc(0.25rem * var(--tw-space-x-reverse));

  margin-left: calc(0.25rem * (1 - var(--tw-space-x-reverse)));

}

.notification-card--bottom > span {

  display: flex;

  margin-top: auto;

}

.notification-card--bottom > span > svg {

  height: 0.75rem;

  fill: currentColor;

  --tw-text-opacity: 1;

  color: rgba(148, 163, 184, var(--tw-text-opacity));

}

.group:hover .notification-card--bottom > span > svg {

  --tw-text-opacity: 1;

  color: rgba(17, 57, 194, var(--tw-text-opacity));

}

.notification-card--bottom > span > svg {

  width: 0.75rem;

  transition-property: background-color, border-color, color, fill, stroke,

    opacity, box-shadow, transform, filter, -webkit-backdrop-filter;

  transition-property: background-color, border-color, color, fill, stroke,

    opacity, box-shadow, transform, filter, backdrop-filter;

  transition-property: background-color, border-color, color, fill, stroke,

    opacity, box-shadow, transform, filter, backdrop-filter,

    -webkit-backdrop-filter;

  transition-duration: 0.15s;

  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

}

.notification-card--bottom small {

  font-weight: 500;

  font-size: 0.75rem;

  line-height: 1rem;

  --tw-text-opacity: 1;

  color: rgba(148, 163, 184, var(--tw-text-opacity));

}

.group:hover .notification-card--bottom small {

  --tw-text-opacity: 1;

  color: rgba(17, 57, 194, var(--tw-text-opacity));

}

.notification-card--bottom a {

  border-radius: 0.375rem;

  align-self: flex-end;

  font-weight: 400;

  font-size: 0.75rem;

  line-height: 1rem;

  padding: 0.25rem 0.5rem;

  text-transform: capitalize;

}

@media (min-width: 768px) {

  .notification-card--bottom a {

    font-size: 0.875rem;

    line-height: 1.25rem;

  }

}

.notification-card--bottom a svg {

  height: 0.75rem;

  margin-left: 0.25rem;

  width: 0.75rem;

}

.activity-card {

  --tw-bg-opacity: 1;

  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));

  display: flex;

  flex-direction: column;

  padding: 2rem 2rem 1rem;

}

@media (min-width: 768px) {

  .activity-card {

    padding-top: 1rem;

  }

}

@media (min-width: 1024px) {

  .activity-card > :not([hidden]) ~ :not([hidden]) {

    --tw-space-x-reverse: 0;

    margin-right: calc(1rem * var(--tw-space-x-reverse));

    margin-left: calc(1rem * (1 - var(--tw-space-x-reverse)));

  }

  .activity-card {

    flex-direction: row;

    padding-left: 1rem;

    padding-right: 1rem;

  }

}

aside .activity-card {

  background-color: transparent;

  width: 100%;

}

@media (min-width: 1024px) {

  aside .activity-card > :not([hidden]) ~ :not([hidden]) {

    --tw-space-x-reverse: 0;

    margin-right: calc(0px * var(--tw-space-x-reverse));

    margin-left: calc(0px * (1 - var(--tw-space-x-reverse)));

  }

  aside .activity-card {

    flex-direction: column;

    padding-left: 1rem;

    padding-right: 1rem;

  }

}

.activity-card--img {

  border-radius: 0.25rem;

  flex-shrink: 0;

  margin-left: auto;

  margin-right: auto;

  overflow: hidden;

  width: 14rem;

  height: 20rem;

}

@media (min-width: 640px) {

  .activity-card--img {

    margin-right: auto;

  }

}

@media (min-width: 768px) {

  .activity-card--img {

    height: auto;

    width: 13rem;

  }

}

@media (min-width: 1024px) {

  .activity-card--img {

    height: auto;

    width: 17rem;

  }

}

@media (min-width: 1024px) {

  aside .activity-card--img {

    height: auto;

    width: 14rem;

  }

}

.activity-wrapper img {

  width: auto;

  height: 612px;

  -o-object-fit: cover;

  object-fit: cover;

  margin-left: auto;

  margin-right: auto;

}

.activity-card-text {

  display: flex;

  flex-direction: column;

  margin-top: 0.75rem;

  width: 100%;

}

@media (min-width: 1024px) {

  .activity-card-text {

    margin-top: 0;

  }

}

.activity-card-text a.btn.btn-accent {

  margin-top: auto;

}

@media (min-width: 1024px) {

  aside .activity-card-text {

    margin-top: 0.75rem;

  }

}

.activity-card-text h4 {

  font-weight: 500;

  line-height: 1.25rem;

  text-align: center;

  --tw-text-opacity: 1;

  color: rgba(98, 99, 111, var(--tw-text-opacity));

}

.group:hover .activity-card-text h4 {

  --tw-text-opacity: 1;

  color: rgba(17, 57, 194, var(--tw-text-opacity));

}

@media (min-width: 640px) {

  .activity-card-text h4 {

    text-align: left;

  }

}

@media (min-width: 768px) {

  .activity-card-text h4 {

    line-height: 1.75rem;

  }

}

aside .activity-card-text h4 {

  font-size: 1.125rem;

  line-height: 1.75rem;

  line-height: 1.25rem;

  margin-bottom: 0.5rem;

}

aside .activity-card-text .activity-card-info,

aside .activity-card-text p {

  display: none;

}

.activity-card-text p {

  --tw-border-opacity: 1;

  border-color: rgba(90, 152, 222, var(--tw-border-opacity));

  --tw-border-opacity: 0.3;

  border-bottom-width: 1px;

  font-size: 0.875rem;

  line-height: 1.25rem;

  margin-top: 1rem;

  padding-bottom: 0.25rem;

  --tw-text-opacity: 1;

  color: rgba(100, 116, 139, var(--tw-text-opacity));

}

.group:hover .activity-card-text p {

  --tw-text-opacity: 1;

  color: rgba(17, 57, 194, var(--tw-text-opacity));

}

@media (min-width: 768px) {

  .activity-card-text p {

    margin-top: 0;

  }

}

.activity-card-info > :not([hidden]) ~ :not([hidden]) {

  --tw-divide-x-reverse: 0;

  border-right-width: calc(1px * var(--tw-divide-x-reverse));

  border-left-width: calc(1px * (1 - var(--tw-divide-x-reverse)));

}

.activity-card-info {

  display: flex;

  margin-top: 0.5rem;

  margin-bottom: 0.5rem;

}

.activity-card-info--left,

.activity-card-info--right {

  display: flex;

  flex-direction: column;

  width: 50%;

}

.activity-card-info--right {

  padding-left: 0.5rem;

}

.activity-card-info h6 {

  font-weight: 700;

  font-size: 0.75rem;

  line-height: 1rem;

  --tw-text-opacity: 1;

  color: rgba(98, 99, 111, var(--tw-text-opacity));

}

.group:hover .activity-card-info h6 {

  --tw-text-opacity: 1;

  color: rgba(17, 57, 194, var(--tw-text-opacity));

}

.activity-card-info small {

  font-weight: 500;

  font-size: 0.75rem;

  line-height: 1rem;

  --tw-text-opacity: 1;

  color: rgba(148, 163, 184, var(--tw-text-opacity));

}

.group:hover .activity-card-info small {

  --tw-text-opacity: 1;

  color: rgba(17, 57, 194, var(--tw-text-opacity));

}

@media (min-width: 1280px) {

  .activity-card-info small {

    font-size: 0.875rem;

    line-height: 1.25rem;

  }

}

.activity-card-info svg {

  height: 0.75rem;

  fill: currentColor;

  --tw-text-opacity: 1;

  color: rgba(148, 163, 184, var(--tw-text-opacity));

}

.group:hover .activity-card-info svg {

  --tw-text-opacity: 1;

  color: rgba(17, 57, 194, var(--tw-text-opacity));

}

.activity-card-info svg {

  width: 0.75rem;

  transition-property: background-color, border-color, color, fill, stroke,

    opacity, box-shadow, transform, filter, -webkit-backdrop-filter;

  transition-property: background-color, border-color, color, fill, stroke,

    opacity, box-shadow, transform, filter, backdrop-filter;

  transition-property: background-color, border-color, color, fill, stroke,

    opacity, box-shadow, transform, filter, backdrop-filter,

    -webkit-backdrop-filter;

  transition-duration: 0.15s;

  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

}

@media (min-width: 768px) {

  .activity-card-info svg {

    width: 1rem;

  }

}

@media (min-width: 1280px) {

  .activity-card-info svg {

    height: 1rem;

  }

}

.activity-bottom {

  display: flex;

  width: 100%;

}

.activity-bottom a {

  margin: 0.75rem 1rem 0.75rem auto;

}

.affilate {

  --tw-bg-opacity: 1;

  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));

  border-radius: 0.75rem;

  display: flex;

  align-items: center;

  justify-content: center;

  height: 14rem;

  margin-left: auto;

  margin-right: auto;

  padding: 0.25rem;

  --tw-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25);

  box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent),

    var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);

  width: 14rem;

}

@media (min-width: 768px) {

  .affilate {

    height: 12rem;

    width: 12rem;

  }

}

.affilate img {

  --tw-border-opacity: 1;

  border-color: rgba(0, 72, 122, var(--tw-border-opacity));

  --tw-border-opacity: 0.3;

  border-radius: 0.5rem;

  border-width: 1px;

  height: 100%;

  -o-object-fit: contain;

  object-fit: contain;

  padding: 1.25rem;

  width: 100%;

}

nav {

  display: flex;

  flex-direction: column;

  margin-left: auto;

  margin-right: auto;

  --tw-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25);

  box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent),

    var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);

  width: 100%;

}

.nav-top {

  background-image: linear-gradient(90deg, var(--tw-gradient-stops));

  --tw-gradient-from: #1139c2;

  --tw-gradient-stops: var(--tw-gradient-from),

    var(--tw-gradient-to, rgba(17, 57, 194, 0));

  --tw-gradient-to: #5a98de;

  display: flex;

  justify-content: space-between;

}

@media (min-width: 1024px) {

  .nav-top {

    --tw-gradient-to: #00487a;

  }

}

.logo-area {

  position: relative;

}

@media (min-width: 640px) {

  .logo-area {

    width: 7rem;

  }

}

@media (min-width: 768px) {

  .logo-area {

    width: 8rem;

  }

}

@media (min-width: 1280px) {

  .logo-area {

    width: 12rem;

  }

}

.vizyon-logo {

  --tw-bg-opacity: 1;

  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));

  border-bottom-right-radius: 9999px;

  border-bottom-left-radius: 9999px;

  display: flex;

  align-items: center;

  justify-content: center;

  height: 4.5rem;

  padding: 0.25rem;

  position: absolute;

  left: 0;

  top: 2.5rem;

  --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),

    0 4px 6px -2px rgba(0, 0, 0, 0.05);

  box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent),

    var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);

  width: 4.5rem;

  z-index: 30;

}

@media (min-width: 640px) {

  .vizyon-logo {

    height: 7rem;

    top: 0;

    width: 7rem;

  }

}

@media (min-width: 768px) {

  .vizyon-logo {

    height: 8rem;

    width: 8rem;

  }

}

@media (min-width: 1280px) {

  .vizyon-logo {

    height: 12rem;

    padding: 1rem;

    width: 12rem;

  }

}

.vizyon-logo img {

  height: 100%;

  -o-object-fit: contain;

  object-fit: contain;

  width: 100%;

}

.nav-quick > :not([hidden]) ~ :not([hidden]) {

  --tw-space-x-reverse: 0;

  margin-right: calc(0.5rem * var(--tw-space-x-reverse));

  margin-left: calc(0.5rem * (1 - var(--tw-space-x-reverse)));

  --tw-divide-x-reverse: 0;

  border-right-width: calc(1px * var(--tw-divide-x-reverse));

  border-left-width: calc(1px * (1 - var(--tw-divide-x-reverse)));

  --tw-divide-opacity: 1;

  border-color: rgba(96, 165, 250, var(--tw-divide-opacity));

}

.nav-quick {

  display: flex;

  align-items: center;

  justify-content: flex-start;

  font-size: 0.875rem;

  line-height: 1.25rem;

  margin-left: 0.5rem;

  margin-right: auto;

  --tw-text-opacity: 1;

  color: rgba(255, 255, 255, var(--tw-text-opacity));

}

@media (min-width: 768px) {

  .nav-quick {

    margin-left: 1rem;

  }

}

@media (min-width: 1280px) {

  .nav-quick {

    font-size: 1rem;

    line-height: 1.5rem;

    margin-left: 1.5rem;

  }

}

.nav-quick .dropdown span {

  display: flex;

  align-items: center;

}

.nav-quick .dropdown button {

  --tw-text-opacity: 1;

  color: rgba(255, 255, 255, var(--tw-text-opacity));

}

.nav-quick .dropdown button:hover {

  --tw-translate-y: 0px;

}

.nav-quick .dropdown:hover span,

.nav-quick .dropdown:hover svg,

.nav-quick .dropdown button:hover {

  --tw-text-opacity: 1;

  color: rgba(190, 221, 255, var(--tw-text-opacity));

}

.nav-quick a > :not([hidden]) ~ :not([hidden]) {

  --tw-space-x-reverse: 0;

  margin-right: calc(0.25rem * var(--tw-space-x-reverse));

  margin-left: calc(0.25rem * (1 - var(--tw-space-x-reverse)));

}

.nav-quick a {

  display: flex;

  align-items: center;

}

.nav-quick a svg {

  height: 0.5rem;

  width: 0.5rem;

}

.nav-quick span > svg:first-child {

  height: 1rem;

  width: 1rem;

}

.nav-quick svg.hat {

  height: 1.25rem;

  width: 1.25rem;

}

.nav-quick .dropdown:last-of-type {

  padding-left: 0.5rem;

}

.nav-social > :not([hidden]) ~ :not([hidden]) {

  --tw-space-x-reverse: 0;

  margin-right: calc(0.5rem * var(--tw-space-x-reverse));

  margin-left: calc(0.5rem * (1 - var(--tw-space-x-reverse)));

}

.nav-social {

  display: none;

  align-items: center;

  justify-content: center;

  margin: 0.5rem auto;

}

@media (min-width: 640px) {

  .nav-social {

    display: flex;

  }

}

@media (min-width: 768px) {

  .nav-social > :not([hidden]) ~ :not([hidden]) {

    --tw-space-x-reverse: 0;

    margin-right: calc(1rem * var(--tw-space-x-reverse));

    margin-left: calc(1rem * (1 - var(--tw-space-x-reverse)));

  }

  .nav-social {

    margin-right: 1rem;

  }

}

@media (min-width: 1280px) {

  .nav-social {

    margin-right: 1.5rem;

  }

}

.nav-social a svg {

  height: 1.25rem;

  --tw-text-opacity: 1;

  color: rgba(190, 221, 255, var(--tw-text-opacity));

}

.nav-social a svg:hover {

  --tw-text-opacity: 1;

  color: rgba(255, 255, 255, var(--tw-text-opacity));

}

.nav-social a svg {

  width: 1.25rem;

  transition-property: background-color, border-color, color, fill, stroke,

    opacity, box-shadow, transform, filter, -webkit-backdrop-filter;

  transition-property: background-color, border-color, color, fill, stroke,

    opacity, box-shadow, transform, filter, backdrop-filter;

  transition-property: background-color, border-color, color, fill, stroke,

    opacity, box-shadow, transform, filter, backdrop-filter,

    -webkit-backdrop-filter;

  transition-duration: 0.15s;

  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

  transition-duration: 0.3s;

}

@media (min-width: 1024px) {

  .nav-social a svg {

    --tw-text-opacity: 1;

    color: rgba(90, 152, 222, var(--tw-text-opacity));

  }

}

@media (min-width: 1280px) {

  .nav-social a svg {

    height: 1.75rem;

    width: 1.75rem;

  }

}

.nav-lang > :not([hidden]) ~ :not([hidden]) {

  --tw-divide-x-reverse: 0;

  border-right-width: calc(1px * var(--tw-divide-x-reverse));

  border-left-width: calc(1px * (1 - var(--tw-divide-x-reverse)));

}

.nav-lang {

  display: none;

  align-items: center;

  justify-content: center;

  text-align: center;

  --tw-text-opacity: 1;

  color: rgba(255, 255, 255, var(--tw-text-opacity));

  grid-template-columns: repeat(4, minmax(0, 1fr));

}

@media (min-width: 1024px) {

  .nav-lang {

    display: grid;

  }

}

.nav-lang a {

  --tw-bg-opacity: 1;

  background-color: rgba(90, 152, 222, var(--tw-bg-opacity));

}

.nav-lang a:hover {

  --tw-bg-opacity: 1;

  background-color: rgba(190, 221, 255, var(--tw-bg-opacity));

}

.nav-lang a {

  display: flex;

  align-items: center;

  justify-content: center;

  height: 100%;

  font-size: 0.875rem;

  line-height: 1.25rem;

  padding-left: 0.5rem;

  padding-right: 0.5rem;

}

.nav-lang a:hover {

  --tw-text-opacity: 1;

  color: rgba(0, 72, 122, var(--tw-text-opacity));

}

.nav-lang a {

  transition-property: background-color, border-color, color, fill, stroke,

    opacity, box-shadow, transform, filter, -webkit-backdrop-filter;

  transition-property: background-color, border-color, color, fill, stroke,

    opacity, box-shadow, transform, filter, backdrop-filter;

  transition-property: background-color, border-color, color, fill, stroke,

    opacity, box-shadow, transform, filter, backdrop-filter,

    -webkit-backdrop-filter;

  transition-duration: 0.15s;

  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

  transition-duration: 0.3s;

}

@media (min-width: 1280px) {

  .nav-lang a {

    font-size: 1rem;

    line-height: 1.5rem;

    padding-left: 1rem;

    padding-right: 1rem;

  }

}

.nav-lang a.active {

  --tw-bg-opacity: 1;

  background-color: rgba(190, 221, 255, var(--tw-bg-opacity));

}

.nav-lang a.active:hover {

  --tw-bg-opacity: 1;

  background-color: rgba(90, 152, 222, var(--tw-bg-opacity));

}

.nav-lang a.active {

  --tw-text-opacity: 1;

  color: rgba(0, 72, 122, var(--tw-text-opacity));

}

.nav-lang a.active:hover {

  --tw-text-opacity: 1;

  color: rgba(255, 255, 255, var(--tw-text-opacity));

}

.nav-bottom > :not([hidden]) ~ :not([hidden]) {

  --tw-space-x-reverse: 0;

  margin-right: calc(1rem * var(--tw-space-x-reverse));

  margin-left: calc(1rem * (1 - var(--tw-space-x-reverse)));

}

.nav-bottom {

  --tw-bg-opacity: 1;

  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));

  display: flex;

  align-items: center;

  align-self: flex-end;

  justify-content: flex-end;

  font-weight: 500;

  font-size: 0.875rem;

  line-height: 1.25rem;

  padding-top: 0;

  padding-bottom: 0;

  padding-right: 0.75rem;

  position: relative;

  --tw-text-opacity: 1;

  color: rgba(98, 99, 111, var(--tw-text-opacity));

  width: 100%;

}

@media (min-width: 1024px) {

  .nav-bottom > :not([hidden]) ~ :not([hidden]) {

    --tw-space-x-reverse: 0;

    margin-right: calc(1.5rem * var(--tw-space-x-reverse));

    margin-left: calc(1.5rem * (1 - var(--tw-space-x-reverse)));

  }

  .nav-bottom {

    font-size: 1rem;

    line-height: 1.5rem;

    padding-top: 0.75rem;

    padding-bottom: 0.75rem;

    padding-right: 1rem;

  }

}

.main-slider:after,

.nav-bottom:after,

.swiper-footer:before {

  content: "";

  height: 100%;

  background-image: linear-gradient(

    90deg,

    #00487a 16.67%,

    #1f6697 0,

    #1f6697 33.33%,

    #4697cf 0,

    #4697cf 50%,

    #00487a 0,

    #00487a 66.67%,

    #1f6697 0,

    #1f6697 83.33%,

    #4697cf 0,

    #4697cf

  );

  height: 0.25rem;

  opacity: 1;

  position: absolute;

  right: 0;

  left: 0;

  bottom: 0;

  width: 100%;

  z-index: 10;

}

@media (min-width: 1024px) {

  .main-slider:after,

  .nav-bottom:after,

  .swiper-footer:before {

    height: 0.5rem;

  }

}

nav.faculty ul.nav-bottom > :not([hidden]) ~ :not([hidden]) {

  --tw-space-x-reverse: 0;

  margin-right: calc(0.5rem * var(--tw-space-x-reverse));

  margin-left: calc(0.5rem * (1 - var(--tw-space-x-reverse)));

}

nav.faculty ul.nav-bottom {

  --tw-bg-opacity: 1;

  background-color: rgba(17, 57, 194, var(--tw-bg-opacity));

  justify-content: space-between;

  height: 4.5rem;

  padding-top: 0.5rem;

  padding-bottom: 0.5rem;

  padding-left: 0.5rem;

  --tw-text-opacity: 1;

  color: rgba(255, 255, 255, var(--tw-text-opacity));

}

@media (min-width: 640px) {

  nav.faculty ul.nav-bottom > :not([hidden]) ~ :not([hidden]) {

    --tw-space-x-reverse: 0;

    margin-right: calc(1rem * var(--tw-space-x-reverse));

    margin-left: calc(1rem * (1 - var(--tw-space-x-reverse)));

  }

}

@media (min-width: 768px) {

  nav.faculty ul.nav-bottom > :not([hidden]) ~ :not([hidden]) {

    --tw-space-x-reverse: 0;

    margin-right: calc(1.5rem * var(--tw-space-x-reverse));

    margin-left: calc(1.5rem * (1 - var(--tw-space-x-reverse)));

  }

  nav.faculty ul.nav-bottom {

    height: auto;

    padding-left: 1rem;

  }

}

nav.faculty .dropdown button {

  --tw-text-opacity: 1;

  color: rgba(255, 255, 255, var(--tw-text-opacity));

}

nav.faculty .dropdown button:hover {

  --tw-text-opacity: 1;

  color: rgba(191, 219, 254, var(--tw-text-opacity));

}

nav.faculty .nav-bottom > li.menu {

  margin-left: 0 !important;

  border-left-width: 0;

}

nav.faculty .nav-bottom > li.menu,

nav.faculty .nav-bottom > li.search,

nav.faculty .nav-top {

  --tw-gradient-from: #1139c2;

  --tw-gradient-stops: var(--tw-gradient-from),

    var(--tw-gradient-to, rgba(17, 57, 194, 0));

  --tw-gradient-to: #1139c2;

}

nav.faculty .logo-area {

  height: 4.5rem;

  width: auto;

}

@media (min-width: 640px) {

  nav.faculty .logo-area {

    height: auto;

  }

}

nav.faculty .nav-top {

  --tw-gradient-from: #fff;

  --tw-gradient-stops: var(--tw-gradient-from),

    var(--tw-gradient-to, hsla(0, 0%, 100%, 0));

  --tw-gradient-to: #fff;

}

nav.faculty select {

  --tw-bg-opacity: 1;

  background-color: rgba(17, 57, 194, var(--tw-bg-opacity));

  font-weight: 500;

  --tw-text-opacity: 1;

  color: rgba(255, 255, 255, var(--tw-text-opacity));

}

nav.faculty .nav-bottom > li.search {

  display: none;

}

@media (min-width: 768px) {

  nav.faculty .nav-bottom > li.search {

    display: flex;

  }

}

nav.faculty .nav-bottom > li:first-of-type,

nav.faculty .nav-bottom > li:nth-of-type(2),

nav.faculty .nav-bottom > li:nth-of-type(3) {

  display: flex;

}

nav.faculty .nav-bottom > li:nth-of-type(3) {

  display: flex;

  flex-grow: 1;

}

@media (min-width: 768px) {

  nav.faculty .nav-bottom > li:nth-of-type(3) {

    flex-grow: 0;

  }

}

nav.faculty .nav-bottom > li:nth-of-type(6) {

  display: none;

}

@media (min-width: 768px) {

  nav.faculty .nav-bottom > li:nth-of-type(6) {

    display: flex;

  }

}

@media (min-width: 1024px) {

  nav.faculty .nav-bottom > li:nth-of-type(4) {

    flex-grow: 1;

  }

}

.vizyon-logo-faculty {

  height: 6rem;

  opacity: 0.7;

  position: absolute;

  top: -0.5rem;

  left: -1.5rem;

  width: 6rem;

}

@media (min-width: 640px) {

  .vizyon-logo-faculty {

    height: 3rem;

    opacity: 1;

    position: relative;

    top: auto;

    left: auto;

    width: 3rem;

  }

}

@media (min-width: 1280px) {

  .vizyon-logo-faculty {

    height: 4rem;

    width: 4rem;

  }

}

.swiper-footer:before {

  background-image: linear-gradient(90deg, var(--tw-gradient-stops));

  --tw-gradient-from: #60a5fa;

  --tw-gradient-stops: var(--tw-gradient-from),

    var(--tw-gradient-to, rgba(96, 165, 250, 0));

  --tw-gradient-stops: var(--tw-gradient-from), #3b82f6,

    var(--tw-gradient-to, rgba(59, 130, 246, 0));

  --tw-gradient-to: #60a5fa;

}

.nav-bottom:after {

  bottom: -2px;

}

@media (min-width: 768px) {

  .nav-bottom:after {

    bottom: -0.25rem;

  }

}

.main-title:before {

  content: "";

  

  display: block;

  height: 0.25rem;

  height: 0.5rem;

  margin-top: auto;

  margin-bottom: auto;

  opacity: 1;

  position: relative;

  right: 0;

  left: 0;

  bottom: 0;

  width: 100%;

  z-index: 0;

}

@media (min-width: 768px) {

  .main-title:before {

    background:#044774;

    position: absolute;

  }

}

@media (min-width: 1024px) {

  .main-title:before {

    height: 0.5rem;

  }

}

.main-title:after,

.side-header:after {

  --tw-bg-opacity: 1;

  background-color: rgba(17, 57, 194, var(--tw-bg-opacity));

  --tw-bg-opacity: 0.5;

  display: block;

  height: 0.5rem;

  margin-left: auto;

  margin-right: auto;

  position: absolute;

  right: 0;

  left: 0;

  bottom: -0.5rem;

  width: 91.666667%;

}

@media (min-width: 768px) {

  .main-title:after,

  .side-header:after {

    display: none;

  }

}

@media (min-width: 768px) {

  .side-header:after {

    display: block;

  }

}

.news-card-bottom:before {

  content: "";

  height: 100%;

  background-image: linear-gradient(

    90deg,

    #e3568c 12.5%,

    #e18633 0,

    #e18633 25%,

    #193edb 0,

    #193edb 37.5%,

    #b252fa 0,

    #b252fa 50%,

    #e3568c 0,

    #e3568c 62.5%,

    #e18633 0,

    #e18633 75%,

    #193edb 0,

    #193edb 87.5%,

    #b252fa 0,

    #b252fa

  );

  height: 0.5rem;

  opacity: 0.4;

  width: 100%;

}

.newspage .main-slider:after {

  background-image: linear-gradient(

    90deg,

    #00487a 16.67%,

    #1f6697 0,

    #1f6697 33.33%,

    #4697cf 0,

    #4697cf 50%,

    #00487a 0,

    #00487a 66.67%,

    #1f6697 0,

    #1f6697 83.33%,

    #4697cf 0,

    #4697cf

  );

}

.nav-bottom > li a {

  display: flex;

  align-items: center;

  margin-top: 0.5rem;

  margin-bottom: 0.5rem;

}

.nav-bottom > li a:hover {

  --tw-text-opacity: 1;

  color: rgba(25, 62, 219, var(--tw-text-opacity));

}

.nav-bottom > li a {

  --tw-translate-x: 0;

  --tw-translate-y: 0;

  --tw-rotate: 0;

  --tw-skew-x: 0;

  --tw-skew-y: 0;

  --tw-scale-x: 1;

  --tw-scale-y: 1;

  transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y))

    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))

    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));

}

.nav-bottom > li a:hover {

  --tw-translate-y: 0.25rem;

}

.nav-bottom > li a {

  transition-property: all;

  transition-duration: 0.15s;

  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

  transition-duration: 0.3s;

}

@media (min-width: 1024px) {

  .nav-bottom > li a {

    margin-top: 0;

    margin-bottom: 0;

  }

}

.nav-bottom > li:first-of-type,

.nav-bottom > li:nth-of-type(3),

.nav-bottom > li:nth-of-type(5) {

  display: none;

}

@media (min-width: 768px) {

  .nav-bottom > li:first-of-type,

  .nav-bottom > li:nth-of-type(3),

  .nav-bottom > li:nth-of-type(5) {

    display: flex;

  }

}

.nav-bottom > li:nth-of-type(2),

.nav-bottom > li:nth-of-type(4) {

  display: none;

}

@media (min-width: 640px) {

  .nav-bottom > li:nth-of-type(2),

  .nav-bottom > li:nth-of-type(4) {

    display: flex;

  }

}

.nav-bottom > li a:last-of-type {

  height: 2.25rem;

  margin-top: 0;

  margin-bottom: 0;

}

.nav-bottom button {

  margin-left: 0.5rem !important;

  --tw-border-opacity: 1;

  border-color: rgba(148, 163, 184, var(--tw-border-opacity));

  border-left-width: 1px;

  height: 2.25rem;

  padding-left: 0.75rem;

}

@media (min-width: 1024px) {

  .nav-bottom button {

    display: none;

  }

}

.nav-bottom > li.menu {

  margin-left: 0.5rem !important;

  --tw-border-opacity: 1;

  border-color: rgba(148, 163, 184, var(--tw-border-opacity));

  border-left-width: 1px;

  padding-left: 0.75rem;

}

@media (min-width: 1024px) {

  .nav-bottom > li.menu {

    display: none;

  }

}

.nav-bottom .dropdown button {

  margin-left: 0 !important;

  border-style: none;

  padding-left: 0;

}

@media (min-width: 1024px) {

  .nav-bottom .dropdown button {

    display: flex;

  }

}

.nav-bottom > li .dropdown a,

.nav-bottom > li .dropdown a:last-of-type {

  height: auto;

  margin-top: 0;

  margin-bottom: 0;

}

.nav-bottom > li .dropdown a:hover {

  --tw-translate-y: 0px;

}

.nav-bottom a.drop > :not([hidden]) ~ :not([hidden]) {

  --tw-space-x-reverse: 0;

  margin-right: calc(0.25rem * var(--tw-space-x-reverse));

  margin-left: calc(0.25rem * (1 - var(--tw-space-x-reverse)));

}

.nav-bottom .dropdown:hover span,

.nav-bottom .dropdown:hover svg {

  --tw-text-opacity: 1;

  color: rgba(25, 62, 219, var(--tw-text-opacity));

}

nav.faculty .nav-bottom .dropdown:hover span,

nav.faculty .nav-bottom .dropdown:hover svg,

nav.faculty .nav-bottom > li a:last-of-type:hover {

  --tw-text-opacity: 1;

  color: rgba(191, 219, 254, var(--tw-text-opacity));

}

.nav-bottom .dropdown:hover #headlessui-menu-items svg,

.nav-bottom .dropdown:hover h6 {

  --tw-text-opacity: 1;

  color: rgba(255, 255, 255, var(--tw-text-opacity));

}

.nav-bottom > li.search {

  background-image: linear-gradient(90deg, var(--tw-gradient-stops));

  --tw-gradient-from: #e2e8f0;

  --tw-gradient-stops: var(--tw-gradient-from),

    var(--tw-gradient-to, rgba(226, 232, 240, 0));

  --tw-gradient-to: #fff;

}

@media (min-width: 768px) {

  .nav-bottom > li.search {

    --tw-gradient-from: #fff;

    --tw-gradient-stops: var(--tw-gradient-from),

      var(--tw-gradient-to, hsla(0, 0%, 100%, 0));

  }

}

.nav-bottom > li.search div {

  --tw-border-opacity: 1;

  border-color: rgba(148, 163, 184, var(--tw-border-opacity));

  border-left-width: 1px;

  margin-top: 0;

  margin-bottom: 0;

  padding-right: 0.25rem;

  padding-left: 0.75rem;

}

@media (min-width: 768px) {

  .nav-bottom > li.search div {

    border-left-width: 0;

    padding-right: 0;

    padding-left: 0.25rem;

  }

}

.nav-bottom a svg {

  height: 1rem;

  width: 1rem;

}

@media (min-width: 1280px) {

  .nav-bottom a svg {

    height: 1.25rem;

    width: 1.25rem;

  }

}

.nav-bottom > li.menu {

  background-image: linear-gradient(90deg, var(--tw-gradient-stops));

  --tw-gradient-from: #e2e8f0;

  --tw-gradient-stops: var(--tw-gradient-from),

    var(--tw-gradient-to, rgba(226, 232, 240, 0));

  --tw-gradient-to: #fff;

  height: 2.25rem;

}

.nav-bottom > li.menu:focus {

  outline: 2px solid transparent;

  outline-offset: 2px;

}

.nav-bottom > li.menu {

  position: relative;

  width: 2.25rem;

}

@media (min-width: 768px) {

  .nav-bottom > li.menu {

    display: none;

  }

}

footer {

  --tw-bg-opacity: 1;

  background-color: rgba(17, 57, 194, var(--tw-bg-opacity));

  display: flex;

  flex-direction: column;

}

.footer-slider-container {

  overflow: hidden;

}

.footer-container > :not([hidden]) ~ :not([hidden]) {

  --tw-divide-opacity: 1;

  border-color: rgba(59, 130, 246, var(--tw-divide-opacity));

}

.footer-container {

  display: grid;

  align-items: center;

  justify-content: center;

  font-size: 0.875rem;

  line-height: 1.25rem;

  margin-left: auto;

  margin-right: auto;

  max-width: 80rem;

  overflow: hidden;

  padding: 0.75rem;

  --tw-text-opacity: 1;

  color: rgba(255, 255, 255, var(--tw-text-opacity));

  width: 100%;

  grid-template-columns: repeat(2, minmax(0, 1fr));

}

@media (min-width: 768px) {

  .footer-container {

    grid-template-columns: repeat(3, minmax(0, 1fr));

  }

}

@media (min-width: 1280px) {

  .footer-container > :not([hidden]) ~ :not([hidden]) {

    --tw-divide-x-reverse: 0;

    border-right-width: calc(1px * var(--tw-divide-x-reverse));

    border-left-width: calc(1px * (1 - var(--tw-divide-x-reverse)));

  }

  .footer-container {

    grid-template-columns: repeat(6, minmax(0, 1fr));

  }

}

.footer-container:nth-child(2) {

  row-gap: 1.5rem;

}

@media (min-width: 1280px) {

  .footer-container:nth-child(2) {

    row-gap: 0;

  }

}

.service {

  height: 3.5rem;

  padding-left: 0.75rem;

  padding-right: 0.75rem;

}

.service img {

  height: 100%;

  -o-object-fit: contain;

  object-fit: contain;

  width: 100%;

}

.footer-logo > :not([hidden]) ~ :not([hidden]) {

  --tw-space-y-reverse: 0;

  margin-top: calc(0.75rem * (1 - var(--tw-space-y-reverse)));

  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));

}

.footer-logo {

  display: flex;

  flex-direction: column;

  align-items: center;

  padding-left: 0.5rem;

  padding-right: 0.5rem;

}

@media (min-width: 1024px) {

  .footer-logo > :not([hidden]) ~ :not([hidden]) {

    --tw-space-x-reverse: 0;

    margin-right: calc(1rem * var(--tw-space-x-reverse));

    margin-left: calc(1rem * (1 - var(--tw-space-x-reverse)));

  }

  .footer-logo {

    flex-direction: row;

    align-self: flex-start;

  }

}

@media (min-width: 1280px) {

  .footer-logo > :not([hidden]) ~ :not([hidden]) {

    --tw-space-x-reverse: 0;

    margin-right: calc(0px * var(--tw-space-x-reverse));

    margin-left: calc(0px * (1 - var(--tw-space-x-reverse)));

  }

  .footer-logo {

    flex-direction: column;

  }

}

.footer-logo p {

  text-align: center;

}

@media (min-width: 1024px) {

  .footer-logo p {

    text-align: left;

    width: 16rem;

  }

}

@media (min-width: 1280px) {

  .footer-logo p {

    text-align: center;

    width: auto;

  }

}

.footer-logo img {

  height: 7rem;

  width: 7rem;

}

@media (min-width: 1024px) {

  .footer-logo img {

    align-self: flex-start;

  }

}

@media (min-width: 1280px) {

  .footer-logo img {

    align-self: center;

  }

}

.footer-box {

  display: flex;

  flex-direction: column;

  align-items: flex-start;

  align-self: flex-start;

  height: 100%;

  padding-left: 1rem;

  padding-right: 1rem;

}

.footer-box:nth-of-type(2) {

  display: none;

}

@media (min-width: 768px) {

  .footer-box:nth-of-type(2) {

    display: flex;

  }

}

.footer-box:nth-of-type(3) {

  display: none;

}

@media (min-width: 768px) {

  .footer-box:nth-of-type(3) {

    display: flex;

  }

}

.footer-box h4 {

  font-weight: 700;

  font-size: 1rem;

  line-height: 1.5rem;

  margin-bottom: 0.5rem;

  --tw-text-opacity: 1;

  color: rgba(255, 255, 255, var(--tw-text-opacity));

}

@media (min-width: 1280px) {

  .footer-box h4 {

    margin-bottom: 1rem;

  }

}

.footer-bottom a,

.footer-box a,

.footer-listed a {

  opacity: 0.7;

}

.footer-bottom a:hover,

.footer-box a:hover,

.footer-listed a:hover {

  opacity: 1;

}

.footer-bottom a,

.footer-box a,

.footer-listed a {

  --tw-translate-x: 0;

  --tw-translate-y: 0;

  --tw-rotate: 0;

  --tw-skew-x: 0;

  --tw-skew-y: 0;

  --tw-scale-x: 1;

  --tw-scale-y: 1;

  transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y))

    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))

    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));

}

.footer-bottom a:hover,

.footer-box a:hover,

.footer-listed a:hover {

  --tw-translate-x: 0.25rem;

}

.footer-bottom a,

.footer-box a,

.footer-listed a {

  transition-property: background-color, border-color, color, fill, stroke,

    opacity, box-shadow, transform, filter, -webkit-backdrop-filter;

  transition-property: background-color, border-color, color, fill, stroke,

    opacity, box-shadow, transform, filter, backdrop-filter;

  transition-property: background-color, border-color, color, fill, stroke,

    opacity, box-shadow, transform, filter, backdrop-filter,

    -webkit-backdrop-filter;

  transition-duration: 0.15s;

  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

  transition-duration: 0.3s;

}

.footer-bottom a:hover,

.footer-listed a:hover {

  --tw-translate-x: 0px;

}

.footer-box .inner > :not([hidden]) ~ :not([hidden]) {

  --tw-space-y-reverse: 0;

  margin-top: calc(0.75rem * (1 - var(--tw-space-y-reverse)));

  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));

}

.footer-box .inner {

  display: flex;

  flex-direction: column;

}

.footer-box .inner a > :not([hidden]) ~ :not([hidden]) {

  --tw-space-x-reverse: 0;

  margin-right: calc(0.5rem * var(--tw-space-x-reverse));

  margin-left: calc(0.5rem * (1 - var(--tw-space-x-reverse)));

}

.footer-box .inner a {

  display: flex;

  align-items: center;

}

.footer-box .inner svg {

  height: 1.25rem;

  width: 1.25rem;

}

.footer-listed > :not([hidden]) ~ :not([hidden]) {

  --tw-divide-opacity: 1;

  border-color: rgba(70, 151, 207, var(--tw-divide-opacity));

}

.footer-listed {

  display: none;

  flex-wrap: wrap;

  align-items: center;

  justify-content: center;

  font-size: 0.875rem;

  line-height: 1.25rem;

  margin: 0.75rem;

  --tw-text-opacity: 1;

  color: rgba(255, 255, 255, var(--tw-text-opacity));

}

@media (min-width: 768px) {

  .footer-listed > :not([hidden]) ~ :not([hidden]) {

    --tw-divide-x-reverse: 0;

    border-right-width: calc(1px * var(--tw-divide-x-reverse));

    border-left-width: calc(1px * (1 - var(--tw-divide-x-reverse)));

  }

  .footer-listed {

    display: flex;

  }

}

.footer-listed a {

  padding-left: 0.75rem;

  padding-right: 0.75rem;

}

.footer-bottom {

  --tw-bg-opacity: 1;

  background-color: rgba(30, 58, 138, var(--tw-bg-opacity));

  display: flex;

  align-items: center;

  justify-content: space-between;

  font-size: 0.75rem;

  line-height: 1rem;

  padding: 0.25rem 1rem;

  width: 100%;

}

.footer-bottom,

.footer-logo > p {

  --tw-text-opacity: 1;

  color: rgba(255, 255, 255, var(--tw-text-opacity));

}

.footer-logo > p {

  font-size: 0.875rem;

  line-height: 1.25rem;

  opacity: 0.7;

}

@media (min-width: 768px) {

  .footer-logo > p {

    font-size: 1rem;

    line-height: 1.5rem;

  }

}

.footer-bottom > p {

  font-size: 0.6rem;

  line-height: 0.75rem;

  margin-top: 0;

  opacity: 0.7;

  --tw-text-opacity: 1;

  color: rgba(255, 255, 255, var(--tw-text-opacity));

  width: auto;

}

@media (min-width: 640px) {

  .footer-bottom > p {

    font-size: 0.75rem;

    line-height: 1rem;

  }

}

@media (min-width: 768px) {

  .footer-bottom > p {

    width: 16rem;

  }

}

@media (min-width: 1024px) {

  .footer-bottom > p {

    width: 24rem;

  }

}

@media (min-width: 1280px) {

  .footer-bottom > p {

    width: auto;

  }

}

.footer-bottom > div > :not([hidden]) ~ :not([hidden]) {

  --tw-space-x-reverse: 0;

  margin-right: calc(0.5rem * var(--tw-space-x-reverse));

  margin-left: calc(0.5rem * (1 - var(--tw-space-x-reverse)));

}

.footer-bottom > div {

  display: none;

  margin-left: auto;

}

@media (min-width: 768px) {

  .footer-bottom > div {

    display: flex;

  }

}

.footer-bottom > a {

  margin-left: auto;

}

.footer-bottom > a svg {

  height: 2.5rem;

  width: 5rem;

}

.main-slider {

  overflow: hidden;

  position: relative;

  width: 100%;

}

.main-slider .swiper-wrapper {

  width: 100%;

}

.main-slider .swiper-slide {

  height: 16rem;

  width: 100%;

}

@media (min-width: 768px) {

  .main-slider .swiper-slide {

    height: 24rem;

  }

}

@media (min-width: 1024px) {

  .main-slider .swiper-slide {

    height: 32rem;

  }

}

@media (min-width: 1280px) {

  .main-slider .swiper-slide {

    height: 40rem;

  }

}

.faculty-page .page-container,

.newspage .page-container,

.uni-page .page-container {

  display: flex;

  flex-direction: column;

  margin-bottom: -1.25rem;

  width: 100%;

}

@media (min-width: 1024px) {

  .faculty-page .page-container,

  .newspage .page-container,

  .uni-page .page-container {

    flex-direction: row;

  }

}

.faculty-page .page-container {

  margin-bottom: 4rem;

}

.faculty-page .page-container aside,

.newspage .page-container aside,

.uni-page .page-container aside {

  --tw-bg-opacity: 1;

  background-color: rgba(219, 234, 254, var(--tw-bg-opacity));

  display: flex;

  flex-direction: column;

  align-items: center;

  margin-top: 1rem;

  padding-top: 1.5rem;

  position: relative;

  width: 100%;

}

@media (min-width: 768px) {

  .faculty-page .page-container aside,

  .newspage .page-container aside,

  .uni-page .page-container aside {

    margin-top: 0;

  }

}

@media (min-width: 1024px) {

  .faculty-page .page-container aside,

  .newspage .page-container aside,

  .uni-page .page-container aside {

    width: 40%;

  }

}

@media (min-width: 1280px) {

  .faculty-page .page-container aside,

  .newspage .page-container aside,

  .uni-page .page-container aside {

    width: 30%;

  }

}

aside:after {

  content: "";

  background-image: linear-gradient(90deg, #1139c2, #beddff);

  height: 0.5rem;

  position: absolute;

  right: 0;

  left: 0;

  bottom: 0;

  width: 100%;

}

.faculty-page article {

  margin-bottom: 5rem;

  position: relative;

}

.faculty-page article:before {

  content: "";

  background-image: url(../images/sm-pattern.svg);

  top: 4rem;

  background-repeat: no-repeat;

  height: 6rem;

  -o-object-fit: contain;

  object-fit: contain;

  position: absolute;

  left: 0;

  width: 6rem;

}

@media screen and (min-width: 768px) {

  .faculty-page article:before {

    top: 5rem;

  }

}

@media screen and (min-width: 1024px) {

  .faculty-page article:before {

    top: 6rem;

    left: 0;

  }

}

@media screen and (min-width: 1280px) {

  .faculty-page article:before {

    top: 8.5rem;

    left: 2rem;

  }

}

aside .search-form {

  display: flex;

  margin-left: auto;

  margin-right: auto;

  width: 91.666667%;

}

aside .search-form input {

  border-top-left-radius: 9999px;

  border-bottom-left-radius: 9999px;

  font-size: 0.875rem;

  line-height: 1.25rem;

}

aside .search-form input:focus {

  outline: 2px solid transparent;

  outline-offset: 2px;

}

aside .search-form input {

  padding: 0.5rem 1rem;

}

aside .search-form input:focus {

  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0

    var(--tw-ring-offset-width) var(--tw-ring-offset-color);

  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0

    calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);

  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),

    var(--tw-shadow, 0 0 transparent);

  --tw-ring-opacity: 1;

  --tw-ring-color: rgba(70, 151, 207, var(--tw-ring-opacity));

}

aside .search-form input {

  width: 100%;

}

@media (min-width: 768px) {

  aside .search-form input {

    font-size: 1rem;

    line-height: 1.5rem;

  }

}

aside .search-form button {

  --tw-bg-opacity: 1;

  background-color: rgba(70, 151, 207, var(--tw-bg-opacity));

  border-top-right-radius: 9999px;

  border-bottom-right-radius: 9999px;

}

aside .search-form button:focus {

  outline: 2px solid transparent;

  outline-offset: 2px;

}

aside .search-form button {

  padding-left: 1rem;

  padding-right: 1rem;

}

aside .search-form button:focus {

  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0

    var(--tw-ring-offset-width) var(--tw-ring-offset-color);

  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0

    calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);

  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),

    var(--tw-shadow, 0 0 transparent);

  --tw-ring-opacity: 1;

  --tw-ring-color: rgba(70, 151, 207, var(--tw-ring-opacity));

}

aside .search-form button {

  --tw-text-opacity: 1;

  color: rgba(255, 255, 255, var(--tw-text-opacity));

}

@media (min-width: 768px) {

  aside .search-form button {

    padding-left: 1.25rem;

    padding-right: 1.25rem;

  }

}

aside .search-form button svg {

  height: 1.25rem;

  width: 1.25rem;

}

@media (min-width: 768px) {

  aside .search-form button svg {

    height: 1.5rem;

    width: 1.5rem;

  }

}

aside .side-header > :not([hidden]) ~ :not([hidden]) {

  --tw-space-x-reverse: 0;

  margin-right: calc(0.5rem * var(--tw-space-x-reverse));

  margin-left: calc(0.5rem * (1 - var(--tw-space-x-reverse)));

}

aside .side-header {

  --tw-bg-opacity: 1;

  background:#044774;

  display: flex;

  align-items: center;

  justify-content: center;

  margin-top: 1.5rem;

  margin-bottom: 1.5rem;

  padding-top: 0.5rem;

  padding-bottom: 0.5rem;

  position: relative;

  --tw-text-opacity: 1;

  color: rgba(255, 255, 255, var(--tw-text-opacity));

  width: 100%;

}

.side-header svg {

  height: 1.75rem;

  width: 1.75rem;

}

.side-header h2,

.side-header h5 {

  font-weight: 500;

  font-size: 1rem;

  line-height: 1.75rem;

  --tw-text-opacity: 1;

  color: rgba(255, 255, 255, var(--tw-text-opacity));

}

@media (min-width: 1024px) {

  .side-header h2,

  .side-header h5 {

    font-size: 1.25rem;

    line-height: 2rem;

  }

}

.side-wrapper {

  grid-template-columns: repeat(1, minmax(0, 1fr));

}

.faculty-page .side-wrapper,

.side-wrapper {

  display: grid;

  justify-items: center;

  width: 100%;

  gap: 1rem;

}

.faculty-page .side-wrapper {

  grid-template-columns: repeat(3, minmax(0, 1fr));

}

.faculty-page .side-header {

  display: inline-flex;

  align-self: flex-start;

  justify-content: center;

  margin-left: 0;

  margin-right: auto;

  margin-top: -2.75rem;

  padding-left: 3rem;

  padding-right: 3rem;

  width: 100%;

}

@media (min-width: 768px) {

  .faculty-page .side-header {

    justify-content: flex-start;

    width: auto;

  }

}

.faculty-page .search-form {

  display: none;

}

.faculty-page .side-header:before {

  width: 400%;

  content: "";

  background-image: linear-gradient(90deg, #1139c2, #beddff);

  display: none;

  height: 0.5rem;

  position: absolute;

  bottom: 0;

}

@media (min-width: 768px) {

  .faculty-page .side-header:before {

    display: block;

  }

}

.faculty-page .side-header:after {

  --tw-bg-opacity: 1;

  background-color: rgba(17, 57, 194, var(--tw-bg-opacity));

  opacity: 0.5;

  bottom: -0.5rem;

}

@media (min-width: 768px) {

  .faculty-page .side-header:after {

    margin-left: 0;

    bottom: auto;

    top: -0.5rem;

  }

}

.newspage .page-container article,

.newspage .page-container section,

.uni-page .page-container article {

  display: flex;

  flex-direction: column;

  align-items: center;

  padding: 0.75rem;

  position: relative;

  width: 100%;

}

@media (min-width: 768px) {

  .newspage .page-container article,

  .newspage .page-container section,

  .uni-page .page-container article {

    padding: 1.25rem;

  }

}

@media (min-width: 1024px) {

  .newspage .page-container article,

  .newspage .page-container section,

  .uni-page .page-container article {

    padding: 1.5rem;

    width: 60%;

  }

}

@media (min-width: 1280px) {

  .newspage .page-container article,

  .newspage .page-container section,

  .uni-page .page-container article {

    width: 70%;

  }

}

.faculty-page .page-container {

  flex-direction: column;

}

.faculty-page .page-container article {

  margin-left: auto;

  margin-right: auto;

  max-width: 1440px;

  padding: 0;

  width: 100%;

}

@media (min-width: 1024px) {

  .faculty-page .page-container article {

    width: 100%;

  }

}

@media (min-width: 1280px) {

  .faculty-page .page-container article {

    padding: 2rem;

    width: 100%;

  }

}

.faculty-page .page-container aside {

  --tw-bg-opacity: 1;

  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));

  margin-bottom: 3rem;

  padding: 0 0 2rem;

  width: 100%;

}

@media (min-width: 1024px) {

  .faculty-page .page-container aside {

    width: 100%;

  }

}

@media (min-width: 1280px) {

  .faculty-page .page-container aside {

    width: 100%;

  }

}

.faculty-page .page-container .article-wrapper {

  border-radius: 0;

  align-items: center;

  padding-left: 0;

  padding-right: 0;

  padding-bottom: 0;

}

@media (min-width: 640px) {

  .faculty-page .page-container .article-wrapper {

    padding-left: 1rem;

    padding-right: 1rem;

  }

}

@media (min-width: 768px) {

  .faculty-page .page-container .article-wrapper {

    border-radius: 0.75rem;

    padding-left: 2rem;

    padding-right: 2rem;

    padding-bottom: 2rem;

  }

}

@media (min-width: 1024px) {

  .faculty-page .page-container .article-wrapper {

    padding-left: 0;

    padding-right: 0;

  }

}

@media (min-width: 1280px) {

  .faculty-page .page-container .article-wrapper {

    flex-direction: row;

    padding-bottom: 0;

  }

}

.faculty-page .page-container .article-wrapper img.featured-image {

  border-radius: 1rem;

  height: 14rem;

  padding: 0.5rem;

}

@media (min-width: 640px) {

  .faculty-page .page-container .article-wrapper img.featured-image {

    height: 20rem;

  }

}

@media (min-width: 768px) {

  .faculty-page .page-container .article-wrapper img.featured-image {

    height: 18rem;

  }

}

@media (min-width: 1024px) {

  .faculty-page .page-container .article-wrapper img.featured-image {

    border-top-left-radius: 0;

    border-bottom-left-radius: 0;

    height: 24rem;

    padding: 0;

    width: 75%;

  }

}

@media (min-width: 1280px) {

  .faculty-page .page-container .article-wrapper img.featured-image {

    border-bottom-right-radius: 0;

    width: 100%;

  }

}

.faculty-page .left {

  align-self: flex-start;

  z-index: 30;

}

@media (min-width: 1280px) {

  .faculty-page .left {

    width: 50%;

  }

}

.faculty-page .right {

  padding: 1rem;

  z-index: 30;

}

@media (min-width: 1024px) {

  .faculty-page .right {

    padding-left: 2.5rem;

    padding-right: 2.5rem;

  }

}

@media (min-width: 1280px) {

  .faculty-page .right {

    margin-left: 3rem;

    padding-right: 2rem;

    padding-top: 3rem;

    width: 50%;

  }

}

.faculty-bg-icon {

  height: 6rem;

  position: absolute;

  top: 0;

  right: -2rem;

  --tw-text-opacity: 1;

  color: rgba(219, 234, 254, var(--tw-text-opacity));

  width: 6rem;

}

@media (min-width: 1280px) {

  .faculty-bg-icon {

    height: 12rem;

    top: -1rem;

    right: -2.5rem;

    width: 12rem;

  }

}

.article-wrapper {

  border-radius: 0.5rem;

  display: flex;

  flex-direction: column;

  align-items: center;

  overflow: hidden;

  padding: 0.75rem 0.75rem 5rem;

  position: relative;

  --tw-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25);

  box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent),

    var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);

  width: 100%;

}

@media (min-width: 768px) {

  .article-wrapper {

    padding: 1.25rem;

  }

}

@media (min-width: 1024px) {

  .article-wrapper {

    padding: 1.5rem 1.5rem 10rem;

  }

}

.uni-page .article-wrapper {

  padding-bottom: 5rem;

}

@media (min-width: 640px) {

  .uni-page .article-wrapper {

    padding-bottom: 8rem;

  }

}

@media (min-width: 1280px) {

  .uni-page .article-wrapper {

    padding-bottom: 11rem;

  }

}

.article-wrapper:after,

.article-wrapper:before {

  content: "";

  position: absolute;

  right: 0;

  left: 0;

  bottom: -0.25rem;

  z-index: 0;

  display: none;

}

@media (min-width: 640px) {

  .article-wrapper:after,

  .article-wrapper:before {

    bottom: -1rem;

  }

}

@media (min-width: 768px) {

  .article-wrapper:after,

  .article-wrapper:before {

    bottom: -0.75rem;

  }

}

@media (min-width: 1024px) {

  .article-wrapper:after,

  .article-wrapper:before {

    bottom: -1.5rem;

  }

}

.article-wrapper:before {

  background-image: url(../images/newspage-bg.svg);

  width: 100%;

  height: 100%;

  background-repeat: no-repeat;

  background-position: bottom;

  background-size: contain;

}

.faculty-page .article-wrapper:after,

.faculty-page .article-wrapper:before {

  background-image: none;

}

.article-wrapper:after {

  background-image: url(../images/vizyon.svg);

  background-repeat: no-repeat;

  background-position: 100% 100%;

  background-size: contain;

  left: auto;

  height: 2.5rem;

  bottom: 0.25rem;

  right: 0.5rem;

  width: 2.5rem;

}

@media (min-width: 640px) {

  .article-wrapper:after {

    height: 5rem;

    width: 5rem;

  }

}

@media (min-width: 768px) {

  .article-wrapper:after {

    bottom: 0.5rem;

    right: 0.75rem;

  }

}

@media (min-width: 1024px) {

  .article-wrapper:after {

    height: 4rem;

    width: 4rem;

  }

}

@media (min-width: 1280px) {

  .article-wrapper:after {

    height: 6rem;

    bottom: 0.75rem;

    right: 1rem;

    width: 6rem;

  }

}

.article-wrapper .featured-image {

  border-radius: 0.5rem;

  height: 12rem;

  -o-object-fit: cover;

  object-fit: cover;

  width: 100%;

}

@media (min-width: 768px) {

  .article-wrapper .featured-image {

    height: 28rem;

  }

}

@media (min-width: 1024px) {

  .article-wrapper .featured-image {

    height: 20rem;

  }

}

@media (min-width: 1280px) {

  .article-wrapper .featured-image {

    height: 32rem;

  }

}

.uni-page .article-wrapper .featured-image {

  border-radius: 0.5rem;

  height: 12rem;

  -o-object-fit: cover;

  object-fit: cover;

  width: 100%;

}

@media (min-width: 768px) {

  .uni-page .article-wrapper .featured-image {

    height: 24rem;

  }

}

@media (min-width: 1024px) {

  .uni-page .article-wrapper .featured-image {

    height: 20rem;

  }

}

@media (min-width: 1280px) {

  .uni-page .article-wrapper .featured-image {

    height: 28rem;

  }

}

.article-wrapper .article-infobox {

  --tw-bg-opacity: 1;

  background-color: rgba(223, 233, 245, var(--tw-bg-opacity));

  border-radius: 0.75rem;

  display: flex;

  align-items: center;

  justify-content: space-between;

  margin-top: 1rem;

  padding: 0.5rem 1rem;

  position: relative;

  width: 100%;

  z-index: 20;

}

.article-wrapper .article-infobox--left > :not([hidden]) ~ :not([hidden]) {

  --tw-space-x-reverse: 0;

  margin-right: calc(0.5rem * var(--tw-space-x-reverse));

  margin-left: calc(0.5rem * (1 - var(--tw-space-x-reverse)));

}

.article-wrapper .article-infobox--left {

  display: flex;

  align-items: center;

  --tw-text-opacity: 1;

  color: rgba(17, 57, 194, var(--tw-text-opacity));

}

@media (min-width: 768px) {

  .article-wrapper .article-infobox--left > :not([hidden]) ~ :not([hidden]) {

    --tw-space-x-reverse: 0;

    margin-right: calc(2rem * var(--tw-space-x-reverse));

    margin-left: calc(2rem * (1 - var(--tw-space-x-reverse)));

  }

}

.article-wrapper .article-infobox--right > :not([hidden]) ~ :not([hidden]) {

  --tw-space-x-reverse: 0;

  margin-right: calc(0.5rem * var(--tw-space-x-reverse));

  margin-left: calc(0.5rem * (1 - var(--tw-space-x-reverse)));

}

.article-wrapper .article-infobox--right {

  display: flex;

  align-items: center;

  --tw-text-opacity: 1;

  color: rgba(17, 57, 194, var(--tw-text-opacity));

}

@media (min-width: 768px) {

  .article-wrapper .article-infobox--right {

    font-size: 0.875rem;

    line-height: 1.25rem;

  }

}

@media (min-width: 1024px) {

  .article-wrapper .article-infobox--right {

    font-size: 1rem;

    line-height: 1.5rem;

  }

}

.article-wrapper .article-info-text > :not([hidden]) ~ :not([hidden]) {

  --tw-space-x-reverse: 0;

  margin-right: calc(0.5rem * var(--tw-space-x-reverse));

  margin-left: calc(0.5rem * (1 - var(--tw-space-x-reverse)));

}

.article-wrapper .article-info-text {

  display: flex;

  align-items: center;

  font-size: 0.875rem;

  line-height: 1.25rem;

}

@media (min-width: 768px) {

  .article-wrapper .article-info-text {

    font-size: 0.875rem;

    line-height: 1.25rem;

  }

}

@media (min-width: 1024px) {

  .article-wrapper .article-info-text {

    font-size: 1rem;

    line-height: 1.5rem;

  }

}

.article-wrapper .article-info-text:nth-of-type(2) {

  display: none;

}

@media (min-width: 640px) {

  .article-wrapper .article-info-text:nth-of-type(2) {

    display: flex;

  }

}

.article-wrapper .article-info-text span {

  line-height: 0.75rem;

}

.article-wrapper .article-info-text svg {

  height: 1rem;

  width: 1rem;

}

@media (min-width: 1024px) {

  .article-wrapper .article-info-text svg {

    height: 1.25rem;

    width: 1.25rem;

  }

}

.newspage .article-wrapper h1 {

  background:#044774;

  border-radius: 0.5rem;

  font-size: 0.875rem;

  line-height: 1.25rem;

  margin-top: 1.5rem;

  padding: 0.5rem 1.5rem;

  text-align: left;

  --tw-text-opacity: 1;

  color: rgba(255, 255, 255, var(--tw-text-opacity));

  width: 100%;

}

@media (min-width: 768px) {

  .newspage .article-wrapper h1 {

    font-size: 1.125rem;

    line-height: 1.75rem;

    margin-top: 2rem;

    text-align: center;

  }

}

@media (min-width: 1024px) {

  .newspage .article-wrapper h1 {

    font-size: 1.25rem;

    line-height: 1.75rem;

  }

}

@media (min-width: 1280px) {

  .newspage .article-wrapper h1 {

    padding-left: 2.5rem;

    padding-right: 2.5rem;

  }

}

.uni-page .article-wrapper h1:after {

  content: "";

  z-index: -1;

  background-image: linear-gradient(90deg, var(--tw-gradient-stops));

  --tw-gradient-from: #fff;

  --tw-gradient-stops: var(--tw-gradient-from),

    var(--tw-gradient-to, hsla(0, 0%, 100%, 0));

  --tw-gradient-to: #3b82f6;

  opacity: 0.6;

  position: absolute;

  top: 0;

  bottom: 0;

  right: 0;

  width: 83.333333%;

}

@media (min-width: 768px) {

  .uni-page .article-wrapper h1:after {

    opacity: 0.5;

    width: 40%;

  }

}

.uni-page .article-wrapper h1 {

  font-weight: 800;

  font-size: 2.25rem;

  line-height: 2.5rem;

  margin-bottom: 1.5rem;

  position: relative;

  --tw-text-opacity: 1;

  color: rgba(25, 62, 219, var(--tw-text-opacity));

  width: 100%;

  z-index: 10;

}

@media (min-width: 768px) {

  .uni-page .article-wrapper h1 {

    text-align: center;

  }

}

.uni-page .article-wrapper h1:before {

  content: "";

  z-index: -1;

  background-image: linear-gradient(90deg, var(--tw-gradient-stops));

  --tw-gradient-from: #3b82f6;

  --tw-gradient-stops: var(--tw-gradient-from),

    var(--tw-gradient-to, rgba(59, 130, 246, 0));

  --tw-gradient-to: #fff;

  display: none;

  opacity: 0.5;

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

}

@media (min-width: 768px) {

  .uni-page .article-wrapper h1:before {

    display: block;

    width: 40%;

  }

}

.article-wrapper p {

  font-size: 0.875rem;

  line-height: 1.25rem;

  line-height: 1.5rem;

  margin-top: 1rem;

  text-align: justify;

  --tw-text-opacity: 1;

  color: rgba(30, 41, 59, var(--tw-text-opacity));

  z-index: 20;

  -webkit-hyphens: auto;

  -ms-hyphens: auto;

  hyphens: auto;

}

@media (min-width: 768px) {

  .article-wrapper p {

    font-size: 1rem;

    line-height: 1.5rem;

    margin-top: 1.5rem;

  }

}

.article-image-gallery {

  display: grid;

  justify-items: center;

  margin-top: 1rem;

  margin-bottom: -2rem;

  z-index: 20;

  gap: 0.75rem;

  grid-template-columns: repeat(4, minmax(0, 1fr));

}

@media (min-width: 768px) {

  .article-image-gallery {

    margin-bottom: 0.5rem;

    margin-top: 2rem;

    gap: 1.25rem;

  }

}

@media (min-width: 1024px) {

  .article-image-gallery {

    margin-bottom: -3rem;

  }

}

.article-image-gallery img {

  border-radius: 0.5rem;

  height: 6rem;

  margin-bottom: 1.25rem;

  -o-object-fit: cover;

  object-fit: cover;

  width: 10rem;

}

@media (min-width: 768px) {

  .article-image-gallery img {

    height: 10rem;

    width: 14rem;

  }

}

@media (min-width: 1024px) {

  .article-image-gallery img {

    height: 7rem;

    width: 12rem;

  }

}

@media (min-width: 1280px) {

  .article-image-gallery img {

    height: 10rem;

    width: 14rem;

  }

}

main.faculty-page .main-slider .swiper-slide,

main.newspage .main-slider .swiper-slide,

main.uni-page .main-slider .swiper-slide {

  height: 16rem;

  width: 100%;

}

@media (min-width: 768px) {

  main.faculty-page .main-slider .swiper-slide,

  main.newspage .main-slider .swiper-slide,

  main.uni-page .main-slider .swiper-slide {

    height: 18rem;

  }

}

@media (min-width: 1024px) {

  main.faculty-page .main-slider .swiper-slide,

  main.newspage .main-slider .swiper-slide,

  main.uni-page .main-slider .swiper-slide {

    height: 24rem;

  }

}

.side-slider .news-card {

  border-bottom-right-radius: 0.375rem !important;

  border-bottom-left-radius: 0.375rem !important;

}

@media (min-width: 768px) {

  main.faculty-page .news-card,

  main.uni-page .news-card {

    border-bottom-right-radius: 0.375rem;

    border-bottom-left-radius: 0.375rem;

  }

}

main.newspage .side-slider .swiper-wrapper,

main.uni-page .side-slider .swiper-wrapper {

  align-items: center;

  position: relative;

}

main.newspage .side-slider .swiper-slide,

main.uni-page .side-slider .swiper-slide {

  height: calc(33.33333% - 40px);

  display: flex;

  justify-content: center;

}

@media (min-width: 768px) {

  main.newspage .side-slider .swiper-slide,

  main.uni-page .side-slider .swiper-slide {

    border-bottom-right-radius: 0.5rem;

    border-bottom-left-radius: 0.5rem;

  }

}

main.newspage .side-slider .activity-card,

main.newspage .side-slider .notification-card {

  height: calc(33.33333% - 40px);

  --tw-shadow: 0 0 transparent;

  box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent),

    var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);

}

@media screen and (min-width: 500px) and (max-width: 1023px) {

  main.newspage .side-slider .swiper-slide,

  main.uni-page .side-slider .swiper-slide {

    width: 422px !important;

  }

}

main.newspage .side-slider,

main.uni-page .side-slider {

  height: 1100px;

  overflow: hidden;

  padding-bottom: 3rem;

  position: relative;

  width: 100%;

}

main.newspage .news-card-bottom,

main.uni-page .news-card-bottom {

  display: none;

}

.main-slider .swiper-slide img {

  height: 100%;

  -o-object-fit: cover;

  object-fit: cover;

  width: 100%;

}



@media(max-width:768px){

  .main-slider .swiper-slide img {

  height: 50%;

}

}

.news-slider {

  justify-content: center;

  margin-left: auto;

  margin-right: auto;

  margin-top: 2rem;

  max-width: 1440px;

  overflow: hidden;

  padding: 0.75rem 1rem 4rem;

  position: relative;

  width: 100%;

}

@media (min-width: 1280px) {

  .news-slider {

    margin-top: 1rem;

    padding-bottom: 5rem;

  }

}

.news-slider .swiper-slide {

  display: flex;

  align-items: center;

  justify-content: center;

}

.officers-slider {

  justify-content: center;

  margin-left: auto;

  margin-right: auto;

  margin-top: 2rem;

  overflow: hidden;

  padding: 0.75rem 1rem 2rem;

  position: relative;

  width: 100%;

}

.faculty-page .officers-slider {

  max-width: 1440px;

}

.uni-page .officers-slider {

  justify-content: center;

  margin-left: auto;

  margin-right: auto;

  margin-top: 2rem;

  overflow: hidden;

  padding: 0.75rem 1rem 4rem;

  position: relative;

  width: 100%;

}

.news-slider .swiper-wrapper,

.officers-slider .swiper-wrapper {

  padding-bottom: 2rem;

}

.uni-page .officers-slider .swiper-wrapper {

  padding-bottom: 0.5rem;

}

.main-slider--next:hover,

.main-slider--prev:hover,

.news-slider--next:hover,

.news-slider--prev:hover {

  --tw-bg-opacity: 1;

  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));

}

.main-slider--next,

.main-slider--prev,

.news-slider--next,

.news-slider--prev {

  --tw-border-opacity: 1;

  border-color: rgba(255, 255, 255, var(--tw-border-opacity));

  border-radius: 9999px;

  border-width: 1px;

  display: flex;

  align-items: center;

  justify-content: center;

  position: absolute;

  z-index: 20;

  transition-property: background-color, border-color, color, fill, stroke;

  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

  transition-duration: 0.15s;

  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);

  transition-duration: 0.2s;

}

.news-slider--next:hover,

.news-slider--prev:hover {

  --tw-bg-opacity: 1;

  background-color: rgba(17, 57, 194, var(--tw-bg-opacity));

}

.news-slider--next,

.news-slider--prev {

  --tw-border-opacity: 1;

  border-color: rgba(17, 57, 194, var(--tw-border-opacity));

  padding: 0.375rem;

  position: relative;

}

.main-slider--next {

  top: 50%;

  height: 1.5rem;

  margin-top: auto;

  margin-bottom: auto;

  right: 0.75rem;

  width: 1.5rem;

}

@media (min-width: 768px) {

  .main-slider--next {

    height: 2rem;

    margin-bottom: 0.5rem;

    left: 0.75rem;

    bottom: 5rem;

    top: auto;

    width: 2rem;

  }

}

@media (min-width: 1024px) {

  .main-slider--next {

    margin-bottom: 0;

    left: 1.5rem;

    bottom: 7.5rem;

  }

}

.main-slider--prev {

  top: 50%;

  height: 1.5rem;

  margin-top: auto;

  margin-bottom: auto;

  left: 0.75rem;

  width: 1.5rem;

}

@media (min-width: 768px) {

  .main-slider--prev {

    height: 2rem;

    bottom: 3rem;

    top: auto;

    width: 2rem;

  }

}

@media (min-width: 1024px) {

  .main-slider--prev {

    left: 1.5rem;

    bottom: 5rem;

  }

}

main.faculty-page .main-slider--next,

main.faculty-page .main-slider--prev,

main.newspage .main-slider--next,

main.newspage .main-slider--prev,

main.uni-page .main-slider--next,

main.uni-page .main-slider--prev {

  transform: translateY(50%);

  bottom: 50%;

  height: 1.5rem;

  width: 1.5rem;

}

@media (min-width: 768px) {

  main.faculty-page .main-slider--next,

  main.faculty-page .main-slider--prev,

  main.newspage .main-slider--next,

  main.newspage .main-slider--prev,

  main.uni-page .main-slider--next,

  main.uni-page .main-slider--prev {

    height: 2rem;

    width: 2rem;

  }

}

@media (min-width: 1024px) {

  main.faculty-page .main-slider--next,

  main.faculty-page .main-slider--prev,

  main.newspage .main-slider--next,

  main.newspage .main-slider--prev,

  main.uni-page .main-slider--next,

  main.uni-page .main-slider--prev {

    height: 2.25rem;

    width: 2.25rem;

  }

}

main.faculty-page .main-slider--prev,

main.newspage .main-slider--prev,

main.uni-page .main-slider--prev {

  left: 0.75rem;

  right: auto;

}

main.faculty-page .main-slider--next,

main.newspage .main-slider--next,

main.uni-page .main-slider--next {

  right: 0.75rem;

  left: auto;

}

.news-slider--next {

  margin-left: 0.75rem;

}

.news-slider--prev {

  margin-left: 2rem;

}

.main-slider--next svg,

.main-slider--prev svg,

.news-slider--next svg,

.news-slider--prev svg {

  height: 0.75rem;

  --tw-text-opacity: 1;

  color: rgba(255, 255, 255, var(--tw-text-opacity));

  width: 0.75rem;

}

@media (min-width: 1280px) {

  .main-slider--next svg,

  .main-slider--prev svg,

  .news-slider--next svg,

  .news-slider--prev svg {

    height: 1rem;

    width: 1rem;

  }

}

@media (min-width: 768px) {

  .news-slider--next svg,

  .news-slider--prev svg {

    height: 1rem;

    width: 1rem;

  }

}

.news-slider--next svg,

.news-slider--prev svg {

  --tw-text-opacity: 1;

  color: rgba(17, 57, 194, var(--tw-text-opacity));

}

.main-slider--next:hover svg,

.main-slider--prev:hover svg {

  --tw-text-opacity: 1;

  color: rgba(25, 62, 219, var(--tw-text-opacity));

}

.news-slider--next:hover svg,

.news-slider--prev:hover svg,

nav.faculty .search .dropdown button > svg {

  --tw-text-opacity: 1;

  color: rgba(255, 255, 255, var(--tw-text-opacity));

}

.main-slider--prev svg,

.news-slider--prev svg {

  --tw-translate-x: 0;

  --tw-translate-y: 0;

  --tw-rotate: 0;

  --tw-skew-x: 0;

  --tw-skew-y: 0;

  --tw-scale-x: 1;

  --tw-scale-y: 1;

  transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y))

    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))

    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));

  --tw-rotate: -180deg;

  --tw-translate-x: -1px;

}

.affilate-title {

  position: relative;

  width: 100%;

  z-index: 10;

    margin-top: 4rem;

}

@media (min-width: 768px) {

  .affilate-title {

    margin-top: 4rem;

  }

}

@media (min-width: 1024px) {

  .affilate-title {

    margin-top: 2.5rem;

  }

}

.affilate-title .main-title--inner svg {

  height: 1.75rem;

  width: 1.75rem;

}

.split-sections .notification-feed .main-title--inner svg {

  height: 1.5rem;

  width: 1.5rem;

}

.split-sections .activity-feed .main-title h2,

.split-sections .notification-feed .main-title h2 {

  text-transform: uppercase;

}

@media (min-width: 768px) {

  .split-sections .activity-feed .main-title h2,

  .split-sections .notification-feed .main-title h2 {

    font-size: 1.25rem;

    line-height: 1.75rem;

    text-transform: capitalize;

  }

}

@media (min-width: 1024px) {

  .split-sections .activity-feed .main-title h2,

  .split-sections .notification-feed .main-title h2 {

    font-size: 1rem;

    line-height: 2rem;

  }

}

.affilate-section {

  background-image: url(../images/bottom-overlay.png);

  --tw-bg-opacity: 1;

  background-color: rgba(17, 57, 194, var(--tw-bg-opacity));

  -o-object-fit: cover;

  object-fit: cover;

  overflow: hidden;

  position: relative;

  width: 100%;

}

.faculty-page .affilate-section {

  margin-top: 0;

}

.affilate-slider {

  display: flex;

  align-items: center;

  justify-content: center;

  margin: 1.5rem auto;

  max-width: 1680px;

  overflow: hidden;

  padding: 1.25rem 4rem 4rem;

  position: relative;

}

.affilate-slider .affilate-slider-pagination > :not([hidden]) ~ :not([hidden]),

.news-slider .news-slider-pagination > :not([hidden]) ~ :not([hidden]),

.officers-slider .officers-slider-pagination > :not([hidden]) ~ :not([hidden]) {

  --tw-space-x-reverse: 0;

  margin-right: calc(0.75rem * var(--tw-space-x-reverse));

  margin-left: calc(0.75rem * (1 - var(--tw-space-x-reverse)));

}

.affilate-slider .affilate-slider-pagination,

.news-slider-bottom,

.news-slider .news-slider-pagination,

.officers-slider .officers-slider-pagination {

  display: flex;

  align-items: center;

  justify-content: center;

}

.news-slider-bottom {

  margin-left: auto;

  margin-right: auto;

  margin-bottom: 0.25rem;

  position: absolute;

  right: 0;

  left: 0;

  bottom: 0;

  width: 24rem;

}

main.newspage .news-card,

main.uni-page .news-card {

  opacity: 1;

  width: 91.666667%;

  --tw-translate-x: 0;

  --tw-translate-y: 0;

  --tw-rotate: 0;

  --tw-skew-x: 0;

  --tw-skew-y: 0;

  transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y))

    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))

    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));

  --tw-scale-x: 1;

  --tw-scale-y: 1;

}

main.faculty-page .news-card-top,

main.newspage .news-card-top,

main.uni-page .news-card-top {

  height: 14rem;

}

.affilate-slider .swiper-slide,

.swiper-slide .news-card {

  justify-content: center;

  opacity: 0.5;

  --tw-translate-x: 0;

  --tw-translate-y: 0;

  --tw-rotate: 0;

  --tw-skew-x: 0;

  --tw-skew-y: 0;

  --tw-scale-x: 1;

  --tw-scale-y: 1;

  transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y))

    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))

    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));

  --tw-scale-x: 0.75;

  --tw-scale-y: 0.75;

}

@media (min-width: 640px) {

  .affilate-slider .swiper-slide,

  .swiper-slide .news-card {

    opacity: 1;

    --tw-scale-x: 1;

    --tw-scale-y: 1;

  }

}

.news-section {

  margin-top: 3rem;

  margin-bottom: 6rem;

  width: 100%;

  z-index: 10;

}

@media (min-width: 768px) {

  .news-section {

    margin-top: 3rem;

  }

}

.news-section .main-title--box {

  margin-left: auto;

  margin-right: auto;

}

.news-section .main-title--inner:before {

  top: auto;

  left: auto;

  bottom: -0.5rem;

}

.news-section .main-title:before {

  top: 50%;

  background:#044774;

  --tw-gradient-stops: var(--tw-gradient-from),

    var(--tw-gradient-to, rgba(191, 219, 254, 0));

  --tw-gradient-stops: var(--tw-gradient-from), #193edb,

    var(--tw-gradient-to, rgba(25, 62, 219, 0));

  --tw-gradient-to: #bfdbfe;

  display: none;

  bottom: auto;

}

@media (min-width: 768px) {

  .news-section .main-title:before {

    display: block;

  }

}

.split-sections {

  display: grid;

  margin-top: 1.5rem;

  margin-bottom: 6rem;

  max-width: 1440px;

  width: 100%;

  gap: 4rem;

  grid-template-columns: repeat(1, minmax(0, 1fr));

}

@media (min-width: 768px) {

  .split-sections {

    margin-top: 2rem;

    gap: 1rem;

    grid-template-columns: repeat(2, minmax(0, 1fr));

  }

}

@media (min-width: 1280px) {

  .split-sections {

    gap: 6rem;

  }

}

.split-box {

  margin-bottom: 1rem;

  position: relative;

}

.split-box .main-title {

  position: absolute;

  top: 0;

}

.notification-wrapper > :not([hidden]) ~ :not([hidden]) {

  --tw-divide-y-reverse: 0;

  border-top-width: calc(1px * (1 - var(--tw-divide-y-reverse)));

  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));

}

.notification-wrapper {

  display: flex;

  flex-direction: column;

  margin-top: 1rem;

}

@media (min-width: 768px) {

  .notification-wrapper {

    margin-top: 0;

  }

}

.notification-wrapper .btn-primary {

  margin: 0.75rem 1rem 0.75rem auto;

}

@media (min-width: 1024px) {

  .notification-wrapper .btn-primary {

    margin-top: 1.5rem;

  }

}

.newspage .activity-wrapper,

.newspage .notification-wrapper {

  width: 100%;

}

.activity-wrapper > :not([hidden]) ~ :not([hidden]) {

  --tw-divide-y-reverse: 0;

  border-top-width: calc(1px * (1 - var(--tw-divide-y-reverse)));

  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));

  --tw-divide-opacity: 1;

  border-color: rgba(190, 221, 255, var(--tw-divide-opacity));

}

.activity-wrapper {

  display: flex;

  flex-direction: column;

}

.notification-feed {

  margin-right: auto;

}

.activity-feed,

.notification-feed {

  display: flex;

  flex-direction: column;

  --tw-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25);

  box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent),

    var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);

  width: 100%;

}

.activity-feed {

  margin-top: 1.5rem;

  margin-left: auto;

}

@media (min-width: 768px) {

  .activity-feed {

    margin-top: 0;

  }

}

.split-sections .main-title--inner {

  padding: 0.5rem 0;

  width: 100%;

}

@media (min-width: 768px) {

  .split-sections .main-title--inner {

    padding-top: 0.25rem;

    padding-bottom: 0.25rem;

    width: 16rem;

  }

}

@media (min-width: 1280px) {

  .split-sections .main-title--inner {

    width: 18rem;

  }

}

.split-sections .main-title--inner h2 {

  text-transform: capitalize;

}

.split-sections .main-title--inner svg {

  height: 1rem;

  width: 1rem;

}

.dropdown {

  display: inline-block;

  position: relative;

  text-align: left;

}

.dropdown button > :not([hidden]) ~ :not([hidden]) {

  --tw-space-x-reverse: 0;

  margin-right: calc(0.25rem * var(--tw-space-x-reverse));

  margin-left: calc(0.25rem * (1 - var(--tw-space-x-reverse)));

}

.dropdown button {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  font-weight: 500;

  line-height: 1.25rem;

}

.dropdown button:focus {

  outline: 2px solid transparent;

  outline-offset: 2px;

  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0

    var(--tw-ring-offset-width) var(--tw-ring-offset-color);

  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width))

    var(--tw-ring-color);

  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),

    var(--tw-shadow, 0 0 transparent);

}

.dropdown button {

  --tw-text-opacity: 1;

  color: rgba(98, 99, 111, var(--tw-text-opacity));

}

.dropdown button:hover {

  --tw-text-opacity: 1;

  color: rgba(25, 62, 219, var(--tw-text-opacity));

}

.dropdown button {

  width: 100%;

  --tw-translate-x: 0;

  --tw-translate-y: 0;

  --tw-rotate: 0;

  --tw-skew-x: 0;

  --tw-skew-y: 0;

  --tw-scale-x: 1;

  --tw-scale-y: 1;

  transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y))

    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))

    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));

}

.dropdown button:hover {

  --tw-translate-y: 0.25rem;

}

.dropdown button {

  transition-property: background-color, border-color, color, fill, stroke,

    opacity, box-shadow, transform, filter, -webkit-backdrop-filter;

  transition-property: background-color, border-color, color, fill, stroke,

    opacity, box-shadow, transform, filter, backdrop-filter;

  transition-property: background-color, border-color, color, fill, stroke,

    opacity, box-shadow, transform, filter, backdrop-filter,

    -webkit-backdrop-filter;

  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

  transition-duration: 0.15s;

}

.dropdown button svg {

  height: 0.5rem;

  width: 0.5rem;

}

.dropdown-menu {

  --tw-bg-opacity: 1;

  opacity: 0;

  position: relative;

  visibility: hidden;

  z-index: 50;

  --tw-translate-x: 0;

  --tw-translate-y: 0;

  --tw-rotate: 0;

  --tw-skew-x: 0;

  --tw-skew-y: 0;

  --tw-scale-x: 1;

  --tw-scale-y: 1;

  transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y))

    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))

    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));

  transform-origin: top right;

  --tw-scale-x: 0.95;

  --tw-scale-y: 0.95;

  --tw-translate-y: -0.5rem;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

  transition-duration: 0.15s;

  transition-duration: 0.3s;

}

#headlessui-menu-items,

.dropdown-menu {

  background-color: rgba(17, 57, 194, var(--tw-bg-opacity));

}

#headlessui-menu-items {

  background-image: url(../images/vizyonbg.png);

  --tw-bg-opacity: 1;

  --tw-bg-opacity: 0.9;

  background-position: 100% 100%;

  background-repeat: no-repeat;

  --tw-border-opacity: 1;

  border-color: rgba(17, 57, 194, var(--tw-border-opacity));

  border-radius: 0.375rem;

  border-width: 1px;

  display: flex;

  margin-top: 0.5rem;

  min-width: -webkit-max-content;

  min-width: -moz-max-content;

  min-width: max-content;

  -o-object-fit: contain;

  object-fit: contain;

  outline: 2px solid transparent;

  outline-offset: 2px;

  overflow: hidden;

  position: absolute;

  right: 0;

  --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),

    0 4px 6px -2px rgba(0, 0, 0, 0.05);

  box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent),

    var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);

  --tw-text-opacity: 1;

  color: rgba(147, 197, 253, var(--tw-text-opacity));

  transform-origin: top right;

}

nav.faculty #headlessui-menu-items {

  background-image: none;

}

.nav-lang--mobile {

  --tw-bg-opacity: 1;

  background-color: rgba(0, 72, 122, var(--tw-bg-opacity));

  opacity: 0.9;

  padding: 0.5rem 0 0.5rem 0.5rem;

  --tw-text-opacity: 1;

  color: rgba(255, 255, 255, var(--tw-text-opacity));

}

@media (min-width: 1024px) {

  .nav-lang--mobile {

    display: none;

  }

}

.dropmenu-wrapper > :not([hidden]) ~ :not([hidden]) {

  --tw-space-x-reverse: 0;

  margin-right: calc(0.25rem * var(--tw-space-x-reverse));

  margin-left: calc(0.25rem * (1 - var(--tw-space-x-reverse)));

}

.dropmenu-wrapper {

  display: flex;

  align-items: center;

  margin-bottom: -0.25rem;

  padding: 0.5rem;

}

#headlessui-menu-items a:hover {

  --tw-bg-opacity: 1;

  background-color: rgba(219, 234, 254, var(--tw-bg-opacity));

}

#headlessui-menu-items a {

  border-radius: 0.375rem;

  display: flex;

  justify-content: space-between;

  font-weight: 500;

  font-size: 0.75rem;

  line-height: 1rem;

  line-height: 1.25rem;

  padding: 0.5rem;

  text-align: left;

  --tw-text-opacity: 1;

  color: rgba(147, 197, 253, var(--tw-text-opacity));

}

#headlessui-menu-items a:hover {

  --tw-text-opacity: 1;

  color: rgba(17, 57, 194, var(--tw-text-opacity));

}

#headlessui-menu-items a {

  text-transform: uppercase;

  transition-property: background-color, border-color, color, fill, stroke,

    opacity, box-shadow, transform, filter, -webkit-backdrop-filter;

  transition-property: background-color, border-color, color, fill, stroke,

    opacity, box-shadow, transform, filter, backdrop-filter;

  transition-property: background-color, border-color, color, fill, stroke,

    opacity, box-shadow, transform, filter, backdrop-filter,

    -webkit-backdrop-filter;

  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);

  transition-duration: 0.15s;

}

#headlessui-menu-items h6 {

  font-size: 0.75rem;

  line-height: 1rem;

  letter-spacing: 0.05em;

}

#headlessui-menu-items .sub-link {

  height: 0;

  margin-left: 1.25rem;

  opacity: 0;

  padding: 0;

  text-transform: capitalize;

  visibility: hidden;

  transition-property: all;

  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

  transition-duration: 0.15s;

  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);

  transition-duration: 0.2s;

}

#headlessui-menu-items .sublinked:focus-within > *,

#headlessui-menu-items .sublinked:hover > * {

  opacity: 1;

  visibility: visible;

}

#headlessui-menu-items .sublinked:focus-within > *,

#headlessui-menu-items .sublinked:hover > * {

  height: auto;

  padding: 0.5rem;

}

.dropdown:hover #headlessui-menu-items .akademik {

  padding: 0.25rem;

  width: 14rem;

}

.dropdown:hover #headlessui-menu-items .akademik a > span,

.dropdown:hover #headlessui-menu-items .akademik a > svg {

  --tw-text-opacity: 1;

  color: rgba(147, 197, 253, var(--tw-text-opacity));

}

.dropdown:hover #headlessui-menu-items .akademik a:hover span,

.dropdown:hover #headlessui-menu-items .akademik a:hover svg {

  --tw-text-opacity: 1;

  color: rgba(25, 62, 219, var(--tw-text-opacity));

}

.dropdown:hover

  #headlessui-menu-items

  .akademik

  a

  > :not([hidden])

  ~ :not([hidden]) {

  --tw-space-x-reverse: 0;

  margin-right: calc(0.25rem * var(--tw-space-x-reverse));

  margin-left: calc(0.25rem * (1 - var(--tw-space-x-reverse)));

}

.dropdown:hover #headlessui-menu-items .akademik a {

  display: flex;

  align-items: flex-start;

  justify-content: flex-start;

}

.dropdown:focus-within .dropdown-menu,

.dropdown:hover .dropdown-menu {

  opacity: 1;

  transform: translate(0) scale(1);

  visibility: visible;

}

.search .dropdown button > svg {

  height: 1.25rem;

  --tw-text-opacity: 1;

  color: rgba(98, 99, 111, var(--tw-text-opacity));

}

.search .dropdown button > svg:hover {

  --tw-text-opacity: 1;

  color: rgba(25, 62, 219, var(--tw-text-opacity));

}

.search .dropdown button > svg {

  width: 1.25rem;

}

@media (min-width: 1280px) {

  .search .dropdown button > svg {

    height: 1.5rem;

    width: 1.5rem;

  }

}

.search .dropdown #headlessui-menu-items .popup svg {

  height: 1.25rem;

  --tw-text-opacity: 1;

  color: rgba(148, 163, 184, var(--tw-text-opacity));

  width: 1.25rem;

}

.search .dropdown #headlessui-menu-items .popup svg:hover:hover {

  --tw-text-opacity: 1;

  color: rgba(17, 57, 194, var(--tw-text-opacity));

}

.search .dropdown {

  height: 2.25rem;

}

@media (min-width: 768px) {

  .search .dropdown {

    height: auto;

    padding-top: 0.25rem;

  }

}

.search .dropdown span {

  margin-top: 0.25rem;

  margin-right: 1rem;

  position: absolute;

  top: 0;

  right: 0;

}

@media (min-width: 768px) {

  .search .dropdown span {

    margin-top: 0.375rem;

  }

}

.search .dropdown button:hover {

  --tw-translate-y: 0px;

}

.search .dropdown input:focus {

  outline: 2px solid transparent;

  outline-offset: 2px;

}

.search .dropdown #headlessui-menu-items {

  --tw-border-opacity: 1;

  border-color: rgba(241, 245, 249, var(--tw-border-opacity));

  left: auto;

  right: -3rem;

  width: 16rem;

}

@media (min-width: 768px) {

  .search .dropdown #headlessui-menu-items {

    right: 0;

    width: 20rem;

  }

}

.search .dropdown #headlessui-menu-items input {

  --tw-bg-opacity: 1;

  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));

  border-radius: 0.25rem;

  border-width: 0;

  padding: 0.75rem;

  --tw-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25);

  box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent),

    var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);

  --tw-text-opacity: 1;

  color: rgba(98, 99, 111, var(--tw-text-opacity));

  width: 100%;

}

input[type="search"]::-webkit-search-cancel-button,

input[type="search"]::-webkit-search-decoration,

input[type="search"]::-webkit-search-results-button,

input[type="search"]::-webkit-search-results-decoration {

  -webkit-appearance: none;

}

.officer-card > :not([hidden]) ~ :not([hidden]) {

  --tw-space-y-reverse: 0;

  margin-top: calc(0.25rem * (1 - var(--tw-space-y-reverse)));

  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));

}

.officer-card {

  display: flex;

  flex-direction: column;

  align-items: center;

}

@media (min-width: 1024px) {

  .officer-card > :not([hidden]) ~ :not([hidden]) {

    --tw-space-y-reverse: 0;

    margin-top: calc(0.5rem * (1 - var(--tw-space-y-reverse)));

    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));

  }

}

.officer-img {

  border-radius: 0.375rem;

  height: 6rem;

  overflow: hidden;

  --tw-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25);

  box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent),

    var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);

  width: 5rem;

}

@media (min-width: 640px) {

  .officer-img {

    height: 8rem;

    width: 6.5rem;

  }

}

@media (min-width: 768px) {

  .officer-img {

    border-radius: 0.75rem;

    height: 12rem;

    width: 10rem;

  }

}

@media (min-width: 1024px) {

  .officer-img {

    height: 14rem;

    width: 11rem;

  }

}

@media (min-width: 1280px) {

  .officer-img {

    height: 18rem;

    width: 240px;

  }

}

.officer-img img {

  height: 100%;

  -o-object-fit: cover;

  object-fit: cover;

  width: 100%;

}

.officer-name {

  font-weight: 700;

  font-size: 0.75rem;

  line-height: 1rem;

  margin-left: auto;

  margin-right: auto;

  text-align: center;

  --tw-text-opacity: 1;

  color: rgba(0, 72, 122, var(--tw-text-opacity));

  letter-spacing: -0.025em;

  width: 5rem;

}

@media (min-width: 640px) {

  .officer-name {

    width: 6.5rem;

  }

}

@media (min-width: 768px) {

  .officer-name {

    font-size: 0.875rem;

    line-height: 1.25rem;

    width: 10rem;

  }

}

@media (min-width: 1024px) {

  .officer-name {

    font-weight: 800;

    font-size: 1.125rem;

    line-height: 1.75rem;

    width: 11rem;

  }

}

@media (min-width: 1280px) {

  .officer-name {

    font-size: 1.25rem;

    line-height: 1.75rem;

    width: 240px;

  }

}

.profile-page > :not([hidden]) ~ :not([hidden]) {

  --tw-space-y-reverse: 0;

  margin-top: calc(1rem * (1 - var(--tw-space-y-reverse)));

  margin-bottom: calc(1rem * var(--tw-space-y-reverse));

}

.profile-page {

  border-radius: 0.5rem;

  display: flex;

  flex-direction: column;

  margin-left: auto;

  margin-right: auto;

  max-width: 1440px;

  width: 100%;

}

@media (min-width: 640px) {

  .profile-page {

    padding: 0.25rem;

  }

}

@media (min-width: 768px) {

  .profile-page {

    margin-top: 3rem;

    margin-bottom: 3rem;

  }

}

@media (min-width: 1024px) {

  .profile-page > :not([hidden]) ~ :not([hidden]) {

    --tw-space-y-reverse: 0;

    --tw-space-x-reverse: 0;

    margin: calc(0px * (1 - var(--tw-space-y-reverse)))

      calc(1rem * var(--tw-space-x-reverse))

      calc(0px * var(--tw-space-y-reverse))

      calc(1rem * (1 - var(--tw-space-x-reverse)));

  }

  .profile-page {

    flex-direction: row;

    padding: 2rem;

  }

}

@media (min-width: 1280px) {

  .profile-page {

    --tw-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25);

    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent),

      var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);

  }

}

.profile-page .officer-card {

  --tw-bg-opacity: 1;

  background-color: rgba(241, 245, 249, var(--tw-bg-opacity));

  border-bottom-right-radius: 0.5rem;

  border-bottom-left-radius: 0.5rem;

  flex-direction: row;

  flex-wrap: wrap;

  align-self: flex-start;

  margin-left: auto;

  margin-right: auto;

  --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),

    0 4px 6px -2px rgba(0, 0, 0, 0.05);

  box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent),

    var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);

}

@media (min-width: 640px) {

  .profile-page .officer-card {

    border-radius: 0.5rem;

    margin-top: 1rem;

  }

}

@media (min-width: 768px) {

  .profile-page .officer-card {

    align-self: center;

    padding-bottom: 0.75rem;

  }

}

@media (min-width: 1024px) {

  .profile-page .officer-card {

    border-top-left-radius: 0;

    border-top-right-radius: 0;

    flex-direction: column;

    flex-wrap: nowrap;

    align-self: flex-start;

    padding-bottom: 0;

  }

}

.profile-page .officer-img {

  align-self: flex-start;

  flex-shrink: 0;

  margin-right: auto;

  margin-top: 1rem;

  margin-left: 1.5rem;

}

@media (min-width: 640px) {

  .profile-page .officer-img {

    height: 10rem;

    width: 8rem;

  }

}

@media (min-width: 1024px) {

  .profile-page .officer-img {

    border-bottom-right-radius: 0;

    border-bottom-left-radius: 0;

    align-self: auto;

    height: 18rem;

    margin-top: 0;

    margin-left: 0;

    width: 240px;

  }

}

.officer-info {

  display: flex;

  flex-direction: column;

  align-items: flex-start;

  margin-left: auto;

  margin-right: auto;

  padding-top: 0.75rem;

  padding-bottom: 0.75rem;

}

@media (min-width: 1024px) {

  .officer-info {

    align-items: center;

  }

}

.officer-info h6 {

  font-weight: 600;

  font-size: 0.875rem;

  line-height: 1.25rem;

  --tw-text-opacity: 1;

  color: rgba(59, 130, 246, var(--tw-text-opacity));

  text-transform: uppercase;

  letter-spacing: 0.05em;

}

.officer-info h1 {

  font-weight: 500;

  font-size: 1.25rem;

  line-height: 1.75rem;

  margin-top: 0.25rem;

  --tw-text-opacity: 1;

  color: rgba(98, 99, 111, var(--tw-text-opacity));

}

.officer-details > :not([hidden]) ~ :not([hidden]) {

  --tw-space-y-reverse: 0;

  margin-top: calc(0.5rem * (1 - var(--tw-space-y-reverse)));

  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));

}

.officer-details {

  display: flex;

  flex-direction: column;

  justify-items: start;

  margin-top: 1rem;

}

.officer-details--item > :not([hidden]) ~ :not([hidden]) {

  --tw-space-x-reverse: 0;

  margin-right: calc(0.5rem * var(--tw-space-x-reverse));

  margin-left: calc(0.5rem * (1 - var(--tw-space-x-reverse)));

}

.officer-details--item {

  display: flex;

  align-items: center;

  font-size: 0.875rem;

  line-height: 1.25rem;

  --tw-text-opacity: 1;

  color: rgba(100, 116, 139, var(--tw-text-opacity));

}

.officer-bottom svg,

.officer-details--item svg {

  height: 1rem;

  width: 1rem;

}

.officer-bottom {

  --tw-bg-opacity: 1;

  background-color: rgba(17, 57, 194, var(--tw-bg-opacity));

  display: flex;

  align-items: center;

  justify-content: center;

  padding-top: 0.5rem;

  padding-bottom: 0.5rem;

  --tw-text-opacity: 1;

  color: rgba(255, 255, 255, var(--tw-text-opacity));

  width: 100%;

}

@media (min-width: 640px) {

  .officer-bottom {

    border-radius: 0.5rem;

  }

}

@media (min-width: 768px) {

  .officer-bottom {

    margin: 0.75rem 0.75rem 0.75rem auto;

    width: 50%;

  }

}

@media (min-width: 1024px) {

  .officer-bottom {

    border-top-left-radius: 0;

    border-top-right-radius: 0;

    border-bottom-right-radius: 0.5rem;

    border-bottom-left-radius: 0.5rem;

    margin: 0;

    width: 100%;

  }

}

.officer-bottom a > :not([hidden]) ~ :not([hidden]) {

  --tw-space-x-reverse: 0;

  margin-right: calc(0.5rem * var(--tw-space-x-reverse));

  margin-left: calc(0.5rem * (1 - var(--tw-space-x-reverse)));

}

.officer-bottom a {

  display: flex;

  align-items: center;

  font-size: 0.875rem;

  line-height: 1.25rem;

}

.table-container {

  overflow-x: auto;

  padding-top: 1rem;

  padding-bottom: 1rem;

  width: 100%;

}

@media (min-width: 768px) {

  .table-container {

    margin-left: -2rem;

    margin-right: -2rem;

    padding-left: 2rem;

  }

}

.table-wrapper {

  border-radius: 0.5rem;

  border-width: 1px;

  display: inline-block;

  min-width: 100%;

  overflow: hidden;

}

table {

  line-height: 1.5;

  min-width: 100%;

}

th.table-header {

  background-color: rgba(241, 245, 249, var(--tw-bg-opacity));

  border-color: rgba(226, 232, 240, var(--tw-border-opacity));

  border-bottom-width: 2px;

  font-weight: 600;

  padding: 0.75rem 1.25rem;

  text-align: left;

  --tw-text-opacity: 1;

  color: rgba(71, 85, 105, var(--tw-text-opacity));

  text-transform: uppercase;

  letter-spacing: 0.05em;

}

td.table-col,

th.table-header {

  --tw-bg-opacity: 1;

  --tw-border-opacity: 1;

  font-size: 0.75rem;

  line-height: 1rem;

}

td.table-col {

  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));

  border-color: rgba(226, 232, 240, var(--tw-border-opacity));

  border-bottom-width: 1px;

  padding: 1.25rem 0.75rem;

}

@media (min-width: 768px) {

  td.table-col {

    font-size: 0.875rem;

    line-height: 1.25rem;

    padding-left: 1.25rem;

    padding-right: 1.25rem;

  }

}

td.table-col.table-date,

th.table-header.table-date {

  display: none;

  padding-left: 0.5rem;

  padding-right: 0.5rem;

}

@media (min-width: 640px) {

  td.table-col.table-date,

  th.table-header.table-date {

    display: table-cell;

  }

}

td.table-col.table-cat {

  --tw-border-opacity: 1;

  border-color: rgba(226, 232, 240, var(--tw-border-opacity));

  padding-top: 0.75rem;

  padding-bottom: 0.75rem;

}

@media (min-width: 768px) {

  td.table-col.table-cat {

    padding-top: 1.25rem;

    padding-bottom: 1.25rem;

  }

}

td.table-col.table-btn {

  padding-left: 0.25rem;

  padding-right: 0.25rem;

}

.col-text {

  display: flex;

  align-items: center;

}

.table-col p {

  font-size: 0.75rem;

  line-height: 1rem;

  margin-top: 0;

  text-align: left;

  --tw-text-opacity: 1;

  color: rgba(51, 65, 85, var(--tw-text-opacity));

}

@media (min-width: 768px) {

  .table-col p {

    font-size: 0.875rem;

    line-height: 1.25rem;

  }

}

.col-info {

  display: inline-block;

  font-weight: 600;

  line-height: 1.25;

  padding: 0.25rem 0.75rem;

  position: relative;

}

.col-info-bg {

  border-radius: 9999px;

  opacity: 0.5;

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

}

.col-btn,

.col-info-text {

  position: relative;

}

.col-btn {

  display: inline-flex;

  align-items: center;

  font-weight: 600;

  padding: 0.25rem 0.5rem;

  --tw-text-opacity: 1;

  color: rgba(255, 255, 255, var(--tw-text-opacity));

}

@media (min-width: 768px) {

  .col-btn {

    padding: 0.5rem 1rem;

  }

}

.col-btn .btn-bg {

  --tw-bg-opacity: 1;

  background-color: rgba(17, 57, 194, var(--tw-bg-opacity));

  border-radius: 0.5rem;

  opacity: 0.7;

}

.col-btn .btn-bg:hover {

  opacity: 1;

}

.col-btn .btn-bg {

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  transition-property: background-color, border-color, color, fill, stroke,

    opacity, box-shadow, transform, filter, -webkit-backdrop-filter;

  transition-property: background-color, border-color, color, fill, stroke,

    opacity, box-shadow, transform, filter, backdrop-filter;

  transition-property: background-color, border-color, color, fill, stroke,

    opacity, box-shadow, transform, filter, backdrop-filter,

    -webkit-backdrop-filter;

  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

  transition-duration: 0.15s;

  transition-timing-function: linear;

  transition-duration: 0.3s;

}

.col-btn svg {

  height: 0.5rem;

  margin-left: 0.25rem;

  position: relative;

  width: 0.5rem;

}

@media (min-width: 768px) {

  .col-btn svg {

    height: 0.75rem;

    margin-left: 0.5rem;

    width: 0.75rem;

  }

}

.faculty-title {

  align-self: flex-start;

  font-weight: 900;

  font-size: 2.25rem;

  line-height: 2.5rem;

  margin-top: 0.5rem;

  margin-left: 1rem;

  margin-bottom: 1.5rem;

  position: relative;

  --tw-text-opacity: 1;

  color: rgba(227, 86, 140, var(--tw-text-opacity));

  width: 16rem;

}

@media (min-width: 640px) {

  .faculty-title {

    font-size: 3rem;

    line-height: 1;

  }

}

@media (min-width: 1024px) {

  .faculty-title {

    font-size: 3.75rem;

    line-height: 1;

    margin-top: 0;

    margin-bottom: 3rem;

  }

}

@media (min-width: 1280px) {

  .faculty-title {

    font-size: 4.5rem;

    line-height: 1;

    width: 18rem;

  }

}

.faculty-title:after {

  content: attr(data-lang);

  right: calc(-100% - -19rem);

  font-weight: 900;

  font-size: 1.875rem;

  line-height: 2.25rem;

  opacity: 0.6;

  position: absolute;

  bottom: -1rem;

  --tw-text-opacity: 1;

  color: rgba(25, 62, 219, var(--tw-text-opacity));

}

@media (min-width: 1024px) {

  .faculty-title:after {

    font-size: 3rem;

    line-height: 1;

    bottom: -1.75rem;

  }

}

@media (min-width: 1280px) {

  .faculty-title:after {

    font-size: 3.75rem;

    line-height: 1;

    bottom: -2.25rem;

  }

}

.contact-wrapper {

  display: flex;

  flex-direction: column;

  justify-content: center;

}

.contact-wrapper p {

  font-weight: 500;

  margin-top: 0.5rem;

  --tw-text-opacity: 1;

  color: rgba(71, 85, 105, var(--tw-text-opacity));

}

.contact-info > :not([hidden]) ~ :not([hidden]) {

  --tw-space-y-reverse: 0;

  margin-top: calc(1rem * (1 - var(--tw-space-y-reverse)));

  margin-bottom: calc(1rem * var(--tw-space-y-reverse));

}

.contact-info {

  display: flex;

  flex-direction: column;

  margin-top: 2rem;

}

.contact-item {

  /* display: flex; */

  align-items: center;

  font-size: 0.875rem;

  line-height: 1.25rem;

  --tw-text-opacity: 1;

  color: rgba(71, 85, 105, var(--tw-text-opacity));

    display: grid;

    grid-template-columns: 20px 1fr;

    gap: 10px;

}

@media (min-width: 768px) {

  .contact-item {

    font-size: 1rem;

    line-height: 1.5rem;

  }

}

.contact-item--icon {

  height: 1.25rem;

  --tw-text-opacity: 1;

  color: rgba(100, 116, 139, var(--tw-text-opacity));

  width: 1.25rem;

}

@media (min-width: 768px) {

  .contact-item--icon {

    height: 2rem;

    width: 2rem;

  }

}

.contact-item--text {

  font-weight: 600;

  margin-left: 1rem;

  letter-spacing: 0.025em;

}

.contact-item-group > :not([hidden]) ~ :not([hidden]) {

  --tw-space-x-reverse: 0;

  margin-right: calc(1rem * var(--tw-space-x-reverse));

  margin-left: calc(1rem * (1 - var(--tw-space-x-reverse)));

}

.contact-item-group {

  display: flex;

  margin-left: 1rem;

}

.contact-item a {

  font-weight: 600;

}

.contact-item a:hover {

  --tw-text-opacity: 1;

  color: rgba(17, 57, 194, var(--tw-text-opacity));

}

.contact-item a {

  letter-spacing: 0.025em;

  transition-property: background-color, border-color, color, fill, stroke,

    opacity, box-shadow, transform, filter, -webkit-backdrop-filter;

  transition-property: background-color, border-color, color, fill, stroke,

    opacity, box-shadow, transform, filter, backdrop-filter;

  transition-property: background-color, border-color, color, fill, stroke,

    opacity, box-shadow, transform, filter, backdrop-filter,

    -webkit-backdrop-filter;

  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

  transition-duration: 0.15s;

}

.contact-item-group span {

  font-weight: 400;

}

.contact-item--icon:first-of-type {

  height: 1.5rem;

  width: 1.5rem;

}

@media (min-width: 768px) {

  .contact-item--icon:first-of-type {

    height: 2rem;

    width: 2rem;

  }

}

.other-contacts {

  display: grid;

  margin-top: 2rem;

  gap: 2rem;

  grid-template-columns: repeat(1, minmax(0, 1fr));

}

@media (min-width: 768px) {

  .other-contacts {

    grid-template-columns: repeat(2, minmax(0, 1fr));

  }

}

@media (min-width: 1280px) {

  .other-contacts {

    grid-template-columns: repeat(3, minmax(0, 1fr));

  }

}

.contact-card > :not([hidden]) ~ :not([hidden]) {

  --tw-space-y-reverse: 0;

  margin-top: calc(0.75rem * (1 - var(--tw-space-y-reverse)));

  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));

}

.contact-card {

  border-radius: 0.5rem;

  border-width: 1px;

  display: flex;

  flex-direction: column;

  align-items: center;

  overflow: hidden;

  text-align: center;

}

.contact-card h6 {

  --tw-bg-opacity: 1;

  background-color: rgba(219, 234, 254, var(--tw-bg-opacity));

  font-weight: 600;

  font-size: 0.875rem;

  line-height: 1.25rem;

  padding-top: 0.25rem;

  padding-bottom: 0.25rem;

  --tw-text-opacity: 1;

  color: rgba(17, 57, 194, var(--tw-text-opacity));

  letter-spacing: 0.025em;

  width: 100%;

}

.contact-card-link > :not([hidden]) ~ :not([hidden]) {

  --tw-space-x-reverse: 0;

  margin-right: calc(0.5rem * var(--tw-space-x-reverse));

  margin-left: calc(0.5rem * (1 - var(--tw-space-x-reverse)));

}

.contact-card-link {

  display: flex;

  align-items: center;

  font-size: 0.875rem;

  line-height: 1.25rem;

  --tw-text-opacity: 1;

  color: rgba(100, 116, 139, var(--tw-text-opacity));

}

.contact-card-link:hover {

  --tw-text-opacity: 1;

  color: rgba(17, 57, 194, var(--tw-text-opacity));

}

.contact-card-link {

  transition-property: background-color, border-color, color, fill, stroke,

    opacity, box-shadow, transform, filter, -webkit-backdrop-filter;

  transition-property: background-color, border-color, color, fill, stroke,

    opacity, box-shadow, transform, filter, backdrop-filter;

  transition-property: background-color, border-color, color, fill, stroke,

    opacity, box-shadow, transform, filter, backdrop-filter,

    -webkit-backdrop-filter;

  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

  transition-duration: 0.15s;

}

.contact-card-link svg {

  height: 1rem;

  width: 1rem;

}

.contact-card p {

  font-size: 0.75rem;

  line-height: 1rem;

  padding: 0.25rem 0.25rem 0.5rem;

  --tw-text-opacity: 1;

  color: rgba(100, 116, 139, var(--tw-text-opacity));

}

.contact-social > :not([hidden]) ~ :not([hidden]) {

  --tw-space-y-reverse: 0;

  margin-top: calc(0.5rem * (1 - var(--tw-space-y-reverse)));

  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));

}

.contact-social {

  display: flex;

  flex-direction: column;

  margin-top: 2rem;

  margin-bottom: 2rem;

}

.contact-social div > :not([hidden]) ~ :not([hidden]) {

  --tw-space-x-reverse: 0;

  margin-right: calc(0.5rem * var(--tw-space-x-reverse));

  margin-left: calc(0.5rem * (1 - var(--tw-space-x-reverse)));

}

.contact-social div {

  display: flex;

  align-items: center;

}

@media (min-width: 768px) {

  .contact-social div > :not([hidden]) ~ :not([hidden]) {

    --tw-space-x-reverse: 0;

    margin-right: calc(0.75rem * var(--tw-space-x-reverse));

    margin-left: calc(0.75rem * (1 - var(--tw-space-x-reverse)));

  }

}

.contact-social-link {

  display: flex;

  align-items: center;

  --tw-text-opacity: 1;

  color: rgba(148, 163, 184, var(--tw-text-opacity));

}

.contact-social-link:hover {

  --tw-text-opacity: 1;

  color: rgba(17, 57, 194, var(--tw-text-opacity));

}

.contact-social-link {

  transition-property: background-color, border-color, color, fill, stroke,

    opacity, box-shadow, transform, filter, -webkit-backdrop-filter;

  transition-property: background-color, border-color, color, fill, stroke,

    opacity, box-shadow, transform, filter, backdrop-filter;

  transition-property: background-color, border-color, color, fill, stroke,

    opacity, box-shadow, transform, filter, backdrop-filter,

    -webkit-backdrop-filter;

  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

  transition-duration: 0.15s;

}

.contact-social-link svg {

  height: 1.5rem;

  width: 1.5rem;

  width: 2rem;

}

@media (min-width: 768px) {

  .contact-social-link svg {

    height: 2rem;

  }

}

.map-wrapper {

  border-radius: 0.375rem;

  height: 20rem;

  overflow: hidden;

  width: 100%;

}

@media (min-width: 768px) {

  .map-wrapper {

    height: 32rem;

  }

}

@media (min-width: 1024px) {

  .map-wrapper {

    height: 28rem;

  }

}

@media (min-width: 1280px) {

  .map-wrapper {

    height: 32rem;

  }

}

@media screen and (min-width: 1024px) {

  .faculty-title:after {

    right: calc(-100% - -12rem);

  }

}

.swiper-footer {

  padding-top: 1rem;

  padding-bottom: 1.5rem;

  grid-column: span 6 / span 6;

  width: 100%;

  height: 100%;

  position: relative;

}

.swiper-footer .swiper-wrapper {

  transition-timing-function: linear !important;

  position: relative;

}

.swiper-footer .swiper-slide {

  width: 20%;

  position: relative;

  padding: 0 10px;

}

#hmbgr-btn > :not([hidden]) ~ :not([hidden]) {

  --tw-space-y-reverse: 0;

  margin-top: calc(0.25rem * (1 - var(--tw-space-y-reverse)));

  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));

}

#hmbgr-btn {

  cursor: pointer;

  position: absolute;

  right: 0;

  z-index: 51;

  top: 50%;

  transform: translateY(-50%);

  transition: right 0.5s cubic-bezier(0.6, 0.05, 0.28, 0.91);

}

#hmbgr-btn div {

  --tw-bg-opacity: 1;

  background-color: rgba(71, 85, 105, var(--tw-bg-opacity));

  height: 0.125rem;

  width: 1.5rem;

  transition: transform 0.5s cubic-bezier(0.6, 0.05, 0.28, 0.91), opacity 0.5s,

    box-shadow 0.25s, background-color 0.5s;

}

nav.faculty #hmbgr-btn div {

  --tw-bg-opacity: 1;

  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));

}

#hmbgr-btn:hover > div {

  box-shadow: 0 0 1px #00dffc;

}

#hmbgr-btn.active {

  right: 272px;

}

#hmbgr-btn.active div,

nav.faculty #hmbgr-btn.active div {

  --tw-bg-opacity: 1;

  background-color: rgba(25, 62, 219, var(--tw-bg-opacity));

}

nav.faculty #hmbgr-btn.active {

  top: 2.25rem;

}

#hmbgr-btn.active:hover > div {

  box-shadow: 0 0 1px #343838;

}

#hmbgr-btn.active #top {

  transform: translateY(6px) rotate(-135deg);

}

#hmbgr-btn.active #middle {

  transform: scale(0);

}

#hmbgr-btn.active #bottom {

  transform: translateY(-6px) rotate(-45deg);

}

#box:before {

  content: "";

  height: 100%;

  background-image: linear-gradient(

    90deg,

    #e3568c 12.5%,

    #e18633 0,

    #e18633 25%,

    #193edb 0,

    #193edb 37.5%,

    #b252fa 0,

    #b252fa 50%,

    #e3568c 0,

    #e3568c 62.5%,

    #e18633 0,

    #e18633 75%,

    #193edb 0,

    #193edb 87.5%,

    #b252fa 0,

    #b252fa

  );

  height: 0.25rem;

  opacity: 0.4;

  width: 100%;

}

@media (min-width: 768px) {

  #box:before {

    height: 0.5rem;

  }

}

.menu-logo > :not([hidden]) ~ :not([hidden]) {

  --tw-space-x-reverse: 0;

  margin-right: calc(0.75rem * var(--tw-space-x-reverse));

  margin-left: calc(0.75rem * (1 - var(--tw-space-x-reverse)));

}

.menu-logo {

  display: flex;

  align-items: center;

  align-self: center;

  margin: 2.5rem 0.75rem 1rem;

  width: 91.666667%;

}

.menu-logo img {

  height: 3.5rem;

  width: 3.5rem;

}

.menu-logo p {

  font-weight: 500;

  font-size: 0.6rem;

  line-height: 1rem;

  margin-top: 0;

  --tw-text-opacity: 1;

  color: rgba(25, 62, 219, var(--tw-text-opacity));

  text-transform: uppercase;

}

.menu-wrapper {

  margin-top: auto;

  overflow-y: auto;

}

.menu-item-title > :not([hidden]) ~ :not([hidden]) {

  --tw-space-x-reverse: 0;

  margin-right: calc(0.5rem * var(--tw-space-x-reverse));

  margin-left: calc(0.5rem * (1 - var(--tw-space-x-reverse)));

}

.menu-item-title {

  display: flex;

  align-items: center;

  justify-content: flex-start;

  margin-left: 1rem;

  margin-right: 1rem;

  padding-bottom: 0.25rem;

}

.menu-item-title svg {

  height: 1rem;

  width: 1rem;

}

.menu-item-title h6 {

  font-weight: 500;

  font-size: 0.875rem;

  line-height: 1.25rem;

  --tw-text-opacity: 1;

  color: rgba(25, 62, 219, var(--tw-text-opacity));

  letter-spacing: 0.025em;

}

.menu-items {

  display: grid;

  justify-items: start;

  font-size: 0.75rem;

  line-height: 1rem;

  margin-top: 0.25rem;

  padding-left: 1rem;

  width: 100%;

  row-gap: 0.5rem;

  grid-template-columns: repeat(2, minmax(0, 1fr));

}

.menu-items > li {

  display: inline-flex;

}

.menu-items > li a.menu-link:hover {

  --tw-bg-opacity: 1;

  background-color: rgba(219, 234, 254, var(--tw-bg-opacity));

}

.menu-items > li a.menu-link {

  border-radius: 0.375rem;

  padding: 0.25rem;

  --tw-text-opacity: 1;

  color: rgba(98, 99, 111, var(--tw-text-opacity));

}

.menu-items > li a.menu-link:hover {

  --tw-text-opacity: 1;

  color: rgba(25, 62, 219, var(--tw-text-opacity));

  color: #193edb !important;

}

.menu-social-links > :not([hidden]) ~ :not([hidden]) {

  --tw-space-x-reverse: 0;

  margin-right: calc(1.25rem * var(--tw-space-x-reverse));

  margin-left: calc(1.25rem * (1 - var(--tw-space-x-reverse)));

}

.menu-social-links {

  display: flex;

  align-items: center;

  justify-content: center;

  margin-top: 1rem;

  opacity: 0.8;

  --tw-text-opacity: 1;

  color: rgba(17, 57, 194, var(--tw-text-opacity));

  width: 100%;

}

.menu-social-links svg {

  height: 1.5rem;

  width: 1.5rem;

}

.menu-bottom {

  --tw-bg-opacity: 1;

  background-color: rgba(102, 154, 211, var(--tw-bg-opacity));

  --tw-bg-opacity: 0.3;

  display: flex;

  align-items: center;

  font-size: 0.75rem;

  line-height: 1rem;

  margin-top: 1rem;

  width: 100%;

}

.menu-item-title:not(:first-of-type) {

  margin-top: 2rem;

}

#box {

  --tw-bg-opacity: 1;

  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));

  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));

  --tw-gradient-from: #fff;

  --tw-gradient-stops: var(--tw-gradient-from),

    var(--tw-gradient-to, hsla(0, 0%, 100%, 0));

  --tw-gradient-to: #dbeafe;

  display: flex;

  flex-direction: column;

  height: 100%;

  overflow: hidden;

  position: fixed;

  top: 2rem;

  right: -20rem;

  --tw-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25);

  box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent),

    var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);

  --tw-text-opacity: 1;

  color: rgba(25, 62, 219, var(--tw-text-opacity));

  width: 20rem;

  z-index: 50;

  opacity: 0;

  transition: all 0.35s cubic-bezier(0.6, 0.05, 0.28, 0.91);

  height: calc(100% - 2rem);

}

#box a {

  align-items: flex-start;

  height: auto;

  margin-top: 0;

  margin-bottom: 0;

}

#box a svg {

  height: 1.5rem;

  width: 1.5rem;

}

#box .contact-link > :not([hidden]) ~ :not([hidden]) {

  --tw-space-x-reverse: 0;

  margin-right: calc(0.25rem * var(--tw-space-x-reverse));

  margin-left: calc(0.25rem * (1 - var(--tw-space-x-reverse)));

}

#box .contact-link {

  display: flex;

  align-items: center;

  justify-content: center;

  padding-top: 0.5rem;

  padding-bottom: 0.5rem;

  --tw-text-opacity: 1;

  color: rgba(17, 57, 194, var(--tw-text-opacity));

  width: 50%;

}

#box .contact-link:last-child {

  border-left-width: 2px;

}

#box .contact-link svg {

  height: 0.75rem;

  width: 0.75rem;

}

#box.active {

  right: 0;

  opacity: 1;

}

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

  .nav-bottom:after {

    bottom: -4px;

  }

  .swiper-footer .swiper-slide {

    width: 35%;

    padding: 0 20px;

  }

  .group:hover .big-btn--inner {

    --tw-bg-opacity: 1;

    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));

    border-bottom-right-radius: 0.5rem;

    --tw-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25);

    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent),

      var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);

    --tw-text-opacity: 1;

    color: rgba(17, 57, 194, var(--tw-text-opacity));

  }

  .big-btn--inner {

    --tw-translate-x: 0;

    --tw-translate-y: 0;

    --tw-rotate: 0;

    --tw-skew-x: 0;

    --tw-skew-y: 0;

    --tw-scale-x: 1;

    --tw-scale-y: 1;

    transform: translateX(var(--tw-translate-x))

      translateY(var(--tw-translate-y)) rotate(var(--tw-rotate))

      skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))

      scaleY(var(--tw-scale-y));

  }

  .group:hover .big-btn--inner {

    --tw-scale-x: 1.1;

    --tw-scale-y: 1.1;

    --tw-translate-y: 0.25rem;

  }

  .big-btn--inner {

    transition-property: background-color, border-color, color, fill, stroke,

      opacity, box-shadow, transform, filter, -webkit-backdrop-filter;

    transition-property: background-color, border-color, color, fill, stroke,

      opacity, box-shadow, transform, filter, backdrop-filter;

    transition-property: background-color, border-color, color, fill, stroke,

      opacity, box-shadow, transform, filter, backdrop-filter,

      -webkit-backdrop-filter;

    transition-duration: 0.15s;

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    transition-duration: 0.3s;

  }

  .big-btn:nth-child(2) > div:hover {

    border-bottom-left-radius: 0.5rem;

  }

  .big-btn:nth-child(3) > div:hover {

    border-bottom-right-radius: 0;

    border-top-right-radius: 0.5rem;

    --tw-translate-y: -0.25rem;

  }

  .big-btn:nth-child(4) > div:hover {

    border-top-left-radius: 0.5rem;

    --tw-translate-y: -0.25rem;

  }

  .group:hover .big-btn h4,

  .group:hover .big-btn svg {

    --tw-text-opacity: 1;

    color: rgba(17, 57, 194, var(--tw-text-opacity));

  }

}

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

  .nav-bottom > :not([hidden]) ~ :not([hidden]) {

    --tw-space-x-reverse: 0;

    margin-right: calc(0.25rem * var(--tw-space-x-reverse));

    margin-left: calc(0.25rem * (1 - var(--tw-space-x-reverse)));

  }

}

.space-x-1 > :not([hidden]) ~ :not([hidden]) {

  --tw-space-x-reverse: 0;

  margin-right: calc(0.25rem * var(--tw-space-x-reverse));

  margin-left: calc(0.25rem * (1 - var(--tw-space-x-reverse)));

}

.space-x-3 > :not([hidden]) ~ :not([hidden]) {

  --tw-space-x-reverse: 0;

  margin-right: calc(0.75rem * var(--tw-space-x-reverse));

  margin-left: calc(0.75rem * (1 - var(--tw-space-x-reverse)));

}

.space-y-4 > :not([hidden]) ~ :not([hidden]) {

  --tw-space-y-reverse: 0;

  margin-top: calc(1rem * (1 - var(--tw-space-y-reverse)));

  margin-bottom: calc(1rem * var(--tw-space-y-reverse));

}

.bg-gray-50 {

  --tw-bg-opacity: 1;

  background-color: rgba(248, 250, 252, var(--tw-bg-opacity));

}

.bg-gray-200 {

  --tw-bg-opacity: 1;

  background-color: rgba(226, 232, 240, var(--tw-bg-opacity));

}

.bg-blue-200 {

  --tw-bg-opacity: 1;

  background-color: rgba(191, 219, 254, var(--tw-bg-opacity));

}

.bg-white {

  --tw-bg-opacity: 1;

  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));

}

.bg-cyan-200 {

  --tw-bg-opacity: 1;

  background-color: rgba(165, 243, 252, var(--tw-bg-opacity));

}

.group:hover .group-hover_bg-blue-pri {

  --tw-bg-opacity: 1;

  background-color: rgba(0, 72, 122, var(--tw-bg-opacity));

}

.border-gray-300 {

  --tw-border-opacity: 1;

  border-color: rgba(203, 213, 225, var(--tw-border-opacity));

}

.border-blue-pri {

  --tw-border-opacity: 1;

  border-color: rgba(0, 72, 122, var(--tw-border-opacity));

}

.rounded-lg {

  border-radius: 0.5rem;

}

.rounded-full {

  border-radius: 9999px;

}

.border-2 {

  border-width: 2px;

}

.border {

  border-width: 1px;

}

.block {

  display: block;

}

.flex {

  display: flex;

}

.table {

  display: table;

}

.flex-col {

  flex-direction: column;

}

.items-start {

  align-items: flex-start;

}

.items-center {

  align-items: center;

}

.justify-center {

  justify-content: center;

}

.font-normal {

  font-weight: 400;

}

.font-medium {

  font-weight: 500;

}

.font-semibold {

  font-weight: 600;

}

.h-2 {

  height: 0.5rem;

}

.h-3 {

  height: 0.75rem;

}

.h-4 {

  height: 1rem;

}

.h-7 {

  height: 1.75rem;

}

.h-8 {

  height: 2rem;

}

.h-10 {

  height: 2.5rem;

}

.h-36 {

  height: 9rem;

}

.text-xs {

  font-size: 0.75rem;

  line-height: 1rem;

}

.text-sm {

  font-size: 0.875rem;

  line-height: 1.25rem;

}

.my-4 {

  margin-top: 1rem;

  margin-bottom: 1rem;

}

.mt-1 {

  margin-top: 0.25rem;

}

.mt-2 {

  margin-top: 0.5rem;

}

.mr-auto {

  margin-right: auto;

}

.overflow-hidden {

  overflow: hidden;

}

.p-1 {

  padding: 0.25rem;

}

.py-2 {

  padding-top: 0.5rem;

  padding-bottom: 0.5rem;

}

.px-3 {

  padding-left: 0.75rem;

  padding-right: 0.75rem;

}

.top-1\/2 {

  top: 50%;

}

* {

  --tw-shadow: 0 0 transparent;

}

.shadow-light {

  --tw-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25);

  box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent),

    var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);

}

* {

  --tw-ring-inset: var(--tw-empty, /*!*/ /*!*/);

  --tw-ring-offset-width: 0px;

  --tw-ring-offset-color: #fff;

  --tw-ring-color: rgba(59, 130, 246, 0.5);

  --tw-ring-offset-shadow: 0 0 transparent;

  --tw-ring-shadow: 0 0 transparent;

}

.fill-current {

  fill: currentColor;

}

.text-center {

  text-align: center;

}

.text-gray-400 {

  --tw-text-opacity: 1;

  color: rgba(148, 163, 184, var(--tw-text-opacity));

}

.text-gray-500 {

  --tw-text-opacity: 1;

  color: rgba(100, 116, 139, var(--tw-text-opacity));

}

.text-gray-800 {

  --tw-text-opacity: 1;

  color: rgba(30, 41, 59, var(--tw-text-opacity));

}

.text-blue-600 {

  --tw-text-opacity: 1;

  color: rgba(37, 99, 235, var(--tw-text-opacity));

}

.text-blue-800 {

  --tw-text-opacity: 1;

  color: rgba(30, 64, 175, var(--tw-text-opacity));

}

.text-blue-pri {

  --tw-text-opacity: 1;

  color: rgba(0, 72, 122, var(--tw-text-opacity));

}

.text-cyan-800 {

  --tw-text-opacity: 1;

  color: rgba(21, 94, 117, var(--tw-text-opacity));

}

.group:hover .group-hover_text-white {

  --tw-text-opacity: 1;

  color: rgba(255, 255, 255, var(--tw-text-opacity));

}

.hover_text-blue-800:hover {

  --tw-text-opacity: 1;

  color: rgba(30, 64, 175, var(--tw-text-opacity));

}

.uppercase {

  text-transform: uppercase;

}

.w-2 {

  width: 0.5rem;

}

.w-3 {

  width: 0.75rem;

}

.w-4 {

  width: 1rem;

}

.w-7 {

  width: 1.75rem;

}

.w-10 {

  width: 2.5rem;

}

.w-28 {

  width: 7rem;

}

.w-36 {

  width: 9rem;

}

.w-60 {

  width: 240px;

}

.w-1o3 {

  width: 33.333333%;

}

.transform {

  --tw-translate-x: 0;

  --tw-translate-y: 0;

  --tw-rotate: 0;

  --tw-skew-x: 0;

  --tw-skew-y: 0;

  --tw-scale-x: 1;

  --tw-scale-y: 1;

  transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y))

    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))

    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));

}

.-translate-y-1\/2 {

  --tw-translate-y: -50%;

}

.transition {

  transition-property: background-color, border-color, color, fill, stroke,

    opacity, box-shadow, transform, filter, -webkit-backdrop-filter;

  transition-property: background-color, border-color, color, fill, stroke,

    opacity, box-shadow, transform, filter, backdrop-filter;

  transition-property: background-color, border-color, color, fill, stroke,

    opacity, box-shadow, transform, filter, backdrop-filter,

    -webkit-backdrop-filter;

  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

  transition-duration: 0.15s;

}

.ease-in-out {

  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

}

@-webkit-keyframes spin {

  to {

    transform: rotate(1turn);

  }

}

@keyframes spin {

  to {

    transform: rotate(1turn);

  }

}

@-webkit-keyframes ping {

  75%,

  to {

    transform: scale(2);

    opacity: 0;

  }

}

@keyframes ping {

  75%,

  to {

    transform: scale(2);

    opacity: 0;

  }

}

@-webkit-keyframes pulse {

  50% {

    opacity: 0.5;

  }

}

@keyframes pulse {

  50% {

    opacity: 0.5;

  }

}

@-webkit-keyframes bounce {

  0%,

  to {

    transform: translateY(-25%);

    -webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1);

    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);

  }

  50% {

    transform: none;

    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);

    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);

  }

}

@keyframes bounce {

  0%,

  to {

    transform: translateY(-25%);

    -webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1);

    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);

  }

  50% {

    transform: none;

    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);

    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);

  }

}

body {

  font-family: Roboto, sans-serif;

  overflow-x: hidden;

}

.news-card--title h4:hover{

  text-shadow:0 0 0  #fff;

  font-weight:600;

  border-color:#044774;

}

.ondisplay{

  display: block !important;

}