.bannerGreenBtn .btnText,
.keyOrderBtn {
    line-height: 20px;
    letter-spacing: .03em
}

.actualCost #actualPrice,
.descCta b {
    text-decoration-line: line-through
}

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

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

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

a.styledAnchor {
    color: #3f3f3f;
    font-weight: 500;
    text-decoration: underline
}

.answerInner p a:hover,
.benefit_box span a:hover,
.reviews__Section p a.reviewBtn:hover,
.seoContentCard p a:hover,
a.styledAnchor:hover {
    color: #02c585
}

section.sec_bg {
    padding: 70px 0 !important;
    background-color: #f8fbfa !important
}

section.sec_light {
    padding: 115px 0 !important;
    background-color: #fff !important
}

section.banner__Section {
    padding: 118px 0 107px;
    background-color: #fff;
    position: relative;
    display: flex;
    align-items: center;
    z-index: 1
}

section.banner__Section::before {
    position: absolute;
    content: "";
    width: 305px;
    height: 441px;
    left: 0;
    top: 0;
    background-image: url(/include/newServicePages/images/heroLeftSpirals.webp);
    background-repeat: no-repeat
}

section.banner__Section::after {
    position: absolute;
    content: "";
    max-width: 328px;
    width: 100%;
    max-height: 481px;
    height: 100%;
    right: 0;
    bottom: 0;
    background-image: url(/include/newServicePages/images/heroRightSpirals.webp);
    background-repeat: no-repeat;
    z-index: -1
}

.banner__Wrapper {
    display: flex;
    align-items: center;
    column-gap: 60px
}

.banner__Wrapper .left__Banner {
    max-width: 54.573%;
    width: 100%
}

.banner__Wrapper .right__Banner {
    position: relative;
    width: 100%;
    max-width: 40.6%
}

.banner__Wrapper .left__Banner .sec_head {
    font-family: Inter;
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: 120.19%;
    color: #004b3d;
    padding-bottom: 35px
}

.keyFeaturesRight {
    background-image: url(/include/newServicePages/images/keyFeaturesRightImg.webp);
    background-repeat: no-repeat;
    background-size: contain;
    min-width: 377px;
    height: 378px;
    background-position: top right;
    max-width: 377px
}

.keyFeaturesRight img {
    display: block;
    width: 100%
}

.banner__Wrapper .left__Banner .banner__desc__strong {
    font-weight: 400;
    font-size: 18px;
    line-height: 28.75px;
    color: #3f3f3f;
    margin: 0 0 15px
}

.banner__Wrapper .left__Banner .banner__desc {
    font-weight: 400;
    font-size: 18px;
    line-height: 28.75px;
    color: #3f3f3f;
    margin: 0 0 33px
}

.banner__Wrapper .left__Banner.rw-sentence {
    margin: 0 0 28px;
    text-align: left;
    max-width: 850px;
    width: 100%
}

.banner__Wrapper .left__Banner .bannerBtns {
    max-width: fit-content;
    width: 100%;
    display: flex;
    justify-content: center;
    border-radius: 6px;
    align-items: center;
    background: #02837a;
    transition: .4s;
    overflow: hidden;
    margin-bottom: 10px
}

.freeServiceCtaWrap .rightCol,
.freeServiceCtaWrap .rightCol p,
.reviewBox,
.services,
section.services__Section {
    align-items: center;
    display: flex
}

.banner__Wrapper .left__Banner .bannerBtns .bannerGreenBtn {
    background: #02837a;
    padding: 10px 21px;
    color: #fff;
    position: relative;
    transition: .4s;
    z-index: 0
}

.banner__Wrapper .left__Banner .bannerBtns .bannerGreenBtn:hover,
.exampleViewBtn:hover,
.expertBtns .hireWriter:hover,
.formBtn a:hover,
.keyOrderBtn:hover,
.weCanWriteOrderBTN:hover {
    background-color: #02c585
}

.bannerGreenBtn:hover .btnText {
    color: #fff
}

.bannerGreenBtn .btnText {
    font-weight: 400;
    font-size: 14px;
    color: #fff;
    position: relative;
    z-index: 2
}

.limitedOffer,
.services__Wrapper {
    display: flex
}

.limitedOffer span {
    font-size: 15px;
    line-height: 159.7%
}

.limitedOffer .discount-offer {
    font-weight: 400;
    position: relative;
    padding-right: 29.84px
}

.limitedOffer .discount-offer strong {
    font-weight: 700
}

.limitedOffer .discount-offer::after {
    position: absolute;
    content: url("../images/fire.webp");
    margin-left: 5.84px
}

.limitedOffer .offer-duration {
    color: #e00000;
    font-weight: 500
}

section.services__Section {
    padding: 24px 0;
    background-color: #ecf8f4
}

.services_Main {
    display: flex;
    justify-content: space-between;
    column-gap: 60px;
    width: 100%;
}

.services__Icon {
    margin-right: 14px
}

.services__Info p {
    font-size: 15px;
    font-weight: 400;
    color: #3f3f3f;
    line-height: 19px
}

.services__Info p span {
    font-size: 20px;
    font-weight: 700;
    color: #00483d;
    line-height: 25px
}

section.Value_for_Money__Section {
    padding: 100px 0 70px;
    display: flex;
    align-items: center
}

.Value_for_Money__head,
.common__Challenges__head {
    max-width: 812px;
    width: 100%;
    margin: 0 auto 60px
}

.Value_for_Money__head h2.sec_head,
.common__Challenges__head h2.sec_head {
    font-weight: 700;
    font-size: 30px;
    line-height: 120.187%;
    color: #004b3d;
    text-align: center;
    margin: 0 auto 16px;
}

.valueForMoneyleft p{
    margin-bottom: 28px;
    text-align: left;
    font-weight: 400;
    font-size: 15px;
    line-height: 159.7%;
    color: #3f3f3f
}

.valueForMoneyleft p.outerP{
    text-align: left;
    font-weight: 400;
    font-size: 15px;
    line-height: 159.7%;
    color: #3f3f3f
}

.keyFeatures__head h2.sec_head,
.newFreebies__head h2.sec_head,
.orderStep__head h2.sec_head,
.why__Choose__head h2.sec_head {
    font-weight: 700;
    font-size: 30px;
    line-height: 120.19%;
    margin-bottom: 16px;
    text-align: center
}

.Value_for_Money__Wrapper {
    display: flex;
    column-gap: 32px;
    justify-content: center;
    align-items: center
}

.valueForMoneyleft {
    max-width: 716px;
    width: 100%
}

.valueForMoneyleft p.outerP {
    margin-top: 25px
}

.Value_for_Money__head p,
.why__Choose__head p {
    font-weight: 400;
    font-size: 16px;
    line-height: 159.7%;
    color: #3f3f3f;
    text-align: center
}

