/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* DEFAULT THEME STYLES theme.css BEGIN */
.comments-area a,
.page-content a {
    text-decoration: underline
}

.alignright {
    float: right;
    margin-left: 1rem
}

.alignleft {
    float: left;
    margin-right: 1rem
}

.aligncenter {
    clear: both;
    display: block;
    margin-inline: auto
}

.alignwide {
    margin-inline: -80px
}

.alignfull {
    margin-inline: calc(50% - 50vw);
    max-width: 100vw
}

.alignfull,
.alignfull img {
    width: 100vw
}

.wp-caption {
    margin-block-end: 1.25rem;
    max-width: 100%
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px
}

.wp-caption img {
    display: block;
    margin-inline: auto
}

.wp-caption-text {
    margin: 0
}

.gallery-caption {
    display: block;
    font-size: .8125rem;
    line-height: 1.5;
    margin: 0;
    padding: .75rem
}

.pagination {
    display: flex;
    justify-content: space-between;
    margin: 20px auto
}

.sticky {
    display: block;
    position: relative
}

.bypostauthor {
    font-size: inherit
}

.hide {
    display: none !important
}

.post-password-form {
    margin: 50px auto;
    max-width: 500px
}

.post-password-form p {
    align-items: flex-end;
    display: flex;
    width: 100%
}

.post-password-form [type=submit] {
    margin-inline-start: 3px
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important
}

.screen-reader-text:focus {
    background-color: #eee;
    clip: auto !important;
    clip-path: none;
    color: #333;
    display: block;
    font-size: 1rem;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 12px 24px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000
}

.post .entry-title a {
    text-decoration: none
}

.post .wp-post-image {
    max-height: 500px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

@media(max-width:991px) {
    .post .wp-post-image {
        max-height: 400px
    }
}

@media(max-width:575px) {
    .post .wp-post-image {
        max-height: 300px
    }
}

#comments .comment-list {
    font-size: .9em;
    list-style: none;
    margin: 0;
    padding: 0
}

#comments .comment,
#comments .pingback {
    position: relative
}

#comments .comment .comment-body,
#comments .pingback .comment-body {
    border-block-end: 1px solid #ccc;
    display: flex;
    flex-direction: column;
    padding-block-end: 30px;
    padding-block-start: 30px;
    padding-inline-end: 0;
    padding-inline-start: 60px
}

#comments .comment .avatar,
#comments .pingback .avatar {
    border-radius: 50%;
    left: 0;
    margin-inline-end: 10px;
    position: absolute
}

body.rtl #comments .comment .avatar,
body.rtl #comments .pingback .avatar,
html[dir=rtl] #comments .comment .avatar,
html[dir=rtl] #comments .pingback .avatar {
    left: auto;
    right: 0
}

#comments .comment-meta {
    display: flex;
    justify-content: space-between;
    margin-block-end: .9rem
}

#comments .comment-metadata,
#comments .reply {
    font-size: 11px;
    line-height: 1
}

#comments .children {
    list-style: none;
    margin: 0;
    padding-inline-start: 30px;
    position: relative
}

#comments .children li:last-child {
    padding-block-end: 0
}

#comments ol.comment-list .children:before {
    content: "↪";
    display: inline-block;
    font-size: 1em;
    font-weight: 400;
    left: 0;
    line-height: 100%;
    position: absolute;
    top: 45px;
    width: auto
}

body.rtl #comments ol.comment-list .children:before,
html[dir=rtl] #comments ol.comment-list .children:before {
    content: "↩";
    left: auto;
    right: 0
}

@media(min-width:768px) {

    #comments .comment-author,
    #comments .comment-metadata {
        line-height: 1
    }
}

@media(max-width:767px) {
    #comments .comment .comment-body {
        padding: 30px 0
    }

    #comments .children {
        padding-inline-start: 20px
    }

    #comments .comment .avatar {
        float: left;
        position: inherit
    }

    body.rtl #comments .comment .avatar,
    html[dir=rtl] #comments .comment .avatar {
        float: right
    }
}

.page-header .entry-title,
.site-footer .footer-inner,
.site-footer:not(.dynamic-footer),
.site-header .header-inner,
.site-header:not(.dynamic-header),
body:not([class*=elementor-page-]) .site-main {
    margin-inline-end: auto;
    margin-inline-start: auto;
    width: 100%
}

@media(max-width:575px) {

    .page-header .entry-title,
    .site-footer .footer-inner,
    .site-footer:not(.dynamic-footer),
    .site-header .header-inner,
    .site-header:not(.dynamic-header),
    body:not([class*=elementor-page-]) .site-main {
        padding-inline-end: 10px;
        padding-inline-start: 10px
    }
}

