*
{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
:root {
    --primary-color: linear-gradient(270deg, #FF6403 2.9%, #EF0774 100%);
    --secondary-color: #0A2948;
    --tertiary-color: #202020;
    --tertiary1-color: #636363;
    --tertiary2-color: #00B1FF;
    --error-color:#f0320b;

    --primary-font: "Heebo", sans-serif;
    --secondary-font: "Source Sans 3", sans-serif;
  }
body 
{
    font-family: var(--secondary-font);
    line-height: 24px;
    color: var(--tertiary1-color);
    font-size: 16px;
    overflow-x: hidden;
}
h2 
{
    font-family: var(--primary-font);
}
.container-fluid
{
    padding-left: 90px;
    padding-right: 90px;
    max-width: 1920px;
}
.error-message
{
color: var(--error-color);
}
.tertiary-color
{
    color: var(--tertiary-color);
}
.tertiary2-color
{
    color: var(--tertiary2-color);
}
.ai-primary--btn
{
    all: unset;
    background: var(--primary-color);
    color: #fff;
    border-radius: 12px;
}
.ai-gradient--heading
{
    background-image: var(--primary-color);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.navbar.scrolled
{
background-color: #000721;
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show
{
    color: #fff;
}
.ai_banner
{
background-image: url('../image/ai-bg.webp');
height: 100vh;
min-height: 600px;
color: #fff;
font-family: var(--primary-font);
p 
{
    font-family: var(--secondary-font);
}
}

.ai-highlighted--box
{
    background-color: #E5EDFF;
    border-radius: 19px;
}
.ai-source--sec,.ai-quote--sec,.ai_banner,.ai-scope--card,.ai_bannertwo{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.ai-bg--vector
{
    background-image: url('../image/bg-vector.svg');
    background-size: contain;
}
.ai-source--sec
{
    background-image: url('../image/source-bg.webp');
    border-radius: 20px;
}
.ai-quote--sec
{
    background-image: url('../image/quote-bg.webp');
    margin-top: 100px;
}
.ai-success-stories
{
    .item 
    {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        border-radius: 40px;

        &.item-1
        {
            background-image: url('../image/slider-1.webp');
        }
        &.item-2
        {
            background-image: url('../image/slider-2.webp');
        }
        &.item-3
        {
            background-image: url('../image/slider-3.webp');
        }
        &.item-4
        {
            background-image: url('../image/slider-4.webp');
        }
    }
}
.ai-video--sec
{
    position: relative;
    &::after,&::before
    {
        content: '';
        position: absolute;
        height: 100%;
        width: 100%;
        background-repeat: no-repeat;
        background-size: contain;
    }
    &::before
    {
        background-image: url('../image/before-ellipse.svg');
        background-position: left;
        left: 0;
        top: 0;
    }
    &::after
    {
        background-image: url('../image/after-ellipse.svg');
        background-position: right;
        right: 0;
        bottom: 0;
    }
}
.video-container {
    position: relative;
    margin: auto;
    border-radius: 30px;
    overflow: hidden;
    z-index: 1;
    max-height: 500px;
    @media screen and (min-width:768px){
        width: 75%;
    }
        img {
            display: block;
        } 
        .play-button {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            cursor: pointer;
            background-color: rgba(45, 45, 45, 0.30);
            border-radius: 50%;
            padding: 20px;
        }
        video {
        display: none;
        max-height: inherit;
        }
}
.variant-h2
{
    color: var(--secondary-color);
}

/* accordion  */
.accordion-item:has(.show)
{
    border-radius: 20px;
    background: #F9F9F9;
    
    .accordion-button
    {
        border-bottom: 0 !important;
    }
}
.ai-accordion 
{
    .accordion
    {
        .accordion-button
        {
            border-bottom: 1.5px solid rgba(0, 0, 0, 0.32);
            &::after
            {
                display: none;
            }
            &:focus
            {
                box-shadow: none;
            }
            &:not(.collapsed)
            {
                background-color: transparent;
                color: var(--tertiary-color);
                box-shadow: none;
            }
        }
        .accordion-body
        {
            color: var(--tertiary1-color);

            .progress-bar-container {
                width: 100%;
                background-color: #f3f3f3;
                border-radius: 19px;
              }
              
              .progress-bar {
                height: 5px;
                width: 0;
                background: var(--primary-color);
                border-radius: 19px;
                transition: width 12s linear;
              }
        }
        .show .accordion-body .progress-bar {
            width: 100%;
          }
    }
    .image-container 
    {
        height: 450px;
        img {
            display: none;
            height: -webkit-fill-available;
            max-height: 100%;
            object-fit: cover;
            border-radius: 20px;
          }
          .active {
            display: block;
          }
    }
}

.ai-scope--card
{
    border-radius: 52px;
}
.nav-pills
{
    border-radius: 12px;
    border: 1px solid #BFBFBF;
    background: #F5F5F5;
    margin-bottom: 85px;
    .nav-item
    {
        width: 50%;
        .nav-link
        {
            color: var(--tertiary1-color);
            /* width: -webkit-fill-available; */
            width: 100%;
        }
        .nav-link.active
        {
            border-radius: 12px;
            background-color: var(--secondary-color);
            color: #fff;
        }
    }
}
.ai-unlocking--tabs
{
    img 
    {
        border-radius: 28px;
    }
    .ai-unlocking--tab
    {
    border-radius: 48px;
    border: 1px solid #8FB1FF;
    background: #F5F8FF;
    position: absolute;
    right: 0;
    width: 80%;
    padding: 77px;
    }
}
#pills-profile .ai-unlocking--tabs{
    justify-content: end;
}

#pills-profile .ai-unlocking--tab{
    left: 0px;
}

.ai-start_li
{
    list-style-type: none;
li
{
    position: relative;
    &:not(:first-child)
    {
        margin-top: 21px;
    }
    &::before
    {
        position: absolute;
        content: '';
        background-image: url('../image/star.svg');
        left: -33px;
        top: -2px;
        width: 26px;
        height: 26px;
    }
}
}
.ai-success-stories
{
    .owl-carousel
    {
        .owl-nav
        {
            position: absolute;
            top: 42%;
            width: 100%;
            display: flex;
            justify-content: space-between;
            transform: translateY(-50%);
            .owl-prev,.owl-next
            {
                border-radius: 68px;
                background: var(--primary-color);
                padding: 26px 14px;
                display: flex;
                justify-content: center;
                align-items: center;
                width: 52px;
                height: 52px;
                position: absolute;
                span 
                {
                    display: none;
                }
            }
            .owl-prev
            {
                left: -25px;
                @media screen and (max-width:992px){
                    left: -15px;
                }
            }
            .owl-next
            {
                right: -25px;
                @media screen and (max-width:992px){
                    right: -15px;
                }
            }
        }
        .owl-dots
        {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 5px;
            margin-top: 30px;

            .owl-dot 
            {
                width: 8px;
                height: 8px;
                background-color: #E3E3E3;
                border-radius: 50px;
            }
            .owl-dot.active
                {
                background-color: #f73838;
                }
        }
        
    }    
}


.ai_bannertwo
{
background-image: url('../image/genai-bg.svg');
position: relative;
}

.ai_bannertwo .ai-primary--btn{
    background: transparent;
    border: 1px solid #fff;
}

.your-business{
    background-color: #F2F6FF;
    border-radius: 55px;
}
.ai-grids--logo
{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap: 30px;
    text-align: center;
    align-items: center;
    @media screen and (min-width:1280px){
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    }
}
.contactFormAI
{
    .form-group
    {
        input, textarea, select
        {
            border-radius: 7px;
            border: 1px solid var(--tertiary1-color);
            padding: 16px 8px;
            width: 100%;
        }
        .checkbox-input
        {
            width: auto;
            cursor: pointer;
        }
    }
}
.privacy--text
{
        color: var(--tertiary1-color);
}
#copyLink
{
all: unset;
cursor: pointer;
}
#copyTooltip {
    background-color: #333;
    color: #fff;
    padding: 5px;
    border-radius: 5px;
    position: absolute;
    z-index: 1000;
    top: -38px;
    left: -16px;
}
.linkedin-script {
    display: none;
}





/* @media screen and (max-width:768px){
    .ai_banner
    {
        background-image: url('../image/ai-bg--md.webp');
    }
} */

@media screen and (max-width:992px){
    .container-fluid
    {
        padding-left: 16px;
        padding-right: 16px;
    }
    .ai-scope--card,.video-container,.your-business,.ai-unlocking--tabs img,.ai-unlocking--tabs .ai-unlocking--tab
    {
        border-radius: 20px;
    }
    .ai-success-stories
    {
        .item 
        {
            border-radius: 20px;
        }
    }
    .accordion-body img
    {
        border-radius: 20px 20px 0 0;
    }
    .ai_bannertwo
    {
        background-position: 70% center;
    }
    .ai_bannertwo::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.5); /* Black overlay with 50% opacity */
    }
    .ai-grids--logo
    {
        grid-template-columns: 1fr 1fr 1fr;
    }
    .ai-unlocking--tabs
    {
        .ai-unlocking--tab
        {
        padding: 15px;
        }
    }
    .nav-pills
    {
        margin-bottom: 30px;
    }
}
@media screen and (max-width:1199px){
    .ai-unlocking--tabs
    {
        .ai-unlocking--tab
        {
        width: 100%;
        position: unset;
        }
    }
    #pills-profile .ai-unlocking--tab .row{
        flex-direction: column-reverse;
    }
}
@media screen and (max-width:580px){
    .ai-grids--logo
    {
        grid-template-columns: 1fr 1fr;
    }
    .ai_banner
    {
        background-image: url('../image/ai-bg--md1.webp');
    }
    .ai-success-stories {
        & .owl-carousel {
            .owl-nav{
                display: none;
        }
    }
    }
}