@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: normal;
    src: url('/assets/fonts/Nunito-Regular.woff2') format('woff2');
    font-display: swap;
}
@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 700;
    src: url('/assets/fonts/Nunito-SemiBold.woff2') format('woff2');
    font-display: swap;
}

@font-face {
    font-family: 'Gabarito';
    src: url('/assets/fonts/Gabarito-ExtraBold.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* =============================================================================
   WordPress Snippet 57: Core General Styles
   Source: wp_snippets ID 57, scope: head-content, active: yes
   Contains: CSS reset, base element styles, WP theme utility classes.
   The accordion section from snippet 57 is omitted — covered by elementor-frontend.min.css.
   ============================================================================= */

/* reset */
html{line-height:1.15;-webkit-text-size-adjust:100%}*,:after,:before{box-sizing:border-box}body{background-color:#fff;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:1rem;font-weight:400;line-height:1.5;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{color:inherit;font-family:inherit;font-weight:500;line-height:1.2;margin-block-end:1rem;margin-block-start:.5rem}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-block-end:.9rem;margin-block-start:0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em;white-space:pre-wrap}a{background-color:transparent;color:#c36;text-decoration:none}a:active,a:hover{color:#336}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}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}button,input{overflow:visible}button,select{text-transform:none}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}table th{font-weight:700}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}

/* theme */
.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}.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}

/* corrections */
.comments-area a,.page-content a{text-decoration:none}

/* ============================================================================= */

/* new rebrand */
  :root{
	--font-size-h1-main: 84px;
  --font-size-h1: 54px;
  --font-size-h2: 50px;
  --font-size-h3: 35px;
  --font-size-h4: 22px;
  --font-size-text: 18px;
  --font-size-text-small: 14px;
  --font-size-sub: 20px;
		
	--font-size-link: 16px;
	--font-size-button: 18px;
		
	--line-height-heading-2: 1.1;
  --line-height-heading-3: 1.4;
  --line-height-text: 1.6;
		
	
	
	--color-link: #6200D1;
	--color-accent: #6200D1;
	--color-accent-light: #f5f3ef;
		
	--color-black: black;
	--color-white-text: #f1f1f1;
  --color-white : #fff;
	 
	--color-gray: #7A7A7A;
	--color-gray-light: #Efeff2;
	--color-gray-text: #BDBDBD;
	 
	--color-stars: #FCED54;
	--color-about-banner: #FCED54;
	
	
	
		
	--gradient-rainbow: 
		linear-gradient(90deg, 
			#313575 0%, 
			#63308F 24%, 
			#B22F37 45%, 
			#F78419 71.5%, 
			#FDC005 93%
	 ); 
		
	--gradient-rainbow-bright:          linear-gradient(87deg, 
    #A3A9FF 0%,
    #D37BFF 24%,
    #FF4B5C 45%, 
    #FF9A3C 71.5%, 
    #FFD700 93%
   );
		
	 --shadow-1: 0 4px 6px rgba(0, 0, 0, 0.2);
		
		--shadow-2: 0px 0px 14px 2px #00000026;
		
		--border-radius-1: 30px;
	--border-radius-2: 12px;
	 
	 
 }
 @media screen and (max-width: 767px){
    :root{
      --font-size-h1-main: 42px;
      --font-size-h1: 38px;
      --font-size-h2: 32px;
      --font-size-h3: 25px;
			
			--border-radius-1: 25px;
    }
 }	



html { 
    touch-action: manipulation; 
}
html, body {
  overscroll-behavior: none!important;
}



p, a, h1, h2, h3, h4, h5, h6, span { text-wrap: pretty; }

/* /////////////////////text */
 h1,h2,h3,h4, 
 .ev-heading-1, .ev-heading-2,.ev-heading-3, .ev-heading-4,
 h1 *,h2 *,h3 *,h4 *, 
 .ev-heading-1 *, .ev-heading-2 *,.ev-heading-3 *, .ev-heading-4 *{
    font-weight: 400!important;
    line-height: 1.2!important;
    color: black;
	  font-family: "Gabarito", Sans-serif!important;
}
h2,
.ev-heading-2{
    text-transform: uppercase;
}
h3,h4, 
.ev-heading-3, .ev-heading-4{
    text-transform: unset;
}
h1, .ev-heading-1{
    font-size: var(--font-size-h1)!important;
}
h2, .ev-heading-2{
    font-size: var(--font-size-h2)!important;
}
h3, .ev-heading-3{
    font-size: var(--font-size-h3)!important;
}
h4, .ev-heading-4{
    font-size: var(--font-size-h4)!important;
}

.ev-heading-text,
.ev-heading-text *{
    font-size: var(--font-size-h4)!important;
	font-family: "Nunito", Sans-serif!important;
    font-weight: 400!important;
    line-height: 1.6!important;
}
@media screen and (max-width: 767px){
	.ev-heading-text, 
	.ev-heading-text *{
		font-size: var(--font-size-text)!important;
	}
}

.sub-heading,
.ev-heading-sub,
.ev-heading-sub *{
    font-family: "Nunito", Sans-serif!important;
    font-size: var(--font-size-sub)!important;
    font-weight: 400!important;
    line-height: 1!important;
    color: var(--color-gray)!important;
	text-transform: lowercase;
}


.sub-heading::first-letter,
.ev-heading-sub::first-letter,
.ev-heading-sub *::first-letter{
	text-transform: capitalize;
}

.text-cap{
	 text-transform: capitalize;
	 display: inline-block;
   margin: 0;
}

main p{
	color: black;
	font-family: "Nunito", Sans-serif!important;
}

.elementor-kit-5 a{
	font-family: "Nunito", Sans-serif!important;
}
main p > a,
main p span > a,
.link-text,
[data-elementor-type="single-post"] .elementor-widget-container > a{
    color: var(--color-link)!important;
}
.link-text{
	font-family: "Nunito", sans-serif;
    font-size: var(--font-size-text);
    font-weight: 600 !important;
    line-height: var(--line-height-text);
}
.link-text:hover{
	text-decoration: underline;
}
.link-text .eseuvege path{
	stroke: var(--color-link)!important;
}

/* sections maintain */
main .elementor section.ev-section .elementor-container,
.elementor[data-elementor-type="single-post"] section.ev-section .elementor-container{
    max-width: 1150px!important;
}
main .elementor section.ev-section .elementor-container *,
.elementor[data-elementor-type="single-post"] section.ev-section .elementor-container *{
    text-wrap: pretty;
}
main .elementor section.ev-section-small .elementor-container{
    max-width: 900px!important;
}
main .elementor section.ev-section-full .elementor-container{
    max-width: unset!important;
}
main .elementor section.ev-section-large .elementor-container{
        max-width: 1300px!important;
}
main .elementor section.ev-section-title .ev-heading-text .elementor-widget-container,
.elementor[data-elementor-type="single-post"] section.ev-section-title .ev-heading-text .elementor-widget-container{
	margin: 10px 0px 0px 0px!important;
  padding: 0!important;
  max-width: 750px!important;
  margin-right: auto!important;
  margin-left: auto!important;
}


footer{
	margin-top: -1px;
}

/*spaces maintain*/
main .elementor .elementor-section.ev-space,
main .elementor .elementor-section.ev-space-title{
   padding-top: 0;
   padding-bottom: 0;
   padding-left: 20px;
   padding-right: 20px;
}
main .elementor .elementor-section.ev-space{
   margin-bottom: 160px;
   margin-top: 0;
}
main .elementor .elementor-section.ev-space-title{
   margin-top: 60px;
   margin-bottom: 60px;
}
main .elementor .elementor-section.ev-space .elementor-widget-container:has(img){
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}



/*faqs maintain*/
main .elementor section .ev-faq .elementor-accordion .elementor-accordion-item .elementor-accordion-title{
   text-wrap: pretty;
   font-family: "Nunito", sans-serif;
   font-size: var(--font-size-text);
   font-weight: 600;
   line-height: var(--line-height-heading-3);
   margin-right: 25px;
}
main .elementor section .ev-faq .elementor-accordion .elementor-accordion-item .elementor-tab-content{
   text-wrap: pretty;
   font-family: "Nunito", sans-serif;
   font-size: var(--font-size-text);
   font-weight: 400; 
   line-height: var(--line-height-text);
}
main .elementor section .ev-faq .elementor-accordion .elementor-accordion-item .elementor-tab-content a,
main .elementor section .ev-faq .elementor-accordion .elementor-accordion-item .elementor-tab-content a *{
    color: var(--color-accent);
	  font-weight: 600!important;
}
main .elementor section .ev-faq .elementor-accordion .elementor-accordion-item .elementor-tab-content a:hover,
main .elementor section .ev-faq .elementor-accordion .elementor-accordion-item .elementor-tab-content a:hover *{
	text-decoration:underline;
}

main .elementor section .ev-faq-black .elementor-accordion .elementor-accordion-item {
    border-bottom-width: 1px;
    border-color: #7a7a7a40;
    border-top: unset;
    border-right: unset;
    border-left: unset;
}
main .elementor section .ev-faq-black .elementor-accordion .elementor-accordion-item .elementor-tab-title.elementor-active{
	 border-bottom-color: #7a7a7a40;
}
main .elementor section .ev-faq-black .elementor-accordion .elementor-accordion-item .elementor-tab-content{
	border-top-color: #7a7a7a40;
}
main .elementor section .ev-faq-black .elementor-accordion .elementor-accordion-item:first-of-type {
    border-top-width: 1px;
}
main .elementor section .ev-faq-black .elementor-accordion .elementor-accordion-item .elementor-tab-title .elementor-accordion-icon svg {
    fill: var(--color-accent);
}
main .elementor section .ev-faq-black .elementor-accordion .elementor-accordion-item .elementor-accordion-title{
    color: var(--color-black);
}
main .elementor section .ev-faq-black .elementor-accordion .elementor-accordion-item .elementor-tab-content{
   color: var(--color-black);
}

main .elementor section .ev-faq-white .elementor-accordion .elementor-accordion-item{
    border-width: 1px;
    border-color: var(--color-white);
}
main .elementor section .ev-faq-white .elementor-accordion .elementor-accordion-item:first-of-type {
    border-top-width: 1px;
}
main .elementor section .ev-faq-white .elementor-accordion .elementor-accordion-item .elementor-tab-title .elementor-accordion-icon svg {
    fill: var(--color-accent);
}
main .elementor section .ev-faq-white .elementor-accordion .elementor-accordion-item .elementor-accordion-title{
    color: var(--color-white);
}
main .elementor section .ev-faq-white .elementor-accordion .elementor-accordion-item .elementor-tab-content{
    color: var(--color-white);
}
@media screen and (max-width: 500px){
	main .elementor section .elementor-accordion .elementor-tab-title{
	  padding: 15px 0px!important;
  }
	main .elementor section .elementor-accordion .elementor-tab-content{
		padding: 7px 0px!important;
	}
}


header .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute) {
    margin-block-end: 0!important;
}
.elementor-widget-wrap:has(> .post-date) > .elementor-element{
	margin-block-end: 0!important;
}

