html{
scroll-behavior: smooth;
overflow-x: hidden !important;
}
*{
margin:0px;
padding:0px;
box-sizing: border-box;
}
body {
margin: 0px;
padding: 0px;
/*font-family: 'Oxygen', sans-serif;*/
font-family: 'Montserrat', sans-serif;
/*position: relative;*/
}
ul{
margin:0px;
padding:0px;
}
li{
list-style-type:none;
}
button {
outline: none !important;
}
a {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
img {
border: none;
max-width: 100%;
height: auto;
}
@font-face{
font-family:bentonsans;
src: url(../fonts/bentonsans-black.otf);
font-weight: 800;
}
@font-face{
font-family:bentonsans;
src: url(../fonts/bentonsans-bold.otf);
font-weight: 700;
}
@font-face{
font-family:bentonsans;
src: url(../fonts/bentonsans-medium.otf);
font-weight: 500;
}
@font-face{
font-family:bentonsans;
src: url(../fonts/bentonsans-regular.otf);
font-weight: 400;
}
@font-face{
font-family:bentonsans;
src: url(../fonts/bentonsans-light.otf);
font-weight: 300;
}
p {
font-size: 20px;
line-height: 30px;
color:#08082D;
font-weight: 400;
}
h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
/*font-family:bentonsans;*/
}
h1{
font-size:90px;
line-height:90px;
color:#fff;
font-weight:800;
text-transform: uppercase;
}
h2{
font-size:40px;
line-height: 50px;
color:#08082D;
font-weight: 800;
position: relative;
text-transform: uppercase;
max-width: 32%;
}
h3{
font-size:20px;
line-height:65px;
font-weight:800;
color:#08082D;
text-transform: uppercase;
}
h4{
font-size: 24px;
line-height: 42px;
color:#08082D;
font-weight: 500;
text-transform: uppercase;
}
.custom-container{
margin: 0 auto;
width: 100%;
max-width: 1150px;
height:auto
}
.custom-button{
width: 159px;
height:52px;
line-height: 52px;
background: url(../images/custom-button-arrow.png) right 20px center no-repeat;
font-family:bentonsans;
font-size:15px;
color: #fff;
font-weight: 500;
position: relative;
display: inline-block;
padding-left:25px;
}
.custom-button:hover{
color:#fff;
}
.custom-button::after{
position: absolute;
content: '';
width: 0;
height: 52px;
background:#E90C8A;
transition: width .2s ease-in;
z-index: -1;
color:#fff;
left:0;
top:0;
transform:skew(-20deg);
}
.custom-button:hover::after{
width: 100%;
}
.custom-button::before {
position: absolute;
content: '';
width: 100%;
height: 100%;
background:#08082D;
transform: skew(-20deg);
top:0;
left:0;
z-index:-1;
}
.main-banner-outer{
width: 100%;
height: 1148px;
background: url(../images/header-bg.png) center top no-repeat;
background-size: 100% 54%;
position: relative;
overflow:hidden;
}
.main-banner-outer::after {
position: absolute;
content: '';
width: 65.10vw;
height:1148px;
right: -6vw;
top: 0;
background: url(../images/banner-overlay-after.png) right top no-repeat;
background-size: 100% 100%;
z-index: 9;
overflow:hidden;
mix-blend-mode: multiply;
}
.right-corner-shape {
position: absolute;
width: 65.10vw;
height:1148px;
right: -6vw;
top: 0;
background: url(../images/banner-overlay-corner-shape.png) right top no-repeat;
background-size: 100% 100%;
z-index: 9;
overflow: hidden;
}
header{
position: absolute;
width: 100%;
height: auto;
padding-top: 30px;
z-index: 999;
}
header .header-inner{
margin: 0 auto;
width: 100%;
display: flex;
align-items: center;
}
header .header-inner .header-menu{
margin-left: 115px;
}
header .header-inner .header-menu ul{
display: flex;
width: 100%;
}
header .header-inner .header-menu ul li{
margin-right: 30px;
position:relative;
}
header .header-inner .header-menu ul li:last-child{
margin-right: 0;
}
header .header-inner .header-menu ul li::after{
position: absolute;
content:'';
width:0;
height:2px;
bottom:-6px;
left:50%;
transform: translateX(-50%);
background: #fff;
transition: width .2s ease-in;
}
header .header-inner .header-menu ul li:hover::after{
width: 100%;
}
header .header-inner .header-menu ul li a{
font-size: 15px;
line-height: 23px;
color:#fff;
font-weight: 500;
text-transform: uppercase;
}
.banner-sec{
width: 100%;
height: auto;
position: relative;
}
.banner-sec .banner-inner{
display: flex;
width: 100%;
}
.banner-left h1 {
font-size: 50px;
line-height: 70px;
}
.banner-sec .banner-left {
padding-top: 14vh;
width: 54%;
position: relative;
z-index: 99;
}
/* .banner-right{
height:1148px;
width: 100vw;
position: absolute;
right: -27vw;
bottom: 0;
} */
.banner-right {
height: 1148px;
width: 100vw;
position: absolute;
right: -25vw;
bottom: 2px;
}
.banner-sec h1 span{
padding-left: 0;
display: block;
}
.banner-right img{
width: 100%;
height:100%;
object-fit: contain;
}
.banner-sec p {
margin-top: 17vh;
/*font-family: bentonsans;*/
font-weight: 500;
max-width: 480px;
}
.banner-sec .custom-button{
margin-top: 25px;
}
.banner-sec .small-quote-wrapper {
width: 100%;
max-width: 58vw;
height: auto;
margin-left: 7vw;
margin-top: 6vh;
position: relative;
z-index: 10;
}
.banner-sec .small-quote-wrapper::before{
position:absolute;
content:'';
width:100%;
height:100%;
background:#08082D;
transform:skew(-20deg);
z-index:-1;
}
.banner-sec .small-quote-wrapper .small-quote-inner{
display: flex;
width: 100%;
justify-content: space-between;
padding: 10px 50px;
flex-direction: column;
}
.banner-sec .small-quote-wrapper .small-quote-inner p:last-child {
text-align: right;
}
.banner-sec .small-quote-wrapper .small-quote-inner p{
/*font-family: 'Oxygen', sans-serif;*/
font-size: 18px;
line-height: 28px;
color:#fff;
font-weight: 400;
margin-top: 0;
max-width:100%;
margin-bottom:0px;
}
.banner-sec .small-quote-wrapper .small-quote-inner p span{
font-weight: 700;
}
.solutions-wrapper{
width: 100%;
height: auto;
position: relative;
/* background:#F7FCFF; */
top:0;
}
.solutions-wrapper:after {
content: '';
position: absolute;
bottom: 0px;
height: 100%;
left: 0;
right: 0;
background-color: #f7fcff;
z-index: -1;
}
.solutions-wrapper::before {
position: absolute;
content: '';
width: 100%;
height: 13vh;
top: -70px;
left: 0;
background: #F7FCFF;
z-index: -1;
}
.solutions-wrapper h3{
color: #E90C8A;
padding-bottom: 15px;
}
.solutions-wrapper .solutions-wrapper-bottom{
width: 100%;
height: auto;
padding:55px 0px;
position: relative;
}
.solutions-wrapper .solutions-wrapper-bottom .solutions-wrapper-left{
width: 30.60%;
border-left: 1px solid #08082D;
padding-left: 30px;
display: inline-block;
vertical-align: top;
position: sticky;
top: 6vh;
}
.solutions-wrapper .solutions-wrapper-bottom .solutions-wrapper-left ul li{
display: flex;
width: 100%;
align-items: center;
padding-bottom: 40px;
border-bottom:1px solid #08082D;
margin-bottom:40px;
}
.solutions-wrapper .solutions-wrapper-bottom .solutions-wrapper-left ul li:last-child{
margin-bottom: 0px;
padding-bottom: 0px;
border-bottom: none;
}
.solutions-wrapper .solutions-wrapper-bottom .solutions-wrapper-left ul li a{
/*font-family:bentonsans;*/
font-size: 30px;
color:#08082D;
font-weight: 800;
text-transform: uppercase;
margin-left:0px;
transition: margin-left .5s;
}
.solutions-wrapper .solutions-wrapper-bottom .solutions-wrapper-left ul li a .img-1{
display: none;
padding-right: 10px;
}
.solutions-wrapper .solutions-wrapper-bottom .solutions-wrapper-left ul li a.active{
margin-left:15px;
}
.solutions-wrapper .solutions-wrapper-bottom .solutions-wrapper-left ul li a.active span{
display: none;
}
.solutions-wrapper .solutions-wrapper-bottom .solutions-wrapper-left ul li a.active .img-1{
display: inline-block;
}
.solutions-wrapper .solutions-wrapper-bottom .solutions-wrapper-left ul li a span{
padding-right: 10px;
}
.solutions-wrapper .solutions-wrapper-bottom .solutions-wrapper-right{
width: 58.43%;
padding-left: 50px;
display: inline-block;
position: relative;
vertical-align: top;
}
.solutions-wrapper .solutions-wrapper-bottom .solutions-wrapper-right .solutions-right-cont{
margin-bottom: 0vh;
padding-top: 2vh;
transition: all 200ms ease-in;
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes slideInUp {
0% {
-webkit-transform: translateY(100%);
transform: translateY(100%);
visibility: visible;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes slideInUp {
0% {
-webkit-transform: translateY(100%);
transform: translateY(100%);
visibility: visible;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.solutions-wrapper .solutions-wrapper-bottom .solutions-wrapper-right .solutions-right-cont.active {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
-webkit-animation-duration: 400ms;
animation-duration: 400ms;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.solutions-wrapper .solutions-wrapper-bottom .solutions-wrapper-right .solutions-right-cont:last-child{
margin-bottom: 0vh;
}
.solutions-wrapper .solutions-wrapper-bottom .solutions-wrapper-right .solutions-right-cont h3{
font-size: 30px;
color:#08082D;
line-height: 50px;
}
.solutions-wrapper .solutions-wrapper-bottom .solutions-wrapper-right .solutions-right-cont .custom-button{
width: 187px;
margin-top:25px;
}
.solutions-wrapper .solutions-wrapper-bottom .solutions-wrapper-right .solutions-right-cont .custom-button::before{
background: #E90C8A;
}
.solutions-wrapper .solutions-wrapper-bottom .solutions-wrapper-right .solutions-right-cont .custom-button::after{
background: #08082D;
}
.number-wrapper{
width:100%;
height:auto;
padding:20vh 0px 100px 0px;
position: relative;
background: url(../images/number-before.png) center top no-repeat;
background-size: cover;
z-index: 9;
top: 0;
}
.number-wrapper::before{
position: absolute;
content: '';
width: 393px;
height: 98px;
right:0;
top:0;
background: url(../images/number-after.png) right top no-repeat;
z-index: 999;
}
.number-wrapper .number-wrapper-inner .number-wrapper-top{
width: 100%;
max-width: 44%;
}
.number-wrapper .number-wrapper-inner h3{
color:#06AAF2;
font-weight: 500;
}
.number-wrapper .number-wrapper-inner h2{
color:#fff;
max-width: 313px;
padding: 20px 0px;
}
.number-wrapper .number-wrapper-inner p{
font-size: 18px;
line-height: 30px;
color:#fff;
font-weight: 400;
}
.number-wrapper .number-wrapper-inner h4 {
font-size: 23px;
line-height: 34px;
color: #fff;
font-weight: 500;
}
.number-wrapper .number-wrapper-inner .number-wrapper-bottom{
padding-top: 35px;
}
.number-wrapper .number-wrapper-inner .number-wrapper-bottom ul{
display: flex;
}
.number-wrapper .number-wrapper-inner .number-wrapper-bottom ul li{
margin-right: 40px;
}
.number-wrapper .number-wrapper-inner .number-wrapper-bottom ul li:last-child{
margin-right: 0px;
}
.number-wrapper .number-wrapper-inner .number-wrapper-bottom ul li a {
/*font-family:bentonsans;*/
font-size: 40px;
line-height: 60px;
color: #FBEA52;
font-weight: 800;
}
.number-wrapper::after {
position: absolute;
content: '';
width: 100%;
height: 300px;
right: 0;
bottom: -35%;
background: url(../images/number-wrapper-after.png) right bottom no-repeat;
background-size: auto;
background-size: cover;
}
.join-wrapper{
width: 100%;
height: auto;
padding: 100px 0px 100px 0px;
}
.join-wrapper .join-wrapper-inner{
width: 100%;
height: auto;
display: flex;
position: relative;
}
.join-wrapper .join-wrapper-inner h3{
color:#E90C8A;
}
.join-wrapper .join-wrapper-inner h2{
max-width: 100%;
padding: 18px 0px 25px 0px;
font-size: 40px;
line-height: 53px;
}
.join-wrapper .join-wrapper-inner p{
max-width: 500px;
line-height: 32px;
}
.join-wrapper .join-wrapper-inner .join-wrapper-left{
width:71%;
}
.join-wrapper .join-wrapper-inner .join-wrapper-left .custom-button{
margin-top: 43px;
}
.join-wrapper .join-wrapper-inner .benefit-wrapper{
width: 100%;
padding-top:45px;
}
.join-wrapper .join-wrapper-inner .benefit-wrapper ul{
display: flex;
}
.join-wrapper .join-wrapper-inner .benefit-wrapper ul li{
margin-right: 50px;
}
.join-wrapper .join-wrapper-inner .benefit-wrapper ul li:last-child{
margin-right: 0px;
}
.join-wrapper .join-wrapper-inner .benefit-wrapper ul li .cont-sec {
padding-top: 20px;
}
.join-wrapper .join-wrapper-inner .benefit-wrapper ul li .cont-sec h4 {
/*font-family: 'Oxygen', sans-serif;*/
font-size: 18px;
line-height: 30px;
color: #08082D;
font-weight: 700;
text-transform: none;
max-width: 190px;
}
.join-wrapper .join-wrapper-inner .join-wrapper-right{
width: 29%;
}
.join-wrapper .join-wrapper-inner .join-wrapper-right .join-wrapper-right-inner{
display:flex;
width: 100%;
flex-wrap: wrap;
position: relative;
}
.join-wrapper .join-wrapper-inner .join-wrapper-right .join-wrapper-right-inner .join-wrapper-right-img{
width: 188px;
height: 270px;
margin-left: 120px;
margin-bottom: 88px;
box-shadow: 10px 10px 6px rgb(8 8 45 / 0.1);
}
.join-wrapper .join-wrapper-inner .join-wrapper-right .join-wrapper-right-inner .join-wrapper-right-img:first-child{
position: absolute;
left: -55%;
top: 32%;
margin-left: 0px;
margin-bottom: 0px;
}
.join-wrapper .join-wrapper-inner .join-wrapper-right .join-wrapper-right-inner .join-wrapper-right-img:last-child{
margin-bottom: 0px;
width: 240px;
height: 240px;
}
.join-wrapper .join-wrapper-inner .join-wrapper-right .join-wrapper-right-inner .join-wrapper-right-img img{
width: 100%;
height: 100%;
object-fit: cover;
}
.testimonial-wrapper{
width: 100%;
height: auto;
background:url(../images/testimonials-wrapper-bg.png) center top no-repeat;
background-size: 110%;
padding: 180px 0px 200px 0px;
position:relative;
overflow:hidden;
}
.testimonial-wrapper .testimonial-wrapper-inner{
margin-left: 20%;
display: flex;
}
.testimonial-wrapper .testimonial-wrapper-inner .testimonial-wrapper-left{
width: 100%;
max-width: 432px;
}
.testimonial-wrapper .testimonial-wrapper-inner h3{
color:#E90C8A;
padding-bottom: 20px;
}
.testimonial-wrapper .testimonial-wrapper-inner h2{
color:#fff;
max-width: 90%;
}
.testimonial-wrapper .testimonial-wrapper-inner p{
color:#fff;
padding: 25px 0px;
line-height: 32px;
}
.testimonial-wrapper .testimonial-wrapper-inner .testimonial-wrapper-right{
width: 54vw;
height: 538px;
}
.owl-carousel.testimonial-wrapper-top{
display: flex;
width: 100%;
height: 70vh;
margin-left: 50px;
}
.owl-carousel.testimonial-wrapper-top .img-sec{
position: relative;
width: 48%;
}
.owl-carousel.testimonial-wrapper-top .img-sec::after{
position: absolute;
content:'';
width:100%;
height:100%;
background: rgba(8, 8, 45,.8);
z-index: 9;
left:0;
top:0;
}
.owl-carousel.testimonial-wrapper-top .cont-sec{
padding: 0px 30px;
width: 55%;
}
.owl-carousel.testimonial-wrapper-top .cont-sec img{
width: 156px;
height: 45px;
object-fit: cover;
}
.owl-carousel.testimonial-wrapper-top .cont-sec h4{
font-size: 20px;
line-height: 65px;
color:#FBEA52;
font-weight: 800;
}
.owl-carousel.testimonial-wrapper-top .cont-sec h2{
padding-top: 10px;
}
.owl-carousel.testimonial-wrapper-top .cont-sec .custom-button{
width: 250px;
background: url(../images/blue-arrow.png) right 20px center no-repeat;
color:#08082D;
}
.owl-carousel.testimonial-wrapper-top .cont-sec .custom-button::before{
background:#fff;
color:#08082D;
}
.owl-carousel.testimonial-wrapper-top .cont-sec .custom-button:hover{
color:#fff;
background:url(../images/custom-button-arrow.png) right 20px center no-repeat;
}
.owl-carousel.testimonial-wrapper-top .cont-sec .custom-button::after{
background:#E90C8A;
left:0;
color:#fff;
}
.owl-carousel .owl-item img {
display: block;
width: 100%;
height: 390px;
object-fit: cover;
}
.owl-carousel.testimonial-wrapper-top .owl-item{
/*min-height: 500px;*/
}
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
display: inline-block;
position: absolute;
left: -40%;
top: 64%;
}
footer{
width: 100%;
height: auto;
background: #08082D;
border-top:1px solid #fff;
padding: 100px 0px;
}
footer .footer-inner{
display: flex;
width: 100%;
height: auto;
justify-content:center;
}
footer .footer-inner .footer-logo{
width: 134px;
}
footer .footer-inner .footer-social-outer{
display: flex;
width: 100%;
padding:15px 0px;
align-items: center;
}
footer .footer-inner .footer-social-outer .footer-social ul{
display: flex;
width: 100%;
}
footer .footer-inner .footer-social-outer .footer-social ul li{
margin-right: 60px;
}
footer .footer-inner .footer-social-outer .footer-social ul li a{
font-size: 30px;
color:#fff;
font-weight: 500;
}
footer .footer-inner .footer-social-outer .footer-social ul li a:hover{
color:#FBEA52;
}
footer .footer-inner .footer-social-outer .footer-address ul{
display: flex;
width: 100%;
}
footer .footer-inner .footer-social-outer .footer-address ul li{
margin-right: 40px;
}
footer .footer-inner .footer-social-outer .footer-address ul li:last-child{
margin-right: 0px;
}
footer .footer-inner .footer-social-outer .footer-address ul li a{
font-size: 15px;
line-height: 20px;
color:#fff;
font-weight: 500;
text-transform: uppercase;
}
footer .footer-inner .footer-social-outer .footer-address ul li a:hover{
color:#FBEA52;
}
footer .footer-inner .footer-bottom p{
font-size: 13px;
line-height: 26px;
color:#fff;
font-weight: 400;
}
footer .footer-inner .footer-right{
margin-left: 120px;
}
footer .footer-inner .footer-right ul{
column-count: 2;
column-gap: 50px;
}
footer .footer-inner .footer-right ul li{
margin-bottom: 10px;
}
footer .footer-inner .footer-right ul li a{
font-size: 15px;
line-height: 20px;
color:#fff;
font-weight: 400;
}
footer .footer-inner .footer-right ul li a:hover{
color:#FBEA52;
}
.owl-carousel .owl-nav button.owl-next,
.owl-cust-nav button.owl-next{
background:url(../images/prev-button.png) center center no-repeat #fff;
width: 70px;
height: 70px;
border:none;
}
.owl-carousel .owl-nav button.owl-next:hover,
.owl-cust-nav button.owl-next:hover{
background-color: #FBEA52;
}
.owl-carousel .owl-nav button.owl-prev,
.owl-cust-nav button.owl-prev{
background: url(../images/next-button.png)center center no-repeat #fff;
width: 70px;
height: 70px;
border:none;
}
.owl-carousel .owl-nav button.owl-prev:hover,
.owl-cust-nav button.owl-prev:hover{
background-color: #FBEA52;
}
.owl-carousel .owl-nav button.owl-next span, .owl-carousel .owl-nav button.owl-prev span,
.owl-cust-nav.owl-nav button span {
opacity: 0;
}
.solutions-wrapper .solutions-wrapper-bottom.mobile-solutions-wrapper-bottom{
display: none;
}
footer.footer-mobile{
display: none;
}
footer.footer-mobile .footer-right{
padding-top: 20px;
}
footer.footer-mobile .footer-address{
padding:10px 0px
}
footer.footer-mobile .footer-address li{
margin-bottom: 10px;
}
footer.footer-mobile ul li a {
/*font-family:bentonsans;*/
font-size: 15px;
line-height: 20px;
color: #fff;
font-weight: 500;
text-transform: uppercase;
}
footer.footer-mobile .footer-social{
padding-bottom: 20px;
}
footer.footer-mobile .footer-social ul{
display: flex;
}
footer.footer-mobile .footer-social ul li{
margin-right: 30px;
}
.menu-toggle {
position: absolute;
right: 20px;
top: 20px;
z-index: 99;
cursor: pointer;
display: none;
}
.main-menu{
position: fixed;
width:100%;
height:auto;
top:0;
background:#08082D;
z-index: 999;
display: none;
min-height: 100vh;
}
.main-menu .main-menu-inner{
position: relative;
padding-top: 60%;
}
.main-menu ul li{
margin-bottom: 40px;
}
.main-menu ul li a{
font-size: 25px;
line-height: 30px;
color: #fff;
font-weight: 500;
}
.main-menu ul li a:hover{
color:#FBEA52;
}
.menu-toggle.change{
margin-right: 0px;
}
.bar1, .bar2, .bar3 {
width: 35px;
height: 2px;
background-color: #fff;
margin: 6px 0;
transition: 0.4s;
}
.change .bar1 {
width: 35px;
height: 2px;
-webkit-transform:rotate(-45deg) translate(-3px, 3px);
transform: rotate(-45deg) translate(-3px, 3px);
}
.change .bar2 {opacity: 0;}
.change .bar3 {
width: 35px;
height: 2px;
-webkit-transform: rotate(45deg) translate(-8px, -8px);
transform: rotate(45deg) translate(-8px, -8px);
}
header.openmenu{
position: fixed;
}
.wpb_tab.ui-tabs-panel {
display: none !important;
}
.wpb_tab.ui-tabs-panel.active {
display: block!important;
}
.solutions-right-cont{
display:none
}
.solutions-right-cont.show{
display: block;
}
.testimonial-wrapper-right .owl-item.active .item {
opacity: 1;
transform: scale(1);
}
.testimonial-wrapper-right .owl-item.active .item {
position: relative;
z-index: 999;
}
.owl-carousel.testimonial-wrapper-top .owl-item.active .img-sec::after {
display: none;
}
.testimonial-wrapper-right .item,
.testimonial-wrapper-right .owl-item.active+.owl-item.active .item,
.testimonial-wrapper-right .owl-item.active+.owl-item.active+.owl-item.active .item {
opacity: 0.2;
transition: .2s ease all;
}
.owl-carousel.testimonial-wrapper-top .owl-item.active .inner-cara-box {
background: #08082d;
padding-top: 150px;
/*transform: translateY(100px); */
margin-left: -3px;
}
.testimonial-wrapper-right .owl-item.active+.owl-item.active .inner-cara-box {
padding-top: 0;
transform: translateY(-120px);
}
.testimonial-wrapper-right .item {
transform: scaleY(.8);
}
.testimonial-wrapper-right .owl-item.active+.owl-item.active .item {
transform: translateY(100px) scaleY(1);
}
.testimonial-wrapper-right .owl-item.active+.owl-item.active+.owl-item.active .item {
transform: translateY(100px) scaleY(.8);
}
.testimonial-wrapper-right .owl-item {
/* -webkit-backface-visibility: hidden; */
-webkit-transform: translateZ(0) scale(1.0, 1.0);
transform: translateZ(0) scale(1.0, 1.0);
}
.testimonial-wrapper-right .owl-item.active+.owl-item.active {
opacity: 1;
}
.testimonial-wrapper-right .owl-item.active:first-of-type .item .cont-sec {
position: relative;
}
.inner-cara-box {
position: absolute;
width:970px;
display:flex;
z-index:-1;
}
.owl-nav.owl-cust-nav {
position: relative;
width: 170px;
display: flex;
justify-content: space-between;
}
.testimonial-wrapper-right .owl-item.active + .owl-item.active .inner-cara-box {
margin-left: -70px;
}
.testimonial-wrapper-right .owl-item.firstactiveitem {
z-index: 99;
}
.owl-carousel.testimonial-wrapper-top .owl-item.firstactiveitem .inner-cara-box {
background: transparent !important;
}
.owl-carousel.testimonial-wrapper-top .owl-item.firstactiveitem .inner-cara-box .img-sec{
position: relative;
}
.owl-carousel.testimonial-wrapper-top .inner-cara-box .img-sec::before {
position: absolute;
content: "";
top: -150px;
background: #08082d;
bottom: 0;
left: 0;
right:0;
margin: auto;
}
.owl-carousel.testimonial-wrapper-top .inner-cara-box img {
position: relative;
}
/* product page css start here */
.product-banner , .product-banner .banner-inner-box .img-box{
min-height: 658px;
}
.banner-inner-box .img-box {
width: 100%;
min-height: 658px;
}
.product-banner .banner-inner-box
{
position: absolute;
top: 0;
width: 100%;
z-index: -1;
max-width: 100%;
}
.product-banner .banner-content-box {
width: 100%;
max-width: 480px;
}
.theme-banner p {
color:#fff;
}
.product-banner .inner-product-banner {
padding-top:195px;
}
.product-banner .inner-product-banner h1 span:nth-child(1)
{
padding-left: 56px;
display: block;
}
.product-banner .inner-product-banner h1 span:nth-child(2)
{
padding-left: 144px;
display: block;
}
.product-banner .banner-content-box h1
{
padding-bottom: 47px;
}
.how-we-help-sec .inner-how-we-help-sec {
padding-top: 84px;
}
.how-we-help-sec .inner-how-we-help-sec h2
{
padding-bottom: 30px;
width: 100%;
max-width: 100%;
}
.product-sec .inner-product-sec .product-tabs-box ul li a{
font-size: var(--font-size-h2);
line-height: var(--font-h2-lh);
letter-spacing: var(--font-h2-ls);
text-transform: uppercase;
border: none;
}
.product-sec .inner-product-sec .product-tabs-box .nav-tabs {
border: none;
padding-bottom:74px;
justify-content: space-between;
align-items: center;
}
.product-sec .inner-product-sec .product-tabs-box .nav-tabs li {
/* width: 33.33%;
text-align: center; */
padding-left: 0px;
padding-right: 0px;
}
.product-sec .inner-product-sec .product-tabs-box .nav-tabs li a{
padding: 0px;
display: flex;
align-items: center;
position: relative;
background-color: transparent;
font-weight: 800;
/*font-family: bentonsans;*/
}
.product-sec .inner-product-sec .product-tabs-box .nav-tabs li a span{
margin-right: 30px;
filter: invert(1);
}
.product-sec .inner-product-sec .product-tabs-box ul li a .img-2{
display: none;
filter: none;
}
.product-sec .inner-product-sec .product-tabs-box ul li a.active span{
display: none;
}
.product-sec .inner-product-sec .product-tabs-box ul li a.active .img-2{
display: inline-block;
}
.product-sec .inner-product-sec .product-tabs-box .nav-tabs li:nth-child(1){
text-align: left;
}
.product-sec .inner-product-sec .product-tabs-box .nav-tabs li:nth-child(3){
text-align: right;
}
.product-sec .inner-product-sec .product-tabs-box a.nav-link.active:after {
content: '';
position: absolute;
width: calc(100% + 40px);
height: 2px;
background-color:#E90C8A;
bottom: -20px;
}
.product-sec {
background-color: #08082D;
-webkit-clip-path: polygon(0% 100%, 0% 0%, 100% 29%, 100% 100%);
clip-path: polygon(0% 100%, 0% 0%, 100% 29%, 100% 100%);
padding-top: 234px;
position: relative;
padding-bottom: 200px;
}
.product-sec .inner-product-sec .product-tabs-box .nav-tabs li a{
color:#fff;
opacity: 70%;
}
.product-sec .inner-product-sec .product-tabs-box .nav-tabs li a.active{
opacity: 1;
}
section.product-sec:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 380px;
height: 122px;
background-color: #06AAF2;
-webkit-clip-path:polygon(0% 50%, 0% 0%, 77% 0%, 100% 100%);
clip-path: polygon(0% 50%, 0% 0%, 77% 0%, 100% 100%)
}
.product-sec .custom-button::before{
background: #E90C8A;
}
.product-sec .custom-button::after
{
background:#06AAF2;
}
.product-sec .product-tabs-box .tab-content .col-same-cell p
{
color: #fff;
padding-bottom: 28px;
}
.product-tabs-box .tab-content .tab-pane {
padding: 0;
transition: all 200ms ease-in;
}
.product-tabs-box .tab-content .tab-pane.active{
/* -webkit-animation-name: slideInUp;*/
/*animation-name: slideInUp;*/
/*-webkit-animation-duration: 400ms;*/
/*animation-duration: 400ms;*/
/*-webkit-animation-fill-mode: both;*/
/*animation-fill-mode: both;*/
}
.product-sec .two-cell-row {
justify-content: space-between;
padding: 0px;
}
.product-sec .two-cell-row .col-same-cell{
width: 500px;
}
.product-sec .two-cell-row .list-box li {
color: #fff;
font-size: 20px;
line-height: 32px;
font-weight: 400;
position: relative;
border-bottom: 1px solid #E90C8A;
padding: 10px 0;
}
.how-we-help-sec p , .product-sec p{
line-height: 32px;
}
.product-sec .two-cell-row .list-box li:before {
content: '';
position: absolute;
width: 4px;
height: 4px;
background: #E90C8A;
left: -10px;
top: 25px;
border-radius: 50%;
}
.product-sec .two-cell-row .list-box li:nth-child(1) {
padding-top: 0px;
}
.product-sec .two-cell-row .list-box li:nth-child(1)::before{
top:15px;
}
.product-sec .inner-product-sec .product-tabs-box .nav-tabs li:nth-child(2) a.nav-link.active:after {
background-color:#FBEA52;
}
.tab-content .tab-pane:nth-child(2) ul li {
border-bottom: 1px solid #FBEA52;
}
.product-sec .tab-content .tab-pane:nth-child(2) ul li:before , .contact-from-sec .tab-content .tab-pane:nth-child(2) ul li:before , .solutions-wrapper .tab-content .tab-pane:nth-child(2) ul li:before {
background: #FBEA52;
}
.product-sec .tab-content .tab-pane:nth-child(2) .custom-button , .solutions-wrapper .tab-content .tab-pane:nth-child(2) .custom-button {
color:#08082D;
background: url(../images/blue-arrow.png) right 20px center no-repeat;
}
.product-sec .tab-content .tab-pane:nth-child(2) .custom-button::before , .solutions-wrapper .tab-content .tab-pane:nth-child(2) .custom-button::before {
background: #FBEA52;
}
.product-sec .tab-content .tab-pane:nth-child(2) .custom-button::after {
background: #fff;
}
.solutions-wrapper .tab-content .tab-pane:nth-child(2) .custom-button::after{
background: #56c5f6;
}
.product-sec .inner-product-sec .product-tabs-box .nav-tabs li:nth-child(3) a.nav-link.active:after {
background-color:#06AAF2;
}
.tab-content .tab-pane:nth-child(3) ul li {
border-bottom: 1px solid #06AAF2;
}
.tab-content .tab-pane:nth-child(3) ul li:before{
background: #06AAF2;
}
.tab-content .tab-pane:nth-child(3) .custom-button::before , .solutions-wrapper .tab-content .tab-pane:nth-child(3) .custom-button::before{
background:#06AAF2;
}
.tab-content .tab-pane:nth-child(3) .custom-button::after{
background: #E90C8A;
}
.theme-banner.product-banner p {
color: #fff;
width: 100%;
max-width: 438px;
/*font-family: bentonsans;*/
font-weight: 400;
}
/*.how-we-help-sec {*/
/* background: #F7FCFF;*/
/*}*/
.theme-banner.product-banner .img-box img , .main-section{
background: #F7FCFF;
}
/* product page css start here */
/* case- studies page css start here */
.case-studies-banner , .case-studies-banner .banner-inner-box .img-box{
min-height: 804px;
}
.cus-lg-cell {
width: 540px;
}
.cus-sm-cell {
width: 520px;
}
.cus-sm-cell .inner-cus-sm-cell
{
padding-left: 80px;
}
.case-studies-box .cus-lg-cell .img-box {
width: 100%;
height: 389px;
}
.case-studies-box .company-brand-logo .img-box
{
width: 140px;
height: 33px;
}
.case-studies-box .inner-feature-case-sec .hightlight-heading-sm.pink-color {
margin-top: -4px;
margin-bottom: 5px;
}
.case-studies-box .custom-button {
width: 248px;
padding-left: 34px;
background-position: 83%;
margin-top: 47px;
}
.case-studies-box .company-brand-logo {
margin-bottom: 22px;
}
.case-studies-box .feature-content h2
{
padding-bottom: 30px;
}
.feature-case-sec .inner-feature-case-sec {
background-color: #F7FCFF;
-webkit-clip-path:polygon(10% 100%, 20% 0%, 100% 0%, 100% 100%);
clip-path: polygon(10% 100%, 20% 0%, 100% 0%, 100% 100%);
padding: 70px 0px;
}
.feature-case-sec{
margin-top: -310px;
}
.read-more-content-container .cus-col-sm {
width: 46%;
}
.read-more-content-container .cus-row {
justify-content: space-between;
}
.read-more-content-container .inner-read-more-content {
padding-top: 54px;
}
.read-more-content-container .inner-read-more-content h4{
padding-bottom: 17px;
font-weight:500;
}
.read-more-content-container .cus-col-xl
{
width: 100%;
margin-top: 43px;
}
.inner-read-more-content .cus-col-xl .cus-col-3
{
width: 33.33%;
}
.percent{
position: relative;
}
.percent:after {
content: "%";
display: inline-block;
}
.read-more-content-container .cus-col-xl h4 {
margin-bottom: -12px;
}
.feature-case-sec.change-bg .inner-feature-case-sec{
-webkit-clip-path: polygon(20% 100%, 20% 0%, 100% 0%, 100% 100%);
clip-path: polygon(20% 100%, 20% 0%, 100% 0%, 100% 100%);
}
.read-more-content-container{
display: none;
transition: 0.50s ease-in;
}
.read-more-content-container.show{
display: block;
display: block;
--webkit-animation: slide-down .3s ease-out;
--moz-animation: slide-down .3s ease-out;
}
.case-study-group-sec {
padding-top: 22px;
}
.case-study-group-sec .img-box
{
width: 510px;
height: 305px;
}
.case-study-group-sec .cus-sm-cell .inner-cus-sm-cell{
padding-left: 0px;
}
.case-study-group-sec .cus-lg-cell{
width: 550px;
}
.case-study-group-sec .cus-sm-cell{
width: 510px;
padding-top: 96px;
}
.clients-brands-logo-slider {
padding-top: 55px;
}
.case-study-item.open {
position: relative;
z-index: 0;
}
.case-studies-box.open .custom-button.read-more-btn , .case-study-item.open .custom-button.read-more-btn{
background: url(../images/custom-button-arrow-up.png) right 40px center no-repeat;
}
.read-more-btn .close-text , .read-more-btn.active .open-text{
display: none;
}
.read-more-btn.active .close-text{
display: block;
}
.custom-button.read-more-btn.active:after{
width: 100%;
}
@-webkit-keyframes slide-down {
0% { opacity: 0; -webkit-transform: translateY(-100%); }
100% { opacity: 1; -webkit-transform: translateY(0); }
}
@-moz-keyframes slide-down {
0% { opacity: 0; -moz-transform: translateY(-100%); }
100% { opacity: 1; -moz-transform: translateY(0); }
}
/* case- studies page css end here */
.about-us-banner , .about-us-banner .banner-inner-box .img-box {
min-height: 660px;
}
.about-us-banner .banner-content-box {
width: 610px;
}
.about-us-banner .banner-content-box h1 span:nth-child(1)
{
padding-left: 65px;
display: block;
}
.about-us-banner .banner-content-box h1 span:nth-child(2)
{
padding-left: 20px;
display: block;
}
.about-us-sec {
margin-top: -160px;
/* padding-bottom: 266px; */
}
.our-story-sec .our-story-list .inner-our-story-items{
position: relative;
padding-left: 50px;
/* padding-top: 56px; */
border-right: 1px solid #ffff;
}
.our-story-sec .our-story-list .inner-our-story-items .theme-vertical-heading-text-box {
/* white-space: nowrap;
position: absolute;
right: 100%;
transform-origin: top right 0;
transform: rotate( 270deg );
margin: 68px 8px; */
bottom: 0;
white-space: nowrap;
position: absolute;
right: 100%;
transform-origin: top right 0;
transform: rotate( 270deg );
margin: 50px 8px;
bottom: auto;
top: -33px;
}
.our-story-list {
width: 100%;
max-width: 77.7%;
margin-left: auto;
}
/*.slick-list.draggable {*/
/* padding-left: 0px !important;*/
/*}*/
.job-open-lists{
margin-left: auto;
/* display: flex !important; */
padding-left: 0 !important;
padding-right: 0 !important;
width: 100% !important;
}
.our-story-list .slick-list.draggable {
padding-left: 0px !important;
}
/* the slides */
.our-story-list .slick-slide {
margin: 0 25px;
}
/* the parent */
.our-story-list .slick-list {
margin: 0 -25px;
}
.our-story-sec .our-story-list .inner-our-story-items p {
font-size: var(--font-size-p2);
line-height:var(--p2-lh);
letter-spacing: var(--p2--ls);
color:#fff;
}
.about-us-dis-content .inner-about-us-dis-content {
padding-right: 20px;
}
.our-story-list {
padding-top: 82px;
}
.our-story-sec {
background-color: #08082D;
position: relative;
padding-top: 302px;
padding-bottom: 468px;
}
.our-story-sec>h2 , .our-story-sec h4{
color:#fff;
}
.our-story-sec:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
margin: auto;
background:#fff url('../images/about-us/our-story-top-layer.png') no-repeat center center ;
width: 100%;
max-width: 1920px;
min-height: 266px;
}
.our-story-sec:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: auto;
background:#fff url('../images/about-us/our-story-bottom-layer.png') no-repeat center center ;
width: 100%;
max-width: 1920px;
min-height: 299px;
z-index: 0;
}
.our-story-sec button.slick-arrow {
left: 0;
position: absolute;
bottom: -165px;
top: inherit;
background: #fff;
width: 75px;
height: 75px;
}
.our-story-sec button.slick-next.slick-arrow {
left: 120px;
}
.our-story-sec .slick-prev:before {
content: '' !important;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0px;
right: 0px;
background: url(../images/about-us/prev.png);
width: 26px;
height: 26px;
margin: auto;
opacity: 1;
}
.our-story-sec .slick-next:before {
content: '' !important;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0px;
right: 0px;
background: url(../images/about-us/next.png);
width: 26px;
height: 26px;
margin: auto;
opacity: 1;
}
.our-story-sec button.slick-arrow:hover {
opacity: 50%;
}
.our-value-sec h2{
width:100%;
max-width: 400px;
}
.our-value-list-cont {
margin: 0px -34px;
padding-top: 32px;
}
.our-value-list-cont .our-value-items {
width: 100%;
max-width: 25%;
padding: 0 34px;
}
.our-value-list-cont .our-value-items p{
font-size: var(--font-size-p2);
line-height:var(--p2-lh);
letter-spacing: var(--p2--ls);
}
.our-value-list-cont .our-value-items .inner-our-value-items{
padding-right: 0px;
}
.our-value-sec {
padding-bottom: 190px;
}
.our-value-sec span.hightlight-heading-sm {
margin-top: -27px;
}
/* about us page css end here */
/* join us page css start here */
.theme-banner.join-us-banner {
min-height: 1130px;
position: relative;
background-color: #fff;
z-index: -1;
}
.join-us-banner .banner-inner-box {
position: absolute;
top:inherit;
bottom: 0;
width: 100%;
z-index: -1;
max-width: 100%;
}
.join-us-banner .banner-inner-box .img-box{
min-height: 646px;
}
header.join-us-header .header-inner .header-menu ul li a{
color: #08082D;
}
header.join-us-header .header-inner .header-menu ul li a{
color: #08082D;
}
header.join-us-header .header-inner .header-menu ul li::after {
background: #08082D;
}
.join-us-banner .inner-product-banner .banner-content-box h1 , .join-us-banner .inner-product-banner .banner-content-box p{
color: #08082D;
}
.join-us-banner .inner-product-banner .banner-content-box h1 span{
display: block;
width: 100%;
}
.join-us-banner .inner-product-banner .banner-content-box h1 span:nth-child(1) {
padding-left: 65px;
}
.join-us-banner .inner-product-banner .banner-content-box h1 span:nth-child(2) {
padding-left:20px;
}
.join-us-banner .theme-para-content{
width: 100%;
max-width: 439px;
margin-left: 218px;
padding-top: 58px;
}
.join-us-banner .banner-images-list {
display: flex;
flex-wrap: wrap;
}
.join-us-banner .banner-images-list .banner-images-items {
width: 25%;
position: relative;
}
.join-us-banner .banner-images-list .banner-images-items:nth-child(1) .img-box{
width:100%;
min-height: 231px;
}
.join-us-banner .banner-images-list .banner-images-items:nth-child(2) .img-box{
width:100%;
min-height: 321px;
}
.join-us-banner .banner-images-list .banner-images-items:nth-child(3) .img-box{
width:100%;
min-height:307px;
}
.join-us-banner .banner-images-list .banner-images-items:nth-child(4) .img-box{
width:100%;
min-height:352px;
}
.join-us-banner .banner-images-list .banner-images-items:nth-child(1)
{
transform: translate(-103%, -21%);
}
.join-us-banner .banner-images-list .banner-images-items:nth-child(2)
{
transform: translate(-71%, 30%);
}
.join-us-banner .banner-images-list .banner-images-items:nth-child(3)
{
transform: translate(23%, 18%);
}
.join-us-banner .banner-images-list .banner-images-items:nth-child(4)
{
transform: translate(53%, -56%);
}
.benefits-sec .theme-para-content{
width:100%;
max-width: 500px;
}
.theme-heading-h6{
font-size: var(--font-size-h6);
line-height: var(--font-h6-h6);
letter-spacing: var(--font-h2-ls);
}
.circle-shape
{
width: 50px;
height: 50px;
border-radius: 50%;
display: inline-block;
}
.benefits-sec ul {
display: flex;
flex-wrap: wrap;
padding-top: 63px;
}
.benefits-sec ul li
{
width:220px;
padding-right: 20px;
margin-bottom: 46px;
}
/* .benefits-sec ul li h6{
font-weight: 400;
} */
.benefits-sec {
margin-top: -114px;
padding-bottom: 214px;
}
.benefits-sec .theme-para-content p , .success-stories .theme-para-content p {
font-weight: 400;
}
.success-stories .theme-para-content , .success-stories .theme-heading-h2{
width: 100%;
max-width: 500px;
}
.success-stories .theme-heading-h2{
width: 100%;
max-width: 380px;
padding-bottom: 30px;
}
.success-stories .cus-row {
justify-content: space-between;
}
.success-stories .cus-col-3 {
width:25%;
}
.success-stories .counter-box-container h2 {
width: inherit;
}
.success-stories .counter-box-container {
padding-top: 45px;
}
.success-stories .counter-box-container .counter-number-box
{
padding-bottom: 0;
margin-bottom: -10px;
}
.our-team-lists .our-team-items .col-sm-cell .img-box {
width: 389px;
height: 389px;
}
.our-team-lists .our-team-items .col-lg-cell {
padding-left: 50px;
}
.our-team-lists .our-team-items .col-lg-cell .hightlight-heading-sm{
margin-bottom: 2px;
}
.success-stories {
background-color: #08082D;
position: relative;
padding-bottom: 349px;
}
.success-stories:before{
content: '';
position: absolute;
top: -246px;
left: 0px;
right: 0px;
margin: auto;
background: #ffff url(../images/join-us/success-stories-top-layer.png) no-repeat center;
width: 100%;
min-height: 246px;
z-index: -1;
}
.success-stories .theme-para-content p {
color: #F7FCFF;
margin-bottom: 20px;
}
.success-stories .theme-para-content p:last-child {
margin-bottom: 0;
}
.our-team-container {
padding-top: 123px;
}
.success-stories:after{
content: '';
position: absolute;
bottom: 0px;
left: 0px;
right: 0px;
margin: auto;
background: #ffff url(../images/join-us/success-stories-bottom-layer.png) no-repeat center;
width: 100%;
min-height: 311px;
z-index: 0;
}
.success-stories .slick-slide {
opacity: 0.2;
transition: .4s ease all;
transform: scale(.90);
}
.success-stories .slick-slide{
left: -140px;
position: relative;
transition: .4s ease all;
}
.success-stories .slick-slide.slick-active {
/* left: -8%; */
left: -4.7%;
transition: .4s ease all;
}
.success-stories .slick-slide.slick-current.slick-active.slick-center{
opacity: 1;
transition: .4s ease all;
transform: scale(1);
position: relative;
/* left: -3.35%; */
left: -2%;
}
.success-stories button.slick-arrow:hover {
opacity: 50%;
}
.success-stories .slick-slide.slick-current.slick-active.slick-center .our-team-items
{
width: 100%;
display: inline-block;
position: absolute;
left: -120px;
top: 160px;
transition: .4s ease all;
}
.success-stories .slick-track
{
padding-bottom: 150px;
}
.success-stories .slick-list.draggable{
padding-left:initial !important;
}
.success-stories .slick-prev, .success-stories .slick-next {
position: absolute;
left: 0px;
right: 0;
margin: auto;
top: 20px;
background: #fff !important;
width: 75px !important;
height: 75px !important;
z-index: 99;
}
.success-stories .slick-prev:before {
content: '' !important;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0px;
right: 0px;
background: url(../images/about-us/prev.png);
width: 26px;
height: 26px;
margin: auto;
opacity: 1;
}
.success-stories .slick-next:before {
content: '' !important;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0px;
right: 0px;
background: url(../images/about-us/next.png);
width: 26px;
height: 26px;
margin: auto;
opacity: 1;
}
.success-stories .slick-prev{
transform: translate(-70px, 0px);
}
.success-stories .slick-next
{
transform: translate(70px, 0px);
}
.job-open-sec .theme-heading-h2 {
padding-bottom: 30px;
}
.job-open-sec .heading-container {
width: 100%;
max-width: 550px;
}
.job-open-sec .heading-container p{
font-weight: 400;
padding-right:40px;
}
.job-open-sec .theme-heading-h4
{
line-height: 35px;
color: #fff;
margin-bottom: 2px;
}
.job-open-sec .inner-job-open-items {
background-color: #08082D;
padding: 42px 36px 120px;
position: relative;
/* z-index: -2; */
min-height:289px;
}
.job-open-sec .slick-slide {
margin: 0 40px;
}
/* the parent */
.job-open-sec .slick-list {
margin: 0 auto;
padding-left: 0 !important;
padding-right: 0 !important;
}
.job-open-items .inner-job-open-items span{
color:#fff;
}
.job-open-items .custom-button{
z-index: 1;
color: #08082D;
margin-top: 25px;
margin-left: 10px;
}
.job-open-items .custom-button::before{
background-color: #fff;
}
.job-open-sec .location-text {
margin-bottom: 8px;
}
.job-open-lists
{
padding-top: 64px;
}
.job-open-sec {
padding-bottom:230px;
}
.job-open-sec button.slick-arrow {
left: 0;
position: absolute;
bottom: -165px;
top: inherit;
background: #08082d;
width: 75px;
height: 75px;
transition: .4s ease all;
}
.job-open-sec .slick-prev:before {
content: '' !important;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0px;
right: 0px;
background: url(../images/join-us/prev-white.png);
width: 26px;
height: 26px;
margin: auto;
opacity: 1;
}
.job-open-sec .slick-next:before {
content: '' !important;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0px;
right: 0px;
background: url(../images/join-us/next-white.png);
width: 26px;
height: 26px;
margin: auto;
opacity: 1;
}
.job-open-sec button.slick-prev.slick-arrow {
left: 22.3%;
}
.job-open-sec button.slick-arrow.slick-next
{
left: calc(22.3% + 130px);
}
.job-open-sec button.slick-arrow:hover {
opacity: 50%;
transition: .4s ease all;
}
.job-open-items .custom-button:hover{
color:#fff;
}
.job-open-items .custom-button span {
background: url(../images/blue-arrow.png) right 20px center no-repeat;
width: 100%;
display: block;
color:#08082d;
}
.job-open-items .custom-button:hover span{
color: #fff;
background: url(../images/custom-button-arrow.png) right 20px center no-repeat;
}
#main-wrapper{
overflow-x: hidden;
position:relative;
}
.join-us-banner .inner-product-banner .banner-content-box p {
font-weight: 600;
}
.benefits-sec .content-cont h6 {
font-weight: 400;
}
/* join us page css end here */
/* contact us page css start here */
.contact-us, .contact-us .banner-inner-box .img-box {
min-height: 481px;
}
.contact-list h4 a{
color:#fff;
font-weight: 400;
}
.contact-us ul{
display: flex;
justify-content: center;
padding-bottom: 35px;
}
.contact-us ul li a .img-box{
width: 24px;
height: 24px;
display:block;
}
.contact-us ul li a .img-box img{
object-fit: contain;
}
.contact-us ul li:not(:last-child){
margin-right:64px;
}
.theme-banner.contact-us .inner-product-banner {
padding-top: 137px;
}
.contact-us .contact-list {
padding-top: 25px;
}
.contact-list .theme-heading-h4{
line-height: 45px;
}
.contact-list .theme-heading-h4 a:hover{
color:#08082d;
}
.contact-list h4:not(:last-child) {
padding-bottom: 16px;
}
.contact-us ul li a .img-box:hover img{
filter: invert(1);
}
.contact-from-sec .nav-tabs .nav-item a , .contact-from-sec .nav-tabs {
border: none;
padding: 0px;
font-weight: 800;
/*font-family: bentonsans;*/
}
.contact-from-sec .nav-tabs {
justify-content: space-between;
padding: 0 60px;
}
.contact-from-sec .nav-tabs .nav-link {
color:#08082D;
position: relative;
}
.contact-from-sec .nav-tabs .nav-item.show .nav-link, .contact-from-sec .nav-tabs .nav-link.active{
color:#06AAF2;
font-weight: 800;
/*font-family: bentonsans;*/
}
.contact-from-sec .nav-tabs .nav-item.show .nav-link:after, .contact-from-sec .nav-tabs .nav-link.active:after{
content: '';
position: absolute;
left: 0px;
right: 0px;
bottom: -10px;
margin: auto;
height: 2px;
width: auto;
background-color: #06AAF2;
}
.contact-from-sec .tab-content form {
display: flex;
flex-wrap: wrap;
}
.contact-from-sec .tab-content .cus-col-sm {
width: 352px;
margin-bottom: 45px;
}
.contact-from-sec .tab-content .cus-col-lg{
display: block;
width:100%;
}
/* .contact-from-sec .cus-sm-container
{
width: 100%;
max-width: 820px;
} */
.contact-from-sec ul.nav.nav-tabs , .contact-from-sec .contact-us-form
{
width: 100%;
max-width: 820px;
margin: auto;
}
.contact-from-sec .cus-sm-container form {
display: flex;
justify-content: space-between;
}
.contact-from-sec .inner-contact-form-sec {
padding-top: 38px;
padding-bottom: 262px;
}
.contact-from-sec .inner-contact-form-sec .tab-content
{
padding-top: 84px;
}
.contact-from-sec .inner-contact-form-sec form .form-control
{
border: none;
border-radius: 0px;
border-bottom: 1px solid #08082D;
font-size: 20px!important;
}
.contact-from-sec .cus-sm-container form label {
font-size: 15px;
line-height: 32px;
font-weight: 700;
text-transform: uppercase;
}
.submit-btn-cont {
margin: 42px auto 0px;
}
.submit-btn-cont button{
border: none;
}
.submit-btn-cont button {
font-weight: 500;
border: none;
padding-left: 20px;
display: flex;
text-transform: capitalize;
width: 177px;
}
.start-project span
{
font-size: 15px;
margin-top: -25px;
font-weight: 500;
}
.services-items .inner-services-items .img-box
{
width: 66px;
height: 66px;
display: inline-block;
}
.inner-services-name-lists.cus-row {
margin: 0 -16px;
}
.services-items {
width: 160px;
text-align: center;
margin-right: 16px;
cursor: pointer;
border: 1px solid #f7fcff;
}
.services-items:hover{
border: 1px solid #E90C8A;
}
.services-items .inner-services-items {
background-color: #f7fcff;
padding: 20px;
}
.services-items .inner-services-items h5
{
padding-top:18px;
font-size: 18px;
font-weight: 500;
}
.contact-from-sec .btn-box-cont {
display: flex;
justify-content: center;
margin-top: 36px;
}
.custom-button.prev-btn:before{
background: #FFF !important;
border: 1px solid #08082D;
}
.custom-button.prev-btn:after{
background: #08082D !important;
}
.custom-button.prev-btn
{
background: url(../images/contact-us/blue-arrow.png) left 20px center no-repeat !important;
text-align: right !important;
padding-right: 30px !important;
}
.custom-button.prev-btn:hover{
color:#fff !important;
background: url(../images/contact-us/white-arrow.png) left 20px center no-repeat !important;
}
a.custom-button.next-btn {
color: #fff !important;
background: url(../images/custom-button-arrow.png) right 20px center no-repeat !important;
}
a.custom-button.next-btn:hover {
background: url(../images/blue-arrow.png) right 20px center no-repeat !important;
}
a.custom-button.next-btn:before{
background: #08082D !important;
border: 1px solid #08082D !important;
}
a.custom-button.next-btn:after{
background: #fff !important;
border: 1px solid #08082D !important;
}
.btn-box-cont a.custom-button.next-btn {
color: #fff !important;
}
.btn-box-cont a.custom-button.next-btn:hover{
color: #08082D !important;
}
.btn-box-cont a:not(:last-child) {
margin-right: 15px;
}
.contact-from-sec input , .contact-from-sec textarea{
font-weight: 600;
font-size: 20px;
}
.contact-from-sec input::placeholder , .contact-from-sec textarea::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
color: #08082D;
opacity: 50%; /* Firefox */
font-weight: 600;
}
.contact-from-sec input:-ms-input-placeholder , .contact-from-sec textarea:-ms-input-placeholder{ /* Internet Explorer 10-11 */
color: #08082D;
opacity: 50%;
font-weight: 600;
}
.contact-from-sec input::-ms-input-placeholder , .contact-from-sec textarea::-ms-input-placeholder { /* Microsoft Edge */
color: #08082D;
opacity: 50%;
font-weight: 600;
}
.contact-from-sec .inner-contact-form-sec h3 {
font-weight: 800;
}
/* contact us page css end here */
header .header-inner .header-menu ul li.active::after {
position: absolute;
content: '';
width:100%;
height: 2px;
bottom: -6px;
left: 50%;
transform: translateX(-50%);
background: #fff;
transition: width .2s ease-in;
}
header.join-us-header .header-inner .header-menu ul li.active::after {
position: absolute;
content: '';
width: 100%;
height: 2px;
bottom: -6px;
left: 50%;
transform: translateX(-50%);
background: #08082D;
transition: width .2s ease-in;
}
.join-benefit-wrapper .circle-shape {
font-size: 10px;
display: flex;
justify-content: center;
align-items: center;
background-color: gray;
color:#fff;
}
.box{
width: 100%;
position: absolute;
left: 0;
}
[class*=loader-] {
display: inline-block;
width: 1em;
height: 1em;
color: inherit;
vertical-align: middle;
pointer-events: none;
}
.loader-13:before,
.loader-13:after,
.loader-13 {
border-radius: 50%;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation: loader-13 1.8s infinite ease-in-out;
animation: loader-13 1.8s infinite ease-in-out;
}
.loader-13 {
color: currentcolor;
position: relative;
transform: translateZ(0);
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s;
top: -1em;
color: #fff;
}
.loader-13:before {
right: 100%;
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s;
}
.loader-13:after {
left: 100%;
}
.loader-13:before, .loader-13:after {
content: "";
display: block;
position: absolute;
top: 0;
width: inherit;
height: inherit;
}
@-webkit-keyframes loader-13 {
0%, 80%, 100% {
box-shadow: 0 1em 0 -1em;
}
40% {
box-shadow: 0 1em 0 -0.2em;
}
}
@keyframes loader-13 {
0%, 80%, 100% {
box-shadow: 0 1em 0 -1em;
}
40% {
box-shadow: 0 1em 0 -0.2em;
}
}
.bold-credit-row img {
width: 150px;
margin-left: auto;
display: flex;
margin-top: 25px;
}
/** job detail page css start **/
.job_detail_banner .img-box {
min-height: 358px;
}
.job_detail_banner h1 {
font-size: 60px;
color: #08082D;
line-height:72px;
margin-bottom: 45px;
}
.job_detail_box p{
color:#08082D;
text-transform:uppercase;
font-size:25px;
font-weight:600;
}
.job_detail_box h3{
font-size:40px;
color:#E90C8A;
line-height:65px;
}
.job_detail_box {
min-width: 430px;
margin-right:20px;
display:inline-block;
margin-bottom:25px;
}
.job_detail_row {
width: 100%;
max-width: 810px;
display: inline;
}
.job_detail_banner .inner-product-banner {
padding-top: 185px;
}
.slider-btnn {
margin-top:18px;
}
.job_detail_section h2, .job_detail_section h3 {
line-height: 53px;
margin-bottom: 30px;
font-size: 40px;
max-width: 100%;
}
.job_detail_section{
margin-top:55px;
}
.job_detail_section p{
font-size:20px;
line-height:32px;
}
.job_detail_section ul li {
color: #08082D;
position: relative;
font-size: 20px;
line-height: 32px;
margin-bottom: 12px;
padding-bottom: 15px;
margin-left: 15px;
list-style: none;
border-bottom: 1px solid #E90C8A;
}
.job_detail_section ul {
display: flex;
justify-content: flex-start;
flex-direction: column;
align-items: flex-start;
}
.job_detail_section ul li:before{
content: "\2022";
color:#E90C8A;
font-weight: bold;
display: inline-block;
width: 1em;
margin-left: -1em;
}
.job-detail-btnn {
padding-top: 55px;
padding-bottom: 200px;
}
.job_detail_section h3, .job_detail_section h2 {
margin-top: 70px;
}
/** job detail page css end **/
/** apply now popup css start **/
.modal.custom-modal.apply-modal .modal-content {
background-color: #010b59;
background-image: linear-gradient( #010b59, #d210f3);
border-radius: 0px;
}
.apply-modal.custom-modal .modal-body .close {
color: #fff;
text-shadow: none;
font-size: 70px;
font-weight: 100;
right: 30px;
top: -20px;
opacity: 1;
position: absolute;
z-index: 1;
line-height: 1.8 !important;
}
.apply-modal.custom-modal .modal-body {
padding: 78px 80px;
border-radius: 0px;
}
.apply-modal.custom-modal .form-group label {
color: #fff;
font-size: 15px;
line-height: 32px;
font-weight: 700;
text-transform: uppercase;
margin-bottom:0px;
}
.apply-modal.custom-modal .form-control {
color: #fff;
background-color: transparent !important;
display: block;
border-radius: 0px;
border: none;
border-bottom-color: currentcolor;
border-bottom-style: none;
border-bottom-width: medium;
border-bottom: 1px solid #fff;
font-weight: 600;
font-size: 20px;
}
.apply-modal.custom-modal .form-group {
margin-bottom: 35px;
}
.apply-modal.custom-modal .modal-dialog {
max-width: 610px;
}
.apply-modal.custom-modal input::placeholder , .apply-modal.custom-modal textarea::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
color: #fff;
opacity: 50%; /* Firefox */
font-weight: 600;
}
.apply-modal.custom-modal input:-ms-input-placeholder , .apply-modal.custom-modal textarea:-ms-input-placeholder{ /* Internet Explorer 10-11 */
color: #fff;
opacity: 50%;
font-weight: 600;
}
.apply-modal.custom-modal input::-ms-input-placeholder , .apply-modal.custom-modal textarea::-ms-input-placeholder { /* Microsoft Edge */
color: #fff;
opacity: 50%;
font-weight: 600;
}
.apply-modal.custom-modal textarea.form-control {
height: 50px;
overflow: hidden;
resize:none;
}
.apply-modal.custom-modal .custom-file {
position: relative;
display: inline-block;
width: 100%;
height: calc(1.5em + .75rem + 2px);
margin-bottom: 0;
}
.apply-modal.custom-modal .custom-file .custom-file-wrapper {
display: flex;
height: 42px;
align-items: center;
}
.apply-modal.custom-modal .custom-file .custom-file-input {
position: absolute;
}
.apply-modal.custom-modal .custom-file-input {
z-index: 2;
width: 100%;
height: calc(1.5em + 0.75rem + 2px);
margin: 0;
overflow: hidden;
opacity: 0;
}
.apply-modal.custom-modal .custom-file .custom-file-wrapper label {
margin-bottom: 0;
cursor: pointer;
color: #fff;
}
.apply-modal.custom-modal .custom-file label::before {
position: absolute;
top: 0;
left: 0;
bottom: 0;
z-index: 3;
line-height: 1.5;
color:#010b59;
background-color: rgb(255, 255, 255);
border-left: inherit;
right: auto;
content: "Upload file" !important;
width: 134px;
height: 42px;
display: flex;
justify-content: center;
align-items: center;
letter-spacing: 1px;
text-align: center;
font-size: 94%;
}
.custom-file label .cv_file_name {
font-size: 16px;
font-weight: 300;
display: block;
letter-spacing: 0;
padding-left: 145px;
}
.custom-button.sub-btn {
border: 0px;
}
button#upload_cv_btn {
background: transparent;
border: 0px;
color: #fff;
position: relative;
display: inline-block;
z-index: 3;
width: 140px;
line-height: 52px;
font-size: 15px;
font-weight: 500;
/*font-family: bentonsans;*/
text-align: left;
padding-left: 30px;
}
button#upload_cv_btn:before {
position: absolute;
content: '';
width: 100%;
height:52px;
background: #08082D;
transform: skew(-20deg);
top: 0;
left: 0;
z-index: -1;
}
button#upload_cv_btn:after{
position: absolute;
content: '';
width: 0;
height: 52px;
background:#fff;
transition: width .2s ease-in;
z-index: -1;
color: #fff;
left: 0;
top: 0;
transform: skew(-20deg);
}
button#upload_cv_btn:hover{
color:#08082D;
cursor:pointer;
}
button#upload_cv_btn:hover::after {
width: 100%;
}
button#upload_cv_btn i {
position: absolute;
right: 18px;
font-size: 20px;
line-height: 52px;
}
.apply-modal.custom-modal .form-group label {
font-size: 14px;
}
.custom-file label .cv_file_name {
font-size: 14px;
padding-left: 150px;
}
/** apply now popup css end **/
.benefit-wrapper.join-benefit-wrapper .img-sec img {
width: 50px;
height: 50px;
border-radius: 50%;
object-fit: cover;
}
.client-logo-items .img-box img {
object-fit: contain;
}
.product-sec .inner-product-sec .product-tabs-box .nav-tabs li img, .solutions-wrapper .solutions-wrapper-bottom .solutions-wrapper-left ul li img {
max-width: 42px;
}
/** 404 css start **/
/** loader css start **/
.loader, .loader-1 {
display: inline-flex;
}
.loader__item {
width: 16px;
height: 16px;
margin: 4px;
background: #010b59;
background: linear-gradient(90deg, rgba(1, 11, 89, 1) 0%, rgba(11, 15, 180, 1) 45%, rgba(210, 16, 243, 1) 100%);
border-radius: 50%;
list-style: none;
animation: animation-loading 1.2s infinite;
}
.loader__item:nth-child(1) {
animation-delay: -0.3s;
}
.loader__item:nth-child(2) {
animation-delay: -0.15s;
}
@keyframes animation-loading {
0% {
transform: scale(0);
}
40% {
transform: scale(1);
}
80% {
transform: scale(0);
}
100% {
transform: scale(0);
}
}
.error {
color: #f94b4b!important;
font-size: 15px!important;
text-transform:inherit!important;
}
.apply-modal.custom-modal input:-webkit-autofill,
.apply-modal.custom-modal input:-webkit-autofill:hover,
.apply-modal.custom-modal input:-webkit-autofill:focus,
.apply-modal.custom-modal input:-webkit-autofill:active {
transition: background-color 5000s ease-in-out 0s;
-webkit-text-fill-color: #fff !important;
font-size: 20px;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active{
font-size: 20px;
}
.apply-modal .box {
left: 30px;
margin-top: 4px;
}
.home_solu.solutions-wrapper .tab-content .tab-pane:nth-child(2) .custom-button::after {
background: #08082D;
}
.home_solu.solutions-wrapper .tab-content .tab-pane:nth-child(2) .custom-button:hover{
color:#fff;
background: url(../images/custom-button-arrow.png) right 20px center no-repeat;
}
.body-fix,
.modal-open{
overflow-y: hidden;
height: 100vh;
position: fixed;
width: 100%;
}
/*.number-wrapper .number-wrapper-inner .number-wrapper-bottom ul li:nth-child(1) .statsprogress span:after,.number-wrapper .number-wrapper-inner .number-wrapper-bottom ul li:nth-child(3) .statsprogress span:after {*/
/* content: "%";*/
/*}*/
.about-us-dis-content .inner-about-us-dis-content {
max-height: 190px;
overflow: hidden;
overflow-y: scroll;
}
.inner-our-value-items .theme-heading-h4 {
font-size: 25px;
line-height: 32px;
letter-spacing: 0px;
font-weight: 400;
text-transform: uppercase;
width: 100%;
max-width: 100%;
}
.about-us-dis-content .inner-about-us-dis-content::-webkit-scrollbar , .owl-carousel.testimonial-wrapper-top .cont-sec p::-webkit-scrollbar{
width: 5px;
height: 10px;
border-radius: 10px;
}
/* Track */
.about-us-dis-content .inner-about-us-dis-content::-webkit-scrollbar-track, .owl-carousel.testimonial-wrapper-top .cont-sec p::-webkit-scrollbar-track {
box-shadow: none;
background-color: #f1f1f1;
border-radius: 10px;
}
/* Handle */
.about-us-dis-content .inner-about-us-dis-content::-webkit-scrollbar-thumb, .owl-carousel.testimonial-wrapper-top .cont-sec p::-webkit-scrollbar-thumb {
background: #c1c1c1;
outline: none;
border-radius: 10px;
width: 5px;
height: 100px;
}
/* Handle on hover */
.about-us-dis-content .inner-about-us-dis-content::-webkit-scrollbar-thumb:hover {
background: #c1c1c1;
border-radius: 5px;
}
.job-open-lists .job-open-items .custom-button {
position: absolute;
bottom: 43px;
}
.inner-how-we-help-sec p {
margin-bottom: 10px;
}
/** start project modal css start **/
#startProject .contact-us-form label {
font-size: 15px;
line-height: 32px;
font-weight: 700;
text-transform: uppercase;
}
#startProject .contact-from-sec .cus-col-sm {
width: 352px;
margin-bottom: 45px;
}
#startProject .contact-from-sec form {
display: flex;
flex-wrap: wrap;
width: 100%;
max-width:780px;
margin: auto;
justify-content: space-between;
}
#startProject .modal-dialog {
max-width: 1395px;
}
#startProject .contact-from-sec .cus-col-lg {
display: block;
width: 100%;
}
#startProject .contact-from-sec .submit-btn-cont {
z-index: 9;
}
.start-project-top .inner-services-name-lists {
justify-content: center;
}
.start-project-top {
max-width: 780px;
width: 100%;
margin: auto;
justify-content: center;
}
#startProject .modal-body {
padding-top: 0;
padding-bottom: 55px;
}
#startProject .contact-from-sec .inner-contact-form-sec{
padding-bottom:0px;
padding-top: 48px;
}
#startProject .modal-content {
border-radius: 0px;
}
#startProject .services-items .inner-services-items .img-box img {
object-fit: contain;
}
button.close {
opacity: 1;
top: 30px;
position: absolute;
right: 30px;
}
.start-project .close span {
margin-top: 0px;
background: #08082D !important;
opacity: 1;
width: 75px;
height: 75px;
display: inline-flex;
color: #fff;
font-size: 70px;
justify-content: center;
align-items: self-start;
}
.start-project .close span span {
margin-top: -5px;
background-color: transparent!important;
}
/** popup custom checkbox buttons css start **/
.radio-with-Icon {
display: block;
}
.radio-with-Icon p.radioOption-Item {
display: inline-flex;
width: 160px;
box-sizing: border-box;
margin: 0px 10px;
border: none;
background-color: #f7fcff;
height: 190px;
}
.radio-with-Icon p.radioOption-Item label {
display: inline-flex;
height: 100%;
width: 100%;
padding: 20px;
cursor: pointer;
opacity: 1;
transition: none;
text-align: center;
margin: 0 !important;
flex-direction: column;
align-items: center;
justify-content: center;
}
.radio-with-Icon p.radioOption-Item label:active {
opacity:1;
color: #fff;
margin: 0 !important;
}
.radio-with-Icon .radioOption-Item.bg_pink input[type="checkbox"]:checked ~ label , .radio-with-Icon .radioOption-Item.bg_pink label:active{
background:#E90C8A;
}
.radio-with-Icon .radioOption-Item.bg_skyblue input[type="checkbox"]:checked ~ label , .radio-with-Icon .radioOption-Item.bg_skyblue label:active{
background:#06AAF2;
}
.radio-with-Icon .radioOption-Item.bg_yellow input[type="checkbox"]:checked ~ label , .radio-with-Icon .radioOption-Item.bg_yellow label:active {
background:#FBEA52;
}
.radio-with-Icon p.radioOption-Item label::after, .radio-with-Icon p.radioOption-Item label:after, .radio-with-Icon p.radioOption-Item label::before, .radio-with-Icon p.radioOption-Item label:before {
opacity: 0 !important;
width: 0 !important;
height: 0 !important;
margin: 0 !important;
}
.radio-with-Icon p.radioOption-Item input[type="checkbox"] {
opacity: 0 !important;
width: 0 !important;
height: 0 !important;
}
.radio-with-Icon p.radioOption-Item input[type="checkbox"]:active ~ label {
opacity: 1;
}
.radio-with-Icon p.radioOption-Item input[type="checkbox"]:checked ~ label {
opacity: 1;
border: none;
background-color: #de1831;
color: #fff;
}
.radio-with-Icon p.radioOption-Item input[type="checkbox"]:hover, .radio-with-Icon p.radioOption-Item input[type="checkbox"]:focus, .radio-with-Icon p.radioOption-Item input[type="checkbox"]:active {
margin: 0 !important;
}
.radio-with-Icon p.radioOption-Item input[type="checkbox"] + label:before, .radio-with-Icon p.radioOption-Item input[type="checkbox"] + label:after {
margin: 0 !important;
}
.radioOption-Item label span {
display: block;
font-size: 20px;
text-transform: uppercase;
line-height: 27px;
margin: 0px;
color: #08082D;
/*font-family: bentonsans;*/
margin-top:21px;
font-weight: bolder;
}
.services_custom_checkbox {
display: flex;
justify-content: center;
margin-bottom: 84px;
}
form#startproject_form label {
color: #08082D;
text-transform: uppercase;
font-weight: bold;
font-size: 15px;
line-height: 32px;
}
.radio-with-Icon .radioOption-Item.bg_pink input[type="checkbox"]:checked ~ label span, .radio-with-Icon .radioOption-Item.bg_skyblue input[type="checkbox"]:checked ~ label span{
color:#fff;
}
.radio-with-Icon .radioOption-Item.bg_pink input[type="checkbox"]:checked ~ label img, .radio-with-Icon .radioOption-Item.bg_skyblue input[type="checkbox"]:checked ~ label img{
filter: brightness(0) invert(1);
}
.radio-with-Icon .radioOption-Item.bg_yellow input[type="checkbox"]:checked ~ label img {
filter: none;
}
.radio-with-Icon p.radioOption-Item label img {
max-height: 65px;
}
.checkimg-2{
display:none;
}
.radio-with-Icon p.radioOption-Item label:hover .checkimg-1{
display:none;
}
.radio-with-Icon p.radioOption-Item label:hover .checkimg-2{
display:inline-block;
}
.radio-with-Icon p.radioOption-Item.bg_pink label:hover span{
color:#E90C8A;
}
.radio-with-Icon p.radioOption-Item.bg_skyblue label:hover span{
color:#06AAF2;
}
.radio-with-Icon p.radioOption-Item.bg_yellow label:hover span{
color:#FBEA52;
}
.radio-with-Icon .radioOption-Item.bg_yellow input[type="checkbox"]:checked ~ label:hover span{
color: #08082D;
}
.radio-with-Icon .radioOption-Item.bg_yellow input[type="checkbox"]:checked ~ label:hover img{
filter: none;
}
.radio-with-Icon p.radioOption-Item.bg_yellow input[type="checkbox"]:checked ~ label:hover .checkimg-1 {
display: inline-block;
}
.radio-with-Icon p.radioOption-Item.bg_yellow input[type="checkbox"]:checked ~ label:hover .checkimg-2 {
display:none;
}
/** popup custom checkbox buttons css start **/
.start-project .hightlight-heading-sm {
margin-bottom: 0px;
}
.thanku-msg h3 {
font-size: 36px;
}
.thanku-msg {
margin-top: -80px;
}
.tab-pane.start-project form#startproject_form{
width: 100%;
max-width: 820px;
margin: auto;
}
.tab-pane.start-project form#startproject_form .thanku-msg , div#talk-to-us .thanku-msg{
margin: 0px auto;
text-align: center;
}
div#start-project .contact-from-sec .inner-contact-form-sec {
padding-bottom: 0px;
}
/** start project modal css end **/
.banner-sec .small-quote-wrapper .small-quote-inner p:first-child {
margin-right: 5px;
}
.theme-banner.product-banner.case-studies-banner.case-no-feature .img-box img {
background: transparent;
}
.case-studies-banner.case-no-feature .img-box , section.theme-banner.product-banner.case-studies-banner.case-no-feature {
min-height: 710px;
}
.theme-banner.product-banner.case-studies-banner.case-no-feature .img-box img {
object-position: bottom;
}
section.theme-banner.product-banner.case-studies-banner.case-no-feature + section.case-study-group-sec.case-studies-box {
margin-top: -122px;
}
.product-banner .banner-content-box.service-bnner {
width: 100%;
min-width: 608px;
max-width: initial;
}
.wpcc-container {
background: #FFFFFF !important;
opacity: 1 !important;
color: #fff !important;
border: none !important;
margin: auto;
flex-direction: row !important;
flex-wrap: wrap !important;
box-shadow: 0 0 20px -1px rgb(0 0 0 / 26%);
z-index: 99999999 !important;
top: 20px;
bottom: auto !important;
}
.wpcc-container .wpcc-message,
.wpcc-container .wpcc-message a{
color: #071223 !important;
font-size: 15px;
font-weight: 300;
line-height: 25px;
}
.wpcc-container .wpcc-message {
display: block;
width: auto;
padding-right: 0;
font-family: 'Montserrat', sans-serif;
/*font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";*/
color: #071223 !important;
}
.wpcc-container .wpcc-compliance {
flex: auto;
}
.wpcc-container .wpcc-btn {
width: auto;
flex: auto;
display: inline-block;
}
.wpcc-container .wpcc-btn {
color: rgb(255 255 255) !important;
background-color: #08082D !important;
font-weight: 400;
padding: 7px 20px;
border: 1px solid #08082D !important;
}
.wpcc-container .wpcc-btn:hover {
background-color: transparent !important;
color: #08082D !important;
}
/** cookie page css start **/
.cookie-banner .banner-inner-box .img-box img {
object-position: bottom;
}
.cookie-banner .banner-inner-box .img-box {
min-height: 460px;
}
.cookie_text_sctn {
margin-top: 160px;
margin-bottom: 60px;
}
.cookie_text_sctn li{
color: #08082D;
position: relative;
font-size: 20px;
line-height: 32px;
margin-bottom: 12px;
padding-bottom: 15px;
margin-left: 15px;
list-style: none;
border-bottom: 1px solid #E90C8A;
}
.cookie_text_sctn li:before{
content: "\2022";
color: #E90C8A;
font-weight: bold;
display: inline-block;
width: 1em;
margin-left: -1em;
}
.cookie_text_sctn ul{
display: flex;
justify-content: flex-start;
flex-direction: column;
align-items: flex-start;
}
.cookie_text_sctn h2 {
max-width: 100%;
}
/** cookie page css end **/
.number-wrapper.mod-number-wrapper::after {
display: none;
}
.testimonial-wrapper.on-home-testimonial.mod-home-testi-sec {
background: url("../images/blue-bg-down.png") no-repeat center;
background-size: 100% 100%;
padding: 110px 0px 240px 0px;
}
.para-scroll {
overflow: hidden;
overflow-y: auto;
max-height: 210px;
width: 92%;
padding-right: 20px;
}
.para-scroll::-webkit-scrollbar {
width: 8px;
height: 8px;
border-radius: 10px;
}
.para-scroll::-webkit-scrollbar-track {
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
border-radius: 10px;
}
.para-scroll::-webkit-scrollbar-thumb {
background-color: darkgrey;
outline: 0;
border-radius: 10px;
}
.testimonial-wrapper .para-scroll {
max-height: 153px;
margin-bottom: 30px;
margin-top: 16px;
}
.testimonial-wrapper .para-scroll p:last-child {
padding-bottom: 0;
}
.testimonial-wrapper .para-scroll p:first-child {
padding-top: 0;
}
.inner-our-team-items .theme-para-content {
max-height: 270px;
overflow-y: auto;
padding-right: 19px;
}
.inner-our-team-items .theme-para-content::-webkit-scrollbar {
width: 8px;
height: 8px;
border-radius: 10px;
}
.inner-our-team-items .theme-para-content::-webkit-scrollbar-track {
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
border-radius: 10px;
}
.inner-our-team-items .theme-para-content::-webkit-scrollbar-thumb {
background-color: darkgrey;
outline: 0;
border-radius: 10px;
}
.inner-read-more-content .counter-box-container {
margin-left: -20px;
margin-right: -20px;
}
.inner-read-more-content .counter-box-container .cus-col-3 {
padding-right: 20px;
padding-left: 20px;
}
.success-stories .cus-col-3 {
margin-left: -20px;
margin-right: -20px;
}
.success-stories .cus-col-3 .inner-cus-col {
padding-right: 20px;
padding-left: 20px;
}
/** subscription page css start **/
.subscrib-banner {
min-height:534px;
}
.subscrib-banner .img-box img{
object-position: bottom;
}
.subscrib-banner .theme-heading-h1 {
margin-bottom: 30px;
}
.subscrib-banner .custom-button, .strategy-process-top .custom-button{
background: url(../images/blue-arrow.png) right 20px center no-repeat;
color: #08082D;
}
.subscrib-banner .custom-button::before , .strategy-process-top .custom-button::before{
background: #fff;
color: #08082D;
}
.subscrib-banner .custom-button::after , .strategy-process-top .custom-button::after{
background: #E90C8A;
left: 0;
color: #fff;
}
.subscrib-banner .custom-button:hover , .strategy-process-top .custom-button:hover {
color: #fff;
background: url(../images/custom-button-arrow.png) right 20px center no-repeat;
}
.about-us-banner.subscrib-banner .img-box {
min-height:534px;
}
.subscription-model {
margin-top: 0px;
}
.subscription-model p {
margin-bottom: 50px;
}
.strategy-process-block .yellow-color {
color: #FBEA52;
font-weight:500;
}
.strategy-process-outer {
margin-top:75px;
}
.strategy-process-block p {
font-size: 18px;
color: #fff;
}
.strategy-process-block {
margin-bottom: 50px;
width: 95%;
}
.benefits-sec.subscription-benefits ul li {
width: 33.33%;
padding-right:45px;
margin-bottom: 46px;
}
.strategy-process-sctn {
padding-top: 252px;
padding-bottom: 300px;
z-index: 0;
}
.benefits-sec.subscription-benefits .content-cont h6 {
font-weight: 400;
color: #08082D;
}
.strategy-process-top {
position: relative;
display: flex;
justify-content:space-between;
}
.strategy-process-top .theme-heading-h2 {
width: 50%;
}
.subscrib-banner .inner-product-banner h1 span:nth-child(2) {
padding-left: 144px;
display: block;
}
/** subscription page css end**/