@import "https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";
.container {
  width: 87.9166666667svw;
}
@media only screen and (max-width: 640px) {
  .container {
    width: 93.75svw;
  }
}

/* loader keyframe  */
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
/* common css  */
.container {
  max-width: unset;
}

p {
  font-size: 0.8333333333svw;
}

.eaaciMainScreen {
  font-family: "Montserrat", sans-serif;
  height: 100svh;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

#eaaci-kiosk-container {
  height: 100%;
}

.kiosk-screen {
  height: 100%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.footerBox {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5625svw;
  padding: 1.5625svw 0;
}
.footerBox .left {
  display: flex;
  gap: 0 10.9375svw;
  align-items: center;
}
.footerBox .left .siteLogo img {
  width: 12.34375svw;
}
.footerBox .left .footText {
  color: #000000;
  font-weight: 600;
  font-size: 1.0416666667svw;
}
.footerBox .veevaText {
  color: #000000;
  font-weight: 600;
  font-size: 1.0416666667svw;
}
.footerBox .themeBtn {
  padding: 0.8333333333svw 2.5svw;
  box-shadow: 0 0.2083333333svw 0.2083333333svw 0 rgba(0, 0, 0, 0.25);
}

.secPrefix {
  color: #00263E;
  background-color: #71CC98;
  padding: 0.2604166667svw 0.5208333333svw;
  font-size: 2.3958333333svw;
  text-transform: uppercase;
  width: fit-content;
}

.secTitle {
  color: #00263E;
  background-color: #71CC98;
  padding: 0.2604166667svw 2.03125svw;
  font-size: 3.6458333333svw;
  font-weight: 700;
  text-transform: uppercase;
  width: fit-content;
}

.themeBtn {
  background-color: #D86018;
  border-radius: 5.2083333333svw;
  padding: 0.625svw 1.875svw;
  color: #FFFFFF;
  font-size: 2.0833333333svw;
  font-weight: 700;
  border: 0.2604166667svw solid #D86018;
  box-shadow: 0 0.2083333333svw 0.2083333333svw 0 rgba(0, 0, 0, 0.25);
  cursor: pointer;
  transition: transform 0.2s ease;
}
.themeBtn:hover {
  background-color: rgb(211.41, 93.96, 23.49);
  border-color: rgb(211.41, 93.96, 23.49);
  box-shadow: 0 0.3125svw 0.3125svw 0 rgba(0, 0, 0, 0.35);
  transform: translateY(-2px);
}
.themeBtn.disabled {
  pointer-events: none;
  background-color: #FFFFFF;
  color: rgba(0, 38, 62, 0.25);
  cursor: not-allowed;
}

.specBoxWrapper {
  padding-top: 5.2083333333svw;
}
.specBoxWrapper > h4 {
  color: #FFFFFF;
  font-size: 1.3541666667svw;
  padding-bottom: 1.0416666667svw;
  font-weight: 700;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.specBoxWrapper .specBoxCont {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.9791666667svw 2.2395833333svw;
}
.specBoxWrapper .specBoxCont .box {
  border: 0.2604166667svw solid #D86018;
  background-color: #FFFFFF;
  min-height: 9.8958333333svw;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.78125svw;
  font-size: 2.0833333333svw;
  font-weight: 600;
  text-align: center;
  color: #00263E;
  transition: transform 0.3s ease;
  cursor: pointer;
}
.specBoxWrapper .specBoxCont .box:hover {
  box-shadow: 0 0.5208333333svw 1.0416666667svw rgba(0, 0, 0, 0.15);
  transform: scale(1.03);
  border-color: rgb(193.05, 85.8, 21.45);
}
.specBoxWrapper .specBoxCont .box.selected {
  background-color: #D86018;
  color: #FFFFFF;
}

.orangeBtn {
  background-color: #D86018;
  border-radius: 5.2083333333svw;
  color: #FFFFFF;
  padding: 0.3125svw 0.9375svw;
  font-size: 1.25svw;
  font-weight: 600;
}

.viewArticleBtn {
  background-color: #FFFFFF;
  border: 0.15625svw solid #D86018;
  color: #D86018;
  padding: 0.78125svw 2.0833333333svw;
  border-radius: 5.2083333333svw;
  font-size: 1.6666666667svw;
  font-weight: 600;
  display: flex;
  text-decoration: none;
}
.viewArticleBtn:hover, .viewArticleBtn:focus, .viewArticleBtn:focus-visible {
  color: #D86018;
}
.viewArticleBtn img {
  width: 2.0833333333svw;
}

.fixedHeadPatch {
  background-color: #71CC98;
  width: 100%;
  text-align: center;
  color: #00263E;
  text-transform: uppercase;
  padding: 0.8333333333svw 0;
  font-size: 2.0833333333svw;
  font-weight: 600;
  position: fixed;
  top: 0;
  z-index: 9999;
}

.customCont {
  max-width: 86.25svw;
  padding: 0 0.78125svw;
}

/* loader  */
#eaaci-kiosk-loader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.9);
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
}

.spinner {
  border: 0.3125svw solid #ccc;
  border-top-color: #0073aa;
  border-radius: 50%;
  width: 2.6041666667svw;
  height: 2.6041666667svw;
  animation: spin 0.8s linear infinite;
}

/* timeout popup  */
.popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 38, 62, 0.75);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.popup-box {
  background-color: #FFFFFF;
  width: 80%;
  padding: 3.59375svw 0;
  border-radius: 0.5208333333svw;
  box-shadow: 0 0.5208333333svw 1.3020833333svw rgba(0, 0, 0, 0.2);
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1.5625svw 0;
}
.popup-box p {
  font-size: 2.0833333333svw;
  font-weight: 500;
  text-transform: uppercase;
  line-height: normal;
  margin-bottom: 0;
}
.popup-box img {
  width: 8.2291666667svw;
}