/* cookie consent maintain*/
.cky-consent-container{
        left: 0 !important;
    top: 0;
    width: 100% !important;
    height: 100vh;
    font-family: "Nunito", Sans-serif !important;
    background-color: #0000002e;
    }

.cky-modal {
	border-radius: var(--border-radius-1)!important;
	overflow:hidden;
}
    
    .cky-modal-open{
        font-family: "Nunito", Sans-serif !important;
    }
    
    .cky-switch input[type="checkbox"]:checked{
        background: #6453E7 !important;
    }
    
    .cky-consent-bar{
        position: absolute;
        left: 50% !important;
        top: 50% !important;
        transform: translate(-50%, -50%);
        width: 66%;
        background: var(--color-gray-light) !important;
        padding: 28px 34px!important;
        box-shadow: 0px 5px 9px 0px rgba(0, 0, 0, 0.1607843137254902)!important;
        border-radius: var(--border-radius-1)!important;
    }
    
    .cky-notice{
        margin: 28px 34px;
    }
    
    .cky-title, .cky-notice-des, .cky-btn, .cky-notice-des a{
        font-family: "Nunito", Sans-serif!important;
            
    }
    
    .cky-notice-des{
        margin-bottom: 32px;
        margin-top: 16px;
    }
    
    .cky-title{
        font-size: 20px !important;
    }
    
    .cky-notice-des, .cky-notice-des p, .cky-notice-des a{
        font-size: 16px !important;
    }
    .cky-show-desc-btn{
        color: #111111 !important;
    }
    
    .cky-notice-des a, .cky-notice-des a:visited{
        color: var(--color-link);
    }
        
    
