.contact__container{width:100%;max-width:80rem;margin:auto;padding:3rem 0 6rem}.contact__hero{padding:2rem 0}.contact__hero .hero__content{flex-flow:column;justify-content:center;align-items:center;gap:1rem;width:100%;height:fit-content;display:flex}.contact__hero .hero__content .section-title{font-size:5.5rem}.contact__hero .hero__content .section-subtitle{font-size:1.75rem}.contact__content{flex-direction:column;gap:5rem;width:100%;display:flex}.content_wrapper{flex-flow:row;place-content:flex-start space-between;gap:1rem;display:flex}.content_wrapper:last-of-type{margin-top:-10%}#block-3{order:4}#block-4{order:3;margin-top:auto}.content__block{break-inside:avoid;width:100%;max-width:600px;height:fit-content}.content__block--image{aspect-ratio:2/3;width:100%;max-width:600px;height:auto;position:relative;overflow:hidden}.content__block--image img{object-fit:cover;object-position:bottom center;transition:transform .6s}.content__block--image:hover img{transform:scale(1.1)}.content__block--contactForm,.content__block--contactDetails{background-color:#fff;border:1px solid #e0e0e0;border-radius:1.75rem;padding:2rem}.content__block .section-title{text-align:left;font-size:1.75rem}.content__block .section-subtitle{text-align:left;text-transform:none;color:#000;font-size:1.25rem}.content__block .check__mark{text-align:center;border:1px solid #0000001a;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:auto auto .75rem;font-size:3rem;display:flex;box-shadow:2px 4px 8px #00000040}.content__block--contactDetails .contact__list{flex-flow:column;gap:1.5rem;display:flex}.content__block--contactDetails .contact__item{cursor:pointer;background-color:#fafafa;border:1px solid #0000001a;border-radius:1.25rem;flex-flow:row;gap:1rem;width:100%;padding:.5rem 1rem;transition:transform .15s ease-in-out;display:flex;box-shadow:4px 8px 8px #00000040}.content__block--contactDetails .contact__item:hover{color:#303030;background-color:#f3f3f3;border:1px solid #ffffffbf;transform:scale(1.05)}.content__block--contactDetails .contact__icon{color:#fff;background-color:#000;border-radius:99rem;width:3rem;height:3rem;padding:.5rem;font-size:1rem;display:flex}.contact__value{color:#313131;justify-content:center;align-items:center;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:1.1rem;font-weight:500;display:flex}.contact__item-wrapper{position:relative}.contact__tooltip{z-index:10;background:#fff;border:1px solid #ccc;border-radius:.5rem;margin-top:.5rem;display:flex;position:absolute;top:90%;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 8px 24px #0000001f}.tooltip__btn{cursor:pointer;background:#f8f8f8;padding:.875rem 1.75rem;font-size:.85rem}.tooltip__btn--primary{color:#fff;background:#303030;border-color:#000}.content__block--contactForm{padding:2rem}.content__block--contactForm .contact__form{flex-flow:wrap;flex-grow:1;gap:.5rem 2rem;display:flex}.contact__form--field{background-color:#f9f9f9;border:1px solid #0000001a;border-radius:1.25rem;flex-grow:1;max-width:100%;margin-bottom:1rem;padding:1rem 2rem;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;box-shadow:4px 8px 8px #00000040}.contact__form--field#fullname{text-transform:capitalize}.contact__form--field#fullname,.contact__form textarea,.contact__form--field#fileInput{width:100%}.contact__form--field#fileInput{cursor:pointer}.contact__form .submit-btn{cursor:pointer;text-align:center;color:#fff;background-color:#424242;flex-grow:1;font-weight:700;transition:transform .25s ease-in-out}.contact__form p{text-align:center;width:100%}.contact__form .contact__book-cta{cursor:pointer;text-align:center;background-color:#eee;flex-grow:1;margin:auto;padding:.75rem;font-weight:700;transition:transform .25s ease-in-out}.contact__form .submit-btn:hover,.contact__form .contact__book-cta:hover{transform:scale(1.05)}@media (max-width:1024px){.content_wrapper{padding:0 1rem clamp(0%,1024px - 100vw,50%);position:relative}.content_wrapper:last-of-type{margin-top:unset}.content_wrapper .content__block--image{z-index:1;width:40rem;max-width:100%}.content__block--contactForm,.content__block--contactDetails{z-index:2;-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);background-color:#ffffffb3;max-width:35rem;position:absolute;bottom:0;right:1rem}.content__block .section-subtitle{font-size:1.2rem}.contact__form--field{margin-bottom:.75rem;padding:.75rem 1.5rem}.contact__form .submit-btn{padding:1rem 2rem}}@media (max-width:768px){.contact__container{margin:2rem auto 5rem}.contact__hero{padding:1.5rem 0}.contact__hero .hero__content .section-title{font-size:4.5rem}.contact__hero .hero__content .section-subtitle{font-size:1.25rem}.contact__content{gap:5rem}.content_wrapper{box-sizing:border-box;flex-direction:column;gap:0;padding:0 1rem;position:relative}.content_wrapper .content__block--image{width:100%;max-width:35rem;margin:auto}.content__block{margin-bottom:0}.content__block--contactForm,.content__block--contactDetails{right:unset;width:100%;max-width:unset;-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);background-color:#ffffffb3;margin-top:-40%;position:relative}.contact__form--field{margin-bottom:.75rem;padding:.75rem 1.25rem}#block-3{order:3}#block-4{order:4;margin-top:-50%}.tooltip__btn{padding:.75rem 1.5rem;font-size:.85rem}}@media (max-width:640px){.content__block--contactForm,.content__block--contactDetails{border-radius:1.25rem;padding:1.5rem 1rem}.content__block--contactDetails .contact__list{gap:1rem}.content__block--contactDetails .contact__item{border-radius:1.25rem;gap:.5rem;padding:.5rem}.content__block--contactDetails .contact__item .contact__icon{color:#fff;background-color:#000;border-radius:99rem;width:2.5rem;height:2.5rem;padding:.5rem;display:flex}.content__block .section-subtitle{font-size:1.1rem}.contact__value{color:#313131;justify-content:center;align-items:center;font-size:1rem;font-weight:500;display:flex}}@media (max-width:480px){.tooltip__btn{padding:.5rem 1.5rem;font-size:.85rem}.content_wrapper{padding:0 .5rem}.content__block--contactForm,.content__block--contactDetails{border-radius:1rem;padding:1.5rem .5rem}.content__block .section-subtitle{font-size:1rem}.contact__value{font-size:.875rem;font-weight:500;display:flex}}@media (max-width:390px){.contact__form--field{border-radius:1.25rem;margin-bottom:.5rem;padding:.875rem .675rem;font-size:.875rem}.contact__value{font-size:.75rem;font-weight:500;display:flex}}
