/* For Desktop View */
@media screen and (min-device-width: 790px) and (max-device-width: 1024px) {
.bg-linear-last-1 , .bg-linear-last-2 , .bg-linear-last-3 {
  padding: 40px !important;
}
    .chg-hr img {
       width: 100% !important;
    height: 500px;
    padding: 0;
    }
 .chg-hr-1 img {
        width: 100% !important;
    }
.abt-img-5 {
  width: 130px !important;
}
.inner-content-here {
  padding: 59px 43px !important;
}

}
@media screen and (min-device-width: 768px) and (max-device-width: 991px) {
.dark .options .option.active .label .info .main {
  font-size: 18px !important;
  position: absolute !important;
  top: 194% !important;
  font-weight: 700 !important;
  left: 0 !important;
  width: 100% !important;
  transform: rotate(-90deg)!important;
  transform-origin: left top!important;
}
}
/* For Tablet View */
@media screen and (min-device-width: 768px) 
    and (max-device-width: 1280px) {

.page-content-other .inner-content h2 {
  font-size: 30px;
}
.inner-content-here {
  gap: 90px;
}
.inv-img-1 , .inv-img-2 , .inv-img-3 , .inv-img-4{
  width: 100% !important; 
}
.inv-img-1{
  padding-bottom: 0px;
}
.inv-img-5 {
  width: 100%;
  padding: 0 105px;
}
.abt-img-2 , .abt-img-1 ,
.abt-img-4 ,.abt-img-3 {
  width: 100%;
}

.first-bloc.section {
  margin-top: -9px;
}

/*.h2vert-home .item-content {
  top: 300px;
z-index: 1;
}*/
.title-about-page-1 h1 {
  font-size: 60px;
}
 .bg-linear-right {
    width: 100%;
    height: 500px;
    display: flex;
    justify-content: center;
    align-content: center;
    padding: 30px;
  }
.col-md-6.camion img {
  width: 100%;
}
.bg-linear-left-2 {
  padding: 38px 34px;
}
.bg-linear-abt4-2 {
    padding: 35px 94px;
    width: 100%;
    height: 400px;
    display: flex;
    justify-content: center;
    align-content: center;
  }
.bg-linear-abt4{
  padding: 27px 0;
}
.bg-linear-abt4-2 img {
    width: 100%;
    height: 400px;
    display: flex;
    justify-content: center;
    align-content: center;
}
 .bg-linear-abt4-3 {
  padding: 52px;
    width: 100%;
    justify-content: center;
    align-content: center;
    height: 400px;
  } 
.bg-linear-last-3 {
 padding: 72px;
    width: 100%;
    justify-content: center;
    align-content: center;
    display: flex;
}
.first h3 {
  font-size: 37px;
}
.bg-linear-abt4-1 {
  padding: 37px ;
}

.bg-linear-abt4-1 img {
  width: 100%;
    height: 400px;
    display: flex;
    justify-content: center;
    align-content: center;
}

.bg-linear-left-2 img {
 width: 100%;
    height: 400px;
    display: flex;
    justify-content: center;
    align-content: center;
}
.about-section-3 h2 {
  font-size: 41px;
}
.title-about-section-1 h2 {
  font-size: 40px;
}
.bg-linear-white {
 padding: 40px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-content: center;
}
.bg-linear-right img {
  width: 163px;
}
.bg-linear-left {
  padding: 80px 0;
}
.btns-news a {
  padding: 16px 6px;
}
.btns-news {
  gap: 5px;
}
.h2vert-home h1 {
  font-size: 48px;
}
.inner-content h2 {
  font-size: 25px;
}
.bg-linear-investir img {
  width:  100% !important;
  height: 600px;
}
.bg-linear-investir img {
  width: 365px;
}
.text-overlay-home h2 {
  font-size: 40px;
}

.newsletter h2 {
  font-size: 43px;
}
.desc-text-r p {
  font-size: 21px;
}
.text-overlay-home {
  top: 7%;
}
.another-text {
  padding-top: 50px;
}
.another-text span {
  font-size: 25px;
}
.home-slider .item-content {
  top: 292px;
}

.home-slider .item-content h1 {
  font-size: 50px;
}


}
 