@media(min-width:576px) {

    .page-header .entry-title,
    .site-footer .footer-inner,
    .site-footer:not(.dynamic-footer),
    .site-header .header-inner,
    .site-header:not(.dynamic-header),
    body:not([class*=elementor-page-]) .site-main {
        max-width: 500px
    }

    .site-footer.footer-full-width .footer-inner,
    .site-header.header-full-width .header-inner {
        max-width: 100%
    }
}

@media(min-width:768px) {

    .page-header .entry-title,
    .site-footer .footer-inner,
    .site-footer:not(.dynamic-footer),
    .site-header .header-inner,
    .site-header:not(.dynamic-header),
    body:not([class*=elementor-page-]) .site-main {
        max-width: 600px
    }

    .site-footer.footer-full-width,
    .site-header.header-full-width {
        max-width: 100%
    }
}

@media(min-width:992px) {

    .page-header .entry-title,
    .site-footer .footer-inner,
    .site-footer:not(.dynamic-footer),
    .site-header .header-inner,
    .site-header:not(.dynamic-header),
    body:not([class*=elementor-page-]) .site-main {
        max-width: 800px
    }

    .site-footer.footer-full-width,
    .site-header.header-full-width {
        max-width: 100%
    }
}

@media(min-width:1200px) {

    .page-header .entry-title,
    .site-footer .footer-inner,
    .site-footer:not(.dynamic-footer),
    .site-header .header-inner,
    .site-header:not(.dynamic-header),
    body:not([class*=elementor-page-]) .site-main {
        max-width: 1245px
    }

    .site-footer.footer-full-width,
    .site-header.header-full-width {
        max-width: 100%
    }
}

.site-header+.elementor {
    min-height: calc(100vh - 320px)
}

.e-con>.e-con-inner {
    max-width: var(--grid-width-cai);
    margin: 0 auto;
}
/* DEFAULT THEME STYLES theme.css END */

