/*
Theme Name: Hello elementor child
Theme URI: #
Description: A child theme of the parent theme
Author: Sumit Umak
Author URI: https://sumit-umak.github.io/port-2
Template: hello-elementor
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

:root {
	--my-primary-blue:#2563DB;
	--my-dark-blue:#000280;
	--my-secondary:#F2F6FC;
 	--primary-gradient: linear-gradient(45deg, var(--my-primary-blue), var(--my-dark-blue));
 	--blue-text-gradient: linear-gradient(180deg, var(--my-primary-blue) 0%, var(--my-dark-blue) 100%);
	--icon-box-gradient:linear-gradient(45deg, #B6CEEE, #7EA6FE);
	--card-hover-gradient:linear-gradient(45deg, var(--my-secondary), #ffffff);
}


/*Mega Menu Item*/
.mega-menu-item{
  border:1px solid var( --e-global-color-df033c6 ) !important;
}
.mega-menu-item .elementor-icon{
  transition:all 0.3s ease !important;
  background-color:var( --e-global-color-df033c6 ) !important;
}
.mega-menu-item .elementor-icon svg{
  fill:var( --e-global-color-primary ) !important;
  transition:all 0.3s ease !important;
}
.mega-menu-item{
  transition:all 0.3s ease !important;
}
.mega-menu-item .elementor-icon-box-title{
   display: -webkit-box;
  -webkit-line-clamp: 1;  
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mega-menu-item .elementor-icon-box-description{
   display: -webkit-box;
  -webkit-line-clamp: 2;  
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mega-menu-item:hover .elementor-icon{
  background-color:var( --e-global-color-primary ) !important;
  transform:scale(1.12);
}
.mega-menu-item:hover .elementor-icon svg,
.mega-menu-item:hover .elementor-icon svg path{
  fill:#fff !important;
  stroke:#fff !important
}
 
.mega-menu-image .elementor-widget-image{
  height:100% !important;
}
 

.blur-header{	
	background-color: rgba(255, 255, 255, 0.25) ;
    transition: all 0.6s ease !important;
}
.elementor-sticky--effects .blur-header{
		background: #000000 !important;
		transition: all 0.6s ease !important;
}

.elementor-sticky--effects .logotext h6{
	color:#fff !important;
}

.elementor-sticky--effects .menu-item a{
	color:#fff !important;
}

.elementor-sticky--effects .header-btn a{
	color:#fff !important;
	fill:#fff !important;
}
@media (min-width: 992px) {
 
	.elementor-sticky--effects .blur-header{
		width: 70% !important;
}
}

.primary-button a,button#contact-form-button {
    background: linear-gradient(45deg, #2563EB, #214B8B);
    position: relative;
    overflow: hidden;
	z-index: 1;
}

.primary-button a::before,button#contact-form-button::before{
	content: "";
    position: absolute;
    inset: 0;
    background: var(--blue-text-gradient);
    transition: opacity 0.4s ease;
    opacity: 0;
    z-index: -1;
} 

.primary-button a:hover::before,
button#contact-form-button:hover::before{
	opacity:1;
}

span.beta {  
	  font-size: 14px;
      text-transform: uppercase;
      position: absolute;
      top: 0;
	  right:-35px;
}
@media(max-width:1025px){
	.header-btn .elementor-button-content-wrapper .elementor-button-text{
		font-size:0 !important; 
		display:none;
	}
	
	.header-btn .elementor-button-content-wrapper{
		gap:0 !important;
	}
}

/* Header css end */

.blur-container{
	background-color: rgba(255, 255, 255, 0.25) ;
    transition: all 0.6s ease !important;
	backdrop-filter:blur(40px);
}


.main-blue-gradient{
	background:var(--primary-gradient) !important;	
	
}

