html { font-size: calc(10px + (16 - 10)*((100vw - 1200px)/(1920 - 1200)));scroll-behavior: smooth; }
@font-face {
font-family: 'Nohemi';
src: url('../fonts/Nohemi-Regular.ttf') format('truetype');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Nohemi';
src: url('../fonts/Nohemi-SemiBold.ttf') format('truetype');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'Nohemi';
src: url('../fonts/Nohemi-Medium.ttf') format('truetype');
font-weight: 500;
font-style: normal;
}
section {clear: both;}
body b, strong {font-weight: 600;}
body .mainwrap {display: block;max-width: 100%;}
body .header.sticky {position: fixed;top: 0;left: 0;width: 100%;z-index: 9999;background: #fff;transition: all 0.3s ease-in-out;}
body .header.sticky {box-shadow: 0 8px 30px rgba(0,0,0,0.15);}
body .wrapper {display: block;width: 100%;max-width: 85%;}
body .header .logo img {width: 9rem;}
body .header .headerNavigation ul li a.activemenu {pointer-events: auto;}
body .logo a {display: flex;}
body .header .wrapper {height: 5.8rem;}
body .header .headerNavigation .headerSearch {margin-left: 20px;color: #000;}
body .header .headerNavigation ul li a {cursor: pointer;text-decoration: none;transition: all .4s ease-in;font-family: 'Nohemi';font-weight: 400;font-size: 1.25rem;line-height: normal;color: #000 !important;text-transform: uppercase;letter-spacing: 1.4px;}
.header .headerNavigation ul li a:hover{color: blue !important;}
body .header .headerNavigation ul li {margin: 0;margin-left: 20px;}
body .hometext {text-align: center;padding-top: 8rem;padding-bottom: 6.5rem;}
.hometext p span.blue-txt {font-size: 3.6rem;line-height: normal;text-align: center;color: #0047F9;font-family: 'Nohemi';font-weight: 600;font-style: normal;}
.hometext p span.bold-txt {font-weight: 500;color: #000;}
body .aboutwrap {padding: 4.7rem 0 6rem 0;}
.hometext .wrapper p {font-size: 3.6rem;line-height: 1;text-align: center;font-family: 'Nohemi';font-weight: 400;font-style: normal;padding: 0;}
.hometext .wrapper p span {text-decoration: none;}
#page_home,.header .headerNavigation .headerSearch { display: none;}
.read-btn {font-family: "Inter", sans-serif;font-style: normal;font-weight: 400;font-size: 1.475rem;text-align: center;color: #FFF;background: #0047F9;border-radius: 50px;padding: 8px 32px;line-height: normal;text-decoration: none;display: inline-block;margin-top: 2.5rem;width: fit-content;transition: 0.4s linear;}
.read-btn:hover {background: #000;transition: 0.4s linear;}
.recent-work {padding: 2.2rem 0;width: 100%;}
.section-title {font-size: 2.5rem;font-weight: 400;margin-bottom: 2.3rem;text-transform: uppercase;font-family: 'Nohemi';color: #000;}
.work-grid {display: grid;grid-template-columns: repeat(3, 1fr);grid-row-gap: 3.8rem;grid-column-gap: 1.1rem;}
.work-grid article {cursor: pointer;position: relative;}
.work-grid img {width: 100%;height: auto;object-fit: cover;display: block;}
.work-grid h3 {margin-top: 12px;font-size: 14px;font-weight: 500;}
.work-grid h3 a {font-size: 1.475rem;font-weight: 400;margin-bottom: 2.3rem;text-transform: capitalize;font-family: 'Nohemi';color: #000;line-height: normal;text-decoration: none;}
.work-grid h3 a:hover {text-decoration: underline;}
.services { padding-bottom: 4rem; padding-top: 9rem;}
.services-label {margin-bottom: 3.4rem;font-weight: 400;font-size: 2.3rem;line-height: normal;text-transform: uppercase;color: #000000;font-family: 'Nohemi';}
.accordion-item {border-bottom: 1px solid #0047ff;padding: 20px 0;}
.accordion-header {display: flex;justify-content: space-between;align-items: center;cursor: pointer;position: relative;top: 4px;}
.accordion-header h2 {font-weight: 400;font-size: 3rem;line-height: normal;text-align: center;color: #0047F9;font-family: 'Nohemi';}
.icon {font-size: 5rem;color: #0047ff;line-height: 1;font-weight: 100;}
.accordion-content {max-height: 0;overflow: hidden;transition: max-height 0.4s ease;width: 60.7%;}
.accordion-content p {margin-top: 1.7rem;font-weight: 400;font-size: 1.575rem;line-height: 1.5;text-transform: initial;color: #000000;font-family: "Onest",sans-serif;margin-bottom: 2.8rem;}
.accordion-item.active .accordion-content {max-height: 200px;width: 60.7%;}
.work-grid article div,.team-card div {overflow: hidden;transform: scale(1);}
.work-grid article div img,.team-card div img {transition: 0.4s ease-in-out;}
.work-grid article div:hover .lazy {transform: scale(1.04);transition: 0.4s ease-in-out;}
.team-card div:hover img {transform: scale(1.1);transition: 0.4s ease-in-out;}
.team-card div {overflow: hidden;width: 100%;display: flex;}
.team-card:last-of-type div {position: relative;}
/*.team-card:last-of-type div::before {content: "";background-color: #fff;position: absolute;width: 100%;height: 100%;z-index: 1;}*/
.work-grid article:nth-child(3)::after {content: "";background: url(../images/home/award1.png)no-repeat;background-position: center;background-size: contain;position: absolute;top: 0;right: 15px;width: 50px;height: 60px;}
.work-grid article:nth-child(5)::after {content: "";background: url(../images/home/award2.png)no-repeat;background-position: center;background-size: contain;position: absolute;top: 0px;right: 15px;width: 50px;height: 60px;}
.article-txt {font-family: "Onest",sans-serif;font-style: normal;font-weight: 400;font-size: 13px;line-height: 18px;color: #313131;padding-right: 20px;margin-top: 13px;}
/* about us page */
body .aboutwrap .abouttext .wrapper {max-width: 75.7%;}
body .aboutwrap .abouttext p {font-family: "Onest",sans-serif;font-style: normal;font-weight: 400;font-size: 2.5rem;line-height: 1.36;text-align: center;color: #000000;opacity: 0.9;}
.aboutwrap .abouttext p span {color: #0047f9;}
.who-we-are {padding-bottom: 5.5rem;background: #ffffff;display: inline-block;width: 100%;}
.who-we-are p {font-family: "Onest",sans-serif;font-style: normal;font-weight: 600;font-size: 2.825rem;line-height: normal;color: #000000;}
.team-section {display: inline-block;width: 100%;padding-top: 5.3rem;background-color: #0047F9;padding-bottom: 4.9rem;}
.team-header h2 {font-family: 'Nohemi';font-style: normal;font-weight: 400;font-size: 4.125rem;line-height: normal;color: #FFFFFF;margin-bottom: 1.1rem;}
.team-header p {font-family: "Onest",sans-serif;font-style: normal;font-weight: 400;font-size: 2.2rem;line-height: 1.1;color: #FFF;margin-bottom: 3.8rem;margin-top: 1.4rem;max-width: 45%;}
.team-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 3rem 1.5rem;}
.team-card img {width: 100%;height: auto;transform: scale(1.01);}
.team-card h3 {font-family: 'Nohemi';font-style: normal;font-weight: 400;font-size: 2.2rem;line-height: normal;color: #FFF;padding-top: 1.1rem;padding-bottom: 0.7rem;}
.team-card span {font-family: "Onest",sans-serif;font-style: normal;font-weight: 400;font-size: 1.738rem;line-height: normal;color: #FFFFFF;}
.founder-section {background-color: #EEEDED;}
.founder-section.aboutwrap {padding: 6.4rem 0;}
.founder-section .aboutwrap .aboutportfolio {padding: 0;}
body .aboutwrap .aboutportfolio .ap_left img {width: 100%;height: 38rem;object-fit: cover;object-position: top;}
.founder-title,.brand-section.aboutwrap .aboutbrand h2,.culture-title,.who-we-are h2 {font-family: 'Nohemi';font-style: normal;font-weight: 400;font-size: 4.125rem;line-height: normal;color: #0047F9;margin-bottom: 1.6rem;}
.founder-section.aboutwrap .aboutportfolio .ap_right h3 {font-family: "Onest",sans-serif;font-style: normal;font-weight: 500;font-size: 1.75rem;line-height: normal;color: #000000;margin-bottom: 1.3rem;margin-top: 0;}
.founder-section.aboutwrap .aboutportfolio .ap_left {width: 33.3%;float: left;padding-right: 2rem;}
.founder-section.aboutwrap .aboutportfolio .ap_right {padding-right: 7rem;float: left;width: 66.7%;}
.founder-section.aboutwrap .aboutportfolio {display: block;margin-top: 1.4rem;}
.founder-section.aboutwrap .aboutportfolio .ap_right p {margin-bottom: 1.7rem;font-family: "Onest",sans-serif;font-style: normal;font-weight: 400;font-size: 1.5rem;line-height: 1.4;color: #000000;letter-spacing: normal;}
body .brand-section.aboutwrap,.founder-section.aboutwrap .aboutportfolio {padding: 0;}
.brand-section.aboutwrap .aboutbrand {padding: 4.3rem 0;border-top: 0;}
.brand-section.aboutwrap .aboutbrand ul {grid-template-columns: repeat(7, 1fr);align-items: center;padding-top: 3rem;grid-row-gap: 3rem;}
.brand-section.aboutwrap .aboutbrand ul li img {width: auto;max-width: 100%;}
.culture-section {padding-top: 4.4rem;}
.culture-content p {font-family:"Onest",sans-serif;font-style: normal;font-weight: 400;font-size: 2.2rem;line-height: 1.16;color: #000;max-width: 53%;padding-bottom: 4.4rem;}
.culture-section div img {width: 100%;height: 600px;object-fit: cover;object-position: center;}
/* contact page */
.contact-section {padding-top: 10px;display: inline-block;width: 100%;padding-bottom: 4rem;}
.contact-wrapper {display: flex;gap: 29px;max-width: 85%;margin: auto;align-items: end;}
.contact-form {background: #0a46ff;padding: 3rem;width: 50%;color: #fff;padding-top: 4.3rem;}
.contact-form h2 {font-family: 'Nohemi';font-style: normal;font-weight: 400;font-size: 3.125rem;line-height: normal;text-align: left;color: #FFFFFF;margin-bottom: 2.6rem;}
/*.form-row {display: flex;gap: 10px;}
.form-group {width: 100%;margin-bottom: 1.8rem;}
.form-group label {margin-bottom: 6px;font-family: 'Nohemi';font-style: normal;font-weight: 400;font-size: 1.625rem;line-height: normal;text-align: center;color: #FFFFFF;padding-bottom: 10px;display: inline-block;width: fit-content;}
.form-group input, .form-group textarea {width: 100%;padding: 1.5rem;border: none;outline: none;}
.form-group textarea {height: 120px;resize: none;}*/
.contact-section .fcError {display: none;width: 100%;float: left;margin: .5rem 0 0 0;font-size: .8rem;color: #db0303;line-height: 1;}
.contact-section .contactField.cfLeft {width: 48.6%;}
.contact-section .contactField p {margin-bottom: 0;font-size: 1.525rem;padding-bottom: 7px;font-family: "Onest",sans-serif;}
body small {font-size: 100%;}
.contact-section .contactField .fcInput {width: 100%;float: left;background: #fff;margin: 0;padding: 1.2rem 1rem;font-size: 1rem;color: #000;}
.contact-section .contactField.cfRight {width: 48.6%;float: right;}
.contact-section .contactField {width: 100%;float: left;margin: 0 0 1.7rem 0;}
.contact-section .fctextarea {width: 100%;height: 10rem;float: left;background: #fff;margin: 0;padding: 1rem 1rem;font-size: 1rem;color: #000;resize: none;}
.contact-form .submit-btn {background: #fff;color: #0a46ff;border: none;cursor: pointer;font-family: "Onest",sans-serif;font-style: normal;font-weight: 400;font-size: 1.625rem;line-height: normal;text-align: center;width: fit-content;padding: 0.8rem 2rem;display: inline-block;vertical-align: middle;transition: 0.4s ease;}
.contact-form .submit-btn:hover {background: black;color: #fff;transition: 0.4s ease;}
.contact-info p.mail {padding-bottom: 3rem;padding-top: 1.5rem;}
.contact-info {width: 50%;}
.contact-info p {font-family: "Onest",sans-serif;font-style: normal;font-weight: 400;font-size: 1.675rem;line-height: 1;color: #000000;display: block;padding-bottom: 17px;width: 91%;}
.contact-info .address {padding-right: 6rem;}
.contact-info .address a {color: #000;text-decoration: none;line-height: normal;transition: 0.4s ease;display: inline-block;}
.contact-info .address a:hover {color: #0a46ff;transition: 0.4s ease;}
.contact-info .mail a {color: #0a46ff;text-decoration: none;}
.contact-info .mail a:hover {color: cornflowerblue;}
.map img {width: 100%;margin-top: 20px;}
.connect-section {padding: 11.5rem 0;background: #ffffff;text-align: center;}
.connect-section .wrapper {max-width: 52%;margin: 0 auto;}
.connect-section p {font-family: 'Nohemi';font-style: normal;font-weight: 400;font-size: 3.2rem;line-height: 1.2;text-align: center;color: #000000;}
.team-card div {overflow: hidden;}
.contact-info p a {text-decoration: none;color: #000;transition: 0.4s ease;}
.contact-info p a:hover {color: #0a46ff;transition: 0.4s ease;}
iframe {width: 100%;margin-top: 1.4rem;height: 373px;}
/* award page */
.awards-section {
padding: 3rem 0;
background: #fff;
padding-bottom: 5rem;
}
.award-row span.category {
padding-right: 8.3rem;display: none;
}
.awards-title {
font-size: 2.125rem;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 3.5rem;
color: #000;
font-family: 'Nohemi';
}
.awards-table {
border-top: 1px solid #0047F9;
}
.award-row {
display: grid;
grid-template-columns: 1.3fr 2fr 1.6fr 34px;
align-items: center;
padding: 1.25rem 0;
border-bottom: 1px solid #0047F9;
font-size: 1.4rem;
color: #2563ff;
}
.award-row span {
line-height: 1.4;
font-family: "Onest",sans-serif;
font-size: 1.4rem;
color: #0047F9;
}
.award-row span {
line-height: 1.4;
}
.award-link {text-align: right;font-size: 0;color: #2563ff;text-decoration: none;transition: transform 0.25s ease;position: relative;display: inline-block;width: fit-content;}
.award-link::after {content: "";background: url(../images/arw-right.png)no-repeat;background-size: cover;width: 2.5rem;height: 2.5rem;display: block;background-position: center;}
.award-row .award-link:hover {transform: translate(4px, -4px);}
/* footer */
#footer-id {width: 100%;float: left;padding: 1.9rem 0;background-color: #0047F9;line-height: normal;}
.footer-logo {display: inherit;}
#footer-id .footersocial a {margin:0;transition: 0.4s ease-in-out; }
#footer-id .footersocial a i:hover {color: #fff;transition: all .4s ease-out;background: #000;}
#footer-id .footersocial a i {color: #4242ff;font-size: 1.25rem;transition: all .4s ease-in;background: #fff;border-radius: 100%;padding: 10px;vertical-align: middle;}
#footer-id .footersocial a:first-of-type {margin-right: 10px;}
#footer-id .footersocial {position: relative;top: 3px;}
#footer-id .footersocial a img {width: auto;}
#footer-id .footersocial a:hover {opacity: 0.7;transition: 0.4s ease-in-out;}
.footer-img {width: 120px;}
.footer .wrapper div:nth-child(2) p {font-family: 'Onest';font-style: normal;font-weight: 400;font-size: 1.25rem;line-height: normal;color: #FFFFFF;}
.reveal {
opacity: 0;
transform: translateY(30px);
transition: all 0.8s ease;
}
.reveal.active {
opacity: 1;
transform: translateY(0);
}
/* Responsive */
@media (max-width: 1440px) {
.icon {font-size: 50px;}
.award-row span.category {padding-right: 1.3rem;}
.award-row {grid-template-columns: 1fr 2fr 1.6fr 34px;}
.award-row { padding: 0.9rem 0;}
.award-row span {font-size: 1.125rem;}
.awards-section {padding-bottom: 24px;}
.awards-title {font-size: 1.5rem;}
.award-link::after {width: 35px;height: 35px;}
.accordion-header h2 {font-size: 2.1rem;}
.header .headerNavigation ul li {margin-left: 30px;margin-right: 0;}
body .header .headerMenu span {height: 3px;border-radius: 10px;}
body .header .headerMenu.close span:nth-of-type(3) {margin-top: -1px;}
.accordion-item {padding: 2.1rem 0;}
body .header .wrapper {height: 3.6rem;}
.accordion-content p {font-size: 1.125rem;letter-spacing: normal;margin-top: 0.9rem;margin-bottom: 1rem;}
.services {padding-bottom: 3rem;padding-top: 6rem;}
.founder-section.aboutwrap .aboutportfolio .ap_right h3 {font-size: 19px;}
.brand-section.aboutwrap .aboutbrand ul li img {width: auto;transform: scale(0.7);}
.team-card h3 {font-size: 1.625rem;}
body .header .logo img {width: 6.4rem;}
.footer .wrapper div:nth-child(2) p {font-size: 0.95rem;}
.contact-info p.mail {padding-bottom: 40px;padding-top: 13px;}
.who-we-are p {font-size: 2.125rem;}
body .header .headerNavigation ul li a {font-size: 0.8rem;letter-spacing: 1.4px;}
.contact-info .address a {margin-right: 4rem;}
body .aboutwrap .abouttext p {font-size: 2rem;}
.work-grid h3 a {font-size: 1.12rem;}
#footer-id {padding: 20px 0;}
.culture-title {margin-bottom: 1rem;}
.team-card span {font-size: 1.25em;}
.brand-section.aboutwrap .aboutbrand {padding: 2.6rem 0;padding-bottom: 3.6rem;}
.culture-content p {font-size: 1.525rem;max-width: 51%;padding-bottom: 3.5rem;}
.connect-section { padding: 7.5rem 0;}
.culture-section {padding-top: 3.5rem;}
.work-grid img {height: auto;}
.founder-section.aboutwrap .aboutportfolio .ap_right p,.header .headerNavigation ul li a {font-size: 16px;}
.team-header h2,.founder-title, .brand-section.aboutwrap .aboutbrand h2,.culture-title, .who-we-are h2 {font-size: 3rem;}
.team-header p {font-size: 1.66rem;margin-bottom: 2.8rem;margin-top: 20px;max-width: 100%;padding-right: 52%;}
body .aboutwrap .abouttext {padding: 0;}
.founder-section.aboutwrap .aboutportfolio .ap_left {width: 34.3%;}
.team-grid {gap: 2rem 1rem;}
.founder-section.aboutwrap .aboutportfolio .ap_right {padding-right: 6.7rem;width: 65.7%;}
.contact-form {padding: 25px;}
.form-group label {margin-bottom: 0;font-size: 1.3rem;padding-bottom: 7px;}
.form-group input, .form-group textarea {padding: 12px;}
.contact-form .submit-btn {font-size: 16px;height: auto;line-height: normal;}
.who-we-are {padding-bottom: 3.6rem;}
.who-we-are h2 {margin-bottom: 1.4rem;}
.connect-section p {font-size: 2.1rem;max-width: 100%;margin: auto;}
.hometext .wrapper p,.hometext p span.blue-txt {font-size: 2.7rem;}
body .hometext {padding-top: 6rem;padding-bottom: 4rem;}
.read-btn {font-size: 1.125rem;margin-top: 26px;}
.contact-section .contactField p,.contact-info p a,.contact-info p.mail {font-size: 1.125rem;}
.founder-section.aboutwrap .aboutportfolio .ap_left img {width: 100%;height: 26.2rem;object-fit: cover;object-position: center 0;}
.section-title {font-size: 1.575rem;margin-bottom: 1.9rem;}
.services-label {margin-bottom: 2.2rem;font-size: 1.6rem;}
.contact-form {padding-top: 45px;padding-left: 30px;padding-right: 30px;padding-bottom: 20px;}
iframe {margin-top: 15px;height: 320px;}
.contact-section .fctextarea {height: 8rem;}
body .contact-info p {font-size: 1.175rem;padding-bottom: 10px;}
.contact-form h2 { font-size: 2.6rem;margin-bottom: 1.9rem;}
.contact-section .contactField .fcInput {padding: 10px;}
.contact-info .address {padding-right: 1rem;}
body .aboutwrap { padding: 3.7rem 0 6rem 0;}
}
@media(max-width: 1190px) {
.header .wrapper {height: 80px;}
body .wrapper,.contact-wrapper {max-width: 100%;padding: 0 15px;}
.hometext p span.blue-txt ,.hometext .wrapper p,body .aboutwrap .abouttext p,.connect-section p {font-size: 35px;}
.read-btn {font-size: 18px;padding: 8px 20px;margin-top: 15px;}
body .aboutwrap .abouttext .wrapper { max-width: 100%;}
.culture-section {padding-top: 4rem;}
body .hometext,.recent-work,.team-section,.founder-section.aboutwrap,.brand-section.aboutwrap .aboutbrand,.connect-section {padding: 4rem 0;}
.services-label {margin-bottom: 5px;}
.services { padding-bottom: 4rem;padding-top: 4rem;}
.culture-content p {font-size: 26px;max-width: 100%;padding-bottom: 4rem;}
.founder-title, .brand-section.aboutwrap .aboutbrand h2 {margin-bottom: 20px;}
.founder-section.aboutwrap .aboutportfolio .ap_right { padding-right: 0;}
}
@media (max-width: 1024px) {
.accordion-content p {font-size: 18px;letter-spacing: normal;margin: 5px 0;}
.accordion-header h2 {font-size: 26px;}
.services { padding-top: 0px;}
.accordion-item {padding: 15px 0;}
.awards-section {padding-bottom: 40px;}
}
@media (max-width: 1023px) {
.hometext p span.blue-txt, .hometext .wrapper p, body .aboutwrap .abouttext p {font-size: 30px;}
.section-title {margin-bottom: 20px;}
.header .headerMenu span {height: 3px;border-radius: 20px;}
.header .headerMenu span:nth-of-type(2) {width: 66%;}
.connect-section .wrapper {max-width: 100%;}
.header .headerNavigation ul li a {padding-top: 15px;line-height: normal;padding-bottom: 10px;}
.team-header p {font-size: 22px;margin-bottom: 20px;margin-top: 10px;}
body .header .wrapper { height: 80px;}
body .header .headerNavigation {width: 50%;animation: auto;min-height: 100vh;top: 0;}
body .header .headerNavigation ul li {border: 0;border-bottom: 1px solid blue;margin-left: 0 !important;}
.headerNavigation {position: fixed;top: 0;left: 0;height: 100vh;width: 280px;background: #fff;z-index: 9999;transform: translateX(-100%);transition: transform 0.4s ease-in-out;box-shadow: 8px 0 30px rgba(0,0,0,0.15);padding-top: 100px;}
.headerNavigation.active {transform: translateX(0);transform: translateY(0);}
.headerNavigation li {margin-bottom: 25px;}
body .header .headerNavigation .headerSearch {display: none;}
.headerNavigation a {font-size: 18px;text-decoration: none;color: #000;}
body .header .headerMenu.close {width: 20px;height: 16px;}
.work-grid {grid-row-gap: 20px;grid-column-gap: 20px;}
.accordion-content p {letter-spacing: normal;margin-top: 10px;margin-bottom: 0;}
.icon {position: relative;top: -1px;}
body .header .headerNavigation .headerSearch {margin-left: 0;padding-left: 7px;}
}
@media (max-width: 992px) {
.team-header h2, .founder-title, .brand-section.aboutwrap .aboutbrand h2, .section-title, .services-label,.culture-title, .who-we-are h2,.contact-form h2 { font-size: 27px;margin-bottom: 8px;}
.recent-work,.services {padding-top: 0;}
.accordion-header h2 { font-size: 24px;}
.accordion-content p {font-size: 17px;margin-top: 0;}
body .hometext {padding-bottom: 50px;padding-top: 50px;}
.accordion-item.active .accordion-content ,.accordion-content{ width: 100%;}
body .aboutwrap { padding: 20px 0 50px 0;}
.who-we-are {padding-bottom: 50px;}
.who-we-are h2 {margin-bottom: 10px;}
.contact-section .contactField.cfLeft,.contact-section .contactField.cfRight {width: 100%;}
.contact-section .contactField .fcInput {padding: 10px 10px;}
.who-we-are p,.culture-content p,.team-card h3 {font-size: 20px;}
.brand-section.aboutwrap .aboutbrand ul {padding-top: 20px;grid-row-gap: 40px;}
.recent-work, .team-section, .founder-section.aboutwrap, .brand-section.aboutwrap .aboutbrand, .connect-section {padding: 50px 0;}
.culture-section {padding-top: 50px;}
.founder-section.aboutwrap .aboutportfolio .ap_right p, .header .headerNavigation ul li a {font-size: 16px;}
.culture-content p { padding-bottom: 50px;}
.team-card span {font-size: 18px;}
.founder-section.aboutwrap .aboutportfolio .ap_left img {height: 27.5rem;}
.header .headerNavigation ul li a {font-size: 16px;padding: 16px 7px !important;}
.contact-info p.mail {padding-bottom: 16px;padding-top: 0px;}
.contact-info p,.form-group label ,.work-grid h3 a{font-size: 17px;}
.accordion-item {padding: 7px 0;}
.accordion-header {top: 1px;}
iframe {width: 100%;height: 20rem;}
.contact-section {padding-top: 30px;padding-bottom: 50px;}
.team-header p { font-size: 18px;padding-right: 0;}
.connect-section p {max-width: 100%;font-size: 26px;}
#footer-id {padding: 20px 0;}
}
@media (max-width: 768px) {
.team-grid {grid-template-columns: repeat(2, 1fr);}
.work-grid {grid-template-columns: repeat(2, 1fr);grid-row-gap: 30px;grid-column-gap: 20px;}
.header .logo a {display: flex;}
.team-card span, .founder-section.aboutwrap .aboutportfolio .ap_right p, .header .headerNavigation ul li a {font-size: 16px;}
.founder-section.aboutwrap .aboutportfolio .ap_right {grid-column: span 1/span 1;}
.founder-section.aboutwrap .aboutportfolio {grid-template-columns: repeat(2, 1fr);grid-template-rows: none;}
.brand-section.aboutwrap .aboutbrand ul {grid-template-columns: repeat(3, 1fr);}
.contact-wrapper {flex-direction: column;}
.brand-section.aboutwrap .aboutbrand ul {grid-template-columns: repeat(4, 1fr);}
.contact-form,.contact-info {width: 100%;}
.map iframe {width: 100%;height: 300px;}
.contact-info {padding-top: 30px;}
.contact-info .address {padding-bottom: 20px;padding-right: 0;}
.contact-info .address a { margin-right: 0;}
.founder-section.aboutwrap .aboutportfolio {display: flex;flex-direction: column-reverse;margin-top: 0;}
.founder-section.aboutwrap .aboutportfolio .ap_right ,.founder-section.aboutwrap .aboutportfolio .ap_left{width: 100%;}
.founder-section.aboutwrap .aboutportfolio .ap_left {padding-right: 0;}
.founder-section.aboutwrap .aboutportfolio .ap_left img {object-position: 48% 15%;height: 37rem;}
.contact-form h2 {font-size: 30px;margin-bottom: 15px;}
.contact-section .contactField p {font-size: 16px;}
.contact-info p {font-size: 16px;line-height: 1.2;padding-bottom: 5px;}
.contact-info p.mail {padding-bottom: 8px;padding-top: 0;}
section.contact-section {padding-top: 20px;}
.hometext p span.blue-txt, .hometext .wrapper p, body .aboutwrap .abouttext p {font-size: 23px;}
.award-row {grid-template-columns: 1fr;gap: 6px;padding: 14px 0;}
.award-row span {display: block;font-size: 17px;}
.award-row .year {font-weight: 600;}
.award-row .award-name {font-weight: 600;}
.award-row .brand {font-size: 15px;}
.award-row .category {font-size: 15px;line-height: normal;}
.award-link {position: absolute;right: 15px;}
.awards-title {font-size: 20px;margin-bottom: 30px;}
}
@media (max-width: 576px) {
.team-grid,.work-grid,.aboutwrap .aboutportfolio {grid-template-columns: 1fr;}
.header .logo {max-width: 120px;}
.form-row {gap: 0;flex-direction: column;}
.form-group textarea {height: 100px;}
.contact-form {padding: 30px 15px;}
.accordion-header {top: 1px;}
body .hometext, .recent-work,body .hometext, .recent-work, .team-section, .founder-section.aboutwrap, .brand-section.aboutwrap .aboutbrand,.contact-section,.contact-section,.culture-section {padding: 50px 0;}
.connect-section {padding-bottom: 10px;padding-top: 40px;}
.accordion-header h2 {font-size: 18px;text-align: left;}
.work-grid h3 a {font-size: 18px;}
.contact-info p {font-size: 18px;padding-bottom: 10px;}
.culture-content p,.connect-section p {font-size: 16px;}
.team-header p {font-size: 16px;padding-right: 0;}
.team-header p br {display: none;}
.accordion-content p {font-size: 16px;padding-right: 14px;}
.recent-work { padding-top: 0;}
.hometext p span.blue-txt, .hometext .wrapper p,.team-header h2, .founder-title, .brand-section.aboutwrap .aboutbrand h2, .section-title, .services-label,.hometext p span.blue-txt, .hometext .wrapper p,.who-we-are h2 {font-size: 25px;}
body .aboutwrap .abouttext p {font-size: 24px;}
.accordion-item {padding: 8px 0;}
.who-we-are p {max-width: 18rem;margin: auto;text-align: center;}
.icon {top: -4px;}
body .header .wrapper {height: 60px;}
.article-txt {padding-right: 0;}
body .header .headerNavigation {width: 70%;}
body .header .headerNavigation ul li a {padding: 9px 17px;font-size: 14px;}
body .header .headerNavigation ul {padding-top: 10px;}
body .header .logo img {width: 100px;}
.footer-img {width: 81px;}
.footer .wrapper div:nth-child(2) p {font-size: 12px;}
#footer-id .footersocial a:first-of-type {margin-right: 6px;}
.accordion-content p {font-size: 16px;margin-top: 0;padding-bottom: 15px;}
#footer-id {padding: 14px 0;}
.aboutwrap .abouttext > .wrapper {padding: 0;}
.brand-section.aboutwrap .aboutbrand ul {grid-template-columns: repeat(3, 1fr);}
.founder-section.aboutwrap .aboutportfolio .ap_right h3 {margin-bottom: 12px;}
.contact-section .contactField.cfLeft,.contact-section .contactField.cfRight {width: 100%;}
.contact-section .contactField .fcInput {padding: 8px 10px;font-size: 15px;}
.contact-section .contactField p {font-size: 16px;}
}