/* ======================= >> Automation Global CSS Start Here << ======================= */
/* variables */
:root{
    --automation-bg-primary: #411673;
    --automation-gradient-bg: #1F0D35;
    --automation-secondary: #1F0D35;
    --text-primary: #EA4C88;
    --text-white: #fff;
    --color-accent-pink: #F05874;
    --color-accent-orange: #FF7E43;
    --text-color-orange: #FF5050;
}
/* container */
@media (min-width:1399px){
    .container.container-2xl{
        max-width: 1320px;
    }
}
@media (min-width:1600px){
    .container.container-2xl{
        max-width: 1570px;
    }
}
/* variables Class */
.automation-bg-primary{
    background-color: var(--automation-bg-primary);
}
.automation-gradient-bg {
    background-color: var(--automation-gradient-bg);
}
.text-primary-color{
    color: var(--text-primary);
}
.text-white{
    color: var(--text-white);
}
.bg-accent-pink {
    background-color: var(--color-accent-pink);
}
.bg-accent-orange{
    background-color: var(--color-accent-orange);
}
.section-heading{
    font-size: clamp(28px, 2.5vw, 37px);
    font-weight: 700;
    line-height: 1.25;
    margin: 0;
}
.section-desc{
    font-size: clamp(16px, 1.75vw, 18px);
    font-weight: 500;
    margin: 0;
    line-height: 1.55;
    padding-top: clamp(16px, 1.5vw, 20px);
}
.color-accent-orange{
    color: var(--text-color-orange);
}
/* ======================= >> Automation Global CSS Close Here << ======================= */
/* ======================= >> Automation banner start here << ======================= */
.automation-banner {
    padding-block: 80px;
    padding-top: 172px;
    
}
.automation-banner .automation-wrap {
    --gap: clamp(15px, 3vw, 45px);
}

.automation-wrap .automation-content {
    padding-right: var(--gap);
}

.automation-wrap .automation-img {
    padding-left: var(--gap);
}
 .automation-content .automation-title {
    font-weight: 700;
}
.automation-content .automation-sub-title {
    font-size: clamp(16px, 1.75vw, 18px);
    font-weight: 600;
    letter-spacing: 0.5px;
     font-family: 'poppins';
     margin: 0;
}
.automation-img img {
    width: 100%;
    object-fit: cover;
    object-position: center;
    animation: bouncePulse 4s infinite ease-in-out;
    transform-origin: center;
}

@keyframes bouncePulse {
  0%, 100% {
    transform: translateY(0) scale(.85);
  }
  50% {
    transform: translateY(-15px) scale(1.05);
  }
}
/* Large screens */
.automation-content .automation-title {
  font-size: 130px;
  font-weight: 700;
}

/* ≤ 1599px */
@media (max-width: 1599px) {
  .automation-content .automation-title {
    font-size: 115px;
  }
  .automation-banner {
    padding-block: 70px;
    padding-top: 160px;
  }
}

/* ≤ 1399px */
@media (max-width: 1399px) {
  .automation-content .automation-title {
    font-size: 90px;
  }
   .automation-banner {
    padding-top: 140px;
  }
}

/* ≤ 1199px */
@media (max-width: 1199px) {
  .automation-content .automation-title {
    font-size: 80px;
  }
}

@media (max-width: 991px) {
  .automation-content .automation-title {
    font-size: 60px;
  }
}

@media (max-width: 767px) {
  .automation-content .automation-title {
    font-size: 45px;
  }
}

@media (max-width: 575px) {
  .automation-content .automation-title {
    font-size: 30px;
  }
}
/* ======================= >> Automation banner Close here << ======================= */
/* ======================= >> Integrations Section Start Here << ======================= */
.integrations-sec {
    position: relative;
    z-index: 1;
}   
.integrations-sec::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
     z-index: -1;
    height: 100%;
    background-image: url('../images/integrations-radiual-image.png');
    background-repeat: no-repeat;
}
.integrations-sec::before {
    content: '';
    position: absolute;
    bottom: 0;
    z-index: -1;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: url('../images/integrations-radiual-image-right.png');
    background-position: right bottom;
    background-repeat: no-repeat;
}
.integrations-sec .integrations-wrap {
    text-align: center;
     padding-top: clamp(40px, 5.3vw, 100px);
    padding-bottom: clamp(40px,4vw, 70px);
}

.integrations-wrap .integrations-title {
    font-size: clamp(23px, 2.2vw, 40px);
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: 0;
    margin-bottom: 24px;
}

