/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
background: rgba(0, 0, 0, 0);
font-size: 100%;
}
nav ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
content: none;
}
html {
font-family: "DM Sans", sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
margin: 0;
padding: 0;
background: rgba(0, 0, 0, 0);
font-size: 100%;
vertical-align: baseline;
}
a:active,
a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
mark {
background: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 1em 40px;
}
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code,
kbd,
pre,
samp {
font-family: Open Sans;
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid silver;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
*,
*:before,
*:after {
box-sizing: border-box;
}
html {
font-size: 16px;
}
body {
min-height: 100%;
margin: 0;
padding: 0;
border: 0;
outline: 0;
background: #fff;
color: #001e3c;
font-family: "DM Sans", sans-serif;
font-size: 14px;
line-height: 1.5;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
-webkit-text-stroke: thistle;
overflow-x: hidden;
}
@media (min-width: 768px) and (max-width: 1024px) {
body {
overflow-x: hidden;
}
}
a {
color: #001e3c;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
h1,
h2,
h3,
h4,
h5 {
margin: 0;
font-weight: 700;
}
p {
margin: 0;
font-weight: 400;
}
ul {
margin: 0;
padding: 0;
}
img {
max-width: 100%;
}
button {
padding: 0;
border: 0;
outline: none;
background: rgba(0, 0, 0, 0);
text-align: left;
}
span[class^="icon-"] {
display: inline-block;
vertical-align: top;
zoom: 1;
vertical-align: middle;
}
.phn-break {
display: none;
}
@media (max-width: 768px) {
.phn-break {
display: block;
}
}
.placeholder {
height: 400px !important;
background: #fff;
border: 1px solid #f8f8f8;
box-shadow: 0px 4px 16px 0px #cecece;
border-radius: 6px;
}
@media (max-width: 768px) {
.is-hidden-sm {
display: none;
}
}
.pageNotFound {
display: block;
width: 350px;
margin: 0 auto;
}
.l-container {
width: 96%;
margin: 0 2%;
}
@media (min-width: 1025px) {
.l-container {
max-width: 1260px;
margin: 0 auto;
padding: 0 1%;
}
}
.l-container div[class^="l-"] {
min-height: 10px;
padding-right: 10px;
padding-left: 10px;
float: left;
}
.l-container .l-grid-2 {
width: 50%;
}
.l-container .l-grid-3 {
width: 33.33%;
}
.demoform_heroContent li {
list-style: none;
}
@media (max-width: 768px) {
.demoform_heroContent.heroContent {
padding: 10px 10px !important;
}
}
.demoform_heroContent.heroContent .comp.form h3 {
margin: 0 auto;
}
@media (max-width: 768px) {
.demoform_heroContent.heroContent .comp.form h3 {
font-size: 25px !important;
}
}
.demoform_heroContent h1 {
color: #001e3c;
font-size: 40px;
font-weight: 600;
line-height: 50px;
margin-bottom: 20px;
}
@media (max-width: 768px) {
.demoform_heroContent h1 {
font-size: 34px;
}
}
.demoform_heroContent .list-label {
font-size: 20px;
font-weight: 600;
line-height: 27px;
margin-bottom: 15px;
display: block;
}
.demoform_heroContent .list-items {
margin-left: 20px;
}
.demoform_heroContent .list-items li {
font-size: 21px;
}
.demoform_heroContent .banner-content .icon {
position: absolute;
top: 5%;
left: auto;
right: -20%;
width: 80px;
height: 60px;
}
.demoform_heroContent .banner-content .icon .arrow {
position: absolute;
top: 25px;
width: 100%;
height: 10px;
background-color: #000;
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
animation: arrow 700ms linear infinite;
border-radius: 10px;
}
.demoform_heroContent .banner-content .icon .arrow::after {
content: "";
position: absolute;
width: 60%;
height: 10px;
top: -14px;
right: -16px;
background-color: #000;
transform: rotate(45deg);
border-radius: 10px;
}
.demoform_heroContent .banner-content .icon .arrow::before {
content: "";
position: absolute;
width: 60%;
height: 10px;
top: 14px;
right: -16px;
background-color: #000;
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
transform: rotate(-45deg);
border-radius: 10px;
}
@media (max-width: 768px) {
.demoform_heroContent .banner-content .icon {
display: none !important;
}
}
.demoform_heroContent .banner-content .icon {
display: none;
}
.demoform_heroContent .l-contact {
font-size: 17px;
line-height: 27px;
margin-bottom: 20px;
}
.l-form.fixed {
width: 500px;
max-width: inherit;
border-radius: 10px;
}
.l-form {
border: 1px solid #c7c7c7;
background-color: #fff;
box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.1);
padding: 30px 40px;
position: relative;
z-index: 10;
max-width: 430px;
}
.l-form .fixed {
position: fixed;
left: 0px;
width: 500px;
}
.l-form .fixed .list-items li p {
color: red;
}
.l-form h2 {
line-height: 29px !important;
}
.comp_wrapper {
max-width: 1100px;
margin: 0 auto;
}
.comp_wrapper .comp.form {
display: inline-block;
vertical-align: top;
margin-left: 100px;
}
@media (max-width: 768px) {
.comp_wrapper .comp.form {
margin: 0 auto;
display: block;
}
}
.demo_form_cntnt {
max-width: 575px;
margin: 20px 10px 20px 0;
text-align: left;
display: inline-block;
}
.demo_form_cntnt ul {
margin-left: 20px;
}
.demo_form_cntnt h2 {
font-size: 40px;
font-weight: 600;
line-height: 50px;
margin-bottom: 20px;
}
.demo_form_cntnt h3 {
font-size: 17px;
font-weight: 600;
line-height: 27px;
margin-bottom: 15px;
}
.demo_form_cntnt p {
font-size: 17px;
line-height: 27px;
margin-bottom: 20px;
}
.demo_form_cntnt ul li {
font-size: 15px;
line-height: 27px;
margin-bottom: 10px;
}
@media (max-width: 768px) {
.demo_form_cntnt {
display: none;
}
}
.comp.form {
position: relative;
}
.comp.form .form-heading {
color: #001e3c;
text-align: center;
font-size: 30px;
font-weight: 800;
line-height: 37px;
}
.comp.form .ctrl-block {
width: 99%;
margin-bottom: 15px;
}
.comp.form .ctrl-group {
position: relative;
}
.comp.form .ctrl-group:not(:last-of-type) {
margin-bottom: 15px;
}
.comp.form .ctrl-group.center {
text-align: center;
text-align: center;
}
.comp.form .ctrl-label {
display: block;
margin-bottom: 5px;
color: #414761;
font-size: 14px;
font-weight: 600;
line-height: 14px;
}
.comp.form input::-webkit-outer-spin-button,
.comp.form input::-webkit-inner-spin-button {
-webkit-appearance: none !important;
margin: 0 !important;
}
.comp.form input[type="number"] {
-moz-appearance: textfield !important;
}
.comp.form input.wpcf7-form-control.wpcf7-number {
position: relative;
overflow: hidden;
}
.comp.form input.wpcf7-form-control.wpcf7-number::after {
content: "";
position: absolute;
right: 0;
top: 0;
width: 20px;
height: 100%;
}
.comp.form input:-webkit-autofill,
.comp.form input:-webkit-autofill:hover,
.comp.form input:-webkit-autofill:focus,
.comp.form input:-webkit-autofill:active {
-webkit-box-shadow: 0 0 0 30px #fff inset !important;
}
.comp.form .ctrl {
color: #000;
font-size: 15px;
line-height: 25px;
width: 100%;
height: 52px;
padding: 0 10px;
border: 0;
border-bottom: 1px solid #6b7281;
border-radius: 0;
outline: none;
text-transform: capitalize;
background: #f9fafb;
}
.comp.form .ctrl.has-dropdown {
padding-right: 25px;
background: url("../assets/images/icons/arrow-down.svg") no-repeat right 10px
center;
}
.comp.form .ctrl.phoneCode {
max-width: 57px;
text-align: center;
float: left;
}
.comp.form .ctrl#sdemail {
text-transform: none;
}
.comp.form .cti-input-underlined .ctrl {
padding: 16px 10px 0px 10px;
font-weight: 400;
}
.comp.form button[name="submit"] {
min-width: 200px;
text-align: center;
font-size: 16px;
padding: 5px;
}
@media (max-width: 768px) {
.comp.form button[name="submit"] {
padding: 2px 25px;
}
}
.comp.form .ctrl-check {
position: absolute;
width: 16px;
height: 16px;
visibility: hidden;
z-index: -1;
}
.comp.form .ctrl-check + label.ctrl-check-label {
display: inline-block;
vertical-align: top;
zoom: 1;
padding-left: 30px;
background-repeat: no-repeat;
background-position: 0 0;
line-height: 16px;
cursor: pointer;
}
.comp.form .ctrl-check + label.ctrl-check-label.hide-text {
padding-left: 16px;
}
.comp.form .ctrl-check:checked + label.ctrl-check-label {
background-image: url("../assets/images/icons/checkbox_checked.svg");
}
.comp.form label.ctrl-check-label {
background-image: url("../assets/images/icons/checkbox_unchecked.svg");
background-size: 16px 16px;
user-select: none;
}
.comp.form .dropdown {
width: 100%;
}
.comp.form .icon {
width: 40px;
height: 40px;
margin: 0 auto 0;
border-radius: 50%;
background-color: #30136a;
line-height: 40px;
text-align: center;
}
.comp.form h3 {
padding-bottom: 20px;
margin-top: 0;
}
.comp.form .term-note {
display: block;
color: #a8a8a8;
font-size: 11px;
line-height: 13px;
margin: 20px 0;
}
@media (max-width: 768px) {
.comp.form .ctrl-block:not(:last-child) {
margin-bottom: 15px;
}
}
@media (min-width: 768px) {
.comp.form .ctrl-group.blocks-2 .ctrl-block {
position: relative;
width: 47%;
display: inline-block;
vertical-align: top;
}
.comp.form .ctrl-group.blocks-2 .ctrl-block:not(:last-child) {
margin-right: 2%;
}
.comp.form .ctrl-group.blocks-2 .ctrl-block:not(:first-child) {
margin-left: 2%;
}
}
.comp.form input::-webkit-outer-spin-button,
.comp.form input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.comp.form input[type="number"] {
-moz-appearance: textfield;
}
.comp.form .ctFrmErrorMsg {
margin: 0px;
}
.l-signup .comp.form h3 {
margin-top: 20px;
color: #414761;
font-size: 22px;
line-height: 34px;
font-weight: bold;
text-align: center;
margin-top: 0;
padding-bottom: 8px;
}
.l-signup .comp.form h3:after {
content: "";
height: 5px;
width: 60px;
border-radius: 7px;
background-color: #3b43ff;
display: block;
margin: 8px auto 0 auto;
}
.l-signup .comp.form h3:after {
display: none;
}
.l-signup .comp.form h4 {
font-size: 14px;
text-align: center;
color: #414661;
margin-bottom: 25px;
}
.l-signup .comp.form h4:after {
content: "";
height: 5px;
width: 60px;
border-radius: 7px;
background-color: #3b43ff;
display: block;
margin: 8px auto 0 auto;
}
.l-signup .comp.form button[name="submit"] {
margin-top: 10px;
}
.l-signup .ctrl-group-ftr {
text-align: center;
color: #414661;
}
.l-signup .passwdS {
margin: 0;
width: 85px;
position: absolute;
top: 28px;
border: 0;
padding: 0;
right: 0px;
}
.l-signup .passwdS span {
width: 15px;
height: 15px;
margin: 0 2px 2px 0;
display: inline-block;
vertical-align: middle;
}
.l-signup .l-container.banner-content .l-contact.demo {
padding: 50px 0;
}
.l-signup .l-container.banner-content .l-contact.demo h1 {
margin-top: 40px;
}
@media (max-width: 768px) {
.l-signup .l-container.banner-content .l-contact.demo {
padding: 0 30px;
}
}
.l-signup .signup-logos {
list-style: none;
margin-top: 70px;
display: flex;
flex-wrap: wrap;
}
.l-signup .signup-logos li {
margin-bottom: 30px;
min-width: 33%;
}
.l-signup .signup-logos li img {
max-height: 32px;
max-width: 90px;
vertical-align: middle;
}
.bg-blue-signup {
background: #005eff;
padding: 40px 0;
}
.stats-item-cnt {
display: flex;
}
@media (max-width: 768px) {
.stats-item-cnt {
flex-wrap: wrap;
}
}
.stats-item {
width: 100%;
padding: 0 1.543543%;
}
@media (max-width: 768px) {
.stats-item {
width: 49%;
padding: 1.543543%;
}
}
.stats-item__num {
font-size: 40px;
font-weight: 600;
color: #fff;
}
.stats-item__sign {
font-size: 22px;
font-weight: 600;
color: #fff;
margin-left: -2px;
margin-right: 4px;
}
.stats-item__text {
display: block;
font-size: 14px;
margin-top: -9px;
color: #84aeff;
font-weight: 600;
}
.stats-item__icon.isDown img {
transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
}
.wpcf7-form-control-wrap .intl-tel-input {
position: absolute;
top: 9px;
}
@media (max-width: 768px) {
.wpcf7-form-control-wrap .intl-tel-input {
top: 0px;
}
}
span.wpcf7-form-control-wrap .phone-field {
padding-left: 60px;
margin-top: -20px;
}
@media (max-width: 768px) {
span.wpcf7-form-control-wrap .phone-field {
margin-top: 0px;
}
}
.all-partners-pic {
text-align: center;
margin-top: 25px;
}
.all-partners-pic img {
margin: 10px 20px;
max-width: 120px;
max-height: 30px;
}
.thanksmsg {
text-align: center;
padding-bottom: 40px;
color: #5a627b;
font-size: 17px;
font-weight: 500;
line-height: 34px;
}
#tipsContents {
position: absolute;
z-index: 1030;
line-height: 17px;
visibility: visible;
display: block;
right: 0;
top: -85px;
background: rgba(0, 0, 0, 0.8);
padding: 10px;
color: #fff;
border-radius: 4px;
font-size: 12px;
}
#tipsContents-arrow {
padding: 5px 0;
margin-top: 0;
position: absolute;
width: 0;
height: 0;
border-color: rgba(0, 0, 0, 0);
border-style: solid;
top: 3px;
right: 73px;
margin-left: -5px;
border-top-color: rgba(0, 0, 0, 0.8);
border-width: 5px 5px 0;
}
.errMsgs {
display: none;
}
.error-label,
.errMsgs {
color: #ff0c00;
font-size: 12px;
margin-top: 0;
}
#submitBtn {
display: inline-block;
vertical-align: top;
zoom: 1;
padding: 0 20px;
border-radius: 4px;
outline: none;
color: #fff;
font-size: 16px;
font-weight: 700;
line-height: 50px;
text-align: center;
box-shadow: 0 2px 4px 0 rgba(78, 84, 108, 0.25);
text-decoration: none;
transition: all 0.15s ease;
background-color: #3b43ff;
margin-top: 10px;
padding: 0 40px;
}
#submitBtn:hover {
transform: translateY(-1px);
background-color: #fff;
}
@media (max-width: 768px) {
#submitBtn {
padding: 0 20px;
}
}
.schedule-demo-fixed-btn {
display: none;
}
@media (max-width: 768px) {
.schedule-demo-fixed-btn {
display: block;
padding: 15px 25px;
position: fixed;
background: #fff;
bottom: 0px;
width: 100%;
z-index: 99;
}
.schedule-demo-fixed-btn button {
width: 85%;
margin: 0 auto;
display: block;
font-size: 18px;
text-align: center;
}
}
.badges_list {
vertical-align: top;
display: inline-block;
}
.badges_list a {
min-width: 120px;
display: inline-block;
vertical-align: middle;
}
.badges_list a img {
max-height: 120px;
max-width: 140px;
}
@media only screen and (max-width: 1000px) {
.popup-form {
overflow: scroll;
}
.popup-form .comp.form {
height: 500px;
overflow: scroll;
}
}
.sddemoform .icon-tick-green:after {
float: left;
margin: 0 15px 0 0 !important;
margin-bottom: 80px !important;
}
.sddemoform .list-items li {
font-size: 21px;
text-align: left;
float: left;
}
.sddemoform .list-items {
margin-left: 0px;
}
.sddemoform .heroContent .rhs-align {
float: right;
width: 50%;
max-width: inherit;
}
@media (max-width: 768px) {
.sddemoform .heroContent .rhs-align {
width: 100%;
}
}
.sddemoform .pink-wrap {
background: #fff;
padding: 60px 40px;
}
@media (max-width: 768px) {
.sddemoform .pink-wrap {
padding: 60px 20px;
}
}
.sddemoform .l-form {
background: #ffe2e3;
padding: 80px 60px !important;
}
@media (max-width: 768px) {
.sddemoform .l-form {
padding: 0px !important;
}
}
.sddemoform .captcha-wrap {
clear: both;
}
.sddemoform .captcha-wrap div {
margin: 0 auto;
}
form a {
color: #3b43ff;
text-decoration: none;
}
.wpcf7-form {
position: relative;
}
.wpcf7-form .wpcf7-spinner {
display: none !important;
}
.wpcf7-form-control-wrap {
position: relative;
display: block;
}
@media (max-width: 768px) {
.wpcf7-form-control-wrap {
margin-bottom: 20px;
}
}
.wpcf7-form-control {
font-size: 16px;
padding: 10px;
border-radius: 10px;
color: #648599;
width: 100%;
border: 1px solid rgba(104, 134, 152, 0.7019607843);
}
.wpcf7-not-valid-tip {
display: block;
position: absolute;
width: 100%;
left: 0;
bottom: -21px;
}
.wpcf7 form .wpcf7-response-output {
margin: 0.4em 0.5em 1em;
font-size: 13px;
}
.bs-cta .form-wrapper-cf7 {
display: inline-block;
width: 50%;
vertical-align: top;
text-align: left;
padding: 30px 60px;
text-align: left;
}
@media (max-width: 768px) {
.bs-cta .form-wrapper-cf7 {
width: auto;
padding: 0 10px 30px 10px;
}
}
.wpcf7-form-control.wpcf7-acceptance {
border: 0;
padding: 0;
}
.wpcf7-acceptance .wpcf7-list-item {
display: inline-block;
margin: 0;
}
.wpcf7-list-item-label {
font-size: 14px;
}
.comp.tile-item {
border: 1px solid #d1daeb;
border-radius: 8px;
background-color: #fff;
overflow: hidden;
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1215686275);
}
.comp.tile-item .banner {
height: 160px;
background-repeat: no-repeat;
background-position: top center;
background-size: cover !important;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.comp.tile-item .banner.flyrobe {
background-image: url("../assets/images/mock/flyrobe.png");
}
.comp.tile-item .banner.ixigo {
background-image: url("../assets/images/mock/ixigo.png");
}
.comp.tile-item .banner.dealsplus {
background-image: url("../assets/images/mock/dealsplus-2.png");
}
.comp.tile-item .banner.streamago {
background-image: url("../assets/images/mock/streamago.png");
}
.comp.tile-item .banner.black-friday {
background-image: url("../assets/images/mock/black-friday.png");
}
.comp.tile-item .content {
position: relative;
padding: 20px;
}
.comp.tile-item .content a {
text-decoration: none;
color: #101727;
}
.comp.tile-item .content .info-pill {
color: #101727;
font-weight: 600;
letter-spacing: 0.7px;
font-style: normal;
font-stretch: normal;
line-height: normal;
display: inline-block;
margin-bottom: 15px;
background: #e5e7eb !important;
text-decoration: none;
opacity: 1;
text-transform: uppercase;
font-size: 12px;
padding: 2px;
margin-right: 2px;
}
.comp.tile-item .content .info-pill a,
.comp.tile-item .content .info-pill span {
background: #e5e7eb !important;
}
.comp.tile-item .content .info-pill.ver-1 {
background-color: #0096ea;
}
.comp.tile-item .content .info-pill.ver-2 {
background-color: #3b43ff;
}
.comp.tile-item .content .info-pill.ver-3 {
background-color: #0dbc69;
}
.comp.tile-item .content .info-pill.ver-4 {
background-color: #8232ab;
}
.comp.tile-item .content h3 {
font-size: 17px;
font-style: normal;
font-stretch: normal;
line-height: 1.3;
letter-spacing: normal;
color: #101727;
min-height: 90px;
margin-bottom: 10px;
}
.comp.tile-item .content p {
color: #5a627b;
font-size: 15px;
font-weight: 500;
line-height: 22px;
margin-top: 10px;
}
.comp.tile-item .content label {
display: block;
margin-top: 20px;
color: #414761;
font-size: 12px;
font-weight: 600;
line-height: 12px;
}
.comp.tile-item .content .influence {
margin-top: 5px;
}
.comp.tile-item .content .influence.reduced .info {
color: #3b43ff;
}
.comp.tile-item .content .influence.increased .info {
color: #0dbc69;
}
.comp.tile-item .content .influence span[class^="icon-"] {
margin-top: 4px;
float: left;
}
.comp.tile-item .content .influence .info {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
display: block;
margin-left: 22px;
font-size: 20px;
line-height: 23px;
}
.comp.tile-item .content .read-more {
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid #eff6ff;
}
.comp.tile-item .content a.more {
font-size: 14px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
letter-spacing: normal;
color: #3b43ff;
text-decoration: none;
float: left;
line-height: 2.2;
padding: 0 11px;
}
@media (max-width: 768px) {
.comp.tile-item .banner {
height: 200px;
}
.comp.tile-item .content p {
height: auto;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.comp.tile-item .content p {
height: 105px;
}
}
@media (min-width: 1025px) {
.comp.tile-item .content p {
height: 115px;
}
}
.comp.tile-item:hover .banner {
transform: scale(1.05);
}
.comp.features-list {
width: 100%;
float: left;
font-size: 0;
list-style: none;
}
@media (max-width: 768px) {
.comp.features-list {
float: none;
}
}
.comp.features-list.ac {
text-align: center;
}
.comp.features-list li {
display: inline-block;
vertical-align: top;
zoom: 1;
}
.comp.features-list .feature {
margin: 15px 0 10px;
text-align: center;
margin-top: 20px;
color: #5a627b;
font-size: 17px;
font-weight: 500;
line-height: 24px;
}
.comp.features-list .info {
min-height: 42px;
color: #5a627b;
font-size: 15px;
font-weight: 500;
line-height: 22px;
}
.comp.features-list a.learn-more {
display: inline-block;
vertical-align: top;
zoom: 1;
color: #3b43ff;
font-size: 12px;
font-weight: 600;
letter-spacing: 2px;
text-transform: uppercase;
text-decoration: none;
}
.comp.features-list a.learn-more span {
display: inline-block;
vertical-align: top;
zoom: 1;
vertical-align: middle;
}
.comp.features-list a.learn-more span.label {
margin-top: 1px;
opacity: 0.5;
}
@media (max-width: 768px) {
.comp.features-list.phn-block-full li {
width: 100%;
}
.comp.features-list.phn-block-full li .title,
.comp.features-list.phn-block-full li .text {
margin-left: 0;
}
.comp.features-list li {
width: 50%;
padding: 0 10px;
}
.comp.features-list li:not(:last-child) {
margin-bottom: 30px;
}
}
@media (min-width: 768px) {
.comp.features-list.block-2 li {
width: 50%;
}
.comp.features-list.block-2 li:nth-last-child(n + 3) {
margin-bottom: 40px;
}
.comp.features-list.block-3 li {
width: 33.33%;
}
.comp.features-list.block-3 li:nth-last-child(n + 4) {
margin-bottom: 40px;
}
.comp.features-list.block-4 li {
width: 25%;
}
.comp.features-list.block-4 li:nth-last-child(n + 5) {
margin-bottom: 40px;
}
.comp.features-list li {
padding: 0 10px;
}
}
@media (min-width: 1025px) {
.comp.features-list li {
padding: 0 20px;
}
}
.comp.dropdown {
position: absolute;
transition: opacity 300ms ease, visibility 300ms ease;
border-radius: 4px;
background-color: #fff;
list-style: none;
box-shadow: 0 2px 6px 0 rgba(0, 30, 60, 0.4);
opacity: 0;
overflow: hidden;
visibility: hidden;
z-index: 1;
}
.comp.dropdown.active {
opacity: 1;
visibility: visible;
}
.comp.dropdown li a {
display: block;
padding: 12px 10px;
color: #001e3c;
line-height: 16px;
text-align: left;
text-decoration: none;
}
.comp.dropdown li a:hover,
.comp.dropdown li a.active {
background-color: #f8fafc;
color: #30136a;
}
.comp.bg-modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
transition: all 300ms ease;
background-color: #383739;
opacity: 0;
visibility: hidden;
z-index: 99999;
}
.comp.bg-modal.active {
opacity: 0.95;
visibility: visible;
}
.comp.modal {
position: fixed;
top: 0%;
left: 0%;
right: 0%;
margin: 0 auto;
padding: 75px 20px 20px 20px;
transform: scale(0.8);
border-radius: 0px;
opacity: 0;
visibility: hidden;
z-index: 9999;
}
.comp.modal.transition {
transition: all 300ms ease;
}
.comp.modal.active {
transform: scale(1);
opacity: 1;
visibility: visible;
z-index: 999999;
}
.comp.modal.contact {
width: 100%;
height: 100%;
}
.comp.modal button[name="close-modal"] {
position: absolute;
top: 10px;
right: 15px;
font-size: 24px;
background-size: 100%;
filter: brightness(0) invert(0);
text-align: center;
}
@media (max-width: 768px) {
.comp.modal button[name="close-modal"] {
right: 20px;
}
}
.comp.modal .comp.form {
background: #fff;
padding: 40px;
max-width: 400px;
z-index: 99999;
}
.comp.modal .comp.form h2 {
text-align: center;
color: #000;
font-size: 30px;
font-weight: 600;
line-height: 37px;
margin-bottom: 30px;
}
.comp button[name="close-modal"] {
position: absolute;
top: 40px;
right: 45px;
width: 24px;
height: 24px;
background-size: 100%;
filter: brightness(0) invert(1);
}
@media (max-width: 768px) {
.comp button[name="close-modal"] {
right: 20px;
}
}
.l-container.app-header .l-logo {
width: 130px;
padding: 0;
}
.l-container.app-header .l-logo a.logo {
display: block;
width: 100%;
height: 32px;
background-image: url("/wp-content/themes/babblebots/assets/images/logo.png");
background-repeat: no-repeat;
background-position: center;
background-size: 100% auto;
text-indent: -9999px;
}
.l-container.app-header .l-nav {
width: calc(100% - 130px);
}
section.feature-desc {
padding-top: 80px;
}
section.feature-desc.has-pb {
padding-bottom: 80px;
}
section.feature-desc p {
padding: 0 10px;
color: #555;
font-size: 24px;
line-height: 32px;
text-align: center;
}
@media (max-width: 768px) {
section.feature-desc {
padding-top: 40px;
}
}
section.section-features {
background-color: #fafafa;
}
section.section-features .feature-container {
position: relative;
max-width: 1240px;
margin: 0 auto;
}
.l-container.features-block {
padding: 70px 0 30px;
}
.l-container.features-block .content {
position: relative;
}
.l-container.features-block .content .grid-block {
width: 50%;
float: left;
}
.l-container.features-block .content .grid-block:first-child {
padding-right: 10px;
}
.l-container.features-block .content .grid-block:last-child {
padding-left: 10px;
}
.l-container.features-block .content h3 {
margin: 15px 0 10px;
font-size: 18px;
font-weight: 600;
}
.l-container.features-block .content p {
color: #555;
}
.l-container.features-block .content a.learn-more {
display: inline-block;
vertical-align: top;
zoom: 1;
transition: margin-left 300ms ease;
font-size: 10px;
font-weight: 600;
letter-spacing: 2px;
text-decoration: none;
text-transform: uppercase;
}
.l-container.features-block .content a.learn-more:hover span[class^="icon-"] {
margin-left: 5px;
}
.l-container.features-block .content a.learn-more span {
display: inline-block;
vertical-align: top;
zoom: 1;
}
.l-container.features-block .content a.learn-more span[class^="icon-"] {
margin-top: 2px;
}
a.read-more span {
display: inline-block;
vertical-align: top;
zoom: 1;
}
a.read-more span.text {
margin-top: 2px;
font-size: 12px;
font-weight: 600;
letter-spacing: 2px;
line-height: 18px;
text-transform: uppercase;
}
a.read-more span.icon {
width: 20px;
height: 20px;
margin-left: 2px;
padding-top: 5px;
border-radius: 50%;
line-height: 20px;
text-align: center;
}
.features-revamp .heroContent__title {
text-align: center;
margin: 40px;
}
.features-revamp .press-resources-block .is-CenterBlock {
margin: 0 auto;
position: relative;
z-index: 2;
}
.features-revamp .press-resources-block .rhs_res {
background: #fff;
z-index: 2;
position: relative;
}
.features-revamp .customer_logo_sprite {
margin-bottom: 30px;
}
.features-revamp .c-babblebots-Customers__title {
display: none;
}
.features-revamp .l-container.press-resources-block h2 {
text-align: center;
padding-bottom: 20px;
width: auto;
display: block;
margin-bottom: 40px;
}
.features-revamp .tab-selector-block {
display: block;
position: relative;
overflow: hidden;
}
.features-revamp .tab {
overflow: hidden;
}
.features-revamp .tabcontent {
padding: 20px 0px 50px 0;
min-height: 500px;
border-bottom: 1px solid #dedede;
}
.features-revamp .tabcontent.active {
display: block;
}
.features-revamp .tabcontent .c-insightsBox {
padding: 20px 20px;
text-align: left;
margin: 0px 25px 0px 0px;
}
.features-revamp .tabcontent .c-insightsBox .c-insightsBox__title {
text-align: left;
}
.features-revamp .tabcontent .c-insightsBox .c-insightsBox__text {
text-align: left;
padding-bottom: 0;
min-height: auto;
}
.features-revamp .tabcontent .hdTab {
vertical-align: top;
display: inline-block;
width: 100%;
padding: 10px 0px;
}
.features-revamp .tabcontent .hdTab img {
display: inline-block;
}
.features-revamp .tabcontent .hdTab .hdCntnt_wrp {
display: inline-block;
vertical-align: top;
margin-top: 45px;
padding-left: 0;
border-left: 0;
width: 40%;
float: left;
}
.features-revamp .tabcontent .hdTab .hdCntnt_wrp .hdTitle {
color: #001e3c;
font-size: 30px;
line-height: 34px;
font-weight: bold;
text-align: left;
display: inline-block;
vertical-align: top;
}
.features-revamp .tabcontent .hdTab .hdCntnt_wrp .hdCntnt {
color: #001e3c;
font-size: 16px;
line-height: 1.4;
text-align: left;
padding: 22px 0 30px 0;
max-width: 400px;
}
.features-revamp
.tabcontent
.hdTab
.hdCntnt_wrp
.c-customerTestimonialSlider__details {
float: none;
width: auto;
margin-top: 25px;
padding-top: 25px;
border-top: 1px solid #dedede;
position: relative;
height: auto;
margin-left: 0;
z-index: 2;
right: 0;
transition: none;
}
.features-revamp
.tabcontent
.hdTab
.hdCntnt_wrp
.c-customerTestimonialSlider__details
.c-customerTestimonialSlider__name {
font-size: 20px;
margin: 15px 0 0px 0;
}
.features-revamp
.tabcontent
.hdTab
.hdCntnt_wrp
.c-customerTestimonialSlider__details
.clientimg_feat {
overflow: hidden;
border-radius: 50%;
border: 6px solid #fff;
-webkit-box-shadow: 0px 25px 55px -21px rgba(0, 0, 0, 0.56);
-moz-box-shadow: 0px 25px 55px -21px rgba(0, 0, 0, 0.56);
box-shadow: 0px 25px 55px -21px rgba(0, 0, 0, 0.56);
display: inline-block;
max-width: 85px;
max-height: 85px;
min-width: 85px;
margin-right: 25px;
}
.features-revamp
.tabcontent
.hdTab
.hdCntnt_wrp
.c-customerTestimonialSlider__details
.clientimg_feat
img {
min-width: 100px;
}
.features-revamp
.tabcontent
.hdTab
.hdCntnt_wrp
.c-customerTestimonialSlider__details
.c-customerTestimonialSlider__cntnt {
font-size: 16px;
line-height: 1.4;
margin-bottom: 30px;
float: left;
max-width: 350px;
color: #001e3c;
}
.features-revamp
.tabcontent
.hdTab
.hdCntnt_wrp
.c-customerTestimonialSlider__details
.c-customerTestimonialSlider__cntnt
span {
display: block;
}
.features-revamp
.tabcontent
.hdTab
.hdCntnt_wrp
.c-customerTestimonialSlider__details
.customerTestimonialSlider__img {
float: left;
margin-right: 30px;
border-radius: 50%;
width: 80px;
height: 80px;
border: 5px solid #fff;
overflow: hidden;
-webkit-box-shadow: 0px 20px 44px -20px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 0px 20px 44px -20px rgba(0, 0, 0, 0.75);
box-shadow: 0px 20px 44px -20px rgba(0, 0, 0, 0.75);
}
.features-revamp
.tabcontent
.hdTab
.hdCntnt_wrp
.c-customerTestimonialSlider__details
.customerTestimonialSlider__img
img {
min-width: 90px;
}
.features-revamp .tabcontent .hdTab .hdCntnt_wrp .c-btn {
font-size: 18px;
}
.features-revamp .tabcontent .hdTab .feat_img_rhs {
float: right;
padding-top: 5%;
max-width: 700px;
}
.features-revamp .tabcontent .hdTab.hdTab_img_left .feat_img_rhs {
float: left;
}
.features-revamp .tabcontent .hdTab.hdTab_img_left .hdCntnt_wrp {
float: right;
}
.features-revamp .tabcontent .cntntTab .c-insightsBox__link {
display: block;
text-align: left;
text-decoration: none;
}
.features-revamp
.tabcontent
.cntntTab
.c-insightsBox__link
.c-insightsBox__icon {
float: left;
padding-right: 20px;
margin-bottom: 0;
}
.features-revamp
.tabcontent
.cntntTab
.c-insightsBox__link
.c-insightsBox__icon
img {
width: 44px;
height: 44px;
}
.features-revamp
.tabcontent
.cntntTab
.c-insightsBox__link
.c-insightsBox__icon
svg {
width: 44px;
height: 44px;
padding: 3px;
}
@media (max-width: 768px) {
.features-revamp
.tabcontent
.cntntTab
.c-insightsBox__link
.c-insightsBox__icon
svg {
width: 37px;
height: 37px;
}
}
.features-revamp
.tabcontent
.cntntTab
.c-insightsBox__link
.c-insightsBox__title {
float: left;
padding-bottom: 0;
}
.features-revamp
.tabcontent
.cntntTab
.c-insightsBox__link
.c-insightsBox__text {
display: block;
clear: both;
padding-top: 5px;
min-height: 60px;
max-width: 450px;
}
.features-revamp .c-sideTabs {
margin-top: 0;
min-height: 0px;
}
.features-revamp .c-sideTabs button.tablinks {
padding: 10px 18px;
float: left;
font-size: 16px;
font-weight: 600;
text-align: left;
color: #a2a7b3;
display: inline-block;
line-height: 1.4;
border-right: 1px solid #e0dfdf;
transition: all 0.3s ease;
margin: 0;
width: 200px;
}
.features-revamp .c-sideTabs button.tablinks.active {
border-bottom: 5px solid #3b43ff;
color: #001e3c;
}
.features-revamp .c-sideTabs button.tablinks:hover {
border-bottom: 5px solid #3b43ff;
color: #001e3c;
}
.features-revamp .c-sideTabs button.tablinks:last-child {
border-right: 0;
}
.testimonial_wrp {
clear: both;
display: block;
}
.sub-feat-wrap.wrapper {
padding: 40px 1%;
overflow: scroll;
overflow-y: hidden;
display: block;
text-align: center;
}
.sub-feat-wrap.wrapper .sub-feat-lists {
margin: 0 auto;
}
.sub-feat-wrap.wrapper .sub-feat-lists .sub-feat-links {
display: inline-block;
color: #001e3c;
font-size: 17px;
font-weight: bold;
text-decoration: none !important;
padding: 22px 18px;
border: 1px solid #dedede;
margin: 5px 20px 5px 0;
min-width: 190px;
text-align: left;
min-height: 160px;
vertical-align: top;
}
.sub-feat-wrap.wrapper .sub-feat-lists .sub-feat-links img {
width: 52px;
height: 52px;
display: block;
margin-bottom: 10px;
}
.sub-feat-wrap.wrapper .sub-feat-lists .c-insightsBox__icon {
display: block;
margin-bottom: 15px;
}
.sub-feat-wrap.wrapper .sub-feat-lists .c-insightsBox__icon svg {
width: 42px;
height: 42px;
display: block;
}
.sub-feat-wrap.wrapper::-webkit-scrollbar {
-webkit-appearance: none;
width: 10px;
height: 5px;
}
.sub-feat-wrap.wrapper::-webkit-scrollbar-thumb {
border-radius: 10px;
background-color: rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}
@media only screen and (max-width: 1100px) {
.features-revamp {
overflow: visible !important;
}
.features-revamp .c-sideTabs button.tablinks {
line-height: 1.5;
}
.features-revamp .tabcontent .hdTab .hdCntnt_wrp {
padding-left: 0px;
margin-left: 0px;
max-width: none;
width: 48%;
}
.features-revamp .tabcontent .hdTab .feat_img_rhs {
float: right;
padding-top: 5%;
max-width: 480px;
}
.features-revamp .tabcontent .cntntTab .u-flexbox {
padding-top: 0;
}
.features-revamp .tabcontent .c-insightsBox {
padding: 20px 10px;
margin: 0px 15px 0px 0px;
}
.features-revamp .tab-selector-block {
overflow: auto;
}
.features-revamp .tab-selector-block .c-sideTabs {
width: 1205px;
}
}
@media only screen and (max-width: 1000px) {
.features-revamp .ele-banner-wrap {
display: none;
}
.features-revamp .rhs_res {
border-bottom: 1px solid #e0dfdf;
}
.features-revamp .rhs_res .tablinks.dsktp_hide {
display: none !important;
}
.features-revamp .tabcontent.show {
display: block !important;
}
.features-revamp .tabcontent .c-insightsBox {
padding: 0px 10px;
margin: 0 0 5px 0;
}
.features-revamp .tabcontent .hdTab .hdCntnt_wrp,
.features-revamp .tabcontent .hdTab.hdTab_img_left .hdCntnt_wrp {
width: auto;
text-align: center;
float: none;
display: block;
margin-top: 0;
}
.features-revamp .tabcontent .hdTab .hdCntnt_wrp .hdCntnt,
.features-revamp .tabcontent .hdTab.hdTab_img_left .hdCntnt_wrp .hdCntnt {
text-align: center;
margin: 0 auto;
}
.features-revamp
.tabcontent
.hdTab
.hdCntnt_wrp
.c-customerTestimonialSlider__details,
.features-revamp
.tabcontent
.hdTab.hdTab_img_left
.hdCntnt_wrp
.c-customerTestimonialSlider__details {
display: none;
}
.features-revamp .tabcontent .hdTab .hdCntnt_wrp .hdTitle,
.features-revamp .tabcontent .hdTab.hdTab_img_left .hdCntnt_wrp .hdTitle {
font-size: 26px;
text-align: center;
}
.features-revamp .tabcontent .hdTab .feat_img_rhs,
.features-revamp .tabcontent .hdTab.hdTab_img_left .feat_img_rhs {
float: none;
padding-top: 3%;
display: block;
margin: 0 auto;
width: 100%;
}
.features-revamp .tabcontent .cntntTab .c-insightsBox__link {
display: flex;
position: relative;
}
.features-revamp
.tabcontent
.cntntTab
.c-insightsBox__link
.c-insightsBox__icon {
float: none;
}
.features-revamp
.tabcontent
.cntntTab
.c-insightsBox__link
.c-insightsBox__title {
font-size: 16px;
float: none;
max-width: none;
margin-top: 15px;
}
.features-revamp
.tabcontent
.cntntTab
.c-insightsBox__link
.c-insightsBox__text {
display: none;
}
.features-revamp button.tablinks {
background: none;
padding: 10px;
font-size: 17px;
text-align: center;
display: block;
width: 100%;
line-height: 2;
border: 0;
border-bottom: 0;
transition: all 0.3s ease;
border-radius: 0 !important;
}
.features-revamp button.tablinks.active {
background: none;
}
.features-revamp button.tablinks:hover {
background: none;
}
.features-revamp .press-resources-block {
padding-bottom: 0;
}
.features-revamp .press-resources-block:before {
display: none;
}
}
section.section-carousel {
padding: 60px 0;
background-color: #f8fafc;
}
.l-container.carousel-block .l-header {
width: 100%;
margin-bottom: 60px;
}
.l-container.carousel-block .l-header .icon-wrap {
width: 60px;
height: 60px;
margin: 0 auto;
border-radius: 8px;
background-color: #fff;
line-height: 60px;
text-align: center;
display: none;
}
.l-container.carousel-block .l-header .block-desc {
margin-top: 20px;
color: #001e3c;
font-size: 25px;
line-height: 34px;
font-weight: bold;
text-align: center;
}
.l-container.carousel-block .l-header .block-desc:after {
content: "";
height: 5px;
width: 60px;
border-radius: 7px;
background-color: #3b43ff;
display: block;
margin: 10px auto 0 auto;
}
.l-container.carousel-block .l-item {
width: 100%;
}
.l-container.carousel-block .l-item .content-wrap {
position: relative;
margin-bottom: 15px;
z-index: 1;
}
.l-container.carousel-block .l-item .content {
display: none;
position: absolute;
width: 100%;
border: 1px solid rgba(222, 236, 245, 0.5);
border-radius: 4px;
background-color: #fff;
box-shadow: 0 8px 8px 0 rgba(165, 227, 237, 0.1);
}
.l-container.carousel-block .l-item .content.active {
display: block;
}
.l-container.carousel-block .l-item .img-wrap {
width: 100%;
background-repeat: no-repeat;
}
@media (max-width: 768px) {
.l-container.carousel-block .l-header {
margin-bottom: 20px;
}
}
@media (min-width: 768px) {
.l-container.carousel-block .l-item .content-wrap,
.l-container.carousel-block .l-item .content {
height: 270px;
}
.l-container.carousel-block .l-item .img-wrap {
height: calc(270px + 30px);
margin-top: -32px;
background-position: bottom left 30px;
background-size: auto 100%;
}
.l-container.carousel-block .l-item .img-wrap.activation {
background-image: url("../assets/images/carousel/activation.png");
}
}
@media print and (min-width: 768px),
(min-width: 768px) and (-o-min-device-pixel-ratio: 5/4),
(min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.25),
(min-width: 768px) and (min-resolution: 120dpi),
(min-width: 768px) and (min-resolution: 2dppx) {
.l-container.carousel-block .l-item .img-wrap.activation {
background-image: url("../assets/images/carousel/activation@2x.png");
}
}
@media (min-width: 768px) {
.l-container.carousel-block .l-item .img-wrap.engagement {
background-image: url("../assets/images/carousel/engagement.png");
}
}
@media print and (min-width: 768px),
(min-width: 768px) and (-o-min-device-pixel-ratio: 5/4),
(min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.25),
(min-width: 768px) and (min-resolution: 120dpi),
(min-width: 768px) and (min-resolution: 2dppx) {
.l-container.carousel-block .l-item .img-wrap.engagement {
background-image: url("../assets/images/carousel/engagement@2x.png");
}
}
@media (min-width: 768px) {
.l-container.carousel-block .l-item .img-wrap.monetization {
background-image: url("../assets/images/carousel/monetization.png");
}
}
@media print and (min-width: 768px),
(min-width: 768px) and (-o-min-device-pixel-ratio: 5/4),
(min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.25),
(min-width: 768px) and (min-resolution: 120dpi),
(min-width: 768px) and (min-resolution: 2dppx) {
.l-container.carousel-block .l-item .img-wrap.monetization {
background-image: url("../assets/images/carousel/monetization@2x.png");
}
}
@media (min-width: 768px) {
.l-container.carousel-block .l-item .img-wrap.retention {
background-image: url("../assets/images/carousel/retention.png");
}
}
@media print and (min-width: 768px),
(min-width: 768px) and (-o-min-device-pixel-ratio: 5/4),
(min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.25),
(min-width: 768px) and (min-resolution: 120dpi),
(min-width: 768px) and (min-resolution: 2dppx) {
.l-container.carousel-block .l-item .img-wrap.retention {
background-image: url("../assets/images/carousel/retention@2x.png");
}
}
@media (min-width: 768px) {
.l-container.carousel-block .l-item .img-wrap.re-engagement {
background-image: url("../assets/images/carousel/re-engagement.png");
}
}
@media print and (min-width: 768px),
(min-width: 768px) and (-o-min-device-pixel-ratio: 5/4),
(min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.25),
(min-width: 768px) and (min-resolution: 120dpi),
(min-width: 768px) and (min-resolution: 2dppx) {
.l-container.carousel-block .l-item .img-wrap.re-engagement {
background-image: url("../assets/images/carousel/re-engagement@2x.png");
}
}
@media (min-width: 768px) {
.l-container.carousel-block .l-item .img-wrap.re-install {
background-image: url("../assets/images/carousel/re-install.png");
}
}
@media print and (min-width: 768px),
(min-width: 768px) and (-o-min-device-pixel-ratio: 5/4),
(min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.25),
(min-width: 768px) and (min-resolution: 120dpi),
(min-width: 768px) and (min-resolution: 2dppx) {
.l-container.carousel-block .l-item .img-wrap.re-install {
background-image: url("../assets/images/carousel/re-install@2x.png");
}
}
@media (min-width: 768px) {
.l-container.carousel-block .l-item .stages-list {
list-style: none;
}
.l-container.carousel-block .l-item .stages-list li {
width: 16.66%;
float: left;
text-align: center;
}
.l-container.carousel-block .l-item .stages-list li.phone-nav {
display: none;
}
.l-container.carousel-block .l-item .stages-list button {
display: inline-block;
vertical-align: top;
zoom: 1;
position: relative;
text-align: center;
}
.l-container.carousel-block .l-item .stages-list button.active:before {
opacity: 1;
visibility: visible;
}
.l-container.carousel-block .l-item .stages-list button.active .icon {
border-color: #30136a;
background-color: #30136a;
background-image: none;
box-shadow: 0 8px 8px 0 rgba(0, 30, 60, 0.1);
}
.l-container.carousel-block .l-item .stages-list button.active .label {
color: #30136a;
}
.l-container.carousel-block .l-item .stages-list button:before {
position: absolute;
top: -23px;
left: 50%;
width: 16px;
height: 16px;
margin-left: -8px;
transform: rotate(45deg);
transition: visibility 1s ease, opacity 1s ease;
border-right: 1px solid rgba(222, 236, 245, 0.5);
border-bottom: 1px solid rgba(222, 236, 245, 0.5);
background-color: #fff;
box-shadow: 0 8px 8px 0 rgba(165, 227, 237, 0.1);
content: "";
opacity: 0;
visibility: hidden;
}
.l-container.carousel-block .l-item .stages-list button .icon {
width: 60px;
height: 60px;
margin: 0 auto 12px;
border: 1px solid rgba(151, 151, 151, 0.1);
border-radius: 50%;
background-image: linear-gradient(0deg, #f3f3f3 0%, #ffffff 100%);
line-height: 60px;
box-shadow: 0 2px 4px 0 rgba(0, 30, 60, 0.1);
}
.l-container.carousel-block .l-item .stages-list button .label {
color: #7f7f7f;
font-weight: 600;
}
}
@media (min-width: 1025px) {
.l-container.carousel-block .l-item .content-wrap,
.l-container.carousel-block .l-item .content {
height: 380px;
}
.l-container.carousel-block .l-item .img-wrap {
height: calc(380px + 30px);
}
}
.user-centric-carousel {
max-height: 600px;
position: relative;
}
.user-centric-carousel .bx-controls-direction {
position: absolute;
top: 50%;
margin-top: -36px;
width: 100%;
display: none;
}
.user-centric-carousel .bx-controls-direction a {
position: absolute;
text-indent: -9999px;
width: 32px;
height: 32px;
transform: translateY(-50%);
border: 0;
border-radius: 50%;
background-color: #efecf3;
background-repeat: no-repeat;
background-position: center;
box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.1);
-webkit-transform: translateY(-50%);
cursor: pointer;
}
.user-centric-carousel .bx-controls-direction a.bx-prev {
background-image: url("../assets/images/icons/arrow-left-blue.svg");
background-repeat: no-repeat;
left: -20px;
}
.user-centric-carousel .bx-controls-direction a.bx-next {
background-image: url("../assets/images/icons/arrow-right-blue.svg");
background-repeat: no-repeat;
right: 0;
}
.user-centric-carousel .bx-default-pager {
text-align: center;
margin-top: 14px;
display: none;
}
.user-centric-carousel .bx-default-pager .bx-pager-item {
display: inline-block;
}
.user-centric-carousel .bx-default-pager .bx-pager-link {
display: inline-block;
width: 10px;
height: 10px;
margin: 0 8px;
background: #333;
border-radius: 50%;
opacity: 0.25;
cursor: pointer;
text-indent: -99999px;
}
.user-centric-carousel .bx-default-pager .bx-pager-link.active {
opacity: 1;
}
.user-centric-carousel__item {
height: 410px;
}
@media (max-width: 768px) {
.user-centric-carousel__item {
height: 310px;
}
}
.user-centric-carousel__bg {
border: 1px solid rgba(222, 236, 245, 0.5);
border-radius: 4px;
background-color: #fff;
position: relative;
box-shadow: 0 8px 8px 0 rgba(165, 227, 237, 0.1);
display: block;
height: 380px;
margin-top: 32px;
}
@media (max-width: 768px) {
.user-centric-carousel__bg {
width: calc(100% - 20px);
height: 310px;
margin: 0 10px;
border: 1px solid rgba(222, 236, 245, 0.5);
border-radius: 4px;
background-size: auto 95%;
box-shadow: 0 8px 8px 0 rgba(165, 227, 237, 0.1);
text-align: center;
}
}
.user-centric-carousel__img {
height: 410px;
margin-top: -32px;
position: absolute;
left: 20px;
}
@media (max-width: 768px) {
.user-centric-carousel__img {
display: none;
}
}
.user-centric-carousel__imgs {
display: none;
}
@media (max-width: 768px) {
.user-centric-carousel__imgs {
display: inline-block;
height: 310px;
padding-top: 10px;
}
}
@media (max-width: 768px) {
.user-centric-carousel .bx-controls-direction,
.user-centric-carousel .bx-default-pager {
display: block;
}
}
.user-centric-tabs {
padding-top: 15px;
clear: both;
}
@media (max-width: 768px) {
.user-centric-tabs {
display: none;
}
}
.testimonial-type-2 .heroContent__subText .list-items li p {
color: #913838;
margin-bottom: 30px !important;
}
.testimonial-type-2 .c-customerTestimonial {
background-color: #f9fafb !important;
padding-top: 20px;
text-align: center;
}
.testimonial-type-2 .c-customerTestimonialSlider__post {
color: #000;
}
.testimonial-type-2 .c-customerTestimonialSlider {
background: #fff 0% 0% no-repeat padding-box;
box-shadow: 0px 3px 10px rgba(32, 31, 69, 0.2901960784);
border-radius: 10px;
opacity: 1;
}
.testimonial-type-2 .c-customerTestimonialSlider__item {
border: none;
box-shadow: none;
}
.testimonial-type-2 .tstml-nav-list {
opacity: 1 !important;
}
section.section-learn-more {
padding: 30px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
section.section-learn-more {
padding: 60px 0;
}
}
@media (min-width: 1025px) {
section.section-learn-more {
padding: 100px 0;
}
}
.l-container.learn-more-block .l-header {
width: 100%;
margin-bottom: 30px;
}
.l-container.learn-more-block .l-header .icon-wrap {
width: 60px;
height: 60px;
margin: 0 auto;
border-radius: 8px;
background-color: #f8fafc;
line-height: 60px;
text-align: center;
display: none;
}
.l-container.learn-more-block .l-header .block-desc {
margin-top: 20px;
color: #001e3c;
font-size: 25px;
line-height: 34px;
font-weight: bold;
text-align: center;
}
.l-container.learn-more-block .l-header .block-desc:after {
content: "";
height: 5px;
width: 60px;
border-radius: 7px;
background-color: #3b43ff;
display: block;
margin: 10px auto 0 auto;
}
.l-container.learn-more-block .l-cta {
width: 100%;
text-align: center;
}
.l-container.learn-more-block .l-cta a.view-all {
display: inline-block;
vertical-align: top;
zoom: 1;
padding: 0 20px;
border-radius: 4px;
outline: none;
color: #fff;
font-size: 12px;
font-weight: 700;
line-height: 40px;
text-align: center;
box-shadow: 0 2px 4px 0 rgba(78, 84, 108, 0.25);
text-decoration: none;
transition: all 0.15s ease;
background-color: #30136a;
}
.l-container.learn-more-block .l-cta a.view-all:hover {
transform: translateY(-1px);
background-color: #fff;
}
.l-container.learn-more-block .article {
border-radius: 4px;
background-image: linear-gradient(-180deg, #ffffff 0%, #fcfdff 100%);
box-shadow: 0 2px 8px 0 #deecf5;
overflow: hidden;
}
.l-container.learn-more-block .article .img {
height: 90px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.l-container.learn-more-block .article .content {
padding: 10px 15px;
}
.l-container.learn-more-block .article .content h4 {
margin-bottom: 10px;
color: #30136a;
font-size: 16px;
font-weight: 600;
line-height: 20px;
}
.l-container.learn-more-block .article .content p {
color: #7f869f;
}
.l-container.learn-more-block .article a.read-more {
display: block;
width: 100%;
padding: 0 15px;
background-color: #f7f8fa;
color: #b0a9bb;
font-size: 10px;
font-weight: 600;
letter-spacing: 2px;
line-height: 30px;
text-transform: uppercase;
}
.l-container.learn-more-block .article a.read-more span {
display: inline-block;
vertical-align: top;
zoom: 1;
margin-top: 11px;
}
@media (max-width: 768px) {
.l-container.learn-more-block .l-grid {
width: 100%;
margin-bottom: 30px;
}
.l-container.learn-more-block .l-grid .img {
height: 160px;
}
.l-container.learn-more-block .l-cta {
margin-top: 0;
}
}
@media (min-width: 768px) {
.l-container.learn-more-block .l-header {
margin-bottom: 60px;
}
.l-container.learn-more-block .l-grid {
width: 25%;
}
.l-container.learn-more-block .l-cta {
margin-top: 60px;
}
.l-container.learn-more-block .article .content {
height: 235px;
}
}
section.section-get-started {
position: relative;
}
section.section-get-started .ele-circle-1 {
right: -30px;
top: -100px;
}
section.section-get-started .ele-circle-1 .ele-circle {
right: 0;
left: 0;
}
@media (max-width: 768px) {
section.section-get-started .ele-circle-1 {
max-width: 120px;
height: 120px;
top: -50px;
right: 0;
}
section.section-get-started .ele-circle-1 .ele-circle {
width: 70px;
height: 70px;
}
section.section-get-started .ele-circle-1 .ele-circle.ele-circle-3 {
width: 50px;
height: 50px;
}
section.section-get-started .ele-circle-1 .ele-circle.ele-circle-4 {
width: 25px;
height: 25px;
}
}
section.section-get-started .wrapper {
position: relative;
z-index: 2;
padding: 0;
background-color: #f5f5f8;
border-bottom-right-radius: 100px;
}
section.section-get-started .u-block-title {
margin-top: 0;
}
.l-container.get-started-block {
padding: 60px 60px;
position: relative;
z-index: 2;
background-color: #f5f5f8;
border-bottom-right-radius: 100px;
width: auto;
margin: 0;
max-width: none;
}
@media (max-width: 768px) {
.l-container.get-started-block {
padding: 60px 20px;
}
}
.l-container.get-started-block .l-heading {
width: 100%;
margin-bottom: 40px;
}
.l-container.get-started-block .l-heading h4 {
margin-top: 20px;
color: #001e3c;
font-size: 25px;
line-height: 34px;
font-weight: bold;
text-align: center;
}
.l-container.get-started-block .l-heading h4:after {
content: "";
height: 5px;
width: 60px;
border-radius: 7px;
background-color: #3b43ff;
display: block;
margin: 10px auto 0 auto;
}
.l-container.get-started-block .ctrl {
width: 100%;
height: 50px;
padding: 0 20px 0 15px;
border-top: 0 !important;
border-right: 0 !important;
border-left: 0 !important;
border-bottom: 1px solid #000;
outline: none;
background-color: rgba(0, 0, 0, 0);
color: #001e3c;
font-size: 16px;
font-weight: 600;
}
.l-container.get-started-block .ctrl:focus {
background-color: #f5f5f8;
color: #001e3c;
}
.l-container.get-started-block .ctrl::-webkit-input-placeholder {
color: #001e3c;
}
.l-container.get-started-block .ctrl::-moz-placeholder {
color: #001e3c;
}
.l-container.get-started-block .ctrl:-ms-input-placeholder {
color: #001e3c;
}
.l-container.get-started-block .ctrl:-moz-placeholder {
color: #001e3c;
}
@media (max-width: 768px) {
.l-container.get-started-block .l-textfield {
width: 100%;
margin-bottom: 20px;
}
.l-container.get-started-block .l-btn {
width: 100%;
}
}
@media (min-width: 768px) {
.l-container.get-started-block .l-textfield {
width: calc((100% - 180px) / 4);
}
.l-container.get-started-block .l-btn {
width: 180px;
}
}
.l-container.get-started-block .u-block-content {
text-align: left;
margin-left: 0;
}
.l-container.get-started-block .thankyou_txt_dsc {
margin-top: 25px;
color: #001e3c;
font-size: 24px;
font-weight: 600;
}
.l-container.get-started-block .thanktyoutext .sub-hero-title {
font-size: 18px;
margin-top: 90px;
}
@media (max-width: 768px) {
.l-container.get-started-block .l-textfield {
margin-bottom: 10px;
}
.l-container.get-started-block .ctrl {
font-size: 15px;
font-weight: 400;
}
.l-container.get-started-block .l-btn {
margin-top: 20px;
}
}
.section-get-started .thanktyoutext .l-container {
padding: 60px 60px 0px 60px;
position: relative;
z-index: 3;
background-color: #f5f5f8;
border-bottom-right-radius: 100px;
margin: 0;
width: auto;
overflow: hidden;
}
.section-get-started .thanktyoutext .l-container .u-block-title {
margin-bottom: 40px;
}
.section-get-started .thanktyoutext .l-container .thankyou_txt_dsc {
font-size: 23px;
font-weight: 500;
margin-bottom: 20px;
}
@media (max-width: 768px) {
.section-get-started .thanktyoutext .l-container .thankyou_txt_dsc {
font-size: 16px;
padding: 0 10px;
}
}
.section-get-started .thanktyoutext .l-container .lhs-align {
width: 54%;
float: left;
}
@media (max-width: 768px) {
.section-get-started .thanktyoutext .l-container .lhs-align {
width: auto;
float: none;
}
}
.section-get-started .thanktyoutext .l-container .rhs-align {
width: 45%;
float: right;
margin-bottom: -10px;
position: relative;
}
.section-get-started .thanktyoutext .l-container .rhs-align .ty_pop_txt {
position: absolute;
top: 105px;
font-weight: normal;
font-size: 14px;
left: 160px;
max-width: 215px;
}
.section-get-started
.thanktyoutext
.l-container
.rhs-align
.ty_pop_txt
.ty_bold {
font-weight: 600;
font-size: 18px;
display: block;
}
@media (max-width: 768px) {
.section-get-started .thanktyoutext .l-container .rhs-align {
display: none;
}
}
@media (max-width: 768px) {
.section-get-started .thanktyoutext .l-container {
padding: 30px 20px 20px 20px;
}
}
.bb-logo-footer {
background: url("/wp-content/themes/babblebots/assets/images/bb-logo-footer.svg")
top center no-repeat;
width: 180px;
height: 40px;
text-indent: -999px;
margin: -13px;
padding: 0;
}
@media (max-width: 1000px) {
.bb-logo-footer {
margin: 0 auto !important;
margin-bottom: 20px !important;
padding: 0;
display: block !important;
text-align: center;
width: 100%;
}
}
.l-social-wrap {
display: block !important;
}
.l-social-wrap div {
display: inline-block !important;
}
.l-container.footer-block .l-social-wrap {
width: 100%;
display: inline-block;
text-align: center;
}
.l-container.footer-block .l-social-wrap .footer-content-social {
display: inline-block;
width: auto;
text-align: left;
}
.l-container.footer-block .l-social-wrap .footer-content-social .bb-logo {
position: relative;
top: 0;
}
@media (max-width: 1000px) {
.l-container.footer-block .l-social-wrap .footer-content-social {
width: 100%;
text-align: center !important;
}
}
.l-container.footer-block .l-social-wrap .contact-details {
margin-top: 10px;
}
.l-container.footer-block .l-social-wrap .contact-details .icon {
float: left;
display: none;
}
.l-container.footer-block .l-social-wrap .contact-details a {
display: inline-block;
margin: 12px 35px 0 0px;
color: #4c5564;
font-size: 14px;
line-height: 20px;
text-decoration: none !important;
min-width: 140px;
}
.l-container.footer-block .l-social-wrap .contact-details a:hover {
color: #3b43ff;
}
@media (min-width: 768px) {
.l-container.footer-block .l-social-wrap .contact-details a {
margin: 12px 20px 0 0px;
}
}
.l-container.footer-block .l-social-wrap .u-W50.u-right {
display: flex;
text-align: right;
}
.l-container.footer-block .l-social-wrap .social-links {
margin: 0;
list-style: none;
display: inline-block;
vertical-align: bottom;
position: relative;
top: 0;
text-align: center;
}
@media (max-width: 1000px) {
.l-container.footer-block .l-social-wrap .social-links {
top: 0;
display: block;
}
}
.l-container.footer-block .l-social-wrap .social-links li {
float: left;
line-height: 30px;
}
.l-container.footer-block .l-social-wrap .social-links li:not(:last-child) {
margin-right: 7px;
}
.l-container.footer-block .l-social-wrap .social-links a {
display: inline-block;
vertical-align: top;
zoom: 1;
padding: 1px 4px 0 4px;
text-align: center;
}
.l-container.footer-block .l-social-wrap .social-links a span {
display: inline-block;
vertical-align: top;
zoom: 1;
vertical-align: middle;
}
.l-container.footer-block .l-social-wrap .social-links a img {
width: 24px;
height: 24px;
filter: brightness(1000);
margin-bottom: -7px;
margin-right: 5px;
}
.l-container.footer-block .l-grid .links {
list-style: none;
}
.l-container.footer-block .l-grid .links li {
color: #4d6277;
}
.l-container.footer-block .l-grid .links a {
display: inline-block;
vertical-align: top;
zoom: 1;
color: #4d6277;
font-size: 14px;
font-weight: 500;
text-decoration: none !important;
}
.l-container.footer-block .l-grid .links a:hover {
text-decoration: underline;
color: #3b43ff;
}
.l-container.footer-block .l-grid .links a.active {
text-decoration: underline;
color: #3b43ff;
}
.l-container.footer-block .l-separator {
width: 100%;
height: 1px;
min-height: 1px;
opacity: 1;
background-color: #e4e7ec !important;
box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.1);
}
.l-container.footer-block .l-links a {
display: inline-block;
vertical-align: top;
zoom: 1;
font-size: 12px;
color: #fff;
text-decoration: none !important;
}
.l-container.footer-block .l-links a:not(:last-child) {
margin-right: 30px;
}
.l-container.footer-block .l-links a:hover {
text-decoration: underline;
color: #3b43ff;
}
.l-container.footer-block .l-links p {
color: #fff;
font-size: 12px;
float: right;
}
@media (max-width: 1000px) {
.l-container.footer-block .l-links p {
float: none;
margin: 20px auto;
}
}
.l-container.footer-block .l-cta a {
display: inline-block;
vertical-align: top;
zoom: 1;
}
.l-container.footer-block .l-cta a:not(:last-child) {
margin-right: 10px;
}
.l-container.footer-block .l-cta a.contact {
display: inline-block;
vertical-align: top;
outline: none;
font-size: 18px;
line-height: 38px;
text-align: center;
text-decoration: none;
}
.l-container.footer-block h5 {
color: #101727;
margin-bottom: 25px;
font-size: 18px;
text-transform: capitalize;
}
.l-container.footer-block .footer-form-wrap .input-container {
border-radius: 18px;
border: 1px solid rgba(100, 133, 153, 0.4);
background: #fff;
color: #001e3c;
font-size: 12px;
padding: 10px 10px 0 10px;
position: relative;
}
.l-container.footer-block .footer-form-wrap .input-container input {
border: 0;
min-height: 24px;
font-size: 14px;
padding-top: 0px;
padding-left: 0;
position: relative;
margin-top: -20px;
background: none;
width: 84%;
border-radius: 0;
}
.l-container.footer-block .footer-form-wrap .input-container input:focus {
outline: none;
}
.l-container.footer-block .footer-form-wrap .input-container button {
position: absolute;
right: 10px;
top: 10px;
}
@media (max-width: 1000px) {
.l-container.footer-block .footer-form-wrap .wpcf7-form-control-wrap {
margin-bottom: 0;
}
}
.l-container.footer-block .newsletter-wrap {
margin-top: -20px;
}
.l-container.footer-block .newsletter-wrap .wpcf7 .wpcf7-response-output {
position: absolute;
color: #fff;
border: 0;
z-index: 9;
bottom: -60px;
width: 100%;
margin: 0;
padding: 0;
}
.l-container.footer-block .submitBtnSubscribe {
background: url(/wp-content/themes/babblebots/assets/images/submit-btn.svg)
top center no-repeat !important;
text-indent: -9999px;
padding: 0;
background-size: contain !important;
position: absolute !important;
right: 10px;
bottom: 15px;
width: 50px !important;
height: 30px;
min-width: auto !important;
}
@media (min-width: 768px) {
.l-container.footer-block .l-grid {
width: calc((100% - 0px) / 4);
}
.l-container.footer-block .l-grid .links li:not(:last-child) {
margin-bottom: 10px;
}
.l-container.footer-block .l-separator {
margin: 32px 0;
}
.l-container.footer-block .l-links {
width: 100%;
margin-bottom: 25px;
}
}
@media (max-width: 1000px) {
.l-container.footer-block .l-logo-social,
.l-container.footer-block .l-grid,
.l-container.footer-block .l-links {
width: 100%;
margin-bottom: 30px;
}
.l-container.footer-block .l-grid h5 {
margin-bottom: 10px;
}
.l-container.footer-block .l-grid .links li {
float: left;
}
.l-container.footer-block .l-grid .links li:not(:last-child):after {
margin: 0 6px;
color: #fff;
content: "/";
}
.l-container.footer-block .l-grid .links a {
font-size: 12.5px;
font-weight: 400;
color: #001e3c;
}
.l-container.footer-block .l-separator {
margin-bottom: 30px;
}
.l-container.footer-block .l-cta {
width: 100%;
display: none;
}
.l-container.footer-block .l-social-wrap .social-links {
margin: 0 0px 0px 0px;
}
.l-container.footer-block .l-social-wrap .social-links li {
float: none;
line-height: 30px;
display: inline-block;
}
.l-container.footer-block .l-social-wrap .social-links li:not(:last-child) {
margin-right: 8px;
}
.l-container.footer-block .l-social-wrap .contact-details a {
margin: 30px auto;
}
.l-container.footer-block .l-social-wrap .u-W50.u-right {
width: auto;
display: block;
text-align: center;
float: none;
clear: both;
margin-bottom: 25px;
}
.l-container.footer-block .l-social-wrap .bb-logo {
margin-top: 0;
margin-bottom: 0px;
}
.l-container.footer-block .l-social-wrap .u-W40.u-left {
float: none;
display: none;
}
.l-container.footer-block .ft-icon {
line-height: 1;
padding-top: 0px;
}
.l-container.footer-block .l-links {
text-align: center;
}
.l-container.footer-block .l-links a:not(:last-child) {
margin-right: 15px;
margin-left: 15px;
}
}
.single .l-container.footer-block .l-grid .links a.active,
.search .l-container.footer-block .l-grid .links a.active {
text-decoration: none;
color: #648599;
}
.single nav li a.active:after,
.search nav li a.active:after {
display: none !important;
}
.footer-content-social {
width: 100%;
display: inline;
}
.l-social {
width: 100%;
}
@media (max-width: 1000px) {
.l-social-wrap div {
text-align: left;
}
}
footer.section-footer {
padding-bottom: 0;
padding-top: 60px;
overflow: hidden;
background: #001e3c;
}
footer.section-footer .footer-block .l-grid .links,
footer.section-footer .footer-block .l-grid p,
footer.section-footer .footer-block .l-grid span,
footer.section-footer .footer-block .l-grid h1,
footer.section-footer .footer-block .l-grid h2,
footer.section-footer .footer-block .l-grid h3,
footer.section-footer .footer-block .l-grid h4,
footer.section-footer .footer-block .l-grid h5,
footer.section-footer .footer-block .l-grid a,
footer.section-footer .footer-block .l-grid li {
color: #fff !important;
}
footer.section-footer .footer-block .l-grid .email_signup p {
color: #444 !important;
}
@media (max-width: 1200px) {
.l-container.footer-block {
width: auto;
}
}
section.section-customers {
padding: 10px 0;
}
@media (min-width: 768px) {
section.section-customers {
padding: 20px 0;
}
}
@media (min-width: 1025px) {
section.section-customers {
padding: 40px 0;
}
}
.l-container.customers-block .l-content {
width: 100%;
text-align: center;
}
.l-container.customers-block .l-content .icon-wrap {
width: 60px;
height: 60px;
margin: 0 auto;
border-radius: 8px;
background-color: #f8fafc;
line-height: 60px;
text-align: center;
display: none;
}
.l-container.customers-block .l-content .block-desc {
margin-top: 20px;
color: #001e3c;
font-size: 25px;
line-height: 34px;
font-weight: bold;
text-align: center;
}
.l-container.customers-block .l-content .block-desc:after {
content: "";
height: 5px;
width: 60px;
border-radius: 7px;
background-color: #3b43ff;
display: block;
margin: 10px auto 0 auto;
}
.l-container.customers-block ul.customers-list {
margin-bottom: 40px;
list-style: none;
}
.l-container.customers-block ul.customers-list li {
display: inline-block;
vertical-align: top;
zoom: 1;
}
.l-container.customers-block ul.customers-list li:not(:last-child) {
margin-right: 50px;
}
.l-container.customers-block ul.customers-list li button {
width: 100px;
height: 30px;
background-color: rgba(0, 30, 60, 0.4);
}
.l-container.customers-block button[name="view-all"] {
display: inline-block;
vertical-align: top;
zoom: 1;
padding: 0 20px;
border-radius: 4px;
outline: none;
color: #fff;
font-size: 14px;
font-weight: 700;
line-height: 40px;
text-align: center;
box-shadow: 0 2px 4px 0 rgba(78, 84, 108, 0.25);
text-decoration: none;
transition: all 0.15s ease;
background-color: #3b43ff;
}
.l-container.customers-block button[name="view-all"]:hover {
transform: translateY(-1px);
background-color: #fff;
}
.l-container.customers-block .l-quote {
width: 100%;
}
.l-container.customers-block .l-quote .label {
margin-bottom: 10px;
color: #9f80ab;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
}
.l-container.customers-block .l-quote blockquote {
position: relative;
padding-left: 15px;
}
.l-container.customers-block .l-quote blockquote:before {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 5px;
background-color: #f8fafc;
content: "";
}
.l-container.customers-block .l-investors-label .icon-wrap {
width: 60px;
height: 60px;
margin: 0 auto;
border-radius: 8px;
background-color: #f8fafc;
line-height: 60px;
text-align: center;
display: none;
}
.l-container.customers-block .l-investors-label .block-desc {
margin-top: 20px;
color: #000;
font-size: 22px;
line-height: 34px;
font-weight: bold;
text-align: center;
}
.l-container.customers-block .l-investor .content {
height: 120px;
border-radius: 4px;
line-height: 120px;
text-align: center;
}
.l-container.customers-block .l-investor .content img {
max-width: 70%;
max-height: 30%;
}
.l-container.customers-block .l-systems {
width: 100%;
margin-bottom: 30px;
}
.l-container.customers-block .l-systems ul {
list-style: none;
text-align: center;
}
.l-container.customers-block .l-systems ul li {
display: inline-block;
vertical-align: top;
zoom: 1;
margin: 0 40px 30px;
}
.l-container.customers-block .l-systems ul .icon {
height: 40px;
line-height: 40px;
}
.l-container.customers-block .l-systems ul p {
margin-top: 15px;
color: #30136a;
font-weight: 600;
}
.l-container.customers-block .l-platform {
position: relative;
width: 100%;
}
.l-container.customers-block .l-platform .heading {
position: relative;
margin-bottom: 40px;
color: rgba(70, 71, 97, 0.3);
font-size: 12px;
font-weight: 700;
letter-spacing: 4px;
line-height: 18px;
text-align: center;
text-transform: uppercase;
}
.l-container.customers-block .l-platform .heading:before,
.l-container.customers-block .l-platform .heading:after {
position: absolute;
top: 7px;
width: calc(50% - 130px);
height: 1px;
background-color: rgba(48, 19, 106, 0.1);
content: "";
}
.l-container.customers-block .l-platform .heading:before {
left: 0;
}
.l-container.customers-block .l-platform .heading:after {
right: 0;
}
.l-container.customers-block .l-platform .list-items {
list-style: none;
text-align: center;
}
.l-container.customers-block .l-platform .list-items li {
display: inline-block;
vertical-align: top;
zoom: 1;
margin: 0 30px 30px;
}
.l-container.customers-block .l-platform .list-items li img {
max-width: 40px;
max-height: 40px;
}
@media (max-width: 768px) {
.l-container.customers-block .l-content .block-desc {
margin-bottom: 30px;
}
.l-container.customers-block .l-quote {
margin: 30px 0;
}
.l-container.customers-block .l-quote blockquote {
font-size: 24px;
line-height: 32px;
}
.l-container.customers-block .l-investors-label {
width: 100%;
margin-bottom: 20px;
}
.l-container.customers-block .l-investor {
width: 50%;
}
}
@media (min-width: 768px) {
.l-container.customers-block .l-content .block-desc {
margin-bottom: 60px;
}
.l-container.customers-block .l-quote {
margin: 60px 0;
}
.l-container.customers-block .l-quote blockquote {
font-size: 28px;
line-height: 34px;
}
.l-container.customers-block .l-investors-label {
width: 50%;
padding-top: 30px;
}
.l-container.customers-block .l-investors-label .icon-wrap {
float: left;
}
.l-container.customers-block .l-investors-label .block-desc {
margin: 13px 0 0 80px;
text-align: left;
}
.l-container.customers-block .l-investor {
width: 25%;
}
}
@media (min-width: 1025px) {
.l-container.customers-block .l-content .block-desc {
margin-bottom: 80px;
}
.l-container.customers-block .l-quote {
margin: 100px 0;
}
}
.profiles-wrap {
max-width: 932px;
margin: 0 auto;
}
@media (min-width: 1600px) {
.profiles-wrap {
max-width: 1100px;
}
}
.profiles-wrap .profiles-list {
padding: 50px 0 60px 0;
text-align: center;
}
@media (max-width: 768px) {
.profiles-wrap .profiles-list {
padding: 0;
}
}
.profiles-wrap .profiles-list li {
list-style: none;
display: inline-block;
margin: 10px 9px;
text-align: center;
width: 31%;
vertical-align: top;
position: relative;
min-height: 350px;
border-radius: 30px;
overflow: hidden;
cursor: pointer;
}
@media (min-width: 1600px) {
.profiles-wrap .profiles-list li {
width: 23%;
}
}
.profiles-wrap .profiles-list li span {
vertical-align: top;
color: #fff;
}
.profiles-wrap .profiles-list li .team-title {
font-size: 20px;
font-weight: 700;
color: #fff;
margin-right: 5px;
}
.profiles-wrap .profiles-list li .team-profile {
font-size: 16px;
font-weight: 400;
overflow: hidden;
color: #fff;
display: block;
margin-top: 3px;
}
.profiles-wrap .profiles-list li .team-img {
display: block;
position: absolute;
top: 0;
width: 100%;
height: 100%;
}
.profiles-wrap .profiles-list li .team-linkedin img {
filter: brightness(1000);
}
.profiles-wrap .profiles-list li .team-img img {
height: auto;
width: 100%;
}
.profiles-wrap .profiles-list li .profile-wrap {
position: absolute;
opacity: 0;
z-index: -1;
right: 0;
left: 0;
bottom: -15%;
margin: 0 auto;
transition: 0.3s ease-in-out all;
height: 100%;
padding-top: 85%;
}
.profiles-wrap .profiles-list li .profile-wrap span {
position: relative;
z-index: 3;
}
.profiles-wrap .profiles-list li .profile-wrap::after {
content: "";
background: #333;
opacity: 0.5;
position: absolute;
width: 100%;
height: 100%;
bottom: 0%;
right: 0;
left: 0;
z-index: 2;
}
.profiles-wrap .profiles-list li:hover {
cursor: default;
}
.profiles-wrap .profiles-list li:hover .profile-wrap {
position: absolute;
opacity: 1;
z-index: 3;
right: 0;
left: 0;
bottom: 0;
margin: 0 auto;
height: 100%;
}
.profiles-wrap .profiles-list li:hover .profile-wrap::after {
content: "";
opacity: 0.5;
}
@media (max-width: 768px) {
.profiles-wrap .profiles-list li {
width: 90%;
margin: 10px 0;
}
}
.profiles-wrap .profiles-list li .profile-cta-box {
border-radius: 32px;
background: #faf2e9;
padding: 50px 32px;
text-align: left;
min-height: 353px;
margin-top: 0;
}
@media (max-width: 768px) {
.profiles-wrap .profiles-list li .profile-cta-box {
min-height: auto;
}
}
.profiles-wrap .profiles-list li .profile-cta-box h4,
.profiles-wrap .profiles-list li .profile-cta-box p {
margin-bottom: 24px;
}
section.tab-selector {
background-color: #fff;
}
.l-container.tab-selector-block .l-content {
width: 100%;
padding-left: 0px;
}
.l-container.tab-selector-block .list-items {
list-style: none;
}
.l-container.tab-selector-block .list-items li {
float: left;
}
.l-container.tab-selector-block .list-items li a {
display: block;
padding: 25px 10px 0 10px;
margin-right: 40px;
color: #959595;
font-size: 20px;
font-weight: 600;
line-height: 40px;
text-decoration: none;
}
@media (max-width: 768px) {
.l-container.tab-selector-block .list-items li a {
padding: 15px 0 0 0;
font-size: 20px;
margin-right: 12px;
}
}
.l-container.tab-selector-block .list-items li a.active {
color: #001e3c;
border-bottom: 5px solid #3b43ff;
}
.l-container.tab-selector-block .filter-wrap {
position: relative;
float: left;
}
.l-container.tab-selector-block .filter-wrap .dropdown {
width: 100%;
}
.l-container.tab-selector-block .filter-label {
padding: 16px 20px;
float: left;
color: rgba(255, 255, 255, 0.7);
font-weight: 600;
letter-spacing: 2px;
line-height: 20px;
text-transform: uppercase;
}
.l-container.tab-selector-block .filter-item {
display: inline-block;
vertical-align: top;
zoom: 1;
margin: 20px 0;
padding: 0 20px;
border-right: 1px solid rgba(255, 255, 255, 0.3);
color: #fff;
font-size: 16px;
font-weight: 600;
line-height: 20px;
text-decoration: none;
}
.l-container.tab-selector-block .filter-item .icon-arrow-down-2 {
margin-left: 10px;
}
.tab-selection-item {
display: none;
}
.tab-selection-item.active {
display: block;
}
.row-flex {
display: flex;
flex-flow: row wrap;
}
a.nounderline-link,
a.nounderline-link:hover,
a.nounderline-link:active,
a.nounderline-link:visited {
text-decoration: none;
}
.nounderline-link--block {
display: block;
}
.Table {
width: 100%;
max-width: 100%;
background-color: rgba(0, 0, 0, 0);
border-spacing: 0;
border-collapse: collapse;
}
.Table > thead > tr > th,
.Table > tbody > tr > td {
padding: 8px;
}
.Table.Table-Bordered {
border: 1px solid #ddd;
}
.Table.Table-Bordered > thead > tr > th,
.Table.Table-Bordered > tbody > tr > td {
border: 1px solid #e8e8e8;
}
.Table.Table-Striped > tbody > tr:nth-child(odd) {
background-color: #f7f7f7;
}
.Table .Table_AlignedLeft {
text-align: left;
}
.Table .Table_AlignedRight {
text-align: right;
}
@media screen and (max-width: 650px) {
.Table {
font-size: 12px;
}
}
blockquote {
display: block;
padding: 15px 20px 15px 20px !important;
position: relative;
border-left: 8px solid #f8f3f2;
font-style: italic;
margin-bottom: 30px;
}
blockquote p {
color: inherit !important;
margin-bottom: 0 !important;
}
.ct-callout {
background-color: #deecfc;
padding: 20px;
border-radius: 4px;
font-size: 18px;
margin-bottom: 20px;
}
.ct-callout--info {
background-color: rgba(67, 216, 150, 0.3);
}
.ct-link {
color: #7a4fd0;
}
.ct-jumbotron {
display: flex;
color: #424242;
background-color: #f2f5f8;
margin-bottom: 30px;
border-radius: 4px;
overflow: hidden;
}
.ct-jumbotron_title {
font-size: 22px;
font-weight: 600;
line-height: 1.2;
}
.ct-jumbotron_desc {
font-size: 16px;
font-weight: 200;
margin-top: 10px;
margin-bottom: 20px;
}
.ct-jumbotron_img {
flex: 1;
max-width: 170px;
background-image: linear-gradient(to top left, #2c1c75 0%, #1149a8 100%);
display: flex;
align-items: center;
}
@media only screen and (max-width: 768px) {
.ct-jumbotron_img {
display: none;
}
}
.ct-jumbotron_img > img {
width: 100%;
padding-left: 20px;
padding-right: 20px;
}
.ct-jumbotron_content {
flex: 1;
padding: 30px 25px;
}
@media only screen and (max-width: 768px) {
.ct-jumbotron_content {
flex: 2;
}
}
.ct-jumbotron_content-para {
margin-top: 10px;
}
a.ct-jumbotron_btn.c-btn.c-btn-reverse:hover {
color: #3b43ff !important;
}
.ct-jumbotron p {
margin-bottom: 0;
}
.ct-jumbotron.ct-subscribe-form {
background: #532ab1;
}
@media (max-width: 768px) {
.ct-jumbotron.ct-subscribe-form {
display: block;
text-align: center;
}
}
.ct-jumbotron.ct-subscribe-form.light-blue {
background: #8de1f2;
}
.ct-jumbotron.ct-subscribe-form.light-blue .ct-jumbotron_title,
.ct-jumbotron.ct-subscribe-form.light-blue .ct-jumbotron_desc {
color: #00438b;
}
.ct-jumbotron.ct-subscribe-form .ct-jumbotron_content {
padding: 20px 25px;
}
.ct-jumbotron.ct-subscribe-form .ct-jumbotron_title,
.ct-jumbotron.ct-subscribe-form .ct-jumbotron_desc {
color: #fff;
}
.ct-jumbotron.ct-subscribe-form .ct-jumbotron_img {
background-image: none;
max-width: 240px;
}
@media (max-width: 768px) {
.ct-jumbotron.ct-subscribe-form .ct-jumbotron_img {
display: block;
text-align: center;
margin: 0 auto;
padding-top: 20px;
}
}
.ct-jumbotron.ct-subscribe-form .ctrl-block {
display: flex;
}
@media (max-width: 768px) {
.ct-jumbotron.ct-subscribe-form .ctrl-block {
display: block;
}
}
.ct-jumbotron.ct-subscribe-form .ctrl-block input {
max-width: 285px;
min-width: 285px;
margin-right: 10px;
}
@media (max-width: 768px) {
.ct-jumbotron.ct-subscribe-form .ctrl-block input {
max-width: none;
min-width: auto;
}
}
.ct-jumbotron.ct-subscribe-form .ctrl-block button#subscribeBtn {
margin: 0;
padding: 0 20px;
line-height: 1;
}
@media (max-width: 768px) {
.ct-jumbotron.ct-subscribe-form .ctrl-block button#subscribeBtn {
margin: 20px auto 0 auto;
padding: 12px 20px;
line-height: 1;
display: block;
}
}
.ct-jumbotron.ct-subscribe-form .schedule-demo-thankyou .icon {
position: relative;
top: -10px;
}
.ct-jumbotron.ct-blog-post-form-whiteppr
.comp.form.schedule-form
.icon
.icon-shaking-hands-white {
background-image: url(/wp-content/themes/babblebots/assets/images/download-button-whiteppr.png);
}
.ct-jumbotron.ct-blog-post-form-whiteppr .comp.form h3 {
line-height: 1.2;
padding-bottom: 0;
font-size: 21px;
margin-top: 5px;
}
.ct-jumbotron.ct-blog-post-form-whiteppr .comp.form h3:after {
display: none;
}
.ct-jumbotron.ct-blog-post-form-whiteppr p {
font-size: 15px;
text-align: center;
line-height: 1.3;
margin-bottom: 15px;
}
.ct-jumbotron.ct-blog-post-form-whiteppr .ct-jumbotron_img {
flex: initial;
width: 45%;
max-width: none;
background-image: none;
}
.ct-jumbotron.ct-blog-post-form-whiteppr .ct-jumbotron_img img {
width: 100%;
padding-left: 0;
padding-right: 0;
height: 100%;
}
.ct-jumbotron.ct-blog-post-form-whiteppr .ct-jumbotron_content {
padding: 10px 25px;
}
.ct-jumbotron.ct-blog-post-form-whiteppr .ct-jumbotron_content .thank-you {
text-align: center;
}
.ct-jumbotron.ct-blog-post-form-whiteppr
.comp.form
.ctrl-group.blocks-2
.ctrl-block:not(:last-child) {
margin-right: 1%;
}
.ct-callout-banner {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
padding: 20px;
text-decoration: none;
}
@media only screen and (max-width: 800px) {
.ct-callout-banner {
display: block;
text-align: center;
}
}
.ct-callout-banner img {
width: 80px;
height: 80px;
margin-right: 20px;
}
@media only screen and (max-width: 800px) {
.ct-callout-banner img {
margin-right: 0;
margin-bottom: 20px;
}
}
.ct-callout-banner__content {
margin-top: auto;
margin-bottom: auto;
font-size: 30px;
font-weight: 300;
}
@media only screen and (max-width: 800px) {
.ct-callout-banner__content {
margin: 0;
}
}
.ct-callout-banner:hover {
text-decoration: none;
}
.ct-callout-banner:hover .ct-callout-banner__content {
text-decoration: none;
}
.u-customer-text {
text-align: center;
margin-top: 20px;
color: #5a627b;
font-size: 17px;
font-weight: 500;
line-height: 24px;
}
.u-customer-text a {
color: #3b43ff;
}
section.app-banner.isCSS_bg {
position: relative;
width: 100%;
overflow: hidden;
min-height: 60px;
padding: 20px 0 60px 0;
}
section.app-banner.isCSS_bg:before {
content: "";
display: block;
border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;
height: 1406px;
position: absolute;
bottom: 0;
width: 2480px;
left: 50%;
margin: 0 0 0 -1240px;
padding: 0;
background: #30136a;
background: -moz-linear-gradient(left, #30136a 0%, #0c59c2 100%);
background: -webkit-linear-gradient(left, #30136a 0%, #0c59c2 100%);
background: linear-gradient(to right, #30136a 0%, #0c59c2 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#30136a", endColorstr="#0c59c2",GradientType=1 );
}
section.app-banner.isCSS_bg .header-wrap,
section.app-banner.isCSS_bg .banner-content {
position: relative;
}
.l-container.text-blocks1 .l-content {
width: 100%;
padding: 60px 0;
}
.l-container.text-blocks1 .l-content .content-wrap {
max-width: 640px;
margin: 0 auto;
}
.l-container.text-blocks1 .l-content .icon-wrap {
width: 60px;
height: 60px;
margin: 0 auto;
border-radius: 8px;
background-color: #f8fafc;
line-height: 60px;
text-align: center;
display: none;
}
.l-container.text-blocks1 .l-content .block-desc {
margin-top: 20px;
color: #001e3c;
font-size: 25px;
line-height: 34px;
font-weight: bold;
text-align: center;
}
.l-container.text-blocks1 .l-content .block-desc:after {
content: "";
height: 5px;
width: 60px;
border-radius: 7px;
background-color: #3b43ff;
display: block;
margin: 10px auto 0 auto;
}
.l-container.text-blocks1 .l-content .text {
margin-top: 20px;
color: #555;
font-size: 16px;
}
.l-container.text-blocks1 .l-content .text-bold {
text-align: center;
margin-top: 20px;
color: #5a627b;
font-size: 17px;
font-weight: 500;
line-height: 24px;
}
.linkedinBtn {
display: inline-block;
vertical-align: top;
zoom: 1;
transition: background 300ms ease;
border-radius: 4px;
outline: none;
color: #fff;
font-size: 16px;
font-weight: 700;
line-height: 50px;
text-align: center;
box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.4);
text-decoration: none;
background-color: #0079b9;
padding: 0 20px 0 15px;
cursor: pointer;
width: 100%;
}
@media (max-width: 768px) {
.linkedinBtn {
padding: 0 10px 0 10px;
font-size: 15px;
}
}
.linkedinBtn__icon {
display: block;
width: 40px;
height: 50px;
background: url(/wp-content/themes/babblebots/assets/demo-svg/linkedin.svg)
no-repeat 0 13px;
float: left;
border-right: #086598 1px solid;
margin-right: 16px;
}
@media (max-width: 768px) {
.linkedinBtn__icon {
margin-right: 6px;
width: 35px;
}
}
section.app-banner.ver-sqr-bg {
background-image: url(/wp-content/themes/babblebots/assets/images/banner-bg-sqr.png);
}
.sideBySideImages {
margin: 0 0 0 -1.9834543% !important;
}
.feature-desc-new {
padding: 60px 0;
text-align: center;
font-size: 17px;
color: #5a627b;
font-weight: 600;
background: #f9fafb;
}
.hbspt-form {
display: none;
}
.ft-icon {
display: inline-block;
}
.isFullWidth {
max-width: 100% !important;
}
.comp.form.schedule-form .icon,
.comp.form.schedule-form-thankyou .icon {
background: inherit;
}
.comp.form.schedule-form .icon .icon-shaking-hands-white {
background-image: url(/wp-content/themes/babblebots/assets/img/icons/signup-form-icon.svg);
background-size: contain !important;
background-repeat: no-repeat;
background-position: bottom;
width: 34px;
height: 34px;
}
.comp.form.schedule-demo-thankyou .icon,
.thanktyoutext .icon {
background: inherit;
}
.comp.form.schedule-demo-thankyou .icon .icon-likehand-white,
.comp.form.schedule-form-thankyou .icon .icon-shaking-hands-white,
.comp.form.schedule-demo-thankyou .icon .icon-shaking-hands-white,
.thanktyoutext .icon .icon-likehand-white {
background-image: url(/wp-content/themes/babblebots/assets/img/icons/thumbs_up.svg);
background-size: contain !important;
background-repeat: no-repeat;
background-position: bottom;
width: 34px;
height: 34px;
}
.ver-frnotfr {
height: 100px;
}
@media (max-width: 900px) {
.ver-frnotfr {
height: 40px;
}
}
html .big-red-cta .c2a-banner {
background: linear-gradient(183deg, #e6253b 0%, #910e0e 100%) !important;
color: #fff;
}
html .big-red-cta .p2 {
color: #fff !important;
}
html .big-red-cta .c-btn-reverse {
font-size: 22px !important;
}
html .c2a-banner {
padding: 35px 60px !important;
background: #f3f5f8;
}
html .c2a-banner .c-btn {
font-size: 22px;
}
html .c2a-banner h5 {
color: #333;
margin-bottom: 10px;
}
html .c2a-banner h4 {
color: #333;
margin-bottom: 10px;
}
html .c2a-banner p {
color: #434343 !important;
}
html .c2a-banner .lhs-align {
float: left;
width: auto;
padding-right: 25px;
}
html .c2a-banner .rhs-align {
float: right;
width: auto;
}
html .c2a-banner-dark {
background: #101727;
color: #fff;
padding: 35px 60px !important;
}
html .c2a-banner-dark h5 {
color: #fff !important;
}
html .c2a-banner-dark p {
color: #fff !important;
}
html .c2a-banner-dark .lhs-align {
float: left;
width: auto;
padding-right: 25px;
}
html .c2a-banner-dark .rhs-align {
float: right;
width: auto;
}
.align-center {
text-align: center !important;
}
.ct-p2 {
font-size: 20px;
}
@media (max-width: 1000px) {
.ct-p2 {
font-size: 12px;
}
}
.text-large {
font-size: 24px;
}
@media (max-width: 1000px) {
.text-large {
font-size: 14px;
}
}
.text-medium {
font-size: 20px;
}
.text-regular {
font-size: 16px;
font-weight: 400;
}
.text-small {
font-size: 14px;
}
@media (max-width: 1000px) {
.text-small {
font-size: 12px;
}
}
h1.customfont {
font-size: 72px;
letter-spacing: -3.5px;
}
@media (max-width: 1000px) {
h1.customfont {
font-size: 40px;
letter-spacing: -1px;
}
}
h1,
.headingh1 {
font-size: 72px;
font-style: normal;
font-weight: 900;
line-height: 100%;
color: #001e3c !important;
}
@media (max-width: 1000px) {
h1,
.headingh1 {
font-size: 40px;
}
}
h2,
.headingh2 {
line-height: 110%;
letter-spacing: -0.48px;
font-size: 60px;
}
@media (max-width: 1000px) {
h2,
.headingh2 {
font-size: 32px;
}
}
h3,
.headingh3 {
font-size: 48px;
font-weight: 700;
line-height: 110%;
}
@media (max-width: 1000px) {
h3,
.headingh3 {
font-size: 28px;
}
}
h4,
.headingh4 {
font-size: 36px;
line-height: 110%;
letter-spacing: -0.32px;
}
@media (max-width: 1000px) {
h4,
.headingh4 {
font-size: 24px;
}
}
h5,
.headingh5 {
font-family: "DM Sans", sans-serif;
font-size: 30px;
}
@media (max-width: 1000px) {
h5,
.headingh5 {
font-size: 20px;
}
}
h6,
.headingh6 {
font-family: "DM Sans", sans-serif;
font-size: 24px;
}
@media (max-width: 1000px) {
h6,
.headingh6 {
font-size: 14px;
}
}
h5.custom-h5 {
font-size: 30px;
}
@media (max-width: 1000px) {
h5.custom-h5 {
font-size: 16px;
}
}
h7 {
font-size: 18px;
padding-bottom: 18px;
}
@media (max-width: 1000px) {
h7 {
font-size: 18px;
}
}
h8 {
font-size: 16px;
padding-bottom: 18px;
}
@media (max-width: 1000px) {
h8 {
font-size: 16px;
}
}
html .h1-secondary {
font-size: 38px;
line-height: 46px;
}
@media (max-width: 1000px) {
html .h1-secondary {
font-size: 28px;
line-height: 1.2;
}
}
html .p2-giloy-semi-bold {
font-size: 16px;
margin-top: 24px;
}
.p1 {
font-size: 18px;
text-align: left;
letter-spacing: 0px;
line-height: 24px;
color: #101727;
opacity: 1;
}
.p2 {
font-size: 16px;
text-align: left;
letter-spacing: 0px;
line-height: 24px;
color: #101727;
opacity: 1;
}
.p2-giloy-semi-bold {
font-size: 16px;
}
.p2-link {
color: #126aff;
font-size: 14px;
font-weight: 500;
line-height: 24px;
}
.p3 {
font-size: 16px;
text-align: left;
letter-spacing: 0px;
line-height: 24px;
color: #101727;
opacity: 1;
}
.p4-regular {
font-size: 16px;
text-align: left;
letter-spacing: 0px;
line-height: 24px;
color: #101727;
opacity: 1;
}
.p5 {
font-size: 16px;
text-align: left;
letter-spacing: 0px;
line-height: 24px;
color: #4c5564;
opacity: 1;
}
.p6 {
font-size: 16px;
text-align: left;
letter-spacing: 0px;
line-height: 24px;
color: #9ca3b0;
opacity: 1;
}
.p7 {
font-size: 14px;
text-align: left;
letter-spacing: 0px;
line-height: 20px;
color: #101727;
opacity: 1;
}
.p7-light {
font-size: 14px;
color: #9ca3b0;
}
.p7-normal {
font-size: 14px;
color: #000;
font-weight: 400;
}
.p8 {
font-size: 14px;
text-align: left;
letter-spacing: 0px;
line-height: 20px;
color: #101727;
opacity: 1;
}
.p9 {
font-size: 14px;
text-align: left;
letter-spacing: 0px;
line-height: 20px;
color: #101727;
opacity: 1;
}
.p10 {
font-size: 14px;
text-align: left;
letter-spacing: 0px;
line-height: 20px;
color: #4c5564;
opacity: 1;
}
.p11 {
font-size: 14px;
text-align: left;
letter-spacing: 0px;
line-height: 20px;
color: #9ca3b0;
opacity: 1;
}
.p12 {
font-size: 12px;
text-align: left;
letter-spacing: 0px;
line-height: 16px;
color: #101727;
opacity: 1;
}
.p13 {
font-size: 12px;
text-align: left;
letter-spacing: 0px;
line-height: 16px;
color: #101727;
opacity: 1;
}
.p14 {
font-size: 12px;
text-align: left;
letter-spacing: 0px;
line-height: 16px;
color: #101727;
opacity: 1;
}
.p15 {
font-size: 12px;
text-align: left;
letter-spacing: 0px;
line-height: 16px;
color: #4c5564;
opacity: 1;
}
.p16 {
font-size: 16px;
text-align: left;
letter-spacing: 0px;
line-height: 24px;
color: #101727;
opacity: 1;
}
.ct-h3 {
font-size: 48px;
}
.ct-h3 {
font-size: 48px;
} /*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
font-family: "DM Sans", sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
background-color: rgba(0, 0, 0, 0);
}
a:active,
a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
mark {
background: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 1em 40px;
}
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid silver;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
html {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*,
*:before,
*:after {
-webkit-box-sizing: inherit;
-moz-box-sizing: inherit;
box-sizing: inherit;
}
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
dl,
dd,
ol,
ul,
form,
fieldset,
legend,
figure,
table,
th,
td,
caption,
hr {
margin: 0;
padding: 0;
}
html {
font-size: 18px;
line-height: 1.3333333333;
background-color: #fff;
color: #84899c;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
a {
color: #3b43ff;
text-decoration: none;
}
.wrapper {
box-sizing: border-box;
max-width: 1340px;
margin: 0 auto;
padding: 0 1%;
width: 95%;
}
.container-fluid {
margin-right: auto;
margin-left: auto;
padding-right: 2rem;
padding-left: 2rem;
}
.row {
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-webkit-flex: 0 1 auto;
-moz-box-flex: 0;
-moz-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
-webkit-box-direction: normal;
-webkit-box-orient: horizontal;
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.col-xs {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
-webkit-flex-basis: auto;
-moz-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto;
}
.col-xs-1 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
-webkit-flex-basis: 8.3333333333%;
-moz-flex-basis: 8.3333333333%;
-ms-flex-preferred-size: 8.3333333333%;
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
}
.col-xs-2 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
-webkit-flex-basis: 16.6666666667%;
-moz-flex-basis: 16.6666666667%;
-ms-flex-preferred-size: 16.6666666667%;
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
}
.col-xs-3 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
-webkit-flex-basis: 25%;
-moz-flex-basis: 25%;
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.col-xs-4 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
-webkit-flex-basis: 33.3333333333%;
-moz-flex-basis: 33.3333333333%;
-ms-flex-preferred-size: 33.3333333333%;
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
}
.col-xs-5 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
-webkit-flex-basis: 41.6666666667%;
-moz-flex-basis: 41.6666666667%;
-ms-flex-preferred-size: 41.6666666667%;
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
}
.col-xs-6 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
-webkit-flex-basis: 50%;
-moz-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.col-xs-7 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
-webkit-flex-basis: 58.3333333333%;
-moz-flex-basis: 58.3333333333%;
-ms-flex-preferred-size: 58.3333333333%;
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
}
.col-xs-8 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
-webkit-flex-basis: 66.6666666667%;
-moz-flex-basis: 66.6666666667%;
-ms-flex-preferred-size: 66.6666666667%;
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
}
.col-xs-9 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
-webkit-flex-basis: 75%;
-moz-flex-basis: 75%;
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.col-xs-10 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
-webkit-flex-basis: 83.3333333333%;
-moz-flex-basis: 83.3333333333%;
-ms-flex-preferred-size: 83.3333333333%;
flex-basis: 83.3333333333%;
max-width: 83.3333333333%;
}
.col-xs-11 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
-webkit-flex-basis: 91.6666666667%;
-moz-flex-basis: 91.6666666667%;
-ms-flex-preferred-size: 91.6666666667%;
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
}
.col-xs-12 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
-webkit-flex-basis: 100%;
-moz-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.col-xs-offset-0 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
margin-left: 0;
}
.col-xs-offset-1 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
margin-left: 8.3333333333%;
}
.col-xs-offset-2 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
margin-left: 16.6666666667%;
}
.col-xs-offset-3 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
margin-left: 25%;
}
.col-xs-offset-4 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
margin-left: 33.3333333333%;
}
.col-xs-offset-5 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
margin-left: 41.6666666667%;
}
.col-xs-offset-6 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
margin-left: 50%;
}
.col-xs-offset-7 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
margin-left: 58.3333333333%;
}
.col-xs-offset-8 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
margin-left: 66.6666666667%;
}
.col-xs-offset-9 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
margin-left: 75%;
}
.col-xs-offset-10 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
margin-left: 83.3333333333%;
}
.col-xs-offset-11 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
margin-left: 91.6666666667%;
}
.col-xs-offset-12 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
margin-left: 100%;
}
.col-xs {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-moz-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-flex-basis: 0;
-moz-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
}
.start-xs {
-webkit-box-pack: start;
-ms-flex-pack: start;
-webkit-justify-content: flex-start;
-moz-justify-content: flex-start;
justify-content: flex-start;
text-align: left;
}
.center-xs {
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
-moz-justify-content: center;
justify-content: center;
text-align: center;
}
.end-xs {
-webkit-box-pack: end;
-ms-flex-pack: end;
-webkit-justify-content: flex-end;
-moz-justify-content: flex-end;
justify-content: flex-end;
text-align: right;
}
.top-xs {
-webkit-box-align: start;
-ms-flex-align: start;
-webkit-align-items: flex-start;
-moz-align-items: flex-start;
align-items: flex-start;
}
.middle-xs {
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
align-items: center;
}
.bottom-xs {
-webkit-box-align: end;
-ms-flex-align: end;
-webkit-align-items: flex-end;
-moz-align-items: flex-end;
align-items: flex-end;
}
.around-xs {
-ms-flex-pack: distribute;
-webkit-justify-content: space-around;
-moz-justify-content: space-around;
justify-content: space-around;
}
.between-xs {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
justify-content: space-between;
}
.first-xs {
order: -1;
}
.last-xs {
order: 1;
}
@media only screen and (min-width: 48em) {
.container {
width: 46rem;
}
.col-sm {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
-webkit-flex-basis: auto;
-moz-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto;
}
.col-sm-1 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
-webkit-flex-basis: 8.3333333333%;
-moz-flex-basis: 8.3333333333%;
-ms-flex-preferred-size: 8.3333333333%;
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
}
.col-sm-2 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
-webkit-flex-basis: 16.6666666667%;
-moz-flex-basis: 16.6666666667%;
-ms-flex-preferred-size: 16.6666666667%;
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
}
.col-sm-3 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
-webkit-flex-basis: 25%;
-moz-flex-basis: 25%;
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.col-sm-4 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
-webkit-flex-basis: 33.3333333333%;
-moz-flex-basis: 33.3333333333%;
-ms-flex-preferred-size: 33.3333333333%;
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
}
.col-sm-5 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
-webkit-flex-basis: 41.6666666667%;
-moz-flex-basis: 41.6666666667%;
-ms-flex-preferred-size: 41.6666666667%;
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
}
.col-sm-6 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
-webkit-flex-basis: 50%;
-moz-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.col-sm-7 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
-webkit-flex-basis: 58.3333333333%;
-moz-flex-basis: 58.3333333333%;
-ms-flex-preferred-size: 58.3333333333%;
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
}
.col-sm-8 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
-webkit-flex-basis: 66.6666666667%;
-moz-flex-basis: 66.6666666667%;
-ms-flex-preferred-size: 66.6666666667%;
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
}
.col-sm-9 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
-webkit-flex-basis: 75%;
-moz-flex-basis: 75%;
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.col-sm-10 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
-webkit-flex-basis: 83.3333333333%;
-moz-flex-basis: 83.3333333333%;
-ms-flex-preferred-size: 83.3333333333%;
flex-basis: 83.3333333333%;
max-width: 83.3333333333%;
}
.col-sm-11 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
-webkit-flex-basis: 91.6666666667%;
-moz-flex-basis: 91.6666666667%;
-ms-flex-preferred-size: 91.6666666667%;
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
}
.col-sm-12 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
-webkit-flex-basis: 100%;
-moz-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.col-sm-offset-0 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
margin-left: 0;
}
.col-sm-offset-1 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
margin-left: 8.3333333333%;
}
.col-sm-offset-2 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
margin-left: 16.6666666667%;
}
.col-sm-offset-3 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
margin-left: 25%;
}
.col-sm-offset-4 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
margin-left: 33.3333333333%;
}
.col-sm-offset-5 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
margin-left: 41.6666666667%;
}
.col-sm-offset-6 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
margin-left: 50%;
}
.col-sm-offset-7 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
margin-left: 58.3333333333%;
}
.col-sm-offset-8 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
margin-left: 66.6666666667%;
}
.col-sm-offset-9 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
margin-left: 75%;
}
.col-sm-offset-10 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
margin-left: 83.3333333333%;
}
.col-sm-offset-11 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
margin-left: 91.6666666667%;
}
.col-sm-offset-12 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
margin-left: 100%;
}
.col-sm {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-moz-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-flex-basis: 0;
-moz-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
}
.start-sm {
-webkit-box-pack: start;
-ms-flex-pack: start;
-webkit-justify-content: flex-start;
-moz-justify-content: flex-start;
justify-content: flex-start;
text-align: left;
}
.center-sm {
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
-moz-justify-content: center;
justify-content: center;
text-align: center;
}
.end-sm {
-webkit-box-pack: end;
-ms-flex-pack: end;
-webkit-justify-content: flex-end;
-moz-justify-content: flex-end;
justify-content: flex-end;
text-align: right;
}
.top-sm {
-webkit-box-align: start;
-ms-flex-align: start;
-webkit-align-items: flex-start;
-moz-align-items: flex-start;
align-items: flex-start;
}
.middle-sm {
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
align-items: center;
}
.bottom-sm {
-webkit-box-align: end;
-ms-flex-align: end;
-webkit-align-items: flex-end;
-moz-align-items: flex-end;
align-items: flex-end;
}
.around-sm {
-ms-flex-pack: distribute;
-webkit-justify-content: space-around;
-moz-justify-content: space-around;
justify-content: space-around;
}
.between-sm {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
justify-content: space-between;
}
.first-sm {
order: -1;
}
.last-sm {
order: 1;
}
}
@media only screen and (min-width: 62em) {
.container {
width: 61rem;
}
.col-md {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
-webkit-flex-basis: auto;
-moz-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto;
}
.col-md-1 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
-webkit-flex-basis: 8.3333333333%;
-moz-flex-basis: 8.3333333333%;
-ms-flex-preferred-size: 8.3333333333%;
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
}
.col-md-2 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
-webkit-flex-basis: 16.6666666667%;
-moz-flex-basis: 16.6666666667%;
-ms-flex-preferred-size: 16.6666666667%;
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
}
.col-md-3 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
-webkit-flex-basis: 25%;
-moz-flex-basis: 25%;
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.col-md-4 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
-webkit-flex-basis: 33.3333333333%;
-moz-flex-basis: 33.3333333333%;
-ms-flex-preferred-size: 33.3333333333%;
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
}
.col-md-5 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
-webkit-flex-basis: 41.6666666667%;
-moz-flex-basis: 41.6666666667%;
-ms-flex-preferred-size: 41.6666666667%;
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
}
.col-md-6 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
-webkit-flex-basis: 50%;
-moz-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.col-md-7 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
-webkit-flex-basis: 58.3333333333%;
-moz-flex-basis: 58.3333333333%;
-ms-flex-preferred-size: 58.3333333333%;
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
}
.col-md-8 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
-webkit-flex-basis: 66.6666666667%;
-moz-flex-basis: 66.6666666667%;
-ms-flex-preferred-size: 66.6666666667%;
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
}
.col-md-9 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
-webkit-flex-basis: 75%;
-moz-flex-basis: 75%;
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.col-md-10 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
-webkit-flex-basis: 83.3333333333%;
-moz-flex-basis: 83.3333333333%;
-ms-flex-preferred-size: 83.3333333333%;
flex-basis: 83.3333333333%;
max-width: 83.3333333333%;
}
.col-md-11 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
-webkit-flex-basis: 91.6666666667%;
-moz-flex-basis: 91.6666666667%;
-ms-flex-preferred-size: 91.6666666667%;
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
}
.col-md-12 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
-webkit-flex-basis: 100%;
-moz-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.col-md-offset-0 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
margin-left: 0;
}
.col-md-offset-1 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
margin-left: 8.3333333333%;
}
.col-md-offset-2 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
margin-left: 16.6666666667%;
}
.col-md-offset-3 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
margin-left: 25%;
}
.col-md-offset-4 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
margin-left: 33.3333333333%;
}
.col-md-offset-5 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
margin-left: 41.6666666667%;
}
.col-md-offset-6 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
margin-left: 50%;
}
.col-md-offset-7 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
margin-left: 58.3333333333%;
}
.col-md-offset-8 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
margin-left: 66.6666666667%;
}
.col-md-offset-9 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
margin-left: 75%;
}
.col-md-offset-10 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
margin-left: 83.3333333333%;
}
.col-md-offset-11 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
margin-left: 91.6666666667%;
}
.col-md-offset-12 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
margin-left: 100%;
}
.col-md {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-moz-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-flex-basis: 0;
-moz-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
}
.start-md {
-webkit-box-pack: start;
-ms-flex-pack: start;
-webkit-justify-content: flex-start;
-moz-justify-content: flex-start;
justify-content: flex-start;
text-align: left;
}
.center-md {
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
-moz-justify-content: center;
justify-content: center;
text-align: center;
}
.end-md {
-webkit-box-pack: end;
-ms-flex-pack: end;
-webkit-justify-content: flex-end;
-moz-justify-content: flex-end;
justify-content: flex-end;
text-align: right;
}
.top-md {
-webkit-box-align: start;
-ms-flex-align: start;
-webkit-align-items: flex-start;
-moz-align-items: flex-start;
align-items: flex-start;
}
.middle-md {
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
align-items: center;
}
.bottom-md {
-webkit-box-align: end;
-ms-flex-align: end;
-webkit-align-items: flex-end;
-moz-align-items: flex-end;
align-items: flex-end;
}
.around-md {
-ms-flex-pack: distribute;
-webkit-justify-content: space-around;
-moz-justify-content: space-around;
justify-content: space-around;
}
.between-md {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
justify-content: space-between;
}
.first-md {
order: -1;
}
.last-md {
order: 1;
}
}
@media only screen and (min-width: 75em) {
.container {
width: 71rem;
}
.col-lg {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
-webkit-flex-basis: auto;
-moz-flex-basis: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto;
}
.col-lg-1 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
-webkit-flex-basis: 8.3333333333%;
-moz-flex-basis: 8.3333333333%;
-ms-flex-preferred-size: 8.3333333333%;
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
}
.col-lg-2 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
-webkit-flex-basis: 16.6666666667%;
-moz-flex-basis: 16.6666666667%;
-ms-flex-preferred-size: 16.6666666667%;
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
}
.col-lg-3 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
-webkit-flex-basis: 25%;
-moz-flex-basis: 25%;
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.col-lg-4 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
-webkit-flex-basis: 33.3333333333%;
-moz-flex-basis: 33.3333333333%;
-ms-flex-preferred-size: 33.3333333333%;
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
}
.col-lg-5 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
-webkit-flex-basis: 41.6666666667%;
-moz-flex-basis: 41.6666666667%;
-ms-flex-preferred-size: 41.6666666667%;
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
}
.col-lg-6 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
-webkit-flex-basis: 50%;
-moz-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.col-lg-7 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
-webkit-flex-basis: 58.3333333333%;
-moz-flex-basis: 58.3333333333%;
-ms-flex-preferred-size: 58.3333333333%;
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
}
.col-lg-8 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
-webkit-flex-basis: 66.6666666667%;
-moz-flex-basis: 66.6666666667%;
-ms-flex-preferred-size: 66.6666666667%;
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
}
.col-lg-9 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
-webkit-flex-basis: 75%;
-moz-flex-basis: 75%;
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.col-lg-10 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
-webkit-flex-basis: 83.3333333333%;
-moz-flex-basis: 83.3333333333%;
-ms-flex-preferred-size: 83.3333333333%;
flex-basis: 83.3333333333%;
max-width: 83.3333333333%;
}
.col-lg-11 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
-webkit-flex-basis: 91.6666666667%;
-moz-flex-basis: 91.6666666667%;
-ms-flex-preferred-size: 91.6666666667%;
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
}
.col-lg-12 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
-webkit-flex-basis: 100%;
-moz-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.col-lg-offset-0 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
margin-left: 0;
}
.col-lg-offset-1 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
margin-left: 8.3333333333%;
}
.col-lg-offset-2 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
margin-left: 16.6666666667%;
}
.col-lg-offset-3 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
margin-left: 25%;
}
.col-lg-offset-4 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
margin-left: 33.3333333333%;
}
.col-lg-offset-5 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
margin-left: 41.6666666667%;
}
.col-lg-offset-6 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
margin-left: 50%;
}
.col-lg-offset-7 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
margin-left: 58.3333333333%;
}
.col-lg-offset-8 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
margin-left: 66.6666666667%;
}
.col-lg-offset-9 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
margin-left: 75%;
}
.col-lg-offset-10 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
margin-left: 83.3333333333%;
}
.col-lg-offset-11 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
margin-left: 91.6666666667%;
}
.col-lg-offset-12 {
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-moz-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: 0.5rem;
padding-left: 0.5rem;
margin-left: 100%;
}
.col-lg {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-moz-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-flex-basis: 0;
-moz-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
}
.start-lg {
-webkit-box-pack: start;
-ms-flex-pack: start;
-webkit-justify-content: flex-start;
-moz-justify-content: flex-start;
justify-content: flex-start;
text-align: left;
}
.center-lg {
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
-moz-justify-content: center;
justify-content: center;
text-align: center;
}
.end-lg {
-webkit-box-pack: end;
-ms-flex-pack: end;
-webkit-justify-content: flex-end;
-moz-justify-content: flex-end;
justify-content: flex-end;
text-align: right;
}
.top-lg {
-webkit-box-align: start;
-ms-flex-align: start;
-webkit-align-items: flex-start;
-moz-align-items: flex-start;
align-items: flex-start;
}
.middle-lg {
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
align-items: center;
}
.bottom-lg {
-webkit-box-align: end;
-ms-flex-align: end;
-webkit-align-items: flex-end;
-moz-align-items: flex-end;
align-items: flex-end;
}
.around-lg {
-ms-flex-pack: distribute;
-webkit-justify-content: space-around;
-moz-justify-content: space-around;
justify-content: space-around;
}
.between-lg {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
justify-content: space-between;
}
.first-lg {
order: -1;
}
.last-lg {
order: 1;
}
}
.bb-orange {
background-color: #f65151;
}
.bb-blue {
background-color: #001e3c;
}
.bb-grey {
background-color: #94a0ad;
}
.bb-cream {
background-color: #fff6e4;
}
.bb-cream2 {
background-color: #f9f6f1;
}
.bb-brown {
background-color: #e9bbb0;
}
.bb-skyblue {
background-color: #001e3c;
}
.bb-lightblue {
background-color: #648599;
}
.bb-offwhite {
background-color: #fff6e4;
}
.bb-orange-text {
color: #f65151;
}
.bb-blue-text {
color: #001e3c;
}
.bb-grey-text {
color: #94a0ad;
}
.bb-cream-text {
color: #fff6e4;
}
.bb-brown-text {
color: #e9bbb0;
}
.bb-skyblue-text {
color: #001e3c;
}
.bb-lightblue-text {
color: #648599;
}
.bb-offwhite-text {
color: #fff6e4;
}
.link-color {
color: #126aff;
}
.bb-primary-btn {
background: #3b43ff;
}
.bb-primary-btn:hover {
border: 1px solid #3b43ff;
}
@media (max-width: 1000px) {
body,
html {
scroll-behavior: smooth;
width: 100%;
height: 100%;
}
body {
overflow-x: hidden;
}
}
.header-grd,
section.header-grd,
section.app-banner {
overflow: hidden;
padding-top: 100px;
padding-bottom: 30px;
}
@media (max-width: 1000px) {
.header-grd,
section.header-grd,
section.app-banner {
padding-top: 90px !important;
min-height: auto !important;
height: auto;
z-index: 99;
padding-bottom: 0px;
}
}
.header-grd .upper-subtitle,
section.header-grd .upper-subtitle,
section.app-banner .upper-subtitle {
font-size: 18px;
letter-spacing: 1.8px;
padding-bottom: 18px;
text-transform: uppercase;
border: none !important;
}
.u-heroImage {
text-align: center;
width: 80%;
margin: -50px auto 0 auto;
}
@media (max-width: 1000px) {
.u-heroImage {
margin: 0 auto;
width: 94%;
}
}
.heroContent {
padding: 48px;
position: relative;
overflow: hidden;
}
.heroContent h1 {
margin-bottom: 40px;
}
.heroContent .upper-subtitle {
text-transform: uppercase;
color: #101727;
}
@media (max-width: 1000px) {
.heroContent {
height: auto;
padding: 20px 10px 0 10px;
}
}
.heroContent__title {
margin-bottom: 20px;
color: #001e3c;
font-size: 72px;
font-weight: 900;
text-align: left;
line-height: 1.2;
margin-top: 10px;
}
@media (max-width: 1000px) {
.heroContent__title {
font-size: 28px !important;
}
}
.heroContent__title.has-border {
position: relative;
padding-bottom: 30px;
margin-bottom: 30px;
}
.heroContent__title.has-border:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
background: #000;
width: 150px;
height: 1px;
}
@media (max-width: 1000px) {
.heroContent__title.has-border:after {
right: 0;
margin: 0 auto;
}
}
@media (max-width: 1000px) {
.heroContent__title {
text-align: center;
}
}
.heroContent__subText {
width: auto;
max-width: 580px;
margin-bottom: 30px;
color: #001e3c;
font-size: 18px;
font-weight: 500;
text-align: left;
line-height: 1.3;
}
@media (max-width: 1000px) {
.heroContent__subText {
font-size: 15px;
}
}
@media (max-width: 1000px) {
.heroContent__subText {
width: 100%;
margin: 0 auto;
margin-bottom: 30px;
text-align: center;
}
}
.heroContent .lhs-align {
float: left;
width: 50%;
padding-right: 25px;
position: relative;
z-index: 2;
}
@media (max-width: 1000px) {
.heroContent .lhs-align {
float: none;
padding-right: 0px;
width: auto;
position: relative;
z-index: 2;
}
}
.heroContent .rhs-align {
float: right;
width: 50%;
}
@media (max-width: 1000px) {
.heroContent .rhs-align {
float: none;
padding-right: 0px;
width: auto;
margin-bottom: 30px;
}
}
.heroContent.not_home {
height: auto;
}
.heroContent.not_home .heroContent__subText {
max-width: 600px;
}
.heroContent.heroContent_centered {
height: auto;
text-align: center;
}
.heroContent.heroContent_centered .lhs-align {
float: none;
width: 950px;
margin: 0 auto;
text-align: center;
padding: 0;
}
.heroContent.heroContent_centered .lhs-align .heroContent__title,
.heroContent.heroContent_centered .lhs-align .u-tac,
.heroContent.heroContent_centered .lhs-align .upper-subtitle {
text-align: center;
}
.heroContent.heroContent_centered
.lhs-align
.heroContent__title.has-border:after {
right: 0;
margin: 0 auto;
}
.heroContent.heroContent_centered .lhs-align .heroContent__subText {
text-align: center;
margin: 0 auto;
margin-bottom: 30px;
}
@media (max-width: 1000px) {
.heroContent.heroContent_centered .lhs-align {
width: auto !important;
}
}
.heroContent.heroContent_centered .rhs-align {
float: none;
width: auto;
}
.heroContent .feat_img_rhs {
position: relative;
z-index: 2;
}
.heroContent.demoform_heroContent {
padding: 30px;
height: auto;
border-radius: 0;
}
.heroContent.demoform_heroContent .comp.form h3 {
text-align: center;
padding-bottom: 20px;
margin-top: 0;
width: 319px;
color: #000;
font-size: 30px;
font-weight: 800;
line-height: 37px;
}
.heroContent .comp.form h2 {
text-align: center;
color: #000;
font-size: 30px;
font-weight: 600;
line-height: 37px;
margin-bottom: 30px;
}
.banner-60-40 {
background-size: auto;
background-position: -10% 120% !important;
}
.banner-60-40 .lhs-align {
width: 60%;
}
@media (max-width: 1000px) {
.banner-60-40 .lhs-align {
width: auto !important;
}
}
.banner-60-40 .rhs-align {
width: 40%;
position: relative;
min-height: 560px;
}
@media (max-width: 1000px) {
.banner-60-40 .rhs-align {
width: auto !important;
}
}
.banner-60-40 .rhs-align img {
position: absolute;
bottom: 0px;
min-width: 100%;
}
.banner-60-40 .heroContent__subText {
font-size: 16px;
}
.banner-60-40 .heroContent__title {
line-height: 80px;
}
@media (max-width: 1024px) {
.banner-60-40 .heroContent__title {
line-height: initial;
font-size: 52px !important;
}
}
@media (max-width: 1000px) {
.banner-60-40 .heroContent__title {
line-height: initial;
font-size: 36px !important;
}
}
.banner-60-40 .heroContent {
height: auto;
padding-bottom: 100px;
}
.banner-60-40 h7 {
font-size: 18px;
text-transform: uppercase;
color: #001e3c !important;
padding-bottom: 18px;
display: block;
}
.banner-70-30 .lhs-align {
width: 70%;
}
@media (max-width: 1000px) {
.banner-70-30 .lhs-align {
width: auto !important;
}
}
.banner-70-30 .rhs-align {
width: 30%;
}
@media (max-width: 1000px) {
.banner-70-30 .rhs-align {
width: auto !important;
}
}
.banner-70-30 .heroContent__subText {
font-size: 22px;
color: rgba(0, 30, 60, 0.6);
margin: 42px 0;
}
.banner-70-30 .heroContent__title {
line-height: 80px;
}
@media (max-width: 1000px) {
.banner-70-30 .heroContent__title {
line-height: initial;
font-size: 36px !important;
}
}
.banner-70-30 .heroContent {
height: auto;
}
.banner-70-30 h7 {
text-transform: uppercase;
color: #000 !important;
margin-bottom: 20px;
display: block;
font-size: 18px;
padding-bottom: 18px;
}
.pillars-main .c-fullImage-block__content.isMaxWidth {
max-width: 49%;
}
@media (max-width: 1000px) {
.pillars-main .c-fullImage-block__content.isMaxWidth {
max-width: initial;
}
}
@media (max-width: 1000px) {
.pillars-main .upper-subtitle {
text-align: center;
}
}
.pillars-main .c-fullImage-block ul li {
text-align: left;
}
.pillars-main .c-fullImage-block ul li h7 {
font-size: 18px;
letter-spacing: initial;
padding-bottom: 18px;
text-transform: initial;
}
.nav-overlay {
display: none;
position: fixed;
background: #000;
right: 0;
left: 0;
opacity: 0.25;
width: 100%;
height: 100%;
top: 74px;
-webkit-transition: 0.7s ease all;
-o-transition: 0.7s ease all;
transition: 0.7s ease all;
animation-delay: 0.1s;
}
.nav-overlay.show {
display: block !important;
}
.bb-logo {
display: inline-block;
margin-top: 0px;
width: 190px;
height: 53px;
background-image: url(/wp-content/themes/babblebots/assets/images/logo.png);
background-size: 100%;
text-indent: -9999px;
background-repeat: no-repeat;
background-position: center center;
margin-right: 50px;
}
@media (max-width: 1200px) {
.bb-logo {
margin-right: 0px;
}
}
@media (max-width: 1000px) {
.bb-logo {
margin-left: 0;
z-index: 99;
position: absolute;
}
}
.no-link a {
cursor: default !important;
}
.bb-header {
left: 0;
top: 0;
right: 0;
margin: 0 auto;
width: 100%;
z-index: 9999;
position: fixed;
background: #fff;
padding: 12px 0 0 0;
border-bottom: 1px solid #ddd;
}
@media (max-width: 1000px) {
.bb-header {
padding: 0;
}
}
.bb-header:before {
content: "mobile";
display: none;
}
@media (min-width: 1000px) {
.bb-header:before {
content: "desktop";
}
}
@media (min-width: 1000px) {
.bb-header .wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
}
}
.bb-header .main-nav {
display: none;
}
@media (min-width: 1000px) {
.bb-header .main-nav {
display: inline-block;
margin: 0 auto;
margin-top: 10px;
}
.bb-header .main-nav > ul > li {
display: inline-block;
float: left;
margin: 0;
}
.bb-header .main-nav > ul > li > a {
display: block;
padding: 0 30px 25px 20px;
margin: 0;
height: auto;
font-size: 16px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 30px;
letter-spacing: normal;
text-decoration: none !important;
color: #000;
}
.bb-header .main-nav > ul > li > a.c-btn {
display: inline-block;
height: auto;
color: #fff !important;
padding: 2px 22px;
border-radius: 6px;
position: relative;
top: -2px;
}
}
@media (min-width: 1000px) and (max-width: 1200px) {
.bb-header .main-nav > ul > li > a.c-btn {
padding: 0px 10px;
}
}
@media (min-width: 1000px) {
.bb-header .main-nav > ul > li > a.c-btn:hover {
border-bottom: 1px solid #3b43ff;
color: #fff !important;
}
.bb-header .main-nav > ul > li.gallery.has-dropdown a:hover::after {
content: "";
height: 2px;
width: 100%;
background: #000;
position: absolute;
bottom: 0;
right: 0;
left: 0;
margin: 0 auto;
}
.bb-header .main-nav > ul > li.gallery.has-dropdown.active::after {
content: "";
height: 2px;
width: 100%;
background: #000;
position: absolute;
bottom: 0;
top: auto;
right: 0;
left: 0;
margin: 0 auto;
}
.bb-header .main-nav.has-rightSide {
margin-left: auto;
margin-right: 0;
}
.bb-header .main-nav.has-rightSide > ul > li > a {
margin: 0 0px;
}
.bb-header .main-nav.has-rightSide > ul > li:last-child {
margin-right: 0;
}
.bb-header .main-nav.has-rightSide > ul > li:last-child a {
margin-right: 0;
}
}
@media (max-width: 1200px) {
.bb-header .main-nav > ul > li > a {
padding: 0 25px 0 0;
margin: 0 10px;
}
.bb-header .main-nav > ul > li > a .c-btn {
padding: 1px 3px;
}
}
.bb-header .label {
display: block;
font-size: 16px;
color: #1a1a1a;
margin-bottom: 0;
border-bottom: #ececec 1px solid;
padding: 8px 20px;
}
@media (max-width: 1000px) {
.bb-header .label {
text-align: left;
}
}
.bb-header .content li::after {
clear: both;
content: "";
display: block;
}
.bb-header #dd-product {
border: 0;
}
.bb-header .menu-head .ct-ddCards__title {
letter-spacing: 1.8px;
}
.ct-mobile-link {
position: absolute;
top: 0;
right: 0;
left: auto;
height: 60px;
width: 60px;
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
color: rgba(0, 0, 0, 0);
}
@media (min-width: 1000px) {
.ct-mobile-link {
display: none;
}
}
.ct-mobile-link span,
.ct-mobile-link span:before,
.ct-mobile-link span:after {
position: absolute;
background-color: #fff;
height: 3px;
width: 26px;
}
.ct-mobile-link span {
left: 50%;
top: 50%;
bottom: auto;
right: auto;
-webkit-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
-webkit-transition: background-color 0.3s;
transition: background-color 0.3s;
}
.ct-mobile-link span:before,
.ct-mobile-link span:after {
content: "";
left: 0;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
.ct-mobile-link span:before {
-webkit-transform: translateY(-9px);
-ms-transform: translateY(-9px);
transform: translateY(-9px);
}
.ct-mobile-link span:after {
-webkit-transform: translateY(9px);
-ms-transform: translateY(9px);
transform: translateY(9px);
}
.dropdown-main-wrapper {
position: absolute;
top: 60px;
left: 0;
width: 100%;
padding: 0;
box-shadow: inset 0 1px 0 #e6e6e6;
}
@media (max-width: 1000px) {
.dropdown-main-wrapper {
position: fixed;
z-index: 10;
left: auto;
right: -80em;
width: 100%;
background: #fff;
top: 0 !important;
min-height: 100%;
padding-top: 6em;
}
}
@media (min-width: 1000px) {
.dropdown-main-wrapper {
display: block;
top: -1px;
width: auto;
padding: 0;
box-shadow: none;
background-color: rgba(0, 0, 0, 0);
-webkit-transform: translateZ(0);
transform: translateZ(0);
will-change: transform;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
}
@media (min-width: 1000px) {
.bb-header .has-dropdown {
position: relative;
}
.bb-header .has-dropdown a:before {
content: "";
position: absolute;
top: 14px;
width: 10px;
height: 6px;
right: 15px;
display: inline-block;
background: url("/wp-content/themes/babblebots/assets/images/down-arrow.svg")
center center no-repeat;
}
.bb-header .has-dropdown.active a:before {
transform: rotate(180deg);
}
.bb-header .dropdown-list {
position: absolute;
top: 10px;
left: 0;
}
.bb-header .dropdown-list:before {
content: "";
display: none;
position: absolute;
bottom: 100%;
top: 12px;
z-index: 2;
left: 50%;
background: #fff;
right: auto;
transform: rotate(135deg);
height: 0px;
width: 0px;
border: 8px solid rgba(0, 0, 0, 0);
opacity: 0;
}
.bb-header .dropdown-list > ul {
position: relative;
z-index: 1;
height: 100%;
width: 100%;
-webkit-perspective: 500px;
-moz-perspective: 500px;
-ms-perspective: 500px;
perspective: 500px;
list-style: none;
}
.bb-header .dropdown-list {
top: 20px;
max-height: 0;
-webkit-transition: 0.05s;
-o-transition: 0.05s;
transition: 0.05s;
}
.bb-header .dropdown {
position: absolute;
left: 78px;
top: 39px;
opacity: 0;
z-index: -99;
visibility: hidden;
background: #fff;
overflow: hidden;
width: 100%;
padding: 0;
margin: 0;
list-style-type: none;
list-style: none;
-webkit-transform-origin: top;
-moz-transform-origin: top;
-ms-transform-origin: top;
-o-transform-origin: top;
transform-origin: top;
border-radius: 0px 0px 24px 24px;
}
.bb-header .dropdown.active {
opacity: 1;
z-index: 99;
visibility: visible;
overflow: hidden;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
border: 1px solid #ddd;
border-top: 0;
}
.bb-header .dropdown .mbl-arrow {
display: none;
}
.bb-header .dropdown:hover a,
.bb-header .dropdown:hover span,
.bb-header .dropdown:hover div,
.bb-header .dropdown:hover label {
opacity: 1 !important;
}
}
@media (min-width: 1000px) and (max-width: 1024px) {
.bb-header #dd-product {
left: 165px;
}
.bb-header #ct-dd-solutions {
width: auto;
min-width: 650px;
}
.bb-header #dd-resources {
width: auto;
min-width: 745px;
}
.bb-header #dd-company {
width: auto;
min-width: 655px;
}
}
@media (min-width: 1000px) {
.bb-header .content {
text-align: left;
}
.bb-header .bg-layer {
display: none;
position: absolute;
top: 0;
left: 0;
height: 200px;
width: 500px;
background: #fff;
border-radius: 4px;
opacity: 0;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-transform: translateZ(0);
transform: translateZ(0);
will-change: transform;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden;
}
.bb-header .label {
display: none;
}
}
@media (max-width: 1000px) {
.bb-header {
box-shadow: inset 0px -2px 5px -2px rgba(216, 216, 216, 0.75);
}
.bb-header .label {
display: block;
font-size: 17px;
text-align: left;
margin-bottom: 0;
border: 0;
border-bottom: 0;
padding: 10px 30px;
}
.bb-header .dropdown {
padding: 0px;
position: relative;
list-style: none;
}
.bb-header .dropdown.active .mbl-arrow {
transform: rotate(0deg);
}
.bb-header .dropdown.align-right {
width: 50%;
padding: 16px;
float: right;
line-height: 40px;
}
.bb-header .dropdown.align-right a {
background-color: #3b43ff;
color: #fff;
line-height: 36px;
font-size: 12px;
letter-spacing: 2px;
text-transform: initial;
display: block;
width: 100%;
padding: 0 2%;
font-weight: 600;
text-align: center;
text-decoration: none;
}
.bb-header .dropdown.align-right a.sign-in {
border: 1px solid #3b43ff;
color: #3b43ff;
background-color: rgba(0, 0, 0, 0);
line-height: 34px;
}
.bb-header .dropdown .mbl-arrow {
background: url(/wp-content/themes/babblebots/assets/images/down-arrow.svg)
center center no-repeat;
position: absolute;
top: 0px;
right: 10px;
display: inline-block;
padding: 20px 20px;
background-size: 50%;
transform: rotate(-90deg);
}
.bb-header .dropdown .content {
display: none;
padding: 0 25px;
}
.bb-header .dropdown .content .ct-ddCards__icon {
margin: 1px 20px 0 0;
position: relative;
}
.bb-header .dropdown .ct-ddCardsFooter {
background-color: rgba(0, 0, 0, 0);
padding: 10px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
text-align: left;
}
.bb-header .dropdown .label {
display: block;
font-size: 17px;
text-align: left;
margin-bottom: 0;
border: 0;
border-bottom: 0;
padding: 10px 30px;
}
.bb-header .dropdown .sign-up.label.c-btn.c-btn-reverse:after {
position: relative;
filter: brightness(100);
top: 2px;
}
.nav-logo-wrap {
position: relative;
display: block;
height: 60px;
background: #fff;
z-index: 99;
padding: 10px 0px 10px 0px;
}
#nav-toggle {
position: fixed;
right: 1em;
top: 1.1em;
z-index: 9999;
cursor: pointer;
padding: 16px 37px 20px 5px;
border-radius: 5px;
}
#nav-toggle span,
#nav-toggle span:after,
#nav-toggle span:before {
cursor: pointer;
border-radius: 1px;
height: 3px;
width: 26px;
background: #344054;
position: absolute;
display: block;
content: "";
transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
}
#nav-toggle span:before {
top: -10px;
}
#nav-toggle span:after {
bottom: -10px;
width: 26px;
right: 0px;
}
#nav-toggle.active span {
background-color: rgba(0, 0, 0, 0);
}
#nav-toggle.active span:after,
#nav-toggle.active span:before {
top: 0;
width: 32px;
right: 0;
}
#nav-toggle.active span:before {
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
}
#nav-toggle.active span:after {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
}
.dropdown-main-wrapper.open {
overflow: scroll;
right: 0;
display: block;
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
}
}
.is-dropdown-visible .main-nav > ul > li.active > a {
opacity: 1;
}
.is-dropdown-visible .dropdown-list:before {
opacity: 1;
}
.is-dropdown-visible .bg-layer {
opacity: 0;
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
transition: opacity 0.3s, -webkit-transform 0.3s;
transition: transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
}
.ct-ddCards {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0px;
}
.ct-ddCards__item {
text-align: left;
margin-top: 20px;
padding: 0px 0px 15px 0px;
cursor: pointer;
opacity: 1 !important;
border-bottom: 1px solid #ccc;
}
@media (max-width: 1000px) {
.ct-ddCards__item {
width: 100%;
padding: 12px 0px 4px 0px;
opacity: 1 !important;
}
}
.ct-ddCards__item:hover .ct-ddCards__title.tablinks:after {
border: solid #3b43ff;
border-width: 0 1.5px 1.5px 0;
}
.ct-ddCards__item.links-no-desc .ct-ddCards__warp a {
padding-bottom: 20px;
}
.ct-ddCards__item:last-child {
padding-bottom: 0;
border-bottom: 0;
}
.ct-ddCards__item img {
margin: 0 10px -7px 0;
}
@media (max-width: 1000px) {
.ct-ddCards__item img {
margin: 0 10px 17px 0;
}
}
.ct-ddCards__item:nth-child(2n + 1) {
clear: both;
}
.ct-ddCards .col-1,
.ct-ddCards .col-2,
.ct-ddCards .col-3 {
width: auto;
height: auto;
background-color: #fff;
max-width: 360px;
padding: 0px 0px 20px 20px;
}
@media (max-width: 1000px) {
.ct-ddCards .col-1,
.ct-ddCards .col-2,
.ct-ddCards .col-3 {
width: auto;
max-width: none;
padding: 0px 24px 0px 24px;
height: auto;
}
}
.ct-ddCards .col-1 .nav-featured,
.ct-ddCards .col-2 .nav-featured,
.ct-ddCards .col-3 .nav-featured {
border-radius: 6px;
background: #e0e7eb url("/wp-content/uploads/2023/09/white-noodle.webp")
center right no-repeat;
padding: 24px;
height: 100%;
width: 100%;
position: relative;
}
.ct-ddCards .col-1 .nav-featured .ct-ddCards__item,
.ct-ddCards .col-2 .nav-featured .ct-ddCards__item,
.ct-ddCards .col-3 .nav-featured .ct-ddCards__item {
position: absolute;
bottom: 10px;
right: 0;
left: 0;
margin: 0 auto;
padding: 24px;
}
@media (max-width: 1000px) {
.ct-ddCards .col-1 .nav-featured .ct-ddCards__item,
.ct-ddCards .col-2 .nav-featured .ct-ddCards__item,
.ct-ddCards .col-3 .nav-featured .ct-ddCards__item {
position: relative;
padding: 0;
bottom: 0;
}
}
.ct-ddCards .col-1 .nav-featured a .arrow-nav.c-btn.c-btn-arrow,
.ct-ddCards .col-2 .nav-featured a .arrow-nav.c-btn.c-btn-arrow,
.ct-ddCards .col-3 .nav-featured a .arrow-nav.c-btn.c-btn-arrow {
font-size: 24px;
}
.ct-ddCards a {
color: #173e54;
text-decoration: none;
font-size: 16px;
font-style: normal;
font-stretch: normal;
line-height: 0.83;
letter-spacing: normal;
font-weight: 500;
display: inline-block;
padding: 0;
}
.ct-ddCards a svg {
margin-right: 10px;
margin-bottom: -2px;
}
@media (max-width: 1000px) {
.ct-ddCards a {
display: block;
font-size: 14px;
text-align: left;
margin-bottom: 0;
border: 0;
border-bottom: 0;
padding: 0 10px;
}
}
.ct-ddCards a .arrow-nav.c-btn.c-btn-arrow {
color: #001e3c;
display: inline-block;
padding: 0 18px 0 0;
line-height: 1.8;
font-size: 16px;
font-weight: 400;
background-position-x: 99%;
}
.ct-ddCards a .ct-ddCards__title {
text-align: left;
margin-bottom: 2px;
cursor: pointer;
display: inline-block;
}
.ct-ddCards a .ct-ddCards__title.active {
color: #101727;
}
.ct-ddCards a .ct-ddCards__title.active a {
color: #101727;
}
.ct-ddCards a .ct-ddCards__title.tablinks {
position: relative;
min-width: 200px;
}
.ct-ddCards a .ct-ddCards__title .ct-ddCards__title_desc {
display: block;
padding-top: 0;
font-size: 14px;
font-weight: 450;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
color: #777 !important;
}
.ct-ddCards a:hover .arrow-nav.c-btn.c-btn-arrow {
background-position-x: 101%;
}
.ct-ddCards__text {
color: #5a627b;
font-size: 12px;
font-weight: 500;
line-height: 18px;
text-align: left;
padding-bottom: 6px;
}
@media (max-width: 1000px) {
.ct-ddCards__text {
display: none;
}
}
.ct-ddCards .lhs-cards {
padding: 0px;
width: 100%;
}
@media (max-width: 1000px) {
.ct-ddCards .lhs-cards {
width: 100%;
padding-left: 0px;
}
}
.ct-ddCards .rhs-cards {
width: 50%;
padding: 10px 0px 10px 10px;
background-color: #fff;
box-shadow: inset -1px 0px 5px 0px rgba(189, 188, 188, 0.55);
}
.ct-ddCards .rhs-cards .tabcontent {
float: none;
width: 100%;
display: none;
width: 100%;
padding: 20px 10px 0 20px;
}
@media (max-width: 1000px) {
.ct-ddCards .rhs-cards {
display: none;
}
}
@media (max-width: 1000px) {
.ct-ddCards {
padding: 0;
}
}
.left-sec-list .ct-ddCards__item {
padding-top: 20px;
}
@media (max-width: 1000px) {
.left-sec-list .ct-ddCards__item {
padding-top: 10px;
}
}
.ct-ddCardsFooter {
background-color: #f9fafb;
padding: 10px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
text-align: center;
}
@media (max-width: 1280px) {
.bb-header .main-nav > ul > li {
margin: 0 3px;
}
}
@media (max-width: 1024px) {
.bb-header .has-dropdown:after {
right: -4px;
}
.ct-ddCards__item {
width: auto;
}
}
@media (max-width: 1000px) {
.bb-header {
background: #fff;
height: 70px;
}
.ct-mobile-link {
height: 50px;
}
.nav-open .dropdown-main-wrapper {
background: #fff;
text-align: center;
}
.bb-header .dropdown-main-wrapper .label {
text-align: left;
}
.bb-header .dropdown .mbl-arrow {
background: url(/wp-content/themes/babblebots/assets/images/down-arrow.svg)
center center no-repeat;
position: absolute;
top: 0px;
right: 10px;
display: inline-block;
padding: 20px 20px;
background-size: initial;
}
.bb-header .dropdown.active .mbl-arrow {
transform: rotate(0deg);
}
.bb-header .dropdown {
padding: 0px;
position: relative;
}
.bb-header .dropdown .content {
display: none;
padding: 0 0px 5px 0px;
}
.descFeatured {
padding-bottom: 5px;
}
}
@media (min-width: 1000px) {
.three-col-li {
min-width: 1083px;
max-width: 1083px;
}
.three-col-li .content {
width: 100%;
}
.one-col-li {
min-width: 280px;
max-width: 280px;
}
.one-col-li .content {
width: 100%;
}
.two-col-li {
min-width: 723px;
max-width: 723px;
}
.two-col-li .content {
width: 100%;
}
.bb-header .dropdown a,
.bb-header .dropdown div,
.bb-header .dropdown label,
.bb-header .dropdown span {
vertical-align: middle;
}
.menu-head .left-menu-head-content {
display: inline-block;
line-height: 1;
}
.menu-head .left-menu-head-content span {
text-align: left;
text-decoration: none;
text-transform: uppercase;
color: #000 !important;
display: block;
margin: 10px 0 5px 0px;
font-size: 12px;
}
.menu-head .left-menu-head-content h8 {
text-decoration: none;
text-align: left;
font-size: 18px;
color: #101727;
}
.menu-head .right-menu-head-content {
width: 53%;
display: inline-block;
}
.lhs-rhs .content {
padding-right: 0;
}
.lhs-rhs .ct-ddCards__item a,
.lhs-rhs .ct-ddCards__item div,
.lhs-rhs .ct-ddCards__item label,
.lhs-rhs .ct-ddCards__item span {
vertical-align: top;
}
.menu-icon {
margin: 5px 28px 0 0;
width: 32px;
display: inline-block;
height: 32px;
}
}
@media (max-width: 1000px) {
.ct-ddCards a.contact.c-btn.c-btn-reverse {
margin: 20px !important;
}
.ct-ddCards__item {
width: 100% !important;
}
.icon-rendermax {
background-position: 0px -1553px !important;
}
.icon-signedcall {
background-position: 0px -1551px !important;
}
.icon-webmessaging {
background-position: 0px -1620px !important;
}
.icon-scribe {
background-position: 0 -1700px !important;
}
.icon-intellinode {
background-position: 0 -1781px !important;
}
.menu-head {
display: none;
}
.ct-ddCards a .ct-ddCards__title {
position: relative;
top: -5px;
}
#dd-product .l-separator.hideMbl {
display: none;
}
.no-blue a {
color: #3b43ff !important;
}
body .menu-head .left-menu-head-content span {
color: #101727 !important;
}
}
sup.new-tag {
margin-left: 3px;
color: #dc2625;
}
.menu-backdrop-active:before {
content: "" !important;
position: fixed !important;
background: #000 !important;
opacity: 0.25 !important;
width: 1000% !important;
height: 2000px !important;
top: 38px !important;
left: 0 !important;
right: 0 !important;
z-index: 999 !important;
}
.bb-header .dropdown-list li,
.bb-header .dropdown-list ul,
.bb-header ul {
list-style: none !important;
}
.c-btn {
white-space: nowrap;
display: inline-block;
line-height: 2.2;
padding: 0px 28px;
background: #3b43ff;
border-radius: 6px;
font-size: 24px;
font-weight: bold;
color: #fff;
text-decoration: none;
position: relative;
overflow: hidden;
border: 1px solid #3b43ff;
transition: all 0.2s ease;
z-index: 1;
cursor: pointer !important;
}
.c-btn:hover {
text-decoration: none;
border: 1px solid #3b43ff;
background-color: #252bc2;
}
@media (max-width: 1000px) {
.c-btn {
padding: 2px 25px;
font-size: 16px;
margin: 10px 0;
}
}
.c-btn.c-btn-reverse {
background-color: #fff;
border: 1px solid #001e3c;
color: #001e3c;
}
.c-btn.c-btn-reverse:hover {
text-decoration: none;
background-color: #ddeaf1;
border: 1px solid #001e3c;
color: #001e3c !important;
}
.c-btn.c-btn-arrow {
border: 0;
color: #3b43ff;
font-size: 18px;
text-align: left;
padding: 16px 24px;
transition: all 0.4s ease;
background: url("/wp-content/themes/babblebots/assets/images/arrow-icon.svg")
center right no-repeat;
}
.c-btn.c-btn-arrow:hover {
text-decoration: none;
padding-right: 30px;
}
.c-btn.c-link-arrow {
border: 0;
color: #3b43ff;
font-size: 18px;
text-align: left;
padding: 0;
transition: all 0.4s ease;
padding-right: 35px;
background: url(/wp-content/themes/babblebots/assets/images/arrow-icon.svg)
center right no-repeat;
background-position: 150px 11px;
}
.c-btn.c-link-arrow:hover {
text-decoration: none;
background: url(/wp-content/themes/babblebots/assets/images/arrow-icon.svg)
center right no-repeat;
background-position: 155px 11px;
}
.c-btn.c-link-arrow:after {
display: none;
}
.c-btn.c-btn-no-border {
border: 0 !important;
background: none !important;
text-indent: -9999px;
padding-left: 0;
padding-top: 0;
margin-left: -10px;
}
.c-btn.disabled {
background: #e5e7eb !important;
border: 1px solid #e5e7eb !important;
color: #9ca3b0;
pointer-events: none;
}
.c-btn.disabled:hover {
color: #9ca3b0 !important;
}
.c-btn.fs-18 {
font-size: 18px;
}
.c-primary-btn {
white-space: nowrap;
display: inline-block;
font-weight: 600;
padding: 0 20px;
font-size: 14px;
line-height: 40px;
border-radius: 4px;
transition: all 0.15s ease;
box-shadow: 0 2px 4px 0 rgba(78, 84, 108, 0.25);
text-decoration: none;
background-color: #3b43ff;
color: #fff;
}
.c-primary-btn:hover {
transform: translateY(-1px);
background-color: #252bc2;
text-decoration: none;
color: #fff;
}
.c-primary-btn--is-disabled {
background-color: #252bc2;
text-decoration: none;
pointer-events: none;
}
.c-primary-btn:active {
box-shadow: inset 0 2px 0 0 rgba(78, 84, 108, 0.25),
0 2px 4px 0 rgba(78, 84, 108, 0.25);
}
.small-btn {
font-size: 16px;
padding: 16px 24px;
line-height: initial;
}
.smallest-btn {
font-size: 14px;
padding: 6px 24px;
line-height: initial;
}
.smallest-btn:after {
background-size: 14px !important;
position: relative;
top: 4px;
}
.large-btn {
color: #fff;
font-size: 16px;
font-style: normal;
font-weight: 700;
display: inline-flex;
padding: 16px 24px;
align-items: center;
line-height: 24px;
}
.large-btn.no-arrow:after {
display: none !important;
}
@media (max-width: 1000px) {
.large-btn {
padding: 10px 24px;
}
}
.medium-btn {
padding: 10px 24px;
color: #fff;
font-size: 16px;
font-style: normal;
font-weight: 700;
display: inline-flex;
align-items: center;
line-height: 24px;
}
.medium-btn.no-arrow:after {
display: none !important;
}
.regular-btn {
padding: 6px 24px;
color: #fff;
font-size: 16px;
font-style: normal;
font-weight: 700;
display: inline-flex;
align-items: center;
line-height: 24px;
}
.regular-btn.no-arrow:after {
display: none !important;
}
.small-btn {
padding: 4px 24px;
color: #fff;
font-size: 16px;
font-style: normal;
font-weight: 700;
display: inline-flex;
align-items: center;
line-height: 24px;
}
.small-btn.no-arrow:after {
display: none !important;
}
.c-btn::after {
background: url(/wp-content/themes/babblebots/assets/images/arrow-icon.svg)
no-repeat;
content: "";
height: 18px;
width: 18px;
display: inline-flex;
margin-left: 8px;
background-size: cover;
}
.c-btn-reverse::after {
background: url(/wp-content/themes/babblebots/assets/images/arrow-icon.svg)
no-repeat;
content: "";
height: 18px;
width: 18px;
display: inline-flex;
margin-left: 8px;
background-size: cover;
}
.c-btn.only-anchor::after {
background: url(/wp-content/themes/babblebots/assets/images/arrow-icon.svg)
no-repeat;
}
.c-btn-arrow::after {
width: auto;
}
.large-link {
font-size: 24px !important;
}
.medium-link {
font-size: 20px !important;
}
.regular-link {
font-size: 16px !important;
}
.sec-2.home-sec-2 .slider-nav .slick-slide {
width: 40% !important;
}
.sec-2.home-sec-2 .slider-nav .slick-slide:last-child {
width: auto !important;
}
html .home .videoHomeBanner {
width: 100%;
overflow: hidden;
border-radius: 30px;
}
@media (max-width: 1000px) {
html .home .videoHomeBanner {
border-radius: 15px;
}
}
html .home .whatsNew_model_label {
top: 90%;
}
html .home .heroContent .rhs-align img {
float: right;
margin-top: 40px;
}
html .home .txt-rotate {
display: block;
font-size: 66px;
min-height: 80px;
}
html .home .whatsNew_model.modal_popup .content.heroContent .lhs-align {
width: 50%;
}
@media only screen and (max-width: 1000px) {
html .home header.bb-header.padding-top {
top: 0;
padding-top: 0;
}
html .home .whatsNew_model.modal_popup .content.heroContent .lhs-align {
width: auto;
}
html .home .whatsNew_model.modal_popup .content.heroContent .rhs-align {
display: block;
}
}
@media screen and (min-height: 800px) {
html .home .app-banner .heroContent {
top: 54%;
}
}
@media only screen and (min-width: 1024px) {
html .home .l-container.get-started-block .l-textfield {
width: calc((100% - 180px) / 4);
}
}
html .home .pillars-main .c-insightsBox {
min-width: 33%;
width: 32.2580645161%;
}
html .home .pillars-main .accordion-image-tab img {
top: 0px;
}
html .home .ppcpages {
padding-bottom: 0;
}
html .home .ppcpages .c-babblebots-Customers {
min-height: 90px;
padding: 0px;
}
html .home .fixed-nav .app-banner .bb-logo {
filter: initial !important;
}
html .home .c-insightsBox:hover {
box-shadow: none;
border: none;
transform: none;
}
html .home .c-insightsBox .p7 {
display: table;
}
html .home .c-customerTestimonialSlider__pic {
margin: 0px;
}
html .home .customer__dummy {
transform: initial;
top: -4em;
}
html .home .top_banner {
min-height: 100px;
background-size: 100% !important;
padding: 20px 50px;
margin-top: -20px;
margin-bottom: 20px;
overflow: hidden;
transition: 0.3s ease all;
}
@media (max-width: 1024px) {
html .home .top_banner {
padding: 20px 0px;
}
}
@media (max-width: 1000px) {
html .home .top_banner {
background-size: 100% !important;
text-align: center;
padding: 40px 20px 25px 20px;
}
}
html .home .top_banner .lhsDiv {
display: inline-block;
vertical-align: top;
border-right: 1px solid #00cbef;
margin-right: 80px;
padding-right: 80px;
font-size: 16px;
color: #fff;
min-width: 49%;
}
@media (max-width: 1024px) {
html .home .top_banner .lhsDiv {
margin-right: 40px;
padding-right: 40px;
min-width: 60%;
}
}
@media (max-width: 1000px) {
html .home .top_banner .lhsDiv {
border-right: 0;
padding-right: 0px;
padding-bottom: 20px;
border-bottom: 1px solid #00cbef;
max-width: 300px;
display: block;
margin: 0 auto;
margin-bottom: 20px;
}
}
html .home .top_banner .lhsDiv .highlightTxt {
letter-spacing: 1.2px;
color: #00cbef !important;
font-size: 22px;
display: block;
text-align: left;
margin-bottom: 5px;
}
@media (max-width: 1000px) {
html .home .top_banner .lhsDiv .highlightTxt {
text-align: center;
}
}
html .home .top_banner .rhsDiv {
display: inline-block;
vertical-align: top;
min-width: 45%;
}
@media (max-width: 1024px) {
html .home .top_banner .rhsDiv {
min-width: 36%;
}
}
html .home .top_banner .rhsDiv img {
max-width: 186px;
margin-top: 5px;
}
@media (max-width: 1024px) {
html .home .top_banner .rhsDiv img {
max-width: 165px;
}
}
@media (max-width: 1000px) {
html .home .top_banner .rhsDiv img {
display: block;
margin: 12px auto;
margin-bottom: 25px;
}
}
html .home .featured-resources-list .c-learnMore .c-btn {
white-space: initial;
line-height: 22px;
padding-right: 0px;
}
html .home .sliding-title h6 {
display: inline;
margin-right: 20px;
}
html .home .sliding-title h6::after {
content: "";
border-right: 1px solid #101727;
margin-left: 10px;
}
html .home .sliding-title .full-width-slider {
padding: 20px 0px;
}
html .home .sliding-title h8 {
font-size: 18px;
display: inline;
margin-right: 15px;
}
html .home .sliding-title button.slick-prev.slick-arrow {
display: none !important;
}
html .home .sliding-title button.slick-next.slick-arrow {
display: none !important;
}
html .home .badges-title {
color: #fff;
display: inline-block;
width: 15%;
vertical-align: middle;
}
html .home .badges-section {
width: 68%;
display: inline-block;
vertical-align: middle;
text-align: center;
margin: 0 auto;
}
@media (max-width: 1024px) {
html .home .badges-section {
width: 75%;
}
}
html .home .author_desigt img {
height: 25px;
width: auto !important;
max-width: initial !important;
}
html .home .slick-prev.slick-arrow {
color: rgba(0, 0, 0, 0);
background-size: contain;
background-repeat: no-repeat;
width: 15px;
transform: rotate(180deg);
position: absolute;
right: 190px;
bottom: 40px;
width: 14px;
height: 27px;
z-index: 9;
}
html .home .slick-next.slick-arrow {
color: rgba(0, 0, 0, 0);
background-size: contain;
background-repeat: no-repeat;
width: 15px;
position: absolute;
right: 130px;
bottom: 40px;
width: 14px;
height: 27px;
}
html .home .banner-60-40 .rhs-align {
width: 43%;
}
html .home .c-babblebots-Customers {
min-height: 86px;
margin-top: 20px;
}
.c-learnMore__content .res-cat {
margin-bottom: 10px;
display: inline-block;
text-decoration: none !important;
}
.list-items-tick {
display: flex;
margin-top: 20px;
}
@media (max-width: 1000px) {
.list-items-tick {
display: block;
}
}
.list-items-tick li {
padding: 10px;
min-width: 33%;
}
@media (max-width: 1000px) {
.list-items-tick li {
width: 100%;
}
}
.list-items-tick .icon-tick-green {
margin: -5px 15px 0 0;
}
.list-items-tick .icon-tick-green::after {
content: "";
display: block;
width: 9px;
height: 18px;
border: solid #20de27;
border-width: 0 3px 3px 0;
transform: rotate(45deg);
border-radius: 2px;
margin: 0 auto;
}
.archive .wrapper.blog-wrp-ct,
.category .wrapper.blog-wrp-ct {
padding-top: 60px;
}
.home .home-wrap .heroContent {
background: #fff;
position: relative;
padding: 80px 48px;
overflow: hidden;
border-radius: 48px;
border: 1px solid #d4bda4;
}
.home .home-wrap .heroContent::before {
content: "";
border-radius: 1249.766px;
opacity: 0.4;
background: rgba(59, 67, 255, 0.34);
filter: blur(70px);
bottom: -10%;
left: -1%;
z-index: 1;
width: 350px;
height: 300px;
position: absolute;
}
.home .home-wrap .heroContent .banner-70-30 .lhs-align {
z-index: 2;
position: relative;
}
.home .home-wrap .heroContent .rhs-align {
position: absolute;
right: -15%;
bottom: -10px;
width: 50%;
}
.home .home-wrap .heroContent .rhs-align video {
width: 400px;
}
@media (max-width: 1000px) {
.home .home-wrap {
overflow-x: hidden;
}
}
.home .c-babblebots-Customers {
border-bottom: 0;
}
@media (max-width: 1000px) {
.home .heroContent .u-tac.u-PT30 {
padding-top: 0;
}
.home .heroContent .lhs-align {
width: 100%;
}
.home .heroContent .container {
width: auto;
}
.home .bb-header {
background: rgba(0, 0, 0, 0) !important;
box-shadow: none;
}
.home .bb-header .dropdown .align-right a {
text-transform: initial;
}
.home .nav-logo-wrap {
background: rgba(0, 0, 0, 0);
}
}
@media (max-width: 1000px) {
.home .c-customerTestimonialSlider__boi {
border: none;
}
.home .pillars-main .c-insightsBox {
padding: 30px 0px;
}
.home .pillars-main .heroContent .lhs-align .u-tac .c-btn {
margin-right: 0px;
}
.home .section-bg-footer:before {
background: initial;
}
.home #nav-toggle span {
background: #344054;
}
.home #nav-toggle span:before {
background: #344054;
}
.home #nav-toggle span:after {
background: #344054;
}
.home #nav-toggle.active span {
background-color: rgba(0, 0, 0, 0) !important;
}
.home #nav-toggle.active span:before {
background: #344054 !important;
}
.home #nav-toggle.active span:after {
background: #344054 !important;
}
.home .pillars-main .c-insightsBox {
min-width: 100% !important;
width: 32.2580645161%;
}
.home .unify-div .c-customerTestimonialSlider__details {
padding: 20px 10px !important;
}
.home .speed-div {
padding-bottom: 0px !important;
}
.home .speed-div .c-customerTestimonialSlider__details {
padding-bottom: 0px !important;
}
.home .speed-div img.desk-none.lazyloaded {
padding-bottom: 0px;
}
}
@media only screen and (min-width: 1000px) {
.home .top-padding-relative {
position: relative;
margin-bottom: -600px;
padding-bottom: 700px;
}
}
@media only screen and (max-width: 1100px) {
.home .top-padding-relative {
overflow-x: hidden;
}
}
.music-nodes {
filter: grayscale(1);
opacity: 0.3;
position: absolute;
right: 0;
bottom: 0;
left: 0;
margin: 0 auto;
width: 100%;
height: 100%;
background-size: cover !important;
background: url("/wp-content/themes/babblebots/assets/images/music-nodes.svg")
top center no-repeat;
}
@media (max-width: 1000px) {
.music-nodes {
display: none !important;
}
}
.brands-div .ppcpages {
position: relative;
z-index: 2;
padding-top: 20px;
}
.hire-better-wrapper {
position: relative;
}
.hire-better-wrapper:after {
content: "";
position: absolute;
width: 80%;
height: 70%;
top: 10%;
right: 0;
left: 0;
margin: 0 auto;
border-radius: 1249.766px;
opacity: 0.3;
background: linear-gradient(180deg, #45ccfe 0%, #635bff 100%);
filter: blur(70px);
z-index: 1;
}
.hire-better-wrapper .hire-better-slides {
z-index: 2;
position: relative;
}
.hire-better-wrapper .hire-better-slides::before {
display: none !important;
content: "";
position: absolute;
left: -40px;
top: 0;
height: 100%;
width: 140px;
background: url(/wp-content/themes/babblebots/assets/images/slider-patch.png)
top center no-repeat;
z-index: 1;
opacity: 0.9;
}
.hire-better-wrapper .hire-better-slides::after {
display: none !important;
content: "";
position: absolute;
right: -40px;
top: 0;
height: 100%;
width: 140px;
transform: rotate(180deg);
background: url(/wp-content/themes/babblebots/assets/images/slider-patch.png)
top center no-repeat;
z-index: 1;
opacity: 0.9;
}
.hire-better-wrapper .hire-better-slides .slick-slide {
text-align: center;
padding-top: 80px;
}
.hire-better-wrapper
.hire-better-slides
.slick-slide.slick-current.slick-active {
padding-top: 0px;
}
.hire-better-wrapper .hire-better-slides .hire-slides {
width: auto !important;
max-width: 750px;
padding: 15px;
}
.hire-better-wrapper .hire-better-slides .hire-slides img {
height: 560px;
width: 750px;
}
@media (max-width: 1000px) {
.hire-better-wrapper .hire-better-slides .hire-slides img {
height: auto;
width: auto;
}
}
@media (max-width: 1000px) {
.hire-better-wrapper .hire-better-slides .hire-slides {
padding: 0 10px;
}
}
.hire-better-wrapper.customers-testimonials-wrapper:after {
display: none;
content: "";
position: absolute;
width: 80%;
height: 70%;
top: 10%;
right: 0;
left: 0;
margin: 0 auto;
border-radius: 1249.766px;
opacity: 0.1;
background: linear-gradient(117deg, #ff134e 14.54%, #fdcb06 79.1%);
filter: blur(70px);
z-index: 1;
}
.hire-better-wrapper.customers-testimonials-wrapper .slick-slide {
padding-top: 0;
}
.hire-better-wrapper.customers-testimonials-wrapper .slick-slide img {
width: 100%;
height: 100%;
}
@media (max-width: 1000px) {
.hire-better-wrapper.customers-testimonials-wrapper .slick-slide img {
height: auto;
width: auto;
}
}
@media (max-width: 1000px) {
.home .soln-wrp.sec-2 {
padding-top: 60px;
background: #f5f4f9;
}
.home .soln-wrp.sec-2 .hdTab {
padding: 20px;
}
.home .soln-wrp.sec-2 .hdTab img {
max-height: 275px;
display: block;
margin: 0 auto;
}
.home .soln-wrp.sec-2 .hdTab .hdCntnt_wrp {
margin-top: 0;
padding-bottom: 20px;
padding-left: 10px;
padding-right: 10px;
margin-left: 0;
border-left: 0;
max-width: none;
text-align: center;
}
.home .soln-wrp.sec-2 .hdTab .hdCntnt_wrp .hdTitle-sub-mbl {
display: block;
font-size: 17px;
color: #3b43ff;
font-weight: 400;
padding: 10px 0 20px 0px;
text-align: left;
z-index: 2;
}
.home .soln-wrp.sec-2 .hdTab .hdCntnt_wrp .hdTitle {
font-size: 19px;
display: block;
}
.home .soln-wrp.sec-2 .hdTab .hdCntnt_wrp .hdCntnt {
text-align: left;
}
.home .soln-wrp.sec-2 .slick-wrap {
position: relative;
padding-bottom: 0px;
}
.home .soln-wrp.sec-2 .slick-wrap .bx-pager {
position: absolute;
bottom: -6%;
z-index: 2;
right: 0;
left: 0;
margin: 0 auto;
}
.home .soln-wrp.sec-2 .slick-wrap .bx-pager .slick-list {
text-align: center;
}
.home .soln-wrp.sec-2 .slick-wrap .bx-pager .slick-slide {
text-align: center;
text-indent: -99999px;
width: 14px !important;
height: 14px !important;
border-radius: 50%;
background: #a3a7b3;
display: inline-block;
margin: 0 5px 0 5px;
float: none;
}
.home
.soln-wrp.sec-2
.slick-wrap
.bx-pager
.slick-slide.slick-current.slick-active {
background: #3b43ff;
}
.home .home-sec-4 .u-soln-flex-wrap {
width: 100%;
overflow-x: auto;
scroll-snap-type: x mandatory;
scroll-behavior: smooth;
-webkit-overflow-scrolling: touch;
}
.home .home-sec-4 .u-soln-flex-wrap .u-flexbox {
width: 1260px;
display: block !important;
}
.home .home-sec-4 .c-insightsBox {
padding: 0px !important;
width: 200px !important;
float: left;
min-width: auto;
min-height: 175px;
}
.home .home-sec-4 .c-insightsBox .c-insightsBox__icon {
display: block !important;
max-width: 200px;
}
.home .home-sec-4 .c-insightsBox .c-insightsBox__icon .c-insightsBox__title {
padding-bottom: 0;
font-size: 20px;
}
.home .home-sec-4 .c-insightsBox .c-insightsBox__text {
display: none;
}
.home .u-features-sec .c-insightsBox {
opacity: 1;
width: 43%;
display: inline-block;
padding: 20px 20px 20px 20px;
overflow: hidden;
}
.home .u-features-sec .c-insightsBox .c-insightsBox__title {
font-size: 18px;
text-align: left;
min-height: 80px;
}
.home .u-features-sec .c-insightsBox .c-insightsBox__text {
display: none;
}
.home .u-features-sec .c-insightsBox .c-btn {
padding: 0px 10px;
font-size: 16px;
margin: 0;
}
}
@media (max-width: 1000px) and (max-width: 1000px) {
.home .u-features-sec .c-insightsBox {
padding: 20px 10px 20px 10px;
}
}
@media (max-width: 1000px) {
.home .app-banner .heroContent {
position: relative;
padding: 50px 20px;
right: 0;
left: 0;
top: 0;
transform: translate(0);
}
.home .heroContent .rhs-align {
display: none;
}
.home .soln-wrp.sec-2 .slick-wrap {
padding-top: 0;
}
}
.home-sec-4.soln-insights-box .c-insightsBox {
margin-bottom: 25px;
}
.u-heroFeaturePlayer {
width: 850px;
margin: 0 auto;
padding-top: 20px;
}
@media (max-width: 1024px) {
.u-heroFeaturePlayer {
width: 720px;
}
}
@media (max-width: 1000px) {
.u-heroFeaturePlayer {
width: 100%;
}
}
.u-heroFeaturePlayer__tp {
height: 36px;
width: 850px;
border-top-left-radius: 4px;
background-color: #003283;
display: block;
border-top-right-radius: 4px;
position: relative;
padding-top: 7px;
padding-left: 10px;
}
@media (max-width: 1024px) {
.u-heroFeaturePlayer__tp {
width: 720px;
}
}
@media (max-width: 1000px) {
.u-heroFeaturePlayer__tp {
width: 100%;
}
}
.u-heroFeaturePlayer__tp i {
height: 9.95px;
width: 9.94px;
background-color: rgba(255, 255, 255, 0.15);
display: inline-block;
border-radius: 100%;
margin-right: 5px;
}
.u-heroFeaturePlayer__bd {
height: 400px;
width: 850px;
background-color: #fff;
padding: 10px;
overflow: hidden;
cursor: pointer;
}
@media (max-width: 1024px) {
.u-heroFeaturePlayer__bd {
width: 720px;
}
}
@media (max-width: 1000px) {
.u-heroFeaturePlayer__bd {
width: 100%;
height: 180px;
}
}
#audio-control {
position: absolute;
bottom: 10%;
max-width: 30px;
left: 50%;
cursor: pointer;
min-width: 30px;
z-index: 1;
}
#audio-control:hover::after {
opacity: 0.9;
}
#audio-control img {
margin-top: 0;
filter: brightness(1000);
}
#audio-control::after {
content: "";
position: absolute;
width: 60px;
height: 60px;
background: #001e3c;
opacity: 0.7;
border-radius: 50%;
top: -15px;
left: -15px;
z-index: -1;
}
button.video-control {
left: 55%;
}
.app-banner.isSmall h1.partner_heading img.partner_img {
max-width: 40px;
position: relative;
top: 10px;
margin: 0 8px;
}
@media (max-width: 1000px) {
.featured-resources-list.topBottomSpace {
display: none;
}
.featured-resources-list .c-learnMore__item .read-more .tag {
line-height: 3.5;
}
.home .soln-wrp.sec-2 .slick-wrap .bx-pager .slick-track {
margin: 0 auto;
transform: none !important;
}
footer.section-footer.topBottomSpace {
padding-bottom: 0;
}
section.section-stats.topBottomSpace.wrapper.mobile .ele-circle-1 {
display: none;
}
section.section-stats.topBottomSpace.wrapper.mobile .stats-block {
border: 0;
padding-bottom: 20px;
}
}
@media only screen and (min-width: 1600px) {
.soln-wrp.sec-2 .hdTab .hdImg_wrp {
width: 63%;
}
}
@media only screen and (min-width: 1000px) {
section.sec-2.home-sec-2.soln-wrp.topBottomSpace .slick-track {
transform: none !important;
}
.soln-wrp.sec-2 .hdTab .hdImg_wrp {
text-align: center;
display: inline-block;
width: 65%;
vertical-align: top;
}
.soln-wrp.sec-2 .hdTab .hdImg_wrp img {
max-width: 740px;
transform: none;
}
}
@media only screen and (max-width: 1300px) {
.home .app-banner .heroContent {
max-width: 1220px;
top: 70%;
}
.home .soln-wrp.sec-2 .hdTab .hdImg_wrp {
width: 63%;
}
.home .soln-wrp.sec-2 .hdTab .hdImg_wrp img {
max-width: 720px;
}
.home .bg-cream .lhs-align {
width: auto;
}
}
@media only screen and (max-width: 1300px) and (max-width: 1000px) {
.home .bg-cream .lhs-align {
padding-bottom: 0 !important;
}
}
@media only screen and (max-width: 1300px) {
.scroll-reveal-section .item .text-holder {
padding-left: 40px;
padding-right: 40px;
}
.card-sticky-wrapper .industry-list-title {
width: 23.78%;
}
section.full-height-sec .left-sec {
padding-left: 2%;
}
}
@media screen and (max-width: 1200px) and (min-width: 1100px) {
.home .app-banner .heroContent {
max-width: 1100px;
top: 70%;
}
.home .soln-wrp.sec-2 .hdTab .hdImg_wrp {
width: 61%;
}
.home .soln-wrp.sec-2 .hdTab .hdImg_wrp img {
max-width: 720px;
}
body .c-customerTestimonialSlider__details {
width: 46%;
}
.features-revamp .c-sideTabs button.tablinks {
width: 180px;
}
.features-revamp .tabcontent .hdTab .feat_img_rhs {
max-width: 650px;
}
.featured-resources-list .c-learnMore__item {
width: 270px;
}
.sln-page-main-wrapper .c-insightsBox {
margin: 25px 18px 5px 0px;
}
.demoform_heroContent .banner-content .icon {
display: none;
}
}
@media (max-width: 1024px) {
.soln-wrp.sec-2 .hdTab .hdImg_wrp {
width: auto;
max-width: 500px;
margin: 0 auto;
}
.soln-wrp.sec-2 .hdTab .hdImg_wrp img {
max-width: none;
width: 100%;
}
}
.comp.modal.contact.js-journeyVideo.transition.active {
text-align: center;
}
.comp.modal.contact.js-journeyVideo iframe {
max-width: 800px;
max-height: 450px;
margin: 0 auto;
margin-top: 5%;
}
#got_app_select_box {
opacity: 0;
position: relative;
top: -38px;
height: 36px;
border: 0;
width: 96%;
margin: 0 auto;
display: block;
}
.ctrl-group.field-eu,
.ctrl-block.field-eu {
width: 100%;
display: none;
}
@media (max-width: 1000px) {
.home .u-side-block-title {
font-size: 22px !important;
line-height: 30px !important;
}
.with-grey-img h3.sub-hero-title {
max-width: 80%;
}
.with-grey-img h1 {
margin-top: 30px;
font-size: 24px !important;
}
.img-col.wrapper.topBottomSpace {
padding-bottom: 0px;
}
.quotes {
font-size: 50px;
min-height: 189px;
}
}
.fixed-nav #nav-toggle span:before {
background: #da3232 !important;
}
.fixed-nav #nav-toggle span:after {
background: #da3232 !important;
}
.fixed-nav #nav-toggle span {
background: #da3232;
}
.fixed-nav .bb-header .navToggle.active span {
background: rgba(0, 0, 0, 0) !important;
}
html {
scroll-behavior: smooth;
}
html .home.fixed-nav .app-banner.black .bb-logo {
filter: none !important;
}
@media (max-width: 1000px) {
html .home .nav-logo-wrap.topFixed {
position: fixed;
top: 0;
background: #fff !important;
z-index: 100;
width: 100%;
}
html .home .nav-logo-wrap.topFixed #nav-toggle {
top: 16px;
}
html .home .sliding-title h8 {
margin-right: 0;
margin-bottom: 10px;
display: block;
}
html .home .badges-section {
width: 100%;
}
html .home .badges-title {
width: 100%;
margin-bottom: 30px;
}
html .home .slick-prev.slick-arrow {
right: 40px;
bottom: -29px;
}
html .home .slick-next.slick-arrow {
right: 0px;
bottom: -30px;
}
html .home .author_desigt img {
margin: 0 auto;
margin-bottom: 20px;
margin-bottom: 20px;
margin-top: 20px;
}
html .home .new-testimonisl-lsyout2021 .author_desigt {
text-align: center;
display: block;
}
html .home .home .c-babblebots-Customers {
padding: 0px !important;
min-height: 90px !important;
margin-top: 0px;
}
html .home html .c-babblebots-Customers__logos {
margin-left: 0px;
}
html .home .security-logo {
margin: 10px !important;
}
}
@media (max-width: 1000px) {
html .video-scroll-animation {
width: 100% !important;
height: auto !important;
height: auto !important;
padding: 20px 0 !important;
}
html .pin-spacer.pin-spacer-video-scroll-animation {
margin: 0 !important;
width: 100% !important;
margin: 0 auto !important;
display: block !important;
padding-bottom: 0 !important;
height: 200px !important;
}
html .home-banner-btn {
padding-bottom: initial;
}
html .home-banner-btn a.c-btn {
margin-top: 0px;
}
.home-wrap .lhs-align {
width: 100%;
}
.single-img-div img {
max-width: 100% !important;
}
.brands-div .text-center {
margin-top: 0px !important;
}
.load-banner-anim {
display: none;
}
.bb-header {
border-bottom: none;
}
.video-wrapper {
border-radius: 8px !important;
width: 90% !important;
}
.home .app-banner.home-banner {
padding-bottom: 0px !important;
}
html .block.video-scroll-animation {
background: rgba(0, 0, 0, 0);
padding-top: 40px !important;
}
.html .home .ppcpages .c-babblebots-Customers {
padding-top: 0px !important;
}
html .home .brands-div .ppcpages {
padding-top: 0;
}
.award-text li {
vertical-align: text-top;
margin: 0px;
}
.awards-div .selected-startup {
margin-top: 24px;
margin-bottom: 0px;
}
.text-medium {
font-size: 14px;
}
li .review-str {
margin: 0px !important;
}
html .scroll-reveal-section .item .text-holder {
background: #fff;
width: 91%;
margin: 0 auto;
padding-bottom: 0px;
}
html .scroll-reveal-section {
background: #f9fbfd;
padding-top: 40px !important;
padding-bottom: 20px !important;
}
.c-btn.c-btn-arrow {
font-size: 16px !important;
}
.home-banner .c-link-arrow {
position: relative;
top: 5px;
margin-bottom: 0px;
}
html ul.award-text .review-str {
margin: 0px !important;
}
li.icon-badges {
margin-left: 0px !important;
}
.new-testimonisl-lsyout2023 .site.wrapper .anchor-sec .u-block-title {
font-size: 24px;
}
.new-testimonisl-lsyout2023 .testimonial .p7 {
font-size: 12px;
font-weight: 400;
}
html .featured-resources-list.topBottomSpace {
display: block;
}
html .home .resources-wrap {
margin-top: 0px !important;
}
}
.video-wrapper {
border-radius: 23.176px;
background: #fff;
max-width: 998px;
overflow: hidden;
position: relative;
z-index: 2;
}
@media (max-width: 1000px) {
.video-wrapper {
border: 0;
height: 200px !important;
width: 100%;
}
}
.video-wrapper .videoHomeThumbnail {
position: absolute;
top: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
margin: 0 auto;
}
.home .brands-div.topPadding {
margin-top: 0%;
}
#handstick {
margin-top: -5px;
}
.home-banner a.c-btn.c-btn-arrow {
vertical-align: top;
}
.home-banner video {
width: 100%;
height: 100%;
}
.home-wrap .bb-header {
z-index: 9999999;
}
.bg-cream .lhs-align {
padding: 0px;
width: 82%;
margin: 0 auto;
float: none;
text-align: center;
}
.home .c-learnMore__item {
padding: 10px 20px 20px 10px;
}
.candidate-wrap {
position: relative;
}
@media (max-width: 1000px) {
.candidate-wrap {
margin-top: 40px !important;
}
}
.candidate-wrap .slider-track {
transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
}
@media (max-width: 1000px) {
.candidate-wrap .my-flipster-slick {
margin-bottom: 20px;
}
}
.candidate-wrap .my-flipster-slick li {
list-style: none;
position: relative;
z-index: 1;
}
.candidate-wrap .my-flipster-slick li img {
transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
transform: scale(1);
padding: 2px;
}
.candidate-wrap .my-flipster-slick li.slick-active img {
transform: scale(1);
}
.gradient-right-blue {
position: relative;
z-index: 1;
}
.gradient-right-blue::after {
content: "";
border-radius: 1249.766px;
opacity: 0.3;
background: linear-gradient(180deg, #45ccfe 0%, #0075e9 100%);
filter: blur(70px);
position: absolute;
top: 0;
width: 100%;
height: 85%;
z-index: 0;
right: -50%;
z-index: -1;
}
@media (max-width: 1000px) {
.gradient-right-blue::after {
width: 60%;
}
}
@media (max-width: 1000px) {
.gradient-right-blue .c-50 .text-contain {
text-align: center !important;
}
.gradient-right-blue .c-50 .desc {
margin-bottom: 20px;
}
}
.gradient-left-blue {
position: relative;
z-index: 1;
min-height: 520px;
}
.gradient-left-blue::after {
content: "";
border-radius: 1249.766px;
opacity: 0.21;
background: linear-gradient(180deg, #ea3729 0%, #ff134e 100%);
filter: blur(70px);
position: absolute;
top: 0;
width: 100%;
height: 85%;
z-index: 0;
left: -50%;
z-index: -1;
}
@media (max-width: 1000px) {
.gradient-left-blue::after {
width: 60%;
}
}
@media (max-width: 1000px) {
.gradient-left-blue .c-50 .text-contain {
text-align: center !important;
}
.gradient-left-blue .c-50 .desc {
margin-bottom: 20px;
}
}
.gradient-peach-yellow {
border-radius: 48px;
background: #faf2e9;
width: 95%;
margin: 0 auto;
position: relative;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.gradient-peach-yellow .heroContent {
text-align: center;
}
.gradient-peach-yellow .heroContent .lhs-align {
width: 100% !important;
}
.gradient-peach-yellow.no-bg {
background: none !important;
}
.gradient-peach-yellow::after {
content: "";
position: absolute;
right: 0;
bottom: -6px;
background: url(/wp-content/themes/babblebots/assets/images/circle_line.svg)
top center no-repeat;
width: 400px;
height: 400px;
background-size: contain;
}
@media (max-width: 1000px) {
.gradient-peach-yellow::after {
width: 80px;
height: 80px;
}
}
.privacy-policy-content div,
.privacy-policy-content span {
font-size: 16px;
margin: 10px;
}
.privacy-policy-content h3 {
margin: 40px 0;
}
.slick-dots {
text-align: center;
margin-top: 20px;
}
.slick-dots li {
border-radius: 50%;
background: #9f9f9f;
width: 12px;
height: 12px;
text-indent: -9999px;
display: inline-block;
margin: 6px;
cursor: pointer;
}
.slick-dots li.slick-active,
.slick-dots li:hover {
background: #001e3c;
}
.stats-bb-wrapper {
background: #faf2e9 !important;
}
@media (max-width: 1000px) {
.stats-bb-wrapper.app-banner.gradient-peach-yellow {
padding-top: 0 !important;
}
}
.stats-bb-wrapper .heroContent {
background: none !important;
padding: 60px 48px !important;
}
@media (max-width: 1000px) {
.stats-bb-wrapper .heroContent {
padding: 30px 28px !important;
text-align: center;
}
.stats-bb-wrapper .heroContent .lhs-align h4 {
text-align: center !important;
}
}
.stats-bb-wrapper .heroContent::before {
display: none !important;
}
.stats-bb {
text-align: left;
}
.stats-bb ul {
display: inline-block;
}
.stats-bb ul li {
display: inline-block;
list-style: none;
font-size: 42px;
font-weight: bold;
text-align: left;
line-height: 1.1;
min-width: 280px;
}
@media (max-width: 1000px) {
.stats-bb ul li {
margin-bottom: 20px;
text-align: center;
font-size: 32px;
}
}
.stats-bb ul li span {
display: block;
font-weight: normal;
font-size: 20px;
margin-top: 10px;
}
@media (max-width: 1000px) {
.stats-bb ul li span {
font-size: 18px;
}
}
body .featured-resources-list {
padding-bottom: 90px;
}
.ct-tags {
padding: 2px;
background: #e6e7eb;
}
span.ct-tags:hover {
background: #f3f4f6;
text-decoration: underline;
}
.u-marketing-needs.u-features-sec {
padding-bottom: 90px;
position: relative;
overflow: hidden;
}
.u-marketing-needs.u-features-sec .ele-circle-1 {
top: -150px;
right: 10%;
display: none;
}
.u-marketing-needs.u-features-sec .ele-circle-1 .ele-circle {
left: 0;
right: auto;
}
.u-marketing-needs.u-features-sec .ele-circle-1 .ele-circle.ele-circle-4 {
right: 13%;
left: auto;
top: 65%;
}
@media (max-width: 1000px) {
.u-marketing-needs.u-features-sec .ele-circle-1 {
width: 120px;
height: 120px;
top: -80px;
right: 0%;
}
.u-marketing-needs.u-features-sec .ele-circle-1 .ele-circle {
width: 70px;
height: 70px;
}
.u-marketing-needs.u-features-sec .ele-circle-1 .ele-circle.ele-circle-3 {
width: 50px;
height: 50px;
}
.u-marketing-needs.u-features-sec .ele-circle-1 .ele-circle.ele-circle-4 {
width: 25px;
height: 25px;
}
}
.c-learnMore {
margin-top: 40px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
justify-content: space-between;
}
.c-learnMore__item {
width: 400px;
position: relative;
float: left;
padding: 10px 20px 20px 10px;
border-radius: 8px;
background-color: #fff;
overflow: hidden;
}
.c-learnMore__item.read-more .more {
font-size: 14px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
letter-spacing: normal;
text-decoration: none;
float: left;
line-height: 2.2;
padding: 0 11px;
}
.c-learnMore__item.read-more .tag {
font-size: 14px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 2.4;
letter-spacing: normal;
color: #001e3c;
float: right;
text-decoration: none;
}
.c-learnMore__item.read-more .tag a {
color: #001e3c;
}
.c-learnMore__item .info-pill {
background-color: #e04273;
color: #fff;
font-size: 12px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
color: #fff;
display: inline-block;
padding: 5px 15px;
margin-bottom: 15px;
}
.c-learnMore__item:hover {
text-decoration: none;
}
@media (max-width: 1024px) {
.c-learnMore__item {
margin: 0 15px 0 0;
}
.c-learnMore__item:last-child {
margin-bottom: 0;
}
}
.c-learnMore__img {
height: 145px;
background-size: cover;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
-webkit-border-top-left-radius: 4px;
-moz-border-top-left-radius: 4px;
border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-top-right-radius: 4px;
border-top-right-radius: 4px;
}
.c-learnMore__cat {
font-weight: 700;
line-height: 20px;
text-transform: uppercase;
letter-spacing: 2px;
padding: 0 6px;
border-radius: 3px;
background-color: #ff893c;
color: #fff;
position: absolute;
text-align: center;
font-size: 10px;
left: 30px;
top: 120px;
}
.c-learnMore__content {
padding: 30px;
max-height: 250px;
overflow: hidden;
}
@media (max-width: 1024px) {
.c-learnMore__content {
padding: 6px !important;
}
}
@media (max-width: 1000px) {
.c-learnMore__content {
padding: 15px !important;
}
}
.c-learnMore__title {
font-size: 20px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: 1.3;
letter-spacing: normal;
color: #000;
min-height: 90px;
margin-bottom: 20px;
}
@media (max-width: 1024px) {
.c-learnMore__title {
min-height: 105px;
}
}
.c-learnMore__text {
color: #84899c;
font-size: 15px;
font-weight: 500;
line-height: 21px;
padding-top: 10px;
}
.info-pill.ver-1 {
color: #101727;
font-weight: 600;
letter-spacing: 0.7px;
font-style: normal;
font-stretch: normal;
line-height: normal;
display: inline-block;
margin-bottom: 15px;
background: #e5e7eb !important;
text-decoration: none;
opacity: 1;
text-transform: uppercase;
font-size: 12px;
padding: 2px;
margin-right: 2px;
}
html .gpld .tag {
color: #101727;
display: inline-block;
font-weight: 600;
letter-spacing: 0.7px;
font-style: normal;
font-stretch: normal;
line-height: normal;
background: #e5e7eb !important;
text-decoration: none;
opacity: 1;
text-transform: uppercase;
font-size: 12px;
padding: 2px !important;
}
section.testimonial_wrp section {
padding-bottom: 0;
}
.c-customerTestimonial {
background-color: #fff;
margin: 40px auto auto;
padding: 40px 0;
position: relative;
}
@media (max-width: 1000px) {
.c-customerTestimonial {
max-width: 340px;
width: 100%;
padding: 20px;
padding-bottom: 80px;
}
}
.c-customerTestimonial .bx-prev {
position: absolute;
left: -40px;
top: 50%;
background: url(/wp-content/themes/babblebots/assets/img/icons/arrow-left.svg)
0 0 no-repeat;
width: 18px;
height: 25px;
text-indent: -99999px;
}
@media (max-width: 1000px) {
.c-customerTestimonial .bx-prev {
display: none;
}
}
.c-customerTestimonial .bx-next {
right: -42px;
position: absolute;
top: 50%;
background: url(/wp-content/themes/babblebots/assets/img/icons/arrow-right.svg)
0 0 no-repeat;
width: 18px;
height: 25px;
text-indent: -99999px;
}
@media (max-width: 1000px) {
.c-customerTestimonial .bx-next {
display: none;
}
}
.c-customerTestimonial .bx-pager {
position: absolute;
bottom: -38px;
width: 480px;
text-align: center;
}
@media (max-width: 1000px) {
.c-customerTestimonial .bx-pager {
width: 90%;
}
}
.c-customerTestimonial .bx-pager .bx-pager-item {
display: inline-block;
}
.c-customerTestimonial .bx-pager .bx-pager-item .bx-pager-link {
text-indent: -9999px;
display: inline-block;
height: 5px;
width: 5px;
border-radius: 7px;
margin: 0 5px;
background-color: #afb2bd;
}
.c-customerTestimonial .c-testimonial-nav {
padding-bottom: 0px;
position: static !important;
}
@media (max-width: 1000px) {
.c-customerTestimonial .c-testimonial-nav {
padding: 25px 0 0 0;
border: 1px solid #ccc;
border-bottom: 0;
margin: 0px auto !important;
width: 100%;
}
.c-customerTestimonial .c-testimonial-nav .slick-dots {
position: absolute;
width: 100%;
right: 0;
left: 0;
bottom: 5%;
margin: 0 auto;
list-style: none;
text-align: center;
}
.c-customerTestimonial .c-testimonial-nav .slick-dots li {
text-align: center;
text-indent: -99999px;
width: 14px !important;
height: 14px !important;
border-radius: 50%;
background: #a3a7b3;
display: inline-block;
margin: 0 5px 0 5px;
float: none;
}
.c-customerTestimonial .c-testimonial-nav .slick-dots li.slick-active {
background: #3b43ff;
}
}
.c-customerTestimonial .c-testimonial-nav img {
max-width: 200px;
}
.c-customerTestimonialSlider {
margin: 0;
padding: 0;
list-style: none;
}
.c-customerTestimonialSlider__item {
display: block !important;
margin: 0 auto;
box-sizing: border-box;
max-width: 1340px;
padding: 0 1%;
}
@media (max-width: 1024px) {
.c-customerTestimonialSlider__item {
max-width: none;
}
}
@media (max-width: 1000px) {
.c-customerTestimonialSlider__item {
max-width: none;
}
}
.c-customerTestimonialSlider__stats {
padding-right: 30px;
position: relative;
left: -30px;
opacity: 0;
}
@media (max-width: 1000px) {
.c-customerTestimonialSlider__stats {
display: none !important;
}
}
.c-customerTestimonialSlider
.slick-current
.c-customerTestimonialSlider__stats {
left: 0px;
opacity: 1;
}
.c-customerTestimonialSlider
.slick-current
.c-customerTestimonialSlider__details {
right: 0px;
opacity: 1;
}
.c-customerTestimonialSlider__title {
color: #ff893c;
font-size: 18px;
font-weight: bold;
line-height: 22px;
margin-bottom: 30px;
}
@media (max-width: 1000px) {
.c-customerTestimonialSlider__title {
font-size: 16px;
line-height: 20px;
margin-bottom: 16px;
text-align: center;
}
}
.c-customerTestimonialSlider__text {
color: #5a627b;
font-size: 17px;
font-weight: 500;
line-height: 24px;
min-height: 150px;
}
@media (max-width: 1000px) {
.c-customerTestimonialSlider__text {
font-size: 14px;
text-align: center;
min-height: 190px;
}
}
.c-customerTestimonialSlider__boi {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
}
@media (max-width: 1000px) {
.c-customerTestimonialSlider__boi {
display: block !important;
text-align: center;
width: 100% !important;
border: 1px solid #ccc;
border-top: 0;
padding: 20px 10px !important;
}
}
.c-customerTestimonialSlider__boi .ctr-stats-wrap {
position: relative;
margin-bottom: 30px;
}
.c-customerTestimonialSlider__boi .ctr-stats-wrap .ctr-stat-list {
position: relative;
}
.c-customerTestimonialSlider__boi .ctr-stats-wrap .ctr-stats {
font-size: 16.02px;
}
.c-customerTestimonialSlider__boi .ctr-stats-wrap .ctr-stats span {
font-size: 49.91px;
line-height: 59px;
}
.c-customerTestimonialSlider__boi .ctr-stats-wrap .ctr-stat-list p {
font-size: 14.44px;
}
.c-customerTestimonialSlider__boi .ctr-stats-wrap .up-arrow {
position: relative;
}
.c-customerTestimonialSlider__boi .ctr-stats-wrap .up-arrow .icon {
position: absolute;
top: 24px;
left: auto;
right: 20%;
width: 35px;
height: 20px;
transform: rotate(-90deg);
}
.c-customerTestimonialSlider__boi .ctr-stats-wrap .up-arrow .icon .arrow {
position: absolute;
top: 25px;
width: 100%;
height: 4px;
background-color: #fff;
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
animation: arrow 700ms linear infinite;
border-radius: 10px;
}
.c-customerTestimonialSlider__boi
.ctr-stats-wrap
.up-arrow
.icon
.arrow::before {
content: "";
position: absolute;
width: 4px;
height: 20px;
top: -14px;
right: 3px;
background-color: #fff;
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
transform: rotate(-45deg);
border-radius: 10px;
}
.c-customerTestimonialSlider__boi
.ctr-stats-wrap
.up-arrow
.icon
.arrow::after {
content: "";
position: absolute;
width: 4px;
height: 20px;
top: -1px;
right: 3px;
background-color: #fff;
transform: rotate(45deg);
border-radius: 10px;
}
@media (max-width: 1000px) {
.c-customerTestimonialSlider__boi .ctr-stats-wrap .up-arrow .icon {
display: none;
}
}
@media (max-width: 1000px) {
.c-customerTestimonialSlider__boi .ctr-stats-wrap {
display: none;
}
}
.c-customerTestimonialSlider__boi .c-customerTestimonialSlider__cntnt {
margin-bottom: 25px;
line-height: 1.7;
}
.c-customerTestimonialSlider__boi .c-customerTestimonialSlider__details .c-btn {
position: relative;
font-size: 18px;
}
@media (max-width: 1000px) {
.c-customerTestimonialSlider__boi
.c-customerTestimonialSlider__details
.c-btn {
right: 0px;
}
}
@media (max-width: 1000px) {
.c-customerTestimonialSlider__boi
.c-customerTestimonialSlider__details
.c-btn {
margin-top: 20px;
}
}
.c-customerTestimonialSlider__logo {
max-width: 100px;
max-height: 26px;
}
@media (max-width: 1000px) {
.c-customerTestimonialSlider__logo {
max-width: 80px;
}
}
.c-customerTestimonialSlider__pic {
float: right;
margin-right: 10px;
position: relative;
width: 50%;
}
.c-customerTestimonialSlider__pic img {
width: auto !important;
}
@media (max-width: 1000px) {
.c-customerTestimonialSlider__pic {
float: none;
margin: 0;
width: 100% !important;
}
}
.c-customerTestimonialSlider__details {
float: left;
width: 45%;
margin-top: 5px;
}
@media (max-width: 1000px) {
.c-customerTestimonialSlider__details {
float: none;
width: auto !important;
clear: both !important;
margin: 0 !important;
padding-top: 20px !important;
}
}
@media (max-width: 1000px) {
.c-customerTestimonialSlider__details .c-btn {
position: relative;
margin-top: 20px;
}
}
.c-customerTestimonialSlider__details .auth_img {
overflow: hidden;
border-radius: 50%;
width: 58px;
height: 58px;
float: left;
margin-right: 15px;
}
@media (max-width: 1000px) {
.c-customerTestimonialSlider__details .auth_img {
display: none !important;
}
}
.c-customerTestimonialSlider__name {
font-size: 18px;
font-weight: 600;
font-style: normal;
font-stretch: normal;
line-height: 1.2;
letter-spacing: normal;
color: #101727;
display: inline-block;
}
@media (max-width: 1000px) {
.c-customerTestimonialSlider__name {
font-size: 14px;
}
}
.c-customerTestimonialSlider__post {
font-size: 14px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 2.19;
letter-spacing: normal;
color: #9ca3b0;
display: inline-block;
}
@media (max-width: 1000px) {
.c-customerTestimonialSlider__post {
font-size: 14px;
}
}
.c-customerTestimonialSlider__cntnt {
font-size: 16px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 2.19;
letter-spacing: normal;
color: #101727;
margin-bottom: 45px;
}
@media (max-width: 1000px) {
.c-customerTestimonialSlider__cntnt {
line-height: 1.5;
}
}
.c-customerTestimonialSlider .p1 {
text-align: left;
}
@media (max-width: 1000px) {
.c-customerTestimonialSlider .p1 {
text-align: center;
}
}
.c-customerTestimonialSlider .c-customerTestimonialSlider__post {
display: block;
}
.c-customerTestimonialSlider .slick-initialized .slick-slide {
display: block;
position: relative;
text-align: center;
}
.c-testimonial-nav .slick-list.draggable {
padding: 0 !important;
}
@media (min-width: 1025px) {
.c-testimonial-nav .slick-list.draggable .slick-track {
margin: 0 auto;
transform: none !important;
}
}
.c-testimonial-nav .slick-slide {
cursor: pointer;
}
.c-testimonial-nav .tstml-nav-list {
cursor: pointer !important;
opacity: 0.4;
filter: grayscale(100%);
transition: all 0.2s linear;
}
.c-testimonial-nav .tstml-nav-list img {
cursor: pointer;
width: auto;
margin: 0 auto;
transform: scale(1) !important;
}
@media (max-width: 1024px) {
.c-testimonial-nav .tstml-nav-list img {
max-width: 70%;
}
}
.c-testimonial-nav .tstml-nav-list:hover,
.c-testimonial-nav .tstml-nav-list:focus {
opacity: 1;
filter: grayscale(0);
}
.c-testimonial-nav .slick-arrow {
display: none !important;
}
.c-testimonial-nav .slick-slide {
display: block;
position: relative;
}
.os-animation {
opacity: 0;
}
.os-animation.animated {
opacity: 1;
}
@media (max-width: 1000px) {
.os-animation {
opacity: 1;
}
}
.c-modernTeamBox .c-modernTeamBox__img {
opacity: 1;
margin-top: -80px;
}
@media (max-width: 1000px) {
.section-bg-footer:before {
content: "";
position: absolute;
top: 0;
right: 0;
left: 0;
width: 90%;
height: 1px;
background: #ccc;
margin: 0 auto;
}
}
.fade {
animation-name: fade;
animation-duration: 2s;
}
@keyframes fade {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.ct-checkbox {
z-index: 0;
position: relative;
display: inline-block;
color: rgba(var(--ct-onsurface-rgb, 0, 0, 0), 0.87);
font-size: 16px;
line-height: 1.5;
}
.ct-checkbox > input {
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
z-index: -1;
position: absolute;
left: -10px;
top: -8px;
display: block;
margin: 0;
border-radius: 50%;
width: 40px;
height: 40px;
background-color: #764aaa;
box-shadow: none;
outline: none;
opacity: 0;
transform: scale(1);
pointer-events: none;
transition: opacity 0.3s, transform 0.2s;
}
.ct-checkbox > input:checked {
background-color: #764aaa;
}
.ct-checkbox > input:checked + span::before {
border-color: #764aaa;
background-color: #764aaa;
}
.ct-checkbox > input:checked + span::after {
border-color: #fff;
}
.ct-checkbox > input:checked:active + span::before {
border-color: rgba(0, 0, 0, 0);
background-color: #764aaa;
}
.ct-checkbox > input:checked:disabled + span::before {
border-color: #fff;
background-color: #764aaa;
}
.ct-checkbox > input:indeterminate {
background-color: #764aaa;
}
.ct-checkbox > input:indeterminate + span::before {
border-color: #764aaa;
background-color: #764aaa;
}
.ct-checkbox > input:indeterminate + span::after {
border-color: #fff;
border-left: none;
transform: translate(4px, 3px);
}
.ct-checkbox > input:indeterminate:disabled + span::before {
border-color: rgba(0, 0, 0, 0);
background-color: currentColor;
}
.ct-checkbox > input:focus {
opacity: 0.12;
}
.ct-checkbox > input:active {
opacity: 1;
transform: scale(0);
transition: transform 0s, opacity 0s;
}
.ct-checkbox > input:active + span::before {
border-color: #764aaa;
}
.ct-checkbox > input:disabled {
opacity: 0;
}
.ct-checkbox > input:disabled + span {
color: #fff;
cursor: initial;
}
.ct-checkbox > input:disabled + span::before {
border-color: #764aaa;
}
.ct-checkbox > span {
display: inline-block;
width: 100%;
cursor: pointer;
}
.ct-checkbox > span::before {
content: "";
display: inline-block;
box-sizing: border-box;
margin: 3px 11px 3px 1px;
border: solid 2px;
border-color: #764aaa;
border-radius: 2px;
width: 18px;
height: 18px;
vertical-align: top;
transition: border-color 0.2s, background-color 0.2s;
}
.ct-checkbox > span::after {
content: "";
display: block;
position: absolute;
top: 5px;
left: 2px;
width: 10px;
height: 5px;
border: solid 2px rgba(0, 0, 0, 0);
border-right: none;
border-top: none;
transform: translate(3px, 4px) rotate(-45deg);
}
.ct-checkbox:hover > input {
opacity: 0.04;
}
.ct-checkbox:hover > input:focus {
opacity: 0.16;
}
.interview-sec-wrap {
border-radius: 48px;
background: rgba(212, 225, 237, 0.6);
position: relative;
overflow: hidden;
}
.interview-sec-wrap::before {
content: "";
position: absolute;
border-radius: 661.207px;
background: #006ce0;
filter: blur(212px);
opacity: 0.5;
right: -10%;
top: -10%;
z-index: 2;
width: 500px;
height: 500px;
}
@media (max-width: 1000px) {
.interview-sec-wrap::before {
opacity: 0.2;
right: -10%;
top: -32%;
}
}
@media (max-width: 1000px) {
.interview-sec-wrap .iblock {
margin-bottom: 25px;
padding-bottom: 25px;
border-bottom: 1px solid #ccc;
}
.interview-sec-wrap .iblock:last-child {
border-bottom: 0;
margin-bottom: 0;
padding-bottom: 0;
}
.interview-sec-wrap .iblock.noborder {
display: none;
}
.interview-sec-wrap .idesc.play {
display: flex;
margin-top: 20px;
}
.interview-sec-wrap .desc-left {
width: 20%;
}
.interview-sec-wrap .desc-right {
width: 78%;
padding-left: 10px;
}
.interview-sec-wrap .soundbr {
float: left;
padding: 0 20px 90px 0;
}
}
@media only screen and (min-width: 768px) {
.interview-sec-wrap .interview-sec {
display: block;
text-align: center;
margin: 0 auto;
}
.interview-sec-wrap .interview-sec .iblock {
padding: 24px 32px;
border-radius: 24px;
border: 1px solid #ebddda;
background: #fff;
line-height: 1.3;
font-weight: 500;
box-shadow: 0px 0px 1px 0px rgba(255, 19, 78, 0.15);
font-size: 20px;
text-align: left;
display: inline-block;
width: 31.5%;
margin: 0 10px 20px 10px;
vertical-align: top;
min-height: 330px;
float: left;
}
.interview-sec-wrap .interview-sec .iblock.noborder {
border: 0px;
padding: 0;
background: none;
}
.interview-sec-wrap .interview-sec .iblock .soundbr {
width: 48px;
margin-bottom: 15px;
display: block;
}
.interview-sec-wrap .interview-sec .iblock .yplay {
width: 45px;
position: relative;
}
.interview-sec-wrap .interview-sec .iblock p {
margin-top: 0;
}
.interview-sec-wrap .interview-sec .iblock .idesc {
cursor: pointer;
padding-top: 25px;
}
.interview-sec-wrap .interview-sec .iblock .idesc .desc-left {
width: 15%;
display: inline-block;
}
.interview-sec-wrap .interview-sec .iblock .idesc .desc-name {
font-size: 16px;
float: left;
display: block;
width: 100%;
margin-bottom: 3px;
}
.interview-sec-wrap .interview-sec .iblock .idesc .desc-right {
width: 83%;
line-height: 22px;
display: inline-block;
vertical-align: top;
}
.interview-sec-wrap .interview-sec .iblock .desc-profile {
font-size: 12px;
display: block;
float: left;
}
.interview-sec-wrap .interview-sec .iblock .desc-profile img {
width: 13px;
top: 2px;
position: relative;
margin-right: 3px;
}
.interview-sec-wrap .interview-sec .iblock .desc-yrs {
margin-left: 25px;
font-size: 12px;
vertical-align: top;
}
.interview-sec-wrap .interview-sec .desc-yrs img {
top: 2px;
position: relative;
margin-right: 3px;
}
}
@media only screen and (max-width: 1400px) {
.interview-sec .iblock {
width: 30.5%;
}
}
@media only screen and (max-width: 1300px) {
.interview-sec .iblock {
width: 30.5% !important;
}
.interview-sec .arrow-img-block {
margin: 0 55px 0 55px !important;
}
}
@media only screen and (max-width: 1200px) {
.interview-sec .iblock {
width: 30% !important;
}
.interview-sec .arrow-img-block {
margin: 0 35px 0 35px !important;
}
}
@media only screen and (max-width: 1150px) {
.interview-sec .iblock {
width: 30% !important;
}
.interview-sec .arrow-img-block {
margin: 0 15px 0 15px !important;
}
}
@media only screen and (max-width: 1000px) {
.interview-sec .iblock {
width: 100% !important;
}
}
.hire-better-wrapper.customers-testimonials-wrapper
.hire-better-slides
.hire-slides {
padding: 20px;
border: 1px solid #ccc;
border-radius: 20px;
width: 95% !important;
position: relative;
}
.lhs-author-profile {
width: 250px;
height: 340px;
float: left;
}
@media (max-width: 1000px) {
.lhs-author-profile {
width: 50%;
height: auto;
float: none;
text-align: center;
margin: 0 auto;
margin-bottom: 15px;
}
}
.rhs-author-profile {
float: right;
width: 60%;
text-align: left;
padding-left: 40px;
padding-right: 30px;
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
}
@media (max-width: 1000px) {
.rhs-author-profile {
float: none;
width: 100%;
text-align: center;
padding-left: 0;
position: relative;
top: 0;
right: 0;
transform: none;
}
}
.rhs-author-profile .author-desc-text {
display: inline-block;
vertical-align: middle;
line-height: 1.5;
}
.rhs-author-profile .stats-info-author {
line-height: 1.5;
display: inline-block;
vertical-align: middle;
line-height: 1.5;
}
.rhs-author-profile .stats-info-author li {
list-style: none;
display: inline-block;
font-size: 32px;
font-weight: bold;
max-width: 110px;
vertical-align: middle;
margin-right: 25px;
line-height: 1.5;
}
.rhs-author-profile .stats-info-author li img {
width: 25px !important;
margin-right: 10px;
float: left;
padding-top: 13px;
}
.rhs-author-profile .stats-info-author li .stats-text {
display: block;
width: 90%;
clear: both;
font-size: 13px;
font-weight: 100;
color: #767676;
display: inline-block;
vertical-align: middle;
line-height: 1.5;
}
.rhs-author-profile .author-desc-text p {
font-size: 15px;
font-weight: 500;
display: inline-block;
vertical-align: middle;
line-height: 1.5;
}
.rhs-author-profile .author-profile-info {
padding: 20px 0 20px 0;
display: inline-block;
vertical-align: middle;
line-height: 1.5;
}
.rhs-author-profile .c-btn.c-btn-arrow {
font-size: 18px;
font-weight: 600;
padding-left: 0;
display: inline-block;
vertical-align: middle;
line-height: 1.5;
text-decoration: none;
background: url(/wp-content/themes/babblebots/assets/images/blue-arrow-icon.svg)
center right no-repeat;
}
.common-c2a {
border-radius: 6px !important;
padding: 0px;
position: relative;
}
.common-c2a:before {
content: "";
background: url(https://babblebots.com/wp-content/uploads/2023/09/Ribbon-1.svg)
no-repeat;
width: 108px;
height: 44px;
left: 2%;
top: 0%;
position: absolute;
}
.common-c2a li {
display: inline-block;
margin-right: 30px;
vertical-align: middle;
}
.common-c2a li.text-div {
width: 44.7%;
}
.common-c2a li.text-div p.p2 {
display: inline-block;
color: #001e3c;
font-size: 24px;
font-style: normal;
font-weight: 450;
line-height: normal;
max-width: 549px;
}
.common-c2a li.c2a-btn {
width: 16%;
}
@media (max-width: 1000px) {
.common-c2a li.c2a-btn {
width: auto;
}
}
.common-c2a li.image-div {
width: 32%;
padding: 40px 0px;
text-align: left;
max-width: 100%;
background: #fff6e4;
text-align: center;
}
.common-c2a .small-btn {
vertical-align: text-bottom;
margin: 0px;
padding: 16px 24px !important;
}
.sticky-image-scroll-wrap {
width: 100%;
top: 0;
display: grid;
grid-template-columns: 1fr 1fr;
height: 100%;
}
.sticky-image-scroll-wrap .c-customerTestimonialSlider__boi,
.sticky-image-scroll-wrap .sticky-images-on-scroll img {
transition: opacity 1s;
}
.sticky-image-scroll-wrap .c-customerTestimonialSlider__boi {
height: 100%;
}
.sticky-image-scroll-wrap
.c-customerTestimonialSlider__boi
.c-customerTestimonialSlider__details {
width: auto;
}
.sticky-image-scroll-wrap .sticky-images-on-scroll {
position: relative;
height: 100%;
}
.sticky-image-scroll-wrap .sticky-images-on-scroll img {
width: 100%;
top: 0;
}
.sticky-image-scroll-wrap .visible {
opacity: 1;
}
.scroll-reveal-section {
position: relative;
height: 100vh;
width: 100%;
}
@media (max-width: 1000px) {
.scroll-reveal-section {
height: auto;
padding-top: 0 !important;
}
}
.scroll-reveal-section .item {
position: relative;
height: auto;
width: 100%;
display: flex;
align-items: center;
}
@media (max-width: 1000px) {
.scroll-reveal-section .item {
display: block;
}
}
.scroll-reveal-section .item:after {
content: "";
display: block;
height: auto;
margin-bottom: 0;
}
.scroll-reveal-section .item:last-of-type {
margin-bottom: 0;
}
.scroll-reveal-section .item:last-of-type:after {
display: none;
}
.scroll-reveal-section .item .image-holder {
float: left;
overflow: hidden;
width: 50%;
height: 100vh;
text-align: center;
}
.scroll-reveal-section .item .image-holder img {
position: relative;
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
@media (max-width: 1000px) {
.scroll-reveal-section .item .image-holder {
width: 100%;
height: 380px;
float: none;
background: none !important;
min-height: auto;
text-align: center !important;
}
.scroll-reveal-section .item .image-holder img {
top: 0;
-ms-transform: none;
transform: none;
height: 100%;
}
}
.scroll-reveal-section .item .text-holder {
display: flex;
flex-direction: column;
justify-content: center;
width: 50%;
min-height: 100vh;
padding-left: 80px;
padding-right: 93px;
position: absolute;
right: 0;
z-index: 2;
}
@media (max-width: 1000px) {
.scroll-reveal-section .item .text-holder {
width: auto;
float: none;
min-height: auto;
padding: 25px;
display: block;
position: relative;
z-index: 1;
}
.scroll-reveal-section .item .text-holder .c-btn {
margin: 0;
}
}
.scroll-reveal-section .text-holder h2 {
text-align: left;
color: #173e54;
}
.trigger-scroll-fade {
width: 100%;
position: absolute;
height: 100px;
top: -70%;
z-index: -3;
}
.u-MA0 {
margin: 0px;
}
.u-MA1 {
margin: 1px;
}
.u-MA2 {
margin: 2px;
}
.u-MA3 {
margin: 3px;
}
.u-MA4 {
margin: 4px;
}
.u-MA5 {
margin: 5px;
}
.u-MA6 {
margin: 6px;
}
.u-MA7 {
margin: 7px;
}
.u-MA8 {
margin: 8px;
}
.u-MA9 {
margin: 9px;
}
.u-MA10 {
margin: 10px;
}
.u-MA15 {
margin: 15px;
}
.u-MA20 {
margin: 20px;
}
.u-MA25 {
margin: 25px;
}
.u-MA30 {
margin: 30px;
}
.u-MA35 {
margin: 35px;
}
.u-MA40 {
margin: 40px;
}
.u-MA45 {
margin: 45px;
}
.u-MA50 {
margin: 50px;
}
.u-MA55 {
margin: 55px;
}
.u-MA60 {
margin: 60px;
}
.u-MA65 {
margin: 65px;
}
.u-MA70 {
margin: 70px;
}
.u-MA75 {
margin: 75px;
}
.u-MA80 {
margin: 80px;
}
.u-MA85 {
margin: 85px;
}
.u-MA90 {
margin: 90px;
}
.u-MA95 {
margin: 95px;
}
.u-MA100 {
margin: 100px;
}
.u-MT0 {
margin-top: 0px;
}
.u-MT1 {
margin-top: 1px;
}
.u-MT2 {
margin-top: 2px;
}
.u-MT3 {
margin-top: 3px;
}
.u-MT4 {
margin-top: 4px;
}
.u-MT5 {
margin-top: 5px;
}
.u-MT6 {
margin-top: 6px;
}
.u-MT7 {
margin-top: 7px;
}
.u-MT8 {
margin-top: 8px;
}
.u-MT9 {
margin-top: 9px;
}
.u-MT10 {
margin-top: 10px;
}
.u-MT15 {
margin-top: 15px;
}
.u-MT20 {
margin-top: 20px;
}
.u-MT25 {
margin-top: 25px;
}
.u-MT30 {
margin-top: 30px;
}
.u-MT35 {
margin-top: 35px;
}
.u-MT40 {
margin-top: 40px;
}
.u-MT45 {
margin-top: 45px;
}
.u-MT50 {
margin-top: 50px;
}
.u-MT55 {
margin-top: 55px;
}
.u-MT60 {
margin-top: 60px;
}
.u-MT65 {
margin-top: 65px;
}
.u-MT70 {
margin-top: 70px;
}
.u-MT75 {
margin-top: 75px;
}
.u-MT80 {
margin-top: 80px;
}
.u-MT85 {
margin-top: 85px;
}
.u-MT90 {
margin-top: 90px;
}
.u-MT95 {
margin-top: 95px;
}
.u-MT100 {
margin-top: 100px;
}
.u-MR0 {
margin-right: 0px;
}
.u-MR1 {
margin-right: 1px;
}
.u-MR2 {
margin-right: 2px;
}
.u-MR3 {
margin-right: 3px;
}
.u-MR4 {
margin-right: 4px;
}
.u-MR5 {
margin-right: 5px;
}
.u-MR6 {
margin-right: 6px;
}
.u-MR7 {
margin-right: 7px;
}
.u-MR8 {
margin-right: 8px;
}
.u-MR9 {
margin-right: 9px;
}
.u-MR10 {
margin-right: 10px;
}
.u-MR15 {
margin-right: 15px;
}
.u-MR20 {
margin-right: 20px;
}
.u-MR25 {
margin-right: 25px;
}
.u-MR30 {
margin-right: 30px;
}
.u-MR35 {
margin-right: 35px;
}
.u-MR40 {
margin-right: 40px;
}
.u-MR45 {
margin-right: 45px;
}
.u-MR50 {
margin-right: 50px;
}
.u-MR55 {
margin-right: 55px;
}
.u-MR60 {
margin-right: 60px;
}
.u-MR65 {
margin-right: 65px;
}
.u-MR70 {
margin-right: 70px;
}
.u-MR75 {
margin-right: 75px;
}
.u-MR80 {
margin-right: 80px;
}
.u-MR85 {
margin-right: 85px;
}
.u-MR90 {
margin-right: 90px;
}
.u-MR95 {
margin-right: 95px;
}
.u-MR100 {
margin-right: 100px;
}
.u-MB0 {
margin-bottom: 0px;
}
.u-MB1 {
margin-bottom: 1px;
}
.u-MB2 {
margin-bottom: 2px;
}
.u-MB3 {
margin-bottom: 3px;
}
.u-MB4 {
margin-bottom: 4px;
}
.u-MB5 {
margin-bottom: 5px;
}
.u-MB6 {
margin-bottom: 6px;
}
.u-MB7 {
margin-bottom: 7px;
}
.u-MB8 {
margin-bottom: 8px;
}
.u-MB9 {
margin-bottom: 9px;
}
.u-MB10 {
margin-bottom: 10px;
}
.u-MB15 {
margin-bottom: 15px;
}
.u-MB20 {
margin-bottom: 20px;
}
.u-MB25 {
margin-bottom: 25px;
}
.u-MB30 {
margin-bottom: 30px;
}
.u-MB35 {
margin-bottom: 35px;
}
.u-MB40 {
margin-bottom: 40px;
}
.u-MB45 {
margin-bottom: 45px;
}
.u-MB50 {
margin-bottom: 50px;
}
.u-MB55 {
margin-bottom: 55px;
}
.u-MB60 {
margin-bottom: 60px;
}
.u-MB65 {
margin-bottom: 65px;
}
.u-MB70 {
margin-bottom: 70px;
}
.u-MB75 {
margin-bottom: 75px;
}
.u-MB80 {
margin-bottom: 80px;
}
.u-MB85 {
margin-bottom: 85px;
}
.u-MB90 {
margin-bottom: 90px;
}
.u-MB95 {
margin-bottom: 95px;
}
.u-MB100 {
margin-bottom: 100px;
}
.u-ML0 {
margin-left: 0px;
}
.u-ML1 {
margin-left: 1px;
}
.u-ML2 {
margin-left: 2px;
}
.u-ML3 {
margin-left: 3px;
}
.u-ML4 {
margin-left: 4px;
}
.u-ML5 {
margin-left: 5px;
}
.u-ML6 {
margin-left: 6px;
}
.u-ML7 {
margin-left: 7px;
}
.u-ML8 {
margin-left: 8px;
}
.u-ML9 {
margin-left: 9px;
}
.u-ML10 {
margin-left: 10px;
}
.u-ML15 {
margin-left: 15px;
}
.u-ML20 {
margin-left: 20px;
}
.u-ML25 {
margin-left: 25px;
}
.u-ML30 {
margin-left: 30px;
}
.u-ML35 {
margin-left: 35px;
}
.u-ML40 {
margin-left: 40px;
}
.u-ML45 {
margin-left: 45px;
}
.u-ML50 {
margin-left: 50px;
}
.u-ML55 {
margin-left: 55px;
}
.u-ML60 {
margin-left: 60px;
}
.u-ML65 {
margin-left: 65px;
}
.u-ML70 {
margin-left: 70px;
}
.u-ML75 {
margin-left: 75px;
}
.u-ML80 {
margin-left: 80px;
}
.u-ML85 {
margin-left: 85px;
}
.u-ML90 {
margin-left: 90px;
}
.u-ML95 {
margin-left: 95px;
}
.u-ML100 {
margin-left: 100px;
}
.u-PA0 {
padding: 0px;
}
.u-PA1 {
padding: 1px;
}
.u-PA2 {
padding: 2px;
}
.u-PA3 {
padding: 3px;
}
.u-PA4 {
padding: 4px;
}
.u-PA5 {
padding: 5px;
}
.u-PA6 {
padding: 6px;
}
.u-PA7 {
padding: 7px;
}
.u-PA8 {
padding: 8px;
}
.u-PA9 {
padding: 9px;
}
.u-PA10 {
padding: 10px;
}
.u-PA15 {
padding: 15px;
}
.u-PA20 {
padding: 20px;
}
.u-PA25 {
padding: 25px;
}
.u-PA30 {
padding: 30px;
}
.u-PA35 {
padding: 35px;
}
.u-PA40 {
padding: 40px;
}
.u-PA45 {
padding: 45px;
}
.u-PA50 {
padding: 50px;
}
.u-PA55 {
padding: 55px;
}
.u-PA60 {
padding: 60px;
}
.u-PA65 {
padding: 65px;
}
.u-PA70 {
padding: 70px;
}
.u-PA75 {
padding: 75px;
}
.u-PA80 {
padding: 80px;
}
.u-PA85 {
padding: 85px;
}
.u-PA90 {
padding: 90px;
}
.u-PA95 {
padding: 95px;
}
.u-PA100 {
padding: 100px;
}
.u-PT0 {
padding-top: 0px;
}
.u-PT1 {
padding-top: 1px;
}
.u-PT2 {
padding-top: 2px;
}
.u-PT3 {
padding-top: 3px;
}
.u-PT4 {
padding-top: 4px;
}
.u-PT5 {
padding-top: 5px;
}
.u-PT6 {
padding-top: 6px;
}
.u-PT7 {
padding-top: 7px;
}
.u-PT8 {
padding-top: 8px;
}
.u-PT9 {
padding-top: 9px;
}
.u-PT10 {
padding-top: 10px;
}
.u-PT15 {
padding-top: 15px;
}
.u-PT20 {
padding-top: 20px;
}
.u-PT25 {
padding-top: 25px;
}
.u-PT30 {
padding-top: 30px;
}
.u-PT35 {
padding-top: 35px;
}
.u-PT40 {
padding-top: 40px;
}
.u-PT45 {
padding-top: 45px;
}
.u-PT50 {
padding-top: 50px;
}
.u-PT55 {
padding-top: 55px;
}
.u-PT60 {
padding-top: 60px;
}
.u-PT65 {
padding-top: 65px;
}
.u-PT70 {
padding-top: 70px;
}
.u-PT75 {
padding-top: 75px;
}
.u-PT80 {
padding-top: 80px;
}
.u-PT85 {
padding-top: 85px;
}
.u-PT90 {
padding-top: 90px;
}
.u-PT95 {
padding-top: 95px;
}
.u-PT100 {
padding-top: 100px;
}
.u-PR0 {
padding-right: 0px;
}
.u-PR1 {
padding-right: 1px;
}
.u-PR2 {
padding-right: 2px;
}
.u-PR3 {
padding-right: 3px;
}
.u-PR4 {
padding-right: 4px;
}
.u-PR5 {
padding-right: 5px;
}
.u-PR6 {
padding-right: 6px;
}
.u-PR7 {
padding-right: 7px;
}
.u-PR8 {
padding-right: 8px;
}
.u-PR9 {
padding-right: 9px;
}
.u-PR10 {
padding-right: 10px;
}
.u-PR15 {
padding-right: 15px;
}
.u-PR20 {
padding-right: 20px;
}
.u-PR25 {
padding-right: 25px;
}
.u-PR30 {
padding-right: 30px;
}
.u-PR35 {
padding-right: 35px;
}
.u-PR40 {
padding-right: 40px;
}
.u-PR45 {
padding-right: 45px;
}
.u-PR50 {
padding-right: 50px;
}
.u-PR55 {
padding-right: 55px;
}
.u-PR60 {
padding-right: 60px;
}
.u-PR65 {
padding-right: 65px;
}
.u-PR70 {
padding-right: 70px;
}
.u-PR75 {
padding-right: 75px;
}
.u-PR80 {
padding-right: 80px;
}
.u-PR85 {
padding-right: 85px;
}
.u-PR90 {
padding-right: 90px;
}
.u-PR95 {
padding-right: 95px;
}
.u-PR100 {
padding-right: 100px;
}
.u-PB0 {
padding-bottom: 0px;
}
.u-PB1 {
padding-bottom: 1px;
}
.u-PB2 {
padding-bottom: 2px;
}
.u-PB3 {
padding-bottom: 3px;
}
.u-PB4 {
padding-bottom: 4px;
}
.u-PB5 {
padding-bottom: 5px;
}
.u-PB6 {
padding-bottom: 6px;
}
.u-PB7 {
padding-bottom: 7px;
}
.u-PB8 {
padding-bottom: 8px;
}
.u-PB9 {
padding-bottom: 9px;
}
.u-PB10 {
padding-bottom: 10px;
}
.u-PB15 {
padding-bottom: 15px;
}
.u-PB20 {
padding-bottom: 20px;
}
.u-PB25 {
padding-bottom: 25px;
}
.u-PB30 {
padding-bottom: 30px;
}
.u-PB35 {
padding-bottom: 35px;
}
.u-PB40 {
padding-bottom: 40px;
}
.u-PB45 {
padding-bottom: 45px;
}
.u-PB50 {
padding-bottom: 50px;
}
.u-PB55 {
padding-bottom: 55px;
}
.u-PB60 {
padding-bottom: 60px;
}
.u-PB65 {
padding-bottom: 65px;
}
.u-PB70 {
padding-bottom: 70px;
}
.u-PB75 {
padding-bottom: 75px;
}
.u-PB80 {
padding-bottom: 80px;
}
.u-PB85 {
padding-bottom: 85px;
}
.u-PB90 {
padding-bottom: 90px;
}
.u-PB95 {
padding-bottom: 95px;
}
.u-PB100 {
padding-bottom: 100px;
}
.u-PL0 {
padding-left: 0px;
}
.u-PL1 {
padding-left: 1px;
}
.u-PL2 {
padding-left: 2px;
}
.u-PL3 {
padding-left: 3px;
}
.u-PL4 {
padding-left: 4px;
}
.u-PL5 {
padding-left: 5px;
}
.u-PL6 {
padding-left: 6px;
}
.u-PL7 {
padding-left: 7px;
}
.u-PL8 {
padding-left: 8px;
}
.u-PL9 {
padding-left: 9px;
}
.u-PL10 {
padding-left: 10px;
}
.u-PL15 {
padding-left: 15px;
}
.u-PL20 {
padding-left: 20px;
}
.u-PL25 {
padding-left: 25px;
}
.u-PL30 {
padding-left: 30px;
}
.u-PL35 {
padding-left: 35px;
}
.u-PL40 {
padding-left: 40px;
}
.u-PL45 {
padding-left: 45px;
}
.u-PL50 {
padding-left: 50px;
}
.u-PL55 {
padding-left: 55px;
}
.u-PL60 {
padding-left: 60px;
}
.u-PL65 {
padding-left: 65px;
}
.u-PL70 {
padding-left: 70px;
}
.u-PL75 {
padding-left: 75px;
}
.u-PL80 {
padding-left: 80px;
}
.u-PL85 {
padding-left: 85px;
}
.u-PL90 {
padding-left: 90px;
}
.u-PL95 {
padding-left: 95px;
}
.u-PL100 {
padding-left: 100px;
}
.u-W10 {
width: 10%;
display: inline-block;
}
.u-W20 {
width: 20%;
display: inline-block;
}
.u-W25 {
width: 25%;
display: inline-block;
}
.u-W30 {
width: 30%;
display: inline-block;
}
.u-W35 {
width: 35%;
display: inline-block;
}
.u-W40 {
width: 40%;
display: inline-block;
}
.u-W45 {
width: 45%;
display: inline-block;
}
.u-W50 {
width: 50%;
display: inline-block;
}
.u-W55 {
width: 55%;
display: inline-block;
}
.u-W60 {
width: 60%;
display: inline-block;
}
.u-W65 {
width: 65%;
display: inline-block;
}
.u-W70 {
width: 70%;
display: inline-block;
}
.u-W75 {
width: 75%;
display: inline-block;
}
.u-W80 {
width: 80%;
display: inline-block;
}
.u-W85 {
width: 85%;
display: inline-block;
}
.u-W90 {
width: 90%;
display: inline-block;
}
.u-W95 {
width: 95%;
display: inline-block;
}
.u-W100 {
width: 100%;
display: inline-block;
}
br {
display: block;
}
@media (max-width: 1000px) {
br {
display: none;
}
}
.PR {
position: relative;
}
.u-left {
float: left;
}
.u-right {
float: right;
}
.br-radius-48 {
border-radius: 48px;
}
.opacity-05 {
opacity: 0.5;
}
.u-side-block-title {
color: #001e3c;
line-height: 34px;
font-weight: bold;
text-align: left;
display: inline-block;
vertical-align: top;
margin: 30px 0 15px 0;
}
@media (max-width: 1024px) {
.u-side-block-title {
font-size: 26px;
line-height: 30px;
}
}
@media (max-width: 1000px) {
.u-side-block-title {
text-align: center;
display: block;
font-size: 22px;
margin-top: 0;
}
}
.u-side-block-sub-title {
color: #414761;
font-size: 18px;
line-height: 24px;
font-weight: 500;
text-align: left;
padding-top: 20px;
}
.u-side-block-content {
text-align: left;
color: #001e3c;
font-size: 17px;
line-height: 1.6;
max-width: 840px;
margin: 20px auto 0 auto;
}
@media (max-width: 1024px) {
.u-side-block-content {
font-size: 15px;
line-height: 22px;
}
}
@media (max-width: 1000px) {
.u-side-block-content {
text-align: center;
}
}
.u-side-block-content p {
font-weight: inherit;
margin-bottom: 15px;
display: block;
}
.u-side-block-content.u-full-block-content {
max-width: none;
}
.sub-hero-title {
font-size: 18px;
font-weight: 500;
font-style: normal;
font-stretch: normal;
line-height: 1.39;
display: inline-block;
letter-spacing: normal;
color: #001e3c;
padding-bottom: 5px;
border-bottom: 1px solid #000;
}
@media (max-width: 1000px) {
.sub-hero-title {
font-size: 17px;
}
}
.sub-hero-link {
font-size: 18px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.67;
letter-spacing: normal;
color: #3b43ff;
}
.u-block-title {
text-align: left;
font-size: 40px;
font-weight: 800;
font-style: normal;
font-stretch: normal;
line-height: 1.13;
letter-spacing: normal;
color: #333339;
margin: 30px 0 15px 0;
color: #001e3c;
max-width: 690px;
}
@media (max-width: 1024px) {
.u-block-title {
font-size: 30px;
line-height: 30px;
}
}
.u-block-title:after {
height: 5px;
width: 60px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
background-color: #007dff;
display: block;
margin: 10px auto 0 auto;
}
@media (max-width: 1024px) {
.u-block-title:after {
text-align: center;
margin: 10px auto 0 auto;
}
}
.u-block-title.left-align {
text-align: left;
width: auto !important;
}
.u-block-title.left-align:after {
margin: 10px 0;
}
.u-block-title.center-align {
text-align: center !important;
max-width: 760px !important;
margin: 20px auto;
display: block !important;
}
.u-block-title.center-align:after {
margin: 10px auto;
}
@media (max-width: 1000px) {
.u-block-title {
padding: 0 25px;
text-align: center;
font-size: 24px;
color: #001e3c;
}
}
.u-body-text {
color: #5a627b;
font-size: 17px;
}
.u-block-content {
text-align: left;
color: #001e3c;
font-size: 17px;
line-height: 1.6;
max-width: 840px;
margin: 20px auto 0 auto;
}
@media (max-width: 1024px) {
.u-block-content {
font-size: 15px;
line-height: 22px;
}
}
@media (max-width: 1000px) {
.u-block-content {
text-align: center;
}
}
.u-block-content.center-align {
text-align: center !important;
max-width: 760px !important;
margin: 0 auto;
}
.u-block-content.isMaxWidth {
width: 450px;
}
@media (max-width: 1000px) {
.u-block-content.isMaxWidth {
width: 100%;
}
}
.u-block-sub-content {
font-size: 24px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.2;
letter-spacing: normal;
color: #001e3c;
margin-bottom: 15px;
}
@media (max-width: 1000px) {
.u-block-sub-content {
font-size: 18px;
text-align: center !important;
}
}
.is-CenterBlock .u-side-block-title,
.is-CenterBlock .u-side-block-content {
text-align: center;
display: block;
}
.is-CenterBlock .c-fullImage-block__media {
float: none !important;
display: block;
text-align: center;
margin: 40px auto;
width: auto;
}
.u-tac,
.u-TAC,
.tac,
TAC {
text-align: left;
}
@media (max-width: 1000px) {
.u-tac,
.u-TAC,
.tac,
TAC {
text-align: center;
}
}
.topBottomSpace {
padding: 120px 0 120px 0;
}
@media (max-width: 1000px) {
.topBottomSpace {
padding: 40px 0 40px 0;
}
}
.topBottomSpace.topBottomSpace-v1 {
padding: 80px 0 80px 0;
}
.u-AllSpace {
padding: 60px;
}
@media (max-width: 1024px) {
.u-AllSpace {
padding: 40px;
}
}
@media (max-width: 1000px) {
.u-AllSpace {
padding: 20px;
}
}
.u-Space {
padding: 60px;
}
.u-wt300 {
width: 300px;
}
.u-wd400 {
max-width: 400px;
}
.u-wd550 {
max-width: 550px;
}
.u-wd600 {
max-width: 600px;
margin-left: 0 !important;
}
.u-wd650 {
max-width: 650px;
}
.u-wd700 {
max-width: 700px;
}
.u-greyBg {
background: #94a0ad;
}
.u-greyText {
color: #94a0ad;
}
.u-brd {
border: #d9dadf 1px solid;
}
.u-brdt {
border-top: #d9dadf 1px solid;
}
.u-brdr {
border-right: #d9dadf 1px solid;
}
.u-brdb {
border-bottom: #d9dadf 1px solid;
}
.u-brdl {
border-left: #d9dadf 1px solid;
}
.u-imgShadow {
box-shadow: 0 6px 22px 0 rgba(72, 79, 104, 0.28);
border-radius: 4px;
}
.u-imgShadow.notBt {
margin-bottom: -5px;
}
.u-overflowHidden {
overflow: hidden;
}
.u-hp-bt-Strips {
height: 100px;
width: 100%;
background: #fff;
transform: skewY(3deg);
position: absolute;
top: -50px;
left: 0;
z-index: 5;
text-align: right;
padding-right: 8%;
}
@media (max-width: 1024px) {
.u-hp-bt-Strips {
display: none;
}
}
.u-flexbox {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.u-col3 {
width: 30.3333%;
max-width: 30.3333%;
margin-left: 4.3333%;
}
.u-col3:first-child {
margin-left: 0;
}
@media (max-width: 1000px) {
.u-col3 {
width: 100%;
max-width: 100%;
margin-left: 0;
}
}
.u-col2 {
width: 47.3333%;
max-width: 47.3333%;
margin-left: 2.3333%;
}
.u-col2:first-child {
margin-left: 0;
}
@media (max-width: 1000px) {
.u-col2 {
width: 100%;
max-width: 100%;
margin-left: 0;
}
}
.u-fs-med {
font-size: 17px;
color: #5a627b;
}
.u-MNS20 {
margin-top: -20px;
}
.u-isRelative {
position: relative;
z-index: 6;
}
@media (max-width: 1024px) {
.u-isRelative {
position: static;
}
}
.u-extraMargin {
margin-top: 40px;
}
@media (max-width: 1024px) {
.u-extraMargin {
margin-top: 0;
}
}
.u-desktop-only,
.u-mobile-only {
display: none;
overflow: hidden;
}
@media (min-width: 1025px) {
.u-MinusMR30 {
margin-top: -30px;
position: relative;
z-index: 6;
}
.u-desktop-only {
display: block;
}
}
@media (max-width: 1024px) {
.u-mobile-only {
display: block;
}
}
.u-overflowHidden {
overflow: hidden;
}
.u-block {
display: block;
}
.u-learn-more {
color: #ff893c;
text-decoration: none;
font-weight: 600;
}
.u-learn-more:after {
content: "";
display: inline-block;
margin-left: 5px;
width: 10px;
height: 8px;
background: url("/wp-content/themes/babblebots/assets/img/icons/read-more-arrow.svg")
no-repeat 0 0;
}
.u-learn-more:hover {
color: #fff;
}
.u-iconBx {
width: 36px;
}
.u-hasHiddenNav .l-nav {
display: none;
}
.u-customerLogosWrapper {
margin-top: 90px;
}
@media (max-width: 1024px) {
.u-customerLogosWrapper {
margin-top: 60px;
}
}
.u-lists {
list-style: none;
}
.u-lists li {
padding-top: 20px;
font-size: 16px;
}
.u-lists__title {
font-weight: 600;
padding-bottom: 8px;
}
.u-centerBlock {
margin-left: auto;
margin-right: auto;
}
.ctFrmErrorMsg {
clear: both;
text-align: left !important;
font-size: 12px;
color: red !important;
margin-top: -12px;
margin-bottom: 10px;
display: none;
position: absolute;
}
.u-fw500 {
font-weight: 500;
}
.u-icon-with-text {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
}
.u-icon-with-text__img {
max-width: 46px;
max-height: 46px;
}
.u-icon-with-text__title {
padding-top: 10px;
padding-left: 20px;
color: #fff;
font-size: 20px;
font-weight: 500;
line-height: 24px;
}
.u-inline-block {
display: inline-block;
vertical-align: middle;
}
.u-in-association-with {
color: #d8e6ff;
font-size: 38px;
line-height: 57px;
}
.isBtnDisabled {
opacity: 0.4;
}
:not(pre) > code[class*="language-"] {
font-size: 13px !important;
}
.lightgrey-bg {
background: #f9fafb;
}
.text-center {
margin: 0 auto !important;
text-align: center !important;
}
.text-left {
text-align: left !important;
}
.text-green {
color: #00c77f;
}
.sub-desc-title {
color: #001e3c;
text-align: center;
font-size: 20px;
font-style: normal;
font-weight: 450;
margin: 0 auto;
line-height: normal;
margin-top: 32px;
margin-bottom: 32px;
display: block;
}
.is-CenterBlock {
margin: 0 auto;
}
@media (max-width: 1000px) {
.is-CenterBlock {
text-align: center;
}
}
.heroContent .lhs-align.col-70 {
width: 70%;
padding-right: 25px;
position: relative;
z-index: 2;
}
.two-col-section .u-side-block-content {
margin-top: 0 !important;
font-size: 17px;
line-height: 1.6;
font-size: 16px;
font-weight: 400;
line-height: 21px;
padding: 0 20px;
}
.two-col-section .c-sideTabsItem__title {
padding: 15px 20px 6px 20px;
}
@media (max-width: 1000px) {
.two-col-section .c-sideTabsItem__title {
margin-bottom: 10px;
}
}
.two-col-section .right-div {
width: 60%;
float: right;
}
.two-col-section .right-div img {
position: relative;
top: 45px;
}
@media (max-width: 1000px) {
.two-col-section .right-div {
width: 100%;
}
}
.two-col-section .left-div {
display: inline-block;
}
@media (max-width: 1000px) {
.heroContent .lhs-align {
text-align: center;
}
.heroContent .feat_img_rhs {
max-width: 100% !important;
}
html .left-div {
width: 100%;
}
html .right-div img {
top: 0;
top: 35px;
max-width: 90% !important;
}
.right-div {
width: 100%;
}
}
.tabnimages .c-sideTabsItem__bd {
width: auto;
top: 0;
}
.tabnimages .c-sideTabsItem img {
width: 70%;
}
.block-desktop {
display: block;
}
.lhs_sidebar.sticky-nav {
position: fixed;
top: 0;
margin: 0 auto;
width: 100%;
background: #fff;
z-index: 99;
border: 1px solid #ccc;
max-width: 1205px;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
overflow: hidden;
}
.cntntTab.inner .c-insightsBox {
min-width: 100%;
}
.c--form__container {
display: block;
position: relative;
padding-left: 22px;
margin-bottom: 12px;
cursor: pointer;
color: #414761;
font-size: 14px;
font-weight: 600;
}
.c--form__container input {
cursor: pointer;
display: none;
vertical-align: top;
margin-top: 2px;
width: 15px;
height: 15px;
position: relative;
z-index: 2;
}
.c--form__container input.errorMsg:after {
content: "";
position: absolute;
top: 0;
width: 100%;
height: 100%;
border: 1px solid #b30324;
z-index: 1;
}
.c--form__container p.checkterms-txt,
.c--form__container p.checkterms-txt-gdpr {
display: none;
max-width: 90%;
margin-left: 10px;
color: #4c5564;
font-size: 12px;
line-height: 13px;
}
.c--form__container p.checkterms-txt {
max-width: 100%;
}
.c--form__container p.checkterms-txt a {
color: #3b43ff;
}
.c--form__container .checkmark {
position: absolute;
top: 0;
left: 0;
height: 14px;
width: 14px;
background: url("/wp-content/themes/babblebots/assets/images/features/Checkbox.png")
no-repeat right center;
background-size: cover !important;
margin: 3px 0px 0px 0px;
}
.c--form__container input:checked ~ .checkmark {
background: url("/wp-content/themes/babblebots/assets/images/features/Checkbox.png")
no-repeat left center;
}
.l-separator {
width: 95%;
height: 1px;
min-height: 1px;
opacity: 0.23;
background-color: #484e68 !important;
box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.1);
display: block;
z-index: 1;
margin-top: 20px;
}
@media (max-width: 1000px) {
.l-separator {
margin-top: 20px;
}
}
.background-white {
background: #fff !important;
}
.upper-subtitle {
font-size: 18px;
text-transform: uppercase;
padding-bottom: 19px;
}
.float-none {
float: none !important;
}
.u-DPL50 {
padding-left: 50px;
}
.u-DPR50 {
padding-right: 50px;
}
@media (max-width: 1000px) {
.toc-div {
display: none !important;
}
.single .blogInner__content {
max-width: 92%;
margin: 0 auto !important;
}
.mob-center {
text-align: center !important;
}
.comp.modal {
padding: 10px;
}
.comp.modal .comp.form {
padding: 20px;
}
.comp.modal button[name="close-modal"] {
filter: none;
top: 15px;
}
html .fixed-nav .bb-header {
background: #fff !important;
box-shadow: none;
}
.mob-text-center {
text-align: center !important;
}
.u-mob-PT20 {
padding-top: 20px !important;
}
.u-mob-PB20 {
padding-bottom: 20px !important;
}
.u-mob-PB40 {
padding-bottom: 40px !important;
}
.u-mob-PT40 {
padding-top: 40px !important;
}
.u-mob-MT20 {
margin-top: 20px !important;
}
.u-mob-MB20 {
margin-bottom: 20px !important;
}
.u-mob-MB40 {
margin-bottom: 40px !important;
}
.u-mob-MT40 {
margin-top: 40px !important;
}
.u-mob-MT0 {
margin-top: 0px !important;
}
.u-mob-MB0 {
margin-bottom: 0px !important;
}
.u-mob-PT0 {
padding-top: 0px !important;
}
.u-mob-PB0 {
padding-bottom: 0px !important;
}
.mob-P20 {
padding: 20px;
}
.u-mob-P0 {
padding: 0px !important;
}
.u-mob-M0 {
margin-bottom: 0px !important;
}
.mob-none {
display: none !important;
}
.blog-c2a .p4-regular {
text-align: center !important;
}
.blog-c2a .rhs-align {
float: none !important;
}
.blog-c2a .c-btn {
white-space: initial;
line-height: 30px;
}
.blogHeader p.p2 {
text-align: center;
}
}
.menu-border {
border-bottom: 1px solid #b3b3b3;
display: block;
width: 81%;
margin: 0 auto;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
position: relative;
right: -10px;
}
.secure_logo_slider img {
margin: 0 auto;
max-width: 150px;
text-align: left !important;
}
.max-width700 {
max-width: 700px;
margin: 0 auto;
text-align: center;
line-height: 52px;
}
.max-width650 {
max-width: 650px;
}
.max-width-initial {
max-width: initial !important;
}
.desk-none {
display: none !important;
}
.error404 .bb-header {
box-shadow: none;
}
.error404 .bb-header .nav-logo-wrap {
background: rgba(0, 0, 0, 0);
}
.relative {
position: relative;
}
.mar-right20 {
margin-right: 20px;
}
.mar-right10 {
margin-right: 10px;
}
.mar-right15 {
margin-right: 15px;
}
.mar-left {
margin-left: 20px;
}
.mar-left10 {
margin-left: 10px;
}
.mar-left15 {
margin-left: 15px;
}
.u-MT12 {
margin-top: 12px;
}
.u-MT32 {
margin-top: 32px;
}
.u-MB32 {
margin-top: 32px;
}
.u-PB120 {
padding-bottom: 120px;
}
.u-PT120 {
padding-top: 120px;
}
.u-MB120 {
margin-bottom: 120px !important;
}
.u-MT120 {
margin-top: 120px !important;
}
.block {
display: block;
}
.inline-block {
display: inline-block;
}
.inline {
display: inline;
}
@media (max-width: 1000px) {
html .u-mob-PT24 {
padding-top: 24px;
}
html .u-mob-PB24 {
padding-bottom: 24px;
}
}
.u-PL0 {
padding-left: 0 !important;
}
.u-PT0 {
padding-top: 0 !important;
}
.u-PB0 {
padding-bottom: 0px !important;
}
.u-PB40 {
padding-bottom: 40px !important;
}
.sub-fixed-nav {
background: #f8f8f8;
padding: 12px 70px;
position: sticky;
position: -webkit-sticky;
top: 77px;
z-index: 99;
}
.sub-fixed-nav ul {
display: inline-block;
}
.sub-fixed-nav li.active {
background: #173e54;
color: #fff;
}
.sub-fixed-nav li {
display: inline-block;
padding: 10px 32px;
border-radius: 100px;
background: #fff;
border: 1px solid rgba(23, 62, 84, 0.3);
color: #173e54;
font-size: 12px;
margin-left: 16px;
}
.footer-c2a {
display: table;
padding: 60px 86px;
justify-content: center;
align-items: center;
gap: 24px;
border-radius: 12px;
}
.footer-c2a .c-customerTestimonialSlider__pic {
width: 36%;
}
.footer-c2a .c-customerTestimonialSlider__details {
float: left;
width: 53%;
margin-top: 5px;
}
@media (max-width: 1000px) {
.bottom-link {
display: none;
}
}
.bottom-link li {
width: 636px;
padding: 40px;
display: inline-block;
width: 48%;
border: 0.751px solid #ccc;
background: #fff;
cursor: pointer;
}
.bottom-link li.linkb2 {
text-align: right;
margin-left: 24px;
}
.featured-resources-list .c-learnMore__img {
height: 200px;
border-radius: 6px;
border-radius: 6px;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.featured-resources-list .c-learnMore__content {
padding-left: 0px;
padding-top: 24px;
padding-bottom: 0px;
}
.featured-resources-list .c-learnMore__title {
min-height: initial;
margin-bottom: 0px;
font-size: 21px;
font-weight: 500;
}
.featured-resources-list .blogList-footer {
display: none;
}
.featured-resources-list a.c-btn.c-btn-arrow.medium-link {
display: none;
}
.featured-resources-list .c-learnMore {
margin-top: 0px;
}
html .contact-wrap .comp.contact-details .content {
border-left: 8px solid #c2dfef;
}
html .pillars-main .contact-wrap .contact-details::before {
border-left: 8px solid #c2dfef;
}
.comp.contact-details h7.h7-normal {
display: block;
text-transform: initial;
}
.rewamped-features .contact-wrap .comp.contact-details:nth-last-child(n + 1) {
width: 24.5%;
vertical-align: top;
}
.h7-normal {
text-transform: initial;
}
.para-out h7 {
padding: 0px;
vertical-align: text-bottom;
position: relative;
top: 15px;
}
.email-marketing h7.bb-blue-text {
top: 0px;
}
.email-marketing .banner-60-40 .lhs-align {
width: 50%;
}
.email-marketing .banner-60-40 .rhs-align {
width: 50%;
}
.email-marketing .mar-l {
margin-left: 20px;
}
.email-marketing .square-one::after {
content: "";
border-right: 1px solid #ababab;
position: absolute;
height: 300px;
right: -45px;
top: -36px;
content: "";
border-right: 1px solid #ababab;
position: absolute;
height: 300px;
right: -45px;
top: -36px;
}
.email-marketing .square-c2a {
min-width: 324px;
display: inline-block;
margin: 40px;
position: relative;
}
.email-marketing .square-c2a img {
max-width: 125px;
max-width: 125px;
margin-bottom: 35px;
}
.email-marketing .square-c2a p.p2 {
display: inline-block;
width: 60%;
padding: 15px;
text-align: left;
font-size: 14px;
}
.email-marketing .square-c2a h4 {
display: inline-block;
width: 39%;
font-size: 48px;
}
.email-marketing .section-stats .stats-block .l-stats {
width: auto !important;
}
.email-marketing li.partnerLogos__item p.p2 {
text-align: center;
}
.email-marketing .h7-normal {
padding-bottom: 15px;
padding-top: 15px;
}
.email-marketing .slick-prev.slick-arrow {
display: none !important;
}
.email-marketing .slick-next.slick-arrow {
display: none !important;
}
.email-marketing .new-testimonisl-lsyout2021 h2.u-block-title {
margin-top: 40px !important;
}
.email-marketing .c2a-inner-square {
background: var(---ffffff) 0% 0% no-repeat padding-box;
background: #fff 0% 0% no-repeat padding-box;
box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1607843137);
border-radius: 8px;
opacity: 1;
}
html .email-marketing .contact-wrap .comp.contact-details .content {
border-left: 8px solid #c2dfef;
min-height: 102px;
}
html .email-marketing .banner-60-40 .rhs-align img {
max-width: 95%;
min-width: 95%;
}
html
.email-marketing
.pillars-main
.contact-wrap
.comp.contact-details
.content {
padding-right: 15px;
}
html .email-marketing .pillars-main .contact-wrap .contact-details::before {
height: 150px;
}
html .email-marketing .pillars-main .capablities-box .partnerLogos__item {
float: none;
width: 37%;
}
html .email-marketing .product-cards .partnerLogos__item {
text-align: center;
background: rgba(0, 0, 0, 0);
border: none;
width: 30%;
box-shadow: none;
}
html .email-marketing .testimonial-v2 .full-width-slider {
padding: 90px 0 90px 0 !important;
}
html
.email-marketing
.testimonial-v2
.new-testimonisl-lsyout2021
.logo-line-top
img {
max-width: 550px;
max-width: 460px;
margin-left: 170px;
}
@media (max-width: 1000px) {
br.desk-block {
display: none;
}
.bb-header .dropdown.align-right .c-btn:after {
display: none !important;
}
.industries-wrap .grey-nner {
background-image: none !important;
}
.c-customerTestimonialSlider__boi {
border: none;
}
.footer-c2a {
display: table;
padding: 0px;
}
.footer-c2a .c-customerTestimonialSlider__details {
width: 100%;
margin-top: 5px;
}
.email-marketing .careers-page-wrap .join-us-wrap .text-center {
padding-left: 0px;
}
.email-marketing .join-us-wrap.bb-blue-text h7 {
padding-left: 0px !important;
}
.email-marketing .topBottomSpace {
padding: 40px 0;
}
.email-marketing p.p7.u-MT20 {
margin-top: 0px;
}
.email-marketing .contact-wrap .comp.contact-details:nth-last-child(n + 1) {
margin-bottom: 30px;
}
.email-marketing
.rewamped-features
.contact-wrap
.comp.contact-details:nth-last-child(n + 1) {
width: 100%;
vertical-align: top;
}
.email-marketing .main-card {
max-width: 90%;
margin: 0 auto;
margin-top: 0;
margin-bottom: 0;
}
.email-marketing .main-card .rhs-div {
display: inline-block;
width: 100%;
vertical-align: top;
margin-left: 0px;
margin-top: 0px;
padding: 30px;
text-align: center;
}
.email-marketing .main-card .rhs-div h4 {
display: none;
}
.email-marketing .main-card .lhs-div {
width: 100%;
}
.email-marketing .footer-c2a {
padding: 0;
}
.email-marketing .footer-c2a .c-customerTestimonialSlider__details {
width: 100%;
}
.email-marketing .c-customerTestimonialSlider__boi {
border: none;
}
.email-marketing .mob-center {
text-align: center !important;
}
.email-marketing ul.partnerLogos h6 {
min-height: initial !important;
}
.email-marketing .partnerLogos__item {
padding: 0px;
}
.email-marketing .mob-note {
text-align: center !important;
font-size: 12px;
}
.email-marketing img.mob-img {
margin-bottom: 30px;
}
.email-marketing .trusted-secure-sec .section-stats {
margin-top: 60px;
}
.email-marketing .square-one::after {
display: none !important;
}
html .email-marketing .para-out h7 {
top: 0px;
}
html .email-marketing .rewamped-features .c-fullImage-block__media {
width: 100%;
}
html .email-marketing .careers-page-wrap .c-insightsBox {
margin: 0;
min-width: 100%;
}
html .email-marketing .square-c2a {
min-width: 75%;
display: inline-block;
margin: 40px;
position: relative;
}
html .email-marketing .mar-l {
margin-left: 0px;
}
html body .email-marketing .product-cards .partnerLogos__item {
width: 100%;
display: inline-block;
margin: 0 AUTO;
}
html
body
.email-marketing
.testimonial-v2
.new-testimonisl-lsyout2021
.logo-line-top
img {
max-width: 460px;
margin-left: 0px;
}
}
.email-marketing .engagement-block h3 {
min-height: 70px;
}
.email-marketing .rewamped-features .pillars-main .banner-60-40 {
background: #fff !important;
}
.email-marketing
.rewamped-features
.pillars-main
.c-fullImage-block__content.isMaxWidth {
max-width: 42%;
}
.email-marketing .rewamped-features .c-fullImage-block__media {
width: 60%;
}
.email-marketing .main-card {
border-radius: 6px;
}
.email-marketing ul.partnerLogos {
text-align: center;
display: inline-block;
}
.email-marketing .careers-page-wrap .c-insightsBox {
margin: 0;
min-width: 30%;
width: 32.2580645161%;
}
.email-marketing h7.bb-blue-text {
display: block;
}
.email-marketing .partnerLogos__item img {
max-height: 56px;
}
.email-marketing .c-insightsBox:hover {
text-decoration: none;
transform: none;
box-shadow: none;
}
.email-marketing .heroContent {
height: initial;
}
html .email-marketing .rewamped-features .comp.contact-details h7.h7-normal {
color: #133447;
}
html .email-marketing .product-cards .partnerLogos__item {
width: 37%;
display: inline-block;
}
html .email-marketing .contact-wrap .comp.contact-details .content {
padding-right: 15px;
}
.site a {
color: #3b43ff;
text-decoration: none;
}
.press-content a.c-btn.c-btn-arrow {
padding-left: 0px;
}
html .press-coverage-listing ul.list-items li:before {
display: none;
}
.blogHeader-Nav a.c-btn.c-btn-arrow {
padding-left: 0px;
}
.locations {
clear: both;
display: block;
color: #4c5564;
font-size: 14px;
font-style: normal;
font-weight: 450;
line-height: 24px;
}
.blog_featuredlist_wrapper a.c-btn.c-btn-arrow {
padding-left: 2px;
}
div#featured-block a.c-btn.c-btn-arrow {
padding-left: 0px;
}
html .landing-casestudy-pg .c-btn.open-modal {
color: #3b43ff !important;
}
.blogHeader-Right .c-btn-reverse:after {
display: none;
}
a.nav-featured span.c-btn.c-btn-arrow.arrow-nav {
font-size: 24px;
}
.customer-enNew a.c-btn.c-btn-arrow {
max-width: 100px;
}
.comp.form {
border-radius: 6px;
}
.pink-sticky-box button.contact.c-btn.c-btn-reverse {
background-color: #fff;
border: 1px solid #133447;
color: #133447 !important;
}
.footer-logo {
clear: both !important;
}
.landing-casestudy-pg .pink-sticky-box {
background: #f9f6f1 !important;
}
.custom-row {
--bs-gutter-x: 1.5rem;
--bs-gutter-y: 0;
display: flex;
flex-wrap: wrap;
margin-top: calc(var(--bs-gutter-y) * -1);
margin-right: calc(var(--bs-gutter-x) * -0.5);
margin-left: calc(var(--bs-gutter-x) * -0.5);
}
.custom-row > * {
flex-shrink: 0;
width: 100%;
max-width: 100%;
padding-right: calc(var(--bs-gutter-x) * 0.5);
padding-left: calc(var(--bs-gutter-x) * 0.5);
margin-top: var(--bs-gutter-y);
}
.c-100 {
flex: 0 0 auto;
width: 100%;
}
.c-50,
.c-60,
.c-40 {
flex: 0 0 auto;
width: 100%;
}
@media (min-width: 768px) {
.c-100 {
flex: 0 0 auto;
width: 100%;
}
.c-50 {
flex: 0 0 auto;
width: 50%;
padding: 0 25px !important;
}
.c-60 {
flex: 0 0 auto;
width: 60%;
}
.c-40 {
flex: 0 0 auto;
width: 40%;
}
}
.align-item-center {
align-items: center;
}
.custom-row {
--bs-gutter-x: 1.5rem;
--bs-gutter-y: 0;
display: flex;
flex-wrap: wrap;
margin-top: calc(var(--bs-gutter-y) * -1);
margin-right: calc(var(--bs-gutter-x) * -0.5);
margin-left: calc(var(--bs-gutter-x) * -0.5);
}
.custom-row > * {
flex-shrink: 0;
width: 100%;
max-width: 100%;
padding-right: calc(var(--bs-gutter-x) * 0.5);
padding-left: calc(var(--bs-gutter-x) * 0.5);
margin-top: var(--bs-gutter-y);
}
.c-100 {
flex: 0 0 auto;
width: 100%;
}
.c-50,
.c-60,
.c-40 {
flex: 0 0 auto;
width: 100%;
}
@media (min-width: 768px) {
.c-100 {
flex: 0 0 auto;
width: 100%;
}
.c-50 {
flex: 0 0 auto;
width: 50%;
}
.c-60 {
flex: 0 0 auto;
width: 60%;
}
.c-40 {
flex: 0 0 auto;
width: 40%;
}
}
.align-item-center {
align-items: center;
}
.bs-cta {
display: flex;
background: #425c77;
position: relative;
overflow: hidden;
padding: 60px 0 !important;
}
.bs-cta::after {
content: "";
position: absolute;
top: -10%;
right: -10%;
border-radius: 661.207px;
opacity: 0.8;
background: #ff134e;
filter: blur(212px);
width: 350px;
height: 350px;
z-index: 1;
}
@media (max-width: 1000px) {
.bs-cta::after {
top: 4%;
right: 0%;
opacity: 0.8;
width: 150px;
height: 150px;
}
}
.bs-cta .heading2 {
font-size: 36px;
}
.bs-cta .inner-section {
width: 100%;
}
.bs-cta .custom-sec {
background-color: #fcf8f7;
border-radius: 12px;
padding: 60px 40px 60px 80px;
position: relative;
z-index: 2;
}
.bs-cta .custom-sec.typ-bottom {
padding-bottom: 0 !important;
}
.bs-cta .custom-sec.img-full-height {
padding: 0px 70px 0px 70px;
margin: 0 auto;
max-width: 1200px;
}
@media (max-width: 1000px) {
.bs-cta .custom-sec.img-full-height {
text-align: center;
}
}
.bs-cta .custom-sec.img-full-height .full-height {
height: 100%;
display: inline-block;
text-align: center;
width: 100%;
overflow: hidden;
padding: 0;
margin: 0 auto;
margin-bottom: -15px;
}
.bs-cta .custom-sec.img-full-height .full-img {
display: inline-block;
width: 49%;
position: relative;
height: 460px;
}
@media (max-width: 1000px) {
.bs-cta .custom-sec.img-full-height .full-img {
width: 100%;
display: none;
}
}
.bs-cta .img-graphic {
width: 430px;
position: absolute;
bottom: 8px;
height: 430px;
}
.bs-cta .text-contain {
color: #324a61;
font-size: 21px;
font-style: normal;
font-weight: 500;
}
@media only screen and (max-width: 767px) {
.bs-cta .custom-sec.img-full-height {
height: auto;
padding: 40px 20px 0;
}
.bs-cta .custom-sec.img-full-height .full-height {
flex-direction: column;
}
.bs-cta .custom-sec.img-full-height .full-img {
justify-content: center;
}
.bs-cta .custom-sec.img-full-height .full-img .img-graphic {
margin-bottom: 0;
}
.bs-cta .custom-sec.typ-bottom .img-graphic {
margin-bottom: 0;
}
.bs-cta .custom-sec.typ-bottom .text-contain {
margin-bottom: 40px;
}
.mobile-reverse {
flex-direction: column-reverse;
}
.bs-cta .img-graphic {
display: flex;
margin-bottom: 50px;
}
.mob-reverse {
display: flex !important;
flex-direction: column-reverse;
}
}
.ptbr-tile {
line-height: initial !important;
margin-bottom: 10px;
}
.ptbr-tile.c-btn-arrow::after {
width: auto;
}
.toc-div nav.sub-nav {
padding-top: 20px;
padding-bottom: 10px;
}
.toc-div ul {
text-align: left;
padding-right: 20px;
max-width: 90%;
}
.toc-div ul li {
margin-bottom: 15px;
line-height: 18px;
list-style: decimal;
margin-left: 15px;
}
div#blog__single__wrapper .blogInner__right {
float: none;
}
.toc-div h4 {
text-align: left;
}
.toc-div .blogList-footer-social {
text-align: left !important;
}
.sticky-social .blogList-footer-social__link {
display: inline-block !important;
margin-bottom: 10px;
}
:target {
scroll-margin-top: 200px;
}
code[class*="language-"],
pre[class*="language-"] {
color: #000;
background: none;
text-shadow: 0 1px #fff;
font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
text-align: left;
white-space: pre;
word-spacing: normal;
word-break: normal;
word-wrap: normal;
line-height: 1.5;
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
}
pre[class*="language-"]::-moz-selection,
pre[class*="language-"] ::-moz-selection,
code[class*="language-"]::-moz-selection,
code[class*="language-"] ::-moz-selection {
text-shadow: none;
background: #b3d4fc;
}
pre[class*="language-"]::selection,
pre[class*="language-"] ::selection,
code[class*="language-"]::selection,
code[class*="language-"] ::selection {
text-shadow: none;
background: #b3d4fc;
}
@media print {
code[class*="language-"],
pre[class*="language-"] {
text-shadow: none;
}
}
pre[class*="language-"] {
padding: 1em;
margin: 0.5em 0;
overflow: auto;
}
:not(pre) > code[class*="language-"],
pre[class*="language-"] {
background: #f5f2f0;
}
:not(pre) > code[class*="language-"] {
padding: 0.1em;
border-radius: 0.3em;
white-space: normal;
}
.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
color: #708090;
}
.token.punctuation {
color: #999;
}
.namespace {
opacity: 0.7;
}
.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.constant,
.token.symbol,
.token.deleted {
color: #905;
}
.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
color: #690;
}
.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string {
color: #9a6e3a;
background: rgba(255, 255, 255, 0.5);
}
.token.atrule,
.token.attr-value,
.token.keyword {
color: #07a;
}
.token.function,
.token.class-name {
color: #dd4a68;
}
.token.regex,
.token.important,
.token.variable {
color: #e90;
}
.token.important,
.token.bold {
font-weight: bold;
}
.token.italic {
font-style: italic;
}
.token.entity {
cursor: help;
}
div.code-toolbar {
position: relative;
}
div.code-toolbar > .toolbar {
position: absolute;
top: 0.3em;
right: 0.2em;
transition: opacity 0.3s ease-in-out;
opacity: 0;
}
div.code-toolbar:hover > .toolbar {
opacity: 1;
}
div.code-toolbar > .toolbar .toolbar-item {
display: inline-block;
}
div.code-toolbar > .toolbar a {
cursor: pointer;
}
div.code-toolbar > .toolbar button {
background: none;
border: 0;
color: inherit;
font: inherit;
line-height: normal;
overflow: visible;
padding: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}
div.code-toolbar > .toolbar a,
div.code-toolbar > .toolbar button,
div.code-toolbar > .toolbar span {
color: #bbb;
font-size: 0.8em;
padding: 0 0.5em;
background: #f5f2f0;
background: rgba(224, 224, 224, 0.2);
box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2);
border-radius: 0.5em;
}
div.code-toolbar > .toolbar a:hover,
div.code-toolbar > .toolbar a:focus,
div.code-toolbar > .toolbar button:hover,
div.code-toolbar > .toolbar button:focus,
div.code-toolbar > .toolbar span:hover,
div.code-toolbar > .toolbar span:focus {
color: inherit;
text-decoration: none;
}
.interview-showcase-page .app-banner.border-btm {
border-bottom: 7px solid #a4c7e9;
border-radius: 0 !important;
}
.interview-showcase-page .heroContent .headingh1 {
margin: 0;
}
@media (max-width: 1000px) {
.interview-showcase-page .heroContent .headingh1 {
margin-bottom: 40px;
}
}
.interview-showcase-page .home .home-wrap .heroContent {
background: #fbf4ec;
position: relative;
padding: 80px 48px;
}
.interview-showcase-page .banner-70-30 .heroContent__subText {
font-size: 22px;
color: rgba(0, 30, 60, 0.6);
margin: 42px 0;
}
@media (max-width: 1000px) {
.interview-showcase-page .banner-70-30 .heroContent__subText {
margin-top: 0;
}
}
.interview-showcase-page .banner-70-30 .heroContent__subText strong {
font-weight: 600;
}
.interview-showcase-page .banner-70-30 .lhs-align {
width: 70%;
}
.interview-showcase-page .banner-70-30 .rhs-align {
width: 30%;
position: absolute;
right: 0px;
}
.interview-showcase-page .banner-70-30 .rhs-align img {
position: relative;
right: -20px;
}
.interview-showcase-page .heroContent__subText {
width: auto;
max-width: 580px;
margin-bottom: 30px;
color: #001e3c;
font-size: 18px;
font-weight: 500;
text-align: left;
line-height: 1.3;
}
.interview-showcase-page .isotope.item {
float: left;
width: 200px;
height: 200px;
background: #0d8;
border: 2px solid #333;
border-color: rgba(0, 0, 0, 0.7);
}
.interview-showcase-page .isotope-section .isotope-filters {
text-align: center;
}
.interview-showcase-page .isotope-section .isotope-filters button.active {
background: #ff134e;
border: 1px solid #6c1c30;
color: #fff;
}
.interview-showcase-page .isotope-section .isotope-filters button {
background: #f8f3f2;
border: 1px solid #d9d9d9;
color: rgba(100, 133, 153, 0.8);
padding: 7px 20px;
margin: 5px 10px;
border-radius: 20px;
}
@media (max-width: 1000px) {
.interview-showcase-page .isotope-section .isotope-filters button {
margin: 5px 5px;
}
}
.interview-showcase-page .isotope-section .isotope {
margin-top: 5%;
}
.interview-showcase-page .item {
padding: 10px;
}
@media (max-width: 1000px) {
.interview-showcase-page .item {
display: block;
height: 100%;
position: relative;
margin-bottom: 20px;
}
}
.interview-showcase-page .item .item-innr {
border: 1px solid #c4bdbc;
height: 100%;
border-radius: 20px;
}
@media (max-width: 1000px) {
.interview-showcase-page .item .item-innr {
height: auto;
}
}
.interview-showcase-page .item .item-innr .top-sec {
padding: 25px 25px 20px 25px;
border-bottom: 1px solid rgba(0, 30, 60, 0.2);
}
.interview-showcase-page .item .item-innr .top-sec .tag {
margin-bottom: 15px;
}
.interview-showcase-page .item .item-innr .top-sec .tag span {
color: #6c1c30;
font-weight: 500;
padding: 5px 10px;
background: rgba(145, 47, 86, 0.2);
border-radius: 25px;
margin-right: 10px;
display: inline-block;
margin-bottom: 8px;
}
.interview-showcase-page .item .item-innr .top-sec .heading {
font-size: 26px;
margin-bottom: 15px;
font-weight: 500;
}
@media (max-width: 1000px) {
.interview-showcase-page .item .item-innr .top-sec .heading {
font-size: 22px;
}
}
.interview-showcase-page .item .item-innr .top-sec .profile span {
margin-right: 15px;
}
.interview-showcase-page .item .item-innr .top-sec .profile span img {
width: 18px;
position: relative;
top: 4px;
margin-right: 3px;
}
.interview-showcase-page .item .item-innr .bottom-sec {
padding: 0px 25px 25px 25px;
}
@media (max-width: 1000px) {
.interview-showcase-page .item .item-innr .bottom-sec {
overflow: hidden;
}
}
.interview-showcase-page .item .item-innr .bottom-sec .desc {
margin: 20px 0;
min-height: 175px;
}
.interview-showcase-page .item .item-innr .bottom-sec .yitem {
position: relative;
display: block;
height: 55px;
margin-top: 0;
}
.interview-showcase-page .item .item-innr .bottom-sec .yitem audio {
position: absolute;
top: 15%;
left: 25px;
width: 100%;
}
@media (max-width: 1000px) {
.interview-showcase-page .item .item-innr .bottom-sec .yitem audio {
width: 100%;
}
}
.interview-showcase-page .item .item-innr .bottom-sec .yitem .yicon {
margin-right: 15px;
}
.interview-showcase-page .item .item-innr .bottom-sec .yitem .ydate {
display: inline-block;
vertical-align: top;
position: relative;
top: 22px;
}
.interview-showcase-page .item .item-innr .yitem {
position: relative;
max-width: 300px;
cursor: pointer;
margin-top: 20px;
}
.interview-showcase-page
.item
.item-innr
.yitem
audio::-webkit-media-controls-play-button,
.interview-showcase-page
.item
.item-innr
.yitem
audio::-webkit-media-controls-panel {
background-color: #fff;
color: #fff;
}
.interview-showcase-page
.item
.item-innr
.yitem
audio::-webkit-media-controls-download-button {
display: none;
}
.interview-showcase-page .item .item-innr .yitem .desc-left {
float: left;
padding-top: 0;
position: absolute;
z-index: 2;
}
.interview-showcase-page .item .item-innr .yitem .desc-right {
float: left;
padding-top: 22px;
margin-left: 20px;
}
@media (max-width: 1000px) {
.pricing-page .gradient-peach-yellow {
padding-top: 0px !important;
}
}
.pricing-tabs-wrapper {
margin: 32px 0;
}
.pricing-tabs-wrapper .wrapper {
display: flex;
}
@media (max-width: 1000px) {
.pricing-tabs-wrapper .wrapper {
overflow-x: scroll;
margin: 0;
padding: 0;
min-width: 400px;
}
}
.pricing-tabs-wrapper .wrapper .card-wrap {
border-radius: 24px;
border: 1px solid #c4bdbc;
background: #fff;
display: flex;
width: 48%;
margin: 5px 30px;
padding: 40px 40px;
flex-direction: column;
align-items: center;
}
@media (max-width: 1000px) {
.pricing-tabs-wrapper .wrapper .card-wrap {
width: auto;
min-width: 345px;
border: 0;
text-align: left !important;
margin: 0;
margin-right: 20px;
padding: 30px 30px;
}
}
.pricing-tabs-wrapper .wrapper .card-wrap h4 {
font-size: 40px;
}
.pricing-tabs-wrapper .wrapper .card-wrap .p2 {
color: #66788a;
min-height: 80px;
}
@media (max-width: 1000px) {
.pricing-tabs-wrapper .wrapper .card-wrap .p2 {
text-align: left;
}
}
.pricing-tabs-wrapper .wrapper .card-wrap .plan-specs {
margin-bottom: 10px;
color: #3b43ff;
font-size: 18px;
font-weight: bold;
}
.pricing-tabs-wrapper .wrapper .card-wrap .plan-specs li {
list-style: none;
color: #001e3c;
font-size: 17px;
font-style: normal;
font-weight: 700;
line-height: 130%;
letter-spacing: -0.36px;
display: inline-block;
border-right: 1px solid #afafaf;
padding-right: 8px;
margin-right: 8px;
}
.pricing-tabs-wrapper .wrapper .card-wrap .plan-specs li:last-child {
margin-right: 0;
padding-right: 0;
border: 0;
}
.pricing-tabs-wrapper .wrapper .card-wrap .u-tac {
margin-top: 20px;
}
.pricing-tabs-wrapper .wrapper .card-wrap .u-tac .c-btn {
width: 100%;
display: block;
text-align: center;
}
.pricing-tabs-wrapper .wrapper .card-wrap .u-tac .c-btn::after {
position: relative;
top: 3px;
}
.pricing-tabs-wrapper .wrapper .card-wrap .bullet-points {
padding-bottom: 20px;
min-height: 470px;
}
@media (max-width: 1000px) {
.pricing-tabs-wrapper .wrapper .card-wrap .bullet-points {
padding-top: 10px;
}
}
.pricing-tabs-wrapper .wrapper .card-wrap .bullet-points li {
font-size: 15px;
list-style: none;
margin-bottom: 12px;
padding-left: 30px;
position: relative;
text-align: left;
}
.pricing-tabs-wrapper .wrapper .card-wrap .bullet-points li::before {
content: "";
background: url(http://babblebots.ai/wp-content/uploads/2024/02/check-icon.png)
top center no-repeat;
background-size: contain;
width: 16px;
height: 16px;
position: absolute;
left: 0;
top: 20%;
}
.pricing-tabs-wrapper .rhs-author-profile {
float: none;
width: auto;
text-align: center;
position: relative;
transform: none;
margin-top: 20px;
}
.pricing-brand-logos h4 {
color: #818292;
font-size: 24px;
font-weight: normal;
}
.accordion-table table {
width: 100%;
border-radius: 20px;
overflow: hidden;
border: 1px solid #c4bdbc;
display: block;
}
.accordion-table table tr td,
.accordion-table table tr th {
border: 1px solid #c4bdbc;
height: 90px;
padding: 24px 24px;
justify-content: center;
align-items: center;
border-top: 0;
}
@media (max-width: 1000px) {
.accordion-table table tr td,
.accordion-table table tr th {
padding: 1px 5px;
height: auto;
}
}
.accordion-table table tr td:last-child,
.accordion-table table tr th:last-child {
border-right: 0;
}
.accordion-table table tr td:first-child,
.accordion-table table tr th:first-child {
border-left: 0;
}
.accordion-table table tr td.no-padding,
.accordion-table table tr th.no-padding {
padding: 0;
border: 0;
}
.accordion-table table tr td {
font-size: 20px;
font-style: normal;
font-weight: 500;
}
@media (max-width: 1000px) {
.accordion-table table tr td {
font-size: 13px;
}
}
.accordion-table table tr td:not(:first-child) {
text-align: center;
}
.accordion-table table tr td.cross-bg {
background: rgba(255, 19, 78, 0.06);
}
.accordion-table table tr td.mid-table-title {
border: 0;
position: relative;
left: 100px;
}
@media (max-width: 1000px) {
.accordion-table table tr td.mid-table-title {
left: 10%;
}
}
.accordion-table table tr th {
font-size: 24px;
font-style: normal;
font-weight: 700;
}
@media (max-width: 1000px) {
.accordion-table table tr th {
font-size: 14px;
}
}
.faqs-ardn__head .accrdn_title {
font-size: 24px;
font-style: normal;
font-weight: 500;
}
@-webkit-keyframes pulse {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
@keyframes pulse {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
}
40% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
60% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg);
}
80% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg);
}
to {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
}
40% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
60% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg);
}
80% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg);
}
to {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
.swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
to {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes slideInDown {
0% {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes slideInDown {
0% {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInUp {
0% {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes slideInUp {
0% {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.animated.delay-1s {
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.animated.delay-2s {
-webkit-animation-delay: 2s;
animation-delay: 2s;
}
.animated.delay-3s {
-webkit-animation-delay: 3s;
animation-delay: 3s;
}
.animated.delay-4s {
-webkit-animation-delay: 4s;
animation-delay: 4s;
}
.animated.delay-5s {
-webkit-animation-delay: 5s;
animation-delay: 5s;
}
.animated.fast {
-webkit-animation-duration: 0.8s;
animation-duration: 0.8s;
}
.animated.faster {
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
}
.animated.slow {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
.animated.slower {
-webkit-animation-duration: 3s;
animation-duration: 3s;
}
@media (prefers-reduced-motion: reduce), (print) {
.animated {
-webkit-animation-duration: 1ms !important;
animation-duration: 1ms !important;
-webkit-transition-duration: 1ms !important;
transition-duration: 1ms !important;
-webkit-animation-iteration-count: 1 !important;
animation-iteration-count: 1 !important;
}
}
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: 0;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-list,
.slick-slider .slick-track {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:after,
.slick-track:before {
display: table;
content: "";
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir="rtl"] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid rgba(0, 0, 0, 0);
}
.slick-arrow.slick-hidden {
display: none;
}