.circle-timer svg {
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
}

.circle-bg,
.circle-progress {
  fill: none;
  stroke-width: 12;
}

.circle-bg {
  stroke: #e6e6e6;
}

.circle-progress {
  stroke: red;
  stroke-linecap: round;
  transition: stroke 0.5s ease;
}

.timer-text {
  font-size: 5.9895833333svw;
  font-weight: bold;
  color: #00263E;
  width: 10.4166666667svw;
  height: 10.4166666667svw;
  border: 0.2604166667svw solid #71CC98;
  border-radius: 100%;
  display: flex;
  justify-content: center; /* horizontal centering */
  align-items: center; /* vertical centering */
  text-align: center; /* for multiline text, if needed */
}

/* intro page  */
.kiosk-screen.intro {
  background-image: url("../images/panelBg.png");
  display: grid;
  grid-template-columns: 30% auto;
  align-items: center;
  justify-content: space-between;
}
.kiosk-screen.intro .content {
  display: grid;
  gap: 2.34375svw 0;
}

.descBox {
  background-color: #FFFFFF;
  padding: 5.9895833333svw 5.2083333333svw;
  border-radius: 0.78125svw 0 0 0.78125svw;
}
.descBox .title {
  font-size: 3.125svw;
  padding-bottom: 2.6041666667svw;
  font-weight: 600;
}

/* ask specilaity  */
.kiosk-screen.askSpecilaity {
  background-image: url("../images/panelBg.png");
}
.kiosk-screen.askSpecilaity .container {
  padding-top: 7.5520833333svw;
}

/* category  */
.kiosk-screen.category {
  background-image: url("../images/panelBg.png");
}
.kiosk-screen.category .container {
  padding-top: 2.34375svw;
}

/* article listing  */
.kiosk-screen.articles {
  background-color: #00263E;
}
.kiosk-screen.articles .customCont {
  padding-top: 7.8125svw;
}
.kiosk-screen.articles .postCont {
  display: grid;
  gap: 3.3854166667svw 0;
  height: 60svh;
  overflow-y: scroll;
  padding-right: 3.2291666667svw;
  /* width */
  /* if need to add Track */
  /* Handle */
  /* Handle on hover */
}
.kiosk-screen.articles .postCont::-webkit-scrollbar {
  width: 1.0416666667svw;
}
.kiosk-screen.articles .postCont::-webkit-scrollbar-thumb {
  background: #D9D9D9;
  border-radius: 0.5208333333svw;
}
.kiosk-screen.articles .postCont::-webkit-scrollbar-thumb:hover {
  background: rgb(204.25, 204.25, 204.25);
}
.kiosk-screen.articles .postCont .post {
  display: grid;
  gap: 1.6666666667svw 0;
  padding-bottom: 3.3333333333svw;
  border-bottom: 0.2083333333svw solid #71CC98;
}
.kiosk-screen.articles .postCont .post .partA {
  display: flex;
  gap: 0.5208333333svw;
}
.kiosk-screen.articles .postCont .post .partB {
  display: grid;
  grid-template-columns: auto auto;
  justify-content: space-between;
  align-items: center;
}
.kiosk-screen.articles .postCont .post .partB .abstract {
  font-size: 1.6666666667svw;
  color: #FFFFFF;
  padding-right: 7.8125svw;
  margin-bottom: 0;
}
.kiosk-screen.articles .postCont .post .partC {
  font-size: 1.25svw;
  color: #FFFFFF;
  font-weight: 600;
}
.kiosk-screen.articles .postCont .bottomRightBtn {
  text-align: right;
}
.kiosk-screen.articles .postCont .bottomRightBtn a {
  color: #FFFFFF;
  font-size: 1.6666666667svw;
  font-weight: 700;
  padding-right: 0.8333333333svw;
}
.kiosk-screen.articles .postCont .bottomRightBtn img {
  width: 1.5625svw;
  vertical-align: sub;
}

