#smooth-content {
  will-change: transform;
}

body:not(:has([data-sticky-header="0"]), .content-offset--off)
  main:not(.panel-content)
  > *:first-child
  > *:first-child:not(.bricks-shape-divider) {
  margin-block-start: var(--header-height);
}

/*Preloader*/
html.preload-skip .loader-overlay{
  display: none !important;
}
.loader-overlay {
position: fixed;
inset: 0;
background: #000;
display: flex;
justify-content: center;
align-items: center;
z-index: 999999;
}

.logo-container {
position: relative;
display: flex;
gap: -1px; 
align-items: center;
}

.logo-half {
width: auto;
will-change: transform; 
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}
@media(max-width:767px){
  .logo-half{
    max-width: 100px;
  }
}
.ideafk-counter{
position: absolute;
bottom: -50px;
left: 50%;
transform: translateX(-50%);
z-index: 3;
color: white;
font-weight: bold;
}
/*PreLoader Style End*/

body.smoke-ft footer > section{
  background-color: var(--bricks-smoke-white);
}
.faq-accordion .faq-item:last-child{
border-bottom:none;
}

button.clickable-parent,
a.clickable-parent {
  position: static !important;
}

.clickable-parent::after {
  content: "";
  position: absolute;
  inset: 0;
  cursor: pointer !important;
  display: flex;
  z-index: 1;
}

.clickable-oparent a::after {
  content: "";
  position: absolute;
  inset: 0;
  cursor: pointer !important;
  display: flex;
  z-index: 1;
}