.integrations-wrap .integrations-desc {
    font-size: clamp(17px, 1.75vw, 20px);
    font-weight: 500;
    line-height: 1.55;
}
.integrations-wrap .integrations-img {
    width: 100%;
    object-fit: cover;
    object-position: center;
    max-width: 643px;
    padding-top: clamp(27px, 3vw, 56px);
}
/* ======================= >> Integrations Section Close Here << ======================= */

/* ======================= >> Smart Transform Section Start Here << ======================= */
.smart-transform-sec {
    padding-block: clamp(40px, 6.4vw, 120px);
}
.smart-transform-sec .smart-transform-wrap {
    --gap: clamp(15px, 4vw, 60px);
}

.smart-transform-wrap .smart-transform-content {
    padding-right: var(--gap);
}

.smart-transform-wrap .smart-transform-img {
    padding-left: var(--gap);
}
.smart-transform-wrap .smart-transform-img img {
    width: 100%;
    object-fit: cover;
    object-position: center;
}
.smart-transform-content .smart-transform-heading {
    font-size: clamp(25px, 2vw, 37px);
    width: 350px;
    font-weight: 600;
    line-height: 1.25;
    display: inline;
    margin: 0;
}
.smart-transform-content .smart-transform-desc {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.55;
    padding-top: clamp(15px, 1.5vw, 20px);
}
@media(max-width: 992px){
    .smart-transform-wrap .smart-transform-content {
        padding-right: 15px;
    }

    .smart-transform-wrap .smart-transform-img {
        padding-left: 15px;
    }
}
@media(max-width: 767px){
     .smart-transform-wrap .smart-transform-img {
        padding-top: 30px;
    }
}
@media(max-width: 575px){
     .smart-transform-wrap .smart-transform-img {
        padding-top: 20px;
    }
}
/* ======================= >> Smart Transform Section End Here << ======================= */
/* ======================= >> Ai Engines Section Start Here << ======================= */
.ai-engines-sec {
    padding-block: clamp(60px, 6.3vw, 120px);
}

.ai-engines-sec .ai-engines-wrap {
    max-width: 1180px;
    margin-inline: auto;
}

.ai-engines-heading.text-white.text-center {
    font-size: clamp(26px, 2.5vw, 37px);
    font-weight: 600;
    line-height: 1.2;
    margin: 0;
}
.ai-engines-desc {
    font-size: clamp(16px, 1.75vw, 18px);
    font-weight: 500;
    line-height: 1.55;
    margin: 0;
     padding-bottom: clamp(50px, 5.2vw, 100px);
    padding-top: clamp(16px, 1.5vw, 20px);
}
.ai-engines-wrap .ai-engines-list-wrap {
    overflow: hidden;
}
.ai-track-1, .ai-track-2 {
  display: flex;
  flex-wrap: nowrap;
  gap: clamp(20px, 2vw, 46px); 
}

.ai-track-1 .slide, .ai-track-2 .slide {
  flex: 0 0 auto; 
}

.ai-track-1 {
  animation: slideLeft 20s linear infinite;
  transition: 0.5s linear;
}

.ai-track-2 {
  margin-top: 20px;
  animation: slideRight 20s linear infinite;
  transition: 0.5s linear;
}

@keyframes slideLeft {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%); 
  }
}

@keyframes slideRight {
  0% {
    transform: translateX(-50%);
  }
  100% {
    transform: translateX(0);
  }
}
.ai-engines-list-wrap {
    position: relative;
}
.ai-engines-list-wrap::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 500px;
    height: 100%;
    background: #1F0D35;
    background: linear-gradient(to right, #1F0D35 30%, rgba(240,240,240,0));
     z-index: 2;
    filter: blur(7);
}

