.p1-hero-section {
    position: relative;
    width: 100%;
    padding: 80px 24px 100px;
    overflow: hidden;
    font-family: 'Poppins', sans-serif;
    background:
        radial-gradient(ellipse 55% 60% at 2% 30%, rgba(220, 180, 255, 0.28) 0%, transparent 70%),
        radial-gradient(ellipse 45% 50% at 98% 70%, rgba(180, 240, 230, 0.30) 0%, transparent 65%),
        radial-gradient(ellipse 40% 40% at 90% 10%, rgba(210, 190, 255, 0.18) 0%, transparent 60%),
        #f8f9ff;
}

.p1-deco {
    position: absolute;
    pointer-events: none;
    z-index: 0;
}

.p1-deco-lightning {
    left: 5%;
    top: 42%;
    width: 42px;
    height: 72px;
    opacity: 0.90;
}

.p1-deco-circle-teal {
    right: 8%;
    top: 40%;
    width: 16px;
    height: 16px;
    border: 2px solid #00D0A0;
    border-radius: 50%;
}

.p1-deco-dot-gold {
    right: 9%;
    top: 64%;
    width: 13px;
    height: 13px;
    background: #F5C518;
    border-radius: 50%;
    opacity: 0.70;
}

.p1-deco-squiggle {
    right: 3%;
    bottom: 18%;
    width: 90px;
    height: 55px;
    opacity: 0.55;
}

.p1-deco-pink-shard {
    left: 7%;
    top: 20%;
    width: 28px;
    height: 28px;
    background: rgba(255, 160, 180, 0.60);
    clip-path: polygon(50% 0%, 85% 38%, 100% 100%, 15% 80%, 0% 30%);
}

.p1-deco-teal-shard {
    left: 3%;
    bottom: 22%;
    width: 22px;
    height: 22px;
    background: rgba(0, 210, 180, 0.55);
    clip-path: polygon(50% 0%, 100% 50%, 80% 100%, 20% 100%, 0% 50%);
}

.p1-card-border {
    position: relative;
    z-index: 1;
    max-width: 1320px;
    margin: 0 auto;
    padding: 2px;
    border-radius: 34px;
    background: linear-gradient(135deg, rgba(68, 132, 131, 0.20) 0%, rgba(0, 208, 117, 0.20) 100%);
    overflow: hidden;
}

.p1-card {
    background: #ffffff;
    border-radius: 32px;
    padding: 55px 50px 45px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 20px;
}

.p1-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #EBF8F2;
    color: #00D075;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 1;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    padding: 8px 25px;
    border-radius: 50px;
}

.p1-heading {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 54px;
    line-height: 70px;
    color: #1B1B20;
    margin: 0;
    text-align: center;
    max-width: 1220px;
}

.p1-subtitle {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.65;
    color: #6B7280;
    max-width: 700px;
    margin: 0;
    text-align: center;
}


.p1-btn-row {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 25px;
    flex-wrap: wrap;
    width: 100%;
    max-width: 1220px;
}

.p1-btn-primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: #00D075;
    color: #ffffff;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 20px;
    letter-spacing: 0;
    text-transform: uppercase;
    text-decoration: none;
    padding: 15px 60px;
    border-radius: 50px;
    height: 65px;
    border: none;
    cursor: pointer;
    transition: background 0.25s ease, transform 0.15s ease;
    white-space: nowrap;
}

.p1-btn-primary:hover,
.p1-btn-primary:focus {
    background: #ffffff;
    color: #00D075;
    border: 1px solid #00D075;
}

.p1-btn-outline {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: transparent;
    color: #00D075;
    border: 1.5px solid #00D075;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 20px;
    letter-spacing: 0;
    text-transform: uppercase;
    text-decoration: none;
    padding: 15px 60px;
    border-radius: 50px;
    height: 65px;
    transition: background 0.25s ease, color 0.25s ease, transform 0.15s ease;
    white-space: nowrap;
}
.p1-btn-primary:hover .btn-icon,
.p1-btn-primary:focus .btn-icon {
    filter: brightness(0) saturate(100%) invert(55%) sepia(92%) saturate(500%) hue-rotate(100deg);
}
.btn-icon {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    display: block;
}

.p1-btn-outline:hover,
.p1-btn-outline:focus {
    background: #00D075;
    color: #ffffff;
    text-decoration: none;
    transform: translateY(-1px);
}

