.mos-img img {display: none !important;}

:root {
 --themetm-color: #ed5521;
 --main-color: #E1B78C;
  --heading-color: #FFFFFF;
  --secondary-color: #141414;
  --black-120: #101010;
  --black-110: #121212;
  --black-100: #141414;
  --black-90: #2C2C2C;
  --black-80: #434343;
  --black-70: #5B5B5B;
  --black-60: #727272;
  --black-50: #8A8A8A;
  --black-40: #a1a1a1;
  --black-30: #B9B9B9;
  --black-20: #d0d0d0;
  --black-10: #E8E8E8;
  --border-color: #D9DFE7;
}


.timeline-content .slick-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.tit-1 {
  font-family: FrizQuadrataCTT;
  font-size: 25px;
  line-height: 1;
}

.timeline-area .timeline-images .content {
  background: var(--black-100);
  padding: 64px;
  height: fit-content;
  width: 39%;
  position: absolute;
  z-index: 1;
  top: 32px;
}

.timeline-area .timeline-images img {
  position: relative;
  float: right;
  margin-left: auto;
  width: 100%;  
  max-width: 930px; 
  height: 576px;
  object-fit: cover;
}

.timeline-images .description{
  margin-top: 16px;
  margin-bottom: 0;
  color: var(--black-30);
}

.timeline-images .slick-current .content .h5 {
  color:var(--heading-color);
  font-weight: 900;
}

@media only screen and (max-width: 1399px) {
  .timeline-area .timeline-item.slick-current .icon:after{
    top: 30px;
    left: 74px;
  }
  .timeline-area .timeline-images img{
    width: 90%;
  }
}

@media only screen and (max-width: 991px) {
  .timeline-area .timeline-images .content{
    padding: 32px;
  }
}

@media (min-width: 576px) and (max-width: 991px) {
  .timeline-area .slick-slide .description{
    max-height: 300px;
    overflow: auto;
  }
}

@media only screen and (max-width: 767px) {
  .timeline-area .timeline-item img{
    height: 64px;
  }

  .timeline-area .slick-list{
    margin-bottom: 64px;
  }

  .timeline-area .timeline-images img {
      width: 75%;
  }

  .timeline-area .timeline-images .content{
    width: 50%;
  }

  .timeline-area .timeline-images .content{
    top: 64px;
  }
    
}

@media only screen and (max-width: 576px) {
  .timeline-area .section-title{
    text-align: center;
    margin-bottom: 32px;
  }

  .timeline-area .button{
    text-align: center;
  }

  .timeline-area .timeline-images .content {
    position: relative;
    width: 100%;
  }

  .timeline-area .timeline-images img{
    width: 100%;
    height: 320px;
    object-fit: cover;
  }

  .timeline-area .slick-list{
    margin-bottom: 0;
  }
}

.timeline-area .slick-list{
  max-height: 576px;
  height: 100%;
}

.timeline-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 0;
}

.timeline-item .icon {
  -webkit-box-flex: wrap;
  -ms-flex: wrap;
  flex: wrap;
  cursor: pointer;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  position: relative;
  margin-right: 30px;
}

.timeline-item.slick-current .icon:after {
  content: '';
  position: absolute;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  width: 64px;
  height: 68px;
  background: #ed552138;
  line-height: 1px;
  top: 7px;
  left: -18px;
}