div.floatleft {
    display: flex;
    column-gap: 14px;
    padding-bottom: 28px
}

.valueForMoneyRight {
    max-width: 330px;
    width: 100%
}

.benefit_box_wrapper {
    display: flex;
    gap: 20px;
    flex-wrap: wrap
}

.benefit_box {
    padding: 20px;
    border-radius: 18px;
    border: 2px solid #02837a;
    max-width: 340px;
    width: 100%;
    background-color: transparent;
    transition: .3s ease-in !important;
    cursor:default;
    user-select: none;
}
.benefit_box:hover {
    background: #ffffff;
    transform: scale(1.05) !important;
}

.benefit_box h3,
.benefit_box p {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
    color: #004b3d;
    line-height: 150%
}

.newfreeServices:hover {
    border-color: #02837a;
}

.benefit_box span {
    display: block;
    font-size: 14px;
    color: #3f3f3f;
    line-height: 150%
}

.common__Challenges__head p,
.newFreebies__head p {
    font-weight: 400;
    font-size: 16px;
    line-height: 159.7%;
    color: #3f3f3f
}

.benefit_box span a {
    color: #3f3f3f;
    text-decoration: underline;
    font-weight: 500
}

.neewFreebiesHead img:last-child {
    width: 20px;
    height: 20px
}

.newFreebies__head,
.orderStep__head,
.our__Process__head,
.why__Choose__head {
    max-width: 836px;
    width: 100%;
    margin: 0 auto 60px
}

.newFreebies__head h2.sec_head {
    color: #004b3d
}

.center,
.common__Challenges__head p,
.expertHead,
.newFreebies__head p,
.reviewHead,
.seoContentCard th {
    text-align: center
}

section.common__Challenges__Section,
section.weCanWrite__Section {
    padding: 115px 0;
    display: flex;
    align-items: center
}

.common__Challenges__Wrapper {
    display: flex;
    gap: 19px;
    justify-content: center;
    flex-wrap: wrap
}

.commonChallengesBox {
    border-radius: 8px;
    border: 1px solid #d9e4e1;
    background: #fff;
    box-shadow: 1px 1px 11px 0 rgba(224, 224, 224, .25);
    flex-shrink: 0;
    max-width: 377px;
    width: 100%;
    padding: 52px 20px 36px;
    transition: .3s ease-in !important
}

.StepBox.active,
.StepBox:hover,
.commonChallengesBox:hover,
.exampleCard,
.experCard,
.freeServiceCtaWrap,
.otheressay__Card,
.reviewCard {
    box-shadow: 1px 1px 11px rgba(224, 224, 224, .25)
}

.commonChallengesBox:hover {
    border-color: #1bcb91;
    transform: scale(1.05) !important
}

.commonChallengesBox img {
    display: block;
    max-width: 72px;
    width: 100%;
    max-height: 72px;
    height: 100%;
    margin: 0 auto 30px
}

.commonChallenges {
    max-width: 337px;
    width: 100%
}

.commonChallenges h3 {
    color: #02837a;
    font-size: 18px;
    font-weight: 500;
    line-height: 148.187%;
    text-align: center;
    margin-bottom: 12px
}

.commonChallenges p {
    color: #3f3f3f;
    text-align: center;
    font-size: 14px;
    line-height: 148.187%
}

.commonChallegesGetHelpBtn {
    margin-top: 32px
}

.commonChallegesGetHelpBtn .getHelpBtn {
    display: block;
    margin: 0 auto;
    text-align: center;
    max-width: max-content;
    border: 1px solid #02837a;
    border-radius: 6px;
    padding: 15px 48px;
    font-weight: 500;
    font-size: 16px;
    line-height: 164.5%;
    color: #02837a
}

.commonChallegesGetHelpBtn .lg-btn {
    max-width: 301px !important
}

.commonChallegesGetHelpBtn .getHelpBtn:hover {
    background-color: #02837a;
    color: #fff
}

section.our__Process__Section,
section.why__Choose__Section {
    padding: 115px 0 70px;
    display: flex;
    align-items: center
}

.orderStep__head h2.sec_head,
.why__Choose__head h2.sec_head {
    color: #004b3d
}

.our__Process__Wrapper,
.why__Choose__Wrapper {
    display: flex;
    column-gap: 20px;
    justify-content: center;
    flex-wrap: wrap;
    row-gap: 42px
}

.ourProcessBox,
.whyChooseBox {
    display: flex;
    max-width: 473px;
    width: 100%;
    align-items: flex-start
}

.ourProcessBox img,
.whyChooseBox img {
    display: block;
    max-width: 39px;
    width: 100%;
    max-height: 39px;
    height: 100%;
    margin-right: 20px
}

.ourProcessDesc h3,
.ourProcessDesc p,
.whyChooseDesc h3,
.whyChooseDesc p {
    font-weight: 500;
    font-size: 18px;
    line-height: 120.2%;
    color: #000;
    padding-bottom: 12px
}

.ourProcessDesc span,
.whyChooseDesc span {
    font-weight: 400;
    font-size: 15px;
    line-height: 159.7%;
    color: #3f3f3f
}

section.orderStep__Section {
    padding: 115px 0 101px;
    display: flex;
    align-items: center
}

.faq__head p.sec_Sub_Head,
.newFreebiesHead p,
.orderStep__head p,
.serviceSec__head p.sec_Sub_Head {
    font-weight: 400;
    font-size: 16px;
    line-height: 159.7%;
    text-align: center;
    color: #3f3f3f
}

.toOrderWrapper {
    display: flex;
    justify-content: center;
    column-gap: 19px
}

.orderSteps {
    max-width: 449px;
    width: 100%
}

.StepBox {
    padding: 15px;
    background-color: #fff;
    border: 1px solid #d9e4e1;
    border-radius: 6px;
    margin-bottom: 14px;
    align-items: flex-start;
    cursor: pointer
}

.StepBox.active,
.StepBox:hover {
    border: 1px solid #1bcb91
}