.cky-notice-btn-wrapper .cky-btn,
.cky-prefrence-btn-wrapper .cky-btn{
	 border: 2px solid black!important;
   padding: 10px 20px!important;
   border-radius: 100px!important;
   font-family: "Nunito", Sans-serif!important;
   font-weight: 700!important;
   font-size: var(--font-size-button)!important;
   line-height:1!important;
   transition: all 0.1s;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   position: relative;
   text-align: center;

}
    
.cky-btn-customize,
.cky-btn-preferences{
	background-color: rgba(0,0,0,0)!important;
	color: black!important;
}
.cky-btn-customize:hover,
.cky-btn-preferences:hover{
	background-color: black!important;
	color: white!important;
}
.cky-btn-accept{
	background-color: black!important;
	color: white!important;
}
.cky-btn-accept:hover{
	background-color: rgba(0,0,0,0)!important;
	color: black!important;
}
    
    .cky-notice-btn-wrapper{
        width: 66%;
    }
    
    .cky-btn-reject{
        display: none!important;
    }
    
    
    
    @media only screen and (max-width: 767px) {
        
        .cky-consent-bar{
            width: 80%;
        }
        
        .cky-notice-btn-wrapper{
            width: 100%;
        }
        
        .cky-notice{
            margin: 24px 16px;
        }
        
        .cky-modal{
            background: none !important;
            height: 100% !important;
            align-items: flex-end !important;
        }
        
        .cky-preference-center{
            max-height: calc(100vh - 93px) !important;
        }
        
    }


/* hero demos */
#hero-demos{
	min-height: calc(100vh + 2px);
	max-height: 800px;
	padding-top: 160px;
  padding-bottom: 40px;
	padding-right: 20px;
	padding-left: 20px;
}
#hero-demos .elementor-container{
	max-width: 1300px;
}
@media screen and (min-height: 800px) {
	#hero-demos{
     padding-top: 180px;
		 padding-bottom: 60px;
     max-height: unset;
     height: auto;
		 min-height: auto;
  }
}
@media screen and (max-width: 1040px){
	#hero-demos{
		padding-top: 100px;
		padding-bottom: 0px;
    height: auto;
    max-height: unset;
		min-height: 720px;
	}
}

/* hero feature section maintain*/
.elementor-section:has(#hero-feature-banner){
    background-color: black; 
}
#hero-feature-banner{
    min-height: calc(100vh + 2px);
	  max-height: 900px;
	  padding-top: 140px;
    padding-bottom: 40px;
	  padding-right: 20px;
	  padding-left: 20px;
    background-color: rgb(0 0 0 / 61%);
}
#hero-feature-banner h1{
	  font-size: 56px;
    font-size: calc(--font-size-h1);
    font-weight: 500;
    line-height: 1;
    color: white;
    text-align: left;
	  text-transform: lowercase;
}
#hero-feature-banner h1::first-letter{
	text-transform: capitalize;
}
#hero-feature-banner .col-info,
#hero-feature-banner .col-info .elementor-widget-wrap,
#hero-feature-banner .col-form .elementor-widget-wrap{
	padding: 0 0 0 0;
}
#hero-feature-banner .col-info .title-wrapper{
	margin-right: 0px;
}
#hero-feature-banner .col-form{
	padding: 0 0 0 40px;
}
#hero-feature-banner .col-form .elementor-widget-container:has(.form-holder){
	margin: 0;
}