/* RESET THEME STYLES BEGIN */
    html {
        line-height: 1.15;
        -webkit-text-size-adjust: 100%
    }

    *,
    :after,
    :before {
        box-sizing: border-box
    }

    body {
        background-color: var(--Brand-purple);
        color: var(--white);
        font-family: var(--font-cai-main);
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    hr {
        box-sizing: content-box;
        height: 0;
        overflow: visible
    }

    pre {
        font-family: monospace, monospace;
        font-size: 1em;
        white-space: pre-wrap
    }

	.cai-button{
		text-decoration: none !important;
	}

    a {
        background-color: transparent;
        text-decoration: underline;
		color: inherit;
    }

    a:active,
    a:hover {
        color: var(--Final-magenta);

    }

    a:not([href]):not([tabindex]),
    a:not([href]):not([tabindex]):focus,
    a:not([href]):not([tabindex]):hover {
        color: inherit;
        text-decoration: none
    }

    a:not([href]):not([tabindex]):focus {
        outline: 0
    }

    abbr[title] {
        border-block-end: none;
        -webkit-text-decoration: underline dotted;
        text-decoration: underline dotted
    }

    b,
    strong {
        font-weight: bolder
    }

    code,
    kbd,
    samp {
        font-family: monospace, monospace;
        font-size: 1em
    }

    small {
        font-size: 80%
    }

    sub,
    sup {
        font-size: 75%;
        line-height: 0;
        position: relative;
        vertical-align: baseline
    }

    sub {
        bottom: -.25em
    }

    sup {
        top: -.5em
    }

    img {
        border-style: none;
        height: auto;
        max-width: 100%
    }

    details {
        display: block
    }

    summary {
        display: list-item
    }

    figcaption {
        color: #333;
        font-size: 16px;
        font-style: italic;
        font-weight: 400;
        line-height: 1.4
    }

    [hidden],
    template {
        display: none
    }

    @media print {

        *,
        :after,
        :before {
            background: transparent !important;
            box-shadow: none !important;
            color: #000 !important;
            text-shadow: none !important
        }

        a,
        a:visited {
            text-decoration: underline
        }

        a[href]:after {
            content: " (" attr(href) ")"
        }

        abbr[title]:after {
            content: " (" attr(title) ")"
        }

        a[href^="#"]:after,
        a[href^="javascript:"]:after {
            content: ""
        }

        pre {
            white-space: pre-wrap !important
        }

        blockquote,
        pre {
            -moz-column-break-inside: avoid;
            border: 1px solid #ccc;
            break-inside: avoid
        }

        thead {
            display: table-header-group
        }

        img,
        tr {
            -moz-column-break-inside: avoid;
            break-inside: avoid
        }

        h2,
        h3,
        p {
            orphans: 3;
            widows: 3
        }

        h2,
        h3 {
            -moz-column-break-after: avoid;
            break-after: avoid
        }
    }

    label {
        display: inline-block;
        line-height: 1;
        vertical-align: middle
    }

    button,
    input,
    optgroup,
    select,
    textarea {
        font-family: inherit;
        font-size: 1rem;
        line-height: 1.5;
        margin: 0
    }

    input[type=date],
    input[type=email],
    input[type=number],
    input[type=password],
    input[type=search],
    input[type=tel],
    input[type=text],
    input[type=url],
    select,
    textarea {
        border: 1px solid #666;
        border-radius: 3px;
        padding: .5rem 1rem;
        transition: all .3s;
        width: 100%
    }

    input[type=date]:focus,
    input[type=email]:focus,
    input[type=number]:focus,
    input[type=password]:focus,
    input[type=search]:focus,
    input[type=tel]:focus,
    input[type=text]:focus,
    input[type=url]:focus,
    select:focus,
    textarea:focus {
        border-color: #333
    }

    button,
    input {
        overflow: visible
    }

    button,
    select {
        text-transform: none
    }

    [type=button],
    [type=reset],
    [type=submit],
    button {
        -webkit-appearance: button;
        width: auto
    }

    [type=button],
    [type=submit],
    button {
        white-space: nowrap
    }

    [type=button]:focus:not(:focus-visible),
    [type=submit]:focus:not(:focus-visible),
    button:focus:not(:focus-visible) {
        outline: none
    }

    [type=button]:not(:disabled),
    [type=submit]:not(:disabled),
    button:not(:disabled) {
        cursor: pointer
    }

    fieldset {
        padding: .35em .75em .625em
    }

    legend {
        box-sizing: border-box;
        color: inherit;
        display: table;
        max-width: 100%;
        padding: 0;
        white-space: normal
    }

    progress {
        vertical-align: baseline
    }

    textarea {
        overflow: auto;
        resize: vertical
    }

    [type=checkbox],
    [type=radio] {
        box-sizing: border-box;
        padding: 0
    }

    [type=number]::-webkit-inner-spin-button,
    [type=number]::-webkit-outer-spin-button {
        height: auto
    }

    [type=search] {
        -webkit-appearance: textfield;
        outline-offset: -2px
    }

    [type=search]::-webkit-search-decoration {
        -webkit-appearance: none
    }

    ::-webkit-file-upload-button {
        -webkit-appearance: button;
        font: inherit
    }

    select {
        display: block
    }

    table {
        background-color: transparent;
        border-collapse: collapse;
        border-spacing: 0;
        font-size: .9em;
        margin-block-end: 15px;
        width: 100%
    }

    table td,
    table th {
        border: 1px solid hsla(0, 0%, 50%, .502);
        line-height: 1.5;
        padding: 15px;
        vertical-align: top
    }

	@media all and (max-width: 1024px){
		table td,
		table th {
			font-size: 10px;
		}
	}

    table th {
        font-weight: 700
    }

	@media all and (max-width: 1024px){
		table th {
			font-size: 10px !important;
		}
	}

    table tfoot th,
    table thead th {
        font-size: 1em
    }

	@media all and (max-width: 1024px){
		font-size: 10px;
	}

    table caption+thead tr:first-child td,
    table caption+thead tr:first-child th,
    table colgroup+thead tr:first-child td,
    table colgroup+thead tr:first-child th,
    table thead:first-child tr:first-child td,
    table thead:first-child tr:first-child th {
        border-block-start: 1px solid hsla(0, 0%, 50%, .502)
    }

    table tbody>tr:nth-child(odd)>td,
    table tbody>tr:nth-child(odd)>th {
        background-color: hsla(0, 0%, 50%, .071)
    }

    table tbody tr:hover>td,
    table tbody tr:hover>th {
        background-color: hsla(0, 0%, 50%, .102)
    }

    table tbody+tbody {
        border-block-start: 2px solid hsla(0, 0%, 50%, .502)
    }

    @media(max-width:767px) {
        table table {
            font-size: .8em
        }

        table table td,
        table table th {
            line-height: 1.3;
            padding: 7px
        }

        table table th {
            font-weight: 400
        }
    }

    dd,
    dl,
    dt,
    li,
    ol,
    ul {
        background: transparent;
        border: 0;
        font-size: 100%;
        margin-block-end: 0;
        margin-block-start: 0;
        outline: 0;
        vertical-align: baseline;
        margin: 0 0 30px;
    }
    
    ol {
        padding-inline-start: 58px;
    }

	@media all and (max-width: 1024px){
		dd,
		dl,
		dt,
		li,
		ol,
		ul {
			margin: 0 0 15px;
    		font-size: 10px;
		}

		ol {
			padding-inline-start: 28px;
		}
	}

/* RESET THEME STYLES END */

/* Converzai classes */

.cai-text-black p,
.cai-text-black h1,
.cai-text-black h2,
.cai-text-black h3,
.cai-text-black h4,
.cai-text-black h5,
.cai-text-black h6,
.cai-text-black li{
    color: var(--black);
}

.cai-pp-styles p{
    margin: 0 0 20px
}

.cai-pp-styles h6{
    margin: 0 0 20px;
}

.cai-pp-styles ul li{
    font-weight: 400;
    margin: 0 0 16px
}

@media all and (max-width: 1024px){
	.cai-pp-styles ul li{
		font-size: 10px;
	}
}

.cai-video-blend-mode-screen{
	mix-blend-mode: screen;
}

.cai-background-video{
	position: absolute;
	z-index: 1;
}

.cai-custom-dotted-background-postition{
	background-position: 320px 0 !important;
}

.cai-custom-dotted-background-postition-wide {
    background-position: 830px 0 !important;
}

.cai-interactive-tabs__wrapper .cai-interactive-tabs__tab-list .cai-interactive-tabs__tab:last-child{
    border-bottom-color: transparent;
}

.cai-video-fix .cai-interactive-animation-video {  
	transform: scale(1.016) translateX(0px) translateY(1px) !important; 
}

.cai-interactive-animation-video,
.cai-interactive-animation-poster{
	transition: none !important;
	mix-blend-mode: lighten !important;
}

.video-positioning-no-scripts-section  .cai-interactive-animation-video,
.video-positioning-no-scripts-section .cai-interactive-animation-poster{
	
}

.video-positioning-see-real-time-section .cai-interactive-animation-video,
.video-positioning-see-real-time-section .cai-interactive-animation-poster{
	height: 371px !important;
}

@media all and (max-width: 1024px) {
	
	.video-positioning-see-real-time-section .cai-interactive-animation-video,
	.video-positioning-see-real-time-section .cai-interactive-animation-poster{
		height: 250px !important;
	}
}

.cai-case-study-slider .cai-case-study-navigation{
	padding-left: 40px;
}

.cai-interactive-tabs{
	max-width: 1239px;
	margin: 0 auto;
}

.cai-interactive-tabs__content{
	overflow:hidden;
}

#cai-interactive-tabs-3-content-3 video{
	transform: scale(1.225) translate(17px, -22px);
}

