:root {
  --main-yellow: #ffd600;
}

body {
  color: #000000;
  background-color: #fff;
  box-sizing: border-box;
  margin: 0 !important;
  padding: 0 !important;
  overflow-y: scroll;
}

body .modal-backdrop {
  --bs-backdrop-zindex: 2;
}

body::-webkit-scrollbar {
  width: 15px;
}

body::-webkit-scrollbar-thumb {
  background: #ffd101;
}

body::-webkit-scrollbar-thumb:hover {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.4);

}

body::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.4);
  background: rgba(255, 255, 255, 0.6);
}

main {
  margin-top: 135px;
}

#arrowTop {
  height: 48px;
  width: 48px;
  padding: 11px 15px;
  border-radius: 50px;
  background: #E0CC62;
  position: fixed;
  bottom: 170px;
  z-index: 2;
  cursor: pointer;
  opacity: 0.5;
}
#arrowTop:hover {
  opacity: 1;
}

#arrowTop::before {
  content: url(/assets/img/arrowTop.svg);
}

@media screen and (max-width: 1520px) {
  #arrowTop {
    right: 13px;
  }
}
@media screen and (min-width: 1520px) {
  #arrowTop {
    right: calc((100vw - 1512px) / 2);
  }
}

.user-select-none {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.accordion-button:hover,
.accordion-button:focus {
  z-index: 1 !important;
}

.grid-section>div>.container {
  max-width: unset !important;
  padding-right: unset !important;
  padding-left: unset !important;
}

.uppercase {
  text-transform: uppercase;
  font-feature-settings: "case" on;
}

a,
a:hover,
a:visited,
a:active {
  /* color: inherit;
  text-decoration: none; */
}


.pdf,
.document,
.excel,
.download {
  cursor: pointer !important;
  color: inherit !important;
  text-decoration: none !important;
}

.pdf>img,
.document>img,
.excel>img {
  height: 25px !important;
  width: unset !important;
}

.carousel-inner {
  max-width: 580px;
}

.carousel-image {
  width: min(580px, calc(100vw - 32px));
  height: 543px;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.carousel-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.slide-title {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.back-button-href-mobile {
  display: none;
}

.back-button-mobile {
  display: none;
  border: none;
  outline: none;
  width: min-content;
  background: rgba(27, 27, 27, 0.6);
  border-radius: 8px;
  color: #fff;
  padding: 19px 22px;
  height: 58px;
  line-height: 0px;
}

.back-button-mobile img {
  width: 11px;
  height: 20px;
}


/* Navbar */

.nav-wrapper {
  max-width: 1512px;
  width: 100%;
  margin: auto;
}

.nav {
  --bs-nav-link-padding-x: 0px;
  --bs-nav-link-padding-y: 0px;
  --bs-nav-link-font-weight: 600;
  --bs-nav-link-color: #000000;
  --bs-nav-link-hover-color: #000000;
  padding: 18px 0px 0px 0px;
  margin-inline: 70px;
  border-bottom: 1px solid #F1F1F1;
  /* flex-wrap: nowrap;
  white-space: nowrap;
  overflow-x: scroll; */
  /* max-width: calc(100vw - 140px); */
}

.nav::-webkit-scrollbar {
  display: none;
}

.nav>.nav-item {
  margin-right: 40px;
  margin-top: 16px !important;
}
.nav > .nav-item:last-child {
  margin-right: 0;
}

.nav>.nav-item>a {
  padding: 8px 12px;
  font-size: 16px;
  text-transform: uppercase;
  font-family: 'Campus 300';
  font-feature-settings: "case" on;
  border-color: transparent;
  cursor: pointer;
  transition: background-color 0.3s ease-in-out;
}

.nav>.nav-item>a:not(.active) {
  border-radius: 8px;
}

.nav>.nav-item>a:not(.active):hover {
  background-color: #F2F2F2;
}

.nav>.nav-item>.active {
  border-bottom: 4px solid #ffd101;
  text-shadow: 1px 0px black;
}

/* M o b i l e   N a v b a r  */

.mobile-navbar {
  /* width: 100%; */
  display: none;
  padding: 0.75rem 1rem;
  background-color: #fcc91a;
}

.mobile-navbar>.collapse-btn {
  padding: 0;
  width: 100%;
  border: 0;
}

.mobile-navbar>.collapse-btn>.bg-of-img {
  width: 30px;
  height: 30px;
  background: black;
  border-radius: 8px;
  min-width: 30px;
}

.bg-of-img>img {
  height: 14px;
  width: 14px;
  margin: auto;
}

.mobile-navbar a,
.mobile-navbar p {
  font-family: "Campus 700";
  font-size: 16px;
  line-height: 24px;
  font-feature-settings: "case" on;
  text-transform: uppercase;
  text-align: left;
  color: black;
}

.mobile-navbar .collapse-list {
  margin-top: 1rem;
}

.collapse-list>ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.collapse-list>ul>li {
  padding: 1rem 0;
  cursor: pointer;
}

/* E n d   M o b i l e   N a v b a r  */



/* U n o r d e r e d  L i s t */

.programme-description ul,
.curriculum ul,
.admission ul,
.minor ul,
.about-school ul,
.school-management ul,
.studiesPage ul,
.studentStudiesPage ul,
.page ul,
.tuition-waive ul,
.personDetails ul,
.accordion-body ul,
.registration-stage ul,
.infrastructure ul,
.mission ul,
.kakha-bendukidze-container ul,
.newsItem-content__leftPart ul,
.PrivacyPolicy ul,
.home .modal-body ul,
.textWithPhoto__text ul {
  list-style: url(/assets/img/list-style.svg);
  padding: 0 0 0 38px;
  margin: -8px 0 16px;
}


.programme-description ul li,
.curriculum ul li,
.admission ul li,
.minor ul li,
.about-school ul li,
.school-management ul li,
.studiesPage ul li,
.studentStudiesPage ul li,
.page ul li,
.tuition-waive ul li,
.personDetails ul li,
.accordion-body ul li,
.registration-stage ul li,
.infrastructure ul li,
.mission ul li,
.kakha-bendukidze-container ul li,
.newsItem-content__leftPart ul li,
.PrivacyPolicy ul li,
.home .modal-body ul li,
.textWithPhoto__text ul li {
  font-family: 'Campus 500';
  font-size: 16px;
  line-height: 24px;
  text-align: justify;
  color: #000000;
  margin: 8px 0;
  padding-left: 6px;
}

/*E n d  o f  U n o r d e r e d  L i s t */

.accordion-body td,
.accordion-body p {
  font-family: 'Campus 500';
  font-size: 16px;
  line-height: 24px;
  text-align: justify;
  color: #000000;
}



/* C O N T A C T S  */
.lecturers-contacts {
  background-color: #f4f4f4;
  padding: 40px 0 0;
  text-align: center;
  margin: 40px 0 0;
}

.lecturers-contacts>h2 {
  font-family: "Campus 700";
  font-feature-settings: "case" on;
  font-size: 26px;
  line-height: 39px;
  text-transform: uppercase;
  color: #000000;
  margin: 0px;
}

.line {
  border: 0.5px solid rgba(0, 0, 0, 0.1);
  height: 0px;
  margin: 16px 0;
}

.lect-contacts-container {
  max-width: 1512px;
  margin: auto;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 50px 200px;
  padding: 0px 40px;
}

.lect-contacts {
  display: flex;
  justify-content: flex-end;
  gap: 16px;
}

.lect-contacts>h2 {
  font-family: "Campus 700";
  font-feature-settings: "case" on;
  font-size: 20px;
  line-height: 30px;
  text-transform: uppercase;
  color: #1f2122;
  margin: 0px;
  text-align: end;
  width: 284px;
}

.l-contancts {
  display: flex;
  flex-direction: column;
  gap: 8px;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  width: 300px !important;
}

.l-contancts a {
  font-family: "Campus 500";
  font-size: 16px;
  line-height: 30px;
  color: #1f2122;
  text-decoration: none;
  text-align: left;
  position: relative;
  padding-left: 72px;
  height: 100%;
  min-height: 40px;
  display: flex;
  align-items: center;
}

.number::before {
  content: url(/assets/img/mobile.svg);
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0px;
  left: 16px;
}

.email::before {
  content: url(/assets/img/email.svg);
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0px;
  left: 16px;
}


/* E N D  O F  C O N T A C T S  */



/* T E X T  W I T H  S L I D E R */
.infrastructure {
  width: 100%;
  max-width: 1512px;
  margin: auto;
  padding: 80px 75px;
  gap: 100px;
}

.infrastructure h2.mobile {
  display: none;
  font-family: 'Campus 700';
  font-size: 18px;
  line-height: 27px;
  text-transform: uppercase;
  font-feature-settings: "case" on;
  color: black;
  margin: 0;
  padding-bottom: 1rem;
  background: unset !important;
}

.infrastructure p.mobile {
  font-size: 14px;
  line-height: 18px;
  display: none;
}

.infrastructure .infrastructure-left-part {
  max-width: 682px;
}

.infrastructure .infrastructure-left-part h2 {
  font-family: "Campus 700";
  font-feature-settings: "case" on;
  font-size: 26px;
  line-height: 39px;
  text-transform: capitalize;
  margin-bottom: 30px;
}

.infrastructure .infrastructure-left-part p {
  font-family: "Campus 500";
  font-size: 16px;
  line-height: 24px;
  text-align: justify;
}

.infrastructure .infrastructure-left-part p:last-child {
  margin-bottom: 0;
}

.infrastructure img {
  object-fit: cover;
}


/* slider */
.infrastructure .slider {
  margin-inline: auto;
}

.infrastructure .slide-title {
  width: 100%;
  background: #000000;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 21px 32px;
}

.infrastructure .slide-title p {
  position: relative;
  font-family: "Campus 800";
  font-feature-settings: "case" on;
  font-size: 18px;
  line-height: 23px;
  text-transform: uppercase;
  color: white;
  margin: 0;
  text-align: center;
  word-break: break-word;
}

.infrastructure .slide-title>span {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}

.infrastructure .slide-title .carousel-control-prev {
  position: relative;
}

.infrastructure .slide-title .carousel-control-next {
  position: relative !important;
}

.infrastructure .slide-title button {
  margin: 0 !important;
  width: 40px;
  height: 40px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50px;
  opacity: 1;
  transition: 0.3s ease-in-out;
}

.infrastructure .slide-title button:hover {
  background: var(--main-yellow);
}

.infrastructure .carousel-control-prev img {
  margin: 13px 17px 13px 16px;
  width: 7px !important;
  height: 14px !important;
}

.infrastructure .carousel-control-next img {
  margin: 13px 16px 13px 17px;
  width: 7px !important;
  height: 14px !important;
}

.infrastructure .slide-title button .arrowBlack {
  display: none;
}

.infrastructure .slide-title button:hover .arrowWhite {
  display: none;
}

.infrastructure .slide-title button:hover .arrowBlack {
  display: block;
}

.infrastructure .slide-title .mobile {
  display: none;
}

/* end of slider */


/* E N D  O F  T E X T  W I T H  S L I D E R */


.seeMoreButton {
  font-family: 'DejaVu Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  color: #000000;
  opacity: 0.5;
  padding: 0;
  margin: 0;
  border: none;
  background: none;
}


@media screen and (max-width: 1480px) {
  .lect-contacts-container {
    column-gap: 100px;
  }
}

@media screen and (max-width: 1400px) {
  .lect-contacts-container {
    column-gap: 50px;
  }

  .carousel-image {
    width: min(500px, calc(100vw - 32px));
    height: 468.33px;
  }
}

@media screen and (max-width: 1330px) {
  .lect-contacts-container {
    column-gap: 24px;
  }
}

@media screen and (max-width: 1300px) {
  .lect-contacts {
    justify-content: flex-start;
  }
  
  .infrastructure {
    gap: 40px !important;
  }
}

@media screen and (max-width: 1199px) {
  .programs-container {
    padding: 30px 45px 0px !important;
    grid-template-columns: 1fr 1fr 1fr !important;
  }
  .program-yellow {
    display: none !important;
  }
}
@media screen and (min-width: 1199px) {
  .infrastructure .slider {
    max-width: 50%;
  }

  .infrastructure .carousel-image {
    max-width: 100%;
  }
}

@media screen and (max-width: 1199px) {
  .nav {
    padding: 18px 0px 0px 0px;
    margin-inline: 45px;
    /* max-width: calc(100vw - 90px); */
  }
  .nav > .nav-item {
    margin-right: 10px;
  }

  .programme-description ul li,
  .curriculum ul li,
  .admission ul li,
  .minor ul li,
  .about-school ul li,
  .school-management ul li,
  .studiesPage ul li,
  .studentStudiesPage ul li,
  .page ul li,
  .tuition-waive ul li,
  .personDetails ul li,
  .accordion-body ul li,
  .registration-stage ul li,
  .infrastructure ul li,
  .mission ul li,
  .kakha-bendukidze-container ul li,
  .newsItem-content__leftPart ul li,
  .PrivacyPolicy ul li,
  .home .modal-body ul li,
  .textWithPhoto__text ul li {
    text-align: unset !important;
  }

  .accordion-body td,
  .accordion-body p {
    text-align: unset !important;
  }


  .infrastructure {
    padding: 24px 45px 120px;
  }

  .infrastructure {
    gap: 40px !important;
  }

  .infrastructure {
    gap: 0px !important;
  }

  .infrastructure .infrastructure-left-part {
    max-width: unset;
  }

  .infrastructure .infrastructure-left-part h2 {
    font-size: 20px;
    line-height: 27px;
    margin-bottom: 16px;
  }

  div.infrastructure {
    flex-direction: column-reverse !important;
  }

  .infrastructure h2.laptop {
    display: none;
  }

  .infrastructure h2.mobile {
    display: block;
  }

  .infrastructure .infrastructure-left-part p {
    text-align: unset;
  }

  .infrastructure .slide-title button {
    border-radius: 0.5rem;
  }

  .carousel-inner {
    max-width: 500px;
  }
}

@media screen and (max-width: 1199px) and (min-width: 768px) {
  .infrastructure .slider {
    margin-bottom: 24px;
  }
}

@media screen and (max-width: 768px) {
  main {
    margin-top: 90px;
  }

  .nav-wrapper {
    display: none;
  }

  .nav>.nav-item {
    margin-top: 0px !important;
  }
  .mobile-navbar {
    display: block;
  }

  .back-button-href {
    display: none;
  }

  .back-button-href-mobile {
    display: block;
  }

  .back-button-mobile {
    display: block;
  }

  .lect-contacts-container {
    row-gap: 40px;
    padding: 0px 16px 16px !important;
    flex-direction: column;
  }

  .lecturers-contacts {
    padding: 16px 0 0;
    margin: 20px 0 0;
  }

  .lecturers-contacts>h2 {
    font-size: 18px;
    line-height: 27px;
    padding: 0px 16px;
  }

  .lect-contacts {
    flex-direction: column;
  }

  .lect-contacts>h2 {
    text-align: left;
    width: 100%;
    max-width: calc(100vw - 32px) !important;
  }

  .l-contancts {
    border-left: none;
    width: unset !important;
    max-width: calc(100vw - 32px) !important;
  }

  .l-contancts a {
    font-size: 16px;
    line-height: 24px;
    padding-left: 56px;
    height: 40px;
    word-break: break-word;
  }

  .number::before {
    left: 0px;
  }

  .email::before {
    left: 0px;
  }

  .pdf,
  .document,
  .excel {
    width: 100% !important;
  }

  .pdf>p,
  .document>p,
  .excel>p {
    white-space: break-spaces !important;
  }

  .carousel-image {
    height: 280px;
  }



  .infrastructure p.laptop {
    display: none !important;
  }

  .infrastructure p.mobile {
    display: block !important;
  }

  div.infrastructure {
    flex-direction: column-reverse !important;
    padding: 24px 16px 16px;
    gap: 1rem !important;
  }

  .infrastructure .carousel-item img {
    width: calc(100vw - 2rem);
    height: 290px;
  }

  .infrastructure .slide-title {
    padding: .6rem 1rem;
    gap: unset;
  }

  .infrastructure .slide-title span {
    width: calc(100vw - 4rem);
  }

  .infrastructure .slide-title>span {
    width: 100%;
  }
}



strong {
  font-family: "Campus 700";
}














/* AGRUNI */

/* TEST LAB */
.service ul {
  list-style: url(/assets/img/list-style-agruni.svg);
  padding: 0 0 0 38px;
  margin: -8px 0 16px;
}


.service ul li {
  font-family: 'Campus 500';
  font-size: 16px;
  line-height: 24px;
  text-align: justify;
  color: #000000;
  margin: 8px 0;
  padding-left: 6px;
}

@media screen and (max-width: 1199px) {
  .service ul li {
    text-align: unset !important;
  }
}