/* 
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
*/

/* Add your custom styles here */



.image1,
.image2,
.image3,
.image4,
.image5,
.image6 {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  transition: opacity 0.4s ease-in-out;
}

/* Active image */
.image-active {
  opacity: 1;
  visibility: visible;
  position: relative;
}
.hide{
	display:none !important;
}

.eael-toggle-flip-switch{
height: 65px !important;
	box-shadow: none !important;
}

.eael-toggle-flip-switch .eael-card-face{
box-shadow:none !important; 
	top: 4px;
left: 4px;
height: 55px !important;
}

@media (max-width: 768px) {
.elementor-kit-6 h2 {
        font-size: 33px;
	}
	
	.home-viral-slider{
	max-height:375px !important;	
	}
	.pricing-heading .elementor-widget-container .elementor-image-box-wrapper{
	display:flex;
	flex-direction:row;
        align-items: center;
		gap: 10px;
    
}

}


.real-content .jet-listing-grid__items.swiper-wrapper>.jet-listing-grid__item{
	padding-left:0px !important;
	padding-right:0px !important;
}

.real-content .jet-listing-grid .jet-listing-grid__slider.swiper-lib>.jet-listing-grid__items>.jet-listing-grid__item.swiper-slide{
    width:302px !important;
    height:auto !important;
}

@media (max-width: 430px) {
 .real-content .jet-listing-grid__item {
    width: 70% !important;
    height: auto !important
  }
}

@media (min-width: 767px) {
 .real-content .jet-listing-grid .jet-listing-grid__slider.swiper-lib>.jet-listing-grid__items>.jet-listing-grid__item.swiper-slide{
    width:302px !important;
    height:auto !important;
}
}


/* real conent ends here 
 */ 
  /*second listing grid on homepage*/
.ai-business{width:100% !important;}
.ai-business .ai-business-iinner{
	max-width:1440px !important;
	margin: 0 auto !important;
}
.ai-business .jet-listing-grid__items.swiper-wrapper>.jet-listing-grid__item{
	padding-left:10px !important;
	padding-right:10px !important;
}

.ai-business .jet-listing-grid .jet-listing-grid__slider.swiper-lib>.jet-listing-grid__items>.jet-listing-grid__item.swiper-slide{
    width:302px !important;
    height:auto !important;
}

@media (max-width: 430px) {
  .ai-business  .jet-listing-grid__item {
        
    width:70% !important; 
    margin-right:20px;
    }
    
}

@media (min-width: 430px) and  (max-width: 767px) {
  .businessslider  .jet-listing-grid__item {
        
    max-width:302px !important; 
    height: auto !important;
    }
    
}
/*ends here*/

/*tab homepage section*/
.elementor-widget-n-tabs .e-n-tab-title[aria-selected=false] .e-n-tab-icon svg{fill: transparent !important;}

.e-n-tabs-heading {
    background: #F7F6FB;
    width: 100%;
    justify-content: center !important;
    height: 53px;   
    border-radius: 20px;
    padding: 0 20px;
   align-items:center;
    
}

.tabs-content svg{
    fill:none !important;
}

.tabs-content .e-n-tabs-heading{
    width: fit-content !important;
    margin: 0 auto;
}

.tabs-content .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover, .tabs-content .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"]{
    border-radius:20px !important;
}