.cai-contact-form,
.cai-book-a-demo-form{
	.invalid-feedback{
		color: #d70000;
		display: none;
	}
	
	div{
		position: relative;
	}
	
	input,
	select,
	textarea{
		fill: var(--white);
		stroke-width: 0.889px;
		stroke: var(--white);
		color: #3C3C3C;
		font-size: 11px;
		padding: 17px 23px;
		border-radius: 14px;
		margin: 0 0 35px;
		
		@media all and (max-width: 1024px){
        	padding: 7px 12px;
			margin: 0 0 15px;
		}
		
		&:focus,
		&:focus-visible{
			outline: none;
		}
	}
	
	select{
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23333' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
		background-size: 18px;
		background-position: calc(100% - 19px) center;
		-webkit-appearance: none;
		-moz-appearance: none;
		background-color: #FFF;
		background-repeat: no-repeat;
	}
	
	.cai-button-wrapper{
		width: 100%;
		display: flex;
		justify-content: center;
	}
	
	.cai-button-wrapper + p {
		text-align: center;
		margin: 13px 0 0;
	}
}

.was-validated textarea:invalid ~ .invalid-feedback {
    top: 118px;
}

.was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip, .is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip {
		display: block;
	    position: absolute;
    	top: 68px;
}

.was-validated .form-control:invalid, .form-control.is-invalid{
	    border-color: #ef4444;
}

.cai-position-relative{
	position: relative;
}

.cai-marquee{
	z-index: 10;
}

