.breadcrumb_sec {margin-block: 40px;}
/* contact hero */
.hero_bannerRe {background-image: url("../images/banner/contact_bg.webp");background-repeat: no-repeat;}
.hero_bannerRe .wrapper {height: 681px;display: flex;align-items: center;}
.hero_bannerRe .wrapper > h1 {font-weight: 700;color: #282828;font-size: 64px;}
.hero_bannerRe .wrapper > h1 span {color: #24C66D;font-size: 80px;}
/* contact main */
.contact_us .title {text-align: center;margin-bottom: 60px;}
.contact_us .title > h2 {font-weight: 600;font-size: 36px;color: #282828;margin-bottom: 12px;}
.contact_us .title > p {color: #282828;font-size: 18px;}
.contact_us .wrapper {display: grid;grid-template-columns: repeat(2,1fr);column-gap: 23px;}
.contact_us .wrapper h3 {font-size: 36px;color: #282828;font-weight: 600;margin-bottom: 18px;}
.contact_us .wrapper p {color: #282828;font-size: 18px;}
.contact_us .wrapper > :nth-child(1) > h3 {margin-top: 23px;}
.contact_us .wrapper > :nth-child(1) > ul {margin-block: 50px 25px;display: grid;grid-template-columns: repeat(2,1fr);column-gap: 23px;row-gap: 30px;position: relative;padding-bottom: 80px;}
.contact_us .wrapper > :nth-child(1) > ul::after {position: absolute;content: "";background-color: #000;width: 100%;max-width: 547px;height: 1px;bottom: 0;left: 0;}
.contact_us .wrapper > :nth-child(1) > ul :not(:nth-child(-n+2)) {grid-column: 1 / -1;}
.contact_us .wrapper > :nth-child(1) > ul > li {display: flex;gap: 19px;align-items: center;}
.contact_us .wrapper > :nth-child(1) > ul > li > img {width: 54px;height: 55px;object-fit: contain;}
.contact_us .wrapper > :nth-child(1) > ul li > div b {font-weight: 600;color: #282828;font-size: 24px;}
.contact_us .wrapper > :nth-child(1) > ul li > div span {color: #5A575E;font-size: 18px;}
.contact_us .wrapper > :nth-child(1) > div {display: flex;align-items: center;}
.contact_us .wrapper > :nth-child(1) > div > p {color: #282828;font-weight: 600;font-size: 18px;margin-right: 11px;}
.contact_us .wrapper > :nth-child(1) > div > ul {display: flex;align-items: center;gap: 5px;}
.contact_us .wrapper > :nth-child(2) > h3 {margin-bottom: 9px;}
.contact_us .wrapper > :nth-child(2) {box-shadow: 0px 0px 15px 10px rgba(0, 0, 0, 0.05);border-radius: 20px;padding: 29px 36px 26px 36px;}
.contact_us .wrapper > :nth-child(2) > form {display: grid;grid-template-columns: repeat(2,1fr);column-gap: 11px;margin-top: 30px;}
.contact_us .wrapper > :nth-child(2) > form > :nth-child(4) {grid-column: 1 / -1;}
.contact_us .wrapper > :nth-child(2) > form > :nth-child(5) {grid-column: 1 / -1;}
.contact_us .wrapper > :nth-child(2) > form > :nth-child(6) {grid-column: 1 / -1;}
/* form styling */
.contact_us .wrapper > :nth-child(2) > form label {color: #282828;font-weight: 500;line-height: 30px;margin-bottom: 2px;}
.contact_us .wrapper > :nth-child(2) > form input {border: 0.5px solid #D9D9D9;color: #757575;font-size: 16px;font-weight: 500;padding-inline: 15px;border-radius: 5px;height: 50px;line-height: 50px;margin-bottom: 18px;}
.contact_us .wrapper > :nth-child(2) > form textarea {border: 0.5px solid #D9D9D9;color: #757575;padding: 8px 15px 8px 15px;font-weight: 500;border-radius: 5px;height: 214px;font-size: 16px;margin-bottom: 24px;}
.contact_us .wrapper > :nth-child(2) > form button {background-color: #24C66D;border: 1px solid #F2F2F2;border-radius: 5px;line-height: 50px;height: 50px;text-align: center;color: #fff;font-weight: 600;}

/* contact iframe */
.contact_iframe {margin-block: 100px 100px;}
.contact_iframe iframe {width: 100%;max-width: 1920px;}

@media only screen and (max-width:1200px) {
    /* contact main */
    .contact_us .title {margin-bottom: 20px;}
    .contact_us .title > h2 {font-size: 30px;}
    .contact_us .title > p {font-size: 16px;}
    .contact_us .wrapper > :nth-child(1) > ul {grid-template-columns: repeat(1,1fr);margin-block:35px 25px;}
    .contact_us .wrapper {grid-template-columns: repeat(1,1fr);gap: 30px;}
    .contact_us .wrapper h3 {font-size: 30px;}
    .contact_us .wrapper p {font-size: 16px;}
}
@media only screen and (max-width:991px) {
    /* contact hero */
    .hero_bannerRe .wrapper {height: 550px;}
    .hero_bannerRe .wrapper > h1 {font-size: 50px;}
    .hero_bannerRe .wrapper > h1 span {font-size: 65px;}
    /* contact main */
    .contact_us .title > h2 {font-size: 26px;}
    .contact_us .wrapper > :nth-child(1) > ul {grid-template-columns: repeat(2,1fr);row-gap: 20px;padding-bottom: 60px;}
    .contact_us .wrapper > :nth-child(1) > ul li > div b {font-size: 22px;}
    .contact_us .wrapper > :nth-child(1) > ul li > div span {font-size: 16px;}
}
@media only screen and (max-width:575px) {
    /* contact hero */
    .hero_bannerRe .wrapper > h1 {font-size: 40px;}
    .hero_bannerRe .wrapper > h1 span {font-size: 50px;}
    .hero_bannerRe .wrapper {height: 450px;}
    /* contact main */
    .contact_us .wrapper h3 {font-size: 26px;}
    .contact_us .wrapper > :nth-child(1) > ul li > div b {font-size: 20px;}
    .contact_us .wrapper > :nth-child(1) > ul {grid-template-columns: 1fr;}
    .contact_us .wrapper > :nth-child(1) > ul > * {grid-area: unset !important;}
}