/* For Mobile Portrait View */
@media screen and (max-device-width: 480px) 
    and (orientation: portrait) {

}
 
/* For Mobile Landscape View */
@media screen and (max-device-width: 640px) 
    and (orientation: landscape) {
.abt-img-5 {
  width: 130px !important;
}
.inner-content-here {
  padding: 59px 43px !important;
}
}
 
/* For Mobile Phones Portrait or Landscape View */
@media screen
    and (max-device-width: 640px) {
.inv-img-1 , .inv-img-2 , .inv-img-3 , .inv-img-4{
  width: 100% !important; 
}

}
 
/* For iPhone 4 Portrait or Landscape View */
@media screen and (min-device-width: 320px) 
    and (-webkit-min-device-pixel-ratio: 2) {

}
 
/* For iPhone 5 Portrait or Landscape View */
@media (max-device-width: 568px) 
    and (min-device-width: 320px) {
.btn-timeline a {
  white-space: nowrap;
}
}


 @media( max-width:768px ){
/* Define background colors for each color class */
.vertical-timeline.green .title-top-line {
    background-color: #4E9F2E; /* Green */
}

.vertical-timeline.yellow .title-top-line {
    background-color: #CEB115; /* Yellow */
}

.vertical-timeline.pink .title-top-line {
    background-color: #D6768C; /* Pink */
}

.vertical-timeline.white .title-top-line {
    background-color: #FFFFFF; /* White */
    color: black; /* Black text for white background */
}

.vertical-timeline.black .title-top-line {
    background-color: #000000; /* Black */
}

.vertical-timeline.grey .title-top-line {
    background-color: #797979; /* Grey */
}

.vertical-timeline.blue .title-top-line {
    background-color: #5684B9; /* Blue */
}

.vertical-timeline.turquoise .title-top-line {
    background-color: #48B7AE; /* Turquoise */
}

/* Style the point colors */
.point {
    width: 10px; /* Adjust the size of points */
    height: 10px;
    border-radius: 50%; /* Make points circular */
    display: inline-block; /* Align points horizontally */
}

/* Define specific point colors */
.point-yellow { background-color: #CEB115; } /* Yellow */
.point-pink { background-color: #D6768C; } /* Pink */
.point-white { background-color: #FFFFFF; } /* White */
.point-black { background-color: #000000; } /* Black */
.point-grey { background-color: #797979; } /* Grey */
.point-blue { background-color: #5684B9; } /* Blue */
.point-turquoise { background-color: #48B7AE; } /* Turquoise */
.point {
    width: 15px; 
    height: 15px; 
    border-radius: 50%; 
    position: absolute; 
    left: 50%; 
    transform: translateX(-50%); 
}

.point-yellow {
    background-color: #CEB115; /* Yellow color */
    border: 2px solid #CEB115; 
   
}

.point-pink {
    background-color: #D6768C; /* Pink color */
    border: 2px solid #D6768C; 
  }

.point-white {
    background-color: #F7F7F7; /* White color */
    border: 2px solid #2A6550; 
    }
.point-1{
 top: 25%; 
}
.point-2{
 top: 50%; 
}
.point-3{
 top: 73%; 
}

.timeline-mobile {
display: flex;
    justify-content: center;
    align-content: center;
    margin-bottom: 10px; /* Space between the mobile title and line container */
}

.line-container {
    position: relative; /* Set the parent container to relative for absolute positioning */
    display: flex;
    align-items: center; /* Align items in the center vertically */
    height: 200px; /* Adjust height as necessary */
}

.left-line,
.right-line {
    flex: 0 0 50%; /* Allow images to occupy 50% of their respective sides */
    display: flex;
    justify-content: center; /* Center the images horizontally */
}

.line-vertical {
top: 11%;
    position: absolute; /* Position the vertical line absolutely */
    left: 50%; /* Center it horizontally in the container */
    transform: translateX(-50%); /* Adjust for centering */
    width: 3px; /* Width of the vertical line */
    background-color: #2a6550; /* Green color for the vertical line */
    height: 100%; /* Make the line stretch the height of the container */
}

.title-top-line {
    position: absolute; /* Keep this absolute for placement above the line */
    top: -20px; /* Position title above the vertical line */
    left: 50%; /* Center the title horizontally */
    transform: translateX(-50%); /* Adjust to center properly */
    background-color: #4E9F2E; /* Title background color */
    padding: 9px 21px; /* Padding for the title */
    border-radius: 23px; /* Rounded corners for the title */
    color: #E6E8DE; /* Text color */
    font-weight: bold; /* Bold title */
}

.vertical-timeline {
    display: flex;
    flex-direction: column;
    align-items: center; /* Center align the timeline content */
}




.left-line img , .right-line img{
    width: 70%;
}
.vertical-timeline {
    display: none; 
}

.vertical-timeline.active {
    display: block; }

.title-timeline-mobile h3 {
  color: #4E9F2E;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  width: 300px;

}
.colors-timeline-mobile {
  display: block;
  padding: 150px 0;
  background: #D8E1D5;
}

.colors-here {
  background: #E6E8DE;
  padding: 100px 0;
  border-radius: 44px;
  position: relative;
}

.holder-vert-mobile {
  position: absolute;
  top: -50px; /* Adjust this value to place it above the padding */
  transform: translateX(-50%); /* Center it horizontally */
  left: 50%;
}

.pad-vert-mobile {
  background: #4E9F2E;
  border-radius: 74px;
  padding: 20px;
  color:#fff;
  font-weight:700
}
.pad-vert-mobile  p {
margin-top: 14px;
  white-space: nowrap;
  font-size: 16px !important;
}


.scrolling-sections {
  padding: 21px 0 0px 0;
}
.colors-timeline{
display:none !important;
}
.item-content {
  top: 68%;
}
.navbar .navbar-collapse .navbar-nav a , .dropdown-item{
white-space: initial;
}
.slider-one-side {
  padding: 40px 0 0 0;
}
.img-sect4 img {
  width: 50% !important;
}
.about-section-4 {
  padding: 75px 15px;
}
.text-sect4 {
  font-size: 15px;
 
}
.title-sect4{
 padding: 32px 0;
font-size: 20px;
}
.footer-bottom {
  z-index: 1 !important;
}
.title-item-news-small h3 {
  font-size: 16px;
}
.category li {
  font-size: 14px;
}
.show-more a {
  gap: 4px;
  white-space: nowrap;
  font-size: 15px;
}
.show-more a img {
  width: 23px;
}
.presentation .holder-title h2 {
  padding-bottom: 5px;
}

.accordion-button {
  font-size: 17px;
}
.accordion-body {
  font-size: 15px;
}
.bloc-investir {
  margin-top: -143px;
}
.bloc-investir h2 {
  padding-top: 25px;
}
.wp-block-heading strong {
  font-size: 20px;
}
.desc-article {
  padding-top: 35px;
}
.social-icon-article li i {
  font-size: 24px;
}
.bloc-vert a {
  font-size: 14px;
}
.article-content p, .article-content li {
  font-size: 16px;
}
.subtitle-institution-3 p {
  font-size: 20px;
}
.inner-content.inner-content-5 {
  padding-bottom: 120px;
}
.h2vert-home .item-content {
 top: 57% !important;
}
.text-sect4 {
  padding-bottom: 30px !important;
}
.desc strong {
  font-size: 20px !important;
}
.img-lines {
  padding-top: 30px !important;
}
.bg-linear-abt4-4 , .bg-linear-abt4-3 {
  margin-top: 30px !important;
}

.desc, .subtitle-about-section-1 {
  font-size: 18px !important;
  padding-top: 5px !important;
}
.about-section-3-4 h3 {
  padding-bottom: 0;
  font-size: 25px;
}
.about-section-3-4 h2 {
  font-size: 32px;
  padding-bottom: 23px;
}
.bg-linear-abt4-1 {
  padding: 25px;
}
 .slider-carousel .owl-item img {
    height: 400px !important;
    width: 100%;
  }

  .last-bloc .page-content-other {
  padding-bottom: 0px !important;
}
  .last-bloc .inner-content-here {
    padding: 0 !important;
  }
.inner-content-here {
  display: block !important;
  background: none !important;
  padding: 0px !important;
}
.pdd {
  padding-top: 100px;
}
.contact-section-1 {
  padding-bottom: 200px !important;
}
.wpcf7-form-control.wpcf7-submit.has-spinner.submit-btn {
  width: 100%;
}
.newsletter {
  z-index: 1;
}
.h2vert-about .newsletter {
  margin-top: -57px;
}

.desc-dark-green {
  font-size: 18px;
}
.title-dark-green {
  font-size: 23px;
}
.inner-content-here {
  gap: 10px !important;
}

.dark-green {
  padding: 0%;
}
.text-sect4 {
  padding-top: 25px;
}
.img-sect4 img {
    height: auto !important;
  }
.slide-one-side {
 border-radius: 120px;
 height: auto;
 padding: 12% !important;
}
.about-section-4 {
  margin-top: -65px;
}
.content.h2vert-about {
  padding: 250px 0 0 0;
}

.scroll {
  padding-top: 0px;
}
.abt-here img {
  height: 500px;
}

.col-md-6.mobile-abs-1 img {
  position: absolute;
}
.col-md-6.mobile-abs {
  margin-top: 60px;
}
  .colors-timeline {
    padding-bottom: 288px !important;
  }

.bg-linear-abt4-1 , .bg-linear-abt4-2{
margin-top:30px !important
}
.bg-linear-last-1 , .bg-linear-last-2 , .bg-linear-last-3 {
  padding: 40px !important;

}

.date-item-news-big span , .text-item-news-big span{
  color: #0839379c;
  font-size: 13px;
}
.page-content-other .inner-content h2 {
  font-size: 30px;
}
.inv-img-1 , .inv-img-2 , .inv-img-3 , .inv-img-4{
  width: 100% !important; 
}
.inv-img-1{
  padding-bottom: 0px;
}
.inv-img-5 {
  width: 100%;
  padding: 0 105px;
}
.abt-img-2 , .abt-img-1 ,
.abt-img-4 ,.abt-img-3 {
  width: 100%;
}

.inv-img-1 , .inv-img-2 , .inv-img-3 , .inv-img-4{
  width: 100% !important; 
}
.inv-img-5 {
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 0;
}
.inv-img-4 {
  width: 100%;
  margin-bottom: 14px;
  padding: 0 50px;
  display: flex;
  justify-content: center;
}
.inv-img-3 {
  width: 100%;
  margin-top: 68px;
  padding: 0 50px;
}
.inv-img-2 {
  width: 100%;
  padding: 0 50px;
}
.inv-img-1 {
  width: 100%;
  padding: 0 50px;
}
.inner-content-here {
  gap: 85px;
}
.abt-img-4 {
  width: 100%;
  padding: 0;
}
.abt-img-3 {
  width: 100%;
  padding: 0;
}
.abt-img-2 {
  width: 100%;
  padding: 0;
}
.abt-img-1 {
  width: 100%;
  padding: 0;
}
.bg-linear-last-2 {
  display: flex;
  justify-content: center;
  align-content: center;
}
.bg-linear-last-1 {
  width: 100%;
  padding: 40px;
  display: flex;
  justify-content: center;
  align-content: center;
}
.figure {
  padding: 20px 0;
}
.bg-linear-larg {
  padding: 70px 15px;
}
.abt-img-5 {
  width: 100% !important;
    height: 400px;
}
.inner-content-here {
  padding: 65px 24px !important;
}
.bg-linear-left {
  margin-bottom: 70px;
width: 100%;
    display: flex;
    justify-content: center;
}
.bg-linear-left img {
  width: 100%;
height:300px
}
.bg-linear-white {
  padding: 20px !important;
  width: 100%;
  height: 300px;
  display: flex;
  justify-content: center;
  align-content: center;
  margin-top: 50px;
}
.about-section-2 {
  margin-top: -56px;
}
.title-timeline h3 {
  font-size: 20px;
}
.bg-linear-investir img {
  width: 100%;
  height: 400px;
}
.col-md-6.camion img {
  width: 100%;
}
.bg-linear-left-2 img {
 width: 100%;
  height: auto;

}
.bg-linear-left-2 {
  padding: 30px;
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 40px;
}
.about-section-33 h3 {
  font-size: 28px;
}

.bg-linear-abt4 {
 padding: 0;
    margin-top: 47px;
    display: flex;
    justify-content: center;
    width: 100%;
}
.small-title-grey h3 , .small-title-black h3 , .small-title-blue h3 , .small-title-green h3 {
  font-size: 25px;
}
.texting {
  padding-top: 40px;
  text-align: center;
}
.text-stt11 h3 {
  font-size: 30px;
}
.text-stt11 p {
  font-size: 18px;
}
.pdt {
padding: 69px 16px;
  text-align: end;
}
.pdt a {
  padding: 12px 43px;
  font-size: 19px;
}
.pdt a img {
  position: absolute;
  top: -4px;
  width: 20%;
  left: 273px;
}
.strategie-4 p {
  font-size: 18px;
}
.titlee {
  font-size: 29px;
}
.bg-s {
  margin-bottom: 30px;
}
.pad-3items .row {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 65px;
}
.img-3items img {
  width: 100%;
}
.strat-2 h2 {
  font-size: 30px;
}
.scroller img {
  width: 10px;
}
.overlay-container {
  position: absolute;
  top: -7px;
  left: 23px;
}
.title-strategie h1 {
  font-size: 17px;
}

.text-strat-3 {

  font-size: 18px;
}
.pd-8 {
  margin-top: 40px;
}
.title-strat-3 {
  font-size: 35px;
}
.linear-line {
  padding-left: 53px;
}
.strat-2 p {
  font-size: 17px;
}
.item-news-big {
 padding-bottom: 66%;
  margin-bottom: 15px;
}
.item-news-big-img .text-overlay {
  top: 107%;
  left: 14px;
}
.faq {
    padding: 65px 15px 180px 15px;
}

.actualite{
    padding: 47px 15px;
}
section.big-small h2 {
  padding-bottom: 5px;
}
.holder-title-faq {
  padding-bottom: 25px;
}
.page-content-dark{
  padding: 30px 16px !important;
}

.item-news-small {
  margin-bottom: 15px;
}
.page-content {
    margin-top: -10px;
    padding: 47px 15px !important;
z-index:1;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.desc-content {
  font-size: 18px;
  line-height: 35px;
}
.title-item-news-big h3 {
 padding-bottom: 5px;
 font-size: 16px;
 line-height: 21px;
 color:#083937
}
.text-right {
    padding: 5%;
    text-align: center;
}
.title-desc {
  font-size: 22px;
}
.text-left {
    padding: 4%;
    text-align: center;
}
. item-news-big-img .text-overlay {
  top: 13%;
  left: 29px;
}
.bloc-investir p {
  margin-bottom: 40px;
  font-size: 18px;
}
.bg-linear-investir {
  margin-top: 45px 0;
}
.bloc-vert {
  padding: 12px 19px;
  width: 218px;
}
.title-article h1 {
  font-size: 33px;
}
.contact-carousel {
  padding: 20px 0;
}
.classic-btn {
  padding: 12px 32px;
  font-size: 15px;
}
.article-content {
  position: absolute;
  top: 300px;
}
.item-btn {
font-size: 15px;
  width: 197px;
}
.company-info ul li a {
  font-size: 18px;
  line-height: 50px;
}
.contact-section-1 input, .contact-section-1 textarea {
  border-radius: 12px;
  margin-bottom: 14px;
  padding-left: 22px;
}
.subtitle-contact {
  font-size: 18px;
}
.colors-3 {
  display: grid;
  grid-template-columns: repeat(1,1fr);
  gap: 30px;
}
.title-about-page-1 h1 {
  font-size: 28px;
}
.head-institution {
  padding: 30px !important;
  z-index: 1;
}
#navbarNavAltMarkup {
  background: #C4D3C4F7;
  position: relative;
  /*! padding: 0px 20px 30px 30px; */
  border-radius: 12px;
  width: 100%;
  padding-left: 12px;
}
.buttons-container button {
  padding: 15px 39px !important;
  font-size: 15px !important;
  white-space: nowrap;
}
.item-btn {
  margin-bottom: 70px;
}
.title-contact , .holder-title h2 , .newsletter h2 {
  font-size: 22px;
}
.bloc-investir h2 {
font-size: 28px;
}
.contact-section-1 , .contact-section-2 , .contact-section-3  , .newsletter , .footer-bottom{
  padding: 60px 15px;
}
.bloc-investir{
padding: 30px 15px;
}
.contact-section-2 .title-contact{
white-space: nowrap;
}
.social-icon-contact {
  display: grid;
  gap: 10px;
}
.contact-section-2 {
  padding-bottom: 42px;
}
.newsletter {
  padding-bottom: 130px;
}
.holder-title {
  display: flex;
padding-bottom: 18px;
}
.text-overlay-home {
    top: 0;
}
.about-section-1 , .about-section-2 , .about-section-33 , .about-section-2-4 ,  .about-section-3-4 , .other-bloc{
  padding: 78px 15px;
}
.title-about-section-1 h2 , .about-section-2 h2 , .about-section-3 h2 , .first h3 , .about-section-4 h2 {
  font-size: 27px;
}
 .img-sect4 .owl-carousel .owl-item img {
    height: 194px;
 }
.bg-linear-last-1  , .bg-linear-last-2{
  margin-bottom: 30px;
}
.title-instution h1 {
  font-size: 24px;
}
.card {
  margin-bottom: 30px;
}
.title-who h2 {
  font-size: 30px;
}
.subtitle-who span {
  font-size: 20px;
}
.slide-one-side {
  
}

.dark-green {
  width: 100%;
}
.small-title-green h3 {
  font-size: 30px;
}
.bg-linear-right {
  padding: 0;
width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 40px;
}
.timeline ol {
    width: 100%;
}
.pad-vert p {
    font-size: 22px;
}
.home-slider .owl-dots {
    bottom: 20px;
}
.another-text {
    padding-top: 0;
}
.title-text-r span {
    font-size: 25px ;
}
.desc-text-r p {
    font-size: 18px;
}
.text-overlay-home h2 {
    font-size: 17px;
}
.another-text span {
    font-size: 16px;
}

.timeline span {
  left: 21%;
  font-size: 11px;
}
.timeline .col-md-3 {
  display: none
}
.slider-1 .slides-1 .slide-1 {
  padding: 60px;
}
.holder-title-faq h2 {
  font-size: 35px;
}
.slider-1 .slides-1 {
  max-height: 600px;
}
.actualite {
  margin-top: -145px;
}

.show-more-faq a {
  font-size: 25px;
}
.bloc-investir .col-md-6 .bg-linear-investir {
  margin: 0 0;
} 
.bg-linear-investir {
  padding: 0 0;
}
.img-item-left.sixth {
  padding: 82px !important;
}
.item-left {
  height: 500px;
}
.img-item-left {
  display: flex;
  justify-content: center;
  align-items: center;
}



.top-header {
  padding: 12px;
} 
.owl-carousel .owl-item img {
  height: auto;
  width: 100%;
}
.container.item-content img {
  display: none;
}
.home-slider .item-content .item-btn {
  width: 142px;
margin-top: 0;
padding: 10px 20px;
font-size: 12px;
white-space:nowrap
}
.page-content-dark {
  border-top-left-radius: 0px !important;
  border-top-right-radius:  0px !important;
  margin-top: 145px;
  z-index: 1;
  padding: 30px 16px;
}
.home-slider .item-content h1 {
  line-height: 22px;
font-size:20px;
}
.inner-content , .page-content-other .inner-content {
  display: block;
}
.subtitle-actualite p {
  font-size: 32px;
}
.title-actualite h1 {
  font-size: 60px;
}
.btns-news {
  display: grid;
  justify-content: center;
  align-items: center;
  gap: 32px;
  padding-top: 67px;
}
.h2vert-home .item-content {
 /* top: 100px;*/
}
.h2vert-home h1 {
  text-align: left;
  font-size: 30px;
}
}

@media (min-width: 850px) and (max-width: 1024px) {
.bg-linear-last-2 {
  float: right;
  background: #AFC3AD;
  border-radius: 60px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-content: center;
}
.bg-linear-last-1{
  float: right;
  background: #AFC3AD;
  border-radius: 60px;
  width: 100%;
  justify-content: center;
  align-content: center;
}
  .timeline::before, .timeline::after {
    width: 309px !important; 
}
}


 /* Ensure the timeline line is vertical on mobile */
@media (max-width: 1024px) {
  .timeline ol {
    display: block;
    margin-left: 50%;
    transform: translateX(-50%);
    width: 3px;
    height: 100%; /* Extend the line to fit the content */
    background-color: #2a6550; /* Keep the same color as the horizontal line */
  }
  
  .timeline ol::after {
    content: none; /* Remove the horizontal line after element */
  }

  .timeline li {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 40px;
    position: relative;
    height: auto;
    width: 100%;
  }
  
  /* Position the images to alternate sides */
  .timeline li:nth-child(odd) img {
    order: 1; /* Keep the image on the left for odd items */
    margin-right: auto;
  }

  .timeline li:nth-child(even) img {
    order: 2; /* Move the image to the right for even items */
    margin-left: auto;
  }
  
  .timeline li:nth-child(odd) span,
  .timeline li:nth-child(even) span {
    order: 0;
    left: auto;
    transform: translateX(-100%);
    text-align: right;
    padding-right: 20px;
  }
  
  .timeline li:nth-child(even) span {
    text-align: left;
    transform: translateX(0);
    padding-left: 20px;
  }

  .timeline span {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px; /* Adjust text size for mobile */
  }
  
  .timeline li:after {
    position: absolute;
    top: 0;
    left: 0%;
    transform: translateX(-50%);
    width: 20px;
    height: 20px;
    margin: 0 auto;
  }
.title-timeline {
 height: 110px !important;
    margin-top: 360px;
}
.timeline {
  position: relative;
}

.timeline::before, .timeline::after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  width: 80px; /* Adjust width to fit your images */
  height: 267px; /* Adjust height to fit your images */
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transform: translateY(-50%);
}

.timeline::before {
  background-image: var(--left-img);
  left: calc(-500px - 100px); /* Adjust for positioning */
}

.timeline::after {
  background-image: var(--right-img);
  right: calc(-50px - 10px); /* Adjust for positioning */
}


  .timeline {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: auto;
  }
  
  .timeline::before, .timeline::after {
    /*! width: 40px; */ /* Adjust width for smaller images on mobile */
    /*! height: 40px; */ /* Adjust height for smaller images on mobile */
  }
  
  .timeline::before {
    left: -50px;
  }

  .timeline::after {
    right: -50px;
  }

.btn-timeline {
  padding: 0 !important;
  margin-bottom: 219px;
}
.big-small {
  margin-top: -92px;
}

}

@media(min-width:1650px){
.colors-timeline {
  padding-bottom: 10px !important;
}
.timeline  {
  height: 70vh !important;
}
.big-small {
  padding: 60px 0 200px 0 !important;
}
}
@media (min-width: 1920px) and (min-height: 1080px) {
      .timeline {
    height: 70vh !important;
  }
}
@media (min-width: 1920px) and (min-height: 800px) {
      .timeline {
    height: 85vh !important;
  }
}

@media (min-width: 1920px) and (min-height: 1920px) {
      .timeline{
    height: 35vh !important;
  }
}