:root{
    --c_heading : #14194D;
    --c_pink : #E3057D;
    --c_pink_hover : #b60464;
    --c_sky : #3ea2f9;
    --c_body : #36363B;
    --bg_alter : #FAFAFA;
    --c_surf: #F8F8F8;
    --font_poppins : "Poppins", sans-serif;
    --font_inter : "Inter", sans-serif;
    --font_proxima : "Proxima Nova",sans-serif;
    --font_open_sans : "Open Sans", sans-serif;
}

/* Start Gutenberg Css support */
.has-ink-color{
    color: var(--c_heading) !important;
}
.has-pink-color{
    color: var(--c_pink) !important;
}
.has-pink-hover-color{
    color: var(--c_pink_hover) !important;
}
.has-sky-color{
    color: var(--c_sky) !important;
}
.has-body-text-color{
    color: var(--c_body) !important;
}
.has-bg-alter-color{
    color: var(--bg_alter) !important;
}
.has-surf-color{
    color: var(--c_surf) !important;
}


.has-ink-background-color{
    background-color: var(--c_heading);
}
.has-pink-background-color{
    background-color: var(--c_pink);
}
.has-pink-hover-background-color{
    background-color: var(--c_pink_hover);
}
.has-sky-background-color{
    background-color: var(--c_sky);
}
.has-surf-background-color{
    background-color: var(--c_surf);
}

.has-body-text-background-color{
    background-color: var(--c_body);
}
.has-bg-alter-background-color{
    background-color: var(--bg_alter);
}


/* End Gutenberg Css support */


figure.wp-block-table td {
    position: relative;
    z-index: 2;
}

figure.wp-block-table td mark:before {
    content: '';
    position: absolute;
    background: inherit;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
}

.color_ink{ color: var(--c_heading); }
.color_pink{ color: var(--c_pink); }
.color_sky{ color: var(--c_sky); }
.color_white{ color: #fff; }
.color_body{ color: var(--c_body); }

.wistia_embed:not(.no-video-frame) {
 	 	display:block !important;
    position: relative;
    padding-bottom: 56.2%;
    width: 100% !important;
    height: auto !important;
}
.wistia_embed:not(.no-video-frame)>div, .wistia_embed:not(.no-video-frame)>iframe {
    position: absolute !important;
    width: 100% !important;
    height: 100% !important;
}
.wistia_popover_mode header {
    z-index: 99 !important;
}

.x-slide img {
    user-drag: none;
    -webkit-user-drag: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

.animate_liner, .animate_liner * {
    overflow: visible !important;
}
.animate_liner :is(.x-text-content-text-primary, .x-anchor-text-primary){
    /*position: relative;  
    background: linear-gradient(90deg, currentColor, currentColor) no-repeat !important;
    background-size: 0% 1px !important;
    background-position: left bottom !important;
    display: inline !important;
    transition: background-size 0.2s linear;*/
}
.animate_box:hover .animate_liner .x-text-content-text-primary,
.animate_liner:hover .x-text-content-text-primary,
.animate_liner:hover .x-anchor-text-primary,
.animate_box:hover .animate_liner .x-anchor-text-primary{
    /*background-size: 100% 1px !important; */
    text-decoration: underline !important;
    text-underline-offset: 4px;
}

.animate_liner .x-graphic{
    transition: transform .2s linear;
}
.animate_box:hover .animate_liner .x-graphic,
.animate_liner:hover .x-graphic,
.animate_liner:hover .x-graphic,
.animate_box:hover .animate_liner .x-graphic{
    transform: translateX(10px);
}

.line_hover:hover :is(.x-text-content-text-primary, .x-anchor-text-primary),
.animate_box:hover .line_hover :is(.x-text-content-text-primary, .x-anchor-text-primary){
    text-decoration: underline !important;
}
.shadow_box{
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1) !important;
}
.shadow_box_1{
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
}
.shadow_box:hover,
.shadow_box_1:hover{
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15) !important;
}

.text-lowercase {
    text-transform: lowercase;
}
.text-uppercase {
    text-transform: uppercase;
}

.event_side_content{
    position: relative;
}
.wp-block-button__link:before,
.event_side_content .e_btn:before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    background: transparent;
}

