/* Inter Font - Now loaded via self-hosted WOFF2 in fonts.css */
*, body{
font-family: 'Inter', sans-serif !important;
}
/* ============ Related Services Section - New Design ============ */
.related-services-section {
  padding: 90px 0;

}

.related-services-section h2 {
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  font-size: 38px;
  line-height: 150%;
  color: #111827;
  text-align: center;
  margin-bottom: 3px;

}

.related-services-section h2 .gradient-text {
  background: linear-gradient(90deg, #2563eb 0%, #3b82f6 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.related-services-desc p {
  font-family: 'Inter', sans-serif;
  font-size: 16px;
  line-height: 150%;
  color: #6b7280;
  font-weight: 500;
  text-align: center;
  max-width: 900px;
  margin: auto;

}

.related-services-grid {
  display: flex;
 flex-wrap: wrap;
 justify-content: center;
  gap: 30px;
  max-width: 966px;
  margin: 50px auto 0;
}

/* Card styling - Explode Border Design */
.related-service-card {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 26px 25px;
  border-radius: 25px;
  text-decoration: none;
  max-width: 302px;
  width:100%;
  overflow: visible;
    transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
    min-height: 148px;
  background: linear-gradient(103.82deg, #2243A4 1.08%, #5464CA 49.71%, #7C7DE8 97.38%);

}

/* Explode border - before element */
.related-service-card::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 16px;

  transition: all 0.4s ease;
}

/* Explode border - after element */
.related-service-card::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 16px;
 
  transition: all 0.4s ease;
}

.related-service-card:hover::before {
    border: 3px solid rgba(255,255,255,0.3);
  animation: explode-1 0.6s ease-out forwards;
}

.related-service-card:hover::after {
   border: 3px solid rgba(255,255,255,0.3);
  animation: explode-2 0.6s ease-out 0.1s forwards;
}

@keyframes explode-1 {
  0% { transform: scale(1); opacity: 1; }
  100% { transform: scale(1.15); opacity: 0; }
}

@keyframes explode-2 {
  0% { transform: scale(1); opacity: 1; }
  100% { transform: scale(1.25); opacity: 0; }
}

/* Card hover */
.related-service-card:hover {
  transform: translateY(-8px) scale(1.05);
  box-shadow: 0 25px 50px rgba(124, 58, 237, 0.5);
}

/* Card text */
.related-service-card .card-text {
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  font-size: 18px;
  max-width: 220px;
  line-height: 180%;
  color: #ffffff;
  flex: 1;
  padding-right: 16px;
  position: relative;
  z-index: 1;
  transition: all 0.3s ease;
  text-decoration: underline;
}
.arrowPosition{
      position: absolute;
    right: 25px;
    top: 50%;
    transform: translateY(-50%);
}
 
/* Text underline on hover */
.related-service-card:hover .card-text {
  text-decoration: underline;
  text-underline-offset: 4px;
}

/* Arrow icon */
.related-service-card .card-arrow {
  position: absolute;
  right: 28px;
  top: 50%;
  transform: translateY(-50%);
  color: #ffffff;
  z-index: 1;
  transition: transform 0.3s ease;
}

.related-service-card:hover .card-arrow {
  transform: translateY(-50%) translateX(6px);
}

/* Responsive */
@media (max-width: 1200px) {
  .related-services-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 767px) {
  .related-services-section {
    padding: 60px 0;
  }

  .related-services-section h2 {
    font-size: 32px;
  }

  .related-services-desc {
    font-size: 16px;
    margin-bottom: 40px;
  }

  .related-services-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .related-service-card {
    padding: 20px 24px;
  }

  .related-service-card .card-text {
    font-size: 16px;
  }
}

@media (max-width: 575px) {
  .related-services-section h2 {
    font-size: 25px;
  }
.related-services-desc p{
  line-height: 180%;
  font-size: 14px;
}
  .related-service-card {
    padding: 18px 20px;
    min-height: 80px;
  }

  .related-service-card .card-text {
    font-size: 15px;
  }
  .cta-headline{
    line-height: 150%!important;
  }
  .cta-subtext p{
    font-size: 16px!important;
  }
}
/* ============ End Related Services Section ============ */

.banner__order:hover,
.close,
header.mpw-navbar.Lightnav .nav__btns .live-chat-btn a,
header.mpw-navbar.fixed-header .navItems a,
header.mpw-navbar.fixed-header .nav__btns .new-login a,
header.mpw-navbar.fixed-header .service-nav-dd-title {
  color: #fff;
}
section.blue-background{
  background: linear-gradient(105.98deg, #FFFFFF 0%, #F9F4FF 58.38%);
  padding: 70px 0;
}
.reviewText,
.sampleDetail p,
.writerReview p {
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}

.benefitCta:before,
.specialOrderBtn:before,
.writerBtn:before {
  animation-name: pulse-animation;
  animation-duration: 2s;
  animation-timing-function: ease;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
}

.filter-btn,
.logos,
.statLabel {
  white-space: nowrap;
}

.aboutWriter:hover,
.banner__order:hover,
.benefitCta:hover,
.formBtn a:hover,
.orderBtn:hover,
.sampleBtn:hover,
.specialOrderBtn:hover,
.writerBtn:hover {
  background-color: #3653a5;
}

.specialOrderBtn:before,
.writerBtn:before {
  z-index: -1;
  content: "";
}


.swiper-slide[data-platform].hidden {
  display: none !important;
}

.concluisonSection p a,
p a {
  text-decoration: underline;
}

*,
body {
  margin: 0;
  padding: 0;
  outline: 0;
  box-sizing: border-box;
  font-family: CircularStd;
  text-decoration: none;
}

.review-author-info,
.servicePageDynamic {
  display: flex;
  flex-direction: column;
}

.banner__reviews,
.justify_center {
  justify-content: center;
}

.servicePageDynamic .order0 {
  order: 0;
}

.servicePageDynamic .order1 {
  order: 1;
}

.servicePageDynamic .order2 {
  order: 2;
}

.servicePageDynamic .order3 {
  order: 3;
}

.servicePageDynamic .order4 {
  order: 4;
}

.servicePageDynamic .order5 {
  order: 5;
}

.servicePageDynamic .order6 {
  order: 6;
}

.servicePageDynamic .order7 {
  order: 7;
}

.servicePageDynamic .order8 {
  order: 8;
}

.servicePageDynamic .order9 {
  order: 9;
}

.servicePageDynamic .order10 {
  order: 10;
}

.servicePageDynamic .order11 {
  order: 11;
}

.servicePageDynamic .order12 {
  order: 12;
}

.servicePageDynamic .order13 {
  order: 13;
}

.servicePageDynamic .order14 {
  order: 14;
}

.servicePageDynamic .order15 {
  order: 15;
}

.servicePageDynamic .order16 {
  order: 16;
}

.servicePageDynamic .order17 {
  order: 17;
}

.servicePageDynamic .order18 {
  order: 18;
}

.servicePageDynamic .order19 {
  order: 19;
}

.servicePageDynamic .order20 {
  order: 20;
}

.servicePageDynamic .order21 {
  order: 21;
}




/* .mpw-navbar.Lightnav .userIcon img,
.mpw-navbar.fixed-header .userIcon img {
  filter: unset !important;
} */

.container {
  max-width: 1230px;
  width: 100%;
  padding: 0 15px;
  margin: 0 auto;
}

#typed::after {
  content: "|";
  animation: 0.7s infinite blink;
}

.modal {
  display: none;
  position: fixed;
  z-index: 8888;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  overflow: auto;
}

.modal-content {
  margin: auto;
  padding: 20px;
  width: 95%;
  height: 95%;
  position: relative;
}

.close {
  position: absolute;
  top: 60px;
  right: -24px;
  font-weight: 700;
  cursor: pointer;
  font-size: 44px;
}

#pdfFrame {
  width: 100%;
  height: 100%;
  border: none;
  position: relative;
  top: 55px;
}

header.mpw-navbar {
  background: 0 0;
  position: fixed;
  box-shadow: unset;
}

/* .nav__btns .live-chat-btn a,
header.mpw-navbar.fixed-header .nav__btns .new-login a.ai-essayWriter {
  color: #013046;
} */
nav .siteLogo.logo-bg {
    display: none;
}
.concluisonSection p a,
.processDesc .boxDesc a,
a {
  color: #3b82f6;
}