/* Right Blur */
.ai-engines-list-wrap::after {
  content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 500px;
    height: 100%;
    background: #1F0D35;
    background: linear-gradient(to left, #1F0D35 30%, rgba(240,240,240,0));
    z-index: 2;
    filter: blur(7);
}
.ai-track-1 img, .ai-track-2 img {
    width: 100%;
    object-position: center;
    max-width: 100px;
    object-fit: contain;
}
@media(max-width: 1199px){
    .ai-engines-list-wrap::after, .ai-engines-list-wrap::before {
    width: 400px;
}
}
@media(max-width: 991px){
    .ai-engines-list-wrap::after, .ai-engines-list-wrap::before {
    width: 300px;
}
.ai-track-1 img, .ai-track-2 img {
    max-width: 80px;
}

}
@media(max-width: 767px){
    .ai-engines-list-wrap::after, .ai-engines-list-wrap::before {
    width: 140px;
}
.ai-track-1 img, .ai-track-2 img {
    max-width: 60px;
}   
}
@media(max-width: 575px){
    .ai-engines-list-wrap::after, .ai-engines-list-wrap::before {
    width: 100px;
}
.ai-track-1, .ai-track-2 {
    gap: 15px;
}
}
/* ======================= >> Ai Engines Section Close Here << ======================= */

/* ======================= >> Ai Powered Section Start Here << ======================= */
.ai-powered-sec {
    padding-block: clamp(60px, 6.3vw, 120px);
}
.ai-powered-heading-wrap .ai-powered-heading {
    font-size: clamp(26px, 2.5vw, 37px);
    font-weight: 600;
    line-height: 1.2;
    margin: 0;
}
.ai-powered-heading-wrap .ai-powered-desc{
    font-size: clamp(16px, 1.75vw, 18px);
    font-weight: 500;
    line-height: 1.55;
    padding-bottom: clamp(26px, 3.2vw, 60px);
    padding-top: clamp(16px, 1.5vw, 20px);
}
.ai-powered-sec .ai-powered-wrap {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: clamp(32px, 4vw, 60px) clamp(16px, 2vw, 32px);
}
.ai-powered-items img {
    width: 100%;
    max-width: 50px;
    object-fit: contain;
    object-position: center;
}

.ai-powered-items .ai-powered-sub-heading {
    font-size: clamp(19px, 1.75vw, 22px);
    padding-block: 24px;
    margin: 0;
    font-weight: 600;
    line-height: 1.2;
}

.ai-powered-items .ai-powered-sub-desc {
    font-size: clamp(14px, 1.5vw, 16px);
    font-weight: 400;
    line-height: 1.55;
    margin: 0;
}
@media(max-width: 991px){
    .ai-powered-items .ai-powered-sub-heading {
    padding-block: 20px;
}
/* ======================= >> Automation Global CSS Close Here << ======================= */
/* ======================= >> Automation banner start here << ======================= */
.automation-banner {
    padding-block: 80px;
    padding-top: 172px;
    
}
.automation-banner .automation-wrap {
    --gap: clamp(15px, 3vw, 45px);
}

.automation-wrap .automation-content {
    padding-right: var(--gap);
}

.automation-wrap .automation-img {
    padding-left: var(--gap);
}
 .automation-content .automation-title {
    font-weight: 700;
}
.automation-img img {
    width: 100%;
    object-fit: cover;
    object-position: center;
}
/* Large screens */
.automation-content .automation-title {
  font-size: 130px;
  font-weight: 700;
}

/* ≤ 1599px */
@media (max-width: 1599px) {
  .automation-content .automation-title {
    font-size: 115px;
  }
  .automation-banner {
    padding-block: 70px;
    padding-top: 160px;
  }
}

/* ≤ 1399px */
@media (max-width: 1399px) {
  .automation-content .automation-title {
    font-size: 90px;
  }
   .automation-banner {
    padding-top: 140px;
  }
}

/* ≤ 1199px */
@media (max-width: 1199px) {
  .automation-content .automation-title {
    font-size: 80px;
  }
}

@media (max-width: 991px) {
  .automation-content .automation-title {
    font-size: 60px;
  }
}

@media (max-width: 767px) {
  .automation-content .automation-title {
    font-size: 45px;
  }
}

@media (max-width: 575px) {
  .automation-content .automation-title {
    font-size: 30px;
  }
}
/* ======================= >> Automation banner Close here << ======================= */
/* ======================= >> Integrations Section Start Here << ======================= */
.integrations-sec {
    position: relative;
    z-index: 1;
}   
.integrations-sec::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
     z-index: -1;
    height: 100%;
    background-image: url('../images/integrations-radiual-image.png');
    background-repeat: no-repeat;
}
.integrations-sec::before {
    content: '';
    position: absolute;
    bottom: 0;
    z-index: -1;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: url('../images/integrations-radiual-image-right.png');
    background-position: right bottom;
    background-repeat: no-repeat;
}
.integrations-sec .integrations-wrap {
    text-align: center;
     padding-top: clamp(40px, 5.3vw, 100px);
    padding-bottom: clamp(40px,4vw, 70px);
}

.integrations-wrap .integrations-title {
    font-size: clamp(25px, 2.2vw, 40px);
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: 0;
    margin-bottom: 24px;
}


.integrations-wrap .integrations-img {
    width: 100%;
    object-fit: cover;
    object-position: center;
    max-width: 643px;
    padding-top: clamp(27px, 3vw, 56px);
}
/* ======================= >> Integrations Section Close Here << ======================= */

/* ======================= >> Smart Transform Section Start Here << ======================= */
.smart-transform-sec {
    padding-block: clamp(40px, 6.4vw, 120px);
}
.smart-transform-sec .smart-transform-wrap {
    --gap: clamp(15px, 4vw, 60px);
}

.smart-transform-wrap .smart-transform-content {
    padding-right: var(--gap);
}

.smart-transform-wrap .smart-transform-img {
    padding-left: var(--gap);
}
.smart-transform-wrap .smart-transform-img img {
    width: 100%;
    object-fit: cover;
    object-position: center;
}
.smart-transform-content .smart-transform-heading {
    font-size: clamp(26px, 2.5vw, 37px);
    width: 350px;
    font-weight: 600;
    line-height: 1.2;
    display: inline;
    margin: 0;
}
.smart-transform-content .smart-transform-desc {
    font-size: clamp(16px, 1.75vw, 18px);
    font-weight: 500;
    line-height: 1.55;
    padding-top: clamp(10px, 1.5vw, 20px);
}
@media(max-width: 992px){
    .smart-transform-wrap .smart-transform-content {
        padding-right: 15px;
    }

    .smart-transform-wrap .smart-transform-img {
        padding-left: 15px;
    }
}
@media(max-width: 767px){
     .smart-transform-wrap .smart-transform-img {
        padding-top: 30px;
    }
}
@media(max-width: 575px){
}
}
@media(max-width: 767px){
    .ai-powered-sec .ai-powered-wrap {
        grid-template-columns: repeat(1, 1fr);
    }
}
/* ======================= >> Ai Powered Section Close Here << ======================= */
/* ======================= >> Ai Voiceover Banner start  Here << ======================= */

