.hero {padding: 8.5rem 2rem 3rem 2rem;}.hero > .container {height: 34vh;background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.4)), url('../../images/hero.jpg');background-repeat: no-repeat;background-position: center center;background-size: cover;border-radius: .3rem;-webkit-border-radius: .3rem;-moz-border-radius: .3rem;-ms-border-radius: .3rem;-o-border-radius: .3rem;position: relative;}.hero .title {position: absolute;background-color: var(--primary);width: fit-content;font-weight: 600;bottom: 0;color: var(--white);padding: .5rem 1rem;border-top-right-radius: .3rem;border-bottom-left-radius: .3rem;}@media screen and (max-width: 768px) {.hero {padding: 8.5rem 0 3rem 0;}.hero .title {border-bottom-left-radius: 0;}.hero > .container {border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0;-ms-border-radius: 0;-o-border-radius: 0;}}.about-main {padding: 2rem 1rem;}.about-main .header {padding: 0 2rem;margin: 0 auto;padding-bottom: 3rem;}.about-main .header .title {max-width: 800px;font-size: 2rem;font-weight: 400;color: var(--primary);text-transform: uppercase;margin-bottom: 0.2rem;}.about-main .header span {font-size: 1.2rem;color: var(--primary);}.about-main .header .description {margin-top: 1rem;font-size: 1.35rem;color: var(--text-main);opacity: .8;max-width: 800px;}.about-main .cards > .container {display: grid;grid-template-columns: repeat(3, 1fr);gap: 3rem;}@media screen and (max-width: 768px) {.about-main .header .title {font-size: 1.6rem;}.about-main .cards .container {flex-wrap: wrap;}.about-main {padding: 12rem 1rem 3rem 1rem;}}.about-main .cards {padding: 3rem 0;}.card {display: flex;flex-direction: column;align-items: center;justify-content: center;flex: 1;background-color: var(--primary);box-shadow: 4px 8px 16px rgba(231,231,231);border: 2px solid var(--primary);padding: 2rem 1.5rem;text-align: center;border-radius: .3rem;-webkit-border-radius: .3rem;-moz-border-radius: .3rem;-ms-border-radius: .3rem;-o-border-radius: .3rem;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;}.card:hover {background-color: white;box-shadow: 8px 16px 32px rgba(231,231,231);}.card i {font-size: 2rem;margin-bottom: 1rem;color: white;opacity: .8;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;}.card .text {color: white;font-size: 1.25rem;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;}.card:hover i, .card:hover .text {color: var(--primary);}.card:hover i {opacity: .8;}@media screen and (max-width: 640px) {.about-main .header .title {font-size: 1.4rem;}.card i {font-size: 1.8rem;}.about-main .cards .container {display: grid;grid-template-columns: 1fr;gap: 1rem;}.card .text {font-size: 1.1rem;}}.about-main .about-us {padding: 3rem 1rem;}.about-main .about-us > .container {padding: 5rem 2rem;background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.4)), url('../../images/needle-embroidery.jpg');background-repeat: no-repeat;background-position: center center;background-size: cover;border-radius: .3rem;-webkit-border-radius: .3rem;-moz-border-radius: .3rem;-ms-border-radius: .3rem;-o-border-radius: .3rem;}.about-main .about-us .container .header {color: var(--white);text-align: left;margin-left: 0;padding-left: 0;}.about-main .about-us .header .heading {font-size: 2rem;font-weight: 700;}.about-main .about-us .header .subheading {font-size: 1.3rem;opacity: .8;font-weight: 600;}.about-main .about-container {display: grid;grid-template-columns: repeat(2, 1fr);gap: 3rem;}.about-main .about-us .content {background-color: var(--white);padding: 2rem 1rem;border-radius: .3rem;-webkit-border-radius: .3rem;-moz-border-radius: .3rem;-ms-border-radius: .3rem;-o-border-radius: .3rem;}.about-main .content .title {font-size: 1.4rem;font-weight: 600;color: var(--text-main);margin-bottom: 1rem;opacity: .9;}.about-main .content .description {font-size: 1.25rem;color: var(--text-main);opacity: .8;}@media screen and (max-width: 1000px) {.about-main .about-us .about-container {grid-template-columns: 1fr;}}@media screen and (max-width: 768px) {.about-main .about-us {padding: 3rem 0;}.about-main {padding: 2rem 0;}.about-main > .header {text-align: left;}.about-main .about-us .header .heading {font-size: 1.8rem;font-weight: 600;}.about-main .about-us .header .subheading {font-size: 1.25rem;font-weight: 500;}.about-main .about-us .container {border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0;-ms-border-radius: 0;-o-border-radius: 0;}}