.skeleton {
  background-size: 200px 100%;
  background-repeat: no-repeat;
  line-height: 1;
  width: 100%;
  height: inherit;
  animation: 1s ease-in-out infinite SkeletonLoading;
  background-color: #f3f3f3;
  background-image: linear-gradient(90deg, #f3f3f3, #ededee, #f3f3f3);
}

.ratingBox,
header.mpw-navbar.fixed-header .navItems li a.hover:after,
header.mpw-navbar.fixed-header .nav__btns .new-login a.hover:after {
  background: #fff;
}

@keyframes SkeletonLoading {
  0% {
    background-position: -200px 0;
  }

  to {
    background-position: calc(200px + 100%) 0;
  }
}



.mpw-navbar.Lightnav .service-nav-dd-title,
header.mpw-navbar.Lightnav .navItems a {
  color: #fff;
  font-weight: 450;
}

.mpw-navbar.Lightnav .dropdown-nav-menu ul li .dropItems,
.mpw-navbar.Lightnav .service-nav-dd .dropdown-nav-menu li .dropItems {
  color: #546b8e;
}

/* .service-nav-dd::before {
  background-image: url(/images/colored-down-arrow-nav.svg);
} */

header.mpw-navbar.Lightnav .service-nav-dd::before,
header.mpw-navbar.fixed-header .service-nav-dd::before {
  background-image: url(../svg/down-arrow-nav.svg);
}

header.mpw-navbar .nav__btns .new-signup a,
header.mpw-navbar .nav__btns .new-signup a:hover {
  color: #fff !important;
}

.swiper-button-next,
.swiper-button-prev {
  width: 40px !important;
  height: 40px !important;
  border-radius: 100%;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  border: 2px solid #233f8c;
}

.costCalculator:hover,
.costIncludes:hover,
.guarantee-button-next:hover,
.guarantee-button-prev:hover,
.swiper-button-next.swiper-button-disabled:hover,
.swiper-button-prev.swiper-button-disabled:hover {
  border: 1px solid #3179be;
}

section.banner__Section {
  position: relative;
  padding: 130px 0 144px;
  background: linear-gradient(166deg, #fefeff 24.22%, #ebf7ff 88.85%);
}

.costCalculator,
.essayCost,
.ratingBox,
.rev-inner,
.sampleEcnomicsWrapper,
.showReviews,
.testimonialWrapper,
section.banner__Section .banner__Wrapper {
  position: relative;
}

.banner__Wrapper:after {
  content: "";
  position: absolute;
  background-image: url(../bannergirl.html);
  width: 328px;
  height: 483px;
  top: 0;
  right: 132px;
}

section.banner__Section .banner-content {
  max-width: 692px;
  width: 100%;
}

.banner-section {
  background-image: none !important;

  background: linear-gradient(90deg, #2243A4 0%, #2243A4 86.95%, #566BD0 100%) !important;

}

.banner-ctaList p:last-child::after,
.banner-section .profile-img::after,
.guarantee-button-next::after,
.guarantee-button-prev::after,
.vetting-button-next::after,
.vetting-button-prev::after,
.writers-profile .profile-img:nth-of-type(4)::after {
  content: unset;
}

.banner-content .sec_head {
  font-family: CircularStd;
  font-weight: 500;
  font-size: 35px;
  line-height: 140%;
  letter-spacing: 0;
  color: #002661;
}

.banner__desc {
  font-family: CircularStd;
  font-weight: 450;
  font-size: 15px;
  line-height: 180%;
  margin-bottom: 35px;
  color: #647386;
}

.banner__serviceInfo {
  display: flex;
  gap: 10px;
  margin-bottom: 60px;
}

.banner__serviceInfo .banner__serviceItem {
  display: flex;
  height: 38px;
  max-width: max-content;
  width: 100%;
  background: #e7f2fe;
  padding: 0 15px;
  align-items: center;
  font-family: CircularStd;
  font-weight: 450;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0;
  color: #4a4a4a;
  border-radius: 100px;
}

.banner__reviews,
.ratingBox {
  display: flex;
  align-items: center;
}

.banner__serviceInfo .banner__serviceItem:first-child::before,
.banner__serviceInfo .banner__serviceItem:last-child::before,
.banner__serviceInfo .banner__serviceItem:nth-child(2)::before {
  content: "";
  background-image: url(../svg/check.svg);
  width: 18px;
  height: 18px;
  display: inline-block;
  background-repeat: no-repeat;
  margin-right: 7px;
}

.banner__serviceInfo .banner__serviceItem:nth-child(2)::before {
  content: "";
  background-image: url(../svg/secure.svg);
}

.banner__serviceInfo .banner__serviceItem:last-child::before {
  content: "";
  background-image: url(../svg/fastdelivery.svg);
}

.banner__reviews {
  max-width: 721px;
  width: 100%;
  height: 80px;
  margin: 80px 0 0;
  background: #d9edff;
  border-radius: 100px;
  padding: 13px 30px;
  gap: 22px;
}

.banner__reviews .reviews-rating {
  max-width: 106px;
  width: 100%;
  height: 48px;
}

.banner__reviews .reviews-rating p {
  font-family: CircularStd;
  font-weight: 900;
  font-size: 28px;
  line-height: 100%;
  letter-spacing: 0;
  color: #002661;
  margin-bottom: 2px;
  text-align: center;
}

.banner__reviews .reviews-content {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 40px;
}

.banner__reviews .reviews-content p {
  font-family: Inter;
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0;
  color: #002661;
}

.banner__reviews .writers__profile {
  width: 213px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.banner__reviews .profile-img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 4px solid #d9edff;
  background: #d9edff;
  text-align: center;
  margin-left: -11px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.banner-chat:hover,
.banner__reviews .profile-img:last-child {
  background: #3179be;
}

.banner__reviews .writers__profile img {
  border-radius: 50%;
  width: 32px;
  height: 32px;
}

.banner__reviews .writers__profile .profile-img:first-child {
  margin-left: 0;
}

.banner__reviews .writers__profile .profile-img:last-child {
  padding: 8px 3px 7px 1px;
}

.banner__reviews span {
  font-family: Inter;
  font-weight: 600;
  font-size: 11px;
  line-height: 150%;
  letter-spacing: 0;
  color: #fff;
  text-align: center;
}

.ratingNumber,
.ratingProvider {
  line-height: 108.5%;
  font-style: normal;
  font-family: CircularStd;
}

.rw-sentence {
  margin: 0 0 15px;
  text-align: left;
  max-width: 1054px;
  width: 100%;
}

.ratingsWrapper {
  display: flex;
  column-gap: 26px;
  margin-top: 88px;
}

.ratingBox {
  column-gap: 9px;
}

.ratingBox:hover {
  transform: scale(1.06);
}

.ratingBox::before {
  position: absolute;
  content: "";
  width: 0;
  border: 1.5px dashed #aec8de;
  height: 40px;
  right: -16px;
}

.expertControls .swiper-button-next:after,
.expertControls .swiper-button-prev:after,
.mpw_reviews .mpw-pagination,
.ratingBox:last-child:before,
.reviews-swiper>.swiper-pagination-bullets,
.seoContentControl,
.siteJabber-swiper>.swiper-pagination-bullets,
.sitejabe-pagination,
.trustPilot-swiper>.swiper-pagination-bullets,
.trust_pilot__reviews .trust-pagination {
  display: none;
}

.ratingBox img {
  display: block;
  width: 24px;
  height: 24px;
}

.rating-desc-head img {
  max-width: 65px;
  min-height: 12px;
  width: 100%;
  height: 100%;
}

.rating-desc-head {
  display: flex;
  column-gap: 6px;
  align-items: center;
  padding-bottom: 3px;
}

.ctaIcon span,
.expertRaing svg,
.rating-desc-head svg,
.writtingProcessBox img {
  display: block;
}

.ratingNumber {
  font-weight: 700;
  font-size: 18.6444px;
  color: #105a98;
}

.ratingProvider {
  font-weight: 500;
  font-size: 11.6527px;
  color: #0e101a;
}

.banner-btns {
  display: flex;
  max-width: max-content;
  width: 100%;
  justify-content: space-between;
  gap: 9px;
}

.banner-chat,
.banner__order {
  border-radius: 10px;
  font-size: 16px;
  line-height: 100%;
  padding: 12px 20px;
  max-width: max-content;
  display: inline-block;
  width: 100%;
  text-decoration: none;
  font-weight: 500;
  z-index: 1;
  text-align: center;
  cursor: pointer;
}

.banner__order {
  font-family: CircularStd;
  background-color: #3179be;
  color: #fff;
  position: relative;
}

.banner-chat {
  color: #3179be;
  border: 1px solid #3179be;
}

.banner__Specs__Wrapper h2,
.banner__headline {
  font-family: CircularStd;
  font-weight: 450;
  letter-spacing: 0;
}

.banner-chat:hover {
  color: #fff;
}

.StepBox,
.spec__Card {
  background-color: #fff;
}

.banner__Specs {
  padding-bottom: 102px;
  padding-top: 80px;
}

.banner__Specs__Wrapper {
  padding: 60px 0 20px;
  background-color: #fff;
  box-shadow: 0 -5px 23px rgb(184 178 178 / 25%);
  border-radius: 40px;
  position: relative;
}

.experCard,
.spec__Card {
  box-shadow: 0 0 18px rgba(145, 145, 145, 0.12);
}

.banner__Specs__Wrapper::before {
  position: absolute;
  content: "";
  width: 70px;
  height: 80px;
  background-image: url(../svg/educservice.svg);
  background-repeat: no-repeat;
  right: -55px;
  z-index: -1;
  bottom: 196px;
}

.expertsWrapper,
.inner__wrapper {
  /* padding-top: 48px; */
  position: relative;
}

.bannerSpecSlider {
  max-width: 1031px;
  margin: 0 auto;
  position: relative;
  padding: 10px;
}

.banner__Specs__Wrapper .spec_para {
  font-family: CircularStd;
  font-style: Medium;
  font-weight: 500;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0;
  max-width: 950px;
  width: 100%;
  margin: auto;
  text-align: center;
  color: #4b5563;
  padding-top: 19px;
}

.banner__Specs__Wrapper h2 {
  font-style: normal;
  font-size: 30px;
  line-height: 150%;
  text-align: center;
  color: #231f20;
  max-width: 1060px;
  margin: 0 auto;
}

.banner__headline {
  font-size: 13px;
  line-height: 180%;
  margin-top: 10px;
  color: #5c6f8c;
}

.spec__Card {
  padding: 38px 18px 45px;
  border-radius: 13.1143px;
  width: 100%;
  border: 1px solid transparent;
  margin: 12px 0;
  min-height: 306px;
  max-height: 310px;
  height: 100%;
  text-align: center;
}

.service__Wrapper,
.skelImg,
.spec__Icon img {
  margin: 0 auto;
  width: 100%;
}

.spec__Card:hover {
  border-color: #233f8c;
}

.spec__Icon img {
  max-width: 51px;
  max-height: 50px;
  height: 100%;
}

.spec__Desc>p {
  padding-top: 20px;
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  color: #231f20;
  padding-bottom: 24px;
  margin: 0;
}

.spec__Desc .featureDesc *,
.spec__Desc span {
  font-weight: 400;
  font-size: 15px;
  line-height: 26px;
  letter-spacing: 0.005em;
  color: #221f1f;
  display: block;
}

.swiper-controls {
  position: absolute;
  z-index: 1;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
}

.swiper-controls .swiper-button-prev.swiperCstmPrev {
  left: 26px;
  right: auto;
}

.swiper-controls .swiper-button-next.swiperCstmNext {
  right: 26px;
  left: auto;
}

.sampleControls .swiper-button-next,
.sampleControls .swiper-button-prev,
.similarServiceSection .comprehensiveControls .swiper-button-next,
.similarServiceSection .comprehensiveControls .swiper-button-prev,
.swiper-controls .swiper-button-next,
.swiper-controls .swiper-button-prev,
.testimonialControls .swiper-button-next,
.testimonialControls .swiper-button-prev {
  width: 19px;
  height: 19px;
}

.sampleControls .swiper-button-next:after,
.sampleControls .swiper-button-prev:after,
.sampleControls .swiper-container-rtl .swiper-button-next:after,
.sampleControls .swiper-container-rtl .swiper-button-prev:after,
.similarServiceSection .comprehensiveControls .swiper-button-next:after,
.similarServiceSection .comprehensiveControls .swiper-button-prev:after,
.similarServiceSection .comprehensiveControls .swiper-container-rtl .swiper-button-next:after,
.similarServiceSection .comprehensiveControls .swiper-container-rtl .swiper-button-prev:after,
.swiper-controls .swiper-button-next:after,
.swiper-controls .swiper-button-prev:after,
.swiper-controls .swiper-container-rtl .swiper-button-next:after,
.swiper-controls .swiper-container-rtl .swiper-button-prev:after,
.testimonialControls .swiper-button-next:after,
.testimonialControls .swiper-button-prev:after,
.testimonialControls .swiper-container-rtl .swiper-button-next:after,
.testimonialControls .swiper-container-rtl .swiper-button-prev:after {
  font-size: 19px;
  color: #233f8c;
  font-weight: 600;
}

.sampleControls .swiper-button-next:after,
.sampleControls .swiper-container-rtl .swiper-button-next:after,
.similarServiceSection .comprehensiveControls .swiper-button-next:after,
.similarServiceSection .comprehensiveControls .swiper-container-rtl .swiper-button-next:after,
.swiper-controls .swiper-button-next:after,
.swiper-controls .swiper-container-rtl .swiper-button-next:after,
.testimonialControls .swiper-button-next:after,
.testimonialControls .swiper-container-rtl .swiper-button-next:after {
  transform: translateX(2px);
}

.sampleControls .swiper-button-prev:after,
.sampleControls .swiper-container-rtl .swiper-button-prev:after,
.similarServiceSection .comprehensiveControls .swiper-button-prev:after,
.similarServiceSection .comprehensiveControls .swiper-container-rtl .swiper-button-prev:after,
.swiper-controls .swiper-button-prev:after,
.swiper-controls .swiper-container-rtl .swiper-button-prev:after,
.testimonialControls .swiper-button-prev:after,
.testimonialControls .swiper-container-rtl .swiper-button-prev:after {
  transform: translateX(-1px);
}

.sampleControls .swiper-button-next,
.swiper-container-rtl .swiper-button-prev,
.swiper-controls .swiper-button-next {
  right: 88px;
  left: auto;
}

.sampleControls .swiper-button-prev,
.swiper-container-rtl .swiper-button-next,
.swiper-controls .swiper-button-prev {
  left: 88px;
  right: auto;
}

.service__section {
  padding: 60px 0;
  background-image: url("../svg/servicebg.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
  overflow: hidden;
}

.ecnomicsSection h2,
.orderStep__section h2,

.sampleEcnomicsSection h2,
.sec-header h2,
.service__section h2,
.similarServiceSection h2,
.testimonialSection h2 {
  font-weight: 450;
  font-size: 30px;
  line-height: 150%;
  letter-spacing: 0;
  text-align: center;
  color: #231f20;
}

.serviceDesc p,
.serviceDesc span {
  font-family: Inter;
  font-style: normal;
}

.StepBox p,
.expertBody p,
.expertBody span,
.expertBtns .aboutWriter,
.expertHead .expertName,
.expertRaing p,
.expertRaing span,
.hireWriter,
.orderStep__section .orderDesc2,
.ourExperts .experts-desc,
.sampleHead p,
.sampleInfoWrap .sampleInfo p,
.sampleInfoWrap .sampleInfo span,
.service__section .servDesc,
.viewAllWriters a,
.writerReview span {
  font-family: CircularStd;
  font-style: normal;
}

.service__section .servDesc {
  font-weight: 450;
  font-size: 18px;
  line-height: 150%;
  color: #231f20;
  text-align: center;
}

.service__Wrapper {
  padding-top: 60px;
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
  column-gap: 99px;
  row-gap: 51px;
  max-width: 950px;
}

.singleService {
  max-width: 44.74%;
  width: 100%;
  display: flex;
  column-gap: 15px;
}

.serviceDesc p {
  font-weight: 700;
  font-size: 16px;
  line-height: 108.5%;
  color: #231f20;
  padding-bottom: 15px;
}

.serviceDesc span {
  font-weight: 400;
  font-size: 14px;
  line-height: 164.5%;
  color: #221f1f;
}

.serviceIcon img {
  width: 37px;
  height: 37px;
}

.orderStep__section,
.writtingProcessSection {
  padding: 102px 0;
  position: relative;
  overflow: hidden;
}

.skelImg {
  max-width: 606px;
  min-height: 340px;
      border-radius: 20px;
  display: block;
  height: 100%;

}

.orderStep__section::after,
.orderStep__section::before {
  position: absolute;
  content: "";
  width: 62px;
  height: 62px;
  background-image: url(../svg/educservice.svg);
  background-repeat: no-repeat;
  background-size: cover;
}

.orderStep__section::before {
  right: 72px;
  z-index: -1;
  top: 77px;
  transform: rotate(6deg);
}

.orderStep__section::after {
  left: -21px;
  z-index: -1;
  bottom: 400px;
  transform: rotate(6deg);
}

.StepBox p,
.orderStep__section .orderDesc2 {
  line-height: 150%;
}

.ecoDesc p,


.orderStep__section .orderDesc,
.sampleDesc,
.testimonialSection .testDesc,
.writtingProcessSection p.ecoDesc {
  line-height: 164.5%;
  color: #4b5563;
  max-width: 850px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  font-weight: 500;
  font-size: 14px;
  padding-top: 19px;
}

.ecnomicsSection .ecoDesc p,
.faqDesc p,
.orderStep__section .orderDesc p,
.ourExperts .experts-desc,
.similarServiceSection .similardesc {
 text-align: center;
    margin: 0;
    max-width: 100%;
    font-size: 16px;
    line-height: 180%;
    color: #536C8B;
    font-weight: 400;
    padding-top: 0;
    font-family: 'Inter', sans-serif;
    padding-top: 0;
}
@media (max-width: 575px) {
   
}
.orderStep__section .orderDesc2 {
  font-weight: 450;
  font-size: 18px;
  text-align: center;
  color: #231f20;
  margin-top: 30px;
}

.toDeliveryWrapper {
  display: flex;
  column-gap: 38px;
  padding: 60px 0 20px;
}

.deliverySteps {
  max-width: 400px;
  width: 100%;
}

.StepBox {
  display: flex;
  column-gap: 22px;
  padding: 20px;
  border: 0.796635px solid rgba(76, 174, 255, 0.29);
  border-radius: 14.227px;
  margin-bottom: 12px;
  align-items: flex-start;
}

/* ============ Timeline Style for Order Steps ============ */
.orderStep__timeline {
  font-family: 'Inter', sans-serif;
  background: #fff;
}

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

.orderStep__timeline .orderDesc {
  text-align: left;
  margin: 0;
  max-width: 100%;
  padding-top: 0;
}

.orderStep__timeline .orderDesc p {
  text-align: left;
  margin: 0;
  max-width: 100%;
    font-size: 16px;
    line-height: 180%;
    color: #536C8B;
    
    font-weight: 400;
  padding-top: 0;
      font-family: 'Inter', sans-serif;
}
.orderStep__timeline .orderDesc span{
  
      font-family: 'Inter', sans-serif;
}
.toDeliveryWrapper.timeline-layout {
    display: grid;
    grid-template-columns: 1fr 606px;
    gap: 50px;
    align-items: start;
    padding: 55px 0 0px;
}

/* Timeline Steps */
.timeline-steps {
  position: relative;
}

.timeline-step {
    position: relative;
    margin-bottom: 0;
    padding-bottom: 20px;
    min-height: 100px;
}

.timeline-step:last-child {
  margin-bottom: 0;
}

.timeline-connector {
    position: absolute;
    left: 19px;
    top: 55%;
    height: 40px;
    bottom: -50%;
    width: 2px;
    transform: translateY(-22%);
}

.timeline-step:nth-child(odd) .timeline-connector { background: #7B8DE6; }
.timeline-step:nth-child(even) .timeline-connector { background: #2756DF; }

.timeline-step-content {
  display: flex;
  align-items: flex-start;
  gap: 24px;
}

.step-number {
  position: relative;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  display: flex;
    padding: 11px 15px;
  flex-shrink: 0;
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  font-size: 17px;
  color: #fff;
  line-height: 100%;
  z-index: 2;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.timeline-step:nth-child(odd) .step-number { background: #2756DF; }
.timeline-step:nth-child(even) .step-number { background: #7B8DE6; }

/* Pulse animation on step numbers */
.step-number::before {
  content: '';
  position: absolute;
  inset: -6px;
  border-radius: 50%;
  background: inherit;
  opacity: 0;
  z-index: -1;
  animation: pulse-ring 2.5s ease-out infinite;
}

@keyframes pulse-ring {
  0% { transform: scale(1); opacity: 0.4; }
  50% { transform: scale(1.15); opacity: 0; }
  100% { transform: scale(1); opacity: 0; }
}

.timeline-step:hover .step-number {
  transform: scale(1.1);
  box-shadow: 0 8px 25px rgba(59, 130, 246, 0.4);
}

.step-text {
  padding-top: 4px;
}

.step-text h3 {
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 140%;
  color: #231F20;
  margin-bottom: 7px;
  transition: color 0.3s ease;
}

.timeline-step:hover .step-text h3 {
  color: #3b82f6;
}

.step-text p {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 180%;
  color: #4b5563;
  margin: 0;
}

/* Timeline Video Section */
.timeline-video {
  position: sticky;
  top: 100px;
}

.timeline-video .vidWrapper {
  border-radius: 16px;
  overflow: hidden;
  background: #0e266d;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  padding: 15px;
      height: 415px;
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: center;
}

.video-cta-section {
  margin-top: 16px;
  text-align: center;
}

.video-cta-section .bottom-desc {
  text-align: center;
  margin-bottom: 20px;
}

.video-cta-section .bottom-desc p {
  font-family: 'Inter', sans-serif;
  font-size: 16px;
  line-height: 160%;
  color: #4b5563;
  text-align: center;
}

.timeline-cta-btn {
  margin-top: 30px !important;
  display: flex!important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  height: 52px;
  padding: 0 !important;
  background: #2756DF !important;
  color: #fff !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 600 !important;
  font-size: 17px !important;
  text-align: center;
  border-radius: 10px !important;
  text-decoration: none;
  transition: all 0.3s ease;
  box-shadow: 0 10px 30px rgba(59, 130, 246, 0.4);
  max-width: 100% !important;
  position: relative;
  overflow: visible;
}

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

.timeline-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;
}

.timeline-cta-btn:hover {
  background: #1e45c4 !important;
  transform: translateY(-3px) scale(1.02);
  box-shadow: 0 15px 40px rgba(59, 130, 246, 0.5);
}

.timeline-cta-btn:hover::after {
  transform: translateX(4px);
}

/* Timeline Responsive */
@media (max-width: 991px) {
  .toDeliveryWrapper.timeline-layout {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .timeline-video {
    position: relative;
    top: 0;
    order: 1;
  }

  .orderStep__timeline h2 {
    font-size: 32px;
  }
}

@media (max-width: 767px) {
  .orderStep__timeline h2 {
    font-size: 28px;
  }
.timeline-video .vidWrapper{
  height: auto;
}
  .orderStep__timeline .orderDesc p {
    font-size: 14px;
  }

  .step-number {
    width: 34px;
    height: 34px;
    padding: 9px 12px;
    font-size: 15px;
  }

  .timeline-connector {
    left: 17px;
    top: 44px;
    height: 52px;
    transform: translateY(6%);
  }

  .step-text h3 {
    font-size: 16px;
  }

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

  .timeline-step {
    margin-bottom: 28px;
  }
}

@media (max-width: 575px) {
  .orderStep__timeline h2 {
    font-size: 24px;
  }

  .timeline-step-content {
    gap: 16px;
  }
.writer-stat-value {
    
    font-size: 26px;
 
}
  .step-number {
    width: 32px;
    height: 32px;
    padding: 8px 11px;
    font-size: 14px;
  }

  .timeline-connector {
    left: 16px;
        top: 50%;
               height: 48px;
        transform: translateY(-25%);
  }

  .timeline-step {
    margin-bottom: 0px;
  }
}

/* ============ End Timeline Style ============ */

.orderBtn,
.sampleBtnCTA,
.writerBtn {
  max-width: max-content;
  padding: 12px 35px;
}

.StepBox:hover {
  border: 0.796635px solid #233f8c;
}

.orderBtn,
.specialOrderBtn,
.writerBtn {
  background-color:#2756DF ;
  border-radius: 40px;
  line-height: 25px;
  color: #fff;
  position: relative;
  font-weight: 450;
  text-align: center;
  z-index: 1;
}

.StepBox img {
  display: block;
  width: 38px;
  height: 38px;
}

.StepBox p {
  font-weight: 450;
  font-size: 15px;
  color: #221f1f;
}

.StepBox p span {
  color: #233f8c;
  font-weight: 500;
  font-size: 16px;
}

.orderIcon {
  width: 35px;
  height: 35px;
}

.orderBtn,
.writerBtn {
  font-size: 17px;
  display: block;
  width: 100%;
  margin: 45px auto 0;
}

.sampleBtnCTA {
  text-align: center;
  display: flex;
  width: 100%;
  margin: 0 auto;
  justify-content: center;
  align-items: center;
  column-gap: 7px;
}

.specialBtn {
  max-width: 331px;
  font-size: 18px !important;
}

.specialOrderBtn {
  padding: 12px 25px;
  font-size: 18px;
  display: block;
  max-width: max-content;
  width: 100%;
  margin: 25px auto 0;
}

 
.specialOrderBtn:before {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 100px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: rgb(49 121 190 / 50%);
}

/* ============ Writer CTA Banner ============ */
.writer-cta-banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: linear-gradient(90deg, #2243A4 0%, #566BD0 100%);
  height:135px;
  border-radius: 25px;
  padding: 45px 36px;
  margin-top: 50px;
  gap: 30px;
  max-width: 1200px;
  width: 100%;
  margin:-30px auto 0;
}

.writer-cta-content h3 {
  font-family: 'Inter', sans-serif;
  font-size: 22px;
  font-weight: 700;
  color: #ffffff;
  margin: 0 0 10px 0;
  line-height: 1.3;
}

.writer-cta-content p {
  font-family: 'Inter', sans-serif;
  font-size: 15px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.85);
  margin: 0;
  line-height: 1.5;
}

.writer-cta-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: #ffffff;
  color: #2344A5;
  font-family: 'Inter', sans-serif;
  font-size: 16px;
  font-weight: 600;
  padding: 16px 28px;
  border-radius: 10px;
  text-decoration: none;
  white-space: nowrap;
  transition: all 0.3s ease;
  flex-shrink: 0;
  position: relative;
    z-index: 1;
}
.writer-cta-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 10px;
    background: #ffffff;
    animation: ripple-effect 1.5s ease-out infinite;
    z-index: -1;
    pointer-events: none;
    -webkit-animation: ripple-effect 1.5s ease-out infinite;
}
@keyframes ripple-effect{
0% {
    box-shadow: 0 0 0 0 #dad3d3;
}

100% {
    box-shadow: 0 0 0 15px transparent;
} 
    
}
.writer-cta-btn::after {
  content: '';
  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 8.5H12.5M12.5 8.5L8.75 4.75M12.5 8.5L8.75 12.25' stroke='%232344A5' 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;
}

.writer-cta-btn:hover {
  background: #f0f4ff;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
}

.writer-cta-btn:hover::after {
  transform: translateX(4px);
}

/* Writer CTA Banner Responsive */
@media (max-width: 768px) {
  .writer-cta-banner {
    flex-direction: column;
    text-align: center;
    padding: 24px 20px;
    gap: 20px;
            width: calc(100% - 30px);
    height: auto;
    margin: 10px auto 0;
  }

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

  .writer-cta-content p {
    font-size: 14px;
  }
  .swiper-pagination-writer{
    display: block;
  }
}

@media (max-width: 575px) {
  .expertsWrapper {
    padding-top: 15px;
    position: relative;
}
  .writer-cta-content h3 {
    font-size: 18px;
  }

  .writer-cta-btn {
   font-size: 14px;
        width: 100%;
        justify-content: center;
        padding: 14px 28px;
        max-width: max-content;
  }
}

.mb-45 {
  margin-bottom: 45px;
}

.orderStepVideo {
  flex: 1;
}

.vidWrapper {
  background: #0c0d10;
  border-radius: 8.2669px;
  padding: 16px;
}

@keyframes pulse-animation {
  0% {
    box-shadow: 0 0 0 0 #2756DF;
  }

  100% {
    box-shadow: 0 0 0 15px transparent;
  }
}

.ourExperts {
  padding: 128px 0 90px;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
  position: relative;
  z-index: 1;
}
.ourExperts h2{
      
     font-family: 'Inter', sans-serif;
    font-weight: 800;
    font-size: 38px;
    line-height: 150%;
    color: #35414B;
    text-align: left;
    margin-bottom: 3px;
    max-width: 895px;
    width: 100%;
}
.ourExperts .experts-desc{
 color: #536C8B;
    max-width: 828px;
    width: 100%;
    font-family: 'Inter', sans-serif;
 
    text-align: left;
    font-weight: 400;
 
    padding-top: 0px;
    font-size: 16px;
    line-height: 180%;
}
.expertHead .expertName,
.expertRaing p {
  font-weight: 700;
}

.expertsSwiper {
  width: 100%;
  margin: 0 auto;
  padding: 40px 0 78px !important;
}

.writerCard {
    padding: 24px 15px;
  max-width: 386px;
  width: 100%;
  position: relative;
  background: #fff;
  border-radius: 20px;
  border: 1px solid #F6FAFF;
  box-shadow: 0px 0px 16px 0px #308ED233;
  transition: all 0.3s ease;
}

/* ============ Writer Badge Base Styles ============ */
.writerBadge {
  position: absolute;
  top: 20px;
  right: 15px;
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 5px 7px;
  border-radius: 50px;
  z-index: 2;
  font-family: 'Inter', sans-serif;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

.writerBadge::before {
  content: '';
  width: 21px;
  height: 21px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
 
  background-position: center;
  background-repeat: no-repeat;
}

/* ============ 1. TOP WRITER - Gold Medal ============ */
.writerBadge.badge-top-writer {
  background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);
  border: 1px solid #FCD556;
  color: #C37E0D;
 box-shadow: 0px 0px 2.8px 0px #E0B979;

}

.writerBadge.badge-top-writer::before {
  background-color: transparent;
  background-image: url(../svg/top-writer.svg);
  width: 20px;
  height: 22px;
  display: inline-block;
}

/* ============ 2. RISING TALENT - Blue Rocket ============ */
.writerBadge.badge-rising-talent {
  background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
  border: 1px solid #93c5fd;
  color: #1e40af;
}

.writerBadge.badge-rising-talent::before {
  background: #2e6ce9;
  box-shadow: 0 2px 8px rgba(59, 130, 246, 0.4);
  background-image: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.545 3.62763C12.4832 3.4788 12.3649 3.36053 12.216 3.29873C12.1428 3.26752 12.0642 3.25096 11.9846 3.25H8.93856C8.77699 3.25 8.62204 3.31417 8.50779 3.4284C8.39354 3.54262 8.32936 3.69754 8.32936 3.85908C8.32936 4.02062 8.39354 4.17554 8.50779 4.28977C8.62204 4.40399 8.77699 4.46816 8.93856 4.46816H10.5164L7.11096 7.87292L5.1067 5.86296C5.05007 5.80587 4.98269 5.76056 4.90845 5.72963C4.83422 5.69871 4.75459 5.68279 4.67417 5.68279C4.59375 5.68279 4.51412 5.69871 4.43989 5.72963C4.36565 5.76056 4.29827 5.80587 4.24164 5.86296L0.58645 9.51744C0.529351 9.57406 0.48403 9.64143 0.453102 9.71565C0.422173 9.78987 0.40625 9.86948 0.40625 9.94989C0.40625 10.0303 0.422173 10.1099 0.453102 10.1841C0.48403 10.2583 0.529351 10.3257 0.58645 10.3823C0.643083 10.4394 0.710461 10.4847 0.784697 10.5157C0.858934 10.5466 0.938559 10.5625 1.01898 10.5625C1.0994 10.5625 1.17903 10.5466 1.25326 10.5157C1.3275 10.4847 1.39488 10.4394 1.45151 10.3823L4.67417 7.15421L6.67843 9.16417C6.73507 9.22126 6.80244 9.26657 6.87668 9.2975C6.95092 9.32842 7.03054 9.34434 7.11096 9.34434C7.19139 9.34434 7.27101 9.32842 7.34525 9.2975C7.41948 9.26657 7.48686 9.22126 7.5435 9.16417L11.3754 5.32697V6.90448C11.3754 7.06602 11.4395 7.22094 11.5538 7.33517C11.668 7.44939 11.823 7.51356 11.9846 7.51356C12.1461 7.51356 12.3011 7.44939 12.4153 7.33517C12.5296 7.22094 12.5938 7.06602 12.5938 6.90448V3.85908C12.5928 3.77949 12.5762 3.70086 12.545 3.62763Z' fill='white' stroke='white' stroke-width='0.3'/%3E%3C/svg%3E");
  background-size: 11px 11px;
  background-position: center;
  background-repeat: no-repeat;
}
 
/* ============ 3. RUSH EXPERT - Purple Lightning ============ */
.writerBadge.badge-rush-expert {
  background: linear-gradient(135deg, #faf5ff 0%, #f3e8ff 100%);
  border: 1px solid #d8b4fe;
  color: #6d28d9;
}

.writerBadge.badge-rush-expert::before {
  background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);
  box-shadow: 0 2px 8px rgba(139, 92, 246, 0.4);
  background-image: url("data:image/svg+xml,%3Csvg fill='%23fbbf24' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' d='M11.3 1.046A1 1 0 0112 2v5h4a1 1 0 01.82 1.573l-7 10A1 1 0 018 18v-5H4a1 1 0 01-.82-1.573l7-10a1 1 0 011.12-.38z' clip-rule='evenodd'/%3E%3C/svg%3E");
  background-size: 11px 11px;
  background-position: center;
  background-repeat: no-repeat;
  animation: pulse-purple 2s ease-in-out infinite;
}

@keyframes pulse-purple {
  0%, 100% { box-shadow: 0 2px 8px rgba(139, 92, 246, 0.4); }
  50% { box-shadow: 0 2px 16px rgba(139, 92, 246, 0.6); }
}

/* ============ 4. CLIENT FAVORITE - Green Heart ============ */
.writerBadge.badge-client-favorite {
  background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%);
  border: 1px solid #6ee7b7;
  color: #047857;
}

.writerBadge.badge-client-favorite::before {
  background-color: #059669 ;
  box-shadow: 0 2px 8px rgba(16, 185, 129, 0.4);
  background-image: url("data:image/svg+xml,%3Csvg fill='white' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' d='M3.172 5.172a4 4 0 015.656 0L10 6.343l1.172-1.171a4 4 0 115.656 5.656L10 17.657l-6.828-6.829a4 4 0 010-5.656z' clip-rule='evenodd'/%3E%3C/svg%3E");
  background-size: 11px 11px;
  background-position: center;
  background-repeat: no-repeat;
}

/* ============ 5. TOP 10% - Indigo Crown ============ */
.writerBadge.badge-top-10 {
  background: linear-gradient(135deg, #eef2ff 0%, #e0e7ff 100%);
  border: 1px solid #a5b4fc;
  color: #4338ca;
}

.writerBadge.badge-top-10::before {
  content: '';
  width: 21px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='21' height='24' viewBox='0 0 21 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10.5' cy='13.5' r='10.5' fill='%235B5AEC'/%3E%3Cpath d='M3 11.152C3.32 11.152 3.572 11.108 3.756 11.02C3.948 10.924 4.088 10.804 4.176 10.66C4.272 10.516 4.364 10.328 4.452 10.096H5.34V18.496H4.02V12.088H3V11.152Z' fill='white'/%3E%3Cpath d='M6.83381 12.112C6.83381 11.44 7.00581 10.92 7.34981 10.552C7.69381 10.184 8.18981 10 8.83781 10C9.48581 10 9.98181 10.184 10.3258 10.552C10.6698 10.92 10.8418 11.44 10.8418 12.112V16.48C10.8418 17.152 10.6698 17.672 10.3258 18.04C9.98181 18.408 9.48581 18.592 8.83781 18.592C8.18981 18.592 7.69381 18.408 7.34981 18.04C7.00581 17.672 6.83381 17.152 6.83381 16.48V12.112ZM8.15381 16.564C8.15381 17.116 8.38181 17.392 8.83781 17.392C9.29381 17.392 9.52181 17.116 9.52181 16.564V12.028C9.52181 11.476 9.29381 11.2 8.83781 11.2C8.38181 11.2 8.15381 11.476 8.15381 12.028V16.564Z' fill='white'/%3E%3Cpath d='M11.6276 11.38C11.6276 10.948 11.7356 10.616 11.9516 10.384C12.1676 10.152 12.4836 10.036 12.8996 10.036C13.3156 10.036 13.6316 10.152 13.8476 10.384C14.0636 10.616 14.1716 10.948 14.1716 11.38V14.14C14.1716 14.572 14.0636 14.904 13.8476 15.136C13.6316 15.368 13.3156 15.484 12.8996 15.484C12.4836 15.484 12.1676 15.368 11.9516 15.136C11.7356 14.904 11.6276 14.572 11.6276 14.14V11.38ZM16.9916 10.096L13.6796 18.496H12.8996L16.2116 10.096H16.9916ZM12.4676 14.2C12.4676 14.552 12.6116 14.728 12.8996 14.728C13.1876 14.728 13.3316 14.552 13.3316 14.2V11.32C13.3316 10.968 13.1876 10.792 12.8996 10.792C12.6116 10.792 12.4676 10.968 12.4676 11.32V14.2ZM15.7916 14.452C15.7916 14.02 15.8996 13.688 16.1156 13.456C16.3316 13.224 16.6476 13.108 17.0636 13.108C17.4796 13.108 17.7956 13.224 18.0116 13.456C18.2276 13.688 18.3356 14.02 18.3356 14.452V17.212C18.3356 17.644 18.2276 17.976 18.0116 18.208C17.7956 18.44 17.4796 18.556 17.0636 18.556C16.6476 18.556 16.3316 18.44 16.1156 18.208C15.8996 17.976 15.7916 17.644 15.7916 17.212V14.452ZM16.6316 17.272C16.6316 17.624 16.7756 17.8 17.0636 17.8C17.3516 17.8 17.4956 17.624 17.4956 17.272V14.392C17.4956 14.04 17.3516 13.864 17.0636 13.864C16.7756 13.864 16.6316 14.04 16.6316 14.392V17.272Z' fill='white'/%3E%3Cpath d='M6 2L4 6H8L6 2Z' fill='%23F8AD16'/%3E%3Cpath d='M15 2L13 6H17L15 2Z' fill='%23F8AD16'/%3E%3Cpath d='M10.5 0L8 6H13L10.5 0Z' fill='%23F8AD16'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* .writerBadge.badge-top-10::after {
  content: '';
  position: absolute;
  top: -1px;
  left: 12px;
  width: 16px;
  height: 8px;
  background: linear-gradient(135deg, #fbbf24, #f59e0b);
  clip-path: polygon(0% 100%, 15% 30%, 30% 100%, 50% 0%, 70% 100%, 85% 30%, 100% 100%);
} */

.writerHead {
  display: flex;
  align-items: center;
  column-gap: 12px;
  padding-bottom: 20px;
  position: relative;
}

/* Writer Initials Box */
.writer-initials {
  width: 65px;
  height: 65px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-shrink: 0;
}

/* Even/Odd background colors */
.swiper-slide:nth-child(odd) .writer-initials {
  background: #2756DF;
  box-shadow: 0px 6px 9.9px 0px #CCE6FF;

}

.swiper-slide:nth-child(even) .writer-initials {
  background: #7B8DE6;
  box-shadow: 0px 6px 9.9px 0px #CCE6FF;
}

.writer-initials span {
  font-family: 'Inter', sans-serif;
  font-size: 22px;
  font-weight: 700;
  color: #fff;
  letter-spacing: 1px;
}

.writer-verified {
  position: absolute;
    left: 48px;
    top: 48px;

  width: 29px;
  height: 29px;
 
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
 
}

.degName {
  display: block;
  font-family: 'Inter', sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 100%;
  color: #536C8B;
}

/* New Writer Stats */
.writer-stats-wrapper {
  display: flex;
  gap: 8px;
  margin: 0px 0 20px;
  padding: 16px;
  background: #F6FAFF;
  border-radius: 12px;
}

.writer-stat-item {
  flex: 1;
  text-align: center;
 
  border-right: 1px solid #E1EDFB;
}

.writer-stat-item:last-child {
  border-right: none;
}

.writer-stat-value {
  display: block;
  font-family: 'Inter', sans-serif;
  font-size: 28px;
  font-weight: 800;
  line-height: 100%;
}

/* 3 colors for stat values */
.writer-stat-item:nth-child(1) .writer-stat-value {
  color: #00B442;
}

.writer-stat-item:nth-child(2) .writer-stat-value {
  color: #031958;
}

.writer-stat-item:nth-child(3) .writer-stat-value {
  color: #4465C4;
}

.writer-stat-label {
  display: block;
  font-family: 'Inter', sans-serif;
  font-size: 13px;
  font-weight: 400;
  color: #536C8B;
  margin-top: 7px;
}

/* Writer Bio (without quote styling) */
.writerBio {
  margin-top: 0px;
  min-height: 70px;
  padding-top: 20px;
}

.writerBio p {
  font-family: 'Inter', sans-serif;
  font-size: 13px;
  line-height: 170%;
  font-weight: 400;
  color: #536C8B;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.writerReview {
  background: #f9fcff;
  padding: 15px 12px;
  border-radius: 8px;
  min-height: 90px;
  border: 1px solid #e3f0fc;
  margin-top: 18px;
  position: relative;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03);
}

.writerReview::before {
  content: '"';
  position: absolute;
  top: 8px;
  left: 8px;
  font-size: 24px;
  color: #b7d8f5;
  font-weight: 700;
  line-height: 1;
}

.writerReview p {
  font-size: 13px;
  line-height: 150%;
  color: #5a6570;
  font-style: italic;
  margin: 0;
  padding-left: 12px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.actualCost #actualPrice,
.actualCost .discountOff span,
.cost__head,
.discountedCost span,
.essayCost h2,
.formBtn a,
.formFields input,
.formFields option,
.formFields option:checked,
.formFields select,
.hollowSampleBtn,
.priceHead p,
.sampleBtn,
.sampleDetail p,
.select2-results__option,
.serviceGuarantee p,
.serviceName p,
.servicePrice .costWas,
.servicePrice .free {
  font-family: CircularStd;
  font-style: normal;
}

.writersSwiperWraper .swiper-wrapper {
  height: unset;
}

.writers-section .info-badge {
  margin: 50px auto 40px;
}

.writer-edu-wrapper:after,
.writerHead:after {
  display: none;
}

.writer-img {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  padding: 4px;
  border: 1px solid #ededee;
  display: flex;
  justify-content: center;
  align-items: center;
}

.statItem,
.writerRating {
  align-items: center;
  display: flex;
}

.writer-img img {
  border-radius: 50%;
}

.writerName {
  color: #35414B;
  font-family: 'Inter', sans-serif;
  font-size: 18px;
  padding-bottom: 5px;
  position: relative;
  font-weight: 800;
  line-height: 100%;
  margin: 0;
}

.writerName::after {
  display: none;
}

.writerRating {
  column-gap: 10px;
}

.writerRating span {
  color: #6f6f6f;
  text-align: center;
  font-size: 15px;
}

.writerReviews {
  color: #6f6f6f;
  font-size: 15px;
  padding-top: 6px;
}

.edu-text1,
.edu-text2 {
  font-size: 15px;
  color: #231f20;
}

.serviceWriters .sec_heading {
  font-size: 35px;
  font-weight: 700;
  line-height: 150%;
  text-align: center;
  padding-bottom: 15px;
  color: #0e101a;
}

.writer-edu-wrapper {
  padding: 12px 0;
  position: relative;
  min-height: 76px;
}

.writer-edu-wrapper p {
  margin-bottom: 15px;
  position: relative;
  padding-left: 22px;
}

.writer-edu-wrapper p::before {
  content: "";
  position: absolute;
  background-image: url(../writers-slider-icon.html);
  width: 8px;
  height: 16px;
  left: 0;
  top: 2px;
}

.writer-edu-wrapper p:last-child {
  margin-bottom: 0;
  height: unset;
}

.statsWrapper {
  display: flex;
  gap: 12px;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.statItem {
  gap: 6px;
  background: #f8fafc;
  padding: 8px;
  border-radius: 8px;
  flex: 1;
  min-width: 80px;
  transition: 0.3s;
}

.statItem:hover {
  background: #f1f5f9;
  transform: translateY(-2px);
}

.statIcon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 6px;
  flex-shrink: 0;
}

.statIcon--green {
  background: #d1fae5;
}

.statIcon--orange {
  background: #fff4e6;
}

.statIcon--blue {
  background: #dbeafe;
}

.statIcon img {
  width: 18px;
  height: 18px;
  display: block;
}

.statInfo {
  display: flex;
  flex-direction: column;
  gap: 2px;
  line-height: 1;
}

.statValue {
  font-size: 14px;
  font-weight: 600;
  color: #231f20;
  line-height: 1.2;
}

.statLabel {
  font-size: 11px;
  font-weight: 450;
  color: #6f6f6f;
  line-height: 1.2;
}

.edu-text1 {
  font-weight: 700;
  line-height: 18.97px;
}

.edu-text2 {
  font-weight: 450;
  line-height: 20.24px;
}

.aboutWriter,
.competences p {
  font-size: 14px;
  font-weight: 500;
}

.competences {
  padding-top: 0;
      padding-bottom: 20px;
  border-bottom: 1px solid #E1EDFB;
}

.competences p {
  font-family: 'Inter', sans-serif;
  color: #464860;
  font-size: 13px;
  font-weight: 700;
  line-height: 100%;
  padding-bottom: 14px;
  margin-bottom: 0;
}

.competencesWrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px 12px;
min-height: 72px
}

.competencesWrapper span {
  display: inline-block;
  font-family: 'Inter', sans-serif;
  color: #3571AC;
  text-align: center;
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  padding: 9px 11px;
  border-radius: 12px;
  background: #EEF6FF;
  border: unset;
  transition: 0.2s;
}

.competencesWrapper span:hover {
  background: #DBEAFE;
  border-color: #93C5FD;
  transform: translateY(-1px);
}

.writerCard:hover {
  border: 1px solid #b7d8f5;
}

.aboutWriter {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 15px 24px;
  max-width: 100%;
  width: 100%;
  border-radius: 10px;
  font-family: 'Inter', sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1;
  text-align: center;
  color: #fff;
  margin: 20px auto 0;
  background: #2756DF;
  text-decoration: none;
  transition: all 0.3s ease;
}

.aboutWriter:hover {
  background: #2563EB;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(59, 130, 246, 0.4);
}

.aboutWriter .btn-arrow {
  font-size: 18px;
  transition: transform 0.3s ease;
}

.aboutWriter:hover .btn-arrow {
  transform: translateX(4px);
}

.viewMore,
.viewMoreWriters {
  display: block;
  max-width: max-content;
}

.expertsSwiper .swiper-slide {
  display: flex;
  justify-content: center;
}

.expertsWrapper .swiper-wrapper,
.swiper-wrapper.reviewsSwiper {
  align-items: unset;
  justify-content: unset;
  padding: unset;
}

.expertsWrapper .swiper-button-next-writer,
.expertsWrapper .swiper-button-prev-writer {
  width: 40px;
  height: 40px;
  background-color: #ffffff;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
  border: 2px solid #2756DF;
  box-shadow: 0 2px 8px rgba(39, 86, 223, 0.15);
  /*bottom: -2% !important;
  */transform: translateY(-50%);
  position: absolute;
  top:-13%;
  z-index: 9;
  cursor: pointer;

}

.expertsWrapper .swiper-button-next-writer:hover,
.expertsWrapper .swiper-button-prev-writer:hover {
  background-color: #2756DF;
  box-shadow: 0 4px 12px rgba(39, 86, 223, 0.25);
}

.expertsWrapper .swiper-button-next-writer:hover svg path,
.expertsWrapper .swiper-button-prev-writer:hover svg path {
  stroke: #ffffff;
}

.expertsWrapper .swiper-button-next-writer {
  right: 0%;
  transform: rotate(272deg);
}

.expertsWrapper .swiper-button-prev-writer {
  left: 90%;
  transform: rotate(90deg);
}

.swiper-pagination-writer .swiper-pagination-bullet {
  background: #cedeef;
  opacity: unset;
  margin: 0 2px;
}

.swiper-button-next-writer.swiper-button-disabled,
.swiper-button-prev-writer.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-pagination-writer .swiper-pagination-bullet-active {
  background: #2756DF !important;
    width: 26px;
    height: 10px;
    position: relative;
    top: 1px;
    border-radius: 100rem;
}

.swiper-pagination-writer {
  display: none;
  position: absolute !important;
  text-align: center !important;
  bottom: 16px !important;
  z-index: 1 !important;
  transform: translate3d(0, 0, 0) !important;
  transition: opacity 0.3s !important;
  width: 100%;
}

.experCard {
  max-width: 341px;
  width: 100%;
  padding: 25px 18px;
  margin: 0 auto;
  background: #fff;
  border: 1px solid transparent;
  border-radius: 12.341px;
  min-height: 455px;
  display: flex;
  flex-direction: column;
}

.experCard:hover {
  border-color: #117bd4;
}

.expertsSwiper .swiper-slide {
  padding: 12px 0;
}

.expertHead {
  text-align: center;
}

.expertHead img {
  display: block;
  margin: 0 auto;
  width: 70px;
  height: 70px;
  border-radius: 12px;
  aspect-ratio: 1;
}

.expertRaing img {
  width: 100px;
  height: 18px;
  margin: unset;
}

.expertHead .expertName {
  font-size: 21px;
  line-height: 164.5%;
  color: #213d56;
  padding: 12px 0 7px;
  text-align: center;
}

.expertRaing {
  display: flex;
  align-items: center;
  justify-content: center;
}

.expertRaing p {
  font-size: 19px;
  line-height: 108.5%;
  color: #233f8c;
  padding-right: 6px;
}

.expertRaing span {
  display: block;
  font-weight: 450;
  font-size: 14px;
  line-height: 164.5%;
  color: #6a6a6a;
  padding-left: 3px;
}

.expertBody p,
.expertBody span,
.writerReview span {
  font-size: 13px;
  line-height: 164.5%;
}

.expertBody {
  padding-top: 30px;
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}

.expertOrders,
.expertise,
.qualification {
  display: flex;
  column-gap: 5px;
  align-items: flex-start;
}

.expertBody p {
  font-weight: 500;
  color: #231f20;
  min-width: 93px;
}

.expertBody span,
.writerReview span {
  font-weight: 450;
  color: #4b5563;
}

.expertBtns {
  padding-top: 21px;
  display: flex;
  column-gap: 17px;
  justify-content: center;
  margin-top: auto;
}

.expertBtns .aboutWriter,
.hireWriter {
  font-size: 14px;
  padding: 10px 0;
  max-width: 140px;
  line-height: 164.5%;
  width: 100%;
  font-weight: 450;
  text-align: center;
  cursor: pointer;
}

.expertBtns .aboutWriter {
  background-color: #fff;
  border: 0.881499px solid rgba(106, 106, 106, 0.35);
  border-radius: 3.526px;
  display: block;
  color: #6a6a6a;
}

.expertBtns .aboutWriter:hover {
  border-color: #3653a5;
  color: #3653a5;
}

.expertList {
  display: flex;
  flex-wrap: wrap;
}

.expertList span {
  display: inline-flex;
}

.hireWriter {
  border-radius: 3.526px;
  color: #a0adc1;
  display: block;
  border: 0.881499px solid rgba(160, 173, 193, 0.35);
}

.hireWriter:hover,
.similarServiceSection .rangeOFServices .comprOreder:hover {
  background-color: #233f8c;
  color: #fff;
}

.expertControls {
  position: absolute;
  width: 100%;
  bottom: 39%;
}

.expertControls .swiper-button-next svg path,
.expertControls .swiper-button-prev svg path {
  fill: #233f8c;
}

.viewAllWriters {
  text-align: center;
  padding-top: 42px;
}

.viewAllWriters a {
  background-color: #fff;
  border: 1px solid #4caeff;
  border-radius: 12px;
  padding: 18px 74px;
  font-weight: 500;
  font-size: 18px;
  line-height: 164.5%;
  color: #4caeff;
}

.viewAllWriters a:hover {
  background-color: #36a0fa;
  color: #fff;
}

.expertControls .swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 2px;
  left: auto;
}

.expertControls .swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 2px;
  right: auto;
}

.sampleEcnomicsSection {
  position: relative;
  padding: 102px 0;
  overflow: hidden;
}

.sampleEcnomicsSection::after,
.sampleEcnomicsSection::before,
.secLight::after,
.secLight::before,
.similarServiceSection::after,
.similarServiceSection::before,
.testimonialSection::after,
.testimonialSection::before,
.writtingProcessSection::after,
.writtingProcessSection::before {
  position: absolute;
  content: "";
  width: 65px;
  height: 65px;
  background-image: url(../svg/bookgroup.svg);
  background-repeat: no-repeat;
  background-size: cover;
}

.sampleEcnomicsSection::before {
  right: -26px;
  z-index: -1;
  top: 169px;
  transform: rotate(6deg);
}

.sampleEcnomicsSection::after {
  left: -27px;
  z-index: -1;
  bottom: 152px;
  transform: rotate(6deg);
}

.sampleControls .swiper-button-disabled.swiper-button-next:after,
.sampleControls .swiper-button-disabled.swiper-button-prev:after,
.testimonialControls .swiper-button-disabled.swiper-button-next:after,
.testimonialControls .swiper-button-disabled.swiper-button-prev:after {
  color: rgba(160, 173, 193);
}

.sampleCard {
  background-color: #fff;
  box-shadow: 0 4px 60px rgb(140 140 140 / 15%);
  border-radius: 8px;
  border: 1px solid transparent;
  display: flex;
  max-width: 851px;
  margin: 60px auto;
  min-height: 349px;
}

.costCalculator,
.costIncludes {
  box-shadow: 1.3707px 0.68535px 15.7631px rgba(76, 174, 255, 0.2);
}

.cardAnchor {
  cursor: pointer;
  display: block;
}

.sampleHead,
.sampleInfo {
  display: flex;
  align-items: center;
}

.sampleCard:hover {
  border-color: #233f8c;
  border-radius: 8px;
}

.sampleCardLeft {
  padding: 25px;
}

.sampleCardLeft img {
  border-radius: 15px;
  display: block;
  min-width: 207px;
  max-height: 187px;
  width: 100%;
  height: 100%;
}

.sampleInfoWrap {
  padding-top: 20px;
}

.sampleInfo {
  justify-content: space-between;
}

.sampleInfoWrap .sampleInfo+.sampleInfo {
  margin-top: 14.5px;
}

.sampleInfoWrap .sampleInfo p {
  font-weight: 450;
  font-size: 17px;
  line-height: 19px;
  color: #4b5563;
}

.sampleInfoWrap .sampleInfo span {
  font-weight: 500;
  font-size: 17px;
  line-height: 20px;
  text-align: right;
  color: #233f8c;
}

.sampleCardRight {
  background: #fff;
  padding: 24px;
  border-radius: 0 8px 8px 0;
}

.hollowSampleBtn,
.sampleBtn {
  max-width: 115px;
  height: 36px;
  font-size: 14px;
  border-radius: 3.526px;
  line-height: 164.5%;
  width: 100%;
}

.sampleHead {
  column-gap: 15px;
  border-bottom: 1px solid #ebebec;
  padding-bottom: 24px;
  margin-bottom: 16px;
}

.sampleHead p {
  font-weight: 700;
  font-size: 20px;
  line-height: 25px;
  color: #01305c;
  user-select: none;
  max-width: fit-content;
  width: 100%;
}

.hollowSampleBtn,
.sampleBtn,
.sampleDetail p {
  font-weight: 450;
}

.sampleDetail p {
  font-size: 16px;
  line-height: 24px;
  color: #4b5563;
  display: -webkit-box;
  padding-bottom: 0;
  display: -webkit-box;
  -webkit-line-clamp: 7;
  overflow: hidden;
  margin-bottom: 16px;
  min-height: 168px;
  user-select: none;
}

.essayCost h2,
.priceHead p {
  font-weight: 700;
}

.sampleBtnwrap {
  text-align: right;
  display: flex;
  align-items: center;
  column-gap: 10px;
  justify-content: flex-end;
}

.sampleBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: #233f8c;
}

.addOnsWrapper ul li::before,
.ecnomicsSection,
.enomicsItem p::before,
.essayCost,
.faqSection,
.secBg,
.serviceName p::before {
  background-repeat: no-repeat;
  background-size: cover;
}

.hollowSampleBtn {
  background-color: transparent;
  color: #3653a5;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #233f8c;
}

.hollowSampleBtn:hover {
  background-color: #3653a5;
  color: #fff;
}

.author,
.enomicsIcon,
.pdfIcon,
.rating,
.ratingBox,
.ratingName,
.slide-inner,
.unilogo {
  display: flex;
}

.pdfIcon img {
  max-width: 25px;
  max-height: 33px;
  width: 100%;
  height: 100%;
  flex: 0 0 25px;
}

.essayCost {
  padding: 128px 0;

  background-position: center top;
  z-index: 1;
  overflow: hidden;
}
.essayCost .ce-calc-box{
    box-shadow: 0px 0px 21.9px 0px #96969640;
    
border: 1px solid #CFDEF0;
        height: 632px;
        max-width: 445px;

}
.essayCost .ce-calc-box:hover{
      border-color: rgba(59, 130, 246, 0.2);
    box-shadow: 0 20px 40px rgba(59, 130, 246, 0.1);
}
.essayCost .ce-calc-wrapper{
 max-width: 445px;
 margin: 0;
}
 
.essayCost .ce-calc-badges p{
text-align: center;
    font-weight: 500;
    color: #627B9A;
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    line-height: 140%;
}
.essayCost h2,
.faqSection h2 {
    font-family: 'Inter', sans-serif;
    font-weight: 800;
    font-size: 38px;
    line-height: 150%;
    color: #35414B;
    text-align: center;
    margin-bottom: 3px;
}
.essayCostDesc p, .essayCostDesc span{
text-align: center;
    margin: 0;
    max-width: 100%;
    font-size: 16px;
    line-height: 180%;
    color: #536C8B;
    font-weight: 400;
    padding-top: 0;
    font-family: 'Inter', sans-serif;
    padding-top: 0;
}
.costWrapper {
  padding-top: 60px;
  display: flex;
  column-gap: 30px;
  justify-content: center;
}

.costCalculator {
  max-width: 346px;
  width: 100%;
  background-color: #fff;
  border: 0.7px solid rgba(76, 174, 255, 0.24);
  border-radius: 12px;
}

/* .costCalculator::before,
.costIncludes::before {
  position: absolute;
  content: "";
  border: 0.7px solid rgba(76, 174, 255, 0.35);
  border-radius: 8.4579px;
  width: 100%;
  height: 100%;
  left: -27px;
  z-index: -1;
  top: 22px;
} */

.priceCalculator {
  width: 100%;
}

.priceHead {
  background: #3179be;
  border-radius: 12px 12px 0 0;
  padding: 12px 0;
}

.priceHead p {
  font-size: 21px;
  line-height: 135.5%;
  text-align: center;
  color: #fff;
  padding-left: 0;
}

.formFields input,
.formFields option,
.formFields select {
  line-height: 18px;
  outline: 0;
}

.priceForm {
  padding: 36px 20px 24px;
}

.custom-dropdown .select-pages #minus,
.custom-dropdown .select-pages #plus {
  background-color: #3179be;
}

.formFields {
  width: 100%;
  margin-bottom: 16px;
  position: relative;
}

.formFields option {
  font-size: 13px;
  font-weight: 400;
  color: #333;
  background-color: #fff;
  border: 1px solid #e7eef9;
  padding: 5px 10px !important;
  text-indent: 5em;
  height: 40px;
  border-radius: 5px;
}

.formFields option:checked {
  font-weight: 450;
  color: #fff;
  background-color: #233f8c;
}

.formFields input[type="date"]::-webkit-calendar-picker-indicator {
  background: 0 0;
  bottom: 0;
  color: transparent;
  cursor: pointer;
  height: auto;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: auto;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #f5f9ff;
  color: #546b8e;
}

.select2-container--default .select2-results__option--selected {
  background-color: #233f8c;
  color: #fff;
  padding: 12px;
}

.select2-results__option {
  padding: 12px;
  font-weight: 450;
  font-size: 13px;
  line-height: 164.5%;
  color: #546b8e;
}

.select2-search--dropdown {
  padding: 0;
  border: 0;
}

.select2-container--default .select2-results>.select2-results__options {
  background-color: #fff;
  border: 1px solid #e7eef9;
  box-shadow: -1px 6px 6px rgb(209 231 250 / 20%);
  border-radius: 4px;
}

.select2-container--default .select2-results>#select2-acedLevel-results.select2-results__options,
.select2-container--default .select2-results>#select2-document-type-results.select2-results__options,
.select2-container--default .select2-results>#select2-pages-results.select2-results__options {
  background-color: unset;
  border: unset;
  box-shadow: unset;
  border-radius: unset;
}

.select2-dropdown.select2-dropdown--below {
  border: none;
}

.formFields input,
.formFields select {
  -webkit-appearance: none;
  background: #f5f9ff;
  border: 1.01996px solid #e7eef9;
  border-radius: 6px;
  padding: 13px 14px;
  font-weight: 450;
  font-size: 14px;
  display: flex;
  align-items: center;
  color: #9db9db;
  width: 100%;
  cursor: pointer;
  height: 46px;
}

#pages-num,
.review-controls .swiper-button-next:hover:after,
.review-controls .swiper-button-prev:hover:after {
  color: #233f8c;
}

#deadLine {
  padding-left: 33px;
}

.formBtn a {
  display: block;
  width: 100%;
  text-align: center;
  padding: 9.5px 0;
  background-color: #3179be;
  border: 2px solid #3179be;
  border-radius: 22px;
  font-weight: 500;
  font-size: 17px;
  line-height: 22px;
  color: #fff;
  align-items: center;
  margin-top: 12px;
  outline: 0;
}

.cost__head,
.discountedCost span {
  font-size: 23px;
  text-align: center;
}

.actualCost #actualPrice,
.actualCost .discountOff span,
.discountedCost span {
  line-height: 165%;
}

.actualCost,
.priceBar {
  align-items: center;
  display: flex;
}

.priceBar {
  padding: 9px 20px;
  justify-content: space-between;
  background-color: #f3f7fa;
  width: calc(100% + 40px);
  transform: translateX(-20px);
}

.actualCost {
  column-gap: 6px;
}

.discountedCost {
  display: flex;
  column-gap: 6px;
  align-items: center;
}

.actualCost .discountOff {
  background-color: #e60202;
  border-radius: 3px;
  padding: 0 4px;
}

.actualCost .discountOff span {
  font-weight: 450;
  font-size: 16px;
  color: #fff;
  animation: 1s infinite blink;
}

@keyframes blink {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.actualCost #actualPrice {
  font-weight: 450;
  font-size: 16px;
  text-align: center;
  color: #213d56;
  display: block;
  text-decoration-line: line-through;
  text-decoration-color: #e60202;
}

.discountedCost span {
  font-weight: 900;
  color: #233f8c;
  display: flex;
}

.serviceName p,
.servicePrice .costWas {
  font-weight: 500;
}

.addonsWrapperSec p.addHead,
.cost__head,
.servicePrice .free {
  font-weight: 700;
  line-height: 142.5%;
}

.imgGif {
  width: 22px;
  height: 22px;
}

/* ============ New Price Includes Design ============ */
.essayCost .costIncludes {
  background:#eff6ff;
  border: 2px solid transparent;
  border-radius: 20px;
  position: relative;
  max-width: 495px;
  width: 100%;
    padding: 40px 30px;
  transition: all 0.3s ease;
  box-shadow: unset;
}

.costIncludes:hover {
  border-color: rgba(59, 130, 246, 0.2);
  box-shadow: 0 20px 40px rgba(59, 130, 246, 0.1);
}

.cost__head {
  font-family: 'Inter', sans-serif;
  font-size: 20px;
  font-weight: 700;
  color: #35414B;
  margin-bottom: 22px;
  line-height: 1.3;
  text-align: left;
}

/* Include Items */
.includes-list {
  display: flex;
  flex-direction: column;
  gap: 4px;
margin-bottom:26px;
}

.include-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
       padding: 12.71px 15px;
  border-radius: 10px;
  transition: all 0.2s ease;
}

.include-item:hover {
  background: #ffffff;
  transform: translateX(5px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

.include-left {
  display: flex;
  align-items: start;
  gap: 12px;
  flex: 1;
}

.check-icon {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  flex-shrink: 0;
position: relative;
    top: 1px;
  transition: all 0.3s ease;
}

.check-icon::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='9' cy='9' r='9' fill='%2322C55E'/%3E%3Cpath d='M12.3327 6.5L7.74935 11.0833L5.66602 9' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}

.include-item:hover .check-icon {
  transform: scale(1.15);
}

.include-text {
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #464860;
  line-height: 140%;
}

.include-right {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
}

.include-right .costWas {
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #9CA3AF;
  text-decoration: line-through;
}

.include-right .free {
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: #22C55E;
}

/* Premium Add-Ons */
.premium-addons {
  border-top: 1px solid #CFDEF0;
  padding-top: 24px;
}

.addons-title {
  font-family: 'Inter', sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 100%;
  color: #35414B;
  margin-bottom: 30px;
}

.addons-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.addon-pill {
  font-family: 'Inter', sans-serif;
  font-size: 13px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #374151;
  background: #ffffff;
  height: 42px;
  box-shadow: 0px 2px 6.5px 0px #DEE8F4;

border: 1px solid #DBEAFF;
  border-radius: 100rem;
  padding: 8px 16px;
  transition: all 0.2s ease;
  cursor: pointer;
}

.addon-pill:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(59, 130, 246, 0.2);
}

/* Responsive for new includes */
@media (max-width: 991px) {
  .essayCost .costIncludes {
    max-width: 100%;
  }
}

@media (max-width: 768px) {
  .essayCost .costIncludes {
    padding: 30px 20px;
    border-radius: 16px;
  }

  .cost__head {
    font-size: 18px;
    margin-bottom: 18px;
  }

  .includes-list {
    gap: 2px;
    margin-bottom: 20px;
  }

  .include-item {
    padding: 10px 12px;
    border-radius: 8px;
  }

  .include-item:hover {
    transform: translateX(3px);
  }

  .include-left {
    gap: 10px;
  }

  .check-icon {
    width: 16px;
    height: 16px;
  }

  .check-icon::after {
    width: 16px;
    height: 16px;
  }

  .include-text {
            font-size: 14px;
        font-weight: 400;
  }

  .include-right .costWas,
  .include-right .free {
    font-size: 13px;
  }

  .premium-addons {
    padding-top: 20px;
  }

  .addons-title {
    font-size: 14px;
    margin-bottom: 20px;
  }

  .addons-list {
    gap: 8px;
  }

  .addon-pill {
    font-size: 12px;
    height: 36px;
    padding: 6px 14px;
  }
}

@media (max-width: 480px) {
  .essayCost .costIncludes {
    padding: 24px 16px;
    border-radius: 14px;
  }

  .cost__head {
    font-size: 16px;
    margin-bottom: 16px;
  }

  .include-item {
    padding: 8px 10px;
  }

  .include-left {
    gap: 8px;
  }

  .check-icon,
  .check-icon::after {
    width: 14px;
    height: 14px;
  }

  .include-text {
    font-size: 13px;
            padding-right: 9px;
  }

  .include-right .costWas,
  .include-right .free {
    font-size: 12px;
  }

  .include-right {
    gap: 6px;
  }

  .addons-title {
    font-size: 13px;
    margin-bottom: 16px;
  }

  .addons-list {
    gap: 10px;
  }

  .addon-pill {
    font-size: 13px;
    height: 32px;
    padding: 5px 12px;
  }
}

/* ====================== Testimonial Version 2 ====================== */
.testimonialV2Section {
  padding: 128px 0;
  
}

.testimonialV2-header {
  text-align: center;
  margin-bottom: 45px;
}

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

.rating-line {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  flex-wrap: wrap;
}

.stars-animated {
  display: flex;
  gap: 0.25rem;
  position: relative;
    top: -5px;
  font-size: 2rem;
}

.stars-animated .star {
  display: inline-block;
  color: #fbbf24;
  animation: starSparkle 2s ease-in-out infinite;
  filter: drop-shadow(0 2px 4px rgba(251, 191, 36, 0.4));
}

.stars-animated .star:nth-child(1) { animation-delay: 0s; }
.stars-animated .star:nth-child(2) { animation-delay: 0.2s; }
.stars-animated .star:nth-child(3) { animation-delay: 0.4s; }
.stars-animated .star:nth-child(4) { animation-delay: 0.6s; }
.stars-animated .star:nth-child(5) { animation-delay: 0.8s; }

@keyframes starSparkle {
  0%, 100% {
    transform: scale(1) rotate(0deg);
    filter: drop-shadow(0 2px 4px rgba(251, 191, 36, 0.4));
  }
  50% {
    transform: scale(1.15) rotate(-5deg);
    filter: drop-shadow(0 4px 8px rgba(251, 191, 36, 0.6));
  }
}

.rating-text p{
  font-family: 'Inter', sans-serif;
  font-size: 1.5rem;
  font-weight: 600;
   color: #35414B;
  
}

.rating-text .platform-link {
  color: #3b82f6;
  font-weight: 600;
  text-decoration: underline;
  transition: color 0.2s;
  font-family: 'Inter', sans-serif;

}

.rating-text .platform-link:hover {
  color: #2563eb;
}

.rating-text .platform-link img {
  vertical-align: middle;
  margin-right: 4px;
}

/* Float Animation */
.float-animation {
  animation: floatUpDown 3s ease-in-out infinite;
}

.float-animation.float-delay {
  animation-delay: 0.5s;
}

@keyframes floatUpDown {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-5px);
  }
}

