/*
Theme Name: WP Bootstrap Starter Child Theme
Theme URI: https://wordpress.org/themes/wp-bootstrap-starter/
Description: A child theme of WPBS Theme
Author: Afterimage Designs
Author URI: https://afterimagedesigns.com/
Template: wp-bootstrap-starter
Version: 1.4
*/
/****************************************
*** GLOBAL STYLES ***
*****************************************/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
html {
font-size: 100% !important;
}
body {
font-family: 'Lato', sans-serif;
color: #1d1d1d;
line-height: 180%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 700;
}
h1,
h2 {
font-size: 28px;
text-align: center;
}
h3 {
font-size: 20px;
}
h4 {
font-size: 18px;
}
h5 {
font-size: 16px;
}
h6 {
font-size: 14px;
}
:focus-visible,
:focus{
outline: -webkit-focus-ring-color auto 1px !important;
}
#content.site-content {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.entry-content {
margin-top: 0;
}
.navbar-brand {
font-size: 0;
max-width: 100px;
}
.vc_row.eleven-seven,
.vc_row.twelve-six,
.vc_row.thirteen-five,
.wpb_content_element.twelve-six {
margin: 0 auto;
width: 100%;
}
.vc_row.thirteen-five {
max-width: 1350px;
}
.vc_row.twelve-six,
.wpb_content_element.twelve-six {
max-width: 1260px;
}
.vc_row.eleven-seven {
max-width: 1170px;
}
sup {
top: 0 !important;
font-size: 100% !important;
}
select,
select.form-control,
textarea,
textarea.form-control,
input[type=text],
input[type=search],
input[type=url],
input[type=tel],
input[type=number],
input[type=color],
input[type=email],
input[type=email],
input[type=password],
textarea:focus,
input[type=text]:focus,
input[type=url]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=color]:focus,
input[type=email]:focus,
input[type=email]:focus,
input[type=password]:focus,
textarea:hover,
input[type=text]:hover,
input[type=url]:hover,
input[type=tel]:hover,
input[type=number]:hover,
input[type=color]:hover,
input[type=email]:hover,
input[type=password]:hover {
border-left-color: #ffae4a;
color: #000;
border-top-color: #e7e7e7;
border-right-color: #e7e7e7;
border-bottom-color: #e7e7e7;
padding: 10px 10px 10px 20px;
background-color: #fff;
border-width: 1px 1px 1px 3px;
border-style: solid;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: color 0.2s ease;
-o-transition: color 0.2s ease;
transition: color 0.2s ease;
}
input[type=submit],
.w2lsubmit input[type="submit"],
.wpcf7-submit input[type="submit"] {
border-radius: 8px;
font-size: 14px;
font-weight: 800;
letter-spacing: 2px;
padding: 13px 56px;
text-transform: uppercase;
border: none;
background: #ff9900;
color: #fff;
}
.btn-primary:hover {
border: none;
background: #d18000;
}
.wpcf7-form input,
.wpcf7-form select {
height: 50px;
}
.wpcf7-form textarea {
height: 112px;
}
.wpcf7-submit {
margin: 50px auto 0;
display: inherit;
}
.grecaptcha-badge {
display: none;
}
.left h1,
.left h2 {
text-align: left;
}
.center-txt {
text-align: center;
}
td,
th {
border: 1px solid #cecece;
padding: 5px 15px;
}
/****************************************
*** HEADER ***
*****************************************/
header#masthead {
background-color: #fff;
padding-top: 24px;
padding-bottom: 24px;
box-shadow: none;
-webkit-box-shadow: none;
}
.navbar-nav .dropdown-menu {
min-width: 250px;
}
.navbar-nav .dropdown-item {
border-bottom: 1px solid #6464641C;
padding: 10px 0 10px 0;
line-height: 1.2;
font-weight: 500;
}
.navbar-nav .dropdown-menu .menu-item {
margin: 0 20px;
}
.navbar-nav .dropdown-menu .menu-item:first-child a {
padding-top: 5px
}
.navbar-nav .dropdown-menu .menu-item:last-child a {
border-bottom: none;
padding-bottom: 5px
}
body:not(.theme-preset-active) #masthead .navbar-nav>li>a,
.dropdown-item {
color: #555555;
font-weight: 400;
font-size: 18px;
text-transform: capitalize;
padding: 0 14px;
line-height: 1.2;
}
body:not(.theme-preset-active) #masthead .navbar-nav > li > .dropdown-toggle::after {
content: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%227%22%20viewBox%3D%220%200%2012%207%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M11%201L6%206L1%201%22%20stroke%3D%22%23555555%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E");
border: 0;
margin: 0 0 0 5px;
vertical-align: 0px;
line-height: normal;
}
body:not(.theme-preset-active) #masthead .navbar-nav>li.current_page_item>a {
color: #7b7b7b;
}
body:not(.theme-preset-active) #masthead .navbar-nav>li>a:hover,
.dropdown-item:hover {
color: #7b7b7b;
font-weight: 400;
}
body:not(.theme-preset-active) #masthead .navbar-nav>li.login {
margin-left: 10px;
opacity: 0.9;
}
body:not(.theme-preset-active) #masthead .navbar-nav>li.login>a {
color: #006CFF;
padding: 9px 23px !important;
border: 1px solid #006cff;
border-radius: 30px;
display: inline-block;
}
body:not(.theme-preset-active) #masthead .navbar-nav>li.login>a:hover{
background-color: #006cff;
color: #fff;
}
.navbar-nav {
align-items: center;
}
.scrollToTop {
display: none;
color: #1772e5;
cursor: pointer;
width: 40px;
height: 40px;
line-height: 40px;
font-size: 12px;
position: fixed;
bottom: 20px;
right: 20px;
z-index: 9999;
opacity: 0.4;
filter: alpha(opacity=40);
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.scrollToTop:hover {
opacity: 1;
filter: alpha(opacity=100);
}
/****************************************
*** HERO ***
*****************************************/
.hero.about {
min-height: 500px;
}
.hero h1 {
color: #fff;
max-width: 770px;
margin: 0 auto;
line-height: 1;
font-size: 47px;
}
.hero-banner-title {
letter-spacing: -2px;
text-transform:capitalize;
}
.hero-banner-title b,
.hero-banner-title b i{
font-weight:700;
}
.hero-sec .wpb_single_image img,
.hero-sec .wpb_single_image .vc_single_image-wrapper,
.hero-sec .wpb_single_image .vc_figure {
width: 100%;
}
/****************************************
*** HOME ***
*****************************************/
.home .hero-text {
max-width: 395px;
width: 100%;
}
.home .hero h1 {
font-size: 56px;
line-height: 1.07;
color: #000;
text-align: left;
}
.home .hero p {
font-size: 20px;
font-weight: 300;
line-height: 29px;
}
.home .hero a {
background-color: #ff9900;
border-radius: 8px;
color: #fefefe;
font-weight: 700;
font-size: 16px;
letter-spacing: 2.4px;
padding: 20px 25px;
display: inline-block;
}
.trusted h2 {
font-size: 20px;
}
.trusted h2 {
color: #fff;
line-height: 1.21;
margin-top: 0;
}
.nationwide {
max-width: 478px;
width: 100%;
margin: 0 auto;
padding: 25px 15px;
border-radius: 0.5px;
border: solid 1px #f4f4f4;
box-shadow: 0 0 5px 0 rgb(0 0 0 / 15%);
-webkit-box-shadow: 0 0 5px 0 rgb(0 0 0 / 15%);
-moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
}
.nationwide h4 {
margin-bottom: 15px;
color: #1772e5;
}
#content .nationwide.wpb_text_column :last-child,
#content .nationwide.wpb_text_column p:last-child,
.nationwide.wpb_text_column :last-child,
.nationwide.wpb_text_column p:last-child {
margin-bottom: 16px;
line-height: 1.63;
color: #595959;
}
.stats {
border-top: 2px solid #f2f2f2;
border-bottom: 2px solid #f2f2f2;
padding-top: 25px;
padding-bottom: 25px;
}
.stats .stat1 p:first-child,
.stats .stat2 p:first-child,
.stats .stat3 p:first-child {
text-align: center;
margin-bottom: 0px !important;
}
.stats .stat1 p:last-child,
.stats .stat2 p:last-child,
.stats .stat3 p:last-child {
margin-top: -30px;
font-weight: 700;
padding-bottom: 0px !important;
font-size: 14px;
text-align: center;
color: #595959;
}
.stats .tsk1,
.stats .tsk2,
.stats .tsk3 {
font-size: 50px;
line-height: 2.2;
color: #000;
font-weight: 700;
}
.mid-stat {
border-left: 2px solid #f2f2f2;
border-right: 2px solid #f2f2f2;
}
span.tsk1::before,
span.tsk2::before,
span.tsk3::before {
padding: 0 10px;
}
span.tsk1::before {
content: url(/wp-content/uploads/2021/12/family-orange.jpg);
}
span.tsk2::before {
content: url(/wp-content/uploads/2021/12/time.jpg);
}
span.tsk3::before {
content: url(/wp-content/uploads/2021/12/calendar.jpg);
}
.transform {
display: flex;
}
.transform-txt.vc_column_container,
.transform-txt {
padding-right: 64px;
}
.transform-txt h2 {
max-width: 415px;
width: 100%;
margin-top: 1.25rem;
font-size: 30px;
font-weight: 700;
text-align: left;
}
.transform-txt p {
margin: 0;
line-height: 180%;
}
.transform-img {
min-height: 549px !important;
}
.solutions h4 {
color: #000;
}
.solutions-container ul {
padding: 0;
margin: 0;
list-style: none;
-ms-box-orient: horizontal;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.solutions-container li {
width: 285px;
height: 378px;
margin: 10px;
padding: 25px;
border-radius: 12px;
border: solid 1px #f4f4f4;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
}
.solutions-container li h3 {
font-size: 18px;
margin: 20px 0 15px;
}
.solutions-container li p {
font-size: 15px;
line-height: 1.5;
}
.wpb_content_element.customer-box {
margin-bottom: 5px;
}
.customers h2 {
margin-top: 20px;
color: #fff;
line-height: 1.21;
}
.customer-box {
background-color: #fff;
border-radius: 10px;
border: solid 1px #f4f4f4;
padding: 10px 0;
min-height: 418px;
max-width: 340px;
margin: 0 auto;
}
.customer-box .logo {
border-bottom: 1px solid #d1d1d1;
padding-bottom: 13px;
}
.customer-box p {
padding: 0 25px;
color: #595959;
font-size: 15px !important;
line-height: 1.5 !important;
}
.customer-box img:hover {
cursor: pointer;
}
.learn {
display: flex;
}
.learn a {
color: #fff;
display: block;
}
.learn a:hover {
text-decoration: none;
}
.learn-btn h2 {
color: #fff;
}
.learn-img {
min-height: 486px !important;
}
.learn-img .vc_column-inner {
padding-top: 0 !important;
}
.learn-img img:hover {
cursor: pointer;
}
.slick-dots {
transform: none;
position: relative;
}
.slick-dots li button {
border: 2px solid #fff !important;
}
#sp-testimonial-free-wrapper-72 .sp-testimonial-free-section .tfree-client-testimonial p {
color: #f6f6f6 !important;
font-size: 21px;
line-height: 180%;
}
#sp-testimonial-free-wrapper-72 .sp-testimonial-free-section .tfree-client-name {
text-transform: uppercase;
font-size: 14px;
font-weight: 700;
color: #f6f6f6 !important;
}
#sp-testimonial-free-wrapper-72 .sp-testimonial-free-section .tfree-client-designation {
font-size: 12px;
line-height: 26px;
color: #f6f6f6 !important;
}
#content .wpb_text_column .slick-dots li:last-child,
.wpb_text_column .slick-dots li:last-child {
margin-bottom: 3px;
}
.news-container {
padding: 0;
margin: 0;
list-style: none;
-ms-box-orient: horizontal;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.news-item {
display: flex;
width: 555px;
height: 239px;
margin: 0 15px 35px;
padding: 0;
border-radius: 10px;
border: solid 1px #f4f4f4;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
}
.news-item>a>img {
flex: 1;
border-radius: 10px 0 0 10px;
}
.news-item .content {
padding: 30px;
flex: 2;
border-left: 1px solid #dedede;
}
.news-item p {
font-size: 18px;
font-weight: 700;
line-height: 1.51;
color: #2d2d2d;
margin-top: 20px;
}
.demo-txt p {
text-align: center;
font-size: 12px;
}
.salesforce_w2l_lead.sf_one_column #salesforce_w2l_lead_1 {
text-align: center;
}
.salesforce_w2l_lead .required,
.salesforce_w2l_lead label {
font-weight: normal !important;
}
.salesforce_w2l_lead span.required {
color: #1d1d1d !important;
}
.salesforce_w2l_lead .sf_field {
margin-bottom: 1em;
}
.salesforce_w2l_lead .top-aligned .sf_field_first_name {
width: 50%;
padding-right: 2%;
}
.salesforce_w2l_lead .top-aligned .sf_field_last_name {
width: 50%;
padding-left: 2%;
}
.salesforce_w2l_lead .sf_field.sf_field_first_name,
.salesforce_w2l_lead .sf_field.sf_field_last_name {
clear: none;
float: left;
}
.salesforce_w2l_lead .w2linput.text {
width: 100% !important;
}
.MultiCheckBox {
border: 1px solid #e2e2e2;
padding: 5px;
border-radius: 4px;
cursor: pointer;
background: #fff;
}
.MultiCheckBox .k-icon {
font-size: 15px;
float: right;
font-weight: bolder;
margin-top: -7px;
height: 10px;
width: 14px;
color: #787878;
}
.MultiCheckBoxDetail {
display: none;
position: absolute;
border: 1px solid #e2e2e2;
overflow-y: hidden;
background: #fff;
}
.MultiCheckBoxDetailBody {
overflow-y: scroll;
}
.MultiCheckBoxDetail .cont {
clear: both;
overflow: hidden;
padding: 2px;
}
.MultiCheckBoxDetail .cont:hover {
background-color: #cfcfcf;
}
.MultiCheckBoxDetailBody>div>div {
float: left;
}
.MultiCheckBoxDetailHeader {
overflow: hidden;
position: relative;
height: 28px;
background-color: #3d3d3d;
}
.MultiCheckBoxDetailHeader>input {
position: absolute;
top: 10px;
left: 2px;
}
.MultiCheckBoxDetailHeader>div {
position: absolute;
top: 5px;
left: 24px;
color: #fff;
}
input[type=checkbox].mulinput {
margin: 0 5px !important;
}
.sf_field.sf_field_00N5Y00000TIqLt.sf_type_multi-select sup,
#content .salesforce_w2l_lead .sf_required_fields_msg {
display: none;
}
.salesforce_w2l_lead .w2linput.text.captcha {
width: 160px !important;
}
#content .salesforce_w2l_lead .w2lsubmit {
padding: 2em 0 1em;
}
#content .w2lsubmit input[type="submit"] {
margin-left: auto;
margin-right: auto;
background: #ff9900 !important;
color: #fff;
}
/****************************************
*** ABOUT ***
*****************************************/
.about h2 {
color: #ffffff;
max-width: 820px;
margin: 0px auto;
padding: 0px;
line-height: 1.36;
font-weight: 300;
font-size: 30px;
}
.about-body {
max-width: 770px;
margin: 0 auto;
}
.case-study p {
font-size: 15px;
font-weight: 700;
margin-bottom: 0;
text-align: center;
}
.case-study p:first-child {
color: #f98a00;
margin-top: 20px;
letter-spacing: 1.1px;
}
.case-study p:last-child {
font-size: 28px;
}
.wpb_gallery_slides {
max-width: 1425px;
margin: 0 auto;
}
.wpb_image_grid .wpb_image_grid_ul .isotope-item {
padding-left: 5px;
padding-right: 5px;
}
.come-work h2,
.come-work p {
color: #ffffff;
}
.split-nav h2 {
margin: 0;
padding: 0;
}
.split-nav p {
margin-top: 35px;
text-align: center;
}
.split-nav a {
background-color: #ff9900;
border-radius: 8px;
color: #fefefe;
font-weight: 700;
width: 275px;
height: 44px;
line-height: 44px;
font-size: 14px;
letter-spacing: 2.4px;
display: inline-block;
}
.values-container {
padding: 0;
margin: 0;
list-style: none;
-ms-box-orient: horizontal;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.values-item {
display: flex;
width: 505px;
margin: 0 10px;
padding: 0;
}
.values-item img {
order: 1;
flex-shrink: 1;
width: 43px;
height: 43px;
}
.values-item .content {
padding: 0 30px 30px;
order: 2;
}
.values-item h5 {
font-size: 18px;
font-weight: 700;
line-height: 1.51;
color: #2d2d2d;
}
.values-item p {
font-size: 16px;
}
.img-grid.vc_row {
max-width: 1425px;
margin: 0 auto;
}
.img-grid .vc_column_container>.vc_column-inner {
padding: 0;
}
/****************************************
*** MEET THE TEAM - SINGLE ***
*****************************************/
.binti_team {
padding: 60px 0;
}
.binti_team .container {
padding: 0;
}
.binti_team h1 {
border-bottom: 1px solid #ebebeb;
padding-bottom: 35px;
margin-bottom: 35px;
text-align: left;
}
.binti_team span {
font-size: 21px;
margin-left: 10px;
font-weight: 400;
}
.binti_team .col-4 img {
margin-top: 8px;
}
.binti_team a img.alignnone {
margin: 0 20px 0 0;
}
/****************************************
*** MEET THE TEAM - ARCHIVE ***
*****************************************/
.page-template-template-team .container {
max-width: 1190px;
}
.team-archive-header {
background-color: #f5f9fe;
padding-top: 50px;
padding-bottom: 20px;
}
.team-archive h1 {
padding-bottom: 0;
}
.team-archive p {
text-align: center;
max-width: 585px;
margin: 0 auto;
}
.cat-list {
padding: 0;
margin: 35px 10px;
list-style: none;
-ms-box-orient: horizontal;
display: flex;
justify-content: center;
flex-wrap: wrap;
border: none;
box-shadow: 0px 1px 5px #dedede!important;
border-radius: 10px;
}
.cat-list li {
padding: 20px 36px;
}
.cat-list a {
font-size: 15px;
padding: 20px 0;
color: #000;
}
.cat-list a:hover {
text-decoration: none;
}
.cat-list a.active {
border-bottom: 3px solid #1772e5;
color: #1772e5;
padding-bottom: 5px;
}
.teammates {
padding: 0;
margin: 0 0 60px;
list-style: none;
-ms-box-orient: horizontal;
display: flex;
justify-content: center;
flex-wrap: wrap;
-webkit-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}
.teammates.loading {
opacity: 0;
-webkit-transform: translateY(30px);
-ms-transform: translateY(30px);
transform: translateY(30px)
}
.teammates li {
width: 269px;
height: 367px;
margin: 10px 10px 20px;
border-radius: 10px;
border: solid 1px #dedede;
box-shadow: 0px 5px 10px #dedede;
-webkit-box-shadow: 0px 5px 10px #dedede;
-moz-box-shadow: 0px 5px 10px #dedede;
}
.teammates img {
border-radius: 10px 10px 0px 0px;
margin-bottom: 15px;
height: 267px;
width: 267px;
object-fit: cover;
object-position: top;
}
.teammates p {
font-size: 14px;
text-transform: uppercase;
line-height: 150%;
padding: 0 10px;
}
/****************************************
*** WE'RE HIRING ***
*****************************************/
.img-grid {
display: flex;
}
.quotes img {
width: 100px;
height: 100px;
border-radius: 50px;
}
.wpb_content_element.quote {
margin-bottom: 15px;
}
.wpb_content_element.cite {
text-transform: uppercase;
font-size: 14px;
letter-spacing: 2px;
margin-bottom: 50px;
}
.non-reqs {
padding-top: 20px;
padding-bottom: 30px;
}
.non-reqs h2 {
color: #fff;
}
.non-reqs .wpb_content_element:first-child {
margin-bottom: 25px;
}
.non-reqs .wpb_content_element:nth-child(2) {
margin-bottom: 10px;
}
.non-reqs ul {
list-style: none;
padding: 0;
margin: 0;
text-align: center;
color: #fff;
}
#lever-jobs-container {
margin-top: 50px;
}
#lever-jobs-container .lever-job-title {
color: #1772e5!important;
text-decoration: none!important;
}
#lever-jobs-container h4.lever-team-title {
text-transform: uppercase;
font-size: 16px;
color: #f98a00;
letter-spacing: 2px;
}
#lever-jobs-container .lever-job-tag {
text-align: right;
}
/****************************************
*** BLOG PAGE ***
*****************************************/
.featured {
background-color: #f5f9fe;
}
.card {
background-color: transparent;
border: none;
border-radius: 0;
height: auto;
margin-bottom: 5px;
padding: 0 50px;
}
.posts-carousel {
padding: 0 !important;
}
.posts-carousel .slick-arrow{
z-index: 1;
}
.card a {
text-decoration: none;
color: #007bff;
}
.card p {
font-size: 18px;
line-height: 180%;
}
.card-body {
padding: 18px 0;
}
.feature-block {
height: 100%;
text-align: center;
background: #fff;
padding: 35px 26px 0 26px;
box-shadow: 0px 2px 10px #ccc;
border-radius: 10px;
border: 2px solid #fff;
}
.posts-carousel .slick-track {
display: flex;
}
.feature-block:hover {
border: 2px solid #f98a00;
background-image: url(/wp-content/uploads/2022/02/xlink.jpg);
background-repeat: no-repeat;
background-position: right top;
}
.slick-prev {
left: -10px;
}
.slick-next {
right: 42px;
}
.slick-prev:before,
.slick-next:before {
position: absolute;
top: calc(50% - 47px)!important;
font-size: 0;
}
.slick-prev:before {
content: url(/wp-content/uploads/2022/02/leftarrow_orange.png);
}
.slick-next:before {
content: url(/wp-content/uploads/2022/02/rightarrow_orange.png);
}
.card img.vid {
height: auto;
}
.blog-post {
display: flex;
padding: 20px 5px 35px;
margin-bottom: 20px;
border-bottom: 1px solid #e8e5da;
}
.blog-post>a>img {
flex: 1;
border-radius: 144px;
width: 144px;
height: 144px;
}
.post-content {
flex: 2;
width: 80%;
padding-left: 15px;
}
.post-content p {
font-size: 14px;
line-height: 1.5;
}
p.post-date {
text-transform: uppercase;
letter-spacing: 2px;
margin-bottom: 10px;
}
.post-content h4 {
font-weight: normal;
}
p.post-excerpt {
color: #464646;
}
p.read-more {
text-align: right;
}
.featured {
padding: 50px 0;
}
.featured h1 {
margin: 0 0 30px;
padding: 0;
}
.col-sm-12.featured img {
object-fit: contain;
min-width: 150px;
width: 65%;
}
.blog h2,
.archive h1 {
padding-top: 50px;
}
.page-template-template-blog h2 {
font-size: 28px;
}
.post-nav {
text-align: center;
padding: 15px 0 50px;
}
.page-numbers {
padding: 0 10px;
}
.page-numbers.current {
background: #1772e5;
padding: 1px 8px 4px 7px;
border-radius: 50%;
color: #fff;
}
.post-nav p {
margin-top: 25px;
}
/****************************************
*** SIDEBAR ***
*****************************************/
aside {
padding-top: 20px;
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
padding: 10px 0 10px 10px;
color: #686868;
border: solid 1px #e7e7e7;
border-left-color: #ffae4a;
border-left-width: 3px;
font-size: 16px;
}
.wp-block-search .wp-block-search__button {
background: #fff;
border: none;
}
ul.years {
padding: 0;
margin: 0;
list-style-type: none;
}
.years a {
font-weight: 700;
}
/****************************************
*** POST ***
*****************************************/
.search h1 {
padding-top: 60px;
}
.post {
padding-top: 60px;
}
/****************************************
*** COVID-19 TOOLKIT ***
*****************************************/
.covid h4 {
margin-top: 36px;
}
.covid h4,
.covid p {
margin-bottom: 15px;
}
.blue-headline {
background-color: #e6ebfd;
color: #1772e7;
font-weight: 700;
text-transform: uppercase;
padding: 5px 0;
text-align: center;
}
/****************************************
*** FOOTER ***
*****************************************/
body:not(.theme-preset-active) footer#colophon,
#footer-widget {
background-color: #1a3e62;
color: #fff;
}
#footer-widget {
padding: 80px 0 0;
}
#footer-widget .container {
max-width: 1354px;
}
.col-12.col-md-3.footer-long img {
max-width: 235px;
}
/*.footer-long {
padding-left: 0;
}*/
.footer-long.col-md-3 {
max-width: 34%;
flex: 0 0 34%;
}
.footer-short.col-md-3 {
max-width: 16.5%;
flex: 0 0 16.5%;
}
.widget {
margin-bottom: 30px;
}
.widget ul {
padding: 0;
margin: 0;
}
#footer-widget p {
max-width: 285px;
width: 100%;
font-size: 15px;
line-height: 180%;
}
#footer-widget .salesforce_w2l_lead .w2linput.text {
max-width: 255px;
}
#footer-widget .salesforce_w2l_lead .top-aligned .w2llabel {
display: none;
}
#footer-widget input[type=text] {
border-left: none;
border-radius: 8px;
padding-left: 15px;
font-size: 15px;
}
#footer-widget .salesforce_w2l_lead .sf_required_fields_msg {
display: none;
}
#footer-widget .salesforce_w2l_lead .sf_field {
margin-bottom: 0;
}
h3.widget-title {
color: #fff;
font-size: 15px;
text-transform: uppercase;
margin-top: 12px;
margin-bottom: 12px;
font-weight: 400;
}
#footer-widget a {
color: #fff;
font-size: 15px;
}
#footer-widget .nav>li>a:hover {
background-color: transparent;
}
#footer-widget .nav-link {
padding-left: 0;
padding-right: 0;
padding-top: 0;
line-height: 155%;
}
#menu-social-media.flex-column {
flex-direction: row!important;
}
#menu-social-media li {
margin-right: 20px;
}
#menu-social-media li:last-child {
margin-right: 0;
}
.linkedin,
.twitter,
.facebook {
background-repeat: no-repeat;
background-position: left;
width: 29px;
height: 29px;
display: block;
text-indent: -9999px;
border-radius: 40px;
}
.linkedin {
background-image: url('/wp-content/uploads/2025/04/linkedin_icon.png');
}
.twitter {
background-image: url('/wp-content/uploads/2025/04/x-logo.png');
filter: unset !important;
background-size: 20px;
background-position: center;
background-color: #4e71e5;
}
.facebook {
background-image: url('/wp-content/uploads/2025/04/fb_icon.png');
}
.site-info {
text-align: center;
margin-bottom: 25px;
}
.site-info img {
margin: 0 10px 15px;
}
.site-info ul {
list-style-type: none;
margin: 5px 60px;
padding: 0;
}
.site-info li {
display: inline;
border-right: solid #fff 1.5px;
padding: 0 10px;
}
.site-info li:last-child {
padding-right: 0;
border-right: none;
}
/****************************************
*** MOBILE ***
*****************************************/
@media screen and (min-width: 1700px) {
.transform-txt {
padding-left: 352px;
padding-right: 64px;
}
}
@media screen and (min-width: 1500px) and (max-width: 1699.98px) {
.transform-txt {
padding-left: 224px;
}
.transform-img {
min-height: 500px !important;
}
}
@media screen and (min-width: 1200px) and (max-width: 1499.98px) {
.transform-txt {
padding-left: 128px;
}
.transform-img {
min-height: 450px !important;
}
}
/* 31-10-2022 nitin */
@media screen and (min-width: 992px) and (max-width: 1199.98px) {
.transform-txt {
padding-left: 96px;
}
.transform-img {
min-height: 400px !important;
}
}
@media screen and (max-width: 1499px) {
.card {
padding: 0 30px;
}
}
@media screen and (max-width: 1199px) {
.navbar-nav .dropdown-menu {
min-width: 100%;
}
body:not(.theme-preset-active) #masthead .navbar-nav>li.login>a {
margin-top: 10px;
}
#content {
-webkit-transition: right 0.4s ease;
-o-transition: right 0.4s ease;
transition: right 0.4s ease;
}
.navbar-collapse {
position: fixed;
width: 270px;
background: #fff;
top: 93px;
right: 0;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 15px;
height: 100%;
}
.navbar-nav .dropdown-menu .menu-item {
margin: 0px;
}
.navbar-nav .dropdown-item {
font-size: 16px;
}
.navbar-collapse.collapsing {
height: 100%;
right: -75%;
transition: height 0s ease;
}
.navbar-collapse.show {
height: 100%;
right: 0;
transition: right 400ms ease-in-out;
}
.navbar-toggler.collapsed~.navbar-collapse {
transition: right 400ms ease-in;
}
body:not(.theme-preset-active) #masthead .navbar-collapse .navbar-nav>li,
.navbar-collapse.show .dropdown-item {
text-align: left;
padding: 15px 0;
}
.hero-banner-title b {
display: block;
margin-top: 15px;
}
.hero-sec h3 {
letter-spacing: -0.64px;
font-size: 22px !important;
max-width: 550px;
margin: 0 auto 70px !important;
}
}
@media only screen and (max-width:1196px){
#request_demo iframe {
height: 1700px !important;
}
}
@media screen and (max-width: 991px) {
.learn {
flex-direction: column;
}
.learn .vc_col-sm-6 {
width: 100%;
}
.card {
padding: 0 15px;
}
.hero-banner-title b {
display: block;
margin-top: 15px;
}
}
@media screen and (min-width: 768px) and (max-width: 1267px) {
.vc_row.vc_column-gap-20>.vc_column_container {
width: 50%;
}
.customers-container li {
flex: 30%;
}
}
@media screen and (min-width: 768px) and (max-width: 991.98px) {
.transform-txt {
padding-left: 32px;
padding-right: 32px;
}
.transform-img {
min-height: 350px !important;
}
}
@media screen and (max-width: 767px) {
.home .hero-text {
max-width: 100%;
}
.home .hero h1,
.hero h1,
.hero p,
.transform-txt h2,
.transform-txt p {
text-align: center;
}
img.alignleft {
float: none;
display: block;
margin: 0 auto 20px;
}
.hero a {
display: inline-block;
}
.transform {
flex-direction: column;
}
.transform-img {
order: 1;
}
.transform-txt.vc_column_container,
.transform-txt {
padding-right: 0;
}
.transform-txt {
order: 2;
padding: 0 15px;
max-width: 100%;
}
.transform-txt h2 {
max-width: 100%;
}
.img-grid .wpb_single_image .vc_figure {
margin: 0 5px;
}
.quotes .wpb_single_image.vc_align_right {
text-align: center;
}
.footer-long.col-md-3,
.footer-short.col-md-3,
#footer-widget .salesforce_w2l_lead .w2linput.text {
width: 100%;
max-width: 100%;
flex: 100%;
display: flex;
justify-content: center;
}
#footer-widget p,
.widget-title,
.widget ul>li {
text-align: center;
}
#footer-widget .w2lsubmit input[type="submit"] {
margin-left: auto;
margin-right: auto;
}
#footer-widget .row .col-md-3:last-child {
flex-direction: column;
}
#footer-widget .row .col-md-3:last-child .widget:last-child {
display: flex;
justify-content: center;
flex-direction: column;
}
}
@media screen and (max-width: 600px) {
.news-item {
flex-direction: column;
width: 282px;
height: auto;
}
.news-item img {
display: block;
margin: 0 auto;
}
.news-item>a>img {
border-radius: 10px 10px 0 0;
}
.news-item .content {
border: none;
}
.news-item p {
text-align: center;
}
.values-item {
flex-direction: column;
}
.values-item img {
margin-left: auto;
margin-right: auto;
margin-bottom: 15px;
}
}
/*roadmap page*/
a:hover {
color: unset;
text-decoration: none;
}
.container {
max-width: 1390px;
margin: auto;
}
ul,
li {
margin: 0;
padding: 0;
list-style-type: none;
}
.pt-80 {
padding-top: 80px;
}
.pb-80 {
padding-bottom: 80px;
}
.roadmap-banner {
background-image: url(./assets/images/banner.png);
padding: 60px 0 60px 0;
height: 100%;
width: 100%;
background-repeat: no-repeat;
background-size: cover;
}
/* .site-content .container:not(.site-content .container .container) {
max-width: 100%;
padding: 0;
} */
/* .site-content .container .row:not(.site-content .container .row .container .row) {
margin: 0 auto;
display: table;
width: 100%;
} */
.sec-title h1 {
font-style: normal;
font-weight: 600;
font-size: 48px;
color: #262626;
line-height: 1.25;
margin-top: 0;
margin-bottom: 20px;
padding-bottom: 0;
}
.sec-title p {
font-style: normal;
font-weight: 600;
color: #333333;
}
.roadmap-banner .sec-title p {
max-width: 720px;
margin: auto;
margin-bottom: 24px !important;
font-weight: normal;
}
.click-to-below {
background: #ECEFFC;
padding: 8px 44px 8px 16px;
border-radius: 4px;
background-image: url(./assets/images/arrow-bottom.svg);
background-repeat: no-repeat;
background-position: center right 15px;
font-style: normal;
font-weight: 700;
font-size: 18px;
color: #114B95;
line-height: 180%;
display: inline-block;
}
.click-to-below:hover {
color: #114B95;
}
.sec-title .click-to-below {
margin-bottom: 24px;
}
.sec-title h6 {
font-size: 14px;
color: #545B7D;
font-style: normal;
font-weight: 600;
margin: 0;
}
.sec-title h6 span {
font-weight: 800;
}
.sec-title h2 {
margin: 0;
font-size: 40px;
color: #262626;
font-style: normal;
font-weight: 600;
font-size: 40px;
line-height: 1.25;
margin-bottom: 30px;
}
.big-title h2 {
font-family: "Montserrat", serif;
font-size: 64px;
font-weight: 900;
text-transform: uppercase;
color: #006CFF;
}
.roadmap-category-body {
max-height: 800px;
overflow: auto;
}
/* .roadmap-directory-list {
padding-bottom: 55px;
border-bottom: 1px solid #B8C6D6;
} */
.roadmap-directory-list ul {
margin: 0 -5px;
}
.roadmap-directory-list ul li {
padding: 11px 20px;
display: inline-block;
background: #FFFFFF;
border: 1px solid #CBD5E1;
border-radius: 4px;
font-style: normal;
font-weight: 400;
font-size: 16px;
text-transform: capitalize;
margin: 0 5px;
transition: all 0.4s;
cursor: pointer;
}
.roadmap-directory-list ul li:hover {
background: #1772E5;
color: #ffffff;
}
.roadmap-category>div:first-child {
display: block;
}
.roadmap-category>div {
display: none;
}
.roadmap-directory-list ul li.active {
background: #1772E5;
color: #ffffff;
}
.sec-title h3 {
font-size: 32px;
margin-top: 0;
font-style: normal;
font-weight: 600;
font-size: 32px;
line-height: 1.25;
}
.sec-title h5 {
font-size: 21px;
margin-top: 0;
margin-bottom: 25px;
font-style: normal;
font-weight: 600;
line-height: 1.8;
}
.sec-title h5 span {
font-style: italic;
font-weight: 700;
}
.category {
border-left: 1px solid #E1E2E4;
}
.roadmap-header {
margin-bottom: 55px;
}
.roadmap-header.sec-title p {
font-weight: normal;
}
.roadmap-category-head {
background: #F4F4F5;
border-radius: 8px 8px 0px 0px;
padding: 8px 16px;
}
.roadmap-category-head h6 {
margin: 0;
color: #3E4753;
font-size: 600;
font-weight: 600;
font-style: normal;
letter-spacing: 0.08em;
text-transform: uppercase;
font-size: 12px;
}
.single-accordion {
padding: 32px 16px;
border-bottom: 1px solid #E1E2E4;
}
.accordion-box h5 {
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 1.25;
color: #333333;
margin: 0;
transition: all 0.4s;
cursor: pointer;
padding-left: 30px;
}
.accordion-box.active h5 {
color: #1772E5;
}
.accordion-box h5:hover {
color: #1772E5;
}
.recently-shipped p {
background: #EEFDEC;
border-radius: 50px;
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 1.25;
padding: 8px 20px;
text-align: center;
color: #025E00;
margin-bottom: 0;
}
.in-progress p {
background: #ECF5FD;
color: #004F99;
padding: 8px 24px;
}
.first-up p {
background: #E9EDF1;
color: #324A67;
}
.planned p {
background: #F6EBEF;
color: #B5396C;
}
.accordion-box ul li {
background: #F8F9FE;
border-radius: 6px;
font-style: normal;
font-weight: normal;
font-size: 14px !important;
line-height: 1.25;
padding: 6px 8px;
text-align: center;
margin-bottom: 8px;
}
.accordion-box ul li:last-child {
margin-bottom: 0;
}
.accordion-box h6 {
font-style: normal;
font-weight: normal;
font-size: 14px;
margin: 0;
line-height: 1.25;
padding-top: 6px;
text-align: center;
}
.accordion-content {
background: #F9F9F9;
border-radius: 4px;
padding: 16px;
margin-top: 30px;
display: none;
}
/* .accordion-content span {
font-style: normal;
font-weight: 600;
font-size: 12px;
letter-spacing: 0.08em;
text-transform: uppercase;
color: #3E4753;
display: inline-block;
margin-bottom: 5px;
} */
.accordion-content p {
font-style: normal;
font-weight: 400;
font-size: 14px;
color: #333333;
margin-bottom: 0 !important;
text-transform: initial;
}
.pagination .page-link {
font-style: normal;
font-weight: 500;
font-size: 14px;
color: #6B7280;
border: none;
padding: 0;
line-height: 1.25;
margin: 0;
}
.pagination li {
display: inline-block;
padding: 16px;
}
.pagination {
margin: 0;
display: flex;
justify-content: center;
}
.pagination li:first-child {
background-image: url(./assets/images/arrow-narrow-left.svg);
background-repeat: no-repeat;
background-position: left center;
padding: 16px 16px 16px 30px;
margin-right: auto;
}
.pagination li:last-child {
background-image: url(./assets/images/arrow-narrow-right.svg);
background-repeat: no-repeat;
background-position: right center;
padding: 16px 30px 16px 16px;
margin-left: auto;
}
.pagination li:last-child a {
color: #1772E5;
}
.pagination li.active .page-link {
background: none;
color: #6366F1;
}
.pagination li.active {
border-top: 3px solid #6366F1;
}
/*filter css*/
.roadmap-category-filter .form-control {
border: 1.2px solid #ECEFFC;
border-radius: 9.6px !important;
padding: 19px 12px;
}
.roadmap-category-filter .input-group i {
font-size: 18px;
color: #8F9BB3;
}
.roadmap-category-filter input::placeholder {
font-style: normal;
font-weight: 400;
font-size: 14px;
color: #8F9BB3;
text-transform: capitalize;
}
.roadmap-category-filter .btn-primary {
background: none;
border: none;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.roadmap-category-filter .input-group {
display: block;
}
.roadmap-category-filter .input-group .form-check {
padding: 0;
}
.roadmap-category-filter h6 {
margin: 0;
font-style: normal;
font-weight: normal;
font-size: 12px;
color: #3E4753;
letter-spacing: 0.08em;
text-transform: uppercase;
margin-bottom: 15px;
}
.roadmap-category-filter .input-group {
margin-bottom: 40px;
}
.roadmap-category-filter input[type=checkbox] {
background: #FFFFFF;
border: 1px solid #CBD5E1;
border-radius: 6px;
height: 20px;
width: 20px;
margin: 0;
margin-right: 8px;
flex-shrink: 0;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
position: relative;
}
.roadmap-category-filter input[type=checkbox]:checked {
background: #2196F3;
}
.roadmap-category-filter input[type=checkbox]:checked:after {
content: "\2713";
color: white;
padding: initial;
font-weight: bold;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.roadmap-category-filter input[type=checkbox]:focus {
outline: none;
}
.roadmap-category-filter .form-check-label {
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 1.25;
color: #333333;
margin: 0;
}
.check-box>div {
margin-bottom: 8px;
display: flex;
}
.filter-show-btn {
padding: 15px;
border: 1px solid #eee;
display: inline-block;
width: 100%;
border-radius: 10px;
color: #3d6ee4;
text-align: center;
text-transform: capitalize;
font-size: 18px;
margin-bottom: 20px;
}
.filter-show-btn {
display: none;
}
.fillter-side-drawer {
display: none;
}
a.btn.loadMoreBtn {
background-color: #007bff;
border-radius: 8px;
color: #fefefe;
font-weight: 700;
font-size: 14px;
letter-spacing: 2.4px;
padding: 10px 15px;
display: inline-block;
outline: none;
margin-top: 25px;
display: table;
margin: 0 auto;
margin-top: 25px;
margin-bottom: 25px;
}
a.btn.loadMoreBtn:focus {
box-shadow: none;
outline: none;
}
.nopost {
text-align: center;
font-size: 25px;
margin-top: 25px;
}
.accordion-box {
position: relative;
}
.accordion-box:before {
content: "";
display: block;
background-image: url(/wp-content/uploads/2022/02/down-errow.png);
background-repeat: no-repeat;
background-position: center;
background-size: 16px;
height: 30px;
width: 30px;
position: absolute;
left: 0;
top: 0;
transform: rotate(-90deg);
transition: all 0.4s;
cursor: pointer;
}
.accordion-box.active:before {
transform: rotate(0deg);
}
/*15-07-2022*/
.team-btn a {
font-weight: 800;
background-image: none !important;
}
@media only screen and (max-width:1199px) {
.pt-80 {
padding-top: 40px;
}
.pb-80 {
padding-bottom: 40px;
}
.sec-title h1 {
font-size: 40px;
}
.sec-title h2 {
font-size: 35px;
}
.sec-title h3 {
font-size: 26px;
}
.sec-title h5 {
font-size: 18px;
}
.filter-show-btn {
display: block;
}
.fillter-side-drawer {
position: fixed;
top: 0;
right: 0;
width: 100%;
height: 100%;
z-index: 9999;
background-color: var(--white);
transform: translateX(100%);
transition: all .5s;
padding: 10px 15px 30px;
max-width: 288px;
overflow: auto;
background: white;
display: block;
}
.fillter-side-drawer.active {
transform: translateX(0);
}
.fillter-side-drawer.active {
transform: translate(0);
}
.sidebar-close i {
font-size: 25px;
}
.sidebar-close {
position: absolute;
right: 15px;
top: 15px;
}
.recently-shipped p {
padding: 8px 12px;
font-size: 13px !important;
}
.accordion-box h5 {
font-size: 16px;
}
.roadmap-directory-list {
padding-bottom: 40px;
}
.card {
margin-bottom: 5px;
padding: 0 20px;
}
.big-title h2 {
font-size: 55px;
}
}
@media only screen and (max-width:991px) {
.pt-80 {
padding-top: 30px;
}
.pb-80 {
padding-bottom: 30px;
}
.roadmap-directory-list ul li {
padding: 11px 16px;
font-size: 14px !important;
}
.accordion-box .row>div {
margin-bottom: 20px;
}
.accordion-box .row {
margin-bottom: -20px;
}
.accordion-box ul li {
margin-bottom: 20px;
}
.roadmap-directory-list {
padding-bottom: 30px;
}
.roadmap-category-filter {
display: none;
}
.big-title h2 {
font-size: 45px;
}
}
@media only screen and (max-width:767px) {
.pt-80 {
padding-top: 20px;
}
.pb-80 {
padding-bottom: 20px;
}
.sec-title h1 {
font-size: 35px;
}
.sec-title h2 {
font-size: 30px;
}
.sec-title h3 {
font-size: 24px;
}
.roadmap-directory-list ul {
display: flex;
flex-wrap: wrap;
margin-bottom: -20px;
}
.roadmap-directory-list ul li {
width: calc(50% - 10px);
margin-bottom: 20px;
}
.accordion-box h5 {
position: relative;
padding-left: 120px;
}
.accordion-box h5:before {
content: attr(data-label);
font-weight: bold;
text-transform: uppercase;
position: absolute;
left: 0;
}
.recently-shipped {
position: relative;
padding-left: 120px;
}
.recently-shipped:before {
content: attr(data-label);
font-weight: bold;
text-transform: uppercase;
position: absolute;
left: 0;
}
.tag-list:before {
content: attr(data-label);
font-weight: bold;
text-transform: uppercase;
position: absolute;
left: 0;
}
.tag-list {
position: relative;
padding-left: 120px;
}
.accordion-box h6 {
position: relative;
padding-left: 120px;
text-align: right;
}
.accordion-box h6:before {
content: attr(data-label);
font-weight: bold;
text-transform: uppercase;
position: absolute;
left: 0;
}
.roadmap-category-head {
display: none;
}
.roadmap-directory-list {
padding-bottom: 20px;
}
.accordion-box:before {
left: -8px;
top: -3px;
}
.single-accordion {
padding: 32px 0;
}
.accordion-box {
padding: 0 20px;
}
.big-title h2 {
font-size: 36px;
}
}
@media only screen and (max-width:575px) {
.roadmap-directory-list ul {
margin: 0 -15px;
}
.roadmap-directory-list ul li {
width: 100%;
margin: 0 15px;
margin-bottom: 20px;
}
.big-title h2 {
font-size: 30px;
}
}
/* 31-10-2022 nitin */
#request_demo iframe {
height: 1100px;
}
/* Landing page css start */
.blue-text-sec h3{
color: #fff;
font-size: 31.999px;
font-style: normal;
font-weight: 500;
line-height: 150%;
font-family: "Montserrat", serif;
}
.blue-text-sec h2{
color: #fff;
font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: 150%;
font-family: "Montserrat", serif;
}
.blue-text-sec h4 {
font-size: 36px;
font-weight: 400;
color: #ffffff;
margin-bottom: 15px;
}
.blue-text-sec h2:has(+h4) {
padding: 0;
line-height: 1;
}
.blue-text-sec p{
font-size: 24px;
font-weight: 600;
line-height: 180%;
color: #fff;
max-width: 1176px;
margin-left: auto;
margin-right: auto;
}
.sec-title h2 {
color: #555;
font-family: "Montserrat", serif;
font-size: 57.39px;
font-weight: 300;
line-height: normal;
padding: 0;
}
.why-choose-binti-sec .list-box>.vc_column-inner{
border-radius: 15px;
padding: 28px;
}
.why-choose-binti-sec .list-box h4{
color: #333;
font-size: 21.333px;
font-weight: 600;
line-height: normal;
}
.why-choose-binti-sec .list-box p{
color: #555;
font-size: 14.222px;
font-weight: 600;
line-height: 180%;
}
.why-choose-binti-sec .list-box .wpb_text_column{
margin-bottom: 0;
}
.why-choose-binti-sec:not(.why-choose-ai-sec) .vc_column_container{
max-width: 1126px;
margin: 0 auto;
float: none;
padding: 0 15px;
}
.why-choose-binti-sec {
padding-top: 50px;
padding-bottom: 50px;
}
.award-sec{
overflow: visible !important;
z-index: 1;
}
.award-sec h2{
color: #FFF;
font-family: "Montserrat", serif;
font-size: 41.29px;
font-weight: 500;
line-height: 49px;
padding: 0;
margin-bottom: 5px;
}
.award-sec h2 strong{
font-weight: 800;
}
.award-sec h3{
color: #555555;
margin-bottom: 5px;
font-family: "Montserrat", serif;
font-weight: 900;
font-size: 40px;
line-height: 46.79px;
}
.award-sec p{
color: #555555;
  font-family: "Lato", serif;
font-weight: 400;
font-size: 30px;
line-height: 30.9px;
}
.our-customer-sec{
background: linear-gradient(292deg, rgba(255, 202, 153, 0.10) 3.33%, rgba(255, 241, 173, 0.10) 10.34%, rgba(11, 225, 13, 0.10) 46.18%, rgba(107, 160, 255, 0.10) 80.91%, rgba(0, 104, 250, 0.08) 95.35%), #FFF;
padding-top: 40px;
padding-bottom: 109px;
position: relative;
}
.our-customer-sec .our-customer-content::before, .our-customer-sec .our-customer-content::after {
content: "";
position: absolute;
left: -128px;
top: -102px;
background-image: url(https://binti.com/wp-content/uploads/2025/02/quotes-left.svg);
background-repeat: no-repeat;
width: 254.017px;
height: 392.309px;
opacity: 0.6;
background-size: contain;
}
.our-customer-sec .our-customer-content::after {
top: auto;
right: -130px;
bottom: -60px;
left: auto;
transform: rotate(180deg);
}
.our-customer-sec .vc_column_container{
max-width: 1096px;
margin: 0 auto;
float: none;
}
.our-customer-sec .our-customer-content {
position: relative;
border-radius: 15px;
padding-bottom: 40px;
margin: 0 15px;
}
.our-customer-sec .our-customer-content .wpb_text_column {
max-width: 875px;
margin-left: auto;
margin-right: auto;
margin-bottom: 60px;
}
.our-customer-sec .our-customer-content h3{
color: #00285F;
text-align: center;
font-size: 48px;
font-style: italic;
font-weight: 700;
line-height: 150%;
font-family: "Montserrat", serif;
margin-bottom: 30px;
}
.our-customer-sec .our-customer-content p{
color: #555;
font-size: 21.333px;
font-weight: 700;
line-height: 180%;
margin-bottom: 30px;
}
.our-customer-sec .our-customer-content .logo-with-txt {
padding: 0;
display: flex;
flex-direction: row-reverse;
align-items: center;
row-gap: 15px;
max-width: 400px;
margin: 0 auto;
}
.our-customer-sec .our-customer-content .logo-with-txt figure{
flex-shrink: 0;
}
.our-customer-sec .our-customer-content .logo-with-txt h2{
padding: 0;
color: #333;
font-size: 17.777px;
font-weight: 600;
line-height: 120%;
margin: 0 0 0 15px;
text-align: left;
}
.time-saving-features .list-box .vc_column-inner{
padding: 30px;
border-radius: 15px;
}
.time-saving-features .list-box h4{
color: #007AFF;
font-family: "Montserrat", serif;
font-size: 19.107px;
font-weight: 800;
line-height: normal;
margin-bottom: 15px;
}
.time-saving-features .list-box p{
color: #555;
font-size: 15.286px;
font-weight: 00;
line-height: 180%;
}
.family-finding-time-saving .list-box p{
font-weight: 400;
}
.family-finding-time-saving .list-box h4{
font-family: 'Lato', sans-serif;
}
.family-finding-time-saving .list-box .wpb_wrapper{
display: flex;
flex-direction: column;
height: 100%;
}
.family-finding-time-saving .list-box .wpb_wrapper .wpb_single_image{
margin-top: auto !important;
}
.time-saving-features .list-box p strong{
font-weight: 800;
}
.time-saving-features .vc_column_container{
max-width: 1175px;
margin: 0 auto;
padding: 0 15px;
float: none;
}
.time-saving-features .list-box{
width: 33.33%;
}
.cta-sec {
background-repeat: no-repeat;
background-size: cover;
background-position: bottom;
}
.cta-sec .vc_cta3-content-header h2 {
color: #fff;
font-size: 71.263px;
font-weight: 300;
line-height: 82.294px;
padding: 0;
margin: 0 0 40px;
text-align: left;
}
.cta-sec .vc_cta3{
padding-top: 123px;
padding-bottom: 123px;
}
.cta-sec .vc_cta3_content-container {
max-width: 1200px;
margin: 0 auto;
}
.cta-sec .vc_cta3-content,
.cta-sec .vc_cta3-actions {
width: 48%;
margin-left: auto;
}
.cta-sec.left .vc_cta3-content {
margin-bottom:20px !important;
}
.cta-sec .vc_btn3.vc_btn3-shape-rounded {
border-radius: 40px;
font-size: 22.859px;
font-weight: 400;
padding: 20px 38px;
}
.cta-sec .vc_general.vc_cta3{
border: 0;
}
.landing-hero-sec h6{
color: #555;
font-size: 36px;
font-weight: 400;
line-height: 125%;
margin-bottom: 30px;
}
.landing-hero-sec h1{
color: #555;
font-family: "Montserrat", serif;
font-size: 52px;
font-weight: 700;
line-height: 125%;
margin-bottom: 39px;
}
.landing-hero-sec.custom h1{
color: #00285F;
}
.landing-hero-sec h2{
color: #555;
font-family: "Montserrat", serif;
font-size: 46.221px;
font-weight: 700;
line-height: 125%;
margin-bottom: 39px;
padding-bottom: 0;
}
.landing-hero-sec h2 span,
.landing-hero-sec h1 span{
font-weight: 600;
}
.landing-hero-sec.custom h1 span {
display: block;
}
.landing-hero-sec .vc_btn3{
border-radius: 30px !important;
font-size: 24px !important;
font-weight: 700;
letter-spacing: 2.16px;
text-transform: uppercase;
min-width: 250px;
}
.landing-hero-sec .vc_btn3.vc_btn3-shape-square{
border-radius: 4px !important;
}
.landing-hero-sec {
padding-top: 300px;
padding-bottom: 105px;
}
.landing-hero-sec .vc_btn3.vc_btn3-style-custom,
.cta-sec .vc_btn3.vc_btn3-style-custom{
background-image: none;
}
.family-finding-time-saving .bg-img {
position: absolute;
left: auto;
bottom: -180px;
width: 100vw;
right: calc(-100vw / 2 + 1155px / 2);
z-index: 1;
}
.family-finding-time-saving{
overflow: visible !important;
z-index: 2;
}
.family-finding-award-sec .vc_column-inner {
max-width: 1340px;
margin: 0 auto;
}
.why-choose-family-finding {
z-index: 1;
overflow: visible !important;
background-position: 0 120% !important;
padding-top: 80px;
padding-bottom: 120px;
}
.why-choose-family-finding::before{
content: "";
position: absolute;
left: 0;
height: 100%;
width: 100%;
background: linear-gradient(156deg, rgba(0, 108, 255, 0.00) 21.73%, rgba(0, 108, 255, 0.05) 63.84%, rgba(0, 108, 255, 0.10) 90.85%);
top: 0;
z-index: -1;
}
.why-choose-family-finding::after{
content: "";
position: absolute;
left: 0;
height: 100%;
width: 100%;
z-index: 0;
background-image: url(https://binti.com/wp-content/uploads/2025/03/rose-left.png);
background-repeat: no-repeat;
background-position: left bottom;
top: 100px;
background-size: contain;
}
.why-choose-family-finding .sec-title h2 strong{
font-weight: 700;
}
.why-choose-family-finding .list-box h4{
font-size: 24px;
}
.why-choose-family-finding .list-box p{
font-size: 16px;
}
.why-choose-family-finding .vc_column_container{
max-width: 100%;
}
.testimonial-sec-content h2::before{
content: url(https://binti.com/wp-content/uploads/2025/03/testimonial-quote-left.png);
margin-right: -12px;
top: 10px;
position: relative;
display: inline-block;
}
.testimonial-sec-content h2::after{
content: url(https://binti.com/wp-content/uploads/2025/03/testimonial-quote-right.png);
top: 10px;
position: relative;
display: inline-block;
}
.testimonial-sec-content h2{
font-style: italic !important;
}
.testimonial-sec-content p{
color: #555;
font-size: 24px;
font-weight: 400;
line-height: 180%;
}
.testimonial-sec-content p strong{
font-weight: 700;
}
.img-with-txt .wpb_wrapper{
display: flex;
justify-content: center;
align-items: center;
row-gap: 15px;
}
.img-with-txt h5,
.img-with-txt p{
font-size: 20px;
color: #333;
font-weight: 600;
line-height: 120%;
}
.img-with-txt p{
color: #808080;
margin: 0;
}
.testimonial-sec-content .wpb_column{
max-width: 960px;
margin: 0 auto;
float: none;
}
body .testimonial-sec .testimonial-sec-content::before{
content: "";
position: absolute;
background-position: 100% 100% !important;
background-image: url(https://binti.com/wp-content/uploads/2025/03/flora-yellow.png);
background-repeat: no-repeat;
bottom: -50px;
right: -50px;
height: 100%;
width: 100%;
}
.cta-sec.family-finding-cta .vc_cta3-content, .cta-sec.family-finding-cta .vc_cta3-actions{
width: 64%;
text-align: left;
}
.cta-sec.family-finding-cta .vc_cta3-content-header h2{
text-align: left;
}
@media only screen and (max-width: 1199px) {
.landing-hero-sec h1{
font-size: 42px;
}
.landing-hero-sec h1 br,.landing-hero-sec h2 br{
display: none;
}
.landing-hero-sec h2,.blue-text-sec h2{
font-size: 38px;
}
.blue-text-sec h3 {
font-size: 28px;
}
.blue-text-sec h4 {
font-size: 32px;
}
.sec-title h2{
font-size: 50px;
}
.award-sec h2{
font-size: 36px;
}
.award-sec h3{
font-size: 34px;
}
.our-customer-sec .our-customer-content h3{
font-size: 44px;
}
.our-customer-sec .our-customer-content::before, .our-customer-sec .our-customer-content::after{
left: -20px;
top: -30px;
width: 170px;
height: 170px;
}
.our-customer-sec .our-customer-content::after{
right: -20px;
bottom: -30px;
left: auto;
top: auto;
}
.cta-sec .vc_cta3-content-header h2{
font-size: 60px;
}
.time-saving-features .list-box h4 br, .why-choose-binti-sec .list-box h4 br{display: none;}
.family-finding-time-saving .bg-img{
right: 0;
bottom: -120px;
width: 90px;
}
.family-finding-award-sec .wpb_single_image{
margin: 30px 0 0 !important;
}
.why-choose-family-finding{
padding-top: 60px;
padding-bottom: 60px;
}
.why-choose-family-finding::after{
display: none;
}
.award-sec p {
font-size: 22px;
}
}
@media only screen and (max-width: 991px) {
.landing-hero-sec h1{
font-size: 38px;
}
.landing-hero-sec h2,.blue-text-sec h2 {
font-size: 34px;
}
.landing-hero-sec {
padding-top: 70px;
padding-bottom: 100px;
}
.blue-text-sec h3 {
font-size: 26px;
}
.blue-text-sec h4 {
font-size: 30px;
}
.sec-title h2 {
font-size: 42px;
}
.why-choose-binti-sec .list-box>.vc_column-inner,.time-saving-features .list-box .vc_column-inner{
padding: 20px;
}
.why-choose-binti-sec .list-box h4,.award-sec p{
font-size: 18px;
}
.award-sec h2 {
font-size: 28px;
}
.award-sec h3{
font-size: 26px;
}
.our-customer-sec .our-customer-content h3 {
font-size: 36px;
}
.our-customer-sec .our-customer-content p{
font-size: 20px;
}
.our-customer-sec .our-customer-content .wpb_text_column{
margin-bottom: 40px;
}
.our-customer-sec{
padding-bottom: 40px;
}
.cta-sec .vc_cta3-content-header h2 {
font-size: 50px;
line-height: 1.2;
}
.time-saving-features .list-box h4,.blue-text-sec p{
font-size: 18px;
line-height: 30px;
}
.cta-sec .vc_cta3 {
padding-top: 50px;
padding-bottom: 90px;
}
.landing-hero-sec {
padding-top: 40px;
padding-bottom: 40px;
}
.testimonial-sec-content h2 {
font-size: 54px !important;
}
.why-choose-family-finding::before{
display: none !important;
}
.testimonial-sec-content p{
font-size: 20px;
}
.customers-sec .vc_column-inner .vc_row .customers-card ,
.results-sec-container .vc_row .vc_column_container {
width: 50%;
}
.results-sec-container .vc_row.vc_row-flex {
justify-content: center;
}
.welfare-upstream .col-left .vc_column-inner {
padding-left: 5% !important;
padding-bottom: 5% !important;
}
#footer-widget {
padding: 50px 15px 0;
}
}
@media only screen and (max-width: 767px) {
.landing-hero-sec h1{
font-size: 30px;
}
.landing-hero-sec h2,.blue-text-sec h2 {
font-size: 24px;
}
.blue-text-sec h4 {
font-size: 20px;
}
.landing-hero-sec h6{
font-size: 18px;
}
.landing-hero-sec.custom h6 {
font-size: 24px;
font-weight: 900;
width: 90%;
}
.landing-hero-sec .vc_btn3{
min-width: 200px;
}
.landing-hero-sec.custom .vc_btn3{
font-size: 20px !important;
}
.blue-text-sec h3 {
font-size: 21px;
}
.time-saving-features .list-box h4, .blue-text-sec p {
font-size: 16px;
line-height: 26px;
}
.sec-title h2 {
font-size: 32px;
}
.award-sec .wpb_single_image.vc_align_left {
margin-bottom: 0;
}
.award-sec h2,.award-sec h3 {
font-size: 24px;
line-height: 1.4;
}
.our-customer-sec .our-customer-content h3 {
font-size: 24px;
margin-bottom: 20px;
}
.our-customer-sec .our-customer-content p {
font-size: 16px;
margin-bottom: 20px;
}
.our-customer-sec .our-customer-content::before, .our-customer-sec .our-customer-content::after{
width: 100px;
height: 100px;
}
.our-customer-sec .our-customer-content .logo-with-txt {
flex-direction: column-reverse;
}
.our-customer-sec .our-customer-content .logo-with-txt h2 {
margin: 0;
text-align: center;
}
.cta-sec .vc_cta3-content, .cta-sec .vc_cta3-actions,
.cta-sec.family-finding-cta .vc_cta3-content, .cta-sec.family-finding-cta .vc_cta3-actions{
width: 100%;
}
.cta-sec .vc_btn3.vc_btn3-shape-rounded{
font-size: 20px;
padding: 17px 30px;
}
.time-saving-features .slick-next:before,
.time-saving-features .slick-prev:before{
display: none;
}
.time-saving-features .slick-dots li button:before{
font-size: 12px;
}
.time-saving-features .slick-dots {
margin: 10px 0 0;
}
.time-saving-features .vc_column_container{
padding: 0 10px;
}
.our-solution .our-solution-card-full .text-top h2 {
font-size: 36px;
}
.why-choose-family-finding{
padding-top: 40px;
padding-bottom: 40px;
}
.testimonial-sec-content h2::before,
.testimonial-sec-content h2::after{
transform: scale(0.5);
top: 0;
margin: 0;
display: block;
}
.testimonial-sec-content h2{
font-size: 40px !important;
}
.img-with-txt .wpb_wrapper{
flex-direction: column;
text-align: center;
}
body .testimonial-sec .testimonial-sec-content::before{
right: 0;
height: 100px;
width: 100px;
background-size: contain;
}
.welfare-upstream.vc_row {
margin-bottom: 0 !important;
}
.family-finding-time-saving .list-box .wpb_wrapper{
display: block;
}
.family-finding-award-sec.vc_row {
padding-bottom: 60px !important;
}
.family-finding-award-sec .wpb_single_image {
text-align: center !important;
margin-bottom: 30px !important;
}
.award-sec h3, .award-sec p {
text-align: center !important;
}
.results-sec-container .vc_row .vc_column_container .wpb_wrapper div.vc_custom_heading {
font-size: 24px !important;
}
.welfare-upstream .col-left .vc_column-inner {
padding: 8% !important;
}
}
/* Landing page css end */
/* request demo page css start */
.request-demo-desc p{
line-height: 150%;
font-size: 18px;
color: #38393D;
}
.request-demo-desc p a:not(:hover){
color: #38393D;
}
.request-demo-sec .vc_row.wpb_row.vc_inner{
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);
}
.request-demo-policy-text p{
font-weight: 400;
line-height: 28.8px;
font-size: 13.6px;
color: #85868B;
}
.request-demo-desc p a{
color: #006CFF;
}
.request-demo-sec form label{
color: #555 !important;
font-size: 14px;
line-height: 120%;
margin-bottom: 8px !important;
}
.request-demo-sec form .w2linput:not(.submit),
.request-demo-sec .MultiCheckBox{
border-radius: 4px;
border: 1px solid #DCDDE1;
background: #FFF;
padding: 14px 15px;
font-weight: 400;
font-size: 16px !important;
line-height: 140%;
color: #555;
margin-top: 0 !important;
}
.request-demo-sec form{
max-width: 640px;
margin: 0 auto;
}
.request-demo-sec .salesforce_w2l_lead .sf_field{
margin-bottom: 24px;
}
.request-demo-sec .MultiCheckBox{
width: 100% !important;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: 98% 50%;
}
.request-demo-sec form textarea.w2linput{
height: 180px !important;
resize: none;
}
.request-demo-sec .MultiCheckBox .k-icon{
display: none;
}
.request-demo-sec .sf_field_captcha .w2limg {
border-radius: 4px;
height: 52px;
width: calc(50% - 15px);
margin-right: 15px;
margin-bottom: 5px;
}
.request-demo-sec .salesforce_w2l_lead .w2linput.text.captcha {
width: calc(50% - 15px) !important;
font-family: 'Lato', sans-serif !important;
height: 52px;
}
.request-demo-sec .salesforce_w2l_lead .sf_field.sf_type_captcha{
padding: 0 24px;
}
#content .w2lsubmit input[type="submit"] {
margin-left: auto;
margin-right: auto;
background: #ff9900 !important;
font-size: 20px;
color: #38393D;
text-transform: unset;
padding: 17px 40px;
border-radius: 30px;
letter-spacing: 0;
margin-top: 0;
}
.request-demo-banner {
background-position: top center !important;
}
.request-demo-sec form .sf_type_html{
margin-bottom: 8px !important;
}
.request-demo-sec .salesforce_w2l_lead .sf_field span.error_message{
line-height: normal;
}
@media only screen and (max-width: 767px) {
.request-demo-sec .salesforce_w2l_lead .top-aligned .sf_field_first_name,
.request-demo-sec .salesforce_w2l_lead .top-aligned .sf_field_last_name {
width: 100%;
padding-right: 0;
padding-left: 0;
}
.request-demo-sec .salesforce_w2l_lead .sf_field.sf_type_captcha {
padding: 0;
}
.request-demo-sec .sf_field_captcha .w2limg{
width: auto;
margin-right: 0;
}
.request-demo-sec .salesforce_w2l_lead .w2linput.text.captcha{
margin: 10px 0 5px !important;
width: 100% !important;
}
.request-demo-sec h2 {
font-size: 30px !important;
}
}
/* request demo page css end */
/* Home page New css start */
.page-template-home-new-php .site-content{
padding-top: 40px;
}
.top-bar {
text-align: center;
background-color: #00285F;
padding: 20px 15px;
}
.top-bar p,
.top-bar p a{
color: #fff;
margin-bottom: 0;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
text-underline-offset:3px;
}
.top-bar p a span{
text-decoration: underline;
padding-right: 3px;
}
.top-bar p a {
margin-left: 8px;
}
.top-bar p strong{
margin-right: 8px;
font-weight: 700;
}
.header-new {
background-color: transparent;
position: absolute;
top: 60px;
left: 0;
width: 100%;
z-index: 1;
padding: 21px 0;
}
.header-new:not(.sticky) .navbar-brand img {
filter: brightness(0) invert(1);
}
.header-new .navbar-nav {
column-gap: 15px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header-new .menu-item.btn {
padding: 0;
}
.header-new .menu-item.btn a {
font-size: 18px;
text-transform: capitalize;
border-radius: 122px;
border: 1px solid #FFF;
line-height: normal;
display: inline-block;
padding: 6px 20px 8px;
vertical-align: middle;
color: #fff;
}
.header-new .menu-item.btn a:hover {
background-color: #fff;
color: #000;
}
.header-new .dropdown-toggle::after{
content: url('data:image/svg+xml,');
border: 0;
margin: 0 0 0 5px;
vertical-align: 0px;
line-height: normal;
}
.header-new .container{
max-width: 1350px;
}
.hero-sec .vc_column-inner{
max-width: 1372px;
margin-left: auto;
margin-right: auto;
}
.hero-sec{
background-size: cover;
padding-top: 135px;
background-repeat: no-repeat;
background-size: cover;
background-position: center top;
}
.hero-sec h3{
letter-spacing: -0.64px;
}
.hero-sec .hero-content-img-block {
padding:0 30px;
}
.results-sec .vc_sep_holder {
display: none;
}
.results-sec .vc_separator h4{
font-size: 48px;
font-weight: 900;
color: #006CFF;
}
.results-sec .wpb_text_column h3{
font-size: 32px;
font-weight: 900;
}
.results-sec .wpb_text_column h3 strong,
.agencies-nationwide h3{
font-size: 40px;
}
.results-sec .vc_separator {
justify-content: center;
}
.agencies-nationwide h2{
font-size: 56px;
font-weight: 900;
line-height: 1.2;
}
.agencies-nationwide h3{
font-weight: 400;
line-height: 1.5;
max-width: 960px;
margin: 0 auto;
}
.agencies-nationwide .wpb_image_grid .wpb_image_grid_ul .isotope-item {
margin: 0;
position: static !important;
}
.agencies-nationwide .wpb_image_grid .wpb_image_grid_ul{
display: flex;
align-items: center;
flex-wrap: wrap;
row-gap: 30px;
justify-content: center;
height: auto !important;
column-gap: 50px;
}
.agencies-nationwide .vc_column-inner{
max-width: 1354px;
margin: 0 auto;
}
.welfare-upstream .vc_column_container{
max-width: 1410px;
margin: 0 auto;
float: none;
}
.welfare-upstream .vc_column-inner{
overflow: hidden;
}
.welfare-upstream li,.welfare-upstream a{
color: #fff;
font-weight: 400;
line-height: 150%;
font-size: 20px;
}
.welfare-upstream a,
.our-solution .our-solution-card a,
.our-solution .our-solution-card-full a{
text-decoration: underline;
text-underline-offset: 5px;
padding-right: 7px;
}
.common-btn .vc_btn3.vc_btn3-size-lg {
font-size: 20px;
font-weight: 700;
background-image: none;
border-radius: 253.53px;
min-width: 219px;
padding: 25.5px 75.5px 25.5px 75.5px;
letter-spacing:1.86px;
white-space:nowrap;
}
/*
.hero-sec .common-btn .vc_btn3.vc_btn3-size-lg {
max-width: 337px;
}*/
.welfare-upstream .img-col .vc_column-inner *{
height: 100%;
}
.welfare-upstream .img-col img{
object-fit: cover;
width: 100%;
}
.welfare-upstream .col-left{
width: 46%;
}
.welfare-upstream .img-col{
width: 54%;
}
.our-solution {
position:relative;
background-repeat: no-repeat;
background-size: cover;
z-index:1;
}
.our-solution .our-solution-card{
background-size: 100px !important;
background-position: 8% 17% !important;
position: relative;
}
.our-solution .vc_column-inner {
max-width: 100%;
margin: 0 auto;
}
.solutions-card-wrapper >.vc_column_container {
padding: 0 !important;
}
.solutions-card-wrapper >.vc_column_container > .vc_column-inner {
background: linear-gradient(0deg, rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0.75)),linear-gradient(225.06deg, rgba(255, 202, 153, 0.25) 2.23%, rgba(255, 241, 173, 0.25) 19.38%, rgba(6, 229, 0, 0.0625) 46.8%, rgba(107, 160, 255, 0.25) 64.72%, rgba(0, 104, 250, 0.1875) 98.64%),linear-gradient(179.58deg, rgba(255, 255, 255, 0) 60.63%, #FFFFFF 95.72%) !important;
}
.solutions-card-wrapper .wpb_column > .vc_column-inner > .wpb_wrapper {
display: grid;
grid-template-columns: repeat(2,1fr);
gap: 20px;
}
.our-solution .our-solution-card a, .our-solution .our-solution-card-full a {
color: #006CFF;
font-family: "Lato", sans-serif;
font-weight: 700;
font-size: 22.16px;
line-height: 27.7px;
letter-spacing: 0px;
vertical-align: middle;
text-decoration: underline;
text-decoration-thickness: 1px;
}
.our-solution .our-solution-card a img,
.our-solution .our-solution-card-full a img {
filter: brightness(0) saturate(100%) invert(26%) sepia(82%) saturate(2669%) hue-rotate(206deg) brightness(99%) contrast(110%);
margin-left: 10px;
}
.our-solution .icon-text-wrapper {
display:flex;
align-items:center;
margin-bottom:15px;
}
.our-solution .our-solution-card h3 {
font-family: "Montserrat", sans-serif;
font-weight: 500;
font-size: 33.25px;
line-height: 1.3;
letter-spacing: 0;
vertical-align: middle;
text-transform: uppercase;
color: #555555;
padding-left: 15px;
}
.our-solution .our-solution-card p {
font-family: "Lato", sans-serif;
font-weight: 300;
font-size: 22.16px;
line-height: 140%;
letter-spacing: 0;
color:#555555;
}
.our-solution .our-solution-card-full p {
font-family: "Lato", serif;
font-weight: 300;
font-size: 24px;
line-height: 140%;
letter-spacing: 0;
vertical-align: middle;
color:#555555;
}
.our-solution .our-solution-card-full{
background-color: transparent !important;
padding:0 !important;
grid-column: span 2;
}
.our-solution .our-solution-card-full .text-top {
display: flex;
align-items: center;
margin-bottom: 10px;
width: 85%;
}
.our-solution .our-solution-card-full .text-top .solutions-icon{
margin-right: 20px;
min-width: 145px;
}
.our-solution .our-solution-card-full .text-top h2 {
margin: 0 20px 0 0;
padding: 0;
font-weight: 800;
font-family: "Montserrat", serif;
font-size: 72px;
line-height: 100%;
letter-spacing: 0;
text-transform: uppercase;
color: #555555;
}
.our-solution .our-solution-card-full .text-top p {
color: #555;
font-family: "Montserrat", serif;
font-weight: 700;
font-size: 24px;
line-height: 130%;
letter-spacing: 0;
}
.cta-sec.left .vc_cta3-content, .cta-sec.left .vc_cta3-actions{
margin-left: 0;
}
.cta-sec.left .vc_cta3-content-header h2{
font-size: 40px !important;
line-height: normal;
text-align: center;
}
.cta-sec.left .vc_btn3.vc_btn3-shape-rounded{
font-weight: 700;
font-size: 20px;
padding: 16px 30px;
}
.cta-sec.left .vc_cta3_content-container{
max-width: 1580px;
width: 100%;
}
.cta-sec.left .vc_cta3{
min-height: 523px;
display: flex;
flex-wrap: wrap;
align-items: center;
background-position: center bottom !important;
}
body .customers-sec {
background-repeat: no-repeat !important;
background-position: 0% 30% !important;
background-size: cover !important;
}
.customers-sec .vc_column_container{
max-width: 1354px;
margin: 0 auto;
}
.customers-sec .vc_btn3{
background-image: none !important;
font-weight: 700;
font-size: 20px !important;
padding-right: 25px !important;
padding-left: 0 !important;
}
.customers-sec .vc_btn3 i{
right: 0 !important;
font-size: 16px !important;
}
.customers-sec .customers-card .vc_column-inner{
border-width: 1px;
border-style: solid;
overflow: hidden;
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);
}
.customers-card .wpb_single_image{
min-height: 303px;
display: flex;
align-items: center;
justify-content: center;
background: linear-gradient(292.18deg, rgba(255, 202, 153, 0.1) 3.33%, rgba(255, 241, 173, 0.1) 10.34%, rgba(11, 225, 13, 0.1) 46.18%, rgba(107, 160, 255, 0.1) 80.91%, rgba(0, 104, 250, 0.075) 95.35%), #FFFFFF !important;
}
.customers-card .video-img img{
height: 211px;
width: 100%;
object-fit: cover;
}
.customers-sec .vc_column_container h3 {
text-transform: uppercase;
}
.customers-sec .vc_column_container .customer-link-title h3,
.customers-sec .vc_column_container .customer-link-title{
text-transform: none;
}
.customers-sec .vc_column_container h3 a {
color: #38393D;
text-transform: unset;
}
.customers-sec .vc_column_container .customer-link-title {
margin-bottom: 10px !important;
}
.footer-new {
position:relative;
}
.footer-new::before {
content: "";
position: absolute;
left: 0;
top: 0;
right: 0;
width: 100%;
height: 100%;
background: url('https://binti.com/wp-content/uploads/2025/06/footergraphic.svg') no-repeat bottom left !important;
background-size:cover;
z-index:0;
}
.footer-new #footer-widget,
.footer-new .site-footer{
background: url('https://binti.com/wp-content/uploads/2025/06/footer-bg.svg') no-repeat center !important;
background-size: cover !important;
}
.footer-new h3.widget-title{
color: #38393D;
font-weight: 700;
text-transform: inherit;
}
.footer-new #footer-widget a{
color: #666666;
}
.footer-new .site-footer .copy-right-menu a,
.footer-new .site-footer .copy-right-menu li{
color: #666666 !important;
}
.copy-right-menu li{
position: relative;
}
.footer-new .site-footer .copy-right-menu li:not(:last-child) {
margin-right: 12px;
padding-right: 12px;
}
.footer-new .site-footer .copy-right-menu .ft-menu-item:not(:last-child)::after{
content: "";
position: absolute;
right: 0;
height: 100%;
background-color: #DCDDE1;
width: 1px;
top: 0;
}
.footer-new #footer-widget p {
font-weight: 700;
color: #555555;
}
/* .footer-new .footer-long #footer-form img,
.footer-new .menu-social-media-container .menu-item{
filter: invert(46%) sepia(64%) saturate(6535%) hue-rotate(215deg) brightness(98%) contrast(83%);
} */
.footer-new #footer-widget .salesforce_w2l_lead .w2linput.text {
max-width: 100%;
border-radius: 30px;
}
.footer-new .w2lsubmit input[type="submit"]{
background-color: #006CFF;
width: 100%;
border-radius: 30px;
text-transform: inherit;
letter-spacing: 0;
font-size: 16px;
font-weight: 600;
}
.footer-new .salesforce_w2l_lead .w2lsubmit{
padding: 0;
}
.header-new .navbar-nav>li:not(.btn)>a.nav-link {
font-size:16px;
}
@media only screen and (min-width: 1200px) {
.header-new .navbar-nav>li:not(.btn)>a.nav-link{
color: #555555;
font-size:18px;
}
.home .header-new .navbar-nav>li:not(.btn)>a.nav-link{
color: #fff;
}
}
@media only screen and (max-width: 1199px) {
.header-new.navbar-light .navbar-toggler {
border: 0;
padding: 0;
}
.header-new.navbar-light .navbar-toggler-icon {
background-image: url('data:image/svg+xml,');
}
.hero-sec h1{
font-size: 84px !important;
}
.header-new .dropdown-toggle::after{
filter: brightness(0.5) invert(1);
}
header .navbar-nav{
text-align: left;
align-items: start !important;
}
.header-new .navbar-nav > li {
margin: 0px;
padding: 15px 0px;
}
.header-new .navbar-nav>li:not(.btn)>a.nav-link {
font-size: 18px;
line-height: 22px;
padding: 0 14px;
outline: none !important;
color: #555555;
}
header .navbar-nav .dropdown-menu {
margin-top: 15px;
margin-left: 15px;
margin-bottom: 0px;
}
header .navbar-collapse{
top: 87px;
padding-top: 25px;
}
.hero-sec h3 br {
display: none;
}
.hero-sec{
padding-top: 100px;
}
.customers h2 {
font-size: 38px !important;
}
.results-sec .vc_separator h4{
font-size: 36px;
}
.results-sec .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-lg .vc_icon_element-icon{
font-size: 1.8em !important;
}
.results-sec .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-lg{
width: 2.5em;
height: 2.5em;
}
.results-sec .wpb_text_column h3{
font-size: 28px;
}
.results-sec .wpb_text_column h3 strong,
.agencies-nationwide h3 {
font-size: 36px;
}
.results-sec h2 {
font-size: 54px !important;
}
.our-solution .title {
font-size: 74px !important;
}
.our-solution h4.vc_custom_heading {
font-size: 30px !important;
}
.our-solution .our-solution-card h3 {
font-size: 23.25px;
}
.our-solution h4 + p{
font-size: 24px !important;
line-height: normal !important;
}
.our-solution .our-solution-card-full .text-top p {
font-size: 18px;
}
.our-solution .our-solution-card-full .text-top h2 {
font-size: 50px;
}
.our-solution .our-solution-card {
background-position: 8% 10% !important;
}
.our-solution .our-solution-card p ,
.our-solution .our-solution-card-full p{
font-size: 20px;
}
.our-solution .our-solution-card a, .our-solution .our-solution-card-full a {
font-size:18px;
}
.agencies-nationwide h2{
font-size: 46px;
}
.cta-sec.left .vc_cta3-content-header h2 {
font-size: 32px !important;
margin-bottom: 20px;
}
.cta-sec.left .vc_cta3{
min-height: auto;
}
.customers-card h3 {
font-size: 18px !important;
}
}
@media only screen and (max-width: 991px) {
.hero-sec h1{
font-size: 64px !important;
}
.agencies-nationwide h2{
font-size: 42px;
}
.common-btn .vc_btn3.vc_btn3-size-lg{
font-size: 20px;
min-width: auto;
white-space:nowrap;
}
.hero-sec .hero-content-img-block {
display:none;
}
.solutions-card-wrapper .wpb_column > .vc_column-inner > .wpb_wrapper {
display: flex;
flex-direction: column;
}
.solutions-card-wrapper >.vc_column_container > .vc_column-inner {
padding: 30px !important;
}
.our-solution .our-solution-card {
background-position: 8% 13% !important;
}
.our-solution .our-solution-card {
padding-top: 8% !important;
padding-bottom: 5% !important;
}
.our-solution .our-solution-card-full .text-top ,
.cta-sec .vc_cta3-content, .cta-sec .vc_cta3-actions {
width: 100%;
}
}
@media only screen and (min-width: 768px) {
.mobile-bg .vc_column-inner {
background-image: none !important;
}
.landing-hero-sec.custom h1{
color: #00285F;
font-family: "Montserrat", serif;
font-size: 48px;
font-weight: 600;
line-height: 125%;
padding-bottom: 0px;
}
.landing-hero-sec.custom {
padding-top: 120px;
padding-bottom: 110px;
}
}
@media only screen and (max-width: 767px) {
.header-new {
top: 0;
}
.hero-sec h1{
font-size: 54px !important;
line-height: 1 !important;
}
.hero-sec h3{
font-size: 24px !important;
width: 100%;
margin: 0 auto;
}
.top-bar p, .top-bar p a{
font-size: 12px;
line-height: 18px;
}
.top-bar{
padding: 10px 15px;
display:none;
}
.vc_row.hero-sec.vc_row-has-fill{
padding-top: 80px;
background: url("https://binti.com/wp-content/uploads/2025/06/mobile-hero-banner-scaled.webp") no-repeat !important;
background-size:cover !important;
background-position:center !important;
}
.results-sec h2 {
font-size: 40px !important;
}
.agencies-nationwide h2{
font-size: 38px;
}
.agencies-nationwide h3 {
font-size: 22px;
}
.our-solution .title{
font-size: 49px !important;
}
.welfare-upstream li, .welfare-upstream a{
font-size: 16px;
}
.our-solution > .wpb_column > .vc_column-inner {
padding-left: 30px;
padding-right: 30px;
}
.our-solution .solutions-icon {
max-width: 70px;
}
.our-solution .our-solution-card-full .text-top .solutions-icon {
min-width: 50px;
margin-right: 10px;
}
.our-solution .icon-text-wrapper {
margin-bottom: 10px;
}
.our-solution .our-solution-card h3 {
font-size: 18px;
}
.our-solution .our-solution-card a, .our-solution .our-solution-card-full a {
font-size: 16px;
}
.our-solution .our-solution-card p {
margin-bottom: 0;
}
.cta-sec.left .vc_btn3.vc_btn3-shape-rounded{
font-size: 18px;
padding: 16px 20px;
white-space: normal;
}
.cta-sec.left .vc_cta3{
background-position: left bottom !important;
}
.customers-sec h2{
font-size: 32px !important;
text-align: center !important;
}
.solutions-card-wrapper >.vc_column_container > .vc_column-inner {
padding: 21px 18px !important;
}
.our-solution .our-solution-card-full .text-top {
align-items: flex-start;
gap: 10px;
flex-wrap: wrap;
}
.our-solution .our-solution-card-full .text-top + p {
margin-bottom: 10px;
}
.cta-sec.left .vc_btn3.vc_btn3-shape-rounded {
width: 100% !important;
white-space: normal;
}
.cta-sec.family-finding-cta .vc_cta3-content-header h2 ,
.cta-sec.family-finding-cta .vc_cta3-content,
.cta-sec.family-finding-cta .vc_cta3-actions{
text-align: center !important;
}
.customers-card .wpb_single_image {
margin-bottom: 7% !important;
}
.customers-card h3 {
padding-left: 8% !important;
}
.customers-sec .vc_column_container .customer-link-title h3 {
padding-left: 0 !important;
}
.customers-sec .vc_column_container .customer-link-title ,
.customers-sec .vc_column_container p.vc_custom_heading{
padding-left: 8% !important;
padding-right: 5% !important;
}
.landing-hero-sec.custom {
padding-top: 0px;
padding-bottom: 0px;
}
.landing-hero-sec.custom .mobile-bg .vc_column-inner {
padding-top: 150px !important;
}
}
@media only screen and (max-width: 575px) {
.hero-sec h1 {
padding:0 15px;
}
.hero-sec .common-btn .vc_btn3.vc_btn3-size-lg {
max-width: 320px;
width: 100%;
}
.vc_row.hero-sec.vc_row-has-fill {
background-position: bottom !important;
}
.hero-sec h3{
font-size: 20px !important;
width: 80%;
margin: 0 auto;
margin-bottom: 25vw !important;
}
.customers-sec .vc_column-inner .vc_row .customers-card, .results-sec-container .vc_row .vc_column_container {
width: 100%;
}
.agencies-nationwide.vc_row {
padding-top: 50px !important;
}
.results-sec-container .vc_row .vc_column_container .wpb_wrapper div.vc_custom_heading {
font-size: 20px !important;
}
.our-solution h4.vc_custom_heading {
font-size: 20px !important;
}
.our-solution h4 + p ,
.our-solution .our-solution-card p,
.our-solution .our-solution-card-full p{
font-size: 18px !important;
}
.results-sec-container .vc_row .vc_column_container {
padding-bottom: 0 !important;
}
.common-btn .vc_btn3.vc_btn3-size-lg {
padding: 25.5px 25.5px 25.5px 25.5px;
}
.solutions-card-wrapper >.vc_column_container > .vc_column-inner {
padding: 15px !important;
}
.our-solution .solutions-icon {
max-width: 70px;
}
.our-solution .our-solution-card h3 {
font-size: 14px;
}
.our-solution .our-solution-card-full .text-top h2 {
font-size: 42px;
}
.cta-sec .vc_cta3-content-header h2 {
font-size: 36px;
line-height: 1;
margin-bottom: 15px;
}
.cta-sec .vc_general.vc_cta3 {
padding-top: 50px;
padding-bottom: 30px;
}
.cta-sec.left .vc_btn3.vc_btn3-shape-rounded {
font-size: 16px;
}
}
.cta-sec.left .vc_btn3.vc_btn3-shape-rounded {
padding: 16px 30px;
font-family: Lato;
font-weight: 700;
font-size: 20.71px;
line-height: 1.8;
letter-spacing: 1.8639px;
text-align: center;
vertical-align: middle;
text-transform: uppercase;
width: 676.2526245117188px;
}
/* Home page New css end */
/* Ai page css start */
.ai-enable-sec {
background-repeat: no-repeat;
background-size: cover;
background-position: left;
}
.ai-enable-sec .desc-box{
border-radius: 15px;
}
.ai-enable-sec ul,
.ai-enable-sec ul li{
list-style: disc;
list-style-type: disc;
color: #fff;
}
.ai-enable-sec ul{
margin-left: 30px;
}
.ai-enable-sec ul li{
font-weight: 400;
line-height: 160%;
font-size: 18px;
}
.ai-enable-sec .title{
text-transform: uppercase;
margin-left: -30px;
}
.ai-enable-sec .title b {
font-size: 48px;
font-weight: 700;
display: block;
margin-left: 27%;
}
.ai-enable-sec .title i{
font-weight: 400;
text-transform: capitalize;
}
.ai-enable-sec span{
display: block;
}
.ai-enable-sec i{
color: #fff;
}
.ai-enable-sec .col-right {
padding-left: 60px;
padding-top: 20px;
}
.why-choose-binti-sec .common-btn button{
font-size: 14px !important;
letter-spacing: 1.28px;
text-transform: uppercase;
}
.why-choose-ai-sec .vc_column_container{
padding: 0 15px;
}
.why-choose-ai-sec{
overflow: visible !important;
}
.why-choose-ai-sec::before {
display: block !important;
position: absolute;
background-image: url(https://binti.com/wp-content/uploads/2025/04/flora-2-bleu.png);
background-repeat: no-repeat;
background-position: 0 0;
height: 26%;
width: 14%;
top: -20px;
background-size: contain;
left: -6%;
}
.video-wrapper {
position: relative;
overflow: hidden;
padding-top: 40%;
}
.video-wrapper>p{
margin-bottom: 0;
}
.video-wrapper video {
width: 100%;
height: auto;
display: block;
position: absolute;
left: 0;
height: 100%;
width: 100%;
object-fit: cover;
top: 0;
}
.custom-play-btn {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border-radius: 50%;
cursor: pointer;
z-index: 2;
transition: 0.3s;
text-align: center;
}
.custom-play-btn p{
margin-bottom: 0;
}
.custom-play-btn h6{
color: #fff;
font-weight: 700;
line-height: normal;
font-size: 24px;
white-space: nowrap;
}
.our-customer-ai-sec .img-with-txt .logo-text p {
font-size: 16px;
font-weight: 300;
}
.our-customer-ai-sec .img-with-txt .logo-text h5{
margin-bottom: 0;
}
.download-replay .vc_column-inner{
max-width: 950px;
margin: 0 auto;
}
.why-choose-ai-sec .common-btn .vc_btn3 {
font-size: 14px;
letter-spacing: 1.28px;
text-transform: uppercase;
}
.how-it-word-video,
.our-customer-ai-sec{
overflow: visible !important;
}
.how-it-word-video::before {
background-image: url(https://binti.com/wp-content/uploads/2025/04/flower-pink.png);
background-repeat: no-repeat;
background-position: right top;
top: -19%;
right: -12%;
height: 54%;
width: 23%;
position: absolute;
z-index: 1;
background-size: contain;
}
.our-customer-ai-sec::before{
background-image: url(https://binti.com/wp-content/uploads/2025/04/pink-flower.png);
background-repeat: no-repeat;
background-position: bottom left;
bottom: 30px;
left: -10%;
height: 40%;
width: 24%;
position: absolute;
z-index: 1;
background-size: contain;
}
#content .wpcf7-form .w2lsubmit input[type="submit"]{
line-height: normal;
height: auto;
}
.wpcf7-form .form-row{
row-gap: 10px;
margin-inline: -18px;
}
.btn-wrapper.w2lsubmit {
margin-top: 2em;
}
.wpcf7-form .form-row>div{
padding-inline: 18px;
}
.fw-800{
font-weight: 800 !important;
}
.fw-500 {
font-weight: 500 !important;
}
.fw-light{
font-weight: 300 !important;
}
.fw-extra-bold{
font-weight: 900 !important;
}
.success_message {
color: green;
}
@media only screen and (max-width: 1280px) {
.welfare-upstream .col-left,
.welfare-upstream .img-col{
width: 50%;
}
}
@media only screen and (max-width: 1199px) {
.ai-enable-sec .col-right{
padding-left: 0;
}
.download-replay .title{
font-size: 46px !important;
}
.header-new .menu-item.btn a,
.header-new .menu-item.btn a:hover{
background-color: #1772e5;
color: #fff;
border-radius: 5px;
}
.header-new .menu-item.btn {
margin: 0px 12px;
margin-top: 10px;
}
.welfare-upstream .col-left .heading{
font-size: 68px !important;
}
.welfare-upstream .col-left .title{
font-size: 35px !important;
}
}
@media only screen and (max-width: 991px){
.welfare-upstream .col-left,
.welfare-upstream .img-col{
width: 100%;
}
}
@media only screen and (max-width: 767px){
.ai-enable-sec .title{
font-size: 42px !important;
margin-bottom: 20px !important;
margin-left: 0;
}
.ai-enable-sec .title b {
font-size: 26px;
margin-left: 0;
}
.why-choose-ai-sec .title-innovating{
font-size: 34px !important;
}
.video-wrapper{
padding-top: 54.25%;
}
.download-replay .title{
font-size: 32px !important;
}
.welfare-upstream .col-left>div{
padding: 30px 20px !important;
}
.welfare-upstream .col-left .title {
font-size: 30px !important;
}
.welfare-upstream .col-left .heading {
font-size: 55px !important;
line-height: 1.2 !important;
margin-bottom: 0 !important;
}
.welfare-upstream .col-left .subheading {
font-size: 18px !important;
margin-bottom: 10px !important;
}
.welfare-upstream .col-left p ,
.award-sec p ,
.our-solution h4 + p,
.our-solution .our-solution-card p,
.our-solution .our-solution-card-full p{
font-size: 16px !important;
line-height: 24px;
}
.our-solution h4 + p br{
display:none;
}
.our-solution h4.vc_custom_heading {
font-size:18px !important;
}
}
@media only screen and (min-width: 576px) {
.hero-banner-title b {
white-space: nowrap;
}
}
@media only screen and (max-width: 575px) {
.welfare-upstream .col-left .title {
font-size: 25px !important;
}
.welfare-upstream .col-left .heading {
font-size: 43px !important;
}
}
@media only screen and (max-width: 380px) {
.our-solution .solutions-icon {
max-width: 50px;
}
.our-solution .our-solution-card p, .our-solution .our-solution-card-full p, .our-solution .our-solution-card a, .our-solution .our-solution-card-full a {
font-size: 9.55px !important;
line-height: 11.94px !important;
}
body:has(.landing-hero-sec.custom) header {
position: absolute;
width: 100%;
background: transparent !important;
}
}
/* Ai page css end */
#menu-social-media a:focus-visible,
.footer-new .nav > li > a:focus{
background-color: transparent;
}
/* Request-demo page css start */
.request-demo-sec .salesforce_w2l_lead .sf_field_Coming_weeks {
display: none;
}
/* Request-demo page css end */
/* Results-Sec start */
.results-sec {
background: none !important;
}
.results-sec::before {
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
width: 100%;
height: 100%;
background-image: linear-gradient(183.63deg, rgba(224, 235, 255, 0.6) 29.24%, rgba(224, 255, 153, 0.358709) 63.48%, rgba(224, 255, 153, 0) 99.71%), linear-gradient(179.35deg, rgba(255, 255, 255, 0.05) 7.66%, rgba(255, 255, 255, 0.2) 52.91%, rgba(255, 255, 255, 0.2) 74.23%, rgba(255, 255, 255, 0.05) 99.46%), url(https://binti.com/wp-content/uploads/2025/06/impact-bg.webp?id=8252);
filter: blur(40px);
}
.results-sec-container {
margin: 0 auto;
float: none !important;
max-width:1400px;
}
/* Results-Sec end */
/* Upstream css start */
.upstream-heading {
letter-spacing: 0.2855px;
}