#hero-feature-banner .elementor-column:has(form) .elementor-element:has(#infinite-carousel){
	display:none;
}


@media screen and (min-height: 900px) {
	#hero-feature-banner {
		 padding-top: 180px;
		 padding-bottom: 60px;
     max-height: unset;
     height: auto;
		 min-height: auto;
  }
}

@media screen and (max-width: 767px){
  #hero-feature-banner{
    padding-top: 100px;
    height: auto;
    max-height: unset;
		min-height: 720px;
  } 
  #hero-feature-banner h1{
/*     font-size: 45px; */
		font-size: calc(--font-size-h1);
    text-align: center;
  }
	#hero-feature-banner .col-info{
	  padding: 0 0 0 0;
  }
  #hero-feature-banner .col-form{
	  padding: 0 0 0 0px;
  }
	
	#hero-feature-banner .elementor-column:has(form) .elementor-element:has(#infinite-carousel){
	  display:block;
  }
}





	
 /* ///////////////////buttons */
 .button{
   padding: 10px 20px;
   border-radius: 100px;
   font-family: "Nunito", Sans-serif;
   font-weight: 700;
   font-size: var(--font-size-button);
   line-height:1;
   transition: all 0.1s;
   display: inline-block;
   align-items: center;
   justify-content: center;
   position: relative;
   text-align: center;		
 } 

	
  /* rainbow gradient 	 */
 .button.white-primary{
   color: black;
   background-color: white;	
 }
 .button.black-primary{
   color: white;
   background-color: black;	
 }
 .button.white-primary,
 .button.white-secondary{
	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5);	
 }
 .button.white-primary:before,
 .button.black-primary:before,
 .button.white-primary:after,
 .button.black-primary:after{
   	content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 100%;	
	  width: 100%;
	  border-radius: 100px;
	  will-change: background;
 }	
 .button.white-primary:after,
 .button.black-primary:after{
    filter: blur(5px);
    z-index: 1;
    opacity: 0;
    transition: all 0.2s;
 }
 .button.white-primary:after{
	 background: var(--gradient-rainbow-bright);
      filter: blur(8px);
 }
 .button.black-primary:after{
	background: var(--gradient-rainbow-bright);
 }
 .button.white-primary:after,
 .button.black-primary:after{
    opacity: 1;
 }
 .button.white-primary:before,
 .button.black-primary:before{
    z-index: 2;
 }
 .button.white-primary:before{
	border: 2px solid white;	
	background-color: white;
 }
 .button.black-primary:before{
    background-color: black;
    border: 2px solid black;
 }
 .button.white-primary span,
 .button.black-primary span,
 .button.hero-cta span{
    z-index: 3;
    position: relative;
 }
 .button.white-primary span{
   color: black;		
 }
 .button.black-primary span{
   color: white;		
 }
  
.button.white-primary:hover:after,
 .button.black-primary:hover:after{
	opacity: 0.4;
}

.button.accent-primary{
	background-color: var(--color-accent);
	 border: solid 2px var(--color-accent);
	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
}
.button.accent-primary,
.button.accent-primary *{
	color: white;
}
.button.accent-primary:hover{
    background-color: white;
	  border: solid 2px white;
 }
.button.accent-primary:hover *{
	color: var(--color-accent);
}
	
  /* full color to transparent  */
 .button.white-secondary{
   color: black;
   background-color: white;	
   border: solid 2px white;
 }
.button.white-secondary-2{
   color: white;
   background-color: rgba(0,0,0,0);	
   border: solid 2px white;
 }
 .button.black-secondary{
   color: black;
   background-color: rgba(0,0,0,0);	
   border: solid 2px black;
 }
 .button.black-secondary-2{
   color: white;
   background-color: black;	
   border: solid 2px black;
 }
 .button.white-secondary:hover,
 .button.white-secondary:focus,
 .button.white-secondary:hover,
 .button.white-secondary:focus{
    color: white;
    background-color: rgba(0,0,0,0);
 }
 .button.black-secondary:hover,
 .button.black-secondary:focus,
 .button.black-secondary:hover,
 .button.black-secondary:focus{
    color: white;
    background-color: black;
 }
 .button.black-secondary-2:hover,
 .button.black-secondary-2:focus,
 .button.black-secondary-2:hover,
 .button.black-secondary-2:focus{
    color: black;
    background-color: rgba(0,0,0,0);
 }
.button.white-secondary-2:hover,
 .button.white-secondary-2:focus,
 .button.white-secondary-2:hover,
.button.white-secondary-2:focus{
	 color: black;
    background-color: white;
}

.button-section-wrapper{
	display: flex;
	align-items: center;
	justify-content: center;
}
.ev-section:has(.button-section-wrapper){
	margin: 0!important;
	margin-top: 40px !important;
  margin-bottom: 32px !important;
}



