:root {
    --text-p: #8f244d !important;
}

.banner {
    display: flex;
    align-items: flex-end;
    padding-bottom: 70px;
    position: relative;
    background: url(../images/banner-after.png) no-repeat left top;
    overflow: hidden;
    z-index: 5;
    padding-top: 50px;
    background-size: cover;
    background-blend-mode: color;
}

.banner .container {
    z-index: 10;
}

.banner img {
    display: block;
}

.banner h6 {
    color: #8f244d;
    padding: 0;
    font-weight: 800;
}

.banner h2 {
    padding: 0 0 20px;
    font-size: 33px;
}

.banner h2 strong {
    display: block;
    line-height: 62px;
    font-size: 51px;
}

.hme-abt-con {
    padding: 20px 0 90px;
    background: url(../images/bg_rec.webp) no-repeat left top;
    background-size: cover;
    position: relative;
    background-attachment: fixed;
}

.hme-abt-con:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0.8;
}

.hme-abt-con .container {
    position: relative;
    z-index: 10;
}

.hme-abt-con .row {
    align-items: center;
}

.hme-abt-con h2 {
    /* margin-bottom: -50px; */
    position: relative;
    z-index: 5;
    font-size: 35px;
    /* line-height: 3px; */
}

/* .hme-abt-con h2 strong {
    display: block;
    padding-bottom: 15px;
    color: #8f244d;
    font-size: 40px;
} */
.hme-abt-con h6 {
    font-weight: 400;
    padding-top: 55px;
}

.hme-abt-con .img {
    width: 100%;
    height: 750px;
    background: url(../images/home-about.jpg) no-repeat left bottom;
    background-size: contain;
    background-attachment: fixed;
    border-radius: 0 0 70px 70px;
}

.counter-sec {
    display: flex;
    align-items: center;
    margin-top: 55px;
}

.counter-sec [class*="col-lg-"] {
    padding: 0;
}

.counter-sec span {
    font-weight: 500;
    padding: 0 0 20px;
    font-size: 44px;
    display: block;
    line-height: 16px;
    color: #8f244d;
}

.counter-sec h6 {
    font-size: 16px;
    font-weight: 700;
    width: 100px;
    font-weight: 500;
    margin: 0 auto;
    line-height: 19px;
    padding-top: 0;
}

.counter-sec .con {
    text-align: center;
}

.shop {
    padding: 80px 15px 0;
    position: relative;
}

.shop:after {
    content: "";
    position: absolute;
    left: 0;
    top: 204px;
    width: 99%;
    height: 81.5%;
    border-radius: 0 600px 600px 0;
    background: #f7f7f7;
}

.shop.shop1:after {
    right: 0;
    left: auto;
    border-radius: 600px 0 0 600px;
    background: #f7f7f7;
    height: 73.3%;
}

.shop.shop1.shop2:after {
    left: 0;
    right: auto;
    border-radius: 0 600px 600px 0;
    /* background: #000; */
    background: #f7f7f7;
    opacity: 0.03;
    height: 74.4%;
}

.shop.shop2 .con-wrap a span {
    height: 350px;
}

.shop-list .item {
    margin: 0 20px;
}

.shop .container {
    position: relative;
    z-index: 10;
}

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

/* .shop h2 {
    padding: 0 0 40px 90px;
    line-height: 42px;
    font-size: 47px;
    color: #000;
}
.shop h2 span {
    display: block;
    font-weight: 800;
    color: #8f244d;
    font-size: 28px;
} */
.shop [clasa*="col-lg-"] {
    display: flex;
}

.shop .left-con-wrap {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    overflow: hidden;
}

.audiobook-wrap img {
    height: 557px;
}

.shop.shop1 .left-con-wrap {
    margin: 0 0 0 15px;
}

.shop .left-con-wrap .con {
    position: relative;
    z-index: 5;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    padding-top: 20px;
    justify-content: center;
}

.shop.shop1 .left-con-wrap .con {
    height: 550px;
}

.shop.shop2 .left-con-wrap .con {
    height: 595px;
    display: block;
    text-align: center;
    padding-top: 25px;
}

.shop.shop2 .left-con-wrap .con img {
    width: auto;
    margin-top: 20px;
}

.shop .left-con-wrap .con h3 {
    background: url(../images/badge.png) no-repeat left top;
    background-size: cover;
    color: #fff;
    width: 200px;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column;
    font-size: 27px;
    font-weight: 600;
    padding: 0;
    line-height: 38px;
    margin: 35px 0 55px;
}

.shop .left-con-wrap .con h3 strong {
    font-size: 43px;
    font-weight: 800;
}

.shop .left-con-wrap .con h4 {
    color: #644329;
    text-align: center;
    line-height: 52px;
    font-size: 45px;
    text-shadow: 2px 2px rgba(255, 255, 255, 0.5);
}

.shop .left-con-wrap .con h4 span {
    display: block;
    font-weight: 800;
}

.shop .left-con-wrap .con img {
    margin: 35px 0 0;
    display: block;
}

.shop .left-con-wrap .con.con1 img {
    margin: 60px auto;
    width: 60%;
}

.shop .left-con-wrap .con .btn {
    margin-top: 30px;
}

.shop .left-con-wrap .con h6 {
    text-align: center;
    color: #000;
    padding: 0 30px;
    font-size: 24px;
}

.shop.shop1 .row {
    align-items: center;
}

.shop .nav-tabs {
    border: none;
}

.shop .nav-tabs li:before {
    content: "/";
    padding: 0 20px;
    opacity: 0.5;
}

.shop .nav-tabs li:first-child:before {
    display: none;
}

/* .shop .nav-tabs li a.active {
    color: #8f244d;
} */
.shop .tab-pane.active {
    opacity: 1;
}

.shop .con-wrap {
    overflow: hidden;
    margin: 10px 0;
}

.shop .con-wrap:hover {
    transform: translateY(-20px);
    box-shadow: 5px 10px 15px rgba(0, 0, 0, 0.25);
}

.shop .con-wrap a {
    height: auto;
    display: block;
    position: relative;
}

.shop a .con {
    background: #fff;
    padding: 15px 20px;
    border-radius: 0;
    width: 100%;
    margin: auto;
    right: 0;
}

.shop .con-wrap a span img {
    height: 100%;
    width: 100%;
}

.shop .con-wrap a span {
    overflow: hidden;
    height: 280px;
    display: block;
}

.shop.shop1 .con-wrap a span {
    height: 350px;
}

.shop a p {
    font-size: 12px;
    padding: 0;
    font-weight: 800;
    line-height: 14px;
    margin-top: 6px;
    margin-bottom: 6px;
}

.shop .left,
.shop .right {
    float: none;
}

.price-tag,
.shop a h4 {
    padding: 0;
    font-size: 15px;
    color: #8f244d;
    font-weight: 600;
    line-height: 24px;
}

.shop a h5 {
    padding: 0;
    font-size: 15px;
    color: #000;
    line-height: 21px;
    font-weight: 500;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.shop .owl-nav {
    order: -1;
    width: 100%;
    text-align: right;
    display: flex;
    justify-content: flex-end;
}

.shop .owl-carousel .owl-nav button {
    color: #000 !important;
    font-size: 17px !important;
    font-weight: 500 !important;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 100%;
    width: 40px;
    height: 40px;
    margin: 0 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.shop .owl-carousel .owl-nav button i {
    margin: 0;
}

.shop .owl-carousel .owl-nav button:hover {
    color: #8f244d !important;
}

.shop a:hover h5 {
    color: #8f244d;
}

.shop .owl-carousel.owl-loaded {
    display: flex;
    flex-wrap: wrap;
}

.bg-orange {
    background: #c689a0;
}

/* .community {
    padding: 30px 0 60px;
    background: #bb7a93;
    background: -moz-linear-gradient(
        -45deg,
        #bb7a93 0,
        #c689a0 100%
    );
    background: -webkit-linear-gradient(
        -45deg,
        #bb7a93 0,
        #c689a0 100%
    );
    background: linear-gradient(
        135deg,
        #bb7a93 0,
        #c689a0 100%
    );
    position: relative;
    margin: 75px 0 0;
    z-index: 10;
} */
.community h2 {
    padding-left: 100px;
    font-weight: 600;
    color: #000;
    padding-bottom: 50px;
}

.community h2 span {
    display: block;
    font-weight: 400;
    color: #8f244d;
}

.community [class*="col-lg-"] {
    display: flex;
}

.community .con {
    margin: 0 20px;
    padding-bottom: 35px;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.09);
    border-radius: 20px;
    overflow: hidden;
}

.community .con:hover {
    transform: translateY(-20px);
    box-shadow: 5px 10px 15px rgba(0, 0, 0, 0.25);
}

.community .con img {
    margin-bottom: 25px;
    display: block;
    min-height: 195px;
}

.community .con h6,
.community .con p {
    padding: 0 30px;
}

.community .con p {
    font-weight: 700;
    color: #8f244d;
    font-size: 14px;
}

.community .con h6 {
    line-height: 25px;
}

.hme-authors {
    padding: 10px 0;
    position: relative;
}

.hme-authors:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 48%;
    height: 100%;
    background: #000;
    mix-blend-mode: hard-light;
    opacity: 0.8;
    z-index: 4;
}

.hme-authors:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 48%;
    height: 100%;
    background: url(../images/am_lbf_opt.png) no-repeat left top;
    background-size: cover;
}

.hme-authors .container {
    z-index: 5;
    position: relative;
}

.hme-authors h2 {
    font-weight: 600;
    color: #fff;
}

.hme-authors h2 span {
    display: block;
    font-weight: 400;
    color: #8f244d;
}

.hme-authors .row {
    align-items: center;
}

.hme-authors .con {
    padding-right: 145px;
}

.hme-authors h5 {
    font-weight: 600;
    font-size: 25px;
}

.hme-authors h2+p {
    color: #fff;
    opacity: 0.5;
}

.hme-authors p a {
    color: #8f244d;
    opacity: 1;
}

.testimon {
    padding: 100px 0px 0px;
}

.testimon .item {
    display: flex;
    flex-wrap: wrap;
    /* background: #fff; */
}

.testimon .item .img {
    overflow: hidden;
    text-align: center;
    width: 100%;
}

.testimon .item .img img {
    margin: 0 auto 10px;
    width: 290px;
    /* border-radius: 15px; */
}

/* .testimon .item .con {
    padding: 0 50px;
} */
.testimon .item .con p {
    font-size: 21px;
    padding-top: 0px;
    /* line-height: 34px; */
}

