/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

html{
  scroll-behavior: smooth;
}
.body-container-wrapper {
    overflow-x: hidden;
}
.zonka_template{
  top: 0;
  margin-bottom: 90px;
  position: relative;
}
.zonka_container {
    max-width: 1190px;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
    padding: 0 15px;
}
.mb_30{
  margin-bottom: 30px !important;
}
.mt_50{
  margin-top: 50px;
}
.mt_60{
  margin-top: 60px;
}
.mt_100{
  margin-top: 90px;
}
.mt_110{
  margin-top: 85px;
}
.mb_90{
  margin-bottom: 90px;
}

.mb_120{
  margin-bottom: 120px;
}
.pt_100{
  padding-top: 90px !important;
}
.pt_110{
  padding-top: 110px !important;
}
.pb_50{
  padding-bottom: 50px;
}
.pb_30{
  padding-bottom: 30px;
}
.pb_70{
  padding-bottom: 70px;
}
.ptb_60{
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}
.ptb_90{
  padding-top: 90px !important;
  padding-bottom: 90px !important;
}
.zonka_template h1{
  font-size: 44px !important;
  color: #111;
}
.zonka_template h2{
  font-size: 40px !important;
  color: #111;
}
.zonka_template h3{
  font-size: 30px !important;
  line-height: 30px;
  color: #111;
}
.zonka_template h4{
  font-size: 24px !important;
  color: #111;
}
.zonka_template h6{
  font-size: 20px !important;
}
.zonka_template p{
  font-size: 16px !important;
  margin: 0;
  color: #111 !important;
}
.zonka_template ul{
  padding-left: 0;
  list-style: none;
  color: #111 !important;
}
.zonka_hero_sec{
  position: relative;
}
.zonka_hero_sec .zonka_container .row-fluid{
  display: flex;
}
.zonka_hero_sec p.pre_head{
  margin-bottom: 10px;
}
.zonka_hero_sec h1{
  line-height: 48px;
  padding-bottom: 30px;
  -moz-osx-font-smoothing: grayscale; 
}
.zonka_hero_sec h1 span {
  color: #2cc4f2;
  font-family: apercu_probold!important;
  font-weight: normal!important;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: grayscale;
}
.home_banner h1{
  padding-bottom: 30px;
  margin: auto;
  max-width: 800px;
}
.home_banner .zf-cta-btn{
  margin: 50px 0 10px;
  padding: 10px 15px;
  line-height: 18px;
  font-size: 15px;
}
.home_banner .zonka_form ul{
  justify-content: center;
  padding-bottom: 35px;
}
.home_banner .banner_cta_btn ul li a{
  background: rgba(44, 196, 242, 1);
    border: 1px solid rgba(44, 196, 242, 1);
    color: #fff;
  border-radius: 30px;
}
.home_banner .banner_cta_btn ul li:last-child a {
    background: transparent;
    border: 1px solid #fff;
}
.home_banner2 .banner_cta_btn ul li a{
  background: #011744;
    border: 1px solid #011744;
}
.home_banner2 .banner_cta_btn ul li:last-child a {
    background: #fff;
    border: 1px solid #011744;
    color: #011744;
}
.home_banner .banner_cta_btn ul li a:hover:after {
    background: url(https://4159648.fs1.hubspotusercontent-na1.net/hubfs/4159648/Integrations/Arrow-icon-white.svg) no-repeat 78%;
    width: 25px;
}
.home_banner2 .banner_cta_btn ul li:last-child a:hover:after {
    background: url(https://4159648.fs1.hubspotusercontent-na1.net/hubfs/4159648/Integrations/Arrow-icon.svg) no-repeat 78%;
}
.zf-new .home_banner img{
  display: flex;
  margin: auto;
}
body.zf-new .zonka_template p.pre_head {
    font-size: 16px !important;
}



/******Zonka Hero Section Form******/

.zonka_form .text-free{
  display: none;
}
.zonka_form form{
  background: #fff;
  border-radius: 4px;
  align-items: center !important;
  width: 90%;
  position: relative;
  border: 1px solid #1A1A1A;
  margin: 35px 0 12px;
}
.zonka_form form input {
  padding: 14px 16px !important;
  border: 0 !important;
  background: #fff;
  margin-bottom: 0;
  box-shadow: none !important;
  height: auto !important;
  font-size: 14px !important;
}
.zonka_form form input#email{
  border-right: 1px solid #1A1A1A !important;
  border-radius: 4px 0 0 4px !important;
}
.zonka_form button#signupform-submitbutton {
  padding: 8px 12px !important;
  background: linear-gradient(272.02deg, #50B5FF -12.69%, #2BC4F2 100%) !important;
  border-radius: 4px !important;
  letter-spacing: 0.03em;
  box-shadow: none !important;
  border: 0 !important;
  width: auto !important;
  margin: 0 1.8px 0 0 !important;
  font-size: 14px !important;
  color: #fff;
  position: absolute;
  right: 3.5px;
  top: 5.5px;
}
.zonka_form button#signupform-submitbutton:hover {
  padding: 8px 12px !important;
  background: linear-gradient(272.02deg, #2BC4F2 -12.69%, #50B5FF 100%) !important;
}
.zonka_form form .f_right, .zonka_form form .f_left {
    position: relative;
}
.zonka_form form .f_right span, .zonka_form form .f_left span {
    position: absolute;
    width: auto;
    left: 0;
    top: 100%;
    color: red;
    font-size: 12px;
}
.zonka_form .free-quick-form-container-wrapper form#zonka-signup_quickdata{
  justify-content: flex-start;
  display: flex;
}

