.contact-hero {
    width: 100vw;
    height: 53px;
    
    padding:44px 0 53px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.contact-hero-title {
    
margin:0 auto;
height: 53px;
opacity: 1;
text-shadow: 0px 2px 4px  rgba(0, 0, 0, 0.25);
/** 文本1 */
font-size: 36px;
font-weight: 700;
letter-spacing: 0px;
line-height: 52.13px;
color: rgba(56, 56, 56, 1);
text-align: center;
vertical-align: top;

}

.contact-login-section {
  
}

.contact-login-container {
    max-width: 1200px;
    margin: 0 auto 80px;

    display: flex;
    gap: 20px;
}

.contact-info-left {
  width: 650px;
height: 680px;
opacity: 1;
padding:24px 37px 63px 33px ;
border-radius: 30px;
background: rgba(8, 8, 8, 1);

  border: 1px solid rgba(56, 56, 56, 1);
}

.contact-label {
margin-bottom:34px;
height: 29px;
opacity: 1;
text-shadow: 0px 2px 4px  rgba(0, 0, 0, 0.25);
/** 文本1 */
font-size: 20px;
font-weight: 700;
letter-spacing: 0px;
line-height: 28.96px;
color: rgba(214, 18, 32, 1);
text-align: left;
vertical-align: top;

}

.contact-office {
  
height: 53px;
opacity: 1;
text-shadow: 0px 2px 4px  rgba(0, 0, 0, 0.25);
/** 文本1 */
font-size: 36px;
font-weight: 700;
letter-spacing: 0px;
line-height: 52.13px;
color: rgba(255, 255, 255, 1);
text-align: left;
vertical-align: top;
margin-bottom:16px;
}

.contact-address {
    
height: 79px;
opacity: 1;
text-shadow: 0px 2px 4px  rgba(0, 0, 0, 0.25);
/** 文本1 */
font-size: 18px;
font-weight: 500;
letter-spacing: 0px;
line-height: 26.06px;
color: rgba(166, 166, 166, 1);
text-align: justify;
vertical-align: top;
margin-bottom:43px;
}

.contact-description {
  margin-bottom:65px;
height: 70px;
opacity: 1;
text-shadow: 0px 2px 4px  rgba(0, 0, 0, 0.25);
/** 文本1 */
font-size: 16px;
font-weight: 400;
letter-spacing: 0px;
line-height: 23.17px;
color: rgba(56, 56, 56, 1);
text-align: justify;
vertical-align: top;

}

.contact-methods {
    display: flex;
    gap: 20px;
    margin-bottom: 50px;
}

.method-item {
  left: 153px;
  justify-content:center;
  display:flex;
flex-direction:column;
padding-left:24px;
width: 280px;
height: 100px;
opacity: 1;
border-radius: 20px;
background: rgba(8, 8, 8, 1);

  border: 1px solid rgba(56, 56, 56, 1);
  

}

.method-item h4 {
  margin-bottom:11px;
height: 29px;
opacity: 1;
text-shadow: 0px 2px 4px  rgba(0, 0, 0, 0.25);
/** 文本1 */
font-size: 20px;
font-weight: 700;
letter-spacing: 0px;
line-height: 28.96px;
color: rgba(255, 255, 255, 1);
text-align: left;
vertical-align: top;

}

.method-item p {
  
height: 24px;
opacity: 1;
text-shadow: 0px 2px 4px  rgba(0, 0, 0, 0.25);
/** 文本1 */
font-size: 16px;
font-weight: 400;
letter-spacing: 0px;
line-height: 23.17px;
color: rgba(128, 128, 128, 1);
text-align: justify;
vertical-align: top;

}

.checkout-btn {
   display:flex;
   justify-content:center;
   align-items:center;

width: 280px;
height: 55px;
opacity: 1;
border-radius: 100px;
background: rgba(214, 18, 32, 1);
font-size: 20px;
font-weight: 700;
letter-spacing: 0px;
line-height: 28.96px;
color: rgba(255, 255, 255, 1);
text-align: center;
vertical-align: top;
cursor:pointer;
    transition: all 0.3s;
	gap:10px;
}
.checkout-btn span{
	width:22px;
	height:22px;
	border-radius:50%;
	text-align:center;
	line-height:22px;
}
.checkout-btn:hover {
    background-color: #c41e3a;
}

.login-info-right {
   
width: 530px;
height: 680px;
opacity: 1;
border-radius: 30px;
background: rgba(8, 8, 8, 1);

  border: 1px solid rgba(56, 56, 56, 1);
  display:flex;
  padding:24px 33px 216px 38px;
  flex-direction:column;
justify-content:space-between;
}

.login-label {
   
height: 29px;
opacity: 1;
text-shadow: 0px 2px 4px  rgba(0, 0, 0, 0.25);
/** 文本1 */
font-size: 20px;
font-weight: 700;
letter-spacing: 0px;
line-height: 28.96px;
color: rgba(214, 18, 32, 1);
text-align: left;
vertical-align: top;

}

.login-description {
   
height: 95px;
opacity: 1;
text-shadow: 0px 2px 4px  rgba(0, 0, 0, 0.25);
/** 文本1 */
font-size: 16px;
font-weight: 400;
letter-spacing: 0px;
line-height: 23.17px;
color: rgba(56, 56, 56, 1);
text-align: justify;
vertical-align: top;

}

.login-form {
    display: flex;
    flex-direction: column;
    gap: 57px;
}

.login-input {
   padding-left:36px;
width: 450px;
height: 49px;
opacity: 1;
border-radius: 100px;
background: rgba(255, 255, 255, 0.3);
font-size: 20px;
font-weight: 400;
letter-spacing: 0px;
line-height: 28.96px;
color: rgba(229, 229, 229, 1);
text-align: left;
vertical-align: top;
}

.login-input::placeholder {
    color: #999;
}

.signin-btn {
    
width: 225px;
height: 49px;
opacity: 1;
border-radius: 100px;
background: rgba(214, 18, 32, 1);

opacity: 1;
text-shadow: 0px 2px 4px  rgba(0, 0, 0, 0.25);
/** 文本1 */
font-size: 20px;
font-weight: 700;
letter-spacing: 0px;

color: rgba(229, 229, 229, 1);
text-align: center;
vertical-align: top;

    cursor: pointer;
    transition: all 0.3s;
}

.signin-btn:hover {
    background-color: #c41e3a;
}