.testimon .item .con h6 {
    font-weight: 800;
    font-size: 30px !important;
    color: #8f244d !important;
    /* text-align: right; */
}

.testimon .item .con h6 span {
    display: block;
    font-weight: 500;
    color: #8f244d;
    margin-top: 4px;
}

.testimon {
    padding: 100px 0px 0px;
}

.testimon .item .con h6 {
    font-weight: 800;
    font-size: 30px !important;
    color: #8f244d !important;
    /* text-align: right; */
}

.testimon .item .con h6 span {
    display: block;
    font-weight: 500;
    color: #8f244d;
    margin-top: 4px;
}

.testimon .item .con p {
    font-size: 16px !important;
    color: #373738 !important;
    /* text-align: right; */
}


.btm-sec {
    text-align: center;
    padding: 30px 0;
    position: relative;
}

.btm-sec:after,
.btm-sec:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    opacity: 0.3;
}

.btm-sec:before {
    left: 0;
    width: 48%;
    background: url(../images/Submit-your-story.jpg) no-repeat left top;
    opacity: 0.5;
}

.btm-sec:after {
    width: 52%;
    right: 0;
    background: url(../images/Readers-Club.jpg) no-repeat right top;
}

.btm-sec .btm-div {
    position: relative;
    z-index: 5;
}

.btm-sec .btn {
    padding: 0 0 0;
    line-height: 43px;
}

.btm-sec h5 strong {
    color: #8f244d;
    display: block;
}

.btm-sec .con {
    padding: 0 50px;
}

.btm-sec h5 {
    font-size: 32px;
    line-height: 36px;
    font-weight: 400;
}

.btm-sec h5+p {
    height: 85px;
}

.btm-sec .btn a {
    font-size: 14px;
    letter-spacing: 0.04em;
}

.about .img {
    height: 430px;
    overflow: hidden;
    border-radius: 40px;
    width: 90%;
    position: relative;
}

.about .col-lg-4 {
    position: relative;
}

.about .col-lg-4 span {
    position: absolute;
    right: 20px;
    bottom: 60px;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    background: #8f244d;
    color: #fff;
    font-size: 28px;
    opacity: 0.8;
}

.about .con {
    padding-bottom: 30px;
    padding-right: 50px;
}

.about h2 {
    font-size: 52px;
    line-height: 73px;
    padding-bottom: 00px;
}

.about h2 span,
.about h3 span {
    color: #8f244d;
}

.diverse {
    background: #f2f2f2;
    margin: 40px 0;
}

.diverse .row {
    align-items: center;
}

.diverse .con {
    padding: 0 75px 0 0;
}

.diverse .con h2 {
    padding-bottom: 10px;
}

.diverse h2 span {
    display: block;
    font-weight: 600;
    color: #8f244d;
}

.bridging-wrap {
    padding: 40px 0 30px;
}

.bridging-wrap .row {
    justify-content: flex-end;
    align-items: flex-end;
}

.bridging-wrap h2 {
    font-size: 47px;
    line-height: 56px;
    padding-left: 30px;
}

.bridging-wrap h2 span {
    display: block;
    font-weight: 600;
    color: #8f244d;
}

.bridging-wrap p {
    padding-right: 250px;
}

.bridging-wrap img {
    margin-top: 30px;
    width: 55%;
    border-radius: 50px;
}

.publishing-wrap {
    padding: 15px 0;
}

.publishing-wrap h2 {
    font-size: 47px;
    line-height: 56px;
    padding-left: 80px;
    padding-bottom: 30px;
}

.publishing-wrap h2 span {
    display: block;
    font-weight: 600;
    color: #8f244d;
}

.publishing-wrap .row {
    align-items: center;
}

.publishing-wrap .con {
    background: #fff;
    padding: 40px;
    margin-left: -90px;
    width: 586px;
    box-shadow: 2px 2px 12px -8px #000;
}

.publishing-wrap1 {
    padding-top: 0;
}

.publishing-wrap1 h2 {
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: -35px;
}

.publishing-wrap1 .con {
    position: relative;
    right: -230px;
}

.publishing-wrap img {
    border-radius: 40px;
}