.p1-btn-outline:hover .btn-icon,
.p1-btn-outline:focus .btn-icon {
    filter: brightness(0) invert(1);
}

.p1-page {
    font-family: 'Poppins', sans-serif;
}

.p1-deco {
    position: absolute;
    pointer-events: none;
    z-index: 0
}

.p1-deco-lightning {
    left: 5%;
    top: 42%;
    width: 42px;
    height: 72px;
    opacity: 0.90;
}

.p1-deco-circle-teal {
    right: 8%;
    top: 40%;
    width: 16px;
    height: 16px;
    border: 2px solid #00D0A0;
    border-radius: 50%;
}

.p1-deco-dot-gold {
    right: 9%;
    top: 64%;
    width: 13px;
    height: 13px;
    background: #F5C518;
    border-radius: 50%;
    opacity: 0.70;
}

.p1-deco-squiggle {
    right: 3%;
    bottom: 18%;
    width: 90px;
    height: 55px;
    opacity: 0.55;
}

.p1-deco-pink-shard {
    left: 7%;
    top: 20%;
    width: 28px;
    height: 28px;
    background: rgba(255, 160, 180, 0.60);
    clip-path: polygon(50% 0%, 85% 38%, 100% 100%, 15% 80%, 0% 30%);
}

.p1-deco-teal-shard {
    left: 3%;
    bottom: 22%;
    width: 22px;
    height: 22px;
    background: rgba(0, 210, 180, 0.55);
    clip-path: polygon(50% 0%, 100% 50%, 80% 100%, 20% 100%, 0% 50%);
}

.p1-card-border {
    position: relative;
    z-index: 1;
    max-width: 1320px;
    margin: 0 auto;
    padding: 2px;
    border-radius: 34px;
    background: linear-gradient(135deg, rgba(68, 132, 131, 0.20) 0%, rgba(0, 208, 117, 0.20) 100%);
    overflow: hidden;
}

.p1-card {
    background: #ffffff;
    border-radius: 32px;
    padding: 55px 50px 45px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 20px;
}

.p1-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #EBF8F2;
    color: #00D075;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 1;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    padding: 8px 25px;
    border-radius: 50px;
}

.p1-heading {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 54px;
    line-height: 70px;
    color: #1B1B20;
    margin: 0;
    text-align: center;
    max-width: 1220px;
}

.p1-subtitle {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.65;
    color: #6B7280;
    max-width: 700px;
    margin: 0;
    text-align: center;
}


.p1-btn-row {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 25px;
    flex-wrap: wrap;
    width: 100%;
    max-width: 1220px;
}

.p1-btn-primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: #00D075;
    color: #ffffff;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 20px;
    letter-spacing: 0;
    text-transform: uppercase;
    text-decoration: none;
    padding: 15px 60px;
    border-radius: 50px;
    height: 65px;
    border: none;
    cursor: pointer;
    transition: background 0.25s ease, transform 0.15s ease;
    white-space: nowrap;
}


.p1-btn-outline {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: transparent;
    color: #00D075;
    border: 1.5px solid #00D075;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 20px;
    letter-spacing: 0;
    text-transform: uppercase;
    text-decoration: none;
    padding: 15px 60px;
    border-radius: 50px;
    height: 65px;
    transition: background 0.25s ease, color 0.25s ease, transform 0.15s ease;
    white-space: nowrap;
}

.btn-icon {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    display: block;
}

/* next  */
.p1-feature-tabs-wrapper{
    width: 100%;
    margin-top:20px;
    padding: 0 16px;
    box-sizing: border-box;
}

.p1-feature-tabs{
    width:100%;
    max-width:1320px;
    margin: 0 auto;
    background:#ffffff;
    border:1px solid #e6e6e6;
    border-radius:16px;
    padding:0 24px;
    height:65px;
    display:flex;
    align-items:center;
    gap:25px;
    box-shadow:0 4px 20px rgba(0,0,0,0.04);
    overflow-x: auto;
    overflow-y: hidden;
    flex-wrap: nowrap;
    -webkit-overflow-scrolling: touch; /* Smooth scrolling on iOS */
}

.p1-tab{
    background:none;
    border:none;
    font-family:'Poppins',sans-serif;
    font-weight:500;
    font-size:18px;
    color:rgba(27,27,32,0.6);

    padding:12px 0;
    cursor:pointer;
    position:relative;
    flex: 0 0 auto;
    white-space: nowrap;
}