.StepBox.active {
    background: linear-gradient(0deg, #f8fbfa, #f8fbfa), radial-gradient(44.43% 44.43% at 50% 55.57%, #33eeb0 0, #1ac08a 100%)
}

.StepBox span {
    color: #000;
    font-weight: 600;
    font-size: 16px;
    line-height: 148.19%
}

.StepBox p,
.keyFeatures__head p {
    font-weight: 400;
    line-height: 159.7%;
    color: #3f3f3f
}

.StepBox.active span,
.serviceItem.active .itemName,
.serviceItem:hover .itemName {
    color: #02837a
}

.StepBox p {
    font-size: 14px;
    padding-top: 12px
}

.orderStepImgs {
    max-width: 558px;
    width: 100%;
    min-height: 490px;
    height: 100%
}

section.faq__Section,
section.keyFeatures__Section {
    padding: 70px 0;
    display: flex;
    align-items: center
}

.keyFeatures__head {
    max-width: 847px;
    width: 100%;
    margin: 0 auto
}

.keyFeatures__head h2.sec_head {
    color: #004b3d
}

.keyFeatures__head p {
    font-size: 16px;
    text-align: center
}

.keyFeaturesWrapper {
    display: flex;
    justify-content: center;
    column-gap: 20px;
    padding: 44px 0 0;
    align-items: flex-start
}

.keyFeaturesLeft {
    display: flex;
    column-gap: 19px;
    row-gap: 19px;
    width: 100%;
    align-items: flex-start;
    justify-content: center
}

.keyFeaturesLeft .col-cstm {
    max-width: 377px;
    width: 100%
}

.keyFeatures-card {
    background: 0 0;
    border: 1px solid #d9e4e1;
    border-radius: 6px;
    max-width: 578px;
    width: 100%;
    margin-bottom: 19px
}

.faq-card:hover,
.keyFeatures-card.show,
.keyFeatures-card:hover {
    border: 1px solid #02837a
}

.keyFeatures-accord-card-head {
    display: flex;
    justify-content: space-between;
    padding: 14px;
    cursor: pointer
}

.keyFeatures-accord-card-head h3 {
    font-weight: 500;
    font-size: 18px;
    line-height: 148.19%;
    color: #3f3f3f;
    padding-right: 13px;
    position: relative;
    padding-left: 21px;
    margin-left: 26px
}

.keyFeatures-accord-card-head h3::before {
    content: "";
    display: block;
    position: absolute;
    left: -25px;
    top: 13px;
    transform: translateY(-50%);
    width: 32px;
    height: 32px;
    background-image: url(../images/copywriting.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.faq-card:hover .faq-accord-card-head h3,
.keyFeatures-card.show .keyFeatures-accord-card-head h3,
.keyFeatures-card:hover .keyFeatures-accord-card-head h3 {
    color: #02837a;
    fill: #02837a
}

.keyFeatures-icon {
    display: flex;
    width: 13px;
    height: 13px;
    background: url(../images/plus.svg) 0 0/contain;
    flex: 0 0 13px
}

.keyFeatures-card.show .keyFeatures-icon,
.keyFeatures-card:hover .keyFeatures-icon {
    background: url(../images/plusGreen.svg) 0 0/contain
}

.faq-card.show .faq-accord-card-head .faq-icon,
.keyFeatures-card.show .keyFeatures-accord-card-head .keyFeatures-icon {
    transform: rotate(135deg)
}

.keyFeatures-accord-card-body {
    padding: 8px 20px 14px
}

.keyOrderBtn,
.newColoredCtaSection .newCtaOrderBtn,
.writing__service .writing__service__btn {
    padding: 15px 45px;
    max-width: max-content;
    display: block
}

.keyFeatures-accord-card-body p {
    font-weight: 400;
    font-size: 15px;
    line-height: 148.19%;
    color: #3f3f3f
}

.keyOrderBtn,
.writing__service h2 {
    font-weight: 700;
    text-align: center
}

.keyOrderBtn {
    background-color: #02837a;
    border-radius: 6px;
    font-size: 16px;
    color: #fff;
    margin: 32px auto 0;
    width: 100%
}

.writing__service {
    padding-bottom: 60px;
    padding-top: 60px
}

.writing__service h2 {
    font-size: 30px;
    line-height: 120.19%;
    text-transform: capitalize;
    color: #004b3d;
    margin-bottom: 40px
}

.writing__service p {
    font-weight: 400;
    font-size: 15px;
    line-height: 159.7%;
    text-align: left;
    color: #3f3f3f;
    padding-bottom: 15px;
    max-width: 75%;
    width: 100%;
    margin: 0 auto
}

.writing__service .writing__service__btn {
    margin: 30px auto 0;
    text-align: center;
    border: 1px solid #02837a;
    border-radius: 6px;
    font-weight: 500;
    font-size: 16px;
    line-height: 164.5%;
    color: #02837a
}

.expertWritersBtn .writerBtn:hover,
.writing__service .writing__service__btn:hover {
    background-color: #02837a;
    color: #fff
}

.answerInner p a,
.reviews__Section p a.reviewBtn,
.seoContentCard p a,
.writing__service p a {
    color: #3f3f3f;
    font-weight: 500;
    text-decoration: underline
}

.newColoredCtaSection {
    padding: 100px 0;
    background: radial-gradient(100% 100% at 50% 0, #02c585 0, #02ab81 60.8%, #02837a 100%), linear-gradient(0deg, #d4dde5, #d4dde5)
}

.newColoredCtaSection h2 {
    font-weight: 700;
    font-size: 30px;
    line-height: 120.19%;
    text-align: center;
    text-transform: capitalize;
    color: #fff;
    margin-bottom: 16px
}

.newColoredCtaSection p {
    font-weight: 400;
    font-size: 18px;
    line-height: 159.7%;
    color: #fff;
    padding-bottom: 15px;
    text-align: center
}

.newColoredCtaSection .newCtaOrderBtn {
    background: #fff;
    border-radius: 6px;
    font-weight: 600;
    font-size: 18px;
    line-height: 20px;
    letter-spacing: .03em;
    color: #02837a;
    transition: .3s;
    margin: 30px auto 0;
    text-align: center
}

.ctaButton:hover,
.newColoredCtaSection .newCtaOrderBtn:hover,
.orderNowBtn:hover {
    transform: scale(1.1)
}

.pricingCalculator {
    max-width: 377px;
    width: 100%;
    background-color: #fff;
    border: 1px solid #d9e4e1;
    position: relative
}
.pricingCalculator:hover {
    border-color: #02837a;
}

.pricingCalculator::after {
    position: absolute;
    content: "";
    width: 52px;
    height: 62px;
    top: -1px;
    right: -2px;
    background-image: url(../images/calcBorderRect.webp)
}

.priceHead {
    padding: 27px 0 0
}

.priceHead p {
    font-weight: 700;
    font-size: 18px;
    line-height: 135.5%;
    color: #004b3d;
    text-align: center
}

.priceForm {
    padding: 20px 22px
}

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

.formFields input,
.formFields select {
    -webkit-appearance: none;
    appearance: none;
    background: #fcfffd;
    border: 1px solid #d9e4e1;
    border-radius: 6px;
    padding: 14px;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    display: flex;
    align-items: center;
    color: #6a6a6a;
    width: 100%;
    cursor: pointer;
    height: 40px;
    outline: 0
}

.formFields .myDate {
    background-image: url(../images/calender.svg) !important;
    background-color: #fcfffd;
    -webkit-appearance: none;
    appearance: none;
    background-repeat: no-repeat;
    background-position: 97%;
    color: #adadad
}

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

.formFields.select:before {
    position: absolute;
    content: "";
    width: 18px;
    height: 18px;
    background-image: url(../images/cost-arrow-down.png);
    z-index: 1;
    right: 14px;
    top: 13px;
    pointer-events: none
}

.formFields option {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #02837a;
    background-color: #f3faf5;
    border: 1px solid #e7eef9;
    outline: 0;
    padding: 5px 10px !important;
    text-indent: 5em;
    height: 40px;
    border-radius: 5px
}

.formFields option:checked {
    font-weight: 400;
    color: #fff;
    background-color: #02837a
}

.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle
}

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

.calenderIcon {
    position: absolute;
    top: 52%;
    display: flex;
    transform: translateY(-50%);
    left: 16px
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #f8fbfa !important;
    color: #02837a !important
}

.select2-container--default .select2-results__option--selected,
.select2-container--default .select2-results__option--selected.select2-results__option--highlighted {
    background-color: #02837a !important;
    color: #fff !important;
    padding: 12px
}

.select2-results__option {
    padding: 12px !important;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 164.5%;
    color: #373737
}

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

.select2-container--default .select2-results>.select2-results__options {
    background-color: #fff;
    border: 1px solid #d9e4e1;
    box-shadow: 1px 1px 11px rgba(224, 224, 224, .25);
    border-radius: 4px
}

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

.select2-container--default .select2-search--dropdown .select2-search__field {
    font-weight: 450;
    display: flex;
    align-items: center;
    border: 1.01996px solid #02837a;
    background: url(../images/search-icon-select.svg) 95% 50% no-repeat #fcfffd;
    box-shadow: -1px 1px 6px rgb(76 174 255 / 20%);
    border-radius: 6px;
    height: 46px;
    position: absolute;
    top: -46px;
    width: 100%;
    left: 0;
    padding: 0 15px;
    font-style: normal;
    font-weight: 450;
    font-size: 14px;
    line-height: 18px;
    display: flex;
    align-items: center;
    color: #000;
    outline: 0
}

.select2-results__options::-webkit-scrollbar {
    display: none
}

.select2-container--default .select2-results__option--disabled,
.select2-selection__arrow {
    display: none
}

.priceForm .select2-container--default .select2-selection--single {
    background-color: #fcfffd !important;
    border: 1px solid #d9e4e1;
    max-height: 40px;
    min-height: 40px;
    padding: 13px 14px;

}


.priceForm .pagesSelect .select2-container--default .select2-selection--single {
    max-width: calc(100% - 78px );
    width: 100%;
    margin: 0 auto;
    border-radius: 0px;
}
.priceForm .select2-container--default .select2-selection--single:hover,
.formFields .myDate:hover{
    border-color:#02837a;
}

.priceForm .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 1;
    display: flex;
    align-items: center;
    color: #6a6a6a;
    padding-left: 0;
    padding-right: 0;
    height: 15px
}

.priceForm .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #6a6a6a
}

.priceForm .pagesSelect .selection .select2-selection--single .select2-selection__rendered {
    color: #adadad;
    text-align: center;
    display: block;
    height: 15px
}

.priceForm .select2-valid .selection .select2-selection--single .select2-selection__rendered,
.priceForm .selectedOption .selection .select2-selection--single .select2-selection__rendered {
    color: #373737
}

.select-pages {
    width: 100%;
    position: relative
}

.select-pages #minus,
.select-pages #plus {
    position: absolute;
    color: #fff;
    font-size: 24.5px;
    width: 39px;
    height: 40px;
    text-align: center;
    background-color: #02837a;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    cursor: pointer
}
.select-pages #plus:hover{
    background-color: #02c585;
}

