.pagewrapper .content-wrap {
	max-width: 1280px;
	padding: 90px 0
}


h1,
h2,
h3 {
	font-family: var(--zf-primary-bold)
}

.zbs-prd-name {
	display: inline-block
}
.zbs-bld-prt {
	font-family: var(--primaryfont-semibold)
}
.zbs-blk-elmt {
	display: block
}

.zbs-text-center {
	text-align: center
}
.hig-lights{
	color: var(--zbs-dark-violet);
  }
  .grid-elements{
	display: grid;
	grid-template-columns: repeat(2 , 1fr);
	gap: 50px;
  }
/* top-section-banner */

.top-banner-section {
    background: #3332b1 url(/sites/zweb/images/bookings/images/zb-15apps-bg.jpg) no-repeat;
    background-size: cover;
    margin-top: -80px;
    color: #fff;
    background-position: top center;
    padding-top: 130px;
}
.top-banner-section .content-wrap{
	padding-bottom: 0px;
	
}

.banner-heading {
    margin: 0 0 0 auto;
    max-width: 1250px;
    background: #fff;
    padding: 80px 50px;
    border-top-left-radius: 60px;
    border-top-right-radius: 60px;
    color: #000;
    text-align: center;
    position: relative;
}

ul.integration-sec {
    height: 460px;
    position: relative;
    width: 100%;
    margin-top: 50px;
}
ul.integration-sec li {
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    left: 50%;
    transition: all 1s ease-in-out;
}
ul.integration-sec li span{
    width: 80px;
    height: 80px;
    display: inline-block;
    margin: 0 7px;
    border-radius: 100%;
    background: #fff8d9;
}

ul.integration-sec li.zb-gcalendar span {
    background: #ebf5ff;
}
ul.integration-sec li.zb-bookings span{
    background: none;
}

ul.integration-sec li.zb-applecalendar span{
    background: #fff0f1;
}

ul.integration-sec li.zb-butleroy span{
    background: #e1fcff;
}

ul.integration-sec li.zb-fantastical span{
    background: #fef4e0;
}

ul.integration-sec li.zb-digical span{
    background: #edefff;
}

ul.integration-sec li.zb-timetree span{
    background: #f1fadf;
}

ul.integration-sec li.zb-cloudcal span{
    background: #edefff;
}

ul.integration-sec li.zb-vantage span{
    background: #f0eff1;
}
ul.integration-sec li.zb-timepage span{
    background: #fff0ed;
}
ul.integration-sec li.zb-calendar span{
    background: #e8eeff;
}
ul.integration-sec li.zb-zcalendar span{
    background: #ebf0ff;
}
ul.integration-sec li.zb-ocalendar span{
    background: #e2f1f7;
}
ul.integration-sec li.zb-teamup span{
    background: #f1fadf;
}

ul.integration-sec li.zb-bookings span.zbookings:before {
    background: var(--product-icons) no-repeat;
    width: var(--zp-i-w);
    height: var(--zp-i-h);
    background-size: var(--zp-i-bs);
    background-position: var(--zp-bookings-bp);
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) scale(4);
}

ul.integration-sec li.zb-bookings span svg {
    width: 150px;
}

li.zb-24me {
    margin: -150px -400px;
}

li.zb-vantage {
    margin: 40px -350px;
}

li.zb-cloudcal {
    margin: 199px 0;
}

li.zb-timetree {
    margin: 160px 300px;
}

li.zb-digical {
    margin: 10px 200px;
}

li.zb-business {
    margin: -80px -200px;
}

li.zb-applecalendar {
    margin: -170px 10px;
}

li.zb-timepage {
    margin: 100px 480px;
}

li.zb-calendar {
    margin: -40px 360px;
}

li.zb-gcalendar {
    margin: -40px -540px;
}

li.zb-ocalendar {
    margin: -160px 260px;
}

li.zb-teamup {
    margin: 150px -210px;
}
li.zb-zcalendar {
    margin: 140px -500px;
}

li.zb-fantastical {
    margin: -150px 500px;
}
ul.integration-sec li.zb-bookings {
    z-index: 1;
    background: #fff;
    opacity: 1;
    transition: none;
}

