/* ******************************************************************************************** */
/* AI Receptionist Hero PAGE */
@media (max-width: 1199px) {
  .Recp-hero-content h1 {
    font-size: 44px;
  }
  .Recp-hero-content h3 {
    font-size: 21px;
  }
  .Recp-hero-badge {
    width: 360px;
    padding: 18px 22px;
    height: 100px;
  }
  .Recp-hero-img {
    width: 600px;
  }
  .Recp-badge-text p {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  .Recp-hero-col {
    width: 100%;
  }
  .Recp-hero-content {
    min-height: auto;
    text-align: center;
    align-items: center;
    padding-bottom: 40px;
  }
  .Recp-hero-cta {
    justify-content: center;
  }
  .Recp-hero-features {
    justify-content: center;
    display: flex;
    flex-direction: row;
  }
  .Recp-hero-visual {
    margin-top: 0px;
  }
  .Recp-hero-img {
    margin-top: -25px;
    width: 500px;
  }
  .Recp-hero-badge {
    height: 96px;
    margin-top: -10px;
    margin-left: 13px;
  }
}
@media (max-width: 767px) {
  .Recp-hero {
    padding: 40px 0;
  }
  .Recp-hero-content h1 {
    font-size: 34px;
  }
  .Recp-hero-content h3 {
    font-size: 18px;
  }
  .Recp-hero-desc {
    font-size: 15px;
  }
  .Recp-hero-cta {
    flex-direction: column;
    align-items: center;
    padding: 24px 0;
    display: flex;
    justify-content: center;
  }
  .Recp-btn-primary {
    max-width: 400px;
    height: 58px;
    font-size: 16px;
    padding: 10px 10px;
  }
  .Recp-hero-features {
    gap: 12px;
  }
  .Recp-hero-img {
    margin-top: -25px;
    width: 400px;
  }
  .Recp-hero-badge {
    width: 70%;
    padding: 16px 18px;
    gap: 16px;
    height: 78px;
    margin-top: -20px;
  }
  .Recp-badge-icon {
    width: 44px;
    height: 44px;
    padding: 10px;
  }
  .Recp-badge-text h6 {
    font-size: 16px;
  }
  .Recp-badge-text p {
    font-size: 13px;
  }
}
@media (max-width: 480px) {
  .Recp-container {
    padding: 0 16px;
  }
  .Recp-hero-content h1 {
    font-size: 28px;
  }
  .Recp-hero-content h3 {
    font-size: 16px;
    margin-bottom: 14px;
  }
  .Recp-hero-desc {
    font-size: 14px;
    line-height: 1.7;
  }
  .Recp-hero-img {
    margin-bottom: 80px;
  }
  .Recp-hero-badge {
    top: 96%;
    padding: 14px;
    gap: 12px;
    border-radius: 16px;
  }
  .Recp-hero-features {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
@media (max-width: 380px) {
  .Recp-container {
    padding: 0 16px;
  }
  .Recp-hero-content h1 {
    font-size: 28px;
  }
  .Recp-hero-content h3 {
    font-size: 16px;
    margin-bottom: 14px;
  }
  .Recp-hero-desc {
    font-size: 14px;
    line-height: 1.7;
  }
  .Recp-hero-img {
    margin-top: -20px;
    width: 330px;
  }
  .Recp-hero-badge {
    top: 96%;
    padding: 14px;
    gap: 12px;
    border-radius: 16px;
    width: 240px;
  }
  .Recp-hero-features {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
/* Hero sectiom ends here */

/* AICustomized Automation Hero PAGE */
@media (max-width: 1199px) {
  .AICUST-hero-content h1 {
    font-size: 44px;
  }
  .AICUST-hero-content h3 {
    font-size: 21px;
  }
  .AICUST-hero-badge {
    width: 360px;
    padding: 18px 22px;
    height: 100px;
  }
  .AICUST-hero-img {
    width: 600px;
  }
  .AICUST-badge-text p {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  .AICUST-hero-col {
    width: 100%;
  }
  .AICUST-hero-content {
    min-height: auto;
    text-align: center;
    align-items: center;
    padding-bottom: 40px;
  }
  .AICUST-hero-cta {
    justify-content: center;
  }
  .AICUST-hero-features {
    justify-content: center;
    display: flex;
    flex-direction: row;
  }
  .AICUST-hero-visual {
    margin-top: 0px;
  }
  .AICUST-hero-img {
    margin-top: -25px;
    width: 500px;
  }
  .AICUST-hero-badge {
    height: 96px;
    margin-top: -10px;
    margin-left: 13px;
  }
  .AICUST-btn-primary {
    width: 100%;
    max-width: 600px;
    height: 58px;
    font-size: 16px;
    padding: 10px 30px;
  }
}
@media (max-width: 767px) {
  .AICUST-hero {
    padding: 40px 0;
  }
  .AICUST-hero-content h1 {
    font-size: 34px;
  }
  .AICUST-hero-content h3 {
    font-size: 18px;
  }
  .AICUST-hero-desc {
    font-size: 15px;
  }
  .AICUST-hero-cta {
    flex-direction: column;
    align-items: center;
    padding: 24px 0;
    display: flex;
    justify-content: center;
  }
  .AICUST-btn-primary {
    max-width: 400px;
    height: 58px;
    font-size: 16px;
    padding: 10px 10px;
  }
  .AICUST-hero-features {
    gap: 12px;
  }
  .AICUST-hero-img {
    margin-top: -25px;
    width: 400px;
  }
  .AICUST-hero-badge {
    width: 70%;
    padding: 16px 18px;
    gap: 16px;
    height: 78px;
    margin-top: -20px;
  }
  .AICUST-badge-icon {
    width: 44px;
    height: 44px;
    padding: 10px;
  }
  .AICUST-badge-text h6 {
    font-size: 16px;
  }
  .AICUST-badge-text p {
    font-size: 13px;
  }
}
@media (max-width: 480px) {
  .RecpAICUST-container {
    padding: 0 16px;
  }
  .RecpAICUST-hero-content h1 {
    font-size: 28px;
  }
  .RecpAICUST-hero-content h3 {
    font-size: 16px;
    margin-bottom: 14px;
  }
  .RecpAICUST-hero-desc {
    font-size: 14px;
    line-height: 1.7;
  }
  .RecpAICUST-hero-img {
    margin-bottom: 80px;
  }
  .RecpAICUST-hero-badge {
    top: 96%;
    padding: 14px;
    gap: 12px;
    border-radius: 16px;
  }
  .AICUST-hero-features {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
@media (max-width: 380px) {
  .AICUST-container {
    padding: 0 16px;
  }
  .AICUST-hero-content h1 {
    font-size: 28px;
  }
  .AICUST-hero-content h3 {
    font-size: 16px;
    margin-bottom: 14px;
  }
  .AICUST-hero-desc {
    font-size: 14px;
    line-height: 1.7;
  }
  .AICUST-hero-img {
    margin-top: -20px;
    width: 330px;
  }
  .AICUST-hero-badge {
    top: 88%;
    padding: 14px;
    gap: 12px;
    border-radius: 16px;
    width: 240px;
  }
  .AICUST-hero-features {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .AICUST-feature-item h5 {
    font-size: 14px;
  }
}
/* Hero sectiom */

/* AIEmail Hero PAGE */
@media (max-width: 1199px) {
  .AIEmail-hero-content h1 {
    font-size: 44px;
  }
  .AIEmail-hero-content h3 {
    font-size: 21px;
  }
  .AIEmail-hero-badge {
    width: 360px;
    padding: 18px 22px;
    height: 100px;
  }
  .AIEmail-hero-img {
    width: 600px;
  }
  .AIEmail-badge-text p {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  .AIEmail-hero-col {
    width: 100%;
  }
  .AIEmail-hero-content {
    min-height: auto;
    text-align: center;
    align-items: center;
    padding-bottom: 40px;
  }
  .AIEmail-hero-cta {
    justify-content: center;
  }
  .AIEmail-hero-features {
    justify-content: center;
    display: flex;
    flex-direction: row;
  }
  .AIEmail-hero-visual {
    margin-top: 0px;
  }
  .AIEmail-hero-img {
    margin-top: -25px;
    width: 500px;
  }
  .AIEmail-hero-badge {
    height: 96px;
    margin-top: -10px;
    margin-left: 13px;
  }
  .AIEmail-btn-primary {
    width: 100%;
    max-width: 600px;
    height: 58px;
    font-size: 16px;
    padding: 10px 30px;
  }
}
@media (max-width: 767px) {
  .AIEmail-hero {
    padding: 40px 0;
  }
  .AIEmail-hero-content h1 {
    font-size: 34px;
  }
  .AIEmail-hero-content h3 {
    font-size: 18px;
  }
  .AIEmail-hero-desc {
    font-size: 15px;
  }
  .AIEmail-hero-cta {
    flex-direction: column;
    align-items: center;
    padding: 24px 0;
    display: flex;
    justify-content: center;
  }
  .AIEmail-btn-primary {
    max-width: 400px;
    height: 58px;
    font-size: 16px;
    padding: 10px 10px;
  }
  .AIEmail-hero-features {
    gap: 12px;
  }
  .AIEmail-hero-img {
    margin-top: -25px;
    width: 400px;
  }
  .AIEmail-hero-badge {
    width: 70%;
    padding: 16px 18px;
    gap: 16px;
    height: 78px;
    margin-top: -20px;
  }
  .AIEmail-badge-icon {
    width: 44px;
    height: 44px;
    padding: 10px;
  }
  .AIEmail-badge-text h6 {
    font-size: 16px;
  }
  .AIEmail-badge-text p {
    font-size: 13px;
  }
}
@media (max-width: 480px) {
  .AIEmail-container {
    padding: 0 16px;
  }
  .AIEmail-hero-content h1 {
    font-size: 28px;
  }
  .AIEmail-hero-content h3 {
    font-size: 16px;
    margin-bottom: 14px;
  }
  .AIEmail-hero-desc {
    font-size: 14px;
    line-height: 1.7;
  }
  .AIEmail-hero-img {
    margin-bottom: 80px;
  }
  .AIEmail-hero-badge {
    top: 96%;
    padding: 14px;
    gap: 12px;
    border-radius: 16px;
  }
  .AIEmail-hero-features {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
@media (max-width: 380px) {
  .AIEmail-container {
    padding: 0 16px;
  }
  .AIEmail-hero-content h1 {
    font-size: 28px;
  }
  .AIEmail-hero-content h3 {
    font-size: 16px;
    margin-bottom: 14px;
  }
  .AIEmail-hero-desc {
    font-size: 14px;
    line-height: 1.7;
  }
  .AIEmail-hero-img {
    margin-top: -20px;
    width: 330px;
  }
  .AIEmail-hero-badge {
    top: 95%;
    padding: 14px;
    gap: 12px;
    border-radius: 16px;
    width: 240px;
  }
  .AIEmail-hero-features {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .AIEmail-feature-item h5 {
    font-size: 14px;
  }
  .AIEmail-btn-primary {
    max-width: 360px;
    width: 100%;
    padding: 15px 30px;
  }
}
/* Hero sectiom */

/* AIChat Bot Hero PAGE */
@media (max-width: 1199px) {
  .AIChat-hero-content h1 {
    font-size: 44px;
  }
  .AIChat-hero-content h3 {
    font-size: 21px;
  }
  .AIChat-hero-badge {
    width: 360px;
    padding: 18px 22px;
    height: 100px;
  }
  .AIChat-hero-img {
    width: 600px;
  }
  .AIChat-badge-text p {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  .AIChat-hero-col {
    width: 100%;
  }
  .AIChat-hero-content {
    min-height: auto;
    text-align: center;
    align-items: center;
    padding-bottom: 40px;
  }
  .AIChat-hero-cta {
    justify-content: center;
  }
  .AIChat-hero-features {
    justify-content: center;
    display: flex;
    flex-direction: row;
  }
  .AIChat-hero-visual {
    margin-top: 0px;
  }
  .AIChat-hero-img {
    margin-top: -25px;
    width: 500px;
  }
  .AIChat-hero-badge {
    height: 96px;
    margin-top: -10px;
    margin-left: 13px;
  }
  .AIChat-btn-primary {
    width: 100%;
    max-width: 600px;
    height: 58px;
    font-size: 16px;
    padding: 10px 30px;
  }
}
@media (max-width: 767px) {
  .AIChat-hero {
    padding: 40px 0;
  }
  .AIChat-hero-content h1 {
    font-size: 34px;
  }
  .AIChat-hero-content h3 {
    font-size: 18px;
  }
  .AIChat-hero-desc {
    font-size: 15px;
  }
  .AIChat-hero-cta {
    flex-direction: column;
    align-items: center;
    padding: 24px 0;
    display: flex;
    justify-content: center;
  }
  .AIChat-btn-primary {
    max-width: 400px;
    height: 58px;
    font-size: 16px;
    padding: 10px 10px;
  }
  .AIChat-hero-features {
    gap: 12px;
  }
  .AIChat-hero-img {
    margin-top: -25px;
    width: 400px;
  }
  .AIChat-hero-badge {
    width: 70%;
    padding: 16px 18px;
    gap: 16px;
    height: 78px;
    margin-top: -20px;
  }
  .AIChat-badge-icon {
    width: 44px;
    height: 44px;
    padding: 10px;
  }
  .AIChat-badge-text h6 {
    font-size: 16px;
  }
  .AIChat-badge-text p {
    font-size: 13px;
  }
}
@media (max-width: 480px) {
  .AIChat-container {
    padding: 0 16px;
  }
  .AIChat-hero-content h1 {
    font-size: 28px;
  }
  .AIChat-hero-content h3 {
    font-size: 16px;
    margin-bottom: 14px;
  }
  .AIChat-hero-desc {
    font-size: 14px;
    line-height: 1.7;
  }
  .AIChat-hero-img {
    margin-bottom: 80px;
  }
  .AIChat-hero-badge {
    top: 96%;
    padding: 14px;
    gap: 12px;
    border-radius: 16px;
  }
  .AIChat-hero-features {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
@media (max-width: 380px) {
  .AIChat-container {
    padding: 0 16px;
  }
  .AIChat-hero-content h1 {
    font-size: 28px;
  }
  .AIChat-hero-content h3 {
    font-size: 16px;
    margin-bottom: 14px;
  }
  .AIChat-hero-desc {
    font-size: 14px;
    line-height: 1.7;
  }
  .AIChat-hero-img {
    margin-top: -20px;
    width: 330px;
  }
  .AIChat-hero-badge {
    top: 95%;
    padding: 14px;
    gap: 12px;
    border-radius: 16px;
    width: 240px;
  }
  .AIChat-hero-features {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .AIChat-feature-item h5 {
    font-size: 14px;
  }
}
/* Ends AIChat Bot Hero PAGE */

/* AISEO PAGE HERO */
@media (max-width: 1199px) {
  .aiw-hero-content h1 {
    font-size: 44px;
  }
  .aiw-hero-content h3 {
    font-size: 21px;
  }
  .aiw-hero-badge {
    width: 360px;
    padding: 18px 22px;
    height: 100px;
  }
  .aiw-hero-img {
    width: 600px;
  }
  .aiw-badge-text p {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  .aiw-hero-col {
    width: 100%;
  }
  .aiw-hero-content {
    min-height: auto;
    text-align: center;
    align-items: center;
    padding-bottom: 40px;
  }
  .aiw-hero-cta {
    justify-content: center;
  }
  .aiw-hero-features {
    justify-content: center;
    display: flex;
    flex-direction: row;
  }
  .aiw-hero-visual {
    margin-top: 0px;
  }
  .aiw-hero-img {
    margin-top: -25px;
    width: 500px;
  }
  .aiw-hero-badge {
    height: 96px;
    margin-top: -10px;
    margin-left: 13px;
  }
}
@media (max-width: 767px) {
  .aiw-hero {
    padding: 40px 0;
  }
  .aiw-hero-content h1 {
    font-size: 34px;
  }
  .aiw-hero-content h3 {
    font-size: 18px;
  }
  .aiw-hero-desc {
    font-size: 15px;
  }
  .aiw-hero-cta {
    flex-direction: column;
    align-items: center;
    padding: 24px 0;
    display: flex;
    justify-content: center;
  }
  .aiw-btn-primary {
    max-width: 400px;
    height: 58px;
    font-size: 16px;
    padding: 10px 10px;
  }
  .aiw-hero-features {
    gap: 12px;
  }
  .aiw-hero-img {
    margin-top: -25px;
    width: 400px;
  }
  .aiw-hero-badge {
    width: 70%;
    padding: 16px 18px;
    gap: 16px;
    height: 78px;
    margin-top: -20px;
  }
  .aiw-badge-icon {
    width: 44px;
    height: 44px;
    padding: 10px;
  }
  .aiw-badge-text h6 {
    font-size: 16px;
  }
  .aiw-badge-text p {
    font-size: 13px;
  }
}
@media (max-width: 480px) {
  .aiw-container {
    padding: 0 16px;
  }
  .aiw-hero-content h1 {
    font-size: 28px;
  }
  .aiw-hero-content h3 {
    font-size: 16px;
    margin-bottom: 14px;
  }
  .aiw-hero-desc {
    font-size: 14px;
    line-height: 1.7;
  }
  .aiw-hero-img {
    margin-bottom: 80px;
  }
  .aiw-hero-badge {
    top: 96%;
    padding: 14px;
    gap: 12px;
    border-radius: 16px;
  }
  .aiw-hero-features {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
@media (max-width: 380px) {
  .aiw-container {
    padding: 0 16px;
  }
  .aiw-hero-content h1 {
    font-size: 28px;
  }
  .aiw-hero-content h3 {
    font-size: 16px;
    margin-bottom: 14px;
  }
  .aiw-hero-desc {
    font-size: 14px;
    line-height: 1.7;
  }
  .aiw-hero-img {
    margin-top: -20px;
    width: 330px;
  }
  .aiw-hero-badge {
    top: 96%;
    padding: 14px;
    gap: 12px;
    border-radius: 16px;
    width: 240px;
  }
  .aiw-hero-features {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
/* ENDS HERE */

/* AISMS PAGE HERO */
@media (max-width: 1199px) {
  .AISMS-hero-content h1 {
    font-size: 44px;
  }
  .AISMS-hero-content h3 {
    font-size: 21px;
  }
  .AISMS-hero-badge {
    width: 360px;
    padding: 18px 22px;
    height: 100px;
  }
  .AISMS-hero-img {
    width: 600px;
  }
  .AISMS-badge-text p {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  .AISMS-hero-col {
    width: 100%;
  }
  .AISMS-hero-content {
    min-height: auto;
    text-align: center;
    align-items: center;
    padding-bottom: 40px;
  }
  .AISMS-hero-cta {
    justify-content: center;
  }
  .AISMS-hero-features {
    justify-content: center;
    display: flex;
    flex-direction: row;
    margin-top: -20px;
  }
  .AISMS-hero-visual {
    margin-top: 0px;
  }
  .AISMS-hero-img {
    margin-top: -25px;
    width: 500px;
  }
  .AISMS-hero-badge {
    height: 96px;
    margin-top: -10px;
    margin-left: 13px;
  }
  .AISMS-hero-cta {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
@media (max-width: 767px) {
  .AISMS-hero {
    padding: 40px 0;
  }
  .AISMS-hero-content h1 {
    font-size: 34px;
  }
  .AISMS-hero-content h3 {
    font-size: 18px;
  }
  .AISMS-hero-desc {
    font-size: 15px;
  }
  .AISMS-hero-cta {
    flex-direction: column;
    align-items: center;
    padding: 24px 0;
    display: flex;
    justify-content: center;
  }
  .AISMS-btn-primary {
    max-width: 400px;
    height: 58px;
    font-size: 16px;
    padding: 10px 10px;
  }
  .AISMS-hero-features {
    gap: 12px;
  }
  .AISMS-hero-img {
    margin-top: -25px;
    width: 400px;
  }
  .AISMS-hero-badge {
    width: 70%;
    padding: 16px 18px;
    gap: 16px;
    height: 78px;
    margin-top: -20px;
  }
  .AISMS-badge-icon {
    width: 44px;
    height: 44px;
    padding: 10px;
  }
  .AISMS-badge-text h6 {
    font-size: 16px;
  }
  .AISMS-badge-text p {
    font-size: 13px;
  }
}
@media (max-width: 480px) {
  .AISMS-container {
    padding: 0 16px;
  }
  .AISMS-hero-content h1 {
    font-size: 28px;
  }
  .AISMS-hero-content h3 {
    font-size: 16px;
    margin-bottom: 14px;
  }
  .AISMS-hero-desc {
    font-size: 14px;
    line-height: 1.7;
  }
  .AISMS-hero-img {
    margin-bottom: 80px;
  }
  .AISMS-hero-badge {
    top: 96%;
    padding: 14px;
    gap: 12px;
    border-radius: 16px;
  }
  .AISMS-hero-features {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .b-pone {
    font-size: 12px;
  }
  .btn-h {
    font-size: 15px;
  }
}
@media (max-width: 380px) {
  .AISMS-container {
    padding: 0 16px;
  }
  .AISMS-hero-content h1 {
    font-size: 28px;
  }
  .AISMS-hero-content h3 {
    font-size: 16px;
    margin-bottom: 14px;
  }
  .AISMS-hero-desc {
    font-size: 14px;
    line-height: 1.7;
  }
  .AISMS-hero-img {
    margin-top: -20px;
    width: 330px;
  }
  .AISMS-hero-badge {
    top: 96%;
    padding: 14px;
    gap: 12px;
    border-radius: 16px;
    width: 240px;
  }
  .AISMS-hero-features {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .b-pone {
    font-size: 11px;
  }
  .btn-h {
    font-size: 14px;
  }
}
/* ENDS HERE */

/* AIAppointment PAGE HERO */
@media (max-width: 1199px) {
  .AIApp-hero-content h1 {
    font-size: 44px;
  }
  .AIApp-hero-content h3 {
    font-size: 21px;
  }
  .AIApp-hero-badge {
    width: 360px;
    padding: 18px 22px;
    height: 100px;
  }
  .AIApp-hero-img {
    width: 600px;
  }
  .AIApp-badge-text p {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  .AIApp-hero-col {
    width: 100%;
  }
  .AIApp-hero-content {
    min-height: auto;
    text-align: center;
    align-items: center;
    padding-bottom: 40px;
  }
  .AIApp-hero-cta {
    justify-content: center;
  }
  .AIApp-hero-features {
    justify-content: center;
    display: flex;
    flex-direction: row;
    margin-top: -20px;
  }
  .AIApp-hero-visual {
    margin-top: 0px;
  }
  .AIApp-hero-img {
    margin-top: -25px;
    width: 500px;
  }
  .AIApp-hero-badge {
    height: 96px;
    margin-top: -10px;
    margin-left: 13px;
  }
  .AIApp-hero-cta {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .AIApp-hero-cta {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px;
  }

  .AIApp-hero-cta{
    max-width: 1000px;
    width:600px;
  }
  .AIApp-btn-primary,
  .AIApp-btn-secondary{
    max-width: 1000px;
    width: 100%;
    padding: 20px 30px;
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .AIApp-hero {
    padding: 40px 0;
  }
  .AIApp-hero-content h1 {
    font-size: 34px;
  }
  .AIApp-hero-content h3 {
    font-size: 18px;
  }
  .AIApp-hero-desc {
    font-size: 15px;
  }
  .AIApp-hero-cta {
    flex-direction: column;
    align-items: center;
    padding: 24px 0;
    display: flex;
    justify-content: center;
  }
  .AIApp-btn-primary,
  .AIApp-btn-secondary {
    max-width: 400px;
    height: 58px;
    font-size: 16px;
    padding: 10px 10px;
  }
  .AIApp-hero-features {
    gap: 12px;
  }
  .AIApp-hero-img {
    margin-top: -25px;
    width: 400px;
  }
  .AIApp-hero-badge {
    width: 70%;
    padding: 16px 18px;
    gap: 16px;
    height: 78px;
    margin-top: -20px;
  }
  .AIApp-badge-icon {
    width: 44px;
    height: 44px;
    padding: 10px;
  }
  .AIApp-badge-text h6 {
    font-size: 16px;
  }
  .AIApp-badge-text p {
    font-size: 13px;
  }
}
@media (max-width: 480px) {
  
.b-box{
    display: grid;
    grid-template-columns: repeat(2, max-content);
    justify-content: center;
    gap:0px 10px;
}

.b-pone{
    display: flex;
    align-items: center;
    gap: 8px;
    width: fit-content;
    max-width:230px; 
}

.b-pone:nth-child(3){
    grid-column: 1 / 3;
    justify-self: center;
}
  .AIApp-container {
    padding: 0 16px;
  }
  .AIApp-hero-content h1 {
    font-size: 28px;
  }
  .AIApp-hero-content h3 {
    font-size: 16px;
    margin-bottom: 14px;
  }
  .AIApp-hero-desc {
    font-size: 14px;
    line-height: 1.7;
  }
  .AIApp-hero-img {
    margin-bottom: 80px;
  }
  .AIApp-hero-badge {
    top: 96%;
    padding: 14px;
    gap: 12px;
    border-radius: 16px;
  }
  .AIApp-hero-features {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .b-pone {
    font-size: 12px;
  }
  .btn-h {
    font-size: 15px;
  }
}
@media (max-width: 380px) {
.AIApp-btn-primary,
  .AIApp-btn-secondary{
    max-width:300px;
    padding: 20px 30px;
    font-size: 14px;
  }

  .AIApp-container {
    padding: 0 16px;
  }
  .AIApp-hero-content h1 {
    font-size: 28px;
  }
  .AIApp-hero-content h3 {
    font-size: 16px;
    margin-bottom: 14px;
  }
  .AIApp-hero-desc {
    font-size: 14px;
    line-height: 1.7;
  }
  .AIApp-hero-img {
    margin-top: -20px;
    width: 330px;
  }
  .AIApp-hero-badge {
    top: 96%;
    padding: 14px;
    gap: 12px;
    border-radius: 16px;
    width: 240px;
  }
  .AIApp-hero-features {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .b-pone {
    font-size: 11px;
  }
  .btn-h {
    font-size: 14px;
  }

.b-box{
    display: grid;
    grid-template-columns: repeat(2, max-content);
    justify-content: center;
    gap:0px 10px;
}

.b-pone{
    display: flex;
    align-items: center;
    gap: 8px;
    width: fit-content;
    max-width: 170px; /* apne hisaab se 160px, 170px, 200px kar sakte ho */
}

.b-pone:nth-child(3){
    grid-column: 1 / 3;
    justify-self: center;
}
}
/* ENDS HERE */

/* AISales agent Hero sectio Page */
@media (max-width: 1199px) {
  .AI-hero-content {
    padding-top: 60px;
  }
  .AIhero-image {
    margin-bottom: 30px;
    width: 800px;
  }
  .AIglasses-cards {
    width: 300px;
    margin-top: -80px;
  }
  .AIsts-cards {
    padding: 10px 10px;
  }
  .AIglasses-cards p {
    font-size: 16px;
  }
}
@media (min-width:772px) and (max-width:993px){

 

      .AIhero-section {
        padding: 60px 30px;
    }

    .AIhero-section .row {
        flex-direction: column;
        text-align: center;
        gap: 40px;
    }

    .AIhero-section .container-width{
        width:100%;
        padding:0 20px;
    }

    .AIhero-section .row{
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;
        row-gap:60px;
    }

    .AIhero-section .col-lg-6{
        width:100%;
        max-width:100%;
        flex:0 0 100%;
    }

    /* Left Content */

    .AI-hero-content{
        min-height:auto;
        width:100%;
        max-width:700px;
        margin:0 auto;
        padding:0;
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;
        text-align:center;
    }

    .AI-hero-content h1{
        font-size:50px;
        line-height:1.2;
        margin-bottom:18px;
    }

    .AI-hero-content h2{
        font-size:22px;
        line-height:1.5;
        margin-bottom:20px;
    }

    .AIhero-text{
        max-width:650px;
        margin:0 auto 30px !important;
        text-align:center;
    }

    /* Buttons */

    .AIS-hero-buttons{
        width:100%;
        display:flex;
        flex-direction:row;
        justify-content:center;
        align-items:center;
        flex-wrap:wrap;
        gap:16px;
        margin-bottom:35px;
    }

    .AIhd-btn,
    .AItalk-btn{
        width:260px;
        height:58px;
        font-size:15px;
    }

    /* Badge */

    .AIbadge-b{
        display:flex;
        justify-content:center;
        align-items:center;
        flex-wrap:wrap;
        gap:12px;
    }

    .AIhero-bottom{
        display:flex;
        flex-direction:column;
        justify-content:center;
        align-items:center;
        gap:18px;
        text-align:center;
    }

    /* Right Image */

    .AIhero-image-wrapper{
        width:100%;
        display:flex;
        justify-content:center;
        align-items:center;
        padding-bottom:120px;
    }

    .AIhero-image{
        width:100%;
        max-width:560px;
        transform:none;
        margin:0 auto;
    }

    /* Glass Card */

    .AIglasses-cards{
        width:380px;
        max-width:90%;
        top:60%;
        left:50%;
        transform:translate(-50%,-50%);
        padding:18px;
    }

    .AIglasses-cards p{
        font-size:18px;
    }

    /* Status Card */

    .AIsts-cards{
        width:90%;
        max-width:650px;
        left:50%;
        transform:translateX(-50%);
        bottom:0;
    }

    .AIstatus-box{
        min-height:auto;
        padding:20px;
        text-align:center;
    }

    .AIstatus-box h3{
        font-size:20px;
        margin-bottom:10px;
    }

    .AIstatus-box p{
        font-size:12px;
        line-height:1.6;
    }

    .AIstatus-box:last-child{
        border-right:none;
    }

}

/* ends here */

/*  AI-Powered-B2B  */

@media (min-width:1400px){

    .section-heading{
        max-width:900px;
    }

    .card-body-custom{
        padding:32px;
    }

}

@media (max-width:1399px){

    .section-heading{
        margin-bottom:50px;
    }

    .card-body-custom{
        padding:25px;
    }

}

@media (max-width:1199px){

    .lead-generation-section{
        padding:50px 0;
    }

    .section-heading h2{
        font-size:40px;
        line-height:50px;
    }

    .card-body-custom{
        padding:22px;
    }

    .card-body-custom h3{
        font-size:24px;
    }

    .card-body-custom p{
        max-width:100%;
    }

}

@media (max-width:991px){

    .lead-generation-section{
        padding:50px 0;
    }

    .section-heading{
        margin-bottom:40px;
        text-align:center;
    }

    .section-heading h2{
        font-size:36px;
        line-height:46px;
    }

    .section-heading p{
        max-width:700px;
        margin:auto;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    }

    .lead-card{
        margin-bottom:30px;
    }

    .card-body-custom{
        padding:22px;
    }

}

@media (max-width:767px){

    .lead-generation-section{
        padding:50px 0;
    }

    .section-heading{
        margin-bottom:35px;
    }

    .section-heading h2{
        font-size:30px;
        line-height:40px;
    }

    .section-heading p:first-of-type{
        font-size:17px;
         text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    }

    .section-heading p:last-of-type{
        font-size:15px;
        line-height:26px;
         text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    }

    .card-body-custom{
        padding:20px;
    }

    .card-body-custom h3{
        font-size:22px;
    }

    .card-body-custom p{
        font-size:15px;
        line-height:24px;
    }

}

@media (max-width:575px){

    .lead-generation-section{
        padding:45px 0;
    }

    .section-heading{
        margin-bottom:30px;
    }

    .section-heading h2{
        font-size:28px;
        line-height:38px;
    }

    .section-heading p:first-of-type{
        font-size:16px;
    }

    .section-heading p:last-of-type{
        font-size:14px;
        line-height:24px;
    }

    .card-tag{
        left:12px;
        top:12px;
        padding:6px 12px;
        font-size:12px;
    }

    .card-body-custom{
        padding:18px;
    }

    .card-body-custom h3{
        font-size:20px;
    }

    .card-body-custom p{
        font-size:14px;
        line-height:22px;
    }

}

@media (max-width:479px){

    .lead-generation-section{
        padding:40px 0;
    }

    .section-heading{
        margin-bottom:25px;
    }

    .section-heading h2{
        font-size:24px;
        line-height:34px;
    }

    .section-heading p:first-of-type{
        font-size:15px;
    }

    .section-heading p:last-of-type{
        font-size:13px;
        line-height:22px;
    }

    .lead-card{
        border-radius:16px;
    }

    .card-tag{
        left:10px;
        top:10px;
        font-size:11px;
        padding:5px 10px;
    }

    .card-body-custom{
        padding:16px;
    }

    .card-body-custom h3{
        font-size:18px;
        margin-bottom:12px;
    }

    .card-body-custom p{
        font-size:13px;
        line-height:20px;
        max-width:100%;
    }

    .card-link{
        font-size:12px;
    }

}
/* ends here */

/* Why every agents  */

@media (min-width:1400px){

    .sects-titles{
        max-width:900px;
    }

    .custom-card{
        padding:40px;
    }

    .custom-content p{
        max-width:100%;
    }

}
@media (max-width:1399px){

    .custom-card{
        padding:30px;
    }

    .sects-titles{
        margin-bottom:50px;
    }

}
@media (max-width:1199px){

    .custom-built-section{
        padding:70px 0;
    }

    .sects-titles h2{
        font-size:40px;
        line-height:48px;
    }

    .custom-card{
        padding:28px;
    }

    .custom-content h3{
        font-size:20px;
    }

    .custom-content h4{
        font-size:28px;
    }

    .custom-content p{
        max-width:100%;
    }

}
@media (max-width:991px){

    .custom-built-section{
        padding:60px 0;
    }

    .sects-titles{
        margin-bottom:40px;
        text-align:center;
    }

    .sects-titles h2{
        font-size:36px;
        line-height:44px;
    }

    .sects-titles p{
        max-width:100%;
    }

    .custom-card{
        padding:25px;
        margin-bottom:30px;
    }

    .custom-image{
        margin-bottom:25px;
    }

    .custom-content{
        text-align:center;
    }

    .custom-content p:not(.bottom-text){
        justify-content:center;
    }

}
@media (max-width:767px){

    .custom-built-section{
        padding:50px 0;
    }

    .sects-titles{
        margin-bottom:35px;
    }

    .sects-titles h2{
        font-size:30px;
        line-height:38px;
    }

    .sects-titles p{
        font-size:15px;
        line-height:25px;
    }

    .custom-card{
        padding:20px;
        border-radius:16px;
    }

    .custom-content{
        text-align:left;
    }

    .custom-content h3{
        font-size:18px;
    }

    .custom-content h4{
        font-size:24px;
        line-height:1.4;
    }

    .custom-content p{
        font-size:15px;
        line-height:24px;
    }

    .custom-content p.bottom-text{
        font-size:13px;
    }

}
@media (max-width:575px){

    .custom-built-section{
        padding:45px 0;
    }

    .sects-titles{
        margin-bottom:30px;
    }

    .sects-titles h2{
        font-size:28px;
        line-height:36px;
    }

    .sects-titles p{
        font-size:14px;
        line-height:24px;
    }

    .custom-card{
        padding:18px;
        margin-bottom:25px;
    }

    .custom-image img{
        border-radius:12px;
    }

    .custom-content h3{
        font-size:17px;
    }

    .custom-content h4{
        font-size:22px;
        margin-bottom:15px;
    }

    .custom-content p{
        font-size:14px;
        line-height:22px;
    }

}
@media (max-width:479px){

    .custom-built-section{
        padding:40px 0;
    }

    .sects-titles{
        margin-bottom:25px;
    }

    .sects-titles h2{
        font-size:24px;
        line-height:32px;
    }

    .sects-titles p{
        font-size:13px;
        line-height:22px;
    }

    .custom-card{
        padding:15px;
        border-radius:14px;
        margin-bottom:20px;
    }

    .custom-image{
        margin-bottom:18px;
    }

    .custom-image img{
        border-radius:10px;
    }

    .custom-content h3{
        font-size:16px;
        margin-bottom:8px;
    }

    .custom-content h4{
        font-size:20px;
        line-height:1.4;
        margin-bottom:12px;
    }

    .custom-content p{
        font-size:13px;
        line-height:20px;
        gap:8px;
    }

    .custom-content p.bottom-text{
        font-size:12px;
        margin-top:12px;
    }

}
/* ends here */

/* FAQ section */
@media (max-width: 768px) {
  .faq-heading {
    text-align: left;
    margin-bottom: 35px;
  }

  .faq-heading h2 {
    font-size: 34px;
    line-height: 1.3;
  }

  .faq-heading p {
    font-size: 15px;
    line-height: 25px;
    text-align: left;
  }

  .faq-question {
    padding: 18px;
  }

  .faq-question p {
    font-size: 15px;
    line-height: 24px;
    width: calc(100% - 30px);
  }

  .faq-question img {
    width: 16px;
  }

  .faq-answer {
    padding: 0 18px 18px;
  }

  .faq-answer p {
    font-size: 14px;
    line-height: 24px;
  }

  .row.g-4 {
    row-gap: 0 !important;
  }

  .col-lg-6:first-child {
    margin-bottom: 0;
  }
}
@media (max-width: 500px) {
  .faq-heading h2 {
    font-size: 28px;
  }
}
@media (max-width: 380px) {
  .faqs-section {
    padding: 40px 0;
  }
}
/* ends here */


/* What is ai sales agent */

@media (min-width:1400px){

    .agent-image-wrapper{
        max-width:650px;
    }

    .agent-content{
        padding-left:60px;
    }

}
@media (max-width:1399px){

    .agent-content{
        padding-left:30px;
    }

    .agent-info-card{
        left:25px;
        right:25px;
        bottom:20px;
        padding:20px;
    }

}
@media (max-width:1199px){

    .agent-content{
        padding-left:20px;
    }

    .agent-content h2{
        font-size:38px;
    }

    .agent-info-card{
        left:18px;
        right:18px;
        bottom:18px;
        padding:18px;
    }

    .feature-box{
        padding:16px;
    }

}
@media (max-width:991px){

    .ai-sales-agent-section{
        padding:70px 0;
    }

    .agent-image-wrapper{
        max-width:650px;
        margin:0 auto 50px;
    }

    .agent-content{
        padding-left:0;
        text-align:center;
    }

    .agent-content>p{
        max-width:100%;
    }

    .agent-content .aik{
        max-width:100%;
    }

    .feature-box{
        text-align:left;
    }

    .salesbtn{
        display:flex;
        justify-content:center;
    }

    .agent-info-card{
        left:20px;
        right:20px;
        bottom:20px;
    }

}
@media (max-width:767px){

    .ai-sales-agent-section{
        padding:60px 0;
    }

    .agent-content h2{
        font-size:34px;
        line-height:1.3;
    }

    .agent-content .aik{
        font-size:18px;
    }

    .agent-content>p{
        font-size:15px;
        line-height:28px;
    }

    .agent-info-card{
        position:relative;
        left:auto;
        right:auto;
        bottom:auto;
        margin-top:-20px;
        padding:20px;
    }

    .agent-info-card h4{
        font-size:22px;
        line-height:30px;
    }

    .agent-info-card p{
        font-size:15px;
        line-height:26px;
    }

    .feature-box{
        padding:18px;
    }

    .feature-box p{
        font-size:15px;
        gap:12px;
    }

    .salesbtn button{
        max-width:100%;
    }

}
@media (max-width:575px){

    .ai-sales-agent-section{
        padding:50px 0;
    }

    .agent-content h2{
        font-size:30px;
    }

    .agent-content .aik{
        font-size:17px;
    }

    .agent-content>p{
        font-size:14px;
        line-height:25px;
    }

    .agent-info-card{
        padding:18px;
        border-radius:16px;
    }

    .agent-info-card h4{
        font-size:20px;
    }

    .agent-info-card p{
        font-size:14px;
        line-height:24px;
        gap:10px;
    }

    .feature-box{
        padding:16px;
    }

    .feature-box p{
        font-size:14px;
        line-height:22px;
    }

    .feature-box span{
        width:28px;
        height:28px;
    }

}

@media (max-width:479px){

    .ai-sales-agent-section{
        padding:40px 0;
    }

    .agent-content h2{
        font-size:26px;
        line-height:1.3;
    }

    .agent-content .aik{
        font-size:16px;
        margin-bottom:18px;
    }

    .agent-content>p{
        font-size:13px;
        line-height:22px;
    }

    .agent-info-card{
        padding:15px;
        border-radius:14px;
    }

    .agent-info-card h4{
        font-size:18px;
        line-height:26px;
    }

    .agent-info-card p{
        font-size:13px;
        line-height:22px;
        gap:8px;
    }

    .feature-box{
        padding:14px;
        border-radius:12px;
    }

    .feature-box p{
        font-size:13px;
        line-height:20px;
        gap:10px;
    }

    .feature-box span{
        width:26px;
        height:26px;
        border-radius:8px;
    }

    .feature-box span img{
        width:12px;
    }

    .salesbtn button{
        width:100%;
        font-size:15px;
        padding:12px;
    }

}
/* Ensd here */
/* ******************************************************************************************** */

/* ******************************************************************************************** */
/* AI APPOINTMENT PAGE*/
/* Appointment booking Automation section */
@media (max-width: 768px) {
  .appointment-section {
    padding: 70px 0;
  }

  .appointment-left,
  .appointment-right {
    text-align: center;
  }

  .appointment-right {
    padding-left: 0;
  }

  .appointment-right h2 {
    font-size: 42px;
    line-height: 1.2;
  }

  .appointment-right h3 {
    font-size: 22px;
    margin-bottom: 30px;
  }

  .appointment-left h3 {
    font-size: 28px;
  }

  .appointment-left > p {
    font-size: 17px;
    margin-bottom: 30px;
  }

  .appointment-image {
    display: block;
  }

  .appointment-image img {
    max-width: 100%;
  }

  .appointment-floating-card {
    position: relative;
    width: 90%;
    left: 0;
    bottom: 40px;
    margin: auto;
    text-align: left;
  }

  .featured-card,
  .info-card {
    text-align: left;
  }

  .info-card {
    padding: 18px;
  }

  .appointment-btn {
    width: 220px;
  }
}
@media (max-width: 576px) {
  .appointment-section {
    padding: 60px 0;
  }

 

  .appointment-right h2 {
    font-size: 34px;
  }

  .appointment-right h3 {
    font-size: 20px;
  }

  .appointment-left h3 {
    font-size: 24px;
  }

  .appointment-left > p {
    font-size: 16px;
  }

  .feature-heading p {
    font-size: 16px;
  }

  .featured-card > p {
    font-size: 15px;
  }

  .info-card {
    gap: 14px;
  }

  .card-icon {
    width: 50px;
    height: 50px;
    flex: 0 0 50px;
  }

  .card-icon img {
    width: 24px;
  }

  .card-text p {
    font-size: 15px;
  }

  .appointment-floating-card {
    width: 94%;
    padding: 18px;
  }

  .floating-text p {
    font-size: 14px;
  }

  .appointment-btn {
    width: 200px;
    height: 58px;
    font-size: 17px;
  }
}
@media (max-width: 480px) {
  .appointment-section {
    padding: 50px 0;
  }

  .appointment-right h2 {
    font-size: 30px;
  }

  .appointment-right h3 {
    font-size: 18px;
  }

  .appointment-left h3 {
    font-size: 22px;
  }

  .featured-card {
    padding: 18px;
  }

  .info-card {
    flex-direction: column;
    text-align: center;
  }

  .card-text {
    width: 100%;
  }

  .feature-heading {
    justify-content: center;
  }

  .featured-card {
    text-align: center;
  }

  .appointment-floating-card {
    bottom: 25px;
  }

  .floating-content {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .appointment-btn {
    width: 100%;
  }
}
@media (max-width: 400px) {
  .appointment-right h2 {
    font-size: 27px;
  }

  .appointment-right h3 {
    font-size: 17px;
  }

  .appointment-left h3 {
    font-size: 20px;
  }

  .appointment-left > p {
    font-size: 15px;
  }

  .feature-heading p {
    font-size: 15px;
  }

  .featured-card > p {
    font-size: 14px;
    line-height: 1.8;
  }

  .card-text p {
    font-size: 14px;
  }

  .floating-text p {
    font-size: 13px;
  }

  .floating-text span {
    font-size: 12px;
  }

  .appointment-btn {
    height: 54px;
    font-size: 16px;
  }
}
@media (max-width: 320px) {
  .appointment-section {
    padding: 40px 0;
  }

  .appointment-right h2 {
    font-size: 24px;
  }

  .appointment-right h3 {
    font-size: 16px;
  }

  .appointment-left h3 {
    font-size: 18px;
  }

  .appointment-left > p {
    font-size: 14px;
  }

  .featured-card,
  .info-card {
    padding: 15px;
  }

  .card-icon {
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
  }

  .card-icon img {
    width: 20px;
  }

  .card-text p {
    font-size: 13px;
  }

  .feature-heading {
    gap: 8px;
  }

  .feature-heading img {
    width: 18px;
  }

  .feature-heading p {
    font-size: 14px;
  }

  .featured-card > p {
    font-size: 13px;
  }

  .appointment-floating-card {
    width: 96%;
    padding: 15px;
  }

  .floating-text p {
    font-size: 12px;
    line-height: 1.6;
  }

  .floating-text span {
    font-size: 11px;
  }

  .appointment-btn {
    width: 100%;
    height: 50px;
    font-size: 15px;
  }
}
/* ends here */

/* Complete Automation Workflow */
@media (max-width: 768px) {
  .workflow-section {
    padding: 50px 0;
  }

  .workflow-heading {
    margin-bottom: 50px;
  }

  .workflow-heading h2 {
    font-size: 42px;
    line-height: 1.2;
  }

  .workflow-heading h3 {
    font-size: 22px;
    line-height: 1.5;
  }

  .workflow-heading p {
    font-size: 16px;
    max-width: 100%;
    line-height: 1.8;
  }

  .workflow-card {
    padding: 24px;
    gap: 16px;
  }

  .workflow-number {
    width: 40px;
    height: 40px;
    min-width: 40px;
    font-size: 17px;
  }

  .workflow-content h4 {
    font-size: 22px;
  }

  .workflow-content p {
    font-size: 15px;
    line-height: 1.8;
  }

  .workflow-section .col-lg-6:last-child .workflow-card {
    max-width: 100%;
  }
}
@media (max-width: 576px) {
  .workflow-section {
    padding: 50px 0;
  }

  .workflow-heading {
    margin-bottom: 45px;
  }

  .workflow-heading h2 {
    font-size: 34px;
  }

  .workflow-heading h3 {
    font-size: 20px;
  }

  .workflow-heading p {
    font-size: 15px;
  }

  .workflow-card {
    padding: 22px;
  }

  .workflow-number {
    width: 38px;
    height: 38px;
    min-width: 38px;
    border-radius: 10px;
  }

  .workflow-content h4 {
    font-size: 20px;
    margin-bottom: 12px;
  }

  .workflow-content p {
    font-size: 14px;
  }
}
@media (max-width: 480px) {
  .workflow-section {
    padding: 60px 0;
  }

  .workflow-heading h2 {
    font-size: 30px;
  }

  .workflow-heading h3 {
    font-size: 18px;
  }

  .workflow-heading p {
    font-size: 14px;
  }

  .workflow-card {
    flex-direction: column;

    text-align: center;

    align-items: center;

    padding: 20px;
  }

  .workflow-number {
    margin-bottom: 6px;
  }

  .workflow-content h4 {
    font-size: 19px;
  }

  .workflow-content p {
    font-size: 14px;
  }
}
@media (max-width: 400px) {
  .workflow-section {
    padding: 50px 0;
  }

  .workflow-heading {
    margin-bottom: 40px;
  }

  .workflow-heading h2 {
    font-size: 24px;
  }

  .workflow-heading h3 {
    font-size: 16px;
  }

  .workflow-heading p {
    font-size: 13px;
    line-height: 1.7;
  }

  .workflow-card {
    padding: 18px;
    border-radius: 16px;
  }

  .workflow-number {
    width: 36px;
    height: 36px;
    min-width: 36px;
    font-size: 15px;
  }

  .workflow-content h4 {
    font-size: 18px;
  }

  .workflow-content p {
    font-size: 13px;
    line-height: 1.7;
  }
}
@media (max-width: 320px) {
  .workflow-section {
    padding: 40px 0;
  }

  .workflow-heading {
    margin-bottom: 35px;
  }

  .workflow-heading h2 {
    font-size: 20px;
    line-height: 1.3;
  }

  .workflow-heading h3 {
    font-size: 15px;
  }

  .workflow-heading p {
    font-size: 12px;
    line-height: 1.6;
  }

  .workflow-card {
    padding: 16px;
    gap: 12px;
  }

  .workflow-number {
    width: 34px;
    height: 34px;
    min-width: 34px;
    font-size: 14px;
    border-radius: 8px;
  }

  .workflow-content h4 {
    font-size: 17px;
    margin-bottom: 10px;
  }

  .workflow-content p {
    font-size: 12px;
    line-height: 1.6;
  }
}
/* ends here */

/* Traffic Sources and Lead Funnels */
@media (max-width: 768px) {
  .traffic-section {
    padding: 80px 0;
  }

  .traffic-heading {
    margin-bottom: 40px;
  }

  .traffic-heading h2 {
    font-size: 40px;
    line-height: 1.2;
  }

  .traffic-heading h3 {
    font-size: 22px;
  }

  .traffic-heading p {
    font-size: 16px;
    max-width: 100%;
  }

  .traffic-buttons {
    justify-content: flex-start;

    flex-wrap: nowrap;

    overflow-x: auto;

    gap: 12px;

    padding-bottom: 10px;

    scrollbar-width: none;
  }

  .traffic-buttons::-webkit-scrollbar {
    display: none;
  }

  .traffic-btn {
    flex: 0 0 auto;

    white-space: nowrap;

    padding: 14px 18px;

    font-size: 14px;
  }

  .traffic-content-area {
    margin-top: 15px;
  }

  .traffic-image-box img {
    height: 430px;
  }

  .traffic-content {
    padding-left: 0;
    margin-top: 20px;
  }

  .traffic-content h4 {
    font-size: 30px;
  }

  .traffic-content p {
    font-size: 16px;
  }

  .traffic-content ul li {
    font-size: 15px;
  }
}
@media (max-width: 576px) {
  .traffic-section {
    padding: 70px 0;
  }

  .traffic-heading h2 {
    font-size: 34px;
  }

  .traffic-heading h3 {
    font-size: 20px;
  }

  .traffic-heading p {
    font-size: 15px;
  }

  .traffic-btn {
    padding: 12px 16px;

    font-size: 13px;
  }

  .traffic-btn img {
    width: 16px;
  }

  .traffic-image-box img {
    height: 360px;
  }

  .traffic-label {
    top: 16px;

    left: 16px;

    padding: 8px 16px;

    font-size: 13px;
  }

  .traffic-content h4 {
    font-size: 26px;
  }

  .traffic-content p {
    font-size: 15px;
  }

  .traffic-content ul li {
    font-size: 14px;

    padding-left: 24px;
  }
}
@media (max-width: 480px) {
  .traffic-section {
    padding: 60px 0;
  }

  .traffic-heading h2 {
    font-size: 30px;
  }

  .traffic-heading h3 {
    font-size: 18px;
  }

  .traffic-heading p {
    font-size: 14px;
  }

  .traffic-buttons {
    gap: 10px;
  }

  .traffic-btn {
    padding: 10px 14px;

    border-radius: 40px;
  }

  .traffic-image-box {
    border-radius: 18px;
  }

  .traffic-image-box img {
    height: 300px;
  }

  .traffic-label {
    font-size: 12px;

    padding: 8px 14px;
  }

  .traffic-content {
    text-align: center;
  }

  .traffic-content h4 {
    font-size: 23px;
  }

  .traffic-content ul {
    text-align: left;
  }
}
@media (max-width: 400px) {
  .traffic-section {
    padding: 50px 0;
  }

  .traffic-heading h2 {
    font-size: 27px;
  }

  .traffic-heading h3 {
    font-size: 17px;
  }

  .traffic-heading p {
    font-size: 13px;
    line-height: 1.7;
  }

  .traffic-btn {
    padding: 10px 13px;

    font-size: 12px;
  }

  .traffic-btn img {
    width: 15px;
  }

  .traffic-image-box img {
    height: 260px;
  }

  .traffic-content h4 {
    font-size: 21px;
  }

  .traffic-content p {
    font-size: 14px;
  }

  .traffic-content ul li {
    font-size: 13px;
  }
}
@media (max-width: 320px) {
  .traffic-section {
    padding: 40px 0;
  }

  .traffic-heading h2 {
    font-size: 24px;
  }

  .traffic-heading h3 {
    font-size: 16px;
  }

  .traffic-heading p {
    font-size: 12px;
  }

  .traffic-buttons {
    gap: 8px;
  }

  .traffic-btn {
    padding: 9px 12px;

    font-size: 11px;
  }

  .traffic-btn img {
    width: 14px;
  }

  .traffic-image-box {
    border-radius: 16px;
  }

  .traffic-image-box img {
    height: 220px;
  }

  .traffic-label {
    top: 12px;

    left: 12px;

    padding: 7px 12px;

    font-size: 11px;
  }

  .traffic-content h4 {
    font-size: 19px;
  }

  .traffic-content p {
    font-size: 13px;
  }

  .traffic-content ul li {
    font-size: 12px;

    padding-left: 20px;
  }
}
/* ends here */

/* Where Leads Land */
@media (max-width: 768px) {
  .lead-land-section {
    padding: 80px 0;
  }

  .lead-heading {
    margin-bottom: 45px;
  }

  .lead-heading h2 {
    font-size: 42px;
    line-height: 1.2;
  }

  .lead-heading h3 {
    font-size: 22px;
    line-height: 1.4;
  }

  .lead-heading p {
    font-size: 16px;
    max-width: 100%;
    line-height: 1.8;
  }

  .lead-card {
    padding: 35px 25px;
  }

  .lead-icon {
    width: 68px;
    height: 68px;
    margin-bottom: 24px;
  }

  .lead-icon img {
    width: 30px;
  }

  .lead-card h4 {
    font-size: 22px;
  }

  .lead-card p {
    font-size: 15px;
  }
}
@media (max-width: 576px) {
  .lead-land-section {
    padding: 70px 0;
  }

  .lead-heading {
    margin-bottom: 40px;
  }

  .lead-heading h2 {
    font-size: 34px;
  }

  .lead-heading h3 {
    font-size: 20px;
  }

  .lead-heading p {
    font-size: 15px;
  }

  .lead-card {
    padding: 30px 22px;
    border-radius: 18px;
  }

  .lead-icon {
    width: 64px;
    height: 64px;
    border-radius: 18px;
  }

  .lead-icon img {
    width: 28px;
  }

  .lead-card h4 {
    font-size: 20px;
  }

  .lead-card p {
    font-size: 14px;
    line-height: 1.8;
  }
}
@media (max-width: 480px) {
  .lead-land-section {
    padding: 60px 0;
  }

  .lead-heading h2 {
    font-size: 30px;
  }

  .lead-heading h3 {
    font-size: 18px;
  }

  .lead-heading p {
    font-size: 14px;
  }

  .lead-card {
    padding: 28px 20px;
  }

  .lead-icon {
    width: 60px;
    height: 60px;
    margin-bottom: 20px;
  }

  .lead-icon img {
    width: 26px;
  }

  .lead-card h4 {
    font-size: 19px;
    line-height: 1.5;
  }

  .lead-card p {
    font-size: 14px;
  }
}
@media (max-width: 400px) {
  .lead-land-section {
    padding: 50px 0;
  }

  .lead-heading h2 {
    font-size: 27px;
  }

  .lead-heading h3 {
    font-size: 17px;
  }

  .lead-heading p {
    font-size: 13px;
    line-height: 1.7;
  }

  .lead-card {
    padding: 24px 18px;
  }

  .lead-icon {
    width: 56px;
    height: 56px;
    border-radius: 16px;
  }

  .lead-icon img {
    width: 24px;
  }

  .lead-card h4 {
    font-size: 18px;
    margin-bottom: 14px;
  }

  .lead-card p {
    font-size: 13px;
  }
}
@media (max-width: 320px) {
  .lead-land-section {
    padding: 40px 0;
  }

  .lead-heading {
    margin-bottom: 35px;
  }

  .lead-heading h2 {
    font-size: 24px;
    line-height: 1.3;
  }

  .lead-heading h3 {
    font-size: 16px;
  }

  .lead-heading p {
    font-size: 12px;
    line-height: 1.6;
  }

  .lead-card {
    padding: 20px 15px;
    border-radius: 16px;
  }

  .lead-icon {
    width: 52px;
    height: 52px;
    border-radius: 14px;
    margin-bottom: 18px;
  }

  .lead-icon img {
    width: 22px;
  }

  .lead-card h4 {
    font-size: 17px;
    line-height: 1.4;
  }

  .lead-card p {
    font-size: 12px;
    line-height: 1.7;
  }
}
/* ends here */

/* What Happens After the Booking */
@media (max-width: 768px) {
  .post-funnel-section {
    padding: 80px 0;
  }

  .heading-row {
    margin-bottom: 50px;
  }

  .post-left-heading {
    text-align: center;
  }

  .post-left-heading h2 {
    font-size: 42px;
  }

  .post-right-heading {
    max-width: 100%;
    margin: auto;
    text-align: center;
  }

  .post-right-heading h3 {
    font-size: 24px;
  }

  .post-right-heading p {
    font-size: 16px;
  }

  .post-card {
    padding: 28px;
    gap: 18px;
  }

  .post-icon {
    width: 58px;
    min-width: 58px;
    height: 58px;
  }

  .post-icon img {
    width: 26px;
  }

  .post-content h4 {
    font-size: 22px;
  }

  .post-content p {
    font-size: 15px;
  }
}
@media (max-width: 576px) {
  .post-funnel-section {
    padding: 70px 0;
  }

  .heading-row {
    margin-bottom: 45px;
  }

  .post-left-heading h2 {
    font-size: 36px;
    line-height: 1.25;
  }

  .post-right-heading h3 {
    font-size: 22px;
  }

  .post-right-heading p {
    font-size: 15px;
    line-height: 1.8;
  }

  .post-card {
    padding: 24px;
    border-radius: 18px;
  }

  .post-icon {
    width: 54px;
    min-width: 54px;
    height: 54px;
    border-radius: 16px;
  }

  .post-icon img {
    width: 24px;
  }

  .post-content h4 {
    font-size: 20px;
  }

  .post-content p {
    font-size: 14px;
  }
}
@media (max-width: 480px) {
  .post-funnel-section {
    padding: 60px 0;
  }

  .post-left-heading h2 {
    font-size: 31px;
  }

  .post-right-heading h3 {
    font-size: 20px;
  }

  .post-right-heading p {
    font-size: 14px;
  }

  .post-card {
    flex-direction: column;

    text-align: center;

    align-items: center;

    padding: 22px;
  }

  .post-icon {
    margin-bottom: 6px;
  }

  .post-content h4 {
    font-size: 19px;
  }

  .post-content p {
    font-size: 14px;
  }
}
@media (max-width: 400px) {
  .post-funnel-section {
    padding: 50px 0;
  }

  .heading-row {
    margin-bottom: 40px;
  }

  .post-left-heading h2 {
    font-size: 28px;
  }

  .post-right-heading h3 {
    font-size: 18px;
  }

  .post-right-heading p {
    font-size: 13px;
    line-height: 1.7;
  }

  .post-card {
    padding: 20px;
  }

  .post-icon {
    width: 50px;
    min-width: 50px;
    height: 50px;
  }

  .post-icon img {
    width: 22px;
  }

  .post-content h4 {
    font-size: 18px;
  }

  .post-content p {
    font-size: 13px;
    line-height: 1.7;
  }
}
@media (max-width: 320px) {
  .post-funnel-section {
    padding: 40px 0;
  }

  .heading-row {
    margin-bottom: 35px;
  }

  .post-left-heading h2 {
    font-size: 24px;
    line-height: 1.3;
  }

  .post-right-heading h3 {
    font-size: 16px;
  }

  .post-right-heading p {
    font-size: 12px;
    line-height: 1.6;
  }

  .post-card {
    padding: 18px 15px;
    border-radius: 16px;
    gap: 14px;
  }

  .post-icon {
    width: 46px;
    min-width: 46px;
    height: 46px;
    border-radius: 14px;
  }

  .post-icon img {
    width: 20px;
  }

  .post-content h4 {
    font-size: 17px;
    margin-bottom: 10px;
  }

  .post-content p {
    font-size: 12px;
    line-height: 1.6;
  }
}
/* ends here */

/* Who Needs Appointment Booking Automation */
@media (max-width: 768px) {
  .booking-users-section {
    padding: 80px 0;
  }

  .booking-users-heading {
    margin-bottom: 35px;
  }

  .booking-users-heading h2 {
    font-size: 42px;
    line-height: 1.2;
  }

  .booking-users-heading h3 {
    font-size: 22px;
    line-height: 1.6;
  }

  .featured-answer-card {
    padding: 24px;
    margin-bottom: 30px;
  }

  .answer-title p {
    font-size: 11px;
    letter-spacing: 1.5px;
  }

  .featured-answer-card > p {
    font-size: 15px;
  }

  .booking-user-card {
    padding: 22px;
  }

  .booking-user-icon {
    width: 54px;
    min-width: 54px;
    height: 54px;
  }

  .booking-user-icon img {
    width: 22px;
  }

  .booking-user-content h4 {
    font-size: 20px;
  }

  .booking-user-content p {
    font-size: 14px;
  }
}
@media (max-width: 576px) {
  .booking-users-section {
    padding: 70px 0;
  }

  .booking-users-heading h2 {
    font-size: 34px;
  }

  .booking-users-heading h3 {
    font-size: 19px;
  }

  .featured-answer-card {
    padding: 22px;
    border-radius: 18px;
  }

  .answer-title {
    margin-bottom: 15px;
  }

  .answer-title img {
    width: 16px;
  }

  .featured-answer-card > p {
    font-size: 14px;
    line-height: 1.8;
  }

  .booking-user-card {
    padding: 20px;
    border-radius: 18px;
  }

  .booking-user-icon {
    width: 50px;
    min-width: 50px;
    height: 50px;
    border-radius: 14px;
  }

  .booking-user-icon img {
    width: 20px;
  }

  .booking-user-content h4 {
    font-size: 18px;
  }

  .booking-user-content p {
    font-size: 13px;
    line-height: 1.7;
  }
}
@media (max-width: 480px) {
  .booking-users-section {
    padding: 60px 0;
  }

  .booking-users-heading h2 {
    font-size: 30px;
  }

  .booking-users-heading h3 {
    font-size: 17px;
  }

  .featured-answer-card {
    padding: 20px;
  }

  .answer-title {
    justify-content: center;
  }

  .featured-answer-card {
    text-align: center;
  }

  .booking-user-card {
    flex-direction: column;

    align-items: center;

    text-align: center;

    padding: 22px;
  }

  .booking-user-icon {
    margin-bottom: 6px;
  }

  .booking-user-content h4 {
    font-size: 18px;
  }

  .booking-user-content p {
    font-size: 13px;
  }
}
@media (max-width: 400px) {
  .booking-users-section {
    padding: 50px 0;
  }

  .booking-users-heading h2 {
    font-size: 27px;
  }

  .booking-users-heading h3 {
    font-size: 16px;
    line-height: 1.6;
  }

  .featured-answer-card {
    padding: 18px;
  }

  .answer-title img {
    width: 15px;
  }

  .answer-title p {
    font-size: 10px;
  }

  .featured-answer-card > p {
    font-size: 13px;
  }

  .booking-user-card {
    padding: 18px;
  }

  .booking-user-icon {
    width: 46px;
    min-width: 46px;
    height: 46px;
  }

  .booking-user-icon img {
    width: 18px;
  }

  .booking-user-content h4 {
    font-size: 17px;
  }

  .booking-user-content p {
    font-size: 12px;
  }
}
@media (max-width: 320px) {
  .booking-users-section {
    padding: 40px 0;
  }

  .booking-users-heading h2 {
    font-size: 24px;
    line-height: 1.3;
  }

  .booking-users-heading h3 {
    font-size: 15px;
  }

  .featured-answer-card {
    padding: 16px;
    border-radius: 16px;
  }

  .answer-title {
    gap: 8px;
  }

  .answer-title img {
    width: 14px;
  }

  .answer-title p {
    font-size: 9px;
    letter-spacing: 1px;
  }

  .featured-answer-card > p {
    font-size: 12px;
    line-height: 1.7;
  }

  .booking-user-card {
    padding: 16px;
    border-radius: 16px;
  }

  .booking-user-icon {
    width: 42px;
    min-width: 42px;
    height: 42px;
    border-radius: 12px;
  }

  .booking-user-icon img {
    width: 17px;
  }

  .booking-user-content h4 {
    font-size: 16px;
    line-height: 1.4;
  }

  .booking-user-content p {
    font-size: 11px;
    line-height: 1.6;
  }
}
/* ends here */

/*  AI APPOINTMENT PAGE ENDS HERE */
/* ******************************************************************************************** */

/* ******************************************************************************************** */
/* AI SMS PAGE */
/* Your competetor */
@media (min-width: 1920px) {
  .revenue-section {
    padding: 130px 0;
  }

  .revenue-content {
    max-width: 620px;
  }

  .revenue-content h2 {
    font-size: 62px;
  }

  .revenue-content p {
    font-size: 19px;
  }

  .phone-card {
    width: 430px;
  }

  .info-card {
    padding: 38px;
  }

  .info-card h4 {
    font-size: 26px;
  }

  .bottom-card {
    padding: 60px;
  }
}
@media (max-width: 1200px) {
  .revenue-content h2 {
    font-size: 46px;
  }

  .phone-card {
    width: 360px;
  }

  .info-card {
    padding: 28px;
  }

  .info-card h4 {
    font-size: 21px;
  }

  .bottom-card {
    padding: 40px;
  }
}
@media (max-width: 1024px) {
  .revenue-section {
    padding: 80px 0;
  }

  .revenue-content {
    max-width: 100%;
  }

  .revenue-content h2 {
    font-size: 40px;
  }

  .revenue-content p {
    font-size: 16px;
  }

  .phone-card {
    width: 100%;
    max-width: 420px;
    margin: auto;
  }

  .section-heading h3 {
    font-size: 30px;
  }

  .bottom-card h4 {
    font-size: 28px;
  }
}
@media (max-width: 768px) {
  .revenue-section {
    padding: 50px 0;
  }

  .revenue-content {
    text-align: center;
    margin-bottom: 40px;
  }

  .revenue-content h2 {
    font-size: 34px;
  }

  .revenue-content p {
    font-size: 15px;
  }

  .phone-card {
    max-width: 100%;
  }

  .phone-card h6 {
    font-size: 18px;
  }

  .message-card {
    padding: 14px;
  }

  .message-card h5 {
    font-size: 14px;
  }

  .message-card p {
    font-size: 12px;
  }

  .section-heading {
    text-align: center;
    margin: 0px;
  }

  .section-heading h3 {
    font-size: 28px;
  }

  .info-card {
    margin-top: 0px;
  }

  .info-card h4 {
    font-size: 20px;
  }

  .info-card p {
    font-size: 15px;
  }

  .bottom-card {
    margin: 0px;
  }

  .bottom-card h4 {
    font-size: 25px;
  }

  .bottom-card p {
    font-size: 15px;
  }
}
@media (max-width: 576px) {
  .revenue-section {
    padding: 60px 0;
  }

  .revenue-content h2 {
    font-size: 30px;
    line-height: 1.25;
  }

  .revenue-content p {
    font-size: 15px;
    line-height: 1.8;
  }

  .phone-card {
    padding: 18px;
    border-radius: 20px;
  }

  .phone-card h6 {
    font-size: 17px;
  }

  .message-card {
    gap: 10px;
  }

  .message-card .left {
    gap: 10px;
  }

  .message-card img {
    width: 40px;
    height: 40px;
  }

  .badge-number {
    width: 22px;
    height: 22px;
  }

  .section-heading h3 {
    font-size: 25px;
  }

  .info-card {
    padding: 22px;
    border-radius: 18px;
  }

  .info-card img {
    width: 50px;
    height: 50px;
  }

  .info-card h4 {
    font-size: 18px;
  }

  .info-card p {
    font-size: 14px;
  }

  .bottom-card {
    border-radius: 20px;
    padding: 30px 22px;
  }

  .bottom-card h4 {
    font-size: 22px;
  }

  .bottom-card p {
    font-size: 14px;
    line-height: 1.8;
  }
}
@media (max-width: 400px) {
  .revenue-section {
    padding: 50px 0;
  }

  .revenue-content h2 {
    font-size: 26px;
  }

  .revenue-content p {
    font-size: 14px;
  }

  .phone-card {
    padding: 15px;
  }

  .phone-top span {
    font-size: 13px;
  }

  .phone-card h6 {
    font-size: 16px;
  }

  .message-card {
    padding: 12px;
  }

  .message-card img {
    width: 36px;
    height: 36px;
  }

  .message-card h5 {
    font-size: 13px;
  }

  .message-card p {
    font-size: 11px;
  }

  .message-card .right span:first-child {
    font-size: 11px;
  }

  .badge-number {
    width: 20px;
    height: 20px;
    font-size: 10px !important;
  }

  .message-text,
  .unread-text {
    font-size: 14px;
  }

  .watch-image img {
    max-width: 220px;
  }

  .section-heading h3 {
    font-size: 22px;
  }

  .info-card {
    padding: 20px;
  }

  .info-card h4 {
    font-size: 17px;
  }

  .info-card p {
    font-size: 13px;
  }

  .bottom-card {
    padding: 24px 18px;
  }

  .bottom-card h4 {
    font-size: 20px;
  }

  .bottom-card p {
    font-size: 13px;
    line-height: 1.7;
  }
}
/* ends here */

/* AI SMS Agent That Never Sleeps, Never Misses */

@media (min-width:1400px){

    .brittany-section{
        padding:80px 0;
    }

    .feature-card{
        padding:35px;
    }

}
@media (max-width:1399px){

    .cta-card{
        padding:45px 40px;
    }

}
@media (max-width:1199px){

    .brittany-section{
        padding:70px 0;
    }

    .AI-section-title{
        font-size:42px;
        line-height:1.25;
    }

    .cards-heading{
        margin-top:60px;
    }

    .feature-card{
        padding:25px;
    }

    .cta-card{
        padding:40px 35px;
    }

    .cta-right{
        padding-left:20px;
    }

}
@media (max-width:991px){

    .brittany-section{
        padding:60px 0;
    }

    .AI-section-title{
        font-size:36px;
        text-align:center;
    }

    .section-text{
        text-align:center;
        line-height:1.8;
    }

    .cards-heading{
        text-align:center;
        margin-top:50px;
        margin-bottom:30px;
    }

    .feature-card{
        padding:24px;
        margin-bottom:25px;
    }

    .cta-card{
        padding:35px 30px;
        margin-top:50px;
        text-align:center;
    }

    .cta-right{
        padding-left:0;
        margin-top:30px;
    }

}
@media (max-width:767px){

    .brittany-section{
        padding:50px 0;
    }

    .AI-section-title{
        font-size:30px;
        line-height:1.3;
    }

    .section-text{
        font-size:15px;
        line-height:1.7;
    }

    .cards-heading{
        font-size:28px;
        margin-top:40px;
    }

    .feature-card{
        padding:22px;
    }

    .feature-icon{
        width:45px;
        height:45px;
        padding:12px;
    }

    .feature-card h5{
        font-size:20px;
    }

    .feature-card p{
        font-size:14px;
        line-height:1.7;
    }

    .cta-card{
        padding:30px 25px;
        border-radius:18px;
    }

    .cta-left h1{
        font-size:28px;
    }

    .cta-right h4{
        font-size:22px;
    }

}

@media (max-width:575px){

    .brittany-section{
        padding:45px 0;
    }

    .AI-section-title{
        font-size:28px;
    }

    .section-text{
        font-size:14px;
    }

    .cards-heading{
        font-size:24px;
        margin-top:35px;
    }

    .feature-card{
        padding:20px;
        border-radius:14px;
    }

    .feature-icon{
        width:42px;
        height:42px;
        padding:10px;
    }

    .feature-card h5{
        font-size:18px;
    }

    .feature-card p{
        font-size:13px;
        line-height:1.6;
    }

    .cta-card{
        padding:25px 20px;
    }

    .cta-left h1{
        font-size:24px;
    }

    .cta-left p,
    .cta-right p{
        font-size:13px;
    }

    .cta-right h4{
        font-size:20px;
    }

}

@media (max-width:479px){

    .brittany-section{
        padding:40px 0;
    }

    .AI-section-title{
        font-size:24px;
        line-height:1.35;
    }

    .section-text{
        font-size:13px;
        line-height:1.6;
    }

    .cards-heading{
        font-size:22px;
        margin-top:30px;
        margin-bottom:20px;
    }

    .feature-card{
        padding:18px;
        border-radius:12px;
    }

    .feature-icon{
        width:38px;
        height:38px;
        padding:9px;
        border-radius:10px;
    }

    .feature-card h5{
        font-size:17px;
        margin-bottom:10px;
    }

    .feature-card p{
        font-size:12px;
        line-height:1.6;
    }

    .cta-card{
        margin-top:40px;
        padding:22px 18px;
        border-radius:16px;
    }

    .cta-left h1{
        font-size:22px;
    }

    .cta-left p,
    .cta-right p{
        font-size:12px;
        line-height:1.6;
    }

    .cta-right h4{
        font-size:18px;
        margin-bottom:12px;
    }

}
/* ends here */

/* AI REcpetionist for */

@media (min-width:1400px){

    .industries-section{
        padding:50px 0;
    }

    .industry-card img{
        height:170px;
    }

}

@media (max-width:1399px){

    .industries-section{
        padding:50px 0;
    }

    .industry-card img{
        height:160px;
    }

}

@media (max-width:1199px){

    .industries-section{
        padding:60px 0;
    }

    .section-title h2{
        font-size:42px;
        line-height:1.3;
    }

    .industry-card img{
        height:150px;
    }

    .industry-cta{
        padding:24px 28px;
    }

}
@media (max-width:991px){

    .industries-section{
        padding:60px 0;
    }

    .section-title{
        text-align:center;
    }

    .section-title h2{
        font-size:36px;
        line-height:1.3;
    }

    .section-title p{
        font-size:15px;
    }

    .industry-card{
        margin-bottom:25px;
    }

    .industry-card img{
        height:180px;
    }

    .industry-cta{
        flex-direction:column;
        text-align:center;
        padding:28px;
    }

}
@media (max-width:767px){

    .industries-section{
        padding:50px 0;
    }

    .top-text{
        font-size:11px;
    }

    .section-title h2{
        font-size:30px;
        line-height:1.35;
    }

    .section-title p{
        font-size:14px;
        line-height:1.7;
    }

    .industry-card img{
        height:200px;
    }

    .industry-card p{
        font-size:15px;
        padding:12px;
    }

    .industry-cta{
        padding:25px 20px;
        border-radius:14px;
    }

    .industry-cta h3{
        font-size:24px;
    }

    .industry-cta p{
        font-size:14px;
    }

    .industry-cta a{
        font-size:16px;
    }

}
@media (max-width:575px){

    .industries-section{
        padding:45px 0;
    }

    .section-title h2{
        font-size:28px;
    }

    .section-title p{
        font-size:14px;
    }

    .industry-card img{
        height:180px;
    }

    .industry-card p{
        font-size:14px;
    }

    .industry-cta{
        padding:22px 18px;
        gap:15px;
    }

    .industry-cta h3{
        font-size:22px;
    }

    .industry-cta p{
        font-size:13px;
    }

    .industry-cta a{
        font-size:15px;
    }

}

@media (max-width:479px){

    .industries-section{
        padding:40px 0;
    }

    .top-text{
        font-size:10px;
        letter-spacing:.8px;
    }

    .section-title h2{
        font-size:24px;
        line-height:1.35;
    }

    .section-title p{
        font-size:13px;
        line-height:1.6;
    }

    .industry-card{
        border-radius:10px;
    }

    .industry-card img{
        height:160px;
    }

    .industry-card p{
        font-size:13px;
        padding:10px;
    }

    .industry-cta{
        padding:20px 16px;
        border-radius:12px;
        flex-direction:column;
        text-align:center;
    }

    .industry-cta h3{
        font-size:20px;
    }

    .industry-cta p{
        font-size:12px;
        line-height:1.6;
    }

    .industry-cta a{
        font-size:14px;
    }

}
/* Ends here */

/* Built for Businesses Where Speed-to-Lead Equals Revenue */
@media (max-width: 991px) {
  .industry-section {
    padding: 70px 0;
  }

  .industry-title {
    font-size: 42px;
  }

  .industry-card h4 {
    font-size: 20px;
  }

  .industry-cta h4 {
    font-size: 28px;
  }
}
@media (max-width: 767px) {
  .industry-section {
    padding: 60px 0;
  }

  .industry-title {
    font-size: 34px;
  }

  .industry-text {
    font-size: 16px;
  }

  .industry-card {
    padding: 12px;
  }

  .industry-card img {
    height: 220px;
  }

  .industry-card h4 {
    font-size: 20px;
  }

  .industry-card p {
    font-size: 15px;
  }

  .industry-cta {
    padding: 35px 25px;
    text-align: center;
  }

  .industry-cta h4 {
    font-size: 26px;
  }
}
@media (max-width: 576px) {
  .industry-section {
    padding: 50px 0;
  }

  .industry-title {
    font-size: 28px;
  }

  .industry-text {
    font-size: 15px;
  }

  .industry-card img {
    height: 190px;
  }

  .industry-card h4 {
    font-size: 18px;
  }

  .industry-card p {
    font-size: 14px;
  }

  .industry-cta {
    padding: 30px 20px;
  }

  .industry-cta h4 {
    font-size: 22px;
  }

  .industry-cta p {
    font-size: 15px;
  }

  .industry-btn {
    font-size: 16px;
  }
}
@media (max-width: 400px) {
  .industry-title {
    font-size: 24px;
  }

  .industry-card img {
    height: 170px;
  }

  .industry-card h4 {
    font-size: 17px;
  }

  .industry-card p {
    font-size: 13px;
  }

  .industry-cta h4 {
    font-size: 20px;
  }

  .industry-cta p {
    font-size: 14px;
  }
}
/* ends here */

/* AI SMS PAGE ENDS HERE */
/* ******************************************************************************************** */

/* ******************************************************************************************** */
/* ABOUT US PAGE */
/* header */
@media (max-width: 768px) {
  .trusted-section {
    margin-top: 30px;
  }

  .trusted-heading h4 {
    font-size: 18px;
    line-height: 26px;
  }

  .trusted-image {
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
  }

  .trusted-image img {
    flex: 0 0 calc(25% - 20px);
    max-width: calc(25% - 20px);
    height: 35px;
  }
}
@media (max-width: 425px) {
  .trusted-image img {
    flex: 0 0 calc(25% - 15px);
    max-width: calc(25% - 15px);
    height: 30px;
  }
}
@media (max-width: 375px) {
  .trusted-heading h4 {
    font-size: 16px;
  }

  .trusted-image {
    gap: 15px;
  }

  .trusted-image img {
    flex: 0 0 calc(25% - 12px);
    max-width: calc(25% - 12px);
    height: 28px;
  }
}
@media (max-width: 320px) {
  .trusted-image {
    gap: 12px;
  }

  .trusted-image img {
    flex: 0 0 calc(25% - 10px);
    max-width: calc(25% - 10px);
    height: 24px;
  }
}
/* ends here */

/* Built on AI */
@media (max-width: 1024px) {
  .about-hero {
    padding: 60px 0;
  }

  .about-hero .container {
    width: 92%;
  }

  .hero-content h1 {
    font-size: 64px;
  }

  .hero-content p {
    font-size: 22px;
    line-height: 1.6;
    max-width: 100%;
  }

  .hero-badge {
    padding: 14px 22px;
    margin-bottom: 35px;
  }

  .hero-badge span {
    font-size: 14px;
    letter-spacing: 2px;
  }

  .hero-counter {
    padding: 28px 0;
  }

  .counter-box {
    padding-right: 25px;
  }

  .counter-box:nth-child(2),
  .counter-box:nth-child(3) {
    padding-left: 25px;
  }

  .counter-box h2 {
    font-size: 48px;
  }

  .counter-box h6 {
    font-size: 16px;
  }

  .breadcrumb-area {
    font-size: 18px;
  }

  .hero-image {
    margin-left: 0;
  }

  .hero-image img {
    height: 560px;
  }
}
@media (max-width: 991px) {
  .about-hero {
    padding: 60px 0;
    text-align: center;
  }

  .hero-content {
    max-width: 100%;
  }

  .hero-badge {
    margin: 0 auto 35px;
  }

  .hero-content h1 {
    font-size: 58px;
  }

  .hero-content p {
    margin: 0 auto 40px;
    font-size: 21px;
  }

  .hero-counter {
    margin-bottom: 30px;
  }

  .breadcrumb-area {
    justify-content: center;
  }

  .hero-image {
    margin-top: 45px;
  }

  .hero-image img {
    height: auto;
  }
}
@media (max-width: 768px) {
  .about-hero {
    padding: 55px 0;
  }

  .hero-content h1 {
    font-size: 48px;
  }

  .hero-content p {
    font-size: 18px;
  }

  .hero-badge {
    padding: 12px 18px;
  }

  .hero-badge span {
    font-size: 13px;
    letter-spacing: 1.5px;
  }

  .hero-counter {
    flex-wrap: wrap;
    row-gap: 35px;
  }

  .counter-box {
    width: 50%;
    flex: none;

    border: none !important;

    padding: 0;
  }

  .counter-box:nth-child(2),
  .counter-box:nth-child(3) {
    padding-left: 0;
  }

  .counter-box h2 {
    font-size: 42px;
  }

  .counter-box h6 {
    font-size: 15px;
  }

  .hero-image {
    margin-top: 40px;
  }

  .hero-image img {
    border-radius: 24px;
  }
}
@media (max-width: 576px) {
  .about-hero {
    padding: 45px 0;
  }

  .hero-badge {
    width: 100%;
    justify-content: center;

    padding: 12px 15px;
  }

  .hero-badge span {
    font-size: 11px;
    letter-spacing: 1px;
  }

  .hero-content h1 {
    font-size: 38px;
    line-height: 1.2;
  }

  .hero-content p {
    font-size: 16px;
    line-height: 1.7;

    margin-bottom: 35px;
  }

  .hero-counter {
    flex-direction: column;

    gap: 30px;

    text-align: center;
  }

  .counter-box {
    width: 100%;
  }

  .counter-box h2 {
    font-size: 38px;
  }

  .counter-box h6 {
    font-size: 14px;
  }

  .breadcrumb-area {
    justify-content: center;

    font-size: 16px;
  }

  .hero-image {
    margin-top: 35px;
  }

  .hero-image img {
    border-radius: 20px;
  }
}
@media (max-width: 480px) {
  .about-hero {
    padding: 40px 0;
  }

  .hero-content h1 {
    font-size: 34px;
  }

  .hero-content p {
    font-size: 15px;
  }

  .hero-badge {
    border-radius: 35px;
  }

  .hero-badge span {
    font-size: 10px;
  }

  .counter-box h2 {
    font-size: 34px;
  }

  .counter-box h6 {
    font-size: 13px;
  }

  .breadcrumb-area {
    font-size: 15px;
  }
}
@media (max-width: 400px) {
  .hero-content h1 {
    font-size: 30px;
  }

  .hero-content p {
    font-size: 14px;
  }

  .hero-badge {
    padding: 10px 14px;
  }

  .hero-badge span {
    font-size: 9px;
  }

  .counter-box h2 {
    font-size: 30px;
  }

  .counter-box h6 {
    font-size: 12px;
  }

  .hero-image img {
    border-radius: 16px;
  }
}
@media (max-width: 375px) {
  .hero-content h1 {
    font-size: 28px;
  }

  .hero-content p {
    font-size: 13px;
  }

  .hero-badge {
    padding: 10px 12px;
  }

  .hero-badge span {
    font-size: 8px;

    letter-spacing: 0.8px;
  }

  .counter-box h2 {
    font-size: 28px;
  }

  .counter-box h6 {
    font-size: 11px;
  }

  .breadcrumb-area {
    font-size: 14px;
  }
}
@media (max-width: 320px) {
  .about-hero {
    padding: 35px 0;
  }

  .hero-content h1 {
    font-size: 24px;

    line-height: 1.3;
  }

  .hero-content p {
    font-size: 12px;

    line-height: 1.6;

    margin-bottom: 30px;
  }

  .hero-badge {
    padding: 8px 10px;
  }

  .hero-badge span {
    font-size: 7px;

    letter-spacing: 0.5px;
  }

  .dot {
    width: 8px;
    height: 8px;
  }

  .counter-box h2 {
    font-size: 24px;
  }

  .counter-box h6 {
    font-size: 10px;
  }

  .breadcrumb-area {
    font-size: 12px;
    gap: 8px;
  }

  .hero-image img {
    border-radius: 14px;
  }
}
/* ends here */

/* ABOUT Company Section  */
@media (max-width: 767px) {
  .about-company {
    padding: 60px 0;
  }

  .section-title {
    font-size: 42px;
    text-align: center;
  }

  .about-heading {
    font-size: 32px;
    text-align: center;
  }

  .about-content {
    max-width: 100%;
  }

  .about-content p {
    font-size: 16px;
    line-height: 1.8;
    text-align: center;
  }

  .about-image {
    margin-top: 35px;
  }

  .stats-box {
    position: static;
    width: 100%;
    min-width: 100%;
    margin-top: 20px;
    justify-content: space-between;
    padding: 18px;
  }

  .stat h4 {
    font-size: 34px;
  }

  .stat span {
    font-size: 14px;
  }

  .divider {
    height: 50px;
    margin: 0 18px;
  }
}
/* ends here  */

/* What makes us Different */
@media (max-width: 767px) {
  .different-section {
    padding: 60px 0;
  }

  .section-title {
    font-size: 36px;
  }

  .section-subtitle {
    font-size: 24px;
  }

  .section-text {
    font-size: 16px;
    line-height: 1.8;
  }

  .feature-card {
    padding: 18px;
  }

  .feature-card img {
    height: 200px;
  }

  .feature-card h3 {
    font-size: 26px;
  }

  .feature-card p {
    font-size: 15px;
    line-height: 1.7;
  }
}
/* ends here */

/* Proof of Expertise  */

@media (max-width: 991px) {
  .proof-section {
    padding: 70px 0;
  }

  .proof-content {
    padding-left: 0;
    text-align: center;
  }

  .proof-content h2 {
    font-size: 56px;
    margin-bottom: 20px;
  }

  .proof-content h3 {
    font-size: 30px;
    margin-bottom: 20px;
  }

  .proof-content p {
    font-size: 18px;
    line-height: 1.8;
  }

  .proof-image img {
    height: auto;
  }
}
@media (max-width: 767px) {
  .proof-section {
    padding: 60px 0;
  }

  .proof-section .container {
    width: 92%;
  }

  .proof-content {
    margin-top: 10px;
  }

  .proof-content h2 {
    font-size: 44px;
    line-height: 1.2;
  }

  .proof-content h3 {
    font-size: 26px;
    line-height: 1.4;
  }

  .proof-content p {
    font-size: 16px;
    line-height: 1.8;
  }

  .proof-image {
    border-radius: 24px;
  }

  .proof-image img {
    border-radius: 24px;
  }
}
@media (max-width: 575px) {
  .proof-section {
    padding: 50px 0;
  }

  .proof-content h2 {
    font-size: 36px;
  }

  .proof-content h3 {
    font-size: 22px;
  }

  .proof-content p {
    font-size: 15px;
    line-height: 1.8;
  }

  .proof-image {
    border-radius: 20px;
  }

  .proof-image img {
    border-radius: 20px;
  }
}
@media (max-width: 480px) {
  .proof-content h2 {
    font-size: 32px;
  }

  .proof-content h3 {
    font-size: 20px;
  }

  .proof-content p {
    font-size: 14px;
  }
}
@media (max-width: 400px) {
  .proof-section {
    padding: 40px 0;
  }

  .proof-content h2 {
    font-size: 28px;
  }

  .proof-content h3 {
    font-size: 18px;
  }

  .proof-content p {
    font-size: 13px;
    line-height: 1.7;
  }

  .proof-image {
    border-radius: 16px;
  }

  .proof-image img {
    border-radius: 16px;
  }
}
@media (max-width: 320px) {
  .proof-content h2 {
    font-size: 24px;
  }

  .proof-content h3 {
    font-size: 17px;
  }

  .proof-content p {
    font-size: 12px;
    line-height: 1.7;
  }

  .proof-section {
    padding: 35px 0;
  }

  .proof-image {
    border-radius: 14px;
  }

  .proof-image img {
    border-radius: 14px;
  }
}
/* ends here */

/* Whys choose us */
@media (max-width: 1024px) {
  .why-choose {
    padding: 70px 0;
  }

  .why-choose h2 {
    font-size: 58px;
  }

  .why-choose h3 {
    font-size: 30px;
  }

  .section-text {
    font-size: 18px;
  }

  .choose-card {
    padding: 28px;
  }

  .choose-card h4 {
    font-size: 25px;
  }

  .choose-card p {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  .why-choose {
    padding: 65px 0;
  }

  .why-choose h2 {
    font-size: 50px;
  }

  .why-choose h3 {
    font-size: 28px;
  }

  .section-text {
    font-size: 17px;
  }

  .choose-card {
    padding: 26px;
  }

  .choose-card img {
    width: 44px;
    height: 44px;
    margin-bottom: 24px;
  }

  .choose-card h4 {
    font-size: 24px;
  }

  .choose-card p {
    font-size: 16px;
    line-height: 1.7;
  }
}
@media (max-width: 767px) {
  .why-choose {
    padding: 60px 0;
  }

  .why-choose .container {
    width: 92%;
  }

  .why-choose h2 {
    font-size: 42px;
  }

  .why-choose h3 {
    font-size: 24px;
  }

  .section-text {
    font-size: 16px;
    line-height: 1.8;
  }

  .choose-card {
    padding: 24px;
  }

  .choose-card img {
    width: 42px;
    height: 42px;
    margin-bottom: 20px;
  }

  .choose-card h4 {
    font-size: 22px;
  }

  .choose-card p {
    font-size: 15px;
  }
}
@media (max-width: 576px) {
  .why-choose {
    padding: 50px 0;
  }

  .why-choose h2 {
    font-size: 36px;
  }

  .why-choose h3 {
    font-size: 22px;
  }

  .section-text {
    font-size: 15px;
  }

  .choose-card {
    text-align: center;
    padding: 22px;
  }

  .choose-card img {
    margin: 0 auto 18px;
  }

  .choose-card h4 {
    font-size: 20px;
  }

  .choose-card p {
    font-size: 14px;
  }
}
@media (max-width: 480px) {
  .why-choose {
    padding: 45px 0;
  }

  .why-choose h2 {
    font-size: 32px;
  }

  .why-choose h3 {
    font-size: 20px;
  }

  .section-text {
    font-size: 14px;
  }

  .choose-card {
    padding: 20px;
    border-radius: 18px;
  }

  .choose-card img {
    width: 40px;
    height: 40px;
  }

  .choose-card h4 {
    font-size: 19px;
  }

  .choose-card p {
    font-size: 14px;
  }
}
@media (max-width: 400px) {
  .why-choose h2 {
    font-size: 28px;
  }

  .why-choose h3 {
    font-size: 18px;
  }

  .section-text {
    font-size: 13px;
  }

  .choose-card {
    padding: 18px;
  }

  .choose-card img {
    width: 36px;
    height: 36px;
  }

  .choose-card h4 {
    font-size: 18px;
  }

  .choose-card p {
    font-size: 13px;
  }
}
@media (max-width: 320px) {
  .why-choose {
    padding: 40px 0;
  }

  .why-choose h2 {
    font-size: 24px;
  }

  .why-choose h3 {
    font-size: 17px;
  }

  .section-text {
    font-size: 12px;
    line-height: 1.7;
  }

  .choose-card {
    padding: 16px;
    border-radius: 16px;
  }

  .choose-card img {
    width: 34px;
    height: 34px;
    margin-bottom: 16px;
  }

  .choose-card h4 {
    font-size: 17px;
    margin-bottom: 12px;
  }

  .choose-card p {
    font-size: 12px;
    line-height: 1.7;
  }
}
/* ends here */

/* OUR PURPOSE */
@media (max-width: 1024px) {
  .purpose-section {
    padding: 70px 0;
  }

  .purpose-section h2 {
    font-size: 58px;
  }

  .purpose-section h3 {
    font-size: 30px;
  }

  .purpose-section > .container > .row:first-child p {
    font-size: 18px;
  }

  .purpose-card {
    padding: 30px;
  }

  .purpose-card h2 {
    font-size: 42px;
  }

  .purpose-card p {
    font-size: 18px;
    line-height: 1.8;
  }

  .purpose-card img {
    width: 52px;
    height: 52px;
  }
}
@media (max-width: 991px) {
  .purpose-section {
    padding: 65px 0;
  }

  .purpose-section .container {
    width: 92%;
  }

  .purpose-section h2 {
    font-size: 48px;
  }

  .purpose-section h3 {
    font-size: 28px;
  }

  .purpose-section > .container > .row:first-child p {
    font-size: 17px;
    max-width: 100%;
  }

  .row > .col-lg-6 {
    display: block;
  }

  .purpose-card {
    padding: 28px;
  }

  .purpose-card h2 {
    font-size: 38px;
  }

  .purpose-card p {
    font-size: 17px;
  }
}
@media (max-width: 767px) {
  .purpose-section {
    padding: 60px 0;
  }

  .purpose-section h2 {
    font-size: 40px;
    line-height: 1.2;
  }

  .purpose-section h3 {
    font-size: 24px;
    line-height: 1.4;
  }

  .purpose-section > .container > .row:first-child p {
    font-size: 16px;
    line-height: 1.7;
  }

  .purpose-card {
    padding: 24px;
    border-radius: 22px;
  }

  .purpose-card img {
    width: 48px;
    height: 48px;
    margin-bottom: 24px;
  }

  .purpose-card h2 {
    font-size: 34px;
    margin-bottom: 18px;
  }

  .purpose-card p {
    font-size: 16px;
    line-height: 1.8;
  }
}
@media (max-width: 576px) {
  .purpose-section {
    padding: 50px 0;
  }

  .purpose-section h2 {
    font-size: 34px;
  }

  .purpose-section h3 {
    font-size: 22px;
  }

  .purpose-section > .container > .row:first-child p {
    font-size: 15px;
  }

  .purpose-card {
    text-align: center;
    padding: 22px;
  }

  .purpose-card img {
    margin: 0 auto 20px;
  }

  .purpose-card h2 {
    font-size: 30px;
  }

  .purpose-card p {
    font-size: 15px;
  }
}
@media (max-width: 480px) {
  .purpose-section {
    padding: 45px 0;
  }

  .purpose-section h2 {
    font-size: 30px;
  }

  .purpose-section h3 {
    font-size: 20px;
  }

  .purpose-section > .container > .row:first-child p {
    font-size: 14px;
  }

  .purpose-card {
    padding: 20px;
  }

  .purpose-card img {
    width: 44px;
    height: 44px;
  }

  .purpose-card h2 {
    font-size: 28px;
  }

  .purpose-card p {
    font-size: 14px;
  }
}
@media (max-width: 400px) {
  .purpose-section {
    padding: 40px 0;
  }

  .purpose-section h2 {
    font-size: 26px;
  }

  .purpose-section h3 {
    font-size: 18px;
  }

  .purpose-section > .container > .row:first-child p {
    font-size: 13px;
  }

  .purpose-card {
    padding: 18px;
  }

  .purpose-card img {
    width: 40px;
    height: 40px;
  }

  .purpose-card h2 {
    font-size: 24px;
  }

  .purpose-card p {
    font-size: 13px;
    line-height: 1.7;
  }
}
@media (max-width: 320px) {
  .purpose-section {
    padding: 35px 0;
  }

  .purpose-section h2 {
    font-size: 22px;
  }

  .purpose-section h3 {
    font-size: 16px;
  }

  .purpose-section > .container > .row:first-child p {
    font-size: 12px;
    line-height: 1.6;
  }

  .purpose-card {
    padding: 16px;
    border-radius: 18px;
  }

  .purpose-card img {
    width: 36px;
    height: 36px;
    margin-bottom: 16px;
  }

  .purpose-card h2 {
    font-size: 22px;
    margin-bottom: 14px;
  }

  .purpose-card p {
    font-size: 12px;
    line-height: 1.7;
  }
}
/* ENDS HRE*/

/* Ready to Experience the AI Advantage? */
@media (max-width: 991px) {
  .cta-box {
    padding: 45px 30px;

    text-align: center;
  }

  .cta-content h2 {
    font-size: 42px;
  }

  .cta-content p {
    font-size: 18px;

    max-width: 100%;
  }

  .cta-btn {
    justify-content: center;

    margin-top: 15px;
  }
}
@media (max-width: 576px) {
  .cta-section {
    padding: 50px 0;
  }

  .cta-box {
    padding: 35px 22px;

    border-radius: 22px;
  }

  .cta-content h2 {
    font-size: 30px;
  }

  .cta-content p {
    font-size: 15px;
  }

  .connect-btn {
    padding: 18px 30px;

    font-size: 17px;
  }

  .connect-btn span {
    font-size: 20px;
  }
}
/* ends here */

/*  Where we work */

/* ends here */

/* ******************************************************************************************** */

/* ***************************************   AICHATBOT PAGE  ***************************************************** */

/* Header */
@media (max-width: 1024px) {
  .ai-menu-wrapper {
    display: none;
  }

  .ai-phone-btn-desktop {
    display: none;
  }

  .ai-menu-toggle {
    display: flex;
  }
}
@media (max-width: 768px) {
  .ai-header {
    padding: 18px 0;
  }

  .ai-logo img {
    max-width: 150px;
  }

  .mobile-menu {
    width: 300px;
    padding: 95px 25px 30px;
  }

  .mobile-nav-list a {
    font-size: 18px;
  }

  .ai-phone-btn {
    padding: 14px 18px;
  }
}
@media (max-width: 480px) {
  .ai-header {
    padding: 15px 0;
  }

  .ai-logo img {
    max-width: 135px;
  }

  .ai-menu-toggle {
    width: 50px;
    height: 50px;
  }

  .ai-menu-toggle span {
    width: 24px;
  }

  .mobile-menu {
    width: 280px;
  }

  .mobile-nav-list {
    gap: 22px;
  }

  .mobile-nav-list a {
    font-size: 17px;
  }
}
/* Ends here */

/* Hero Section */
@media (min-width: 992px) and (max-width: 1024px) {
  .hero-section {
    padding: 0px 0 60px;
  }

  .hero-content {
    min-height: 560px;
  }

  .hero-content h1 {
    font-size: 34px;
    margin-bottom: 0px;
  }

  .hero-content h3 {
    font-size: 18px;
  }

  .hero-content .hero-text {
    font-size: 15px;
    line-height: 1.7;
  }

  .hero-buttons {
    padding: 24px 0;
  }

  .de-btn {
    width: 260px;
    height: 56px;
    font-size: 16px;
  }

  .imaged p {
    font-size: 16px;
  }

  .hero-content h5 {
    font-size: 14px;
  }

  .hero-image-wrapper {
    min-height: 560px;
  }

  .hero-image {
    max-width: 520px;
    transform: translateY(-110px);
  }

  .glass-card {
    width: 240px;
    margin-top: -35px;
    padding: 16px 20px;
  }

  .glass-img {
    width: 44px;
    height: 44px;
    padding: 12px;
  }

  .glass-content h4 {
    font-size: 20px;
  }

  .glass-content p {
    font-size: 14px;
  }
}
@media (min-width: 770px) and (max-width: 991px) {
  .hero-section {
    padding: 20px 0 50px;
  }

  .hero-section .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .hero-content {
    min-height: 500px;
    text-align: left;
    margin: 0 auto;
  }

  .hero-content h1 {
    font-size: 24px;
    line-height: 1.15;
    margin: 0;
  }

  .hero-content h3 {
    font-size: 13px;
    line-height: 1.35;
  }

  .hero-content .hero-text {
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 0;
  }

  .hero-buttons {
    padding: 20px 0;
  }

  .de-btn {
    width: 220px;
    height: 50px;
    font-size: 14px;
    gap: 10px;
  }

  .tick-icons {
    display: flex;
    align-items: center;
    gap: 18px;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-top: 20px;
  }

  .imaged {
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    flex: 0 0 auto;
  }

  .imaged img {
    width: 18px;
    height: 18px;
    object-fit: contain;
    flex-shrink: 0;
  }

  .imaged p {
    margin: 0;
    font-size: 14px;
    line-height: 1.4;
    white-space: nowrap;
  }

  .de-btn img {
    width: 20px;
  }

  .hero-content h5 {
    font-size: 12px;
    line-height: 1.5;
  }

  .hero-image-wrapper {
    min-height: 500px;
  }

  .hero-image {
    max-width: 500px;
    transform: translateY(-110px);
  }

  .glass-card {
    width: 210px;
    padding: 14px 16px;
    gap: 14px;
    margin-top: -45px;
  }

  .glass-img {
    width: 40px;
    height: 40px;
    padding: 10px;
    border-radius: 12px;
  }

  .glass-content h4 {
    font-size: 17px;
    margin-bottom: 4px;
  }

  .glass-content p {
    font-size: 12px;
  }

  .hero-section {
    padding: 50px 0;
  }

  .hero-section .row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }

  .hero-section .col-lg-6 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .hero-content {
    min-height: auto;
    text-align: center;
    align-items: center;
    justify-content: center;
    padding-right: 0;
    margin-bottom: 10px;
  }

  .hero-content h1 {
    font-size: 26px;
    line-height: 1.15;
    margin-bottom: 10px;
  }

  .hero-content h3 {
    font-size: 17px;
    line-height: 1.4;
    margin-bottom: 10px;
  }

  .hero-content .hero-text {
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 12px;
    max-width: 100%;
  }

  .hero-buttons {
    padding: 0;
    margin: 12px 0;
    justify-content: center;
  }

  .de-btn {
    width: 260px;
    height: 56px;
    font-size: 15px;
    gap: 10px;
  }

  .de-btn img {
    width: 20px;
  }

  .tick-icons {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0px 0;
  }

  .imaged {
    display: flex;
    align-items: center;
    gap: 6px;
  }

  .imaged img {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
  }

  .imaged p {
    margin: 0;
    font-size: 14px;
    line-height: 1.4;
    white-space: nowrap;
  }

  .hero-content h5 {
    font-size: 13px;
    line-height: 1.5;
    margin: 10px 0 0;
  }

  .hero-image-wrapper {
    position: relative;
    width: 100%;
    min-height: 380px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    margin-top: 0;
  }

  .hero-image {
    width: 100%;
    max-width: 320px;
    margin: 0 auto;
    display: block;
    transform: translateY(-35px);
  }

  .glass-card {
    position: absolute;
    left: 50%;
    bottom: 5px;
    top: auto;
    transform: translateX(-50%);
    width: 200px;
    padding: 12px 16px;
    gap: 12px;
  }

  .glass-img {
    width: 38px;
    height: 38px;
    padding: 10px;
  }

  .glass-content h4 {
    font-size: 15px;
    margin-bottom: 4px;
  }

  .glass-content p {
    font-size: 12px;
    line-height: 1.4;
    margin: 0;
  }
}
/* Ends here */

/* AICHATBOT NEEDS */
@media (min-width: 1200px) {
  .chatbot-section .container {
    max-width: 1200px;
  }

  .chatbot-content {
    padding-right: 30px;
  }

  .chatbot-image-wrapper {
    max-width: 620px;
  }
}
@media (max-width: 991px) {
  .chatbot-section {
    padding: 70px 0;
  }

  .chatbot-content {
    max-width: 100%;
    text-align: center;
    margin-bottom: 45px;
  }

  .chatbot-content h2 {
    font-size: 40px;
  }

  .chatbot-content .chatai {
    font-size: 18px;
  }

  .chatbot-content p {
    font-size: 17px;
  }

  .chatbot-image-wrapper {
    margin: auto;
    max-width: 560px;
  }

  .quote-card {
    left: 20px;
    right: 20px;
    bottom: 20px;
  }
}
@media (max-width: 768px) {
  .chatbot-content h2 {
    font-size: 32px;
  }

  .chatbot-content .chatai {
    font-size: 17px;
  }

  .chatbot-content p {
    font-size: 16px;
    line-height: 1.7;
  }

  .chatbot-btn {
    width: 100%;
    max-width: 350px;
    justify-content: center;
  }

  .chatbot-image-wrapper {
    max-width: 100%;
  }

  .quote-card {
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    margin-top: -55px;
    margin-left: 15px;
    margin-right: 15px;
    padding: 18px;
  }

  .quote-card p {
    font-size: 14px;
  }
}
@media (max-width: 575px) {
  .chatbot-content h2 {
    font-size: 22px;
  }

  .chatbot-content .chatai {
    font-size: 16px;
  }

  .chatbot-content p {
    font-size: 15px;
  }

  .chatbot-btn {
    padding: 16px 20px;
    font-size: 16px;
  }

  .chatbot-btn img {
    width: 16px;
  }

  .quote-card {
    margin-top: -40px;
    padding: 16px;
  }

  .quote-card p {
    font-size: 13px;
    line-height: 1.7;
  }

  .quote-card span {
    font-size: 12px;
  }

  .quote-icon img {
    width: 18px;
  }
}
/* ENDS HERE */

/* AI speed section */
@media (max-width: 767px) {
  .section-title {
    margin-bottom: 40px;
  }

  .section-title h2 {
    font-size: 32px;
  }

  .section-title p {
    font-size: 15px;
  }

  .industry-body h3 {
    font-size: 22px;
  }

  .industry-image img {
    height: 220px;
  }

  .industry-tags {
    width: 100%;
    text-align: center;
    font-size: 12px;
  }
}
@media (max-width: 500px) {
  .section-title {
    margin-bottom: 40px;
  }

  .section-title h2 {
    font-size: 28px;
  }

  .section-title p {
    font-size: 15px;
  }

  .industry-body h3 {
    font-size: 22px;
  }

  .industry-image img {
    height: 220px;
  }

  .industry-tags {
    width: 100%;
    text-align: center;
    font-size: 12px;
  }
}
@media (max-width: 380px) {
  .section-title {
    margin-bottom: 40px;
  }

  .section-title h2 {
    font-size: 26px;
  }

  .section-title p {
    font-size: 15px;
  }

  .industry-body h3 {
    font-size: 22px;
  }

  .industry-image img {
    height: 220px;
  }

  .industry-tags {
    width: 100%;
    text-align: center;
    font-size: 12px;
  }
}
@media (max-width: 360px) {
  .section-title {
    margin-bottom: 40px;
  }

  .section-title h2 {
    font-size: 22px;
  }

  .section-title p {
    font-size: 15px;
  }

  .industry-body h3 {
    font-size: 18px;
  }

  .industry-image img {
    height: 220px;
  }

  .industry-tags {
    width: 100%;
    text-align: center;
    font-size: 12px;
    max-width: 320px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
}
/* Ends here */

/* Build my ai-agent */
@media (max-width: 1199px) {
  .agent-wrapper {
    padding: 30px;
  }

  .agent-content {
    padding-left: 20px;
  }

  .agent-content h2 {
    font-size: 38px;
  }

  .agent-content h4 {
    font-size: 24px;
    line-height: 1.4;
  }

  .agent-content p {
    font-size: 15px;
  }

  .agent-image img {
    height: 320px;
    object-fit: cover;
  }

  .feature-list li {
    font-size: 14px;
  }

  .quote-content h3 {
    font-size: 24px;
  }

  .quote-btn {
    padding: 14px 26px;
  }
}
@media (max-width: 991px) {
  .agent-image img {
    width: 100%;
    height: 0 auto;
    object-fit: contain;
  }

  .agent-content {
    padding-left: 0;
  }

  .agent-btn {
    font-size: 18px;
    margin-top: 20px;
    max-width: 320px;
  }

  .agent-content h2 {
    font-size: 36px;
  }

  .agent-content h4 {
    font-size: 24px;
  }

  .feature-list {
    margin-bottom: 0;
  }

  .quote-section {
    text-align: center;
  }

  .quote-btn {
    font-size: 18px;
    margin-top: 20px;
    max-width: 320px;
  }
}
@media (max-width: 767px) {
  .agent-wrapper {
    padding: 22px;
  }

  .agent-content {
    margin-top: 25px;
    padding-left: 0;
    text-align: center;
  }

  .agent-image img {
    height: 300px;
  }

  .agent-content h2 {
    font-size: 30px;
  }

  .agent-content h4 {
    font-size: 20px;
  }

  .agent-content p {
    font-size: 15px;
  }

  .feature-list li {
    font-size: 14px;
  }

  .agent-btn {
    width: 100%;
  }

  .quote-section {
    padding: 22px;
    text-align: center;
  }

  .quote-content h3 {
    font-size: 22px;
  }

  .quote-btn {
    width: 100%;
    margin-top: 18px;
  }
}
@media (max-width: 380px) {
  .agent-image {
    margin-bottom: 0px;
  }

  .agent-image img {
    width: 100%;
    height: auto;
    display: block;
  }

  .agent-content h2 {
    font-size: 22px;
  }

  .agent-content h3 {
    font-size: 16px;
  }

  .agent-btn {
    font-size: 16px;
  }
}
/* Ends here */

/* FAQ Section */
@media (max-width: 768px) {
  .faq-heading {
    text-align: center;
    margin-bottom: 35px;
  }

  .faq-heading h2 {
    text-align: left;
    font-size: 32px;
  }

  .faq-accordion .accordion-button {
    font-size: 15px;
    padding: 16px;
  }

  .faq-accordion .accordion-button span {
    width: 88%;
  }

  .accordion-body {
    font-size: 14px;
  }
}
@media (max-width: 600px) {
  .faq-heading {
    text-align: center;
    margin-bottom: 30px;
  }

  .faq-heading h2 {
    font-size: 28px;
    line-height: 1.3;
  }

  .faq-accordion .accordion-item {
    margin-bottom: 14px;
    border-radius: 8px !important;
  }

  .faq-accordion .accordion-button {
    padding: 14px;
    font-size: 14px;
    line-height: 1.5;
  }

  .faq-accordion .accordion-button span {
    width: 85%;
  }

  .accordion-body {
    padding: 0 14px 14px;
    font-size: 13px;
    line-height: 1.7;
  }
}
@media (max-width: 400px) {
  .faq-heading h2 {
    font-size: 22px;
  }

  .faq-accordion .accordion-button {
    font-size: 13px;
    padding: 12px;
  }

  .faq-accordion .accordion-button span {
    width: 82%;
  }

  .accordion-body {
    font-size: 12px;
  }
}
@media (max-width: 380px) {
  .faq-section {
    padding: 0px;
  }
}
/* Ends here */

/* Unibright solutions */
@media (max-width: 1199px) {
  .cta-heading h2 {
    font-size: 46px;
  }

  .cta-heading h3 {
    font-size: 28px;
  }

  .cta-card {
    padding: 28px 22px;
  }

  .cta-card h5 {
    font-size: 22px;
  }
}
@media (max-width: 991px) {
  .cta-heading h2 {
    font-size: 40px;
  }

  .cta-heading h3 {
    font-size: 26px;
  }

  .cta-heading p {
    font-size: 15px;
  }

  .cta-btn {
    margin-bottom: 45px;
  }

  .cta-card {
    text-align: center;
  }

  .card-icon {
    margin: 0 auto 20px;
  }
}
@media (max-width: 768px) {
  .cta-heading h2 {
    font-size: 34px;
  }

  .cta-heading h3 {
    font-size: 22px;
  }

  .cta-btn {
    width: 100%;
    justify-content: center;
    max-width: 320px;
  }
}
@media (max-width: 600px) {
  .cta-heading {
    margin-bottom: 30px;
  }

  .cta-heading h2 {
    font-size: 28px;
    line-height: 1.3;
  }

  .cta-heading h3 {
    font-size: 20px;
  }

  .cta-heading p {
    font-size: 14px;
    line-height: 1.8;
  }

  .cta-btn {
    padding: 15px;
    font-size: 15px;
    margin-bottom: 35px;
  }

  .cta-card {
    padding: 24px 20px;
  }

  .card-icon {
    width: 50px;
    height: 50px;
  }

  .card-icon img {
    width: 22px;
    height: 22px;
  }

  .cta-card h5 {
    font-size: 20px;
  }

  .cta-card p {
    font-size: 14px;
  }
}
@media (max-width: 400px) {
  .cta-heading h2 {
    font-size: 24px;
  }

  .cta-heading h3 {
    font-size: 18px;
  }

  .cta-heading p {
    font-size: 13px;
  }

  .cta-btn {
    font-size: 14px;
    max-width: 260px;
  }

  .cta-card h5 {
    font-size: 18px;
  }

  .cta-card p {
    font-size: 13px;
  }
}
/* Ends here */

/* ***************************************   AICHATBOT PAGE Ends  ******************************************** */

/* *************************************** AI Email Page ******************************************** */
/* Result That Speaks */
@media (max-width: 991px) {
  .results-section {
    padding: 70px 0;
  }

  .results-heading {
    font-size: 40px;
    margin-bottom: 35px;
  }

  .result-card {
    min-height: 170px;
  }

  .result-card h3 {
    font-size: 48px;
  }
}
@media (max-width: 768px) {
  .results-heading {
    font-size: 30px;
    text-align: center;
  }

  .result-card {
    min-height: auto;
    padding: 28px 22px;
    text-align: center;
    align-items: center;
  }

  .result-card p {
    max-width: 100%;
  }

  .result-card h1 {
    font-size: 34px;
  }
}
@media (max-width: 576px) {
  .results-heading {
    font-size: 28px;
    text-align: center;
  }

  .result-card {
    min-height: auto;
    padding: 28px 22px;
    text-align: center;
    align-items: center;
  }

  .result-card p {
    max-width: 100%;
  }

  .result-card h1 {
    font-size: 30px;
  }
}
@media (max-width: 360px) {
  .results-heading {
    font-size: 22px;
    text-align: center;
  }

  .result-card {
    min-height: auto;
    padding: 28px 22px;
    text-align: center;
    align-items: center;
  }

  .result-card p {
    max-width: 100%;
  }

  .result-card h1 {
    font-size: 28px;
  }
}
/* Ends here */

/* Follow Up Pipeline */
@media (max-width: 768px) {
  .prospect-title {
    font-size: 30px;
  }

  .prospect-text {
    font-size: 16px;
  }

  .info-card {
    text-align: center;
  }

  .info-card h3 {
    font-size: 22px;
  }

  .bottoms-banners {
    padding: 30px 20px;
    text-align: center;
  }

  .bottoms-banners h1 {
    font-size: 48px;
    text-align: center;
  }

  .bottoms-banners span {
    margin: 0 auto;
    text-align: center;
    margin-bottom: 30px;
  }

  .bottoms-banners h4 {
    font-size: 18px;
  }

  .bottoms-banners p {
    font-size: 14px;
  }
}
@media (max-width: 576px) {
  .prospect-section {
    padding-top: 20px;
  }

  .prospect-title {
    font-size: 22px;
  }

  .prospect-text {
    font-size: 16px;
  }

  .info-card {
    text-align: center;
  }

  .info-card h3 {
    font-size: 20px;
  }

  .bottoms-banners {
    padding: 30px 20px;
    text-align: center;
  }

  .bottoms-banners h1 {
    font-size: 48px;
    text-align: center;
  }

  .bottoms-banners span {
    margin: 0 auto;
    text-align: center;
    margin-bottom: 30px;
  }

  .bottoms-banners h4 {
    font-size: 16px;
  }

  .bottoms-banners p {
    font-size: 14px;
  }
}
/* Ends here */

/* Email Manager */
@media (max-width: 1199px) {
  .brittany-content h2 {
    font-size: 48px;
  }

  .feature-card h3 {
    font-size: 24px;
  }
}
@media (max-width: 991px) {
  .brittany-section {
    padding: 70px 0;
  }

  .brittany-content {
    text-align: center;
  }

  .brittany-content h2 {
    font-size: 42px;
    margin: auto auto 25px;
    max-width: 100%;
  }

  .brittany-text {
    max-width: 100%;
    margin: auto;
  }

  .brittany-image {
    margin-top: 20px;
  }

  .brittany-image img {
    max-width: 330px;
  }

  .feature-card {
    padding: 24px;
  }

  .feature-card h3 {
    font-size: 24px;
  }

  .campaign-box {
    text-align: center;
    padding: 35px;
  }

  .campaign-box h3 {
    font-size: 28px;
  }
}
@media (max-width: 768px) {
  .brittany-content h2 {
    font-size: 30px;
  }

  .brittany-text {
    font-size: 16px;
    line-height: 1.8;
  }

  .brittany-image img {
    max-width: 340px;
    text-align: center;
    margin: 0 auto;
  }

  .feature-card {
    padding: 22px;
    text-align: center;
  }

  .feature-card h3 {
    font-size: 22px;
  }

  .feature-card p {
    font-size: 15px;
    margin: 0 auto;
  }

  .campaign-box {
    padding: 28px 22px;
    border-radius: 18px;
  }

  .campaign-box h4 {
    font-size: 24px;
  }

  .campaign-box p {
    font-size: 15px;
  }
}
@media (max-width: 576px) {
  .brittany-content h2 {
    font-size: 26px;
  }

  .brittany-text {
    font-size: 15px;
  }

  .brittany-image img {
    max-width: 280px;
  }

  .feature-card {
    padding: 20px;
  }

  .feature-card h3 {
    font-size: 18px !important;
  }

  .feature-card p {
    font-size: 14px;
  }

  .campaign-box {
    padding: 24px 18px;
  }

  .campaign-box h4 {
    font-size: 17px !important;
  }

  .campaign-box p {
    font-size: 14px;
    line-height: 1.8;
  }
}
@media (max-width: 576px) {
  .brittany-content h2 {
    font-size: 22px;
  }
}
/* Ends here */

/* *************************************** AI Email Page Ends here******************************************** */

/* *************************************** AI SEO Content Writer******************************************** */

/* header */
@media (max-width: 768px) {
  .trusted-section {
    margin-top: 30px;
  }

  .trusted-heading h4 {
    font-size: 18px;
    line-height: 26px;
  }

  .trusted-image {
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
  }

  .trusted-image img {
    flex: 0 0 calc(25% - 20px);
    max-width: calc(25% - 20px);
    height: 35px;
  }
}
@media (max-width: 425px) {
  .trusted-image img {
    flex: 0 0 calc(25% - 15px);
    max-width: calc(25% - 15px);
    height: 30px;
  }
}
@media (max-width: 375px) {
  .trusted-heading h4 {
    font-size: 16px;
  }

  .trusted-image {
    gap: 15px;
  }

  .trusted-image img {
    flex: 0 0 calc(25% - 12px);
    max-width: calc(25% - 12px);
    height: 28px;
  }
}
@media (max-width: 320px) {
  .trusted-image {
    gap: 12px;
  }

  .trusted-image img {
    flex: 0 0 calc(25% - 10px);
    max-width: calc(25% - 10px);
    height: 24px;
  }
}
/* ends here */

/* Built For Google */
@media (max-width: 1199px) {
  .seo-heading {
    font-size: 38px;
  }

  .seo-card h3 {
    font-size: 22px;
  }
}
@media (max-width: 768px) {
  .seo-heading {
    font-size: 30px;
    line-height: 1.3;
  }

  .seo-text {
    font-size: 15px;
  }

  .seo-card {
    padding: 20px;
    text-align: center;
  }

  .seo-card h4 {
    font-size: 18px;
  }

  .seo-card p {
    font-size: 14px;
    line-height: 1.7;
  }
}
@media (max-width: 576px) {
  .seo-heading {
    font-size: 28px;
    line-height: 1.3;
  }

  .seo-text {
    font-size: 15px;
  }

  .seo-card {
    padding: 18px;
    text-align: center;
  }

  .seo-card h4 {
    font-size: 18px;
  }

  .seo-card p {
    font-size: 14px;
    line-height: 1.7;
  }
}
@media (max-width: 370px) {
  .seo-heading {
    font-size: 22px;
    line-height: 1.3;
  }

  .seo-text {
    font-size: 14px;
  }

  .seo-card {
    padding: 18px;
    text-align: center;
  }

  .seo-card h4 {
    font-size: 15px;
  }

  .seo-card p {
    font-size: 14px;
    line-height: 1.7;
  }
}
/* Ends here  */

/* Needs to Rank   & AI RECEPTIONIST PAGE RESPONSIVE CSS SECTION  ---Meet Brittany — The AI Receptionist That Never Misses a Call*/
@media (max-width: 1199px) {
  .page-title {
    font-size: 38px;
  }

  .page-card {
    padding: 24px;
  }

  .page-card h5 {
    font-size: 20px;
  }
}
@media (max-width: 768px) {
  .page-title {
    font-size: 30px;
  }

  .page-subtitle {
    font-size: 16px;
  }

  .page-card {
    padding: 22px;
  }

  .page-card h5 {
    font-size: 17px;
  }

  .bottom-text {
    text-align: left;
    margin-bottom: 15px;
  }

  .action-btn {
    display: inline-flex;
  }
}
@media (max-width: 576px) {
  .page-title {
    font-size: 28px;
  }

  .page-subtitle {
    font-size: 15px;
  }

  .page-card {
    padding: 22px;
  }

  .page-card h5 {
    font-size: 16px;
  }

  .bottom-text {
    text-align: left;
    margin-bottom: 13px;
  }

  .action-btn {
    display: inline-flex;
  }
}
@media (max-width: 375px) {
  .page-title {
    font-size: 22px;
  }

  .page-subtitle {
    font-size: 15px;
  }

  .page-card {
    padding: 22px;
  }

  .page-card h5 {
    font-size: 16px;
  }

  .bottom-text {
    text-align: left;
    margin-bottom: 12px;
  }

  .action-btn {
    display: inline-flex;
  }
}
/* Ends here */

/* Not just Publish */
@media (max-width: 1199px) {
  .industry-title {
    font-size: 28px;
  }

  .industry-card img {
    height: 200px;
  }

  .industry-content h4 {
    font-size: 20px;
  }

  .cta-content h3 {
    font-size: 28px;
  }
}
@media (max-width: 991px) {
  .industry-title {
    font-size: 34px;
  }

  .industry-subtitle {
    font-size: 16px;
  }

  .industry-card img {
    height: 190px;
  }

  .industry-content {
    padding: 20px;
  }

  .industry-content h4 {
    font-size: 20px;
  }

  .cta-content {
    padding: 30px;
  }

  .cta-content h3 {
    font-size: 18px;
  }
}
@media (max-width: 768px) {
  .industry-title {
    font-size: 30px;
    line-height: 1.3;
  }

  .industry-subtitle {
    font-size: 15px;
  }

  .industry-card img {
    height: 220px;
  }

  .industry-content {
    text-align: center;
    padding: 20px;
  }

  .industry-content h4 {
    font-size: 18px;
  }

  .industry-content p {
    font-size: 14px;
  }

  .cta-card {
    text-align: center;
  }

  .cta-content {
    padding: 28px 22px;
  }

  .cta-content h3 {
    font-size: 18px;
  }

  .cta-content p {
    font-size: 15px;
  }
}
@media (max-width: 576px) {
  .industry-title {
    font-size: 28px;
    line-height: 1.3;
  }

  .industry-subtitle {
    font-size: 15px;
  }

  .industry-card img {
    height: 220px;
  }

  .industry-content {
    text-align: center;
    padding: 20px;
  }

  .industry-content h4 {
    font-size: 18px;
  }

  .industry-content p {
    font-size: 14px;
  }

  .cta-card {
    text-align: center;
  }

  .cta-content {
    padding: 28px 22px;
  }

  .cta-content h3 {
    font-size: 17px;
  }

  .cta-content p {
    font-size: 15px;
  }
}
@media (max-width: 576px) {
  .industry-title {
    font-size: 22px;
    line-height: 1.3;
  }
}
/* Ends here */

/* Brittany Supports */
@media (max-width: 1199px) {
  .eeat-title {
    font-size: 38px;
  }

  .eeat-card h5 {
    font-size: 22px;
  }

  .faq-content h3 {
    font-size: 26px;
  }
}
@media (max-width: 768px) {
  .eeat-title {
    font-size: 32px;
  }

  .eeat-subtitle {
    font-size: 15px;
  }

  .eeat-highlight {
    font-size: 17px;
    line-height: 1.6;
  }

  .eeat-card {
    text-align: center;
    padding: 22px;
  }

  .eeat-icon {
    margin: 0 auto 20px;
  }

  .eeat-card h5 {
    font-size: 20px;
  }

  .eeat-card p {
    font-size: 14px;
  }

  .faq-content {
    text-align: center;
  }

  .faq-content h3 {
    font-size: 22px;
    text-align: left;
  }

  .faq-content p {
    font-size: 15px;
    text-align: left;
  }
}
@media (max-width: 575px) {
  .eeat-title {
    font-size: 28px;
  }

  .eeat-subtitle {
    font-size: 14px;
  }

  .eeat-highlight {
    font-size: 16px;
  }

  .eeat-card {
    padding: 20px;
    border-radius: 16px;
  }

  .eeat-icon {
    width: 50px;
    height: 50px;
  }

  .eeat-icon img {
    width: 20px;
    height: 20px;
  }

  .eeat-card h5 {
    font-size: 18px;
  }

  .eeat-card p {
    font-size: 13px;
  }

  .faq-content h3 {
    font-size: 20px;
  }

  .faq-content p {
    font-size: 14px;
  }
}
@media (max-width: 575px) {
  .eeat-title {
    font-size: 22px;
  }

  .eeat-subtitle {
    font-size: 14px;
  }

  .eeat-section h5 {
    font-size: 14px;
  }

  .eeat-highlight {
    font-size: 16px;
  }

  .eeat-card {
    padding: 20px;
    border-radius: 16px;
  }

  .eeat-icon {
    width: 50px;
    height: 50px;
  }

  .eeat-icon img {
    width: 20px;
    height: 20px;
  }

  .eeat-card h5 {
    font-size: 17px;
  }

  .eeat-card p {
    font-size: 13px;
  }

  .faq-content h3 {
    font-size: 17px;
  }

  .faq-content p {
    font-size: 14px;
  }
}
/* Ends here */

/* Real Keywords */
@media (max-width: 1199px) {
  .content-plan-box {
    padding: 40px 35px;
  }

  .content-plan-box h2 {
    font-size: 34px;
  }

  .content-plan-box p {
    font-size: 16px;
  }

  .content-btn {
    font-size: 18px;
    padding: 20px;
  }

  .content-plan-box::before,
  .content-plan-box::after {
    width: 150px;
  }
}
@media (max-width: 576px) {
  .content-plan-box {
    padding: 40px 35px;
  }

  .content-plan-box h2 {
    font-size: 24px;
  }

  .content-plan-box p {
    font-size: 14px;
  }

  .content-btn {
    font-size: 14px;
    padding: 20px;
  }

  .content-plan-box::before,
  .content-plan-box::after {
    width: 150px;
  }
}
@media (max-width: 380px) {
  .content-plan-box h2 {
    font-size: 22px;
  }

  .content-plan-box p {
    font-size: 14px;
  }

  .content-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
    padding: 13px 18px;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .audit-link {
    font-size: 14px;
  }

  .content-plan-box::before,
  .content-plan-box::after {
    width: 150px;
  }
}
/* Ends here */

/* *************************************** AI SEO Content Writer  Ends here******************************************** */

/* ***************************************AI RECEPTIONIST PAGE******************************************** */
/* Real Keywords */
@media (max-width: 1199px) {
  .content-plan-box {
    padding: 40px 35px;
  }

  .content-plan-box h3 {
    font-size: 24px;
  }

  .content-plan-box p {
    font-size: 16px;
  }

  .content-btn {
    font-size: 18px;
    padding: 20px;
  }

  .content-plan-box::before,
  .content-plan-box::after {
    width: 150px;
  }
}
@media (max-width: 576px) {
  .content-plan-box {
    padding: 40px 35px;
  }

  .content-plan-box h3 {
    font-size: 22px;
  }

  .content-plan-box p {
    font-size: 14px;
  }

  .content-btn {
    font-size: 14px;
    padding: 20px;
    max-width: 350px;
  }

  .content-plan-box::before,
  .content-plan-box::after {
    width: 150px;
  }
}
@media (max-width: 380px) {
  .content-plan-box h3 {
    font-size: 22px;
  }

  .content-plan-box p {
    font-size: 14px;
  }

  .content-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding: 14px 16px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
    text-align: center;
    white-space: normal;
    word-break: break-word;
    min-height: 52px;
  }

  .audit-link {
    font-size: 14px;
  }

  .content-plan-box::before,
  .content-plan-box::after {
    width: 150px;
  }
}
/* Ends here */

/* Banner board  */
@media (max-width: 1199px) {
  .brittany-card {
    padding: 24px 30px;
  }

  .brittany-title {
    font-size: 20px;
  }

  .brittanys-texts {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  .brittany-card {
    border-radius: 20px;
    padding: 22px 24px;
  }

  .brittany-title {
    font-size: 18px;
    margin-bottom: 14px;
  }

  .brittanys-texts {
    font-size: 15px;
    line-height: 1.7;
  }
}
@media (max-width: 768px) {
  .brittany-card {
    border-radius: 18px;
    padding: 18px;
  }

  .brittany-title {
    font-size: 17px;
    line-height: 1.5;
    margin-bottom: 12px;
  }

  .brittanys-texts {
    font-size: 14px;
    line-height: 1.7;
  }
}
@media (max-width: 480px) {
  .brittany-card {
    padding: 16px;
    border-radius: 16px;
  }

  .brittany-title {
    font-size: 16px;
  }

  .brittanys-texts {
    font-size: 13px;
    line-height: 1.65;
  }
}
/* ends here */

/* ***************************************AI RECEPTIONIST PAGE ENDS HERE******************************************** */

/* ***************************************AI Customized Automation page******************************************** */
/* Industry Actually Operates */
@media (min-width: 1441px) {
  .industry-icon {
    width: 64px;
    height: 64px;
    min-width: 64px;
    min-height: 64px;
    border-radius: 18px;
  }

  .industry-icon img {
    width: 28px;
    height: 28px;
  }
}
@media (max-width: 1199px) {
  .industry-image img {
    height: 330px;
  }
}
@media (max-width: 991px) {
  .industry-card {
    margin-bottom: 70px;
  }

  .industry-image img {
    height: 300px;
  }

  .industry-card:nth-child(even) .industry-content {
    padding-left: 20px;
  }

  .industry-card:nth-child(odd) .industry-content {
    padding-right: 20px;
  }

  .industry-icon {
    width: 56px;
    height: 56px;
    min-width: 56px;
    min-height: 56px;
  }

  .industry-icon img {
    width: 24px;
    height: 24px;
  }
}
@media (max-width: 768px) {
  .subtop {
    text-align: center;
  }

  .industry-section {
    padding: 40px 0;
  }

  .section-heading {
    margin-bottom: 50px;
  }

  .section-heading h2 {
    font-size: 28px;
    margin: 0 auto 15px;
  }

  .section-heading p {
    text-align: left;
  }

  .industry-card {
    margin-bottom: 55px;
  }

  .industry-content {
    padding: 20px 0 0;
  }

  .industry-card:nth-child(even) .industry-content,
  .industry-card:nth-child(odd) .industry-content {
    padding-left: 0;
    padding-right: 0;
  }

  .industry-image img {
    height: 260px;
  }

  .industry-icon {
    width: 54px;
    height: 54px;
    min-width: 54px;
    min-height: 54px;
    margin: 0 auto 15px;
  }

  .industry-icon img {
    width: 22px;
    height: 22px;
  }

  .industry-content p {
    margin: 0 auto;
  }
}
@media (max-width: 575px) {
  .industry-section {
    padding: 35px 0;
  }

  .section-heading {
    margin-bottom: 40px;
  }

  .industry-card {
    margin-bottom: 45px;
  }

  .industry-image {
    border-radius: 18px;
  }

  .industry-image img {
    height: 220px;
    border-radius: 18px;
  }

  .industry-badge {
    top: 14px;
    left: 14px;
    padding: 8px 16px;
    font-size: 11px;
  }

  .industry-icon {
    width: 50px;
    height: 50px;
    min-width: 50px;
    min-height: 50px;
    border-radius: 14px;
    margin-bottom: 18px;
  }

  .industry-icon img {
    width: 20px;
    height: 20px;
  }

  .industry-content h3,
  .industry-content p {
    text-align: left;
  }
}
@media (max-width: 380px) {
  .industry-section {
    padding: 35px 0;
  }

  .section-heading {
    margin-bottom: 40px;
  }

  .subtop {
    font-size: 12px;
  }

  .section-heading h2 {
    font-size: 22px;
  }

  .industry-card {
    margin-bottom: 45px;
  }

  .industry-image {
    border-radius: 18px;
  }

  .industry-image img {
    height: 220px;
    border-radius: 18px;
  }

  .industry-badge {
    top: 14px;
    left: 14px;
    padding: 8px 16px;
    font-size: 11px;
  }

  .industry-icon {
    width: 50px;
    height: 50px;
    min-width: 50px;
    min-height: 50px;
    border-radius: 14px;
    margin-bottom: 18px;
  }

  .industry-icon img {
    width: 20px;
    height: 20px;
  }

  .industry-content h3,
  .industry-content p {
    text-align: left;
  }

  .industry-content p {
    font-size: 14px;
  }
}
/* ends here */

/* Custom  Automation */
@media (max-width: 1199px) {
  .card-image img,
  .full-card .card-image img {
    height: 210px;
  }
}
@media (max-width: 991px) {
  .card-image img,
  .full-card .card-image img {
    height: 200px;
  }

  .full-card .card-content {
    padding: 20px;
  }

  .workflow-card {
    padding: 30px;
  }
}
@media (max-width: 768px) {
  .sects-heading {
    font-size: 26px;
  }

  .cards-heading {
    font-size: 18px;
  }

  .card-image {
    padding: 10px;
  }

  .card-image img,
  .full-card .card-image img {
    height: 190px;
  }

  .full-card .card-content {
    padding: 20px;
  }

  .workflow-card {
    padding: 22px;
  }

  .workflow-badges {
    gap: 12px;
  }

  .workflow-badge {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (max-width: 575px) {
  .sects-heading h2 {
    font-size: 2px;
  }

  .info-box {
    padding: 18px;
  }

  .card-image img,
  .full-card .card-image img {
    height: 180px;
  }

  .card-content {
    padding: 0 18px 20px;
  }

  .workflow-card {
    padding: 18px;
    margin-top: 40px;
  }

  .workflow-card h3 {
    font-size: 18px;
    margin-bottom: 20px;
  }

  .workflow-badge {
    font-size: 11px;
    padding: 10px 14px;
  }

  .badge-icon {
    width: 36px;
    height: 36px;
    min-width: 36px;
  }

  .badge-icon img {
    width: 18px;
    height: 18px;
  }
}
/* Ends here */

/* ***************************************AI Customized Automation Page Ends Here******************************************** */