.blog_menu_divider {
    margin: 0px 0 0 0;
    border-top: solid 1px #c4c4c4;
    border-bottom: 0;
    padding: 0;
}
.blog-menu {
    margin: 96px 0 0 0;
    border-top: solid 1px #c4c4c4;
    border-bottom: solid 1px #c4c4c4;
    padding: 16px 0;
    display: none !important;
}
.b_table{
    display: table;
    cursor: pointer;
} 
.b_purple{
    background-color: #7730CF;
}
.b_purple:hover{
    background-color: #9D60E2;
}

.wp-block-search .wp-block-search__inside-wrapper {
    position: relative
}

.wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button {
    margin: 0;
    box-shadow: none;
    border: 0;
    width: 35px;
    height: 30px;
    overflow: hidden;
    position: relative;
    text-indent: -500px;
    background: none !important
}

.wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button::before {
    content: '';
    position: absolute;
    left: 7px;
    top: 6px;
    width: 17px;
    height: 17px;
    border: solid 2px #5b2cb5;
    border-radius: 50px
}

.wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button::after {
    content: '';
    position: absolute;
    left: 20px;
    top: 22px;
    width: 8px;
    height: 2px;
    background: #000;
    transform: rotate(45deg);
    border-radius: 50px
}


.blog-list-wrap {
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    max-width: 1536px;
    padding-left: 48px;
    padding-right: 48px;
    width: 100%
}

.blog-list-wrap .main-list {
    width: 100%;
    max-width: 1024px;
    padding-right: 71px;
    border-right: solid 1px #c4c4c4
}

.blog-side-bar {
    width: 100%;
    max-width: 416px;
    padding-left: 70px
}

.blog-side-bar li.widget_block {
    list-style: none;
    box-shadow: none
}

.Request-Demo-sidebar {
    padding-right: 80px;
    padding-top: 40px;
    padding-bottom: 40px;
    border-bottom: solid 1px #c4c4c4
}

.Request-Demo-sidebar li figure.wp-block-image {
    margin: 0
}

.Request-Demo-sidebar li#block-12 p {
    font-weight: 400;
    font-size: 18px;
    line-height: 32px;
    letter-spacing: -0.01em;
    color: #36363b;
    margin: 20px 0 !important;
    font-weight: 600;
    font-family: "Inter",sans-serif;
}




.blog-side-bar .widget_block h2 {
    font-family: var(--font_inter);
    font-weight: 600;
    font-size: 18px;
    line-height: 32px;
    letter-spacing: -0.03em;
    margin: 0 0 20px 0;
}

.key-snorkel-contributors {
    padding-top: 40px;
    padding-bottom: 40px;
    border-bottom: solid 1px #c4c4c4
}

.key-snorkel-contributors .Contributors-list ul li {
    padding: 0 0 20px 80px;
    box-shadow: none;
    border: 0;
    line-height: normal;
    position: relative
}

.key-snorkel-contributors .Contributors-list ul li img {
    position: absolute;
    left: 0;
    top: 0
}

.key-snorkel-contributors .Contributors-list ul {
    box-shadow: none;
    border: 0;
    padding: 0
}

.key-snorkel-contributors .Contributors-list ul li {
    padding: 0 0 0 80px;
    box-shadow: none;
    border: 0;
    line-height: normal;
    position: relative;
    min-height: 60px;
    display: block;
    margin: 0 0 20px 0
}

.key-snorkel-contributors .Contributors-list ul li h4 {
    margin: 0;
    font-size: 16px;
    padding: 7px 0 0 0
}

.key-snorkel-contributors .Contributors-list ul li span {
    font-size: 12px
}

.key-snorkel-contributors .Contributors-list ul li:last-child {
    margin: 0
}

.snorkel-newsletter {
    padding-top: 40px;
    padding-bottom: 40px;
    border-bottom: solid 1px #c4c4c4;
    padding-right: 80px;
}

.snorkel-newsletter li#block-19 p {
    font-size: 18px;
    line-height: 32px;
    letter-spacing: -0.01em;
    font-weight: 600;
    font-family: var(--font_inter);
}


.snorkel-newsletter figure.wp-block-image.size-full {
    margin: 0 0 14px 0
}

