:root {
--bg: #f2f1f1;
--text: #1c2230;
--muted: #6b7280;
--red: #e0243f;
--pill: #f7f7f8;
--line: #d7d9de;
--mainPcolor: rgba(5, 28, 50, 0.7);
--mainColor: #051C32;
--mainBG: #121212;
--whiteBG: #ffffff;
}
html[data-theme=dark] {
--bg: #f2f1f1;
--text: #1c2230;
--muted: #6b7280;
--red: #e0243f;
--pill: #121212;
--line: #d7d9de;
--mainPcolor: rgb(242 242 242 / 70%);
--mainColor: #F2F2F2;
--mainBG: #F2F2F2;
--whiteBG: #2a2a2a;
}
html[data-theme=dark] .exploreaza_wrap .exploreaza h6, html[data-theme=dark] .exploreaza_wrap .exploreaza p {
color: #6f6f6f !important;
}
html[data-theme=dark] .exploreaza_wrap .exploreaza h2 {
color: #121212;
}
html[data-theme=dark] .exploreaza_wrap .exploreaza .head .left_side ul li {
color: #121212;
}
html[data-theme=dark] .exploreaza_wrap .exploreaza .head .left_side ul li.active {
color: #F2F2F2;
background: #121212;
}
html[data-theme=dark] .exploreaza_wrap .exploreaza .process .proces_steps .process_step {
background: #E6E6E6;
}
html[data-theme=dark] .exploreaza_wrap .exploreaza .process .proces_steps .process_step:hover {
background: #F1DEE0;
}
html[data-theme=dark] .exploreaza_wrap .exploreaza .process .proces_steps .process_step:hover .process_description {
color: #E6283C;
}
html[data-theme=dark] .exploreaza_wrap .exploreaza .process .proces_steps .process_step .process_step_head .number {
color: #E6283C;
}
html[data-theme=dark] .exploreaza_wrap .exploreaza .process .proces_steps .process_step .process_name {
color: #121212;
}
html[data-theme=dark] .exploreaza_wrap .exploreaza .process .proces_steps .process_step .process_description {
color: #6f6f6f;
}
html[data-theme=dark] .exploreaza_wrap .exploreaza .process .process_footer .process_footer_left .ilustrate_note {
color: #121212;
}
html[data-theme=dark] .exploreaza_wrap .exploreaza .process .process_footer .process_footer_button {
border-bottom: 1px solid #121212;
color: #121212;
}
html[data-theme=dark] .exploreaza_wrap .exploreaza .process .process_footer .process_footer_button svg path {
fill: #121212;
}
html[data-theme=dark] .levels_wrap ul li.arrow svg path {
fill: #F2F2F2;
}
html[data-theme=dark] .center_people_wrap {
background: #410e0e;
}
html[data-theme=dark] .from_idea_to_work .left_side .accordion .accordion_item .accordion_header .icon svg g path {
fill: #F2F2F2;
}
h6 {
font-weight: 500;
font-size: 16px;
line-height: 125%;
letter-spacing: 0%;
color: var(--mainPcolor) !important;
margin-bottom: 12px;
}
.main_ai_service_section {
display: flex;
justify-content: space-between;
align-items: center;
}
@media screen and (max-width: 991px) {
.main_ai_service_section {
flex-wrap: wrap;
}
}
.main_ai_service_section .left_side {
width: calc(50% - 40px);
}
@media screen and (max-width: 991px) {
.main_ai_service_section .left_side {
width: 100%;
margin-bottom: 40px;
}
}
.main_ai_service_section .left_side h6 {
margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
.main_ai_service_section .left_side h6 {
margin-bottom: 20px;
margin-top: 30px;
}
}
.main_ai_service_section .left_side h1 {
font-weight: 500;
font-size: 90px;
line-height: 120%;
margin-bottom: 30px;
color: var(--mainColor);
}
@media screen and (max-width: 1200px) {
.main_ai_service_section .left_side h1 {
font-size: 56px;
}
}
@media screen and (max-width: 768px) {
.main_ai_service_section .left_side h1 {
font-size: 45px;
}
}
.main_ai_service_section .left_side h1 span {
color: #E6283C;
}
.main_ai_service_section .left_side p {
font-weight: 400;
font-size: 23px;
line-height: 120%;
letter-spacing: 0%;
color: var(--mainColor);
margin-bottom: 36px;
}
@media screen and (max-width: 768px) {
.main_ai_service_section .left_side p {
margin-bottom: 20px;
font-size: 18px;
}
}
.main_ai_service_section .left_side a {
font-weight: 500;
font-size: 23px;
line-height: 125%;
padding: 12px 36px;
background: #E6283C;
color: white;
border-radius: 12px 4px;
display: flex;
width: fit-content;
align-items: flex-start;
}
@media screen and (max-width: 768px) {
.main_ai_service_section .left_side a {
font-size: 18px;
padding: 12px 16px;
}
}
.main_ai_service_section .left_side a svg {
margin-left: 5px;
}
.main_ai_service_section .right_side {
width: calc(50% - 40px);
}
@media screen and (max-width: 991px) {
.main_ai_service_section .right_side {
width: 100%;
}
}
.main_ai_service_section .right_side .stage {
position: relative;
width: 100%;
max-width: 720px;
height: min(80vh, 620px);
margin: 0 auto;
background: radial-gradient(circle at 50% 50%, rgba(224, 36, 63, 0.18), rgba(224, 36, 63, 0) 60%);
}
@media screen and (max-width: 768px) {
.main_ai_service_section .right_side .stage {
max-width: 350px;
height: min(80vh, 350px);
}
}
.main_ai_service_section .right_side .tag {
position: absolute;
z-index: 2;
display: flex;
align-items: center;
gap: 8px;
padding: 8px 18px;
border-radius: 999px;
border: 1.5px solid var(--line);
background: var(--pill);
font-weight: 600;
font-size: clamp(13px, 2.4vw, 18px);
letter-spacing: 0.02em;
color: #8a8f99;
pointer-events: none;
animation: tagFloat 6s ease-in-out infinite;
}
.main_ai_service_section .right_side .tag b {
color: var(--red);
}
.main_ai_service_section .right_side .tag--a {
top: 20%;
right: 6%;
}
.main_ai_service_section .right_side .tag--b {
top: 60%;
left: 4%;
animation-delay: -2s;
}
.main_ai_service_section .right_side .tag--c {
top: 74%;
right: 3%;
animation-delay: -4s;
transform-origin: left;
}
@keyframes tagFloat {
0%, 100% {
transform: translateY(0);
}
50% {
transform: translateY(-10px);
}
}
@media (prefers-reduced-motion: reduce) {
.main_ai_service_section .right_side .tag {
animation: none;
}
}
.text_section {
display: flex;
justify-content: space-between;
padding: 80px 0;
}
@media screen and (max-width: 991px) {
.text_section {
flex-wrap: wrap;
}
}
@media screen and (max-width: 768px) {
.text_section {
padding: 56px 0;
}
}
.text_section .left_side {
width: calc(45% - 24px);
}
@media screen and (max-width: 991px) {
.text_section .left_side {
width: 100%;
}
}
.text_section .left_side h2 {
font-weight: 500;
font-size: 64px;
line-height: 120%;
color: var(--mainColor);
}
@media screen and (max-width: 1200px) {
.text_section .left_side h2 {
font-size: 48px;
}
}
@media screen and (max-width: 991px) {
.text_section .left_side h2 {
font-size: 42px;
}
}
@media screen and (max-width: 768px) {
.text_section .left_side h2 {
font-size: 32px;
}
}
.text_section .left_side h2 span {
color: var(--mainPcolor);
}
.text_section .right_side {
width: calc(55% - 24px);
padding-top: 32px;
}
@media screen and (max-width: 991px) {
.text_section .right_side {
width: 100%;
}
}
.text_section .right_side p {
font-weight: 400;
font-size: 32px;
line-height: 120%;
color: var(--mainColor);
margin-bottom: 12px;
}
@media screen and (max-width: 991px) {
.text_section .right_side p {
font-size: 24px;
}
}
@media screen and (max-width: 768px) {
.text_section .right_side p {
font-size: 16px;
}
}
.exploreaza_wrap {
padding: 80px 0;
}
.exploreaza_wrap .exploreaza {
background: var(--mainBG);
box-shadow: 0px 40px 90px 0px rgba(5, 28, 51, 0.2509803922);
padding: 56px;
border-radius: 40px;
}
@media screen and (max-width: 768px) {
.exploreaza_wrap .exploreaza {
padding: 24px 20px;
border-radius: 24px;
}
}
.exploreaza_wrap .exploreaza h6 {
margin-bottom: 4px;
color: white !important;
}
.exploreaza_wrap .exploreaza h2 {
font-weight: 400;
font-size: 45px;
line-height: 120%;
color: #F2F2F2;
margin-bottom: 12px;
}
@media screen and (max-width: 768px) {
.exploreaza_wrap .exploreaza h2 {
font-size: 32px;
}
}
.exploreaza_wrap .exploreaza p {
font-weight: 400;
font-size: 23px;
line-height: 120%;
color: #F2F2F2;
}
@media screen and (max-width: 768px) {
.exploreaza_wrap .exploreaza p {
font-size: 16px;
}
}
.exploreaza_wrap .exploreaza .head {
display: flex;
justify-content: space-between;
margin-top: 32px;
align-items: center;
padding-bottom: 32px;
border-bottom: 1px solid #A2A2A9;
margin-bottom: 32px;
}
@media screen and (max-width: 768px) {
.exploreaza_wrap .exploreaza .head {
margin-top: 16px;
margin-bottom: 16px;
padding-bottom: 16px;
flex-wrap: wrap;
}
}
@media screen and (max-width: 768px) {
.exploreaza_wrap .exploreaza .head .left_side {
width: 100%;
margin-bottom: 16px;
}
}
.exploreaza_wrap .exploreaza .head .left_side ul {
display: flex;
justify-content: flex-start;
align-items: center;
}
@media screen and (max-width: 768px) {
.exploreaza_wrap .exploreaza .head .left_side ul {
flex-wrap: wrap;
}
}
.exploreaza_wrap .exploreaza .head .left_side ul li {
border: 1px solid #A2A2A9;
padding: 12px 24px;
border-radius: 100px;
font-weight: 500;
font-size: 16px;
line-height: 125%;
letter-spacing: 0%;
color: #F2F2F2;
margin-right: 10px;
cursor: pointer;
}
@media screen and (max-width: 768px) {
.exploreaza_wrap .exploreaza .head .left_side ul li {
margin-bottom: 5px;
font-size: 14px;
padding: 8px 12px;
margin-right: 5px;
}
}
.exploreaza_wrap .exploreaza .head .left_side ul li.active {
background: #F2F2F2;
color: var(--mainColor);
}
.exploreaza_wrap .exploreaza .head .right_side .tabs {
display: flex;
justify-content: flex-end;
align-items: center;
border: 1px solid #A2A2A9;
border-radius: 12px;
padding: 4px;
position: relative;
}
.exploreaza_wrap .exploreaza .head .right_side .tabs[data-tab=connected]:before {
left: calc(50% - 4px);
transition: all 0.4s;
}
.exploreaza_wrap .exploreaza .head .right_side .tabs[data-tab=connected] span[data-tab=connected] {
color: #F2F2F2;
transition: all 0.4s;
}
.exploreaza_wrap .exploreaza .head .right_side .tabs[data-tab=manual]:before {
left: 4px;
transition: all 0.4s;
}
.exploreaza_wrap .exploreaza .head .right_side .tabs[data-tab=manual] span[data-tab=manual] {
color: #F2F2F2;
transition: all 0.4s;
}
.exploreaza_wrap .exploreaza .head .right_side .tabs:before {
content: "";
position: absolute;
left: 4px;
top: 4px;
bottom: 4px;
width: 50%;
z-index: 0;
background: #E6283C;
border-radius: 8px;
transition: all 0.4s;
}
.exploreaza_wrap .exploreaza .head .right_side .tabs span {
font-weight: 500;
font-size: 16px;
line-height: 125%;
color: #A2A2A9;
padding: 10px 22px;
width: 50%;
text-align: center;
position: relative;
z-index: 1;
cursor: pointer;
transition: all 0.4s;
}
.exploreaza_wrap .exploreaza .process .proces_steps {
justify-content: space-between;
position: relative;
display: none;
}
@media screen and (max-width: 768px) {
.exploreaza_wrap .exploreaza .process .proces_steps {
flex-wrap: wrap;
}
}
.exploreaza_wrap .exploreaza .process .proces_steps.active {
display: flex;
}
.exploreaza_wrap .exploreaza .process .proces_steps:before {
content: "";
width: 90%;
height: 1px;
background: #A2A2A9;
position: absolute;
left: 5%;
right: 5%;
top: 50%;
z-index: 1;
}
@media screen and (max-width: 768px) {
.exploreaza_wrap .exploreaza .process .proces_steps:before {
display: none;
}
}
.exploreaza_wrap .exploreaza .process .proces_steps:after {
content: "";
position: absolute;
left: 50%;
height: 80px;
width: 1px;
background: #A2A2A9;
z-index: 1;
bottom: -50px;
}
@media screen and (max-width: 768px) {
.exploreaza_wrap .exploreaza .process .proces_steps:after {
display: none;
}
}
.exploreaza_wrap .exploreaza .process .proces_steps.manual_clicked .process_step:first-of-type {
transform: rotate(-2deg);
}
.exploreaza_wrap .exploreaza .process .proces_steps.manual_clicked .process_step:last-of-type {
transform: rotate(2deg);
}
.exploreaza_wrap .exploreaza .process .proces_steps .process_step {
border: 1px solid #A2A2A9;
background: #1e1e1e;
padding: 24px;
border-radius: 20px;
width: calc(33.3333333333% - 26px);
transition: all 0.4s;
position: relative;
z-index: 2;
}
@media screen and (max-width: 991px) {
.exploreaza_wrap .exploreaza .process .proces_steps .process_step {
padding: 24px 20px;
}
}
@media screen and (max-width: 768px) {
.exploreaza_wrap .exploreaza .process .proces_steps .process_step {
width: 100%;
margin-bottom: 12px;
}
}
.exploreaza_wrap .exploreaza .process .proces_steps .process_step:hover {
background: #271416;
transition: all 0.4s;
border: 1px solid #E6283C;
}
.exploreaza_wrap .exploreaza .process .proces_steps .process_step:hover .process_description {
color: #E6283C;
transition: all 0.4s;
}
.exploreaza_wrap .exploreaza .process .proces_steps .process_step .process_step_head {
display: flex;
justify-content: space-between;
margin-bottom: 20px;
align-items: center;
}
@media screen and (max-width: 768px) {
.exploreaza_wrap .exploreaza .process .proces_steps .process_step .process_step_head {
margin-bottom: 14px;
}
}
.exploreaza_wrap .exploreaza .process .proces_steps .process_step .process_step_head .number {
font-weight: 500;
font-size: 23px;
line-height: 120%;
color: #A2A2A9;
}
.exploreaza_wrap .exploreaza .process .proces_steps .process_step .process_name {
font-weight: 500;
font-size: 32px;
line-height: 120%;
color: #F2F2F2;
margin-bottom: 8px;
}
@media screen and (max-width: 991px) {
.exploreaza_wrap .exploreaza .process .proces_steps .process_step .process_name {
font-size: 24px;
}
}
@media screen and (max-width: 768px) {
.exploreaza_wrap .exploreaza .process .proces_steps .process_step .process_name {
font-size: 23px;
}
}
.exploreaza_wrap .exploreaza .process .proces_steps .process_step .process_description {
font-weight: 400;
font-size: 16px;
line-height: 125%;
color: #A2A2A9;
transition: all 0.4s;
}
.exploreaza_wrap .exploreaza .process .proces_steps .process_step .manual {
display: none;
}
.exploreaza_wrap .exploreaza .process .exceptions {
border: 1px solid #A2A2A9;
border-radius: 12px;
padding: 8px 12px;
background: #1e1e1e;
font-weight: 500;
font-size: 16px;
line-height: 125%;
color: #F2F2F2;
margin: 24px auto 32px;
width: fit-content;
display: flex;
justify-content: center;
align-items: center;
position: relative;
z-index: 2;
}
@media screen and (max-width: 768px) {
.exploreaza_wrap .exploreaza .process .exceptions {
margin: 0 auto 16px;
flex-wrap: wrap;
justify-content: flex-start;
width: 100%;
}
}
@media screen and (max-width: 768px) {
.exploreaza_wrap .exploreaza .process .exceptions .content {
width: 100%;
margin-top: 14px;
}
}
.exploreaza_wrap .exploreaza .process .exceptions svg {
margin-right: 8px;
}
@media screen and (max-width: 768px) {
.exploreaza_wrap .exploreaza .process .exceptions svg {
width: 40px;
height: 40px;
}
}
.exploreaza_wrap .exploreaza .process .exceptions .manual {
display: none;
}
.exploreaza_wrap .exploreaza .process .process_note {
color: #E6283C;
font-weight: 500;
font-size: 23px;
line-height: 120%;
letter-spacing: 0%;
display: none;
text-align: center;
}
@media screen and (max-width: 768px) {
.exploreaza_wrap .exploreaza .process .process_note {
font-size: 16px;
}
}
.exploreaza_wrap .exploreaza .process .process_note.active {
display: block;
}
.exploreaza_wrap .exploreaza .process .process_note .content {
display: none;
}
.exploreaza_wrap .exploreaza .process .process_note .content.active {
display: block;
}
.exploreaza_wrap .exploreaza .process .process_footer {
margin-top: 32px;
padding-top: 32px;
border-top: 1px solid #A2A2A9;
display: flex;
justify-content: space-between;
align-items: center;
}
@media screen and (max-width: 768px) {
.exploreaza_wrap .exploreaza .process .process_footer {
margin-top: 16px;
padding-top: 16px;
flex-wrap: wrap;
}
}
.exploreaza_wrap .exploreaza .process .process_footer .process_footer_left {
width: calc(100% - 300px);
}
@media screen and (max-width: 768px) {
.exploreaza_wrap .exploreaza .process .process_footer .process_footer_left {
width: 100%;
margin-bottom: 12px;
}
}
.exploreaza_wrap .exploreaza .process .process_footer .process_footer_left .ilustrate_note {
font-weight: 400;
font-size: 16px;
line-height: 125%;
color: #F2F2F2;
}
@media screen and (max-width: 768px) {
.exploreaza_wrap .exploreaza .process .process_footer .process_footer_left .ilustrate_note {
font-size: 11px;
text-align: left;
}
}
.exploreaza_wrap .exploreaza .process .process_footer .process_footer_button {
padding: 10px 0;
border-bottom: 1px solid #F2F2F2;
font-weight: 500;
font-size: 16px;
line-height: 125%;
display: flex;
justify-content: center;
align-items: center;
color: #F2F2F2;
}
@media screen and (max-width: 768px) {
.exploreaza_wrap .exploreaza .process .process_footer .process_footer_button {
width: 100%;
}
}
.exploreaza_wrap .exploreaza .process .process_footer .process_footer_button svg {
margin-left: 10px;
}
.levels_wrap {
padding: 80px 0;
background: var(--whiteBG);
}
.levels_wrap h2 {
font-weight: 500;
font-size: 64px;
line-height: 120%;
color: var(--mainColor);
margin-bottom: 24px;
}
@media screen and (max-width: 1200px) {
.levels_wrap h2 {
font-size: 48px;
}
}
@media screen and (max-width: 768px) {
.levels_wrap h2 {
font-size: 32px;
}
}
.levels_wrap ul {
display: flex;
justify-content: space-between;
align-items: center;
}
@media screen and (max-width: 768px) {
.levels_wrap ul {
flex-wrap: wrap;
}
}
@media screen and (max-width: 768px) {
.levels_wrap ul li {
width: 100%;
margin-bottom: 12px;
text-align: center;
}
}
.levels_wrap ul li.active span {
color: #049541;
border: 1px solid #049541;
background: rgba(4, 149, 65, 0.1215686275);
transition: all 0.4s;
}
.levels_wrap ul li span {
border: 1px solid #A2A2A9;
padding: 12px 50px;
border-radius: 999px;
font-weight: 500;
font-size: 23px;
line-height: 120%;
letter-spacing: 0%;
color: var(--mainColor);
display: block;
transition: all 0.4s;
cursor: pointer;
}
@media screen and (max-width: 1200px) {
.levels_wrap ul li span {
font-size: 18px;
padding: 12px 30px;
}
}
@media screen and (max-width: 768px) {
.levels_wrap ul li.arrow {
transform: rotate(90deg);
width: auto;
margin: 0 auto 12px;
}
}
@media screen and (max-width: 768px) {
.levels_wrap ul li.arrow svg {
width: 30px;
height: 30px;
}
}
.levels_wrap ul li.arrow:last-of-type {
display: none;
}
.levels_wrap .associated_text {
margin-top: 42px;
}
.levels_wrap .associated_text p {
text-align: right;
display: none;
}
.what_we_build_wrap {
padding: 80px 0;
}
.what_we_build_wrap .what_we_build {
display: flex;
justify-content: space-between;
}
@media screen and (max-width: 991px) {
.what_we_build_wrap .what_we_build {
flex-wrap: wrap;
}
}
.what_we_build_wrap .what_we_build .subtitle_side {
width: 20%;
padding-top: 10px;
}
@media screen and (max-width: 991px) {
.what_we_build_wrap .what_we_build .subtitle_side {
width: 100%;
margin-bottom: 8px;
padding-top: 0;
}
}
.what_we_build_wrap .what_we_build .content_side {
width: calc(80% - 48px);
}
@media screen and (max-width: 991px) {
.what_we_build_wrap .what_we_build .content_side {
width: 100%;
}
}
.what_we_build_wrap .what_we_build .content_side h2 {
font-weight: 500;
font-size: 64px;
line-height: 120%;
color: var(--mainColor);
margin-bottom: 24px;
padding-bottom: 24px;
border-bottom: 1px solid #A2A2A9;
}
@media screen and (max-width: 1200px) {
.what_we_build_wrap .what_we_build .content_side h2 {
font-size: 48px;
}
}
@media screen and (max-width: 768px) {
.what_we_build_wrap .what_we_build .content_side h2 {
font-size: 32px;
}
}
.what_we_build_wrap .what_we_build .content_side h2 span {
display: block;
color: #E6283C;
}
.what_we_build_wrap .what_we_build .content_side ul li {
display: flex;
justify-content: space-between;
margin-bottom: 24px;
padding-bottom: 24px;
border-bottom: 1px solid #A2A2A9;
}
@media screen and (max-width: 768px) {
.what_we_build_wrap .what_we_build .content_side ul li {
flex-wrap: wrap;
position: relative;
}
}
.what_we_build_wrap .what_we_build .content_side ul li .number {
font-weight: 500;
font-size: 32px;
line-height: 120%;
color: #E6283C;
width: calc(10% - 10px);
}
@media screen and (max-width: 768px) {
.what_we_build_wrap .what_we_build .content_side ul li .number {
margin-bottom: 18px;
font-size: 20px;
position: absolute;
left: 0;
top: 3px;
width: auto;
}
}
.what_we_build_wrap .what_we_build .content_side ul li h4 {
width: calc(50% - 20px);
font-weight: 500;
font-size: 36px;
line-height: 120%;
letter-spacing: 0%;
color: var(--mainColor);
}
@media screen and (max-width: 768px) {
.what_we_build_wrap .what_we_build .content_side ul li h4 {
width: 100%;
font-size: 23px;
padding-left: 40px;
}
}
.what_we_build_wrap .what_we_build .content_side ul li p {
width: calc(40% - 20px);
font-weight: 400;
font-size: 20px;
line-height: 120%;
color: var(--mainPcolor);
}
@media screen and (max-width: 768px) {
.what_we_build_wrap .what_we_build .content_side ul li p {
width: 100%;
margin-top: 12px;
font-size: 16px;
padding-left: 40px;
}
}
.center_people_wrap {
padding: 80px 0;
background: #E9DBDB;
}
@media screen and (max-width: 768px) {
.center_people_wrap {
padding: 60px 0;
}
}
.center_people_wrap .center_people {
display: flex;
justify-content: space-between;
}
@media screen and (max-width: 991px) {
.center_people_wrap .center_people {
flex-wrap: wrap;
}
}
.center_people_wrap .center_people .left_side {
width: calc(40% - 24px);
}
@media screen and (max-width: 991px) {
.center_people_wrap .center_people .left_side {
width: 100%;
margin-bottom: 24px;
}
}
.center_people_wrap .center_people .left_side h2 {
font-weight: 500;
font-size: 64px;
line-height: 120%;
color: var(--mainColor);
}
@media screen and (max-width: 1200px) {
.center_people_wrap .center_people .left_side h2 {
font-size: 48px;
}
}
@media screen and (max-width: 768px) {
.center_people_wrap .center_people .left_side h2 {
font-size: 32px;
}
}
.center_people_wrap .center_people .left_side h2 span {
color: #E6283C;
display: block;
}
.center_people_wrap .center_people .right_side {
width: calc(60% - 24px);
}
@media screen and (max-width: 991px) {
.center_people_wrap .center_people .right_side {
width: 100%;
}
}
.center_people_wrap .center_people .right_side h4 {
font-weight: 500;
font-size: 36px;
line-height: 120%;
color: var(--mainColor);
margin-bottom: 12px;
}
@media screen and (max-width: 1200px) {
.center_people_wrap .center_people .right_side h4 {
font-size: 28px;
}
}
@media screen and (max-width: 768px) {
.center_people_wrap .center_people .right_side h4 {
font-size: 23px;
}
}
.center_people_wrap .center_people .right_side p {
font-weight: 400;
font-size: 18px;
line-height: 120%;
color: var(--mainPcolor);
}
@media screen and (max-width: 768px) {
.center_people_wrap .center_people .right_side p {
width: 100%;
font-size: 16px;
}
}
.from_idea_to_work {
display: flex;
justify-content: space-between;
padding: 80px 0;
}
@media screen and (max-width: 991px) {
.from_idea_to_work {
flex-wrap: wrap;
}
}
.from_idea_to_work .left_side {
width: calc(55% - 24px);
}
@media screen and (max-width: 991px) {
.from_idea_to_work .left_side {
width: 100%;
}
}
.from_idea_to_work .left_side .accordion .accordion_item {
border-bottom: 1px solid #A2A2A9;
padding-bottom: 24px;
margin-bottom: 24px;
}
.from_idea_to_work .left_side .accordion .accordion_item:last-of-type {
margin-bottom: 0;
border-bottom: 0;
padding-bottom: 0;
}
.from_idea_to_work .left_side .accordion .accordion_item.active .accordion_header .icon .plus {
opacity: 0;
transition: all 0.4s;
}
.from_idea_to_work .left_side .accordion .accordion_item.active .accordion_header .icon .minus {
opacity: 1;
transition: all 0.4s;
}
.from_idea_to_work .left_side .accordion .accordion_item .accordion_header {
padding-left: 62px;
display: flex;
justify-content: space-between;
position: relative;
align-items: center;
cursor: pointer;
}
@media screen and (max-width: 768px) {
.from_idea_to_work .left_side .accordion .accordion_item .accordion_header {
padding-left: 0;
}
}
.from_idea_to_work .left_side .accordion .accordion_item .accordion_header .number {
position: absolute;
left: 0;
top: 8px;
font-weight: 500;
font-size: 32px;
line-height: 120%;
color: #E6283C;
}
@media screen and (max-width: 768px) {
.from_idea_to_work .left_side .accordion .accordion_item .accordion_header .number {
font-size: 16px;
position: initial;
}
}
.from_idea_to_work .left_side .accordion .accordion_item .accordion_header span {
font-weight: 500;
font-size: 45px;
line-height: 120%;
color: var(--mainColor);
width: calc(100% - 60px);
}
@media screen and (max-width: 991px) {
.from_idea_to_work .left_side .accordion .accordion_item .accordion_header span {
font-size: 36px;
}
}
@media screen and (max-width: 768px) {
.from_idea_to_work .left_side .accordion .accordion_item .accordion_header span {
font-size: 18px;
margin-left: 10px;
}
}
.from_idea_to_work .left_side .accordion .accordion_item .accordion_header .icon {
width: 54px;
height: 54px;
position: relative;
}
@media screen and (max-width: 768px) {
.from_idea_to_work .left_side .accordion .accordion_item .accordion_header .icon {
width: 20px;
height: 20px;
}
}
.from_idea_to_work .left_side .accordion .accordion_item .accordion_header .icon .plus {
position: absolute;
top: calc(50% - 18px);
left: calc(50% - 18px);
opacity: 1;
transition: all 0.4s;
}
.from_idea_to_work .left_side .accordion .accordion_item .accordion_header .icon .minus {
opacity: 0;
position: absolute;
top: calc(50% - 18px);
left: calc(50% - 18px);
transition: all 0.4s;
}
.from_idea_to_work .left_side .accordion .accordion_item .accordion_content {
padding-top: 12px;
display: none;
padding-left: 62px;
}
@media screen and (max-width: 768px) {
.from_idea_to_work .left_side .accordion .accordion_item .accordion_content {
padding-left: 0;
}
}
.from_idea_to_work .left_side .accordion .accordion_item .accordion_content p {
font-weight: 400;
font-size: 23px;
line-height: 120%;
color: var(--mainPcolor);
margin-bottom: 12px;
}
@media screen and (max-width: 768px) {
.from_idea_to_work .left_side .accordion .accordion_item .accordion_content p {
font-size: 16px;
}
}
.from_idea_to_work .left_side .accordion .accordion_item .accordion_content span {
border: 1px solid #049541;
display: block;
width: fit-content;
background: rgba(4, 149, 65, 0.1019607843);
padding: 8px 16px;
border-radius: 999px;
font-weight: 500;
font-size: 16px;
line-height: 125%;
color: #049541;
}
.from_idea_to_work .right_side {
width: calc(45% - 24px);
}
@media screen and (max-width: 991px) {
.from_idea_to_work .right_side {
width: 100%;
margin-bottom: 48px;
}
}
.from_idea_to_work .right_side h2 {
font-weight: 500;
font-size: 64px;
line-height: 120%;
color: var(--mainColor);
margin-bottom: 12px;
}
@media screen and (max-width: 1200px) {
.from_idea_to_work .right_side h2 {
font-size: 48px;
}
}
@media screen and (max-width: 768px) {
.from_idea_to_work .right_side h2 {
font-size: 32px;
}
}
.from_idea_to_work .right_side p {
font-weight: 400;
font-size: 23px;
line-height: 120%;
color: var(--mainPcolor);
}
@media screen and (max-width: 768px) {
.from_idea_to_work .right_side p {
font-size: 16px;
}
}
.text_section_wrap {
background: var(--whiteBG);
}
.text_section_wrap .text_section .right_side h3 {
font-weight: 500;
font-size: 36px;
line-height: 120%;
margin-bottom: 12px;
color: var(--mainColor);
}
@media screen and (max-width: 991px) {
.text_section_wrap .text_section .right_side h3 {
font-size: 28px;
}
}
@media screen and (max-width: 768px) {
.text_section_wrap .text_section .right_side h3 {
font-size: 18px;
}
}
.text_section_wrap .text_section .right_side p {
font-weight: 400;
font-size: 23px;
line-height: 120%;
color: var(--mainPcolor);
margin-bottom: 24px;
}
@media screen and (max-width: 768px) {
.text_section_wrap .text_section .right_side p {
font-size: 16px;
}
}
.text_section_wrap .text_section .right_side ul {
display: flex;
justify-content: flex-start;
}
@media screen and (max-width: 768px) {
.text_section_wrap .text_section .right_side ul {
flex-wrap: wrap;
}
}
.text_section_wrap .text_section .right_side ul li {
margin-right: 44px;
position: relative;
border: 1px solid var(--mainColor);
background: rgba(162, 162, 169, 0.1019607843);
padding: 8px 16px;
border-radius: 999px;
font-weight: 500;
font-size: 16px;
line-height: 125%;
color: var(--mainColor);
}
@media screen and (max-width: 768px) {
.text_section_wrap .text_section .right_side ul li {
margin-bottom: 32px;
margin-right: 0;
width: 100%;
text-align: center;
}
}
.text_section_wrap .text_section .right_side ul li:before {
content: "";
width: 24px;
height: 24px;
background: url(//zazitex.com/wp-content/themes/zazitex/resources/img/close.svg);
position: absolute;
right: -34px;
}
@media screen and (max-width: 768px) {
.text_section_wrap .text_section .right_side ul li:before {
display: none;
}
}
.text_section_wrap .text_section .right_side ul li:last-of-type {
margin-right: 0;
}
.text_section_wrap .text_section .right_side ul li:last-of-type:before {
display: none;
}
.contact_section_wrap {
background: #121212;
padding-top: 80px;
}
.contact_section_wrap h4, .contact_section_wrap h3 {
color: #F2F2F2;
}
.contact_section_wrap p, .contact_section_wrap a {
color: #A2A2A9;
}
.contact_section_wrap form p label input, .contact_section_wrap form p label textarea {
border: 2px solid #A2A2A9;
color: white;
}
.contact_section_wrap form p label input::placeholder, .contact_section_wrap form p label textarea::placeholder {
color: #c3c3cb;
}
.contact_section_wrap form p label input:focus, .contact_section_wrap form p label textarea:focus {
outline-offset: -2px !important;
}.main_service_section {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 48px;
margin-top: 48px;
}
@media screen and (max-width: 768px) {
.main_service_section {
flex-wrap: wrap;
}
}
.main_service_section .left_side {
width: calc(62% - 10px);
}
@media screen and (max-width: 768px) {
.main_service_section .left_side {
width: 100%;
margin-bottom: 24px;
}
}
.main_service_section .left_side h1 {
font-weight: 500;
font-size: 64px;
line-height: 120%;
max-width: 900px;
}
@media screen and (max-width: 991px) {
.main_service_section .left_side h1 {
font-size: 48px;
}
}
@media screen and (max-width: 768px) {
.main_service_section .left_side h1 {
font-size: 32px;
}
}
.main_service_section .right_side {
width: calc(38% - 10px);
}
@media screen and (max-width: 768px) {
.main_service_section .right_side {
width: 100%;
}
}
.main_service_section .right_side p {
font-weight: 400;
font-size: 16px;
line-height: 125%;
margin-bottom: 24px;
}
.main_service_section .right_side a {
background: #E6283C;
border-radius: 12px 4px;
padding: 14px 20px 14px 28px;
font-weight: 500;
font-size: 16px;
line-height: 125%;
text-align: center;
color: #F2F2F2;
display: flex;
width: fit-content;
transition: all 0.4s;
text-decoration: none !important;
}
@media screen and (max-width: 768px) {
.main_service_section .right_side a {
width: 100%;
justify-content: center;
}
}
.main_service_section .right_side a svg {
margin-left: 4px;
}
.main_service_section .right_side a:hover {
--tw-scale-x: 105%;
--tw-scale-y: 105%;
--tw-scale-z: 105%;
scale: var(--tw-scale-x) var(--tw-scale-y);
background-color: #c01e31;
--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
transition: all 0.4s;
}
ul.tags {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 48px;
}
@media screen and (max-width: 768px) {
ul.tags {
flex-wrap: wrap;
}
}
ul.tags li {
margin: 0 12px;
border: 1px solid #267AEE;
padding: 12px 16px;
border-radius: 9999px;
display: flex;
align-items: center;
justify-content: center;
font-weight: 500;
font-size: 16px;
line-height: 125%;
color: #267AEE;
}
@media screen and (max-width: 768px) {
ul.tags li {
width: 100%;
margin-bottom: 12px;
}
}
ul.tags li svg {
margin-right: 8px;
}
.for_who_is {
display: flex;
justify-content: space-between;
margin-top: 192px;
}
@media screen and (max-width: 991px) {
.for_who_is {
flex-wrap: wrap;
}
}
@media screen and (max-width: 768px) {
.for_who_is {
margin-top: 80px;
}
}
.for_who_is .left_side {
width: calc(50% - 24px);
padding: 0 24px;
}
@media screen and (max-width: 991px) {
.for_who_is .left_side {
width: 100%;
margin-bottom: 24px;
padding: 0;
}
}
.for_who_is .left_side h2 {
font-weight: 500;
font-size: 64px;
line-height: 120%;
margin-bottom: 24px;
}
@media screen and (max-width: 768px) {
.for_who_is .left_side h2 {
font-size: 32px;
}
}
.for_who_is .left_side ul li {
display: flex;
align-items: center;
border-bottom: 1px solid #051C32;
margin-bottom: 6px;
padding: 14px 16px;
}
.for_who_is .left_side ul li:last-of-type {
border-bottom: 0;
}
.for_who_is .left_side ul li .icon {
margin-right: 12px;
}
.for_who_is .left_side ul li span {
font-weight: 400;
font-size: 16px;
line-height: 125%;
}
.for_who_is .right_side {
width: calc(50% - 24px);
border: 1px solid #A2A2A9;
border-radius: 8px;
padding: 24px;
}
@media screen and (max-width: 991px) {
.for_who_is .right_side {
width: 100%;
}
}
@media screen and (max-width: 768px) {
.for_who_is .right_side {
padding: 12px;
}
}
.for_who_is .right_side h3 {
font-weight: 500;
font-size: 23px;
line-height: 120%;
margin-bottom: 24px;
}
.for_who_is .right_side ul {
margin-bottom: 24px;
}
.for_who_is .right_side ul li {
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
padding: 16px 16px 16px 64px;
border-bottom: 1px solid rgba(5, 28, 50, 0.45);
cursor: pointer;
}
@media screen and (max-width: 768px) {
.for_who_is .right_side ul li {
padding: 16px 16px 16px 34px;
}
}
.for_who_is .right_side ul li:last-of-type {
border-bottom: 0;
}
.for_who_is .right_side ul li.checked:before {
border: 2px solid #049541;
background: #049541;
transition: all 0.3s;
}
.for_who_is .right_side ul li.checked:after {
opacity: 1;
transition: all 0.3s;
}
.for_who_is .right_side ul li.checked p {
text-decoration: line-through;
color: #A2A2A9;
transition: all 0.4s;
}
.for_who_is .right_side ul li.checked .label {
background: rgba(4, 149, 65, 0.1215686275);
}
.for_who_is .right_side ul li.checked .label .done {
opacity: 1;
left: 50%;
transition: all 0.4s;
}
.for_who_is .right_side ul li.checked .label .todo {
opacity: 0;
transition: all 0.4s;
}
.for_who_is .right_side ul li:before {
content: "";
width: 18px;
height: 18px;
display: block;
border: 2px solid #A2A2A9;
border-radius: 4px;
position: absolute;
left: 25px;
top: 18px;
transition: all 0.3s;
}
@media screen and (max-width: 768px) {
.for_who_is .right_side ul li:before {
left: 5px;
top: calc(50% - 9px);
}
}
.for_who_is .right_side ul li:after {
content: "";
width: 10px;
height: 6px;
border-left: 2px solid white;
border-bottom: 2px solid white;
position: absolute;
top: 23px;
left: 29px;
transform: rotate(-45deg);
opacity: 0;
transition: all 0.3s;
}
@media screen and (max-width: 768px) {
.for_who_is .right_side ul li:after {
left: 9px;
top: calc(50% - 4px);
}
}
.for_who_is .right_side ul li p {
font-weight: 500;
font-size: 16px;
line-height: 125%;
transition: all 0.4s;
}
@media screen and (max-width: 768px) {
.for_who_is .right_side ul li p {
width: calc(100% - 100px);
}
}
.for_who_is .right_side ul li .label {
background: rgba(230, 40, 60, 0.1215686275);
padding: 8px 12px;
border-radius: 99px;
position: relative;
}
.for_who_is .right_side ul li .label .done {
font-weight: 500;
font-size: 11px;
line-height: 125%;
color: #049541;
position: absolute;
opacity: 0;
top: 8px;
left: 50%;
transform: translateX(-50%);
transition: all 0.4s;
}
.for_who_is .right_side ul li .label .todo {
font-weight: 500;
font-size: 11px;
line-height: 125%;
color: #E6283C;
opacity: 1;
}
.for_who_is .right_side .side_footer {
align-items: center;
justify-content: space-between;
background: rgba(4, 149, 65, 0.1215686275);
border-radius: 12px;
padding: 12px 24px 12px 24px;
opacity: 0;
visibility: hidden;
display: none;
}
.for_who_is .right_side .side_footer.active {
display: flex;
opacity: 1;
visibility: visible;
}
@media screen and (max-width: 768px) {
.for_who_is .right_side .side_footer {
flex-wrap: wrap;
padding: 12px;
}
}
.for_who_is .right_side .side_footer p {
font-weight: 500;
font-size: 16px;
line-height: 125%;
color: #049541;
width: calc(100% - 170px);
}
@media screen and (max-width: 768px) {
.for_who_is .right_side .side_footer p {
width: 100%;
margin-bottom: 24px;
}
}
.for_who_is .right_side .side_footer a {
background: #049541;
border-radius: 12px 4px;
padding: 12px 24px 12px 24px;
font-weight: 500;
font-size: 16px;
line-height: 120%;
text-align: center;
color: #F2F2F2;
display: flex;
width: fit-content;
justify-content: center;
transition: all 0.4s;
text-decoration: none !important;
}
@media screen and (max-width: 768px) {
.for_who_is .right_side .side_footer a {
width: 100%;
}
}
.for_who_is .right_side .side_footer a svg {
margin-left: 4px;
}
.for_who_is .right_side .side_footer a:hover {
--tw-scale-x: 105%;
--tw-scale-y: 105%;
--tw-scale-z: 105%;
scale: var(--tw-scale-x) var(--tw-scale-y);
background-color: #025023;
--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
transition: all 0.4s;
}
.what_do_you_get {
margin-top: 200px;
}
@media screen and (max-width: 991px) {
.what_do_you_get {
margin-top: 80px;
}
}
.what_do_you_get h2 {
font-weight: 500;
font-size: 64px;
line-height: 120%;
margin-bottom: 4px;
}
@media screen and (max-width: 768px) {
.what_do_you_get h2 {
font-size: 32px;
}
}
.what_do_you_get p {
font-weight: 500;
font-size: 16px;
line-height: 125%;
margin-bottom: 48px;
}
@media screen and (max-width: 768px) {
.what_do_you_get p {
margin-bottom: 24px;
}
}
.what_do_you_get ul {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
.what_do_you_get ul li {
width: 25%;
padding: 40px 24px;
display: flex;
align-items: center;
border: 1px solid #A2A2A9;
border-right: 0;
}
@media screen and (max-width: 1200px) {
.what_do_you_get ul li {
width: 33.3333333333%;
}
}
@media screen and (max-width: 991px) {
.what_do_you_get ul li {
width: 50%;
}
}
@media screen and (max-width: 768px) {
.what_do_you_get ul li {
flex-wrap: wrap;
justify-content: center;
padding: 24px 12px;
}
}
.what_do_you_get ul li:nth-child(-n+4) {
border-bottom: 0;
}
@media screen and (max-width: 991px) {
.what_do_you_get ul li:nth-child(-n+6) {
border-bottom: 0;
}
}
.what_do_you_get ul li:nth-of-type(4n) {
border-right: 1px solid #A2A2A9;
}
@media screen and (max-width: 1200px) {
.what_do_you_get ul li:nth-of-type(4n) {
border-right: 0;
}
}
@media screen and (max-width: 1200px) {
.what_do_you_get ul li:nth-of-type(3n) {
border-right: 1px solid #A2A2A9;
}
}
@media screen and (max-width: 991px) {
.what_do_you_get ul li:nth-of-type(3n) {
border-right: 0;
}
}
@media screen and (max-width: 991px) {
.what_do_you_get ul li:nth-of-type(2n) {
border-right: 1px solid #A2A2A9;
}
}
.what_do_you_get ul li .icon {
margin-right: 24px;
}
@media screen and (max-width: 768px) {
.what_do_you_get ul li .icon {
margin-right: 0;
margin-bottom: 12px;
}
}
.what_do_you_get ul li p {
font-weight: 500;
font-size: 23px;
line-height: 120%;
margin-bottom: 0;
}
@media screen and (max-width: 768px) {
.what_do_you_get ul li p {
font-size: 16px;
text-align: center;
width: 100%;
}
}
.how_transform {
margin-top: 200px;
}
@media screen and (max-width: 991px) {
.how_transform {
margin-top: 100px;
}
}
.how_transform h2 {
font-weight: 500;
font-size: 64px;
line-height: 120%;
margin-bottom: 48px;
max-width: 850px;
}
@media screen and (max-width: 768px) {
.how_transform h2 {
font-size: 32px;
}
}
.how_transform ul li {
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
height: 150px;
transition: all 0.4s;
}
@media screen and (max-width: 991px) {
.how_transform ul li {
height: 100px;
}
}
@media screen and (max-width: 768px) {
.how_transform ul li {
height: auto;
flex-wrap: wrap;
margin-bottom: 32px;
}
}
.how_transform ul li:hover {
padding-left: 120px;
transition: all 0.4s;
}
@media screen and (max-width: 991px) {
.how_transform ul li:hover {
padding-left: 60px;
}
}
@media screen and (max-width: 768px) {
.how_transform ul li:hover {
padding-left: 0;
}
}
.how_transform ul li:hover p {
opacity: 1;
transition: all 0.4s;
}
.how_transform ul li:hover .img_wrap {
opacity: 1;
transition: all 0.4s;
}
.how_transform ul li p {
display: flex;
align-items: center;
font-weight: 500;
font-size: 45px;
line-height: 120%;
opacity: 0.5;
z-index: 9;
}
@media screen and (max-width: 991px) {
.how_transform ul li p {
font-size: 28px;
}
}
@media screen and (max-width: 768px) {
.how_transform ul li p {
width: 100%;
opacity: 1;
margin-bottom: 12px;
font-size: 22px;
}
}
.how_transform ul li p span {
font-weight: 400;
font-size: 32px;
line-height: 120%;
margin-right: 48px;
}
@media screen and (max-width: 991px) {
.how_transform ul li p span {
font-size: 22px;
margin-right: 24px;
}
}
@media screen and (max-width: 768px) {
.how_transform ul li p span {
font-size: 18px;
}
}
.how_transform ul li .img_wrap {
width: 360px;
height: 360px;
position: absolute;
right: 0;
top: -105px;
overflow: hidden;
opacity: 0;
transition: all 0.4s;
border-radius: 4px;
}
@media screen and (max-width: 991px) {
.how_transform ul li .img_wrap {
width: 200px;
height: 200px;
top: -50px;
}
}
@media screen and (max-width: 768px) {
.how_transform ul li .img_wrap {
position: relative;
top: 0;
width: 100%;
height: auto;
opacity: 1;
}
}
.how_transform ul li .img_wrap img {
position: absolute;
left: 50%;
top: 50%;
width: 100%;
height: 100%;
transform: translate(-50%, -50%);
object-fit: cover;
}
@media screen and (max-width: 768px) {
.how_transform ul li .img_wrap img {
position: initial;
transform: none;
}
}
.time_estimate {
display: flex;
justify-content: space-between;
border: 1px solid #A2A2A9;
padding: 96px;
border-radius: 12px;
margin-top: 200px;
margin-bottom: 200px;
}
@media screen and (max-width: 1300px) {
.time_estimate {
padding: 96px 36px;
}
}
@media screen and (max-width: 991px) {
.time_estimate {
margin-top: 100px;
flex-wrap: wrap;
margin-bottom: 100px;
}
}
@media screen and (max-width: 768px) {
.time_estimate {
padding: 32px 16px;
}
}
.time_estimate .left_side {
width: calc(50% - 12px);
}
@media screen and (max-width: 991px) {
.time_estimate .left_side {
width: 100%;
margin-bottom: 24px;
}
}
.time_estimate .left_side h2 {
font-weight: 500;
font-size: 64px;
line-height: 120%;
margin-bottom: 12px;
max-width: 850px;
}
@media screen and (max-width: 1300px) {
.time_estimate .left_side h2 {
font-size: 56px;
}
}
@media screen and (max-width: 768px) {
.time_estimate .left_side h2 {
font-size: 32px;
}
}
.time_estimate .left_side p {
font-weight: 500;
font-size: 23px;
line-height: 120%;
margin-bottom: 48px;
}
@media screen and (max-width: 768px) {
.time_estimate .left_side p {
font-size: 18px;
margin-bottom: 24px;
}
}
.time_estimate .left_side a {
background: #E6283C;
border-radius: 12px 4px;
padding: 12px 20px 12px 28px;
font-weight: 500;
font-size: 16px;
line-height: 125%;
text-align: center;
color: #F2F2F2;
display: flex;
width: fit-content;
transition: all 0.4s;
text-decoration: none !important;
}
@media screen and (max-width: 768px) {
.time_estimate .left_side a {
width: 100%;
justify-content: center;
}
}
.time_estimate .left_side a svg {
margin-left: 4px;
}
.time_estimate .left_side a:hover {
--tw-scale-x: 105%;
--tw-scale-y: 105%;
--tw-scale-z: 105%;
scale: var(--tw-scale-x) var(--tw-scale-y);
background-color: #c01e31;
--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
transition: all 0.4s;
}
.time_estimate .right_side {
width: calc(50% - 12px);
display: flex;
justify-content: space-between;
flex-wrap: wrap;
border: 1px solid #A2A2A9;
padding: 24px 24px 12px;
border-radius: 8px;
}
@media screen and (max-width: 1300px) {
.time_estimate .right_side {
padding: 12px 12px 0;
}
}
@media screen and (max-width: 991px) {
.time_estimate .right_side {
width: 100%;
padding: 24px 24px 12px;
}
}
@media screen and (max-width: 768px) {
.time_estimate .right_side {
padding: 24px 16px 12px;
}
}
.time_estimate .right_side h3 {
font-weight: 500;
font-size: 32px;
line-height: 120%;
color: #267AEE;
margin-bottom: 24px;
width: 100%;
}
@media screen and (max-width: 1300px) {
.time_estimate .right_side h3 {
font-size: 28px;
margin-bottom: 12px;
}
}
@media screen and (max-width: 768px) {
.time_estimate .right_side h3 {
font-size: 24px;
}
}
.time_estimate .right_side .item {
display: flex;
align-items: center;
width: calc(50% - 6px);
margin-bottom: 12px;
background: rgba(38, 122, 238, 0.0784313725);
border-radius: 12px;
padding: 24px;
}
@media screen and (max-width: 1300px) {
.time_estimate .right_side .item {
padding: 12px;
}
}
@media screen and (max-width: 600px) {
.time_estimate .right_side .item {
width: 100%;
}
}
.time_estimate .right_side .item svg {
margin-right: 12px;
}
.time_estimate .right_side .item p {
font-weight: 400;
font-size: 23px;
line-height: 120%;
}
@media screen and (max-width: 1300px) {
.time_estimate .right_side .item p {
font-size: 18px;
}
}
.main_custom_form {
margin-bottom: 96px;
}
.main_custom_form h3 {
font-weight: 500;
font-size: 45px;
line-height: 120%;
margin-bottom: 4px;
}
@media screen and (max-width: 768px) {
.main_custom_form h3 {
font-size: 36px;
}
}
.main_custom_form p.form_description {
font-weight: 400;
font-size: 16px;
margin-bottom: 48px;
line-height: 125%;
}
@media screen and (max-width: 768px) {
.main_custom_form p.form_description {
margin-bottom: 24px;
}
}
.main_custom_form form .input_row {
display: flex;
justify-content: space-between;
}
@media screen and (max-width: 768px) {
.main_custom_form form .input_row {
flex-wrap: wrap;
}
}
.main_custom_form form .input_row p {
width: calc(50% - 12px);
}
@media screen and (max-width: 768px) {
.main_custom_form form .input_row p {
width: 100%;
}
}
.main_custom_form form .input_row p input {
width: 100%;
background: rgba(7, 7, 7, 0.0509803922);
height: 69px;
padding: 20px 24px;
font-weight: 400;
font-size: 23px;
line-height: 125%;
border-radius: 4px;
}
.main_custom_form form .input_row p input:focus {
outline: 2px solid var(--color-secondary, #E6283C) !important;
outline-offset: 2px;
}
.main_custom_form form p textarea {
width: 100%;
background: rgba(7, 7, 7, 0.0509803922);
height: 300px;
padding: 20px 24px;
border-radius: 4px;
font-size: 23px;
line-height: 125%;
}
.main_custom_form form p textarea:focus {
outline: 2px solid var(--color-secondary, #E6283C) !important;
outline-offset: 2px;
}
.main_custom_form form p input[type=submit] {
font-weight: 500;
font-size: 16px;
line-height: 125%;
text-align: center;
padding: 12px 36px;
background: #E6283C;
color: white;
border-radius: 12px 4px;
margin-top: 24px;
}
@media screen and (max-width: 768px) {
.main_custom_form form p input[type=submit] {
width: 100%;
}
}
html[data-theme=dark] .main_custom_form form .input_row p input {
background: rgba(255, 255, 255, 0.0509803922);
}
html[data-theme=dark] .main_custom_form form p textarea {
background: rgba(255, 255, 255, 0.0509803922);
}