.writers-banner-section{
  background: linear-gradient(136.79deg, #FEFEFF 24.22%, #EBF7FF 88.85%);
  padding: 134px 70px;
}

.banner-content-wrapper{
width:100%;
display: flex;
justify-content: space-between;
align-items: center;

}
.banner-content{
width:100%;
max-width: 554px;
}
.banner-content .banner-title{
    font-weight: 500;
    font-style: Medium;
    font-size: 32px;
    line-height: 150%;
    letter-spacing: 0%;
    color: #464860;
}
.banner-content .banner-description{
font-weight: 400;
font-size: 15px;
line-height: 180%;
letter-spacing: 0%;
color:  #60738A;
margin: 20px 0 40px 0;
}
.banner-content .banner-description a{
color: #0654E6;
text-decoration: underline;
}
.banner-content .banner-description a:hover{
text-decoration: none;
}
.banner-content .banner-badges{
max-width: 438px;
width: 100%;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
.banner-content .banner-badges .badge-item{
max-width: 209px;
padding: 15px 20px;
border: 1px solid #E5F1FF;
border-radius: 12px;
background: #FFFFFF1A;
}
.banner-content .banner-badges .badge-item .badge-title{
  font-weight: 500;
  font-style: Medium;
  font-size: 14px;
  line-height: 100%;
margin-bottom: 4px;
color: #464860;
}

.banner-content .banner-badges .badge-item .badge-desc{
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  color: #798EA8;
}
.banner-ctas{
  display: flex;
  align-items: center;
  gap: 15px;
  margin-top: 52px;
}
.banner-ctas .custom-btn{
    background: #0654E6;
      border: 1px solid #0654E6;
      border-radius: 10px;
      height: 49px;
          max-width: 224px;
      padding: 0px 23px;
      align-items: center;
      display: flex;
      justify-content: center;
      font-weight: 500;
      font-size: 15px;
      line-height: 100%;
      color: #fff;
      text-align: center;
      border-bottom: 4px solid #002770;
      transition: all ease-in 0.3s;
}
.banner-ctas .link-btn{
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    text-decoration: underline;
    text-decoration-style: solid;
max-width: 217px;
padding: 0;
color: #263238;

  }
.banner-ctas .link-btn:hover{
color: #0654E6;

  }


@media screen and (max-width: 991px) {
  .writers-banner-section {
    padding: 80px 40px;
  }

  .banner-content-wrapper {
    flex-direction: column-reverse;
    gap: 40px;
  }

  .banner-content {
    max-width: 100%;
    text-align: center;
  }

  .banner-content .banner-badges {
    margin: 0 auto;
  }

  .banner-ctas {
    justify-content: center;
  }
}

@media screen and (max-width: 767px) {
  .writers-banner-section {
    padding: 60px 20px;
  }

  .banner-content .banner-title {
    font-size: 26px;
  }

  /* .banner-content .banner-badges {
    grid-template-columns: 1fr;
  } */

  .banner-ctas {
    flex-direction: column;
    margin-top: 30px;
  }

  .banner-ctas .custom-btn,
  .banner-ctas .link-btn {
    max-width: 100%;
    width: 100%;
  }

  .banner-image img {
    width: 100%;
    height: auto;
  }
}
.stay-anonymous-section{
  padding: 110px 0 100px;
}

.stay-anon-card{
background: #FFFFFF;
border: 1px solid #DDEBFB;
  border-radius: 20px;
  padding: 65px 45px;
  box-shadow: 0px 0px 16px 0px #469FDF33;
  display: flex;
  align-items: center;
  gap: 44px;
}
.stay-anon-image img{
  max-width: unset;
}
.stay-anon-card .stay-anon-content .section-title{
  font-weight: 500;
  font-style: Medium;
  font-size: 25px;
  color: #464860;
  
}
.stay-anon-card .stay-anon-content .section-desc{
  font-weight: 400;
  font-size: 15px;
  line-height: 200%;
  padding: 20px 0px 30px;
  border-bottom: 1px solid #DDEBFB
}
.stay-anon-card .stay-anon-content .stay-anon-list{
  list-style-type: disc;
  padding-left: 20px;
  color: #60738A;
  display: flex;
    gap: 40px;
  margin-top: 30px;
    font-weight: 400;
    font-size: 14px;
    line-height: 200%;
}
@media screen and (max-width: 991px) {
  .stay-anonymous-section {
    padding: 80px 0;
  }

  .stay-anon-card {
    flex-direction: column;
    padding: 40px;
    gap: 30px;
  }

  .stay-anon-image {
    width: 100%;
    max-width: 400px;
  }

  .stay-anon-content {
    text-align: center;
  }

  .stay-anon-card .stay-anon-content .stay-anon-list {
    justify-content: center;
  }
}

@media screen and (max-width: 767px) {
  .stay-anonymous-section {
    padding: 60px 0;
  }

  .stay-anon-card {
    padding: 30px 20px;
  }

  .stay-anon-card .stay-anon-content .section-title {
    font-size: 22px;
  }

  .stay-anon-card .stay-anon-content .stay-anon-list {
    flex-direction: column;
    gap: 15px;
    align-items: center;
    padding-left: 0;
    list-style-position: inside;
  }

  .stay-anon-image img {
    width: 100%;
    height: auto;
  }
}
.writers-profiles-section{
  padding: 100px 0 80px;
    background: linear-gradient(125.14deg, #ebf7ff, #fff 31.65%, #fbfcff 70.91%, #ebf7ff);
}
.sec-title-wrap {
    text-align: center;
    margin-bottom: 40px;
    max-width: 987px;
    margin-left: auto;
    margin-right: auto;
}
.sec-title-wrap h2{
  color: #464860;
    font-weight: 500;
    font-size: 22px;
    line-height: 150%;
    margin: 0 0 15px;
}
/* Writers Filters Container */
.writers-filters-container {
  background: #FFFFFF1A;
  border: 1px solid #D7E6F8;
  border-radius: 20px;
  padding: 40px 47px;
  box-shadow: 0px 4px 19.6px 0px #daeafe99;
  max-width: 1200px;
  margin: 0 auto 30px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 20px;
  align-items: center;
}

.filter-group {
  display: flex;
  flex-direction: column;
  position: relative;
}

/* Custom Select */
.custom-select {
  position: relative;
  width: 100%;
  user-select: none;
}

.custom-select-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 42px;
  padding: 0 12px;
  border-radius: 8px;
  border: 1px solid #D7E6F8;
  background: #fff;
  cursor: pointer;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.custom-select-trigger:hover,
.custom-select.is-open .custom-select-trigger {
  border-color: #0654E6;
  box-shadow: 0 0 0 1px #0654E6;
}

.custom-select-text {
  font-size: 14px;
  font-weight: 400;
  color: #60738A;
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.custom-select.has-value .custom-select-text {
  color: #464860;
}

.custom-select-chevron {
  flex-shrink: 0;
  margin-left: 8px;
  transition: transform 0.2s ease;
}

.custom-select-chevron path {
  stroke: #60738A;
  transition: stroke 0.2s ease;
}

.custom-select.is-open .custom-select-chevron {
  transform: rotate(180deg);
}

.custom-select.is-open .custom-select-chevron path {
  stroke: #0654E6;
}

/* Dropdown Menu */
.custom-select-menu {
  display: none;
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  right: 0;
  background: #fff;
  border: 1px solid #D7E6F8;
  border-radius: 8px;
  box-shadow: 0px 4px 19.6px 0px #DAEAFE99;
  z-index: 100;
  overflow: hidden;
  max-height: 240px;
  overflow-y: auto;
}

.custom-select.is-open .custom-select-menu {
  display: block;
}

.custom-select-option {
  padding: 10px 12px;
  font-size: 14px;
  font-weight: 400;
  color: #464860;
  cursor: pointer;
  border-top: 1px solid #CADBEE;
  transition: background 0.15s ease;
}

.custom-select-option:first-child {
  border-top: none;
  padding-top: 4px;
}

.custom-select-option.is-placeholder {
  color: #0654E6;
  font-weight: 500;
  cursor: default;
}

.custom-select-option:not(.is-placeholder):hover {
  background: #F8FBFF;
}

.custom-select-option.is-selected {
  background: #EFF6FF;
  color: #0654E6;
  font-weight: 500;
}

/* Reset Button */
.reset-filters-btn {
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  color: #464860;
  text-decoration: underline;
  text-decoration-style: solid;
  background: transparent;
  border: none;
  cursor: pointer;
  white-space: nowrap;
  padding: 0 8px;
  align-self: center;
  transition: color 0.2s ease;
}

.reset-filters-btn:hover {
  color: #0654E6;
}

/* Responsive Design */
@media (max-width: 1024px) {
  .writers-filters-container {
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 15px;
    padding: 20px 25px;
  }
}

@media (max-width: 768px) {
  .writers-filters-container {
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
    padding: 20px;
  }
}

@media (max-width: 575px) {
  .writers-filters-container {
    margin-bottom: 20px;
    padding: 15px;
    border-radius: 8px;
  }

  .reset-filters-btn {
    grid-column: 1 / -1;
    text-align: center;
    padding: 8px 0;
  }
}

/* Grid Layout */
.writers-grid-wrapper {
  max-width: 1200px;
  margin: 50px auto 0;
  padding: 0 22px;
}

.writers-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 90px 30px;
  padding-top: 40px;
}

/* Writer Card */
.writer-card {
  background: #fff;
  border-radius: 20px;
  border: 1px solid #d7e6f8;
  padding: 0;
  padding-top: 56px;
  height: 100%;
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease;
  box-shadow: 0px 0px 16px 0px #308ed233;
  max-width: 359px;
  width: 100%;
  margin: 0 auto;
  position: relative;
  overflow: visible;
}

.writer-card:hover {
  box-shadow: 0 8px 24px rgba(6, 84, 230, 0.12);
  transform: translateY(-4px);
}

/* Writer Header */
.writer-header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
  text-align: left;
  padding: 0 20px 18px;
  border-bottom: none;
  position: relative;
}

.writer-avatar {
  position: absolute;
  top: -95px;
  left: 24px;
  flex-shrink: 0;
  z-index: 2;
}

.avatar-img {
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid white;
  box-shadow: 0px 4.46px 4.46px 0px #00000040;
  width: 90px;
  height: 90px;
}

.verified-badge-writer {
  width: 20px;
  height: 20px;
  background: transparent;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.writer-info {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin-top: 0;
  padding-top: 0;
}

.writer-name-wrapper {
  display: flex;
  align-items: center;
  margin-top: 15px;
  gap: 6px;
}

.writer-name {
  font-weight: 500;
  font-size: 17px;
  line-height: 100%;
  color: #464860;
  margin: 0;
}

.writer-degree {
  font-weight: 400;
  font-size: 13px;
  line-height: 130%;
  color: #60738a;
  padding-top: 5px;
  height: 31px;
  margin: 0;
}

/* Writer Stats */
.writer-stats {
  display: flex;
  justify-content: space-between;
  gap: 0;
  margin: 0 20px 22px;
  padding: 16px 10px;
  background: white;
  border-radius: 12px;
  box-shadow: 0px 3px 13.4px 0px #88888833;
}

.statsItemWrap {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: 100%;
}

.stat-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  flex: 1 1;
  position: relative;
  text-align: center;
  justify-content: center;
  padding: 0 8px;
}

.stat-item:not(:last-child)::after {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 40px;
  background: #e5f3ff;
}

.stat-value {
  font-weight: 500;
  font-size: 13px;
  line-height: 100%;
  letter-spacing: 0%;
  vertical-align: middle;
  color: #60738a;
  display: flex;
  align-items: center;
  gap: 6px;
}

.text-green {
  color: #00b442;
}

.text-blue {
  color: #0654e6;
}

.stat-label {
  font-weight: 400;
  font-size: 13px;
  line-height: 100%;
  letter-spacing: 0%;
  vertical-align: middle;
  color: #60738a;
  text-align: left;
}

/* Writer Expertise */
.writer-expertise {
  margin: 0 20px 16px;
}

.expertise-label {
  font-weight: 400;
  font-size: 13px;
  line-height: 140%;
  color: #464860;
  margin: 0 0 12px;
}

.expertise-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  height: 71px;
  overflow: hidden;
}

.expertise-tag {
  padding: 6px 12px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #eff6ff;
  border-radius: 8px;
  border: 1px solid #daeafe;
  font-weight: 400;
  font-size: 13px;
  line-height: 100%;
  color: #0654e6;
}

/* Writer Description */
.writerBiowrap {
  border: 1px solid #eaf2fb;
  background-color: #f8fbff;
  border-radius: 20px;
  padding: 15px 20px;
  margin: 15px 20px;
  height: 162px;
}
.writer-bio-preview {
    border: 1px solid #eaf2fb;
    background-color: #f8fbff;
    border-radius: 20px;
    padding: 15px 20px;
    margin: 15px 20px;
    height: 162px;
}
.writer-description {
  font-weight: 400;
  font-size: 13px;
  line-height: 170%;
  color: #60738a;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
  margin: 0;
}

/* Writer Buttons */
.writer-buttons {
  display: flex;
  gap: 10px;
  padding: 0 20px 24px;
  margin-top: auto;
}

.about-writer-btn {
  flex: 1;
  padding: 13px 24px;
  background: transparent;
  border: 1px solid #0654e6;
  border-radius: 12px;
  text-align: center;
  font-weight: 500;
  font-size: 15px;
  line-height: 100%;
  color: #0654e6;
  cursor: pointer;
  transition: all 0.3s ease;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

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

.hire-writer-btn {
  flex: 1;
  padding: 13px 24px;
  background: #0654e6;
  border: none;
  border-radius: 12px;
  text-align: center;
  font-weight: 500;
  font-size: 15px;
  line-height: 100%;
  color: white;
  cursor: pointer;
  transition: all 0.3s ease;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hire-writer-btn:hover {
  background: #0543c1;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(5, 84, 230, 0.3);
  color: white;
}

/* Loading State */
.writers-loading,
.writers-error,
.writers-empty {
  text-align: center;
  padding: 40px 20px;
  color: #60738a;
  font-size: 16px;
}

.writers-error {
  color: #dc3545;
}

/* Load More Button */
.load-more-wrapper {
  display: flex;
  justify-content: center;
  margin-top: 50px;
  padding-bottom: 30px;
}

#load-more-btn {
  background: #0654e6;
  color: #ffffff;
  padding: 13px 40px;
  border: 1px solid #0654e6;
  border-radius: 12px;
  font-weight: 500;
  font-size: 15px;
  cursor: pointer;
  transition: all 0.3s ease;
}

#load-more-btn:hover:not(:disabled) {
  background: transparent;
  color: #0654e6;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(5, 84, 230, 0.3);
}

#load-more-btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

/* Responsive Design */
@media (max-width: 1024px) {
  .writers-grid-wrapper {
    padding: 0 40px;
  }

  .writers-grid {
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 25px;
  }
}

@media (max-width: 768px) {
  .writer-section {
    padding: 60px 20px;
  }

  .secTitlewrap {
    margin-bottom: 40px;
  }

  .secTitlewrap h2 {
    font-size: 20px;
  }

  .secTitlewrap p {
    font-size: 14px;
  }

  .writers-grid-wrapper {
    padding: 0 30px;
  }

  .writers-grid {
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 20px;
  }

  .writer-stats {
    gap: 8px;
  }

  .stat-value {
    font-size: 13px;
  }

  .stat-label {
    font-size: 10px;
  }
}

@media (max-width: 575px) {
  .writer-section {
    padding: 40px 16px;
  }

  .secTitlewrap h2 {
    font-size: 18px;
  }

  .secTitlewrap p {
    font-size: 13px;
  }

  .writers-grid-wrapper {
    padding: 0px 0px;
  }

  .writers-grid {
    grid-template-columns: 1fr;
    gap: 15px;
  }

  .writer-avatar {
    top: unset;
    left: unset;
    position: relative;
  }

  .writer-header {
    padding: 0 0px 18px;
    flex-direction: row;
    gap: 10px;
    align-items: center;
  }

  .writer-card {
    margin: 0 auto;
    width: calc(100% - 24px);
    padding: 10px 20px 20px;
    max-width: 100%;
  }

  .writer-card:hover {
    box-shadow: unset;
    transform: unset;
  }

  .writer-stats {
    margin: 0 0px 22px;
    gap: 8px;
  }

  .writer-expertise {
    margin: 0 0px 16px;
  }

  .writer-description {
    margin: 15px 0px;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .writerBiowrap {
    border: 1px solid #eaf2fb;
    background-color: #f8fbff;
    border-radius: 20px;
    padding: 15px 20px;
    margin: 0px 0px 15px;
  }

  .writer-buttons {
    padding: 0;
    flex-direction: column;
    gap: 10px;
  }

  .about-writer-btn,
  .hire-writer-btn {
    width: 100%;
    padding: 13px 24px;
  }

  .writer-name {
    font-size: 16px;
  }

  .writer-degree {
    font-size: 12px;
  }

  .load-more-btn {
    padding: 10px 30px;
    font-size: 14px;
  }
}
.writer-seo-section {
  padding: 100px 0 120px;
}

.writer-seo-wrapper {
  display: flex;
  justify-content: center;
  align-items: stretch;
  flex-direction: column;
  gap: 25px;
  max-width: 100%;
}

.writer-seo-card {
  background: #FFFFFF;
  border: 1px solid #DEEDFF;
  border-radius: 15px;
  padding: 40px;
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease;
}

.writer-seo-card:hover {
  box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.08);
  transform: translateY(-2px);
}

.writer-seo-card .seo-title {
  font-weight: 500;
  font-size: 18px;
  line-height: 150%;
  color: #464860;
  margin: 0 0 25px 0;
}

.writer-seo-card .seo-desc {
  font-weight: 400;
  font-size: 14px;
  line-height: 160%;
  color: #778CA6;
  margin: 0 0 15px 0;
}

.writer-seo-card .seo-desc:last-child {
  margin-bottom: 0;
}

.writer-seo-card .seo-desc a {
  color: #0654E6;
  text-decoration: underline;
}

.writer-seo-card .seo-desc a:hover {
  text-decoration: none;
}

@media (max-width: 768px) {
  .writer-seo-card {
    padding: 30px;
  }

  .writer-seo-card .seo-title {
    font-size: 16px;
    margin-bottom: 20px;
  }

  .writer-seo-card .seo-desc {
    font-size: 13px;
  }
}

@media (max-width: 576px) {
  .writer-seo-section {
    padding: 60px 0 80px;
  }

  .writer-seo-wrapper {
    gap: 20px;
  }

  .writer-seo-card {
    padding: 20px;
  }

  .writer-seo-card .seo-title {
    font-size: 15px;
    margin-bottom: 15px;
  }

  .writer-seo-card .seo-desc {
    font-size: 12px;
    line-height: 150%;
  }
}
.writer-faq-section {
  padding: 100px 0;
  background: linear-gradient(
    125.14deg,
    #ebf7ff 0%,
    #ffffff 31.65%,
    #fbfcff 70.91%,
    #ebf7ff 100%
  );
  width: 100%;
}

.faq-header {
  text-align: center;
  margin-bottom: 60px;
}

.faq-header h2 {
  color: #464860;
  font-size: 32px;
  font-weight: 500;
  line-height: 150%;
  margin: 0 0 20px 0;
  text-transform: capitalize;
}

.faq-header p {
  color: #60738a;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  margin: 0;
}

.faq-grid-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
}