.snorkel-newsletter li#block-20 a.wp-block-button__link {
    background: #7730CF;
    color:#FFF !important;
    padding: 8.15px 17.2px;
    border-radius: 5px;
    font-family: var(--font_inter);
    font-weight: 400;
    font-size: 14px;
    text-shadow: none;
    transition: all .4s;
    margin: 20px 0 0 0
}

.snorkel-newsletter li#block-20 a.wp-block-button__link:hover {
    background: #6a2bde;
}

nav.display-posts-pagination .nav-links {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 80px 0 40px 0
}

nav.display-posts-pagination .nav-links .page-numbers {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 3px;
    color: #6e6e76
}

nav.display-posts-pagination .nav-links a.next.page-numbers {
    width: 11px;
    height: 11px;
    overflow: hidden;
    border: solid 1px #6e6e76;
    border-bottom: 0;
    border-left: none;
    text-indent: -500px;
    transform: rotate(45deg)
}

nav.display-posts-pagination .nav-links a.prev.page-numbers {
    width: 11px;
    height: 11px;
    overflow: hidden;
    border: solid 1px #6e6e76;
    border-bottom: 0;
    border-left: none;
    text-indent: -500px;
    transform: rotate(-136deg)
}

nav.display-posts-pagination .nav-links .page-numbers.current {
    border-radius: 2px;
    color: #fff
}

.post-result {
    text-align: center;
    margin: 0 0 80px 0;
    color: #6e6e76;
    font-weight: 500
}


.blog-list-wrap .main-list .author-information {
    padding: 40px 0 40px 70px;
    position: relative;
    border-bottom: solid 1px #c4c4c4;
    line-height: 20px
}

.blog-list-wrap .main-list .author-information .author-name {
    text-transform: capitalize;
    font-weight: 600;
    font-size: 16px;
    color: #36363b;
    margin: 8px 0 0 0
}

.blog-list-wrap .main-list .author-information span.date {
    color: #36363b
}

.blog-list-wrap .main-list .author-information img {
    position: absolute;
    left: 0;
    top: 40px;
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 100px
}

.blog-list-wrap .main-list h2.post-title {
    font-style: normal;
    font-weight: 600;
    font-size: 40px;
    line-height: 48px;
    margin: 60px 0 40px 0
}

.blog-list-wrap .main-list .banner-image {
    width: 100%;
    height: 100vh;
    max-height: 536px;
    overflow: hidden;
    margin-bottom: 40px
}

