.trial-button a {
    border-radius: 5px !important;
}
.head-right-links ul li.login-button a {
  background:none;
}
.single-messagee a {
    color: #ff464e;
    font-weight: bold;
}
.single-messagee a:hover {
    color: rgb(44, 196, 242);
    font-weight: normal;
}
.template-list.Data .templatinglisting {
	display: inline-block;
	vertical-align: top;
	width: 23%;
	max-height: 900px;
	position: sticky;
	position: -webkit-sticky;
	top: 99px;
	right: 0;
	margin-top: -1rem;
	border-radius: 5px;
	padding: 1rem 1rem 1rem 1rem;
	margin-right: 0%;
}

.template-list.Data .click-category-left {
	padding-left: 0px;
	max-height: 640px;
	padding-right: 0;
	margin: 15px 0 15px 10px;
	overflow-y: auto;
}

#main-list-left ul.click-category-left{
      display: none;
    }
#main-list-left > ul.click-category-left:nth-child(2){
      display: block;
    }

/* -------------- click-category-left  li  --------------- */
/* .template-list.Data .click-category-left li {
	   list-style: disc;
     color: #ff464e;
     padding: 0px 0px 15px 0px !important;
     position: relative;
} */
.template-list.Data .click-category-left li:before{
 content: "\f107";
    display: inline-block;
    height: 8px;
    left: 0;
    margin-right: 10px;
    position: absolute;
    top: 7px;
    width: 10px;
    margin-left: 5px;
    font-family: 'FontAwesome';
    transform: rotate(-90deg);
    font-size: 16px;
}
.template-list.Data .template-list-view li {
    display: inline-block;
    vertical-align: top;
    background: #fff;
    border: 1px solid #2cc4f2;
    margin-left: 2%;
    margin-bottom: 30px;
    width: 31% !important;
    height: 318px !important;
  border-radius: 8px;
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 15px;
}
.template-list.Data .template-list-view li:hover {
    cursor: pointer;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 15px;
}
.slick-template li:hover {
    border-radius: 5px;
    box-shadow: 0 10px 18px -13px rgba(177,187,197,0.6);
    transform: translateY(-10px);
}
.template-list.Data .click-category-left li a {
	  font-size: 14px;
    color: #081c32cc;
    display: block;
  line-height: 20px;
}

.template-list.Data ul.click-category-left:nth-child(1){
  display:block;
} 

/* -------------- Start slick Slider --------------- */ 
.slick-template .slick-dots li button {
    text-indent: -100000px;
    background: #2cc4f2;
    border: #2cc4f2;
    border-radius: 54%;
    opacity: .5;
    width: 12px;
    height: 12px;
}
.slick-template .slick-dots li.slick-active button {
    opacity: 1;
    color: #2cc4f2;
}
.slick-template .slick-dots li{
    position: relative;
    display: inline-block;
    width: 12px !important;
    height: 14px !important;
    margin: 0 5px;
    padding: 0;
    padding-left: 0px;
    padding-left: 0px;
    cursor: pointer;
    border: none;
    transform: none;
}
.slick-template ul.slick-dots {
    text-align: center !important;
}
/* -------------- End click-category-left  li  --------------- */ 

.template-list.Data .templatinglisting h5 {
	  border-bottom: 1px solid #ebeaeb;
    padding-bottom: 0.5rem;
    width: auto;
    margin-bottom: 0.58rem;
    text-align: left;
    font-size: 14px;
    color: #a5b2bd;
    font-size: 14px;
    line-height: 20px;
    font-weight: 100;
    letter-spacing: 2px;
    text-transform: uppercase;
  background: #7d16ff;
    padding: 10px 20px;
    text-align: center;
    color: #fff;
    border-radius: 8px;
    font-weight: 600;
    margin-bottom: 20px;
}

/* -------------- templatinglisting H2 tags  --------------- */
.template-list.Data .templatinglisting h2 a{
    color: #081c32;
    font-size: 16px;
    font-weight: 400;
    display: inline-block;
}
.template-list.Data .templatinglisting h2 {
	font-weight: 700;
	font-size: 16px;
  color:#020202;
  border-bottom: 1px solid #ebeaeb;
  margin-bottom: 0.58rem;
  display: inline-block;
  width: 264px;
  position: relative;
  padding-left: 20px;
}
.template-list.Data .templatinglisting h2 span:before {
    content: "\f107";
    font-family: 'FontAwesome';
    left: 0;
    position: absolute;
    font-size: 20px;
    font-weight: 400;
}

