﻿.main{
    min-width: 100%;
    min-height: 100vh;
    overflow-x: hidden;
    display: flex;
    justify-content: center;
    align-items: center;

}

.container{
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    width: 1200px;
    justify-content: center;
}
section{
	display:flex;
	flex-direction:column;
	align-items:center;
    width: 100%;
    justify-content: center;
}
.sidebar{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100vw;
}

.content{
    position: relative;
    width: 80%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin:30px 0px;
}

.sidebar{
    background-color: #E5E0D7;
    min-height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.sidebar_text{
   min-width: 1000px;
   text-align: center;
   font-size:48px;
   letter-spacing: 20px;
   color: #8a8375;
}

.timeline_circle{
     width: 2px;
     height: 2px;
     background-color: #BEB08B;
     border: 3px solid #404040;
     border-radius: 50%;
     flex-shrink: 0;  
}

 .timeline_item:nth-of-type(3n+1) .timeline_circle {
    background-color: #BEB08B; /* First color */
  }
  
  .timeline_item:nth-of-type(3n+2) .timeline_circle {
    background-color: #6C828A; /* Second color */
  }
  
  .timeline_item:nth-of-type(3n+3) .timeline_circle {
    background-color: #837B62; /* Third color */
  }


.contact_items_container{
  	display:flex;
  	flex-direction:column;
  	gap:30px;
  }
  
  .contact_item{
  	width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap:20px
  }

.contact_us_address{
	 display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.contact_item h1,
.contact_item p{
	margin:0 !important;
	padding:0 !important;
}

	.contact_item svg{
		width:50px;
	}
 