li.zb-gcalendar::after, li.zb-zcalendar::after, li.zb-butleroy::after, li.zb-applecalendar::after, li.zb-cloudcal::after, li.zb-digical::after,li.zb-timepage::after {
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    background: #8f54ff;
    right: -90px;
    bottom: 30px;
    animation: 5s rotate linear infinite;
}
@keyframes rotate{
    0%{
        transform: rotate(0);
    }
    100%{
        transform: rotate(360deg);
    }
}
@-webkit-keyframes rotate{
    0%{
        transform: rotate(0);
    }
    100%{
        transform: rotate(360deg);
    }
}
li.zb-zcalendar::after {
    bottom: -20px;
    transform: skew(10deg, 10deg);
    background: #53caff;
    animation: none;
}

li.zb-butleroy::after {
    bottom: -60px;
    transform: skew(10deg, 10deg);
    background: #e07fe5;
    right: 0;
}

li.zb-applecalendar::after {
    left: -100px;
    top: 40px;
    background: #ff5468;
}

li.zb-cloudcal::after {
    bottom: 70px;
    transform: skew(10deg, 10deg);
    background: #ffaa01;
    right: -130px;
}

li.zb-digical::after {
    right: -30px;
    bottom: auto;
    top: -10px;
}

li.zb-timepage::after {
    bottom: auto;
    transform: skew(10deg, 10deg);
    background: #2ecc87;
    top: -90px;
    right: 0;
    animation: none;
}
span.zb-flower {
    position: absolute;
    bottom: 0;
    background: url(/sites/zweb/images/bookings/images/zb-capps-sprites.png) no-repeat;
    width: 95px;
    height: 158px;
    background-size: 2100px;
    background-position: -2006px 0;
    display: block;
    right: -52px;
}

/* zbs-banner */

  /* tabular column  */

  .tabular-column{
	background: var(--zbs-light-bg-1);
  }
.tabular-column .content-wrap{
	padding: 0px;
}
  .filters-list {
    display: flex;
    justify-content: center;
    padding: 20px 0px;

}

.filter-prt {
    display: inline-block;
  position: relative;
  padding-left: 15px;
    margin: 0 10px;
    border-bottom: 2px solid transparent;
    font-family: var(--primaryfont-semibold);
    cursor: pointer;
    transition: background-color 0.3s;
}
.filter-prt::before{
  content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    left: 0px;
    top: 9px;
    border: 1px solid #000;
    border-radius: 2px ;
    transform: rotate(-45deg);
    z-index: 1;
}

.filter-prt.active, .filter-prt:hover {
   color: var(--zbs-dark-violet) ;
    border-color: var(--zbs-dark-violet);
}
.filter-prt.active::before{
  background:var(--zbs-dark-violet)  ;
  border: 1px solid var(--zbs-dark-violet);
}
.filter-prt:hover::before{
  border: 1px solid var(--zbs-dark-violet);
}

.tbl-responsive {
    width: 100%;
    overflow: auto;
    border-radius: 10px;
    margin: 20px 0 0px;
    background: var(--zbs-dark-blue);
    color: #fff;
    border: 1px solid #4a2c82;
}
.tbl-responsive table {
    width: 100%;
}
.tbl-responsive table td, .tbl-responsive table th {
    padding: 15px 15px;
    border-right: 1px solid #4a2c82;
    border-bottom: 1px solid #4a2c82;
    position: relative;
    vertical-align: middle;
}
.tbl-responsive table td:first-child, .tbl-responsive table th:first-child {
    text-align: left;
    padding: 20px 15px 15px;
}


.tbl-responsive table tr:last-child td{
   border-bottom: none;
}
.tbl-responsive tbody td:nth-child(1) {
    text-align: center;
    font-family: var(--primaryfont-semibold);
  }
  .tbl-responsive thead th{
    font-family: var(--primaryfont-bold);
  }

.zbs-list-tick li, .zbs-list-circle li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 15px;
}
.zbs-list-tick li:before, .zbs-list-circle li::before, .zbs-list-tick li:after {
    position: absolute;
    content: "";
    z-index: 1;
}
.zbs-list-tick li:before {
    width: 8px;
    height: 8px;
    left: 10px;
    top: 9px;
    background:var(--zbs-green) ;
    border-radius: 50px;
    z-index: 1;
} 
          /* tabular column  end */