.select-pages #minus {
    background: #e7eef9;
    color: #9db9db;
    border: .860307px solid #e7eef9;
    border-left: 0;
    z-index: 1;
    left: 1px;
}

.select-pages #minus.minusbg {
    color: #fff;
    background-color: #02837a
}
.select-pages #minus.minusbg:hover {
    background-color: #02c585;
}

#plus {
    right: 1px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px
}

#minus {
    left: 1px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px
}

.formBtn a {
    border-radius: 5px;
    background-color: #02837a;
    display: block;
    padding: 9px 0;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    color: #fff;
    text-align: center;
    margin-top: 18px;
    cursor: pointer
}

.priceBar {
    padding: 9px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f3faf5;
    width: calc(100% + 42px);
    transform: translateX(-20px);
}

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

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

.actualCost .discountOff span {
    font-weight: 500;
    font-size: 16px;
    line-height: 165%;
    color: #3f3f3f;
    /* animation: 1s infinite blink */
}

@keyframes blink {
    0%,
    100% {
        opacity: 0
    }
    100%,
    50% {
        opacity: 1
    }
}

.actualCost #actualPrice {
    font-weight: 400;
    font-size: 13px;
    line-height: 165%;
    text-align: center;
    color: #213d56;
    display: block;
    text-decoration-color: #e60202
}

.discountedCost span {
    font-weight: 700;
    font-size: 17px;
    line-height: 165%;
    text-align: center;
    color: #3f3f3f;
    display: flex
}

.dynamicPrice {
    font-weight: 700 !important
}

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

.freeServiceCta {
    padding: 115px 0
}

.freeServiceCtaWrap {
    display: flex;
    align-items: center;
    border: .7px solid #d9e4e1;
    border-radius: 12px
}

.freeServiceCtaWrap .leftCol {
    padding: 64px 33px;
    background-image: url(../images/freeCTABG.webp);
    max-width: 485px;
    width: 100%;
    background-position: center right;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    border-radius: 12px
}

.freeServiceCtaWrap .headCta {
    font-style: normal;
    font-weight: 600;
    font-size: 30px;
    line-height: 142.5%;
    text-align: center;
    color: #fff
}

.freeServiceCtaWrap .descCta {
    font-style: normal;
    font-weight: 300;
    font-size: 17px;
    line-height: 150%;
    padding-top: 4px;
    color: #fff;
    padding-bottom: 28px;
    text-align: center
}

.freeServiceCtaWrap a.orderNowBtn {
    background: #fff;
    border-radius: 6px;
    padding: 18px 55px;
    font-weight: 600;
    font-size: 18px;
    line-height: 20px;
    letter-spacing: .03em;
    color: #02837a;
    transition: .3s;
    display: inline-block
}

.enomicsItem p::before,
.serviceName p::before {
    background-size: cover;
    background-repeat: no-repeat;
    left: 0;
    content: ""
}

.freeServiceCtaWrap .rightCol {
    gap: 19px 56px;
    flex-wrap: wrap;
    padding-left: 28px
}

.freeServiceCtaWrap .rightCol p {
    position: relative;
    justify-content: space-between;
    max-width: 50%;
    width: 100%;
    flex-wrap: wrap;
    flex: 0 0 39.167%;
    padding-bottom: 11px;
    border-bottom: .7px solid #d9e4e161
}

