.cs-title{ margin: 0 auto; line-height: 40px;} .cs-bg p{ font-family: "Manrope", sans-serif; font-size: 1.2rem; font-weight: 400; line-height: 26px; letter-spacing: 0.01em; text-align: left; color: #554969;} .cs-title{ font-size: 2rem;} .cs-content>div{ justify-content: left; align-items: flex-start; flex-direction: column; width: 80%; margin: auto;} .cs-content>div>p, .cs-content>div>h3{ width: 100%;} .touchpoints{ max-width: 100%;} .cs-content ol{ font-size: 18px; font-weight: 500; line-height: 30.33px; letter-spacing: 0.02em; text-align: left; color: #514d6d;} .qwert1234{ flex-direction: unset !important; justify-content: center !important; gap: 20px;} .cs-stats>div{ gap: 0;} .cs-stats>div>ul p{ color: #000; font-size: 18px; font-style: normal; font-weight: 500; line-height: 137.5%; letter-spacing: 0.22px; margin: 0; text-align: left;} .cs-stats{ align-items: baseline;} .cs-img{ object-fit: fill;} .cs-content>div.banner{ background-color: #faf8ff; margin: 60px auto; width: 90%;} .banner>div{ display: flex; align-items: self-start; flex-direction: unset; gap: 17px; border: 1px solid #d9c5fb; border-radius: 20px; padding: 20px;} .banner p{ color: #5f36ce; font-family: "Manrope", sans-serif; font-size: 20px; font-weight: 500; line-height: 36px; letter-spacing: 0.02em; text-align: left;} .cs-content>div>ul{ list-style-position: unset; padding: unset; width: 100%;} .cs-content>div>ul p{ color: #514d6d; font-size: 18px; font-style: normal; font-weight: 500; line-height: 168.5%; letter-spacing: 0.36px; padding: 10px;} .pts li{ color: #514d6d; font-size: 18px; font-style: normal; font-weight: 500; line-height: 168.5%; letter-spacing: 0.36px;} .cs-content>div>ul h3{ color: #140a26; font-family: "Manrope", sans-serif; font-size: 24px; font-weight: 700; line-height: 40.44px; letter-spacing: 0.02em; text-align: left; margin: 0;} .qwerty li{ display: flex; align-items: center; gap: 5px;} .pts{ position: relative; z-index: 2;} .theline{ height: 77%; top: 40px; left: -20px; position: absolute; background: linear-gradient(180deg, #c4a2ff 0%, #724eb1 100%); width: 1px; z-index: 1; list-style: none;} .pts li::marker{ font-size: 30px; color: #705ee8;} .qwerty li img{ margin-right: 20px;} .pts h3.solution-content{ margin: 0;} .mb-25 p{ margin: 0; padding: 8px 0 8px 0 !important;} .pointer{ display: inline-block !important; font-family: "Manrope", sans-serif !important; font-size: 52px !important; font-weight: 700 !important; line-height: 37.7px !important; letter-spacing: 0.02em !important; text-align: left !important; color: linear-gradient(180deg, #8c84c7 0%, #705ee8 30%, #3f3582 100%); padding-right: 20px;} .pts .solution-content{ display: flex; align-items: center; gap: 10px;} .pts .pointer{ background: linear-gradient(180deg, #8c84c7 0%, #705ee8 30%, #3f3582 100%); --webkit-clip: text; background-clip: text; color: transparent; margin: 0;} .figcaption{ padding: 50px 0;} .banner ul li::marker{ color: #5f36ce;} .banner ul p{ margin: 0;} .qwerty2 p, .qwerty2 h4{ margin: 0; padding: 0 !important;} .pnts{ display: flex; align-items: flex-start; gap: 10px; padding-bottom: 20px;} .pnts h4{ font-family: "Manrope", sans-serif; font-size: 20px; font-weight: 700; line-height: 33.7px; letter-spacing: 0.02em; text-align: left; color: #140a26;} .pnts img{ padding-top: 7px;} .qwerty2 p{ padding-bottom: 30px !important;} .cs-table{ flex-direction: unset !important;} .qwerty2 p{ padding-bottom: 0px !important;} @media screen and (max-width: 768px){ .cs-fold-1>div{ height: auto; border-radius: 16px;} .cs-fold-1>div:nth-child(2){ height: 360px;} .banner>div{ flex-direction: column;} .touchpoints, .figcaption>img{ width: 40%; margin: auto;} .cs-content>div h3.solution-content{ align-items: flex-start;} .cs-content>div{ width: calc(100% - 32px);} .qwert1234{ flex-direction: column !important;} .qwert1234 img{ max-width: 100%;} .cs-table{ flex-direction: column !important;}} .cs-content>div.banner{ background-color: #FAF8FF; margin: 60px auto; width: 90%;} .banner>div{ display: flex; align-items: center; flex-direction: unset; gap: 17px; border: 1px solid #D9C5FB; border-radius: 20px; padding: 20px;} .banner p{ color: #5F36CE; font-family: "Manrope", sans-serif; font-size: 20px; font-weight: 500; line-height: 36px; letter-spacing: 0.02em; text-align: left;} .cs-content>div>ul{ list-style-position: unset; padding: unset; width: 100%;} .cs-content>div>ul p{ color: #514d6d; font-size: 18px; font-style: normal; font-weight: 500; line-height: 168.5%; letter-spacing: 0.36px;} .cs-content>div>ul h3{ color: #140A26; font-family: "Manrope", sans-serif; font-size: 24px; font-weight: 700; line-height: 40.44px; letter-spacing: 0.02em; text-align: left;} .qwerty li{ display: flex; align-items: center; gap: 5px;} .pts{ position: relative; z-index: 2;} .theline{ height: 65%; top: 40px; left: -20px; position: absolute; background: linear-gradient(180deg, #C4A2FF 0%, #724EB1 100%); width: 1px; z-index: 1; list-style: none;} .qwerty li img{ margin-right: 20px;} .pts h3.solution-content{ margin: 0;} .mb-25 p{ margin: 0; padding: 8px 0 8px 0 !important;} .pointer{ display: inline-block !important; font-family: "Manrope", sans-serif !important; font-size: 52px !important; font-weight: 700 !important; line-height: 37.7px !important; letter-spacing: 0.02em !important; text-align: left !important; color: linear-gradient(180deg, #8C84C7 0%, #705EE8 30%, #3F3582 100%); padding-right: 20px;} .pts .solution-content{ display: flex; align-items: center; gap: 10px;} .pts .pointer{ background: linear-gradient(180deg, #8C84C7 0%, #705EE8 30%, #3F3582 100%); --webkit-clip: text; background-clip: text; color: transparent; margin: 0;} .figcaption{ padding: 50px 0;} @media only screen and (max-width: 768px){ .cs-fold-1>div{ height: auto; border-radius: 16px;} .cs-fold-1>div:nth-child(2){ height: 360px;} .banner>div{ flex-direction: column;} .touchpoints, .figcaption>img{ width: 100%;} .cs-content>div{ width: calc(100% - 32px);} .qwert1234{ flex-direction: column !important;}}