.template-list.Data .templatinglisting h2 span{
    display: inline-block;
    font-size: 0px;
    position: absolute;
    left: 0;
    cursor:pointer;
    color: #081c32;
    width: 13px;
    height: 20px;
    text-align: left;
/*     transform: rotate(180deg); */
}
/* .template-list.Data .templatinglisting h2 span.collapsedClass{
   transform: rotate(0deg);
} */

/* -------------- End templatinglisting H2 tags  --------------- */

.template-list.Data .stay-component h4, p{
  padding:10px 0;
}
.template-list.Data .template-list-view li{
  height: auto !important;
}
.templates_card{
  height: 330px !important;
}
.template-list.Data .template-list-view li div {
    width: 100% !important;
    display: inline-block;
    padding: 0;
    border-radius: 5px;
    height: auto;
}
.template-list.Data .template-list-view li div .stay-component{
  padding: 0 15px;
      color: #333;
  font-size: 14px;
    font-weight: 500;
    line-height: 1.5em;
}
.template-list.Data .template-list-view li div:hover {
  bottom:0;
}

.template-list.Data .template-list-view li img {
  border: 0;
  height: 132px;
  display: block;
  overflow: hidden;
  background: #eef1f5c7;
  border-radius: 3px;
  margin: 0 0 12px;
  object-fit: cover;
}
/* -------------- boxlayout-listing Div  --------------- */
.template-list.Data .boxlayout-listing {
/* 	width: 76%; */
  width: 70%; 
} 
.template-list.Data .boxlayout-listing p {
    padding-bottom: 0.9rem;
    font-size: 16px !important;
    line-height: 26px !important;
    color: #081c32cc !important;
}
.template-list.Data .boxlayout-listing h2, .template-list.Data .boxlayout-listing p{
  padding-left:2%;
}
.template-list.Data .boxlayout-listing .stay-component p{
  padding-left:0;
}
/* -------------- End boxlayout-listing Div  --------------- */