.freeServiceCtaWrap .labelTitle,
.left__Col .labelTitle {
    position: relative;
    font-weight: 500;
    font-size: 16px;
    line-height: 142.5%;
    color: #3f3f3f
}

.freeText,
.left__Col .freeText {
    font-weight: 700;
    font-size: 15px;
    line-height: 142.5%;
    text-align: center;
    color: #b01212
}

.includeService {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 17px
}

.includeService:first-child {
    padding-top: 40px
}

.includeService:last-child {
    padding-bottom: 30px
}

.serviceName p {
    font-weight: 400;
    font-size: 14px;
    line-height: 142.5%;
    color: #3f3f3f;
    position: relative;
    padding-left: 26px
}

.serviceName p::before {
    position: absolute;
    width: 16px;
    height: 14px;
    background-image: url(../images/underlineTick.svg);
    top: 0
}

section.writers__Section {
    padding: 62px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden
}

.slider-container {
    position: relative;
    width: 100%;
    overflow: hidden;
    user-select: none
}

.slider-wrapper,
.slider-wrappers {
    width: calc(100% * 3 / 3);
    display: flex;
    transition: transform .5s;
    column-gap: 15px;
    padding-bottom: 25px
}

.slider-wrapper::-webkit-scrollbar {
    display: none
}

.slider-slide {
    flex: 0 0 calc(100% / 3.1);
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.slider-controls {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%)
}

.examplesWrapperMain,
.expertsWrapper,
.otheressays__Section_wrap,
.reviewsWrapperMain,
.writersWrapper {
    position: relative;
    cursor: pointer;
}

.slider-pagination,
.slider-paginations {
    display: flex;
    justify-content: center;
    margin-top: 10px
}

.slider-pagination span,
.slider-paginations span {
    width: 12px;
    height: 12px;
    padding: 5px;
    background-color: rgba(2, 197, 133, .17);
    border: none;
    border-radius: 50%;
    font-size: 0px;
    margin: 0 5px
}

.experCard,
.faq-card {
    border: 1px solid #d9e4e1
}

.slider-pagination span.active,
.slider-paginations span.active {
    background-color: #02c585;
    color: #282bcc
}

.newFreebies h2.sec_head,
.weCanWrite__head h2.sec_head,
.writers__head h2.sec_head {
    font-size: 30px;
    line-height: 120.19%;
    color: #004b3d;
    text-align: center;
    margin-bottom: 16px
}

.writers__head {
    max-width: 851px;
    width: 100%;
    margin: 0 auto 48px
}

.writers__head h2.sec_head {
    font-weight: 700
}

.writers__head p {
    font-weight: 400;
    font-size: 16px;
    line-height: 159.7%;
    color: #3f3f3f;
    text-align: center
}

.enomicsItem p strong,
.expertRaing p {
    font-size: 18px
}

.expertsWrapper {
    margin-bottom: 20px
}

.expertsSwiper {
    max-width: 1170px;
    width: 100%;
    margin: 0 auto
}

.experCard {
    max-width: 377px;
    width: 100%;
    padding: 57px 26px 40px;
    margin: 0 auto;
    background: #fff;
    border-radius: 8px;
    min-height: 413px
}

.exampleCard:hover,
.experCard:hover,
.serviceItem.active,
.serviceItem:hover,
.serviceItem:hover .itemBox {
    border-color: #02c585
}

.examplesSwiper .swiper-slide,
.expertsSwiper .swiper-slide,
.reviewsSwiper .swiper-slide {
    padding: 12px 0
}

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

.expertRaing img {
    width: 87px;
    height: 15px;
    margin: unset
}

.expertHead .expertName {
    font-weight: 700;
    font-size: 21px;
    line-height: 164.5%;
    color: #000;
    padding-top: 12px;
    text-align: center
}

.expertBtns .aboutWriter,
.expertBtns .hireWriter {
    padding: 10px 0;
    width: 100%;
    display: block;
    text-align: center;
    cursor: pointer
}

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

.expertRaing p {
    font-family: Inter;
    font-style: normal;
    font-weight: 700;
    line-height: 108.5%;
    color: #2c2c2c;
    padding-right: 6px
}

.expertRaing svg,
.newFreebiesLeft img {
    display: block
}

.expertRaing span {
    display: block;
    font-family: Inter;
    font-style: normal;
    font-weight: 300;
    font-size: 12px;
    line-height: 164.5%;
    color: #6a6a6a;
    padding-left: 3px
}

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

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

.expertise {
    min-height: 45.91px
}

.expertBody p {
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 164.5%;
    color: #3f3f3f;
    min-width: 98px
}

.expertBody span,
.expertBtns .aboutWriter {
    color: #6a6a6a;
    font-weight: 400;
    font-size: 14px
}

.expertBody span {
    font-family: Inter;
    font-style: normal;
    line-height: 159.7%;
    min-height: 45px
}

.expertise span {
    min-height: 67px
}

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

.expertBtns .aboutWriter {
    background: #fff;
    border: .881499px solid rgba(217, 228, 225, .7);
    border-radius: 3.526px;
    max-width: 153px;
    line-height: 164.5%
}

.expertBtns .aboutWriter:hover {
    border-color: #02837a;
    color: #02837a
}

.expertBtns .hireWriter {
    background: #02837a;
    border-radius: 3.526px;
    font-weight: 400;
    font-size: 14px;
    line-height: 164.5%;
    color: #fff;
    max-width: 140px
}

.expertControls {
    left: 96% !important;
    display: flex;
    height: 40px;
    position: absolute;
    width: 6.11%;
    top: 16px;
    right: 46px
}

.exampleControls .swiper-button-next svg path,
.exampleControls .swiper-button-prev svg path,
.expertControls .swiper-button-next svg path,
.expertControls .swiper-button-prev svg path,
.otheressaysControls .swiper-button-next svg path,
.otheressaysControls .swiper-button-prev svg path,
.reviewControls .swiper-button-next svg path,
.reviewControls .swiper-button-prev svg path,
svg.filled path {
    fill: #02837a
}

.exampleControls .swiper-button-next,
.exampleControls .swiper-button-prev,
.expertControls .swiper-button-next,
.expertControls .swiper-button-prev,
.otheressaysControls .swiper-button-next,
.otheressaysControls .swiper-button-prev,
.reviewControls .swiper-button-next,
.reviewControls .swiper-button-prev {
    transition: .1s ease-in;
    cursor: pointer
}

.exampleControls .swiper-button-next:hover,
.exampleControls .swiper-button-prev:hover,
.expertControls .swiper-button-next:hover,
.expertControls .swiper-button-prev:hover,
.otheressaysControls .swiper-button-next:hover,
.otheressaysControls .swiper-button-prev:hover,
.reviewControls .swiper-button-next:hover,
.reviewControls .swiper-button-prev:hover {
    transform: scale(1.2)
}

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

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