/*end ehre*/
.gradient-text{
background: linear-gradient(90deg, #6045AE 0%, #EE6723 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
color: transparent;
}

.elementor-1746 .elementor-element.elementor-element-9af5975 
> .e-n-accordion 
> .e-n-accordion-item:not(:last-child) 
> .e-n-accordion-item-title {
    border-bottom: 1px solid #DEDEDE; /* adjust color if needed */
}
.eael-sticky-video-wrapper[style*="height: 0"] {
    height: auto !important;
}
.tablestyle h3.elementor-icon-box-title{
	    margin-top: 0px !important;
}
.elementor-icon-box-title{
	text-decoration-color:#DC2626 !important; 
}

.videoslidermob .swiper-pagination-bullet.swiper-pagination-bullet-active{
	width: 38px !important;
    border-radius: 10px !important;
}
.clients-slider2,.clients-slider1 {
  position: relative;
  overflow: hidden;

  /* Fade effect */
  -webkit-mask-image: linear-gradient(to right, 
    transparent 0%, 
    black 10%, 
    black 90%, 
    transparent 100%);
    
  mask-image: linear-gradient(to right, 
    transparent 0%, 
    black 10%, 
    black 90%, 
    transparent 100%);
}
.clients-slider1 .swiper-wrapper,.clients-slider2 .swiper-wrapper {
  pointer-events: none;
}
.eits-image {
	border: 1px solid #DEDEDE;
}
.phone-frame{
	aspect-ratio: 9 / 18; /* adjust based on your frame */
  
  display: flex;
  align-items: center;
  justify-content: center;
}
/*.phone-frame{
	background-size: 100% 730px !important;
	    height: 800px !important;
}*/
.eael-sticky-video-wrapper{
width: 96% !important;
    margin: 0 auto;
}
.businessslider .jet-listing-grid__slider-icon.next-arrow,.businessslider .jet-listing-grid__slider-icon.prev-arrow{
	    border: 1px solid;
    border-radius: 50px;
}
.eael-advance-tabs{
	text-align:center;
}
.eael-tabs-nav {
    background: #f7f6fb;
    padding: 6px;
    border-radius: 8px;
    width: auto;
    display: inline-flex;
    margin: 0 auto;
}
.eael-advance-tabs .eael-tabs-nav > ul li:hover svg path,.eael-advance-tabs .eael-tabs-nav > ul li.active > svg path {
    stroke: #ffffff !important;
}
.eael-advance-tabs .eael-tabs-nav > ul li svg,.eael-advance-tabs .eael-tabs-nav > ul li:hover > svg,.eael-advance-tabs .eael-tabs-nav > ul li.active > svg{
	    fill: #ffffff00 !important;
}
.hoverbtn .elementor-button:hover{
	opacity:0.7;
}
.elementor-46 .elementor-element.elementor-element-307485d .eits-image{
	border:1px solid #DEDEDE;
}
.menuheader a.elementor-item:hover{
		opacity:0.7;
}
.footer-newsletter .elementor-field-type-submit:hover{
	opacity:0.7;
}
.footer-newsletter .elementor-field-group.elementor-column.elementor-field-type-submit.elementor-col-20.e-form__buttons{
	width:10%;
}
.footer-newsletter .elementor-field-type-email.elementor-field-group.elementor-column.elementor-field-group-email.elementor-col-80.elementor-field-required{
	width:90%
}
.elementor-popup-modal .dialog-close-button {
    display: block; /* make sure it's visible */
    position: absolute;
    top: 20px; /* keep it at top */
    left: 50%; /* move to center horizontally */
    transform: translateX(-50%); /* perfectly center it */
    
    inset-inline-end: unset; /* remove right positioning */
    
    margin-top: 0;
    opacity: 1;
    pointer-events: all;
    z-index: 9999;
	    padding: 3px;
    border-radius: 50px;
    border: 2px solid #212121;
}
/*@media (min-resolution: 120dpi) {
	.phone-frame{
      background-size: 100% 527px !important;
		height: 550px !important;
	}
}

@media (min-resolution: 144dpi) {
  .phone-frame{
      background-size: 100% 480px !important;
		height: 475px !important;
	}
}*/
/* Default (Desktop large screens) */
/*.phone-frame {
  background-size: 100% 520px;
  height: 550px;
}
*/
/* 1440px screens (your client) 
@media (max-width: 1400px) {
  .phone-frame {
    background-size: 100% 500px !important;
    height: 520px !important;
  }
}

/* 
@media (max-width: 1200px) {
  .phone-frame {
    background-size: 100% 470px;
    height: 500px;
  }
}


@media (max-width: 992px) {
  .phone-frame {
    background-size: 100% 430px;
    height: 460px;
  }
}


@media (max-width: 768px) {
  .phone-frame {
    background-size: 100% 400px;
    height: 430px;
  }
}


@media (max-width: 480px) {
  .phone-frame {
    background-size: 100% 360px;
    height: 390px;
  }
} */


@media (max-width: 768px) {
  .looking-answers-mobile {
    padding:0px !important;
  }
}

@media (max-width: 400px) {
.lookng-answers-heading h2 {
		font-size:22px !important;
  }
}

/*features code on homepage */

/* =========================
   COMPARISON TABLE — CLEAN
   ========================= */

/* ----- SHARED DESKTOP + MOBILE ----- */

/* All cells: full width, no margins */

.elementor .everything-grid > .elementor-element {
    width: 100% !important;
    justify-self: stretch !important;
    align-self: stretch !important;
    margin: 0 !important;
}

/* Widget containers: fill cell, flex center */
.elementor .everything-grid > .elementor-element > .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
}