/* Swiper Container */
.swiper.testimonialV2Swiper {
  padding: 15px 0;
}

.testimonialV2Swiper .swiper-slide {
  height: auto;
}

/* Review Card V2 */
.review-card-v2 {
      background: linear-gradient(154.62deg, #2243A4 1.17%, #8D9FF6 98.86%), linear-gradient(103.82deg, #2243A4 1.08%, #5464CA 49.71%, #7C7DE8 97.38%);
    background-size: 200% 200%;
  border-radius: 1.25rem;
  padding: 1.75rem;
  color: white;
  transition: all 0.3s;
  box-shadow: 0 8px 20px rgba(30, 64, 175, 0.3);
  height: 100%;
  display: flex;
  flex-direction: column;
  min-height: 400px;
  cursor: grab;
}

.review-card-v2:active {
  cursor: grabbing;
}

.review-card-v2:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 30px rgba(30, 64, 175, 0.4);
}

.review-card-header {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  margin-bottom: 1rem;
}

.review-icon {
  font-size: 2.5rem;
  flex-shrink: 0;
  line-height: 1;
}

.review-title-v2 {
  font-family: 'Inter', sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.3;
  color: #fff;
  margin: 0;
}

.review-card-body {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  padding-top: 1rem;
  margin-bottom: 1rem;
  flex-grow: 1;
}