.blog-list-wrap .main-list .banner-image .attachment-full {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.post-content p {
    margin: 0;
}

/*** custom editor style ***/


.Format-List-LineIndent {
    font-family: var(--font_inter);
    font-weight: 400;
    font-size: 18px;
    line-height: 32px;
    letter-spacing: -0.02px;
    margin: 20px 0 20px 0;
    color: #36363b;
    text-align: left;
    border-left: solid 2px #36363b;
    display: block;
    padding-left: 10px
}



pre.javascript-snnipet {
    background: #1f2042;
    margin: 40px 0;
    padding: 40px;
    font-size: 18px;
    line-height: 28px;
    border-radius: 0;
    color: #e57171;
    border: 0
}

.two-column-Image {
    display: flex;
    justify-content: space-between;
    margin: 50px 0
}

.two-column-Image img {
    width: calc(50% - 10px)
}

.post-content ul li::marker {
    font-size: 1em
}

.post-content ol li::marker {
    font-weight: 400
}

pre.Format-CodeSnippet-LightMode {
    background: #efeff0;
    margin: 40px 0;
    padding: 40px;
    font-size: 18px;
    line-height: 28px;
    border-radius: 0;
    border: 0;
    color: #36363b
}

pre.Format-CodeSnippet-DarkMode {
    background: #1f2042;
    margin: 40px 0;
    padding: 40px;
    font-size: 18px;
    line-height: 28px;
    border-radius: 0;
    border: 0;
    color: #fff
}



.pagination-post {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 80px 0 40px 0
}

.pagination-post .page-numbers {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 3px;
    color: #6e6e76
}

.pagination-post a.next.page-numbers {
    width: 11px;
    height: 11px;
    overflow: hidden;
    border: solid 1px #6e6e76;
    border-bottom: 0;
    border-left: none;
    text-indent: -500px;
    transform: rotate(45deg)
}

.pagination-post a.prev.page-numbers {
    width: 11px;
    height: 11px;
    overflow: hidden;
    border: solid 1px #6e6e76;
    border-bottom: 0;
    border-left: none;
    text-indent: -500px;
    transform: rotate(-136deg)
}

.pagination-post .page-numbers.current {
    border-radius: 2px;
    color: #fff
}



/* table of content css */
.snorkel_toc_wrapper {
    background: #e6e6e6;
    padding: 30px 20px;
}

.snorkel_toc_wrapper h4,
.single .post-content .snorkel_toc_wrapper h4 {
    font-size: 18px;
    margin: 0 0 20px;
}

.snorkel_toc_wrapper ol,
.single .post-content .snorkel_toc_wrapper ol {
    font-size: 16px;
    margin: 10px 0px 0px  40px;
}

.snorkel_toc_wrapper ol li,
.single .post-content .snorkel_toc_wrapper ol li {
    margin: 0 0 10px;
}

.snorkel_toc_wrapper ol li a,
.single .post-content .snorkel_toc_wrapper ol li a {
    color: inherit;
}



@media screen and (max-width: 767px) {
    .key-snorkel-Event-Type.widget.widget_block {
        padding-right: 0;
    }
    .snorkel-newsletter figure.wp-block-image.size-full {
        max-width: 100% !important;
    }
    .snorkel-newsletter figure.wp-block-image.size-full img {
        width: 100%;
    }
}



.section-holder #mktoForm_1021,
.section-holder #mktoForm_1048 {
    font-family: var(--font_inter) !important;
    font-size: 16px !important;
    width: 100% !important;
    color: #f2f4f8 !important;
    margin: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.section-holder .mktoForm .mktoFormRow {
    width: 100%;
    margin-right: 0;
    margin: 0 0 30px 0;
}

.section-holder .mktoForm .mktoFormRow:nth-of-type(1),
.section-holder .mktoForm .mktoFormRow:nth-of-type(2),
.section-holder .mktoForm .mktoFormRow:nth-of-type(3),
.section-holder .mktoForm .mktoFormRow:nth-of-type(4),
.section-holder .mktoForm .mktoFormRow:nth-of-type(5),
.section-holder .mktoForm .mktoFormRow:nth-of-type(6) {
    width: -webkit-calc(50% - 10px);
    width: -moz-calc(50% - 10px);
    width: calc(50% - 10px);
    margin: 0 20px 30px 0;
}

.section-holder .mktoForm .mktoFormCol {
    margin: 0 !important;
    min-width: unset;
    float: unset;
    width: 100%;
}

.section-holder .mktoForm .mktoOffset,
.mktoForm .mktoGutter {
    float: unset;
    height: auto;
    display: none;
}

.section-holder .mktoForm .mktoFieldWrap {
    float: unset;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
}

.section-holder .mktoForm .mktoFieldWrap label.mktoLabel {
    width: auto !important;
    font-weight: 300;
    padding: 0;
    line-height: 1.2857;
    margin-bottom: 7px;
}

.section-holder .mktoForm .mktoFormRow:nth-child(odd) {
    margin-right: 0;
}



.section-holder .mktoFormRow:nth-of-type(8) .mktoLogicalField {
    align-items: flex-start;
}

.mktoForm .mktoRadioList>label,
.mktoForm .mktoCheckboxList>label {
    margin-left: 1.5em;
    margin-top: 0.1em;
    margin-bottom: 0.3em;
    line-height: 1.2857;
    display: block;
    min-height: 37px;
    font-family: var(--font_open_sans);
    font-size: 14px;
    color: var(--c_heading);
    font-weight: 400;
    line-height: 1.5em !important;
}

.mktoCheckboxList label:before {
    content: '';
    display: block;
    display: block !important;
    background: #ffffff;
    width: 28px !important;
    height: 28px !important;
    margin: 0 !important;
    border: 1px solid #c4c4c470;
    border-radius: 2px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto !important;
}

.section-holder .mktoFormRow:nth-of-type(8) input[type="checkbox"] {
    width: 25px !important;
    padding: 0;
    height: 25px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    opacity: 0;
    position: absolute;
}

.section-holder .mktoForm .mktoFieldWrap textarea {
    height: 144px !important;
}

#LblmktoKeepMeUpdated {
    position: absolute;
    left: 41px;
    width: 400px !important;
}

