/*
Theme Name: Onehive
Theme URI: https://wordpress.com/
Author: CMW Developer
Author URI: https://wordpress.com/
Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: onehivegroup
Tags:
*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
.roboto-thin {
font-family: "Roboto", sans-serif;
font-weight: 100;
font-style: normal;
}
.roboto-light {
font-family: "Roboto", sans-serif;
font-weight: 300;
font-style: normal;
}
.roboto-regular {
font-family: "Roboto", sans-serif;
font-weight: 400;
font-style: normal;
}
.roboto-medium {
font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: normal;
}
.roboto-bold {
font-family: "Roboto", sans-serif;
font-weight: 700;
font-style: normal;
}
.roboto-black {
font-family: "Roboto", sans-serif;
font-weight: 900;
font-style: normal;
}
.roboto-thin-italic {
font-family: "Roboto", sans-serif;
font-weight: 100;
font-style: italic;
}
.roboto-light-italic {
font-family: "Roboto", sans-serif;
font-weight: 300;
font-style: italic;
}
.roboto-regular-italic {
font-family: "Roboto", sans-serif;
font-weight: 400;
font-style: italic;
}
.roboto-medium-italic {
font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: italic;
}
.roboto-bold-italic {
font-family: "Roboto", sans-serif;
font-weight: 700;
font-style: italic;
}
.roboto-black-italic {
font-family: "Roboto", sans-serif;
font-weight: 900;
font-style: italic;
}
body {
font-size: 16px;
font-family: 'Roboto', sans-serif;
color: #67748E;
font-weight: 400;
}
p:empty {
display: none;
}
* {
line-height: normal;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
a {
line-height: normal;
}
p {
margin-bottom: 15px;
font-size: clamp(1rem, 0.8864rem + 0.3636vw, 1.25rem);
line-height: 1.7;
}
a {
outline: none;
color: #F8BD4A;
transition: all .2s ease-in-out;
}
a:hover,
a:focus {
color: #F8BD4A;
outline: none;
text-decoration: none;
}
button,
button:focus {
outline: none;
}
br {
line-height: 0;
}
.container {
max-width: 1600px;
padding-left: clamp(1.875rem, 0.4726rem + 3.9024vw, 4.375rem);
padding-right: clamp(1.875rem, 0.4726rem + 3.9024vw, 4.375rem);
}
h1,
.h1 {
font-size: clamp(1.625rem, 0.2927rem + 3.7073vw, 4rem);
}
h2,
.h2 {
font-size: clamp(1.5rem, 0.3079rem + 3.3171vw, 3.625rem);
color: #000;
font-weight: 400;
}
h2 b,
.h2 b,
h3 b,
.h3 b {
color: #073666;
font-weight: 700;
}
h3,
.h3 {
font-size: clamp(1.375rem, 0.5335rem + 2.3415vw, 2.875rem);
color: #000;
}
strong {
color: #073666;
}
/* common css start */
.formWrapper input {
font-weight: 400;
width: 100%;
border: 1px solid #D2D6DA;
border-radius: 6px;
}
.blue-btn a,
.newsLetterForm input[type="submit"] {
background: #073666;
color: #fff;
padding: 10px 20px 10px 20px;
border-radius: 6px;
}
.formWrapper input::placeholder {
color: #495057;
opacity: 50%;
font-weight: 400;
font-size: 14px;
line-height: 20px;
}
.cmnBtn {
font-size: 18px;
font-weight: 500;
line-height: 20px;
padding: 14px 28px;
display: inline-block;
border-radius: 6px;
}
.blueBtn {
background: #073666;
color: #fff;
}
.yellowBtn {
font-size: 18px;
font-weight: 500;
line-height: 20px;
padding: 14px 28px;
display: inline-block;
background: #F8BD4A;
color: #fff;
border-radius: 6px;
}
.yellowBtn:hover {
background: #fff;
color: #073666;
}
.page_title {
z-index: 1;
position: relative;
}
.cta_btnRow a:hover {
background: #F8BD4A;
color: #fff;
}
/* common css end */
/* header css start */
.top_header {
padding: 17px 40px;
background: #fff;
}
.navbar ul li {
margin: 0 20px;
position: relative;
}
.navbar a {
font-size: 16px;
display: inline-block;
line-height: 24px;
font-weight: 400;
color: #18191F;
}
.navbar ul li .sub-menu li a {
padding: 10px 0;
}
ul.sub-menu {
display: none;
position: absolute;
left: 0;
top: 100%;
z-index: 999;
min-width: 243px;
padding: 0;
list-style: none;
border-bottom: 2px solid #073666;
background: #ffff;
transition: 0.3s all;
-webkit-transition: 0.3s all;
-moz-transition: .0.3s all;
-ms-transition: .0.3s all;
-o-transition: 0.3s all;
}
.navbar-collapse {
max-width: max-content;
}
.navbar .blue-btn a {
margin-left: 30px;
color: #fff;
}
.navbar-dark .navbar-brand {
padding: 0;
margin: 0;
}
.footer-brand img, .navbar-brand img {
max-width: 190px;
width: 190px;
height: 63px;
object-fit: contain;
display:block;
}
/* header css end */
/* footer css start */
.footer_top>div {
font-size: clamp(1rem, 0.9299rem + 0.1951vw, 1.125rem);
font-weight: 400;
line-height: clamp(1.5rem, 1.3247rem + 0.4878vw, 1.8125rem);
border-top: 1px solid;
border-image: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.16) 50.52%, rgba(0, 0, 0, 0) 100%);
border-image-slice: 1;
padding-top: clamp(2.1875rem, 1.1707rem + 2.8293vw, 4rem);
padding-bottom: 30px;
}
.footer_top ul {
margin: 0;
padding: 0;
list-style: none;
}
.footer_top .titleh4 {
font-size: 20px;
font-weight: 400;
line-height: 23.44px;
margin-bottom: clamp(1.5625rem, 0.8613rem + 1.9512vw, 2.8125rem);
color: #000;
}
.footerText {
max-width: 334px;
margin-top: clamp(1.5625rem, 1.1067rem + 1.2683vw, 2.375rem);
}
.footerContact li a {
color: #67748E;
margin: 0 0 20px 0;
display: inline-block;
}
.newsLetterForm .wpcf7-response-output {
margin: 0 !important;
border-color: #18191F !important;
font-size: 16px !important;
}
.newsLetterForm .wpcf7-not-valid-tip {
margin: 5px 0 0 !important;
font-size: 16px !important;
}
.newsLetterForm .formWrapper .submitBtn p {
margin-bottom: 0;
}
.footerSocialIcon ul li:not(.footerSocialIcon ul li:last-child) {
margin-right: 24px;
}
.footer-copyright {
margin-top: 30px;
}
.newsLetterForm input {
padding: 9px 13px;
font-size: 14px;
line-height: 20px;
}
.newsLetterForm .formWrapper p {
margin-bottom: 20px;
}
/* footer css end */
/* home page css start */
.slideContent {
position: absolute;
left: 0;
top: 50%;
height: auto;
width: 51%;
transform: translate(0%, -50%);
color: #fff;
}
.slideBox {
position: relative;
}
.slider-home.slick-slider {
margin-bottom: 0;
}
.slideContent>div {
padding: 0 0 0 clamp(0.9375rem, -0.9558rem + 5.2683vw, 4.3125rem);
}
.slideText {
font-weight: 400;
line-height: clamp(1.2775rem, 1.1723rem + 0.2927vw, 1.465rem);
margin-top: 40px;
font-size: clamp(1rem, 0.8598rem + 0.3902vw, 1.25rem);
}
.slideTitle {
font-size: clamp(1.375rem, 0.5335rem + 2.3415vw, 2.875rem);
margin: 0;
}
.slideTitle,
.slideTitle b {
color: #fff;
}
.innovativeRightImages {
margin: 3% 0 0;
}
.innovativeSolutionsLeft {
margin-top: clamp(3.125rem, 1.4773rem + 5.2727vw, 6.75rem);
}
.innovativeRightImages>div>div {
display: flex;
flex-wrap: wrap;
width: 50.641vw;
height: 30.9vw;
margin-left: auto;
position: relative;
margin: 7.64% 0 7.64% auto;
max-width: 803px;
}
.innovativeRightImages>div>div>div {
width: 100%;
position: relative;
position: absolute;
width: 37.5%;
height: 45.6%;
overflow: hidden;
}
.innovativeRightImages>div>div>div.imgSix {
text-align: left !important;
top: 14vw;
z-index: -1;
clip-path: unset;
width: 15.9vw;
height: 13.8vw;
left: 1.5vw;
}
.imgOne.withGraphic {
right: 10%;
z-index: 0;
width: 39.4%;
height: 47.8%;
top: -10%;
clip-path: unset;
overflow: visible;
}
.imgTwo {
top: 0;
left: 50%;
transform: translate(-50%, 0);
}
.imgThree {
top: 25%;
left: 0;
}
.imgFour {
top: 25%;
right: 0;
}
.imgFive {
top: 51%;
left: 50%;
transform: translate(-50%, 0);
}
.innovativeRightImages>div>div>div.imgSix {
text-align: left !important;
top: 57%;
z-index: -1;
clip-path: unset;
width: 41.5%;
height: 50.6%;
left: 5%;
}
.innovativeSolutionsSec {
margin-top: clamp(2.5rem, 1.7188rem + 2.5vw, 3.125rem);
margin-bottom: clamp(2.5rem, -1.4063rem + 12.5vw, 5.625rem);
}
.innovativeRightImages>div>div>div.imgOne.withGraphic img,
.innovativeRightImages>div>div>div.imgSix img {
width: 100%;
}
.imgOne.withGraphic::after {
content: '';
width: 30.8%;
height: 34%;
background: url('data:image/svg+xml,') no-repeat;
top: -17%;
right: 11%;
position: absolute;
background-size: contain;
}
.innovativeSolutionsText {
margin-top: clamp(1.5625rem, 0.8523rem + 2.2727vw, 3.125rem);
max-width: 564px;
color: #67748E;
margin-bottom: 0 !important;
}
.productsSec {
padding-top: clamp(2.5rem, 1.7045rem + 2.5455vw, 4.25rem);
padding-bottom: clamp(2.5rem, 0.5966rem + 6.0909vw, 6.6875rem);
}
.productsSec h2.vc_custom_heading {
margin-bottom: clamp(1.5625rem, 0.8523rem + 2.2727vw, 3.125rem);
}
.hex-container {
position: relative;
width: 100%;
height: 46vw;
display: flex;
flex-wrap: wrap;
margin: 0 19px -4vw;
max-width: 100%;
}
.hex {
height: 13.3vw;
display: flex;
align-items: center;
justify-content: center;
/*! text-align: center; */
position: absolute;
background: #F8BD4A;
width: 16.6%;
max-height: 212px;
background: url('data:image/svg+xml,') no-repeat;
background-size: contain !important;
background-repeat: no-repeat !important;
}
.filled {
color: #ffffff;
}
.hex1 {
top: 0;
left: 0;
}
.hex2 {
top: 24%;
}
.hex3 {
top: 52%;
}
.hex4 {
top: 11%;
}
.hex5 {
top: 38.5%;
}
.hex6 {
top: 66%;
}
.hex7 {
top: 24%;
}
.hex8 {
top: 52%;
}
.hex9 {
top: 11%;
}
.hex10 {
top: 38.5%;
}
.hex11 {
left: 50.2vw;
top: 66%;
}
.hex12 {
left: 70%;
top: 52%;
z-index: 1;
}
.hex13 {
left: 76%;
top: 25%;
}
.hex2,
.hex3 {
left: 12%;
}
.hex4,
.hex5,
.hex6 {
left: 26.5%;
}
.hex7,
.hex8 {
left: 41%;
}
.hex9,
.hex10,
.hex11 {
left: 55.5%;
}
.hex span {
max-width: 7vw;
text-align: center;
font-size: 1.25vw;
color: #000;
display: block;
}
.hex.filled span {
color: #fff;
}
.hex.bigBox span {
max-width: 10vw;
text-align: center;
font-size: 2vw;
color: #000;
}
.hex.double-outline::after {
top: -6px;
left: -6px;
right: -6px;
bottom: -6px;
width: calc(100% + 12px);
height: calc(100% + 12px);
}
.hex.bigBox {
font-size: 1.8vw;
width: 22.85%;
height: 36%;
max-height: 289px;
background: url('data:image/svg+xml,');
}
.hex.filled {
background: url('data:image/svg+xml,') no-repeat;
}
.double-outline {
background: url('data:image/svg+xml,');
}
.productsSec::after {
content: "";
background: url('data:image/svg+xml,') no-repeat;
width: 12%;
height: 42%;
position: absolute;
left: 0;
bottom: -10%;
background-size: contain;
}
.productsSec {
position: relative;
background: #F9F9F9;
overflow: visible !important;
}
.leftShape {
position: absolute;
left: 0;
top: 0;
width: 55%;
height: 100%;
}
.leftTransparentShape {
position: absolute;
left: 0;
top: 10%;
width: 5%;
height: 19%;
z-index: 111;
}
.bottomTransparentShape {
position: absolute;
right: 5%;
bottom: -12%;
}
.leftShape svg,
.leftTransparentShape svg,
.bottomTransparentShape svg {
width: 100%;
height: 100%;
}
.slideBtn {
margin-top: clamp(1.25rem, 0.1982rem + 2.9268vw, 3.125rem);
display: flex;
align-items: center;
gap: 18px;
}
.slider-home .slick-dots li button::before,
.testimonialSlider .slick-dots li button::before,
.tab-slider .slick-dots li button:before {
display: none;
}
.slider-home .slick-dots li button,
.slider-home .slick-dots li,
.testimonialSlider .slick-dots li button,
.testimonialSlider .slick-dots li,
.tab-slider.tab-slider .slick-dots li button,
.tab-slider .slick-dots li {
width: 8px;
height: 8px;
}
.slider-home .slick-dots li button,
.testimonialSlider .slick-dots li button,
.tab-slider .slick-dots li button {
padding: 0;
background: #fff;
border-radius: 100%;
}
.slider-home .slick-dots li.slick-active button {
background: #C4C4C4;
}
.slider-home .slick-dots {
bottom: unset;
width: auto;
top: 50%;
left: 38px;
}
.slider-home .slick-dots li {
display: block;
margin: 7px 0;
}
.paymentSec {
margin-top: clamp(2.5rem, -2.0579rem + 12.6829vw, 4.625rem);
margin-bottom: clamp(2.5rem, 0.7955rem + 5.4545vw, 6.25rem);
}
.vc_section.storeSliderSec{
margin-top: clamp(2.5rem, -2.0579rem + 12.6829vw, 6.625rem);
}
.paymentsBox .wpb_single_image,
.paymentsBox .wpb_content_element,
.whyChooseBox .wpb_single_image,
.whyChooseBox .wpb_content_element {
margin-bottom: 0;
}
.paymentsBox>div>div {
background: #FAFAFA;
box-shadow: 0px 4px 30px 0px #0000001A;
padding: 0 clamp(1.25rem, 1.1364rem + 0.3636vw, 1.4rem) clamp(1.25rem, 1.1364rem + 0.3636vw, 1.5rem);
margin-top: 80px;
transition: 0.3s all;
height: 100%;
}
.paymentsBox>div>div:hover {
transform: translate(0px, 60px);
}
.paymentsBox .wpb_single_image.posImg img {
max-width: 259px;
margin-top: -16px;
}
.paymentsBox .wpb_single_image.posImg {
min-height: 164px;
}
.paymentsBox .wpb_single_image.orderingImg img {
max-width: 134px;
margin-top: -57px;
margin-right: 30px;
}
.paymentsBox .wpb_single_image.kioskImg img {
max-width: 156px;
margin-right: 34px;
margin-top: -94px;
}
.paymentsBox .wpb_single_image.cloudImg img {
max-width: 256px;
margin-top: -39px;
}
.paymentsBox .wpb_content_element p,
.whyChooseBox .wpb_content_element p {
font-size: 14px;
line-height: 1.43;
}
.paymentsBox .wpb_single_image img {
margin-top: -80px;
width: 100%;
}
.paymentsBox .vc_custom_heading,
.whyChooseBox .vc_custom_heading {
font-size: clamp(1.25rem, 1.1364rem + 0.3636vw, 1.5rem);
margin-bottom: 16px !important;
color: #000;
font-weight: 400;
}
.paymentSec .paymentText {
margin: clamp(1.5625rem, 1.4205rem + 0.4545vw, 1.875rem) 0 clamp(1.5625rem, 0.9943rem + 1.8182vw, 2.8125rem) !important;
}
.ssnSlide {
font-size: clamp(1.25rem, 0.5488rem + 1.9512vw, 2.1rem);
opacity: 70%;
text-align: center;
cursor: pointer;
}
.ssnSlide.slick-slide.slick-current.slick-active {
opacity: 100%;
}
.storeSlider-nav .slick-prev,
.storeSlider-nav .slick-next {
width: 54px;
height: 54px;
background: url('data:image/svg+xml,') no-repeat;
left: 0;
z-index: 9999;
background-size: contain !important;
background-size: contain !important;
background-color: #fff !important;
}
.storeSlider-nav .slick-next {
background: url('data:image/svg+xml,');
right: 0;
left: unset;
}
.storeSlider-nav .slick-prev:hover,
.storeSlider-nav .slick-prev:focus,
.storeSlider-nav .slick-next:hover,
.storeSlider-nav .slick-next:focus {
background-color: unset;
}
.slick-prev:before,
.slick-next:before {
display: none;
}
.storeSliderSec .wpb_text_column.wpb_content_element {
margin-bottom: 0 !important;
}
.ssfSlideRow {
display: flex;
align-items: center;
}
.ssfSlideRow {
display: flex;
align-items: center;
}
.ssfSlideRight {
width: 60%;
padding-left: 15px;
}
.ssfSlideText ul,
.tabSec .vc_tta-panels-container .wpb_text_column ul {
padding: 0;
margin: clamp(1.5625rem, -0.3906rem + 6.25vw, 3.125rem) 0 0;
max-width: 397px;
}
.ssfSlideLeft {
width: 40%;
padding-right: 15px;
}
.storeSlider-nav {
margin-bottom: clamp(2.5rem, 0.3963rem + 5.8537vw, 6.25rem);
}
.ssfSlideText li,
.tabSec .vc_tta-panels-container .wpb_text_column ul li {
font-size: clamp(1rem, 0.6875rem + 1vw, 1.25rem);
margin-bottom: 20px;
color: #000;
position: relative;
list-style: none;
padding-left: 31px;
}
.ssfSlideRight img {
width: 100%;
}
.ssfSlideText li::after,
.tabSec .vc_tta-panels-container .wpb_text_column ul li:after {
content: "";
position: absolute;
top: 8px;
left: 5px;
background: url('data:image/svg+xml,');
width: 19px;
height: 14px;
}
.storeSlider-nav .slick-list {
margin: 0 50px;
}
.tslSlideBox {
mask-image: url(assets/images/polygonshape.png);
-webkit-mask-image: url(assets/images/polygonshape.png);
-webkit-mask-size: contain;
-webkit-mask-position: center;
-webkit-mask-repeat: no-repeat;
mask-size: 100%;
mask-position: center;
mask-repeat: no-repeat;
}
.tslSlideText {
max-width: 70%;
margin: 0 auto 18px;
font-size: 18px;
font-style: italic;
font-weight: 400;
line-height: 26px;
text-align: center;
text-underline-position: from-font;
text-decoration-skip-ink: none;
}
.tslSlideinner {
text-align: center;
max-width: 100%;
margin: 0 auto;
background: #F9F9F9;
padding: 110px 0 68px;
}
.tslSlideinner h4 {
font-size: clamp(1rem, 0.6259rem + 1.0409vw, 1.875rem);
font-weight: 400;
margin-bottom: 0;
color: #000000;
}
.tslOwner {
color: #67748E;
margin-bottom: 0;
font-size: clamp(1rem, 0.8931rem + 0.2974vw, 1.25rem);
}
.tslSlideImg {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
opacity: 0;
transition: 1s;
}
.tslSlideImg img {
width: 100%;
height: 100%;
object-fit: cover;
}
.tslSlide {
padding: 0 15px;
width: 487px !important;
}
.tslSlideinner h4,
.tslSlideinner .tslOwner {
position: relative;
z-index: 1;
}
.tslSlideBox:hover .tslSlideImg {
opacity: 1;
}
.tslSlideBox:hover .tslSlideinner h4,
.tslSlideBox:hover .tslSlideinner .tslOwner {
color: #fff;
}
.tslSlideImg::before {
content: "";
background: linear-gradient(180deg, rgba(7, 54, 102, 0) 66%, #073666 100%);
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.tslSlideBox {
position: relative;
}
.ssfSlideShapeRight {
position: absolute;
bottom: -50%;
right: 0;
height: 99%;
width: 20%;
}
.storeSliderSec {
overflow: visible !important;
}
section.storeSliderSec::after {
content: "";
position: absolute;
background: url('data:image/svg+xml,') no-repeat;
position: absolute;
bottom: -45%;
right: 0;
height: 94%;
width: 20%;
background-size: contain;
background-position: right;
}
.whyChooseBox .vc_custom_heading {
font-size: clamp(1.375rem, 1.1646rem + 0.5854vw, 1.75rem);
}
.whyChooseSec .vc_custom_heading {
margin-bottom: clamp(1.5625rem, 0.686rem + 2.439vw, 3.125rem);
}
.whyChooseBox .vc_custom_heading {
margin-top: clamp(1.25rem, 0.8293rem + 1.1707vw, 2rem);
}
.whyChooseBox .wpb_wrapper {
max-width: 256px;
margin: 0 auto;
}
.whyChooseSec {
margin-top: clamp(2.5rem, -2.4787rem + 13.8537vw, 11.375rem);
margin-bottom: clamp(2.5rem, 0.3963rem + 5.8537vw, 6.25rem);
}
.testimonialSlider .slick-dots li.slick-active button {
background: #073666;
}
.testimonialSlider .slick-dots li button {
background: #BBBBBB;
}
.testimonialSlider .slick-dots {
bottom: -50px;
}
.testimonialsSec {
margin-bottom: clamp(3.75rem, -0.3872rem + 11.5122vw, 11.125rem) !important;
margin-top: clamp(1.5625rem, 0.686rem + 2.439vw, 3.125rem);
}
.testimonialSlider .slick-list.draggable {
overflow: visible;
}
.testimonialSec {
overflow: hidden;
}
.fCallToAction {
background: #F9F9F9;
padding: clamp(2.5rem, 0.8521rem + 4.5854vw, 5.4375rem) 0;
margin-bottom: clamp(1.5625rem, -0.3659rem + 5.3659vw, 5rem);
position: relative;
}
.fCallToAction::before {
content: "";
position: absolute;
right: 0;
top: 0;
bottom: 0;
background: url('data:image/svg+xml,') no-repeat;
background-size: contain;
background-position: left;
width: 31%;
height: 100%;
}
.fCallToAction::after {
content: "";
position: absolute;
top: 0;
left: 0;
background: url('data:image/svg+xml,') no-repeat;
width: 20%;
height: 100%;
background-size: contain;
background-position: left bottom;
}
.fCallToAction p {
font-size: clamp(1rem, 0.9299rem + 0.1951vw, 1.125rem);
}
.cta_btnRow a span {
display: inline-flex;
}
.cta_btnRow a {
display: inline-flex;
align-items: center;
gap: 10px;
}
.cta_btnRow {
text-align: right;
}
.faqsText,
.stepGuideText,
.blogSec .blogText,
.restaurantSec .restaurantText {
max-width: 714px;
margin: 17px auto clamp(2.5rem, 1.0976rem + 3.9024vw, 5rem);
}
.faqsSec .vc_tta-panel-title a span {
font-size: clamp(1.25rem, 0.9695rem + 0.7805vw, 1.75rem);
color: #000;
font-weight: 400;
line-height: 1;
}
.faqsSec .vc_tta-panel-title a,
.faqsSec .vc_active .vc_tta-panel-title a {
padding: 20px 55px 20px 0 !important;
border-bottom: 1px solid #000000 !important;
font-size: clamp(1.125rem, 0.7744rem + 0.9756vw, 1.75rem);
line-height: 1.4;
}
.faqsSec .vc_tta-panel-body {
padding: 10px 0 !important;
border: unset !important;
border-top: 1px solid #000000 !important;
border-radius: unset !important;
}
.faqsSec .vc_tta-panel-heading {
border: unset !important;
}
.faqsSec .vc_tta-panel-heading:hover {
background: unset !important;
}
.faqsSec .vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-right .vc_tta-controls-icon {
width: 27px;
height: 27px;
border: 1px solid #000;
border-radius: 100%;
}
.faqsSec .vc_tta .vc_tta-controls-icon.vc_tta-controls-icon-plus::before {
-webkit-transform: translateY(-50%) scale(0.7);
transform: translateY(-50%) scale(0.7);
border-width: 3px 0 0 0;
opacity: 1;
border-color: #000 !important;
}
.faqsSec .vc_tta .vc_tta-controls-icon.vc_tta-controls-icon-plus::after {
-webkit-transform: translateX(-50%) scale(0.7);
transform: translateX(-50%) scale(0.7);
border-width: 0 0 0 3px;
opacity: 1;
border-color: #000 !important;
}
.faqsSec .vc_custom_heading {
margin-bottom: clamp(1.25rem, 0.8994rem + 0.9756vw, 1.875rem);
}
.faqsSec .vc_custom_heading {
margin-bottom: clamp(1.25rem, 0.8994rem + 0.9756vw, 1.875rem);
margin-top: clamp(1.875rem, 0.122rem + 4.878vw, 5rem);
}
.faqsSec,
.stepGuideSec {
margin-bottom: clamp(2.5rem, -0.3049rem + 7.8049vw, 7.5rem);
}
.faqsSec>.vc_row>div>div {
max-width: 964px;
margin: 0 auto !important;
}
.stepGuideSec .guideBox .vc_custom_heading {
mask-image: url('data:image/svg+xml,');
-webkit-mask-image: url('data:image/svg+xml,');
-webkit-mask-size: contain;
-webkit-mask-position: center;
-webkit-mask-repeat: no-repeat;
mask-size: 100%;
mask-position: center;
mask-repeat: no-repeat;
background: #F8BD4A;
display: inline-block;
padding: 17px 36px;
color: #fff;
margin: 0 0 0px 50px;
position: relative;
z-index: 1;
}
.stepGuideSec .guideBox .wpb_text_column {
mask-image: url('data:image/svg+xml,');
-webkit-mask-image: url('data:image/svg+xml,');
-webkit-mask-size: contain;
-webkit-mask-position: center;
-webkit-mask-repeat: no-repeat;
mask-size: 100% 100%;
mask-position: center;
mask-repeat: no-repeat;
min-height: 15.44vw;
background: #F9F9F9;
display: flex;
justify-content: center;
align-items: center;
margin: -43px 0 0 0 !important;
}
.guideBox .wpb_text_column p {
font-weight: 400;
line-height: 1.3;
font-size: clamp(1.125rem, 0.7744rem + 0.9756vw, 1.75rem);
max-width: 60%;
margin: 0 auto;
color: #000;
display: block;
}
.stepGuideSec .guideBox .wpb_text_column.guideDetailText::before {
content: "";
position: absolute;
top: -21px;
left: 3vw;
width: 23px;
height: 23px;
background: url('data:image/svg+xml,') no-repeat;
}
.stepGuideSec .guideBox .wpb_text_column.guideDetailText {
position: absolute;
-webkit-mask-image: unset;
mask-image: unset;
background: #fff;
font-size: 18px;
min-height: unset;
padding: 10px;
box-shadow: 0px 4px 30px 0px #0000001A;
top: 100%;
left: 30%;
z-index: -1;
opacity: 0;
border-radius: 10px;
min-width: 141%;
}
.stepGuideSec .guideBoxLast .wpb_text_column.guideDetailText {
right: 0;
left: unset;
}
.stepGuideSec .guideBoxLast .wpb_text_column.guideDetailText::before {
left: unset;
right: 30%;
}
.stepGuideSec .vc_row .guideBox.bottomLine {
margin-bottom: 87px;
}
.stepGuideSec .guideBox .wpb_text_column.guideDetailText p {
font-size: 18px;
max-width: 100%;
color: #67748E;
}
.tabSec .vc_tta-panel-body figure>div {
display: block;
padding-top: 66.72%;
position: relative;
}
.tabSec .vc_tta-panel-body figure img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.stepGuideSec .guideBox:hover .wpb_text_column.guideDetailText {
opacity: 1;
z-index: 2;
}
.stepGuideSec .vc_row {
justify-content: center;
display: flex;
}
.stepGuideSec .vc_row .guideBox::before {
content: "";
width: 2px;
height: 87px;
background: #F8BD4A;
display: block;
}
.stepGuideSec .vc_row .guideBox.bottomLine::before {
position: absolute;
bottom: -87px;
left: 50%;
transform: translate(-50%, 0%);
}
.stepGuideTopRow {
position: relative;
}
.stepGuideTopRow::after {
content: "";
position: absolute;
bottom: 0;
width: 100%;
height: 2px;
left: 0;
background: #F8BD4A;
}
.stepGuideSec .vc_row .guideBox.topLine::before {
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, 0%);
}
.stepGuideSec .vc_row .guideBox.topLine {
padding-top: 40px;
}
.guideBox .wpb_text_column .wpb_wrapper {
width: 100%;
}
.stepGuideSec .vc_custom_heading,
.blogSec .vc_custom_heading,
.restaurantSec .vc_custom_heading {
margin: 17px 0 30px;
}
.stepGuideSec .stepGuideText,
.restaurantSec .restaurantText {
margin: 0 auto clamp(2.5rem, 1.0976rem + 3.9024vw, 5rem);
}
.knowledgeSec {
margin: clamp(2.5rem, -0.3049rem + 7.8049vw, 7.5rem) 0;
padding-bottom: 0 !important;
}
.knowledgeSec .ourDepartments_contant .wpb_text_column {
padding-left: 0px;
}
.tabSec .vc_tta.vc_general .vc_tta-tab>a {
font-size: clamp(1.375rem, 0.6803rem + 1.9331vw, 3rem);
padding: 0 0 0 20px;
background: transparent !important;
border: unset;
color: #67748E;
margin-bottom: clamp(1.25rem, 0.7156rem + 1.487vw, 2.5rem);
}
.tabSec .vc_tta.vc_general .vc_tta-tab.vc_active>a {
color: #073666;
}
.tabSec .vc_tta-tabs-list {
max-width: 591px;
}
.tabSec .vc_tta-panels-container {
margin-left: auto;
max-width: 751px;
}
.tabSec .vc_tta-panels-container .vc_tta-panel-body {
padding: 0 !important;
}
.tabSec .vc_tta-panels-container .vc_tta-panels {
background: transparent !important;
border: unset !important;
}
.tabSec .vc_tta-panels-container .wpb_single_image img,
.tabSec .vc_tta-panels-container .vc_tta-panel-body .wpb_single_image * {
width: 100%;
}
.tabSec .vc_tta-panels-container .wpb_text_column ul {
max-width: 100%;
}
.tabSec {
background: #F9F9F9;
padding-top: clamp(2.5rem, 0.8968rem + 4.461vw, 6.25rem);
padding-bottom: clamp(2.5rem, 1.1908rem + 3.6431vw, 5.5625rem);
;
}
.ourDepartments_section.integrationSec::after {
display: none;
}
.tabWithShape::before {
content: "";
position: absolute;
left: 0;
top: -22%;
width: 23%;
height: 38%;
background: url('data:image/svg+xml,') no-repeat;
background-size: contain;
}
.tabWithShape {
overflow: visible !important;
}
.tabSec .vc_tta.vc_general .vc_tta-tab>a::before {
content: "";
left: 0 !important;
top: 0;
width: 6px !important;
height: 100% !important;
background: #F8BD4A;
position: absolute;
border-radius: 10px;
opacity: 0;
}
.tabSec .vc_tta.vc_general .vc_tta-tab.vc_active>a::before {
opacity: 1;
}
.LeftTwoImages>div>div {
display: flex;
justify-content: center;
}
.integrationSec .ourDepartments_contant .wpb_text_column {
padding-left: 0;
margin-bottom: 0;
}
.benefitsIntegrationSec {
margin-top: clamp(2.5rem, 0.3625rem + 5.948vw, 7.5rem);
margin-bottom: clamp(2.5rem, 0.3625rem + 5.948vw, 7.5rem);
}
.postBox .postImage img {
width: 100%;
height: auto;
aspect-ratio: 16/9.4;
object-fit: cover;
}
.postBox .postContent {
padding: clamp(1.25rem, 0.7156rem + 1.487vw, 2.5rem) clamp(1.25rem, 0.8225rem + 1.1896vw, 2.25rem);
height: 100%;
display: flex;
flex-direction: column;
}
.postBox .PostTitle {
font-size: clamp(1.125rem, 1.0181rem + 0.2974vw, 1.375rem);
line-height: 1.4;
color: #000;
}
.postText {
margin: clamp(1.25rem, 0.9828rem + 0.7435vw, 1.875rem) 0;
}
.postText p {
font-size: clamp(1rem, 0.9466rem + 0.1487vw, 1.125rem);
line-height: 1.5;
}
.postBox {
background: #F9F9F9;
height: 100%;
display: flex;
flex-direction: column;
}
.postRow>div {
margin-bottom: 40px !important;
}
.readMoreBtn {
color: #073666;
font-size: clamp(1.125rem, 1.0716rem + 0.1487vw, 1.25rem);
font-weight: 700;
line-height: 1.2;
display: flex;
align-items: center;
gap: 12px;
margin-top: auto;
}
.readMoreBtn span {
display: inline-flex;
}
.postSec {
margin: clamp(2.5rem, 0.3625rem + 5.948vw, 7.5rem) 0 clamp(2.5rem, 1.4312rem + 2.974vw, 5rem) !important;
}
.restaurantSolutionsSec .ourDepartments_section {
padding-bottom: 0;
display: inline-block;
}
.tabHorizontal .vc_tta.vc_general .vc_tta-tab>a {
background: transparent !important;
border: unset;
padding: clamp(0.625rem, 0.2043rem + 1.1707vw, 1.375rem) clamp(1.875rem, 0.753rem + 3.122vw, 3.875rem);
position: relative;
font-size: clamp(1rem, 0.8598rem + 0.3902vw, 1.25rem);
}
/* .tabHorizontal .vc_tta.vc_general .vc_tta-tab.vc_active > a{
border-bottom: 4px solid #F8BD4A !important;
} */
.tabHorizontal .vc_tta-panel-body,
.tabHorizontal .vc_tta-panels {
padding: 0 !important;
background: transparent !important;
border: unset !important;
}
.tabHorizontal .vc_tta.vc_general .vc_tta-tab>a::after {
content: "";
position: absolute;
left: 0 !important;
bottom: 0;
width: calc(100% + 2px) !important;
height: 2px !important;
background: #BBBBBB;
right: 0;
top: unset !important;
}
.tabHorizontal .vc_tta.vc_general .vc_tta-tab.vc_active>a::after {
height: 4px !important;
background: #F8BD4A;
bottom: -1px;
}
.tabHorizontal .vc_tta-tabs.vc_tta-tabs-position-top .vc_tta-tabs-list {
padding-bottom: 2px;
text-align: center;
}
.tabHorizontal .vc_tta-panels-container {
margin: clamp(1.875rem, -0.404rem + 6.3415vw, 5.9375rem) 0 clamp(1.875rem, 1.1269rem + 2.0818vw, 3.625rem);
}
.tabHorizontal .ourDepartments_contant>.vc_column-inner>.wpb_wrapper {
padding-left: 0;
}
.tabs {
display: flex;
justify-content: center;
}
.tab {
cursor: pointer;
padding: clamp(0.625rem, 0.2043rem + 1.1707vw, 1.375rem) clamp(1.875rem, 0.753rem + 3.122vw, 3.875rem);
position: relative;
font-size: clamp(1rem, 0.8598rem + 0.3902vw, 1.25rem);
position: relative;
}
.tab::after {
content: "";
position: absolute;
left: 0;
bottom: 1.5px;
width: 100%;
height: 2px;
background: #BBBBBB;
}
.tab.active::after {
height: 4px !important;
background: #F8BD4A;
bottom: -1px;
}
.tab.active {
color: #ff9900;
border-bottom: 2px solid #ff9900;
}
.content {
display: none;
}
.content.active {
display: block;
}
.tab-content {
display: flex;
}
.content img {
width: 100%;
height: auto;
}
.tab-image {
max-width: 55%;
}
.content-text {
max-width: 45%;
padding-left: 55px;
}
.content-text .h2 {
margin-bottom: clamp(1.5625rem, 0.686rem + 2.439vw, 3.125rem);
}
.tab-slider .slick-list{
padding-top: clamp(2.5rem, 0.5716rem + 5.3659vw, 5.9375rem);
margin-bottom: clamp(1.875rem, 0.8933rem + 2.7317vw, 3.625rem);
}
.tab-slider .slick-dots li button {
background: #BBBBBB;
}
.tab-slider .slick-dots li.slick-active button {
background: #073666;
}
.tabWrapper {
margin: 0 0 clamp(2.5rem, -2.4085rem + 13.6585vw, 4.25rem);
}
.tab-slider .slick-dots {
bottom: -44px;
}
.single_blog_content {
max-width: 964px;
margin: clamp(1.25rem, 0.5488rem + 1.9512vw, 2.5rem) auto clamp(2.5rem, -0.3049rem + 7.8049vw, 7.5rem);
}
.single_blog_content img {
width: 100%;
height: auto;
margin-bottom: clamp(1.875rem, 1.0734rem + 2.2305vw, 3.75rem);
}
.single_blog_content .entry-content p {
font-size: clamp(1rem, 0.9299rem + 0.1951vw, 1.125rem);
}
.page-id-18 .fCallToAction {
padding-top: clamp(2.5rem, 1.9602rem + 1.7273vw, 3.6875rem);
padding-bottom: clamp(2.5rem, 1.9602rem + 1.7273vw, 3.6875rem);
}
.mediumTopSpace {
margin-top: clamp(2.5rem, 1.0976rem + 3.9024vw, 5rem);
}
.overview .stepGuideText {
margin-bottom: 0;
}
.single-product .explorenow_btn {
margin: 30px 0 !important;
}
.productTopTitle {
margin: 17px 0 clamp(2.5rem, 1.0976rem + 3.9024vw, 5rem);
}
.imageTexts ul li ul {
margin-bottom: 20px;
margin-top: 20px;
}
.tabTopSpace {
margin-top: clamp(2.5rem, 1.6936rem + 2.2439vw, 3.9375rem) !important;
}
.wf_int-hero_logo {
width: 100%;
height: auto;
opacity: 0.2;
}
.wf_int-hero_section {
max-width: 1490px;
margin: 0 auto;
position: relative;
}
.hexagon_onehive_1 {
width: 23.6%;
}
.hexagon_onehive_2 {
left: 13% !important;
top: 28% !important;
}
.hexagon_onehive_3 {
left: 27.4% !important;
top: 12.6% !important;
}
.hexagon_onehive_9 {
right: 0 !important;
top: 29% !important;
left: auto !important;
width: 23.4%;
}
.hexagon_onehive_4 {
left: 27.6% !important;
top: 42.4% !important;
}
.hexagon_onehive_5 {
left: 41.9% !important;
top: 27.7% !important;
}
.hexagon_onehive_6 {
left: 56.5% !important;
top: 42.5% !important;
}
.hexagon_onehive_7 {
left: 56.4% !important;
top: 72.4% !important;
}
.hexagon_onehive_8 {
left: 70.7% !important;
top: 57.7% !important;
}
.hexagon_onehive_1 img,
.hexagon_onehive_9 img,
.hexagonOnehive img {
width: 100%;
height: 100%;
}
.hexagonOnehive {
width: 16.3%;
}
.hexagonPopup {
display: none;
font-size: 15px;
min-height: unset;
padding: 10px 15px;
box-shadow: 0px 4px 30px 0px #0000001A;
color: #67748E;
text-decoration: none;
position: absolute;
background: #fff;
top: 70%;
border-radius: 10px;
}
.wf_int-hexagon:hover {
z-index: 1;
}
.wf_int-hexagon:hover .hexagonPopup {
display: block;
}
.hexagon_onehive_10 {
left: 56.7% !important;
top: 12.6% !important;
}
.hexagon_onehive_11 {
left: 41.9% !important;
top: 57.7% !important;
}
.hexagon_onehive_12 {
left: 27.4% !important;
top: 72.6% !important;
}
.hexagon_onehive_13 {
left: 13% !important;
top: 57.4% !important;
}
.wf_int-hero_center {
opacity: 0;
}
.wf_int-hexagon[href="#"] {
pointer-events: none;
}
.wf_int-hexagon {
transition: unset;
}
.hexagonPopup::before {
content: "";
content: "";
position: absolute;
top: -13px;
left: 50%;
width: 23px;
height: 23px;
background: url('data:image/svg+xml,') no-repeat;
transform: translate(-50%,0%);
}
.paymentsBox .vc_column-inner .wpb_wrapper {
position: relative;
}
.coverBtn .vc_btn3 {
opacity: 0;
position: absolute !important;
top: 0 !important;
bottom: 0;
left: 0;
right: 0;
}
.storeSliderSec .ssfSlide {
padding: 0 15px;
}
.imageTexts h4.vc_custom_heading {
font-size: clamp(1.2rem, 0.3079rem + 3.3171vw, 2.0rem);
margin-bottom: clamp(0.8rem, 0.6650rem + 5.6958vw, 1rem);
}
.imageTexts .vc_custom_heading.mb10 {
margin-bottom: 10px;
}
.sliderNav {
margin: 0 auto;
padding: 20px 0 0;
display: flex;
list-style-type: none;
width: 100%;
max-width: 682px;
align-self: unsafe;
}
.sliderNav li {
font-size: 18px;
position:relative;
cursor: pointer;
}
.sliderNav li:not(:first-child) {
padding-left: 10px;
}
.sliderNav li:not(:last-child) {
padding-right: 10px;
}
.sliderNav li.sl_active {
color: #073666;
font-weight: 700;
}
.sliderNav li::after {
content: "";
background: #073666;
width: 2px;
height: 21px;
display: inline-block;
position: absolute;
left: 0;
}
.sliderNav li:first-child::after {
display: none;
}
.tab-slider .slickArrow {
top: 10px;
background-color: #F8BD4A !important;
/* color: #000; */
width: auto;
height: auto;
font-size: 0;
transform: unset;
display: block;
line-height: 20px;
padding: 10px 20px;
z-index: 1;
opacity: 1;
font-weight: 600;
background: url('data:image/svg+xml,') no-repeat;
background-size: auto;
background-position: center;
color: #fff;
}
.tab-slider .slickArrow.slick-prev.slick-arrow {
left: 0;
transform:rotate(-180deg);
-webkit-transform:rotate(-180deg);
-moz-transform:rotate(-180deg);
-ms-transform:rotate(-180deg);
-o-transform:rotate(-180deg);
}
.tab-slider .slickArrow.slick-next.slick-arrow {
right: 0;
}
.tab-slider .slickArrow.slick-prev.slick-arrow.slick-disabled,
.tab-slider .slickArrow.slick-next.slick-arrow.slick-disabled {
opacity: 0;
}
@media (min-width: 1200px) {
.navbar ul li:hover .sub-menu {
display: block;
}
}
@media (min-width: 1920px) {
.innovativeRightImages>div>div {
height: 600px;
/* margin: 64px 64px auto; */
}
}
@media (max-width: 1800px) {
.hex-container {
height: 50vw;
}
.innovativeRightImages>div>div {
height: 33.9vw;
}
}
@media (max-width: 1700px) {
.hex-container {
height: 52vw;
}
.innovativeRightImages>div>div {
height: 36.1vw;
}
}
@media (max-width: 1599px) {
.slideContent .slideTitle,
.slideContent .slideText {
max-width: 96%;
}
.fCallToAction::before {
background-size: cover;
}
}
@media (max-width: 1399px) {
.ssnSlide {
font-size: clamp(1.25rem, 0.5488rem + 1.9512vw, 1.8rem);
}
.slider-home .slick-dots {
left: 25px;
}
.tslSlideText {
margin: 0 auto 15px;
font-size: 17px;
line-height: 26px;
}
.ssnSlide {
font-size: clamp(1.25rem, 0.5488rem + 1.9512vw, 1.6rem);
}
.top_header {
padding: 15px 25px;
}
.navbar ul li {
margin: 0 10px;
}
.navbar .blue-btn a {
margin-left: 15px;
}
.quoteEnd {
margin-top: -5px;
}
.stepGuideSec .guideBox .vc_custom_heading {
padding: 14px 28px;
margin: 0 0 0px 30px;
}
.guideBox .wpb_text_column p {
font-size: 22px;
}
.fCallToAction::before {
right: 5%;
}
}
@media (max-width: 1299px) {
.stepGuideSec .guideBox .wpb_text_column.guideDetailText {
top: 105%;
}
}
@media (max-width: 1199px) {
.container {
max-width: 1600px;
padding-left: 15px;
padding-right: 15px;
}
.slideText {
margin-top: 20px;
}
.slider-home .slick-dots {
left: 15px;
}
.slideContent>div {
padding: 0 0 0 35px;
}
.ssnSlide {
font-size: clamp(1.25rem, 0.5488rem + 1.9512vw, 1.4em);
}
.storeSlider-nav .slick-prev,
.storeSlider-nav .slick-next {
width: 40px;
height: 40px;
}
.storeSlider-nav .slick-list {
margin: 0 40px;
}
.footerSocialIcon ul li:not(.footerSocialIcon ul li:last-child) {
margin-right: 14px;
}
header .navbar-dark .navbar-toggler-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgb(7, 54, 102)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
header .navbar-dark .navbar-toggler {
border-color: #073666;
opacity: 1;
border-radius: 6px;
padding: 5px 10px;
order: 3;
margin-left: 15px
}
.footer-right {
margin-left: auto;
}
.navbar-collapse {
max-width: 100%;
position: absolute;
top: 81px;
background: #fff;
width: 100%;
z-index: 9;
left: 0;
padding: 20px 15px;
}
header .navbar {
position: unset;
}
.top_header {
padding: 15px 15px;
}
.navbar ul li {
margin: 0 0 10px;
padding-right: 25px;
position: relative;
}
.navbar ul li:last-child {
margin: 0;
}
.menu-item-has-children::after {
content: "";
position: absolute;
top: 0;
right: 5px;
width: 8px;
height: 18px;
background: url('data:image/svg+xml,') no-repeat;
transform: rotate(90deg);
background-size: contain;
cursor: pointer;
}
.menu-item.menu-item-type-custom.open .sub-menu {
display: block;
margin: 10px;
position: unset;
}
.navbar ul li .sub-menu li {
margin: 0 0 10px;
}
.navbar ul li .sub-menu li a {
padding: 0;
}
.guideBox .wpb_text_column p {
font-size: 20px;
}
.breadcrumbs span,
.breadcrumbs a {
font-size: 18px !important;
}
.content-text {
padding-left: 30px;
}
.stepGuideSec .guideBox .wpb_text_column {
min-height: 19.6vw;
}
.fCallToAction::before {
background-position: center left;
}
.stepGuideSec .guideBoxLast .wpb_text_column.guideDetailText {
right: 5%;
}
}
@media (max-width: 991px) {
.yellowBtn,
.cmnBtn {
font-size: 16px;
line-height: 20px;
padding: 12px 15px;
}
.slideBox .img-fluid {
min-height: 450px;
object-fit: cover;
}
.innovativeSolutionsSec>.vc_row>div {
width: 100%;
}
.innovativeSolutionsSec>.vc_row>div {
width: 100%;
}
.innovativeSolutionsText {
max-width: 100%;
}
.innovativeRightImages>div>div {
height: 68.6vw;
width: 100%;
}
.innovativeSolutionsLeft {
margin-top: 0;
margin-bottom: 40px;
}
.paymentSec .paymentsBox,
.whyChooseSec .whyChooseBox {
width: 50%;
margin-bottom: 30px;
}
.paymentSec .paymentsBox:last-of-type,
.paymentSec .paymentsBox:nth-last-of-type(2),
.whyChooseSec .whyChooseBox:last-of-type,
.whyChooseSec .whyChooseBox:nth-last-of-type(2) {
margin-bottom: 0px;
}
.tslSlide {
width: 430px !important;
}
.tslSlideinner {
padding: 80px 0 58px;
}
.ssfSlideRow {
flex-wrap: wrap;
}
.ssfSlideRow>div {
width: 100%;
}
.ssfSlideText ul,
.tabSec .vc_tta-panels-container .wpb_text_column ul {
padding: 0;
margin: 20px 0 30px !important;
max-width: 100%;
}
.whyChooseSec .vc_row {
display: flex;
flex-wrap: wrap;
}
.footerSocialIcon,
.newsLetterForm {
margin-top: 30px;
}
.navbar-brand img {
max-width: 170px;
width: 170px;
height: 56px;
}
.ssfSlideRight {
padding-left: 0;
}
.ssfSlideLeft {
padding-right: 0;
}
.stepGuideSec .vc_row {
flex-wrap: wrap;
justify-content: start;
}
.stepGuideSec .guideBox .wpb_text_column {
min-height: 33.44vw;
margin: -30px 0 0 0 !important;
}
.stepGuideSec .vc_row .guideBox {
width: 50%;
}
.stepGuideSec .guideBox .vc_custom_heading {
padding: 12px 23px;
margin: 0 0 0px 11vw;
}
.stepGuideSec .vc_row .guideBox::before {
display: none;
}
.stepGuideSec .vc_row .guideBox.topLine {
padding-top: 0;
margin-bottom: 40px;
}
.tabWithShape::before {
top: -10%;
width: 24%;
height: 24%;
}
.fCallToAction::after {
width: 30%;
}
.fCallToAction::before {
right: 10%;
}
.stepGuideTopRow::after {
display: none !important;
}
.stepGuideSec .guideBox .wpb_text_column.guideDetailText::before {
top: -21px;
left: 50%;
transform: translate(-50%, 0%);
}
.stepGuideSec .guideBox .wpb_text_column.guideDetailText {
opacity: 1;
position: relative;
z-index: 2;
left: 0;
min-width: 70%;
max-width: 70%;
margin: 0px auto !important;
}
.stepGuideSec .vc_row .guideBox.bottomLine {
margin-bottom: 40px;
position: relative;
}
.stepGuideSec .guideBox .wpb_text_column.guideDetailText p {
font-size: 16px;
}
.wf_int-hexagon:hover .hexagonPopup {
display: none;
}
}
@media (max-width: 767px) {
.slideContent {
width: 70%;
}
.leftShape {
width: 80%;
}
.bottomTransparentShape {
right: 3%;
width: 30%;
}
.cta_btnRow {
text-align: left;
margin-top: 30px;
}
.fCallToAction::before {
background-position: left;
}
.footerContact {
margin-top: 30px;
}
.testimonialSlider .slick-dots {
bottom: -25px;
}
.newsLetterForm .formWrapper .submitBtn p {
margin-bottom: 0;
}
.navbar-brand img {
max-width: 150px;
width: 150px;
height: 50px;
}
.tabWithShape::before {
display: none;
}
.breadcrumbs span,
.breadcrumbs a {
font-size: 14px !important;
}
.tab-content {
flex-wrap: wrap;
}
.tab-image,
.content-text {
max-width: 100%;
}
.tab-image {
margin-bottom: 30px;
}
.tab-slider .slick-dots {
bottom: -15px;
}
.breadcrumbs {
display: none !important;
}
.stepGuideSec .vc_custom_heading,
.blogSec .vc_custom_heading,
.restaurantSec .vc_custom_heading {
margin: 40px 0 30px;
}
.integrationSec,
.faqsSec,
.single_blog_content {
margin-top: 40px;
}
.productBnnrLeft {
margin-bottom: 30px;
}
.productTopTitle {
margin: 40px 0 clamp(2.5rem, 1.0976rem + 3.9024vw, 5rem);
}
.tabTopSpace {
margin-top: 0 !important;
}
}
@media (max-width: 575px) {
.tslSlide {
width: 350px !important;
padding: 0;
}
.tslSlide.slick-slide.slick-current.slick-active {
opacity: 1;
}
/* .tslSlide.slick-slide {
opacity: 0;
} */
.tslSlideText {
font-size: 16px;
line-height: 24px;
}
.footer-right {
display: none !important;
}
.navbar-brand img {
max-width: 130px;
width: 130px;
height: 43px;
}
.leftShape {
display: none;
}
.slideBox::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.4);
}
.slideContent {
width: 100%;
z-index: 1;
}
.slideBtn span svg {
max-width: 70px;
}
.slider-home .slick-dots {
left: unset;
bottom: 20px;
top: unset;
display: flex;
justify-content: center;
width: 100%;
padding: 0 15px;
}
.slider-home .slick-dots li {
margin: 0 5px;
}
.leftTransparentShape {
top: 5%;
width: 10%;
height: 20%;
}
.navbar-collapse {
top: 74px;
}
.paymentSec .paymentsBox,
.whyChooseSec .whyChooseBox {
width: 100%;
}
.paymentSec .paymentsBox:nth-last-of-type(2),
.whyChooseSec .whyChooseBox:nth-last-of-type(2) {
margin-bottom: 30px;
}
.storeSlider-nav .slick-prev,
.storeSlider-nav .slick-next {
width: 30px;
height: 30px;
}
.storeSlider-nav .slick-list {
margin: 0 30px;
}
.slideContent>div {
padding: 0 15px 0 15px;
}
.whyChooseBox .wpb_wrapper {
max-width: 100%;
}
.faqsSec .vc_tta-panel-title a,
.faqsSec .vc_active .vc_tta-panel-title a {
padding: 15px 45px 15px 0 !important;
}
.faqsSec .vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-right .vc_tta-controls-icon {
right: 10px;
}
.breadcrumbs {
padding: 25px 0 !important;
}
.stepGuideSec .guideBox .wpb_text_column {
min-height: 55.44vw;
margin: -30px 0 0 0 !important;
}
.guideBox .wpb_text_column p {
font-size: 18px;
max-width: 55%;
}
.stepGuideSec .vc_row .guideBox.bottomLine,
.stepGuideSec .vc_row .guideBox.topLine {
margin-bottom: 30px;
}
.stepGuideSec .vc_row .guideBox {
width: 100%;
}
.stepGuideSec .guideBox .vc_custom_heading {
margin: 0 0 0px 0;
position: relative;
left: 28%;
padding: 12px 20px;
}
.stepGuideSec .vc_custom_heading,
.blogSec .vc_custom_heading,
.restaurantSec .vc_custom_heading {
margin: 40px 0 25px;
}
.breadcrumbs span,
.breadcrumbs a {
font-size: 12px !important;
}
.breadcrumbs span span:first-child {
height: 15px !important;
width: 15px !important;
background-size: contain;
}
.banner-top img {
max-width: 100%;
height: auto;
width: 100%;
min-height: 250px;
object-fit: cover;
}
.tab {
padding: 10px 15px;
text-align: center;
}
.fCallToAction::before {
display: none;
}
.fCallToAction::after {
width: 60%;
}
.faqsText,
.stepGuideText,
.blogSec .blogText,
.restaurantSec .restaurantText {
margin: 0 auto clamp(2.5rem, 1.0976rem + 3.9024vw, 5rem);
}
.breadcrumb_last {
max-width: 80%;
}
.svgtopshape {
max-width: 33vw;
margin-left: -15vw !important;
object-fit: contain;
}
.rightsvgshape {
bottom: -7% !important;
}
.paymentsBox>div>div {
margin-top: 50px;
}
.single-product .explorenow_btn {
margin: 25px 0 !important;
}
.sliderNav li{
font-size: 14px;
padding-bottom: 10px;
}
.sliderNav {
display: block;
}
.sliderNav li:not(:last-child) {
padding-right: 0;
}
.sliderNav li:not(:first-child) {
padding-left: 0;
}
.sliderNav li::after {
display:none;
}
.tab-slider .slickArrow {
font-size: 0;
line-height: 14px;
}
}
@media (max-width: 375px) {
.tslSlide {
width: 300px !important;
padding: 0;
}
.quoteEnd, .quoteStart {
width: 10px;
height: 15px;
}
.tslSlideText {
font-size: 13px;
line-height: 1.5;
}
.tslOwner {
font-size: 13px;
}
.tslSlideBox {
/* mask-size: 100% 90%; */
}
}