.review-card-body p {
  font-family: 'Inter', sans-serif;
  font-size: 15px;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.95);
  margin: 0;
}

.review-card-footer {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding-top: 1.25rem;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  margin-top: auto;
}

.review-avatar-v2 {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.review-avatar-v2 .avatar-icon {
  width: 24px;
  height: 24px;
  color: rgba(255, 255, 255, 0.6);
}

.review-author-info {
  display: flex;
  flex-direction: column;
  text-align: left;
}

.review-author-name-v2 {
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  font-size: 1rem;
  color: #fff;
  margin-bottom: 0.125rem;
}

.review-author-designation {
  font-family: 'Inter', sans-serif;
  font-size: 0.85rem;
  color: rgba(255, 255, 255, 0.9);
}

/* Pagination */
.testimonialV2-pagination {
text-align: center;
    margin-top: 3.5rem;
}

.testimonialV2-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: #cedeef;
  opacity: 1;
  transition: all 0.3s;
  cursor: pointer;
  margin: 0 2px;
}

.testimonialV2-pagination .swiper-pagination-bullet-active {
  background: #2756DF;
  width: 26px;
  height: 10px;
  border-radius: 100rem;
}

/* Responsive Testimonial V2 */
@media (max-width: 991px) {
  .testimonialV2Section h2 {
    font-size: 32px;
  }

  .rating-text {
    font-size: 1.25rem;
  }

  .review-card-v2 {
    min-height: 380px;
  }
}

@media (max-width: 768px) {
  .testimonialV2Section {
    padding: 90px 0 ;
  }
.rating-text p{
      font-size: 17px;
}
  .testimonialV2Section h2 {
    font-size: 26px;
    margin-bottom: 16px;
  }

  .stars-animated {
    font-size: 1.5rem;
  }

  .rating-text {
    font-size: 1rem;
  }

  .rating-line {
    flex-direction: column;
    gap: 0.5rem;
  }

  .review-card-v2 {
    padding: 1.25rem;
    min-height: 350px;
    border-radius: 1rem;
  }

  .review-icon {
    font-size: 2rem;
  }

  .review-title-v2 {
    font-size: 1.1rem;
  }

  .review-card-body p {
    font-size: 0.9rem;
  }

  .review-avatar-v2 {
    width: 38px;
    height: 38px;
  }

  .review-author-name-v2 {
    font-size: 0.9rem;
  }

  .review-author-designation {
    font-size: 0.8rem;
  }
  .writerCard{
    max-width: 358px;
  }
}

@media (max-width: 480px) {
  .testimonialV2Section h2 {
    font-size: 25px;
  }
.rating-text a img{
  width:22px;
  height: 22px;
}
  .stars-animated {
    font-size: 1.25rem;
  }

  .rating-text {
    font-size: 0.9rem;
  }

  .review-card-v2 {
    padding: 1rem;
    min-height: 320px;
  }

  .review-icon {
    font-size: 1.75rem;
  }

  .review-title-v2 {
    font-size: 1rem;
  }

  .review-card-body p {
    font-size: 0.85rem;
    line-height: 1.5;
  }

  .testimonialV2-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    margin: 0 2px;
  }

  .testimonialV2-pagination .swiper-pagination-bullet-active {
    width: 22px;
    height: 8px;
  }

  /* FAQ small screen */
  .faq-accord-card-head {
    padding: 14px 12px;
    gap: 10px;
  }

  .faq-number-badge {
    width: 36px;
    height: 36px;
    font-size: 14px;
    border-radius: 8px;
  }

  .faq-accord-card-head h3 {
    font-size: 14px;
  }

  .faq-icon-wrapper {
    width: 32px;
    height: 32px;
  }

  .faq-accord-card-body {
    padding: 0 12px 16px 12px;
  }
}

.addonsWrapperSec p.addHead,
.contentItem .infoHead,
.ecnomicsSection .ecoDesc,
.enomicsItem p,
.faq-accord-card-head h3,
.faqDesc,
.faqSection h2,
.writtingProcessSection h2 {
      font-family: 'Inter', sans-serif;
    font-weight: 800;
    font-size: 38px;
    line-height: 150%;
    color: #35414B;
    text-align: center;
    margin-bottom: 3px;
}

.serviceGuarantee {
  padding-top: 69px;
  display: flex;
  align-items: center;
  column-gap: 26px;
  justify-content: center;
}

.serviceGuarantee img {
  display: block;
  max-width: 142px;
  max-height: 142px;
  width: 100%;
  height: 100%;
}

.serviceGuarantee p {
  font-weight: 450;
  font-size: 32px;
  line-height: 108.5%;
  color: #1c1c1c;
}

.serviceGuarantee p span {
  display: inline;
  color: #233f8c;
  font-weight: 500;
}

.addOnsWrapper ul li,
.contentItem .infoDesc,
.reviewText {
  color: #4b5563;
  font-family: CircularStd;
  font-style: normal;
}

.addOnsWrapper ul li,
.reviewText {
  font-weight: 450;
}

.addonsWrapperSec {
  max-width: 440px;
  width: 100%;
  margin: 42px auto 0;
}

.faqWraper .col-cstm .faq-card+.faq-card,
.wrapDetails {
  margin-top: 32px;
}

.addonsWrapperSec p.addHead {
  margin-bottom: 22px;
  font-size: 34px;
}

.addOnsWrapper ul {
  list-style: none;
}

.addOnsWrapper ul li {
  display: block;
  position: relative;
  font-size: 16px;
  line-height: 142.5%;
  padding-left: 34px;
}

.addOnsWrapper ul li+li,
.cstm-col .enomicsItem+.enomicsItem {
  margin-top: 18px;
}

.addOnsWrapper ul li::before {
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  background-image: url("../svg/checks.svg");
  top: 0;
  left: 0;
}

.testimonialSection {
  padding: 102px 0 46px;
  position: relative;
  overflow: hidden;
}

.testimonialSection::before {
  right: 0;
  z-index: -1;
  top: 86px;
  transform: rotate(6deg);
}

.testimonialSection::after {
  left: 0;
  z-index: -1;
  bottom: 148px;
  transform: rotate(6deg);
}

.concluisonSection p a:hover,
p a:hover {
  color: #1276ce;
  text-decoration: underline;
}

.testimonialWrapper .testimonialslider {
  max-width: 1033px;
  width: 100%;
  margin: 0 auto;
  padding: 75px 0 102px;
}

.testimonialCard {
  box-shadow: 0 3.26964px 49.0446px rgba(81, 81, 81, 0.15);
  border-radius: 9.80891px;
  position: relative;
  min-height: 235px;
  height: 100%;
  transition: 0.2s linear;
  padding: 22px 16px 0;
  filter: blur(2px);
}

.testimonialWrapper .testimonialCard:before {
  content: unset;
  position: absolute;
  background: inherit;
  z-index: 1;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 9.80891px;
  background-color: #00000000;
}

.testimonialWrapper .swiper-slide.swiper-slide-active .testimonialCard {
  background-color: #fff;
  transform: scale(1.25);
  position: relative;
  z-index: 111;
  filter: blur(0);
}

.testimonialWrapper .swiper-slide.swiper-slide-active .testimonialCard::before {
  content: "";
  display: none;
}

.testimonialHead {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #ebebec;
  padding-bottom: 15px;
  margin-bottom: 12px;
}

.testimonialHead p {
  font-family: CircularStd;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 23px;
  color: #255394;
}

.unilogo img {
  max-width: 80px;
  min-height: 30px;
  width: 100%;
  height: 100%;
}

.reviewText {
  font-size: 11px;
  line-height: 150%;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  overflow: hidden;
}

.swiper-slide-active .reviewText {
  max-height: 99px;
  overflow-y: auto;
  height: 100%;
  position: relative;
  display: block;
}

.reviewText::-webkit-scrollbar {
  width: 4px;
  border-radius: 5px;
}

::-webkit-scrollbar-track {
  background: linear-gradient(90deg, #2243A4 0%, #2243A4 97.87%);
  border: 1px solid #f1f1f1;
  border-radius: 5px;
}

::-webkit-scrollbar-thumb {
  background: #f1f1f1;
  border-radius: 5px;
}

.ecnomicsSection,
.faqSection,
.secBg {
  background-position: center top;
  overflow: hidden;
}

.dateDeadline .selection .select2-selection--single {
  padding: 13px 14px 13px 34px;
}

.wrapDetails {
  display: flex;
  column-gap: 17px;
  row-gap: 6px;
  align-items: center;
}

.contentItem {
  display: flex;
  justify-content: flex-start;
  column-gap: 19px;
}

.infowrap {
  max-width: 200px;
  width: 100%;
  row-gap: 6px;
  flex: 0 0 204px;
}

.contentItem .infoHead {
  font-weight: 500;
  font-size: 11px;
  line-height: 164.5%;
  max-width: 84px;
  width: 100%;
}

.contentItem .infoDesc {
  font-weight: 450;
  font-size: 11px;
  line-height: 164.5%;
}

.ecnomicsSection .ecoDesc,
.faqDesc {
  line-height: 150%;
  text-align: center;
}

.starIcon img {
  width: 72px;
  height: 11px;
}

.enomicsIcon img,
.enomicsItem p::before {
  width: 20px;
  height: 21px;
}

.swiper-container-rtl .swiper-button-prev,
.testimonialControls .swiper-button-next {
  right: 15px;
  left: auto;
}

.swiper-container-rtl .swiper-button-next,
.testimonialControls .swiper-button-prev {
  left: 15px;
  right: auto;
}

.banner-ctaWrapper,
.process-span {
  left: 50%;
  transform: translateX(-50%);
}

.testimonialWrapper .swiper-pagination {
  left: 50%;
  transform: translateX(-50%);
  bottom: 10px;
}

.testimonialWrapper .swiper-pagination-bullet {
  background: rgba(35, 63, 140, 0.18);
  width: 10px;
  height: 10px;
}

.testimonialWrapper .swiper-pagination-bullet+.swiper-pagination-bullet {
  margin-left: 8px;
}

.testimonialWrapper .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #233f8c;
}

.ecnomicsSection,
.secBg {
  padding: 60px 0;
  background-image: url(../svg/econbg.svg);
}

.ecnomicsWrapper {
  padding-top: 20px;
  max-width: 718px;
  width: 100%;
  margin: 30px auto 52px;
  display: flex;
  flex-wrap: wrap;
  column-gap: 90px;
}

.enomicsItem,
.faqWraper {
  column-gap: 14px;
  width: 100%;
  display: flex;
}

.ecnomicsWrapper.annotatedEco {
  justify-content: start;
}

.enomicsItem {
  flex-wrap: wrap;
  align-items: center;
  max-width: 313px;
}

.enomicsItem p {
  font-weight: 450;
  font-size: 16px;
  line-height: 142.5%;
  position: relative;
  padding-left: 32px;
}

.enomicsItem p::before {
  content: "";
  background-image: url(../svg/graduatecap.svg);
  position: absolute;
  left: 0;
  top: 0;
}

.ecnomicsSection a.orderBtn {
  margin-top: 31px;
}

.secLight::before,
.writtingProcessSection::before {
  right: 3px;
  z-index: -1;
  top: 77px;
  transform: rotate(6deg);
}

.secLight::after,
.writtingProcessSection::after {
  left: -27px;
  z-index: -1;
  bottom: 154px;
  transform: rotate(6deg);
}

.writtingProcessSection h2 {
  letter-spacing: 0;
  max-width: 878px;
  margin: auto;
}

.processDesc h3 span,
.processDesc p {
  font-family: CircularStd;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 108.5%;
  color: #231f20;
  padding-bottom: 15px;
}

.processDesc h3 span {
  font-size: 17px;
  color: #235f8c;
}

.processDesc .boxDesc *,
.processDesc span {
  font-family: CircularStd;
  font-style: normal;
  font-weight: 450;
  font-size: 16px;
  line-height: 164.5%;
  color: #4b5563;
}

.processDesc .boxDesc a:hover {
  text-decoration: none;
}

.faqSection {

  padding: 128px 0;
}

.faq-card,
.faqWraper .col-cstm {
  max-width: 578px;
  width: 100%;
}

.faqWraper {
 
      row-gap: 35px;
    column-gap: 20px;
  padding-top: 65px;
  align-items: self-start;
}

.faq-card {
  background: #fff;
  border: 1px solid transparent;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
  overflow: hidden;
}

.faq-card:hover {
  box-shadow: 0 6px 20px rgba(59, 130, 246, 0.15);
  border-color: #dbeafe;
}

.faq-card.show {
  box-shadow: 0 8px 24px rgba(59, 130, 246, 0.2);
  border-color: #3b82f6;
}

.faq-accord-card-head {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 20px 24px;
  cursor: pointer;
  background: #fff;
  transition: background 0.3s ease;
}

.faq-accord-card-head:hover {
  background: #f8fafc;
}

.faq-card.show .faq-accord-card-head {
  background: #eff6ff;
}

/* Number Badge with CSS counters */
/* Desktop: col 1 = odd (1,3,5...), col 2 = even (2,4,6...) */
.faqWraper {
  counter-reset: faq-odd -1 faq-even 0;
}

.faqWraper > .col-cstm:first-child .faq-card {
  counter-increment: faq-odd 2;
}

.faqWraper > .col-cstm:first-child .faq-number-badge::before {
  content: counter(faq-odd, decimal-leading-zero);
}

.faqWraper > .col-cstm:last-child .faq-card {
  counter-increment: faq-even 2;
}

.faqWraper > .col-cstm:last-child .faq-number-badge::before {
  content: counter(faq-even, decimal-leading-zero);
}