/* best-calendly */
.caption-list{
	padding: 30px;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #eee;
    margin-bottom: 30px;
}
.caption-list p{
    margin-bottom: 10px;
}
.caption-list p:last-child{
	margin-bottom: 0px;
}
.best-calendly{
	background: var(--zbs-light-bg-1);
	padding-top: 90px;
	position: relative;
	z-index: 1;
}
.best-calendly .content-wrap{
	max-width: 1110px;
	padding-top: 0px;
	margin: 0 auto;
}
.best-calendly.list-prt .best-calendly-content{
	margin-top: 0px;
}
.two-prt-elemt .grid-elements{
	margin-top: 50px;
	grid-template-columns: 1.5fr 1fr;
	align-items:center;
}
.two-prt-elemt .best-calendly-img{
	margin: 20px 0px;
}
.two-prt-elemt .best-calendly-img .first-img{
	max-width: 240px;
    margin: 0 auto;
}
.two-prt-elemt  .best-calendly-img .third-img{
	max-width: 270px;
    margin: 0 auto;
    bottom: 35%;
    left: 0px;

}
.two-prt-elemt .best-calendly-img .third-img img{
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
		border-radius: 10px;
}
.best-calendly .zbs-text-center{
	margin-bottom: 40px;
}
.best-calendly-content#zoho-bookings-review{
	margin-top: 0px;
}
.best-calendly.list-prt .best-calendly-content h2{
	padding-left: 0px;
}
.number-prt{
    position: absolute;
    font-family: var(--primaryfont-semibold);
	top: 0%;
    right: 2%;
	font-size: 70px;
    color: #eaeaea;
    z-index: 1;
}
#zoho-bookings-review .zbs-txt-clr{text-transform: none;    border-bottom: 1px solid;
}

.best-calendly .zbs-text-center h2{
	max-width: 600px;
	margin: 0 auto 0px;
}
.best-calendly h2{
	font-size: 40px;
	
}


.best-calendly-list-one{
	width: 50%;

}
.best-calendly-list-two{
	width: 45%;
	counter-reset: list-counter 8;
}
.best-calendly-list-two li{
	counter-increment: list-counter;
}

.best-calendly-list{
	display: flex;
    flex-wrap: wrap;
	justify-content: space-between;
     gap: 10px 30px;
	list-style-type: none;
}
.best-calendly-list ul li{
	margin: 5px 0px;
    border: 1px solid #e2e2e2;
    padding: 8px 20px 8px 35px;
    border-radius: 5px;
    vertical-align: top;
    transition: all ease .2s;
    position: relative;
}

.best-calendly-list ul li a{
	position: relative;   width: 100%;
    display: inline-block;
    color: #000;
    padding: 12px 0 12px 50px;
    font-family: var(--primaryfont-semibold);
    font-size: 18px;

}

.best-calendly-list ul li:after {
	content: counter(list-item, decimal-leading-zero); 
    position: absolute;
	width: 40px;
	height: 40px;
	left: -20px;
    top: 12px;
	line-height: 30px;
    background: #fff;
    text-align: center;
    border: 1px solid #e2e2e2;
    border-radius: 100%;
    font-family: var(--primaryfont-semibold);
    padding: 5px;

}
.best-calendly-list .best-calendly-list-two li:after{
	content: counter(list-counter, decimal-leading-zero);
}
.best-calendly-list ul li:hover{
	color: #7453e8;
	border: 1px solid #7453e8; 
 	transform: scale(1.01); 
   box-shadow: 5px 5px 10px #eae7f6;
}
.z-apps:before, .integration-sec li span::before {
	content: "";
	position: absolute;
	background: var(--product-icons) no-repeat;
	background-size: var(--zp-i-bs);
	width: var(--zp-i-w);
	height: var(--zp-i-h);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
    top: 5%;
	left: 0px;
}