/* -------------- Banner Section Style  --------------- */
.row-fluid [class*="span"].top-banner.survey-app {
    padding-top: 200px;
    padding-bottom: 0px;
    background-position: initial;
    background: url(https://www.zonkafeedback.com/hubfs/survey-app.png);
    background-size: cover;
    min-height: 600px;
    background-position: 64%;
}
.template-list.Data .feature-survey .container {
    width: 100%;
    padding-right: 32px;
    padding-left: 32px;
    margin-right: auto;
    margin-left: auto;
}
.template-list.Data .top-banner.feature-survey .CTA-buttons {
     justify-content: start; 
}
.template-list.Data .feature-survey .container .customer_Data {
    width: 100%;
    max-width: 1110px !important;
    margin: 0 auto !important;
    float: none !important;
    padding: 0 15px;
}
.customer_Data .knowledgeBaseHeaderImg img{min-width: 542px;}
.template-list.Data .headerHeading p {
     font-size: 17px !important;
    line-height: 28px;
    margin-bottom: 20px;
    margin-top: 0;
    padding-left: 0;
}
.template-list.Data .headerHeading h1{
  font-size: 44px; 
  line-height: 54px; 
  color: #020202;
 font-weight: 700;
  max-width: 700px;
}
/* -------------- End Banner Section Style  --------------- */

.divide-wrapper.List_nps>div {
    margin: 0px auto !important;
    line-height: 35px !important;
    width: 52%;
    display: block !important;
}

.divide-wrapper.List_nps h3{
    font-size: 22px; 
    line-height: 30px;
}
.left-img-col>div h3{
    font-size: 22px; 
    line-height: 30px;
}
/* -------------- Understanding Customer Section Style  --------------- */
.divide-wrapper.List_nps > div ul
{
  display: inline-block !important;
  text-align: left !important;
  padding-left: 44px;
  font-size: 16px;
  line-height: 28px;
  margin: 0;
}
.divide-wrapper.List_nps > div ul li
{
    font-size: 16px !important;
    line-height: 28px;
}
.divide-wrapper.List_nps > div p
{
    font-size: 16px !important;
    line-height: 28px;
     margin: 0;
}
.divide-wrapper.List_nps 
{
    padding-top: 40px;
    padding-bottom: 40px;
}
/* -------------- Understanding Customer Section Style  --------------- */
.left-img-col > div {
   display: block !important; 
    flex: 0 0 50%;
    max-width: 59%;
    margin: 0 auto;
}
.template .feature-survey > div a , .template .mtb a , .divide-wrapper.List_nps a{
     color: #000;
    text-decoration: none;
    border-bottom: 1px solid #1d2b36;
}
.template .feature-survey > div a:hover ,.template .mtb a:hover , .divide-wrapper.List_nps a:hover {
    color: #2cc4f2;
}
.template .CTA-buttons .trial-button a{
    color: #fff !important;
    padding: 10px 0px 9px;
    width: 130px;
    text-align: center;
    background: #2cc4f2;
    border-radius: 25px;
    box-shadow: 0px 2px 14px -1px #aad3df;
    border: 1px solid #2cc4f2;
    font-size: 15px;
    font-weight: 500;
    display: inline-flex;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    margin: 0 20px 0 0;
    line-height: 18px;
}

/* -------------- CTA BUtton Section Style  --------------- */

.blog_cta {
  background: #f1f6ff;
  margin-bottom: 0;
  color: #020202;
  padding: 86px 50px 0;
  height: 323px;
}
.blog_cta>div h2 {
    padding-bottom: 0;
    font-weight: 700;
    font-size: 26px; 
    line-height: 36px;
}

.blog_cta>div {
   padding-left: 106px;
   display:inline-block;
   width:80%;
   position: relative;
}

.blog_cta>div p a
{
    color: #fff;
    width: 130px;
    text-align: center;
    background: #2cc4f2;
    box-shadow: 0px 2px 14px -1px #aad3df;
    border: 1px solid #2cc4f2;
    font-weight: 500;
    display: inline-flex;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    margin: 0 20px 0 0;
    line-height: 18px;
    padding: 12px 0px;
    border-radius: 5px;
    font-size: 17px;
}

.blog_cta>div::after {
    content: url(https://4159648.fs1.hubspotusercontent-na1.net/hubfs/4159648/bg-preview.png);
    display: inline-block;
    width: 100px;
    height: 142px;
    position: absolute;
    right: 130px;
    top: -104px;
   transform: scale(0.8);
}


.slick-template li {
    border-radius: 5px;
}
.stay-component p {
   padding-left:0px;
}
.slick-list > div a {
    border-bottom: none !important;
}

.template-list.Data .boxlayout-listing span p {display: inherit; padding: 0;}

@media (max-width:1079px){
 .template-list.Data .templatinglisting h2 {
    font-weight: 700;
    font-size: 16px;
    color: #020202;
    border-bottom: 1px solid #ebeaeb;
    margin-bottom: .8rem;
    display: inline-block;
    width: 226px;
 }
  .template-list.Data .templatinglisting h2 span {
    position: absolute;
    right: 0;
 }
  .head-right-links ul li.trial-button a{
    width: 150px !important; 
  }
}
@media (max-width:980px){
  .template-list.Data .templatinglisting{
    width: 100%;
    position: relative; 
  }
  .template-list.Data .templatinglisting h2 {
    width: 100%;
  }
  .template-list.Data .boxlayout-listing {
    width: 100%;
     margin-top: 103px;
 }
  .row-fluid [class*="span"].top-banner.survey-app {
    background: url(https://www.zonkafeedback.com/hubfs/survey-app.png) no-repeat;
   padding-top: 40px !important;
    padding-bottom: 0px !important;
    min-height: auto;
 }
  .template-list.Data .headerHeading h1 {
    font-size: 33px;
    line-height: 38px;
    font-weight: 700;
}
  .template-list.Data .tem-wrapper{
    margin:0 auto;
  }
  .blog_cta>div::after {
    content:none;
  }
  .template-list.Data .template-list-view li{
    width: 45% !important;
  }
@media (max-width:767px){
   .template-list.Data .templatinglisting{
    width: 100%;
    max-height: 100%;
   position: relative; 
  }
  .template-list.Data .template-list-view li{
    width: 96% !important;
  }
  .template-list.Data .templatinglisting h2 {
    width: 100%;
  }
  .template-list.Data .boxlayout-listing {
    width: 100%;
     margin-top: 103px;
 }
  .row-fluid [class*="span"].top-banner.survey-app {
    background: url(https://www.zonkafeedback.com/hubfs/survey-app.png) no-repeat;
   padding-top: 40px;
    padding-bottom: 0px;
    min-height: auto;
 }
  .template-list.Data .headerHeading h1 {
    font-size: 33px;
    line-height: 38px;
    font-weight: 700;
}
  .template-list.Data .tem-wrapper{
    margin:0 auto;
  }
  .left-img-col>div {
    max-width: 93%;
}
  .divide-wrapper.List_nps>div{
    width: 93%;
  }
  .head-right-links ul li.trial-button a{
        width: 150px !important;

  }
  .blog_cta>div::after {
    content:none;
  }
  
  .blog_cta{
   padding: 19px 19px;
    height: auto;
  }
  .blog_cta>div h2 {
    font-size: 18px;
    line-height: 27px;
 }
  .blog_cta>div {
    padding: 0;
    width:auto;
}
  
}
  @media (max-width:677px){
    .blog_cta>div::after{
          content:none;
    }
  }