/* //////// misc */
img {
 pointer-events:none;
}

.eseuvege {
    margin-right: 8px;
    margin-bottom: -3px;
    position: relative;
    animation: moveRightLeft 500ms infinite alternate;
}

/*animated*/
@-webkit-keyframes moveRightLeft {
  0% {
    transform: translatex(0);
  }

  100% {
    transform: translatex(8px);
  }
}
@keyframes moveRightLeft {
  0% {
    transform: translatex(0);
  }

  100% {
    transform: translatex(8px);
  }
}

/* ── Blog index styles ──────────────────────────────── */


/* ── Article/post styles ────────────────────────────── */


/* ── Blog index styles ── */

     .elementor-section:has([search-input]) h1{
		padding-top: 60px!important;
	}
	
	
	
	.elementor-post__title *,
	.elementor-post__title{
		font-size: var(--font-size-h4)!important;
	}
	
	
	
	#blog-nav *{
		font-family: "Nunito", Sans-serif!important;
	}
	
	.read-time{
		display: inline-block;
	}
	
	
	#main-post{
		border-radius: var(--border-radius-1);
        background-color: var(--color-gray-light);
		box-shadow: var(--shadow-1);
	}
	#main-post .col-1{
	  padding: 20px;
	}
	#main-post .elementor-post__thumbnail img{
		height: auto;
    left: unset;
    position: relative;
    top: unset;
    transform: unset;
    width: 100%;
	}
	#main-post .col-1 .elementor-post__thumbnail {
      border-radius: 19px;
	  padding-bottom: 0!important;
	}
	#main-post .col-2 .elementor-post__thumbnail{
		padding-bottom: 0!important;
		display: none;
	}
	#main-post .col-2 .elementor-post__meta-data {
      color: #2D2D33;
      font-family: "Nunito", Sans-serif;
      font-size: var(--font-size-text-small);
      font-weight: 700;
      margin-bottom: 0px;
    }
	#main-post .elementor-post-date{
	  text-transform: capitalize;
	}
	#main-post .col-2 .elementor-post__excerpt{
		margin-top: 10px;
	}
	#main-post .col-2 .elementor-post__excerpt,
	#main-post .col-2 .elementor-post__excerpt *{
	  font-family: "Nunito", Sans-serif;
      font-size: var(--font-size-text);
      font-weight: 400;
	}
	#main-post .col-2 .elementor-post__read-more{
     font-family: "Nunito", sans-serif;
     font-size: var(--font-size-text);
     font-weight: 400;
     line-height: var(--line-height-text);
    }
	#main-post .col-2 .elementor-post__title a,
	#main-post .col-2 .elementor-post__title{
		text-transform:unset;
		font-weight: 700!important;
	}
    #main-post .col-2 .elementor-post__title a::first-letter{
	  text-transform: capitalize;
    }
	
	#posts-grid .elementor-posts-container .elementor-post__thumbnail{
		padding-bottom: 0!important;
	}
	#posts-grid .elementor-post__thumbnail img{
		height: auto;
      left: unset;
      position: relative;
      top: unset;
      transform: unset;
      width: 100%;
      border-radius: var(--border-radius-1) var(--border-radius-1) 0px 0px;
      display: block;
	}
	#posts-grid .read-more-holder {
      display: flex;
      justify-content: flex-end;
    }
	#posts-grid .main-title{
		padding-bottom: 20px;
	}
	#posts-grid .cat-title{
		padding-top: 20px;
      padding-bottom: 20px;
      margin-bottom: 0;
	}
	#posts-grid .cat-title *{
		margin-bottom: 0;
	}
	#posts-grid .elementor-post{
		border-radius: var(--border-radius-1);
		background-color: var(--color-gray-light);
		box-shadow: var(--shadow-1);
	}
	#posts-grid .elementor-post__title{
		margin-bottom: 10px;
	}
	#posts-grid .elementor-post__title a,
	#posts-grid .elementor-post__title{
		text-transform:unset;
		font-weight: 700!important;
	}
    #posts-grid .elementor-post__title a::first-letter{
	  text-transform: capitalize;
    }
	#posts-grid .elementor-post__meta-data {
         color: #2D2D33;
         font-family: "Nunito", Sans-serif;
         font-size: var(--font-size-text-small);
         font-weight: 700;
         margin-bottom: 0px;
    }
	#posts-grid .elementor-post__read-more,
	#posts-grid .cat-link,
	#posts-grid .cat-link *{
		font-family: "Nunito", sans-serif;
        font-size: var(--font-size-text);
        font-weight: 400;
        line-height: var(--line-height-text);
    }
	#posts-grid .elementor-post__read-more{
        display: block;
		position: absolute;
		bottom: 20px;
		left: 20px;
	}
	#posts-grid .elementor-post__text{
		padding-bottom: 80px;
		position: relative;
	}
	#posts-grid .elementor-post-date{
		text-transform: capitalize;
	}
	
	#posts-grid > .elementor-container > .elementor-column > .elementor-widget-wrap >:after{
		display: none;
	}
	
	
	
	
	.elementor-pagination{
		opacity: 0;
		padding-top: 20px;
	}
	.elementor-pagination.edited{
		opacity: 1;
	}
	
	.elementor-pagination .page-numbers:not(.dots) {
      color: var(--color-gray)!important;
    }
	.elementor-pagination .page-numbers.current {
      color: var(--color-accent)!important;
    }
	.elementor-pagination .next-button, 
	.elementor-pagination .prev-button {
      top: unset;
      left: unset;
      right: unset;
      bottom: unset;
      width: 37px;
      height: 37px;
      border-radius: 50%;
      border: black solid 1.5px;
      position: relative;
      margin: 0;
      position: relative;
      margin: 0;
      display: inline-flex;
      margin-bottom: -14px;
      justify-content: center;
      align-items: center;
    }
	.elementor-pagination .prev-button svg {
      transform: scaleX(-1);
    }
	.elementor-pagination .next-button svg, 
	.elementor-pagination .prev-button svg {
     transition: all 0.2s;
     position: absolute;
     top: 0;
     bottom: 0;
     margin: auto;
     fill: black;
     width: 11px;
     height: 11px;
    }
	.elementor-pagination .next-button:hover, 
	.elementor-pagination .prev-button:hover{
		background-color: black;
	}
	.elementor-pagination .next-button:hover svg, 
	.elementor-pagination .prev-button:hover svg {
     fill: white;
    }
	
	
	
	
	@media screen and (max-width: 767px){
		 .elementor-section:has([search-input]) h1{
		  padding-top: 40px!important;
	    }
		
		#main-post{
/* 			padding-left: 20px;
			padding-right: 20px; */
		}
		#main-post .col-1 .elementor-post__thumbnail {
          display:none;
	    }
	    #main-post .col-2 .elementor-post__thumbnail{
		   display: block;
	    }
		
		#posts-grid .elementor-post{
		  margin-bottom: 20px;
	    }
		
		
		#posts-grid .cat-title{
         padding-bottom: 10px;
	    }
	    #posts-grid .cat-title *{
		 text-align: center;
	    }
		#posts-grid .read-more-holder{
            justify-content: center;
			margin-bottom: 20px;
        }
	}



