.alphabet-justify-titlespace{width:100%;margin:0 auto;}
.alphabet-justify-text {display:grid;grid-template-columns: repeat(13, 1fr);grid-template-rows:1fr;justify-content:center;align-items:center;font-size:6vw;font-family: 'Lexend Giga', sans-serif;font-weight: 700;font-style:normal;color:#D70035;margin-top:3rem;text-align:center;}

.stepguide-section{width:100%;margin:0 auto 1.5rem;padding:0;}
.stepguide-section h3{display:block;width:100%;background-color:#FFEBF0;border-top:3px solid #D70035;margin:1rem auto 0;padding:15px 0;font-weight:700;}
.stepguide-section .flowstep-grid{display:grid;grid-template-columns:25% 75%;grid-template-rows:1fr;width:100%;margin:3rem auto;border-bottom: 1px solid #D70035;padding-bottom: 30px;}
.stepguide-section .flowstep-grid .flowstep-title{display:flex;flex-direction:column;justify-content:center;align-items:center;border-right:1px solid #D70035;}
.stepguide-section .flowstep-grid .flowstep-title .steptitletext{font-size:5rem;font-family: 'Lexend Giga', sans-serif;font-weight: 700;font-style:normal;text-align:center;}
.stepguide-section .flowstep-grid .flowstep-title .numberringtext{font-size:12rem;text-align:center;font-family: 'Lexend Giga', sans-serif;font-weight: 700;font-style:normal;}
.stepguide-section .flowstep-grid .flowstep-detail{display:flex;flex-direction:column;justify-content:center;align-items:start;padding-left:6rem;}
.stepguide-section .flowstep-grid .flowstep-detail h4{font-size:2rem;display:block;color:#D70035;}
.stepguide-section .flowstep-grid .flowstep-detail .timeplaceA{display:flex;width:100%;justify-content:start;align-items:center;border-top:1px solid #180614;padding-top:20px;padding-bottom:20px;min-height:120px;}
.stepguide-section .flowstep-grid .flowstep-detail .timeplaceA .place-item,
.stepguide-section .flowstep-grid .flowstep-detail .timeplaceB .place-item{font-size:21px;font-weight:700;width:20%;line-height: 1.2;}
.stepguide-section .flowstep-grid .flowstep-detail .timeplaceA .daytime-item,
.stepguide-section .flowstep-grid .flowstep-detail .timeplaceB .daytime-item{font-size:21px;font-weight:700;width:80%;}
.stepguide-section .flowstep-grid .flowstep-detail .timeplaceA .daytime-item span,
.stepguide-section .flowstep-grid .flowstep-detail .timeplaceB .daytime-item span{font-size:15px;}
.stepguide-section .flowstep-grid .flowstep-detail .timeplaceB{display:flex;width:100%;justify-content:start;align-items:center;border-top:1px solid #180614;padding-top:20px;padding-bottom:20px;min-height:120px;}
.stepguide-section .flowstep-grid .flowstep-detail p{text-align: justify; text-justify: inter-ideograph; text-justify: inter-character;border-top:1px solid #180614;padding-top:20px;width:100%;}


.downarrow-animation {display: flex;flex-direction: column;align-items: center;gap: 5px;margin:7rem auto;}
.downarrow-animation span {width: 0;height: 0;border-left: 8px solid transparent;border-right: 8px solid transparent;border-top: 10px solid #D70035;opacity: 0;animation: arrowBlink 2s infinite;}

.downarrow-animation span:nth-child(1) {animation-delay: 0s;}
.downarrow-animation span:nth-child(2) {animation-delay: 0.4s;}
.downarrow-animation span:nth-child(3) {animation-delay: 0.8s;}

@keyframes arrowBlink {
  0%, 100% { opacity: 0; }
  50% { opacity: 1; }
}

.ctabtncopy{font-size:20px;font-weight:700;text-align:center;}

@media(max-width:1050px){
	.stepguide-section .flowstep-grid .flowstep-detail .timeplaceA, .stepguide-section .flowstep-grid .flowstep-detail .timeplaceB {gap: 30px;}
	.stepguide-section .flowstep-grid .flowstep-detail .timeplaceA .daytime-item, .stepguide-section .flowstep-grid .flowstep-detail .timeplaceB .daytime-item {font-size: 17px;}
	.stepguide-section .flowstep-grid .flowstep-detail .timeplaceA .place-item, .stepguide-section .flowstep-grid .flowstep-detail .timeplaceB .place-item {font-size: 17px;}
	.stepguide-section .flowstep-grid .flowstep-detail {padding-left: 3rem;}
	
}

@media(max-width:1000px){
	.stepguide-section .flowstep-grid .flowstep-title .steptitletext {font-size: 3rem;}
	.stepguide-section .flowstep-grid .flowstep-title .numberringtext {font-size: 8rem;}
	.stepguide-section .flowstep-grid .flowstep-detail {padding-left: 4rem;}
	.stepguide-section .flowstep-grid .flowstep-detail .timeplaceA .place-item, .stepguide-section .flowstep-grid .flowstep-detail .timeplaceB .place-item {width: 30%;}
	.stepguide-section .flowstep-grid .flowstep-detail .timeplaceA .daytime-item, .stepguide-section .flowstep-grid .flowstep-detail .timeplaceB .daytime-item {width: 70%;}
	
}

@media(max-width:820px){
	.stepguide-section .flowstep-grid .flowstep-title .steptitletext {font-size: 3rem;}
	.stepguide-section .flowstep-grid .flowstep-title .numberringtext {font-size: 8rem;}
	.stepguide-section .flowstep-grid .flowstep-detail {padding-left: 3rem;}
	.stepguide-section .flowstep-grid .flowstep-detail .timeplaceA .place-item, .stepguide-section .flowstep-grid .flowstep-detail .timeplaceB .place-item {
    font-size: 16px;}
	.stepguide-section .flowstep-grid .flowstep-detail .timeplaceA .daytime-item, .stepguide-section .flowstep-grid .flowstep-detail .timeplaceB .daytime-item {
    font-size: 16px;}
}

@media(max-width:720px){
	.stepguide-section .flowstep-grid {grid-template-columns: 1fr;}
	.stepguide-section .flowstep-grid .flowstep-title {border-right: 0;}
	.stepguide-section .flowstep-grid .flowstep-title {flex-direction: row;}
	.stepguide-section .flowstep-grid .flowstep-detail {padding-left: 0;}
	.stepguide-section .flowstep-grid .flowstep-detail h4 {font-size: 1.6rem;text-align: center;}
	.stepguide-section .flowstep-grid .flowstep-detail .timeplaceA .place-item, .stepguide-section .flowstep-grid .flowstep-detail .timeplaceB .place-item {text-align: center;}
	.stepguide-section .flowstep-grid .flowstep-detail .timeplaceA .daytime-item, .stepguide-section .flowstep-grid .flowstep-detail .timeplaceB .daytime-item {text-align: center;font-size: 14px;}
	.stepguide-section .flowstep-grid .flowstep-detail .timeplaceA,
	.stepguide-section .flowstep-grid .flowstep-detail .timeplaceB{flex-direction: column;}
	.stepguide-section .flowstep-grid .flowstep-detail {align-items: center;}
	.stepguide-section .flowstep-grid .flowstep-detail .timeplaceA,
	.stepguide-section .flowstep-grid .flowstep-detail .timeplaceB {min-height: 0;}
	.stepguide-section .flowstep-grid .flowstep-detail .timeplaceA .place-item, .stepguide-section .flowstep-grid .flowstep-detail .timeplaceB .place-item {width: 100%;}
	.stepguide-section .flowstep-grid .flowstep-detail .timeplaceA .daytime-item, .stepguide-section .flowstep-grid .flowstep-detail .timeplaceB .daytime-item {width: 100%;}
}

@media(max-width:450px){
	.ctabtncopy {font-size: 16px;}
	.stepguide-section .flowstep-grid .flowstep-detail .timeplaceA .daytime-item, .stepguide-section .flowstep-grid .flowstep-detail .timeplaceB .daytime-item {font-size: 13px;}
	.stepguide-section .flowstep-grid .flowstep-detail .timeplaceA .daytime-item span, .stepguide-section .flowstep-grid .flowstep-detail .timeplaceB .daytime-item span {font-size: 13px;}
	.stepguide-section .flowstep-grid .flowstep-detail .timeplaceA .place-item, .stepguide-section .flowstep-grid .flowstep-detail .timeplaceB .place-item {margin-bottom: 1rem;}
	.stepguide-section .flowstep-grid .flowstep-detail .timeplaceA, .stepguide-section .flowstep-grid .flowstep-detail .timeplaceB {gap: 10px;}
	
}