.p1-tab.active{
    color:#00D075;
}

.p1-tab.active::after{
    content:"";
    position:absolute;
    bottom:-12px;
    left:0;
    width:100%;
    height:3px;
    background:#00D075;
    border-radius:2px;
}

html{
scroll-behavior:smooth;
}
section{
scroll-margin-top:120px;
}

/* next */
.p1-why-section {
    font-family: 'Poppins', sans-serif;
    background:transparent;
    padding: 80px 24px 90px;
}

.p1-why-inner {
    max-width: 1320px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
}

.p1-why-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    width: 100%;
    text-align: center;
}

.p1-why-eyebrow {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 1;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #00D075;
    margin: 0;
}

.p1-why-heading {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 40px;
    line-height: 1;
    letter-spacing: 0;
    color: #1B1B20;
    margin: 0;
    text-align: center;
    width: 100%;
}

.p1-why-subtitle {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 1;
    letter-spacing: 0;
    color: #1B1B20;
    opacity: 0.90;
    margin: 0;
    text-align: center;
    max-width: 740px;
}

.p1-why-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    width: 100%;
}

.p1-why-card {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    background: #ffffff;
    border-radius: 16px;
    border: 1px solid #E6EBEA;
    padding: 32px;
    gap: 24px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
    transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.p1-why-card:hover {
    box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.10);
    transform: translateY(-2px);
}

.p1-why-card--featured {
    border-color: #00D075;
}