.timeline-item .h2 {
  display: block;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.timeline-item img{
  height: 100%;
  object-fit: cover;
  max-height: 144px;
}

.timeline-item img.ishow,
.timeline-item.slick-current img.ifade{
  display: none;
}

.timeline-item img.ifade,
.timeline-item.slick-current img.ishow{
  display: block;
}

.timeline-item.slick-current .icon:before {
  color:var(--heading-color);
}

.timeline-item .icon.h2 {
  color: var(--black-30);
  margin-left: 32px;
  font-size: 67px;
}

@media(min-width: 992px){
  .timeline-item .icon.h2{
    text-shadow: 2px 0 var(--black-30);
  }

  .timeline-item.slick-current .icon.h2{
    text-shadow: 2px 0 var(--heading-color);
  }
}

.timeline-item.slick-current .icon.h2 {
  color:var(--themetm-color);
  font-size: 67px;
}
.timeline-item.slick-current span {
  color:var(--themetm-color);
}

.light-mode .section-heading .button a{
  background-color: var(--black-100);
  color: white;
}

.light-mode .timeline-item .icon.h2{
  text-shadow: 2px 0 var(--black-30);
}

.light-mode .timeline-item.slick-current .icon.h2{
  color: var(--black-100);
  text-shadow: 2px 0 var(--black-100);
}

@media(max-width: 991px){
  .light-mode .timeline-item.slick-current .icon.h2{
    text-shadow: unset;
  }
}

.timeline-item.slick-current:before {
  left: 0;
  opacity: 1;
}

.timeline-content .slick-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.timeline-area .timeline-images .content {
  background: var(--black-100);
  padding: 64px;
  height: fit-content;
  width: 39%;
  position: absolute;
  z-index: 1;
  top: 32px;
}

.timeline-area .timeline-images img {
  position: relative;
  float: right;
  margin-left: auto;
  width: 100%;  
  max-width: 930px; 
  height: 576px;
  object-fit: cover;
}

.timeline-images .description{
  margin-top: 16px;
  margin-bottom: 0;
  color: var(--black-30);
}

.timeline-images .slick-current .content .h5 {
  color:var(--heading-color);
  font-weight: 900;
}

@media only screen and (max-width: 1399px) {
  .timeline-area .timeline-item.slick-current .icon:after{
    top: 30px;
    left: 74px;
  }
  .timeline-area .timeline-images img{
    width: 90%;
  }
}

@media only screen and (max-width: 991px) {
  .timeline-area .timeline-images .content{
    padding: 32px;
  }
}

@media (min-width: 576px) and (max-width: 991px) {
  .timeline-area .slick-slide .description{
    max-height: 300px;
    overflow: auto;
  }
}

@media only screen and (max-width: 767px) {
  .timeline-area .timeline-item img{
    height: 64px;
  }

  .timeline-area .slick-list{
    margin-bottom: 64px;
  }

  .timeline-area .timeline-images img {
      width: 75%;
  }

  .timeline-area .timeline-images .content{
    width: 50%;
  }

  .timeline-area .timeline-images .content{
    top: 64px;
  }
    
}

@media only screen and (max-width: 576px) {
  .timeline-area .section-title{
    text-align: center;
    margin-bottom: 32px;
  }

  .timeline-area .button{
    text-align: center;
  }

  .timeline-area .timeline-images .content {
    position: relative;
    width: 100%;
  }

  .timeline-area .timeline-images img{
    width: 100%;
    height: 320px;
    object-fit: cover;
  }

  .timeline-area .slick-list{
    margin-bottom: 0;
  }
}


.faq-area .container > .row{
  position: relative;
}

.faq-p-rotate{
  transform: rotate(-90deg);
  color:var(--heading-color);
  width: fit-content;
  position: absolute;
  top: 122px;
  left: -128px;
}

.faq-area .timeline-item.slick-current .icon:after{
    width: 74px;
}

.faq-area .content{
  height: 582px;
  background-size: cover;
  background-repeat: no-repeat;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.faq-area .content .faq-text{
  margin: auto 0;
  padding: 96px;
  color: white;
}

.faq-area .content .faq-text:before { content: "";width: 100%;height: 100%;left: 0;bottom: 0; right: 0;top: 0; background:rgba(0, 0, 0, 0.3); position: absolute; z-index: -1;}

.faq-area .content .faq-text span.h5 a, .faq-area .content .faq-text span.h5{
color: white;
font-family: FrizQuadrataCTT;
font-size: 70px;
line-height: 1;
}

.light-mode .faq-area .content p{
  color: var(--black-30);
}
.faq-area .content h6{
  margin-top: 32px;
}


@media (max-width: 991px) {
  .faq-text{
    overflow: scroll;
    height: inherit;
  }

  .faq-area .timeline-item.slick-current .icon:after{
    width: 64px;
    left: 64px;
    top: 74px;
  }

  .faq-area .content .faq-text {
    padding: 64px;
  }
}

@media only screen and (max-width: 576px) {
  .faq-area .timeline-item.slick-current .icon:after{
    content: ;
  }

  .timeline-item img{
    height: 64px;
  }

  .mobile-ml-96{
    margin-left: 96px;
  }

  .faq-area .mobile-ml-96{
    margin-bottom: 64px;
  }
}
.faq-area ul {
padding-left: 0rem;
}

.blog-one__meta {
    position: relative;
    display: flex;
    align-items: center;
}

.blog-one__meta>li {
    position: relative;
    display: flex;
    align-items: center;
}

.blog-one__meta>li+li{
    margin-left: 14px;
  color: #fff
}
 .blog-one__meta>li+li a{
  color: #fff
}

.blog-one__meta>li>a {
    letter-spacing: -0.64px;
    color: var(--thm-black);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.blog-one__meta>li>span {
    position: relative;
    display: inline-block;
    font-size: 16px;
    margin-right: 6px;
    color: var(--themetm-color);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.blog-one__meta>li>a:hover {
    color: var(--themetm-color);
}
.event-txt{
    padding: 20px 0px;
    font-size: 18px;
}
.milmx-button {
cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: none;
  letter-spacing: 2px;
  font-size: 18px;
  background-color: #f1f1f1c4;
  color: #000;
  border-radius: 70px;
  padding: 0 0 0 20px;
  height: 39px;
  font-weight: 500;
  transition: .4s cubic-bezier(0,0,.3642,1);
}
.milmx-button span {
 white-space:nowrap
}
.milmx-button svg {
 margin-left:30px;
 border-radius:50%;
 width:40px;
 height:40px;
 padding:10px;
 background-color:#000;
 transition:.4s cubic-bezier(0,0,.3642,1)
}
.milmx-button svg path {
 fill:#fff
}
.milmx-button.mil-icon-button {
 padding:15px
}
.milmx-button.mil-icon-button svg {
 margin-left:0
}
.milmx-button.mil-icon-button-sm {
 padding:0;
 height:40px
}
.milmx-button.mil-icon-button-sm svg {
 margin-left:0;
 background-color:#fff
}
.milmx-button.mil-icon-button-sm svg path {
 fill:#000
}
.milmx-button:hover {
 transform:scale(1.015);
  background: var(--themetm-color);
  color: #fff;
}
.milmx-button:hover svg {
 transform:scale(1.15)
}
.milmx-button.mil-arrow-down svg {
 transform:rotate(90deg)
}
.milmx-button.mil-arrow-down:hover {
 transform:scale(1.015);
 filter:brightness(110%)
}
.milmx-button.mil-arrow-down:hover svg {
 transform:scale(1.15) rotate(90deg)
}
.mx-project-2-content .milmx-button span {
  color: #333;
  font-size: 16px;
  margin-bottom: 0px;
}
@media screen and (max-width:992px) {
 .milmx-button {
  height:60px;
  padding:0 10px 0 40px
 }
 .milmx-button svg {
  margin-left:25px
 }
}