.integration-sec li span::before {
    content: "";
    position: absolute;
    width: 48px;
    height: 48px;
    left: 50%;
    top: 52%;
    transform: translate(-50%,-50%) scale(0.9);
} 
.z-apps.bookings-logo::before{
    background-position: var(--zp-bookings-bp);
}
.z-apps.calendar-logo::before{
	background-position: var(--zp-calendar-bp);

}
.integration-sec li .z-apps.calendar-logo::before{
width: 40px;
    height: 40px;
    transform: translate(-50%, -50%) scale(1);}

.z-apps.digical-logo::before, .integration-sec li.zb-digical span::before{
	background: url(/sites/zweb/images/otherbrandlogos/digical-icon.png) no-repeat center/contain;
}
.z-apps.timepage-logo::before, .integration-sec li.zb-timepage span::before{
	background: url(/sites/zweb/images/otherbrandlogos/timepage.png) no-repeat center/contain;
}
.z-apps.google-calendar-logo::before, .integration-sec li.zb-gcalendar span::before{
	background: url(/sites/zweb/images/otherbrandlogos/google-calendar.svg) no-repeat center/contain;
}
.z-apps.vantage-logo::before, .integration-sec li.zb-vantage span::before{
	background: url(/sites/zweb/images/otherbrandlogos/vantage.png) no-repeat center/contain;
}

.z-apps.outlook-calendar-logo::before, .integration-sec li.zb-ocalendar span::before{
	background: url(/sites/zweb/images/otherbrandlogos/microsoft-outlook-icon.svg) no-repeat center/contain;
}
.z-apps.business-calendar-2-logo::before, .integration-sec li.zb-business span::before{
	background: url(/sites/zweb/images/otherbrandlogos/business-calendar.png) no-repeat center/contain;
}
.z-apps.apple-calendar-logo::before, .integration-sec li.zb-applecalendar span::before{
	background: url(/sites/zweb/images/otherbrandlogos/apple-calendar.png) no-repeat center/contain;
}
.z-apps.any-do-logo::before,.integration-sec li.zb-cloudcal span::before{
	background: url(/sites/zweb/images/otherbrandlogos/anydo.png) no-repeat center/contain;
}
.z-apps.calendar-c-logo::before,.integration-sec li.zb-calendar span::before{
	background: url(/sites/zweb/images/otherbrandlogos/calendar-icon.svg) no-repeat center/contain;
}
.z-apps.timetree-logo::before, .integration-sec li.zb-timetree span::before{
	background: url(/sites/zweb/images/otherbrandlogos/time-tree-icon.svg) no-repeat center/contain;
}
.z-apps.fantastical-logo::before, .integration-sec li.zb-fantastical span::before{
	background: url(/sites/zweb/images/otherbrandlogos/fantastical.png) no-repeat center/contain;
}
.z-apps.two-4me-logo::before, ul.integration-sec li.zb-24me span::before{
	background: url(/sites/zweb/images/otherbrandlogos/24me.png) no-repeat center/contain;
}
.z-apps.teamup-calendar-logo::before, ul.integration-sec li.zb-teamup span::before{
    background: url(/sites/zweb/images/otherbrandlogos/teamup-icon.png) no-repeat center/contain;
}

.outreach-hdr {
	padding-left: 60px;
	position: relative;

}


.best-calendly-content{
	position: relative;
	padding: 100px 120px;
	margin: 80px 0px ;
	background: #fff;
}
.best-calendly .content-wrap>div:last-child{
	margin-bottom: 0px;
}