/* ── Article/post page styles ── */


html, 
body {
   scroll-padding-top: 200px!important;
}

.elementor-menu-anchor {
    margin-top: -200px !important;
    padding-top: 200px !important;
}
	
	
[cat-holder]{
  color: white;
}
@media screen and (max-width: 767px){
  [cat-holder]{
      text-align: center;
  }
}
	
.elementor-section:has(.elementor-post-info){
	padding-top: 140px!important;
}
	

#article-content .rt-time{
  display: none;		
}
.read-time-holder{
  margin-top: 20px;		
}
.post-date *{
  color: white;		
  text-transform: none;
  margin-bottom: 0px;
  font-size: var(--font-size-text-small);		
  text-transform: capitalize;
}
.read-time span{
  padding-right: 5px;		
}
.post-date{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}
@media screen and (max-width: 767px){
 .post-date {
    gap: 2px;
    justify-content: center;
	margin-top: 5px;
  }
	.read-time{
		margin-bottom: 20px;
	}
	.read-time span{
	  display: none;
	}
}
	
	

#article-content{
    padding-right: 40px;
    padding-left: 40px;
	    max-width: 100%;
    overflow-x: hidden;
}
	
#article-content .elementor-widget-wrap.elementor-element-populated,
#table-content .elementor-widget-wrap.elementor-element-populated{
    padding: 0!important;
}
	


/* .elementor-section .elementor-element-badb588{
    color: var(--color-white-text)!important;
    font-family: "Nunito", Sans-serif;
    font-size: 16px!important;
    font-weight: 700!important;
    line-height: 1!important;
} */
	
@media screen and (max-width: 767px){
   #article-content{
    padding-right: 0px;
    padding-left: 0px;
   }
}


	
/* texts */
.elementor-section h1.elementor-heading-title{
    color: var(--color-white-text)!important;
/*     font-size: 56px!important;
    font-weight: 500!important;
    line-height: 1!important;
    font-family: Blatant, sans-serif; */
}
	