.text-gradient{
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(180deg, #0097B2 0%, #7ED957 100%);
}
.text-gradient-vertical{
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(90deg, #0097B2 0%, #7ED957 100%);
}
.bg-gradient{
background: linear-gradient(90deg, #0097B2 0%, #7ED957 100%);
}
.bg-gradient-vertical{
background: linear-gradient(0deg, #7ED957 0%, #0097B2 100%);
}

.brand-gradient-border{
  position: relative;
  --angle:0deg;
}

.brand-gradient-border::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(var(--angle), #7ED957 0%, #0097B2 100%);
  padding: 2px;
  mask:
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
  mask-composite: exclude;
}


.header-cta,
.primary-cta,
.secondry-cta,
.trans-cta{
position: relative;
}

.header-cta,
.primary-cta,
.secondry-cta,
.trans-cta,
.header-cta::before,
.primary-cta svg,
.primary-cta .icon::after,
.primary-cta .icon::before,
.secondry-cta svg,
.trans-cta svg,
.primary-cta .icon path,
.trans-cta .icon path{
transition: all 0.3s ease-in-out;
}

.header-cta .text,
.primary-cta .text,
.secondry-cta .text,
.trans-cta .text{
  z-index: 1;
}

.header-cta .icon,
.primary-cta .icon,
.secondry-cta .icon,
.trans-cta .icon{
  min-width:40px;
  min-height:40px;
  border-radius:50px;
  z-index: 1;
}

.secondry-cta .icon,
.trans-cta .icon{
background-image: linear-gradient(90deg, #0097B2 0%, #7ED957 100%);
}

.header-cta .icon{
background-color:#fff;
}
.header-cta::before{
  content: '';
  position: absolute;
  top: 50%;
  right: 5px;
  width: 40px;
  height: 40px;
  border-radius: 100px;
  transform: translateY(-50%);
  z-index: 0;
}
.header-cta:hover::before{
  background-color: black;
}
.header-cta:hover::before{
  width: 100%;
  height: 100%;
  right: 0px;
}
.header-cta:hover{
 box-shadow: 0px 0px 1px 4px #000000;
}

.primary-cta .icon{
  position: relative;
}
.primary-cta svg{
  position: relative;
  z-index: 1;
}
.primary-cta .icon::after{
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, #24a3ac 0%, #76d669 100%);
  border-radius: 50px;;
  opacity: 1;
}
.primary-cta .icon::before{
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, #24a3ac 0%, #76d669 100%);
  border-radius: 8px;;
  opacity: 0;
}
.primary-cta:hover{
  background-color: black;
  border-radius: 15px;
  color: var(--bricks-white);
}
.primary-cta:hover .icon::before{
  opacity: 1;
}
.primary-cta:hover .icon::after{
  opacity: 0;
}
.primary-cta:hover svg{
  transform: rotate(45deg);
}
.primary-cta:hover .icon svg path {
  fill: var(--bricks-white); 
}

.secondry-cta:hover{
  background-color: var(--bricks-black);
  color: var(--bricks-white);
}
.secondry-cta:hover svg{
  transform: rotate(180deg);
}

.trans-cta:hover{
  background-color: transparent;
  border-radius: 15px;
}
.trans-cta:hover .icon path{
  fill: var(--bricks-white);
  transform: rotate(45);
}
.trans-cta:hover svg{
  transform: rotate(45deg);
}

@media(max-width:478px){
  .header-cta .icon,
  .primary-cta .icon,
  .secondry-cta .icon{
    min-width:30px;
    min-height:30px;
  }
  .primary-cta::before,
  .header-cta::before{
    width: 30px;
    height: 30px;
  }
}

/*Header*/
.header-menu nav ul li a {
  position: relative;
  width: fit-content !important;
  transition: color 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}

.header-menu nav ul li a::after {
  content: "";
  position: absolute;
  bottom: 0px;
  right: 0;
  width: 0%;
  height: 5px;
  background-color: var(--bricks-green);
  transition: width 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}

.header-menu nav ul li a[aria-current="page"]::after {
  left: 0;
  width: 100%;
}

.header-menu nav ul li a:not([aria-current="page"]):hover::after {
  left: 0;
  width: 100%;
}

.header-menu nav ul:has(a:not([aria-current="page"]):hover)
a[aria-current="page"]::after {
  left: auto;
  right: 0;
  width: 0;
}

/*Footer*/
.ft-icon-wrp,
.ft-icon path{
transition:all 0.4s ease;
}

.ft-icon-wrp:hover{
background-color:var(--bricks-brand);
}
.ft-icon-wrp:hover .ft-icon path{
fill:var(--bricks-white);
}

.ft-menu nav ul li a {
  position: relative;
  width: fit-content !important;
  transition: color 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}

.ft-menu nav ul li a::after {
  content: "";
  position: absolute;
  bottom: -2px;
  right: 0;
  width: 0%;
  height: 2px;
  background: linear-gradient(90deg, #0097B2 0%, #7ED957 100%);
  transition: width 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}

.ft-menu nav ul li a[aria-current="page"]::after {
  left: 0;
  width: 100%;
}

.ft-menu nav ul li a:not([aria-current="page"]):hover::after {
  left: 0;
  width: 100%;
}

.ft-menu nav ul:has(a:not([aria-current="page"]):hover)
a[aria-current="page"]::after {
  left: auto;
  right: 0;
  width: 0;
}

/*Ws Form*/
.gt-form textarea{
min-height: 300px!important;
max-height: 300px;
}

.gt-form input{
  min-height: 50px!important;
}
.gt-form input::placeholder,
.gt-form textarea::placeholder{
  font-weight: 600!important;
}
.gt-form .wsf-bottom{
  margin-bottom: 0px!important;
}
.gt-form .wsf-button{
  position: relative;
  font-size: 16px!important;
  font-weight: 600!important;
  z-index: 1;
  min-height: 50px!important;
  border: none!important;
  border-radius: 50px!important;
  overflow: hidden;
  transition:all 0.3s ease-in-out!important;
}
.gt-form .wsf-button:hover::after{
  opacity: 0;
}
.gt-form .wsf-button:hover::before{
  opacity: 1;
}

.gt-form .wsf-button::after{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #0097B2 0%, #7ED957 100%);
  z-index: -1;
  transition:all 0.3s ease-in-out!important;
}
.gt-form .wsf-button::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(270deg, #0097B2 0%, #7ED957 100%);
  transition:all 0.3s ease-in-out!important;
  z-index: -1;
  opacity: 0;
}