.best-calendly-content::before, .best-calendly-content::after{
	content: "";
	position: absolute;
    background: url(/sites/zweb/images/bookings/images/zb-meeting-sprites.png) no-repeat;
    background-size: 200px;
    width: 100px;
    height: 100px;
	left: 0;
	top: 0;
   

}
.best-calendly-content::before{
	left: unset;
	top:unset;
	right: 0;
    bottom: 0;
	transform: rotate(180deg);
}
.best-calendly-content h2{
	position: relative;
	padding-left: 60px;
}
.best-calendly-content h2 a{
	color: #000;
    border-bottom: 1px solid;
    cursor: pointer;
}
.best-calendly-content.zbs-text-center{
	background: var(--zbs-dark-blue);
    color: #ffff;
    padding: 40px 20px;
    border-radius: 10px;
}
.best-calendly-content.zbs-text-center::before,.best-calendly-content.zbs-text-center::after{
	display: none;
}
.best-calendly-content h2 .z-apps:before{
	transform: scale(1.2);
}
#zoho-bookings-review .best-calendly-img img{
    border: 2px solid #c9c9c9ee;
    border-radius: 10px;
}
#zoho-bookings-review .best-calendly-img .second-img{
    left: unset;
    right: -20px;
}
#zoho-bookings-review .best-calendly-img .second-img img{
    border-radius: 20px;
    border: 3px solid #3e3e3e;
    box-shadow: rgba(99, 99, 99, 0.2) 0 2px 8px 0;
}

.best-calendly-img{
	position: relative;
	margin: 40px 0px;
}