.section-holder .mktoCheckboxList #LblmktoKeepMeUpdated {
    left: 0;
}

.section-holder .mktoButtonWrap.mktoBluePill {
    margin-left: 0 !important;
}

.section-holder .mktoForm .mktoButtonWrap.mktoBluePill .mktoButton,
.section-holder .mktoForm .mktoButtonWrap.mktoBluePill .mktoButton:hover {
    background-color: #7730CF;
    background-image: none;
    border: 0;
    box-shadow: none;
    height: 34px;
    border-radius: 5px;
    width: 139px;
    font-size: 14px;
    font-weight: 500;
    font-family: var(--font_inter);
}

.section-holder #LblMkto_Data_Modality__c,
.section-holder #LblwhatAIappareyoulookingtobuild,
.section-holder #LblmktoCommentCapture,
.section-holder #LblmktoKeepMeUpdated,
.section-holder .mktoButtonRow {
    margin-top: 50px;
}

.mktoCheckboxList input[type="checkbox"]:checked+label:before {
    background-image: url("data:image/svg+xml,<%3Fxml version='1.0' encoding='UTF-8'%3F><svg width='13px' height='10px' viewBox='0 0 13 10' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><desc>Created with Sketch.</desc><g id='Desktop' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='Contact-Us' transform='translate(-178.000000,-1550.000000)' fill='%2300dfdb'><g id='Group' transform='translate(174.000000,704.000000)'><path d='M15.6315789,846 L17,847.428571 L8.78947368,856 L4,851 L5.36842105,849.571429 L8.789,853.143 L15.6315789,846 Z' id='Combined-Shape'></path></g></g></g></svg>");
    background-size: 14px;
    background-repeat: no-repeat;
    background-position: center;
}

.section-holder .mktoForm .mktoFieldWrap label.mktoLabel {
    width: auto !important;
    font-weight: 400;
    padding: 0;
    line-height: 1.2857;
    margin-bottom: 7px;
    font-family:var(--font_open_sans);
    color: #131825;
    font-size: 14px;
}

.mktoCheckboxList label {
    padding-left: 35px !important;
    margin-left: 0 !important;
    position: relative;
    margin-bottom: 0px !important;
    cursor: pointer;
    display: flex !important;
    align-items: center;
}

.section-holder .mktoForm .mktoFieldWrap {
    float: unset;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
}

.mktoCheckboxList {
    padding-left: 0 !important;
    padding-top: 0 !important;
}

.mktoCheckboxList {
    width: 100% !important;
}

.section-holder .mktoForm .mktoFieldWrap input,
.section-holder .mktoForm .mktoFieldWrap select,
.section-holder .mktoForm .mktoFieldWrap textarea {
    width: 100% !important;
    height: auto;
    font-size: 16px;
    padding: 0px 15px;
    border: 1px solid #c4c4c470;
    background: #ffffff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #fff;
    font-weight: 300;
    line-height: 1.7em;
    float: unset;
    height: 48px;
    font-family: var(--font_open_sans);
    font-size: 14px;
    font-weight: 500;
    color: #888890;
    box-shadow: none;
}
.section-holder .mktoForm .mktoFieldWrap textarea{
    padding:15px;
}

.mktoCheckboxList input {
    display: none !important;
}

.request-list {
    margin-top: 30px;
    margin-left: 20px;
}


.section-holder .mktoForm .mktoFieldWrap select {
    background-image: url("data:image/svg+xml,<svg width='16' height='10' viewBox='0 0 16 10' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M7.9979 6.36396L1.63394 0L0.219727 1.41421L6.58369 7.77817L7.9979 9.19239L9.41211 7.77817L15.7761 1.41421L14.3619 0L7.9979 6.36396Z' fill='%233b3b3b'/></svg>%0A");
    background-size: 15px;
    -webkit-appearance: none;
    background-repeat: no-repeat;
    background-position: right 15px center;
    outline: none;
}

.mktoForm .mktoError .mktoErrorMsg {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    color: #f00 !important;
    top: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 14px !important;
    text-align: left;
    text-shadow: none;
    font-family: var(--font_inter);
    font-weight: 500;
    left: 0;
}

.mktoForm .mktoError {
    position: absolute;
    z-index: 99;
    color: #bf0000;
    left: 0;
    top: 100% !important;
}