.ai-voiceover-wrap {
    --gap: clamp(15px, 1.9vw, 36px);
}
.ai-voiceover-wrap .automation-title {
    white-space: nowrap;
}
.ai-voiceover-wrap .automation-content {
    padding-right: var(--gap);
}
.ai-voiceover-wrap .automation-img {
    padding-left: var(--gap);
}
/* ======================= >> Quality Section Start Here << ======================= */
.quality-wrap .quality-list-wrap {
    box-shadow: 0px 8px 20px 0px #923B4B29;
    border: 1px solid #FFFFFF66;
    border-radius: 32px;
    padding: 20px;
    background: #FFFFFF14;
}
.quality-list-wrap .quality-challenges-heading {
    font-size: clamp(25px, 2.4vw, 32px);
    margin: 0;
    padding-bottom: 20px;
    font-weight: 700;
}

.quality-list-wrap .quality-challenges {
    list-style: none;
    padding: 0;
    margin: 0;
}

.quality-challenges .quality-challenges-items:not(:last-child) {
    padding-bottom: 24px;
}
.quality-challenges-items .quality-challenges-sub-heading {
    font-size: clamp(19px, 2vw, 22px);
    font-weight: 700;
    margin: 0;
    padding-bottom: 12px;
    padding-left: 30px;
    line-height: 1.2;
    background-image: url('../images/check-icon.svg');
    background-size: 20px;
    background-position: left top 2px;
    background-repeat: no-repeat;
}
.quality-content .quality-desc, .managed-content .quality-desc {
    font-weight: 600;
    line-height: 1.55;
}
.quality-challenges-items .quality-challenges-sub-desc {
    margin: 0;
    padding: 0;
    font-size: clamp(14px, 1.5vw, 16px);
    line-height: 1.55;
    font-weight: 600;
}
@media(max-width: 991px){
    .quality-wrap .smart-transform-img {
        padding-top: 30px;
    }
    .quality-challenges .quality-challenges-items:not(:last-child) {
        padding-bottom: 18px;
    }
}
@media(max-width: 767px){
    .quality-wrap .smart-transform-img {
        padding-top: 20px;
    }
    .quality-challenges .quality-challenges-items:not(:last-child) {
        padding-bottom: 15px;
    }
}
/* ======================= >> Quality Section Close Here << ======================= */
/* ======================= >> Managed AI Section Start Here << ======================= */
.quality-wrap .managed-list {
    padding-right: var(--gap);
}

.quality-wrap .managed-content {
    padding-left: var(--gap);
}
@media(max-width: 991px){
    .quality-wrap .managed-list {
    padding-right: 15px;
}

.quality-wrap .managed-content {
    padding-left: 15px;
    padding-top: 30px;
}
}
@media(max-width: 767px){
    .quality-wrap .managed-content {
        padding-top: 20px;
    }
}
/* ======================= >> Managed AI Section Close Here << ======================= */
/* ======================= >> Use Cases Section Start Here << ======================= */
.use-cases-sec .use-cases-wrap {
    --gap: clamp(15px, 4vw, 60px);
}