#article-content .elementor-heading-title{
	text-transform: unset!important;
}
#article-content .elementor-heading-title:first-letter{
		text-transform: capitalize!important;
}
#article-content  h2,
#article-content h2 *{
    color: var(--color-black);
    margin-top: 32px;
	font-size: var(--font-size-h3) !important;
}
#article-content  h3,
#article-content  h3 *{
    color: var(--color-black);
    margin-top: 32px;
	font-size: var(--font-size-h4) !important;
}
#article-content h4,
#article-content h4 *{
      font-size: var(--font-size-text) !important;
}
#article-content p,
#article-content li{
    text-align: left;
    font-family: "Nunito", Sans-serif;
    letter-spacing: 0px;
    font-size: var(--font-size-text);
    line-height: 1.4;
    font-weight: 400;
    color: black;
}
#article-content li:has(span:nth-of-type(2)) > span:first-child {
    font-weight: 700;
}
#article-content li,
#article-content li:has(br){
    padding-bottom: 12px;
}
#article-content figcaption,
#article-content pre,
#article-content .caption,
#article-content .caption *{
	  text-align: center;
      font-family: "Nunito", Sans-serif;
      letter-spacing: 0px;
      font-size: 14px;
      line-height: 1.6;
      font-weight: 400;
      color: black;
      margin-bottom: 30px !important;
      font-style: normal;
      margin-top: 20px !important;
	  display: block;
} 	
#article-content .caption.elementor-widget-text-editor{
  margin-top: 0!important;
  margin-bottom: 0!important;
}
#article-content .table-wrapper{
    overflow-x: auto;
	max-width: 100%;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
}
#article-content .table-wrapper .table-inner-wrapper{
   border: 1px solid var(--color-gray);
   border-radius: 0;
   overflow: hidden;
   display: table;
   width: 100%;
}
#article-content table {
    background-color: transparent;
    width: 100%;
    font-size: var(--font-size-text-small);
    border-spacing: 0;
    border-collapse: collapse;
	margin-bottom: 0;
}
/* #article-content table tbody>tr:nth-child(odd)>td, 
#article-content table tbody>tr:nth-child(odd)>th, */
#article-content table tbody tr:hover>td, 
#article-content table tbody tr:hover>th{
/*     background-color: var(--color-gray-light); */
}
#article-content table td, 
#article-content table th {
	padding: 15px;
	border: 1px solid var(--color-gray);
	background-color: white;
}
#article-content table tbody tr:first-child td{
   background-color: var(--color-black);	
   
}
#article-content table tbody tr:first-child td,
#article-content table tbody tr:first-child td *{
	color: white;
    text-transform: uppercase;
    font-weight: 800; 
}
	
/* Target the first row */
#article-content tr:first-child td,
#article-content tr:first-child th{
          border-top: unset;
}

        /* Target the last row */
#article-content tr:last-child td,
#article-content tr:last-child th{
           border-bottom: unset;
}

 /* Target the first cell (td or th) in each row */
#article-content tr > td:first-child,
#article-content tr > th:first-child {
            border-left: unset
}
 /* Target the last cell (td or th) in each row */
#article-content tr > td:last-child,
#article-content tr > th:last-child {
            border-right: unset;
}
	

	
#article-content table *{
  	font-family: "Nunito", Sans-serif;	
	font-size: var(--font-size-text-small);
    line-height: 1.4;
    font-weight: 400;
	color: black;
}
#article-content table th,
#article-content table b,
#article-content table strong{
    font-weight: 700;
}
@media screen and (max-width: 767px){
	#article-content table td, 
    #article-content table th {
	   padding: 10px;
	}
	#article-content tr:first-child td,
    #article-content tr:first-child th{
          padding-top: 15px;
		  padding-left: 15px;
	}
	#article-content tr:last-child td,
	#article-content tr:last-child th{
		padding-bottom: 15px;
		padding-left: 15px;
	}
	
}

/* 	links */
#article-content a,
#article-content [data-eael-wrapper-link] p,
#author-description a{
    color: var(--color-accent)!important;
    font-family: "Nunito", Sans-serif;
    font-weight: normal !important;
    text-decoration: unset!important;
}
#article-content a *,
#author-description a *{
    text-decoration: unset!important;
}
#article-content a:hover,
#article-content [data-eael-wrapper-link]:hover p,
#author-description a:hover{
    text-decoration: underline!important;
}


/* 	media */
#article-content .wp-block-image,
#article-content img{
    width: 100%;
    max-width: 100%;
    height: auto;
    margin-right: 0;
    margin-left: 0;
}
#article-content .ev-blog-shadow img{
    filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.2));
}
#article-content .wp-block-image,
#article-content .elementor-widget-container img{
    filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.2));
}
#article-content .video-holder{
    width: 100%;
    height: auto;
    filter: drop-shadow(var(--shadow-1));
}
	

/* testimonial	 */
#article-content .article-quote{
	padding: 40px;
    padding-top: 30px;
	border-radius: var(--border-radius-1);
	background-color: white;
	margin-bottom: 20px;
	box-shadow: 0px 0px 14px 2px #00000026;
}
#article-content .article-quote .top-bar{
     display: flex;
    gap: 10px;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    margin-bottom: 30px;
	flex-direction: row-reverse;
}
#article-content .article-quote .star-text {
    color: var(--color-gray);
    font-weight: 600;
    margin: 0px;
    font-size: 14px;
    line-height: 1;
    text-align: left;
    margin-top: 3px;
	text-wrap: nowrap;
}
#article-content .article-quote .platform-logo{
    max-width: 200px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}
#article-content .article-quote .platform-logo .logo {
    height: 37px;
    width: auto;
    object-fit: contain;
    object-position: center;
    filter: unset;
    max-width: 150px;
}
#article-content .article-quote .platform-logo:not(:has(img)) .star-text{
  display: none;		
}
#article-content .article-quote .stars {
    height: 100%;
    display: flex;
    gap: 5px;
    align-items: center;
    justify-content: flex-start;
/* 	padding-bottom: 30px; */
}