/* Kill heading and image margins */
.elementor .everything-grid .elementor-heading-title {
    margin: 0 !important;
    line-height: 1.4 !important;
}

.elementor .everything-grid .elementor-widget-image,
.elementor .everything-grid .elementor-widget-image img {
    margin: 0 !important;
}

/* Grid: no gap, defined rows */
html body .elementor .comparison-wrapper .everything-grid.e-grid.e-con {
        grid-template-rows: 110px repeat(6, 80px) !important;
    gap: 0 !important;
    row-gap: 0 !important;
    column-gap: 0 !important;
    --grid-gap: 0px !important;
    --row-gap: 0px !important;
    --column-gap: 0px !important;
}

/* Outer container: border + double border + rounded (DESKTOP) */
.elementor .comparison-wrapper .everything-grid {
    border: 1px solid #E5E5E5 !important;
    border-radius: 16px !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 28px #ffffff, 0 0 0 29px #E5E5E5 !important;
}

/* Parent padding for shadow room on desktop */
.elementor .comparison-wrapper {
    padding: 29px !important;
    box-sizing: border-box !important;
}

/* Corner cells rounded */
.elementor .everything-grid > .cell-r1-c1 { border-top-left-radius: 15px !important; }
.elementor .everything-grid > .cell-r1-c5 { border-top-right-radius: 15px !important; }
.elementor .everything-grid > .cell-r7-c1 { border-bottom-left-radius: 15px !important; }
.elementor .everything-grid > .cell-r7-c5 { border-bottom-right-radius: 15px !important; }

/* Row 1 (logos + Features heading) */
.elementor .everything-grid > [class*="cell-r1-"] {
    display: flex !important;
    align-items: center !important;
    padding: 20px !important;
    box-sizing: border-box !important;
}
.elementor .everything-grid > .cell-r1-c1 { justify-content: flex-start !important; }
.elementor .everything-grid > .cell-r1-c2,
.elementor .everything-grid > .cell-r1-c3,
.elementor .everything-grid > .cell-r1-c4,
.elementor .everything-grid > .cell-r1-c5 { justify-content: center !important; }

/* Row 1 logos */
.elementor .everything-grid > [class*="cell-r1-c"] img {
    max-height: 60px !important;
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
}

/* Rows 2-7 */
.elementor .everything-grid > [class*="cell-r2-"],
.elementor .everything-grid > [class*="cell-r3-"],
.elementor .everything-grid > [class*="cell-r4-"],
.elementor .everything-grid > [class*="cell-r5-"],
.elementor .everything-grid > [class*="cell-r6-"],
.elementor .everything-grid > [class*="cell-r7-"] {
    display: flex !important;
    align-items: center !important;
    padding: 18px 20px !important;
    box-sizing: border-box !important;
    border-top: 1px solid #E5E5E5 !important;
}

/* Scroll-col cells in rows 2-7: center icon */
.elementor .everything-grid > .scroll-cols[class*="cell-r2-"],
.elementor .everything-grid > .scroll-cols[class*="cell-r3-"],
.elementor .everything-grid > .scroll-cols[class*="cell-r4-"],
.elementor .everything-grid > .scroll-cols[class*="cell-r5-"],
.elementor .everything-grid > .scroll-cols[class*="cell-r6-"],
.elementor .everything-grid > .scroll-cols[class*="cell-r7-"] {
    justify-content: center !important;
}

/* Checkmarks/X icons */
.elementor .everything-grid > [class*="cell-r2-c"] img,
.elementor .everything-grid > [class*="cell-r3-c"] img,
.elementor .everything-grid > [class*="cell-r4-c"] img,
.elementor .everything-grid > [class*="cell-r5-c"] img,
.elementor .everything-grid > [class*="cell-r6-c"] img,
.elementor .everything-grid > [class*="cell-r7-c"] img {
    width: 24px !important;
    height: 24px !important;
    max-width: 24px !important;
    max-height: 24px !important;
}

/* Digibate column: gray background + left border */
.elementor .everything-grid > .cell-r1-c2,
.elementor .everything-grid > .cell-r2-c2,
.elementor .everything-grid > .cell-r3-c2,
.elementor .everything-grid > .cell-r4-c2,
.elementor .everything-grid > .cell-r5-c2,
.elementor .everything-grid > .cell-r6-c2,
.elementor .everything-grid > .cell-r7-c2 {
    border-left: 1px solid #E5E5E5 !important;
    background: #F7F7F8 !important;
}


