html body {
color: #545454;
}
html body p {
margin: 0;
}
html body .display-none {
display: none !important;
}
html body .clear {
display: block;
clear: both;
}
html body .w-100 {
width: 100%;
}
html body h1, html body h2, html body h3, html body h4, html body h5, html body h6 {
color: #252525;
}
html body .steps-section {
padding: 50px 0;
}
html body .steps-section .reusely-steps {
flex-direction: row;
flex-wrap: wrap;
gap: 15px;
width: 100%;
}
@media (max-width: 991px) {
html body .steps-section .reusely-steps {
gap: 8px;
}
}
html body .steps-section .reusely-steps .reusely-step {
width: calc(25% - 11.25px);
}
@media (max-width: 991px) {
html body .steps-section .reusely-steps .reusely-step {
width: calc(50% - 4px);
}
}
html body .reusely-steps {
gap: 25px;
}
html body .reusely-steps .reusely-step {
padding: 40px;
background: #F9F9F9;
border-radius: 30px;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
@media (max-width: 991px) {
html body .reusely-steps .reusely-step {
padding: 16px;
flex-direction: column-reverse;
gap: 8px;
}
}
html body .reusely-steps .reusely-step .reusely-texts {
flex: 1;
gap: 8px;
}
@media (max-width: 991px) {
html body .reusely-steps .reusely-step .reusely-texts {
gap: 0;
align-items: center;
}
}
html body .reusely-steps .reusely-step .reusely-texts .label {
font-size: 10px;
color: #252525;
font-size: 10px;
font-weight: 700;
letter-spacing: 0.4px;
text-transform: uppercase;
line-height: 13px;
}
@media (max-width: 991px) {
html body .reusely-steps .reusely-step .reusely-texts .label {
text-align: center;
}
}
html body .reusely-steps .reusely-step .reusely-texts .value {
font-size: 20px;
color: #252525;
letter-spacing: -1px;
font-weight: 900;
line-height: 26px;
}
@media (max-width: 991px) {
html body .reusely-steps .reusely-step .reusely-texts .value {
font-size: 16px;
line-height: 20px;
text-align: center;
}
}
html body .reusely-steps .reusely-step .reusely-icon {
width: auto;
}
@media (max-width: 991px) {
html body .reusely-steps .reusely-step .reusely-icon {
height: 32px;
object-fit: contain;
}
}
html body .technical-junk-banner {
padding: 75px 100px;
background: #1D4943;
gap: 50px;
border-radius: 30px;
align-items: center;
margin: 50px 0;
}
@media (max-width: 991px) {
html body .technical-junk-banner {
margin: 25px 0;
padding: 24px;
gap: 24px;
}
}
html body .technical-junk-banner .technical-junk-contents {
align-items: center;
gap: 15px;
}
@media (max-width: 991px) {
html body .technical-junk-banner .technical-junk-contents {
gap: 8px;
}
}
html body .technical-junk-banner .technical-junk-contents .technical-junk-title {
color: #FFF48B;
text-align: center;
font-size: 40px;
font-weight: 900;
line-height: 44px;
letter-spacing: -1.6px;
}
@media (max-width: 991px) {
html body .technical-junk-banner .technical-junk-contents .technical-junk-title {
font-size: 28px;
line-height: 30px;
}
}
html body .technical-junk-banner .technical-junk-contents .technical-junk-text {
color: #FFF;
font-size: 16px;
font-weight: 700;
width: 435px;
text-align: center;
}
@media (max-width: 991px) {
html body .technical-junk-banner .technical-junk-contents .technical-junk-text {
font-size: 14px;
width: 100%;
}
}
html body .contact-banner {
background: #FFFEF0;
border-radius: 30px;
border: 2px solid #FFF48B;
justify-content: space-between;
gap: 32px;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
padding: 50px 100px;
margin-top: 50px;
}
@media (max-width: 991px) {
html body .contact-banner {
padding: 32px;
margin-top: 25px;
gap: 24px;
flex-direction: column;
}
}
html body .contact-banner .contact-banner-text {
flex: 1;
color: #1D4943;
font-size: 32px;
font-weight: 900;
letter-spacing: -1.6px;
line-height: 35px;
}
@media (max-width: 991px) {
html body .contact-banner .contact-banner-text {
font-size: 26px;
line-height: 28px;
width: 100%;
text-align: center;
}
}
html body .faqs-section {
align-items: center;
gap: 40px;
padding: 50px 0;
}
@media (max-width: 991px) {
html body .faqs-section {
padding: 25px 0;
gap: 24px;
}
}
html body .faqs-section .faqs-title {
align-items: center;
gap: 8px;
}
html body .faqs-section .faqs-title h2 {
text-align: center;
letter-spacing: -1.6px;
}
html body .faqs-section .faqs-title .ct-text-block {
text-align: center;
color: #717171;
line-height: 21px;
}
html body .faqs-section .faq-wrapper {
width: 100%;
}
html body .faqs-section .faq-wrapper .faq-item {
cursor: pointer;
border-bottom: 2px solid #E0E3EE;
}
html body .faqs-section .faq-wrapper .faq-item:first-child {
border-top: 2px solid #E0E3EE;
}
html body .faqs-section .faq-wrapper .faq-item.faq-active .faq-title .faq-icon {
transform: rotate(180deg);
}
html body .faqs-section .faq-wrapper .faq-item:first-child .faq-content {
display: block;
}
html body .faqs-section .faq-wrapper .faq-item .faq-title {
display: flex;
justify-content: space-between;
gap: 24px;
align-items: center;
padding: 20px 0;
transition: all ease 0.3s;
}
html body .faqs-section .faq-wrapper .faq-item .faq-title h2 {
font-size: 16px;
font-weight: 700;
letter-spacing: -0.32px;
line-height: 18px;
color: #252525;
flex: 1;
}
html body .faqs-section .faq-wrapper .faq-item .faq-title .faq-icon {
width: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
}
@media (max-width: 991px) {
html body .faqs-section .faq-wrapper .faq-item .faq-title .faq-icon {
width: 32px;
height: 32px;
}
}
html body .faqs-section .faq-wrapper .faq-item .faq-content {
padding: 25px 0 45px;
display: none;
}
@media (max-width: 991px) {
html body .faqs-section .faq-wrapper .faq-item .faq-content {
padding: 20px 0 36px;
}
}
html body .faqs-section .faq-wrapper .faq-item .faq-content p {
color: #252525;
line-height: 20.8px;
width: 903px;
}
@media (max-width: 991px) {
html body .faqs-section .faq-wrapper .faq-item .faq-content p {
width: 100%;
font-size: 14px;
}
}
html body .banner-title {
font-size: 64px;
background: #FFF48B;
text-align: center;
padding: 10px;
font-weight: 900;
color: #252525;
letter-spacing: -3.2px;
line-height: 53px;
}
@media (max-width: 991px) {
html body .banner-title {
font-size: 38px;
line-height: 26px;
}
}
@media (max-width: 1240px) {
.ct-section-inner-wrap {
padding: 0 15px;
}
}
.font-bold {
font-weight: 700;
}
.post-title {
font-size: 40px;
font-weight: 900;
line-height: 48px;
letter-spacing: -2px;
text-align: center;
background: #FFF48B;
color: #252525;
padding: 10px;
text-align: center;
}
@media (max-width: 991px) {
.post-title {
font-size: 30px;
line-height: 34px;
}
}
.section-title {
text-align: center;
font-size: 32px;
color: #252525;
line-height: 40px;
font-weight: 900;
}
@media (max-width: 991px) {
.section-title {
font-size: 26px;
line-height: 30px;
}
}
body #HeaderWrapper {
padding: 18px 0 22px;
}
body #HeaderWrapper .header-row {
display: flex;
gap: 32px;
flex-wrap: wrap;
flex-direction: row;
align-items: center;
}
body #HeaderWrapper .header-row .logo-col {
width: 130px;
}
@media (max-width: 767px) {
body #HeaderWrapper .header-row .logo-col {
width: 100px;
}
}
body #HeaderWrapper .header-row .logo-col .logo {
width: 100%;
}
body #HeaderWrapper .header-row .header-menu {
flex: 1;
align-items: flex-end;
}
body #HeaderWrapper .header-row .header-menu .menu-header ul {
flex-wrap: wrap;
gap: 33px;
}
@media (max-width: 991px) {
body #HeaderWrapper .header-row .header-menu .menu-header ul {
gap: 24px;
}
}
body #HeaderWrapper .header-row .header-menu .menu-header ul li a {
color: #252525;
font-size: 16px;
font-weight: 500;
line-height: 20px;
position: relative;
}
@media (min-width: 992px) {
body #HeaderWrapper .header-row .header-menu .menu-header ul li a {
padding: 0;
}
}
@media (max-width: 991px) {
body #HeaderWrapper .header-row .header-menu .menu-header ul li a {
font-size: 20px;
line-height: 18px;
padding: 16px;
}
}
body #HeaderWrapper .header-row .header-menu .menu-header ul li a::before {
content: "";
width: 0;
height: 1px;
background: #252525;
position: absolute;
bottom: -4px;
left: 0;
transition: all ease 0.3s;
}
body #HeaderWrapper .header-row .header-menu .menu-header ul li a:hover:before {
width: 100%;
}
body #FooterWrapper {
padding: 50px 0 75px;
background: #1D4943;
}
@media (max-width: 991px) {
body #FooterWrapper {
padding: 32px 0;
}
}
body #FooterWrapper .footer-row {
flex-direction: row;
flex-wrap: wrap;
gap: 192.71px;
}
@media (max-width: 991px) {
body #FooterWrapper .footer-row {
gap: 24px;
}
}
body #FooterWrapper .footer-row .logo-col {
width: 260px;
gap: 5px;
}
@media (max-width: 991px) {
body #FooterWrapper .footer-row .logo-col {
width: 100%;
text-align: center;
}
}
body #FooterWrapper .footer-row .logo-col .logo {
width: 100%;
}
@media (max-width: 991px) {
body #FooterWrapper .footer-row .logo-col .logo {
width: 160px;
margin: 0 auto;
}
}
body #FooterWrapper .footer-row .footer-info {
flex: 1;
flex-direction: row;
flex-wrap: wrap;
gap: 32px;
justify-content: space-between;
}
@media (max-width: 991px) {
body #FooterWrapper .footer-row .footer-info {
gap: 16px;
}
}
@media (max-width: 767px) {
body #FooterWrapper .footer-row .footer-info {
margin-bottom: 20px;
}
}
body #FooterWrapper .footer-row .footer-info .footer-col {
gap: 16px;
}
@media (max-width: 991px) {
body #FooterWrapper .footer-row .footer-info .footer-col {
gap: 8px;
width: calc(33.33% - 10.66px);
}
}
@media (max-width: 767px) {
body #FooterWrapper .footer-row .footer-info .footer-col {
white-space: nowrap;
}
}
body #FooterWrapper .footer-row .footer-info .footer-col.footer-col1 {
width: 83px;
}
@media (max-width: 767px) {
body #FooterWrapper .footer-row .footer-info .footer-col.footer-col1 {
order: 2;
}
}
body #FooterWrapper .footer-row .footer-info .footer-col.footer-col2 {
width: 75px;
}
@media (max-width: 767px) {
body #FooterWrapper .footer-row .footer-info .footer-col.footer-col2 {
order: 3;
}
}
body #FooterWrapper .footer-row .footer-info .footer-col.footer-col3 {
width: 137px;
}
@media (max-width: 767px) {
body #FooterWrapper .footer-row .footer-info .footer-col.footer-col3 {
width: 100%;
order: 4;
align-items: center;
text-align: center;
}
}
@media (max-width: 767px) {
body #FooterWrapper .footer-row .footer-info .footer-col.footer-col3 .info-values {
align-items: center;
}
}
body #FooterWrapper .footer-row .footer-info .footer-col .footer-heading {
color: #FFF48B;
font-size: 16px;
font-weight: 500;
letter-spacing: -0.32px;
line-height: 17.6px;
}
body #FooterWrapper .footer-row .footer-info .footer-col .footer-nav ul {
flex-direction: column;
gap: 8px;
}
body #FooterWrapper .footer-row .footer-info .footer-col .footer-nav ul li a {
color: #FFF;
padding: 0;
text-decoration: underline;
font-size: 13px;
line-height: 16.9px;
}
body #FooterWrapper .footer-row .footer-info .footer-col .info-title {
font-size: 13px;
color: #FFF;
line-height: 16.9px;
}
body #FooterWrapper .footer-row .footer-info .footer-col .info-values {
align-items: flex-start;
}
body #FooterWrapper .footer-row .footer-info .footer-col .info-values .info-value {
font-size: 16px;
font-weight: 500;
letter-spacing: -0.32px;
line-height: 17.6px;
color: #FFF48B;
align-items: flex-start;
justify-content: flex-start;
text-align: left;
}
@media (max-width: 991px) {
body #FooterWrapper .footer-row .footer-info .footer-col .info-values .info-value {
font-size: 14px;
}
}
body #FooterWrapper .footer-row .footer-info .footer-col .info-values .info-value:first-child {
margin-bottom: 14px;
}
@media (max-width: 991px) {
body #FooterWrapper .footer-row .footer-info .footer-col .info-values .info-value:first-child {
margin-bottom: 8px;
}
}
body #FooterWrapper #footer-links {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 10px;
font-size: 14px;
margin: 50px auto 0;
width: 100%;
}
@media (max-width: 991px) {
body #FooterWrapper #footer-links {
grid-template-columns: repeat(2, 1fr);
margin: 18px auto 0;
}
}
body #FooterWrapper #footer-links a {
color: #DEDEDE;
}
@media (max-width: 991px) {
body #FooterWrapper .footer-copy {
display: none;
margin-top: 16px;
width: 100%;
text-align: center;
}
}
body #FooterWrapper .footer-copy.mobile-copy {
display: none;
}
@media (max-width: 991px) {
body #FooterWrapper .footer-copy.mobile-copy {
display: block;
}
}
body #FooterWrapper .footer-copy p {
font-size: 13px;
color: #FFF;
line-height: 16px;
}
body #FooterWrapper .footer-copy p a {
color: #FFF48B;
text-decoration: underline;
}
body .forminator-custom-form * {
font-family: "DM Sans";
}
body .forminator-custom-form .forminator-row {
width: 100%;
display: flex;
flex-wrap: wrap;
gap: 16px;
}
@media (max-width: 991px) {
body .forminator-custom-form .forminator-row {
gap: 8px;
}
}
body .forminator-custom-form .forminator-row:not(.forminator-row-last) {
margin-bottom: 16px;
}
@media (max-width: 991px) {
body .forminator-custom-form .forminator-row:not(.forminator-row-last) {
margin-bottom: 8px;
}
}
body .forminator-custom-form .forminator-row .forminator-no-margin {
margin-bottom: 0;
}
body .forminator-custom-form .forminator-row .forminator-col-md-6 {
width: calc(50% - 8px);
}
@media (max-width: 991px) {
body .forminator-custom-form .forminator-row .forminator-col-md-6 {
width: 100%;
}
}
body .forminator-custom-form .forminator-row .forminator-col-12 {
width: 100%;
}
body .forminator-custom-form .forminator-row .forminator-field {
width: 100%;
}
body .forminator-custom-form .forminator-row .forminator-field input, body .forminator-custom-form .forminator-row .forminator-field textarea {
width: 100%;
padding: 12px;
border-radius: 8px;
border: 0;
background: rgba(126, 118, 37, 0.0901960784);
font-size: 15px;
line-height: 20px;
letter-spacing: -0.075px;
color: #252525;
}
body .forminator-custom-form .forminator-row .forminator-field input:focus-visible, body .forminator-custom-form .forminator-row .forminator-field textarea:focus-visible {
outline: 0;
}
body .forminator-custom-form .forminator-row .forminator-field .forminator-error-message {
font-size: 10px;
font-weight: 500;
color: #f00;
line-height: 1.2;
display: flex;
margin-top: 5px;
}
body .forminator-custom-form .forminator-row button {
width: 83px;
height: 36px;
display: flex;
align-items: center;
justify-content: center;
padding: 8px;
border-radius: 8px;
font-size: 15px;
font-weight: 500;
background: #FFF48B;
border: 0;
}
body .btn {
width: 173px;
height: 44px;
display: flex;
justify-content: center;
align-items: center;
gap: 8px;
font-size: 16px;
color: #252525;
border-radius: 100px;
background: #FFF48B;
font-weight: 900;
transition: all ease 0.3s;
flex-direction: row;
}
@media (max-width: 767px) {
body .btn {
font-size: 14px;
width: 100%;
}
}
body .btn.btn-alt {
gap: 10px;
font-size: 20px;
color: #FFFEF0;
width: 211px;
height: 55px;
border-radius: 125px;
box-shadow: 0 6.25px 0 0 #FFF48B;
background: #1D4943;
}
@media (max-width: 767px) {
body .btn.btn-alt {
font-size: 18px;
width: 100%;
}
}
body .btn.btn-alt:hover {
box-shadow: unset;
}
body .btn:hover {
gap: 16px;
}
body .btn .ct-text-block {
text-align: center;
line-height: 1;
}
body .btn img {
width: 20px;
}
@media (max-width: 767px) {
body .btn img {
width: 18px;
}
}
body #PostContent {
padding: 40px 0 125px;
}
@media (max-width: 991px) {
body #PostContent {
padding: 0 0 50px;
}
}
body #PostContent .post-header {
padding: 50px 100px;
border-radius: 30px;
border: 2px solid #FFF48B;
background: #FFFEF0;
flex-direction: row;
gap: 70px;
flex-wrap: wrap;
}
@media (max-width: 991px) {
body #PostContent .post-header {
padding: 32px;
gap: 32px;
justify-content: center;
}
}
body #PostContent .post-header .post-img {
width: 128px;
}
@media (max-width: 991px) {
body #PostContent .post-header .post-img {
display: none;
}
}
body #PostContent .post-header .post-infos {
width: calc(100% - 198px);
align-items: center;
gap: 15px;
}
@media (max-width: 991px) {
body #PostContent .post-header .post-infos {
width: 100%;
}
}
body #PostContent .post-header .post-infos .post-excerpt {
color: #252525;
font-size: 16px;
text-align: center;
}
body #PostContent .reusely-section {
flex-direction: row;
flex-wrap: wrap;
gap: 50px;
padding: 50px 0;
}
body #PostContent .reusely-section .reusely-steps {
width: 329px;
display: none;
}
body #PostContent .reusely-section .reusely-code {
flex: 1;
}
body #PostContent .post-body {
padding: 50px 0;
gap: 32px;
}
@media (max-width: 991px) {
body #PostContent .post-body {
padding: 25px 0;
}
}
body #PostContent .post-body .post-dynamic-content h1, body #PostContent .post-body .post-dynamic-content h2, body #PostContent .post-body .post-dynamic-content h3, body #PostContent .post-body .post-dynamic-content h4, body #PostContent .post-body .post-dynamic-content h5, body #PostContent .post-body .post-dynamic-content h6 {
font-weight: 900;
margin-bottom: 10px;
}
body #PostContent .post-body .post-dynamic-content h1 {
font-size: 40px;
}
@media (max-width: 991px) {
body #PostContent .post-body .post-dynamic-content h1 {
font-size: 30px;
}
}
body #PostContent .post-body .post-dynamic-content h2 {
margin-top: 10px;
font-size: 32px;
}
@media (max-width: 991px) {
body #PostContent .post-body .post-dynamic-content h2 {
font-size: 26px;
}
}
body #PostContent .post-body .post-dynamic-content h3 {
font-size: 28px;
}
@media (max-width: 991px) {
body #PostContent .post-body .post-dynamic-content h3 {
font-size: 24px;
}
}
body #PostContent .post-body .post-dynamic-content h4 {
font-size: 24px;
}
@media (max-width: 991px) {
body #PostContent .post-body .post-dynamic-content h4 {
font-size: 20px;
}
}
body #PostContent .post-body .post-dynamic-content h5 {
font-size: 20px;
}
body #PostContent .post-body .post-dynamic-content h6 {
font-size: 18px;
}
body #PostContent .post-body .post-dynamic-content p {
color: #545454;
font-size: 16px;
}
body #PostContent .post-body .post-dynamic-content p:not(:last-child) {
margin-bottom: 15px;
}
@media (max-width: 991px) {
body #PostContent .post-body .post-dynamic-content p {
font-size: 14px;
}
}
body #HomeSection {
padding: 40px 0 125px;
}
body #HomeSection #HeroBanner {
height: 550px;
background: #FFFEF0;
border-radius: 30px;
border: 2px solid #FFF48B;
position: relative;
justify-content: center;
padding: 50px 100px;
}
@media (max-width: 991px) {
body #HomeSection #HeroBanner {
height: auto;
padding: 32px 20px 200px;
}
}
body #HomeSection #HeroBanner .hero-contents {
width: 510px;
gap: 50px;
align-items: center;
}
@media (max-width: 991px) {
body #HomeSection #HeroBanner .hero-contents {
width: 100%;
gap: 24px;
position: relative;
z-index: 2;
}
}
body #HomeSection #HeroBanner .hero-contents .hero-texts {
gap: 25px;
align-items: center;
text-align: center;
}
@media (max-width: 991px) {
body #HomeSection #HeroBanner .hero-contents .hero-texts {
gap: 8px;
}
}
body #HomeSection #HeroBanner .hero-contents .hero-texts .herobanner-titles {
align-items: center;
}
body #HomeSection #HeroBanner .hero-contents .hero-texts .ct-text-block {
width: 374px;
font-size: 20px;
color: #252525;
}
@media (max-width: 991px) {
body #HomeSection #HeroBanner .hero-contents .hero-texts .ct-text-block {
font-size: 16px;
width: 100%;
}
}
body #HomeSection #HeroBanner .hero-img {
position: absolute;
width: 600px;
height: 100%;
right: 70px;
bottom: 0;
}
@media (max-width: 991px) {
body #HomeSection #HeroBanner .hero-img {
width: 60%;
right: 50%;
height: auto;
object-fit: contain;
transform: translateX(50%);
}
}
body .guarantee-section {
align-items: center;
gap: 32px;
}
body .guarantee-section .section-title {
text-align: center;
}
body .guarantee-section .guarantee-contents {
flex-direction: row;
gap: 100px;
flex-wrap: wrap;
}
@media (max-width: 991px) {
body .guarantee-section .guarantee-contents {
gap: 15px;
}
}
body .guarantee-section .guarantee-contents .guarantee-text {
width: calc(50% - 50px);
}
@media (max-width: 991px) {
body .guarantee-section .guarantee-contents .guarantee-text {
width: 100%;
}
}
body .guarantee-section .guarantee-contents .guarantee-text p {
color: #545454;
font-size: 16px;
line-height: 1.3;
}
@media (max-width: 991px) {
body .guarantee-section .guarantee-contents .guarantee-text p {
font-size: 14px;
}
}
body .guarantee-section .guarantee-contents .guarantee-text p:not(:last-child) {
margin-bottom: 15px;
}
body #ContactSection {
padding: 40px 0 125px;
}
@media (max-width: 991px) {
body #ContactSection {
padding: 40px 0 60px;
}
}
body #ContactSection #ContactBanner {
padding: 50px 100px;
justify-content: flex-end;
background: #1D4943;
height: 550px;
border: 2px solid #0A2D29;
border-radius: 30px;
align-items: center;
position: relative;
margin-bottom: 50px;
overflow: hidden;
}
@media (max-width: 991px) {
body #ContactSection #ContactBanner {
height: auto;
margin-bottom: 25px;
padding: 90px 32px 32px;
}
}
body #ContactSection #ContactBanner .banner-img {
position: absolute;
top: 12px;
left: 50%;
transform: translateX(-50%);
width: 945px;
height: 501px;
}
@media (max-width: 991px) {
body #ContactSection #ContactBanner .banner-img {
width: 100%;
height: auto;
object-fit: contain;
object-position: center;
}
}
body #ContactSection #ContactBanner .contactbanner-content {
gap: 25px;
align-items: center;
width: 570px;
position: relative;
z-index: 2;
}
@media (max-width: 991px) {
body #ContactSection #ContactBanner .contactbanner-content {
width: 100%;
gap: 16px;
}
}
body #ContactSection #ContactBanner .contactbanner-content .banner-titles {
align-items: center;
}
body #ContactSection #ContactBanner .contactbanner-content .ct-text-block {
color: #FFF;
font-size: 20px;
text-align: center;
}
@media (max-width: 991px) {
body #ContactSection #ContactBanner .contactbanner-content .ct-text-block {
font-size: 16px;
}
}
body #ContactSection .form-section {
padding: 50px 0 100px;
flex-direction: row;
gap: 150px;
align-items: center;
}
@media (max-width: 991px) {
body #ContactSection .form-section {
padding: 25px 0 50px;
flex-wrap: wrap;
gap: 32px;
}
}
body #ContactSection .form-section .col-left, body #ContactSection .form-section .col-right {
width: calc(50% - 75px);
}
@media (max-width: 991px) {
body #ContactSection .form-section .col-left, body #ContactSection .form-section .col-right {
width: 100%;
}
}
body #ContactSection .form-section .about-us {
gap: 30px;
}
@media (max-width: 991px) {
body #ContactSection .form-section .about-us {
gap: 16px;
}
}
body #ContactSection .form-section .about-us h2 {
color: #1D4943;
}
body #ContactSection .form-section .about-us .about-text p {
font-size: 16px;
color: #1D4943;
line-height: 1.3;
}
body #ContactSection .form-section .about-us .about-text p:not(:last-child) {
margin-bottom: 15px;
}
@media (max-width: 991px) {
body #ContactSection .form-section .about-us .about-text p {
font-size: 14px;
}
}
body #ContactSection .form-section .about-us .company-infos {
border-top: 1px solid rgba(29, 73, 67, 0.75);
padding-top: 20px;
gap: 15px;
}
@media (max-width: 991px) {
body #ContactSection .form-section .about-us .company-infos {
gap: 8px;
padding-top: 12px;
}
}
body #ContactSection .form-section .about-us .company-infos .address-info {
font-size: 15px;
color: rgba(29, 73, 67, 0.75);
letter-spacing: -0.075px;
line-height: 20px;
}
@media (max-width: 991px) {
body #ContactSection .form-section .about-us .company-infos .address-info {
font-size: 14px;
line-height: 17px;
}
}
body #ContactSection .form-section .about-us .company-infos .info-socials {
flex-direction: row;
gap: 24px;
}
@media (max-width: 991px) {
body #ContactSection .form-section .about-us .company-infos .info-socials {
gap: 16px;
}
}
body #ContactSection .form-section .about-us .company-infos .info-socials .social-link {
width: 24px;
}
@media (max-width: 991px) {
body #ContactSection .form-section .about-us .company-infos .info-socials .social-link {
width: 16px;
}
}
body #ContactSection .form-section .form-col {
gap: 15px;
}
body #ContactSection .form-section .form-col .form-wrapper {
padding: 50px;
background: #FFFEF0;
box-shadow: inset 0 0 0 1.5px #FFF48B;
border-radius: 5px 30px 30px 30px;
gap: 50px;
}
@media (max-width: 991px) {
body #ContactSection .form-section .form-col .form-wrapper {
gap: 32px;
padding: 32px;
}
}
body #ContactSection .form-section .form-col .form-wrapper .form-titles {
gap: 16px;
}
@media (max-width: 991px) {
body #ContactSection .form-section .form-col .form-wrapper .form-titles {
gap: 8px;
}
}
body #ContactSection .form-section .form-col .form-wrapper .form-titles .ct-text-block {
color: #252525;
letter-spacing: -0.08px;
line-height: 1.3;
}
@media (max-width: 991px) {
body #ContactSection .form-section .form-col .form-wrapper .form-titles .ct-text-block {
font-size: 14px;
}
}
body #ContactSection .form-section .form-col .form-btn {
border-radius: 0 15px 15px 15px;
box-shadow: inset 0 0 0 1.5px #FFF48B;
background: #FFFBD3;
color: #252525;
display: flex;
gap: 8px;
justify-content: center;
padding: 15px 40px;
align-items: center;
font-size: 16px;
font-weight: 900;
flex-direction: row;
transition: all ease 0.3s;
}
@media (max-width: 991px) {
body #ContactSection .form-section .form-col .form-btn {
width: 100%;
font-size: 14px;
}
}
body #ContactSection .form-section .form-col .form-btn.form-btn-green {
background: rgba(29, 73, 67, 0.9);
box-shadow: inset 0 0 0 1.5px #1D4943;
color: #FFF;
}
body #ContactSection .form-section .form-col .form-btn.form-btn-green:hover {
background: #1D4943;
}
body #ContactSection .form-section .form-col .form-btn:hover {
background: #FFF48B;
}
body #ContactSection .form-section .form-col .form-btn .link-value {
font-weight: 400;
}