.about__baner{width:100%;background:var(--color-actient);padding:32px 0}.about__baner.contact__baner{margin-top:var(--padding-section);padding:0;background:var(--color-primary-linear)}.about__baner.contact__baner img{width:792px}.about__baner-body{display:flex;justify-content:space-between;width:100%;align-items:center}.about__baner-body img{width:444px;object-fit:cover}.about__baner-body-information{display:flex;flex-direction:column;gap:24px}.about__baner-body-information .soft-title,.about__baner-body-information h3{color:var(--color-white)}.about__baner-body-information p{font-size:16px;color:var(--color-white)}.about__baner-body-information p span{font-weight:600}.about__baner-body-information a{background:var(--color-primary)}@media(max-width:1440px)and (min-width:721px){.about__baner{padding:32rem 0rem}.about__baner.contact__baner img{width:792rem}.about__baner-body img{width:444rem}.about__baner-body-information{gap:24rem}.about__baner-body-information p{font-size:16rem}}@media(max-width:720px){.about__baner{padding:16rem 0rem}.about__baner.contact__baner{padding:16rem 0rem 0 0}.about__baner.contact__baner .about__baner-body{flex-direction:column;gap:16rem}.about__baner.contact__baner img{width:100%}.about__baner-body{flex-direction:column}.about__baner-body img{width:100%}.about__baner-body-information{gap:24rem}.about__baner-body-information p{font-size:16rem}}.contact{width:100%;padding:var(--padding-section)}.contact__body{display:flex;align-items:center;justify-content:space-between;width:100%}.contact__body-attr{display:flex;flex-direction:column;gap:48px}.contact__body-attr .attr-item{display:flex;flex-direction:column;gap:16px}.contact__body-attr .attr-item-title{display:flex;align-items:center;gap:16px}.contact__body-attr .attr-item-title .icon{width:32px;height:32px;border-radius:6px;background:var(--color-pale);display:flex;align-items:center;justify-content:center}.contact__body-attr .attr-item-title .icon svg{width:20px;height:20px;color:var(--color-actient)}.contact__body-attr .attr-item-title h3{color:#7a7a7a;font-size:18px}.contact__body-attr .attr-item a{color:var(--color-primary)}.contact__body-main{padding:24px 32px;border-radius:40px;border:1px solid var(--color-border);display:flex;flex-direction:column;gap:32px}.contact__body-main .contact-form{display:flex;flex-direction:column;gap:16px}.contact__body-main .contact-form .inputs{display:flex;flex-direction:column;gap:12px}.contact__body-main .contact-form .inputs .input-wrap{position:relative;padding:8px 24px 16px;border-radius:100px;background:#f8f8f8;border:1px solid var(--color-border);width:100%;display:flex;flex-direction:column;gap:8px}.contact__body-main .contact-form .inputs .input-wrap .iti{width:100%;display:block}.contact__body-main .contact-form .inputs .input-wrap .iti__selected-dial-code{font-size:14px;font-weight:500;font-family:var(--font-sans-public)}.contact__body-main .contact-form .inputs .input-wrap input{background:transparent;line-height:100%;width:100%}.contact__body-main .contact-form .inputs .input-wrap button.iti__selected-country{padding:0}.contact__body-main .contact-form .inputs .input-wrap span{background:#f8f8f8;pointer-events:none;color:var(--color-primary-textsub);font-size:10px}.contact__body-main .contact-form button{padding:16px 64px}.location{width:100%;padding:var(--padding-section)}.location__body{display:flex;flex-direction:column;gap:var(--section-gap)}.location__body iframe{width:100%;height:400px;border-radius:30px}@media(max-width:1440px)and (min-width:721px){.contact__body-attr{gap:48rem}.contact__body-attr .attr-item,.contact__body-attr .attr-item-title{gap:16rem}.contact__body-attr .attr-item-title .icon{width:32rem;height:32rem;border-radius:6rem}.contact__body-attr .attr-item-title .icon svg{width:20rem;height:20rem}.contact__body-attr .attr-item-title h3{font-size:18rem}.contact__body-main{padding:24rem 32rem;border-radius:40rem;border:1rem solid var(--color-border);gap:32rem}.contact__body-main .contact-form{gap:16rem}.contact__body-main .contact-form .inputs{gap:12rem}.contact__body-main .contact-form .inputs .input-wrap{padding:8rem 24rem 16rem;border-radius:100rem;border:1rem solid var(--color-border);gap:8rem}.contact__body-main .contact-form .inputs .input-wrap .iti{width:100%;display:block}.contact__body-main .contact-form .inputs .input-wrap .iti__selected-dial-code{font-size:14rem}.contact__body-main .contact-form .inputs .input-wrap span{font-size:10rem}.contact__body-main .contact-form button{padding:16rem 64rem}.location__body iframe{height:400rem;border-radius:30rem}}@media(max-width:720px){.contact__body{flex-direction:column;gap:24rem;align-items:flex-start}.contact__body-attr{gap:24rem}.contact__body-attr .attr-item,.contact__body-attr .attr-item-title{gap:16rem}.contact__body-attr .attr-item-title .icon{width:32rem;height:32rem;border-radius:6rem}.contact__body-attr .attr-item-title .icon svg{width:20rem;height:20rem}.contact__body-attr .attr-item-title h3{font-size:18rem}.contact__body-main{padding:24rem;border-radius:40rem;border:1rem solid var(--color-border);gap:32rem}.contact__body-main .contact-form{gap:16rem}.contact__body-main .contact-form .inputs{gap:12rem}.contact__body-main .contact-form .inputs .input-wrap{padding:8rem 24rem 16rem;border-radius:100rem;border:1rem solid var(--color-border);gap:8rem}.contact__body-main .contact-form .inputs .input-wrap .iti{width:100%;display:block}.contact__body-main .contact-form .inputs .input-wrap .iti__selected-dial-code{font-size:12rem;font-weight:600}.contact__body-main .contact-form .inputs .input-wrap span{font-size:10rem}.contact__body-main .contact-form button{padding:16rem 64rem;width:100%;max-width:none}.location__body iframe{height:400rem;border-radius:30rem}}