.faq-column {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.faq-card {
  background: #ffffff;
  border: 1px solid #deedff;
  border-radius: 12px;
  padding: 30px;
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease;
}

.faq-card:hover {
  box-shadow: 0px 8px 24px rgba(70, 159, 223, 0.15);
  transform: translateY(-2px);
}

.faq-title {
  color: #464860;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
  margin: 0 0 15px 0;
}

.faq-answer {
  color: #60738a;
  font-size: 14px;
  font-weight: 400;
  line-height: 170%;
  margin: 0;
}

/* Responsive Design */
@media (max-width: 991px) {
  .writer-faq-section {
    padding: 80px 0;
  }

  .faq-grid-wrapper {
    gap: 30px;
  }

  .faq-card {
    padding: 25px;
  }
}

@media (max-width: 768px) {
  .faq-grid-wrapper {
    grid-template-columns: 1fr;
    gap: 25px;
  }

  .faq-header h2 {
    font-size: 26px;
  }

  .faq-header p {
    font-size: 14px;
  }
}

@media (max-width: 576px) {
  .writer-faq-section {
    padding: 60px 0;
  }

  .faq-header {
    margin-bottom: 40px;
  }

  .faq-header h2 {
    font-size: 22px;
    margin-bottom: 15px;
  }

  .faq-header p {
    font-size: 13px;
  }

  .faq-grid-wrapper {
    gap: 20px;
  }

  .faq-column {
    gap: 20px;
  }

  .faq-card {
    padding: 20px;
  }

  .faq-title {
    font-size: 14px;
    margin-bottom: 12px;
  }

  .faq-answer {
    font-size: 13px;
    line-height: 160%;
  }
}
.ctaService {
  margin: 100px 0 130px;
}

.ctaserviceWraper {
background: linear-gradient(101.41deg, #1176CA 3.07%, #064377 100%);
    max-width: 1012px;
    width: 100%;
    margin: auto;
    border-radius: 30px;
    text-align: center;
    padding: 60px 193px;
}

.ctaserviceWraper .ctaserviceTitle {
    font-weight: 500;
    font-size: 28px;
    line-height: 130%;
    color: #FFFFFF;
    padding-bottom: 12px;
}

.ctaserviceWraper .ctaserviceDesc p {
    font-weight: 400;
    font-size: 16px;
    max-width: 625px;
    line-height: 160%;
    letter-spacing: 0%;
    color: #FFFFFF;
    margin: auto;
}

.ctaserviceWraper .custom-btn {
    background-color: #fff;
    color: #0A64AE;
    border-radius: 100rem;
    margin: 40px auto 0;
    border: none;
    border-bottom: none;
}

.ctaserviceWraper .custom-btn:hover {
    transform: translateY(-4px);
}

@media (max-width: 991px) {
    .ctaService {
        margin: 80px 0 100px;
    }

    .ctaserviceWraper {
        padding: 40px 20px;
    }

    .ctaserviceWraper .ctaserviceTitle {
        font-size: 24px;
    }
}

@media (max-width: 768px) {
    .ctaService {
        margin: 80px 0 80px;
    }

    .ctaserviceWraper {
        padding: 35px 20px;
        border-radius: 20px;
    }

    .ctaserviceWraper .ctaserviceTitle {
        font-size: 22px;
        line-height: 140%;
    }

    .ctaserviceWraper .ctaserviceDesc p {
        font-size: 15px;
        padding-bottom: 28px;
    }

    .ctaserviceWraper .custom-btn {
        height: 44px;
        padding: 12px 18px;
        font-size: 14px;
    }
}

@media (max-width: 575px) {
    .ctaService {
        margin: 80px 0;
    }

    .ctaserviceWraper {
        padding: 30px 15px;
        border-radius: 20px;
    }

    .ctaserviceWraper .ctaserviceTitle {
        font-size: 19px;
        line-height: 140%;
        padding-bottom: 12px;
    }

    .ctaserviceWraper .ctaserviceDesc p {
        font-size: 14px;
        line-height: 160%;
        padding-bottom: 26px;
    }

    .ctaserviceWraper .custom-btn {
        height: 42px;
        padding: 10px 18px;
        font-size: 13px;
    }
    .writer-bio-preview{
      margin: 15px 0;
    }
}