.best-calendly-img .second-img{
	position: absolute;
    bottom: 0;
    left: -40px;
    max-width: 160px;

}
.best-calendly-img .third-img{
	position: absolute;
    bottom: 20px;
    right: 0;
    max-width: 300px;
}
.list li {
    padding: 0px 0 15px 25px;
    position: relative;
}
.list li:before, .list li:after {
    position: absolute;
    content: "";
    z-index: 1;
}
.list li:before {
    width: 16px;
    height: 16px;
    left: 0;
    top: 6px;
    border-radius: 50%;
    border: 2px solid var(--zbs-green);
}
.list li:after {
    top: 11px;
    left: 5px;
    width: 7px;
    border-left: 2px solid var(--zbs-green);
    height: 4px;
    border-bottom: 2px solid var(--zbs-green);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.final-content{
    background: var(--zbs-dark-blue);
    padding: 110px 100px;
    margin-top: 50px;
    position: relative;
    color: #fff;

}
.blog-conclusion {
    background: var(--zbs-dark-blue);
    padding: 60px 70px;
    border: 1px solid #9f9220;
    border-radius: 30px;
    color: #fff;
    position: relative;
}
.blog-conclusion::before {
    content: "";
    position: absolute;
    top: -16px;
    left: 0;
    background: url(//www.zohowebstatic.com/sites/zweb/images/bookings/images/zb-cal-icon-2.png);
    background-size: 112px;
    width: 100%;
    background-repeat: repeat no-repeat;
    height: 69px;
    z-index: 1;
}
.final-content .title {
    text-align: center;
}
.final-content .content-wrap{
    padding: 0px;
    width: 100%;
}
.final-content h2 {
    font-size: 80px;
    color: var(--zbs-yellow);
    margin: 50px 0 30px;
}

.blog-conclusion ul li {
    position: relative;
    padding-left: 25px;
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 2;
}
.final-content ul.points li::before {
    content: "";
    position: absolute;
    border-radius: 100%;
    background: var(--zbs-yellow);
    width: 10px;
    height: 10px;
    left: 0;
    top: 12px;
 

}

/* best-calendly */

/* zbs-btm-cta */
.zbs-btm-cta {
	position: relative;
	background: var(--zbs-light-bg-1);
}
.zbs-btm-cta h2{
	font-size: 40px;
	max-width: 1000px;
	margin: 0px auto 20px;

}
.zbs-btm-cta p{
	max-width: 700px;
	margin: 0px auto 20px;

}

.zbs-btm-cta .content-wrap {
	position: relative;
}
.zbs-btm-cta::before {
    content: "";
	position: absolute;
	background: url(/sites/zweb/images/bookings/home/zbs-bottom-cta-img.svg) center/cover;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	opacity: 0.6;
}

.zbs-btm-cta p span{
	display: block;
}
.faq{margin-top: 0px;
}
/* zbs-btm-cta */

.zp-disclaimer-section .content-wrap{
    padding: 0px;

}
.scroll-top {
    width: 50px;
    height: 50px;
    background: #1c1b33;
    border-radius: 100%;
    line-height: 50px;
    position: fixed;
    right: 25px;
    bottom: 90px;
    z-index: 2;
    text-align: center;
    cursor: pointer;
    display: none;
    font-size: 14px;
}
.scroll-top span:before , .scroll-top span::after{
    content: '';
    position: absolute;
}
.scroll-top span {
    width: 40px;
    height: 14px;
    display: block;
    position: relative;
    left: 2px;
    top: 20px;
}
.scroll-top span:before {

    width: 10px;
    height: 10px;
    border-left: 2px solid #fff;
    border-top: 2px solid #fff;
    top: 4px;
    left: 45%;
    transform: rotate(45deg) translateX(-50%);
    transform-origin: bottom;
}
.scroll-top span:after {
    width: 2px;
    height: 26px;
    background: #000;
    top: 0;
    left: 54%;
    transform: translateX(-50%);
    opacity: 0;
}



/* ai-summarize-tool */

.ai-summarize-tool .summarize-btn-wrap p {
	margin-top: 40px;
	margin-bottom: 10px;
	font-family: var(--zf-primary-semibold)
 }
 .ai-summarize-tool .summarize-btn-wrap h3{
	font-size: 16px;
 }
 .ai-summarize .content-wrap{
	padding: 60px 0px 0;
 }
 .ai-summarize{
	background: var(--zbs-light-bg-1);
 }
 .ai-summarize-tool .ai-tool-links-wrap ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    text-align: center;
    border: unset;
    padding: unset;
    justify-content: center;
    margin-top: 15px;
    gap: 10px;
 }
 .ai-summarize-tool{
    max-width: 470px;
    margin: 0 auto 30px;
    border-radius: 10px;
    background: var(--zbs-light-bg-1);
    text-align: center;

 
 }
 
 .ai-summarize-tool .ai-tool-links-wrap ul li {
	margin-bottom: 15px;
	padding: 0 7px;
	margin: unset;    transform: scale(.8);
 }
 .ai-summarize-tool .ai-tool-links-wrap ul li:first-child {
    padding-left: 0px;
}
 
 .ai-summarize-tool .ai-tool-links-wrap ul li a {
	font-family: var(--zf-primary-semibold);
	font-size: 10px;
	color: #000;
	display: block;
	transition: transform .3s ease
 }
 
 .ai-summarize-tool .ai-tool-links-wrap ul li a:hover {
	transform: scale(1.1)
 }
 
 .ai-summarize-tool .ai-tool-links-wrap ul li span {
	display: block
 }
 
 .ai-summarize-tool .ai-tool-links-wrap ul li span::before {
	content: '';
	background: url(/sites/zweb/images/bookings/ai-tool-sprite.svg) 0 0 / cover no-repeat;
	display: inline-block;
    width: 45px;
    height: 40px;
 }
 
 .ai-summarize-tool .ai-tool-links-wrap ul li.chat-gpt span::before {
	background-position: 2px 0;
 }
 
 .ai-summarize-tool .ai-tool-links-wrap ul li.perplexity span::before {
	background-position: -49px 0;
 }
 
 .ai-summarize-tool .ai-tool-links-wrap ul li.claude span::before {
    background-position: -101px 0;
 }
 
 .ai-summarize-tool .ai-tool-links-wrap ul li.google-ai span::before {
    background-position: -148px 0;
 }
 
 .ai-summarize-tool .ai-tool-links-wrap ul li.grok span::before {
    background-position: -192px 0;
 }
 
 
/* ai-summarize-tool */


/* zwc-author-bio  */
.zwc-author-bio {
    max-width: 800px;
    padding: 30px;
    border: 1px solid var(--zbs-dark-violet-2);
    border-radius: 10px;
    background: #eee;
    margin: 50px auto 0px;
    width: 90%;
}
.author-details {
    margin: 20px 0;
    display: flex;
    align-items: center;
    gap: 20px;
}
.author-details img {
    max-width: 70px;
    border-radius: 100px;
    display: block;
}
.zwc-author-bio p {
    font-size: 15px;
    margin-bottom: 0;

}
.zwc-author-bio span {
    display: block;
    font-size: 14px;
}
.author-details p {
    font-family: var(--primaryfont-semibold);
}
/* zwc-author-bio  end */


.date-of-live {
    text-align: right;
    margin-bottom: 30px;
}
.date-of-live p {
    font-family: var(--primaryfont-semibold);
    font-size: 15px;
}
.date-of-live p span {
    color: var(--zbs-dark-violet-2);
}


/* zwc-author-bio  */
.key-takeaways {
    padding: 30px;
    border: 1px solid #dcdcdc;
    border-radius: 15px;
    margin-bottom: 30px;
    background: #ededed6e;
}
.list.key-takeaways ul li:last-child {
    padding-bottom: 0px;
}

@media (max-width: 1280px) { 
    span.zb-flower{
        right: 0px;
    }
    li.zb-gcalendar{
        margin: -40px -440px;
    }
 

}

@media (max-width: 1199px) { 
    li.zb-zcalendar {
        margin: 200px -400px;
    }
    li.zb-fantastical {
        margin: -150px 470px;
    }
    li.zb-gcalendar{
        margin: -150px -440px;
    }

}


@media (max-width: 1024px) { 
	.best-calendly-list ul li a {
		font-size: 17px;
	}
    .banner-heading {
        padding: 0 0 80px;
        margin: 0 auto;
        max-width: 839px;
        background: no-repeat;
        color: #fff;
    }
    .top-banner-section .content-wrap {
        max-width: 550px;
        margin: 0 auto;
        padding: 0px;
    }
    .integration-sec, .banner-heading::before, span.zb-flower {
        display: none;
    }
    .top-banner-section h1 {
        text-align: center;
        margin: 0 auto;
        max-width: 100%;
        line-height: 1.2;
        font-size: 50px;
        color: #fff;
    }



	
}

@media all and (max-width:991px) {
	.zbs-banner h1 {
		font-size: 40px;
	}
    .final-content h2{
        font-size: 40px;
    }
	.best-calendly-content{
		padding: 90px 70px;
	}
	.best-calendly h2, .zbs-btm-cta h2 {
		font-size: 34px;
	}
	.best-calendly-list ul li a {
		font-size: 16px;
	}

	.best-calendly-list ul li:after{
		width: 30px;
    height: 30px;
	left: -15px;
    top: 30%;    
	font-size: 14px;   
	 line-height: 20px;   
	  padding: 4px;
	}
	.best-calendly-list ul li{
		padding: 8px 10px 8px 25px;
	}
	.best-calendly-list-one {
		width: 52%;
	}
	.best-calendly-list-two{
		width: 42%;
	}
	.best-calendly .z-apps:before{
		top: 0px;
	}
	.number-prt{
		font-size: 50px;
	}

    
	  /* ****************************** */
	 
	  .tbl-responsive {
		overflow-x: scroll;
	  }
	
	  .tbl-responsive table {
		width: 100%;
	  }
      
	  .tbl-responsive table th,
	  .tbl-responsive table td {
		min-width: 200px;
		text-align: left;
        vertical-align: baseline;
	  }
      .tbl-responsive table th:first-child, .tbl-responsive table td:first-child{
        min-width: 150px;
      }
	
	  .tbl-responsive table th:first-child,
	  .tbl-responsive table td:first-child {
        vertical-align: baseline;
		position: sticky;
		left: 0;
		background-color: var(--zbs-dark-violet); 
		z-index: 2;
	  }
	
	  .tbl-responsive table th:first-child {
		z-index: 1;
	  }
      .tbl-responsive table td:last-child{
        width: 400px;
        display: block;
        text-align: left;
      }
	
	  /* ****************************** */
      .best-calendly-img .second-img{
        left: 0px;
    max-width: 130px;
      }
      .best-calendly-img .third-img{
        max-width: 220px;
      }
      .blog-conclusion{
        padding: 50px 40px;
      }
      .final-content{
        padding: 90px 60px;
      }

}

@media all and (max-width:767px) {
	.zbs-banner h1{
		font-size: 34px;
	}
	.zbs-banner{
		text-align: left;
	}
	.best-calendly-content {
        padding: 60px 40px;
    }
    .best-calendly{
        padding-top: 60px;
    }
	.best-calendly h2, .zbs-btm-cta h2 {
		font-size: 28px;
	}
	.best-calendly-content::before, .best-calendly-content::after{
		background-size: 140px;
    width: 70px;
    height: 70px;
	}
	.best-calendly-content h2 .z-apps:before{
		transform: scale(1);
	}

	.best-calendly-list ul li:after{
		top: 20%;
	}
	.best-calendly-list .z-apps:before{
		transform: scale(.8);
        top: 3px;
	}
	.best-calendly .zbs-text-center h2, .best-calendly .zbs-text-center{
		text-align: left;
		margin:  0px
	}
	.best-calendly .zbs-text-center{
		margin:  0px 0px 30px;
	}
	.zbs-text-center{
		text-align: left;
	}
	.best-calendly-content{
		margin: 60px 0px;
	}

	.best-calendly-list ul li a{
		padding: 12px 0 12px 45px;
	}
	.best-calendly-list-one,.best-calendly-list-two{
		width: 100%;
		max-width: 350px;
	}
	.best-calendly-list ul li{
		padding: 4px 10px 4px 25px;
	}
    .best-calendly-list{
        gap: 0px;
    }
	.outreach-hdr{
		padding-left: 0px;
	}
	.outreach-hdr span.z-apps.outreach-logo::before{
		display: none;
	}
	.number-prt{
		font-size: 40px;
	}
	.zbs-txt-clr, .zbs-txt-clr-sml{
		display: inline;
	}
    /* tbl-responsive */
     .tbl-responsive table th:first-child{
        font-size: 17px;
    }
    .tbl-responsive table td:first-child{
		font-size: 14px;
	}
    /* tbl-responsive */
    .filters-list{
        display: inline-block;
        padding-bottom: 0px;
    }
    .filter-prt{
        
        margin: 0 10px 10px 0px;
    }
    .zbs-list-tick li, .zbs-list-circle li{
        margin-bottom: 10px;
    }
    .tbl-responsive table p,     .zbs-list-tick li, .zbs-list-circle li{
        font-size: 16px;
    }

    .best-calendly-img .second-img{
    max-width: 90px;
      }
      .best-calendly-img .third-img{
        max-width: 160px;
      }
      .two-prt-elemt .grid-elements{
        margin-top: 30px;
        grid-template-columns: 1fr;
      }
      .two-prt-elemt .grid-elements>div:first-child{
        order: 2;
      }
      .two-prt-elemt .best-calendly-img{
        gap: 30px;

        margin: 0px;
      }
      .two-prt-elemt .best-calendly-img .first-img, .two-prt-elemt .best-calendly-img .third-img{
        max-width: 180px;
        margin: 0 0px;
      }
      .final-content h2{        font-size: 36px;}

      .final-content .title{
        text-align: left;
      }
      .final-content{
        padding: 70px 30px;
      }
      .blog-conclusion{
        padding: 50px 30px;
      }
      .best-calendly-content h2{
        padding: 50px 0px 0px;
      }

      .list li{
        font-size: 15px;
    }
    .key-takeaways{
        padding: 30px 20px;
    }
	
}

@media all and (max-width:480px) {
	.pagewrapper .content-wrap{
		padding: 40px 0;
		width: 90%;
	}
	.best-calendly-content {
        padding: 70px 20px;
    }
    .caption-list{
        padding: 30px 20px;
    }
	.best-calendly-img{
		margin-top: 20px;
	}

	.best-calendly-list ul li a {
        padding: 12px 0 12px 65px;
    }
	.best-calendly-list ul li:after{
		left: 10px;
		
	}
	.best-calendly-list .z-apps:before{
		left: 20px;
	}
	.best-calendly-list ul li a{
		font-size: 15px;
	}
	.number-prt{
		font-size: 30px;
	}

    .tbl-responsive table th:first-child, .tbl-responsive table td:first-child{
        min-width: 100px;
      }

      .best-calendly-img .second-img{
        max-width: 60px;
          }
          .best-calendly-img .third-img{
            max-width: 100px;
          }
          .best-calendly{
            padding-top: 40px;
        }
      
        .final-content{
            padding: 60px 10px;
        }
        .final-content h2{
            margin: 30px 0 30px;
        }
        .blog-conclusion{
            padding: 50px 20px;
        }
        .date-of-live p{
            font-size: 13px;
        }

	
}