.img-width,
 .img-width-1,
 .pie,
 .preloader,
 .startTrial-outer,
 .startTrial_tnput_block,
 .video-wrapper,
 .video-wrapper-1 {
     position: relative
 }

 .click_arrow_btn,
 .startTrial-outer .btn-buildcal {
     letter-spacing: .3px;
     font-family: var(--font_Ubuntu)
 }

 blockquote span.quote-left1,
 blockquote span.quote-right1 {
     content: "“";
     font-family: satisfy-regular;
     font-size: 72px;
     font-style: normal;
     font-weight: 400
 }

 .pre-temp-view,
 img,
 video {
     max-width: 100%
 }

 .click_arrow_btn,
 .main_heading,
 .secondary_heading,
 .startTrial-outer .btn-buildcal {
     font-family: var(--font_Ubuntu)
 }

 .content.temp-info h2 p,
 .marketplce-bottom-text,
 .temp-demo .content h2 {
     white-space: nowrap;
     text-overflow: ellipsis
 }

 .award_box img:first-child,
 .award_box_2 img:first-child,
 .mission img {
     object-fit: contain;
     object-position: center;
     width: 100%
 }

 .award_box svg,
 .award_box_2 svg{
    max-width: 100%;
 }

 a:focus,
 button:focus,
 h2,
 h3,
 h4,
 h5,
 h6,
 img:focus,
 input:focus,
 label,
 select:focus,
 textarea:focus h1 {
     font-weight: 400
 }

 .np,
 .podcast-sec1-row h1 {
     padding: 0
 }

 .left_border {
     border-left: 2px solid var(--border_clr)
 }

 .main_heading {
     font-size: 48px;
     color: var(--primary_clr);
     float: left;
     width: 100%;
     margin: 0
 }

 .line-space {
     line-height: 1.3
 }

 .secondary_heading {
     font-size: 42px;
     line-height: 1.4;
     color: var(--primary_clr) !important;
     margin: 0 auto 50px
 }

 .section-2-subheading {
     float: left;
     width: 100%;
     text-align: center;
     line-height: 1.4;
     color: var(--primary-textclr-op70);
     font-size: 18px
 }

 .main_subheading {
     float: left;
     width: 100%;
     font-size: 18px;
     font-weight: 400;
     color: var(--secondary_textclr_op70);
     margin-top: 3px;
     line-height: 1.6
 }

 .ow_label {
     font-size: 11px;
     font-weight: 400;
     text-transform: uppercase;
     color: var(--primary-textclr-op70);
     text-align: left;
     margin-bottom: 6px !important
 }

 .mn-sec5 .badge_area,
 .mn-sec5 .secondary_heading,
 .no-match-found,
 .preloader,
 .text-center {
     text-align: center
 }

 .section-subheading {
     color: var(--red_clr);
     font-size: 28px;
     margin: 20px 0 0;
     line-height: 1.4
 }

 .section_caption {
     font-size: 18px;
     color: var(--secondary_clr);
     margin: 15px 0;
     line-height: 1.6;
     float: left
 }

 .badge-heading {
     color: var(--red_clr);
     font-size: 28px
 }

 .hide,
 .marketo-items .selectize-control.single .selectize-input:after,
 .mkl ul.pre-temp-list li a::before,
 .rs-show,
 .selectize-input::before {
     display: none !important
 }

 .red_text {
     background: linear-gradient(180deg, #BF0A12 -29.17%, #FB5F66 100%);
     background-clip: text;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
 }

 .enterEmail>input:focus,
 input {
     outline: 0
 }

 .mrg-top {
     margin: -36px 0 0
 }

 .met_22,
 .mgb_10 {
     margin-bottom: 10px !important
 }

 .mgt_10 {
     margin-top: 10px !important
 }

 .QuizzMaker_1 .QuizzCard ul,
 .pd_l {
     padding-left: 0
 }

 .mb20,
 .podcast-sec1-left h2.guide-heading {
     margin-bottom: 20px
 }

 .preloader {
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     z-index: 9;
     margin-bottom: 120px;
     margin-top: 60px
 }

 #premade-loader-new.preloader .white-wrapper .status,
 .status {
     width: 200px;
     height: 200px;
     left: 50%;
     top: 50%;
     background-repeat: no-repeat;
     background-position: center;
     margin: -100px 0 0 -100px;
     position: absolute
 }

 #premade-loader-new.preloader .white-wrapper .status {
     background-image: url(https://dlvkyia8i4zmz.cloudfront.net/HimmhwYTrGDSeCA8RJ4a_logo.gif);
     background-size: 40%
 }

 .status {
     background-image: url("https://dlvkyia8i4zmz.cloudfront.net/HimmhwYTrGDSeCA8RJ4a_logo.gif")
 }

 .image-preloader {
     display: inline-block;
     position: relative;
     width: 100%;
     height: 100%
 }

 .each-arrow-section,
 .image-preloader.preloader_centr {
     display: flex;
     justify-content: center;
     align-items: center
 }

 .image-preloader div {
     box-sizing: border-box;
     display: block;
     position: absolute;
     width: 41px;
     height: 41px;
     margin: 22% 40%;
     border: 4px solid #fb5f66;
     border-radius: 50%;
     -webkit-animation: 1.2s cubic-bezier(.5, 0, .5, 1) infinite lds-ring;
     animation: 1.2s cubic-bezier(.5, 0, .5, 1) infinite lds-ring;
     border-color: #fb5f66 transparent transparent
 }

 .image-preloader.preloader_centr div {
     margin: 0
 }

 .image-preloader div:first-child {
     -webkit-animation-delay: -.45s;
     animation-delay: -.45s
 }

 .image-preloader div:nth-child(2) {
     -webkit-animation-delay: -.3s;
     animation-delay: -.3s
 }

 .image-preloader div:nth-child(3) {
     -webkit-animation-delay: -.15s;
     animation-delay: -.15s
 }

 .QuizzCard_image.whyIntr_loader .image-preloader.preloader_centr {
     position: absolute;
     top: 0
 }

 .flex-wrapper {
     display: flex;
     align-items: center;
     justify-content: center
 }

 .QuizzCard,
 .bg1-img {
     justify-content: center
 }

 @keyframes lds-ring {
     0% {
         transform: rotate(0)
     }

     100% {
         transform: rotate(360deg)
     }
 }

 .imgpreloader-hyt {
     height: 250px !important;
     padding: 0 !important
 }

 .no-match-found {
     display: table;
     float: left;
     background: var(--white_clr);
     width: calc(100% - 230px);
     height: 600px
 }

 .no-match-found-inner {
     display: table-cell;
     vertical-align: middle;
     float: none
 }

 .no-match-found-inner i.material-icons {
     display: block;
     color: var(--red_clr);
     font-size: 46px;
     margin-bottom: 10px
 }

 .section {
     padding: 90px 0;
     float: left;
     width: 100%
 }

 .firstsec {
     padding-top: 140px
 }

 .padd0 {
     padding: 0 !important
 }

 .pad_b {
     padding-bottom: 0 !important
 }

 .pad_t {
     padding-top: 0 !important
 }

 .pd-50 {
     padding: 50px 0 !important
 }

 .mrg_b {
     margin-bottom: 0 !important
 }

 .mrg_t {
     margin-top: 0 !important
 }

 /* .Lead_Quizz,
 .bg_color,
 .reuse_template .new-tabsec .tab-active a {
     background: #fff;
 }
 .reuse_template .mkl{
    background: #fff !important;
 } */

 .row.metrics-inner {
     margin: -15px
 }
 .row.metrics-inner::after, .row.metrics-inner::before {
    display: none;
}

 .no-shadow {
     box-shadow: unset !important
 }

 .bg1-img {
     background: url(../images/strtFreeTrial.jpg) 0 0/cover no-repeat;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     padding: 75px 15px !important;
     display: flex
 }

 .click_arrow_btn.without_arrow {
     padding: 13px 30px 12px
 }

 .click_arrow_btn.without_bg {
     color: var(--red_clr);
     border: 1px solid var(--red_clr);
     padding: 12px 20px
 }

 .click_arrow_btn.without_bg i {
     position: unset;
     padding: 0;
     vertical-align: sub;
     margin-left: 5px
 }

 .Aibot a:hover,
 .click_arrow_btn.with_red_bg:hover,
 .startTrial-outer .btn-buildcal:hover {
     opacity: .8
 }

 .click_arrow_btn.btn-buildcal {
     padding: 12px 35px;
     border-radius: 5px
 }

 .click_arrow_btn.btn-buildcal i {
     position: unset !important;
     padding: 0 !important;
     background: 0 0 !important;
     color: var(--white_clr) !important;
     vertical-align: bottom;
     margin-right: 5px;
     font-size: 24px
 }

 .click_arrow_btn.with_white_bg {
     background: var(--white_clr);
     color: var(--red_clr);
     box-shadow: 0 0 50px rgb(0 0 0 / 25%)
 }

 .click_arrow_btn.with_red_bg {
     background: var(--red_clr);
     color: var(--white_clr);
     box-shadow: 0 10px 30px rgb(251 95 102 / 30%);
     margin-top: 20px
 }

 .section-btn a>.click_arrow_btn.with_red_bg {
     margin-top: 10px
 }

 .click_arrow_btn {
     font-size: 15px;
     border-radius: 50px;
     padding: 13px 84px 14px 30px;
     position: relative;
     transition: .3s ease-in-out;
     text-transform: capitalize;
     outline: 0;
     line-height: 1.4
 }

 .with_white_bg:active,
 .with_white_bg:focus,
 .with_white_bg:hover {
     color: var(--red_clr);
     outline: 0 !important;
     background: #f2f2f2 !important;
     box-shadow: 0 0 50px rgb(0 0 0 / 25%)
 }

 .click_arrow_btn i {
     font-size: 18px;
     border-radius: 25px;
     padding: 13px;
     position: absolute;
     right: 3px;
     top: 2px
 }

 .click_arrow_btn.with_white_bg i {
     color: var(--white_clr);
     background: linear-gradient(117deg, #ff8187, #fb5f66)
 }

 .click_arrow_btn.with_red_bg i {
     color: var(--red_clr);
     background: linear-gradient(117deg, #fff, #f2f2f2)
 }

 .bg1-img .click_arrow_btn {
     margin: 0;
     box-shadow: 0 10px 30px rgb(0 0 0 / 50%)
 }

 .btn-readmore-link {
     color: var(--red_clr);
     font-size: 13px;
     border-radius: 25px;
     border: 1px solid var(--red_clr);
     padding: 9px 27px;
     line-height: 1.4;
     text-decoration: none !important;
     transition: .7s ease-in-out
 }

 .btn-readmore-link:focus,
 .btn-readmore-link:hover {
     background: var(--red_clr);
     color: var(--white_clr);
     outline: 0 !important;
     box-shadow: 3px 4px 6px rgb(0 0 0 / 15%)
 }

 .reading-content .btn-readmore-link i.material-icons {
     margin-top: -4px
 }

 .reuse_template input,
 .white-bg,
 .whtsearch {
     background-color: #fff !important
 }

 .btn-readmore-link i.material-icons {
     font-size: 15px;
     vertical-align: middle
 }

 .startTrial-outer.adjst_center {
     float: none;
     margin: 0 auto;
     max-width: 550px
 }

 .startTrial-outer.adjst_center input {
     padding-right: 40%
 }

 .startTrial-outer.adjst_center input.start_free_input {
     padding-right: 33%
 }

 .startTrial-outer.adjst_center input.assesmnt_trial_input {
     padding-right: 50%
 }

 .startTrial-outer.adjst_center input.giveaway_trial_input {
     padding-right: 47%
 }

 .startTrial-outer input {
     background: var(--white_clr);
     font-size: 14px;
     border: 1px solid #b4b4b4;
     border-radius: 50px;
     padding: 14px 20px 14px 50px;
     width: 100%;
     box-shadow: 0 5px 3px 0 rgb(0 0 0 / 8%);
     color: #858f94;
     -webkit-appearance: none
 }

 .owl-next img,
 .owl-prev img {
     position: absolute;
     top: 18px;
     width: 22px;
     height: 19px
 }

 .startTrial-outer i.material-icons {
     position: absolute;
     left: 23px;
     top: 15px;
     font-size: 18px;
     color: var(--red_clr)
 }

 .startTrial-outer i.yt-icon {
     cursor: pointer;
     background: var(--white_clr);
     padding: 14px;
     font-size: 28px;
     border-radius: 30px;
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);
     border: 2px solid #fb5f66
 }

 .startTrial-outer .test-play-icn {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     border-radius: 50%;
     padding: 36px;
     background: #fff
 }

 .startTrial-outer a {
     float: none;
     padding: 14px 0
 }

 .startTrial-outer .btn-buildcal {
     background: var(--red_clr);
     color: var(--white_clr);
     font-size: 15px;
     padding: 13px 28px 12px !important;
     border: 2px solid var(--red_clr);
     transition: .5s ease-in-out;
     box-shadow: none;
     border-radius: 50px;
     text-transform: capitalize;
     line-height: 1.4;
     right: 0;
     position: absolute;
     width: auto
 }

 .startTrial-outer .btn-buildcal.market-btn-buildcal {
     right: -45px
 }

 .startTrial-outer .btn-buildcal.event-btn-buildcal {
     right: -90px
 }

 .owl-carousel {
     margin-bottom: -20px
 }

 .owl-carousel .owl-stage {
     width: 6000px !important
 }

 .owl-carousel .owl-item {
     padding-top: 5px
 }

 .owl-carousel .owl-item img {
     float: left;
     height: 73px
 }

 .my-nav button.disabled {
     opacity: .2 !important
 }

 .owl-prev img {
     left: -38px
 }

 .owl-next img {
     right: -42px
 }

 .ab-tab,
 .adjust-ecom .temp-demo,
 .chatbot-readingsec-row,
 .choose-app-body,
 .comparison-chart-heading,
 .no-search,
 .podcast-sec1-left h1 span,
 .reading-block-col,
 .search-input .input-group,
 .temp-preview .image-bg1,
 .temp-preview .image-scroll1,
 .temp-preview .image-scroll1 img,
 section.section-premade-temp {
     width: 100%;
     float: left
 }

 .pre-owl .item {
     padding-left: 18px
 }

 .faq p,
 .hide-on-web,
 .home-imgs li img.rs-hide,
 .marketo-cntnt-area span,
 .marketplce-contnt-back,
 .marketplce-tooltip,
 .mkm,
 .owl-dots,
 .premade-template-new .selectize-wrapper,
 .swiper_container_ranking,
 .swiper_container_ranking_mob {
     display: none
 }

 .img-shadow {
     box-shadow: 0 5px 20px rgba(0, 0, 0, .15)
 }

 .temp-preview .image-scroll1 {
     background-position: 0 0;
     background-size: 100%;
     float: left;
     width: 100%;
     background-repeat: no-repeat;
     min-height: auto
 }

 .temp-preview .img_outer {
     min-height: 400px !important;
     max-height: 600px;
     overflow: hidden
 }

 .no-search {
     font-size: 12px;
     color: var(--secondary_clr);
     padding: 5px 0 0 19px;
     position: relative
 }

 .premade-template-new .search-input .no-search i.material-icons {
     font-size: 13px;
     color: #888;
     float: left;
     padding: 0;
     top: 7px;
     left: 0
 }

 .no-search a {
     color: var(--red_clr);
     text-decoration: underline
 }

 .btn-hover:active,
 .btn-hover:focus,
 .btn-hover:hover {
     -webkit-transition: .5s ease-in-out;
     transition: .5s ease-in-out;
     background: var(--red_clr) !important;
     color: var(--white_clr) !important
 }

 .sec-cookies {
     padding: 22px
 }

 .img-wrapper-macro img,
 .mom-logo-imgs img {
     margin: 0 !important
 }

 .startTrial-outer input:-moz-placeholder {
     color: #b4b4b4
 }

 .startTrial-outer input:-ms-input-placeholder {
     color: #b4b4b4
 }

 .startTrial-outer input::-moz-placeholder {
     color: #b4b4b4
 }

 .startTrial-outer input::-webkit-input-placeholder {
     color: #b4b4b4
 }

 .margin-T50,
 .section-btn {
     margin-top: 50px
 }

 blockquote {
     quotes: none;
     position: relative;
     padding: 14px 14px 14px 10px;
     border-left: 4px solid transparent
 }

 .section-quotes blockquote {
     font-size: 18px;
     color: var(--blue-clr);
     font-family: sintony-bold;
     line-height: 30px;
     border: none;
     display: block;
     max-width: 87%;
     margin: 0 auto;
     padding: 0 30px;
     font-style: italic
 }

 blockquote span.quote-left1 {
     color: var(--red_clr);
     position: relative;
     top: 25px;
     margin-right: 5px !important
 }

 blockquote span.quote-right1 {
     color: var(--red_clr);
     transform: rotate(-180deg);
     position: absolute;
     bottom: 36px;
     margin-left: 10px !important
 }

 .section-quotes span {
     color: var(--secondary_clr);
     font-size: 18px;
     line-height: 30px;
     font-style: italic
 }

 .section-btn span {
     color: var(--secondary_clr);
     font-size: 14px;
     opacity: .7;
     display: block;
     padding: 0 10px
 }

 .choose-app-body,
 .img_mar {
     margin-top: 25px
 }

 .awards_wrapper,
 .img_sec {
     display: flex;
     justify-content: space-between
 }

 .review-page .section-main {
     overflow: hidden
 }

 .reading_block_outer {
     display: grid;
     grid-template-columns: 1fr 1fr 1fr;
     gap: 20px
 }

 .reading-block-col {
     background: #fff;
     border-radius: 7px;
     transition: .3s ease-in-out;
     text-align: left;
     margin: 15px 0
 }

 .About_Quizz.white-bg .reading-block-col {
     background: #f2f2f2 !important
 }

 .img-scaler {
     position: relative;
     overflow: hidden;
     width: auto;
     border-radius: 7px 7px 0 0
 }

 .img-scaler img {
     -moz-transition: .3s ease-in-out;
     -webkit-transition: .3s ease-in-out;
     transition: .3s ease-in-out;
     width: 100%
 }

 .img-scaler:hover img {
     -moz-transform: scale(1.1);
     -webkit-transform: scale(1.1);
     transform: scale(1.1)
 }

 .reading-content {
     padding: 30px 25px !important;
     height: 278px;
     position: relative
 }

 .reading-content h3 {
     font-size: 16px;
     line-height: 1.4;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     max-height: 43px;
     overflow: hidden;
     color: var(--primary_clr);
     margin: 0 0 20px
 }

 .reading-block:first-child h4 {
     padding-right: 20px
 }

 .reading-content p {
     font-size: 14px;
     line-height: 1.6;
     color: var(--secondary_textclr_op70);
     display: -webkit-box;
     -webkit-line-clamp: 4;
     -webkit-box-orient: vertical;
     overflow: hidden;
     max-height: 90px;
     min-height: 90px
 }

 .marketplce-col-text p,
 .meet_card p {
     -webkit-line-clamp: 3;
     -webkit-box-orient: vertical
 }

 .reading-block-col .btn-readmore-link {
     position: absolute;
     bottom: 32px
 }

 .reading-block-col:hover {
     box-shadow: 0 10px 40px rgba(73, 142, 182, .3)
 }

 .podcast-sec2 .secondary_heading,
 section.sec-chatbot.intercom.ns.inter3 {
     margin-bottom: 40px
 }

 .choose-app-row:first-child,
 .firstsec .inter1 .main_heading {
     margin-bottom: 50px
 }

 .flex,
 .section-reading .container {
     display: flex;
     flex-wrap: wrap
 }
.content{
    display: flex;
        row-gap: 50px;
        flex-wrap: wrap;
        justify-content: center;
}
 .marketo-cntnt-area,
 .premade-template-new {
     float: left;
     width: 100%;
     position: relative
 }

 #episode-section .search-input i.material-icons {
     position: absolute;
     right: 0;
     font-size: 15px;
     color: #a9a0a0;
     padding: 0;
     top: 15px
 }

 .premade-template-new .search-input input[type=text] {
     width: 100%;
     box-sizing: border-box;
     border: none;
     font-size: 15px;
     color: #555;
     background-color: #f6f6f6;
     padding: 17.5px 10px 17.5px 45px;
     -webkit-transition: width .4s ease-in-out;
     transition: width .4s ease-in-out;
     border-radius: 3px
 }

 .new-tabsec {
     padding: 0 41px;
     float: left;
     width: 100%;
     position: relative
 }

 .new-tabsec .item {
     float: left;
     width: auto !important
 }

 .new-tabsec .item:first-child a {
     border-right: 0;
     border-top-left-radius: 4px;
     border-top-right-radius: 4px;
     border-bottom:none;
 }

 .new-tabsec .item a {
     font-size: 12px;
     color: var(--secondary_clr)
 }

 .new-tabsec a {
     color: #8a9097;
     display: block;
     font-size: 11px;
     font-weight: 400;
     height: 40px;
     line-height: 44px;
     text-align: center;
     text-transform: uppercase;
     width: auto;
     padding: 0 20px
 }

 ul.pre-temp-cat-new {
     height: 600px;
     width: 215px;
     margin-top: 0;
     padding-right: 10px
 }

 .new-tabsec .tab-active a {
     /* background: var(--white_clr); */
     background: #f6f6f6;
     border-bottom-color: transparent;
     color: var(--red_clr);
     cursor: default;
     box-shadow: 0 0 5px rgb(0 0 0 / 15%)
 }

 .mkl {
     float: left;
     width: 100%;
     padding: 40px;
     padding-top: 40px;
     display: block;
     background: #f6f6f6;
     box-shadow: 0 -3px 8px -5px rgb(0 0 0 / 8%)
 }

 .mkl .pre-temp-cont-new {
     width: 100%;
     padding: 0 !important;
 }

 .premade-template-new ul.pre-temp-list {
     float: left;
     width: 200px;
     padding: 0 25px 0 0;
     margin: 0 37px 0 0;
     max-width: 100%;
     height: 600px
 }

 .mkl ul.pre-temp-list {
     height: 500px !important;
     scroll-behavior: smooth
 }

 ul.pre-temp-list li {
     float: left;
     width: 100%;
     position: relative;
     margin-bottom: 15px;
     list-style: none
 }

 ul.pre-temp-list li a {
     font-size: 13px;
     line-height: 20px;
     float: left;
     transition: .5s;
     color: #888;
     padding-left: 15px;
     padding-bottom: 5px;
     position: relative;
     width: 100%
 }

 .mkl ul.pre-temp-list li a small {
     background: 0 0;
     font-size: 11px;
     color: #539cee !important
 }

 ul.pre-temp-list li a small {
     font-size: 8px;
     color: var(--secondary_clr);
     text-transform: uppercase;
     padding: 4px 10px;
     float: left;
     width: auto;
     background: #f5f5f5;
     border-radius: 20px;
     line-height: normal
 }

 .mkl ul.pre-temp-list li a span {
     margin-left: -6px
 }

 ul.pre-temp-list li a span {
     float: left;
     width: 100%;
     padding-top: 5px
 }

 .pre-temp-view {
     float: left;
     width: calc(100% - 237px);
     background: #fafafa;
     border: 5px solid var(--white_clr);
     box-shadow: 0 .1px 10px rgb(0 0 0 / 10%);
     position: relative
 }

 .QuizzCard,
 .QuizzMaker,
 .b_review,
 .content.temp-info,
 .p_review {
     width: 100%;
     float: left
 }

 .content.temp-info {
     padding: 15px !important;
     display: flex;
     align-items: center
 }

 .content.temp-info h2 {
     font-size: 12px;
     margin: 0;
     color: #45484c;
     line-height: 20px;
     float: left;
     width: calc(100% - 240px);
     padding-right: 15px;
     position: relative;
     padding-left: 0
 }

 .content.temp-info h2 p {
     text-transform: uppercase;
     color: var(--red_clr);
     margin: 0 0 5px;
     float: left;
     width: 100%;
     font-size: 14px;
     overflow: hidden
 }

 .content.temp-info h2 p i.material-icons {
     color: #fb7f84;
     font-size: 18px;
     vertical-align: bottom;
     margin-right: 7px
 }

 .content.temp-info h2 span {
     float: left;
     margin-left: 27px
 }

 #premade-preview-link {
     background: var(--white_clr);
     color: var(--red_clr);
     border: 1px solid var(--red_clr)
 }

 .pre-temp-view .content.temp-info .btn.btn-red {
     background: var(--red_clr);
     color: var(--white_clr);
     font-size: 11px;
     text-transform: uppercase;
     float: right;
     padding: 12px 15px;
     height: 42px;
     display: flex;
     align-items: center;
     transition: .5s ease-in-out;
     margin-left: 10px;
     outline: 0;
     box-shadow: none;
     border-radius: 4px
 }

 .mkl .icn-pre small span::before {
     top: 9px
 }

 .mkl .filter-all i.material-icons.dp48,
 .mkl .filter-all small span::before {
     left: 8px !important
 }

 .icn-pre small span.icn-poll::before {
     content: "\f369"
 }

 .icn-pre small span::before {
     position: absolute;
     font-size: 14px !important;
     left: 0;
     font: 16px/1 LineAwesome
 }

 .icn-pre small span.icn-calc::before {
     content: "\f15b"
 }

 .icn-pre small span.icn-assess::before {
     content: "\f12e"
 }

 .icn-pre small span.icn-quiz::before {
     content: "\f17c"
 }

 .icn-pre small span.icn-recom::before {
     content: "\f16d"
 }

 .icn-pre small span.icn-bot::before {
     content: "\f377"
 }

 .icn-pre small span.icn-give::before {
     content: "\f351"
 }

 .icn-pre i.material-icons.dp48 {
     position: absolute;
     left: 0;
     font-size: 12px
 }

 .mkl ul.pre-temp-list>li.active>a>small,
 .mkl ul.pre-temp-list>li.active>a>small>span {
     color: var(--secondary_clr) !important;
     font-weight: 600
 }

 .mkl ul.pre-temp-list>li.active>a>span {
     color: #539cee !important
 }

 .pre-temp-cat-new.scrollbar,
 .pre-temp-list.scrollbar {
     overflow-x: hidden;
     overflow-y: scroll
 }

 .scrollbar {
     overflow-x: scroll
 }

 .scrollbar::-webkit-scrollbar-track {
     border-radius: 0;
     background-color: #f5f5f5
 }

 .scrollbar::-webkit-scrollbar {
     width: 4px;
     background-color: rgba(0, 0, 0, .2)
 }

 .scrollbar::-webkit-scrollbar:horizontal {
     height: 6px;
     background-color: rgba(0, 0, 0, .2)
 }

 .scrollbar::-webkit-scrollbar-thumb {
     border-radius: 4px;
     background-color: rgba(0, 0, 0, .2)
 }

 .premade-template-new .search-input i.material-icons {
     position: absolute;
     font-size: 18px;
     color: #666;
     cursor: pointer;
     padding: 19px 10px 19px 20px
 }

 #premade-loader-new.preloader {
     position: relative;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     z-index: 9;
     text-align: center;
     margin-top: 160px;
     margin-bottom: 220px
 }

 .reviews-button {
     float: left;
     border: 2px solid #fb5f66;
     background: #fb5f66;
     color: #fff;
     border-radius: 5px;
     padding: 9px 30px;
     font-size: 14px
 }

 .banner-content p,
 .company-detail {
     line-height: 1.5;
     color: var(--secondary_clr)
 }

 .p_review {
     margin-bottom: -90px
 }

 .b_review {
     margin-top: -90px
 }

 #premade-loader-new.preloader .white-wrapper {
     display: inline-block;
     margin-bottom: 120px
 }

 .banner-jacket {
     padding-left: 0;
     padding-right: 0
 }

 .banner-jacket img {
     box-shadow: 0 20px 40px rgba(0, 0, 0, .1);
     border-radius: 20px;
     width: calc(100% - 30px)
 }

 .banner-content p {
     font-size: 15px
 }

 span.profile-detail {
     font-size: 13px;
     color: var(--secondary_textclr_op70)
 }

 .company-detail {
     font-size: 15px;
     background: var(--blueclr-op10);
     border-radius: 8px;
     padding: 10px;
     font-style: italic;
     margin-top: 15px
 }

 .section-banner .startTrial-outer input {
     min-height: 46px;
     padding-right: 150px;
     box-shadow: 0 5px 3px 0 rgb(0 0 0 / 8%)
 }

 .QuizzMaker {
     background: #f2f2f2;
     padding: 90px 0 !important
 }

 .QuizzCard {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     margin: 0 0 60px;
     gap: 20px
 }

 .QuizzCard_image,
 .QuizzCard_text {
     width: calc(50% - 10px)
 }

 .QuizzCard_image {
     position: relative;
     text-align: center
 }

 .QuizzCard_text h3 {
     font-size: 28px;
     font-weight: 500;
     line-height: 1.4;
     color: var(--red_clr);
     margin: 0;
     font-family: ubuntu
 }

 .QuizzCard_text p,
 .QuizzCard_text ul li {
     font-size: 18px;
     font-weight: 500;
     line-height: 1.6;
     color: var(--secondary_clr);
     margin: 10px 0 0;
     font-family: ubuntu-Light
 }

 .QuizzCard_text ul {
     padding-left: 5px;
     margin: 0;
     max-width: 530px;
     float: left
 }

 .QuizzCard_text ul li .bullets {
     background: var(--blue-clr);
     width: 7px;
     height: 7px;
     float: left;
     margin-top: 8px;
     margin-right: 10px;
     box-shadow: 0 2px 6px rgb(71 147 197 / 49%);
     border-radius: 2px
 }

 .QuizzCard_text ul li .list {
     float: left;
     width: calc(100% - 17px)
 }

 .QuizzCard.QuizzCard_1 img {
     text-align: right;
     float: right
 }

 .why-custom-shadow {
     box-shadow: 10.5px 12.651px 0 0 rgb(197 229 246 / 26%);
     border-radius: 4px
 }

 .QuizzCard img {
     width: 88%;
     transition: .4s ease-in-out
 }

 .easygif-position {
     position: absolute;
     right: 68px;
     top: 1px;
     height: 254px;
     border-top-right-radius: 4px;
     border-bottom-right-radius: 4px;
     width: auto !important
 }

 .QuizzCard.gen-choose-sec ul li:last-child,
 .QuizzCard:last-child,
 .mn-sec .Banner_section_img_container,
 .podcast-sec1-left h2 span:last-child,
 .section-six.section-six-CR .Banner_section_img_container {
     margin-bottom: 0
 }

 .QuizzCard.QuizzCard_1.mrbtm10,
 .marketplce-intgratn-header .main_heading,
 .mn-sec3 .secondary_heading,
 ul.pre-temp-cat-new li {
     margin-bottom: 10px
 }

 .counter-wrapper {
     width: 100%;
     float: left;
     color: var(--red_clr);
     font-family: ubuntu-Light;
     font-size: 72px;
     line-height: 72px;
     letter-spacing: .005em;
     display: flex;
     justify-content: center
 }

 .counter-wrapper+span {
     font-size: 18px;
     color: var(--primary-textclr-op70);
     text-transform: uppercase
 }

 .case-study-tabs-container {
     width: 1060px;
     padding: 0
 }

 .space_fix .section-subtitle {
     margin-top: -40px
 }

 .section-experimenting .section-subtitle {
     margin-top: -33px;
     margin-bottom: 45px
 }

 .section-counter-inner,
 .section-six-CR .Banner_section_text ul {
     margin-top: -10px
 }

 .rslt {
     margin-bottom: 30px
 }

 .sec-ecm {
     margin-top: 0 !important;
     background-color: var(--bg_grey_clr) !important;
     background-image: linear-gradient(90deg, var(--bg_grey_clr) 0, var(--white_clr) 100%) !important
 }

 .home-imgs {
     text-align: center;
     margin-bottom: 26px;
     margin-top: 38px
 }

 .home-imgs ul {
     margin: 0;
     padding: 0
 }

 .home-imgs li {
     display: inline-block;
     font-size: 13px;
     line-height: 17px;
     color: var(--secondary_clr);
     margin-left: 35px;
     margin-right: 35px
 }

 .home-imgs li img {
     display: block;
     margin: 0 auto 15px
 }

 .home-update-sec1 .startTrial-outer input,
 .test-upd {
     border-radius: 50px !important
 }

 .startTrial-outer1 {
     max-width: 500px;
     position: relative;
     margin: 15px auto 0;
     float: none
 }

 span.live-demo {
     font-size: 11px;
     margin-top: 0;
     color: #b4b4b4;
     position: relative;
     right: 0;
     top: 13px;
     width: auto;
     display: none
 }

 .video-img-shadow {
     background: url(//dzvexx2x036l1.cloudfront.net/video-img-shadow.png) center bottom no-repeat;
     position: relative;
     top: 0
 }

 .hide-height {
     height: 400px;
     overflow: hidden;
     transition: height .5s
 }

 .video-img-wrapper {
     width: 860px;
     margin: 50px auto 0;
     cursor: pointer;
     box-shadow: 0 11px 24px rgb(0 0 0 / 28%)
 }

 .overflow-hidden {
     overflow: hidden;
     position: relative;
     right: 0;
     left: 0;
     width: 100%
 }

 .video-img-inner {
     background: var(--white_clr);
     position: relative
 }

 .video-img-inner:hover {
     cursor: url(//dzvexx2x036l1.cloudfront.net/video-arrow.png), auto
 }

 .video-img-inner:hover span.video-playIcon {
     transform: scale(1.2)
 }

 span.img-overlay {
     background: rgba(0, 0, 0, .5);
     float: left;
     width: 100%;
     height: 100%;
     position: absolute;
     top: 0;
     right: 0
 }

 span.inside-circle,
 span.video-playIcon {
     background: var(--white_clr);
     border-radius: 50%;
     position: absolute
 }

 span.video-playIcon {
     width: 100px;
     height: 100px;
     left: 45%;
     top: 24%;
     -webkit-transform: scale(1);
     transform: scale(1);
     -webkit-transition: .5s ease-in-out;
     transition: .5s ease-in-out
 }

 span.inside-circle {
     width: 80px;
     height: 80px;
     left: 10px;
     top: 10px;
     color: var(--red_clr);
     padding-top: 0;
     border: 2px solid var(--red_clr);
     font-size: 50px
 }

 .inside-circle i.material-icons {
     position: relative;
     top: 3px;
     font-size: 34px
 }

 .play_btn {
     width: 70px !important;
     height: 70px !important;
     left: 50% !important;
     top: 50% !important;
     transform: translate(-50%, -50%) scale(1) !important
 }

 .play_btn .inside-circle {
     width: 50px !important;
     height: 50px !important
 }

 .play_btn i {
     font-size: 28px !important;
     top: -14px !important;
     left: 2px !important
 }

 .sec-clients-logos {
     margin-top: 0;
     background: var(--bg_grey_clr);
     padding: 0 !important
 }

 .sec-clients-logos .img-wrapper {
     width: 100%;
     margin: 0 auto;
     padding: 50px 0;
     display: flex;
     align-items: center;
     justify-content: center;
     flex-wrap: wrap
 }

 .sec-clients-logos .img-wrapper img {
     opacity: .7;
     margin: 0 25px 25px
 }

 .mn-sec .Banner_section_img,
 .sec-clients-logos .img-wrapper.nobtm_padding {
     padding-bottom: 0
 }

 .sec-clients-logos .img-wrapper img:first-child {
     margin-left: 0
 }

 .sec-clients-logos .img-wrapper img:last-child,
 ul.f-points li:last-child {
     margin-right: 0
 }

 .ecomm .pre-temp-view {
     width: 100%;
     border: 7px solid var(--white_clr);
     border-radius: 5px
 }

 .ecomm .content.temp-info {
     background: var(--white_clr);
     width: 100%;
     padding: 15px 5px 10px !important;
     min-height: 65px;
     align-items: unset
 }

 p#premade-calc-name {
     display: flex;
     color: var(--secondary_clr);
     font-size: 15px;
     text-align: left;
     margin: 0
 }

 .feature>img,
 p#premade-calc-name span {
     padding-right: 6px
 }

 .temp-demo {
     float: none;
     background: var(--white_clr);
     padding: 7px 7px 0;
     border-radius: 3px;
     box-shadow: 0 .1px 10px rgb(0 0 0 / 10%);
     width: 510px;
     overflow: hidden
 }

 .image-scroll1 img {
     float: left;
     width: 100%;
     cursor: default
 }

 .temp-demo .content {
     background: var(--white_clr);
     padding: 17px 10px !important;
     float: left;
     width: 100%
 }

 .temp-demo .content .content-sec {
     float: left;
     width: calc(100% - 215px);
     text-align: left
 }

 .temp-demo .content a.btn-red.preclick {
     border: 1px solid var(--red_clr)
 }

 .temp-demo .content a.btn-red.temp-iframe-preview {
     background: var(--white_clr);
     border: 1px solid var(--red_clr);
     color: var(--red_clr);
     margin-right: 10px
 }

 .temp-demo .content .btn-red {
     background: var(--red_clr);
     color: var(--white_clr);
     font-size: 10px;
     border-radius: 2px;
     text-transform: uppercase;
     float: right;
     padding: 11px 15px;
     transition: .5s ease-in-out;
     border: 2px solid transparent
 }

 .temp-demo .content h2 {
     color: var(--secondary_clr);
     font-size: 18px;
     margin-top: 10px;
     margin-bottom: 10px;
     display: block;
     overflow: hidden
 }

 .temp-demo .content .content-sec span {
     font-size: 12px;
     color: #a0a0a0
 }

 span.no-card {
     font-size: 13px;
     color: var(--secondary-textclr-op50);
     margin-top: 15px;
     display: block
 }

 .ecomm-outer {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
     gap: 30px
 }

 .sec-w-img {
     width: 800px;
     min-height: 400px;
     margin: 50px auto 130px;
     position: relative
 }

 .sec-w-img img.first {
     top: 37%;
     left: 16%;
     position: absolute;
     width: 75%
 }

 .sec-w-img .img-outer {
     top: 136px;
     left: -6%;
     position: absolute;
     width: 60%
 }

 .interbot-content {
     margin: 0 auto;
     position: relative;
     max-width: 572px
 }

 .intercom-para-content {
     max-width: 530px
 }

 .intercom-para {
     margin: 0 0 25px;
     padding-left: 5px;
     font-size: 18px;
     color: var(--secondary_clr);
     line-height: 1.5;
     list-style: none;
     float: left;
     width: 100%
 }

 .sec-chatbot.sec-clients-logos {
     background: var(--white_clr) !important
 }

 section.marketplace-intgratn-sec1 {
     background: #fef6f4;
     min-height: 100vh
 }

 .marketplce-intgratn-container {
     margin: 0 auto;
     max-width: 1280px
 }

 .marketplce-intgratn-search {
     float: left;
     width: 100%;
     margin-bottom: 40px;
     height: 65px;
     position: relative
 }

 .marketplce-intgratn-search .input-group {
     float: left;
     width: 635px;
     padding: 0 20px;
     background: var(--white_clr);
     margin-right: 2px;
     height: 65px;
     display: flex;
     align-items: center
 }

 .marketplce-intgratn-search .input-group img {
     width: 18px;
     height: 18px;
     margin-right: 20px;
     float: left;
     margin-top: 2px
 }

 .marketplce-intgratn-search .input-group input {
     float: left;
     width: calc(100% - 38px);
     border: none;
     font-size: 16px;
     color: var(--secondary_clr);
     line-height: 1.4;
     font-family: var(--font_Ubuntu)
 }

 .marketplce-intgratn-list {
     float: left;
     width: calc(100% - 637px);
     background: var(--white_clr);
     padding: 0 15px 0 30px;
     display: flex;
     align-items: center;
     height: 65px
 }

 .marketplce-intgratn-list img {
     float: left;
     width: 18px;
     height: 14px;
     margin-right: 20px
 }

 .marketplce-intgratn-list .marketo-items {
     float: left;
     width: calc(100% - 190px) !important;
     border: none;
     font-size: 16px;
     color: var(--secondary_clr);
     line-height: 1.4;
     -webkit-appearance: none;
     background-image: url(https://dlvkyia8i4zmz.cloudfront.net/9b9sOmuRxqntPvVNh1D8_marktplce_Vector.png);
     background-position: 100% 52%;
     background-repeat: no-repeat;
     margin-right: 13px;
     padding-right: 12px;
     position: relative
 }

 .marktplce-serchbtn {
     float: left;
     padding: 11px 35px;
     background: var(--red_clr);
     color: var(--white_clr);
     font-size: 16px;
     border: none;
     line-height: 1.4;
     position: absolute;
     letter-spacing: .6px;
     right: 15px;
     top: 10px;
     cursor: pointer
 }

 .marketplce-intgratn-body {
     float: left;
     width: 100%;
     margin-top: 47px;
     margin-bottom: 50px
 }

 .marketplce-main-left {
     float: left;
     width: 230px
 }

 .marketplce-main-right {
     float: left;
     width: calc(100% - 230px);
     padding-left: 38px
 }

 .marketplce-main-left p {
     float: left;
     width: 100%;
     margin: 0;
     font-size: 16px;
     font-weight: 600;
     color: var(--secondary_clr)
 }

 .demo-part .demo-heading span,
 .marketplce-contnt-headr p span {
     font-weight: 600
 }

 .marketplce-contnt-headr p {
     float: left;
     width: auto;
     font-size: 16px;
     line-height: 1.4;
     color: var(--secondary_clr);
     margin-bottom: 0;
     margin-left: 24px
 }

 .discovry-options {
     float: right;
     width: auto
 }

 .discovry-options ul li.active a {
     background: #539cee;
     color: var(--white_clr);
     position: relative;
     padding-left: 30px
 }

 .discovry-options ul li a {
     float: left;
     background: var(--white_clr);
     padding: 6px 15px;
     border-radius: 50px;
     font-size: 12px;
     font-weight: 600;
     color: var(--secondary_clr);
     line-height: 1.4;
     cursor: pointer
 }

 .discovry-options ul li.active a::before {
     content: '';
     border-bottom: 1px solid var(--white_clr);
     border-right: 1px solid var(--white_clr);
     width: 6px;
     position: absolute;
     height: 12px;
     left: 17px;
     top: 6px;
     transform: rotate(45deg)
 }

 .discovry-options ul li {
     float: left;
     width: auto;
     margin-left: 10px
 }

 .marketplce-contnt-container {
     float: left;
     width: 100%;
     margin-left: 24px;
     margin-top: 15px
 }

 .no-serch-outer {
     float: left;
     width: 100%;
     border: none !important;
     padding: 30px;
     display: flex;
     align-items: center;
     min-height: 500px;
     margin-top: 10px;
     margin-left: -24px
 }

 .redCol {
     color: #eb2602 !important
 }

 .marketplce-contnt-box.active {
     display: block
 }

 .marketplce-contnt-box {
     position: relative;
     float: left;
     width: 33.33%;
     padding-right: 24px;
     margin-bottom: 30px;
     display: none
 }

 .marketplce-contnt-back,
 .marketplce-contnt-col {
     top: 0;
     -webkit-backface-visibility: hidden;
     -webkit-transform-style: preserve3d;
     transform-style: preserve3d;
     float: left;
     box-shadow: 0 0 20px rgb(0 0 0 / 10%);
     background: var(--white_clr);
     padding: 25px 28px 15px;
     position: relative;
     cursor: pointer;
     border: 1px solid transparent;
     transition: .5s ease-in-out
 }

 .banner_image img,
 .marketplce-contnt-col {
     width: 100% !important
 }

 .ribboon-style {
     background: #fb5f66;
     font-size: 10px;
     text-transform: uppercase;
     color: var(--white_clr);
     padding: 1px 5px;
     position: absolute;
     right: -1px;
     min-width: 55px;
     top: 10px;
     line-height: 1.4;
     box-shadow: 0 2px 2px rgb(0 0 0 / 45%);
     border-radius: 5px 0 0 5px
 }

 .selectize-input,
 .selectize-input.focus {
     box-shadow: none !important
 }

 .marketplce-col-img {
     float: left;
     width: 60px;
     height: 48px;
     display: flex;
     align-items: center
 }

 .marketplce-col-text {
     float: left;
     width: 100%;
     margin-top: 25px;
     min-height: 110px
 }

 .marketplce-col-text h2 {
     float: left;
     width: 100%;
     margin: 0;
     font-size: 20px;
     color: var(--secondary_clr);
     line-height: 1.4
 }

 .marketplce-bottom-part {
     float: left;
     width: 100%;
     display: flex;
     align-items: center;
     margin-top: 10px;
     min-height: 24px
 }

 .marketplce-bottom-text {
     float: left;
     margin: 0;
     color: var(--secondary_clr);
     font-size: 11px;
     line-height: 1.4;
     max-width: max-content;
     overflow: hidden
 }

 .marketplce-dot {
     float: left;
     width: 4px;
     height: 4px;
     border-radius: 50%;
     background: #ccc;
     margin: 0 10px
 }

 .marketplce-col-text p {
     overflow: hidden;
     display: -webkit-box
 }

 .marketplce-col-text p,
 .marketplce-contnt-back p {
     float: left;
     width: 100%;
     font-size: 13px;
     color: var(--secondary_clr);
     line-height: 1.4;
     margin: 10px 0 0
 }

 .marketplce-contnt-col:hover {
     border: 1px solid var(--red_clr);
     -webkit-transform: scale3d(.95, .95, 1);
     transform: scale3d(.95, .95, 1);
     z-index: 9
 }

 .selectize-wrapper .selectize-dropdown-content {
     overflow-y: auto;
     overflow-x: hidden;
     max-height: 200px;
     background: var(--white_clr);
     border: 1px solid #dae2e6 !important;
     text-transform: capitalize
 }

 .createPoll-btn,
 .firstPoll>p,
 .flex-wrapper .click_arrow_btn.with_red_bg,
 .meta-info,
 .outgrow-width p.fd,
 .start-trial-cta .btn-buildcal {
     text-transform: uppercase
 }

 .selectize-wrapper .selectize-dropdown-content .option {
     font-size: 13px;
     padding: 7px 10px;
     color: #84898d;
     display: block;
     vertical-align: middle;
     -webkit-transform: translateZ(0);
     transform: translateZ(0);
     box-shadow: 0 0 1px rgb(0 0 0 / 0%);
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
     -moz-osx-font-smoothing: grayscale;
     position: relative;
     -webkit-transition-property: color;
     transition-property: color;
     -webkit-transition-duration: .5s;
     transition-duration: .5s
 }

 .selectize-wrapper input {
     border: none
 }

 .selectize-input {
     border: 0 !important;
     padding: 10px 8px 8px !important
 }

 .marketo-items.selectize-wrapper .selectize-dropdown-content .option,
 .selectize-input .item {
     font-size: 16px;
     color: var(--secondary_clr);
     line-height: 1.4
 }

 .marketplce-intgratn-list .marketo-items .selectize-dropdown {
     margin-top: 0 !important;
     left: 0 !important;
     top: 35px !important
 }

 .selectize-wrapper .selectize-dropdown .option.active,
 .selectize-wrapper .selectize-dropdown .option:hover {
     background-color: #f6f6f6 !important
 }

 .choose-app-row,
 .podcast-sec1-row,
 .selectize-control.single,
 .testimnl-outr {
     display: flex;
     align-items: center
 }

 .selectize-wrapper .selectize-control.single .selectize-input input {
     background: 0 0
 }

 .no-serch-outer .search-err-outer-inner {
     float: left;
     width: 100%;
     text-align: center
 }

 .search-err-outer-inner .mid-box img {
     float: left;
     position: absolute;
     left: -88px;
     top: -35px;
     width: 150px;
     height: 150px
 }

 .no-serch-outer .search-err-outer-inner .mid-box .pink-box {
     float: left;
     font-size: 18px;
     background: #fabcbf;
     padding: 15px 30px;
     color: #666;
     line-height: 26px;
     margin: 35px auto;
     border-radius: 5px
 }

 .no-serch-outer .inf-g-text {
     float: left;
     width: 100%;
     text-align: center;
     font-size: 18px;
     color: #3a7fce;
     margin-top: 0;
     margin-bottom: 20px
 }

 .no-serch-outer .search-err-outer-inner .mid-box {
     height: 100px;
     width: 220px;
     position: relative;
     margin: 0 auto
 }

 .marketplce-main-area {
     float: left;
     width: 100%;
     margin-top: 6px;
     padding-bottom: 40px
 }

 .marketplce-main-left ul li {
     float: left;
     width: 100%;
     margin-bottom: 0;
     cursor: pointer
 }

 .marketplce-main-left ul li a.active,
 .marketplce-main-left ul li a:hover {
     color: #539cee
 }

 .marketplce-main-left ul li a {
     float: left;
     width: 100%;
     font-size: 14px;
     color: var(--secondary_clr);
     margin-bottom: 15px
 }

 .marketplce-main-left ul {
     float: left;
     padding: 0;
     height: 500px;
     margin: 15px 0
 }

 .social-media-section {
     width: 100%;
     float: left;
     padding-top: 50px
 }

 .arrow_box {
     position: relative;
     background: 0 0;
     min-width: 142px;
     float: left;
     border-radius: 5px;
     margin: 0 15px;
     text-align: center
 }

 .tst-mn {
     display: flex;
     justify-content: center
 }

 .test-main-img {
     margin: 50px auto 0;
     width: 960px;
     max-width: 100%;
     position: relative;
     border-radius: 4px
 }

 .test-main-img .frame-src {
     height: 525px;
     width: 100% !important
 }

 .test-main-img iframe {
     border: 3px solid var(--white_clr);
     box-shadow: 12.5px 21.651px 40px 0 rgb(53 137 192 / 20%);
     width: 100%;
     height: 450px
 }

 .tutorial-img-outr {
     width: 100%;
     display: grid;
     margin: 0;
     grid-template-columns: 1fr 1fr;
     gap: 30px
 }

 .col {
     width: 100%;
     padding: 0
 }

 .language-templte-img-outr {
     float: left;
     width: 100%;
     background: var(--white_clr);
     box-shadow: 12.586px 15.543px 40px 0 rgb(0 0 0 / 12%);
     border-radius: 3px;
     overflow: hidden;
     height: 100%;
     position: relative;
     padding-bottom: 55px
 }

 .language-templte-img {
     float: left;
     width: 100%;
     position: relative;
     height: 100%
 }

 .language-templte-img img {
     width: 100%;
     height: 100%
 }

 .language-templte-img-outr span.lang-info {
     float: left;
     width: 100%;
     text-align: left;
     font-size: 16px;
     line-height: 20px;
     padding: 18px 20px;
     color: var(--secondary_clr)
 }

 .tutorial-img-outr .language-templte-img-outr span.lang-info {
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
     height: 55px;
     background: var(--white_clr);
     z-index: 99;
     display: flex;
     align-items: center
 }

 .language-templte-img-outr span.lang-info:hover {
     color: #5192c8
 }

 .hr-section .test-main-img iframe {
     height: 100%;
     min-height: 555px;
     width: 100%
 }

 .hr-section .test-main-img iframe.poll4 {
     min-height: 628px
 }

 .podcast-sec1-left h2 {
     float: left;
     width: 100%;
     font-size: 18px;
     font-family: ubuntu-Light;
     color: var(--secondary_clr);
     margin-top: 25px;
     margin-bottom: 50px;
     line-height: 1.6
 }

 .podcast-sec1-left h2>p {
     font-family: ubuntu-Light;
     margin: 0
 }

 .podcast-sec1-left h2>p:last-child {
     margin-top: 13px !important
 }

 .podcast-sec1-left h2 span {
     display: block;
     margin-bottom: 20px
 }

 .podcast-sec1-left h2 span a {
     color: var(--red_clr)
 }

 .podcast-sec1-right img {
     float: right
 }

 .premade-marketers-info h2 {
     float: left;
     width: 100%;
     font-size: 24px;
     color: var(--secondary_clr);
     margin: 0;
     line-height: 1.4;
     font-family: ubuntu-bold
 }

 .premade-marketers-info ul {
     float: left;
     width: 100%;
     padding: 0 0 0 15px;
     margin: 0
 }

 .premade-marketers-info {
     float: left;
     width: 460px;
     margin-right: 20px
 }

 .premade-marketers-info span {
     float: left;
     width: auto;
     margin-top: 30px
 }

 .premade-marketers-detail {
     float: left;
     width: calc(100% - 480px);
     position: relative
 }

 .premade-marketers-pic {
     float: right;
     width: 405px;
     height: auto;
     text-align: center;
     overflow: hidden;
     margin-left: 0;
     box-shadow: 6.81px 13.365px 30px 0 rgb(0 0 0 / 5%);
     border-top-left-radius: 5px;
     border-top-right-radius: 5px
 }

 .premade-template-right {
     float: left;
     width: calc(100% - 190px);
     padding-left: 30px
 }

 .premade-template-left {
     float: left;
     width: 190px
 }

 .premade-template-new .search-input {
     float: left;
     width: 100%;
     margin-bottom: 25px
 }

 .podcast-sec2 .premade-template-new .search-input input[type=text] {
     background: 0 0;
     border-bottom: 1px solid #e5e5e5;
     padding: 8px 20px 8px 0;
     outline: 0
 }

 .podcast-sec2 ul.pre-temp-cat-new {
     width: 190px;
     padding-right: 20px;
     height: 450px;
     min-height: 450px;
     float: left
 }

 ul.pre-temp-cat-new li a {
     float: left;
     width: 100%;
     background: 0 0;
     border: none;
     border-radius: 0;
     font-size: 13px;
     color: #888;
     line-height: 1.4;
     text-transform: capitalize;
     margin-bottom: 3px;
     padding: 6px 10px 4px;
     text-align: left !important
 }

 ul.pre-temp-cat-new li.active a,
 ul.pre-temp-cat-new li:hover a {
     background: #5192c8;
     border-radius: 3px;
     overflow: hidden
 }

 .premade-marketers-info span a {
     float: left;
     width: 100%;
     background: 0 0;
     border: 1px solid #fb5f65;
     border-radius: 50px;
     color: #fb5f65;
     font-size: 13px;
     font-family: ubuntu-Light;
     padding: 10px 25px
 }

 .premade-marketers-info span a i {
     font-size: 15px;
     vertical-align: middle;
     margin-left: 12px;
     margin-top: -3px
 }

 .podcast-sec2 ul.pre-temp-cat-new li.active a,
 ul.pre-temp-cat-new li a:hover {
     color: var(--white_clr)
 }

 .simplebar-track.simplebar-vertical {
     visibility: visible !important
 }

 .simplebar-track {
     background: #e2e2e2;
     width: 3px !important
 }

 #podcast-episode .simplebar-scrollbar:before {
     left: 0 !important;
     opacity: .2 !important;
     width: 3px
 }

 .premade-marketers-info li {
     font-family: ubuntu-light;
     float: left;
     font-size: 14px;
     width: 100%;
     color: rgba(102, 102, 102, .702);
     list-style: disc;
     margin-top: 15px
 }

 .premade-marketers-biodata {
     float: right;
     width: 405px;
     padding: 30px 40px;
     z-index: 3;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     box-shadow: 6.81px 13.365px 30px 0 rgba(0, 0, 0, .05);
     background: #fff;
     margin-top: 0;
     position: relative
 }

 .premade-marketers-biodata p {
     float: left;
     width: 100%;
     font-size: 13px;
     line-height: 1.5;
     margin: 0;
     color: var(--secondary_clr);
     text-align: center
 }

 #episode-section .selectize-wrapper .selectize-control.single .selectize-input {
     width: 100%;
     border: none;
     color: #526479;
     font-size: 13px;
     height: 44px !important;
     padding: 5px 10px;
     outline: 0;
     border-radius: 3px;
     margin-bottom: 0;
     background: #fb5f66;
     line-height: 34px;
     box-shadow: none
 }

 #episode-section .selectize-wrapper .selectize-control.single .selectize-input .item {
     padding-right: 15px;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     padding-left: 0 !important;
     font-size: 14px;
     color: #fff !important;
     text-transform: capitalize
 }

 .selectize-wrapper .selectize-control.single .selectize-input:after {
     font-family: Material Icons;
     content: "keyboard_arrow_down";
     color: #fff;
     font-size: 16px;
     position: absolute;
     pointer-events: none;
     right: 10px;
     border: none;
     top: 10px;
     margin-top: -4px
 }

 .selectize-dropdown {
     border: none !important;
     box-shadow: 0 0 10px rgb(0 0 0 / 15%);
     margin-top: -6px;
     position: absolute;
     z-index: 10
 }

 .podcast-sec2 .secondary_heading span {
     font-family: ubuntu-bold
 }

 .acq-case.case-study-sec h2,
 .mn-sec2 .choose-app-body,
 .podcast-sec1-row .click_arrow_btn.with_red_bg {
     margin-top: 0
 }

 .podcast-sec {
     padding-top: 130px;
     padding-bottom: 56px
 }

 .pb-80 {
     padding-bottom: 80px
 }

 .sub_heading {
     font-size: 28px !important;
     margin-bottom: 30px
 }

 .ebooks_frstsec {
     padding: 135px 0 90px
 }

 .premade-marketers-info p {
     font-size: 17px;
     color: #333;
     float: left;
     width: 100%;
     margin: 25px 0 0;
     line-height: 1.4
 }

 .course_subheading {
     font-size: 14px !important;
     color: rgba(102, 102, 102, .702) !important;
     font-family: ubuntu-Light !important
 }

 .color-gray,
 .colr-red,
 .text-weight {
     font-family: ubuntu-Bold
 }

 .section-premade-temp-inner.pdcast-prmd ul.sidebar-widget {
     height: 225px;
     min-height: 225px
 }

 ul.f-points {
     width: 100%;
     margin: 30px 0 0;
     color: var(--secondary_clr)
 }

 ul.f-points li {
     display: inline-block;
     margin-right: 20px;
     line-height: 1.8
 }

 ul.p-logo {
     display: flex;
     align-items: center;
     float: left
 }

 ul.p-logo li {
     margin: 30px 12px 30px 0;
     cursor: pointer;
     position: relative
 }

 .p-logo li .brand-info.ext-width {
     width: 74px;
     left: -18px
 }

 ul.p-logo li:hover .brand-info {
     visibility: visible
 }

 .p-logo li .brand-info {
     visibility: hidden;
     background: #62696d;
     position: absolute;
     text-align: center;
     top: 40px;
     left: -12px;
     padding: 4px 5px;
     color: #fff;
     width: 60px;
     border-radius: 3px;
     font-size: 11px !important;
     line-height: 1.4
 }

 .p-logo li .brand-info:before {
     content: "";
     position: absolute;
     top: -5px;
     left: 50%;
     margin-left: -8px;
     width: 10px;
     display: inline-block;
     border-right: 5px solid transparent;
     border-bottom: 5px solid #62696d;
     border-left: 5px solid transparent
 }

 .home-main-heding {
     margin-bottom: 24px;
     float: left
 }

 #video-main.snap-video .video-img-wrapper {
     border: 2px solid #e1e1e1;
     box-shadow: none;
     padding: 25px;
     border-radius: 25px
 }

 #video-main.snap-video .video-playIcon {
     top: 37%
 }

 .choose-app-col {
     flex: 1
 }

 .choose-app-col p {
     font-size: 16px;
     color: var(--secondary_clr);
     font-family: ubuntu-Light;
     line-height: 1.8
 }

 .comparison-chart-row {
     float: left;
     width: 100%;
     display: flex
 }

 .comparisn-data-headngs {
     float: left;
     width: 300px
 }

 .comparisn-data-outr {
     float: left;
     width: calc(100% - 300px)
 }

 .comparison-chart-col {
     float: left;
     padding: 25px 37px;
     width: 100%;
     height: 100%
 }

 .comparison-chart-col p {
     float: left;
     width: 100%;
     font-size: 16px;
     line-height: 1.4;
     margin: 0;
     color: #555
 }

 .snpp-img {
     width: 155px;
     height: 73px;
     margin-top: 12px
 }
  .mrg1-top{
    margin-top: -50px;
 } 
 .invme-img {
     width: 92px;
     margin-top: 0
 }

 .typeform-img {
     width: 40%;
     margin-top: 30px
 }

 p.sm-note {
     font-size: 16px;
     color: var(--secondary_clr);
     font-family: ubuntu-Light;
     line-height: 1.3
 }

 .comparisn-sec-body {
     float: left;
     width: 100%;
     background: #fbfbfb;
     margin-top: 40px
 }

 .comparisn-data-outr .comparison-chart-col:first-child {
     background: #fff
 }

 .outgrow-width p.fd {
     font-size: 20px;
     margin-top: 5px
 }

 .colr-red {
     color: #fb5f66 !important
 }

 .color-gray,
 .comparison-chart-col .snapapp-revws {
     color: var(--secondary_clr) !important
 }

 .articles h2 a,
 .comparison-chart-col h3 {
     font-size: 14px
 }

 .comparison-chart-col h3 span {
     background: #ffebec;
     padding: 4px 10px;
     margin-right: 8px;
     border-radius: 4px;
     font-size: 15px
 }

 .comparison-chart-col h3 span.billing {
     font-size: 14px;
     background: 0 0;
     padding: 0;
     margin-right: 0;
     border-radius: 0
 }

 .text-weight {
     margin-bottom: 15px !important
 }

 .comparison-chart-col p span.material-icons {
     font-size: 22px;
     color: #0cc814;
     position: relative;
     margin-right: 10px;
     vertical-align: middle;
     top: -4px
 }

 .QuizzMaker_1 .QuizzCard img,
 .comparison-chart-col.outgrow-width,
 .mn-sec .Banner_section_text {
     width: 50%
 }

 .comparisn-progress-percnt {
     display: flex;
     align-items: center;
     float: left;
     width: 100%;
     font-size: 16px;
     margin-bottom: 5px
 }

 .mn-sec3 .comparisn-progress-percnt,
 .mob-frame {
     justify-content: center;
 }

 .outgrow-pricing-details .with-data-bord {
     border-bottom: 1px solid #eee;
     display: flex;
     flex-direction: column;
 }

 .outgrow-pricing-details .with-data-bord h3{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-block: 0px;
 }
 .outgrow-pricing-details .comparison-chart-col h3 span {
    margin-right: 0px;
    height: 28px;
    display: grid;
    place-items: center;
}
 .outgrow-pricing-details .with-data-bord p{
    margin-right: 0px !important;
 }

 .outgrow-pricing-details .comparison-chart-col p:has(span.material-icons){
    display: flex;
    align-items: center;
    margin-block-start: 7px;

 }
 .outgrow-pricing-details .comparison-chart-col p span.material-icons{
    top: unset !important;
 }

 .scoreapp_section .choose-app-body{
    padding-inline: 10px;
 }
 .comparisn-progress-outr {
     float: left;
     width: calc(100% - 26px);
     padding-right: 12px
 }

 .comparisn-progress-outr .progress2 {
     width: 100%;
     float: left;
     background-color: #fff;
     border: 1px solid #ddd;
     border-radius: 6px
 }

 .comparisn-progress-outr .cssProgress-bar {
     width: 0%;
     height: 10px;
     border-radius: 5px;
     display: block;
     float: left;
     transition: width .8s ease-in-out
 }

 .progress-red {
     background-image: linear-gradient(to right, #ff617c, #ff5858)
 }

 .comparison-chart-col .comparisn-responses-p {
     font-size: 14px !important;
     text-align: right
 }

 .comparisn-responses-p span {
     margin-left: 15px;
     font-family: ubuntu-bold
 }

 .progress-grey {
     background-image: linear-gradient(to right, #b7b7b7, #c5c5c5)
 }

 .testimnl-innr-left {
     float: left;
     width: 320px;
     margin-right: 34px
 }

 .testimnl-innr-left img {
     box-shadow: 15px 15px 0 0 rgb(197 229 246 / 26%);
     border-radius: 4px;
     float: left;
     width: 320px;
     height: 335px
 }

 .testimnl-innr-right {
     float: left;
     width: calc(100% - 476px);
     margin-left: 40px;
     position: relative
 }

 .testimnl-outr span.testimnil-quotes {
     position: absolute;
     bottom: 68%;
     color: #f2f2f2;
     left: 0
 }

 .testimnl-innr-right p {
     float: left;
     width: 100%;
     font-size: 20px;
     margin: 0 0 25px;
     line-height: 38px;
     font-style: italic;
     color: #1f579b;
     position: relative;
     z-index: 99
 }

 .start-trial-cta label,
 span.tch-btn {
     position: absolute;
     transform: translateX(-50%);
     left: 50%
 }

 .testimnl-innr-right h3 {
     float: left;
     width: auto;
     margin: 0;
     font-size: 18px;
     color: #fb5f66;
     line-height: 24px;
     font-weight: 600
 }

 h3.testimnl-persn-name {
     margin-top: 15px;
     margin-bottom: 10px;
     width: 100%;
     color: var(--secondary_clr)
 }

 .testimnl-innr-right span.forbes-testi-logo {
     margin-left: 7px
 }

 .start-trial-cta .btn-buildcal {
     background: #fb5f66;
     color: #fff;
     font-size: 15px;
     padding: 10px 35px;
     border: 2px solid #fb5f66;
     transition: .5s ease-in-out;
     box-shadow: 0 1px 18px 0 rgba(0, 0, 0, .5);
     margin-top: 0;
     border-radius: 5px;
     display: inline-flex;
     float: none;
     line-height: 24px
 }

 .btn-buildcal img {
     margin-right: 10px
 }

 .btn-buildcal svg {
     height: 20px;
     margin-right: 6px
 }

 .start-trial-cta label {
     float: none;
     width: 100%;
     color: #fff;
     font-size: 13px;
     padding: 8px 0 0
 }

 .mb1 .bg1-img,
 .remove_clamp {
     display: block !important
 }

 .premade-template-new .search-input input::-moz-placeholder {
     color: #c2c2c2
 }

 .premade-template-new .search-input input::-webkit-input-placeholder {
     color: #c2c2c2
 }

 .premade-template .search-input input:-ms-input-placeholder {
     color: #c2c2c2
 }

 .choose-app-heading h2,
 .comparisn-sec-header h2 {
     color: var(--red_clr) !important;
     /* font-family: ubuntu-Light */
     margin-bottom: 0;
 }

 .outgrow-width svg {
     width: 140px;
     height: 80px
 }

 .g2-awards_section {
     margin-top: 90px
 }

 .awards_wrapper h2 {
     padding-right: 80px;
     margin-bottom: 50px
 }

 .col-1 {
     padding-right: 150px
 }

 .mob-frame {
     float: right;
     width: 360px;
     height: 598px;
     background: var(--white_clr);
     box-shadow: 0 4px 30px rgb(0 0 0 / 10%);
     border-radius: 30px;
     position: relative;
     display: flex
 }

 span.tch-btn {
     width: 32px;
     height: 32px;
     background: #e5e5e5;
     bottom: 27px;
     float: left;
     top: unset;
     border-radius: 50px
 }

 .badge_wrapper {
     display: grid;
     grid-template-columns: 1fr 1fr 1fr;
     gap: 35px;
     place-items: center
 }

 .badge_area {
     width: 90%
 }

 .slide {
     max-width: 340px;
     height: 490px;
     margin: 20px auto;
     display: grid
 }

 .slide-items {
     position: relative;
     grid-area: 1/1;
     border-radius: 5px;
     overflow: hidden
 }

 .slide-nav {
     grid-area: 1/1;
     z-index: 1;
     display: grid;
     grid-template-columns: 1fr 1fr;
     grid-template-rows: auto 1fr
 }

 .slide-nav button {
     -webkit-appearance: none;
     -webkit-tap-highlight-color: transparent;
     opacity: 0
 }

 .slide-items>* {
     position: absolute;
     top: 0;
     opacity: 0;
     pointer-events: none
 }

 .slide-items>.active {
     position: relative;
     opacity: 1;
     pointer-events: initial
 }

 .slide-thumb {
     display: flex;
     grid-column: 1/3
 }

 .slide-thumb>span:last-child {
     margin-right: 0 !important
 }

 .slide-thumb>span {
     flex: 1;
     background: rgba(68, 68, 68, .3);
     display: block;
     height: 4px;
     margin: 0 3px 0 0;
     border-radius: 3px;
     overflow: hidden
 }

 .slide-thumb>span.active::after {
     content: '';
     display: block;
     height: inherit;
     background: #444;
     border-radius: 3px;
     transform: translateX(-100%);
     animation: 2s linear forwards thumb
 }

 @keyframes thumb {
     to {
         transform: initial
     }
 }

 @keyframes slideInFromLeft {
     0% {
         opacity: 0;
         transform: translateX(100%)
     }

     10% {
         opacity: .3
     }

     20% {
         opacity: 1;
         transform: translateX(0)
     }
 }

 .chng {
     animation: 1s ease-out slideInFromLeft
 }

 .Saas_content {
     width: 700px;
     margin: 0 auto 60px;
     text-align: center
 }

 .Saas_content p:first-child {
     color: var(--secondary_clr);
     font-weight: 500;
     font-size: 22px;
     margin-bottom: 15px
 }

 .Saas_content p:last-child {
     color: var(--secondary_clr);
     font-size: 16px;
     line-height: 1.8
 }

 .blue_bg {
     background: rgba(62, 154, 220, .08)
 }

 .card_outer {
     background: #fff;
     box-shadow: 0 4px 22px 5px rgb(53 53 53 / 14%);
     border-radius: 6px;
     width: 316.54px;
     height: 196px;
     padding: 31px;
     margin: 0 auto
 }

 .createPoll-btn,
 .enterEmail {
     box-shadow: 0 4px 4px rgba(0, 0, 0, .15)
 }

 ._profile {
     float: left;
     width: 100%;
     display: flex;
     align-items: center
 }

 ._profile span {
     width: 58.05px;
     height: 58.05px;
     border-radius: 50px;
     overflow: hidden;
     float: left
 }

 ._profile span img {
     height: 100%;
     width: auto;
 }

 ._detail {
     float: left;
     width: calc(100% - 58.05px);
     text-align: left;
     padding-left: 10px
 }

 ._detail p:first-child {
     letter-spacing: .01em;
     color: #fb5f66;
     font-weight: 500;
     font-size: 18px;
     margin: 0
 }

 ._detail p:last-child,
 .comment {
     color: rgba(102, 102, 102, .8);
     font-size: 13px
 }

 ._detail p:last-child {
     margin: 0
 }

 .comment {
     float: left;
     text-align: left;
     margin-top: 10px;
     display: inline;
     -webkit-line-clamp: 4;
     text-overflow: ellipsis;
     overflow: hidden;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     word-wrap: break-word
 }

 .img_wrapper {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(145px, 1fr));
     gap: 50px
 }

 .img_wrapper_inner span {
     float: left;
     width: 150px;
     height: 150px;
     border: 1px solid #efefef;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     margin-bottom: 15px
 }

 .img_wrapper_inner {
     color: rgba(102, 102, 102, .7);
     font-size: 20px
 }

 .img_wrapper_inner:first-child:hover span {
     background: rgba(0, 161, 224, .1)
 }

 .img_wrapper_inner:nth-child(2):hover span {
     background: rgba(86, 62, 148, .1)
 }

 .img_wrapper_inner:nth-child(3):hover span {
     background: rgba(199, 70, 52, .1)
 }

 .img_wrapper_inner:nth-child(4):hover span {
     background: rgba(255, 122, 89, .1)
 }

 .img_wrapper_inner:nth-child(5):hover span {
     background: rgba(53, 106, 230, .1)
 }

 .img_wrapper_inner:nth-child(6):hover span {
     background: rgba(19, 156, 216, .1)
 }

 .img_wrapper_inner:nth-child(7):hover span {
     background: rgba(44, 130, 238, .1)
 }

 .img_wrapper_inner:last-child:hover span,
 .img_wrapper_inner:nth-child(8):hover span {
     background: rgba(0, 0, 0, .1)
 }

 .img_wrapper_inner:nth-child(9):hover span {
     background: rgba(22, 69, 118, .1)
 }

 .img_wrapper_inner:nth-child(10):hover span {
     background: rgba(0, 174, 239, .1)
 }

 .img_wrapper_inner:nth-child(11):hover span {
     background: rgba(251, 105, 112, .1)
 }

 .wid {
     width: 722px;
     margin: 0 auto
 }

 .swiper-sec {
     overflow: hidden;
     padding: 75px 0 120px;
     position: relative;
     margin-top: -42px
 }

 .swiper-sec .swiper-slide {
     opacity: .5
 }

 .swiper-sec .swiper-slide-active {
     transform: scale(1.4);
     transition: .4s;
     opacity: 1;
     margin-right: 40px
 }

 .grey_bg {
     background: linear-gradient(90.46deg, #f2f2f2 .4%, rgba(250, 250, 250, 0) 99.6%)
 }

 .no_card {
     color: rgba(102, 102, 102, .7);
     margin: 10px;
     float: left;
     font-size: 11px
 }

 .wd_100 {
     width: 100%;
     display: block;
     margin-left: 0;
     margin-right: 0
 }

 .meta-info {
     color: #fb5f66 !important;
     font-size: 12px !important;
     margin: 0 0 -22px !important;
     font-family: ubuntu !important
 }

 .mn-sec .Banner_section_img img {
     height: 465px;
     position: unset
 }

 .Banner_section_text h6 {
     font-style: italic;
     font-weight: 400;
     font-size: 14px;
     display: flex;
     align-items: center;
     color: #333;
     line-height: 1.4;
     margin-bottom: 10px
 }

 .mn-sec .landing-input {
     width: 100%;
     margin-top: 0
 }

 .mn-sec .landing-input input {
     width: calc(100% - 182px)
 }

 .mn-sec .startTrial-outer input {
     float: left;
     width: calc(100% - 180px);
     padding: 18px 20px 18px 50px !important
 }

 .mn-sec .startTrial-outer .btn-buildcal {
     text-transform: uppercase;
     padding: 17px 20px !important
 }

 .offer-inf li {
     display: inline-block;
     font-family: var(--font_Ubuntu);
     font-size: 13px;
     line-height: 15px;
     letter-spacing: .01em;
     position: relative;
     margin-right: 5px;
     margin-top: 14px;
     color: var(--blue-clr);
     padding-left: 30px
 }

 .offer-inf li span {
     font-size: 17px;
     position: absolute;
     left: 7px;
     top: -2px
 }

 ul.offer-inf {
     float: left;
     width: 100%;
     text-align: left
 }

 .mn-sec .startTrial-outer i.material-icons {
     top: 20px
 }

 .QuizzCard_text h3 strong {
     font-family: ubuntu
 }

 .mn-sec4 .comparisn-sec-header .secondary_heading {
     color: var(--primary_clr) !important;
     font-family: ubuntu !important
 }

 .Banner_section_img_container .mob-frame {
     width: 320px;
     height: 550px;
     margin: 0 auto;
     float: none
 }

 .Banner_section_img_container .slide {
     max-width: 300px;
     height: 440px
 }

 .mn-sec .Banner_section {
     align-items: center
 }

 .mn-sec5 .col-1 {
     width: 750px;
     margin: 0 auto;
     padding-right: 0
 }

 .acq-cstmor .Banner_section_text h2 span,
 .secondary_heading.mrg_b {
     font-family: ubuntumedium
 }

 .form-builder .Banner_section_text h5 {
     font-size: 12px;
     color: #666
 }

 .gen-sec .QuizzBox_A {
     padding: 0;
     width: 352px;
     box-shadow: 0 5px 10px rgba(0, 0, 0, .08);
     border-radius: 8px !important;
     background: #fff !important;
     margin: 0 15px 30px
 }

 .gen-sec .gen-svg {
     background: #ffeff0;
     border-top-left-radius: 8px;
     border-top-right-radius: 8px;
     padding: 40px
 }

 .QuizzBox.gen-sec {
     margin: 0 -15px
 }

 .gen-cont {
     float: left;
     padding: 20px
 }

 .gen-cont h5 {
     color: #444;
     font-size: 19px;
     margin: 0
 }

 .gen-cont p {
     font-family: ubuntu-light;
     font-size: 14px !important;
     margin-top: 10px !important;
     line-height: 1.6 !important
 }

 .gen-choose-sec .QuizzBox_A {
     width: 340px;
     background: #fff;
     padding: 22px;
     border-radius: 10px;
     height: 460px;
     margin: 0 15px 30px
 }

 .gen-choose-sec .QuizzBox_A span {
     background: rgba(251, 95, 102, .1);
     border-radius: 10px;
     float: left;
     width: 100%;
     padding: 20px;
     height: 189px
 }

 .QuizzCard.gen-choose-sec span img {
     height: auto
 }

 .QuizzCard.gen-choose-sec ul {
     float: left;
     width: 100%;
     margin: 20px 0 0;
     height: 220px
 }

 .acq-cstmor .Banner_section_img img,
 .form-builder .Banner_section_img img {
     left: auto;
     width: auto;
     right: 0
 }

 .QuizzCard.gen-choose-sec ul h5 {
     font-size: 18px;
     color: var(--primary_clr);
     margin: 0 0 15px;
     font-family: ubuntumedium;
     text-align: left
 }

 .QuizzCard.gen-choose-sec ul li {
     font-size: 15px;
     font-family: ubuntu-light;
     color: #555;
     list-style-type: disc;
     margin-left: 16px;
     text-align: left;
     margin-bottom: 10px
 }

 .Banner_section_text p:nth-child(3) {
     margin-top: -21px
 }

 .form-builder .Banner_section_text h2 span {
     font-family: ubuntumedium !important
 }

 .form-builder .Banner_section_text h2 span.red_text {
     color: #fb5f65
 }

 .gen-cont p span {
     font-family: ubuntu !important
 }

 .section-six-CR .Banner_section_text li {
     color: var(--primary_clr);
     font-size: 16px;
     margin-bottom: 5px;
     list-style-type: disc;
     margin-left: 17px;
     text-align: left
 }

 .section-six.section-six-CR .Banner_section_img_container svg {
     width: 100%;
     height: auto
 }

 .section-six-CR .Banner_section {
     padding-top: 90px
 }

 .Banner_section_text h3 {
     font-size: 42px;
     color: var(--primary_clr);
     margin: 0 0 20px
 }

 .acq h2 span {
     color: var(--red_clr);
     letter-spacing: -.7px
 }

 .divAccordian a {
     color: #fb5f66;
     text-decoration: none;
     font-family: ubuntumedium
 }

 .acq-cstmor .Banner_section_text h2 {
     font-family: ubuntu-Light
 }

 .acq-premade .owl-carousel {
     width: 100%;
     display: block !important;
     padding: 0 !important
 }

 .acq-case.case-study-sec {
     padding-bottom: 60px !important
 }

 section.section-outer.demo-sec {
     padding: 90px 0
 }

 .demo-sec .section-inner .demo-wrapper {
     display: flex;
     background: url(https://dlvkyia8i4zmz.cloudfront.net/1EMsSCtQPygabjzyJGOg_BG.png) round;
     padding: 40px 80px;
     border-radius: 8px
 }

 .demo-sec .left-sec {
     width: 52%;
     padding-right: 50px
 }

 .demo-sec h6 {
     font-size: 28px;
     color: #444;
     font-family: ubuntumedium
 }

 .demo-sec p {
     font-size: 16px;
     color: #666;
     margin-top: 10px;
     line-height: 1.5;
     font-family: ubuntu-light
 }

 .enterEmail>input,
 .firstPoll>p {
     line-height: 160%;
     margin-left: 16px
 }

 .demo-sec .left-sec a {
     background: #fb5f66;
     color: #fff;
     width: 197px;
     height: 50px;
     padding: 14px 36px;
     text-align: center;
     border-radius: 28.5px;
     font-size: 15px;
     margin-top: 30px;
     line-height: 1.6;
     display: block
 }

 .demo-sec .right-sec {
     width: 47%;
     display: flex;
     justify-content: center;
     align-items: end;
     margin-bottom: -40px
 }

 .demo-sec .right-sec span {
     position: unset
 }

 .demo-sec .right-sec span:last-child {
     position: relative;
     top: -35px
 }

 .demo-sec .right-sec span img {
     width: 100%;
     max-width: 100%;
     height: auto;
 }

 .flex-direction {
     flex-direction: row-reverse
 }

 .QuizzMaker_1 .QuizzCard_text h4 {
     font-weight: 500;
     font-size: 20px;
     color: #444;
     font-family: ubuntumedium;
     margin: 15px 0 0
 }

 .QuizzMaker_1 .QuizzCard p {
     font-weight: 400;
     font-size: 16px;
     color: #444;
     font-family: ubuntu;
     margin-block: 10px
 }
 .QuizzMaker_1 .QuizzCard .text-bold{
    font-weight: 700;
 }

 .QuizzMaker_1 .QuizzCard ul li {
     font-weight: 300;
     font-size: 14px;
     padding-inline-start: 18px;
     position: relative
 }

 .QuizzMaker_1 .QuizzCard ul li::before {
     content: '';
     height: 8px;
     width: 8px;
     border-radius: 50%;
     background-color: #555;
     position: absolute;
     top: 6px;
     left: 0
 }

 .QuizzCard_1 .QuizzCard_image {
     display: grid;
     place-items: center
 }

 .Lead_Quizz .card-parent {
     background: #fff;
     box-shadow: 0 5px 10px rgba(0, 0, 0, .08);
     border-radius: 8px;
     display: flex;
     flex-direction: column;
     height: 100%
 }

 .enterEmail>input,
 .feature {
     align-items: center;
     display: flex
 }

 .Lead_Quizz .card_head {
     height: 149px;
     display: grid;
     place-items: center;
     background-color: #ffeff0;
     border-radius: 8px 8px 0 0
 }

 .padding-block {
     padding-block: 15px
 }

 .Lead_Quizz .card_body {
     padding: 0 20px 20px
 }

 .Lead_Quizz .card_body h3 {
     font-weight: 500;
     font-size: 18px;
     line-height: 26px;
     color: #444;
     font-family: ubuntumedium;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     overflow: hidden;
     text-overflow: ellipsis;
     max-height: calc(1.4em*2);
     word-break:break-word;

 }

 .Lead_Quizz .card_body p {
     font-weight: 300;
     font-size: 14px;
     line-height: 22px;
     color: #666;
     font-family: ubuntu-Light
 }

 .section.quiz-maker-case {
     background: #f2f2f2;
     padding-top: 0
 }

 .videoPosition {
     top: -18px !important
 }

 .features {
     margin-top: 16px;
     margin-bottom: 30px;
     display: flex;
     grid-gap: 12px
 }

 .feature {
     color: #888;
     background-color: #ececec;
     padding: 5px 14px;
     border-radius: 20px;
     justify-content: center;
     text-align: left
 }

 .firstPoll {
     margin-top: 15px
 }

 .firstPoll>p {
     font-weight: 500;
     font-size: 12px
 }

 .tryPoll {
     margin-top: 6px;
     display: flex;
     grid-gap: 8px
 }

 .enterEmail {
     display: flex;
     justify-content: flex-start;
     align-items: center;
     border: 1px solid #fb5f66;
     max-width: 300px;
     width: 100%;
     border-radius: 28px;
     padding: 13px 20px
 }

 .enterEmail>i {
     color: #fb5f66
 }

 .enterEmail>input {
     font-weight: 400;
     font-size: 14px;
     font: inherit;
     color: #858f94;
     border: none;
     background-color: transparent;
     max-width: 355px
 }

 .createPoll-btn {
     background: #fb5f66;
     border-radius: 28.5px;
     font: inherit;
     border: none;
     padding: 16px 22px;
     color: #fff;
     cursor: pointer
 }

 .banner_text button a,
 .createPoll-btn:hover {
     color: #fff
 }

 .poll-text-bold {
     font-weight: 500;
     font-family: ubuntumedium
 }

 .How2CreatePage.form_b .OutcomeQuizCard_1 {
     width: 160px
 }

 .demo-part .demo-wrapper::after,
 .demo-part .demo-wrapper::before {
     content: '';
     width: 100px;
     height: 100px;
     background: #fcc4c7;
     position: absolute
 }

 .How2CreatePage.form_b .OutcomeQuizCard_1:after {
     right: -48px;
     top: 17px
 }

 .enterEmail>input::placeholder {
     color: #b6b6b6
 }

 .QuizzCard_image svg {
     width: -webkit-fill-available
 }

 .faq.open p {
     display: block !important;
     animation: 1s ease-in-out fade
 }

 .golf_video .startTrial-outer {
     width: 860px;
     height: 484px;
     margin: 0 auto;
     box-shadow: none !important
 }

 .demo-part .demo-wrapper,
 .golf_video p,
 .svg-content svg {
     width: 100%;
     float: left
 }

 .golf_video p {
     font-size: 32px;
     margin: 80px 0 30px;
     color: #444;
     text-align: center
 }

 .golf_video span.video-playIcon {
     top: 40%
 }

 .golf_video .language-templte-img {
     position: absolute;
     bottom: -16em;
     z-index: 9
 }

 .video-container {
     margin-bottom: -16em
 }

 .golf_video .startTrial-outer i.material-icons {
     left: 50%;
     transform: translateX(-50%)
 }

 .golf_video .overflow-hidden {
     border-radius: 10px;
     box-shadow: 0 0 23px rgba(0, 0, 0, .15)
 }

 .golf-sec {
     padding-top: 22em
 }

 #tests-modal {
     margin-top: 100px
 }

 .bg_redcolor {
     background: url("https://dlvkyia8i4zmz.cloudfront.net/y2mW1ACQUyFspKy25uih_TTlgtUOVQeqX34nZzXPW_Group_2485__1_.png") 0 0/cover #fef6f4
 }

 .wbof .QuizzBox.gridbox-8 {
     padding: 0 60px
 }

 .ChatGPT-sec h5.main_subheading {
     margin: -10px 71px 40px
 }

 .demo-part .demo-wrapper {
     background: #ffeced;
     padding: 40px 50px;
     border-radius: 8px;
     position: relative
 }

 .demo-part .demo-heading {
     color: var(--primary_clr) !important;
     font-size: 40px !important
 }

 .demo-part .demo-wrapper p {
     color: var(--secondary_clr);
     font-size: 18px;
     margin: 10px 0;
     float: left;
     width: 100%
 }

 .ai-average .Banner_section_text p {
     font-weight: 700
 }

 .demo-text {
     width: 633px;
     margin: 0 auto
 }

 .demo-text p {
     font-style: italic;
     font-size: 16px !important
 }

 .banner_text h1,
 .banner_text span {
     font-weight: 600;
     line-height: 130%;
     font-size: 40px
 }

 .demo-text a {
     text-decoration: underline
 }

 .demo-wrapper>.text-center {
     z-index: 9;
     position: relative
 }

 .demo-part .demo-wrapper::before {
     border-radius: 0 0 0 100px;
     right: 0;
     top: 0
 }

 .demo-part .demo-wrapper::after {
     border-radius: 0 100px 0 0;
     left: 0;
     bottom: 0
 }

 .containers {
     max-width: 1200px;
     margin: 0 auto;
     padding: 0 15px
 }

 .banner_background {
     background: url('https://dlvkyia8i4zmz.cloudfront.net/2ppk6xmDSuGOOwFiaLvt_Frame_792.svg') 0 0/cover no-repeat;
     object-fit: contain;
     margin-block: 80px 0px;
     padding-block: 80px 140px
 }

 .banner_main {
     display: flex;
     align-items: center;
     gap: 80px;
     justify-content: space-between
 }

 .card,
 .team_card {
     display: flex;
     gap: 20px
 }

 .banner_text {
     width: 55%
 }

 .banner_text h1 {
     color: #444
 }

 .banner_text span {
     color: #fb5f66
 }

 .banner_text p {
     color: #666;
     font-size: 18px;
     font-weight: 400;
     line-height: 150%;
     margin-top: 22px
 }

 .banner_text button {
     width: max-content;
     padding: 14px 29px;
     margin-top: 22px;
     border: none;
     background-color: #fb5f66;
     flex-shrink: 0;
     border-radius: 6px
 }

 .card_main {
     position: relative;
     display: flex;
     align-items: center;
     justify-content: center
 }

 .banner_image {
     width: 40%
 }

 .team_card {
     position: absolute;
     top: -60px;
     overflow-x: scroll;
     width: 100%;
     justify-content: center
 }

 .team_card::-webkit-scrollbar {
     display: none
 }

 .card {
     min-width: 280px;
     height: 115px;
     justify-content: center;
     align-items: center;
     border-radius: 20px;
     border: 2px solid #f4f4f4;
     background: #fff;
     padding: 10px
 }

 .card_back {
     width: 60px;
     height: 60px;
     border-radius: 100%;
     background: #ffeff0;
     display: grid;
     place-items: center
 }

 .card_text span {
     color: #fd5c65;
     font-size: 32px;
     font-weight: 600
 }

 .card_text p {
     color: #666;
     font-size: 12px;
     font-weight: 500
 }

 .mission {
     width: 100%;
     display: flex;
     justify-content: space-between;
     gap: 80px;
     margin-top: 130px
 }

 .mission img {
     margin-top: 100px
 }

 .mission_text {
     display: flex;
     flex-direction: column;
     justify-content: center
 }

 .mission_text h2 {
     color: #444;
     font-size: 38px;
     font-weight: 400;
     line-height: 130%
 }

 .mission_text p {
     width: 94%;
     color: #666;
     font-size: 16px;
     font-weight: 400;
     line-height: 150%;
     margin-top: 16px
 }

 .team_background {
     background-color: #fff8f8;
     padding-block: 90px;
     margin-top: 70px
 }

 .team_background h2:first-child {
     text-align: center;
     color: #444;
     font-size: 38px;
     font-weight: 400;
     line-height: 130%;
     margin-bottom: 40px;
     margin-top: 0 !important
 }

 .team_main {
     display: flex;
     gap: 56px;
     justify-content: center
 }

 .meet_card {
     max-width: 455px;
     height: max-content;
     padding: 20px 20px 30px;
     flex-direction: column;
     align-items: center;
     border-radius: 10px;
     background: #fff;
     display: flex;
     color: #444;
     font-weight: 400
 }

 .linked_text {
     display: flex;
     justify-content: space-between;
     align-items: center;
     gap: 8px;
     margin-block: 40px 10px
 }

 .meet_card .linked_text h3 {
     font-size: 24px;
     font-weight: 600;
     margin-block: 0px !important
 }

 .meet_card span {
     font-size: 14px;
     font-family: ubuntu;
     margin-block: -4px 0px
 }

 .meet_card p {
     font-size: 16px;
     text-align: center;
     margin-top: 15px;
     line-height: 150%;
     color: #666;
     display: -webkit-box;
     overflow: hidden
 }

 .meet_card img {
     max-height: 300px
 }

 .meet_card button {
     color: #fb5f66;
     font-size: 16px;
     font-weight: 400;
     line-height: 110%;
     text-decoration-line: underline;
     margin-top: 10px
 }

 .awards h2,
 .mobile_awards h2 {
     font-size: 38px;
     color: #444;
     font-weight: 400;
     text-align: center
 }

 .awards {
     margin-top: 56px
 }

 .awards h2 {
     line-height: 130%
 }

 .awards_images {
     display: flex;
     place-content: center;
     margin-top: 20px;
     gap: 80px;
     flex-wrap: wrap;
     align-items: baseline
 }

 .award_box {
     width: 162px;
     height: auto
 }

 .award_box_2 {
     width: 134px;
     height: 150px
 }

 .mobile_awards {
     /* margin-bottom: 56px; */
     display: grid
 }

 .award_box_2 svg {
     margin-left: -18px
 }

 .mobile_awards h2 {
     line-height: 130%;
     margin-block-start: 0
 }

 .footer-widget-area>* {
     flex: 1;
     min-width: 0
 }

 .site-footer-wrap .widget ul li a,
 .site-footer-wrap p,
 .site-footer-wrap p.has-text-align-left a {
     font-size: 14px !important;
     margin: 10px 0;
     text-decoration: none
 }

 .site-footer-wrap .widget h2,
 .site-footer-wrap h4.has-text-align-left {
     color: #444;
     font-size: 18px;
     line-height: 130%;
     font-weight: 500
 }

 .kt-blocks-post-grid-item .entry-title a:not(.button):not(.list) {
     color: inherit;
     font-weight: 400;
     line-height: 18px;
     color: inherit;
     display: block;
     text-decoration: none
 }

 .site-footer-row.site-footer-row-columns-4 {
     display: grid;
     grid-template-columns: 1fr 1fr 1fr 1fr;
     margin-top: 80px
 }

 .site-middle-footer-inner-wrap {
     grid-column-gap: 75px;
     grid-column-gap: 60px;
     grid-column-gap: 60px;
     padding: 0 24px !important
 }

 .subscribe input[type=text] {
     -webkit-appearance: none;
     color: var(--global-palette5);
     border: 1px solid var(--global-gray-400);
     border-radius: 3px;
     padding: .4em .5em;
     max-width: 100%;
     background: var(--global-palette9);
     box-shadow: 0 0 0 -7px transparent;
     margin: 20px 0
 }

 .sumo-form-wrapper button {
     border: initial;
     background: initial;
     text-align: center;
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     -ms-border-radius: 0;
     -o-border-radius: 0;
     border-radius: 0
 }

 .about_footer {
     margin-top: 50px;
     border-top: 1px solid #919191
 }

 .about_footer p {
     color: #a4a4a4 !important;
     text-align: center;
     font-weight: 500;
     margin-block: 22px
 }

 .about_footer p a {
     color: #a4a4a4;
     font-size: 12px;
     line-height: normal;
     text-decoration: none !important
 }

 .inner-link-style-normal a:not(.button),
 .widget-area.nner-link-style-normal a:not(.button) {
     text-decoration: underline;
     text-align: center
 }

 .site-footer-wrap .widget ul li a,
 .site-footer-wrap p,
 .site-footer-wrap p.has-text-align-left a {
     color: #62696d;
     font-weight: 400;
     line-height: 18px
 }

 .articles h2 {
     color: #62696d !important;
     font-weight: 400 !important;
     padding-top: 0 !important
 }

 .articles header {
     height: auto !important
 }

 .subscribe h2 {
     color: #444;
     font-size: 18px
 }

 .subscribe input {
     width: max-content;
     margin: 20px 0;
     padding: 13px 23px;
     border-radius: 6px;
     border: 1px solid #d9d9d9
 }

 .subscribe button {
     width: max-content;
     height: max-content;
     padding: 9px 20px;
     border-radius: 23px;
     border: initial;
     background: #fb5f66;
     text-align: center;
     color: #fff
 }

 .site-footer-wrap .site-middle-footer-wrap:first-child {
     padding: 0 25px
 }

 .site_grid {
     grid-template-columns: 1.5fr 1fr 1fr .5fr !important
 }

 .footer_block_margin section {
     margin-block: 15px
 }

 .address_padding {
     margin-block: 62px 0px
 }

 #more_text {
     display: none
 }

 .mom-logo-imgs {
     gap: 60px !important
 }

 .cisco-logo {
     height: 40px !important
 }

 .mom-logo-imgs img:nth-child(3),
 .mom-logo-imgs img:nth-child(4),
 .mom-logo-imgs img:nth-child(5),
 .mom-logo-imgs img:nth-child(6) {
     width: 120px
 }

 .mom-logo-imgs img:last-child {
     width: max-content !important;
     height: 25px
 }

 .Aibot {
     padding-block-end: 90px;
     width: 100%;
     float: left
 }

 .Aibot .containerDiv {
     border-radius: 8px;
     background: #ffeced;
     align-items: center;
     flex-direction: column
 }

 .Aibot h2 {
     text-align: center;
     font-size: 45px;
     font-style: normal;
     font-weight: 600;
     line-height: 130%;
     background: linear-gradient(90deg, #fb5f66 4.75%, #7c4eff 61.17%, #fb5f66 87.94%);
     background-clip: text;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     margin-block-start: 60px
 }

 .Aibot p {
     color: #666;
     font-size: 16px;
     font-style: normal;
     font-weight: 400;
     line-height: 150%;
     max-width: 821px;
     text-align: center
 }

 .Aibot a {
     padding: 16px 24px;
     border-radius: 29px;
     background: #fb5f66;
     color: #fff;
     font-size: 15px;
     line-height: 22px;
     margin-block-start: 20px;
     transition: .3s ease-in-out
 }

 .Aibot img {
     object-fit: cover;
     object-position: center
 }

 .calc-aibot {
     padding-block: 90px 0px
 }

 .ebooks-gallery {
     min-height: 450px !important;
     height: 450px !important;
     overflow: auto !important
 }

 .ebooks-gallery::-webkit-scrollbar {
     height: 0;
     scrollbar-width: auto;
     scrollbar-color: #b5b5b5 #e2e2e200;
     width: 3px
 }

 .ebooks-gallery::-webkit-scrollbar-track {
     background: #e2e2e2
 }

 .ebooks-gallery::-webkit-scrollbar-thumb {
     background-color: #b5b5b505;
     border-radius: 42px;
     border: 69px solid #b5b5b5
 }

 .application_container {
     position: fixed;
     right: -186px;
     top: 31%;
     z-index: 11;
     height: 225px;
     width: 230px;
     display: flex;
     transition: 0.5s ease-in-out;
     box-shadow: 0px 0px 20px 15px rgba(0, 0, 0, 0.04);
 }

 .application_wrapper {
     cursor: pointer;
     border-radius: 10px 0px 0px 10px;
     background: #444;
     padding: 12px 15px;
     align-items: center;
     gap: 12px;
     display: flex;
     writing-mode: vertical-rl;
     width: 44px;
 }

 .application_wrapper p {
     color: #FFF;
     font-size: 16px;
     line-height: 120%;
 }

 .marketplace_feature {
     background-color: #fff;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     align-items: center;
     padding: 30px 15px;
 }

 .marketplace_feature p {
     color: #444;
     text-align: center;
     font-size: 14px;
     font-family: ubuntu-Light;
     font-weight: 300;
     line-height: 140%;
     text-transform: capitalize;
 }

 .marketplace_feature span {
     font-weight: 400;
     font-family: Ubuntu;
 }

 .marketplace_feature a {
     padding: 10px 25px;
     border-radius: 50px;
     background: linear-gradient(90deg, #FF787E 0%, #E3232C 100%);
     color: #FFF;
     font-size: 14px;
     font-weight: 500;
     line-height: 120%;
 }

 .application_container:hover {
     right: 0px;
 }

 .mt-34 {
     margin-top: 60px;
 }
 .h_o{
    padding: 5px;
    border: 1px solid rgba(251, 95, 102, 0.10);
    background: #FFF1F1;
     color:#FB5F66;
     font-size: 13px;
     border-radius: 25px;
     display: inline-flex;
 }
.popular_case{
    background-color: #fff!important;
    .card-parent{ border-radius: 25px}
    .card_head{ background: linear-gradient(178deg, #FFF2F2 41.45%, rgba(255, 255, 255, 0.00) 114.51%); border-radius: 25px 25px 0px 0px;  padding: 30px 30px 0;}
    img.card_head{
        background: none !important;
        padding: 0px !important;
    }
    .card_body {  padding: 20px 15px 0px; }
    .card_body h3{color: #444; font-size: 20px; font-family: ubuntumedium !important;margin-top: 0;}
    .card_body p{ color: #666; font-size: 16px;margin-top: 5px; }
    .QuizzCard_text a {   color: #FB5F66;  font-size: 15.4px;  letter-spacing: 0.48px;    margin-top: 40px;  display: flex;  align-items: center; gap: 5px; }
    .QuizzCard_text a img{  width: auto!important;}
    .QuizzCard_text h3{  color:#444!important}
   .QuizzCard{gap:142px!important}
   .QuizzCard_image,.QuizzCard_text{width: calc(44% - 10px)!important;}
   .secondary_heading{margin-bottom: 0!important;font-size: 38px;}
   .section-2-subheading{margin-bottom: 60px;padding: 10px 16% 0;}
   .QuizzCard img{width: 100%!important;}
   .col_mob.text-center{width: 402px; padding-inline: 10px !important;}
}
.hubspot-I span a.btn{
    background: linear-gradient(90deg, #BF0A12 0.15%, #FB5F66 99.91%)!important;
    border: 0px;
}
.mb-img{display: none;}

.int-outer.text-center{
     background: url(https://dlvkyia8i4zmz.cloudfront.net/tFIqnDBlQkSHEQn7KyrL_div.cta_chalk.svg) no-repeat;  width: 100%;  padding: 43px 10%;  border-radius: 20px; 
    p{ color:#fff;  font-size: 24px; margin: 0; }
    .sign-up{
        background-color: #fff;
        color: #fb5f66;
        padding: 15px 40px;
        border-radius: 25px;
        margin-top: 15px;
        display: inline-block;
        font-size: 16px;
        span{
            font-family: ubuntumedium !important;
            background: var(--Linear, linear-gradient(180deg, #BF0A12 -29.17%, #FB5F66 100%));
            background-clip: text;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
    }
}

.image-sec{
    margin-bottom: 90px ;
}
.hubspot-I{
    .Banner_section_text a,.Banner_section_text h2{margin-top: 10px!important;box-shadow: none!important;}
    .Banner_section_img_container{margin-bottom: 0px;}
}

.m-line p{
    font-family: 'ubuntu-Light';
    color: #666;
}

svg.hubspot-asset {
    max-width: 100%;
    height: 100%;
    vertical-align: middle;
}

.hs-img .image-sec img{
    display: none;
}

/* .int-outer.integrate-with-hubspot p{
    margin-inline: auto;
    max-width: 800px;
    line-height: 36px;
    color: #fff !important;
} */

.ff-ubuntu{
    font-family: Ubuntu, sans-serif !important;
}

.ads-page-gif-outer{
    background: radial-gradient(69.32% 69.32% at 50.83% 46.6%, #FFFFFF 0%, #FFF5F5 100%);
    padding-block: 90px;
    margin-bottom: 90px;
}

.ads-page-gif-section{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.ads-page-gif-outer h2{
    max-width: 864px;
}

.gif-wrapper{
    border-radius: 20px;
    border: 1px solid #00000014;
    overflow: hidden;
    margin-bottom: 40px;
    width: max-content;
    margin-inline: auto;
}

.new-gradient-btn{
    padding: 15px 30px;
    background: linear-gradient(90deg, #BF0A12 0%, #FB5F66 100%) !important;
    border-radius: 100px;
    font-weight: 500;
    color: #fff;
    line-height: 15.4px;
    font-size: 16px;
}

.new-gradient-btn:hover, .new-gradient-btn:focus{
    color: #fff;
}

.ads-page-mid-section{
    padding-block: 0 40px;
}

.mid-section-cards{
    background: radial-gradient(68.49% 68.53% at 43.17% 57.24%, #FFF2F2 0%, #FFFFFF 100%);
    /* height: 456px; */
    border: 1px solid #00000014;
    border-radius: 16px;
    display: flex;
    justify-content: space-between;
    gap: 30px;
    padding-left: 90px;
    width: 100%;
    margin-bottom: 50px;
    overflow: hidden;
}

.mid-section-cards .mid-section-card-content{
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 30px;
    padding-block: 30px;
}

.mid-section-cards .mid-section-card-graphics {
    padding-top: 50px;
    max-width: 50%;
    display: flex;
    align-items: flex-end;
}

.mid-section-cards-desc{
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.mid-section-cards-desc h4{
    font-size: 22px;
    font-weight: 500;
    line-height: 24.2px;
    color: #FB5F66E5;
}

.mid-section-cards-desc span{
    line-height: 24px;
    font-size: 16px;
    color: #444444;
    padding-left: 26px;
    max-width: 471px;
    position: relative;
}

.mid-section-cards-desc span::before{
    position: absolute;
    content: "";
    background-image: url("https://dlvkyia8i4zmz.cloudfront.net/lud7qpj1Q16qlYxGiIo1_Layer_2.svg");
    height: 13.5px;
    top: 4.33px;
    left: 0.66px;
    width: 16px;
}

.ads-page-gif-outer .ads-page-metrics{
    margin-top: 0 !important;
}

.ads-page-metrics .metrics-inner-block{
    border-radius: 16px;
    border: 1px solid #00000014
}

.ads-page-metrics .metrics-inner-block:hover{
    border-bottom: 1px solid #00000014;
}

.ads-page-companies{
    margin-block: 90px;
}

.ads-page-companies .companies-logos{
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(187px, 1fr));
    place-items: center;
    row-gap: 20px;
}

.ads-page-companies .companies-logo-mini{
    display: none;
}

.ads-page-header{
    padding-block: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-inline: auto;
    padding-inline: 20px;
    max-width: 1170px;
}

.ads-hero-section{
    padding-top: 180px !important;
}

.ads-hero-section h1{
    text-align: center;
    max-width: 750px;
    margin-bottom: 50px;
    width: 100%;
}

.ads-section-lead-input input{
    padding-block: 21px;
    border: 1px solid #0000001A !important;
    box-shadow: none;
}

.ads-section-lead-input a{
    top: 7px;
    right: 7px !important;

}

.ads-section-lead-input i{
    top: 21px !important;
}

.ads-header-section{
    position: relative;
}

.ads-header-section.active-campaign{
    background: url(https://dlvkyia8i4zmz.cloudfront.net/l7RALyDDQTWPYfpDfjHR_bg__1_.png);
    background-position: center;
    background-repeat: no-repeat;
}

.ads-header-section > img{
    position: absolute;
    top: 0;
    z-index: -1;
    height: 847px;
    width: 847px;
    left: 50%;
    transform: translateX(-410px);
}

.ads-customer-section{
    padding-block: 90px;
    background: radial-gradient(69.32% 69.32% at 50.83% 46.6%, #FFFFFF 0%, #FFF5F5 100%);
    margin-bottom: 90px;
}

.customer-section-heading{
    position: relative;
    max-width: max-content;
}

.customer-section-heading::before{
    position: absolute;
    content: "";
    height: 38px;
    width: 35px;
    background-image: url(https://dlvkyia8i4zmz.cloudfront.net/lfPbzDrSRerQAXSFq9pH_623d5980fbc033885da2c334_Highlight_05.svg.svg);
    top: -17px;
    right: -40px;
}

.ads-customer-video-wrapper{
    margin-inline: auto;
    height: 422px;
    width: 750px;
    border-radius: 16px;
    overflow: hidden;
}

.ads-page-facts{
    margin-bottom: 90px;
}

.ads-page-facts .containerDiv{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.ads-page-facts .fact-cards{
    display: flex;
    align-items: center;
    margin-top: 50px;
    width: 100%;
}

.ads-page-facts .fact-card{
    width: 33.33%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 157px;
    gap: 20px;
}

.ads-page-facts .fact-card:nth-child(2){
    border-inline: 1px solid #0000001A;
}

.ads-page-facts .fact-card h6{
    color: #fb5f66;
    font-size: 50px;
    font-weight: 500;
    line-height: 55px;
}

.ads-page-facts .fact-card span{
    line-height: 22px;
    color: #666666;
    font-size: 20px;
}

.ads-page-cta-section .containerDiv{
    padding-block: 72px;
    background-image: url(https://dlvkyia8i4zmz.cloudfront.net/SGu0wQAYSiJ6SOgmphKz_Frame_1618873182.svg);
    border-radius: 20px;
    margin-bottom: 90px;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-size: cover;
}

.ads-page-cta-section p{
    font-weight: 500;
    line-height: 30px;
    text-align: center;
    font-size: 20px;
    color: #FFFFFF;
    max-width: 500px;
}

.ads-page-cta-section .ads-cta-btn{
    height: 56px;
    width: 162px;
    display: grid;
    place-items: center;
    border-radius: 130px;
    border: 1px solid rgba(255, 255, 255, 0.40);
    margin-block: 20px 15px;
}

.ads-page-cta-section .ads-cta-btn a{
    border-radius: 38px;
    width: 150px;
    height: 44px;
    font-size: 16px;
    font-weight: 500;
    line-height: 17.6px;
    background: #FFFFFF;
    color: #fb5f66;
    display: grid;
    place-items: center;
}

.ads-page-cta-section .ads-features{
    display: flex;
    align-items: center;
    gap: 15px;
}

.ads-page-cta-section .ads-features span{
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 13px;
    line-height: 110%;
    text-transform: capitalize;
    color: #FFF;
}

.ads-page-swiper{
    margin-top: 90px;
    position: relative;
}

.ads-page-swiper .premade-card{
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    width: 577px !important;
    height: 283px !important;
}

.ads-page-swiper .premade-card img{
    border-radius: 20px !important ;
    height: 100% !important;
}

.ads-page-swiper::before, .ads-page-swiper::after{
    position: absolute;
    content: "";
    top: 0;
    background: linear-gradient(88deg, rgba(255, 255, 255, 0.00) 2.09%, #FFF 76%);
    width: 20%;
    height: 100%;
    z-index: 2;
    pointer-events: none;
}

.ads-page-swiper::before{
    transform: rotate(180deg);
    left: 0;
}

.ads-page-swiper::after{
    right: 0;
}

.ads-page-header-wrapper{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
}

.ads-page-sticky-header {
    background: #FFF;
    box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.07);
}

.ads-page-sticky-header .ads-page-header{
    padding-block: 18px;
}

.ads-testimonial-section{
    margin-bottom: 90px;
}

.testimonial-swiper{
    border: 1px solid rgba(251, 95, 102, 0.15);
    background: linear-gradient(0deg, #FFF -15.77%, #FFF6F6 99.93%);
    border-radius: 40px;
    width: 100%;
}

.testimonial-swiper .testimonial-next, .testimonial-swiper .testimonial-prev{
    position: absolute;
    top: 50%;
    transform: translateY(-25px);
    height: 50px;
    width: 50px;
    border: 1px solid rgba(0, 0, 0, 0.08);
    background: #FFF;
    border-radius: 50px;
    display: grid;
    place-items: center;
    cursor: pointer;
    z-index: 5;
}

.testimonial-swiper .swiper-button-disabled{
    cursor: default;
    opacity: 0.5;
}

.swiper-pagination-bullet-active{
    background-color: #fb5f66 !important;
}

.testimonial-swiper .testimonial-prev{
    left: 50px;
}

.testimonial-swiper .testimonial-next{
    right: 50px;
}

.ads-testimonial-section .testimonial-card{
    padding: 70px 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    height: 100%;
    width: 100%;
}

.ads-testimonial-section .testimonial-card p{
    color: rgba(68, 68, 68, 0.95);
    text-align: center;
    font-size: 28px;
    line-height: 150%;
    max-width: 822px;
}

.ads-testimonial-section .testimonial-card .testimonial-author-desc{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.ads-testimonial-section .testimonial-card .testimonial-author-desc span.author-name{
    font-size: 16px;
    font-weight: 500;
    line-height: 110%;
    color: #444;
    margin-block: 10px 8px;
    text-align: center;
}

.ads-testimonial-section .testimonial-card .testimonial-author-desc span.author-comment{
    background: rgba(251, 95, 102, 0.10);
    border-radius: 40px;
    padding: 9px 16px;
    font-size: 13px;
    font-style: italic;
    font-weight: 400;
    line-height: 110%;
    text-align: center;
}

.ads-calculator-section{
    margin-bottom: 90px;
}

.ads-calculator-section .containerDiv{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.ads-calculator-section .ads-mini-cards{
    display: flex;
    align-items: center;
    gap: 30px;
    justify-content: center;
    flex-wrap: wrap;
}

.ads-calculator-section .ads-mini-card{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 30px;
    height: 170px;
    width: 170px;
    border-radius: 8px;
    background: #FAFAFA;
    border: 1px solid rgba(0, 0, 0, 0.08);
}

.ads-calculator-section .ads-mini-card span{
    font-size: 14px;
    line-height: 110%;
    color: #444;
}

.leadgen-ads-section{
    margin-bottom: 90px;
}

.leadgen-ads-section h2{
    margin-bottom: 0;
}

.leadgen-ads-inner-wrapper{
    display: flex;
    align-items: center;
    gap: 60px;
    margin-top: 75px;
    width: 100%;
}

.leadgen-ads-inner-wrapper .leadgen-ads-desc{
    display: flex;
    flex-direction: column;
    gap: 20px;
    max-width: 490px;
}

.leadgen-ads-inner-wrapper .leadgen-ads-desc h3{
    font-size: 28px;
    font-weight: 400;
    line-height: 110%;
    color: #444;
}

.leadgen-ads-inner-wrapper .leadgen-ads-desc > span{
    font-size: 18px;
    line-height: 150%;
    color: #666;
}

.leadgen-ads-mid-section{
    padding-bottom: 0;
}

.leadgen-ads-mid-section .mid-section-cards-desc{
    gap: 15px;
}

.leadgen-ads-mid-section .mid-section-cards-desc h4{
    margin-bottom: 5px;
}

.leadgen-ads-extra-section{
    margin-bottom: 90px;
}

.leadgen-ads-extra-section .containerDiv{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.leadgen-ads-extra-section .leadgen-extra-wrapper{
    height: 400px;
    width: 354px;
    border: 1px solid rgba(0, 0, 0, 0.08);
    background: radial-gradient(68.67% 68.53% at 43.17% 57.24%, #FFF2F2 0%, #FFF 100%);
    border-radius: 16px;
    padding: 27px 20px 0;
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
}

.leadgen-ads-extra-section .leadgen-extra-icon{
    border: 1px solid rgba(251, 95, 102, 0.20);
    background: #FFF;
    border-radius: 100px;
    height: 50px;
    width: 50px;
    display: grid;
    place-items: center;
}

.leadgen-ads-extra-section .leadgen-extra-wrapper h4{
    font-size: 22px;
    font-weight: 500;
    line-height: 110%;
    color: rgba(251, 95, 102, 0.90);
    margin-block: 20px 15px;
}

.leadgen-ads-extra-section .leadgen-extra-wrapper p{
    font-size: 16px;
    line-height: 150%;
    color: #444;
}

.leadgen-ads-extra-section .leadgen-extra-wrapper img{
    position: absolute;
    right: 0;
    bottom: 0;
}

.landing-ads h1{
    max-width: 1000px;
    margin-bottom: 0;
}

.ads-hero-header-desc{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    max-width: 1000px;
    margin-block: 30px 50px;
}

.ads-hero-header-desc p{
    font-size: 22px;
    line-height: 140%;
    color: #666;
    text-align: center;
}

.ads-hero-header-desc p span{
    font-weight: 500;
}

.landing-ads-about-section .containerDiv{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
    margin-bottom: 30px;
    padding-block: 90px;
}

.landing-ads-about-section h4{
    font-size: 42px;
    font-weight: 400;
    line-height: 110%;
    color: #444;
}

.landing-ads-about-section p{
    text-align: center;
    font-size: 24px;
    line-height: 150%;
    color: #666;
    max-width: 1000px;
}

/* Ads page responsive disign starts here */



/* active capmpaign css */

.integrate-with-activeCampaign{
    background: url(https://dlvkyia8i4zmz.cloudfront.net/tFIqnDBlQkSHEQn7KyrL_div.cta_chalk.svg) no-repeat!important;
    padding: 43px 10%!important;
    p{
        color: #fff !important;
    }
    .sign-up{
    background-color: #fff!important;
    span{
        font-family: ubuntumedium !important;
        background: var(--Linear, linear-gradient(180deg, #BF0A12 -29.17%, #FB5F66 100%));
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
    }
    }
}
.active-campaign{
    h1{
        margin-bottom: -37px;

    }
}
.bg-effect img{
    position: absolute;
    z-index: -1;
    left: 50%;
    width: 100%;
    top: 15%;
    transform: translate(-50%);
   }

.hero-inner-section {
    display: flex;
    position: relative;
     gap: 30px;
     padding-bottom: 30px;
    div{
        display: grid;
    place-items: center;
    p{
        font-size: 16px;
        color: #666;
    }
    .new-gradient-btn{
        margin-top: -70px;

    }
    img{
        margin-top: -55px;
    }
    }

}
.active-campaign{
        display:flex;
    .ads-hero-section{
        flex-direction: column;
        align-items: center;
        display: flex !important;
    
         h1{
            margin-bottom: -30px;
            font-size:42px;
        }
        .h_o{
            margin-bottom: 20px;
        }
    }
    
}
.hs_lp .secondary_heading{font-size: 38px!important;}
.m-line p::after,.m-line p::before {
    content: "";
    width: 30px;
    height: 2px;
    background-color: #fff;
    position: absolute;
    top: 18px;
}
.m-line p::after {right: -38px;}
.m-line p::before { left: -38px;}
.m-line{
    display: flex;
    justify-content: center;
}
.m-line p{

    position: relative;
    width: max-content;
}
.activeCamp .row.metrics-inner.flex{
 row-gap: 50px;
}

.activeCamp .row.metrics-inner.flex{
    margin-top: 0 !important;
}

.quizCard-container .QuizzCard{
    margin-bottom: 90px;
}

.activeCampSubHeading{
    font-size: 38px;
}
#feature-swiper{
    padding-top:48px!important ;
}

/* integration pages fixes */

.hubspot-hero-section h2{
    font-size: 42px !important;
}

.hubspot-hero-section p{
    font-size: 18px !important;
    line-height: 140% !important;
}

.hubspot-hero-section a{
    font-size: 16px !important;
    font-family: ubuntumedium !important;
    line-height: 110% !important;
    height: 56px !important;
    width: 167px !important;
    display: grid;   
    place-items: center;;
}

.integrate-with-hubspot{
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: center;
    background-size: cover !important;
}

.integrate-with-hubspot p:first-child{
    line-height: 150% !important;
    font-family: ubuntumedium !important;
}

.integrate-with-hubspot .sign-up{
    height: 48px;
    width: 137px;
    display: grid !important;
    place-items: center;
    font-family: ubuntumedium !important;
    padding: 0 !important;
    margin-top: 17px !important
}

.hubspot-I .containerDiv, .popular_case .containerDiv, .integrated .containerDiv{
    max-width: 1186px !important;
}

.section.hubspot-I.firstsec{
    background: url(https://dlvkyia8i4zmz.cloudfront.net/pwHm4fsCQ9KwFIh58Qst_circle_bg.svg) !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important; 
}
.How2CreatePage.quiz-crp{
    .containerDiv{
        max-width: 1272px;
    }
    .secondary_heading{
        margin: 0px auto 60px;
    }
    .OutcomeQuizCard_1{
            width: 181px;
    }
   .OutcomeQuiz_card{
      height: 60px;
      width: 60px;
    }
    .NumberDivs{
        margin: 88px 0 40px;
    }
    .click_arrow_btn.with_red_bg{
            margin-top: 77px;
    }
    .OutcomeQuizCard_1.setPosition p {
    top: -104px;
}
}

.jstfy-cnt{
    justify-content: center;
}
#landing-swiper .swiper-slide,#landing-swiper .swiper-wrapper{
   height:auto; 
}
#landing-swiper{
        width: 100%;
    max-width: 1000px;
    margin: -53px auto;
    /* padding: 20px 0 0 0 !important; */
}
.QuizzMaker_1.landing-builder .QuizzCard img{
  width:75%
}

#landing-swiper .card_body{
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
}


/* templates */
 
 .bg_grey_color .new-tabsec .tab-active a {
     background: #fff !important;
 }
 .Lead_Quizz,
 .bg_color,
 .reuse_template .new-tabsec .tab-active a {
     background: #f2f2f2 ;
 }

 .bg_grey_color .mkl{
    background: #fff !important;
 }

 @media (min-width:768px) {
    .QuizzMaker_1.landing-builder .QuizzCard img{
       width:100%;
}
    
 }