.faq-number-badge {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: linear-gradient(154.62deg, #2243A4 1.17%, #8D9FF6 98.86%), linear-gradient(103.82deg, #2243A4 1.08%, #5464CA 49.71%, #7C7DE8 97.38%);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Inter', sans-serif;
  font-weight: 800;
  font-size: 18px;
  color: #fff;
  flex-shrink: 0;
  transition: all 0.3s ease;
}

.faq-card.show .faq-number-badge {
  background: #1e40af;
  transform: scale(1.05);
}

.faq-accord-card-head h3 {
  flex: 1;
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.4;
  color: #35414B;
  margin: 0;
  text-align: left;
  transition: color 0.3s ease;
}

.faq-card.show .faq-accord-card-head h3 {
  color: #2243a4;
}

/* Icon Wrapper */
.faq-icon-wrapper {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: #f1f5f9;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: all 0.3s ease;
}

.faq-card.show .faq-icon-wrapper {
  background: #2756DF;
  transform: rotate(180deg);
}

.faq-chevron {
  color: #64748b;
  transition: color 0.3s ease;
  fill:none !important;
}

.faq-card.show .faq-chevron {
  color: #fff;
}

/* Hide old icon */
.faq-icon {
  display: none;
}

.faq-accord-card-body {
  padding: 0 24px 24px 88px;
  display: none;
  background: #fff;
}

.answerInner,
.answerInner ul li,
.faq-accord-card-body p,
.faq-accord-card-body p span {
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.7;
  color: #4b5563;
}
.answerInner{
  padding-top: 20px;
}
.answerInner strong {
  font-weight: 700;
  color: #1f2937;
}

.answerInner a {
  font-weight: 700;
  color: #1e40af;
}

.answerInner ul {
  padding-left: 24px;
  margin: 12px 0;
}

.answerInner ul li {
  margin-bottom: 10px;
}

.answerInner ul li::marker {
  color: #3b82f6;
}

.concluisonSection p,
.ctaButton {
  font-size: 16px;
}

.concluisonSection p,
.similarServiceSection .similardesc {
  line-height: 164.5%;
  color: #4b5563;
  width: 100%;
  margin: 0 auto;
  text-align: left;
  font-weight: 500;
  font-size: 14px;
  padding-top: 19px;
}

.similarServiceSection {
  padding: 102px 0 82px;
  position: relative;
  overflow: hidden;
}

.similarServiceSection::before {
  right: 196px;
  z-index: -1;
  top: 52px;
  transform: rotate(6deg);
}

.similarServiceSection::after {
  z-index: -1;
  bottom: 125px;
  left: 75px;
  transform: rotate(6deg);
}

.similarServiceSection .comprehensiveWrapper {
  position: relative;
  padding-top: 40px;
}

.similarServiceSection .comprehesnsiveSwiper {
  max-width: 1056px;
  width: 100%;
  margin: 0 auto;
  padding: 20px 10px;
}

.similarServiceSection .comprehensiveCard {
  background: radial-gradient(50% 50% at 50% 50%, #466bd1 0, #233f8c 100%);
  border-radius: 6px;
  padding: 36px 14px 33px;
  display: block;
  transition: 0.3s ease-in;
  min-height: 199px;
}

.similarServiceSection .comprehensiveCard:hover {
  transform: scale(1.05);
}

.similarServiceSection .comprehensiveIcon {
  display: flex;
  justify-content: left;
  padding-bottom: 16px;
}

.similarServiceSection .comprehensiveBody p,
.similarServiceSection .comprehensiveBody p a,
.similarServiceSection .comprehensiveBody p strong {
  font-family: CircularStd;
  font-style: normal;
  font-weight: 450;
  font-size: 21px;
  line-height: 32px;
  color: #fff;
  text-decoration: none;
}

.similarServiceSection .comprehensiveBody p a span {
  display: block;
  font-weight: 400;
}

.similarServiceSection .comprehensiveBody p strong {
  font-weight: 900;
  font-size: 27px;
}

.similarServiceSection .rangeOFServices .comprOreder {
  justify-content: center;
  padding: 12px 0;
  text-align: center;
  font-family: CircularStd;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 164.5%;
  color: #233f8c;
  display: block;
  border: 1px solid #233f8c;
  border-radius: 3.526px;
  max-width: 220px;
  width: 100%;
  margin: 40px auto 0;
}

.similarServiceSection .comprehensiveControls {
  position: absolute;
  width: 100%;
  top: 67%;
  transform: translateY(-50%);
}

.concluisonSection {
  padding: 128px 0;

  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}

/* SEO Two Column Layout */
.seo-two-column {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  align-items: start;
  /* min-height: 900px; */
  overflow-y: auto;
  max-height: 900px;
  padding-right: 22px;
  padding-top: 20px;
  padding-bottom: 40px;
  /* Firefox */
  scrollbar-width: thin;
  scrollbar-color: #7B8DE6 #e9f4ff;
}
.seo-two-column.fullCol {
  grid-template-columns: 1fr;
}

.seo-two-column.fullCol .seo-card {
  max-width: 100%;
}
/* Custom Scrollbar - Chrome, Safari, Edge */
.seo-two-column::-webkit-scrollbar {
  width: 8px;
}

.seo-two-column::-webkit-scrollbar-track {
  background: #e9f4ff;
  border-radius: 10px;
}

.seo-two-column::-webkit-scrollbar-thumb {
  background: #7B8DE6;
  border-radius: 10px;
  transition: background 0.2s ease;
}

.seo-two-column::-webkit-scrollbar-thumb:hover {
  background: #0443b8;
}

.seo-column {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.seo-card {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
    overflow: hidden;
    border: 1px solid #deedff;
    transition: all 0.3s ease;
}

.seo-card:hover {
  box-shadow: 0 8px 24px rgba(59, 130, 246, 0.12);
  transform: translateY(-2px);
}

.seo-card-content {
  padding: 32px;
}

.seo-card-content h2 {
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  font-size: 22px;
  line-height: 1.4;
  color: #231f20;
  margin: 0 0 20px;
}

.seo-card-content p {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.8;
  color: #4b5563;
  padding-top: 0;
  margin-bottom: 20px;
}
.seo-card-content p span{
  font-family: 'Inter', sans-serif;

}
.seo-card-content h3 {
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  font-size: 17px;
  line-height: 1.4;
  color: #231f20;
  margin: 28px 0 16px;
}

.seo-card-content h3:first-child {
  margin-top: 0;
}

.seo-card-content p:last-child {
  margin-bottom: 0;
}

.seo-card-content ul,
.seo-card-content ol {
  padding-left: 24px;
  margin: 20px 0;
}

.seo-card-content ul li,
.seo-card-content ol li {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.8;
  color: #4b5563;
  margin-bottom: 12px;
  margin-bottom: 12px;
}
.seo-card-content ul li span,
.seo-card-content ol li span{
  font-family: 'Inter', sans-serif;
}
.seo-card-content ul li:last-child,
.seo-card-content ol li:last-child {
  margin-bottom: 0;
}

.seo-card-content ul li::marker {
  color: #3b82f6;
}

.seo-card-content strong {
  font-weight: 600;
  font-family: 'Inter', sans-serif;
  color: #1f2937;
}

.seo-card-content a {
  color: #2563eb;
  font-weight: 600;
  text-decoration: none;
  transition: color 0.2s ease;
}

.seo-card-content a:hover {
  color: #1d4ed8;
  text-decoration: underline;
}

@media (max-width: 991px) {
  .seo-two-column {
    gap: 20px;
  }

  .seo-card-content {
    padding: 24px;
  }

  .seo-card-content h2 {
    font-size: 20px;
  }
}

@media (max-width: 768px) {
  .seo-two-column {
    grid-template-columns: 1fr;
    gap: 16px;
    padding-right: 0;
  }

  .seo-column {
    gap: 16px;
  }

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

  .seo-card-content h2 {
    font-size: 18px;
    margin-bottom: 16px;
  }

  .seo-card-content p,
  .seo-card-content ul li,
  .seo-card-content ol li {
    font-size: 14px;
  }
}

.concluisonWrapper {
  max-width: 885px;
  width: 100%;
  margin: 0 auto;
}

.essayExampleWrapper {
  border-top: 1px solid #a3a7ac;
  border-bottom: 1px solid #a3a7ac;
  position: relative;
  max-height: 598px;
  overflow-y: auto;
}

.essayExampleContent {
  padding: 40px 56px;
  position: relative;
}

.essayExampleContent strong {
  font-family: CircularStd;
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 142.5%;
  text-transform: uppercase;
  color: #878a90;
}

.essayExampleContent table {
  width: 100%;
  border-collapse: collapse;
  margin: 15px 0;
}

.essayExampleContent table td,
.essayExampleContent table th {
  padding: 10px;
  border: 1px solid #000;
  font-family: CircularStd;
  font-weight: 400;
  color: #1e2532;
  opacity: 0.98;
  font-size: 16px;
}

.essayExampleContent ol li,
.essayExampleContent p,
.essayExampleContent ul li {
  font-family: CircularStd;
  font-style: normal;
  font-weight: 450;
  font-size: 16px;
  line-height: 180.5%;
  color: #546b8e;
  margin-bottom: 18px;
}

.essayExampleContent h2,
.essayExampleContent h3 {
  font-weight: 700;
  line-height: 142.5%;
  color: #213d56;
  font-family: CircularStd;
  font-style: normal;
}

.essayExampleContent ol li strong,
.essayExampleContent p strong,
.essayExampleContent ul li strong {
  font-family: CircularStd;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  color: #546b8e;
  text-transform: capitalize;
}

.essayExampleContent ol,
.essayExampleContent ul {
  padding-left: 20px;
}

.essayExampleContent table td p {
  font-size: 14px;
  margin-bottom: 0;
}

.essayExampleContent table th p {
  font-size: 14px;
  margin-bottom: 0;
  font-weight: 600;
}

.tableResponsive {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
}

.essayExampleContent h2 {
  font-size: 30px;
  margin: 14px 0 36px;
}

.essayExampleContent h3 {
  font-size: 23px;
  margin: 36px 0 14px;
}

.essayExampleWrapper::-webkit-scrollbar {
  width: 8px;
}

.essayExampleWrapper::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.essayExampleWrapper::-webkit-scrollbar-thumb {
  background: #e3e3e3;
}

.topWrapperSec {
  background: #fbfcff;
}

a.newlogOutBtn {
  border: 1px solid #013046;
  color: #013046;
}

.comprehensiveBody span,
.ctaContent p,
.ctaContent.withhead p {
  font-family: CircularStd;
  font-style: normal;
  color: #fff;
}

.user-info svg path {
  fill: #013046;
}

.comprehensiveBody span {
  font-weight: 450;
  font-size: 28px;
  line-height: 35px;
  display: block;
}

.ctaSection {
  padding: 0 0 100px;
}

.ctaWrapper {
  position: relative;
  background: radial-gradient(102.1% 102.1% at 50% 11.49%,
      #326bbc 0,
      #0f3870 100%);
  border-radius: 15px;
  display: flex;
  align-items: center;
  column-gap: 42px;
  padding: 42px 85px;
}

.ctaButton,
.ctaContent span,
.ctaContent.withhead span {
  display: block;
  font-family: CircularStd;
  font-style: normal;
  color: #fff;
}

.ctaWrapper::after {
  content: "";
  background-image: url(../svg/educ.svg);
  position: absolute;
  z-index: 11;
  max-width: 233px;
  width: 100%;
  max-height: 171px;
  background-size: cover;
  right: 0;
  bottom: 0;
  height: 100%;
}

.ctaContent {
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  padding: 9px 42px;
}

.ctaContent p {
  font-weight: 700;
  font-size: 30px;
  line-height: 142.5%;
  padding-bottom: 7px;
}

.ctaContent span {
  font-weight: 450;
  font-size: 18px;
  line-height: 142.5%;
  padding-bottom: 32px;
}

.ctaContent.withhead {
  padding: 9px 61px 9px 42px;
  position: relative;
  z-index: 1;
}

.ctaContent.withhead p {
  font-weight: 400;
  font-size: 20px;
  line-height: 142.5%;
  margin-bottom: 16px;
}

.ctaContent.withhead span {
  font-weight: 450;
  font-size: 18px;
  line-height: 142.5%;
}

.ctaButton {
  background-color: #4daeff;
  border-radius: 3px;
  max-width: max-content;
  width: 100%;
  text-align: center;
  padding: 7px 25px;
  font-weight: 400;
  line-height: 164.5%;
}

.ctaButton:hover {
  background: #36a0fa;
}

.ctaWrapper.withhead {
  padding-right: 44px;
}

/* ============ CTA Section V2 ============ */
.ctaSectionV2 {
  padding: 90px 0;
}

.cta-card {
border-radius: 35px;
background: linear-gradient(96deg, #2243A4 0.34%, #2243A4 64.09%, #566BD0 98.49%);
  padding: 64px 48px;
  position: relative;
  overflow: hidden;
  box-shadow:
    0 4px 6px -1px rgba(30, 58, 138, 0.1),
    0 20px 50px -12px rgba(30, 58, 138, 0.4);
}

/* Left decoration */
.cta-decor-left {
  position: absolute;
  left: 40px;
  top: 50%;
  transform: translateY(-50%);
 
}



/* Right decoration */
.cta-decor-right {
  position: absolute;
  right: 40px;
  bottom: 30px;
 
 
}

 

.cta-content-v2 {
  position: relative;
    z-index: 1;
    text-align: center;
    max-width: 740px;
    margin: 0 auto;
}

.cta-headline {
  font-family: 'Inter', sans-serif;
  font-size: 36px;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 12px;
  line-height: 1.2;
  letter-spacing: -0.02em;
}

.cta-subtext p {
  font-family: 'Inter', sans-serif;
  font-size: 18px;
  color: rgba(255, 255, 255, 0.85);
  margin-bottom: 32px;
  line-height: 1.6;
}

.cta-buttons {
  display: flex;
  gap: 16px;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 36px;
}

.cta-btn-v2 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 16px 32px;
  font-family: 'Inter', sans-serif;
  font-size: 16px;
  font-weight: 600;
  border-radius: 10px;
  cursor: pointer;
  transition: all 0.25s ease;
  text-decoration: none;
  min-width: 180px;
}

.cta-btn-v2.cta-btn-primary {
  background: #3e88e7;
  color: #ffffff;
  border: none;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.cta-btn-v2.cta-btn-primary:hover {
  background: rgba(96, 165, 250, 1);
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
}

.cta-btn-v2.cta-btn-secondary {
  background: transparent;
  color: #ffffff;
  border: 2px solid rgba(255, 255, 255, 0.5);
}

.cta-btn-v2.cta-btn-secondary:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.8);
  transform: translateY(-2px);
}

.cta-divider {
  width: 100%;
  height: 1px;
  background: rgba(255, 255, 255, 0.15);
  margin-bottom: 28px;
}

.cta-trust-badges {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  color: #ffffff;
  font-family: 'Inter', sans-serif;
 
}

.cta-trust-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
    font-family: 'Inter', sans-serif;
     font-size: 15px;
  font-weight: 500;
}

.cta-trust-badge svg {
  width: 20px;
  height: 20px;
  color: #4ade80;
  flex-shrink: 0;
}

.cta-trust-separator {
  color: rgba(255, 255, 255, 0.4);
  font-weight: 300;
}

/* CTA V2 Responsive */
@media (max-width: 991px) {
  .cta-card {
    padding: 48px 32px;
  }

  .cta-headline {
    font-size: 28px;
  }

  .cta-decor-left {
    width: 100px;
    height: 100px;
    left: 20px;
  }

  .cta-decor-right {
    width: 120px;
    height: 120px;
    right: 20px;
  }
}

@media (max-width: 768px) {
  .ctaSectionV2 {
    padding: 40px 0;
  }

  .cta-card {
    padding: 48px 24px;
    border-radius: 20px;
  }

  .cta-decor-left,
  .cta-decor-right {
    display: none;
  }

  .cta-headline {
    font-size: 24px;
  }

  .cta-subtext {
    font-size: 16px;
  }

  .cta-buttons {
    flex-direction: column;
    align-items: center;
  }

  .cta-btn-v2 {
    width: 100%;
    max-width: 280px;
  }

  .cta-trust-badges {
    flex-direction: column;
    gap: 10px;
  }

  .cta-trust-separator {
    display: none;
  }
}
/* ============ End CTA Section V2 ============ */

/* ============ CTA Section Variation One ============ */
.ctaSectionVariationOne {
  padding: 0 0 90px;
}

.cta-card-v1 {
  border-radius: 35px;
  background: linear-gradient(96deg, #2243A4 0.34%, #2243A4 64.09%, #566BD0 98.49%);
  padding: 64px 48px;
  position: relative;
  overflow: hidden;
  box-shadow:
    0 4px 6px -1px rgba(30, 58, 138, 0.1),
    0 20px 50px -12px rgba(30, 58, 138, 0.4);
}

.cta-content-v1 {
  position: relative;
  z-index: 1;
  text-align: center;
  max-width: 900px;
  margin: 0 auto;
}

.cta-headline-v1 {
  font-family: 'Inter', sans-serif;
  font-size: 36px;
  font-weight: 700;
  color: #ffffff;
  margin: 0 auto 32px;
  line-height: 1.2;
  letter-spacing: -0.02em;
  max-width: 750px;
  text-align: left;
}

.cta-features-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 36px;
  max-width: 750px;
  margin-left: auto;
  align-items: flex-start;
  margin-right: auto;
}

.cta-feature-item {
  display: flex;
  justify-content: center;
  gap: 8px;
  font-family: 'Inter', sans-serif;
  font-size: 17px;
  font-weight: 500;
  color: #ffffff;
  text-align: center;
}

.cta-feature-item .cta-check-icon {
  width: 26px;
  height: 26px;
  color: #60a5fa;
  flex-shrink: 0;
}

.cta-feature-item span {
  display: flex;
  align-items: center;
  gap: 8px;
  text-align: left;
  line-height: 1.5;
}

.cta-buttons-v1 {
  display: flex;
  gap: 16px;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 36px;
}

.cta-btn-v1 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 16px 40px;
  font-family: 'Inter', sans-serif;
  font-size: 17px;
  font-weight: 600;
  border-radius: 50px;
  cursor: pointer;
  transition: all 0.25s ease;
  text-decoration: none;
  min-width: 200px;
}

.cta-btn-v1.cta-btn-primary-v1 {
  background: #ffffff;
  color: #1e40af;
  border: none;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.cta-btn-v1.cta-btn-primary-v1:hover {
  background: #f1f5f9;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
}

.cta-btn-v1.cta-btn-secondary-v1 {
  background: transparent;
  color: #ffffff;
  border: 2px solid rgba(255, 255, 255, 0.9);
  border-radius: 50px;
}

.cta-btn-v1.cta-btn-secondary-v1:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 1);
  transform: translateY(-2px);
}

.cta-trust-badges-v1 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  color: #ffffff;
  font-family: 'Inter', sans-serif;
}

.cta-trust-badge-v1 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: 'Inter', sans-serif;
  font-size: 15px;
  font-weight: 500;
}

.cta-trust-badge-v1 svg {
  width: 18px;
  height: 18px;
  color: #4ade80;
  flex-shrink: 0;
}

.cta-trust-separator-v1 {
  color: rgba(255, 255, 255, 0.5);
  font-weight: 300;
  font-size: 18px;
}

/* CTA Variation One Responsive */
@media (max-width: 991px) {
  .cta-card-v1 {
    padding: 48px 32px;
  }

  .cta-headline-v1 {
    font-size: 28px;
  }

  .cta-feature-item {
    font-size: 16px;
  }
}

@media (max-width: 768px) {
  .ctaSectionVariationOne {
    padding: 40px 0;
  }

  .cta-card-v1 {
    padding: 40px 24px;
    border-radius: 24px;
  }

  .cta-content-v1 {
    max-width: 100%;
  }

  .cta-headline-v1 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 28px;
    line-height: 1.3;
  }

  .cta-features-list {
    gap: 18px;
    margin-bottom: 32px;
    max-width: 100%;
  }

  .cta-feature-item {
    font-size: 15px;
    justify-content: flex-start;
    text-align: left;
    gap: 10px;
  }

  .cta-feature-item .cta-check-icon {
    width: 24px;
    height: 24px;
  }

  .cta-feature-item span::before {
    content: '→';
    font-size: 18px;
    margin-left: 6px;
  }

  .cta-buttons-v1 {
    flex-direction: column;
    align-items: stretch;
    gap: 14px;
    margin-bottom: 32px;
  }

  .cta-btn-v1 {
    width: 100%;
    max-width: 100%;
    font-size: 16px;
    font-weight: 600;
    padding: 16px 32px;
  }

  .cta-trust-badges-v1 {
    flex-direction: column;
    gap: 12px;
  }

  .cta-trust-separator-v1 {
    display: none;
  }
}
/* ============ End CTA Section Variation One ============ */

.secLight {
  background-image: unset;
  padding: 90px 0;
  position: relative;
}

.writerReview.expertise {
  padding-top: 10px;
}

.review-filter-buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin: 60px auto 20px;
  flex-wrap: wrap;
  max-width: max-content;
  padding: 0;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
}

.ratingBox,
.slide-inner {
  box-shadow: 0 1px 16px 0 rgba(54, 127, 211, 0.18);
}

.filter-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 14px 32px;
  background: 0 0;
  border: none;
  border-radius: 0;
  font-size: 14px;
  font-weight: 500;
  color: #6b7280;
  cursor: pointer;
  transition: 0.3s;
  min-height: 56px;
  position: relative;
  border-bottom: 3px solid transparent;
}

.filter-btn:hover {
  background: rgba(0, 0, 0, 0.02);
  border-bottom-color: rgba(0, 0, 0, 0.1);
}

.filter-btn.active,
.filter-btn[data-platform="website"].active {
  border-bottom-color: #3179be;
}

.filter-btn[data-platform="reviewsio"].active {
  border-bottom-color: #1a1a1a;
}

.filter-btn[data-platform="sitejabber"].active {
  border-bottom-color: #ff6b35;
}

.filter-btn[data-platform="resellerRatings"].active {
  border-bottom-color: #bc4c9a;
}

.filter-btn img.starimg {
  height: 23px;
  width: auto;
  display: block;
  transition: 0.3s;
  object-fit: contain;
  opacity: 1;
}

.filter-btn[data-platform="sitejabber"] img.starimg,
.filter-btn[data-platform="website"] img.starimg {
  height: 24px;
}

.filter-btn[data-platform="reviewsio"] img.starimg {
  height: 22px;
}

.swiper-slide[data-platform] {
  transition: opacity 0.3s, transform 0.3s;
}

.reviews h2 {
  text-align: center;
  font-weight: 500;
  font-size: 32px;
  color: #161616;
  padding-bottom: 15px;
  line-height: 44.27px;
}

.mpw_reviews .slide-inner:hover {
  border: 1px solid #233f8c;
  box-shadow: 0 4px 16px rgba(35, 63, 140, 0.15);
  transition: 0.3s;
}

.reviews-wraper {
  display: block;
  padding-top: 30px;
}

.slide-inner {
  max-width: 457px;
  width: 100% !important;
  flex-direction: column;
  justify-content: space-between;
  min-height: 320px;
  height: 100%;
  background: #fff;
  border-radius: 20px;
  border: 1px solid transparent;
  padding: 24px;
  transition: 0.3s;
}

.reviews-swiper .swiper-slide.swiper-slide-next .slide-inner,
.siteJabber-swiper .swiper-slide.swiper-slide-next .slide-inner,
.trustPilot-swiper .swiper-slide.swiper-slide-next .slide-inner {
  margin-left: 0;
  margin-right: auto;
}

.slide-inner hr {
  border-top: 1px solid #ebebec;
  margin: 0;
}

.reviews-swiper .swiper-pagination-bullet {
  max-width: 15px;
  width: 100%;
  height: 15px;
  border-radius: 100%;
  background-color: #efefef;
  opacity: 1;
}

.reviews-swiper span.swiper-pagination-bullet-active {
  --swiper-theme-color: #233f8c;
  background-color: #233f8c;
  width: 21px;
  border-radius: 100px;
}

.review-controls .swiper-button-prev,
section.reviews .review-controls .swiper-button-prev {
  left: -52px;
}

.review-controls .swiper-button-next:after,
.review-controls .swiper-button-prev:after {
  font-size: 14px;
  color: #4b5563;
  font-weight: 500;
}

.review-controls .swiper-button-next:active,
.review-controls .swiper-button-prev:active {
  background-color: #233f8c;
  border-color: #233f8c;
}

.reviews-swiper,
.siteJabber-swiper,
.trustPilot-swiper {
  width: 100%;
  padding: 35px 0 50px 20px !important;
}

.reviews-swiper .swiper-slide {
  height: auto;
}

.swiper-slide .slide-inner {
  height: 100%;
}

.review-controls {
  z-index: 1;
  position: absolute;
  width: 100%;
  top: 56%;
}

.review-controls .swiper-button-next {
  right: -18px;
}

.review-controls .swiper-button-next,
.review-controls .swiper-button-prev {
  width: 40px;
  height: 40px;
  background-color: #fff;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
  border: 1px solid #e5e7eb;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.swiper-button-next:after,
.swiper-button-prev:after {
  content: unset !important;
}

.review-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0;
}

.review-separator {
  width: 100%;
  height: 1px;
  background: #e5e7eb;
  margin: 16px 0;
  border-radius: 2px;
}

.review-footer-separator {
  width: 100%;
  height: 1px;
  background: #e5e7eb;
  margin: 16px 0 12px;
}

.rating,
.rev-inner {
  align-items: center;
}

.author-inner .author-name {
  font-style: normal;
  font-weight: 450;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.005em;
  color: #9ba0a4;
  margin: 0;
}

.customer__review p {
  font-style: normal;
  font-weight: 450;
  font-size: 14px;
  line-height: 1.6;
  color: #6b7280;
  margin: 0 0 16px;
  min-height: 111px;
}

.ratingBox {
  justify-content: center;
  width: 100%;
  align-items: center;
  background: #fff;
  border-radius: 20px;
  padding: 20px 0;
  cursor: pointer;
  border: 1px solid transparent;
  transition: 0.3s;
}

.ratingBox:hover {
  border: 1px solid #233f8c;
  box-shadow: 0 4px 16px rgba(35, 63, 140, 0.15);
  transform: translateY(-2px);
}

.ratingName {
  flex-direction: column;
  align-items: center;
}

.ratingName .starimg {
  width: 130px;
  height: 23px;
}

.ratingName .mpw {
  max-width: 172px;
  width: 100%;
  max-height: 27px;
  height: 100%;
}

.rev-inner {
  max-width: 776px;
  width: 100%;
  display: flex !important;
  margin: 0;
  row-gap: 30px;
  column-gap: 21px;
}

.allSwiper {
  width: 100%;
  cursor: grab;
}

.customWrapppper {
  display: flex;
  width: 100%;
  column-gap: 50px;
  align-items: center;
  flex-direction: column;
}

.reviewsContainer {
  max-width: 90%;
  width: 100%;
  padding: 0 15px;
  margin: 0 auto;
}

.showReviews {
  max-width: 1022px;
  width: 100%;
  margin: auto;
  padding: 0 18px;
}

.review-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  padding: 0;
  margin: 0;
  justify-content: space-between;
}

.review-meta-item {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  color: #6b7280;
}

.review-meta-item img,
.review-meta-item svg {
  width: 16px;
  height: 16px;
}

.review-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 0;
  padding-top: 0;
}

.review-author {
  display: flex;
  align-items: center;
  gap: 10px;
}

.review-author-avatar {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: linear-gradient(135deg, #233f8c 0, #0f3870 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 600;
  font-size: 14px;
  padding: 3px 0 0;
}

.review-author-name {
  font-weight: 500;
  font-size: 13px;
  color: #1f2937;
}

.review-date {
  font-size: 12px;
  color: #525866;
}

.verified-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  background: #e3ffee;
  border: 1px solid #b3f6cd;
  border-radius: 20px;
  font-size: 12px;
  color: #006125;
  font-weight: 500;
}

.rating-score,
.review-title {
  font-weight: 600;
  color: #1f2937;
}

.verified-badge img,
.verified-badge svg {
  width: 14px;
  height: 14px;
}

.verified-badge svg path {
  filter: brightness(0) saturate(100%) invert(24%) sepia(34%) saturate(2530%) hue-rotate(114deg) brightness(94%) contrast(102%);
}

.customer__review {
  padding: 0;
  flex: 1;
}

.customer__review p a {
  color: #3b82f6;
  text-decoration: none;
  font-weight: 500;
}

.customer__review p a:hover {
  text-decoration: underline;
}

.rating .filter {
  filter: brightness(0) saturate(100%) invert(98%) sepia(40%) saturate(6183%) hue-rotate(330deg) brightness(99%) contrast(92%);
}

.review-header .rating {
  display: flex;
  align-items: center;
  gap: 8px;
}

.review-header .rating img {
  height: 16px;
  width: auto;
}

.rating-score {
  font-size: 16px;
  margin-top: 3px;
}

.review-title {
  font-size: 18px;
  margin: 0 0 12px;
  line-height: 1.4;
}

.rating-stars {
  display: flex;
  align-items: center;
  gap: 4px;
}

.author-inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.reviews .sec__desc p {
  max-width: 66%;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  color: #6f6f6f;
}

.reviews .swiper-pagination-bullet-active {
  background-color: #233f8c;
}

.esaayType-section {
  padding: 70px 0 150px;
}

.essayType-head {
  max-width: 680px;
  width: 100%;
  margin: 0 auto 67px;
}

.essayType-head h2,
.process-head h2 {
  font-weight: 500;
  font-size: 30px;
  line-height: 130%;
  letter-spacing: 0;
  text-align: center;
  color: #464860;
  margin-bottom: 15px;
}

.essayType-head p,
.process-head p {
  font-weight: 450;
  font-size: 16px;
  line-height: 180%;
  letter-spacing: 0;
  text-align: center;
  color: #676767;
}

.essayType-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 25px;
}

.essayType-icon,
.process-icon {
  height: 50px;
  justify-content: center;
  display: flex;
}

.essayType-card {
  max-width: 355px;
  width: 100%;
  border: 1px solid #cfdef0;
  border-radius: 15px;
  padding: 30px;
  transition: 0.3s;
  overflow: hidden;
}

.essayType-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: #3179be;
  transform: scaleX(0);
  transition: transform 0.3s;
}

.essayType-card:hover,
.process-card:hover {
  transform: translateY(-6px);
}

.essayType-card:hover {
  border: 1px solid #3179be;
  box-shadow: 0 2px 16px 0 #469fdf33;
}

.essayType-card:hover::before {
  transform: scaleX(1);
}

.essayType-icon {
  width: 50px;
  background: #eaf5ff;
  align-items: center;
  border-radius: 10px;
  margin-bottom: 15px;
}

.essayType-card h3 {
  font-weight: 500;
  font-size: 17px;
  line-height: 100%;
  letter-spacing: 0;
  vertical-align: middle;
  color: #231f20;
  margin-bottom: 12px;
}

.essayType-card p {
  font-weight: 450;
  font-size: 14px;
  line-height: 180%;
  letter-spacing: 0.5%;
  color: #7f8b99;
  margin-bottom: 20px;
}

.process-card h3,
.process-span {
  font-weight: 500;
  font-size: 18px;
}

.essayType-span {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 15px;
  border-top: 1px solid #cfdef0;
}

.essayType-span span:first-of-type {
  font-weight: 500;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0;
  vertical-align: middle;
  color: #3179be;
}

.essayType-span span:nth-of-type(2) {
  font-weight: 450;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0;
  text-align: right;
  vertical-align: middle;
  color: #98a9bd;
}

.process-section {
  padding: 60px 0;
  background: linear-gradient(105.5deg,
      #fefeff 0,
      rgba(235, 247, 255, 0.5) 100.27%);
}

.process-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}

.process-card {
  max-width: 271px;
  width: 100%;
  background: #fff;
  border: 1px solid #cfdef0;
  box-shadow: 0 0 16px 0 #469fdf33;
  border-radius: 10px;
  position: relative;
  padding: 48px 25px 25px;
  margin-top: 65px;
  transition: 0.3s;
}

.process-icon {
  width: 50px;
  background: #eaf5ff;
  align-items: center;
  border-radius: 10px;
  margin: 0 auto 25px;
}

.process-card h3 {
  line-height: 100%;
  letter-spacing: 0;
  text-align: center;
  vertical-align: middle;
  color: #231f20;
  margin-bottom: 13px;
}

.process-card p {
  font-weight: 450;
  font-size: 15px;
  line-height: 190%;
  letter-spacing: 0;
  text-align: center;
  color: #6f6f6f;
}

.benefits__section .benefitDesc,
.benefits__section h2 {
  text-align: center;
  color: #231f20;
  font-family: CircularStd;
  font-style: normal;
}

.process-span {
  position: absolute;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  line-height: 100%;
  letter-spacing: 0;
  text-align: center;
  color: #fff;
  background: #3179be;
  top: -20px;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (max-width: 1200px) {
  section.banner__Section {
    background-position: 100% 67%, top left;
    background-size: 50%, cover;
  }

  .banner__Specs__Wrapper::before {
    content: unset;
  }

  .orderStep__section::before {
    top: 30px;
  }

  .swiper-container-rtl .swiper-button-next,
  .testimonialControls .swiper-button-prev {
    left: 21px;
  }

  .swiper-container-rtl .swiper-button-prev,
  .testimonialControls .swiper-button-next {
    right: 21px;
  }

  .expertsSwiper {
    max-width: 1033px;
    padding: 40px 0 55px !important;
  }
}

@media (max-width: 992px) {

  header.mpw-navbar nav .m-order,
  header.mpw-navbar.fixed-header nav .m-order {
    position: relative;
    display: block;
    padding: 6px 15px;
    border-radius: 8px;
    color: #fff;
    font-size: 16px;
    line-height: 17px;
    margin-left: auto;
    margin-right: 15px;
  }

  section.banner__Section {
    background-image: url(../webp/bannerbgmob.webp);
    background-size: 100% 100%;
    background-position: 0 0;
  }

  .banner-content .sec_head {
    font-size: 35px;
  }

  header.mpw-navbar .nav-toggel svg path {
    fill: #000;
  }

  header.mpw-navbar.fixed-header .nav-toggel svg path {
    fill: #fff;
  }

  header.mpw-navbar .siteLogo.logo-white {
    display: block !important;
  }

  header.mpw-navbar .siteLogo.logo-bg{
    display: none !important;
  }

  /* header.mpw-navbar nav .m-order {
    background-color: #233f8c;
  } */
  header.mpw-navbar.fixed-header nav .m-order {
    background-color: transparent;
    border: 1px solid #fff;
  }

  header.mpw-navbar .navBtnWhite,
  header.mpw-navbar.Lightnav .navBtnDefault,
  header.mpw-navbar.fixed-header .navBtnDefault {
    display: none;
  }

  header.mpw-navbar .navBtnDefault,
  header.mpw-navbar.Lightnav .navBtnWhite,
  header.mpw-navbar.fixed-header .navBtnWhite {
    display: block;
  }

  header.mpw-navbar.fixed-header .navItems a,
  header.mpw-navbar.fixed-header .nav__btns .new-login a,
  header.mpw-navbar.fixed-header .service-nav-dd-title {
    color: #374151;
  }
}

@media (max-width: 767px) {
  .mpw-navbar.Lightnav .service-nav-dd-title {
    color: #374151;
  }

  .mpw_reviews .mpw-pagination,
  .reviews-swiper>.swiper-pagination-bullets,
  .siteJabber-swiper>.swiper-pagination-bullets,
  .sitejabe-pagination,
  .trustPilot-swiper>.swiper-pagination-bullets,
  .trust_pilot__reviews .trust-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 5px;
  }

  .banner-content .sec_head {
    font-size: 33px;
  }

  .reviewText {
    font-size: 14px;
  }

  .testimonialCard {
    max-width: 90%;
    margin: 0 auto;
    min-height: 365px;
    padding: 22px 16px 15px;
  }

  .sampleCard {
    box-shadow: 0 4px 19px rgb(140 140 140 / 15%);
  }

  .infowrap {
    max-width: 100%;
    width: 100%;
    flex: unset;
  }

  .contentItem .infoDesc {
    font-size: 13px;
  }

  .unilogo {
    max-width: 165px;
    margin: 0 auto;
  }

  .contentItem .infoHead {
    font-size: 13px;
    max-width: 116px;
    width: 100%;
  }

  .review-controls {
    display: none;
  }

  .collegeessay-pagination,
  .mpw-pagination .reviewio-pagination,
  .siteJabber-pagination,
  .trustPilot-pagination {
    text-align: center;
    max-width: max-content;
    margin: 20px auto 0;
    display: flex;
    position: static;
    column-gap: 5px;
    display: flex;
    align-items: center;
    visibility: visible;
  }
}