.expertWritersBtn .writerBtn {
    display: block;
    margin: 0 auto;
    text-align: center;
    max-width: max-content;
    border: 1px solid #02837a;
    border-radius: 6px;
    padding: 15px 45px;
    font-weight: 500;
    font-size: 16px;
    line-height: 164.5%;
    color: #02837a
}

.dis-none,
.experts-pagination,
.reviews-pagination,
.serviceACord-icon,
.show-on-mobile,
.swiper-button-next:after,
.swiper-button-prev:after {
    display: none
}

.examples-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active,
.experts-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active,
.otheressays-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active,
.reviews-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #02837a
}

.weCanWrite__head {
    max-width: 712px;
    width: 100%;
    margin: 0 auto 60px
}

.newFreebies h2.sec_head,
.weCanWrite__head h2.sec_head {
    font-weight: 700
}

.enomicsItem p,
.weCanWrite__Section p.ecoDesc,
.weCanWrite__head p.sec_Sub_Head {
    font-weight: 400;
    color: #3f3f3f;
    font-size: 16px
}

.faq__head h2.sec_head,
.our__Process__head h2.sec_head,
.reviews__head h2.sec_head {
    font-weight: 700;
    font-size: 30px;
    color: #004b3d;
    text-align: center
}

.weCanWrite__head p.sec_Sub_Head {
    line-height: 159.7%;
    text-align: center
}

.ecnomicsWrapper {
    max-width: 100%;
    width: 100%;
    margin: 0 auto 22px;
    display: flex;
    flex-wrap: wrap;
    column-gap: 84px
}

.justify_center {
    justify-content: center
}

.ecnomicsWrapper .cstm-col {
    row-gap: 18px;
    display: flex;
    flex-direction: column
}

.enomicsItem {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    column-gap: 14px;
    max-width: 358px;
    width: 100%
}

.enomicsItem p {
    line-height: 142.5%;
    position: relative;
    padding-left: 32px
}

.enomicsItem p::before {
    background-image: url(../images/graduateCap.svg);
    width: 20px;
    height: 21px;
    position: absolute;
    top: 2px
}

.enomicsItem p:last-child {
    padding-top: 6px;
    font-size: 15px;
}

.enomicsItem p:last-child::before {
    background-image: unset
}

.weCanWrite__Section p.ecoDesc {
    line-height: 150%;
    text-align: center;
    max-width: 836px;
    width: 100%;
    margin: 0 auto
}

.weCanWriteOrderBTN {
    background-color: #02837a;
    border-radius: 6px;
    text-align: center;
    padding: 18px 45px;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: .03em;
    color: #fff;
    display: block;
    margin: 32px auto 0;
    max-width: max-content;
    width: 100%
}

.our__Process__head h2.sec_head {
    line-height: 120.19%
}

.faq__head,
.serviceSec__head {
    max-width: 100%;
    width: 100%;
    margin: 0 auto 60px
}

.faq__head h2.sec_head {
    line-height: 150%;
    margin-bottom: 16px
}

.faqWraper {
    display: flex;
    column-gap: 20px;
    width: 100%;
    align-items: self-start
}

.faqWraper .col-cstm {
    max-width: 575px;
    width: 100%;
    display: flex;
    flex-direction: column;
    row-gap: 14px
}

.faq-card {
    background: #fff;
    border-radius: 12.341px;
    max-width: 575px;
    width: 100%
}

.faq-accord-card-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 17px 18px 18px;
    cursor: pointer
}

.faq-card.show .faq-accord-card-head {
    border-bottom: 1px solid #d9e4e1
}

.faq-accord-card-head h3 {
    font-weight: 500;
    font-size: 18px;
    line-height: 164.5%;
    color: #3f3f3f;
    padding-right: 25px
}

.faq-card.show .faq-accord-card-head h3 {
    color: #004b3d;
    fill: #004b3d
}

.faq-icon {
    display: flex;
    width: 18px;
    height: 18px;
    background: url(../images/faqPlus.svg);
    flex: 0 0 18px
}

.faq-accord-card-body {
    padding: 18px
}

.faq-accord-card-body p,
.faq-accord-card-body ul li {
    font-weight: 400;
    font-size: 15px;
    line-height: 164.5%;
    color: #5e5e5e
}

.answerInner ul {
    padding-left: 17px
}

section.reviews__Section {
    padding: 115px 0 83px;
    display: flex;
    align-items: center
}

.exampleCard,
.reviewCard {
    background: #fff;
    border: 1px solid #d9e4e1;
    flex-direction: column
}

.swiper-button-next img,
.swiper-button-prev img {
    width: 28px;
    height: 28px
}

.controltop {
    top: 40px !important
}

.reviews__head {
    max-width: 973px;
    width: 100%;
    margin: 0 auto 48px
}

.reviews__head h2.sec_head {
    line-height: 120.19%;
    margin-bottom: 16px
}

.reviewBody p,
.reviews__Section p.reviewsReadMore,
.reviews__head p.sec_Sub_Head {
    font-weight: 400;
    color: #3f3f3f;
    text-align: center
}

.reviews__head p.sec_Sub_Head {
    font-size: 16px;
    line-height: 120.19%
}

.reviewsWrapper {
    margin-bottom: 32px
}

.reviewsSwiper {
    max-width: 1088px;
    width: 100%;
    margin: 0 auto
}

.reviewCard {
    max-width: 350px;
    width: 100%;
    padding: 45px 28px 31px;
    margin: 0 auto;
    min-height: 388px;
    position: relative;
    display: flex;
    justify-content: space-between
}

.reviewCard::before {
    position: absolute;
    content: "";
    width: 38px;
    height: 45px;
    top: -1px;
    left: -1px;
    background-color: #fff;
    background-image: url(../images/reviewsBorderRect2.webp)
}

.reviewCard:hover,
.seoContent:hover {
    border-color: #02837a
}

.reviewCard .reviewHead .headTitle {
    font-weight: 600;
    font-size: 18px;
    line-height: 159.7%;
    color: #000
}

.reviewBody p {
    font-size: 15px;
    line-height: 159.7%
}

.reviewHead .reviewBody {
    padding-top: 28px
}

.reviewStars {
    display: block;
    margin: 0 auto
}

.exampleStars .stars-container,
.stars-container {
    display: inline-block
}

.reviewStars .star-icon {
    color: #dadada;
    font-size: 21.59px;
    vertical-align: middle
}

.reviewStars .star-icon.filled {
    color: #a4f06c
}

.exampleControls,
.otheressaysControls,
.reviewControls {
    position: absolute;
    width: 6.11%;
    top: 16px;
    right: 46px
}

.reviews__Section p.reviewsReadMore {
    font-size: 14px;
    line-height: 159.7%;
    margin-top: 20px
}