.gradient-text,
.hero-heading span.elementor-headline-dynamic-letter{
	background: linear-gradient(180deg, #FFF 0%, #FDCEFF 55%, #E5C7FF 76%, #99AEFF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}

 .muted-text{
    /*color:#a3a3a3;*/
    color:var( --e-global-color-44be170 );
}
.blue-text{
	background: var(--blue-text-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}

.attribute-counter{
	background: var(--card-hover-gradient);
	border:1px solid var(--my-primary-blue);
	border-radius:16px;
	box-shadow:1px 5px 10px rgba(0,0,0,0.025);
}

/* Scatterted card section */
.elementor-icon-box-title{
	margin:0;
}

.scatter-card-light{
	background: var(--card-hover-gradient);
	border-color:#ddd ;
	box-shadow:0 1px 5px 5px rgba(0,0,0,0.035);
}

.scatter-card-dark{
	background:var(--primary-gradient);
	border-color:var(--my-primary-blue);
	box-shadow:0 1px 5px 5px rgba(0,0,0,0.035);
}

.scatter-card-dark svg path {
    fill: #fff;
}

/* track card */
.track-card .elementor-icon{
	background:var(--icon-box-gradient);
	
}

.track-card:hover .elementor-icon svg path{
	stroke:#fff;
	transition:all 0.3s ease;
}
.track-card:hover{
	background:var(--card-hover-gradient);
}

 
/* BENTO CARDS */
.bento-card{
	transition:all 0.3s ease !important;
	border-color:#ddd;
	background-size:0 !important;
}
.bento-card:hover{
	border-color:var(--my-primary-blue);
	background-size:auto !important;
}

/* Marketing cards */

.marketing-card{
	
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.25);
}
.marketing-card:hover{
	box-shadow:0 1px 10px 0 #83aefe !important;
}

.marketing-card:hover .image-hover{
	transform: rotate(-10deg);
    transition: all 0.3s ease;
}

.marketing-card:hover .agency-rocket{
	transform: rotate(-20deg) scale(0.85) !important;
    transition: all 0.3s ease;
}

.marketing-card .startup-building-hover{
	display:none;
}

.marketing-card:hover .startup-building-hover{
	display:block;
}

.marketing-card:hover .startup-building{
	display:none;
}


/* Pricing page */
/* Pricing Card */
.wpdt-c.wpDataTableContainerSimpleTable.wdtscroll table#wpdtSimpleTable-1.wpdtSimpleTable,
.wpdt-c.wpDataTableContainerSimpleTable.wdtscroll table#wpdtSimpleTable-2.wpdtSimpleTable,
.wpdt-c.wpDataTableContainerSimpleTable.wdtscroll table#wpdtSimpleTable-3.wpdtSimpleTable,
.wpdt-c.wpDataTableContainerSimpleTable.wdtscroll table#wpdtSimpleTable-4.wpdtSimpleTable,
.wpdt-c.wpDataTableContainerSimpleTable.wdtscroll table#wpdtSimpleTable-5.wpdtSimpleTable,
.wpdt-c.wpDataTableContainerSimpleTable.wdtscroll table#wpdtSimpleTable-6.wpdtSimpleTable{
    width: 100% !important;
}
.pricing-table{
	padding: 30px;
    border: 1px solid #e3e2e0;
    border-radius: 15px;
	display:flex;
	flex-direction:column;
	gap:20px;
	height:100%;
	position:relative;
}
.table-pricing-btn a{
	background-color:#111;
}
span.most-popular-tag {
    font-size: 12px;
	text-transform:uppercase;
    font-weight: 400;
    padding: 6px 10px;
    border-radius: 100px;
	background-color:var(--my-secondary);
}

.popular-table{
	border-color:#EDEDED;
	box-shadow: 0 1px 15px 0  rgba(0,0,0,0.12);
}

.table-header{
	display:flex;
	flex-direction:column;
	gap:10px;
}
.pricing-table .table-header h3.pricing-heading{
	font-size: 26px;
    font-weight: 600;
}
.table-header p.table-pricing {
    font-size: 16px;
    font-weight: 500;
    color: #6B7280;
    text-decoration: line-through;
}
.table-header p.free-spot {
    font-family: var(--e-global-typography-260a406-font-family), Sans-serif;
    font-size: var(--e-global-typography-260a406-font-size);
    font-weight: var(--e-global-typography-260a406-font-weight);
    line-height: var(--e-global-typography-260a406-line-height);
}
.table-header p{
	font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size: var(--e-global-typography-text-font-size);
    font-weight: var(--e-global-typography-text-font-weight);
    letter-spacing: var(--e-global-typography-text-letter-spacing);
}
.table-pricing-btn a{
	font-family: var(--e-global-typography-accent-font-family), Sans-serif;
    font-size: var(--e-global-typography-accent-font-size);
    font-weight: var(--e-global-typography-accent-font-weight);
	box-shadow: 1px 5px 15px 0px rgba(0, 0, 0, 0.15) !important;
    border-radius: 8px 8px 8px 8px;
    padding: 15px 40px 15px 40px;
	color:#fff;
	width: 100%;
    overflow: hidden;
    display: inline-block;
    text-align: center;
}
.table-pricing-btn a:hover{
	color:#fff;
}

.table-features-list ul.list-unstyled{
	list-style:none !important;
	margin-left:0 !important;
	padding-left:0 !important;
}

.table-features-list li{
	display:flex;
	gap:10px;
	align-items:center;
	font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size: var(--e-global-typography-text-font-size);
    font-weight: var(--e-global-typography-text-font-weight);
    letter-spacing: var(--e-global-typography-text-letter-spacing);
	margin-bottom:10px;
}
 

/* comparison table header */
.comparison-header h4{
	font-size: 18px;
    font-weight: 600;
	color:#000;
}
.comparison-header p{
	font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size: var(--e-global-typography-text-font-size);
    font-weight: var(--e-global-typography-text-font-weight);
	color:#000;
}
.comparison-header a{
	border:1px solid #ddd;
	border-radius:16px;
	width:100%;
	display:block;
	color:var(--e-global-color-primary);
	padding:7px 16px;
	text-align:center;
	font-family: var(--e-global-typography-accent-font-family), Sans-serif;
    font-size: var(--e-global-typography-accent-font-size);
    font-weight: var(--e-global-typography-accent-font-weight);
	transition:all 0.3s ease;
}

.comparison-header a:hover{
	background:#111;
	color:#fff;
}
.feature-list-heading i{
	font-size:16px;
}

.feature-list-heading,
.comparison-header h4{
	font-family: var(--e-global-typography-34e2ba2-font-family), Sans-serif;
    font-size: var(--e-global-typography-34e2ba2-font-size);
    font-weight: var(--e-global-typography-34e2ba2-font-weight);
}

/* Comparison table borders */

#wpdtSimpleTable-2 thead,
#wpdtSimpleTable-6 thead{
	border:1px solid #ddd;
	border-radius:16px;
	margin-bottom:10px;
}