/* =========================
   MOBILE
   ========================= */
@media (max-width: 768px) {

    /* Parents */
    .elementor-element-7c65143,
    .elementor-element-7c65143 > .e-con-inner {
        overflow-x: visible !important;
       max-width: 100% !important;
    }

    /* Outer wrapper: left margin, no padding override */
    .elementor-element-bb73940 {
        padding: 12px 15px 12px 30px !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow-x: clip !important;
    overflow-y: visible !important;
    }

    /* Scroll container: border here + override desktop padding */
   .elementor .comparison-wrapper {
        border: 1px solid #E5E5E5 !important;
        border-radius: 16px !important;
        overflow-x: auto !important;
        overflow-y: visible !important;
        padding: 0 !important;
        width: calc(100% - 30px) !important;    /* reduce width to create space */
        max-width: calc(100% - 30px) !important;
        margin-left: 30px !important;            /* push right by 30px */
        display: flex !important;
        flex-direction: row !important;
        justify-content: flex-start !important;
        align-items: flex-start !important;
        box-sizing: border-box !important;
        box-shadow: 0 0 0 10px #ffffff, 0 0 0 11px #E5E5E5 !important;
    }

    /* Grid on mobile: 5-col layout, fixed rows, NO border/shadow (scroll container has them) */
    html body .elementor .comparison-wrapper .everything-grid.e-grid.e-con {
     display: grid !important;
    grid-template-columns: 220px 180px 180px 180px 180px !important;
    grid-template-rows: 80px repeat(6, 90px) !important;
    grid-auto-flow: row !important;
    flex-direction: unset !important;
    flex-wrap: unset !important;
    --e-con-grid-template-columns: 220px 180px 180px 180px 180px !important;
    --grid-template-columns: 220px 180px 180px 180px 180px !important;
    --container-widget-width: auto !important;
    width: max-content !important;
    min-width: 940px !important;
    max-width: none !important;
    padding: 0 !important;
    gap: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    }

    /* Widget width overrides */
    html body .elementor .comparison-wrapper .everything-grid > .elementor-element {
        width: auto !important;
        max-width: none !important;
        flex: unset !important;
        flex-basis: auto !important;
        --widget-width: auto !important;
    }

    /* Column placement */
    .everything-grid .cell-r1-c1, .everything-grid .cell-r2-c1, .everything-grid .cell-r3-c1,
    .everything-grid .cell-r4-c1, .everything-grid .cell-r5-c1, .everything-grid .cell-r6-c1,
    .everything-grid .cell-r7-c1 { grid-column: 1 !important; }

    .everything-grid .cell-r1-c2, .everything-grid .cell-r2-c2, .everything-grid .cell-r3-c2,
    .everything-grid .cell-r4-c2, .everything-grid .cell-r5-c2, .everything-grid .cell-r6-c2,
    .everything-grid .cell-r7-c2 { grid-column: 2 !important; }

    .everything-grid .cell-r1-c3, .everything-grid .cell-r2-c3, .everything-grid .cell-r3-c3,
    .everything-grid .cell-r4-c3, .everything-grid .cell-r5-c3, .everything-grid .cell-r6-c3,
    .everything-grid .cell-r7-c3 { grid-column: 3 !important; }

    .everything-grid .cell-r1-c4, .everything-grid .cell-r2-c4, .everything-grid .cell-r3-c4,
    .everything-grid .cell-r4-c4, .everything-grid .cell-r5-c4, .everything-grid .cell-r6-c4,
    .everything-grid .cell-r7-c4 { grid-column: 4 !important; }

    .everything-grid .cell-r1-c5, .everything-grid .cell-r2-c5, .everything-grid .cell-r3-c5,
    .everything-grid .cell-r4-c5, .everything-grid .cell-r5-c5, .everything-grid .cell-r6-c5,
    .everything-grid .cell-r7-c5 { grid-column: 5 !important; }

    /* Row placement */
    .everything-grid [class*="cell-r1-"] { grid-row: 1 !important; }
    .everything-grid [class*="cell-r2-"] { grid-row: 2 !important; }
    .everything-grid [class*="cell-r3-"] { grid-row: 3 !important; }
    .everything-grid [class*="cell-r4-"] { grid-row: 4 !important; }
    .everything-grid [class*="cell-r5-"] { grid-row: 5 !important; }
    .everything-grid [class*="cell-r6-"] { grid-row: 6 !important; }
    .everything-grid [class*="cell-r7-"] { grid-row: 7 !important; }

    /* Features column: sticky */
    .elementor .comparison-wrapper .everything-grid > .features-col {
       position: sticky !important;
    left: 0 !important;
    z-index: 50 !important;
    background: #ffffff !important;
    width: 220px !important;
    min-width: 220px !important;
    max-width: 220px !important;
    box-sizing: border-box !important;
    border-right: 1px solid #E5E5E5 !important;
    padding: 16px 14px !important;
    }

    /* Scroll columns lower z-index */
    .elementor .comparison-wrapper .everything-grid > .scroll-cols {
        position: relative !important;
        z-index: 1 !important;
    }

    /* Mobile row 1 padding */
    .elementor .everything-grid > [class*="cell-r1-"] {
        padding: 14px !important;
    }

    /* Mobile rows 2-7 padding */
    .elementor .everything-grid > [class*="cell-r2-"],
    .elementor .everything-grid > [class*="cell-r3-"],
    .elementor .everything-grid > [class*="cell-r4-"],
    .elementor .everything-grid > [class*="cell-r5-"],
    .elementor .everything-grid > [class*="cell-r6-"],
    .elementor .everything-grid > [class*="cell-r7-"] {
        padding: 16px 14px !important;
    }

    /* Mobile row 1 logos smaller */
    .elementor .everything-grid > [class*="cell-r1-c"] img {
        max-height: 40px !important;
        max-width: 140px !important;
    }

    /* Mobile feature column text */
    .elementor .comparison-wrapper .everything-grid > .features-col .elementor-heading-title {
        font-size: 14px !important;
        line-height: 1.35 !important;
    }
}