section.examples__Section {
    padding: 115px 0 96px;
    display: flex;
    align-items: center
}

.examples__head {
    max-width: 973px;
    width: 100%;
    margin: 0 auto 60px
}

.examples__head h2.sec_head {
    font-weight: 700;
    font-size: 30px;
    line-height: 120.19%;
    text-align: center;
    text-transform: capitalize;
    color: #004b3d;
    margin-bottom: 16px
}

.examples__head p.sec_Sub_Head {
    font-weight: 400;
    font-size: 16px;
    line-height: 120.19%;
    text-align: center;
    color: #3f3f3f
}

.examplesWrapper {
    position: relative;
    margin-bottom: 32px
}

.examplesSwiper {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto
}

.exampleCard {
    max-width: 377px;
    width: 100%;
    padding: 64px 19px 36px 17px;
    margin: 0 auto;
    border-radius: 10px;
    min-height: 449px;
    position: relative;
    display: flex;
    justify-content: space-between
}

.exampleCard .exampleHead h3 {
    font-weight: 600;
    font-size: 18px;
    line-height: 148.19%;
    color: #000
}

.exampleStars {
    display: block;
    margin: 10px auto
}

.exampleStars .star-icon {
    color: #dadada;
    height: 15px;
    font-size: 18px;
    vertical-align: middle
}

.exampleStars .star-icon.filled {
    color: #fd8c04
}

.exampleBody {
    display: flex;
    flex-direction: column;
    row-gap: 12px
}

.exampleBody span {
    font-weight: 400;
    font-size: 14px;
    line-height: 159.7%;
    color: #3f3f3f
}

.exampleViewBtn {
    background-color: #02837a;
    border-radius: 6px;
    text-align: center;
    padding: 11px 56px;
    font-weight: 500;
    font-size: 14px;
    line-height: 164.5%;
    color: #fff
}

section.otheressays__Section {
    padding: 115px 0 95px;
    display: flex;
    align-items: center;
    position: relative
}

.otheressays__head {
    max-width: 973px;
    width: 100%;
    margin: 0 auto 40px
}

.otheressays__head h2.sec_head {
    font-weight: 700;
    font-size: 30px;
    line-height: 120.19%;
    text-align: center;
    text-transform: capitalize;
    color: #004b3d;
    margin-bottom: 16px
}

.otheressays__head p.sec_Sub_Head {
    font-weight: 400;
    font-size: 16px;
    line-height: 120.19%;
    text-align: center;
    color: #3f3f3f
}

.otheressaysSwiper {
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    column-gap: 15px;
    row-gap: 30px;
    justify-content: space-between;
    overflow-x: scroll;
    padding: 20px;
    /* scrollbar-width: none; */
    -ms-overflow-style: none
}

.otheressaysSwiper::-webkit-scrollbar {
    height: 3px
}

.otheressaysSwiper::-webkit-scrollbar-track {
    background-color: #f1f1f1
}

.otheressaysSwiper::-webkit-scrollbar-thumb {
    background-color: #02837a;
    border-radius: 4px
}

.otheressay__Card__Wrap {
    max-width: 24%;
    width: 100%;
    flex: 0 0 24%
}

.otheressay__Card {
    background: #fff;
    border: 1px solid #d9e4e1;
    border-radius: 6px;
    padding: 49px 20px 41px;
    min-width: 280px;
    width: 100%;
    transition: .3s ease-in
}

.scrollBtm,
.scrollTop {
    left: auto;
    width: 69px;
    height: 69px;
    border-radius: 50%;
    box-shadow: inset 0 0 0 1px #c8d9ee;
    color: #c8d9ee;
    cursor: pointer;
    right: 0
}

.otheressay__Card:hover {
    border-color: #02837a;
    transform: scale(1.05)
}

.otheressayBody p {
    font-weight: 500;
    font-size: 24px;
    line-height: 30.43px;
    color: #3f3f3f
}

.otheressayBody p strong {
    font-weight: 700;
    font-size: 28px;
    line-height: 36px;
    color: #3f3f3f
}

.otheressayBody {
    padding-top: 14px
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: -32px !important
}

section.seoContent__Section {
    padding: 50px 0;
    display: flex;
    align-items: center
}

.seoContentWrapper {
    position: relative;
    display: flex;
    align-items: center;
    column-gap: 43px
}

.seoContentControls {
    position: relative;
    display: flex;
    flex-direction: column;
    row-gap: 30px
}

.scrollTop {
    top: 40px;
    bottom: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-transition: 250ms ease-in-out;
    transition: 250ms ease-in-out
}

.ctaWrapper,
.scrollBtm {
    display: flex;
    align-items: center
}

.scrollBtm svg {
    transform: rotate(180deg)
}

.scrollBtm {
    bottom: 40px;
    top: auto;
    justify-content: center;
    transition: 250ms ease-in-out
}

.scrollBtm.scroll-disable,
.scrollTop.scroll-disable {
    pointer-events: none !important
}

.seoContentCard ul {
    padding-left: 40px
}

.seoContentCard .responsive {
    overflow-x: auto;
    margin: 0 auto 15px
}

.seoContentCard table {
    border-collapse: collapse;
    border: 1px solid #000;
    margin: 20px auto
}

.seoContentCard td,
.seoContentCard th {
    border: 1px solid #000;
    padding: 10px
}

.seoContentCard td p {
    padding-bottom: 0
}

.seoContentCard td {
    padding: 10px
}

.seoContentCard p {
    margin: 0
}

.seoContentCard h2,
.seoContentCard h3 {
    font-weight: 700;
    text-align: left;
    color: #004b3d;
    margin-bottom: 16px
}

div#scrollBottom:hover,
div#scrollBtm:hover {
    background: #02c585;
    color: #fff !important
}

div#scrollBottom:hover svg path,
div#scrollBtm:hover svg path {
    fill: #ffffff !important
}

.seoContent {
    background-color: #fff;
    width: 96%;
    max-height: 345px;
    padding: 36px 34px 46px;
    border: 1px solid #c8d9ee;
    border-radius: 20px;
    overflow-y: scroll;
    scrollbar-width: thin;
    scrollbar-color: transparent transparent
}

.seoContent::-webkit-scrollbar {
    width: 0;
    background: 0 0
}

.seoContent::-webkit-scrollbar-thumb {
    background-color: transparent
}

.seoContent::-ms-scrollbar {
    width: 0;
    background: 0 0
}

.seoContentCard h2 {
    font-size: 30px;
    line-height: 150%
}

.seoContentCard h3 {
    font-size: 27px;
    line-height: 120.19%
}

.seoContentCard li,
.seoContentCard p {
    font-weight: 400;
    font-size: 15px;
    line-height: 159.7%;
    text-align: justify;
    color: #3f3f3f;
    padding-bottom: 15px
}

