/* Example Work Section CTA */
.example-work-cta-wrapper {
  text-align: left;
  margin-top: 70px;
}
/* Example Work Card */
.example-work-cards-wrapper {
 display: flex;
    flex-wrap: wrap;
    gap: 60px 40px;
    max-width: 1200px;
    /* margin: auto; */
    margin-top: 65px;
    justify-content: flex-start;
 
}

.example-work-card {
  background: #FFFFFF;
border: 1px solid #e2e5ff;
  border-radius: 30px;
 box-shadow: 0px 0px 16px 0px #469FDF33;
position: relative;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  max-width: 362px;
  width: 100%;
}

.example-work-card:hover {
  box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.1);
  transform: translateY(-7px);
}

/* Card Header */
.example-card-header {
    display: flex;
    justify-content: center;
}

.example-category {
background: linear-gradient( 159deg, #F9F4FF 25.87%, #D5DCFF 100%);
position: absolute;
  padding: 7px 10px;
  max-width: max-content;
  width: 100%;
  margin: auto;
  height: 27px;
  border: 1px solid #CFDEF0;
  border-radius: 100rem;
font-family: 'Inter', sans-serif;
font-weight: 400;
 color: #4c4e67;
font-size: 13px;
 
line-height: 100%;
letter-spacing: 0%;
text-align: center;
text-transform: uppercase;

  text-transform: uppercase;
  letter-spacing: 0.5px;
  position: absolute;
  top:14px
}

/* Card Content */
.example-card-content {
  display: flex;
 padding: 51px 20px 15px;
  align-items: center;
  gap: 13px;
    border-radius: 30px 30px 0px 0px;
  overflow: hidden;
  text-align: left;
  background: linear-gradient( 170deg, #F9F4FF 25.87%, #D5DCFF 100%);
}

.example-icon {
  width: 48px;
  height: 48px;
  background-color: #fff;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex:0 0 48px;
  box-shadow: 0px 3px 6.9px 0px #D1DAE2;

}
.example-icon::before{
  content:'';
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M10.6393 21.48C10.6393 22.1067 10.0927 22.6267 9.45268 22.6267H8.34602V20.3333H9.46602C10.106 20.3333 10.6527 20.8533 10.6527 21.48H10.6393ZM19.9993 10.6667H28.7194C28.2527 9.45333 27.546 8.33333 26.5993 7.38667L21.9593 2.73333C21.0127 1.78667 19.8927 1.08 18.6793 0.613333V9.33333C18.6793 10.0667 19.2794 10.6667 20.0127 10.6667H19.9993ZM16.1193 20.3333H14.9993V25H16.1193C16.7593 25 17.306 24.48 17.306 23.8533V21.48C17.306 20.8533 16.7593 20.3333 16.1193 20.3333ZM29.3327 13.9867V25.3333C29.3327 29.0133 26.346 32 22.666 32H9.33268C5.65268 32 2.66602 29.0133 2.66602 25.3333V6.66667C2.66602 2.98667 5.65268 0 9.33268 0H15.346C15.5594 0 15.7727 0.0133333 15.9993 0.0266667V9.33333C15.9993 11.5333 17.7993 13.3333 19.9993 13.3333H29.306C29.3193 13.5467 29.3327 13.76 29.3327 13.9867ZM12.306 21.48C12.306 19.9333 11.026 18.6667 9.45268 18.6667H7.99935C7.26602 18.6667 6.66602 19.2667 6.66602 20V25.92C6.66602 26.3867 7.03935 26.7467 7.49268 26.7467C7.94602 26.7467 8.31935 26.3733 8.31935 25.92V24.2933H9.43935C11.0127 24.2933 12.2927 23.0267 12.2927 21.48H12.306ZM18.9727 21.48C18.9727 19.9333 17.6927 18.6667 16.1193 18.6667H14.666C13.9327 18.6667 13.3327 19.2667 13.3327 20V25.92C13.3327 26.3867 13.706 26.6667 14.1593 26.6667C14.6127 26.6667 16.106 26.6667 16.106 26.6667C17.6793 26.6667 18.9594 25.4 18.9594 23.8533V21.48H18.9727ZM25.3594 19.5067C25.3594 19.04 24.986 18.68 24.5327 18.68H21.4527C20.986 18.68 20.626 19.0533 20.626 19.5067V25.92C20.626 26.3867 20.9993 26.7467 21.4527 26.7467C21.906 26.7467 22.2793 26.3733 22.2793 25.92V23.52H23.9327C24.3994 23.52 24.7593 23.1467 24.7593 22.6933C24.7593 22.24 24.386 21.8667 23.9327 21.8667H22.2793V20.3467H24.5327C24.9993 20.3467 25.3594 19.9733 25.3594 19.52V19.5067Z' fill='%23DB4445'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width:32px;
  height: 32px;
  display: flex;
}
.example-title {
font-family: 'Inter', sans-serif;
font-weight: 600;
font-size: 16px;
leading-trim: NONE;
line-height: 140%;
     color: #231F20;
vertical-align: middle;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;

}

/* Card Details */
.example-card-details {
  display: flex;
  flex-direction: column;
  gap: 7px;
  padding: 21px 21px 36px;
  border-top: 1px solid #E5E7EB;
 
}

.example-detail-item {
  display: flex;
  align-items: center;
  gap: 5px;
}

.detail-icon {
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  line-height: 100%;
}

.detail-text {
font-family: 'Inter', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 180%;
color: #464860;
}

/* Card Actions */
.example-card-actions {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: auto;
}

.view-sample-example-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  height: 37px;
  padding: 0 20px;
  background: transparent;
  border: 1px solid #0654E6;
  border-radius: 10px;
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  color: #0654E6;
  text-decoration: none;
  transition: all 0.3s ease;
  position: relative;
    max-width: calc(100% - 42px);
    width: 100%;
    margin: auto;
    cursor: pointer;

}
.secTitlewrap h2 {
    font-family: 'Inter', sans-serif;
    font-weight: 800;
    font-size: 38px;
    line-height: 150%;
    color: #35414B;
    text-align: center;
    margin-bottom: 3px;
}

.secTitlewrap p {
    text-align: center;
    margin: 0;
    max-width: 100%;
    font-size: 16px;
    line-height: 180%;
    color: #4b5563;
    font-weight: 400;
    padding-top: 0;
    font-family: 'Inter', sans-serif;
    padding-top: 0;
}
.view-sample-example-btn::before {
  content: '';
 
 display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M2.01677 10.5947C1.90329 10.4149 1.84654 10.3251 1.81477 10.1865C1.79091 10.0824 1.79091 9.91824 1.81477 9.81416C1.84654 9.67558 1.90329 9.58574 2.01677 9.40599C2.95461 7.92103 5.74617 4.16699 10.0003 4.16699C14.2545 4.16699 17.0461 7.92103 17.9839 9.40599C18.0974 9.58574 18.1542 9.67558 18.1859 9.81416C18.2098 9.91824 18.2098 10.0824 18.1859 10.1865C18.1542 10.3251 18.0974 10.4149 17.9839 10.5947C17.0461 12.0797 14.2545 15.8337 10.0003 15.8337C5.74617 15.8337 2.95461 12.0797 2.01677 10.5947Z' stroke='%230654E6' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 12.5C11.3807 12.5 12.5 11.3807 12.5 10C12.5 8.61925 11.3807 7.5 10 7.5C8.61925 7.5 7.5 8.61925 7.5 10C7.5 11.3807 8.61925 12.5 10 12.5Z' stroke='%230654E6' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transition: all 0.3s ease;
}

.view-sample-example-btn:hover {
  background: #0654E6;
  color: white;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(5, 84, 230, 0.3);
}

.view-sample-example-btn:hover::before {
  filter: brightness(0) invert(1);
}

/* Card Footer */
.example-card-footer {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  padding: 12px 0;
      background: linear-gradient( 170deg, #F9F4FF 25.87%, #D5DCFF 100%);
  border-radius: 0 0 30px 30px;
}

.example-card-footer .footer-link {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 180%;
  text-decoration: underline;
  color: #464860;
  transition: color 0.3s ease;
}

.example-card-footer .footer-link:hover {
  
text-decoration: none;
  color: #0654E6;
}
.example-work-section {
    padding: 128px 0 90px;
}
.example-work-cta-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: #2756DF;
  color: #FFFFFF;
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  font-size: 15px;
  line-height: 100%;
  padding: 14px 25px;
  border-radius: 10px;
  text-decoration: none;
  transition: all 0.3s ease;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

/* Ripple pulse effect */
.example-work-cta-btn::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 10px;
  background: rgba(39, 86, 223, 0.4);
  animation: btn-bg-pulse 1s ease-out infinite;
  z-index: -1;
  pointer-events: none;
}


/* Arrow icon */
.example-work-cta-btn::after {
  content: '';
  display: inline-block;
  width: 15px;
  height: 15px;
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.5 7.5H12.5M12.5 7.5L8.75 3.75M12.5 7.5L8.75 11.25' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  transition: transform 0.3s ease;
}

.example-work-cta-btn:hover {
  background: #1e45c4;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(39, 86, 223, 0.3);
}

.example-work-cta-btn:hover::after {
  transform: translateX(4px);
}
.example-work-section .secTitlewrap p{
      max-width: 887px;
      /* margin: 0 auto; */
}
@media (max-width:575px){
  .example-work-cards-wrapper {
    margin-top: 59px;
    justify-content: center;
}
 .secTitlewrap h2 {

        font-size: 25px;

    }

    .whatRecivesec .microCopy {

        margin: 30px auto 0;
    }

    .secTitlewrap p {
        font-size: 15px;
    }
    .example-work-section {
    padding: 90px 0;
}
.example-work-cta-btn {
    display: flex;
   
    max-width: max-content;
   
 
 
}
}