@media (max-width: 575px) {
  .essayCost .ce-calc-box{
    height: auto;
  }
.whyus__section .primary-cta-serSec{
      display: flex;
          max-width: max-content;
              
    margin: auto;
    margin-top: 50px;
          
}
  .banner__Wrapper:after,
  .expertControls,
  .expertsWrapper .swiper-button-next-writer,
  .expertsWrapper .swiper-button-prev-writer,
  .sampleControls,
  .similarServiceSection .comprehensiveControls,
  .swiper-controls,
  .testimonialControls {
    display: none;
  }

  header.mpw-navbar.Lightnav .navItems a {
    color:#374151;
    font-weight: 450;
  }

  .review-filter-buttons {
    gap: 8px;
    margin: 20px auto 15px;
    padding: 5px 5px 0;
    max-width: 94%;
    width: 100%;
  }

  .filter-btn[data-platform="sitejabber"] img.starimg,
  .filter-btn[data-platform="website"] img.starimg {
    height: 18px;
  }

  .filter-btn {
    padding: 10px 20px;
    font-size: 13px;
    width: 31%;
    min-height: 39px;
  }

  .filter-btn[data-platform="reviewsio"] img.starimg {
    height: 16px;
  }

  .reviewsContainer {
    max-width: 100%;
  }

  .ctaContent.withhead,
  .ctaSection .container,
  .ctaWrapper.withhead,
  .showReviews {
    padding: 0;
  }

  .slide-inner {
    max-width: 328px;
  }

  .similarServiceSection .comprehensiveCard.h-min {
    min-height: 228px;
  }

  .secLight::before,
  .writtingProcessSection::before {
    right: 0 !important;
  }

  .ecnomicsWrapper,
  .justify_center {
    justify-content: start;
  }

  .sampleBtnCTA {
    font-size: 16px;
    padding: 12px 18px;
    column-gap: 7px;
  }

  .skelImg {
    max-width: 513px;
    min-height: 288px;
    border-radius: 18px;
  }

  .rw-sentence {
    margin-bottom: 10px;
  }

  .banner__Specs__Wrapper h2,
  .ecnomicsSection h2,
  .essayCost h2,
  .orderStep__section h2,
  .sampleEcnomicsSection h2,
  .service__section h2,
  .similarServiceSection h2,
  .testimonialSection h2,
  .writtingProcessSection h2 {
    font-size: 25px;
    line-height: 142.5%;
 
  }

  .banner__Specs__Wrapper .spec_para,
  .ecnomicsSection .ecoDesc,

  
  .orderStep__section .orderDesc,
  .sampleDesc,
  .service__section .servDesc,
  .similarServiceSection .similardesc,
  .testimonialSection .testDesc {
    font-size: 14px;
    line-height: 164.5%;
 
  }

  .ecnomicsSection,
  .essayCost,
  .secBg,
  .service__section {
    padding: 40px 0;
  }

  .ourExperts {
    padding: 80px 0 40px;
  }

  .ecnomicsWrapper,
  .faqWraper,
  .service__Wrapper,
  .similarServiceSection .comprehensiveWrapper,
  .toDeliveryWrapper,
  .writtingProcessWrapper {
    padding-top: 40px;
  }

  .ctaSection,
  .orderStep__section,
  .sampleEcnomicsSection,
  .secLight,
  .similarServiceSection,
  .testimonialSection,
  .writtingProcessSection {
    padding: 70px 0;
  }

  section.banner__Section {
    padding: 90px 0 215px;
    background: linear-gradient(90deg, #f9fcff 0, #e3f2ff 100%);
  }

  section.banner__Section.background {
    background-image: linear-gradient(90deg, #f9fcff 0, #e3f2ff 100%);
  }

  .banner-content .sec_head {
    font-size: 27px;
    text-align: center;
    display: block;
    width: 100%;
  }

  .StepBox p,
  .banner__desc,
  .banner__order,
  .ctaContent.withhead span,
  .faq-accord-card-head h3,
  .faqDesc p,
  .orderBtn,
  .spec__Desc>p {
    font-size: 14px!important;
  }

  .banner__desc {
    line-height: 150%;
    color: #231f20;
    padding-top: 4px;
    margin-bottom: 30px;
    text-align: center;
  }

  .banner__headline {
    text-align: center;
  }

  .banner__order {
    padding: 11px 18px;
    margin: 0 auto;
    line-height: 150%;
    padding: 11px 11;
  }

  .banner__Specs__Wrapper::before,
  .costCalculator::before,
  .costIncludes::before,
  .ratingBox::before {
    content: unset;
  }

  .ratingsWrapper {
    flex-direction: column;
    row-gap: 16px;
    margin-top: 40px;
  }

  .banner__serviceInfo .banner__serviceItem {
    max-width: 209px;
    font-size: 16px;
    margin: 0 auto;
  }

  .banner__reviews,
  .banner__reviews .reviews-content,
  .faqWraper {
    flex-direction: column;
  }

  /* Mobile: sequential numbering (1,2,3,4...) */
  .faqWraper {
    counter-reset: faq-mobile 0;
  }

  .faqWraper > .col-cstm:first-child .faq-card,
  .faqWraper > .col-cstm:last-child .faq-card {
    counter-increment: faq-mobile 1;
  }

  .faqWraper > .col-cstm:first-child .faq-number-badge::before,
  .faqWraper > .col-cstm:last-child .faq-number-badge::before {
    content: counter(faq-mobile, decimal-leading-zero);
  }

  .reviews-rating p {
    margin-bottom: 6px;
  }

  .reviews-content p {
    font-size: 13px;
    text-align: center;
  }

  .banner__reviews {
    max-width: 322px;
    width: 100%;
    margin: 40px auto 0;
    flex-wrap: wrap;
    padding: 20px;
    gap: 15px;
    border-radius: 20px;
    height: unset;
  }

  .banner__reviews .reviews-content {
    gap: 20px;
    flex-direction: column;
  }

  .ratingBox {
    max-width: 164px;
    margin: 0 auto;
  }

  .banner__serviceInfo {
    flex-direction: column;
    margin-bottom: 40px;
  }

  .banner__Specs__Wrapper {
    margin-top: -69px;
    border-radius: 20px;
  }

  .banner__Specs__Wrapper .spec_para {
    padding: 10px;
  }

  .banner__Specs__Wrapper h2 {
    padding: 0 10px;
  }

  .inner__wrapper {
    padding-top: 28px;
  }

  .spec__Card {
    max-width: 90%;
    margin: 0 auto;
    min-height: 320px;
  }

  .spec__Desc>p {
    padding-top: 30px;
  }

  .bannerSpecSlider {
    padding: 11px 0 55px;
  }

  .bannerSpecSlider .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #233f8c;
  }

  .bannerSpecSlider .swiper-pagination-bullet {
    background: rgba(35, 63, 140, 0.18);
    width: 8px;
    height: 8px;
  }

  .banner__Specs__Wrapper {
    padding: 41px 0 29px;
  }

  .costCalculator,
  .costIncludes,
  .costWrapper .select2-container,
  .singleService {
    max-width: 100%;
    width: 100%;
  }

  .service__Wrapper {
    row-gap: 30px;
  }

  .StepBox span svg,
  .serviceIcon img {
    width: 26px;
    height: 26px;
  }

  .orderStep__section::before {
    right: 7px;
    z-index: -1;
    top: 14px;
    transform: rotate(6deg);
  }

  .toDeliveryWrapper {
    flex-direction: column-reverse;
    padding-bottom: 8px;
  }

  .deliverySteps {
    padding-top: 22px;
  }

  .StepBox {
    display: flex;
    column-gap: 15px;
    padding: 15px;
    margin-bottom: 12px;
  }

  .orderBtn {
    padding: 10px 0;
    max-width: 265px;
  }

  .ourExperts h2,
  .sampleEcnomicsSection h2 {
    font-size: 25px;
  }

  .experCard {
    min-height: 522px;
  }

  .ourExperts .experts-desc {
    font-size: 14px;
    max-width: 100%;
  }

  .sampleEcnomicsSection {
    padding-bottom: 30px;
  }

  .sampleDesc {
    max-width: 90%;
    margin: 0 auto;
  }

  .sampleCardLeft {
    background: #fff;
  }

  .sampleCardLeft img {
    display: none;
    width: 100%;
  }

  .sampleCard {
    flex-direction: column;
    max-width: 90%;
    min-height: 643px;
    background: #f8fcff;
  }

  .sampleCard:hover {
    border: unset;
  }

  .sampleCardLeft,
  .sampleCardRight {
    padding: 24px 16px;
  }

  .sampleCardLeft {
    display: none;
    padding: 24px 16px 41px;
  }

  .pdfIcon {
    max-width: 25px;
    flex: 0 0 25px;
  }

  .faq-accord-card-body p,
.faq-accord-card-body p span,  .processDesc .boxDesc *,
  .processDesc span,
  .sampleHead p {
    font-size: 14px;
  }

  .sampleControls .swiper-button-next,
  .swiper-container-rtl .swiper-button-prev {
    right: 0;
  }

  .sampleControls .swiper-button-prev,
  .swiper-container-rtl .swiper-button-next {
    left: 0;
  }

  .sampleDetail p {
    min-height: unset;
    display: block;
    margin-bottom: 16px;
  }

  .costWrapper {
    row-gap: 28px;
    flex-direction: column-reverse;
    padding-top: 28px;
  }

  .serviceGuarantee {
    flex-direction: column;
    padding-top: 28px;
  }

  .serviceGuarantee p {
    font-size: 28px;
    text-align: center;
  }

  .addonsWrapperSec p.addHead {
    font-size: 27px;
    max-width: 100%;
  }

  .testimonialSection {
    padding-bottom: 20px;
  }

  .testimonialWrapper .swiper-slide.swiper-slide-active .testimonialCard {
    position: relative;
    transform: unset;
  }

  .testimonialCard {
    max-width: 90%;
    margin: 0 auto;
    box-shadow: 0 3.26964px 18.0446px rgb(81 81 81 / 15%);
  }

  .unilogo img {
    max-width: 186px;
    min-height: 93px;
  }

  .swiper-slide-active .reviewText {
    max-height: 160px;
  }

  .testimonialWrapper .testimonialslider {
    padding: 47px 0 70px;
  }

  .testimonialWrapper .swiper-pagination-bullet {
    background: rgba(35, 63, 140, 0.18);
    width: 7px;
    height: 7px;
  }

  .testimonialWrapper .swiper-pagination {
    left: 50%;
    transform: translateX(-50%);
    bottom: 28px;
  }

  .wrapDetails {
    align-items: start;
    flex-direction: column;
    row-gap: 10px;
  }

  .ecnomicsSection .ecoDesc {
    max-width: 909px;
    width: 100%;
    margin: 0 auto;
  }

  .ecnomicsWrapper {
    row-gap: 18px;
  }

  .writtingProcessSection {
    padding: 60px 0;
  }

  .writtingProcessSection::after {
    bottom: 195px;
    width: 50px;
    height: 50px;
  }

  .writingProcessBox {
    max-width: 100%;
    width: 100%;
    column-gap: 14px;
  }

  .writingProcessBox img {
    width: 30px;
    height: 25px;
    display: block;
  }

  .processDesc p,
  .processDesc p span {
    font-size: 16px;
    padding-bottom: 12px;
  }

  .faqSection h2 {
    font-size: 25px;
    margin-bottom: 14px;
  }
.faqSection {
    padding: 90px 0;
}
  .faq-accord-card-head {
    padding: 16px;
    gap: 12px;
  }

  .faq-number-badge {
    width: 40px;
    height: 40px;
    font-size: 16px;
    border-radius: 10px;
  }

  .faq-accord-card-head h3 {
    font-size: 15px;
  }

  .faq-icon-wrapper {
    width: 36px;
    height: 36px;
    border-radius: 8px;
  }

  .faq-accord-card-body {
    padding: 0 16px 20px 68px;
  }

  .similarServiceSection::before {
    right: 0;
    top: 21px;
  }

  .comprehesnsive-pagination,
  .experts-pagination,
  .sampleEco-pagination {
    text-align: center;
    max-width: max-content;
    margin: 20px auto 0;
    display: block;
    position: static;
    column-gap: 5px;
    display: flex;
    align-items: center;
  }

  .sampleEco-pagination {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
  }

  .similarServiceSection .comprehensiveCard:hover {
    transform: unset;
  }

  .similarServiceSection .comprehesnsiveSwiper {
    padding-bottom: 0;
  }

  .comprehesnsive-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
  .experts-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
  .sampleEco-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #233f8c;
  }

  .comprehesnsive-pagination .swiper-pagination-bullet,
  .experts-pagination .swiper-pagination-bullet,
  .sampleEco-pagination .swiper-pagination-bullet {
    background-color: #b8cae4;
    width: 9px;
    height: 9px;
  }

  .similarServiceSection .comprehensiveBody p,
  .similarServiceSection .comprehensiveBody p a,
  .similarServiceSection .comprehensiveBody p strong {
    font-size: 21px;
  }

  .concluisonSection {
    padding: 45px 0;
  }

  .essayExampleContent ol li,
  .essayExampleContent ol li strong,
  .essayExampleContent p,
  .essayExampleContent p strong,
  .essayExampleContent ul li,
  .essayExampleContent ul li strong {
    font-size: 16px;
    line-height: 170.5%;
    margin-bottom: 15px;
  }

  .essayExampleContent h2 {
    font-size: 24px;
    margin: 14px 0 16px;
  }

  .essayExampleContent {
    padding: 30px 16px;
    position: relative;
  }

  .ctaWrapper,
  .ctaWrapper.withhead {
    padding: 40px 15px;
  }

  .essayExampleWrapper {
    max-height: 500px;
  }

  .seoContentControl {
    flex-direction: column;
    display: none;
    max-width: 45px;
    width: 100%;
    flex: 0 0 45px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    row-gap: 20px;
  }

  .seowraper {
    display: flex;
    column-gap: 10px;
  }

  .seoContentControl .arrowDown,
  .seoContentControl .arrowUp {
    width: 45px;
    height: 45px;
    border-radius: 100%;
    border: 2px solid #233f8c66;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    cursor: pointer;
  }

  .seoContentControl .arrowDown img,
  .seoContentControl .arrowUp img {
    width: 15px;
    height: 17px;
  }

  .comprehensiveBody span {
    font-size: 20px;
  }

  .ctaWrapper {
    flex-direction: column;
    border-radius: 0;
  }

  .ctaIcon span {
    display: block;
    margin: 0 auto 34px;
  }

  .ctaIcon span svg {
    width: 104px;
    height: 104px;
  }

  .ctaContent {
    border: none;
    padding: 34px 0 0;
    position: relative;
  }

  .ctaContent:before {
    position: absolute;
    content: "";
    width: 246px;
    background-color: rgba(255, 255, 255, 0.2);
    top: 0;
    height: 1px;
    left: 0;
    right: 0;
    display: block;
    margin: 0 auto;
  }

  .ctaContent.withhead {
    padding-top: 34px;
  }

  .ctaContent.withhead p {
    font-size: 18px;
  }

  .ctaButton {
    font-size: 16px;
    padding: 11px 15px;
  }

  .ctaWrapper::after {
    max-width: 132px;
    max-height: 97px;
  }
}

@media (max-width: 414px) {

  .similarServiceSection .comprehensiveBody p,
  .similarServiceSection .comprehensiveBody p a,
  .similarServiceSection .comprehensiveBody p strong {
    font-size: 20px;
  }

  .sampleCard,
  .sampleCardRight {
    min-height: 551px;
  }

  .swiper-slide-active .reviewText {
    max-height: 189px;
  }

  .skelImg {
    max-width: 352px;
    min-height: 198px;
    border-radius: 16px;
  }
}

@media (max-width: 375px) {

  .similarServiceSection .comprehensiveBody p,
  .similarServiceSection .comprehensiveBody p a,
  .similarServiceSection .comprehensiveBody p strong {
    font-size: 21px;
  }

  .skelImg {
    max-width: 298px;
    min-height: 167px;
    border-radius: 14px;
  }
}

.benefits__section {
  padding: 80px 0;
  background: linear-gradient(180deg, #f9fcff 0, #e3f2ff 50%, #fff 100%);
  position: relative;
  overflow: hidden;
}

.benefits__section h2 {
  font-weight: 700;
  font-size: 36px;
  line-height: 156%;
  margin-bottom: 19px;
}

.benefits__section .benefitDesc {
  font-weight: 450;
  font-size: 18px;
  line-height: 150%;
  max-width: 909px;
  width: 100%;
  margin: 0 auto 60px;
}

.benefits__wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  max-width: 1170px;
  width: 100%;
  margin: 0 auto;
  position: relative;
}

.banner-ctaList,
.banner-ctaWrapper,
.sec-header .eyeBrow,
.tagline {
  max-width: max-content;
}