.ctaContent .withhead p,
.ctaContent h2 {
    font-weight: 600;
    line-height: 142.5%;
    text-align: left;
    color: #fff;
    margin-bottom: 3px;
    text-transform: capitalize
}

.ctaSection {
    padding: 70px 0
}

.ctaWrapper {
    position: relative;
    border-radius: 15px;
    column-gap: 42px;
    padding: 39px 85px;
    background: radial-gradient(100% 100% at 50% 0, #02c585 0, #02ab81 60.8%, #02837a 100%), linear-gradient(0deg, #d4dde5, #d4dde5)
}

.ctaIcon img {
    display: block;
    width: 120px;
    height: 120px
}

.orderStepImgs img {
    width: 100%;
    height: 100%;
    display: block
}

.ctaContent.withhead {
    padding: 9px 0 9px 42px;
    position: relative;
    z-index: 2;
    border-left: 2px solid rgba(255, 255, 255, .2)
}

.ctaContent .withhead p {
    font-size: 24px;
    padding-bottom: 0
}

.ctaContent h2 {
    font-size: 30px
}

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

.ctaButton {
    display: block;
    background-color: #fff;
    border-radius: 3px;
    max-width: max-content;
    width: 100%;
    text-align: center;
    padding: 7px 30px;
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 164.5%;
    color: #02837a;
    transition: .3s;
    margin-top: 22px
}

.ctaContent p,
.ctaContent span {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 142.5%;
    color: #fff
}

.ctaContent.withhead p a,
.ctaContent.withhead span a {
    color: #fff;
    text-decoration: underline
}

section.subscribe__Section {
    padding: 9px 0;
    background-color: #ecf8f4
}

.subscribe__Wrapper {
    display: flex;
    align-items: center;
    column-gap: 56px;
    justify-content: center
}

.subscribe-form {
    display: flex;
    gap: 12px
}

.subscribe-form p {
    font-weight: 400;
    font-size: 16px;
    line-height: 142.5%;
    color: #2d3343
}

.subscribe-form input[type=email] {
    width: 300px;
    background: #fff;
    border: .724389px solid #dadce0;
    border-radius: 4.2419px;
    font-weight: 400;
    font-size: 13px;
    line-height: 120.19%;
    color: #2d3343;
    padding: 15px 12px;
    flex: 1
}

.subscribe-form input[type=email]::placeholder {
    color: #858585
}

.subscribe-form .subscribe-button {
    background: #02837a;
    border-radius: 6px;
    padding: 13px 28px;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: .03em;
    color: #fff;
    text-decoration: none;
    border: none
}

.subscribe-form .subscribe-button:hover {
    background: #02c585
}

.newFreebiesHead .sec_head {
    font-weight: 700;
    font-size: 30px;
    color: #004b3d;
    margin-bottom: 16px;
    text-align: center
}

.newFreebiesRight {
    flex: 1
}

.newFreebiesWrapper {
    display: flex;
    margin-top: 40px;
    align-items: center;
    justify-content: center;
    gap: 40px
}

.newFreebiesLeft {
    max-width: 30%;
    width: 100%
}

.newFreebiesLeft p {
    display: flex;
    align-items: center;
    padding-bottom: 40px;
    column-gap: 10px;
    justify-content: flex-start
}

.neewFreebiesHead {
    display: flex;
    align-items: flex-start;
    gap: 10px
}

.neewFreebiesHead p {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 142.5%;
    text-align: center;
    color: #004b3d
}

.newfreeServices {
    max-width: 100%;
    width: 100%;
    padding: 28px 20px 30px;
    border: .7px solid #d9e4e1;
    box-shadow: 1px 1px 11px rgba(224, 224, 224, .25);
    border-radius: 12px;
    background-color: #fff
}

.left__Col .labelTitle::before {
    content: "";
    background-image: url(../images/check.svg);
    display: inline-block;
    position: relative;
    width: 19px;
    height: 17px;
    margin-right: 9px
}

.left__Col p {
    position: relative;
    justify-content: space-between;
    max-width: 100%;
    width: 100%;
    flex-wrap: wrap;
    flex: 0 0 39.167%;
    padding-bottom: 11px;
    border-bottom: .7px solid #d9e4e161;
    display: flex;
    align-items: center;
    margin-bottom: 20px
}

.newFreebiesRight p:last-child {
    font-size: 15px;
    color: #3f3f3f;
    line-height: 150%;
    padding-top: 25px
}

.blueSec {
    overflow: hidden;
    padding: 70px 0
}

.serviceSec__head h2.secHead {
    font-weight: 700;
    font-size: 30px;
    line-height: 150%;
    text-align: center;
    color: #004b3d;
    margin-bottom: 16px
}

.descWrapper p {
    font-size: 15px;
    line-height: 23px;
    margin: 18px auto 0;
    max-width: 70%;
    color: #3f3f3f;
    font-weight: 400
}

.descWrapper p:first-child {
    margin-top: 0
}

.servicesWrapper {
    margin-top: 59px
}

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

.flex-start {
    align-items: start
}

.serviceTextBox {
    padding: 20px;
    background: linear-gradient(180deg, #fff 0, #f5fff8 76.96%);
    box-shadow: 2px 1px 23px rgba(203, 203, 203, .2);
    border-radius: 10px;
    max-width: 352px;
    width: 100%;
    min-height: 280px;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.serviceTextBox p {
    font-weight: 400;
    font-size: 16px;
    line-height: 161.5%;
    color: #373737
}

.serviceOrder {
    display: block;
    text-align: center;
    padding: 8px 0 6px;
    font-size: 16px;
    line-height: 142.5%;
    color: #fff;
    background: #02837a;
    border: 1px solid rgba(76, 174, 255, .24);
    border-radius: 8px;
    margin-top: 32px
}

.itemName,
.serviceOrder {
    font-weight: 500;
    transition: .2s
}

.serviceList {
    width: 100%;
    justify-content: center;
    gap: 25px 20px;
    margin-top: 60px
}

.serviceItem {
    padding: 8px 22px 8px 8px;
    border: 1px solid #d9e4e1;
    border-radius: 100px;
    color: #3f3f3f;
    text-transform: capitalize;
    gap: 12px;
    font-size: 15px;
}

.serviceItem.active .itemBox,
.serviceItem:hover .itemBox {
    background: #02837a;
    border-color: #02837a;
    background-image: url(../../../include/tews-landingpage/images/serviceTickWhite.svg);
    background-repeat: no-repeat;
    background-position: 50%;
}

.itemBox {
    width: 45px;
    height: 45px;
    border: 2px solid #d9e4e1;
    border-radius: 50%;
    justify-content: center;
    background-image: url(../../../include/tews-landingpage/images/serviceTickGreen.svg);
    background-repeat: no-repeat;
    background-position: 50%;
}

.itemBox img {
    width: 19px;
    height: 17px
}