#wpdtSimpleTable-2 tbody,
#wpdtSimpleTable-6 tbody{
	border:1px solid #ddd;
	border-radius:16px;
}

/* Comparison table borders End */

.feature-list-heading i,
.feature-list-text i{
    margin-right: 5px;
}

.monthy-compare .e-n-tabs-heading {
    background-color: #ffffff0c;
    width: max-content;
    margin: 0 auto;
    padding: 6px 10px;
    border-radius: 30px;
}

.individual-plan-compare .e-n-tabs-heading{
	 background: var(--primary-gradient);
    width: max-content;
    margin: 0 auto;
    padding: 6px 10px;
    border-radius: 30px;
}
 

/* Contact us page */
.contact-icon-box{
    border: 1px solid var( --e-global-color-df033c6 );
    width: 70%;
    border-radius: 20px;
    transition: all 0.6s ease !important;
}

.contact-icon-box.elementor-view-framed .elementor-icon{
	border:1px solid var( --e-global-color-df033c6 ) !important;
}
.contact-icon-box:hover .elementor-icon{
	background: var(--e-global-color-accent) !important;
	fill:#fff !important;
}

.contact-icon-box:hover{
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.075);
    transform: scale(1.03);
}

/* Policy Pages */

.policy-text p{
	line-height:1.5em;
}


.policy-text a{
	color:var(--my-primary-blue);
	transition:all 0.3s ease;
}


.policy-text a:hover{
	color:var(--my-dark-blue);
}


/* New Version */
.anim-card .anim-img{
	transform:scale(0.98);
}
.anim-card:hover .anim-img{
	transform:scale(1);
}

/* Use cases */
.usecase-card{
    transition:all 0.35s ease;
}
.usecase-card:hover{
 transform: scale(1.015);
}
.usecase-card .elementor-icon{
    background-color: var(--e-global-color-734214c) !important;
    transition:all 0.35s ease;
}
.usecase-card:hover .elementor-icon{
    background-color: var(--e-global-color-primary) !important;
}

.usecase-card .elementor-icon svg path{
    fill:var(--e-global-color-primary) !important;
    stroke:var(--e-global-color-primary) !important;
    transition:all 0.35s ease;
}

.usecase-card:hover .elementor-icon svg path{
    fill:#fff !important;
}



/* Blog List Page */
.blog-title-trim a,
.two-line-trim{
  display: -webkit-box;
  -webkit-line-clamp: 2;  
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}