.tagline {
  border-radius: 100px;
  padding: 10px 15px;
  background: #ecf8fe;
  margin: -29px auto 52px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.tagline span {
  display: inline-block;
  font-weight: 450;
  font-size: 13px;
  line-height: 100%;
  letter-spacing: 0;
  color: #3b5f8b;
  position: relative;
}

.tagline span:first-child {
  padding-left: 18px;
}

.profile-img span,
.tagline span:last-child {
  padding-left: 13px;
}

.tagline span:first-child::before {
  content: "";
  position: absolute;
  width: 13px;
  height: 13px;
  left: 0;
  background-image: url(../svg/fire-icon.svg);
}

.tagline span:last-child::before {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  left: 0;
  background: #00d370;
  border-radius: 50%;
  top: 3px;
}

.benefit__card {
  background: #fff;
  border: 1px solid rgba(76, 174, 255, 0.24);
  border-radius: 12px;
  padding: 32px 24px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  transition: 0.3s;
  min-height: 220px;
}

.benefit__card:hover {
  border-color: #4caeff;
  box-shadow: 0 4px 20px rgba(76, 174, 255, 0.15);
  transform: translateY(-2px);

}

.subject-category:hover,
.vetting-card:hover {
  border-color: #3179be;
  transform: translateY(-4px);
}

.benefit__icon {
  width: 60px;
  height: 60px;
  background: linear-gradient(135deg, #4da0f8 0, #3179be 100%);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}

.benefit__icon img {
  width: 36px;
  height: 36px;
  display: block;
}

.benefit__content h3 {
  font-family: CircularStd;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 140%;
  color: #231f20;
  margin-bottom: 12px;
}

.benefit__content .benefit__desc,
.benefit__content .benefit__desc * {
  font-family: CircularStd;
  font-style: normal;
  font-weight: 450;
  font-size: 15px;
  line-height: 160%;
  color: #4b5563;
  margin: 0;
}

.benefit__footnote {
  text-align: center;
  margin-top: 40px;
}

.benefit__footnote p,
.benefit__footnote span {
  font-family: CircularStd;
  font-style: normal;
  font-weight: 450;
  font-size: 16px;
  line-height: 150%;
  color: #5c6f8c;
}

.banner-ctaWrapper {
  position: unset;
  width: 100%;
  border-radius: 100px;
  /* box-shadow: 0 7px 15.2px 0 #dcdcdd; */
  background: transparent;
  padding: 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 25px;
  bottom: -50px;
  z-index: 2;
  /* border: 5px solid #fff; */
  left: unset;
  transform: unset;
  max-width: 100%;
}

.writers-profile {
  width: 187px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.profile-img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 2px solid #123d77;
  background: #083066;
  text-align: center;
  margin-left: -14px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.whyus__card,
.whyus__section {
  background: #fff;
  overflow: hidden;
}

.profile-img::after {
  content: "";
  position: absolute;
  width: 18px;
  height: 20px;
  background-image: url(../svg/writer-badge.svg);
  bottom: 0;
  right: 0;
  top: 41px;
  left: 39px;
}

.writers-profile .profile-img:first-child {
  margin-left: 0;
  z-index: 4;
}

.writers-profile .profile-img:nth-of-type(2) {
  z-index: 3;
}

.writers-profile .profile-img:nth-of-type(3) {
  z-index: 2;
}

.writers-profile .profile-img:nth-of-type(4) {
  z-index: 1;
}

.profile-img img {
  border-radius: 50%;
  width: 60px;
  height: 60px;
  border: 1px solid #123d77;
}

.profile-img span {
  font-weight: 500;
  font-size: 8px;
  line-height: 120%;
  letter-spacing: 0;
  color: #fff;
  text-align: center;
  padding-right: 5px;
}

.banner-ctaList {
  display: flex;
  gap: 14px 20px;
  width: 100%;
  flex-wrap: wrap;
  padding-top: 30px;
  border-top: 1px solid #3564A6;
  margin-top: 30px;
  max-width: 100%;
}

.banner-ctaList p {
  margin-bottom: 0;
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0;
  color: #fff;
  display: flex;
  gap: 6px;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  max-width: max-content;
  width: 100%;
  font-family: 'Inter', sans-serif;
  transition: transform 0.3s ease;
}

.banner-ctaList p:hover {
  transform: translateX(3px);
}

.banner-ctaList p img {
  position: relative;
  top: -2px;
}

.banner-ctaList p .text-muted {
  font-weight: 300;
  font-size: 13px;
  color: #98B8E0;
}

.whyus__content h3,
.whyus__section h2 {
  color: #231f20;
  font-family: 'Inter', sans-serif;
}

/* .banner-ctaList p::after {
  content: "";
  position: absolute;
  height: 34px;
  width: 1px;
  right: -11px;
  background: linear-gradient(0deg, #4375bc, #4375bc),
    linear-gradient(0deg, #4375bc, #4375bc),
    linear-gradient(0deg, #4375bc, #4375bc);
} */
.whyus__section {
  padding: 80px 0;
  position: relative;
  font-family: 'Inter', sans-serif;
}

.whyus__section h2 {
  font-weight: 800;
  font-size: 38px;
  line-height: 150%;
  letter-spacing: 0;
  text-align: left;
  color: #35414B;
  font-family: 'Inter', sans-serif;
  padding-bottom: 3px;
}

.whyus__section h2 span,
.whyus__section h2 .gradient-text,h2 .gradient-text {
  background: linear-gradient(90deg, #2C83FF 35.36%, #4E68E5 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
      font-family: 'Inter', sans-serif;
}

.whyus__section .whyusDesc p {
  /* line-height: 164.5%; */
  color: #536C8B;
  max-width: 100%;
  width: 100%;
  font-family: 'Inter', sans-serif;
  /* margin: 0 auto; */
  text-align: left;
  font-weight: 400;
  /* font-size: 14px; */
  padding-top: 0px;

  font-size: 16px;
  line-height: 180%;

}
.whyus__section .whyusDesc p span{
  font-family: 'Inter', sans-serif;

}
.whyus__wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 29px;
  max-width: 100%;
  width: 100%;
  margin: 35px auto 0;
}

.whyus__card,
.whyus__icon {
  display: flex;
  position: relative;
}

.whyus-icon {
  font-size: 40px;
  margin-bottom: 25px;
}

.whyus__card {
  border: none;
  border-radius: 16px;
  padding: 24px 25px;
  flex-direction: column;
  align-items: start;
  text-align: left;
  font-family: 'Inter', sans-serif;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  min-height: auto;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  min-height: 245px;
}

/* Gradient backgrounds for cards - alternating 2 colors */
.whyus__card:nth-child(odd) {
  background: linear-gradient(115.33deg, #EFF6FF 32.81%, #DBEAFE 100%);

}

.whyus__card:nth-child(even) {
  background: linear-gradient(115.33deg, #F9F4FF 25.87%, #D5DCFF 100%);

}

/* Shimmer effect on hover */
.whyus__card::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
  transition: left 0.5s;
  z-index: 11;
}

.whyus__card:hover::before,
.writtingProcessSection .writingProcessBox:hover::before {
  left: 100%;
}

.benefit-box:hover {
  border-color: #3179be;
  box-shadow: 0 8px 30px rgba(49, 121, 190, 0.15);
  transform: translateY(-8px) scale(1.02);
}

.whyus__card:hover {
  transform: translateY(-5px);
  box-shadow: 0 20px 40px rgba(30, 58, 138, 0.2);
}

.whyus__icon {
  width: 52px;
  height: 52px;
  border-radius: 10px;
  align-items: center;
  justify-content: center;
  margin-bottom: 15px;
  transition: 0.3s;
  z-index: 1;
}

/* Different icon background colors for each card - odd/even */
.whyus__card:nth-child(odd) .whyus__icon {
  background: #2756DF;
}

.whyus__card:nth-child(even) .whyus__icon {
  background: #7B8DE6;
}

/* Icon float animation on hover */
/* @keyframes iconFloat {
  0%, 100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-5px);
  }
} */

.whyus__icon img {
  width: 36px;
  height: 36px;
  display: block;
  animation: imgFloat 2.5s ease-in-out infinite;
}

@keyframes imgFloat {
  0%, 100% {
    transform: translateY(2px);
  }

  50% {
    transform: translateY(-1px);
  }
}

.whyus__content {
  position: relative;
  z-index: 1;
}

.whyus__content h3 {
  font-style: normal;
  font-weight: 700;
  font-family: 'Inter', sans-serif;
  font-size: 17px;
  line-height: 140%;
  color: #231F20;
  margin-bottom: 10px;

}

.benefit-box:hover .benefit-head,
.guarantee-title a:hover {
  color: #3179be;
}

.whyus__content .whyus__desc,
.whyus__content .whyus__desc * {

  font-style: normal;
  font-weight: 400;
  font-family: 'Inter', sans-serif;
  margin: 0;
  line-height: 180%;
  font-size: 14px;
  color: #4b5563;
}
.whyus__content .whyus__desc p a{
  color: #2756DF;
  text-decoration: underline;
}
.whyus__content .whyus__desc p a:hover{
   text-decoration: none; 
}
.category-title,
.sec-header .eyeBrow {
  font-family: CircularStd;
  font-style: Book;
  letter-spacing: 0;
  vertical-align: middle;
}

.whyus__footnote {
  text-align: center;
  padding: 20px;
  background: linear-gradient(90deg,
      rgba(231, 242, 254, 0.5) 0,
      rgba(217, 237, 255, 0.5) 100%);
  border-radius: 12px;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
}

.whyus__footnote p,
.whyus__footnote span {
  font-family: CircularStd;
  font-style: normal;
  font-weight: 500;
  font-size: 17px;
  line-height: 150%;
  color: #3179be;
}

.primary-cta-serSec {
  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: 18px 25px;
  border-radius: 10px;
  text-decoration: none;
  transition: all 0.3s ease;
  margin-top: 50px;
  margin-left: 25px;
  position: relative;
  z-index: 1;
}

/* Infinite pulse effect using background */
.primary-cta-serSec::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;
}

@keyframes btn-bg-pulse {
 0% {
    box-shadow: 0 0 0 0 #2756DF;
  }

  100% {
    box-shadow: 0 0 0 15px transparent;
  }
}

.primary-cta-serSec::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;
}

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

.primary-cta-serSec:hover::after {
  transform: translateX(4px);
}

section.blue-background {
  background:#f8fafc;
  padding: 70px 0!important;
}
section.white-background {
  padding: 90px 0 40px !important;
}

.benefit-section {
  padding: 85px 0 95px;
}

.sec-header .eyeBrow {
  display: block;
  margin: auto auto 28px;
  width: 100%;
  background-color: #f0f9ff;
  padding: 5px 15px;
  border-radius: 100rem;
  font-weight: 450;
  font-size: 15px;
  leading-trim: NONE;
  line-height: 180%;
  color: #3f5869;
}

.sec-header .secDesc p {
text-align: center;
    margin: 0;
    max-width: 100%;
    font-size: 16px;
    line-height: 180%;
    color: #536C8B;
    font-weight: 400;
    padding-top: 0;
    font-family: 'Inter', sans-serif;
    padding-top: 0;
}

.benefit-content {
  display: flex;
  flex-wrap: wrap;
  max-width: 1025px;
  width: 100%;
  margin: 66px auto 0;
  gap: 22px 25px;
}

.benefit-box .cardIcon {
  background-color: #dfeffe;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 55px;
  height: 55px;
  margin-bottom: 19px;
  border-radius: 10px;
  transition: 0.4s;
}

.benefit-box,
.subject-category {
  border: 1px solid #cfdef0;
  width: 100%;
}

.benefit-box {
  max-width: 325px;
  padding: 30px;
  background: #fff;
  border-radius: 15px;
  transition: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.benefit-box .benefit-head {
  font-weight: 500;
  font-size: 17px;
  line-height: 100%;
  letter-spacing: 0;
  vertical-align: middle;
  color: #231f20;
  padding-bottom: 17px;
}

.benefit-box .benefitBoxdesc {
  font-weight: 450;
  font-size: 14px;
  color: #4b5563;
  line-height: 180%;
  letter-spacing: 0.5%;
}
.vettingWrapper{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 30px;
      max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    padding: 50px;
    border-radius: 30px;
    background: #F8FCFF;
    border: 1px solid #DFEDF8;
}
.micro-copy p {
  color: #4b5563;
  font-weight: 450;
  font-size: 17px;
  line-height: 150%;
  letter-spacing: 0;
  text-align: center;
  margin: 55px auto 0;
  max-width: 243px;
  width: 100%;
}

.benefitCta {
  max-width: max-content;
  padding: 12px 35px;
  background-color: #3179be;
  border-radius: 40px;
  line-height: 25px;
  color: #fff;
  position: relative;
  font-weight: 450;
  text-align: center;
  z-index: 1;
  display: flex;
  margin: 40px auto 0;
}

.benefitCta:before {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 100px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: rgb(49 121 190 / 50%);
  z-index: -1;
  content: "";
}

.category-title {
  font-weight: 450;
  font-size: 20px;
  line-height: 100%;
  color: #231f20;
}

.stat-label {
  font-weight: 450;
  font-size: 16px;
  line-height: 100%;
  font-family: CircularStd;
}

.subject-coverage-section {
  padding: 70px 0 88px;
}

.subject-list {
  padding: 0;
  margin: 0;
  margin-top: auto;
  display: flex;
  flex-wrap: wrap;
  gap: 12px 20px;
}

.subject-list li {
  font-weight: 400;
  font-style: Regular;
  font-size: 13px;
  line-height: 100%;
  letter-spacing: 0;
  vertical-align: middle;
  list-style: none;
  padding-left: 24px;
  position: relative;
  margin-bottom: 0;
  color: #4b5563;
}

.subject-list li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  background-image: url(../svg/list-arrow.svg);
  background-size: contain;
  background-repeat: no-repeat;
}

.subject-column {
  max-width: 572px;
  width: 100%;
}

.subject-category {
  background: #fff;
  border-radius: 16px;
  padding: 30px;
  box-shadow: 0 0 16px 0 #469fdf33;
  margin-bottom: 20px;
  max-width: 575px;
  min-height: 209px;
  transition: 0.3s;
  display: flex;
  flex-direction: column;
}

.subject-category:hover {
  box-shadow: 0 0 24px 0 #469fdf66;
}

.category-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 25px;
}

.category-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.vetting-process {
  margin-top: 45px;
  position: relative;
}

.vetting-section {
  padding: 73px 0 80px;
}
.vetting-section .sec-header h2{
  text-align: left;
}
.vetting-section .sec-header .secDesc p{
  text-align: left;
}
.vetting-card {
  max-width: 352px;
  width: 100%;
  border: 1px solid #cfdef0;
  border-radius: 15px;
  padding: 29px 26px;
  background: #fff;
  text-align: left;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  min-height: 215px;
  transition: 0.3s;
  
}

.vetting-card:hover {
  box-shadow: 0 0 24px 0 #469fdf33;
}

.vettingStats {
  /* background: #f6faff;
  border-top: 1px solid #dbecff;
  border-bottom: 1px solid #dbecff; */
  padding: 0;
  margin-top: 0;
}

.vettingStats .micro-copy {
  text-align: center;
  /* margin-bottom: 30px; */
  margin-top: 0;
}

.vettingStats .micro-copy p {
  margin-top: 0;
}

.vettingStatWrap {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 9px;
  flex-wrap: wrap;
}

.stat-item {
  background: #fff;
  border: 1px solid #DFEDF8;
  border-radius: 12px;
  padding: 20px 40px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  gap: 7px;
  box-shadow: 0 4px 7.3px 0 #ebebeb;
  transition: 0.3s;
  cursor: pointer;
}

.stat-item:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 12px 0 #dcdcdc;
  border-color: #3179be;
}

.stat-value {
    color: #2755de
 ;
    font-size: 25px;
    font-weight: 700;
}
.stat-label {
  color: #4a4a4a;
}

.vetting-icon-wrapper {
  display: flex;
  justify-content: flex-start;
}
.swiper-button-next svg, .swiper-button-prev svg {
  width: unset;
  height: unset;
}
.vetting-icon {
  border-radius: 10px;
  width: 52px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Odd slides - blue */
.swiper-slide:nth-child(odd) .vetting-icon {
  background: #2756DF;
}

/* Even slides - purple */
.swiper-slide:nth-child(even) .vetting-icon {
  background: #7B8DE6;
}

/* .vetting-icon img {
  filter: brightness(0) invert(1);
  -webkit-filter: brightness(0) invert(1);
} */

.vetting-content {
  display: flex;
  flex-direction: column;
  gap: 12px;
  text-align: center;
}

.vetting-step-number {
 
  font-weight: 600;
  font-style: Medium;
  font-size: 17px;
  line-height: 100%;
  letter-spacing: 0;
  vertical-align: middle;
  color: #231f20;
  margin: 0;
}

.vetting-description {
  color: #6f6f6f;
 
  font-weight: 450;
  font-style: Book;
  font-size: 15px;
  line-height: 190%;
  letter-spacing: 0;
}

.vettingSwiper {
  position: relative;
  padding: 20px 0 !important;
  overflow: hidden;
  margin: 0 auto;
  max-width: 1200px;
}

.vettingSwiper .swiper-slide {
  display: flex;
  justify-content: center;
}

.guarantee-controls {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  width: 100%;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  z-index: 10;
  pointer-events: none;
}

/* Vetting Controls - Centered row layout like expert section */
.vetting-controls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin-top: 40px;
  position: static;
  width: auto;
}

.vetting-button-next,
.vetting-button-prev {
  width: 40px;
  height: 40px;
      background-color: #f1f5f9;
    border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
  position: absolute;
    top:-29%;
    z-index: 9;
}
.vetting-button-next{
  right: 0%;
    transform: rotate(272deg);
}
.vetting-button-prev {
    left: 90%;
    transform: rotate(90deg);
   
}
.vetting-button-next:hover,
.vetting-button-prev:hover {
  border-color: #0554E6;
  background: #f8fafc;
}

.guarantee-button-next.swiper-button-disabled,
.guarantee-button-prev.swiper-button-disabled,
.vetting-button-next.swiper-button-disabled,
.vetting-button-prev.swiper-button-disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Vetting Pagination - Centered between buttons */
.vetting-pagination {
  position: static !important;
  display: none;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: auto !important;
  margin: 0;
}

.vetting-pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  background: #E0E7EF;
  opacity: 1;
  border-radius: 50%;
  transition: all 0.3s ease;
  margin: 0 !important;
}

.guarantee-pagination .swiper-pagination-bullet-active {
  background: #2756DF !important;
  width: 26px;
  height: 10px;
  position: relative;
  top: -1px;
  border-radius: 100rem;
}

.vetting-pagination .swiper-pagination-bullet-active {
  background: #0554E6;
  width: 24px;
  border-radius: 100px;
}

.subject-grid {
  margin-top: 90px;
  gap: 20px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

/* ============ Trust / University Section ============ */
.trust-section {
  position: relative;
  overflow: hidden;
}

.trust-section .bg-glow {
  position: absolute;
  border-radius: 50%;
  filter: blur(100px);
  opacity: 0.5;
  pointer-events: none;
}

.trust-section .bg-glow-1 {
  width: 500px;
  height: 500px;
  background: #bfdbfe;
  top: -150px;
  left: 5%;
  animation: pulse-glow 10s ease-in-out infinite;
}

.trust-section .bg-glow-2 {
  width: 400px;
  height: 400px;
  background: #c7d2fe;
  bottom: -100px;
  right: 10%;
  animation: pulse-glow 10s ease-in-out infinite 3s;
}

.trust-section .bg-glow-3 {
  width: 350px;
  height: 350px;
  background: #a5f3fc;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation: pulse-glow 10s ease-in-out infinite 6s;
}

@keyframes pulse-glow {
  0%, 100% { opacity: 0.4; transform: scale(1); }
  50% { opacity: 0.6; transform: scale(1.15); }
}

.trust-header {
  margin-bottom: 56px;
  position: relative;
  z-index: 1;
  text-align: center;
}

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

.trust-header .secDesc {
  text-align: center;
}

.trust-header .secDesc p,.secDesc  {
 text-align: center;
    margin: 0;
    max-width: 100%;
    font-size: 16px;
    line-height: 180%;
    color: #536C8B;
    font-weight: 400;
    padding-top: 0;
    font-family: 'Inter', sans-serif;
    padding-top: 0;
}

/* Marquee Wrapper */
.marquee-wrapper {
  position: relative;
  z-index: 1;
}

.marquee-wrapper::before,
.marquee-wrapper::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: 150px;
  z-index: 10;
  pointer-events: none;
}

.marquee-wrapper::before {
  left: 0;
  background: linear-gradient(90deg, #EFF6FF 0%, transparent 100%);
}

.marquee-wrapper::after {
  right: 0;
  background: linear-gradient(270deg, #EFF6FF 0%, transparent 100%);
}

.marquee-row {
  display: flex;
  margin-bottom: 0px;
  overflow: hidden;
}

.marquee-row:last-child {
  margin-bottom: 0;
}

.marquee-track {
  display: flex;
  width: fit-content;
}

.marquee-row:nth-child(1) .marquee-track {
  animation: scroll-left 125s linear infinite;
}

.marquee-row:nth-child(2) .marquee-track {
  animation: scroll-right 130s linear infinite;
}

.marquee-track:hover {
  animation-play-state: paused;
}

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

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

.marquee-content {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 15px 8px;
}

.uni-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 14px 24px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(12px);
  box-shadow: 0 2px 8px rgba(0,0,0,0.04), 0 4px 16px rgba(0,0,0,0.04);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: default;
  flex-shrink: 0;
}

.uni-badge:hover {
  transform: translateY(-6px) scale(1.03);
  box-shadow: 0 8px 24px -4px rgba(30, 58, 138, 0.15), 0 16px 40px -8px rgba(0,0,0,0.1);
  border-color: rgba(37, 86, 223, 0.2);
}

.uni-badge img {
  height: 40px;
  width: auto;
  display: block;
  transition: transform 0.3s ease, opacity 0.4s ease;
}

/* Skeleton state for uni-badge */
.uni-badge.skeleton-active {
  min-width: 140px;
  min-height: 56px;
  background: linear-gradient(110deg, #e8edf3 30%, #f3f6f9 50%, #e8edf3 70%);
  background-size: 200% 100%;
  animation: uni-skeleton-shimmer 1.5s ease-in-out infinite;
  border-color: #e8edf3;
}

.uni-badge.skeleton-active img {
  opacity: 0;
}

@keyframes uni-skeleton-shimmer {
  0% { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}

.uni-badge:hover img {
  transform: scale(1.05);
}

/* Stats Row */
.stats-row {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 45px;
  margin-top: 56px;
  position: relative;
  z-index: 1;
}

.stats-row .stat-item {
  text-align: center;
  background: none;
  border: none;
  box-shadow: none;
  padding: 0;
  cursor: pointer;
  transition: transform 0.3s ease;
}

.stats-row .stat-item:hover {
  transform: scale(1.1);
  box-shadow: none;
  border-color: transparent;
}

.stats-row .stat-number {
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  font-size: 32px;
  line-height: 100%;
  color: #2755de;
  -webkit-text-fill-color: #1d4ed8;
  background: none;
  -webkit-background-clip: unset;
  background-clip: unset;
  margin-bottom: 10px;
  transition: transform 0.3s ease;
}

.stats-row .stat-item:hover .stat-number {
  transform: scale(1.15);
}

.stats-row .stat-label {
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  font-size: 13px;
  line-height: 100%;
  text-align: center;
  color: #536C8B;
}

.guarantee-section {
  padding: 128px 0 80px;
}

.guarantee-wrapper {
  margin-top: 30px;
  position: relative;
}
.sec-header h2{
      font-family: 'Inter', sans-serif;
    font-weight: 800;
    font-size: 38px;
    line-height: 150%;
    color: #35414B;
    text-align: center;
    margin-bottom: 3px;
}
.guaranteeSwiper {
  position: relative;
  overflow: hidden;
  margin: 43px 0;
  padding-top: 22px !important;
}

.guarantee-card {
  width: 214px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
  transition: transform 0.3s ease;
}

.guarantee-card:hover {
  transform: translateY(-5px);
}

.guarantee-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 33px;
  animation: guaranteeFloat 3s ease-in-out infinite;
}

.guarantee-icon img {
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.guarantee-card:hover .guarantee-icon img {
  transform: scale(1.08) rotate(3deg);
}
 
@keyframes guaranteeFloat {
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-8px); }
}

.guarantee-content {
  display: flex;
  flex-direction: column;
  text-align: center;
}

.guarantee-title {
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  font-size: 17px;
  line-height: 120%;
  color: #231f20;
}

.guarantee-title a {
  color: #231f20;
  text-decoration: none;
}

.guarantee-description {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 160%;
  color: #374151;
  margin: 12px 0 0;
}

.guarantee-button-next,
.guarantee-button-prev {
  width: 40px;
  height: 40px;
  background: #fff;
  border: 1px solid #cfdef0;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  pointer-events: all;
  transition: 0.3s;
}

.guarantee-pagination {
  position: absolute !important;
  text-align: center !important;
  bottom: 16px !important;
  z-index: 1 !important;
  width: 100%;
}

.guarantee-pagination .swiper-pagination-bullet {
  background: #cedeef;
  opacity: 1;
  margin: 0 2px;
  transition: 0.3s;
}

.logos-section {
  padding: 80px 0;
 background: linear-gradient(115.33deg, #EFF6FF 32.81%, #DBEAFE 100%);

}

.comparison-section {
  padding: 128px 0;
 
}

.comparison-wrapper {
  margin-top: 50px;
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

.comparison-wrapper table {
  width: 100%;
  max-width: 900px;
  margin: 0 auto 15px;
  border: 1px solid #cfdef0;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 10px;
      font-family: 'Inter', sans-serif;
  overflow: hidden;
  border-collapse: unset !important;
}
.comparison-wrapper table p strong{
  color:#231F20;
      font-family: 'Inter', sans-serif;
}
.comparison-th,
.comparison-wrapper table th {
  padding: 10px 15px;
      font-family: 'Inter', sans-serif;
  border: 1px solid #cfdef0;
  font-size: 15px;
  line-height: 22.5px;
  text-align: center;
  color: #231f20;
  font-weight: 500;
}

.comparison-th:last-child,
th:last-child {
  background-color: #ddedf7;
}
.comparison-wrapper table p{
    font-family: 'Inter', sans-serif;
}
.comparison-td,
.comparison-wrapper table td {
  padding: 10px 15px;
  border: 1px solid #cfdef0;
  font-size: 15px;
  font-weight: 400;
      font-family: 'Inter', sans-serif;
  line-height: 22.5px;
  text-align: left;
  color: #4b5563;
}

.comparison-td:last-child,
td:last-child {
  background-color: #f5fbff;
}

 

table th:first-child {
  border-top-left-radius: 8px;
}

table th:last-child {
  border-top-right-radius: 8px;
}

table tr:last-child td:first-child {
  border-bottom-left-radius: 8px;
}

table tr:last-child td:last-child {
  border-bottom-right-radius: 8px;
}

.comparison-btmTxt {
  color: #4b5563;
    font-family: 'Inter', sans-serif;
  text-align: center;
  font-size: 14px;
  font-weight: 450;
  line-height: 150%;
  max-width: 745px;
  width: 100%;
  margin: 50px auto 0;
}

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

  .comparison-wrapper {
    margin-top: 40px;
  }
}

@media (max-width: 767px) {
  .comparison-section {
    padding: 60px 0;
  }

  .comparison-wrapper {
    margin-top: 30px;
  }

  .comparison-td,
  .comparison-th,
  .comparison-wrapper table td,
  .comparison-wrapper table th {
    font-size: 13px;
    padding: 8px 10px;
  }

  .comparison-btmTxt {
    font-size: 14px;
    margin-top: 30px;
    padding: 0 15px;
    line-height: 170%;
  }

  .comparison-section h2 {
    font-size: 24px;
    line-height: 150%;
  }
}

@media (max-width: 992px) {
  .benefits__wrapper {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }

  .whyus__wrapper {
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
  }
}

@media (max-width: 575px) {

  .banner-ctaList p::after,
  section.banner__Section:after {
    content: unset;
  }

  .tagline {
    margin: 5px auto 37px;
    box-shadow: 0 4px 7.3px 0 #daeafe;
  }

  .banner-ctaWrapper {
    justify-content: center;
    gap: 35px;
    bottom: -120px;
    flex-direction: column-reverse;
    max-width: 100%;
    width: 100%;
    align-items: center;

    padding: 0;
  }

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

  .banner-ctaList p {
    font-size: 13px;
    max-width: unset;
    justify-content: center;
  }

  .banner-ctaList p:nth-of-type(2) {
    max-width: unset;
  }

  .banner-ctaList p img {
    width: 20px;
    height: 20px;
  }

  .service-bannerBtn {
    margin: 0 auto;
  }

  .writers-profile {
    margin-top: -61px;
  }

  .banner-ctaList {
    flex-direction: column;
    gap: 15px;
    max-width: 100%;
    justify-content: center;
    width: 100%;
    margin-top: 40px;
    align-items: center;
  }

  .benefits__section,
  .whyus__section {
    padding: 60px 0;
  }

  .benefits__section h2 {
    font-size: 27px;
    line-height: 142.5%;
    margin-bottom: 14px;
  }

  .benefits__section .benefitDesc {
    font-size: 16px;
    line-height: 164.5%;
    margin-bottom: 40px;
  }

  .benefits__wrapper {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .benefit__card {
    padding: 24px 20px;
    min-height: 180px;
  }

  .benefit__icon {
    width: 50px;
    height: 50px;
    margin-bottom: 16px;
  }

  .benefit__icon img {
    width: 30px;
    height: 30px;
  }

  .benefit__content h3,
  .whyus__content h3 {
    font-size: 17px;
    margin-bottom: 10px;
  }

  .benefit__content .benefit__desc,
  .benefit__content .benefit__desc *,
  .benefit__footnote p,
  .benefit__footnote span,
  .stat-value,
  .whyus__content .whyus__desc,
  .whyus__content .whyus__desc * {
    font-size: 14px;
  }
   .whyus__content .whyus__desc,
  .whyus__content .whyus__desc * {
        font-size: 15px;
    }
  .stat-value{
     font-size: 18px;
  }
  .benefit__footnote {
    margin-top: 30px;
  }

  .vetting-process {
    margin-top: 20px;
    position: relative;
  }

  .vettingStatWrap {
    gap: 10px;
  }

    .stat-item {
        padding: 16px 25px;
    }

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

  .subject-list {
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 15px;
  }

  .subject-category {
    min-height: unset;
    border-radius: 12px;
    padding: 20px 15px;
  }

  .benefit-content,
  .micro-copy p,
  .subject-grid {
    margin-top: 40px;
  }

  .vettingStats .micro-copy p {
        font-size: 15px;
    margin-top: 0;
  }

  .sec-header h2 {
    font-size: 25px;
  }

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

  .benefit-box {
    padding: 25px 15px;
  }

  .whyus__section h2 {
    font-size: 25px;
    line-height: 142.5%;

  }
.whyus__section .whyusDesc p{
  
    font-size: 14px;
}
.essayCostDesc p, .essayCostDesc span{
         font-size: 14px;
    line-height: 180%;
}
  .whyus__section .whyusDesc {
    font-size: 16px;
    line-height: 164.5%;
    margin-bottom: 40px;
  }

  .whyus__wrapper {
    grid-template-columns: 1fr;
    gap: 20px;
    margin: 50px auto 0;
  }

  .whyus__card {
    padding: 32px 24px;
    min-height: auto;
  }

  .whyus__icon {
    width: 45px;
    height: 45px;
    margin-bottom: 20px;
  }

  .whyus__icon img {
    width: 28px;
    height: 28px;
  }

  .whyus__footnote {
    margin-top: 40px;
    padding: 16px;
  }

  .whyus__footnote p,
  .whyus__footnote span {
    font-size: 15px;
  }

  .vetting-controls {
    gap: 12px;
    margin-top: 25px;
  }

  .vetting-button-next,
  .vetting-button-prev {
    display: none;
    width: 40px;
    height: 40px;
  }

  .vetting-pagination .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
  }

  .vetting-pagination .swiper-pagination-bullet-active {
    width: 20px;
  }
}

.writtingProcessSection .processDesc .processStrong,
.writtingProcessSection h2 {
  font-weight: 700;
  line-height: 140%;
  color: #231f20;
  text-align: center;
  font-family: CircularStd;
}

.writtingProcessSection {
  background: linear-gradient(180deg,
      #fff 0,
      #f5faff 50%,
      #ebf5ff 100%) !important;
  padding: 80px 0 !important;
  position: relative;
  overflow: hidden;
}

.writtingProcessSection h2 {
  font-size: 32px;
}

.writtingProcessSection .writtingProcessWrapper {
  display: grid;
  /* grid-template-columns: repeat(4, 1fr); */
  grid-template-columns: repeat(auto-fit, 274px);
  gap: 24px;
  padding-top: 50px;
  max-width: 100%;
  column-gap: 24px;
  row-gap: 24px;
  justify-content: unset;
}

.writtingProcessSection .writingProcessBox {
  background: #fff;
  border: 1px solid rgba(35, 95, 140, 0.12);
  border-radius: 16px;
  padding: 28px;
  transition: 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
  max-width: 100%;
  width: 100%;
}

.writtingProcessSection .writingProcessBox::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  background: linear-gradient(180deg, #235f8c 0, #4caeff 100%);
  opacity: 0;
  transition: opacity 0.35s;
}

.writtingProcessSection .writingProcessBox:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 40px rgba(35, 95, 140, 0.15);
  border-color: rgba(76, 174, 255, 0.3);
}

.writtingProcessSection .processDesc .processStrong {
  font-size: 18px;
  text-decoration: none;
  display: block;
  padding-bottom: 0;
  transition: color 0.3s;
}

.writtingProcessSection .processDesc .processStrong:hover {
  color: #235f8c;
  text-decoration: underline;
}

.writtingProcessSection .processDesc p {
  font-family: CircularStd;
  font-weight: 450;
  font-size: 15px;
  line-height: 165%;
  color: #4b5563;
  margin: 0;
}

@media (max-width: 991px) {
  .writtingProcessSection {
    padding: 60px 0 !important;
  }

  .writtingProcessSection h2 {
    font-size: 28px;
  }

  .writtingProcessSection .writtingProcessWrapper {
    flex-wrap: wrap;
    gap: 20px !important;
    padding-top: 40px !important;
  }

  .writtingProcessSection .writingProcessBox {
    padding: 24px !important;
  }
}

@media (max-width: 768px) {

  .trust-header h2 {
    font-size: 28px;
    padding: 0 20px;
  }

  .trust-header .secDesc p {
    font-size: 14px;
    padding: 0 20px;
  }

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

  .marquee-wrapper::before,
  .marquee-wrapper::after {
    width: 60px;
  }

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

  .uni-badge img {
    height: 32px;
  }

  .stats-row {
    gap: 30px;
    margin-top: 40px;
  }

  .stats-row .stat-number {
    font-size: 26px;
  }

  .stats-row .stat-label {
    font-size: 12px;
  }

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

  .guarantee-card,
  .vetting-card {
    min-height: auto;
  }

  .vetting-controls {
    gap: 15px;
    margin-top: 30px;
  }

  .vetting-button-next,
  .vetting-button-prev {
    width: 44px;
    height: 44px;
  }

  .guarantee-description {
    max-width: 270px;
  }

  .guaranteeSwiper,
  .vettingSwiper {
    margin: 0;
    padding: 20px 0;
  }

  .guarantee-controls {
    display: none !important;
  }

      .guarantee-pagination {
        display: flex !important;
        justify-content: center;
        bottom: -30px !important;
    }

  .guarantee-card {
    width: 100%;
  }

  .writtingProcessSection .writtingProcessWrapper {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  .writtingProcessSection h2 {
    font-size: 24px;
  }

  .writtingProcessSection .ecoDesc {
    font-size: 15px;
  }

  .writtingProcessSection .writingProcessBox {
    padding: 20px !important;
  }

  .writtingProcessSection .writtingProcessIcon {
    width: 48px;
    height: 48px;
    min-width: 48px;
  }

  .writtingProcessSection .writtingProcessIcon img {
    width: 24px;
    height: 24px;
  }

  .writtingProcessSection .processDesc .processStrong {
    font-size: 16px;
  }

  .writtingProcessSection .processDesc p {
    font-size: 14px;
  }

  .banner-btns {
    justify-content: center;
    margin: 0 auto;
  }
}

/* Skeleton Loader Styles */
.skeleton-wrapper {
  position: relative;
  display: inline-block;
  overflow: hidden;
  background-color: #083066;
}

.skeleton-wrapper.overFlowUnset {
  overflow: unset;
}

.skeleton-wrapper::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;

  background: linear-gradient(90deg,
      transparent,
      rgba(255, 255, 255, 0.6),
      transparent);
  animation: skeleton-loading 1.5s infinite;
}

.skeleton-wrapper img {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

.skeleton-wrapper.loaded::before {
  display: none;
}

.skeleton-wrapper.loaded {
  background-color: transparent;
}

.skeleton-wrapper.loaded img {
  opacity: 1;
}

@keyframes skeleton-loading {
  0% {
    left: -100%;
  }

  100% {
    left: 100%;
  }
}

/* Block-level skeleton for larger images */
.skeleton-wrapper.skeleton-block {
  display: block;
  width: 100%;
}

/* Inline skeleton for icons */
.skeleton-wrapper.skeleton-inline {
  display: inline-block;
  vertical-align: middle;
}

/* Specific skeleton sizes - Inline Icons */
.skeleton-16x16 {
  width: 16px;
  height: 16px;
}

.skeleton-18x18 {
  width: 18px;
  height: 18px;
}

.skeleton-28x28 {
  width: 28px;
  height: 28px;
}

.skeleton-37x37 {
  width: 37px;
  height: 37px;
}

.skeleton-40x40 {
  width: 40px;
  height: 40px;
}

.skeleton-44x44 {
  width: 44px;
  height: 44px;
}

.skeleton-50x50 {
  width: 50px;
  height: 50px;
}

.skeleton-62x62 {
  width: 62px;
  height: 62px;
  border-radius: 50%;
}

/* CTA Arrows */
.skeleton-9x15 {
  width: 9px;
  height: 15px;
}

/* Rating Stars */
.skeleton-97x15 {
  width: 97px;
  height: 15px;
}

.skeleton-136x23 {
  width: 136px;
  height: 23px;
}

/* Platform Logos */
.skeleton-130x23 {
  width: 130px;
  height: 23px;
}

.skeleton-130x24 {
  width: 130px;
  height: 24px;
}

.skeleton-139x23 {
  width: 139px;
  height: 23px;
}

/* Responsive Block Images */
.skeleton-process-img {
  width: 100%;
  max-width: 678px;
  width: 678px;
  height: 450px;
  height: auto;
  aspect-ratio: 678 / 450;
}

.skeleton-guarantee-badge {
  width: 100%;
  max-width: 60px;
  height: auto;
  aspect-ratio: 60 / 60;
}

/* Mobile Responsive Adjustments */
@media (max-width: 767px) {
  .skeleton-process-img {
    aspect-ratio: 678 / 450;
    width: 100%;
    height: auto;
  }

  .skeleton-guarantee-badge {
    max-width: 150px;
    margin: auto;
  }



  .skeleton-50x50 {
    width: 40px;
    height: 40px;
  }

  .skeleton-44x44 {
    width: 36px;
    height: 36px;
  }
}

/* Eyebrow Proof Bar - Version 8 Bold Numbers */
.eyebrow-proof-bar {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 50px;
}

.counter-badge {
  display: flex;
  align-items: center;
  gap: 5px;

  justify-content: center;
  min-width: 208px;
  width: 100%;
  background: #3F5BAE;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid #5E73B5;
  border-radius: 100rem;
  height: 40px;
  transition: all 0.3s ease;
  font-family: 'Inter', sans-serif;
}

.counter-badge:hover {
  transform: translateY(-2px);
  background: rgba(255, 255, 255, 0.2);
}

.counter-badge .fire-icon {
  width: 19px;
  height: 19px;
  display: block;
  position: relative;
  top: -2px;
  background: url('../gif/fire.gif') no-repeat center / contain;
  flex-shrink: 0;
}

.counter-badge .counter-content {
  display: flex;
  align-items: baseline;
  gap: 5px;
  font-family: 'Inter', sans-serif;
}

.counter-badge .counter-number {
  font-size: 18px;
  font-weight: 800;
  color: #fff;
  width: 22px;
  line-height: 1;
  transition: transform 0.3s ease;
  font-family: 'Inter', sans-serif;
}

.counter-badge .counter-label {
  font-size: 13px;
  font-weight: 400;
  color: #fff;
  font-family: 'Inter', sans-serif;
}

/* Green dot with live pulse */
.counter-badge .live-dot-wrapper {
  position: relative;
  width: 14px;
  height: 14px;
}

.counter-badge .live-dot {
  position: absolute;
  inset: 0;
  background: #22c55e;
  border-radius: 50%;
  animation: live-pulse 1.5s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

.counter-badge .live-dot-core {
  position: absolute;
  inset: 2px;
  background: #4ade80;
  border-radius: 50%;
}

@keyframes live-pulse {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }

  50% {
    opacity: 0.6;
    transform: scale(1.4);
  }
}

/* Bounce animation for counter updates */
.bounce-on-change {
  animation: bounce-number 0.4s ease-out;
}

@keyframes bounce-number {
  0%, 100% {
    transform: translateY(0) scale(1);
  }

  50% {
    transform: translateY(-3px) scale(1.08);
  }
}

@media (max-width: 767px) {
  .eyebrow-proof-bar {
    gap: 8px;
    margin-bottom: 30px;
  }

  .counter-badge {
    min-width: 180px;
    height: 36px;
    gap: 4px;
  }

  .counter-badge .fire-icon {
    width: 16px;
    height: 16px;
  }

  .counter-badge .counter-number {
    font-size: 16px;
    width: 20px;
  }

  .counter-badge .counter-label {
    font-size: 12px;
  }

  .counter-badge .live-dot-wrapper {
    width: 12px;
    height: 12px;
  }
}

@media (max-width: 575px) {
  .eyebrow-proof-bar {
    flex-wrap: wrap;
    justify-content: center;
    gap: 6px;
    display: flex;

    max-width: 100%;
    margin: auto;
    margin-bottom: 20px;
  }

  .counter-badge {
    min-width: 170px;
    height: 34px;
    max-width: 170px;
    gap: 4px;
  }

  .counter-badge .fire-icon {
    width: 14px;
    height: 14px;
  }

  .counter-badge .counter-number {
    font-size: 14px;
    width: 17px;
  }


}

/* Value Proposition Pills */
.value-proposition-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 20px;
}

.value-proposition-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #3F5BAE;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid #5E73B5;
  border-radius: 100rem;
  padding: 12px 14px;
  font-size: 13px;
  font-weight: 600;
  color: #fff;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  font-family: 'Inter', sans-serif;
}

.value-proposition-pill:hover {
  background: rgba(255, 255, 255, 0.2);
  transform: translateY(-2px);
}

@media (max-width: 991px) {
  .value-proposition-pills {
    gap: 8px;
  }

  .value-proposition-pill {
    padding: 8px 14px;
    font-size: 13px;
  }
}

@media (max-width: 575px) {
  .value-proposition-pills {
    gap: 12px 9px;
    justify-content: center;
  }

      .value-proposition-pill {
        padding: 10px 15px;
        font-size: 13px;
    }
    section.blue-background {
  background:#f8fafc;
  padding: 40px 0!important;
}
section.white-background {
 
  padding: 60px 0!important;
}
.ctaSectionV2 {
  padding: 60px 0;
}
.vettingWrapper{
  flex-direction: column;
      padding: 40px;
}
.vetting-section .sec-header h2{
  text-align: center;
}
.vetting-section .sec-header .secDesc p {
    text-align: center;
}

.trust-header .secDesc p, .secDesc{
      font-size: 14px;
}
.vetting-pagination{
  display: flex;
}
.vettingStats {
    padding: 40px 0 0;
    margin-top: 0;
}
}
/* Essay Type Section - Service Page */
.essayType-section {
  padding: 70px 0 150px;
}

.essayType-head {
  max-width: 680px;
  width: 100%;
  margin: 0 auto 67px;
}

.essayType-head h2 {
  font-weight: 500;
  font-size: 30px;
  line-height: 130%;
  letter-spacing: 0;
  text-align: center;
  color: #464860;
  margin-bottom: 15px;
}

.essayType-head p {
  font-weight: 450;
  font-size: 16px;
  line-height: 180%;
  letter-spacing: 0;
  text-align: center;
  color: #676767;
}

.essayType-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 25px;
}

