@media (min-width: 1024px) {
  .main-cnt-value > .elementor-widget-wrap {
    position: relative;
    width: 100%;
    height: 700px;
  }
}
@media (max-width: 1366px) {
  .modalTimelineHead .wrapper {
    height: 80%;
  }
  .modalTimelineHead .wrapper .content-modal {
    height: 85%;
  }
  .modalTimelineHead .wrapper .content-modal p {
    overflow-y: scroll;
    height: 85%;
  }
  .modalTimelineHead .wrapper .content-modal h4 {
    font-size: 32px;
  }
}
@media (max-width: 1024px) {
  .list-value .elementor-grid > div:nth-child(5) .item-value {
      transform: translateX(-50px);
  }
  .list-value .elementor-grid > div:nth-child(3) .arrow-line-custom .square {
    bottom: 29px;
  }
  .list-value .elementor-grid > div:nth-child(11) .arrow-line-custom .square {
    bottom: 5px;
  }
  .list-value .elementor-grid > div:nth-child(13) .arrow-line-custom .square {
    bottom: 15px;
  }
  .list-value .elementor-grid > div:nth-child(13) .arrow-line-custom .square {
    bottom: 15px;
  }
  .list-value .elementor-grid > div:nth-child(5) .arrow-line-custom .square {
    bottom: 27px;
  }
  .list-value .elementor-grid > div:nth-child(7) .arrow-line-custom .square {
    bottom: 8px;
  }
  .list-value .elementor-grid > div:nth-child(9) .arrow-line-custom .square {
    bottom: 1px;
  }
  @keyframes moveInOut5 {
    50% {
        transform: translateX(0px) scaleY(1.05) scaleX(1);
    }
  }
  .list-value .elementor-grid > div:nth-child(3) .item-value {
    transform: translateX(30px);
  }
  .eael-content-timeline-block.custom-timeline .eael-content-timeline-content {
    width: 435px;
  }
  .main-title-page {
    margin-bottom: 50px;
  }
  .main-cnt-value .list-value .elementor-grid > div:nth-child(3)::after {
    transform: rotate(-120deg);
    right: -31%;
    top: -10%;
  }
  .main-cnt-value .list-value .elementor-grid > div:nth-child(5)::after {
    transform: rotate(60deg);
    right: 50%;
    top: -3%;
  }
  .main-cnt-value .list-value .elementor-grid > div:nth-child(7)::after {
    transform: rotate(-80deg);
    right: -7px;
    top: 21px;
  }
  .main-cnt-value .list-value .elementor-grid > div:nth-child(11)::after {
    transform: rotate(188deg);
    right: -12%;
    bottom: 0%;
  }
  .main-cnt-value .list-value .elementor-grid > div:nth-child(13)::after {
    transform: rotate(93deg);
    right: 23%;
    bottom: 15%;
  }
  .main-cnt-value .list-value .elementor-grid > div:nth-child(9)::after {
    transform: rotate(6deg);
    right: 51px;
    top: -9px;
  }
}
@media (max-width: 991px) {
  .timeline_by_dsmart .eael-content-timeline-line {
    margin-left: 0 !important;
    text-align: center;
    position: unset;
    background-position: center center !important;
    margin-top: 0 !important;
  }
  .eael-content-timeline-block.custom-timeline .eael-content-timeline-content {
    width: 480px;
    margin-top: 25px;
  }
  .eael-content-timeline-block.custom-timeline {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
  }
  .eael-content-timeline-block.custom-timeline:nth-child(odd)
    .eael-content-timeline-img.eael-picture {
    margin-left: 17px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    position: unset !important;
    width: 92px !important;
    height: 32px !important;
    transform: rotate(270deg);
    margin-top: 15px !important;
  }
  .eael-content-timeline-block.custom-timeline:nth-child(even)
    .eael-content-timeline-content {
    margin-left: 0 !important;
  }
  .eael-content-timeline-block.custom-timeline:nth-child(even)
    .eael-content-timeline-img.eael-picture {
    margin-right: -34px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    position: unset !important;
    width: 92px !important;
    height: 32px !important;
    transform: rotate(90deg);
    margin-top: 15px !important;
  }
  .timeline_head .eael-content-timeline-line {
    display: none;
  }
  .eael-content-timeline-block.custom-timeline {
    padding-bottom: 0;
  }
  .eael-content-timeline-block.custom-timeline .eael-content-timeline-line {
    width: 30px !important;
    height: 100px !important;
    display: block !important;
    margin-left: 0 !important;
  }
  .timeline_head {
    margin-bottom: 0;
  }
}
@media (max-width: 768px) {
  .main-cnt-value > .elementor-widget-wrap{
    height: 100%;
  }
  .main-cnt-value .list-value .elementor-grid > div{
    position: unset !important;
    transform: unset !important;
  }
  .main-cnt-value .list-value .elementor-loop-container.elementor-grid{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 40px !important;
  }
  .main-cnt-value .list-value .elementor-loop-container.elementor-grid > div[data-elementor-type="loop-item"]{
    max-width: 50%;
  }
  .list-value .elementor-grid > div .item-value{
    animation-delay: unset !important;
    animation: unset !important;
    transform: unset !important;
    transition: unset !important;
    left: unset !important;
    right: unset !important;
  }
  .modalTimelineHead .wrapper .content-modal h4 {
    font-size: 25px;
  }
  .modalTimelineHead .wrapper .content-modal p {
    font-size: 16px;
  }
  .main-cnt-value .list-value{
    position: unset !important;
  }
  .list-value {
    margin-top: 100px;
  }
  .main-cnt-value .value-title {
    position: unset;
  }
  .value-title .elementor-heading-title {
    font-size: 20px;
    width: 50% !important;
    height: auto;
    border-radius: unset;
    text-align: center;
    padding: 20px;
  }
  .list-value .item-value {
    animation: unset;
    transition: unset;
  }
  .main-cnt-value .list-value .elementor-grid > div::after {
    content: unset;
  }
}
@media (max-width: 601px) {
  .eael-content-timeline-block.custom-timeline .eael-content-timeline-content {
    width: 80%;
  }
  .lb-nav a.lb-next {
    right: 0;
  }
  .lb-nav a.lb-prev {
    left: 0;
  }
  .timeline_head {
    width: 80%;
  }
  .timeline_head .border-line {
    padding: 0 20px;
    font-size: 24px;
  }

  .elementor-fixed p {
    margin-bottom: 15px !important;
  }
  .list-value .elementor-flip-box {
    width: 200px !important;
    height: 200px !important;
  }
}
@media (max-width: 480px) {
  .main-cnt-value .list-value .elementor-loop-container.elementor-grid > div[data-elementor-type="loop-item"]{
    max-width: 100%;
  }
  .main-cnt-value .list-value .elementor-loop-container.elementor-grid{
    gap: 40px !important;
  }
  .value-title .elementor-heading-title {
    width: 60% !important;
  }
}