/********* DEMO PAGE CSS *********/
.demo-page-section {background: linear-gradient(132deg,#f2f5ff 10.2%,#8cb0fe);}
.demo-page-section .mint_header .main-header {background: #fff!important; padding: 14px 25px 10px!important; border-bottom: #c4c4c4 1px solid;}
.demo-page-section .mint_header .main-header .custom-logo a img {height: 70px; margin-top: -9px; max-height: 70px!important;}
.demo-page-section .top-header ul li:last-child a {padding:0;}

.hs-blog-post .custom-categories {margin-top: 105px;}
.zonka-section-hide {display: none!important}

.pipe_banner-ingter {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 40px;
    color: #fff;
}

.pipe_banner-ingter span {
    margin-left: 15px;
    font-size: 25px;
    font-weight: bold;
    margin-right: 15px;
}

.pipedrive-form .free-quick-form-container-wrapper {
    max-width: 550px;
    margin: 0 auto 80px;
}

.pipedrive-form .free-quick-form-container-wrapper form#zonka-signup_quickdata {
    justify-content: flex-start;
    display: flex;
    width: 100%;
}

.zonka_center_form .free-quick-form-container-wrapper {
    max-width: 550px;
    margin: 0 auto 80px;
}

.zonka_center_form .free-quick-form-container-wrapper form#zonka-signup_quickdata {
    justify-content: flex-start;
    display: flex;
    width: 100%;
}
.slight-right-image .zonka_lt_img img{
  left: 5%;
}

.pipe_reporting_sec {
  padding: 80px 0 60px!important;
}

.pipe-drive-template .zonka_lt_rt_content ul li img {
    margin-top: 7px;
}

.pipe-drive-template .zonka_lt_rt_content ul li p {    align-items: start!important;}
.pipe-drive-template .zonka_lt_rt_content ul li p:first-child {font-weight: 400!important;}
.pipedrive-landing-page .white_content h1, .pipedrive-landing-page .white_content h1 span {font-family: 'apercu_probold'!important;}
.automate-response-img {margin-top: 80px}
.pipedrive-landing-page .zonka_lt_rt_content h2  {font-family: 'apercu_probold'!important;}


.flexi-img-box {
    min-height: 600px;
    display: flex;
    align-items: center;
}

.flexi-img {
    height: auto;
    bottom: 5%;
    position: absolute;
    transition: none;
    right: -2%;
    max-height: 600px;
    max-width: 62%;
}

.pipedrive-landing-page .zonka_reporting_sec .right img {bottom: 10%; right: 1%; max-width: 64%;}
.pipedrive-landing-page .pipe-left-block {min-height: 500px}
.pipedrive-landing-page .body-container-wrapper {overflow-x: hidden;}

.zendesk-measure-helpfulness .zonka_lt_rt_content ul li p:first-child {font-weight: 600!important;}
.zonka-right-drop-block .left {width: 40%;}
.zonka-right-drop-block .right {width: 60%;}
.zonka-right-drop-block .right img {bottom: 5%!important; left: -5%; max-width: 60%;}
.white-color {background: #fff!important}
.zonka-right-drop-block .right img.nps2.macro {left: -4%; max-width: 61%;}
.zonka-right-drop-block .right img.nps3.email-in-sign {left: -6%}
.freshdesk-img .zonka_lt_img img {max-width: 60%!important;}

.pipe-drive-template .zonka_lt_rt_content.awb-list ul li p:first-child {font-weight: 600!important;}
.single-messagee p {color: #111!important; letter-spacing: -0.5px;}

.podcast-banner {padding: 110px 0 170px; background-color: #263743;}
.podcast-banner-content {padding-left:60px}
.podcast-banner-content h2 {font-family: 'Apercu Pro'; font-style: normal; font-weight: 700; font-size: 40px; line-height: 50px; color: #FFFFFF; margin-bottom: 30px; padding-bottom: 0}
.podcast-banner .podcast-banner-content p {font-family: 'Apercu Pro'; font-style: normal; font-weight: 400; font-size: 20px!important; line-height: 26px!important; letter-spacing: 0.01em; color: rgba(255, 255, 255, 0.8)!important; margin-bottom: 20px}
.podcast-banner .podcast-banner-content ul {margin:0; padding:0}
.podcast-banner .podcast-banner-content ul li {padding-right:20px}
.podcast-banner .podcast-banner-content ul li:last-child {padding-right:0px}
.podcast-banner .podcast-banner-content ul li img {height: 40px; width:100%; max-width:150px;}
.podcast-banner .podcast-banner-content ul li:last-child img {height: 40px; width:100%; max-width:185px;}

.episode-conatiner {background: #fff;}
.episode-block {padding: 40px; border-radius: 40px; position: relative; top: -40px; display: inline-block; width: 100%; background: url(https://4159648.fs1.hubspotusercontent-na1.net/hubfs/4159648/zonka%20new/ep1%20bg.svg); background-size: cover; margin-bottom: -20px}
.episode-block .episode-imgbox {max-width: 400px; width: 100%; position: relative; float: left;}
.episode-block .episode-imgbox span {position: absolute; font-weight: 700; font-size: 32px; line-height: 35px; color: #FFF; z-index: 9; left: 30px; top: 25px;}
.episode-block .episode-contbox {width: calc(100% - 460px); float: right;}
.episode-block .episode-contbox h3 {font-weight: 700; font-size: 40px!important; line-height: 116.4%; letter-spacing: 0.01em; color: #111; margin-bottom: 20px;}
.episode-block .episode-contbox h3 span {font-weight: 600; font-size: 18px; line-height: 26px; letter-spacing: 0.01em; color: #F05F4E; display: block; padding-bottom: 10px;}
.episode-block .episode-contbox p {font-weight: 400; font-size: 16px!important; line-height: 26px!important; letter-spacing: 0.01em; color: #111!important; padding-bottom: 20px;}

.latest-txt {font-weight: 700; font-size: 40px!important; line-height: 50px; color: #111; padding-bottom: 40px;}
.latest-txt a {font-weight: 400; font-size: 18px; line-height: 50px; letter-spacing: 0.01em; color: #111; float: right;}
.latest-ep-block {padding-bottom: 20px;}
.latest-ep-block .latest-ep-imgbox {position: relative; margin-bottom: 16px; overflow: hidden; border-radius: 20px; line-height:0}
.latest-ep-block .latest-ep-imgbox:after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: oklab(0 0 0 / .2);}
.latest-ep-block .latest-ep-imgbox img {transition: 0.3s;}
.latest-ep-block .latest-ep-imgbox:hover img {transform: scale(1.1);}
.latest-ep-block .latest-ep-imgbox small {position: absolute; top: 14px; right: 14px; z-index: 9}
.latest-ep-block .latest-ep-imgbox small img {transition: none;}
.latest-ep-block .latest-ep-imgbox:hover small img {transform: none;}
.latest-ep-block .latest-ep-imgbox span {position: absolute; font-weight: 700; font-size: 28px; line-height: 35px; color: #FFFFFF; top: 15px; left: 20px; z-index: 9}
.latest-ep-block .latest-ep-imgbox h3 {font-size: 21px!important; position: absolute; bottom: 0; left: 20px; bottom: 15px; color: #fff; max-width: 90%; width: 100%; z-index: 9}
.latest-ep-block .latest-ep-imgbox strong {position: absolute; z-index: 8; top: 50%; left: 50%; margin-left: -40px; margin-top: -40px;}
.latest-ep-block .latest-ep-imgbox strong img {width: 100%; max-width: 80px; opacity: 0; transition: all 0.4s ease;}
.latest-ep-block .latest-ep-imgbox:hover strong img {opacity: 1;}
.latest-ep-block .latest-ep-contentbox {padding: 0 10px;}
.latest-ep-block .latest-ep-contentbox h3 {font-weight: 700; font-size: 20px!important; line-height: 25px; color: #111; min-height: 60px;}
.latest-ep-block .latest-ep-contentbox p {font-weight: 400; font-size: 15px!important; line-height: 25px!important; letter-spacing: -0.3px; color: #111!important; margin-bottom: 16px;}
.latest-ep-block .latest-ep-contentbox span {display: block; font-weight: 400; font-size: 16px; line-height: 26px; letter-spacing: -0.3px; text-transform: capitalize; color: #111; display: none}
.latest-ep-block .latest-ep-contentbox span a {color: #111;}
.latest-ep-block .latest-ep-contentbox span a img {padding-right: 10px;}
.latest-ep-block .latest-ep-contentbox span small {float: right; font-size: 16px;}

.custom-header.podcast-header {position: relative;}
.custom-header.podcast-header .custom-logo a img {width: 120px; max-height: none!important;}
.container-1300 {max-width: 1300px!important;}

.podcast-detail-page .top-header {background: #EAEAEA;}
.podcast-detail-page .top-header ul li a {color: #020202;}

.podcast-banner-section {background-color: #fff; padding-top: 55px;}
.podcast-banner-block {max-width: 1130px; margin: 0 auto!important; float: none!important; text-align: left;}


.podcast-detail-section {position:relative;}
.podcast-detail-section .page-center.content-wrapper {max-width: 1200px; padding: 40px 15px;}
.podcast-detail-content h2{color: #2BC4F2;}
.podcast-detail-content p{color: #111;}


.podcast-detail-content h1 {font-size: 48px; line-height: 60px; color: #000}
.podcast-detail-content h2 {font-size: 36px; line-height: 46px; color: #000}
.podcast-detail-content h3 {font-size: 30px; line-height: 40px; color: #000}
.podcast-detail-content h4 {font-size: 24px; line-height: 32px; color: #000}
.podcast-detail-content h5 {font-size: 21px; line-height: 28px; color: #000}
.podcast-detail-content h6 {font-size: 18px; line-height: 26px; color: #000}
.podcast-detail-content p {font-size: 16px; line-height: 26px; color: #000;}


.customer-stories-detail-page h2 {font-size: 36px!important; line-height: 46px; color: #000; max-width: 90%;}
.customer-stories-detail-page h3 {font-size: 30px; line-height: 40px; color: #000}
.customer-stories-detail-page h4 {font-size: 24px; line-height: 32px; color: #000}
.customer-stories-detail-page h5 {font-size: 21px; line-height: 28px; color: #000}
.customer-stories-detail-page h6 {font-size: 18px; line-height: 26px; color: #000}

/* gradient-blockquote  css*/
.gradient-blockquote {
    margin: 50px 0;
    padding: 30px;
    border-radius: 20px;    
}

/* Case studies */

.case_studies_banner{
  background: url('https://4159648.fs1.hubspotusercontent-na1.net/hubfs/4159648/Case%20studies/hero%20background.svg');
  background-size: cover;
  background-position: 0 -100px;
  background-color: #fff;
  background-repeat: no-repeat;
  padding-top: 55px;
}
.zonka_template .case_studies_banner_content a.zonka_btn {
  padding: 10px 26px;
  border-radius: 10px;
  margin-top: 0;
  margin-bottom: 30px;
  letter-spacing: 0.01em;
  line-height: 27px;
}
.customer_stories_banner_section {
  border-bottom: 1px solid rgb(51 51 51 / 10%);
  padding-bottom: 30px;
}
.customer_stories_banner_section .ft-rating-box{
  border-bottom: 0;
}
.customer_stories_listing_section h2{
  font-size: 36px !important;
  line-height: 32px;
  color: #020202;
  font-weight: 400 !important;
}
.customer_stories_section .list-clone h6{
  font-size: 16px !important;
  color: #4f4f4f;
}

.customer_stories_section .list-clone {
    margin-bottom: 40px;
    padding-left: 10px;
  position: absolute;
   width: 185px;
  left: 2px;
}
.customer_stories_section .case-studies-sidebar.fixed{
  top: 150px;
  position: fixed;
}
.customer_stories_section .list-clone.case-studies-sidebar li {
      margin-bottom: 10px;
    list-style: none;
    margin-left: 20px;
}
.customer_stories_section .list-clone.case-studies-sidebar li:before {
    content: url(https://4159648.fs1.hubspotusercontent-na1.net/hubfs/4159648/Case%20studies/arrow-right.svg);
    display: inline-block;
    position: relative;
    margin-left: -21px;
    top: 4px;
}
.customer_stories_section .list-clone.case-studies-sidebar li:last-child {
  margin-bottom: 0;
}
.customer_stories_section .list-clone.case-studies-sidebar li span {
  padding-right: 2px;
   font-size: 14px;
  line-height: 23px;
  color: #4f4f4f;
}
.customer_stories_section .list-clone.case-studies-sidebar li a{
  padding: 0;
      font-size: 14px;
  line-height: 24px;
  color: #4f4f4f;

}

.customer_stories_section .list-clone.case-studies-sidebar li:hover a, .customer_stories_section .list-clone.case-studies-sidebar li.active a{
  color: #2CC4F2;

}
.case_studies_right_content .customer_stories_section{
  max-width: 74%;
  margin: auto;
}
.case_studies_right_content h2 , .case_studies_right_content h3 , .case_studies_right_content h4 , .case_studies_right_content h5{
  margin-top: 20px;
  margin-bottom: 20px;
  padding-bottom: 0;
  padding-top: 0;
  color: #303030;
}
.case_studies_right_content h2{
  font-size: 36px !important;
  line-height: 46px;
}
.case_studies_right_content h3{
  font-size: 28px !important;
  line-height: 38px;
}
.case_studies_right_content h4{
  font-size: 22px !important;
  line-height: 30px;
}
.case_studies_right_content h5{
  font-size: 18px !important;
  line-height: 26px;
}
.case_studies_right_content p{
  padding-bottom: 20px;
  color: #000 !important;
  line-height: 26px !important;
} 
.case_studies_right_content ul, .case_studies_right_content ol{
  list-style: disc;
  padding-left: 40px;
  color: #333 !important;
}
.case_studies_right_content li span{
  font-weight: bold;
}
.case_studies_right_content li{
  font-size: 16px;
  line-height: 30px;
  padding-bottom: 10px;
}
.case_studies_right_content a{
    border-bottom: 1px solid #1d2b36;
}
.case_studies_right_content blockquote{
  margin: 0 !important;
  margin-top: 20px;
  margin-bottom: 20px !important;
  font-size: 16px;
  line-height: 28px;
}

ul.bfs_logo li img {height: 60px;}
ul.bfs_logo li:nth-child(4) img {height: 65px;}
ul.bfs_logo li:nth-child(5) img {height: auto;}
ul.bfs_logo li:nth-child(6) img {height: auto;}

body.customer-stories-detail-page .main-header {background: #fff!important;}
.customer-stories-detail-page .zonka_container {max-width: 1130px; margin: auto;}
.customer_stories_banner_left-section {padding: 0 0 80px 30px; min-height: 500px;}
.customer-stories-detail-page .customer_stories_banner_left-section h1 {font-size: 44px; line-height: 58px; color: #020202; font-family: apercu_probold!important; margin-bottom: 30px;}
.customer-stories-detail-page .customer_stories_banner_left-section p {color: #37383c!important; font-family: 'Apercu Pro'; font-size: 16px!important; font-weight: 400; line-height: 28px!important; margin: 0;}
.customer-stories-custom-container .customer-stories-custom-rightbox p {font-size: 16px!important; line-height: 28px!important; color: #37383C!important; margin-bottom: 30px!important; padding-bottom: 0!important;}
.customer-stories-custom-container .customer-stories-custom-rightbox p span {color: #37383C!important;}
.customer-stories-custom-container .customer-stories-custom-rightbox ul {list-style-type: disc; padding-bottom: 30px; padding-left: 20px;}
.customer-stories-custom-container .customer-stories-custom-rightbox ul li ul {list-style-type: circle; margin: 0; padding-bottom: 1px;}
.customer-stories-custom-container .customer-stories-custom-rightbox ul li {font-size: 16px!important; line-height: 28px!important; color: #37383C!important; margin-bottom: 22px!important; padding-bottom: 0!important;}
.customer-stories-custom-container .customer-stories-custom-rightbox ul li span {color: #37383C!important;}

.customer-stories-custom-container .customer-stories-custom-rightbox ol {list-style-type: decimal; padding-bottom: 30px; padding-left: 40px;}
.customer-stories-custom-container .customer-stories-custom-rightbox ol li {font-size: 16px!important; line-height: 28px!important; color: #37383C!important; margin-bottom: 22px!important; padding-bottom: 0!important;}
.customer-stories-custom-container .customer-stories-custom-rightbox ol li span {color: #37383C!important;}

.custom-container-testimonial-box {max-width: 1130px; margin: 0 auto; display: flex; padding: 90px 0;}
.custom-container-testimonial-leftbox {width: 40%; float: left;}
.custom-container-testimonial-leftbox .testimonial-imgbox {width: 248px; height: 240px; background: #fff; display: flex; align-items: center; justify-content: center; margin-left: 60px;}
.custom-container-testimonial-rightbox {width: 60%; float: left;}
.custom-container-testimonial-rightbox p {font-size: 22px!important; line-height: 28px!important; color: #FFF!important; padding-bottom: 30px;}
.custom-container-testimonial-rightbox span {float: right; color: #fff; font-size: 18px; line-height: 26px; color: #FFF;}
.custom-container-testimonial-rightbox span strong {font-family: apercu_probold!important;}

.more-customer-stories-section {background: #F4FDF8;}
.more-customer-stories-box {max-width: 1130px; margin: 0 auto!important; padding: 60px 0; text-align: left; float: none!important;}

.csm-hero-image-section h2 {font-size: 40px!important; line-height: 56px; color: #020202; padding-bottom: 0px; position: absolute; max-width: 350px; top: 0px; text-transform: capitalize;}

.csm-hero-image-container {background: #FFFFFF; box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.05); border-radius: 20px; padding: 0px;}
.csm-hero-image-container .csm-logo-box {padding-bottom: 12px;}
.csm-hero-image-container p {font-weight: 600; font-size: 16px!important; line-height: 28px!important; color: #37383C!important; margin-bottom: 32px; padding: 0 20px 20px;}
.csm-hero-image-container .csm-hero-image-box {border-radius: 14px; line-height: 0; margin: -10px; width: calc(100% + 20px);}
.csm-hero-image-container .csm-hero-image-box img {max-width: 100%; width: 100%;}


.msc-listings-box {background: #FFFFFF; box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.05); border-radius: 20px; padding-bottom: 20px; float: left; margin: 10px 25px 10px 0; width: calc(33.3% - 25px); min-height: 305px;}
.msc-listings-box .msc-listings-imgbox {margin-bottom: 12px;}
.msc-listings-box .msc-listings-imgbox img {height: 60px; padding: 20px 20px 0; max-width: 150px;}
.msc-listings-box .msc-listings-contentbox p {font-weight: 600; font-size: 14px!important; line-height: 22px!important; color: #37383C!important; overflow: hidden; padding: 0 20px;}

.podcast-detail-custom-container h2 {font-size: 28px!important; line-height: 42px; color: #000; max-width: 90%;}
.podcast-detail-custom-container .podcast-detail-custom-rightbox h3 {font-size: 18px; padding-bottom: 15px;}
.podcast-detail-custom-container .podcast-detail-custom-rightbox p {font-size: 16px!important; line-height: 28px!important; color: #000!important; margin-bottom: 30px!important; padding-bottom: 0!important; margin-top: 0!important}
.podcast-detail-custom-container .podcast-detail-custom-rightbox p span {color: #37383C!important;}
.podcast-detail-custom-container .podcast-detail-custom-rightbox ul {list-style-type: disc; padding-bottom: 30px; padding-left: 20px;}
.podcast-detail-custom-container .podcast-detail-custom-rightbox ul li ul {list-style-type: circle; margin: 0; padding-bottom: 1px;}
.podcast-detail-custom-container .podcast-detail-custom-rightbox ul li {font-size: 16px!important; line-height: 28px!important; color: #37383C!important; margin-bottom: 22px!important; padding-bottom: 0!important;}
.podcast-detail-custom-container .podcast-detail-custom-rightbox ul li span {color: #37383C!important;}


a.back-to-cs {
    position: relative;
    top: -35px;
    font-size: 14px;
    line-height: 26px;
    color: rgba(26, 26, 26, 0.6)!important;
}

a.back-to-cs img {
    vertical-align: top;
    margin-top: 5px;
    margin-right: 3px;
}
.center_image{
    display: flex !important;
    justify-content: center;
}
.mobile_form_lt_rt .zonka_lt_img{
    display: flex;
    justify-content: center;
}
.mobile_form_lt_rt .zonka_rt_img{
    display: flex;
    justify-content: center;
}
.mobile_form_lt_rt .zonka_lt_img img {
    max-height: 500px;
    left: 15%;
}
.mobile_form_lt_rt .zonka_rt_img img {
    max-height: 500px;
  right: 15%;
}
.mobile_forms .nps_features .zonka_center_head h2 {
    max-width: 600px;
}
.mobile_forms .nps_features_content .nps_features_content_img img {
    margin-right: 32px;
    width: 32px;
}


.website_surveys_multichannel{
  border-radius: 10px;
  background: #EFFBFF !important;
  padding: 50px !important;
}
.website_surveys_multichannel h2{
  line-height: 48px;
  letter-spacing: -0.8px;
  margin-bottom: 50px !important;
  padding: 0 !important;
}
.website_surveys_multichannel .cmtab-left-sec{
  width: 34%;
}
.website_surveys_multichannel .cmtab-right-sec{
  width: 66%;
  position: relative;
}
.website_surveys_multichannel .cmtab-left-sec, .website_surveys_multichannel .cmtab-right-sec{
  margin-top: 54px;
}
.website_surveys_multichannel ul.cmtabber-tabs{
  margin: 0 auto;
  width: 100%;
  border-bottom: 1px solid #CDEDF6;
  margin-block-start: auto;
}
.website_surveys_multichannel .cmtabber-tabs li a {
  color: #111;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.16px;
  padding: 0 0 16px;
  margin: 0 30px;
      font-family: Apercu !important;
}
.website_surveys_multichannel .cmtabber-tabs > .active > a {
  box-shadow: none;
  border-radius: 0;
  border-bottom: 2px solid #111;
  background: transparent;
  color: #111;
  font-weight: 700;
  margin-bottom: -0.6px;
}
.website_surveys_multichannel .cmtab-pane {
  align-items: flex-start;
  min-height: 450px;
}
.website_surveys_multichannel h3 {
  color: #111;
  font-size: 28px !important;
  line-height: 34px;
  letter-spacing: -0.28px;
  margin-bottom: 25px;
  padding-bottom: 0;
}
.website_surveys_multichannel p {
  color: #111;
  font-size: 16px;
  font-weight:400;
  line-height: 36px;
  letter-spacing: -0.32px;
  max-width: 100%;
}
.website_surveys_multichannel .cmtabber-content ul {
  display: block;
}
.website_surveys_multichannel .cmtabber-content ul li {
  color: #111;
  font-size: 16px;
  font-weight:400;
  line-height: 36px;
  letter-spacing: -0.32px;
  max-width: 100%;
  padding-bottom: 0px;
      text-indent: -30px;
    margin-left: 30px;
}
.website_surveys_multichannel .cmtabber-content p {
  color: #111 !important;
  font-size: 16px !important;
  font-weight:400;
  line-height: 22px !important;
  letter-spacing: -0.32px;
  max-width: 100%;
}
.website_surveys_multichannel .cmtabber-content ul li:before {
  display: inline-block;
  content: '';
  background-image: url(https://4159648.fs1.hubspotusercontent-na1.net/hubfs/4159648/zonka%20new/check-icon.svg);
  background-size: 20px 20px;
  height: 20px;
  width: 20px;
  margin-right: 10px;
  position: relative;
  top: 5px;
}
.website_surveys_multichannel .cmtab-right-sec img{
  min-height: 480px;
}


/* CSS  for Website 2024 */

  .black_bg_gradient {
    background-image: linear-gradient(163.14deg, #000000 11.63%, #041132 89.35%);
    background-size: 100% 93vh;
    background-repeat: no-repeat;
  }
.white_content h1, .white_content h1 span, .zonka_template .white_content p.pre_head {
    color: #fff !important;
}
.white_content p {
    color: rgba(255, 255, 255, 0.8) !important;
}
.black_content h1, .black_content h1 span, .zonka_template .black_content p.pre_head {
    color: #111 !important;
}
.black_content p {
    color: #111 !important;
}
.zf-new .zonka_template{
  margin-bottom: 40px;
}
.zf-new .zonka_template h2{
  font-size: 35px !important;
  line-height: 46px;
}
.zf-new .zonka_template h3{
  font-size: 28px !important;
  line-height: 36px;
  padding-bottom: 15px;
}
.zf-new .zonka_template h6 {
    font-size: 16px !important;
}
.zf-new .zonka_center_head h2 {
    padding: 25px 0 25px;
}
.zf-cta-btn {
    border-radius: 26px;
    box-shadow: none;
    line-height: 16px;
    padding: 13px 25px;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
  display: inline-block;
}
.zf-cta-skyblue-btn {
    border: 2px solid #2cc4f2;
    color: #fff;
    background-color: #2cc4f2;
}
.zf-cta-white-btn {
    border: 2px solid #2cc4f2;
    color: #2cc4f2;
    background-color: #fff;
}
.zf-cta-transparent-btn{
  background: transparent;
  border: 2px solid rgba(0, 0, 0, 1);
  color: rgba(0, 0, 0, 1);
}
.zf-cta-skyblue-btn:hover {
    color: #fff;
}
.zf-cta-white-btn:hover {
    color: #2cc4f2;
}
.zf-cta-transparent-btn:hover{
  color: rgba(0, 0, 0, 1);
}
.zf-cta-btn:after {
    content: "";
    display: inline-block;
    height: 12px;
    transition: all .5s ease;
    width: 0;
}
a.zf-cta-btn:hover:after {
      background: url(https://4159648.fs1.hubspotusercontent-na1.net/hubfs/4159648/Integrations/Arrow-icon-white.svg) no-repeat 78%;
    width: 25px;
}
a.zf-cta-skyblue-btn:hover:after {
    background: url(https://4159648.fs1.hubspotusercontent-na1.net/hubfs/4159648/Integrations/Arrow-icon-white.svg) no-repeat 78%;
    width: 25px;
}
a.zf-cta-white-btn:hover:after {
    background: url(https://4159648.fs1.hubspotusercontent-na1.net/hubfs/4159648/zonka%20new/ZF_NEW_DESGIN/Light%20icons/Arrow-icon-skyblue.svg) no-repeat 78%;
    width: 25px;
}
a.zf-cta-transparent-btn:hover:after{
    background: url(https://4159648.fs1.hubspotusercontent-na1.net/hubfs/4159648/Integrations/Arrow-icon.svg) no-repeat 78%;
    width: 25px;
}
.zf-new .scrolling_logos{
  margin-top: 0 !important;
}
.zf-new .custom-footer-top{
  border-top: 0 !important;
}
.zf-new .lt_rt_content_top h2{
  margin-top: 15px;
  margin-bottom: 15px;
}
.zf-new .lt_rt_content ul li {
    line-height: 26px !important;
}
.zf-new .lt_rt_content ul li{
  padding-bottom: 0;
}
.zf-new .lt_rt_sec_outer{
  position: relative;
}
.zf-new .lt_rt_img.lt_img, .zf-new .lt_rt_img.rt_img{
  position: inherit;
}
.zf-new .lt_rt_content{
  height: 650px;
}
.zf-new .lt_rt_sec .lt_rt_img{
  height: 650px;
  display: flex; align-items: center;
}
.zf-new .lt_rt_img.lt_img img {
    left: 4%;
    max-width: 50% !important;
    position: absolute;
    max-height: 650px !important;
}
.zf-new .lt_rt_img.rt_img img {
    max-width: 50% !important;
    position: absolute;
    right: 4%;
  max-height: 650px;
}
.zf-new .center-section img{
  text-align: center;
  margin: 50px auto 0;
  display: block;
}
.zf-new .price-col li{
  list-style: disc;
}

.footer-cta-mt-0 .ZF_footer_cta{
  margin-top: 0;
}

/* Zonka Feedback Four Boxes */

.zf-new .four-boxes .four-boxes-outer{
  border-radius: 10px;
    border: 1px solid #F2F2F2;
    background: #FFF;
    box-shadow: 0px 20px 40px 0px rgba(173, 173, 173, 0.10);
    margin-top: 50px;
}
.four-boxes-outer img{
  border-radius: 10px 10px 10px 10px ;
  margin-bottom: 10px;
}
.zf-new .four-boxes-content{
  padding: 10px 15px 15px;
}

/* Zonka Feedback Three Boxes */


.three_box_content{
  background: #fff;
  border-radius: 10px;
  margin-top: 50px;
  padding: 30px;
}
.three_box_img{
  height: 60px;
  margin-bottom: 25px;
}
.three_box_img img{
  max-height: 60px;
}
.cx_software_box .three_box_img{
  height: 104px;
}
.three_box_content p{
  padding-bottom: 10px;
}
.three_box_content ul li {
    padding-top: 20px;
    text-indent: -30px;
    margin-left: 30px;
    font-size: 16px !important;
}
.three_box_content ul li:before {
    display: inline-block;
    content: '';
    background-image: url(https://4159648.fs1.hubspotusercontent-na1.net/hubfs/4159648/zonka%20new/check-icon.svg);
    background-size: 20px 20px;
    height: 20px;
    width: 20px;
    margin-right: 10px;
    position: relative;
    top: 5px;
}
.xl-solutions-icons{
  display: flex;
  gap: 30px;
  align-items: center;  
  margin-top: 50px;
}
.xl-solutions-icons h5{
  width: 15%;
  padding-bottom: 0;
}
.xm-solutions-bottom{
  display: flex;
  gap: 30px;  
}
.xm-solutions-bottom li{
  text-align: center;
  width: 120px;
}
.xm-solutions-bottom img{
  width: 35px; 
  height: 35px;
  margin-bottom: 20px;
}
.xm-solution-ctas{
  text-align: center;
  margin-top: 70px;
}
.xm-solution-ctas a:nth-child(2){
  margin-left: 10px;
}

.zf-new .useTemplateSection .d-flex .popular-survey{
  border-radius: 10px;
}
.useTemplateSection .d-flex .popular-survey figure {
  border-radius: 10px 10px 0 0;
}
.zf-new .useTemplateSection .d-flex .popular-survey img{
  border-radius: 10px 10px 0 0;
}
.zf-new .useTemplateSection {
    margin: 0 0;
}


.zf-tags{
  display: flex;
  column-gap: 10px;
  flex-wrap: wrap;
}
.zf-tags li{
      border-radius: 26px;
    box-shadow: none;
    line-height: 16px;
    padding: 12px;
  margin-top: 18px;
  text-align: center;
    font-size: 16px;
    display: inline-block;
  border: 0.2px solid rgba(0, 0, 0, 0.2);
    color: rgba(0, 0, 0, 1);
  background: #fff;
}

/* Zonka Feedback New Multichannel */
.zf_new_multichannel{
    background: #fff !important;
    padding: 0 !important;
  }
  .zf_new_multichannel .cmtab-left-sec{
    width: 34%;
  }
  .zf_new_multichannel .cmtab-right-sec{
    width: 66%;
    position: relative;
  }
  .zf_new_multichannel .cmtab-left-sec, .zf_new_multichannel .cmtab-right-sec{
    margin-top: 54px;
  }
  .zf_new_multichannel ul.cmtabber-tabs{
    margin: 50px auto 0;
    width: 100%;
  }
  .zf_new_multichannel .cmtabber-tabs li a {
    text-align: center;
    margin: 0 25px;
    font-family: Apercu !important;
    border: 1px solid rgba(0, 0, 0, 0.1);
    width: 120px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 1);
    font-size: 16px;
    line-height: 16px;
    padding: 13px 10px;
  }
  .zf_new_multichannel .cmtabber-tabs > .active > a {
    box-shadow: none;
    background: rgba(44, 196, 242, 1);
    color: #fff;
    border: 1px solid rgba(44, 196, 242, 1);
  }
  .zf_new_multichannel .cmtab-pane {
    align-items: flex-start;
    min-height: 450px;
  }
.zf_new_multichannel .cmtabber-content h3 {
    line-height: 40px;
  padding-bottom: 20px;
  }
  .zf_new_multichannel .cmtabber-content p {
    margin-bottom: 30px;
  }
  .zf_new_multichannel .cmtabber-content ul {
    display: block;
  }
  .zf_new_multichannel .cmtabber-content ul li {
    max-width: 100%;
        text-indent: -30px;
      margin-left: 30px;
    font-size: 16px;
    padding-bottom: 15px;
  }
  .zf_new_multichannel .cmtabber-content ul li:before {
    display: inline-block;
    content: '';
    background-image: url(https://4159648.fs1.hubspotusercontent-na1.net/hubfs/4159648/zonka%20new/check-icon.svg);
    background-size: 20px 20px;
    height: 20px;
    width: 20px;
    margin-right: 10px;4
    position: relative;
    top: 5px;
  }
  .zf_new_multichannel .cmtab-right-sec img{
    min-height: 480px;
  }

/*------------- INdustries -------------*/

.new_multichannel.industries_multichannel .cmtabber-tabs li {
    inline-size: 210px;
}
.new_multichannel.industries_multichannel .cmtab-left-sec {
    width: 40%;
    padding-right: 50px;
}
.new_multichannel.industries_multichannel .cmtab-right-sec {
    width: 57%;
}


/*------------- ZF WHY SECTION -------------*/

.zf-why ul {
  display: flex;
  flex-wrap: wrap;
}

.zf-why ul li {
	margin-top: 47px;
  display: flex;
  flex: 0 0 50%;
}
.zf-why ul li:nth-child(odd) {
	padding-right: 25px;
}
.zf-why ul li:nth-child(even) {
	padding-left: 25px;
}
.zf-why ul li img{
margin-right: 20px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 1);
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 12px;
    height: 50px;
}

/*------------- ZF TESTIMONIAL -------------*/


.zf-testomonial{
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 38px;
}
.zf-testomonial h2{
  position: relative;
  margin: auto;
}
  .zf-testomonial h2:before, .zf-testomonial h3:before{
  background-image: url("https://4159648.fs1.hubspotusercontent-na1.net/hubfs/4159648/zonka%20new/ZF_NEW_DESGIN/%E2%80%9C.svg");
  display: inline-block;
  content: '';    
  width: 24px;
  height: 21px;
  margin-right: 10px;
  top: -30px;
  position: relative;
}
.zf-testomonial h2:after, .zf-testomonial h3:after{
  background-image: url("https://4159648.fs1.hubspotusercontent-na1.net/hubfs/4159648/zonka%20new/ZF_NEW_DESGIN/%E2%80%9C%20%281%29.svg");
  display: inline-block;
  content: '';
  width: 137px;
  height: 120px;
  top: -38px;
  position: absolute;
  right: 0;
}
.writer_name{
font-size: 22px !important;
font-weight: 600 !important;
line-height: 28.6px;
  margin-top: 15px !important;
}
.zf-lt-rt-testomonial{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 50px;
  padding-bottom: 30px;
}
.zonka_container .zf-lt-rt-testomonial:last-child{
  margin-bottom: 0;
  padding-bottom: 0;
}
.zonka_container .zf-lt-rt-testomonial:nth-child(even) .zf-testomonial-img{
  order: 1;
  
}
.zonka_container .zf-lt-rt-testomonial:nth-child(odd) .zf-testomonial-content{
  order: 1;
  
}
.zf-testomonial-img{
 width: 20%;
    background: rgba(239, 251, 254, 1);
    padding: 50px;
    border-radius: 10px;
    box-sizing: content-box;
}
.zf-testomonial-img img{
  width: 100%;
  border-radius: 20px;
}
.zf-testomonial-content{
  width: 60%;
}
.zf-testomonial .zf-testomonial-content h3{
  text-indent: -34px;
  position: relative;
}

/*------------- ZF FOOTER CTA -------------*/

.ZF_black_footer_cta{
  background: linear-gradient(163.14deg, #000000 11.63%, #041132 89.35%);
  padding: 55px 0;
}
.ZF_footer_cta .zonka_container{ 
  position: relative;
}

.ZF_footer_cta_content:before {
    content: '';
    width: 240px;
    height: 100%;
    background: url(https://4159648.fs1.hubspotusercontent-na1.net/hubfs/4159648/zonka%20new/ZF_NEW_DESGIN/left-IMG.svg);
    top: 0;
    left: 0;
    background-size: cover;
  position: absolute;
}

.ZF_footer_cta_content:after {
    content: '';
    width: 240px;
    height: 100%;
    background: url(https://4159648.fs1.hubspotusercontent-na1.net/hubfs/4159648/zonka%20new/ZF_NEW_DESGIN/right-IMG.svg);
    top: 0;
    right: 0;
    background-size: cover;
  position: absolute;
}
.ZF_footer_cta_content {
    max-width: 640px;
  margin: auto;
  min-height: 400px;
  display: flex;
  align-items: center;
}
.ZF_footer_cta_content h2 {
    font-size: 40px !important;
    line-height: 50px !important;
}
.ZF_black_footer_cta .ZF_footer_cta_content h2 {
    color: #fff !important;
  margin: auto;
}
.ZF_footer_cta_content a{
  margin-top: 40px;
}
.ZF_footer_cta_content a:last-child{
  margin-left: 10px;
}
.ZF_black_footer_cta .ZF_footer_cta_content a:last-child{
      border: 1px solid #fff;
  color: #fff;
}



.zf_new_bottom_cta .zonka_CTA{
  background: linear-gradient(163.14deg, #000000 11.63%, #041132 89.35%);
}

.zonka_center_responses_head img{
 margin-top: 50px;
}
.zf_new_center_responses .zonka_center_responses_content{
  max-width: fit-content;
   padding-top: 40px;
  padding-bottom: 0;
}

.centralize-responses{
  display: flex;
}
.centralize-responses img {
        width: 23px !important;
    padding: 13px;
    background: #fff;
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    margin-right: 20px !important;
    box-sizing: content-box;
}
.zonka_center_responses_content .centralize-responses div p {
    margin-left: 20px !important;
}


.interation_list  h6{
  margin-top: 50px;
  text-transform: uppercase;
}
.interation_list ul {
  margin-bottom: 0;
}
.interation_list ul li{
  display: flex;
    line-height: 30px;
    align-items: center;
    padding: 17px 0;
}
.interation_list ul li span {
    width: 45px;
    display: inline-flex;
}
.interation_list ul li img{
  max-height: 30px;
  margin-right: 8px;
}

.zf-new .pricing_table_cols{
  margin-bottom: 0;
}

.zf-new .price-col h6 {
    line-height: normal;
}

.zf-new .scrolling_logos .logo_marquee{
  margin-top: 30px;
}

.zf-new .JoinTheBest {
    padding-bottom: 0;
}

/* Multichannel with 4 box content */

.new_multichannel .cetabber-content .cetab-right-sec {position: relative; margin-top: 30px; margin-bottom: 30px;}
.new_multichannel .cetabber-content .cetab-right-sec a.zonka_btn {
    width: 100%;
}


/*  4.9.2023  */
.sq-zonka-box {
    margin: auto;
}

.sq-zonka-box h2 {
    line-height: 48px;
    letter-spacing: -0.8px;
    margin-bottom: 50px !important;
    padding: 0 !important;
    font-size: 40px !important;
    color: #111;
}

.sq-zonka-box p {padding-bottom: 60px}

.sq-zonka-box ul li {padding-bottom: 24px;}

.sq-zonka-box ul li:before {
    display: inline-block;
    content: '';
    background-image: url(https://4159648.fs1.hubspotusercontent-na1.net/hubfs/4159648/zonka%20new/check-icon.svg);
    background-size: 20px 20px;
    height: 20px;
    width: 20px;
    margin-right: 10px;
    position: relative;
    top: 5px;
}

.sq-zonka-box ul li span {
    font-weight: 400;
    font-size: 13px;
    color: rgba(35, 50, 94, 0.70);
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: -0.32px;
    max-width: 100%;
    padding-bottom: 0px;
    padding-left: 30px;
    display: block;
}

.white-custom-footer {
    background: #fff!important;
}

.white-custom-footer .cm-ftr-col h4 {
  color: #030303 !important;
font-size: 14px!important;
}

.white-custom-footer .cm-ftr-col .hs-menu-wrapper ul li a {
  color: #343434 !important;
}

.white-custom-footer .cm-ftr-col {
    margin: 0 10px 50px 0 !important;
    width: 205px !important;
}

.white-custom-footer .cm-ftr-col:nth-child(3) {
    width: 235px!important;
}

.white-custom-footer .cm-ftr-col:nth-child(4) {
    width: 175px!important;
}

.white-custom-footer .cm-ftr-col:nth-child(5) {
    margin-right: 0!important;
}

.white-custom-footer .row-fluid .page-center {
    float: none;
    max-width: 1080px;
    margin: 0 auto;
}

.footer-base-box {
    border-top: #ededed 1px solid;
    padding: 35px 0;
    font-size: 13px;
    line-height: inherit;
}

.foot-base-box1 a {
  color: #707070;
  font-size: 14px;
    line-height: inherit;
}

.foot-base-box1 a img {
    float: left;
    width: 16px;
}

.foot-base-box1 a span {
    display: inline-block;
    padding: 0 5px;
    font-weight: 600;
}

.foot-base-box2 {
    text-align: center;
}

.foot-base-box2 ul {
    list-style: none;
    padding: 0;
    margin: 0;
    line-height: inherit!important;
}

.foot-base-box2 ul li {
    display: inline-block;
    padding: 0 10px;
  line-height: inherit;
}

.foot-base-box2 ul li a {
  color: #707070;
  font-size: 14px;
    line-height: inherit;
}

.foot-base-copybox {
    color: #707070;
    text-align: center;
    padding: 40px 0 0;
    max-width: 473px;
    margin: auto!important;
    float: none!important;
}

.white-custom-footer .row-fluid .page-center .foot-base-copybox p {
    color: #707070!important;
    margin-bottom: 10px;
    font-size: 13px!important;
    line-height: 20px;
}

ul.white-foot-social {
    border-top: #EDEDED 1px solid;
    padding: 30px 0 0;
    margin: 10px 0 0;
    list-style: none;
}

ul.white-foot-social li {
    padding-bottom: 15px;
}

.foot-base-box3 ul {
    list-style: none;
    margin: 0;
    padding: 0;
    float: right;
}

.foot-base-box3 ul li {
    float: left;
    padding-right: 15px;
}

.foot-base-box3 ul li img {
    width: 20px;
}

.third-party-signup-container {
/*   display: none; */
}

.third-party-signup-container .third-party-btn-box {
    padding: 15px 0 0;
    margin: 0;
    width: 100%;
    display: inline-block;
}

.third-party-signup-container .third-party-btn-box a {
    margin: 0 15px 0 0!important;
    width: auto!important;
    padding: 12px 20px!important;
    cursor: pointer;
    font-weight: 500;
    color: #333333;
}

.third-party-signup-container .third-party-btn-box a:hover {
    padding: 11px 19px!important;
}

.third-party-signup-container .line-box {
    position: relative;
    margin-top: 15px;
    text-align: left;
}

.third-party-signup-container .line-box:before {
    content: '';
    background: rgb(51 51 51 / 50%);
    opacity: 0.45;
    position: absolute;
    width: calc(90% - 130px);
    height: 1px;
    left: 130px;
    top: 50%;
}

.third-party-signup-container .line-box small {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-align: left;
    display: inline-block;
    padding: 0px 15px 0 0;
    position: relative;
    color: rgba(51, 51, 51, 0.6);
}

.pipedrive-form .free-quick-form-container-wrapper {
    max-width: 550px;
    margin: 0 auto 20px;
}

.pipedrive-form .third-party-signup-container .line-box:before {background: #fff;
  opacity: 0.75; width:calc(100% - 130px)}
.pipedrive-form .third-party-signup-container .line-box small {color: #fff}

/* Integration Pages */
.integrations .lt_rt_content .type1 ul {
    flex-direction: column;
}
.integrations .lt_rt_content ul.type1 li {
    flex-basis: 100%;
}
.integrations .lt_rt_content ul.type2 li {
    flex-direction: column;
}
.integrations .lt_rt_content ul.type2 li ul{
  width: 100%;
}
.integrations .lt_rt_content ul.type2 li ul li {
    margin-left: 0;
}
.integrations .lt_rt_content ul.type2 li ul li:first-child:before {
    display: inline-block;
    content: '';
    background-image: url(https://4159648.fs1.hubspotusercontent-na1.net/hubfs/4159648/zonka%20new/check-icon.svg);
    background-size: 20px 20px;
    height: 20px;
    width: 20px;
    margin-right: 10px;
    position: relative;
    top: 5px;
}
.integrations .lt_rt_content ul.type2 li ul li:last-child {
  margin-left: 30px;
}
.integrations .zonka_reporting_sec {
      background: transparent;
}
.integrations .zonka_reporting_sec .outer {
    padding-top: 0;
}
.integrations .zonka_reporting_sec .light-blue_Wrapper {
margin-bottom: 5px;
}
.integrations .zonka_reporting_sec .left .light-blue_Wrapper p {
    margin-left: 30px;
}
.integrations .zonka_reporting_sec .left .light-blue_Wrapper:first-child {
    background: #effbff;
}
.integrations .reporting_acc_title span:before {
    display: inline-block;
    content: '';
    background-image: url(https://4159648.fs1.hubspotusercontent-na1.net/hubfs/4159648/zonka%20new/check-icon.svg);
    background-size: 20px 20px;
    height: 20px;
    width: 20px;
    margin-right: 10px;
    position: relative;
    top: 5px;
}
.integrations .zonka_reporting_sec .left{
  width: 44%;
  border-top: 1px solid rgba(74,74,74,.1);
  margin-top: 0;
  padding-top: 31px;
}

.integrations .zonka_reporting_sec .right img {
  max-height: 445px;
  bottom: 8%;
}
.pre_head_logo{
  display: flex;
  align-items: center;  
  margin-bottom: 12px;
}
.pre_head_logo span{
  font-size: 20px;
  margin: auto 10px auto 7px;
  font-weight: 700;
}
.pre_head_logo img:nth-child(3){
  max-height: 32px;
}
.integrations .zonka_faq_sec {
    background: #effbff;
}
.integrations .zonka_faq .accordion_group {
    background: #effbff;
}
.simple-cta-buttons {
    margin: auto;
    text-align: center;
}

.simple-cta-buttons .zonka-white-btn {
    border: #50b5ff 1px solid!important;
    background: #fff!important;
    margin: 0 10px;
    color: #50b5ff!important;
}

.simple-cta-buttons .zonka-white-btn:hover {
    border: #50b5ff 1px solid;
    background: #fff!important;
    color: #50b5ff!important;
}
.simple-cta-buttons a.zonka_btn {
    margin: 0 5px;
    min-width: 220px;
}
.simple-cta-buttons a.zonka_btn:after {
    content: "";
    display: inline-block;
    height: 12px;
    transition: all .5s ease;
    width: 0;
}
.simple-cta-buttons a.zonka_btn:hover:after {
    background: url(//4159648.fs1.hubspotusercontent-na1.net/hubfs/4159648/Zonka_July2019/Images/arrow.png) no-repeat 78%;
    width: 25px;
}

.simple-cta-buttons .zonka-white-btn:hover:after {
/*     background: url(https://4159648.fs1.hubspotusercontent-na1.net/hubfs/4159648/zonka%20new/Logos/right_arrow_icon.svg) no-repeat 78%!important; */
    width: 0px!important;
}

.simple-left-section .simple-cta-buttons {
    text-align: left;
    float: none;
    max-width: 1190px;
}

.simple-left-section .simple-cta-buttons a {text-align: center}

.price-first-colum .price-col {width: calc(100% / 5);}
.price-first-colum .price-col.price-col-enterprice {}
.row-fluid .price-col.price-col-enterprice .price-sec-first {
    border-top: 7px solid #000;
}


/* center-banner-container */
.center-banner-container {text-align: center;}
.center-banner-container .pre_head_logo {justify-content: center;}
.center-banner-container h1, .center-banner-container p {max-width: 900px; margin: auto;}
.center-banner-container .banner_cta_btn ul {justify-content: center;}

.highlight-sub {color: #F94A9A; border: 1px solid #F94A9A; background: #FFEBF4;}


@media(max-width: 1200px){
.zonka_form form input {
    padding: 11px 14px !important;
    width: 100% !important;
}
.zonka_form button#signupform-submitbutton {
    right: 0.5px;
    top: 2.5px;
}
  .case_studies_right_content{
  margin-bottom: 120px;  
}
.case_studies_right_content table tr td:first-child{
  font-size: 22px;
}
.gradient-blockquote p{
  font-size: 14px !important;
}
.case_studies_right_content blockquote{
  font-size: 14px;
}
  .website_surveys_multichannel h2 {
    margin-bottom: 30px !important;
}
  .website_surveys_multichannel .cmtab-left-sec, .website_surveys_multichannel .cmtab-right-sec {
    margin-top: 36px;
    width: 50%;
}
  .website_surveys_multichannel .cmtab-pane {
    align-items: center;
    min-height: auto;
}
  .website_surveys_multichannel h3 {
    margin-bottom: 15px;
}
.website_surveys_multichannel .cmtabber-tabs li a {
    font-size: 14px;
  padding: 0 0 12px;
    margin: 0 12px;
}

.website_surveys_multichannel .cmtab-right-sec img {
    min-height: auto;
}
}

@media (min-width: 1700px) {
  .zonka-right-drop-block .right img {left: 8%; right: auto!important;}
  .zonka-right-drop-block .right img.nps2.macro{left: 0%; right: auto!important;}
  .zonka-right-drop-block .right img.nps3.email-in-sign {left: 8%; right: auto!important;}
  .pipedrive-landing-page .zonka_reporting_sec .right img {max-width: 45%;}
  .freshdesk-img .zonka_lt_img img {max-width: 42%!important;}

  .mailchimp-sec-img1 .zonka_lt_img img {min-width: 750px; max-width: 50%!important; left: 4%;}
  .mailchimp-sec-img2 img {min-width: 790px!important; right: 10%!important; left: auto;}
  .mailchimp-sec-img3 .zonka_lt_img img {min-width: 750px; max-width: 50%!important; left: 12%!important;}
  .right-spc-mailchimp-4col {right: 10%!important;}
}

@media(max-width: 1024px){
  .podcast-banner .podcast-banner-content p {font-size: 18px!important;}
  .episode-block .episode-contbox {width: calc(100% - 445px);}
  .episode-block .episode-contbox h3 {font-size: 30px!important; line-height: 40px;}
  .latest-ep-block .latest-ep-imgbox span {font-size: 21px; line-height: 30px; bottom: 20px; left: 25px;}
  .latest-ep-block .latest-ep-contentbox h3 {font-size: 18px!important; line-height: 25px;}
  .latest-ep-block .latest-ep-contentbox p {font-size: 15px!important; line-height: 24px!important; min-height: 75px;}
  .podcast-banner .podcast-banner-content ul li {padding-right: 15px;}
  .podcast-banner .podcast-banner-content ul li img {height: 39px;}

  .custom-container-testimonial-box {padding: 90px 15px;}
  .more-customer-stories-box {padding: 60px 0 60px 25px;}
  .customer-stories-detail-page .custom-footer-top {overflow: hidden;}
  .customer-widget-block {margin: 0 15px;}
  a.back-to-cs {top: -20px;}
  .customer-stories-custom-container {padding: 45px 0px 15px;}
  .customer-stories-detail-page .customer_stories_banner_left-section h1 {line-height: 48px;}
  .custom-container-testimonial-rightbox p {font-size: 18px!important; line-height: 28px!important;}
  .zonka_template h2 {max-width: 85%;}
  .custom-container-testimonial-leftbox .testimonial-imgbox {margin-left: 30px;}
  
  .pt_100 {
    padding-top: 70px !important;
}
.skyblue-bg {
    padding: 70px 0 50px !important;
}
  .zf-global-brands li {
    column-gap: 15px;
}
  .zonka_new_lt_img {
    width: calc(52% - 20px);
}
  .zonka_new_lt_rt_content {
    width: calc(48% - 20px);
}
  .zf_new_multichannel .cmtabber-tabs li a {
    margin: 0 20px;
    width: auto;
    padding: 12px 20px;
}
.simple-cta-content h3 {
    max-width: 50%;
}
  .zf-why ul li:nth-child(odd) {
    padding-right: 15px;
}
  .zf-why ul li:nth-child(even) {
    padding-left: 15px;
}
  .ZF_black_footer_cta {
    padding: 10px 0;
}

}

@media(max-width: 980px){
  .header-container-wrapper {z-index: 9;}
.zonka_form form {
    width: 100%;
}
.zonka_form form input {
    padding: 11px 10px !important;
  }
  .single-messagee {
    display: block!important;
  }
  .podcast-banner {padding: 0 0 70px!important;}
  .episode-block {padding: 20px; border-radius: 20px; top: -20px; background-size: contain;}
  .episode-block .episode-imgbox {max-width: 320px; margin-right: 25px; margin-bottom: 10px;}
  .podcast-banner .podcast-banner-content p {font-size: 16px!important;}
  .episode-block .episode-contbox {display: inline; float: none;}
  .episode-block .episode-contbox h3 {font-size: 24px!important; line-height: 32px; margin-bottom: 10px;}
  .latest-ep-block .latest-ep-imgbox span {bottom: 20px; left: 20px; font-size: 18px;}
  .latest-ep-block .latest-ep-contentbox p {min-height: 100px;}
  .latest-ep-block .latest-ep-contentbox span small {display: block; float: none}
  .customer-stories-detail-page .zonka_container {padding-top: 60px;}
  .custom-container-testimonial-leftbox .testimonial-imgbox {margin-left: 10px;}
  
  .upcoming-feature {
    padding: 70px 0 !important;
  }
  .upcoming-feature img {
    width: 35px !important;
}
  .zf-new .zonka_template h4 {
        font-size: 18px !important;
    }
.zf-new .upcoming-feature p {
    font-size: 14px !important;
}
.zf-new .zonka_template h6 {
    font-size: 14px !important;
}
.interation_list ul li span {
    width: 38px;
}
.interation_list ul li img {
    max-height: 22px;
}
.zonka_template .interation_list ul li {
        font-size: 13px !important;
        line-height: 20px !important;
    }
.zf-new .center-container {
    padding: 0;
}
  .zf-new .price-sec-first h4 {
    margin: 5px 0 25px;
  }
  .zf-new .price-sec-first p{
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .zf-new .pricing-sign {
    font-size: 20px;
    line-height: 22px;
  }
  .zf-new .price-val {
    font-size: 29px;
    line-height: 30px;
  }
  .zf-new .price-col .price-sec-first .price-sec-blk {
    padding: 20px 10px !important;
  }
  .zf-new .price-col li {
    padding-bottom: 15px;
}


}

@media(max-width: 768px){
  .pt_100 {
        padding-top: 60px !important;
    }
  .mt_110 {
        margin-top: 70px;
    }
  .zf-new .zonka_template h2 {
    font-size: 28px !important;
}
  body .zonka_template p.pre_head {
    font-size: 10px !important;
}
  body.zf-new .zonka_template p.pre_head {
    font-size: 12px !important;
}


.home_banner .zonka_form ul {
    padding-bottom: 0px;
}
  .zf-global-brands img {
    max-height: 40px;
    max-width: 71px !important;
}
  .zf-new .zonka_center_head img {
    margin-top: 50px;
  }
      .zf-new .zonka_multichannel {
        padding: 0 0;
    }
  .zf-new  .new_multichannel ul.cmtabber-tabs {
    margin-top: 20px;
  }
  .zf-new .new_multichannel .cmtabber-tabs li a div {
    margin-bottom: 10px;
}
  .zf-new .new_multichannel .cmtabber-tabs li a {
    padding: 0 0 10px;
    margin: 0 15px;
    font-size: 14px;
    line-height: 18px;
  }
  .zf-new .new_multichannel .cmtab-pane {
    padding: 40px 0px 10px;
}
  .zf-new .zonka_template h3 {
    font-size: 22px !important;
    line-height: 28px !important;
    padding-bottom: 10px !important;
}
  .zf-new .new_multichannel .cmtabber-content .cmtab-left-sec p {
    padding-bottom: 20px;
}
  .zf-new .new_multichannel .cmtabber-content ul {
    padding-top: 20px;
}
  .zf-new .new_multichannel .cmtab-left-sec ul li {
    padding-bottom: 10px;
    text-indent: -26px;
    margin-left: 28px;
}
  .zf-new .new_multichannel .cmtab-left-sec ul li:before {
    background-size: 18px 18px;
    height: 18px;
    margin-right: 8px;
    top: 5px;
    width: 18px;
}
  .new_multichannel .cmtab-right-sec.chnge-width li {
    padding: 10px 16px;
  }
  .new_multichannel .cmtab-right-sec.chnge-width li img {
    height: 27px;
    width: 27px;
    margin-right: 16px;
  }
  .zf-cta-btn {
    line-height: 16px;
    padding: 10px 18px;
    font-size: 14px;
}
  .zf-new .lt_rt_content_top span {
    font-size: 10px;
  }
  .zf-new .lt_rt_content_top h2 {
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 0;
    padding-bottom: 0;
}
  .zf-new .lt_rt_content_top p {
    margin-bottom: 20px !important;
}
  .zf-new .zonka_new_lt_rt_content ul {
    padding-top: 20px;
    padding-bottom: 10px;
  }
  .zf-new .zonka_new_lt_rt_content ul li {
    padding-bottom: 10px;
    padding-right: 0;
    text-indent: -26px;
    margin-left: 28px;
}
  .zf-new .zonka_new_lt_rt_content ul li:before {
    background-size: 18px 18px;
    height: 18px;
    width: 18px;
    margin-right: 8px;
}
  .zonka_new_lt_rt_sec_inner a {
    font-size: 14px;
    line-height: 16px;
}
  .zf-new .zf_new_multichannel .cmtabber-tabs li a {
        margin: 0 10px;
        width: auto;
        padding: 10px 15px;
    }
  .zf-new .zonka_center_head h2 {
    padding: 10px 0 10px;
}
  .zonka_center_responses_head img {
    margin-top: 30px;
}
.zf_new_center_responses .zonka_center_responses_content {
    padding-top: 15px;
}
  .centralize-responses img {
    width: 15px !important;
    padding: 8px;
    margin-right: 8px !important;
}
  .zf-new .tabvertical .d-flex > div {
    padding: 40px 0 0;
}
 .zf-new .reportingDropdown .topHeadSection Span {
    font-size: 10px;
  }
  .zf-new ul#tabs-nav li {
    padding: 2px 10px 8px;
    margin-bottom: 5px;
}
  .zf-new ul#tabs-nav li a {
    background-size: 18px 18px;
    height: 18px;
    margin-right: 8px;
    padding-left: 28px;
    font-size: 14px;
    line-height: 18px;
}
  .three_box_content {
    margin-top: 30px;
    padding: 15px;
}
  .three_box_img {
    height: 40px;
    margin-bottom: 15px;
}
  .three_box_img img{
    max-height: 35px;
}
  .zf-new .zonka_new_lt_rt_content {
    min-height: auto;
}
  .zf-new h5 {
    font-size: 16px;
}
  .zf-why ul li {
    margin-top: 30px;
}
  .zf-why ul li:nth-child(odd) {
        padding-right: 10px;
    }
  .zf-why ul li:nth-child(even) {
        padding-left: 10px;
    }
  .zf-why ul li img {
    margin-right: 10px;
    padding: 8px;
    height: 35px;
}
  .ZF_footer_cta_content {
    max-width: 600px;
    min-height: 300px;
}
  .ZF_footer_cta_content:before, .ZF_footer_cta_content:after {
    width: 200px;
    background-size: 100% 100%;
}
  .ZF_footer_cta_content a {
    margin-top: 20px;
}
}

@media(max-width: 766px){

.zonka_form form input {
    padding: 8px 5px !important;
}
.zonka_form button#signupform-submitbutton {
    padding: 6px 5px !important;
    font-size: 12px !important;
}
.demo-page-section .mint_header .main-header {
    padding: 4px 15px 20px!important;
}
  .customer-story-listing-page .customer-story-listing-banner-box h1 {font-size: 36px!important}
  .get-started-with-zonka-section .get-started-with-zonka-box {margin: 0 0 30px 0;}
  .website_surveys_multichannel {
    padding: 25px 0 !important;
}
.website_surveys_multichannel h3 {
    margin-bottom: 10px;
}
.website_surveys_multichannel .cmtabber-tabs li a {
    padding: 0 0 6px;
    margin: 0 7px;
}
   .website_surveys_multichannel .cmtab-left-sec, .website_surveys_multichannel .cmtab-right-sec {
    width: 100%;
}
  .website_surveys_multichannel .cmtab-pane {
    align-items: flex-start;
}
  .zf_new_center_responses .zonka_center_responses_content {
    max-width: 50%;
}
}

@media(max-width: 500px){
  .zf-new .zonka_template h2 {
        font-size: 26px !important;
    }
  .zf-global-brands li {
        column-gap: 20px;
    }
  .zf-new .new_multichannel .cmtabber-tabs li a img {
    width: 22px;
}
  .zf-new .new_multichannel .cmtabber-tabs li a {
        padding: 0 0 6px;
        margin: 0 8px;
        font-size: 12px;
        line-height: 14px;
    }
  .zf-new .new_multichannel .cmtab-left-sec {
    width: 100%;
    padding-right: 0;
}
  .zf-new .new_multichannel .cmtab-right-sec {
    width: 100%;
}
  .zf-new .zonka_new_lt_img {
        width: 100%;
    margin-top: 30px;
    }
  .zf-new .zonka_new_lt_rt_content {
        width: 100%;
    }
  .zf-new .zf_new_multichannel .cmtabber-tabs li a {
        margin: 0 3px 16px;
  }
  .zf_new_multichannel .cmtab-left-sec, .zf_new_multichannel .cmtab-right-sec {
    margin-top: 30px;
    width: 100%;
}
  .zf-new .zf_new_multichannel .cmtab-right-sec img {
    min-height: auto;
}
  .zf-new .simple-cta-content {
    flex-direction: column;
    align-items: flex-start;
}
  .zf-new .simple-cta-content h3 {
        max-width: 100%;
    }
  .zf-new .zf-cta-btn {
        line-height: 14px;
        padding: 9px 16px;
        font-size: 12px;
    }
  .zf-new .zf-why ul li {
    flex: 0 0 100%;
}
  .zf-new .ZF_footer_cta_content:before, .zf-new .ZF_footer_cta_content:after{
    content: none;
  }
  .banner-image{
  height: 100%;
  }
  .banner-text-area{
    width: 100%;
  }
  .banner-text-area h1 {
    padding-bottom: 22px;
    line-height: 42px;
}
  .banner-text-area a {
    margin-top: 30px;
    margin-bottom: 30px;
}
   .zf-new .zf_new_center_responses .zonka_center_responses_content {
        max-width: 100%;
    }

  .success-stories-boxes ul {
    flex-direction: column;
}
  .zf-lt-rt-testomonial {
    flex-direction: column;
}
  .zonka_container .zf-lt-rt-testomonial:nth-child(even) .zf-testomonial-img {
    order: unset;
}
  .zonka_container .zf-lt-rt-testomonial .zf-testomonial-content {
    order: unset;
    margin-top: 41px;
}
}

.zonka_hero_sec ul{
  display: flex;
  margin: 50px 0 10px;
  align-items: center;
}
.zonka_hero_sec ul li{
  padding-right: 28px;
  max-height: 100px;
}
.zonka_hero_sec ul li img{
  height: 70px;
}
.zonka_hero_right_img{
  position: absolute;
  right: 0;
}
.zonka_hero_right_img img{
  max-height: 460px;
}
.zonka_logo_sec h3{
  text-align: center;
}
.zonka_logo_sec h3 span{
      font-size: 25px;
    font-weight: 500;
}
.zonka_logo_sec ul {
  margin-bottom: 0;
  display: flex;
}
.zonka_logo_sec ul.home_logos {
  justify-content: space-around;
  padding-top: 44px;
  align-items: center;
}
.zonka_logo_sec ul li{
  padding-bottom: 30px;
}
ul.home_logo_content{
  justify-content: center;
  max-width: 790px;
  flex-wrap: wrap;
  margin: auto;
}
ul.home_logo_content li{
  width: 33%;
  padding-bottom: 14px;
  font-size: 14px;
  line-height: 20px;
}
ul.home_logo_content li:before{
  content: url('https://4159648.fs1.hubspotusercontent-na1.net/hubfs/4159648/right%20tik-1%20%281%29.svg');
  display: inline-block;
  padding-right: 10px;
  position: relative;
  top: 7px;
}

.zonka_center_head{
  text-align: center;
}
.zonka_center_head h2{
  padding: 10px 0 15px;
}
.zonka_center_head h2, .zonka_center_head p{
  max-width: 780px;
  margin:auto;
}
.zonka_center_head .zf-tags{
  justify-content: center;
}
.zonka_lt_rt_sec{
  position: relative;
}
.zonka_lt_rt_sec .row-fluid{
  display: flex;
  align-items: center;
}

.zonka_lt_rt_content h2{
  max-width: 410px;  
  padding-top: 10px;
}
.zonka_lt_rt_content p{
  max-width: 450px;  
}
.zonka_lt_rt_content ul{
  padding-top: 35px;
  max-width: 380px;
}
.zonka_lt_rt_content ul li{
  padding-bottom: 20px;
  font-size: 16px;
}
.zonka_lt_rt_content ul li img{
  margin-right: 12px;
  width: 20px;
}
.zonka_lt_rt_content ul li p:first-child{
  display: flex; 
  align-items: center;
  color: #111 !important;
  font-family: apercu_probold!important;
  font-weight: normal;
  padding-bottom: 3px;
}
.zonka_lt_rt_content ul li p:nth-child(2){
  margin-left: 36px;
}
.zonka_lt_rt_content ul li p.not-bold-p{
  font-weight:normal;
}
.zonka_before_tick li{
    text-indent: -19px;
    margin-left: 38px;
}
.zonka_before_tick li:before{
    content: url(https://4159648.fs1.hubspotusercontent-na1.net/hubfs/4159648/zonka%20new/right%20tik%20new.svg);
    display: inline-block;
    height: 20px;
    position: relative;
    top: 5px;
  width: 20px;
}
.zonka_template a.zonka_btn{
  font-size: 16px;
  color: #fff;
  padding: 16px;
  background: linear-gradient(272.02deg, #50B5FF -12.69%, #2BC4F2 100%);
  border-radius: 4px;
  display: inline-block;
  margin-top: 18px;
}
.zonka_template a.zonka_btn:hover{
  background: linear-gradient(272.02deg, #2BC4F2 -12.69%, #50B5FF 100%);
}
.zonka_template a.zonka_btn span{
  position: relative;
  top: 1px;
  transition: transform 0.2s ease-out;
}
.zonka_template a.zonka_btn:hover span {
    transform: translateX(5px);
}

.zonka_mgt_platform_sec{
  text-align: center;
}
.zonka_mgt_platform_head p{
  padding: 5px 0 30px;
}
.zonka_mgt_platform_content_bg{
  background-image: linear-gradient(149deg, #F5F8FF 50%, #ECF1FF 50%);
  padding: 65px 0 45px;
}
.api-webhooks .zonka_mgt_platform_content_bg{
  background-image: none;
}
.zonka_mgt_platform_content{
  padding-top: 45px;
}
.zonka_mgt_platform_card{
    position: relative;
  margin-bottom: 44px;
}
.zonka_mgt_platform_card:before {
    content: '';
    position: absolute;
    left: -15px;
    width: 100%;
    height: 100%;
    top: -20px;
    border: 1px solid #000000;
    border-radius: 8px;
}
.zonka_mgt_platform_card_content {
    z-index: 0;
    position: relative;
    background: #fff;
    border-radius: 8px;
    padding: 25px 5px 8px;
    box-shadow: 6px 10px 30px rgb(205 212 246 / 60%);
    min-height: 260px;
}

.zonka_mgt_platform_card h5{
  border-bottom: 1px solid #D3DAEA;
  padding-bottom: 12px;
  font-size: 18px;
}
.zonka_mgt_platform_card p{
  padding: 12px 0 20px;
  font-size: 15px !important;
  color: #1a1a1a !important;
}
.zonka_mgt_platform_card img {
  transition: transform 0.2s ease-out;
  border-radius: 50%;
}
.skyblue_arrow_icon img{
  box-shadow: 0px 6px 4px rgba(50, 194, 245, 0.26);
}
.purple_arrow_icon img{
  box-shadow: 0px 6px 4px rgba(114, 9, 183, 0.21);
}
.pink_arrow_icon img{
  box-shadow: 0px 6px 4px rgba(245, 50, 144, 0.19);
}
.zonka_mgt_platform_card img:hover {
  transform: translateX(5px);
}

.zonka_multichannel{
  padding: 60px 75px;
  background: #F5F8FF;
}  
.new_multichannel{
  background: transparent;
  padding: 0;
}
.zonka_reporting_sec{
  padding: 41px 0 48px;
  background: #F5F8FF;
  position: relative;
}
.zonka_reporting_sec .outer{
  padding-top: 24px;
}
.zonka_reporting_sec .left {
    height: auto;
    background: transparent;
}
.zonka_reporting_sec .light-blue_Wrapper {
    background: transparent;
    padding: 2px 15px 10px;
    margin-bottom: 0;
    padding-left: 15px;
}
.zonka_reporting_sec .left .light-blue_Wrapper:first-child {
    background: #ECF1FF;
}
.reporting_acc_title{
    display: flex;
    align-items: center;
    color:#1a1a1a;
    margin-right: 0;
}
.reporting_acc_title img{
    margin-top: 10px;
    margin-right: 10px;
  max-width: 24px;
}
.icon-width .reporting_acc_title img{
    width: 20px;
}
.zonka_reporting_sec .icon-width .right img {
    max-height: 500px;
}
.reporting_acc_title span{
    font-size: 16px !important;
    font-family: apercu_probold!important;
    font-weight: normal;
}
.reporting_acc_title:after {
    display: inline-block;
    margin-left: 16px;
    content: "\f078";
    font-family: FontAwesome;
    color:#1a1a1a;
    font-size: 12px;
}
.zonka_reporting_sec .left .light-blue_Wrapper p {
    margin-left: 40px;
    font-size: 16px !important;
}
.zonka_reporting_sec img.Nps_report-img {
    display: none;
}
.zonka_reporting_sec .right {
    position: inherit;
}
.zonka_reporting_sec .right img {
    bottom: 5%;
    position: absolute;
    transition: none;
    right: 5%;
    max-height: 600px;
    max-width: 55%;
}

.zonka_center_responses .view_report-wrapper {
    position: relative;
}
.zonka_center_responses_content_outer .row-fluid{
  display: flex;
  justify-content: center;
}
.zonka_center_responses_content{
  max-width: 320px;
  padding-bottom: 25px;
}
.zonka_center_responses_content div p:first-child{
  display: flex;
  color: #111 !important;
  font-family: apercu_probold!important;
  font-weight: normal;
}
.zonka_center_responses_content div p:nth-child(2){
  margin-left: 36px;
}
.zonka_center_responses_content img{
  margin-right: 14px;
  width: 20px;
}

.home_exp_sol{
  background: #F5F8FF;
  padding: 60px 0 120px;
}
.home_exp_salesforce, .home_exp_hubspot, .home_exp_intercom{
  padding: 32px 18px 110px;
  margin-top: 60px;
  background-size: cover !important;
  transition: transform .2s;
  background-position: 1px 101% !important;
  border-radius: 18px;
  background-repeat: no-repeat;
}
.home_exp_salesforce:hover, .home_exp_hubspot:hover, .home_exp_intercom:hover{
    transform: scale(1.05);
}
.home_exp_salesforce{
  background-image: url('https://4159648.fs1.hubspotusercontent-na1.net/hubfs/4159648/Comparison%20Page/for%20salesforce%20bg.svg');
  filter: drop-shadow(0px 10px 20px rgba(0, 163, 255, 0.15));
  border: 1px solid #008bc1;
  background-color: #ccf1ff;
}  
.home_exp_salesforce h4{
  color: #008BC1;  
}
.home_exp_hubspot{
  background-image: url('https://4159648.fs1.hubspotusercontent-na1.net/hubfs/4159648/Comparison%20Page/for%20hubspot%20bg.svg');
  filter: drop-shadow(0px 10px 20px rgba(255, 107, 0, 0.15));
  border: 1px solid #f8761f;
  background-color: #ffeddc;
}
.home_exp_hubspot h4{
  color: #F8761F;  
}
.home_exp_intercom{
  background-image: url('https://4159648.fs1.hubspotusercontent-na1.net/hubfs/4159648/Comparison%20Page/for%20intercom%20bg.svg');
  filter: drop-shadow(0px 10px 20px rgba(0, 56, 255, 0.15));
  border: 1px solid #286efa;
  background-color: #dbe7ff;
}
.home_exp_intercom h4{
  color: #286EFA;
}
.home_exp_sol_content .home_comp_logo{
  height: 72px;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.home_exp_sol_content h4{
  padding-top: 24px;
}
.home_exp_sol_content p{
  padding-top: 10px;
  color: #111 !important;
}
.zonka_integration_icons {
    background: url('https://4159648.fs1.hubspotusercontent-na1.net/hubfs/4159648/Vector%20%281%29.svg') no-repeat;
    background-size: contain;
    background-position: right;
    padding: 0 20px;
}
.zonka_integration_icons ul{
  display: flex;
  justify-content: flex-end;
  margin-bottom: 0;
  align-items: center;
}
.zonka_integration_icons ul li{
  padding-left: 6px;
  padding-bottom: 18px;
}
.home_customers_content{
  padding-top: 40px;
}
.home_customers_card{
    box-shadow: 0px 4px 18px rgba(42, 100, 188, 0.1);
    background: #fff;
    border-radius: 8px;
  border: 2px solid #ECF1FF;
  padding: 15px;
  height: 230px;
  margin-bottom: 20px;
  position: relative;
}
.home_customers_card p{
  color: #1a1a1a !important;
}
.home_customers_card_content {
  position: absolute;
  bottom: 18px;
  width: 100%;    
  display: flex;
  height: 71px;
}
.home_customers_card_content img{
  float: left;
  margin-right: 10px;
  border-radius: 50%;
  width: 50px;
  height: 50px;
}
.home_customers_card h6{
  padding-bottom: 2px;
  font-size: 17px !important;
  line-height: 18px;
  color: #111 !important;
}
.home_customers_card_content p {
  color: rgba(26, 26, 26, 0.7) !important;
  font-size: 13px !important;
  line-height: 17px !important;
  max-width: 185px;
  padding-bottom:3px;
}
a.home_more{
  color: #111;
  font-size: 16px !important;
  width: 100%;
  padding-top: 20px;
}
a.home_more span{
  position: relative;
  top: 1px;
  transition: transform 0.2s ease-out;
}
a.home_more:hover{
  color: #2cc4f3;
}
a.home_more:hover span {
    transform: translateX(5px);
  fill: #2cc4f3;
}

.zonka_triangle_bg{
  background-image: linear-gradient(145.5deg, #F5F8FF 50%, #ECF1FF 50%);
  padding: 70px 0;
}
.api-webhooks .zonka_triangle_bg{
  background-image: none;
}
.home_why_sec_head{
  text-align: center;
}
.home_why_sec_head h2, .home_why_sec_head p{
    margin: auto;
    max-width: 600px;
}
.home_why_sec_head p{
  padding: 10px 0 60px;
}
.home_why_sec ul li{
    margin-left: 39px;
    padding: 0 40px 36px;
    font-size: 16px;
    text-align: left;
}

.home_why_sec ul li span {
    display: block;
    font-family: apercu_probold!important;
    font-weight: normal;
    padding-bottom: 6px;
    font-size: 17px;
    color: #111 !important;
}

.home_why_sec ul li span img {
    vertical-align: top;
    margin-left: -38px;
    margin-right: 10px;
    width: 20px;
    margin-top: 4px;
}

/******Footer******/

.zonka_footer .row-fluid .widget-span.zonka_footer_content{
  width: 17.9%;
}
.zonka_footer ul{
  padding-bottom: 0 !important;
  margin-bottom: 0;
}
.zonka_footer h5{
  color: #111;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  padding-bottom: 16px;
}
.zonka_footer ul li {
  padding-bottom: 14px;
  font-size: 13px;
  max-width: 190px;
  line-height: 18.2px;
}
.zonka_footer ul li a{
  color: #111;
}
.zonka_footer ul li a:hover{
  color: #2cc4f3;
}
.zonka_footer p{
  line-height: 28px;
  font-size: 13px !important;
}
.zonka_footer .hs-menu-wrapper ul li.hs-item-has-children {
    display: inline-block;
}
.zonka_footer .hs-menu-wrapper ul li.hs-item-has-children>a {
    position: relative;
    padding-right: 20px;
}
.zonka_footer .hs-menu-wrapper ul li.hs-item-has-children:after {
    position: absolute;
    right: 0;
    top: 0;
    content: url('https://4159648.fs1.hubspotusercontent-na1.net/hubfs/4159648/Group%201407.svg');
}
.zonka_footer .hs-menu-wrapper ul li.hs-item-has-children>a:hover{
  color: #111;
}
.zonka_footer .hs-menu-wrapper.hs-menu-flow-vertical.flyouts>ul li.hs-item-has-children.openmenu ul.hs-menu-children-wrapper {
    display: block !important;
}
.zonka_footer .hs-menu-wrapper.hs-menu-flow-vertical.flyouts>ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    visibility: visible;
    opacity: 1;
    left: 0;
    top: 100%;
    display: none;
    position: relative;
    margin-top: 14px !important;
}
ul.zonka_footer_social{
  display: flex;
  align-items: center;
}
ul.zonka_footer_social li{
  margin-right: 23px;
}
.zonka_footer_bottom{
  padding: 24px;
  border-top: 1px solid #CDCDCD;
  border-bottom: 1px solid #CDCDCD;
}
.zonka_footer_bottom ul{
  display: flex;
  justify-content: center;
  margin-bottom: 0;
}
.zonka_footer_bottom ul li{
  padding-right: 10px;
}
.zonka_footer_copyright{
  text-align: center;
  padding: 11px 0 17px;
}
.zonka_footer_copyright ul{
  display: flex;
  align-items: center;
  justify-content: center;
}
.zonka_footer_copyright ul li{  
  color: #000;
  display: flex;
  align-items: center;
  line-height: 0;
  font-size: 14px;
}
.zonka_footer_copyright ul li:after{
  content: url('https://4159648.fs1.hubspotusercontent-na1.net/hubfs/4159648/Vector%20272.svg');
  padding: 0 14px;
}
.zonka_footer_copyright ul li a{
  color: #000;
  font-size: 14px;
}
.zonka_footer_copyright ul li a:hover{
  color: #2cc4f3;
}
.zonka_footer_copyright ul li:last-child:after{
  content: none;
}
.zonka_footer_copyright p{
  color: #000 !important;
  font-size: 13px !important;
}

.online_survey_tabbing .cmtabber-tabs li:nth-child(6), .online_survey_tabbing .cmtabber-tabs li:nth-child(7){
  display: none;
}
.healthcare_survey_tabbing .cmtabber-tabs li:nth-child(7){
  display: none;
}

/******Net Promoter Score******/

.nps_features .zonka_center_head h2{
  max-width: 530px;
  margin: auto;
}
.nps_features_content{
  display: flex;
  margin-top: 32px;
}
.nps_features_content .nps_features_content_img{
  margin-right: 12px;
}
.nps_features_content .nps_features_content_img img{
  margin-right: 20px;
  width: 20px;
  position: relative;
  top: 6px;
}
.nps_features_content p:first-child{
  color: #111 !important;
  font-weight: 600;
  padding-bottom: 5px;
}
.zonka_faq_sec{
  background: #F5F8FF;
  padding: 60px 0;
}

/*TYPES OF SURVEYS - Start*/

.zonka_type_of_survey
{
  background-color:#F5F8FF;
  padding:60px 0px;
}
.zonka_type_of_survey .zonka_listing_type_content.spacetop60
{
  padding-top:60px;
}
.zonka_type_of_survey .zonka_listing_type_content ul
{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.zonka_type_of_survey .zonka_listing_type_content ul li
{
  background:url(https://4159648.fs1.hubspotusercontent-na1.net/hubfs/4159648/zonka%20new/right-tik.svg);
  background-repeat: no-repeat;
  background-position: 3%;
  background-color: #F0F4FD;
  border: 3px solid #FFFFFF;
  border-radius: 8px;
  padding: 9px 8px;
  width: 28%;
  margin-bottom: 16px;
  padding-left: 40px;
  font-size: 16px;
  line-height: 26px;
}
.zonka_type_of_survey.survey_ques .zonka_listing_type_content ul li{
  background-position: 3% 16%;
}
.zonka_container.zonka_mgt_platform_sec.contentbx .zonka_mgt_platform_content .zonka_mgt_platform_card
{
  position:relative;
}
.zonka_container.zonka_mgt_platform_sec.contentbx .zonka_mgt_platform_content .zonka_mgt_platform_card:before
{
    content: '';
    position: absolute;
    border: 1px solid #000;
    top: -20px;
    left: -15px;
    width: 100%;
    height: 240px;
    border-radius: 6px;
    z-index: -1;
}
.zonka_container.zonka_mgt_platform_sec.contentbx .zonka_mgt_platform_content .zonka_mgt_platform_card span .zonka_mgt_platform_card_content
{
  position:static;
      padding: 30px 12px;
}
.zonka_container.zonka_mgt_platform_sec.contentbx .zonka_mgt_platform_content .zonka_mgt_platform_card span .zonka_mgt_platform_card_content img
{
  width: 80px;
}
.zonka_container.zonka_mgt_platform_sec.contentbx .zonka_mgt_platform_content .zonka_mgt_platform_card span .zonka_mgt_platform_card_content h5
{
    border-top: 1px solid #d3daea;
    border-bottom: 0px;
    padding-bottom: 0px;
    font-size: 18px;
    padding-top: 20px;
    margin-top: 20px;
}
.zonka_container.zonka_mgt_platform_sec.contentbx .zonka_mgt_platform_content
{
  padding: 30px 8px;
}
.zonka_mgt_platform_card_content a{
    position: absolute;
    bottom: 20px;
    left: 45%;
}
/*TYPES OF SURVEYS - End*/

/*CX Metrics*/

.zonka_cx_metrics_content{
  box-shadow: 0px 4px 8px rgba(73, 108, 174, 0.15);
  border-radius: 8px;
  background:#fff;
  padding: 24px;
  margin-top: 60px;
}
.zonka_cx_metrics_content:hover{
  box-shadow: 0px 10px 40px rgba(73, 108, 174, 0.3);
}
.zonka_cx_metrics_content h6{
  color: #111;
}
.zonka_cx_metrics_content p{
  height: 130px;
}
.zonka_cx_metrics_content img{
  border-bottom: 1px solid #C7D3F4;
  filter: drop-shadow(0px 15.0436px 22.5653px rgba(73, 108, 174, 0.15)) drop-shadow(0px -6.26815px 12.5363px rgba(73, 108, 174, 0.09));
  padding: 18px 0 30px;
}
.zonka_cx_metrics_content ul{
  padding: 28px 0;
  min-height: 230px;
}
.zonka_cx_metrics_content ul li{
  font-size: 16px;
}
.zonka_cx_metrics_content .zonka_before_tick li:before {
   content: url(https://4159648.fs1.hubspotusercontent-na1.net/hubfs/4159648/zonka%20new/cx_right_tick.svg);
}
.zonka_cx_metrics_content a{
   color: #111;
}

.mailchimp-sec-img2 img {right: 8%!important; left: auto;}
.mailchimp-sec-img3 img {left: 6%;}

/*CX Metrics*/
.pipedrive-landing-page.website-survey .zonka_reporting_sec .right img {max-width: 55%;}
.creating-website-survey .right img {left: 0; bottom: 15%!important}
.pipedrive-landing-page.website-survey .zonka_lt_rt_content ul li p:first-child {font-weight: 600!important;}
.pipedrive-landing-page.website-survey .DYNAMIC-SURVEYS .right img {right: 5%}
.ceating-website-survey .zonka_lt_img img {left: -2%}
.ceating-website-survey .zonka-right-drop-block .right img {left: -2%}

.page-targeting-section {min-height: 640px!important}
.setting-web-widgets .right img {left: -2%; bottom: -5%!important;}
.awf-secion .right img {left: -2%; bottom: -15%!important;}

.slack-make-feedback-section img {max-width: 55%!important; left: 2%;}

.customer-story-listing-page .top-header {background: #EAEAEA;}
.customer-story-listing-page .top-header ul li a {color: #020202;}
.customer-story-listing-page .customer-story-listing-banner-box {padding: 60px 0 80px; text-align: center;}
.customer-story-listing-page .customer-story-listing-banner-box h1 {font-size: 44px!important; line-height: 58px; color: #020202!important; padding-bottom: 25px;}
.customer-story-listing-page .customer-story-listing-banner-box p {font-size: 18px!important; line-height: 30px!important; text-align: center; color: #37383C!important; max-width: 650px; margin: auto;}

.customer-story-listing-page .customer-story-listing-logo-box {background: #F5F8FF; padding: 60px 0; margin-bottom: 80px;}

.customer-story-listing-page .customer-listing-wrapper .post-item {text-align: left; position: relative;}

.customer-story-listing-page .customer-listing-wrapper .post-listing{
  margin: 0 0;
}
.customer-story-listing-page .customer-listing-wrapper .post-listing .post-item {
  border-radius: 10px;
  border: 1px solid #F2F2F2;
  background: #FFF;
  box-shadow: 0px 20px 40px 0px rgba(173, 173, 173, 0.10);
  padding: 10px;
  margin: 0 50px 80px 0;
  width: calc((100% - 100px)/3);
}
.customer-story-listing-page .customer-listing-wrapper .post-listing .post-item:nth-child(3n+0) {
  margin-right: 0;
}
.customer-story-listing-page .customer-listing-wrapper .post-item .hs-featured-image-wrapper{
padding: 22px 0 35px;
    border-bottom: 1px solid rgba(51, 51, 51, 0.1);
  margin: 0 15px;
  margin-bottom: 0 !important;  
  height: 60px;
    box-sizing: content-box;
}
.customer-story-listing-page .customer-listing-wrapper .post-item .hs-featured-image-wrapper img {
    height: auto;
    margin: 0;
    padding: 0;
    max-height: 60px;
}
.customer-story-listing-page .customer-listing-wrapper .post-item .hs-featured-image-wrapper .hs-featured-image-link img.hs-featured-image {
  margin: 0 0;
  height: auto;
}
.customer-story-listing-page .customer-listing-wrapper .post-listing .post-item .post-item-content .blog-tag {
  padding: 25px 15px 0;
}
.customer-story-listing-page .customer-listing-wrapper .post-listing .post-item .post-item-content .blog-tag span {
  font-size: 14px;
  line-height: 26px;
  text-transform: uppercase;
  padding: 4px 7px;
  border-radius: 5px;
  letter-spacing: -0.02em;
}
.customer-story-listing-page .customer-listing-wrapper .post-listing .post-item:nth-child(1n+0) .post-item-content .blog-tag span {
  color: #45A6C3;
  background: #E7F8FD;
}
.customer-story-listing-page .customer-listing-wrapper .post-listing .post-item:nth-child(2n+0) .post-item-content .blog-tag span {
  color: #C7AD19;
  background: #FCF2BD;
}
.customer-story-listing-page .customer-listing-wrapper .post-listing .post-item:nth-child(3n+0) .post-item-content .blog-tag span {
  color: #EC7878;
  background: #FFDADA;
}
.customer-story-listing-page .customer-listing-wrapper .post-listing .post-item .post-item-content p {
  font-size: 24px !important;
  line-height: 32px;
  color: #020202!important;
  padding: 0 17px 32px 15px;
  margin-bottom: 0;
  letter-spacing: -0.03em;
}
a.read-full-story {
    display: flex !important;
    justify-content:space-between;
    align-items: center;
    padding: 14px 15px;
    margin-bottom: 0;
}
a.read-full-story span {
    font-size: 18px;
    font-weight: 500;
    color: #2CC4F2;
    line-height: 30px;
  margin-bottom: 0;
letter-spacing: -0.02em;
}
a.read-full-story::after{
  content: url('https://4159648.fs1.hubspotusercontent-na1.net/hubfs/4159648/zonka%20new/Logos/right_arrow_icon.svg');
  display: block;
  position: absolute;
  right: 15px;
}
.customer-story-listing-page .customer-listing-wrapper .post-listing .post-item:hover {
    border: 1px solid rgba(44, 196, 242, 0.30);
    box-shadow: 0px 30px 40px 0px rgba(44, 196, 242, 0.10);
}
.customer-story-listing-page .customer-listing-wrapper .post-listing .post-item:hover a.read-full-story {
    background: #2CC4F2;
    border-radius: 10px;
}
.customer-story-listing-page .customer-listing-wrapper .post-listing .post-item:hover a.read-full-story span {
    color: #fff;
}
.customer-story-listing-page .customer-listing-wrapper .post-listing .post-item:hover a.read-full-story::after{
  content: url('https://4159648.fs1.hubspotusercontent-na1.net/hubfs/4159648/zonka%20new/Logos/white_right_arrow_icon.svg');
}


.get-started-with-zonka-section {padding-top: 20px;}
.get-started-with-zonka-section .get-started-with-zonka-box {
  border-radius: 8px;
background: #CFF4FF;
  padding: 42px 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.get-started-with-zonka-section .get-started-with-zonka-box h3 {
color: #020202;
font-size: 36px;
line-height: 32px;
letter-spacing: -1.08px;
}
.get-started-with-zonka-section .get-started-with-zonka-box p {
  color: #333;
font-size: 16px;
line-height: 26px;
letter-spacing: -0.32px;
}
.get-started-with-zonka-section .get-started-with-zonka-box a {
  color: #FFF;
font-size: 18px;
font-weight: 700;
  padding: 13px 31px;
  border-radius: 8px;
background: #2CC4F2;
}


.csm-hero-image-section {position: relative;}
.csm-hero-image-section .msc-listings-box.big-box, .csm-hero-image-section .msc-listings-box.big-box {height: auto; margin-top: 230px; width: 30%}
.csm-hero-image-section .msc-listings-box {
    background: #FFFFFF;
    box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.05);
    border-radius: 20px;
    padding-bottom: 20px;
    float: left;
    margin: 10px 25px 10px 0;
    width: calc(67% / 3 - 25px);
    min-height: 316px;
    display: flex;
    flex-direction: column;
    flex-flow: column;
    display: inline-flex;
    overflow: hidden;
}

/******Pricing Page New Design******/

/* .pricing-new{
    background: linear-gradient(180deg, #E5F9FF 0.01%, #FFF 100%);
} */
.pricing-new .zonka_hero_sec h1 {
    padding-bottom: 10px;
  letter-spacing: -0.88px;
}
.pricing-new .pricing_tabbing {
    border-bottom: 1px solid #CCEAF3;
    margin-top: 40px;
    text-align: center;
}

.pricing-new .pricing_tabbing .zonka_container .row-fluid {
    align-items: flex-end;
}

.pricing-new .pricing_tab {
    padding: 15px 18px;
    border-radius: 5px 5px 0px 0px;
    border-top: 3px solid #CCEAF3;
    border-right: 1px solid #CCEAF3;
    border-left: 1px solid #CCEAF3;
    border-bottom: 1px solid #CCEAF3;
    background: #D7F0F8;
    margin: 0 5px;
    text-align: center;
    margin-bottom: -0.5px;
    flex-direction: column;
  width: 50%;
}

.pricing-new .pricing_tab h6 {
    font-size: 16px !important;
    font-weight: 700;
    margin-bottom: 4px;
}

.pricing-new .pricing_tab p {
    font-size: 14px !important;
}

.pricing-new .pricing_tabs .survey_cx_tab {
    background: #fff;
    border-bottom: 1px solid #fff;
  border-top: 3px solid #2CC4F2;
}

.pricing-new .pricing_tabs .survey_cx_tab h6 {
    background: none;
    border-radius: 0;
    font-weight: 700;
    color: #2CC4F2;
}

.pricing-new .pricing_tabs h6 {
    padding: 0;
}

.pricing-new .pricetab_right {
    overflow: hidden;
    text-align: center;
    padding: 0 0 0 20px;
    display: flex;
    justify-content: right;
    margin-bottom: 18px;
    background: transparent;
    align-items: center;
}

.pricing-new .switch {
    position: relative;
    display: inline-block;
    width: 36px;
    height: 20px;
    margin: 0 5px;
}

.pricing-new input:checked+.slider-price {
    background-color: #06CA5C;
}

.pricing-new .slider-price.round {
    border-radius: 10px;
}

.pricing-new .slider-price:before {
    position: absolute;
    content: "";
    height: 14px;
    width: 14px;
    left: 2px;
    bottom: 3px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}
input:checked + .slider-price:before {
    -webkit-transform: translateX(18px);
    -ms-transform: translateX(18px);
    transform: translateX(18px);
}
.pricing-new .periodbased {
    margin-bottom: 0;
    line-height: 20px;
  background: transparent;
}

.pricing-new .periodbased span.saving {
    background: #FFD3D3;
    display: inline-block;
    font-size: 10px;
    padding: 5px 7px;
    border-radius: 20px;
    vertical-align: middle;
    line-height: 10px;
    margin: 0 5px;
    text-transform: uppercase;
    color: #BF2020;
    font-weight: 700;
}

.pricing-new .price-first-row .price-col {
    border-radius: 10px;
    border: 1px solid #E9E9E9;
    background: #FFF;
  margin-top: 50px;
}

.pricing-new .row-fluid .price-col:first-child .price-sec-first {
    border-top: 0;
}

.pricing-new .row-fluid .price-col:nth-child(2) .price-sec-first {
    border-top: 0;
}

.pricing-new .row-fluid .price-col:nth-child(3) .price-sec-first {
    border-top: 0;
}

.pricing-new .row-fluid .price-col:nth-child(4) .price-sec-first {
    border-top: 0;
}
.pricing-new .row-fluid .price-col:last-child {
    background: linear-gradient(1deg, #0B3A81 3.4%, #002256 91.8%);
}

.pricing-new .row-fluid .price-col:first-child .price-sec-first h4 {
    color: inherit;
}

.pricing-new .row-fluid .price-col:nth-child(2) .price-sec h4 {
    color: inherit;
}

.pricing-new .row-fluid .price-col:nth-child(3) .price-sec-first h4 {
    color: inherit;
    ;
}

.pricing-new .row-fluid .price-col:last-child .price-sec-first h4 {
    color: #fff;
}
.pricing-new .price-sec-first h4 {
    border-bottom: 0;
    font-size: 16px !important;
    font-weight: 600;
    line-height: 18px;
    margin: 0 0 20px;
    padding-bottom: 0;
  text-transform: capitalize;
}

.pricing-new .price-sec-first h4 span {
    background: transparent;
  text-transform: uppercase;
}

.pricing-new .row-fluid .price-col:last-child .price-sec-first p,
.pricing-new .row-fluid .price-col:last-child .price-sec-first h6,
.pricing-new .row-fluid .price-col:last-child .price-sec-first li,
.pricing-new .row-fluid .price-col:last-child .price-sec-first .price-val {
    color: #fff !important;
}
.pricing-new .pricing-sign {
    color: #101828;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: .02em;
    line-height: 18px;
    position: relative;
    top: -14px;
}
.pricing-new .price-col span.price_unit {
    text-transform: capitalize;
}
/* .pricing-new .professtional_response-2{
  display: none !important;
} */
.pricing-new select.responses{
    border-radius: 5px;
    border: 1px solid #000;
    margin: 10px 25px 20px;
    color: #000 !important;
    padding: 11px 15px;
    width: -webkit-fill-available;
    background: url(https://4159648.fs1.hubspotusercontent-na1.net/hubfs/4159648/zonka%20new/chevron-down-black.svg) no-repeat 95% 50% #F5F5F5;
  appearance: none;
}
.pricing-new select.responses option{
    font-size: 14px;
}

.pricing-new .price-col .btnprice {
    background: #2cc4f3;
    border-radius: 5px;
    margin: 0 25px;
    padding: 0;
}
.pricing-new .price-col .btnprice a {
    text-transform: capitalize;
    font-weight: 700;
    line-height: 18px;
  padding: 11px;
  display:block;
}
.pricing-new .price-col ul {
  padding-left: 0;
}
.pricing-new .price-col li{
    list-style: none;
}
.pricing-new .price-col li .hover-text {
    position: relative;
    text-indent: -20px;
    padding-left: 20px;
}
.pricing-new .price-col li .hover-text:before{
    content: url('https://4159648.fs1.hubspotusercontent-na1.net/hubfs/4159648/zonka%20new/check.svg');
    margin-right: 10px;
    height: 10px;
    width: 10px;
}
.pricing-new .row-fluid .price-col:last-child li .hover-text:before{
    content: url('https://4159648.fs1.hubspotusercontent-na1.net/hubfs/4159648/zonka%20new/check-white.svg');
}
.pricing-new .price-col h6 {
    padding-bottom: 12px;
    border-bottom: 1px solid #000;
    font-size: 14px !important;
}
.pricing-new .row-fluid .price-col:last-child h6 {
    border-bottom: 1px solid #fff;
}
.pricing-new .price-col .price-sec-first .price-sec-blk {
    padding: 20px 25px 10px!important;
    border-top: 0 !important;
    text-align: left!important;
}
.pricing-new .price-sec-first .price-sec:last-child ul{
    padding-top: 20px;
}
.pricing-new .price-col .numbers-row{
    border-radius: 5px;
    border: 1px solid rgba(0, 0, 0, 0.50);
    background: #F5F5F5;
}
.pricing-new .price-col .numbers-row input {
    width: 36px !important;
    padding: 5px 0;
    background: inherit;
}
.pricing-new .price-col .dec.button,.pricing-new .price-col .inc.button {
    align-items: center;
    background: inherit;
    border-radius: 0;
    box-shadow: none;
    color: inherit;
    display: flex;
    height: 20px;
    justify-content: center;
    width: 25px!important;
}
.pricing-new .tooltip-text{
    text-indent: 0;
}

/******Pricing Page New Design******/


/******Pricing Page******/
.zonka_container .podcast-listing-banner-content, .zonka_container .podcast-listing-banner-content h1, .zonka_container .podcast-listing-banner-content p {color: #06111e!important;}
.zonka_container .podcast-listing-banner-content img.cx-podcast-banner {max-width: 450px; padding-top: 30px; padding-bottom: 30px;}
.zonka_container .podcast-listing-banner-content h1 {font-weight: 700!important; font-family: 'Apercu Pro'!important; max-width: 90%; font-size: 42px !important; line-height: 52px!important;}
.zonka_container .podcast-listing-banner-content p {line-height: 28px!important; font-size: 18px!important; max-width: 90%; padding-bottom: 40px;}
.podcast-listing-banner-section {padding: 40px 0 50px; border-bottom: #ececec 1px solid; margin-bottom: 38px;}
.podcast-listing-banner-section ul {margin-top: 0; box-shadow: 0 5px 20px rgb(146 146 146 / 15%); border-radius: 20px; border-radius: 20px; padding: 25px 0 25px 40px; max-width: 95%;}
.podcast-listing-banner-section ul li {padding-right: 30px; line-height: 0; width: 33.3%;}
.podcast-listing-banner-section ul li:last-child {padding-right: 0px;}
.podcast-listing-banner-section ul li a:hover {color:#06111e!important}
.podcast-listing-banner-section ul li a span {padding: 5px; background: #edf3f5; border-radius: 100%; width: 55px; height: 55px; display: inline-flex; align-items: center; justify-content: center; float: left;}
.podcast-listing-banner-section ul li a span img {max-width: 80%;}
.podcast-listing-banner-section ul li small {padding-left: 12px; font-size: 12px; line-height: 18px; float: left; font-weight: 600; letter-spacing: 0.2px; padding-top: 10px;}
.podcast-listing-banner-imgbox img {max-width: 435px;}

.blog-section .post-listing {margin: 0 -2%;}
.blog-listing-wrapper .post-listing .post-item .hs-featured-image-wrapper {margin-bottom: 12px;}
.podcast-listing-wrapper .hs-featured-image-wrapper .hs-featured-image-link {background: #c7e3ef; border-radius: 15px; margin-bottom: 20px; overflow: hidden; position: relative; text-align: center;}
.podcast-listing-wrapper .hs-featured-image-wrapper .hs-featured-image-link img {width: 100%; max-width: 100%;}
.podcast-listing-wrapper .hs-featured-image-wrapper .hs-featured-image-link p.post-date {position: absolute; bottom: 0; background: rgb(0 0 0 / 60%); width: 100%; padding: 10px 25px; color: #fff!important; /*font-family: apercu_probold!important;*/ font-size: 14px!important; text-align: left;}
.podcast-listing-wrapper .hs-featured-image-wrapper .post-header p {position: relative; left: 0;  top: 0; color: #000!important; font-size: 20px!important; font-family: apercu_probold!important;}
.podcast-listing-wrapper .hs-featured-image-wrapper .post-header #hubspot-topic_data {display: none;}
.podcast-listing-wrapper .post-item .post-body h2 {font-size: 16px !important; color: #06111e; margin-bottom: 25px; padding-bottom: 0; height: 45px; overflow: hidden;}
.podcast-listing-wrapper .post-item .post-body p {font-size: 16px !important; color: #06111e!important; margin-bottom: 20px; padding-bottom: 0;}
.podcast-listing-wrapper .post-item a.more-link {color: #2bc4f2; font-size: 16px!important; margin: 0; line-height: 32px;}
.podcast-listing-wrapper .post-item a.more-link img {margin-right: 10px; line-height: 0; vertical-align: top; width: 30px;}
.podcast-listing-wrapper a.all-posts-link {color: #2bc4f2; font-size: 15px!important; padding: 7px 30px; border: #2bc4f2 2px solid; border-radius: 50px; margin-top: 10px; font-weight: 500;}

.email-subscription-section {background: #c7e3ef; padding: 40px; border-radius: 20px; display: inline-block; width: 100%; margin: 40px 0 0; position: relative;}
.email-subscription-section img {position: absolute; right: 10px; bottom: 0px; max-width: 510px;}
.email-subscription-section .email-subscription-leftbox {width: 55%; float: left;}
.email-subscription-section .email-subscription-leftbox h3 {color: #03080f; font-size: 36px!important; line-height: 48px; margin-bottom: 20px; max-width: 90%;}
.email-subscription-section .email-subscription-leftbox h3 span {color: #303fb2;}
.email-subscription-section .email-subscription-leftbox p {font-size: 18px!important; color: #4e6975!important; letter-spacing: -0.5px!important; line-height: 30px!important; display: none;}
.email-subscription-section .email-subscription-rightbox {width: 45%; float: left;}

.subscription-input {background: #fff; border-radius: 5px; padding: 5px; margin-top: 40px; position: relative; padding-left: 30px;}
.subscription-input input[type="email"] {float: none; background: url('https://4159648.fs1.hubspotusercontent-na1.net/hubfs/4159648/zonka%20new/email-ico.png') no-repeat 0% 50%; margin-bottom: 0!important; height: auto; padding-left: 45px; font-size: 16px;}
.subscription-input input[type="submit"] {position: absolute; right: 5px; top: 5px; margin: 0; background: #2bc4f2; height: 43px; width: 130px; border-radius: 5px; font-size: 16px;}

.podcast-widget-block ul {
    flex-direction: row;
    line-height: 0;
    list-style-type: none;
    margin: 0 auto;
    padding: 0;
    max-width: 1130px;
    display: flex;
    justify-content: space-around;
}
.podcast-widget-block ul li {padding-right: 0px; line-height: 0; width: auto;}
.podcast-widget-block ul li:last-child {padding-right: 0px;}
.podcast-widget-block ul li a:hover {color:#06111e!important}
.podcast-widget-block ul li a span {padding: 5px; background: #edf3f5; border-radius: 100%; width: 55px; height: 55px; display: inline-flex; align-items: center; justify-content: center; float: left;}
.podcast-widget-block ul li a span img {max-width: 80%; border-radius: 20%;}
.podcast-widget-block ul li small {padding-left: 20px; font-size: 16px; line-height: 20px; float: left; letter-spacing: 0.2px; padding-top: 10px; text-align:left; font-weight: 400}
.podcast-widget-block ul li small strong {font-weight: 600}
.email-subscription-section .email-subscription-leftbox .hbspt-form {margin-top: 30px; max-width: 450px;}

.podcasts_listing_content .post-item {
    box-shadow: none;
    background: transparent;
    width: 29.3%;
    margin: 0 2% 40px;
    text-align: left;
}

.post-listing .post-item:nth-child(odd), .post-listing .post-item:nth-child(even) {float: left; margin: 0 2% 40px;}

@media (min-width: 1200px){
body.pricing-page:before {
    background-image: url(https://4159648.fs1.hubspotusercontent-na1.net/hubfs/4159648/zonka%20new/pricing-hero-bg.png);
    content: "";
    height: 354px;
    position: absolute;
    top: 28px;
    width: 100%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
  }
  body.pricing-page .main-header {
    background: transparent !important;
  }
  body.pricing-page.fixed .main-header {
        background: #fff !important;
}
  .zf-new .interation_list{
  margin-left: 75px !important;
}
}

.zonka_template .pricing_hero h1 {
    color: #000;
}
.zonka_template .pricing_hero p{
  color: #615b50 !important;
  padding-bottom: 42px;
}
.pricing_hero .zonka_container .row-fluid {
    display: flex;
    align-items: flex-end;
}
.pricing_tabs{
  display: inline-flex;
}
.pricing_tabs h6{
    font-size: 18px !important;
    padding: 15px 20px;
    font-weight: 500;
}
.pricing_tabs h6:hover{
  cursor: pointer;
}
.pricing_tabs .survey_cx_tab h6{
    background: #fff;
    font-weight: 700;
    border-radius: 8px 8px 0 0;
}
.pricing_hero .pricetab {
    margin-top: 0;
    overflow: unset;
    padding: 0 20px 23px;
    text-align: right;
    display: flex; 
    align-items: flex-end;
    justify-content: flex-end;
}
.pricing_hero .pricetab>div{
  display: flex;
  align-items: center;
}
.mmonthly{
  display: none;
}
.pricing_tab{
  display: flex;
  justify-content: right;
  margin-bottom: 12px;
}
.pricing_tab_btn{
  display: flex;
  background: #fff;
  border-radius: 8px;
}
.pricing_tab button{
  color: #78746b;
  padding: 14px 17px; 
  background: #fff;
  border: 0;
  border-radius: 8px;
  cursor: pointer;
}
.pricing_tab button span{
    background: #d4eeff;
    padding: 8px;
    border-radius: 8px;
    color: #2481ba;
    margin-left: 10px;
}
.pricing_tab_btn button:nth-child(1){
    background: #48b7fc;
    color: #fff;    
}
.pricing_table_cols {
   margin-bottom: 29px;
}
.pricing_table_cols .row-fluid-wrapper .row-fluid{
  display: flex;
  justify-content: center;
}
.price-first-row .price-col{
  margin-top: 29px;
}
.tooltip-text {
    visibility: hidden;
    position: absolute;
    z-index: 1;
    width: 100%;
    color: white;
    font-size: 12px;
    background-color: #192733;
    border-radius: 4px;
    padding: 10px 15px 10px 15px;
    top: 150%;
    left: 20%;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: 150ms;
    max-width: 165px;
}
.hover-text:hover .tooltip-text {
  visibility: visible;
}
.hover-text {
  position: relative;
}

@media (min-width: 1280px){
.price-col {
   max-width: 23.076923077%;
}
}
.price-col{
    background: #fff;
    box-shadow: 0px 7.33401px 14.668px rgba(0, 0, 0, 0.05);
}
.price-first-row .price-col{
  border-radius: 8px 8px 0 0;
}
.price-sec{
  padding: 34px 17px 20px;
}
.price-first-row .price-sec{
  padding: 30px 0 20px;
}
.price-sec-first{
    box-shadow: 0px 7.33401px 14.668px rgba(0, 0, 0, 0.05);
    text-align: center;
    border-radius: 8px 8px 0 0;
}
.price-first-row .price-col .price-sec-first{ box-shadow: none;}
.row-fluid .price-col:nth-child(1) .price-sec-first{
    border-top: 7px solid #cef7e5;
}
.row-fluid .price-col:nth-child(2) .price-sec-first{
    border-top: 7px solid #fdecd2;
}
.row-fluid .price-col:nth-child(3) .price-sec-first{
    border-top: 7px solid #dcdffe;
}
.row-fluid .price-col:nth-child(4) .price-sec-first{
    border-top: 7px solid #fedcdb;
}
.price-sec-first p.before_head{
    color: #3b4240 !important;
    padding-bottom: 0;
}
.price-sec-first h4{
    font-size: 18px;
    font-weight: 600;
     width: 100%; 
   border-bottom: 1px solid #e9e9e9; 
   line-height: 0.1em;
   margin: 15px 0 40px;
  padding-bottom: 5px;
  text-transform: uppercase;
}
.row-fluid .price-col:nth-child(1) .price-sec-first h4{
    color: #06ca5c;
}
.row-fluid .price-col:nth-child(2) .price-sec-first h4{
    color: #fc9e20;
}
.row-fluid .price-col:nth-child(3) .price-sec-first h4{
    color: #8c94ff;
}
.row-fluid .price-col:nth-child(4) .price-sec-first h4{
    color: #fc3a39;
}
.price-sec-first h4 span { 
    background:#fff; 
    padding:0 10px; 
}
.pricing-sign{
    font-size: 29px;
    line-height: 30px;
    color: #101828;
    letter-spacing: 0.02em;
    font-weight: 600;
    position: relative;
    top: -4px;
}
.pricing-sign:before{
  font-family: "Fontawesome";
  display: inline-block;  
}
.usd-sign:before{
  content: '\f155';
}
.price-val{
    font-size: 36px;
    line-height:38px;
    color: #101828;
    font-weight: 600;    
    letter-spacing: 0.02em;
}
.price-col span.price_unit {
    color: #3b4240;
    font-size: 14px;
}
span.billed-annually{
  color: #3b4240;
}
.price-col .btnprice{
  margin: 10px 25px;
  background: #2CC4F3;
    border-radius: 10px;
    padding: 9px;
}
.btnprice a{
    color: #fff;
  text-transform: uppercase;
}
.row-fluid .price-col:nth-child(1) .price-sec{
    border-top: 0.733401px solid #cef7e5;
}
.row-fluid .price-col:nth-child(2) .price-sec{
    border-top: 0.733401px solid #fdecd2;
}
.row-fluid .price-col:nth-child(3) .price-sec{
    border-top: 0.733401px solid #dcdffe;
}
.row-fluid .price-col:nth-child(4) .price-sec{
    border-top: 0.733401px solid #fedcdb;
}
.price-sec-first .price-sec{
  border-top: none !important; 
}
.price-col ul{
  padding-left:15px;
  margin-bottom: 0;
}
.price-col p{
   font-size: 14px !important;
   font-weight: 450;
   line-height: 18px !important; 
   margin:0;
   padding-bottom: 20px;
}
.price-col h6{
   font-weight: 600;
    line-height: 17.7px;
    color: #101828;   
  padding-bottom: 20px;
}
.price-col li{
  font-size: 14px;
  line-height: 18px;
  color: rgba(16, 24, 40, 0.9);
  font-weight: 450;
  padding-bottom: 20px;
}
.price-col .device-ratio{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.offline_surveys_table .price-col .device-ratio {
    padding-bottom: 25px;
}
.price-col .numbers-row{
  background: none;
  display: inline-flex;
  align-items: center;
}
.price-col .dec.button, .price-col .inc.button {
    background: #2CC4F3;
    box-shadow: 0px 2.93361px 5.86721px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    color: #fff;
    width: 25px !important;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.price-col .numbers-row input{
  padding: 5px;
}
.price-sec-last .price-col{
    border-radius: 0 0 8px 8px;
}
.salesforce_table .price-col{
  max-width: 100%;
}
.salesforce_table .price-sec-first{
    display: flex;
    border-radius: 8px;
}
.salesforce_table .price-sec-first .price-sec:nth-child(1){
    width: 40%;
    border-right: 1px dashed #e9e9e9;
}
.salesforce_table .price-sec-first .price-sec:nth-child(1) h3{
  font-size: 35px;
  padding-bottom: 15px;
  line-height: 48px;
}
.salesforce_table .price-sec-first .price-sec:nth-child(1) h3, .salesforce_table .price-sec-first .price-sec:nth-child(1) h5, .salesforce_table .price-sec-first .price-sec:nth-child(1) p{
  text-align: left;
  max-width: 70%;
  margin: auto;
}

.salesforce_table .price-sec-first .price-sec:nth-child(1) p {
  line-height: 22px!important;
}

.salesforce_table .price-sec-first .price-sec:nth-child(1) p.yyearly label.price-val, .salesforce_table .price-sec-first .price-sec:nth-child(1) p.mmonthly label.price-val {
  color: rgb(72, 183, 252);
}

.salesforce_table label{
  padding-bottom: 20px;
}
.salesforce_table span.billed-annually{
  padding: 10px 0 30px;
}
.salesforce_table .price-sec-first .price-sec:nth-child(1) .btnprice{
  max-width: 70%;
  margin: 15px auto;
  cursor: pointer;
  color: #fff;
}
.salesforce_table .price-sec-first .price-sec:nth-child(2){
    display: flex;
    text-align: left;
    padding: 34px 17px 20px;
    justify-content: space-around;
    width: 60%;
}
.open-meeting-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.611764705882353);
    width: 100%!important;
    height: 100%;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
}
.open-booking .open-meeting-wrapper{
    opacity: 1;
    visibility: visible;
}
.pricing-chat-box{
  display: flex;
  background: #000;
  align-items: center;
  justify-content: space-between;
  padding: 40px 60px;
  max-width: 780px;
  margin: auto;
  border-radius: 6px;
}
.pricing-chat-box h4{
   color: #fff;
  padding-bottom: 0;
  font-size: 24px;
}
.pricing-chat-box p{
color: #fff !important;
}
.pricing-chat-box a{
  border: 1px solid #fff;
  color: #fff;
  padding: 15px 60px;
  border-radius: 4px;
}
.pricing-plans {
  padding: 2rem;
}
.Partnership p, .Partnership ul li {
    font-size: 14px !important;
    line-height: 24px !important;
    color: #62686f;
}

.price-tab-container {max-width: 1280px!important;}
.price-tab-container .price-sec-first h4 span {position: relative; top: 5px;}

/**** Inner pages hero section****/

@media screen and (min-width: 981px){
.top-header{
  background: #000;
  border-bottom: 0;
}
.top-header ul li a {
    color: #fff;
}
.blue_header .main-header {
    background: #326CFB !important;
}
.light_blue_header .main-header {
    background: #F4FDFF !important;
}  
.light_green_header .main-header {
    background: #CEFFF4 !important;
} 
.orange_header .main-header {
    background: #FFA11D !important;
}
.main-header.light_pink_header {
    background: #FFF0F0 !important;
}
.peach_header .main-header {
    background: #FFF2EA !important;
} 
.mint_header .main-header {
    background: #AEFFF0 !important;
}
.light_mint_header .main-header {
    background: #DBFEF7 !important;
}
.yellow_header .main-header {
    background: #F5D848 !important;
}
.skyblue_header .main-header {
    background: #E5F9FF !important;
}
.light_skyblue_header .main-header {
    background: #F1FBFE !important;
}

.lily_white_header .main-header {
    background: #F1FBFE !important;
}

.fixed_header .custom-logo{
  height: 50px;
  /* width: 115px !important; */
}
.blue_header .custom-logo a:before{
  max-height: 50px !important;
  background-image: url('https://4159648.fs1.hubspotusercontent-na1.net/hubfs/4159648/zonka%20new/Zonka_Logo_White.svg');
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 100%;
  height: 50px;  
  content:"";
}
.blue_header .custom-logo a img{
  display: none;
}
.white_content .custom-menu-primary .hs-menu-wrapper>ul>li>a {
  color: #fff !important;
}
.white_content .custom-menu-primary .hs-menu-wrapper>ul>li.hs-item-has-children>a:before{
  color: #fff;
}
.white_content .head-right-links ul li.request-button a {
  border: 1px solid #fff;
  color: #fff !important;
}
.fixed_header .head-right-links ul li.trial-button a {
    box-shadow: 0px 2px 14px -1px #00000040;
}
.black_content .custom-menu-primary .hs-menu-wrapper>ul>li>a {
  color: #111 !important;
}
.black_content .custom-menu-primary .hs-menu-wrapper>ul>li.hs-item-has-children>a:before{
  color: #111;
}
.black_content .head-right-links ul li.request-button a {
  border: 1px solid #111;
  color: #111 !important;
}
.reverse_header .main-header {
    background: #fff !important;
}

.reverse_header .main-header {
  background: #000;
}    
.reverse_header .custom-logo{
  height: auto;
  width: auto !important;
}
.reverse_header .custom-logo a:before{
  content:none;
}
.reverse_header .custom-logo a img{
  display: inline-block;
}
.reverse_header .custom-menu-primary .hs-menu-wrapper>ul>li>a {
  color: #000 !important;
}
.reverse_header .custom-menu-primary .hs-menu-wrapper>ul>li.hs-item-has-children>a:before{
  color: #5b686b;
}
.reverse_header .head-right-links ul li.request-button a {
  border: 1px solid #000;
  color: #121c1f !important;
}
.reverse_header .head-right-links ul li.trial-button a {
    box-shadow: 0px 2px 14px -1px #aad3df;
}
.blue_hero{
  background: #326CFB;
}
.light_blue_hero{
  background: #F4FDFF;
}
  .new_light_blue_hero{
  background: rgba(244, 253, 255, 1);
}
  .dark_blue_bg_gradient {
    background-image: linear-gradient(228.79deg, #011744 26.65%, #010C22 102.79%);
    background-size: 100% 65%;
    background-repeat: no-repeat;
  }
.light_green_hero {
  background: #CEFFF4;
} 
.orange_hero{
  background: #FFA11D;
}
.peach_hero{
  background: #FFF2EA;
}
.mint_hero{
  background: #AEFFF0;
}
  .light_mint_hero{
  background: #DBFEF7;
}
.yellow_hero{
  background: #F5D848;
}
  .skyblue_hero{
  background: #E5F9FF;
}
.light_skyblue_hero{
  background: #F1FBFE;
}
.lily_white_hero {
  background: #E3F8FF;
}

}

/**** Inner pages hero section****/


/**** Landing page Start****/

.hs-site-page .header-container, .hs-landing-page .header-container {
    min-height: 57px!important;
}
.pricing-page.hs-site-page .header-container {
    min-height: 91px !important;
}
.pink_header .span4{
    float: right;
}
.pink_header .head-right-links{
    display: flex; 
    justify-content: flex-end;
}
.pink_header .main-header {
    background-image: url('https://4159648.fs1.hubspotusercontent-na1.net/hubfs/4159648/Landing%20Page/lp_header_pink_bg.png') !important;
    padding: 14px 25px 6px !important;
    background-repeat: no-repeat;
    background-size: cover;  
}
.pink_hero{
  background-image: url('https://4159648.fs1.hubspotusercontent-na1.net/hubfs/4159648/Landing%20Page/lp_hero_pink_bg.png') !important;
    background-repeat: no-repeat;
    background-size: cover;
}
.lp_hero_img{
  padding: 0 25px;
}
.lp_hero_form{
  background: #fff;
  padding: 25px;
  border-radius: 10px;
  border: 1px solid #dcc1c1;
  
}
.lp_hero_form p{
  padding-bottom: 55px;
}
.lp_hero_form .free-trial-form-container .field-area input{
  border-radius: 10px;
  border: 1px solid #cdd5e8;
  background: #f9fbff;
  padding: 14px 20px;
}
.lp_hero_form .free-trial-form-container .field-area{
  margin-bottom: 15px;
  position: relative;
}
.lp_hero_form .free-trial-form-container .field-area .fa {
    left: auto;
    right: 20px;
}
.lp_hero_form button{
  margin-top: 15px;
  border-radius: 10px;
}
.lp_logos h3 span{
   font-size: 25px;
    font-weight: 500;
}
.bg_light_green{
  background: #eff9fd;
}
.lp_card{
    padding: 28px 30px 43px 22px;
    border-radius: 10px;
}
.lp_card h5{
    font-size: 18px;
    padding-bottom: 20px;
}
.lp_card img{
    padding-bottom: 20px;
}
.lp_yellow_card{
    background: #f8efde;
}
.lp_green_card{
    background: #def4ea;
}
.lp_purple_card{
    background: #ede8fe;
}
.lp_pink_card{
    background: #fee2e8;
}
.lp_btm_card{
   border: 1px solid #c7d1e3;
   border-radius: 10px;
  padding: 23px 30px 19px;
  margin-top: 40px;
}
.lp_badges {
    display: flex;
    max-width: 100% !important;
}
.lp_badges li {
    padding-right: 10px;
    padding-bottom: 0 !important;
}
.lp_badges li img {
    height: 70px;
    width: 80% !important;
}
.email-form {
    background-color: #fff;
    border: 2px solid #516f90 !important;
}

.zonka_lp_reporting_sec .right img {
    bottom: 0%;
    right: 10%;
    max-height: 450px;
    max-width: 55%;
}

/*** Ebook Landing Pages ****/
.ebook_lp_tq_hero{
  background: url('https://4159648.fs1.hubspotusercontent-na1.net/hubfs/4159648/Landing%20Page/eBook%20Thankyou%20Page/thankyou%20image.png'); 
  background-size: cover;
  padding: 100px 0 0;
}
.ebook_lp_tq_hero .row-fluid{
  display: flex;
  align-items: center;
}
.ebook_tq_rt_img img{
  margin-bottom: -4px;
}
.close-booking {
    position: absolute;
    color: #fff;
    font-size: 20px;
    right: 25px;
    top: 35px;
    font-family: Apercu Pro!important;
    width: 20px;
    height: 20px;
    border: 1px solid #fff;
    border-radius: 0;
    text-align: center;
    line-height: 12px;
    cursor: pointer;
}

.pricing-bookdemo .trial-button a {cursor: pointer;}

/**** Landing page End****/

/**** Responsive Media query ****/

@media (min-width: 1400px){
  .zonka_banner_rt_img img {
    max-height: 530px;
    max-width: 640px;
}
}

@media (min-width: 1800px){

.zonka_hero_right_img {
    position: relative;
    right: auto;
}
    .zonka_banner_rt_img {
    position: absolute;
    right: 0;
}
.zonka_lt_img img {
    left: 15%;
    max-width: 42% !important;
}
.zonka_rt_img img {
    right: 15%;
    max-width: 42% !important;
}
.cmtab-right-sec.chnge-width img {
    float: none;
}
.zonka_reporting_sec .right img {
    right: auto;
 max-width: 45%;
}
  .home_customers_card{
    width: 300px;
  }
img.flexi-img {
    right: 12%;
    max-width: 50% !important;
}
.pipedrive-landing-page .zonka_reporting_sec .right img {
    bottom: 10%;
    right: 12%;
}

.mailchimp-sec-img1 .zonka_lt_img img {
    min-width: 750px;
    max-width: 50%!important;
    left: 4%;
}
}

@media (min-width: 2300px){
  .zonka_lt_img img {left: 20%; max-width: 42% !important;}
  .cmtab-right-sec {right: auto; left: 40%;}
}

@media (max-width: 1200px){
.zonka_container {
    max-width: 1030px;
}
.mb_30{
  margin-bottom: 20px !important;
}
.mt_100{
  margin-top: 70px;
}
  .pt_100{
  padding-top: 70px;
}
.pb_70{
  padding-bottom: 55px;
}
.ptb_90{
  padding-top: 70px !important;
  padding-bottom: 70px !important;
}
.zonka_template h1{
  font-size: 36px !important;
}
.zonka_template h2{
  font-size: 30px !important;
  line-height: 40px !important;
}
.zonka_template h3{
  font-size: 24px !important;
  line-height: 34px;
}
.zonka_template h4{
  font-size: 22px !important;
}
.zonka_template h6{
  font-size: 16px !important;
}
.zonka_template p{
  font-size: 14px !important;
  line-height: 22px !important;
}
.zonka_template ul li{
  font-size: 14px !important;
  line-height: 22px !important;
}
.zonka_template p.pre_head {
    font-size: 16px !important;  
}
.zonka_template a.zonka_btn {
    font-size: 14px;
    padding: 14px;
}
.zonka_mgt_platform_card_content {
    height: 240px;
}
.home_exp_sol_content .home_comp_logo {
  margin-bottom: 19px;
}
.home_exp_salesforce, .home_exp_hubspot, .home_exp_intercom {
    background-size: contain !important;
}
.zonka_mgt_platform_card h5 {
    font-size: 16px;
}
.reporting_acc_title span {
    font-size: 14px !important;
}
.zonka_reporting_sec .left .light-blue_Wrapper p {
    font-size: 14px !important;
}
.home_why_sec ul li {
    font-size: 14px;
    padding: 0 40px 20px;
}

.home_why_sec ul li span {
    display: block;
    font-weight: 700;
    padding-bottom: 6px;
    font-size: 18px;
    color: #111 !important;
}
a.home_more {
    font-size: 14px !important;
}
.zonka_cx_metrics_content {
    padding: 16px;
}
.zonka_cx_metrics_content ul {
    padding: 12px 0;
}
.zonka_before_tick li {
    text-indent: -14px;
    margin-left: 28px;
}
.zonka_before_tick li:before {
    top: 9px;
    width: 15px;
  height: 15px;
  }
  .zonka_lp_reporting_sec .right img {
    bottom: 5%;
    max-width: 50%;
} 
.pricing_header .main-header {
    background-color: #feecd0 !important;
}
.pricing_hero{
background-color: #feecd0;
}
  .customer-story-listing-page .customer-listing-wrapper .post-listing .post-item {
    margin: 0 30px 50px 0;
    width: calc((100% - 60px)/3);
}
.customer-story-listing-page .customer-listing-wrapper .post-listing .post-item .post-item-content p {
    font-size: 20px !important;
    line-height: 28px !important;
}
  a.read-full-story span {
    font-size: 16px;}
}


@media (max-width: 1079px){
  .zonka_container {
    max-width: 100%;
    padding: 0 40px;
}  
  .zonka_mgt_platform_card_content {
    height: 258px;
    padding: 8px 5px 8px;
}
  .zonka_mgt_platform_card p {
    padding: 8px 0 0px;
}
  .zonka_mgt_platform_card img {
    position: absolute;
    bottom: 8px;
    left: 40%;
}
  .zonka_reporting_sec .light-blue_Wrapper {
    width: 300px !important;
  
}
   .home_exp_sol, .zonka_triangle_bg {
    padding: 30px 0;
}
  .home_exp_sol_content .home_comp_logo {
    margin-bottom: 14px;
}
  .home_exp_sol_content h4 {
    padding-top: 15px;
}
  .home_exp_sol_content p {
    padding-top: 2px;
} 
  
.zonka_lp_reporting_sec .right img {
    max-width: 55%;
}  
  .pipedrive-landing-page .blue_hero {
    background: #326CFB;
   }
  .pipedrive-landing-page .blue_hero h1, .pipedrive-landing-page .blue_hero p {color: #fff!important}
.pipedrive-landing-page .zonka_reporting_sec .right img {
    top: 10%;
    right: 4%;
    max-width: 60%;
    bottom: auto;
}
.pipedrive-form .free-quick-form-container-wrapper {max-width: 430px;}
  .custom-footer-top {overflow: hidden; padding: 80px 15px 0}
  .zonka_container .podcast-listing-banner-content img.cx-podcast-banner {max-width: 450px;}
  .email-subscription-section .email-subscription-leftbox {width: 100%;}
  .email-subscription-section img {display: none;}
  .podcast-listing-banner-section ul li {padding-right: 20px;}

  .podcast-banner-block {padding: 0 15px;}
  .podcast-banner-rightblock .podcast-banner-imgblock {margin: 0 auto; height: 100%; width: 100%;}
  .podcast-banner-imgblock img.speaker-img {left: 0; margin-left: 0; max-width: 100%; position: relative;}
  .podcast-banner-speaker-content {bottom: 0px; left: 0px; width: 100%; z-index: 1; max-width: inherit;}
  .spotify-player-box {margin: 95px 15px 0;} 
  .spotify-player-box iframe {border-radius: 5px; width: 100%;}
  .podcast-widget-block {margin: 0 15px;}
  .podcast-watchnow-block h2 {padding-bottom: 0; line-height: 20px;}
  .white-custom-footer .cm-ftr-col {width: 180px !important;}
}

@media (max-width: 990px){
.mt_100{
  margin-top: 60px;
}
  .pt_100{
  padding-top: 60px;
}
.ptb_90{
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}
.zonka_template h1{
  font-size: 32px !important;
}
.zonka_template h2{
  font-size: 27px !important;
  line-height: 36px !important;
}
.zonka_template h3{
  font-size: 21px !important;
  line-height: 34px;
}
.zonka_template h4{
  font-size: 20px !important;
}
.zonka_template h6{
  font-size: 15px !important;
}
.zonka_hero_sec h1 {
    line-height: 38px;
    padding-bottom: 20px;
}

.zonka_hero_sec h1 span {font-family: 'apercu_probold'!important; font-weight: normal;}

.zonka_form form {
    margin: 20px 0 12px;
}
.zonka_form form input {
    font-size: 12px !important;
}
  .zonka_form button#signupform-submitbutton{
  font-size: 12px !important;
  }
.zonka_hero_sec ul li {
    padding-right: 20px;
}
.zonka_logo_sec ul.home_logos {
    padding-top: 30px;
}
.mobile_form_lt_rt .zonka_lt_img img {
    left: 8%;
}
  .mobile_form_lt_rt .zonka_rt_img img {
    right: 8%;
}
.zonka_lt_rt_content ul {
    padding-top: 20px;
}  
  .zonka_mgt_platform_card h5 {
    font-size: 15px;
}
  .zonka_multichannel {
    padding: 60px 0;
}
  .home_exp_salesforce, .home_exp_hubspot, .home_exp_intercom {
    padding: 20px 20px 50px;
  }
  .home_exp_sol_content .home_comp_logo {
    margin-bottom: 0px;
}
  .home_exp_sol_content h4 {
    padding-top: 7px;
}
  .home_exp_sol_content p {
    padding-top: 0px;
}
  .home_why_sec ul li {
    padding: 0 20px 20px;
}
  .lp_hero_form .free-trial-form-container .field-area input {
    padding: 10px;
}
.lp_hero_form .free-trial-form-container .field-area .fa {
    right: 10px;
    font-size: 14px;
}
  .lp_hero_form button {
    padding: 10px;
    font-size: 14px;
}
  .heading-top-space-60 {padding-top: 60px;}
  .msc-listings-box {width: calc(50% - 25px);}
  .podcast-banner-left-section .podcast-banner-logobox {padding-bottom: 30px; padding-top: 0px;}
  .podcast-banner-left-section {padding: 0 0 0px;}
  .podcast-detail-page .podcast-banner-left-section h1 {font-size: 32px; line-height: 44px; margin-bottom: 20px; max-width: 100%;}
  .podcast-banner-left-section p {max-width: 90%}
  .podcast-detail-heading h2 {font-size: 36px; line-height: 48px;}
}

@media(max-width: 980px){
.lp_right_links_desktop{
  display: none !important;
  }
}

@media(max-width: 840px){
.home_exp_salesforce, .home_exp_hubspot, .home_exp_intercom {
  padding: 10px 10px 50px;
}
.home_exp_sol_content h4 {
  padding-top: 12px;
  padding-bottom: 12px;
}
.zonka_cx_metrics_content p {
    height: auto;
}
  .zonka_lp_reporting_sec .right img {
    bottom: 16%;
    max-width: 50%;
}

.pipedrive-landing-page .blue_hero p {
    color: #fff!important;
    max-width: 100%!important;
}
.pipedrive-landing-page .zonka_reporting_sec .right img {
    top: 10%;
    right: 4%;
    max-width: 57%;
    bottom: auto;
}
  .podcast-listing-banner-section {padding: 100px 0 60px!important; margin-bottom: 60px;}
  .podcast-listing-banner-section ul {display: block}
  .podcast-listing-banner-section ul li {padding-right: 0!important}
  .podcast-listing-banner-section ul li:last-child img {height: auto!important;}
  .podcast-listing-wrapper a.all-posts-link {margin-top: 0}
  .podcast-listing-banner-section .span7.widget-span {width: 100%;}
  .podcast-listing-banner-section .span5.widget-span {display: none;}
  .podcast-listing-banner-section ul {display: flex;max-width: 100%;} 
  .podcast-listing-banner-section ul li {padding-right: 40px!important;}
  .podcast-listing-banner-section ul li:last-child {padding-right: 0px!important;}

  .email-subscription-section {margin: 30px 0 60px;}
  .email-subscription-section .email-subscription-leftbox h3 {font-size: 28px!important; line-height: 40px; margin-bottom: 20px; max-width: 100%;}

  .customer-story-listing-page .customer-listing-wrapper .post-listing .post-item {
    margin: 0 28px 50px 0 !important;
    width: calc((100% - 28px)/2);
}
  .customer-story-listing-page .customer-listing-wrapper .post-listing .post-item:nth-child(3n+0) {
    margin-right: auto;
}
   .customer-story-listing-page .customer-listing-wrapper .post-listing .post-item:nth-child(2n+0) {
    margin-right: 0 !important;
}
  .customer-story-listing-page .customer-listing-wrapper .post-listing .post-item .hs-featured-image-wrapper img {
    width: auto;
}
  .customer-story-listing-page .customer-listing-wrapper .post-listing .post-item .post-item-content p {
    font-size: 18px !important;
    line-height: 28px !important;
}
  .get-started-with-zonka-section .get-started-with-zonka-box {
    padding: 30px 25px;
  }
  .get-started-with-zonka-section .get-started-with-zonka-box a {
    font-size: 16px;
    padding: 11px 25px;
    display: flex;
    text-align: center;
    margin-left: 20px;
}
.simple-left-section .simple-cta-buttons {
    float: none;
    max-width: 90%;
    text-align: left;
}
  .success-stories-image {
    margin: 0 10px 15px;
}
  .success-stories-boxes img {
    padding: 15px 0 26px;
    width:80%;
}
.success-stories-boxes span {
    margin: 0 10px;
  font-size: 12px;
}
.success-stories-boxes h4 {
    margin: 5px 10px 0px;
    line-height: 25px;
}
  .success-stories-boxes a {
    padding: 14px 10px;
    font-size: 14px;
    line-height: 24px;
}
  .white-custom-footer .cm-ftr-col:nth-child(3) {
    height: 495px;
}
}

@media (min-width: 576px) and (max-width: 991px){
.zonka_mgt_platform_content_bg .row-fluid{
  display: flex;
  flex-wrap: wrap;
}
.zonka_mgt_platform_content_bg .row-fluid .span3 {
   width: 46%;
   margin-left: 3.4% !important;
   margin-right: 0.6%;
}
  .customer-stories-detail-page .zonka_container {padding-top: 60px;}
  .custom-container-testimonial-box {padding: 90px 15px;}
  .more-customer-stories-box {padding: 60px 0 60px 25px;}
  .customer-stories-detail-page .custom-footer-top {overflow: hidden;}
  .customer-widget-block {margin: 0 15px;}
  a.back-to-cs {top: -20px;}
  .customer-stories-custom-container {padding: 45px 0px 15px;}
  .customer-stories-detail-page .customer_stories_banner_left-section h1 {line-height: 48px;}
  .custom-container-testimonial-leftbox .testimonial-imgbox {margin-left: 10px;}
  .custom-container-testimonial-rightbox p {font-size: 18px!important; line-height: 28px!important;}
}

@media (max-width: 766px){
   
  .spb_0{
    padding-bottom: 0;  
  }
  
  .zf-embed-flypop-button {
    z-index:0!important;
  }
  .zonka_template{
    margin-bottom: 50px;
  }

  .zonka_hero_sec ul {
    margin: 10px 0 10px;
}
  .pricing-page.hs-site-page .header-container {
    min-height: 70px!important;
}
 
  .pricing-page .zonka_template{
      margin-bottom: 0px;
      top:0px;
      margin-top: 0!important;
    }

  .pricing-page .zonka_container {
      padding: 0 15px;
  }
  .pricing-page .row-fluid .price-col:nth-child(1) .price-sec-first {
      margin-top: 40px!important;
  }

  .pricing-page .span12.widget-span.widget-type-cell.zonka_hero_sec.pricing_hero {
    padding-bottom: 40px!important;
}

  div#pricing_compare_table {
      padding-top: 20px!important;
  }
.zonka_container {
    padding: 0 30px;
}

  .zonka_hero_sec .zonka_container .row-fluid {
    align-items: normal;
    flex-direction: column;
}
  .zonka_hero_right_img {
    position: relative;
    right: auto;
}
.zonka_lt_rt_sec .row-fluid {
    align-items: normal;
    flex-direction: column;
}
.zonka_lt_rt_content h2, .zonka_lt_rt_content p, .zonka_lt_rt_content ul{
    max-width: 100%;
}
.zonka_center_responses_content {
    max-width: 32%;
}
.zonka_reporting_sec .left{
    width: 100%;
}
  .integrations .zonka_reporting_sec .left{
    width: 100%;
}
  .zonka_reporting_sec .light-blue_Wrapper {
    width: 100% !important;
}
  .zonka_reporting_sec img.Nps_report-img {
    display: block;
}
  .home_exp_salesforce {
    background: #ccf1ff;
    border: 1px solid #3ebaea;
  border-radius: 18px;
}
.home_exp_hubspot{
    background: #ffeddc;
    border: 1px solid #fb9b58;
  border-radius: 18px;
}
.home_exp_intercom {
    background: #dbe7ff;
    border: 1px solid #5e93fc;
  border-radius: 18px;
}
  .zonka_lt_rt_content {
    padding-bottom: 50px;
}  
  .zonka_type_of_survey .zonka_listing_type_content ul li
	{
		width: 48%;
	}
  .lp_card {
    margin-top: 30px;
}
.ebook_lp_tq_hero .row-fluid{
  display: block;
}
.pipedrive-landing-page .blue_hero {
    padding-top: 100px;
}
.automate-response-img {
    margin-top: 0px;
}
  .make-feedback-section {margin-bottom: 60px}
  .pipedrive-landing-page .zonka_lt_img img {
    max-width: 100%!important;
 }

  .mb_120 {margin-bottom: 50px;}
  .pipedrive-landing-page .zonka_reporting_sec .outer {padding-top: 0px; flex-direction: column;}
  .pipedrive-landing-page .zonka_reporting_sec .right {display: block; width: 100%;}
  .pipedrive-landing-page .zonka_reporting_sec .right img {bottom: 10%; right: 10%; max-width: 100%; position: relative; left: auto; margin: 0;}
  .pipedrive-landing-page .pipe-left-block {min-height: auto;}
  .zonka-right-drop-block .right {display:none!important;}
  .mce-block {padding: 0 20px}
  .single-messagee {display: none!important;}
  .single-messagee p, .blog .single-messagee p {font-size: 13px!important; letter-spacing: -0.5px; max-width: 330px; margin: auto;}

.home_why_sec ul li {padding: 0 0 30px;}
 .home_why_sec ul li span {font-size: 16px;}
 .pipedrive-landing-page.website-survey .zonka_reporting_sec .right {display:none}

  .episode-block {padding: 20px; border-radius: 20px; top: -20px; background-size: contain; margin-bottom: -20px;}
  .episode-block .episode-imgbox {max-width: 300px; margin-right: 25px;}
  .episode-block .episode-contbox {float: none; display: inline;}
  .episode-block .episode-contbox h3 {font-size: 32px!important;}

  .customer-stories-detail-page .zonka_template {top: 100px;}
  .customer_stories_banner_left-section {padding: 0 0 60px;}
  .customer_stories_banner_right_logo {padding-bottom: 60px;}
   
  .customer-widget-block ul {flex-direction: column;} 
  .customer-widget-block ul li {width: 100%; padding: 30px 0;}
  .customer-widget-block ul li:after {height: 1px; margin-top: 0; right: auto; bottom: 0%; width: calc(100% - 20%); left: 10%; top: auto;}
  .customer-stories-detail-page .zonka_container {padding: 0px 25px;}

  .customer-stories-custom-container .customer-stories-custom-leftbox {float: left; width: 100%; padding-bottom: 20px;}
  .customer-stories-custom-container .customer-stories-custom-rightbox {float: left; width: 100%;}
  .customer-stories-detail-page h2 {max-width: 100%!important;}

  .custom-container-testimonial-box {padding: 60px 25px; display: inline-block;}
  .custom-container-testimonial-leftbox {width: 100%; margin-bottom: 40px;}
  .custom-container-testimonial-rightbox {width: 100%; float: none;}
  .custom-container-testimonial-rightbox p {font-size: 16px !important; line-height: 28px !important;}
  
  .more-customer-stories-box {padding: 60px 20px;}
  .msc-listings-box {width: calc(100% - 0px); min-height: auto;}

  .csm-hero-image-container {margin-bottom: 10px}

  .customer-stories-detail-page .csm-hero-image-container p {font-size: 16px!important; line-height: 28px!important;}
  .custom-container-testimonial-leftbox .testimonial-imgbox {margin: 0 auto;}

  .podcast-listing-banner-section {padding: 20px 0 60px!important; margin-bottom: 60px;}
  .zonka_container .podcast-listing-banner-content img.cx-podcast-banner {max-width: 100%;}
  .zonka_container .podcast-listing-banner-content h1 {font-size: 28px !important; line-height: 42px!important;}
  .podcast-listing-banner-section ul {display: inline-block; max-width: 100%;}
  .podcast-listing-banner-section ul li {padding-right: 0px!important; width: 100%; display: inline-block; padding-bottom: 20px;}
  .podcast-listing-banner-section ul li small {padding-left: 20px; font-size: 15px; line-height: 20px;}
  .post-listing .post-item:nth-child(odd), .post-listing .post-item:nth-child(even) {float: left; margin: 0 0 40px; width: 100%;}

  .podcast-banner-imgblock img.speaker-img {left: 0%; margin-left: 0; max-width: 100%; position: absolute;}
  .podcast-banner-speaker-content {bottom: -85px; left: 0px; max-width: 100%; width: 100%; z-index: 0;}
  .podcast-detail-heading span {font-size: 24px; line-height: 36px;}
  .podcast-detail-custom-container {padding: 40px 0px 0;}
  .podcast-detail-custom-container h2 {font-size: 24px!important; line-height: 36px!important; max-width: 100%;}
  .podcast-detail-custom-container .podcast-detail-custom-rightbox {float: left; padding-top: 10px; width: 100%;}
  .podcast-watchnow-block {padding: 30px 15px 0;}
  .podcast-widget-block {margin: 0 15px; max-width: 1130px; padding: 15px 30px;}
  .podcast-widget-block ul {display: block;}
  .podcast-widget-block ul li {padding-right: 0px; width: 100%; padding: 15px 0;}
  .podcast-banner-left-section {padding: 0 15px 60px;}

  .podcast-banner-section {padding-top: 30px;}
  .podcast-banner-left-section {padding: 0 0px 40px;}
  .podcast-banner-left-section .podcast-banner-logobox {padding-bottom: 30px; padding-top: 20px;}
 
  .podcast-detail-page .podcast-banner-left-section h1 {font-size: 32px; line-height: 40px; margin-bottom: 20px; max-width: 100%;}
  .podcast-banner-left-section p {max-width: 100%;}
  .spotify-player-box {margin: 185px 10px auto;}
  .podcast-detail-custom-container .podcast-detail-custom-leftbox {width: 100%;}
  .podcast-detail-heading {padding: 40px 0 0px; text-align: left; margin: 0px;}
  .podcast-detail-heading h2 {font-size: 28px !important; line-height: 38px !important;}
  .spotify-player-box iframe {border-radius: 5px; /*height: 80px;*/}
  .podcast-watchnow-block h2 {padding-bottom: 0;}
  
    .mobile_form_lt_rt .zonka_lt_img img {
    left: 0;
}
  .mobile_form_lt_rt .zonka_rt_img img {
    right: 0;
}
  .center_image {
    margin-top: 50px;
}

.third-party-signup-container .third-party-btn-box {
    padding: 15px 0;
    text-align: center;
}
.third-party-signup-container .third-party-btn-box a {
    margin: 0px auto 12px!important;
    width: 100%!important;
    padding: 12px 20px!important;
    max-width: 250px!important;
    display: block;
    float: none;
}
.white-custom-footer .cm-ftr-col {
    margin: 0 10px 0px 0 !important;
    width: calc(50% - 10px) !important;
    float: left;
}
.white-custom-footer .cm-ftr-col:nth-child(4) {
    width: calc(50% - 10px) !important;
}
.white-custom-footer .cm-ftr-col:nth-child(5) {
    margin-right: 0!important;
    width: 100%!important;
}

ul.white-foot-social {
    margin: 10px 0px -10px;
    display: inline-block;
    width: 100%;
}
ul.white-foot-social li {
    float: left;
    width: 50%;
}
.footer-base-box {
    padding: 20px 0 0;
}
.foot-base-box1 {
    padding-bottom: 20px;
}
.foot-base-box2 {
    padding-bottom: 30px;
}
.foot-base-box2 ul {
    list-style: none;
    padding: 0;
    margin: 0 0 20px;
    line-height: inherit!important;
    display: inline-block;
    float: left;
    width: 100%;
}
.foot-base-box2 ul li {
    display: inline-block;
    padding: 0 15px 0 0;
    line-height: inherit;
    float: left;
}
.foot-base-box3 ul {
margin: 0 auto;
    padding: 0;
float: left;
  }
.white-custom-footer .cm-ftr-col:nth-child(3) {
    width: calc(50% - 10px) !important;
}
  .simple-left-section .simple-cta-buttons {
    text-align: center;
}
}

@media(max-width: 660px){
  .zonka_logo_sec ul.home_logos {
    flex-wrap: wrap;
  }
   ul.home_logos li {
    width: 22%;
    text-align: center;
}
ul.home_logo_content li {
    width: 50%;
  }
  .zonka_center_responses_content_outer .row-fluid{
    flex-direction: column;
  }
  .zonka_center_responses_content {
    max-width: 100%;
}
  .podcast-banner {padding: 70px 0 60px!important;}
  .podcast-banner-imgbox img {max-width: 240px;}
  .podcast-banner-content {padding-left: 0px;}
  .podcast-banner .podcast-banner-content h2 {padding: 10px 0 0; font-size: 24px!important; margin-bottom:20px}
  .podcast-banner .podcast-banner-content p {font-size: 18px!important; margin-bottom: 30px;}
  .podcast-banner .podcast-banner-content ul {display: block;}
  .podcast-banner .podcast-banner-content ul li {width: 100%; display: inline-block; text-align: center; padding: 0 0 5px;}
  .podcast-banner .podcast-banner-content ul li img {height: 40px; max-width: 200px;}
  .podcast-banner .podcast-banner-content ul li:last-child img {height: 40px; width: 100%; max-width: 200px; margin-left: 0px;}

  .episode-block {padding: 20px; border-radius: 20px; background-size: contain; top: -20px; margin-bottom: 0;}

  .episode-block .episode-imgbox {max-width: 100%; width: 100%; margin-bottom: 20px;}
  .episode-block .episode-contbox h3 {font-size: 28px!important; line-height: 40px;}
  .episode-block .episode-contbox {width: calc(100%); float: right;}

  .episode-block .episode-imgbox span {font-size: 20px; line-height: 26px; left: 20px; bottom: 20px;}
  .latest-ep-block .latest-ep-imgbox span {font-size: 20px; line-height: 30px; bottom: 15px; left: 20px;}

  .latest-ep-block .latest-ep-contentbox p {min-height: auto;}
  .latest-ep-block .latest-ep-contentbox span small {display: inline-block; float: right;}
  .episode-block .episode-contbox p {padding-bottom: 30px;}
  
  .get-started-with-zonka-section .get-started-with-zonka-box a {
    font-size: 14px;
    padding: 10px 15px;
    margin-left: 0px;
}
}

.navy_hero{
  background: #293745;
  padding: 90px 0;
  margin-top: 75px;
}
.podcasts_hero_sec h1{
  font-size: 40px !important;
  padding-bottom: 30px;
}
.podcasts_hero_sec p{
  font-size: 20px !important;
  padding-bottom: 20px;
}
.podcasts_hero_sec ul {
    margin-top: 0;
}
.podcasts_hero_sec ul li img {
    height: 40px;
}

@media(max-width: 576px){
  .zonka_type_of_survey .zonka_listing_type_content ul li
	{
		width: 100%;
	}
   .zonka_mgt_platform_card {
    left: 2%;
}
  .zonka_mgt_platform_card_content {
    height: auto;
}
.zonka_mgt_platform_card img {
    position: relative;
    bottom: auto;
    left: auto;
}
  .customer-story-listing-page .customer-listing-wrapper .post-listing .post-item {
    margin: 0 0 40px 0 !important;
    width: 100%;
}
  .customer-story-listing-page .customer-listing-wrapper .post-item .hs-featured-image-wrapper {
    padding: 15px 0 25px;
  }
  .customer-story-listing-page .customer-listing-wrapper .post-listing .post-item .post-item-content p {
    padding: 0 17px 15px 15px;
}
    .get-started-with-zonka-section .get-started-with-zonka-box {
    padding: 20px 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
  .get-started-with-zonka-section .get-started-with-zonka-box a {
    margin-left: 0;
    margin-top: 15px;
}
}

@media(max-width: 445px){
  
ul.home_logo_content li {
    width: 100%;
  }

}

@media (min-width: 1400px) {
.mobile_form_lt_rt .zonka_lt_img img {
    left: 20%;
}
  .mobile_form_lt_rt .zonka_rt_img img {
    right: 20%;
}
}



.single-messagee a {
    color: #111;
    font-weight: 400;
    font-family: inherit !important;
    text-decoration: underline;
}
.white_content.ai-page .center-main-content p {
    color: hsla(0,0%,100%,.8)!important ;
}
.white_content.ai-page .zf-banner-section:before{
  background: url();
}
.zonka_template .prehead_change .pre_head{
  color: #f72585;
    border: 1px solid #f72585;
    background: #FFEBF4;
    font-size: 12px !important;
    font-weight: 500;
    line-height: 16px !important;
    text-transform: uppercase;
    padding: 6px 13px;
    border-radius: 20px;
    display: inline-block;
}
.new-lr-bullet .zonka_lt_img img {
    left: 0;
    max-height: 600px;
    max-width: 98% !important;
    padding-right: 30px;
    position: relative;
}
.new-lr-bullet ul li {
    padding-right: 40px;
    text-indent: -30px;
    margin-left: 30px;
    position: relative;
}
.new-lr-bullet ul li:before {
    display: inline-block;
    content: '';
    background-image: url(https://www.zonkafeedback.com/hubfs/Bullet-Point-icon.svg);
    background-size: 20px 20px;
    height: 20px;
    width: 20px;
    margin-right: 12px;
    position: relative;
    top: 5px;
}
.centerlize-box4 .row-fluid .span6:first-child{
padding-right: 20px;
}
.centerlize-box4 .row-fluid .span6:last-child{
padding-left: 20px;
}
.centerlize-box4 p {
    color: #111;
    font-size: 16px;
	line-height: 26px;
    margin-left: 36px;
    margin-bottom: 25px;
}
.centerlize-box4 p:first-child {
    color: #111 !important;
    display: flex;
    font-family: apercu_probold !important;
    font-weight: 400;
    margin: 0;
}
.centerlize-box4 img {
    margin-right: 14px;
    width: 20px;
}
.upcoming-feature {
    background: linear-gradient(163.14deg,#000 11.63%,#041132 89.35%);
    padding: 100px 0;
  position: relative;
}

.skyblue-bg{
  background: rgba(239, 251, 254, 1);
  padding: 90px 0 70px;
}
.zf-new .upcoming-feature p.pre_head {
  background: transparent;
    border: 1px solid #fff;
    border-radius: 20px;
    color: #fff !important;
    display: inline-block;
    font-size: 12px !important;
    font-weight: 500;
    line-height: 16px !important;
    padding: 6px 13px;
    text-transform: uppercase;
}
.upcoming-feature img{
  width: 50px;
  margin-top: 30px;
}
.upcoming-feature h2 {
    color: #fff;
  padding: 15px 0 15px;
}
.upcoming-feature h4 {
    color: rgba(255,255,255,1) !important;
  padding-top: 10px;
  font-size: 24px;
}
.upcoming-feature p {
    color:  rgba(255,255,255,.8) !important;
  font-size: 16px !important;
    margin: 0;
}
.ai-page .lt_rt_sec .lt_rt_content{
  min-height: auto;
}
.lightBg .JoinTheBest {
    background: #f5f5f53d;
}
@media (max-width: 767px){
  .upcoming-feature p{
    margin-bottom: 30px;
  }
  .top-white-banner .zonka_container p a {
    padding: 8px 10px;
    font-size: 13px;
  }
  .top-white-banner .d-flex > .imageBox {
        margin-top: 40px;
    }
}