.essayType-icon {
  height: 50px;
  justify-content: center;
  display: flex;
}

.essayType-card {
  max-width: 355px;
  width: 100%;
  border: 1px solid #cfdef0;
  border-radius: 15px;
  padding: 30px;
  transition: 0.3s;
  overflow: hidden;
}

.essayType-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: #3179be;
  transform: scaleX(0);
  transition: transform 0.3s;
}

.essayType-card:hover {
  transform: translateY(-6px);
  border: 1px solid #3179be;
  box-shadow: 0 2px 16px 0 #469fdf33;
}

.essayType-card:hover::before {
  transform: scaleX(1);
}

.essayType-icon {
  width: 50px;
  background: #eaf5ff;
  align-items: center;
  border-radius: 10px;
  margin-bottom: 15px;
}

.essayType-card h3 {
  font-weight: 500;
  font-size: 17px;
  line-height: 100%;
  letter-spacing: 0;
  vertical-align: middle;
  color: #231f20;
  margin-bottom: 12px;
}

.essayType-card p {
  font-weight: 450;
  font-size: 14px;
  line-height: 180%;
  letter-spacing: 0.5%;
  color: #7f8b99;
  margin-bottom: 20px;
}

.essayType-span {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 15px;
  border-top: 1px solid #cfdef0;
}

.essayType-span span:first-of-type {
  font-weight: 500;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0;
  vertical-align: middle;
  color: #3179be;
}

.essayType-span span:nth-of-type(2) {
  font-weight: 450;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0;
  text-align: right;
  vertical-align: middle;
  color: #98a9bd;
}

/* ============ Pricing Section ============ */
.pricing-section {
    padding: 90px 0;
    font-family: 'Inter', sans-serif;
}

.pricing-section .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

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

.pricing-header h2 {
    font-family: 'Inter', sans-serif;
    font-size: 3rem;
    font-weight: 800;
    color: #35414B;
    margin-bottom: 16px;
    line-height: 1.2;
}

.pricing-header h2 .gradient-text {
    background: linear-gradient(90deg, #2563eb 0%, #3b82f6 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.pricing-header p {
    font-family: 'Inter', sans-serif;
    font-size: 1.125rem;
    color: #6b7280;
    max-width: 600px;
    margin: 0 auto;
    line-height: 1.6;
}

/* Pricing Table */
.pricing-table {
    background: white;
    border-radius: 24px;
    padding: 32px;
    margin-bottom: 48px;
    box-shadow: 0 10px 40px rgba(30, 64, 175, 0.12);
    border: 2px solid #e5e7eb;
}

.pricing-table h3 {
    font-family: 'Inter', sans-serif;
    font-size: 1.75rem;
    font-weight: 800;
    color: #111827;
    margin-bottom: 24px;
}

.pricing-table table {
    width: 100%;
    border-collapse: collapse;
}

.pricing-table th, .pricing-table table tbody tr:first-child td {
    background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
    padding: 14px;
    text-align: left;
    font-weight: 700;
    color: #1e40af;
    font-size: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-family: 'Inter', sans-serif;
}

.pricing-table td {
    padding: 16px 14px;
    border: 1px solid #e5e7eb;
    font-size: 0.9375rem;
    color: #4b5563;
    font-family: 'Inter', sans-serif;
}

.pricing-table th{
  border: 1px solid #e5e7eb;
}

.pricing-table tbody tr:last-child td {
    border-bottom: none;
}

.pricing-table p {
    font-family: 'Inter', sans-serif;
    font-size: 0.875rem;
    line-height: 1.6;
    color: #6b7280;
    margin: 16px 0 0 0;
    font-style: italic;
}

.essay-type-cell {
    font-weight: 700;
    color: #111827;
}

.price-cell {
    font-weight: 700;
    color: #1e40af;
    font-size: 1.0625rem;
}

/* Options Grid */
.options-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
    margin-bottom: 48px;
}

.option-section {
    background: white;
    border-radius: 24px;
    padding: 32px;
    box-shadow: 0 10px 40px rgba(30, 64, 175, 0.12);
    border: 2px solid #e5e7eb;
}

.option-section h3 {
    font-family: 'Inter', sans-serif;
    font-size: 1.5rem;
    font-weight: 800;
    color: #111827;
    margin-bottom: 20px;
}

.option-card {
    border: 2px solid #e5e7eb;
    border-radius: 14px;
    padding: 20px;
    margin-bottom: 12px;
    background: #f9fafb;
    transition: all 0.3s;
}

.option-card:last-child {
    margin-bottom: 0;
}

.option-card:hover {
    border-color: #3b82f6;
    background: #eff6ff;
    transform: translateY(-2px);
}

.option-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 6px;
}

.option-name {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    color: #111827;
    font-size: 1.0625rem;
}

.option-price {
    font-family: 'Inter', sans-serif;
    font-size: 1rem;
    color: #1e40af;
    font-weight: 700;
}

.option-desc {
    font-family: 'Inter', sans-serif;
    font-size: 0.875rem;
    color: #6b7280;
}

/* Add-ons Section */
.addons-section {
    background: white;
    border-radius: 24px;
    padding: 32px;
    box-shadow: 0 10px 40px rgba(30, 64, 175, 0.12);
    border: 2px solid #e5e7eb;
    margin-bottom: 48px;
}

.addons-section h3 {
    font-family: 'Inter', sans-serif;
    font-size: 1.5rem;
    font-weight: 800;
    color: #111827;
    margin-bottom: 20px;
}

.addon-card {
    border: 2px solid #e5e7eb;
    border-radius: 14px;
    padding: 20px;
    margin-bottom: 12px;
    background: #f9fafb;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: all 0.3s;
}

.addon-card:last-child {
    margin-bottom: 0;
}

.addon-card:hover {
    border-color: #3b82f6;
    background: #eff6ff;
    transform: translateY(-2px);
}

.addon-info h4 {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    color: #111827;
    font-size: 1.0625rem;
    margin-bottom: 4px;
}

.addon-info p {
    font-family: 'Inter', sans-serif;
    font-size: 0.875rem;
    color: #6b7280;
}

.addon-price {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    color: #1e40af;
    font-size: 1.25rem;
}

/* Guarantees Bar */
.guarantees-bar {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.guarantee-item {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: 28px 24px;
    display: flex;
    gap: 16px;
    align-items: start;
    transition: all 0.3s;
}

.guarantee-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}

.pricing-guarantee-icon {
    width: 56px;
    height: 56px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.75rem;
    flex-shrink: 0;
    background: #dbeafe;
}

.guarantee-text h4 {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    color: #0f172a;
    margin-bottom: 6px;
    font-size: 1.0625rem;
    line-height: 1.3;
}

.guarantee-text p {
    font-family: 'Inter', sans-serif;
    font-size: 0.9375rem;
    color: #64748b;
    line-height: 1.5;
}

/* CTA Section */
.pricing-cta-section {
    background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
    border-radius: 24px;
    padding: 48px 32px;
    text-align: center;
    margin-bottom: 48px;
    box-shadow: 0 20px 60px rgba(30, 64, 175, 0.3);
}

.pricing-cta-section h3 {
    font-family: 'Inter', sans-serif;
    font-size: 2rem;
    font-weight: 800;
    color: white;
    margin-bottom: 12px;
}

.pricing-cta-section p {
    font-family: 'Inter', sans-serif;
    font-size: 1.0625rem;
    color: rgba(255, 255, 255, 0.95);
    margin-bottom: 24px;
}

.pricing-cta-button {
    display: inline-block;
    padding: 1.125rem 3rem;
    background: white;
    color: #1e40af;
    font-weight: 800;
    font-size: 1.0625rem;
    border: none;
    border-radius: 14px;
    cursor: pointer;
    text-decoration: none;
    transition: all 0.3s;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
    font-family: 'Inter', sans-serif;
}

.pricing-cta-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.2);
}
@media (max-width: 767px) {
    .pricing-section {
        padding: 60px 0;
    }

    .pricing-section .container {
        padding: 0 16px;
    }

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

    .pricing-header h2 {
        font-size: 2rem;
        line-height: 1.3;
    }

    .pricing-header p {
        font-size: 1rem;
        padding: 0 10px;
    }

    .pricing-table {
        padding: 20px 16px;
        overflow-x: auto;
        margin-bottom: 32px;
        border-radius: 20px;
    }

    .pricing-table h3 {
        font-size: 1.5rem;
        margin-bottom: 20px;
    }

    .pricing-table table {
        min-width: 600px;
    }

    .pricing-table th {
        padding: 12px 10px;
        font-size: 0.8125rem;
    }

    .pricing-table td {
        padding: 14px 10px;
        font-size: 0.875rem;
    }

    .essay-type-cell {
        font-size: 0.875rem;
    }

    .price-cell {
        font-size: 1rem;
    }

    .options-grid {
        margin-bottom: 32px;
    }

    .option-section {
        padding: 24px 20px;
        border-radius: 20px;
    }

    .option-section h3 {
        font-size: 1.375rem;
        margin-bottom: 16px;
    }

    .option-card {
        padding: 16px;
        border-radius: 12px;
        margin-bottom: 10px;
    }

    .option-name {
        font-size: 1rem;
    }

    .option-price {
        font-size: 0.9375rem;
    }

    .option-desc {
        font-size: 0.8125rem;
    }

    .addons-section {
        padding: 24px 20px;
        margin-bottom: 32px;
        border-radius: 20px;
    }

    .addons-section h3 {
        font-size: 1.375rem;
        margin-bottom: 16px;
    }

    .addon-card {
        padding: 16px;
        border-radius: 12px;
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
        margin-bottom: 10px;
    }

    .addon-info h4 {
        font-size: 1rem;
    }

    .addon-info p {
        font-size: 0.8125rem;
    }

    .addon-price {
        font-size: 1.125rem;
    }

    .pricing-cta-section {
        padding: 36px 24px;
        margin-bottom: 32px;
        border-radius: 20px;
    }

    .pricing-cta-section h3 {
        font-size: 1.5rem;
        line-height: 1.3;
    }

    .pricing-cta-section p {
        font-size: 1rem;
    }

    .pricing-cta-button {
        padding: 1rem 2.5rem;
        font-size: 1rem;
        border-radius: 12px;
    }

    .guarantees-bar {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .guarantee-item {
        padding: 20px;
        border-radius: 16px;
    }

    .pricing-guarantee-icon {
        width: 48px;
        height: 48px;
        font-size: 1.5rem;
        border-radius: 10px;
    }

    .guarantee-text h4 {
        font-size: 0.9375rem;
    }

    .guarantee-text p {
        font-size: 0.8125rem;
    }
}

@media (max-width: 575px) {
    .pricing-section {
        padding: 50px 0;
    }

    .pricing-section .container {
        padding: 0 15px;
    }

    .pricing-header {
        margin-bottom: 35px;
    }

    .pricing-header h2 {
        font-size: 1.75rem;
    }

    .pricing-header p {
        font-size: 0.9375rem;
        padding: 0;
    }

    .pricing-table {
        padding: 16px 12px;
        margin-bottom: 28px;
        border-radius: 18px;
    }

    .pricing-table h3 {
        font-size: 1.25rem;
        margin-bottom: 16px;
    }

    .pricing-table table {
        min-width: 550px;
    }

    .pricing-table th {
        padding: 10px 8px;
        font-size: 0.75rem;
    }

    .pricing-table td {
        padding: 12px 8px;
        font-size: 0.8125rem;
    }

    .essay-type-cell {
        font-size: 0.8125rem;
    }

    .price-cell {
        font-size: 0.9375rem;
    }

    .options-grid {
        gap: 20px;
        margin-bottom: 28px;
        grid-template-columns: repeat(1, 1fr);
    }

    .option-section {
        padding: 20px 16px;
        border-radius: 18px;
    }

    .option-section h3 {
        font-size: 1.25rem;
        margin-bottom: 14px;
    }

    .option-card {
        padding: 14px;
        border-radius: 10px;
        margin-bottom: 8px;
    }

    .option-name {
        font-size: 0.9375rem;
    }

    .option-price {
        font-size: 0.875rem;
    }

    .option-desc {
        font-size: 0.75rem;
    }

    .addons-section {
        padding: 20px 16px;
        margin-bottom: 28px;
        border-radius: 18px;
    }

    .addons-section h3 {
        font-size: 1.25rem;
        margin-bottom: 14px;
    }

    .addon-card {
        padding: 14px;
        border-radius: 10px;
        margin-bottom: 8px;
    }

    .addon-info h4 {
        font-size: 0.9375rem;
    }

    .addon-info p {
        font-size: 0.75rem;
    }

    .addon-price {
        font-size: 1rem;
        margin-top: 4px;
    }

    .pricing-cta-section {
        padding: 32px 20px;
        margin-bottom: 28px;
        border-radius: 18px;
    }

    .pricing-cta-section h3 {
        font-size: 1.375rem;
        line-height: 1.3;
        margin-bottom: 10px;
    }

    .pricing-cta-section p {
        font-size: 0.9375rem;
        margin-bottom: 20px;
    }

    .pricing-cta-button {
        padding: 0.9375rem 2rem;
        font-size: 0.9375rem;
        border-radius: 10px;
        width: 100%;
        max-width: 300px;
    }

    .guarantees-bar {
        gap: 14px;
    }

    .guarantee-item {
        padding: 18px 16px;
        border-radius: 14px;
        gap: 14px;
    }

    .pricing-guarantee-icon {
        width: 44px;
        height: 44px;
        font-size: 1.375rem;
        border-radius: 8px;
    }

    .guarantee-text h4 {
        font-size: 0.875rem;
        margin-bottom: 3px;
    }

    .guarantee-text p {
        font-size: 0.75rem;
        line-height: 1.4;
    }
    span.cta-trust-badge {
      min-width: 220px;
    }
}
/* ============ End Pricing Section ============ */