@media (min-width: 769px) {
    html body .elementor .comparison-wrapper .everything-grid.e-grid.e-con {
          grid-template-columns: 400px 1fr 1fr 1fr 1fr !important;
        --e-con-grid-template-columns: 400px 1fr 1fr 1fr 1fr !important;
        --grid-template-columns: 400px 1fr 1fr 1fr 1fr !important;
    }
}


.elementor-element.elementor-element-ba7c022.scroll-cols.cell-r1-c2.elementor-widget.elementor-widget-image{
	margin-top: 20px !important;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
}

.elementor .everything-grid > .cell-r1-c2, .elementor .everything-grid > .cell-r1-c3, .elementor .everything-grid > .cell-r1-c4, .elementor .everything-grid > .cell-r1-c5{
	align-items:end !important;
}
	.elementor .everything-grid > [class*="cell-r1-"]{
	align-items: end !important;
}
	/*end here */

/*what will you create today video css*/

.social-video .elementor-wrapper video {
    background-color: #000;
    border: none;
    display: flex;
    height: 248px;
}
@media (max-width: 430px){
  .social-video .create-videos {
        height: 190px;
        
        max-height:190px;
        background:none !important;
        
    }
.product-photos{
         height: 190px !important;
        
        max-height:190px !important;
    }
    .product-photos img{height:190px !important}
    .edit-image, .social-posts{
        margin-top:20px;
    }
}
@media (min-width: 430px) and  (max-width: 500px) { 
    .social-video .create-videos {
        height: 215px;
        
        max-height:215px;
        background:none !important;
        
    }
    .product-photos{
         height: 178px;
        
        max-height:178px;
    }
    
     .product-photos img{height:215px !important}
    .elementor-4951 .elementor-element.elementor-element-9d489d5{
    height: auto !important;
        
    }
    
}
@media (min-width: 501px) and  (max-width: 600px) {
.create-videos,     .product-photos, .social-video .elementor-wrapper video {
        height: 213px;
        
        max-height:177px;
    }
    
    .product-photos{
         height: 213px;
        
        max-height:213px;
    }
    
     .product-photos img{height:213px !important}
    .elementor-4951 .elementor-element.elementor-element-9d489d5{
    height: auto !important;
        
    }
    
}

.elementor-4951 .elementor-element.elementor-element-8bdad01, .elementor-4951 .elementor-element.elementor-element-8bdad01, .elementor-4951 .elementor-element.elementor-element-6324ae0{
    background:transparent !important;
}

.tabs-content .e-n-tabs-heading{padding:0 5px !important;}

.as-seen h2{
	white-space: nowrap;
flex-shrink: 0;
}