body,
html {
margin: 0;
padding: 0;
width: 100%;
}
.prelative-container {
max-width: 1140px;
margin: 0 auto;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
a:hover {
text-decoration: none;
}
a {
text-decoration: none;
}
.white-color-blue-background {
color: white !important;
background: #006FE6;
}
.grey-color-white-background {
color: #313f4e !important;
color: white;
border: 1px solid #d7dbdf;
}
body.page-template.page-template-home.page-template-home-php.page.page-id-5 {
margin-bottom: 0px;
}
body.page-template.page-template-customer-service.page-template-customer-service-php.page.page-id-10.logged-in.admin-bar.customize-support {
margin-bottom: 0;
}
.button-link {
display: inline-block;
padding: 12px 16px;
font-size: 14px;
border-radius: 4px;
}
header#masthead {
position: sticky;
top: 0;
background: white;
z-index: 30;
}
.header-section {
background: white;
position: sticky;
top: 0;
position: -webkit-sticky;
font-weight: 500;
box-shadow: rgba(137, 148, 159, 0.32) 0px 2px 4px;
}
.header-section .prelative-container {
position: relative;
text-align: center;
}
.header-section .prelative-container .navbar-container {
align-items: center;
display: grid;
grid-template-columns: 10% 80% 10%;
padding: 20px 12px;
}
.header-section .prelative-container .navbar-container .website-logo-header {
text-align: left;
}
.header-section .prelative-container .navbar-container ul.navbar-unoredered-list {
padding-left: 0;
display: inline-block;
margin: 0 auto;
}
.header-section .prelative-container .navbar-container ul.navbar-unoredered-list li {
display: inline-block;
padding: 0px 20px;
font-size: 14px;
}
.header-section .prelative-container .navbar-container ul.navbar-unoredered-list li .list-item-link {
color: #313f4e;
display: block;
}
.header-section .prelative-container .navbar-container ul.navbar-unoredered-list li .list-item-link i {
font-size: 12px;
}
.header-section .prelative-container .navbar-container .float-right-navbar {
color: #313f4e;
text-align: right;
font-size: 14px;
display: block;
line-height: 30px;
}
.footer-section {
padding-top: 90px;
padding-bottom: 16px;
}
.footer-section .location-container .office-location-title {
color: #313f4e;
font-weight: bold;
font-size: 14px;
margin-top: 12px;
margin-bottom: 4px;
}
.footer-section .location-container .office-location-content {
font-size: 14px;
color: #313f4e;
max-width: 245px;
margin-bottom: 4px;
}
.footer-section .location-container .phone-number {
font-size: 14px;
border-right: 1px solid black;
display: inline-block;
padding-right: 7px;
color: #313f4e;
}
.footer-section .location-container a {
font-size: 14px;
}
.footer-section .subscribe-section .subscribe-title {
font-size: 24px;
font-weight: 500;
color: #121615;
letter-spacing: -0.2px;
margin-bottom: 12px;
}
.footer-section .subscribe-section .subscribe-sub-title {
font-size: 14px;
margin-bottom: 16px;
color: #313f4e;
}
.footer-section .subscribe-section .input-subscribe {
position: relative;
width: 100%;
}
.footer-section .subscribe-section .input-subscribe .subscribe-input-area {
display: inline-block;
width: 70%;
font-size: 14px;
padding: 11px 16px;
line-height: 18px;
}
.footer-section .subscribe-section .input-subscribe .subscribe-input-area {
outline: none !important;
}
.footer-section .subscribe-section .input-subscribe .subscribe-submit-button {
display: inline-block;
padding: 12px 16px;
color: white;
background: #006FE6;
border: 1px solid #006FE6;
border-radius: 4px;
}
.footer-section .footer-item-container {
padding-left: 0;
margin-left: 0;
list-style-type: none;
}
.footer-section .footer-item-container .footer-item-title {
color: #313f4e;
font-weight: bold;
font-size: 16px;
margin-bottom: 16px;
}
.footer-section .footer-item-container .footer-item-link {
font-size: 14px;
margin-bottom: 4px;
}
.footer-section .footer-item-container .footer-item-link a {
color: #313f4e;
display: block;
line-height: 24px;
}
.footer-section .footer-item-container .footer-item-link a:hover {
color: #006FE6;
}
.copyright-section {
background: #f7f8f9;
padding: 20px 0;
font-size: 14px;
color: #313f4e;
}
.copyright-section .box-container-grid {
display: grid;
grid-template-columns: 12% 12% auto;
align-items: center;
}
.copyright-section .box-container-grid p {
margin: 0;
}
.copyright-section .box-container-grid a {
color: inherit;
}
.copyright-section .box-container-grid .social-media-container {
text-align: right;
}
.copyright-section .box-container-grid .social-media-container ul {
padding-left: 0;
margin: 0;
list-style: none;
}
.copyright-section .box-container-grid .social-media-container ul li {
display: inline-block;
}
.copyright-section .box-container-grid .social-media-container ul li a {
display: block;
font-size: 20px;
margin-right: 15px;
color: inherit;
}
.section-1-home {
background: #f7f8f9;
padding-top: 80px;
text-align: center;
}
.section-1-home .section-1-home-prelative {
max-width: 830px;
}
.section-1-home .section-1-home-prelative .section-title {
font-size: 56px;
color: #121615;
font-weight: bold;
margin-bottom: 12px;
margin-top: 0;
}
.section-1-home .section-1-home-prelative .section-title .blue-color-text {
color: #006FE6;
display: block;
}
.section-1-home .section-1-home-prelative .sub-title {
color: #313f4e;
font-size: 20px;
max-width: 800px;
line-height: 34px;
margin: 0 auto;
margin-bottom: 32px;
}
.section-1-home .section-1-home-prelative a {
font-size: 14px;
display: inline-block;
padding: 13px 50px;
border-radius: 4px;
font-weight: 400;
margin-bottom: 40px;
margin-right: 15px;
}
.section-1-home .section-1-home-prelative img {
width: 100%;
}
.section-2-home {
background-color: #001f3f;
padding: 120px 0;
}
.section-2-home .prelative-container {
text-align: center;
color: white;
}
.section-2-home .prelative-container .container-title {
font-weight: bold;
font-size: 36px;
margin-bottom: 68px;
}
.section-2-home .prelative-container .container-title i {
color: #ff1900;
}
.section-2-home .prelative-container .article-title {
font-size: 24px;
margin-top: 36px;
margin-bottom: 16px;
font-weight: bold;
}
.section-2-home .prelative-container .article-content {
font-size: 16px;
max-width: 310px;
margin: 0 auto;
}
.section-3-home .section-title {
text-align: center;
padding-top: 48px;
padding-bottom: 48px;
font-size: 36px;
font-weight: bold;
color: #121615;
}
.section-3-home .color-odd {
background: #e7f1fc;
}
.section-3-home .color-even {
background: white;
}
.section-3-home .background-color {
padding-top: 120px;
}
.section-3-home .background-color .item-container .item-title {
font-size: 30px;
margin-bottom: 24px;
font-weight: bold;
}
.section-3-home .background-color .item-container .item-content {
line-height: 28px;
font-size: 16px;
margin-bottom: 24px;
max-width: 530px;
letter-spacing: -0.5px;
}
.section-3-home .background-color .item-container .item-link-button {
padding: 14px 16px;
display: inline-block;
border-radius: 4px;
}
.section-3-home .statistic-section {
background: #005bbd;
padding: 104px 0;
}
.section-3-home .statistic-section .prelative-container {
text-align: center;
}
.section-3-home .statistic-section .prelative-container .statistic-number {
font-size: 42px;
margin-bottom: 8px;
color: white;
font-weight: bold;
}
.section-3-home .statistic-section .prelative-container .statistic-title {
color: white;
font-size: 12px;
}
.section-4-home {
text-align: center;
}
.section-4-home .section-title {
font-size: 42px;
margin-bottom: 8px;
}
.section-4-home .section-sub-title {
font-size: 20px;
margin-bottom: 32px;
}
.section-4-home .white-color-blue-background {
padding: 12px 16px;
display: inline-block;
margin-bottom: 48px;
}
.section-5-home .section-title {
font-size: 36px;
margin-bottom: 48px;
}
.section-5-home .blog-item {
padding: 120px 0;
display: block;
color: inherit;
}
.section-5-home .blog-item .blog-item-image {
width: 100%;
}
.section-5-home .blog-item .blog-category {
color: #006FE6;
font-size: 14px;
margin-top: 15px;
font-weight: bold;
}
.section-5-home .blog-item .blog-title {
margin-top: 15px;
font-size: 20px;
margin-top: 0;
height: 80px;
margin-bottom: 20px;
font-weight: bold;
}
.section-5-home .blog-item .blog-creator-info {
display: grid;
grid-template-columns: 12% 53% 35%;
color: #62707f;
font-size: 14px;
align-items: center;
letter-spacing: 0.7px;
}
.section-5-home .blog-item .blog-creator-info .blog-creator-photos {
width: 100%;
padding-right: 20%;
}
.section-5-home .blog-item .blog-creator-info .blog-creator-name {
margin-bottom: 0;
}
.section-5-home .blog-item .blog-creator-info .blog-created-date {
margin-bottom: 0;
text-align: right;
}
.section-5-home .contact-us-section {
background: #006FE6;
text-align: center;
padding: 106px 0;
}
.section-5-home .contact-us-section .contact-us-section-title {
color: white;
font-size: 42px;
font-weight: bold;
margin: 0 auto;
margin-bottom: 24px;
max-width: 930px;
}
.section-5-home .contact-us-section .contact-us-button {
color: #005bbd;
font-size: 14px;
padding: 16px 24px;
display: inline-block;
background: white;
border-radius: 4px;
}
.section-1-whatsapp-business-api .content-container {
margin-top: 100px;
margin-bottom: 100px;
position: relative;
}
.section-1-whatsapp-business-api .content-container .background-grey {
background: #daecd366;
position: absolute;
width: 68%;
height: 100%;
right: 0;
border-radius: 8px;
}
.section-1-whatsapp-business-api .content-container .item-container {
position: relative;
}
.section-1-whatsapp-business-api .content-container .item-container .left-text-container .page-navigation-title {
font-size: 12px;
font-weight: bold;
margin-bottom: 0;
}
.section-1-whatsapp-business-api .content-container .item-container .left-text-container .page-list {
font-size: 10px;
list-style-type: none;
padding-left: 0;
margin-left: 0;
}
.section-1-whatsapp-business-api .content-container .item-container .left-text-container .page-list .list-item {
display: inline-block;
margin-right: 8px;
}
.section-1-whatsapp-business-api .content-container .item-container .left-text-container .page-list .list-item a {
display: block;
}
.section-1-whatsapp-business-api .content-container .item-container .left-text-container .page-title {
font-size: 48px;
margin-top: 24px;
font-weight: bold;
color: #313f4e;
max-width: 500px;
}
.section-1-whatsapp-business-api .content-container .item-container .left-text-container .sub-title {
margin-bottom: 24px;
font-size: 20px;
color: #313f4e;
font-weight: normal;
}
.section-1-whatsapp-business-api .content-container .item-container .left-text-container .button-link {
display: inline-block;
padding: 12px 16px;
font-size: 14px;
border-radius: 4px;
}
.section-2-whatsapp-business-api .background-grey {
background: #f7f8f9;
padding: 105px 0;
}
.section-2-whatsapp-business-api .background-grey .row-5-item {
display: flex;
grid-template-columns: none;
justify-content: center;
flex-wrap: wrap;
}
.section-2-whatsapp-business-api .background-grey .row-5-item .item-image {
width: 20%;
padding: 0 30px;
}
.section-2-whatsapp-business-api .background-grey .row-5-item .item-image img {
width: 100%;
}
.section-3-whatsapp-business-api .section-waapi-build {
padding-top: 120px;
padding-bottom: 40px;
text-align: center;
margin-bottom: 80px;
}
.section-3-whatsapp-business-api .section-waapi-build .content-title {
font-size: 42px;
margin-bottom: 64px;
font-weight: bold;
color: #121615;
}
.section-3-whatsapp-business-api .section-waapi-build .container-box-item img {
margin-bottom: 32px;
}
.section-3-whatsapp-business-api .section-waapi-build .container-box-item .item-title {
font-size: 24px;
margin-bottom: 2.5rem;
font-weight: bold;
}
.section-3-whatsapp-business-api .section-waapi-build .container-box-item .item-content {
color: #313f4e;
font-size: 16px;
max-width: 310px;
}
.section-3-whatsapp-business-api .section-even-odd-area .section-odd,
.section-3-whatsapp-business-api .section-even-odd-area .section-even {
padding: 104px 0;
}
.section-3-whatsapp-business-api .section-even-odd-area .section-odd .content-image,
.section-3-whatsapp-business-api .section-even-odd-area .section-even .content-image {
width: 100%;
}
.section-3-whatsapp-business-api .section-even-odd-area .section-odd .content-title,
.section-3-whatsapp-business-api .section-even-odd-area .section-even .content-title {
font-size: 42px;
margin-bottom: 24px;
margin-top: 24px;
font-weight: bold;
max-width: 520px;
}
.section-3-whatsapp-business-api .section-even-odd-area .section-odd .subtitle-content,
.section-3-whatsapp-business-api .section-even-odd-area .section-even .subtitle-content {
font-size: 16px;
max-width: 520px;
}
.section-3-whatsapp-business-api .section-even-odd-area .section-odd .item-name,
.section-3-whatsapp-business-api .section-even-odd-area .section-even .item-name {
font-size: 12px;
color: #62707f;
font-weight: bold;
margin-bottom: 8px;
}
.section-4-whatsapp-business-api .background-color-green {
padding-top: 120px;
padding-bottom: 164px;
background: #639a50;
}
.section-4-whatsapp-business-api .background-color-green .prelative-container {
max-width: 670px;
}
.section-4-whatsapp-business-api .background-color-green .prelative-container .content-paragraph {
margin-bottom: 40px;
font-size: 32px;
color: white;
}
.section-4-whatsapp-business-api .background-color-green .prelative-container .speaker-profile {
display: grid;
grid-template-columns: 19% 80%;
}
.section-4-whatsapp-business-api .background-color-green .prelative-container .speaker-profile .speaker-photo-profile {
display: inline-block;
}
.section-4-whatsapp-business-api .background-color-green .prelative-container .speaker-profile .speaker-profile-bio {
display: inline-block;
color: white;
margin-left: 10px;
}
.section-4-whatsapp-business-api .background-color-green .prelative-container .speaker-profile .speaker-profile-bio .speaker-name {
font-size: 20px;
font-weight: bold;
margin: 0;
margin-bottom: 8px;
}
.section-4-whatsapp-business-api .background-color-green .prelative-container .speaker-profile .speaker-profile-bio .speaker-position {
font-size: 14px;
margin: 0;
}
.section-4-whatsapp-business-api .section-pricing {
text-align: center;
padding: 104px 0;
}
.section-4-whatsapp-business-api .section-pricing .section-title {
font-size: 42px;
margin-top: 48px;
margin-bottom: 8px;
font-weight: bold;
}
.section-4-whatsapp-business-api .section-pricing .section-sub-title {
font-size: 20px;
margin-bottom: 8px;
}
.section-5-whatsapp-business-api {
padding: 120px 0;
}
.section-5-whatsapp-business-api .prelative-container {
max-width: 650px;
}
.section-5-whatsapp-business-api .prelative-container .section-title {
font-size: 36px;
margin-bottom: 48px;
font-weight: bold;
}
.section-5-whatsapp-business-api .prelative-container button.accordion-button {
font-size: 20px;
font-weight: 500;
padding: 20px;
}
.section-5-whatsapp-business-api .prelative-container .accordion-button:not(.collapsed) {
padding: 20px 20px;
color: #0c63e4;
font-weight: bold;
background-color: #f7f8f9;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
box-shadow: none !important;
}
.section-5-whatsapp-business-api .prelative-container .accordion-item {
border: none;
}
.section-5-whatsapp-business-api .prelative-container .accordion-body {
background: #f7f8f9;
background-image: initial;
background-position-x: initial;
background-position-y: initial;
background-size: initial;
background-repeat-x: initial;
background-repeat-y: initial;
background-attachment: initial;
background-origin: initial;
background-clip: initial;
background-color: #f7f8f9;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
padding: 8px 28px 32px;
}
.contact-us-section-area .contact-us-section {
background: #006FE6;
text-align: center;
padding: 106px 0;
}
.contact-us-section-area .contact-us-section .contact-us-section-title {
color: white;
font-size: 42px;
font-weight: bold;
margin: 0 auto;
margin-bottom: 24px;
max-width: 930px;
}
.contact-us-section-area .contact-us-section .contact-us-button {
color: #005bbd;
font-size: 14px;
padding: 16px 24px;
display: inline-block;
background: white;
border-radius: 4px;
}
.section-1-customer-service .content-container {
margin-top: 100px;
margin-bottom: 100px;
position: relative;
}
.section-1-customer-service .content-container .background-grey {
background: #f7bfbc66;
position: absolute;
width: 68%;
height: 100%;
right: 0;
border-radius: 8px;
}
.section-1-customer-service .content-container .item-container {
position: relative;
}
.section-1-customer-service .content-container .item-container .left-text-container .page-navigation-title {
font-size: 12px;
font-weight: bold;
margin-bottom: 0;
}
.section-1-customer-service .content-container .item-container .left-text-container .page-list {
font-size: 10px;
list-style-type: none;
padding-left: 0;
margin-left: 0;
}
.section-1-customer-service .content-container .item-container .left-text-container .page-list .list-item {
display: inline-block;
margin-right: 8px;
}
.section-1-customer-service .content-container .item-container .left-text-container .page-list .list-item a {
display: block;
}
.section-1-customer-service .content-container .item-container .left-text-container .page-title {
font-size: 48px;
margin-top: 24px;
font-weight: bold;
color: #313f4e;
max-width: 500px;
}
.section-1-customer-service .content-container .item-container .left-text-container .sub-title {
margin-bottom: 24px;
font-size: 20px;
color: #313f4e;
font-weight: normal;
}
.section-1-customer-service .content-container .item-container .left-text-container .button-link {
display: inline-block;
padding: 12px 16px;
font-size: 14px;
border-radius: 4px;
}
.section-2-customer-service {
padding: 120px 0;
}
.section-2-customer-service .prelative-container {
max-width: 720px;
text-align: center;
}
.section-2-customer-service .prelative-container .section-title {
font-size: 42px;
font-weight: bold;
margin: 64px 0 8px;
}
.section-2-customer-service .prelative-container .section-sub-title {
font-size: 16px;
}
.section-3-customer-service .section-waapi-build {
padding-top: 120px;
padding-bottom: 40px;
text-align: center;
margin-bottom: 80px;
}
.section-3-customer-service .section-waapi-build .content-title {
font-size: 42px;
margin-bottom: 64px;
font-weight: bold;
color: #121615;
}
.section-3-customer-service .section-waapi-build .container-box-item img {
margin-bottom: 32px;
}
.section-3-customer-service .section-waapi-build .container-box-item .item-title {
font-size: 24px;
margin-bottom: 16px;
font-weight: bold;
}
.section-3-customer-service .section-waapi-build .container-box-item .item-content {
color: #313f4e;
font-size: 16px;
max-width: 310px;
}
.section-3-customer-service .section-even-odd-area .section-odd,
.section-3-customer-service .section-even-odd-area .section-even {
padding: 104px 0;
}
.section-3-customer-service .section-even-odd-area .section-odd .content-image,
.section-3-customer-service .section-even-odd-area .section-even .content-image {
width: 100%;
}
.section-3-customer-service .section-even-odd-area .section-odd .content-title,
.section-3-customer-service .section-even-odd-area .section-even .content-title {
font-size: 42px;
margin-bottom: 24px;
margin-top: 24px;
font-weight: bold;
max-width: 520px;
}
.section-3-customer-service .section-even-odd-area .section-odd .subtitle-content,
.section-3-customer-service .section-even-odd-area .section-even .subtitle-content {
font-size: 16px;
max-width: 520px;
}
.section-3-customer-service .section-even-odd-area .section-odd .item-name,
.section-3-customer-service .section-even-odd-area .section-even .item-name {
font-size: 12px;
color: #62707f;
font-weight: bold;
margin-bottom: 8px;
}
.section-4-customer-service .background-color-green {
padding-top: 120px;
padding-bottom: 34px;
background: #001f3f;
}
.section-4-customer-service .background-color-green .prelative-container .content-paragraph {
margin-bottom: 40px;
font-size: 36px;
font-weight: bold;
text-align: center;
color: white;
}
.section-4-customer-service .background-color-green .prelative-container .speaker-profile {
display: grid;
margin-bottom: 80px;
grid-template-columns: 15% 85%;
}
.section-4-customer-service .background-color-green .prelative-container .speaker-profile .speaker-photo-profile {
display: inline-block;
padding-right: 15px;
}
.section-4-customer-service .background-color-green .prelative-container .speaker-profile .speaker-profile-bio {
display: inline-block;
color: white;
padding-left: 10px;
}
.section-4-customer-service .background-color-green .prelative-container .speaker-profile .speaker-profile-bio .speaker-name {
font-size: 20px;
font-weight: bold;
margin: 0;
margin-bottom: 8px;
}
.section-4-customer-service .background-color-green .prelative-container .speaker-profile .speaker-profile-bio .speaker-position {
font-size: 16px;
margin: 0;
line-height: 2;
}
.section-4-customer-service .section-pricing {
text-align: center;
padding: 104px 0;
}
.section-4-customer-service .section-pricing .section-title {
font-size: 42px;
margin-top: 48px;
margin-bottom: 8px;
font-weight: bold;
}
.section-4-customer-service .section-pricing .section-sub-title {
font-size: 20px;
margin-bottom: 8px;
}
.section-5-customer-service {
padding: 120px 0;
}
.section-5-customer-service .prelative-container {
max-width: 650px;
}
.section-5-customer-service .prelative-container .section-title {
font-size: 36px;
margin-bottom: 48px;
font-weight: bold;
}
.section-5-customer-service .prelative-container button.accordion-button {
font-size: 20px;
font-weight: 500;
padding: 20px;
}
.section-5-customer-service .prelative-container .accordion-button:not(.collapsed) {
padding: 32px 24px 8px;
color: #0c63e4;
font-weight: bold;
background-color: #f7f8f9;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
box-shadow: none !important;
}
.section-5-customer-service .prelative-container .accordion-item {
border: none;
}
.section-5-customer-service .prelative-container .accordion-body {
background: #f7f8f9;
background-image: initial;
background-position-x: initial;
background-position-y: initial;
background-size: initial;
background-repeat-x: initial;
background-repeat-y: initial;
background-attachment: initial;
background-origin: initial;
background-clip: initial;
background-color: #f7f8f9;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
padding: 8px 28px 32px;
}
.section-1-marketing-engagement .content-container {
margin-top: 100px;
margin-bottom: 100px;
position: relative;
}
.section-1-marketing-engagement .content-container .background-grey {
background: #f7bfbc66;
position: absolute;
width: 68%;
height: 100%;
right: 0;
border-radius: 8px;
}
.section-1-marketing-engagement .content-container .item-container {
position: relative;
}
.section-1-marketing-engagement .content-container .item-container .left-text-container .page-navigation-title {
font-size: 12px;
font-weight: bold;
margin-bottom: 0;
}
.section-1-marketing-engagement .content-container .item-container .left-text-container .page-list {
font-size: 10px;
list-style-type: none;
padding-left: 0;
margin-left: 0;
}
.section-1-marketing-engagement .content-container .item-container .left-text-container .page-list .list-item {
display: inline-block;
margin-right: 8px;
}
.section-1-marketing-engagement .content-container .item-container .left-text-container .page-list .list-item a {
display: block;
}
.section-1-marketing-engagement .content-container .item-container .left-text-container .page-title {
font-size: 48px;
margin-top: 24px;
font-weight: bold;
color: #313f4e;
max-width: 500px;
}
.section-1-marketing-engagement .content-container .item-container .left-text-container .sub-title {
margin-bottom: 24px;
font-size: 20px;
color: #313f4e;
font-weight: normal;
}
.section-1-marketing-engagement .content-container .item-container .left-text-container .button-link {
display: inline-block;
padding: 12px 16px;
font-size: 14px;
border-radius: 4px;
}
.section-2-marketing-engagement {
padding: 120px 0;
}
.section-2-marketing-engagement .prelative-container {
max-width: 720px;
text-align: center;
}
.section-2-marketing-engagement .prelative-container .section-title {
font-size: 42px;
font-weight: bold;
margin: 64px 0 8px;
}
.section-2-marketing-engagement .prelative-container .section-sub-title {
font-size: 16px;
}
.section-3-marketing-engagement .section-waapi-build {
padding-top: 120px;
padding-bottom: 40px;
text-align: center;
margin-bottom: 80px;
}
.section-3-marketing-engagement .section-waapi-build .content-title {
font-size: 42px;
margin-bottom: 64px;
font-weight: bold;
color: #121615;
}
.section-3-marketing-engagement .section-waapi-build .container-box-item img {
margin-bottom: 32px;
}
.section-3-marketing-engagement .section-waapi-build .container-box-item .item-title {
font-size: 24px;
margin-bottom: 16px;
font-weight: bold;
}
.section-3-marketing-engagement .section-waapi-build .container-box-item .item-content {
color: #313f4e;
font-size: 16px;
max-width: 310px;
}
.section-3-marketing-engagement .section-even-odd-area .section-odd,
.section-3-marketing-engagement .section-even-odd-area .section-even {
padding: 104px 0;
}
.section-3-marketing-engagement .section-even-odd-area .section-odd .content-image,
.section-3-marketing-engagement .section-even-odd-area .section-even .content-image {
width: 100%;
}
.section-3-marketing-engagement .section-even-odd-area .section-odd .content-title,
.section-3-marketing-engagement .section-even-odd-area .section-even .content-title {
font-size: 42px;
margin-bottom: 24px;
margin-top: 24px;
font-weight: bold;
max-width: 520px;
}
.section-3-marketing-engagement .section-even-odd-area .section-odd .subtitle-content,
.section-3-marketing-engagement .section-even-odd-area .section-even .subtitle-content {
font-size: 16px;
max-width: 520px;
}
.section-3-marketing-engagement .section-even-odd-area .section-odd .item-name,
.section-3-marketing-engagement .section-even-odd-area .section-even .item-name {
font-size: 12px;
color: #62707f;
font-weight: bold;
margin-bottom: 8px;
}
.section-4-marketing-engagement .background-color-green {
padding-top: 120px;
padding-bottom: 34px;
background: #001f3f;
}
.section-4-marketing-engagement .background-color-green .prelative-container .content-paragraph {
margin-bottom: 40px;
font-size: 36px;
font-weight: bold;
text-align: center;
color: white;
}
.section-4-marketing-engagement .background-color-green .prelative-container .speaker-profile {
display: grid;
margin-bottom: 80px;
grid-template-columns: 15% 85%;
}
.section-4-marketing-engagement .background-color-green .prelative-container .speaker-profile .speaker-photo-profile {
display: inline-block;
padding-right: 15px;
}
.section-4-marketing-engagement .background-color-green .prelative-container .speaker-profile .speaker-profile-bio {
display: inline-block;
color: white;
padding-left: 10px;
}
.section-4-marketing-engagement .background-color-green .prelative-container .speaker-profile .speaker-profile-bio .speaker-name {
font-size: 20px;
font-weight: bold;
margin: 0;
margin-bottom: 8px;
}
.section-4-marketing-engagement .background-color-green .prelative-container .speaker-profile .speaker-profile-bio .speaker-position {
font-size: 16px;
margin: 0;
line-height: 2;
}
.section-4-marketing-engagement .section-pricing {
text-align: center;
padding: 104px 0;
}
.section-4-marketing-engagement .section-pricing .section-title {
font-size: 42px;
margin-top: 48px;
margin-bottom: 8px;
font-weight: bold;
}
.section-4-marketing-engagement .section-pricing .section-sub-title {
font-size: 20px;
margin-bottom: 8px;
}
.section-5-marketing-engagement {
padding: 120px 0;
}
.section-5-marketing-engagement .prelative-container {
max-width: 650px;
}
.section-5-marketing-engagement .prelative-container .section-title {
font-size: 36px;
margin-bottom: 48px;
font-weight: bold;
}
.section-5-marketing-engagement .prelative-container button.accordion-button {
font-size: 20px;
font-weight: 500;
padding: 20px;
}
.section-5-marketing-engagement .prelative-container .accordion-button:not(.collapsed) {
padding: 32px 24px 8px;
color: #0c63e4;
font-weight: bold;
background-color: #f7f8f9;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
box-shadow: none !important;
}
.section-5-marketing-engagement .prelative-container .accordion-item {
border: none;
}
.section-5-marketing-engagement .prelative-container .accordion-body {
background: #f7f8f9;
background-image: initial;
background-position-x: initial;
background-position-y: initial;
background-size: initial;
background-repeat-x: initial;
background-repeat-y: initial;
background-attachment: initial;
background-origin: initial;
background-clip: initial;
background-color: #f7f8f9;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
padding: 8px 28px 32px;
}
.section-1-healthcare .content-container {
padding-top: 80px;
position: relative;
background: #f7f8f9;
}
.section-1-healthcare .content-container .item-container {
text-align: center;
}
.section-1-healthcare .content-container .item-container .left-text-container .page-navigation-title {
font-size: 12px;
color: #004793;
padding: 8px 16px;
background: white;
border-radius: 20px;
border: 1px solid #004793;
display: inline-block;
font-weight: bold;
margin-bottom: 8px;
}
.section-1-healthcare .content-container .item-container .left-text-container .page-list {
font-size: 10px;
list-style-type: none;
padding-left: 0;
margin-left: 0;
}
.section-1-healthcare .content-container .item-container .left-text-container .page-list .list-item {
display: inline-block;
margin-right: 8px;
}
.section-1-healthcare .content-container .item-container .left-text-container .page-list .list-item a {
display: block;
}
.section-1-healthcare .content-container .item-container .left-text-container .page-title {
font-size: 48px;
margin: 0 auto;
margin-top: 24px;
font-weight: bold;
color: #313f4e;
max-width: 740px;
}
.section-1-healthcare .content-container .item-container .left-text-container .sub-title {
margin-bottom: 24px;
font-size: 20px;
color: #313f4e;
font-weight: normal;
}
.section-1-healthcare .content-container .item-container .left-text-container .button-link {
display: inline-block;
padding: 12px 16px;
font-size: 14px;
border-radius: 4px;
}
.section-2-healthcare .background-grey {
background: #e7f1fc;
padding: 80px 0;
}
.section-2-healthcare .background-grey .row-5-item {
display: grid;
grid-template-columns: 50% 50%;
max-width: 590px;
margin: 0 auto;
align-items: center;
}
.section-2-healthcare .background-grey .row-5-item .item-client {
text-align: left;
font-size: 16px;
font-weight: bold;
}
.section-2-healthcare .background-grey .row-5-item .item-image {
display: grid;
grid-template-columns: 50% 50%;
}
.section-2-healthcare .background-grey .row-5-item .item-image img {
padding: 10px;
width: 100%;
}
.section-3-healthcare .section-waapi-build {
padding-top: 120px;
padding-bottom: 40px;
text-align: center;
margin-bottom: 80px;
}
.section-3-healthcare .section-waapi-build .content-title {
font-size: 42px;
margin-bottom: 64px;
font-weight: bold;
color: #121615;
}
.section-3-healthcare .section-waapi-build .container-box-item img {
margin-bottom: 32px;
}
.section-3-healthcare .section-waapi-build .container-box-item .item-title {
font-size: 24px;
margin-bottom: 16px;
font-weight: bold;
}
.section-3-healthcare .section-waapi-build .container-box-item .item-content {
color: #313f4e;
font-size: 16px;
max-width: 310px;
}
.section-3-healthcare .section-even-odd-area .section-odd,
.section-3-healthcare .section-even-odd-area .section-even {
padding: 104px 0;
}
.section-3-healthcare .section-even-odd-area .section-odd ul,
.section-3-healthcare .section-even-odd-area .section-even ul {
margin-left: 0;
padding-left: 20px;
}
.section-3-healthcare .section-even-odd-area .section-odd .section-title-top,
.section-3-healthcare .section-even-odd-area .section-even .section-title-top {
font-size: 42px;
margin-bottom: 48px;
text-align: center;
font-weight: bold;
}
.section-3-healthcare .section-even-odd-area .section-odd .content-image,
.section-3-healthcare .section-even-odd-area .section-even .content-image {
width: 100%;
}
.section-3-healthcare .section-even-odd-area .section-odd .content-title,
.section-3-healthcare .section-even-odd-area .section-even .content-title {
font-size: 36px;
margin-bottom: 16px;
font-weight: bold;
max-width: 520px;
}
.section-3-healthcare .section-even-odd-area .section-odd .subtitle-content,
.section-3-healthcare .section-even-odd-area .section-even .subtitle-content {
font-size: 16px;
max-width: 520px;
}
.section-3-healthcare .section-even-odd-area .section-odd .item-name,
.section-3-healthcare .section-even-odd-area .section-even .item-name {
font-size: 12px;
color: #62707f;
font-weight: bold;
margin-bottom: 8px;
}
.section-3-healthcare .section-even-odd-area .section-odd .company-logo-image,
.section-3-healthcare .section-even-odd-area .section-even .company-logo-image {
max-width: 20%;
margin-bottom: 24px;
}
.section-3-healthcare .section-even-odd-area .section-odd .item-list,
.section-3-healthcare .section-even-odd-area .section-even .item-list {
margin-left: 0;
}
.section-3-healthcare .section-even-odd-area .section-odd .description-title,
.section-3-healthcare .section-even-odd-area .section-even .description-title {
font-size: 16px;
margin-bottom: 8px;
}
.section-3-healthcare .section-even-odd-area .section-odd .sub-title,
.section-3-healthcare .section-even-odd-area .section-even .sub-title {
font-size: 12px;
margin-bottom: 8px;
}
.section-3-healthcare .section-even-odd-area .section-odd .section-5-healthcare .prelative-container,
.section-3-healthcare .section-even-odd-area .section-even .section-5-healthcare .prelative-container {
max-width: 650px;
}
.section-3-healthcare .section-even-odd-area .section-odd .section-5-healthcare .prelative-container .section-title,
.section-3-healthcare .section-even-odd-area .section-even .section-5-healthcare .prelative-container .section-title {
font-size: 36px;
margin-bottom: 48px;
font-weight: bold;
}
.section-3-healthcare .section-even-odd-area .section-odd .section-5-healthcare .prelative-container button.accordion-button,
.section-3-healthcare .section-even-odd-area .section-even .section-5-healthcare .prelative-container button.accordion-button {
font-size: 20px;
font-weight: 500;
padding: 20px;
}
.section-3-healthcare .section-even-odd-area .section-odd .section-5-healthcare .prelative-container .accordion-button:not(.collapsed),
.section-3-healthcare .section-even-odd-area .section-even .section-5-healthcare .prelative-container .accordion-button:not(.collapsed) {
padding: 32px 24px 8px;
color: #0c63e4;
font-weight: bold;
background-color: #f7f8f9;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
box-shadow: none !important;
}
.section-3-healthcare .section-even-odd-area .section-odd .section-5-healthcare .prelative-container .accordion-item,
.section-3-healthcare .section-even-odd-area .section-even .section-5-healthcare .prelative-container .accordion-item {
border: none;
}
.section-3-healthcare .section-even-odd-area .section-odd .section-5-healthcare .prelative-container .accordion-body,
.section-3-healthcare .section-even-odd-area .section-even .section-5-healthcare .prelative-container .accordion-body {
background: #f7f8f9;
background-image: initial;
background-position-x: initial;
background-position-y: initial;
background-size: initial;
background-repeat-x: initial;
background-repeat-y: initial;
background-attachment: initial;
background-origin: initial;
background-clip: initial;
background-color: #f7f8f9;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
padding: 8px 28px 32px;
}
.section-4-healthcare .background-color-green {
padding-top: 120px;
padding-bottom: 164px;
background: #639a50;
}
.section-4-healthcare .background-color-green .prelative-container {
max-width: 670px;
}
.section-4-healthcare .background-color-green .prelative-container .content-paragraph {
margin-bottom: 40px;
font-size: 32px;
color: white;
}
.section-4-healthcare .background-color-green .prelative-container .speaker-profile {
display: grid;
grid-template-columns: 19% 80%;
}
.section-4-healthcare .background-color-green .prelative-container .speaker-profile .speaker-photo-profile {
display: inline-block;
}
.section-4-healthcare .background-color-green .prelative-container .speaker-profile .speaker-profile-bio {
display: inline-block;
color: white;
margin-left: 10px;
}
.section-4-healthcare .background-color-green .prelative-container .speaker-profile .speaker-profile-bio .speaker-name {
font-size: 20px;
font-weight: bold;
margin: 0;
margin-bottom: 8px;
}
.section-4-healthcare .background-color-green .prelative-container .speaker-profile .speaker-profile-bio .speaker-position {
font-size: 14px;
margin: 0;
}
.section-4-healthcare .section-pricing {
text-align: center;
padding: 104px 0;
}
.section-4-healthcare .section-pricing .section-title {
font-size: 42px;
margin-top: 48px;
margin-bottom: 8px;
font-weight: bold;
}
.section-4-healthcare .section-pricing .section-sub-title {
font-size: 20px;
margin-bottom: 8px;
}
.section-1-kata-flow .content-container {
margin-top: 100px;
margin-bottom: 100px;
position: relative;
}
.section-1-kata-flow .content-container .background-grey {
background: #daecd366;
position: absolute;
width: 68%;
height: 100%;
right: 0;
border-radius: 8px;
}
.section-1-kata-flow .content-container .item-container {
position: relative;
}
.section-1-kata-flow .content-container .item-container .left-text-container .page-navigation-title {
font-size: 12px;
font-weight: bold;
margin-bottom: 0;
}
.section-1-kata-flow .content-container .item-container .left-text-container .page-list {
font-size: 10px;
list-style-type: none;
padding-left: 0;
margin-left: 0;
}
.section-1-kata-flow .content-container .item-container .left-text-container .page-list .list-item {
display: inline-block;
margin-right: 8px;
}
.section-1-kata-flow .content-container .item-container .left-text-container .page-list .list-item a {
display: block;
}
.section-1-kata-flow .content-container .item-container .left-text-container .page-title {
font-size: 48px;
margin-top: 24px;
font-weight: bold;
color: #313f4e;
max-width: 500px;
}
.section-1-kata-flow .content-container .item-container .left-text-container .sub-title {
margin-bottom: 24px;
font-size: 20px;
color: #313f4e;
font-weight: normal;
}
.section-1-kata-flow .content-container .item-container .left-text-container .button-link {
display: inline-block;
padding: 12px 16px;
font-size: 14px;
border-radius: 4px;
}
.section-2-kata-flow {
background: #005bbd;
color: white;
text-align: center;
padding: 120px 0;
}
.section-2-kata-flow .section-title {
font-size: 36px;
margin-bottom: 24px;
font-weight: bold;
}
.section-2-kata-flow .section-sub-title {
font-size: 16px;
margin: 0 auto;
margin-bottom: 48px;
max-width: 740px;
}
.section-2-kata-flow .content-title {
font-size: 24px;
margin: 32px 0 24px;
font-weight: bold;
}
.section-2-kata-flow .content-paragraph {
font-size: 16px;
}
.section-3-kata-flow .section-even-odd-area .section-odd,
.section-3-kata-flow .section-even-odd-area .section-even {
padding: 120px 0;
}
.section-3-kata-flow .section-even-odd-area .section-odd .content-image,
.section-3-kata-flow .section-even-odd-area .section-even .content-image {
width: 100%;
}
.section-3-kata-flow .section-even-odd-area .section-odd .content-title,
.section-3-kata-flow .section-even-odd-area .section-even .content-title {
font-size: 42px;
margin-bottom: 24px;
margin-top: 24px;
font-weight: bold;
max-width: 520px;
}
.section-3-kata-flow .section-even-odd-area .section-odd .subtitle-content,
.section-3-kata-flow .section-even-odd-area .section-even .subtitle-content {
font-size: 16px;
max-width: 520px;
}
.section-3-kata-flow .section-even-odd-area .section-odd .item-name,
.section-3-kata-flow .section-even-odd-area .section-even .item-name {
font-size: 12px;
color: #62707f;
font-weight: bold;
margin-bottom: 8px;
}
.section-4-kata-flow .section-background-grey {
background: #f7f8f9;
padding: 104px 0;
}
.section-4-kata-flow .section-background-grey .section-title {
text-align: center;
font-size: 36px;
font-weight: bold;
margin-bottom: 24px;
}
.section-4-kata-flow .section-background-grey .section-sub-title {
font-size: 16px;
text-align: center;
margin-bottom: 48px;
}
.section-4-kata-flow .section-background-grey .content-image {
background: #006FE6;
border-radius: 100%;
padding: 16px;
display: inline-block;
}
.section-4-kata-flow .section-background-grey .item-description {
font-size: 20px;
margin-bottom: 16px;
font-weight: bold;
padding-left: 10px;
display: inline-block;
}
.section-4-kata-flow .section-pricing {
text-align: center;
padding: 104px 0;
}
.section-4-kata-flow .section-pricing .section-title {
font-size: 42px;
margin-top: 48px;
margin-bottom: 8px;
font-weight: bold;
}
.section-4-kata-flow .section-pricing .section-sub-title {
font-size: 20px;
margin-bottom: 8px;
}
.section-5-kata-flow {
padding: 120px 0;
}
.section-5-kata-flow .content-container {
background: #006FE6;
border-radius: 8px;
padding: 58px 92px;
display: grid;
grid-template-columns: 65% 35%;
}
.section-5-kata-flow .content-container .left-item {
padding: 0 12px;
}
.section-5-kata-flow .content-container .left-item .section-title {
font-size: 42px;
margin-bottom: 24px;
font-weight: bold;
color: white;
max-width: 620px;
}
.section-5-kata-flow .content-container .left-item .contact-us-button {
color: #005bbd;
font-size: 14px;
padding: 16px 24px;
display: inline-block;
background: white;
border-radius: 4px;
}
.section-5-kata-flow .content-container .right-item {
padding: 0 12px;
}
.section-1-kata-omnichat .content-container {
padding-top: 100px;
padding-bottom: 100px;
position: relative;
}
.section-1-kata-omnichat .content-container .background-grey {
background: url("../img/shapes.png");
position: absolute;
top: 0;
width: 68%;
height: 100%;
right: 0;
border-radius: 8px;
}
.section-1-kata-omnichat .content-container .item-container {
position: relative;
}
.section-1-kata-omnichat .content-container .item-container .left-text-container .page-navigation-title {
font-size: 12px;
font-weight: bold;
margin-bottom: 0;
}
.section-1-kata-omnichat .content-container .item-container .left-text-container .page-list {
font-size: 10px;
list-style-type: none;
padding-left: 0;
margin-left: 0;
}
.section-1-kata-omnichat .content-container .item-container .left-text-container .page-list .list-item {
display: inline-block;
margin-right: 8px;
}
.section-1-kata-omnichat .content-container .item-container .left-text-container .page-list .list-item a {
display: block;
}
.section-1-kata-omnichat .content-container .item-container .left-text-container .page-title {
font-size: 42px;
margin-top: 24px;
font-weight: bold;
color: #313f4e;
max-width: 480px;
}
.section-1-kata-omnichat .content-container .item-container .left-text-container .sub-title {
margin-bottom: 24px;
font-size: 20px;
color: #313f4e;
font-weight: normal;
}
.section-1-kata-omnichat .content-container .item-container .left-text-container .button-link {
display: inline-block;
padding: 12px 16px;
font-size: 14px;
border-radius: 4px;
}
.section-2-kata-omnichat {
padding: 120px 0;
}
.section-2-kata-omnichat .section-title {
font-size: 42px;
margin-bottom: 24px;
text-align: center;
font-weight: bold;
}
.section-2-kata-omnichat .sub-title {
text-align: center;
font-size: 16px;
margin-bottom: 64px;
}
.section-2-kata-omnichat .item-container {
padding: 36px;
margin-bottom: 48px;
}
.section-2-kata-omnichat .item-container .content-image {
margin: 0 auto;
}
.section-2-kata-omnichat .item-container .item-title {
font-size: 24px;
margin: 16px 0;
font-weight: bold;
}
.section-2-kata-omnichat .item-container .item-description {
font-size: 16px;
margin-bottom: 0;
height: 120px;
}
.section-3-kata-omnichat .section-even-odd-area .section-odd,
.section-3-kata-omnichat .section-even-odd-area .section-even {
padding: 120px 0;
}
.section-3-kata-omnichat .section-even-odd-area .section-odd .content-image,
.section-3-kata-omnichat .section-even-odd-area .section-even .content-image {
width: 100%;
}
.section-3-kata-omnichat .section-even-odd-area .section-odd .content-title,
.section-3-kata-omnichat .section-even-odd-area .section-even .content-title {
font-size: 42px;
margin-bottom: 24px;
margin-top: 24px;
font-weight: bold;
max-width: 520px;
}
.section-3-kata-omnichat .section-even-odd-area .section-odd .subtitle-content,
.section-3-kata-omnichat .section-even-odd-area .section-even .subtitle-content {
font-size: 16px;
max-width: 520px;
}
.section-3-kata-omnichat .section-even-odd-area .section-odd .item-name,
.section-3-kata-omnichat .section-even-odd-area .section-even .item-name {
font-size: 12px;
color: #62707f;
font-weight: bold;
margin-bottom: 8px;
}
.section-4-kata-omnichat .section-background-grey {
background: #f7f8f9;
padding: 104px 0;
}
.section-4-kata-omnichat .section-background-grey .section-title {
text-align: center;
font-size: 36px;
font-weight: bold;
margin-bottom: 24px;
}
.section-4-kata-omnichat .section-background-grey .section-sub-title {
font-size: 16px;
text-align: center;
margin-bottom: 48px;
}
.section-4-kata-omnichat .section-background-grey .content-image {
background: #006FE6;
border-radius: 100%;
padding: 16px;
display: inline-block;
}
.section-4-kata-omnichat .section-background-grey .item-description {
font-size: 20px;
margin-bottom: 16px;
font-weight: bold;
padding-left: 10px;
display: inline-block;
}
.section-4-kata-omnichat .section-pricing {
text-align: center;
padding: 104px 0;
}
.section-4-kata-omnichat .section-pricing .section-title {
font-size: 42px;
margin-top: 48px;
margin-bottom: 8px;
font-weight: bold;
}
.section-4-kata-omnichat .section-pricing .section-sub-title {
font-size: 20px;
margin-bottom: 8px;
}
.section-5-kata-omnichat {
padding: 120px 0;
}
.section-5-kata-omnichat .content-container {
background: #006FE6;
border-radius: 8px;
padding: 58px 92px;
display: grid;
grid-template-columns: 65% 35%;
}
.section-5-kata-omnichat .content-container .left-item {
padding: 0 12px;
}
.section-5-kata-omnichat .content-container .left-item .section-title {
font-size: 42px;
margin-bottom: 24px;
font-weight: bold;
color: white;
max-width: 620px;
}
.section-5-kata-omnichat .content-container .left-item .contact-us-button {
color: #005bbd;
font-size: 14px;
padding: 16px 24px;
display: inline-block;
background: white;
border-radius: 4px;
}
.section-5-kata-omnichat .content-container .right-item {
padding: 0 12px;
}
.section-1-pricing {
background: #001f3f;
padding: 120px 0;
text-align: center;
color: white;
}
.section-1-pricing .section-title {
font-size: 48px;
margin-bottom: 8px;
font-weight: bold;
}
.section-1-pricing .sub-title {
max-width: 360px;
font-size: 20px;
margin: 0 auto;
}
.section-2-pricing {
background: #ebedef;
padding: 120px 0;
}
.section-2-pricing .section-title {
margin-bottom: 48px;
font-size: 42px;
text-align: center;
}
.section-2-pricing .item-container {
border-radius: 8px;
background: white;
margin-bottom: 32px;
padding: 32px 48px;
}
.section-2-pricing .item-container .logo-item {
display: grid;
grid-template-columns: 5% 65% 25%;
}
.section-2-pricing .item-container .logo-item .detail-container .item-name {
font-size: 30px;
margin-bottom: 10px;
font-weight: bold;
}
.section-2-pricing .item-container .logo-item .detail-container .item-description {
font-size: 16px;
margin-bottom: 24px;
color: #62707f;
}
.section-2-pricing .item-container .logo-item .detail-container .item-list-menu {
margin: 0;
padding: 0;
list-style-type: none;
}
.section-2-pricing .item-container .logo-item .detail-container .item-list-menu .item-list-detail {
margin-bottom: 8px;
font-size: 14px;
width: 49%;
display: inline-block;
color: #62707f;
}
.section-2-pricing .item-container .logo-item .detail-container .item-list-menu .item-list-detail i {
color: #78bc61;
margin-right: 5px;
}
.section-2-pricing .item-container .logo-item .pricing-container {
text-align: center;
align-self: center;
}
.section-2-pricing .item-container .logo-item .pricing-container .content-text {
font-size: 16px;
margin-bottom: 4px;
color: #62707f;
}
.section-2-pricing .item-container .logo-item .pricing-container .price-text {
margin-bottom: 4px;
font-size: 29px;
font-weight: bold;
color: #121615;
}
.section-2-pricing .item-container .logo-item .pricing-container .button-link {
width: 100%;
}
.section-3-pricing {
background: #003369;
padding: 104px 0;
text-align: center;
color: white;
}
.section-3-pricing .content-title {
font-size: 42px;
margin: 48px 0 8px;
font-weight: bold;
}
.section-3-pricing .sub-title {
font-size: 20px;
margin: 0 auto;
margin-bottom: 32px;
max-width: 580px;
}
.section-1-case-studies {
text-align: center;
background: #e7f1fc;
padding: 140px 0;
}
.section-1-case-studies .page-name-title {
padding: 8px 16px;
background: white;
font-size: 12px;
border: 1px solid #006FE6;
color: #006FE6;
border-radius: 20px;
display: inline-block;
letter-spacing: 0.5px;
}
.section-1-case-studies .page-title {
font-weight: bold;
font-size: 48px;
max-width: 740px;
margin: 0 auto;
}
.section-2-case-studies {
background: #f7f8f9;
padding: 120px 0 72px;
}
.section-2-case-studies .section-title {
text-align: center;
font-weight: bold;
font-size: 42px;
margin-bottom: 8px;
}
.section-2-case-studies .page-sub-title {
font-size: 16px;
text-align: center;
margin-bottom: 48px;
color: #313f4e;
}
.section-2-case-studies .item-container {
border-radius: 8px;
overflow: hidden;
margin-bottom: 48px;
background: white;
}
.section-2-case-studies .item-container .image-container img {
width: 100%;
background: orange;
}
.section-2-case-studies .item-container .text-container {
padding: 24px;
}
.section-2-case-studies .item-container .text-container img {
width: 25%;
margin-bottom: 16px;
}
.section-2-case-studies .item-container .text-container .brand-item-name {
color: #62707f;
font-size: 12px;
margin-bottom: 8px;
}
.section-2-case-studies .item-container .text-container .item-title {
margin: 12px 0 24px;
font-size: 20px;
}
.section-2-case-studies .item-container .text-container .link-button {
display: block;
text-align: right;
font-size: 16px;
}
.section-2-case-studies .item-container:hover {
filter: drop-shadow(rgba(137, 148, 159, 0.32) 0px 4px 8px);
background: white;
}
.section-3-case-studies {
padding: 64px 0;
}
.section-3-case-studies .content-container {
background: #006FE6;
border-radius: 8px;
padding: 58px 92px;
display: grid;
grid-template-columns: 65% 35%;
}
.section-3-case-studies .content-container .left-item {
padding: 0 12px;
}
.section-3-case-studies .content-container .left-item .section-title {
font-size: 42px;
margin-bottom: 24px;
font-weight: bold;
color: white;
max-width: 620px;
}
.section-3-case-studies .content-container .left-item .contact-us-button {
color: #005bbd;
font-size: 14px;
padding: 16px 24px;
display: inline-block;
background: white;
border-radius: 4px;
}
.section-3-case-studies .content-container .right-item {
padding: 0 12px;
}
.section-1-case-studies-detail {
background: #001f3f;
padding: 35px;
color: white;
}
.section-1-case-studies-detail .button-link {
color: white;
margin-bottom: 40px;
display: block;
font-size: 16px;
}
.section-1-case-studies-detail .button-link i {
margin-right: 10px;
}
.section-1-case-studies-detail img {
display: block;
}
.section-1-case-studies-detail .brand-logo-white {
margin-bottom: 16px;
}
.section-1-case-studies-detail .section-title {
font-size: 48px;
margin-bottom: 8px;
font-weight: bold;
}
.section-1-case-studies-detail .section-sub-title {
font-size: 30px;
font-weight: bold;
margin-bottom: 40px;
}
.section-1-case-studies-detail .content-title {
font-size: 12px;
margin-bottom: 8px;
font-weight: bold;
}
.section-1-case-studies-detail .product-container {
padding: 24px 24px 8px;
text-align: center;
font-weight: bold;
}
.section-1-case-studies-detail .product-container img {
margin: 0 auto;
margin-bottom: 16px;
}
.section-2-case-studies-detail {
background: #e7f1fc;
padding: 120px;
}
.section-2-case-studies-detail .item-container {
display: grid;
grid-template-columns: 30% 70%;
}
.section-2-case-studies-detail .item-container .speaker-photos {
width: 75%;
}
.section-2-case-studies-detail .item-container .right-section-container .speaker-quote {
font-size: 30px;
margin-bottom: 24px;
font-weight: normal;
letter-spacing: -0.05px;
line-height: 48px;
}
.section-2-case-studies-detail .item-container .right-section-container .speaker-origin-container {
display: grid;
grid-template-columns: 15% 85%;
align-items: center;
}
.section-2-case-studies-detail .item-container .right-section-container .speaker-origin-container .border-right-widiw {
border-right: 1px solid #b9d7f8;
}
.section-2-case-studies-detail .item-container .right-section-container .speaker-origin-container .item-container-speaker .speaker-name-speaker {
font-size: 20px;
margin-bottom: 4px;
color: #313f4e;
font-weight: bold;
}
.section-2-case-studies-detail .item-container .right-section-container .speaker-origin-container .item-container-speaker .speaker-position {
font-size: 16px;
margin: 0;
}
.section-2-case-studies-detail .item-container .right-section-container .speaker-origin-container .item-container-speaker .brand-logo-speaker {
width: 100%;
padding-right: 24px;
}
.section-2-case-studies-detail .item-container .right-section-container .speaker-origin-container .right-section-speaker {
padding-left: 24px;
}
.section-3-case-studies-detail .section-blog-area {
padding: 120px 0;
background: white;
}
.section-3-case-studies-detail .section-blog-area .prelative-container {
max-width: 900px;
margin: 0 auto;
}
.section-3-case-studies-detail .section-blog-area .blog-title {
font-size: 36px;
margin: 0 auto;
margin-bottom: 24px;
color: #313f4e;
font-weight: bold;
max-width: 750px;
}
.section-3-case-studies-detail .section-blog-area .blog-paragraph {
max-width: 750px;
margin: 0 auto;
font-size: 18px;
color: #313f4e;
margin-bottom: 24px;
}
.section-3-case-studies-detail .section-blog-area .blog-image {
width: 100%;
margin-bottom: 50px;
}
.section-3-case-studies-detail .section-impact-area {
background: #e7f1fc;
padding: 120px 0;
}
.section-3-case-studies-detail .section-impact-area .prelative-container {
max-width: 750px;
margin: 0 auto;
}
.section-3-case-studies-detail .section-impact-area .section-title {
font-size: 36px;
font-weight: bold;
color: #313f4e;
margin-bottom: 24px;
}
.section-3-case-studies-detail .section-impact-area .list-item {
list-style-type: none;
padding-left: 0;
margin-left: 0;
}
.section-3-case-studies-detail .section-impact-area .list-item .item-detail {
display: grid;
line-height: 34px;
grid-template-columns: 6% 95%;
margin-bottom: 24px;
align-items: baseline;
font-size: 20px;
}
.section-3-case-studies-detail .section-impact-area .list-item .item-detail i {
color: #78bc61;
}
.section-3-case-studies-detail .section-other-blog-post {
background: #f7f8f9;
padding: 120px 0 72px;
}
.section-3-case-studies-detail .section-other-blog-post .section-title {
text-align: center;
font-weight: bold;
font-size: 42px;
margin-bottom: 8px;
}
.section-3-case-studies-detail .section-other-blog-post .page-sub-title {
font-size: 16px;
text-align: center;
margin-bottom: 48px;
color: #313f4e;
}
.section-3-case-studies-detail .section-other-blog-post .item-container {
border-radius: 8px;
background: #fff;
overflow: hidden;
margin-bottom: 48px;
}
.section-3-case-studies-detail .section-other-blog-post .item-container .image-container img {
width: 100%;
background: orange;
}
.section-3-case-studies-detail .section-other-blog-post .item-container .text-container {
padding: 24px;
}
.section-3-case-studies-detail .section-other-blog-post .item-container .text-container img {
width: 25%;
margin-bottom: 16px;
}
.section-3-case-studies-detail .section-other-blog-post .item-container .text-container .brand-item-name {
color: #62707f;
font-size: 12px;
margin-bottom: 8px;
}
.section-3-case-studies-detail .section-other-blog-post .item-container .text-container .item-title {
margin: 12px 0 24px;
font-size: 20px;
}
.section-3-case-studies-detail .section-other-blog-post .item-container .text-container .link-button {
display: block;
text-align: right;
font-size: 16px;
}
.section-3-case-studies-detail .section-other-blog-post .item-container:hover {
filter: drop-shadow(rgba(137, 148, 159, 0.32) 0px 4px 8px);
background: white;
}
.section-3-case-studies-detail .get-started-section {
padding: 64px 0;
padding-bottom: 0;
}
.section-3-case-studies-detail .get-started-section .content-container {
background: #006FE6;
border-radius: 8px;
padding: 58px 92px;
display: grid;
grid-template-columns: 65% 35%;
}
.section-3-case-studies-detail .get-started-section .content-container .left-item {
padding: 0 12px;
}
.section-3-case-studies-detail .get-started-section .content-container .left-item .section-title {
font-size: 42px;
margin-bottom: 24px;
font-weight: bold;
color: white;
max-width: 620px;
}
.section-3-case-studies-detail .get-started-section .content-container .left-item .contact-us-button {
color: #005bbd;
font-size: 14px;
padding: 16px 24px;
display: inline-block;
background: white;
border-radius: 4px;
}
.section-3-case-studies-detail .get-started-section .content-container .right-item {
padding: 0 12px;
}
.section-1-about-us {
text-align: center;
background: #e7f1fc;
background: #001f3f;
padding: 120px 0;
}
.section-1-about-us .item-menu {
list-style-type: none;
padding: 0;
margin: 0;
margin-bottom: 24px;
}
.section-1-about-us .item-menu .item-list {
display: inline-block;
font-size: 14px;
margin-right: 5px;
color: #62707f;
}
.section-1-about-us .item-menu .item-list a {
color: white;
}
.section-1-about-us .page-name-title {
padding: 8px 16px;
background: transparent;
font-size: 12px;
border: 1px solid white;
color: white;
border-radius: 20px;
display: inline-block;
letter-spacing: 0.5px;
margin-bottom: 24px;
}
.section-1-about-us .page-title {
font-weight: bold;
text-align: center;
margin: 0 auto;
font-size: 48px;
max-width: 926px;
color: white;
}
.section-2-about-us {
padding: 104px 0;
}
.section-2-about-us .video-button {
padding: 0;
border-radius: 25px;
overflow: hidden;
position: relative;
}
.section-2-about-us .video-button i {
color: white;
background: #006fe6;
border-radius: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding: 35px;
font-size: 40px;
}
.section-2-about-us .section-title {
font-size: 20px;
margin-bottom: 16px;
font-weight: 600;
line-height: 34px;
}
.section-2-about-us .section-sub-title {
font-size: 16px;
margin-bottom: 0;
}
.section-3-about-us {
background: #f7f8f9;
padding: 80px 0 56px;
}
.section-3-about-us .prelative-container {
text-align: center;
}
.section-3-about-us .prelative-container .section-title {
font-weight: bold;
font-size: 42px;
margin-bottom: 24px;
}
.section-3-about-us .prelative-container .section-sub-title {
max-width: 740px;
font-size: 16px;
margin: 0 auto;
margin-bottom: 32px;
font-weight: bold;
}
.section-3-about-us .prelative-container .section-description {
max-width: 740px;
margin: 0 auto;
font-size: 16px;
margin-bottom: 80px;
}
.section-1-awards {
background: #f7f8f9;
padding-top: 140px;
text-align: center;
}
.section-1-awards .page-title {
font-size: 42px;
font-weight: bold;
color: #313f4e;
}
.section-1-awards .item-menu {
list-style-type: none;
margin: 0;
padding: 0;
}
.section-1-awards .item-menu .item-list {
font-size: 10px;
display: inline-block;
margin-bottom: 24px;
margin-right: 8px;
}
.section-1-awards .item-menu .item-list a {
display: block;
}
.section-1-awards .item-menu .item-list p {
margin: 0;
}
.section-1-awards .sub-title {
font-size: 16px;
margin-bottom: 0;
}
.section-2-awards {
background: #f7f8f9;
padding: 48px 0 72px;
}
.section-2-awards .section-title {
text-align: center;
font-weight: bold;
font-size: 42px;
margin-bottom: 8px;
}
.section-2-awards .page-sub-title {
font-size: 16px;
text-align: center;
margin-bottom: 48px;
color: #313f4e;
}
.section-2-awards .item-container {
border-radius: 8px;
overflow: hidden;
margin-bottom: 48px;
background: white;
}
.section-2-awards .item-container .image-container img {
width: 100%;
background: orange;
}
.section-2-awards .item-container .text-container {
padding: 24px;
}
.section-2-awards .item-container .text-container img {
width: 25%;
margin-bottom: 16px;
}
.section-2-awards .item-container .text-container .brand-item-name {
color: #62707f;
font-size: 12px;
margin-bottom: 8px;
}
.section-2-awards .item-container .text-container .item-title {
margin: 12px 0 24px;
font-size: 20px;
}
.section-2-awards .item-container .text-container .link-button {
display: block;
text-align: right;
font-size: 16px;
}
.section-2-awards .item-container:hover {
filter: drop-shadow(rgba(137, 148, 159, 0.32) 0px 4px 8px);
background: white;
}
.section-3-awards {
padding: 64px 0 0;
}
.section-3-awards .content-container {
background: #006FE6;
border-radius: 8px;
padding: 58px 92px;
display: grid;
grid-template-columns: 65% 35%;
background-position: right;
background-repeat: no-repeat !important;
background-image: url(" https://kata.ai/images/cta/shape-secondary.png");
}
.section-3-awards .content-container .left-item {
padding: 0 12px;
}
.section-3-awards .content-container .left-item .section-title {
font-size: 42px;
margin-bottom: 24px;
font-weight: bold;
color: white;
max-width: 620px;
}
.section-3-awards .content-container .left-item .contact-us-button {
color: #005bbd;
font-size: 14px;
padding: 16px 24px;
display: inline-block;
background: white;
border-radius: 4px;
}
.section-3-awards .content-container .right-item {
padding: 0 12px;
}
.section-1-career .content-container {
margin-top: 100px;
margin-bottom: 100px;
position: relative;
}
.section-1-career .content-container .background-grey {
background: #daecd366;
position: absolute;
width: 68%;
height: 100%;
right: 0;
border-radius: 8px;
}
.section-1-career .content-container .item-container {
position: relative;
}
.section-1-career .content-container .item-container .left-text-container .page-navigation-title {
font-size: 12px;
font-weight: bold;
margin-bottom: 0;
}
.section-1-career .content-container .item-container .left-text-container .page-list {
font-size: 10px;
list-style-type: none;
padding-left: 0;
margin-left: 0;
}
.section-1-career .content-container .item-container .left-text-container .page-list .list-item {
display: inline-block;
margin-right: 8px;
}
.section-1-career .content-container .item-container .left-text-container .page-list .list-item a {
display: block;
}
.section-1-career .content-container .item-container .left-text-container .page-title {
font-size: 48px;
margin-top: 24px;
font-weight: bold;
color: #313f4e;
max-width: 500px;
}
.section-1-career .content-container .item-container .left-text-container .sub-title {
margin-bottom: 24px;
font-size: 20px;
color: #313f4e;
font-weight: normal;
}
.section-1-career .content-container .item-container .left-text-container .button-link {
display: inline-block;
padding: 12px 16px;
font-size: 14px;
border-radius: 4px;
}
.section-2-career .section-waapi-build {
padding: 120px 0;
text-align: center;
margin-bottom: 80px;
}
.section-2-career .section-waapi-build .content-title {
font-size: 42px;
margin-bottom: 64px;
font-weight: bold;
color: #121615;
}
.section-2-career .section-waapi-build .container-box-item img {
margin-bottom: 32px;
}
.section-2-career .section-waapi-build .container-box-item .item-title {
font-size: 24px;
margin-bottom: 16px;
font-weight: bold;
}
.section-2-career .section-waapi-build .container-box-item .item-content {
color: #313f4e;
font-size: 16px;
max-width: 310px;
}
.section-3-career .content-title {
font-size: 42px;
margin-bottom: 64px;
font-weight: bold;
color: #121615;
}
.section-3-career .item-container {
padding: 24px;
border-radius: 8px;
}
.section-3-career .item-container .content-item {
font-size: 20px;
margin-bottom: 18px;
color: #313f4e;
}
.section-3-career .item-container i {
font-size: 30px;
margin-bottom: 12px;
}
.section-3-career .color-green-background {
background: #c1e0b7;
}
.section-3-career .color-green-background i {
color: #78bc61;
}
.section-1-partnership {
text-align: center;
background: #e7f1fc;
padding: 140px 0;
}
.section-1-partnership .item-menu {
list-style-type: none;
padding: 0;
margin: 0;
margin-bottom: 24px;
}
.section-1-partnership .item-menu .item-list {
display: inline-block;
font-size: 10px;
margin-right: 5px;
}
.section-1-partnership .page-name-title {
padding: 8px 16px;
background: white;
font-size: 12px;
border: 1px solid #006FE6;
color: #006FE6;
border-radius: 20px;
display: inline-block;
letter-spacing: 0.5px;
margin-bottom: 24px;
}
.section-1-partnership .page-title {
font-size: 48px;
margin-bottom: 24px;
font-weight: bold;
}
.section-1-partnership .page-sub-title {
font-size: 20px;
max-width: 730px;
margin: 0 auto;
}
.section-2-partnership {
padding: 120px 0;
}
.section-2-partnership .section-paragraph {
font-size: 16px;
line-height: 28px;
color: #313f4e;
}
.section-3-partnership {
background: #f7f8f9;
padding: 120px 0;
text-align: center;
}
.section-3-partnership .section-title {
font-size: 42px;
margin-bottom: 48px;
font-weight: bold;
}
.section-3-partnership .item-title {
font-size: 20px;
margin-bottom: 24px;
font-weight: bold;
}
.section-3-partnership .container-box {
display: flex;
flex-wrap: wrap;
justify-content: center !important;
margin-bottom: 64px;
}
.section-3-partnership .container-box .item-container {
padding: 20px;
width: 20%;
}
.section-4-partnership .section-waapi-build {
padding-top: 120px;
padding-bottom: 40px;
text-align: center;
margin-bottom: 80px;
}
.section-4-partnership .section-waapi-build .content-title {
font-size: 42px;
margin-bottom: 64px;
font-weight: bold;
color: #121615;
}
.section-4-partnership .section-waapi-build .container-box-item {
margin-bottom: 84px;
}
.section-4-partnership .section-waapi-build .container-box-item img {
margin-bottom: 32px;
}
.section-4-partnership .section-waapi-build .container-box-item .item-title {
font-size: 24px;
margin-bottom: 16px;
font-weight: bold;
}
.section-4-partnership .section-waapi-build .container-box-item .item-content {
color: #313f4e;
font-size: 16px;
max-width: 310px;
}
.section-5-partnership {
background: #f7f8f9;
}
.section-5-partnership .section-waapi-build {
padding-top: 120px;
padding-bottom: 120px;
text-align: center;
margin-bottom: 80px;
}
.section-5-partnership .section-waapi-build .content-title {
font-size: 42px;
margin-bottom: 64px;
font-weight: bold;
color: #121615;
}
.section-5-partnership .section-waapi-build .container-box-item img {
margin-bottom: 32px;
}
.section-5-partnership .section-waapi-build .container-box-item .item-title {
font-size: 24px;
margin-bottom: 16px;
font-weight: bold;
}
.section-5-partnership .section-waapi-build .container-box-item .item-content {
color: #313f4e;
font-size: 16px;
max-width: 310px;
}
.contact-use-section-area .contact-us-section {
background: #006FE6;
text-align: center;
padding: 106px 0;
}
.contact-use-section-area .contact-us-section .contact-us-section-title {
color: white;
font-size: 42px;
font-weight: bold;
margin: 0 auto;
margin-bottom: 24px;
max-width: 930px;
}
.contact-use-section-area .contact-us-section .contact-us-button {
color: #005bbd;
font-size: 14px;
padding: 16px 24px;
display: inline-block;
background: white;
border-radius: 4px;
}
.section-1-contact-us {
text-align: center;
background: #e7f1fc;
padding-top: 90px;
padding-bottom: 270px;
background-repeat: no-repeat;
}
.section-1-contact-us .item-menu {
list-style-type: none;
padding: 0;
margin: 0;
margin-bottom: 24px;
}
.section-1-contact-us .item-menu .item-list {
display: inline-block;
font-size: 10px;
margin-right: 5px;
}
.section-1-contact-us .page-name-title {
padding: 8px 16px;
background: white;
font-size: 12px;
border: 1px solid #006FE6;
color: #006FE6;
border-radius: 20px;
display: inline-block;
letter-spacing: 0.5px;
margin-bottom: 24px;
}
.section-1-contact-us .page-title {
font-size: 48px;
margin-bottom: 24px;
font-weight: bold;
}
.section-1-contact-us .page-sub-title {
font-size: 20px;
max-width: 730px;
margin: 0 auto;
}
.form-area-section .prelative-container {
margin: 0 auto;
margin-top: -200px;
max-width: 920px;
padding: 80px;
background: #ffff;
border-radius: 20px;
}
.form-area-section .prelative-container .form-title {
font-size: 14px;
margin-bottom: 4px;
padding-left: 0;
}
.form-area-section .prelative-container .form-title .required-form-red {
color: red;
}
.form-area-section .prelative-container input,
.form-area-section .prelative-container select,
.form-area-section .prelative-container textarea {
background: #f5f8fa;
font-size: 16px;
padding: 8px 15px;
margin-bottom: 16px;
width: 100%;
}
.form-area-section button {
display: inline-block;
background: #006FE6;
color: white;
border-radius: 8px;
padding: 12px 24px;
width: inherit;
margin: 0 auto;
}
.header-section {
position: relative;
}
.header-section .drop-down-container-header {
position: absolute;
background: #fff;
width: 100%;
box-shadow: rgba(137, 148, 159, 0.32) 0px 2px 4px;
padding: 24px 0 20px;
}
.header-section .drop-down-container-header .prelative-container {
margin: 0 auto;
width: 100%;
}
.header-section .drop-down-container-header .item-container-header-dropdown {
display: flex;
flex-wrap: wrap;
padding: 18px 20px 12px;
margin-bottom: 12px;
}
.header-section .drop-down-container-header .item-container-header-dropdown .img-container-header {
width: 15%;
padding-right: 10px;
}
.header-section .drop-down-container-header .item-container-header-dropdown .img-container-header img {
width: 100%;
}
.header-section .drop-down-container-header .item-container-header-dropdown .text-container-header {
width: 85%;
text-align-last: left;
}
.header-section .drop-down-container-header .item-container-header-dropdown .text-container-header .item-title {
text-align-last: left;
font-size: 16px;
font-weight: bold;
color: #313f4e;
}
.header-section .drop-down-container-header .item-container-header-dropdown .text-container-header .item-content-paragraph {
text-align: left;
font-size: 14px;
font-weight: normal;
color: #313f4e;
margin-bottom: 0;
}
.header-section .drop-down-container-header .item-container-header-dropdown:hover {
background-color: #f7f8f9;
border-radius: 8px;
}
.header-section .drop-down-container-header .item-container-header-dropdown:hover .item-title {
color: #006FE6;
}
section.section-4-home {
padding: 70px 0;
}
.mobile-hide {
display: block;
}
.desktop-hide {
display: none;
}
@media only screen and (max-width: 1024px) {
.prelative-container {
max-width: 960px;
margin: 0 auto;
}
section.header-section.mobile-hide .navbar-container {
grid-template-columns: 20% 70% 10%;
align-items: center;
}
section.header-section.mobile-hide .navbar-container a.website-logo-header {
width: 100% !important;
}
section.header-section.mobile-hide .navbar-container li.header-list-item {
padding: 0 9px;
font-size: 12px;
}
section.header-section.mobile-hide .navbar-container a.float-right-navbar {
font-size: 12px !important;
}
section.section-1-home img {
width: auto !important;
}
h1.section-title {
font-size: 35px !important;
line-height: 1.1;
}
section.section-3-whatsapp-business-api .section-waapi-build .container-box-item h3.item-title {
font-size: 20px !important;
}
section.section-3-whatsapp-business-api .section-even-odd-area .section-odd img.content-image,
section.section-3-whatsapp-business-api .section-even-odd-area .section-even img.content-image {
width: 75% !important;
display: block;
margin: 0 auto;
}
section.section-1-awards {
padding-top: 8px;
}
section.section-2-case-studies-detail {
padding: 80px 120px;
}
section.section-1-about-us {
padding: 120px 0px;
}
h1.page-title {
font-size: 35px !important;
}
h2.section-title {
font-size: 35px !important;
}
section.section-2-whatsapp-business-api .background-grey {
padding: 50px 0 !important;
}
h3.content-title {
font-size: 35px !important;
}
section.footer-section .subscribe-section {
margin-bottom: 20px;
}
section.footer-section .subscribe-section input {
width: 75%;
border-radius: 0px;
font-size: 16px !important;
padding: 11px 16px !important;
}
section.footer-section .subscribe-section button.subscribe-submit-button {
width: 25%;
border: 2px solid #006FE6;
border-radius: 0px !important;
padding: 12px 0px !important;
text-align: center;
}
.header-section .drop-down-container-header .item-container-header-dropdown {
display: flex;
flex-wrap: wrap;
padding: 18px 20px 12px;
margin-bottom: 12px;
}
.header-section .drop-down-container-header .item-container-header-dropdown .img-container-header {
width: 20%;
padding-right: 10px;
}
.header-section .drop-down-container-header .item-container-header-dropdown .img-container-header img {
width: 100%;
}
.header-section .drop-down-container-header .item-container-header-dropdown .img-container-header i {
font-size: 1.5em !important;
}
.header-section .drop-down-container-header .item-container-header-dropdown .text-container-header {
width: 80%;
text-align-last: left;
}
.header-section .drop-down-container-header .item-container-header-dropdown .text-container-header .item-title {
text-align-last: left;
font-size: 16px;
font-weight: bold;
color: #313f4e;
}
.header-section .drop-down-container-header .item-container-header-dropdown .text-container-header .item-content-paragraph {
text-align: left;
font-size: 14px;
font-weight: normal;
color: #313f4e;
margin-bottom: 0;
}
}
@media only screen and (max-width: 768px) {
.prelative-container {
max-width: 735px;
margin: 0 auto;
}
section.header-section.mobile-hide .navbar-container {
grid-template-columns: 20% 70% 10%;
align-items: center;
}
section.header-section.mobile-hide .navbar-container a.website-logo-header {
width: 100% !important;
}
section.header-section.mobile-hide .navbar-container li.header-list-item {
padding: 0 9px;
font-size: 12px;
}
section.header-section.mobile-hide .navbar-container a.float-right-navbar {
font-size: 12px !important;
}
section.section-1-home img {
width: auto !important;
}
h1.section-title {
font-size: 46px;
}
section.section-3-whatsapp-business-api .section-waapi-build .container-box-item h3.item-title {
font-size: 20px !important;
}
section.section-3-whatsapp-business-api .section-even-odd-area .section-odd img.content-image,
section.section-3-whatsapp-business-api .section-even-odd-area .section-even img.content-image {
width: 75% !important;
display: block;
margin: 0 auto;
}
section.section-1-awards {
padding-top: 8px;
}
section.section-2-case-studies-detail {
padding: 80px 120px;
}
section.section-1-about-us {
padding: 120px 0px;
}
h1.page-title {
font-size: 35px !important;
}
h2.section-title {
font-size: 35px !important;
}
section.section-2-whatsapp-business-api .background-grey {
padding: 50px 0 !important;
}
h3.content-title {
font-size: 35px !important;
}
section.footer-section .subscribe-section {
margin-bottom: 20px;
}
section.footer-section .subscribe-section input {
width: 75%;
border-radius: 0px;
font-size: 16px !important;
padding: 11px 16px !important;
}
section.footer-section .subscribe-section button.subscribe-submit-button {
width: 25%;
border: 2px solid #006FE6;
border-radius: 0px !important;
padding: 12px 0px !important;
text-align: center;
}
.header-section .drop-down-container-header .item-container-header-dropdown {
display: flex;
flex-wrap: wrap;
padding: 18px 20px 12px;
margin-bottom: 12px;
}
.header-section .drop-down-container-header .item-container-header-dropdown .img-container-header {
width: 20%;
padding-right: 10px;
}
.header-section .drop-down-container-header .item-container-header-dropdown .img-container-header img {
width: 100%;
}
.header-section .drop-down-container-header .item-container-header-dropdown .img-container-header i {
font-size: 1.5em !important;
}
.header-section .drop-down-container-header .item-container-header-dropdown .text-container-header {
width: 80%;
text-align-last: left;
}
.header-section .drop-down-container-header .item-container-header-dropdown .text-container-header .item-title {
text-align-last: left;
font-size: 16px;
font-weight: bold;
color: #313f4e;
}
.header-section .drop-down-container-header .item-container-header-dropdown .text-container-header .item-content-paragraph {
text-align: left;
font-size: 14px;
font-weight: normal;
color: #313f4e;
margin-bottom: 0;
}
}
@media screen and (max-width: 600px) and (min-width: 320px) {
nav.navbar.navbar-light.light-blue.lighten-4 {
padding-left: 0px;
padding-right: 0px;
}
.mobile-hide {
display: none;
}
.desktop-hide {
display: block;
box-shadow: rgba(137, 148, 159, 0.32) 0px 2px 4px;
}
.desktop-hide div#navbarSupportedContent1 {
height: 90vh;
}
.desktop-hide .item-list-header {
list-style: none;
}
.desktop-hide .item-list-header li {
margin-bottom: 8px;
}
.desktop-hide .navbar-brand {
width: 60%;
}
.desktop-hide .navbar-brand img {
width: 100%;
}
.desktop-hide button.navbar-toggler.toggler-example {
border: 1px solid transparent !important;
box-shadow: none !important;
padding-right: 0;
}
.desktop-hide button.accordion-button.px-1:focus {
border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.desktop-hide button.accordion-button.px-1 {
color: inherit;
background: inherit;
box-shadow: none !important;
}
.desktop-hide ul {
padding-left: 8px;
}
.desktop-hide ul li.item-menu a {
color: inherit;
}
.content-title {
font-size: 24px;
}
h3.content-paragraph {
font-size: 24px !important;
}
section.section-3-home .item-container {
margin-bottom: 40px;
}
section.section-3-home .statistic-section .statistic-title {
margin-bottom: 15px;
}
h1.page-title {
font-size: 34px !important;
}
.get-started-section {
padding: 40px 0 0 0 !important;
}
.get-started-section .content-container {
padding: 20px !important;
grid-template-columns: 100% !important;
text-align: center;
position: relative;
}
.get-started-section .content-container .left-item {
z-index: 10;
}
.get-started-section .content-container img.section-image {
position: absolute;
width: 50%;
top: 30%;
left: 50%;
transform: translateY(-30%) translateX(-50%);
}
section.section-1-home a.white-color-blue-background,
section.section-1-home a.grey-color-white-background {
padding: 12px 0;
margin: 0 5px 40px 5px;
width: 45%;
}
section.section-3-awards .content-container,
section.section-3-case-studies .content-container,
section.section-5-kata-flow .content-container,
section.section-5-kata-omnichat .content-container,
.contact-us-section .content-container {
padding: 20px;
}
section.section-3-awards a.contact-us-button,
section.section-3-case-studies a.contact-us-button,
section.section-5-kata-flow a.contact-us-button,
section.section-5-kata-omnichat a.contact-us-button,
.contact-us-section a.contact-us-button {
padding: 15px !important;
}
section.section-3-awards .content-container,
section.section-3-case-studies .content-container,
section.section-5-kata-flow .content-container,
section.section-5-kata-omnichat .content-container,
.contact-us-section .content-container {
grid-template-columns: 100%;
position: relative;
}
section.section-3-awards .left-item,
section.section-3-case-studies .left-item,
section.section-5-kata-flow .left-item,
section.section-5-kata-omnichat .left-item,
.contact-us-section .left-item {
text-align: center;
z-index: 10;
}
section.section-3-awards img.section-image,
section.section-3-case-studies img.section-image,
section.section-5-kata-flow img.section-image,
section.section-5-kata-omnichat img.section-image,
.contact-us-section img.section-image {
position: absolute;
width: 50%;
top: 30%;
left: 50%;
transform: translateY(-30%) translateX(-50%);
}
section.section-5-kata-flow,
section.section-5-kata-omnichat {
padding: 56px 0;
}
.section-title {
font-size: 30px !important;
}
.contact-us-section {
padding: 90px 0 !important;
}
.contact-us-section-title {
font-size: 24px !important;
}
.prelative-container {
padding-left: 14px;
padding-right: 14px;
}
.input-subscribe {
display: flex;
}
section.footer-section .subscribe-section {
margin-bottom: 20px;
}
section.footer-section .subscribe-section input {
width: 75%;
border-radius: 0px;
font-size: 16px !important;
padding: 11px 16px !important;
}
section.footer-section .subscribe-section button.subscribe-submit-button {
width: 25%;
border: 2px solid #006FE6;
border-radius: 0px !important;
padding: 12px 0px !important;
text-align: center;
}
section.section-2-case-studies-detail {
padding: 20px;
}
section.section-2-case-studies-detail .item-container {
grid-template-columns: 100%;
}
section.section-2-case-studies-detail .item-container .profile-image-container {
text-align: center;
}
section.section-2-case-studies-detail .item-container .profile-image-container img.speaker-photos {
width: 50%;
}
section.section-2-case-studies-detail .item-container h3.speaker-quote {
font-size: 24px !important;
line-height: 1.5 !important;
}
section.section-2-case-studies-detail .item-container img.brand-logo-speaker {
padding-right: 0 !important;
}
section.section-3-case-studies-detail .section-impact-area {
padding: 56px 0;
}
section.section-3-case-studies-detail .section-impact-area ul.list-item li.item-detail {
font-size: 15px;
}
section.section-3-case-studies-detail .section-blog-area {
padding: 56px 0;
}
section.section-3-case-studies-detail .section-other-blog-post {
padding: 56px 0 0 0;
}
section.form-area-section .prelative-container {
padding: 20px;
}
section.section-5-customer-service,
section.section-5-marketing-engagement {
padding: 56px 0;
}
section.section-5-customer-service h2.section-title,
section.section-5-marketing-engagement h2.section-title {
text-align: center;
font-size: 24px !important;
}
section.copyright-section .box-container-grid {
grid-template-columns: 50% 50%;
}
section.copyright-section .box-container-grid .social-media-container {
text-align: left;
}
section.copyright-section .box-container-grid p.copyright-text {
margin-bottom: 10px;
}
section.copyright-section .box-container-grid a.link-privacy {
text-align: right;
margin-bottom: 10px;
}
.section-title-top {
font-size: 28px;
}
.section-even-odd-area .section-even,
.section-even-odd-area .section-odd {
padding: 50px 0;
}
.section-even-odd-area .section-even h3.content-title,
.section-even-odd-area .section-odd h3.content-title {
font-size: 28px !important;
margin: 12px 0 !important;
}
.section-even-odd-area .section-even img.company-logo-image,
.section-even-odd-area .section-odd img.company-logo-image {
max-width: 35% !important;
}
section.section-5-marketing-engagement h2.section-title {
text-align: center;
}
section.section-3-partnership {
padding: 56px 0;
}
section.section-3-partnership .container-box .item-container {
width: 30% ;
}
section.section-3-whatsapp-business-api .section-waapi-build {
padding: 56px 0;
margin-bottom: 0;
}
section.section-3-whatsapp-business-api .section-waapi-build .container-box-item h3.item-title {
font-size: 19px !important;
}
section.section-4-partnership,
section.section-5-partnership {
display: none;
}
section.section-4-partnership h2.content-title,
section.section-5-partnership h2.content-title,
.section-waapi-build h2.content-title {
font-size: 30px !important;
}
section.section-4-partnership .col-md-4,
section.section-5-partnership .col-md-4,
.section-waapi-build .col-md-4 {
max-width: 50%;
}
section.section-4-partnership .section-waapi-build,
section.section-5-partnership .section-waapi-build,
.section-waapi-build .section-waapi-build {
padding: 50px 0;
margin-bottom: 40px;
}
section.section-2-pricing {
padding: 56px 0;
}
section.section-2-pricing .item-container .logo-item {
display: flex;
grid-template-columns: none;
flex-wrap: wrap;
}
section.section-2-pricing .item-container ul.item-list-menu li.item-list-detail {
width: 100% !important;
}
section.section-2-pricing .item-container .pricing-container {
width: 100%;
}
section.section-3-pricing {
padding: 56px 0;
}
section.section-3-pricing h2.content-title {
font-size: 30px;
}
section.section-3-pricing p.sub-title {
font-size: 16px;
}
section.section-1-pricing h1.section-title {
font-size: 28px;
}
section.section-1-pricing p.sub-title {
font-size: 18px;
}
section.section-2-kata-flow {
padding: 56px 0;
}
section.section-2-kata-flow .row {
justify-content: center;
}
section.section-2-kata-flow .row .col-md-4 {
width: 50%;
}
section.section-2-kata-flow .row .col-md-4 p.content-paragraph {
font-size: 15px;
}
section.section-4-whatsapp-business-api p.content-paragraph {
font-size: 20px !important;
line-height: 2;
}
section.section-4-kata-flow,
section.section-4-whatsapp-business-api {
padding: 56px 0 ;
}
section.section-4-kata-flow .section-background-grey,
section.section-4-whatsapp-business-api .section-background-grey {
padding: 56px 0;
}
section.section-4-kata-flow .section-background-grey .col-md-4,
section.section-4-whatsapp-business-api .section-background-grey .col-md-4 {
text-align: center;
width: 50%;
}
section.section-4-kata-flow .section-pricing,
section.section-4-whatsapp-business-api .section-pricing {
padding: 56px 0 0;
}
section.section-4-kata-flow .section-pricing a.button-link.white-color-blue-background,
section.section-4-whatsapp-business-api .section-pricing a.button-link.white-color-blue-background {
display: inline-block;
width: 100%;
text-align: center;
}
section.section-2-whatsapp-business-api {
padding: 56px 0 ;
}
section.section-2-whatsapp-business-api .background-grey {
padding: 56px 0;
}
section.section-2-whatsapp-business-api .background-grey .row-5-item {
display: flex;
grid-template-columns: none;
justify-content: center;
flex-wrap: wrap;
}
section.section-2-whatsapp-business-api .background-grey .row-5-item .item-image {
width: 50%;
padding: 10px 10px;
}
section.section-5-whatsapp-business-api h2.section-title {
text-align: center;
font-size: 24px;
}
section.section-2-home {
padding: 58px 24px;
}
section.section-2-home h3.article-title {
margin-top: 16px !important;
}
section.section-2-home h2.container-title {
font-size: 30px !important;
margin-bottom: 40px;
}
section.section-2-home p.article-content {
margin-bottom: 35px !important;
}
section.section-3-home h2.section-title {
padding: 58px 0 20px;
}
section.section-3-home .background-color {
padding: 58px 0 58px;
}
section.section-3-home .item-container {
margin-bottom: 0;
}
section.section-3-home .item-container h3.item-title {
font-size: 24px;
margin: 16px 0 24px;
}
section.section-3-home .item-container p.item-content {
margin-bottom: 16px;
}
section.section-3-home .item-container a.white-color-blue-background.item-link-button {
display: inline-block;
width: 100%;
text-align: center;
}
section.section-3-home .background-color.color-odd .row {
flex-direction: column-reverse;
}
section.section-3-home .statistic-section {
padding: 60px 0;
}
section.section-4-home {
padding: 60px 0;
}
section.section-4-home h2.section-title.pt-5.mt-5 {
margin-top: 0px !important;
padding-top: 0px !important;
}
section.section-4-home p.section-sub-title {
font-size: 16px;
}
section.section-4-home a.white-color-blue-background {
display: inline-block;
text-align: center;
width: 100%;
border-radius: 4px;
}
section.section-5-home {
font-size: 24px;
}
section.section-5-home h2.section-title {
font-size: 24px !important;
margin-bottom: 30px;
}
section.section-5-home a.blog-item {
padding: 0 0 20px;
}
section.section-5-home a.blog-item h3.blog-title {
font-size: 16px;
height: 25px;
}
section.footer-section {
padding-top: 56px;
}
section.section-1-about-us {
padding: 80px 0;
}
section.section-1-about-us h1.page-title {
font-size: 30px !important;
}
section.section-2-about-us {
padding: 56px 0;
}
section.section-2-about-us h3.section-title {
font-size: 14px !important;
line-height: 1.5;
text-align: center;
margin-top: 20px;
}
section.section-2-about-us p.section-sub-title {
font-size: 14px !important;
text-align: center;
}
section.section-3-about-us {
padding: 56px 0;
}
section.section-3-about-us h2.section-title {
font-size: 24px;
}
section.section-3-about-us p.section-sub-title {
font-size: 14px;
}
section.section-3-about-us p.section-description {
font-size: 14px;
}
section.section-3-about-us .row .mobile-width-2 {
margin-bottom: 8px !important;
padding: 0 5px !important;
width: 100%;
}
section.section-3-about-us .row .mobile-width-1 {
margin-bottom: 8px !important;
padding: 0 5px !important;
width: 50%;
}
section.section-1-awards {
padding: 56px 0;
}
section.section-2-awards {
padding-bottom: 0;
}
section.section-1-case-studies {
padding: 56px 0;
}
section.section-1-case-studies h1.page-title {
font-size: 30px !important;
}
section.section-2-case-studies {
padding: 56px 0;
}
section.section-1-customer-service .content-container,
section.section-1-healthcare .content-container,
section.section-1-marketing-engagement .content-container,
section.section-1-kata-flow .content-container,
section.section-1-kata-omnichat .content-container,
section.section-1-whatsapp-business-api .content-container {
padding-top: 56px;
margin-top: 0px;
margin-bottom: 56px;
}
section.section-1-customer-service .left-text-container,
section.section-1-healthcare .left-text-container,
section.section-1-marketing-engagement .left-text-container,
section.section-1-kata-flow .left-text-container,
section.section-1-kata-omnichat .left-text-container,
section.section-1-whatsapp-business-api .left-text-container {
text-align: center;
}
section.section-1-customer-service .left-text-container h1.page-title,
section.section-1-healthcare .left-text-container h1.page-title,
section.section-1-marketing-engagement .left-text-container h1.page-title,
section.section-1-kata-flow .left-text-container h1.page-title,
section.section-1-kata-omnichat .left-text-container h1.page-title,
section.section-1-whatsapp-business-api .left-text-container h1.page-title {
font-size: 26px !important;
margin-bottom: 12px !important;
}
section.section-1-customer-service .left-text-container h3.sub-title,
section.section-1-healthcare .left-text-container h3.sub-title,
section.section-1-marketing-engagement .left-text-container h3.sub-title,
section.section-1-kata-flow .left-text-container h3.sub-title,
section.section-1-kata-omnichat .left-text-container h3.sub-title,
section.section-1-whatsapp-business-api .left-text-container h3.sub-title {
font-size: 14px;
}
section.section-1-customer-service .left-text-container a.button-link.white-color-blue-background,
section.section-1-healthcare .left-text-container a.button-link.white-color-blue-background,
section.section-1-marketing-engagement .left-text-container a.button-link.white-color-blue-background,
section.section-1-kata-flow .left-text-container a.button-link.white-color-blue-background,
section.section-1-kata-omnichat .left-text-container a.button-link.white-color-blue-background,
section.section-1-whatsapp-business-api .left-text-container a.button-link.white-color-blue-background {
width: 100%;
margin-bottom: 25px;
}
section.section-2-customer-service {
padding: 56px 0;
}
section.section-3-customer-service .section-even,
section.section-3-customer-service .section-odd {
padding: 56px 0 !important;
text-align: center;
}
section.section-3-customer-service .section-even .row {
flex-direction: column-reverse;
}
section.section-4-customer-service,
section.section-4-whatsapp-business-api {
padding: 56px 0;
}
section.section-4-customer-service .background-color-green,
section.section-4-whatsapp-business-api .background-color-green {
padding: 56px 0;
}
section.section-4-customer-service .speaker-profile,
section.section-4-whatsapp-business-api .speaker-profile {
margin-bottom: 20px;
}
section.section-2-healthcare {
padding: 56px 0;
}
section.section-2-healthcare .background-grey {
padding: 56px 0;
}
section.section-2-healthcare .background-grey .row-5-item {
text-align: center;
grid-template-columns: 100%;
}
section.section-2-healthcare .background-grey .row-5-item .item-client {
text-align: center;
}
section.section-3-healthcare .section-even-odd-area .section-even,
section.section-3-marketing-engagement .section-even-odd-area .section-even,
section.section-3-kata-flow .section-even-odd-area .section-even,
section.section-3-kata-omnichat .section-even-odd-area .section-even,
section.section-3-whatsapp-business-api .section-even-odd-area .section-even,
section.section-3-healthcare .section-even-odd-area .section-odd,
section.section-3-marketing-engagement .section-even-odd-area .section-odd,
section.section-3-kata-flow .section-even-odd-area .section-odd,
section.section-3-kata-omnichat .section-even-odd-area .section-odd,
section.section-3-whatsapp-business-api .section-even-odd-area .section-odd {
padding: 40px 0 ;
}
section.section-3-healthcare .section-even-odd-area .section-even h3.section-title-top,
section.section-3-marketing-engagement .section-even-odd-area .section-even h3.section-title-top,
section.section-3-kata-flow .section-even-odd-area .section-even h3.section-title-top,
section.section-3-kata-omnichat .section-even-odd-area .section-even h3.section-title-top,
section.section-3-whatsapp-business-api .section-even-odd-area .section-even h3.section-title-top,
section.section-3-healthcare .section-even-odd-area .section-odd h3.section-title-top,
section.section-3-marketing-engagement .section-even-odd-area .section-odd h3.section-title-top,
section.section-3-kata-flow .section-even-odd-area .section-odd h3.section-title-top,
section.section-3-kata-omnichat .section-even-odd-area .section-odd h3.section-title-top,
section.section-3-whatsapp-business-api .section-even-odd-area .section-odd h3.section-title-top {
margin-top: 20px;
margin-bottom: 0px;
}
section.section-3-healthcare .section-even-odd-area .section-even img.content-image,
section.section-3-marketing-engagement .section-even-odd-area .section-even img.content-image,
section.section-3-kata-flow .section-even-odd-area .section-even img.content-image,
section.section-3-kata-omnichat .section-even-odd-area .section-even img.content-image,
section.section-3-whatsapp-business-api .section-even-odd-area .section-even img.content-image,
section.section-3-healthcare .section-even-odd-area .section-odd img.content-image,
section.section-3-marketing-engagement .section-even-odd-area .section-odd img.content-image,
section.section-3-kata-flow .section-even-odd-area .section-odd img.content-image,
section.section-3-kata-omnichat .section-even-odd-area .section-odd img.content-image,
section.section-3-whatsapp-business-api .section-even-odd-area .section-odd img.content-image {
margin-bottom: 12px;
}
section.section-3-healthcare .section-even-odd-area .section-even .col-md-6.order-2 .py-5,
section.section-3-marketing-engagement .section-even-odd-area .section-even .col-md-6.order-2 .py-5,
section.section-3-kata-flow .section-even-odd-area .section-even .col-md-6.order-2 .py-5,
section.section-3-kata-omnichat .section-even-odd-area .section-even .col-md-6.order-2 .py-5,
section.section-3-whatsapp-business-api .section-even-odd-area .section-even .col-md-6.order-2 .py-5,
section.section-3-healthcare .section-even-odd-area .section-odd .col-md-6.order-2 .py-5,
section.section-3-marketing-engagement .section-even-odd-area .section-odd .col-md-6.order-2 .py-5,
section.section-3-kata-flow .section-even-odd-area .section-odd .col-md-6.order-2 .py-5,
section.section-3-kata-omnichat .section-even-odd-area .section-odd .col-md-6.order-2 .py-5,
section.section-3-whatsapp-business-api .section-even-odd-area .section-odd .col-md-6.order-2 .py-5,
section.section-3-healthcare .section-even-odd-area .section-even .col-md-6.order-1 .py-5,
section.section-3-marketing-engagement .section-even-odd-area .section-even .col-md-6.order-1 .py-5,
section.section-3-kata-flow .section-even-odd-area .section-even .col-md-6.order-1 .py-5,
section.section-3-kata-omnichat .section-even-odd-area .section-even .col-md-6.order-1 .py-5,
section.section-3-whatsapp-business-api .section-even-odd-area .section-even .col-md-6.order-1 .py-5,
section.section-3-healthcare .section-even-odd-area .section-odd .col-md-6.order-1 .py-5,
section.section-3-marketing-engagement .section-even-odd-area .section-odd .col-md-6.order-1 .py-5,
section.section-3-kata-flow .section-even-odd-area .section-odd .col-md-6.order-1 .py-5,
section.section-3-kata-omnichat .section-even-odd-area .section-odd .col-md-6.order-1 .py-5,
section.section-3-whatsapp-business-api .section-even-odd-area .section-odd .col-md-6.order-1 .py-5 {
padding: 0 !important;
}
section.section-3-healthcare .section-even-odd-area .section-even ul,
section.section-3-marketing-engagement .section-even-odd-area .section-even ul,
section.section-3-kata-flow .section-even-odd-area .section-even ul,
section.section-3-kata-omnichat .section-even-odd-area .section-even ul,
section.section-3-whatsapp-business-api .section-even-odd-area .section-even ul,
section.section-3-healthcare .section-even-odd-area .section-odd ul,
section.section-3-marketing-engagement .section-even-odd-area .section-odd ul,
section.section-3-kata-flow .section-even-odd-area .section-odd ul,
section.section-3-kata-omnichat .section-even-odd-area .section-odd ul,
section.section-3-whatsapp-business-api .section-even-odd-area .section-odd ul {
margin-left: 0;
}
section.section-3-healthcare .section-even-odd-area .section-even .row,
section.section-3-marketing-engagement .section-even-odd-area .section-even .row,
section.section-3-kata-flow .section-even-odd-area .section-even .row,
section.section-3-kata-omnichat .section-even-odd-area .section-even .row,
section.section-3-whatsapp-business-api .section-even-odd-area .section-even .row {
flex-direction: column-reverse;
}
section.section-2-kata-omnichat {
padding: 56px 0;
}
section.section-2-kata-omnichat .row.justify-content-center .col-md-5 .item-container {
padding: 20px;
text-align: center;
margin-bottom: 16px;
}
section.section-2-marketing-engagement {
padding: 56px 0;
}
section.section-1-partnership {
padding: 56px 0;
}
section.section-1-partnership h1.page-title {
font-size: 30px !important;
}
section.section-1-partnership p.page-sub-title {
font-size: 14px;
}
section.section-2-partnership {
padding: 56px 0;
}
section.section-2-partnership p.section-paragraph {
font-size: 14px;
text-align: center;
}
}
button.navbar-toggler.toggler-example:focus ~ .navbar-collapse {
animation: sasuke 0.65s;
}
@keyframes sasuke {
0% {
height: 0px;
}
100% {
height: 90vh;
}
}
button.navbar-toggler.toggler-example.collapsed:focus ~ .navbar-collapse {
animation: tehpucukharum 0.65s;
}
@keyframes tehpucukharum {
0% {
height: 90vh;
}
100% {
height: 0px;
}
}