.mktoForm .mktoError .mktoErrorArrowWrap {
    display: none;
}


.mktoForm .mktoButtonWrap .mktoButton{
    background-color: var(--c_pink) !important;
}
.mktoForm .mktoButtonWrap .mktoButton:hover{
    background-color: var(--c_pink_hover) !important;
}

:is(.section-holder, .frorm_pink_btn) .mktoForm .mktoButtonWrap .mktoButton, 
:is(.section-holder, .frorm_pink_btn) .mktoForm .mktoButtonWrap .mktoButton:hover {
    background-color: var(--c_pink) !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
    height: 42px !important;
    border-radius: 2px !important;
    width: 139px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    font-family: var(--font_inter);
  	text-shadow: none !important;
}
:is(.section-holder, .frorm_pink_btn) .mktoForm .mktoButtonWrap .mktoButton:hover{
    background-color: var(--c_pink_hover) !important;
}


.mktoFormRow.mkto_hidden_wrap {
    display: none !important;
}



footer .x-bar-footer {
    box-shadow: none !important;
}


@media screen and (max-width: 768px) {
    .x-container.max.width {
        max-width: 100%;
        padding-left: 40px;
        padding-right: 40px;
    }
    #ResourceFeatured.Featured-Article-wrap .pindex,
    .resources-blog-featured {
        overflow: hidden;
        border-radius: 0 0 32px 0;
    }
}


@media (max-width: 767px) {
    footer .x-container.max.width {
        padding-left: 24px;
        padding-right: 24px;
    }
   
    .x-container.max.width {
        max-width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }

   

    .section-holder #LblMkto_Data_Modality__c,
    .section-holder #LblwhatAIappareyoulookingtobuild,
    .section-holder #LblmktoCommentCapture,
    .section-holder #LblmktoKeepMeUpdated,
    .section-holder .mktoButtonRow {
        margin-top: 10px;
    }

}


@media (max-width: 640px) {

    .x-masthead .x-row.x-container.max.width.e28-3.ms-2 {
        padding: 0 0px;
        max-width: 608px;
    }
    .section-holder .mktoForm .mktoFormRow{
        width: 100% !important;
        margin: 0 0 20px 0 !important;
    }

    pre.javascript-snnipet {
        margin: 40px -20px;
    }


    .footer_nav_col>span.ft_box_link {
        gap: unset;
        justify-content: space-between;
        max-width: 320px;
    }


    #LblmktoKeepMeUpdated {
        width: 284px !important;
    }

}


/* Snorkel Leadership Css */
.snorkel_tab_btn_groups{
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid #D9D9D9;
}
.snorkel_tab_btn_groups .snorkel_tab_btn {
    color: var(--c_body);
    text-align: center;
    font-family: var(--font_open_sans);
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: -0.01em;
    cursor: pointer;
    padding: 16px 30px 16px;
    min-width: 248px;
    margin-bottom: -1px;
    border-bottom: 1px solid transparent;
}
.snorkel_tab_btn_groups .snorkel_tab_btn.tab_active{
    font-weight: 600;
    border-bottom: 1px solid var(--c_pink);
}

.snorkel_tab_panel {
    padding: 86px 0;
    
}
.snorkel_tab_panel.tab_active{
    opacity: 0;
    animation: opacity_anim 1s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards
}

@keyframes opacity_anim {
    from {opacity: 0px;}
    to {opacity: 1; }
}

.leadership_wrapper{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 80px 32px;
}

#leadership-investors .leadership_wrapper {
    grid-gap: 26px 20px;
    grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));;
}
.leadership_wrapper .investor-item{
    display: flex;
    justify-content: center;
    align-items: center;
}
.investor-item a {
    width: 100%;
    height: 122px;
    border: 1px solid #D9D9D9;
    display: flex;
    align-items: center;
    justify-content: center;
}
.investor-item img {
    max-height: 60px;
    object-fit: contain;
    width: 230px;
    max-width: 60%;
    filter: grayscale(1);
    transition: .3s linear;
}
.investor-item a:hover img{
    filter: grayscale(0);
}
.leadership-image {
    position: relative;
    padding-bottom: 100%;
}