.p1-why-card-icon {
    width: 45px;
    height: 45px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.p1-why-card-icon svg {
    width: 45px;
    height: 45px;
}

.p1-why-card-title {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 20px;
    line-height: 1;
    letter-spacing: 0;
    color: #1B1B20;
    margin: 0;
    width: 100%;
    text-align: center;
}

.p1-why-card-desc {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
    color: #1B1B20;
    opacity: 0.80;
    margin: 0;
    width: 100%;
    text-align: center;
}
.p1-why-card-icon {
    width: 45px;
    height: 45px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
}
.p1-why-card-icon img {
    width: 22px;
    height: 22px;
    object-fit: contain;
}
.icon-blue {
    background: #E8F1FF;
}

.icon-peach {
    background: #FFEFE6;
}

.icon-purple {
    background: #F3E8FF;
}

.icon-orange {
    background: #FFF4E5;
}

.icon-green {
    background: #E6F9F1;
}
/* next */
.p1-feature-showcase{
padding:80px 24px;
background:#f9fafb; 
font-family:'Poppins',sans-serif;
}

.p1-showcase-inner{
max-width:1320px;
margin:0 auto;
display:flex;
flex-direction:column;
gap:35px;
}

.p1-showcase-card{
display:flex;
align-items:center;
gap:50px;
background:#ffffff;
border-radius:32px;
border:1px solid #E6E6E6;
padding:50px;
box-shadow:0 4px 14px rgba(0,0,0,0.12);
}

.p1-showcase-reverse{
flex-direction:row-reverse;
}

.p1-showcase-content{
width:585px;
display:flex;
flex-direction:column;
gap:16px;
}

.p1-showcase-label{
font-size:14px;
font-weight:600;
color:#00D075;
letter-spacing:0.04em;
text-transform:uppercase;
}

.p1-showcase-title{
font-size:40px;
font-weight:700;
color:#1B1B20;
line-height:52px;
}

.p1-showcase-desc{
font-size:16px;
color:#1B1B20;
opacity:.9;
}

.p1-showcase-list{
margin-top:10px;
padding-left:0;
list-style:none;
display:flex;
flex-direction:column;
gap:10px;
}

.p1-showcase-list li{
font-size:17px;
color:#1B1B20;
opacity:.8;
position:relative;
padding-left:26px;
@media (max-width: 1200px) {
  text-align: start;
}
}

.p1-showcase-list li:before{
content:"✓";
position:absolute;
left:0;
color:#00D075;
font-weight:700;
}

.p1-showcase-image{
width:585px;
display:flex;
justify-content:center;
}

.p1-showcase-image-bg{
width:585px;
height:378px;
border-radius:24px;
background:linear-gradient(135deg,rgba(72,132,179,0.2),rgba(0,208,117,0.2));
display:flex;
align-items:center;
justify-content:center;
}

.p1-showcase-image-bg img{
width:474px;
border-radius:16px;
}

.p1-showcase-reverse{
flex-direction:row-reverse;
}

@media(max-width:1024px){

.p1-showcase-card{
flex-direction:column;
}

.p1-showcase-reverse{
flex-direction:column;
}

.p1-showcase-content,
.p1-showcase-image{
width:100%;
}

.p1-showcase-image-bg{
width:100%;
}

}

.p1-showcase-image-bg{
width:585px;
height:378px;
border-radius:24px;
background:linear-gradient(
135deg,
rgba(72,132,179,0.25),
rgba(0,208,117,0.25)
);
display:flex;
align-items:center;
justify-content:center;
}


.p1-showcase-ui-card{
width:474px;
border-radius:16px;
box-shadow:
0px 4px 14px rgba(0,0,0,0.12);
background:#fff;
} 

.p1-showcase-card-highlight{
border:1px solid #00D075;
}

.p1-why-section-for-bg {
padding:90px 24px;
display:flex;
justify-content:center;
background:#ffffff;
font-family:'Poppins',sans-serif;
}

.background-light-test{
  background-image: url(../images//Rectangle\ 1637\ \(1\).png);
    background-position-x: center;
    background-position-y: bottom;
    background-repeat: no-repeat;
}

/* next */
.p1-integrations-section{
  padding:90px 24px;
  background:transparent;
  display:flex;
  justify-content:center;
  font-family:'Poppins',sans-serif;
}

.p1-integrations-inner{
  width:100%;
  max-width:1320px;
  padding:70px;
  border-radius:32px;
  background:#F8FBFF;
  border:1px solid #4484B3;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:35px;
  text-align:center;
}

.p1-integrations-eyebrow{
  font-size:20px;
  font-weight:500;
  letter-spacing:0.04em;
  text-transform:uppercase;
  color:#00D075;
}

.p1-integrations-title{
  font-size:40px;
  font-weight:700;
  color:#1B1B20;
}

.p1-integrations-subtitle{
  font-size:20px;
  color:#1B1B20;
  opacity:.9;
  max-width:800px;
}

.p1-integrations-logos{
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  width: 100%;
  justify-content: center;
}
.p1-integration-logo{
  width:100%;
  max-width: 200px;
  height:92px;
  background:#fff;
  border-radius:8px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px;
  box-shadow:0 0 10px rgba(0,0,0,0.08);
  transition:transform .2s ease, box-shadow .2s ease;
  margin: 0 auto;
}

.p1-integration-logo:hover{
  transform:translateY(-4px);
  box-shadow:0 8px 20px rgba(0,0,0,0.12);
}

.p1-integration-logo img{
  max-height:76px;
  object-fit:contain;
}
/* Removed scattered alignment rule */
.p1-integrations-note{
  font-size:20px;
  color:#1B1B20;
  opacity:.9;
  max-width:900px;
}

@media (max-width:480px){
.p1-integration-logo{
width:100%;
}
}

/* next */
.p1-features-list-section{
padding:100px 24px;
background:transparent;
font-family:'Poppins',sans-serif;
}

.p1-features-list-inner{
max-width:1320px;
margin:0 auto;
text-align:center;
}

.p1-features-list-eyebrow{
font-size:16px;
font-weight:600;
letter-spacing:0.05em;
text-transform:uppercase;
color:#00D075;
margin-bottom:10px;
}

.p1-features-list-title{
font-size:40px;
font-weight:700;
color:#1B1B20;
margin-bottom:16px;
}

.p1-features-list-subtitle{
font-size:18px;
color:#6B7280;
max-width:620px;
margin:0 auto 40px;
line-height:1.6;
}

.p1-features-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:24px;
}

.p1-feature-pill{
display:flex;
align-items:center;
gap:8px;
height:56px;
border:1px solid #E3E5E4;
border-radius:100px;
padding:16px 24px;
background:#fff;
box-shadow:0 2px 4px rgba(0,0,0,0.08);
font-size:16px;
color:#1B1B20;
}

.p1-feature-pill img{
width:18px;
height:18px;
}

.p1-feature-pill span{
white-space:nowrap;
}

@media (max-width:1100px){
.p1-features-grid{
grid-template-columns:repeat(2,1fr);
}

}

@media (max-width:600px){
.p1-features-grid{
grid-template-columns:1fr;
}

.p1-features-list-title{
font-size:32px;
}

.p1-feature-pill{
height:auto;
padding:14px 18px;
}

}

.p1-cta-section {
    font-family: 'Inter', 'Poppins', sans-serif;
    background:
        radial-gradient(ellipse 65% 70% at 0% 50%, rgba(0, 208, 117, 0.07) 0%, transparent 60%),
        radial-gradient(ellipse 55% 65% at 100% 50%, rgba(68, 132, 179, 0.06) 0%, transparent 58%),
        #f4fdf8;
    padding: 60px 24px 80px;
}

.p1-cta-card {
    max-width: 1320px;
    margin: 0 auto;
    background: linear-gradient(135deg, #02CF77 0%, #579AC5 100%);
    border-radius: 30px;
    padding: 60px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 35px;
    text-align: center;
}

.p1-cta-heading {
    font-family: 'Inter', 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 40px;
    line-height: 1;
    color: #ffffff;
    margin: 0;
    text-align: center;
}

.p1-cta-subtitle {
    font-family: 'Inter', 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 1;
    color: #ffffff;
    margin: 0;
    max-width: 640px;
}
.p1-cta-btn-primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: #ffffff;
    color: #00D075;
    font-family: 'Inter', 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 18px;
    letter-spacing: 0;
    text-transform: uppercase;
    text-decoration: none;
    padding: 15px 60px;
    border-radius: 50px;
    height: 65px;
    border: none;
    white-space: nowrap;
    transition: background 0.2s ease, color 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease;
}

.p1-cta-btn-primary:hover,
.p1-cta-btn-primary:focus {
    background: #f0fdf7;
    color: #00b864;
    text-decoration: none;
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
}

@media (max-width: 1100px) {
    .p1-cta-card {
        padding: 50px 40px;
    }
}

@media (max-width: 992px) {
    .p1-cta-section {
        padding: 48px 16px 60px;
    }

    .p1-cta-heading {
        font-size: 34px;
    }

    .p1-cta-card {
        padding: 45px 32px;
        gap: 28px;
    }
}

@media (max-width: 768px) {
    .p1-cta-card {
        padding: 40px 24px;
        gap: 24px;
        border-radius: 20px;
    }

    .p1-cta-heading {
        font-size: 28px;
    }

    .p1-cta-subtitle {
        font-size: 16px;
    }

    .p1-cta-btn-primary {
        height: 56px;
        font-size: 15px;
        padding: 15px 40px;
    }
}

@media (max-width: 480px) {
    .p1-cta-card {
        padding: 32px 20px;
        border-radius: 16px;
    }

    .p1-cta-heading {
        font-size: 24px;
    }

    .p1-cta-subtitle {
        font-size: 15px;
    }

    .p1-cta-btn-primary {
        width: 100%;
        padding: 15px 24px;
        font-size: 14px;
    }
}
.btn-custom1
 {
    color: #00d075;
    border-radius: 50px;
    font-size: 20px;
    font-weight: 600;
    padding: 15px 60px;
    border: 2px solid transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transition: background-color 0.3s, color 0.3s, border-color 0.3s;
    display: flex;
}

.footer{
    padding: 0 !important;
    margin: 0 !important;
    background: none !important;
}

@media (max-width:1200px){

.p1-showcase-card{
flex-direction:column;
text-align:center;
gap:30px;
}

.p1-showcase-reverse{
flex-direction:column;
}

.p1-showcase-content,
.p1-showcase-image{
width:100%;
}

.p1-showcase-image-bg{
width:100%;
height:auto;
}

.p1-showcase-ui-card{
width:100%;
max-width:480px;
}

}
/* Tablet */
@media (max-width:992px){

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

.p1-why-heading{
font-size:32px;
}

.p1-showcase-title{
font-size:32px;
}

.p1-integrations-inner{
padding:40px;
}

.p1-showcase-card{
padding:40px 30px;
}

}

/* Small Tablet */

@media (max-width:768px){

.p1-card{
padding:40px 25px;
}

.p1-btn-row{
flex-direction:row;
gap:16px;
}

.p1-btn-primary,
.p1-btn-outline{
width:auto;
  flex:1;            
  height:auto;
  padding:14px 12px;
  font-size:16px;
}

.p1-feature-tabs{
overflow-x:auto;
white-space:nowrap;
}

.p1-tab{
flex:0 0 auto;
}

.p1-why-cards{
grid-template-columns:repeat(2,1fr);
}

.p1-features-grid{
grid-template-columns:repeat(2,1fr);
}

.p1-integrations-logos{
    gap: 16px;
    justify-content: center;
}
}
/* Mobile*/

@media (max-width:576px){

.p1-heading{
font-size:30px;
line-height:38px;
}

.p1-subtitle{
font-size:14px;
}

.p1-why-heading{
font-size:26px;
}

.p1-showcase-title{
font-size:26px;
}

.p1-showcase-desc{
font-size:15px;
}

.p1-why-cards{
grid-template-columns:1fr;
}

.p1-features-grid{
grid-template-columns:1fr;
}

.p1-integrations-logos{
    gap: 16px;
}

.p1-integrations-inner{
padding:30px 20px;
}

.p1-showcase-card{
padding:30px 20px;
}

}
/* Small Mobile*/

@media (max-width:400px){

.p1-heading{
font-size:26px;
}

.p1-showcase-title{
font-size:22px;
}

.p1-btn-primary,
.p1-btn-outline{
font-size:14px;
padding:12px 18px;
}

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

.btn-custom1{
width:100%;
padding:14px 20px;
font-size:16px;
text-align:center;
flex-wrap:wrap;
line-height:1.3;
}

.p1-cta-heading{
font-size:24px;
}

.p1-cta-subtitle{
font-size:14px;
line-height:1.5;
}

}
@media (max-width:768px){
.p1-integration-logo{
width:100%;
height:80px;
}

}

@media (max-width:768px){

.p1-showcase-card{
flex-direction:column;
gap:25px;
padding:30px 20px;
}

.p1-showcase-content,
.p1-showcase-image{
width:100%;
}

.p1-showcase-image-bg{
width:100%;
height:auto;
padding:20px;
}

.p1-showcase-ui-card{
width:100%;
max-width:100%;
}

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

.p1-why-cards{
grid-template-columns:1fr;
}

.p1-features-grid{
grid-template-columns:1fr;
}

.p1-btn-row{
flex-direction:row;
}

}

.p1-integration-logo img{
max-width:100%;
height:auto;
object-fit:contain;
}

@media (max-width:768px){

.p1-integration-logo{
width:100%;
height:80px;
padding:12px;
}

.p1-integration-logo img{
max-height:40px;
}

}

img{
max-width:100%;
height:auto;
display:block;
}

@media (max-width:768px){

.p1-feature-tabs-wrapper{
    padding:0 10px;
}

.p1-feature-tabs{
    width:100%;
    gap:16px;
    padding:0 12px;
}

.p1-tab{
    flex:0 0 auto;
    font-size:15px;
    padding:12px 10px;
}
}

.p1-hero-section {
    overflow-x: visible;
    overflow-y: hidden;
}

@media (max-width:576px){
    section,
    .p1-hero-section,
    .p1-why-section,
    .p1-feature-showcase,
    .p1-integrations-section,
    .p1-features-list-section,
    .p1-cta-section {
        padding: 40px 16px !important;
    }
    .p1-card,
    .p1-showcase-card,
    .p1-integrations-inner,
    .p1-cta-card {
        padding: 24px 16px !important;
        gap: 16px !important;
    }
    .p1-heading {
        font-size: 28px;
        line-height: 36px;
    }

    .p1-why-heading,
    .p1-showcase-title,
    .p1-integrations-title,
    .p1-features-list-title,
    .p1-cta-heading {
        font-size: 24px;
        line-height: 32px;
    }
    .p1-subtitle,
    .p1-showcase-desc,
    .p1-integrations-subtitle,
    .p1-features-list-subtitle,
    .p1-cta-subtitle {
        font-size: 14px;
        line-height: 1.5;
    }
    .p1-why-inner,
    .p1-showcase-inner {
        gap: 20px;
    }

    .p1-why-card {
        padding: 20px;
        gap: 16px;
    }
    .p1-showcase-card,
    .p1-card-border {
        margin-bottom: 0;
    }

}
@media (max-width:576px){
    .p1-showcase-card{
        gap: 20px;
        padding: 24px 16px;
    }
}