#article-content .article-quote .stars .star-text{
  display: none;		
}
#article-content .article-quote .stars svg{
    width: 20px;
    height: 20px;		
}
#article-content .article-quote .stars svg *, 
#article-content .article-quote .stars svg {
    fill: var(--color-stars);
}
#article-content .article-quote .text {
    font-weight: 700;
    padding-bottom: 10px;
	margin-bottom: 20px;
	color: black;
}
#article-content .article-quote .reviewer {
    margin-top: auto;
    padding-left: 60px;
    position: relative;
	color: black;
}
#article-content .article-quote .reviewer:not(:has(.img-holder)){
	padding-left: 0px;
}
#article-content .article-quote .img-holder {
    position: absolute;
    margin: auto;
    left: 0;
    top: 0;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
}
#article-content .article-quote .img-holder img {
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}	
#article-content .article-quote .name-text {
    font-weight: 700;
    margin: 0;
    line-height: 1.4;
    margin-bottom: 0px;
	color: black;
	font-size: 16px;
}
#article-content .article-quote .company-text {
    color: var(--color-gray);
    font-weight: 600;
    margin: 0px;
    font-size: 14px;
    line-height: 1.4;
    width: 100%;
}

@media screen and (max-width: 767px){
	#article-content .article-quote .top-bar {
     justify-content: center;
     align-items: flex-start;
     flex-direction: column;
   }
	#article-content .article-quote{
		margin: 10px;
		padding: 20px;
		box-shadow: 0px 0px 7px 2px #00000026;
	}	
	#article-content .article-quote .platform-logo {
     justify-content: flex-start;
    }
}	
	
	
/* high light box */
#article-content .highlight-box{
  padding: 20px;
  background-color: var(--color-gray-light);
}
	
	
	
	
/* table of content	 */
   #table-content .table-content-holder {
     position: sticky;
     top: 140px;
     z-index: 10;
   }
  #table-content .toc-title{
    font-size: var(--font-size-text);
    font-weight: 700;
    color: #131314;
    margin-bottom: 16px;
  }
  #table-content .toc-div{
    max-height: 420px;
    overflow-y: scroll;
   }
   #table-content .toc-div ul{
    list-style-type:none;
    margin: 0;
    padding: 0;
	   position: relative;
	  padding-right: 10px;
   }
   #table-content .toc-div li{
    margin-bottom: 15px;
    line-height: 1.2;
   }
   #table-content .toc-div li.tag-H3{
	 margin-left: 20px;
   }
   #table-content .toc-div a{
    font-size: var(--font-size-text-small);
    line-height: 22px;
    color: var(--color-gray);
    font-weight: 700;
	transition: all 0.05s;
	position: relative;
   }
   #table-content .h2-centered,
   #table-content .toc-div li:hover a{
    color: var(--color-black)!important;
  }
  #table-content  .toc-div::-webkit-scrollbar-thumb {
    background-clip: content-box !important;
    background-color: var(--color-gray) !important;
	border-radius: 3px;
	cursor: pointer;
  }
  #table-content .toc-div::-webkit-scrollbar {
    width: 4px !important;
  }
  #table-content .toc-div::-webkit-scrollbar-track {
    background-color: var(--color-gray-light) !important;
	  border-radius: 3px;
   }
	
	
	
	
	
	
@media screen and (max-width: 767px){
   .elementor-section:has(.elementor-post-info){
	 padding-top: 80px!important;
   }
	
   #table-content{
       padding-top: 40px;
       padding-bottom: 40px;
   }
   #table-content .table-content-holder {
     position: relative;
     top: 	0px;
   }
}
	
	

	
	
/* share  */
       .share-buttons {
            gap: 20px;
            align-items: center;
            justify-content: start;
		   display:flex;
        }
	  .share-buttons.reveal{
		 opacity: 1!important;
	   }
	    #table-content .share-buttons{
		  margin-top: 40px;
	    }
	    .share-buttons.share-bottom{
		  display: none;
	    }
        .share-buttons.hide{
            display: none;
        }
        .share-buttons .text{
            margin: 0;
        }

        .share-button {
            padding: 0;
            font-size: 16px;
            border: none;
            cursor: pointer;
            width: 32px;
            height: 32px;
            border-radius: 6px;
            overflow: hidden;
            background-color: var(--color-black);
            border: 1.2px solid var(--color-black);
        }
        .share-button:focus,
        .share-button:hover{
            background-color: var(--color-black)!important;
            
            border: 1.2px solid var(--color-black)!important;
        }
        .share-button img{
            object-fit: contain;
            width: 100%;
            height: 100%;
            border-radius: 3px;
            filter: unset;
        }
        .share-button:focus img,
        .share-button:hover img{
            transform: scale(1.09);
        }
        
        
        .copy-alert{
            position: fixed;
            bottom: -70px;
            left:0;
            width: 100%;
            height: 1px;
            z-index: 999999;
            transition: all 0.2s;
            opacity: 0;
        }
        .copy-alert.show{
            bottom: 0px;
            opacity: 1;
        }
        .copy-alert .copy-bar{
            padding: 10px 20px;
            box-shadow: 0 -1px 10px 0 #acabab4d;
            border-radius: 6px;
            width: 170px;
            background: var(--color-black);
            border-color: #f4f4f4;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            bottom: 20px;
            left: 20px;
            position: absolute;
            
        }
        .copy-alert .copy-bar .text{
            font-weight: 400;
            font-size: 16px;
            margin-bottom: 0px;
            color: var(--color-white-text)!important;
        }
	
@media screen and (max-width: 767px){
	#table-content .share-buttons{
		display: none;
	}
   .share-buttons.share-bottom{
		  display: flex;
	    }
}
	
	


	

	
	

	
	
	
	
	
