#info-progress {
   display: none;
}
#info {
   color: var(--text-color);
   background-size: cover;
   min-height: 776px;
   background-position: center;
}

#info .info-inner {
   aspect-ratio: 1288 / 670;
}

#info .info-tab-wrap.-active .info-tab-txt {
   color: var(--project_information--new_tab_block--item_text_hover_active);
   transition: .5s;
}

#info .info-tab-wrap .info-tab:hover .info-tab-txt {
   color: var(--project_information--new_tab_block--item_text_hover_active);
   transition: .5s;
}

#info .-active .info-tab {
   border-bottom: 4px solid var(--project_information--new_tab_block--border_color);
}

#info .info-tab-wrap .info-tab-txt {
   color: var(--project_information--new_tab_block--item_text);
}

#info .info-tab-wrap.-active .info-tab {
	border-bottom: 4px solid var(--project_information--new_tab_block--item_text_hover_active);
}

.info-img {
   aspect-ratio: 460/487;
   background-size: 98%;
   background-repeat: no-repeat;
   position: relative;
   background-position: center;
}

.info-img-wrap {
   position: relative;
}
.info-detail {
   color: var(--text-color);
   margin-right: 2rem;
}


#info-detail[data-show='0'] {
   display: none;
}

.progress-wrap {
   padding-left: 80px;
}

.progress-title-wrap {
   display: flex;
   justify-items: center;
   align-items: center;
   gap: 35px;
}

.progress-title {
   width: 100%;
}

.progress-show {
   padding-top: 52px;

}

#info .info-tab-wrap {
   padding: 0 32px
}

#info .info-tab {
   padding: 6px 8px
}

#info .info-tab-txt {
   padding: 0;
}

#info .progress-wrap::-webkit-scrollbar,
#info .info-detail::-webkit-scrollbar-thumb {
   width: 6px;
}

#info .progress-wrap::-webkit-scrollbar-track,
#info .info-detail::-webkit-scrollbar-thumb {
   background: transparent;
}

#info .progress-wrap::-webkit-scrollbar-thumb,
#info .info-detail::-webkit-scrollbar-thumb {
   background: #FFEFD873;
   border-radius: 8px;
}

#info .info-tabs-block {
   border-color: var(--project_information--new_tab_block--item_text);
}

#info .info-tab-wrap:after {
   background: var(--project_information--new_tab_block--item_text);
}


@media (max-width: 1319px) {
   #info .info-tabs-block {
      justify-content: center;
   }

   .info-detail {
      max-height: 100%;

   }

   .info-img-wrap {
      position: relative;
      margin-top: 36px;
   }

   .info-img-wrap::after {
      transform: translate(7px, 6px) scaleX(1);
   }

   .progress-show {
      padding-top: 28px;

   }

   .progress-wrap {
      padding-top: 32px;
      padding-left: 0;
      max-height: 100%;
      overflow: visible;
   }

   .progress-item {
      grid-column: span 2;
   }


   #info-detail .detail-rail {
      --wd: 90%;
   }

   #info-detail .detail-rail[data-end="1"] {
      left: calc(var(--i) * -1 * var(--wd) + 2rem);
   }

   #info-detail .detail-img {
      margin: 0 16px 0 0;
   }

   #info .info-mar {
      margin-top: 0;
   }

   #info .info-tab-wrap {
      padding: 0 16px;
   }

   #info .cont-pd h2 {
      font-weight: 400 !important;
      font-size: 38px !important;
      line-height: 40px !important;
   }

   #info .info-tab {
      padding: 6px 0px;
   }

   #info .info-tab-wrap {
      padding: 0 16px;
   }

   #info>div {
      padding-top: 44px;
      padding-bottom: 4rem;
   }
   #info>div{
      padding-left: 2rem;
      padding-right: 2rem;
   }
}
/*-- Mobile Version --*/
@media (max-width: 767px) {
   #info>div{
      padding-left: 1rem;
      padding-right: 1rem;
   }
   #info-detail .detail-rail-wrap {
      overflow: visible;
   }
}
/*-- Mobile Version --*/
@media (max-width: 1024px) {
   .progress-bar span.-percent {
      text-align: right;
   }
}
.circle-progress-value {
   stroke-width: 6px;
   stroke: var(--project_information--new_progress_color--progress_color_overall);
}