.leadership-image img {
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.leadership_frame {
    position: absolute;
    top: 10px;
    right: 10px;
    bottom: 10px;
    left: 10px;
    border: 3px solid #fff;
    border-radius: 0 0 60px 0;
}
.leadership_icon {
    position: absolute;
    background: #fff;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 42px;
    bottom: 42px;
    border-radius: 50%;
}
.leadership_content {
    margin-top: 22px;
}
.leadership_content h3 {
    color: var(--c_heading);
    font-family: var(--font_open_sans);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.55556;
    margin: 0;
}

.leadership_job_title{
    color: var(--c_heading);
    font-family: var(--font_open_sans);
    font-size: 18px;
    line-height: 1.55556;
}

.snorkel_tab_panel:not(.tab_active) {
    display: none;
}

.leadershop-dialog {
    display: none;
}

.leadershop-dialog.fancybox__content {
    max-width: 1160px;
    width: 90%;
    background: #fff;
    padding: 0;
}

.ld-container {
    width: 100%;
    max-width: 900px;
    margin: auto;
    display: flex;
    padding: 100px 50px;
    flex-wrap: wrap;
}

.ld-left {
    flex-basis: 192px;
    width: 192px;
    margin-right: 40px;
}

.ld-right {
    flex-basis: calc(100% - 232px);
    width: calc(100% - 232px);
}

.ld-right h3 {
    color: var(--c_heading);
    font-family: var(--font_open_sans);
    font-size: 24px;
    font-weight: 700;
    line-height: 1.16667;
    margin: 0 0 30px;
}



.ld-text {
    color: var(--c_heading);
    font-family: var(--font_open_sans);
    font-size: 18px;
    line-height: 1.5555556;
}

.ld-content {
    margin-top: 24px;
    color:var(--c_body);
}

.leadershop-dialog .share_links {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.leadershop-dialog .share_links :is(a, a:hover) {
    width: 35px;
    height: 35px;
    background: var(--c_heading);
    justify-content: center;
    align-items: center;
    display: flex;
    border-radius: 50%;
    color: #fff;
    font-size: 16px;
    position: relative;
}
.leadershop-dialog .share_links:before, 
.leadershop-dialog .share_links:after {
    content: '';
    display: block;
    border-top: 1px solid #B4B5BE;
    flex-shrink: 1;
    flex-grow: 1;
}

.leadershop-dialog.fancybox__content>.f-button.is-close-btn {
    top: 0;
    color: #000;
}

.with-fancybox  :is( .x-colophon, .x-site header.x-masthead) {
    z-index: -1;
}

.ld-image {
    position: relative;
    padding-bottom: 100%;
    border-radius: 0 0 20px 0;
    overflow: hidden;
}

.ld-image img {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.leadership-box{
    cursor: pointer;
}

@media (max-width:991px){
    .leadership_content h3,
    .leadership_job_title,
    .ld-text{
        font-size: 16px;
    }
    .ld-right h3 {
        font-size: 20px;
        margin: 0 0 16px;
    }
    .ld-content{
        margin-bottom: 20px;
    }
    .snorkel_tab_btn_groups .snorkel_tab_btn{
        min-width: 33%;
    }
    .investor-item a {
        height: 74px;
    }
}

@media (max-width:767px){
    .snorkel_tab_btn_groups .snorkel_tab_btn{
        min-width: 100%;
    }
    .leadership_wrapper {
        grid-template-columns: repeat(2, 1fr);
    }
    .ld-right {
        flex-basis: 100%;
        width: 100%;
        margin-top: 30px;
    }
    .ld-container {
        padding: 60px 20px;
    }
}

@media (max-width:480px){
    .leadership_wrapper {
        grid-template-columns: repeat(1, 1fr);
    }
}



/* Popup Css */
.snorkel-popup{
    display: none;
}
.soorkel_popup_overlay::-webkit-scrollbar{
    display: none;
}
.soorkel_popup_overlay {
    background: rgb(0 0 0 / 49%);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: auto;
    z-index: 999999;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.snorkel_popup_wrapper {
    width: 90%;
    max-width: 950px;
    margin: auto;
    overflow: hidden;
    border-radius: 5px;
    position: relative;
}

.snorkel_popup_close_btn {
    position: absolute;
    padding: 4px 8px;
    top: 12px;
    right: 16px;
    z-index: 2;
    cursor: pointer;
    font-size: 16px;
    line-height: 1;
    background-color: #fff;
}