/* Lee */

/* Temporarily Style */
/* .search-btn-div, .search-btn {
   display: none!important;
} */
/* Temporarily Style end */

body.logged-in *, body.logged-in *:after, body.logged-in *:before {
   animation: none !important;
}

.header-space {
   min-height: 149px;
   background-color: white;
   transition: all .2s ease-in-out;
}
.history-milestones-sec {
   width: 100%;
   max-width: 1140px;
   margin-left: auto;
   margin-right: auto;
}
.history-milestones-head-slider.swiper-container {
   overflow: hidden;
}
.hmh-slider-inner-slide > * {
   border-left: 1px solid #C0C0C0;
}
.hmh-slider-inner-slide {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   color: #39474F;
   width: 100%;
}
.hmh-image-div {
   overflow: hidden;
   width: 100%;
   height: 118px;
   min-height: 118px;
}
.hmh-image {
   width: 100%;
   height: 100%;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   background-color: #D9D9D9;
   transition: all .3s ease-in-out;
}
.hmh-slider-slide.swiper-slide {
   width: 200px;
}
.hmh-slider-slide.swiper-slide:last-child {
   width: 400px;
}
.hmh-slider-slide.swiper-slide:last-child .hmh-image-div {
   width: 50%;
}
.hmh-content-div {
   width: 400px;
   min-width: 400px;
   padding: 3px 15px 15px 10px;
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   min-height: 132px;
   height: 132px;
}
.hmh-content-div .hmh-title {
   margin-bottom: 12px;
   transition: all .3s ease-in-out;
}
.hmh-content-div .hmh-subtitle {
   margin-bottom: 0;
   font-weight: 700;
   letter-spacing: 0.3px;
   max-height: 3em;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
}
.hmh-slider-inner-slide[data-count="2"] .hmh-content-div {
   order: 2;
   padding-top: 12px;
}
.hmh-slider-inner-slide[data-count="2"] .hmh-image-div {
   order: 1;
   margin-top: 132px;
}
.hmh-slider-inner-slide[data-count="1"] .hmh-image-div {
   margin-bottom: 132px;
}
.milestones-popup {
   position: fixed;
   z-index: 9999;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   background-color: rgb(0 0 0 / 40%);
   display: none;
}
.milestones-popup-wrapper {
   padding: 65px 15px 30px;
   height: 100%;
   width: 100%;
   overflow-y: auto;
   display: flex;
}
.milestones-popup-div {
   position: relative;
   margin: auto;
   width: 100%;
   max-width: 1140px;
}
.milestones-popup-inner-div {
   position: relative;
   top: 0;
   left: 0;
   width: 100%;
   display: flex;
   align-items: stretch;
   background-color: white;
   min-height: 550px;
   transition: all .3s ease-in-out;
}
.mpu-inner-div-left {
   width: 59%;
   position: relative;
   overflow: hidden;
   background-color: #D9D9D9;
}
.mpu-inner-div-right {
   width: 41%;
   padding: 90px 50px;
   background-color: #F6F6F6;
}
.mpu-inner-div-right .mpu-inner-year {
   margin-bottom: 10px;
}
.mpu-inner-div-right .mpu-inner-title {
   margin-bottom: 26px;
   font-weight: 700;
}
.milestones-description-div > * {
   margin-bottom: 10px;
}
.milestones-description-div > *:last-child {
   margin-bottom: 0;
}
.mpu-inner-div-left .mpu-inner-img {
   display: none;
}
.mpu-inner-div-left .mpu-inner-bg {
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   width: 100%;
   height: 100%;
}
.milestones-popup-div .milestones-popup-close {
   position: absolute;
   width: 45px;
   height: 45px;
   padding: 5px;
   right: -5px;
   bottom: calc(100% + 10px);
   transform: rotate(45deg);
}
.milestones-popup-div .milestones-popup-close:before, 
.milestones-popup-div .milestones-popup-close:after {
   content: "";
   position: absolute;
   left: 0;
   right: 0;
   bottom: 0;
   top: 0;
   margin: auto;
   background-color: white;
   transition: all .3s ease-in-out;
}
.milestones-popup-div .milestones-popup-close:after {
   width: 2px;
   height: 35px;
}
.milestones-popup-div .milestones-popup-close:before {
   width: 35px;
   height: 2px;
}
.milestones-popup-div .milestones-popup-close:hover:before, 
.milestones-popup-div .milestones-popup-close:hover:after {
   background-color: #8DC63F;
}
.milestones-popup-inner-div.milestones-no-img .mpu-inner-div-right {
   width: 100%;
   padding: 60px 50px;
}
.milestones-popup-inner-div.milestones-no-img {
   min-height: 350px;
}
.milestones-description-div {
   letter-spacing: 0.3px;
   max-width: 275px;
   width: 100%;
}
.milestones-popup-inner-div:not(.active) {
   position: absolute;
   top: 10px;
   z-index: -1;
   opacity: 0;
   pointer-events: none;
}
.hmh-slider-inner-slide:hover .hmh-title,
.hmh-slider-slide.swiper-slide.swiper-slide-active .hmh-title,
.history-milestones-body-slider .hmb-slider-slide.swiper-slide:hover .hmb-year {
   color: #2B3990;
}
.hmh-slider-inner-slide:hover .hmh-image,
.hmh-slider-slide.swiper-slide.swiper-slide-active .hmh-image {
   transform: scale(1.1);
}
.hmh-slider-inner-slide[data-count="1"] {
   z-index: 1;
   position: relative;
}
.history-milestones-head {
   margin-bottom: 150px;
}
.history-milestones-body-slider .hmb-slider-slide.swiper-slide {
   width: 38px;
   min-width: 38px;
   cursor: pointer;
}
.history-milestones-body-slider .hmb-slider-slide.swiper-slide:not(:last-child) {
   margin-right: 50px;
}
.history-milestones-body-slider {
   width: 100%;
   max-width: 566px;
   /* margin-left: auto;
   margin-right: auto; */
   position: relative;
}
.hmb-slider-inner-slide .hmb-year {
   color: #9C9C9C;
   text-align: center;
   transition: all .3s ease-in-out;
   margin-bottom: 6px;
}
.hmb-slider-slide.swiper-slide-active .hmb-slider-inner-slide .hmb-year {
   font-weight: 700;
   color: #2B3990;
}
.hmb-slider-inner-slide .hmb-dot {
   width: 26px;
   height: 26px;
   border-radius: 50px;
   transition: all .3s ease-in-out;
   position: relative;
   display: block;
   margin: auto;
}
.hmb-slider-inner-slide .hmb-dot:before {
   content: "";
   transition: all .3s ease-in-out;
   background-color: #C0C0C0;
   width: 10px;
   height: 10px;
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   margin: auto;
   border-radius: 50px;
}
.history-milestones-body {
   /* padding: 0 51px; */
   display: flex;
   align-items: center;
   gap: 15px;
}
.history-milestones-arrow.swiper-button-prev, 
.history-milestones-arrow.swiper-button-next {
   width: 36px;
   height: 36px;
   min-width: 36px;
   min-height: 36px;
   background-color: #8DC63F;
   border-radius: 50px;
   opacity: 1;
   transition: all .3s ease-in-out;
   position: relative;
   top: 0;
   margin-top: auto;
   margin-bottom: -6px;
}
.history-milestones-arrow.swiper-button-prev {
   left: 0;
}
.history-milestones-arrow.swiper-button-next {
   right: 0;
}
.history-milestones-body > *:last-child {
   margin-right: auto;
}
.history-milestones-body > *:first-child {
   margin-left: auto;
}
.history-milestones-arrow.swiper-button-prev:after, 
.history-milestones-arrow.swiper-button-next:after {
   font-size: 13px;
   font-weight: 700;
   transition: all .3s ease-in-out;
   color: white;
}
.history-milestones-arrow.swiper-button-prev:hover, 
.history-milestones-arrow.swiper-button-next:hover {
   background-color: #2B3990;
}
.history-milestones-arrow.swiper-button-prev.swiper-button-disabled, 
.history-milestones-arrow.swiper-button-next.swiper-button-disabled {
   background-color: #D9D9D9;
   pointer-events: none;
}
.history-milestones-arrow.swiper-button-prev.swiper-button-disabled:after, 
.history-milestones-arrow.swiper-button-next.swiper-button-disabled:after {
   color: #898989;
}
.hmb-slider-slide.swiper-slide-active .hmb-slider-inner-slide .hmb-dot {
   background-color: rgb(43 57 144 / 20%);
}
.hmb-slider-slide.swiper-slide-active .hmb-slider-inner-slide .hmb-dot:before {
   background-color: #2B3990;
}
.history-milestones-body-slider .hmb-slider-slide.swiper-slide:not(:last-child):before {
   content: "";
   background-color: #C0C0C0;
   width: calc(100% + 50px);
   left: 50%;
   height: 2px;
   position: absolute;
   bottom: 12px;
}
.search-popup-sec {
   display: none;
   position: fixed;
   width: 100vw;
   height: 100%;
   top: 0;
   left: 0;
   z-index: 99999;
   background-color: #F1F1F1;
}
.search-popup-wrapper {
   width: 100%;
   max-width: 1140px;
   height: 100%;
   padding: 30px;
   display: flex;
   overflow-y: auto;
   position: relative;
   margin-left: auto;
   margin-right: auto;
}
.search-popup-div {
   margin: 30px auto 20px;
   width: 100%;
   max-width: 600px;
   text-align: center;
}
.search-popup-div .search-popup-title {
   margin-bottom: 35px;
}
.search-popup-div .search-popup-title b, 
.search-popup-div .search-popup-title strong {
   color: #8DC63F;
}
.search-popup-div .search-popup-form {
   display: flex;
   flex-direction: column;
   gap: 25px;
   align-items: center;
}
.search-popup-form .search-popup-field,
body.error404 .site-main input.search-field,
body.search-no-results .site-main input.search-field {
   height: 50px;
   min-height: 50px;
   background-color: white;
   border: 1px solid #F1F1F1;
   border-radius: 100px;
   padding: 12px 30px;
   font-size: 15px;
   color: #313131;
   line-height: 25px;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   transition: all .3s ease-in-out;
   width: 100%;
}
.search-popup-form .search-popup-field:focus,
body.error404 .site-main input.search-field:focus,
body.search-no-results .site-main input.search-field:focus {
   border: 1px solid #2B3990;
   box-shadow: 0 0 0;
   background-color: #ffffff;
}
body.error404,
body.search-no-results {
   background-color: #F1F1F1;
}
.popup-container .close-popup {
   cursor: pointer;
   transition: all .3s ease-in-out;
}
.popup-container .close-popup:hover, 
.popup-container .close-popup:focus {
   transform: scale(1.1);
   opacity: 0.8;
}
.search-popup-wrapper .search-popup-close {
   width: 45px;
   height: 45px;
   position: absolute;
   right: 10px;
   top: 15px;
   z-index: 1;
   -webkit-mask-image: url(../images/close.png);
   -webkit-mask-repeat: no-repeat;
   -webkit-mask-size: 20px;
   -webkit-mask-position: center;
   mask-image: url(../images/close.png);
   mask-repeat: no-repeat;
   mask-size: 20px;
   mask-position: center;
   background-color: black;
}
body.error404 .site-main .inside-article,
body.search-no-results .site-main .inside-article {
   padding: 70px 20px;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   text-align: center;
}
body.error404 .site-main form.search-form,
body.search-no-results .site-main form.search-form {
   position: relative;
}
body.error404 .site-main button.search-submit,
body.search-no-results .site-main button.search-submit {
   position: absolute;
   height: 100%;
   width: 50px;
   border: 0;
   z-index: 2;
   cursor: pointer;
   transition: all .3s ease-in-out;
   right: 0;
   top: 0;
   background-color: transparent;
   font-size: 16px;
}
body.error404 .site-main input.search-field,
body.search-no-results .site-main input.search-field {
   padding-right: 50px;
}
body.error404 .site-main button.search-submit:hover,
body.error404 .site-main button.search-submit:focus,
body.search-no-results .site-main button.search-submit:hover,
body.search-no-results .site-main button.search-submit:focus {
   transform: scale(1.1) rotate(-15deg);
}
.lpd-action-div .lpd-action-btn {
   position: relative;
   display: inline-flex;
}
.lpd-action-btn .lpd-counter-animate,
.lpd-action-btn .lpd-counter-animate:before {
   -webkit-mask-image: url(../images/general/circle.png);
   -webkit-mask-repeat: no-repeat;
   mask-image: url(../images/general/circle.png);
   mask-repeat: no-repeat;
}
.lpd-action-btn .lpd-counter-animate {
   width: 48px;
   height: 48px;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   -webkit-mask-position: center;
   -webkit-mask-size: 100% 100%;
   mask-position: center;
   mask-size: 100% 100%;
   background-color: #b7c6e1;
}
.lpd-counter-animate .lpd-counter-left,
.lpd-counter-animate .lpd-counter-right {
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   margin: auto;
}
.lpd-counter-animate .lpd-counter-left {
   z-index: 1;
}
.lpd-action-btn .lpd-counter-left:before {
   content: "";
   position: absolute;
   width: 50%;
   height: 100%;
   -webkit-mask-position: left center;
   -webkit-mask-size: 200% 100%;
   mask-position: left center;
   mask-size: 200% 100%;
   background-color: #fff;
   top: 0;
   left: 0;
}
.lpd-counter-animate .lpd-counter-right {
   z-index: 2;
   /* transform: rotate(-180deg); */
}
.lpd-action-btn .lpd-counter-right:before {
   content: "";
   position: absolute;
   width: 50%;
   height: 100%;
   -webkit-mask-position: left center;
   -webkit-mask-size: 200% 100%;
   mask-position: left center;
   mask-size: 200% 100%;
   background-color: #b7c6e1;
   top: 0;
   left: 0;
}
.lpd-counter-animate.lpd-count-animate1 .lpd-counter-left {
   animation: lpd-counter-animation-1 2.5s linear forwards!important;
}
.lpd-counter-animate.lpd-count-animate2 .lpd-counter-right {
   animation: lpd-counter-animation-2 2.5s linear forwards!important;
}
.lpd-counter-animate.lpd-count-animate2 .lpd-counter-right:before {
   animation: lpd-counter-animation-white-bg 2.5s linear forwards!important;
}

