.contact-details-container{margin-top:100px}.contact-details-wrapper{display:flex;gap:40px}.contact-details-card{width:calc(33% - 20px);padding:45px 30px;display:flex;justify-content:flex-start;align-items:center;flex-direction:column}.contact-details-card:first-child{background-color:rgba(120,153,212,1)}.contact-details-card:nth-child(2n){background-color:rgba(86,113,162,1)}.contact-details-card:last-child{background-color:rgba(64,84,119,1)}.contact-details-card h2{font-family:var(--primary-font);color:white;font-size:32px;margin-bottom:14px!important;margin-top:20px}.contact-details-card a{text-decoration:none}.contact-details-card p{font-family:var(--secondary-font);color:white;font-size:16px;font-weight:300;text-align:center}.contact-map-container{margin-top:140px}.contact-design-container{position:relative}.contact-design-container .contact-design-left1{position:absolute;top:-200px;left:0;z-index:-1;width:300px}.contact-design-container .contact-design-left2{position:absolute;bottom:0;left:0;width:200px;z-index:-1}.contact-design-container .contact-design-right1{position:absolute;top:0;right:0;width:200px;z-index:-1}.contact-design-container .contact-design-right2{position:absolute;bottom:-200px;right:0;width:300px;z-index:-1}.contact-details-card a.chat{text-decoration:underline;color:white}@media screen and (max-width:600px){.contact-details-container{margin-top:50px}.contact-map-container{margin-top:70px}}@media screen and (max-width:768px){.contact-details-wrapper{display:flex;gap:26px;overflow-x:auto}.contact-details-card{min-width:350px;padding:45px 30px}}@media screen and (max-width:500px){.contact-details-wrapper{display:flex;gap:26px;overflow-x:none;flex-wrap:wrap}.contact-details-card{width:100%;min-width:100%;padding:45px 30px}}.page-hero-section-container{position:relative;min-height:300px}.page-hero-section-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:black;opacity:.2}.page-hero-banner{width:100%}.page-hero-wrapper{position:absolute;bottom:30%;left:50%;transform:translateX(-50%)}.page-hero-wrapper h1{color:white}@media screen and (max-width:1000px){.page-hero-banner{width:100%;min-height:300px;object-fit:cover}}