/* @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    */
/*****************************************/


/******Home Page******/

html{
  scroll-behavior: smooth;
}
.body-container-wrapper {
    overflow-x: visible;
}
.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;
}
.mb_90{
  margin-bottom: 90px;
}
.mb_120{
  margin-bottom: 120px;
}
.pt_100{
  padding-top: 90px;
}
.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: #23325E;
}
.zonka_template h2{
  font-size: 40px !important;
  color: #23325E;
}
.zonka_template h3{
  font-size: 30px !important;
  line-height: 30px;
  color: #23325E;
}
.zonka_template h4{
  font-size: 24px !important;
  color: #23325E;
}
.zonka_template h6{
  font-size: 20px !important;
}
.zonka_template p{
  font-size: 16px !important;
  margin: 0;
  color: #6a7583 !important;
}
.zonka_template ul{
  padding-left: 0;
  list-style: none;
  color: #6a7583 !important;
}
.zonka_hero_sec{
  position: relative;
}
.zonka_hero_sec .zonka_container .row-fluid{
  display: flex;
  align-items: center;
}
.zonka_hero_sec p.pre_head{
  padding-bottom: 10px;
}
.zonka_hero_sec h1{
  line-height: 48px;
  padding-bottom: 30px;
/*   -webkit-font-smoothing: antialiased;*/
  -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;
}

/******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 .zonka_lt_img {position: relative;}
.pipedrive-landing-page .zonka_lt_img img {max-width: 665px!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 {min-height: 900px;} */
.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: #23325E; 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: #23325E!important; padding-bottom: 20px;}

.latest-txt {font-weight: 700; font-size: 40px!important; line-height: 50px; color: #23325E; padding-bottom: 40px;}
.latest-txt a {font-weight: 400; font-size: 18px; line-height: 50px; letter-spacing: 0.01em; color: #23325E; 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: #23325E; 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: #23325E!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: #23325E; display: none}
.latest-ep-block .latest-ep-contentbox span a {color: #23325E;}
.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: #23325E;}


.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;}
/* .podcast-detail-content h2 {} */


/* .customer-stories-detail-page h1 {font-size: 48px; line-height: 60px; 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}
/* .customer-stories-detail-page p {font-size: 16px; 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 h1{
  line-height: 53px;
  padding-bottom: 20px;
  font-size: 48px !important;
  line-height: 60px; 
  color: #000;
} */
/* .zonka_template .case_studies_banner_content p{
  color: #1d2b36 !important;
    font-size: 18px !important;
  line-height: 1.8;
      letter-spacing: -0.002em;
} */
.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 table{
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
  border-radius: 20px;
  margin-bottom: 40px;
  padding: 10px 36px;
  width: 100%;
}
.case_studies_right_content table tr{
  padding: 10px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.case_studies_right_content table tr td:first-child{
  font-size: 28px;
  line-height: 28px;
  font-weight: 700;
}
.case_studies_right_content table tr td:last-child{
  font-size: 14px;
  line-height: 17px;
} */

.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 p:last-child {margin-bottom: 0!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: auto;}
.msc-listings-box .msc-listings-contentbox p {font-weight: 600; font-size: 14px!important; line-height: 22px!important; color: #37383C!important; height: 50px; 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 strong {background: url(https://4159648.fs1.hubspotusercontent-na1.net/hubfs/4159648/zonka%20new/mike-image.png) no-repeat 0 0; padding-left: 35px; padding-bottom: 0px; display: flex; line-height: 36px;} */
.podcast-detail-custom-container .podcast-detail-custom-rightbox p span {color: #37383C!important;}
/* .customer-stories-custom-container .customer-stories-custom-rightbox p:last-child {margin-bottom: 0!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: rgba(35, 50, 94, 0.65);
  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 #23325E;
  background: transparent;
  color: #23325E;
  font-weight: 700;
  margin-bottom: -0.6px;
}
.website_surveys_multichannel .cmtab-pane {
  align-items: flex-start;
  min-height: 450px;
}
.website_surveys_multichannel h3 {
  color: #23325E;
  font-size: 28px !important;
  line-height: 34px;
  letter-spacing: -0.28px;
  margin-bottom: 25px;
  padding-bottom: 0;
}
.website_surveys_multichannel .cmtabber-content ul {
  display: block;
}
.website_surveys_multichannel .cmtabber-content ul li {
  color: rgba(35, 50, 94, 0.70);
  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: rgba(35, 50, 94, 0.70) !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;
}

@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;
}
  .website_surveys_multichannel h3 {
    margin-bottom: 15px;
}
.website_surveys_multichannel .cmtabber-tabs li a {
    font-size: 14px;
  padding: 0 0 12px;
    margin: 0 12px;
}


}



@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;}
}


@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;}
}

@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;
}
}

.zonka_hero_sec ul{
  display: flex;
  margin: 80px 0 20px;
  align-items: center;
}
.zonka_hero_sec ul li{
  padding-right: 28px;
  max-height: 100px;
}
.zonka_hero_sec ul li img{
  height: auto;
}


.zonka_hero_right_img{
  position: absolute;
  right: 0;
}
.zonka_hero_right_gif{

}
.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_template p.pre_head{
  font-size: 18px !important;
  color: #F72585 !important;
  text-transform: uppercase;
}
.zonka_center_head h2{
  padding: 10px 0 15px;
}
.zonka_center_head h2, .zonka_center_head p{
  max-width: 780px;
  margin:auto;
}
.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: #23325E !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;
}
.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;
}
.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;
}
.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: #23325E !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: #23325E !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: #23325E !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: #23325E;
  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;
}
.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{
/*     text-indent: -39px; */
    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: #23325E !important;
}

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

.home_why_sec ul li: before{
    content: url(https://4159648.fs1.hubspotusercontent-na1.net/hubfs/4159648/shield.svg);
    margin-right: 16px;
    position: relative;
    top: 8px;
}

/******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: #23325E;
  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: #6a7583;
}
.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: #6a7583;
}
.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: #23325E !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_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: #23325E;
}
.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: #23325e;
}

.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******/
.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 {display: none;} */
.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; /* font-family: apercu_probold!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;
}
}

.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 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;:nth-child(1)
}
.blue_header .main-header {
    background: #326CFB !important;
}
.light_blue_header .main-header {
    background: #F4FDFF !important;
}  
.orange_header .main-header {
    background: #FFA11D !important;
}
.peach_header .main-header {
    background: #FFF2EA !important;
} 
.mint_header .main-header {
    background: #AEFFF0 !important;
}
.yellow_header .main-header {
    background: #F5D848 !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;
}
.orange_hero{
  background: #FFA11D;
}
.peach_hero{
  background: #FFF2EA;
}
.mint_hero{
  background: #AEFFF0;
}
.yellow_hero{
  background: #F5D848;
}
.light_skyblue_hero{
  background: #F1FBFE;
}
.lily_white_hero {
  background: #E3F8FF;
}
.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: rgba(17, 17, 17, 0.7) !important;
}
}

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


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

.hs-landing-page .header-container {
    min-height: 57px!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;
/*   box-shadow: 0px 5px 5px #ebf0fa; */
  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: 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;
}
.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: #23325E !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 .zonka_lt_img img {
    max-width: 100%!important;
  } */

  .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;}
  .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;}
}

@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;
}
.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_hero_sec ul li img {
    max-height: 75px;
}
.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;
}
}

@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 .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%;
}
  .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;}
/*   body {padding-top: 60px} */

.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;
}
}

@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%;
}
}