@font-face {
  font-family: 'figtree'; /* Choose a name for the font */
  src:url('../font/Figtree-VariableFont_wght.ttf') format('truetype'); /* Optional backup */
  font-weight: normal; /* Specify font weight if applicable */
  font-style: normal;  /* Specify font style if applicable */
}

body{
	font-family:'figtree',sans-serif

}

.content ol li{
	list-style-type: decimal !important;
	margin-left:20px;
}

.content  ul li{
	list-style-type:disc !important;
	margin-left:20px;
}
.main_header{
    border-bottom: 1px solid #BEB08B;
    font-size: larger;
    width: auto;
    text-align: center;
    font-weight: bold;
    margin-bottom: 20px;
}

.content_container{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.service_item{
    display: flex;
    flex-direction: column;

    margin-bottom: 20px;
}
.vip_factory_tour{
    border-bottom: 1px solid #BEB08B;
}
.service_item p{
    margin: 1px;
    display:flex;
    gap:10px;
}

.service_item  ul{
    font-size: 18px;
}
.service_header{
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 220px;
    text-align: center;
    height: 40px;
    border-radius: 15px;
    margin-bottom: 20px;
    border: 3px solid #404040;
    box-shadow: 5px 5px rgba(84, 84, 84, 0.258);
}
.service_header h1{
    font-size: 1em;
}


.service_item:nth-of-type(1) .service_header{
    background-color: #BEB08B;
}
.service_item:nth-of-type(2) .service_header{
    background-color: #837B62;
}

.service_step{
    display: flex;
    flex-direction: column;
    width:80%;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-bottom: 20px;
}
.service_step_header{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 261px;
    height: 40px;
    border-radius: 15px;
    font-weight: bold;
    color: white;
    border: 3px solid #404040;
    box-shadow: 5px 5px rgba(84, 84, 84, 0.258);
}
.service_step p{
    width: 70%;
    margin: 1em;
}
.service_step_header h1{
    font-size: 1em;
}

.service_step:nth-child(3n+1) .service_step_header {
background-color: #BEB08B; /* First color */
}
  
  .service_step:nth-child(3n+2) .service_step_header {
background-color: #6C828A; /* Second color */
}
  
  .service_step:nth-child(3n+3) .service_step_header {
background-color: #837B62; /* Third color */
}

.down_arrow{
    width: 30px;
}


.payment_step{
    width: 70%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap:20px;
}

.payment_step h1{
	display:flex;
	justify-content:center;
	align-items:center;
	font-weight:bold;
	font-size:18px;
	border:2px solid #BBAD8F;
	width:320px;
	height:30px;
}
.payment_procedure_container{
	gap:40px;
}

.payment_details{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap:20px;
}

.payment_details h1{
	display:flex;
	justify-content:center;
	align-items:center;
	font-weight:bold;
	font-size:18px;
	border:2px solid #BBAD8F;
	width:100%;
	height:30px;
}

table {
            width: 100%;
            border-collapse: collapse;
            margin: 20px 0;
            text-align: left;
        }
        th, td {
            padding: 12px;
            border: 1px solid #ddd;
        }
        th {
            background-color: #c3a873;
            color: white;
        }
        td {
            background-color: #f9f9f9;
        }
        .highlight {
            font-weight: bold;
        }
        
  .deliver_item{
  	width:100%
  }
  
  .deliver_content_container{
  	width:100%;
  	gap:20px;
  }
   .deliver_item h1,
   .deliver_item li{
   line-height:30px;}
   
    .deliver_item h1{
    position: relative;
    font-weight:bold;
    }
    
    .deliver_item h1::after {
    content: '';
    display: block;
    width: 50%; /* Adjust the width as needed */
    height: 2px; /* Thickness of the line */
    background-color: #E5E0D7; /* Line color */
     /* Adjust margin for spacing */
}

.quality{
	display:flex;
	flex-direction:column;
	gap:20px;
}


.quality p{
	width:70%
}

.guarantees{
	display:flex;
	flex-direction:column;
	gap:30px;
}
        
 .bold{
 	font-weight:bold
 }