.landing-popup-sec.stop-count .lpd-counter-animate,
.landing-popup-sec.stop-count .lpd-counter-animate > *, 
.landing-popup-sec.stop-count .lpd-counter-animate > *:before {
   animation: none !important;
   background-color: #ffffff00;
}

@keyframes lpd-counter-animation-1 {
   0% {
      transform: rotate(0);
   }
   100% {
      transform: rotate(180deg);
   }
}
@keyframes lpd-counter-animation-2 {
   0% {
      transform: rotate(180deg);
   }
   100% {
      transform: rotate(360deg);
   }
}
@keyframes lpd-counter-animation-white-bg {
   0% {
      background-color: white;
   }
   100% {
      background-color: white;
   }
}

@media (max-width: 991px) {
   .header-space {
      min-height: 83px;
   }
   .search-popup-wrapper .search-popup-close {
      top: 0;
   }
   .search-popup-div {
      margin: 15px auto;
   }
   html body .search-btn {
      margin-top: 0;
   }



}
@media (max-width: 767px) {
   .hmh-image-div {
      height: 90px;
      min-height: 90px;
   }
   .hmh-content-div {
      width: 270px;
      min-width: 270px;
      padding: 3px 12px 12px 10px;
      min-height: 105px;
      height: 105px;
   }
   .hmh-slider-inner-slide[data-count="2"] .hmh-image-div {
      margin-top: 105px;
   }
   .hmh-slider-inner-slide[data-count="1"] .hmh-image-div {
      margin-bottom: 105px;
   }
   .hmh-content-div .hmh-subtitle {
      font-size: 14px;
   }
   .hmh-slider-slide.swiper-slide {
      width: 135px;
   }.hmh-slider-slide.swiper-slide:last-child {
      width: 270px;
   }
   .history-milestones-head {
      margin-bottom: 80px;
   }
   .history-milestones-body-slider {
      max-width: 400px;
   }
   .hmb-slider-inner-slide .hmb-year {
      font-size: 15px;
   }
   .history-milestones-body {
      gap: 12px;
   }
   .history-milestones-arrow.swiper-button-prev, 
   .history-milestones-arrow.swiper-button-next {
      width: 30px;
      height: 30px;
      min-width: 30px;
      min-height: 30px;
      margin-bottom: -1px;
   }
   .history-milestones-body-slider .hmb-slider-slide.swiper-slide:not(:last-child) {
      margin-right: 35px;
   }
.hmh-content-div .hmh-title {
   margin-bottom: 8px;
}
body .custom-header-div {
   padding: 20px 0 15px;
}
body .header-space {
   min-height: 72px;
}


}
@media (max-width: 576px) {
   .history-milestones-head {
      margin-bottom: 60px;
   }
   .mpu-inner-div-right {
      padding: 30px 30px;
   }
}











/* body.page-id-353 {
   position: relative;
}
body.page-id-353:before {
   content: "";
   background-image: url(https://amtel.iconcept-staging.com/wp-content/uploads/2025/02/qc-milestones.jpg);
   background-size: 1920px;
   background-position: top center;
   background-repeat: no-repeat;
   position: absolute;
   width: 100%;
   height: 2000px;
   top: 0;
   left: 0;
   z-index: 99999999;
   pointer-events: none;
   opacity: 0.3;
   opacity: 0;
} */