.use-cases-wrap .use-cases-content {
    padding-right: var(--gap);
}

.use-cases-wrap .use-case-img {
    padding-left: var(--gap);
}
.use-cases-sec .use-cases-wrap {
    --gap: clamp(15px, 4vw, 60px);
}

.use-cases-wrap .use-cases-content {
    padding-right: var(--gap);
}

.use-cases-wrap .use-case-img {
    padding-left: var(--gap);
}

.use-cases-content .use-cases-heading {
    padding-bottom: clamp(20px, 1.57vw, 30px);
}

.use-cases-content .use-cases-box:first-child {
    padding-bottom: 30px;
}

.use-cases-content .use-cases-box:not(:last-child) {
    padding-bottom: clamp(20px, 1.57vw, 30px);
}

.use-cases-box .use-cases-sub-heading {
    font-size: clamp(21px, 2vw, 24px);
    font-weight: 600;
    margin: 0;
    padding: 0;
    line-height: 1.3;
    padding-bottom: 12px;
}

.use-cases-box .use-cases-sub-desc {
    font-size: clamp(16px, 1.5vw, 18px);
    font-weight: 500;
    line-height: 1.56;
    margin: 0;
    padding: 0;
}
.use-case-img img {
    width: 100%;
    object-fit: contain;
    object-position: center;
    max-width: 100%;
}
@media(max-width: 991px){

.use-cases-wrap .use-cases-content {
    padding-right: 15px;
}

.use-cases-wrap .use-case-img {
    padding-left: 15px;
    padding-top: 30px;
}
}
/* ======================= >> Use Cases Section Close Here << ======================= */

/* ======================= >> Why Choose Section Start Here << ======================= */
.why-choose-sec .why-choose-wrap {
    padding-top: clamp(30px, 2.3vw, 40px);
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: clamp(15px, 1.57vw, 30px);
}

.why-choose-wrap .why-choose-box {
    box-shadow: 0px 2px 20px 0px #B3B3B31A inset;
    border: 1px solid #FFFFFF66;
    background: #FFFFFF12;
    border-radius: 12px;
    transition: 0.3s linear;
    cursor: pointer;
    padding: 18px;
}
.why-choose-wrap .why-choose-box:hover {
    transform: translateY(-3px);
    box-shadow: 0 0 5px #dddddd7a;
}
.why-choose-box img {
    width: 100%;
    max-width: 50px;
    object-fit: contain;
    object-position: center;
}

.why-choose-box .why-choose-sub-heading {
    font-size: clamp(19px, 2vw, 24px);
    font-weight: 600;
    line-height: 1.3;
    padding-block: clamp(10px, 1.3vw, 20px);
    text-transform: uppercase;
    margin: 0;
}

.why-choose-box .why-choose-sub-desc {
    margin: 0;
    padding: 0;
    font-size: clamp(14px, 1.5vw, 16px);
    font-weight: 400;
    line-height: 1.55;
}
@media(max-width: 767px){
    .why-choose-sec .why-choose-wrap {
        grid-template-columns: repeat(1, 1fr);
    }
}
/* ======================= >> Why Choose Section Close Here << ======================= */
/* ======================= >> AI Voices Section Start Here << ======================= */
.ai-voices-sec .ai-voices-wrap {
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    text-align: center;
}

.ai-voices-wrap .ai-voices-btn {
    background-color: var(--text-color-orange);
    padding: 17.5px 44px 17px 35px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    border-radius: 16px;
    display: inline-block;
    cursor: pointer;
    position: relative;
    line-height: 1.3;
    transition: 0.4s linear;
    letter-spacing: 0.3px;
    margin-top: clamp(20px, 2.2vw, 40px);
}
.ai-voices-wrap .ai-voices-btn::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 25px;
    transform: translateY(-50%);
    width: 18px;
    background-size: contain;
    height: 17px;
    background-image: url(
    '../images/right.svg');
    background-repeat: no-repeat;
    background-position: right  center;
}

.ai-voices-wrap .ai-voices-btn:hover{
    background-color: #FF7E43;
}
@media(max-width: 991px){
    .ai-voices-sec .ai-voices-wrap {
        max-width: 100%;
    }
}
/* ======================= >> AI Voices Section Close Here << ======================= */