/* article single page  */
.kiosk-screen.single {
  background-color: #00263E;
}
.kiosk-screen.single .customCont {
  max-width: 91.9791666667svw;
  padding-top: 6.7708333333svw;
}
.kiosk-screen.single .whiteBox {
  background-color: #FFFFFF;
  padding: 2.0833333333svw;
  padding-bottom: 4.1666666667svw;
  border-radius: 1.0416666667svw;
  display: grid;
  grid-template-columns: 70% auto;
  min-height: 71.2962962963svh;
}
.kiosk-screen.single .whiteBox .iframeCont iframe {
  position: relative;
  z-index: 1;
}
.kiosk-screen.single .whiteBox .iframeCont .fullscreenBtn {
  position: absolute;
  bottom: -3.125svw;
  left: 0.5208333333svw;
  font-size: 0.8333333333svw;
  padding: 0.2604166667svw 0.5208333333svw;
  z-index: 9;
}
.kiosk-screen.single .whiteBox .iframeCont .fullscreenBtn.fullFixed {
  position: fixed;
  bottom: 0.5208333333svw;
  left: 0.5208333333svw;
}
.kiosk-screen.single .whiteBox .content {
  padding-left: 2.2916666667svw;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.kiosk-screen.single .whiteBox .content .partA .jNameDateWrap {
  padding-bottom: 0.6666666667svw;
  border-bottom: 0.2604166667svw solid #71CC98;
  width: fit-content;
}
.kiosk-screen.single .whiteBox .content .partA .jNameDateWrap .jName {
  color: #00263E;
  font-size: 1.2svw;
  font-weight: 500;
  padding-bottom: 0.1979166667svw;
}
.kiosk-screen.single .whiteBox .content .partA .jNameDateWrap .date {
  color: #00263E;
  font-size: 1.25svw;
  font-weight: 500;
}
.kiosk-screen.single .whiteBox .content .partA .abstract {
  font-size: 1.25svw;
  color: #00263E;
  margin-top: 1.1979166667svw;
  overflow-y: scroll;
  /* width */
  /* Handle */
  /* Handle on hover */
}
.kiosk-screen.single .whiteBox .content .partA .abstract::-webkit-scrollbar {
  width: 0.2604166667svw;
}
.kiosk-screen.single .whiteBox .content .partA .abstract::-webkit-scrollbar-thumb {
  background: #D9D9D9;
  border-radius: 0.5208333333svw;
}
.kiosk-screen.single .whiteBox .content .partA .abstract::-webkit-scrollbar-thumb:hover {
  background: rgb(204.25, 204.25, 204.25);
}
.kiosk-screen.single .whiteBox .content .partB {
  display: flex;
  align-items: center;
  gap: 1.5625svw;
}
.kiosk-screen.single .whiteBox .content .partB .qrImg {
  width: 10.4166666667svw;
  aspect-ratio: 1/1;
}
.kiosk-screen.single .whiteBox .content .partB .qrText {
  color: #00263E;
  font-size: 1.25svw;
  font-weight: 600;
}

.publication_block {
  display: flex;
  justify-content: space-between;
}
.publication_block .pub_thumb_bx {
  width: 20%;
}
.publication_block .pub_details_bx {
  width: 78%;
}
.publication_block .jName_bx {
  position: relative;
  padding-top: 10px;
  padding-bottom: 3svh;
  margin-bottom: 3svh;
}
.publication_block .jName_bx:after {
  width: 20.6svh;
  height: 2px;
  background-color: #71CC98;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
}
.publication_block .jName_bx h4 {
  font-size: 2svh;
  font-weight: 600;
  color: #00263E;
  margin: 0;
}
.publication_block .jName_bx p {
  font-size: 2svh;
  font-weight: 400;
  color: #00263E;
  margin: 0;
}
.publication_block .author_bx p {
  font-size: 2svh;
  font-weight: 400;
  color: #00263E;
  margin: 0 0 1svh;
}
.publication_block .author_bx p:last-child {
  margin-bottom: 0;
}
.publication_block .author_bx p strong {
  font-weight: 600;
}

.publication_block_qr {
  flex-direction: inherit !important;
  align-items: flex-end;
}

.publication_container, .noiframeContainer {
  padding-top: 8svh !important;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.publication_container .whiteBox, .noiframeContainer .whiteBox {
  min-height: 10px !important;
}

.kiosk-screen.articles .postCont:has(> .post:only-child) {
  height: auto;
}

/* article single page  */
.kiosk-screen.single .noiframeContainer .whiteBox {
  grid-template-columns: auto;
  padding-bottom: 5.7291666667svw;
}
.kiosk-screen.single .noiframeContainer .whiteBox .content {
  flex-direction: row;
  align-items: end;
}
.kiosk-screen.single .noiframeContainer .whiteBox .content .partA .jNameDateWrap {
  font-weight: 600;
}
.kiosk-screen.single .noiframeContainer .whiteBox .content .partA .abstract {
  margin-top: 3.125svw;
  margin-bottom: 1.8229166667svw;
}