.circle-progress-circle {
   stroke-width: 6px;
   stroke: var(--project_information--new_progress_color--progress_color_overall);
   opacity: .3;
}

.circle-progress-text {
   fill: var(--project_information--new_progress_color--number_color);
   font-size: 30px;
   font-weight: 500;
   line-height: 32px;
}
.progress-bar .-bar {
   height: 5px;
   width: 100%;
   border-radius: 10em;
   background: #FFEFD82d;
   display: block;
   position: relative;
}
.progress-bar .-bar:before{
   content: "";
   width: 100%;
   height: 100%;
   display: block;
   border-radius: 10em;
   position: absolute;
   top: 0;
   left: 0;
   background-color: var(--project_information--new_progress_color--progress_color_overall);
   opacity: .3;
}

.progress-bar .-bar-inner {
   height: 5px;
   width: calc(var(--pc)*1%);
   border-radius: 10em;
   display: block;
   transition: all 1s cubic-bezier(0.44, 0.67, 0.07, 0.91);
}

.progress-bar {
   display: grid;
   grid-template-columns: 10fr 2fr;
   grid-column-gap: 0.5rem;
   justify-content: center;
   align-items: center;
   line-height: 1rem;
}
.detail-rail-wrap {
   overflow: hidden;
}

.detail-rail {
   --i: 0;
   --wd: 100%;
   display: flex;
   position: relative;
   width: calc(var(--max)* var(--wd));
   left: calc(var(--i) * -1 * var(--wd));
   transition: .5s;

}

.detail-img {
   background-size: cover;
   width: 100%;
   height: 100%;
   aspect-ratio: 671/379;
}
.active-modal,
.demo-modal:hover {
   border: 3px solid #9B441E;
   transition: .4s;
}

.mySlides {
   height: auto;
   aspect-ratio: 16/9;
   background-color: rgba(255, 255, 255, 0);
}

.modal-img-content {
   position: relative;
   background-color: rgba(255, 255, 255, 0);
   margin: auto;
   padding: 0;
   top: 4vw;
   width: 70%;
   max-width: 1200px;
}

.demo-modal {
   opacity: 1;
   transition: .4s;
}

.modal-column {
   width: auto;
   height: 64px;
   padding: 0;
   margin: 8px 12px;
   display: inline-block;
}

.next {
   transform: rotate(180deg) scale(1.4);
}

.prev {
   transform: rotate(0deg) scale(1.4);
}

.lightbox-arrow {
   cursor: pointer;
}

.lightbox-hov-glow {
   position: absolute;
   top: 16.5%;
   left: 16.5%;
   opacity: 0;
}

.lightbox-arrow:hover .lightbox-hov-glow {
   opacity: 0.1;
}
.detail-nav-wrap {
   text-align: center;
}

.detail-nav {
   padding-top: 36px;
   display: inline-flex;
   justify-content: center;
   align-items: center;
}

.detail-nav-dot {
   width: 8px;
   height: 8px;
   background: var(--text-color);
   box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.25);
   border-radius: 100%;
   margin-right: 12px;
   transition: all .3s;
   cursor: pointer;
}

.detail-nav-dot.-active {
   background: var(--project_information--new_tab_block--item_text_hover_active);
   background: var(--project_information--element--pagination_color);
   width: 20px !important;
   border-radius: 27px !important;
}
#info ::-webkit-scrollbar {
   width: 5px;
}

#info ::-webkit-scrollbar-track {
   background: transparent;
}

#info ::-webkit-scrollbar-thumb {
   background: #FFEFD82d;
   border-radius: 10em;
   height: 4rem;
}


.progress-title h3{
  color: var(--project_information--new_progress_color--progress_color_by_topic);
}
.progress-item{
  color: var(--project_information--color_swatch--body_text);
}

#info .info-btn>div {
   background-color: var(--project_information--button_color--button_color);
   color: var(--project_information--button_color--text_color);
}
#info .info-btn>div:hover {
   background-color: var(--project_information--button_color--button_color_hover);
}