/* Interactive slider button fix */
.cai-interactive-tabs .cai-interactive-tabs__button .cai-button{
    display: none;
}

.cai-interactive-tabs__content-title {
    margin: 20px 0 0;
}

.cai-interactive-tabs .cai-interactive-tabs__wrapper .cai-interactive-tabs__content-area .cai-interactive-tabs__content.is-active .cai-interactive-tabs__content-inner{
	justify-content: center;
}

/* Header dropdown fix */
.cai-dropdown-resources-layout .cai-dropdown-grid{
	    grid-template-columns: repeat(1, 1fr);
}

.cai-nav-dropdown--resources{
	    min-width: 922px;
}

.elementor-widget-text-editor p,
.elementor-widget-text-editor li,
.elementor-widget-text-editor a{
    color: inherit;
}

.cai-solution-slider .cai-solution-pagination-item:before{
	width: inherit;
}

@media all and (max-width: 1280px){
	.cai-solution-slider .cai-solution-pagination-item{
		width: 160px;
	}
}

.converzai-cpt-hero__title{
	font-size: 40px;
}

.cai-client-slider__static{
	row-gap: 50px;
}
.converzai-cpt-hero__media img{
	border-radius: 30px;
}

.cai-nav-dropdown{
	background: rgb(37 20 79 / 20%);
}

@media all and (max-width: 1024px){
	.admin-bar #wpadminbar {
    	display: none;
	}
}

.cai-case-study-slider {
    height: 605px;
}

.cai-product-features-responsive img {
    width: 40px;
}

.cai-item-stats__title{
	font-size: 36px;
	font-weight: 700;
}

.cai-item-stats__item {
	gap: 3px;
}

.cai-mobile-header-bar {
	box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.45);
}

.cai-cs-slider .swiper-wrapper>div:nth-child(4n + 1) .cai-case-study-logo img {
    height: 52px !important;
}

.cai-cs-slider .swiper-wrapper>div:nth-child(4n + 2) .cai-case-study-logo img {
    height: 33px !important;
}

.cai-cs-slider .swiper-wrapper>div:nth-child(4n + 3) .cai-case-study-logo img {
    height: 41px !important;
}

.cai-cs-slider .swiper-wrapper>div:nth-child(4n + 4) .cai-case-study-logo img {
    height: 66px !important;
}

.cai-blog-list-info{
	pointer-events: none;
}

.cai-mobile-nav-dropdown .cai-dropdown-resources-images {
	display: flex;
    flex-direction: row;
    width: 60%;
	margin: 0 0 4px;
}

.cai-mobile-nav-dropdown .cai-dropdown-resources-images img {
	border-radius: 13px;
}

.cai-tm-icon{
	display: inline-block;
    transform: scale(.3) translateY(-1em);
    transform-origin: left;
}

@media all and (max-width: 1024px){
	.cai-animated-title{
		line-height: 1.2em;
	}
	
	.cai-footer-top{
	 	padding: 0 36px 0 36px;
	}
	
	.cai-footer-wrapper {
        padding: 50px 36px 36px 36px !important;
    }
	
	.cai-background-video {
		position: absolute;
		z-index: 1;
		top: 0;
		max-width: unset !important;
		width: 700px !important;
	}
	
	.cai-case-study-mobile-button .cai-button-wrapper{
		.cai-button {
			font-size: 8px;
			padding: 4px 14px;
		}
	}
	
	.cai-case-study-slider {
		height: 405px;
	}
	
	.cai-solution-slider{
		padding: 0 10px;
	}
	
	.cai-solution-slider .cai-solution-pagination-item {
        width: 127px !important;
    }
	
	.cai-item-stats__title{
		font-size: 18px;
		font-weight: 600;
	}
	
	.post-template [data-elementor-type="wp-post"] > div:not(:first-child):not(:last-child) {
		padding: 0 20px !important;
	}
	
	.customer-story-template [data-elementor-type="wp-post"] > div:not(:first-child):not(:last-child) {
		padding: 0 20px;
	}
	
	.post-template-default [data-elementor-type="wp-post"] > div:not(:first-child):not(:last-child) {
		padding: 0 20px !important;
	}
	
	.post-template-default [data-elementor-type="wp-post"] > div:nth-child(2) .e-con-inner,
	.post-template [data-elementor-type="wp-post"] > div:nth-child(2) .e-con-inner{
		padding: 40px 0 0 !important;
	}
	
	.cai-solution-slider .cai-solution-image {
		height: 170px;
	}
	.cai-case-study-mobile-image img{
		height: 100% !important;
	}
}