.recognition {
    margin: 40px 0;
    background: #f4f4f4;
    background: -moz-linear-gradient(-45deg, #f4f4f4 0, #e2dede 100%);
    background: -webkit-linear-gradient(-45deg, #f4f4f4 0, #e2dede 100%);
    background: linear-gradient(135deg, #f4f4f4 0, #e2dede 100%);
    padding: 40px 0 60px;
}

.recognition h3,
.recognition h5,
.recognition p {
    text-align: center;
}

.recognition h3 {
    padding-bottom: 55px;
}

.recognition h5 {
    padding-bottom: 0;
}

.recognition p {
    font-weight: 500;
    padding: 0 20px;
    line-height: 23px;
}

.recognition .item {
    padding: 30px 25px;
    background: #fff;
    border-radius: 20px;
    border: 1px solid rgba(0, 0, 0, 0.2);
}

.recognition .item img {
    width: 50%;
    display: block;
    margin: 0 auto;
}

.recog .owl-stage,
.recog .owl-stage .owl-item {
    display: flex;
    flex-wrap: wrap;
}

.authors {
    padding: 0 0 20px;
}

.authors .clients {
    padding-top: 40px;
}

.authors h4 {
    font-size: 45px;
    line-height: 42px;
}

.authors h4 span {
    display: block;
    font-weight: 600;
    font-size: 27px;
    color: #8f244d;
}

.timeline {
    padding: 60px 0 0;
}

.timeline h3 {
    text-align: center;
}

.timeline h3 span {
    font-weight: 600;
    color: #8f244d;
}

.timeline .con {
    height: 90%;
    width: 90%;
    margin: 50px 15px;
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.05);
    padding: 0 35px 50px;
    border-radius: 40px;
    border: 1px solid rgba(0, 0, 0, 0.09);
    overflow: hidden;
}

.timeline .con h4 span {
    display: block;
    font-weight: 600;
    color: #373738;
}

.timeline .con h6 {
    font-size: 17px;
}

.timeline .con h4 {
    font-size: 30px;
    line-height: 31px;
    padding-bottom: 0;
    color: #8f244d;
    font-weight: 600;
}

.director {
    padding: 25px 0 45px;
}

.director h2 {
    padding-left: 70px;
    padding-bottom: 30px;
}

.director h2 strong {
    display: block;
    font-weight: 600;
    color: #8f244d;
}

.director h5 {
    position: relative;
    padding: 10px 0;
    color: #8f244d;
    font-size: 31px;
    line-height: normal;
}

.director h5 small {
    display: block;
    color: #000;
    font-weight: 400;
    font-size: 16px;
}

.director i {
    font-size: 120px;
    text-align: center;
    display: block;
    width: 100%;
    color: #8f244d;
}

.sub-con {
    margin-bottom: 55px;
    margin-top: 50px;
}

.sub-con .con {
    padding-bottom: 0;
}

/* .sub-con p {
    font-size: 19px;
    line-height: 33px;
} */
.cform {
    background: #8f244d;
    background: -moz-linear-gradient(-45deg, #8f244d 0, #8f244d 100%);
    background: -webkit-linear-gradient(-45deg, #8f244d 0, #8f244d 100%);
    background: linear-gradient(135deg, #8f244d 0, #8f244d 100%);
    padding: 15px 0 30px;
    border-radius: 100px 100px;
}

.cformWidth {
    margin: 0px 150px;
}

.cform h2 {
    text-align: center;
    font-size: 54px;
    padding-bottom: 25px;
    line-height: 42px;
}

.cform h2 span {
    display: block;
    font-weight: 400;
    color: #8f244d;
    font-size: 41px;
}

.cform .row .row {
    width: 85%;
    margin: 0 auto;
}

.cform h6 {
    text-align: center;
    padding: 0 0 0 10px;
}

.cform form a:not(.default) {
    border: 1px solid transparent;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
    margin: 10px 0 0;
    border: 2px solid transparent;
}

.cform form a svg {
    margin-right: 0;
    height: 36px;
}

.cform form a.google-drive {
    border-color: #8f244d;
    color: #8f244d;
}

.cform form a.google-drive:not(.disabled):hover {
    background: #8f244d;
    color: #fff;
}

.cform form a.google-drive:not(.disabled):hover svg path {
    fill: white;
}

.cform form a.dropbox {
    border-color: #55acee;
    color: #55acee;
}

.cform form a.dropbox svg {
    position: relative;
    top: 5px;
}

.cform form a.dropbox:hover {
    background: #55acee;
    color: #fff;
}

.cform form a.dropbox:hover svg path {
    fill: white;
}

.cform .btn-sub {
    margin: 25px auto 0;
    width: 200px;
    display: block;
}

.cform .col-12 {
    padding: 0 8px;
}

.cform .d-flex {
    padding-top: 10px;
    align-items: center;
}

.get-cont h3 span,
.process h3 span {
    display: block;
    font-weight: 400;
    color: #8f244d;
    font-size: 41px;
}

.get-cont h3,
.process h3 {
    font-size: 54px;
    line-height: 54px;
}

.process .bg {
    background: #f4f4f4;
    background: -moz-linear-gradient(-45deg, #f4f4f4 0, #e2dede 100%);
    background: -webkit-linear-gradient(-45deg, #f4f4f4 0, #e2dede 100%);
    background: linear-gradient(135deg, #f4f4f4 0, #e2dede 100%);
}

.process .con {
    border-top: 1px dotted #000;
    padding: 20px 0 30px;
}

.process .con h4 {
    font-size: 28px;
    line-height: normal;
    padding-bottom: 0;
}

.process .con h4,
.process .con p {
    color: #000;
}

.process .con p {
    padding-bottom: 0;
}

.process .con h4 span {
    font-weight: 600;
    padding-right: 10px;
    color: #8f244d;
}

.process .con:first-child {
    border-top: none;
}

.submission-process {
    padding: 65px 0 85px;
}

.submission-process [class*="col-lg-"] {
    display: flex;
}

.submission-process .con {
    padding: 30px;
    background: rgba(198, 137, 160, 1);
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.08);
    margin: 0 30px;
}

.submission-process h2 {
    font-size: 28px;
    line-height: 40px;
}

.submission-process h2 span {
    font-weight: 600;
    color: #8f244d;
}

.submission-process p {
    padding: 5px 0;
}

.become-author {
    padding: 0 0 50px;
}

.become-author .row {
    justify-content: space-between;
}

.become-author [class*="col-lg-"] {
    display: flex;
    flex-wrap: wrap;
}

.become-author .col-lg-5 .con {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: flex-start;
    height: 42vh;
    border: none;
    box-shadow: none;
    position: -webkit-sticky;
    position: sticky;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    top: 30%;
    margin: 0 30px 0 0;
    background: #fff;
    padding: 35px;
    z-index: 5;
}

.become-author .con {
    padding: 30px 0 50px;
    margin: 0 0 0 50px;
    position: relative;
    min-height: 410px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.become-author .con:nth-child(2n + 2):before {
    content: "";
    position: absolute;
    left: -50%;
    transform: translateX(-50%);
    top: 0;
    width: 200vw;
    height: 100%;
    background: #000;
    opacity: 0.025;
}

.become-author .con h2,
.become-author .con p {
    position: relative;
    z-index: 2;
}

.become-author .con h2 {
    font-size: 35px;
    font-weight: 400;
}

.become-author .con h2 strong {
    display: block;
    font-size: 41px;
    font-weight: 700;
    color: #8f244d;
}

.become-author .col-lg-7 .con:first-child {
    border: none;
    margin-top: 0;
    padding-top: 0;
}

.become-author p {
    font-size: 15px;
    line-height: 27px;
    display: flex;
    align-items: center;
}

.become-author p img {
    width: 160px;
    margin-right: 25px;
}

.become-author .con:nth-child(2n + 2) p img {
    margin-left: 25px;
}

.become-author p a {
    font-weight: 700;
}

.become-author h4 {
    width: 100%;
    border-left: 4px solid #8f244d;
    font-size: 32px;
    padding: 0 0 0 20px;
}

.resources {
    padding: 50px 0 0;
}

.resources h2 {
    text-align: center;
}

.resources h2 span {
    display: block;
    font-weight: 600;
    color: #8f244d;
}

.resources h2+h6 {
    text-align: center;
    padding-bottom: 40px;
    width: 60%;
    margin: 0 auto;
}

.resources .row {
    justify-content: center;
}

.resources [class*="col-lg-"] {
    display: flex;
}

.resources .con {
    text-align: center;
    background: #fafafa;
    border: 1px solid rgba(0, 0, 0, 0.05);
    padding: 0 0 25px;
}

.resources .con h5 {
    padding: 5px 25px 0;
    font-weight: 500;
    font-size: 17px;
    line-height: 24px;
}

.resources .con h6 {
    color: #8f244d;
    padding: 15px 0 0;
    font-size: 15px;
    font-weight: 700;
}

.resources .con img {
    width: 100%;
    height: 400px;
}

.resources .con a:hover h5 {
    color: #8f244d;
}

.resources .con a:hover h6 {
    color: #373738;
}

.inn-btm {
    padding: 75px 0;
}

.inn-btm .row {
    justify-content: center;
}

.inn-btm .col-lg-7 {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.inn-btm h2 {
    font-size: 36px;
    line-height: 39px;
    border-left: 6px solid #b83970 !important;
    padding: 0 0 0 30px;
}

.inn-btm h2 strong {
    display: block;
    font-weight: 600;
    color: #8f244d;
}

.cnt-top-con {
    padding: 110px 0;
    background: rgba(0, 0, 0, 0.05);
}

.cnt-top-con .row {
    align-items: center;
}

.cnt-top-con h2 {
    font-size: 64px;
    line-height: 68px;
}

.cnt-top-con h2 span {
    display: block;
    font-weight: 800;
    color: #8f244d;
    font-size: 28px;
}

.cnt-top-con h6 {
    font-size: 21px;
    line-height: 36px;
    width: 80%;
}

.cnt-btm-con form {
    background: #b44a00;
    padding: 60px;
    width: 85%;
    position: -webkit-sticky;
    position: sticky;
    border-radius: 25px;
    box-shadow: 0 0 15px 8px rgba(0, 0, 0, 0.2);
    top: 30px;
}

.cnt-btm-con button {
    background-color: white;
    color: #8f244d !important;
    text-shadow: none;
}

.cnt-btm-con h5 {
    padding-top: 45px;
    margin-top: 45px;
    font-weight: 700;
    font-size: 27px;
    border-top: 1px dotted #000;
}

.cnt-btm-con h5:first-child {
    padding-top: 0;
    border: none;
    margin-top: 0;
}

.cnt-btm-con .orange,
.cnt-btm-con .orange a {
    color: #ec7100;
}

.cnt-btm-con .purple,
.cnt-btm-con .purple a {
    color: #b44a00;
}

.cnt-btm-con .brown,
.cnt-btm-con .brown a {
    color: #644329;
}

.cnt-btm-con h6 {
    display: flex;
    flex-wrap: wrap;
}

.cnt-btm-con h6 i.orange {
    margin-right: 10px;
    color: #ec7100;
    position: relative;
    top: 5px;
}

.cnt-btm-con h6 i.purple {
    margin-right: 10px;
    color: #8f244d;
    position: relative;
    top: 5px;
}

.cnt-btm-con h6 i.brown {
    margin-right: 10px;
    color: #644329;
    position: relative;
    top: 5px;
}

.cnt-btm-con h6 a.last:before {
    content: "/";
    padding: 0 5px;
}

#contactemail input,
textarea,
select {
    border-radius: 25px;
}

.des-pub h4 {
    font-size: 31px;
    line-height: 38px;
    border-left: 4px solid #8f244d;
    padding: 0 0 0 20px;
    font-weight: 600;
}

.des-pub h4 span {
    color: #8f244d;
    display: block;
    font-size: 27px;
}

.des-pub .row.last {
    margin: 65px 0;
}

.des-pub .last .con {
    padding-right: 85px;
}

.des-pub .last.last1 img {
    margin-top: 0;
}

.des-pub p {
    padding: 0 0 20px;
}

.des-pub img {
    margin-top: 35px;
    border-radius: 40px;
}

.des-pub1 img {
    height: 220px;
    display: block;
    margin: 0 auto;
}

.des-pub1 .last img {
    height: 360px;
}

.des-pub1 .clients1 img {
    height: auto;
}

.get-cont {
    padding: 0 0 50px;
}

.get-cont .col-12 {
    display: flex;
}

.get-cont .con-wrap {
    margin: 25px 15px;
    display: flex;
    flex-wrap: wrap;
}

.get-cont .con-wrap .con {
    padding: 30px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    margin: -45px auto 0;
    width: 90%;
    position: relative;
    background: #fff;
    z-index: 5;
}

.get-cont .con-wrap1 {
    margin: 0;
}

.get-cont .con-wrap1 .con {
    padding: 30px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    margin: 0;
    width: 100%;
    position: relative;
    background: #fff;
    z-index: 5;
}

.get-cont .con-wrap .con1 {
    height: 528px;
}

.get-cont .con-wrap h4 {
    font-size: 28px;
    padding: 0;
    line-height: 35px;
    font-weight: 500;
}

.get-cont .con-wrap h4 span {
    color: #8f244d;
    display: block;
}

.get-cont .last {
    margin-bottom: 35px;
}

.get-cont .last .con-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}

.get-cont .last img {
    width: 35%;
}

.get-cont .last .con-wrap .con {
    padding: 30px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    margin: 0;
    width: 63%;
    position: relative;
    background: #fff;
    z-index: 5;
}

.get-cont h6 {
    padding-bottom: 0;
    font-weight: 700;
}

.aut-res {
    padding-bottom: 45px;
}

.aut-res .row {
    align-items: center;
}

.aut-res img {
    display: block;
    margin: 60px auto;
}

.aut-res .con {
    margin: 15px 0;
    border: 1px solid rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    text-align: center;
    padding: 45px 45px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    background: rgba(0, 0, 0, 0.05);
    justify-content: center;
}

.aut-res .con h4 {
    font-size: 28px;
    padding: 0;
    line-height: 35px;
    font-weight: 500;
}

.aut-res .con h4 span {
    color: #8f244d;
    display: block;
    font-size: 34px;
}

.aut-res .share {
    display: flex;
    justify-content: center;
}

.aut-res .share a {
    border: 1px solid rgba(0, 0, 0, 0.2);
    font-size: 20px;
    width: 40px;
    height: 40px;
    margin: 20px 10px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
}

.aut-res .share a:hover {
    border-color: #8f244d;
    background: #8f244d;
    color: #fff;
}

.tab-navs {
    position: -webkit-sticky;
    position: sticky;
    top: 30px;
}

.tab-navs ul li {
    padding: 0 25px;
}

.tab-navs ul li a {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding: 10px 0;
    color: rgba(0, 0, 0, 0.5);
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.tab-navs ul li a span {
    padding-right: 10px;
    padding-left: 10px;
    min-width: 30px;
    height: 20px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 35px;
    text-align: center;
    font-size: 12px !important;
    line-height: 18px;
    transition: color 0.25s ease, background-color 0.25s ease,
        border-color 0.25s ease;
}

.tab-navs ul li:first-child a {
    border: none;
}

.tab-navs ul li a:hover,
.tab-navs ul li.current a {
    color: #8f244d;
}

.tab-navs ul li a:hover span,
.tab-navs ul li.current a span {
    border-color: #8f244d;
    background: #8f244d;
    color: #fff;
}

.blogs-wrap {
    padding-bottom: 65px;
}

.blogs-wrap .row {
    display: block;
    column-count: 3;
    column-gap: 0;
    padding: 0;
}

.blogs-wrap .con {
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 25px;
    display: grid;
    grid-template-rows: 1fr auto;
    margin-bottom: 10px;
    break-inside: avoid;
    margin-top: 0 !important;
}

@media only screen and (min-width: 769px) {
    .blogs-wrap .con {
        min-height: 410px !important;
    }
}

.blogs-wrap .con img {
    width: 100%;
}

.blogs-wrap .con h6 {
    color: #8f244d;
    padding: 20px 0 5px;
    font-weight: 600;
}

.blogs-wrap .con h5 {
    padding: 0;
    font-size: 16px;
    line-height: 1;
}

.hw-work .con {
    padding: 0 25px;
}

.hw-work .con img {
    display: block;
    margin: 0 auto 35px;
}

.hw-work-con {
    background: #f2f2f2;
    margin: 35px 0;
    padding: 35px 0 75px;
}

.hw-work-con .con {
    background: #f2f2f2;
}

.hw-work-goals {
    margin: 80px 0;
}

.hw-work-goals .col-lg-9 {
    padding-bottom: 35px;
}

.hw-work-goals .con {
    width: 100%;
    padding-left: 0;
    right: -170px;
}

.hw-work-goals .con .row {
    align-items: flex-start;
}

.hw-work-goals .con h6 {
    font-weight: 700;
    padding-bottom: 0;
}

.footer-nav-elem .active {
    color: #8f244d !important;
}

.authors-list {
    padding-bottom: 45px;
}

.authors-list form {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    margin: 0 0 35px;
}

.authors-list form input {
    width: 85%;
    border: none;
    font-size: 18px;
}

.authors-list form button {
    padding: 0;
    order: -1;
    color: rgba(0, 0, 0, 0.2);
    background: unset;
}

.authors-list ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 15px 0 35px;
}

.authors-list ul li {
    font-size: 16px;
    opacity: 0.4;
    position: relative;
    padding-bottom: 20px;
}

.authors-list ul li:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 1px;
    height: 15px;
    background: #000;
    opacity: 0.5;
}

.authors-list ul li span {
    display: block;
}

.authors-list ul li.active {
    opacity: 1;
    font-size: 18px;
}

.authors-list ul li.active span {
    transform: translateY(-10px);
}

.authors-list ul li.active:after {
    background: #8f244d;
    opacity: 1;
    height: 25px;
}

.authors-list .col-lg-3 a {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    background: #f2f2f2;
    display: block;
    padding: 10px;
    margin: 15px 0;
    position: relative;
}

.authors-list .col-lg-3 a:after,
.authors-list .col-lg-3 a:before {
    color: #8f244d;
    font-size: 14px;
}

.authors-list .col-lg-3 a:hover {
    background: #8f244d;
    border-color: #8f244d;
    color: #fff;
}

.authors-list .col-lg-3 a:hover:after,
.authors-list .col-lg-3 a:hover:before {
    color: #fff;
}

@media (min-width: 1700px) {
    .hme-authors .container {
        max-width: 1670px;
    }
}

@media (min-width: 1300px) {
    .about .row {
        align-items: center;
    }
}

@media (min-width: 1300px) and (max-width: 1400px) {
    header .header-btm {
        padding: 15px 10px;
    }

    header nav li {
        padding: 6px;
    }

    .about .con {
        padding: 0 30px 30px 50px;
    }

    .bridging-wrap p {
        padding-right: 50px;
    }

    .publishing-wrap h2 {
        padding-left: 120px;
        padding-bottom: 50px;
    }

    .director h2 {
        font-size: 51px;
        line-height: 55px;
    }

    .director h5 {
        font-size: 27px;
    }

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

    .hme-authors .con {
        padding-right: 35px;
    }

    .hme-authors h2 {
        font-size: 42px;
    }

    .testimon {
        padding: 30px 0 60px;
    }

    .shop .con-wrap a {
        height: auto;
    }

    .shop:after {
        border-radius: 0 300px 300px 0;
        height: 85%;
    }

    .sub-con .con {
        padding: 0;
    }
}

@media (max-width: 1199px) {
    header .fa-bars {
        display: block;
    }

    header nav:not(.navbar) {
        position: absolute;
        left: 0;
        top: 70px;
        height: 0;
        visibility: hidden;
        background: #fff;
        overflow: hidden;
        width: 100%;
        padding: 20px;
        z-index: 10;
    }

    header nav.show {
        opacity: 1;
        visibility: visible;
        height: 295px;
    }

    header nav ul {
        flex-direction: column;
        align-items: flex-start;
    }

    header nav ul li {
        padding: 10px 5px;
    }

    .about {
        margin-bottom: 0;
    }

    .about .con {
        padding-bottom: 0;
        padding-right: 0;
    }

    .banner:after,
    .banner:before {
        right: 0;
    }

    .hme-abt-con {
        padding-bottom: 50px;
    }

    .counter-sec h6 {
        width: auto;
    }

    .counter-sec {
        padding: 80px 30px 0;
        margin: 0;
    }

    .container {
        max-width: 100%;
    }

    .shop .shop-list {
        padding-left: 0;
    }

    .community .col-lg-4 {
        display: flex;
    }

    .community .col-lg-4 .con {
        margin: 0 !important;
        width: 100%;
    }

    .community .con img {
        left: 0;
        top: 0;
        margin-bottom: 20px;
    }

    .hme-authors .con1 {
        width: 100%;
        left: 0;
    }

    .testimon:before {
        display: none;
    }

    .testimon {
        left: 0;
        top: 0;
    }

    .hme-authors img {
        display: block;
        margin: 0 auto;
    }

    .testimon .item .img img {
        margin: 0 auto 20px;
    }

    .testimon .item .img {
        text-align: center;
        width: 100%;
    }

    .testimon .item {
        padding: 35px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .page-title .title-btm {
        bottom: -15px;
    }

    .bridging-wrap p {
        padding: 0 0 0 30px;
    }

    .diverse .con {
        padding: 50px 0;
    }

    .banner {
        padding: 80px 20px;
        height: auto;
    }

    .banner h2 {
        font-size: 37px;
        line-height: 48px;
    }

    .e-books .first div {
        width: 60%;
    }

    .e-books .product-list .item {
        width: 33%;
    }

    .counter-sec h6 {
        font-size: 19px;
    }

    .hme-authors .con {
        padding: 0 30px;
    }

    .testimon {
        padding: 30px 0 20px;
    }

    .testimon .item {
        padding: 35px 0;
    }

    h5 {
        font-size: 17px;
        line-height: 21px;
    }
}

@media (max-width: 991px) {
    .hw-work-goals .col-lg-5 {
        order: -1;
    }

    .hw-work-goals .col-lg-9 {
        order: -2;
    }

    .hw-work .con {
        padding: 0;
    }

    .about h2,
    .director h2,
    .director h5,
    .diverse .con h2,
    .publishing-wrap h2 {
        text-align: center;
    }

    .about .img-wrap {
        max-width: 410px;
        position: relative;
        margin: 0 auto;
    }

    .about .img {
        width: 100%;
    }

    .diverse {
        padding: 40px 0;
    }

    .diverse img,
    .publishing-wrap img {
        display: block;
        margin: 0 auto;
    }

    .diverse .col-xl-7,
    .publishing-wrap1 .col-lg-9+.col-lg-6 {
        order: 1;
    }

    .diverse .col-xl-7 {
        padding-top: 15px;
    }

    .diverse .con {
        padding-right: 0;
    }

    .bridging-wrap {
        padding: 0 0 30px;
    }

    .bridging-wrap h2 {
        padding-left: 0;
    }

    .bridging-wrap .col-lg-7 {
        order: 1;
    }

    .bridging-wrap p {
        padding-right: 0;
        padding-top: 25px;
    }

    .publishing-wrap {
        padding: 10px 0 0;
    }

    .publishing-wrap h2 {
        padding-left: 0;
        padding-bottom: 0;
        margin: 0;
    }

    .publishing-wrap .con {
        width: 100%;
        margin-left: 0;
        padding: 0;
        right: 0;
        background: 0 0;
    }

    .publishing-wrap img {
        margin: 20px auto;
    }

    .authors {
        text-align: center;
    }

    .timeline .con {
        margin: 30px auto 0;
        text-align: center;
    }

    .director {
        padding-bottom: 35px;
    }

    .director h2 {
        font-size: 40px;
        line-height: 44px;
        padding-left: 0;
    }

    .director i {
        font-size: 70px;
    }

    .director h5 {
        font-size: 19px;
    }

    .recognition {
        padding: 20px 0 60px;
    }

    .recognition h3 {
        padding-bottom: 25px;
    }

    .authors .clients {
        padding-top: 0;
    }

    footer .logo {
        display: block;
        margin: 0 auto 15px;
    }

    footer .copy {
        flex-direction: column;
        justify-content: center;
    }

    .banner {
        padding: 70px 0;
        text-align: center;
    }

    .banner .col-lg-5 {
        order: 1;
        padding-top: 30px;
    }

    .hme-abt-con h2 {
        text-align: center;
    }

    .hme-abt-con {
        padding-top: 80px;
    }

    /* .hme-abt-con h6 {
        padding-top: 85px;
    } */
    .shop h2 {
        padding-left: 0;
    }

    .shop a {
        height: auto;
    }

    .e-books .first {
        padding: 35px 15px;
    }

    .community .col-lg-4 .con {
        margin: 20px auto !important;
        max-width: 550px;
        text-align: center;
        width: 100%;
        padding: 20px;
    }

    .hme-authors h2 {
        padding-left: 20px;
    }

    .hme-authors .con1 {
        padding: 0 15px 35px;
    }

    .community h2 {
        padding: 30px 20px;
        text-align: center;
    }

    .counter-sec {
        padding: 0 0;
    }

    .hme-abt-con .counter-sec h6 {
        padding-top: 0;
    }

    .shop:after {
        display: none;
    }

    .shop.shop1 .owl-nav {
        right: 0;
        top: -60px;
        position: relative;
    }

    .hme-authors {
        padding: 0;
    }

    .btm-sec:after,
    .btm-sec:before,
    .hme-authors:after,
    .hme-authors:before {
        display: none;
    }

    .hme-authors .col-lg-6 {
        position: relative;
        text-align: center;
    }

    .hme-authors .col-lg-6:first-child:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: #000;
        mix-blend-mode: hard-light;
        opacity: 0.8;
        z-index: 4;
    }

    .hme-authors .col-lg-6:first-child:after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: url(../images/am_lbf_opt.png) no-repeat left top;
        background-size: cover;
    }

    .hme-authors .col-lg-6:first-child .con {
        position: relative;
        z-index: 5;
        padding: 30px 15px;
    }

    .testimon .item .con {
        padding: 0;
    }

    .testimon .item .con h6 {
        text-align: center;
    }

    .btm-sec {
        padding: 0;
    }

    .btm-sec .col-lg-6 {
        margin: 20px 0 0;
        position: relative;
        padding: 35px 0 45px;
    }

    .btm-sec .col-lg-6:after,
    .btm-sec .col-lg-6:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        opacity: 0.3;
    }

    .btm-sec .con {
        position: relative;
        z-index: 5;
        padding: 0;
    }

    .btm-sec .col-lg-6:first-child:before {
        left: 0;
        background: url(../images/Submit-your-story.jpg) no-repeat left top;
        background-position: left;
        /* opacity: 0.5; */
    }

    .btm-sec .col-lg-6:last-child:after {
        right: 0;
        background: url(../images/Readers-Club.jpg) no-repeat left top;
        background-position: right;
    }

    .btm-sec h5+p {
        height: auto;
        padding-bottom: 20px;
    }

    .shop .con-wrap {
        border: 1px solid rgba(0, 0, 0, 0.1);
        height: 95%;
    }

    .cform h6,
    footer .copy p {
        text-align: center;
        width: 100%;
    }

    footer h5 {
        font-size: 17px;
    }

    .cform .row .row {
        width: 100%;
    }

    .testimon {
        padding: 0;
    }

    .cform .d-flex {
        flex-wrap: wrap;
    }

    .cform h6 {
        padding: 20px 0 0;
    }

    .process img {
        display: block;
        margin: 0 auto;
    }

    .become-author .col-lg-5 .con {
        height: auto;
        min-height: auto;
        margin: 0 0 35px;
        padding: 25px;
    }

    .get-cont .con-wrap .img {
        width: 100%;
    }

    .get-cont .con-wrap .img img {
        width: 100%;
    }

    .get-cont .con-wrap .con1 {
        height: auto;
    }

    .get-cont .con-wrap .con,
    .get-cont .img {
        width: 100%;
    }

    .get-cont h3 span,
    .process h3 span {
        font-size: 33px;
    }

    .get-cont h3,
    .process h3 {
        font-size: 40px;
        line-height: 54px;
        text-align: center;
        width: 100%;
    }

    .get-cont .img img {
        display: block;
        margin: 25px auto 0;
    }

    .page-title .row {
        width: 100%;
    }

    .page-title h2 {
        text-align: left;
        width: min-content;
        white-space: nowrap;
        margin: auto;
    }

    .hw-work .con {
        padding: 0;
    }

    .get-cont .con-wrap {
        margin: 0 0 25px;
    }

    .cnt-btm-con .col-lg-6:first-child,
    .cnt-top-con .col-lg-6:first-child,
    .des-pub .row.last .col-lg-6:first-child {
        order: 1;
    }

    .cnt-top-con h6 {
        width: 100%;
        text-align: center;
        font-size: 17px;
        line-height: 28px;
    }

    .cnt-top-con h2 {
        text-align: center;
        padding-top: 25px;
    }

    .cnt-top-con {
        padding-bottom: 30px;
    }

    .cnt-btm-con .con {
        text-align: center;
    }

    .cnt-btm-con form {
        width: 100%;
        margin: 35px 0 0;
        padding: 40px 25px;
    }

    .cnt-btm-con .con h6 {
        justify-content: flex-start;
        text-align: left;
        width: 320px;
        margin: 0 auto;
    }

    .cnt-btm-con form button.btn {
        display: block;
        margin: 25px auto 0;
    }

    .cnt-btm-con .con h6 a {
        display: block;
    }

    .cnt-btm-con .con h6 a:before {
        display: none;
    }

    .btn a,
    .btn-sub,
    button.btn {
        font-size: 17px;
    }

    .des-pub h4 {
        border: none;
        text-align: center;
    }

    .des-pub .row.last {
        margin: 25px -15px;
    }

    .blogs-wrap .row {
        column-count: 2;
    }

    .des-pub img {
        display: block;
        margin: 25px auto;
    }

    .des-pub h4 {
        padding: 0;
    }

    .des-pub p {
        padding: 10px 0;
    }

    .resources h2+h6 {
        width: 100%;
    }

    .authors-list {
        padding: 35px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .page-title .title-btm {
        bottom: -25px;
    }

    .e-books .first div {
        width: 60%;
    }

    .e-books .product-list .item {
        width: 50%;
    }

    .des-pub .con {
        padding: 0 25px;
    }

    .des-pub .last .con {
        padding: 0 25px;
    }
}

@media (max-width: 767px) {
    .about img {
        border-radius: 0;
    }

    footer h5 {
        font-size: 17px;
    }

    body {
        font-size: 16px;
    }

    p {
        line-height: 26px;
    }

    h2 {
        font-size: 31px !important;
        line-height: 37px !important;
    }

    .cform h2 span {
        font-size: 27px !important;
    }

    .bridging-wrap h2 {
        font-size: 45px !important;
        line-height: 58px !important;
    }

    h3 {
        font-size: 38px;
    }

    .container,
    .container-sm {
        max-width: 95%;
    }

    .shop {
        padding: 20px 0 !important;
    }

    .shop h2 {
        padding: 0 0;
        width: 100%;
        text-align: center;
    }

    .shop.shop1 h2 {
        text-align: left;
        line-height: 33px !important;
    }

    .shop .nav-tabs {
        justify-content: center;
        width: 100%;
    }

    .shop-list .item {
        margin: 0;
    }

    .e-books .first {
        flex-direction: column;
        text-align: center;
    }

    .e-books .first div {
        border: none;
        width: 100%;
        padding: 0;
        margin: 0;
    }

    .e-books h2 {
        padding: 0;
        width: 100%;
    }

    .e-books {
        margin: -20px 0 0;
    }

    .banner {
        text-align: center;
        align-items: flex-end;
        padding-bottom: 35px;
    }

    .banner .con {
        padding-bottom: 35px;
    }

    .hme-abt-con {
        padding-top: 20px;
        margin: 0;
    }

    .hme-abt-con h2 strong {
        font-size: 49px;
    }

    .hme-abt-con h2 {
        font-size: 53px !important;
    }

    .counter-sec {
        margin-top: 15px;
    }

    .community h2 {
        text-align: center;
    }

    .hme-authors h2 {
        padding-left: 0;
        text-align: center;
    }

    .hme-authors {
        padding: 40px 0 0;
    }

    .testimon .item {
        padding: 35px 0 0;
    }

    .counter-sec .con {
        padding: 15px 0;
    }

    .shop .d-flex {
        flex-wrap: wrap;
    }

    .banner h2 {
        padding: 0 0 10px;
    }

    .community {
        margin: 30px 0 0;
    }

    .testimon .item .con p {
        font-size: 16px;
        line-height: 25px;
    }

    .page-title {
        height: 180px;
        margin-bottom: 35px;
    }

    .authors h4,
    .get-cont h3 span,
    .process h3 span,
    .recognition h3,
    .timeline h3 {
        font-size: 25px;
    }

    .get-cont h3,
    .process h3 {
        font-size: 31px;
        line-height: 36px;
        text-align: center;
    }

    .sub-con p {
        font-size: 16px;
        line-height: 27px;
    }

    .process .con h4 {
        font-size: 25px;
    }

    .process {
        margin-top: 35px;
    }

    .submission-process .con {
        margin: 10px 0;
    }

    .submission-process .con p a {
        word-break: break-all;
        display: block;
    }

    .des-pub .last .con {
        padding: 0;
    }

    .resources {
        padding: 0;
    }

    .resources h2+h6 {
        width: 100%;
    }

    .resources .con {
        margin: 25px 0 0;
    }

    .resources [class*="col-lg-"] {
        display: block;
    }

    .blogs-wrap .row {
        padding-top: 35px;
    }

    .get-cont .last .con-wrap .con,
    .get-cont .last img {
        width: 100%;
    }

    .get-cont .last {
        margin: 0;
    }

    .des-pub h4 {
        font-size: 25px;
    }

    .authors-list {
        padding: 35px 0;
    }
}

@media (min-width: 600px) and (max-width: 767px) {
    .page-title h2 {
        font-size: 45px !important;
        line-height: 50px !important;
    }

    .page-title .title-btm {
        bottom: -19px;
    }

    .e-books .product-list .item {
        width: 50%;
    }

    .banner h2 strong {
        font-size: 41px;
    }
}

@media (max-width: 599px) {
    .timeline .item .con {
        width: 100%;
        order: 1;
        text-align: center;
    }

    .timeline .item img {
        width: 100%;
    }

    .timeline .item {
        padding: 30px 20px;
    }

    .timeline .item .con p {
        padding-top: 0;
    }

    .e-books .product-list .item {
        width: 100%;
    }

    .banner h2 {
        font-size: 22px !important;
        line-height: 29px !important;
    }

    .banner h2 strong {
        display: block;
        font-size: 35px;
        line-height: 42px;
    }

    .hme-abt-con h2 strong {
        font-size: 37px;
    }

    .hme-abt-con h2 {
        font-size: 44px !important;
        line-height: 46px !important;
        padding: 0;
        margin-left: -39px;
    }

    .inn-btm .col-lg-7 {
        flex-direction: column;
    }

    .inn-btm .col-lg-7 .btn {
        padding-top: 25px;
    }

    .blogs-wrap .row {
        column-count: 1;
    }

    .authors-list ul {
        justify-content: flex-start;
    }

    .authors-list ul li {
        padding: 10px 10px 20px;
    }
}

.authors-title {
    margin-bottom: 65px;
}

.authors-title img {
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.authors-title h4 {
    color: #8f244d;
    padding: 0;
}

.authors-book {
    padding-bottom: 65px;
}

.authors-book .row {
    justify-content: center;
}

.authors-book .col-lg-3 {
    position: relative;
    display: flex;
    padding: 15px 15px;
}

.authors-book .con {
    border: 1px solid rgba(0, 0, 0, 0.1);
    text-align: center;
}

.authors-book .con h5 {
    padding: 15px 20px 0;
}

.authors-book .con h6 {
    font-weight: 600;
    color: #8f244d;
}

.authors-book .caption {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 95%;
    bottom: 0;
    display: flex;
    /* flex-wrap: wrap; */
    flex-direction: column;
    justify-content: space-between;
    opacity: 0;
    visibility: hidden;
    background: #ebebeb;
    margin: auto;
    padding: 20px;
}

.authors-book .col-lg-3:hover .caption {
    opacity: 1;
    visibility: visible;
}

.book-detail .con {
    padding: 0 35px;
}

.book-detail .con ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 20px;
    justify-content: space-between;
    width: 500px;
    margin: 15px 0;
    overflow: hidden;
}

.book-detail .con ul li {
    border-left: 1px solid rgba(0, 0, 0, 0.15);
    text-align: center;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: auto;
}

.book-detail .con ul li:first-child {
    border: none;
    border-right: 1px solid rgba(0, 0, 0, 0.15);
}

.book-detail .con ul li label {
    font-size: 12px;
    color: #000;
    cursor: pointer;
    font-weight: 400;
    background: 0 0 !important;
}

.book-detail .con ul li span {
    display: block;
    font-size: 17px;
    color: #8f244d;
    font-weight: 600;
}

.book-detail .con ul li.active,
.book-detail .con ul li:hover {
    background: #8f244d;
}

.book-detail .con ul li.active label,
.book-detail .con ul li:hover label {
    color: #fff;
}

.book-detail .con ul li.active label span,
.book-detail .con ul li:hover label span {
    color: #fff;
}

.book-detail .con h3 {
    font-weight: 600;
    padding-top: 0;
}

.book-detail .con h5 {
    color: #8f244d;
    font-size: 23px;
}

.book-detail .add-to-cart {
    display: flex;
    align-items: center;
}

.book-detail .add-to-cart #field1 {
    border: 1px solid rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    margin: 20px 0;
}

.book-detail .add-to-cart #field1 button {
    background: 0 0;
    padding: 15px;
    color: #000;
    opacity: 0.5;
    font-weight: 400;
}

.book-detail .add-to-cart #field1 input {
    text-align: center;
}

.book-detail .add-to-cart .btn {
    padding: 15px 20px;
    margin-left: 30px;
}

.book-detail .add-to-cart .btn:after,
.book-detail .add-to-cart .btn:before {
    display: none;
}

.book-detail .btn-wrap {
    padding: 5px 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.book-detail .btn-wrap button {
    color: #000;
    opacity: 0.5;
    display: flex;
    padding: 0;
    align-items: center;
    margin-right: 35px;
    font-weight: 400;
    text-transform: inherit;
}

.book-detail .btn-wrap button i {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    margin-right: 15px;
    border: 1px solid rgba(0, 0, 0, 0.2);
}

.book-detail .btn-wrap button:hover {
    opacity: 0.8;
}

.book-detail .btn-wrap button:hover i {
    color: #8f244d;
    border-color: #8f244d;
}

.book-detail .small {
    font-weight: 600;
    padding: 0;
}

.books-desc {
    padding: 60px 0 0;
}

.books-desc #tabs li {
    padding: 0 30px 0 0;
    font-size: 17px;
}

.books-desc #tabs li a {
    padding: 20px 20px 10px;
    display: block;
    border-bottom: 5px solid transparent;
}

.books-desc #tabs li a.active,
.books-desc #tabs li:hover a {
    color: #8f244d;
}

.books-desc .con {
    padding: 40px;
}

.books-desc .row {
    justify-content: center;
}

.books-desc h5 {
    color: #8f244d;
    padding: 0;
}

.books-desc .img {
    height: 200px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.books-desc .img img {
    width: 70%;
}

.related-books {
    padding: 0 0 60px;
}

.related-books .title {
    text-align: center;
    font-size: 31px;
    padding-bottom: 0;
}

.related-books:after {
    display: none;
}

.related-books .con {
    border: 1px solid rgba(0, 0, 0, 0.15);
}

.related-books .item {
    padding: 40px 0;
}

.related-books .related {
    overflow: visible;
}

.d-block.mx-auto.attachment-shop_catalog.size-shop_catalog.wp-post-image.img-fluid {
    object-fit: contain !important;
}

.caption p {
    line-height: 1.7;
}

.bgColor {
    background: #8f244d !important;
}

.accordion-button:not(.collapsed) {
    color: #212529 !important;
}

/* Author Image for Small Screen */
@media only screen and (max-width: 768px) {
    .author-img-css {
        width: 50% !important;
        margin: auto;
    }
}

.amp-community .con {
    max-height: 400px;
    min-height: 400px;
}

@media only screen and (max-width: 768px) {
    .amp-community .con {
        min-height: 250px !important;
        max-height: 250px !important;
    }
}

@media only screen and (max-width: 991px) and (min-width: 768px) {
    .amp-community .con {
        max-height: 280px !important;
        min-height: 280px !important;
    }
}

@media only screen and (max-width: 1280px) and (min-width: 991px) {
    .amp-community .con {
        max-height: 500px !important;
        min-height: 500px !important;
    }
}

@media only screen and (max-width: 1400px) and (min-width: 1024px) {
    .publishing-wrap-v2 .hoverable {
        width: 586px;
        margin-left: 17px !important;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 992px) {
    .publishing-wrap-v2 .hoverable {
        width: 548px;
        margin-left: 0 !important;
    }

    .hot-reads-section h3 {
        font-size: 2.1rem !important;
    }

    .community-text {
        font-size: 13pt !important;
    }
}

@media only screen and (max-width: 1280px) and (min-width: 992px) {
    .publishing-wrap1 .con {
        position: relative;
        right: -100px;
    }
}

.partnership-model {
    background-color: #f8eff2;
}

.hot-reads-section .card {
    border-radius: 25px;
    background-color: #f7f7f7;
}

.hot-reads-section h3 {
    color: #8f244d !important;
    font-size: 30pt;
    font-weight: bold;
    line-height: 46px;
}

.community-text {
    color: #000 !important;
    font-size: 17pt;
}

.testimonials-section span {
    color: #8f244d;
}

.testimonials-section img {
    z-index: 1;
}

.testimonials-section .card {
    border-radius: 100px !important;
    background-color: #f8eff2;
    height: 340px;
}

@media screen and (max-width: 1280px) {
    .testimonials-section .card {
        height: 375px;
    }

    .testimonials-section h3 {
        font-size: 35px;
    }
}

.color-text {
    color: #8f244d;
}

.color-text span {
    color: #000;
}

.banner-subtitle::after {
    display: inline-block;
    content: "";
    border-top: 0.2rem solid black;
    width: 15rem;
    transform: translateY(-1rem);
    margin-bottom: 16px;
    margin-left: 19rem;
}

.banner_title {
    margin-top: -23px;
}

.your-class .card img {
    height: 370px !important;
    object-fit: fill;
    width: 100%;
}

.ab-banner {
    height: 100%;
    object-fit: fill;
}

@media (max-width: 500px) {
    .banner-num .col-lg-1 {
        display: none;
    }

    .banner-num .col-4:nth-last-child(-n + 3) {
        margin: auto;
    }

    .banner-num img {
        height: 32px;
    }

    .banner-num h6 {
        height: 13px;
    }
}

@media (max-width: 768px) {
    .banner-num .col-md-1 {
        display: none;
    }
}

@media (max-width: 1024px) {
    .testimonial-author-img {
        display: block !important;
        margin: auto;
    }

    .testomonial1::before,
    .testomonial2::before {
        display: none;
    }

    .testimonials-section .card {
        height: 592px;
    }
}

@media (max-width: 821px) {
    .testimonials-section .card {
        height: auto !important;
    }

    .banner-subtitle::after {
        display: none;
    }

    .banner_title {
        margin-top: 0;
    }

    .hme-abt-con img {
        display: none;
    }

    .hot-reads-section .card {
        height: auto !important;
    }
}

.hot-reads-section {
    width: 98% !important;
}

.testomonial2::before {
    content: "";
    position: absolute;
    left: 35%;
    bottom: 82%;
    width: 37%;
    height: 56%;
    background-image: url("../images/author2.png");
    background-repeat: no-repeat;
}

.testomonial1::before {
    content: "";
    position: absolute;
    left: 35%;
    bottom: 82%;
    width: 37%;
    height: 56%;
    background-image: url("../images/author1.png");
    background-repeat: no-repeat;
}

.testimonial-author-img {
    display: none;
}

.amp-section-book-title {
    color: #8f244d;
}

.Join-the-AMP-input input {
    border-radius: 999px 2px 2px 999px !important;
    border: 1px solid #8f244d !important;
}

.Join-the-AMP-input input::placeholder {
    color: #8f244d !important;
    padding-left: 25px !important;
}

.sign-up-btn {
    background-color: #8f244d;
    color: #fff;
    border-radius: 2px 999px 999px 2px !important;
}

.sign-up-btn:hover {
    cursor: pointer;
}

.shop-you-next-book-bg {
    border-radius: 0 600px 600px 0;
    background: #f7f7f7;
    width: 98%;
}

.shop-sections .nav-tabs {
    border-bottom: none !important;
}

.shop-sections .nav-tabs li:first-child:after {
    content: "/";
    padding: 0 20px;
    opacity: 0.5;
}

.shop-sections .nav-tabs li .active {
    color: #8f244d;
    font-weight: bold;
}

.shop-you-next-book-bg .card span {
    overflow: hidden;
    height: 230px;
    display: block;
}

.shop-you-next-book a p {
    font-size: 12px;
    padding: 0;
    font-weight: 800;
    line-height: 14px;
    margin-top: 6px;
    margin-bottom: 6px;
}

.shop-you-next-book-bg .card span img {
    height: 100%;
    width: 100%;
    object-fit: fill;
}

.shop-you-next-book-bg h5 {
    padding: 0;
    font-size: 15px;
    color: #000;
    line-height: 21px;
    font-weight: 500;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.shop-you-next-book-bg .card {
    overflow: hidden;
    margin: 10px 0;
    transition: all 500ms ease-in-out;
}

.shop-you-next-book-bg .card:hover {
    transform: translateY(-20px);
    box-shadow: 5px 10px 15px rgba(0, 0, 0, 0.25);
}

/* .slick-dots {
    display: none !important;
} */
@media (max-width: 991px) {
    .shop-you-next-book .shop-you-next-book-bg {
        background-color: #fff;
        width: 100% !important;
    }

    .shop-sections h2 {
        padding: 0 0;
        width: 100%;
        text-align: center;
    }

    .shop-you-next-book-bg p {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .tab-links {
        display: flex;
        justify-content: center !important;
    }

    .audio-ebook-section .audio-ebook-section-bg {
        border-radius: none !important;
        background: #fff !important;
        width: 100%;
        margin-left: 0 !important;
    }

    /* .slick-prev::before,
    .slick-next::before {
        display: none;
    } */
    /* .slick-dots {
        display: block !important;
    } */
}

.shop-sections h2 {
    line-height: 42px;
    font-size: 47px;
    color: #000;
}

.audio-ebook-section-bg {
    border-radius: 600px 0 0 600px;
    background: #f8eff2;
    margin-left: 25px !important;
}

.audio-ebook-section-bg .card-body h5 {
    padding: 0;
    font-size: 15px;
    color: #000;
    line-height: 21px;
    font-weight: 500;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.audio-ebook-section-bg .card-body p {
    font-size: 12px;
    padding: 0;
    font-weight: 800;
    line-height: 14px;
    margin-top: 6px;
    margin-bottom: 6px;
}

.CardTop {
    margin-top: 8% !important;
    margin-bottom: 4% !important;
}

.hoverableCard {
    margin-top: 20px;
    /* overflow: hidden; */
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    border-radius: 60px 60px !important;
    background-color: rgb(247, 239, 242);
    height: 100%;
}

.hoverableCard:hover {
    transform: translateY(-20px);
    box-shadow: 5px 10px 15px rgba(0, 0, 0, 0.25);
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    border-radius: 60px 60px !important;
    background-color: rgb(247, 239, 242);
}

.card-img-top {
    position: absolute;
    top: -93px;
    left: 47%;
    margin-left: -30px;
    width: 100px !important;
    height: 100px;
}

@media screen and (min-width: 684px) and (max-width: 996px) {
    .CardTop {
        margin-top: 10% !important;
    }
}

@media screen and (max-width: 683px) {
    .CardTop {
        margin-top: 15% !important;
    }
}

.submit-you-story {
    background: url(../images/Submit-your-story.jpg);
}

.mailing-list {
    background: url(../images/Readers-Club.jpg);
}

.submit-you-story,
.mailing-list {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.mailing-story-section p {
    color: #000;
}

.mailing-story-section h5 {
    font-size: 32px;
    line-height: 36px;
    font-weight: 400;
}

.mailing-story-section h5 strong {
    color: #b34a00;
    display: block;
}

.submit-you-story .btn {
    display: flex;
    justify-content: center;
}

.Join-the-AMP-input input {
    border-radius: 999px 2px 2px 999px !important;
    border: 1px solid #8f244d !important;
}

.Join-the-AMP-input input::placeholder {
    color: #8f244d !important;
    padding-left: 25px !important;
}

.sign-up-btn {
    background-color: #b34a00;
    color: #fff;
    border-radius: 2px 999px 999px 2px !important;
    border: 1px solid #b34a00 !important;
}

.sign-up-btn:hover {
    cursor: pointer;
}

.shop-you-next-book-bg a h4 {
    padding: 0;
    font-size: 15px;
    color: #8f244d;
    font-weight: 600;
    line-height: 24px;
}

.submission-process .borderRadiusOne {
    border-radius: 0px 50px 50px 50px;
    background-color: #f7eff2;
}

.submission-process .borderRadiusTwo {
    border-radius: 50px 0px 50px 50px;
    background-color: #f7eff2;
}

.bannerSubmissionPage {
    position: relative;
}

.bannerSubmissionPage img {
    /* Make image responsive */
    display: block;
    width: 100%;
}

.bannerSubmissionPage>.captionSub {
    position: absolute;
    top: 160px;
    left: 170px;
    height: 100%;
    /* margin-left: 255px; */
}

.bannerSubmissionPage>.captionSub>h3,
h1,
.bannerSubmissionPage>.captionSub>h2 {
    text-align: center;
}

.bannerSubmissionPage>.captionSub>h1 {
    font-size: 3vw;
}

.bannerSubmissionPage>.caption>h2 {
    font-size: 4vw;
}

.banner-text h3 {
    text-align: left !important;
    line-height: 65px;
}

@media screen and (max-width: 1024px) {
    .banner-text h3 {
        font-size: 44px;
        padding: 10px 0;
        font-weight: 400;
        line-height: unset;
    }

    .banner-text {
        top: 72px !important;
    }
}

@media screen and (min-width: 1025px) {
    .banner-text {
        top: 160px !important;
    }
}

@media only screen and (min-width: 1439px) and (max-width: 1980px) {
    .bannerSubmissionPage>.captionSub {
        top: 200px;
        left: 200px !important;
    }
}

@media only screen and (min-width: 1279px) and (max-width: 1440px) {
    .bannerSubmissionPage>.captionSub {
        top: 150px !important;
        left: 160px !important;
    }
}

@media only screen and (min-width: 1099px) and (max-width: 1280px) {
    .bannerSubmissionPage>.captionSub {
        top: 130px !important;
        left: 120px !important;
    }
}

@media only screen and (min-width: 891px) and (max-width: 1100px) {
    .bannerSubmissionPage>.captionSub {
        top: 100px;
        left: 110px !important;
    }
}

@media only screen and (min-width: 750px) and (max-width: 891px) {
    .bannerSubmissionPage>.captionSub {
        top: 66px !important;
        left: 100px !important;
    }
}

@media only screen and (min-width: 650px) and (max-width: 749px) {
    .bannerSubmissionPage>.captionSub {
        top: 40px !important;
        left: 100px !important;
    }
}

@media only screen and (min-width: 590px) and (max-width: 650px) {
    .bannerSubmissionPage>.captionSub {
        top: 40px !important;
        left: 100px !important;
    }
}

@media only screen and (min-width: 410px) and (max-width: 590px) {
    .bannerSubmissionPage>.captionSub {
        top: 16px !important;
        left: 60px !important;
    }
}

@media only screen and (max-width: 410px) {
    .bannerSubmissionPage>.captionSub {
        top: 16px !important;
        left: 60px !important;
    }
}

.textClr {
    color: #8f244d !important;
}

@media only screen and (min-width: 1023px) and (max-width: 1200px) {
    .cformWidth {
        margin: 0px 80px !important;
        left: 60px !important;
    }
}

@media only screen and (min-width: 959px) and (max-width: 1024px) {
    .cformWidth {
        margin: 0px 72px !important;
        left: 60px !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    .cformWidth {
        margin: 0px 35px !important;
        left: 60px !important;
    }
}

@media only screen and (min-width: 558px) and (max-width: 767px) {
    .cformWidth {
        margin: 0px 20px !important;
        left: 60px !important;
    }
}

@media only screen and (max-width: 558px) {
    .cformWidth {
        margin: 0px 20px !important;
        left: 60px !important;
    }
}

.borderR {
    border-radius: 0px !important;
}

.hot-reads-section .hot-read1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.hot-reads-section img:after {
    box-shadow: 23px 23px 15px -13px;
}

@media screen and (min-width: 1280px) and (max-width: 1440px) {
    .hot-reads-section .card {
        height: 363px !important;
    }
}

@media screen and (max-width: 992px) {

    .mailing-story-section .submit-you-story,
    .mailing-list {
        padding-bottom: 1rem !important;
        padding-top: 0rem !important;
    }

    .Join-the-AMP-input {
        width: 100% !important;
    }

    .home-page .audio-ebook-section-bg .tab-pane .slickSlider img {
        width: 312px;
    }
}

.btn-hoverable {
    background: #b34a00 !important;
}

.home-page .btn a {
    font-size: 10pt !important;
    background-color: #8f244d;
}

.home-page .btn a:hover {
    background-color: #ca4e20 !important;
}

.home-page .audio-ebook-section-bg .tab-pane .slickSlider img {
    height: 355px;
    object-fit: fill;
    width: 248px;
}

.slick-prev {
    width: 48px !important;
    height: 48px !important;
    background-color: transparent !important;
    border: none !important;
    margin-left: -21px;
    position: absolute !important;
    padding: 0 !important;
}

.slick-next {
    width: 48px !important;
    height: 48px !important;
    background-color: transparent !important;
    border: none !important;
    position: absolute !important;
    padding: 0 !important;
    left: 100%;
}

.slick-prev::before {
    content: url("../images/prevous_arrow.png") !important;
}

.slick-next::before {
    content: url("../images/nextarrow.png") !important;
}

.audio-ebook-section-bg .card-body a h5,
.audio-ebook-section-bg .card-body a p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.shop-you-next-book-bg .card-body h5,
.shop-you-next-book-bg .card-body p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.shop .owl-item.active {
    margin-right: 10px;
}

.Testimonial {
    background-color: #f7f7f7 !important;
}

.image-row {
    display: flex;
    gap: 20px;
    justify-content: center;
}

.zoom-image {
    /* width: 150px; */
    height: 100px;
    transition: transform 0.5s ease;
    transform: scale(1);
    /* Default scale */
}

.zoom-image.zoom-out {
    transform: scale(1.5);
    /* Enlarged scale */
}

.split-background {
    background: linear-gradient(to top, #f7f7f7 28%, white 20%);
    display: flex;
    justify-content: center;
    /* Center content horizontally */
    align-items: center;
    /* Center content vertically */
}

@media (min-width: 768px) and (max-width: 992px) {
    .zoom-image {
        height: 90px;
    }

    .image-row {
        gap: 19px;
        /* Adjust spacing between images */
    }

    .split-background {
        background: linear-gradient(to top, #f7f7f7 36%, white 20%);
        padding: 38px;
    }
}

@media (max-width: 768px) {
    .zoom-image {
        height: 90px;
    }

    .image-row {
        gap: 17px;
        /* Reduce spacing between images */
    }

    .split-background {
        background: linear-gradient(to top, #f7f7f7 44%, white 20%);
        padding: 43px;
    }
}

.ampCommnityBtn {
    background: none;
    border: 2px solid #ba3a71;
    border-radius: 30px;
    color: #ba3a71;
    padding: 6px 12px;
    margin: 5px;
    font-size: 14px;
    flex: 1 1 auto;
    text-align: center;
    max-height: 36px;
    /* cursor: pointer; */
    cursor: not-allowed;
    min-width: 100px;
    pointer-events: none;
}

.ampCommnityBtnImage {
    background-image: url('../images/2.png');
    /* Placeholder image */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: white;
    border: none;
    /* max-width: 10%; 
    min-width: 10%;  */
    width: 156px;
    height: 36px;
    border-radius: 30px 30px;
    display: inline-block;
    /* Ensures inline behavior */
    margin-top: 4px;
}

.ampCommnityBtnImageTwo {
    background-image: url('../images/3.png');
    /* Placeholder image */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: white;
    border: none;
    /* max-width: 10%; 
    min-width: 10%;  */
    width: 156px;
    height: 76px;
    border-radius: 30px 30px;
    display: inline-block;
    /* Ensures inline behavior */
    margin-top: 4px;
}

.ampCommnityBtnImageThree {
    background-image: url('../images/4.png');
    /* Placeholder image */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: white;
    border: none;
    /* max-width: 10%; 
    min-width: 10%;  */
    width: 156px;
    height: 76px;
    border-radius: 30px 30px;
    display: inline-block;
    /* Ensures inline behavior */
    margin-top: 4px;
}

/* .ampCommnityBtn:hover {
    background-color: #ba3a71;
    color: white;
} */

.img-fluid {
    max-width: 100%;
    height: auto;
}

@media (max-width: 1480px) {
    .image-block {
        display: block;
        width: 100%;
        /* Images take full width */
        text-align: center;
        /* Center-align images */
    }

    .image-block img {
        max-width: 100%;
        /* Ensure images don't exceed container width */
        height: auto;
        /* Maintain aspect ratio */
    }
}

.cardBrdr {
    border-radius: 35px 35px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    ;
}

.bgColorAudio {
    color: #ba3a71 !important;
}

.bgColorWhoWeArePage {
    color: #8f244d !important;
}

.card-img-overlap {
    position: relative;
    display: flex;
    justify-content: flex-end;
    /* Align image to the right */
}

.card-img-overlap img {
    position: absolute;
    top: 45%;
    left: -20px;
    transform: translateY(-50%);
}

.cardShadow {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px !important;
    overflow: visible;
}

.cardShadowDivrseSec {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 8px 0px !important;
    border-top: none !important;
}

.custom-card {
    width: 100%;
    /* Ensures responsiveness */
    max-width: 300px;
    /* Optional: limits card's max width */
    height: 200px;
    /* Fixed height */
    margin: auto;
    /* Centers card in its column */
}

.whoWeArerecognition {
    background: #f8eff2;
    padding: 40px 0 60px;
}

.whoWeArerecognition h3,
.whoWeArerecognition h5,
.whoWeArerecognition p {
    text-align: center;
}

.whoWeArerecognition h3 {
    padding-bottom: 55px;
}

.whoWeArerecognition h5 {
    padding-bottom: 0;
}

.whoWeArerecognition p {
    font-weight: 500;
    padding: 0 20px;
    line-height: 23px;
}

.whoWeArerecognition .item {
    padding: 30px;
    background: #fff;
    border-radius: 20px;
    border: 1px solid rgba(0, 0, 0, 0.2);
}

.whoWeArerecognition .item img {
    width: 50%;
    display: block;
    margin: 0 auto;
}

.whoWeArerecognition h3 {
    padding-bottom: 40px;
    font-size: 35px;
    font-weight: 700;
    color: #8f244d !important;
}

.pentagon {
    background-color: #f8eff2 !important;
    clip-path: polygon(20% 0%, 100% 0%, 100% 100%, 20% 100%, 0% 30%);
    min-height: 500px;
}

.bookFairSectionLeft-pentagon {
    background-color: #f8eff2 !important;
    /* clip-path: polygon(20% 0%, 100% 0%, 100% 100%, 20% 100%, 0% 30%); */
    clip-path: polygon(80% 0%, 0% 0%, 0% 100%, 80% 100%, 100% 30%);
    min-height: 600px;
}

.bookFairSectionRight-pentagon {
    position: relative;
    background-color: #f8eff2 !important;
    clip-path: polygon(20% 100%, 100% 100%, 100% 0%, 20% 0%, 0% 70%);
    min-height: 600px;
    overflow: visible;
    /* Ensure the image outside the pentagon is visible */
}

.pentagon-image {
    position: absolute;
    top: 49%;
    left: 69%;
    transform: translate(-50%, -50%);
    object-fit: cover;
    /* Make the image fill the container */
    height: auto;
    /* Maintain aspect ratio */
    max-width: 53%;
}

.pentagonStrategicSection {
    position: relative;
    max-width: 800px;
    min-height: 600px;
    background: #f8eff2;
    clip-path: polygon(10% 0%, 90% 0%, 100% 30%, 50% 80%, 0% 30%);
    margin: 50px auto 0;
}

@media (max-width: 715px) {
    .pentagonStrategicSection {
        background-color: #f8eff2;
        /* Optional: set background color */
        clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%) !important;
        min-height: 453px;
    }
}

.pentagon-image-container {
    position: relative;
    top: -273px;
    /* Adjust this to position the image as needed */
    margin: 0 auto;
    /* Centers the image horizontally */
}

.topMargin {
    margin-top: -342px !important;
    position: relative;
    z-index: -1;
}

.pentagon-image-container img {
    object-fit: contain;
}

.highlight-text-bar {
    position: relative;
    display: inline-block;
}

.highlight-text {
    color: #91244E;
    font-weight: bold;
}

.highlight-text-bar::after {
    content: '';
    position: absolute;
    left: 73px;
    bottom: -8px;
    width: 65%;
    height: 3px;
    background-color: #91244E;
}

.overlay-image {
    position: absolute;
    top: 37%;
    left: 50.2%;
    transform: translate(-50%, -50%);
    width: 34.8%;
    height: auto;
    transition: transform 0.2s ease-in, box-shadow 0.2s ease-in;
}

.overlay-image:hover {
    transform: translate(-50%, -50%) scale(0.95);
}

@media (min-width: 1281px) and (max-width: 1440px) {
    .pentagon-image-container {
        top: -224px;
        /* Adjust this as needed for medium-sized screens */
        margin-bottom: -72px !important;

    }
}

@media (min-width: 1025px) and (max-width: 1280px) {
    .pentagon-image-container {
        top: -208px;
        /* Adjust this as needed for medium-sized screens */
        margin-bottom: 52px !important;
    }
}

@media (min-width: 992px) and (max-width: 1024px) {
    .pentagon-image-container {
        top: -208px;
        /* Adjust this as needed for medium-sized screens */
        margin-bottom: 66px !important;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .pentagon-image-container {
        top: -178px;
        /* Adjust this as needed for medium-sized screens */
        margin-bottom: 194px !important;
    }
}

@media (min-width: 715px) and (max-width: 768px) {
    .pentagon-image-container {
        top: -164px;
        /* Adjust this as needed for medium-sized screens */
        margin-bottom: 200px !important;
    }
}

@media (max-width: 715px) {
    .pentagon-image-container {
        top: 20px;
        /* Adjust this as needed for medium-sized screens */
        margin-bottom: 40px;
        /* Adds space at the bottom */
        margin-bottom: 400px !important;
    }
}

@media (min-width: 1630px) and (max-width: 1800px) {
    .pentagon-image {
        left: 71%;
    }
}

@media (min-width: 1572px) and (max-width: 1630px) {
    .pentagon-image {
        left: 72%;
    }
}

@media (min-width: 1390px) and (max-width: 1572px) {
    .pentagon-image {
        left: 70%;
        top: 41.5%;
    }

    .topMargin {
        margin-top: -210px !important;
    }
}

@media (min-width: 1340px) and (max-width: 1390px) {
    .pentagon-image {
        left: 76%;
    }
}

@media (min-width: 1240px) and (max-width: 1280px) {
    .pentagon-image {
        top: 28.8%;
        left: 70%;
        width: 48%;
    }

    .bookFairSectionRight-pentagon {
        height: 700px !important;
    }

    .bookFairSectionLeft-pentagon {
        height: 700px !important;
    }
}

@media (min-width: 992px) and (max-width: 1024px) {
    .pentagon-image {
        top: 23%;
        left: 71%;
        width: 49%;
    }

    .bookFairSectionRight-pentagon {
        height: 700px !important;
    }

    .bookFairSectionLeft-pentagon {
        height: 700px !important;
    }
}

@media (min-width: 700px) and (max-width: 834px) {
    .pentagon-image {
        top: 67.5%;
        left: 26%;
        max-width: 73%;
    }

    .bookFairSectionRight-pentagon {
        margin-top: 42px;
    }
}

@media (min-width: 413px) and (max-width: 428px) {
    .pentagon-image {
        top: 70%;
        left: 36%;
        width: auto !important;
        /* Removes fixed width */
        max-width: 100%;
        /* Ensures responsiveness */
    }

    .bookFairSectionRight-pentagon {
        margin-top: 28px;
    }
}

@media (min-width: 390px) and (max-width: 412px) {
    .pentagon-image {
        top: 73.6%;
        left: 37%;
        width: auto !important;
        /* Removes fixed width */
        max-width: 100%;
        /* Ensures responsiveness */
    }

    .bookFairSectionRight-pentagon {
        margin-top: 28px;
    }

}

@media (min-width: 375px) and (max-width: 389px) {
    .pentagon-image {
        top: 74%;
        left: 37%;
        width: auto !important;
        /* Removes fixed width */
        max-width: 100%;
        /* Ensures responsiveness */
    }

    .bookFairSectionRight-pentagon {
        margin-top: 28px;
    }

}

@media (min-width: 384px) and (max-width: 320px) {
    .pentagon-image {
        top: 75%;
        left: 51%;
        width: auto !important;
        /* Removes fixed width */
        max-width: 100%;
        /* Ensures responsiveness */
    }

    .bookFairSectionRight-pentagon {
        margin-top: 28px;
    }
}

@media (min-width: 359px) and (max-width: 375px) {
    .pentagon-image {
        top: 76%;
        left: 51%;
        width: auto !important;
        /* Removes fixed width */
        max-width: 100%;
        /* Ensures responsiveness */
    }

    .bookFairSectionRight-pentagon {
        margin-top: 28px;
    }

}

@media (min-width: 320px) and (max-width: 416px) {
    .sizeOnSmallScreen {
        width: 100% !important;
        margin-right: 0rem !important;
    }
}

@media (min-width:232px) and (max-width: 321px) {
    .sizeOnSmallScreen {
        width: 100% !important;
        margin-right: -9rem !important;
    }
}

@media (min-width:1002px) and (max-width: 1270px) {
    .mt-dig {
        margin-top: 80px !important;
    }
}

@media (min-width:992px) and (max-width: 1144px) {
    .ww {
        padding-left: 4px !important;
        padding-right: 2px !important;
    }
}

@media (min-width:1204px) and (max-width: 1286px) {
    .ww {
        padding-left: 10px !important;
        padding-right: 2px !important;
    }
}

.no-arrow::-webkit-inner-spin-button,
.no-arrow::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.no-arrow[type=number] {
    -moz-appearance: textfield;
}

.mtt {
    margin-top: 90px;

}

.process .con {
    padding: 20px 0 30px;
}

.process .con h2 {
    font-size: 28px;
}

.process .con h2 span {
    display: inline-block;
    font-weight: 800;
    color: #000;
    border-bottom: 5px solid #8f244d;
    font-size: 28px;
    margin-right: 5px;
}

.pp {
    padding: 0px;

}

.ppp {
    color: #8f244d;
    font-weight: 500;
}


.imgc {
    display: flex;
    justify-content: center;
    /* Horizontally center */
    align-items: center;
    /* Vertically center */
    height: 100%;
    /* Ensure it takes full height of the parent */
    padding: 0;
}

.imgw {
    height: 330px;

}


.loader img {
    width: 50px;
}