/*
	Theme Name: AI Website
	Theme URI: https://heartdigital.com.au/
	Description: 
	Author: Heart Digital
	Author URI: https://heartdigital.com.au/
	Version: 1.0
	Requires at least: 6.0
	Tested up to: 6.8.2
	Requires PHP: 7.3
	Text Domain: aiwebsite
*/



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

body {
	margin: 0;
	  font-size: 18px;
	  font-weight: 400;
	  line-height: 28px;
}

body p{
	margin: 8px 0px;

}

.logo-image{
    background: #FFF;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
    
}

.ai-bio-section:hover h3, .ai-bio-section:hover .elementor-widget-text-editor , .ai-bio-section:hover .elementor-button{
	color:#fff!important;
}


.ai-image-content{
    opacity:0!important;
}

.ai-image-box:hover .ai-image-content{
   opacity:1!important;
}

.ai-accordian .e-n-accordion-item-title {
  position: relative;
  border-bottom: 2px solid transparent; 
}

.ai-accordian .e-n-accordion-item-title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px; 
  background: linear-gradient(180deg, #A8C0FF 0%, #3F2B96 100%);
}

.ai-icon-box .elementor-icon {
    background: linear-gradient(180deg, #A8C0FF 0%, #3F2B96 100%);
}

.card {
  position: relative;
  border-radius: 20px;
  background: white;
  padding: 20px;
  overflow: hidden;
}


.card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 4px;
  background: linear-gradient(180deg, #A8C0FF 0%, #3F2B96 100%);
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  transition: all 0.3s ease;
}


.card::after {
  content: "";
  position: absolute;
  top: 0;
  left: 10px;
  right: 10px;
  height: 12px;
  background:#F7F5FA;
  z-index: 1;
  transition: all 0.3s ease;
}


.card:hover::after {
  top: auto;
  bottom: 0;
 
 }

.logo-image img {
    filter: grayscale(100%);
    transition: filter 0.3s ease;
}
.logo-image:hover img{
	filter: grayscale(0%);
}


.ai-accordian-box details.e-n-accordion-item[open] {
  border-radius: 15px;
  background: linear-gradient(180deg, #A8C0FF 0%, #3F2B96 100%);
 
}


.ai-accordian-box details.e-n-accordion-item[open] .e-n-accordion-item-title{
    background-color: transparent!important;
    color:#fff!important;
}

/* Only when details is NOT open, hover summary shows background */
.ai-accordian-box .e-n-accordion-item:not([open]) > summary:hover {
  background: linear-gradient(180deg, #A8C0FF 0%, #3F2B96 100%);
  border-radius: 15px;

}

/*
.elementor-element.anime-box {
  position: relative;
  border-radius: 15px;
 z-index: 1;
}

.elementor-element.anime-box::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px; 
  border-radius: 15px;
  background: linear-gradient(180deg, #A8C0FF 0%, #3F2B96 100%);
  -webkit-mask: 
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
          mask-composite: exclude;
  z-index: -1;
}

.elementor-element.anime-box:hover{
background: linear-gradient(180deg, #A8C0FF 0%, #3F2B96 100%);   
}*/

.elementor-element.anime-box {
  position: relative;
  border-radius: 15px;
  border: 4px solid transparent;
  background:
    linear-gradient(#F7F5FA, #F7F5FA) padding-box,
    linear-gradient(180deg, #A8C0FF 0%, #3F2B96 100%) border-box;
  background-origin: border-box;
  background-clip: padding-box, border-box;
  transition: background 0.3s ease;
}

.elementor-element.anime-box:hover {
  background:
    linear-gradient(180deg, #A8C0FF 0%, #3F2B96 100%) padding-box,
    linear-gradient(180deg, #A8C0FF 0%, #3F2B96 100%) border-box;
}




.elementor-element.anime-box:hover h3{
    color:#fff!important;
}


.elementor-element.anime-box:hover  .elementor-widget-text-editor{
      color:#fff;
}

.elementor-element.anime-box:hover  p{
      color:#fff!important;
}

.anime-box .elementor-icon {
    background: linear-gradient(180deg, #A8C0FF 0%, #3F2B96 100%);
}

.elementor-element.anime-box:hover .elementor-icon{
	background-color:#FFF!important;
	background:#FFF!important;
}

.elementor-element.anime-box:hover .elementor-icon svg
{
  fill: #3F2B96!important;
}

.gradient-stroke .elementor-heading-title {
  
  position: relative;
  display: inline-block;
}

.gradient-stroke .elementor-heading-title::before {
  content: attr(data-text);
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(180deg, #A8C0FF 0%, #3F2B96 100%);
  -webkit-background-clip: text;
/*  -webkit-text-fill-color: transparent;*/
  -webkit-text-stroke: 6px transparent; /* Stroke thickness */
  
 /* z-index: -1; /* Keep stroke behind white fill */
}

.elementor-element.anime-box:hover .elementor-heading-title::before {
  -webkit-text-stroke: 6px transparent;
  background: none;
}

.cta-form input[type="text"] ,.cta-form textarea , .cta-form input[type="tel"] , .cta-form input[type="email"]{
width:100%;
 padding:25px;
 background: #FFF;

font-family: Poppins;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
border:0px;
margin-bottom:20px;
color: rgba(85, 85, 85, 1);
}
.cta-form textarea{
	height:180px;
}
.cta-form input:focus-visible ,.cta-form textarea:focus-visible{
outline:none!important;	
}

.cta-form input[type="submit"]{
	 -webkit-appearance: none;
  appearance: none;
  box-sizing: border-box;
   width:auto;

	font-family: Poppins;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: normal;
	padding:11px 35px;
	border-radius: 15px;
border: 0;
background: #FFF;
	color: rgba(29, 28, 28, 1);
	cursor:pointer;
}

.cta-form.contact input[type="submit"]{
border-radius: 15px;
border: 2px solid #1D1C1C;
background: #FFF;   
}

.cta-form input[type="submit"]:hover{
	background:#1D1C1C;
	color:#fff;
	 animation-name: elementor-animation-pulse-shrink;
    animation-duration: .3s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

@keyframes elementor-animation-pulse-shrink {
    to {
        transform: scale(.9)
    }
}
.header-nav-bar.scrolled{
	background:rgba(255, 255, 255, 1);
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);	

}




.home .header-nav-bar.scrolled h1,.home .header-nav-bar.scrolled nav ul li a {
	color:#000000!important;
	
}


.home .header-nav-bar.scrolled .sub-arrow{
	color:#1D1C1C!important;
	fill:#1D1C1C!important;
}

.home .header-nav-bar.scrolled nav li a .sub-arrow{
	fill:#1D1C1C!important;
}

.home .header-nav-bar.scrolled .elementor-button {
	background-color: #1D1C1C!important;
color:#fff!important;}

.home .header-nav-bar.scrolled nav ul li a:hover {
	color:#3F2B96!important;
	}

.home .header-nav-bar.scrolled nav ul.sub-menu li a:hover {
	color:#fff!important;
	}

.home .header-nav-bar.scrolled .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{
	background-color: #3F2B96!important;
}


.ai-icon-list-box .elementor-icon-list-icon {
   border-radius: 100%;
    background: linear-gradient(180deg, #A8C0FF 0%, #3F2B96 100%);
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
    width: 25px;
    height: 25px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wpcf7-not-valid-tip {
    font-size: 18px!important;
	font-family: 'Poppins'!important;
}

.wpcf7 form.sent .wpcf7-response-output , .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #3F2B96!important;
    font-size: 18px!important;
    font-family: 'Poppins'!important;
    color: #000!important;
}




@media only screen and (max-width: 768px) {
 .cta-form.contact input[type="text"] ,.cta-form.contact textarea , .cta-form.contact input[type="tel"] , .cta-form.contact input[type="email"] {
    border: 1px solid #CCCCCC;
  }
 .ai-accordian-box .e-n-accordion-item-title {
    background-color: #e7e7e7!important;
  }
  .home .header-nav-bar .elementor-item-anchor:hover  .sub-arrow{
    fill:#fff;  
  }
.cta-form input[type="submit"]{
    font-size: 14px;
    padding: 12px 35px 12px 35px;
}  
 
  
}

@media only screen and (max-width: 1024px) {
   .home .header-nav-bar.scrolled nav ul li a:hover {
	color:#fff!important;
	}  
	
.home .header-nav-bar nav li a:hover .sub-arrow, .home .header-nav-bar nav li a:focus .sub-arrow{
	fill:#fff!important;
}
.home .header-nav-bar.scrolled nav ul li a:hover , .home .header-nav-bar.scrolled nav ul li a:focus{
	color:#fff!important;
	
}

.header-nav-bar.inner-nav nav li a:hover .sub-arrow, .header-nav-bar.inner-nav nav li a:focus .sub-arrow{
 fill:#fff!important;   
}

}

@media (max-width: 1386px) and (min-width: 1025px) {
  .card-section {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
  }
}