.method_inner{    display: flex; flex-wrap: wrap; justify-content: space-between;}
.method_inner .steps{width:440px;}
.method_inner .steps .item_inner{display:flex; flex-direction:column; position:relative;}

.method_inner .steps .item_inner .line{width: 1px; height: 100%;  border-radius: 10px; background: #D1D7DE; position:absolute; left:25px; top:0; z-index: -1;}
.method_inner .steps .item_inner .draw-line{width: 3px;  border-radius: 10px; background: #091729; position:absolute; left:24px; top:0; z-index: -1;}

.method_inner .steps .item_inner .single_item{} 
.method_inner .steps .item_inner .single_item .single_item_inner{display:flex; gap:100px; align-items:flex-start;}
.method_inner .steps .item_inner .single_item .single_item_inner .number{width:51px; height:51px; background:#F4F6F7; border:1px solid #D1D7DE; border-radius:100%; display:flex; align-items:center; justify-content:center; color: #8C9CAC; font-size: 20px; font-style: normal; font-weight: 400; line-height: 45px; aspect-ratio: 1 / 1; }

.method_inner .steps .item_inner .single_item.active .single_item_inner .number{background:#091729; border-color:#091729; color:#ffffff;}

.method_inner .steps .item_inner .single_item .single_item_inner .text{display:flex; flex-direction:column; align-items:flex-start; gap:20px;}

.method_inner .steps .item_inner .single_item:not(:last-child) .single_item_inner .text{padding-bottom:100px;}

.method_inner .steps .item_inner .single_item .single_item_inner .text h3{color: #091729; font-family: Eros; font-size: 35px; font-style: normal; font-weight: 400;
line-height: 40px;}

.method_inner .steps .item_inner .single_item .single_item_inner .text p{color: #333; font-size: 18px;font-style: normal;font-weight: 400;line-height: 28px; }

.method_inner .steps_content{width:calc(100% - 440px - 150px);}
.method_inner .steps_content .title_area{align-items:flex-start; margin-bottom:70px;}
.method_inner .steps_content .title_area p, .method_inner .steps_content .title_area h2{text-align:left;}
.method_inner .steps_content .steps_text{display: flex; flex-direction: column;  gap: 40px;  justify-content: flex-end; align-items: flex-end;}
.method_inner .steps_content .steps_text img{border-radius:10px; width:100%;}

@media all and (max-width:1399px)
{
	
}

@media all and (max-width:1199px)
{
	
}

@media all and (max-width:991px)
{
	
	.method_inner .steps .item_inner .single_item .single_item_inner { gap: 40px;}
	.method_inner .steps { width: 320px;}
	.method_inner .steps_content { width: calc(100% - 320px - 50px);}
}

@media all and (max-width:767px)
{
.method_inner { flex-direction: column;  gap: 30px;}
.method_inner .steps_content { width: 100%;}
.method_inner .steps { width: 100%;}
.method_inner .steps .item_inner .single_item .single_item_inner .text h3 {  font-size: 30px;  line-height: 36px;}	
.method_inner .steps .item_inner .single_item:not(:last-child) .single_item_inner .text { padding-bottom: 50px;}
.method_inner .steps_content .title_area {  margin-bottom: 40px;}
.method_inner .steps .item_inner .single_item .single_item_inner .text p {
    font-size: 16px; line-height: 26px;}
.method_inner .steps_content .steps_text{align-items:flex-start;}
}

@media all and (max-width:567px)
{
	
}