@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Outfit:wght@100..900&display=swap");
* {
font-family: var(--secondaryFont);
}
:root { --zb-light: #FFFFFF;
--zb-dark: #000000;
--zb-disabled: #D9D9D9;
--zb-primary-color-500: #01BB83; --zb-neutral-color-25: #FAFAFA;
--zb-neutral-color-50: #FDFDFD;
--zb-neutral-color-100: #F5F5F5;
--zb-neutral-color-200: #E9EAEB;
--zb-neutral-color-300: #D5D7DA;
--zb-neutral-color-400: #A4A7AE;
--zb-neutral-color-500: #717680;
--zb-neutral-color-600: #535862;
--zb-neutral-color-700: #414651;
--zb-neutral-color-800: #252B37;
--zb-neutral-color-900: #181D27;
--checkbox-size: 16px;
--window_width: 1860px;
--icon-color: #717680;
--primaryFont: "Outfit", sans-serif;
--secondaryFont: "Montserrat", sans-serif;
--bold-500: 500;
--bold-400: 400;
}
.text-neutral-25 { color: var(--zb-neutral-color-25) !important; }
.text-neutral-50 { color: var(--zb-neutral-color-50) !important; }
.text-neutral-100 { color: var(--zb-neutral-color-100) !important; }
.text-neutral-200 { color: var(--zb-neutral-color-200) !important; }
.text-neutral-300 { color: var(--zb-neutral-color-300) !important; }
.text-neutral-400 { color: var(--zb-neutral-color-400) !important; }
.text-neutral-500 { color: var(--zb-neutral-color-500) !important; }
.text-neutral-600 { color: var(--zb-neutral-color-600) !important; }
.text-neutral-700 { color: var(--zb-neutral-color-700) !important; }
.text-neutral-800 { color: var(--zb-neutral-color-800) !important; }
.text-neutral-900 { color: var(--zb-neutral-color-900) !important; }
.bold-500 {
font-weight: var(--bold-500) !important;
}
.bold-400 {
font-weight: var(--bold-400) !important;
}
.text-variant-one{
font-size: 16px;
line-height: 26px;
@media (max-width: 767px){
font-size: 14px;
line-height: 22px;
}
}
.text-variant-two{
font-size: 14px;
line-height: 24px;
}
.text-variant-three{
font-size: 12px;
line-height: 22px;
}
.zb-button-plain {
background: transparent !important;
padding: 0 !important;
margin: 0 !important;
outline: unset !important;
box-shadow: unset !important;
border: unset !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Outfit", sans-serif !important;
}
body {
font-family: var(--secondaryFont);
font-size: 16px;
line-height: 32px;
color: var(--zb-neutral-color-800);
font-weight: 400;
}
#site-header{
padding: 0;
width: 100%;
margin-bottom: 10px;
}
a {
color: var(--zb-primary-color-500);
word-break: break-word;
}
b {
font-family: inherit !important;
}
h1 {
font-size: 48px !important;
line-height: 60px !important;
@media (max-width: 1240px) {
font-size: 38px !important;
line-height: 35px !important;
}
@media (max-width: 767px) {
font-size: 28px !important;
line-height: 35px !important;
}
}
h2 {
font-size: 36px !important;
line-height: 45px !important;
@media (max-width: 1240px) {
font-size: 28px !important;
line-height: 35px;
}
@media (max-width: 767px) {
font-size: 24px !important;
line-height: 30px !important;
}
}
h3 {
font-size: 28px !important;
line-height: 35px !important;
@media (max-width: 1240px) {
font-size: 24px !important;
line-height: 30px !important;
}
@media (max-width: 767px) {
font-size: 20px !important;
line-height: 25px !important;
}
}
h4 {
font-size: 24px !important;
line-height: 30px !important;
@media (max-width: 1240px) {
font-size: 22px !important;
line-height: 28px !important;
}
@media (max-width: 767px) {
font-size: 18px !important;
line-height: 23px !important;
}
}
h5 {
font-size: 20px !important;
line-height: 32px !important;
@media (max-width: 1240px) {
font-size: 18px !important;
line-height: 26px !important;
}
@media (max-width: 767px) {
font-size: 16px !important;
line-height: 20px !important;
}
}
h6 {
font-size: 18px !important;
line-height: 26px !important;
@media (max-width: 1024px) {
font-size: 16px !important;
line-height: 22px !important;
}
@media (max-width: 767px) {
font-size: 14px !important;
line-height: 18px !important;
}
}
.post-header-wrapper {
background: var(--zb-light);
padding: 20px 50px 16px;
box-shadow: 0px 0px 6px 0px #0000001a;
border-radius: 0;
margin: 0;
display: block;
width: 100%;
}
.page-template-page-coming-soon .post-header-wrapper{
background: transparent;
position: absolute;
width: 100%;
z-index: 99;
box-shadow: unset;
padding-top: 40px;
opacity: 0;
pointer-events: none;
}
.page-template-page-coming-soon .post-header-wrapper .logo img {
max-width: 100%;
}
.inner-post-header {
position: relative;
max-width: var(--window_width);
margin: auto;
}
.post-container {
max-width: var(--window_width);
margin: 0 auto;
padding: 0px;
}
.post-container .post-inner-container {
max-width: var(--window_width);
margin: 0 auto;
padding: 0 40px;
}
.zb-banner-video {
position: relative;
height: 40vw;
background: var(--zb-dark);
z-index: 9;
border-radius: 0 0 60px 60px;
overflow: hidden;
}
.zb-banner-video:after{
content:"";
position: absolute;
width: 100%;
height: 100%;
inset: 0;
background: rgba(0, 0, 0, 0.2);
filter: blur(100px);
}
.banner-video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: contain;
}
.cs-container.banner-grid {
display: flex;
align-items: end;
gap: 100px;
position: absolute;
bottom: 45px;
width: 100%;
left: 50%;
transform: translateX(-50%);
z-index: 9;
max-width: 1320px;
}
.banner-grid .csb-right .btn-style-one{
width: 238px;
}
.banner-fallback-img {
height: 40vw;
display: block;
}
.banner-fallback-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.vide-action-btn-wrapper {
position: absolute;
right: 45px;
bottom: 45px;
z-index: 99;
display: flex;
align-items: baseline;
gap: 20px;
}
.vide-action-btn-wrapper img{
max-width: 34px;
}
.csb-left h2 {
color: var(--zb-neutral-color-50);
font-weight: 500;
}
.csb-left p {
color: var(--zb-neutral-color-50);
font-weight: 400;
}
.btn-style-one {
height: 52px;
padding: 10px 20px;
border-radius: 32px;
color: var(--zb-neutral-color-900) !important;
font-size: 20px;
border: none;
font-weight: 400;
font-family: var(--primaryFont);
background: var(--zb-light) !important;
display: flex;
align-items: center;
gap: 6px;
transition: all 500ms ease-in-out;
}
.btn-style-one:hover {
opacity: 0.9;
}
section.subscription-wrapper {
position: relative;
padding: 150px 0;
z-index: 9;
background: var(--zb-neutral-color-900);
text-align: center;
border-radius: 0 0 60px 60px;
overflow: hidden;
}
.subscription-wrapper-image {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: -1;
}
.form-wrapper {
max-width: 575px;
margin: auto;
text-align: center;
padding-top: 40px;
}
.feature-box {
width: 100%;
height: 600px;
overflow: hidden;
padding: 0 40px;
margin-top: 40px;
}
.feature-box .page-image {
width: 100%;
height: 100%;
object-fit: cover;
object-position: top;
border-radius: 24px;
}
.go-back {
display: flex;
align-items: center;
font-family: var(--secondaryFont);
font-weight: 400;
font-size: 16px;
line-height: 100%;
vertical-align: middle;
color: var(--zb-neutral-color-800);
position: absolute;
left: 40px;
top: 50%;
transform: translateY(-50%);
}
.go-back svg {
fill: var(--icon-color);
width: 20px;
margin-right: 5px;
}
.logo {
text-align: center;
padding: 0;
display: flex;
justify-content: center;
}.logo a{
display: grid;
}
.logo img {
max-width: 300px;
}
.header-details {
margin-top: -105px;
margin-right: 94px;
margin-left: 94px;
padding: 35px 25px;
background-color: var(--zb-light);
z-index: 1;
position: relative;
box-shadow: 0px 4px 156px 0px rgba(0, 0, 0, 0.04);
border-radius: 24px;
}
.recent-blog-posts {
list-style: none;
padding: 0;
margin: 0;
}
.recent-post-title {
font: 400 16px / 24px var(--primaryFont);
color: var(--zb-neutral-color-900);
margin: 0 0 8px 0;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
transition: all 300ms ease-in-out;
}
.recent-post-title:hover {
color: var(--zb-primary-color-500);
}
.recent-post-thumbnail img {
border-radius: 12px
}
.recent-post-date {
font: 400 18px / 1.2 var(--primaryFont);
color: rgba(37, 43, 55, 1);
}
.recent-post-date:before {
content: "";
width: 4px;
height: 4px;
border-radius: 100%;
background: #D5D7DA;
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}
.recent-blog-posts .recent-post-date {
font: 400 12px / 1.2 var(--primaryFont);
color: rgba(37, 43, 55, 1);
}
.recent-blog-posts .recent-post-date:before {
display: none;
}
.recent-blog-posts .recent-post-link {
display: grid;
grid-template-columns: auto 100px;
margin: 28px 0;
gap: 20px;
align-items: center;
}
.grid-wrapper {
display: grid;
grid-template-columns: auto 420px;
gap: 60px;
margin-top: 60px;
}
.grid-wrapper .e-con-inner {
margin: 0;
width: 100%;
max-width: 100%;
}
.recent-post-thumbnail img {
width: 100%;
height: 70px;
object-fit: cover;
}
.post-header__author-list {
display: grid;
grid-template-columns: 60px auto;
align-items: center;
gap: 15px;
}
.post-header__author-list .avatar {
border-radius: 100%;
width: 60px;
height: 60px;
object-fit: cover;
}
.post-author h3 {
font: 500 18px / 1.2 var(--primaryFont);
color: var(--zb-neutral-color-900);
}
.post-author h3 span {
font: 300 18px / 1.2 var(--primaryFont);
}
.header-sub-detil {
display: grid;
grid-template-columns: auto 300px;
align-items: center;
gap: 10px;
}
.header-sub-detil .heateor_sss_sharing_container {
display: flex;
justify-content: flex-end;
}
.date-and-readtime {
display: flex;
gap: 10px;
align-items: center;
}
.readtime {
font: 400 18px / 1.2 var(--primaryFont);
color: var(--zb-neutral-color-800);
}
.comments-section {
background: var(--zb-neutral-color-100);
position: relative;
z-index: 2;
}
.blog-detail-sec{
background: var(--zb-light);
position: relative;
z-index: 2;
padding-bottom: 80px;
}
.comments-section #comments {
position: relative;
display: block;
max-width: 720px;
margin: 0 auto;
padding: 50px 80px;
}
h2#reply-title {
margin: 0 0 25px;
font: 600 2.2rem / 1.2 var(--primaryFont);
}
.comment-notes {
font-family: var(--secondaryFont);
font-weight: 500;
font-size: 16px;
line-height: 100%;
color: var(--zb-neutral-color-900);
}
.comments-section #comments textarea {
background: var(--zb-light);
border: 1px solid var(--zb-neutral-color-300);
border-radius: 8px;
height: 120px;
resize: unset;
font-family: var(--secondaryFont);
font-weight: 400;
font-size: 16px;
color: var(--zb-neutral-color-800);
margin: 0;
}
.comments-section #comments input {
background: var(--zb-light);
border: 1px solid var(--zb-neutral-color-300);
border-radius: 8px;
font-family: var(--secondaryFont);
font-weight: 400;
font-size: 16px;
color: var(--zb-neutral-color-800);
margin: 0;
}
.comments-section #comments .comment-form-cookies-consent {
display: inline-flex;   
align-items: self-start;   
gap: 8px;              
margin-top: 16px;    
}
.comments-section #comments .comment-form-cookies-consent input[type="checkbox"] {
margin: 0;     
margin-top: 5px;
}
.comments-section #comments .comment-form-cookies-consent label {
margin: 0;      
}
.comments-section #comments label {
font-family: var(--primaryFont);
border-radius: 8px;
font-weight: 400;
font-size: 14px;
color: var(--zb-neutral-color-900);
margin-bottom: 10px;
line-height: 22px;
}
#comments p {
width: 100%;
float: unset;
margin-bottom: 16px;
font-size: 14px;
}
.comments-section #comments input.submit {
background: var(--zb-primary-color-500);
border-radius: 12px;
padding: 10px 30px;
font-family: var(--primaryFont);
font-weight: 600;
font-size: 16px;
color: var(--zb-neutral-color-50);
}
.page-content .pp-multiple-authors-boxes-ul {
padding: 0;
margin: 0;
list-style: none;
}
.page-content .pp-multiple-authors-boxes-wrapper {
margin-top: 40px;
}
#our-services .pp-multiple-authors-boxes-li {
border: 1px solid #D5D7DA !important;
border-radius: 24px;
padding: 20px;
display: grid;
grid-template-columns: 100px auto;
}
.page-content .pp-author-boxes-name .author {
pointer-events: none;
font-weight: 400;
font-size: 28px;
line-height: 100%;
text-decoration: unset;
color: var(--zb-neutral-color-900);
}
.page-content .pp-multiple-authors-boxes-wrapper.pp-multiple-authors-layout-boxed.multiple-authors-target-the-content .pp-author-boxes-meta a {
background: #E6A100 !important;
padding: 6px 20px;
border-radius: 8px;
color: white;
text-decoration: none;
margin-right: 10px;
}
.page-content .pp-multiple-authors-boxes-wrapper.pp-multiple-authors-layout-boxed.multiple-authors-target-the-content .ppma-author-user_email-profile-data {
background: #E6A100 !important;
padding: 6px;
border-radius: 8px;
color: white;
text-decoration: none;
}
.page-content .pp-author-boxes-avatar img {
border-radius: 100%;
}
.post-navigation span.meta-nav {
border: none;
font-weight: 500;
font-family: var(--secondaryFont);
}
.nav-previous span.meta-nav:before {
content: "\f104";
}
.page-content .elementor-widget-container img {
display: block;
margin: 0 auto;
max-width: 100%;
max-height: 730px;
width: auto !important;
height: auto;
}
.taglist {
font-size: 0;
display: flex;
gap: 6px;
align-items: center;
margin-left: -5px;
margin-bottom: 20px;
}
.taglist .tag-links {
background: #F5F5F5;
color: var(--zb-neutral-color-900);
padding: 2px 20px;
border-radius: 24px;
font-size: 12px;
font-family: var(--secondaryFont);
font-weight: 400;
line-height: 20px;
}
.pp-multiple-authors-layout-boxed .multiple-authors-links a span:not(.dashicons) {
padding: 0px;
color: #FFF;
}
.page-content .pp-multiple-authors-boxes-wrapper.pp-multiple-authors-layout-boxed.multiple-authors-target-the-content .ppma-author-user_email-profile-data span {
font-size: 20px;
color: #fff;
}
li.pp-multiple-authors-boxes-li.author_index_0.author_ponvizhi.has-avatar {
border-radius: 24px;
border-color: #ddd !important;
}
#mlemb_frm {
margin-bottom: 24px;
}
.social-share {
padding: 0;
margin: 0;
list-style: none;
display: flex;
gap: 20px;
justify-content: center;
}
.cs-container {
max-width: 1640px;
margin: auto;
padding: 0 60px;
}
.csb-right h6 {
color: var(--zb-light);
font-weight: 400;
font-size: 18px;
line-height: 32px;
text-align: center;
}
.blog-section h2 {
font-weight: 500;
font-size: 40px;
line-height: 56px;
color: #25291C;
margin-bottom: 30px;
}
.blog-section h2 span {
color: var(--zb-primary-color-500);
}
.blog-section {
padding: 40px 0 60px;
background: #fff;
z-index: 9;
position: relative;
}
#mlemb_frm .ml-form-embedContent {
display: none !important;
}
#mlemb_frm .ml-form-embedBody.ml-form-embedBodyDefault.row-form {
padding: 0 !important;
}
#mlemb_frm .ml-form-embedContainer .ml-form-embedWrapper {
background-color: transparent !important;
max-width: 100% !important;
}
#mlemb_frm .ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input {
background: rgba(255, 255, 255, 0.22) !important;
border: 0.96px solid rgba(255, 255, 255, 0.6) !important;
backdrop-filter: blur(31.799999237060547px) !important;
color: var(--zb-light) !important;
font-size: 16px !important;
border-radius: 12px !important;
outline: none !important;
box-shadow: unset !important;
height: 54px;
}
#mlemb_frm .ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input::placeholder {
color: var(--zb-neutral-color-25) !important;
}
#mlemb_frm .ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button {
background: var(--zb-primary-color-500) !important;
border-radius: 12px !important;
color: var(--zb-light) !important;
font-size: 16px !important;
font-weight: 500 !important;
padding: 16px !important;
font-family: var(--primaryFont) !important;
width: 100%;
border: none;
outline: none;
box-shadow: unset;
}
#mlemb_frm .ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button span{
color: var(--zb-light) !important;
font-size: 16px !important;
font-weight: 500 !important;
padding: 16px !important;
font-family: var(--primaryFont) !important;
}
#mlemb_frm .ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button:after {
content: "";
background: url(https://blogs.zeebusiness.com/wp-content/uploads/2025/04/bell-icon.svg);
width: 20px;
height: 20px;
background-size: 16px;
display: inline-block;
background-position: center;
background-repeat: no-repeat;
vertical-align: middle;
margin-left: 6px;
}
#comingsoonslider .elementor-widget-theme-post-featured-image {
width: 100%;
aspect-ratio: 16 / 9;
margin-top: 15px;
}
#comingsoonslider .elementor-widget-theme-post-featured-image a {
height: 100%;
width: 100%;
}
#comingsoonslider .elementor-widget-theme-post-featured-image a img {
height: 100%;
width: 100%;
object-fit: cover;
border-radius: 24px;
}
#comingsoonslider .csps-title a {
font-weight: 500;
font-size: 20px;
line-height: 32px;
color: var(--zb-neutral-color-900);
font-family: var(--primaryFont) !important;
}
#comingsoonslider .elementor-swiper-button {
background: var(--zb-neutral-color-800);
width: 40px;
height: 40px;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
padding: 0 !important;
top: -70px;
opacity: 1 !important;
}
#comingsoonslider .elementor-swiper-button svg {
fill: var(--zb-neutral-color-50);
width: 16px !important;
height: 16px !important;
}
#comingsoonslider .elementor-swiper-button.swiper-button-disabled {
background: var(--zb-neutral-color-25);
}
#comingsoonslider .elementor-swiper-button.swiper-button-disabled svg {
fill: var(--zb-disabled);
}
.postcategory .elementor-heading-title span {
display: none;
background: var(--zb-neutral-color-25);
border-radius: 24px;
color: var(--zb-neutral-color-800);
font-size: 12px;
padding: 10px 20px;
}
.postcategory .elementor-heading-title span:first-child {
display: inline-block;
}
.postdate .elementor-post-info__item--type-date {
color: var(--zb-neutral-color-800);
font-size: 12px;
font-weight: 500;
}
.postdate .elementor-post-info__item--type-date:before {
content: "";
background: var(--zb-neutral-color-200);
height: 1px;
display: inline-block;
width: 30px;
margin: 0 10px;
vertical-align: middle;
}
.post-info {
display: flex;
align-items: center;
flex-direction: row !important;
padding: 0 !important;
margin: 30px 0 10px;
gap: 0 !important;
}
.ml-form-successBody.row-success {
padding: 20px !important;
background: rgb(255 255 255 / 16%);
border-radius: 24px;
backdrop-filter: blur(10px);
margin-top: 25px;
}
#mlemb_frm .ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent h4 {
font-weight: 500;
font-size: 24px;
line-height: 32px;
color: var(--zb-light);
}
#mlemb_frm .ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent p {
font-weight: 400;
font-size: 18px;
line-height: 28px;
color: var(--zb-light);
}
#mlemb_frm .ml-form-embedSubmitLoad {
vertical-align: -8px !important;
}
#mlemb_frm .ml-form-embedSubmitLoad:after {
border: 1.4px solid var(--zb-light) !important;
}
#mlemb_frm .ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button.loading:after {
display: none !important;
}
.heateor_sss_sharing_ul {
display: flex;
gap: 12px;
}
.ppma-author-category-wrap {
display: none !important;
}
.auther-footer {
display: grid;
grid-template-columns: 100px auto;
gap: 20px;
border: 1px solid var(--zb-neutral-color-200);
border-radius: 24px;
padding: 20px;
}
.auther-footer img {
border-radius: 100%;
width: 100%;
height: 100px;
}
.auther-footer .post-author h3 {
font-size: 20px;
font-weight: 500;
display: flex;
align-items: flex-end;
gap: 10px;
}
.auther-footer .post-author h3 span{
font-weight: 400;
color: var(--zb-neutral-color-500);
padding-bottom: 3px;
}
.auther-footer .post-author h3 span:before {
content: "";
width: 4px;
height: 4px;
border-radius: 100%;
background: var(--zb-neutral-color-500);
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}
.auther-footer .post-author span {
font-size: 14px;
font-family: var(--secondaryFont);
line-height: 24px;
display: block;
}
.heateor_sss_sharing_ul .heateor_sss_svg {
display: none !important;
}
.heateor_sss_sharing_ul .heateor_sss_facebook::after {
background: url(https://blogs.zeebusiness.com/wp-content/uploads/2025/04/qlementine-icons_facebook-24-1.svg);
content: "";
background-size: 26px !important;
width: 30px !important;
height: 30px !important;
background-position: center !important;
display: inline-block !important;
background-repeat: no-repeat !important;
}
.heateor_sss_sharing_ul .heateor_sss_button_x::after {
background: url(https://blogs.zeebusiness.com/wp-content/uploads/2025/04/XLogo-phosphor-1.svg);
content: "";
background-size: 26px !important;
width: 30px !important;
height: 30px !important;
background-position: center !important;
display: inline-block !important;
background-repeat: no-repeat !important;
}
.heateor_sss_sharing_ul .heateor_sss_button_instagram::after {
background: url(https://blogs.zeebusiness.com/wp-content/uploads/2025/04/hugeicons_instagram-1.svg);
content: "";
background-size: 26px !important;
width: 30px !important;
height: 30px !important;
background-position: center !important;
display: inline-block !important;
background-repeat: no-repeat !important;
}
.heateor_sss_sharing_ul .heateor_sss_button_pinterest::after {
background: url(https://blogs.zeebusiness.com/wp-content/uploads/2025/04/hugeicons_pinterest.svg);
content: "";
background-size: 26px !important;
width: 30px !important;
height: 30px !important;
background-position: center !important;
display: inline-block !important;
background-repeat: no-repeat !important;
}
.heateor_sss_sharing_ul .heateor_sss_button_bluesky::after {
background: url(https://blogs.zeebusiness.com/wp-content/uploads/2025/04/hugeicons_bluesky-1.svg);
content: "";
background-size: 26px !important;
width: 30px !important;
height: 30px !important;
background-position: center !important;
display: inline-block !important;
background-repeat: no-repeat !important;
}
.heateor_sss_sharing_ul .heateor_sss_button_threads::after {
background: url(https://blogs.zeebusiness.com/wp-content/uploads/2025/05/threads-grey.svg);
content: "";
background-size: 21px !important;
width: 21px !important;
height: 25px !important;
background-position: center !important;
display: inline-block !important;
background-repeat: no-repeat !important;
}
.terms-container{
background: var(--zb-light);
z-index: 1;
position: relative;
}
.ppc-and-tc{
margin: 0 auto;
margin-top: 50px;
padding: 0 40px;
max-width: var(--window_width);
margin-bottom: 50px;
min-height: 90vh;
@media #{$media-xs}{
margin-top: 40px;
padding: 0 20px;
}
}
.ppc-and-tc p, .ppc-and-tc li{
font-size: 14px;
line-height: 26px;
color: var(--zb-neutral-color-800);
font-weight: 400;
}
.ppc-and-tc li{
margin: 6px 0;
}
.ppc-and-tc a{
color: var(--zb-primary-color-500);
font-weight: 500;
}
.ppc-and-tc h1, .ppc-and-tc h2, .ppc-and-tc h3, .ppc-and-tc h4, .ppc-and-tc h5, .ppc-and-tc h6{
color: var(--zb-neutral-color-900);
margin: 20px 0;
}
#gototop {
display: inline-block;
width: 50px;
height: 50px;
text-align: center;
border-radius: 4px;
position: fixed;
bottom: 30px;
right: 30px;
transition: background-color .3s,
opacity .5s, visibility .5s;
opacity: 0;
visibility: hidden;
z-index: 1000;
cursor: pointer;
}
#gototop.show {
opacity: 1;
visibility: visible;
}
#comments .comment-meta {
gap: 10px;
font-family: 'Montserrat';
font-size: 14px;
line-height: 22px;
display: grid;
}
#comments .comment .comment-body {
margin-bottom: 30px;
}
#comments .comment-author,
#comments .comment-metadata {
font-size: 16px;
font-family: "Outfit", sans-serif !important;
text-transform: capitalize
}
#postsidebar .innersidebar {
position: sticky;
top: 30px;
}
.banner-wrapper .heateor_sss_sharing_ul .heateor_sss_facebook::after {
background: url(https://blogs.zeebusiness.com/wp-content/uploads/2025/04/qlementine-icons_facebook-24.svg);
}
.banner-wrapper .heateor_sss_sharing_ul .heateor_sss_button_x::after {
background: url(https://blogs.zeebusiness.com/wp-content/uploads/2025/04/XLogo-phosphor-white.svg);
}
.banner-wrapper .heateor_sss_sharing_ul .heateor_sss_button_reddit::after {
background: url(https://blogs.zeebusiness.com/wp-content/uploads/2025/04/basil_reddit-outline-white.svg);
}
.banner-wrapper .heateor_sss_sharing_ul .heateor_sss_button_pinterest::after {
background: url(https://blogs.zeebusiness.com/wp-content/uploads/2025/04/hugeicons_pinterest-white.svg);
}
.banner-wrapper .heateor_sss_sharing_ul .heateor_sss_button_bluesky::after {
background: url(https://blogs.zeebusiness.com/wp-content/uploads/2025/04/hugeicons_bluesky.svg);
}
.ml-form-fieldRow {
margin-bottom: 20px;
}
.zb-theme-footer {
padding: 140px 0 40px;
position: sticky;
bottom: 0;
}
.zb-theme-footer::after {
content: "";
position: absolute;
width: 100%;
height: 100%;
background: rgb(255 255 255 / 39%);
top: 0;
left: 0;
-webkit-backdrop-filter: blur(1px);
backdrop-filter: blur(1px);
transition: all 500ms linear;
pointer-events: none;
}
.zb-theme-footer.reached-bottom::after{
opacity: 0;
} .archive .zb-theme-footer,
.search .zb-theme-footer {              
position: static;
bottom: auto;
}
.archive .zb-theme-footer::after,
.search .zb-theme-footer::after {       
content: none;
}
.ft-grid-wrapper {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 20px;
margin-bottom: 92px;
}
.ft_menu {
list-style: none;
padding: 0;
margin: 0;
margin-top: -8px;
}
.ft_menu li:nth-child(2) {
margin: 10px 0;
}
.ft_menu li a {
color: var(--zb-dark);
font-size: 18px;
font-weight: 400;
text-decoration: unset
}
.policy_list {
display: flex;
align-items: center;
justify-content: center;
gap: 100px;
border-top: 1px solid var(--zb-neutral-color-200);
padding: 16px 15px 0;
}
.policy_list span {
color: var(--zb-neutral-color-500);
font-size: 14px;
font-weight: var(--bold-400);
}
.ft_addres {
color: var(--zb-neutral-color-800);
font-size: 16px;
font-weight: var(--bold-400);
padding-left: 5px;
line-height: 26px;
margin: 4px 0 0 0;
}
.zb-theme-footer .logo {
display: block;
text-align: left;
}
.swiper-wrapper {
-webkit-transition-timing-function: linear !important;
transition-timing-function: linear !important;
}
.view-blog-btn {
position: absolute !important;
left: 50%;
transform: translatex(-50%);
top: 120px;
opacity: 0;
visibility: hidden;
transition: all 500ms ease-in-out;
}
.view-blog-btn:hover{
opacity: 0.9 !important;
}
.view-blog-btn .elementor-button-content-wrapper {
display: flex;
align-items: center;
gap: 6px;
}
.view-blog-btn .elementor-button-text {
color: var(--zb-neutral-color-900);
font-size: 16px;
font-weight: 400;
font-family: var(--primaryFont);
}
.view-blog-btn .elementor-button-icon svg {
height: 26px;
width: 26px;
}
.blog-list-grid:hover .view-blog-btn {
opacity: 1;
visibility: visible;
}
.blog-section .marquee {
overflow: hidden;
position: relative;
}
.blog-section .marquee__inner {
display: flex;
gap: 28px;
width: max-content;
animation: scroll-marquee 50s linear infinite;
}
.blog-section .marquee:hover .marquee__inner {
animation-play-state: paused;
}
.blog-section .marquee__item {
flex: 0 0 auto; width: 390px;
}
@keyframes scroll-marquee {
0% {
transform: translateX(0%);
}
100% {
transform: translateX(-50%);
}
}
.zb-post-img{
width: 100%;
height: 220px;
position: relative;
margin-bottom: 16px;
position: relative;
}
.zb-post-img:after{
content:"";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #0000008C;
opacity: 0;
transition: all 500ms ease-in-out;
border-radius: 24px;
}
.zb-post-link:hover .zb-post-img:after{
opacity: 1;
}
.zb-post-img img{
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 24px;
}
.zb-post-content p{
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
margin-bottom: 0;
}.zb-post-img .btn-style-one{
height: 44px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 18px;
opacity: 0;
visibility: hidden;
transition: all 300ms ease;
z-index:2;
}.zb-post-img .btn-style-one img{
width: 26px;
height: 26px;
}
.zb-post-link:hover .zb-post-img .btn-style-one{
opacity: 1;
visibility: visible;
}
.zb-post-category{
background: var(--zb-neutral-color-100);
border-radius: 8px;
padding: 6px 15px;
}
.zb-post-date:before{
content: "";
width: 30px;
height: 1px;
background: var(--zb-neutral-color-200);
display: inline-block;
margin: 0 8px;
vertical-align: middle;
}
.zb-post-link{
background: var(--zb-light);
border-radius: 24px;
box-shadow: 0px 4px 101.7px 0px #00000008;
display: block;
}
.zb-post-content{
padding: 0 16px 16px 16px;
}
.zb-post-content h5{
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
margin-bottom: 10px;
}
body.noscroll {
width: 100%;
height: 100vh;
overflow: hidden;
} .zb-modal {
display: none; background-color: rgba(0, 0, 0, 0.5);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
position: fixed;
inset: 0;
z-index: 9999;
align-items: center;
justify-content: center;
}
.zb-modal.show{
display: flex;
} .modal-content {
background-color: var(--zb-light);
margin: 0 15px;
padding: 24px;
border: none;
width: 100%;
max-width: 630px;
position: relative;
border-radius: 20px;
text-align: center;
}
.grid-right{
text-align: left;
}
.close {
position: absolute;
right: 20px;
top: 10px;
color: #aaa;
font-size: 24px;
font-weight: bold;
cursor: pointer;
}
.subs-popup-grid {
display: grid;
grid-template-columns: 300px 1fr;
align-items: center;
}
.zb-primary-button{
color: var(--zb-neutral-color-25) !important;
background-color: var(--zb-primary-color-500) !important;
transition: 0.3s;
cursor: pointer;
font-size: 18px;
flex: 1;
padding: 12px;
border-radius: 12px;
font-weight: 500;
font-family: var(--primaryFont);
border: 1px solid var(--zb-primary-color-400) !important;
}
.zb-primary-button:hover{
opacity: 0.9;
}
.btn-wrapper{
display: flex;
flex-direction: column;
justify-content: center;
gap: 16px;
}
.fade-slide {
opacity: 0;
transform: translateY(50px); transition: opacity 1s ease-out, transform 1s ease-out;
will-change: opacity, transform;
}
.fade-slide.visible {
opacity: 1;
transform: translateY(0);
}
.followUs{
display: flex;
align-items: center;
justify-content: center;
list-style: none;
gap: 20px;
margin-top: 20px;
}
.m-0{
margin: 0;
}
#mlemb_frm .ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input.custom-control-input[type="checkbox"]{
box-sizing: border-box;
padding: 0;
position: absolute;
z-index: -1;
opacity: 0;
margin-top: 5px;
margin-left: -1.5rem;
overflow: visible;
}
#mlemb_frm .ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .custom-control-label::before {
position: absolute;
top: 2px;
left: 0;
display: block;
width: 16px;
height: 16px;
pointer-events: none;
content: "";
background-color: #ffffff;
border: #adb5bd solid 1px;
border-radius: 4px!important;
}
#mlemb_frm .ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-control{
position: relative;
display: block;
min-height: 1.5rem;
padding-left: 1.5rem;
display: flex;
align-items: flex-start;
}
#mlemb_frm .ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .custom-control-label::after {
position: absolute;
top: 0px !important;
left: 0;
display: block;
width: 1rem;
height: 1rem;
content: "";
}
#mlemb_frm .ml-form-embedContainer .ml-form-embedWrapper .cio-form-block .ml-field-group {
text-align: left !important;
}
#mlemb_frm .ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow input[type=checkbox]:checked~.label-description::after, #mlemb_frm .ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedPermissions .ml-form-embedPermissionsOptionsCheckbox input[type=checkbox]:checked~.label-description::after, #mlemb_frm .ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-checkbox .custom-control-input:checked~.custom-control-label::after, #mlemb_frm .ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow .custom-checkbox .custom-control-input:checked~.custom-control-label::after, #mlemb_frm .ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-interestGroupsRow .ml-form-interestGroupsRowCheckbox input[type=checkbox]:checked~.label-description::after {
background-image: url(https://blogs.zeebusiness.com/wp-content/uploads/2025/06/white-tick.svg);
background-position: 55% 70%;
background-repeat: no-repeat;
}
#mlemb_frm .ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-radio .custom-control-input:checked~.custom-control-label::after, #mlemb_frm .ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-radio .custom-control-input:checked~.custom-control-label::after{
background-image: url(https://blogs.zeebusiness.com/wp-content/uploads/2025/06/white-tick.svg);
background-position: 55% 70%;
background-repeat: no-repeat;
}
#mlemb_frm .ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-control-label{
font-size: 14px !important;
color: var(--zb-neutral-color-25);
font-weight: 400;
font-family: var(--secondaryFont);
cursor: pointer;
line-height: 20px;
}
#mlemb_frm .ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-control-label a{
color: #34D7A6 !important;
font-weight: 500;
}
#mlemb_frm .ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .ml-error input{
border-color: #F24040 !important;
background: rgb(240 68 56 / 5%) !important;
}
#mlemb_frm .ml-error .custom-checkbox-radio-list {
border: unset !important;
border-radius: 0;
padding: 0 !important;
}
#mlemb_frm .ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-checkbox .custom-control-label::before{
border: 0.96px solid #FFFFFF99 !important;
background: #FFFFFF38 !important;
backdrop-filter: blur(31.799999237060547px) !important;
}
#mlemb_frm .ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .ml-error .custom-checkbox .custom-control-label::before{
border-color: #F24040 !important;
background: #FFFFFF38;
backdrop-filter: blur(31.799999237060547px);
}
#mlemb_frm .ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .custom-checkbox .custom-control-input:checked~.custom-control-label::before{
border: 0.96px solid #FFFFFF99 !important;
background: var(--zb-primary-color-500) !important;
}
#mlemb_frm .ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input.custom-control-input[type="checkbox"]{
height: 16px !important;
width: 16px !important;
}
#mlemb_frm .ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-formContent{
margin: 0 0 12px 0 !important;
}
#mlemb_frm .ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow .ml-field-email{
margin-bottom: 14px !important;
}
#mlemb_frm .ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow:nth-child(3){
margin-bottom: 4px !important;
}
.single-post #mlemb_frm{
padding: 30px 20px 31px;
border-radius: 20px;
box-shadow: 0px 4px 156px 0px #0000000A;
background: url(https://blogs.zeebusiness.com/wp-content/uploads/2025/06/joinus-banner.jpg);
background-position: 80%;
}
.single-post .ml-form-successBody.row-success{
margin-top: 0;
text-align: center;
}
.single-post #mlemb_frm .ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent p{
font-size: 16px;
}
.mobile-video{
display: none;
}
@media (max-width: 1599px) {
.page-template-page-coming-soon .post-header-wrapper{
padding-top: 20px;
}
.page-template-page-coming-soon .post-header-wrapper .logo img{
max-width: 340px;
}
.header-details {
margin-right: 10px;
margin-left: 10px;
}
.post-container {
max-width: 100%;
padding: 0px;
}
.feature-box {
padding: 0;
margin: 0;
height: 520px;
}
.post-container .post-inner-container {
padding: 0 80px;
}
.feature-box .page-image {
border-radius: 0;
}
}
@media(max-width: 1440px){
.cs-container.banner-grid{
max-width: 1080px;
gap: 40px;
}
}
@media (max-width: 1240px) {
.vide-action-btn-wrapper{
right: 40px;
bottom: unset;
top: 100px
}
.cs-container.banner-grid {
grid-template-columns: auto 320px;
}
.cs-container.banner-grid {
gap: 40px;
}
.csb-left h1 {
font-size: 30px;
line-height: 46px;
}
.banner-grid p {
font-size: 14px;
line-height: 26px;
}
.csb-left p {
padding-right: 0;
}
.blog-section h2 {
font-size: 30px;
line-height: 46px;
}
.cs-container {
padding: 0 30px;
}
.header-details {
margin-right: 0;
margin-left: 0;
}
.grid-wrapper {
grid-template-columns: auto 320px;
gap: 20px;
}
.post-container .post-inner-container {
padding: 0 40px;
}
.zb-banner-video, .banner-fallback-img{
height: 84vw;
}
.policy_list{
gap: 20px;
}
}
@media (max-width: 991px){
.zb-banner-video, .banner-fallback-img{
height: 95vw;
}
}
@media (max-width: 767px) {
body{
font-size: 14px;
line-height: 28px;
}
.page-template-page-coming-soon .post-header-wrapper .logo img {
max-width: 260px;
}
.zb-primary-button{
font-size: 16px;
}
.modal-content{
padding: 15px;
}
.grid-right {
text-align: center;
}
.subs-popup-grid{
display: block;
}
.zb-banner-video, .banner-fallback-img{
height: calc(100vh - 110px);
border-radius: 0 0 32px 32px;
}
.banner-grid .csb-right{
width: 100%;
}
.blog-section .marquee__inner{
gap: 20px;
}
.blog-section .marquee__item{
width: 340px;
}
.ft-grid-wrapper{
display: block;
margin-bottom: 20px;
}
.ft_menu{
display: flex;
flex-direction: column;
align-items: start;
margin-top: 30px;
}
.ft_menu li{
margin: 2px 0;
}
.ft_menu li a{
font-size: 14px;
}
.cs-container {
padding: 0 15px;
}
.policy_list{
flex-direction: column;
align-items: center;
gap: 12px;
}
section.subscription-wrapper{
border-radius: 0 0 32px 32px;
padding: 100px 0;
}
.form-wrapper{
padding-top: 0px;
}
.zb-theme-footer{
padding: 100px 0 40px;
}
.csb-left h1,
.blog-section h2 {
font-size: 26px;
line-height: 36px;
}
.cs-container.banner-grid {
display: flex;
flex-direction: column;
gap: 0px;
padding-bottom: 0px;
bottom: 30px;
}
.vide-action-btn-wrapper {
top: unset;
right: 20px;
bottom: 40px;
z-index: 99;
gap: 12px;
}
.banner-wrapper {
height: auto;
}
#comingsoonslider .elementor-swiper-button {
width: 32px;
height: 32px;
top: unset;
bottom: -70px;
}
#comingsoonslider .elementor-swiper-button svg {
fill: var(--zb-neutral-color-50);
width: 14px !important;
height: 14px !important;
}
.header-sub-detil {
display: flex;
flex-direction: column;
align-items: baseline;
}
.grid-wrapper {
display: flex;
flex-direction: column;
margin-top: 30px;
}
.post-container .post-inner-container {
padding: 0 15px;
}
.feature-box {
margin-top: 0px;
}
.feature-box {
height: 300px;
}
.header-details {
padding: 8px 20px 15px;
background-color: rgb(255 255 255 / 75%);
backdrop-filter: blur(10px);
margin: -75px -6px 0;
}
.header-details h1 {
font: 500 24px / 1.2 var(--primaryFont);
margin-bottom: 0;
}
.heateor_sss_sharing_ul {
gap: 4px;
}
.readtime,
.recent-post-date {
font-size: 12px
}
.post-author h3 {
margin-bottom: 10px;
}
.header-sub-detil .heateor_sss_sharing_container {
justify-content: flex-start;
padding-left: 60px;
}
.auther-footer {
grid-template-columns: 50px auto;
gap: 10px;
padding: 10px;
}
.auther-footer img {
height: 50px;
}
.auther-footer .post-author span{
font-size: 12px;
line-height: 22px;
}
.auther-footer .post-author h3 span{
padding-bottom: 0;
}
.comments-section #comments {
padding: 30px 15px;
}
#comments p {
font-size: 12px;
line-height: 20px;
}
.go-back {
left: 0;
font-size: 14px;
display: none;
}
.go-back svg {
width: 16px;
}
.post-header__author-list {
grid-template-columns: 50px auto;
}
.post-header__author-list .avatar {
width: 50px;
height: 50px;
}
div#postsidebar {
margin-top: 30px;
}
.ppc-and-tc{
margin-top: 30px;
padding: 0 15px;
}
.post-header-wrapper{
padding: 14px 50px 10px;
}
.logo img{
max-width: 240px;
}
.taglist .tag-links{
border-radius: 8px;
padding: 2px 12px;
}
.taglist{
margin-top: 12px;
}
.policy_list span{
text-align: center;
line-height: 24px;
}
.banner-grid .csb-right .btn-style-one{
width: 203px;
font-size: 16px;
}
.banner-video{
top: -40px;
}
.desktop-video{
display: none;
}
.mobile-video{
display: block;
}
}
body.custom-navbar-hide header,
body.custom-navbar-hide .site-header,
body.custom-navbar-hide footer,
body.custom-navbar-hide .site-footer {
display: none !important;
}
.custom-navbar-hide .termly-styles-termly-banner-e1ed59{
display: none !important;
}
.page-id-579 .go-back{
display: none;
}